body, html{
  margin: 0px;
  padding: 0px; 
  background-color:#ffffff;
  font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;   
  color:#333333;
  font-size:12px;
  line-height: 14px;
}

img { border: none }
  	
h1{   margin: 0px 0px 0px 0px;font-size:18px;color:#2e2e2e2; font-family: "Verdana", Tahoma, Helvetica, sans-serif; font-weight:normal;}
h2{   margin: 0px 0px 0px 0px;font-size:14px;color:#001487;}
h3{   margin: 0px 0px 0px 0px;font-size:16px;color:#001487;}
h4{   margin: 0px 0px 0px 0px;font-size:18px;color:#001487;}
h5{   margin: 0px 0px 0px 0px;font-size:20px;color:#333333;}
h6{   margin: 0px 0px 0px 0px;font-size:24px;color:#626166;}

.align-center {text-align:center; margin:0px 0px 0px 0px;}
.align-right {text-align:right; margin:0px 0px 0px 0px;}
.align-justify {text-align:justify; margin:0px 0px 0px 0px;}
.align-left {text-align:left; margin:0px 0px 0px 0px;}

ol { list-style-type: Verdana, Tahoma, Helvetica, sans-serif; 
   margin-top: 0px; 
   margin-bottom: 0px; }
   
ul { list-style-image: url("../img/haken.jpg");
   margin-top: 0px; 
   margin-bottom: 0px; } 
   


/* links*/
a.text:link { color: #333333; text-decoration:underline; }
a.text:visited { color: #656565; text-decoration:underline; font-style:italic;}
a.text:hover { color: #656565; text-decoration:underline; font-style:italic;}
a.text:active { color: #656565; text-decoration:underline; font-style:italic;}

a.internal-link:link { color: #333333; text-decoration:underline;}
a.internal-link:visited { color: #656565; text-decoration:underline; font-style:italic;}
a.internal-link:hover { color: #656565; text-decoration:underline; font-style:italic;}
a.internal-link:active { color: #656565; text-decoration:underline; font-style:italic;}

a.download:link { color: #333333; text-decoration:underline;}
a.download:visited { color: #656565; text-decoration:underline; }
a.download:hover { color: #656565; text-decoration:underline; font-style:italic;}
a.download:active { color: #656565; text-decoration:underline; font-style:italic; }

a.mail:link { color: #333333; text-decoration:underline;}	
a.mail:visited { color: #656565; text-decoration:underline; font-style:italic; }
a.mail:hover { color: #656565; text-decoration:underline; font-style:italic;}
a.mail:active { color: #656565; text-decoration:underline; font-style:italic; }	

	
#container{
  width:auto;
  background-image: url(../img/wrapper.jpg);
}

#wrapper{
  width: 980px;
  height: 725px;
  background-color:#ffffff;
}

#kopfzeile{
  width:961px;
  height: 20px;
  padding-top: 30px;
  text-align:right;  
  background-color:#ffffff;
}

#rootline {
  float:left;
  padding-left: 40px;
} 


#maske {
position:absolute;
left:40px;
top: 30px;
} 	
	
#impressum {
  float:right;
  margin-right: -20px;
} 	

#language {
  float:right;
} 

#intro{
  float:left;
  padding-right: 20px;
  width: 960px;
  height: 360px;
  background-color:#eeeeee;
}

#illustration{
  float:left;
  width: 490px;
  height: 360px;
  background-color: black;
}

#logo{
  position:absolute;
  top: 50px;
  left: 40px;
  width: 195px;
  height: 360px;
}

#content{
  float:left;
  width: 490px;
  height: 360px;
  background-color:#eeeeee;
}

#text{
  width: 430px;
  height: 310px;
}

#inhalt{
  margin-top: 25px;
  margin-left: 20px;
  width: 470px;
  height: 310px;
  overflow: auto;
  overflow-x: hidden;
}

#rechts{
  position:absolute;
  top: 390px;
  left: 959px;
  width: 1px;
  height: 25px;
  background-color:#333333;

}  

/*#rechts{
  float:left;
  width: 21px;
  height: 360px;
  background-image: url(../img/bg_rechts.jpg);
}*/

#slogan{
  padding-left: 45px;
  clear: both;
  width: 935px;
  height: 30px;
  background-color:#2e2e2e;
  font-family: "Verdana", Tahoma, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size: 22px;
  line-height: 30px;
}

#menue{
  width: 980px;
  height: 285px;
  /*background-image: url(../img/bg_menue.jpg);*/
}

#produkte {
position:absolute;
  overflow: hidden;
  width: 165px;
  top: 477px;
  left: 40px;
}

#anwendungen {
position:absolute;
  overflow: hidden;
  width: 240px;
  top: 477px;
  left: 215px;
}

#unternehmen {
  position:absolute;
  overflow: visibly;
  width: 165px;
  top: 477px;
  left: 410px;
}

#kontakt{
  position:absolute;
  overflow: visibly;
  width: 165px;
  top: 500px;
  left: 410px;
}

.navigation{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #4c4c4c;  
  text-decoration:none;
}

.navigation:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #2c2c2c;  
  text-decoration:none;
}

.navigation_active{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #2c2c2c;  
  text-decoration:none;
}




.subnavigation{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #4c4c4c;  
  text-decoration:none;
  margin-left: 10px;
  line-height: 18px;
}

.subnavigation:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #2c2c2c;  
  text-decoration:none;
  margin-left: 10px;
  line-height: 18px;
}

.subnavigation_active{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #2c2c2c;  
  text-decoration:none;
  margin-left: 10px;
  line-height: 18px;
}

.rootline{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #999999;  
  text-decoration:none;
}

.rootline:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #4c4c4c;  
  text-decoration:none;
}

.platzhalter{
  margin-top: -12px;
  color: #ffffff;  
}

#anzeige{
position:absolute;
top:577px;
left: 685px;
  width: 250px;
  height: 100px;
  /*background-color:#99FF66;*/
}