/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/

.sf-vertical {

		background:url(../../images/ww_kl1.png) no-repeat;	
		width:210px;
		height:336px;
		display:block;
}



.sf-vertical li a{
	width:	10em;
	width:200px;
		font-size:0.1em;
		height:33px;
		display:block;

}

.sf-vertical li li a{
	width:	240px;
	height:15px;
	font-size:1em;
	font-weight:bold;
				padding-left:25px;
				background:url(../../images/holzn.png);	
				border-right:1px solid #333;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
}
/* 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:180px;
				width:	200px;
	top:	0;
	background:url(../../images/latten.png) no-repeat;	
z-index:-1;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	width:	200px;
		background: url(../../images/latteh.png) no-repeat;	
	outline:		0;
		left:5px;top:5px;
}
.sf-menu li li a:hover {
    top:-5px;
	width:	240px;
    padding-left:15px;
		background:url(../../images/holzh.png);	
		color:#000;
	outline:		0;
 				border-right:1px solid #666;
    border-top:1px solid #666;
    border-bottom:1px solid #666;

}