html, body { height:100%; }

body
{
  margin:0;
  background-color: #E8FDFD;
}

#navigation
{
  background-color: #9FFFFE;
  vertical-align: top; 
  padding-top: 25px;
}

.navi-on
{
  padding-left:0.5em;
  border-bottom:2px #00B38D solid;
  background-color: #FFFFFF;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.navi-on a
{
  text-decoration: none;
  font-family: arial;
  font-weight:bold;
  color: #000000;
  font-size: 0.95em;
}

.navi-off
{
  padding-left:0.5em;
  border-bottom:2px #00B38D solid;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.navi-off a
{
  text-decoration: none;
  font-family: arial;
  color: #000066;
  font-size: 0.9em;
}

.navi-off a:hover
{
  font-weight: bold;
  color: #000000;
}

.navi-2off
{
  padding-left:1.5em;
  border-bottom:2px #00B38D solid;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.navi-2off a
{
  text-decoration: none;
  font-family: arial;
  color: #000066;
  font-size: 0.85em;
}

.navi-2on
{
  padding-left: 1.5em;
  border-bottom:2px #00B38D solid;
  background-color: #FFFFFF;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.navi-2on a
{
  text-decoration: none;
  font-family: arial;
  font-weight: bold;
  color: #000000;
  font-size: 0.85em;
}

.navi-2off a:hover
{
  font-weight: bold;
  color: #000000;
}

#headline 
{
  padding-top: 0.5em;
  padding-left: 0.75em;
  padding-bottom: 0.5em;
  vertical-align: top; 
  background-color: #FFFFFF;
}

#headline h1
{
  font-family: arial;
  font-weight: bold;
  font-size: 1.25em;
  color: #000066;
  background-color: #FFFFFF;
}

#content
{
  padding-left: 0.75em;
  padding-bottom: 1.5em;
  padding-right: 0.2em;
  vertical-align: top;
  font-family: arial;
  font-size: 0.8em;
  color: #000066;
  background-color: #FFFFFF;
}

#content p
{
  font-family: arial;
  color: #000066;
}

#content td
{
  font-family: arial;
  font-size: 0.8em;
  color: #000066;
}

#content a
{
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
}

#hilfnavi
{
  background-color: #CFFDF0;
  font-family: arial;
  font-size: 0.7em;
  color: #000000;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.2em;
}

#hilfnavi a
{
  text-decoration: underline;
  color: #000000;
  font-weight:bold;
}

#teaser
{
  font-family: arial;
  color: #000000;
  background-color: #9FFFFE;
  width: 205px;
  padding-top: 10px;
}

#teaser a
{
  color: #FFFFFF;
  text-decoration: underline;
  font-weight: bold;
}

.teaser-content
{
  border: 2px #FFFFFF solid;
  padding: 0.3em;
  margin: 0.2em;
  font-size: 0.90em;
  background-color: #3366FF;
  color: #FFFFFF;
}

#footer
{
  vertical-align: bottom;
  text-align: center;
  background-color: #FFFFFF;
}

#images
{
  background-color: #9FFFFE;
  vertical-align: bottom;
}