/************************************************************************************
RESET CSS
*************************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, input, textarea, label, legend,
table, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
table {
border-collapse: collapse;
border-spacing: 0;
max-width:100%;
}
nav {
display: block;
}

a, a:hover {
outline: none;
outline: 0;
text-decoration: none;
}

strong, bold {
font-weight:bold;
}
em, i {
font-style:italic;
}
sup {
 vertical-align: super;
 font-size: 80%; 
}
/************************************************************************************
STRUCTURE - SIZES, MARGIN, PADDING, FLOAT & ALIGNMENT
*************************************************************************************/
 
#top, #mid, #bottom {
width:100%;
overflow:hidden;
}

#logo img{
max-width:100%;
height:auto;
}
#content {
width: 76%;
float: left;
padding-bottom:48px;
padding-top:12px;
min-height:560px;
position:relative;
}

#colleft {
width: 24%;
float: left;
text-align:left;
}


.pagewrap {
/***   WEBPAGE WIDTH   ***/
width: 1200px;
max-width:90%;
margin-left: auto;
margin-right:auto;
}

.topwrap {
overflow:hidden;
}

/* titel */
#header {
padding-top:32px;
padding-left:5%;
width:100%;
display:block;
overflow:hidden;
}

#headerl {
width:76%;
float:left;
}
#headerl img {
float:left;
max-width:100%;
height:auto;
}
#headerr {
width:24%;
float:left;
}
#headerr img {
max-width:100%;
height:auto;
}
#logo {
width:100%;
text-align:center;
}


#mobcontainer {
display:none;
}

#menulogo {
width: 126px;
float:left;
margin-top: 8px;
display:none;
}

#mainmenu {
width: 100%;
padding-left:16px;
padding-right:16px;
margin-top:24px;
margin-bottom:48px;
}

ul#mainmenu, #mainmenu li, #mainmenu a {
display: inline-block
}

ul#mainmenu li {

}

#mainmenu li.hfdmenu span {
display: block;
width:100%;
min-height:30px;
line-height:30px;
font-weight:bold;
margin-top:16px;
}

#mainmenu li {
display: block;
width:100%;
min-height:30px;
line-height:30px;
}

#mainmenu li a, #mainmenu li span {
display: block;
width:100%;
padding-left: 8px;
padding-right: 8px;
min-height:30px;
line-height: 22px;
padding-top: 4px;
padding-bottom: 4px;
}

#mainmenu li.singlem {
font-weight:bold;
}

#container {
overflow: hidden;
position:relative;
}


.videowrapper {
 width: 100%;
}
.videosmall .videowrapper {
  width: 650px;
	max-width: 100%;
}
.video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.video iframe {
 position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#text ul {
margin-left:2.7rem;
margin-bottom:0.9rem;
list-style:disc;
}
#text ul li, #text ol li{
margin-bottom:0.4rem;
}
#text ul ul {
margin-left:1rem;
margin-bottom:.1rem;
list-style:circle;
}
#text ol {
margin-left:3.2rem;
margin-bottom:0.9rem;
list-style:decimal;
}
#text ol ol {
margin-left:1rem;
margin-bottom:.1rem;
list-style-type: lower-roman;
}

#text div, #text iframe, #text img {
max-width:100%;
}

#text table, #text tr, #text td {
max-width: 100%;
}

#text table.med {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding-top:12px;
padding-bottom:12px;
border-collapse: separate;
border-spacing: 12px;
width:100%;
background-color:#fcfcfc;
}

#text table.agendatable {
width:100%;
background-color:#fcfcfc;
margin-top:24px;
margin-bottom:24px;
font-size:13px; font-size:1.3rem;
border-bottom: 6px solid #ddd;
}
#text table.agendatable tbody td  {
border-top: 1px solid #ddd;
padding: 6px;
}

#text table.uitsprakentable {
width:100%;
margin-top:24px;
margin-bottom:24px;
font-size:14px; font-size:1.4rem;
border-bottom: 4px solid #ddd;
border-top: 4px solid #ddd;
}
#text table.uitsprakentable tbody td   {
border-top: 1px solid #ddd;
padding: 4px;
}


