html
	{
	background-image: url(/picture_library/header-320-3.jpg), url(/picture_library/achtergrond.jpg);
	background-repeat: no-repeat, repeat;
	background-position: center top, center top;
	margin: 0;
	padding: 0;
	}

body
	{
	padding: 0;
	margin: 0 auto;
	width: 320px;
	background-color: #FFF;
/* 	background-image: url(/picture_library/achtergrond-tijdschrift_2020-5_320.jpg); */
	background-repeat: no-repeat;
	background-position: 0 180px;
	box-shadow:  0  5px 10px  1px   #CCC;
	}

table
	{
	font-family: DINpro, sans-serif;
	font-size: 12px;
	}
table tr td b
	{
	font-family: DINPro-bold, sans-serif;
	font-weight: normal;
	}

#homeknop
	{
	position: absolute;
	display: block;
	top: 0;
	width: 286px;
	height: 120px;
	margin: 0 0 0 44px;
	}
a#terug
	{
	display: block;
	position: absolute;	
	font-family: DINpro-medium, sans-serif;
	text-decoration: none;
	font-size: 21px;
	width: 44px;
	height: 35px;
	color: #EEE;
	top: 0;
	padding: 97px 0 0 10px;
	}

a#terug:hover
	{
	display: block;
	position: absolute;	
	}

.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
	{
	width: 270px;
	clear: both;
	}
.ankeilblok-rechts
	{
	width: 270px;
	clear: both;
	}

aside h3
	{
	margin-left: 10px;
	}
aside a.ankeiler
	{
	width: 80%;
	margin-left: 15px;
	}

a.ankeiler
	{
	width: 270px;
	display: block;
	clear: both;
	text-decoration: none;
	padding: 10px;
	margin-bottom: 10px;
	overflow: auto;
	border: 1px solid #EEE;
	background-color: #F7F7F7;
	}
a.ankeiler-reverse
	{
	width: 270px;
	display: block;
	text-decoration: none;
	padding: 10px;
	margin-bottom: 10px;
	overflow: auto;
	border: 1px solid #EEE;
	color: #FFFF00;
	}
a.ankeiler:hover
	{
	text-decoration: none;
	background-color: #EEE
	/* background-color: #D1D1D1; */
	}
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
	{
	margin-bottom: 0;
	display: inline;
	}
a.ankeiler h4, a.ankeiler b.meer
	{
	color: #707070;
	}
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
	{
	clear: both;
	font-family: DINpro-medium, sans-serif;
	font-size: 13px;
	color: #000;
	}
a.ankeiler-reverse .creditregel
	{
	display: block;
	clear: both;
	font-family: DINpro-medium, sans-serif;
	font-size: 13px;
	color: #FFFF00;
	}
a.ankeiler:hover .creditregel
	{
	color: #346CF0;
	}
a.ankeiler-reverse:hover .creditregel
	{
	color: #FFFFFF;
	}
a.ankeiler p
	{
	font-family: DINpro, sans-serif;
	font-size: 13px;
	color: #000;
	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: #346CF0;
	}
a.ankeiler-reverse:hover p
	{
	color: #FFFFFF;
	}
a.ankeiler b.meer, a.ankeiler-reverse b.meer
	{
	font-family: DINPro-Medium, sans-serif;
	font-size: 14px;
	float: right;
	}

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

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

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

