/*******************
 * Initialisierung *
 *******************/

*      { padding: 0; margin: 0; }
body   { font: 11px Arial, Verdana; background: url("bilder/vertical.gif") repeat-y; width: 100%; }
img    { border: none; }
a      { text-decoration: underline; color: #000; }
ul, li { list-style: none; }
h4     { font: 11px Arial; font-weight: bold; margin-bottom: 4px; margin-left: 0; }

html, body { height: 100%; }

br { clear: left; }

form label { 
  display: block;
  width: 160px;
  float: left;
  font-weight: bold;
  margin-left: 10px;
  padding-top: 1px;
  line-height: 15px;
}

.red { color: #f00; font-size: 11px; }

select, input, textarea { 
  font: 11px Arial;
  display: block;
  width: 170px;
  margin: 0 0 5px 0;
  padding-left: 2px;
  float: left; 
}

option {
  font: 11px Arial;
  padding-left: 5px;
}


/* --- TITELSEITE --- */
/**/
#Home { position: absolute; top: 0; left: 0; }
img#titelbild {
  position: relative;
  padding-left: 1px;
  padding-top: 20px;
  /*padding-top: 200px;
  padding-left: 215px;*/
}

*html img#titelbild { margin-left: -3px; }

img#messe {
  position: absolute;
  top: 462px;
  left: 800px;
}
/*
img.emp { float: left; }
*/

#contact_images { float: left; }
#contact_images img { display: block; }

/* STARTSEITE */
hr { border: none; position: absolute; width: 100%; border-top: 1px solid #6C98AC; border-bottom: 0; height: 0; }
hr#one   { left: 0; top: 291px; z-index: 500; position: absolute; width: 100%; }
hr#two   { left: 0; top: 417px; z-index: 600; }
hr#three { left: 0; top: 452px; z-index: 700; }

/* html hr {  border: 0px; } */
/* --- LAYOUT --- */
/* border: 1px solid #6C98AC; */

#main {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1000px;
  min-height: 700px;
}
/* braucht einen IE-Workaround */
/* fuer min-height, min-width  */

#header_home {
  width: 100%;
  height: 95px;
  z-index: 51;
  
}

#header {
  width: 100%;
  height: 144px;
  /*height: 95px;*/
  /*border-top: 1px solid #6C98AC;*/
  border-bottom: 1px solid #6C98AC;
  z-index: 50;
}

#header #logo { 
  position: absolute;
  z-index: 100;
}
    
div#navibar {
  position: absolute;
  width: 100%;
  height: 24px;
  top: 24px;
  border-top: 1px solid #6C98AC;
  border-bottom: 1px solid #6C98AC;
  z-index: 60;
}

#header div#navibar {
  background-image: url("bilder/logo_end.gif");
  background-repeat: no-repeat;
  background-position: 215px 0;
}
  
div#navibar ul#navi { 
  width: 543px;
  height: 24px;
  /*margin: 0 0 0 199px;*/
  margin: 0 0 0 225px;
}
  
div#navibar ul#navi li {
  float: left; 
}
    
div#navibar ul#navi li a {
  height: 18px;
  padding: 6px 0 0 0;
  /*margin: 0 0 0 48px; */
  margin: 0 0 0 22px;
  float: left;  
}
  
#header #headline {
  position: absolute;
  width: 543px;
  height: 95px;
  margin: 0 0 0 215px;
  z-index: 5;
  
}
  
/*#header #headline img { margin: 79px 0 0 -1px; border: 1px solid red; }*/ 
/*#header #headline img { margin: 0; border: 1px solid red; } */ 

#body_wrapper {
  width: 100%;
  height: 564px;
}

#sub_navi {
  /*position: absolute;*/
  float: left;
  top: 0;
  width: 180px;
  height: 550px; 
  margin: 5px 0 0 33px;
  display: inline;     /* --- FÜR IE DOUBLE-FLOAT-BUG --- *//* ? noch noetig ? */
  /*border-left: 1px solid #6C98AC;
  border-right: 1px solid #6C98AC;*/
  z-index: 10;
  /*border: 1px solid yellow;*/
}
  
#sub_navi ul {
  /*position: absolute;*/
  margin-top: 10px;
  /*margin-left: -5px;*/
  margin-left: 15px;
}
  
#sub_navi ul li {
  padding: 0 0 9px 0;
  line-height: 1%;    /* ???? */
}

#sub_navi ul ul {
    margin-top: 0;       
}

*+html #sub_navi ul ul {
    margin-top: 10px;    
}

#content {
  float: left;
  width: 543px;
  margin: -96px 0 20px 2px;
  line-height: 22px;
  z-index: 2;
}

*html #content {  }

#content h4 { margin-left: 10px; }
#content p  { margin: 9px 0 20px 14px; width: 520px; }
*+html #content p { margin: 9px 0 20px 14px; width: 480px; }

#content p.link_follow { margin: 5px 0 0 10px; }


#content #left_imp { width: 250px; float: left; }
#content #right_imp { width: 250px; float: left; }

