/* ============================================================================================= */
/* DROPDOWN CSS NAVI 1.0 ======================================================================= */
/* ============================================================================================= */
#navi{
	margin: 0px;
	position:absolute;
	left:11px;
	top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:400px;
	z-index:201;
}
#nav_bg{
	position:relative;
	width:400px;
}
/*
	-moz-opacity : 0.3;
	filter: Alpha(opacity=30);
*/
/* ebene 1 =================================================================== */

#navi ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#navi li{
/*	width:57px;*/
	width:63px;
	float:left;
	position:relative;
}
/* link 1. ebene */
#navi a.link_1,
#navi a.link_1_last{
	display:block;
/*	width:56px;*/
	width:62px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	text-align:center;
	border-right:solid 1px #222;
}
#navi a.link_1_last{
	border-right:0;
}
#navi a.link_1_act{
	display:block;
/*	width:56px;*/
	width:62px;
	color:#FFC83C;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border-right:solid 1px #222;
/*	background-color:#7D858e;*/
}

#navi a.link_1:hover,
#navi a.link_1_last:hover,
#navi a.link_1_act:hover{
	color:#FFC83D;
	border-left:solid 0px #222;
}

/* ebene 2 =================================================================== */

#navi ul ul{
	position:absolute;
	left:0px;
	top:14px;
	/*width:80px;---*/
	width:100px;
	height:0;
	visibility:hidden;
}
/* 2. ebene sichtbar machen */
#navi ul a:hover ul,
#navi ul li:hover ul{
	visibility:visible;
}
/* link 2. ebene */
#navi a.link_2{
	display:block;
	/*width:70px;--*/
	width:90px;
	/*height:16px;*/
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
	color:#000;
	text-align: center;
/*	background-color:#7D858F;	*/
	background-color:#666; 	
	padding: 2px 0px 2px 0px;
}

#navi a.link_2:hover{
	color:#000;
/*	background-color:#aaa; */
	background-color:#666;	
	color:#FFC83C;
}
#navi :hover > a.link_1, .menu ul ul :hover > a.link_1{
/*	background-color:#7D858F; 	*/
}
#navi .directory{
	background:url(../img/menu_left.gif) right 1px no-repeat;
}
#navi .directory_down{
	background:url(../img/menu_down.gif) right -1px no-repeat;
}

/* table fix =================================================================== */
#navi table { position:absolute;  top:0;  left:0; }


/* ============================================================================================= */
/* END DROPDOWN CSS NAVI 1.0 =================================================================== */
/* ============================================================================================= */