/* default MouseOver fuer Menuelemente */
#TopMenu a.Current, #TopMenu a:HOVER {  background-image: url(../img/menu/hover_default.gif); }

/* Ueber uns */
#TopMenu a#MEA1003.Current, #TopMenu a#MEA1003:HOVER {  background-image: url(../img/menu/hover1003.gif); }

/* Presse */
#TopMenu a#MEA1005.Current, #TopMenu a#MEA1005:HOVER {  background-image: url(../img/menu/hover1005.gif); }

/* Kontakt */
#TopMenu a#MEA1006.Current, #TopMenu a#MEA1006:HOVER {  background-image: url(../img/menu/hover1006.gif); }

/* Karriere */
#TopMenu a#MEA1013.Current, #TopMenu a#MEA1013:HOVER {  background-image: url(../img/menu/hover1013.gif); }

/* Produkte */
#TopMenu a#MEA1007.Current, #TopMenu a#MEA1007:HOVER {  background-image: url(../img/menu/hover1007.gif); }

/* Innovationen */
#TopMenu a#MEA1011.Current, #TopMenu a#MEA1011:HOVER {  background-image: url(../img/menu/hover1011.gif); }

/* Kundenservice */
#TopMenu a#MEA1010.Current, #TopMenu a#MEA1010:HOVER {  background-image: url(../img/menu/hover1010.gif); }

/* Programme */
#TopMenu a#MEA1039.Current, #TopMenu a#MEA1039:HOVER {  background-image: url(../img/menu/hover1039.gif); }


/* ############################################################# */
/* all menu links */
#TopMenu a, #subMenusContainer a{
  text-decoration:none;
  display:block;
  padding:3px 0 0 15px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#TopMenu a {
  margin: 1px 0 0 0;
  height: 20px;
  color: white;
  padding: 20px 15px 0 15px;
  float:left;
  background-image: none;
  background-repeat: repeat-x;
  font-weight: bold;
}

/*
#TopMenu a.BoldElement { font-weight: bold; }
*/



/* Just sub menu links */
#subMenusContainer a, #TopMenu li li a{
  text-align:left;
}

/* All menu links on hover or focus */
#TopMenu a:hover, #TopMenu a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #TopMenu a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused {

}

/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#TopMenu a.mainMenuParentBtnFocused,
#subMenusContainer a.subMenuParentBtnFocused,
#TopMenu li a:hover,
#TopMenu li a:focus{

}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{
  /*background: url(../img/arrow_right.gif) right center no-repeat;*/
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{
  /*background: url(../img/arrow_right_over.gif) right center no-repeat;*/
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{
   /*background: url(../img/arrow_down.gif) right center no-repeat;*/
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{
  /*background: url(../img/arrow_down_over.gif) right center no-repeat;*/
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{
  display:none;
  position: absolute;
  overflow:hidden;
  /*the 2px left & right padding lets you have a 1px border
    on the ul or ol inside since overflow is set to hidden*/
  padding:0 0px;
  margin: 0px 0px 0 0px;
}


/* All ULs and OLs */
#TopMenu, #TopMenu ul, #TopMenu ol, #subMenusContainer ul, #subMenusContainer ol{
  padding: 0;
  margin: 0;
  list-style: none;

}

/* All submenu OLs and ULs */
#TopMenu ol, #TopMenu ul, #subMenusContainer ul, #subMenusContainer ol {
  background: white;
  border: none;
  left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#TopMenu li {
  /*great place to use a background image as a divider*/
  display:block;
  list-style:none;
  position:relative;
  float:left;
  background: url(../img/menu/trenner.gif) top right no-repeat;
}

#subMenusContainer li {
  list-style: none;
}

/* main menu ul or ol elment */
#TopMenu{
  width: auto;
  height: 40px;
  display:block;
  position: relative;
  list-style:none;
  margin:0 0 0 6px;
  z-index:5;
  float: left;
}

#subMenusContainer {	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#TopMenu li li {	float:none; }

#TopMenu li li a { /* Just submenu links*/
  position:relative;
  float:none;
}

#TopMenu li ul { /* second-level lists */
  position: absolute;
  width: 10em;
  margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  margin-top:2.2em;
}

/* lists nested under hovered list items*/
#TopMenu li:hover ul {	margin-left: 0; }
#TopMenu li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility*/
#TopMenu li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#TopMenu li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#TopMenu li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#TopMenu li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#TopMenu li:hover a:focus { margin-left: 0; }
#TopMenu li li:hover a:focus + ul { margin-left: 10em; }

/* ############## Menu  ############################################# */

#subMenusContainer {
	left:-1px;
}

#subMenusContainer ul {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0px 5px 1px 5px;
  background: #133572 url(../img/menu/bg_submenu.gif) repeat-y;
}

#subMenusContainer ul li {

}

#subMenusContainer ul li a {
  display: block;
  text-decoration: none;

  font-size: 11px;
  color: #fff;
  font-weight: bold;

  padding: 5px 0 0 0;
  margin: 0 5px 0 10px;
  height: 18px;
}

#subMenusContainer ul li a:hover {
  color: #CCCCCC;
}

#subMenusContainer ul li a.current {  }

#subMenusContainer ul li ul {
  margin-left: 44px;
  margin-top: 44px;
}