/*** MAIN MENU ***/

#menu {
	width: 761px;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 5;
	white-space: nowrap;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu ul li {}

#menu a span {
  display: none; 
}

/* NEWS */
#navNews {
  width: 46px;
	height: 21px;
	position: absolute;
	top: 31px;
	left: 205px;
	background-image: url(../nav/bt_news_off.gif);
}
#navNews:hover {
  background-image: url(../nav/bt_news_on.gif);
}
#navNews.active {
  background-image: url(../nav/bt_news_down.gif);
}

/* ÜBER UNS */
#navAbout {
  width: 70px;
	height: 21px;
	position: absolute;
	top: 53px;
	left: 252px;
	background-image: url(../nav/bt_about_off.gif);
}
#navAbout:hover {
  background-image: url(../nav/bt_about_on.gif);
}
#navAbout.active {
  background-image: url(../nav/bt_about_down.gif);
}

/* TEAM */
#navTeam {
  width: 44px;
	height: 21px;
	position: absolute;
	top: 31px;
	left: 323px;
	background-image: url(../nav/bt_team_off.gif);
}
#navTeam:hover {
  background-image: url(../nav/bt_team_on.gif);
}
#navTeam.active {
  background-image: url(../nav/bt_team_down.gif);
}

/* MARKEN */
#navMarken {
  width: 64px;
	height: 21px;
	position: absolute;
	top: 53px;
	left: 368px;
	background-image: url(../nav/bt_marken_off.gif);
}
#navMarken:hover {
  background-image: url(../nav/bt_marken_on.gif);
}
#navMarken.active {
  background-image: url(../nav/bt_marken_down.gif);
}

/* SERVICE */
#navService {
  width: 61px;
	height: 21px;
	position: absolute;
	top: 31px;
	left: 433px;
	background-image: url(../nav/bt_service_off.gif);
}
#navService:hover {
  background-image: url(../nav/bt_service_on.gif);
}
#navService.active {
  background-image: url(../nav/bt_service_down.gif);
}

/* KONTAKT */
#navKontakt {
  width: 67px;
	height: 21px;
	position: absolute;
	top: 53px;
	left: 495px;
	background-image: url(../nav/bt_kontakt_off.gif);
}
#navKontakt:hover {
  background-image: url(../nav/bt_kontakt_on.gif);
}
#navKontakt.active {
  background-image: url(../nav/bt_kontakt_down.gif);
}


/*** SUB MENU ***/

#subnav {
	width: 522px;
	position: absolute;
	top: 110px;
	left: 48px;
	margin: 0;
	padding: 0;
	z-index: 10;
	white-space: nowrap;
}
#subnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#subnav ul li {}

#subnav a span {
  display: none; 
}

/* General */

#subnavGeschaeft, #subnavGeschichte, #subnavChronologie, #subnavHelmut, #subnavGertraud, #subnavIngrid, #subnavEngelbert,
#subnavRegina, #subnavUhren, #subnavGoldschmuck, #subnavSilberschmuck, #subnavStahlschmuck, #subnavSonstiges,
#subnavGoldschmiede, #subnavUhrwerk {
  width: 87px;
	height: 22px;
	position: absolute;
	top: 0;
}

#subnavEngelbertKathi, #subnavBeratung {
  width: 107px;
	height: 22px;
	position: absolute;
	top: 0;
}

/* First Buttons */

#subnavGeschaeft {
  left: 0;
	background-image: url(../nav/bt_geschaeft_off.gif);
}
#subnavHelmut {
  left: 0;
	background-image: url(../nav/bt_helmut_off.gif);
}
#subnavUhren {
  left: 0;
	background-image: url(../nav/bt_uhren_off.gif);
}
#subnavGoldschmiede {
  left: 0;
	background-image: url(../nav/bt_goldschmiede_off.gif);
}

/* Second Buttons */

#subnavGeschichte {
  left: 90px;
	background-image: url(../nav/bt_geschichte_off.gif);
}
#subnavGertraud {
  left: 90px;
	background-image: url(../nav/bt_gertraud_off.gif);
}
#subnavGoldschmuck {
  left: 90px;
	background-image: url(../nav/bt_goldschmuck_off.gif);
}
#subnavUhrwerk {
  left: 90px;
	background-image: url(../nav/bt_uhrwerk_off.gif);
}

/* Third Buttons */

#subnavChronologie {
  left: 180px;
	background-image: url(../nav/bt_chronologie_off.gif);
}
#subnavIngrid {
  left: 180px;
	background-image: url(../nav/bt_ingrid_off.gif);
}
#subnavSilberschmuck {
  left: 180px;
	background-image: url(../nav/bt_silberschmuck_off.gif);
}

