.menu { font-family:"B Avant Garde Demi", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; width:auto; height:30px; position:relative; margin:20px 0 0 -40px; background:#339; z-index:100; }
* html .menu { font-family:"B Avant Garde Demi", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; width:auto; height:30px; position:absolute; margin:-30px 0 0 -20px; background:#339; z-index:100; }

.menu ul { padding:0; margin:0; list-style-type: none; }

.menu ul li { float:left; border-left:0px solid #eee; width:101px; font-size: 13px; }
.menu ul li a { display:block; width:101px; text-decoration:none; padding:0; text-align:center; height:30px; line-height:30px; color:#fff; background:#339; } /* , .menu ul li a:visited */
* html .menu ul li { float:left; border-left:0px solid #eee; width:101px; word-spacing:0.4em; } /* IE6 */
* html .menu ul li a { display:inline; width:101px; text-decoration:none; padding:8px; text-align:center; color:#fff; background:#339; } /* IE6 */
* html .ie { margin:0 0 0 -32px; }

.menu table { border-collapse:collapse; margin:-1px 0 0 0; padding:0; font-size:1em; } /* IE6 */
.menu table ul li a { padding:0; text-align:center; } /* IE6 */

span { padding-left:20px; }
* html span { margin-left:-3px; }

.menu ul li ul { visibility:hidden; position:absolute; top:30px; left:0; }

/*** active submenu ***/
.menu ul li ul.active { visibility:visible; position:absolute; top:30px; left:0; width:355px; background:#C0C0C0; color:#fff; }
* html .menu ul li ul.active { visibility:visible; position:absolute; top:30px; left:0; width:350px; background:#C0C0C0; color:#fff; } /* IE6 */
.menu ul li ul.active a { display:block; width:101px; text-decoration:none; padding:0; text-align:center; height:30px; line-height:30px; color:#fff; background:#C0C0C0; }
.menu ul li ul li a.active,
.menu ul li a ul li a.active { display:block; background:#C0C0C0; color:#339; } /* sub-visibility + sub active */

.menu ul li:hover a,.menu ul li a:hover { color:#339; background:#D9DADC; } /* oberste ebene li */
.menu ul li a.active { color:#339; background:#C0C0C0; } /* oberste ebene li */

.menu ul li:hover ul, .menu ul li a:hover ul { visibility:visible; width:355px; background:#C0C0C0; color:#fff; }
* html .menu ul li:hover ul, .menu ul li a:hover ul  { visibility:visible; width:350px; background:#C0C0C0; color:#fff; padding:0; } /* IE6 */


.menu ul li:hover ul li a,
.menu ul li a:hover ul li a { display:block; background:#C0C0C0; color:#fff; } /* box sub level */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover { background:#C0C0C0; color:#339; } /* hover box sub level */

.menu ul li ul li a.active,
.menu ul li a ul li a.active { background:#C0C0C0; color:#339; } /* stay #339 sub active */