<?php header("Content-type: text/css"); ?>
/* @import url(<?php if(!is_dir('./__np_core')) { echo '../'; } ?>../__np_core/css/global.web.css);*/

/* DEFAULT TABLE STYLES */
table, table td, table th {
	border-collapse: collapse;
	border: 0px solid #dddddd;
	vertical-align: top;
	text-align: left;
}


html {
  box-sizing: border-box;
}

*, 
*:before, 
*:after {
  box-sizing: inherit;
}

/**
 * LAYOUT
 */

.footer,
.header,
.homepage-blocks,
.homepage-faq,
.homepage-footer,
.homepage-links,
.main,
.pages,
.partners {
	float: left;
	padding: 0 20px;
	position: relative;
	transition: all 0.25s ease-in-out;
	width: 100%;
}

@media(min-width: 1024px) {
	.footer,
	.header,
	.homepage-blocks,
	.homepage-faq,
	.homepage-footer,
	.homepage-links,
	.main,
	.pages,
	.partners {
		padding: 0 40px;
	}   
}

.footer,
.header,
.main,
.pages,
.partners {
	background-color: #fff;
}

.wrapper {
	margin: 0 auto;
	max-width: 1160px;
	position: relative;
	width: 100%;
}

.header {
	padding-bottom: 20px;
	padding-top: 30px;
}

@media(min-width: 1024px) {
	.header {
		padding-bottom: 30px
	}
}

.main {
	padding-bottom: 30px;
}

	.main h1.first {
		border-bottom: 1px solid #ddd;
		margin-top: 0;
		padding-bottom: 0.5em;
	}

	.main p,
	.main li,
	.main table {
		font-size: 14px;
	}
	
	@media(min-width: 1024px) {
		.main p,
		.main li,
		.main table {
			font-size: 16px;
		}
	}

	/* home main */

	.home .main {
		padding-top: 30px;
	}

	@media(min-width: 1024px) {
		.home .main {
			padding-top: 60px;
		}
	}

/* pages */

.pages h2 {
	border-bottom: 1px solid #ddd;
}

/* footer */

.footer {
	padding-top: 30px;
	padding-bottom: 30px;
}

/** 
 * MODULES
 */

/* ACTIVITY */

.webitem_8 {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

@media(min-width: 1000px) {
	.webitem_8 {
		margin-bottom: 0;
	}
}

/* filter */

.filter-activities {
	position: relative;
	margin-bottom: 30px;
}

	@media(min-width: 1000px) {
		.filter-activities {
			margin-bottom: 0;
		}
	}
	
	/* filter form elements */

	.filter-activities [type="text"] {
		margin-bottom: 10px;
	}

	/* filter button */

	.filter-button {
	    background-color: #A1AB35;
		border: 0;
		border-radius: 0;
	    color: #fff; 
	    cursor: pointer;
	    float: right;
	    font-family: 'NPUHSS';
	    font-size: 18px;
	    font-weight: 700;
	    line-height: 35px;
	    margin-left: 10px;
	    padding: 0 20px;
	    transition: all 0.25s;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

		.filter-button.reset {
			background-color: #999;
		}

		.filter-button:hover {
			background-color: #222;
		}

		/* datepicker icon */

		.ui-datepicker-trigger {
			margin-top: 10px;
			position: absolute;
			right: 10px;
		}

/* activities parent */

.webitem_201 {
	float: left;
	position: relative;
	width: 100%;
}

/* activity */

.activity {
	border-bottom: 1px solid #ddd;
	float: left;
	margin-bottom: 1em;
	padding-bottom: 1em;
	width: 100%;
}

	.main h1.activity-title:first-of-type {
		padding-bottom: 15px;
	}

	.activity-title span {
		float: left;
		margin-top: 10px;
		padding-left: 60px;
		width: 100%;
	}

	@media(min-width: 640px) {
		.activity-title span {
			margin-top: 0;
			width: auto;
		}
	}

	/* date/counter wrap */

	.activity-date-counter {
		float: left;
		margin-right: 15px;
		width: 47px;
	}

	/* image */

	.activity-image {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		float: left;
		height: 90px;
		margin-right: 15px;
		width: 130px;
	}

	.activity-title-wrap {
		clear: both;
		float: left;
		margin-top: 15px;
		width: 100%;
	}

	@media(min-width: 1000px) {
		.activity-title-wrap {
			clear: none;
			margin-top: 0;
			width: calc(100% - 300px);
		}
	}

	/* title */

	.activity-title {
		float: left;
		line-height: 1.25em;
		margin-top: 0;
		min-height: 61px;
		width: 100%;
	}

	.activity-time-location {
		float: left;
		width: 100%;
	}

	.activity-label {
		font-weight: 700;
	}

	/* start date */

	.activity-startdate {
		position: relative;
		width: 47px;
		float: left;
		margin: 0 15px 0 0;
	}

		.activity-title .activity-startdate {
			position: absolute;
			margin-top: -5px;
		}

		.activity-startdate strong {
			background-color: #000;
			color: #fff;
			display: block;
			font-family: 'NPUHSS';
			font-size: 30px;
			font-weight: bold;
			line-height: 20px;
			padding: 10px 0 0 0;
			text-align: center;
		}

		.activity-startdate div {
			background-color: #000;
			border-top-width: 0;
			color: #fff;
			font-size: 15px;
			font-weight: 100;
			line-height: 15px;
			padding: 6px 0 8px 0;
			text-align: center;
			text-transform: uppercase;
		}

	/* counter */

	.activity-counter {
		background-color: #ddd;
		float: left;
		font-size: 0.8em;
		margin-top: 9px;
		text-align: center;
		width: 47px;
	}

	.activity-description {
		float: left;
		width: 100%;
	}

	@media(min-width: 840px) {
		.activity-description {
			padding-right: 30px;
			width: 70%;
		}
	}

	@media(min-width: 1000px) {
		.activity-description {
			padding-right: 60px;
		}
	}

	.activity-description-picture {
		display: block;
		margin-bottom: 30px;
	}

	.activity-description .morelink {
		margin-left: 0;
		float: left;
	}

	.activity-description h1 {
		font-size: 16px;
		font-weight: 700;
		margin-top: 0;
		margin-bottom: 15px
	}

	.activity-information {
		float: left;
		margin-top: 30px;
		margin-bottom: 2em;
		width: 100%;
	}

	@media(min-width: 1000px) {
		.activity-information {
			float: right;
			margin-top: 0;
			max-width: 320px;
			width: 30%;
		}
	}

	.activity .morelink {
		float: left;
		margin-top: 15px;
		margin-left: 0;
	}

	@media(min-width: 600px) {
		.activity .morelink {
			float: right;
			margin-top: 0;
		}
	}

@media(min-width: 1000px) {
	#activiteitenkalender-page .webitem_4,
	#activiteitenkalender-page .webitem_201 {
		clear: none;
		float: left;
		width: calc(100% - 380px);
	}

	#activiteitenkalender-page .webitem_8 {
		clear: none;
		float: right;
		width: 320px;
	}
}

.activity-morelink {
	float: left;
	margin-left: 0;
	margin-bottom: 15px;
}

@media(min-width: 1000px) {
	.activity-morelink {
		position: absolute;
		right: 0;
	}
}

/* BREADCRUMBS */

.breadcrumbs {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #b9c0c1;
	float: left;
	font-size: 0.8em;
	margin-bottom: 2em;
	padding: 0.75em 0;
	width: 100%;
}

	.breadcrumbs a {
		color: #b9c0c1;
	}

/**
 * Button
 */

.button {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
	background-color: #333;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
	color: #fff;
	float: left;
	font-size: 16px;
	font-family: 'NPUHMSL';
	font-weight: 500;
	height: 45px;
	line-height: 45px;
	margin-bottom: 10px;
/*	min-width: 200px;
*/	padding: 0 50px 0 25px;
	position: relative;
}

	@media(min-width: 1024px) {
		.button {
			font-size: 21px;
			height: 60px;
			line-height: 60px;
		}       
	}

	.button:hover {
		color: #fff;
	}

	.button:after {
		background: no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgOCAxMyI+PHBhdGggZD0iTTEuNiwwLDAsMS42Myw0LjgsNi41LDAsMTEuMzgsMS42LDEzLDgsNi41WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
		background-size: 100% 100%;
		content: '';
		position: absolute;
		pointer-events: none;
		right: 25px;
		height: 13px;
		top: 50%;
		transition: all 0.25s ease-in-out;
		-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;         
	}

		.button:hover:after {
			margin-right: -10px;
		}

	.button:before {
		background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.3) 100%);
		content: '';
		height: inherit;
		opacity: 0;
		position: absolute;
		pointer-events: none;
		right: 0;
		top: 0;
		transition: all 0.25s ease-in-out;
		width: 80px;        
	}

		.button:hover:before {
			opacity: 0.8;
			width: 40px;
		}

/* CONTENT */

.content {
	float: left;
	width: 100%;
}
	/* if there's a subnav */

	@media(min-width: 840px) {
		.content-sub-navigation {
			padding-right: 30px;
			width: 70%;
		}
	}

	@media(min-width: 1024px) {
		.content-sub-navigation {
			padding-right: 60px;
		}
	}

	.content-wrap .webitem {
		clear: both;
		float: left;
		position: relative;
		width: 100%;
	}

/* TEXT PARAGRAPH */

.webitem_51,
.webitem_80,
.webitem_60,
.webitem_4 {
	clear: both;
	float: left;
	width: 100%;
}

/* DATUM */

.datum {
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
}

/* EXTRA CONTENT BLOCK */

.extra-content-block-title {
	margin-top: 0;
	margin-bottom: 10px;
}

.extra-content-block-image {
	display: block;
	margin-bottom: 10px;
}

/* FOOTER NAVIGATION */

.footer-navigation {
	float: left;
	width: 100%;
}

