*{
  margin: 0;
  padding: 0;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: small;
  color: white;
 }

html{
     background-color: #ffffff;
     color: white;
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 70%;
     line-height: 1.2; 
     height: 101%;
    }
    
body{
    text-align: center;
    color: #000;
    }

h1{
   color: orange;
   font-size: 140%;
  }
 
h2{
   color: white;
   font-size: 110%;
  }
  
h3{
   color: white;
   font-size: 105%;
  }
      
div#haupt{
         width: 770px;
         margin: auto;
         margin-top: 10px;
         background: #003366 url(seite1bilder/navschatten.gif) repeat-y;
         text-align: left;
         }
         
div#kopf{
         position: relative;
         background-color: #003366;
         margin-top: 0px;
         padding-top: 10px;
         padding-bottom: 0px;
         height: 100px;
         width: 770px;
         background: #003366 url(seite1bilder/navschatten.gif) repeat-y;
         
        }
        
        
div#logo{ 
          padding-left: 30px;
          width: 770px;
        }

span#KopfBild1{
              padding-left: 65px;
              padding-right:20px;
              }
span#KopfBild2{
              padding-left: 20px;
              padding-right:20px;
              }              
span#KopfBild3{
              padding-left: 20px;
              padding-right:20px;
              }              
     
div#nav-1{
         background: url(seite1bilder/Nav1.gif);
         position: relative;
         background-color: #003366;
         height: 19px;
         }
         
div#nav-1 ul{
             left: 292px;
             list-style: none;
             position: absolute;
             }
             
div#nav-1 li{
             float: left;
             list-style: none;
             height: 26px;
             margin-right: 5px;
             width: 109px;
             }
             
div#nav-1 li a{
             display: block;
             height: 100%;
             text-decoration: none;
             text-indent: -999em 
             }
             
div#nav-1 li#Button1 a {
background: url(seite1bilder/philosophie.gif);
}

div#nav-1 li#Button1 a:focus, div#nav-1 li#Button1 a:hover, div#nav-1 li#Button1 a:active {
background: url(seite1bilder/philosophie-an.gif);
}

div#nav-1 li#Button2 a {
background: url(seite1bilder/datenschutzAus.gif);
}

div#nav-1 li#Button2 a:focus, div#nav-1 li#Button2 a:hover, div#nav-1 li#Button2 a:active {
background: url(seite1bilder/datenschutzAn.gif);
}

div#nav-1 li#Button3 a {
background: url(seite1bilder/impressumObenAus.gif);
}

div#nav-1 li#Button3 a:focus, div#nav-1 li#Button3 a:hover, div#nav-1 li#Button3 a:active {
background: url(seite1bilder/impressumObenAn.gif);
}

div#nav-1 li#Button4 a {
background: url(seite1bilder/kontakt.gif);
}

div#nav-1 li#Button4 a:focus, div#nav-1 li#Button4 a:hover, div#nav-1 li#Button4 a:active {
background: url(seite1bilder/kontakt-an.gif);
}

div#nav-2 {
float: left;
background-color: #003366;
background: url(seite1bilder/Navigation.gif) no-repeat;
height: 490px;
width: 167px;
}

div#nav-2 li a{
             display: block;
             height: 100%;
             text-decoration: none;
             text-indent: -999em 
             }

div#nav-2 li {
height: 32px;
width: 135px;
list-style-type: none;
}

div#nav-2 li#Startseite a {
position: relative;
top: 10px;
left: 11px;
background: url(seite1bilder/StartseiteAus.gif) no-repeat;
}

div#nav-2 li#Startseite a:focus, div#nav-2 li#Startseite a:hover, div#nav-2 li#Startseite a:active {
background: url(seite1bilder/StartseiteAn.gif) no-repeat;
}

div#nav-2 li#Hotel a {
position: relative;
top: 6px;
left: 11px;
background: url(seite1bilder/HotelAus.gif) no-repeat;
}

div#nav-2 li#Hotel a:focus, div#nav-2 li#Hotel a:hover, div#nav-2 li#Hotel a:active {
background: url(seite1bilder/HotelAn.gif) no-repeat;
}

div#nav-2 li#Zimmer a {
position: relative;
top: 2px;
left: 11px;
background: url(seite1bilder/ZimmerAus.gif) no-repeat;
}

