@charset "UTF-8";
/* CSS Document */

nav ul {
    width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

nav ul li {
       float: none;
       width: 100%;
}

nav a:link, nav a:visited {
	color: #663399;
	display: block;
	background-color: #EBD394;
	text-transform: uppercase;
	font-family: 'Merriweather Sans', sans-serif;
	text-align: center;
	padding: 1%;
	letter-spacing: 0.3em;
	margin-top: 0.5%;
	font-size: 75%;
	font-weight: bolder;	
}
 
nav a:hover, nav a:active {
	color: #FF31A1;
	display: block;
	background-color: inherit;
	text-transform: uppercase;
	font-family: 'Merriweather Sans', sans-serif;
	text-align: center;
	padding: 1%;
	letter-spacing: 0.3em;
	margin-top: 0.5%;
	font-size: 75%;
	font-weight: bolder;	
}

nav ul li a.currentpage {
       color: #FF31A1;
       background-color: inherit;
}

/* Tabletlay-out: 481 px tot 769 px. Neemt stijlen over van: mobiele lay-out.*/
@media only screen and (min-width: 768px) {

nav ul {
        list-style: none;
}

nav a:link, nav a:visited {
	padding: 2%;
}

nav a:hover, nav a:active {
	padding: 2%;
}
}


/* Bureaubladlay-out: 770 px tot maximaal 1232 px.  Neemt stijlen over van: mobiele lay-out en tabletlay-out. */

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


nav ul { 
       width: 100.75%;
       list-style: none;
	   
}
nav ul li {
       float: left;
       width: 16.6%;
}
nav a:link, nav a:visited {
        height: auto;
        padding: 4%;
	margin-right: 2%;
	margin-top: 0%;
}

nav a:hover, nav a:active {
        height: auto;
	padding: 4%;
	margin-right: 2%;
	margin-top: 0%;
}
}