@media(min-width: 640px) {
	.footer-navigation {
		width: auto;
	}
}

.footer-navigation,
.footer-navigation li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	.footer-navigation li {
		font-size: 12px;
		line-height: 26px; /* <- same as social media links height */
		margin-right: 30px;
	}

	@media(min-width: 640px) {
		.footer-navigation li {
			float: left;
		}
	}

	.footer-navigation a {
		color: #b9c0c1;
	}

		.footer-navigation a:hover {
			color: #A1AB35;
		}

/* HEADER SEARCH */

.header-search .formline {
	border-right-width: 0px;
	margin: 0;
	width: 260px;
}

.header-search .formbut {
	background: #ddd center no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATZJREFUeNqE079LAzEYxvFci9QqIgURFEQcBUehri4dxVlwEnfnDl0EB0HUxUkUsXP9QYdugqV/gAgOUhAUHIroIoJKe34Db8pLzPVe+NAjefP0LpeL4jg2XhVRwiy+cYcGnk2obIAYwwE+4//Vxprq7XMXo7hRC1o4whme1PhWUsCeNLxh1Wsax6HM/6LoByziC12shG5TVCXkwg8oy8TtgMXWAn7wjkk3nmEf52Q/m2ZwtfGCAqbcoA1w7zGbEpARtnp68FGul1MC5jGDDl71ObDP9oEe1hOeP8K17NVJ6DVuy6Q9RJsYUk3TOFVnoY5hPyCHmmq6xzku0QmczCuM6AAj/1pJWNCUQD9kIgp8TPYVLcmv3e0HtNDFMTZU765JOTy+rGyiq53QHaRVHmU5N/t/AgwAaJI6wc5IG/wAAAAASUVORK5CYII=');
	border-color: #ddd;
	overflow: hidden;
	padding: 0px;
	text-indent: 52px;
	width: 26px;
}

	.header-search .formbut:hover {
		background-color: #164751;
		border-color: #164751;
	}

/* HOMEPAGE BLOCKS */

.homepage-blocks {
	padding-bottom: 2em;
	position: relative;
}
	
	.homepage-blocks .wrapper {
		z-index: 100;
	}

	/* wrapper */

	.homepage-blocks-wrapper {
		float: left;
		width: 100%;
	}

	/* white top bar */

	.homepage-blocks:before {
		background-color: #fff;
		content: '';
		display: block;
		height: 200px;
		left: 0;
		position: absolute;
		top: -40px;
		right: 0;
	}

	/* transparent bottom bar */

	.homepage-blocks:after {
		background-color: rgba(226, 235, 214, 0.75);
		bottom: 0;
		content: '';
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		top: 160px;
		z-index: 1;
	}

	/* block webitem wrapper */

	.homepage-blocks .webitem {
		float: left;
		margin-bottom: 30px;
		width: 100%;
	}

		@media(min-width: 565px) {
			.homepage-blocks .webitem {
				margin: 0 30px 30px 0;
				width: calc(50% - 15px);
			}

			.homepage-blocks .webitem:nth-child(even) {
				margin-right: 0;
			}
		}

		@media(min-width: 1024px) {
			.homepage-blocks .webitem {
				margin: 0 30px 30px 0;
				width: calc(25% - 22.5px);
			}

			.homepage-blocks .webitem:nth-child(even) {
				margin-right: 30px;
			}

			.homepage-blocks .webitem:nth-child(4n+4) {
				margin-right: 0;
			}
		}

	/* homepage block */

	.homepage-block {
		float: left;
		padding: 30px;
		position: relative; /* <- needed for stripes */
		width: 100%;
	}

	@media(min-width: 1024px) {
		.homepage-block {
			min-height: 310px;
		}
	}

	/* homepage block meta */

	.homepage-block-top {
		display: block;
		font-size: 12px;
		margin-bottom: 10px;
	}

	/* stripes */

	.homepage-block-lines {
		background: bottom left repeat-x url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAACWCAMAAADUvTmKAAAA2FBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+0oG7xAAAASHRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB4fICEiIyQlJigpKissLS4vMDEyMzQ1Njc4OTo7PD0/QEJDREVGR0hJS0xmgR/hAAABKUlEQVR42p3Sx07EQBRE0fLMOJucc8455wzD//8REnUbqS2xAG+Oynr1ZLet7yvR31TI/7SDCvmfdlFxTn6zF0wilZKFqZDcNmuZW2EiLIRk7JS/WPFite0Ia9kmwU7sAA7aLmqotWdYyNwIjrYc84H1xq2wK5yQnSRPMT+NMzYNznLwczaV7c0Lub/QchGXbLbMh1mxqXBVdo28bjPMN3AzmLmwZXPZbFt2h7ld3LPFfmYPgrkLh7aQzY/kfMzcSWx5mtszW53zo1zYUra4kL1kPnhF77qIrG9KF25tJfbdyt6Rsbqn9xAsI4WV8FHI/FNs81xGDjxXLrzYOux5kX2l37J5K5E9b+x5b+15F/Lc2HxU7v1YRwob2bovpN+vkD4O9mv7aYXNF7ClGWtLQyofAAAAAElFTkSuQmCC');
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAB4CAMAAAD480N4AAAAvVBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////jSrqQAAAAP3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB4fICEiIyQlJigpKissLS4vMDEyMzQ1Njc4OTo7PD0/QELDEsoCAAAA7UlEQVR4AZ3RxW7EMBSF4eMk5jIzM0OnMIX3f6xKPccLW5pFJ5tPf3SvpTj4ewz+J0pPaSdRekp7ibrNJIeiqYRVQ1pIdatr9BTSQAZIteziBJM+LNMOMoPOGNnVzso52kvMN+csQGpuUS41LvPChhUK2UOugq6p1+mwITepLW7p4repBR12IPV+t3FP7lN3oB9zSC3kEeix+oQ66U/lWdFx4Zx6UHcBeqm5K3lNw42jt0XPhTsaQP092A+OPtbGJ0+faXoJXBjRCBpGoK+aL77R9B4q80fkwpgm6Lwx6Kdapi+av4uxEjJB/kCGX31pDwD+7x7GAAAAAElFTkSuQmCC');
		bottom: 0;
		height: 150px;
		left: 0; 
		position: absolute;
		width: 100%;
	}

	@media(min-width: 1200px) {
		.homepage-block-lines {
			bottom: 150px;
		}
	}

	/* homepage block title */

	.homepage-block-title {
		display: block;
		margin-bottom: 15px;
		font-family: 'NPUHMSL';
		font-size: 16px;
		font-weight: 500;
	}

	@media(min-width: 1024px) {
		.homepage-block-title {
			font-size: 19px;
			height: 80px;
			white-space: normal;
		}       
	}

	/* homepage block image */
	
	@media(min-width: 1024px) {
		.homepage-block-image {
			bottom: 20px;
			left: 20px;
			position: absolute;
			width: 85%;
			z-index: 2;
		}
	}

	/* wit block */

	.homepage-block-wit {
		background-color: #fff;
		border: 1px solid #e0e3df;
	}

		.homepage-block-wit .homepage-block-title {
			color: #222;
		}
		
		.homepage-block-wit .homepage-block-top {
			color: #3E494A;
		}

	/* blue block */

	.homepage-block-blauw {
		background-color: #004f5a;
	}

	/* groen-geel block */

	.homepage-block-groen-geel {
		background-color: #A1AB35;
	}

	/* green block */

	.homepage-block-groen {
		background-color: #729A40;
	}

	/* oranje block */

	.homepage-block-oranje {
		background-color: #f7971d;
	}

	/* blauw and groen homepage block text elements */

	.homepage-block-groen-geel .homepage-block-top,
	.homepage-block-groen-geel .homepage-block-title,
	.homepage-block-oranje .homepage-block-top,
	.homepage-block-oranje .homepage-block-title,
	.homepage-block-blauw .homepage-block-top,
	.homepage-block-blauw .homepage-block-title,
	.homepage-block-groen .homepage-block-top,
	.homepage-block-groen .homepage-block-title {
		color: #fff
	}

/* HOMEPAGE FACEBOOK */