#text table.zoektable {
width:100%;
margin-top:24px;
margin-bottom:24px;
font-size:14px; font-size:1.4rem;
border-bottom: 4px solid #ddd;
border-top: 4px solid #ddd;
}
#text table.zoektable tbody td   {
padding: 4px;
}

#text table.zoektable tbody tr:nth-child(even) td {
border-top: 2px solid #ddd;
}

#text table.zoektable tbody tr:nth-child(even) td:nth-child(1) {
width:48px;
}
#text table.zoektable tbody tr:nth-child(even) td:nth-child(2) {
width:52px;
}
#text table.zoektable tbody tr:nth-child(even) td:nth-child(3) {
width:48px;
}

#text table.agendatable tbody tr.month td  {
border-top: 6px solid #ddd;
}
#text table.agendatable tbody tr:nth-child(1) td {
border-top: 6px solid #ddd;
}
#text table.agendatable tbody tr:nth-child(odd) {
background-color:#fafafa;
}
#text table.agendatable tbody tr:nth-child(even) {
background-color:#fefefe;
}

#text table.agendatable tbody tr td:nth-child(1) {
width:128px;
}
#text table.agendatable tbody tr td:nth-child(2) {
width:52px;
}
#text table.agendatable tbody tr td:nth-child(3) {
width:122px;
}



#text table.med td{
padding:4px;
vertical-align: top;
width:50%;
}
#text table.med td img{
float:left;
margin-right:16px;
border:1px solid #999;
}
#text table.med td img.imgnoborder{
border:none;
}
.foto {
float:left;
width:23%;
height:154px;
margin-right:2%;
margin-bottom:8px;
text-align:center;
}
.foto img{
width:100%;
width:auto;
height:auto;
max-height:154px;
padding:1px;
background-color: #8d8d75;
border:2px solid #fff;
cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.foto.six {
float:left;
width:14.5%;
height:154px;
margin-right:2%;
margin-bottom:8px;
text-align:center;
}
.foto.six img{
max-height:154px;
}

.foto.eight {
float:left;
width:10.5%;
height:154px;
margin-right:2%;
margin-bottom:8px;
text-align:center;
}
.foto.eight img{
max-height:154px;
}
.foto img:hover{
border:2px solid #8d8d75;
}

#text p {
margin-top:.4em;
margin-bottom:.8em;
}
strong, b {
font-weight:bold;
}
em, i {
font-style:italic;
}

#text .item {
margin-top: 32px;
margin-bottom:12px;
}
#text p.lead {
font-weight:bold;
margin-bottom:0;
}
#text .item p.lead {
font-weight:normal;	
margin-bottom:0.8em;
}
#text p.article {
margin-top:0.1em;
}
#text a.leesmeer {
margin-left:6px;
font-size:20px; font-size:2.0rem;
line-height:15px;
text-decoration:none;
}
#text a.leesmeer:hover {
color: #fff;
background-color:#8d8d75;
}

#footer {
clear: both;
text-align:center;
position:relative;
overflow:hidden;
}

#webdesignbureau {
width:24%;
min-height:60px;
padding-top:22px;
padding-bottom:12px;
float:left;
}

#footertext{
width:76%;
min-height:60px;
padding-top:18px;
padding-bottom:12px;
float:left;
}

#top-link {
    bottom: 5px;
    display: none;
    position: fixed;
    right: 5px;
    text-decoration: none;
    z-index: 9999;
	font-size:20px; font-size:2.0rem;
	opacity: 0.6;
    filter: alpha(opacity=60);
	cursor:pointer;
}
#top-link:hover {
	opacity: 1;
    filter: alpha(opacity=100);
}

.clear {
clear:both;
}

.col3 {
width:33.3%;
padding-left:1.5%;
padding-right:1.5%;
float: left;
}

/************************************************************************************
TEXT, LINKS, FONTS & TEXT COLORS
*************************************************************************************/
html { font-size: 62.5%; } 
body { font-size: 15px; font-size: 1.5rem; 
line-height:20px;}

