@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
border:none;
}
body{
background:#bdced6;
font-size:11px;
color:#535353;
font-family:Arial, Helvetica, sans-sefrif;
text-align:center;
}
#page{
width:990px;
text-align:left;
margin:0 auto;
position: relative;
}
#header{
background-position:232px top;
background-repeat:no-repeat;
overflow:hidden;
height:160px;
}
#header a{
background:none;
padding:0;
}
#logo{
float:left;
}
#newsletter{
float:right;
width:165px;
height:118px;
position:relative;
background:#730c37;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#newsletter a{
background:none;
bottom:0;
color:#BDCED6;
display:block;
font-weight:bold;
height:18px;
left:0;
padding:100px 0 0 5px;
position:absolute;
text-decoration:none;
width:160px;
}
#newsletter a:hover,
#newsletter a:active,
#newsletter a:focus{
	background:#fff;
	color:#810A26;
}
#main{
background:url(../img/kachel.gif) repeat-y 232px 0;
overflow:hidden;
}

/* Navigation */
#left{
float:left;
width:232px;
}
#left ul{
list-style:none;
padding:18px 0 30px 81px;
margin:0;
}
#left ul ul{
padding:0;
}
#left ul li{
margin:0 0 10px 0;
list-style:none;
display:inline-block;
width:100%;
}
#left ul li li{
margin:0;
}
#left a,
#left span{
color:#535353;
text-decoration:none;
font-weight:bold;
display:block;
padding:0 0 0 3px;
background:none;
}
#left .active,
#left a:hover{
color:#730C37;
}
#left span.active{
background:#fff;
}
#left ul li li a,
#left ul li li .active{
padding-left:10px;
font-weight:normal;
}
#left ul li li li a,
#left ul li li li .active{
padding-left:20px;
}
#left ul li li li li a,
#left ul li li li li .active{
padding-left:30px;
}
#left .preis,
#left .preis_aktiv{
background:url(../img/link_dnk.gif) repeat-y;
width:135px;
float:left;
margin-left:82px;
display:inline;
color:#810a26;
padding:2px 0 2px 10px;
margin-top: 10px;
}
#left .preis_aktiv{
	width:134px;
background:url(../img/link_dnk_aktiv.gif) repeat-y;
border-right:6px solid #fff;
}
/* Navigation  Ende */

/* Teaser */
#right{
float:right;
width:165px;
}
#search{
margin-bottom:5px;
overflow:hidden;
}
#search form{
	margin-bottom:0;
}
#search input{
width:135px;
height:18px;
line-height:18px;
float:left;
}
#search input.button{
float:right;
width:21px;
background:#fff url(../img/doppelpfeile.gif) no-repeat 5px center;
}
#search input.button:hover{
background:#fff url(../img/doppelpfeile.gif) no-repeat -695px center;
}
#aktuelles{
background:#dbe4e9;
clear:both;
}
#aktuelles h1{
	background:#730c37;
	color:#bdced6;
	font-size:12px;
	font-weight:bold;
	padding:10px 5px;
	margin-bottom:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#aktuelles .hr{
margin:0;
padding:0;
}
#aktuelles a,
#aktuelles span.active{
padding:0 5px 5px 5px;
display:block;
color:#535353;
text-decoration:none;
background:none;
font-weight:normal;
line-height:14px;
}
#aktuelles a:hover,
#aktuelles span.active{
color:#810a26;
background:#fff;
font-weight:normal;
}
#aktuelles a.mehr{
	font-style:normal;
}
#aktuelles p{
margin:0;
}
#aktuelles .date{
margin-bottom:5px;
display:block;
}

.image_galerie a{
background: none;
}
/* Teaser  Ende */

