body {
  background-color: #09C;
}

#rahmen {
  position:absolute;
  left: 50%;
  width: 780px;
  margin-left: -390px;
  top: 50%;
  height: 580px;
  margin-top: -290px;
  background-color: #FFFFFF;
  border: 1px solid black;
}

#kopfbereich {
  position: relative;
  top: 0px;
  left: 0px;
  width: 540px;
  height: 123px;
  background-color:#BCE0EC;
  font-family: Verdana, Arial;
  font-size: 20px;
  color: #000;
  vertical-align: middle;
  float: right;
  text-align: center;
}

#kopfbild {
  position: relative;
  top: 0px;
  left: 0px;
  width: 240px;
  height: 123px;
  background-color:#BCE0EC;
  float: left;
}

#counter {
  margin: 10px 0px;
}


#navi {
  background-color: #BCE0EC;
  height: 457px;
  width: 225px;
  float: left;
}

#mitmachen {
  position: absolute;
  top: 280px;
  width: 170px;
  margin: 20px;
  font-family: Verdana, Arial;
  font-size: 10px;
  color: #000;
  padding: 5px;
  border: 1px solid red;
}

#mm_vorn, #mm_name, #mm_ort, #mm_mail, #mm_mgnr {
  border: 1px solid black;
  font-family: Verdana, Arial;
  font-size: 9px;
  width: 170px;
}

#kontakt_thema, #kontakt_vorn, #kontakt_name, #kontakt_ort, #kontakt_mail, #kontakt_text {
  border: 1px solid black;
  font-family: Verdana, Arial;
  font-size: 9px;
  width: 400px;
}

#kontakt_text {
  height:150px;
}

#content {
  width: 540px;
  height: 457px;
  float: right;
  overflow: auto;
  margin:0px;
}

#inhalt {
  margin: 10px;
  font-family: Verdana, Arial;
  font-size: 12px;
}

a {
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #000;
  cursor: pointer;
  text-decoration: none;
}

a.navi {
  margin-left: 20px;
}

.inhalt {
  margin: 20px;
  font-family: Verdana, Arial;
  font-size: 12px;
}

td {
  font-family: Verdana, Arial;
  font-size: 12px;
  vertical-align:top;
}

p {
  font-family: Verdana, Arial;
  font-size: 12px;
}