/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */


/*
kleuren
Orange-beige: d4943d
Groen: 8ba87a
Licht grijs: deded4
Donker grijs: 636362
Menu grijs: 7b7b7a 
------------------------------------------*/



/* Baseline Reset (normalize.css 2.1.2)
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */
*:focus {
    outline: none;
   }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display:block
	}
audio,canvas,video{
	display:inline-block
	}
audio:not([controls]){
	display:none;height:0}[hidden]{display:none}
html{
	font-family: 'Ubuntu', sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
	}

a:focus{
	outline:none
	}
a:active,a:hover{
	outline:0
	}

abbr[title]{
	border-bottom:1px dotted
	}
b,strong{
	font-weight:500;
	}
dfn{
	font-style:italic
	}
hr{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
	}
mark{
	background:#ff0;
	color:#000
	}
code,kbd,pre,samp{
	font-family:monospace,serif;
	font-size:1em
	}
pre{
	white-space:pre-wrap
	}
q{
	quotes:"\201C" "\201D" "\2018" "\2019"
	}
small{
	font-size:80%
	}
sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
	}
sup{
	top:-0.5em
	}
sub{
	bottom:-0.25em
	}
img{
	display: block;
	border:0;
	width: 100%;
	}
svg:not(:root){overflow:hidden}

fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.clearfix:before,
.entry:before,
.footer-widgets:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.clearfix:after,
.entry:after,
.footer-widgets:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

.clearbeide {
margin-bottom:0;
padding:0;
border:0;
display:block;
clear: both;
}

/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */


html, body{
	max-width:100%;
    height:100%;
}
body {
	margin:0;
	background-color: #fff;
	color: #222;
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}

::-moz-selection {
	background-color: #333;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
}

a {
	color: #b77cb4;
}

a:hover {
	color: #3d4697;
}

p {
	margin: 0 0 16px;
	padding: 0;
}

.pijlwit:after {
    content: "";
    display: inline-block;
    background: url("https://doopsgezindhaarlem.nl/external/siteimages/basis/DG-Pijltjes-Wit.png") no-repeat;
    background-position: 0 0;
    width: 28px;
    height:17px;
    margin: 0 0 -3px 10px;

}
.pijlzwart:after {
    content: "";
    display: inline-block;
    background: url("https://doopsgezindhaarlem.nl/external/siteimages/basis/DG-Pijltjes-Zwart.png") no-repeat;
    background-position: 0 0;
    width: 28px;
    height:17px;
    margin: 0 0 -3px 10px;

}

.pijlzwartterug{
padding-top:10px;
}	

.pijlzwartterug:before {
    content: "";
    display: inline-block;
    background: url("https://doopsgezindhaarlem.nl/external/siteimages/basis/DG-Pijltjes-terug-Zwart.png") no-repeat;
    background-position: 0 0;
    width: 28px;
    height:17px;
    margin: 0 10px -3px 0;
}

.deelsm:before {
    content: "Delen op";
    font-weight:500;
    display: inline-block;
    margin: 0px 20px 0px 0;
}


.bblauwhome a{
color:#fff;

}
a.lienblanc{
color:#fff;
}
a.lienblanc:hover{
color:#000;
}
a.paars{
color:#3d4697;

}
a.paars:hover{
color:#000;
}

a.liennoir{
color:#000;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

.flexdouble ul{
list-style: none;
padding:0px;
margin-left:20px;
margin-top:-13px;
margin-bottom:15px;
}	

.flexdouble ul li::before{
	content: "•"; color: #8ba87a;
  display: inline-block; width: 1em;
  margin-left: -1em}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-weight: 400;
	line-height: 1.2;
	
	padding: 0;
}

h1 {
	font-size: 34px;
	color:#3d4697;
	margin: 0 0 5px;
}