.homepage-facebook {
	float: left;
	margin-bottom: 30px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

	@media(min-width: 1024px) {
		.homepage-facebook {
			margin-bottom: 0;
			padding: 30px 15px 30px 0;
			text-align: left;
			width: 50%;
		}
	}

	@media(min-width: 1200px) {
		.homepage-facebook {
			padding: 60px 30px 60px 0;
		}
	}

	.homepage-facebook:before {
		background: #fff center no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAABEVBMVEUzMzP///8zMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzOiLoyzAAAAWnRSTlMAAAIDBAgMDQ8QExcbHyAiKSwtLjEzNDdAQUJLTk9QUlZYW11gZG9yeHp7fYSFiJaYmZqeo6Smp6qsra+ytre5uru8vsTFxsfIzM7R09bb3N7q6/Dx9PX4+/77fM0TAAABbklEQVR4Ae3byVLCQBSF4Q7GWcBBUTHOijPaDhoVEZzjgIOg5L7/g7hzkTQbivQpqs7/BN/mVp3NVQ44AroPoMy5Eytb+/5ltXru+1ofFHc31rzcsC1AunDbEFOPNgCpuetQWhRYAEzfiwgO0HckggSM1wQKmPkWKCD/K1DAZF2ggIEPwQJOBAuYFSwgFYAB8wIGVMCATAgGFAQMuAEDen6kRWHtruz/V0wKMCbGwrI3aGcTroqphqeUsgPYMQIWlTWAFkNXyh6gZAIsWAOYr7DZaxHwYAC8KIuAwAAooQHHaMAhGqATBBBAAAEEEDCSjfRqAJxl47kdAgTSZv1gwKcDBjyhAadowB4asI4G5NGADBjQdMGAdwcMqKABGg3YRAOW0IAcGjAEBtQdMOAZDbjoHGBbR/qSeG860jJneYIAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIICA0al46fYA/LgkgAACCCDgDzbOmSlgZhDTAAAAAElFTkSuQmCC');
		background-size: 57% auto;
		border-radius: 100%;
		content: '';
		display: block;
		margin: 0 auto 20px;
		height: 50px;
		top: 0;     
		width: 50px;
	}

	@media(min-width: 1024px) {
		.homepage-facebook:before {
			float: left;
		}
	}

	.homepage-facebook-iframe {
		margin-bottom: 2em;
	}

	@media(min-width: 1024px) {
		.homepage-facebook-iframe {
			float: right;
			width: calc(100% - 80px);
		}
	}

	.homepage-facebook-button {
		float: none;
		display: inline-block;
		margin-bottom: 0;
	}

	@media(min-width: 1024px) {
		.homepage-facebook-button {
			margin-left: 80px;
		}
	}

/* HOMEPAGE FAQ */

.homepage-faq {
	float: left;
	width: 100%;
}
	
	/* stripes */

	@media(min-width: 1024px) {
		.homepage-faq:before {
			background: top repeat-x url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAACWCAMAAADUvTmKAAABWVBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////R1abnAAAAc3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqLC0uMDI0Njg7PUBCQ0ZJS09SVFdZXV5jZWhrbnFzeHl8f4OGiIqNkpaYm52go6apq6+ytbi7vsHFyMvP09XZ3eHk5+vv8/f7W9oIvQAAAcBJREFUeNqNz1d3EmEUheETYOgwBEIPDEVMMMbee0vsvbeoMRojCWT8/xcuv3dzg17IzbPOd/Y+s7Ch/fkNfplcdfbDw85euOLshEO55AzCgxTCAfnpnX2Th3iXPdnZH9Kf9GWPwqTLbNzrTgzH9IIxvfZ42bm4N5Dcae7pzu7MnV3Dke6MdGekOz8HUnd2dGdnekf+MMn/bm2rt33A2fhOrv4tkG0KWy3u6k5ry/CrvrfZo7/JvvYlwM/0qp+aFDYa3LUW+Q3Djx3yHwLy7/lu+V1T0lt4W6fwpuaoGHP1teGrRfIvm+Rf0Cs+r+GzqnP+aZnCkwVHySrkHxvzI+UfKv+AfeF+yenfK+JdtDsF9lbE28Z+nXx+rYi3MHezgDd8Z/Z6nsI1zJrP/qoxXyGfuezjJXLpizm8kHGmzqOd02yYPmt4Jsv7ad6Tp9LOxMkUnsD48SSFYwneLYlHDY8ov5okv4LeMIHLcWdsCW2AcfPY9w27ygUetjHaks0YNtDqmk1WDSuay7IUxSJG5mUBzY8wm/QN85pzOJeVGZmW0lJzzCZThknNiRnj/9a8mTueYUz7WaNT4S9tZo78l78BIvE459NlLYEAAAAASUVORK5CYII=');
			background-size: auto 100%;
			content: '';
			display: block;
			height: 15vw;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			opacity: 0.6;
			pointer-events: none;
			z-index: 1;
		}

		@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
			.homepage-faq:before {
				background-size: auto 50%;
			}
		}
	}

	/* yellowish green */
	
	@media(min-width: 1024px) {
		.homepage-faq:after {
			background-color: #A1AB35;
			bottom: 0;
			content: '';
			display: block;
			height: 200px;
			left: 0;
			position: absolute;
			right: 0;
			z-index: 2;
		}
	}

	.homepage-faq .wrapper {
		display: table;
		padding-top: 30px;
		z-index: 3;
	}

	@media(min-width: 640px) {
		.homepage-faq .wrapper {
			display: flex;
		}
	}

	@media(min-width: 1024px) {
		.homepage-faq .wrapper {
			padding-top: 60px;
		}
	}
	
	@media(min-width: 1200px) {
		.homepage-faq .wrapper {
			padding-top: 90px;
		}
	}

	.homepage-faq .webitem {
		background: top right no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAwIiBoZWlnaHQ9IjEwMDAiIHZpZXdCb3g9IjAgMCA1MDAwIDEwMDAiPjxwb2x5Z29uIHBvaW50cz0iNDk2MCAwIDAgMCAwIDEwMDAgNTAwMCAxMDAwIDUwMDAgNDAgNDk2MCA0MCA0OTYwIDAiIGZpbGw9IiNmZmYiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIvPjxwb2x5Z29uIHBvaW50cz0iNTAwMCA0MCA0OTYwIDQwIDQ5NjAgMCA1MDAwIDQwIiBmaWxsPSIjYmJiZmI2IiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiLz48L3N2Zz4=');
		font-size: 14px;
		margin-bottom: 30px;
		padding: 30px;
		position: relative;
	}

		@media(min-width: 640px) {
			.homepage-faq .webitem {
				float: left;
				margin: 0 30px 30px 0;
				width: calc(50% - 15px);
			}

			.homepage-faq .webitem:nth-child(even) {
				margin-right: 0;
			}
		}

		.homepage-faq-block-title {
			margin-top: 0;
			margin-bottom: 15px;
		}

		.homepage-faq-block p:last-of-type {
			margin-bottom: 0;
		}

		.homepage-faq-block-content {
			margin-bottom: 15px;
		}

			.homepage-faq-block-content a:not(.pluslink) {
				color: #A1AB35;
			}

/* HOMEPAGE FOOTER */

