/**
* DESIGN AND LAYOUT TAKEN OVER FROM http://css.maxdesign.com.au/floatutorial
* THANKS FOR THAT GREAT TUTORIAL
* TEMPLATE TUTORIAL (c) 2007 by C. Sommer (doc) for http://WebsiteBaker.org
*/
 
/* DEFINIERTE STARTWERTE FÜR ALLE HTML-ELEMENTE */
* { 
 margin: 0; 
 padding: 0;
}
 
/* HELLBLAUER HINTERGRUND FÜR DIE BROWSERSEITE */
html, body { background-color: #CDE; }
 
/****************************************************************
* NACHFOLGENDE DIV TAGS LEGEN DAS AUSSEHEN DER WEBSEITE FEST
* BANNER, 2 x NAVIGATION, INHALT MITTE, NEWS RECHTS, FUSSZEILE
****************************************************************/
#container {
 width: 90%;
 margin: 10px auto;
 background-color: #fff;
 color: #333;
 border: 1px solid gray;
 line-height: 130%;
}
 
#banner {
 padding: .5em;
 background-color: #ddd;
 border-bottom: 1px solid gray;
}
 
#navigation1 {
 background-color: #000;
 height: 20px;
 padding: 5px 0.5em;
}
 
#navigation2 {
 float: left;
 width: 160px;
 padding: 1em;
}
 
#news {
 float: right;
 width: 160px;
 padding: 1em;
}
 
#inhalt {
 margin-left: 200px;
 border-left: 1px solid gray;
 margin-right: 200px;
 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; }