<!--
body {
  font: 100.01%  Arial, Helvetica, sans-serif;
  background-color: #4A4A4A;
 
}

* {
  margin:0;
  padding:0;
}

#seite {
  width: 775px;
  margin: 0 auto;
}

#kopfbereich {
  margin-top:30px;
  padding: 10px;
  height: 210px;
  background: url("../penner/pic/char2.jpg");
  border: 1px solid #BFBFBF;
}

#inhalt {
  background-color: #313131;
    padding: 15px;
border: 1px solid #BFBFBF;
  border: 1px solid #BFBFBF;
color: #ffffff;
}

#steuerung {
  padding: 12px;
  background: url("../penner/pic/navi.jpg");
  border-left: 1px solid #BFBFBF;
  border-right: 1px solid #BFBFBF;
  background-color: #0F0F0F;
  text-align: center;
   
}

#fussbereich {
  clear: both;
  padding: 2px;
  background: url("../penner/pic/navi.jpg");
  background-color: #313131;
  border-bottom: 1px solid #BFBFBF;
border-left: 1px solid #BFBFBF;
  border-right: 1px solid #BFBFBF;
  
}


h1,h2,h3,h4,h5,p, {
text-align:left;
font-family:arial, helvetica;}


p{
color:#FFFFFF;  
font-size:12px;
font-style:normal;}
 





#inhalt a:link    { color:#FFFFFF;   text-decoration:underline; }
#inhalt a:visited { color:#FFFFFF; text-decoration:underline;}
#inhalt a:focus   { color:#C0C0C0;   }
#inhalt a:hover   { color:#767676;  text-decoration:bold; }
#inhalt a:active  { color:#FFFFFF; text-decoration:underline; }


#inhalt p
{
color:#FFFFFF;
font-size:12px;
font-style:normal;

}
  #inhalt b {color:#ffffff}
 #inhalt hr {border:dotted  #ffffff 2px; }




#steuerung a:link    { color:#ffffff;text-decoration:none;  padding:12px 25px;
       border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF;}


#steuerung a:visited { color:#ffffff;text-decoration:none;  padding:12px 25px;
       border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF;}

#steuerung a:focus   { color:#FFFFFF; padding:12px;
     border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF;  }

#steuerung a:hover   { color:#ffffff;   margin: 0px 13px ; background-color:#313131;
 border-left:1px inset #BFBFBF; border-right:1px solid #BFBFBF; padding:12px;   }

#steuerung a:active  { color:#FFFFFF;    padding:12px 25px
border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF; text-decoration:none; }


#steuerung b { text-align: left;
font-family:arial, helvetica;
color:#FFFFFF;       /* Farbe */
font-size:19pt;      /*groese*/
font-style:normal;   /*italic=kursiv olique=schreag normal*/
font-weight:bolder; /*normal-bold-bolder-lighter*/
word-spacing:0,6em; /*abstand woertern*/
vertical-align:super; /*top middel bottom baseline sub-tiefer super-hoer text-top-bottom oben unten */}



a:link {color:#FFFFFF;       font-family:arial, helvetica;           }
a:visited {	color:#FFFFFF;     font-family:arial, helvetica;       }
a:active {color:#FFFFFF;      font-family:arial, helvetica;           }
a:hover{color: #FFFFFF;       font-family:arial, helvetica;        }


h2 { 
text-align: left;
font-family:arial, helvetica;
color:#FFFFFF;       /* Farbe */
font-size:14pt;      /*groese*/
font-style:normal;   /*italic=kursiv olique=schreag normal*/
font-weight:bolder; /*normal-bold-bolder-lighter*/
word-spacing:0,6em; /*abstand woertern*/
vertical-align:super; /*top middel bottom baseline sub-tiefer super-hoer text-top-bottom oben unten */
}


h1
{
text-align: left;
font-family:arial, helvetica;
color:#FFFFFF;       /* Farbe */
font-size:16pt;      /*groese*/
font-style:normal;   /*italic=kursiv olique=schreag normal*/
font-weight:bolder; /*normal-bold-bolder-lighter*/
word-spacing:0,6em; /*abstand woertern*/
vertical-align:super; /*top middel bottom baseline sub-tiefer super-hoer text-top-bottom oben unten */
}



    
A:link, A:visited, A:active { COLOR: #989898; TEXT-DECORATION: none; }
A:hover { COLOR: #989898; TEXT-DECORATION: underline; }

#title A:link, #title A:visited, #title A:active { COLOR: #ffffff; TEXT-DECORATION: none; }
#title A:hover { COLOR: #ffffff; TEXT-DECORATION: underline; }

#title2 A:link, #title2 A:visited, #title2 A:active { COLOR: #ffffff; TEXT-DECORATION: none; }
#title2 A:hover { COLOR: #ffffff; TEXT-DECORATION: underline; }

td {
font-family: Tahoma,Helvetica;
font-size: 11px;
color: #FFFFFF;
}
#title {
border: 1px solid #c0c0c0;
background-color: #313131;
color: #ffffff;
font-weight: bold;
}

#title2 {
border: 0px solid #c0c0c0;
background-color: #313131;
color: #ffffff;
font-weight: bold;
}

.button {
border: 1px solid #ffffff;
background-color: #313131;
color: #ffffff;
font-weight: bold;
}

.linkbutton A:link, .linkbutton A:visited, .linkbutton A:active {
border: 1px solid #616161;
background-color: #313131;
color: #989898;
text-decoration:none;
padding:3px;
font-weight: bold;
}

.linkbutton A:hover {
border: 1px solid #616161;
background-color: #313131;
color: #989898;
padding:3px;
text-decoration:none;
font-weight: bold;
}


#table {
background-color: #313131;
font-size: 12px;
}

#tablea {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
background-color: #313131;
}

#tableb {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #313131;
}

SELECT {
 FONT-FAMILY: Tahoma,Helvetica;
 COLOR: #989898;
 border: 1px solid #808080;
 BACKGROUND-COLOR: #313131;
}

TEXTAREA {
 FONT-FAMILY: Tahoma,Helvetica;
 COLOR: #989898;
 border: 1px solid #808080;
 BACKGROUND-COLOR: #313131;
}

input {
 FONT-FAMILY: Tahoma,Helvetica;
 COLOR: #989898;
 border: 1px solid #808080;
 BACKGROUND-COLOR: #ffffff;
}