/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2007, 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.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

@media all
{
#breadcrumb {margin-left:10px;}
#breadcrumb a, #topnav a, #footer a, #home a {background:transparent;}
#breadcrumb a {font-weight:normal;}

/******************** Top-Navigation * topnav (Metanavigation) *******************/
#topnav a, #topnav a:visited {color:#444;}
#topnav a:focus, #topnav  a:hover, #topnav  a:active {color: #ed9200;}

  
/******************** Haupt-Navigation * nav_main ********************************/
  
 /*****Flyout Menu Hauptmenu*******************************/
 
#nav{    
    margin:0px;
    margin-left:205px;
    padding:0px;
    font: 75% Arial,Helvetica, sans-serif;
    letter-spacing: 0.02em;
    font-size:1em;
    font-weight:bold;
    background: transparent;
    }
#nav ul{
    background:tansparent;
    height:30px;
    list-style:none;
    margin:0;
    padding:0;
  border-bottom: 1px #ed9200 solid;
    }
#nav li{
        float:left;
        padding:0px;
    }
#nav li#current {
  line-height:30px;
  text-transform:uppercase;
}
#nav li ul li#current {
  line-height:30px;
  text-transform:none;
  padding-left:15px;
}

#nav li a{
        background:transparent;
        color:#444;
        display:block;
        font-weight:bold;
        line-height:30px;
        margin:0px;
        padding:0px 10px;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        }
        
#nav li a:hover, #nav ul li:hover a {
            /* background: transparent url("../../images/hover.gif") bottom center no-repeat; */
             /* 14.02.2018 jcl | hover.gif ist nicht vorhanden */
            color: #ed9200;
            text-decoration:none;
            }
            
            
#nav li ul{
        background:#fff;         
        letter-spacing: 0em;
        color:black;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
  
        border:0px;
        position:absolute;
        /*width:225px*/
        z-index:200;
        /*top:1em; */
        /*left:0;*/
        
        }
#nav li:hover ul{
        display:block;
        
        }
#nav li li {
        background:url('../../images/sub_trenner.gif') bottom left no-repeat;
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        
        /*width:225px*/
        }
#nav li:hover li a{
        background:none;
        
        }
#nav li ul a{
        display:block;
        height:31px;
        font-size:12px;
        font-style:normal;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
        width:160px;
        
        }
#nav li ul li a{
            text-transform:none;
            font-weight:normal;
            }
#nav li ul a:hover, #nav li ul li:hover a{
            background:transparent url('../../images/hover_sub.gif') center left no-repeat;
            border:0px;
            color: #ed9200;
            text-decoration:none;
            }
#nav p{
        clear:left;
        }    
#nav ul li#current a {
    color:#000;
}

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2010, 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.3
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */


  /* title */
h6.vlist {
    
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:100%;
    width:90.5%;
    padding:10px 0px 7px 8%; /* LTR */
    margin:0;
    color:black;   
    border-bottom: 1px #ed9200 solid;
  text-transform:uppercase;
  letter-spacing: 0.02em;
  }
  
h6.vlist a, h6.vlist a:hover, h6.vlist a:visited, h6.vlist a:active, h6.vlist a:focus {
    color:#000;
    background:none;
    text-decoration:none;
    margin: -7px 0 -7px -13px;
    border: none;
  }


.vlist {
    width:100%;
    overflow:hidden;
    margin:0 0 1.5em 0;
    list-style-type:none;
    /*border-bottom:2px #ddd solid;*/
    background-color:transparent; /*#fff;*/
  }

.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;
    text-align: left;
    padding:7px 0px 7px 8%;
    text-decoration:none;
    font-weight:bold;
    background:#fff url('../../images/normal_sub_s.gif') top left no-repeat;
    border-left: 1px #cccccc solid;border-right: 0px #cccccc solid;border-bottom: 1px #cccccc solid;
  }

.vlist a, .vlist a:visited {
    color:#444;
  }

.vlist li span {
    display:block;
    font-weight:bold;
    border-bottom: 1px #cccccc solid;
  }

.vlist li span.hidden {display:none;}

  /* active list element */
  /*
  ul.vlist > li.active a {
    background:#fff url('../../images/hover_sub.gif') center left no-repeat;color:#FC6401; outline: 0 none;
  }
  */
  .vlist li.active,
  .vlist li#current {
    background:#fff url('../../images/hover_sub_s.gif') top left no-repeat;
  color: #ed9200; width: 98.5%; outline: 0 none;
    }

  /* Level 1 */
.vlist li a,
.vlist li strong,
.vlist li span { width:90%; padding-left:8%; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background:#fff url('../../images/hover_sub_s.gif') top left no-repeat;color: #ed9200; outline: 0 none; }

  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { background:#fff url('../../images/normal2_sub_s.gif') top left repeat-y; width:85%; padding-left:16%;font-weight:normal;} /* LTR */

  .vlist li ul li a,
  .vlist li ul li a:visited {  background:#fff url('../../images/normal2_sub_s.gif') top left repeat-y;  color:#444; }
  
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background:#fff url('../../images/hover2_sub_s.gif') top left repeat-y; color: #ed9200; }

/* 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-left:20%; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ background-color:#f0f0f0; color: #cccccc; }
  .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-color:#a88; color:#fff; }

  /* 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:100%; padding-left:25%; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
  .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-color:#a88; color:#fff; }
}