
#MyMenu { /* Zur Unterscheidung des MenÃüs von anderen Listen im Projekt */
	padding:              0; 
	z-index:              2000;
	position: relative;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	clear: both;
}

#MyMenu ul { /* AuflÃ¶sen aller margins und paddings fÃ¼r folgendes MenÃ¼ und Folgeobjekte */
  	margin:               0;
  	padding:              0;
}

#MyMenu ul li { /* Festlegung der horizontalen Ansicht */
  	float:                left;
  	list-style-image:     none;
  	list-style-position:  outside;
  	list-style-type:      none;
  	margin:               0;
  	padding:              0 0 0 0;
}

/* ------------------------ HAUPTMENÜ -----------------------------*/

#MyMenu ul li a,  /* ISS - HAUPTMENÜ GENERELL*/ 
#MyMenu ul li a:visited {
	color:                #FFF; /* Schriftfarbe Menüpunkt generell */
	display:              block;
	font-weight:          normal;
	text-transform: 	  uppercase;
	line-height:          15px;
	height:               27px; /* Mase der Menüpunkte + padding */
	margin:               0 0 0 0; /* Abstand zwischen Menüpunkten */
	padding:              7px 9px 2px 9px; /* oben, links, unten, rechts */
	text-align:           center;
	text-decoration:      none;
	white-space:          nowrap; /* dont wrap long entries (also see below) */
	border-bottom:        0px solid #FFFFFF;
	border-right:         0px solid #90B2E6;
	background-color: 	  transparent;
}

#MyMenu ul li a:hover { /* Mouseover HAUPTMENÃœ / wird vererbt */
	color:                #fff;
	font-weight:          normal;
	background-color: 	  #5fba49;
}

/* NORMALER MENÃœPUNKT (KEIN TITEL) */
#MyMenu a:link.WebYepMenuItem, 
#MyMenu a:visited.WebYepMenuItem {
	color:                #fff;
	font-weight:          normal;
}

#MyMenu a:active.WebYepMenuItem,
 #MyMenu a:hover.WebYepMenuItem {
	color:                #fff;
	font-weight:          normal;
}

/* ÃœBERGEORDNETER MENÃœPUNKT */
#MyMenu a:link.WebYepMenuCurrentPath, 
#MyMenu a:visited.WebYepMenuCurrentPath {
	color:                #fff;
	font-weight:          normal;
	background-color: 	  #5fba49;
}

/* SELEKTIERTER MENÃœPUNKT */
#MyMenu a:link.WebYepMenuCurrentItem, 
#MyMenu a:visited.WebYepMenuCurrentItem {
	color:                #fff;
	font-weight:          normal;
	background-color: 	  #5fba49;
}/* ISS */



/* ---------------------------- UNTERMENÜS ALLGEMEIN --------------------------------------*/

#MyMenu ul li ul { /* ISS - UNTERMENÜ GENERELL */
	left:                 -999em; /* Generelle Position des Untermenüs: weit ausserhalb des Bildschirms (von Links - so kein Scrollbalken) */
	margin:               0px 0px 0px 0px; /* oben, rechts, unten, links */
	padding:              1px 0px 0px 0px; /* oben, links, unten, rechts */
	position:             absolute;
	width:                180px; /* Breite des Menüs 2te Ebene */
    background-color: 	  rgba(95,186,73,0.75);
}

#MyMenu ul li ul li {
	width:                100%;
}

#MyMenu ul li ul li a, /* UNTERMENÜ */ 
#MyMenu ul li ul li a:visited {
	background-color:     transparent;
	color:                #fff; /* Textfarbe */
	font-weight:          normal;
	height:               auto; /* Höhe des Menüpunktes + padding */
	padding:              9px 15px 9px 10px; /* Abstände des Untermenütextes im Button / oben, links, unten, rechts */
	text-align:           left;
	/* width:                150px; Breite des Menüpunktes + padding */
	overflow: 			  hidden; /* Feste Breite des Untermenüs! Zu lange Menüpunkttexte werden abgeschnitten! */
	border-top:           0px solid #90B2E6;
	border-right:         0px solid #90B2E6;
}

/* ------------------------------ 2TE EBENE -------------------------------------*/
/* ÜBERGEORDNETER MENÜPUNKT 2TE EBENE*/
#MyMenu ul li ul li a:link.WebYepMenuCurrentPath, 
#MyMenu ul li ul li a:visited.WebYepMenuCurrentPath {
	color:                #fff; /* Textfarbe */
	font-weight:          normal;
}

/* MENÜTITEL 2TE EBENE*/
#MyMenu ul li ul li.WebYepMenuTitle a, 
#MyMenu ul li ul li.WebYepMenuTitle a:visited, 

#MyMenu ul li ul li.WebYepMenuTitle ul li.WebYepMenuTitle > a:visited {
	font-weight:          normal;
}

/* MENÜTITEL 2TE EBENE*/
#MyMenu ul li ul li a:hover, /* UNTERMENÃœ HOVER */ 
#MyMenu ul li ul li.WebYepMenuTitle a:hover, 
#MyMenu ul li ul li.WebYepMenuTitle ul li a:hover, 
#MyMenu ul li ul li.WebYepMenuTitle ul li.WebYepMenuTitle ul li a:hover {
	background-color:     #5fba49; 
	color:                #fff; /* Textfarbe bei Mouseover */
	font-weight:          normal;
}

/* ---------------------------- 3TE EBENE --------------------------------- */

/* POSITION UND MASS 3TE EBENE */
#MyMenu ul li ul ul {
	margin-left:          130px; /* Pixel neben der 2ten Ebene */
	margin-top:           -30px; /* Je niedriger desto weiter unten neben der 2ten Ebene */
	padding-left:         0px;
	width:                180px; /* Breite der MenÃ¼punkte */
	height:               auto; /* Mase der MenÃ¼punkte + padding */
}

/* ---------------------------- 4TE EBENE --------------------------------- */

/* POSITION UND MAÃŸ 4TE EBENE */
#MyMenu ul li ul ul ul {
	margin-left:          155px; /* Pixel neben der 2ten Ebene */
	margin-top:           -25px; /* Je niedriger desto weiter unten neben der 2ten Ebene */
	padding-left:         0px;
	width:                150px; /* Breite der MenÃ¼punkte */
	height:               auto; /* Mase der MenÃ¼punkte + padding */
}

/* ---------------SONSTIGES ------------------------- */
#MyMenu ul li ul ul li {
	width:                100%;
}

/* ---------------Diese beiden EintrÃ¤ge um jeweilige Ebene ergÃ¤nzen ------------------------- */
#MyMenu ul li:hover ul ul, #MyMenu ul li:hover ul ul ul, #MyMenu ul li:hover ul ul ul ul {
	left:                 -999em; /* Verschiebt UntermenÃ¼punkte des aktiven UntermenÃ¼s links aus dem Bildschirm */
	z-index:              1400;
}

#MyMenu ul li:hover ul, #MyMenu ul li li:hover ul, #MyMenu ul li li li:hover ul {
	left:                 auto; /* Zeigt UntermenÃ¼ bei Mouseover Ã¼ber Ãœbergeordneten MenÃ¼titel (Nur erste Unterebene = 2te Ebene) */
	z-index:              1400;
}