/*** SUBMENU SKIN ***/
.sf-vertical {
	float:			left;
	
}
.sf-vertical a {
	border-bottom:	1px solid #DDDDDD;
	border-left:	1px solid #DDDDDD; 
	border-right:	1px solid #DDDDDD; 
	padding: 		5px 20px;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration : none;
	font-size: 11px;
	font-weight:bold;
	color : #868686;
	/*background-repeat:no-repeat;
	background-image:url(../images/cadwork/pfeil_top_nav.gif);*/
}
.sf-vertical a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#868686;
	font-size:11px;
}

.sf-vertical a, li {
	background:		#EEEEEE;
	color:			#868686;
}
.sf-vertical  li li {
	background:		#FFFFFF;
	color:			#868686;
}
.sf-vertical li li li {
	background:		#FFFFFF;
	color:			#868686;
}

.sf-vertical li:sfHover, 
.sf-vertical a:focus,  {
	background:		#ffffff;
	outline:		0;
	color: 			#868686;

}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	200px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover  ul {
	left:	12em; /* match ul width */
	top:	0;
	width:  12em;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}



.subnavfirst:link {
  	background:		#fff;
	color:			#868686;
}


.subnavfirston a, li  {
  	background:		#fff;
	color:			#868686;
}

.subnavfirston a:hover, li:hover  {
  	background:		#fff;
	color:			#868686;
}