/* AFBEELDING */

.afbeeldingsdiv {
	width: 640px;
	display: block;
	position: relative;
	float: left;
}

/* ----------------------------------------------------------

De bovenbalk

-----------------------------------------------------------*/


#eudu_bovenbalk {
	background-color: #f6f6f6;
	height: 100px;
	position: relative;
}

#eudu_bovenbalk div {
	box-sizing: border-box;
}

.eudu_bovenbalk_visje {
	background-color: #ffd700;
	width: 50%;
	height: 100%;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #454545;
	float: left;
	position: relative;
}

.eudu_bovenbalk_visje span {
	position: absolute;
	bottom: 21px;
	left: 0px;
	width: 100%;
	text-align: center;
}

.eudu_bovenbalk_visje:hover {
	background-color: #ffe344;
	transition: .2s ease-in-out;
}

#eudu_bovenbalk_knopjes {
	display: none;
}

.eudu_bovenbalk_taal {
	display: none;
}

.eudu_bovenbalk_vegaburger {
	float: left;
	width: 50%;
	height: 100%;
	background-color: #eeeeee;
	text-align: center;
	cursor: pointer;
	border-bottom: 1px solid #eeeeee;
}

.eudu_bovenbalk_vegaburger:hover {
	background: #f6f6f6;
	transition: .2s ease-in-out;
}

.eudu_bovenbalk_vegaburger:hover #vegaburgericoon span {
	background: #aaaaaa;
}


@media (min-width: 460px) {



	#eudu_bovenbalk_knopjes {
		display: block;
		background-color: #f6f6f6;
		width: calc(100% - 280px);
		height: 100%;
		float: left;
		box-sizing: border-box;
		border-bottom: 1px solid #eeeeee;
		overflow: hidden;
	}

	#eudu_bovenbalk_knopjes ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 100%;
	}

	#eudu_bovenbalk_knopjes a li, #eudu_bovenbalk_knopjes li, .eudu_bovenbalk_taal {
		height: 100%;
		float: left;
		padding: 20px 10px 20px 10px;
		box-sizing: border-box;
		border-right: 1px solid #eeeeee;
		position: relative;
		text-align: center;
	}

	#eudu_bovenbalk_knopjes a li:hover, #eudu_bovenbalk_knopjes li:hover, .eudu_bovenbalk_taal:hover {
		background-color: #e6e6e6;
		transition: .1s ease-in-out;
	}

	#eudu_bovenbalk_knopjes a li span, #eudu_bovenbalk_knopjes li span {
		vertical-align: bottom;
		display: table-cell;
		text-transform: uppercase;
		color: #606060;
	}

	.eudu_bovenbalk_actief {
		display: table;
		background-color: #eeeeee;
		width: 100%;
	}

	.eudu_bovenbalk_inactief {
		display: none;
	}

	.eudu_bovenbalk_taal {
		display: none;
	}

	.eudu_bovenbalk_visje {
		width: 140px;
	}

	.eudu_bovenbalk_vegaburger {
		width: 140px;
		background-color: #f6f6f6;
	}

	.eudu_bovenbalk_vegaburger:hover {
		background-color: #e6e6e6;
	}

	.eudu_bovenbalk_vegaburger:hover #vegaburgericoon span {
		background: #606060;
	}

}

@media (min-width: 660px) {

	.eudu_bovenbalk_taal div {
		position: absolute;
		bottom: -5px;
		left: 55px;
		opacity: 0.4;
	}

	.eudu_bovenbalk_taal:hover div {
		opacity: 1;
		transition: .1s ease-in-out;
	}

	.eudu_bovenbalk_actief {
		width: calc(100% - 140px);
	}

/* het taalmenu  */

	.eudu_bovenbalk_taal {
		display: table;
		width: 140px;
		box-sizing: border-box;
		position: absolute;
		height: 100px;
		top: 0px;
		right: 140px;
		cursor: pointer;
		z-index: 100;
		text-transform: uppercase;
		padding: 0 10px 0 10px;
		background-color: #f6f6f6;
		border-bottom: 1px solid #eeeeee;
		color: #606060;
	}

	#eudu_talen ol {
		list-style-type: none;
		padding: 0;
		margin-top: 50px;
		line-height: 10px;
		position: relative;
	   z-index: 1;
	}

	#eudu_talen li {
		padding: 15px 0px 8px 0px;
	}

	.eudu_talen_inactief {
		display: none;
	}

	#eudu_talen a {
		color: #858585;
		text-decoration: none;
	}

	#eudu_talen a:hover, .eudu_talen_actief:hover {
		color: #606060;
	}


}

