body {	/**Die Seite soll eine sichtbare Umrandung erhalten:**/
 margin: 0;
 padding: 1.5em;
 background-color: #CCCCFF;
 /**background-image: url(hintergrundbild.jpg);
 background-repeat: no-repeat;**/
}

a:link {
 font-weight: bold;
 text-decoration: none;	/**Linkunterstreichung ist entfernt**/
 color: #0000CC;
}

a:visited {
 font-weight: bold;
 text-decoration: none;	/**Linkunterstreichung ist entfernt**/
 color: #667;
}

a:link:hover, a:visited:hover {
 color: #000;
 background: #aae;
 border-color: #227;
}


#wrapper {
 margin: 0 auto;
 text-align: left;
 width: 960px;
 background-color: white;
 border: 2px solid #0000CC; /**Kurzschrift für Rahmendefinition: Rahmenbreite, -Art und Farbe**/
}

#kopf {
 padding: 20px 0;
}

#kopf {
 padding: 20px 0;	/**vertikaler Innenabstand von 20px**/
 }

#kopf h5 {
 display: none;
}
/**die Überschrift "Navigationsmenü" wird für CSS-fähige Browser verborgen**/

#kopf ul {
 padding: 3px 0;
 margin-left: 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana sans-serif;
}

#kopf ul li {	
 list-style: none;
 margin: 0;
 display: inline;
}
/**erreicht, daß die Navigation horizontal angeordnet ist**/

#kopf ul li a {
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #dde;
 text-decoration: none;
}
/** fügt Rahmen um Nav.Punkte, Hintergrundfarbe etc.**/

#kopf ul li a:link {
 color: #448;
}

#kopf ul li a:visited {
 color: #667;
}

#kopf ul li a:link:hover, #kopf ul li a:visited:hover {
 color: #000;
 background: #aae;
 border-color: #227;
}

#kopf ul li a#current {
 background: white;
 border-bottom: 1px solid white;
}


#hauptinhalt {
 clear: both;
 width: 550px;
 float: left;
 padding: 0 20px 20px 0;	/**für den Weißraum rechts und unten**/
}

#notizen {
 width: 310px;
 float: right;
 padding: 0 0 20px 20px;
 border: 5px #000080 groove
}

#fuss {
 clear:both;
 padding: 20px 0;	/**vertikaler Innenabstand von 20px**/
 text-align: center;
}

#fuss hr {
 width: 300px; 
 color: blue;
 height: 5px;
}  

h1,h2, h3, h4, ul, p {	/**Bei dem Einsatz von float berechnet der Internet Explorer eine falsche Breite. Dies kann umgangen werden, indem die Innenabstände für umschlossene Elemente möglichst seperat definiert werden!**/
 padding: 0 20px;
 margin-left: 30px;
}

h1 {
text-align: center;
padding-bottom: 20px; 
}