#navigation_wrapper {
	width: 230px;
	float: left;
	height: 650px;
	margin-left: 70px;
	position: relative;
}

#navigation_oben {
	background-image:
		url(http://www.cafe-herrdegen.de/cms/images/nav_table_header.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 252px;
}

#navigation {
	list-style-type: none;
	width: 100%;
	margin-top: 1px;
	position: relative;
}

#navigation li {
	height: 30px;
	margin-top: 6px;
}

#navigation li a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -8000px;
        background-image: url(http://www.cafe-herrdegen.de/cms/images/navigation.jpg);
        background-position: 0 0;
}

#navigation li a.geschichte {
	background-position: 0 -360px;
}

#navigation li a.geschichte:hover, #navigation li a.geschichte_active {
	background-position: 0 -320px;
}

#navigation li a.konditorei {
	background-position: 0 -120px;
}

#navigation li a.konditorei:hover, #navigation li a.konditorei_active {
	background-position: 0 -80px;
}

#navigation li a.cafe {
	background-position: 0 -40px;
}

#navigation li a.cafe:hover, #navigation li a.cafe_active {
	background-position: 0 0; 
}

#navigation li a.produkte {
	background-position: 0 -200px;
}

#navigation li a.produkte:hover, #navigation li a.produkte_active {
	background-position: 0 -160px;
}

#navigation li a.leistungen {
	background-position: 0 -440px;
}

#navigation li a.leistungen:hover, #navigation li a.leistungen_active {
	background-position: 0 -400px;
}

#navigation li a.kontakt {
	background-position: 0 -280px;
}

#navigation li a.kontakt:hover, #navigation li a.kontakt_active {
	background-position: 0 -240px;
}

#navigation li a.startseite {
	background-image: url(http://www.cafe-herrdegen.de/cms/images/navigation.jpg);
	background-position: 0 -520px;
}

#navigation li a.startseite:hover, #navigation li a.startseite_active {
	background-image: url(http://www.cafe-herrdegen.de/cms/images/navigation.jpg);
	background-position: 0 -480px;
}

#navigation_unten {
	background-image: url(http://www.cafe-herrdegen.de/cms/images/Herrdegen_bottom_nav_bestellen.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 139px;
	position: absolute;
	bottom: 0;
}

#navigation_unten a {
	display: block;
	width: 100%;
	height: 100%;
}

a:active, a:focus {
	outline: none;
}

a.impressum {
	position: absolute;
	right: 17px;
	bottom: 17px;
	color: #5A292A;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

a.impressum:hover {
	text-decoration: underline;
}

a.startseite {
	display: block;
	height: 100%;
	width: 100%;
}