/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2011, 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.3.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{
  .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width:100%;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float:left;
    display:inline;
    /* (en|de) Bugfix:IE - collapsing horizontal margins */
    position:relative;
    top: 3px;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    height: 38px;
    line-height:0;
  }

  .hlist ul {
    margin:0;
    padding:0;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
  }

  .hlist ul li {
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:block;
    height: 41px;
    float:left; /* LTR */
    list-style-type:none;
    margin:0;
    padding:0;
    position: relative;
  }

  .hlist ul li a,
  .hlist ul li strong {
    background: transparent url(../../images/navigation_2014.gif) no-repeat top left;
    color:#fff;
    display:block;
    font-size:16px;
    font-weight:bold;
    margin:0 2px 0 0;
    padding: 0;
    text-decoration:none;
    width:auto;
    height: 38px;
    line-height: 36px;
    text-indent: -9999em;
  }
  
  #nav01 > a {
  	width: 221px;
  	background-position: 0px 0px;
  }
  
  #nav01 > a:hover, #nav01:hover > a {
  	background-position: 0px -39px;
  }
  
  #nav02 > a {
  	width: 155px;
  	background-position: -223px 0px;
  }
  
  #nav02 > a:hover, #nav02:hover > a {
  	background-position: -223px -39px;
  }
  
  #nav03 > a {
  	width: 175px;
  	background-position: -380px 0px;
  }
  
  #nav03 > a:hover, #nav03:hover > a {
  	background-position: -380px -39px;
  }
  
  #nav04 > a {
  	width: 150px;
  	background-position: -557px 0px;
  }
  
  #nav04 > a:hover, #nav04:hover > a {
  	background-position: -557px -39px;
  }
  
  #nav05 > a {
  	width: 120px;
  	background-position: -709px 0px;
  }
  
  #nav05 > a:hover, #nav05:hover > a {
  	background-position: -709px -39px;
  }
  
  #nav06 > a {
  	width: 129px;
  	background-position: -831px 0px;
  }
  
  #nav06 > a:hover, #nav06:hover > a {
  	background-position: -831px -39px;
  }
  
  .hlist .mainlast a {
  	margin-right: 0;
  }

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

  .hlist ul li.active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background:#272727 url("images/shiny_buttons/background_active.png") repeat-x center right;
    border-left:1px #444 solid;
    border-right:1px #888 solid;
  }

  .hlist ul li ul {
	 display: none;
	 position: absolute;
	 left: 0;
	 top: 100%;
	 padding: 10px 15px; margin: 0;
	 background: #ededed;
	 border: 1px solid #c7c7c7;
	 width: 245px;
	 z-index: 99999;
  }
  
  .hlist ul li#nav06 ul {
  	left: auto;
  	right: 0;
  }
  
  .hlist li:hover > ul {
	display: block;
  }
  
  .hlist ul li ul li, .hlist ul li ul li a {
	float: none;
  }
  
  .hlist ul li ul li {
  	height: auto;
  }
  
  .hlist ul li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	background: transparent;
	font-weight: normal;
	height: auto;
	padding: 7px 0;
	border-bottom: 1px solid #c7c7c7;
	line-height: 1.5em;
	text-indent: 0;
  }
  
  .hlist ul li ul li.last a {
	border-bottom: 0px none;
  }
  
  .hlist ul li ul li a:hover {
  	color: #000;
  	background: transparent;
  }


  ul.main_nav li a {
    font-family: 'Droid Sans', sans-serif;
    display: inline-block;
    color: #fff;
    background: #e64415;
    text-transform: uppercase;
    font-weight: 550;
    font-size: 15px;
  }

  ul.main_nav li a:hover {
    background: #657C84;
  }



 /***SUBNAVIGATION***/

.ym-vlist {
		width:100%;
		overflow:hidden;
		margin:0 0 1.5em 0;
		list-style-type:none;
	}

	.ym-vlist ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}

	.ym-vlist li {
		float:left; /* LTR */
		width:100%;
		margin:0;
		padding:0;
		list-style-type:none;
	}

	.ym-vlist a,
	.ym-vlist strong,
	.ym-vlist span {
		display:block;
		padding:8px 0px 8px 0;
		text-decoration:none;
		border-bottom:1px #ededed solid;
	}

	.ym-vlist a,
	.ym-vlist a:visited {
		color:#333;
	}

	.ym-vlist li span {
		display:block;
		font-weight:bold;
		color: #e2001a;
		border-bottom: 0px none;
	}

	/* active list element */
	.ym-vlist li a.active {
		color:#666;
		font-weight: bold;
		background-color:#ededed;
	}
	
	.ym-vlist li a.active:hover {
		color: #666;
	}
	
	/* Level 1 */
	.ym-vlist li a,
	.ym-vlist li strong,
	.ym-vlist li span { font-size: 16px; padding-left: 0; font-family:"Century Gothic", Arial, sans-serif; } /* LTR */

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

	/* Level 2 */
	.ym-vlist li ul li a,
	.ym-vlist li ul li strong,
	.ym-vlist li ul li span { font-size: 13px; padding-left: 11px; color: #666; font-family: Arial, sans-serif;} /* LTR */

	.ym-vlist li ul li a,
	.ym-vlist li ul li a:visited { background-color:#ededed; color:#666; border-bottom: 0px none; margin-bottom: 1px;}
	.ym-vlist li ul li strong {border-bottom: 0px none; margin-bottom: 1px;}
	.ym-vlist li ul li a:focus,
	.ym-vlist li ul li a:hover,
	.ym-vlist li ul li a:active { background-color:#ededed; color:#000; }

	/* Level 3 */
	.ym-vlist li ul li ul li a,
	.ym-vlist li ul li ul li strong,
	.ym-vlist li ul li ul li span { width:70%; padding-left:30%; } /* LTR */

	.ym-vlist li ul li ul li a,
	.ym-vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
	.ym-vlist li ul li ul li a:focus,
	.ym-vlist li ul li ul li a:hover,
	.ym-vlist li ul li ul li a:active { background-color:#888; color:#fff; }

	/* Level 4 */
	.ym-vlist li ul li ul li ul li a,
	.ym-vlist li ul li ul li ul li strong,
	.ym-vlist li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */

	.ym-vlist li ul li ul li ul li a,
	.ym-vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
	.ym-vlist li ul li ul li ul li a:focus,
	.ym-vlist li ul li ul li ul li a:hover,
	.ym-vlist li ul li ul li ul li a:active { background-color:#888; color:#fff; }


}