/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#menuxxx {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; margin:2px 0 100px 0; z-index:100;}

A {
    font-size: 10px;
}
*+html hr.hide {
    display:            none;
}


#menu li#toplevel {
    border-style:       solid;
    border-color:       #FFFFFF;
    border-width:       1px 1px 0px 1px;
}
#menu li#toplevel:hover {
    border-style:       solid;
    border-color:       #939598;
    border-width:       1px 1px 0px 1px;
}
#menu li#sublevel, #menu li#sublevel2 {
    border-style:       solid;
    border-color:       #939598;
    border-width:       0px 1px 0px 1px;
    margin-left:        -1px;
}
#menu li.lastelement#sublevel, #menu li.lastelement#sublevel2 {
    border-style:       solid;
    border-color:       #939598;
    border-width:       0px 1px 1px 1px;
    margin-left:        -1px;
}
#menu a, #menu a:visited {
    height:             16px;
    line-height:        16px;
    display:            block;
    text-decoration:    none;
    color:              #939598;
    background:         #FFFFFF;
    overflow:           hidden;
    font-weight:        bold;
}
#menu a#blue, #menu a#blue:visited {
    height:             16px;
    line-height:        16px;
    display:            block;
    text-decoration:    none;
    color:              #4682C7;
    background:         #FFFFFF;
    overflow:           hidden;
    font-weight:        bold;
}
#menu a#blue:hover {
    color:              #000000;
}
#menu ul {
    padding:            0px;
    margin:             0px;
    list-style-type:    none;
}
#menu ul li {
    float:              left;
    margin-right:       1px;
    position:           relative;
}
#menu ul li ul {
    display:            none;
    opacity:            0.9; /* TRANSPARENZ START */
    -moz-opacity:       0.9;
    filter:             alpha(opacity=90);
    border-left:        1px solid;
    border-right:       1px solid;
    margin-left:        -1px; /* TRANSPARENZ ENDE */
     /* Könnte Probleme in anderen/älteren Browsern bereiten */
}

/* specific to non IE browsers */
#menu ul li a {
    color:              #939598;
    font-weight:        bold;
    padding:            0px 5px 0px 5px;
}
#menu ul li:hover a {
    color:              #000000;
    font-weight:        bold;
    padding:            0px 5px 0px 5px;
}
#menu ul li:hover ul {
    display:            block;
    position:           absolute;
    top:                16px;
    left:               0px;
    width:              105px;
}

/* Allgeine Breite der Aufklappmenüs */
#menu ul li:hover ul, #menu ul li:hover ul li {
    width:              185px;
}

#menu ul li:hover ul#leistung, #menu ul li:hover ul#leistung li {
    width:              210px;
}
#menu ul li:hover ul#vorsorgespektrum, #menu ul li:hover ul#vorsorgespektrum li {
    width:              260px;
}
#menu ul li:hover ul#news, #menu ul li:hover ul#news li {
    width:              125px;
}
#menu ul li:hover ul#service, #menu ul li:hover ul#service li {
    width:              190px;
}
#menu ul li:hover ul li a { /* .hide*/
    background:         #FFFFFF;
    color:              #939598;
    font-weight:        bold;
}
#menu ul li:hover ul li:hover a { /* .hide*/
    background:         #FFFFFF;
    color:              #939598;
    font-weight:        bold;
}

#menu ul li:hover ul li a {
    display:            block;
    background:         #FFFFFF;
    color:              #939598;
    font-weight:        bold;
    padding:            2.5px 10px 2.5px 10px;
}
#menu ul li:hover ul li a:hover {
    background:         #FFFFFF;
    color:              #000000;
    font-weight:        bold;
    padding:            2.5px 10px 2.5px 10px;
}
#menu ul li:hover ul li#sublevel2 a {
    padding:            0px 5px 0px 25px;
}
#menu ul li:hover ul li#sublevel3 a {
    padding:            0px 5px 0px 45px;
}
#menu ul li:hover ul li.firstelement a {
    background:         #FFFFFF;
    color:              #939598;
    font-weight:        bold;
    padding:            10px 10px 2.5px 10px;
    border-top:         1px solid #000000;
}
#menu ul li:hover ul li.firstelement a:hover {
    color:              #000000;
    font-weight:        bold;
}
#menu ul li:hover ul li.lastelement a {
    background:         #FFFFFF;
    color:              #939598;
    font-weight:        bold;
    padding:            2.5px 10px 10px 10px;
}
#menu ul li:hover ul li.lastelement#sublevel2 a {
    padding:            2.5px 10px 10px 25px;
}
#menu ul li:hover ul li.lastelement a:hover {
    color:              #000000;
    font-weight:        bold;
}
li#sublevel2+li#sublevel {
    padding:            10px 0px 0px 0px;
    z-index:            100;
    background-color:   #FFFFFF;
}