@media (min-width: 960px) {

	.eudu_bovenbalk_inactief {
		display: table;
	}

	.eudu_bovenbalk_actief {
		width: auto;
	}

	#eudu_bovenbalk_knopjes {
		width: calc(100% - 280px);
	}

	.eudu_bovenbalk_vegaburger {
		display: none;
	}

	#eudu_bovenbalk_knopjes li {
		float: right;
	}

	.eudu_bovenbalk_taal {
		position: absolute;
		right: 0px;
		border-right: none;
		border-left: 1px solid #eeeeee;
	}

}

/* vegaburgericoon */


#vegaburgericoon {
  width: 40px;
  height: 30px;
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  display: block;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

#vegaburgericoon span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #858585;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#vegaburgericoon span:nth-child(1) {
  top: 0px;
}

#vegaburgericoon span:nth-child(2),#vegaburgericoon span:nth-child(3) {
  top: 12px;
}

#vegaburgericoon span:nth-child(4) {
  top: 24px;
}

#vegaburgericoon.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}

#vegaburgericoon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#vegaburgericoon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#vegaburgericoon.open span:nth-child(4) {
  top: 12px;
  width: 0%;
  left: 50%;
}


/* De extra bovenbalk */

#eudu_extrabovenbalk {
	background-color: #f6f6f6;
	position: relative;
	display: none;
}

#eudu_extrabovenbalk ul, #eudu_extrabovenbalk ol {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.eudu_extrabovenbalk_links a li, .eudu_extrabovenbalk_talen li, .eudu_extrabovenbalk_taalkop {
	padding: 20px;
	border-bottom: 1px solid #eeeeee;
	color: #606060;
	text-transform: uppercase;
}

.eudu_extrabovenbalk_taalkop {
	background-color: #ffd700;
	color: #454545;
}

.eudu_extrabovenbalk_links a, .eudu_extrabovenbalk_talen a {
	text-decoration: none;
}

.eudu_extrabovenbalk_links a li:hover, .eudu_extrabovenbalk_talen a li:hover {
	background-color: #e6e6e6;
}

.eudu_extrabovenbalk_actief {
	background-color: #eeeeee;
}

@media (min-width: 660px) {

	.eudu_extrabovenbalk_talen, .eudu_extrabovenbalk_taalkop {
		display: none;
	}

}

/* de extra witruimte */

.eudu_witruimte {
	height: 50px;
}


/* ----------------------------------------------------------

Het middengedeelte

-----------------------------------------------------------*/

.eudu_zijkolomcontainer {
	float: left;
	position: relative;
}

.eudu_zijkolom {
	float: left;
	position: relative;
}

.eudu_socmedknopje {
	width: 20%;
	float: left;
	padding: 5px 10px 5px 10px;
	box-sizing: border-box;
	background-color: #ffd700;
}

.eudu_socmeddeellink:nth-child(2) .eudu_socmedknopje {
}
.eudu_socmeddeellink:nth-child(3) .eudu_socmedknopje {
	background-color: #ffe344;
}
.eudu_socmeddeellink:nth-child(4) .eudu_socmedknopje {
	background-color: #ffeb7c;
}
.eudu_socmeddeellink:nth-child(5) .eudu_socmedknopje {
	background-color: #fff4b8;
}
.eudu_socmeddeellink:nth-child(6) .eudu_socmedknopje {
	background-color: #fffadf;
}

