@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
* {
	box-sizing: border-box;
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	word-break: normal;
	hyphens: auto;
	max-width: 100%;
}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url("../img/bg_header.png");
	background-repeat: repeat-x;
}
.icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.container {
	width: 90%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.container2 {
	width: 100%;
	border-bottom-width: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.row {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline-block;
	clear: both;
}
.column_half {
	width: 50%;
	float: left;
	margin-top: 0px;
}
.columns {
	width: 25%;
	float: left;
	color: #A5A5A5;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	min-height: 190px;
}
.primary_header {
	width: 100%;
	background-color: #03344B;
	padding-top: 10px;
	padding-left: 100px;
	padding-right: 100px;
	clear: left;
	border-bottom: 0px solid #2C9AB7;
	position: relative;
	height: 60px;
	top: 0px;
	left: 0px;
}
#btn_platform {
	position: absolute;
	top: 9px;
	left: 100px;
	width: 157px;
	height: 51px;
	background-color: #EBF3F7;
	border-radius: 6px 6px 0px 0px;
	opacity: 1;
	font: normal 14px;
	line-height: 28px;
	color: #03344B;
	text-align: center;
	padding-top: 16px;
	font-weight: 700;
}
#btn_academie {
	position: absolute;
	top: 9px;
	left: 263px;
	width: 117px;
	height: 51px;
	background-color: #329A8C;
	border-radius: 6px 6px 0px 0px;
	opacity: 1;
	font: normal 14px;
	line-height: 28px;
	color: #ffffff;
	text-align: center;
	padding-top: 16px;
	font-weight: 700;
}
#btn_academie a {
	color: #fff;
	text-decoration: none;
}
#site_menu {
	position:absolute;
	top:13px;
	height: 34px;
	right:100px;
    width: 455px;
    display: block;
	text-align: right;
}
#site_menu a.site, .site_sel {
	font-weight:400;
	font-size:13px;
	display:inline-block;
	position: relative;
	height: 34px;
	padding:7px;
	margin-left:10px;
	text-decoration:none;
	color:#fff;
	border-radius:5px;
    border:1px solid #245166;	
	background-color:#245166;
}
#site_menu a.site:hover, .site_sel {
	color:#245166;
	border-radius:5px;
    border:1px solid #83abba;	
	background-color:#83abba;
}
.secondary_header {
	width: 100%;
	position: relative;
	display: block;
	height: auto;
	clear: left;
}
#secondary_header_container {
	display: block;
	width: 82%;
	float: left;
	background-color: #EBF3F7;
	border-radius: 0px;
}
#logohome {
	float: left;
	padding-left: 8.13%;
	padding-top: 30px;
	background-color: #EBF3F7;
	display: block;
	position: relative;
	width: 27.84%;
	min-width: 303px;
	height: 85px;
}
.nav-trigger {
	display:none;
	z-index: 1200;
}
#main_menu {
	position: relative;
	display: block;
	float: right;
	background-color: #EBF3F7;
	width: 375px;
	max-width: 100%;
	height: 85px;
	padding-left: 0px;
	padding-top: 30px;
}
#inlog_btn {
	position: relative;
	top: 33px;
	right: 4%;
	display: block;
	float: right;
	border: 1px solid #329A8C;
	border-radius: 4px;
	width: 125px;
	height: 48px;
	color: #329A8C;
	background-color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
}
#right_menu {
	float: right;
	position: relative;
	display: block;
	padding-right: 63px;
	width: 375px;
	right: 0px;
	top: 17px;
}
#right_menu a {
	text-decoration: none;
	font-weight: 700;
	color: #232532;
	padding-left: 30px;
}
#sub_main_menu {
	position: relative;
	display: block;
	float: left;
	background-color: #EBF3F7;
	width: 1319px;
	max-width: 100%;
	height: 205px;
	padding-left: 100px;
	padding-top: 30px;
	border-radius: 0px 0px 40px 0px;
}
#sub_main_menu_overzicht, #sub_main_menu_overzicht_home {
	position: relative;
	display: block;
	float: left;
	background-color: #EBF3F7;
	width: 82%;
	height: 600px;
	padding-left: 14.8%;
	padding-top: 125px;
	border-radius: 0px 0px 40px 0px;
}

