@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');

body {
	font-family: 'Open Sans';
	font-weight: 400;
    	overflow-x:hidden;
    	height:100%; 
	font-size: 14px; 
	text-rendering: optimizelegibility;
	color: #333;
	background-color: #fff; 
	display: flex;
  	min-height: 100vh;
  	flex-direction: column;
}
input, button, select, textarea {
    font-family: 'Open Sans';
}
h1, h2 {
    font-weight: bold;
    font-size: 28px;
}
h2.pages {margin-top: 30px;}
h5 {
	font-size: 1.3em;
	line-height:1.4em;
}
b.pages {
    font-size: 1em;
    line-height: 1.2em;
}
a {color: #333;}

.placeholder { 
	color: #eee; 
}
.inhoud { 
	min-height: 500px; 
}
select, 
textarea, input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	padding: 8px 8px;
}


input[type=submit], input[type=button], input[type="reset"], .btn, button.g-recaptcha, button.udn, button.button, a.btn {
    border: none;
    text-shadow: none;
    color: white;
    padding: 6px 46px;
    margin-top: 6px;
    font-weight: bold;
    background-image: none;
}
input[type=submit]:hover, input[type=button]:hover, input[type="reset"]:hover, .btn:hover, button.g-recaptcha:hover, button.button:hover, a.btn:hover {
    	background-image: linear-gradient(rgb(0 0 0/20%) 0 0) !important;
	color: #fff;
	background-repeat: unset;
}
input.inputnieuws, input.inputagenda {padding: 4px 6px;}
input[type=submit], button, a.btn {
    border-radius: 16px !important;
}
.event_ics button {border-radius: 0px !important;}

input[type=submit]:hover, button:hover {
	/*background: #6b6b6b;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, .4);*/
	box-shadow: none;
}
.zoekbalk button:hover {
	/*background: initial !important;*/
	box-shadow: initial;
}

input[type="text"], button.zoeken {
    border-radius: 0 !important;
}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  	border-color: #646464;
	box-shadow: none;
}

li {
    	line-height: 1.4em;
}

/*** LOADER ***/
html {
        overflow-x:hidden;
        overflow-y:scroll;
}
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 0.8s;
  animation-name: animatebottom;
  animation-duration: 0.8s
}

@-webkit-keyframes animatebottom {
  from { bottom:0; opacity:0 } 
  to { bottom:0; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:0; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
	display: flex !important;
  	min-height: 100vh;
  	flex-direction: column;

}
/*** EINDE LOADER ***/
/*** AGENDA ***/
.kiezer {
	margin: -21px 0 32px 8px;
}
.kiesmaand {
	line-height: normal;
}
.not_selected a, .kiezer a, #empty.not_selected span {
	color: #000;
	background-color: #fff;
	padding:3px 6px 3px 6px;
	font-size: 0.85em;
       	text-transform: lowercase;
    	border-radius: 4px 4px 0 0;
}
.not_selected a, #empty.not_selected span {	
	box-shadow: inset 0 -4px 12px -10px rgba(0,0,0,0.8);
}
#empty.not_selected a, #empty.not_selected span {
	color: #adadad;
}
.selected a {
	color: #fff;
	padding:3px 6px 2px 6px;
	font-size: 0.85em;
       	text-transform: lowercase;
}
.select_afk, .select_num {
	display:none;
}
.selected .select_vol {
	border-bottom: 5px solid;
	border-radius: 4px; 
}
.volgend_jr, .huidig_jr {
	vertical-align: text-top;
}
.huidig_jr a {
	margin-right: 20px;
	box-shadow: inset 0 -4px 12px -10px rgba(0,0,0,0.8);
}
.volgend_jr a {
	margin-left: 20px;
	box-shadow: inset 0 -4px 12px -10px rgba(0,0,0,0.8);
}
i.fa.fa-bars {
	font-size: 1.5em;
	margin-top:-2px;
}
i.fa.fa-home {
	font-size: 1.1em;
	margin-top:-5px;
}
ul.nav li a {
	min-width:36px;
}
span.active {
	color: rgba(255,255,255,1);
	border-bottom: 6px solid #959595;
	padding: 0 4px 4px 4px;
    	margin: 0 4px 0 4px;
}
li.last a span.active {
	padding: 0 4px 4px 4px;
	margin: 0 4px 0 4px;
}
span.inactive {
	padding: 0 8px 10px 8px;
}
span.active:hover {
	color: rgba(255,255,255,1);
}
i.fa.fa-user {
	margin-top:-1px;
}
.social {
	margin-top:32px;
}
p.social_message {
	margin-bottom: 6px;    
	font-size: 1em;
}
div#share-buttons {
	width: 165px;
    	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
    	display: flex;
    	flex-wrap: wrap;
	justify-content:space-between;
	flex-direction: row;
	margin-bottom: 10px;
}
div.share { 
	width: 35px;
	}
#wa.share {
	display:none;
}
div.share a img { 
	width:40px;
    	-webkit-transition: all .4s ease-in-out;
	opacity: 0.8;
	border-radius: 4px;
}
div#tw.share a img { 
	opacity: 0.6;
}
div.share a img:hover { 
    	-webkit-transition: all .4s ease-in-out;
	opacity: 1;
}
div#tw.share a img:hover { 
	-webkit-transition: all .2s ease-in-out;
	opacity: 1;
}
.berichttekst, p, .span6, .noresult, .editie-items {    
	font-size: 1.2em;
    	line-height: 1.4em;
}
#archief.berichttekst {
	margin-top: -10px;
}
.berichttekst span {
	color:#888;
}
.verloop {
	background: linear-gradient(rgba(255, 255, 255, 0), #ffffff) !important;
    	margin-top: -60px;
    	height: 60px;
    	display: block;
    	z-index: 99;
    	position: relative;
}
.udn_uitleg {
	margin: 0px 0 30px 0;
}
.udn_keuze {
	margin-top: 40px;
	border-radius: 8px;
	padding: 20px;
    	-webkit-flex-wrap: wrap;
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: space-between;
}
.udn_login, .udn_lezer, .udn_abo {
	text-align: center;
	padding: 16px;
	width: 29%;
	height: 120px;
	background-color: #ffffff80;
}
span.udn {	
	color: #6a6a6a;
}
h4.udn {
	margin: 0 0 12px 0;
}
.form_main {
    	display: flex;
	-webkit-flex-wrap: wrap; 
    	flex-wrap: wrap;
	flex-direction: row;
    	justify-content: space-between;
}
h4.abo {
	margin: 0 0 12px 0;
	font-size: 22px;
	color: #626262;
}
ul.abo li {line-height: 2em;}
ul.abo_inc li {line-height: 1.4em;}
.abo_keuze {
	text-align: left;
	padding: 16px;
	width: 45%;
	background-color: #ffffff80;
	border-radius: 6px;
}
.abo_keuze-2-col {
	text-align: left;
    	padding: 16px;
    	width: 100%;
    	background-color: #ffffff80;
    	margin-bottom: 24px;
	border-radius: 6px;
}
i.abo {
	font-size: 12px;
}
ul.abo {
	font-size: 14px;
}
b.abo {
	float: right;
}
.voorwaarden ul li { font-size: 14px;}
.noresult {
	font-weight: bold;
	font-style: italic;
}

div.more {
	margin: 20px 0 -15px 0;
	font-size:1em;
	line-height: 1.25em; 
    	-webkit-flex-wrap: wrap; 
    	display: flex;
    	flex-wrap: wrap;
	justify-content:space-between;
}
img.nieuws_afb {
	width: 100%;
}
div.nws_img {
	min-width: 1175px;
}
div.nws_img img.nieuws_afb {
	margin-top: -6px;
}
img.online_afb {
	margin-top: -6px;
	background-size: 23%;
	background-repeat: no-repeat;
	background-position: 34% 28%;
	min-width: 1175px;
}
div.more_nws img.nieuws_afb {
	width:100%; 
}
div.more_nws, .front_nws {
    overflow: hidden;
}
div.more_nws_img a img.nieuws_afb, .front_nws a .front_nws_afb {    
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
div.more_nws_img a img.nieuws_afb:hover, .front_nws a .front_nws_afb:hover {    
    transform: scale(1.04); 
 }
img#current.nieuws_afb {
	opacity: 40%;
}
.more_nws_tkst a#current, span#current {
	color: #c0c0c0;
}
.nws_img .copyright {
	top: 460px;
    	right: 25px;
    	position: absolute;
    	font-size: 12px;
    	color: #e6e6e6;
    	text-shadow: 0 0 3px #000;
	background-color: #00000080;
    	border-radius: 10px 0 0 0;
    	padding: 2px 12px 2px 12px;
	opacity: 0;
	transition: opacity 1s;
}
.nws_img:hover .copyright {
	opacity: 1;
}
div.more_nws a {
	line-height:1.25em !important;
	font-weight: normal; 
	color: #4e4e4e;
}
div.more_nws {
	width: 32.5%;
	height: 25%; 
	margin: 0;
	float:left;
	margin-bottom: 16px;
}
div.more_nws_tkst { 
	margin-top: 5px;
}
div.more_nws_img {
	position: relative;
	vertical-align: top;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div.nwsnav_mobile_tp {
	padding-bottom: 0;
	position: absolute;
	top: 0;
	width: 25%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.56);
	margin-right: 75%;
}
div.nwsnav_mobile_bttm {
	padding-bottom: 0;
	position: absolute;
	top: 0;
	width: 25%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.56);
	margin-left: 75%;
}
div.nwsnav_arrow {
	display:block;
	margin: auto;
	width: 36px;
	height: 60px; 
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: width 0.2s; /* For Safari 3.1 to 6.0 */
    	transition: width 0.2s;
}
div.nwsnav_arrow:hover {
    	width: 32px;
}

div.nwsnav_arrow_tp {
	display:block;
	margin: auto;
	width: 42px;
	height: 60px; 
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: width 0.2s; /* For Safari 3.1 to 6.0 */
    	transition: width 0.2s;
}
div.nwsnav_arrow_tp:hover {
    	width: 46px;
}