#content img { padding: 0; margin: 0; }
#content #headline_container { 
    height: 96px; 
    position: relative;
    /*border: 1px solid red; */   
}

.en #content img#headline {
    position: static; 
    margin-bottom: 1px;
}

.en #content #produkt_beschreibung {
    padding: 10px;
}

.en #content #produkt_beschreibung img {
    margin: 5px 0 25px 40px;
}

#content img#headline { 
    padding: 0; 
    margin: 0; 
    float: left; 
    position: absolute; 
    display: block; 
    bottom: 15px; 
    left: 15px    
}

  img#left {
    margin: 1px 0 0 0;
    padding: 0; 
    width: 200px;
    float: left;
  }
  
  div#rechts {
    margin: 0;
    width: 320px;
    padding: 10px;
    float: left;
  }
  
  #content #rechts h4 { margin-left: 0; }
  #content #rechts p { width: 320px; margin-left: 0; }
  
  #content ul#weg { padding-left: 20px; }
   
  #content ul#weg li {  list-style: disc outside none; }
  
  #content ul.productlist {
    margin: 0 0 0 10px;
  }
  
  #content ul.productlist a {
    color: #003882;
    text-decoration: none;
  }
  
  #content #produkt_beschreibung {
    float: left;
    height: 300px;
    width: 513px;
    /*padding: 10px 0 15px 15px;*/
  }
  
  #content #produkt_beschreibung p { margin-left: 0; }
  
  #content #produkt_beschreibung img {
    /*padding: 5px 0 23px 30px;*/
    display: block;
  } 
   
  #content #produkt_tabelle {
    width: 513px;
    /*padding: 50px 0 0 15px;*/
    padding: 0 0 0 15px;
  }
  
  #content table {
    width: 513px;
    font-size: 11px;
    background-color: #CFDEE5;
    border: 1px solid #6C98AC;
    border-collapse: collapse;
  }
  
  #content table td {
    padding: 4px 0 4px 10px;
    border-bottom: 1px solid #6C98AC;
  }
  
  #daten_parameter { width: 300px; }
  
  #daten_wert { width: 213px; }
    
  #content_right {
    margin-left: 1px;
    float: left;
    width: 240px;
  }
  #content_right img { margin: 0; padding: 0; }
  #content_right p {
    margin: 20px;
    line-height: 18px;
  }
  
/*  *html #content_right p { padding-top: 16px; } */
    

div#footer {
  clear: both;
  /*position: relative;*/
  width: 100%;
  height: 21px;
  /*top: 645px;*/
  /*margin-top: 200px;*/
  margin: 20px 0 30px 0;
  border-top: 1px solid #6C98AC;
  border-bottom: 1px solid #6C98AC;
  z-index: 200;
}

div#footer ul {
  width: 723px;
  height: 21px;
}

div#footer ul li {
  height: 16px;
  padding: 5px 0 0 0;
  float: left;
}
  
div#footer ul li a {
  margin: 0 0 0 64px;
  float: left;
}
  
div#footer #footer_english {
  width: 180px;
  /*margin: 0 0 0 34px;*/
  margin: 0 0 0 34px;
  
  /*padding: 5px 0 0 59px;*/
  padding: 5px 0 0 0;
  display: inline;
  background-color: #CFDEE5;      
}

div#footer ul li#footer_english a {
    margin: 0 0 0 10px;
}
  
div#footer #footer_home a {
    margin: 0 0 0 10px;    
}
  
div#footer #footer_impressum {
  /*margin: 0 30px 0 -20px;*/
  margin: 0 30px 0 0;
}

/* --- BUTTON WECHSEL --- */
/*
a img.over { display: none; }
a img.norm { display: block; }
a:hover { background-position: 0 0; }      --- FÜR IE HOVER-BUG --- 
a:hover img.over { display: block; }
a:hover img.norm { display: none; }
*/  
#content table#history col#year       { width: 40px; }
#content table#history col#occurrance { width: 280px; }
#content table#history { 
    background: none; /*width: 330px;*/
    border: none;
    border-collapse: collapse;
}

.en #content table#history {
    width: 330px;
}

#content table#history td { 
    padding: 0;
    border: none;
    background: none;
    vertical-align: top;
}

#content table#mitarbeiter { 
    background: none; /*width: 330px;*/
    border: none;
    border-collapse: collapse;
}

#content table#mitarbeiter td { 
    padding: 0;
    border: none;
    background: none;
    vertical-align: top;
}

input#sub { width: 140px; margin-left: 170px; }
input#res { width: 140px; margin-left: 170px; }

*html input#sub { width: 140px; margin-left: 90px; }
*html input#res { width: 140px; margin-left: 90px; } 

/*#content #content_image { margin-top: 1px; }*/


#content_right img.sign {
    margin: 10px 0 0 10px;
}

.product_links {
    margin-left: 10px;
}

ul.zertifikate {
    margin-left: 10px;
    
}

ul.zertifikate li {
    margin-right: 70px;
    display: block;
    float: left;
}