body
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
font-size: 9pt;
}

/* Allgemeines */
.rot { color:#CC4444;font-weight:bold; }
.form { padding:0px;margin:0px; }
.buttonfett {font-family: Arial, Helvetica, sans-serif;font-size:9pt;width:160px;color:#333333;font-weight:bold;margin:5px 0px 0px 0px;padding:1px;}

/* Header */

#header
{
position:absolute;left:20px;top:10px;
width:976px;
margin:0px;
padding:0px;
}

/* Infonavigation */

#infonavi
{
color: #666666;
position:absolute;right:10px;top:78px;
font-size:8pt;
margin:0px;
padding:0px;
}

#infonavi span {
  margin:0px 2px 0px 5px;
}

#infonavi li {
  display: inline;
  padding:0px 0px 0px 0px;
}

#infonavi a {
  text-decoration:none;
  color: #666666;
  text-transform:uppercase;
  padding:0px 0px 0px 0px;
}

#infonavi a:hover {
  text-decoration:underline;
}

/* Staffelnavigation */

#staffelnavi
{
position:absolute;left:0px;top:100px;
width:976px;
height:29px;
background-color:#DDDDDD;
margin:0px;
padding:0px;
}

#staffelnavi .aktiv
{
color:#333333;
font-weight:bold;
text-align:center;
padding-top:8px;
text-transform:uppercase;
}

#staffelnavi a { background-color: #C4263A;text-transform:uppercase; color:#FFFFFF; text-decoration:none; display:block;font-weight:bold;text-align:center;padding-top:7px;padding-bottom:7px;}
#staffelnavi a:hover { background-color: #E6143C; }

/* Mainbereich */

#main
{
position:absolute;left:20px;top:139px;
width:976px;
height:1500px;
background-color:#DDDDDD;
margin:0px;
padding:0px;
}

/* Links */

#links
{
position:absolute;left:10px;top:10px;
}

#links .weiss
{
background-color:#FFFFFF;
padding:10px;
margin-top:20px;
}

#links .kasten
{
margin:0px;
padding:2px 2px 0px 2px;
color:#555555;
background-color:#FFFFFF;
border:5px solid #DDDDDD;
}

#links h6
{
margin:0px;
padding:0px;
font-size:7pt;
color:#999999;
}

#links a:link { color: #333333; text-decoration:none; }
#links a:visited { color: #333333; text-decoration:none; }
#links a:hover { color: #CC3333; text-decoration:underline; }
#links a:active { color: #333333; text-decoration:none; }

/* Dienstenavigation */

#dienstenavi
{
width:234px;
height:100%;
margin:0px;
padding:0px;
list-style-type:none;
background-color:#FFFFFF;
}

#dienstenavi ul
{
list-style-type:none;
padding:0px;
margin:0px;
}

#dienstenavi li
{
padding:0px;
margin:0px;
font-size:9pt;
border-bottom:2px solid #DDDDDD;
line-height:22px;
}

#dienstenavi .aktiv
{
padding-left:22px;
padding-top:1px;
padding-bottom:1px;
font-size:9pt;
background-color:#FFFFDD;
background-image:url(../img/pfeil.gif);
background-repeat:no-repeat;
background-position: 10px 3px;
}

#dienstenavi .passiv
{
padding-left:22px;
padding-top:1px;
padding-bottom:1px;
font-size:9pt;
background-image:url(../img/pfeil.gif);
background-repeat:no-repeat;
background-position: 10px 3px;
}

#dienstenavi a:link { color: #333333; text-decoration:none; display: block;  }
#dienstenavi a:visited { color: #333333; text-decoration:none; display: block; }
#dienstenavi a:hover { color: #333333; background-color:#FFFFDD; text-decoration:none; display: block;  }
#dienstenavi a:active { color: #333333; text-decoration:none; display: block;  }

/* Mitte */

#mitte
{
position:absolute;left:254px;top:10px;
width:502px;
background-color:#FFFFFF;
}

/* Content */

