/*

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

(c) 2006/2007 Frank Kaiser - Wittkiel Gruppe

*/

ul#MainMenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 980px; /* Der Konqueror mit ner Extrawurst (KHTML-Engine)*/
  list-style: none;
  height: 23px;
background: #fff;
float: left;
border-bottom: 1px solid #004236;
z-index: 60;
}

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

ul#MainMenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
z-index: 60;
}

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: #4d4d4d;
  font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height:23px;
line-height: 23px;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

/* Root Menu Hover Farbwechsel */
ul#MainMenu a:hover,
ul#MainMenu li:hover a,
ul#MainMenu li.iehover a {
   background: #ededed;
  color: #004236;
border-left:1px solid #999;
border-right:1px solid #999;
}

ul#MainMenu li ul {

border-top:1px solid #999;
}

/* 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: #4d4d4d;
height:20px;
line-height: 20px;
border-bottom:1px solid #999;
}

/* 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: #004236;
}

/* 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;
}