.homepage-footer {
	background-color: #A1AB35;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}
	
	@media(min-width: 1024px) {
		.homepage-footer {
			padding-top: 60px;
			padding-bottom: 30px;
		}
	}

	.homepage-footer .webitem {
		float: left;
		margin-bottom: 30px;
		width: 100%;
	}

		.homepage-footer .webitem:last-of-type {
			margin-bottom: 0;
		}

		@media(min-width: 641px) {
			.homepage-footer .webitem {
				margin: 0 30px 30px 0;
				width: calc(50% - 30px);
			}

			.homepage-footer .webitem:nth-child(even) {
				margin-right: 0;
			}

			.homepage-footer .webitem:nth-child(odd) {
				clear: left;
			}
		}

		@media(min-width: 1024px) {
			.homepage-footer .webitem {
				width: calc(25% - 22.5px);
			}

			.homepage-footer .webitem:nth-child(odd) {
				clear: none;
			}

			.homepage-footer .webitem:nth-child(even) {
				margin-right: 30px;
			}

			.homepage-footer .webitem:last-of-type {
				margin-right: 0;
			}
		}

	.homepage-footer-widget {
		color: #fff;
		float: left;
		width: 100%;
	}

		.homepage-footer-widget * {
			color: inherit;
		}

	/* titel */

	.homepage-footer-title {
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		margin-top: 0;
		padding-bottom: 0.5em;
	}

	/* content */

	.homepage-footer-content {
		font-size: 14px;
	}   

		.homepage-footer-content a:hover {
			color: #fff;
			opacity: 0.75;
		}

			.homepage-footer-content p:last-of-type {
				margin-bottom: 0;
			}

				.homepage-footer-content p a {
					font-weight: 700;
				}
		
		.homepage-footer-content li,
		.homepage-footer-content ul,
		.homepage-footer-content ol {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		.homepage-footer-content li {
			padding-left: 15px;
			position: relative;
		}

			.homepage-footer-content li:before {
				content: '\203A';
				font-size: 18px;
				left: 0;
				position: absolute;
				top: -1px;
			}

/* HOMEPAGE LINKS */

.homepage-links {
	background-color: #fff;
	padding-top: 30px;
	width: 100%;
	z-index: 2;
}

	@media(min-width: 1024px) and (min-height: 800px) {
		.homepage-links {
			background-color: transparent;
			margin-top: -110px; /* <- set offset top so homepage links overlap slider */
			padding-top: 0;
			padding-bottom: 0;
		}
	}

	.homepage-links .button {
		float: left;
		position: relative;
		overflow: hidden;
		margin-bottom: 10px;
		text-overflow: ellipsis;
		transition: all 0.25s ease-in-out;
		white-space: nowrap;
		width: 100%;
	}

		.homepage-links .webitem:last-of-type .button {
			margin-bottom: 0;
		}

	@media(min-width: 1024px) {
		.homepage-links .webitem {
			float: left;
			margin-right: 30px;
			width: calc(25% - 22.5px);
		}

		.homepage-links .webitem:last-of-type {
			margin-right: 0;
		}
	}

	.homepage-links .webitem:last-of-type {
		margin-bottom: 0;
	}

		.homepage-links .webitem:nth-child(1) .button {
			background-color: #f7971d;
		}

		.homepage-links .webitem:nth-child(2) .button {
			background-color: #b0ae32;
		}

		.homepage-links .webitem:nth-child(3) .button {
			background-color: #729a40;
		}

		.homepage-links .webitem:nth-child(4) .button {
			background-color: #004f5a;
		}

/* HOMEPAGE TWITTER */

.homepage-twitter {
	clear: both;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 470px;
	position: relative;
	text-align: center;
	width: 100%;
}

	@media(min-width: 1024px) {
		.homepage-twitter {
			clear: none;
			float: left;
			padding: 60px 0 60px 30px;
			max-width: none;
			text-align: left;
			width: 50%;
		}
	}

	.homepage-twitter:before {
		background: #fff center no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI1MiIgdmlld0JveD0iMCAwIDY0IDUyIj48cGF0aCBkPSJNNjQsNi4yYTI2LjEsMjYuMSwwLDAsMS03LjUsMi4xQTEzLjIsMTMuMiwwLDAsMCw2Mi4yLDFhMjYuMywyNi4zLDAsMCwxLTguMywzLjIsMTMuMSwxMy4xLDAsMCwwLTIyLjQsMTJBMzcuMywzNy4zLDAsMCwxLDQuNSwyLjQsMTMuMSwxMy4xLDAsMCwwLDguNSwxOS45YTEzLjEsMTMuMSwwLDAsMS01LjktMS42YzAsLjEsMCwuMSwwLC4yQTEzLjEsMTMuMSwwLDAsMCwxMy4xLDMxLjNhMTMuMiwxMy4yLDAsMCwxLTMuNS41bC0yLjUtLjJhMTMuMSwxMy4xLDAsMCwwLDEyLjMsOS4xQTI2LjMsMjYuMywwLDAsMSwzLjEsNDYuM0wwLDQ2LjFBMzcuMiwzNy4yLDAsMCwwLDIwLjEsNTJjMjQuMiwwLDM3LjQtMjAsMzcuNC0zNy40cTAtLjksMC0xLjdBMjYuNiwyNi42LDAsMCwwLDY0LDYuMloiIGZpbGw9IiMzMzMiLz48L3N2Zz4=');
		background-size: 57% auto;
		border-radius: 100%;
		content: '';
		clear: both;
		display: block;
		margin: 0 auto 15px;
		height: 50px;
		top: 0;     
		width: 50px;
	}

	@media(min-width: 1024px) {
		.homepage-twitter:before {
			clear: none;
			float: left;
		}
	}

	/* text */

	.homepage-twitter-tweet {
		color: #222;
		font-family: 'NPUHMSL';
		font-size: 20px;
		font-weight: 700;
		line-height: 1.4em;
		margin-bottom: 0.5em;
	}

	.homepage-twitter-image .homepage-twitter-tweet {
		font-size: 20px;
	}

	@media(min-width: 1024px) {
		.homepage-twitter-tweet {
			float: left;
			margin-left: 30px;
			width: calc(100% - 80px);
		}
	}

	.homepage-twitter .button {
		display: inline-block;
		float: none;
	}
	
	@media(min-width: 1024px) {
		.homepage-twitter .button {
			margin-left: 80px;
		}
	}

	.homepage-twitter-tweet ul, 
	.homepage-twitter-tweet li {
		list-style-type: none;
		margin: 0; 
		padding: 0
	}

	.homepage-twitter-tweet a {
		color: #222;
		font-weight: 400;
		word-break: break-all;
	}

	.homepage-twitter-tweet .interact,
	.homepage-twitter-tweet .user {
		display: none;
	}

	.homepage-twitter-tweet .timePosted {
		font-size: 16px;
		font-style: italic;
	}

	.homepage-twitter-image .homepage-twitter-tweet .media {
		margin-bottom: 20px;
	}

	@media(min-width: 1200px) {
		.homepage-twitter-image .homepage-twitter-tweet .media {
			float: right;
			width: 160px;
		}
	}

		.homepage-twitter-image .homepage-twitter-tweet .media img {
			display: block;
		}
	
	@media(min-width: 1200px) {
		.homepage-twitter-image .homepage-twitter-tweet .tweet,
		.homepage-twitter-image .homepage-twitter-tweet .timePosted {
			float: left;
			padding-right: 40px;
			width: calc(100% - 160px);
		}
	}

/* TOPMENU */

.topmenu {
	position: absolute;
	right: -5px;
	top: -25px;
}
	
	@media(min-width: 1024px) {
		.topmenu {
			right: 0;
			top: -20px;
		}
	}

	.topmenu ul,
	.topmenu li {
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.topmenu a {
		/* color: #b9c0c1; */
		color: #8c9c9e;
		display: inline-block;
		padding: 0 5px;
	}

		.topmenu a:hover {
			color: #A1AB35;
		}

	.topmenu li {
		font-size: 0.7em;
		font-weight: 600;
		text-transform: uppercase;
	}

		@media(min-width: 640px) {
			.topmenu li {
				font-size: 0.8em;
			}
		}
	
	/* show/hide lang links according to language */

	html[lang="nl"] .topmenu .nl {	
		display: none;
	}

	html[lang="en"] .topmenu .en {
		display: none;
	}

	html[lang="de"] .topmenu .de {
		display: none;
	}

		/* hide after en when de is active */

		html[lang="de"] .topmenu .en:after {
			display: none;
		}

	/* newsletter link */
	
	.newsletter-link a {
		text-transform: lowercase;
	}

	@media(min-width: 1024px) {
		/* show pipe */

		.topmenu li:not(.newsletter-link):after {
			color: #ccd7d8;
			content: '|';
			display: inline-block;
			padding-left: 1px;
		}
		
		/* hide pipe first/last-child */

		.topmenu li:last-of-type:after {
			display: none;
		}
		
		/* offset and different sytle newsletter link */

		.newsletter-link {
			left: -20px;
			position: relative;
		}
	}

/* LINE */

.line {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, #f7971d), color-stop(50%, #93ae39), color-stop(98%, #164751));
	background-image: linear-gradient(to right, #f7971d 2%, #93ae39 50%, #164751 98%);
	float: left;
	height: 15px;
	width: 100%;
}

/* LOGO */

.logo {
	float: left;
	max-width: 225px;
	width: 100%;
}

@media(min-width: 640px) {
	.logo {
		max-width: 285px;
	}
}

/* LOGGED IN */

.logged-in {
}

/* LINK BLOCK */

.link-block-title {
	margin-top: 0;
	margin-bottom: 10px;
}

.link-block-inner {
	float: left;
	position: relative;
	width: 100%;
}

	.link-block-image {
		display: block;
	}

	.link-block-inner:hover .link-block-button {
		background-color: #222;
	}

	.link-block-button {
		bottom: 0;
		position: absolute;
		right: 0;
	}

/* DESKTOP VISIBLE */

.desktop-visible {
	display: none;
}

@media(min-width: 1024px) {
	.desktop-visible {
		display: inherit;
	}
}

/* MOBILE VISIBLE */

.mobile-visible {
	display: inherit;
}

@media(min-width: 1024px) {
	.mobile-visible {
		display: none !important;
	}
}

/* MAIN NAVIGATION */

.main-navigation {
	background-color: #333;
	box-shadow: 0 0 55px 0 rgba(0, 0, 0, 0.1);
	height: 100%;
	height: 100vh;
	left: -20px;
	padding: 50px 30px 100px;
	position: absolute;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	top: -45px;
	width: 280px;
	-webkit-transform: translateX(-280px);
    transform: translateX(-280px);
	transition: transform 0.25s ease-in-out;
	z-index: 10000;
}

	@media(min-width: 640px) {
		.main-navigation {
			left: -20px;
		}
	}

	@media(min-width: 1024px) {
		.main-navigation {
			-webkit-transform: none;
			background-color: transparent;
			box-shadow: none;
			display: block !important; /* <- make sure .main-navigation is displayed because of mobile menu */
			float: right;
			height: auto;
			margin-right: -20px;
			max-width: calc(100% - 285px);
			padding: 0;
			position: relative;
			width: auto;
       		transform: none;
        	top: 30px;
		}

		.ancient-android .main-navigation {
			min-height: 0;
		}
	}

	.main-navigation:before,
	.main-navigation:after {
		clear: both;
		float: left;
		width: 100%;
	}

	.main-navigation:before {
		border-bottom: 1px solid #444;
		color: #fff;
		content: 'Menu';
		font-family: 'NPUHMSL';
		font-size: 20px;
		margin-bottom: 10px;
		padding-bottom: 20px;
	}

	.main-navigation:after {
		background-color: #444;
		content: '';
		height: 1px;
		margin: 10px 0 0;
	}

	@media(min-width: 1024px) {
		.main-navigation:after,
		.main-navigation:before {
			display: none;
		}
	}

	.main-navigation ul,
	.main-navigation li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.main-navigation li {
		font-family: 'NPUHSS', sans-serif;
		font-size: 1.267em;
		font-weight: 600;
	}

	@media(min-width: 1024px) {
		.main-navigation li {
			font-size: 1em;
			display: inline;
		}
	}

	@media(min-width: 1200px) {
		.main-navigation li {
			font-size: 1.133em;
		}       
	}

	.main-navigation a:not(.search-link) {
		clear: both;
		color: #666;
		float: left;
		padding: 8px 0;
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}

		.main-navigation a:hover {
			color: #fff;
		}

	@media(min-width: 1024px) {
		.main-navigation a:not(.search-link) {
			clear: none;
			/* color: #b9c0c1; */
			color: #8c9c9e;
			padding: 3px 6px;
			width: auto;
		}

			.main-navigation a:hover {
				color: #A1AB35;
			}
	}

	@media(min-width: 1200px) {
		.main-navigation a:not(.search-link) {
			padding: 3px 10px;
		}
	}

	.main-navigation li:nth-last-of-type(2) a {
		padding-right: 0;
	}

	.main-navigation ul ul {
		display: none;
	}

	.main-navigation a:not(.search-link).selected {
		color: #A1AB35;
	}

/* MOBILE NAVIGATION TOGGLE */

/* hide on desktop */

.mobile-navigation-toggle {
	float: right;
	font-weight: 700;
	margin-top: 10px;
}

	@media(min-width: 1024px) {
		.mobile-navigation-toggle {
			display: none;
		}
	}

	/* style hamburger icon */

	.mobile-navigation-toggle-burger {
		font-family: monospace;
		font-size: 50px;
		font-weight: 400;
		position: relative;
	}

/* NETGEMAK */

.netgemak {
	float: left;
	margin-top: 30px;
	clear: both;
}

@media(min-width: 640px) {
	.netgemak {
		clear: none;
		margin-top: 0;
		float: right;
	}
}

	.netgemak img {
		width: 86PX;
	}

/* PARTNERS */

.partner-wrap {
	border-left: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	float: left;
	width: 100%;
}

	.partner-wrap .webitem {
		position: relative;
	}

	.partner-wrap .webitem {
		border-right: 1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;
		float: left;
		padding: 20px;
		position: relative;
		width: 33.333%;
	}

	@media(min-width: 640px) {
		.partner-wrap .webitem {
			width: 25%;
		}
	}


	@media(min-width: 1024px) {
		.partner-wrap .webitem {
			width: 16.666%;
		}
	}

		.partner {
			float: left;
			position: relative;
			width: 100%;
		}

		.partner-wrap .webitem .partner img {
			display: block;
			transition: all 0.25s ease-in-out;
		}

		.partner-wrap .webitem .partner img:first-of-type {
			opacity: 1;
			position: relative;
			z-index: 1;
		}

		.partner-wrap .webitem .partner img:last-of-type {
			opacity: 0;
			position: absolute;
			top: 0;
			z-index: 0;
		}

			.partner-wrap .webitem .partner:hover img:first-of-type {
				opacity: 0;
			}

			.partner-wrap .webitem .partner:hover img:last-of-type {
				opacity: 1;
			}

/* PHOTOFRAME */

.photoframe {
	float: left;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
	width: 100%;
}

	.photoframe-next,
	.photoframe-prev {
		margin-top: -70px;
		position: absolute;
		top: 50%;
	}

	.photoframe-prev {
		left: 0;
	}

	.photoframe-next {
		right: 0;
	}

		.photoframe-next b,
		.photoframe-prev b {
			background-color: #A1AB35;
			border-radius: 100%;
			color: #fff;
			display: block;
			font-family: 'NPUHMSL';
			font-weight: 700;
			height: 30px;
			line-height: 30px;
			text-align: center;
			width: 30px;
		}

	.photoframe-image {
		font-size: 14px;
		font-family: 'NPUHMSL';
		margin-bottom: 20px;
	}

		.photoframe-image img {
			border: 4px solid #fff;
			margin-bottom: 10px;
			outline: 1px solid #f0f0f0;
		}


 .photoframe-pages {}

 .photoframe-thumbnails {
 	display: inline-block;
 }

 	.photoframe-thumbnails div {
 		height: auto !important;
 		width: auto !important;
 	}

 	.photoframe-thumbnails img {
 		border: 4px solid #fff;
 		float: left;
 		margin: 0 10px 10px 0;
 		max-width: 75px;
 		max-height: 52px;
 		outline: 1px solid #f0f0f0;
 	}

 .photoframe-buttons {}

/* SEARCH LINK */

.search-link {
	background: right no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBmaWxsPSIjMDA0ZjVhIiBkPSJNNjIuNSw1NS4xLDQ3LjgsNDAuMWEyNi4zLDI2LjMsMCwwLDAsNC0xMy45QTI2LDI2LDAsMCwwLDI1LjksMCwyNiwyNiwwLDAsMCwwLDI2LjIsMjYsMjYsMCwwLDAsMjUuOSw1Mi40YTI1LjUsMjUuNSwwLDAsMCwxNC44LTQuN0w1NS4yLDYyLjVhNS4xLDUuMSwwLDAsMCw3LjMsMEE1LjMsNS4zLDAsMCwwLDYyLjUsNTUuMVpNMjUuOSw0My45QTE3LjcsMTcuNywwLDEsMSw0My4zLDI2LjIsMTcuNiwxNy42LDAsMCwxLDI1LjksNDMuOVoiIC8+PC9zdmc+');
	background-size: auto 60%;
	border-left: 1px solid #d2d5cf;
	float: left;
	margin-left: 20px;
	height: 30px;
	width: 40px;
}

/* SLIDER */

.slider {
	/* background-color: #004f5a; */
	background-color: #fff;
	clear: both;
	float: left;
	height: 42vw;
	max-height: 740px;
	min-height: 420px;
	position: relative;
	width: 100%;
	z-index: 1;
}

	.home .slider {
		overflow: hidden;
	}

	/* add a little margin so breadcrumbs don't stick */

	body:not(.home) .slider {
		margin-bottom: 30px;
		overflow: hidden;
	}

	/* stripes */

	@media(min-width: 1024px) {
		.slider:before {
			background: top repeat-x url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAACWCAMAAADUvTmKAAABWVBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////R1abnAAAAc3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqLC0uMDI0Njg7PUBCQ0ZJS09SVFdZXV5jZWhrbnFzeHl8f4OGiIqNkpaYm52go6apq6+ytbi7vsHFyMvP09XZ3eHk5+vv8/f7W9oIvQAAAcBJREFUeNqNz1d3EmEUheETYOgwBEIPDEVMMMbee0vsvbeoMRojCWT8/xcuv3dzg17IzbPOd/Y+s7Ch/fkNfplcdfbDw85euOLshEO55AzCgxTCAfnpnX2Th3iXPdnZH9Kf9GWPwqTLbNzrTgzH9IIxvfZ42bm4N5Dcae7pzu7MnV3Dke6MdGekOz8HUnd2dGdnekf+MMn/bm2rt33A2fhOrv4tkG0KWy3u6k5ry/CrvrfZo7/JvvYlwM/0qp+aFDYa3LUW+Q3Djx3yHwLy7/lu+V1T0lt4W6fwpuaoGHP1teGrRfIvm+Rf0Cs+r+GzqnP+aZnCkwVHySrkHxvzI+UfKv+AfeF+yenfK+JdtDsF9lbE28Z+nXx+rYi3MHezgDd8Z/Z6nsI1zJrP/qoxXyGfuezjJXLpizm8kHGmzqOd02yYPmt4Jsv7ad6Tp9LOxMkUnsD48SSFYwneLYlHDY8ov5okv4LeMIHLcWdsCW2AcfPY9w27ygUetjHaks0YNtDqmk1WDSuay7IUxSJG5mUBzY8wm/QN85pzOJeVGZmW0lJzzCZThknNiRnj/9a8mTueYUz7WaNT4S9tZo78l78BIvE459NlLYEAAAAASUVORK5CYII=');
			background-size: auto 100%;
			content: '';
			display: block;
			opacity: 0.6;
			height: 150px;
			left: 0;
			pointer-events: none;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 1000;
		}

			@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
				.slider:before {
					background-size: auto 50%;
				}
			}
		}

		.slider .wrapper {
			position: initial;
		}

		/* text */

		.slider-text {
			display: table;
			padding: 30px;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			z-index: 1000;
		}
	
		@media(min-width: 1024px) {
			.slider-text {
				padding: 55px;
			}       
		}

			.slider-text:after {
				background: top right no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDUwMDAgNTAwIj48cG9seWdvbiBwb2ludHM9IjQ5NjAgMCAwIDAgMCA1MDAgNTAwMCA1MDAgNTAwMCA0MCA0OTYwIDQwIDQ5NjAgMCIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjMiLz48cG9seWdvbiBwb2ludHM9IjUwMDAgNDAgNDk2MCA0MCA0OTYwIDAgNTAwMCA0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjYiLz48L3N2Zz4=');
				bottom: 0;      
				content: '';
				display: block;
				left: -60px;
				position: absolute;
				right: 0;
				top: 0;
				width: 100vw;
				z-index: -1;
			}

			@media(min-width: 1024px) {
				.slider-text:after {
					left: auto;
				}
			}

			.slider h1 {
				color: #fff;
				font-size: 4.4vw;
				line-height: 4.6vw;
				margin-top: 0;
				max-width: 75%;
				margin-bottom: 0;
			}
				
				@media(min-width: 1024px) {
					.slider h1 {
						font-size: 44px;
						line-height: 46px;
						max-width: 440px;
					}
				}

				.slider h1 br {
					display: block;
				}

			.slider-text-paragraph {
				color: #fff;
				font-size: 14px;
				line-height: 1.25em;
				margin-bottom: 0;
				margin-top: 15px;
				max-width: 75%;
			}

				@media(min-width: 1024px) {
					.slider-text-paragraph {
						font-size: 16px;
						max-width: 440px;
					}
				}

	/* images */

	.slider-images {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.slider-image {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 42vw;
		left: 0;
		max-height: 740px;
		min-height: 420px;
		position: absolute;
		top: 0;
		width: 100%;
	}

	/* pager */

	.slider-images-pager {
		background-color: rgba(0, 0, 0, 0.3);
		display: none;
		padding: 10px 15px;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
		width: 40px;
		z-index: 10000;
	}

	.slider-images-pager span {
		background-color: transparent;
		border: 2px solid #fff;
		border-radius: 100%;
		cursor: pointer;
		display: block;
		height: 10px;
		margin: 10px 0;
		text-indent: -9999999px;
		transition: all 0.25s ease-in-out;
		width: 10px;
	}

	.slider-images-pager span:hover {
		background-color: #fff;
	}

	.slider-images-pager .cycle-pager-active {
		background-color: #fff;
		-webkit-transform: scale(1.35);
        transform: scale(1.35);
   	}

/* SOCIAL */

.social ul,
.social li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.social ul {
	margin-right: 30px;
	margin-bottom: 30px;
}

	.social a {
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50%;
		border-radius: 100%;
		color: #fff;
		display: block;
		height: 26px;
		line-height: 26px;
		margin: 0 5px 0 0;
		text-align: center;
		width: 26px;
	}

		.social .icon-facebook {
			background-color: #3b5998;
			background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMCIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIyMC4zNDYgMjAuMzQ2IDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDIwLjM0NiAyMC4zNDYgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMyLjU2MywyNS41MjhoLTIuNTMxdi0xLjY2YzAtMC42MjQsMC40MTItMC43NywwLjcwNS0wLjc3YzAuMjg5LDAsMS43ODUsMCwxLjc4NSwwdi0yLjc0MmwtMi40NjEtMC4wMDkNCgljLTIuNzMsMC0zLjM1MywyLjA0NS0zLjM1MywzLjM1NHYxLjgyN0gyNS4xM3YyLjgyNmgxLjU3OWMwLDMuNjI1LDAsNy45OTMsMCw3Ljk5M2gzLjMyM2MwLDAsMC00LjQxMSwwLTcuOTkzaDIuMjQyTDMyLjU2MywyNS41Mjh6DQoJIi8+DQo8L3N2Zz4NCg==');
		}

		.social .icon-twitter {
			background-color: #3b94d9;
			background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMCIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIyMC4zNDYgMjAuMzQ2IDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDIwLjM0NiAyMC4zNDYgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM2LjM0NiwyMy4zODVjLTAuNTg5LDAuMjYxLTEuMjIyLDAuNDM4LTEuODg2LDAuNTE3YzAuNjc4LTAuNDA2LDEuMTk4LTEuMDQ5LDEuNDQzLTEuODE2DQoJYy0wLjYzNSwwLjM3Ni0xLjMzNywwLjY1LTIuMDg0LDAuNzk3Yy0wLjYtMC42MzgtMS40NTItMS4wMzctMi4zOTYtMS4wMzdjLTEuODEzLDAtMy4yODIsMS40Ny0zLjI4MiwzLjI4Mw0KCWMwLDAuMjU3LDAuMDI5LDAuNTA3LDAuMDg1LDAuNzQ4Yy0yLjcyOC0wLjEzNy01LjE0Ny0xLjQ0NC02Ljc2Ny0zLjQzYy0wLjI4MiwwLjQ4NC0wLjQ0MywxLjA0OC0wLjQ0MywxLjY1DQoJYzAsMS4xMzksMC41NzksMi4xNDQsMS40NiwyLjczMmMtMC41MzgtMC4wMTctMS4wNDQtMC4xNjUtMS40ODctMC40MTFjMCwwLjAxNCwwLDAuMDI4LDAsMC4wNDJjMCwxLjU5MSwxLjEzMiwyLjkxNywyLjYzMywzLjIxOQ0KCWMtMC4yNzQsMC4wNzQtMC41NjUsMC4xMTUtMC44NjQsMC4xMTVjLTAuMjEyLDAtMC40MTgtMC4wMjEtMC42MTgtMC4wNjFjMC40MTgsMS4zMDUsMS42MzEsMi4yNTQsMy4wNjYsMi4yODENCgljLTEuMTIzLDAuODc5LTIuNTM4LDEuNDA0LTQuMDc2LDEuNDA0Yy0wLjI2NiwwLTAuNTI2LTAuMDE2LTAuNzgzLTAuMDQ1YzEuNDUzLDAuOTMyLDMuMTc4LDEuNDc1LDUuMDMyLDEuNDc1DQoJYzYuMDM3LDAsOS4zMzktNS4wMDIsOS4zMzktOS4zNGMwLTAuMTQyLTAuMDAzLTAuMjg0LTAuMDA5LTAuNDI1QzM1LjM0OSwyNC42MjEsMzUuOTA2LDI0LjA0MywzNi4zNDYsMjMuMzg1eiIvPg0KPC9zdmc+DQo=');
		}

/* SUB NAVIGATION */

.sub-navigation {
	float: left;
	width: 100%;
}

	@media(min-width: 840px) {
		.sub-navigation {
			float: right;
			max-width: 320px;
			width: 30%;
		}
	}
	
	.filter-activities h2,
	.sub-navigation h2 {
		border-bottom: 1px solid #ddd;
		margin-top: 1em;
		padding-bottom: 0.5em;
	}
	
	.sub-navigation li,
	.sub-navigation ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.sub-navigation li a {
		color: #8c9c9e;
	}

	.sub-navigation li a:hover {
		color: #A1AB35;
	}

	.sub-navigation li .selected {
		color: #A1AB35;
	}

	.sub-navigation ul li a {
		display: block;
		font-weight: 600;
		margin-bottom: 8px; 
	}

		.sub-navigation ul li a:before {
			content: '\203A';
			display: inline-block;
			padding-right: 8px;
		}

	/* first level */

	.sub-navigation ul li a {
		font-size: 1em;
		overflow: hidden;
		position: relative;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

		.sub-navigation ul li a:before {
			font-size: 1.3em;
		}

	/* second level */

	.sub-navigation ul ul {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	.sub-navigation ul ul li a {
		font-size: 0.9em;
		font-weight: 400;
		margin-bottom: 4px;
		margin-left: 15px;
	}
	
	.sub-navigation ul ul li a:before {
		font-size: 1.1em;
	}

/* TPL BLOCKS */

.tpl_blocks {
	float: left;
	margin-top: 30px;
	width: 100%;
}

	#nieuws-page .tpl_blocks {
		margin-top: 0;
	}

	.tpl_blocks .webitem {
		float: left;
		margin-bottom: 30px;
		max-width: 430px;
		position: relative;
		width: 100%;
	}

	.tpl_blocks .webitem:last-of-type {
		margin-bottom: 0;
	}

	@media(min-width: 640px) {
		.tpl_blocks .webitem {
			margin-right: 30px;
			max-width: none;
			width: calc(50% - 30px);
		}
		
		.tpl_blocks .webitem:nth-last-of-type(2),
		.tpl_blocks .webitem:last-of-type {
			margin-bottom: 0;
		}

		.tpl_blocks .webitem:nth-child(odd) {
			clear: left;
		}

		.tpl_blocks .webitem:nth-child(even) {
			margin-right: 0;
		}
	}

@media(min-width: 1200px) {
	.main-full-width .tpl_blocks .webitem {
		width: calc(33.333% - 20px);
	}

		.main-full-width .tpl_blocks .webitem:nth-child(odd) {
			clear: none;    
		}

		.main-full-width .tpl_blocks .webitem:nth-child(even) {
			margin-right: 30px;
		}

		.main-full-width .tpl_blocks .webitem:nth-last-of-type(2) {
			margin-bottom: 30px;
		}

		.main-full-width .tpl_blocks .webitem:nth-child(3n+3) {
			margin-right: 0;
		}

		.main-full-width .tpl_blocks .webitem:nth-child(3n+4) {
			clear: left;
		}
}

/* TWO COLUMNS */

.webitem_208 {
	float: left;
	position: relative;
	width: 100%;
}

.two-columns {
	float: left;
	width: 100%;
}

.two-colomns-col {
	float: left;
	width: 100%;
}

@media(min-width: 1024px) {
	.two-colomns-col {
		margin-right: 30px;
		width: calc(50% - 15px);
	}

	.two-colomns-col:last-of-type {
		margin-right: 0;
	}
}

.two-colomns-col img {
	display: block;
}

.two-colomns-col-title {
	margin-top: 0;
}


/* VIDEO CONTAINER */

.video-container-wrap {
	float: left;
	max-width: 560px;
	width: 100%;
}

.video-container {
	height: 0;
	margin-bottom: 30px;
	padding-top: 25px;
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
}

	.video-container iframe {
		border: 0;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

/* NEWS */

/* webitem_61 = news wrapper */

.webitem_61 {
	background-color: #fff;
	border: 1px solid #e0e3df;
	float: left;
	margin-bottom: 30px;
	padding: 0 30px 30px 30px;
	width: 100%;
}

@media(min-width: 1024px) {
	.webitem_61 {
		margin-right: 30px;
		width: calc(50% - 15px);
	}

	.webitem_61:nth-child(even) {
		margin-right: 0;
	}
}

/* news item */

.news-item {
	font-size: 13px;
	position: relative;
}

@media(min-width: 1260px) {
	.news-item {
		font-size: 15px;
	}
}

.news-item-date {
	margin-top: 30px;
}

.news-item-title {
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 10px;
}

@media(min-width: 640px) {
	.news-item-title {
		font-size: 19px;
		height: 60px;
		overflow: hidden;
	}
}

.news-item-image {
	background-image: url('../image/web/photo-nixel.png');
	background-color: #f0f0f0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 160px;
	margin-left: -30px;
	max-width: none;
	width: calc(100% + 60px);
}

@media(min-width: 1200px) {
	.news-item-excerpt {
		height: 95px;
		overflow: hidden;
	}
}

/** 
 * PAGES
 */

/* HOME */

body.home {
	background: url('https://www.np-utrechtseheuvelrug.nl/image/web/bg/boomstammen.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}

	body.home:after {
		display: table;
		clear: both;
		content: '';
	}

	body.home h1 {
		margin-top: 0;
	}

/* SEARCH */

#zoeken-page form {
	max-width: 320px;
}

#zoeken-page #searchExtendedHref {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

#zoeken-page form [type="submit"] {
	float: right;
	margin-top: -36px;
	position: relative;
	z-index: 1;
}

#zoeken-page form [type="text"] {
	padding-right: 76px;
}

/**
 * THEME
 */

/* MOBILE NAVIGATION ACTIVE */

@media(max-width: 1024px) {

	/* set html and body overflow hidden when mobile nav active */

	.mobile-navigation-active,
	.mobile-navigation {
		height: 100vh;
		overflow: hidden;
		width: 100vw;
	}

	/* div that wraps entire site */

	.site-wrap {
		transition: all 0.25s ease-in-out;
	}

		/* transform position when mobile nav clicked */

		.mobile-navigation .site-wrap {
			-webkit-transform: translateX(280px);
			transform: translateX(280px);
		}

		.mobile-navigation.ancient-android .main-navigation {
			min-height: 2000px;
		}
	
	/* opaque layer */
	
	.mobile-overlay {
		background-color: rgba(0, 0, 0, 0.7);
		cursor: pointer;
		height: 100vh;
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		top: 0;
		transition: opacity 0.25s ease-in-out;
		width: 100vw;
		z-index: 1000;
	}
		
		@media(max-width: 1024px) {
			.mobile-navigation-active .mobile-overlay {
				opacity: 1;
				pointer-events: auto;
			}
		}
}

/* MAP */
.tpl_map {
	position: relative;
	margin: 0px 0px -1px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 0px;
}
	.tpl_map .image {
		float: left;
		width: 180px;
	}
		.tpl_map .image img {
			display: inline-block;
			max-width: 160px;
		}
	.tpl_map .text {
		float: left;
		width: 300px;
	}


/* FOTOBOEK */
.tpl_photoframe_selectedphoto {
	min-height: 20px;
	text-align: center;
	width: 480px;
	height: 320px;
}
	.tpl_photoframe_selectedphoto img {
		display: inline-block;
		width: 480px;
		height: 320px;
	}
.tpl_photoframe_thumbnails {
	
}
.tpl_photoframe_thumbnails.hide {
	display: none;
}
	.tpl_photoframe_thumbnails > div[style] {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		width: 79px !important;
		height: 53px !important;
	}
	.tpl_photoframe_thumbnails > div[style] img.thumb {
		width: 79px !important;
		height: 53px !important;
		cursor: pointer;
	}


/* NIEUWS EN AGENDA */

	.tpl_news_display * {
		font-size: 11px;
		line-height: 15px;
	}
	.tpl_news_display .date {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin: 0px 0px 5px 0px;
		padding: 3px 0px;
	}
	.tpl_news_display .name {
		padding: 0px 0px 5px 0px;
	}
	.tpl_news_display .intro {
		padding: 0px 0px 5px 0px;
	}

/* ARRANGEMENTEN */

.tpl_arrangement_display {
	margin: 0px 0px 20px 0px;
}
	.tpl_arrangement_display h2 {
		padding: 0px 0px 10px 0px;
		border-bottom: 1px solid #ddd;
		margin: 0px 0px 10px 0px;
	}

.tpl_arrangement_view {
	position: relative;
}
	.tpl_arrangement_view .subname {
		font-size: 11px;
		line-height: 15px;
		padding: 10px 0px 15px;
	}
	.tpl_arrangement_view .intro {
		border-top: 1px solid #ddd;
		padding: 15px 0px 0px 0px;
	}
	.tpl_arrangement_view .image {
		margin: 20px 0px;
	}
		.tpl_arrangement_view .image img {
			display: inline-block;
			max-width: 100%;
		}


/* INTRANET */

#tpl_logintext {
	float: right;
	color: #A1AB35;
	padding: 5px 20px;
}

#tpl_logintext h2 {
	font-weight: 700;
	font-family: 'NPUHMS', sans-serif;
	float: left;
	font-weight: 700;
	color: #A1AB35;
	font-size: 14px;
	margin: 0 0 0;
	padding: 0 10px 0 0;
}

#tpl_logintext div {
	float: left;
}

#tpl_logintext a.nextlink {
	float: left;
	color: #A1AB35;
	font-size: 12px;
	padding-left: 8px;
	padding-right: 5px;
}


#tpl_logintext a.nextlink:before {
	content: "|";
	font-size: 12px;
}

