/* Fürs Beispiel*/
@media screen, projection, print {
ul.menu  {margin-left:1em; padding:0; list-style:none; position:absolute; width:700px;}
ul.menu li {float:left; margin:0; padding:0; list-style:none; border:1px solid #ffff00; background:#2D2D2D url(bg/menubg.png) no-repeat right 3px; width:100px; padding-left:0px; color:#ffff00; font-family:Comic Sans Ms; font-size:12px;}
ul.menu li:hover {background:#2D2D2D url(bg/menubg2.png) no-repeat right top; color:#ffff00;}
ul.menu2 {display:none; background:#ffff00; margin:0; padding:0; list-style:none;}
ul.menu2 li {margin:0; padding:0; color:#ffff00; list-style:none; border-top:1px solid #ffff00; border-bottom:0px; border-right:0px;border-left:0px; background:#000;	}
ul.menu2 li:hover {margin:0; padding:0; list-style:none; border:0; background:#ffff00; color:#ffff00;}
.menu li:hover ul.menu2 {display:block; color:#ffff00;}
ul.menu a:link, ul.menu a:visited {color:#ffff00; text-decoration:none; display:block; width:100%;}
ul.menu a:hover, ul.menu a:active, ul.menu a:focus {color:#000; background:#ffff00;text-decoration:none; display:block;}
ul.menu2 a:hover, ul.menu a:active, ul.menu a:focus{color:#000;  text-decoration:none; display:block;}
}