html {
padding:0 0 0 0;
margin:0;
height:101%;
}

body{
background:#0a0c0c url('../img/bg_body.gif') repeat-x 0 0;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 12px;
line-height: 18px;
padding:0;
margin:0;

}

h4{color:#74a115; margin:0; padding:5px 0 5px 0; font-weight: normal; font-style: italic; font-size:12px;}

.fadeout{
	opacity: 0;
	display: none;
}

.fadein{
	opacity: 1;
	display: block;
}

div.antifloat{
clear:both;
visibility: hidden;	
}

 		 #alles_box{	
 		 width:924px; 
         height:300px;
         padding:266px 0 0 0;
      	 position:relative;
         margin:0 auto 0 auto ;
		 background: url('../img/bg_alles_box.gif') no-repeat 0 135px;
         }

				#inhalt_box{
				padding:0 0 0 98px;
				width:644px;
				}
				
				#inhalt_box h1{color:#fff; margin:0; padding:0 0 13px 40px; font-weight: normal; font-size:16px; text-transform: lowercase;}
				
				.startseite {
				width: 728px !important;
				}

						#logo_box {
						background: url('../img/bg_logo_box.gif') no-repeat top left;
						width: 247px;
						height: 35px;
						display:block;
						top:44px;
						left:37px;
						overflow:hidden;
						position:absolute;
						text-indent:-600px;
						}
						
			
						#fuss_box{
						z-index:30;	
						position:relative;
						font-size:10px;
						color:#858484;
						text-transform: lowercase;
						height:15px;
						line-height:15px;
						height:120px; 
						background:url('../img/bg_zwei.gif') repeat-x 0 0;
						padding:18px 41px 0 41px; 
						margin:-134px 0 0 0;
						opacity: 0.4;
						-moz-opacity: 0.4;
						filter:alpha(opacity=40);
						}
							#fuss_box span{
							position: absolute;
							top: 18px;
							left: 41px;
							width: 400px;
							}
						
							#fuss_box div{
							height:15px; 
							line-height:15px; 
							position:absolute; 
							top:18px; 
							right:41px; 
							text-align: right;
							}
								#fuss_box a{	
								color:#fff; 
								text-decoration:none;
								}
								#fuss_box a:hover{text-decoration: underline;}
								
								a#seitenanfang{	
								color:#fff; 
							    text-decoration:none; 
							    background: url('../img/bg_a_seitenanfang.gif') no-repeat 100% 2px; 
								margin:0;
								padding:0 14px 0 0;
								}
								a#seitenanfang:hover{text-decoration:none; color:#a0ff44; }
								
									a#drucken{	
									color:#fff; 
								    text-decoration:none; 
								    background:url('../img/bg_a_drucken.gif') no-repeat 100% 50%; 
									margin:0 25px 0 0;
									line-height:14px;
									padding:3px 20px 0 0;
									}
									a#drucken:hover{ text-decoration:none; color:#a0ff44; }
								
						.fuss_box_lang{
						width: 627px !important;
						margin:-134px 0 0 0 !important;
						}			
					
		
								
/*---------------------HAUPTNAVI*/				
				
				ul#hauptnavi_box{
				z-index:1;	
				position:absolute;
				right:7px;
				top:31px;
				padding:47px 0 0 60px;
				margin:0;
				background: url('../img/bg_ul_hauptnavi.png') no-repeat 0 0 !important;
				background: url('../img/bg_ul_hauptnavi.gif') no-repeat 0 0;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/img/bg_ul_hauptnavi_ie.png');
				width: 175px;
				height: 349px;
				}
				
				ul#hauptnavi_box li{list-style: none; padding:1px 0 0 1px; margin:0; font-size:16px; height: 25px; /*text-shadow:#7a868f 1px 1px 1px;*/ position: relative;}
				ul#hauptnavi_box li a{text-decoration:none; color:#102b2f; text-transform: lowercase; position: absolute; left: 0; top: 0; }
				ul#hauptnavi_box li span{
				text-decoration:none; 
				position:absolute;
				color:#000; 
			
				text-transform: lowercase; 
				filter:alpha(opacity=20);
				-moz-opacity: 0.2; 
				opacity: 0.2; 
				}
				ul#hauptnavi_box li a:hover{ color:#fff;}
				ul#hauptnavi_box li a.select{ color:#fff !important;}
				
				ul#hauptnavi_box li#sprache{text-shadow:#1b4d61 1px 1px 1px; color:#000;list-style: none; padding:0; margin:0; position:absolute; top:198px; right:23px; font-size:10px !important;}
				
				
