@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{
  /*-------------------------------------------------------------------------*/
  /* Horizontale Liste */
  /*.hlist { overflow: hidden; float: left; display: inline; position: relative; }
  .hlist ul { display: inline; float: left; margin: 0; padding: 0; height: 23px; list-style: none; }
  .hlist ul li { display: inline; float: left; font-size: 1.09em; line-height: 1em; background: none; list-style-type: none; margin: 0 9px 0 0; padding: 0; height: 23px; }
  .hlist ul li a { color: #a6a6a6; }
  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  {  }
  .hlist ul li.active {  }
  .hlist ul li.active a { color: #626365; }
  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }

  #nav ul li a { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: 999em; white-space: nowrap; height: 23px; }
  #nav ul li.active a, #nav ul li a:hover { background-position: 0px -23px; }*/

  /*-------------------------------------------------------------------------*/
  /* Mainnav 2013 */

  #nav {
    clear: both;
    margin-top: -2px;
  }

  #nav ul {
    font-size: 17px;
    margin: 0;
    overflow: hidden;
    background-color: #FFF;
    margin-top: 0;
  }

  #nav > ul > li {
    margin: 0;
    padding: 0 0 4px 0;
    float: left;
    list-style-type: none;
    background: transparent;
  }

  #nav > ul > li > a {
    font-family: 'Univers W01', Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #a6a6a6;
    padding: 0;
    margin: 0;
    display: block;
    background: transparent;
  }

  #nav > ul > li > a:after {
    color: #bababa;
    margin: 0 7px 0 7px;
    content: "I";
    font-weight: 200;
    font-size: 21px;
    vertical-align: -2px;
  }

  #nav > ul > li:last-child a:after {
    content: '';
  }

  #nav > ul > li.ifsub:focus,
  #nav > ul > li.ifsub:hover,
  #nav > ul > li.ifsub:active {
    background: url('../../gui/mainnav-arrow.png') no-repeat 18px bottom transparent;
  }

  #nav > ul > li:focus a,
  #nav > ul > li:hover a,
  #nav > ul > li:active a,
  #nav > ul > li.active a {
    color: #585858;
    text-decoration: none;
    transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
  }


  /*-------------------------------------------------------------------------*/
  /* Mainnav Dropdown */

  /* Definitionen für das Dropdown Menu */
  #nav .dropdown {
    z-index: 10;
    position: absolute;
    padding: 0;
    margin-top: 4px;
    display: none;
    min-width: 200px;
    border-top: 3px solid #0092CC;
    /*transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;*/
  }

  #nav .dropdown ul {
    background-color: #EBEFF1;
    padding: 0;
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.46);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.46);
    padding-top: 4px;
  }

  #nav .dropdown ul li {
    list-style-type: none;
    background: transparent;
    padding-left: 0;
    margin: 4px 0;
  }

  /* Spacer Ausgabe */
  #nav .dropdown ul li.spacer {
    color: #FFF;

    padding: 0 0 2px 0;
    padding: 4px 12px;
    background-color: #0092CC;
  }

  #nav .dropdown ul li.spacer_1 {
    margin-top: -8px;
    padding-top: 7px;
  }

  #nav .dropdown ul li.uid-427 {
    background-color: transparent !important;
    line-height: 0.25em;
    font-style: 1px;
    display: none;
  }

  /* Anzeige bei hover */
  #nav li:hover .dropdown {
    display: block;
  }

  /* allgemeine a Anpassungen für alle dropdown Ebenen */
  #nav .dropdown li {
    font-family: 'Univers W01', Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
  }

  #nav .dropdown li a {
    color: #4f4c42;
    padding: 0 12px;
    display: block;
  }

  #nav .dropdown ul li:focus > a,
  #nav .dropdown ul li:hover > a,
  #nav .dropdown ul li:active > a,
  #nav .dropdown ul li.active > a {
    color: #0092CC;
    text-decoration: none;
  }

  #nav .dropdown h5.leveltitle {
    font-family: 'Univers W01', Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    color: #FFF;
    margin: 0;
    padding: 4px 12px;
    height: 20px;
    background-color: #0092CC;
    border-top: 6px solid #EBEFF1;
    border-radius: 0 0 5px 5px;
    -moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.46);
    box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.46);
  }


  /*-------------------------------------------------------------------------*/
  /* Vertikale Liste / Subnav */
  .vlist { width: 100%; overflow: hidden; margin: 0 0 20px 0; list-style-type: none; }
  .vlist ul { list-style-type: none; margin: 0 0 0 0; padding: 0; }
  .vlist ul ul { margin-bottom: 8px; }
  .vlist li { width: 100%; margin: 0; padding: 0; background: none; }
  .vlist a { display: block; padding: 0 0 6px 0; text-decoration: none; color: #585858; font-weight: bold; }

  /* Level 1 */
  .vlist li a { background: #fff url('../../gui/bg_link-subnav.gif') no-repeat 0 2px; padding-left: 19px; }
  .vlist li.active a { color: #accf00; }

  /* Level 2 */
  .vlist li.inactive ul { display: none; }
  .vlist li.active ul li a, .vlist li ul li a { font-weight: normal; color: #585858; background: none; padding: 0 0 3px 19px; }
  .vlist li.active ul li a:focus,
  .vlist li.active ul li a:hover,
  .vlist li.active ul li a:active {  }
  .vlist li.active ul li.active a { color: #accf00; font-weight: bold; }

  .vlist li.spacer { padding-bottom: 5px; background: none; margin: 7px 0; border: none; border-bottom: 1px dotted #9ab400; color: #9ab400; }
  .vlist li.spacer:first-child { margin-top: 0; }


  /* Level 3 */
  .vlist li.active ul li.active ul {  }
  .vlist li.active ul li.active ul li a { background: url('../../gui/listtype_green.gif') no-repeat 2em 0.25em; font-weight: normal; color: #585858; font-size: 90.9%; line-height: 1.3em; padding-left: 30px; }
  .vlist li.active ul li.active ul li a:focus,
  .vlist li.active ul li.active ul li a:hover,
  .vlist li.active ul li.active ul li a:active {  }
  .vlist li.active ul li.active ul li.active a { color: #accf00; }


  /* -------------------------------------------------------------------------*/
  /* TARGET MENU */

  .quickmenu_left {
    /*background: transparent url('../../gui/bg_quickmenu.png') no-repeat 5px 18px;*/
    width: 210px;
    height: 165px;
    font-family: 'Univers W01', Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    position: relative;
  }

  .quickmenu_left .icon-group {
    font-size: 56px; /*56px*/
    color: #7C9300;
    position: absolute;
    left: 5px;
    top: 16px;
  }

  .quickmenu_left ul {
    margin: 0;
    padding: 71px 0 0 0;
  }

  .quickmenu_left ul li {
    cursor: pointer;
    list-style-type: none;
    background: none;
    padding-left: 0;
    border-bottom: 2px solid transparent;
  }

  .quickmenu_left ul li:last-child {
    margin-bottom: 0;
  }

  .quickmenu_left ul li div.menuitem {
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    background: transparent url('../../gui/bg_quickmenu_menuitem.png') no-repeat 0 0;
    color: #ffffff;
    z-index: 5;
    position: relative;
    font-size: 17px;
  }

  .quickmenu_left ul li.active div.menuitem {
    display: block;
    background-position: 0 -46px;
}

  .quickmenu_left ul li:hover div.menuitem {
    display: block;
    background-position: 0 -46px;
  }

  .quickmenu_left ul li div.menu {
    display: none;
    position: absolute;
    top: 0;
    left: 194px;
    width: 534px;
    height: 165px;
    z-index: 1;
    background: #91AA00 url('../../gui/bg_header2-transp.png') repeat-x 0 0;
  }

  .quickmenu_left ul li:hover div.menu,
  .quickmenu_left ul li div.menu:hover {
    display: block;
  }

  .quickmenu_left ul li div.menu ul.menu-list {
    padding: 15px 20px 0 25px;
    -webkit-column-count: 3;
    -webkit-column-width: auto;
    -webkit-column-fill: auto;
    -moz-column-count: 3;
    -moz-column-width: 151px;
    -moz-column-fill: auto;
    -ms-column-count: 3;
    -ms-column-width: 151px;
    column-count: 3;
    column-width: 151px;
    list-style: none;
    /*background: transparent url('../../gui/bg_quickmenu_offen.png');*/
    height: 150px;
  }

  .quickmenu_left ul li div.menu ul.menu-list li {
    line-height: 1.3em;
    margin-bottom: 1px;
    /*margin-left: 15px;*/
  }

  .quickmenu_left ul li div.menu ul.menu-list li a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 6px;
    display: inline-block;
    color: #fff;
  }

  .quickmenu_left ul li div.menu ul.menu-list li.active a,
  .quickmenu_left ul li div.menu ul.menu-list li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #B4D200;
  }

  .quickmenu_left ul li.active div.menu {
    display: block;
  }

  .quickmenu_left ul li:hover div.menuitem {
      z-index: 101;
  }

  .quickmenu_left ul li:hover div.menu {
      z-index: 100;
  }


}