/* ************************************************************************
   Menu horizontal
*/

#menu.horizontal {
    position:           fixed;
    top:                0;
    left:               0;
    right:              0;
    z-index:            99;
}

#menu.horizontal ul {
    list-style:         none;
    padding:            0;
    margin:             0;
}

/* Ebene 1 */
#menu.horizontal ul#dropdownmenu {
    position:           absolute;
    bottom:             0;
}

#menu.horizontal ul#dropdownmenu .menutext {
    cursor:             pointer;
}

#menu.horizontal ul#dropdownmenu li {
    position:           relative;
    float:              left;
    min-height:         5px;
}

#menu.horizontal ul#dropdownmenu li .menutext {
    display:            inline-block;
}

#menu.horizontal ul#dropdownmenu > li > .submenuhint {
    display:            inline-block;
    padding-left:       10px;
}

/* Ebene 2 */
#menu.horizontal ul#dropdownmenu ul {
    position:           absolute;
    display:            none;
    top:                100%;
    left:               0;
}

#menu.horizontal ul#dropdownmenu ul li {
    float:              none;
}

#menu.horizontal ul#dropdownmenu ul li .submenuhint {
    position:           absolute;
    top:                3px;
    right:              3px;
    display:            block;
}

/* Ebene 3 */
#menu.horizontal ul#dropdownmenu ul ul {
    left:               100%;
    top:                0;
}

/* ************************************************************************
   Menu vertical
*/

#menu.vertical {
    position:           fixed;
    top:                0;
    bottom:             0;
    left:               0;
    z-index:            99;
}

#menu.vertical ul {
    list-style:         none;
    padding:            0;
    margin:             0;
}

/* Ebene 1 */
#menu.vertical ul#dropdownmenu {
    position:           absolute;
}

#menu.vertical ul#dropdownmenu .menutext {
    cursor:             pointer;
}

#menu.vertical ul#dropdownmenu li {
    position:           relative;
    min-height:         5px;
}

#menu.vertical ul#dropdownmenu li .menutext {
    display:            block;
}

#menu.vertical ul#dropdownmenu li .submenuhint {
    position:           absolute;
    top:                3px;
    right:              3px;
    display:            block;
}

/* Ebene 2 */
#menu.vertical ul#dropdownmenu ul {
    position:           absolute;
    display:            none;
    top:                0;
}

#menu.vertical ul#dropdownmenu ul li .menutext {
    display:            inline-block;
}

/* Ebene 3 */
#menu.vertical ul#dropdownmenu ul ul {
    left:               100%;
    top:                0;
}