﻿/* Navigatie */

.navbar-wrapper {
	z-index: 10000;
	font-size:14pt;
	background:#ccc;
}
.navbar-default .navbar-toggle{
	background: #ffffff;
	color: #a3a3a3;
	padding:4px;
}
.navbar-default{
	min-height:0;
	border:0;
	background:#fff;
	border-radius: 0px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075);
        border-bottom:1px solid #f5f3f3;
        border-top:1px solid #f5f3f3;
}
.navbar {
    position: relative;
    margin-bottom: 0px;
}
.navbar-collapse {
        border-top:0px solid #f5f3f3;
}


.navbar-default .navbar-nav > ul {
        text-align: center;
}
.navbar-header {
        border-bottom:1px solid #f5f3f3;
}
.navbar-default .navbar-nav > li > a
{
	text-shadow: none;
	padding-top:0;
	padding-bottom:0;
	height:35px;
	text-transform: uppercase;
	text-decoration: none;

	color: #727475;
        font-size: 13px;
        line-height: 35px;
        font-family: Open Sans;
        font-weight: lighter;
        letter-spacing: 3px;
        font-family: 'Open Sans', sans-serif;
        margin:10px;
}


.navbar-default .navbar-nav > ul > li {
        display: inline-block;
        padding: 0px;
}
.navbar-default .navbar-nav > li > a::after {
        content: "|";
        display: inline-block;
        margin: 0px 33px;
        color: #ccc;
        margin-right: -13px;
        font-size: 15px;
}
.navbar-default .navbar-nav .menu-end > a::after {
        content: "";
        display: inline-block;
        margin: 0px 0px;
        color: #fff;
        margin-right: 0px;
}

@media(max-width:768px)
{
        .navbar-default .navbar-nav > li > a::after {
            content: "0" !important;
            display: inline-block;
            margin: 0px 0px;
            color: #fff;
            margin-right: 0px;
            display: none;
        }
}


.navbar-default a{
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear; /* Standard syntax */;
	transition-property: background;
	transition-duration: 0.3s;
	transition-timing-function: linear;
}
/* mouse over */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background:#ffffff;
	color:black;
	box-shadow:none;
}
/* bij klik en bij .active */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	background:#ffffff;
	color:black;
	box-shadow:none;
}
/* bij klik voor subitem */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
	background:#ffffff;
	color:black;
	box-shadow:none;

}
.dropdown-menu{
	padding:0;
	border:0;
	background:#ffffff;
	border-radius:0;
	border-top:1px solid #f5f3f3;

}
.dropdown-menu > li{
	display:block;
	width:100% !important;
	border-bottom:1px solid #f5f3f3;
}
.dropdown-menu {
        border: 1px solid #f5f3f3;
        border-radius: 0px;
        -webkit-box-shadow: 0 6px 12px #ccc;
        box-shadow: 0 6px 12px #ccc;

}
.dropdown-menu > li a{
	line-height:24px;

	padding-left:15px;
	padding-right:15px;
	display:block;
	width:100%;
        font-size: 12px;
        color: #727475;
        padding: 15px 20px;
        line-height: 13px;
        font-family: Open Sans;
        font-weight: lighter;
        letter-spacing: 3px;
        font-family: 'Open Sans', sans-serif;
}
.dropdown-menu > li > a:hover{
	background:#f5f3f3 !important;
	color:black !important;
}