/*this is the css for the vertical version*/
.vertical ul{
	list-style-type: none;
	padding: 0px; margin:0;
	width: 200px;
/*	border-top-width: 1px;	border-top-style: solid;border-top-color: #fff !important;*/		
}
.vertical li a{
	display: block;
	width: 190px;
	text-decoration: none;
	font-weight:bold;
	height: 1.6em;	
	padding: 0.5em 1px 0.5em 10px;
	
	border-top: solid 1px #fff;
	border-right-width: solid 0px #fff;
	border-bottom-width: solid 1px #DADADA;
	border-left-width: solid 0px #fff;
	border-top-color: #DADADA !important;
	border-right-color: #DADADA !important;
	border-bottom-color: #DADADA !important;
	border-left-color: #DADADA !important;
		}
.vertical li a:hover{
			text-decoration: none;
		}
.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
.vertical li ul{
			position: absolute;	margin-top: -1.8em;	margin-left: 180px;
		}
		
/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
.bluewhite li a{
	color: #5C5C5C;
	border-color: #2F2F2F;
	background: url(menu/pfeili_0.png) center left no-repeat #fff;
	text-indent: 10px;
		}
.bluewhite li a:hover, .bluewhite .trail a.hover {
	color: #fff;
	border-color: #2F2F2F;
	background: url(menu/pfeili_1.png) center left no-repeat #9B0025;
	text-indent: 10px;
		}
.bluewhite ul{
			border-color: red;
		}