/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * 	{ margin:0; padding:0; list-style:none;}
.sf-menu 				{ line-height:1.0em; margin-left:30px; display:inline}
.sf-menu ul 			{ position:absolute; top:-999em; width:17em; /* left offset of submenus need to match (see below) */ }
*html .sf-menu ul 		{ border-right: 2px solid #888; border-bottom: 2px solid #888; } /* trans. Schatten Ersatz für IE6 */
.sf-menu ul li 			{ width:100%; z-index:100;}
.sf-menu li:hover 		{ visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li 			{ float:left; position:relative; }
.sf-menu a 				{ display:block; position:relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul 		{ left:0.6em; top:2.25em; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:16.9em; /* match ul width */ top:0;z-index:77;  }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;  }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;  }

/*** DEMO SKIN ***/
.sf-menu 				{ float:left; margin-bottom:1em; }
.sf-menu a 				{ padding:.5em 0.5em 0.5em 1.5em; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ z-index:77;  }
.sf-menu li 			{ z-index:77; }
.sf-menu li a			{ color:#fff; border-right: 6px solid #ed1c24;background:url('../images/divider.gif') no-repeat 0px 6px; }
.sf-menu li li a		{ padding:.5em 0.5em 0.5em 2.5em; border-bottom:1px solid #700d11; border-left:1px solid #700d11; border-right:1px solid #700d11; color:#fff;  background-image:none;}

.sf-menu li li 			{ background-color:#ed1c24; }
.sf-menu li li li 		{ background-color:#ed1c24; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, li.active, .sf-menu a:hover  { color:#fff; outline:0;text-decoration:none; background:url('../images/bg_nav_horiz_hover.gif') no-repeat top left;}
.sf-menu a:active, .sf-menu a:focus { color:#ed1c24; outline:0;text-decoration:none; border-right:5px solid #ed1c24;background:url('../images/bg_nav_horiz_active.gif') no-repeat 0px 0px;}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover  { color:#fff; outline:0;text-decoration:none; background-image:url('../images/arrows_left.png'); background-position:1em 0.5em; background-color:#c0171d;}
.sf-menu li li a:active, .sf-menu li li a:focus { color:#ed1c24; outline:0;text-decoration:none; background-image:none; background-color:#fff; border-right:1px solid #700d11;}



/*** arrows **/
.sf-menu a.sf-with-ul 	{ padding-right:1em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ } /* color:#ed1c24; */

.sf-sub-indicator 		{ position:absolute; display:block; right:.75em; top:0.8em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrowsxx-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator 	{  /* give all except IE6 the correct values */ top:.75em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator 	{ background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator 		{ background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator 	{ background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul 						{ background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
*html .sf-shadow ul 	{ zoom:1;  background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/seitenschatten/border_bottom_ie.png'); }
.sf-shadow ul.sf-shadow-off { background:transparent; }


/* Anhang für IE6. Dort wird der Schatten rangehängt */
.extra_li { line-height:4px;padding:0;margin:0;background-color:transparent; zoom:1; background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/border_bottom.png'"}