/* Angaben für alle standardkonformen Browser */

body {
	margin:0;
	padding:0;
	background-color:#fffffff;
	background-image:url(images/hg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
}

#content_container {
	padding-top:5em;
	padding-bottom:5em;
	padding-left:0;
}

#header {
	position:fixed;
	top:0px; left:0px; right:0px;
	text-align:left;
	padding:0;
	height:5em;
	background-image:url(images/hg_headerbildverlauf.jpg);
	background-repeat:repeat-x;
	z-index:5;
}


#logo {
position:absolute;
top:0px;
left:18px;
}


#fahne{

margin-top:10px;
margin-left:125px;
}

#iso9001{
margin-top:10px;
margin-left:37px;
}

#iqnet{
margin-top:10px;
margin-left:57px;
}

/* Hauptmenü - mainnav */

#mainnav{
margin-top:0px;
margin-left:-4px;
text-align:right;
margin-bottom:10px;

}

a.mainnav, a.mainnav:link, a.mainnav:visited {
display:block; 
width:170px;
height:20px;
line-height:20px;
background:#fff;  
margin-top:0px; 
text-align:right;
overflow:hidden;
text-decoration:none; 
font-size:1.2em; 
color:#4d4d4d; 
text-transform: uppercase;
font-weight:bold;
font-family:"Arial Black", Gadget, sans-serif;
letter-spacing:-1px;
padding-right:5px;
}

a.mainnav:hover {
color:#E60029; 
background:#fff;
text-transform: uppercase;
}

a.mainnav:active, .chosen {
display:block; 
width:170px;
height:20px;
line-height:20px;
background:#fff;  
margin-top:0px; 
text-align:right;
overflow:hidden;
text-decoration:none; 
font-size:1.2em; 
color:#E60029; 
text-transform: uppercase;
font-weight:bold;
font-family:"Arial Black", Gadget, sans-serif;
letter-spacing:-1px;
padding-right:5px;
}

/* Hauptmenü - aktiver Link - aktiv */


a.aktiv, a.aktiv:link, a.aktiv:visited {
display:block; 
width:170px;
height:20px;
line-height:20px;
background:#fff;  
margin-top:0px; 
text-align:right;
overflow:hidden;
text-decoration:none; 
font-size:1.2em; 
color:#E60029; 
text-transform: uppercase;
font-weight:bold;
font-family:"Arial Black", Gadget, sans-serif;
letter-spacing:-1px;
padding-right:5px;

}

a.aktiv:hover {
color:#E60029; 
background:#fff;
text-transform: uppercase;
}

a.aktiv:active, .chosen {
display:block; 
width:170px;
height:20px;
line-height:20px;
background:#fff;  
margin-top:0px; 
text-align:right;
overflow:hidden;
text-decoration:none; 
font-size:1.2em; 
color:#E60029; 
text-transform: uppercase;
font-weight:bold;
font-family:"Arial Black", Gadget, sans-serif;
letter-spacing:-1px;
padding-right:5px;
}



/* Hauptmenü Unterpunkte - subnav */

a.subnav, a.subnav:link, a.subnav:visited {
display:block; 
width:170px;
height:16px;
line-height:16px;
background:#fff;  
margin-top:0px; 
text-align:right;
overflow:hidden;
text-decoration:none; 
font-size:1em; 
color:#4d4d4d; 
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-0.5px;
padding-right:5px;

}

a.subnav:hover {
color:#E60029; 
background:#fff;
}

a.subnav:active, .chosen {
display:block; 
width:170px;
height:16px;
line-height:16px;
background:#fff;  
margin-top:0px; 
text-align:right;
overflow:hidden;
text-decoration:none; 
font-size:1em; 
color:#E60029; 
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-0.5px;
padding-right:5px;
}


/* Hauptmenü Unterpunkte aktiv - subaktiv */

a.subaktiv, a.subaktiv:link, a.subaktiv:visited {
display:block; 
width:170px;
height:16px;
line-height:16px;
background:#fff;  
margin-top:0px; 
text-align:right;
overflow:hidden;
text-decoration:none; 
font-size:1em; 
color:#E60029; 
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-0.5px;
padding-right:5px;

}

a.subaktiv:hover {
color:#E60029; 
background:#fff;
}