#secondary_header_container #zoekvakboven, #sub_main_menu_overzicht #zoekvakboven {
	position: relative;
	display: block;
	width: 83%;
	background-color: #ffffff;
	border-radius: 5px;
	height: 70px;
	margin: 38px auto 97px 0px;
	clear: both;
}
#sub_main_menu_overzicht #zoekvakboven {
	float: left;
	margin-top: 35px;
	margin-bottom: 46px;
	}
#sub_main_menu #zoekvakboven {
	margin-top: 0px;
}
#secondary_header_container .zoekvakboveninvoer, #sub_main_menu_overzicht .zoekvakboveninvoer {
	border: none;
	position: relative;
	top: 24px;
	left: 79px;
	width: 65%;
}
#secondary_header_container .zoek_btn, #sub_main_menu_overzicht .zoek_btn {
	width: 135px;
	height: 48px;
	background-color: #329A8C;
	border-radius: 6px;	
	border-color:  #329A8C;
	color: #ffffff;
	font-weight: 700;
	position: relative;
	float: right;
	right: 11px;
	top: 10px;
}
.zoekicon {
	position: absolute;
	left: 35px;
	top: 24px;
	color: #329A8C;
	font-size: 24px;
}
#intro_overzicht {
	position: relative;
	display: block;
	top: 0px;
	width: 60%;
	padding-top: 0px;
	font-size: 14px;
	line-height: 22px;
	color: #333333;
}
#hoofdfoto_overzicht {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 468px;
	height: 500px;
	top: 40px;
	left: 78.24%;
	border-radius: 4px 20px 20px 20px;
	background-color: #00619c;
	background-repeat: no-repeat;
}

#tussenstrook {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding-top: 23px;
	padding-left: 220px;
        padding-bottom: 20px;
	height: 70px;
	color: #626980;
	font-size: 16px;
	border-bottom: #E0E0E0 1px solid;
	clear: all;
}
.titel_pagina {
	width: 78%;
	height: 218px;
	margin-left: 0px;
	margin-right: 221px;
	padding-top: 30px;
	padding-left: 5px;
	clear: both;
	float: none;
	display: block;
	position: relative;
	border-bottom: #E0E0E0 1px solid;
}
.titel_pagina h1 {
	font-size: 40px;
	line-height: 48px;
	color: #1F3963;
}
#dossiericon {
	display: block;
	float: left;
	height: 53px;
	width:53px;
	background-color: #00619C;
	border-radius: 10px;
	margin-right: 17px;
}
#dossiericon i {
	color: #fff;
	padding-left: 12px;
	padding-top: 12px;
	font-size: 28px;
}
#intro_titel {
	font-size: 50px;
	font-weight: bold;
	color: #333333;
	display: block;
	position: relative;
	width: 536px;
	margin-bottom: 35px;
}
#content {
	position: relative;
	display: block;
	max-width: 1280px;
}
.left_article {
	background-color: #FFFFFF;
	width: 655px;
	float: left;
	color: #343434;
	padding: 15px 29px 0px 5px;
	clear: left;
	margin: 0 auto;
}
.left_article h1 {
	font-size: 40px;
	line-height: 48px;
	color: #1F3963;
}

.left_article h3 {
	font-size: 20px;
	line-height: 24px;
        margin-bottom: -10px;
}
.left_article h2 {
	font-size: 24px;
	line-height: 28px;
        font-weight: 700;
        font-style: italic;
        margin-bottom: 0px;
        margin-top: 29px;
}
.left_article h2 strong {
	font-size: 24px;
	line-height: 28px;
        font-weight: 700;
        font-style: italic;
}
.left_article h4 {
        display: block;
        position: relative;
        width: 100%;
        padding: 15px 40px 15px 40px;
	font-size: 16px;
	line-height: 22px;
        font-weight: 700;
        font-style: italic;
	color: #00619C;
}
h4::before {
  font: var(--fa-font-solid);
  content: '\f10d';
  font-size: 20px;
}
.left_article a {
	text-decoration: underline;
	color: #00619C;
}
.left_article a:hover,  .left_article a:active {
	text-decoration: none;
}
.left_article a img {
    display: block;
    position: relative;
    border-radius: 10px;
}

