<?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 {
		height: 125px;
		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: #227283;
		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 {
		float: left;
		height: 90px;
		margin-right: 15px;
		overflow: hidden;
		position: relative;
		width: 130px;
	}

		.activity-image img {
			height: 90px;
			left: 50%;
			position: absolute;
			max-width: inherit;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
    	    transform: translateX(-50%) translateY(-50%);
    	    width: auto;
		}

	.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;
		margin-top: 0;
		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;
		width: 100%;
	}
	
	.activity-description-picture-external {
		display: block;
		margin-bottom: 30px;
		max-width: 100%;
	}

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

	.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-information table,
	.activity-information td, 
	.activity-information tr {
		border: 0;
	}

	.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) {
	.page-1407 .webitem_4,
	.page-1407 .webitem_201 {
		clear: none;
		float: left;
		width: calc(100% - 380px);
	}

	.page-1407 .webitem_4 {
		margin-bottom: 30px;
	}

	.page-1407 .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;
	}
}

/* ACTIVITY FORM */

.activity-form {
	clear: both;
	float: left;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}

@media(min-width: 1024px) {
	.activity-form {
		margin-bottom: 60px;
	}
}

.activity-form .formline {
	margin-bottom: 10px;
}

/* 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;
	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%;
	}

/* 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: #227283;
		}

/* 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: #227283;
	}

	/* 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: 1200px) {
		.homepage-facebook {
			margin-bottom: 0;
			padding: 60px 30px 60px 0;
			text-align: left;
			width: 50%;
		}
	}

	.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: 1200px) {
		.homepage-facebook:before {
			float: left;
		}
	}

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

	@media(min-width: 1200px) {
		.homepage-facebook-iframe {
			float: right;
			width: calc(100% - 80px);
		}
	}
	
	.homepage-twitter-button,
	.homepage-facebook-button {
		float: none;
		display: inline-block;
		margin-bottom: 0;
	}

	@media(min-width: 1200px) {
		.homepage-twitter-button,
		.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: #227283;
			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: #227283;
			}

/* HOMEPAGE FOOTER */

.homepage-footer {
	background-color: #227283;
	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: #227283;
		}

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

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

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

/* 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: 1200px) {
		.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: '';
		display: block;
		margin: 0 auto 15px;
		height: 50px;
		top: 0;     
		width: 50px;
	}

	@media(min-width: 1024px) {
		.homepage-twitter:before {
			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: 16px;
	}

	@media(min-width: 1200px) {
		.homepage-twitter-tweet {
			float: left;
			margin-left: 30px;
			width: calc(100% - 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%, #227283));
	background-image: linear-gradient(to right, #f7971d 2%, #93ae39 50%, #227283 98%);
	float: left;
	height: 15px;
	width: 100%;
}

/* LOGO */

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

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

	.logo img {
		height: 50px;
		width: auto;
	}

/* 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: #8c9c9e;
			padding: 3px 6px;
			width: auto;
		}

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

	@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: #227283;
	}

/* 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;
 	}

/* RESERVATIONS TABLE */

.reservation-table {
	margin-top: 40px;
}

/* 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: #227283;
	clear: both;
	float: left;
	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 {
			height: 50vh;
			max-height: 50vw;
			min-height: 30vw;
			position: relative;
		}

		.home .slider .wrapper {
			height: 70vh;
			max-height: 64vw;
			min-height: 42vw;
			position: relative;
		}

		@media(min-width: 1000px) {
			.slider .wrapper {
				max-height: 500px;
				min-height: 300px;
			}

			.home .slider .wrapper {
				max-height: 640px;
				min-height: 420px;				
			}
		}

		.slider-text {
			bottom: 200px;
			display: table;
			padding: 30px;
			position: relative;
			top: 50%;
			-webkit-transform: translateY(-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%;
			}
				
				@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;
				max-width: 75%;
			}

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

	.slider-images {
		height: 50vh;
		left: 0;
		max-height: 50vw;
		min-height: 30vw;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.home .slider-images {
		height: 70vh;
		max-height: 64vw;
		min-height: 52vw;
	}

	body:not(.home) .slider-images {
		overflow: hidden;
	}

	@media(min-width: 1000px) {
		.slider-images {
			max-height: 500px;
			min-height: 300px;
		}

		.home .slider-images {
			max-height: 640px;
			min-height: 420px;		
		}
	}

	.slider-image {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 55vh;
		left: 0;
		max-height: 540px;
		min-height: 320px;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.home .slider-image {
		height: 70vh;
		max-height: 640px;
		min-height: 420px;
	}

	.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=');
		}

		.social .icon-instagram {
			background-color: #e1306c;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAC+lBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////86i/ucAAAA/XRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCREVGR0hJSktMTU5PUFFSU1RV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');
			background-size: 65%;
		}

/* 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 {
		display: block;
		margin-bottom: 8px;
	}

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

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

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

	.sub-navigation ul li a {
		font-weight: 600;
	}

		.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 {
		margin-top: 8px;
	}
	
	.sub-navigation ul ul li a {
		font-size: 0.9em;
		font-weight: 400;
		margin-left: 15px;
	}
	
	.sub-navigation ul ul li a:before {
		font-size: 1.1em;
	}

/* TPL BLOCKS */

