
/* SELECTORS */


* {
	-moz-box-sizing: border-box;
	box-sizing:	border-box;
	margin:		0;  
	padding:	0;  
}


BODY {
	background:	#854245;
	margin: 	0 auto;
	max-width: 	1178px;
	padding-left: 	0;
}


HEADER {
	background: 	#AAAAAA;
	margin-top:	10px;
}


NAV {
	background: 	#AAAAAA;
	margin: 	0px 0px 10px 0px;	
}


NAV UL {
	list-style-type: none;
	padding: 	0px 15px 0px 15px;
}


NAV LI {
	margin: 	20px 0px 20px 0px;
}





ARTICLE {
	margin-left: 	200px;
	margin-top:	10px;
	margin-bottom:	0px;
}


FOOTER {
	height:		10px;
}




/* IDENTIFIERS */



#LOGO {
	height: 	200px;
	background:	URL(header.jpg) no-repeat;
	padding: 	20px 0px 20px 25px;
	margin-bottom:	20px;
	border-bottom-right-radius: 0px; 
}


#MENUBALK {
	border-bottom-right-radius: 20px;
	padding-bottom: 20px;
}


#MENUBALK UL {
	list-style-type: none;
	display:	inline;
	margin-left: 	5px;
}


#MENUBALK LI {
	display:	inline;
	margin-left: 	0px;
}


#NAV_WRAPPER {
	float:		left;
	margin-top:	10px;
	width:		190px;
}


/* CLASSES */

A.ANCHOR {
	display:	block;
	position:	relative;
	top: 		-16px;
	visibility:	hidden;
}


.CLEARBOTH {
	clear: 		both;
}


.DIKKERAND {
	border:		10px solid #777777;
	border-radius:	30px 30px 30px 30px;
}


.RONDEHOEKEN {
	border-radius:	20px 20px 0px 0px;
}

.TEKST {
	background:	#EECC66;
	border:		8px solid #777777;
	border-radius:	30px 30px 30px 30px;
	margin: 	0px 5px 0px 5px;
	padding-top:	20px;
}


.TEKST UL {
	list-style-type: none;
	margin-left: 	20px;
}


.TEKST UL.DISC {
	list-style-type: disc;
	margin-left: 	40px;
	max-width:	560px;
}


.THUMBNAIL {
	background:	#EECC66;
	width:		316px;
	border:		8px solid #777777;
	border-radius:	30px 30px 30px 30px;
	float:		left;
	margin: 	10px 5px 0px 5px;
}


.THUMBNAIL IMG {
	display: 	block;
	margin-left: 	auto;
	margin-right: 	auto;
}





/* MEDIA QUERY */


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

	BODY {
		max-width: 	852px;
		padding-left: 	0;
	}

}


@media (min-width: 1201px) and (max-width: 1530px) {

	BODY {
		max-width: 	1178px;
		padding-left: 	0;
	}

}


@media (min-width: 1531px) and (max-width: 1860px) {

	BODY {
		max-width: 	1504px;
		padding-left: 	0;
	}

}