.left_article .auteur {
	width:100%;
	border-top: #E0E0E0 1px solid;
	padding-top: 15px;
	position: relative;
	display: block;
	min-height: 83px;
}
.left_article .auteur #icoonauteur {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	height: 55px;
	width: 55px;
	background-size: cover;
	border-radius: 10px;
	margin-right: 17px;
}
.left_article .auteur p {
    margin-top: 9px;
    margin-bottom: 9px;
}
.left_article .auteur a {
	text-decoration: none;
	color: #333333;
}
.apa-trigger {
	position:relative;
	top:0px;
	display: none;
	clip:rect(2, 2, 2, 2);
}
label[for="apa-trigger"] {
	position:relative;
	display: block;
	top:0px;
	left:0px;
	z-index:1000;
	width:55px;
	height:35px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor:pointer;
	font-size: 14px;
	font-weight: bold;
	color: #00619c;
	padding-left: 12px;
	padding-top: 7px;
	background-color: #FFF;
	border: 1px solid #00619C;
	border-radius: 4px;
}
#apatekst {
	display:none;
	position: absolute;
	top: 35px;
	padding: 5px;
	background-color:#fff;
	border-radius: 6px;
	border: #ccc solid 1px;
	box-shadow: 10px 10px 5px #CCC;
}
.apa-trigger:checked ~ #apatekst {
	display:block;
	z-index: 1000;
}
.boeklink {position: relative;
    display: block;
    width: 100%;
    height: 55px;
}
.boeklink .boekicoon {
    display: block;
    position: relative;
    float: left; 
    width: 55px;
    height: 55px;
    margin-right: 17px;
    border-radius: 10px;
}
.boeklink p {
    padding-top: 17px;
}
.community {
	display: block;
	position: relative;
	width: 100%;
	height: 110px;
	background-color: #EBF3F7;
	border-radius: 10px;
	padding-left: 120px;
	padding-right: 59px;
	padding-top: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url("../images/community.jpg");
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
.begriptekst {
	margin-left: 5px;
}
.noDisplay {
	display: none;
}
.right_article1 {
	width: 324px;
	float: left;
	background-color: #fff;
	position: relative;
	padding: 38px 12px 0px 12px ;
}
.labelmiddenkolom {
	font-size: 17px;
	font-weight: 700;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.labelverwijzingen {
	color: #B9A264;
}
.labelsamenvatting {
	color: #E7AF34;
}
.labelverdieping {
	color: #80B72E;
}
.labelboeken {
	color: #0074ad;
}
.labelopinie {
	color: #00a69f;
}
.right_overzicht {
	width: 404px;
	float: left;
	background-color: #fff;
	position: relative;
	padding: 30px 25px 0px 25px ;
}
a.reloverzichtalgemeen {
	text-decoration: none;
	color: #333333;
	display: block;
	position: relative;
	height: 110px;
	padding-top: 20px;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #E0E0E0;
}
a.reloverzichtalgemeen .relintro {
	display: block;
	position: relative;
	max-height: 60px;
	overflow: hidden;
}
a.reloverzichtalgemeen .auteur {
	color: #00619C;
	display: block;
	position: relative;
	width: 100%;
}
a.itemoverzichtbanner {
	padding-top: 20px;
	display: block;
	position: relative;
}
.relreclameMD, .relreclameBD, .hoofdfoto {
	text-align: center;
}
.afbeeldingoverzicht, .boekafbeelding {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	height: 70px;
	width: 70px;
	border-radius: 10px;
	margin-right: 20px;
}

.right_article2 {
	width: 300px;
	float: left;
	background-color: #fff;
	position: relative;
	padding-right: 0px;
	padding-left: 29px;
        padding-top: 38px;
}
.begripverwijzingen {
    padding-top: 15px;
}

.hoofdfoto {
	display: block;
}
.hoofdfotomobiel {
	clear: both;
	display: none;
	padding-bottom: 25px;
}
.kopjedossiers {
	font-size: 17px;
	font-weight: bold;
	color: #06619C;
	padding-top: 20px;
	padding-bottom: 20px;
}
.aantal {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	display: inline-block;
	width: 35px;
}
a.dossieritem, a.dossieritem:hover {
	color: #333333;
	text-decoration: none;
}

.fullwidth {
	width: 100%;
	clear: both;
	float: none;
	display: block;
	position: relative;
}
.fullwidth h1 {
	font-size: 40px;
	color: #1F3963;
	padding-top: 0px;
	margin-top: 0px;
}
#begrippenoverzicht {
-webkit-columns:180px 5;
   -moz-columns:180px 5;
        columns:180px 5;
}
#begrippenoverzicht a {
	display: block;
	position: relative;
	color: #626980;
	text-decoration: none;
	font-size: 16px;
}
#begrippenoverzicht a:hover {
	color: #06619C;
	text-decoration: none;
}
#begrippenoverzicht .lijstletter {
	font-size: 16px;
	font-weight: bold;
	padding-top: 16px;
	color: #000;
}