.ank-klein
	{
	width: 290px;
	display: block;
	float: left;
	margin-left: 0 !important;
	/* background-color: #DDD; */
	text-decoration: none;
	padding: 0;
	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
	{
	margin: 0;
	font-size: 15px;
	font-weight: normal;
	}

iframe#im-frame
	{
	width: 310px;
	margin-left: 10px;
	border: 0;
	height: 430px;
	}

article
	{
	display: block;
	width: 285px;
	text-align: left;
	margin: 220px 0 10px 0;
	padding: 0 15px 10px 20px;
	background-color: #FFF;
	}

article div
	{
	max-width: 280px !important;	
	}

article img
	{
	max-width: 280px;
	height: auto;
	}
article .rouwkader img
	{
	max-width: 255px;
	height: auto;
	}
article .rouwkader .rechts img, article .rouwkader .links img
	{
	max-width: 255px;
	height: auto;
	margin-left: 12px;
	}

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

article h1
	{
	margin: 0 0 15px 0;
	font-family: Avenir-Medium, sans-serif;
	font-size: 24px;
	line-height: 27px;
	color: #2B9B7B;
	}
aside h1
	{
	margin: 0 0 15px 10px;
	font-family: Avenir-Medium, sans-serif;
	font-size: 18px;
	line-height: 27px;
	color: #2B9B7B;
	}
article h2
	{
	font-family: Avenir-medium, sans-serif;
	font-size: 16px;
	margin: 5px 0 0 0;
	font-weight: normal;
	text-transform: uppercase;
	}
aside h2
	{
	font-family: Avenir-medium, sans-serif;
	font-size: 12px;
	margin: 5px 0 0 10px;
	font-weight: normal;
	text-transform: uppercase;
	}

aside .kader img, article .kader img, article .onderschrift
	{
	max-width: 260px !important;
	}
article .kader div img
	{
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	}
article .kader div .onderschrift
	{
	margin: 0 auto 20px auto;
	}

article h3
	{
	font-family: Avenir-medium, sans-serif;
	font-size: 24px;
	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;
	}

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

article p, article p.agenda
	{
	margin: 0 0 15px 0;
	font-family: Avenir, sans-serif;
	font-size: 15px;
	}
aside p
	{
	margin: 0 0 15px 0;
	font-family: Avenir, sans-serif;
	font-size: 15px;
	}
	
aside .video a
	{
	color: #707070;
	}

article p b
	{
	margin: 0 0 15px 0;
	font-family: Avenir-medium, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #2B9B7B;
	}

article p.wit, aside p.wit, article div.wit, aside div.wit
	{
	color: #FFF;
	}

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 .agenda b
	{
	color: #000;
	}
article img.agenda
	{
	float: left;
	margin-right: 10px;
	}

article p#lead, aside p#lead
	{
	font-size: 18px;
	}
article p#lead-klein
	{
	font-size: 15px;
	}

article p.im, aside p.im
	{
	margin: 10px 0 0 0;
	text-align: center;
	font-family: DINpro, sans-serif;
	font-size: 12px;
	}
article p.wit
	{
	color: #FFF;
	}
aside h4, aside p, aside img
	{
	margin-left: 10px;
	margin-right: 5px;
	}
aside img
	{
	max-width: 300px;
	height: auto;
	}

article div.links, article div.rechts
	{
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	}
aside div.rechts, aside div.links
	{
	float: right !important;
	margin-right: 5px;
	}


article div.centreren
	{
	/* margin: 0 auto 10px auto; */
	}
article div.onderschrift
	{
	font-family: DINpro, sans-serif;
	font-style: italic;
	font-size: 15px;
	margin: 0 0 20px 0;
	max-width: 290px;
	}
aside div.onderschrift
	{
	font-family: DINpro, sans-serif;
	font-style: italic;
	font-size: 15px;
	margin: 0 0 20px 10px !important;
	max-width: 95%;
	}
article .onderschrift hr
	{
	/* 
width: 100px;
	margin-left: 0;
 */
	}

aside .onderschrift
	{
	margin: 0 10px !important;
	}	

article 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
	{
	margin: 0 auto 10px auto;
	width: 270px;
	}
article .kader-rechts
	{
	margin: 0 auto 10px auto;
	width: 270px;
	}
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: 280px;
	margin: 5px 0 0 10px;
	padding: 10px;
	}
aside .rouwkader
	{
	width: 285px;
	border: 2px solid #000;
	margin: 5px 0 0 15px;
	padding-top: 10px;
	}
aside .rouwkader p
	{
	font-size: 14px;
	margin: 0 15px 10px 15px;
	}
aside .rouwkader .rechts
	{
	float: right;
	margin: 0 25px 0 15px;
	}
article .rouwkader
	{
	width: 90%;
	border: 2px solid #000;
	margin: 5px 0 0 0;
	padding: 10px;
	}

article .kolom
	{
/* 
	width: 320px;
	margin-right: 15px;
 */
	}


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

