/* unimap - design2.css V. 0.9 var. (06-07-01) - - - - - - - - - - - - */
/* Michael Charlier - http://www.kommkonzept.de  - - - - - - - - - - - */
/*                                                                     */
/* Farben und Positionierungen - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@import url(basis.css); 
 
/* Allgemein - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#kopf{
   height:220px;
   background-color: olive;
   z-index: 15;
}
#kopf img{
   border:none;
}
#kopf h1{
   position:absolute;
   top:185px;
   left:335px;
   color:#fff;
   background-color:olive;
   font-size:1.3em;
   line-height:.9em;
   font-weight:normal;
   padding:0;
   z-index:10;
   letter-spacing: .02em;

}
#seitenkopf{
   position:absolute;
   top:107px;
   left:70px;
}
#seitenbild{
   position:absolute;
   top:150px;
   left:70px;
}

#content{  
   padding-left:35px;
   color:#000;
   background-color:#F1F1F1;
   z-index:10;
   position:relative;

} 

#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content p,
#content ul,
#content ol
{
   margin-right:13%;
   max-width:620px;   
}

#content h1{
   font-size:1.2em;
   font-weight: lighter !important; 
   padding-top:2.5em;
   margin-bottom:.8em;
   color:#777700;
   background-color:#f1f1f1;   
}
#content h2{   
   font-size:1em; 
   font-weight:bold;
   margin:8px 0;
   color:olive;
   background-color:#f1f1f1;
   letter-spacing: 0.05em;  
}
#content h2.sub{
   margin-top:0;
   margin-top:-10px;
   margin-bottom:1.2em;
}

#referenz #content h1{
   margin-bottom:0;
}

#referenz #content h2{
   width:90%;
   border-top:1px solid olive;
   margin-top:0 0 15 0 !important;
   padding:30px 0 10px 0;
}
#referenz #content h2.first{
   border:none;
   padding-top:none;
   margin-top:1px;
}

#info #content h2{
   color:#fff;
   background-color:olive;
   margin-top:25px;
   margin-bottom:15px;
   padding:2px 0 2px 5px; 
   -width:90%;  
}
#content p{
   line-height:1.5;
   padding-bottom:.5em;
}

#content img{
   border:none;
}
#content address{
   xfont-style: normal;
   font-size:.9em;
   line-height:1.4em; 
   margin:0 0 10px 20px; 
}

#zusatzinfo h1{
   padding-top:.8em;
   padding-bottom:.4em;
   font-size:1.2em; 
   color:Olive;       
}
#zusatzinfo h2{
   padding-top:0;
   padding-bottom:.6em;
   font-size:1.2em;  
   color:Olive;         
}
#zusatzinfo p{
   border-bottom:1px solid olive;
   margin-bottom:15px;
   padding-bottom:10px;
}


#footer {
   color:#fff;
   background-color: olive; 
}
#footer p{
   padding:3px 3px 3px 20px;
}

/* Spalten - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#menu{
   margin-top:160px;
   float:left;
   position:relative;   
   z-index:10;
   color:#000;
   background-color:#fff;
   width:250px;
   width:300px;
}
#menu #kurzinfo{
   display:none;
}

#eingang #zusatzinfo{
   float:left;
   margin-left:70px;
   -margin-left:35px;
   margin-right:10px;
   width:220px;
   margin-top:120px;
   text-align:right; 
}
#hinten #zusatzinfo{
   display:none;
}

/* Hauptnavi - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#hauptnavi{
   position:absolute;
   top:0;
   right:0;
   left:300px;
   height:150px;
   background-color: #fff;
   z-index:5;
}
#hauptnavi ul{
   margin-top:4px;

}

#hauptnavi ul li{
   margin:0;
   margin-top:10px;
   float:left;

}
#hauptnavi ul li.first{
   margin-left:0px;
}

#hauptnavi ul li a:link,
#hauptnavi ul li a:visited{
   display:block;
   position:relative;
   border-right:1px solid olive;   
   padding-left:6px;
   padding-top:108px; 
   padding-bottom:1px; 
   width:6.75em; 
   -width:7.3em;
   font-size:.9em;
   text-decoration: none;
}

#hauptnavi ul li a span.zahl{
   position:absolute;
   top:5px;
   right:10px;
   font-size:1.5em;
   color:olive;
}

#hauptnavi ul li.aktiv{
   display:block;
   position:relative;
   border-right:1px solid olive;   
   padding-left:6px;
   padding-top:108px; 
   padding-bottom:1px; 
   background-color:#fff;
   width:6.75em;
   -width:7.3em;  
   font-size:.9em;
   text-decoration: none;
}
#hauptnavi ul li.aktiv{
   background-image: url(../grafik/punkt3.gif);
   background-position: 6px 0px;
   background-repeat: no-repeat;
}
#hauptnavi ul li.aktiv span.zahl{
   position:absolute;
   top:5px;
   right:10px;
   font-size:1.5em;
   color:olive;
}

#hauptnavi ul li a:link,
#hauptnavi ul li a:visited{
   color:black;
   background-color:#fff;   
}
#hauptnavi ul li a:hover,
#hauptnavi ul li a:focus,
#hauptnavi ul li a:active{
   color:black;
   background-color:#F1F1F1;     
}

/* Bereichsnavi  - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#menu ul{
   width:220px;
   text-align:right;
   list-style: none;
   list-style-position: outside;
   margin-left:70px;
   margin-right:10px;
}

#menu ul li{
   border-bottom:1px solid olive;
   margin-left:0px;   
   -height:1px;  
}
#menu ul li.first{
   border-top:1px solid olive;   
}

#menu ul li a:link,
#menu ul li a:visited{
   display:block;
   text-decoration:none;
   color:#000; 
   background-color:#fff;
   height:1.8em; 
   -height:2.0em;   
   padding-top:3px; 
   padding-right:5px;    
   font-size:.9em; 
}


#menu ul li a:hover,
#menu ul li a:focus,
#menu ul li a:active{
   color:#000; 
   background-color:#f1f1f1;   
}
#menu ul li.aktiv{
background-image: url(../grafik/seitenpunkt.gif);
background-position: 0px -2px; 
background-repeat: no-repeat;
   height:1.8em; 
   -height:2.2em;
   padding-top:3px; 
   padding-right:5px;
   font-size:.9em;       
}


#menu ul li.aktiv a{
   background-color: transparent;   
}


/* Wahlbox - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#wahlbox{
   font-size:.9em;
   position:absolute;
   top:152px;
   right:0;
   background-color: olive;
   z-index:10;   
} 
#wahlbox a:link,
#wahlbox a:visited{
   font-size:1em; 
   background-color: olive;
   color:#fff;
   padding:0 4px 0px 4px;
}
#wahlbox a:hover,
#wahlbox a:focus,
#wahlbox a:active{
   color:#222;
   background-color:#fff;   
}
* html #wahlbox a{
   position:relative;
   top:-5px;    
}
#wahlbox form{
   display:inline;
} 
#wahlbox select{
   font-size:1em; 
   background-color: olive;
   color:#fff;
   border:none; 
}
#wahlbox select:focus{
   color:#222;
   background:#fff;
}

/* Einzelelemente  - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#main #content ul{
   margin-bottom:20px;
   color:olive !important;
   list-style-image: url(../grafik/bullet.gif);
}

#content ul li{
   color:#000;
}

#content li span{
   font-size:1em;
   font-weight:bold;
   color:#6E6E00;
   background-color:#f1f1f1;
   display:block;
   margin:12px 0 4px 0;
}

a.nochnicht{
   text-decoration: line-through !important;
   color:#888 !important;
   background-color:#fff !important;
}
a:hover.nochnicht,
a:focus.nochtnicht,
a:active.nochnicht{
   background-color:#fff; 
   cursor: default;  
}

#vorfooter{
   padding-top:50px;
}

#content img.vario{
   height:.8em;
   -height:.75em;
   width:1em;
}
#content .links{
   float:left;
   margin:0 10px 10px 0;
   position:relative;
}

#content .bildtext{
   width:18.6em;
   float:left;   
   position:relative;
   margin-bottom:14px;
}

#content .bildtext p{
   font-size:.84em;
   margin:0;
}
#content .bildtext p strong{
   display:block;
   margin-bottom:-12px;
}
.clear{
   clear:both;
}

/* hacks für IE 6  - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* html p.ind1{
   padding-bottom:24em;
}