/* Generelle Einstellungen */
ul.horizontal, 
ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%; /* fix for win/ie's "non-linear text scaling" bug */
}

/* Navigationsbar (Ebene 1) */
ul.horizontal {
	width:100%;
	cursor:default;
	z-index:2000;
}

/* Elemente der Navigationsbar */
ul.horizontal li {
	width:auto;
	float:left;
	position:relative;
	margin-left: 18px;
	margin-top: 2px;
}

#hauptnavigation .ebene-1-aktiv, #hauptnavigation .ebene-1 {
	font-size: 13px;
	color: #5B324F;
	background: #CAE1FE;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer; cursor: hand;
}

/* 1. Untermenü (Ebene 2) */
ul.horizontal ul {
	z-index:2020;
	position:absolute;
	/*top:auto;
	width:auto;*/
	margin-top: 0px;
	left:-10000px;
	background: #CAE1FE;
	padding: 5px 5px 5px 5px;
	border: 1px outset;
	letter-spacing: -1px;
}
	
/* Elemente 1. Untermenü */
ul.horizontal ul li {
	margin:0;
	left:auto;
	width:125px;
}

/* 2. Untermenü (Ebene 3) */
ul.horizontal ul ul {
	margin: -6px 0 0 125px;
}
	
/* Elemente 2. Untermenü */
ul.horizontal ul ul li {
	width:145px;
}


/* menu triggers -- position menus back on the screen to show 
   hide these from safari < 1.2 because of it's "sticky hover" bug 
   and because the menu positioning doesn't work
   using the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { 
	ul.horizontal li:hover > ul { left:auto; }
	ul.horizontal ul li:hover > ul { top:0; }
	}


/* links */
ul.horizontal ul a
{
	display:block;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	padding:5px 8px 5px 8px;
}

/* rollover pseudo-classes, and scriptable persistence class */
ul.horizontal .ebene-2 a:hover, 
ul.horizontal .ebene-2 a.rollover {
	text-decoration: none;
	background: url(../pics/layout/nav_gradient.jpg) repeat-x;
	color: white;
}

/* opera 5 and 6, and mac/ie5, need float on the links */
ul.horizontal a { float:left; }

/* but it would break other browsers, so we need to negate it
   using a rule that's hidden from them with the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { ul.horizontal a { float:none; } }

/* msn/osx can see through that, but needs the float as well, 
   so re-apply it using the "not my child" hack
   http://www.jasonkarldavis.com/articles/notmychild/ */
ul.horizontal a:not(:nth-child(n)) { float:left; }

/* compensate submenus, using !important to increase specificity for osx/msn */
ul.horizontal ul a { float:none !important; }


/* hide menus from konqueror < 3.2 */
ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { displa\y:block; }