#hlavicka {
position:relative;
overflow:hidden;
margin-top:0px;
padding:0;
}

#hlavicka, #hlavicka a, #hlavicka span {
display:block;
width:800px;
height:255px;
background:url(img/header_de.jpg) no-repeat;
}

#hlavicka span {
position:absolute;
left:0;
top:0;
}


#menu ul.menu li.von,#menu ul.menu li.von a,#menu ul.menu li.von span {
display:block;
width:129px;
height:30px;
background: url(img/von.gif) no-repeat 0 0 ;
}

#menu ul.menu li.galerie,#menu ul.menu li.galerie a,#menu ul.menu li.galerie span {
width:129px;
height:30px;
background: url(img/galerie.gif) no-repeat 0 0 ;}

#menu ul.menu li.aktivitaten,#menu ul.menu li.aktivitaten a,#menu ul.menu li.aktivitaten span {
width:129px;
height:30px;
background: url(img/aktivitaten.gif) no-repeat 0 0 ;}

#menu ul.menu li.kontakt,#menu ul.menu li.kontakt a,#menu ul.menu li.kontakt span {
width:129px;
height:30px;
background: url(img/kontakt.gif) no-repeat 0 0 ;}

#menu ul.menu li.preisliste,#menu ul.menu li.preisliste a,#menu ul.menu li.preisliste span {
width:129px;
height:30px;
background: url(img/preis.gif) no-repeat 0 0 ;}

#menu ul.menu li.bestellung,#menu ul.menu li.bestellung a,#menu ul.menu li.bestellung span {
margin: 0;
width:129px;
height:30px;
background: url(img/bestellung.gif) no-repeat 0 0 ;}

#menu ul.menu li span  {
position:absolute;
left:0;
top:0;
}

#menu ul.menu li.von a:hover span,#menu ul.menu li.von a.current span
{background-position: 0 -30px;}

#menu ul.menu li.galerie a:hover span,#menu ul.menu li.galerie a.current span
{background-position: 0 -30px;}

#menu ul.menu li.aktivitaten a:hover span,#menu ul.menu li.aktivitaten a.current span
{background-position: 0 -30px;}

#menu ul.menu li.kontakt a:hover span,#menu ul.menu li.kontakt a.current span
{background-position: 0 -30px;}

#menu ul.menu li.preisliste a:hover span,#menu ul.menu li.preisliste a.current span
{background-position: 0 -30px;}

#menu ul.menu li.bestellung a:hover span,#menu ul.menu li.bestellung a.current span
{background-position: 0 -30px;
margin: 0;
}