/*
  **  stylesheet definitions for voellanerhof.com - css only main menu
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi Webmedia
  **  @author     tommy(at)profi(dot)it
  **  @since      23.11.2009 10:29:12
  */

  #header-container .menu-container {
    clear: both;
    position: relative;
    z-index: 100;
  }

    #header-container ul#menu-main {
      clear: both;
      width: 810px;
      z-index: 100;
      padding: 0 0 0 178px;
      line-height: 38px;

      border-top: 24px solid #ffffff;
      border-bottom: 3px solid #ffffff;
    }

    body.light #header-container #menu-main {
      background: #efebf0 url('../img/bg-main-menu-light.png') left center no-repeat;
    }

    body.dark #header-container #menu-main {
      background: #411852 url('../img/bg-main-menu-dark.png') left center no-repeat;
    }

      #header-container ul#menu-main li.sub {
        position: relative;
        display: inline;
        border-left: 3px solid #ffffff;
        font-size: 33px;
      }

      #header-container ul#menu-main li.last-item {
        border-right: 3px solid #ffffff;
      }

      body.light #menu-main li.sub {
        background: #baa4ca;
      }

      body.dark #menu-main li.sub {
        background: #e9e5eb;
      }

        #header-container ul#menu-main li.sub ul,
        #header-container ul#menu-main li.sub ul li.sub ul {
          display: none;
          position: absolute;
          z-index: 100;
          top: auto;
          bottom: 38px;
          left: 0em;
          /*width: auto;*/
          /* fixed with for all sub menus */
          width: 194px;
          text-align: left;
          border: 1px solid #baaabc;
          border-right: none;
          border-bottom: none;
          border-left: none;
          /* re-set font size */
          font-size: 10px;
        }

        #header-container ul#menu-main li.sub:hover {
        }

        #header-container ul#menu-main li ul li {
          display: block !important;
          line-height: 1.5em;
        }

        #header-container ul#menu-main li ul li.sub {
          padding: 0;
          margin: 0;
          background: url('/sf/sf_admin/images/next.png') right center no-repeat;
        }

        #header-container ul#menu-main li.sub:hover ul,
        #header-container ul#menu-main li.sub ul li.sub:hover ul,
        #header-container ul#menu-main li.sub ul.show,
        #header-container ul#menu-main li.sub ul li.sub ul.show { /* for IE6 */
          display: block;
          /*-moz-opacity: 0.95;*/
        }

        #header-container ul#menu-main li.sub ul li.sub:hover ul,
        #header-container ul#menu-main li.sub ul li.sub ul.show {
          top: 0;
          left: 15em;
        }

          #header-container ul#menu-main li.sub ul li {
            border: 1px solid #baaabc;
            border-top: none;
          }

          #header-container ul#menu-main li.sub ul li.menu-top img {
            display: block;
          }

          #header-container ul#menu-main li.sub ul li.menu-bottom {
            border: none;
            background: transparent url('../img/bg-submenu-bottom.png') left top no-repeat;
          }

          #header-container ul#menu-main li.sub ul li.sub {
            font-size: 1em;
            border: none;
          }

          /* for menu items with third level submenus */
          #header-container ul#menu-main li.sub ul li.sub:hover {
            background: url('/sf/sf_admin/images/next.png') right center no-repeat;
          }

      #header-container ul#menu-main li img {
        vertical-align: text-bottom;
      }

      #header-container ul#menu-main li a {
        color: #464948;
        text-decoration: none;
        line-height: 1em;
        text-transform: uppercase;
      }

      body.light #header-container ul#menu-main li.sub:hover a,
      body.light #header-container ul#menu-main li a:hover,
      body.light #header-container ul#menu-main li a.active {
        color: #ffffff;
      }

      body.dark #header-container ul#menu-main li.sub:hover a,
      body.dark #header-container ul#menu-main li a:hover,
      body.dark #header-container ul#menu-main li a.active {
        color: #521f68;
      }

      #wrap #header-container ul#menu-main li.sub:hover ul li a {
        background: #efebf0;
        color: #7a797a;
        text-transform: none;
        padding: 0.25em 0.5em;
        font-family: Arial, Verdana, Helvetica, sans-serif !important;
        font-weight: normal;
        letter-spacing: normal;
        font-size: 1.2em;
      }

      #wrap #header-container ul#menu-main li.sub ul li a:hover {
        background: #efebf0;
        background: #521f68;
        color: #521f68;
        color: #ffffff;
      }

      #header-container ul#menu-main li.sub ul a {
        display: block;
        /* preserve whitespaces in the link elements in the sub menus */
        white-space: pre;
        line-height: 1.5em;
        color: #7a797a;
      }

        #header-container ul#menu-main li.sub ul a span.menu-number {
          font-size: 0.9em;
          padding-right: 0.5em;
          color: #717171;
        }