/*ENDE HAUPTNAVI
-----------------------------------------------------------------------------------------------------------------------------*/	



/*---------------------SUBNAVI*/
		
				ul#subnavi_box{
				z-index:20;	
				position:relative;
				padding:134px 0 0 0;	
				margin:0;
				list-style: none;
				text-indent:0;
				}
					
				ul#subnavi_box li{ margin:0;}
				
				
				.toggler h2.titel_link{	
				background-image: url('../img/bg_toggler_a.gif');
				background-repeat: no-repeat;
				background-position: 13px 13px;
				height:161px; 
				display:block; 
				font-size:14px; 
				color:#fff; 
				font-style: italic; 
				text-decoration:none;
				padding:8px 0 0 38px;
				color:#cccbcb;
				text-transform: lowercase;
				cursor:pointer;
				margin: 0;
				font-weight: normal;
				}
				
				.zwei{
				background:url('../img/bg_zwei.gif') no-repeat 0 0;
				display:block;
				width:644px;
				margin:-134px 0 0 0;
				position:relative;
				}
					
					
						div.toggler div.element{
						padding:0; 	
						position:relative;
						margin:0;	
						top:-130px;
						}	
								
								div.toggler div.element div{ 
								color:#cccbcb;
								padding:0 53px 18px 38px; 
								margin:0 0 0 0;
								font-size:12px;
								}
								
								div.toggler div.element div h4{
									font-size: 12px;
									font-weight: bold;
									color:#74a115;
									margin: 0 0 10px 0;
									padding: 0;
								}
								
								div.toggler div.element div p{
								padding:0 0 22px 0 !important; 
								margin:0 !important;
								}
								
								div.toggler div.element div ul{
								list-style-type: none;
								padding:0 0 22px 0;
								margin:0;
								text-indent:0;	
								color:#898989 !important;
								}
								
									div.toggler div.element div.element_inhalt ul li{
									padding:0 0 0 13px; 	
									color:#898989!important;
									background: url('../img/bg_div_element_div_ul_li.gif') no-repeat 0 4px;
									}

						div.toggler div.element div.element_inhalt h1{color:#fff; margin:0; padding:0 0 13px 40px; font-weight: normal; font-size:16px; text-transform: lowercase;}						
						div.toggler div.element div.element_inhalt h3{color:#74a115; margin:0; padding:0 0 16px 27px; font-weight: normal; font-style: italic; font-size:14px;}
						div.toggler div.element div.element_inhalt p{color:#898989; line-height:18px; margin:0; padding:0 0 20px 27px;}
									

/*ENDE SUBNAVI
-----------------------------------------------------------------------------------------------------------------------------*/					
	
	
	
			
				
/*---------------------STARTSEITE*/	

div.start_box {
background: url('../img/bg_start_box.gif') repeat-x 0 0 ;
width: 710px;
min-height: 178px;
height: auto !important;
height: 178px;
margin: 30px 0 0 0;
padding: 14px 0 0 18px;
opacity: 0.9;
}

	div.start_box div { float: left; width: 230px; margin : 0 0 0 0 !important; padding: 0 0 0 0 !important; position: relative; color:#898989; }
	
	div.start_box div p a {
	color: #80ae1f;
	text-decoration: none;
	}
	
		div.start_box div h1 { position: absolute; top: -45px; left: -40px; }
	
	div.start_box div.quote {
	background: url('../img/bg_quote_left.gif') no-repeat 0 4px;
	width: 370px;
	margin: 0 30px 0 0 !important; 
	padding: 0 0 0 30px !important;
	float: left; 
	}
	
		div.start_box div.quote h1 {
		right: 0;
		left: -10px;
		}
	
		div.start_box div.quote p {
		padding: 0 20px 0 0 !important;
		color:#898989; 
		background: url('../img/bg_quote_right.gif') no-repeat 100% 100%;
		}
		
div#start_projekte {
margin: 0 0 0 0 !important;
padding: 14px 0 0 18px;
height: 328px !important;
position: relative;
}

	div#start_projekte h1 { position: absolute; top: -33px; left: 7px; }	
	
	div#start_projekte ul { margin: 0 0 0 27px; padding: 0; }
	
		div#start_projekte ul li { margin: 0 8px 0 0; padding: 0; list-style: none; float: left; color:#898989; }
		
			div#start_projekte ul li p { margin: 10px 0 0 0; padding: 0; color:#898989;  }
			
			div#start_projekte ul li a.bild { border: 0; padding: 2px; display: block; }
			
			div#start_projekte ul li a.bild:hover { border: 2px solid #80AE1F; padding: 0; }
			
				div#start_projekte ul li a.bild img { vertical-align: bottom; border: none; }

/*ENDE STARTSEITE
-----------------------------------------------------------------------------------------------------------------------------*/


/*---------------------LINKS*/	
		
		a { color: #80ae1f; text-decoration: none;}
		a:hover { text-decoration: underline; }
		
		a.mail {
		color: #87888a; 
		text-decoration: none; 
		font-weight: bold; 
		}   
		a.mail:hover{text-decoration: underline;}
		span.klammeraffe{width:7px !important; z-index:10000000; padding:0 1px 0 0!important; margin:0 !important; line-height:1px; height:9px;  overflow:hidden; display:inline; background:url(../img/bg_at_link.gif) no-repeat 0 2px;}  
		
		
		a.internal-link, a.internal-link-new-window, a.dasisteinmitarbeiter{ 
		color: #80ae1f !important; background: url('../img/bg_internal_link.gif') no-repeat 100% 4px;
		padding:0 7px 0 0;
		margin: 0 3px 0 0;
		text-decoration:none; 
		} 
		a.internal-link:hover, a.internal-link-new-window:hover, a.dasisteinmitarbeiter:hover{ 
		text-decoration: underline; 
		}

		a.external-link-new-window, a.external-link  { 
		color: #80ae1f; background: url('../img/bg_internal_link.gif') no-repeat 100% 4px;
		padding:0 7px 0 0;
		margin:3px;
		text-decoration:none;
		} 
		a.external-link-new-window:hover, a.external-link:hover { text-decoration: underline; }

/*ENDE LINKS
-----------------------------------------------------------------------------------------------------------------------------*/					
		#projekte_gallerie_box{
		width:512px; 
		height:252px;
		overflow: hidden;
		margin: 0 0 -15px 61px !important;
		padding: 6px 8px 6px 6px !important;
		background:url('../img/bg_kwicks_container.gif') repeat-x 0 39px;
		position: relative;
		top: -44px;
		}
					
			#kwicks_container { 
			height:250px;
			width:512px;
			overflow:hidden;
			margin:0 0 0 0 !important;
			padding: 0 0 0 0 !important;
			position: relative;
			}
				
				#kwicks {	
				position: relative;
				text-indent:0;
				height:200px;
				width: 1200px;
				margin:0 0 0 0 !important;
				padding:0 !important;
				list-style:none;
				}

					#kwicks .kwick {
					float: left;
					width: 101px;
					position: relative;
					padding:0;
					cursor:pointer;
					margin:0 0 0 0 !important;
					padding: 0 0 0 2px !important;
					/*background:green;
					*/
					background: none;}
							
							#kwicks .kwick img{
					 		border:0pt none;
					 		width:323px;
							margin: 0;
							}

		
