/* CSS Document */
/* elephant the foodclub -------------------*/

/* Website Konzept, Design und Realisierung */
/* metome.design - crossmedia communication */


/* MAINNAVIGATION ---------- */
#mainnav-balken-01 {
	position: relative;
	height: 20px;
	width: 976px;	
	top: 73px;
	left: 0;
	background-image: url(../images/m_nav_bar_top.gif);
	z-index: 100;
	}		
#mainnav-balken-02 {
	position: relative;
	height: 22px;
	width: 976px;	
	top: 72px;
	left: 0;
	background-image: url(../images/m_nav_bar.gif);
	}
	
#footer {
	position: relative;
	height: 26px;
	width: 972px;	
	top: 70px;
	left: 0;
	background: #33302c url(../images/goya-adresse.gif) no-repeat 18px center;
	}



/* MAINNAVIGATION -BTN------ */	
#startseite a {
	position: absolute;
	height: 12px;
	width: 97px;	
	top: 5px;
	left: 20px;
	background: url(../images/m_startseite.gif) no-repeat;
	z-index: 10;
	}
#startseite a:hover {
	position: absolute;
	height: 12px;
	width: 97px;	
	top: 5px;
	left: 20px;
	background: url(../images/m_startseite_ro.gif) no-repeat;
	z-index: 10;
	}
#startseite_active a {
	position: absolute;
	height: 12px;
	width: 97px;	
	top: 5px;
	left: 20px;
	background: url(../images/m_startseite_ro.gif) no-repeat;
	z-index: 10;
	}
	
#foodclub a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 20px;
	background: url(../images/m_foodclub.gif) no-repeat;
	z-index: 10;
	}
#foodclub a:hover {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 20px;
	background: url(../images/m_foodclub_ro.gif) no-repeat;
	z-index: 10;
	}
#foodclub_active a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 20px;
	background: url(../images/m_foodclub_ro.gif) no-repeat;
	z-index: 10;
	}

#catering a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 165px;
	background: url(../images/m_catering.gif) no-repeat;
	z-index: 10;
	}
#catering a:hover {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 165px;
	background: url(../images/m_catering_ro.gif) no-repeat;
	z-index: 10;
	}
#catering_active a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 165px;
	background: url(../images/m_catering_ro.gif) no-repeat;
	z-index: 10;
	}

#events a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 305px;
	background: url(../images/m_events.gif) no-repeat;
	z-index: 10;
	}
#events a:hover {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 305px;
	background: url(../images/m_events_ro.gif) no-repeat;
	z-index: 10;
	}
#events_active a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 305px;
	background: url(../images/m_events_ro.gif) no-repeat;
	z-index: 10;
	}

#location a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 426px;
	background: url(../images/m_location.gif) no-repeat;
	z-index: 10;
	}
#location a:hover {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 426px;
	background: url(../images/m_location_ro.gif) no-repeat;
	z-index: 10;
	}
#location_active a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 426px;
	background: url(../images/m_location_ro.gif) no-repeat;
	z-index: 10;
	}

#konzept a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 565px;
	background: url(../images/m_konzept.gif) no-repeat;
	z-index: 10;
	}
#konzept a:hover {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 565px;
	background: url(../images/m_konzept_ro.gif) no-repeat;
	z-index: 10;
	}
#konzept_active a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 565px;
	background: url(../images/m_konzept_ro.gif) no-repeat;
	z-index: 10;
	}

#kontakt a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 698px;
	background: url(../images/m_kontakt.gif) no-repeat;
	z-index: 10;
	}
#kontakt a:hover {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 698px;
	background: url(../images/m_kontakt_ro.gif) no-repeat;
	z-index: 10;
	}
#kontakt_active a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 698px;
	background: url(../images/m_kontakt_ro.gif) no-repeat;
	z-index: 10;
	}
	
#booking a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 833px;
	background: url(../images/m_booking.gif) no-repeat;
	z-index: 10;
	}
#booking a:hover {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 833px;
	background: url(../images/m_booking_ro.gif) no-repeat;
	z-index: 10;
	}
#booking_active a {
	position: absolute;
	height: 16px;
	width: 96px;	
	top: 5px;
	left: 833px;
	background: url(../images/m_booking_ro.gif) no-repeat;
	z-index: 10;
	}


/* SUBNAV ------------------ */
#subnav-bar {
	position: relative;
	height: 24px;
	width: 972px;	
	top: 463px;
	left: 0;
	background-image: url(../images/subnav_bar.gif);
	z-index: 100;
	}
#food a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_food.gif) no-repeat;
	z-index: 10;
	}
#food a:hover {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_food_ro.gif) no-repeat;
	z-index: 10;
	}
#food_active a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_food_ro.gif) no-repeat;
	z-index: 10;
	}
	
#team a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 342px;
	background: url(../images/sub_team.gif) no-repeat;
	z-index: 10;
	}
#team a:hover {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 342px;
	background: url(../images/sub_team_ro.gif) no-repeat;
	z-index: 10;
	}
#team_active a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 342px;
	background: url(../images/sub_team_ro.gif) no-repeat;
	z-index: 10;
	}