.eudu_socmedextra {
display: none;
}

.eudu_socsvg {
	opacity: .2;
	max-height: 50px;
}

.eudu_socmedknopje:hover svg {
	opacity: 1;
}

.eudu_socmedblauw {
	background-color: #bed2d9;
	display: none;
}

.eudu_socmedroze {
	background-color: #b69683;
	display: none;
}

.eudu_socmedblauw .eudu_socsvg, .eudu_socmedroze .eudu_socsvg {
	opacity: 1;
}


.eudu_socmed {
	margin-top: 40px;
	border-top: 0px;
	padding: 5px 0 0 0;
	background-color: #f6f6f6;
}

.eudu_socmedtekst {
	width: 100%;
	box-sizing: border-box;
	float: left;
	text-align: center;
	color: #606060;
	padding: 5px 5px 3px 5px;
}

.eudu_socmedfbc {
	float: left;
	width: 100%;
}

.eudu_facebookpagina {
	float: left;
	margin-left: 20px;
	text-indent: -20px;
	font-weight: bold;
	width: calc(50% - 25px);
	font-size: 18px;
	color: #858585;
	text-decoration: none;
	text-align: left;
	line-height: 20px;
	padding:5px 0 5px 5px;
}

.eudu_tweedefbpagina {
	float: right;
	margin-left: 0;
	max-width: calc(50% - 10px);
	padding:5px 10px 5px 0;
}

.eudu_facebookpagina::first-line {
	font-weight: normal;
	}

.eudu_facebookpagina:hover {
	font-weight: normal;
	color: #454545;
}

.eudu_facebookpagina:hover::first-line {
	font-weight: bold;
	}


@media all and (max-width: 639px) {

	.tekstgedeeltediv {
		min-width: 480px;
		max-width: 640px;
		padding-bottom: 40px;
		}
	.helebreedte {
		width: 445px;
		}
	.middengedeeltediv {
		width: 100%;
		}


	.eudu_zijkolomcontainer {
		width: 100%;
		margin: 0;
		}

	.eudu_zijkolom {
		width: 100%;
		}

}

