div#hauptnavigation ul {
         position: relative;
         top: 0;
         margin: 0;
         padding: 0;
         z-index: 7;
         list-style-type: none;
         list-style-image: none;
}
div#hauptnavigation ul li {
         position: relative;
         top: 0;
         left: 0;
         display: inline;
         margin: 0;
         padding: 0;
}

div#hauptnavigation a {
         white-space:nowrap;
}
div#hauptnavigation a:link, div#hauptnavigation a:visited {
         text-decoration: none;
}
div#hauptnavigation a:focus, div#hauptnavigation a:hover, div#hauptnavigation a:active {
         text-decoration: none;
}

div#hauptnavigation ul.klappbox {
         position: absolute;
         top: 15px;
         left:-2px;
         width: 224px;
         z-index: 10;
         font-size: 8px;
         display: none;
         border-width: 0 1px 1px 1px;
         border-style: solid;
         border-color: #CCC;
         background-color: #fff;
}
div#hauptnavigation > ul.klappbox {
         width: 222px !important;
}
div#hauptnavigation ul.klappbox a {
         color: #FFFFFF;
         margin-left: 1px;
         font-size: 7pt;
         font-weight: normal;
         display: block;
         width: 220px;
         padding: 5px 8px 6px 8px;
         border-bottom: 1px solid #fff;
         white-space: normal;
         background-color: #009CDA;
}
div#hauptnavigation ul.klappbox a:hover {
         color: #000000;
         margin-left: 1px;
         font-size: 7pt;
         font-weight: normal;
         display: block;
         width: 222px;
         padding: 5px 8px 6px 8px;
         border-bottom: 1px solid #fff;
         white-space: normal;
         background-color: #009CDA;
}
div#hauptnavigation ul.klappbox li > a {         /* IE6-Hack => Padding von Breite abziehen */
         width: 206px !important;
}