@charset "utf-8";
/* CSS Document */
/* *{margin:0;padding:0;}*/
html{font-size:100.01%;background:#F8E088 url(../images/higru4.png);}
body {
        text-align: center; /* required for centering the page in IE */
        padding: 0px;
        margin:7px 0 0 0;
        font-size:0.85em;
        font-family:"Lucida Sans Unicode", "Times New Roman",Times,serif;



}



html, body {

        height: 100%;
        width: 100%;

}

/*Webseitenbreite (container )und Schatten unten/oben */

#top, #bottom{
position:static;
           height:10px;
                   display:block;
                   margin:0 auto;
                   width:900px;}
#container{position:static;
           margin:0 auto;
           width:900px;
           background:#4b0d18 url(../images/bg.png) repeat-y center;
           border:1px solid #4b0d18;
                   text-align:left;}


/*erste Zeile mit suche und Slogan als Listenelement eingefuegt = id=header  class lefttext und righttext********** */
#header{
              position:static;
        width: 840px;
        padding-top:0;
        margin: 0 auto; /* centering the page */
        text-align: left;
        margin:20px 28px 2px 28px;


}

.lefttext {
        font-size: 18px;
        font-weight: bold;
       color: #ffffcc;

}

.righttext {
        float:right;
        text-align:right;
		font-size: 12px;
        font-weight: normal;
       color: #ffffcc;
        }


        /* inhaltscontainer mit dem navigationsbild unten******************************************************** */
#inhalt  {
   position:static;
   background:#fff;
   border-right:1px solid #DFC97D;
   border-left:1px solid #f7da77;
   border-bottom:1px solid #DFC97D;
   width:850px;
   margin:0 25px 5px 25px;
   padding:0px 0 8px 0;
   background:url(../images/nav_foot.png) no-repeat center bottom ;
   border:none;
   overflow:hidden;}

   /* trailer bild mit hugbee und etwas titeltext   *****************************************************      */

#trailer {
   background:url(../images/img-trailer.jpg) no-repeat;
   height:365px;
   overflow:hidden;
   color:#fff;
   position:relative;}

.trailertext  {
   position:absolute;
   font-size: 18px;
        font-weight: bold;
      color: #ffffcc;
        margin:200px 28px 0px 580px;
}



/* textbereich ...............................  */

#textbereich {
       position:static;
       background:#fff;
           border:none;
           margin:0 4px;
           width: 100%;
           margin:0px 0px 30px 4px;
           line-height:1.6em;

           }
#textbereich h1 {
        font-family:"Georgia","Lucida Sans Unicode", "Times New Roman",Times,serif;
        font-size:1.8em;
        font-weight: normal;
        line-height:1.2em;
        letter-spacing: -1px;
        border-bottom: solid 1px;
        border-bottom-color:#E7C164;
        color: #422304;
        }

#textbereich  a:visited {
        text-decoration:none;
          font-weight:normal;
          color:#422304;

}
#textbereich   a:active {
        text-decoration:none;
          font-weight:normal;
          color:#422304;

}
#textbereich  a:hover {
        text-decoration:none;
          font-weight:normal;
          color:#CC4B35;

 }
#textbereich  p{margin:0 0 1.5em}


 /*    navigation oben  MENU_OBEN  *********************************************   */
#MENU_OBEN  {
   text-align:left;
   height:48px;
   border-top:2px solid #E7C164;
   border-bottom:0px solid #E7C164;
   background:#fadc76 url(../images/nav.png) no-repeat center -1px;

}



      #nav, #nav ul {
        float: left;
        width: 100%;
        list-style: none;
        line-height:55px;
        background-color: #fadc76;
        font-weight: normal;
        padding: 0;
        margin: 0 0 3em 0;
      }
      #nav a {
        display: block;
        width: 12em;
        w\idth: 8em;
        color: #7C6240;
        text-decoration: none;
        padding: 0.25em 0.25em;
      }
      #nav a.daddy {
        background: url(rightarrow2.gif) center right no-repeat;
        background:green
      }
      #nav li {
        float: left;
        padding: 0;
        width: 10em;
        line-height: 2;
        background-color:#fadc76;
        color: #7C6240;
      }
     #nav li ul {
        position: absolute;
        left: -999em;
        height: auto;
        width: 14.4em;
        w\idth: 13.9em;
        font-weight: normal;
        border-width: 0.5em;
        margin: 0;
      }
      #nav li li {
        padding-right: 1em;
        width: 13em
      }
      #nav li ul a {
        width: 13em;
        w\idth: 9em;
        
      }
     #nav li ul ul {
        margin: -1.75em 0 0 14em;
      }
     #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
        left: -999em;
        
      }
     #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
   left: auto;
      }
     #nav li:hover, #nav li.sfhover {
          background-color:#4b0d18;
          color:#ffffff;
      }

/*  drei spalten für den hauptbereich   ***********************************************   */

#mitte  {
     float:left;
         width:550px;
         background-color:#FFFFff;
         vertical-align:top;
         padding:1.7em 1.0em .7em 1.5em;

}
#rechts  {
    margin-left:600px;
        width:200px;
        background-color:#FFffff;
        vertical-align:top;
         padding:1.7em 1.5em .7em 1.5em;
         overflow: hidden;


}



/*  navigation unen  = nav_impressum  MENU_UNTEN ********************************************  */
#nav_impressum  {
    text-align:center;
        clear:both;
        height:48px;
        line-height:48px;
        background:#fadc76 url(../images/nav.png) no-repeat center -1px;
        border-top:1px solid #E7C164;

}
#nav_impressum  a {
   padding:10px 20px;
        text-decoration:none;
          color:#660000;

}
#nav_impressum  a:visited {
   color:#660000;

}
#nav_impressum   a:current {
   color:#336600;

}
#nav_impressum   a:active {
          color:#ffffcc;

}
#nav_impressum  a:hover {
        background-color:#4b0d18;
          color:#ffffff;

 }
/* Footer ************************************************************************** */
#footer{text-align:left;padding:7px 0 10px 0;}
#footer h1{
     float:right;
         margin:-3px 25px 0 0;
         color:#ffffcc;}
#footer h1 a {
     color:#ffffcc;
}
#footer p{margin:0 30px;font-weight:bold;color:#B6381F;}
#footer a {
        text-decoration:none;
          color:#f9dc76;

}
#footer a:visited {
   color:#FFFFCC;

}
#footer a:current {
   color:#FFFFFF;

}
#footer a:active {
          color:#ffffff;
}
#footer a:hover {
          color:#ffcc00;

 }



/* Clearfix */
.clearfix, #inhalt{display:inline-block;}
.clearfix[class], #inhalt[id]{display:block;}
* html .clearfix, #inhalt:after{  height: 1%;  overflow: visible;}
*+html .clearfix, *+html #inhalt{  min-height: 1%;}
.clearfix:after, #inhalt:after{  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;}



#clear {

        height: 0px;
        clear:both;

        }