* { 
 margin: 0; 
 padding: 0;
}

html, body { background-color: #000; }

#container {
 width: 75%;
 margin: 10px auto;
 background-color: #fff;
 color: #333;
 border: 3px solid gray;
 font-family: arial, verdana;
 line-height: 130%;
}

#banner {
 padding: .9em;
 background-color: #ddd;
 border-bottom: 1px solid gray;
}

#navigation1 {
 background-color: #000;
 height: 10px;
 padding: 5px 0.5em;
}

#navigation2 {
 float: left;
 width: 180px;
 padding: 1em;
}

#news {
 float: right;
 width: 160px;
 padding: 1em;
}

#inhalt {
 margin-left: 200px;
 border-left: 1px solid gray;
 margin-right: 180px;
 border-right: 1px solid gray;
 padding: 1em;
 max-width: 36em;
}

#fusszeile {
 clear: both;
 padding: .5em;
 color: #333;
 background-color: #ddd;
 border-top: 1px solid gray;
}

/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES OBEREN MENÜS
* AUSRICHTUNG, KEINE LISTENSYMBOLE, AKTIVE ELEMENTE IN WEISSER SCHRIFT
***************************************************************************/
#navigation1 ul li {
display: block;
}

#navigation1 ul li a {
color: #adf;
float: right;
font-size: 85%;
font-weight: 700;
text-decoration: none;
padding: 0 1em;
}

#navigation1 ul li a.aktiv,#navigation1 ul li a:hover,
#navigation1 ul li a:active {
color: #fff;
padding: 0 1em;
}

/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES HAUPTMENÜS
* KEINE LISTENSYMBOLE, ABSTÄNDE ZU DEN RÄNDERN
**************************************************************************/
#navigation2 p, #news p { margin: 0 0 1em 0; }

#navigation2 ul li {
display: block;
}

#navigation2 ul li a {
color: red;
text-decoration: none;
padding: 0 1em;
}

#navigation2 ul li a.aktiv,#navigation2 ul li a:hover,
#navigation2 ul li a:active {
text-decoration: underline;
}

#inhalt h2 { margin: 0 0 .5em 0; }