footer {
/** BEPAAL NAVFONT IN CMS SETTINGS **/
position:relative;
width:100%;
height:auto;
padding:0;
margin:48px 0 0 0;
background-color:rgba(234,231,224,1);
z-index:1;
}

.footerbox {
position:relative;
height:auto;
margin:0 auto;
padding:48px 0;
display:flex;
flex-direction:row;
}
@media only screen and (max-width:900px) {
	.footerbox {
	padding:24px 0 48px 0;
	flex-wrap:wrap;
	}
	.footersitewidth {
	width:100vw;
	background-color:rgba(234,231,224,1);
	}
}

.footerkolom {
position:relative;
width:29%;
height:auto;
font-size:0.7em;
letter-spacing:0;
padding-right:2%;
}
.footerkolom:first-child {
padding-left:24px;
}
.footerkolomrechts {
width:15%;
height:auto;
padding-right:0;
}
@media only screen and (max-width:900px) {
	.footerkolom, .footerkolomrechts {
	width:50%;
	font-size:0.8em;
	padding:0 0 12px 24px;
	}
}

.footerkolom a {
text-decoration:none;
display:block;
}
.footerkolom a:link {
text-decoration:none;
}
.footerkolom a:visited {
text-decoration:none;
}
.footerkolom a:active {
text-decoration:none;
}
.footerkolom a:hover {
text-decoration:underline;
}

.footerkolom h1 {
font-family:'Roboto-Bold', 'Arial', sans-serif;
font-size:1em;
line-height:1.5;
margin:0;
}
@media only screen and (max-width:900px) {
	.footerkolom h1 {
	margin-top:4px;
	}
}

.footerkolom p {
font-size:1em;
line-height:1.5;
padding:0;
margin:0;
}
@media only screen and (max-width:900px) {
	.footerkolom p {
	line-height:1.95;
	}
}

.footermenu {
position:relative;
width:100%;
height:auto;
margin-top:2px;
list-style-type:none;
list-style-position:inside;
z-index:10;
}
@media only screen and (max-width:900px) {
	.footermenu {
	margin-top:7px;
	}
}
.footermenu li {
padding:0;
margin:0 0 7px 0;
float:none;
}
.footermenu li:before {
content:none;
}
.footermenu li:first-child {
margin-top:4px;
font-weight:700;
}

.footermenu .pagetypemarge {
margin-top:36px;
}
@media only screen and (max-width:900px) {
	.footermenu .pagetypemarge {
	margin-top:24px;
	}
}

.footermenu a {
position:relative;
font-size:1em;
font-weight:400;
line-height:1;
padding:0;
margin:0;
}
@media only screen and (max-width:900px) {
	.footermenu a {
	line-height:1.2;
	}
}
.footermenu a:link {
text-decoration:none;
}
.footermenu a:active {
text-decoration:none;
}
.footermenu a:visited {
text-decoration:none;
}
.footermenu a:hover {
text-decoration:underline;
}
.footermenu a.on {
}

.footermenu-pijl {
width:auto;
height:auto;
font-size:0.75em;
line-height:1;
vertical-align:middle;
margin-left:5px;
transform:rotate(90deg);
display:inline-block;
}

.footermenu .search {
margin-top:48px;
}
@media only screen and (max-width:900px) {
	.footermenu .search {
	margin-top:24px;
	}
}
.footermenu .search input[type=text] {
width:50%;
font-size:20px;
color:#000;
font-weight:normal;
margin:0;
padding-left:6px;
border-top-right-radius:0;
border-bottom-right-radius:0;
background-color:rgba(255,255,255,0.5);
}
@media only screen and (max-width:900px) {
	.footermenu .search input[type=text] {
	font-size:1em;
	}
}
.footermenu .search input[type=submit] {
width:33px;
height:33px;
margin:0;
border-top-left-radius:0;
border-bottom-left-radius:0;
background-color:rgba(255,255,255,0.5);
display:block;
}
@media only screen and (max-width:900px) {
	.footermenu .search input[type=submit] {
	width:30px;
	height:30px;
	}
}
.footermenu .search input[type=submit]:hover {
background-image:url('../graphics/search-on.png');
background-color:rgba(0,0,0,0.5);
cursor:pointer;
}

.footersubmenu {
position:relative;
width:100%;
width:auto;
height:auto;
font-size:1em;
list-style-type:none;
padding:0;
margin:0;
z-index:2;
display:none;
}

.footersubmenu li {
text-align:left;
white-space:nowrap;
background-color:#fff;
padding:0;
margin:0 0 3px 0;
border:none;
float:none;
}
.footersubmenu li:first-child {
margin-top:3px;
}
.footersubmenu li:last-child {
margin-bottom:0;
float:none;
}
.footersubmenu a {
position:relative;
font-size:1em;
color:#fff;
font-weight:400;
line-height:1;
padding:6px 10px 6px 10px;
margin:0;
display:block;
}
.footersubmenu a:link {
color:#000;
text-decoration:none;
}
.footersubmenu a:active {
color:#000;
text-decoration:none;
}
.footersubmenu a:visited {
color:#000;
text-decoration:none;
}
.footersubmenu a:hover {
color:#000;
text-decoration:none;
}
.footersubmenu a.on {
color:#000;
}