#navi {
	position: relative;
}

#navi ul {
	position: absolute;
	-right: 1px;
	-top: -15px;
	display: block;
	-width: 658px;
	padding: 0 0 0 8px;
	margin: 0 0 0 0;
}

#navi li {
	list-style-type: none;
	display: inline;
	margin-left: 0;
}

#navi a {
	display: block;
	float: left;
	background: url("../images/navi_grid.png");
	height: 30px;
	text-indent: -9999px;
}

#navi a#nav-home { width: 57px; background-position: 0px top; }
#navi a#nav-menu { width: 67px; background-position: -57px top; }
#navi a#nav-events { width: 79px; background-position: -124px top; }
#navi a#nav-fotos { width: 71px; background-position: -203px top; }
#navi a#nav-shop { width: 65px; background-position: -274px top; }
#navi a#nav-links { width: 69px; background-position: -339px top; }
#navi a#nav-kontakt { width: 87px; background-position: -408px top; }
#navi a#nav-blog { width: 64px; background-position: -495px top; }
#navi a#nav-impressum { width: 99px; background-position: -559px top; }

#navi a:hover#nav-home, #navi a.active#nav-home { width: 57px; background-position: 0px -30px; }
#navi a:hover#nav-menu, #navi a.active#nav-menu { width: 67px; background-position: -57px -30px; }
#navi a:hover#nav-events, #navi a.active#nav-events { width: 79px; background-position: -124px -30px; }
#navi a:hover#nav-fotos, #navi a.active#nav-fotos { width: 71px; background-position: -203px -30px; }
#navi a:hover#nav-shop, #navi a.active#nav-shop { width: 65px; background-position: -274px -30px; }
#navi a:hover#nav-links, #navi a.active#nav-links { width: 69px; background-position: -339px -30px; }
#navi a:hover#nav-kontakt, #navi a.active#nav-kontakt { width: 87px; background-position: -408px -30px; }
#navi a:hover#nav-blog, #navi a.active#nav-blog { width: 64px; background-position: -495px -30px; }
#navi a:hover#nav-impressum, #navi a.active#nav-impressum { width: 99px; background-position: -559px -30px; }