#menu {
	list-style-type:none;
	margin:1px 0 0 1px; /* settings for this demo olnly */
	padding:0;
}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; background:#bbe4f8; padding:5px 10px;font-size:13px; font-weight:bold; }
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(../../../handbuchweltentdecker/web-content/css/transparency.gif);}
#menu dt {background: #5ec6f2; margin:0; font-size:13px; font-weight:bold; border-bottom:0px solid red; float:left; border-right:1px solid #fff;}
#menu dd {display:none; background: transparent; border-bottom:1px solid #fafafa; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#fff; padding: 5px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:transparent url('/bilder/trans.png'); color:#000; text-decoration:none; display:block; padding: 5px 10px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {border-bottom:0px solid #8BD1F3;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #bbe4f8; color:#534;}

#menu .last:hover { background:transparent;}