/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *	{ margin: 0; padding: 0; list-style: none; }
.sf-menu li 			{ position: relative; }
.sf-menu ul 			{ position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li 			{ float: left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {display: block; }

.sf-menu a 				{ display: block; position: relative; }
.sf-menu ul ul 			{top: 0; left: 100%; }


/*** Anpassungen ***/
.sf-menu 				{ /* 1. Ebene */ letter-spacing: 1px; float: right; margin-bottom: 20px; }

.sf-menu ul 			{ /* Dropdown-Liste*/ float: left; text-transform: none !important; text-align: left !important; padding-top: 13px; }
.sf-menu a 				{ color: #999; padding: 0; margin-bottom: 15px; margin-left: 30px; min-width: 0; zoom: 1; /* IE7 */ /*border-bottom: solid 2px #999;*/ }

.sf-menu li:first-child a	{ padding-left: 0; }
.sf-menu li:last-child a	{ border-right: none; padding-right: 0; }

@media only screen and (max-width : 1280px) {
.sf-menu, .sf-menu * { margin-right: 4%; }
}

/* < 860 px */ 
@media only screen and (max-width : 860px) {
	.sf-menu 	{ font-size: 100%; }
	.sf-menu a	{ padding-right: 10px; padding-left: 10px; }
}
.sf-menu a:hover, a.rex-current, a.rex-active { color: #990000; text-decoration: none; }

.sf-menu li {
	background: transparent; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; }

/* 2. Ebene */
.sf-menu ul 	{ padding-top: 0px; margin-top: 0px; margin-left: 30px; }
.sf-menu ul.shrinkmenu	{ margin-top: -10px !important; }

/* 3. Ebene */
.sf-menu ul ul	{ margin-top: 10px; margin-left: 2px; }
.sf-menu ul ul.shrinkmenu	{ margin-top: 10px !important; }

.sf-menu ul li 	{ background: rgba(51,51,51,0.7); margin: 0px 5px 0 5px; box-shadow: 2px 2px 2px rgba(0,0,0,.0); padding-right: 20px; padding-left: 20px; }

.sf-menu ul li a { /* Buttons 2. Ebene */
	color: #ccc; font-family: 'robotolight'; font-size: 90%;  font-weight: normal !important; border-right: none !important; padding-top: 5px; margin-bottom: 0; margin-left: 0; border-bottom: none; padding-left: 15px !important; padding-right: 15px !important;
}
.sf-menu ul li:first-child a	{ margin-top: 0; padding-top: 5px; padding-left: 15px; }
.sf-menu ul li:last-child a		{ margin-top: 0; padding-bottom: 10px; }
.sf-menu ul li a:hover 			{ color: #fff; }

.sf-menu ul ul li { /* 3. Ebene */ background: #rgba(45,45,45,1.0); margin-left: -3px !important; }

.sf-menu li:hover {  } /* betrifft alle Ebenen */
.sf-menu li.sfHover { /* betrifft nur die erste Ebene */ 
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}