/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/hover_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu
{
	/*border: 1px dotted green;*/
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu ul { list-style-type: none; padding: 0; margin: 0;}
#menu li { float: left; margin: 0px 0px 0 0; position: relative; font-size: 12px; }
#menu ul li { background: transparent url('../images/opaque80.png'); z-index: 100; }

/*#menu li.sub {background:#baa;}*/

/* for IE5.5 and IE6 only */
#menu table { border-collapse: collapse; position: absolute; top: 0; left: 0; font-size: 1em; z-index: 100; }
#menu>table { background-color: #434343 !important; z-index: 100 !important; }

#menu li a { display: block; color: #fff; line-height: 25px; text-decoration: none; text-align: left; padding-left: 15px; padding-right: 15px; }
#menu ul li a { display: block; color: #fff; line-height: 22px; width: 170px; text-decoration: none; text-align: left; padding-left: 15px; padding-right: 5px; }
/* top level links */
#menu :hover { color: #dead68; background: #434343; z-index: 100; }
#menu :hover > a { color: #dead68; background: #434343; z-index: 100; }
/* sub level links */
#menu ul :hover { color: #ffffff; background-color: #888; }
#menu ul :hover > a { color: #ffffff; background-color: #888; }


#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left { position: absolute; left: -9999px; width: 128px; }

#menu :hover ul{ left: 0; top: 25px; background: url(../images/transparent.gif);} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul { padding: 0 3px; left: 187px; top: 0; }

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left { padding: 0 3px; left: -131px; top: 0; }

/* aktiver Menüpunkt rot */
#menu>li a.active { color: #dead68; }