<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html,
button,
input,
select,
textarea {
	color: #222;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999999; /* Sit on top */
	left: 0;
	top: 0;
	padding-top: 10px; /* Location of the box */
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: none; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	position: relative;
	background-color: #FFF;
	color:#000;
	margin: 4% auto; /* 15% from the top and centered */

	overflow: auto; /* Enable scroll if needed */
	border: 1px solid #FFF;
	height:88%;
	width: 80%; /* Could be more or less, depending on screen size */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}


.modal-body {padding: 20px 16px 30px 16px;}
/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0} 
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* The Close Button */
.close {
	color: #000;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 2px 16px;
	background-color: #EFEFEF;
	color: #000;
}
img{
	margin:0;padding:0;border:0;
}
img[align="left"],img[style*="float: left"],img[style*="float:left"]{
	margin: 5px 15px 0px 0px;
}
img[align="right"],img[style*="float: right"], img[style*="float:right"]{
	margin: 0px 0px 0px 15px;
}
.icon-angle-down:before {
	content: "\e7a7";
}

.borderbox{
	box-sizing: border-box;
}
.flexbox{
	display: flex;  
	flex-wrap: wrap;
}
.flexkol4{
	width:25%;
}
.owl-image{
	/*
	height:300px;width:auto;
	*/
}
.bovenregel{
	padding-top:24px;	
}
html * {max-height:1000000px;}
html{
	overflow-y: scroll;
}

.pt15{padding-top:15px;}
.pt4{padding-top:4px;}
.pb4{padding-bottom:4px;}

