
  <!--

td.head { font-size:11pt;font-family:verdana,helvetica;color:#f0f0f5;font-weight:bold }
a.top   { font-size:11pt;font-family:verdana,helvetica;color:#f0f0f5;font-weight:bold }
td.mmen { font-size:9pt;font-family:verdana,helvetica;color:#f0f0f5;font-weight:bold }
td.umen { font-size:9pt;font-family:verdana,helvetica;color:#f0f0f5 }
td.hlin { font-size:11pt;font-family:verdana,helvetica;color:black;font-weight:bold }
td.body { font-size:9pt;font-family:verdana,helvetica;color:black;line-height:12pt;margin:5px }
td.bodyw { font-size:9pt;font-family:verdana,helvetica;color:#ffff33;font-weight:bold;line-height:12pt;margin:5px;}
td.bighead { font-size:32pt;font-family:verdana,helvetica;color:#ffff33;font-weight:bold }
td.small { font-size:7pt;font-family:verdana,helvetica;color:black;margin:5px }
div.info { font-size:9pt;font-family:verdana,helvetica;color:black;margin:5px }
div.min { font-size:7pt }
a { color:#000000 }
a:link { color:#000000 }
a:visited { color:#404040 }
a:active { color:#000080 }
a.a2 {text-decoration:underline; color:#000000 }
a.a2:active { text-decoration:underline; color:#000080 }
a.a2:visited { text-decoration:underline; color:#000080 }
a.a2:link { text-decoration:underline; color:#000080 }
a.start {color:#ffff33}
a.start:link { color:#ffff00}
a.start:active { color:#ffff00}
a.start:visited {color:#ffff00}
a.al2:link { text-decoration:none; color:#000000 }
a.al2:visited { text-decoration:none; color:#404040 }
a.a2:active { text-decoration:none; color:#000080 }
a.men { text-decoration:none; color:#f0f0f5 }
a.men:link { text-decoration:none; color:#f0f0f5 }
a.men:visited { text-decoration:none; color:#eaeaf0 }
a.men:active { text-decoration:none; color:#f0f0f5 }
a.umen { text-decoration:none; color:#f0f0f5 }
a.umen:link { text-decoration:none; color:#f0f0f5 }
a.umen:visited { text-decoration:none; color:#eaeaf0 }
a.umen:active { text-decoration:none; color:#f0f0f5 }
#BF {
      color:black;                 /*Bauformen*/
      line-height:16pt;
     font-weight:bold;
      font-size:12pt;
}
#Zustab {                           /* Zusatztabelle*/
      line-height:14pt;
      font-weight:normal;
      padding-left: px;
      padding-right: 10px;
      font-size:10pt;
      background-color: white;/* relativ positioniert */
}
#Kato {font-family:verdana,helvetica;    /* KATALOG-Box für Inhalt, "Hier können Sie unseren Katalog downloaden..."  */
      width: 150px;
      height: 120px;
      color:black;
      line-height:12pt;
      margin-top: 5px;
      padding-left:0px;
      font-weight:normal;
      font-size:10pt;
      background-color: #f0f0f5;
      position: relative;top: 20px; left: 0px;
}
#Kato.fi {                            /* KATALOG Inhalt    */
      width: 190px;
      line-height:12pt;
      font-weight:normal;
      font-size:10pt;
      background-color: #f0f0f5;/* relativ positioniert */

}
#Kat                                      /* KATALOG-Box   für die Formatierung Zeitrelais  */
{
      font-family:verdana,helvetica;
      width: 200px;
      height: 200px;
      color:black;
      line-height:16pt;
      margin-top: 10px;
      font-weight:bold;
      padding-left: 10px;
      font-size:12pt;
      background-color: #f0f0f5;
      position: relative;top: 0px; left: 4px;
}
#Kat.b {                                /* KATALOG     */
      width: 90px;
      height: 20px;
      position: relative;top: -25px; left: 50px;
      }
#Katalog{                                        /* Katalog Formatvorlage:"frei"  */
      font-family:verdana,helvetica;
      width: 200px;
      height: 200px;
      color:black;
      padding-left: 10px;
      line-height:16pt;
      margin-top: 10px;
      font-weight:bold;
      font-size:12pt;
      background-color: #f0f0f5;
      position: relative;top: 0px; left: 25px;
}
#Katalog.frei {                                 /* Katalog */
      width: 90px;
      height: 20px;
      position: relative;top: -25px; left: 50px;
      }

#UEB {                                     /* Überschriften*/
      width: 500px;
      font-family:verdana,helvetica;
      color:black;
      line-height:16pt;
      margin: 10px;
      padding-left:10px;
      font-weight:bold;
      font-size:12pt;
      background-color: #f0f0f5;
      position: relative;top: 0px; left: 10px;
      }
#UEB.body {                              /* Textinhalte wie z.b der Inhalt von Beschreibung oder Funktion */
      width:500px;
      line-height:12pt;
      font-weight:normal;
      font-size:10pt;
      background-color: white;/* relativ positioniert */
      margin-bottom:25px;
      }

#Panel {                                     /* Text für die Panels bei den Bedieneinheiten (Unterschied: kein linkes padding!) */
      width: 500px;
      font-family:verdana,helvetica;
      color:black;
      line-height:12pt;
      margin: 10px;
      font-weight:normal;
      font-size:10pt;
      background-color: white;
      position: relative;top: 0px; left: 30px;
      }

#disclaim {                              /* wie UEB.body, aber breit und Start ganz links für Disclaimer */
      width:550px;
      font-family:verdana,helvetica;
      color:black;
      line-height:12pt;
      font-weight:normal;
      font-size:8pt;
      background-color: white;/* relativ positioniert */
      margin-bottom:25px;
      padding-left:0px;
      margin-left:0px;
}


ul.weit li{                                       /*Aufzählung <ul> */
    padding-left:0px;
    position: relative; left:-20px;
    margin-top: -10px;
}
#seiten{                                          /* Textdefinition der "normalen" Seiten */
      width: 600px;
      font-family:verdana,helvetica;
      color:black;
      line-height:12pt;
      margin: 10px;
      margin-bottom:25px;
      padding-left:10px;
      padding-bottom:20px;
      font-weight:normal;
      font-size:10pt;
      background-color: white;/* relativ positioniert */
      position: relative;top: 10px; left: 10px;
      }
#Seitenueberschrift { width: 450px;                              /* Überschrift der Seite ---> Nennung des Produkts */
      font-family:verdana,helvetica;
      color:black;
      line-height:18pt;
      margin: 10px;
      font-weight:bold;
      font-size:13pt;
      background-color: #ffffff;
      position: relative;top: 0px; left: 10px;
      }
#Tab {                                          /* Bestelltabelle*/
     font-family:verdana,helvetica;
     color:black;
     line-height:12pt;
     margin: 10px;
     border: 0px;
     padding-left:10px;
     font-weight:normal;
     font-size:12pt;
     position: relative;top: 0px; left: 10px;
}

#aufzaehlung {                                            /* Aufzählungen */
      list-style:none;
      width: 500px;
      font-family:verdana,helvetica;
      background: url(pics_navi/pfeil.gif) no-repeat;
      background-position: relative; top:0px;
      padding-left: 20px;
      color: black;
      font-weight:normal;
      font-size:10pt;
      line-height:14pt;
      margin-bottom: 5px;
      position: relative;top: 0px; left: 30px;

}
#Titel {/* Titel ---> im blauen Balken! */
      width: 700px;
      position: relative;top: -3px; left: -3px;
      font-size:13pt;
}
#start {                  /*Startseite */
      width: 500px;
      font-family:verdana,helvetica;
      background-position: 0px;
      padding-left: 20px;
      color: black;
      font-weight:normal;
      font-size:10pt;
      line-height:12pt;
      margin: 0px;
      position: relative;top: 0px; left: 0px;
      }
#start.write{            /*Startseite */
      width: 450px;
      background-color: white;/* relativ positioniert */
      }
#news {                    /*Startseite NEWS*/
      font-family:verdana,helvetica;
      background-position: 0px;
      padding-left: 30px;
      color: black;
      font-weight:normal;
      font-size:10pt;
      line-height:12pt;
      margin: 0px;
      background-color: #f0f0f5;/* relativ positioniert */
      border
      }
      
#Ueberschrift { width: 450px;           /* News */
      font-family:verdana,helvetica;
      color:black;
      line-height:16pt;
      margin-left: 10px;
      padding-left: 10px;
      margin-top: 20px;
      font-weight:bold;
      font-size:12pt;
      background-color: #f0f0f5;
      position: relative;top: 0px; left: 10px;
      }
#Ueberschrift.new {                    /* News */
      width:190px;
      line-height:18pt;
      font-weight:bold;
      font-family:verdana,helvetica;
      font-size:13pt;
      background-color: white;/* relativ positioniert */
      margin-bottom:10px;
      margin-top:10px;
      background-color: #f0f0f5;
      padding-left:-180px;
}
#aufzli {                  /*  AUfzählungsliste für Tester im Menüpunkt Firme, gerinerer width-Wert */
      width: 400px;
      font-family:verdana,helvetica;
      background: url(pics_navi/pfeil.gif) no-repeat;
      background-position: relative; top:0px;
      padding-left: 20px;
      color: black;
      font-weight:normal;
      font-size:10pt;
      line-height:14pt;
      margin-bottom: 5px;
      position: relative;top: 0px; left: 30px;
}
#indexliste {      /* Aufzählung auf der Indexseite */

      width: 450px;
      font-family:verdana,helvetica;
      background: url(pics_navi/pfeil.gif) no-repeat;

      padding-left: 20px;
      color: black;
      font-weight:normal;
      font-size:10pt;
      line-height:14pt;
      margin-bottom: 5px;
      position: relative;top: 0px; left: -5px;
}
#newsliste {      /* Aufzählung der news auf dem Index*/

      width: 250px;
      font-family:verdana,helvetica;
      background: url(pics_navi/pfeil2.gif) no-repeat;
      padding-left: 20px;
      color: black;
      font-weight:normal;
      font-size:10pt;
      line-height:14pt;
      margin-bottom: 5px;
      position: relative;top: 0px; left: -5px;
}
#inexliste.breit {         /*   Größen-Inhalt bei aufzählung  */
      width: 600px;
}

#Firma { width: 450px;                       /* für Testerseite im Menüpunkt Firma */
      font-family:verdana,helvetica;
      color:black;
      line-height:16pt;
      margin-left: 10px;
      margin-top: 20px;
      padding-left:10px;
      font-weight:bold;
      font-size:12pt;
      background-color: #f0f0f5;
      position: relative;top: 0px; left: 10px;
      }
#Firma.Inhalt {                                      /* für Testerseite im Menüpunkt Firma */
      width:430px;
      line-height:12pt;
      font-weight:normal;
      font-size:10pt;
      background-color: white;/* relativ positioniert */
      margin-bottom:10px;
}
#Tabelle {
  width: 140px;
  height: 100%;
  position: top: 100px; left:20px;
  background-color: #C2C1D;
}
#main {color: #f0f0f5; margin-left:129px; margin: -1px 0 0 -1px 5%; border-left: 1px solid;}
div#nav {font-family:verdana; font-size:9pt; width: 1px; float:left; margin-top: 20px;}
div#nav ul {margin-left:-1px; margin-top: 0; padding:0; width: 129px; background: #f0f0f5; border: 1px solid #403;z-index:1;}
div#nav li {position:relative; list-style: none; margin:0; border: 1px solid #CCC; z-index:1;}
div#nav li:hover {background: #ffffff;}
div#nav li.sub {background: url(pics_navi/pf_re2.gif) 98% 50% no-repeat;}
div#nav li.sub:hover {background-color: #F0F809;}
div#nav li a {display:block; padding: 0.5em 0 0.25em 0.5em; text-decoration:none;}
div#nav>ul a {width: auto;}
div#nav ul ul {position:absolute; top:0px; left: 128px; width:220px; margin-left:0px; margin-top:-1px; display:none; z-index:1;}
div#nav ul.level1 li.sub:hover ul.level2,
div#nav ul.level2 li.sub:hover ul.level3 {display:block;}
div#nav ul.level3 {position:absolute; top:0px; left:219px; margin-top:-2px;}
</style>