/* CSS Document */
#nav ul {margin:0; padding:0; list-style:none; text-align:left; }
#nav ul {display:inline-block;}
#nav > ul {width:auto; /*border-bottom: solid 6px #757575;*/ }

#nav li {display:block; 
position:relative;}


#nav ul li a {
display:block;
color:#995e9e;  
text-decoration:none; 
position:relative; 
z-index:10;
font-size:24px;
font-weight:400;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:-1px;
}

#nav > ul > li > a {
line-height:125px; 
padding:0 15px 0 15px; 
}

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

#nav > ul > li.mx_first > a {
padding-left:0;

}

#nav > ul > li.mx_last > a {
 padding-right:0;
}


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

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

/*Second level*/
#nav ul ul {
position:absolute;
display:none;
top:125px; 
left:15px;
margin:0;
width:auto;
z-index:9999;
border-top:solid 6px #FFFFFF;
}

/*#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:10px;
padding-right:15px;
margin-left:0;  
border-top:0;
color:#FFFFFF;
font-weight:300;
white-space:nowrap;
line-height:40px;
background-color: #757575;
}


#nav ul ul a:hover{
color:#FFFFFF;
text-decoration:none;
}

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

/*#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: #995e9e;
}

/*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
*/
/*Mobile menu*/

#mobile-nav {
display:none;
}

#menu #home-link {
position:absolute;
float:left;
top:0;
left:20px;
font-size:75px;
}

#menu #home-link a{
color:#FFFFFF;
}

#menu .close {
position:absolute;
top:20px;
right:20px;
width:55px;
height:55px;
text-align:right;
}

#menu .close a {
color:#FFFFFF;
font-size:24px;
text-decoration:none;
font-weight:normal;
}

#menu {
  position: fixed;
  /* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.85);
  top:0;
  height: 100%;
  z-index: 9999;
  padding:30px;
  padding-top:150px;
  width: 100%;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow-y: auto;

}

#menu ul {
  list-style: none;
  margin-top: 0;
  margin-bottom:0;
  padding: 0;
  }
#menu > ul:last-of_type {
margin-bottom:50px;
}

#menu ul li { position:relative; }



#menu ul li a {
  color: inherit;
  display: block;
  padding: 5px 0;
  text-decoration: none;
  font-weight: 300;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:-1px;
font-size:30px;
}


#menu ul a:hover,
#menu ul li.mx_current > a {
  color:#995e9e;
}

#menu ul li.mx_parent > a:after {
content:"\f107";
font-family:'FontAwesome';
display:block;
position:absolute;
right:8px;
top:10px;
}

#menu ul li.mx_parent li.mx_current > a {
color:#995e9e;
}

#menu ul a:hover i:first-child { color: #FFCC33; }

/* Submenu */

#menu ul li a.active+ul { display: block }

#menu ul li ul {
  margin-top: 0;

}

#menu ul li ul li { border-bottom: none;
  }

#menu ul li ul li a { padding-left: 30px; }

#menu ul li ul li ul li a { padding-left: 60px; }

#menu ul li ul li a:hover {  }


.left { right: -100%; }

.show { right: 0; }

#mobile-nav .showmenu { 
 
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#mobile-nav {
display:none;
}

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

#nav > ul > li > a {
padding:0 10px 0 10px; 
}

}

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

#nav > ul > li > a {
line-height:100px;
}

#nav ul ul {
top:100px;
}

}

@media screen and (max-width: 1023px) {
	
	#nav  {
	display:none;
	}
	

#mobile-nav {
display:block;
float:right;
width: auto;
text-align:right;
padding:7px 0 13px 0;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:-1px;
font-size:24px;
}
#mobile-nav a{
color:#D6A1CD;
text-decoration:none;
}

#mobile-nav i {
padding-left:15px;
font-size:36px;
position:relative;
bottom:-5px;
}

}

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

#mobile-nav span {
display:none;
}

}