body {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #222222;
	color: #494949;
	min-width: 320px; /* we gaan niet kleiner dan 320 px */
	
	/* tekst selectie cursor niet weergeven */
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
	user-select: none;
}

/* tekst selectie geslecteerde kleur niet tonen */
::selection {
  background: rgba(84, 84, 84, 0);
}
::-moz-selection {
  background: rgba(84, 84, 84, 0);
}

form {
	padding: 0px;
	margin: 0px;
}

input[type=button]{
	cursor: pointer;
}

h1{
	font-size: 26px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #494949;
	margin-top: 35px;
	margin-bottom: 26px;
}

.hovertouch {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

#all {
	display: flex;
}

#all_left {
	/*background-color: #0000f1;*/
	/*max-width: calc((100% - 900px) / 2);*/
}

#all_center {
	width: 900px; /* default width = 720px */
	margin-left: auto;
	margin-right: auto;
	/*
	verzet naar #page omdat we anders de body-background niet kunnen gebruiken voor andere doeleinden
	background-color: #ffffff; 
	background-image: url('background.png');
	background-repeat: no-repeat;
	*/
}

#all_right {
	/*background-color: #0000f1;*/
	/*max-width: calc((100% - 900px) / 2);*/
}




#website_header {
	background-color: #9dcbe8;
}

#website_header_disclaimer_showhide {
	display: none; /* wordt via javascript getoont indien nog niet gesloten door gebruiker */
}
#website_header_disclaimer {
	display: flex;
	background-color: #747474;
	font-size: 11px;
	color: #d7d7d7;
	padding-top: 5px;
	padding-bottom: 5px;
	height: auto;
}
#website_header_disclaimer a {
	color: #d7d7d7;
}
#website_header_disclaimer_left {
	width: 55%;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	display: flex;
	margin-top: auto; /* om de tekst in het midden te laten starten */
	margin-bottom: auto; /* om de tekst in het midden te laten starten */
}
#website_header_disclaimer_left_close {
	width: 30px;
	text-align: center;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: auto;
	margin-bottom: auto;
	font-weight: bold;
	font-size: 14px;
	font-family: arial;
}
#website_header_disclaimer_left_ck {
	width: calc(100% - 15px - 15px);
	margin-left: 15px;
	text-align: left;
	margin-top: auto; /* om de tekst in het midden te laten starten */
	margin-bottom: auto; /* om de tekst in het midden te laten starten */
}
#website_header_disclaimer_right {
	width: 45%;
	text-align: right;
	padding-right: 15px;
	margin-top: auto; /* om de tekst in het midden te laten starten */
	margin-bottom: auto; /* om de tekst in het midden te laten starten */
}

#website_header_collapsedmenubar{
	background-color: #fff;
	
	/* default niet weergeven */
	display: none;
}
#website_header_collapsedmenubar_bar{
	display: flex;
	justify-content: space-between;
	height: 50px;
	background-color: #224EB3;
}
#website_header_collapsedmenubar_spacer{
	/* default niet weergeven */
	display: none;
	
	/* wordt weergeven zodra  #website_header_collapsedmenubar_bar de positie fixed krijgt, zodat de ruimte (hoogte) die verspringt (tgv het fixed maken) niet opvlat */
	height: 50px; /* zelfde als #website_header_collapsedmenubar_bar */

	background-color: #333;
}
#website_header_collapsedmenubar_collapse{
	/* default niet weergeven */
	display: none;
}
#website_header_collapsedmenubar_collapse_quiz, #website_header_collapsedmenubar_collapse_search, #website_header_collapsedmenubar_collapse_login, #website_header_collapsedmenubar_collapse_choise{
	/* de inhoud van de collapsed menubar kan zijn voor menu, login, search, choise, ... . We gaan deze default niet weergeven. */
	display: none;
}
#website_header_collapsedmenubar_collapse_quiz{
	background-color: #eee;
	display: flex;
}
#collapsedmenubar_quiz_nav {
	max-width: 145px;
}
#collapsedmenubar_quiz_nav ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	
	flex-direction: column;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 40px;
}
#collapsedmenubar_quiz_nav ul .collapsedmenubar_quiz_nav_block{
	background-color: #fefefe;
	display: flex;
	margin: 0px;
	padding: 0px;	
	height: 80px;
	max-width: calc(145px - 5px - 5px);
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px; /* 20px */
	
	cursor: pointer;
}

/* default achtergrondkleur die we nadien gaan wijzigen, per blok een andere kleur */
#collapsedmenubar_quiz_nav ul .collapsedmenubar_quiz_nav_block_selected{
	background-color: #eee;
	border-right: none;
	border: 5px solid #0000aa;
}
#collapsedmenubar_quiz_nav ul li:hover, #collapsedmenubar_quiz_nav ul li .hovertouch{
	background-color: #eee;
}

/* eerste */
#collapsedmenubar_quiz_nav ul li:nth-child(4n+1) 
, #collapsedmenubar_quiz_content > div:nth-child(4n+1) ul  li {
	background-color: #a29d0a;
	background: linear-gradient(#b8b20a, #a29d0a);
	background: linear-gradient(rgba(184, 178, 10, 1), rgba(162, 157, 10, 1));
}
#collapsedmenubar_quiz_nav ul li:nth-child(4n+1):hover, #collapsedmenubar_quiz_nav ul li:nth-child(4n+1) .hovertouch
, #collapsedmenubar_quiz_content > div:nth-child(4n+1) ul  li:hover, #collapsedmenubar_quiz_content > div:nth-child(4n+1) ul li .hovertouch{
	background: #a29d0a;
}
/* 2de */
#collapsedmenubar_quiz_nav ul li:nth-child(4n+2) 
, #collapsedmenubar_quiz_content > div:nth-child(4n+2) ul  li {
	background-color: #117174;
	background: linear-gradient(#148589, #117174);
	background: linear-gradient(rgba(20, 133, 137, 1), rgba(17, 113, 116, 1));
}
#collapsedmenubar_quiz_nav ul li:nth-child(4n+2):hover, #collapsedmenubar_quiz_nav ul li:nth-child(4n+2) .hovertouch
, #collapsedmenubar_quiz_content > div:nth-child(4n+2) ul  li:hover, #collapsedmenubar_quiz_content > div:nth-child(4n+2) ul li .hovertouch{
	background: #117174;
}
/* 3de */
#collapsedmenubar_quiz_nav ul li:nth-child(4n+3) 
, #collapsedmenubar_quiz_content > div:nth-child(4n+3) ul  li {
	background-color: #bb680f;
	background: linear-gradient(#d07411, #bb680f);
	background: linear-gradient(rgba(208, 116, 17, 1), rgba(187, 104, 15, 1));
}
#collapsedmenubar_quiz_nav ul li:nth-child(4n+3):hover, #collapsedmenubar_quiz_nav ul li:nth-child(4n+3) .hovertouch 
, #collapsedmenubar_quiz_content > div:nth-child(4n+3) ul  li:hover, #collapsedmenubar_quiz_content > div:nth-child(4n+3) ul li .hovertouch{
	background: #bb680f;
}
/* 4de */
#collapsedmenubar_quiz_nav ul li:nth-child(4n+4)
, #collapsedmenubar_quiz_content > div:nth-child(4n+4) ul  li {
	background-color: #2f084f;
	background: linear-gradient(#431867, #2f084f);
	background: linear-gradient(rgba(67, 24, 103, 1), rgba(47, 8, 79, 1));
}
#collapsedmenubar_quiz_nav ul li:nth-child(4n+4):hover, #collapsedmenubar_quiz_nav ul li:nth-child(4n+4) .hovertouch 
, #collapsedmenubar_quiz_content > div:nth-child(4n+4) ul  li:hover, #collapsedmenubar_quiz_content > div:nth-child(4n+4) ul li .hovertouch{
	background: #2f084f;
}

