/**
 * "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-container {
        
    }
    .ym-hlist {
        z-index: 100;
    }
    .ym-hlist ul {
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        height: 32px;
    }
    .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,.ym-hlist ul li strong {
        background: transparent;
        color: #fff;
        display: block;
        font-size: 1em;
        line-height: 1em;
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
        width: auto;
    }
    .ym-hlist ul li a:focus,.ym-hlist ul li a:hover,.ym-hlist ul li a.active {
        border-bottom: 2px solid #fff;

    }
    .ym-hlist ul li a {
        border-bottom: 2px solid transparent;
        padding: 20px 0 13px 0;
        margin: 0 20px;
    }

    
    
    /* second nav level */
    #subnav {
    	height: 75px;
        margin: 40px 0 20px 105px;
    }
    
    #subnav ul{
	display: inline-block;
  	width: 100%;
  
  	list-style: none;
 	list-style-type: none;
	}

	#subnav ul li{
 	 float: left;
  	 height: auto;
	}

	#subnav ul li a{
 	 float: left;
 	 font-size: 1.0em;
     line-height: 1.0em;
     font-weight: normal;
     text-transform: uppercase;
 	 text-decoration: none;
 	 color: #33308d;
 	 text-align: left;
 	 padding: 0 0 13px 0;
 	 margin: 0 40px 0 0;
	}

#subnav ul li a:hover, #subnav ul li a.active{
  color: #33308d;
  border-bottom: 2px solid #33308d;   

}





/* ----------------------------------------------------- */
@media screen and (max-width: 1180px) {    
   
   
    .ym-hlist ul li a {
        margin: 0 10px;
    }
    
    
  
    /* second nav level */

    #subnav {
        margin: 40px 0 20px 95px;
    }

	#subnav ul li a{
 	 float: left;
 	 font-size: 13px;
     line-height: 1.0em;
     font-weight: normal;
     text-transform: uppercase;
 	 text-decoration: none;
 	 color: #33308d;
 	 text-align: left;
 	 padding: 0 0 8px 0;
 	 margin: 0 25px 0 0;
	}

  
    
}

/* ----------------------------------------------------- */

@media screen and (max-width: 1024px) {    
   

    .ym-hlist ul li a {
        border-bottom: none;
        margin: 1px 0 0 9px !important;
        font-size: 14px;
    }
        #subnav {
        margin: 40px 0 20px 95px;
    }

  
}


/* ----------------------------------------------------- */

@media screen and (max-width: 780px) {    
   

    .ym-hlist ul li a {
        border-bottom: none;
        margin: 4px 0 0 9px !important;
        font-size: 10px;
    }
    
    .ym-hlist ul li a:hover,.ym-hlist ul li.active a {
        border-bottom: none;
    }
  
  
    /* second nav level */
    #subnav {
    	height: auto;
        margin: 20px 0 0 10px !important;
    }
    
    #subnav ul{
	display: inline-block;
  	width: 100%;
    margin-bottom: 0;
  	list-style: none;
 	list-style-type: none;
	}

	#subnav ul li{
 	 float: left;
  	 height: auto;
  	 width: 100%;
	}

	#subnav ul li a{
 	 float: left;
 	 font-size: 10px !important;
     line-height: 1.0em;
     font-weight: normal;
     text-transform: uppercase;
 	 text-decoration: none;
 	 color: #33308d;
 	 text-align: left;
 	 padding: 0 0 8px 0;
 	 margin: 0 40px 0 0;
	}

#subnav ul li a:hover, #subnav ul li a.active{
  color: #33308d;
  border-bottom: none;   
}    
}