html
	{
	background-image: url(/picture_library/achtergrond.jpg);
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	}

body
	{
	margin: 5px auto;
	width: 1024px;
	min-height: calc(100vh - 20px);
	background-color: #FFF;
	background-image: url(/picture_library/header-3.jpg), url(/picture_library/achtergrond-tijdschrift-3.jpg);
	background-repeat: no-repeat, repeat-y;
	background-position: top, 0 -55px;
	background-size: 100%,100%;
	box-shadow:  0  5px 10px  1px   #CCC;
	}

table
	{
	font-family: DINpro, sans-serif;
	font-size: 15px;
	}

a#homeknop
	{
	display: block;
	position: absolute;
	top: 0;
	width: 887px;
	height: 267px;
	margin: 0 0 0 137px;
	}
a#terug
	{
	display: block;
	position: absolute;	
	font-family: DINpro-medium, sans-serif;
	text-decoration: none;
	text-shadow: 1px 1px #000;
	font-size: 21px;
	width: 137px;
	height: 47px;
	color: #EEE;
	top: 0;
	padding: 220px 0 0 26px;
	}
a#terug:hover
	{
	display: block;
	position: absolute;	
	text-shadow: -1px -1px #000;
	}

a#mobiele-menuknop
	{
	display: none;
	}
#menu-mobiel
	{
	display: none;
	}

.alert
	{
	color: #FFF;
	background-color: #CC0000;
	font-family: Avenir-Medium, sans-serif;
	font-size: 15px;
	text-align: center;
	margin: 0 0 20px 0;

	}

.ankeilblok-links
	{
	float: left;
	width: 300px;
	margin-right: 10px;
	}
.ankeilblok-rechts
	{
	float: right;
	width: 300px;
	}
.ankeilblok-aside
	{
	margin: 0;
	}

a.ank-klein
	{
	width: 280px;
	display: block;
	float: left;
	/* background-color: #DDD; */
	text-decoration: none;
	padding: 10px;
	margin-bottom: 10px;
	overflow: auto;
	border: 1px solid #EEE;
	background-color: #F7F7F7;
	}
a.ank-klein:hover
	{
	text-decoration: none;
	background-color: #EEE;
	border-color: #0000FF;
	}
a.ank-klein h5
	{
	font-size: 15px;
	}

.rechts-uitlijnen
	{
	text-align: right;
	}

a.ankeiler
	{
	width: 280px;
	display: block;
	text-decoration: none;
	padding: 10px;
	margin-bottom: 10px;
	overflow: auto;
	border: 1px solid #EEE;
	background-color: #F7F7F7;
	}
aside a.ankeiler
	{
	color: #707070;;
	width: 280px !important;
	}
aside a.ankeiler p.lead
	{
	width: auto !important;
	}
aside .video a
	{
	color: #707070;
	}

aside .kleurkader
	{
	margin: 0 0 0 -20px; padding: 20px 20px 10px 20px;
	}

aside .rechts
	{
	float: right;
	margin: 0 20px 0 10px !important;
	}

a.ankeiler-reverse
	{
	width: 280px;
	display: block;
	text-decoration: none;
	padding: 10px;
	margin-bottom: 10px;
	overflow: auto;
	border: 1px solid #EEE;
	color: #FFFF00;
	}

a.breed
	{
	width: 598px !important;
	}
a.ankeiler:hover
	{
	text-decoration: none !important;
	background-color: #EEE;
	border-color: #0000FF;
	}
a.ankeiler-reverse:hover
	{
	text-decoration: none;
	background-color: #007DBD !important;
	border-color: #0000FF;
	}
a.ankeiler img, a.ankeiler-reverse img
	{
	float: right;
	margin: 0 0 5px 10px;
	}
a.ankeiler h4, a.ankeiler-reverse h4, aside h4
	{
	margin-bottom: 0;
	display: inline;
	}
aside a.ankeiler h4
	{
	margin-top: 0;
	}
a.ankeiler h4, a.ankeiler b.meer, a.ankeiler-reverse h4, a.ankeiler-reverse b.meer
	{
/* 	color: #FFFF00; */
	}
a.ankeiler:hover h4, a.ankeiler:hover b.meer
	{
	color: #0000FF;
	}
a.ankeiler-reverse:hover h4, a.ankeiler-reverse:hover b.meer
	{
	color: #FFFFFF;
	}
a.ankeiler .creditregel, a.ank-klein .creditregel, a.ank-klein .creditregel
	{
	display: block;
	clear: both;
	font-family: DINpro-medium, sans-serif;
	font-size: 13px;
	color: #000 !important;
	}