#tpl_logintext div:first-of-type a.nextlink:before {
	display: none;
}


/* FORM STYLES */

.formbut,
.formbutton {
	background-color: #A1AB35;
	border: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-family: 'NPUHSS';
	font-size: 16px;
	font-weight: 700;
	height: 36px; 
	overflow: visible;
	padding: 0 15px;
	transition: all 0.25s ease-in-out;
}

	.formbut:hover,
	.formbutton:hover {
		background-color: #333;
		color: #fff;
	}
	.formbut:disabled,
	.formbutton:disabled {
		background-color: #CCCCCC;
	}


.formline,
.formarea {
	width: 100%;
}

.mobile-ios .formline,
.mobile-ios .formarea {
	font-size: 16px;
}

.formarea {
	padding-top: 10px;
	padding-bottom: 10px;
}

	.formline:focus,
	.formarea:focus {
		border-color: #164751;
		outline: none;
	}

.formarea {
	min-height: 100px;
	resize: vertical;
}

.formtable {
	border-collapse: separate;
	border-spacing: 0 3px;
	float: left;
	max-width: 750px;
	width: 100%;
}

@media(min-width: 1024px) {
	.formtable {
		float: none;
	}
}

	.formtable td {
		border-top: 1px solid #f0f0f0;
		clear: both;
		float: left;
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
		position: relative;
		width: 100%;
	}

		@media(min-width: 1024px) {
			.formtable td {
				clear: none;
				float: none;
				display: table-cell;
				width: calc(100% - 220px);
			}
		}

		.formtable tr:last-of-type td {
			border-top: 0;
		}