article .quote, aside .quote
	{
	text-transform: uppercase;
	font-family: Avenir-medium, sans-serif;
	font-size: 15px;
	color: #E7721B;
	margin: 0 0 15px 0;
	width: 70%;
	position: relative;
	left: 50%;
	margin-left: -35%;
	text-align: center;
	}
aside .quote
	{
	margin-top: 10px !important;
	}

article p#rubriek
	{
	float: left;
	margin: 0 0 20px -20px;
	padding: 5px 0 5px 20px;
	border-top: 15px solid #2B9B7B;
	border-bottom: 1px solid #2B9B7B;
	font-family: Avenir, sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	}
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;
	margin-top: 10px;
	}

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;
	text-align: left;
	font-family: arial, sans-serif;
	font-size: 14px;
	margin: 30px 20px 20px;
	}
article div.agent a, article div.gereedschap a
	 {
 	font-family: arial, sans-serif;
	font-size: 14px;
	 }

article div.gereedschap
	{
	width: 280px;
	text-align: left;
	font-family: arial, sans-serif;
	font-size: 14px;
	margin: 30px 20px 20px;
	}

aside
	{
	margin: 0 0 10px 0;
	padding: 10px 0 10px 0;
	background-color: #FFF;
	font-family: DINpro, sans-serif;
	}

aside iframe
	{
	width: 305px;
	height: 320px;
	border: 0;
	overflow: hidden;
	padding: 0 15px 0 0;
	background-color: #FFF;
	}

aside #im-frame
	{
	background-color: #FFF;
	width: 300px;
	margin: -5px 0 -18px 8px;
	padding: 0 0 10px 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;
	}

footer
	{
	clear: both;
	margin: auto;
	padding-top: 8px;
	width: 320px;
	height: 32px;
	background-color: #FFF;
	}
footer #adds
	{
	width: 250px;
	margin: 0 0 0 2px;
	margin-bottom: 5px;
	}

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

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;
	top: 70px;
	margin: 0 auto;
	width: 300px;
	padding: 10px 0 0 10px;
	color: #FFF;
	font-family: DINpro-medium, sans-serif;
	font-size: 16px;
	text-align: center;
	text-shadow: 1px 1px #000;
	}

nav
	{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0;
	margin: 10px 0;
	}

sup
	{
	font-size: 10px;
	}

#menubalk
	{
	position: absolute;
	top: 130px;
	background-color: #FFF;
	width: 320px;
	height: 30px;
	margin: 0 auto;
	}
	
a#mobiele-menuknop
	{
	position: absolute;
	top: 130px;
	display: block;
	margin: 0 auto;
	width: 320px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-family: "DINpro", sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #000;
	}

#menu-mobiel
	{
	margin: 0;
	width: 0;
	height: 0;
	}

.menu-hoofditem
	{
	margin: 0 auto;
	background-color: #EEE;
	border-top: 1px solid #000;
	}
.menu-hoofditem:hover
	{
	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: 18px;
	font-weight: 400;
	}
.menu-hoofditem a.menu-item
	{
	display: block;
	border-top: 1px solid #000;
	background-color: #F6F6F6;
	}
.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;
	}

ul.lijst, ol.lijst
	{
	margin-top: -15px;
	}
aside ul.lijst, ol.lijst
	{
	margin-top: 10px;
	margin-left: -15px;
	}

aside .kleurkader
	{
	padding: 20px 20px 10px 20px;
	}

ul li.pdf
	{
	font-family: DINpro, sans-serif;
	padding-left: 0;
	margin-left: 20px;
	list-style-image:  url(/picture_library/pdf.png);
	}

article img#front-cover
	{
	position: relative;
	left: 50%;
	margin-left:-100px;
	}

article ul.urls, aside ul.urls
	{
	list-style-image: url(/picture_library/pijltje.png);
	margin-left: 20px;
	padding: 0;
	}
article ul.urls li.none:before, aside ul.urls li.none:before
	{
	margin-left: -14px;
   /*  padding-left: -1em;  */
    text-indent: -.8em;
    content: "> ";
    color: #3E3E3E;
	}
article ul.urls li, aside ul.urls li
	{
	margin-top: 3px;
	list-style-type: none;
    line-height: 19px;
	}
article ul.urls li a, aside ul.urls li a
	{
	font-size: 16px;
	}