#content{
margin:0;
width:588px;
overflow:hidden;
float:left;
position:relative;
display:inline; 
}
* html #content{
	display:inline-block;
	width:582px;
	background: #fff;
}
.image_col{
width:180px;
float:left;
padding-top:30px;
}
.image_galerie{
float: left;
width:165px;
float:left;
padding-top:30px;
margin-left: 15px;
text-align: center;
display:inline;
overflow:hidden;
}
.image_galerie a{
	padding:0;
	float:left;
}
.image_galerie strong{
	padding:0;
	clear:left;
}
.text{
margin:6px 20px 5px 196px;
background:url(../img/gepunktet.gif) repeat-x bottom;
padding-bottom:10px;
}
.no_line{
	background:none !important;
}
.teaser,
.back{
margin:10px 20px 5px 196px;
padding:10px 0;
background:url(../img/doppelstrich.gif) repeat-x bottom;
overflow:hidden;
width:372px;
}
* html .teaser,
* html .back{
display:inline-block;
}
.back a{
font-size:12px;
position:relative;
color:#9aaeb7;
font-weight:bold;
text-decoration:none;
padding:0 20px 0 0;
background:url(../img/doppelpfeile2.gif) no-repeat right;
}
.date{
font-style:italic;
}
.text_bild{
overflow:hidden;
padding-left:15px;
clear:both;
}
.eingerueckt{
margin:0 20px 0 181px;
background:url(../img/gepunktet.gif) repeat-x bottom;
padding-bottom:1em;
}

h1,
h2{
font-size:12px;
font-weight:bold;
margin-bottom:1em;
color:#000;
}
h1.home{
margin:15px 20px 0 196px;
font-size:20px;
color:#730C37;
padding-bottom:20px;
background:url(../img/doppelstrich.gif) repeat-x bottom;
}
h1.home .small{
font-size:14px;
}
h2.unterstrichen{
margin-bottom:.5em;
padding-bottom:.5em;
background:url(../img/gepunktet.gif) repeat-x bottom;
}
a{
background:url(../img/doppelpfeile.gif) no-repeat left .4em;
padding-left:15px;
color:#9aaeb7;
text-decoration:none;
font-weight:bold;
}
a:hover{
background-position: -700px .4em;
color:#810a26;
}
a.ext{
background-image:url(../img/ext.gif);
background-position:0 1px;
}
a.ext:hover{
background-position:-700px 1px;
}
a.mehr{
padding:0;
font-style:italic;
font-weight:normal;
background:none;
}
ul, ol, dl {
line-height: 1.5em;
margin: 0 0 1em 1em;
}
#content ul{
margin-left:0;
padding-bottom:5px;
list-style:none;

}
#content ul li{
margin-left:0;
list-style:none;
background:url(../img/li.gif) no-repeat left .4em;
padding-left:1em;
}
* html #content ul li{
	display:inline-block;
}
#content ul li a{
	margin:0;
	padding:0;
}
#content ul.linkliste{
list-style:none;
margin-top: 10px;
overflow:hidden;
}
* html #content ul.linkliste{
	display:inline-block;
}
#content ul.linkliste li{
list-style:none;
background:none;
float:left;
padding:0;
margin-right:10px;
display:inline;
}
ul li {
list-style-type: disc;
}
ul ul li {
list-style-type: circle;
}

ol li {
list-style-type: decimal; 
margin-bottom:10px;
}
ol ol li {
list-style-type: lower-latin;
}
li {
margin-left: 0.8em;
line-height: 1.5em;
}
#content ul li a,
#content ul li span.active{
display:block;
font-weight:bold;
color:#9aaeb7;
text-decoration:none;
background:none;
padding:0;
}
#content ul li a:hover,
#content ul li span.active{
color:#810a26;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 1em 0.8em;
}
p {
line-height: 1.5em;
margin: 0 0 1em 0;
}
strong,b {
font-weight: bold;
}
em,i {
font-style: italic;
}
acronym, abbr {
border-bottom: 1px #aaa dotted;
cursor: help;
}
sub, sup {
font-size: 91.6667%;
}
.hr{
color: #fff;
margin: 0;
padding: 0;
border:0;
background:url(../img/gepunktet.gif) repeat-x;
height:1px;
overflow:hidden;
line-height:1px;
}
fieldset .hr{
	clear:both;
}
.doppelt{
background:url(../img/doppelstrich.gif) repeat-x !important;
}
.hr hr{
display:none;
}