#collapsedmenubar_quiz_nav ul li a{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	margin-top: auto;
	margin-bottom: auto;
	align-self: flex-end;
	text-align: center;
	display: block;
	width: 100%;
	word-wrap:break-word;
}
#collapsedmenubar_quiz_content {
	width: 100%;
}
#collapsedmenubar_quiz_content .collapsedmenubar_quiz_content_categoryquizzes {
	
}
#collapsedmenubar_quiz_content .collapsedmenubar_quiz_content_categoryquizzes ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	
	list-style-type: none;
	margin: 0px;
	padding: 0px;

	margin-bottom: 40px;
}
#collapsedmenubar_quiz_content .collapsedmenubar_quiz_content_categoryquizzes ul li {
	background-color: #dfdfdf;
	margin: 0px;
	padding: 0px;	

	
	padding-left: 5px;
	padding-right: 5px;
		
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

	width: 150px;
	
	height: 100px;

	display: flex;
	flex: 1 0 calc(145px - 5px - 5px);
	align-items: center;
	justify-content: center;
	
	border-radius: 2px;
	
	cursor: pointer;
}
#collapsedmenubar_quiz_content .collapsedmenubar_quiz_content_categoryquizzes ul li:hover, #collapsedmenubar_quiz_content .collapsedmenubar_quiz_content_categoryquizzes ul li .hovertouch {
	background-color: #cfcfcf;
}

#collapsedmenubar_quiz_content .collapsedmenubar_quiz_content_categoryquizzes ul li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 100%;
	word-wrap:break-word;
	align-self: flex-end;
	/*margin-bottom: 10px;*/
	margin-top: auto;
	margin-bottom: auto;
}
#collapsedmenubar_quiz_content .collapsedmenubar_quiz_content_categoryquizzes_titel{
	font-size: 24px;
	text-align: center;
	color: #000;
	margin-top: 25px;
	margin-bottom: 15px;
}
#collapsedmenubar_quiz_content .collapsedmenubar_quiz_content_categoryquizzes_text {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 16px;
	color: #333;
	margin-top: 50px;
	text-align: center;
	overflow: hidden;
}
#collapsedmenubar_quiz_content #collapsedmenubar_quiz_content_categoryquizzes_text_arrow{
	max-width: 70px;
	height: auto;
	
	margin-left: 40px;
	margin-right: 10px;
	
	float: left;
}

#website_header_collapsedmenubar_collapse_search, #website_header_collapsedmenubar_collapse_login, #website_header_collapsedmenubar_collapse_choise{
	background-color: #eee;
}
#collapsedmenubar_search, #collapsedmenubar_login, #collapsedmenubar_choise {
	padding-top: 150px;
	padding-left: 15px;
	padding-right: 15px;
}

#collapsedmenubar_login, #collapsedmenubar_choise{
	padding-top: 100px;
}

#collapsedmenubar_search_title, #collapsedmenubar_login_title, #collapsedmenubar_choise_title {
	font-size:38px;
	text-align: center;
	font-weight: bold;
	color: #494949;
	margin-bottom: 80px;
}

#collapsedmenubar_login_title, #collapsedmenubar_login_choise {
	margin-bottom: 50px;
}

#collapsedmenubar_search_form, #collapsedmenubar_login_form, #collapsedmenubar_login_choise{
	text-align: center;
}
#collapsedmenubar_search_form input, #collapsedmenubar_login_form input, #collapsedmenubar_choise_form input  {
	background-color: #134169;
	background: linear-gradient(97deg, #1a507f, #134169);
	border: 1px solid #134169;
	border-radius: 8px;
	font-size: 20px;
	letter-spacing: 0.7px;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 14px;
	padding-right: 14px;
	color: #fff;
	max-width: 100%;
	margin-bottom: 15px;
}
#collapsedmenubar_search_form input[type="text"], #collapsedmenubar_login_form input[type="text"], #collapsedmenubar_choise_form input[type="text"] {
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% - 10px - 10px);
    max-width: 394px;
}

#collapsedmenubar_login_form input, #collapsedmenubar_choise_form input  {
	display: block;
	margin-left: auto;
	margin-right: auto;
    width: calc(100% - 10px - 10px);
    max-width: 394px;
}

#collapsedmenubar_login_form #collapsedmenubar_login_form_register {
	margin-top: 40px;
	background: linear-gradient(97deg, rgba(26, 80, 127, 0.8), rgba(19, 65, 105, 0.8)); /* #1a507f, #134169 */
}

#website_header_collapsedmenubar_bar_quizicon{
	width: 50px;
	background-image: url('menuicon.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	flex: 0 0 auto;
}
#website_header_collapsedmenubar_bar_menucloseicon{
	width: 50px;
	background-image: url('menuicon_close.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	flex: 0 0 auto;
	
	/*default niet weergeven, pas bij toggle */
	display: none;
}
#website_header_collapsedmenubar_bar_emptyicon {
	width: 50px;
	flex: 0 0 auto;
}
#website_header_collapsedmenubar_bar_logoicon{
	width: 100%;
	background-image: url('logo_lightgray.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto calc(100% - 10px);
	cursor: pointer;
}
#website_header_collapsedmenubar_bar_searchicon, #website_header_collapsedmenubar_bar_loginicon, #website_header_collapsedmenubar_bar_choiseicon{
	width: 50px;
	background-image: url('menuicon.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	flex: 0 0 auto;
}
#website_header_collapsedmenubar_bar_searchicon{
	background-image: url('menuicon_search.png');
}
#website_header_collapsedmenubar_bar_loginicon{
	background-image: url('menuicon_login.png');
}
#website_header_collapsedmenubar_bar_choiseicon{
	background-image: url('menuicon_choise.png');
}

#website_header_searchlogin {
	display: flex;
	justify-content: space-between;
	background-color: #424242;
	padding-top: 17px;
	padding-bottom: 17px;	
}
#website_header_searchlogin input {
	background-color: #424242;
	border: 1px solid #696969;
	border-radius: 5px;
	font-size: 13px;
	letter-spacing: 0.7px;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 14px;
	padding-right: 14px;
	max-width: 145px;
}
#website_header_searchlogin input::placeholder {
	color: #696969;
}
#website_header_searchlogin input{
	color: #ababab;
}
#website_header_searchlogin_search {
	text-align: left;
	padding-left: 35px;
}
#website_header_searchlogin_search  input[type="text"] {
	padding-left: 10px;
	padding-right: 10px;
}
#website_header_searchlogin_search  input[type="submit"] {
	cursor: pointer;
}
#website_header_searchlogin_login {
	text-align: right;
	padding-right: 35px;
}
#website_header_searchlogin_login  input[type="text"] {
	padding-left: 10px;
	padding-right: 10px;
}
#website_header_searchlogin_login  input[type="submit"] {
	cursor: pointer;
}
#website_header_searchlogin  input:hover, #website_header_searchlogin  input:focus, #website_header_searchlogin  input .hovertouch{
	background-color: #EDDEAD;
	color: #555;
	border: 1px solid #fff;
}
#website_header_searchlogin_search:hover input, #website_header_searchlogin_search :focus input, #website_header_searchlogin_search .hovertouch input{
	background-color: #EDDEAD;
	color: #555;
	border: 1px solid #fff;
}
#website_header_searchlogin_login:hover input, #website_header_searchlogin_login :focus input, #website_header_searchlogin_login .hovertouch input{
	background-color: #EDDEAD;
	color: #555;
	border: 1px solid #fff;
}

#website_header_mastermenu {
	background-color: rgba(255, 255, 255, 0.8);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 76px;
}
#website_header_mastermenu_logo {
	width: 150px;
	background-image: url('logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	height: 100%;
	margin-left: 10px;
	cursor: pointer;
}
.website_header_mastermenu_nav {
	font-size: 14px;
	font-weight: bold;
	margin-left: 20px;
}
.website_header_mastermenu_nav a{
	text-decoration: none;
	color: #424242;
}
.website_header_mastermenu_nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: flex;	
}
.website_header_mastermenu_nav ul li{
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
}
.website_header_mastermenu_nav ul li a{
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	border-bottom: 2px none #000;
}
.website_header_mastermenu_nav ul .selected a, .website_header_mastermenu_nav ul a:hover, .website_header_mastermenu_nav ul a .hovertouch{
	color: #000;
	border-bottom: 2px solid #00c0ff;
}

#website_header_frontimage {
	margin: 0px;
	padding: 0px;
}
#website_header_frontimage a{
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}
#website_header_frontimage img {
	display: block;
	max-width: 100%;
	height: auto !important;
	margin: 0px;
	padding: 0px;
	border: none;
}

