body{
color:black; /*Standardschriftfarbe der Seite*/
background:#FFFFCC; /*Standardhintergrundfarbe der Seite*/
margin:0 0 0 20px; /*Festlegung des Bodybereichs oben - rechts - unten - links*/
font:13px verdana, sans-serif;} /*Standardschriftart und -größe der Seite*/

#head{
width:100%; /*Breite des Headelements*/
position:absolute;top:0;left:0px; /*Positionierung Abolut links oben*/
background: url("bilder/coollogo_com_1586397.gif") no-repeat; /*Logo der Seite*/
background-position: top center; /*Positionierung des Logos*/
padding:50px 0 1px 0; /*Polster zu Rändern oben - rechts - unten - links*/
margin:5px 0 0 0; /*Festlegung des Headbereichs oben - rechts - unten - links*/
border-bottom:1px solid black;} /*Strich unterhalb des Bereiches Head*/

#menu{
float:left; /*Sorgt dafür, dass das Menü nicht rechts von den bereits positionierten Elementen positioniert wird*/
width:110px; /*Breite des Gesamtbereichs vom Menü*/
background:#FFFF99; /*Hintergrundfarbe vom Menü*/
padding:0 5px 0 5px; /*Polster zu Rändern oben - rechts - unten - links*/
margin:90px 10px 0 0; /*Festlegung des Menübereichs oben - rechts - unten - links*/
border:1px solid black;} /*Rahmen um das Gesamtmenü*/
#menu ul{
padding:0; /*Polster zu den Boxrändern*/
margin:0 0 20px 0; /*Abstand zwischen Menüblöcken oben - rechts - unten - links*/
list-style:none; /*Legt fest, ob Zeichen vor einer Aufzählung sind*/
}
#menu li{
padding:0 0 2px 0;} /*Abstand zwischen den Menüeinträgen oben - rechts - unten - links*/
#menu a{
color:white; /*Schriftfarbe der Menüeinträge*/
background:#FF0000; /*Hintergrundfarbe der Menüeinträge*/
display:block; /*Sorgt dafür, dass alle Einträge die gleiche Breite haben (Hintergrund)*/
width:104px; /*Breite der Box für die Einzeleinträge*/
padding:2px; /*Polster zu allen Boxseiten*/
border:1px solid black; /*Rahmen um jeden einzelnen Eintrag*/
font:bold 12px verdana, sans-serif; /*Schriftart der Menüeinträge*/
text-decoration:none; /*Unterstriche für Links werden entfernt*/
text-align:center;} /*Ausrichtung der Menüeinträge*/
#menu a:hover{color:#3333FF;background:#e3eedd;} /*Wenn man über einen Menüeintrag geht änder sich Text- und Hingergrundfarbe*/
#menu p{
font:bold 12px verdana, sans-serif; /*Überschriften für Menübereiche*/
text-align:center; /*Zentrieren der Überschriften*/
padding:5px; /*Abstand zu allen Boxseiten oben - rechts - unten - links*/
margin: 0;
}

#content{
color:black; /*Schriftfarbe für Bereich Content*/
padding:110px 30px 30px 30px; /*Abstände zu den Boxseiten oben - rechts - unten - links*/
margin:0 20px 0 160px; /*Festlegung des Contentbereichs oben - rechts - unten - links*/
background:#FFFF99; /*Hintergrundfarbe für Bereich Content*/
/*Abgrenzung des Bereichs links und rechts mit einer Linie*/
border-left:1px solid black;
border-right:1px solid black;}
#content a:link {color: gray;} /*Farbe von Links*/
#content a:visited {color: gray;} /*Farbe von besuchten Links*/
#content a:hover {color: red;} /*Farbe von Links über denen sich der Mauszeiger befindet*/

/*Formatierungen der einzelnen Überschriften*/
#content h2{
margin:0 0 10px 0; /*Abstand von Unterkannte Box*/
padding:2px 0 2px 5px; /*Polster zu Rändern oben - rechts - unten - links*/
font:bold 16px verdana, sans-serif; /*Schriftart und Schriftgrad*/
/*Box mit Strich*/
border-left:10px solid #000000;
border-bottom:1px solid #000000;}
#content h3{
margin:25px 0 10px 0; /*Abstand von den Boxseiten oben - rechts - unten - links*/
padding:2px 0 2px 5px; /*Polster zu Rändern oben - rechts - unten - links*/
font:bold 14px verdana, sans-serif; /*Schriftart und Schriftgrad*/
/*Box mit Strich*/
border-left:8px solid #000000;
border-bottom:1px solid #000000;}
#content h4{
margin:5px 0 5px 0; /*Abstand von den Boxseiten oben - rechts - unten - links*/
padding:2px 0 2px 5px; /*Polster zu Rändern oben - rechts - unten - links*/
font:12px verdana, sans-serif; /*Schriftart und Schriftgrad*/
border-left:6px solid #000000;} /*Box*/
#content h5{
margin:5px 0 5px 40px; /*Abstand von den Boxseiten oben - rechts - unten - links*/
padding:2px 0 2px 5px; /*Polster zu Rändern oben - rechts - unten - links*/
font:12px verdana, sans-serif;} /*Schriftart und Schriftgrad*/
#content h6{
margin:0 0 10px 0; /*Strich wird 10px über der Unterkante der Box positioniert oben - rechts - unten - links*/
padding:2px 0 2px 5px; /*Polster zu Rändern oben - rechts - unten - links*/
border-bottom:1px solid #000000;} /*Strich*/