body {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  font-family: Verdana;
}

#headline {
  position: absolute;
  left: 0px;
  top: 20px;
  width: 100%;
  height: 60px;
  background-color: #6666DD;
  border-color: #000000;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  padding-left: 10px;

}

#content {
  position: absolute;
  left: 10px;
  top: 100px;
  height: 80%;
  width: 95%;
  scrollbar-face-color: #DD9999;
  scrollbar-shadow-color: #DD9999;
  scrollbar-highlight-color: #DD9999;
  scrollbar-3dlight-color: #DD9999;
  scrollbar-darkshadow-color: #DD9999;
  scrollbar-track-color: #DD6666;
  scrollbar-arrow-color: #000000;
  overflow: auto;
}

#navigation {
  padding: 0px;
  font-family: Verdana;
  font-size: 10pt;
  color: #FFFFFF;
  font-weight: bold;
}

#navigation {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 25px;
  background-color: #DD6666;
  border-color: #000000;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  overflow: hidden;
  padding-left: 10px;
}


h2 {
  margin: 25px 0px 0px 1px;
  font-family: Verdana;
  font-size: 20pt;
  color: #DDDD33;
  font-weight: bold;
  font-style: italic;
}

h1 {
  font-size: 12pt;
  padding-top: 20px;
}

a.navi {
  text-decoration: none;
  color: #ffffff;
}

a.navi:hover {
  color: #DDDD33;
}

#logon {
  display: none;
}

.logon {
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-color: #9999AA;
  width: 60px;
  height: 18px;
  font-size: 8pt;
  font-family: Verdana;
}

.logonbutton {
  background-color: #9999AA;
  color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF;
  width: 60px;
  height: 18px;
  font-size: 8pt;
  font-family: Verdana;
}