a.ankeiler-reverse .creditregel
	{
	display: block;
	clear: both;
	font-family: DINpro-medium, sans-serif;
	font-size: 13px;
	color: #FFFF00;
	}
a.ankeiler:hover .creditregel, a.ank-klein .creditregel
	{
	color: #FFFFFF;
	}
a.ankeiler-reverse:hover .creditregel
	{
	color: #FFFFFF;
	}

.vcredit
	{
	display: block;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	}

a.ankeiler p
	{
	font-family: DINpro, sans-serif;
	font-size: 13px;
	color: #000;
	/* text-align: right; */
	margin-bottom: 0;
	}
a.ankeiler-reverse p
	{
	font-family: DINpro, sans-serif;
	font-size: 13px;
	color: #FFFF00;
	margin-bottom: 0;
	}
a.ankeiler:hover p
	{
	color: #0000FF;
	}
a.ankeiler-reverse:hover p
	{
	font-family: DINpro, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	margin-bottom: 0;
	}
a.ankeiler b.meer, a.ankeiler-reverse b.meer
	{
	font-family: DINPro-Medium, sans-serif;
	font-size: 14px;
	font-weight: normal;
	float: right;
	}
ankeiler-reverse b.meer
	{
	color: #FFFF00;
	}

.kleurkop
	{
	display: block;
	font-size: 24px;
	font-family: avenir-medium, sans-serif;
	margin-bottom: 5px;
	}

a.video_js
	{
	font-family: "Open Sans",sans-serif;
	font-weight: 600;
	font-size: 14px;
	}

ul.urls li.video:before
	{
	content: "";
	margin-left: 0;
	}

ul.urls li.video
	{
	overflow: auto;
	font-weight: normal;
	}

li.video a img, .kader li.video a img
	{
 	background-size: 150px;
 	background-position: center;
	width: 145px;
	height: 80px;
	margin: 5px 25px 5px 0;
	border-radius: 12px;
	border: 1px solid #000;
	float: left;
	}

.kader li.video a img
	{
	margin-bottom: 20px;
	}


#hoofd-ankeilblok
	{
	margin: 0 -10px;
	border: 6px solid #BF4517;
	padding: 10px;
	}
#hoofd-ankeilblok a
	{
	text-decoration: none;
	color: #707070;
	}
#hoofd-ankeilblok a h4
	{
	margin: 0;
	font-family: DINPro-medium, sans-serif;
	font-size: 24px;
	color: #BF4517;
	}
#hoofd-ankeilblok a:hover h4
	{
	text-decoration: underline;
	color: #0000FF;
	}
#hoofd-ankeilblok a p
	{
	color: #000;
	margin: 0 0 10px 0;
	}
#hoofd-ankeilblok a:hover p
	{
	color: #0000FF;
	}

#hoofd-ankeilblok #in-dit-nummer
	{
	font-family: DINPro-bold, sans-serif;
	margin-bottom: 10px;
	}

article
	{
	display: block;
	width: 615px;
	float: left;
	text-align: left;
	margin: 373px 0 10px 15px;
	padding: 0 15px 10px 15px;
	min-height: calc(100vh - 453px);
	background-color: #FFF;
	}

article a
	{
	text-decoration: none;
	color: #707070;
	font-family: Avenir-Medium, sans-serif;
	}
article a:hover
	{
	text-decoration: underline !important;
	color: #0000FF !important;
	font-family: Avenir-Medium, sans-serif;
	}

article h1
	{
	margin: 0 0 15px 0;
	font-family: Avenir-Medium, sans-serif;
	font-size: 33px;
	line-height: 36px;
	color: #2B9B7B;
	}
aside h1
	{
	margin: 0 0 15px 0;
	font-family: Avenir-Medium, sans-serif !important;
	font-size: 27px;
	line-height: 36px;
	color: #2B9B7B;
	}
article h2
	{
	font-family: Avenir-medium, sans-serif;
	font-size: 18px;
	margin: 5px 0 0 0;
	font-weight: normal;
	text-transform: uppercase;
	}
aside h2
	{
	font-family: Avenir-medium, sans-serif;
	font-size: 15px;
	margin: 5px 0 0 0;
	font-weight: normal;
	text-transform: uppercase;
	}
article h3
	{
	font-family: Avenir-medium, sans-serif;
	font-size: 36px;
	margin: 5px 0 0 0;
	font-weight: normal;
	text-transform: uppercase;
	}