.teksttopmarge{margin-top:20px;}
::-webkit-input-placeholder { color:  #ccc; text-overflow: ellipsis; }
:-moz-placeholder { color: #ccc !important; text-overflow: ellipsis; }
::-moz-placeholder { color: #ccc !important; text-overflow: ellipsis; }
:-ms-input-placeholder {  color: #ccc !important; text-overflow: ellipsis; }
body {
	font: Helvetica, Helvetica Neue, Arial;
	color: #454545; 
	font-size:14px;
	line-height:0;
	-webkit-text-size-adjust: none;
	background-color:#FFF;
}
a.link, a.link img, a img { border: none; outline: none; }
.justified{
	display:none;	
}
/*tooltip */
label {
	display: inline-block;
	width: 5em;
}
.homevideo{
	max-width:500px
}
.homeonzescholen{
	clear:both;
	width:100%;
	max-width:800px;
	margin:20px auto;
	padding-top:20px;
	text-align:center;
}
.homeschoollogos{	
	display:flex;	
	flex-wrap: wrap;	
	width: 110%;
	margin-left: -5%;
}
.homeschoollogos div{
	width:21%;
	padding: 0 2%;	
}
.homeschoollogos div img{
	width:100%;
}
.nietmissen{
	float:left;
	position:relative;
	width:94%;	
	padding:20px 3% 20px 3%;
	display:flex;
}
.nietmissenimg{
	float:left;
	width:98%;
}
.nietmissen .img{
	width:20%;		
	padding-right:2%;
	padding-top:10px;
}
.nietmissen .txt{
	width:78%;		
}
/*inlog */
.inlogblok label {
	display: none;
	margin-bottom: 5px;
}
.inlogblok {
	max-width: 500px;
	width: 100%;
}
.inlogblok input {
	border: 1px solid #aaa;
	height: 25px;
	line-height: 25px;
	width: 100%;
	text-indent: 5px;
	margin-bottom: 10px;
}
.bordergrijs td {
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding:2px 5px;
}
ol{
	margin: 4px 0 14px 0;
	padding: 0;
}
#wwvergeten table{
	 border-collapse: separate;	
}
.reviews .owl-theme .owl-nav [class*=owl-] {
	font-size:40px;
}
a.verder {
	background-color: #000;
	color: #FFF;
	border-radius: 5px;
	padding: 3px 15px;
	margin-top: 8px;
	display: table;
	text-decoration:none;
	border-collapse: initial;
}
a.verder:hover {
	background-color: #666;
	color: #FFF;
	text-decoration:none;
}
a.drijf {
	display: inline-table;
	margin-right: 10px;
}
#wwvergetenknop {
	display: table-cell;
	text-align: right;
	margin-top: 4px;
	padding-left: 15px;
	width: 100%;
}
.alertbox {
	width: 100%;
	padding: 8px 15px 14px 15px;
	margin-bottom: 20px;
	color: #000;
	max-width: 600px;
	line-height: 1.4;
	background-color: #efefef;
}
/*datepicker*/
button.ui-datepicker-trigger, .kleinstebutton{
	background-color : #999;
	color:#FFF;
	border:0;
	border-radius:4px;
	FONT-SIZE: 9pt;
	line-height: 12px;
	padding: 4px 9px;
	margin:1px 12px 6px 0;
	float:left;
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

button.ui-datepicker-trigger:hover, .kleinstebutton:hover{
	text-decoration : none;
	background-color : #3C9AD9;
	color:#FFF;
}
.ui-datepicker-title, .ui-datepicker-header.ui-widget-header{
	background-color:	#ccc;
}

.highlight a{
  background-color: #29f274 !important;
  color: #ffffff !important;
}
.modified{
	padding-top:10px;
	color:#9E9E9E;
}
.cpheader{
	position:fixed;top:0;background-color:#000;width:100%;color:#FFF;font-size:12px;line-height:18px;z-index:9999999999999999;
}
.cpheader a, .cpheader a:hover{
	color:#FFF;
	text-decoration:underline;
}
.formborder{
	border:1px solid #CCC;
}
.formbordertop{
	border-top:1px solid #CCC;
}
.formborderbtm{
	border-bottom:1px solid #CCC;
}
.formbordertopstr{
	border-top:2px dotted #CCC;
}
.betaalopties{
	background-color:#FFF;
}
.schoolfoto{
	float:left;width:20%;max-width:200px;
}
.ui-tooltip {
	padding: 4px 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #0CB0DA;
	box-shadow: 0 0 5px #0CB0DA;
	background-color:#FFF;
	white-space: pre-line;
}
.inlogblok{
	border:1px solid #E4E4E4;
	float:left;position:relative;width:calc(100% - 30px);padding:15px;clear:both;margin-bottom:30px;
}
body .ui-tooltip {
	border-width: 2px;
}
.meerTXT, .verborgen{
	display:none;	
}
.flip{
	transform: rotate(-180deg);	
}
.angle-down img {
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;
}
p{
	padding:0;
	margin:0;
}
.uitklaptekst{
	display:none;
	color:#000;	
}
a.uk{
	position:absolute;
	background-color:	#000;
	color:#FFF;
	width:18px;
	height:18px;
	border-radius:24px;
	text-align:center;
	margin-left:10px;
	
}
a.uk:hover{
	color:#FFF;
	text-decoration:none;	
}
#kalender{
	clear:both;
	width:100%;
	margin-bottom:40px;
}
.groepkop{
	text-transformation: uppercase;
}
div.leeg{
	clear:both;
}
.kaltd{
	background-color:#FFF; 
	color:#000000;
	text-align:center;
	padding:2px 3px 2px 3px;
	font-size:12px;
	line-height:14px;
}
.kaltoday{
	border: 1px solid #EEE;	
}
.docitem{
	padding: 10px 3% 10px 3%;width:94%;
	border-bottom:1px solid #CCC;
}
.laatstedocitem{
	padding: 10px 3% 10px 3%;width:94%;
	border-bottom:0;
}
.handje{
	cursor:pointer;
}
.mb0{
	margin-bottom:0;
}
.downloaddiv,.downloaddivbg{
	clear:both;float:left;position:relative;width:96%;padding:3px 2%;
}
ul.downloadUL li, ul.mwUL li  {	
	clear:both;
	list-style: none;
	list-style-image: none;
	padding:5px 10px 14px 10px;
	margin:0;
	color:#00acef;
	line-height:23px;
	cursor:pointer;
}
ul.mwULZonderFoto li  {	
	clear:both;
	padding:0 10px ;
	margin:0;
	color:#00acef;
	line-height:23px;
	cursor:pointer;
}

 ul.mwUL li  {	
 	padding-top:10px;
}
ul.downloadUL,ul.mwUL {	
	padding-left:32px;	
}
.downloadLink img{
	float:left;
	margin-left:-35px;
	padding-right:7px;
	width:36px;
	margin-top:-2px;
}
.mwLink img{
	float:left;
	margin-left:-35px;
	margin-right:7px;
	border-radius:18px;
	width:36px;
	margin-top:-2px;
}
/*  Groepen*/
.groepenvak{
	clear:both;
	float:left;
	position:relative;
	background-color:#FFF;
	width:100%;
}
.groepenkiesvak{
	padding-top:25px;
}
h1.bekijkgroep{
	clear:both;margin-top:0px;font-size:21px;line-height:21px;
}
.groepenberichten{
	float:left;clear:both;margin-top:20px;width:100%;
}
.groepenbericht{
	float:left;width:100%;padding-bottom:12px;margin-bottom:20px;
}
.groepberichtimg{
	width:38%;margin-top:4px;margin-bottom:0px;padding-left:2%;
}
.groepenvideobericht{
	float:right;width:38%;margin-top:4px;margin-bottom:0px;padding-left:2%;
}
.groepimgmask{
	position:absolute;top:0;left:0;z-index:99;width:100%;height:100%
}
.groepberichtmetmask{
	position:relative;width:38%;padding-left:2%;margin-top:4px;margin-bottom:0px;float:right;
}
.groepberichtmetmask img{
	width:100%;
}
.groepimgmask img{
	width:100%;height:100%;
}
.zicht{
	background-color:#CCC; 
	border:1px solid #CCC;
}
.onzicht,.groepgekozen{
	background-color:#FFF; 
	border:1px solid #CCC;
}
.onzicht:hover{
	background-color:#EFEFEF; 
}
.nobg:hover{
	background:none;
}
#dropdown{
	position:absolute;
	right:3px;
	margin-top:-1px;
	width:24px;
	height:24px;
	background: url('../images/dropdown.png') no-repeat 0 0;
}
#bg {
	position:fixed;
	width:100%;
	min-height: 100%;
	height: auto !important; 
	height: 100%;
	top:0; 
	left:0; 
}
::-moz-selection {
	background: #E0DED8;
	text-shadow: none;
}
::selection {
	background: #E0DED8;
	text-shadow: none;
}
p.url { display:none;} 
h1,h2,h3,h4{
	font-family: 'PT Sans',Arial, sans-serif;
	font-weight:400;
	margin-top:0;
}
h1,h4{
	font-size: 29px;
	line-height:34px;
	color:#000000;	
	margin-bottom:10px;
	margin-top:12px;
}
h4{
	margin-top:3px;
	margin-bottom:4px;
}
h2{
	font-size: 19px;
	line-height:23px;
	margin-bottom:0px;
	padding-top:2px;	
	font-weight:normal;
}
h1.archiefkop{
	clear:both;margin-top:30px;font-size:21px;line-height:21px;
}
.verlaatarchief{
	clear:both;padding-bottom:10px;
}
h1.groepenberichtenkop{
	font-size:21px;line-height:21px;
}
h2.rubriekkop{
	font-size:21px;
	margin-bottom:8px;
	font-weight:normal;
}
h3.subrubriekkop, h3.downloadrubriek{
	color:#000000;	
	font-size:17px;
	margin-bottom:8px;
}
h3.downloadrubriek{
	margin-bottom:3px;
}
.rubriekdiv{	
	clear:both;
	width:100%;
	float:left;
	position:relative;
	margin-top:25px;
}
h2.detail{
	font-size: 20px;
	margin-bottom:8px;	
}
h2.vulbg, .halflinks h2, .halfrechts h2, .halfrechtskal h2, .tweederdelinks h2,.tweederdelinksverder h2, .derdelinks h2, .derdemidden h2, .derderechts h2, .heel h2, .kleurtitel h2{
	padding: 3px 13px 3px 13px;
}
h2.albumkop, .heel h2.albumkop{
	font-size: 18px;
	line-height:23px;
	padding-bottom:0;
	font-weight:normal;
}
.albumfotodiv img{
		width:100%;
}
a.h2link{
	font-size:14px;
	text-transform:none;	
}
.OnderwerpInhoud,.Rubriekinhoud{
	float:left;position:relative;display:none;width:100%;padding:0;
}
.Rubriekinhoud{
	background-color:#EEE;
	padding:0 3%;
	width:94%;
}
h2.onderwerpkop{
	float:left;
	position:relative;
	color:#000;
	background-color:#CCC;
	width:96%;
	border-top:2px solid #FFF;
	padding:5px 2%;
}
h2.rubriekkop{
	float:left;
	position:relative;
	font-size:18px;
	font-weight:normal;
	background-color:#EEE;
	width:96%;
	border-top:2px solid #FFF;
	padding:5px 2%;
	margin-bottom:0;
}
ul.docs li{
	font-size:16px;
}
#twitter{
	padding-top:6px;	
}
.kleurtitel{
	clear:both;
}
div.nieuwskop, b.mededelingenkop, b.agendakop{
	font-size:15px;	
	padding: 5px 0 4px 0;
}
.nieuwsrij{
	float:left;width:100%;margin-bottom:12px;overflow:hidden;
}
.nieuwsfotoklein, .nieuwsfotokleinst{
	width:32%;
	margin:4px 0 0 4%;
	float:right;
	position:relative;
}
.terug{
	float:left;
	bottom:0;
	position:relative;
	z-index:101;
	width:100%;
}
.opgevuld h2,.item h2{
	background:none;
	padding: 2px 0 0 0;
}
.item h2{
	background:none;
	padding: 2px 0 0 0;
}
h3{
	font-size: 16px;
	color:#999;	
	margin-bottom:3px;
}
.datum{
	white-space:nowrap;
	padding-right:6px;
	color:#888;
}
.talen{
	position:absolute;
	right:10px;
	top:10px;
}
.meerdatum{
	font-style:italic;
}
.kleurkopje, .datumkop{
	color: #333;

}
.klein{
	font-size:12px;
	line-height:14px;
}
.grijs{
	color:#aaa;	
}
.rood{
	color:#FF0000;	
}
.feedback{
	color:#FF0000;	
	margin:10px 0;
}
.streep{
	text-decoration:underline;
}
a{
	color:#4693A6;
	text-decoration:none;
}
a:hover{
	color:#4693A6;
	text-decoration:underline;
}
a.linkhi, a.linkhi:hover{
	color:#000;	
}
.pages{
	clear:both;float:left;position:relative;width:100%;margin-top:30px;
}
a.paginering{
	float:left;
	padding:2px 6px;
	border:1px solid #ccc;
	margin-right:5px;
	margin-bottom:10px;
	line-height:20px;
	text-decoration:none;
}
a.paghi, a.paginering:hover{
	background-color:#aaa;
	color:#FFF;
}
a.button{
	padding:4px 10px;
	text-decoration:none;
	background-color:#93dbe6;
	color:#1f4247;
}
a.button:hover{
	text-decoration:none;
	background-color:#7ae2f1;
	color:#1f4247;
}
#verstuurknop{
	float:left:
	position:relative;
	width:200px;
}
#verpl{
	float:right;	
	position:relative;
	padding-bottom:10px;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #EEE;
	margin: 0;
	padding: 0;
}
hr.nieuws{
	margin-top:5px;
	clear:both;
	float:left;
}
.vulbg hr, .halflinks hr, .halfrechts hr, .halfrechtskal hr, .tweederdelinks hr,.tweederdelinksverder hr, .derdelinks hr, .derdemidden hr, .derderechts hr, .heel hr{
	border-top: 1px solid #CCC;
}