aside ul.urls li a
	{
	text-decoration: none;
	}
aside ul.urls li
	{
	text-indent: 20px;
	}
ul.front
	{
	margin-top: 0;
	}

article ul.urls li.mail
	{
	margin-left: 20px;
	text-indent: 5px;
	list-style-image:  url(/picture_library/mail.png);
	position: relative;
	}
article ul.urls li.telefoon
	{
	margin-left: 20px;
	text-indent: 5px;
	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 ul.urls li.telefoon a:hover, article ul.urls li.mail a:hover
	{
	color: #0000FF;
	}

article form
	{
	margin: auto;
	background-color: #EEE;
	width: 270px;
	padding: 10px;
	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;
	}

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

a.thumbnail
	{
	text-align: center;
	display: block;
	font-family: DINpro-medium, sans-serif;
	font-size: 14px;
	}
a.thumbnail span
	{
	display: block;
	padding-bottom: 10px;;
	}
a.thumbnail:hover
	{
	text-decoration: none;
	}
a.blad
	{
	position: relative;
	left: 50%;
	margin-left: -100px;
	}

.advertentieblokje
	{
	display: block;
	background-color: #EEE;
	border: 1px solid #DDD;
	padding-top: 24px;
	margin-top: 5px;
	}

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

#facebook
	{
	position: absolute;
	top: 105px;
	left: 50%;
	margin: 0 0 0 80px;
	display: block;
	height: 20px; width: 20px;
	background-image: url(/picture_library/facebook-mobiel.jpg);
	}
#twitter
	{
	position: absolute;
	top: 105px;
	left: 50%;
	margin:  0 0 0 108px;
	display: block;
	height: 20px; width: 20px;
	background-image: url(/picture_library/twitter-mobiel.jpg);
	}
#rss
	{
	position: absolute;
	top: 105px;
	left: 50%;
	margin:  0 0 0 136px;
	display: block;
	height: 20px; width: 20px;
	background-image: url(/picture_library/rss-mobiel.jpg);
	}
a#rss-agenda
	{
	display: block;
	float: right;
	height: 20px; width: 20px;
	margin:  5px 0 0 0;
	background-image: url(/picture_library/rss-mobiel.jpg);
	}

#zoekveld
	{
	position: absolute;
	top: 175px;
	margin-left: 0;
	width: 320px;
	background: #CACCCB;
	border: 0 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: -5px !important;
	}
div.gsc-adBlock, div.gcsc-branding
	{
	display: none;
	}
.gs-visibleUrl
	{
	display: none !important;
	}
a.gs-title
	{
	display: inline-block;
	font-weight: normal !important;
	font-size: 14px;
	font-weight: 600;
	color: #000080 !important;
	line-height: 16px;
	text-decoration: none !important;
	}
a.gs-title:hover
	{
	text-decoration: underline !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: bold;
	font-style: normal;
	}
@font-face
	{
	font-family: 'DINpro-medium';
	src: url('/letters/DINPro-Medium.ttf') format('truetype');
	font-weight: bold;
	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-mobiel
	{
	display: none;
	}

ul.urls li.video:before
	{
	content: "";
	margin-left: 0;
	}
ul.urls li.video, .kader.urls li.video
	{
	overflow: auto;
	}
.kader ul.urls li.video
	{
	display: block;
	margin-bottom: 10px;
	}

li.video a img, .kader li.video a img
	{
 	background-size: 175px 90px;
 	background-position: center;
	width: 150px;
	height: 80px;
	margin: 5px 10px 5px 0;
	float: left;

	}
.kader li.video a img, li.video a img
	{
	margin: 0 0 0 0;
	border-radius: 16px;
	border: 1px solid #000;
	}


.fancybox-slide--iframe .fancybox-content
	{
	padding: 0;
	overflow:visible;
	background:#FFF;
	}

@media screen and (max-width: 400px)
	{
	.fancybox-slide--iframe .fancybox-content
		{
		width: 100% !important;
		height: auto !important;
		}
	}
@media screen and (min-width: 401px) and (max-width: 799px)
	{
	.fancybox-slide--iframe .fancybox-content
		{
		width: calc(85vw) !important;
		height: calc(85vw/1.75) !important;
		}
	}