#MyMenu { /* <div> container zur Unterscheidung des Menüs von anderen Listen im Projekt */
	padding:              0; /* ISS / oben, links, unten, rechts */
	z-index:              5000;
	position: relative;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	clear: both;
}
#MyMenu li {
	list-style: none;
    display: inline-block;
}
#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;
}


/* ------------------------ Ebene 1 -----------------------------*/
#MyMenu ul li a, 
#MyMenu ul li a:visited {
	color:                #f9ecce; /* Schriftfarbe Menüpunkt generell */
	display:              block;   /* festlegung der Menhüpunkte als Block = Button */
	font-weight:          normal;
	height:               25px; /* Mase der Menüpunkte + padding */
	line-height:          15px;
	margin:               0 0 0 0; /* Abstand zwischen Menüpunkten */
	text-align:           center;
	text-decoration:      none;
	white-space:          nowrap; /* dont wrap long entries (also see below) */
	border-right:         1px solid #CCC;
	text-transform: normal;
	background-color: transparent;
}

#MyMenu ul li a:hover { /* Mouseover HAUPTMENÜ / wird vererbt */
  color:                #f9ecce; /*#684f2e;*/ 
  font-weight:          bold; 
  background-color:     transparent;  
}

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

#MyMenu a:active.WebYepMenuItem, 
#MyMenu a:hover.WebYepMenuItem {
  color:                #f9ecce; 
  font-weight:          bold; 
  background-color:     transparent;  
}

/* ÜBERGEORDNETER MENÜPUNKT */
#MyMenu a:link.WebYepMenuCurrentPath, 

#MyMenu a:visited.WebYepMenuCurrentPath {
  background-color:     transparent;  
  color:                #f9ecce; 
  font-weight:          bold; 
}

/* SELEKTIERTER MENÜPUNKT */
#MyMenu a:link.WebYepMenuCurrentItem, 
#MyMenu a:hover.WebYepMenuCurrentPath,
#MyMenu a:visited.WebYepMenuCurrentItem {
	background-color:     transparent;
	color:                #f9ecce;
	font-weight:          bold;
}/* ISS */


/*erster Menüpunkt*/
#MyMenu a.WebYepMenuFirstItem {
	padding-left: 0px;
}

/* ---------------------------- UNTERMENÜ --------------------------------------*/

#MyMenu ul li ul { /* ISS - UNTERMENÜ */
	left:                 -999em; /* Grundsätzlihce Position des Untermenüs: weit ausserhalb des Bildschirms (von Links - so kein Scrollbalken) */
	margin:               0px 0px 0px 0px; /* oben, rechts, unten, links */
	padding:              10px 0px 0px 0px; /* oben, links, unten, rechts */
	position:             absolute;
	width:                140px; /* Breite des Menüs 2te Ebene - ACHTUNG: sorgt auch dafür, dass im Touch Untermenüpunkte zur Auswahl stehen bleiben!*/
	z-index:              2000;
    background-color: rgba(208,159,11,0.8);
}

}
#MyMenu ul li ul li {
  width:                100%;
}
/*erster Menüpunkt*/
#MyMenu ul li ul li a.WebYepMenuFirstItem {
	padding-left: 20px;
}
#MyMenu ul li ul li a, /* UNTERMENÜ */
#MyMenu ul li ul li a:visited {
  color:                #f9ecce; /* Textfarbe */
  font-weight:          normal;
  height:               auto; /* Höhe des Menüpunktes + padding */
  padding:              5px 15px 9px 20px; /* Abstände des Untermenütextes im Button / oben, links, unten, rechts */
  text-align:           left;
  /*width:                200px; /* Breite des Menüpunktes + padding */
  overflow: 			hidden; /* Feste Breite des Untermenüs! Zu lange Menüpunkttexte werden abgecshnitten! */
  border-top:           0px solid #FFFFFF;
  border-right:         0px solid #FFFFFF;
}

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

/* 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,
#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 {
  color:                #f9ecce; /* Textfarbe bei Mouseover */
  font-weight:          normal;
}


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

/* SELEKTIERTER MENÜPUNKT 3TE EBENE */
#MyMenu ul li ul li.WebYepMenuTitle ul li.WebYepMenuCurrentItem a,
#MyMenu ul li ul li.WebYepMenuTitle ul li.WebYepMenuCurrentItem a:visited {
  color:                #f9ecce; /* Textfarbe des Untermenüs  */
  font-weight:          normal; 
}
  
/* POSITION UND MAß 3TE EBENE */
#MyMenu ul li ul ul {
  margin-left:          156px; /* Pixel neben der 2ten Ebene */
  margin-top:           -30px; /* Je niedriger desto weiter unten neben der 2ten Ebene */
  padding:              0;
  width:                120px; /* Breite der Menüpunkte */
}

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

#MyMenu ul li:hover ul ul,
#MyMenu ul li:hover ul ul ul {
  left:                 -999em; /* Verschiebt Untermenüpunkte des aktiven Untermenüs links aus dem Bildschirm */
}
#MyMenu ul li:hover ul,
#MyMenu ul li li:hover ul {
  left:                 auto; /* Zeigt Untermenü bei Mouseover über Übergeordneten Menütitel (Nur erste Unterebene = 2te Ebene) */
}