.hr1span{
	background-color:#FFF;padding:0 15px;
}
#stage {
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	z-index:-1;
}
#stage img {
	position:absolute;
	margin:auto;
	min-width:50%;
	min-height:50%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}
.wrapper {	
	position: static;
	max-width:1200px;
	min-width:320px;
	padding:15px 0 0 0;	
	z-index:0;
	width: 95%; 
	margin: 0 auto;	
}
.lh0{
	line-height:0;
	font-size:0;
}
.totaal {		
	float:left;
	position:relative;
	margin:0 ;
	width:100%;
}
.main {
	float:left;
	width:100%;
	padding-top:0px;
	background-color:#FFF;
	line-height:1.2;
	position: static;
}
.main article{
	float: left;
	width: 60%;
	margin:0 8% 20px 3%;
}
 .kop{
	clear:both;
	float: left;
	/*width: 92%;
	margin:10px 8% 0px 0;*/
	width: 100%;
	margin-top:10px;
}
.zijvul{
	display:none;	
}
.main aside {
	float: left;
	width: 26%;
	margin:65px 3% 20px 0px;
}
.main article section{
	position:relative;
	padding-left:0px;
	margin-bottom:20px;
}
.kolrechts{
	clear:both;
	position:relative;
	margin-bottom:40px;
}
div.leesmeer{
	clear:both;
	float:left;
	width:100%;
	padding:0 0 4px 0;
	line-height:23px;
}
div.leesmeer,.emailfeedback{
	clear:both;
	float:left;
	width:100%;
	padding:0 0 4px 0;
	line-height:23px;
}
.buttonNB,.emailfeedback{
	margin-top:20px;
}
div.leesmeer.opnieuw{
	padding:20px 0;
}
.zij div.leesmeer.opnieuw a.button {
	margin-top:0;
}
.emailfeedback{
	color:#FF0000;	
}
div.meer_albums{
	padding:0px;
	margin-top:10px;	
}
.halflinks, .halfrechts, .halfrechtskal, .tweederdelinks, .tweederdelinksverder, .derdelinks, .derdemidden, .derderechts,.heel,.heelnosha{
	float:left;
	position:relative;
	margin-bottom:40px;
	padding-bottom:0px;
}
#carrouselboventitel{
	background:none;
	margin:20px 0 13px 0;
}
.kalenderbgbreed{
	background:none;
	word-wrap:break-word;
	/*word-break: break-all;*/
}
.groepitemsrechts{
	margin-top:10px 0 20px 0;
}
.groepitemsrechts .item_bg{
	max-height:700px;overflow-y:auto;
}
.agendarechts .item_bg{
	max-height:400px;overflow-y:auto;
}

