/*  =========================================================
Navigation design
Filename:  navi_dropdown.css
Date:      Feb 2009
Author:    Theresa Bayr
========================================================== */

/* ==============================================
   01 Das umgebende DIV gestalten
   ============================================== */
#navi {
   overflow: hidden;
   padding: 0px ;
   margin: 0;
   margin-top: 10px;
   float: right;
   background: url(../images/bg_navi.gif) right top no-repeat;
}
/* Sternchen-Hack, hasLayout für IE5x. und 6 */ 
* html #navi { height: 1%; }

/* ==============================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   ============================================== */
#navi ul { margin: 0; }
#navi li {
   float: left;
   height: 50px;
   list-style: none;
   margin: 0 ;
}
/* Liste in Ebene 2 clearen */
#navi li li { 
	clear: both;
	height: 30px;
	border-top: 1px solid #eaebeb;
}

/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#navi a {
	display: block;
	color: #5f6060;
	margin-bottom: 0;
	padding: 10px 17px;
	text-align: center;
	text-decoration: none;
	border-left: 1px solid #eae9e9;
}
#navi li.navi01 a {
	border-left: none;
	padding: 10px 18px 10px 23px;
}
#navi a:hover,
#navi a:focus {
	text-decoration: underline;
} 


/* ==============================================
   04 Ebene 2 verstecken 
   ============================================== */
#navi li ul {
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline;
   width: 0;
   height: 0; 
   background-color: transparent;   
}

/* ==============================================
   05 Ebene 2 sichtbar machen 
   ============================================== */
#navi li:hover ul,
#navi li.sfhover ul {
   left: auto; 
   top: auto;
   display: block;
}

/* ==============================================
   06 Die Rausklappliste korrekt einfärben
   ============================================== */

/* Spezifität 214 */
#navi ul#menu_main ul.menu_dropdown li a {
	background-color: #d0d3d4;
	padding: 5px 0;
	width: 84px;
	font-size: 10px;
}

#navi ul#menu_main ul.menu_dropdown1 li a {
	background-color: #d0d3d4;
	padding: 5px 0;
	width: 91px;
	font-size: 10px;
}

/* Spezifität 224 */
#navi ul#menu_main ul.menu_dropdown li a:hover, #navi ul#menu_main ul.menu_dropdown1 li a:hover {
    text-decoration: none;
	background-color: #eff2f3;
}


/* ======================================
   E N D navi_dropdown.css
   ====================================== */