/*
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}


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;
	line-height:0;
	width: 100%;
	padding:0;
	}
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{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
 overflow-x: hidden;
}

html, body{height:100%;}
body {
margin:0;
background-color: #fff;
color: #003c69;
font-family: 'Ubuntu', sans-serif;
font-size: 27px;
font-weight: 400;
line-height: 1.4;
}

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

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

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

a {color: #ef7c00;}

a:hover {color: #55a7dd;}

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

article ol,article ul,aside ol,aside ul {
list-style-type: disc;
margin-left:30px;
margin-bottom:30px;
}
article ol li,article ul li,aside ol li,aside ul li {
padding-left:15px;
}

a.naarbundels{
color:#003c69;
}

a.naarbundels:hover{
color:#ef7c00;
}

a.naarbundels:after{
content: "";
    display: inline-block;
    background: url("https://stichtingjustineborkes.nl/external/siteimages/basis/piltje-verder-orange.png") no-repeat; 
    background-position: 0 0;
    width: 38px;
    height:24px;
    margin: 0 0 -3px 10px;
}
img.anbi{
max-width:120px;
margin-bottom:20px;
}
.btn-terug{
fony-size:20px;
}

.btn-terug:before{
content: "";
    display: inline-block;
    background: url("https://stichtingjustineborkes.nl/external/siteimages/basis/terug-bleu.png") no-repeat; 
    background-position: 0 0;
    width: 38px;
    height:24px;
    margin: 0 10px -3px 0;
}
/* Headings
--------------------------------------------- */

h1{
font-size: 33px;
font-weight: 400;
line-height: 1.3;
color:#55a7cc;
margin: 0;
padding: 0;
}
h2{
font-size: 26px;
line-height: 1.5;
font-weight: 300;
padding-bottom: 20px;
}
h3 {font-size: 20px;}
.bigscreen{}
.smaalscreen{display:none;}


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

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

.site-container-home {
background-color: #fff;
max-width: 100%;
border-top:0px #55a7dd solid;
margin-top:10px;
overflow: hidden;
padding: 0;
}

.wrap{
max-width:1360px;
margin:20px auto 0;
}
.wraphome{
max-width:1360px;
margin:10px auto 0;
}

.wrap-home-mansory{
max-width:1390px;
margin:0 auto ;
border-top:0px #55a7dd solid;
}


.wrap-logo{
max-width:400px;
margin:60px auto 0;
}

.klein-logo{
max-width:280px;
margin:30px 0 20px 45px;
}

.site-footer {
background-color: #fff;
max-width: 100%;
border-top:1px #55a7dd solid;
margin-top:10px;
overflow: hidden;
padding: 0;
}

.blockfoot {
padding: 0;
font-size:20px;
font-weight: 300;
margin-bottom:30px;
}

.blockfoot a  {
color:#003c69;
}


	

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

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

.cnt-cols {
float:left;
width: 100%;
margin-top:30px;
border:0px solid #e3000f;
}

.col-left {
float:left;
width: 47%;
}

.col-right {
float:right;
width: 48.9%;

}

.insert-img-right {
margin-top:15px;
}
.insert-img-right img{
border-top:1px solid #e3000f;
}

aside img{
margin-bottom:30px;
}

.bundelboek img{
margin-bottom:0px;
}

.mainvisual {
background-color: #55a7dd;
color:#fff;
}

.insert-mainvisual {
padding:5px 0;
text-align: center;
}

.insert-mainvisual h1 {
font-size:55px;
color:#fff;
}

.inleiding-overzicht{
padding:30px 150px 10px 150px;
border-bottom:1px #ef7c00 solid;
}

.maintext-overzicht{
padding:0px 10px 10px 45px;
border:0px #cc0000 solid;
}

.maintext-overzicht p{
padding:0 0 20px ;
}

.bloc-naardetail{
padding:45px 30px 30px 30px;
}
.bloc-naardetail h1{
margin-bottom:20px;
}

.bloc-naardetail ul{
list-style-type: disc;
margin-left:20px;
}

.bloc-naardetail ul li:after{
content: "";
display: inline-block;
background-position: 0 0;
width: 38px;
height:26px;
margin: 0 0 -3px 10px;
}

