body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: verdana, arial, Helvetica, sans-serif;
    margin: 0; padding: 10px 0;
    text-align: center;  /* Zentrierung im Internet Explorer */


  }


A:link {text-decoration: none; color:white;}
A:visited {text-decoration: none;color:white;}
A:active {text-decoration: none;color:white;}
A:hover {text-decoration: underline;color:#eaeaea;}


  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 909px;
    padding: 0;
    background:  white ;

  }



div#banner{
position:relative;
background:url(Kopfohne.jpg);
background-repeat:no-repeat;
background-position:0px;
height:210px;
min-height:166px;
background-color: #000;
font-size:10px;
}
div#banner a
{

color:#a61c29;
text-decoration: none;

}

div#outermenu{

position:relative;
background-repeat:no-repeat;
background-color: #a61c29;
height:26px;
min-height:26px;
}

div#menu{
color:white;
position:relative;

background-color: #a61c29;

height:26px;
 max-height:26px;
min-width:496px;
display:inline-block;
 margin:0 0 0 411px;
 padding-bottom:0px; /*Innenabstaende brauchen wir fuers erste nicht */
 font-size:14px;
 line-height:100%; /*Diese Angaben verhindern eine unschoene Darstellung im IE*/
}
*html div#menu{

position:relative;

background-color: #a61c29;

height:26px;
 max-height:26px;
min-width:30px;
display:inline-block;
 margin:0 0 0 360px;
 padding-bottom:0px; /*Innenabstaende brauchen wir fuers erste nicht */
 font-size:14px;
 line-height:100%; /*Diese Angaben verhindern eine unschoene Darstellung im IE*/
}


div#bottom{

background-repeat:no-repeat;
height:0px;
}

*+html ul#menu li, ul#menu li a{
font-size:14px;
float:left;
margin-bottom: -3px;
 height:26px;
 width:40px;
 position:relative;
 display:inline-block;
 overflow:hidden;
 list-style-type:none;
 list-style-position:outside;}



*html div#menu li, div#menu li a{
float:left;
height:26px;
font-size:14px;
 /*width:40px;*/
 position:relative;
 display:block;
 overflow:hidden;
 list-style-type:none;
 list-style-position:outside;}


div#menu li{
float:left;
display:inline-block;
height:26px;
/* width:125px;*/
 position:relative;
overflow:hidden;
 list-style-type:none;
 list-style-position:outside;
}


div#menu li a{


}




/* gallery style */
#jgal { 
list-style: none; width: 476px; position: relative;float: right;
 }
#jgal1 { 
list-style: none; width: 480px; position: relative; top: 0px; left: 0px;float: right;
 }


#jgal li {
 opacity: .5; float: left; display: block; width: 40px; height: 40px; background-position: 50% 50%; cursor: pointer; border: 2px solid #a61c29;  margin-top:0px; margin-right: 14px; margin-bottom: 0px; margin-left:-4px;
 }
*html #jgal li {
 opacity: .5; float: left; display: block; width: 40px; height: 40px; background-position: 50% 50%; cursor: pointer; border: 2px solid #a61c29;  margin-top:0px; margin-right: 10px; margin-bottom: 0px; margin-left:0px;
 }

#jgal1 li {
 opacity: .5; float: left; display: block; width: 0px; height: 0px; background-position: 50% 50%; cursor: pointer; border: 0px solid #a61c29;  margin-top:14px; margin-right: 17px; margin-bottom: 0px; margin-left:-4px;
 }



#jgal li img {
  position: absolute; top: -406px; right: 516px; display: none; 
}
*+html #jgal li img {
  position: absolute; top: -390px; right: 516px; display: none; 
}
*html #jgal li img {
  position: absolute; top: -390px; right: 516px; display: none; 
}

#jgal1 li img {
  position: absolute; top: -406px; right: 516px; display: none; 
}
*+html #jgal1 li img {
  position: absolute; top: -390px; right: 516px; display: none; 
}
*html #jgal1 li img {
  position: absolute; top: -390px; right: 516px; display: none; 
}


#jgal li.active img {
 display: block; 
}
#jgal1 li.active img {
 display: block; 
}


#jgal li.active, #jgal li:hover {
 outline-color: #bbb; opacity: .99 /* safari bug */ 
}
#jgal1 li.active, #jgal li:hover {
 outline-color: #bbb; opacity: .99 /* safari bug */ 
}

#gallery {
 list-style: none; display: block;
 }


#gallery li {
 float:left; margin: 0 0px 0px 0;
 }





div#menu li a span{
 height:26px;
 /*width:125px;*/
 position:absolute;
}

div#menu li a:hover{
 background: 0 0;} /*Hack fuer den IE und siene Fehlinterpretationen des :hover-Status */
div#menu li{margin-left:20px; margin-top:4px;}

li#Home_hover {margin-left:0px;margin-top:4px;}
li#Home_static {margin-left:0px;margin-top:4px;}


li#Restaurant_hover {margin-left:20px; margin-top:4px;}
li#Restaurant_static {margin-left:20px;margin-top:4px;}


li#Hotel_hover {margin-left:20px;margin-top:4px;}
li#Hotel_static {margin-left:20px;margin-top:4px;}


li#ZimmerPreise_hover {margin-left:20px;margin-top:4px;}
li#ZimmerPreise_static {margin-left:20px;margin-top:4px;}

li#Lage_hover {margin-left:20px;margin-top:4px;}
li#Lage_static {margin-left:20px;margin-top:4px;}

li#Kontakt_hover {margin-left:20px;margin-top:4px;}
li#Kontakt_static {margin-left:20px;margin-top:4px;}


/*  div#inh {
/*background-color: #fff7ea;
float:right;
margin-top:20px;
background-color: green;
width:516px;
  }*/

  div#inhtext {
padding-left:35px;
background-color: #fff7ea;
float:right;
height:370px;
width:481px;
    font-family: verdana, arial, Helvetica, sans-serif;
font-size:11px;

  }

div#inhtext p
{
font-size:11px;
    font-family: verdana, arial, Helvetica, sans-serif;

}

  div#Inhalt {
height:449px;
float:left;
padding-top:20px;
width:909px;
background-color: #fff7ea;


  }

/*  * html div#Inhalt {
    height: 469px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 
    
  }*/