/*
  **  stylesheet definitions for pauls-sakral.eu - menu styles
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi Webmedia
  **  @author     tommy(at)profi(dot)it
  **  @since      30.04.2010 11:26:25
  */

  /* main menu */
  ul#menu-main {
    font-size: 1.25em;
    padding: 0.75em 16px 0 15px;
  }
    ul#menu-main li {
      position: relative;
      line-height: 2em;
      border-bottom: 1px solid #61586d;
    }
    ul#menu-main li.last-item {
      border: none;
    }
      ul#menu-main a {
        display: block;
        line-height: 2em;
        padding: 0 0 0 16px;

        color: #fff2df;
        text-decoration: none;
      }
      ul#menu-main a:hover,
      ul#menu-main .active a {
        background: #fff2df;
        color: #2c2446;
      }

    /* main menu fly out menus */
    ul#menu-main ul {
      display: none;

      position: absolute;
      left: 100%;
      top: 0;
      width: 200px;

      border: 1px solid #2c2446;
      background: #fff2df;
    }
      ul#menu-main ul a {
        color: #2c2446;
        padding-right: 16px;
      }
      ul#menu-main ul a:hover,
      ul#menu-main ul .active a {
        background: #2c2446;
        color: #fff2df;
      }
    ul#menu-main li:hover ul {
      display: block;
    }

    /* main menu active sub menus */
    /*
    ul#menu-main .active ul {
      display: block;
      position: relative;
      left: 0;
      top: 0;

      border: none;
      border-top: 1px solid #61586d;
      background: none;

      font-size: 0.8em;
    }
      ul#menu-main .active ul a {
        color: #fff2df;
        background: none;

        padding: 0 0 0 26px;
      }
      ul#menu-main .active ul a:hover {
        background: #fff2df;
        color: #2c2446;
      }
    */

  /* language menu */
  ul#menu-language {
    margin: 40px 0 0 31px;
  }
    ul#menu-language li {
      line-height: 1.5em;
      color: #fff2df;
      padding: 0 0 0 20px;
      background-position: left center;
      background-repeat: no-repeat;
    }
      ul#menu-language a {
        color: #fff2df;
        text-decoration: none;
      }
      ul#menu-language a:hover {
        text-decoration: underline
      }
      ul#menu-language .de {
        background-image: url(../img/flag-de.png);
      }
      ul#menu-language .it {
        background-image: url(../img/flag-it.png);
      }

  /* header menu */
  ul#menu-header {
    float: left;
    width: 752px;
    font-size: 1.25em;
  }
    ul#menu-header li {
      float: left;
    }
    ul#menu-header li.first-item {
      width: 528px;
      margin: 0 3px 0 0;
      text-align: right;
    }
    ul#menu-header li.last-item {
      width: 221px;
    }
      ul#menu-header a {
        color: #fff2df;
        text-decoration: none;
        line-height: 2.7em;
        padding: 5px 0;
        background-repeat: no-repeat;
      }
      ul#menu-header .first-item a {
        padding-right: 30px;

        background-image: url(../img/btn-listen-samples.png);
        background-position: right center;
      }
      ul#menu-header .last-item a {
        padding-left: 30px;

        background-image: url(../img/btn-image-gallery.png);
        background-position: left center;
      }

  /*
    flexible menus
    --------------
    common class:   .menu
    list menu:      .list-menu
    subpages menu:  .subpages-menu
    dropdown menu:  .dropdown-menu
    graphical menu: .graphical-menu
  */
  ul.menu {
  }

    ul.menu ul {
      font-size: 1em;
    }

    ul.menu li {
      line-height: 1.5em;
    }

    ul.menu a {
      text-decoration: none;
    }

  ul.list-menu {
  }

    ul.list-menu li {
    }

  ul.subpages-menu {
  }

    ul.subpages-menu li {
    }

  ul.dropdown-menu {
  }

    ul.dropdown-menu li {
      position: relative;
      z-index: 20;
    }

    ul.dropdown-menu .submenu-container {
      display: none;

      position: absolute;
      top: 1.1em;
      left: 0em;

      width: 200px;

      z-index: 21;

      background: #ffffff;
      border: 1px solid #000000;
    }

    ul.dropdown-menu li:hover .submenu-container {
      display: block;
    }

      ul.dropdown-menu ul.dropdown-sub-menu {
      }

        /* added header selector to raise specifity */
        #header ul.dropdown-menu ul.dropdown-sub-menu li {
          display: block;
        }

  ul.graphical-menu {
  }

    ul.graphical-menu li {
    }