@page { size:landscape; }
* {
margin: 0;
padding: 0;
}
body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 70%; background-color: #dadada; color: #afadb5; line-height: 1em; background-image: url(../images/hgli_kl2.gif); }

#ani { width: 100%; left: 25px; top: 19px; position: absolute; visibility: visible;  height: 50px; }
#technolo { height: 24px; width: 138px; left: 382px; top: 130px; position: absolute; visibility: hidden;  z-index: 72;}
#produk { height: 24px; width: 124px; left: 532px; top: 130px; position: absolute; visibility: hidden; z-index: 71; }
#unterneh { height: 31px; width: 131px; left: 232px; top: 130px; position: absolute; z-index: 70; visibility: hidden; }
#newss { height: 30px; width: 67px; left: 652px; top: 130px; position: absolute; visibility: hidden;  z-index: 73;}
#karr { height: 31px; width: 113px; left: 742px; top: 130px; position: absolute; visibility: hidden; z-index: 74; }
#infoss { height: 100px; width: 100px; left: 852px; top: 130px; position: absolute; visibility: hidden;  z-index: 75;}

#wrapper { background-color: #a8aaac; position: absolute; left: 233px; width: 100%; height: 22px; visibility: visible; }
ul { position: absolute; top: 0; list-style: none; height: 27px; }
ul li { float: left; display: inline; position: relative; width: 5em;  }
li {  float: left; display: inline; position: relative; width: 12em; }
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; padding: 4px 15px 6px 10px; font-weight: normal; letter-spacing: 0.13em; }
ul ul li a { color: #2e2e2e; font-weight: normal; background-color: #c5c7c9; border-bottom: 1px solid #ebebeb; border-top-color: #eceaea; border-right-color: #e6e4e4; border-left-color: #e6e4e4; }
ul ul li :lang(c) { font-weight: normal; background-color: #c5c7c9; border-top: 1px solid #ebebeb; border-right-color: #e6e4e4; border-bottom-color: #e6e4e4; border-bottom-width: 1px; border-left-color: #e6e4e4; }
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: 13em ;}
.news { width: 6em ;}
.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; }
#headli { position: absolute; top: 233px; left: 38px; width: auto; height: 33px; z-index: 8; visibility: visible; display: block; }
#headre { visibility: visible; display: block; position: absolute; z-index: 8; top: 233px; left: 240px; width: auto; height: 33px; }


.prodNavi a { color: #8ca1cd; font-size: 8px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 28px; text-decoration: none; visibility: visible; }
.prodNavi { color: #8ca1cd; font-size: 8px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 28px; visibility: visible; }
.prodNavi a: hover { color: #40487c;	text-decoration: none; }
.prodNavi a: active { color: #40487c;	text-decoration: none; }

.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: 100px;
	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:165px; width:1024px; height:620px; z-index: 7; visibility: visible; }
#Kstoffteile img{
	left:0px;
	top:0px;
	width:686px;
	height:424px;
	z-index:7;
	visibility: visible;
}