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

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;
  margin-top: 20px;
}

#kopf {
  font-size: 120%; /* kleiner als in body definiert */
  color: white; /* Schriftfarbe weiss */
  background-color: #003399; /* Hintergrundfarbe dunkelblau */
  height: 100px; /* feste Höhe 100px, wie das CHIP Logo */
}

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

#navi {
  font-size: 125%; /* kleiner als in body definiert */
  float: left; /* schwebe unter den Kopfbereich und nach links */
  width: 95px; /* Feste Breite von 145 Pixeln */
  height: 100%; /* Navigationsleiste bis ganz nach unten */
  color: white; /* Schriftfarbe weiss */
  background-color: #004477; /* dunkelblau von chip.de */
  list-style: none; /* Aufzählungszeichen ausstellen */
  padding: 20px;
  margin: 0;
}

#navi a {
  color: white;
  text-decoration: none; /* Unterstreichung entfernen */
  padding: 4px;
 }

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

#inhalt {
  margin-left: 150px;
}

html, body {
  height: 100%;
}