@media all and (max-width: 479px) {

	.eudu_socmedblauw {
		display: block;
	}

	.eudu_socmedroze {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.eudu_facebookpagina {
		width: calc(40% - 25px);
		font-size: 16px;
		color: #606060;
	}

	.eudu_tweedefbpagina {
		max-width: calc(40% - 10px);
	}

	.eudu_socmed {
		border-top: 0;
		padding: 0;
	}

	.eudu_socmedtekst {
		height: 15px;
		margin-top: -25px;
		color: #606060;
	}

	.eudu_incontainer:hover .eudu_socmedroze {
		display: block;
	}

}

@media all and (max-width: 315px) {
	.eudu_facebookpagina {
		font-size: 15px;
	}
}

@media all and (min-width: 485px) and (max-width: 639px) {
	.tekstgedeeltediv {
		margin-left: calc(50% - 243px);
	}
}

@media all and (min-width: 480px) and (max-width: 639px) {

	.eudu_socmedblauw {
		display: block;
		width: 40%;
	}

	.eudu_socmedroze {
		display: block;
		width: 40%;
	}

	.eudu_fbcontainer, .eudu_incontainer {
		width: 50%;
	}

	.eudu_incontainer {
		margin-left: 50%;
		position: absolute;
	}

	.eudu_facebookpagina {
		width: calc(60% - 30px);
		font-size: 16px;
		color: #606060;
		margin-left: 25px;
		padding-top: 10px;
	}

	.eudu_tweedefbpagina {
		max-width: calc(60% - 40px);
		float: left;
		margin-left: 30px;
	}

	.eudu_socmed {
		border-top: 0;
		padding: 0;
	}

	.eudu_socmedtekst {
		height: 15px;
		margin-top: -25px;
		color: #606060;
	}

}

@media all and (min-width: 640px) {
	.tekstgedeeltediv, .middengedeeltediv {
		width: 640px;
		padding-bottom: 40px;
		margin-left: calc(50% - 320px);
		}
	.helebreedte {
		width: 600px;
		}
}

@media all and (min-width: 640px) and (max-width: 964px) {

	.eudu_zijkolomcontainer {
		width: 640px;
		margin-left: calc(50% - 320px);
	}

	.eudu_zijkolom:nth-child(odd) {
		width: calc(50% - 20px);
	}

	.eudu_zijkolom:nth-child(even) {
		width: calc(50% - 20px);
		margin-left: 40px;
	}

	.eudu_socmedblauw {
		display: block;
	}

	.eudu_socmedroze {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.eudu_facebookpagina {
		width: calc(40% - 25px);
		font-size: 16px;
		color: #606060;
	}

	.eudu_tweedefbpagina {
		max-width: calc(40% - 10px);
	}

	.eudu_socmed {
		border-top: 0;
		padding: 0;
	}

	.eudu_socmedtekst {
		height: 15px;
		margin-top: -25px;
		color: #606060;
	}

	.eudu_incontainer:hover .eudu_socmedroze {
		display: block;
	}

}

@media all and (min-width: 964px) {
	.tekstgedeeltediv, .middengedeeltediv {
		margin-left: calc(50% - 475px);
	}

    .eudu_zijkolomcontainer {
		width: 270px;
		margin-left: 40px;
		margin-top: 28px;
	}

	.eudu_zijkolom {
		width: 100%;
	}
}

/* ----------------------------------------------------------

De voetjes

-----------------------------------------------------------*/

.eudu_zijkolom_itemcontainer {
	background-color: #f6f6f6;
	margin-top: 40px;
}

.eudu_zijkolom_itemcontainer h2 {
	padding: 10px 0 10px 0;
	font-weight: normal;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: normal;
	margin-top: 0;
	color: #606060;
	border-bottom: 1px solid #eeeeee;
}

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


#eudu_zijkolom_item {
	height: 88px;
	display: block;
	position: relative;
	padding: 10px;
	color: #606060;
}

.eudu_zijkolom_gnlaatste {
	border-bottom: 1px solid #eeeeee;
}

.eudu_zijkolom_laatste {
	border-bottom: 0px;
}

#eudu_zijkolom_item:hover {
	background-color: #e6e6e6;
}

#eudu_zijkolom_item img {
	width: 97px;
	height: 88px;
	float: left;
}

.eudu_zijkolom_item_titel {
	height: 88px;
	padding-left: 10px;
	display: block;
	float: right;
	width: calc(100% - 107px);
	text-align: left;
}

.eudu_zijkolom_item_datum {
 	position: absolute;
 	bottom: 5px;
 	right: 10px;
 	font-size: 12px;
 	color: #707070;
}

/* ----------------------------------------------------------

De onderbalk

-----------------------------------------------------------*/

#eudu_onderbalk {
	width: 100%;
	box-sizing: border-box;
	background-color: #f6f6f6;
	border-top: 1px solid #eeeeee;
	margin-top: 50px;
	float: left;
	position: relative;
	color: #606060;
}

#eudu_onderbalk a {
	color: #606060;
	text-decoration: none;
}

.eudu_onderbalk_plaatje {
	float: right;
	margin-right: 20%;
	overflow: hidden;
}

.eudu_onderbalk_links {
	box-sizing: border-box;
	padding: 30px;
	width: 100%;
	text-align: left;
}

.eudu_onderbalk_links span {
	text-transform: uppercase
}

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

.eudu_onderbalk_links ul li {
	padding: 5px 0 5px 0;
}


@media all and (min-width: 680px) {
	#eudu_onderbalk {
		height: 230px;
	}

	.eudu_onderbalk_plaatje {
		right: 0px;
		position: absolute;
		bottom: 0px;
		right: 0px;
		margin-right: 0;
	}

	.eudu_onderbalk_links {
		width: calc(100% - 240px);
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
}


@media all and (min-width: 830px) {
	.eudu_onderbalk_plaatje {
		right: 20%;
	}

	.eudu_onderbalk_links {
		width: calc(80% - 240px);
	}
}