.tpl_blocks {
	float: left;
	margin-top: 30px;
	margin-bottom: 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 */

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

.not-home .two-columns {
	margin-top: 30px;
	margin-bottom: 30px;
}

.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;
	cursor: pointer;
	float: left;
	margin-bottom: 30px;
	padding: 0 30px 30px 30px;
	transition: all 0.25s ease-in-out;
	width: 100%;
}

	.webitem_61:hover {
		border-color: #227283;
	}

@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: 397px;
	margin-left: -30px;
	max-width: none;
	width: calc(100% + 60px);
}

	#nieuws-page .news-item-image {
		height: 200px;
	}

.news-item-image-inline {
	margin-left: 0;
	margin-bottom: 30px;
	width: 100%;
}

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

/** 
 * PAGES
 */

/* HOME */

body.home {
	background: url('../image/web/header-4.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: #227283;
	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;
	}

.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: 0;
	border-collapse: separate;
	border-spacing: 0 3px;
	float: left;
	max-width: 750px;
	width: 100%;
}

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

	.formtable td {
		border: 0;
		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;
	}

/**
 * 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;
}

/**
 * Bunker project
 */

.bunker {
	box-sizing: border-box;
}

	.bunker * {
		box-sizing: inherit;
	}

.webitem_219,
.bunker-items,
.bunker-item,
.bunker-map,
.bunker-content {
	float: left;
	width: 100%;
}

.bunker-map,
.bunker-content {
	margin-bottom: 30px;
}

/* content and map */

@media(min-width: 960px) {
	.bunker-content {
		margin-top: 20px;
		padding-right: 20px;
		width: calc(100% - 480px);
	}
}

@media(min-width: 1200px) {
	.bunker-content {
		padding-right: 40px;
	}
}

.bunker-map {
	height: 360px;
	margin-top: 20px;
	max-width: 480px;
	width: 100%;
}

.bunker-map-text {
	float: left;
	width: 100%;
}

@media(min-width: 960px) {
	.bunker-map-text {
		float: right;
		max-width: 480px;
	}
}

/* items */

.bunker-items { 
	margin-top: 30px;
}

/* item */
	
.bunker-item {
	border-top: 1px solid #ddd;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-top: 30px;
}

	.webitem_219:last-of-type .bunker-item {
		border-bottom: 1px solid #ddd;
		padding-bottom: 30px;
	}

	.bunker-item h2 {
		margin-top: 0;
		margin-bottom: 10px;
	}

	@media(min-width: 960px) {
		.bunker-item h2 {
			font-size: 30px;
			line-height: 38px;
		}
	}

	.bunker-item p {
		margin-bottom: 15px;
	}

/* number */

.bunker-item-number {
	background-color: #f7971d;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 18px;
	margin-bottom: 10px;
	padding: 1px 3px;
	text-transform: uppercase;
}

/* text */

.bunker-text {
	height: 250px;
	overflow: hidden;
	position: relative;
	transition: all 0.25s ease-out;
	width: 100%;
}

@media(min-width: 960px) {
	.bunker-text {
		height: 350px;
		max-width: 500px;
		width: initial;
	}
}

@media(min-width: 1200px) {
	.bunker-text {
		max-width: 640px;
	}
}

.bunker-text::after {
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	bottom: 0;
	content: '';
	height: 40px;
	left: 0;
	position: absolute;	
	width: 100%;
	z-index: 1;
}

	.bunker-item-expanded .bunker-text::after {
		display: none;
	}

	.bunker-text img {
		height: auto;
	}

/* more link */

.bunker-text-more {
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 20px;
	z-index: 2;
}

/* image */