.groepitemsrechts .item_bg .bericht_zonder_hover{
	clear:both;float:left;width:92%;
}
.groepitemsrechts .subnavinhoud{
	padding:0;
	width:100%;
}
.bekijkallerechts{
	float:left;width:100%;border-top:1px solid #FFF;padding:10px 0;
}
.feedbackbox{
	float:left;width:94%;border:2px solid #FF6600;padding:6px 3% 14px 3%;margin-bottom:20px
}
.heelspot{
	float:left;
	position:relative;
	margin-bottom:40px;
	background-color:#FFF;
	padding:8px;
}
.kolom{
	float:left;
	position:relative;
	margin-bottom:40px;
	padding-bottom:0px;
	width:100%;
}
.halflinks{
	clear:both;
	width:47%;
	margin-right:6%;
}
.halfrechts, .halfrechtskal{
	width:47%;
}
.tweerijen{
	float:left;
	width:60%;	
	margin-right:5%;
}
.tweederdelinks{
	clear:both;
	width:100%;
}
.tweederdelinksverder{
	width:100%;
}
.derderechts{
	width:35%;
}
.heel{
	clear:both;
	width:100%;
}
.inspring{
	float:left;
	position:relative;
	padding: 8px 3% 15px 3%;
}
.inleiding{
	float:left;
	width:100%;
	font-weight:bold;
	padding-bottom:20px;
	line-height:26px;
}
hr.tekstscheider{
	 border-top: 1px solid #fff;
}
.tekst{
	position:relative;
	font-weight:normal;
	font-size:16px;
	line-height:23px;
}
.tekstzonderintro{
	float:left;
	width:100%;
}
.editablearea{	
	display:inline-block;
	z-index:99;
	width:100%;
}
.mce-content-body{
	display:inline-block;
}
 .editabletitel{
	clear:both;
	display:block;
	width:100%;
	position:relative;
	z-index:99;
}
.inleiding .tekst{
	padding-bottom:0;
}
.introrechts{
	float:right;
	width:30%;margin-left:20px;padding-bottom:0;font-weight:normal;
}
.bericht, .bericht_zonder_hover, .berichtrechts{
	float:left;
	width:92%;
	padding:0 4%;
	line-height:21px;
}
.vacature{
	clear:both;width:100%;margin-bottom:8px;
}
.bericht img, .bericht_zonder_hover img, .berichtrechts img{
	max-width:100%;
}
.bericht_zonder_hover{
	float:left;
	position:relative;
}
.agendabericht{
	clear:both;
	float:left;
	padding-top:12px;
	padding-bottom: 4px;
}
.berichtrechts{
	line-height:21px;
	padding-top:6px;
	padding-bottom: 6px;
}
.berichtenrechts{
	padding-top:5px;
}
.item_bg{
	width:100%;
	float:left;
	padding:5px 0;
	border-top:1px solid #FFF;
	font-weight:normal;
}
div.kader{
	padding:10px;
	margin-top:15px;
}
div.kader img{
	max-width:100%;	
}
.item{
	clear:both;
	float:left;
	position:relative;
	width:auto;
	margin:0px 0 12px 0;
	padding-left:10px;
}
.groeppdrechts{
	margin-top:0px;margin-bottom:30px;
}
.groeppd{
	padding:10px 0;
}
.extrapaginapulldown{
	float:left;position:relative;margin:-2px 10px 0 10px;padding:2px 10px;min-height:18px;width:calc(100% - 40px);
}
.subonzicht{
	float:left;
	line-height:30px;
	padding-left:0;
	margin-left:0;
}
.item_txt{
	width:70%;
	display:inline-block;
	vertical-align:top;
	padding-top:8px;
	line-height:1.4;
}
.item_img{
	width:25%;
	padding-right:5%;
	display:inline-block;
	vertical-align:top;
	padding-top:10px;
}
.item_img img{
	width:100%;
}
.intros{
	padding:12px;
}
.spot, .spothalf{
	float:left;
	position:relative;
	width:100%;
 	margin:0;
}
.spot{
	margin-bottom:20px;
}
.spothalf{
	width:45%;
	margin-right:5%;
}
.spot_txt{
	width:68%;
	display:inline-block;
	vertical-align:top;
	padding-top:8px 2% 0 0;
	line-height:21px;
}
.spot_img{
	width:25%;
	padding:10px 5% 0 0;
	display:inline-block;
	vertical-align:top;
}
.spot_img img{
	width:100%;
}
.preview_image{
	float:left;
	width:35%;
	padding-right:5%;
}
.preview_txt{
	float:left;
	width:60%;
}	
a.meer{
	padding-left:12px;	
}
.header{
	float:left;
	position:relative;	
	background-color:#FFF;
	width:100%;
	margin-bottom:0;
	line-height:0;
}
.logo{
	float:left;
	position:relative;
	z-index:999; 
	margin-right:8%;
	line-height:0;
}
.logo img{
	padding:0;
	margin:0;
}
.social{	
	position:absolute;
	top:18px;
	right:20px; 
	z-index:999; 
	padding-left:20px;
	color: #FFF;
	font-size:10px;
	line-height:14px;
	text-align:right;
}
.ico_social{
	margin-left:8px;
	width:25px;
}
.social img{
/*
	-moz-box-shadow: 0 0 50px #FFF; 
	-webkit-box-shadow: 0 0 50px  #FFF; 
	box-shadow: 0 0 50px #FFF;
	*/
}
.share{
	clear:both;float:left;width:100% ;padding:5px 0 9px 0;text-align:right;color: #AAA;margin:5px 0;
}
.float{
	float:left;
}
img.volgons{
	width:22px;
	height:22px;	
	margin-left:8px;
}
.filterblok{
	clear:both;float:left;
	border:1px solid #CCC;
	padding:8px 3% 8px 3%;
	background-color:#FFF;
	width:94%;
	margin-bottom:20px;
}
.scholenlijst{
	float:left;width:100%;margin-bottom:20px;
}
#zoekvak{
	float:left;
	position:relative;
	width:100%;
	color:#FFF;
	background-color:#333;
	z-index:9999;
	text-align:right;
	padding: 8px 0;
	margin-top:-3px;
}
#zoekinhoud{
	float:left;
	position:relative;
	width:96%;
	padding: 0 2%;
}
#zoeksluit{
	position:absolute;
	left:10px;
	top:0px;	
	font-size:20px;
}
ul, ol{
	margin-top:0px!important;
	margin-bottom:10px!important;
	margin-left:0!important;
	padding-left:15px!important;
	display:block;
}
.navigatie ul,.navigatie ol{
	margin-bottom:0!important;	
	padding-left:0px!important;
}
.kruimelpad{
	clear:both;
	padding:10px 3%;
	color:#999;
	float:left;
	text-align:right;
}
.kruimelpad a{
	color:#999;
	text-decoration:none;
}


.ExterneLinkMainImage, .ExterneLinkSubImage{
	width:16px;padding-left:5px;vertical-align:middle;margin-top:-1px;
}
.ExterneLinkMainImage{
	width:18px;padding-left:8px;
}
.sponsor{
	height:130px;margin-right:25px
}

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

#klikhier{
	clear:both;
}
a.zoeklink{
	color: #FFF;
}
a.zoeklink:hover{
	color: #FFF;
	text-decoration:underline;
}

.ondernav{
	position:absolute;
	bottom:0;
	left:0;
	height:2px;
	width:100%;
	background-color:#FFF;
}

