/* CSS-Formatierung für Layout mit Titelbereich "Titel" und zwei Spalten */
/* Die erste Spalte "Menu" beinhaltet den festen Menübereich, */
/* die zweite Spalte "Inhalt" für den Inhalt passt sich dynamisch an die Fensterbreite an */
/* margin/padding: top right bottom left */

body {
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
font-family: Arial;
background-image: url(../img/erde_lichter.jpg);
background-repeat: repeat-y;
}

/* Titelbereich -------------------------------------------------*/
h1 { 
font-size: 50px; 
text-align: center;
font-weight: bold;
}

#titel {
/* float: left; */
}


/* Menübereich -------------------------------------------------*/
#menu {	/* Hintergrund des Menübereiches */
clear: both;
width: 18%;
float: left;
}

#menu ul { /* Menülisten mit dunkelviolettem Hintergrund */
background-color: #2f372a;
list-style: none;
margin: 10px 0px 0px 0px;	/* Listenkörper soll Spalte ausfüllen */
padding: 3px 0 3px 0;
}
 
li.titel_menu { /* class Überschriften der Menübereiche */
padding-left: 10px;
font-weight:bold;
font-size: 14px;
}

#menu li a { /* Schalter mit dunkelblauem Hintergrund*/
font-size: 12px;
font-weight:bold;
text-decoration: none;
height: 18px;
display: block;
padding: 5px 0px 5px 8px;
margin: 5px 5px 5px 5px;
background-color: #34368b;
color: #FFCC00;
border-top: 1px solid #BFBFBF;
border-left: 1px solid #BFBFBF;
border-bottom: 2px solid #BFBFBF;
border-right: 2px solid #BFBFBF;
}

#menu li a:hover { /* Farben wenn Maus über Schalter */
background: rgb(102, 102, 204);
color:#ffff33;
}

#auswahl { /* Aktuelle Seite im Menü anzeigen*/
font-size: 12px;
font-weight:bold;
height: 20px;
line-height:130%;
text-decoration: none;
padding: 5px 0px 5px 13px;
margin: 5px 5px 5px 5px;
background-color: rgb(102, 102, 204);
color: #FFFF33;
border: 1pt solid rgb(255, 153, 255);
}

li.sub1 { /* Erstes Untermenü */
margin: 5px 5px 5px 20px;
}

/* Inhalt -------------------------------------------------*/
#inhalt {
color: rgb(255, 255, 51);
float: left;
width: 78%;
padding: 10px 10px 10px 10px;
}

p.bild_titel {
float: left;
margin: 5px 5px 5px 5px;
border: 1px solid rgb(255, 255, 255);
text-align: center;
}

/* Fusszeile -------------------------------------------------*/
#fuss {
clear: both;
color: rgb(255, 255, 255);
}

#fuss a {
font-weight: bold;
font-size: 80%;
text-decoration: none;
color: #FFCC00;
background-color: #34368b;
border-top: 1px solid rgb(102, 51, 102);
border-left: 1px solid rgb(102, 51, 102);
border-bottom: 2px solid rgb(102, 51, 102);
border-right: 2px solid rgb(102, 51, 102);
padding: 2px 5px 3px 5px;
}

#fuss a:hover {
background-color: rgb(102, 102, 204);
color:#ffff33;
}

#nach_oben { /* Schalter, um wieder an den Anfang der Seite zu gehen */
font-size: 12px;
}