BODY
{
	font-family 		: Arial, Helvetica, sans-serif;
	color 			: Black;
	background-color	: #ffffff;
	margin 			: 0px 0px 0px 0px; 
	height			: 100%;
}

.container
{
      	display				: -webkit-flex;
      	display				: flex;
      	-webkit-flex-flow	: row wrap;
      	flex-flow			: row wrap;
		position				: relative;
		margin				: 0 auto;
		border-left			: 0px solid #000000;
}

.header
{
	float			: left;
	width			: 100%;
	padding-bottom	: 0px;
	padding-top		: 0px;
	border-bottom	: 1px solid #000000;
	margin-bottom	: 5px;
	padding-bottom	: 5px;
}

.headermobyl
{
	width			: 100%;
	align			: left;
}

.contentall
{
	width			: 100%;
	position		: relative;
	padding-bottom	: 15px;
	padding-top		: 10px;
	height			: 100%;
	float			: left;
}

.showlogolyts
{
	height			: 33px;
	width			: 106px;
	float			: left;
	cursor			: hand;
	cursor			: pointer;

}

/* mobile menu */


.m-menu
{
	background-color: #0b62af;
	width: 100%;
	padding: 0px;
	z-index: 1002;
}

#m-menu ul
{
    list-style-type: none;
	padding-bottom: 250px;
}


#m-menu li a {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}


/* Main menu settings */
#centeredmenu
{
  	clear			: both;
	float			: left;
	margin-top		: 1px;
	padding			: 0px;
	z-index			: 1000; /* This makes the dropdown menus appear above the page content below */
	position			: relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:0px;
}
#centeredmenu ul li a
{
	height			: 18px;
	width			: 170px;
	display			: block;
	margin			: 0px;
	padding			: 5px 5px 5px 5px;
	font-size		: 14px;
	line-height		: 1em;
	background		: #ffffff;
	text-decoration	: none;
	color			: #000000;
	font-weight		: bold;
	border			: 1px solid #000000;

}
#centeredmenu ul li.active a {
   color:#fff;
   background:#000;
}
#centeredmenu ul li a:hover 
{
   background	: #0061B0; /* Top menu items background colour */
   color			: #ffffff;
   border-bottom	: 1px solid #000000;
}

#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#0061B0; /* Top menu items background colour */
   color:#fff;
   border-bottom:1px solid #0061B0;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size: 14px;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#ffffff;
   color:#000000;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-top:1px solid #ffffff;
	border-bottom:1px solid #000000; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#e9f0fa; /* Sub menu items background colour */
   color:#000000;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

.sykboks
{
	float	: right;
}

.menukop
{
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color : #0061B0;
}

.item
{
	font-family: Arial;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	background-color : #e9f0fa;
}

.sentreer
{
	text-align		: center;
}

.blok
{
	padding		:	5px 5px 5px 10px;
	border		:	1px solid #0061B0;
}

.tekstlinks
{
	font-size	: 8pt;
}

A
{
	font-family : Arial, Helvetica, sans-serif;
	color : #07519A;
	text-decoration : none;
	font-size : 13px;
}

A:HOVER 
{
	text-decoration : underline; 
}

.content a
{
	word-break: break-all;
}

