body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    background-image: url("images/hint-kopf/hintergrund.gif");
    background-repeat: repeat-x;
    background-position: 0 0;
}


/* Formatierung der Seite selbst */
#kopf {
    width: 1024px;
}


/* Positionen der Bilder und der Hauptsteuerung */
#hintoben    { position: absolute;  left:  0px;   top:  0px;  width: 1024px; height: 121px;  background-color: #FFFFFF; }
#kopflogo    { position: absolute;  left: 45px;   top: 24px;  width: 99px;   height:  70px; }
#kopflinks   { position: absolute;  left: 192px;  top:  2px;  width: 317px;  height:  95px; }
#kopfrechts  { position: absolute;  left: 511px;  top: 20px;  width: 513px;  height:  99px; }
#kopfsteuer1 { position: absolute;  left: 511px;  top:  2px;  width: 513px;  height:  18px;  font-size: 11px;  background-color: #BDBEC0; }


/* Steuerung oben rechts */
.kopfsteuer1punkt {
    font-size: 9px;
    letter-spacing: 1px;
    padding: 0 10px;
}

.kopfsteuer1punkt a {
    color: #FFFFFF;
    text-decoration: none;
}

.kopfsteuer1punkt a:hover {
    color: #000000;
}

.trennerweiss1 {
    vertical-align: middle;
    width: 1px;
    height: 8px;
}

#kopfhauptsteuer {
    background-color: #FFFFFF;
}

#kopfhauptsteuer div {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    height: 21px;
    padding-top: 3px;
    border: 1px solid #AAABAF;
    background-color: #E1E2E4;
    float: left;
}

#kopfhauptsteuer div#unternehmen {
    position: absolute;
    left:  241px;
    top:    99px;
    width: 143px;
}
#kopfhauptsteuer div#produkte {
    position: absolute;
    left:  388px;
    top:    99px;
    width: 119px;
}
#kopfhauptsteuer div#download {
    position: absolute;
    left:  511px;
    top:    99px;
    width: 116px;
}
#kopfhauptsteuer div#news {
    position: absolute;
    left:  631px;
    top:    99px;
    width: 120px;
}
#kopfhauptsteuer div#kontakt {
    position: absolute;
    left:  755px;
    top:    99px;
    width:  88px;
}
#kopfhauptsteuer div.aktuell {
    background-color: #AAABAF;
    color: #FFFFFF;
}

#kopfhauptsteuer div a {
    text-decoration: none;
    color: #616161;
}

#kopfhauptsteuer div a:hover {
    color: #FFFFFF;
}

#kopfhauptsteuer div a.aktuell {
    color: #FFFFFF;
}

/* Position der Hauptsteuerung */
/*#kopfhauptsteuer {
    position:absolute;
    left: 250px;
    top: 97px;
    margin-left: 2px;
    background-color: #FFFFFF;
}*/


/* Die Bilder der Hauptmenüpunkte haben 2 Pixel linken Rand */
#kopfhauptsteuer img { margin-left: 2px; }


#suchfeld {
    border: 1px solid #FFFFFF;
    background-color: #C0C0C0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #696969;
    width: 100px;
    height: 13px;
    padding: 0 1px;
    margin-left: 20px;
}


#sprachwahlfeld {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #C0C0C0;
    border: 2px solid #FFFFFF;
    color: #696969;
    font-size: 9px;
    width: 90px;
    height: 15px;
    margin-left: 8px;
    vertical-align: middle;
}

.formfield {
    color: #A9ABAE;
    font-size: 9px;
    background-color: silver;
    border: solid 1px white;
    width: 90px;
    height: 15px;
    margin-left: 10px;
}


form {
    display:inline;
}


/* --------------
   Untersteuerung
   -------------- */

#suchbereich {
    position: absolute;
    left:     0px;
    top:    121px;
    width:  257px;
    height:  27px;
    padding-top: 3px;
    background-color: #A9ABAE;
}

#untermenuebereich {
    position: absolute;
    left:   257px;
    top:    121px;
    width:  737px;
    height:  27px;
    padding-top: 4px;
    background-color: #A9ABAE;
}


/* Format der Tabellenzelle in denen die Untermenüpunkte stehen */
#untermenuebereich div {
    display: inline;
    margin: 0;
    padding: 0 8px;
}


/* Format der Untermenü-Links */
#untermenuebereich a {
    font-size: 11px;
    letter-spacing: 1px;
    padding: 2px;
    color: #FFFFFF;
    text-decoration: none;
}

#untermenuebereich a:hover {
    color: #000000;
}

.trennerweiss2 {
    vertical-align: textbottom;
    width: 1px;
    height: 9px;
}

.chinesisch {
    font-size: 14px;
}