/* CSS Document */
body {
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;	
}

#impressum {
	margin: auto;
	width: 741px;
	background-color: #79B03E;
	font-size: 10px;
	text-align: right;
	padding: 2px 10px 2px 0px;
}

#impressum a, #impressum a:link {
	color: #ffffff;
}

#top {
	margin: 10px auto;
	width: 751px;
	text-align: left;
	height: 90px;
}

.logo {
	float: left;
}

#top ul {
	margin: 40px 0px 0px 7px;
	padding: 0px;
	list-style-type: none;
	height: 14px;
	float: left;					
}

#top ul li, #top ul li a, #top ul li a:link {
	float: left;		
}

#top ul li a, #top ul li a:link {
	padding: 10px 13px 10px 12px;		
	text-align: left;
	height: 14px;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background-color: #79B03E;
	color: #ffffff;
	text-decoration: none;
}

#top ul li a:hover, #top ul li a:focus {
	color: #79B03E;
	background-color: #F7F098;	
}

#top ul li a.active {
	color: #79B03E;
	background-color: #F7F098;
}

#ccontainer {
	margin: 10px auto;
	clear: left;
	width: 751px;
	background: url(img/bg_produkte.gif) repeat-y;		
}

#navi {
	margin-right: 596px;		
}

/* IE 6 Hack */
* html #navi {
	float: left;
	margin-right: 0px;		
}


#navi ul {
	padding: 0px;
	margin: 0px; 
}

#navi ul li {
	list-style: none;
	display: inline;
}

#navi ul li a {
	display: block;
	padding: 5px 0px 5px 5px;
	margin: 0px;  
	text-decoration: none; 
	width: 149px;  
	border-bottom: 1px solid #FFFFFF;  
	font-size: 12px;
	font-weight: bold;
	text-align: left;   
}

#navi a, #navi a:link, #navi a:visited {
   color: #ffffff;
   background-color: #79B03E;
}

#navi a:hover, #navi a:focus {
   color: #79B03E;
   background-color: #F7F098;
}

#navi #aktivlinden a.hauptlinden,
#navi #aktivgp a.hauptgp,
#navi #aktivlp a.hauptlp,
#navi #aktivwirtschaft a.hauptwirtschaft,
#navi #aktivindustrie a.hauptindustrie,
#navi #aktivmauer a.hauptmauer,
#navi #aktivstufen a.hauptstufen,
#navi #aktivoberfl a.hauptoberfl,
#navi #aktivtiefbau a.haupttiefbau,
#navi #aktivhochbau a.haupthochbau,
#navi #aktivrohre a.hauptrohre,
#navi #aktivumwelt a.hauptumwelt,
#navi #aktivkatalog a.hauptkatalog,
#navi #aktivth a.hauptth,
#navi #aktivvklb a.hauptvklb,
#navi #aktivza a.hauptza,
#navi #aktivausz a.hauptausz,
#navi #aktivpartner a.hauptpartner,
#navi #aktivpresse a.hauptpresse,
#navi #aktivgeschichte a.hauptgeschichte,
#navi #aktivstandorte a.hauptstandorte {
	color: #79B03E;
	background-color: #F7F098;
	border-bottom: 1px solid #79B03E; 	
}

#navi #aktivlinden a.unterlinden,
#navi #aktivlp a.unterlp,
#navi #aktivgp a.untergp,
#navi #aktivwirtschaft a.unterwirtschaft,
#navi #aktivindustrie a.unterindustrie,
#navi #aktivmauer a.untermauer,
#navi #aktivstufen a.unterstufen,
#navi #aktivoberfl a.unteroberfl,
#navi #aktivtiefbau a.untertiefbau,
#navi #aktivhochbau a.unterhochbau,
#navi #aktivrohre a.unterrohre,
#navi #aktivumwelt a.unterumwelt {
	display: block;
	padding: 5px 0px 5px 17px;
	width: 137px;
	background-color: #F7F098;
	color: #79B03E;   
	border-bottom: 1px solid #79B03E; 
	font-size: 11px;
	font-weight: normal;  		
}