body {
font-family: Arial,sans-serif;
color: #333;
background-color:#c1c1c1;
}
#webdesignbureau {
font-size:11px; font-size:1.1rem;
color:#fff;
}
#text a {
color: #333;
text-decoration:underline;
}
#text a:hover {
text-decoration:none;
}
#footertext{
font-size:16px; font-size:1.6rem;
color:#FFF;
}
#footertext a {
color:#d8d8d8;
text-decoration:underline;
}
#footertext a:hover {
color: #fff;
}


#header {
font-size: 26px; font-size: 2.6rem;
letter-spacing:0.1rem;
line-height:36px;
padding-top:16px;
padding-bottom:16px;
color:#e2e2c7;
border-top: 12px solid #00373c;
}

#header .sub {
font-size: 16px; font-size: 1.6rem;
letter-spacing:0.1rem;
line-height:24px;
color:#333;
}

#mainmenu li.hfdmenu span {
border-bottom: 2px solid #c9c9af;
}

#mainmenu li a{
border-bottom: 1px solid #c9c9af;
}
#mainmenu li.singlem a{
border-bottom: 2px solid #c9c9af;
}
#mainmenu li a:hover, #mainmenu li.sel a {
background-color: #f4f3d8;
border-bottom: 1px solid #c9c9af;
}
#mainmenu li.singlem a:hover,#mainmenu li.singlem.sel a {
background-color: #f4f3d8;
border-bottom: 2px solid #c9c9af;
}

#mainmenu li a  {
font-size: 14px; font-size: 1.4rem;
color:#212121;
}
#mainmenu li.singlem a  {
font-size: 15px; font-size: 1.5rem; 
margin-top:18px;
}

h1, .kop1 {
    font-size: 20px; font-size:2.0rem;
    margin-bottom: 8px;
max-width:100%;
padding-bottom:12px;
border-bottom:1px solid #c9c9af;
}

h2, .kop2 {
    font-size: 18px; font-size:1.8rem;
    margin-bottom: 8px;
	  margin-top:32px;	
max-width:100%;
padding-bottom:12px;
border-bottom:1px solid #c9c9af;
}

#text .item h2, #text .item .kop2  {
    font-size: 18px; font-size:1.8rem;
    margin-bottom: 0px;
  margin-top:32px;	
  padding-bottom:0;
  border-bottom:0;
	}
h3, .kop3 {
    font-size: 14px; font-size:1.4rem;
    font-weight: bold;
    margin-bottom: 6px;
}
h4, .kop4 {
    font-size: 12px; font-size:1.2rem;
    font-weight: bold;
    margin-bottom: 4px;
}
.groot {
    font-size: 18px; font-size:1.8rem;
}
.klein {
    font-size: 11px; font-size:1.1rem;
}
.mini {
    font-size: 9px; font-size:0.9rem;
}
.rood {
    color: #990000;
}
#aanbevelingen {
margin-top:24px;
}
.accordion-kopje {
display:block;
width:100%;
border-top:1px solid #00797e;
padding-top:14px;
padding-bottom:14px;
padding-left:6px;
cursor:pointer;
background-image: url("images/accordion-plus.png");
background-repeat:no-repeat;
background-position: 99% 50%;
transition:background-position .3s ease-in; 
padding-right:24px;
color: #00797e;
}
.accordion-tekst {
display:none;
width:100%;
}

.abhoofdcategorie.accordion-kopje.spacer {
  background-image: none;
  cursor: text;
  padding-bottom: 0;
  background-color: #fafafa;
}

.accordion-kopje.last-kopje {
border-bottom:1px solid #00797e;
}
 .accordion-kopje.last-kopje.accordion-open {
/* border-bottom:0; */
}

.accordion-kopje.accordion-open {
background-image: url("images/accordion-min.png");
background-position: 99% 50%;
transition:background-position .3s ease-in; 
background-color: #00797e;
color:#fff;
}

.abhoofdcategorie h2 {
border-bottom:0;
margin-top:0;
margin-bottom:0;
padding-bottom:0;
}

