/*Kommantar*/

body {
  background-color: #BDBDBD; /* Hintergrundfarbe, grauer Außenrahmen */
  color: white; /* Schriftfarbe */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small; /* Schriftgröße */
}

/* Gestalte das div mit id="wrapper" */
div#wrapper {
  background-color: #FAAC58;
  color: black;
  width: 720px; /* Breite des Inhaltsbereichs */
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto; /* zentrieren */
  padding: 20px; /* Einzug innen alle 4 Richtungen */
}


div#header {
  background-color: #f3c600; /* Gelb-Orange */
  color: black;
}

div#nav {
	background-color: #F5DA81;
	color: black;
}

div#article {
	background-color: #557DBD;  /*blau*/
	color: black;
}

div#foooter {
  background-color: #f3c600; /* Gelb-Orange */
  color: black;
}

address {
  text-align: center; /* zentrieren */
  font-size: 80%; /* etwas kleiner als der Rest */
  font-style: normal; /* normale Schrift, nicht kursiv */
  letter-spacing: 2px; /* Abstand zwischen den Buchstaben */
  line-height: 1.5; /* Zeilenabstand, ohne Einheit */
}

/* Abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }

/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; }

/* Abstand von links */
li { margin-left: 1em; }