.navkolom{
	clear:both;
	margin-bottom:30px;
	float:left;	
	position:relative;
	width:100%;
}
.subnavdiv{
	float:left;clear:both;margin-bottom:30px;
}
.subnavdiv .item_bg{
	padding-left:5%;padding-right:5%;width:90%;	
}
.subnavkop{
	clear:both;
	width:100%;
	padding:5px 0;
	color:#FFF;
}
.subnavkop h3{
	padding-left:10px;
	color:#FFF;
	line-height:23px;
}
div.meer{ 
	display:none;
}
.subnav,.subsubnav, .subsubsubnav, .subnavuitloggen{
	cursor:pointer;	
}
ul.subnavUL{
	margin:0;
	padding:0;	
	
}
.logoutdiv{
	margin-bottom:30px;
}
ul.subnavUL li  ,ul.subnavUL li.subnavuitloggen  {
	margin-bottom:2px;
	list-style: none;
	list-style-image: none;
	padding:5px 10px;
	margin:0;
	color:#CCC;
	line-height:23px;
}
ul.subnavUL li.subnavuitloggen{
	border-top:0;
}
.hoogtepunten_img{
	position:relative;
}
.hoogtepunten_img img{
	width:100%;
	margin:0;
	padding:0;
}
.kopvuller{
	clear:both;height:15px;width:100%;
}
.introrechtshp{
	padding-top:4px;line-height:0;width:100% !important;
}
.hoogtepuntenMask{
	position:absolute;left:0;top:0;z-index:99;width:100%;height:100%;
}
.hoogtepuntenMask img{
	width:100%;
	height:100%;
}
ul.subsubnavUL{
	margin:0;
	padding:0;	
}
ul.subsubnavUL li, ul.subsubnavUL li a{
	list-style: none;
	list-style-image: none;
	padding:5px 10px;
	margin:0;
}
ul.subnavUL li.subsubnavli, ul.subnavUL li.subsubnavli a{
	border-top:0;	
	padding:0 0 10px 15px;
	margin:0;
}
ul.subsubsubnavUL  {
	margin:0;
	padding:0 0 0 15px;	
}
ul.subsubsubnavUL li{
	list-style: none;
	list-style-image: none;
	padding:3px 10px;
	margin:0;
	cursor:pointer;
}
#subnavrechtsonder{
	position:relative;
	float:right;
	right:3%;
}
td{
	padding:2px;
}
td.pr{
	padding-right:20px;
}
td.productrij{
	padding-top:4px;
	padding-bottom:4px;
	width:100%;	
}
.nobr{
	white-space: nowrap;	
}
.alignrechts{
	text-align:right;	
}
table.no_border td{
	border:0;
}
table.borderbtm td{
	border:0;
	border-bottom:1px solid #c6d2de;
	border-top:1px solid #c6d2de;
}
table{
	border-spacing: 0;
	border-collapse: collapse;	
}
img,td {
	vertical-align: top;
}
.border{
	border:1px solid #CCC;
}
th{
	background-color:#CCC;
	color:#FFF;
}
#gra{
	display:none;clear:both;
}
#gra input{
	width:100%;
}
#gra #aanmeldgr{
	width:auto;
}
.tabelrijlijn{
	border-bottom:1px solid #ddd;
}
.fullfooter .wrapper{
	.margin-bottom:0;z-index:9999;
}
.footerlogos{
	clear:both;
	float:left;
	position:relative;
	width:100%;	
	padding-bottom:20px;
}
footer {
	float:left;
	position:relative;
	width:97%;	
	padding:14px 0 0 3%;
}
.fullfooter{
	clear:both;float:left;position:relative;width:100%;margin:0 auto;padding:0 0 22px 0;z-index:9999
}
.footer_kolom{
	float:left;
	position:relative;
	line-height:1.2;
	margin:0 12% 0 0;
}
.footer_kolom ul li{
	margin-bottom:2px;
	list-style: none;
	list-style-image: none;
}
#fkol4{
	margin-right:0px;margin-top:0px;
}
#site{
	position:absolute;
	bottom:-50px;
	right:3%;
}
#site img{
	width:130px;
}
#footerlogo{
	width:170px;
}
.kaart{
	position: relative;
	padding:15px;
}
.kaartitem{
	padding: 10px 3% 10px 3%;width:94%
}
.kaartlijstborder{
	border-bottom:1px solid #ccc;
}
.header_img {
	float:left;
	position:relative;
	z-index:10;
	width: 100%;
}
.header_img_breed {
	float:left;
	position:relative;
	z-index:10;
	width: 94%;
	margin:0 3% 0 3%;
}
.header_img img, .header_img_breed img{
	width: 100%;
	height:auto;
}
.quotetekst{
	position:absolute;top: 50%;left: 25%;transform: translate(-10% , -50%); -webkit-transform: translate(-10%, -50%);
}
.carrousel{
	float:left;position:relative;width:100%;line-height:0;
}
.carroussel {
	float:left;
	position:relative;
	z-index:10;
	width: 100%;
	margin:0 0 20px 0;
	padding-top:0px;
}
.carroussel_breed {
	float:left;
	position:relative;
	z-index:10;
	width: 94%;
	margin:0x 3% 0 3%;
	padding-top:0px;
}
.car_blokjes{
	position:absolute;
	z-index:100;
	right:9px;
	top:9px;
}
.car_blokje{
	float:left;
	position:relative;
	width:15px;
	height:15px;	
	margin-left:9px;
	cursor:pointer;
}
.CarrouselMask{
	position:absolute;z-index:10000;width:100%;height:100%;left:0;top:0;
}
.CarrouselMask img, .carr_foto{
	width:100%;
}
.blokhi{
	background-color:#000;
}
div.zondermarges{
	margin:0;
	padding:0;
	width: 100%;
}
.ban1{
	float:left;position:relative;line-height:0;font-size:1px;top:0;width:100%;
}
.banner,.banner1{
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
}
.banner1{
	position:relative;
	float:left;
	display:block;
}
.banner_teksten_onder{
	float:left;position:relative;clear:both;
	padding:7px 2% 7px 0;
}
.banner_tekst{
	position:absolute;
	top:-32px;
	left:0;
	padding:6px 2% 6px 0 ;
	line-height:18px;
	font-size:16px;
	display:none;
}
.top32{
	top:32px;	
}
.banner_tekst:first-child{
	display:block;
}
.binnen_banner_tekst{
	float:left;
	padding-left:2%;
	padding-right:2%;
	width:96%;
}	
.hoogtepunt{
	float:left;
	width:32%;
	margin:0 2% 20px 0;
}
.hoogtepunten_kol{
	width:100%;
}
.nomr{
	margin-right:0;
}
.clearall{
	clear:both;
}
.hoogtepunten{
	float:left;
	width:100%;
	margin-bottom:30px;
}
.hoogtepunten_img{
	float:left;
	width:100%;	
}
 .hoogtepunten_txt{
	float:left;
	width:94%;
	padding:3% 3% 5% 3%;
}
.hoogtepunten_txt_breed{
	width:94%!important;
	padding:3% 3% 5% 3%!important;
}
.hoogtepunten_kop{
	float:left;
	width:100%;	
	white-space:pre-line;
	padding-bottom:5%;
}
.koppad{
	float:left;
	padding:3% 3% 2% 3%;
}
#uitgelicht{
	float:left;position:relative;padding-bottom:0px;margin-bottom:20px;width:100%;
}
.uitgelicht_bg{
	float:left;
	padding:3%;
	font-size:18px; 
	line-height:25px;
	width:94%;
}
div.opgevuld{
	float:left;
	position: relative;
	padding:10px 0px 20px 0px;
	width:100%;
}
.downloadsgroepen{
	clear:both;float:left;width:100%;padding-top:20px;padding-bottom:20px;
}
.albumintro{
	float:left;
	width:100%;
	clear:both;
}
.albumtitel{
	font-size:12px;line-height:16px;
}
.albuminspring{padding:10px;}
.groepen_album_intro{
	float:left;
	clear:both;
	width:100%;
	padding-top:10px;
}
ul.opgevuld {	
	list-style: none;
	margin:7px 12px 12px 12px;
	padding:0;
	display: table;
}
ul.opgevuld li {
	z-index:10;
	text-align: center;
	display: table-cell;
	border-right:8px solid #FFF;
}
ul.opgevuld li:last-child{
	border-right:0;
}
.fotorechts{
	margin:2% 12px 3% 12px;clear:both;
}
div.video_preview{
	position: relative;
	float:left;
	background-color:#000;
	z-index:2;
	text-align: left;
	color:#FFF;
	font-size:11px;
	line-height:11px;
	width:100%;
	max-width:350px;
	margin-top:10px;
}
div#fotoreeks_breed{
	position: relative;
	float:left;
	padding-top:5px;	
	width:100%;
}
.albumvak{
	display:inline-block;
	width:180px;
	vertical-align:top;	
	padding:10px;
	cursor:pointer;
}
.allefotos{
	clear:both;margin:0 0 20px 0;position:relative;float:left;width:100%;
}
.allefotos img{
	margin-bottom:5px;
}
.albumfotos{
	display:inline-block;
	margin:10px 20px 20px 10px;
	text-align:top;
}
#max{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#FFF;
	display:none;
}