/* Fourth Buttons */

#subnavEngelbert {
  left: 270px;
	background-image: url(../nav/bt_engelbert_off.gif);
}
#subnavStahlschmuck {
  left: 270px;
	background-image: url(../nav/bt_stahlschmuck_off.gif);
}

#subnavEngelbertKathi {
  left: 270px;
	background-image: url(../nav/bt_engelbert_kathi_off.gif);
}

/* Fifth Buttons */

#subnavRegina {
  left: 360px;
	background-image: url(../nav/bt_regina_off.gif);
}
#subnavSonstiges {
  left: 360px;
	background-image: url(../nav/bt_sonstiges_off.gif);
}

#subnavBeratung {
  left: 380px;
	background-image: url(../nav/bt_monja_sandra_off.gif);
}

/* Hover + Down */

#subnavGeschaeft:hover {
  background-image: url(../nav/bt_geschaeft_on.gif);
}
#subnavGeschaeft.active {
  background-image: url(../nav/bt_geschaeft_down.gif);
}
#subnavGeschichte:hover {
  background-image: url(../nav/bt_geschichte_on.gif);
}
#subnavGeschichte.active {
  background-image: url(../nav/bt_geschichte_down.gif);
}
#subnavChronologie:hover {
  background-image: url(../nav/bt_chronologie_on.gif);
}
#subnavChronologie.active {
  background-image: url(../nav/bt_chronologie_down.gif);
}
#subnavHelmut:hover {
  background-image: url(../nav/bt_helmut_on.gif);
}
#subnavHelmut.active {
  background-image: url(../nav/bt_helmut_down.gif);
}
#subnavGertraud:hover {
  background-image: url(../nav/bt_gertraud_on.gif);
}
#subnavGertraud.active {
  background-image: url(../nav/bt_gertraud_down.gif);
}
#subnavIngrid:hover {
  background-image: url(../nav/bt_ingrid_on.gif);
}
#subnavIngrid.active {
  background-image: url(../nav/bt_ingrid_down.gif);
}
#subnavEngelbert:hover {
  background-image: url(../nav/bt_engelbert_on.gif);
}
#subnavEngelbert.active {
  background-image: url(../nav/bt_engelbert_down.gif);
}
#subnavRegina:hover {
  background-image: url(../nav/bt_regina_on.gif);
}
#subnavRegina.active {
  background-image: url(../nav/bt_regina_down.gif);
}
#subnavUhren:hover {
  background-image: url(../nav/bt_uhren_on.gif);
}
#subnavUhren.active {
  background-image: url(../nav/bt_uhren_down.gif);
}
#subnavGoldschmuck:hover {
  background-image: url(../nav/bt_goldschmuck_on.gif);
}
#subnavGoldschmuck.active {
  background-image: url(../nav/bt_goldschmuck_down.gif);
}
#subnavSilberschmuck:hover {
  background-image: url(../nav/bt_silberschmuck_on.gif);
}
#subnavSilberschmuck.active {
  background-image: url(../nav/bt_silberschmuck_down.gif);
}
#subnavStahlschmuck:hover {
  background-image: url(../nav/bt_stahlschmuck_on.gif);
}
#subnavStahlschmuck.active {
  background-image: url(../nav/bt_stahlschmuck_down.gif);
}
#subnavSonstiges:hover {
  background-image: url(../nav/bt_sonstiges_on.gif);
}
#subnavSonstiges.active {
  background-image: url(../nav/bt_sonstiges_down.gif);
}
#subnavGoldschmiede:hover {
  background-image: url(../nav/bt_goldschmiede_on.gif);
}
#subnavGoldschmiede.active {
  background-image: url(../nav/bt_goldschmiede_down.gif);
}
#subnavUhrwerk:hover {
  background-image: url(../nav/bt_uhrwerk_on.gif);
}
#subnavUhrwerk.active {
  background-image: url(../nav/bt_uhrwerk_down.gif);
}

#subnavEngelbertKathi:hover {
	background-image: url(../nav/bt_engelbert_kathi_on.gif);
}
#subnavEngelbertKathi.active {
	background-image: url(../nav/bt_engelbert_kathi_down.gif);
}
#subnavBeratung:hover {
	background-image: url(../nav/bt_monja_sandra_on.gif);
}
#subnavBeratung.active {
	background-image: url(../nav/bt_monja_sandra_down.gif);
}