div#nav-2 li#Zimmer a:focus, div#nav-2 li#Zimmer a:hover, div#nav-2 li#Zimmer a:active {
background: url(seite1bilder/ZimmerAn.gif) no-repeat;
}

div#nav-2 li#Restaurant a {
position: relative;
top: -3px;
left: 11px;
background: url(seite1bilder/FruehstueckAus.gif) no-repeat;
}

div#nav-2 li#Restaurant a:focus, div#nav-2 li#Restaurant a:hover, div#nav-2 li#Restaurant a:active {
background: url(seite1bilder/FruehstueckAn.gif) no-repeat;
}

div#nav-2 li#Umgebung a {
position: relative;
top: -7px;
left: 11px;
background: url(seite1bilder/UmgebungAus.gif) no-repeat;
}

div#nav-2 li#Umgebung a:focus, div#nav-2 li#Umgebung a:hover, div#nav-2 li#Umgebung a:active {
background: url(seite1bilder/UmgebungAn.gif) no-repeat;
}

div#nav-2 li#Arrangement a {
position: relative;
top: -11px;
left: 11px;
background: url(seite1bilder/ArrangementAus.gif) no-repeat;
}

div#nav-2 li#Arrangement a:focus, div#nav-2 li#Arrangement a:hover, div#nav-2 li#Arrangement a:active {
background: url(seite1bilder/ArrangementAn.gif) no-repeat;
}

div#nav-2 li#Preise a {
position: relative;
top: -15px;
left: 11px;
background: url(seite1bilder/PreiseAus.gif) no-repeat;
}

div#nav-2 li#Preise a:focus, div#nav-2 li#Preise a:hover, div#nav-2 li#Preise a:active {
background: url(seite1bilder/PreiseAn.gif) no-repeat;
}

div#nav-2 li#Anreise a {
position: relative;
top: -19px;
left: 11px;
background: url(seite1bilder/AnreiseAus.gif) no-repeat;
}

div#nav-2 li#Anreise a:focus, div#nav-2 li#Anreise a:hover, div#nav-2 li#Anreise a:active {
background: url(seite1bilder/AnreiseAn.gif) no-repeat;
}

div#nav-2 li#Links a {
position: relative;
top: -24px;
left: 11px;
background: url(seite1bilder/LinksAus.gif) no-repeat;
}

div#nav-2 li#Links a:focus, div#nav-2 li#Links a:hover, div#nav-2 li#Links a:active {
background: url(seite1bilder/LinksAn.gif) no-repeat;
}

div#nav-2 li#Kontakt a {
position: relative;
top: -28px;
left: 11px;
background: url(seite1bilder/KontaktAus.gif) no-repeat;
}

div#nav-2 li#Kontakt a:focus, div#nav-2 li#Kontakt a:hover, div#nav-2 li#Kontakt a:active {
background: url(seite1bilder/KontaktAn.gif) no-repeat;
}

div#nav-2 li#Impressum a {
position: relative;
top: -32px;
left: 11px;
background: url(seite1bilder/ImpressumAus.gif) no-repeat;
}

div#nav-2 li#Impressum a:focus, div#nav-2 li#Impressum a:hover, div#nav-2 li#Impressum a:active {
background: url(seite1bilder/ImpressumAn.gif) no-repeat;
}

td, th {
padding-left: 10px;}

div#inhalt {
float: left;
background-color: #003366;
margin-left: 11px;
width: 592px; /* nur IE 5.x */
width/**/:/**/ 592px;
height:100%;
color: white;

}

div#inhalt1 {
float: left;
margin-top: 20px;
background-color: #003366;
margin-left: 11px;
width: 310px; /* nur IE 5.x */
width/**/:/**/ 310px;
color: white;
}

div#inhalt2 {
float: right;
margin-top: 40px;
background-color: #003366;
margin-right: 11px;
width: 179px; /* nur IE 5.x */
width/**/:/**/ 179px;
color: white;
}

div#fusszeile{
             font-family: "Times New Roman", serif;
             clear: both;
			 position: relative;
             color: #ffffcc;
             background: #ff9900 url(seite1bilder/fussschatten.gif) repeat-y;
             }
                         
 #AdresseFuss{
        margin-bottom: 10px;
        margin-left: 170px;
        padding-top: 5px;
        padding-bottom: 10px;
        text-align: center;
        color: #003366;
        font-style: normal;
        font-size: 70%;
        letter-spacing: 2px;
        line-height: 1.5em;
        }