/* */

ul#main-navi {
	width:1100px;
	height:49px;
	float:left;
	background:url(navi.jpg) left top no-repeat;
	margin:0px;
	margin-left:4px;
}

ul#main-navi li {
float:left;
margin:0 0px 0 0;
list-style-type:none
}
ul#main-navi li a.start , ul#main-navi li a.bio , 
ul#main-navi li a.guest , ul#main-navi li a.about , ul#main-navi li a.contact, ul#main-navi li a.media {
display:block;
height:49px;
text-indent:-9999px; 

/* verschiebt den nach links das er nicht sichtbar aber dennoch da ist */
}

ul#main-navi li a.start {
/*background:url(images/newnavi2.jpg) 0px 0 no-repeat;*/
background:url(images/navi3.jpg) 0px 0 no-repeat;
/* erster Wert ist von Links und der zweite Wert von oben gerechnet */
width:69px;
}

ul#main-navi li a.start:hover {
background-position:0px -49px;
}

ul#main-navi li a.start-akt {
background-position:0px -98px;
}

ul#main-navi li a.bio {
background:url(images/navi3.jpg) -68px 0 no-repeat;
width:66px;
}

ul#main-navi li a.bio:hover {
background-position:-68px -49px;
}

ul#main-navi li a.bio-akt {
background-position:-68px -98px;
}

ul#main-navi li a.media {
background:url(images/navi3.jpg) -127px 0 no-repeat;
width:62px;
}

ul#main-navi li a.media:hover {
background-position:-127px -49px;
}

ul#main-navi li a.media-akt {
background-position:-127px -98px;
}
ul#main-navi li a.guest {
background:url(images/navi3.jpg) -185px 0 no-repeat;
width:120px;
}

ul#main-navi li a.guest:hover {
background-position:-185px -49px;
}

ul#main-navi li a.guest-akt {
background-position:-185px -98px;
}



ul#main-navi li a.contact {
background:url(images/navi3.jpg) -496px 0 no-repeat;
width:101px;
}

ul#main-navi li a.contact:hover {
background-position:-496px -49px;
}

ul#main-navi li a.contact-akt {
background-position:-496px -98px;