@charset "UTF-8";

/* Eric Meyer v1.0 - 2008-02-12 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;font-weight: normal;}
body {line-height: 1;}
ol, ul {list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* CSS Ludger Müller, artbeit.de, für Jens Thiele (jensthiele.de) 2010 */

body{
  background: #ffffff;
  font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
  color: #222323;
background-color: #fefefe;
}
/* Container */

#rahmen{
  width: 970px;
  margin: 0 auto;
    
}
/* Kopfbereich */
#kopf{
  padding: 0;
  height: 235px;
  width: 970px;
  margin: 0 0 0 0;
  background: #fefefe url(../layoutbilder/kopf_bg.png) no-repeat 0 54px;
  position:relative;
}
#kopflinks{
  position: absolute;
  left:0;
  top: 0;
  width: auto;
  height: 180px;
  margin: 54px 0 0 0;
}
#logo{
  margin: 36px 0 0 76px;
}
#hnav1{
  margin: 60px 0 0 76px;
}
#kopfrechts{
position:absolute;
top:100px;
left:500px;
   width: 480px;
  /* height: 180px; */
  margin: 54px 0 0 0;
  position: relative;
}
#hnav2 {
  margin: 50px 0 0 10px;
  
}
#taenzer{
  position: absolute;
  top: -92px;
right:10px;
}
/* Inhaltsbereich */

#inhalt{
 
 min-height:400px ;
}
#inhalt.normal{
  margin: 75px 150px 20px 180px;
}
#inhalt.gallerie{
  margin: 75px 80px 20px 80px;
}

#startfiguren{
  clear: both;
  width: 970px;
  margin: 0 0 -23px 0 ;
}
#fuss{
font-size: 9px;
  clear: both;
  text-align: center;
  padding:  30px 0 0 0;
  width: 970px;
  height:25px;
  background: url(../layoutbilder/fuss_bg.png) no-repeat 0 22px;

}
/* Formate
1) hnav1 und hnav2
*
*/
#hnav ul{
  list-style-type: none;
}
#hnav1 ul.level1 li, #hnav2 ul.level1 li {
   float: left;  
    position: relative;
    margin: 10px 10px 3px 0;
    padding: 0;

}
#hnav1 ul.level1 li ul, #hnav2 ul.level1 li ul {
    margin: 0; padding: 0;
     position: absolute;
  width:10em;
 left: -999em;  
 background-color: #f9f8f8;
  }

#hnav1 ul.level1 li:hover ul, #hnav2 ul.level1 li:hover ul,#hnav1 ul.level1 li.korrIEs ul, #hnav2 ul.level1 li.korrIEs ul {
   
  left: auto;

  }
  #hnav1 ul.level1 li ul li, #hnav2 ul.level1 li ul li {
    float: none;
    display: block;
    background-color: #d6cfd3;
    margin: 3px 0;
    padding: 3px;
     
  }
  
#hnav1 ul a,#hnav2 ul a{
  display: block;
  text-decoration: none;
  font-size: 13px;
  font-weight:bold;
  line-height: 150%;
  margin: 0 15px 0 0;
  height: 18px;
  
}
#hnav1 ul ul a,#hnav2 ul ul a{
  display: block;
  text-decoration: none;
  font-size: 13px;
  font-weight:bold;
  line-height: 150%;
  margin: 0;
  height: 18px;
  
}
#hnav1 ul a:link, #hnav1 ul a:visited,#hnav2 ul a:link, #hnav2 ul a:visited {
  color: #737373;
  
}
#hnav1 ul a:focus, #hnav1 ul a:hover, #hnav1 ul a:active, #hnav2 ul a:focus, #hnav2 ul a:hover, #hnav2 ul a:active  {
color: #b92a22;

}
#hnav1 ul a.current, #hnav2 ul a.current{
  font-weight: bold;
  color: #b92a22;
  
}
#hnav1 ul ul a:link, #hnav1 ul ul a:visited,#hnav2 ul ul a:link, #hnav2 ul ul a:visited {
    color: #2c2d2d;
  
}
#hnav1 ul ul a:hover, #hnav1 ul ul a:active, #hnav2 ul ul a:hover, #hnav2 ul ul a:active, #hnav1 ul ul a:focus,#hnav2 ul ul a:focus  {
color: #cb2e26;

}
#hnav1 ul ul a.current, #hnav2 ul ul a.current{
  font-weight: bold;
  color:#cb2e26;
  
}

/*
2) Inhaltsbereich
*/

h1 {
font-size: 22px;
font-weight: bold;
color: #b92a22;
background-color: transparent;
margin: 0 0 20px 0;
 }
h2 { font-size: 18px;
font-weight: bold;
color: #cb2e26;
background-color: transparent;
margin: 15px 0 15px 0;
}
h3, h4, h5 { font-size: 14px;
font-weight: bold;
color: #cb2e26;
background-color: transparent;
margin: 0 0 10px 0;
}
/*
3) mittlere spalte  Inhaltsbereich*/
#inhalt p{
  font-size: 13px;
  line-height: 160%;
  margin: 0 0 1em 0;
  
}
#inhalt p.datum + h2{
  margin: 5px 0 10px 0;
}
#inhalt p.datum{
  font-weight: bold;
  font-size: 13px;
  margin: 40px 0 0 0;
}
#inhalt ul{
  list-style-type: disc;
  list-style-position: outside;
  margin:0 0 0 40px;
}
#inhalt li{
  font-size: 13px;
  line-height: 150%;
    
}
#inhalt div.text{
  margin: 0 100px ;
}
#inhalt ul#gallerieliste{
  list-style-type: none;
  margin: 0;
  
}
.galleriemantel {
    padding: 20px 0 37px 50px;
  margin: 0 50px 75px 50px;

}
#inhalt .galleriecontainer{
  width:700px;
  position:relative;
}
/*next button*/
.bx-next {
  position:absolute;
  top:40%;
  right:-50px;
  z-index:999;
  width: 30px;
  height: 30px;


}

/*previous button*/
.bx-prev {
  position:absolute;
  top:40%;
  left:-50px;
  z-index:999;
  width: 30px;
  height: 30px;


}
/*
4) Fuss
 */
 #fuss ul{
   display: inline;
   margin-left: 50px;
 }
 #fuss ul li{
   display: inline;
 }
#fuss p{
  
  line-height: 160%;
  font-weight: bold;
}

#fuss a{
  font-weight: bold;
  color: #737373;
  padding-left: 5px;
  margin-left: 4px;
}
#fuss a:link, #fuss a:visited{
  text-decoration: underline;
  
}
#fuss a:hover, #fuss a:active,#fuss a.current{
  text-decoration: none;
  color:#b92a22;
  }
/*   5b Startseite */
#startfiguren img{
  margin: 0 -5px;
}
img.ziehbar{
   width: 146px;
   cursor: move;
 }
/*
5) Typo Klassen
 */
 
  .bildlinks{
   float: left;
   margin-right: 1em;
 }
 .bildrechts{
   float: right;
   margin-left: 1em;
 }
 .fussnote{
   font-size: 10px;
   font-style: italic;
text-align: right;
 }
 /*
6) Elemente
 */
 a:link{
   color: #000000;
   background-color: transparent;
   text-decoration: underline;
 }
 a:visited{
   color: #4e4e4e;
   background-color: transparent;
   text-decoration: underline;
 }
 a:focus, a:hover, a:active {
 text-decoration:none;
 color: #000000;
 background-color: transparent;
 }
 label{
   display: block;
   
 }