@charset "UTF-8";
/**
 * (en) base style for Multiple Drop-Down / Flyout Menue v1.1
 * (de) Basisstil für Mehrstufiges Drop-Down / Flyout Menue v1.1
 *
 * @copyright       Copyright 2010, crossbase mediasolution GmbH
 * @version         1.0
 */

@media screen, projection
{

  ul.dropdown,
  ul.dropdown li,
  ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  ul.dropdown {
    position: relative;
    /* (de) Z-Index gesetzt, so dass das Menue in IE6+ IE7 korrekt ausklappt*/
    /* (de) Set Z-Index to enable menue functioning IE6 + IE7 */
    z-index: 2;
  }

  /* Basislayout der Listenpunkte */
  ul.dropdown li {
    /* (en) Edit for inverted order with LTR-positioning */
    /* (de) Anpassen für umgekehrte Reihenfolge bei LTR-Ausrichtung */
    float: left;
    /* (en) Set height for menue items */
    /* (de) Regelt die Hoehe der Menuepunkte */
    line-height: 1.3em;
    vertical-align: middle;
    /* (en) Standard conform patch to set hasLayout for IE6 */
    /* (de) Standardkonformer Patch, um hasLayout für IE6 zu setzen */
    height: 100%;
  }

  /* (en) basic layout for list elements on hover */
  /* (de) Basislayout der Listenpunkte beim Hover */

  ul.dropdown li:hover,
  ul.dropdown li.hover,
  ul.dropdown li.hover_effect {
    position: relative;
    z-index: 599;
    cursor: default;
  }

  /* (en) basic layout for list on layer two */
  /* (de) Basislayout des Listenkoerpers der zweiten Ebene */

  ul.dropdown ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 100%;
  }

  /* (en) basic layout for list on other layers */
  /* (de) Basislayout des Listenkoerpers der weiteren Ebenen */

  ul.dropdown ul li {
    float: none;
  }

  /* (en) Show Submenues when hovering a list element */
  /* (de) Einblenden der Submenues beim Ueberfahren des Listenpunktes */
  ul.dropdown li.hover_effect > ul {
    visibility: visible;
  }
  
}

@media not screen and (max-device-width: 785px)
{

  ul.dropdown li:hover > ul {
    visibility: visible;
  }

  ul.dropdown li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
  }

}