.kop-detail{
	text-align: center;
border-top:3px solid #55a7dd;
border-bottom:1px #ef7c00 solid;
padding:10px 0;
}
.kop-detail h1{
	font-size:45px;
color:#003c69;
}
.block-klein{
font-size:20px;
padding:0px 10px 10px 45px;
margin-bottom:20px;
margin-top:0px;
	}
.block-detail-meer{
padding:0px 10px 10px 45px;
margin-bottom:30px;
margin-top:0px;
	}

.block-detail-meer:before{
height: 1px;
display: block;
width: 125px;
background: #ef7c00;
margin-bottom:25px;
content: '';
}

.block-stichtinginfo{
padding:0px 10px 10px 45px;
margin-bottom:20px;
margin-top:-15px;
font-size:20px;
font-weight:300;
	}

.block-stichtinginfo:before{
height: 1px;
display: block;
width: 125px;
background: #ef7c00;
margin-bottom:25px;
content: '';
}

.block-detail-logo{
max-width:40%;
margin-top:30px;
	}

.block-colofon{
padding:0px 10px 10px 45px;
margin-bottom:30px;
margin-top:0px;
font-size:20px;
font-weight:300;
	}

.block-colofon:before{
height: 1px;
display: block;
width: 125px;
background: #ef7c00;
margin-bottom:25px;
content: '';
}




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

.bundelboek{
width:30%;
border:1px #55a7dd solid;
margin-bottom:5%;
}
i{width:30%;
margin:;
}
.plainmetstreep{
padding:0px 10px 10px 45px;
	}
.plainmetstreep p{
padding:0 0 20px ;
	}
.plainmetstreep:before{
height: 8px;
display: block;
width: 125px;
background: #ef7c00;
margin-bottom:30px;
content: '';
}

.plain-detail-meer{
padding:0px 10px 10px 45px;
margin-bottom:30px;
margin-top:0px;
	}

.plain-detail-meer:before{
height: 1px;
display: block;
width: 125px;
background: #ef7c00;
margin-bottom:25px;
content: '';
}

/*blocks home --------------------------------------------- */

.inleiding-home{
padding:30px 150px;
background-color: #55a7dd;
border:0px #cc0000 solid;
}
.inleiding-home p{
font-size:25px;
color:#fff;
}
.inleiding-home h1{
text-align: center;
font-size:55px;
color:#fff;
margin:0 0 15px 0;
line-height:auto;
}


.insertblockhome{
width: 100%; 
border:1px solid #55a7dd;
}


.grid li a{
color:#003c69;
-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;;
}	

.blockhometxt{
border-top:4px #fff solid;
padding:10px 60px 10px 45px;
margin-bottom:20px;
font-size:26px;
	}
	
.blockhometxt p:hover{
color:#ef7c00;
	}

.pijlbleuverder:after {
    content: "";
    display: inline-block;
    background: url("https://stichtingjustineborkes.nl/external/siteimages/basis/piltje-verder-bleu.png") no-repeat;
    background-position: 0 0;
    width: 38px;
    height:26px;
    margin: 0 0 -3px 10px;

}

.blockhomecitaat{
padding:0px 10px 10px 45px;
margin-bottom:0px;
font-size:33px;
font-weight:300;
	}
.blockhomecitaat:before{
height: 8px;
display: block;
width: 125px;
background: #ef7c00;
margin-bottom:20px;
content: '';
}

.blockhometxt h1{
	font-size:45px;
color:#ef7c00;
	}
/*
Site Header
---------------------------------------------------------------------------------------------------- */
.cont-header{ /*xtra div voor menu vast*/
position:fixed;
top:0;
width:100%;
height:100px;

z-index:1000;
}	
.site-header {

background-color: #fff;
padding: 0;
overflow: hidden;
border:0px solid #cc0000;
}
.site-header img{
width:auto;

}
.header-image .site-header {
	padding: 0;
}
.cnt-menu {
	display:inline-block;
	padding:0 0 0 0;
}
.cnt-contact {
	display:inline-block;
	padding:0 0 0 20px;
	border-left:2px solid #fff;
}

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

}
.childheader {
padding:0 0 0 0;
border-bottom:3px solid #55a7dd;
}


/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */
.kadersm{
display:inline-block;
width: 64px;
margin-right:0px;
}


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

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

img {height: auto;}

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


/* 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: bold;text-transform: uppercase;}
td {border-top: 1px solid #ddd;padding: 6px 0;}