.categorie {
background-image: url("images/pijl.png");
background-repeat:no-repeat;
background-position: 99% 50%;
padding-top: 0;
padding-bottom: 0;
padding-left:6px;
padding-right:24px;
font-size: 1.7rem;
border-bottom: solid 1px #efefef;
transition:background-position .3s ease-in; 
}
.categorie:hover {
background-color:#f5fafa;
background-position: 98% 50%
}
.categorie a {
display:block;
width:100%;
height:100%;
text-decoration:none !important;
padding-bottom:14px !important;
padding-top: 14px !important;
}
.categorie p {
margin-bottom:0 !important;
margin-top:0 !important;
}
.categorie.accordion-kopje {
background-image: url("images/accordion-plus.png");
background-position: 99% 50%;
transition:background-position .3s ease-in;
}
.categorie.accordion-kopje.accordion-open {
background-image: url("images/accordion-min-dark.png");
background-position: 99% 50%;
transition:background-position .3s ease-in;
    border-bottom: 1px solid #ddd;
    background-color: #f5fafa;
	color:#333;
}
.accordion-kopje:hover {
background-position: 98% 50%;
transition:background-position .3s ease-in;
}
.accordion-kopje.accordion-open:hover {
background-position: 98% 50%;
transition:background-position .3s ease-in;
}
.categorie.accordion-kopje p {
padding-bottom:14px !important;
padding-top:14px !important;
}
.aanbeveling {
    padding-top: 12px;
    border: 1px solid #c9c9af;
    padding-bottom: 0;
    background-color: #fdfdf9;
    margin-top: 18px;
	margin-bottom: 18px;
    padding-left: 12px;
    padding-right: 12px;
}

.uitspraaklink {
background-image: url("images/pdf.png");
background-position: 99% 50%;
background-repeat:no-repeat;
transition:background-position .3s ease-in;
padding-right:24px;
border-bottom: 1px solid #c9c9af;
background-color:#fff;
padding-left:4px;
}
.aanbeveling .uitspraaklink:first-of-type {
border-top: 1px solid #c9c9af;
}
.aanbeveling .uitspraaklink:last-of-type {
border-bottom: 0;
}
.uitspraaklink:hover {
background-position: 98% 50%;
transition:background-position .3s ease-in; 
background-color:#f4f3d8;
}
.uitspraaklink a {
display:block;
width:100%;
height:100%;
text-decoration:none !important;
padding-bottom:10px !important;
padding-top: 10px !important;
}
.uitspraaklink p {
margin-bottom:0 !important;
margin-top:0 !important;
}

#webdesignbureau a{
color:#fff;
text-decoration:underline;
}
#webdesignbureau a:hover{
color:#eee;
text-decoration:none;
}

/************************************************************************************
BORDERS EN BACKGROUNDS
borders beïnvloeden de totale breedte en hoogte 
borders top en bottom van header en menu beinvloeden positie achtergrond image
*************************************************************************************/

.pagewrap.footerwrap{
border-left: none;
    border-right: none;
	background-color:#00797e;
}
#top, #mid, #bottom{
background-color:#c1c1c1;
}
.pagewrap.topwrap {
border-left: none;
    border-right: none;
	background-color:#e2e2c8;
}
#header {
background-color:#00797e;
}

#container, #colleft{
background-color: #e2e2c8;
}

.pagewrap.midwrap{
    border-left: none;
    border-right: none;
}

#headerr {
background-color:#FFF;
}

#content {
background-color: #FFF;
background-image:url(images/bg-txt.gif);
background-position: center 48px;
background-repeat:no-repeat;
border-left:none;
}

#text {
margin-top:32px;
margin-left:1.5%;
margin-right:1.5%;
line-height:22px;
margin-bottom:76px;
padding-left:3%;
padding-right:3%;
position:relative;
overflow:hidden;
}
#text {
margin-bottom:0px;
}

.foto-met-rand {
    border: 1px solid #c9c9af;
    padding: 2px;
}

#text img {
max-width:100%;
height:auto;
}

.hr, hr {
max-width:100%;
color: #c9c9af;
background-color: #c9c9af;
height:1px;
border:none;
margin-top:12px;
margin-bottom:12px;
display:block;
}


/************************************************************************************
TABS
*************************************************************************************/

#text .r-tabs ul.r-tabs-nav {
    margin: 0;
    padding: 0;
}

#text .r-tabs ul li.r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom:48px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}