#content
{
margin:20px;
background-color: #FFFFFF;
color:#333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content h1
{
font-size:11pt;
background-color:#FFFFDD;
text-transform:uppercase;
padding:8px;
margin:0px 0px 20px 0px;
color: #444444;
border:2px solid #DDDDDD;
}

#content h5
{
font-size:11pt;
text-transform:uppercase;
padding:0px;
margin:0px 0px 10px 0px;
color: #333333;
}

#content h6
{
font-size:10pt;
padding:0px;
margin:10px 0px 0px 0px;
color: #333333;
}

#content fieldset
{
border:2px solid #DDDDDD;
padding:0px 10px 0px 10px;
margin:25px 0px 25px 0px;
text-align:left;
font-size:10pt;
}

#content legend
{
font-size:10pt;
color:#333333;
font-weight:bold;
padding:0px 10px 0px 10px;
margin:0px;
background:none;
}

#content .box
{
padding:10px 0px 10px 0px;
}

#content label
{
color:#333333;
font-size:10pt;
margin:0px 3px 3px 0px;
padding:0px;
width:120px;
display:block;
float:left;
clear:left;
}

#content p
{
text-align:justify;
font-size:10pt;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
}

#content ul
{
list-style-type:none;
padding:0px;
margin:0px 0px 10px 20px;
}

#content li
{
padding:0px;
margin:5px 0px 5px 0px;
font-size:10pt;
color: #333333;
}

#content .first
{
margin:0px;
}

#content .links
{
float:left;
width:80px;
padding:0px;
margin:0px;
}

#content .rechts
{
padding:0px;
margin:0px;
}

#content .klein
{
font-size:8pt;
color:#333333;
margin-bottom:10px;
}

#content .frage
{
list-style-type:square;
padding:0px 0px 5px 5px;
margin:0px 0px 0px 20px;
font-size:9pt;
}

#content .auswahl
{
margin:0px;
}

#content .weiter
{
margin:0px 0px 0px 10px;
width:30px;
}

#content .absatz
{
margin-bottom:20px;
}

#content td
{
font-size:9pt;
}

#content a:link { color: #333333; text-decoration:underline; }
#content a:visited { color: #333333; text-decoration:underline; }
#content a:hover { color: #CC4444; text-decoration:underline; }
#content a:active { color: #333333; text-decoration:underline; }

/* Rechts */

#rechts
{
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
position:absolute;left:766px;top:10px;
width:200px;
margin:0px;
padding:0px;
}

#rechts .weiss
{
background-color:#FFFFFF;
margin-bottom:10px;
padding:10px;
}

#rechts .rand
{
border:1px solid #DDDDDD;
padding:0px;
}

#rechts h6
{
margin:0px;
font-size:9pt;
background-color:#DDDDDD;
color:#444444;
padding:3px;
}

#rechts p
{
margin:0px;
padding:5px;
line-height:17px;
}

#rechts .versand
{
font-size:8pt;
color:#999999;
text-align:right;
padding-bottom:1px;
}

#rechts .form
{
padding:0px;
margin-bottom:10px;
}

#rechts table
{
width:178px;
}

#rechts td
{
border:1px solid #DDDDDD;
font-size:9pt;
}

#rechts td .li
{
width:120px;
}

#rechts a:link { color: #333333; }
#rechts a:visited { color: #333333; }
#rechts a:hover { color: #CC3333; }
#rechts a:active { color: #333333; }

/* Sonstiges */

label { color:#333; font-size:1em; margin:0 3px 3px 0; padding:0; line-height:1.5em; width:120px; display:block; float:left; clear:left;}
input.kontakt {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:300px; background:#fff;}
input.login {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:200px; background:#fff;}
input.anmeldung {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:240px; background:#fff;}
input.fix {color:#555; border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:240px; background:#fff;}
input:focus {border-color:#9F0000;}
select {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; background:#fff;}
.breite70 {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:70px; background:#fff;}
.breite100 {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:100px; background:#fff;}
.breite120 {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:120px; background:#fff;}
.plz {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:60px; background:#fff;}
.gebtag {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:25px; background:#fff;}
.gebmonat {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:25px; background:#fff;}
.gebjahr {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:40px; background:#fff;}
.handynummer {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:80px; background:#fff;}
.ort {border:1px solid #C0C0C0; padding-left:0.3em; margin-bottom:0.6em; width:178px; background:#fff;}
.submitbtn {width:123px; background:#C0C0C0; border:1px solid; border-color:#F0F0F0 #999 #999 #F0F0F0;  cursor:pointer; padding:0; margin:0;}
.submitbtn:hover {background:#999; color:#fff; border:1px solid; border-color:#F0F0F0 #999 #999 #F0F0F0;}
textarea {width:300px; border:1px solid #CCCCCC;}
textarea:focus {border-color:#9F0000;}
.formhead {margin-top:25px; margin-bottom:25px;}
.grau { color:#333333;}
