@charset "UTF-8";
/**
 * (en) base style for multilevel vertical menue
 * (de) Basisstil für Mehrstufiges Vertikales Menu
 *
 * @copyright       Copyright 2010, crossbase mediasolution GmbH
 * @version         1.0
 */

@media screen, projection
{

  /* (en) Width of a- and li-Tag need to be 101% for 100% width in Webkit Browsers and Opera */
  /* (de) Die Breite der a- und li-Tags muss auf 101% gesetzt werden, um 100% Breiten in Webkitbrowsern und Opera zu erreichen */


  #submenu_ajax {
    /* (en) Width needed for proper rendering in IE6 */
    /* (de) Breitenangabe wird für die korrekte Darstellung im IE6 benötigt */
    width: 100%;
    overflow: hidden;
    margin: 0;
    list-style-type: none;
    position: relative;
    text-transform: uppercase;
    font-family: 'FF Din Web Pro Medium', Verdana, sans-serif;
  }

  #submenu_ajax li {
    float: left;
    width: 94%;
    padding: 2px 5.00% 2px 2%;
    color: #808080;
    margin: 0;
  }

  #submenu_ajax li:hover {
    color: #a1007b;
  }

  #submenu_ajax li ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #submenu_ajax li ul li {
    float: left;
    width: 85%;
    padding: 2px 5.00% 2px 11%;
    color: #808080;
    margin: 0;
    text-transform: none;
  }

  #submenu_ajax li ul li:hover {
    color: #a1007b;
  }

  #submenu_ajax li ul li ul li {
    float: left;
    width: 74%;
    padding: 2px 5.00% 2px 22%;
    color: #808080;
    margin: 0;
  }

  #submenu_ajax li ul li ul li:hover {
    color: #a1007b;
  }

  #submenu_ajax li ul li ul li ul li {
    float: left;
    width: 67%;
    padding: 2px 5.00% 2px 29%;
    color: #808080;
    margin: 0;
  }

  #submenu_ajax li ul li ul li ul li:hover {
    color: #a1007b;
  }

  #submenu_ajax li.active {
    width: 94%;
    padding: 2px 5.00% 2px 2%;
    color: #a1007b;
  }

  #submenu_ajax li ul li.active {
    width: 85%;
    padding: 2px 5.00% 2px 11%;
    color: #a1007b;
  }

  #submenu_ajax li ul li ul li.active {
    width: 74%;
    padding: 2px 5.00% 2px 22%;
    color: #a1007b;
  }

  #submenu_ajax li ul li ul li ul li.active {
    width: 67%;
    padding: 2px 5.00% 2px 29%;
    color: #a1007b;
  }

}