body {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
  font-size: 100%;
  background-image: url("../img/bg1.png");
  background-repeat: repeat-x;
  background-color: #9db9cb;
  color: white;
  border: 0;
  padding: 0;
  margin: 0;
}

#menu {
  position: relative;
  left: 0px;
  font-size: 0.75em;
  margin: 66px auto auto auto;
  width: 634px;
  padding: 0 0 0 266px;
  color: black;
}

#menu a {
  text-decoration: none;
  color: #ffffff;
}
#menu a:hover {
  text-decoration: underline;
  color: #ffffff;
}

.round {
  background: url("../img/button-mitte.png") repeat;
  color: #738fa1;
  margin: auto;
  float: left;
}
.plain {
  margin: 9px 0px 0 0;
  float: left;
}
.sta {
  width: 4.5em;
}
.klo {
  width: 6.5em;
}
.ter {
  width: 6.5em;
}
.kon {
  width: 6.5em;
}
.rbtop div {
  background: url("../img/button-links.png") no-repeat top left;
}
.rbtop {
  background: url("../img/button-rechts.png") no-repeat top right;
}
.rbtop div, .rbtop {
  height: 9px;
  font-size: 1px;
}
.rbcontent {
  margin: 0 9px;
  padding: 0 0 9px 0;
  font-weight: bold;
}

#blatto {
  position: relative;
  text-align: left;
  background-color: transparent;
  color: #686868;
  margin: 0px auto 0px auto;
  padding: 0;
  border: 0;
  font-size: 0.75em;
  height: 17px;
  width: 900px;
  clear: both;
}

#rest {
  margin: 0px auto 0px auto;
  width: 900px;
  clear: both;
}

#blattm {
  position: relative;
  background-image: url("../img/mitte-content.png");
  background-repeat: repeat-x;
  background-color: #ffffff;
  color: #686868;
  font-size: 0.75em;
  text-align: left;
  margin: 0px auto 0px auto;
  padding: 0;
  border: 0;
  width: 900px;
  float:left;
}

a.logo {
  display: block;
  position: absolute;
  background-image: url("../img/logo.png");
  left: 693px;
  top: -66px;
  width: 156px;
  height: 44px;
  float: left;
}

a:hover.logo {
  background-position: 0px -44px;
}

.logo2 {
  position: absolute;
  left: 46px;
  top: -77px;
  float: left;
  z-index: 1000;
}

#sub0 {
  position: relative;
  margin: 110px 0 0 0;
  padding: 116px 0 0 20px;
  background-color: transparent;
  width: 261px;
  float: left;
  clear: both;
}

#sub1 {
  position: relative;
  margin: 110px 0 0 0;
  padding: 116px 0 0 20px;
  font-weight: bold;
  width: 261px;
  float: left;
  clear: both;
}

#sub11 {
  position: relative;
  background-image: url("../img/bg4.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #ffffff;
  width: 41px;
  height: 395px;
  float: right;
}

#sub12 {
  position: relative;
  background-color: #ffffff;
  float: left;
}

.sublnktop {
  background-image: url("../img/subtoplnk.png");
  width: 200px;
  height: 9px;
  font-size: 0em;
  float: left;
  clear: both;
}
.sublnkbot {
  background-image: url("../img/subbotlnk.png");
  width: 200px;
  height: 9px;
  font-size: 0em;
  margin-bottom: 10px;
  float: left;
  clear: both;
}
.sublnk {
  background-color: #e8e6cf;
  color: #8a836e;
  text-decoration: none;
  width: 190px;
  padding: 0 0 0 10px;
  float: left;
  clear: both;
}
.sublnk a {
  color: #8a836e;
  text-decoration: none;
}
.sublnk a:hover {
  background-image: url("../img/kreuzhov.png");
  background-repeat: no-repeat;
  background-position: center left;
  color: #8a836e;
  text-decoration: none;
}
.lnktxt {
  display: block;
  width: 170px;
  padding: 0 0 0 20px;
}
.acttxt {
  display: block;
  width: 170px;
  padding: 0 0 0 20px;
}

.linie {
  display: block;
  background-image: url("../img/lin.png");
  background-position: center left;
  background-repeat: no-repeat;
  width: 175px;
  height: 26px;
}

.subacttop {
  background-image: url("../img/subtopact.png");
  width: 200px;
  height: 9px;
  font-size: 0em;
  float: left;
  clear: both;
}
.subactbot {
  background-image: url("../img/subbotact.png");
  width: 200px;
  height: 9px;
  font-size: 0em;
  margin-bottom: 10px;
  float: left;
  clear: both;
}
.subact {
  background-color: #cfc5a5;
  color: #ffffff;
  text-decoration: none;
  width: 190px;
  padding: 0 0 0 10px;
  float: left;
  clear: both;
}
.subact .acttxt {
  background-image: url("../img/kreuzact.png");
  background-repeat: no-repeat;
  background-position: center left;
}
.subact a {
  color: #8a836e;
  text-decoration: none;
}
.subact a:hover {
  background-image: url("../img/kreuzacthov.png");
  background-repeat: no-repeat;
  background-position: center left;
  color: #8a836e;
  text-decoration: none;
}