p.icaption_left {
float:left;
display:inline;
margin: 0 0 1em 0;
width:165px;
text-align:right
}
.date_padding{
	padding-top:28px;
}
p.icaption_right {
float:right;
display:inline; 
margin: 0 0 1em;
width:165px;
text-align:right;
}
p.icaption_right strong,
p.icaption_left strong{
	display:block;
	text-align:left;
}
p.icaption_left img,
p.icaption_right img {
padding:0; 
}
p.icaption_left strong,
p.icaption_right strong {
display:block; 
overflow:hidden; 
margin-top: 0; 
background: #fff;
font-weight: normal;
font-style:italic;
line-height:1.2em;
font-size:10px;
}
.float_left{
float:left;
}
.float_right{
float:right;
}
#footer{
margin:0 auto;
padding:5px 0 20px 215px;
position:relative;
width:700px;
}
#footer a{
font-weight:normal;
color:#535353;
}
#footer a:hover{
color:#730C37;
}
#top_print{
margin:0 20px 0 196px;
padding-bottom:20px;
}
#top_print a{
padding-right:20px;
}
#footer a{
padding:0;
background:none;
}

/* Formular */
.filter{
overflow:hidden;
margin-bottom:10px;
width:370px;
}
* html .filter{
	width:350px;
}
.filter .type-check{
float:left;
margin-right:10px;
}
.seiten_anzeige{
width:175px;
}
.weiter{
width:188px;
}
.weiter a{
	float:none !important;
	margin:0 !important;
	width:auto !important;
}
.seiten_anzeige a{
padding:0;
background:none;
}

form label:hover{
color:#810a26;
cursor:pointer;
}
  form {
    margin: 0 0 10px 0;
  }

  form fieldset {
    border: 1px #ddd solid;
    margin: 1em 0 1em 0;
    padding: 0.5em 1em;
background:#e6ebee;
color:#000;
  }