#partner a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 417px;
	background: url(../images/sub_partner.gif) no-repeat;
	z-index: 10;
	}
#partner a:hover {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 417px;
	background: url(../images/sub_partner_ro.gif) no-repeat;
	z-index: 10;
	}
#partner_active a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 417px;
	background: url(../images/sub_partner_ro.gif) no-repeat;
	z-index: 10;
	}

#presse a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 519px;
	background: url(../images/sub_presse.gif) no-repeat;
	z-index: 10;
	}
#presse a:hover {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 519px;
	background: url(../images/sub_presse_ro.gif) no-repeat;
	z-index: 10;
	}
#presse_active a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 519px;
	background: url(../images/sub_presse_ro.gif) no-repeat;
	z-index: 10;
	}

#jobs a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 609px;
	background: url(../images/sub_jobs.gif) no-repeat;
	z-index: 10;
	}
#jobs a:hover {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 609px;
	background: url(../images/sub_jobs_ro.gif) no-repeat;
	z-index: 10;
	}
#jobs_active a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 609px;
	background: url(../images/sub_jobs_ro.gif) no-repeat;
	z-index: 10;
	}
#ausstattung a {
	position: absolute;
	height: 10px;
	width: 120px;	
	top: 5px;
	left: 683px;
	background: url(../images/sub_ausstattung.gif) no-repeat;
	z-index: 10;
	}
#ausstattung a:hover {
	position: absolute;
	height: 10px;
	width: 120px;	
	top: 5px;
	left: 683px;
	background: url(../images/sub_ausstattung_ro.gif) no-repeat;
	z-index: 10;
	}
#ausstattung_active a {
	position: absolute;
	height: 10px;
	width: 120px;	
	top: 5px;
	left: 683px;
	background: url(../images/sub_ausstattung_ro.gif) no-repeat;
	z-index: 10;
	}

#reservierung a {
	position: absolute;
	height: 10px;
	width: 120px;	
	top: 5px;
	left: 825px;
	background: url(../images/sub_reservierung.gif) no-repeat;
	z-index: 10;
	}
#reservierung a:hover {
	position: absolute;
	height: 10px;
	width: 120px;	
	top: 5px;
	left: 825px;
	background: url(../images/sub_reservierung_ro.gif) no-repeat;
	z-index: 10;
	}
#reservierung_active a {
	position: absolute;
	height: 10px;
	width: 120px;	
	top: 5px;
	left: 825px;
	background: url(../images/sub_reservierung_ro.gif) no-repeat;
	z-index: 10;
	}
	
/* ------------------------- */

#qualitaetstandards a {
	position: absolute;
	height: 10px;
	width: 240px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_qualitaetstandards.gif) no-repeat;
	z-index: 10;
	}
#qualitaetstandards a:hover {
	position: absolute;
	height: 10px;
	width: 240px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_qualitaetstandards_ro.gif) no-repeat;
	z-index: 10;
	}
#qualitaetstandards_active a {
	position: absolute;
	height: 10px;
	width: 240px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_qualitaetstandards_ro.gif) no-repeat;
	z-index: 10;
	}

/* ------------------------- */	
#elephant a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_elephant.gif) no-repeat;
	z-index: 10;
	}
#elephant a:hover {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_elephant_ro.gif) no-repeat;
	z-index: 10;
	}
#elephant_active a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_elephant_ro.gif) no-repeat;
	z-index: 10;
	}
		
#goya a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 387px;
	background: url(../images/sub_goya.gif) no-repeat;
	z-index: 10;
	}
#goya a:hover {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 387px;
	background: url(../images/sub_goya_ro.gif) no-repeat;
	z-index: 10;
	}
#goya_active a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 387px;
	background: url(../images/sub_goya_ro.gif) no-repeat;
	z-index: 10;
	}

#fotos a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 468px;
	background: url(../images/sub_fotos.gif) no-repeat;
	z-index: 10;
	}
#fotos a:hover {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 468px;
	background: url(../images/sub_fotos_ro.gif) no-repeat;
	z-index: 10;
	}
#fotos_active a {
	position: absolute;
	height: 10px;
	width: 85px;	
	top: 5px;
	left: 468px;
	background: url(../images/sub_fotos_ro.gif) no-repeat;
	z-index: 10;
	}
	
#grundriss a {
	position: absolute;
	height: 10px;
	width: 120px;	
	top: 5px;
	left: 553px;
	background: url(../images/sub_grundriss.gif) no-repeat;
	z-index: 10;
	}
#grundriss a:hover {
	position: absolute;
	height: 10px;
	width: 120px;	
	top: 5px;
	left: 553px;
	background: url(../images/sub_grundriss_ro.gif) no-repeat;
	z-index: 10;
	}
#grundriss_active a {
	position: absolute;
	height: 10px;
	width: 120px;	
	top: 5px;
	left: 553px;
	background: url(../images/sub_grundriss_ro.gif) no-repeat;
	z-index: 10;
	}

/* ------------------------- */	

#b2b a {
	position: absolute;
	height: 10px;
	width: 240px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_b2b.gif) no-repeat;
	z-index: 10;
	}