#website_header_popquizbar {
	background-color: rgba(255, 255, 255, 0.8);
	border-top: 3px solid #3aa1d7;
	border-bottom: 3px solid #3aa1d7;
	display: flex;
	justify-content: space-between;
	height: 106px; /* 54 + 26 + 26 */
	overflow: hidden;
}
#website_header_popquizbar_overview {
	display: flex;
	flex: 0 0 auto;
	/*flex-wrap: wrap;*/
	flex-wrap: nowrap;
	overflow-x: scroll;
	height: 130px; /* hoger dan de heigt van #website_header_popquizbar zodat we de horizontale schuifbalk nooit zien */
	/*overflow: hidden;*/
	max-width: calc(100% - 60px - 60px); /* 2x 60px van de back en forward */
}
#website_header_popquizbar_back {
	width: 60px;
	flex: 0 0 auto; /* nodig omdat de opgegeven breedte -width- door de flexbox niet juist wordt aangehouden */
	background-image: url('arrow_left.png');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#website_header_popquizbar_forward{
	width: 60px;
	flex: 0 0 auto; /* nodig omdat de opgegeven breedte -width- door de flexbox niet juist wordt aangehouden */
	background-image: url('arrow_right.png');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.overview_typeX_block {
	width: 200px;
	height: 54px;
	flex: 0 0 200px; /* flex-grow  = 0; flex-shrink = 0; flex-basis = 200px */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #00cc00;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 26px;
	margin-bottom: 26px;
	background-color: #115f15;
	background: linear-gradient(#448147, #115f15);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	cursor: pointer;
}

/* eerste */
.overview_typeX_block:nth-child(4n+1){
	background-color: #117174;
	background: linear-gradient(#148589, #117174);
	background: linear-gradient(rgba(20, 133, 137, 1), rgba(17, 113, 116, 1));
}
.overview_typeX_block:nth-child(4n+1):hover, .overview_typeX_block:nth-child(4n+1) .hovertouch {
	background: #117174;
}
/* 2de */
.overview_typeX_block:nth-child(4n+2){
	background-color: #115f15;
	background: linear-gradient(#448147, #115f15);
	background: linear-gradient(rgba(68, 129, 71, 1), rgba(17, 95, 21, 1));
}
.overview_typeX_block:nth-child(4n+2):hover, .overview_typeX_block:nth-child(4n+2) .hovertouch{
	background: #115f15;
}
/* 3de */
.overview_typeX_block:nth-child(4n+3)  {
	background-color: #bb680f;
	background: linear-gradient(#d07411, #bb680f);
	background: linear-gradient(rgba(208, 116, 17, 1), rgba(187, 104, 15, 1));
}
.overview_typeX_block:nth-child(4n+3):hover, .overview_typeX_block:nth-child(4n+3) .hovertouch {
	background: #bb680f;
}
/* 4de */
.overview_typeX_block:nth-child(4n+4){
	background-color: #76499C;
	background: linear-gradient(#9064B5, #76499C);
	/*background: linear-gradient(rgba(67, 24, 103, 1), rgba(47, 8, 79, 1));*/
}
.overview_typeX_block:nth-child(4n+4):hover, .overview_typeX_block:nth-child(4n+4) .hovertouch{
	background: #76499C;
}



.overview_typeX_block:first-child{
	margin-left: 0px;
}
.overview_typeX_block .overview_typeX_block_title {
	font-size: 12px;
	color: #2d2d2d;
	font-weight: bold;
	text-align: center;
	/*margin-top: 18px;*/
	margin-top: auto;
	/*padding-top: 18px;*/
	padding-bottom: 3px;
}
.overview_typeX_block .overview_typeX_block_title a{
	/*color: #2d2d2d;*/
	color: #fff;
	text-decoration: none;
}
.overview_typeX_block .overview_typeX_block_action {
	font-size: 10px;
	color: #bdbdbd;
	font-weight: bold;
	text-align: right;
	padding-right: 3px;
	padding-bottom: 2px;
}
.overview_typeX_block .overview_typeX_block_action a{
	color: #D6D6D6; /*bdbdbd*/
	text-decoration: none;
}

#page_bg {
	background-color: #ffffff; 
	background-image: url('background.jpg');
	background-repeat: no-repeat;
}

#page {
	display: flex;
	justify-content: space-between;
}

#page_outer_left {
	/*background-color: #0000f1;
	max-width: 100%;*/
	margin-bottom: 40px;
}
#page_inner {
	width: 720px;
	flex: 0 0 auto;
	margin-left: auto;
	margin-right: auto;
}
#page_outer_right {
	/*background-color: #0000f1;
	max-width: 100%;*/
	margin-bottom: 40px;
}

#page_header #page_title {
	margin-top: 20px;
	margin-bottom: 20px;
}
#page_header #page_title h1{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	text-shadow: 0px 0px 15px rgba(255, 255, 255, 1);
	margin-left: 30px;
	color: #444444;
}

#page_header #page_header_breadcrumb_nav{
	background-color: rgba(255, 255, 255, 0.80);
	/* color: #383838; */
	/* color: #1d729e; */
	color: #074f74;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
#page_header #page_header_breadcrumb_nav ol{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: flex;	
	flex-wrap: wrap;
}
#page_header #page_header_breadcrumb_nav ol li{
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
#page_header #page_header_breadcrumb_nav ol li:not(:first-child):before {
	content: '\00a0>\00a0';
}
#page_header #page_header_breadcrumb_nav ol li a{
	/*color: #383838; */
	/* color: #1d729e; */
	color: #074f74;
	text-decoration: none;
}
#page_header #page_header_breadcrumb_nav ol li a h1{
	font-size: inherit;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	font-weight: bold;
	color: #383838;
}
#page_header #page_header_breadcrumb_nav ol li a:hover, #page_header_breadcrumb_nav ol li a .hovertouch{
	text-decoration: underline;
}



#page_content {
	display: flex;
	background-color: rgba(255, 255, 255, 0.80);
	/*justify-content: space-between;*/
	justify-content: flex-start;
}
#page_content_left {
	/*max-width: 100px;
	background-color: #0000f1;*/
	padding-top: 30px;
}
#page_content_center {
	width: 100%;
	padding-left: 15px; /* padding omgezet naar margin */
	padding-right: 15px;
}
#page_content_right {
	/*max-width: 100px;
	background-color: #0000f1;*/
}

#page_content_center #page_main{
	color: #494949;
}

.inhoudTitel{
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
	color: #494949;
}

.inhoudTitel h1{
	color: #1d729e;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
}

.inhoudTitel h1 a{
	color: #1d729e;
	text-decoration: none;
}

.inhoudTitel h2{
	color: #17a1e8;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.inhoudTitel h2 a{
	color: #17a1e8;
	text-decoration: none;
}

.inhoudTekst{
	/* color: #494949; */
	color: #1d729e;
	margin-bottom: 15px;
}

.inhoudTekst a{
	/* color: #494949; */
	color: #1d729e;
}

#page_quiz{

}
#page_quiz h1{
	margin-top: 30px;
	margin-bottom: 40px;
	margin-bottom: 35px;
}
#page_quiz .quiz_question{
	margin-left: 22px;
	margin-right: 22px;
}
#page_quiz .quiz_question:not(:last-child){
	margin-bottom: 35px;
}
#page_quiz .quiz_question .quiz_question_asking{
	margin-bottom: 26px;
	/*font-size: 23px;*/ /* 25 */
	color: #494949;
	
	font-size: 18px;
	font-weight: bold;
}
#page_quiz .quiz_question .quiz_question_asking .quiz_question_search{
	margin-left: 5px;
}
#page_quiz .quiz_question .quiz_question_asking .quiz_question_search a{
	text-decoration: underline;
	color: #115700;
	font-size: 12px;
}


#page_quiz .quiz_question .quiz_question_answers{
	display: flex;
	flex-wrap: wrap;
	margin-left: 35px;
}
#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer{
	/*transition: all 2600ms ease;*/ /* met vertraging wijzigen */
	
	background-color: #2c51ae;
	background: linear-gradient(352deg, #05105f, #2c51ae, #2c51ae);
	
	width: 228px; /* 258 - 30 */
	min-height: 18px; /* 47 - 30 + 2 */
	margin-right: 12px;
	margin-bottom: 23px;
	
	/*font-size: 16px;
	font-weight: normal;*/
	color: #fff;
	
	font-weight: bold;
	font-size: 14px;
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	padding-top: 15px;
	padding-bottom: 17px;
	padding-left: 15px;
	padding-right: 15px;
	
	cursor: pointer;

}