a.subaktiv:active, .chosen {
display:block; 
width:170px;
height:16px;
line-height:16px;
background:#fff;  
margin-top:0px; 
text-align:right;
overflow:hidden;
text-decoration:none; 
font-size:1em; 
color:#E60029; 
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-0.5px;
padding-right:5px;
}



/* Zusatzmenü */

#zusatzlinks{
margin-top:15px;
margin-left:96px;
text-align:right;
margin-bottom:10px;
}



.einzug{
	text-indent:20px;
}




/* Angaben nur für den Internet Explorer mit Star HTML Hack */




* html, * html body {
	height:100%;
	overflow:hidden;
}

* html #header {
	margin:0;
	height:15%;

}

* html #content_container  {
	padding:0.5em;
	height:85%;
	overflow:auto;
}




a.textlink:link{

color:#000000;
text-decoration:none;

}

a.textlink:visited{

color:#e7002a;
text-decoration:none;
font-weight:normal;
}


a.textlink:hover{

color:#e7002a;
text-decoration:none;
font-weight:normal;
}

a.textlink:active{

color:#e7002a;
text-decoration:none;
font-weight:normal;
}





a.boxlink:link{

color:#E60029;
text-decoration:underline;

}

a.boxlink:visited{

color:#E60029;
text-decoration:underline;
}


a.boxlink:hover{

color:#E60029;
text-decoration:underline;
}

a.boxlink:active{

color:#E60029;
text-decoration:underline;
}




a.boxlink2:link{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:bold;
}

a.boxlink2:visited{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:bold;
}


a.boxlink2:hover{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:bold;
}

a.boxlink2:active{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:bold;
}



a.boxlink3:link{
font-size:10px;
color:#000;
text-decoration:none;
font-weight:normal;
}

a.boxlink3:visited{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:normal;
}


a.boxlink3:hover{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:normal;
}

a.boxlink3:active{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:normal;
}


a.boxlink4:link{
font-size:9px;
color:#000;
text-decoration:none;
font-weight:normal;
}

a.boxlink4:visited{
font-size:9px;
color:#E60029;
text-decoration:none;
font-weight:normal;
}


a.boxlink4:hover{
font-size:9px;
color:#E60029;
text-decoration:none;
font-weight:normal;
}

a.boxlink4:active{
font-size:9px;
color:#E60029;
text-decoration:none;
font-weight:normal;
}




a.maillink:link{

color:#000000;
text-decoration:underline;

}

a.maillink:visited{

color:#000000;
text-decoration:underline;
}


a.maillink:hover{

color:#000000;
text-decoration:underline;
}

a.maillink:active{

color:#000000;
text-decoration:underline;
}





a.nav, a.nav:link, a.nav:visited {
display:block; 
width:70px; 
height:10px; 
background:#fff;  
margin-top:0px; 
text-align:right; 
text-decoration:none; 
font-size:10px; 
color:#000; 
line-height:10px; 
overflow:hidden;
}





a.nav:hover {
color:#E60029; 
background:#fff;
}

a.nav:active, .chosen {
display:block; 
width:70px; 
height:10px; 
background:#fff;  
margin-top:0px; 
text-align:right; 
text-decoration:none; 
font-size:10px; 
color:#E60029; 
line-height:10px; 
overflow:hidden;
}





.pro14 {
padding:0px 0 0 0px; 
margin:0; 
list-style:none; 
height:25px; 
text-align:right;

}

.pro14 li {
float:right;
text-align:right;
}

.pro14 li a {
display:block; 
float:right; 
height:15px; 
line-height:100%;

  color:#4C4D4C; 
  text-decoration:none; 
text-indent: -50px;
  text-align:right; 
 padding-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px; 
  cursor:pointer; 

  }
  
.pro14 li a b {
float:right; 
display:block; 
 padding:0 0px 0px 0px;
 text-align:right;
 }
 
.pro14 li.current a {
color:#E60029;

 }
 


.pro14 li a:hover {
color:#E60029; 

}



.pro14 li.current a:hover {
color:#E60029;

 cursor:default;
 }
 



/* Formatierung des Seiteninhaltes */




#pfad{
position:absolute;
top:15em;
font-size:0.7em;
left:3.5em;
}

#links{
	font-size: 0.7em;
    position:absolute;
	top:6.5em;
	left:0.9em;
	line-height:1.5em;
	width: 10em;
	padding-bottom:5em;
	z-index:1;
	position:fixed;
}
* html div#links {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	padding-top:1em;
	top:2em;
	position:fixed;
}

