* {
  margin: 0; padding: 0;
}

body{
  font-size: 12px;
  font-family: Verdana,sans-serif; 
  background: url('back.jpg') repeat;
}

#webseite{ /* Eigentliches zentriertes Webseitenfenster */
  position: relative; 
  margin: 0 auto; /* bedeutet, dass Webseite zentriert ist */
  text-align:left; 
  width: 914px; /* Seitenbreite eingeben */
  background: #FFF;
  overflow: hidden;
}

#webseite_li{
  position: relative;
  float: left;
  display: inline;
  width: 7px;
  height: 10px;
  background: url('schatten_li.jpg') repeat;
  padding-bottom: 20999px;
  margin-bottom: -20999px;
}
#webseite_re{
  position: relative;
  float: left;
  display: inline;
  width: 7px;
  background: url('schatten_re.jpg') repeat;
  padding-bottom: 20999px;
  margin-bottom: -20999px;
}

#webseite_haupt{
  position: relative;
  float: left;
  display: inline;
  width: 900px;
}

#header{
  position: relative;
  float: left;
  display: inline;
  width: 900px;
  height: 291px;
  background: url('oben.jpg');
}

#hauptbereich_li{
  position: relative;
  float: left;
  display: inline;
  width: 240px;
  background: #474c8d;
  padding-bottom: 20999px;
  margin-bottom: -20999px;
    z-index: 2;
}

#hauptbereich_trennlinie{
  position: relative;
  float: left;
  display: inline;
  width: 2px;
  height: 5px;
  background: #3d427e;
  padding-bottom: 20999px;
  margin-bottom: -20999px;
    z-index: 1;
}
#hauptbereich_re{
  position: relative;
  float: left;
  display: inline;
  width: 628px;
  padding-left: 30px;
  background: #FFF;
  border-top: 4px solid #3d427e;
  padding-bottom: 20999px;
  margin-bottom: -20999px;
    z-index: 1;
}

#menue{
  position: relative;
  float: left;
  display: inline;
  padding-left: 35px;
  z-index: 100;
  overflow: visible;
}

li{
  list-style-type: none;
}

#topnav{
  position: absolute;
  display: inline;
  clear: both;
  top: 3px;
  right: 0px;
  height: 20px;
  width: 365px;
}

.topnav_button{
 position: relative;
 padding-top: 3px;
 float: left;
 display: inline; 
 width: 90px;
 height: 18px;
 background: url('menue_pfeil.gif') no-repeat #454a8c;
}
.topnav_button a{
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 padding-left: 23px;
 font-size: 10px;
 display: block;
}
.topnav_button a:hover{
 text-decoration: underline;
}

#adresse{
  position: relative;
  float: left;
  display: inline;
  padding: 40px;
  padding-left: 42px;
  padding-right: 0px;
  color: #FFF;
  font-size: 10px;
}

#office_login_1, #office_login_2, #office_los{
  position: absolute;
  display: inline;
  clear: both;
  color: #FFF;
  font-size: 10px;
  top: 224px;
  left: 545px;
}
#office_login_2{
  left: 698px;
}
#office_los{
  top: 244px;
  left: 850px;
}
#office_los a{
  color: #FFF;
  text-decoration: underline;
}

#office_felder{
  position: absolute;
  display: inline;
  clear: both;
  top: 242px;
  left: 545px;
}

#office_felder input{
  width: 130px;
  border: 1px solid #313567;
  height: 14px;
  font-size: 10px;
  margin-right: 20px;
  padding: 1px;
}

#breadcrumb{
  position: relative;
  float: left;
  display: block;
  width: 594px;
  border-bottom: 1px dotted #666;
  color: #444;
  margin-bottom: 20px;
}
#footer{
  position: relative;
  float: left;
  display: block;
  width: 594px;
  border-top: 1px dotted #666;
  color: #444;
  margin-top: 15px;
  margin-bottom: 5px;
}

#breadcrumb_re, #breadcrumb_li, #footer_li{
  position: relative;
  float: left;
  display: inline;
  width: 417px;
  padding: 20px 0px 10px 0px;
  font-size: 10px;
}
#footer_li{
  padding-top: 10px;
}
#breadcrumb_re{
  text-align: right;
  width: 177px;
}

a{
  color: #444;
}

h1, h2{
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: bold;
  font-family: Georgia, Verdana;
  width: 494px;
  color: #b12803;
}
h1{
  border-bottom: 1px dotted #b12803;
}
h2{
  font-size: 20px;
}

.bodytext{
  margin-bottom: 30px;
  width: 494px;
  color: #444;
  font-family: Arial;
  line-height: 150%;
}
.text_oben{
  color: #888;
  font-size: 12px;
}

#startseite_li{
  position: relative;
  float: left;
  display: inline;
  width: 390px;
  padding-right: 15px;
}

#startseite_re{
  position: relative;
  float: left;
  display: inline;
  width: 172px;
  padding-left: 15px;
  border-left: 1px dotted #666;
  padding-bottom: 9999px;
  margin-bottom: -9999px;
}

#startseite_wrap{
  position: relative;
  float: left;
  display: inline;
  width: 594px;
  margin-bottom: 10px;
  overflow: hidden;
}

#startseite_re h1, #startseite_re h2{
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial;
  width: 172px;
  color: #0e037c;
}
#startseite_re h1{
  border-bottom: 1px dotted #0e037c;
  padding-bottom: 3px;
}
#startseite_re h2{
  font-size: 20px;
}

#startseite_re .bodytext{
  margin-bottom: 30px;
  width: 172px;
  color: #0e037c;
  font-size: 11px;
  font-family: Arial;
  line-height: 150%;
}

#startseite_li h1, #startseite_li h2{
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: bold;
  font-family: Georgia, Verdana;
  width: 385px;
  color: #b12803;
}
#startseite_li h1{
  border-bottom: 1px dotted #b12803;
}
#startseite_li h2{
  font-size: 20px;
}

#startseite_li .bodytext{
  margin-bottom: 30px;
  width: 385px;
  color: #444;
  font-family: Arial;
  line-height: 150%;
}

#startseite_event{
  margin-bottom: 30px;
}

.contenttable{
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
  border-spacing: 0;
}
.contenttable tr td{
  font-size: 12px;
  font-family: Arial;
  color: #444;
  margin-left: 0px;
  padding: 2px;
  padding-right: 10px;
}
.contenttable .bodytext{
  width: 290px;
}

table{
  display: block;
  width: 494px;
}

.tr-even{
  background: #fcfbd0;
}
.tr-odd{
  background: #fef2a2;
}

.csc-textpic{
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 594px;
  margin-bottom: 10px;
}

.csc-textpic-image{
  position: relative;
  display: inline;
  float: left;
  width: 240px;
  margin: 0;
  padding: 0;
  text-align: left;
}

.csc-textpic-text{
  position: relative;
  display: inline;
  float: left;
  width: 254px;
}
.csc-textpic-text .bodytext{
  margin-bottom: 30px;
  width: 340px;
  color: #444;
  font-family: Arial;
  line-height: 150%;
}
.csc-textpic-imagewrap{
  position: relative;
  display: inline;
  float: left;
  width: 240px;
  margin-right: 0px;
  padding: 0;
}

.csc-mailform{
  border: 0px;
}

.maillink{
  color: #FFF;
}

.tx-guestbook-header, .tx-guestbook-result, .tx-guestbook-left, .tx-guestbook-right{
  font-family: Arial;
}

.tx-guestbook-form-inputfield-med, .tx-guestbook-form-inputfield-big, .tx-guestbook-form-textarea{
  width: 300px;
}