div.kwick_extra_box	{width:100%; overflow:hidden;}		
div.projekte_gallerie_titel{position:absolute; top:0; left:0;}

		
				
				
	

			
		
				
/*--------------------- MITARBEITER*/					

					ul.mitarbeiter_box{
					margin:0!important; 
					padding:0 !important; 
					text-indent:0 !important; 
					}
					ul.mitarbeiter_box li{margin:0!important; padding:0 0 10px 0!important; background:none !important; line-height:16px;}
							ul.mitarbeiter_box li a{color:#898989; text-decoration:none;}
							ul.mitarbeiter_box li a:hover{text-decoration:underline;}
									
						div.mitarbeiter_blase{display:block;z-index:99000; }
						div.mitarbeiter_blase div.tip-text{background:#80ae1f; padding:2px; }
						div.mitarbeiter_blase div.tip-text img{vertical-align: bottom; z-index:99992000;}
						div.mitarbeiter_blase div.tip-bottom{
						background:url('../img/bg_tip_bottom.gif') no-repeat 0 100%; 
						left:-52px; 
						bottom:0;
						width:52px; 
						height:14px;
						position:absolute;
						}
	
					/* Mark */
				 span.dasisteinmitarbeiter{
				     cursor: pointer;				     
					 color: #80ae1f !important; background: url('../img/bg_internal_link.gif') no-repeat 100% 4px;
		             padding:0 7px 0 0;
		             margin: 0 3px 0 0;
		             text-decoration:none; 					
				 }
				 
				 
				
/*ENDE MITARBEITER*/	
/*-----------------------------------------------------------------------------------------------------------------------------*/					


/*--------------------- KONTAKT*/

div#kontakt_text {
	background: transparent url(../img/bg_start_box.gif) repeat-x scroll 0 0;
	color:#898989;
	margin:0 0 0 0;
	opacity:0.9;
	padding:12px 40px 20px 40px;
	width:630px;
}

	div#kontakt_text strong {
		color: #80ae1f;
	}

