/*---- Ludwig Cirkel ---*/

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #747474;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-color:#737373;
	background-image: url(../images/bg.gif);

	scrollbar-base-color: #818181;
	scrollbar-3dlight-color: #666666;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-darkshadow-color: #B0B0B0;
	scrollbar-face-color: #E4E4E4;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #666666;
	scrollbar-track-color: #ECEBEB;
}
a:link  { 
	color: #158FFE; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 11px;
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
}

a:visited { 
	color: #158FFE; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 11px;
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
}
a:active {
	color: #158FFE; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 11px;
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}
a:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-decoration: none; 
	color: #747474; 
	font-style: normal; 
	font-weight: normal;
	text-decoration: none;
	
	
}

p, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #737373;
	font-size: 11px;
}

#div {
	padding: 0px;
	margin: 0px;
}



#wrapper{
	position:absolute;
	height: 635px;
	width: 98%;
	z-index: 1;
	padding:25px 0 0 0;
}

#container {
	position:absolute;
	height: 656px;
	width: 994px;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -320px;
	z-index: 2;
	background-repeat:no-repeat;
	background-image:url(../images/bg.jpg);
	
}


#menue {
	position: absolute;
	width: 423px;
	height: 33px;
	z-index: 1;
	left: -7px;
	top: 89px;
	margin:13px 0 0 35px;
}

#top_menue {
	position: absolute;
	width: 423px;
	height: 21px;
	z-index: 1;
	left: -7px;
	top: 44px;
	margin:10px 0 0 35px;
}

.menue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #CBCBCB;
	margin:0 0 0 0px;

}

#impressum {
	position: absolute;
	width: 94px;
	height: 19px;
	z-index: 1;
	left: 9px;
	top: 3px;
	padding:2px 0 0 10px;
}

#header {
	position: absolute;
	width: 570px;
	height: 146px;
	z-index: 1;
	left: 9px;
	top: 23px;
  }


.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight:bold;
	color: #1295FF;
	text-transform:uppercase;

}




#content_left {
	position: absolute;
	width: 401px;
	height: 430px;
	top: 146px;
	left: 8px;
	z-index: 0;
	overflow: auto;
	padding:0px px 0px 0;
}

#content_right{
	position: absolute;
	width: 401px;
	height: 456px;
	top: 137px;
	left: 8px;
	z-index: 0;
	overflow: auto;
	padding:0px px 0px 0;
}


.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height:18px;
	font-weight: normal;
	color: #737373;
	margin:0 0 0 0px;
	padding:15px 0 0 20px;


}

#content_right {
	position: absolute;
	width: 536px;
	height: 453px;
	top: 136px;
	left: 430px;
	vertical-align:bottom;
}
 
#images01{
	position: absolute;
	width: 354px;
	height: 229px;
	top: 407px;
	left: 579px;
}

#images02{
	position: absolute;
	width: 225px;
	height: 124px;
	top: 242px;
	left: 718px;
}


#inhalt_referenzen {
	color: #8E8E8E;
	position: absolute;
	line-height:18px;
	width: 416px;
	height: 350px;
	top: 22px;
	left: 0px;
} 





#abbinder{
	color: #8E8E8E;
	position: absolute;
	width: 324px;
	height: 18px;
	top: 473px;
	left: 479px;
	}



.abbinder {
	color:#8E8E8E;
	font:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;

}



/* ----- kontaktformular ----- */ 


#formColRow	{
	position: absolute;
	width:259px;
	height:200px;
	left: 300px;
	top:174px;
	display:block;
	margin:0px 0 0 0px;
	padding:0px 0 0 0px;
	text-align:center;
	background: url(../bilder/kontakt_bg.gif);

 }

#formColForm {
	width:193px;
	height:15px;
	clear:both;
}

.input {
	width:193px;
	height:15px;
	color:#8E8E8E;
	padding-left:5px;
	font:10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	border:1px solid #CCCCCC;
	margin:8px 0 0 0 ;
	background-color:#FFFFFF;
}

.formTxt{
	font-size:11px;
	margin:5px 0px 0px 10px;
	float:left;
	color:#887746;
}

.formTxtMuss{
	font-size:11px;
	margin:0px 0px 0px 0px;
	float:left;
	color:#8E8E8E;
}

.textarea {
	width:193px;
	height:120px;
	color:#8E8E8E;
	padding-left:5px;
	font:10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	border:1px solid #CCCCCC;
	margin:8px 0 0 0 ;
	background-color:#FFFFFF;
}

.formButton {
	width:200px;
	height:20px;
	color:#8E8E8E;
	padding-left:0px;
	font:10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	border:1px solid #CCCCCC;
	margin:10px 0 0 0 ;
	background-color:#FFFFFF;

}



/*---------------------------------------------------------
#navlink:link {color:#2660A9;  text-decoration: none; font-weight:bold; font-size:10px;}
#navlink:visited {color:#2660A9; text-decoration: none; font-weight:bold; font-size:10px;}
#navlink:active {color:#2660A9; text-decoration: none;  font-weight:bold; font-size:10px; }
#navlink:hover {background-color:#F6861F;}
------------------------------------------------------------ */	


a.basic:link, a.basic:visited, a.basic:active, a.basic:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #FFFFFF;
	font-size:13px;
	font-weight: bolder;
	background-repeat:no-repeat;
	text-transform:uppercase;
	}
	 

	