/* Tabs container */
#text .r-tabs {
	position: relative;
	width:100%;
	margin-bottom:48px;
	margin-top:48px;
}


/* Tab element */
#text .r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	background-color: #f1bdab;
}
#text .r-tabs .r-tabs-nav .r-tabs-tab:hover {
background-color:#c8052b;
}

/* Tab anchor */
#text .r-tabs .r-tabs-nav .r-tabs-anchor {
	color:#333;
   display: inline-block;
    font-size: 1.8rem;
    letter-spacing: 0.05rem;
    padding: 6px 40px;
    text-decoration: none;
}
#text .r-tabs .r-tabs-nav .r-tabs-anchor:hover {
	color:#fff;
}


/* Active state tab anchor */
#text .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #fff;
	background-color: #c8052b;
}

/* Tab panel */
#text .r-tabs .r-tabs-panel {
	background-color: #fdfcff;
	border: 1px solid #c8052b;
		-webkit-box-shadow: 0px 3px 4px rgba(220,220,220,0.9);
-moz-box-shadow: 0px 3px 4px rgba(220,220,220,0.9);
box-shadow: 0px 3px 4px rgba(220,220,220,0.9);
}

/* Accordion anchor */
#text .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 4px 8px;
	background-color: #f1bdab;
	text-decoration: none;
font-size:14px; font-size:1.4rem;
	border: 1px solid #c8052b;
}


/* Active accordion anchor */
#text .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #c8052b;
	color: #fff;
}

#text .r-tabs img {
max-height:80px;
width: auto;
max-width:120px;
margin-right: 12px;
}

#text .r-tabs h2, #text .r-tabs .kop2 {
margin-top:48px;	
}
#text .r-tabs h2:first-of-type, #text .r-tabs .kop2:first-of-type{
margin-top:32px;
}
.tab-meer {
background-color:#f1bdab;
display: block;
position:absolute;
right:6px;
bottom: 6px;
}
#text .tab-meer a{
display:block;
padding: 4px 12px;
color:#333;
text-decoration:none;
}
#text .tab-meer:hover{
background-color:#c8052b;
}
#text .tab-meer:hover a{
color: #fff;
}

.tab-terug {
background-color:#f1bdab;
display: inline-block;
clear:both;
font-size: 14px; font-size: 1.4rem;
margin-top:32px;
}
#text .tab-terug a{
display:block;
padding: 1px 10px;
color:#333;
text-decoration:none;
}
#text .tab-terug:hover{
background-color:#c8052b;
}
#text .tab-terug:hover a{
color: #fff;
}

.dt {
display:inline-block;
    float: right;
font-size: 18px; font-size: 1.8rem;
    font-weight: bold;
    margin-top: -28px;
color: #aaa;
}

/************************************************************************************
FORMS
*************************************************************************************/
#contactformulier input.chkfield {
width:1px;
height:1px;
border:0px;
padding:0;
margin:0;
border:none;
background-color:transparent;}

#contactformulier {
    margin-bottom: 12px;
    margin-top: 12px;
    padding-bottom: 16px;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	clear:both;
	display:block;
	width:100%;
	overflow:hidden;
}

.w100 {
    max-width: 90%;
    width: 100px;
	display:inline-block;
}
.w200 {
    max-width: 90%;
    width: 200px;
	display:inline-block;
		float:left;
}
.w320 {
    max-width: 90%;
    width: 320px;
	display:inline-block;
}
.w400 {
    max-width: 90%;
    width: 400px;
	display:inline-block;
}
.h60 {
    height: 60px;
}
.h100 {
    height: 100px;
}
#contactformulier input, #contactformulier textarea, #contactformulier select {
padding: 2px 4px;
border:1px solid #8d8d75;
}

#headerform {
width:100%;
background-color:#e2e2c8;
margin-top:40px;
padding-left:24px;
padding-top:20px;
overflow:hidden;
}
input#topzoom {
width:80%;
margin-top:12px;
border:1px solid #8d8d75;
padding: 1px 4px;
font-size:12px; font-size:1.2rem;
float:left;
display:inline-block;
min-height:24px;
}
#zoekform input[type="image"] {
border: none;
margin-top:14px;
margin-left:8px;
display:inline-block;
float:left;
}
#zoekform input[type="image"]:hover {
margin-top:15px;
margin-left:9px;
}

