
/*  ---------------------------------------- Menu ---------------------------------------- */

.menu {
	position:absolute;
	width:133px;
	left:78px;
	top:300px;
	z-index:105;
}

.menu ul {
	list-style-type:none;
	width:133px;
	z-index:110;
}

* html .menu ul {margin-left:-16px; margin-left:0;}


.menu li {
	position:relative; /* position relative so that you can position the sub levels */
	height:26px;
	background:url(images/navi-bg1.jpg) no-repeat;

}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

.menu a, .menu a:visited {
	display:block; 
	text-decoration:none;
	height:26px;
	line-height:27px;
	width:133px;
	color:#333;
	text-indent:6px;
	background-color:none;
	border-width:0 1px 1px 0;
}

* html .menu a, * html .menu a:visited {
	border:none;
	border-width:none;
}

.menu ul ul li {
		height:25px;
}


* html .menu ul ul a, * html .menu ul ul a:visited {
	height:25px;
	line-height:25px;
}


/*  */



* html .menu a, * html .menu a:visited { width:133px;}

* html .menu a:hover {  color:#333; font-weight:bold; background:url(images/navi-bg2.jpg) no-repeat 0 1px; }

.menu :hover > a {
	color:#333; 
	font-weight:bold;
	background:url(images/navi-bg2.jpg) no-repeat 0 1px;
}


#button_aktiv {
	color:#333 !important; 
	font-weight:bold;
	background:url(images/navi-bg2.jpg) no-repeat 0 1px;
}


.menu ul ul a, .menu ul ul a:visited {
	color:#ffffff;
	width:190px;
	height:25px;
	line-height:25px;
	font-weight:regular !important;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	width:190px;
	background-color:#FFF0D9;
	visibility:hidden;
	position:absolute;
	top:0;
	left:133px;
	z-index:100 !important;
}

.menu ul ul li {
		background-image:none !important;
		padding-left:1px;
		padding-bottom:1px;
}

* html .menu ul ul li {

}

.menu ul ul li a{	
	background-color:#b7a171;
	}
	
.menu ul ul li a:hover {	
		color:#fff;
		background-image:none; 
		background-color:#d5c093;
	}
	

	
	
* html .menu ul ul li a{
	font-weight:normal;	height:20px;
	padding:0;
	margin:0;
}

* html .menu ul ul li a:hover {
	background:#d5c093; color:#fff; font-weight:bold; text-decoration:underline;
}

.menu ul ul ul{
	left:191px;
}

.menu ul ul ul a{
	width:186px !important;
}


/* make the second level visible when hover on first level list OR link */
.menu ul :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;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}








/*  ---------------------------------------- Navi allgemein ---------------------------------------- */


a { color:#333;  outline-style:none; }
a:hover { }


