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


.buttonok {
	border:1px solid #000000;
	background: #cccccc;
	}
.buttonok:hover {
	background: #ff0000;
	}

#zeilen:hover {
	font-weight: bold;
	}

#print_info {
	   display: none;	   
	}
	
	table.ergebnis {
		font-size:10px;
		border-right:1px solid #999999; 
		border-bottom:1px solid #999999;
		background:#fefefe;
		text-align:left;
		}
	table.ergebnis td.gruppe {
		font-size:13px;
		text-align: left;
		font-weight:bold;
		}
	table.ergebnis td,  table.ergebnis th {
		border-left: 1px solid #999999;
		border-top: 1px solid #999999;
		text-align: right;
		}
	table.ergebnis td:hover {
		font-weight: bold;
		}
				
	table.ergebnis th  {
		font-size:11px;
		}
	
	.gut {
		background-color: #85CF76;
		width:25px;
		font-size:8px;
		cursor: pointer;
		line-height:20px;
		text-align: left; 
		}
	.gut:hover {
		background-color: #00B000;
		width:25px;
		font-size:8px;
		cursor: pointer;
		}		
	.schlecht {
		width:25px;
		font-size:8px;	
		cursor: pointer;
		line-height:20px;	
		}		
	.schlecht:hover {
		width:25px;
		font-size:8px;
		cursor: pointer;
		}
	.eingabefeld {
		font-size:11px;
		border:1px solid #000000;
		background:#ffffff;
		color:#1B5DAD;
		font-weight:bold;
		padding:1px;
		}
	.anzeigefeld {
		font-size:11px;
		border:1px solid #999999;
		background:#DDDDDD;
		color:#444444;
		font-weight:bold;
		padding:1px;
		}		
		
	.eingabefeld2 {
		font-size:12px;
		border:1px solid #000000;
		background:#ffffff;
		color:#1B5DAD;
		font-weight:bold;
		padding:1px;
		}		