article h4
	{
	font-family: Avenir-medium, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: -5px 0 0 0;
	}
	
aside h4
	{
	font-family: Avenir-medium, sans-serif;
	font-size: 18px;
	font-weight: normal;
	display: block !important;
	margin: 10px 0 0 0;  
	}

aside p
	{
	width: 305px;
	}
aside .kader p
	{
	width: 290px;
	margin-bottom: 0;
	}

article h4.wit, aside span.wit, aside b.wit
	{
	color: #FFF;
	}

article h5
	{
	font-family: Avenir-medium, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: -5px 0 0 0;
	}
a.ankeiler h5
	{
	margin-bottom: 0;
	display: inline;
	}

article p, article p.agenda, aside p
	{
	margin: 0 0 15px 0;
	font-family: Avenir, sans-serif;
	font-size: 15px;
	}
article p.wit, aside p.wit, article div.wit, aside div.wit
	{
	color: #FFF;
	}
article p b
	{
	margin: 0 0 15px 0;
	font-family: Avenir-medium, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #2B9B7B;
	}
article .agenda b
	{
	color: #000;
	}
article img.agenda
	{
	float: left;
	margin-right: 10px;
	}

article ul li, article ol li
	{
	font-family: Avenir, sans-serif;
	font-size: 15px;
	}
article ul li b, article ol li b
	{
	font-family: Avenir-medium, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #2B9B7B;
	}

article p#lead, aside p#lead
	{
	font-size: 17px;
	margin-top: -5px;
	}
article p#lead-klein
	{
	font-size: 15px;
	margin-top: -5px;
	}
article p.im, aside p.im
	{
	margin: 10px 0 0 0;
	text-align: center;
	font-family: DINpro, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	}

article div.links
	{
	float: left;
	margin: 0 10px 10px 0;
	}
article div.rechts
	{
	float: right;
	margin: 0 0 10px 10px;
	}
article div.centreren
	{
	margin: 0 auto 10px auto;
	}
article div.onderschrift, aside div.onderschrift
	{
	font-family: DINpro, sans-serif;
	font-style: italic;
	font-size: 12px;
	}
article .onderschrift hr
	{
	width: 100px;
	margin-left: 0;
	}
article a.afbeelding-vergroten:hover, aside a.afbeelding-vergroten:hover
	{
	cursor: url(/picture_library/magnify.png), pointer;
	}
article .kader, article .kader-links, article .kader-rechts
	{
	background-color: #E5ECEA;
	padding: 10px;
	}
article .kader-links
	{
	float: left;
	margin-right: 10px;
	width: 280px;
	}
article .kader-rechts
	{
	float: right;
	margin-left: 5px;
	width: 280px;
	}
article .kader b, article .kader-links b, article .kader-rechts b
	{
	color: #000;
	}
article .kader p, article .kader-links p, article .kader-rechts p
	{
	margin-bottom: 0;
	}
article .kader ul, article .kader-links ul, article .kader-rechts ul, article .kader ol, article .kader-links ol, article .kader-rechts ol
	{
	margin-top: 5px;
	}

aside .kader
	{
	width: 290px;
	margin: 5px 0 0 -5px;
	padding: 10px;
	}

aside .rouwkader h4
	{
	margin: 0 0 0 15px;
	}

aside .rouwkader
	{
	width: 300px;
	border: 2px solid #000;
	margin: 5px 0 0 0;
	padding-top: 10px;
	}
article .rouwkader
	{
	border: 2px solid #000;
	margin: 5px 0 0 0;
	padding: 10px;
	}

aside .rouwkader p
	{
	font-size: 14px;
	margin: 0 15px 10px 15px;
	width: 275px;
	}
aside .rouwkader .rechts
	{
	float: right;
	margin: 0 15px 0 15px;
	}

article .kolom
	{
	width: 300px;
	float: left;
	margin-right: 15px;
	}

article p.klein, aside p.klein, span.klein, b.klein, aside b.klein, aside q.klein
	{
	font-family: DINpro, sans-serif;
	font-size: 13px;
	}
b.klein
	{
	font-weight: bold;
	}

article q, aside q { quotes: '“' '”'}

article .quote
	{
	text-transform: uppercase;
	font-family: Avenir-medium, sans-serif;
	font-size: 18px;
	color: #E7721B;
	width: 300px;
	margin: 30px auto;
	text-align: center;
	}

article .quote .rechts
	{
/* 	float: right; */
	}
	