div.nwsnav_mobile_bttm div.nwsnav_arrow a i.fa.fa-chevron-right {
	font-size: 4.6em;
	padding: initial;
	margin:initial;
	text-shadow:initial; 
	color: #fff; 
	position: absolute;
}
div.nwsnav_mobile_tp div.nwsnav_arrow_tp a i.fa.fa-chevron-left {
	font-size: 4.6em;
	padding: initial;
	margin:initial;
	text-shadow:initial; 
	color: #fff; 
	position: absolute;
}
hr.nwsnav_hr {
	border-top:8px solid #dadada;
}
hr.nwsnav_hr_bottom {
	border-top:8px solid #dadada;
	top: 10px;
}
div.front_nws_container {
	width:200px;
	margin: 0 0 20px 0; 
    	-webkit-flex-wrap: wrap; 
    	display: flex;
    	flex-wrap: wrap;
	flex-direction: column;
}
div.home_align { 
    	-webkit-flex-wrap: wrap; 
    	display: flex;
    	flex-wrap: wrap;
	flex-direction: row;
}
form#proefabo.form-horizontal input {width:500px;border-radius: 0 !important;}

div.home_align_onderwerpen {max-width:50%;}
div.front_nws {width:100%;margin-bottom:16px;line-height: 15px;}
img.front_nws_afb {width:100%;}
div.front_nws a {font-size: .96em;line-height:1.2em; color: #808080;}
div.front_nws_title {    
        font-size: 2.33em; 
    	margin: 170px 0 0 -200px;;
    	font-weight: bold;
    	text-transform: uppercase;
    	transform: rotate(-90deg);
    	color: rgba(153, 146, 146, 0.24);
    	position: absolute;
}
div.nws_img_mobile, div.online_img_mobile {display:none;}
div.nieuwsbericht {min-height:450px;}
span.readmore a, span.readmore, button#vidBtn {
	background:none;
	border:0;
   	/*font-style: italic;*/
	text-transform:initial;
	font-size: 1.1em;
	color:#888;
	padding: 0;
}
button#vidBtn {font-size: 1.2em}
i.fa.fa-caret-right {
    color: white;
    background: #aaa;
    width: 0.55em;
    transform: scale(1.5,1);
    padding-left: 1px;
    margin: 0 4px 0 2px;

}
span.related a i.fa.fa-caret-right {
    width: 0.46em;
    padding-left: 2px;
    margin: 0 2px;
}
span.related a i.fa.fa-external-link {
	font-weight: bold;
	color: #808080;
}
div.gerelateerd {padding-left: 20px;}
div.gerelateerd br {line-height:2em;}
div.bekijk {
	margin-bottom: 20px;
	margin-left:-10px;
    	font-size: 1.35em;
    	text-transform: uppercase;
    	font-weight: bold;
}
span.related a {line-height: 1.6em;margin-left: -10px;font-size:1em;}

button#vidBtn2 {position: absolute;
    top: 334px;
    left: 0;
    width: 60px;
    height: 60px;
    font-size: 3em;
    border: 0;
    color: white;	
}
.vid_block {
    color: #fff;
    position: relative;
    margin: -31px 0 -18px 0;
    width: 15px;
    height: 15px;
    padding: 5px 7px 11px 9px;
    font-size: 1.5em;
}
i.fa.fa-play {
	padding: 8px 10px 8px 16px;
	margin-left: -6px;
	-webkit-transition: margin-left 0.2s; /* For Safari 3.1 to 6.0 */
    	transition: margin-left 0.2s;
}
i.fa.fa-play:hover {
    margin-left: -4px;
}
div.front_nws a div.vid_block i.fa.fa-play {padding: 0 0 0 8px;transition:initial;-webkit-transition:initial;}
div.front_nws a div.vid_block i.fa.fa-play:hover {margin-left:-6px;}