input[type="submit"] {
    cursor: pointer;
}
#contactformulier label, #contactformulier input, #contactformulier textarea {
    display: inline-block;
    margin-top: 8px;
	max-width:100%;
	float:left;
}
 #contactformulier input[type="radio"] {
    display: inline-block;
    margin-top: 2px;
	vertical-align:text-top;
}

#contactformulier label {
    vertical-align:top;
    width: 200px;
	max-width:90%;
	clear:left;
	float:left;
}


#contactformulier input[type="submit"], #zoekform2 input[type="image"] {
border-top: 1px solid #8d8d75;
border-left: 1px solid #8d8d75;
border-right: 2px solid #8d8d75;
border-bottom: 2px solid #8d8d75;
margin-left:12px;
padding: 4px 6px 3px 6px;
}
#contactformulier input[type="submit"]:hover, #zoekform2 input[type="image"]:hover {
border-top: 2px solid #8d8d75;
border-left: 2px solid #8d8d75;
border-right: 1px solid #8d8d75;
border-bottom: 1px solid #8d8d75;
}
#zoekform2 input, #archiefjaar select {
font-size:14px; font-size:1.4rem;
padding: 2px 6px;
border:1px solid #8d8d75;
}
#zoekform2 input{
min-height:28px;
}
#archiefjaar select {
padding: 2px 2px;
}

#zoekform2 input, #archiefjaar select {
    display: inline-block;
	max-width:100%;
	float:left;
}
#zoekform2 label, #archiefjaar label {
    display: block;
	max-width:100%;
	margin-bottom:8px;
}
#zoekform2, #archiefjaar {
    display: inline-block;
	float:left;
	margin-top:12px;
	margin-bottom:24px;
width:50%;
}

.highlight {
    background-color: #00797e;
    color: #fff;
    padding-left: 4px;
    padding-right: 4px;
}


/************************************************************************************
CYCLE
*************************************************************************************/
.slider {
width: 100%;
float:right;
}
.slider {
clear:both;
}
.slider img {
display: block;
width: auto;
height: auto;
max-width: 100%; 
max-height: 266px;
float:right;
}
.slider img { display: none }
.slider img.first { display: block }

.cycle-overlay { 
position: absolute; bottom: 0; left: 0; width: 100%; height:100%; z-index: 600;
color:#FFF;
background: #FFF; 
opacity:0;
filter:alpha(opacity=0);
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width: 966px) {

.pagewrap {
/***   WEBPAGE WIDTH   ***/
width: 940px;
max-width:100%;
}

#headerform {
margin-top:16px;
padding-left:12px;
padding-top:8px;
}
#text {
padding-left:1.5%;
padding-right:1.5%;
}

}

@media screen and (max-width: 800px) {
html { font-size: 72.5%; } 
.pagewrap {
max-width: 100%;
}

#headerl, #headerform {
display:none;
}
#headerr {
width:100%;
}
#logo {
text-align:left;
}
#header {
width:100%;
padding-left:16px;

}

#text {
padding-top:16px;
padding-left:16px;
padding-right:16px;
padding-bottom:48px;
}


#subtitel, #webdesignbureau {
display:none;
}
#footertext{
width:100%;
}

#content, #mobnav {
width:100%;
}


#content {
min-height:0;
border-left:none;
}

#topmenu, #colleft {
display:none;
height:0px;
}


#text{
padding-top:16px;
}

#content {
min-height:0px;
}

#mobcontainer {
display:block;
}
#mobnav, ul#mainnav, ul#mainnav ul {
display: block;
background-color:#00797e;
width:100%;
border-top:1px solid #fff;
}

#mainnav ul li {
background-color:#009b9f;
}

ul#mainnav ul li:last-child {
	border-bottom:1px solid #fff;
}
ul#mainnav, ul#mainnav ul {
display: none;
}
#mobnav li {
background-image:url(images/mobnav.png);
background-repeat:no-repeat;
background-position:14px 12px;
padding-left:8px;
}