#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer:hover, #page_quiz .quiz_question .quiz_question_answers .quiz_question_answer .hovertouch{
	 text-shadow: 0px 0px 10px #FFFFFF;
}

#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer {
	/* default kleuren */
	/* achtergrondkleur blauw */
	color: #fff;
	text-shadow: none;
	background-color: #2c51ae;
	background: linear-gradient(352deg, #05105f, #2c51ae, #2c51ae);
}
#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer__notselected{
	/* kleuren indien vraag beantwoord maar dit antwoord niet geselecteerd werd */
	/* achtergrondkleur bruin */
	color: rgba(255, 255, 255, 0.2);
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	background-color: #a85f09;
	background: linear-gradient(352deg, #5f4005, #a85f09, #a85f09);
}
#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer__selected{
	/* kleuren indien vraag beantwoord maar dit antwoord geselecteerd werd */
	/* achtergrondkleur blauw */
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	background-color: #2c51ae;
	background: linear-gradient(352deg, #05105f, #2c51ae, #2c51ae);
}
#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer__correctanswer{
	/* kleuren indien dit het correcte antwoord is */
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	background-color: #2c51ae;
	background: linear-gradient(352deg, #00FF26, #068A19, #068A19);	
}
#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer__wronganswer{
	/* kleuren indien het gekozen antwoord foutief is */
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	background-color: #2c51ae;
	background: linear-gradient(352deg, #FF0000, #8A0606, #8A0606);	
}
#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer__noanswer{
	/* kleuren indien het gekozen antwoord foutief is */
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	background-color: #2c51ae;
	background: linear-gradient(352deg, #a85f09, #5f4005, #5f4005);
}

#page_quiz .quiz_question .quiz_question_answers .rslt_question {
	display: none;
}

#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer_information{
	display: block;
	
}

#page_quiz .quiz_checkanswers_btn {
	background: linear-gradient(352deg, #143C5F, #1A507E, #14416A);	
	border: 2px solid #0A4766;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	width: 100%;
	height: 60px;
	max-width: 530px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#page_footer{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 90px;
	background-color: rgba(255, 255, 255, 0.80);
	overflow: hidden;
}

/* overzicht alle quizzen recent */

#overzicht_quizzen {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
}
#overzicht_quizzen_links, #overzicht_quizzen_midden, #overzicht_quizzen_rechts, .overzicht_quizzen_links, .overzicht_quizzen_midden, .overzicht_quizzen_rechts{
	width: calc((100% / 3) - 20px);
	flex: 1 0 calc((100% / 3) - 20px);
	min-width: 200px;
	margin-left: 10px;
	margin-right: 10px;
}
.overzicht_quizzen_links, .overzicht_quizzen_midden, .overzicht_quizzen_rechts{
	margin-bottom: 40px;
}
#overzicht_quizzen .overzichtTitel {
	margin-top: 10px;
}
#overzicht_quizzen .overzichtTitel a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #3aa1d7;
	display: block;
	word-wrap: break-word;
	padding-left: 6px;
	padding-right: 6px;
}
#overzicht_quizzen .overzichtTitel a:hover, #overzicht_quizzen .overzichtTitel a .hovertouch{
	text-decoration: underline;
}

#overzicht_quizzen .overzichtTitel_collapsed  {
	margin-top: 0px;
}
#overzicht_quizzen .overzichtTitel_collapsed a{
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	background-color: #89C7E8;
	color: #494949;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E6F0F5;
}
#overzicht_quizzen .overzichtTitel_collapsed a:hover, #overzicht_quizzen .overzichtTitel_collapsed a .hovertouch{
	text-decoration: none;
	background-color: #D0E8F5;
}


#overzicht_quizzen .overzichtTekst {

	background-color: #fff;	
	padding-bottom: 10px;
}
#overzicht_quizzen .overzichtTekst .overzichtQuiznamen , #overzicht_quizzen .overzichtTekst .overzichtQuizlink {
	display: block;

	padding-left: 6px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E6F0F5;
	background-color: #D0E8F5;
	
	cursor: pointer;
}
#overzicht_quizzen .overzichtTekst .overzichtQuiznamen a, #overzicht_quizzen .overzichtTekst .overzichtQuizlink a{
	text-decoration: none;
	word-wrap: break-word;
}
#overzicht_quizzen .overzichtTekst .overzichtQuizlink a{
	font-size: 0.8em;
}
#overzicht_quizzen .overzichtTekst .overzichtQuiznamen:hover, #overzicht_quizzen .overzichtTekst .overzichtQuiznamen .hovertouch
, #overzicht_quizzen .overzichtTekst .overzichtQuizlink:hover, #overzicht_quizzen .overzichtTekst .overzichtQuizlink .hovertouch{
	background-color: #89C7E8;
}


/* overview type A */

