/*  *** -- Allgemeines --  *** */

/* *** Body *** */

body {
 background: #3a0000;  
/* Hintergrund --> Farbe?????*/
 margin: 0;
 padding: 1%; /* Innenabstand */
 /* min-width: 770px;*/ /* Mindestbreite */
 font-size: 100.01%;
 font-family: verdana, arial, sans-serif ;
}

/* *** Links *** */

a { color: #bd0903; text-decoration: underline; } /* unbesuchte Links rot, unterstrichen*/

a:visited { color: #650000; } /* besuchte Links dunkelrot, unterstrichen. */

a:hover { color: #650000;}
a:focus { color: #650000;}

/* ***  Ueberschriften *** */ 

h1 { /* Seitenueberschriften */
 font-size: 2em;
 line-height: 0.8em;
 padding: 20px 0 5px 0%;
 margin: 0;
}

h2 { /* Ueberschriften der Untermenupunkte */
 font-size: 2em;
 line-height: 0.8em;
 padding: 20px 0 5px 0%;
 margin: 0;
 border-bottom: 1px dashed #aaa;
}

h3 {
 font-size: 2em;
 line-height: 0.8em;
 padding: 20px 0 5px 0%;
 margin: 0;
} 

h4 {
 font-size: 1em;
 line-height: 1em;
 padding: 10px 0 0 0%;
 margin: 0;
} 

h1, h2, h3, h4, h5, h6 { /* Unterueberschriften */
 color: black;
 font-family: verdana, arial, sans-serif ;
}

/* *** Bilder *** */

img { /* Rahmen um Bilder*/
 border: solid 1px #aaa;
 padding: 1px;
/* max-width: 95%;*/ /* fuer gute Groesse */
 width: 95%; /* ev. bessere Variante */
}
.fleft { /* Textfluss um Objekte */
 float: left;
 margin: 0 1em 0.2em 0; /* Abstand vom Text. */
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em; /* Abstand vom Text */
 padding: 1px;
}
.fbottom {
margin: 0 0 0 0;
}


/*  *** -- Layoutspezifisches -- *** */

/* *** Container *** */

#container { /* gemeinsamer Rand, der nicht ganz aussen am Fenster ist. */
 font-size: 0.8em; /* Schriftgroesse */
 /* max- */ width: 900px; /* Begrenzung der Breite auf hoehstens 900px Min-width oben*/
 margin: auto; /* Zentrieren der Seite */
 border: 1px solid #ffffff; /* Rahmen ums Ganze */
 border-top: 0; /* oben kein Rahmen */
}

/* *** Titelleiste *** */

#logo {
 background: url(../img/balken1.jpg) 0 0 no-repeat black;
 height: 64px;
 padding: 0 20px;
 text-align: right;
 line-height: 54px;
 font-size: 52px; 
 overflow: hidden;
 /*letter-spacing: -3px;*//* Buchstabenabstand im Logo */
 margin: 0;
}
#logo a {
 color: white; /* Schriftfarbe*/
 text-decoration: none;
}

/* *** -- Hauptmenu -- *** */

#menu { 
 background: url(../img/balken.jpg) #500707;
 padding: 5px 2%; /* Abstand vom Rand */
 margin: 0; 
text-align: right;
 color: yellow; /* aktiver Menupunkt */
}

#menu li {
 font-size: 1.2em;
 display: inline;
 list-style-type: none; 
 border-left: 1px solid white; 
 padding: 0 10px 0 15px;
 font-weight: bold;

}
#menu li a:link {
 color: white;
 text-decoration: none;
}
#menu li a:visited {
 color: white;
text-decoration: none;
}
#menu li a:focus {
 color: yellow;
 text-decoration: none;
}
#menu li a:hover {
 color: yellow;
 text-decoration: none;
}

/* *** -- Rechte Spalte -- *** */

/* *** Groessen *** */

#subnav {
 width: 26%; /* Breite */
 min-width: 10em;
 float: right;
 padding: 70px 1%;
 padding-top: 10px;
 padding-bottom: 20px;
 margin: 1%;
 border-left: 1px dotted #aaa; 
 font-size: 1em;
}

/* *** Schrift *** */

#subnav dt { /* Ueberschriften */
 font-size: 1.2em;
 font-weight: bold;
 font-family:  verdana, arial, sans-serif ;
 padding: 0.5em;
 margin-top: 1em;
 border-top: 1px dotted #aaa;
}
#subnav dd { /* Texte */
 padding: 0;
 margin: 0.2em 0;
}

/* *** -- Hauptinhalt - Titelseite -- *** */

#main {
 background-color: white;
 padding: 0 26% 10px 30px; /* Platz fuer rechte Spalte */
 line-height: 1.5em; /* Zeilenabstand */
 font-size: 1em;
}

#main table{
font-size: 1.2em;
font-family: verdana, arial, sans-serif ;
}

/* *** -- Hauptinhalt - andere Seiten -- *** */


#inhalt {
background-color: white;
padding: 0 30px 10px 30px; /* Innenabstand */
line-height: 1.5em; /* Zeilenabstand */
}

#inhalt h1{ border-bottom: 1px dashed #aaa;
}
#inhalt p{
padding: 0 0 0 30px;
}

#inhalt table{
font-size: 1.2em;
font-family: verdana, arial, sans-serif ;
padding-left: 30px;
}

/* *** -- Hauptinhalt - Auflistung -- *** */

#auflistung {
background-color: white;
padding: 0 30px 10px 30px; /* Innenabstand */
line-height: 20px; /* Zeilenabstand */
}


#auflistung h1{ border-bottom: 1px dashed #aaa;
}

#auflistung ul{ border-bottom: 1px dashed #aaa;
}
#auflistung p{
 border-bottom: 1px dashed #aaa;
 padding: 0 0 0 30px;

}

/* *** Untermenu *** */
#untermenu {
 padding: 20px 5px 5px 0%; /* Abstand vom Rand */
 margin: 0; 
 text-align: left;
 color: black;
}
#untermenu li{
 font-size: 1.2em;
 display: inline;
 list-style-type: none; 
 border-left: 1px solid #aaa; 
 padding: 0 10px 0 15px;
 font-weight: bold;
}
#untermenu li a:link {
 color: #777;
 text-decoration: none;
}
#untermenu li a:visited {
 color: #777;
text-decoration: none;
}
#untermenu li a:focus {
 color: #aaa;
 text-decoration: none;
}
#untermenu li a:hover {
 color: #aaa;
 text-decoration: none;
}

#auswahl {
 padding: 20px 5px 5px 0%; /* Abstand vom Rand */
 margin: 0; 
 text-align: left;
 color: black;
}
#auswahl li{
 font-size: 2em;
 display: inline;
 list-style-type: none; 
 border-left: 1px solid #aaa; 
 padding: 0 10px 0 15px;
 font-weight: bold;
}
#auswahl li a:link {
 color: #bd0903;
 text-decoration: none;

}
#auswahl li a:visited {
 color: #bd0903;
text-decoration: none;
}
#auswahl li a:focus {
 color: #800000;
 text-decoration: none;
}
#auswahl li a:hover { 
 color: #800000;
 text-decoration: none;
}