div.more_nws_img a div.vid_block i.fa.fa-play {padding: 0;margin-left: 0;}
div.more_nws_img a div.vid_block i.fa.fa-play:hover {margin-left: 0;}
.front_nws a .vid_block {margin: -35px 0 4px 0; padding: 8px 7px 8px 9px;}
.feedscroll {width: 200px;margin-left: 975px; position: absolute; top: 525px;height: 60px;font-size: 2.29em;color: #ccc;}
.feedscroll a, .feedscroll {position:absolute;color: #fff;line-height:60px;z-index: 9999;}
i.fa.fa-lightbulb-o {font-size: 1.5em;}
i.fa.fa-chevron-right {font-size: 1em;padding: 6px 0 0 18px;}
button.g-recaptcha i.fa.fa-chevron-right, button.button i.fa.fa-chevron-right, a.btn i.fa.fa-chevron-right {font-size: 1em;padding: 4px 5px 4px 7px;background-color: #fff; border-radius: 50%; color: #4e4e4e; margin-left: 10px;}
.voetnoot i.fa.fa-chevron-right, .read_online_pdf i.fa.fa-chevron-right {vertical-align: middle; padding: unset; opacity: 0.8;}
i.fa.fa-chevron-left {font-size: 1.7em;padding: 6px 0 0 4px;}
i.fa.fa-hand-pointer-o {font-size: 1.5em;padding: 6px 0 0 8px;}
i.fa.fa-chevron-up {font-size: 1.7em;padding: 5px 0 0 3px;}
i.fa.fa-chevron-down {font-size: 1.7em;padding: 5px 0 0 3px;}
i.fa.fa-stop-circle {font-size: 1.4em;padding: 14px 0 0 11px;}

i.fa.fa-level-up {font-size: 1.4em;padding: 15px 0 0 17px;}
i.fa.fa-user-times {font-size: 1.3em;}
i.fa.fa-arrow-left {font-size: 1.4em;padding: 12px 0 0 10px;}
i.fa.fa-file-pdf-o {font-size: 1.5em;padding: 6px 0 0 10px;color:rgba(255, 255, 255, 0.5);}
i.fa.fa-clock-o {color: #909090;}

div.nwsnav_container {/*width: 200px;margin-left: 400px;*/height: 60px;margin-top: -147px;margin-bottom:80px;position: relative;}

.feedscroll_prev, .feedscroll_next, .feedscroll_pointer, .feedscroll_today {
	display:inline; 
	width:60px; 
	height:60px;
	margin-top: 0; 
}
.feedscroll_today {position: absolute;margin-left: 10px;}
.feedscroll_prev, .feedscroll_pointer {float:right;}
.nav_expl {font-size:10px;text-align:center;width:60px;position: absolute;margin-top: -22px;color: rgba(255, 255, 255, 0.4) !important;}
.feedscroll_next {float:left;}

span.chevron_grey i.fa.fa-hand-pointer-o, span.chevron_grey i.fa.fa-chevron-right, span.chevron_grey i.fa.fa-chevron-left, span.chevron_grey i.fa.fa-chevron-up, span.chevron_grey i.fa.fa-chevron-down, span.chevron_grey i.fa.fa-stop-circle, i.fa.fa-undo {color: rgba(255, 255, 255, 0.4);}
span.chevron_grey i.fa.fa-chevron-right:hover, span.chevron_grey i.fa.fa-chevron-left:hover, span.chevron_grey i.fa.fa-chevron-up:hover, span.chevron_grey i.fa.fa-chevron-down:hover {margin:0;}

div.nieuws {min-height: 950px;}

/*** ONLINE ***/
.index {
    
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}
span#online_reduction{
	filter: opacity(0.5);
}
.editienr {
	display: inline-flex;
	flex-direction: column;
	width: 32%;
}
.editienr a {
	min-width:90px;
	max-width:150px;
	font-size: .875em;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}
a h6 {
    margin: 12px 0 0 -20px;
    font-size: 0.85em;
}
a h6.read_online {
	margin: -8px 0 0 0;
}
h6.read_online img.icon {margin-right: 16px;}

img.img_index {
	min-width:150px;
	max-width:150px;
	margin-bottom: 8px;	
}
img.img_index, .inhoud .clearfix a img.pull-left {
	box-shadow: 2px 2px 4px rgb(0 0 0 / 40%); 
    	transition: all 0.2s ease-in-out;
    	-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-ms-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
}
.inhoud .clearfix a img.pull-left {
    	margin: 0 20px 12px 0;
}
img.img_index:hover, .inhoud .clearfix a img.pull-left:hover {    
    transform: scale(1.02); 
}
.tab {
    line-height: 1.4em;
    display: table-cell;
    min-width: 20px;
    font-weight: normal;
}

span.profiel {float: right !important;font-size: .85em; font-weight: bold;}
h2#online.desktop, span.profiel {display: inline-flex;flex-direction: row;margin: 10px 0 30px 0;}
div#prod_nws.inhoud h2#online.desktop {display: block;}
h2.mobile {display: none;}
div.profile-label {width: 100%;display: inline-flex;flex-direction: row;font-size: 1.2em;}
div.profile-label span {width:180px;}
div.profile-ww {font-size:.85em;margin-top: -8px;margin-left:180px;font-style:italic;}
div.profile-label input.input-xlarge, div.empty input.btn {margin-left:0;border-radius:0;}
h2#online.desktop i.fa.fa-user{line-height: 36px;}
h2.mobile i.fa.fa-user {line-height: 36px; margin-top: -3px;}
div.empty span {width:180px;}
div.empty {display: inline-flex;flex-direction: row;}

table.covers tbody tr td img {box-shadow: 2px 2px 4px rgb(0 0 0 / 40%);}

.error {
	color:red;
	font-size: 0.75em;
}
.errmsg {
	color:red;
	font-size: 0.85em;
	font-style:italic;
	-webkit-animation: fade_title 2s ease;
	-moz-animation: fade_title 2s ease;
	animation: fade_title 2s ease;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 5s;
}
@-webkit-keyframes fade_title {
    	0%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes fade_title {
    	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes fade_title { 
    	0%{opacity:1;}
	100%{opacity:0;}
}
/* dit kan weg zodra alle tabellen zijn vervangen */
div.online table tbody tr td {text-align: left;}
div.online table tbody tr td div, div.inhoud table tbody tr td div {font-size: 1em !important;margin:5px 0 40px 0;}


.online .inhoud  {margin-top: -20px;}
.online .inhoud hr, .online hr, .berichttekst hr {border-top: 4px dashed #eee;border-bottom:0;}
.online #prod_nws.inhoud {font-size: 1.2em;line-height: 1.4em;margin-top: 0;}
.online #prod_nws.inhoud h5 {font-size: 1.2em;}
a.online_index {
	font-size: 1em;
	line-height: 28px;
	display: inline-block;
	background-color: #a0a0a02b;
       	border-radius: 4px;
        margin: 0 8px 8px 0;
	padding: 0 6px;
}
a#selected.online_index {
	font-weight: bold;
    	color: #fff;
	padding: 0px 6px;
	border-radius: 4px;
}
td.mobile_title {width:750px;}
td.mobile_account {width:200px;}
span.extra_foto {font-style: italic;}
.drpbtn, button.drpbtn img {display: none;}

div#prod_nws.inhoud p img {margin-bottom: 40px;}
div#prod_nws.inhoud form#form input.btn {margin-bottom: 60px;}
article#productnieuws form#form p input.btn {margin-bottom: 60px;}
#productnieuws input[type="checkbox"] {margin: -2px 0 0;}
.prodnieuws {font-size: 1.2em;width:100%;display:inline-flex;margin-bottom: 6px;}
#prod_nws.inhoud ol li {font-size: 0.85em;}
span.chk {min-width:20px;margin-right:8px;}
span.infonr {font-weight: bold;min-width:80px;}

#agendafeedmobile {display:none;}
table.agenda_detail tbody tr td.title h2 {margin-top:-15px;}
tr.grey {display:none;}
tr.grey td.agenda_date:hover, tr.grey td.agenda_inter:hover, tr.grey td.agenda_discr a:hover, tr.grey td a:hover {color: grey;}

td.agenda_date {width:75px;font-weight: bold;}
td#srch.agenda_date {width:102px;}
td.agenda_inter {width:24px;}
td.agenda_discr, td.agenda_date, td.agenda_inter {vertical-align: top !important;}
td.agenda_discr a, td.agenda_date, td.agenda_inter {font-size:1.2em;line-height: 1.4em;}

p.notfound {font-style: italic;}

div.agenda_nav {width: 950px; height: 1em; font-size: 0.857em; margin-top:16px;}
form.form-inline {margin-top:40px;}
.phone, tr.event_ics td button  {font-size: 1.8em;border:0;width: 40px; height: 40px; text-shadow: none;color: white;/*padding-left: 8px;*/}
.phone {text-align: center;}
.phone i.fa.fa-phone {vertical-align: -webkit-baseline-middle;}
tr.event_ics td button a {color: white;}
td.tekst_event ul, td.tekst_event ol, .nieuwsbericht ul, .nieuwsbericht ol { padding-left: 16px;margin: -20px 0 -20px 0;}
ol li::marker {font-weight: bold;}
/*td.tekst_event ul {    display: list-item;
    text-align: -webkit-match-parent;}*/
.list li { margin-bottom: 5px; }

.icon {
	width: 34px;
	height: 34px;
	margin: 15px 5px 8px 0;
	box-shadow: 1px 1px 4px rgb(0 0 0 / 40%);
	/*border-radius: 4px;*/
}
table.info {margin-top: -8px !important; margin-bottom: 0 !important;}  
   .text-justify {
    text-align: justify;
}
form#inlogform input.btn {margin-left: 0;}

/*** INVOER POP-UP'S ***/
button.btn, input[type="submit"].btn {margin-left: 180px}

.form-horizontal .control-group {
  	margin: 0 20px 0 0;
	width: 80%
}
.form-horizontal .control-group-ab {
  	margin: 0 20px 16px 0;
    	display: inline;
	width: 45%;
}

.divfactuur {
	position: absolute;
    	margin-top: 36px;
    	display: block;
    	width: 40.5%;
}
.form-horizontal .control-discipline {
  	margin: 0 20px 24px 0;
	width: 45%
}
.form-horizontal .control-invoer {
  	margin: 0 20px 24px 0;
}
.control-invoer .controls-radio {
  	margin-bottom: 24px;
}
.form-horizontal .control-label, .control-lbl {
	display: contents;
    	font-weight: bold;
	font-size: .875em;
    	line-height: 1.6em;
}
.control-discipline .control-lbl {margin-top:24px;}

div#message.modal.hide.fade.in, .modal {z-index:1050;}
.modal {
  	text-align: center;
  	padding: 0!important;
	border:0;
	border-radius: 10px;
    	width: 400px;
    	margin-left: -200px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.close {display:none;}
.modal.fade.in {
	top: 20%;
}
.modal-header {
    	border-bottom: 0 solid #eee;
	padding: 12px 0;
	border-radius: 8px 8px 0 0;
}
.modal-header img {width: 64%;}
.modal-footer {
	border-radius: 0 0 8px 8px;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.5;
}
form {
    margin: 0 0 4px;
}

.form-horizontal .controls, button.btn, input[type="submit"].btn, div.controls input.input-xlarge {border-radius:0; margin-left: initial !important;}
.form-horizontal .controls {margin-bottom: 8px;}
.control-group-ab label.radio.inline {display: block; margin-left: 0 !important;}
.controls_abb {display: grid;}
.modal-body {
    	max-height: 420px;
	height:	50px;
	margin-top: 30px;
}
div.cols {
	 
    	-webkit-flex-wrap: wrap; 
    	display: flex;
    	flex-wrap: wrap;
	flex-direction: row;
}
textarea#informatieaanvraag, textarea#opmerkingen {width: 100%;height: 100px;}

/*** EINDE INVOER POP-UP'S ***/

#header {
    margin-top: 15px;
}
/*** NAVIGATIE ***/
.navbar-fixed-top {
	position: fixed;
    	border-width: 0;
    	border-style: solid;
	padding: 0;
	background: #404040 !important; 
	height: 48px;
	z-index: 99999;
}
.navbar .navbar-inner {
    	margin-bottom: 0;
    	-webkit-box-shadow: none !important;
   	background: none;
	font-size: 1.3em; 
	letter-spacing: 0.8px;
	min-height: 40px;
	padding-top: 8px;
	border-width: 0;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.navbar .nav {
	left: 0;
	width: 950px;
}
.navbar .nav li a {
    	text-align: center;
	margin-left: -15px;
    	margin-right: 20px;
}
/*.navbar .nav li.text-important a {
    	text-align: center;
	margin-left: -15px;
    	margin-right: 0;
}*/
.navbar .nav > li > a {
    	color: rgba(255,255,255,0.6);
	text-shadow: none;
}
.navbar .nav > li > a:focus,.navbar .nav > li > a:hover, a.text-important:hover, li.active a:hover {
    color: #fff;	
}
.navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus {
    background: none;
    border: none;

    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
}
ul.nav li#last.dropdown {
	float: right; 
}
ul.nav li#last.dropdown a {
	margin-right: 0;
	padding: 10px 0;
	text-align: right;
}
ul.nav li#last.dropdown a span.active, ul.nav li#last.dropdown a span.inactive {
	margin: 0 0 0 4px;
	padding: 0 0 4px 4px;
}

ul.nav li.last a {
	margin-right: 0;
}

.DnA_menu_mobile {display: none;}
.DnA_menu {
    position: relative;
    left: 2px;
}
.DnA_nav {
	display: none;
	background-color: #4e4e4e;
	width: 202px;
	float: right;
	height: 0;
	top: 4px;
	margin-right: 23px;
	position: relative;	
}
.DnA {
    width: 202px;
    float: right;
    height: 0;
    margin-top: 8px;
    margin-right: 47px;
}
.DnA_menu ul.nav li {
	line-height: 16px;
	max-height: 40px;
}

.dropdown2 {display: none;}
.dropdown_online {
	background-color: #6c6c6c; /*#ededed;*/
	font-size: .875em;
	padding: 4px;
	width: 260px;
	text-align: right;
	margin-top: 4px;
	margin-left: -79px;
    	opacity: 0;
	visibility: hidden;
    	transform: scaleY(0);
	transform-origin: 100% 0 0;
	box-shadow: -2px 2px 6px rgba(0,0,0,.1);
	webkit-transition: 0.4s ease-in-out;
    	-moz-transition: 0.4s ease-in-out;
   	-o-transition: 0.4s ease-in-out;
    	transition: 0.4s ease-in-out;
}
li.dropdown:hover .dropdown_online {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.dropdown_profile {
	background-color: #6c6c6c; /*#ededed;*/
	font-size: .875em;
	padding: 4px;
	width: 220px;
	text-align: right;
	margin-top: 2px;
	margin-left: -121px;
    	opacity: 0;
	visibility: hidden;
    	transform: scaleY(0);
	transform-origin: 100% 0 0;
	box-shadow: -2px 2px 6px rgba(0,0,0,.1);
	webkit-transition: 0.4s ease-in-out;
    	-moz-transition: 0.4s ease-in-out;
   	-o-transition: 0.4s ease-in-out;
    	transition: 0.4s ease-in-out;
}
li.dropdown:hover .dropdown_profile {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}

.online_item, .profile_item {
	padding: 8px 4px;
	border-bottom: 1px solid #00000024;
}
.online_item a, .profile_item a {
	color: rgba(255, 255, 255, 0.6);
}
.online_item a:hover, .profile_item a:hover, .online_item a.active, .profile_item a.active {
	color: #fff;
}

#last.online_item, #last.profile_item {
	border-bottom: 0;
}
.online_item a, .profile_item a {
	margin: initial !important;
}

.DnA_logo {
    transform: rotate(-90deg);
    float: left;
    width: 450px;
    margin: -281px 0 0 -261px;
}
#alt.DnA_logo {
	margin: -261px 0 0 -261px;
}

@media screen and (max-width: 1159px) {
	.DnA_logo {display: none;}
}

/*** EINDE NAVIGATIE ***/

table.mobiel_video {display: none;}

div.header_img_back {height: 470px;width: 100%; margin-bottom: -454px;top:80px; position: absolute;}
div.container.body {
	position: relative;
	top: 66px;
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	text-align: left;
}

.row {min-height: 1450px;}
div#adres.row, div#contact.row {min-height: 1240px;}
div#adv.row{min-height: 1400px;}
div#front.row {min-height: 730px;}

.row, .row-fluid { 
	width: 1200px; 
	margin-left: -24px; 
	padding-right: 24px;
	padding-left: 24px;
}
.row-fluid { 
	margin-bottom: 60px;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 448px;
}
.offset1 {
	/*margin-left: 100px;*/
	margin-left: 0;
}
.span8, .div.span8.offset1.content {
		width: 950px;
		padding-right: 25px;
	}
div.span8.offset1.content div.online {min-height: 900px;}

@media screen and (max-width: 1159px) {
	.offset1 {
		margin-left: 115px;
	}
	.span8, .div.span8.offset1.content {
		width: 770px;
	}
	.row-fluid {
		margin-left: 10px;
	}
	div.span8.offset1.home-menu {
		min-width:1200px !important;
	}
	.row-fluid [class*="span"]:first-child {
    		margin-left: 450px;
	}
}
.hero-unit {
    padding: 60px 0;
    text-transform: uppercase;
    text-align: left;
    background: #fff;
    margin: -48px 0 80px 5px;
    height: 0 !important;
}
.hero-unit img {
	width:850px;
}
.hero-unit > h1 {
    text-align: center;
    color: #999;
}
table.home-news {font-size: 1.2em;}
.content > ul.home-news {
    padding-top: 2em;
    margin-top: 2em;
    list-style: none;
}

.content > ul.home-news > li:before { 
    content:'\2022'; 
    font-size:3em; 
    float: left;
    margin-top: .02em;
}

.content > ul.home-news > li {
    margin-top: 2em;
}

.content > ul.home-news > li > strong, p {
    color: #000;
}


.column-right {margin: 0; padding: 0;}

.collapse {
    text-align: center;
}

.collapse-button {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    background-color: #fff !important;
    color: #000 !important;
    background-image: #fff !important; 
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}


.coverflow {
    height: 500px;
  }

div.kunst_container {min-height: 900px;margin-top:-24px;}
.kunst h2.pages {margin-top: 30px;}
div#kunst_mob {display: none;}
div#kunst {
	width:950px;
	margin-top: 18px;
	
    	-webkit-flex-wrap: wrap;
	display: flex;
    	flex-wrap: wrap;
    	justify-content: space-between;
}
div#kunst a img {padding: 0; max-width: 220px;display:inherit;margin: 0 0 22px 0;box-shadow:none; }


div#kunst a img { 
	-webkit-filter: grayscale(0%);
	-webkit-transition: all .8s ease-in-out;
	filter: grayscale(0%);	
}
div#kunst a img:hover { 
	-webkit-filter: grayscale(100%);
	-webkit-transition: all .2s ease-in-out;
	filter: grayscale(100%);
}

  .pull-left {
	margin-left: 0
  }
