body {
  color: #000000;
  background-color: #ffffcc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smal;
}

html, body {
  height: 200%; /* füllt vertikal die ganze Browserseite aus */
}	

p {
  text-align: justify;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 130%;
}	

address {
  font-size: 80%; /* kleiner als in body definiert */
	font-style: normal; /* normale Schrift, nicht kursiv */
	letter-spacing: 2px; /* Abstände zwischen den Buchstaben */
	padding-top: 10px;
	border-top: 1px solid #003399; /* fügt oberhalb der Adresse eine Linie wie <hr> ein! */
	margin-top: 20px;
}

#kopf {
  color: white; /* Schriftfarbe */
	background-color: #13834e; /* Hintergrundfarbe gruen wie auf der alten HP */
	height: 100px; /* fest Höhe genau wie das Logo so hoch! */
}		

#kopf p {
  font-weight: bold; /* Absatz in #kopf fett (bold) darstellen */
	margin: 0; /* kein Abstand zum Folgenden Modul */
}

#kopf img {
  float: left; /* schwebe das Kopflogo nach links */
	width: 206px; /* float-Anweisungen immer mit Angabe von width! */
	margin-right: 20px; /* Abstand zum Text rechts daneben */
}	

a img {
  border: 0; /* kein Rahmen, wenn ein Bild ein Hyperlink ist */
}

#navi {
  float: left; /* läßt die Navigation links schweben */
	width: 145px; /* natürlich mit fester Breite */
	height: 100%; /* Navigationsleiste bis ganz nach unten */
  color: white; /* Schriftfarbe */
	background-color: #13834e; /* gruen wie auf der alten HP */
	list-style: none; /* keine Aufzählungszeichen */
	padding: 20px; /* Abstand vom Kopf */
	margin: 0; /* Abstand von der Seite */
}

#navi a {
  display: block; /* dadurch werden Links zu Blockelementen */
	color: white; /* Schriftfarbe */
	text-decoration: none; /* Unterstreichung der Links entfernen */
	padding: 4px;
	border-left: 5px solid #13834e; /* fügt einen dunkelblauen Rahmen links ein,
	                                   damit sich nichts mehr verschiebt beim 
																		 Navigieren */
}

#navi li {
  /* schafft zwischen den Listenpunkten der Navigation links und 
	   untereinander Luft */
  padding: 2px;
	margin: 2px;
}	

#navi a:hover {
  color: black; /* Schriftfarbe */
	background-color: #ffffcc; /* dunkelblauch */
	border-left: 5px solid #de0029; /* roter Positionszeiger links */
}	

#inhalt {
  margin-left: 200px; /* läßt links 200px Platz für die Navigation */
}