@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" for Drupal
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2006-2010, Alexander Hass
 * @license         http://www.yaml-fuer-drupal.de/en/terms-of-use
 * @link            http://www.yaml-for-drupal.com
 * @package         yaml-for-drupal
 * @version         6.x-3.2.1.13
 * @lastmodified    2010-05-14
 */


@media all

{

  .hlist {

    /* (en) containing floats in IE */

    /* (de) Einfassen der Floats im IE */

    width: 100%;

    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: #c0c0c0 url("images/shiny_buttons/background.png") repeat-x center right;

    border-top: 1px #333 solid;

    border-bottom: 1px #333 solid;

    line-height: 0;

  }



  .hlist ul {
    margin: 0;
    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  */

    border-left: 1px #aaa solid;

    border-right: 1px #fff solid;

  }



  .hlist ul li {

    border-left: 1px #fff solid;

    border-right: 1px #aaa solid;

    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */

    display: inline;

    float: left; /* LTR */

    font-size: 1.0em;

    line-height: 1em;

    list-style-type: none;

    margin: 0;

    padding: 0;

  }



  .hlist ul li a {

    background: transparent;

    color: #fff;

    display: block;

    font-size: 1em;

    font-weight: normal;

    margin: 0;

    padding: 0.4em 1.3em 0.4em 1.3em;

    text-decoration: none;

    width: auto;

  }



  .hlist ul li a:focus,

  .hlist ul li a:hover,

  .hlist ul li a:active  { background: #d55a26; 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: #d55a26;


  }



  .hlist ul li.active a,

  .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; }

}