div#kontakt_box { padding:0 40px 0 40px; margin: 0 0 0 0; width: 642px; }

	div#kontakt_box form { margin: 0; padding: 0; }

		div#kontakt_box form div.left { float: left; width: 266px; margin: 0 29px 0 0; padding: 0 0 0 0; z-index: 1000; overflow: visible;  position:relative;}
		
		div#kontakt_box form div.right { float: left; width: 317px; margin: 0 0 0 0px; padding: 0; z-index: 100; position:relative; }
		
			div#kontakt_box form div div { background: #262626; position: relative; margin: 0 0 7px 0; padding: 0; z-index: 10000;  } 
					
				div#kontakt_box form div label { 
				display: block; 
				position: absolute; 
				left: 0; 
				top: 0; 
				width: 93px; 
				height: 21px; 
				font-size: 11px; 
				padding: 5px 0 0 7px; 
				margin: 0; 
				line-height: 11px; 
				color: #828282; 
				z-index: 1000;
				}  
				
					div#kontakt_box form div input { 
					margin: 0 0 0 100px; 
					width: 160px;
					padding: 4px 0 0 0; 
					background: #262626; 
					border: 0; 
					color: #828282; 
					font-size: 11px; 
					height: 17px; 
					z-index: 1000;
					}
					
					div#kontakt_box form div.right div input { width: 235px; }
					
					div#kontakt_box form div.left div input { width: 166px; }
					
					div#kontakt_box form div textarea { 
					margin: 0 0 0 100px; 
					padding: 5px 0 0 0; 
					background: #262626; 
					border: 0; 
					color: #828282; 
					font-size: 11px; 
					width: 235px !important; 
					height: 73px; 
					vertical-align: top; 
					font-family: arial, helvetica, verdana, sans-serif; 
					z-index: 1000;
					}
					
					div#kontakt_box form div button { 
								width: 336px;
								background: url('../img/bg_button_kontaktform.gif') no-repeat 0 50%; 
								color: #000000; 
								border: 0px solid #000;
								margin: 0;
								vertical-align:baseline;
								height: 20px;
								overflow:visible;
								padding: 0 0 0 22px;   
								text-align: left;
								cursor: pointer;
								font-size: 12px;
								display: block;
								}
				
				/*	div#kontakt_box form div button { 
									width: 376px; 
									height: 20px; 
									background: url('../img/bg_button.gif') no-repeat 0 0; 
									color: #020202; 
									border: 0;
									margin: 0; 
									padding: 0 0 0 26px; 
									vertical-align: top;  
									text-align: left;
									cursor: pointer;
									}*/
					
					/*div#kontakt_box form div button { 
								width: 376px;
								background: url('../img/bg_button_route.gif') no-repeat 0 50%; 
								color: #020202; 
								border: 1px solid #000;
								margin: 0;
								vertical-align:baseline;
								height: 19px;
								line-height:14px;
								overflow:hidden;
								padding: 0 0 8px 22px;   
								text-align: left;
								cursor: pointer;
								font-size: 12px;
								display: block;
								}*/
					
			div#kontakt_box form div div#pflichtfeld { background: none !important; color: #828282; font-size: 11px; padding: 0 0 0 7px; }	
			
			div#kontakt_box form div .ausfuellen { 
			position: absolute; 
			right: -80px; top: -3px; 
			background: url('../img/bg_ausfuellen.gif') no-repeat 0 100%; 
			display: block; 
			height: 19px; 
			width: 90px; 
			z-index: 100000; 
			padding: 0 0 0 35px;
			color: #ffffff;
			display: none;
			font-weight: bold;
			}	
			
