html,
button,
input,
select,
textarea {
	color: #00;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	/*resize: vertical;*/
}
textarea.alleenvertikaal {
	resize: vertical;
}
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;
}

html * {max-height:1000000px;}
html{
	margin: 0;
}

 body {
	background: #fff;
	margin: 0;
}
input[type=checkbox] {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #78a0bf;
	padding: 6px;
	border-radius: 2px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-top:-1px;
}
input[type=checkbox]:active, input[type=checkbox]:checked:active {
	
}
a.button{
	background-color: #000;
	color:#FFF;	
	padding:3px 12px;
}
#verpl{
	padding-top:20px;
	font-size:80%;	
}
input[type=checkbox]:checked {
	background-color: #fff;
	border: 1px solid #78a0bf;
	box-shadow: 0;
	color: #6083AA;
	padding:0;
	width:14px;
	height:14px;
}
input[type=checkbox]:checked:after {
	content: '\2714';
	font-size: 13px;
	font-weight:bold;
	position: absolute;
	top: -3px;
	left: 1px;
	color: #6083AA;
}
input[type=radio] {
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #78a0bf;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 6px;
	border-radius: 20px;
	display: inline-block;
	position: relative;
}

input[type=radio]:checked:after {
	content: ' ';
	width: 10px;
	height: 10px;
	border-radius: 20px;
	position: absolute;
	top: 1px;
	background: #78a0bf;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 1px;
	font-size: 24px;
}

