* {
margin: 0;
padding: 0;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 70%;
	background-color: #dadada;
	color: #afadb5;
	background-image: url(../images/hgli_kl2.gif);
	background-repeat: repeat-x;
}





ul
 { position: absolute; top: 0; list-style: none; display: block;  margin: 0;
padding: 0;}
ul li 
{ float: left; width: 5em;  position: relative; display: inline; width:inherit;}
li
 {  float: left; display: inline; position: relative; width: 12em; display: block;}
li ul
 {position: absolute; left: 0; top: 21px; display: none; }
li:hover ul
 { border-color: #e6e4e7; display: block; }
ul li a 
{ display: block; text-decoration: none; background-color: #a8aaac; color: #2e2e2e;  font-weight: normal; }
ul ul li a 
{ color: #2e2e2e; font-weight: normal; background-color: #c5c7c9; border-bottom: 1px solid #ebebeb;}

ul li a:hover 
{background-color: #a8aaac; color: #fff;}














quelle { color: #AB7E00; }
.unt { width: 13.6em ;}
.tech { width: 14em ;}
.prod { width: 13em ;}
.karr { width: 14.5em ;}
.infos { width: 13.5em ;}
.news { line-height: 1.2em; width: 11em ; }
.news2 { line-height: 1em; }
.hgobenunt { width: 13em; }
#ues { height: 66px; width: 532px; left: 37px; top: 254px; z-index: 7; position: absolute; visibility: visible; padding: 0.5px 0; }
h1 { color: #ab7e00; font-size: 24px; font-family: Arial, SunSans-Regular, sans-serif, helvetica; font-weight: bold; line-height: 26px; padding: 0.5em 0; }
.text { color: #333; font-size: 13px; font-family: Arial, Helvetica, sans-serif, geneva; line-height: 16px; text-align: justify; }
#pwktext { height: 336px; width: 436px; left: 38px; top: 320px; z-index: 5; position: absolute; visibility: visible; color: #333; font-size: 13px; font-family: Arial, Helvetica, sans-serif, geneva; line-height: 16px; text-align: justify; }
.h2 { font-weight: bold; color: #004b3b; }
.h3 { color: #004b3b; font-size: 13px; font-weight: bold; line-height: 18px; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; }
.h4 { color: #004b3b; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; }

#headliprod {
	visibility: visible;
	display: block;
	position: absolute;
	z-index: 8;
	top: 193px;
	left: 38px;
	width: 306px;
	height: 54px;
}
#headre { visibility: visible; display: block; position: absolute; z-index: 8; top: 233px; left: 240px; width: auto; height: 33px; }
#qnavi { position:absolute; left:241px; top:154px; width:auto; height:12px;
	;z-index: 11; visibility: visible; }	

.prodNavi a { color: #8ca1cd; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 28px; text-decoration: none; }
.prodNavi { color: #8ca1cd; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 28px; }
.prodNavi a: hover { color: #40487c;	text-decoration: none; }
.prodNavi a: active { color: #40487c;	text-decoration: none; }
#NavLink { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #414e80; position: relative; width: auto; }
#NavLink a { font-style: normal; color: #414e80; text-decoration: none; }
#NavLink a:hover { color: #ffffff; background-color: #999999; }
.list p { line-height: 16px; }
.buttlist { list-style-position: outside; list-style-type: none; }
.gruen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #004B3B;
}
#dbutton {
	width:655px;
	color:#2f4914;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;	
	vertical-align: middle;
}
#dbutton a{ color:#2f4914; font:bold 15px verdana, sans-serif; margin:10px 0 5px; padding:10px 3px 1px 4px; text-decoration:none; background:#e3e7e2 center; display:block; vertical-align:middle; height:30px; width:655px; border-color: #e4d9c0 #99917d #99917d #e4d9c0; border-style: solid; border-width: 1px; }
#dbutton a:hover{
	color:#FFFFFF; 
	background:#909C90;
	vertical-align:middle;
	border-top:1px solid #e4d9c0;
	border-right:1px solid #837c6b;
	border-bottom:1px solid #837c6b;
	border-left:1px solid #e4d9c0;}
.history { color: #100101; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 600; line-height: 16px; }
.jahre {
	color: #004B3B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
.blau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #330099;
}
#legende {
	position:absolute;
	width:233px;
	height:40px;
	z-index:42;
	left: 38px;
	top: 630px;
	visibility: visible;
}
.ArmNaviDue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #40487C;
}
.list { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #004b3b; font-weight: bold; list-style-type: circle; text-align: left; height: 20px; margin-top: 20px; margin-bottom: 20px; list-style-position: outside; }
.list2 { color: #004b3b; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; text-align: left; list-style-type: circle; list-style-position: outside; visibility: visible; margin-top: 10px; margin-bottom: 13px; padding-top: 5px; padding-bottom: 3px; display: block; }
.list2 p { color: #004b3b; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; text-align: left; list-style-type: circle; list-style-position: outside; padding-top: 5px; padding-bottom: 5px; }
.p3 { list-style-type: circle; list-style-position: outside; margin: 0; padding: 0; }
#cssbutton {
	width:740px;
	color:#004b3b;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;	
	vertical-align: middle;
}
#cssbutton a{ color:#414e80; font:bold 15px verdana, sans-serif; margin:10px 0 5px; padding:10px 3px 1px 4px; text-decoration:none; background:#e3e7e2 center; display:block; vertical-align:middle; height:30px; width:740px; border-color: #e4d9c0 #99917d #99917d #e4d9c0; border-style: solid; border-width: 1px; }
#cssbutton a:hover{
	color:#FFFFFF; 
	background:#909C90;
	vertical-align:middle;
	border-top:1px solid #e4d9c0;
	border-right:1px solid #837c6b;
	border-bottom:1px solid #837c6b;
	border-left:1px solid #e4d9c0;}
#bild { position:absolute; left:0; top:151px; width:1024px; height:620px; z-index: 1; visibility: visible; }
#Kstoffteile {
	position:absolute;
	width:212px;
	height:160px;
	z-index:7;
	left: 266px;
	top: 201px;
	visibility: visible;
}
#KunststNavi {
	position:absolute;
	left:38px;
	top:259px;
	width:152px;
	height:226px;
	z-index:40;
	visibility: visible;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 16px;
	display: block;
	text-align: justify;
	margin: 0px;
	padding: 0px;
	background-position: 275px;
	font-weight: normal;
}
.style1 {font-size: 12px; line-height: 28px; color: #414E80; font-family: Arial, Helvetica, sans-serif;}

