/* ================================================================ 
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;
	margin-left: 600px;
}
#menu ul { list-style-type: none; padding: 0; margin: 0; }
#menu li { float: left; margin: 0px 0px 0 0; position: relative; }
#menu ul li { background-color: #f9f9f9; } /*background: transparent url('../images/opaque.png'); }*/
#menu ul li a { border: 1px solid #f9f9f9; }

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

/* for IE5.5 and IE6 only */
#menu table { border-collapse: collapse; position: absolute; top: 0; left: 0; z-index: 80; font-size: 1em; }

#menu li a { display: block; color: #888; line-height: 25px; text-decoration: none; text-align: left; padding-left: 15px; padding-right: 15px; }
#menu ul li a { display: block; color: #888; line-height: 22px; width: 90px; text-decoration: none; text-align: left; padding-left: 15px; padding-right: 5px; }
/* top level links */
#menu :hover { color: #000000; background: #f9f9f9; }
#menu :hover > a { color: #000000; background: #f9f9f9; }
/* sub level links */
#menu ul :hover { color: #000000; } /*background:#888; }*/
#menu ul :hover > a { color: #000000; } /*background: #888; }*/
#menu ul li a:hover { border: 1px solid black; }


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

#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 schwarz */
#menu>li a.active { color: #000000; }