.overview_typeA  {
	color: #494949;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; /* space-around */
	flex-direction: row;
	/*cursor: pointer;*/
}
.overview_typeA_block a{
	color: #494949;
	text-decoration: none;
}
.overview_typeA_block{
	background-color: #fff3d5;
	min-width: 250px; /* zie ook hieronder regel 'flex' en ook verder in .overview_typeA_footer_actie */ 
	max-width: 350px;
	flex: 0 0 calc(33% - 20px); /* flex-grow  = 0; flex-shrink = 0; flex-basis = 250px */
	margin-bottom: 37px;
	min-height: 353px;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
.overview_typeA_block_figure{
	margin: 0px;
	padding: 0px;
}
.overview_typeA_block_img {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}
.overview_typeA_block_title {
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
.overview_typeA_block_title a{
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	color: #494949;
}
.overview_typeA_block_body{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.overview_typeA_block_footer{
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 15px;

	margin-top:auto; /* helemaal onderaan in container plaatsen */ 
	align-self: flex-end; /* aan de rechtse kant in de container */
}
.overview_typeA_footer_actie {
	background-color: #fff;
	border: 1px solid #989898;
	border-radius: 1px;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #989898;
	display: block;
	max-width: calc(250px - 17px - 17px - 10px - 10px);
}




.overview_typeB {
	color: #494949;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; /* space-around */
	flex-direction: row;
}
.overview_typeB_block {
	background-color: #00cc00;

	margin-top: 26px;
	margin-bottom: 26px;
	background-color: #115f15;
	background: linear-gradient(#448147, #115f15);
	/* hoogte van het blok wordt bepaald door overview_typeB_block_title */
	display: flex;
	flex-direction: column;
	
	min-width: 295px;
	max-width: 100%;
	width: calc(33% - 20px);

	cursor: pointer;
}

/* eerste */
.overview_typeB_block:nth-child(12n+1)
, .overview_typeB_block:nth-child(12n+2)
, .overview_typeB_block:nth-child(12n+3) {
	background-color: #a29d0a;
	background: linear-gradient(#b8b20a, #a29d0a);
	background: linear-gradient(rgba(184, 178, 10, 1), rgba(162, 157, 10, 1));
}
.overview_typeB_block:nth-child(12n+1):hover, .overview_typeB_block:nth-child(12n+1) .hovertouch
, .overview_typeB_block:nth-child(12n+2):hover, .overview_typeB_block:nth-child(12n+2) .hovertouch
, .overview_typeB_block:nth-child(12n+3):hover, .overview_typeB_block:nth-child(12n+3) .hovertouch{
	background: #a29d0a;
}
/* 2de */
.overview_typeB_block:nth-child(12n+4)
, .overview_typeB_block:nth-child(12n+5)
, .overview_typeB_block:nth-child(12n+6) {
	background-color: #117174;
	background: linear-gradient(#148589, #117174);
	background: linear-gradient(rgba(20, 133, 137, 1), rgba(17, 113, 116, 1));
}
.overview_typeB_block:nth-child(12n+4):hover, .overview_typeB_block:nth-child(12n+4) .hovertouch
, .overview_typeB_block:nth-child(12n+5):hover, .overview_typeB_block:nth-child(12n+5) .hovertouch
, .overview_typeB_block:nth-child(12n+6):hover, .overview_typeB_block:nth-child(12n+6) .hovertouch{
	background: #117174;
}
/* 3de */
.overview_typeB_block:nth-child(12n+7) 
, .overview_typeB_block:nth-child(12n+8) 
, .overview_typeB_block:nth-child(12n+9) {
	background-color: #bb680f;
	background: linear-gradient(#d07411, #bb680f);
	background: linear-gradient(rgba(208, 116, 17, 1), rgba(187, 104, 15, 1));
}
.overview_typeB_block:nth-child(12n+7):hover, .overview_typeB_block:nth-child(12n+7) .hovertouch 
, .overview_typeB_block:nth-child(12n+8):hover, .overview_typeB_block:nth-child(12n+8) .hovertouch 
, .overview_typeB_block:nth-child(12n+9):hover, .overview_typeB_block:nth-child(12n+9) .hovertouch {
	background: #bb680f;
}
/* 4de */
.overview_typeB_block:nth-child(12n+10)
, .overview_typeB_block:nth-child(12n+11)
, .overview_typeB_block:nth-child(12n+12){
	background-color: #2f084f;
	background: linear-gradient(#431867, #2f084f);
	background: linear-gradient(rgba(67, 24, 103, 1), rgba(47, 8, 79, 1));
}
.overview_typeB_block:nth-child(12n+10):hover, .overview_typeB_block:nth-child(12n+10) .hovertouch
, .overview_typeB_block:nth-child(12n+11):hover, .overview_typeB_block:nth-child(12n+11) .hovertouch
, .overview_typeB_block:nth-child(12n+12):hover, .overview_typeB_block:nth-child(12n+12) .hovertouch{
	background: #2f084f;
}

.overview_typeB_block_title {
	font-size: 12px;
	color: #2d2d2d;
	font-weight: bold;
	text-align: center;
	
	/*width: 255px;*/ /* 295 - 20 - 20 */
	width: auto;
		
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	
	margin-top: auto; /* om de tekst in het midden te laten starten */
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	padding-top: 25px; /* om de tekst bij de standaard-hoogte-weergave in het midden te krijgen moeten we nog een beetje zakken vanwege de nodige hoogte voor 'speel deze quiz' onderaan in het blok */
	
	font-size: 18px;
	color: #fff;
}
.overview_typeB_block_title a{
	color: #fff;
	text-decoration: none;
}
.overview_typeB_block_action {
	font-size: 10px;
	color: #bdbdbd;
	font-weight: bold;
	text-align: right;
	padding-right: 6px;
	padding-bottom: 5px;
	
	margin-top:auto; /* helemaal onderaan in container plaatsen */ 
	align-self: flex-end; /* aan de rechtse kant in de container */
	
	font-size: 13px;
	color: #474747;
}
.overview_typeB_block_action  a{
	color: #474747;
	text-decoration: none;
}




.overview_typeC {
	color: #494949;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; /* space-around */
	flex-direction: row;
}
.overview_typeC_block {

	/*margin-top: 26px;*/
	margin-bottom: 26px;

	/* hoogte van het blok wordt bepaald door overview_typeC_block_title */
	display: flex;
	flex-direction: column;
	
	/*min-width: 295px;*/
	min-width: 190px;
	max-width: 100%;
	width: calc(33% - 20px);

	cursor: pointer;
	
	background-color: #89c7e8;
	background: linear-gradient(#89c7e8, #89c7e8);
	/*background: linear-gradient(rgba(184, 178, 10, 1), rgba(162, 157, 10, 1));*/

}

.overview_typeC_block{
	background-color: #89c7e8;
	background: linear-gradient(#89c7e8, #89c7e8);
	/*background: linear-gradient(rgba(184, 178, 10, 1), rgba(162, 157, 10, 1));*/
	border: 2px solid #77b2d1;
	border-radius: 2px;
}
.overview_typeC_block:hover, .overview_typeC_block .hovertouch{
	background: linear-gradient(#a2d1ea, #89c7e8);
}
.overview_typeC_block a:visited{
	color: #7A0099;
}

.overview_typeC_block_title {
	/*font-size: 12px;*/
	color: #011723;
	font-weight: bold;
	text-align: center;
	
	/*width: 255px;*/ /* 295 - 20 - 20 */
	width: auto;
		
	margin-left: 20px;
	margin-right: 20px;
	/*margin-bottom: 10px;*/ /* niet nodig zolang overview_typeC_block_action leeg is */
	
	margin-top: auto; /* om de tekst in het midden te laten starten */
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	/* volgende niet nodig zoalng overview_typeC_block_action leeg is */
	/* padding-top: 25px; */ /* om de tekst bij de standaard-hoogte-weergave in het midden te krijgen moeten we nog een beetje zakken vanwege de nodige hoogte voor '10 quizvragen' onderaan in het blok */
	padding-top: 15px;
	
	padding-top: 25px; /* 15 + 10 */
	padding-bottom: 10px; /* 10 */
	
	
	/*font-size: 18px;*/
	font-size: 14px;
	color: #fff;
}
.overview_typeC_block_title a{
	color: #011723;
	font-weight: normal;
	text-decoration: none;
}
.overview_typeC_block_action {
	color: #1d729e;
	font-weight: normal;
	text-align: right;
	padding-right: 6px;
	padding-bottom: 5px;
	
	margin-top:auto; /* helemaal onderaan in container plaatsen */ 
	align-self: flex-end; /* aan de rechtse kant in de container */
	
	font-size: 10px;
	
	/*display: none;*/ /* uitgeschakeld */

}
.overview_typeC_block_action  a{
	color: #1d729e;
	text-decoration: none;
}







/* RCLM */
.rclm_typeA{
	color: #000;
}
.rclm_typeA_titel{
	padding-left: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #AD001E;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
}

.rclm_typeA_content_bg1{
	background: rgb(221,185,103);
	background: linear-gradient(-59deg, rgba(221,185,103,1) 0%, rgba(240,225,156,1) 50%, rgba(221,185,103,1) 100%);
}
.rclm_typeA_content_bg2{
	/*background-image: url('background_1.png');
	background-repeat: no-repeat;
	background-position: top 0px left 0px;*/
	/*background-image: url('/quiznetlay3/rclm_background_2.png');
	background-repeat: no-repeat;
	background-position: top 0px left 0px;
	background-size: 100px 100px;*/
}
.rclm_typeA_content_bg3{
	/*background-image: url('/quiznetlay3/rclm_background_2.png');
	background-repeat: no-repeat;
	background-position: bottom 10px right 20px;*/
}

.rclm_typeA_content {
	/*padding-left: 127px;*/
	padding-left: 27px;
}


.rclm_typeA_content_tekst {
	padding-top: 26px;
	padding-right: 20px;
}

.rclm_typeA_lnkblokken {
	padding-left: 27px; /* margin-left: 27px; */
	/*max-width: 800px;*/
	display: flex;
	flex-wrap: no-wrap;/*flex-wrap: wrap;*/
	overflow-x:scroll;
	justify-content: flex-start;
	flex-direction: row;
	/*padding-bottom: 36px;*/
}
.rclm_typeA_lnkblok {
	flex-direction: column;
	/*min-width: 155px;
	max-width: 100%;
	width: calc(20% - 34px);*/
	min-width: 300px; /* 280 */
	width: 300px; /* 170 */
	margin-top: 26px;
}
.rclm_typeA_lnkblok_titel {
	font-weight: bold;
	margin-bottom: 6px;
	background-color: #AD001E;
	color: #fff;
	padding-left: 6px;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	margin-right: 10px;
}
.rclm_typeA_lnkblok_lnks {
	padding-right: 10px;
}
.rclm_typeA_lnkblok_lnks a {
	display: block;
	/*margin-left: 16px;*/
	padding-left: 6px;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 7px;
	/*overflow: hidden;*/
	/*height: 16px;*/
	margin-top: 10px;
	margin-bottom: 5px;
	border: 1px solid rgba(255,255,255,0.5);
	border-left: 6px solid rgba(255,255,255,0.5);
	font-weight: bold;
}
.rclm_typeA_lnkblok_lnks a:hover, .rclm_typeA_lnkblok_lnks .hovertouch {
	background-color: rgba(255,255,255,0.5);
	transition-duration: 2s;
}
.rclm_typeA_lnkblok_lnks  .rclm_typeA_lnkblok_lnks_0{
	color: #be58cd;
}
.rclm_typeA_lnkblok_lnks  .rclm_typeA_lnkblok_lnks_1 {
	color: #3e4696;
}
.rclm_typeA_lnkblok_lnks  .rclm_typeA_lnkblok_lnks_2 {
	color: #40a778;
}
.rclm_typeA_lnkblok_lnks  .rclm_typeA_lnkblok_lnks_3 {
	color: #b76b2d;
}





#page_search_quiz{
	color: #444444;
	text-align: center;
}
#page_search_quiz a{
	color: #444444;
	text-decoration: none; 
}
#page_search_quiz h1{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
#page_search_quiz input {
	background-color: #134169;
	background: linear-gradient(97deg, #1a507f, #134169); /* 352 */
	border: 1px solid #134169;
	border-radius: 8px;
	font-size: 20px;
	letter-spacing: 0.7px;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 14px;
	padding-right: 14px;
}
#page_search_quiz input::placeholder {
	color: #9DCAE3; /* 4e85a4 */
}
#page_search_quiz input{
	color: #fff;
}
#page_search_quiz  input[type="text"] {
	padding-left: 10px;
	padding-right: 10px;
	width: calc(100% - 10px - 10px);
	max-width: 394px;
}
#page_search_quiz div {
	margin-top: 25px;
	font-size: 12px;
}

#website_aside_footer {
	border-bottom: 3px solid #3aa1d7;	
}
#website_aside_footer_title{
	border-top: 3px solid #3aa1d7;
	border-bottom: 3px solid #3aa1d7;
	background-color: #fff;
	font-weight: bold;
	color: #383838;
	font-size: 20px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#website_aside_footer .website_aside_footer_content {
	height: 242px;
	background-image: url('footer_aside_backgroundadv.png');
	background-position: center center;
}	


#website_footer {
	background-color: #fff;
	padding-top: 56px;
}
#website_footer_afbeeldingenenbronnen {
	background-color: #424242;
	padding-left: 68px;
	padding-right: 68px;
	padding-top: 36px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #fff;
}
#website_footer_afbeeldingenenbronnen #website_footer_afbeeldingenenbronnen_title{
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#website_footer_afbeeldingenenbronnen #website_footer_afbeeldingenenbronnen_text{
	padding-top: 15px;
	padding-bottom: 20px;
}
.overview_afbeeldingenenbronnen {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.overview_afbeeldingenenbronnen  .overview_afbeeldingenenbronnen_block   {
	width: 50%;
	font-size: 10px;
	
	margin-bottom: 30px;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.overview_afbeeldingenenbronnen  .overview_afbeeldingenenbronnen_block   a{
	text-decodration: underline;
	color: #fff;
}
.overview_afbeeldingenenbronnen  .overview_afbeeldingenenbronnen_block .overview_afbeeldingenenbronnen_block_image {
	width: 100px;
	margin-right: 26px;
}
.overview_afbeeldingenenbronnen .overview_afbeeldingenenbronnen_block  .overview_afbeeldingenenbronnen_block_tekst {
	padding-right: 10px;
}

#spacer_body_bottom {
	height: 100px; /* om de fixed over de tekst die onderaan de pagina op mobiel staat de ruimte te geven om niet te overlappen met de content wanneer men tot helemaal onderaan de pagina gescrolt is */
	background-color: #222222;
}

/* default verbergen we alle extra ruimtes, geen display none maar wel een width en height op auto zodat deze alleen getoond worden als er iets in zit */
#all_left, #page_outer_left, #page_content_left, #page_content_right, #page_outer_right, #all_right{
	/*background-color: inherit;*/
	width: auto;
	height: auto;
}

