/*Kleuren
Licht Blauwgroen  - #ece2d1 - rgba(180,5,94,1)
Midden Blauwgroen - #f8f4ed - rgba(183,10,89,1)  
Donker Blauwgroen - #e5af11 - rgba(184,30,72,1)
Rusty Orange - #bb8e0a - rgba(18,91,81,1)
Donkerblauw - #2C3347 - rgba(224,38,28,1)  
*/
/* elementen */
* {
	box-sizing:border-box;
}

body {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#2C4653;
	font:normal 1rem/1.4 Asap,sans-serif;
}

h1 {
	margin:0 0 .5rem;
	font-weight:600;
	font-size:1.75rem;
	line-height:1.2;
}

h2 {
	margin:0 0 .25rem;
	font-weight:600;
	font-size:1.5rem;
	line-height:1.3;
}

h3 {
	margin:0 0 .125rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.35;
}

h4 {
	margin:0;
	font-weight:600;
	font-size:1.125rem;
	line-height:1.4;
}

p,figcaption,table {
	margin:0 0 1rem;
}

table caption {
	text-align:left;
	font-weight:600;
	font-size:1.125rem;
	line-height:1.4;
}

a {
	color:#964C45;
}

div,picture,img {
	display:block;
	margin:0 0 1rem;
	padding:0;
}

img {
	width:100%;
	height:auto;
}

.item {
	float:left;
	display:block;
	margin-bottom:1em;
	max-width:50%;
}

/* a:visited {
	color:#bb640a; */
a:focus,a:hover {
	color:#bb640a;
}

a[href^="tel:"] {
	text-decoration:underline;
}

ul,ol {
	margin-top:0;
	padding-left:1.5rem;
}

ul li,ol li {
	margin-bottom:1.35rem;
}

ol li {
	padding-left:.5rem;
}

fieldset {
	margin:0 0 1rem;
	padding:0;
	border:none;
}

form label {
	display:block;
	font-weight:600;
	cursor:pointer;
}

select {
	margin-bottom:1rem;
	padding:.5rem;
	padding:.5rem;
	width:100%;
	border:1px solid #000;
	-webkit-border-radius:0;
	background-color:#fff;
}

input[type="checkbox"],input[type="radio"] {
	margin-right:.5rem;
}

label +input:not([type=checkbox]):not([type=radio]),label + textarea,label + select {
	margin-top:.25rem;
}

button {
	display:inline-block;
	margin-bottom:1rem;
	padding:.5rem 2rem .5rem 1rem;
	border:none;
	background:#bb8e0a url(../img/icon-arrow-wit.svg) no-repeat center right 1rem / .45rem auto;
	color:#fff;
	text-decoration:none;
	font-weight:600;
	font-size:1rem;
	cursor:pointer;
	-webkit-font-smoothing:antialiased;
}

button:hover,button:focus {
	outline:none;
	background:#bb640a url(../img/icon-arrow-wit.svg) no-repeat center right 1rem / .45rem auto;
	color:#fff;
	transition:.2s ease-in-out;
}

button.cta,button.cta:hover,button.cta:focus {
	padding:.5rem 1rem;
	background-image:none;
	color:#fff;
}

strong,b {
	font-weight:600;
}

table {
	margin:0 0 1rem;
	width:100%;
	text-align:left;
}

table td,table th {
	display:table-cell;
	padding:.5rem 0;
	vertical-align:top;
}

table th {
	font-weight:600;
}

table thead th {
	font-size:1.125rem;
}

table tr {
	border-bottom:1px solid #e5af11;
}

section {
	clear:both;
	display:block;
	margin:0;
}

section + section {
	margin-top:1.25rem;
}

/*header*/
header {
	margin:1rem 0 0;
}

