li.headlink ul { display: none }
li.headlink:hover ul { display: block }
#cssdropdown, #cssdropdown ul { list-style: none; font-family : verdana; font-size : 10px; font-weight : 700; font-style : normal; color : #003333 }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0 }
#cssdropdown li.headlink ul { display: none; text-align: center }
#cssdropdown li.headlink:hover ul { display: block }
#cssdropdown li.headlink ul li a { height: 37px; background-image: url(../assets/images/Button.gif); background-repeat:repeat-x; text-align: center; text-decoration: none; line-height: 37px; color : #003333 }
#cssdropdown li.headlink ul li a:hover { background-image: url(../assets/images/ButtonHover.gif); color: #FFFFFF }
/* Bei height die realen Werte des Hintergrundbilds einsetzen, line-height ebenfalls , bei color: die Linkfarbe und bei a:hover die Linkfarbe beim Hovern setzen */
#cssdropdown li.headlink { width: 105px; float: left; margin-left: -1px; background-image: url(../assets/images/Button.gif); background-repeat:repeat-x; text-align: center; line-height: 37px }
#cssdropdown li.headlink a { display: block; text-decoration: none; background-color: transparent; color: #003333 }
#cssdropdown li.headlink a:hover { background-image: url(../assets/images/ButtonHover.gif); color:#FFFFFF }
|