/* Because every Menupoint has several pictures, foreach point exists an id */

#mainMenu {
  padding:0;
  margin:0 0 0 240px;
  list-style-type:none;
}

#mainMenu li { 
  float:left;
  width:110px;
  height:47px;
  background:url(/images/dottedLineVertical.gif) repeat-y left top;
}

#mainMenu li a span { 
  display:none;
}

#mainMenu li a { 
  position:relative;
  left:1px;
  top:29px;
  display:block;
  background-image:no-repeat top left;
  height:18px;
  width:100px;
}

#mainMenu li a.active,
#mainMenu li a:hover {
}
  
#mainMenuButton_1 { background-image:url(/images/buttons/home_off.gif); }
#mainMenuButton_1:hover { background-image:url(/images/buttons/home_on.gif); }
#mainMenuButton_1.active:hover,
#mainMenuButton_1.active { background-image:url(/images/buttons/home_highlite.gif); }

#mainMenuButton_2 { background-image:url(/images/buttons/ueber_icony_off.gif); }
#mainMenuButton_2:hover { background-image:url(/images/buttons/ueber_icony_on.gif); }
#mainMenuButton_2.active:hover,
#mainMenuButton_2.active { background-image:url(/images/buttons/ueber_icony_highlite.gif); }

#mainMenuButton_3 { background-image:url(/images/buttons/online-dating_off.gif); }
#mainMenuButton_3:hover { background-image:url(/images/buttons/online-dating_on.gif); }
#mainMenuButton_3.active:hover,
#mainMenuButton_3.active { background-image:url(/images/buttons/online-dating_highlite.gif); }

#mainMenuButton_4 { background-image:url(/images/buttons/partnermodell_off.gif); }
#mainMenuButton_4:hover { background-image:url(/images/buttons/partnermodell_on.gif); }
#mainMenuButton_4.active:hover,
#mainMenuButton_4.active { background-image:url(/images/buttons/partnermodell_highlite.gif); }

#mainMenuButton_5 { background-image:url(/images/buttons/technologie_off.gif); }
#mainMenuButton_5:hover { background-image:url(/images/buttons/technologie_on.gif); }
#mainMenuButton_5.active:hover,
#mainMenuButton_5.active { background-image:url(/images/buttons/technologie_highlite.gif); }

#mainMenuButton_6 { background-image:url(/images/buttons/kontakt_off.gif); }
#mainMenuButton_6:hover { background-image:url(/images/buttons/kontakt_on.gif); }
#mainMenuButton_6.active:hover,
#mainMenuButton_6.active { background-image:url(/images/buttons/kontakt_highlite.gif); }

#subMenu {
  position:relative;
  top:8px;
  left:30px;
  background:url(/images/dottedLineHorizontal.gif) repeat-x left top;
  background-color:#20201f;
  width:179px;
  padding:1px 0 0 0;
  margin:0;
  list-style-type:none;
}

#subMenu li {
  background:url(/images/dottedLineHorizontal.gif) repeat-x left bottom;
  display:block;
  height:18px;
}

#subMenu li a {
  display:block;
  height:18px;
  padding:2px;
  color:#ffffff;
}