/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12.07.2016, 08:30:44
    Author     : barthelfr
*/

/* title */
h6.vlist {
    font-weight:bold;
    padding:5px 7px; /* LTR */
    margin:0;
    color:#f5711f;
    background-color:#000;
    font-size:20px;
}
.vlist {
    width:100%;
    overflow:hidden;
    margin:0 0 1.5em 0;
    list-style-type:none;

    background: none;
}

.vlist ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.vlist li {
    float:left; /* LTR */
    width:100%;
    margin:0;
    padding:0;
}
.vlist li  a{
    display:block;
    padding:7px ;
    text-decoration:none;
    color: #fff;
    font-size: 16px;
    border-bottom:1px solid #e6e6e6;
}

/* Level 1 */
/*.vlist li a { width:90%; padding-left:10%; }  LTR */

.vlist li a:focus,
.vlist li a:hover { outline: 0 none; background: silver;  color: #000;}

.vlist > li.active {background:lightgray}
.vlist > li.active > a {color: #000;  }
.vlist > li.active > a:hover,
.vlist > li.active > a:focus {background:lightgray}
/* Level 2 */
.vlist ul.submenu li{background:silver}
.vlist ul.submenu li a {color:#000;}

.vlist li ul li a{ padding-left:20px; }   
.vlist li ul li a { }
.vlist li ul li a:focus,
.vlist li ul li a:hover,
.vlist li ul li a:active {background:lightgray  }
.vlist ul.submenu li.active a { background:lightgray }