/* RESPONSIVE */
	
/* 

	@media only screen and (max-width: 900px) 
	
	only --> wordt enkel herkend door nieuwe browsers. De oude browser haken hier af en zullen de css niet uitvoeren. Dit is de bedoeling, omdat oude browsers anders de CSS gewoon uitvoeren ongeacht de schermresolutie, want zij kunnen niet overweg met "(max-width: 900px)".
	
	screen --> alleen schermen (niet printers)
	
	max-width: 900px --> schermen met een screenresolutie dat niet groter is dan 900px. Dus voor alle schermen van 0px tot 900px wordt dit uitgevoerd.
	
	1. @media only screen and (max-width: 900px) 
	2. @media only screen and (max-width: 750px)
	3. @media only screen and (max-width: 550px) 
	
	Schermresolutie 1024 --> geen van deze wordt uitgevoerd
	Schermresolutie 700 --> 1 wordt uitgevoerd
	Schermresolutie 600 --> 1 en 2 worden in volgorde uitgevoerd
	Schermresolutie 550 --> 1, 2 en 3 worden in volgorde uitgevoerd
 */ 
 
@media only screen {
	/* we kiezen voor een vaste breedte om mee te beginnen, media-tags worden ondersteund eventueel kunnen we dus een veel bredere versie nemen om mee te starten */
	
	#all_center{
		width: 100%;
		max-width: 1400px; /* grootte van de achtergrond afbeelding*/
	}
	#page_inner {
		max-width: 1025px;
		width: calc(100% - 150px - 150px);
		margin-left: auto;
		margin-right: auto;
	}
	#page_content_center {
		max-width: 720px;
		width: 100%;
	}
	
	#website_header_mastermenu{
		height: 100px;
	}
	#website_header_mastermenu_logo{
		width: 200px;
		margin-left: 30px;
		background-size: auto auto;
		background-position: left center;
	}
	.website_header_mastermenu_nav{
		margin-right: 30px;
	}
	
}
@media only screen and (max-width: 1300px) {
	/* 2 blokken type B naast elkaar */
	.overview_typeB_block {
		min-width: 295px;
		max-width: 100%;
		width: calc(50% - 20px);
	}
	/* ook kleur per 2 blokken op een rij */

	/* eerste */
	.overview_typeB_block:nth-child(8n+1)
	, .overview_typeB_block:nth-child(8n+2) {
		background-color: #a29d0a;
		background: linear-gradient(#b8b20a, #a29d0a);
		background: linear-gradient(rgba(184, 178, 10, 1), rgba(162, 157, 10, 1));
	}
	.overview_typeB_block:nth-child(8n+1):hover, .overview_typeB_block:nth-child(8n+1) .hovertouch
	, .overview_typeB_block:nth-child(8n+2):hover, .overview_typeB_block:nth-child(8n+2) .hovertouch{
		background: #a29d0a;
	}
	/* 2de */
	.overview_typeB_block:nth-child(8n+3)
	, .overview_typeB_block:nth-child(8n+4) {
		background-color: #117174;
		background: linear-gradient(#148589, #117174);
		background: linear-gradient(rgba(20, 133, 137, 1), rgba(17, 113, 116, 1));
	}
	.overview_typeB_block:nth-child(8n+3):hover, .overview_typeB_block:nth-child(8n+3) .hovertouch
	, .overview_typeB_block:nth-child(8n+4):hover, .overview_typeB_block:nth-child(8n+4) .hovertouch{
		background: #117174;
	}
	/* 3de */
	.overview_typeB_block:nth-child(8n+5) 
	, .overview_typeB_block:nth-child(8n+6) {
		background-color: #bb680f;
		background: linear-gradient(#d07411, #bb680f);
		background: linear-gradient(rgba(208, 116, 17, 1), rgba(187, 104, 15, 1));
	}
	.overview_typeB_block:nth-child(8n+5):hover, .overview_typeB_block:nth-child(8n+5) .hovertouch 
	, .overview_typeB_block:nth-child(8n+6):hover, .overview_typeB_block:nth-child(8n+6) .hovertouch {
		background: #bb680f;
	}
	/* 4de */
	.overview_typeB_block:nth-child(8n+7)
	, .overview_typeB_block:nth-child(8n+8){
		background-color: #2f084f;
		background: linear-gradient(#431867, #2f084f);
		background: linear-gradient(rgba(67, 24, 103, 1), rgba(47, 8, 79, 1));
	}
	.overview_typeB_block:nth-child(8n+7):hover, .overview_typeB_block:nth-child(8n+7) .hovertouch
	, .overview_typeB_block:nth-child(8n+8):hover, .overview_typeB_block:nth-child(8n+8) .hovertouch{
		background: #2f084f;
	}
	
	
	/* 2 blokken type C naast elkaar */
	.overview_typeC_block {
		min-width: 295px;
		max-width: 100%;
		width: calc(50% - 20px);
	}
}
@media only screen and (max-width: 1240px) {
	/* Standaard heeft de website een vaste breedte, indien de schermresolute niet breder is dan ...px dan nemen we de breedte van het scherm over (auto) */
	#page_inner {
		max-width: 900px;
		width: calc(100% - 10px - 10px);
	}
}

@media only screen and (max-width: 1080px) {	
	#website_header_mastermenu{
		height: 76px;
	}
	#website_header_mastermenu_logo{
		width: 150px;
		background-size: 100% auto;
		background-position: center center;
	}
	.website_header_mastermenu_nav ul li{
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 950px) {	
	/* dit is de kleinste weergave die gebruikt kan worden voor in het beheersysteem / maak quizzen */
	#page_inner {
			width: 720px;
	}
	.overview_typeA_block{
		min-width: 250px; /* zie ook hieronder regel 'flex' en ook verder in .overview_typeA_footer_actie */ 
		max-width: 350px;
		flex: 0 0 calc(50% - 20px); /* flex-grow  = 0; flex-shrink = 0; flex-basis = 250px */
	}
	.overview_afbeeldingenenbronnen .overview_afbeeldingenenbronnen_block{
		width: 100%;
	}
}

@media only screen and (max-width: 950px) {	
	#website_header_mastermenu_logo{
		margin-left: 15px;
	}
	.website_header_mastermenu_nav{
		margin-right: 15px;
	}
	#website_header_searchlogin_search{
		padding-left: 15px;
	}
	#website_header_searchlogin_login{
		padding-right: 15px;
	}
	.website_header_mastermenu_nav{
		margin-left: 10px;
	}
}
@media only screen and (max-width: 910px) {	/* van 880 naar 910 vanwege meer items in menu */
	#website_header_disclaimer{
		background-color: #333;
		color: #aaa;
		
		/* altijd onderaan */
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 999;
		width: 100%;
	}
	
	#website_header_collapsedmenubar{
		/* zichtbaar maken van de collapsedmenubar */
		display: block;
			
		/* collapsed menu altijd bovenaan */
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
	}
	
	#website_header_collapsedmenubar_spacer{
		/* spacer zichtbaar maken zodat de hoogte niet versprint tgv het fixed maken van website_header_collapsedmenubar_bar, deze spacer zal onder website_header_collapsedmenubar_bar komen welke in de position fixed van website_header_collapsedmenubar zit  */
		display: block;
	}


		#website_header_searchlogin {
			display: block;
			padding-left: 15px;
			padding-right: 15px; 
			
			display: none; /* toggle via menu-button in header bar */
		}
		#website_header_searchlogin_search {
			padding: 0px;
		}
		#website_header_searchlogin_search input[type="text"] {
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 3px;
			padding-bottom: 4px;
			max-width: calc(100% - 10px - 10px - 1px - 1px);
			width: 100%;
		}
		#website_header_searchlogin_search input{
			max-width: 100%;
			width: 100%;
		}
		
		#website_header_searchlogin_login {
			margin-top: 15px;
			padding: 0px;
		}
		#website_header_searchlogin_login form{
			display: flex;
			justify-content: space-between;
			flex-direction: row;
			flew-wrap: wrap;
		}
		#website_header_searchlogin_login form input{
			width: calc(25% - 10px);
			max-width: 100%;
		}
	
	#website_header_mastermenu{
		height: auto;
		display: block;
		overflow: hidden;
		padding-left: 15px;
		padding-right: 15px;
	}
	#website_header_mastermenu_logo{
		display: none; 
		/*
			vergroot en gecentreerd weergeve, geblokkeerd vanwege de header balk met logo in
		width: 100%;
		max-width: 600px;
		height: calc((50/210)* 100vw + 1px); -----100vw = current view width
		background-size: 100% auto;
		background-position: center center;
		margin-top: 15px;
		margin-left: auto;
		margin-right: auto;
		*/
	}
	#website_header_mastermenu_nav{
			display: none; /* kan terug weergegeven worden met de menu-button, komt dan in #website_header_collapsedmenubar_collapse_menu_nav */
	}
	.website_header_mastermenu_nav{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.website_header_mastermenu_nav ul{
		justify-content: center;
		flex-wrap: wrap;
	}
	.website_header_mastermenu_nav ul li{
		padding-top: 15px;
		padding-bottom: 15px;
	}	
}
@media only screen and (max-width: 740px) {	
	#page_inner {
		width: 100%;
	}
}
@media only screen and (max-width: 730px) {	
	.website_header_mastermenu_nav ul li{
		padding-left: 3px;
		padding-right: 3px;
		width: calc(33% - 3px - 3px);
		text-align: center;
	}
	
}
@media only screen and (max-width: 670px) {	
	.overview_typeB {
		justify-content: space-around;
	}
	/* 1 blok per rij */
	.overview_typeB_block {
		min-width: 295px;
		max-width: 350px;
		width: 100%;
		margin-bottom: 20px;
		margin-top: 0px;
	}

	/* ook kleur aan 1 blok op een rij */

	/* eerste */
	.overview_typeB_block:nth-child(4n+1) {
		background-color: #a29d0a;
		background: linear-gradient(#b8b20a, #a29d0a);
		background: linear-gradient(rgba(184, 178, 10, 1), rgba(162, 157, 10, 1));
	}
	.overview_typeB_block:nth-child(4n+1):hover, .overview_typeB_block:nth-child(4n+1) .hovertouch{
		background: #a29d0a;
	}
	/* 2de */
	.overview_typeB_block:nth-child(4n+2) {
		background-color: #117174;
		background: linear-gradient(#148589, #117174);
		background: linear-gradient(rgba(20, 133, 137, 1), rgba(17, 113, 116, 1));
	}
	.overview_typeB_block:nth-child(4n+2):hover, .overview_typeB_block:nth-child(4n+2) .hovertouch{
		background: #117174;
	}
	/* 3de */
	.overview_typeB_block:nth-child(4n+3) {
		background-color: #bb680f;
		background: linear-gradient(#d07411, #bb680f);
		background: linear-gradient(rgba(208, 116, 17, 1), rgba(187, 104, 15, 1));
	}
	.overview_typeB_block:nth-child(4n+3):hover, .overview_typeB_block:nth-child(4n+3) .hovertouch {
		background: #bb680f;
	}
	/* 4de */
	.overview_typeB_block:nth-child(4n+4){
		background-color: #2f084f;
		background: linear-gradient(#431867, #2f084f);
		background: linear-gradient(rgba(67, 24, 103, 1), rgba(47, 8, 79, 1));
	}
	.overview_typeB_block:nth-child(4n+4):hover, .overview_typeB_block:nth-child(4n+4) .hovertouch{
		background: #2f084f;
	}
	
	
	.overview_typeC{
		justify-content: space-around;
	}
	/* 1 blok per rij */
	.overview_typeC_block {
		min-width: 295px;
		max-width: 350px;
		width: 100%;
		margin-bottom: 20px;
		margin-top: 0px;
	}
}
@media only screen and (max-width: 670px) {	
	#page_quiz .quiz_question{
		margin-left: 0px;
		margin-right: 0px;
	}
	#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer{
		margin-bottom: 10px;
	}

}
@media only screen and (max-width: 640px) {
	#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer{
		width: auto;
		flex-grow: 1;
		flex-basis: 200px; /* ipv 260, beetje kleiner toestaan */
		min-width: 200px; /* ipv 260, beetje kleiner toestaan */
	}
	#page_quiz .quiz_question .quiz_question_answers {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#website_footer_afbeeldingenenbronnen {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media only screen and (max-width: 560px) {
	#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer{
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		flex-basis: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.overview_typeA  {
		justify-content: space-around;
	}
	.overview_typeA_block{
		min-width: 250px; /* zie ook hieronder regel 'flex' en ook verder in .overview_typeA_footer_actie */ 
		max-width: 350px;
		flex: 0 0 100%; /* flex-grow  = 0; flex-shrink = 0; flex-basis = 250px */
	}
	
	.overview_typeB {
		justify-content: space-around;
	}
	
	.overview_typeC {
		justify-content: space-around;
	}
	
	#page_search_quiz input[type="text"] {
		max-width: calc(100% - 130px);
	}
	
}
@media only screen and (max-width: 480px) {	
	#website_header_disclaimer {
		display: block;
	}
	#website_header_disclaimer_left {
		width: auto;
	}
	#website_header_disclaimer_right {
		width: auto;
		text-align: left;
		margin-top: 15px;
		margin-left: 60px;
	}
	#website_header_collapsedmenubar_bar_emptyicon {
		display: none;
	}
	.website_header_mastermenu_nav ul li{
		padding-left: 3px;
		padding-right: 3px;
		width: calc(50% - 3px - 3px);
	}
	

	#collapsedmenubar_search, #collapsedmenubar_login, #collapsedmenubar_choise {
		padding-top: 100px;
	}
	#collapsedmenubar_search_title, #collapsedmenubar_login_title, #collapsedmenubar_choise_title  {
		font-size:30px;
		margin-bottom: 50px;
	}

	
}