h2 {
	font-size: 24px;
	color:#3d4697;
	margin: 0;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

.childprefooter a{
color:#b77cb4;
}	
.childprefooter a:hover{
color:#000;
}


a.but-twitter{
width:36px;
height:36px;
background-image: url(https://doopsgezindhaarlem.nl/external/siteimages/basis/twitter.png);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -9000px;
display:inline-block;
margin-left:0px;
margin-right:5px;
text-decoration:none;
}
a.but-twitter:hover {
opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

a.but-facebook{
width:36px;
height:36px;
background-image: url(https://doopsgezindhaarlem.nl/external/siteimages/basis/facebook.png);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -9000px;
display:inline-block;
margin-left:5px;
margin-right:5px;
text-decoration:none;
}
a.but-facebook:hover {
opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

a.but-instagram{
width:36px;
height:36px;
background-image: url(https://doopsgezindhaarlem.nl/external/siteimages/basis/instagram.png);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -9000px;
display:inline-block;
margin-left:5px;
margin-right:5px;
text-decoration:none;
}
a.but-instagram:hover {
opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

a.cnthome{
color:#000;
}	

figure {
position: relative;
margin:0 0 15px 0;
}

figcaption {
  color: #fff;
  width: 100%;

  font-size: 10px;
  float: left;
  position: absolute;
  bottom: 0;
  text-align: center;
}
.txtcaption{
font-size: 2.2vw;
line-height: 1.3;
padding-top:0.8%;
	}

.figblockvert{
margin:0;
height:20%;
background: rgba(139, 168, 122, 0.8)
}

.figgotogroen{
margin:0;
height:36.3636%;
background: rgba(139, 168, 122, 0.8)
}

.figgotooranje{
margin:0;
height:36.3636%;
background: rgba(212, 148, 61, 0.8)
}

@media screen and (min-width: 1245px) {
 .txtcaption{
font-size: 27px;
line-height: 1.4;
	}
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

.featured-content img,
.gallery img {
	width: auto; /* IE8 */
}

/* Forms wtf
--------------------------------------------- */

.F_container {

width:100%;
margin:10px auto; 
border:0px #000000 solid;
font-size: 14px;
margin-bottom:15px;
}

.formfield {
color: #000;
padding: 5px;
width:100%;
margin-bottom:15px;
border:1px #000 solid;
}
.formfieldhalfleft {
  display:inline-block;
  float:left;
background-color: #fff;
color: #000;
padding: 5px;
width:48%;
margin-bottom:15px;
margin-right:4%;
border:1px #aa5320 solid;
}
.formfieldhalfright {
  display:inline-block;
  float:left;
background-color: #fff;
color: #000;
padding: 5px;
width:48%;
margin-bottom:15px;
margin-right:0;
border:1px #aa5320 solid;
}

.formfielddag {
background-color: #fff;
width:40px;
color: #000;
padding: 5px;
margin-bottom:15px;
margin-right:0;
border:1px #aa5320 solid;
}
.formfieldjaar {
background-color: #fff;
width:80px;
color: #000;
padding: 5px;
margin-bottom:15px;
margin-right:0;
border:1px #aa5320 solid;
}
.formfield_text {
border:1px #aa5320 solid;
background-color: #fff;
color: #000;
padding: 5px;
line-height:13px;
width:100%;
}



.formbutton {
	-webkit-appearance: none;
font-style:normal;
color:#fff;
font-size:16px;
font-weight:500;
background-color: #3d4697;
padding:7px 25px;
border:0;
background-image:url(https://doopsgezindhaarlem.nl/external/siteimages/basis/DG-Pijltjes-Wit.png);
background-repeat: no-repeat;
background-position: 150px 8px;

}


.formbutton:hover {
background-color: #b77cb4;
padding:7px 40px 7px 25px;
background-image:url(https://doopsgezindhaarlem.nl/external/siteimages/basis/DG-Pijltjes-Wit.png);
background-repeat: no-repeat;
background-position: 90px 8px;
}


.F_container.bouton{
text-align: left;
}	

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th,
td {
	text-align: left;
}

th {
	font-weight: 500;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-container {
	background-color: #fff;
	margin: 0 auto;
	max-width: 1625px;
	overflow: hidden;
	padding: 0;
}



.wrap {
	margin: 0 auto;
	max-width: 1245px;
}
.minlarge {
max-width: 1165px;
}

.wraptxthome {
	margin: 0 auto 25px;
	max-width: 760px;
	color:#3d4697;
	font-size:23px;
}

.largeimg{
margin:0;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
	float: right;
	width: 700px;
}



.full-width-content .content {
	width: 100%;
}

/* ACTUEEL DETAIL */

.kopdatum{
width:100%;
font-size:30px;
padding-left:30px;
padding-top:2px;
line-height:22px;
margin-bottom:18px;
color:#3d4697;
	}

.kopwieiswie{
width:100%;
font-size:30px;
padding-left:40px;
line-height:22px;
margin-bottom:25px;
color:#3d4697;
	}
.colcontainer{
margin: 0 auto;
	max-width: 1165px;
	border-top:3px solid #3d4697;
	}	
.geenbord{
border-top:0px solid #3d4697;
}

.contentleft{
float:left;
width:782px;
background-color: #fff;
}

.contentleft-text{
padding:0px 30px 20px 0;
}

.xtramarg{
margin-top:25px;
}

.contentright{
float:right;
margin-top:20px;
width:358px;
padding:10px 20px 20px 20px;
border-left:1px solid #000;
color:#000;
font-size:16px;
	}

.contentrightnoborder{
float:right;
margin-top:20px;
width:358px;
padding:10px 20px 20px 20px;
border-left:0px solid #000;
color:#000;
font-size:16px;
	}

.kopje-aside{
font-weight:bold;
color:#3d4697;
/*font-size:16px;*/
	}

	.geenmargtop{

margin-top:0px;
padding:5px 20px 20px 20px;

	}

/* KERKDIENSTEN */

.flexdiensten{
display: flex;
flex-flow: row wrap;
/* align-items: flex-start; */
justify-content:flex-start;
justify-content: space-between;
margin-bottom:20px;
padding-top:8px;
}

.dienstblock {
  width: 49%;  /* Or whatever */
  padding:0;
  margin-bottom:0;
font-size:16px;
border-top:0px solid #cc0000;
}
.dikpaars{
font-size: 18px;
font-weight:500;
color:#3d4697;
}
/* Kleur blocks
--------------------------------------------- */
.block{
margin:0 0 15px 0;
padding-top:30px;
padding-left:40px;
}

.blockfoot{
margin:0 0 15px 0;
padding-top:10px;
padding-left:40px;
font-size:16px;
font-weight:300;
}


.blockfoot a{
color:#000;
}

.blockfoot a:hover{
color:#afdef2;
}

.blockfoot a.selected{
color:#afdef2;
}


.xtrapadrgt{
padding-right:20px;
}	


.bblauwhome{
background-color: #459fcc;
padding-right:40px;
height:220px;
color:#fff;
font-size: 22px;
line-height: 1.4;

}


.block h1{
color:#fff;
	}

.block h1.paars{
color: #3d4697;
}

.kleininsert{
font-size: 16px;
}

.dun{
font-weight:300;
}	


.headhoofdstuk{
display:flex;
justify-content: center;
align-items: center;
width:100%;
height:230px;
margin:5px 0 25px 0;
}
.nomargbot{
margin:5px 0 0px 0;
}	

.kophead{
color:#fff;
font-size:73px;
font-weight:500;
}	

.bgagenda{background-color: #b77cb4;}
.bgactueel{background-color: #b77cb4;}
.bgkerkdiensten{background-color: #459fcc;}
.bgzaalverhuur{background-color: #d8b600;}
.bgdoopsgezinde-kerk{background-color: #008eab;}
.bgfotogalerie{background-color: #908dc4;}
.bglunchroom-winkel{background-color:#72ba63 ;}
.bgerfgoed{background-color: #a86184;}
.bgfilmpjes{background-color: #6777b5;}


.bgplain{background-color: #7f839a;}




.mainblocactuelle{
background-color: #b77cb4;
padding:0 0 30px 0;	
margin:15px 0;
}

.insertblockactueel{
width: 32%;  /* Or whatever */
background-color: #fff;
color:#3d4697;
}
.insertblockactueel:hover{
background-color: #459fcc;
color:#fff;
}


.insertblockactueelmetrand{
width: 32%;  /* Or whatever */
background-color: #fff;
color:#3d4697;
/*border:1px solid #b77cb4;  In header gedefienieerr, wissel per hoofdstuken*/
margin-bottom:25px;
}

i{
width:32%;
margin:;
}


/* In header gedefienieerr, wissel per hoofdstuken
.insertblockactueelmetrand:hover{
background-color: #b77cb4;
color:#fff;
}
*/


.blockactueeltxt{
padding:30px 30px 0px 40px;
margin-bottom:20px;
	}
.insertblockactueel a{
color:#3d4697;
-webkit-transition: all 0s ease-in-out;
	-moz-transition:    all 0s ease-in-out;
	-ms-transition:     all 0s ease-in-out;
	-o-transition:      all 0s ease-in-out;
	transition:         all 0s ease-in-out;;
}	
.insertblockactueel a:hover{
color:#fff;
}

.blockactueel{
padding:30px 30px 0px 40px;
margin-bottom:20px;
	}

.insertblockactueelmetrand a{
color:#3d4697;
-webkit-transition: all 0s ease-in-out;
	-moz-transition:    all 0s ease-in-out;
	-ms-transition:     all 0s ease-in-out;
	-o-transition:      all 0s ease-in-out;
	transition:         all 0s ease-in-out;;
}	

.insertblockactueelmetrand a:hover{
color:#fff;
}

.tijd{
font-size:20px;
	}

.event{
font-size:28px;
	}


.mainbloczaal{
background-color: #afdef2;
padding:0 0 30px 0;	
margin:30px 0;
}


.mainblocfooter{
background-color: #f0f3f5;
padding:20px 0 0 0;	
margin:0 0 0 10px;
}



.tekstblockcontainer{
padding:30px;

}

.tekstblockcontainer:before{
height: 5px;
display: block;
width: 65px;
background: #000;
margin-bottom:20px;
content: '';
}



/* Column Classes
--------------------------------------------- */
.flexdouble{
display: flex;
flex-flow: row wrap;
/* align-items: flex-start; */
justify-content:flex-start;
justify-content: space-between;
}

.flextriple{
display: flex;
flex-flow: row wrap;
/* align-items: flex-start; */
justify-content:flex-start;
justify-content: space-between;
}




.childdouble {
  width: 49%;  /* Or whatever */
  padding:0;
  margin-bottom:0;

}

.childdoubleZV {
  width: 49%;  /* Or whatever */
  padding:0;
  margin-bottom:0;
}
	
/* aanpassingen tbv agenda op homepage */

.childdouble-nieuw {
  width: 32%;  /* Or whatever */
  padding:0;
  margin-bottom:0;
}

/* e.o. aanpassingen tbv agenda op homepage */


.flexprefooter{
display: flex;
  flex-flow: row wrap;
  justify-content:space-between;
  padding: 0;
  width: 100%; /* Or whatever */
  margin:0 auto;
  border:0px solid #cc0000;
  background-color: #f0f3f5;
  padding:0px 20px 10px 40px;
}
.childprefooter {
  width: 24.6%;  /* Or whatever */
  padding:0;
  margin-bottom:0px;
  border-left:0px solid #8ba87a;
  padding:0;
  font-size:16px;
}
.kopfooter{
font-weight: 500;
color:#3d4697;
  font-size:18px;
}
.kopfootergris	{
font-weight: 500;
color:#f0f3f5;
}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* Search
--------------------------------------------- */


.search-form {
	overflow: hidden;
	width: 100%;
}

.search-form input[type="search"] {
	background: #f5f5f5 url(images/search.png) no-repeat 15px 16px;
	background-size: 15px 15px;
	padding: 16px 16px 16px 44px;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */
header{
width:100%;
/* background-color: #3d4697;  wisselkleur */

}	

.site-header {
height:118px;
/* background-color: #3d4697;  wisselkleur */
padding: 0;
overflow: hidden;
border:0px solid #cc0000;
}
.site-header img{
width:auto;

}
.header-image .site-header {
	padding: 0;
}

.logo{
margin: auto;
}

.flexheader{
display: flex;
flex-flow: row nowrap;  
justify-content: flex-end;
width: 100%; /* Or whatever */
padding:0 20px 0 20px;
margin-top:68px;
}

.childheader {
	padding:0 0 0 0;
	border:0px solid #cc0000;
}

.extramargtop {
 margin-top:32px;
}
.extramargright {
 margin-right:12px;
}
.extramargform {
 margin-bottom:30px;
}


/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	width: 664px;
}

.site-header .search-form {
	float: right;
	margin-top: 16px;
	width: 50%;
}

	

/* --------------------------- Groot slideshow home */

.mySlides {display: none;}


/* Slideshow container */
.slideshow-container {
  max-width: 1625px;
  position: relative;
  margin-bottom: 35px;
}
.contentleft .slideshow-container{
margin-bottom: 25px;
	}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 4vw;
  line-height:5vw;
  position: absolute;
  bottom: 3vw;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
display:none;
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
display:none;
cursor: pointer;
  height: 14px;
  width: 14px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
 
  transition: background-color 0.6s ease;
}
.dot.contact {
display: inline-block;
}

.active {
  background-color: #7f839a;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.5s;
  animation-name: fade;
  animation-duration: 2.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/* ------------------------------------------------- e.o. Groot slideshow home */






/* --------------------------- Zaalverhuur slideshow home */

.mySlidesZv {display: none;}


/* Slideshow container */
.slideshow-containerZv {
  max-width: 1000px;
  position: relative;
}

/* Caption text */
.textZv {
  color: #f2f2f2;
  font-size: 2.5vw;
  line-height:3vw;
  position: absolute;
  bottom: 2.5vw;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertextZv {
display:none;
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dotZv {
display:none;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
 
  transition: background-color 0.6s ease;
}

.activeZv {
  background-color: #afdef2;
}

/* Fading animation */
.fadeZv {
  -webkit-animation-name: fadeZv;
  -webkit-animation-duration: 2.5s;
  animation-name: fadeZv;
  animation-duration: 2.5s;
}

@-webkit-keyframes fadeZv {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fadeZv {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .textZv {font-size: 11px}
}
/* ------------------------------------------------- e.o. Zaalverhuur slideshow home */





/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {

	.after-entry,
	.comment-respond h3:after,
	.comment-respond h3:before,
	.entry-comments h3:after,
	.entry-comments h3:before,
	.entry,
	.widget-title:after,
	.widget-title:before {
		background-image: url(images/lines@2x.png);
	}

	.search-form input[type="search"] {
		background-image: url(images/search@2x.png);
	}

}


@media only screen and (max-width: 1164px) {

.contentleft{
width:67.124464%;
}
.contentright,.contentrightnoborder{
width:30.729614%;
}
.contentleft-text{
padding:0px 30px 20px 40px;
}

.flexdiensten{
padding-left:40px;
}



}



@media only screen and (max-width: 1023px) {

.mainbloczaal{

padding:0;	

}

.blockactueeltxt{
padding:10px 20px 0px 30px;
margin-bottom:20px;
	}
	.blockactueel{
padding:10px 20px 0px 30px;
margin-bottom:20px;
	}

.tijd{
font-size:2vw;
	}

.event{
font-size:2.8vw;
	}

.childdoubleZV {
  width: 100%;  /* Or whatever */
  padding:0;
  margin-bottom:0;
}

/* Slideshow container */
.slideshow-containerZv {
  padding:15px 0 0px 0;
}

/* Caption text */
.textZv {

  font-size: 4vw;
  line-height:5vw;
  bottom: 4.5vw;

}

.insertblockactueelmetrand{
width: 49%;  /* Or whatever */

}

i{
width:49%;
margin:;
}


.headhoofdstuk{
height:22vw;

}
.kophead{
font-size:7vw
}	

.bblauwhome{
height:240px;}
	
}




@media only screen and (max-width: 790px) {

	.bigscreen{
	display:none;
	}	
}




@media only screen and (max-width: 770px) {


.wraptxthome {
	margin: 0 auto 25px;
	max-width: 90%;
	color:#3d4697;
	font-size:21px;
}


}



@media only screen and (max-width: 767px) {


h1 {
	font-size: 28px;
}

h2 {
	font-size: 22px;

}

.kopdatum{
font-size:24px;
	}

.childdouble {
  width: 100%;  /* Or whatever */
}
.childdouble-nieuw {
  width: 100%;  /* Or whatever */
}

.block{
margin:0 0 15px 0;
padding:20px 40px 0px 40px; 

}


.bblauwhome{
background-color: #459fcc;
padding:20px 40px 20px 40px;
height:auto;
color:#fff;
font-size: 20px;
line-height: 1.4;

}

.mainblocactuelle{
background-color: #b77cb4;
padding:0 0 0 0;	
margin:0 0;
}

.blockactueeltxt{
padding:30px 30px 0px 40px;

	}

.insertblockactueel{
width:90%;
background-color: #fff;
color:#3d4697;
margin: 0px auto 15px;
	}

	.tijd{
font-size:3vw;
	}

.event{
font-size:3.8vw;
	}


.childtriple {
  width: 100%;  /* Or whatever */
  padding:0;
  margin-bottom:0;
}

.childprefooter {
  width: 49%;  /* Or whatever */
  padding:0;
  margin-bottom:10px;
  border-left:0px solid #8ba87a;
  padding:0 15px 0 0;
  font-size:15px;
}

/* Caption text */
.text, .textZv{

  font-size: 6vw;
  line-height:7vw;
  position: absolute;
  bottom: 4.5vw;

}

.insertblockactueelmetrand{
width: 100%;  /* Or whatever */

}

i{
width:100%;
margin:;
}

.dienstblock {
  width: 100%;  /* Or whatever */

}

.mainbloczaal{

margin:15px 0;
}



	}

@media only screen and (max-width: 667px) {

.contentleft{
width:100%;
}
.contentright,.contentrightnoborder{
float:left;
width:100%;
margin:0 0 20px 40px;
padding-right:40px;
}
.contentleft-text{
padding:0px 30px 20px 40px;
}

.childprefooter.xbreed {
  width: 98%;  /* Or whatever */
  padding:0;
  margin-bottom:0px;
  border-left:0px solid #8ba87a;
  padding:0 15px 0 0;
  font-size:15px;
}

	}

@media only screen and (max-width: 470px) {

.wraptxthome {

	font-size:18px;
}

h1 {
	font-size: 25px;
}

	.tijd{
font-size:18px;
	}

.event{
font-size:20px;
	}


	.bblauwhome{

font-size: 18px;
line-height: 1.4;

}


.childprefooter {

  font-size:14px;
}
.kopfooter{

  font-size:16px;
}

.blockfoot{

font-size:14px;
}

.blockfoot{
padding-left:20px;
}


.slideshow-container {

  margin-bottom: 20px;
}


.site-header {
height:90px;
/* background-color: #3d4697;  wisselkleur */
padding: 0;
overflow: hidden;
border:0px solid #cc0000;
}

.flexheader{
display: flex;
flex-flow: row nowrap;  
justify-content: flex-end;
width: 100%; /* Or whatever */
padding:0 20px 0 20px;
margin-top:45px;
}

.logo{
margin: 5px auto 0;
}

.block{
margin:0 0 15px 0;
padding:20px 20px 20px 20px; 

}

.flexprefooter{
display: flex;
  flex-flow: row wrap;
  justify-content:space-between;
  padding: 0;
  width: 100%; /* Or whatever */
  margin:0 auto;
  border:0px solid #cc0000;
  background-color: #f0f3f5;
  padding:0px 20px 10px 20px;
}

.contentright,.contentrightnoborder{
float:left;
width:100%;
margin:0 0 20px 20px;
padding-right:40px;
}
.contentleft-text{
padding:0px 30px 20px 20px;
}

.flexdiensten{
padding-left:20px;
}

/* Caption text */
.text, .textZv{

  font-size: 7.5vw;
  line-height:8.5vw;
  position: absolute;
  bottom: 4.5vw;

}


	}