.ddmx {
float:left; display:inline;
}

.ddmx .spanAct { background:url(firstNavItem.gif) no-repeat 0 -27px !important; color:white; }

.ddmx  a.first  { border-left:0 !important; padding:0 !important; }

.ddmx .active { color:white !important; background:url(navActive.gif) repeat-x top left !important; }

.ddmx a.first span { line-height:26px; display:block; }

.ddmx  a.first:link span, .ddmx  a.first:visited span { background:url(firstNavItem.gif) no-repeat 0 0; padding: 1px 12px 0; }
.ddmx  a.first:hover span, .ddmx  a.first:active span { background:url(firstNavItem.gif) no-repeat 0 -27px; padding: 1px 12px 0;}

.ddmx a.active span { background:url(firstNavItem.gif) no-repeat 0 -27px !important; padding: 1px 12px 0 !important; }

.ddmx .item1:link,
.ddmx .item1:visited,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
padding: 3px 12px 4px;
font-size:14px;
font-weight:normal;
color: #005baa;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
border-right:#e5eef7 1px solid;
border-left:#a7c3db 1px solid;
}

/* Anpassung der Höhe an IE */
* .ddmx .item1:link,
* .ddmx .item1:visited,
* .ddmx .item1:hover,
* .ddmx .item1-active,
* .ddmx .item1-active:hover {
    padding-top: 6px;
    padding-bottom: 5px;
}

.ddmx .item1 {
/*background: #484848;*/
color: #005baa;
}
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover,
.ddmx .menuActive {
    background: url(navActive.gif) repeat-x top left;
    color: white;
}

* html .ddmx .item1:hover,
* html .ddmx .item1-active,
* html .ddmx .item1-active:hover,
* html .ddmx .menuActive {
    color: white !important;
}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
border:#ffffff 1px solid;
padding: 3px 8px 4px 8px;
color: #005baa;
font-size:13px;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
z-index: 500;
}

.ddmx .item2 {
    background: white;
}

.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: white;
    text-decoration: underline;
    z-index: 500;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .section {
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .ddmx .section {
    width: 170px;
}