/* OPGELET: max HEIGHT */
@media only screen and (max-height: 550px) {	
	/*afstand tot de bovenkant verkleinen, belangrijk voor als scherm dwars ligt en dus niet zo hoog is */
	#collapsedmenubar_search, #collapsedmenubar_login, #collapsedmenubar_choise {
		padding-top: 80px;
	}
	#collapsedmenubar_login, #collapsedmenubar_choise{
		padding-top: 30px;
	}
	#collapsedmenubar_login_title, #collapsedmenubar_choise_title {
		margin-bottom: 20px;
	}
	#collapsedmenubar_login_form #collapsedmenubar_login_form_register {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 400px) {	
	/* weghalen op de gewone standaard smartphone formaat, wel tonen op het grotere plus formaat */
	#website_header_popquizbar {
		display: none;
	}
	#page_header{
		display: none;
	}
}

@media only screen and (max-width: 360px) {	
	#website_header_collapsedmenubar_bar_logoicon {
		background-size: 100% auto; /* calc(100% - 20px);*/
	}
		
	.website_header_collapsedmenubar_bar_iconsmall {
		background-size: 20px auto; /* calc(100% - 20px);*/
	}
}

@media only screen and (max-width: 350px) {	
	
	#collapsedmenubar_quiz_content .collapsedmenubar_quiz_content_categoryquizzes ul li {
		margin-left: 5px;
		margin-right: 5px;
	}



}


