/* CSS Document */
nav ul {margin:0; padding:0; list-style:none; text-align:left; }
nav ul {display:block;}
nav > ul {width:auto; float:right; }

nav li {display:block; 
position:relative; margin:0; padding:0;}


nav ul li a {
display:block;  
color: #FFFFFF; 
text-decoration:none; 
position:relative; 
z-index:10;
font-size:25px;
text-transform:uppercase;
letter-spacing:1px;
}

nav > ul > li > a {
line-height:60px; 
padding:0 35px 0 35px; 

}

/*#headerwrapper.stick nav > ul > li > a {
height:35px;
padding:4px 40px 5px 40px;
}*/


nav > ul > li:hover > a, nav > ul > li.mx_current > a:hover, nav > ul > li.mx_parent:hover > a {
background-color:#FF0000;
text-decoration:none;
}

nav > ul > li.mx_current > a {
background-color:#FF0000;
}

/*Second level*/
nav ul ul {
position:absolute;
display:none;
top:60px; 
left:0;
margin:0;
width:auto;
z-index:9999;
}

/*nav ul ul:after {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(99, 97, 97, 0);
	border-bottom-color: #636161;
	border-width: 9px;
	margin-left: -9px;
}*/

nav ul ul > li.mx_current > a {
color:#FFFFFF;
}

nav ul ul > li.mx_current > a:hover {
color: #FFFFFF;
}

nav > ul > li {float:left;}


nav ul ul li.mx_parent > a::after {
position:absolute;
content:"+";
top:0;
right:15px;
}

nav ul ul a { 
position:relative;
padding-left:15px;
padding-right:25px;
margin-left:0;  
border-top:0;
font-size:18px;
line-height:17px;
color:#FFFFFF;
white-space:nowrap;
line-height:40px;
background-color:#989898;
}

nav ul ul li a:hover{
background-color:#FF0000;
text-decoration:none;
}

/*nav ul ul li.mx_parent {
background-image: url(../layout/submenu-arrow.gif);
background-repeat:no-repeat;
background-position:center right;
}*/
	
/*Third level*/

nav ul ul ul {
position: absolute;
width:auto;		 
border-top:0;
top:0;
/* aangepast ivm test display:block;*/
display:none;
border-left: solid 5px transparent;
}

nav ul ul ul a {
background-color:#A1A1A1;
}

nav ul ul ul a:hover {
background-color: #2CCEB9;
}

/*Fourth level*/
nav ul ul ul ul {background:#66c;}

nav li:hover {z-index:100;}

nav ul li:hover > ul { display:block; opacity:1;}
nav ul ul li:hover > ul {left:100%; opacity:1;}


/*
    Mobile Menu Core Style
*/


.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em; }

.slicknav_menu {
display:none;
*zoom: 1; 
}

.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left; 
}

.slicknav_menu .slicknav_icon {
float: left;
width: 1.125em;
height: 0.875em;
font-size:24px;
}

.slicknav_menu .slicknav_icon:before {
background: transparent;
width: 1.125em;
height: 0.875em;
display: block;
content: "";
position: absolute; 
}

.slicknav_menu .slicknav_no-text {
margin: 0; 
}

.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
}

.slicknav_menu:before {
content: " ";
display: table; 
}

.slicknav_menu:after {
content: " ";
display: table;
clear: both; 
}

.slicknav_nav {
clear: both; }
.slicknav_nav ul {
display: block; }
.slicknav_nav li {
display: block;
border-top:solid 1px #FFFFFF; }



.slicknav_nav .slicknav_arrow {
font-size: 28px;
margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item {
cursor: pointer; }
.slicknav_nav .slicknav_item a {
display: inline; }
.slicknav_nav .slicknav_row {
display: block; }
.slicknav_nav a {
display: block; }
.slicknav_nav .slicknav_parent-link a {
display: inline; }

.slicknav_brand {
float: left; }

.slicknav_menu {
font-size: 16px;
box-sizing: border-box;
background: #989898;
border-bottom:solid 15px #FFFFFF;
}

.slicknav_menu .slicknav_menutxt {
color: #fff;
font-weight: bold;
text-shadow: 0 1px 3px #000; }

.slicknav_menu .slicknav_icon-bar {
background-color: #fff; }

.slicknav_btn {
display: none;
vertical-align: middle;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #706F6F; 
position:absolute;
top:10px;
right:15px;
padding: 12px 10px 10px 10px;

cursor: pointer; 
}

.slicknav_nav {
color: #fff;
margin: 0;
padding: 0;
font-size: 0.875em;
list-style: none;
overflow: hidden; 
}

.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
}
.slicknav_nav ul li a {
padding-left:50px;
}
.slicknav_nav .slicknav_row {
padding: 5px 10px;
margin: 0; 
}

.slicknav_nav .slicknav_row:hover {

background-color: #FF0000;
}

.slicknav_nav a {
padding: 5px 10px;
margin:0;
text-decoration: none;
color: #fff; 
font-size:24px;
text-transform:uppercase;
}

.slicknav_nav a:hover {
background-color: #FF0000;
}

.slicknav_nav .slicknav_txtnode {
margin-left: 15px; }
.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0; }
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0; }

.slicknav_brand {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px; }

@media screen and (max-width: 1023px) {

nav  {
display:none;
}

.slicknav_menu , .slicknav_btn {
display:block;
}
} /* end mediaquery */