aside .quote
	{
	text-transform: uppercase;
	font-family: Avenir-medium, sans-serif;
	font-size: 18px;
	color: #E7721B;
	width: 300px;
	margin: 30px auto;
	text-align: center;
	}

article p#rubriek
	{
	float: left;
	margin: 0 0 20px -15px;
	padding: 5px 0 5px 20px;
	border-top: 15px solid #2B9B7B;
	border-bottom: 1px solid #2B9B7B;
	font-family: Avenir, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	}
aside p.rubriek
	{
	float: left !important;
	}

article p#auteur, aside p#auteur
	{
	font-family: Avenir, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	}
article #uitgave
	{
	float: right;
	font-family: DINpro, sans-serif;
	font-size: 14px;
	text-align: right;
	}

.alfabet
	{
	font-size: 21px;
	width: 100%;
	text-align: center;
	background-color: #EEE;
	}

article div#agenten-A, article div#agenten-B, article div#agenten-C, article div#agenten-D, article div#agenten-E, article div#agenten-F, article div#agenten-G, article div#agenten-H, article div#agenten-I, article div#agenten-J, article div#agenten-K, article div#agenten-L, article div#agenten-M, article div#agenten-N, article div#agenten-O, article div#agenten-P, article div#agenten-Q, article div#agenten-R, article div#agenten-S, article div#agenten-T, article div#agenten-U, article div#agenten-V, article div#agenten-W, article div#agenten-X, article div#agenten-Y, article div#agenten-Z 
	{
	clear: both;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-family: arial, sans-serif;
	background-color: #FFF !important;
	padding: 0 2px;
	border: 1px solid #000;
	} 
article div.agent
	{
	width: 280px;
	height: 100px;
	float: left;
	text-align: left;
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 10px 20px 10px 0;
	}
article div.agent a, article div.gereedschap a
	 {
 	font-family: 'arial', sans-serif;
	font-size: 12px;
	 }

article div.gereedschap
	{
	width: 280px;
	/* height: 100px; */
	float: left;
	text-align: left;
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 10px 20px 10px 0;
	}

aside
	{
	display: block;
	width: 320px;
	float: right;
	margin: 373px 10px 10px 10px;
	padding: 0 0 10px 20px;
/* 	min-height: calc(100vh - 414px); */
	font-family: DINpro, sans-serif;
	overflow:  hidden;
	}
aside hr
	{
	width: 300px;
	margin-left: 0;
	}
aside h1
	{
	font-family: DINPro-medium, sans-serif;
	margin-top: 5px;
	font-size: 30px;
	}
aside b
	{
	font-family: DINPro-Medium, sans-serif;
	margin-top: 5px;
	}

aside a.im
	{
	display: block;
	text-align: center;
	background-color: #FFF;
	}

aside iframe
	{
	height: 900px;
	border: 0;
	overflow: hidden;
	padding: 0;
	width: 330px;
	}
aside #im-frame
	{
	background-color: #FFF;
	width: 310px;
	margin: -10px 0 -18px 8px;
	padding: 0 0 5px 0;
	}
footer
	{
	clear: both;
	margin: auto;
	padding-top: 8px;
	width: 1024px;
	height: 32px;
	background-color: #FFF;
	}
footer #adds
	{
	margin-left: 320px;
	margin-top: calc(3.9vh - 10px);
	width: 250px;
	}

hr, footer hr
	{
	border-style: solid;
	border-width: 1px 0 0 0;
	}

a.advertentieblokje
	{
	display: block;
	background-color: #EEE;
	border: 1px solid #DDD;
	margin-top: 5px;
	padding-top: 15px;
	}
a.advertentieblokje:hover
	{
	background-color: #DDD;
	border: 1px solid #EEE;
	text-decoration: none;
	}

div#kruimelspoor
	{
	clear: both;
	}

div#kruimelspoor b
	{
	font-family: DINPro-Medium, sans-serif;
	font-size: 14px;
	}

div#kruimelspoor a
	{
	font-family: DINPro, sans-serif;
	text-decoration: none;
	font-size: 13px;
	color: #707070;
	}
div#kruimelspoor a:hover
	{
	text-decoration: underline;
	color: #0000FF;
	}

#vakblad
	{
	position: absolute;
	width: 614px;
	top: 220px;
	margin: 0 auto;
	padding: 0 0 0 410px;
	color: #EEE;
	font-family: DINpro-medium, sans-serif;
	text-shadow: 1px 1px #000;
	font-size: 21px;
	}

