/*  Navigation: weil diese Regeln infolge den Hintergrundbilder so umfangreich
sind, werden sie in einem eigenen Dokument ausgelagert... */

/* -------------------------------- Algemeines -------------------------------- */
#navi_bar {
	padding-left: 11px;
}

#navi {
	position: absolute;
	z-index: 5;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navi li {
	float: left;
	width: 127px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

#navi li a {
	display: block;
	width: 125px;
	height: 25px;
	font-size: 8px;
	line-height: 8px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navi li ul {
	position: absolute;
	left: -999em;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FAB500;
}

#navi li ul li {
	width: 125px;
	height: 15px;
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

#navi li ul li a {
	display: block;
	width: 125px;
	height: 15px;
	font-size: 8px;
	line-height: 8px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navi li:hover ul {
	left: auto;
}

#navi li:hover ul, #navi li.sfhover ul {
	left: auto;
}

/* ----------------------------------------------------------------------------- 
------------------------ Buttons mit Hintergrundbildern ------------------------
----------------------------------------------------------------------------- */

/* -------------------------------- 1. Show --------------------------------- */
a.Show {
	background-image: url(../images/buttons/show.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Show:hover {
	background-position: 0px -25px;
}

a.Show_active {
	background-image: url(../images/buttons/show.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
	text-indent: -2500px;
}

a.Crew {
	background-image: url(../images/buttons/crew.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Crew:hover {
	background-position: 0px -15px;
}

a.Sponsoren {
	background-image: url(../images/buttons/sponsor.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Sponsoren:hover {
	background-position: 0px -15px;
}

a.Technik {
	background-image: url(../images/buttons/technik.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Technik:hover {
	background-position: 0px -15px;
}

a.Galas {
	background-image: url(../images/buttons/galas.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Galas:hover {
	background-position: 0px -15px;
}

/* -------------------------------- 2. Tour -------------------------------- */
a.Tour {
	background-image: url(../images/buttons/tour.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Tour:hover {
	background-position: 0px -25px;
}

a.Tour_active {
	background-image: url(../images/buttons/tour.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
	text-indent: -2500px;
}

/* -------------------------------- 3. Medien -------------------------------- */
a.Medien {
	background-image: url(../images/buttons/medien.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Medien:hover {
	background-position: 0px -25px;
}

a.Medien_active {
	background-image: url(../images/buttons/medien.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
	text-indent: -2500px;
}

/* ------------------------------ 4. Biografien ------------------------------*/
a.Biografien {
	background-image: url(../images/buttons/bio.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Biografien:hover {
	background-position: 0px -25px;
}

a.Biografien_active {
	background-image: url(../images/buttons/bio.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
	text-indent: -2500px;
}

/* ------------------------------- 5. Galerie ------------------------------- */
a.Galerie {
	background-image: url(../images/buttons/galerie.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Galerie:hover {
	background-position: 0px -25px;
}

a.Galerie_active {
	background-image: url(../images/buttons/galerie.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
	text-indent: -2500px;
}

/* ----------------------- 6. SPEZIAL (vorher: leer) ----------------------- */
a.leer {
	background-image: url(../images/buttons/spezial.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.leer:hover {
	background-position: 0px -25px;
}

a.leer_active {
	background-image: url(../images/buttons/spezial.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
	text-indent: -2500px;
}


/* ------------------------------- 7. Kontakt ------------------------------- */
a.Kontakt {
	background-image: url(../images/buttons/kontakt.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Kontakt:hover {
	background-position: 0px -25px;
}

a.Kontakt_active {
	background-image: url(../images/buttons/kontakt.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
	text-indent: -2500px;
}

a.Anfragen  {
	background-image: url(../images/buttons/anfragen.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Anfragen:hover {
	background-position: 0px -15px;
}

a.Newsletter {
	background-image: url(../images/buttons/newsletter.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Newsletter:hover {
	background-position: 0px -15px;
}

a.Links {
	background-image: url(../images/buttons/links.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Links:hover {
	background-position: 0px -15px;
}

a.Impressum {
	background-image: url(../images/buttons/impressum.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2500px;
}

a.Impressum:hover {
	background-position: 0px -15px;
}