/* CSS Document */


body {
  background-color:#248114;
  margin:0px;
  padding:0px;
  background-image: url(../bilder/hoigata_back.png); 
  background-repeat:repeat-x;
  font-family: georgia,serif;
  font-size: 18px;
  letter-spacing: 0pt;
  color:white;
}


#hoigata {
  width: 800px;
  height: 620px;
  background-image: url(../bilder/hoigata_top.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -400px;
}


#content {
  width: 600px;
  position: absolute;
  top: 620px;
  left: 50%;
  text-align:left;
  margin-left: -300px;
}


#google {
  width: 160px;
  position: absolute;
  top: 20px;
  left: 610px;
}


#navi {
  width: 620px;
  height: 200px;
  position: relative;
  top: 410px;
  left: 90px;
}


#navi a:hover {border:none;}


#navi a {
  background: url(../bilder/sprite-hoigata.png);
  height: 200px;
  display: block;
  float: left
}



#navi a.aktuell {
width: 123px;
background-position: 0 0;
}

#navi a:hover.aktuell { 
background-position:0 200px; 
}



#navi a.saal {
width: 99px;
background-position: -123px 0;
}

#navi a:hover.saal {
background-position:-123px 200px;
}



#navi a.anreise {
width: 127px;
background-position: -222px 0;
}

#navi a:hover.anreise {
background-position: -222px 200px;
}



#navi a.zimmer {
width: 135px;
background-position: -349px 0;
}

#navi a:hover.zimmer {
background-position: -349px 200px;
}



#navi a.kontakt {
width: 136px;
background-position: -484px 0;
}

#navi a:hover.kontakt {
background-position: -484px 200px;
}