.begripoverzicht {
	padding: 90px;
}
.relcolom_begrip {
	column-count: 3;
  	column-gap: 60px;
}
.relcoloms {
	padding-left: 5px;
	padding-right: 221px;
}
.relcolom {
	width: 33%;
	padding: 10px;
	float: left;
	position: relative;
	display: inline-block;
}
.kopjekolom {
	text-transform: uppercase;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 15px;
	margin-bottom: 0px;
}
h2.koprel {
	display: block;
	position: relative;
	width: 100%;
	color: #1F3963;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 45px;
	border-bottom: solid 1px #E0E0E0;
}
#homeoverzicht {
	position: relative;
	left: 0px;
	display: block;
	width: 100%;
}
a.itemoverzicht_nw {
	display: block;
	position: relative;
	width: 100%;
	height: 95px;
	overflow: hidden;
	margin-bottom: 25px;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px #E0E0E0 solid;
}
a.itemoverzicht_nw:hover {
	text-decoration: none;
}
a.itemoverzicht_nw .overzichtkop {
	font-size: 16px;
	font-weight: bold;
	width: 429px;
	position: relative;
	display: block;
	float: left;
	top: 0px;
        clear: right;
}
a.itemoverzicht_nw .auteur_overzicht {
	font-size: 14px;
	color: #00619C;
	position: relative;
        display: block;
	float: left;
	top: 5px;
        width: 429px;
}
#boekenhome {
	position: relative;
	display: block;
	width: 305px;
}
.boekentitel {
	display: block;
	position: relative;
	font-size: 17px;
	font-weight: bold;
	color: #06619C;
	padding-bottom: 20px;
	padding-top: 20px;
}
a.boekenitem {
	display: block;
	position: relative;
	width: 304px;
	height: 90px;
	float: left;
	border-bottom: 1px #E0E0E0 solid;
	margin-bottom: 21px;
	color: #333333;
	text-decoration: none;
}
a.boekitem:hover {
	color: #333333;
	text-decoration: none;
}

a.boekitem .boeklabel {
	font-size: 16px;
	display: block;
	position: relative;
	width: 213px;
}

#subscribe_overzicht {
	display: block;
	position: relative;
	width: 303px;
	height: 235px;
	margin-top: 40px;	
	background-color: #EBF3F7;
	border-radius: 10px;
	padding: 10px;
}
#subscribe_overzicht .titelblokje {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #E3E3E3;
}
#subscribe_overzicht .introtekst {
	font-size: 14px;
	color: #333333;
	display: block;
	position: relative;
	padding-top: 24px;
	padding-bottom: 20px;
	width: 100%;
}

#subscribe_overzicht #nieuwsbriefaanmelden {
	position: relative;
	display: block;
	float: left;
	width: 303px;
	max-width: 100%;
	background-color: #ffffff;
	height: 48px;
	border: 1px #E3E3E3 solid;
}
#subscribe_overzicht .zoekvakboveninvoer {
	border: none;
	position: relative;
	top: 14px;
	left: 14px;
	width: 122px;
}
#subscribe_overzicht .zoek_btn {
	width: 110px;
	height: 48px;
	background-color: #00619C;
	border-radius: 0px 4px 4px 0px;
	border: none;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	padding-top: 2px;
}
#footerbanner {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
}
#footerbanner img {
    display: block;
    max-with: 100%;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
}
#begrippenbalk {
	position: relative;
	display: block;
	width: 100%;
	height: 530px;
	background-color: #EBF3F7;
	padding-top: 84px;
	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 83px;
	overflow: hidden;
}
#begrippenbalk h2 {
	font-size: 24px;
	color: #1F3963;
	margin-top: 0px;
}
#begrippenbalk .pijluitgelichtbegrip {
	color: #00619C;}
