/**************************************************************
 * hmenu / Klappmenü
**************************************************************/
/*--formatiert die Menüleiste--*/
#hmenu 
{
    position: absolute;
    top:    160px;
    left:   0px;
    width: 1000px;
    height: 40px;
    background-color: #FFFF00;
}

/*--formatiert die Themenblöcke--*/
#hmenu ul.klapp {
    float: left;            /* Bestimmt die Ausrichtung des Text aller Hauptmenüpunkte*/
    width: 100px;           /* Bestimmt die Breite der Felder*/
    height: 40px;           /* Bestimmt die Höhe der Felder */
    list-style-type: none;  /* Bestimmt das Aufzählungszeichen */
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#hmenu a.hklapp {
    height: 40px;
    line-height: 40px;
    text-decoration: none;  /* Bestimmt das Aufzählungszeichen */
    display: block;         /* Erzwingt das Anzeigen dieses Elements */
    text-align: center;     /* Textausrichtung der Hauptmenüpunkte */
    color: #000000;         /* Textfarbe der Hauptmenüpunkte */
    background-color: #FFFF00;  /* Hintergrundfarbe der Hauptmenüpunkte */
    
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#hmenu a.hklapp:hover {
    background: #FF7700;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#hmenu ul.klapp ul {
    position: absolute;     /* Position */
    z-index: 2;             /* Gibt die Überlappungsposition des Elements an. Je größer desto weiter oben */
    display: none;          /* Verbietet das Anzeigen des Elements */
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#hmenu ul.klapp li:hover ul {
    display: block;
}

/*--Vormatierung der Herausklappenden Menüs --*/
#hmenu a.uklapp {
    padding-left: 10px;
    min-height: 50px;
    min-width: 150px;
    text-decoration: none;
    display: block;
    border: 1px;
    border-style: groove;
    border-color: #000000;
    text-align: left;
    color: #000000;
    background-color: #FFFF00;
    line-height: 50px;
}
#hmenu a.uklapp:hover {
    background-color: #FF7700;
}

/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/
#hmenu li.klapp {
    position: relative;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #hmenu ul.klapp li {
    float: left;
    width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #hmenu ul.klapp li {
    float: left;
    width: 100%;
}
/**************************************************************
 * End hmenu / Klappmenü
**************************************************************/