#content {
	position:absolute;
	line-height:1.5em;
	top:5.9em;
	left:19em;
	padding-bottom:5em;
	z-index:1;
	width:42em;
	font-size: 0.7em;
}


#content2 {
	position:absolute;
	line-height:1.5em;
	top:5.9em;
	left:19em;
	padding-bottom:5em;
	z-index:1;
	width:39em;
	font-size: 0.7em;
}

* html div#content {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	padding-top:1em;
	top:2em;
}


#softwarepaketebox{
width:202px;
height:222px;
position:absolute;
top:380px;
left:250px;
padding-left:15px;
padding-top:10px;
background-image:url(images/softwarepakete_box.jpg);
background-repeat:no-repeat;
}

#featurebox{
width:170px;


padding-top:5px;
padding-left:10px;
padding-bottom:15px;
margin-bottom:10px;
line-height:150%;
background-color:#F7CCC1;
}

#rechts{
font-size: 0.7em;
    position:absolute;
	top:7.5em;
	left:64em;
	width: 10em;
	padding-bottom:5em;
z-index:1;
}





* html div#rechts {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	padding-top:1em;
	top:2em;
}


#weiterrechts{
font-size: 0.7em;
    position:absolute;
	top:5em;
	left:70em;
	width: 10em;
	padding-bottom:5em;
z-index:1;
}





* html div#weiterrechts {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	padding-top:1em;
	top:2em;
}

h1{
font-size:1.2em;
font-weight:bold;
line-height: 1.0em;
color:#E60029;
}

#rottext{
font-size:1em;
font-weight:bold;
color:#E60029;
}
p{
margin-bottom:-4px;
}


b{
font-weight:bold;
}



#images{
	margin-bottom:15px;
}




#bildtextbox{
left:0px;
top:0px;
width:50em;
z-index:1;
margin-bottom:30px;
}


#bildtextbox2{
left:0px;
top:0px;
width:42em;
z-index:1;
margin-bottom:20px;
}

#bild{
top:0px;
left:0px;
margin-right:20px;
}

#bildtext{
margin-left:100px;
margin-top:-140px;
width:34em;
}


#bildtextnews{
margin-left:110px;
margin-top:-88px;
width:33em;
}

#produktbox_wheel{
background-image:url(images/produktbox_wheel.jpg);
background-repeat:no-repeat;
position:absolute;
top:260px;
left:0px;
width:100px;
height:150px;
padding-top:75px;
padding-left:4px;
line-height:120%;
z-index:3;
}


#produktbox_gap{
background-image:url(images/produktbox_gap.jpg);
background-repeat:no-repeat;
position:absolute;
top:260px;
left:110px;
width:100px;
height:150px;
padding-top:75px;
padding-left:4px;
line-height:120%;
z-index:3;
}


#produktbox_universal{
background-image:url(images/produktbox_universal.jpg);
background-repeat:no-repeat;
position:absolute;
top:260px;
left:220px;
width:100px;
height:150px;
padding-top:75px;
padding-left:4px;
line-height:120%;
z-index:3;
}


#produktbox_air{
background-image:url(images/produktbox_air.jpg);
background-repeat:no-repeat;
position:absolute;
top:260px;
left:220px;
width:100px;
height:150px;
padding-top:75px;
padding-left:4px;
line-height:120%;
z-index:3;
}


#produktbox_ship{
background-image:url(images/produktbox_ship.jpg);
background-repeat:no-repeat;
position:absolute;
top:260px;
left:330px;
width:100px;
height:150px;
padding-top:75px;
padding-left:4px;
line-height:120%;
z-index:3;
}


#produktbox_steel{
background-image:url(images/produktbox_steel.jpg);
background-repeat:no-repeat;
position:absolute;
top:260px;
left:440px;
width:100px;
height:150px;
padding-top:75px;
padding-left:4px;
line-height:120%;
z-index:3;
}





a.boxlink2:link{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:bold;
}

a.boxlink2:visited{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:bold;
}


a.boxlink2:hover{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:bold;
}

a.boxlink2:active{
font-size:10px;
color:#E60029;
text-decoration:none;
font-weight:bold;
}







