/* CSS Document */

#nav {
  /*list-style-type: none;*/
  margin-left:-30px;
  /*line-height: 1.5em;*/
}
* html #nav {margin-left:10px;}

#nav li {
  list-style-image:none;
  list-style-type:none;
  /*background-color: #FFFF99;*/
  border-width:4px; border-color:#66CC66; border-style:ridge; padding:1px; padding-left:5px;
  width:110px;
  text-align: left;
}

#nav li a {
  text-decoration:none;
  width:120px;
}
#nav li a:hover, #nav li:hover {
	color: #3ac747;
	background-color:#ce393f;
}

@media screen, projection
{
  .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: #FFFF33;
    border-top: 1px #333 solid;
    border-bottom: 1px #333 solid;
    font-size: 14px;
    line-height: 0;
  }

  .hlist ul {
    /* (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  */
    margin: 0 0 0 10px; /* LTR */
    padding: 0;
    border-left: 1px #aaa solid;
    border-right: 1px #fff solid;
    font-size: 14px;
  }

  .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: 14px;
    line-height: 1em;
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
	width:120px;
  }

* html .hlist ul li {
  margin-left:-10px;
}

  .hlist ul li a,
  .hlist ul li strong {
    background: transparent;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
  }

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

  .hlist ul li.active {
    background: #FFFF99;
    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: #000; text-decoration: none; }
}



/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) IE adjustment stylesheet for YAML vlist navigation
 *      Import this file within the IE-patch-file if needed in your layout
 *
 * (de) IE Anpassungs-Stylesheet für YAML vlist-Navigation
 *      Einbindung ins Layout erfolgt über den Import innerhalb des IE-Anspassungs-Stylesheet
 *
 * @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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{
  /**
   * Box Model Bug
   * (en) Adjustment of width values for list elements of the menu in IE 5.x/Win.
   *      Note: If IE6 is running in quirks mode, it also needs 100% values!
   *
   * (de) Korrektur der Breitenangaben der Listenelemente des Submenüs im IE 5.x/Win.
   *      Hinweis: Befindet sich der IE6 im Quirks Mode, so benötigt er ebenfalls 100%-Werte !
   *
   * @bugfix
   * @affected   IE 5.x/Win (IE6 in Quirks-Mode)
   * @css-for    IE 5.x/Win, IE6
   * @valid      no
   */


  /* title */
  h6.vlist {
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 100%;
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
    margin:0;
    color: #444;
    background: #FFFF33;
    border-top: 2px #333 solid;
    border-bottom: 4px #333 solid;
  }

  .vlist {
    background: #ffc355;
    width: 100%;
    overflow: hidden;
    margin: 0 0 1.5em 0;
    list-style-type: none;
    /*border-top: 1px #333 solid;*/
    /*border-bottom: 1px #333 solid;*/
    font-size: 14px;
  }

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

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    margin:0;
    padding: 0;
  }

  .vlist a,
  .vlist strong,
  .vlist span {
    display: block;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: bold;
  }

  .vlist a:visited {
    color: #000;
  }

  .vlist li span {
    display:block;
    font-weight: bold;
  }

  /* active list element */
  .vlist li.active {
    background-color:#FFFF99;
    color: #000;
    font-weight: bold;
  }
/* ----------------------------------------------------- */
  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width: 90%; padding-left: 10%; } /* TRBL */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active  { background: #FFFF99; color: red; 
  	color: #3ac747;
	background-color:#ce393f;
}

  .vlist ul li.active strong,
  .vlist ul li.active a:focus,
  .vlist ul li.active a:hover,
  .vlist ul li.active a:active { background: transparent; color: #000; }

  /* Level 2 */
  .vlist2 li a,
  .vlist2 li strong,
  .vlist2 li span
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span   { width: 80%; padding: 1px 0px 1px 20%; font-size: 12px; } /* TRBL */

  .vlist li ul li a,
  .vlist li ul li a:visited { }
  .vlist2 li a:focus,
  .vlist2 li a:hover,
  .vlist2 li a:active
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active   { background: #FFFF99; color: red; 
  	color: #3ac747;
	background-color:#ce393f;
}

  /* 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: 0 0 0 30%; } /* TRBL */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited { }
  .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: #FFFF99; color: red; 
  	color: #3ac747;
	background-color:#ce393f;
}

  /* 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: 0 0 0 40%; } /* TRBL */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { }
  .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: #FFFF99; color: red; 
  	color: #3ac747;
	background-color:#ce393f;
}

/* IE hacks */
  /* title */
  * html h6.vlist { width: 100%; w\idth: 90%; }

  /* level 1 */
  * html .vlist li a,
  * html .vlist li strong,
  * html .vlist li span { width: 100%; w\idth: 90%; }

  /* level 2 */
  * html .vlist2 li a,
  * html .vlist2 li strong,
  * html .vlist2 li span
  * html .vlist li ul li a,
  * html .vlist li ul li strong,
  * html .vlist li ul li span   { width: 100%; w\idth: 80%; }

  /* level 3 */
  * html .vlist li ul li ul li a,
  * html .vlist li ul li ul li strong,
  * html .vlist li ul li ul li span { width: 100%; w\idth: 70%; }

  /* level 4 */
  * html .vlist li ul li ul li ul li a,
  * html .vlist li ul li ul li ul li strong,
  * html .vlist li ul li ul li ul li span { width: 100%; w\idth: 60%; }

}