BODY                  {margin:0px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;}
TABLE                 {FONT-SIZE:  11px;}
TD                    {FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; FONT-SIZE: 11px; COLOR: #111111}




.logooben	      {text-align:center; background-image:URL(../images/hg-logo.gif); align:center; width:756px;}
.blatt		      {text-align:center; background-image:URL(../images/hg.gif); width:756px;}



a:link                {COLOR: #0c0c0c; TEXT-DECORATION: underline}
a:visited             {COLOR: #006319; TEXT-DECORATION: underline}
a:active              {COLOR: #006319; TEXT-DECORATION: underline}
a:hover               {COLOR: #006319; TEXT-DECORATION: underline}

a.hlgross:link        {COLOR: #000000; TEXT-DECORATION: none}
a.hlgross:hover       {COLOR: #ADD8E6; TEXT-DECORATION: underline}

HR                    {height: 1pt;}


H1                    {FONT-SIZE: 180%}
H2                    {FONT-SIZE: 180%; COLOR: #006319;}
H3                    {FONT-SIZE: 134%; COLOR: #006319;}
H4                    {FONT-SIZE: 134%}
H5                    {FONT-SIZE: 111%; COLOR: #006319; FONT-WEIGHT: normal}
H6                    {FONT-SIZE: 90%; FONT-WEIGHT: normal}



/* 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: */
fieldset              {font-size: 101%}
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: 80%;COLOR: #990000;}
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%;}
.FormsHead            {background-color:#333C69; padding: 5px; color:#FFFFFF;FONT-SIZE:150%; FONT-STYLE: normal;}