﻿/********* Allgemeine Elemente ***********/
body {
 font-size: 100%;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 text-align: center;
}
body, div, p, form {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
p {
 margin: 0 0 0.6em 0;
 line-height: 16px;
}
a { text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }
h1 {
  font-size: 14px;
  line-height: 13px;
  margin: 0 0 26px 0;
  padding-top: 1px;
  letter-spacing:1px;
  text-transform: uppercase;
}
h2 {
  font-size: 12px;
  line-height: 18px;
  margin: 4px 0 8px 0;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
h3 {
  font-size: 12px;
  margin: 0 0 6px 0;
  line-height: 13px;
 }
h4 {
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 0.6em 0;
  line-height: 16px;
}
ul, ul li {
  list-style-type: none;
  list-style-image: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
img { border: 0; }
.fixfloat {
  display: block;
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.hide {display: none;}
.zitat{font-size: 11px !important; line-height: normal !important;}
input, select, textarea { vertical-align: middle; font-family: Arial, Verdana, Helvetica, sans-serif; }
#inhalt table td {
  border-style: solid;
  border-width: 1px;
  font-size: 12px;
}
#inhalt table.tabletxtsmall td {font-size: 11px;}
#wrapper {
 width: 1006px; /* 1018 breite mit schatten*/
 padding: 0 6px 6px 6px;
 margin: 0 auto 60px auto;
 text-align: left;
 background-position: left top;
 background-repeat: repeat-y;
}
#kopfbereich, #inhaltsbereich_gesamt {
 font-size: 12px;
 width: 974px;
 margin-left: 11px;
 margin-right: 11px;
}
/********* Kopfbereich ***********/
#kopfbereich {
 position: relative;
 height: 55px;
 padding-top: 6px;
 background-repeat: repeat-x;
 background-position: left top;
}
#logo {
 position: absolute;
 left: 24px;
 bottom: 2px;
}
#servicenav {
 font-size: 11px;
 position: absolute;
 right: 0;
 bottom: 0;
}
#servicenav a {
 padding: 0 5px 0 11px;
 background-repeat: no-repeat;
 background-position: left center;
}
#servicenav form {
 position: absolute;
 width: 165px;
 right: 14px;
 bottom: 30px;
}
#servicenav label {
 position: absolute;
 left: -1000em;
}
#suchbegriff {
 font-size: 11px;
 height: 14px;
 padding: 0 0 0 1px;
}
#servicelinks {
 position: absolute;
 width: 309px;
 right: 198px;
 bottom: 33px;
 text-align: right;
}
#servicelinks span {
 margin-left: 49px;
}
/********* inhaltsbereich_gesamt ***********/
#inhaltsbereich_gesamt {
 margin-top: 49px;
}
#inhaltsbereich {
 float: left;
 margin-left: 23px;
}
/********* inhaltsbereich_gesamt: Navigation ***********/
#navigation {
 width: 179px;
 float: left;
}
#navigation ul {
 margin: 37px 0 15px 10px;
}
#navigation ul li {
 padding: 4px 4px 0 0;
}
#navigation ul li a {
 display: block;
 display: inline-block;
 padding: 0 0 0 14px;
 background-repeat: no-repeat;
 background-position: left 4px;
}
#navigation ul li.linkaktiv a, #navigation ul li.linkaktiv ul li.linkaktiv a {
 font-weight: bold;
}
#navigation ul li.linkaktiv ul li a {
 font-weight: normal;
}
#navigation ul ul {
 margin: 4px 0 5px 15px;
}
/********* inhaltsbereich_gesamt: Hauptinhalt ***********/
#inhalt {
 width: 549px;
 width: 573px;
 float: left;
}
#inhaltsbereich ul{
  margin: 0.3em 0 0.6em 16px;
  padding-left: 0;
}
#inhaltsbereich ul ul{
  margin: 0.2em 0 0.5em 14px;
}
#inhalt .block {
  padding-bottom: 4px;
  margin-bottom: 16px;
}
/***** einspaltig *****/
.imgleft, .imgleft_mittel { float: left; margin: 0 8px 4px 0; width: 150px;}
.imgleft_mittel {width: 250px;}
.imggross {width: 573px;}
.imgright, .imgright_mittel { float: right; margin: 0 0 4px 8px; width: 150px;}
.imgright_mittel {width: 250px;}
.imgleft img, .imgright img, .imgleft_mittel img, .imgright_mittel img, .imggross img { width: 150px; padding-bottom: 2px; }
.imgleft_mittel img, .imgright_mittel img {width: 250px;}
.imggross img {width: 573px;}
.imgleft p, .imgright p, .imgleft_mittel p, .imgright_mittel p, .imggross p { font-size: 10px; line-height: 14px; padding: 4px;}
#inhaltsbereich .navigationFolgeseite {
 position: relative;
 margin-bottom: 20px;
}
.flashLeft, .flashRight {width: 330px;}