#menubalk
	{
	position: absolute;
	top: 270px;
	background-color: #FFF;
/* 	opacity: 0.65; */
	width: 1024px;
	height: 45px;;
	}

nav
	{
	z-index: 1000;
	position: absolute;
	top: 270px;
	width: 1024px;
	}
sup, sub
	{
	line-height: 0;
	}
sup
	{
	font-size: 10px; line-height: 0;
	}
.menu-hoofditem
	{
	float: left;
	width: auto;
	margin-right: 0;
	border: 1px solid transparent;
	}
.menu-hoofditem:hover
	{
	border: 1px solid #000;
	background-color: #FFF;
	}
a.menu-item,a.hoofd-menu-item
	{
	font-family: "DINpro", sans-serif;
	font-size: 16px;
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 45px;
	color: #000;
	}
a.hoofd-menu-item
	{
	padding: 0 12px;
	font-size: 17px;
	font-weight: 400;
	}
.menu-hoofditem a.menu-item
	{
	display: none;
	}
.menu-hoofditem:hover  a.menu-item
	{
	display: block;
	}
.menu-hoofditem:hover .hoofd-menu-item:hover
	{
	/* border: 1px solid #000; */
	}
.menu-hoofditem:hover  a.menu-item:hover
	{
	color: #000;
	background-color: #EEE;
	}

iframe#im-frame
	{
	position: absolute;
	left: 50%;
	margin-left: 162px;
	top: 378px;
	width: 340px;
	border: 0;
	height: 100%;
	}

article ul.lijst, ol.lijst
	{
	margin: -15px 0 0 -20px;
	}
aside ul.lijst, ol.lijst
	{
	margin-left: -15px;
	}

article img#front-cover
	{
	float: left; margin-right: 20px;
	}
article ul.urls, aside ul.urls
	{
	list-style-image: url(/picture_library/pijltje.png);
	margin-left: 30px;
	padding: 0;
	}
aside ul.urls li a, article ul.urls li a
	{
	text-decoration: none;
	}
ul.front
	{
	margin-top: 0;
	}


article ul.urls li.mail
	{
	margin-left: 0;
	text-indent: 0;
	list-style-image:  url(/picture_library/mail.png);
	position: relative;
	}
article ul.urls li.pdf
	{
	font-family: DINpro, sans-serif;
	padding-left: 30px;
	list-style-image:  url(/picture_library/pdf.png);
	}
article ul.pdf  li
	{
	font-family: DINpro, sans-serif;
	list-style-image:  url(/picture_library/pdf.png);
	}
article ul.urls li.telefoon
	{
	margin-left: 0;
	text-indent: 0;
	list-style-image:  url(/picture_library/telefoon.png);
	}
article ul.urls li.telefoon a, article ul.urls li.mail a
	{
	position: relative;
	top: -10px;
	left: -5px;
	color: #707070;
	}

article form
	{
	margin: auto;
	background-color: #EEE;
	width: 500px;
	padding: 20px;
	font-family: Avenir, sans-serif;
	}
article form input
	{
	font-size: 12px;
	}

article form p
	{
	font-family: Avenir, sans-serif;
	margin: 10px 0 0 0;
	}

article form b
	{
	font-family: Avenir-medium, sans-serif;
	color: #000;
	}

article form textarea
	{
	display: block;
	}

a.thumbnail
	{
	display: block;
	float: left;
	font-family: DINpro-medium, sans-serif;
	font-size: 14px;
	margin-right: 10px;
	height: 235px;
	}
a.thumbnail span
	{
	display: block;
	}
a.thumbnail:hover
	{
	text-decoration: none;
	}
a.blad
	{
	float: left;
	margin: 0 10px 5px 0;
	}

a#schakeltaal
	{
	display: block;
	margin-top: 10px;
	border: 1px solid #000;
	background-color: #EEE;
	width: 120px;
	float: right;
	text-align: center;
	}
a#schakeltaal:hover
	{
	display: block;
	margin-top: 10px;
	border: 1px solid #000;
	background-color: #AAA;
	text-decoration: none;
	color: #FFF;
	}

#facebook
	{
	position: absolute;
	top: 330px;
	left: 50%;
	margin: 0 0 0 392px;
	display: block;
	height: 30px; width: 30px;
	background-image: url(/picture_library/facebook.jpg);
	}
#twitter
	{
	position: absolute;
	top: 330px;
	left: 50%;
	margin:  0 0 0 434px;
	display: block;
	height: 30px; width: 30px;
	background-image: url(/picture_library/twitter.jpg);
	}