#inhalt {
  position: relative;
  background-color: transparent;
  margin-top: 50px;
  padding: 30px 22px 0 0;
  line-height: 1.5em;
  width: 570px;
  float: left;
}

#inhalt .imgl {
  border: 1px solid #6b6b6b;
  padding: 3px;
  margin: 0 21px 10px 0;
  float: left;
}

#inhalt .imgr {
  border: 1px solid #6b6b6b;
  padding: 3px;
  margin: 0 0px 10px 21px;
  float: right;
}

.s0 {
  clear: both;
}

.s1 {
  position: relative;
  background-color: transparent;
  padding: 0px 20px 0 0;
  width: 260px;
  float: left;
  clear: left;
}
.s2 {
  position: relative;
  background-color: transparent;
  padding: 0px 22px 0 0;
  width: 260px;
  float: right;
  clear: right;
}

.h1 {
  font-family: Georgia, serif;
  font-size: 2.5em;
  line-height: 1.2em;
  font-weight: normal;
  color: #5c7482;
}
.h2 {
  font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1.2em;
  padding-top: 8px; 
  color: #bd5f04;
}
.h3 {
  font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #738fa1;
}
.h4 {
  font-family: Georgia, serif;
  font-weight: normal;
  color: #aba389;
}

em {
  font-style: normal;
  font-weight: normal;
  color: #b76009;
}

#inhalt a {
  text-decoration: none;
  border-bottom: 1px dashed;
  color: #686868;
}

#inhalt a:hover {
  background-color: #cfc5a5;
  border-bottom: 1px solid #cfc5a5;
  color: #ffffff;
  text-decoration: none;
}

.hr {
  display: block;
  width: 100%;
  height: 1px;
  margin: 10px 0 10px 0;
  font-size: 0em;
  background-color: transparent;
  border-bottom: 1px #686868 dashed;
}

ul {
  list-style-type: none;
  font-weight: normal;
}

ul li {
  background-image: url("../img/button-li.gif");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 7px;
  padding: 0px 0 0 15px;
  margin-left: -40px;
}

#inhalt .button-download a {
  background-image: url("../img/button-download.jpg");
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  text-decoration: none;
  position: relative;
  width: 90px;
  height: 20px;
  margin: 2px 0 0 4px;
  margin: 0px 0 0 4px;
  float: right;
}
#inhalt .button-download a:hover {
  background-image: url("../img/button-download.jpg");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 -19px;
  border: none;
  text-decoration: none;
  position: relative;
  margin: 2px 0 0 4px;
  margin: 0px 0 0 4px;
  float: right;
}

#inhalt .button-mehr a {
  background-image: url("../img/button-mehr.gif");
  background-color: transparent;
  background-repeat: no-repeat;
  text-decoration: none;
  border: none;
  position: relative;
  width: 52px;
  height: 20px;
  margin: 4px 0 0 4px;
  float: right;
}
#inhalt .button-mehr a:hover {
  background-image: url("../img/button-mehr-hover.gif");
  background-color: transparent;
  background-repeat: no-repeat;
  text-decoration: none;
  border: none;
  position: relative;
  margin: 4px 0 0 4px;
  float: right;
}

#inhalt .button-zurueck a {
  background-image: url("../img/button-zurueck.gif");
  background-color: transparent;
  background-repeat: no-repeat;
  text-decoration: none;
  border: none;
  position: relative;
  width: 61px;
  height: 20px;
  margin: 4px 0 0 4px;
  float: right;
}
#inhalt .button-zurueck a:hover {
  background-image: url("../img/button-zurueck.gif");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 -20px;
  text-decoration: none;
  border: none;
  position: relative;
  margin: 4px 0 0 4px;
  float: right;
}

#filler {
  background-color: #ffffff;
  width: 900px;
  height: 50px;
  float: left;
  clear: both;
}

.foot {
  background-image: url("../img/bg2.png");
  background-repeat: no-repeat;
  background-color: #9db9cb;
  color: #686868;
  font-size: 0.70em;
  text-align: left;
  margin: 0px auto 0px auto;
  padding: 0;
  border: 0;
  width: 900px;
  height: 160px;
  clear: both;
}

.foot .cont {
  position: relative;
  width: 803px;
  padding: 60px 0 0 0;
  text-align: right;
}

.foot .cont .right {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: bold;
}

.foot .cont .site {
  color: #686868;
}

.foot .cont .site a {
  text-decoration: none;
  border-bottom: 1px dashed;
  color: #686868;
}

.foot .cont .site a:hover {
  background-color: #cfc5a5;
  border-bottom: 1px solid #cfc5a5;
  color: #ffffff;
  text-decoration: none;
}

.footl {
  position: relative;
  line-height: 1.6em;
  margin: -5px 0 0 0px;
  padding: 0px 0 0 150px;
  text-align: left;
  float: left;
}

