/***************************************************************************************************************/
/* HAUPTNAVIGATION  -  OBERSTE EBENE ***************************************************************************/
/***************************************************************************************************************/

#hauptnavigation {height: 2em;width: 100%;background: #55607c url(../design/navigation.jpg) top left repeat-x; text-align: left;}
#navigation{height: 2em; float: left;}

#nav {list-style: none; padding: 0; margin: 0 0 0 0;}
#nav li {float: left;padding: 0;}
#nav li a{color: #fff;text-decoration: none;font-size: 75%;display: block;padding: .7em 1.2em .7em 1.2em;font-weight: bold;background: url(../design/nav_a.jpg) top left no-repeat;}
#nav li.act a{background: url(../design/nav_act.jpg) top left no-repeat;}
#nav li.cur a{	background: url(../design/nav_act.jpg) top left no-repeat;}
#nav li a:hover{background: url(../design/nav_a_hover.jpg) top left no-repeat;}
#nav li:hover ul{left: auto;}

/* 2. MENUEBENE *************************************************************************************/

#nav ul{list-style-type: none;font-weight: normal;z-index: 999;position: absolute;left: -999em;height: auto;margin: 0;	width: 12em;}
#nav ul li{width: 100%; position: relative; height: auto;}
#nav li.ende{background: url(../design/ul_ende.png) top right no-repeat; width: 100%; height: 1em;}
#nav ul li a {
        color: #454545;
	text-align: left;
	display: block;
	font-weight: normal;
	text-decoration: none;
	font-size: 70%;
	padding: .5em 1em .4em .5em;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #E4E4E4;
	background: url(../design/milch.png) !important;
	margin: 0 1em 0 0;
}

#nav ul li.act a,
#nav ul li.cur a {font-weight: bold; border-bottom: 1px solid #E4E4E4; background: #eee !important;}
#nav ul li.mehr a{background: #fff url(../design/arrow-square.gif) no-repeat right -51px !important;}
#nav ul li a:hover {font-weight: bold; background: #fff !important; border-bottom: 1px solid #ccc !important;}
#nav ul li.mehr a:hover{background: #fff url(../design/arrow-square.gif) no-repeat right -51px !important;}
#nav ul li:hover ul {top: auto; display: block;}

/* dritte EBENE ************************************************/

#nav ul ul {display: none; height: auto; position: absolute; top: -5000px; left:0px; }
#nav ul li.mehr ul li a,
#nav ul ul li a {
	font-size: 65% !important;
	padding: .2em .5em .2em 3em;
	font-weight: bold !important;
	background: #eee !important;
}
#nav ul li.mehr ul li a:hover,
#nav ul ul li a:hover {font-weight: bold; background: #fff !important; border-bottom: 1px solid #ccc !important;}


/******* ZUSÄTZE ***************************************/

#hauptnavigation #vhs_suche{ height: 2em; width: 14em;float: left; background: none;}
#hauptnavigation #vhs_suche:hover{ background: #5069B1;}
#hauptnavigation #vhs_suche form{padding: .3em 0 0 .4em;}
#hauptnavigation #vhs_suche #navstich{width: 12em;float: left;}
#hauptnavigation #vhs_suche input.btn_suchen{width: 1.6em;height: 1.6em;margin: 0 0 0 .3em;}