#begrippenbalk #begrippentabel {
	column-count: 4;
}

#begrippenbalk #begrippentabel a {
	text-decoration: none;
	display: block;
	position: relative;
	color: #333333;
	font-size: 16px;
	padding-bottom: 15px;
	text-align: top;
}
.containertussenstrook {
	display: block;
	position: relative;
	background-color: #00619C;
	width: 100%;
	height: 305px;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#tussenstrook2 {
	display: block;
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	height: auto;
	float: left;
	background-color: #00619C;
	background-image: url("../images/bg_nieuwsbrief_tussenstrook.png");
	background-repeat: no-repeat;
	background-position: 17% bottom;
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	padding-left: 30%;
	padding-top: 0px;
	clear: both;
}
#tussenstrook2 #brevofooter {
    position: relative;
    display: block;
    width: 100%;
    height: 305px;
	overflow: hidden;
	margin: 0 auto;
	max-width: 100%;
}

.supfooter {
	position: relative;
	display: block;
	width: 100%;
	height: 495px;
	background-color: #FAFAFA;
	
	padding-left: 13.75%;
	padding-right: 13.75%;
	padding-bottom: 90px;
	overflow: hidden;	
}
.supfooter #quotefooter {
	display: block;
	position: relative;
	width: 100%;
	min-height: 180px;
	padding-top: 57px;
	padding-bottom: 57px;
	border-bottom: #E0E0E0 1px solid;
}
.supfooter #quotefooter p {
	font-size: 24px;
	display: inline-block;
	width: 510px;
	color: #00619C;
	font-weight: 700;
}
.supfooter #quotefooter p .fa-solid {
	color: #329A8C;
	font-size: 60px;
	display: inline-block;
	float: left;
	padding-right: 40px;
}
.supfooter a {
	color: #333333;
	text-decoration: none;
}
.footer {
	background-color: #ffffff;
	position: relative;
	display: block;
	width: 100%;
	height: 100px;
}
.footer .logofooter {
	display: block;
	position: relative;
	float: left; 
	left: 220px;
	top: 25px;
	width: 220px;
	height: 55px;
	background-image: url("../images/Logo_footer_wij-leren.svg");
	background-size: contain;
	background-repeat: none;
}
.footer .footertekst {
	position: relative;
	padding-top: 40px;
	float: right;
	right: 222px;
	display: block;
	color: #333333;
	width: 500px;
}
.footer .footertekst a {
	text-decoration: none;
	color: #333333;
}

.title {
	font-weight: bold;
	font-style: normal;
	font-family: "Source Sans Pro";
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 2px;
}
.placeholder {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	height: 100%;
}


.pubdatum 
{
	position: relative;
	display: block;
	color:#666;
	font-size:14px;
	padding: 8px 8px 8px 0px;
	width: 100%;
	min-height: 60px;
}
.pubdatum .datum {
	padding-top: 7px;
        font-style: italic;
}

.sib-form {
    padding: 0px;
}

@media (min-width: 1090px) and (max-width: 1430px) {
	#intro_titel {
		font-size: 30px;
		width: 370px;
	}
}
@media (max-width: 756px)
{
	.containertussenstrook, #tussenstrook2 {
		height: 350px;
	}
	#tussenstrook2 #brevofooter {
		height: 350px;
	}
}

@media (max-width: 690px)
{
	.containertussenstrook, #tussenstrook2 {
		height: 370px;
	}
	#tussenstrook2 #brevofooter {
		height: 365px;
	}
}

