/*

ErdalMenu
---------
Dropdown-Menu mit CSS

(c) 2006/2007 Frank Kaiser - Wittkiel Gruppe

*/

ul#MainMenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 960px; /* Der Konqueror mit ner Extrawurst (KHTML-Engine)*/
  list-style: none;
  height: 35px;
background: none;
}

ul#MainMenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; 
  display: inline;
  list-style: none;
  position: relative;
  height: 35px;
}

ul#MainMenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 180px;
  list-style: none;
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
}

ul#MainMenu ul li {
  float: none; 
  display: block !important;
  display: inline; /* Der IE will inline und kein block. Typisch */
height:auto;
}

/* Root Menu */
ul#MainMenu a {
  padding: 0px 17px 0 17px;
  float: none !important; 
  float: left; /* wieder mal der IE mit ner Extrawurst */
  display: block;
  color: #fff;
  font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height:35px;
line-height: 35px;
}

/* Root Menu Hover Farbwechsel */
ul#MainMenu a:hover,
ul#MainMenu li:hover a,
ul#MainMenu li.iehover a {
  background: url(http://de.wkg-local.org/tvk/fileadmin/templates/img/menu_act_bg.png);
  color: fff;
}

ul#MainMenu li ul {
border-left:1px solid #e20c17;
border-right:1px solid #e20c17;
border-top:1px solid #e20c17;
}

/* Die zweite Menueebene */
ul#MainMenu li:hover li a,
ul#MainMenu li.iehover li a {
  float: none;
padding:0;
text-indent:19px;
background: #fff;
color: #42478c;
height:20px;
line-height: 20px;
border-bottom:1px solid #e20c17;
}

/* Die zweite Menueebene Hover Farbwechsel*/
ul#MainMenu li:hover li a:hover,
ul#MainMenu li:hover li:hover a,
ul#MainMenu li.iehover li a:hover,
ul#MainMenu li.iehover li.iehover a {
  background: #ededed;
  color: #42478c;
}

/* Die dritte Menueebene */
ul#MainMenu li:hover li:hover li a,
ul#MainMenu li.iehover li.iehover li a {
  float: none;
padding:0;
text-indent:19px;
background: #fff;
color: #42478c;
height:20px;
line-height: 20px;
border-bottom:1px solid #e20c17;
}

/* Die dritte Menueebene Hover Farbwechsel */
ul#MainMenu li:hover li:hover li a:hover,
ul#MainMenu li:hover li:hover li:hover a,
ul#MainMenu li.iehover li.iehover li a:hover,
ul#MainMenu li.iehover li.iehover li.iehover a {
  background: #ededed;
  color: #42478c;
}




/* Die vierte Menueebene */
ul#MainMenu li:hover li:hover li:hover li a,
ul#MainMenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* Die vierte Menueebene Hover Farbwechsel */
ul#MainMenu li:hover li:hover li:hover li a:hover,
ul#MainMenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#MainMenu ul ul,
ul#MainMenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 180px;
}




/* Erstmal display none f�¯�¿�½r nicht Gecko-Browser */
ul#MainMenu li:hover ul ul,
ul#MainMenu li:hover ul ul ul,
ul#MainMenu li.iehover ul ul,
ul#MainMenu li.iehover ul ul ul {
  display: none;
}

/* Dann display block f�¯�¿�½r alle Gecko einschalten */
ul#MainMenu li:hover ul,
ul#MainMenu ul li:hover ul,
ul#MainMenu ul ul li:hover ul,
ul#MainMenu li.iehover ul,
ul#MainMenu ul li.iehover ul,
ul#MainMenu ul ul li.iehover ul {
  display: block;
}