/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Horizontal list navigation "hlist"
 * (de) Horizontale Navigationsliste "hlist"
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media all {
  .ym-hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    position: relative;
    line-height: 1em;
    margin-top: .5em;
  }
  #loginnav .ym-hlist {
    float: left;
    margin-top: .1em;
  }
  .loginname { float: right; }

  .ym-hlist ul {
    margin: 0;
    padding: 0;
    display: inline;
  }
  .ym-hlist ul li {
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .ym-hlist ul li a {
    background: transparent;
    /*color: #858585;*/
    display: block;
    font-weight: 600;
    font-size: 1em;
    line-height: 2em;
    padding: .4em 0.8em;
    font-weight: 700;
    text-decoration: none;
    width: auto;
  }

  .ym-hlist ul li.firstsub > a {
  	padding-bottom: 27px;
  }



  #loginnav .ym-hlist ul li a {
    line-height: 1em;
    color: #fff;
    padding: 0 1em;
    font-weight: normal;
  }
  #loginnav .ym-hlist ul li.first a {
    padding-left: 0;
  }

  .ym-hlist > ul > li > a {
    color: #858585;
  }

  .ym-hlist > ul > li > a:focus,
  .ym-hlist > ul > li > a:hover,
  .ym-hlist > ul > li > a:active,
  .ym-hlist > ul > li.active > a,
  .ym-hlist > ul > li.active > a:focus,
  .ym-hlist > ul > li.active > a:hover,
  .ym-hlist > ul > li.active > a:active,
  .ym-hlist ul li a.active-hover
   {
    color: #fff;
    background: #112d61;
  }

  .ym-hlist ul li a:focus,
  .ym-hlist ul li a:hover,
  .ym-hlist ul li a:active,
  .ym-hlist ul li.active a,
  .ym-hlist ul li.active a:focus,
  .ym-hlist ul li.active a:hover,
  .ym-hlist ul li.active a:active {
    color: #fff;
    text-decoration: none;
    outline: 0 none;
  }

  .ym-hlist ul li li a:focus,
  .ym-hlist ul li li a:hover,
  .ym-hlist ul li li a:active {
    color:#00a0a0;
  }
  .ym-hlist ul li li a:hover:before {
    border-left-color:#00a0a0;
  }



  /*2 Level*/
  ul.sub {
   padding: 2.5em 0 2em 2em;
   background:#112d61;
   left:-999em;
   top:60px;
   margin: 0;
   position: absolute;
   width:200px;
   z-index:51;
   overflow:hidden;
   display:inline;
  }

  nav .right { position: relative; }

  .nav-products .sub {
    width: 754px;
  }
  nav .megasub .sub {
    width: 450px;
  }


  nav li.second {
    width: auto;
    float: left;
    padding-right: 1.5em;
    margin: 0;
  }

  nav .nav-products li.second:nth-child(2),
  nav .nav-products li.second:nth-child(3) {
    margin-top: 3em;
  }



  nav h3 {
    display: none;
  }

  nav .nav-products h3 {
    display: block;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 125%;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: .8em;
  }

  .ym-hlist ul li.third > a {
    font-size: 150%;
    text-transform: uppercase;
  }

  .ym-hlist ul li.third > a:hover {
    text-decoration: underline;
  }

  nav .ym-hlist .second > ul {
    position: relative;
    padding: 0 0 2em;
    display: inline-block;
  }

  nav .ym-hlist .second ul li {
    margin-right: 0;
    float: none;
    position: relative;
  }


  #nav .ym-hlist .subpage{
    display:block;
    float:left;
    width:200px;
    margin: 0;
    padding: 0;
  }

  #nav .ym-hlist .nav-products .subpage{
    margin: 1.5em 1.5em 0 0;
  }

  #nav .ym-hlist .subpage > .third:first-child,
  .third.e-power {
    margin-bottom: 1.5em;
  }

  #nav li ul li{/*clear:both;*/ display: block; }
  #nav li ul li a{
    margin-top:0;
    padding:0px;
    font-style:normal;
    width:100%;
    font-weight:bold;
  }
  #nav li ul li.richter a {
    text-indent: -999em;
    background: url(../../Images/richter-by-meyra-logo.png) 0 0 no-repeat scroll;
    width: 57px;
    height: 65px;
    margin-top: 1em;
    background-size: 57px 65px;
  }
  #nav li ul li.subpage a { border-top:0 none; }

  .ym-hlist li.active li a,.ym-hlist ul li.active.hover li a{
    background:transparent;
    border-top:0 none;
    /*color:#fff;*/
  }
  .ym-hlist li.active li a.active,.ym-hlist li.active.hover li a.active,.ym-hlist li.active.hover li a.active:hover{
    /*background:#1174BB;
    color:#fff;*/
  }

  #nav li ul li.fourth {
    padding: 3px 0;
  }

  #nav li ul li.fourth a{
    padding-left: 15px;
    position: relative;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5em;
  }

  .ym-hlist li ul li.active a,.ym-hlist li ul li.active a:hover{
    /*background:#1174BB;
    color:#fff;*/
  }
  .ym-hlist li ul li a:hover{
    /*background:#D8D8D8;*/
  }
  .ym-hlist li.active li.active ul li a{
    background:transparent;
    border-top:0 none;
    /*color:#6f6f6e;*/
  }
  .ym-hlist a { color: #fff; }

  .sub > .fourth {
    float: none;
    display: block;
    margin:0 2em 0 0;
    width: 180px;
  }



  #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
  #nav .ym-hlist li:hover ul,
  #nav .ym-hlist li li:hover ul,
  #nav .ym-hlist li li li:hover ul,
  #nav .ym-hlist li.sfhover ul,
  #nav .ym-hlist li li.sfhover ul,
  #nav li li li.sfhover ul {left: auto;}

  #nav .ym-hlist li.right:hover ul,
  #nav .ym-hlist li.right.megasub:hover ul{right: 0;}


  .csc-form-forgot a:before,
  .fourth a:before {
    /* Rahmen nur an einer Seite einblenden */
    /* Pseudo-Element stylebar machen */
    content:" ";
    display:block;
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    /*border-right: 4px solid transparent;*/
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;

    /* Pseudo-Element positionieren */
    left:1px;
    position:absolute;
    top: 6px;
  }
  .ym-hlist .manual li.fourth a:hover:before,
  .ym-hlist .manual li.fourth a:focus:before,
  .ym-hlist .manual li.fourth a.current:before,
  .ym-hlist .rehabilitation li.fourth a:hover:before,
  .ym-hlist .rehabilitation li.fourth a:focus:before,
  .ym-hlist .rehabilitation li.fourth a.current:before,
  .ym-hlist .rehab li.fourth a:hover:before,
  .ym-hlist .rehab li.fourth a:focus:before,
  .ym-hlist .rehab li.fourth a.current:before,
  .ym-hlist .rehabilitacyjny li.fourth a:hover:before,
  .ym-hlist .rehabilitacyjny li.fourth a:focus:before,
  .ym-hlist .rehabilitacyjny li.fourth a.current:before {
    border-left-color:#fab900;
  }
  .ym-hlist .active li.fourth a:hover:before,
  .ym-hlist .active li.fourth a:focus:before,
  .ym-hlist .active li.fourth a.current:before,
  #nav .ym-hlist ul li.second:last-child li.fourth a:hover:before,
  #nav .ym-hlist ul li.second:last-child li.fourth a:focus:before,
  #nav .ym-hlist ul li.second:last-child li.fourth a.current:before {
    border-left-color:#00a0a0;
  }
  .ym-hlist .kids li.fourth a:hover:before,
  .ym-hlist .kids li.fourth a:focus:before,
  .ym-hlist .kids li.fourth a.current:before {
    border-left-color:#c8d200;
  }
  .ym-hlist .e-power li.fourth a:hover:before,
  .ym-hlist .e-power li.fourth a:focus:before,
  .ym-hlist .e-power li.fourth a.current:before {
    border-left-color:#e65a0f;
  }
  .ym-hlist .reha li.fourth a:hover:before,
  .ym-hlist .reha li.fourth a:focus:before,
  .ym-hlist .reha li.fourth a.current:before {
    border-left-color:#862753;
  }
  .ym-hlist .xxl li.fourth a:hover:before,
  .ym-hlist .xxl li.fourth a:focus:before,
  .ym-hlist .xxl li.fourth a.current:before {
    border-left-color:#b7114a;
  }
  .ym-hlist .amg li.fourth a:hover:before,
  .ym-hlist .amg li.fourth a:focus:before,
  .ym-hlist .amg li.fourth a.current:before {
    border-left-color:#858585;
  }

  .ym-hlist .netti li.fourth a:hover:before,
  .ym-hlist .netti li.fourth a:focus:before,
  .ym-hlist .netti li.fourth a.current:before {
    border-left-color:#f3a000;
  }

  .loginmenu #basket i{font-size:130%;color:#fff;display:block;}
  .loginmenu #basket i:hover{color:#00a0a0;}
  .loginmenu #basket a{font-size:90%;line-height:0.8em;margin-top:-6px;text-align:center;}

}