body {
  margin: 10px 20px;                 /* Seitenrand oben/unten rechts/links */
  background-color: #234B85;         /* Hintergrundfarbe */
  font-size: 14px;                   /* Schriftgröße */       
}

#seite {
  width: 800px;                      /* Breite des Seiteninhaltes auf 800 Pixel setzen */
  margin: 0 auto;                    /* Seiteninhalt zentrieren, indem der Außenabstand links und rechts auf "auto" gesetzt wird */
  background-color: #DCE6F6;         /* Hintergrundfarbe */
  color: #000000;                    /* Textfarbe */      
}

#inhalt  {
  padding: 5px 10px;                 /* gleichmäßiger Innenabstand um alle Inhaltsbereiche */
}

#kopf {
  background-color: #112542;         /* Hintergrundfarbe */
  color: #ffffff;                    /* Textfarbe */
}

#kopf h1 {
  margin: 0;                         /* kein Außenrand */
  padding: 10px 10px;                   /* Innenabstand oben und unten */
}

#inhalt {
  width: 800px;                      /* Breite des Inhaltsbereiches */
  background-color: #FDFEFF;         /* Hintergrundfarbe */
  color: #000000;                    /* Textfarbe */ 
}

#inhalt h1 {
  margin-top: 0;                     /* kein Außenrand oben */
}

#navigation {
  width: 180px;                      /* Breite des Navigationsbereiches */
  float: left;                       /* an die linke Seite schieben */
  background-color: #5588D2;         /* Hintergrundfarbe */
  color: #ffffff;                    /* Textfarbe */
  
}

/* Navigationslisten */
#navigation ul {
  list-style-type: none;
  margin-left: 0;                    /* je nach Browser Margin oder Padding verwendet, daher beide ändern...*/
  padding-left: 0;
  font-weight: bold;
}

#navigation ul ul {
  font-weight: normal;
  margin-left: 20px;
  
}

#navigation ul li {
  margin: 1px 0;
}

#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:focus,
#navigation ul li a:hover,
#navigation ul li a:active {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px dotted #ffffff;
}
#navigation ul li a:focus,
#navigation ul li a:hover,
#navigation ul li a:active {
  border-bottom: 1px solid #ffffff;
}

#navigation ul li a:active {
  color: #00FF00;
  border-color: #00FF00;
}


#fuss {
  clear: both;                       /* vorangehende Floats beenden */
  font-size: 12px;                   /* Schriftgröße im Fußbereich */
  background-color: #98B7E4;         /* Hintergrundfarbe */
}

#fuss p {
  text-align: center;                /* Text zentrieren */
  margin: 0;                         /* kein Außenabstand */
}