#mobnav li, #mainnav li {
line-height:32px;
width:100%;
border-bottom:1px solid #fff;
min-height: 32px;
color:#fff;
display:inline-block;
}
#mobnav li {
font-size:16px; font-size:1.6rem;
border-bottom:none;
}
#mainnav li {
font-size:18px; font-size:1.8rem;
}
#mainnav li:hover {
background-color: #005357;
}
#mainnav li.sel {
background-color: #005357;
}
#mainnav li ul li:hover {
background-color: #008589;
}
#mainnav li ul li.sel {
background-color: #008589;
}


#mainnav li.hfdmenu {
cursor:pointer;
background-image:url(images/plus.png);
background-repeat:no-repeat;
background-position:14px 12px;
}
#mobnav li a {
font-size:18px; font-size:1.8rem;
line-height:32px;
padding-left:32px;
color:#fff;
display:block;
}
#mainnav li a, #mainnav li span {
font-size:18px; font-size:1.8rem;
line-height:32px;
padding-left:40px;
color:#fff;
display:block;
}
#mainnav li ul li a {
color:#fff;
}
#mainnav li:last-child {
   border-bottom:0px solid #fff;
}

.r-tabs .r-tabs-nav {
   display: none;
}
.r-tabs .r-tabs-accordion-title {
  display: block;
}

.foto, .foto.six, .foto.eight {
width:31%;
max-height:154px;
margin-right:2%;
}
#text table.med td{
display:block;
width:100%;
float:left;
clear:both;
}
#text table.agendatable tbody tr td:nth-child(2) {
display:block;
width:20%;
float:left;
padding-bottom:0px;
}
#text table.agendatable tbody tr td:nth-child(1),#text table.agendatable tbody tr td:nth-child(3) {
display:block;
width:40%;
float:left;
padding-bottom:0px;
}

#text table.agendatable tbody tr td:nth-child(4) {
display:block;
width:100%;
float:left;
clear:both;
border-top:none;
padding-top:0px;
}

}