#footr {
  color: #ffffff;
  height: 28px;
  font-weight: bold;
  text-align: center;
}

#footr img {
  visibility: hidden;
}

#footr a {
  color: #ffffff;
  text-decoration: none;
  margin: 0 0 7px 7px;
}

#footr .kon {
  background-image: url("../img/button-kontakt.png");
  background-repeat: no-repeat;
  background-color: transparent;
  height: 28px;
  width: 87px;
  float: right;
}
#footr .akon {
  background-image: url("../img/button-kontakt.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -28px;
  margin: 0 0 7px 7px;
  height: 28px;
  width: 87px;
  float: right;
}
#footr .imp {
  background-image: url("../img/button-impressum.png");
  background-repeat: no-repeat;
  background-color: transparent;
  height: 28px;
  width: 105px;
  float: right;
}
#footr .aimp {
  background-image: url("../img/button-impressum.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -28px;
  margin: 0 0 7px 7px;
  height: 28px;
  width: 105px;
  float: right;
}
#footr .cpps {
  background-image: url("../img/button-cpps.png");
  background-repeat: no-repeat;
  background-color: transparent;
  height: 28px;
  width: 69px;
  float: right;
}
#footr .acpps {
  background-image: url("../img/button-cpps.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -28px;
  margin: 0 0 7px 7px;
  height: 28px;
  width: 69px;
  float: right;
}

#footr a:hover,active,focus {
  background-position: 0 -56px;
  color: #8a836e;
}

img {
  border: 0;
}

a {
  outline: 0;
}
a#aktuell a,
a:hover#aktuell {
  border: none !important;
  background-color: transparent;
}

#aktuell {
  border: none !important;
  position: absolute;
  display: block;
  background-image: url("../img/200-jahre.png");
  background-repeat: no-repeat;
  background-color: transparent;
  top: 86px;
  right: -74px;
  z-index: 2000;
  width: 270px;
  height: 165px;
}

#aktuell:hover {
  background-position: 0 -164px;
}

#teaser {
  display: block;
  position: absolute;
  background-color: #f2f1eb;
  color: #61616c;
  top: 50px;
  right: -70px;
  margin: 0px 0 0 0px;
  width: 292px;
  border: 2px solid #b7b6aa;
  z-index: 1000;
}

#teaser-auf,
#teaser-close,
#teaser.inactive {
  display: none;
}

#teaser #top {
}
#teaser #middle {
  background-color: transparent;
  display: block;
  font-weight: normal;
  width: 266px;
  padding: 0px 10px 25px 16px;
}
#teaser #middle .txt {
  position: relative;
  top: 0;
  left: 0;
  line-height: 1.6em;
  font-size: 0.875em;
  font-weight: bold;
}
#teaser #middle .txt br {
  display: none;
}
#teaser #middle .txt .h1 {
  display: block;
  font-size: 2.0em;
  font-weight: bold;
  text-align: center;
  margin: 16px 0 10px 0;
}
#teaser #middle .txt .h2 {
  display: block;
  padding: 0 0 0 0;
  font-size: 1em;
  font-weight: bold;
}
#teaser #middle .txt .h3 {
  padding: 0 0 0 0;
  font-size: 1em;
  font-weight: bold;
}
#teaser #middle .txt .h4 {
  padding: 0 0 0 0;
  font-size: 1em;
  font-weight: bold;
}
#teaser #middle .txt .hr {
  border-bottom: 1px solid #b7b6aa;
  margin: 8px 0px 8px -9px;
  width: 278px;
}
#teaser #middle .txt .cmehr {
  width: 100%;
  display: block;
  text-align: center;
}
#teaser #middle .txt a.mehr {
  font-family: Georgia, serif;
  text-decoration: none;
  border: 0;
  color: #f2f1eb;
  font-size: 1.5em;
  background-color: #80182e;
  border: 2px solid #cd4f6a;
  padding: 15px 20px 15px 20px;
  text-align: center;
  position: relative;
  bottom: -40px;
}
#teaser #middle .txt a:hover.mehr {
}
#teaser #bottom {
  position: absolute;
  width: 100%;
}
#teaser #bottom #ecke {
  display: block;
  position: absolute;
  top: 2px;
  right: -2px;
  width: 18px;
  height: 13px;
  background: linear-gradient(to right bottom, #4c4840 50%, transparent 50%);
}

.audiobar {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  height: 5em;
  width: 80%;
  border-radius: 5px;
  padding: 0 0 5px 0;
  margin: 0px 0 10px 0;
  float: left;
}

.audiobar .title {
  display: inline-block;
  width: 100%;
  padding: 4px 0 0 0;
}

.audiobar .bar {
  display: inline-block;
  width: 100%;
  margin: 0;
  outline: 0;
}
.hinweis {
  font-size: 0.90em;
  font-weight: normal;
}

.hinweis a {
}

.hinweis a:hover {
}