body, html
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #21428C;
  margin: 0px;
  height: 100%;
  scrollbar-DarkShadow-Color: #31529C;
  scrollbar-Track-Color: #FFFFFF;
  scrollbar-Face-Color: #FFFFFF;
  scrollbar-Shadow-Color: #FFFFFF;
  scrollbar-Highlight-Color: #FFFFFF;
  scrollbar-3dLight-Color: #31529C;
  scrollbar-Arrow-Color: #31529C;
  line-height: 16px;
  background-color: #FFFFFF;
}
select, input, textarea
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #21428C;
  border: solid 1px #31529C;
  padding: 1px;
  background-color: #F4F6FA;
}
input.button
{
  background-color: #F4F6FA;
  border: solid 1px #31529C;
  margin: 0;
  cursor: pointer;
}
input.redaktion
{
  background-color: #D6DCEB;
  border: 0px;
  margin: 0;
  cursor: pointer;
}
a:link, a:visited, a:hover, a:active
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #21428C;
  font-size: 12px;
  text-decoration: underline;
}
td, th
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #21428C;
}
.text2
{
  color: #21428C;
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.hoch
{
  background-color: #31529C;
  width: 100px;
  height: 120px;
  border: 0px;
}
.quer
{
  background-color: #31529C;
  width: 120px;
  height: 80px;
  border: 0px;
}
.hochgr
{
  background-color: #31529C;
  width: 264px;
  height: 356px;
}
.quergr
{
  background-color: #31529C;
  width: 364px;
  height: 264px;
}
#index
{
  position: relative;
  width: 800px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#home1
{
  width: 800px;
  float: left;
  background-image: url(images/hg-index.gif);
}
#home
{
  float: left;
  width: 550px;
}
#head
{
  float: left;
  width: 800px;
  left: 0px;
  top: 0px;
}
#navi
{
  float: left;
  width: 203px;
  height: 297px;
  left: 0px;
  top: 117px;
  background-image: url(images/hg-kogge.gif);
}
#bilder
{
  position: absolute;
  width: 180px;
  text-align: left;
  top: 146px;
  left: 610px;
}
#formular
{
  width: 275px;
  float: left;
}
#formular1
{
  float: left;
  width: 275px;
  left: 275px;
}
#unten
{
  float: right;
  width: 800px;
  bottom: 0px;
}

/* Info-Box für Werbung etc. */
.info-box
{
  position:absolute;
  left:0px;
  top:120px;
  width:650px;
  height:406px;
  visibility: hidden;
  text-align: center;
  z-index: 999;
  border: 2px solid #21428C;
  background-color: #D6DCEB;
  padding: 50px;
  cursor: pointer;
}