#navi #aktivlinden a:hover.unterlinden, #navi #aktivlinden a:focus.unterlinden,
#navi #aktivlp a:hover.unterlp, #navi #aktivlp a:focus.unterlp,
#navi #aktivgp a:hover.untergp, #navi #aktivgp a:focus.untergp,
#navi #aktivwirtschaft a:hover.unterwirtschaft, #navi #aktivwirtschaft a:focus.unterwirtschaft,
#navi #aktivindustrie a:hover.unterindustrie, #navi #aktivindustrie a:focus.unterindustrie,
#navi #aktivmauer a:hover.untermauer, #navi #aktivmauer a:focus.untermauer,
#navi #aktivstufen a:hover.unterstufen, #navi #aktivstufen a:focus.unterstufen,
#navi #aktivoberfl a:hover.unteroberfl, #navi #aktivoberfl a:focus.unteroberfl,
#navi #aktivtiefbau a:hover.untertiefbau, #navi #aktivtiefbau a:focus.untertiefbau,
#navi #aktivhochbau a:hover.unterhochbau, #navi #aktivhochbau a:focus.unterhochbau,
#navi #aktivrohre a:hover.unterrohre, #navi #aktivrohre a:focus.unterrohre,
#navi #aktivumwelt a:hover.unterumwelt, #navi #aktivumwelt a:focus.unterumwelt {
	color: #F7F098;
	background-color: #79B03E;
}

#navi a.hidden  {
	display: none;
}

#navi a.aktiv {
	display: block;
	padding: 5px 0px 5px 17px;
	width: 137px;
	background-color: #79B03E;
	border-bottom: 1px solid #79B03E;
	color: #F7F098;   
	font-size: 11px;
	font-weight: normal;  	
} 

#cright {
	float: right;
	width: 580px;	
}

#content {
	float: left;
	width: 300px;
	text-align: left;
	padding: 30px 20px 0px 10px;	
}

#content p a:link, #content p a, #content p a:hover, #content p a:active, #content p a:visited {
	color: #000000;
}

#content #bilder {
	float: left;
	padding-left: 10px;
	padding-bottom: 15px;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	width: 68px;
}

/* IE 6 Hack */
* html #content #bilder {
	padding-left: 6px;				
}

#content #bilder img {
	border: 1px solid #79B03E;	
}

h1, h1 a, h1 a:link, h1 a:hover, h1 a:active, h1 a:visited {
	font-size: 18px;
	color: #79B03E;
	font-weight: bold;
	border-bottom: 1px solid #79B03E;
	margin-bottom: 2px;
	text-decoration: none;
	text-transform: uppercase;
}
h2 {
	margin-top: 2px;
	font-size: 14px;
	color: #79B03E;
	font-weight: bold;	
}

#content p, #content ul, #content li {
	color: #000000;
	font-size: 12px;
	line-height: 18px;
}

#bildleiste {
	float: left;
	width: 250px;
	text-align: left;		
}

#bildleiste h3 {
	margin: 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;	
}

#bildleiste p {
	margin: 0px 10px;
}

#bildleiste #bilder {
	float: left;
	padding-left: 10px;
	padding-bottom: 15px;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	width: 68px;
	text-decoration: none;
}

#bildleiste #bilder a, #bildleiste #bilder a:link {
	color: #ffffff;
	text-decoration: none;
	padding-left: 0px;	
}

/* IE 6 Hack */
* html #bildleiste #bilder {
	width: 70px;				
}
* html #bildleiste #bilder a, * html #bildleiste #bilder a:link {
	width: 70px;				
}

/* IE 7 Hack */
*+html #bildleiste #bilder {
	width: 70px;			
}

*+html #bildleiste #bilder a, *+html #bildleiste #bilder a:link {
	width: 70px;			
}

#bildleiste #bilder img {
	border: 1px solid #ffffff;	
}

#unterschrift {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 10px;
}

#stopper {
	clear: both;
	height: 1px;
}

#adresse {
	margin: auto;
	width: 751px;
	padding: 2px 0px;
	background-color: #79B03E;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

.of {
	border: 1px solid #79B03E;
	float: left;
	margin-right: 5px;
}
.oftxt {
	width: 220px;
	float: left;
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.ofstop {
	clear: left;
	height: 10px;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000000;
	float: left;
	text-align: right;
	width: 90px;
	margin-right: 10px;
}

.umwelttechnik {
	float: left;
	text-align: left;
	width: 90px;
}

/* IE 6 Hack */
* html .umwelttechnik {
	width: 268px;
	margin-bottom: 7px;				
}

/* IE 7 Hack */
*+html .umwelttechnik {
	width: 280px;
	margin-bottom: 7px;					
}

input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 180px;
	border: 1px solid #000000;
	background-color: #ffffff;
	margin: 2px;
}

.zeile {
	width: 250px;
	text-align: left;
	float: left;	
}

.checkbox {
	width: 15px;
	float: left;
	margin-right: 5px;
	border: 0;
	background-color: #C8F096;
}

.button {
	margin-left: 103px;
	background-color: #79B03E;
	color: #ffffff;
	font-weight: bold;		
}
/** IE6 Hack **/
* html .button {
	margin-left: 103px;
}

.fehler {
	color: #990000;
	font-size: 12px;
	line-height: 18px;	
}

hr {
	border: 1px solid #79B03E;
}