@media (min-width: 600px) and (max-width: 1090px) {
	.container {
		width: 100%;
	}
	.primary_header, #secondary_header_container {
		padding-left: 40px;
		padding-right: 40px;	
	}
	#btn_platform {
		left: 40px;
	}
	#btn_academie {
		left: 203px;
	}
	#site_menu {
		right: 40px;
	}
	.left_article {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	.right_article1 {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	#homeoverzicht {
		left: 0px;
	}
	.afbeeldingoverzicht, .boekafbeelding {
		margin-right: 30px;
	}
	#hoofdfoto_overzicht {
		display: none;
	}
	.hoofdfoto {
	display: none;
	}
	.hoofdfotomobiel {
		display: block;
	}
	#secondary_header_container {
		width: 100%;
	}
	#logohome {
		padding-top: 30px;
		padding-left: 0px;
	}
	#sub_main_menu_overzicht, #sub_main_menu_overzicht_home {
		width: 100%;
		padding-left: 0px;
		padding-top: 57px;
		height: 444px;
	}
	#inlog_btn {
		z-index: 1000;
	}
	#intro_titel {
		font-size: 42px;
		line-height: 60px;
	}
	.right_overzicht {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	a.boekenitem {
		width: 100%;
	}
	#secondary_header_container #zoekvakboven, #sub_main_menu_overzicht #zoekvakboven {
		clear: both;
		width: 100%;
		margin-top: 40px;
		margin-bottom: 49px;
	}
	#intro_overzicht {
		width: 100%;
		clear: both;
		float: none;
	}
	#main_menu {
		float: left;
		right: auto;
		left: 0px;
	}
	#tussenstrook {
		padding-left: 40px;
	}
	#begrippenbalk {
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 90px;
		height: auto;
	}
	#begrippenbalk #begrippentabel {
		column-count: 2;
	}
	#tussenstrook2 {
		background-position: -70px;
		padding-left: 120px;
		background-image: none;
	}
	.supfooter {
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 75px;
		height: auto;
	}	
	.footer {
		padding: 25px 40px 30px;
		height: auto;
	}
	.footer .footertekst {
		position: relative;
		float: left;
		right: auto;
		display: block;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	.footer .logofooter {
		left: 0px;
		top: 0px;
	}
}