.online_img_mobile, div.online div.nws_img, div.start div.nws_img_mobile {background-size: 30%;background-color: #fff;background-repeat: no-repeat;background-position: 35% 40%;}
.extra-info { margin-top: 25px; display: none;} a.info:hover { cursor: pointer;} 
.extra-info.author.clearfix img.pull-left {margin: 0 30px 10px 0;max-height: 200px;}
.extra-info.author.clearfix div.span6 {margin-left: 0; width: 750px;}
  article { 
	scroll-margin-top: 4.4rem;
  }
  .content > article {
    width: 100%;
  }

  .article  > nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .article  > nav > ul > li {
    display: inline-block;
  }

  .article  > ol > li {
    margin-left: 1em;
    padding-bottom: 1em;
  }

  .article  > ol > li:last-child {
    padding-bottom: 0em;
  }

  .article  > nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .article  > nav > ul > li {
    display: inline-block;
  }

  .article  > ol > li {
    padding-bottom: 1em;
  }

  .article  > ol > li:last-child {
    padding-bottom: 0em;
  }
article p a, article p a:hover {text-decoration: underline;}
.cover {
    margin-right: 2em;
}

strong {color:#4a4a4a;}
h1 {margin-top:20px; margin-bottom: 30px;}
.header  {margin: 10px 0 44px 0;display: flex;}
.titel {width: 70%;}
.titel h2#onlineDA {margin: 0;}
.terug {font-size: .95em; font-weight: bold; text-align: right; width: 30%;line-height: 1.1em; margin-top: 16px;}
.terug a i.fa.fa-level-up {padding: 0 0 0 8px; vertical-align: baseline;}
.terug a i.fa.fa-user-times {padding: 0 8px 0 0; vertical-align: baseline;}

.online table tbody tr td h2 {margin-top:10px;text-transform:lowercase !important;}

h2#online_DA { /********************************verwijderen na online archief ***************************/
	text-transform: uppercase !important;
}
#prod_nws.standaard .more .more_nws {
    	margin-bottom: 8px;
	border:2px solid #efefef;
	min-height: 140px;
}
#prod_nws.standaard .more #last.more_nws {border: none;}
#prod_nws.standaard .more .more_nws a .more_nws_img {height:80px; width:98%;}
#prod_nws.standaard .more .more_nws .more_nws_tkst { width:98%;padding-left: 4px;}
#prod_nws.standaard .more .more_nws a .more_nws_img img {max-height:72px; margin:4px;}
#prod_nws.standaard .more .more_nws a .more_nws_img {text-align:center;}

td a img {margin-right:180px;}
td a img.pull-left {margin-right:0;}
td.agenda_discr a b {font-size: 0.85em;font-style: italic;}
.text-justify {
    text-align: justify;
}
h2.agenda i {font-size: 0.7em; vertical-align: middle; color: #000;}

.text-important {
    color: #999 !important;
	/*color: #fff !important;*/
}
#header {
    margin-top: 15px;
}


.column-left {}

.content > ul.home-news {
    list-style: none;
}

.content > ul.home-news > li {
    margin-top: 1.5em;
}

.content > ul.home-news > li > span, p {
    color: #000;
}
p.zoek_result { 
	text-transform: uppercase;
	font-weight: bold;
	color: #6c6c6c;
}
p.zoek_result a { 
	color: #6c6c6c;
}
p.zoek_result a:hover { 
	color: #333;
}

.column-right {margin:-24px 0 0 0; padding-right: 0; width: 200px !important;}
.column-right hr { margin-left: 2.2em; width: 200px !important;}
.right_cal {
    height: 200px;
    margin-bottom: 50px;
}
.calendar {
    margin-top: 38px;
    height: 200px !important;	
    width: 200px !important;
    color: #fff;
    text-align: right;
    display:block;
    background-color: #ffffff25;
}
#home.calendar {
	background-color: initial;
}
.calendar > hgroup {
    font-weight: normal;
    text-transform: uppercase;
    text-align: right;
    margin-right: 4px;
	min-height: 200px !important;
}

h1.calendar-day {
	padding: 0 !important;
	margin-top: -130px !important;
	font-size: 10em;
	font-weight: normal;
	margin-right: 5px;
	text-align: right;
	color: #fff !important;
	opacity: .5;
	min-height: 40px;
}

h2.calendar-month {
	text-transform: uppercase;
	font-size: 2.05em;
	font-weight: normal;
	margin-top: 40px;
	text-align: right;
	margin-right: 10px;
	color: white !important;
	min-height: 82px;
}

.calendar > hgroup > h4 {
	text-decoration: none;
    	font-size: 1.5em;
    	margin-top: -.6em;
}

	
.collapse {
    	text-align: center;
}

.collapse-button {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    background-color: #fff !important;
    color: #000 !important;
    background-image: #fff !important; 
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}


.home-menu {
    margin-top: 2em;
    height: 58px;
}
div.span8.offset1.home-menu {
    	width: 100%;
    	margin: 0;
    	color: white !important;
	height: 78px;
	/*z-index: 9999;*/
}
.marquee2 {
	width: 1020px;
	margin-left: auto;
    	margin-right: auto;
  	height: 78px;
  	margin: 0 auto;
  	overflow: hidden;
  	position: relative;
}
.marquee2 p {
	left:40px;
    	color: white;
	opacity: 64%;
	letter-spacing: 2px;
    	white-space: nowrap;
    	overflow: hidden;
    	box-sizing: border-box;
    	font-size: 1.6em;
    	line-height: 3.5em;

	-webkit-transform:translate(0,-100%);	
  	-webkit-animation: up-one 1s ease 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 2.5s;
	
  	transform:translate(0,-100%);	
  	animation: up-one 1s ease 1;
	animation-fill-mode: forwards;
	animation-delay: 2.5s;
}
@keyframes up-one {
  0%  {
    transform:translate(0,100%);
  }
  100%{
    transform:translate(1.2%,0);
  }
}
@-webkit-keyframes up-one {
  0%  {
    transform:translate(0,100%);
  }
  100%{
    transform:translate(1.2%,0);
  }
}

.home-menu > nav > ul {
    float: none;
    margin: 0 auto;
    display: table;
    width: 100%;
}

.home-menu > nav > ul > li {
    padding-top: 2.1em;
    padding-bottom: 2.25em;
    display: table-cell;
    width: 1%;
    float: none;
    text-align: center;
}

.home-menu > nav > ul > li > a {
    text-align: center;
    color: #999;
    font-weight: bold;
}

.home-menu > nav > ul > li:hover {
    	background: rgb(236,236,236); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 50%, rgba(236,236,236,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(255,255,255,1) 50%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(255,255,255,1) 50%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(255,255,255,1) 50%,rgba(236,236,236,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(236,236,236,1) 0%,rgba(255,255,255,1) 50%,rgba(236,236,236,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
h6 {font-size: 1em; font-weight: bold;margin: initial;}
.nieuwsbericht .berichttekst h6 {font-size: .8em; font-style: italic; font-weight:normal;} 

.voetnoot { font-size: 1em; font-style: italic; margin: 0 0 80px 0;}
.voetnootkop {font-weight: bold;}

#prod_nws.inhoud #form .voetnoot {font-size: .8em; font-style: italic; margin:-20px 0 16px 0;}
.geplaatst {margin-top: -4px;font-size: .9em;margin-bottom: 16px;color: #888;}

input, textarea, /*div.controls*/ input.input-xlarge, .mc-field-group input {border-radius:6px !important;}
.input-xlarge {width: 100%;/*320px;*/}
.profile-label input.input-xlarge {width: 320px;}
.footer {
    margin-top: .6em;
}

.footer > img {
    margin-left: -15px;
	width: 160px;
}

.footer > p {
    margin-top: .7em;
}

.cover {
    	margin-right: 2em;
	margin-left:20px;
	margin-top: 20px;
}

/*** SOCIAL MEDIA FOOTER ***/
.social-media {
    margin: 30px 0 0 0;
    padding: 0;
    width: 134px !important;

}
.social-media > a {
	display: inline-block;
	width: 36px;
	height: 32px;
	margin-right: 8px;
}

.social-media > a > img {
	width: 28px; 
	height: 28px;
	margin: 0;
	padding: 2px;
	border-radius: 4px;
}

.social-media > a:last-child {
	float: right;
	margin-right: 4px;
}

/*** SOCIAL MEDIA HEADER ***/
.social-media-nav {
	width: 134px;
	float: right;
	margin: 0 17px 0 0;
	position: relative;
}
.social-media-nav > a {
	display: inline-block;
	width: 36px;
	height: 32px;
	margin-right: 6px;
	}

.social-media-nav > a > img { 
	width: 28px; 
	height: 28px;
	margin: 0;
	padding: 2px;
	border-radius: 4px;
	background-color: #6c6c6c;
}

.social-media-nav > a:last-child {
	float: right;
	margin-right: 4px;
}
/*** SOCIAL MEDIA EINDE ***/

td.agenda a, td.adressen a {
	color: #ffffff;
	text-decoration: none;
}
.zoek_banner {
    	position: absolute;
    	display: inline;
    	top: 620px;
}
.zoekbalk {
	width: 200px;
	font-size: 1.1em;
	padding: 0;
	text-align: left;
	font-weight: 600;
	margin: 0 auto 16px auto;
}
#archief.zoekbalk {margin: 0;width:300px;}
#archief.zoekbalk input.inputarchief {width:240px;}

.zoekargument {
	margin-top: -92px;
}
.column_banner {
	position: absolute;
	display: inline;
	top: 720px; /*685px;*/
}
#leeg.column_banner {
	top: 525px;
}

span.bold {
	font-weight: 600;
}
#err.zoekargument, #err.zoekargument a.fa.fa-times-circle {
	margin-top: -92px;
}
#err.zoekargument a.fa.fa-times-circle:hover {
	color: grey;
}

#archief.zoekcontainer {
	margin-bottom: 40px;
}
#archief.zoekcontainer .zoekargument {margin-top: 0;}
.zoekcontainer {
    margin-bottom: 104px;
}
h4,zoek_archief {
	color: #6c6c6c;
}
.zoekbalk form.form-inline {
	margin-top:0;
}
.zoekbalk button.zoeken {
	height:34px;
    	width:34px;
    	border: none;
    	cursor: pointer;
    	color:white;
	margin-top: 0;
}
.zoekbalk button.zoeken: hover {
	background-color: initial !important;
}
#archief.zoekbalk button.zoeken {
	height:42px;
    	width:42px;
}
.zoekbalk input.inputadres, input.inputagenda, input.inputnieuws { 
	width: 152px; 
	height: 24px; 
	float: left;
}
input.inputarchief { 
	width: 220px; 
	border: 1px solid #b8b8b8;
	height: 24px; 
	float: left;
	font-weight: 600;
}