div.cloud1  {position:absolute;font-family:verdana,arial;font-size:19px;color:#000000;line-height:22px;}
div.cloud2  {position:absolute; font-family:verdana,arial;font-size:17px;color:#333333;line-height:20px;}
div.cloud3  {position:absolute; font-family:verdana,arial;font-size:14px;color:#555555;line-height:17px;}
div.cloud4  {position:absolute; font-family:verdana,arial;font-size:12px;color:#777777;line-height:15px;}
div.cloud5  {position:absolute; font-family:verdana,arial;font-size:9px;color:#888888;line-height:12px;}

a.cloud1  { font-family:verdana,arial;font-size:19px;color:#000000;}
a.cloud2  { font-family:verdana,arial;font-size:17px;color:#333333;}
a.cloud3  { font-family:verdana,arial;font-size:14px;color:#555555;}
a.cloud4  { font-family:verdana,arial;font-size:12px;color:#777777;}
a.cloud5  { font-family:verdana,arial;font-size:9px;color:#888888;}

.cloud1:hover {
color:#1C5D9A;
}
.cloud2:hover {
color:#1C5D9A;
}
.cloud3:hover {
color:#1C5D9A;
}
.cloud4:hover {
color:#1C5D9A;
}
.cloud5:hover {
color:#1C5D9A;
}

body {
	background-color: #E3E3E3;
	margin-top:5px;
        overflow: -moz-scrollbars-vertical; 
}
.Stil2 {
	font-size: 11px;
}
.Stil3 {
	color: #F6A404;
	font-size: 15px;
	font-weight: bold;
}
.histab {
	padding-bottom:2px;
	padding-right:10px;
	vertical-align:top;
}
.einbau {
margin-left:10px;padding-left:5px;padding-top:10px;padding-bottom:10px; border-bottom: 1px solid #999999;
width:420px;
display:block;
}

.einbau:hover {
	background-color:#E7E7E7;
}
img.img_prosp {
	width:70px;
	border: none;
/* 	border:1px solid #ffffff; */
/* 	border-right:1px solid #666666; */
/* 	border-bottom:1px solid #666666; */
}
img.img_prosp:hover {
/* 	border:1px solid #ff0000; */
}

a.img_prosp:hover {
/* 	color:#ff0000; */
}

/* Überschriften im blauen Kasten: */
p.L1 { 
	font-size: 16px; 
	color: #F7AD00; 
	font-weight: bold; 
	margin-top:13px;
}
p.L2 { 
	font-size: 15px; 
	color: #FFFFFF; 
	font-weight: bold;
}
p.L3 { 
	font-size: 14px; 
	color: #005DA8; 
	font-weight: bold;
}

/*Überschriften im Content Bereich */
p.L4 { font-size: 15px; color: #333333; font-weight: bold; margin-top:13px;}

/*Links */
A { color: #000000; text-decoration: none; }
A:hover { color: #000000; text-decoration: none; }

a.weis        {color:#FFFFFF; text-decoration:none;}
a.weis:hover  {color:#DB8300; text-decoration:none;font-weight:bold;}

a.orange       {color:#1C5D9A; text-decoration:none;font-weight:bold;}
a.orange:hover {color:#DB8300; text-decoration:none;font-weight:bold;}
a.orange:active {color:#ff0000; text-decoration:none;font-weight:bold;}


#page {
	width: 920px;
	margin: 0 auto;
	height: 100%;
	
}

/* Logo */

#logo {
	background-image: url(../bilder/logo/bg_logo.jpg);
	border: 0px;
	font-family: Arial, Helvetica;
	font-size: 30px;
	unicode-bidi: embed;
	text-transform: uppercase;
	color: #005DA8;
	position: relative;
	width: 920px;
	height: 65px;
	border-left: thin;
	border-left-width:1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;	
	border-right: thin;
	border-right-width:1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-top: thin;
	border-top-width:1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#balken {
	font-size:5px;
	position: absolute;
	width: 290px;
	height: 15px;
	left: 630px;
	background-color: #FF9900;
	z-index: 10;
}

#lehmann {
position: absolute;
float: left;
width: 270px;
height: 40px;
top: 0px;

}

#bauartikel {
position: absolute;
float: left;
width: 270px;
height: 35px;
top: 16px;
left: 320px;
}



/*Navigation "Pfeile"*/

#menu {
	margin: 0 auto;
	position: relative;
	width: 920px;
	height: 51px;
	margin: 0 auto;
	border-left: thin;
	border-left-width:1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;	
	border-right: thin;
	border-right-width:1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;

}


#home {
	position:absolute;
	float:left;
	left:0px;
	width:120px;
	height:51px;
	z-index:2;
}

#unternehmen {
	position:absolute;
	float:left;
	left:118px;
	width:155px;
	height:51px;
	z-index:2;
}

#produkte {
	position:absolute;
	float:left;
	left:256px;
	width:155px;
	height:51px;
	z-index:3;
}
#news {
	position:absolute;
	float:left;
	left:394px;
	width:155px;
	height:51px;
	z-index:4;
}
#serviceportal {
	position:absolute;
	float:left;
	left:532px;
	width:155px;
	height:51px;
	z-index:5;
}
#kontakt {
	position:absolute;
	float:left;
	left:670px;
	width:155px;
	height:51px;
	z-index:6;
}
#agb {
	position:absolute;
	float:left;
	left:808px;
	width:112px;
	height:51px;
	z-index:7;
}

/*Blauer Inhaltsbereich oben*/

#content_oben {
	position: relative;
	height: 120px;
	width: 920px;
	background-color: #005da8;
	border-left: thin;
	border-left-width:1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;	
	border-right: thin;
	border-right-width:1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;	
	
}

#oben_bild {
	position: absolute;
	width: 200px;
	height: 100px;
	left: 10px;
	top: 9px;
	border: thin;
	border-width:1px;
	border-style: solid;
	border-color: #FFFFFF;
}

#oben_text {
	position: absolute;
	width: 640px;
	height: 100px;
	left: 253px;
	top: 5px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

/* Content */

#content-bereich {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	position: relative;
	width: 920px;
	background-color:#EFEFEF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #ffffff;
	padding-top: 2px;
	line-height: 16px;	

}

#middle {
	position: absolute;
	width: 648px;
	min-height: 300px;
	left: 228px;
	height: 97%;
	top: 4px;
}

#content {
	position: relative;
	padding-top: 10px;
	padding-left: 25px;
	min-height: 300px;
	background-color:#EFEFEF;
	width: 630px;
	
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin-bottom: 3px;
}

/* Navigation Links */

#left {
	position: absolute;
	background-color:#EFEFEF;
	width: 262px;
	top: 3px;
	padding-top: 15px;	
}

