@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
h1,h2,h3,h4,h5{color:#006600;}
body{background:#006600; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#777;}

#wrapper{margin: 0 auto; background:#f3f3f3; width:90%; height: auto; padding-bottom:15px; }
#main {width:97.5%; height:auto; margin:0 auto; border: 0px 1px 1px 1px solid #c9c9c9;
	-webkit-box-shadow: 0px 3px 3px 2px rgba(100,100,100,0.5); box-shadow: 0px 3px 3px 2px rgba(100,100,100,0.5);}

#topnav{background:#006600; color:#fff; text-align: right; padding-right:15px; height: 25px; font-family: Verdana, Geneva, sans-serif;}
#topnav a{color: #fff; text-decoration:none; font-size: 12px; line-height:25px; padding: 5px 5px;}
#topnav a:hover{color:#ccc;}

#images{z-index:1; height: 250px;overflow: hidden;text-align:center;}
#logo{position:absolute; top:65px; z-index:2; margin-top:175px;margin-left: 5px;}

#header h1{text-indent: -9999em;width: 0px; height:0px;}

#mainnav{border:0;}
#menu , #menu li ul{margin:0; padding:0; list-style-type:none;height:20px;}
/* relative setzen damit darin liegende Listen absolute sitzen können */
#menu li  {float:left; position:relative;width:20%;}
/*Menü-Überschriften formatieren */
#menu li strong{display:block;padding: 0.1em; background: #006600; color:#fff; font-weight: 800; text-decoration:none;}
#menu li a{display:block;padding:0.5em;padding-left: 1em; background:#006600;color:#fff;font-weight:normal;text-decoration:none;font-size:14px;white-space: normal;}
#menu li a:hover{background-color:#fff;color:#006600; /* Farbe des Linktextes bei Hover */}
/* Untergeordnete Liste formatieren*/
#menu li li {float:none; /* floats aufheben (clear:left; ebenso möglich) */ display:inline;}
#menu li ul {position:absolute; top:auto; left:0px;}
#menu li li a {background-color:#006600;border-bottom:1px solid #fff;max-width:100%;display:block;}
/*verstecken der untergeordneten liste */
#menu li ul {position:absolute;left:-9999em;top:-9999em;}
/* menü bei Hover einblenden */
#menu li:hover ul {position:absolute;left:0px;top:auto;}
/* haslayout im ie erzeugen */
#menu li li {overflow:hidden;}


#breadcrumbs{color: #006600; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size: 10px;height:10px;}
#breadcrumbs a{color: #006600; text-decoration: none; line-height:10px;}
#breadcrumbs strong{padding: 2px 20px;}

#col70{width:70%; float:left;background:#fff;font-size:13px; min-height:285px;padding-bottom:15px;}
#col70 h2{font-size:12px; margin: 5px 10px 0px 20px;padding-top:0.5em;}
#col70 p{margin: 5px 10px 0px 20px;color:#000; text-align:"top";}
#col70 ul li{margin-left:200px; color:#000;}
#col70 h3{font-size:12px; margin: 5px 10px 0px 20px;}
#col70 a{text-decoration:none; color: #006600;}
#projekte{margin-left:200px;}
#col70 .bildlinks {margin: 5px 10px 0px 20px; color:#000;}
#col70 .bild{width: 221px; height: 200px; border: 0;float: left;margin:5px 10px 0px 20px;}
#col70 .bild1{width: 221px; height: 210px; border: 0;float: left;margin:5px 10px 0px 20px;}
#col70 .bild_anfahrt{overflow: hidden; border: 0;float: left;margin:5px 10px 0px 20px;}
figcaption{font-size:9px; color:#000;}
.bilderreihe figure{margin: 0;}
.einzel{display:inline-block; margin: 5px 15px 0px 20px;float:left;}
#referenzen{margin: 5px 10px 0px 20px;}

#biene{width:70%; float:left;background-image: url(images/wabe.gif);font-size:13px; min-height:500px;padding-bottom:15px;}
#biene h2{font-size:12px; margin: 5px 10px 0px 20px;padding-top:0.5em;}
#biene p {margin: 5px 10px 0px 20px;color:#000; text-align:"top";}
#biene ul li{margin-left:200px; color:#000;}
#biene h3{font-size:12px; margin: 5px 10px 0px 20px;}
#biene a{text-decoration:none; color: #000;}
#biene .bild_kartebienen{margin:5px 10px 0px 20px;overflow: hidden;}
#biene .bildreihe_biene img{overflow: hidden;}

#clear{content:"."; display:block; height:0; clear:both; visibility:hidden;}

#biene .rechtsfluss{clear: both;}
#biene .bbild{float: right;color:#000; max-height:150 px;}
#biene .logobilder{margin-top:130px;display:inline-block;float:left;} 


#col30{width:30%; margin-left:70%;}
#col30 dl{background: #fff; margin:10px 10px 0px 10px; border: 1.5px solid #006600;padding-bottom:0.5em;}
#col30 dt, dd{padding: 0.4em; font-size: 11px;color:#000;}
#col30 dt h3{font-size:12px;}
#col30 dl ul {list-style-type: none;}
#col30 dl a{text-decoration: none; padding: 0.3em; text-align:left;font-size: 11px; color: #000; }
#footer{margin-top: 10px; background:#006600; color:#fff; text-align:center; padding: 3px; height: auto; 
font-family:Verdana, Geneva, sans-serif; font-size: 9px;}
#footer a{color:#fff; text-decoration: none; font-size: 9px;line-height:20px; padding: 2px 2px;}

/* autoclear */
#col30:after, #mainnav:after,#col70:after, #footer:before{content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */