/* CSS Colors #1 for Buttons on level 1, Author Tim Reeves, Stand 2007-11-26 */

/* Classes for Navigation - Flyout-Menus */

/* The Buttons:
	See also ie_styles.css, ie_color1.css, navi.inc.php [if IE 7]
	Note that opacity applies - by W3C definition - to an element and all its children
	- and it seems that you can't stop it for the children
	- i.e. setting their opacity to 1 has no effect!
	SO if you want nice effects you can either
	(a) relatively position the <a> link in front of an image, then its a sibling, or
	(b) try a PNG-24 with Alpha-Transparency - it'll need a hack (available) for IE6.
	    [ Photoshop: Deckkraft ]
*/

ul.menu { width: 111px; }

ul.menu li, ul.menu li.fst {
	height: 22px;
	position: relative;	/* Allows <img> (in static flow) to be behind its sibling <a> */
	top: 0px;
	left: 0px;
}

ul.menu li ul li, ul.menu li ul li ul li,
ul.menu li ul li.fst, ul.menu li ul li ul li.fst {
	height: 23px;
}

/* Put space between the buttons */
ul.menu li, ul.menu li.fst, ul.menu li.sub,
ul.menu li.avblefo, ul.menu li.iscurfo {
	margin-bottom: 8px !important;
}
ul.menu li ul li, ul.menu li.fst ul li, ul.menu li.sub ul li,
ul.menu li.avblefo ul li, ul.menu li.iscurfo ul li {
	margin-bottom: 0px !important;
}

/* The first list item is one pixel higher for the top border of the link */
ul.menu li ul li.fst,
ul.menu li ul li ul li.fst { height: 24px; }

/* Style the list items */
ul.menu li a, ul.menu li a:visited, ul.menu li.fst a, ul.menu li.fst a:visited {
	background-image: url(../images/bframe-avblefo1.gif);
	background-position: 0px 0px;
	border-width: 0px;
	color: rgb(15,60,196);		/* Somewhat darker than Logo-Blau */
	position: absolute;
	top: 0px;
	left: 0px;
}
ul.menu li a.iscurfo, ul.menu li a.iscurfo:visited {
	background-image: url(../images/bframe-iscurfo1.gif);
	text-indent: 11px;	 /* Nudge the text in the link box 1px right for 3D look */
}
ul.menu li.sub a, ul.menu li.sub a:visited {
	background-image: url(../images/bframe-sub-avblefo1.gif);
}
ul.menu li.sub a.iscurfo, ul.menu li.sub a.iscurfo:visited {
	background-image: url(../images/bframe-sub-iscurfo1.gif);
}
ul.menu li a:hover, ul.menu li.fst a:hover,
ul.menu li a.iscurfo, ul.menu li a.iscurfo:visited {
	color: rgb(0,43,186);
}

ul.menu li img {	/* Partial opacity for the stripes in the middleground */
	/* This can be in the static element flow, since first item */
	position: absolute;
	top: 0px;
	left: 0px;
	/* Opacity is CSS3 or Proprietary - but works in almost all modern browsers */
	-moz-opacity: 0.5;	/* Mozilla legacy */
	opacity: 0.5;			/* Mozilla, Opera, Safari (modern versions) */
}

ul.menu li.sub ul li a, ul.menu li.sub ul li a:visited,
ul.menu li.sub ul li a.iscurfo, ul.menu li.sub ul li a.iscurfo:visited,
ul.menu li.sub ul li.sub ul li a, ul.menu li.sub ul li.sub ul li a:visited {
	background-image: none;
	border-color: rgb(255,197,137);
	position: static;
}

ul.menu li.sub a {
/*	background-image: url(../images/menupfeil1.gif);	*/
}
ul.menu li.sub ul li.sub a, ul.menu li.sub ul li.sub a:visited {
	background-image: url(../images/menupfeil1.gif);
}

ul.menu li.avblefo {
	background-color: rgb(254,243,214);	/* Lighter than surrounding area */
	background-color: rgb(255,234,184);	/* alles-hg */
}
ul.menu li.iscurfo {
	background-color: rgb(255,251,238);	/* Off-White (lighter than cream in middle) */
	background-color: rgb(255,222,138);	/* Darker than alles-hg */
	background-color: rgb(255,234,184);	/* alles-hg */
}

ul.menu li a.avblefo, ul.menu li a.avblefo:link, ul.menu li a.avblefo:visited,
ul.menu li a.avblefo:active, ul.menu li a.avblefo:focus {
	background-color: transparent;
}
ul.menu li a.iscurfo, ul.menu li a.iscurfo:link, ul.menu li a.iscurfo:visited,
ul.menu li a.iscurfo:active, ul.menu li a.iscurfo:focus, ul.menu li a.iscurfo:hover,
ul.menu li a.avblefo:hover {
	background-color: transparent;
}

ul.menu li.sub ul li a.avblefo, ul.menu li.sub ul li a.avblefo:link,
ul.menu li.sub ul li a.avblefo:visited, ul.menu li.sub ul li a.avblefo:active,
ul.menu li.sub ul li a.avblefo:focus {
	background-color: rgb(255,243,214);	/* Lighter than surrounding area */
	background-color: rgb(255,234,184);	/* wie div.alles */
}
ul.menu li.sub ul li a.iscurfo, ul.menu li.sub ul li a.iscurfo:link,
ul.menu li.sub ul li a.iscurfo:visited, ul.menu li.sub ul li a.iscurfo:active,
ul.menu li.sub ul li a.iscurfo:focus, ul.menu li.sub ul li a.iscurfo:hover,
ul.menu li.sub ul li a.avblefo:hover {
	background-color: rgb(255,251,238);	/* Off-White (lighter than cream in middle) */
	background-color: rgb(255,222,138);
}