body{
color:black;
background:#313131;
margin:0;
padding:0;
font:13px verdana, sans-serif;}


#container{
min-width: 781px; /* 9 (li.Abst.) + 253 (Logo) + 9 (Noten-Abst.) + 501 (Noten-Bild) + 9 (re. Abstand) = 781 */
width: 791px;
height: 572px;
background:#EEE;
padding: 0;
margin: auto auto; /*Abstand oben und unten = 25px, rechts und links jeweils 10% -> mittig*/
border: 2px solid #E72224; /*umlaufender roter Rahmen*/
}

#container_innen {
min-width: 763px; /* 781 - 2*9 = 763*/
width: 773px;
background: #EEE; /*dunkelrot, fliesst weiter, wenn die Logobox endet */
margin: 9px; /*grauer Rand*/
padding: 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
height: 552px;
}

#logobox{
 /*border: 1px solid black;*/
 float: left;
 min-width: 253px;
 width: 253px;
 height: 540px;
 background: #E72224; /*dunkelrot*/
 background-image: url(../images/adler.gif);
 background-repeat:no-repeat;
 background-position:12px 356px;
 border-top: 12px solid #FED44F;
 margin:0;
 padding:0;
 text-align:left;
}

#topper{
	height:614px;
	width: 773px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-307px;
	margin-left:-386px;
}

#subnavi {
 background:white;
 background-repeat:no-repeat;
 float:right;
 min-width: 183px;
 width: 183px;
 height: 100px;
 margin: 0 0 0 0;
 padding: 20px;
}

/* Das ist die Strichzeichnung */
#logobox img.strich {   
   /*border: 1px solid black;*/
   vertical-align: bottom;
   padding: 0 0 0 10px; 
} 

#notenbox {
 min-width: 501px;
 margin: 0 0 0 253px;
 padding: 12px 0 0 6px;
 background: #EEE;
}

#navibox {
 min-width: 510px;
 margin: 0 0 0 253px;
 padding: 7px 0 0 0;
 background: #EEE;
}

#content{
 border-left: 1px solid #EEE;
 /*min-width: 500px; Für IE7 1px zuviel*/
 min-width: 499px;
 height: 300px;
 color:black;
 background:#EEE;
 padding:10px 10px 0 10px;
 margin:0;
 text-align:right;
 overflow:hidden;
}

#impressum {
margin: 5px auto;
width: 791px;
border: 0px;
color: white;
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
}

#impressum a {
color:#9F0002;
}
#impressum a:hover {
 color: #FED44F;
}

#roth {
margin: 5px auto;
width: 791px;
border: 0px;
text-align:right;
}

#content h1, h1{
margin:0 0 5px 0;
padding:2px 0 2px 0;
font:bold 14px verdana, sans-serif;
}

#content h2, h2{
margin:10px 0 5px 0;
padding:2px 0 2px 0;
font:bold 12px verdana, sans-serif;
}

#content h3, h3{
margin:25px 0 5px 0;
padding:2px 0 2px 0;
font:bold 11px verdana, sans-serif;
}

#content h4, h4{
margin:25px 0 5px 0;
padding:2px 0 2px 0;
font:bold 10px verdana, sans-serif;
}

.klein {
 font-size: 0.8em;
}

.white {
 color: #9F0002;
}

a {
 color: #9F0002; text-decoration: none;
}

a:visited {
 color: #aa0000;
}

a:hover {
 color: #000000; font-weight: normal;
}

a:active {
 color: #E72224;
}

#content a {
 color: #9F0002;
}

a.red {
color:#9F0002;
}


/*Subnavigation*/

#subnavbox {
	background-color:	transparent;
 /*border: 1px solid black;*/
 float:right;
 min-width: 183px;
 width: 183px;
 height: 100px;
 margin: 20px 0 20px 0;
 padding: 8px 20px 8px 20px;
}

#subnavbox ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#subnavbox a {
display: block;
padding: 3px;
width: 160px;
background-color: transparent; /*mittelrot*/;
border-bottom: 1px solid /*#9F0002 /*dunkelrot*/ #FED44F /*gelb*/;
}

#subnavbox a:link, #subnavlist a:visited {
color: #EEE;
text-decoration: none;
}

#subnavbox a:hover {
background-color: #FED44F /*gelb*/;
color: #fff;
}

#active {
 font-weight:bold;impressum
 color:#9F0002;
 display: block;
 padding: 3px;
 width: 160px;
 background-color: #FED44F /*gelb*/;
 border-bottom: 1px solid #E72224; /*mittelrot*/; /*#9F0002; /*dunkelrot*/;
}

.subsub {
 background-color: #FED44F /*gelb*/;
 border-bottom: 1px solid #E72224; /*mittelrot*/; /*#9F0002; /*dunkelrot*/;
 font-size: 0.8em;
 text-indent: 10px;
}

#subactive {
 font-size: 0.8em;
 text-indent: 10px;
 font-weight:bold;
 color:#9F0002;
 display: block;
 padding: 3px;
 width: 160px;
 background-color: #EEE /*#FED44F /*gelb*/;
 border-bottom: 1px solid #E72224; /*mittelrot*/; /*#9F0002; /*dunkelrot*/;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

hr {
 color:gray; 
 background-color:gray; 
 height:1px;
}
  
/* Tabelle */
.zeile1 {
 background-color: #DDD;
}

.zeile2 {
 background-color: #FFF;
}

.tdhead {
 background-color: #AAA;
}

TABLE {
 border-collapse: collapse;
}

TH {
 border: 1px solid #555;
 text-align:left;
 font-weight:bold;
 font-size: 0.8em;
 font-family: verdana, arial, sans-serif;
}

TD {
 border: 1px solid #555;
 font-size: 0.8em;
 font-family: verdana, arial, sans-serif;
}

/* 3-Pixel-Bug */

* html #logobox { 
margin-right: -3px; 
} 

* html #navibox { 
margin-left: -3px; 
} 

/*Scrollbalken*/
/* zum Aktivieren beim iframe scrolling="yes" setzen */
Body
{
scrollbar-base-color:000000;
scrollbar-track-color:EEE; /*Hintergrundfarbe des Scrolluntergrundes*/
scrollbar-face-color:FFFFFF; /*Farbe des Scrollers*/
scrollbar-highlight-color:444444;
scrollbar-3dlight-color:eee;
scrollbar-darkshadow-color:eee;
scrollbar-shadow-color:777777;
scrollbar-arrow-color:000000;
}