#rss
	{
	position: absolute;
	top: 330px;
	left: 50%;
	margin:  0 0 0 476px;
	display: block;
	height: 30px; width: 30px;
	background-image: url(/picture_library/rss.jpg);
	}
a#rss-agenda
	{
	display: block;
	float: right;
	height: 30px; width: 30px;
	background-image: url(/picture_library/rss.jpg);
	}

#zoekveld
	{
	position: absolute;
	top: 328px;
	margin-left: 580px;
	width: 300px;
	border: 1px solid transparent;
	}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus
	{
	border-color: transparent !important;
	}
.cse .gsc-control-cse, .gsc-control-cse
	{
    padding: 0 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    }
input.gsc-input
	{
	font-family: DINpro, sans serif;
    font-size: 14px !important;
    margin-top: 0 !important;
	}
div.gsc-adBlock, div.gcsc-branding
	{
	display: none;
	}
.gs-visibleUrl
	{
	display: none !important;
	}
a.gs-title
	{
	font-family: Avenir-medium, sans-serif;
    font-size: 18px;
    font-weight: normal;
	display: inline-block;
	font-weight: normal !important;
	color: #258B67 !important;
	line-height: 16px;
	text-decoration: none !important;
	}
a.gs-title:hover
	{
	text-decoration: underline !important;
	}

.gs-image-box
	{
	float: right !important;
	margin: 10px 120px 0 0 !important;
	}
img.gs-image
	{
	max-width: 180px !important;
	max-height: 135px !important;
	}

.gs-bidi-start-align, .gs-snippet
	{
	float: left !important;
	width: 390px !important;
	margin-top: 15px !important;
	}

.gsc-result
	{
	margin-top: 10px !important;
	background-color: #F4F4F4 !important;
	}

@font-face
	{
	font-family: 'Tahoma';
	src: url('/letters/tahoma.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}

@font-face
	{
	font-family: 'Tahoma-vet';
	src: url('/letters/tahomabd.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}

@font-face
	{
	font-family: 'Avenir';
	src: url('/letters/Avenir-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}

@font-face
	{
	font-family: 'Avenir-medium';
	src: url('/letters/Avenir-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}

@font-face
	{
	font-family: 'Avenir-heavy';
	src: url('/letters/Avenir-Heavy.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}

@font-face
	{
	font-family: 'DINpro';
	src: url('/letters/DINPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}
@font-face
	{
	font-family: 'DINpro-medium';
	src: url('/letters/DINPro-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}

@font-face
	{
	font-family: 'DINPro-bold';
	src: url('/letters/DINPro-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}

.verberg-voor-desktop
	{
	display: none;
	}

.fancybox-content iframe
	{
	background-color: #000;
	}

@media screen and (min-width: 801px) and (max-width: 1200px)
	{
	.fancybox-slide--iframe .fancybox-content
		{
		width: calc(80vw) !important;;
		height: calc(80vw/1.78) !important;
		}
	}
@media screen and (min-width: 1201px) and (max-width: 1300px)
	{
	.fancybox-slide--iframe .fancybox-content
		{
		width: calc(80vw);
		height: calc(80vw/1.78) important;
/* 
		width:100%;
		height: 80%;
 */
		}
	}
@media screen and (min-width: 1301px) and (max-width: 1400px)
	{
	.fancybox-slide--iframe .fancybox-content
		{
		width: calc(80vw);
		height: calc(80vw/1.774);
/* 
		width: 90%;
		height: 80%;
 */
		}
	}
@media screen and (min-width: 1401px) and (max-width: 1500px)
	{
	.fancybox-slide--iframe .fancybox-content
		{
		width: calc(80vw);
		height: calc(80vw/1.774);
		}
	}
@media screen and (min-width: 1501px) and (max-width: 1600px)
	{
	.fancybox-slide--iframe .fancybox-content
		{
		width: calc(70vw);
		height: calc(70vw/1.774);
		}
	}
@media screen and (min-width: 1601px) and (max-width: 1700px)
	{
	.fancybox-slide--iframe .fancybox-content
		{
		width: calc(70vw);
		height: calc(70vw/1.774);
		}
	}
@media screen and (min-width: 1701px) and (max-width: 1800px)
	{
	.fancybox-slide--iframe .fancybox-content
		{
		width: calc(70vw);
		height: calc(70vw/1.774);
		}
	}
@media screen and (min-width: 1801px)
	{
	.fancybox-slide--iframe .fancybox-content
		{
		width: calc(65vw) !important;
		height: calc(65vw/1.78) !important;
		}
	}