.nav, .nav ul, .nav li { list-style: none; } 
.nav ul { padding: 0; margin: 0 0 20px 50px; }
.nav { 
position: absolute;
top: 50px;
bottom: 0;
left: 0;
right: 0;
}
.nav > li { border-bottom:solid 1px #2c3e50; }
.nav > li li { margin: 0; }
.nav a { color: #d1d8e0; display: block; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; }
.nav li > a > span { float: right; font-size: 19px; font-weight: bolder; }
.nav li > a:hover > span { color: #fff; }
.nav li > a > span:after { content: '\25be'; }
.nav li.open > a > span:after { content: '\25b4'; }
.nav a:hover, .nav li.active > a {  color: #5faee3; }
.nav > li.active > a  {  }
.nav li a { font-size: 12px; line-height: 18px; padding: 4px 0px; }
.nav > li > a { font-size: 13px; line-height: 20px; padding: 14px 20px 14px 20px; }
.nav .aktif:before { 
	content: '';
	width: 4px;
	height: 100%;
	background: #5faee3;
	position: absolute;
	left:0;
	top:0;
}
.nav .aktif,.nav .aktif a{color:#5faee3; position: relative;}
.nav .aktif ul a{color:#d1d8e0}
.nav .aktif ul a:hover{color:#5faee3}
.nav .aktif ul{display:block;}
.nav li img{float:left;margin:0px 10px 0 0;}

.on { color: #5faee3 !important; }

/* Scroll */

.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}