#navi ul{
list-style:none;
margin:0 0 0 10px;
padding:0;
}
#navi li{
display:block;
float:left;
margin:20px 0 0 0;
}
#inhalt li{
float:none;
margin:0
}
.neues{
display:block;
height:67px;
width:107px;
background:url(/media/images/navi/neues.gif) no-repeat;
}
.neues:hover, .neues2{
display:block;
height:67px;
width:107px;
background:url(/media/images/navi/neues_o.gif) no-repeat;
}
.band{
display:block;
height:67px;
width:107px;
background:url(/media/images/navi/band.gif) no-repeat;
}
.band:hover, .band2{
display:block;
height:67px;
width:107px;
background:url(/media/images/navi/band_o.gif) no-repeat;
}
.bilder{
display:block;
height:67px;
width:114px;
background:url(/media/images/navi/bilder.gif) no-repeat;
}
.bilder:hover, .bilder2{
display:block;
height:67px;
width:114px;
background:url(/media/images/navi/bilder_o.gif) no-repeat;
}
.texte{
display:block;
height:67px;
width:109px;
background:url(/media/images/navi/texte.gif) no-repeat;
}
.texte:hover, .texte2{
display:block;
height:67px;
width:109px;
background:url(/media/images/navi/texte_o.gif) no-repeat;
}
.laden{
display:block;
height:67px;
width:109px;
background:url(/media/images/navi/laden.gif) no-repeat;
}
.laden:hover, .laden2{
display:block;
height:67px;
width:109px;
background:url(/media/images/navi/laden_o.gif) no-repeat;
}
.termine{
display:block;
height:67px;
width:109px;
background:url(/media/images/navi/termine.gif) no-repeat;
}
.termine:hover, .termine2{
display:block;
height:67px;
width:109px;
background:url(/media/images/navi/termine_o.gif) no-repeat;
}
.kontakt{
display:block;
height:67px;
width:109px;
background:url(/media/images/navi/kontakt.gif) no-repeat;
}
.kontakt:hover, .kontakt2{
display:block;
height:67px;
width:109px;
background:url(/media/images/navi/kontakt_o.gif) no-repeat;
}
.gaestebuch{
display:block;
height:67px;
width:127px;
background:url(/media/images/navi/gaestebuch.gif) no-repeat;
}
.gaestebuch:hover, .gaestebuch2{
display:block;
height:67px;
width:127px;
background:url(/media/images/navi/gaestebuch_o.gif) no-repeat;
}
.links{
display:block;
height:67px;
width:86px;
background:url(/media/images/navi/links.gif) no-repeat;
}
.links:hover, .links2{
display:block;
height:67px;
width:86px;
background:url(/media/images/navi/links_o.gif) no-repeat;
}

/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #0000ff; 
  }
  
a.tooltip:hover {
  color: #0000ff; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0; 
  width: 125px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 10px Verdana, sans-serif; 
  text-align: left;
  }