h2{
font-weight:bold;
color:#000000;
font-size:1.2em;
}


#rotertitel{
font-weight:bold;
color:#000000;
font-size:1.2em;
}



ul {
	list-style-position: outside;
	list-style-type: disc;
	
}

li{
margin-left:-25px;
}






/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
9way to fit your requirements.
=================================================================== */

/* the styling */
#nav {
	width:597px;
	height:20px;
	margin-left:1.8em;
	top:145px;
	z-index:100;
	position:absolute;
	left: 2px;
 }

#nav .select, #nav .current {
margin:0;
 padding:0; 
 list-style:none;
color:#8994C1;
 }

#nav li {
display:inline;
 margin:0; 
 padding:0; 
 height:auto;
 }

#nav .select a,
#nav .current a {
display:block;
 height:20px;
  float:left; 
 
  padding:0 10px 0 10px; 
  text-decoration:none; 
  font-size:12px; 
  line-height:20px; 
  white-space:nowrap; 
  border-right:1px solid #fff; 
color:#000;
  }
  
* html #nav .select a, * html #nav .current a {
width:1px;
 height:21px;
 }


#nav .select a:hover,
#nav .select li:hover a {
background-image:url(images/navhg.jpg);
background-repeat:repeat-x;
cursor:pointer; 
color:#FFF;
}

#nav .sub {
display:none;
}

/* for IE5.5 and IE6 only */
#nav table {
position:absolute; 
border-collapse:collapse;
left:-500px; 
 margin-top:200px;
 z-index:100;
 }

#nav .current a {
background-image:url(images/navhg.jpg);
background-repeat:repeat-x; 
color:#FFF;
 }


#nav .sub li a:hover,#nav .select a:hover .sub li a:hover,#nav .select li:hover .sub li a:hover {
background:#2D4B99; 
color:#FFF;
}

#nav .sub_active .current_sub a, #nav .sub_active a:hover {
background:#2D4B99; 

 color:#FFF;
 }

#nav .select li a:hover .sub,
#nav .select li:hover .sub {
display:block;
 position:absolute;
  width:480px;
  height:auto;
   top:20px;
    left:0;
	background:#2D4B99; 
	  margin-top:0; 
	  padding:0;
	   z-index:100; 
	   color:#FFF; 
	   font-size:11px;
	   }

#nav .sub, #nav .sub_active {
margin:0;
 padding:0;
  list-style:none;
  }

#nav .sub_active {
display:block;
 position:absolute;
  width:100%; 
  top:20px;
   left:0; 
background:#2D4B99; 
    margin-top:0;
	 padding:0;
	  z-index:10;
	  }
	  
* html #nav .sub_active, * html #nav .select a:hover .sub {
z-index:-1;
 margin-top:0;
  margin-t\op:1px;
  }

#nav .sub_active a {
height:21px; 
text-decoration:none; 
line-height:20px;
 white-space:nowrap; 
 display:block; 
 float:left;
background:#2D4B99; 
  padding-top:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-bottom:0.5em;
   margin:0; 
   font-size:12px; 
   white-space:nowrap; 
   border:0;
   color:#000;
   }

#nav .select a:hover .sub li a,
#nav .select li:hover .sub li a {
display:block; 
background:#2D4B99; 
  padding-top:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-bottom:0.5em;
  margin:0;
   white-space:nowrap; 
   border:0; 
   color:#000;
    font-size:12px;
	}





/* formular */




table.formular {
	table-layout:fixed;
	position:absolute;
	top:3.6em;
	left:0;
	}
	
	td {
	font-weight:normal;
	line-height:115%;
	height:auto;
	width:auto;
	vertical-align:bottom;
font-size:0.8em;
padding-right:1em;
padding-bottom:1em;
        }




input, select, textarea
   { color:#000000;  
	}

 .bereich, .feld
   { background-color:#FFFFFF; 
   width:15.4em; 
   border:1px solid #CCCCCC; 
   font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
   }


 .auswahl
   { background-color:#FFFFFF; 
   width:200px; 
   border:1px solid #CCCCCC; 
   font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
   }
 
 
 .check, .radio
   { background-color:#FFFFFF; 
   border:1px solid #CCCCCC; 
   }
 
 
 .button
   { 
 
   color:#e7002a; 
   width:6.8em; 
   border:1px solid #CCCCCC; 

   }