html, body {
margin: 0;
padding: 0;
font-family: verdana, helvetica, geneva, arial, sans-serif;
background: #FFCC00;
color: #000000;
text-align: center;
}

#gseite {
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
width: 800px;
background: #C09F7A;
text-align: left;
}

#teaser {
font-size: 40px;
font-stretch: wide;
font-weight: bold
}

#htext{
margin: 0;
padding: 0;
width: 800px;
margin-left: auto;
margin-right: auto;
Background: #D9B081;
font-size: 11px;
}
#ntext{
margin: 0;
padding: 0;
width: 800px;
margin-left: auto;
margin-right: auto;
Background: #D9B081;
font-size: 14px;
}

#menu {
  background: #C09F7A;
  padding: 5px 5%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
  margin: 0;
  text-align: right;
  color: yellow; /* Hier definieren wir die Farbe des Menüpunktes, der kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
}
#menu li {
  font-size: 0.8em;
  display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
  list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
  border-left: 1px solid white; /* Ein optischer Trennungsstrich */
  padding: 0 10px 0 15px;
  font-weight: bold;
}
#menu li a {
  color: white; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
  text-decoration: none;

a:link { text-decoration: none; color: #FF9933; }
a:visited { text-decoration: none; color: #FF9933; }
a:hover { text-decoration: underline; color: #FF9933; }
a:active { text-decoration: underline; color: #FF9933; }