.bunker-item-image {
	float: left;
	margin-bottom: 30px;
	clear: both;
}

	@media(min-width: 960px) {
		.bunker-item-image {
			clear: none;
			float: right;
			margin-left: 30px;
			margin-top: 40px;
			min-height: 60px;
			position: relative;
			width: 400px;
		}
	}

	.bunker-item-image img {
		display: block;
		height: 280px;
		object-fit: cover;
		position: relative;
		width: 400px;
		z-index: 1;
	}

/* audio */

.bunker-item-audio {
	background-color: #A1AB35;
	float: left;
	max-width: 400px;
	padding: 15px 30px;
	position: relative;
	width: 100%;
	z-index: 10;
}

	@media(min-width: 960px) {
		.bunker-item-audio {
			margin-left: -80px;
			margin-top: -40px;
			max-width: 390px;
		}
	}

	.bunker-item-audio:after {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAB4CAMAAAD480N4AAAAvVBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////jSrqQAAAAP3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB4fICEiIyQlJigpKissLS4vMDEyMzQ1Njc4OTo7PD0/QELDEsoCAAAA7UlEQVR4AZ3RxW7EMBSF4eMk5jIzM0OnMIX3f6xKPccLW5pFJ5tPf3SvpTj4ewz+J0pPaSdRekp7ibrNJIeiqYRVQ1pIdatr9BTSQAZIteziBJM+LNMOMoPOGNnVzso52kvMN+csQGpuUS41LvPChhUK2UOugq6p1+mwITepLW7p4repBR12IPV+t3FP7lN3oB9zSC3kEeix+oQ66U/lWdFx4Zx6UHcBeqm5K3lNw42jt0XPhTsaQP092A+OPtbGJ0+faXoJXBjRCBpGoK+aL77R9B4q80fkwpgm6Lwx6Kdapi+av4uxEjJB/kCGX31pDwD+7x7GAAAAAElFTkSuQmCC');
		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');
		bottom: 0;
		background-size: contain;
		content: '';
		height: 100px;
		left: 0; 
		position: absolute;
		width: 100%;
		z-index: 1;
	}


	.bunker-item-audio audio {
		position: relative;
		z-index: 2;
	}

	.bunker-item-audio h4 {
		color: #fff;
		clear: both;
		font-family: 'NPUHMS', sans-serif;
		font-size: 16px;
		font-weight: normal;
		float: left;
		margin: 0 0 10px;
		padding: 0;
		width: auto;
	}

.bunker-item-nav {
	float: left;
	margin-top: 20px;
	width: 100%
}

@media(min-width: 960px) {
	.bunker-item-nav {
		bottom: 0;
		margin-top: 0;
		position: absolute;
		right: 0;
		width: auto;
		z-index: 1;
	}
}

/* call to actions */

.bunker-item-cta {
	background-color: #f7971d;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	height: 40px;
	line-height: 41px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.25s ease-in;
	width: 40px;
}

@media(min-width: 960px) {
	.bunker-item-cta {
		height: 60px;
		width: 60px;
	}
}

	.bunker-item-cta:hover {
		background-color: #93ae39;
		color: #fff;
	}

	.bunker-item-cta:after {
		background: no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgOCAxMyI+PHBhdGggZD0iTTEuNiwwLDAsMS42Myw0LjgsNi41LDAsMTEuMzgsMS42LDEzLDgsNi41WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
		background-size: 100% 100%;
		content: '';
		position: absolute;
		pointer-events: none;
		left: 50%;
		height: 20px;
		top: 0;
		transition: all 0.25s ease-in-out;
		-webkit-transform: rotate(270deg) translateX(-50%) translateY(-50%);
        transform: rotate(270deg) translateX(-50%) translateY(-50%);
        width: 20px; 
	}

	@media(min-width: 960px) {
		.bunker-item-cta:after {
			top: 10px;
		}
	}

/* extra info */

.bunker-extra-info {
	background-color: #F0F0F0;
	float: left;
	margin-top: 20px;
	max-width: 400px;
	padding: 15px 30px;
	width: 100%;
}

@media(min-width: 960px) {
	.bunker-extra-info {
		display: none;
		margin-top: 0;
		position: absolute;
		top: 100%;
		transform: translateY(30px);
		z-index: 10;
	}
}

@media(min-width: 960px) {
	.bunker-item-expanded .bunker-extra-info {
		display: block;
	}
}

	.bunker-extra-info p {
		font-size: 14px;
		line-height: 20px;
	}

	.bunker-extra-info p:last-of-type {
		margin-bottom: 0;
	}

/* partner dubbele toolbar bug */

.webitem_217 div .ngm-edit-toolbar {
	display: block;
	position: relative;
	top: -10px;
}
