ul.kolorMenu > li.kolorMenuItem > p:before {
	border-right: 1px dotted rgba(0, 0, 0, 0.18);
	content: '';
    position: absolute;
    bottom: 0em;
    left: 0em;
    top: 0;
}
ul.kolorMenuGroup > li.kolorMenuItem > p:before {
    content: '';
    position: absolute;
    left: 0em;
    right: 0em;
    border-top: 1px dotted rgba(0, 0, 0, 0.18);
    top: 0;
}
ul.kolorMenu li.kolorMenuItem:first-of-type > p:before {
	display:none
}



ul.kolorMenu {
	width:100%!important;
}

ul.kolorMenu > li.kolorMenuItem > p {
	text-transform: uppercase;
}

/* der ul.kolorMenuItem wird kein background gegeben, weil das submenu ein padding nach oben besitzt (bei einem margin wäre kein hover mehr vorhanden) - deshalb müssen die einzelnen list items dann mit einem background nachträglich hinterlegt werden */
ul.kolorMenu li {
	background: #dedede;
}
ul.kolorMenu .kolorMenuGroup li, ul.kolorMenu .kolorMenuGroup li p {
	background: #fff !important;
}

ul.kolorMenu li > p {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	color:#5f5549 !important;
}
ul.kolorMenu li:hover > p {
	color:#a5bf60 !important;
}

ul.kolorMenu > li > .kolorMenuGroup {
	background:none!important;
	box-shadow: 7px 8px 10px 0px rgba(0, 0, 0, 0.33);
	padding-top: 8px!important;
	
	transform: translateY(-20px);
	opacity: 0;
	
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;

}

ul.kolorMenu li:hover > .kolorMenuGroup {
	transform: translateY(0);
	opacity: 1;
}

/* navi-pfeile werden am desktop per hover getriggert,
   im touch-modus bleibt der hover-state bestehen wenn das pano schon aufgerufen und das dropdown-navi verschwunden ist
   
   im touch-modus wird der dropdown-navi eine 'forceDisplayBlock' Klasse angehängt: 
   Beispiel: ul.kolorMenuGroup.forceDisplayBlock
   per jquery muss daher festgestellt werden ob das li-element für den navi-pfeil ein ul.forcedisplayblock enthält.
   dann wird von jquery dem li eine klasse angehängt
   */
   
#panoDIV.cursorMoveMode  ul.kolorMenu > li:hover:after {
	bottom: -8px;
	left: 50%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #fff;
	border-width: 13px;
	margin-left: -13px;
}