input[type=radio]:checked {
	background-color: #fff;
	color: #78a0bf;
	border: 1px solid #78a0bf;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

input[type=radio]:active, input[type=radio]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
::-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,html {
	padding:0;
	margin:0;
}

body{	
	font-family: "Lato",Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #0F3550;
	line-height:1.4;
	-webkit-text-size-adjust: none;
	font-size:16px;	
	letter-spacing:1px;
	font-weight:300;
	background: #fff url('../images/bg.png') repeat-y left top;	
}



td{
	vertical-align:top;	
}
a {
	text-decoration: none;
	color: #0F90C3;
}
a:hover{
	text-decoration:underline;	
}
a.link, a.link img, a img { border: none; outline: none; }


b, strong{
	font-family:"Lato";
	font-weight:700;
}
.beetjevet{
	font-weight:400;
}
p{
	padding:0;
	margin:0;
}

.pt5{
	padding-top:4px;
}
p.url { display:none;} 
h1,h2,h3,h4{
	font-weight:300;
}

h1{
	font-family:"Lato";
	font-size:36px;
	line-height:1.4;
	color:#CF580B;
	letter-spacing:6px;
	margin-top:30px;
	margin-bottom:12px;
	
}

h2{
	font-family:"Lato";
	font-size:24px;
	line-height:1.3;
	color:#0F90C3;
	letter-spacing:2px;
	margin-top:10px;
	margin-bottom:12px;
}
h3{
	font-family:"Lato";
	font-size:16px;
	line-height:1.4;
	color:#0F90C3;
	letter-spacing:2px;
	margin-top:0;
	margin-bottom:12px;
	padding-top:0;
}
.container {
	position:relative;
	width: 100%;
	max-width:1920px;
	margin: 0;
}
.tabel{
	display:table;
}
.rij{
	display:table-row;
}
.cel{
	display:table-cell;
}
.flex-container {
	position:relative;
	display: flex;
	flex-wrap: wrap;
}
.flex-container{	
	
}
.mainNav{
	position:fixed;
	width:100px;
	vertical-align:top;
	left:0;
	top:100px;
	bottom:0;
	background-color:#dada98;
	text-align:center;
	line-height:1;
	font-size:14px;
	letter-spacing:2px;
	color:#FFF;
	z-index:2;
	font-family: "Lato";
	font-weight:400;
}
.mainNav img{
	width:100px;
	margin:20px 0 0 0;
}

a.nav,a.nav_hi{
	font-size:12px;
	letter-spacing:1px;
	color:#FFF;
	text-decoration:none;
	transition: 0.5s;
}
a.nav_hi, a.subnavhi{
	color:#315178;
}
a.nav:hover{
	color:#315178;
	text-decoration:none;
}
a.lan{
	
}
.zoek{
	position:fixed;
	width:100px;
	vertical-align:top;
	left:0;
	top:0;
	margin:0;
	z-index:2;
}
div.headertabel{
	display:table;
	margin-left:100px;	
	width:calc(100% - 100px);
}
div.header{
	display:table-cell;
	position:relative;
	max-width:1820px;
	text-align:center;
	height:100px;
	vertical-align:middle;
}
.logo{
	display:table-cell;
	line-height:0;
	text-align:right;
	width:342px;
	vertical-align:middle;
}
.nep{
	display:table-cell;
	line-height:0;
	text-align:right;
	max-width:342px;
}
@media only screen and (max-width:1400px) {
	.nep {
		display:none;
	}
}
.logo img{
	height:100px;
}
.blauw{
	color:#0F90C3;	
}
.hoofdkop{
	font-size:2.2vw;
	letter-spacing:2px;
	line-height:1.2;
	color:#367995;
	z-index:2;
	padding:0 30px;
	font-family: "Lato";
	font-weight:300;
	white-space: nowrap;
}
.filterchecks{
	margin-top:8px;	
}
@media only screen and (min-width:1400px) {
	.hoofdkop {
		font-size:40px;
	}
}
@media only screen and (max-width:900px) {
	.hoofdkop {
		white-space:normal;
		font-size:2.5vw;
	}
	.logo img{
		height:70px;
	}
}
.meerinfo, .download{
	position: absolute;
	bottom:0
}
.meerinfo img, .download img{
	vertical-align:middle;
	margin-top:-2px;
	margin-right:4px;
}
.meerinfo a, .download a{
	font-weight:400;
}
.subNav{
	display:none;
	width:290px;
	vertical-align:top;
}
.main{
	z-index:1;
	position: relative;
	max-width:1820px;
	width:calc(100% - 100px);
	padding-left:100px;
}
.oker{
	position: absolute;
	background-color:#ebe9f8;
	margin-top:0px;
	left:-310px;
	right:20px;
	top:270px;
	height:180px;
	z-index:-1;
}
.inspring{
	position: relative;
	padding-left:290px;
	max-width:1300px;
	width:calc(100% - 290px);
}
.max1450{
	max-width:1470px;	
}
.max950{
	max-width:950px;	
}
.submenu{
	position: relative;
	display:table-cell;
	width:290px;
	z-index:10;
}
.suppie{
	position: fixed;
	width:240px;
	background-color:#D3E5DA;
	padding:20px 20px 0 30px;
	top:100px;
	z-index:2;
}
.submenutop{
	float:left;position:relative;height:100px;background: #306e5d url('../images/header_op_blauw_bg.png') repeat-y ;margin-top:-20px;margin-left:-30px;width:calc(100% + 50px);margin-bottom:30px;
}
.scholingfilters{
	float:left;position:relative;background: #f0eeeb;margin-top:0px;margin-left:-30px;width:calc(100%);padding:20px 20px 30px 30px;
}
.kopje{
	font-weight:bold;
	padding-bottom:6px;	
}
.submenu div a{
	display:table;
	line-height:1.4;
	font-weight:400;
	margin-bottom:2px;
	font-size:15px;
}
.naastsubmenu{
	display:table-cell;
	position:relative;
	width:calc(100% - 610px);
	max-width:790px;
	text-align:left;

}

.sidebar{
	position:relative;
	display:table-cell;
	vertical-align:top;
	text-align:left;
	width:330px;
	padding-left: 20px;
}
@media only screen and (max-width:900px) {
	.tabel{
		display: flex;
		flex-wrap: wrap;
	}
	.sidebar{
		display:block;
		padding-left:310px;
	}
	.naastsubmenu{
		display:block;
		width: calc(100% - 290px);
	}
}
.header_inspring, .header_inspring_bruin{
	position:relative;
	max-width:810px;

	background:#F3EBDF;
	color:#535353;
	padding:30px 0 20px 310px;
	margin-left:-290px;
	width:calc(100% - 20px);
	font-size:24px;
}
.header_inspring_bruin{
	/*background:#5d2d4b url("../images/footer_bg.png") top left repeat-y;*/
	background:#5d2d4b;
	color:#D3E5DA;
}
.header_inspring_breed{
	position:relative;
	/*background:#5d2d4b url("../images/footer_bg.png") top left repeat-y;*/
	background:#5d2d4b;
	color:#D3E5DA;
	padding:30px 0 20px 290px;
	margin-left:-290px;
	width:calc(100% - 20px);
	font-size:24px;
}
.inspring_breed{
	position:relative;
	background:#dae3e4 ;
	color:#367995;
	padding:20px 0 10px 290px;
	margin-left:-290px;
	width:calc(100% - 20px);
	font-size:20px;
}
.tussenblokken{
	position:relative;
	max-width:810px;
	background:#5d2d4b  top left repeat-y;
	color:#D3E5DA;
	padding:30px 0 20px 310px;
	margin-left:-290px;
	width:calc(100% - 20px);
	font-size:24px;
}
.tabel_titel{
	position:relative;
	max-width:810px;
	background:#F3EBDF;
	color:#535353;
	padding:30px 0 20px 310px;
	margin-left:-290px;
	width:calc(100% - 20px);
	font-size:24px;
}
td{
	color:#367995;
	padding:7px 10px;
}
th{
	background-color:#D3E5DA;
	color:#367995;
	padding:7px 10px;
}
ul{
  list-style-type: square;
  margin-left:0;
  margin-top:0;
  padding-left:20px;
}
.zwart{
	color:#000;	
}
#verwijzing{
	display: none;
	position: absolute;
	color: #000;
	padding: 30px;
	border: solid 1px #ccc;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.14);
	background: #FFF;
	text-align: center;
	width: 450px;
	font-size:14px;
	z-index:99999;
}
.tekst_inspring{
	padding:30px 30px 60px 20px;
	max-width:720px;
	width:calc(100% - 50px);
}
.protocolblok{
	float:left;position:relative;background-color:#D3E5DA;width:100% ;
}
.protocolactief:hover,.protocolactiefaan{
	background-color:#ebe9f8;
}
#zoekvak{
	position:fixed;
	top:0;
	left:100px;	
	height:20px;
	width:250px;
	display:none;
	z-index:999999;
	background-color:#fff;
	padding:40px 20px;
}
.toon{
	display:block;
}
#zoekvak input{
	height:30px;
	width:180px;
	font-size:21px;
	margin-right:7px;
}
a.hotspot{
	display:table;
	margin-bottom:10px;
	text-decoration:none;
	color:#367995;
}
a.hotspot:hover{
	color:#535353;
}
.nomaxw{
	max-width:100%;
}
.tekst_bg_oker{
	background: url("../images/tekst_bg_oker.png") bottom left no-repeat;
}
.pasfoto{
	border:1px solid #D8D8D8;
	width:220px;
	margin-right:20px;
	margin-top:30px;
}
.home_top_bg{
	height:200px;
	background: #fff url('../images/home_top_bg.png') no-repeat center top;
	margin-bottom:20px;
}
.home_top_bg div{
	max-width:780px;
	width:70%;
	color:#325179;
	font-size:18px;
	margin:0 auto;
	padding-top:25px;
}
.content_top_bg{
	position:relative;
	height:200px;
	width:100%;
	background: #306e5d url('../images/header_op_blauw_bg.png')  repeat-y left top;
	background-size: 448px 22px;
}
.content_top_bg div{
	max-width:780px;
	padding-top:25px;
	padding-left:310px;
}
.content_top_bg div h1{
	color:#fff;
	font-size:50px;
	font-weight:100;
}
input.border, textarea.border, select.border{
	width:100%;
	max-width:400px;
	height:28px;
	border:1px solid #98c7d9;
	margin-bottom:8px;
	padding:2px 5px;
}
.veldnaam {
	font-weight:bold;
	margin-top:19px;	
}
.alertbox{
	width:100%;border:1px solid #FF6600;padding:8px 15px 14px 15px;margin-bottom:20px;color:#FF6600;max-width:600px;border-radius:8px;line-height:1.4;
}
.alertbox h3{
	color:#FF6600
}
#wwvergeten{
	display:none;	
}
textarea.border{
	height:100px;
}
@media only screen and (min-width:700px) {
	.home_top_bg div, .content_top_bg div{
		font-size:20px;
	}
}
@media only screen and (min-width:1000px) {
	.home_top_bg div, .content_top_bg div{
		font-size:24px;
	}
}