a.basic:hover {color:#323534;

	
}

a.unternehmen:link, a.unternehmen:visited, a.unternehmen:active, a.unternehmen:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:10px;
	font-weight:bold;
	z-index: 3;
	text-decoration: none;
	text-transform:uppercase;
	}


a.unternehmen:hover {color:#FFFFFF;


}

a.home:link, a.home:visited, a.home:active, a.home:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:10px;
	font-weight:bold;
	z-index: 3;
	text-decoration: none;
	text-transform:uppercase;
	}


a.home:hover {color:#FFFFFF;


}

a.aktuelles:link, a.aktuelles:visited, a.aktuelles:active, a.aktuelles:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	z-index: 3;
	text-decoration: none;
	text-transform:uppercase;
	}


a.aktuelles:hover { color:#FFFFFF;




}

a.fahrzeuge:link, a.fahrzeuge:visited, a.fahrzeuge:active, a.fahrzeuge:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	z-index: 3;
	text-decoration: none;
	text-transform:uppercase;
	}


a.fahrzeuge:hover { color:#FFFFFF;


}

a.kontakt:link, a.kontakt:visited, a.kontakt:active, a.kontakt:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	z-index: 3;
	text-decoration: none;
	text-transform:uppercase;
	}


a.kontakt:hover { color:#FFFFFF;


}

a.leistungen:link, a.leistungen:visited, a.leistungen:active, a.leistungen:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	z-index: 3;
	text-decoration: none;
	text-transform:uppercase;
	}


a.leistungen:hover { color:#FFFFFF;


}

a.referenzen:link, a.referenzen:visited, a.referenzen:active, a.referenzen:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	z-index: 3;
	text-decoration: none;
	text-transform:uppercase;
	}


a.referenzen:hover { color:#FFFFFF;


}

a.impressum:link, a.impressum:visited, a.impressum:active, a.impressum:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	z-index: 3;
	text-decoration: none;
	text-transform:uppercase;
	}


a.impressum:hover { color:#FFFFFF;


}
	
/* Aufklapp menu Unternehmen */
  	

	
	#unternehmen { width:150px;  height: 150px; float: left; z-index:1;}

	#unternehmen ul { list-style: none; margin: 0; padding: 0; width: 80px; float: left; z-index:5;}

	#unternehmen {
	position:absolute;
	width:50px;
	float: left;
	z-index:5;
	top: -3px;
	left: 127px;
}

	#unternehmen ul 
	{ list-style: none; margin: 0; padding: 0; width: 80px; float: left; z-index:5;}
	
	#unternehmen a, #unternehmen h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display: block; 
	border-width: 0px; 
	border-style: solid;
	margin: 0; 
	padding: 3px 2px;
	z-index:5;
	color:#FFFFFF;

	
	}
	
	#unternehmen h2 { 
	color: #B0C0C8;  
	background: #; 
	font-size:13px; 
	z-index:5; 
	text-decoration:none;
	color: #FFFFFF;
	font-size:13px;
	font-weight: bolder;
	background-repeat:no-repeat;
	text-transform:uppercase;
	}
	
	#unternehmen a { width:100px; color: #A9A9A9; background: #F6F6F6; text-decoration: none; z-index:5;}
	
	#unternehmen a:hover { color: #303030; background-image:url(../images/bg_menue.jpg); z-index:5;}
	
	#unternehmen li {position: relative; z-index:5;}


	
	#unternehmen ul ul,
	#unternehmen ul li:hover ul ul,
	#unternehmen ul ul li:hover ul ul
	{display: none; z-index:5;}
	
	#unternehmen ul li:hover ul,
	#unternehmen ul ul li:hover ul,
	#unternehmen ul ul ul li:hover ul
	{display: block; z-index:5; }
	
	


/* Aufklapp menu Leistungen */


	
	#leistungen { width:150px;  height: 150px; float: left; z-index:1;}

	#leistungen ul { list-style: none; margin: 0; padding: 0; width:80px; float: left; z-index:5;}

	#leistungen {
	position:absolute;
	width:50px;
	float: left;
	z-index:5;
	top: -3px;
	left: 287px;
}

	#leistungen ul 
	{ list-style: none; margin: 0; padding: 0; width:80px; float: left; z-index:5;}
	
	#leistungen a, #leistungen h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display: block; 
	border-width: 0px; 
	border-style: solid;
	margin: 0; 
	padding: 3px 2px;
	z-index:5;
	color:#FFFFFF;

	
	}
	
	#leistungen h2 { 
	color: #B0C0C8;  
	background: #; 
	font-size:13px; 
	z-index:5; 
	text-decoration:none;
	color: #FFFFFF;
	font-size:13px;
	font-weight: bolder;
	background-repeat:no-repeat;
	text-transform:uppercase;
	}
	
	#leistungen a { width:130px; color: #A9A9A9; background: #F6F6F6; text-decoration: none; z-index:5;}
	
	#leistungen a:hover { color: #303030; background-image:url(../images/bg_menue.jpg); z-index:5;}
	
	#leistungen li {position: relative; z-index:5;}


	
	#leistungen ul ul,
	#leistungen ul li:hover ul ul,
	#leistungen ul ul li:hover ul ul
	{display: none; z-index:5;}
	
	#leistungen ul li:hover ul,
	#leistungen ul ul li:hover ul,
	#leistungen ul ul ul li:hover ul
	{display: block; z-index:5; }