* { margin: 0; padding: 0; } #menu { width: 140px; padding: 0 20px; background: #4181E0; font-family: Verdana; font-size: 1em; line-height: 1.5; float: left; } #menu ul { width: 140px; list-style-type: none; } /*--definiert die Blocküberschriften--*/ #menu h3 { font-size: 1em; text-align: center; color: #ffffff; border: 1px solid #003366; background: #3333ff; } /*--definiert die "Ausklapp-Links" im Normalzustand--*/ #menu a { text-decoration: none; display: block; border: 1px solid #ccc; text-align: center; background: #3366ff; color: #ffffff; } /*--definiert die "Ausklapp-Links" im Hoverzustand--*/ #menu a:hover { color: #888ff66; background: #9999ff; } /*verhindert im Zusammenhang mit position absolute bei ul ul *eine Höhenvergrößerung von #menu beim Hovern-- */ #menu li { position: relative; } /*--versteckt die "Ausklapp-Links", solange nicht gehovert wird--*/ #menu ul ul { position: absolute; top: 0px; left: 140px; z-index: 2; display: none; } /*--lässt die Ausklapp-Links beim Hovern erscheinen--*/ #menu ul li:hover ul { display: block; } * html #menu ul li{ float: left; width: 100%; } *+ html #menu ul li { float: left; width: 100%; } *html body { behavior: url(csshover3-source.htc); font-size: 100%; } *html #menu ul li a { height: 1%; } #menu a.direkt:link { font-size: 1em; font-weight: bold; text-align: center; color: #000; border: 1px solid #6666ff; background: #ff8000; } #menu a.direkt:hover { color: #ff9224; background: #6666ff; border: 1px solid #ccc;