.zoekbalk form.form-inline input.btn { margin-left: -10px; margin-bottom: 0;}
button.zoeken i.fa.fa-search {
	font-size: 1.4em;
}
p.error {
	margin:16px 0 0 0;
	color: #000;
    	font-size: .9em;
    	font-weight: normal;
}
.result_art h5 {margin: 2px 0;}
.berichtdatum, .berichtauteur {display: inline-block;font-size: .9em;color:#484848;vertical-align: text-top;}
.berichtauteur {max-width:78%}
.berichtdatum {float: right;}

#pw.button {margin: 0 0 0 20px !important;}

table.alfabet { margin-left: -4px}
td.adressen { background-color: #bbbbbb !important; width: 20px; height: 20px; border: 4px solid white; color: white !important; text-decoration:none; text-align: center;}
td.adressen a u, td.adressen_kleur a {text-decoration: none; color: white;}
td.adressen_kleur { width: 20px; height: 20px; border: 4px solid white; color: white !important; text-decoration:none; text-align: center;}
table.adresrubriek tbody tr td li a span.maincat, table.adresrubriek tbody tr td li span.count, table.adres_resultaat tbody tr td a span.companyD {font-size: 0.857em; text-decoration: none; color:black;}
table.adresrubriek tbody tr td li a span.maincat:hover {text-decoration: none !important;}

table.adres_details tbody tr td { font-size: 0.857em;}
.countpage {font-size: 0.857em;}
td.tekst, .tekst a, .agenda_col_1, .tekst_event, .tekst_event b{vertical-align:top;font-size:1.2em; line-height: 1.4em; color: #333;}
.agenda_col_2 {font-size: 1.2em;font-weight: bold !important;vertical-align: top;line-height: 1.4em;}
.event_space {height: 10px;}
.tm {display: inline;font-weight: normal;}
.email_vergeten, td.check { font-size: 0.857em; line-height: 12px;font-weight: bold;}

.onderzoek  {line-height: 16px; font-size: 11px;}
.banner_adv {
    text-align: center;
    /*display: table-cell;*/
    width: 200px;
    padding: 4px 0;
    color: #909090;
    font-size: .8em;
    margin: 0 auto;
}
hr#banner {margin:0;border-bottom: 0;}
span.mobile_br {display:none;}
.home_banner_mobile, .mobile_banner_adv {display: none;}

.banners {
    	width: 200px;
	min-height: 600px !important;
	position: absolute;
	display: inline;
}
.banner1 {margin: 24px 0 40px 0;min-height: 285px;}
.banner2 {margin-top: 20px; min-height: 285px;}
.banner_footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	text-align: left;
}
.banner_width {
	width:950px;
	text-align: center;
	display: block;
}
.banner_footer a img {
	max-width: 950px;
	margin-bottom: 40px;
}

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    10% { -webkit-transform: scale(1.005); }
    20% { -webkit-transform: scale(1); }
    30% { -webkit-transform: scale(1.005); }
    40% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    10% { transform: scale(1.005); }
    20% { transform: scale(1); }
    30% { transform: scale(1.005); }
    40% { transform: scale(1); }
}

button#myBtn {border: none;padding: 0;}
.art img { 
	-webkit-filter: grayscale(100%);
	-webkit-transition: all .8s ease-in-out;
	filter: grayscale(100%);
	margin-top: -42px;
	margin-bottom: 0;
}
.art img:hover { 
	-webkit-filter: grayscale(0%);
	-webkit-transition: all .4s ease-in-out;
	filter: none;
	margin-top: -42px;
	margin-bottom: 0;
}

/*** FOOTER ***/
/*div#mobile.footer-container {display:none;}*/
.footer-nw { 
	right: 0; 
	left: 0; 
	min-width: 1200px; 
	min-height: 330px; 
	background: #404040; 
	position: static;
	/*margin-top: 5.4em;*/
	flex: 1;
}
/*div#desktop.footer-container { 
	width: 1200px; 
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 40px;
	 
    	-webkit-flex-wrap: wrap; 
    	display: flex;
    	flex-wrap: wrap;
	flex-direction: row;
}**/
.footer-container { 
	width: 1200px; 
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 40px;
	 
    	-webkit-flex-wrap: wrap; 
    	display: flex;
    	flex-wrap: wrap;
	flex-direction: row;
}
#desktop.footer-items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
#mobile.footer-items {
    display: none;
}
.footer_adr {margin-right: 80px;width: 160px;display: flex;flex-wrap: wrap;flex-direction: column;}
.footer_disc {width: 416px;margin-right: 110px;}
.footer_serv {width: 210px;margin-right: 0;}

.text-disclaimer-logo a img {width: 200px;margin: 4px 0 8px 0;}
.text-disclaimer-adres, .text-disclaimer {
    line-height: 1.22em;
    text-align: justify;
    margin: 0;
    color: #b1b1b1;
    font-size: .84em;	
}
.disclaimer {margin-bottom: 12px;}
.disclaimer p {
    	color: white;
    	font-size: 1.143em;
    	position: relative;
	display: inline;
}
div.mc-field-group input {
	width:184px;
	position: relative;
	margin: 6px 0;
	height: 18px;
    	border-radius: 0;
}
div.newsletter label.error {
	display: block;
	margin-bottom: 5px;
	color: white;
	font-size: 11px;
}
input#mc-embedded-subscribe.button, form#inlogform input.button {
    margin: 6px 0 8px 0;
    padding: 8px 48px;
    background: #8a8a8a;
    border: none;
    border-radius: 0;
    text-shadow: none;
    color: white;
    height: initial !important;
}
div.serviceitem { margin-top: 8px;}
.servicemenu p {
    	color: white;
    	font-size: 1.143em;
    	position: relative;
    	top: 0;
    	/*left: 192px;*/
	display: inline;
}
.serviceitem p {
    	color: #fff;
    	font-size:1em;
    	position: relative;
    	top: 0;
	/*left: 192px;*/
    	display: inline;
}
.serviceitem p a {
    	color: #fff;
    	font-size: 0.929em;   	
    	position: relative;
    	top: 0;
	left: 0;
    	display: inline;
}
div.footer-text table tbody tr td {vertical-align: top}
.realisatie {
	padding-top: 12px;
    	margin: 28px 0 16px 0;
    	font-size: .84em;
    	color: #bbb6b6;
    	text-align: center;
    	border-top: 1px solid #8a8a8a;
	width:1185px;
}
.realisatie a, .realisatie a:hover {color: white;}


/*** EINDE FOOTER ***/

.control-group-antispam { display: block; margin-bottom: 0;}
.antispam-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
    display:none;
}
.antispam {
	margin-left: 180px;
    	margin-bottom: 0;
    	vertical-align: middle;
	display:none;
}

/********************************************************************** Groter dan 1240 **********************************************************************/

@media screen and (min-width: 1200px) {

	.editie-items {
		float: left;
    		min-height: 1px;
    		margin-left: 30px;
		max-width: 740px;
	}

}

/********************************************************************** Groter dan 1240 **********************************************************************/

0 screen and (min-width: 1241px) {
	.marquee2 p.mobile, h2.mobile, h2.archief {display:none;}
	
}

/********************************************************************** MAX 1240 **********************************************************************/