.foto_balk{
	float:left;
	position:relative;
	background-color:#aaa;
	width:100%;	
}
.foto_buttons{
	float:right;
	position:relative;
	width:275px;
}
.downloadFoto{
	float:right;
	position:relative;
	margin: 6px 8px 4px 0;
	width:30px;
	height:30px;
	z-index:12;
}
.printFoto{
	float:right;
	position:relative;
	margin: 6px 8px 4px 0;
	width:30px;
	height:30px;
	z-index:12;
}
#fotohouder{
	float:left;position:relative;width:100%;text-align:center;
}
.btn_size{
	float:right;
	position:relative;
	margin: 6px 8px 4px 0;
	width:30px;
	height:30px;
	z-index:12;
}
.btn_overzicht{
	float:right;
	position:relative;
	margin: 6px 8px 4px 0;
	width:30px;
	height:30px;
	z-index:12;
}
#btn_foto_terug a{
	float:right;
	position:relative;
	margin: 6px 8px 4px 25px;
	width:30px;
	height:30px;
	z-index:12;
}
#btn_foto_verder a{
	float:right;
	position:relative;
	margin: 6px 8px 4px 0;
	width:30px;
	height:30px;
	z-index:12;
}
.btn_terug{
	position:relative
	left:10px;
	padding-top:15px;
}
.bg_vlak{
	background-color:#999;
	color:#FFF;
}
#fotodiv{
	float:left;
	position:relative;
	width:100%;	
	background-color:#EFEFEF;
	margin-bottom:10px;
}
.foto{
	text-align:center;
	width:100%;
	position:absolute;
	height:100%;
	display:block;
	visibility:hidden;
}
.fotonummer{
	position:absolute;text-align:left;margin-top:9px;padding-bottom:7px;left:2%;width:200px;color:#FFF;
}
.bijschrift{
	float:left;
	line-height:16px;
	width:94%;
	padding:7px 3% 5px 3%;
	text-align:center;
}
.mwtabel{
	display:table;border-spacing:0 20px;width:100%;
}
.mwrow{
	display:table-row;background-color:#efefef;width:100%;margin-bottom:20px;padding-top:0;
}
.mwfoto{
	display:table-cell;vertical-align:top;
}
.mwfoto.mwfoto1{width:20%;}
.mwfoto.mwfoto2{width:10%;}
.mwfoto.mwfoto3{width:7%;}
.mwtekst{
	display:table-cell;vertical-align:top;padding-left:2%;padding-right:2%;padding-bottom:15px;border-right:5px solid #FFF;
}
.mwtekst..mwtekst1{width:76%;}
.mwtekst.mwtekst2{width:38%;}
.mwtekst..mwtekst3{width:25%;}
.mwleeg{
	background-color: #FFF;
}
.videovat{
	position:absolute;top:0;left:0;right:0;bottom:0
}
.carvideo{
	display: block; 
	height: 100%;
	width:100%;
	margin:0 auto;
	object-fit: cover;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0; overflow: hidden;
	clear:both; 
	margin-bottom:13px;
}
.video-container-hoogtepunt {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0; 
	height: 0; 
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video,
.video-container-hoogtepunt iframe,
.video-container-hoogtepunt object,
.video-container-hoogtepunt embed,
.video-container-hoogtepunt video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dtab{
	display:table;
	width:100%;
}
.drow{
	display:table-row;
	float:none;
	padding-bottom:10px;
}
.dcell{
	display:table-cell;
	padding-left:2%;
	padding-bottom:23px;
	vertical-align:top;
}
.dcell:first-child{
	padding-left:0;
}
.datumcel{
	max-width:140px;
}
.datumvak{
	float:left;
	width:23%;
	text-align:center;
	padding:5% 2% 2% 2%;
	margin:2px 3% 10px 0;
	color:#407ebe;
}
.datumvakbreed{
	float:none;
	padding:5% 2% 2% 2%;
	width:96%;
	max-width:160px;
}
.dag{
	font-size:32px;
}
.maand{
	font-size:17px;
}
.datumvak hr{	
	margin-top:10px;
	margin-bottom:0px;
}
.naastdatum{
	float:left;position:relative;margin-bottom:10px;width:64%;min-width:100px;padding-top:3px;
}
.naastdatumvak{
	float:left;position:relative;margin-bottom:10px;width:64%;min-width:100px;padding-top:3px;
}
.startkop, .eindkop{
	margin-top:-10px;
	font-size:11px;
	color:#62acda;
}
.eindkop{
	margin-top:0px;
}
.afgeslotenAlbum{
	font-style:italic;
	color:#CCC;
}
.faq, .nb{
	float:left;clear:both;margin-bottom:40px;background-color:#FFF;width:100%;
}
.faqs{
	float:left;
	position:relative;
	padding: 10px 3% 10px 3%;width:94%;
	border-bottom:1px solid #CCC;
}
.faqs:last-child{
	border-bottom:0;
}
.faqvraag{
	font-weight:bold;	
}
.antwoord{
	float:left;
	position:relative;
	width:100%;
	padding:5px 0;	
}
.list{
	overflow: hidden;
	width: 103%;
	margin:0 0 0 -3%;
	padding:0;
}
.list__item{
	width: 30.333%;
	padding-left:3%;
	float: left;
	list-style: none;
}
.list__item:nth-of-type(3n+1) { 
  clear:both; 
}
.hometabelflex{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:100%;
}
.hoogtepunt_fixed{
	float:left;
	margin-bottom:20px;
	width: 100%;
}
.hoogtepunt_fixed img{
	width: 100%;
}
.uitgelicht_mask{
	position:absolute;left:0;top:0;z-index:99;width:100%;height:100%;
}
a.zwart{
	color:#000;	
}
a.noul{
	text-decoration:none;	
}

#formulier{
	margin:0;padding:0;
}
input.invoer{
	height:20px;
}
input.veld{
	FONT-FAMILY: Arial;
	FONT-SIZE: 9pt;
	WIDTH: 35px;
}

INPUT.breed{
	FONT-FAMILY: Arial;
	FONT-SIZE: 12pt;
	WIDTH: 100%;
	height:20px;
	margin:0;
}
INPUT.mb10,INPUT.breed.mb10,.mb10{margin-bottom:10px;}
INPUT.mb20,INPUT.breed.mb20,.mb20{margin-bottom:20px;}
INPUT.half{
	FONT-FAMILY: Arial;
	FONT-SIZE: 12pt;
	WIDTH: 50%;
	height:20px;
}
input.trans{
	border:0;
	font-size:14px;
}
input.password{
	width:calc(100% - 40px);padding-right:40px
}
textarea.breed{
	FONT-FAMILY: Arial;
	FONT-SIZE: 12pt;
	WIDTH: 100%;
	height:90px;
	overflow: auto;
	margin-top:5px;
}
select.breed{
	display:block;
	margin-top:5px;
}
div.formulier{
	clear:both;
	float:left;
	position:relative;
	padding:0px 3% 0px 3%;
	margin-bottom:12px;
	width:94%;
	color:#777;
}
div.formulierbedankt{
	float:left;
	position:relative;
	padding:8px 3% 0px 3%;
	margin-bottom:12px;
	color:#777;
	line-height:22px;
}
.naam_rij{
	margin:6px 0 0px 0;
	min-height:20px;
}
.veldnaam{
	color:#999;
	padding:12px 0 2px 0;
	font-size:16px;
	line-height:20px;
}
.veld{
	padding:12px 0 2px 0;
}
.toelichting{
	color:#999;
	padding:3px 0;
	font-size:13px;
	line-height:16px;	
}