@media (max-width: 600px) {
	.container {
		width: 100%;
	}
	.primary_header {
		padding-left: 0px;
		padding-right: 0px;
	}
	#btn_platform {
		left: 10px;	
	}
	#btn_academie {
		left: 173px;
	}
	#site_menu {
		display: none;
	}
	#logohome {
		display: block;
		position: relative;
		min-width: 272px;
		width: 80%;
		float: left;
		padding-left: 20px;
		z-index: 9000;
	}
	#main_menu {
		position: absolute;
		z-index: 8000;
		float: right;
		padding-left: 10px;
		height: 90px;
		padding-bottom: 10px;
		width: 100%;
	}
	#right_menu {
		width: 100%;
		padding-bottom: 10px;
	}
	#right_menu a {
		padding-left: 10px;
		padding-bottom: 5px;
	}
	.nav-trigger {
		position:absolute;
		top:120px;
		clip:rect(10, 10, 10, 10);
	}
	label[for="nav-trigger"] {
		position:relative;
		float: right;
		top:20px;
		right:15px;
		z-index:2;
		width:15px;
		height:15px;
		cursor:pointer;
		background-image:url("menumobielg.png");
		background-size:contain;	
	}
	#right_menu {
		display:none;
		position: absolute;
		top: 70px;
		padding-right: 10px;
	}
	.nav-trigger:checked ~ #right_menu {
		display:block;
		z-index: 1000;
	}
	#right_menu a {
		text-decoration:none;
		display:block;
		width:100%;
		padding-top: 10px;
		background-color: #EBF3F7;
	}
	#right_menu a:hover, #right_menu a.selected {
		border:none;
	}
	#inlog_btn {
		display: none;
	}
	#secondary_header_container {
		width: 100%;
	}
	.secondary_header {
		height:160px;
	}
	#sub_main_menu {
		padding-left: 10px;
		border-radius: 0px;
		margin-top: 0px;
		height: 135px;
	}
	.zoekicon {
		display: none;
	}
	#secondary_header_container #zoekvakboven, #sub_main_menu_overzicht #zoekvakboven {
		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	#secondary_header_container .zoekvakboveninvoer, #sub_main_menu_overzicht .zoekvakboveninvoer {
		left: 30px;
		max-width: 70%;
	}
        #secondary_header_container .zoek_btn, #sub_main_menu_overzicht .zoek_btn {
            top: 10px;
            width: 80px;
        }
	#sub_main_menu_overzicht {
		padding: 20px;
		margin-top: 40px;
		height: 300px;
		border-radius: 0 0 40px;
		width: 100%;
	}
	#sub_main_menu_overzicht_home {
		padding: 20px;
		margin-top: 7px;
		height: auto;
		border-radius: 0 0 40px;
		width: 100%;
	}
	.hoofdfoto {
		display: none;
	}
	.hoofdfotomobiel {
		display: block;
	}
	#intro_titel {
		max-width: 100%;
		font-size: 30px;
		margin-bottom: 15px;
	}
	#intro_overzicht {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#tussenstrook {
		padding: 20px;
                height: auto;
	}
	#homeoverzicht {
		left: 0px;
		max-width: 100%;
	}
	.titel_pagina {
		margin-left: 10px;
		margin-right: 10px;
	}
	.left_article {
		padding: 20px;
	}
	.left_article h1, .fullwidth h1 {
		font-size: 28px;
		line-height: 32px;
	}
        .left_article h2 {
            font-size: 20px;
            line-height: 23px;
        }
        .left_article h2 strong {
            font-size: 20px;
            line-height: 23px;
        }
        .left_article h3 {
                font-size: 18px;
                line-height: 20px;
        }
        .left_article h4 {
                font-size: 16px;
                line-height: 18px;
                
        }
	.left_article .auteur p {
		padding-top: 0px;
		margin-top: 0px;
	}
	.begripoverzicht {
		padding: 10px;
	}
	.titel_pagina h1 {
		font-size: 22px;
	}
	.afbeeldingoverzicht, .boekafbeelding {
                border-radius: 10px;
                margin-right: 10px;
	}
	a.itemoverzicht_nw {
		height: auto;
		padding-bottom: 15px;
	} 
	a.itemoverzicht_nw .overzichtkop {
		width: 220px;
                font-size: 15px;
		font-weight: normal;
                float: left;
                max-height: 40px;
                overflow: hidden;
	}
        a.itemoverzicht_nw .auteur_overzicht {
                font-size: 15px;
                color: #00619C;
                display: inline-block;
                top: 5px;
                width: 220px;
        }        
	.community {
		padding-right: 10px;
		padding-top: 20px;
		padding-left: 100px;
		background-position: 15px 20px;
	}
	.right_overzicht {
		padding: 20px;
		width: 100%;
	}
	#subscribe_overzicht {
		width: 100%;
	}
	#boekenhome {
		width: 100%;
	}
	a.boekenitem {
		width: 100%;
                font-size: 15px;
	}
        a.boekitem .boeklabel {
                font-size: 15px;            
        }
	.right_article1 {
		width: 100%;
		padding: 0px 20px;
	}
	.right_article2 {
		padding: 10px 20px 30px 20px;
		width: 100%;
	}
	#hoofdfoto_overzicht {
		display: none;
	}
	.begriptekst {
		margin-left: 0px;
	}
	.relcoloms {
		padding-left: 10px;
		padding-right: 10px;
	}
	.relcolom_begrip {
		column-count: 1;
	}
	#begrippenbalk {
		padding: 20px;
		height: auto;
	}
	#begrippenbalk #begrippentabel {
  		column-count: 1;
	}
	#tussenstrook2 {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		background-image: none;
		width: 100%;
		max-height: 100%;
		
	}
	.supfooter #quotefooter {
		padding-top: 40px;
		padding-bottom: 40px
	}
	.supfooter #quotefooter p .fa-solid {
		width: 100%;
	}
        #tussenstrook2 #brevofooter {
            height: 365px;
        }
	.columns {
		width: 100%;
		margin: 0px;
		padding-top: 0px;
		padding-bottom: 20px;
		min-height: 0px;
		height: auto;
	}
	.columns p {
		padding: 0px;
		margin: 0px;
	}
	.kopjekolom {
		padding-bottom: 15px;
	}
        #footerbanner {
            display: none;
        }
	.supfooter {
		padding-left: 20px;
		padding-right: 20px;
		height: auto;
		padding-bottom: 20px;
	}
	.supfooter #quotefooter p {
		font-size: 24px;
	}
	.footer {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		height: 145px;;
	}
	.footer .logofooter {
		left: 10px;
	}
	.footer .footertekst {
		right: 0px;
		font-size: 12px;
	}
	.footer .footertekst a {
		font-size: 12px;
	}
}