@media screen and (max-width: 640px) {
.foto, .foto.six, .foto.eight {
width:47%;
max-height:154px;
margin-right:3%;
}
.dt {
   padding-top: 15px;
}
#text table.med td img{
width:100px;
height:auto;
}
#zoekform2, #archiefjaar {
width:100%;
}
}
@media screen and (max-width: 400px) {
.foto, .foto.six, .foto.eight {
width:100%;
max-height:154px;
margin-right:0%;
}
}
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row;border-top:1px solid #cfcfcf;}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/* icomoon */ 
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?v4m7ay');
  src:  url('fonts/icomoon.eot?v4m7ay#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?v4m7ay') format('truetype'),
    url('fonts/icomoon.woff?v4m7ay') format('woff'),
    url('fonts/icomoon.svg?v4m7ay#icomoon') format('svg');
  font-weight: var(--font-weight-normal);
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"], .sf-with-ul::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: var(--font-weight-normal);
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-activity:before {
  content: "\e900";
}
.icon-align-center:before {
  content: "\e901";
}
.icon-align-justify:before {
  content: "\e902";
}
.icon-align-left:before {
  content: "\e903";
}
.icon-align-right:before {
  content: "\e904";
}
.icon-bar-chart:before {
  content: "\e905";
}
.icon-bar-chart-2:before {
  content: "\e906";
}
.icon-camera:before {
  content: "\e907";
}
.icon-check:before {
  content: "\e908";
}
.icon-check-circle:before {
  content: "\e909";
}
.icon-check-square:before {
  content: "\e90a";
}
.icon-chevron-down:before {
  content: "\e90b";
}
.icon-chevron-left:before {
  content: "\e90c";
}
.icon-chevron-right:before {
  content: "\e90d";
}
.icon-chevron-up:before {
  content: "\e90e";
}
.icon-chevrons-down:before {
  content: "\e90f";
}
.icon-chevrons-left:before {
  content: "\e910";
}
.icon-chevrons-right:before {
  content: "\e911";
}
.icon-chevrons-up:before {
  content: "\e912";
}
.icon-chrome1:before {
  content: "\e913";
}
.icon-download:before {
  content: "\e914";
}
.icon-edit:before {
  content: "\e915";
}
.icon-external-link:before {
  content: "\e916";
}
.icon-eye1:before {
  content: "\e917";
}
.icon-eye-off:before {
  content: "\e918";
}
.icon-facebook1:before {
  content: "\e919";
}
.icon-file-text:before {
  content: "\e91a";
}
.icon-folder:before {
  content: "\e91b";
}
.icon-folder-minus:before {
  content: "\e91c";
}
.icon-folder-plus:before {
  content: "\e91d";
}
.icon-image:before {
  content: "\e91e";
}
.icon-info:before {
  content: "\e91f";
}
.icon-instagram1:before {
  content: "\e920";
}
.icon-link1:before {
  content: "\e921";
}
.icon-linkedin1:before {
  content: "\e922";
}
.icon-lock:before {
  content: "\e923";
}
.icon-minus1:before {
  content: "\e924";
}
.icon-minus-square:before {
  content: "\e925";
}
.icon-moon:before {
  content: "\e926";
}
.icon-more-horizontal:before {
  content: "\e927";
}
.icon-phone1:before {
  content: "\e928";
}
.icon-play:before {
  content: "\e929";
}
.icon-plus1:before {
  content: "\e92a";
}
.icon-plus-square:before {
  content: "\e92b";
}
.icon-save:before {
  content: "\e92c";
}
.icon-settings:before {
  content: "\e92d";
}
.icon-share-2:before {
  content: "\e92e";
}
.icon-sun:before {
  content: "\e92f";
}
.icon-trash-2:before {
  content: "\e930";
}
.icon-twitter1:before {
  content: "\e931";
}
.icon-upload:before {
  content: "\e932";
}
.icon-upload-cloud:before {
  content: "\e933";
}
.icon-x:before {
  content: "\e934";
}
.icon-x-square:before {
  content: "\e935";
}
.icon-zoom-in1:before {
  content: "\e936";
}
.icon-zoom-out1:before {
  content: "\e937";
}
.icon-file-empty:before {
  content: "\e938";
}
.icon-file-text2:before {
  content: "\e939";
}
.icon-file-picture:before {
  content: "\e93a";
}
.icon-phone:before {
  content: "\e942";
}
.icon-spinner:before {
  content: "\e97a";
}
.icon-spinner2:before {
  content: "\e97b";
}
.icon-spinner3:before {
  content: "\e97c";
}
.icon-spinner9:before {
  content: "\e982";
}
.icon-search:before {
  content: "\e986";
}
.icon-zoom-in:before {
  content: "\e987";
}
.icon-zoom-out:before {
  content: "\e988";
}
.icon-rocket:before {
  content: "\e9a5";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-cloud-upload:before {
  content: "\e9c3";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-eye-blocked:before {
  content: "\e9d1";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-exit:before {
  content: "\ea14";
}
.icon-arrow-up:before {
  content: "\ea32";
}
.icon-arrow-right:before {
  content: "\ea34";
}
.icon-arrow-down:before {
  content: "\ea36";
}
.icon-arrow-left:before {
  content: "\ea38";
}
.icon-arrow-up2:before {
  content: "\ea3a";
}
.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-arrow-down2:before {
  content: "\ea3e";
}
.icon-arrow-left2:before {
  content: "\ea40";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}
.icon-radio-checked:before {
  content: "\ea54";
}
.icon-radio-unchecked:before {
  content: "\ea56";
}
.icon-share2:before {
  content: "\ea82";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-vimeo:before {
  content: "\eaa0";
}
.icon-vimeo2:before {
  content: "\eaa1";
}
.icon-flickr:before {
  content: "\eaa3";
}
.icon-flickr3:before {
  content: "\eaa5";
}
.icon-blogger:before {
  content: "\eab7";
}
.icon-blogger2:before {
  content: "\eab8";
}
.icon-linkedin:before {
  content: "\eac9";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-pinterest:before {
  content: "\ead1";
}
.icon-pinterest2:before {
  content: "\ead2";
}
.icon-chrome:before {
  content: "\ead9";
}
.icon-file-pdf:before {
  content: "\eadf";
}
.icon-file-word:before {
  content: "\eae1";
}
.icon-file-excel:before {
  content: "\eae2";
}