input#woord{
	height:16px;
	border:1px solid #999;
	width:200px;
}
.instaposts{
	float:left;width:32%;margin-top:10px;text-align:center;background-color:#fff;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	 *zoom: 1;
}
#aftel{
	display:none;
}
@media print {
	* {
		background: transparent !important;
		color: #000 !important; 
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group; 
	}
	tr,img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,	h2,h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
	page-break-after: avoid;
	}
}

#contactform{
	background-color : #FFF;
	width:220px;
	position:fixed;
	right:5px;
	bottom:0;	
	padding:10px;
	-moz-box-shadow: 0 0 15px #615f5f; 
	-webkit-box-shadow: 0 0 15px  #615f5f; 
	box-shadow: 0 0 15px #615f5f;
}
#contactform input{
	margin-bottom:5px;
	width:210px;
}
#sluit{
	position:absolute;
	right:10px;
	top:0px;
	cursor:pointer;
	
}

#conversatie{
	max-height:400px;	
	overflow-y:auto;
	border:1px solid #CCC;
	margin-top:5px;
	margin-bottom:5px;
	display:none;
	padding:5px;
}
.weg{
	display:none;
}
.navwrap{
	background-color:#FFF;width:100%;margin:0;z-index:9999999;
}



.mwfunctie{
	font-style:italic;	
}
.hometekstvatter{
	float:left;position:relative;width:100%;max-width:1300px;margin:0 auto;line-height:1.7
}
.homecel23{
	width: 65%;margin-right:1%;padding:2%;display:table-cell;vertical-align:top;
}
a.newslink, a.newslink:hover{
	color:#000;
}
.homecel4 a.hoogtepuntverder, .homecel3 a.hoogtepuntverder{
	text-decoration:none;	
}
span.ul{
	text-decoration:underline;
}
@media only screen and (max-width:992px) {
	.navigation .has-sub:hover &gt; ul {display: none;}
}
li.subgroep, li.subgroep:hover, .navigation .has-sub ul li.subgroep a:hover, .navigation .has-sub .has-sub ul li.subgroep a:hover,.navigation .has-sub ul li.subgroep a, .navigation .has-sub .has-sub ul li.subgroep a {
	background-color:#000;	
}

.fileinput-button {
	position: relative;
	overflow: hidden;
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-300px, 0) scale(4);
	cursor: pointer;
}
.fileinput-button{
	clear:both;
	float:left;
}
.uploadbtn{display:inline-block;*display:inline;cursor:pointer;}
a.bekijkUupload{display:inline-block;*display:inline;}
.progress{height:2px;margin-bottom:0px;overflow:hidden;background-color:#f7f7f7;display:none;}.progress .bar{float:left;width:0;height:100%;color:#fff;text-align:center;background-color:#0e90d2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .2s ease;-moz-transition:width .2s ease;-o-transition:width .2s ease;transition:width .2s ease}

/*  KLEIN SCHERM  */
@media only screen and (max-width:992px) {
	.hoogtepunt{
		width: 100%;
		margin-left:0;
		margin-right:0;	 	
	}
	.list{
		overflow: hidden;
		width: 100%;
		margin:0 0 20px 0;
		padding:0;
	}
	.list__item{
		width: 100%; 
		padding:0;
		float: none;
	}
	.hoogtepunten_img{
		float:left;
		width: 36%;
		margin-bottom:0px;
	}
	.hoogtepunten_txt{
		float:left;
		width: 58%;
		padding-bottom:3%;
		margin-bottom:0px;
	}
	.hoogtepunten_kop{
		white-space:normal;
		height:auto;
		padding-top:2px;
		padding-bottom:2px;
	}
	.koppad{
		padding:5px 3%;
	}
}
#uitgelicht_img{
	width:100%;
}

/*  hamburger  */
.logodiv img{
	max-width:320px;width:100%;
}
.moblogo{
	float:left;position:relative;margin:10px;left:0;width:calc(100% - 100px);
}
.moblogo img {
	width: 100%;
	max-width: 320px;
}


.down-ico-img-td{
	padding-right:6px;padding-top:4px;vertical-align:top;
}
.down-text-td{
	vertical-align:middle;width:100%;
}
.instakolom{
	position:absolute;width:90%;top:5%;left:5%;right:5%;bottom:0;height:90%;overflow:hidden;
}
.bannersmal{
	float:left;
	width:100%;	
	position:relative;
	margin-bottom:20px;
}
.bannersmal img{
	width:100%;	
	padding-top:10px;
	
}
.bannerbutton{
	display:table;;
	margin-top:10px;
}	
/*  KLEIN SCHERM  */
@media only screen and (max-width:992px) {
	.main article{
		float: left;
		width: 94%;
		margin-left:3%;
		margin-right:3%;
		margin-bottom:0px;
	}
	.main aside {
		float: left;
		width: 94%;
		margin-left:3%;
		margin-right:3%;
		margin-top:0px;
	}
	.instakolom{
		position:relative;width:90%;top:5%;left:5%;right:5%;bottom:0;	
	}
	.item{
		width:auto;
	}
	.spothalf{
		float:left;
		 clear:both;	
		width:100%;
		margin-bottom:20px;
	}
	.preview_image{
		float:right;
		width:15%;
		padding-right:5%;
	}
	.preview_txt{
		float:left;
		width:80%;
	}
	.meer{
		display:inline;
	}
	.halflinks, .halfrechts, .tweederdelinks, .derdelinks, .derdemidden, .derderechts, .halfrechtskal{
		clear:both;
		width:100%;
	}
	.tweederdelinksverder{
		width:100%;	
	}
	.tweerijen{
		float:left;
		width:100%;	
		margin-right:0;
	}
	.zoeken{
		display:none;	
	}
	.logo{
		float:left;
		width:96%;
		height:auto;
		margin-left:1%;
		margin-right:3%;
		left:0px;
	}
	.footer_kolom{		
		width:100%;
		margin-right:0%;
		padding-bottom:0;
		margin-top:0px;
	}
	.footer_kolom:last-child{
		border-bottom:0;
	}
	.introrechts{
		float:left;width:100%;margin-left:0px;margin-bottom:20px;
	}
	.introrechts .hoogtepunten_img{
		padding-bottom:0px;	
		margin-bottom:0px;
	}
	img.volgons{
		width:18px;
		height:18px;	
	}
	footer a{
		/*
		padding-bottom:14px;
		line-height:40px;
		*/
	}
	footer #site a{
		padding-bottom:0;
		line-height:0;
	}
	.ico_social{
		margin-left:16px;
		width:32px;
	}
	#site{
		bottom:-70px;
	}
	#uitgelicht_img{
		float:left;
		width:30%;
	}
	.uitgelicht_bg{
		float:left;
		width:50%;	
	}
}
/*  KLEIN SCHERM */
@media only screen and (max-width:550px) {
	.mwtabel,  .mwfoto{
		display:block;margin-bottom:0;border-spacing:0;
	}
	.mwrow{
		display:flex;
		flex-wrap:wrap;	
		width:100%;
		margin-bottom:0;
	}

	.mwfoto.mwfoto1, .mwfoto.mwfoto2, .mwfoto.mwfoto3{width:30%;max-width:200px;border-top:15px solid #FFF;}
	.mwtekst{
		width:60%;padding-bottom:0;margin-bottom:15px;border-right:0;
		border-top:15px solid #FFF;
	}
	.mwfoto, .mwtekst{
	
	}
	.mwtekst.mwtekst1{width:60%;}
	.mwtekst.mwtekst2{width:65%;}
	.mwtekst.mwtekst3{width:60%;}
}

@media only screen and (max-width:400px) {
	.hoogtepunten_img,.hoogtepunten_txt{
		float:left;
		width: 100%;
	}
	.hoogtepunten_img{
		margin-bottom:0;
	}
	.car_blokjes{
		right:5px;
		top:5px;
	}
	.car_blokje{
		width:10px;
	 	height:10px;
	 	margin-left:5px;
	}
	#uitgelicht_img{
		width:100%;
		padding:0;
		margin:10px 0;
	}
	.uitgelicht_bg{
		float:left;
		width:100%;	
	}
}