@media only screen and (max-width: 330px) {	
	body, #all, #website_header_collapsedmenubar, #website_header_disclaimer {
		min-width: 318px; /* we gaan niet kleiner dan 318px; 10% van de smartphones werkt op 320px */
		
		/* we stellen deze ook in voor de fixed elemnten: website_header_collapsedmenubar en website_header_disclaimer */
	}
	
	.website_header_collapsedmenubar_bar_iconsmall {
		background-size: 15px auto; /* calc(100% - 20px);*/
	}

}

/*
*
* Wijzigingen ikv adv ruimte
*
*/
@media only screen {

	#page_aside  {
		display: block;
		padding-top: 30px;
	}
	.page_aside_adv{
		display: inline-block;
	}


	.page_header_aside{
		margin-top: 20px;
	}
	.page_header_aside_adv {
		display: block;
	}

	#page_content_left {
		/* gangbare formaten: 300; 160; 120 */
		/* overige formaten: 336; 300; 250, 200, 180; 125 */
		
		/* uitgeschakeld, momenteel staan er 3 ADV blokken in de quiz!! */
		/*max-width: 336px;*/
		/*width: 100%;	*/
	}
	#page_content_right {
		/* gangbare formaten: 300; 160; 120 */
		/* overige formaten: 336; 300; 250, 200, 180; 125 */
		padding-top: 44px;
		max-width: 160px; /* 336 aangepast naar 160 omdat er op 336 enkel een vierkand blokje en geen (brede) skycraper komt, op 160 komt skycraper */
		width: 100%;
	}
	.page_content_right_adv_cb {
		display: block;
		background-color: rgba(255, 187, 0, 0.5);
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.page_content_right_adv_cb  a{
		display: block;
		color: #aa0000;
		padding-top: 4px;
		padding-bottom: 4px;
		margin: 0px;
	}
	.page_content_right_adv {
		/* enkel op niet-mobiel */
		display: block;
	}
	.quiz_question_adv{
		/* enkel op mobiel */
		display: none;
	}
}
@media only screen and (max-width: 1290px) {	

	#page_aside {
		text-align: center;
	}
	.page_aside_adv{
		display: inline-block;
	}
	
	
	.page_header_aside{
		margin-top: 20px;
	}
	.page_header_aside_adv {
		display: block;
	}
	#page_content_left {
		/* gangbare formaten: 300; 160; 120 */
		/* overige formaten: 336; 300; 250, 200, 180; 125 */
		
		/* uitgeschakeld, momenteel staan er 3 ADV blokken in de quiz!! */
		/*max-width: 160px;*/
		/*width: 100%;	*/
	}
	#page_content_right {
		/* gangbare formaten: 300; 160; 120 */
		/* overige formaten: 336; 300; 250, 200, 180; 125 */

		max-width: 160px;
		width: 100%;
	}
	.page_content_right_adv_cb {
		display: block;
	}
	.page_content_right_adv {
		/* enkel op niet-mobiel */
		display: block;
	}
	.quiz_question_adv{
		/* enkel op mobiel */
		display: none;
	}
}

@media only screen and (max-width: 980px) {
	#page_aside {
		padding-top: 0px;
	}
	.page_aside_adv{
		display: none;
	}
}

@media only screen and (max-width: 640px) {
	.page_header_aside{
		/*
		margin: 0px;
		height: auto;
		width: auto;
		*/
	}
	.page_header_aside_adv {
		display: block;
	}
	#page_content_right {
		width: auto;
	}
	.page_content_right_adv_cb {
		display: none;
	}
	.page_content_right_adv {
		/* enkel op niet-mobiel */
		display: none;
	}
	.quiz_question_adv{
		/* enkel op mobiel */
		display: block;
	}
}

/*
*
* THEMA AFWIJKENDE KLEUREN
*
*
* ===> Best .css door PHP laten aanleveren en de kleuren per thema door PHP laten invullen met variabelen!!
*
*/

/* ACHTERGRONDKLEUR VAN DE HEADER */

#website_header {
    background-color: #9dcbe8;
}

/* achtergrond mastermenu */
#website_header_mastermenu {
    background-color: rgba(255, 255, 255, 0.8);
}

/* selected item mastermenu */
.website_header_mastermenu_nav ul .selected a, .website_header_mastermenu_nav ul a:hover, .website_header_mastermenu_nav ul a .hovertouch {
    border-bottom: 2px solid #00c0ff;
}

/* achtergrond popquizbar */
#website_header_popquizbar {
    background-color: rgba(255, 255, 255, 0.8);
}

/* popquizbar item */

.overview_typeX_block {
    background-color: #115f15;
    background: linear-gradient(#448147, #115f15);
}
.overview_typeX_block .overview_typeX_block_title {
    color: #2d2d2d;
}
.overview_typeX_block .overview_typeX_block_action a {
    color: #bdbdbd;
}

/* ACHTERGRONDAFBEELDING VAN DE PAGINA */

#page_bg {
    background-color: #ffffff;
    background-image: url('background.jpg');
    background-repeat: no-repeat;
}

/* ANTWOORDEN VAN QUIZVRAGEN */

#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer {
	/* default kleuren */
	/* achtergrondkleur blauw */
	color: #fff;
	text-shadow: none;
	background-color: #2c51ae;
	background: linear-gradient(352deg, #05105f, #2c51ae, #2c51ae);
}
#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer__notselected{
	/* kleuren indien vraag beantwoord maar dit antwoord niet geselecteerd werd */
	/* achtergrondkleur bruin */
	color: rgba(255, 255, 255, 0.2);
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	background-color: #a85f09;
	background: linear-gradient(352deg, #5f4005, #a85f09, #a85f09);
}
#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer__selected{
	/* kleuren indien vraag beantwoord maar dit antwoord geselecteerd werd */
	/* achtergrondkleur blauw */
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	background-color: #2c51ae;
	background: linear-gradient(352deg, #05105f, #2c51ae, #2c51ae);
}
#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer__correctanswer{
	/* kleuren indien dit het correcte antwoord is */
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	background-color: #2c51ae;
	background: linear-gradient(352deg, #00FF26, #068A19, #068A19);	
}
#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer__wronganswer{
	/* kleuren indien het gekozen antwoord foutief is */
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	background-color: #2c51ae;
	background: linear-gradient(352deg, #FF0000, #8A0606, #8A0606);	
}

#page_quiz .quiz_question .quiz_question_answers .quiz_question_answer__noanswer{
	/* kleuren indien het gekozen antwoord foutief is */
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	background-color: #2c51ae;
	background: linear-gradient(352deg, #a85f09, #5f4005, #5f4005);
}
/* KLEUREN VAN DE quiz-overview-blokken --> best met PHP doen! */