P, TD
{
	font-family 		: Arial, Helvetica, sans-serif;
	font-size 		: 12px;
	text-decoration 	: none;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.knopke
{
	cursor: hand;
	cursor: pointer;
	display: block;
	font-size : 16px;
    padding: 8px 10px;
    background: #0061B0;
    color: #FFF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.knopke:hover, .knopke:focus {
    background: #0176d5;
    border: solid 1px #0061B0;
    text-decoration: none;
}

.knopke:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

H1, H2, H3, H4
{
	margin 			: 10px 0px 5px 0px;
	font-weight		: bold;
	vertical-align	: top;
	font-family		: Arial, Helvetica, sans-serif;
	text-align		: center;
	color			: #0c0050;
	LINE-HEIGHT		: 22px;
}

H1
{
	text-align		: left;
}

H2
{
	text-align		: left;
}


H3
{
	font-size		: 16pt;
}

H4
{
	font-weight		: bold;
	font-size		: 10pt;
}

.waarblok
{
	padding			:	0px 0px 0px 0px;
	height			: 	70px;
}

.waarblok_item
{
	float: left;
	width: 160px;
	height: 100%;
	cursor: hand;
	cursor: pointer;
	border : 1px solid #0061B0;
}

.waarblok_item:hover, .waarblok_item:focus {
    background: #e9f0fa;
    border: solid 1px #000000;
    text-decoration: none;
}

img.weericoon
{
	border			: none;
	padding-top		: 0px;
	padding-bottom		: 14px;
	padding-right		: 14px;
}

div.mst_lezen, div.nst_lezen
{
	border-left	: 1px solid #0061B0;
	border-top	: 1px solid #0061B0;
	border-right	: 1px solid #0061B0;
	float		: left;
	width		: 102px;
	padding 		: 4px 0px 4px 10px;
	font-family 	: arial;
	font-weight 	: bold;
	font-size 	: 12px;
	cursor		: hand;
	cursor		: pointer;
}

div.nst_lezen
{
	width		: 150px;
}

div.mst_lezen_item, div.nst_lezen_item
{
	background-color : #e9f0fa;
	border-bottom: 1px solid #0061B0;
	float		: left;
	width		: 101px;
	padding 		: 4px 0px 4px 10px;
	font-family 	: arial;
	font-weight 	: bold;
	font-size 	: 12px;
	cursor		: hand;
	cursor		: pointer;
}

div.nst_lezen_item
{
	width		: 164px;
}

.meastelezen, div.fiifjier, div.tsjienjier, div.nijsteitems
{
	LINE-HEIGHT		: 18px;
}

.haadtitel
{
	padding			:	4px 0px 4px 10px;
	background-color	:	#0061B0;
	color			: 	#ffffff;
	font-family		:	arial;
	font-weight		:	bold;
	font-size		: 	14px;
	border			:	1px solid #0061B0;
}

.haadtitel a
{
	font-weight		:	bold;
	font-size		:	14px;
	color			:	#ffffff;
}

.haadheadline a
{
	font-size		:	16px;
	color			: #0c0050;
}

.haadfak p, .haadfak a
{
	LINE-HEIGHT		: 18px;
	font-family		: arial;
	font-weight		: normal;
	font-size		: 12px;
	margin-right	: 10px;
}


.saken
{
	background-color	: #e1332c;
	border			: 1px solid #e1332c;
}

.sport
{
	background-color	: green;
	border			: 1px solid green;
}

.wurk
{
	background-color	: #df137a;
	border			: 1px solid #df137a;
}

div.headline_wenning
{
	width			:   336px;
}

div.headline_wenning a
{
	font-size		:	16px;
	color			:	#0c0050;
}

.ynhald
{
	padding-top		: 5px;
	LINE-HEIGHT		: 18px;
	padding			: 10px 0px 0px 0px;
}

.content 
{
	LINE-HEIGHT		: 18px;
	padding		:	10px 0px 10px 10px;
	border-left	:	1px solid #0061B0;
	border-right	:	1px solid #0061B0;
	border-bottom	:	1px solid #0061B0;
}

.dropmenu, .sykmenu
{
	float	: left;
	width	: 220px;
}

.kolom_haad
{
	display			: inline;
	width			: 438px;
	padding-left	: 10px;
	padding-right	: 17px;
	float			: left;
	padding-bottom	: 0px;
	padding-top		: 11px;
	height			: 100%;
}

.artikel p, .artikel a
{
	font-size		: 15px;
	LINE-HEIGHT		: 18px;
}

	.data
	{
		width			: 300px;
		height			: 20px
	}


	.datanaam
	{
		width			: 50px;
		float			: left;
		margin 			: 0px 0px 0px 0px;
		font-weight		: normal;
		font-size		: 10pt;
		font-family		: Arial, Helvetica, sans-serif;
		text-align		: left;
	}

	.datazelf
	{
		width			: 200px;
		float			: right;
		margin 			: 0px 0px 0px 0px;
		font-weight		: normal;
		font-size		: 10pt;
		font-family		: Arial, Helvetica, sans-serif;
		text-align		: left;
	}

	.artikel A
	{
		color 			: #D81F27;
	}

.kolom_lofts, .kolom_rjochts
{
	display: none;
}

.reklame, .reklamemobiel
{
	width			: 100%;
	padding			: 10px 0px 0px 0px;
	text-align		: center;
}

.reklame
{
	display			: none;
}

span.reacties
{
	position: absolute;
	cursor: hand;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background: url(https://media.waldnet.nl/images/ongepast.gif) no-repeat;
}

.reaksjeflak
{
  font-size			: 11pt;
  border-radius		: 20px;
  padding-top		: 5px;
  LINE-HEIGHT		: 18px;
  background			: #e9eaed;
  padding			: 10px; 
}

.reaksjeflak p, .reaksjeflak a
{
	font-size		: 11pt;
	LINE-HEIGHT		: 18px;
}

.reaksjeflak_input
{
  border-radius		: 20px;
  border				: 0px;

  LINE-HEIGHT		: 18px;
  background			: #e9eaed;
  font-size			: 16px;
  padding-left		: 10px;
  padding-top		: 12px;
  padding-bottom		: 12px;
}

.footer
{
	width			: 100%;
	padding-left	: 0px;
	padding-right	: 0px;
	float			: left;
	padding-bottom	: 0px;
	padding-top		: 20px;
}

@media (min-width: 240px)
{
	BODY
	{
		font-size 		: 16px;
	}

	a
	{
		font-size 		: 16px;
		LINE-HEIGHT		: 22px;
	}

	P, ul, li
	{
		font-size 		: 16px;
		LINE-HEIGHT		: 22px;
	}

	.artikel p, .artikel a, .artikel ul, .artikel li
	{
		font-size		: 17px;
		LINE-HEIGHT		: 22px;
	}

	H1
	{
		font-size		: 18pt;
		LINE-HEIGHT		: 26px;
	}

	H2
	{
		font-size		: 12pt;
		font-weight		: normal;
	}

	.container
	{
		width			: 100%;
	}

	.header, .headline_mainpage, .vb_pilaar, .reklame, .kolom_rjochts, .sportblok
	{
		display			: none;
	}

	.headline_mainpage_mobyl, .haadtitel_saken_mobyl
	{
		height			: 100%;
		padding-bottom	: 10px;
		background-color: #e9f0fa;
	}

	.headline_mainpage_mobyl a, .haadtitel_saken_mobyl a
	{
		font-weight		: bold;
		padding-top		: 7px;
		display			: block;
		font-size		: 16px;
		color			: #0c0050;
	}

	.ynhald, .content
	{
		LINE-HEIGHT		: 34px;
	}

	.knopke
	{
		margin-top: 20px;
	}

	.input-tekst
	{
		font-size		: 16px;
		padding-top		: 16px;
		padding-left		: 2px;
		padding-bottom	: 2px;
	}

	.input-grut
	{
   		border-radius: 3px;
	    border: 1px solid #ccc;
		font-size: 16px;
		padding-left: 10px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

      .select-style, .select-style-small
	{
    padding: 6px;
    margin: 0;
    border: 1px solid #ccc;
    width: 200px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff;
    position: relative;
}

.select-style:after, .select-style-small:after {
    top: 50%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}

.select-style select, .select-style-small select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus, .select-style-small select:focus {
    outline: none;
}

.select-style-small
{
	width: 90px;
}

.select-style-small:after
{
    left: 80%;
}



	#centeredmenu
	{
		margin			: 2px 0px 0px 0px;
		float			: left;
	}

	#centeredmenu ul li a
	{
		height			: 18px;
		width			: 120px;
	}

	.showlogolyts
	{
		padding			: 4px 0px 0px 0px;
		text-align		: center;
		width			: 100%;
		display			: inline;
	}

	.sykjeynput
	{
		padding: 2px 2px 2px 2px;
		float: left;
		display: none;
	}

	.kolom_haad, .kolom_vb
	{
		align			: center;
		display			: inline;
		width			: 94%;
		padding-left		: 10px;
		padding-bottom	: 0px;
		padding-top		: 10px;
		padding-right	: 10px;
		float			: left;
		height			: 100%;
	}

	img.nijsfoto
	{
		width		: 100%;
		max-width	: 100%;
	}

	img.show_vb_img
	{
		max-width	: 100px;
		max-height	: 150px;
	}
}

@media (min-width: 550px)
{
	img.show_vb_img
	{
		max-width	: 200px;
		max-height	: 250px;
	}

	.knopke
	{
		margin-top: 0px;
	}
}

@media (min-width: 825px)
{
	BODY
	{
		font-size 		: 12px;
	}

	P, a, ul, li
	{
		font-size 		: 13px;
		font-weight		: normal;
		LINE-HEIGHT		: 16px;
	}

	.artikel p, .artikel a, .artikel ul, .artikel li
	{
		font-size		: 15px;
		LINE-HEIGHT		: 18px;
	}

	H1
	{
		font-size		: 18pt;
	}

	H2
	{
		font-size		: 14pt;
		font-weight		: bold;
	}

	.container
	{
		width			: 810px;
	}

	.showlogolyts
	{
		width			: 110px;
		text-align		: center;
		background-color	: white;
		padding			: 2px 8px 0px 2px;
	}

	.header, .headermobyl, .headline_mainpage_mobyl, .haadtitel_saken_mobyl, .reklamemobiel, .kolom_lofts, .sportblok_mobyl
	{
		display			: none;
	}

	.headermobyl, .vb_pilaar
	{
		display			: block;
	}

	.headline_mainpage, .headline_wenning
	{
		display				: 	block;
		height				: 	150px;
		padding				:	0px 0px 0px 0px;
		background-color	:	#e9f0fa;
		color				: 	#000000;
		font-family			:	arial;
		font-weight			:	bold;
		font-size			: 	14px;
		border				:	0px;
		cursor				: 	hand;
		cursor				:	pointer;
	}

	.headline_mainpage a, .headline_wenning a
	{
		font-weight		:	bold;
		padding-top		: 7px;
		display			: block;
		font-size		: 16px;
		color			: #0c0050;
	}

	.ynhald, .content
	{
		LINE-HEIGHT		: 18px;
	}

	.input-tekst
	{
		font-size		: 14px;
		padding-top		: 10px;
		padding-left		: 2px;
		padding-bottom	: 2px;
	}

	.input-grut
	{
		font-size: 14px;
		padding-left: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

      .select-style, .select-style-small
	{
	    padding: 0px;
	}

	.sykjeynput
	{
		padding: 2px 2px 2px 2px;
		float: left;
		display: inline;
	}

	.reklame
	{
		display			: inline;
	}

	.sportblok
	{
		display			: inline-block;
	}

	.contentall
	{
		align			: center;
	}

	.kolom_haad, .kolom_rjochts, .kolom_vb
	{
		display			: inline;
		float			: left;
		padding-bottom	: 0px;
		padding-top		: 11px;
	}

	.kolom_haad
	{
		padding-left		: 10px;
		padding-right	: 17px;
		width			: 438px;
	}

	.kolom_vb
	{
		padding-top		: 0px;
		padding-left		: 14px;
		padding-right	: 0px;
		width			: 600px;
	}

	img.show_vb_img
	{
		max-width	: 200px;
		max-height	: 300px;
	}

	.kolom_rjochts
	{
		padding-left		: 0px;
		padding-right	: 0px;
		width			: 336px;
	}
}

@media (min-width: 990px)
{
	.showlogolyts, .reklamemobiel, .headermobyl
	{
		display			: none;
	}

	.header	
	{
		display			: block;
		position		: relative;
	}

	.reklame
	{
		display			: inline;
	}

	.container
	{
		width			: 970px;
		margin-left		: auto;
		margin-right		: auto;
	}

	#centeredmenu
	{
		margin-left		: 178px;
	}

	.kolom_lofts
	{
		display			: inline;
		width			: 161px;
		padding-left		: 0px;
		padding-right	: 10px;
		float			: left;
	}

	.kolom_haad
	{
		width			: 438px;
		padding-left		: 8px;
		padding-right	: 17px;
		float			: left;
		padding-bottom	: 0px;
		padding-top		: 11px;
	}

	.kolom_vb
	{
		width			: 581px;
		padding-left		: 14px;
		padding-right	: 0px;
		float			: left;
		padding-bottom	: 0px;
		padding-top		: 0px;
	}

	img.show_vb_img
	{
		max-width	: 200px;
		max-height	: 300px;
	}

	.kolom_rjochts
	{
		float			: left;
		display			: inline;
		padding-left		: 0px;
		padding-right	: 0px;
		float			: left;
		padding-bottom	: 0px;
		padding-top		: 11px;
		width			: 336px;
	}
}

.cookie-notification {
    bottom: 1rem;
    color: #fff;
    display: none;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9;
	display: block;
}

.cookie-notification .cookie-notification--bar {
	font-size: 12px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 3px;
    display: inline-block;
    line-height: 2.2rem;
    padding: 1rem 2rem
}

.cookie-notification .cookie-notification--link, .cookie-notification .cookie-notification--close {
    color: #ffffff
}

.cookie-notification .cookie-notification--close {
    display: inline-block;
    margin-left: .9rem
}

.cookie-notification .cookie-notification--close-icon {
    margin-left: .6rem
}