body {
  margin: 0px;
  font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif;
  line-height: 1.6em;
  background: #f3f3f3;
  color: #444;
}

.top_line { /* Linie ganz oben */
  height: 13px;
  background-color: #FFDF00;
  border-bottom: 1px solid #f00;
  position: absolute;
  width: 100%;
  top: 0px;
  z-index: 1;
}

#grey_box_top { /* Grauer Kasten hinter Header */
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100px;
  width: 100%;
  background-color: #B8CDFE;/*#9DBAFD;/*#88b0ff;/*#e5e5e5;*/
  border-bottom: dotted 1px #0000ff;
}

#top_logo { /* Logo */
  z-index: 2;
  position: absolute;
  top: 5px;
  left: 1px;
}

#top_text { /* Text in der Mitte des Headers */
  color: black;
  font-size: 1.1em;
  z-index: 2;
  position: absolute;
  top: 35px;
  left: 300px;
}

div.typ { /* Typ auf der rechten Seite */
  z-index: 2;
  position: absolute;
  right: 15px;
  top: -3px;
  background-image: url(../../images/top_right.gif);
  width: 120px;
  height: 117px;
  background-repeat: no-repeat;
}
div.spamrechner {
  z-index: 2;
  position: absolute;
  right: 180px;
  top: 5px;
}

.login_field { /* Eingabefeld im Login-Bereich */
  border: 1px solid;
  width: 120px;
  font-size: 8pt;
  padding-left: 2px;
}

.live_stats { /* Live-Stats im Header */
  color: black;
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 600px;
}

#navigation { /* Navigationsleiste */
  z-index: 3;
  width: 100%;
  background-color: #0000FF;
  height: 30px;
  position: absolute;
  top: 110px;
  font-size: 11pt;
  color: #fff;
  font-weight: bold;
}