#b2b a:hover {
	position: absolute;
	height: 10px;
	width: 160px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_b2b_ro.gif) no-repeat;
	z-index: 10;
	}
#b2b_active a {
	position: absolute;
	height: 10px;
	width: 160px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_b2b_ro.gif) no-repeat;
	z-index: 10;
	}

/* ------------------------- */	

#kontaktformular a {
	position: absolute;
	height: 10px;
	width: 240px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_kontaktformular.gif) no-repeat;
	z-index: 10;
	}
#kontaktformular a:hover {
	position: absolute;
	height: 10px;
	width: 160px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_kontaktformular_ro.gif) no-repeat;
	z-index: 10;
	}
#kontaktformular_active a {
	position: absolute;
	height: 10px;
	width: 160px;	
	top: 5px;
	left: 268px;
	background: url(../images/sub_kontaktformular_ro.gif) no-repeat;
	z-index: 10;
	}
#subimpressum a {
	position: absolute;
	height: 10px;
	width: 160px;	
	top: 5px;
	left: 455px;
	background: url(../images/sub_impressum.gif) no-repeat;
	z-index: 10;
	}
#subimpressum a:hover {
	position: absolute;
	height: 10px;
	width: 240px;	
	top: 5px;
	left: 455px;
	background: url(../images/sub_impressum_ro.gif) no-repeat;
	z-index: 10;
	}
#subimpressum_active a {
	position: absolute;
	height: 10px;
	width: 240px;	
	top: 5px;
	left: 455px;
	background: url(../images/sub_impressum_ro.gif) no-repeat;
	z-index: 10;
	}

/* SUBSUBNAV ------------------ */
#subsubnav-bar {
	position: absolute;
	height: 18px;
	width: 972px;	
	top: 442px;
	left: 0;
	z-index: 100;
	background: url(../images/subsubnav_bar.gif) repeat-x;
}
#personalities a {
	position: absolute;
	height: 10px;
	width: 125px;	
	top: 5px;
	left: 417px;
	background: url(../images/subsub_personalities.gif) no-repeat;
	z-index: 100;
	}
#personalities a:hover {
	position: absolute;
	height: 10px;
	width: 125px;	
	top: 5px;
	left: 417px;
	background: url(../images/subsub_personalities_ro.gif) no-repeat;
	z-index: 100;
	}
#personalities_active a {
	position: absolute;
	height: 10px;
	width: 125px;	
	top: 5px;
	left: 417px;
	background: url(../images/subsub_personalities_ro.gif) no-repeat;
	z-index: 100;
	}


#bestuhlungsplan a {
	position: absolute;
	height: 10px;
	width: 160px;	
	top: 5px;
	left: 683px;
	background: url(../images/subsub_bestuhlungsplan.gif) no-repeat;
	z-index: 100;
	}
#bestuhlungsplan a:hover {
	position: absolute;
	height: 10px;
	width: 160px;	
	top: 5px;
	left: 683px;
	background: url(../images/subsub_bestuhlungsplan_ro.gif) no-repeat;
	z-index: 100;
	}
#bestuhlungsplan_active a {
	position: absolute;
	height: 10px;
	width: 160px;	
	top: 5px;
	left: 683px;
	background: url(../images/subsub_bestuhlungsplan_ro.gif) no-repeat;
	z-index: 100;
	}
	
	
/* METANAVIGATION ---------- */	
#email a {
	position: absolute;
	height: 9px;
	width: 13px;	
	top: 6px;
	left: 815px;
	background: url(../images/icon_e-mail.gif) no-repeat;
	z-index: 10;
	}
#email a:hover {
	position: absolute;
	height: 9px;
	width: 13px;	
	top: 6px;
	left: 815px;
	background: url(../images/icon_e-mail_ro.gif) no-repeat;
	z-index: 10;
	}

#tellafriend a {
	position: absolute;
	height: 14px;
	width: 20px;	
	top: 4px;
	left: 870px;
	background: url(../images/icon_tellafriend.gif) no-repeat;
	z-index: 10;
	}
#tellafriend a:hover {
	position: absolute;
	height: 14px;
	width: 20px;	
	top: 4px;
	left: 870px;
	background: url(../images/icon_tellafriend_ro.gif) no-repeat;
	z-index: 10;
	}
#tellafriend_active a {
	position: absolute;
	height: 14px;
	width: 20px;	
	top: 4px;
	left: 870px;
	background: url(../images/icon_tellafriend_ro.gif) no-repeat;
	z-index: 10;
	}

#impressum a {
	position: absolute;
	height: 12px;
	width: 6px;	
	top: 4px;
	left: 930px;
	background: url(../images/icon_impressum.gif) no-repeat;
	z-index: 10;
	}
#impressum a:hover {
	position: absolute;
	height: 12px;
	width: 6px;	
	top: 4px;
	left: 930px;
	background: url(../images/icon_impressum_ro.gif) no-repeat;
	z-index: 10;
	}
#impressum_active a {
	position: absolute;
	height: 12px;
	width: 6px;	
	top: 4px;
	left: 930px;
	background: url(../images/icon_impressum_ro.gif) no-repeat;
	z-index: 10;
	}