* {
    margin:             0;
    padding:            0;
    border:             0 none;
}

/* html { height: 100.5%; } FF only ... if desired by customer */

body {
    background-color:   #ffffff;
    color:              #000;
}

#stage {
    width:              953px;
    margin:             0 auto;
    position:           relative;
}

    #logo {
        margin:             25px 10px 15px 0px;
    }
    
#metanav {
	position:absolute;
	top:39px;
	right:210px;
}

#searchboxDiv {
	position:absolute;
	top:-29px;
	right:0px;
}
#searchboxDiv #searchform #suchebox {
	margin-right:10px;
	position:relative;
	right:14px;
}

#searchboxDiv #submit {
	position:absolute;
	top:4px;
	right:0px;
}

#socialButtonsDiv {
	position:absolute;
	top:103px;
	right:0px;
	height: 33px;
}

#socialButtonsDiv img {
	float: left;
	margin-right: 5px;
}

    #stdNav {
       /* position:           absolute;
         top:                64px;
        top:	             39px;
        right:              0px; *//* -2px; /* because of padding of the links */
    }
    
    #loginNav {
        position:           absolute;
        top:                49px;
        right:              0;
        width:              250px;
    }
    
    #mainNav {
        height:             30px;
        overflow:           hidden; /* for IE6 */
    }
    
    #headVis {
        /*height: 180px;
        background-color: blue;*/
        padding-top:0px;
    }
    
    #main {
        width:              953px; /* for IE6, else columns swap over footer */
        overflow:           hidden;

    }
    
        .column {
            float:              left;
            padding-bottom:1px;
/*            padding-bottom:     20030px; */
/*            margin-bottom:      -20000px; *//* Equal Height Columns, revisited - www.positioniseverything.net/articles/onetruelayout/equalheight */
            
/*            position:           relative; /* need this for absolute positioning of .topBg, but without position:relative of #main IE6 goes nuts */
        }
        
        #leftCol {
            width:              159px;
            margin-right:       20px;

        }
        
        #leftCol .colContent {
             position:absolute;
             top:210px;
             left:15px;

        }
        
            .topBg {
                position:           absolute;
                top:                0;
                left:               0;
                width:              100%;
            }
            
            .colContent {
                position:           relative;
            }
            
            #leftCol .topBg {
                height:             390px;
                background-repeat:  no-repeat;
  /*              background-image:   url(../img/bg_leftcol_fonds_top.jpg); /* default */
            }
        
        #contentCol {
            width:              504px;
            margin-right: 	30px;
            _margin-right: 	15px;
            /*margin:            0 20px;
            background-color: lime;*/
        }
        
        #contentCol #breadcrumbNav {
            margin:             5px 0 13px;
        }
        
        #rightCol {
            width:              239px;
            padding-top:        34px;
            background-repeat:  repeat-y;
 /*           background-image:   url(../img/bg_rightcol_fonds_loop.jpg); /* default */ 
        }
      
            #rightCol .topBg {
                height:             470px;
                background-repeat:  repeat-y;
 /*               background-image:   url(../img/bg_rightcol_fonds_top.jpg); /* default */ 
            }

            #rightCol .colContent {
                width:              250px;
                float:right;
            }
            
    #footer {
        /*border-top:         3px solid #cccccc; */
        padding:            5px 0 15px;
        background:transparent url(../../media/teaser/footer.gif);
    }

    #footer .footerLinken{
           padding-top:4px;
           margin-left:175px;
           line-height:22px;
    }


.left  { float: left; }
.right { float: right; }



/* externe Kosten- praeminenrechner */

div.externKostenrechner, div.externRechner {
    margin:             0 auto;
    position:           relative;
}

div.externKostenrechner {
	width:775px;
	
}


div.externRechner {
	width:525px;
}



/*######################################################################*/
/*########################## XFlexTemplate Elemente ####################*/
/*######################################################################*/


#rightCol .teaserbox { 
	width: 230px;
	border: 0px solid #000;
	background: #f1f1d7 url(/fileadmin/tmpl/img/bg_teaserbox.gif) no-repeat;
	margin-top: 15px;
	margin-left: 20px;
	color: #601327;
}
#rightCol .teaserbox H2{
	margin:0;
	padding:0;
	padding: 14px 18px 10px 18px;
	border: 0px solid #000;
	text-align:left;
}
#rightCol .teaserbox .bodytext{ 
	margin:0;
	padding:0;
	padding-left: 21px;
	padding-right: 21px;
	text-align:left;

}

.wettbewerb {
 background-image:url(../img/teaser.jpg);
 position:relative;
 width:231px;
 height:200px;
 left:20px;
}
.wettbewerb div {
 position:absolute; 
 left:10px;
}
.wettbewerb #link_t {
 top:160px;
}
.wettbewerb #link_b {
 top:175px;
}
.lightbox {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}
#lightbox_inner {
  height:auto;
  width:1px;
  margin-left:auto;
  margin-right:auto;
  position:absolute;
  overflow: hidden;
}
#lightbox_inner #close {
 cursor:pointer;
 height:31px;
 width:620px;
 background-image:url(../img/close_w.png);
 background-repeat:no-repeat;
}
#lightbox_inner #content {
 border:15px solid grey;
 background-color:#fff;
 border-top:none; 
}
#lightbox_inner #content h5 {
 font-size:11px;
}
#lightbox_inner #content .csc-textpic {
 padding:15px;
}
#rightCol .wettbewerb a, #rightCol .wettbewerb span  {
 text-decoration:underline;
 color:#000;
 font-family:Verdana;
 font-size:11px;
}
#rightCol .wettbewerb span  {
cursor:pointer;
font-weight:bold;
}

#rightCol ul { 
	margin:0;
	padding:0;
	padding-left: 35px;
	padding-right: 5px;
	list-style-type:square;
	text-align:left;

}
#rightCol .teaserboxBottom {
	width: 230px;
	height: 11px;
	background: #f1f1d7 url(/fileadmin/tmpl/img/bg_teaserbox_bottom.gif) no-repeat;
	margin-left: 20px;
}

/*** Veranstaltungskalender start ***/
.clearer {
  clear: both;
}

.events-list-col1,
.events-list-col2,
.events-list-col3,
.events-list-col4 {
  float: left;
}
.events-list-col1 {
  background-color:#eaf0cc;
}
.events-list-item .events-list-when, .events-list-item .events-list-where,
.events-list-item .events-list-ics {
  text-align:center;
  border-left:1px solid #c3d076;
}
.events-list-ics a {
   background-image: url("../img/ics_icon.jpg");
    background-repeat: no-repeat;
    color: transparent !important;
} 
.events-list-col1 {
  width: 130px;
  padding-left:10px;
}
.events-list-col1 a {
 text-decoration:underline !important;
}
.events-list-col2 {
  width: 140px;
}

.events-list-col3 {
  width: 100px;
}

.events-list-col4 {
  width: 120px;
}

.events-list-item-headline {
  margin-bottom: 5px;  
  /*border-bottom: 1px dotted #A0A0A0; */
}
.events-list-container {
  margin-bottom:20px;
}
.events-list-item {
  /*margin-bottom: 5px;  */
  border-bottom:1px solid #c3d076;
}
.events-list-item div {
 height:25px;
 padding-top:5px;
}

.events-list-item-headline div {
  font-weight: bold;  
  color: #ffffff; 
  background-color: #741A3E;
  border-right: 1px solid white;
  padding-top:5px;
  height:25px;
}
.events-list-item-headline .clearer, .events-list-item .clearer {
  padding:0;
  height:0;
}
/*** Veranstaltungskalender end ***/