@charset "UTF-8";
/**
* "Yet Another Multicolum Layout" - (X)HTML/CSS Framework
* "YAML for Joomla Template" - http://www.joomla-template-yaml.de
*
* (en) Horizontal list navigation based on "Sliding Door II" from von "A List Apart"
* (de) Horizontale Navigationsliste basierend auf "Sliding Door II" von "A List Apart"
*
* @version    $Id: nav_slidingdoor.css 132 2007-12-07 16:14:31Z hieblmedia $ 
* @package    yamljoomla
* @version    2.7.4
* @link       http://www.joomla-template-yaml.de
* @copyright  Copyright (C) 2005-2007 Reinhard Hiebl
* @license    CC-A-NC 2.0 (http://creativecommons.org/licenses/by-nc-sa/2.0/de/),
*             http://www.joomla-template-yaml.de/nutzungsbedingungen.html  
*/

@media all
{
  #nav_main {
    width:100%;
    float:left;
    color: #fff;
    background-color:#040404;
    background:#040404 url("gfx/sliding_doorII/nav_rund2/nav_main_bg.gif") repeat-x top;  }

  #nav_main ul {
    white-space: nowrap;
    line-height: 1em;
    margin:0;
    padding:4px 0 0 30px;
    list-style:none;
  }

  #nav_main li {
    float:left;
    background: #333 url("gfx/sliding_doorII/nav_rund2/left.gif") no-repeat top left;
    padding: 0 0 0 3px;
    margin: 0;
    border-bottom:1px solid #000;
  }

  #nav_main a,
  #nav_main strong {
    display:block;
    color:#ccc;

    background: transparent;
    background: url("gfx/sliding_doorII/nav_rund2/right.gif") no-repeat top right;
    padding:5px 11px 3px 8px;
    text-transform: none;
    text-decoration:none;
    font-weight:normal;

    /**
    * @bugfix
    * @affected   IE5.x, IE6
    * @css-for    all browsers
    * @valid      yes
    */
    width: auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */
  }

  /**
  * @bugfix
  * @affected   IE5.x, IE6
  * @css-for    all browsers
  * @valid      yes
  */
  #nav_main > ul a,
  #nav_main > ul strong {width:auto;}  /* for other browsers */

  #nav_main ul li:focus,
  #nav_main ul li:hover,
  #nav_main ul li:active { background-position:0% -80px; }

  #nav_main li:focus a,
  #nav_main li:hover a,
  #nav_main li:active a { background-position:100% -80px; }

  #nav_main a:focus,
  #nav_main a:hover,
  #nav_main a:active { color:#fff; background-color: transparent; }

  #nav_main #current {
    background-image: url("gfx/sliding_doorII/nav_rund2/left_on.gif");
    background-color:#ccc;
    background-position:top left;
    border-width:0
  }

  #nav_main #current a,
  #nav_main #current strong {
    color:#334;
    background-image: url("gfx/sliding_doorII/nav_rund2/right_on.gif");
    background-position:top right;
    font-weight:bold;
    padding-bottom:4px;
    padding-top:5px;
  }

}