#menue_pulldown > ul{ 
	margin-top:0px;  
	padding:0px;
	display:inline;	/* weg für Buttons untereinander, <nav> width weit genug setzen */
	overflow:hidden;	/* weg für popup rechts bei Buttons untereinander */
}
#menue_pulldown > ul > li{ /* bezieht sich nur auf die oberste Generation von li */
	list-style: none;
	..box-shadow: 0 0 10px rgba( 140, 100, 70, 0) inset,2px 2px 2px #fff;
	display: inline-block;	/* weg für Buttons untereinander */
	..line-height: 10px; /* MOZ */
	padding: 0 3px; /* IE */
	margin: 0 0.1%;
	border-radius: 0px;
	position:relative;
	..text-shadow: 0.5px 0.5px #fff;
}

#menue_pulldown > ul > li{		/*Background + Schriftfarbe für alle Buttons gleich*/
	color: rgba(0,0,0,1);
	background: rgba(212,212,212,0.7);
}

#menue_pulldown > ul > li:hover{		/*Background + Schriftfarbe für alle Buttons gleich Maus over*/
	color: #fff;
	background-color: rgba(111,111,111,0.7);
	text-shadow: none;
}

body#kontakt #menue_pulldown > ul > li:nth-child(2){ /* Menü aktiv Position 2. von links */
	box-shadow: 0 0 10px rgba(238, 237, 203, 0.2) inset,2px 2px 2px #CCC;
	background-color:#ddc784;
}
body#referenzen #menue_pulldown > ul > li:nth-child(3){ /* Menü aktiv Position 3. von links*/
	box-shadow: 0 0 10px rgba(238, 237, 203, 0.2) inset,2px 2px 2px #CCC;
	background-color:#ddc784;
}
body#leistungen #menue_pulldown > ul > li:nth-child(4){ /* Menü aktiv Position 4. von links*/
	box-shadow: 0 0 10px rgba(238, 237, 203, 0.2) inset,2px 2px 2px #CCC;
	background-color:#ddc784;
}
body#ueberuns #menue_pulldown > ul > li:nth-child(5){ /* Menü aktiv Position 5. von links*/
	box-shadow: 0 0 10px rgba(238, 237, 203, 0.2) inset,2px 2px 2px #CCC;
	background-color:#ddc784;
}


#menue_pulldown > ul > li > a{
	width:150px;
	color:inherit;
	text-decoration:none !important;
	..font-size:12px;
	padding: 0px;
}
#menue_pulldown li ul{
	position:absolute;
	list-style:none;
	text-align:left;
	width:170px;
	left:-60px;
	..margin-left:-170px;	/* Ausrichung Pulldownbox unter/neben Hauptlinks */
	top:20px;			/* Ausrichung Pulldownbox unter/neben Hauptlinks */
	font: 14px arial, Open Sans Condensed, sans-serif;
	/* Wichtig für show/hide CSS Animation */
	max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}
#menue_pulldown li:hover ul{
	max-height:500px;
}
#menue_pulldown li ul li{			/* zebra stripes 2.Zeile */
	background-color: rgba(218,218,218,0.9);
}
#menue_pulldown li ul li a{			/* Text Farbe */
	padding:8px;
	color:black !important;
	text-decoration:none !important;
	display:block;
}
#menue_pulldown li ul li:nth-child(odd){ /* zebra stripes 1.Zeile */
	background-color: rgba(223,223,223,0.9);
}

#menue_pulldown li ul li:hover{		/* Hintergrund Mausüber */
	background-color:#666;
}
#menue_pulldown li ul li:first-child{
	border-radius:8px 8px 0 0;
	margin-top:5px;
	position:relative;
}
#menue_pulldown li ul li:first-child:before{ /* Zeigedreieck */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#313131;
	left:30%;
	top:-10px;
	margin-left:-5px;
}
#menue_pulldown li ul li:last-child{
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
#menue_pulldown li.BgColor1{	
	background-color:# ;	/* Buttonhintergrund */
	color:# ;	/* Buttonschriftfarbe*/
}
#menue_pulldown li.BgColor2		{ background-color:# ;color:# ;}
#menue_pulldown li.BgColor3		{ background-color:# ;color:# ;}
#menue_pulldown li.BgColor4		{ background-color:# ;color:# ;}
#menue_pulldown li.BgColor5		{ background-color:# ;color:# ;}

@media all and (max-width: 640px) and (min-width: 381px){  /* siehe menue_pulldown.css */
#menue_pulldown > ul	{width: 80px; }
}



/*----------------------------------------------------------- Beginn Versuch: 3. Ebene 
#menue_pulldown ul li > ul{ 
	width: 90px;  
	margin-top:0px;  
	padding:0px;
	..display:inline;	/* Buttons untereinander, <nav> width weit genug setzen */
	..overflow:hidden;	/* popup rechts bei Buttons untereinander */
}

#menue_pulldown li ul li ul{
	position:absolute;
	list-style:none;
	text-align:left;
	width:270px;
	left:190%;
	margin-left:-70px;
	top:0px;
	font: 14px arial, Open Sans Condensed, sans-serif;
	/* Wichtig für show/hide CSS Animation */
	max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}
#menue_pulldown li ul li:hover ul {
	max-height:500px;
}
#menue_pulldown li ul li ul li{			/* zebra stripes 2.Zeile */
	background-color:#6d3e12;
	opacity:0.9;	
}
#menue_pulldown li ul li ul li a{			/* Text Farbe */
	padding:8px;
	color:white !important;
	text-decoration:none !important;
	display:block;
}
#menue_pulldown li ul li ul li:nth-child(odd){ /* zebra stripes 1.Zeile */
	background-color:#6A3606;
	opacity:0.9;
}

#menue_pulldown li ul li ul li:hover{		/* Hintergrund Mausüber */
	background-color:black;
}
#menue_pulldown li ul li ul li:first-child{
	border-radius:8px 8px 0 0;
	margin-top:5px;
	position:relative;
}
#menue_pulldown li ul li ul li:first-child:before{ /* Zeigedreieck */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#313131;
	left:30%;
	top:-10px;
	margin-left:-5px;
}
#menue_pulldown li ul li ul li:last-child{
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
----------------------------------------------------------- Ende Versuch: 3. Ebene */