/* allgemeine layout formatierungen */
html { height: 100% } 
body {background: #fffcd6 url(../../_img/bg_green.jpg) repeat left top; font-size:100.1%; font-family:Arial,Tahoma,Verdana,Trebuchet MS,Sans-Serif; line-height:18px;color:#000;margin:0px; min-height: 101%}

ul {
    list-style: none;
}

/* link formatierungen */
a {font-family:Arial; font-size:11px; font-weight:bold;color:#c46706;line-height:15px}
a:visited {text-decoration:none}
a:hover {text-decoration:none}
a:active {color:#7a8b1e;}

/* überschriften */
h1 {font-size:0px; font-weight:normal;padding:0px 0px 0px 0px; margin:0px;}
h2 {font-family:Georgia; font-size:24px;color:#000000; line-height:26px;font-weight:normal;padding:15px 0px 15px 0px;margin:0px;}
h3 {font-family:Arial; font-size:14px;color:#005b7f;line-height:16px;font-weight:bold;padding:5px 0px 5px 0px;margin:0px;}
h5 {font-family:Arial; font-size:11px;color:#000;line-height:16px;font-weight:bold;padding:5px 0px 5px 0px;margin:0px;}

/* Texte */
.txt12      { font: 0.75em/1.5 verdana; color: #252126; }
.txt11      { font: 0.6875em/1.65 verdana; color: #252126; }
.txt10      { font: 10px verdana; color: #252126; }

/* zentrierter div-container */
#container {width:990px;margin: 0 auto;padding:0px;background:#fffcd6;border:6px solid #fff;}

.trenner  {margin: 20px 0px; height:3px;}

/* kopf logo container */
#logo {margin:0px; padding:0px; background:#e5e5e5 url(../../_img/bg_header.jpg) repeat-y; height:266px; border-bottom:6px solid #fff; text-align: left;}
  
#navi{margin: 0px;padding: 0px 0px 0px 280px;height: 30px;background: #62bc46;}

#navi a{color: #FFF; text-decoration: none;font-weight:bold;padding: 4px 8px;font-size: 1em;}
#navi a:hover {color: #CCC;text-decoration: underline;}
#navi ul { margin:0; padding:5px; list-style:none; }
#navi li { float:left; display: inline; margin:0; padding:0; }
#navi li a.active{color: #FFF;text-decoration: underline;}  


/* inhalt */
#content {margin:   0px 0px 0px 220px;padding:   35px 20px 15px 73px;}
#content p{margin:16px 0 0 0; padding:0px; float:left; font-family:Arial; font-size:12px; color:#363636; line-height:16px}
#content img {float:left; border: 6px #FFF solid;} 
#content-home {height: 800px;margin: 0px 0px 0px 220px;padding: 35px 20px 15px 73px;}
#right {width:218px; margin:0px; padding:0 0 0 35px;float:left;}

#grafik
{
  margin: 45px 0px 70px 0px;  
  border-top: 6px #FFF solid;
  border-bottom: 6px #FFF solid;
}  

/* linke navigation */
#left {float:     left;width:     220px;margin:   0px;padding:  0px;font-size:   12px;}
#left ul{list-style-type:none;padding:   0px;margin:   10px 0;border-bottom:0px;}

#left li a 
  {
  font-size:   11px;
  text-decoration:none;
  font-weight:bold;
  padding:   3px 5px 3px 5px;
  color: #252126;
  }



#left li a.active
  {
  background: #fff;
  background-image: url(../../_img/bg_left_nav.png);
  }    

#left li
  {
  margin: 0px;
  border: 0px;
  border-bottom: 1px solid #5c6a91;
  padding:   3px 5px 3px 10px;

}

#left li:hover
  {
  background: #fff;
  background-image: url(../../_img/bg_left_nav.png);

}

#left p
   {
  margin: 20px 20px;
  color: #000;
  font-size: 0.9em;
}

/* footer */
#footer {clear:     left; padding:   0px;margin:   0px;background: #62bc46;font-size:  11px;text-align: center;border-top:6px solid #fff;height: 47px;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #5e6c93; text-decoration: underline}  
#footer ul {margin:0; padding:10px; list-style:none;}
#footer li { float:left; display: inline; margin:0; padding:5px; background: #62bc46;}  
#footer li a.active {color: #fff; text-decoration: underline}  
#navi-footer { background: #fff;color: #bbb;font-size: 0.85em; }
#navi-footer a {color: #bbb; padding: 4px 0; font-size: 0.85em; text-decoration: none;}
#navi-footer a:hover {color: #bbb; text-decoration: underline}  

/* Kontakt Formular */                      
.kontakt {width:200px; margin:16px 0 0 0; padding:0px; float:right}
.kontakt fieldset          { margin:0 0 1em 0em; border: 1px solid #fffcd6;font: 10px verdana; }
.kontakt *.fieldsetContent { padding: 0.3em; }
.kontakt legend            { padding: 0 0 1em 0; margin: 0; color: #000; font: 10px verdana; font-weight: bold; }
.kontakt form              { padding-top: 1em; }
.kontakt form p            { margin-bottom: 1em; }
.kontakt form p label      { float: left; width: 150px; margin: 0; cursor: pointer; font: 10px verdana; }
.kontakt form p input      {width:191px; height:17px;}
.kontakt form p textarea   { font-family: verdana; font-size: 1em; color: #000; width:191px; height:58px; margin: 0em; padding: 0.25em;  background: #f7f7f7; border: 1px solid #8F8F8F; cursor: pointer; }
.kontakt form p select     { width: auto; }
.kontakt form p input#formInput_submit,
.kontakt form p input#formInput_reset { width: auto; }


/*****************/
/* Footer Styles */
/*****************/


.HeaderSearch {
  margin:   16px;
  padding:   0px;
  background: #e5e5e5;
}
.HeaderSearch form {
  display:inline;
  text-align:right;
  margin: 0;
  padding: 0;
}
.HeaderSearch-input{
  font-family:Verdana, sans-serif;
  font-size: 0.8em;
    margin: 0 10px 0 0;
padding: 0.25em;  background: #f7f7f7; border: 1px solid #8F8F8F; cursor: pointer; }


.HeaderSearchBtn-imgbutton {
  height:20px;
  width:60px;
  vertical-align:middle;
  background: url("../../_img/suche.png") no-repeat;
  cursor:pointer;
}
.HeaderSearchBtn-imgbutton:hover{ 
  background:url("../../_img/suche.png") no-repeat;
  background-position: 0 -20px;
}



#slider {
    width: 990px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    background: #1e376f;  /* important */
}
#sliderContent {
    width: 990px; /* important to be same as image width or wider */
    position: absolute;
    top: -12px;
    margin-left: -40px;
*   top: 0px;
*   margin-left: 0px;
}
.sliderImage {
    float: left;
    position: relative;
  display: none;
}
.sliderImage span {
    position: absolute;
    font: 12px/15px Arial, Tahoma, Verdana, Trebuchet MS, Sans-Serif;   
    padding: 10px 10px;
    width: 970px;
    background-color: #1e376f;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
}
.clear {
  clear: both;
}
.sliderImage span strong {
    font-size: 14px;
    line-height:20px;
}
.top {
  top: 0;
  left: 0;
    padding: 10px 10px;
}
.bottom {
    bottom: 0;
    left: 0;
}
#sliderContent ul  { list-style-type: none;}
#sliderImage li  { list-style-type: none;}






.clear        { clear:both; height:1px; overflow:hidden; line-height:1%; font-size:0px; margin-bottom:-1px; }
* html .clear { height:auto; margin-bottom:0; }


 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }