/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2009, 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.2
 * @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:716px;
    overflow:hidden;
    /* (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;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #04579c url(../../img/nav-bg.gif) no-repeat 8px 6px;
    line-height:0;
    padding: 0 0;
  }

  .hlist ul {
    margin:0 0 0 46px;
	border-left: 6px solid #fff;
    padding:0;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
  }

  .hlist ul li {
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display: inline;
    float:left; /* LTR */
    font-size:1.2em;
    line-height:1em;
    list-style-type:none;
    margin:0;
    padding:0;
    background: transparent;
  }
  
  .hlist ul li a,
  .hlist ul li a:visited,
  .hlist ul li strong {
    background: transparent url(../../img/mainnav-devider.gif) right center no-repeat;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: normal;
    padding: 13px 1.1em 14px 1.1em;
    margin: 0;
    text-decoration: none;
    width: auto;    
  }
  
  
  .hlist ul li a.no-devider,
  .hlist ul li a.no-devider:visited,
  .hlist ul li strong.no-devider {
      border: none;
  }

  .hlist ul li.active a,
  .hlist ul li.active a:visited { color: #04579c; background: #f2f4f9;}
  
  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { color: #04579c;background: #f2f4f9;}

  .hlist ul li.active {  }
  
  .hlist ul li.active a {  }
  
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { text-decoration:none; background: #f2f4f9;}

/* ##########################
** ### Tabnav ######
** ##########################
*/

  #main .hlist {
     width: 100%;
     background: transparent;
     margin-bottom:  30px;
  }
  
  #main .hlist ul.tabnav {
      margin: 0;
      background: transparent;
      border: none;
  }
  
  #main .hlist ul li,
  #main .hlist ul li.active{
       padding:0em 0;
       background: transparent url(../../img/tabnav-devider.gif) no-repeat right center;
       padding: 0 4px 0 3px;
    }
    
#main .hlist ul li.first {
     padding: 0 0.2em 0 0;
  }

#main .hlist ul li.last {
     padding: 0 0 0 0.2em;
     border:  none;
     background: transparent;
  }    
    
   #main .hlist ul li a,
   #main .hlist ul li a:visited,
   #main .hlist ul li strong {
      color: #4c4c4c;
      display: block;
      font-size: 0.9em;
      font-weight: normal;
      padding: 0.2em 0.3em;
      margin: 0;
      text-decoration: none;
      width: auto;
      border: none;
      background: transparent   
  }
  

    #main .hlist ul li a.i1,
    #main .hlist ul li a.i1:visited { border-bottom: 5px solid #afc816; }
    
    #main .hlist ul li a.i2,
    #main .hlist ul li a.i2:visited { border-bottom: 5px solid #a53289; }
    
    #main .hlist ul li a.i3,
    #main .hlist ul li a.i3:visited { border-bottom: 5px solid #04579c; }
    
    #main .hlist ul li a.i4,
    #main .hlist ul li a.i4:visited { border-bottom: 5px solid #87a0cb; }
    
    #main .hlist ul li a.i5,
    #main .hlist ul li a.i5:visited { border-bottom: 5px solid #afa689; }
    
    #main .hlist ul li a.i6,
    #main .hlist ul li a.i6:visited { border-bottom: 5px solid #fab700; }

    #main .hlist ul li a.i7,
    #main .hlist ul li a.i7:visited { border-bottom: 5px solid #0091a2; }
    
    
    
    
    #main .hlist ul li.active a.i1,
    #main .hlist ul li.active a.i1:visited,
    #main .hlist ul li a.i1:hover,
    #main .hlist ul li a.i1:active,
    #main .hlist ul li a.i1:focus { background: #afc816; color: #fff;}
    
    #main .hlist ul li.active a.i2,
    #main .hlist ul li.active a.i2:visited,
    #main .hlist ul li a.i2:hover,
    #main .hlist ul li a.i2:active,
    #main .hlist ul li a.i2:focus { background: #a53289; color: #fff;}
    
    #main .hlist ul li.active a.i3,
    #main .hlist ul li.active a.i3:visited,
    #main .hlist ul li a.i3:hover,
    #main .hlist ul li a.i3:active,
    #main .hlist ul li a.i3:focus {background: #04579c; color: #fff;}
    
    #main .hlist ul li.active a.i4,
    #main .hlist ul li.active a.i4:visited,
    #main .hlist ul li a.i4:hover,
    #main .hlist ul li a.i4:active,
    #main .hlist ul li a.i4:focus { background: #87a0cb; color: #fff;}
    
    #main .hlist ul li.active a.i5,
    #main .hlist ul li.active a.i5:visited,
    #main .hlist ul li a.i5:hover,
    #main .hlist ul li a.i5:active,
    #main .hlist ul li a.i5:focus { background: #afa689; color: #fff;}
    
    #main .hlist ul li.active a.i6,
    #main .hlist ul li.active a.i6:visited,
    #main .hlist ul li a.i6:hover,
    #main .hlist ul li a.i6:active,
    #main .hlist ul li a.i6:focus { background: #fab700; color: #fff;}

    #main .hlist ul li.active a.i7,
    #main .hlist ul li.active a.i7:visited,
    #main .hlist ul li a.i7:hover,
    #main .hlist ul li a.i7:active,
    #main .hlist ul li a.i7:focus { background: #0091a2; color: #fff;}
    
    #main .hlist ul li a:focus,
    #main .hlist ul li a:hover,
    #main .hlist ul li a:active  { color: #4c4c4c; background: transparent;}
  
    #main .hlist ul li.active a,
    #main .hlist ul li.active a:visited { color: #4c4c4c; background: transparent;}
    
    /* active status */
    
    #main .hlist ul li.active a{
      background: transparent;
    }
    
    #main .hlist ul li.active a:focus,
    #main .hlist ul li.active a:hover,
    #main .hlist ul li.active a:active { text-decoration:none; }
}


/* ##########################
** ### Accessible menu ######
** ##########################
*/
@media screen, print {
.hlist dfn, 
.hlist .hidden {position:absolute; left:-1000em; width:20em;}
}