/* ### navigation with images ######################################### */

#navigation ul#menu li {
    display:block;
    float:left;
}

ul#menu li a {
	display:block;
	outline:none;
	width:80px;
	height:50px;
	background:transparent url(../img/lebzelter_navigation.gif) no-repeat 0 0;
	text-indent:-9009px;
	margin:0 8px 0 0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

#navigation ul#menu li#aktuelles a {
	width: 115px;
    background-position: 5px -5px;
}
#navigation ul#menu li#aktuelles_on a {
	width: 115px;
    background-position: 5px -70px;
}
#navigation ul#menu li#aktuelles a:hover {
    background-position: 5px -70px;
}

#navigation ul#menu li#geschichte a {
    background-position: -120px -5px;
}
#navigation ul#menu li#geschichte_on a {
    background-position: -120px -70px;
}
#navigation ul#menu li#geschichte a:hover {
    background-position: -120px -70px;
}

#navigation ul#menu li#herstellung a {
    background-position: -208px -5px;
}
#navigation ul#menu li#herstellung_on a {
    background-position: -208px -70px;
}
#navigation ul#menu li#herstellung a:hover {
    background-position: -208px -70px;
}

#navigation ul#menu li#bestellung a {
    background-position: -295px -5px;
}
#navigation ul#menu li#bestellung_on a {
    background-position: -295px -70px;
}
#navigation ul#menu li#bestellung a:hover {
    background-position: -295px -70px;
}

#navigation ul#menu li#veranstaltungen a {
	width: 110px;
    background-position: -383px -5px;
}
#navigation ul#menu li#veranstaltungen_on a {
	width: 110px;
    background-position: -383px -70px;
}
#navigation ul#menu li#veranstaltungen a:hover {
    background-position: -383px -70px;
}

#navigation ul#menu li#kontakt a {
	width: 60px;
    background-position: -502px -5px;
}
#navigation ul#menu li#kontakt_on a {
	width: 60px;
    background-position: -502px -70px;
}
#navigation ul#menu li#kontakt a:hover {
    background-position: -502px -70px;
}