/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*MENU - Global*/
.menu {
	top:0px;
	width:150px;
	height:295px;
	position:relative;
	z-index:100;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	}

/* Default */  
.menu a, .menu a:visited {
	display: block;
	font-size:12px;
	color:#333;
	height:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	}
	
/* Default alles auf 0 setzen*/
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
	line-height: 30px;
	}

/* Alle LI im Menü */
.menu ul li a {
	padding-left:45px;
	}

/* 1.Level LI - Default */
.menu > ul > li{
	background-image: url(../images/pfeil.png);
	background-repeat: no-repeat;
	background-position: 30px center;
	}

/* Hover - Default */ 
.menu a:hover {
	background-image: url(../images/trans50.png);
	background-repeat: repeat;
	}
	
/* 2.Level & folgende werden versteckt + verschoben + Hintergrund*/
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:0px;
	left:-149px;
	width:150px;
	height:295px;
	background-image: url(../images/trans50.png);
	background-repeat: repeat;
	}

/* Alle LI im Menü */
.menu ul ul li a {
	padding-left:20px;
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
	visibility:visible; 
	}
	
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
	}
	
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
	visibility:visible;
	}