/*ENDE KONTAKT*/	
/*-----------------------------------------------------------------------------------------------------------------------------*/


/*--------------------- GOOGLE MAPS*/

div#anfahrt_box { 
width: 680px;
padding:12px 0 134px 30px; 
margin:40px 0 0 0; 
background: url('../img/bg_start_box.gif') repeat-x 0 0; 
opacity: 0.9;
float:left;

}	

	div#anfahrt_box div.left {
	width: 266px;
	float: left;
	background: #0a0c0c;
	padding: 11px 10px 10px 10px;
	margin: 0;
	}
	
		div#anfahrt_box div.left input { 
		margin: 0 0 7px 0; 
		width: 260px;
		padding: 4px 0 0 6px; 
		background: #262626; 
		border: 0; 
		color: #828282; 
		font-size: 11px; 
		height: 17px; 
		}
	
	
		div#anfahrt_box div.left a#rechne { 
		width: 244px; 
		background: url('../img/bg_button_route.gif') no-repeat 0 50%; 
		color: #000000; 
		border: 0;
		margin: 0 0 20px 0;
		vertical-align:baseline;
		height: 17px;
		line-height:14px;
		overflow:hidden;
		padding: 3px 0 0 22px;   
		text-align: left;
		cursor: pointer;
		font-size: 12px;
		display: block;
		text-decoration: none;
		}

		div#anfahrt_box div.left div#routeOutput {
		margin: 0; padding: 0;
		}
		
			div#anfahrt_box div.left div#routeOutput div.startziel {
			margin: 0 0 15px 0; padding: 4px 0 0 37px;
			background: url('../img/bg_startziel.gif') repeat-x 0 0;
			height: 40px;
			}
			
				div#anfahrt_box div.left div#routeOutput div.startziel h3 {
				font-weight: normal;
				font-style: italic;
				font-size: 14px;
				color: #74a115;
				margin: 0;
				padding: 0;
				}
				
				div#anfahrt_box div.left div#routeOutput div.startziel span {
				color: #828282;
				font-size: 11px;
				}
				
			div#anfahrt_box div.left div#routeOutput table {
			margin: 0 0 20px 5px; padding: 0;
			color: #828282;
			width: 90%;
			font-size: 11px;
			}
				
				td.stepcount {
				width: 7%;
				vertical-align: top;
				}
				
					td.stepcount a {
					color: #80ae1f;
					text-decoration: none;
					font-style: italic;
					}
				
				td.stepdesc {
				width: 68%;
				}
				
					td.stepdesc b {
					font-weight: normal;
					}
				
				td.stepdist {
				width: 25%; text-align: right;
				vertical-align: top;
				color: #80ae1f;
				}
				
	div#anfahrt_box div.right {
	width: 330px;
	float: left;
	background: #0a0c0c;
	padding: 11px 10px 10px 10px;
	margin: 0 0 0 10px;
	}			
	
		div#anfahrt_box div.right div#map {
		width: 331px;
		height: 399px;
		background: url('../img/bg_karte_kill.gif') no-repeat 0 0;
		}