BODY {BACKGROUND-COLOR: #F6FAFD; COLOR:#000000; MARGIN: 0px;FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;}

TABLE {FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE: 101%}
TD {FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE: 101%}

A:link {COLOR: #E81810;	TEXT-DECORATION: underline;BACKGROUND-COLOR: #F6FAFD;}
A:visited {COLOR: #E81810; TEXT-DECORATION: underline;BACKGROUND-COLOR: #F6FAFD;}
A:active {COLOR: #000000; TEXT-DECORATION: underline; BACKGROUND-COLOR: #F6FAFD;}
A:hover {COLOR: #000000;TEXT-DECORATION: underline;BACKGROUND-COLOR: #F6FAFD;}

A.hlgross:link {COLOR: #E81810; TEXT-DECORATION: none;BACKGROUND-COLOR: #F6FAFD;}
A.hlgross:hover {COLOR: #ADD8E6; TEXT-DECORATION: underline;BACKGROUND-COLOR: #ADD7FB;}

A.leftnavimark:visited {COLOR: #000000; TEXT-DECORATION: underline;BACKGROUND-COLOR: #ADD7FB;}

A.leftnavi {COLOR: #E81810; TEXT-DECORATION: underline;height:17px;BACKGROUND-COLOR: #F6FAFD;}
A.leftnavi:hover {COLOR: #000000; TEXT-DECORATION: underline;	height:17px;BACKGROUND-COLOR: #ADD7FB;}

HR {height: 1pt;}

IMG.left {margin-bottom: 5px; margin-right: 15px; margin-top: 2px} 
IMG.right {margin-bottom: 5px;margin-left: 15px; margin-top: 2px} 

.headline {background-color:#6C99A9; padding: 2px 5px 2px 5px; margin: 5px 0px 5px 0px; color:#FFFFFF; FONT-SIZE: 135%; FONT-WEIGHT: bold}

.fsize1 {FONT-SIZE: 90%; FONT-STYLE: normal}
.fsize2 {FONT-SIZE:101%; FONT-STYLE: normal}
.fsize3 {FONT-SIZE:150%; FONT-STYLE: normal}
.hornav{FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE: 90%; color: #333333;BACKGROUND-COLOR: #F6FAFD;}
.fussnote{FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE: 90%; color: #333333;BACKGROUND-COLOR: #F6FAFD;}
.hlnormal{FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE:130%; FONT-WEIGHT: bold}
.hlmiddle{FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE:140%; FONT-WEIGHT: bold}
.hlgross{FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE:180%; FONT-WEIGHT: bold;TEXT-DECORATION: none}
.textklein{FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE: 80%}
.leftnavi {COLOR: #000000; TEXT-DECORATION: none;height:17px;BACKGROUND-COLOR: #F6FAFD;}
.leftnavimark {COLOR: #000000; TEXT-DECORATION: none;height:17px; BACKGROUND-COLOR: #ADD7FB;}


INPUT {FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE: 101%}
TEXTAREA {FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE: 101%}
SELECT {FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE: 90%}

/* haengt die Labels rechtsbuendig an einer imaginaeren Mittelachse 5em von links auf und kontrolliert den Abstand zu den Kontrollelementen:
   die naechsten zwei sind beliebig anpassbar, um in das jeweilige Gestaltungsraster (Sie verwenden doch ein Gestaltungsraster, oder?) 
   zu passen. Bei Aenderungen aber nicht vergessen, die margins bei input.right entsprechend anzupassen: */
label.left {float:left; text-align:right;width:11em; margin-right: .3em;}
label.lefttop {text-align:left; margin-left: 1em; width:28em; }
label.textmitte {text-align:left;width:25em; margin-left:11.5em; margin-right: .3em;}
label.textlinks {float:left; text-align:left; margin-left: 2.5em;}
label.leftbold {float:left; text-align:left;width:14em; margin-right: .3em; margin-left: .3em;FONT-WEIGHT:bold;}
label.leftboldwidth {float:left; text-align:left;width:25em; margin-right: .3em; margin-left: .3em;FONT-WEIGHT:bold;}
label.right{FONT-SIZE: 85%;COLOR:#990000;BACKGROUND-COLOR: #F6FAFD;}
label.pflichtfeld     {float:left;width:0.7em;text-align:center;}
label.zusatz          {FONT-SIZE: 85%; margin-left:3.5em}


/*  positioniert die Text- und Auswahlboxen rechts daneben: */
input[type=text],select {float:left;}

/*  dann werden alle checkboxen und radiobuttons, die mit der Klasse "right" versehen wurden, um den errechneten linken Abstand der input und select-Elemente (s.o.) nach rechts verschoben: */
input.right {float:left; width:auto; clear:both; margin-left:11.3em; margin-right:.3em;}

/*  Extrawurst fuer Mozilla, keine Ahnung, warum das so ist. Feedback und Loesungsvorschlaege willkommen */
input[type=checkbox].right,input[type=radio].right,input[type=submit].right {margin-left:12.3em;}

/*  Nicht vergessen, die floats wieder aufzuheben, sonst floatet es munter weiter */
form br {clear:both;}

/*  fuer grafische UAs und DAUs der Hinweis, dass die Label anklickbar sind. Weil's so schoen ist, die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen Sinn, dort sollte nach wie vor die Text-Einfuegemarke als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, button und submit: */
label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer;}

/*  legt den vertikalen Abstand der einzelnen Elemente zueinander fest */
form {line-height:180%;}