/*
 färbt den Hintergrund dunkel ein; der Mittelbereich bekommt eine helle Farbe zugewiesen.
 Dadurch entsteht die Illusion, dass die Kästen links und rechts vom Haupttext Leisten sind.
 Nachteil: Ist der Textteil kürzer als die seitlichen Kästen, wird der Bereich unter dem
 Text mit der Hintergrundfarbe der Kästen aufgefüllt.
*/

body {
 background: rgb(95%, 95%, 85%);
}

#navigation {
 margin: 0;
 padding: 0;
 width: 15%;
 float: left;
 /* background: #abcdef; */
}

#navigation ul li {
 background: rgb(98%, 98%, 90%);
}

#haupttext {
 padding: 0 2em 0 2em;
 margin: 0 0% 0 15%;
 background: rgb(95%, 95%, 80%);
}