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

@media all
{ 
  
  /*-------------------------------------------------------------------------*/
  /* Horizontale Liste */
  .hlist { overflow: visible; float: left; z-index: 20; height: 34px; }
  .hlist ul { overflow: visible; margin: 0; padding: 0 0 0 0; position: relative; }
  .hlist ul li { margin: 0; padding: 0; display: inline; float: left; list-style-type: none; background: none; }
  .hlist ul li a { display: block; float: left; margin: 0; padding: 8px 9px 5px 9px; text-decoration: none; width: auto; 
                   overflow: hidden; background-color: transparent; color: #FFFEFF; font-weight: bold; }
  .hlist ul li.last a { background: none; }

  .hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active  { background: #931617; }
  .hlist ul li.active {  }
  .hlist ul li.active a, #nav .vlist ul li a:hover,
  #nav ul li.active:hover ul li a:hover,
  #nav ul li.active:hover ul li.active a { background: #931617; }
  
  
  #nav ul li a { border-top: 1px solid #e3e7e6;
                 border-left: 1px solid #e3e7e6;
                 border-right: 1px solid #e3e7e6;
                 border-bottom: 1px solid #F8F8F6;
                 -moz-border-radius: 5px 5px 0 0;
                 -webkit-border-top-left-radius: 5px;
                 border-top-left-radius: 5px;
                 -webkit-border-top-right-radius: 5px;
                 border-top-right-radius: 5px;
                 background: #FEFEFE; color: #505E61; font-size: 115.39%;
                 padding: 9px 20px 4px 20px;  }
  
  
  #nav ul li.active a, #nav ul li.active a:hover { background-color: #AB1214; border-color: #AB1214; color: #FFFFFF; }
  #nav ul li:hover a { background-color: #F3F4F6; color: #505E61; }
  #nav ul li.active:hover a { background-color: #AB1214; color: #FFFFFF; }
  
  #nav ul li { margin-right: 6px; }
  #nav ul li ul li { margin-right: 0px; }
  
  .hlist ul ul { background-color: #AB1214; border-bottom: none; margin: 0; padding: 0; }
  .hlist ul .vlist { margin: 0; height: 32px; background: #AB1214; position: absolute;
                     border-bottom: 1px solid #971112; top: 34px; width: 944px;
                     border-left: 1px solid #971112; margin-left: 0; left: 0;
                     border-right: 1px solid #971112; margin-right: 0;
                     -moz-border-bottom-left-radius: 5px; display: none;
                     -webkit-border-bottom-left-radius: 5px; z-index: 20;
                     border-bottom-left-radius: 5px;
                     -moz-border-bottom-right-radius: 5px;
                     -webkit-border-bottom-right-radius: 5px;
                     border-bottom-right-radius: 5px; 
                     margin-bottom: 10px; padding-left: 13px; }
   .hlist ul li:hover .vlist { display: block; }
   .hlist ul .vlist li { background: none;  }
   
   
   #nav .vlist ul li a { border: 0 transparent none;
                         -moz-border-radius: 0px;
                         -webkit-border-radius: 0px;
                         border-radius: 0px;
                         background: transparent; color: #FFFFFF; font-size: 100.01%;
                         padding: 7px 9px 5px 9px;  }
  
  /*-------------------------------------------------------------------------*/
  /* Vertikale Liste / Subnav */
  
  h6.leveltitle { background-color: #fff; overflow: hidden; margin: 0; padding: 5px; background-color: #eee; margin-bottom: 4px; }

  .vlist { background-color: transparent; border-bottom: none; z-index: 10; }
  .vlist ul { margin: 0; padding: 0; }
  .vlist li { margin: 0; list-style-type: none; background: none; list-style-type: none; border-bottom: 0px none; }
  .vlist li.active {  }
  .vlist a { padding: 0; display: block; line-height: 21px; }
  .vlist a:focus,
  .vlist a:hover,
  .vlist a:active {  }
  
  .vlist li.ifsub a {  }
  .vlist li.actifsub a {  }
  
  .vlist li.active ul { padding: 3px 0; background: #fff; }
  .vlist li.active ul li { padding: 0; background: none; border: none; font-size: 13px; }
  .vlist li.active ul li a { padding: 0 10px; background: none; }
  .vlist li.active ul li.active a, .vlist li.active ul li a:hover { color: #0C4DA2; }
  
  
  .subsub_nav { margin-top: 10px; z-index: 10; }
  .subsub_nav ul { margin-bottom: 10px; }

}

@-moz-document url-prefix() {
       #nav ul li a { padding-bottom: 3px; }
  }

  /*-------------------------------------------------------------------------*/
  /* Horizontale Liste (IMAGE NAVIGATION) */
  /*.hlist { width: 100%; overflow: hidden; float: left; display: inline; position: relative; background-color: #c0c0c0; border-top: 1px #333 solid; border-bottom: 1px #333 solid; line-height: 0; }
  .hlist ul { margin: 0; padding: 0; display: inline; float: left; border-left: 1px #aaa solid; border-right: 1px #fff solid; }
  .hlist ul li { border-left: 1px #fff solid; border-right: 1px #aaa solid; display: inline; float: left;  font-size: 1.0em; line-height: 1em; list-style-type: none; margin: 0; padding: 0; }
  .hlist ul li a, .hlist ul li strong { background: transparent; color: #000; display: block; font-size: 1em; font-weight: bold; margin: 0; padding: 0; text-decoration: none; width: auto; }

  .hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active  { background: #eee; color: #333; text-decoration: none; outline: 0 none; }
  .hlist ul li.active { background-color: #272727; border-left: 1px #444 solid; border-right: 1px #888 solid; }
  .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 { list-style: none; height: 21px; }
  #nav ul li { float: left; height: 21px; }
  #nav ul li a { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: 999em; white-space: nowrap; height: 21px; }
  #nav ul li a:hover { background-position: 0px -21px; } 
  #nav ul li.active a { background-position: 0px -21px; }*/
  
  /*-------------------------------------------------------------------------*/
  /* Vertikale Liste / Subnav (OLD) */
  /*.vlist { width: 100%; overflow: hidden; margin: 0 0 1.5em 0; list-style-type: none; border-bottom: 2px #ddd solid; }
  .vlist ul { list-style-type: none; margin: 0; padding: 0; }
  .vlist li { float: left; width: 100%; margin: 0; padding: 0; }
  .vlist a, .vlist strong, .vlist span { display: block; padding: 3px 0px 3px 10%; text-decoration: none; border-bottom: 1px #ddd solid; }
  .vlist a, .vlist a:visited { color: #444; }
  .vlist li span { display: block; font-weight: bold; border-bottom: 1px #ddd solid; }*/

  /* active list element */
  /*.vlist li.active { color: #fff; background-color: #800; font-weight: bold; }*/

  /* Level 1 */
  /*.vlist li a, .vlist li strong, .vlist li span { width: 90%; padding-left: 10%; }
  .vlist li a:focus, .vlist li a:hover, .vlist li a:active { background-color: #a88; color: #fff; outline: 0 none; }*/

  /* Level 2 */
  /*.vlist li ul li a, .vlist li ul li strong, .vlist li ul li span { width: 80%; padding-left: 20%; }

  .vlist li ul li a, .vlist li ul li a:visited { background-color: #f8f8f8; color: #333; }
  .vlist li ul li a:focus, .vlist li ul li a:hover, .vlist li ul li a:active { background-color: #a88; color: #fff; }*/

  /* Level 3 */
  /*.vlist li ul li ul li a, .vlist li ul li ul li strong, .vlist li ul li ul li span { width: 70%; padding-left: 30%; }
  .vlist li ul li ul li a, .vlist li ul li ul li a:visited{ background-color: #f0f0f0; color: #222; }
  .vlist li ul li ul li a:focus, .vlist li ul li ul li a:hover, .vlist li ul li ul li a:active { background-color: #a88; color: #fff; }*/

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

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