/*!
 * justifiedGallery - v3.8.1
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2020 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.justified-gallery &gt; a,
.justified-gallery &gt; div,
.justified-gallery &gt; figure {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
  filter: "alpha(opacity=10)";
  opacity: 0.1;
  margin: 0;
  padding: 0;
}
.justified-gallery &gt; a &gt; img,
.justified-gallery &gt; div &gt; img,
.justified-gallery &gt; figure &gt; img,
.justified-gallery &gt; a &gt; a &gt; img,
.justified-gallery &gt; div &gt; a &gt; img,
.justified-gallery &gt; figure &gt; a &gt; img,
.justified-gallery &gt; a &gt; svg,
.justified-gallery &gt; div &gt; svg,
.justified-gallery &gt; figure &gt; svg,
.justified-gallery &gt; a &gt; a &gt; svg,
.justified-gallery &gt; div &gt; a &gt; svg,
.justified-gallery &gt; figure &gt; a &gt; svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
}
.justified-gallery &gt; a &gt; .jg-caption,
.justified-gallery &gt; div &gt; .jg-caption,
.justified-gallery &gt; figure &gt; .jg-caption {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: 300;
  font-family: sans-serif;
}
.justified-gallery &gt; a &gt; .jg-caption.jg-caption-visible,
.justified-gallery &gt; div &gt; .jg-caption.jg-caption-visible,
.justified-gallery &gt; figure &gt; .jg-caption.jg-caption-visible {
  display: initial;
  filter: "alpha(opacity=70)";
  opacity: 0.7;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  -o-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.justified-gallery &gt; .jg-entry-visible {
  filter: "alpha(opacity=100)";
  opacity: 1;
  background: none;
}
.justified-gallery &gt; .jg-entry-visible &gt; img,
.justified-gallery &gt; .jg-entry-visible &gt; a &gt; img,
.justified-gallery &gt; .jg-entry-visible &gt; svg,
.justified-gallery &gt; .jg-entry-visible &gt; a &gt; svg {
  filter: "alpha(opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  -o-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.justified-gallery &gt; .jg-filtered {
  display: none;
}
.justified-gallery &gt; .jg-spinner {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0 10px 0;
  left: 50%;
  filter: "alpha(opacity=100)";
  opacity: 1;
  overflow: initial;
}
.justified-gallery &gt; .jg-spinner &gt; span {
  display: inline-block;
  filter: "alpha(opacity=0)";
  opacity: 0;
  width: 8px;
  height: 8px;
  margin: 0 4px 0 4px;
  background-color: #000;
  border-radius: 6px;
}

/*tooltip */
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.zwrt{
	color:#000;	
}
.vacaturesrechts, .vacatureslinks{
	background:none;
	float: left;
	position: relative;
}
.vacatureblokje{
	padding:10px 5% 20px 5%;
}
.vacatures .vacatureblokje, .vacatureslinks .vacatureblokje{
	padding:0;
}
.vacatureblokje h3{
	margin-top:20px;
}
.vacatureblokje h3:first-child{
	margin-top:0;
}
.quote{
	clear:both;
	float:left;
	width:100%;
	position:relative;
	margin: 60px 0 20px 0;
}
.quotepersoon{
	clear:both;
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	margin-top:-10px;
}
.quote .quotediv{
	display:table;
	background-color:#F6F6F6;
	position:relative;
	margin: 0 auto 0 auto;
	text-align:center;
	padding:10px 40px 20px 40px;
	position:relative;
	z-index:99;
}
.quote .quotediv h1 {
	line-height:1.1;
	z-index:99;
	display:block;
}
.quote .quotediv::before, .quote .quotediv::after {
	font-family: 'font-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	content: "\e7ad";
	position: absolute;
	
	width: 48px;
	height: 48px;
	line-height: 1.3;
	font-size: 42px;
	top: -25px;
	left:-10px;
}
.quote .quotediv::after {
	content: "\e7ae";
	bottom:-20px;
	top:auto;
	right:-10px;
	left:auto;
}
img.navarrow{
	width:16px;
	vertical-align:middle;
	margin-left:5px;
}
.mob img.navarrow{
	display:none;
}
.trigger{
	display:none;	
}
.insta-icoon{
	width:40px;float:left;margin:0 0 6px 10px;
}
.insta-naam{
	padding-top:5px;float:left;padding-left:10px
}
.owl-dots, .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	margin-top:10px;
}
.owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
	background: #869791;
}
.grid-container {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -1px;
	margin-right: -1px;
	margin-bottom: 0px;
	width:100%;
	box-sizing:border-box;
}
.grid-container .grid-item {
	display: block;
	position: relative;
	max-width: 100%;
	height: auto;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-top: 0;
	margin:5px;
	background-color:#efefef;
	box-sizing:border-box;
}
.grid-container .grid-item.grid-tekst{
	margin-left:5px;
	margin-top:-5px;
}
.grid-item &gt; a&gt; img{
	width: 100%;
	height: auto;
	border-radius: 0;
	line-height:0;
}
.grid-container &gt; .grid-aantal-1, .grid-container &gt; .grid-aantal-2, .grid-container &gt; .grid-aantal-3, .grid-container &gt; .grid-aantal-4 {
	width: calc(100% - 10px);
}
@media (min-width: 600px){
	.grid-container &gt; .grid-aantal-4, .grid-container &gt; .grid-aantal-3, .grid-container &gt; .grid-aantal-2 {
		width: calc(50% - 10px);
	}
	.grid-container .grid-item.grid-tekst{
		margin-left:-5px;
		margin-top:5px;
	}
}
@media (min-width: 992px){
	.grid-container &gt; .grid-aantal-3 {
		width: calc(33% - 10px);
	}
	.grid-container &gt; .grid-aantal-4 {
		width: calc(33% - 10px);
	}
	.sub-menu-container .menu-item &gt; .menu-link{
		padding-top:8px;
		padding-bottom:8px;
		line-height:1.3;
	}
}

@media (min-width: 1400px){
	.grid-container &gt; .grid-aantal-4 {
		/*width: calc(20% - 10px);*/
	}
}
.grid-binnen{
	padding:5%;
	width:90%;
	margin:0 0 30px 0;
	overflow:hidden;
}
#instagram-photos{
	width:100%;	
}
#instagram-photos img{
	width:100%;	
	margin-bottom:0;
}
.instacarrousel{
	float:left;
	position:relative;	
}</pre></body></html>