/* START DESKTOP EN TABLET ****************************************************** */

@media screen and (min-width: 481px) {

.toggleMenu {
    display:  none;
    padding: 10px 15px;
    float: right;
	  text-transform: uppercase; 
    text-decoration: none;
    color: #000;
}
.nav {
	font-size: 		13px;
	list-style-type:	none;
	margin:			0 20px 0 0;
	border:			0 none;
	padding:		0;
	text-transform:		uppercase;
	float:			right;
	letter-spacing:		0.1em;
}

.nav li {
	color:			#000;
	margin:			0;
	border:			0 none;
	float:			left; /* gecko engine*/
	display:		inline;
	list-style:		none;
	position:		relative;
	padding:		0;
}

.nav ul {
	margin:			0;
	border:			0 none;
	padding:		0;
	width:			160px;
	list-style:		none;
	display:		none;
	position:		absolute;
	top:			25px;
	left:			0;
}

.nav ul:after {
	clear:			both;
	display:		block;
	font:			1px/0px serif;
	content:		".";
	height:			0;
	visibility:		hidden;
}

.nav ul li {
	width:			250px;
	float:			left; /* belangrijk IE */
	display:		block !important;
	display:		inline; /*belangrijk IE plaats dubbel display*/
	top:			6px;
}

.nav a {
	padding:		5px 11px 5px 11px;
	color:			#000;
	text-decoration:	none;
	border:			none;
	float:			none !important; /* opera */
	float:			left; /* IE */
	display:		block;
	text-decoration:	none;
}

.nav ul li a {
	border-left:		1px solid #003B79;
	border-right:		1px solid #003B79;
	border-bottom:		1px solid #003B79;
	padding:		8px 0 8px 11px;
}

/* eerste menu hover */
.nav a:hover,
.nav li:hover a,
.nav li.iehover a {
	color:			#368080;
	background-color:	#fff;
	text-decoration:	none;
}

/* 2de */
.nav li:hover li a,
.nav li.iehover li a {
	float:			none;
	background:		#fff;
	color:			#19171C;
	font-weight:		normal;
	font-size:		13px;
}

/* 2de hover */
.nav li:hover li a:hover,
.nav li:hover li:hover a,
.nav li.iehover li a:hover,
.nav li.iehover li.iehover a {
	background:		#368080;
	color:			#fff;
}

.nav ul ul,
.nav ul ul ul {
	display:		none;
	position:		absolute;
	top:			0;
	left:			160px;
}

/* display:block gecko engine | niet naar onder plaatsen.*/
.nav li:hover ul ul,
.nav li:hover ul ul ul,
.nav li.iehover ul ul,
.nav li.iehover ul ul ul {
	display:		none;
}
/* display:block gecko engine | niet naar boven plaatsen.*/
.nav li:hover ul,
.nav ul li:hover ul,
.nav ul ul li:hover ul,
.nav li.iehover ul,
.nav ul li.iehover ul,
.nav ul ul li.iehover ul {
	display:		block;
}

}

/* EINDE DESKTOP EN TABLET ****************************************************** */

/* START TELEFOON ****************************************************** */

@media screen and (max-width: 480px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

    .toggleMenu {
    display:  none;
    padding: 10px 15px;
    float: right;
    text-transform: uppercase; 
    text-decoration: none;
    color: #000;
    }
    
    .nav {
    font-size: 13px;
    list-style-type:	none;
    margin: 20px 0 20px 10px;
    border: 0 none;
    padding: 0;
    text-transform:	uppercase;
    float: left;
    letter-spacing:	0.1em;
    }
    
    .nav li {
    color:	#000;
    margin: 0;
    border: 0 none;
    list-style: none;
    position: relative;
    padding:	0;
    }

    .nav a {
    padding:		5px 11px 5px 11px;
    color:			#000;
    text-decoration:	none;
    border:			none;
    float:			none !important; /* opera */
    float:			left; /* IE */
    display:		block;
    text-decoration:	none;
    }
  
    .nav ul {
    margin:	0 0 0 25px;
    border:	0 none;
    padding: 0;
    list-style: none;
    display: block;
    }
  

}

/* EINDE TELEFOON ****************************************************** */