/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Horizontal list navigation "hlist"
 * (de) Horizontale Navigationsliste "hlist"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.2
 * @revision        $Revision: 743 $
 * @lastmodified    $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $
 */

@media all {

  .ym-hlist {
    width:100%;
    position:relative;
    line-height:1em;
    background:rgba(0, 51, 93, 0.7);
  }

  .ym-hlist ul {
    margin:0;
    padding: 10px 20px;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
  }

  .ym-hlist ul li {
    float:left; 
    font-size:1.0em;
    line-height:1em;
    list-style-type:none;
    margin: 0 .25em 0 0;
    padding:0;
    position:relative;
  }

  .ym-hlist ul li a {
  background:transparent;
  color:#fff;
  display:block;
  font-size:1em;
  padding: 8px 20px;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
  width:auto;
  }

  .ym-hlist ul li a:focus,
  .ym-hlist ul li a:hover,
  .ym-hlist ul li a:active,
  .ym-hlist ul li a.act   {
  color: #fff;
  background: rgba(101,124,157,.7);
  text-decoration:none;
  outline: 0 none;
  }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.ym-hlist ul li a,
.ym-hlist ul li a:visited {
  background:transparent;
  color:#fff;
  display:block;
  font-size:1em;
  padding: 8px 20px;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
  width:auto;
  }

.ym-hlist ul li ul {display: block;}

/* specific to non IE browsers */
.ym-hlist ul li:hover a {color:#fff; background:#36f;}
.ym-hlist ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;z-index:100;}
.ym-hlist ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.ym-hlist ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.ym-hlist ul li:hover ul li ul {display: none;}
.ym-hlist ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.ym-hlist ul li:hover ul li a:hover {background:#6fc; color:#000;}
.ym-hlist ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.ym-hlist ul li:hover ul li:hover ul.left {left:-105px;}


  /* search form -------------------------------------- */
  .ym-searchform {
    float:right;
    display: inline;
    line-height: 2em;
    padding: 0.5em 1.5em;
  }

  .ym-searchform .ym-searchfield {
    background: #fff;
    line-height: 1em;
    padding: 0.25em;
    width: 12em;
    border: solid 1px #888;
    border: solid 1px rgba(255,255,255,.1);
    outline: none;

    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
  }

  .ym-searchform .ym-searchbutton {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    line-height: 1.3571em;
    padding: 0.25em;
    border: solid 1px transparent;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);

    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;

    background: #5f5f5f;
    background: rgba(255,255,255,.2);
  }
}