* {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

div#container {
  position: absolute;
  top: 20px;;
  left: 50%;
  width: 981px;
  height: 765px;
  margin-left: -490px;
}

div#header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 981px;
  height: 186px;
  background: url('../bilder/design/header.jpg') no-repeat;
}

div#navi {
  position: absolute;
  top: 186px;
  left: 0px;
  width: 330px;
  height: 575px;
  background: url('../bilder/design/navicat.jpg') no-repeat;
}

div#navi ul{
  position: absolute;
  top: 53px;
  left: 0px;
  width: 130px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

div#navi li a {
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
  letter-spacing: 0px;
  padding-top: 1px;
  padding-bottom: 3px;
  height: 16px;
  margin-bottom: 1px;
}

div#navi li.space {
  margin-bottom: 7px;
}

div#navi li a:link, div#navi li a:visited {
  color: #FFF;
  display: block;
  background: url(../bilder/schalter/left_navi_3.gif) no-repeat;
  padding-left: 16px;
}

div#navi li a:hover, div#navi  li a:active {
  color: #FFF;
  background: url(../bilder/schalter/left_navi_4.gif) no-repeat;
  padding-left: 16px;
}

div#content {
  position: absolute;
  top: 187px;
  left: 311px;
  width: 676px;
  height: 575px;
}

div#content #index_text {
  position: absolute;
  top: 25px;
  left: 55px;
  width: 290px;
  height: auto;
  padding: 10px;
  margin-right: 30px;
}

div#content #index_news {
  position: absolute;
  top: 25px;
  left: 380px;
  width: 220px;
  height: auto;
  padding: 10px;
}

div#content #content_navi {
  position: absolute;
  top: 25px;
  left: 15px;
  height: 30px;
  margin-left: 30px;
  display: inline;
}

div#content #content_navi td {
  width: 95px;
  height: 22px;
  text-align: center;
}

div#content #content_navi td.button_1 {
  background:url(../bilder/schalter/content_navi_1.jpg);
}

div#content #content_navi td.button_2 {
  background:url(../bilder/schalter/content_navi_2.jpg);
}

div#content #content_navi td.button_3 {
  background:url(../bilder/schalter/content_navi_3.jpg);
}

div#content #content_navi td a {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  text-decoration: none;
}

div#content #content_box {
  position: absolute;
  top: 50px;
  left: 21px;
  width: 650px;
  height: 490px;
  background: url('../bilder/design/rahmenverl.jpg') no-repeat;
}

div#content #content_box #main {
  position: absolute;
  top: 5px;
  left: 126px;
  width: 398px;
}

div#content #content_box #overflow_bereich {
  position: absolute;
  top: 25px;
  width: 650px;
  height: 430px;
  overflow-y: auto;
}

a {
  color: #346667;
}

img.margin {
  margin-right: 5px;
}

p {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

p.eins {
  font-size: 9px;
  font-family: Arial, Helvetica, sans-serif;
}

h2 {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-weight: bold;
  margin-bottom: 8px;
}

hr {
  height: 1px;
  color: #666;
  margin-top: 25px;
  margin-bottom: 25px;
}

input#text {
  border: 1px solid #346667;
}

input#button {
  color: #FFF;
  background: #346667;
  border: 2px solid #CCC;
}

td.padding {
  padding-bottom: 5px;
  padding-right: 5px;
}