/* ----------------------------------------------------------

Algemene dingen

-----------------------------------------------------------*/

@font-face {
    font-family: 'dejavu_sansbook';
    src: url('/zn/stijlmap/dv/DejaVuSans-webfont.eot');
    src: url('/zn/stijlmap/dv/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/zn/stijlmap/dv/DejaVuSans-webfont.woff') format('woff'),
         url('/zn/stijlmap/dv/DejaVuSans-webfont.ttf') format('truetype'),
         url('/zn/stijlmap/dv/DejaVuSans-webfont.svg#dejavu_sansbook') format('svg');
    font-style: normal;

}

a {color: #576231;}
a:hover {
	text-decoration: none;}

body {
	font-family: 'dejavu_sansbook', sans-serif;
	line-height: 120%;
	font-size: 15px;
	text-align: justify;
	color: #454545;
	margin: 0px;
	background-color: #ffffff;
	width: 100%;
}

@media print {
   .noprint {
		display: none;
    }
}

	.onlyprint {
		display: none;
	}

@media print {
   .onlyprint {
		display: block;
    }
}

@media all and (max-width: 640px) {
    .nophone {
		display: none;
    }
}

@media all and (min-width: 640px) {
    .onlyphone {
		display: none;
    }
}

@media all and (min-width: 965px) {
    .onlykleinscherm {
	display: none;
    }
}

@media all and (max-width: 964px) {
    .nokleinscherm {
	display: none;
    }
}

h1 {
	font-size: 27px;
	letter-spacing: -1px;
	text-align: left;
	line-height: 32px;
	}

h2 {
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 20px;
	text-align: center;
	line-height: 32px;
	margin-top: -10px;
	margin-bottom: 0px;
	}

h3 {
	font-weight: bold;
	letter-spacing: -0.5px;
	font-size: 20px;
	text-align: left;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

/* Firefox heeft een kleinere letterafstand nodig dan Chrome */

.eudu_firefox {
	letter-spacing: -1px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
h1, h2, h3, .eudu_firefox {
	letter-spacing: 0px;
	}
}

.middengedeeltediv {
	float: left;
	padding: 0 20px 0 20px;
	position: relative;
	box-sizing: border-box;
}

.tekstgedeeltediv {
	float: left;
}


.eudu_afbeelding {
   overflow-y: hidden;
}

.eudu_afbeelding img {
	display: block;
}

.eudu_half_bp400, .eudu_half_bp500, .eudu_half_bp600{
	width: 100%;
}

.eudu_derde_bp500m10 {
	width: calc(100% - 10px);
}

@media all and (min-width: 400px) {
    .eudu_half_bp400 {
		width: 50%;
    }

    .eudu_derde_bp500m10 {
    	width: calc(50% - 10px);
    }
}

@media all and (min-width: 500px) {
    .eudu_half_bp500 {
		width: 50%;
    }
}

@media all and (min-width: 600px) {
    .eudu_half_bp600 {
		width: 50%;
    }
    .eudu_derde_bp500m10 {
    	width: calc(33.3% - 10px);
    }
}

/* grijze vierkante blokjes in het menu */

.eudu_lijstje ul {
    list-style: none;
    padding: 0px;
    text-indent: -25px;
    margin-left: 25px;
}

.eudu_lijstje ul li:before
{
    content: '\25AA';
    margin-right: 15px;
    color: #dddddd;
}

.eudu_lijstje li {
	margin-bottom: 5px;
}

/* kadertjes onderaan de pagina */

@media all and (max-width: 964px) {
	.eudu_tipcontainer {
		margin: 0 -20px 0 -20px;
	}

}

@media all and (min-width: 964px) {
	.eudu_tipboxje:nth-child(odd) {
		width: calc(50% - 20px);
	}

	.eudu_tipboxje:nth-child(even) {
		width: calc(50% - 20px);
		margin-left: 40px;
	}
}

.eudu_tipboxje100 {
		width: 100%;
	}