.nav-container {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	display: block;
	width:100%;
}

.nav-link-block{
	display: flex;
}

ul.nav-links{
   	list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

a.nav-link {
	text-decoration: none;
	display: block;
    color: #202020;
    padding-left: 100px;
    min-height: 50px;

}

.nav-container i{
	width: 12px;
	font-size: 0.8em !important;
	padding: 6px 26px 10px 3px;

}

.clear { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.nav-links-item-active>a>div>div, 
.nav-links-item-selected>a>div>div{
	font-weight: 400;
}

.nav-links-item-current>a{
	color: #ffffff;
	background-color: #01629f;
}

.level_1{
	padding-left: 0px !important;
}
.level_2{
	padding-left: 20px !important;
}
.level_3{
	padding-left: 40px !important;
}
.level_4{
	padding-left: 60px !important;
}
.level_5{
	padding-left: 80px !important;
}

/* Level 1 */
div.nav-container>ul>li>a{
	color: #202020;
	background-color: #f5f5f5;
	font-size: 1.3em;
}

div.nav-container>ul>li.nav-links-item{
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.nav-container li.nav-links-item a:hover{
	background-color: #cbee88;
	color:#202020;
}

/*see example to set line inside element
http://jsfiddle.net/sN2pt/
http://stackoverflow.com/questions/1179928/how-can-i-put-a-vertical-line-down-the-center-of-a-div
*/
div.nav-container a.level_1 {
    position:relative;
 }
div.nav-container a.level_1:after {
    content:"";
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 26px;
    border-left: 2px solid #dfdfdf;
 }


/*ACTIVE the first level, whole li-area*/
div.nav-container>ul>li.nav-links-item-active{
	background-color: #cfe2f8;
}
div.nav-container>ul>li.nav-links-item-active>a{
	background-color: #cfe2f8;
	border-bottom: solid 4px #ffffff;
}

/*SELECTED current page*/
div.nav-container>ul>li.nav-links-item-selected>a{
	color: #ffffff;
	background-color: #01629f;
	border-bottom: solid 4px #01629f;
}

/*CURRENT the current level, whole li-area */
div.nav-container>ul>li.nav-links-item-current{
	background-color: #cfe2f8;
}

div.nav-container>ul>li.nav-links-item-current>a{
}

.nav-container ul>li>a>div>div.nav-link-block{
	/*padding:8px 4px;*/
	padding: 14px 4px 9px 4px;
}

/* Level 2 */
.nav-container ul>li>ul>li>a{
	font-size: 1.1em;
}
.nav-container ul li.nav-links-item ul{
	
}
.nav-container ul li.nav-links-item-active ul{
	
}


/* Level 3 
.nav-container ul li ul li ul li a div div{
	color: #00FF00;
}
*/