@media screen and (max-width: 1240px) {

	.dropdown_online, .dropdown_profile {display: none;}
	.terug {margin-top: 10px;}
	.terug a i.fa.fa-level-up {display: none;}
	img.online_afb {
    		margin-top: 0;
    		width: 100%;
		min-width: initial;
	}
	.nieuwsbericht {
    		min-height: unset !important;
	}
	.nieuwsbericht h2, h2.agenda, #agenda.berichttekst {
		max-width: 90%;
	}
	.zoekbalk, #archief.zoekbalk {
		width: initial;
		max-width: 320px;
	}
	.zoekargument {
    		margin: 8px 0 4px 8px;
	}
	p.error {
    		margin: 8px 0 -4px 8px;
	}
	input.inputnieuws, input.inputagenda, input.inputarchief {
    		float: none;
		border: 1px solid #b8b8b8;
		width: 273px; /*80%;*/
	}
	#archief.zoekbalk input.inputarchief {
    		width: 261px;
	}
	.zoekbalk button.zoeken {
    		margin: 0 0 0 -5px;
		height: 34px;
		width: 34px;
	}
	.home_banner_mobile {
		display: block;
		max-width: 100%;
		margin: auto;
	}
	.home_banner {display:none;}
	.mobile_banner_adv {
		display: inline-block;
		width:100%;
		text-align: center;
		padding: 4px 0;
    		color: #909090;
    		font-size: .85em;
	}
	div.mobile_banner_adv hr {
		margin:2px auto;
		width: 160px;
	}
	.zoek_banner {
		position:initial;
		margin-left: 0;
		width: 100%;
		display: inline-flex;
		flex-direction: column;
		min-height: 100% !important;
		margin-bottom: 10px;
	}
	.zoekcontainer {
    		margin-bottom: 20px;
	}
	.column_banner {
		position: initial;
		top: 0;
	}
	.banner_adv {
		display: block;
	}
	.banners {
		position:initial;
		margin: 0 0 60px 0;
		width: 100%;
		display: inline-flex;
		flex-direction: row;
		min-height: 100% !important;
	}
	.banner1 {
		width: 50%;
		text-align: right;
		margin-right: 50px;
	}
	.banner2 {
		width: 50%;
		text-align: left;
		margin-left: 50px;
	}
	.banner_footer {width: 100%;}
	.banner_width {
		width:100%;
		text-align: center;
		display: block;
	}
	.banner_width .banner_adv {display: none;}
	.banner_footer a img {
		width: 90%;
		margin-bottom: 40px;
	}

	button#vidBtn2 {
		display:none;
	}
	div.online_img_mobile img.nieuws_afb {
		width:100%;
	}
	div.header_img_back {
		display: none;
	}
	div.container.body, div.span8.offset1.content {
		width: 100%;
	}
	div.container.body {
		top: 64px;
	}

	.marquee2 {
		height:55px;
		width: 100%;
	}
	.marquee2 p.desktop, h2.desktop {
		display:none;
	}
	.marquee2 p.mobile {
		font-size: 1.4em;
		line-height: 3.2em;
		margin-left: auto;
		margin-right: auto;
		width: 340px;
	}

	button.drpbtn img {
		display: initial;
		min-width:29px; 
		margin: 1px -10px;
	}
	.navbar-fixed-top {    
    		position: fixed;
    		border-width: 0;
    		border-top: 15px;
    		border-style: solid;
    		padding: 0;
    		background: #404040 !important;
    		box-shadow: 0 2px 8px rgba(0,0,0,.3);
    		height: 50px;
    		margin-bottom: 20px;
	}
	.DnA_nav {
    		width: 100%;
    		float: left;
    		height: 0;
    		top: 12px;
    		position: absolute; 
	}
	.DnA_nav img {
		width:229px;
	}
	span.active {
		border-bottom: initial;
		padding-bottom: initial;
		border-radius: initial;
	}

	/*** NAVIGATIE ***/
	
	.DnA_nav {
		display: block;
	}
	.navbar { 
		z-index: 9000;
	}
	.navbar .navbar-inner {
		width:90%;
		margin: 0 auto; 
		padding-top:5px;
	}
	.navbar .nav > li > a {
		color: rgba(255,255,255,0.8);	
	}
	.slicknav_icon-bar {
    		display: block;
    		width: 3em;
    		height: .5em;
    		-webkit-border-radius: 1px;
    		-moz-border-radius: 1px;
    		border-radius: 1px;
		background: white;
		margin: 12px 0;
	}
	.drpbtn {
    		background-color: #4e4e4e;
    		color: white;
    		padding: 0;
    		font-size: 1.143em;
    		border: none;
    		cursor: pointer;
		width: 29px;
		height:29px;
		display: block;
		float: right;
		margin: 6px 0 0 0;
	    	-webkit-transition: transform 0.3s ease-in-out;
            	-moz-transition: transform 0.3s ease-in-out;
            	-o-transition: transform 0.3s ease-in-out;
            	transition: transform 0.4s ease-in-out;
	    	-webkit-transition-delay: 0.2s; 
	    	transition-delay: 0.2s
	}

	.drpbtn.show {
		transform: rotate(-90deg);
	}
	.dropdown2 {
		display: block;
	}
	li.dropdown2 a {    
		font-size: 20px;
		padding-right: 8px;
	}
	li.home {display: none;}
	li#last.dropdown2 {margin-bottom: 12px;}
	.DnA_menu {
		/*background: rgba(84, 84, 84, 0.9);*/
		max-height:0;
		overflow-y:hidden;
		position: absolute;
		top: 50px;
		left:0;
		padding:0; 	
		width:100%;
		display:block;
  	 	-webkit-transition: max-height 0.8s ease-in-out;
            	-moz-transition: max-height 0.8s ease-in-out;
            	-o-transition: max-height 0.8s ease-in-out;
            	transition: max-height 0.8s ease-in-out;
	}
	.DnA_menu.show{            
            	max-height: 100vh; /*450px ;*/
	}
	.DnA_menu a {
    		top: 10px;
    		display: block; 
    		right: 0;
    		margin: 0;
	}
	.DnA_menu ul.nav li {
		font-size: 20px; 
		line-height: 20px;
		/*width: 90%;*/
		margin: 0;
		padding: 0 5vw;
	} 
	.DnA_menu ul.nav li.dropdown2 {
		background: rgba(255, 255, 255, 0.2);
		padding: 0 10vw;
	}
	.navbar .nav>li, ul.nav li#last.dropdown {
		float: none; 
	}
	ul.nav li#last.dropdown {
		margin-bottom: 20px;
	}
	span.mobnavtxt {
		display: initial;
	}
	span.inactive, span.active {
		padding: 0; 
		margin: 0;
	}
	.navbar .nav {
    		position: relative;
    		left: 0;
    		display: block;
    		width: 100%;
		height: 100vh;
    		padding: 30px 0;
    		margin: auto;
    		float: none;
		background: rgba(84, 84, 84, 0.98);
	}
	.navbar .nav li a {
		text-align: left; 
		margin-left: 0;
		margin-right: 0;
		padding: 10px 0 10px;
	}
	.container.body {
		top:64px;
	}
	.hero-unit {
		display:none;
	}
	.span4 {
		width: 100%;
	}
	table.home-news {
		margin: 0 auto 50px auto;
	}
	table.home-news tbody tr td span {
		font-size:18px; 
		line-height:22px;
	}
	.bullet {
		font-size: 2.857em !important;
	}
	td.bullet {
		width: 30px;
	}
	.inhoud, .row {min-height:0;}
	form#form table tbody tr td font em {
		font-size:1em !important;
	}
	h1 {
		margin-top:20px; 
		margin-bottom: 10px;
	}

	h1, h2 {
		font-size: 1.571em;
		font-weight: bold;
		line-height: 30px;
	}
	h2.archief {
		margin: 20px 0 40px 0 !important;
	}
	h2.pages {
		margin: 0px 0 4px 0 !important;
	}

	h5 {
		font-size: 1.15em; 
		line-height: 22px;
		margin: 30px 0 4px 0;
		font-weight: bold;
	}
	div.span8.offset1.content div.online div.inhoud h2, div#prod_nws.inhoud #online.desktop {
		margin: 12px 0 30px 0;
   		font-weight: bold !important;
	}
	table.agenda_detail tbody tr td.title h2 {
		margin-top:-50px;
	}
	h4 {
		font-size: 1.25em; 
		line-height: 30px; 
	
	}

	.pull-left {
		max-width: 360px;
		margin-top: 40px;
	}
	div.span2 {   
		display: block;
    		margin: 0 !important;
    		width: 100%; 
	}
	div.span2.column-right {
		display:none;
	}

	.cover {
		margin-left:-10px;
	}
	div.home_align {
    		-webkit-flex-wrap: wrap; 
    		display: flex;
    		flex-wrap: wrap;
		flex-direction: column;
		margin-bottom: 40px;
	}
	div.home_align_logo {    
    		max-width: 400px;
    		margin: 0 auto;
	}
	div.home_align_onderwerpen {
		max-width:100%;
	}

	/*** SOCIAL MEDIA ***/
	.social-media-nav {
		display: none;
	}
	.social-media {
		width:280px !important;
	}
	.social-media > a {
    		display: inline-block;
    		width: 40px;
    		height: 40px;
    		margin-right: 32px;
	}
	.social-media > a:last-child {
    		float: none;
    		display: inline-block;
    		width: 40px;
    		height: 40px;
	}
	.social-media > a > img {
    		width: 40px;
    		height: 40px;
	}
	.span8, .div.span8.offset1.content {
		width: 100%; 
		margin: auto;
		padding:0;
	}
	div.row {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		min-height: initial !important;
	}
	.row, .row-fluid {
		width: 360px;
	}
	div.span8.offset1.home-menu {
		width: 100% !important;
		height: 60px;
		min-width: 360px !important;
	}
	div.span8.offset1.content div.standaard {
		min-height: 0;
	}

	/*** FEEDSCROLL ***/
	#agendafeed {
		display:none;
	}
	#agendafeedmobile {
		display:initial;
		margin-top: -30px;
	}
	.feedscroll {
		width:32px; 
    		position: relative;
    		font-size: 2.857em;
    		color: #ccc;
    		display: inherit;
		top: -4px;
		height: 0;
		margin: 0 auto;
		background-color: initial !important;
		text-align: right;
		float: right;
		right: 0;
		z-index: 0;
	}
	#profile.feedscroll {
		display: none;
	}
	.nav_expl {
		display: none;
	}
	.feedscroll_prev, .feedscroll_next, .feedscroll_pointer, .feedscroll_today {
    		display: inline;
    		width: 32px;
    		height: 32px;
    		margin-top: 10px;
	}
	.feedscroll_today {
		display: none;
	}
	.fa-chevron-down:before {
    		content: "\f054" !important;
	}
	.fa-chevron-up:before {
    		content: "\f053" !important;
	}
	i.fa.fa-chevron-right {
		font-size: 1.2em;
		padding: 5px 0 0 34px;
	}
	i.fa.fa-chevron-up, i.fa.fa-chevron-down, i.fa.fa-stop-circle, i.fa.fa-level-up, i.fa.fa-arrow-left {
		float:left; 
		background:none; 
		color:white;
		font-size: 0.7em;
		margin-left:-28px;
		padding: 3px 0 0 0;
	}
	i.fa.fa-level-up {
		padding: 2px;
		margin-left:-26px;
	}
	i.fa.fa-chevron-down {
		margin-left:-24px;
	}
	span.chevron_grey i.fa.fa-chevron-up, span.chevron_grey i.fa.fa-chevron-up:hover {
		margin-left:4px;
	}
	span.chevron_grey i.fa.fa-stop-circle {
		margin-left:4px;
	}
	span.chevron_grey i.fa.fa-chevron-down {
		margin-left:6px;
	}
	i.fa.fa-chevron-left {
		font-size: 1.2em;
		padding: 5px 0 0 4px;
		text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	}
	i.fa.fa-file-pdf-o, div.feedscroll_pointer {
		display:none;
	}
	span.chevron_nws i.fa.fa-chevron-up {
		font-size: 3.2em; 
		display:inline;
		text-shadow:none;
		color:#dadada;
		background-color: #fff;
		float:left;
		padding: 2px 8px;
	}
	span.chevron_nws i.fa.fa-chevron-down {
		font-size: 3.2em; 
		display:inline;
		text-shadow:none;
		color: #dadada;
		background-color: #fff;
		float:right;
		padding: 2px 8px;
	}
	hr.nwsnav_hr {
		border-top:10px solid #dadada;
		margin: 60px 0;
	}
	hr.nwsnav_hr_bottom {
		border-top:10px solid #dadada;
		margin: -14px 0;
	}
	span.chevron_grey i.fa.fa-chevron-right, span.chevron_grey i.fa.fa-chevron-left, span.chevron_grey i.fa.fa-chevron-up, span.chevron_grey i.fa.fa-chevron-down {
		color: rgba(255, 255, 255, 0.5);
		text-shadow: initial;
	}
	div.nwsnav_container { 
		height: 30px; 
		margin: -80px 0 0 50px;
	}
	div.nwsnav_top_mobile, div.nwsnav_mobile {
		display:none;
	}

	div.more_nws_img {
		position: relative;
		vertical-align: top;
		width: 100%;
		height: 100%; 
	}
	div.nwsnav_mobile_tp {
		display: block;
		position: absolute;top: 0;
		width: 25%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.56);
		margin-right: 75%;
	}
	div.nwsnav_mobile_bttm {
		display:block;
		position: absolute;
		top: 0;
		width: 25%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.56);
		margin-left: 75%;
	}
	div.nwsnav_arrow {
		display:block;
		margin: auto;
		width: 38px;
		height: 54px; 
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	div.nwsnav_arrow_tp {
		display:block;
		margin: auto;
		width: 38px;
		height: 54px; 
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	div.nwsnav_arrow:hover, div.nwsnav_arrow_tp:hover {
		width: 38px;
	}
	div.nwsnav_mobile_bttm div.nwsnav_arrow a i.fa.fa-chevron-right {
		font-size: 4.2em;
		padding: initial;
		margin:initial;
		text-shadow:initial; 
		color: #fff; 
		position: absolute;
	}
	div.nwsnav_mobile_tp div.nwsnav_arrow_tp a i.fa.fa-chevron-left {
		font-size: 4.2em;
		padding: initial;
		margin:initial;
		text-shadow:initial; 
		color: #fff; 
		position: absolute;
	}
	i.fa.fa-level-up:hover {
		font-size: 0.7em;
		padding: 2px;
	}

	/*** FOOTER ***/
	div.footer-nw {
		width: 100%; 
		min-width: 100% !important;
	}
	/*div#desktop.footer-container {*/
	.footer-container {
		width: unset;
	}
	#desktop.footer-items {
		display:none;
	}
	/*div#mobile.footer-container {*/
	#mobile.footer-items {
		padding:0 !important;
		width: 90%;
		margin: 0 auto;
         	-webkit-flex-wrap: wrap; 
    		-webkit-flex-direction: column; 
    		display: flex;
    		flex-wrap: wrap;     
    		flex-direction: column; 
	}
	.footer_nws {
		width:90% !important;
		position: relative; 
		right:0;
		margin:20px auto 60px auto;
	}
	.footer_serv {
		width:100% !important;
		padding-left:0 !important;
		position: relative; 
		margin-right:0;
		margin-bottom:60px;
	}
	.footer_adr {
		width:100% !important;
		position: relative; 
		margin-right:0;
		margin-bottom:60px;
	}
	.footer_disc {
		width:100% !important;
		position: relative; 
		margin-right:0;
		margin-bottom:40px;
	}
	.text-disclaimer-logo a img.pull-left {
		max-width: 200px;
		margin:0;
	}
	.text-disclaimer-adres, .serviceitem a {
		font-size: 1.2em !important; 
		line-height: 20px;
	}
	.offset2.muted.text-disclaimer{
		font-size:1em !important; 
		line-height: 18px; 
		width: 100% !important;
	}
	.disclaimer p, .servicemenu p {
		font-size:1.857em;
		left: 0;
	}
	.realisatie { 
		width:90%; 
		font-size:1em; 
		line-height:1.4em;
		padding: 16px 0 16px 0;
		margin: auto;
		text-align: right;
	}
	.realisatie a {
		white-space: pre;
	}
	form#nieuwsbriefabonneren.form-horizontal input[type="submit"].btn {
		margin: 6px 0 32px 0;
	}
	div.mc-field-group input {
    		left: 0;
    		width: 300px;
    		position: relative;
    		margin: 8px 0 !important;
	}
	input.btn.submit {
		margin: 8px 0 !important;
	}
	input#mc-embedded-subscribe.button, .empty input.btn, input[type="submit"].btn {
		margin: 16px 0 0 0 !important;
    		padding: 4px 24px !important;
		height: initial !important;
	}
	div.empty span {
		width: 0 !important;
	}
	form#nieuwsbriefabonneren.form-horizontal input[type="submit"].btn {
		font-size: 1.571em; 
		line-height: 24px; 
		padding: 8px 12px; 
		margin: 12px 0 5px 0;
	}
	.voetnoot {
		font-size:1em;
		margin:0 0 30px 0;
	}
	.geplaatst {
		font-size:1em;
		margin-bottom: 15px; 
		margin-top:-4px;
	}
	p.social_message {
		font-size:1em;
		margin: 20px 0 8px 0;
	}

	/*** NIEUWSOVERZICHT ***/
	div.nws_img, div.online_img  {
		display:none;
	}
	div.nws_img_mobile, div.online_img_mobile {
		display:block;
	}
	div.nieuwsbericht h2, h2.agenda {
		margin-top: -20px;
	}
	p.zoek_result {
		margin: -20px 0 20px 0;
		font-size: .9em;
	}
	.copyright {
    		position: absolute;
    		font-size: 10px;
    		color: #e6e6e6;
    		text-shadow: 0 0 3px #000;
		top: 8px;
		right: 5%;
	}
	ul.unstyled h4 {
		margin-top:40px;
		margin-bottom: 20px;
	}
	td.nwsdate {
		width: 72px !important; 
		vertical-align: top;
	}
	td.bllt a {
		line-height: 26px !important;
	}
	td.bllt {
		vertical-align: top;
	}
	span.nwsnav a {
		font-size:107em !important;
	}
	div.bekijk {
		font-size:1.25em;
	}
	div.more_nws a, div.more_nws {
		font-size:1em !important;
		line-height:1.25em !important;
		font-weight: normal; 
		color: #4e4e4e;
		position: relative;
		vertical-align: top;
	}
	div.front_nws_container {
		display:none;
	}
	img.front_nws {
		width:100%;
		margin-bottom:8px; 
	}
	div.front_nws a {
		font-size: 0.857em;
		line-height:14px;
		font-weight: bold; 
		color: #4e4e4e;
	}
	div.front_nws_title {
		font-size: 17.8px;
		margin-top: -30px;
		font-weight: normal;
		line-height: 18px;
		text-transform: uppercase;
	}

	/*** KUNST ***/
	div#kunst {    
   		display: table;
    		width: 100%;
    		margin: 0;
    		left: 0;
	}
	div#kunst {
		/*display:none;*/
	}
	div.kunst_container {
		min-height: 320px;
	}
	div#kunst a img {
		padding: 0; 
		max-width: 25%;
		margin: 0 22px 22px 0;
		display:inherit; 
	}

	/*** ONLINE ***/
	div.online table tbody tr td a img, div.inhoud table tbody tr td a img {
		max-width: 100px; 
		margin-top: 25px;
	}
	div.span8.offset1.content div.online, div.span8.offset1.content div.standaard {
		min-height: initial;
	}
	img.img_index {
		width:240px !important;
	}
	div.online table tbody tr td div, div.inhoud table tbody tr td div {
		font-size:1em !important; 
		margin: 4px 0 16px 0;
	}
	div.online table tbody tr td {
		text-align: left;
	}
	a.email_vergeten, td.check {
		font-size:1em;
		position: relative;
		line-height: 32px;
	}
	form#inlogform {
		margin-bottom:180px;
	}
	td.check input {
		width: 40px;
		margin:0 !important;
	}

	/*** ONLINE INGELOGD ***/

	td a img {
		margin-right:230px;
	}
	td a img.img_index {
		margin-right:0 !important;
	}
	td a img.pull-left {
		margin-right:0;
	}
	td b, td a b{
    		font-size: 13px;
    		margin: 10px 0;
    		font-weight: bold;
    		line-height: 20px;
    		color: inherit;
    		text-rendering: optimizelegibility;
	}
	td.mobile_title {
		width:150px;
	}
	td.mobile_account {
		width:170px;
		font-size:13px !important;
	}
	a.online_index {
		font-size:18px;
		line-height: 32px;
	}
	div.online div.inhoud div.clearfix, div.online div.clearfix {
		margin-bottom: 40px;
		margin-top:-20px;
	}
	h6 {
		font-size:1em;
		line-height: 18px;
	}
	table.info {
		width:auto !important;
		margin-top: 16px !important; 
		margin-bottom: 30px !important;
	}
	td.info_icon {
		width:70px !important;
	}
	table.kunst tbody tr td {
		width:140px !important;
	}
	.icon, article#kunst a img.icon, table.kunst tbody tr td img.icon {
		width: 50px !important;
		height: 50px !important;
		margin: 20px 20px 20px 0;
	}
	article#kunst img, table.kunst tbody tr td img {
		width: 149px !important;
		height: 149px !important;
		margin: 40px 0 40px 0;
	}
	div.span6 ul li a, div.extra-info.sources ol li a, div.extra-info.sources ol li, div.extra-info.author.clearfix div.span6, div.inhoud table tbody tr td ul li a, ol.list li a, ol.list li, ol li a, ol li {
		line-height: 18px;
	}
	.span6, .editie-items {
		width: 100%; 
		margin-left:0;
		float: left;
	}
	div.extra-info.sources ol li {
		font-size:1em;
	}
	div.extra-info.author.clearfix div.span6 {
		margin: 10px 0 0 0;
		width: 100%;font-size: 1em;
	}
	div.extra-info.author.clearfix img.pull-left {
		max-height:200px;
		max-width:100%;
		margin-top: 24px;
	}
	div.online div.inhoud div.clearfix a img.pull-left, div.online div.clearfix a img.pull-left {
		width:200px;
		margin:0 40px 40px 0;
	}
	table.tdnieuws tbody tr td b {
		display:none;
	}
	table.tdnieuws tbody tr td {
		font-size:14px;
		line-height:18px;
	}
	table.tdnieuws {
		margin-bottom:10px !important;
	}
	input[type="checkbox"] {
		height: 15px !important; 
		width: 20px !important;
		float: right;
		vertical-align:top !important; 
		margin:4px 0 0 0 !important;
	}
	form#form table tbody tr td textarea {    
		width: 300px !important;
		float: left;
		height: 200px;
		padding: 8px;
		font-size: 1.143em;
	}
	div.inhoud p img, div.inhoud table tbody tr td a img {
		width: 400px;
	}
	div.online div.inhoud form#form table tbody tr td font, div.inhoud p a {
		font-size:1em !important;
	}
	div.profile-label span {
		padding-top: 6px;
	}
	div.profile-label input {
		margin-left:0 !important;
	}

	/*** AGENDA ***/
	.kiezer {
		margin: -40px 0 36px 0;
	}
	.kiesmaand {
		margin: -23px 0 0 0;
	}
	form.form-inline {
		margin-top: 0;
	}
	html.no-js body, html.no-js body div {
		width: 360px !important;
	}
	td.agenda_date {
		width:58px; 
		vertical-align: top;
	}
	span.nwsnav a, div.agenda_nav table tbody tr td a {
		font-size: 13px !important;
	}
	table.agenda_detail {
		width: 100% !important;
		margin-top:10px;
	}
	table.agenda_detail tbody tr td.title h2 {
		margin-bottom:24px;
	}
	.event_space {
		height:20px;
	}
	tr.event_ics td button {
		font-size: 26px;
		border:0;
		width: 40px; 
		height: 40px; 
		text-shadow: none;
		color: white;
		padding-left: 8px;
	}
	.select_vol, .select_num {
		display:none;
	}
	.select_afk {
		display:unset;
	}
	.kiezer {
		margin: -42px 0 12px 0;
	}
	.selected a, .kiezer a, #empty.not_selected span {
		border-radius: 0 0 4px 4px;
		margin-right: 4px;
	}
	#empty.not_selected a, #empty.not_selected span {
		color: #adadad;
	}
	.not_selected a, #empty.not_selected span {
		background-color: #e5e5e5;
    		box-shadow: none;
	}

	/*** PAGES ***/
	table.covers tbody tr td, table.covers tbody tr td img {
		width:55px !important;
		max-width: 55px !important;
	}
	table.verschijning {
		font-size: .929em; 
		width: 320px;
	}
	.onderzoek {
		font-size: 0.75em;
		margin-bottom: 80px;
	}
	td.icondtd {
		width:150px !important;
		max-width: 200px !important;
	}
	td.icontd img.icon {
		max-width: 200px !important;
	}

	/*** CONTACT + OVERIGE FORMULIEREN ***/
	.input-xlarge {
		width: 100%;/*90%;*/ 
		max-width: 350px;
	}
	div.controls label.checkbox, div.controls label.radio {
		/*float: left; */
		padding-left: 0;
	}
	div.controls label.radio input {
		margin: 2px 8px 8px 0 !important;
	}
	div.abb_long {
		margin: 0 0 10px 25px;
	}
	.controls input {
		font-size:14px !important;
	}
	.control-invoer .controls-radio {
		display:grid;
	}
	.controls-radio {
		margin: -8px 0 20px -8px;
	}
	.control-invoer .controls-radio label.radio.inline, .control-group-ab label.radio.inline {
		margin:0 0 -16px 0; 
		padding-left:0;
	}
	.control-invoer .controls-radio label.radio.inline input[type="radio"], .control-group-ab label.radio.inline input[type="radio"] {
    		float: unset;
    		margin: 8px 5px 8px 8px !important;
	}

}