#navl {
	position: relative;
	text-align: left;
	min-height: 310px;
	height: 310px;
	width: 221px;
	padding-top: 8px;
	padding-bottom: 3px;
	list-style-type: none;
	background-color: #CFD0D2;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;

}

#navl ul {
	 color: black;
                text-align: left;
                list-style-type: none;
                display: block;
                margin: 0;
                padding: 0;
                clear: both;
	
}

#navl li {
	    text-align: left;
                display: inline;
                margin: 0;
                padding: 0;
                clear: both; 
	
}


#navl a {
	list-style-type: none;
	display: block;
	width: 188px;
	height: 18px;
	text-decoration: none;
	line-height: 10px;

}

#navl li a {
	list-style-type: none;
	background-image:url(../bilder/nav/on.png);
	color:#000000;
	padding: 7px 3px 0px 30px;
	border-bottom: 1px #CFD0D2 solid;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

#navl li a:hover {
	list-style-type: none;
	background-image:url(../bilder/nav/over2.png);
	color:#FFFFFF;
	padding: 7px 3px 0px 30px;
	border-bottom: 1px #CFD0D2 solid;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;

}

#navl li#activ {
	line-height: 10px;
	list-style-type: none;
	background-image:url(../bilder/nav/over.png);
	color:#FFFFFF;
	padding: 7px 3px 0px 30px;
	border-bottom: 1px #CFD0D2 solid;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
        font-weight:bold;
	text-decoration: none;
	list-style-type: none;
	display: block;
	width: 188px;
	height: 18px;
	text-decoration: none;
}

/* Navigation unten */


#down {	
	background-image : url(../bilder/nav/bottom.png);
	height: 22px;
	width: 890px;
	padding-left: 15px;
	padding-right:15px;
	padding-top: 8px; 
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}





#navl2 ul {
	 color: black;
                text-align: left;
                list-style-type: none;
                display: block;
                margin: 0;
                padding: 0;
                clear: both;
	
}

#navl2 li {
	    text-align: left;
                display: inline;
                margin: 0;
                padding: 0;
                clear: both; 
	
}


#navl2 a {
	list-style-type: none;
	display: block;
	width: 188px;
	height: 18px;
	text-decoration: none;
	line-height: 10px;

}

#navl2 li a {
	list-style-type: none;
	background-image:url(../bilder/nav/on.png);
	color:#000000;
	padding: 7px 3px 0px 30px;
	border-bottom: 1px #CFD0D2 solid;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

#navl2 li a:hover {
	list-style-type: none;
	background-image:url(../bilder/nav/over2.png);
	color:#FFFFFF;
	padding: 7px 3px 0px 30px;
	border-bottom: 1px #CFD0D2 solid;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;

}

#navl2 li#activ {
	line-height: 10px;
	list-style-type: none;
	background-image:url(../bilder/nav/over.png);
	color:#FFFFFF;
	padding: 7px 3px 0px 30px;
	border-bottom: 1px #CFD0D2 solid;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
        font-weight:bold;
	text-decoration: none;
	list-style-type: none;
	display: block;
	width: 188px;
	height: 18px;
	text-decoration: none;
}

	#werte td {
		border-bottom:1px solid #666666;
		font-size:12px;
		line-height:13px;
		}
	#werte a {
		height:auto;
		width:auto;
		}
	#werte a:hover {
		color: #ff0000;
		}


	.werte td {
		border-bottom:1px solid #666666;
		font-size:12px;
		line-height:13px;
		}
	a.werte {
		color:#1C5D9A; 
		text-decoration:none;
		font-weight:bold;
		font-size:11px;
		line-height:9px;
		height:auto;
		width:auto;
		text-align: right;
		}
	a.werte:hover {
		color:#ff0000; 
		text-decoration:none;
		font-weight:bold;
		line-height:9px;
		}


.button1 {
	    box-shadow: 1px 1px 1px #888;
       border:1px solid #444444;
       border-radius: 3px; 
       background-color:#E2E7EF;
       padding:3px;
       color:#1C5D9A; 
       text-decoration:none;
       font-weight:normal;
		 cursor:hand;
		 font-size:11px;
       }

.button1:hover {
	border:2px solid #1C5D9A;
	background-color:#F0F5FD; 
	padding:2px;
	text-decoration:none;
	font-weight:normal;
	box-shadow: 1px 1px 1px #888;
	}


