body {
  font-size: 1.0em;		/* 1em (gesprochen wie der Buchstabe M) entspricht der Standardschriftgröße des Browsers (16px) */
}

#wrapper {
  width: 770px;			/* Alles wird nur 770px breit */
  padding: 0;
  border: 0.6em solid #4F4F4F;  	/* 0.6 em entspricht etwa 10px */
  margin: 0.6em auto;           	/* oben und unten 0.6em, links und rechts automatisch --> Inhalt wird horizontal zentriert */
}
#header {
  color: #DFDFDF;               	/* Schriftfarbe */
  background-color: #B16B51;    	/* Hintergrundfarbe */
  padding-left: 0.6em;          	/* Platz zwischen Überschrift und linkem Rahmen */
  border-bottom: 0.6em solid #4F4F4F; 	/* Unterer Rahmen als Trennlinie */
}
#header h1 {      		/* alle h1 die sich innerhalb eines Elementes mit der ID="header" befinden */
  font-family: Georgia, Minion Web, Palatino, Book Antiqua, Utopia, "Times New Roman", serif;
  font-size: 3em;
  margin: 0;
}
#navi {
  background-color: #B0B0B0;
  padding: 0.3em;
  border-bottom: 0.6em solid #4F4F4F;
}
#navi ul {           		/* alle ul die sich innerhalb eines Elementes mit der ID="navi" befinden */
  padding: 0;
  margin: 0;
}
#navi li {
  list-style-type: none;        /* Aufzählungszeichen der Liste entfernen */
  padding: 0;
  margin: -2px;
}
#navi li a {                    /* alle a innerhalb von li innerhalb eines Elementes mit der ID="navi" */
  text-decoration: none;        /* Unterstreichung der Links entfernen */
  color: #4F4F4F;
  font-family: verdana, sans-serif;
  font-weight: bold;                                    /* ##################################################### */
  padding-left: 0.9em;                                  /* Die Navigation gucken wir uns später noch genauer an! */
  border-left: 0.3em solid #DFDFDF;                     /* ##################################################### */
}
#navi li a:hover {
  color: #B16B51;
  border-left: 0.3em solid #FCDD74;
}
#content {
  padding: 0.6em;
  margin: 0;
  color: #4F4F4F;
  background-color: #FCDD74;
}
#content h2 {
  font-family: Georgia, Times New Roman, serif;
  font-size: 2.5em;
  margin-top: 0;
}
#content p {
  font-family: verdana, sans-serif;
  line-height: 1.2em;
  text-align: justify;
}
#content a {
  color: #9E9E9E;                /* Linkfarbe im Contentbereich im Normalzustand */
}
#content a:hover {      		/* Linkfarbe im Hoverzustand, also wenn der Mauszeiger darüber schwebt, aber noch nicht geklickt wurde */
  color: #9D755B;
}