/********************************************************************** 640 - 1240 **********************************************************************/

@media screen and (min-width: 640px) and (max-width: 1240px) {
	div.home_align {
		 
    		-webkit-flex-wrap: wrap; 
    		display: flex;
    		flex-wrap: wrap;
		flex-direction: row;	
	}
	.home_align_logo, .home_align_onderwerpen {
		width: 49%;
	}
}

/********************************************************************** 1024 - 1240 **********************************************************************/

@media screen and (min-width: 1024px) and (max-width: 1240px) {

	div.more_nws {
		width: 24%;
		height: 33.3%; 
		margin: 0;
		float:left;
		margin-bottom: 16px;
	}
}

/********************************************************************** 768 - 1240 **********************************************************************/

@media screen and (min-width: 768px) and (max-width: 1240px) {

	div#mobile.footer-container {
		padding:0 !important;
		width: 90%;
		margin: 0 auto;
    		 
    		-webkit-flex-wrap: wrap; 
    		display: flex;
    		flex-wrap: wrap;     
		flex-direction: row;
		justify-content:space-between;
	}
	.footer_nws {width:48% !important;margin:60px 0;float:left;}
	.footer_serv {width:48% !important;margin:60px 0;float:left;}
	.footer_adr {width:48% !important;margin-bottom:60px;float:left;}
	.footer_disc {width:48% !important;margin-bottom:40px;float:left;}
	.realisatie { width:64%;}

	div.cols {
		 
    		-webkit-flex-wrap: wrap; 
    		display: flex;
    		flex-wrap: wrap;
		-webkit-flex-direction: row;
		flex-direction: row;
		justify-content:space-between;
	}

	.udn_keuze {
		justify-content: center;
	}
	.udn_login, .udn_lezer, .udn_abo  {
    		width: 50%;
    		margin-bottom: 16px;
	}

}