header {
	position:relative;
	margin:0;
	padding:0;
	height:200px;
	background:url(../img/kwasten.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

header h1, header h1 a {
	float:left;
	margin:2rem 0 0 0rem;
	color:#e5af11;
	font-size:4.5rem;
	line-height: normal;
}


header .wrap {
	position:relative;
}

.logo {
	display:inline-block;
	margin-bottom:1rem;
	width:11rem;
}

@media screen and (min-width: 22.5rem) {
	.logo {
		display:inline-block;
		margin-bottom:0;
		width:14rem;
	}

header h1 {
	font-size:3.5rem;
}
	
}

.logo a {
	display:block;
}

.logo img {
	margin:0;
}

/*footer*/
footer {
	margin-top:0;
	padding:2rem 0 1.5rem;
	background:#e5af11;
}

.social ul {
	display:inline-block;
	margin-right:.5rem;
	margin-bottom:0;
	padding-left:0;
	list-style:none;
}

.social a {
	display:block;
	margin-right:0;
	width:2.25rem;
}

.footer-distributed {
	box-sizing:border-box;
	padding:55px 50px;
	width:100%;
	text-align:left;
}

.footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right {
	display:inline-block;
	vertical-align:top;
}

/* Footer left */
.footer-distributed .footer-left {
	width:40%;
}

/* Footer Center */
.footer-distributed .footer-center {
	width:35%;
}

.footer-distributed .footer-center p {
	display:inline-block;
	margin:0;
	color:#fff;
	vertical-align:middle;
}

/* Footer Right */
.footer-distributed .footer-right {
	width:20%;
}

.footer-distributed .footer-icons {
	margin-top:0;
}

.footer-distributed .footer-icons a {
	display:inline-block;
	width:3rem;
	border-radius:2px;
}


/*menu*/
nav {
	position:relative;
	z-index:1000;
	display:block;
	background:#e5af11;
}

/* .sticky {
   position:-webkit-sticky; 
   position:sticky; 
   top:0; */
.menu ul {
	padding-left:0;
	list-style:none;
}

.menu-state {
	display:none;
}

.menu-btn {
	display:block;
	padding:.5em 0;
	font-size:1.25em;
	cursor:pointer;
}

.menu-state ~ .menu-btn:before {
	padding:.25rem 0 .25rem 3rem;
	width:4rem;
	height:4rem;
	background:url(../img/icoon-menu.svg) no-repeat left center / 2rem auto;
	content:'menu';
	font-size:1.25rem;
	cursor:pointer;
}

div.menu {
	overflow:hidden;
	margin:0;
	max-height:0;
	opacity:0;
}

.menu-state:checked ~ div.menu {
	max-height:999rem;
	background:#e5af11;
	opacity:1;
}

.menu-state:checked ~ .menu-btn:before {
	background:url(../img/icoon-kruis.svg) no-repeat left center / 2rem auto;
}

.menu ul {
	position:relative;
	display:block;
	margin-top:1rem;
	color:#2C3347;
}

.menu .hoofd {
	margin-bottom:1.5rem;
	font-size:1.25rem;
	line-height:1.35;
}

.menu ul li {
	margin-bottom:.5rem;
}

.hoofd li a {
	padding:.5rem 0;
	color:#2C3347;
}

.menu .sub {
	display:flex;
	font-size:.9rem;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}

.sub li:first-child {
	margin-bottom:.5rem;
	width:100%;
}

.sub li {
	width:40%;
	white-space:nowrap;
}

.sub li a {
	position:relative;
	color:#2C3347;
	text-decoration:none;
	font-weight:600;
}

.sub li a:hover,.sub li a:focus {
	text-decoration:underline;
}

.sub li a span {
	font-weight:400;
}

.bewaar a span {
	position:absolute;
	top:.2rem;
	left:-1.7rem;
	color:#fff;
}

.aanvraaglijst a span {
	position:absolute;
	top:0;
	left:-1.65rem;
	z-index:10;
	color:#fff;
}

.aanvraaglijst a span:before {
	position:absolute;
	top:-.3rem;
	left:-.45rem;
	z-index:-10;
	width:1.25rem;
	height:1.25rem;
	border:2px solid #e5af11;
	border-radius:50%;
	background:#2C3347;
	content:'';
}



/*wrap*/
.wrap {
	display:block;
	margin:0 1.5rem;
}

/*algemene classes*/
.hidden {
	display:none;
}

.button {
	display:inline-block;
	padding:.5rem 2rem .5rem 1rem;
	border:none;
	background:#bb8e0a url(../img/icon-arrow-wit.svg) no-repeat top .95rem right 1rem / .45rem auto;
	color:#fff;
	text-decoration:none;
	font-weight:600;
	cursor:pointer;
	-webkit-font-smoothing:antialiased;
}

.button:hover,.button:focus {
	background:#bb640a url(../img/icon-arrow-wit.svg) no-repeat center right 1rem / .45rem auto;
	color:#fff;
	transition:.2s ease-in-out;
}

.button.cta {
	padding:.5rem 1rem;
	background-color:#bb8e0a;
	background-image:none;
	color:#fff;
}

.button.cta:hover,.button.cta:focus {
	background:#bb640a;
}


.highlight {
	background:#ece2d1;
}

.meer {
	display:inline-block;
	padding-right:1rem;
	background:rgba(0,0,0,0) url(../img/icon-arrow-orange.svg) no-repeat top .4rem right / .5rem auto;
	font-weight:600;
	-webkit-font-smoothing:antialiased;
}

.intro {
	padding-top:2.5rem;
	font-size:1.125rem;
}

.intro h1 .meta {
	display:block;
	font-size:1.125rem;
}

/*intro collectie*/
.intro.collectie {
	margin-top:-1rem;
	margin-bottom:0;
	padding-bottom:1rem;
	background:#f8f4ed;
}

.intro.collectie form {
	position:relative;
	margin-bottom:1rem;
}

.intro.collectie label {
	display:none;
}

.intro.collectie input:not([type=checkbox]):not([type=radio]) {
	margin:0;
	border:none;
}

.intro.collectie button {
	position:absolute;
	top:0;
	right:0;
	width:3.2rem;
	height:3.2rem;
	background:#bb8e0a;
	cursor:pointer;
}

.intro.collectie button:hover,.intro.collectie button:focus {
	background-color:#bb640a;
}

.intro.collectie button:before {
	position:absolute;
	top:0;
	left:0;
	width:3.2rem;
	height:3.2rem;
	background:url(../img/icoon-zoek.svg) no-repeat center center;
	content:'';
	cursor:pointer;
}

.intro.collectie button span {
	display:none;
}

.intro.collectie.max p a {
	font-weight:600;
}

.intro.collectie.max h2 a:hover,.intro.collectie.max h2 a:focus {
	text-decoration:none;
}


/*tabs*/
.tabs {
	display:flex;
	margin-bottom:1.25rem;
	padding-left:0;
	list-style-type:none;
	justify-content:space-between;
	flex-wrap:wrap;
}

.tabs li {
	display:inline-block;
	margin:0;
	width:100%;
}

.tabs li:first-child a {
	border-top:1px solid #f8f4ed;
}

.tabs li a {
	display:block;
	margin:0;
	margin-left:-.1rem;
	padding:.75rem 1rem;
	border-bottom:1px solid #f8f4ed;
	color:#2C3347;
	text-decoration:underline;
	font-size:1.125rem;
}

.tabs li a span {
	position:relative;
	padding-right:1.25rem;
}

.tabs li a span:before {
	position:absolute;
	top:0;
	right:0;
	width:2rem;
	height:2rem;
	background:rgba(0,0,0,0) url(../img/icon-arrow-down.svg) no-repeat top .7rem right / .75rem auto;
	content:'';
}

.tabs li a:hover,.tabs li a:focus {
	background:#e5af11;
	color:#2C3347;
	text-decoration:none;
	transition:.2s ease-in-out;
	-webkit-font-smoothing:antialiased;
}

.tab-content {
	display:block;
}

/*hulp*/
.hulp {
	margin:1.5rem 0 0;
	padding:1.5rem 0 .5rem;
	background:#f8f4ed;
}

.hulp.linklijst a.extern {
	color:#2C3347;
}

.hulp.linklijst a span {
	color:#2C3347;
	font-size:1rem;
}

.hulp.content {
	background:#fff;
}

/*linklijst*/
.linklijst ul {
	margin:0 0 1.5rem;
	padding-left:0;
	list-style:none;
}

.linklijst ul li {
	margin-bottom:.5rem;
}

.linklijst h2 {
	margin-bottom:.5rem;
}

.linklijst li a {
	padding-right:1rem;
	padding-bottom:0;
	background:rgba(0,0,0,0) url(../img/icon-arrow-orange.svg) no-repeat top .5rem right / .6rem auto;
	text-decoration:underline;
}

.linklijst li a:hover,.lijklijst li a:focus {
	background:rgba(0,0,0,0) url(../img/icon-arrow-orange-hover.svg) no-repeat top .5rem right / .6rem auto;
}

.linklijst .extern {
	text-decoration:none;
}

.linklijst .extern:hover,.linklijst .extern:hover {
	background:rgba(0,0,0,0) url(../img/icoon-extern.svg) no-repeat right top .25rem / .9rem auto;
}

.linklijst a span {
	text-decoration:underline;
	font-size:1.25rem;
}

.linklijst a i {
	color:#2C3347;
	font-style:normal;
}



/*tarieven*/
.tarieven {
	margin-top:-1rem;
}

.tarieven th {
	padding-top:1rem;
}

.tarieven tr td:last-child,.tarieven thead th:last-child {
	width:30%;
	text-align:right;
}

/*details*/
/*image*/
.image .wrap {
	position:relative;
}

.image img {
	height:auto;
}

.image.na figure {
	display:block;
	padding:1.25rem 0 1rem;
	max-width:30rem;
	background:#ece2d1;
}

.image.na figcaption {
	margin-bottom:0;
	color:#2C3347;
	text-align:center;
}

.image.na img {
	margin:0 auto 1rem;
	max-width:7rem;
}

.afbeeldingen {
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	padding:0 .5rem;
	font-size:0;
	-ms-flex-wrap:wrap;
	-ms-flex-direction:column;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
}

.afbeeldingen div {
	margin:.5vw;
	width:207px;
	-webkit-box-flex:auto;
	-ms-flex:auto;
	flex:auto;
}

.afbeeldingen div img {
	width:100%;
	height:auto;
}

/*resultaat*/
.resultaat {
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap:wrap;
}

.resultaat article {
	position:relative;
	margin:0 0 2rem;
	width:100%;
}

.resultaat article p a {
	position:relative;
	display:block;
	margin-bottom:1.5rem;
	padding:.75rem 1.25rem;
	max-width:40rem;
	background:#ece2d1;
	color:#2C3347;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
}

.resultaat article span {
	font-weight:600;
	font-size:1.75rem;
}

.resultaat article b {
	position:absolute;
	bottom:-2rem;
	left:0;
	display:block;
	padding:.5rem 1rem .5rem 1.25rem;
	width:100%;
	background:#bb8e0a url(../img/icon-arrow-wit.svg) no-repeat center right 1.25rem/ .5rem auto;
	color:#fff;
	font-weight:600;
	font-size:1.25rem;
	-webkit-font-smoothing:antialiased;
}

.resultaat article b:hover {
	background:#bb640a url(../img/icon-arrow-wit.svg) no-repeat center right 1.25rem / .5rem auto;
	transition:.2s ease-in-out;
}

/*overzicht*/
.overzicht .wrap {
	position:relative;
}

.overzicht table {
	border-bottom:2px solid #ece2d1;
}

.overzicht thead tr {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

.overzicht table tr {
	border:none;
}

.overzicht table tbody tr:nth-child(odd) {
	background-color:#ece2d1;
}

.overzicht tbody tr {
	display:block;
	padding:.1rem 1rem;
}

.overzicht th,.overzicht td {
	display:block;
}

.overzicht th {
	padding-bottom:.5rem;
	font-size:1.125rem;
}

.overzicht th a {
	color:#2C3347;
}

.overzicht.bestellijst td {
	position:relative;
	padding-top:1.25rem;
}

.overzicht td:last-child {
	padding-top:.25rem;
}

.overzicht.bestellijst tbody td:before {
	position:absolute;
	top:0;
	left:0;
	width:20rem;
	white-space:nowrap;
	font-weight:600;
}

.overzicht.bestellijst label {
	display:block;
}

.overzicht.bestellijst tbody td:nth-of-type(1):before {
	content:"Tijd";
}

.overzicht.bestellijst tbody td:nth-of-type(2):before {
	content:"Docent";
}

.overzicht.bestellijst.dossier tbody td:nth-of-type(3):before {
	display:none;
}

.overzicht .soort {
	display:block;
	font-weight:400;
	font-size:1rem;
}

.overzicht p {
	display:block;
	padding:1rem;
	background:#f8f4ed;
}

/*toon*/
.toon-state {
	display:none;
}

.wrapper {
	display:none;
}



h3.label + p {
	margin-top:-.125rem;
}

/*contact*/
.contact .note {
	font-size:.9rem;
}

.contact .highlight .meer {
	background:rgba(0,0,0,0) url(../img/icon-arrow-blauw.svg) no-repeat top .4rem right / .5rem auto;
	color:#2C3347;
}

.intro b,.intro .mail {
	font-size:1rem;
}

.highlight table tr {
	border-color:#fff;
}


.contact thead th {
	font-size:1rem;
}

.contact .extern {
	background-image:url(../img/icoon-extern-rood.svg);
}

.contact .container {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:flex-start;
}

.contact article {
	margin-bottom:.5rem;
	width:100%;
}

.contact .highlight {
	padding:1rem 1.5rem 0;
	background:#ece2d1;
}

.contact img {
	margin:0 0 1rem;
}

.contact h3 + p {
	margin-top:.5rem;
}

.tel {
	margin:0 0 .25rem;
	padding:.25rem 0 .25rem 2rem;
	background:rgba(0,0,0,0) url(../img/icoon-telefoon.svg) no-repeat left top .5rem / .9rem auto;
	color:#2C3347;
}

.mail {
	display:block;
	margin:0;
	padding:.25rem 0 .25rem 2rem;
	background:rgba(0,0,0,0) url(../img/icoon-mail.svg) no-repeat left top .6rem / 1rem auto;
}


/*selectie*/
.selectie ul {
	display:inline-block;
	padding-left:0;
	list-style:none;
}

.selectie ul li {
	display:inline-block;
}

.selectie label input {
	display:none;
}

.selectie label {
	display:inline-block;
	padding:.5rem 2rem .5rem 1rem;
	border:none;
	background:#f8f4ed url(../img/icoon-kruis.svg) no-repeat top .95rem right 1rem / .7rem auto;
	color:#2C3347;
	text-decoration:none;
	font-weight:600;
	cursor:pointer;
	-webkit-font-smoothing:antialiased;
}

.selectie label:focus,.selectie label:hover {
	background-color:#e5af11;
	transition:.3s ease-in-out;
}

.selectie p {
	display:inline-block;
	margin-right:1rem;
}

/*details*/
.details {
	margin-top:0;
}

.details td,.details th {
	display:block;
}

.details tr {
	display:block;
	padding:.25rem 0;
	border:none;
}

.details td,.details th {
	padding:0;
}

/*home*/
.home .intro.collectie {
	margin-top:0;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}

/*collecties*/
.collecties li h2 {
	position:relative;
	z-index:100;
	display:inline-block;
	margin-top:-.5rem;
	padding:.5rem;
	width:100%;
	background:#ece2d1;
	color:#000;
	font-size:1.25rem;
	-webkit-font-smoothing:antialiased;
}

.collecties ul {
	padding-left:0;
	list-style:none;
}

.collecties li a {
	position:relative;
	display:block;
	color:#2C3347;
	text-decoration:none;
}

.collecties li a:hover h2,.collecties li a:focus h2 {
	background:#bb640a;
	color:#fff;
	transition:.2s ease-in-out;
}

.collecties li a img {
	margin-bottom:.5rem;
}

/*uitgelicht*/
.uitgelicht p {
	margin-bottom:0;
}

.uitgelicht img {
	margin-bottom:.5rem;
}

.uitgelicht .wrap {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.uitgelicht article {
	margin:.5rem 0 1rem;
	width:100%;
}



/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	position:relative;
	display:block;
	padding:.75rem 1rem;
	color:#2C3347;
	text-align:center;
	cursor:pointer;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover,.r-tabs .r-tabs-accordion-title .r-tabs-anchor:focus {
	background-color:#e5af11;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor span {
	position:relative;
	left:0;
	display:inline-block;
	margin:0 auto;
	padding-right:1.25rem;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor span:before {
	position:absolute;
	top:0;
	right:0;
	z-index:1000;
	width:2rem;
	height:2rem;
	background:rgba(0,0,0,0) url(../img/icon-arrow-down.svg) no-repeat top .5rem right / .75rem auto;
	content:'';
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor span:before {
	background-image:url(../img/icon-arrow-up.svg);
}

/* Tab panel */
.r-tabs-panel {
	display:none;
	margin:0;
	padding:1rem 1.5rem .5rem;
	border-bottom:2px solid #fff;
	background:#fff;
	background:#fff;
	list-style-type:none;
}

.r-tabs-panel ul li label {
	display:block;
	margin-bottom:.25rem;
	padding:.1rem 0;
	text-decoration:underline;
	cursor:pointer;
}

.r-tabs-panel div label {
	display:block;
	margin-bottom:.35rem;
	width:100%;
}

.r-tabs-panel div {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

/* Tabs container */
.r-tabs {
	position:relative;
	margin:0;
	padding:0;
	border-bottom:2px solid #fff;
}

.resp-tabs-container {
	margin:0;
}

.archieven ul {
	padding:0;
	list-style:none;
}

.archieven ul li {
	padding:1rem 1.5rem;
	border-bottom:1px solid #f8f4ed;
	list-style:none;
}

.archieven table {
	margin-top:0;
}

.archieven .wrap {
	margin:0;
}

/*uitgebreid*/
.intro .search {
	position:relative;
}

.intro .search a.info {
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	display:inline-block;
	margin:0 0 1rem;
	padding:.78rem 1.5rem;
	background-color:/* #bb8e0a */
#e5af11;
	background-image:none;
	color:/* #fff */
#2C3347;
	text-decoration:none;
	font-weight:600;
	font-size:1.25rem;
}

.uitgebreid h3 {
	margin:.5rem 0 .25rem;
}

.uitgebreid button {
	margin-top:2rem;
	font-size:1.25rem;
}

.uitgebreid .search img {
	margin-top:.75rem;
}

.uitgebreid label {
	display:block;
	font-weight:400;
}

/*accordion*/
.accordion {
	margin-bottom:1.5rem;
}

.accordion_item {
	margin:0 0 .35rem;
}

.accordion_item input {
	display:none;
}

.accordion_item label {
	position:relative;
	display:block;
	padding:1rem 1rem 1rem 3.5rem;
	background:#ece2d1;
	font-weight:600;
	font-size:1.25rem;
	cursor:pointer;
}

.accordion_item label h2 {
	display:inline-block;
	text-decoration:underline;
	font-size:1.25rem;
}

.accordion label span {
	text-decoration:none;
}

.accordion_item label:hover,.accordion_item label:focus {
	background:#e5af11;
}

.accordion_item div {
	overflow:hidden;
	margin:0;
	padding-top:0;
	padding-left:3.5rem;
	max-height:0;
	border:1px solid #fff;
	background:#fff;
	transition:max-height .25s;
}

.accordion_item input:checked ~ div {
	max-height:999rem;
}

.accordion_item label:after {
	position:absolute;
	top:1.1rem;
	left:1rem;
	width:1.5rem;
	height:1.5rem;
	border-radius:3px;
	background:#e5af11 url(../img/icon-arrow-down.svg) no-repeat center center / 1rem auto;
	color:#2C3347;
	content:'';
	text-align:center;
	font-weight:400;
	line-height:1.125;
}

.accordion_item input:checked ~ label {
	background:#fff;
}

.accordion_item input:checked ~ label:after {
	background-color:#f8f4ed;
	background-image:url(../img/icon-arrow-up.svg);
}

.accordion h3 {
	font-size:1.125rem;
}

.accordion h4 {
	font-size:1rem;
}

span.highlight {
	background:#f8f4ed;
	font-weight:600;
}

a span.highlight {
	background:none;
}

.accordion ul {
	padding-left:0;
	list-style:none;
}

.accordion_item + p a.button {
	margin-top:1.5rem;
}

/*highlight*/
article.highlight {
	padding:1rem 1.5rem;
}

.icoon {
	padding:1.5rem 2.5rem;
	background:#ece2d1;
}

.icoonarchief {
	padding:1.5rem 2.5rem;
	background:#ece2d1;
}

.resultaten .icoonarchief {
	display:none;
}

.resultaten .details {
	margin-bottom:.5rem;
}

.details-state {
	display:none;
}

.details-trigger {
	display:inline-block;
	cursor:pointer;
}

.details-trigger:before {
	padding-right:1rem;
	background-image:url(../img/icon-arrow-down-orange.svg);
	background-position:right top .6rem;
	background-size:.7rem auto;
	background-repeat:no-repeat;
	color:#bb8e0a;
	content:'Meer details';
	text-decoration:underline;
}

.details-wrap {
	margin-bottom:0;
}

.resultaten ul div div.details-wrap {
	float:none;
	margin:0;
	width:auto;
}

.details-target {
	max-height:0;
	font-size:0;
	opacity:0;
	transition:.25s ease;
}

.details-state:checked ~ .details-target {
	max-height:999em;
	font-size:.95rem;
	opacity:1;
}

.details-state:checked ~ .details-trigger {
	display:none;
}


@media screen and (min-width: 42.5rem) {
	.uitgebreid .container {
		columns:3 10vw;
	}
	
	.uitgebreid .container label {
		white-space:nowrap;
	}
	
	.tabs li {
		margin-right:4px;
		width:auto;
	}
	
	.hulp.linklijst .wrap {
		display:flex;
		padding-right:0;
		justify-content:space-between;
	}
	
	.hulp.linklijst article {
		width:60%;
	}
	
	.hulp.linklijst article:last-child {
		width:30%;
	}
}

/*resultaten uitgebreid*/
.resultaten.uitgebreid img {
	float:left;
	width:40%;
	max-width:200px;
}

.resultaten.uitgebreid ul div {
	float:left;
	margin-left:5%;
	width:55%;
}

/*tabs*/
.tabs {
	margin-bottom:0;
	justify-content:flex-start;
}

.tabs li:last-child {
	border:none;
}

.tabs li a {
	position:relative;
	z-index:10;
	padding-right:1.5rem;
	padding-left:1.5rem;
	background:rgba(0,0,0,0) url(../img/icon-arrow-down.svg) no-repeat top 1.4rem right .5rem / .75rem auto;
}

.tabs li a span {
	padding-right:2rem;
}

.tabs li a span:before {
	background-image:none;
}

.tabs li.active a {
	position:relative;
	z-index:1000;
	border:2px solid #e5af11;
	border-bottom:none;
	background:#fff url(../img/icon-arrow-down.svg) no-repeat top 1.4rem right .5rem / .75rem auto;
	text-decoration:none;
	font-weight:700;
	-webkit-font-smoothing:antialiased;
}

.tab-content {
	position:relative;
	z-index:100;
	margin-top:-2px;
	padding:1.25rem 1.5rem .5rem;
	border:2px solid #e5af11;
}

.tab-content .resultaat h2,.tab-content .resultaten h2 {
	display:none;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 42.5rem) {
	.r-tabs .r-tabs-nav {
		display:none;
	}
	
	.r-tabs .r-tabs-accordion-title {
		display:block;
		margin:0;
		border-bottom:2px solid #fff;
	}
	
	.footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right {
		display:block;
		width:100%;
		text-align:left;
	}
}

@media only screen and (min-width: 59rem) {
	
	.intro.collectie button span {
		display:block;
	}
	
	.intro.collectie button {
		width:auto;
		font-size:1.25rem;
	}
	
	.intro.collectie button:before {
		background-image:none;
	}
	
	.resultaten.uitgebreid .wrap {
		padding-right:0;
	}
	
	.acties .wrap {
		padding-right:10rem;
	}
	
	#items td .arrow.up:before {
		left:1rem;
	}
}

/*560px - pas vooral aan indien nodig!*/
@media screen and (min-width: 35rem) {
		.sub li {
		padding:.25rem .5rem .25rem 2.25rem;
	}
	

	.uitgebreid .container {
		columns:3 10vw;
	}
	
	afbeeldingen div {
		margin:0;
	}
	
	afbeeldingen {
		padding:0;
	}
	
	/*collecties*/
	.collecties h2 {
		margin-top:-.5rem;
		padding:.5rem;
		width:100%;
		background:#ece2d1;
		font-size:1.125rem;
	}
	


}

/*680px - pas vooral aan indien nodig!*/
@media screen and (min-width: 42.5rem) {
	/*elementen*/
	section:not(.intro) .wrap input:not([type=checkbox]):not([type=radio]),textarea,select {
		max-width:30rem;
	}
	
	/*menu*/
	.menu .hoofd .active li a {
		display:inline-block;
	}
	
	
	
		/*responsive tabs*/
	.r-tabs .r-tabs-nav {
		display:flex;
		margin:0;
		padding:0;
		width:100%;
		list-style-type:none;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	
	.r-tabs .r-tabs-tab {
		margin:1px 0;
		height:2rem;
		border-right:2px solid #fff;
		border-bottom:none;
		flex-grow:1;
	}
	
	.r-tabs .r-tabs-tab:first-child {
		border-left:2px solid #fff;
	}
	
	.r-tabs .r-tabs-panel {
		display:none;
		margin:2px;
	}
	
	.r-tabs .r-tabs-accordion-title {
		display:none;
	}
	
	.r-tabs .r-tabs-panel.r-tabs-state-active {
		display:block;
	}
	
	/* Tab element */
	.r-tabs .r-tabs-nav .r-tabs-tab {
		position:relative;
		height:auto;
	}
	
	/* Tab anchor */
	.r-tabs .r-tabs-nav .r-tabs-anchor {
		position:relative;
		display:block;
		padding:1rem;
		background:#f8f4ed;
		color:#2C3347;
		text-align:center;
		text-decoration:none;
	}
	
	.r-tabs .r-tabs-nav .r-tabs-anchor:hover,.r-tabs .r-tabs-nav .r-tabs-anchor:focus {
		background-color:#e5af11;
	}
	
	.r-tabs .r-tabs-nav .r-tabs-anchor span {
		position:relative;
		display:inline-block;
		margin:0 auto;
		padding-right:1.25rem;
	}
	
	.r-tabs .r-tabs-nav .r-tabs-anchor span:before {
		position:absolute;
		top:0;
		right:0;
		z-index:1000;
		width:2rem;
		height:2rem;
		background:rgba(0,0,0,0) url(../img/icon-arrow-down.svg) no-repeat top .5rem right / .75rem auto;
		content:'';
	}
	
	/* Active state tab anchor */
	.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
		background:#e5af11;
	}
	
	.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor span:before {
		background:url(../img/icon-arrow-up.svg) no-repeat top .5rem right / .75rem auto;
	}
	
	.r-tabs-panel div label {
		width:33.333%;
	}
	
	.r-tabs-panel div label.meer-trigger {
		width:100%;
	}
	
	.meer-wrap {
		margin-bottom:1rem;
	}
	
	.filters .periode img {
		display:block;
	}
	
	section.filters .periode input:not([type=checkbox]):not([type=radio]) {
		max-width:4rem;
	}
	
	/*linklijst .onderzoekpagina*/
	.onderzoekpagina ul {
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	
	.onderzoekpagina li {
		position:relative;
		margin-top:0;
		padding:5px 5px 5px 0;
		max-width:45%;
	}
	
	/*uitgelicht*/
	.uitgelicht {
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	
	.uitgelicht h2 {
		display:block;
		margin:10px 60% 0 0;
	}
	
	.uitgelicht article {
		position:relative;
		margin-top:10px;
		padding:5px;
		max-width:48%;
	}

	
	/*contact*/
	.contact article {
		margin:1.5rem 0 1rem;
		width:46%;
	}
	
	.contact .highlight {
		padding:1.5rem 2em 1rem;
	}
	
	.contact .intro {
		margin-bottom:1rem;
	}
	
	.contact img {
		margin-bottom:0;
	}
	
	.contact article {
	}
	
	/*image*/
	.imgrechts {
		float:right;
		margin-left:1.5rem;
		max-width:45%;
	}
	
	/*collecties*/
	.collecties ul {
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	
	.collecties li {
		position:relative;
		padding:5px;
		width:46%;
	}
	
	/*details*/
	.details td,.details th {
		display:table-cell;
		padding:.15rem .5rem .15rem 0;
	}
	
	.details tr {
		display:table-row;
		padding:0;
	}
	
	.details tbody tr th {
		width:auto;
	}
	/*overzicht*/
	.overzicht.bestellijst th,.overzicht.bestellijst td,.overzicht.bestellijst td:last-child {
		display:table-cell;
		padding:1.25rem 1rem;
		width:35%;
	}
	.overzicht.bestellijst td:last-child{
  		width:20%;
  		text-align: right;
  		padding-right: 2rem;
	}
	.overzicht.bestellijst tbody tr {
		display:table-row;
	}
		.overzicht.bestellijst tbody td:before {
		display:none;
	}
	
		.overzicht.bestellijst thead tr {
		position:relative;
		top:0;
		left:0;
		background:#CBE1E2;
	}
	
}

/*950px!*/
@media screen and (min-width: 59rem) {
	
	#items td .arrow:before {
		left:1rem;
	}
	
	/*archieven*/
	.archieven .wrap {
		margin:0 auto;
		max-width:58rem;
	}
	
	.intro.collectie button span {
		display:block;
	}
	
	.intro.collectie button {
		padding:.5rem 2rem;
		width:auto;
		font-size:1.25rem;
	}
	
	.intro.collectie button:before {
		background-image:none;
	}
	
	/*home*/
	.home .intro.collectie button {
		width:8.5rem;
	}
	
	.home .intro.collectie {
		margin-top:0;
		padding-top:2.5rem;
		padding-bottom:1.5rem;
	}
	

	
	/*wrap*/
	.wrap {
		position:relative;
		overflow:visible;
		margin:0 auto;
		max-width:55rem;
	}
	
	header .wrap {
		margin:0 auto;
	}
	
	wrap .intro,wrap .tabswrap,wrap .footer,wrap .nav {
		margin:0 25rem;
		max-width:50rem;
	}
	
	.max .wrap {
		max-width:55rem;
	}
	
	.intro.collectie .wrap {
		padding-right:0;
	}
	
	.intro .wrap,.tabcontent .wrap,.hulp .wrap,.content .wrap,.resultaten .wrap,.uitgebreid .wrap,.onderzoekpagina .wrap {
		padding-right:10rem;
	}
	
	/*menu*/
	.menu-btn {
		display:none;
	}
	
	div.menu {
		max-height:999rem;
		opacity:1;
	}
	
	
	.menu .hoofd {
		display:flex;
		margin-bottom:.5rem;
		justify-content:space-between;
		flex-wrap:nowrap;
	}
	
	.menu .hoofd .active {
		margin-bottom:-8px;
		border-bottom:10px #f8f4ed solid;
	}
	
	.menu .hoofd li {
		display:block;
		text-align:center;
	}
	
	.menu .hoofd li a {
		text-decoration:none;
	}
		
	.sub li a {
		margin-right:.5rem;
		color:#bb8e0a;
	}
	
	.logo img {
		margin:-.6rem 0 0;
		width:120%;
	}
	
	.menu .sub {
		position:absolute;
		top:-5.7rem;
		right:3.5rem;
		flex-wrap:nowrap;
		align-items:flex-start;
	}
	
	.sub li:first-child {
		margin-right:.5rem;
		margin-bottom:.5rem;
		width:auto;
	}
	
	.sub li {
		margin-right:1rem;
		vertical-align:top;
		white-space:nowrap;
	}
	
		
	}

/*1100px*/
@media screen and (min-width: 68.75rem) {
	header .wrap {
		margin:0 auto;
		max-width:64.5rem;
	}
	
	.menu .sub {
		right:-1rem;
	}
	
	.rechts {
		right:-2.5rem;
	}
	
	.links {
		left:-2.5rem;
	}
	
	.collecties li a {
		margin-top:1rem;
	}
	
	.collecties li h2 {
		position:absolute;
	}
}

/*1300px*/
@media screen and (min-width: 81.25rem) {
	.collecties .wrap {
		margin-top:1.75rem;
		max-width:57.5rem;
	}
	
	.collecties li {
		position:relative;
		margin:0 0 2.5rem;
		padding:5px;
		width:46%;
	}
	
	.collecties h2 {
		color:#ffc0cb;
		font-size:1rem;
	}
}