form .columnar .type-text input{
	width:30px;
	float:left;
	margin-right:10px;
	clear:both;
}
form .columnar .type-text label{
	padding-top:8px;
}
  form legend {
    font-size: 1em; font-weight: bold; text-transform:uppercase; color: #000;
  }

  form label {
    color: #000;
	height:22px;
	line-height:22px;
  }

  form .type-text input,
  form .type-text textarea,
  form .type-select select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #c2ced4;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  form div input:focus,
  form div select:focus,
  form div textarea:focus,
  form div input:hover,
  form div select:hover,
  form div textarea:hover,
  form div input:active,
  form div select:active,
  form div textarea:active {
    border: 1px #730C37 solid;
    background: #fff;
  }

  /* Styling of buttons | Gestaltung von Buttons */
  form input.button,
  form input.button:hover,
  a.button {
    border:none;
background:transparent url(../img/doppelpfeile.gif) no-repeat -700px .4em;
padding-left:15px;
color:#810a26;
text-decoration:none;
font-weight:bold;
}
* html form input.button{
width: 0;  /* IE table-cell margin fix */
    overflow: visible;
outline:none !important;
}
*+html form input.button{
    overflow: visible;
outline:none !important;
}



  /* General form styling  | Allgemeine Formatierung des Formulars */
  form { overflow: hidden; }
  form fieldset { overflow: hidden; }
  form legend { background: transparent; border: 0; }
  form label { display:block; cursor: pointer; }
  form .message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  form input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form sup { color: #730C37; font-weight: bold; font-size:13px; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form div.type-text,
  form div.type-select,
  form div.type-check,
  form div.type-button {
    margin: 0.5em 0;
    position: relative;
    overflow: hidden;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  form .type-text input,
  form .type-text textarea {
    display: block;
    position: relative;
    padding: 3px 0;
    width: 99%;
	font-size:11px;
  }

  form .type-select select {
    display: block;
    position: relative;
    padding: 3px 2px 3px 1px;
    width: 60%;
    cursor: pointer;
  }
  form .type-select select optgroup {
    font-style: normal;
    font-weight: bold;
  }

  form .type-check input { cursor: pointer; border:none !important;}
  form .type-check input:hover,
  form .type-check input:focus,
  form .type-check input:active { border:none !important;}
  form .type-check label { display: inline;white-space: nowrap;}

  /* Styling of buttons | Gestaltung von Buttons */
  form .type-button input,
  form .type-button input:hover {
    width: 100%;
    cursor: pointer;
	background:#E6EBEE;
	color:#000;
	padding:5px 5px 5px 10px;
	text-align:left;
	border-bottom:1px dotted #ddd;
	border-top:1px dotted #ddd;
  }
  form .type-button input:hover {
  	background:#730C37;
	color:#fff;
  }
* html form .type-button,
* html form .type-button input{
	width:370px;
}
  /* Styling of error-messages | Fehlermeldungen */
  form div.error {
	line-height:normal;
  }

  form div.error label { color: red; font-weight:bold; }
  form .type-text .message{
  display:none;
}
  form div.error .message { color: #900; display:inline;}
 
  form .radioList .zeile { clear:both; }
  form .radioList .zeile input { width:13px; height:22px; margin-right:9px; display:inline-block; vertical-align:top; }
  form .radioList .zeile label {display:inline-block; }
  form .radioList .zeile textarea { margin-left:25px; border:1px solid #a7bbc1; width:320px; height:200px; }
  /* form .button.umfrage, form .button.umfrage:hover { text-align:right; padding-right:15px; } */
  
  form div.error { background-color:#810A26; color:#FFF; padding:.5em 1em; margin-bottom:.5em; }
  
  h1.umfrage { color:#810A26; }
  
  div#umfrage_overlay { position:absolute; width:100%; height:1700px; top:0; left:0; background:black;
  opacity:.6;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  }
  div#umfrage_overlay_inhalt { z-index:1000; width:588px; background:#FFF; position:absolute; top:148px; left:50%; margin-left:-263px; text-align:left; border-bottom:30px solid #d7e2e7;}
  div#umfrage_overlay_inhalt a,
  div#umfrage_overlay_inhalt span.button{ cursor:pointer; padding:0; margin:0 3px 10px 0; width:180px;  background:url("../img/gepunktet.gif") repeat-x center bottom; display:inline-block; }
  div#umfrage_overlay_inhalt a span,
   div#umfrage_overlay_inhalt span.inner { padding:5px 0; background:none; display:block; background:url("../img/gepunktet.gif") repeat-x center top;}
  div#umfrage_overlay_inhalt a span b,
  div#umfrage_overlay_inhalt span.inner input {display:block; padding:0 10px; background:#d7e2e7; height:30px;  line-height:30px; color:#000;}
    div#umfrage_overlay_inhalt span.inner input {width:180px; font-weight:bold; font-size: 10px;}
  div#umfrage_overlay_inhalt a:hover span b,
  div#umfrage_overlay_inhalt span.inner input:hover { background:#741238; color:#FFF; }
  
  /** Störer Umfrage */
  
  #umfr_stoerer{position: absolute; left: 240px; top: 95px; width:149px; height: 40px; z-index: 80;}
  #umfr_stoerer a{background: none;}
  #umfr_stoerer img{border: 0;}
  #page a{background:none;}
 
 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
  
  /* IE5.x & IE6 */
  * html form legend { position:absolute; top: -.5em; left: .5em; }
  * html form fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; position:relative;}
  *+html form legend { position:absolute; top: -.5em; left: .5em; }
  *+html form fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; position:relative;}


.print{
	display:none;
}
@media print {
  * { margin:0; padding: 0; }
  option { padding-left: 0.4em; }
  select { padding: 1px; }
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  html { height: 100%; margin-bottom: 1px; }
  body {
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left;
  }
  h1, h1{
  	font-size:140%;
}
  fieldset, img { border: 0 solid; }
  ul, ol, dl { margin: 0 0 1em 1em }
  li {
    margin-left: 0.8em;
    line-height: 1.5em;
  }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }


  #header { position:relative; }
  #header, #main{ clear:both; display:inline;}
  #newsletter,
  #top_print,
  #footer{
  	display:none;
}
#logo{
	float:none;
}
#logo{
	display:none;
}
.print{
	display:block;
}

  #left { display:none;}
  #right { display:none;}
  #content {float:none; width: 100%; margin: 0; padding: 0; border: 0; }
hr{
	display:block !important;
	color:#000;
	margin-bottom:10px;
}
#jquery-lightbox a{
	background-image:none !important;
}

}