#inhaltsbereich .verweisliste, #inhaltsbereich .seitenanfang { margin-bottom: 12px; }
#inhaltsbereich .verweisliste div a, #inhaltsbereich .seitenanfang a, #inhaltsbereich .navigationFolgeseite a {
  line-height: 16px;
  display: inline;
  background-repeat: no-repeat;
  background-position: left 3px;
  padding-left: 14px;
}
/* Firefox 2 ignoriert das display:inline-block */
#inhaltsbereich .verweisliste div a, #inhaltsbereich .seitenanfang a, #inhaltsbereich .navigationFolgeseite a { display: inline-block; }
#inhaltsbereich .navigationFolgeseite span {
 position: absolute;
}
#inhaltsbereich .navigationFolgeseite a.uebersicht {
 left: 0;
 top: 0;
}
#inhaltsbereich .navigationFolgeseite a.weiter {
 background-position: right 3px;
 padding-right: 14px;
 padding-left: 0;
}
* html #inhaltsbereich .navigationFolgeseite a.weiter {right: 8px;}
#inhaltsbereich .navigationFolgeseite span {
 right: 8px;
 top: 0;
}
#inhaltsbereich .zweispaltig div.sprung { width: 48%; float: left; padding-right: 1%;}
#inhaltsbereich .dreispaltig div.sprung { width: 32%; float: left; padding-right: 1.3%;}
/* meldungen */
#inhalt .meldungen {
  margin-bottom: 20px;
}
#inhalt .meldungen .newsinhalt .imgleft {width: 100px;}
#inhalt .meldungen .newsinhalt .imgleft img {
 width: 100px;
 display: block;
 padding-bottom: 0;
 /* border-style: solid;
 border-width: 2px;
 border-left: none; */
}
* html #inhalt .meldungen .newsinhalt p {position: relative;}
#inhalt .meldungen .newsinhalt p, #inhalt .meldungen .newsinhalt .verweisliste  {
 padding-left: 12px;
 padding-right: 12px;
}
#inhalt .meldungen h2, #inhalt .meldungen h3 {
 font-size: 11px;
 margin: 4px 0 3px 0;
 position: relative;
 cursor: pointer; 
 line-height: 18px;
 border-bottom-style: dotted;
 border-bottom-width: 1px;
 letter-spacing: 2px;
 text-transform: uppercase;
}
/* haslayout problem */
* html #inhalt .meldungen h2 {display: inline-block;}
*+ html #inhalt .meldungen h2 {display: inline-block;}
* html #inhalt .meldungen h3 {display: inline-block;}
*+ html #inhalt .meldungen h3 {display: inline-block;}
#inhalt .meldungen h2 span, #inhalt .meldungen h3 span {
 font-size: 0px;
 width: 12px;
 height: 12px;
 position: absolute;
 bottom: -16px;
 line-height: 0px;
 display: block;
}
#inhalt h2 span.h2_text {
 font-size: 12px;
 font-weight: normal;
 letter-spacing: normal;
 display: block;
 text-transform: none;
}
#inhalt .bestellung h3 span.datum {
font-size: 11px;
font-weight: normal;
position: static;
display: inline;
}
/*
#inhalt .bestellung h3 {
 padding-right: 120px;
}
#inhalt .meldungen h3 span.bestelllink {
 font-size: 11px;
 line-height: 16px;
 height: auto;
 width: auto;
 position: absolute;
 bottom: 0;
 right: 0;
 text-transform: none;
 letter-spacing: normal;
}
#inhalt .meldungen h3 span.bestelllink a {
 padding-left: 14px;
 background-repeat: no-repeat;
 background-position:  left center;
}
*/
#inhalt .meldungen .newsinhalt {
 padding: 18px 0 6px 0;
}
#inhalt span.kartenbestellung {
 float: right;
}
#inhalt span.kartenbestellung a {
 padding-left: 14px;
 background-repeat: no-repeat;
 background-position:  left center;
}
#inhalt .meldungen .newsinhalt img {
 display: block;
 padding-bottom: 0;
 border-style: solid;
 border-width: 2px;
 border-left: none;
}
* html #inhalt .meldungen .newsinhalt p {position: relative;}
#inhaltsbereich .meldungen .verweisliste {
 margin-top: 4px;
 margin-bottom: 0;
}
/*** bildergalerie ***/
#inhalt .bildergalerieGross ul, #inhalt .bildergalerieMittel ul, #inhalt .bildergalerieKlein ul {
 margin: 0 0 3px -3px;
 padding: 0 ;
 list-style-type: none;
 list-style-image: none;
}
#inhalt .bildergalerieGross ul li, #inhalt .bildergalerieMittel ul li, #inhalt .bildergalerieKlein ul li {
 float: left;
 width: 180px;
 height: 180px;
 line-height: 180px;
 margin: 3px 0 0 3px;
 padding: 0;
 text-align: center;
 border-width: 1px;
 border-style: solid;
 list-style-type: none;
 list-style-image: none;
}
#inhalt .bildergalerieMittel ul li {
 width: 134px;
 height: 134px;
 line-height: 134px;
}
#inhalt .bildergalerieKlein ul li {
 width: 106px;
 height: 106px;
 line-height: 106px;
}
#inhalt .bildergalerieGross ul li img, #inhalt .bildergalerieMittel ul li img, #inhalt .bildergalerieKlein ul li img {
 text-align: center;
 vertical-align: middle;
}
#inhalt .bildergalerieMittel ul li img.w {
 width: 80%;
}
#inhalt .bildergalerieMittel ul li img.h {
 height: 80%;
}
#inhalt .bildergalerieKlein ul li img.w {
 width: 80%;
}
#inhalt .bildergalerieKlein ul li img.h {
 height: 80%;
}
#inhalt div.fb-gallery ul.gallery-view li,
#inhalt div.fb-gallery ul.image-view li
{
    padding: 10px;
}
#inhalt div.fb-gallery ul li { width: 114px; height: 114px; line-height: normal; }
#inhalt div.fb-gallery ul.gallery-view li a,
#inhalt div.fb-gallery ul.image-view li a
{
 display: block;
 width: 100%;
 height: 100%;
 background-position: center center;
 background-repeat: no-repeat;
 text-decoration: none;
}
#inhalt div.fb-gallery ul.gallery-view li a span
{
  background-position: center center;
  background-repeat: no-repeat;
  line-height: normal;
  width: 100%;
  height: 100%;
  display: block;
}
#inhalt div.fb-gallery .navigationFolgeseite {margin-top: 16px;}
#inhalt #sitemap ul li{
 list-style-image:none;
 font-weight:bold;
}
#inhalt #sitemap ul li ul li {
 font-weight:normal;
}
#inhalt #sitemap ul li ul li ul li {
 font-weight:normal;
}
/********* inhaltsbereich_gesamt: Slideshow ***********/
#inhalt .slide-item
{
   padding-bottom: 0;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   display: none;
}
 #inhalt.slide-item:first-child
{
   display: block;
}
#inhalt .imgleft-slide
{
  float: left;
  margin: 0 13px 0 0;
  width: 387px;
  height: 230px;
}
#inhalt .imgleft-slide img
{
   width: 387px;
   height: 230px;
}
#inhalt .slide-item .slide-content
{
   margin-top: 8px;
   padding-right: 13px;
   zoom: 1;
}
.slide-item .slide-content h3
{
   border-bottom-style: none;
   text-transform: none;
}
#inhalt .controls
{
  position: relative;
  display: none; 
}
#inhalt .controls a
{
  position: absolute;
  z-index: 100;
}
#inhalt .controls .next,
#inhalt .controls .prev
{
  bottom: 10px;  
}
#inhalt .controls .prev
{
  left: 15px;
}
#inhalt .controls .next
{
  right: 197px;
}

/********* inhaltsbereich_gesamt: Randspalte ***********/
#randspalte {
 font-size: 11px;
 width: 203px;
 width: 179px;
 float: left;
 margin-top: 40px;
 margin-left: 20px;
}
#randspalte .mBox 
{
  margin-bottom: 20px;
}
#randspalte .mBox h3 {
 font-size: 11px;
 line-height: 17px;
 margin-bottom: 8px;
 border-bottom-style: dotted;
 border-bottom-width: 1px;
 letter-spacing: 2px;
 text-transform: uppercase; 
}
#randspalte .img_unterschrift {
 font-size: 10px;
 margin-top: -0.6em;
 line-height: 14px;
}
/***** footer ****/
#footercon {
 width: 1018px;
 height: 21px;
 margin-left: -17px;
 margin-bottom: -27px;
 background-color: Transparent;
 background-repeat: no-repeat;
 background-position:  left bottom;
}
* html #footercon {
 position:relative;
}