.blokje{
	max-width:380px;
	vertical-align:top;
	width: 390px;
	margin: 10px;
	position:relative;
}
.pb40{
	padding-bottom:40px;	
}
.mb60{
	margin-bottom:60px;	
}
.mb40{
	margin-bottom:40px;	
}
.ml0{
	margin-left:0;	
}
.pr20{
	padding-right:20px;	
}
.mwblokje{
	max-width:240px;
	vertical-align:top;
	width: 240px;
	padding-bottom:20px;
	margin-bottom: 50px;
	position:relative;
	color:#0F90C3;
	z-index:0;
}
@media only screen and (max-width:1300px) {
	.opvul{
		display:none;	
	}
}

.w210{
	width:210px;	
	max-width:210px;
}
a.meer{
	font-size:18px;	
	position:absolute;
	right:0;
	top:50px;
	color:#cf580b;
}
.breed{
	clear:both;
	width:100%;
}
.kop{
	display: table;
	position: relative;
	vertical-align:top;
	width:calc(100% - 10px);
	margin-bottom:22px;
	margin-left:10px;
}
.scheider{
	background: url('../images/scheider.png') no-repeat center ;
	background-size:100% 20px;
	margin:40px 0 0 10px;
	height:20px;
	line-height:1;
	width:calc(100% - 20px);
}
.img_met_ico{
	position: relative;
	width:100%;
	margin-bottom:20px;
}
.ico_home{
	position:absolute;
	width:50px;	
	bottom:-25px;	
	right:0;
}
.ico{
	display:table-cell;
	width:50px;	
	padding-right: 20px;
	padding-bottom:10px;
	vertical-align:top;
}
.naastico{
	display:table-cell;
	vertical-align:top;
}
.hoverbig{
	position:absolute;top:0;left:0;width:100%;
	transition: width 0.5s;
}
.bighovertrigger:hover .hoverbig{
	width:105%;
}
.datum{
	display:table-cell;
	vertical-align:middle;
	color:#0F90C3;
	margin-bottom:10px;
}
.datum h2{
	margin-bottom:0;	
	padding-bottom:0;
	line-height:1;
	font-size:22px;
}
.footer{
	position:relative;
	max-width:1530px;
	width:calc(100% - 390px);
	margin-top:30px;
	margin-left:100px;
	background:#5d2d4b url("../images/footer_bg.png") top left repeat-y;
	color:#D3E5DA;
	padding:30px 0 30px 290px;
	z-index:0;
}
.footer-logo{
	width:300px;
}
.handje{
	cursor:pointer;
}
.honderp{
	width:100%;	
}
.footer h2,.footer a{
	color:#D3E5DA;
	margin-bottom:0;
}
.footer_blokje{
	float:left;
	width:300px;	
	margin-bottom:20px;
	margin-right:20px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container-hoogtepunt iframe,
.video-container-hoogtepunt object,
.video-container-hoogtepunt embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.formulier{
	width:100%;	
}

/*einde dialog*/
.afbeelding1{
	position:relative;
	width:100%;
	max-width:700px;
	margin:0 auto;
	padding:0;
}
.afbeelding1 img{
	width:100%;
	height:auto;
}
.lh0{
	line-height:0;font-size:0;	
}
.locatie{
	position:absolute;background-color:#00738f;width:20px;height:20px;border-radius:20px;z-index:99;border:1px solid #78c6d4;	font-size:12px;color:#FFF;cursor:pointer;
}
label {
	display:none;
	margin-bottom:5px;
}
input.text, input.select {
	border:none;	
	height:25px;
	line-height:25px;
	width:100%;
	text-indent:5px;
	margin-bottom:10px;
}


input:focus { outline:none; }

/*popup*/
#scrollcontent{
	position:fixed;
	height:100%;
	width:100%;
	overflow:auto;
	overflow-y: scroll;
	/*min-width:400px;*/
	
}
#mmpopup{
	display:none;
	z-index:999999999999999;position:fixed;background-color:rgba(0,24,36,0.9);height:100%;width:100%;top:0;left:0;	
}
#mmvenster{
	position:relative;
	width:90%;
	overflow:hidden;	
	margin:0 auto;
	background-color:#FFF;
}
#mmsluit{
	position:fixed;
	height:18px;
	width:34px;
	background-color: #FFF;
	border-radius:17px;
	font-size:25px;
	line-height:0;
	padding-top:13px;
	color:#000;
	z-index:9999999999999999;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.kop a{
	font-weight:400;	
}