/********************************************************************** MAX 768 **********************************************************************/

@media screen and (max-width: 768px) {

	.serviceitem p {line-height: 2.2em;}
	.banner1 {margin-right: 30px;}
	.banner2 {margin-left: 30px;}

	h2#online.desktop /*h2#online_index.desktop*/ {display:none;} 
	h2.mobile {display: inline-flex;flex-direction: row;margin:6px 0}
	/*h2#online_index.mobile {margin: 30px 0 20px 0;} */
	.editie h2#onlineDA {margin: 0 0 20px 0;}

	/*** FORMULIEREN ***/
	.form-horizontal .control-group-ab {
 	   	display: block;
		width: 100%;
	}
	.form-horizontal .control-group, .form-horizontal .control-discipline {width: 100%}
	.col2 {margin-top:24px;}
	.udn_login, .udn_lezer, .udn_abo, .abo_keuze {
    		width: 100%;
    		margin-bottom: 16px;
	}
	.verloop {
		margin-top: -80px;
    		height: 80px;
	}
}

/********************************************************************** MAX 698 **********************************************************************/

@media screen and (max-width: 698px) {

	table.mobiel_video {display: inline;}
	table.desktop_video {display: none;}
}

/********************************************************************** MAX 639 **********************************************************************/

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

	div.more {
		margin: 20px 0 -15px 0;
		font-size:1em;
		line-height: 16px;
		 
    		-webkit-flex-wrap: wrap; 
    		display: flex;
    		flex-wrap: wrap;
		justify-content:space-between;
	}

	div.more_nws {width: 48%;height: 16.66%; margin: 0;float:left;margin-bottom: 16px;}

	div.profile-label {flex-direction: column;}
	div.profile-label span {width:160px;margin: 4px 0 -2px 0;font-size: .85em;padding-top: 0;}
	div.profile-label span.login_naam {margin-bottom:-4px;}
	div.profile-label span.login_naam_user {font-size:1em;}
	div.profile-ww {font-size:.85em;margin-top: -8px;margin-left:0;}
	div.empty span {width:200px;}
	.select_vol, .select_afk {display:none;}
	.select_num {display:unset;}
	.kiezer {margin:-42px 0 32px 0;} /*bottom was 64*/
	.selected a, .kiezer a, #empty.not_selected span {padding: 3px 2px 2px 2px;border-radius: 0 0 4px 4px;margin-right: 2px;}
	.kiesjaar span.selected {display: none;}
	.kiesmaand {margin: -23px 0 0 0;}
	.huidig_jr {margin-right: 8px;}
	.volgend_jr {margin-left: 12px;}

}

/********************************************************************** MAX 622 **********************************************************************/

@media screen and (max-width: 622px) {
	/*h6.read_online::before {
		content: "\279C\0020  ";
	}*/
	h6.read_online {
		margin: 8px 0 0 -24px;
	}
	.editienr a {
		max-width:100px;
	}
	img.img_index {
		min-width: 100px;
		max-width: 100px;	
	}
} 

/********************************************************************** 481 - 639 **********************************************************************/

@media screen and (min-width: 481px) and (max-width: 639px) {

}
/********************************************************************** MAX 480 **********************************************************************/

@media screen and (max-width: 480px) {

	.modal {
    		width: 300px;
    		margin-left: -155px;
	}
	form#proefabo.form-horizontal input {width:100%;}
	/*input#onderwerp.input-xlarge {width: 90%;max-width: 350px;}
	textarea#informatieaanvraag {width: 91%;max-width: 350px;}*/

	div.nwsnav_arrow, div.nwsnav_arrow_tp, div.nwsnav_arrow:hover, div.nwsnav_arrow_tp:hover { height: 42px;width: 34px;}
	div.nwsnav_mobile_bttm div.nwsnav_arrow a i.fa.fa-chevron-right, div.nwsnav_mobile_tp div.nwsnav_arrow_tp a i.fa.fa-chevron-left {font-size: 3.6em;}

	.banners {position:initial;margin-left: 0;width: 100%;display: inline-flex;flex-direction: column;}
	hr#banner, div.mobile_banner_adv hr {display:none;}

	.mobile_br {display:initial !important;}
	div.banner1 {margin: 20px auto 40px auto !important; min-height: initial;}
	div.banner2 {margin: 0 auto !important;min-height: initial;}
	div.banner1 a img, div.banner2 a img, div.banner1 button#myBtn img, div.banner2 button#myBtn img{margin:10px auto;display:block;width: 240px !important;}
	.banner_footer {width: 100%;}
	.banner_width {
		width:100%;
		text-align: center;
		display: block;
	}
	.banner_width .banner_adv {display: none;}
	.banner_footer a img {
		width: 90%;
		margin-bottom: 40px;
	}

	button#myBtn {background:none;width:80%;margin:0 10%;}
	.mobile_banner_adv {font-size: .8em;margin: -10px auto !important;display:block;}

	div#share-buttons {width: 64%;}
	div.share a img, div#tw.share a img  { 
		-webkit-filter: grayscale(0%);
    		-webkit-transition: all .2s ease-in-out;
    		filter: grayscale(0%);
		opacity: 1;
	}
	#wa.share {display:initial;}
	.terug {margin-top: 0px;}

}

/********************************************************************** MOBILE **********************************************************************/

@media (pointer:none) and (max-width: 1240px), (pointer:coarse) and (max-width: 1240px) {

	div#share-buttons {
    	width: 220px;
	}
	div.share a img, div#tw.share a img { 
		-webkit-filter: grayscale(0%);
    		-webkit-transition: all .2s ease-in-out;
    		filter: grayscale(0%);
		opacity: 1;
	}
	#wa.share {display:initial;}

}