input[type="radio"],
input[type="checkbox"] {
	margin: 0 4px 0 0;
}

.formnotify {
	border: 1px dotted #999;
	padding: 5px 10px;
	margin-bottom: 20px;
}

	td.formlabel {
		font-weight: 700;
	}

	@media(min-width: 1024px) {
		td.formlabel {
			display: table-cell;
			padding-right: 40px;
			width: 220px;
		}
	}

	.formtable label {
		padding-right: 10px;
	}

	td.formrequired {
		background-color: #ddd;
	}

	td.formextra {
		padding-top: 5px;
	}

	td.formextra .formbut {
		float: right;
		margin-left: 15px;
	}

.reservation-overview tr td:nth-of-type(7) {
	display: none;
}

/**
 * Route planner
 */

#route1controls .formtable {
	margin-bottom: 30px;
}

#route1controls .formbut {
	float: right;
}

/**
 * Color table
 */

.colortable {
	max-width: 750px;
}

/** 
 * Left overs... no time to refactor code below
 */

.tpl_boxed {
	border: 1px solid #ddd;
	padding: 15px 20px;
}

	.icon-date,
	.icon-location,
	.icon-gathering,
	.icon-tags,
	.icon-target,
	.icon-users,
	.icon-tickets,
	.icon-organizer,
	.icon-price,
	.icon-website {
		background: 0 6px no-repeat;
		border-top: 1px solid #ddd;
		padding: 4px 0 4px 25px;
	}

	.icon-date {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQ9JREFUeNqcksEKQUEUhsfEQgoLKyVvwVa5r+AZJCvZWFkoK0kpC3tlwYatkgWSNQ/gAdhJoct/6qdp4ub66zPnnJn5nZm5AcdxlKEqx/aPuQqCLCgwzrOe4uiV38FI42cAEsq/ZM9A/lVMSuDi8whhsBMDF0Rp0GGu7LMauWYse1xtLQiBON1FMaJYi3PNW7ZBDRxBhXMHolk7co0yX8HUDJzBEjxAnXWJ5+AK1l4d+JZtIO/cBDkQYAd1xjnO5b2O0ANDnlVeI8O6xH0wBievDspgD4qc2xLN2p5rvnawAi2w4cV1jUvccG71yeDGcU5eahjxgihzjxhEQNr+QH5QUvaKwZSX4/7xgpOnAAMAuKA/D96lsZsAAAAASUVORK5CYII=');
		border-top-width: 0;
	}

	.icon-location {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUJJREFUeNpi/P//PwMycHV1tQBSRUBsBcQiQPwBiM8A8aTdu3fvYkADjMgGADXHA6m5QMwMxJ+B+D4QywCxEFRJJdCQDmQDmJA0awCpyVDNa4FYFahYH0grAvEMqLJ2oDoHrAYAQQIQ8wLxIyBOA2p+CRIE0p+AVC7UGyCQhssARyh9FqjpHbIiIP8PkDoK5RrjMkARSosyYAfiUFoYlwG3obQN0J+haDFjC6QCoNw3yHIsSOwt0KgDgYXQwDoBxDpQf3NA5Q7gMmAVEFcAMR8QcwJxFhSjg0VYvQAMqLtAagkDfrAJqO4YrjAAgR4gfodDMygm2tEFmdCi6z7UEGxgNlD+BF4DoKAfKdHAAChxNWEzFcMAoC0/gFQx1MkwUA4Uf0GUAVBDDgEpWKZZCOSvwBWqLHhCvAuIJXA5HQYAAgwAat5d6uD9VccAAAAASUVORK5CYII=');
	}

	.icon-gathering {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWNJREFUeNqck0FEg2EYx7++KXbdLTvtUhqljO3YKbZjY2q3MkZEFJ06RkSdIsbUcTTruIjouJE+lVGXmKLTriNN/Z/8Np9v1aGHn2fv/3mev/d7PRvJ5/NOICZFUcyLWTRPXIuSePQ3u4HhTXFLTogQJAK1IYMxURcHIixORUqMQgotTE+dmYHBvkiLZ5EVq6IpPqCJlqXHevf6BtNiHaOcOBdRUREvUEGz2jK9GyJuBgW+0x7ohke8E0sMRfltWpzblJgpuFzHQbTYFRFnOCLULMrktBnEODyQF5zfo197Ikdd53/RI4fMoM1hinz1x+AleYLcNoMLDmvkHdH5YbhDzWFTvw1dHq+HaKvbEjOiKt6gitZiK4vMlM3gXhzjWBOL4pWdGIccmtXO6D2y2f4jbvEpMUxORNJ3/SRajR7r3fav8rvIYNQVK6IhPqGB1qUnw8zQv/FQzJE9n+4FaoP4EmAA4dVWN4CWpEcAAAAASUVORK5CYII=');
	}

	.icon-target {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXhJREFUeNqkk7tKA0EUhneXRbw0RrzUPoAgxChItFr1AUypjSgiWonxIUTTKSqk0lJJLaQygsEbeYSUXsBdlBgLYf1/+EeGdbHxwAfDmf+cmTlzjhsEgZOwSbAA8mBIvidwBU7AtS32rXU3KIFV57cNghGwBo7AJvjghidBD6gouA12wSx4B29a0/cpTUUH/iQoSdQE06AIarphh9ZF7TWl3TMJJsAKaIF5cKekXeAFPGtNu5WmpZvkmGAJuGAfPFjvjsCoiCw/NQeKWfZUbVoV9IGMNmMQili+jDRVxeR9VZh2JlGoU8PET/SChpLE5nc855/mq0j9oADulT1K0Zqa8JZj4IKxnjrM0de8prw5WRNqZhRTY4KyNtll2ZQ3N7Q2lpWWMWUmuAHH6kYWMichO3JARW7LNw7OpT1kX5hZYG8P6xmX6gm+8UsnTYE5sA46tbfFQNeaRvb2jkR/GZNvm2Gyp5GODXAKFnWqGedHa5zrdrZvAQYAAvBbNz9sITUAAAAASUVORK5CYII=');
	}

	.icon-users {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiVJREFUeNp8U0tLG1EUPjO5eU6SiaR5ECRxk1BSBKELAy4K0gfuLUJ3hVIoTXHpwm5E3HSpbUW7bPEHuOmmRPQPWKhgNwUjNM0iTUhCXubV70xnhmsQD3xw5zy/8xiRy+WIRVEUcrvd5HQ6DYzHY3I4HBQIBNj8BMgA58A3kkTQhHCgBVPWTEwBFWAd2LeMqhzALFwu14rP5/vg9XrXW63W9GAweAr9lOl/B9gD7toMmLZVWdf1HQTnLSNaWS6Xy89jsdhXIURcIroI/DQYtNttYiDBfQ6WGSFoLhwOPxwOh4fMTpI/NoNkMvm/F1WdlvomiUUW+t+S7Yc8SFGr1axqZ9Fo9Ao6l+WMpFSv14/AzINEBei/Q/0OaNoJKpWKMbzRaPQLA3uZSCTe49vPOtgOGo3G51AoxL6f6AZR8vk8FQoFY/csqVRqBhXvdTqdv0h65vf7F5Asg+phc43cwrHNIBKJEJzI4/FQs9kkBF4g8KLb7ZKmaY97vd4GbPMThTnBG04mMGFiYP9ZrOtFMBjkFelIegU5xS1swu4Eq30wiZjzeQCcAI+MS8QtPMMA2UGTrxCVMzioFbDZLZVKy/F4/BDnrZt2HsxHFXRfo40v+NDwlk/YeLMOSV5hRkvFYnF1YtWzolqtboOBctMNWMItguEa5pPDewssNF4AUBeooN4WLLFRsCE3/N9e+xvT6TTf+yUfzS1i3HG/3z83fzjb8E+AAQBnIgh2yheh6AAAAABJRU5ErkJggg==');
	}

	.icon-tickets {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA1VBMVEVZWVn///9ZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVk/h3gsAAAARnRSTlMAAAENDxESExQVHyAhIiMkJSYnKjA6PD5Bbm9wcnN0d3h7fH1+gYKDhIeIiYuYmZqbz9DR3N3e3+Dh4uPk5ejs7/H5+v3+MjIkkQAAAWFJREFUeAHd09lSKkEMxvFkDodxFEURFx0XFBUBWQYEVEQWJO//SNIQoqao6njLd9M3/x/VTdUA/nEbCUD276x0DGAHmQ7RrGgH211yq1gB9yz8IPNKvJoJ7Eo/SRsA990xESXoB9xXgygxAe7LcxkmlitJH+edqPuA9AUaLkQjRNxq3msg/Zv0xGLabk+JSuvB3o9exHIPGuieBa7E7FQD3WtR0UD3IqIRuV1ooHtejEHHnS8pBp6+gFh1Zz+rHr3To/meEK5+9TeIj9wzUD2qHlS/Atk+/w/qPgBld75zLyC1+P3nAOP1/T4qcE5uowjzQ0/PoLQsklCE7hU4+tRC9wrwW50AFrpXAG+JJq3WZCWkH6heAN7V0ojpOgvpD3zfdGMhYunBB8KpE9+9F2CLKImCKvc2QOOe9JYr8QY5sICm6r3gmvuPQ/ADFtxbARRnRP0c2AGcVC7/gx3obSL4AjPGm9/D5FatAAAAAElFTkSuQmCC);
		background-size: 20px;
	}

	.icon-organizer {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPNJREFUeNpidHFxYcABIoG4AYjLgHgjLkVMDLjBdyBeBcQ/8ahhYAFiRiCeCcT2SOLngfgHEMcD8VQgzgZiNTS9O4E4D2RALRCnokl+AeLTUPYvIFYHYlU0NSADn4G84IzFZT8J8GEgAGRALhB/RpPgQ+NzYdH8AYgzQF64BMTeQKyBJPkSKgYCf4G4B4jFoPzXQPwNiG8B8QUWqOBhKEYGPkgxFYFkwX4gToGGEwMLA2EAiiVRJBeEA/FHIE4nlA6QwX8kNih2+pDTASHwGxoebFD+c+RAZyHS9gfkJGWiAE0NYEWjSTbgJjRB3cRnAECAAQAtGy0T1HR9bwAAAABJRU5ErkJggg==');
	}

	.icon-price {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZhJREFUeNps08srhFEYx/EZM9nZiLJyKQs1FnZocimzkFtsMW41EhZkIX+HSy6FZCcRSSw0iLFhRXZkIxIKC5dcvk/9RqeXU59533nPeZ5z3ue8xx+JRHyeVo5uVCBTz+6whyldf1vQuU/DOKK4xArO1BdCHZqxgH48uwkseBPFmn0eH56VDaILE8hHtSVJJrCHJShDwgkKafAjjjGDU+wrJprCTxit6HGCLfGoBq9iF03qS2isxYRT9D5XmHVmHtLzbb17Ow6d/jnF9FuCSs3ypU6rw4D+z2sHTnDhJPhUTKUtNd2ptk9FzFJgCwK40bLfnHEWkx70/W2vutouPCnBC77/Geu3BA+qdrJtoQ0Z2NEOWKJ3T3Ah7q0GcTRqJmtrWEYqirRUW0GuExxQTNwSjCEHnc6AYVW9D+e6b3D6bWy2xdorHGARk5rN9vkWVahHAa6xruBSjbWYg2QRe5Gng9Kr7bNiLrkFQ0xf4JHG/Z4FOxg1+vqmMYINz2Gq1ST/HiafKt2uLzKmIsWc42yfc4f3OP8IMACVTWduL9JM2AAAAABJRU5ErkJggg==');
	}

	.icon-website {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmhJREFUeNpEUjtIsmEYTf0GS0kIbUlRROkiCIoO4qCIk0PQnCBiixCUuFookkrgVEm6uEaDk6OCRkX8aKiokCBlXhcvVJYXzP/o19//gi/nez3P7ZyHMp1OF/6dWq2WTCbT6fTr6+v39zeXy5XJZBqNRigU/nIoZADuQCCQSCR6vZ5cLqfT6W9vbysrKzc3N8vLywqF4vDwcHFxEUwqfpPJxOv1FgoFrVYrFouBBQIBm80+OjpCBaVS2e12j4+PB4PBT0AwGEQzfr8/n89brVYqlTqZH/xlt9vL5bLL5UJNn883a6nVahmNRiTmcDj39/dqtZpGo4GEfBKJhEKh3N7eSqVS9JzJZM7Ozmibm5sEQej1+mw2u7q6qlKpcLfbbSRDMDBiqtWqwWBYWloqlUpELpfb3d1Fo4+Pj+vr6zs7O6C+v7/X63USY5jr6+vt7W2Igd6IZrMZi8UgZbFYhDJQCSRk6ff7l5eXwI1GAxMCf319fXx8EBiu0+kMh8PRaITEGAkksDEDiZFiPB4D44Y5C/v7+6lUCjM5HI6rq6vp/ITD4ZOTExLDCkgHgDp7e3vE1tZWNBpF6OfnJ8bg8/nI+vz8DO0fHh6A7+7uUP/P/KytrVEqlYrFYgFiMplPT08QDbKQDfB4PHgCQ5GF1Pr09HS2FB6Px2azoWmz2YwYvMBKp9MJAH1NJhNGgv3goJGZ0wcHB7DC7XZD3FAohBd8IjfAxcXFxsbG+fn5y8sLtgPFf5YPEqEOvINwMBGPEAedRCIRBoMhEomwVywW6/+2kge7FI/HEQZD8AkqtkOn02Fbfzl/BRgASo2EQBpqUWoAAAAASUVORK5CYII=');
	}

	.icon-tags {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNqU080rRFEYx/GZa2TwB9h5GQvJys7Ca10zZM8/oDR7f4CytWQnxZaQBWFBQpa2lGxspLAQUV6+Pz1Ht9O5t/HUp6Y593me85x7bj6O41xK5DGLKTQj8tRhrZCSrMUN9GABd/jAO56tQBcWQwW0uI029OHRWx/GhRV6iQKdt9BqD/rJ3TjCKNT8q+Alb6ITA3gK7O4avbiy8f4KuM7a9mBKsuITl/a7QQU0Qr11bsdIYNu5jIP+nWPZZh7K6ByKFnyrwCQm/pnciDmNrRGWsIJSjclN2Mc95iO7bfrjDB01dN6zW6pdv7m3MKMTxam9hZtAchGHmhtlJbtDdFG1N3KCftwm1vQt7FqTMZfsrm0yprGD88SZuJn1bAWv/r33o2pFjqFP9cAuUCXZOauAO5N1rOIB435nFz8CDACNfUM5OAExOQAAAABJRU5ErkJggg==');
	}

.webitem_3 {
	margin: 0px;
}
#tpl_content > div:first-child > div.webitem:last-child {
	margin: 0px;
}

#contenteditbuttons {
	width: 483px;
}
#contenteditbuttons td {
	width: 1px;
}
#contenteditbuttons td.editlabelw {
	width: auto;
}
#contenteditbuttons td .formbutton {
	float: right;
	margin: 0 0 0 15px;
}


.paymentlogo {
	max-height: 50px;
    max-width: 65px;
    margin-right: 50px;
    vertical-align: middle;
}