/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Horizontal list navigation "hlist"
 * (de) Horizontale Navigationsliste "hlist"
 *
 * @copyright       Copyright 2005-2012, 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         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */

@media all {

	.ym-hlist {
		width: 100%;
	}

	.ym-hlist ul {
		display: flex;
		flex-wrap: wrap;
		margin: 10px 0 1em 0; padding: 0;
		list-style-type: none;
	}

	.ym-hlist ul li {
		align-items: flex-start;
		margin: 0 !important; padding: 0 !important;
		font-size: 150% !important;
		font-family: 'Trade Gothic LT W01 Roman', sans-serif; text-transform: lowercase;
		letter-spacing: 1px;
		line-height: 1.1em !important;
	}
	.ym-hlist ul li:before {
		content: none !important;
	}

	.ym-hlist ul li a {
		display: block;
		padding: 0;
		background: transparent;
		color: #aaa; 
		text-decoration: none;
	}

	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active  {
		background: transparent;
		border-radius: 0em;
		color: black;
		text-decoration: none;
		outline: 0 none;
	}

	.ym-hlist ul li.active a {
		background: transparent;
		border-radius: 0em;
		color: #fff;
	}

	.ym-hlist ul li.active a:focus,
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li.active a:active {
	}

	.ym-hlist figure {
		width: 155px;
		margin: 25px 0 0 0;
	}
	.ym-hlist figure img {
		border: 1px solid #ddd;
	}




	/* Level 2 */
	.ym-hlist ul ul {
		width: 165px;
		margin: 0.75em 35px 2em 0; padding: 0;
		background-color: transparent;
		list-style: none;
	}
	.ym-hlist ul li:last-child ul {
		margin-right: 0;
	}
	.ym-hlist ul ul li {
		width: 100%; margin:0;
		font-size: 17px !important;
		text-transform: none;
		letter-spacing: 0;
		line-height: 1.2em !important;
	}
	.ym-hlist ul li ul li a,
	.ym-hlist ul li.active ul li a,
	.ym-hlist ul li.current ul li a {
		background: transparent;
		padding: 0.33em 0;
		color: #aaa; text-decoration: none;
	}

	.ym-hlist ul li ul li a:hover,
	.ym-hlist ul li.active ul li a:hover,
	.ym-hlist ul li.current ul li a:hover {
		background-color: transparent;
		color: black;
	}



	/* hmenu as Social-Nav */
	.nav-social .ym-hlist ul li { margin-right: 0.33em !important;}
	.nav-social .ym-hlist ul li a:hover svg { fill: black;}

}