/*Jelmer*/
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
	display: none
}
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

/*
.video{
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
    height: 0;
}
.video iframe{
position: relative
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/

html, button, input, select, textarea {
	font-family: sans-serif
}
body {
	margin: 0
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
blockquote {
	margin: 1em 40px
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
p, pre {
	margin: 0
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
q {
	quotes: none
}
q:before, q:after {
	content: '';
	content: none
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
dl, menu, ol, ul {
	margin: 0
}
dd {
	margin: 0
}
menu, ol, ul {
	padding: 0
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
audio, canvas, img, video {
	vertical-align: middle
}
textarea {
	resize: vertical
}
form.fivestar-widget {
	clear: both;
	display: block
}
form.fivestar-widget select, form.fivestar-widget input {
	margin: 0
}
.fivestar-combo-stars .fivestar-static-form-item {
	float: left;
	margin-right: 40px
}
.fivestar-combo-stars .fivestar-form-item {
	float: left
}
.fivestar-static-form-item .form-item, .fivestar-form-item .form-item {
	margin: 0
}
div.fivestar-widget-static {
	display: block
}
div.fivestar-widget-static br {
	clear: left
}
div.fivestar-widget-static .star {
	background: url("../widgets/default/star.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	float: left;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	width: 17px
}
div.fivestar-widget-static .star span.on {
	background: url("../widgets/default/star.gif") no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
	display: block;
	height: 100%;
	width: 100%
}
div.fivestar-widget-static .star span.off {
	background: url("../widgets/default/star.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: block;
	height: 100%;
	width: 100%
}
div.fivestar-widget {
	display: block
}
div.fivestar-widget .cancel, div.fivestar-widget .star {
	float: left;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	width: 17px
}
div.fivestar-widget .cancel, div.fivestar-widget .cancel a {
	background: url("../widgets/default/delete.gif") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
	text-decoration: none
}
div.fivestar-widget .star, div.fivestar-widget .star a {
	background: url("../widgets/default/star.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	text-decoration: none
}
div.fivestar-widget .cancel a, div.fivestar-widget .star a {
	background-position: 0 0;
	cursor: pointer;
	display: block;
	height: 100%;
	width: 100%
}
div.fivestar-widget div.on a {
	background-position: 0 -16px
}
div.fivestar-widget div.hover a, div.rating div a:hover {
	background-position: 0 -32px
}
form.fivestar-widget div.description {
	margin-bottom: 0
}
div.fivestar-widget-static .star {
	background: url("../img/min_star.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 16px;
	width: 17px
}
div.fivestar-widget-static .star span.on {
	background: url("../img/min_star.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0)
}
div.fivestar-widget-static .star span.off {
	background: url("../img/min_star.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}
div.fivestar-widget .cancel, div.fivestar-widget .star {
	height: 16px;
	width: 17px
}
div.fivestar-widget .cancel, div.fivestar-widget .cancel a {
	background: url("../img/min_delete.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}
div.fivestar-widget .star, div.fivestar-widget .star a {
	background: url("../img/min_star.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}
div.fivestar-widget div.on a {
	background-position: 0 -16px
}
div.fivestar-widget div.hover a, div.rating div a:hover {
	background-position: 0 -32px
}
@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}
	a, a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " ("attr(href) ")"
	}
	abbr[title]:after {
		content: " ("attr(title) ")"
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr, img {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	@page {
		margin: .5cm
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3
	}
	h2, h3 {
		page-break-after: avoid
	}
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.fancybox-opened {
	z-index: 8030
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}
.fancybox-outer, .fancybox-inner {
	position: relative
}
.fancybox-inner {
	overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif');
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 8040
}
.fancybox-prev {
	left: 0
}
.fancybox-next {
	right: 0
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px
}
.fancybox-nav:hover span {
	visibility: visible
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important
}
.fancybox-lock {
	overflow: hidden !important;
	width: auto
}
.fancybox-lock body {
	overflow: hidden !important
}
.fancybox-lock-test {
	overflow-y: hidden !important
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050
}
.fancybox-opened .fancybox-title {
	visibility: visible
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}
.fancybox-title-inside-wrap {
	padding-top: 10px
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.8)
}
@font-face {
	font-family: 'kievit';
	src: url('../fonts/kievitot-regular-webfont.eot');
	src: url('../fonts/kievitot-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/kievitot-regular-webfont.woff') format('woff'), url('../fonts/kievitot-regular-webfont.ttf') format('truetype'), url('../fonts/kievitot-regular-webfont.svg#kievitot-regularregular') format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'kievit';
	src: url('../fonts/kievitot-italic-webfont.eot');
	src: url('../fonts/kievitot-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/kievitot-italic-webfont.woff') format('woff'), url('../fonts/kievitot-italic-webfont.ttf') format('truetype'), url('../fonts/kievitot-italic-webfont.svg#kievitotitalic') format('svg');
	font-weight: normal;
	font-style: italic
}
@font-face {
	font-family: 'kievit';
	src: url('../fonts/kievitot-bold-webfont.eot');
	src: url('../fonts/kievitot-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/kievitot-bold-webfont.woff') format('woff'), url('../fonts/kievitot-bold-webfont.ttf') format('truetype'), url('../fonts/kievitot-bold-webfont.svg#kievitotbold') format('svg');
	font-weight: bold;
	font-style: normal
}
@font-face {
	font-family: 'kievit';
	src: url('../fonts/kievitot-bolditalic-webfont.eot');
	src: url('../fonts/kievitot-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/kievitot-bolditalic-webfont.woff') format('woff'), url('../fonts/kievitot-bolditalic-webfont.ttf') format('truetype'), url('../fonts/kievitot-bolditalic-webfont.svg#kievitotbolditalic') format('svg');
	font-weight: bold;
	font-style: italic
}
@font-face {
	font-family: 'it_aint_rocket_science';
	src: url('../fonts/it_aint_rocket_science-webfont.eot');
	src: url('../fonts/it_aint_rocket_science-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/it_aint_rocket_science-webfont.woff') format('woff'), url('../fonts/it_aint_rocket_science-webfont.ttf') format('truetype'), url('../fonts/it_aint_rocket_science-webfont.svg#it_aint_rocket_scienceregular') format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'icons';
	src: url('../fonts/icons.eot');
	src: url('../fonts/icons.eot?#iefix') format('embedded-opentype'), url('../fonts/icons.ttf') format('truetype'), url('../fonts/icons.woff') format('woff'), url('../fonts/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal
}
.icon {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	font-size: 15px;
	line-height: 1.6
}
@media only screen and (min-width:1440px) {
	html {
		font-size: 17px
	}
}
@media screen and (min-width:1680px) {
	html {
		font-size: 19px
	}
}
body {
	background: #f8f9fa;
	font-family: 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	overflow-x: hidden
}
html, button, input, select, textarea {
	color: #5b5b5b;
	font-family: 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal
}
::-moz-selection {
	background: #0072bc;
	color: #fff;
	text-shadow: none
}
::selection {
	background: #0072bc;
	color: #fff;
	text-shadow: none
}
a {
	text-decoration: none;
	color: #ec008c;
	font-weight: bold
}
.no-touch a:hover {
	text-decoration: none
}
button {
	outline: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #0072bc;
	margin: 1rem 0;
	padding: 0
}
button {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	line-height: 1rem
}
h1, h2, h3, h4, h5, h6, legend {
	font-style: normal;
	line-height: 1.4;
	margin: 0
}
article pre, aside pre, article dl, aside dl, article menu, aside menu, article ol, aside ol, article ul, aside ul, article form, aside form {
	margin: 0;
	padding: 0 0 1.5em 0;
	padding: 0 0 1.5rem 0
}
article dd, aside dd {
	margin: 0
}
article menu, aside menu, article ol, aside ol, article ul, aside ul {
	padding: 0 0 0 40px
}
article p, aside p {
	margin: 0;
	padding: 0 0 1.5em 0
}
article p:last-child, aside p:last-child {
	padding-bottom: 0
}
article p+ul, aside p+ul {
	margin-top: -1em
}
figure.rounded>img {
	-webkit-border-radius: 22px 0px 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0px 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0px 22px 22px;
	background-clip: padding-box
}
img.rounded {
	-webkit-border-radius: 22px 0px 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0px 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0px 22px 22px;
	background-clip: padding-box
}
img.float-right {
	float: right;
	margin: 0 0 10px 10px;
	-webkit-border-radius: 22px 0px 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0px 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0px 22px 22px;
	background-clip: padding-box
}
.formBlock {
	padding-left: 0 !important;
	padding-right: 0 !important
}
form {
	margin: 0;
	padding: 0
}
form::-webkit-input-placeholder {
	color: #b9c4d3 !important;
	font-style: italic
}
form::-webkit-input-placeholder::-webkit-input-placeholder {
	color: #aaa
}
form::-webkit-input-placeholder:-moz-placeholder {
	color: #aaa
}
form::-webkit-input-placeholder::-moz-placeholder {
	color: #aaa
}
form::-webkit-input-placeholder:-ms-input-placeholder {
	color: #aaa
}
form:-moz-placeholder {
	color: #b9c4d3 !important;
	font-style: italic
}
form:-moz-placeholder::-webkit-input-placeholder {
	color: #aaa
}
form:-moz-placeholder:-moz-placeholder {
	color: #aaa
}
form:-moz-placeholder::-moz-placeholder {
	color: #aaa
}
form:-moz-placeholder:-ms-input-placeholder {
	color: #aaa
}
form::-moz-placeholder {
	color: #b9c4d3 !important;
	font-style: italic
}
form::-moz-placeholder::-webkit-input-placeholder {
	color: #aaa
}
form::-moz-placeholder:-moz-placeholder {
	color: #aaa
}
form::-moz-placeholder::-moz-placeholder {
	color: #aaa
}
form::-moz-placeholder:-ms-input-placeholder {
	color: #aaa
}
form:-ms-input-placeholder {
	color: #b9c4d3 !important;
	font-style: italic
}
form:-ms-input-placeholder::-webkit-input-placeholder {
	color: #aaa
}
form:-ms-input-placeholder:-moz-placeholder {
	color: #aaa
}
form:-ms-input-placeholder::-moz-placeholder {
	color: #aaa
}
form:-ms-input-placeholder:-ms-input-placeholder {
	color: #aaa
}
form::-ms-clear {
	display: none
}
form.webform-client-form, form.comment-form {
	position: relative;
	width: 100%;
	margin: 0 auto
}
form.webform-client-form .webform-progressbar, form.comment-form .webform-progressbar {
	border-bottom: 1px solid #b9c4d3;
	padding-bottom: 20px;
	margin-bottom: 20px
}
@media only screen and (min-width:768px) {
	form.webform-client-form .webform-progressbar .webform-progressbar-outer, form.comment-form .webform-progressbar .webform-progressbar-outer {
		text-align: center
	}
}
@media only screen and (max-width:767px) {
	form.webform-client-form .webform-progressbar .webform-progressbar-outer, form.comment-form .webform-progressbar .webform-progressbar-outer {
		padding: 0 20px
	}
}
form.webform-client-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page, form.comment-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page {
	left: auto !important
}
@media only screen and (min-width:768px) {
	form.webform-client-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page, form.comment-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page {
		padding: 0 11px;
		display: inline-block
	}
}
@media only screen and (max-width:767px) {
	form.webform-client-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page, form.comment-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page {
		display: block;
		margin: 0 0 5px 0
	}
}
form.webform-client-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page .webform-progressbar-page-number, form.comment-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page .webform-progressbar-page-number {
	position: relative;
	display: inline-block;
	margin-right: 4px;
	width: 24px;
	height: 24px;
	padding-top: 1px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	border: 1px solid #6d819b;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	vertical-align: top;
	color: #6d819b;
	background-color: #f6f6f6
}
form.webform-client-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page .webform-progressbar-page-label, form.comment-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page .webform-progressbar-page-label {
	display: inline-block;
	padding-top: 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #6d819b
}
form.webform-client-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.current .webform-progressbar-page-number, form.comment-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.current .webform-progressbar-page-number {
	width: 25px;
	height: 25px;
	padding-top: 3px;
	border: none;
	color: #fff;
	background-color: #0072bc
}
form.webform-client-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.current .webform-progressbar-page-label, form.comment-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.current .webform-progressbar-page-label {
	color: #0072bc
}
form.webform-client-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.completed .webform-progressbar-page-number, form.comment-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.completed .webform-progressbar-page-number {
	color: #f6f6f6
}
form.webform-client-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.completed .webform-progressbar-page-number:after, form.comment-form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.completed .webform-progressbar-page-number:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 17px;
	content: '\e61f';
	position: absolute;
	left: 3px;
	top: 3px;
	color: #6d819b
}
form.webform-client-form .webform-progressbar .webform-progressbar-inner, form.comment-form .webform-progressbar .webform-progressbar-inner {
	display: none
}
form.webform-client-form fieldset, form.comment-form fieldset, form.webform-client-form .webform-component, form.comment-form .webform-component, form.webform-client-form .form-item, form.comment-form .form-item, form.webform-client-form .form-actions, form.comment-form .form-actions {
	width: 100%;
	max-width: 420px;
	max-width: 28rem;
	margin: 0 auto;
	padding: 0;
	zoom: 1;
	padding-bottom: 20px
}

@media screen and (min-width: 768px){
	.newsReactForm form.comment-form .form-item, .newsReactForm form.comment-form .form-actions{
		margin: 0;
	}
}

@media only screen and (max-width:767px) {
	form.webform-client-form fieldset.webform-component, form.comment-form fieldset.webform-component, form.webform-client-form .webform-component.webform-component, form.comment-form .webform-component.webform-component, form.webform-client-form .form-item.webform-component, form.comment-form .form-item.webform-component, form.webform-client-form .form-actions.webform-component, form.comment-form .form-actions.webform-component, form.webform-client-form fieldset.form-actions, form.comment-form fieldset.form-actions, form.webform-client-form .webform-component.form-actions, form.comment-form .webform-component.form-actions, form.webform-client-form .form-item.form-actions, form.comment-form .form-item.form-actions, form.webform-client-form .form-actions.form-actions, form.comment-form .form-actions.form-actions {
		padding-left: 20px;
		padding-right: 20px
	}
}
@media only screen and (min-width:768px) {
	form.webform-client-form fieldset.half, form.comment-form fieldset.half, form.webform-client-form .webform-component.half, form.comment-form .webform-component.half, form.webform-client-form .form-item.half, form.comment-form .form-item.half, form.webform-client-form .form-actions.half, form.comment-form .form-actions.half {
		width: 48% !important;
		display: inline-block;
		margin-left: 12px
	}
	form.webform-client-form fieldset.half.half, form.comment-form fieldset.half.half, form.webform-client-form .webform-component.half.half, form.comment-form .webform-component.half.half, form.webform-client-form .form-item.half.half, form.comment-form .form-item.half.half, form.webform-client-form .form-actions.half.half, form.comment-form .form-actions.half.half {
		margin-left: 0
	}
	form.webform-client-form fieldset.half+div, form.comment-form fieldset.half+div, form.webform-client-form .webform-component.half+div, form.comment-form .webform-component.half+div, form.webform-client-form .form-item.half+div, form.comment-form .form-item.half+div, form.webform-client-form .form-actions.half+div, form.comment-form .form-actions.half+div {
		width: 48% !important;
		display: inline-block;
		margin-left: 12px
	}
	form.webform-client-form fieldset.half+div.half, form.comment-form fieldset.half+div.half, form.webform-client-form .webform-component.half+div.half, form.comment-form .webform-component.half+div.half, form.webform-client-form .form-item.half+div.half, form.comment-form .form-item.half+div.half, form.webform-client-form .form-actions.half+div.half, form.comment-form .form-actions.half+div.half {
		margin-left: 0
	}
}
form.webform-client-form fieldset:before, form.comment-form fieldset:before, form.webform-client-form .webform-component:before, form.comment-form .webform-component:before, form.webform-client-form .form-item:before, form.comment-form .form-item:before, form.webform-client-form .form-actions:before, form.comment-form .form-actions:before {
	content: '';
	display: block
}
form.webform-client-form fieldset:after, form.comment-form fieldset:after, form.webform-client-form .webform-component:after, form.comment-form .webform-component:after, form.webform-client-form .form-item:after, form.comment-form .form-item:after, form.webform-client-form .form-actions:after, form.comment-form .form-actions:after {
	content: '';
	display: table;
	clear: both
}
form.webform-client-form fieldset>.fieldset-wrapper>.form-item:last-child, form.comment-form fieldset>.fieldset-wrapper>.form-item:last-child, form.webform-client-form .webform-component>.fieldset-wrapper>.form-item:last-child, form.comment-form .webform-component>.fieldset-wrapper>.form-item:last-child, form.webform-client-form .form-item>.fieldset-wrapper>.form-item:last-child, form.comment-form .form-item>.fieldset-wrapper>.form-item:last-child, form.webform-client-form .form-actions>.fieldset-wrapper>.form-item:last-child, form.comment-form .form-actions>.fieldset-wrapper>.form-item:last-child {
	padding-bottom: 0
}
form.webform-client-form fieldset+fieldset, form.comment-form fieldset+fieldset, form.webform-client-form .webform-component+fieldset, form.comment-form .webform-component+fieldset, form.webform-client-form .form-item+fieldset, form.comment-form .form-item+fieldset, form.webform-client-form .form-actions+fieldset, form.comment-form .form-actions+fieldset {
	border-top: 1px solid #b9c4d3;
	padding-top: 22px
}
form.webform-client-form fieldset.form-actions, form.comment-form fieldset.form-actions, form.webform-client-form .webform-component.form-actions, form.comment-form .webform-component.form-actions, form.webform-client-form .form-item.form-actions, form.comment-form .form-item.form-actions, form.webform-client-form .form-actions.form-actions, form.comment-form .form-actions.form-actions {
	text-align: right
}
form.webform-client-form fieldset.formArrow, form.comment-form fieldset.formArrow, form.webform-client-form .webform-component.formArrow, form.comment-form .webform-component.formArrow, form.webform-client-form .form-item.formArrow, form.comment-form .form-item.formArrow, form.webform-client-form .form-actions.formArrow, form.comment-form .form-actions.formArrow {
	position: relative
}
form.webform-client-form fieldset.formArrow:before, form.comment-form fieldset.formArrow:before, form.webform-client-form .webform-component.formArrow:before, form.comment-form .webform-component.formArrow:before, form.webform-client-form .form-item.formArrow:before, form.comment-form .form-item.formArrow:before, form.webform-client-form .form-actions.formArrow:before, form.comment-form .form-actions.formArrow:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e62a';
	display: block;
	font-size: 50px;
	color: #ec008c;
	position: absolute;
	top: 17px;
	left: -54px
}
@media only screen and (max-width:767px) {
	form.webform-client-form fieldset.formArrow:before, form.comment-form fieldset.formArrow:before, form.webform-client-form .webform-component.formArrow:before, form.comment-form .webform-component.formArrow:before, form.webform-client-form .form-item.formArrow:before, form.comment-form .form-item.formArrow:before, form.webform-client-form .form-actions.formArrow:before, form.comment-form .form-actions.formArrow:before {
		left: -51px
	}
}
form.webform-client-form legend, form.comment-form legend {
	color: #0072bc;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px
}
@media only screen and (max-width:767px) {
	form.webform-client-form legend, form.comment-form legend {
		padding-left: 20px;
		padding-right: 20px
	}
}
form.webform-client-form label, form.comment-form label {
	display: block;
	font-weight: bold;
	color: #5b5b5b;
	font-size: 15px;
	font-size: 1rem;
	text-transform: uppercase
}
form.webform-client-form .form-type-radio input, form.comment-form .form-type-radio input, form.webform-client-form .form-type-checkbox input, form.comment-form .form-type-checkbox input {
	display: inline-block;
	padding-top: 2px
}
form.webform-client-form .form-type-radio label, form.comment-form .form-type-radio label, form.webform-client-form .form-type-checkbox label, form.comment-form .form-type-checkbox label {
	display: inline-block;
	vertical-align: top;
	font-weight: normal;
	text-transform: none
}
form.webform-client-form .form-type-radio.form-type-checkbox label, form.comment-form .form-type-radio.form-type-checkbox label, form.webform-client-form .form-type-checkbox.form-type-checkbox label, form.comment-form .form-type-checkbox.form-type-checkbox label, form.webform-client-form .form-type-radio.form-type-radio label, form.comment-form .form-type-radio.form-type-radio label, form.webform-client-form .form-type-checkbox.form-type-radio label, form.comment-form .form-type-checkbox.form-type-radio label {
	width: calc(100%-30px);
	max-width: 92%
}
form.webform-client-form .imageRadios .form-type-radio, form.comment-form .imageRadios .form-type-radio {
	width: 136px;
	width: 9rem;
	margin: 10px 0 0 0
}
form.webform-client-form .imageRadios label, form.comment-form .imageRadios label {
	max-width: 80%
}
form.webform-client-form .imageRadios label.radioImage, form.comment-form .imageRadios label.radioImage {
	display: block;
	width: 100%;
	max-width: none;
	height: 130px;
	text-align: center;
	margin: 0 0 10px 0
}
form.webform-client-form .imageRadios label.radioImage img, form.comment-form .imageRadios label.radioImage img {
	max-width: 100%;
	max-height: 110px
}
form.webform-client-form input[type=text], form.comment-form input[type=text], form.webform-client-form input[type=password], form.comment-form input[type=password], form.webform-client-form input[type=search], form.comment-form input[type=search], form.webform-client-form input[type=email], form.comment-form input[type=email], form.webform-client-form input[type=tel], form.comment-form input[type=tel], form.webform-client-form input[type=number], form.comment-form input[type=number] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	height: 45px;
	height: 3rem;
	padding: 0 12px;
	padding: 0 .8rem;
	border: 1px solid #b9c4d3;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset
}
form.webform-client-form input[type=text].error, form.comment-form input[type=text].error, form.webform-client-form input[type=password].error, form.comment-form input[type=password].error, form.webform-client-form input[type=search].error, form.comment-form input[type=search].error, form.webform-client-form input[type=email].error, form.comment-form input[type=email].error, form.webform-client-form input[type=tel].error, form.comment-form input[type=tel].error, form.webform-client-form input[type=number].error, form.comment-form input[type=number].error {
	border-color: #e70000
}
form.webform-client-form textarea, form.comment-form textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	height: 45px;
	height: 3rem;
	padding: 0 12px;
	padding: 0 .8rem;
	border: 1px solid #b9c4d3;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	min-height: 60px;
	height: 145px;
	padding: 8px 12px
}
form.webform-client-form textarea.error, form.comment-form textarea.error {
	border-color: #e70000
}
form.webform-client-form input[type=submit]:not(.webform-previous), form.comment-form input[type=submit]:not(.webform-previous) {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	margin: 0 0 0 15px;
	vertical-align: middle
}
.no-touch form.webform-client-form input[type=submit]:not(.webform-previous):hover, .no-touch form.comment-form input[type=submit]:not(.webform-previous):hover, .no-touch form.webform-client-form input[type=submit]:not(.webform-previous).hover, .no-touch form.comment-form input[type=submit]:not(.webform-previous).hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	form.webform-client-form input[type=submit]:not(.webform-previous), form.comment-form input[type=submit]:not(.webform-previous) {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	form.webform-client-form input[type=submit]:not(.webform-previous), form.comment-form input[type=submit]:not(.webform-previous) {
		font-size: 15px
	}
}
form.webform-client-form input[type=submit]:not(.webform-previous):before, form.comment-form input[type=submit]:not(.webform-previous):before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
form.webform-client-form input[type=submit]:not(.webform-previous):hover, form.comment-form input[type=submit]:not(.webform-previous):hover {
	text-decoration: none
}
form.webform-client-form input[type=submit].webform-previous, form.comment-form input[type=submit].webform-previous {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	font-weight: normal;
	color: #5b5b5b;
	height: 48px;
	padding: 15px 15px 14px;
	background: none;
	border: none
}
form.webform-client-form input[type=submit].webform-previous:before, form.comment-form input[type=submit].webform-previous:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
form.webform-client-form input[type=submit].webform-previous:hover, form.comment-form input[type=submit].webform-previous:hover {
	text-decoration: none;
	color: #0072bc
}
form.webform-client-form input[type=submit].webform-previous:before, form.comment-form input[type=submit].webform-previous:before {
	color: #ec008c
}
form.webform-client-form input[type=submit].webform-previous:hover, form.comment-form input[type=submit].webform-previous:hover {
	color: #ec008c
}
form.webform-client-form input[type=submit].webform-previous:before, form.comment-form input[type=submit].webform-previous:before {
	content: '\003C'
}
@media only screen and (min-width:768px) {
	form.webform-client-form input[type=file], form.comment-form input[type=file] {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		min-height: 0;
		height: 45px;
		height: 3rem;
		padding: 0 12px;
		padding: 0 .8rem;
		border: 1px solid #b9c4d3;
		-webkit-border-radius: 5px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 5px;
		-moz-background-clip: padding;
		border-radius: 5px;
		background-clip: padding-box;
		background-color: #fff;
		-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
		-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
		box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
		width: 300px;
		width: 20rem;
		padding-left: 0;
		vertical-align: middle
	}
	form.webform-client-form input[type=file].error, form.comment-form input[type=file].error {
		border-color: #e70000
	}
}
@media only screen and (max-width:767px) {
	form.webform-client-form input[type=file], form.comment-form input[type=file] {
		width: 100%;
		display: block
	}
}
@media only screen and (max-width:767px) {
	form.webform-client-form .form-managed-file, form.comment-form .form-managed-file {
		text-align: right
	}
	form.webform-client-form .form-managed-file input[type=submit], form.comment-form .form-managed-file input[type=submit] {
		margin-top: 15px
	}
}
form.webform-client-form select, form.comment-form select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	height: 45px;
	height: 3rem;
	padding: 0 12px;
	padding: 0 .8rem;
	border: 1px solid #b9c4d3;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 10px 0 10px 12px;
	width: auto;
	min-width: 225px
}
form.webform-client-form select.error, form.comment-form select.error {
	border-color: #e70000
}
.no-appleios form.webform-client-form select[multiple=multiple], .no-appleios form.comment-form select[multiple=multiple] {
	height: 120px
}
form.webform-client-form .webform-datepicker .form-item, form.comment-form .webform-datepicker .form-item, form.webform-client-form .webform-component-time .form-item, form.comment-form .webform-component-time .form-item {
	display: inline-block
}
@media only screen and (min-width:768px) {
	form.webform-client-form .webform-datepicker .form-item, form.comment-form .webform-datepicker .form-item, form.webform-client-form .webform-component-time .form-item, form.comment-form .webform-component-time .form-item {
		padding-right: 5px
	}
	form.webform-client-form .webform-datepicker .form-item select, form.comment-form .webform-datepicker .form-item select, form.webform-client-form .webform-component-time .form-item select, form.comment-form .webform-component-time .form-item select {
		min-width: 85px;
		min-width: 5.7rem
	}
}
@media only screen and (max-width:767px) {
	form.webform-client-form .webform-datepicker .form-item, form.comment-form .webform-datepicker .form-item, form.webform-client-form .webform-component-time .form-item, form.comment-form .webform-component-time .form-item {
		padding-right: 2px
	}
	form.webform-client-form .webform-datepicker .form-item select, form.comment-form .webform-datepicker .form-item select, form.webform-client-form .webform-component-time .form-item select, form.comment-form .webform-component-time .form-item select {
		min-width: 75px
	}
}
form.webform-client-form .element-invisible, form.comment-form .element-invisible {
	display: none
}
form.webform-client-form .webform-component-markup p, form.comment-form .webform-component-markup p {
	font-style: italic
}
form.comment-form fieldset>div, form.comment-form .webform-component>div, form.comment-form .form-actions>div {
	padding-bottom: 20px
}
.fieldStyle {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	height: 45px;
	height: 3rem;
	padding: 0 12px;
	padding: 0 .8rem;
	border: 1px solid #b9c4d3;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset
}
.fieldStyle.error {
	border-color: #e70000
}
.placeholder {
	color: #b9c4d3 !important;
	font-style: italic
}
.halfField {
	width: 48% !important;
	display: inline-block;
	margin-left: 12px
}
.halfField.half {
	margin-left: 0
}
@media only screen and (min-width:768px) {
	.webform-component-markup {
		position: relative
	}
	.webform-component-markup img.rechts_naast_form {
		position: absolute;
		width: 135px !important;
		left: 100% !important;
		margin-left: 20px
	}
}
@media only screen and (max-width:767px) {
	.webform-component-markup img.rechts_naast_form {
		display: none
	}
}
.container {
	position: relative;
	background-color: #fff
}
@media only screen and (min-width:768px) {
	.container {
		max-width: 1647px;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ZjlmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
		background-image: -webkit-linear-gradient(left, #ffffff 256px, #f8f9fa 1024px);
		background-image: -moz-linear-gradient(left, #ffffff 256px, #f8f9fa 1024px);
		background-image: -o-linear-gradient(left, #ffffff 256px, #f8f9fa 1024px);
		background-image: linear-gradient(to right, #ffffff 256px, #f8f9fa 1024px)
	}
}
@media only screen and (min-width:980px;

) {
	.container {
		margin: 0 256px 0 0
	}
}
@media only screen and (max-width:767px) {
	.container {
		max-width: 768px;
		overflow-x: hidden
	}
}
@media only screen and (max-width:979px) {
	.header {
		background: #fff;
		-webkit-transition: -webkit-transform 0.25s ease, height 0.25s ease;
		-moz-transition: -moz-transform 0.25s ease, height 0.25s ease;
		-o-transition: -o-transform 0.25s ease, height 0.25s ease;
		transition: -webkit-transform 0.25s ease, -moz-transform 0.25s ease, -o-transform 0.25s ease, transform 0.25s ease, height 0.25s ease;
		width: 100%;
		height: 62px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 20
	}
	.pointerevents .header:after {
		content: '';
		width: 100%;
		height: 20px;
		position: absolute;
		bottom: -20px;
		left: 0;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);
		pointer-events: none
	}
	.no-pointerevents .header {
		border-bottom: 1px solid #b9c4d3
	}
	.mobileSearch .header {
		height: 140px
	}
}
@media only screen and (min-width:980px) {
	.header .sidebar {
		position: fixed;
		left: 0;
		top: 0;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDA2OGE3IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRlN2QiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
		background-image: -webkit-linear-gradient(left, #0068a7 75%, #004e7d 100%);
		background-image: -moz-linear-gradient(left, #0068a7 75%, #004e7d 100%);
		background-image: -o-linear-gradient(left, #0068a7 75%, #004e7d 100%);
		background-image: linear-gradient(to right, #0068a7 75%, #004e7d 100%);
		width: 50px;
		height: 100%;
		text-align: center;
		min-height: 320px;
		padding-top: 6px;
		z-index: 3
	}
	.no-cssgradients .header .sidebar {
		background: url("../img/s_leftbar_bg.gif") repeat-y right top #0068a7
	}
	.header .sidebar a {
		position: relative;
		display: inline-block;
		width: 50px;
		height: 50px;
		padding-top: 34px;
		font-size: 12px;
		font-weight: 300;
		line-height: 1;
		color: #fff;
		zoom: 1;
		filter: alpha(opacity=50);
		-webkit-opacity: 0.5;
		-moz-opacity: 0.5;
		opacity: 0.5
	}
	.header .sidebar a:hover {
		zoom: 1;
		filter: alpha(opacity=90);
		-webkit-opacity: 0.9;
		-moz-opacity: 0.9;
		opacity: 0.9;
		text-decoration: none
	}
	.header .sidebar a:after {
		font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 18px;
		font-size: 1.2rem;
		position: absolute;
		left: 0;
		top: 10px;
		width: 50px;
		color: #fff;
		text-align: center
	}
	.header .sidebar a.iconHome:after {
		content: "\e609";
		font-size: 21px
	}
	.header .sidebar a.iconSearch:after {
		content: "\e60a"
	}
	.header .sidebar a.iconYoutube:after {
		content: "\e606"
	}
	.header .sidebar a.iconTwitter:after {
		content: "\e607"
	}
	.header .sidebar a.iconFacebook:after {
		content: "\e608"
	}
	.header .sidebar .socialLinks {
		position: absolute;
		text-align: center;
		left: 0;
		bottom: 6px
	}
	.header .sidebar .socialLinks a:after {
		top: 15px
	}
}
@media only screen and (max-width:979px) {
	.header .sidebar {
		display: none
	}
}
.header .logo {
	background: #fff;
	z-index: 6
}
@media only screen and (min-width:980px) {
	.header .logo {
		position: fixed;
		left: 50px;
		top: 0;
		width: 206px;
		height: 100px;
		padding: 18px 0 0 62px
	}
	.header .logo a img {
		width: 76px;
		height: 67px
	}
}
@media only screen and (min-width:1440px) {
	.header .logo {
		left: 75px
	}
}
@media only screen and (max-width:979px) {
	.header .logo {
		position: absolute;
		left: 50%;
		top: 7px;
		margin-left: -27px
	}
	.header .logo a img {
		width: 54px;
		height: 49px
	}
}
@media only screen and (min-width:980px) {
	.header .mobileMenuButton, .header .mobileSearchButton {
		display: none
	}
}
@media only screen and (max-width:979px) {
	.header .mobileMenuButton, .header .mobileSearchButton {
		position: absolute;
		left: 0;
		top: 0;
		width: 62px;
		height: 62px;
		display: block;
		text-align: center;
		padding-top: 40px;
		font-size: 13px;
		color: #6d819b;
		text-transform: uppercase;
		font-weight: bold
	}
	.header .mobileMenuButton:after, .header .mobileSearchButton:after {
		font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: block;
		position: absolute;
		left: 12px;
		top: 6px;
		font-size: 40px
	}
}
.header .mobileMenuButton:after {
	content: "\e60d"
}
@media only screen and (max-width:979px) {
	.header .mobileSearchButton {
		left: auto;
		right: 0
	}
}
.header .mobileSearchButton span:last-child {
	display: none
}
.header .mobileSearchButton:after {
	top: 12px;
	left: 16px;
	content: "\e60a";
	font-size: 25px
}
.mobileSearch .header .mobileSearchButton:after {
	content: "\e627"
}
.mobileSearch .header .mobileSearchButton span:first-child {
	display: none
}
.mobileSearch .header .mobileSearchButton span:last-child {
	display: block
}
.topNav {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	max-width: 1902px;
	height: 50px;
	text-align: right;
	z-index: 1;
	min-width: 1100px;
	min-width: 1230px;
	padding: 12px 0 0 0;
	padding-right: 20px;
}
@media only screen and (max-width:979px) {
	.topNav {
		display: none
	}
}
@media only screen and (min-width:1656px) {
	.topNav {
		margin-left: 306px;
		width: 1341px;
		padding-right: 0;
		left: 0;
	}
}


.topNav h3 {
	float: left;
	font-weight: normal;
	color: #0072bc;
	font-size: 1rem;
	margin-top: 2px
}
.topNav ul li {
	font-weight: bold;
	font-size: 13px;
	font-size: .8rem;
	line-height: 1;
	display: inline-block;
	padding-left: 15px
}
.topNav ul li a {
	color: #6d819b
}
.topNav ul li a:hover {
	text-decoration: underline
}
@media only screen and (min-width:980px) {
	.mobileSearchbar {
		display: none
	}
}
@media only screen and (max-width:979px) {
	.mobileSearchbar {
		position: relative;
		zoom: 1;
		filter: alpha(opacity=0);
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
		margin: 63px 0 0 0;
		padding: 10px 15px 0 15px;
		width: 100%;
		border-top: 1px solid #eaedf1
	}
	.mobileSearch .mobileSearchbar {
		pointer-events: auto;
		zoom: 1;
		filter: alpha(opacity=100);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1
	}
	.mobileSearchbar input[type=search] {
		position: relative;
		border: none;
		height: 54px;
		height: 3.6rem;
		width: 90%;
		margin: 0 62px 0 0;
		padding: 0 !important;
		vertical-align: middle;
		font-size: 16px;
		background-color: transparent;
		-webkit-border-radius: 0 !important;
		-webkit-background-clip: padding-box !important;
		-moz-border-radius: 0 !important;
		-moz-background-clip: padding !important;
		border-radius: 0 !important;
		background-clip: padding-box !important
	}
	.csscalc .mobileSearchbar input[type=search] {
		-lh-property: 0;
		width: -webkit-calc(100% - 60px);
		width: -moz-calc(100% - 60px);
		width: calc(100% - 60px);
	}
	.mobileSearchbar .resetter {
		position: absolute;
		right: 62px;
		top: 27px
	}
	.mobileSearchbar input[type=submit] {
		position: absolute;
		top: 18px;
		right: 15px;
		padding: 0;
		font-size: 18px;
		font-weight: bold;
		color: #6d819b;
		background: #fff;
		-webkit-border-radius: 5px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 5px;
		-moz-background-clip: padding;
		border-radius: 5px;
		background-clip: padding-box;
		border: 1px solid #b9c4d3;
		width: 37px;
		height: 37px;
		text-align: center;
		vertical-align: middle;
		font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
	.mobileSearchbar input[type=submit]:hover {
		border-color: #6d819b
	}
}
.topTasks {
	text-transform: uppercase;
	zoom: 1
}
.topTasks:before {
	content: '';
	display: block
}
.topTasks:after {
	content: '';
	display: table;
	clear: both
}
.topTasks a {
	display: block;
	float: left;
	width: 141px;
	height: 54px;
	height: 3.6rem;
	padding: 16px 5px 0 5px;
	padding: 1.07rem 5px 0 5px;
	border-left: 1px solid #eaedf1;
	font-size: 12px;
	font-size: .9rem;
	font-weight: bold;
	/*color: #0072bc;*/
	text-align: center
}
@media only screen and (min-width:1440px) {
	.topTasks a {
		font-size: .7rem
	}
}
@media only screen and (min-width:1680px) {
	.topTasks a {
		font-size: .7rem
	}
}
.topTasks a:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	padding-right: 5px;
	font-size: 20px;
	font-size: 1.33rem;
	color: #0072bc;
	vertical-align: middle
}
.topTasks a:first-child:before {
	color: #ec008c
}
.no-touch .topTasks a:first-child:hover {
	background-color: #ec008c
}
.no-touch .topTasks a:hover {
	background-color: #0072bc;
	color: #fff;
	text-decoration: none;
	border: none;
	padding-left: 6px
}
.no-touch .topTasks .helpLink{
	color: #ec008c;
}
.no-touch .topTasks a:hover:before {
	color: #fff
}
.topTasks .donateLink {
	color: #ec008c
}
.topTasks .donateLink:before {
	content: "\e61e"
}

.node-type-webshop-product .topTasks .donateLink{
	color: #0072bc;
}
.topTasks .collectorLink:before {
	content: "\e616"
}
.topTasks .shopLink:before {
	content: "\e60f"
}
.topTasks .helpLink:before {
	content: "\e60e"
}
.topTasks .collectLink:before {
	content: "\e616"
}
.topTasks .memberLink:before {
	content: "\e617"
}
.topTasks .dotestLink:before {
	content: "\e61f"
}
.topTasks .newsLink:before {
	content: "\e62c"
}

@media only screen and (min-width:980px) {
	.mobileTopTasks {
		display: none
	}
}
@media only screen and (max-width:979px) {
	.mobileTopTasks {
		position: fixed;
		top: 0;
		left: 0;
		width: 256px;
		height: 63px;
		border-bottom: 1px solid #eaedf1;
		z-index: 2;
		zoom: 1
	}
	.mobileTopTasks:before {
		content: '';
		display: block
	}
	.mobileTopTasks:after {
		content: '';
		display: table;
		clear: both
	}
	.mobileTopTasks a {
		display: block;
		float: left;
		height: 62px;
		width: 128px;
		padding: 22px 2px 0 2px;
		font-size: 12px;
		color: #0072bc;
		font-weight: bold;
		border-left: 1px solid #eaedf1;
		text-align: center;
		text-decoration: none
	}
	.mobileTopTasks a:first-child {
		border: none
	}
}
.container .menu {
	background: #fff
}
.container .menu:after {
	content: '';
	position: fixed;
	bottom: 0;
	display: block;
	height: 40px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyNTUsMjU1LDI1NSkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LDI1NSwyNTUpIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
	pointer-events: none
}
@media only screen and (min-width:980px) {
	.container .menu {
		position: fixed;
		left: 50px;
		top: 0;
		width: 206px;
		height: 100%;
		padding-top: 104px;
		z-index: 5;
		overflow: auto;
		overflow-x: hidden !important
	}
	.csscalc .container .menu {
		padding-top: 0;
		top: 104px;
		-lh-property: 0;
		height: -webkit-calc(100% - 104px);
		height: -moz-calc(100% - 104px);
		height: calc(100% - 104px);
	}
	.container .menu:before, .container .menu:after {
		left: 50px;
		width: 206px
	}
	.container .menu:before {
		top: 104px
	}
}
@media only screen and (min-width:1440px) {
	.container .menu {
		width: 256px
	}
}
@media only screen and (max-width:979px) {
	.container .menu {
		display: none;
		width: 256px;
		height: 100%;
		overflow: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		position: fixed;
		left: 0;
		top: 0;
		padding-top: 63px;
		z-index: 1
	}
	.csscalc .container .menu {
		padding-top: 0;
		top: 63px;
		height: calc(100% - 63px)
	}
	.container .menu:after {
		left: 0;
		width: 256px
	}
	.container .menu:before {
		display: none
	}
}
.container .menu>div>button, .container .menu>div>header {
	display: none
}
.container .menu div {
	position: relative;
	padding-bottom: 40px;
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease
}
.container .menu div.collapsed {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.container .menu div header {
	color: #0072bc;
	background: #fff;
	font-size: 20px;
	font-size: 1.33rem;
	font-weight: normal;
	text-align: left;
	padding: 18px 0 12px 14px;
	min-height: 50px
}
.container .menu div>ul li {
	background: #eaedf1;
	border-bottom: 1px solid #fff;
	line-height: 1;
	overflow: hidden
}
.container .menu div>ul li a {
	position: relative;
	display: block;
	padding: 12px 30px 12px 14px;
	font-size: 14px;
	font-size: .93rem;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.container .menu div>ul li a:active, .container .menu div>ul li a:focus {
	outline: none;
	-moz-outline-style: none
}
.container .menu div>ul li div {
	display: none;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 100%
}
.container .menu div>ul li div .back {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	color: #6d819b;
	font-size: 13px;
	font-size: .8rem;
	text-align: center;
	height: 40px;
	width: 100%;
	padding: 0 2px 0 2px;
	background: #fff
}
.container .menu div>ul li div .back:before {
	content: '\e600\0020terug naar '
}
.no-touch .container .menu div>ul li div .back:hover {
	color: #0072bc
}
.container .menu div>ul li div.categoryMenu>ul>li {
	background: #fff;
	border-bottom: 1px solid #eaedf1
}
.container .menu div>ul li div.categoryMenu>ul>li>a {
	font-weight: normal
}
.container .menu div>ul li div.categoryMenu>ul>li>a span {
	display: block;
	font-size: 12px;
	font-size: .8rem;
	line-height: 1.25;
	color: #666;
	white-space: normal
}
.container .menu div>ul li.label {
	background: #eaedf1 !important;
	font-size: 12px;
	font-size: .8rem;
	padding: 5px 20px 3px 14px;
	font-weight: bold
}
.container .menu div>ul li.hasSubmenu>a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -7px;
	content: "\e603";
	color: #b9c4d3
}
.container .menu div>ul li.hasChildren>a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 12px;
	top: 12px;
	content: "\e605";
	color: #b9c4d3
}
.container .menu div>ul li.hasChildren div {
	display: block;
	position: relative;
	left: auto !important;
	top: auto !important;
	max-height: 0;
	padding-bottom: 0;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in
}
.container .menu div>ul li.hasChildren div button, .container .menu div>ul li.hasChildren div header {
	display: none
}
.container .menu div>ul li.hasChildren ul>li {
	background: #fff;
	border-bottom: 1px solid #eaedf1
}
.container .menu div>ul li.hasChildren ul>li:last-child {
	border-bottom: none
}
.container .menu div>ul li.hasChildren ul>li a {
	padding-left: 24px;
	color: #6d819b;
	font-weight: normal
}
.no-touch .container .menu div>ul li.hasChildren ul>li a:hover {
	color: #0072bc
}
.container .menu div>ul li.hasChildren:last-child ul>li:last-child {
	border-bottom: 1px solid #eaedf1
}
.container .menu div>ul li.hasChildren.expanded>a:after {
	content: "\e604";
	color: #b9c4d3
}
.container .menu div>ul li.hasChildren.expanded div {
	max-height: 900px
}
.container .menu div>ul li.popularLink {
	background: #fff;
	border-bottom: 1px solid #eaedf1
}
.container .menu div>ul li.popularLink>a {
	padding-top: 17px;
	padding-bottom: 17px;
	font-weight: normal
}
.container .menu div>ul li.bookLink>a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 12px;
	top: 12px;
	content: "\e60b";
	color: #b9c4d3
}
.container .menu div>ul li.externalLink>a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 12px;
	top: 12px;
	content: "\e60c";
	color: #b9c4d3;
	font-size: 14px;
	font-size: .93rem
}
.container .menu div>ul li.hiddenMenu {
	height: 0;
	border-bottom: none
}
.container .menu div>ul li.expanded>a {
	color: #0072bc
}
.container .menu div>ul li.expanded>div {
	display: block;
	top: 0;
	left: 100%;
	visibility: visible
}
.container .menu li.active>a {
	text-decoration: none;
	color: #0072bc !important
}
.container .menu li.active>a:after {
	color: #0072bc !important
}
.no-touch .container .menu li:hover>a {
	text-decoration: none;
	color: #0072bc !important
}
.no-touch .container .menu li:hover>a:after {
	color: #0072bc !important
}
.container .menu li.active>a {
	font-weight: bold !important
}
.mainContent {
	z-index: 10;
	position: relative;
	background: #fff;
	overflow: hidden

}
@media only screen and (min-width:768px) {
	.mainContent {
		-webkit-box-shadow: -4px 4px 18px 2px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: -4px 4px 18px 2px rgba(0, 0, 0, 0.3);
		box-shadow: -4px 4px 18px 2px rgba(0, 0, 0, 0.3)

	}
}
.mainContent {
	padding: 54px 0 0 0 !important;
	/* top: 80px !important; */
}

@media screen and (max-width: 979px){
	.mainContent {
	padding: 54px 0 0 0 !important;
	top: 50px !important;
}

}

@media only screen and (min-width:980px) {
	.mainContent {
		margin: 0 0 0 256px;
		top: 50px;
		padding: 54px 0 0 0 !important;
		min-width: 707px;
		-webkit-border-radius: 10px 0 0;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 10px 0 0;
		-moz-background-clip: padding;
		border-radius: 10px 0 0;
		background-clip: padding-box
	}
}
@media only screen and (min-width:1440px) {
	.mainContent {
		margin-left: 306px;
		padding: 61px 0 0 0 !important;
		top: 50px;
	}
}
@media only screen and (max-width:979px) {
	.mainContent {
		-webkit-transition: -webkit-transform 0.25s ease;
		-moz-transition: -moz-transform 0.25s ease;
		-o-transition: -o-transform 0.25s ease;
		transition: -webkit-transform 0.25s ease, -moz-transform 0.25s ease, -o-transform 0.25s ease, transform 0.25s ease;
		margin: 0 0 0 0;
		padding: 11px 0 0 0 !important;
		-webkit-box-shadow: 7px 0px 31.5px 3.5px rgba(0, 0, 0, 0.45);
		-moz-box-shadow: 7px 0px 31.5px 3.5px rgba(0, 0, 0, 0.45);
		box-shadow: 7px 0px 31.5px 3.5px rgba(0, 0, 0, 0.45);
		overflow-x: hidden
	}
}
.mainContent h1 {
	color: #0072bc;
	margin-bottom: .4em
}
@media only screen and (min-width:768px) {
	.mainContent h1 {
		padding-left: 12%; /*padding-left: 12%;*/
        padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.mainContent h1 {
		padding-right: 15%;
		padding-left: 15%;
	}
}
@media only screen and (min-width:768px) {
	.mainContent h1 {
		font-size: 46px;
		font-size: 3rem
	}
}
@media only screen and (max-width:767px) {
	.mainContent h1 {
		font-size: 32px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.newsReactions, time{
		padding-left: 10px;
		padding-right: 10px;
	}
}
.mainContent h1:first-child {
	padding-top: 35px
}
.newsList {
	padding: 10px 10px;
}
.mainContent h5, .mainContent h6 {
	color: #0072bc;
	text-transform: uppercase;
    /*padding-top: 20px;*/
}
@media only screen and (min-width:768px) {
	.mainContent h5, .mainContent h6 {
		font-size: 1rem
	}
}
@media only screen and (max-width:767px) {
	.mainContent h5, .mainContent h6 {
		font-size: 14px
	}
}
.mainContent h6 {
	color: #5b5b5b
}
.mainContent ul {
	padding: 0 0 0 1em
}
.mainContent ul li {
	padding: 0 0 .5em 0
}
.mainContent ul:last-child li:last-child {
	padding-bottom: 0
}
img.imgRight {
	-webkit-border-radius: 22px 0 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0 22px 22px;
	background-clip: padding-box
}
@media only screen and (min-width:768px) {
	img.imgRight {
		margin: 3px 0 10px 5rem;
		float: right;
		max-width: 290px;
		max-width: 45%
	}
}
@media only screen and (max-width:767px) {
	img.imgRight {
		display: block;
		margin: 10px 0;
		max-width: 280px
	}
}
section {
	zoom: 1;
	background-color: #fff
}
@media only screen and (min-width:768px) {
	section {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	section {
		padding-right: 15%;
		padding-left: 15%
	}
}
section:before {
	content: '';
	display: block
}
section:after {
	content: '';
	display: table;
	clear: both
}
section img {
	max-width: 100%
}

.headerVideo, .headerYoutube{
	min-height: 222px;
	/* margin-top: 38px; */
}

@media screen and (min-width: 980px){
	.headerVideo, .headerYoutube{
		margin-top: 0;
        min-height: 360px
	}
}

.headerImage{
	min-height: 400px;
	background-position: center 40% !important;
}

@media only screen and (min-width:768px) {
	.headerImage, .headerVideo, .headerYoutube {
		margin-bottom: 30px
	}
}
@media only screen and (max-width:767px) {
	.headerImage, .headerVideo, .headerYoutube {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 540px){
	.headerImage{
		min-height: 200px !important;

		background-position: center top !important;

		/*margin-top: 38px;*/
	}
}

.headerImage, .headerVideo, .headerYoutube, .contentVideo, .contentYoutube {
	display: block;
	-webkit-transition: padding 0.4s;
	-moz-transition: padding 0.4s;
	-o-transition: padding 0.4s;
	transition: padding 0.4s;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: top center;
	width: 100%
}
@media only screen and (min-width:768px) {
	.headerImage, .headerVideo, .headerYoutube, .contentVideo, .contentYoutube {

		/*height:0;padding-bottom:110px;padding-top:25%*/
	}
}
@media only screen and (max-width:767px) {
	.headerImage, .headerVideo, .headerYoutube, .contentVideo, .contentYoutube {
		margin-bottom: 0
	}
}
.headerImage img, .headerVideo img, .headerYoutube img, .contentVideo img, .contentYoutube img {
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.headerImage header, .headerVideo header, .headerYoutube header, .contentVideo header, .contentYoutube header {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-style: italic;
}
.no-cssgradients .headerImage header, .no-cssgradients .headerVideo header, .no-cssgradients .headerYoutube header, .no-cssgradients .contentVideo header, .no-cssgradients .contentYoutube header {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkODE5YiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDgxOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}
@media only screen and (min-width:768px) {
	.headerImage header, .headerVideo header, .headerYoutube header, .contentVideo header, .contentYoutube header {
		padding: 5px 150px 5px 20px;
		font-size: 1rem;
		line-height: 1.6
	}
}
@media only screen and (max-width:767px) {
	.headerImage header, .headerVideo header, .headerYoutube header, .contentVideo header, .contentYoutube header {
		padding: 10px 20px 10px 20px;
		font-size: 14px;
		line-height: 1.4
	}
}
.headerImage header strong, .headerVideo header strong, .headerYoutube header strong, .contentVideo header strong, .contentYoutube header strong {
	display: block;
	font-style: normal
}

.headerImage header.highlight, .headerVideo header.highlight, .headerYoutube header.highlight, .contentVideo header.highlight, .contentYoutube header.highlight {
	font-style: normal
}
.headerImage header.highlight:before, .headerVideo header.highlight:before, .headerYoutube header.highlight:before, .contentVideo header.highlight:before, .contentYoutube header.highlight:before {
	content: 'Uitgelicht';
	display: block;
	font-weight: bold
}
@media only screen and (min-width:768px) {
	.headerImage header.highlight:before, .headerVideo header.highlight:before, .headerYoutube header.highlight:before, .contentVideo header.highlight:before, .contentYoutube header.highlight:before {
		font-size: 3rem;
		line-height: 1.3
	}
}

@media only screen and (max-width:767px) {
    .headerVideo header span {
        display: none;
    }
}

@media only screen and (max-width:767px) {
	.headerImage header.highlight:before, .headerVideo header.highlight:before, .headerYoutube header.highlight:before, .contentVideo header.highlight:before, .contentYoutube header.highlight:before {
		font-size: 38px;
		line-height: 1.2
	}
}
.headerImage header.highlight strong, .headerVideo header.highlight strong, .headerYoutube header.highlight strong, .contentVideo header.highlight strong, .contentYoutube header.highlight strong {
	font-weight: normal;
	display: inline-block
}
.headerImage header.highlight small, .headerVideo header.highlight small, .headerYoutube header.highlight small, .contentVideo header.highlight small, .contentYoutube header.highlight small {
	display: inline-block;
	font-size: 15px;
	font-size: 1.05rem;
	white-space: nowrap;
	line-height: 1
}
.headerImage header.highlight small:before, .headerVideo header.highlight small:before, .headerYoutube header.highlight small:before, .contentVideo header.highlight small:before, .contentYoutube header.highlight small:before {
	display: inline-block;
	vertical-align: middle;
	padding-right: 2px;
	content: ">";
	color: #ec008c
}
.headerImage .languageLinksDesktop, .headerVideo .languageLinksDesktop, .headerYoutube .languageLinksDesktop, .contentVideo .languageLinksDesktop, .contentYoutube .languageLinksDesktop {
	position: absolute;
	right: 17px;
	z-index: 4
}
@media only screen and (min-width:768px) {
	.headerImage .languageLinksDesktop, .headerVideo .languageLinksDesktop, .headerYoutube .languageLinksDesktop, .contentVideo .languageLinksDesktop, .contentYoutube .languageLinksDesktop {
		bottom: 16px
	}
}
@media only screen and (max-width:767px) {
	.headerImage .languageLinksDesktop, .headerVideo .languageLinksDesktop, .headerYoutube .languageLinksDesktop, .contentVideo .languageLinksDesktop, .contentYoutube .languageLinksDesktop {
		display: none;
		top: 10px
	}
}
.headerImage .languageLinksDesktop ul, .headerVideo .languageLinksDesktop ul, .headerYoutube .languageLinksDesktop ul, .contentVideo .languageLinksDesktop ul, .contentYoutube .languageLinksDesktop ul {
	list-style: none
}
.headerImage .languageLinksDesktop ul li, .headerVideo .languageLinksDesktop ul li, .headerYoutube .languageLinksDesktop ul li, .contentVideo .languageLinksDesktop ul li, .contentYoutube .languageLinksDesktop ul li {
	list-style: none;
	display: inline-block;
	padding: 5px 4px 5px 2px;
	color: #fff;
	line-height: 1
}
.headerImage .languageLinksDesktop ul li:before, .headerVideo .languageLinksDesktop ul li:before, .headerYoutube .languageLinksDesktop ul li:before, .contentVideo .languageLinksDesktop ul li:before, .contentYoutube .languageLinksDesktop ul li:before {
	content: '|';
	display: inline-block;
	padding-right: 7px
}
.headerImage .languageLinksDesktop ul li:first-child:before, .headerVideo .languageLinksDesktop ul li:first-child:before, .headerYoutube .languageLinksDesktop ul li:first-child:before, .contentVideo .languageLinksDesktop ul li:first-child:before, .contentYoutube .languageLinksDesktop ul li:first-child:before {
	display: none
}
.headerImage .languageLinksDesktop ul li:hover, .headerVideo .languageLinksDesktop ul li:hover, .headerYoutube .languageLinksDesktop ul li:hover, .contentVideo .languageLinksDesktop ul li:hover, .contentYoutube .languageLinksDesktop ul li:hover {
	text-decoration: underline
}
.headerImage iframe, .headerVideo iframe, .headerYoutube iframe, .contentVideo iframe, .contentYoutube iframe {
	width: 100%;
	height: 100%
}
.headerImage:hover small, .headerVideo:hover small, .headerYoutube:hover small, .contentVideo:hover small, .contentYoutube:hover small {
	text-decoration: underline !important
}
.languageLinksMobile {
	background-color: #e5f1f8;
	right: 17px;
	z-index: 4;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	padding-right: 15px;
	margin-bottom: 20px
}
@media only screen and (min-width:768px) {
	.languageLinksMobile {
		display: none !important;
		bottom: 16px
	}
}
@media only screen and (max-width:767px) {
	.languageLinksMobile {
		top: 10px;
		display: block !important
	}
}
.languageLinksMobile ul {
	list-style: none
}
.languageLinksMobile ul li {
	list-style: none;
	display: inline-block;
	padding: 5px 4px 5px 2px;
	color: #000;
	line-height: 1;
	cursor: pointer;
}
.languageLinksMobile ul li:before {
	content: '|';
	display: inline-block;
	padding-right: 7px
}
.languageLinksMobile ul li:first-child:before {
	display: none
}
.languageLinksMobile ul li:hover {
	text-decoration: underline
}
.headerImage {
	position: relative
}
@media only screen and (max-width:767px) {
	.headerImage {
		margin-bottom: 20px
	}
}
.headerImage figcaption {
	display: block;
	width: 43%;
	height: 100%;
	z-index: 2
}
@media only screen and (max-width:767px) {
	.headerImage figcaption {
		width: 100%
	}
}
.headerImage figcaption span {
	display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 40%;
	color: #fff;
	border-radius: 9px;
	border-top-right-radius: 0;
	padding: 20px
}
.headerImage figcaption span.textballoon {
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 9px;
	border-top-right-radius: 0;
	padding: 20px
}
.headerImage figcaption span.noBalloon {
	background: none;
	border-radius: 9px;
	border-top-right-radius: 0;
	padding: 20px;
	width: 40%
}
@media only screen and (max-width:767px) {
	.headerImage figcaption span {
		width: 100%;
		left: auto;
		text-align: right;
		display: block;
		border-radius: 0;
		bottom: 0;
		padding: 10px !important
	}
}
.headerImage figcaption span q {
	display: block;
	font-family: 'kievit';
	line-height: 1.2;
	margin-bottom: 5px;
	font-weight: bold;
	color: #0072bc
}
@media only screen and (min-width:768px) {
	.headerImage figcaption span q {
		font-size: 26px;
        font-size: 1.70rem;
	}
}
@media only screen and (max-width:767px) {
	.headerImage figcaption span q {
		display: none;
		font-size: 18px
	}
}
.headerImage figcaption span q:before {
	content: '\2019'
}
.headerImage figcaption span q:after {
	content: '\2019'
}
.headerImage figcaption span strong {
	color: #000;
	font-weight: normal
}
.headerVideo, .contentVideo {
	cursor: pointer
}
.headerVideo:after, .contentVideo:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background-color: #ec008c;
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e615";
	text-align: center;
	line-height: 1;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2
}
@media only screen and (min-width:768px) {
	.headerVideo:after, .contentVideo:after {
		width: 95px;
		width: 6.33rem;
		height: 95px;
		height: 6.33rem;
		font-size: 60px;
		font-size: 4rem;
		margin: -47px 0 0 -47px;
		padding-top: 18px;
		padding-top: 1.2rem
	}
}
@media only screen and (max-width:767px) {
	.headerVideo:after {
		width: 35px;
		height: 35px;
		font-size: 20px;
		margin: -30px 0 0 -15px;
		padding-top: 8px
	}
}
@media only screen and (max-width:767px) {
    .contentVideo:after {
        width: 60px;
        height: 60px;
        font-size: 45px;
        margin: -30px 0 0 -30px;
        padding-top: 8px
    }
}
.headerVideo:hover:after, .contentVideo:hover:after {
	background-color: #0072bc
}
.headerYoutube {
	background: #000 !important
}
@media only screen and (min-width:768px) {
	.headerYoutube {
		padding-top: 0;
		padding-bottom: 60%
	}
	.headerYoutube iframe {
		height: 100%;
		position: absolute
	}
}
@media only screen and (max-width:767px) {
	.headerYoutube {
		height: 180px
	}
}
.mainContent .video {
	padding-bottom: 40px
}
@media only screen and (min-width:768px) {
	.mainContent .video {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.mainContent .video {
		padding-right: 15%;
		padding-left: 15%
	}
}
@media only screen and (min-width:1680px) {
	.mainContent{
		padding: 68px 0 0 0 !important;
	}
}
@media only screen and (min-width:768px) {
	.mainContent .video .contentVideo, .mainContent .video .contentYoutube {
		height: 330px;
		-webkit-border-radius: 23px 0 23px 23px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 23px 0 23px 23px;
		-moz-background-clip: padding;
		border-radius: 23px 0 23px 23px;
		background-clip: padding-box
	}
}
@media only screen and (max-width:767px) {
	.mainContent .video .contentVideo, .mainContent .video .contentYoutube {
		height: 330px;
		-webkit-border-radius: 23px 0 23px 23px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 23px 0 23px 23px;
		-moz-background-clip: padding;
		border-radius: 23px 0 23px 23px;
		background-clip: padding-box
	}
}
.intro {
	color: #0072bc;
	font-style: italic;
	padding-bottom: 28px
}
@media only screen and (max-width:767px) {
	.intro, .wideCtaImage, .related, .doormat, .crumblePath {
		padding-left: 10px !important;
		padding-right: 10px !important
	}
}
.text {
	background-color: #fff;
	padding-bottom: 28px
}
@media only screen and (max-width:767px) {
	.text, .textTwoColumns h5, .thumbLinks {
		padding-left: 14px;
		padding-right: 14px
	}
	 .textTwoColumns h5{
	 	padding-left: 0;
	 }
}
.nextPage {
	width: 85% !important;
	margin-right: 0 !important;
}
.quote {
	position: relative;
	padding-bottom: 60px
}
@media only screen and (min-width:768px) {
	.quote {
		min-height: 140px
	}
}
@media only screen and (max-width:767px) {
	.quote {
		padding-top: 150px;
		padding-left: 10px;
		padding-right: 10px
	}
}
.quote:before {
	content: '';
	display: block;
	position: absolute;
	top: 13px;
	width: 114px;
	width: 7.6rem;
	height: 114px;
	height: 7.6rem;
	border: 1px solid #ec008c;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
	-webkit-border-radius: 15px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 15px;
	-moz-background-clip: padding;
	border-radius: 15px;
	background-clip: padding-box;
	z-index: 0
}
@media only screen and (min-width:768px) {
	.quote:before {
		left: 104px;
		left: 12%
	}
}
@media only screen and (min-width:1440px) {
	.quote:before {
		left: 15%
	}
}
@media only screen and (max-width:767px) {
	.quote:before {
		left: 50%;
		margin-left: -57px
	}
}
.quote figure {
	position: absolute;
	top: 13px;
	width: 114px;
	width: 7.6rem;
	height: 114px;
	height: 7.6rem;
	-webkit-border-radius: 15px 0 15px 15px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 15px 0 15px 15px;
	-moz-background-clip: padding;
	border-radius: 15px 0 15px 15px;
	background-clip: padding-box;
	background-size: cover;
	z-index: 2
}
@media only screen and (min-width:768px) {
	.quote figure {
		left: 104px;
		left: 12%
	}
}
@media only screen and (min-width:1440px) {
	.quote figure {
		left: 15%
	}
}
@media only screen and (max-width:767px) {
	.quote figure {
		left: 50%;
		margin-left: -57px
	}
}
.quote figure img {
	max-width: 100%;
	max-height: 100%
}
.quote q {
	display: block;
	font-family: 'it_aint_rocket_science', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.2;
	color: #0072bc;
	margin: 0 0 16px 0
}
@media only screen and (min-width:768px) {
	.quote q {
		margin-left: 162px;
		margin-left: 10.8rem;
		font-size: 26px;
		font-size: 1.73rem
	}
}
@media only screen and (max-width:767px) {
	.quote q {
		font-size: 18px
	}
}
.quote q:before {
	content: '\2018'
}
.quote q:after {
	content: '\2019'
}
.quote .quoteName {
	margin: 0 0 25px 0;
	color: #0072bc
}
@media only screen and (min-width:768px) {
	.quote .quoteName {
		margin-left: 162px;
		margin-left: 10.8rem
	}
}
.quote a {
	padding-left: 9px;
	position: relative;
	display: inline-block;
	font-weight: bold
}
.quote a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.quote a:hover {
	text-decoration: none;
	color: #0072bc
}
@media only screen and (min-width:768px) {
	.quote a {
		margin-left: 162px;
		margin-left: 10.8rem
	}
}
.textTwoColumns {
	text-align: justify
}
.textTwoColumns:after {
	content: '';
	width: 100%;
	display: inline-block
}
.textTwoColumns>.column {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	text-align: left
}
@media only screen and (max-width:767px) {
	.textTwoColumns>.column {
		display: block;
		width: 100%;
		/*padding: 18px 14px*/
	}
}
.textTwoColumns+.textTwoColumns {
	border-top: 1px solid #fff
}
.text iframe, .textTwoColumns iframe {
	max-width: 100%
}
.accordeon {
	padding-bottom: 28px
}
.accordeon .accordeonContainer {
	border: 1px solid #b9c4d3;
	-webkit-border-radius: 22px 0 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0 22px 22px;
	background-clip: padding-box
}
.accordeon .accordeonContainer details {
	position: relative
}
.accordeon .accordeonContainer details>div {
	padding: 5px 45px 5px 22px
}
.accordeon .accordeonContainer details>div .imgRight {
	max-width: 245px
}
.accordeon .accordeonContainer details>summary {
	position: relative;
	display: block;
	cursor: pointer;
	padding: 12px 45px 10px 22px;
	border-top: 1px solid #b9c4d3;
	font-weight: bold;
	color: #0072bc
}
.accordeon .accordeonContainer details>summary:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e605";
	font-size: 18px;
	font-size: 1.2rem;
	color: #ec008c;
	position: absolute;
	right: 15px;
	top: 14px
}
.accordeon .accordeonContainer details>summary::-webkit-details-marker {
	display: none
}
.accordeon .accordeonContainer details>summary:active, .accordeon .accordeonContainer details>summary:focus {
	outline: none
}
.accordeon .accordeonContainer details>summary:hover:after {
	color: #0072bc
}
.accordeon .accordeonContainer details[open]>div {
	animation-name: fadeInDown;
	animation-duration: .5s
}
.accordeon .accordeonContainer details[open]>summary:after {
	content: "\e604";
	color: #0072bc
}
.no-details .accordeon .accordeonContainer details>div {
	position: absolute;
	visibility: hidden
}
.no-details .accordeon .accordeonContainer details>summary, .no-details .accordeon .accordeonContainer details[open]>div {
	position: static;
	visibility: visible
}
.accordeon .accordeonContainer details:first-child summary {
	border: none
}
.supportForm {
	text-align: center;
	padding: 22px 0;
	width: 291px;
	width: 100%;
	background: #fff;
	border: 1px solid #b9c4d3;
	-webkit-border-radius: 50px 0 50px 50px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50px 0 50px 50px;
	-moz-background-clip: padding;
	border-radius: 50px 0 50px 50px;
	background-clip: padding-box
}
@media only screen and (min-width:768px) {
	.supportForm {
		margin: 10px 0 0 -24px
	}
}
@media only screen and (max-width:767px) {
	.supportForm {
		margin: 10px 0 0 0
	}
}
.supportForm div {
	text-align: center;
	margin-bottom: 35px
}
.supportForm div input[type=radio] {
	display: none
}
.supportForm div label {
	cursor: pointer;
	display: inline-block;
	padding: 12px;
	margin: 0 4px;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box
}
.supportForm div label.active {
	font-weight: bold;
	color: #fff;
	background-color: #0072bc
}
.supportForm button[type=submit] {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	margin-right: 0;
	float: right;
	height: 53px;
	border-radius: 0;
	border-top-right-radius: 9px;
	border-bottom-right-radius: 9px;
	font-size: 20px !important;
	padding: 15px 20px 14px 20px !important
}
.no-touch .supportForm button[type=submit]:hover, .no-touch .supportForm button[type=submit].hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.supportForm button[type=submit] {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.supportForm button[type=submit] {
		font-size: 15px
	}
}
.supportForm button[type=submit]:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.supportForm button[type=submit]:hover {
	text-decoration: none
}
@media only screen and (max-width:367px) {
	.supportForm button[type=submit] {
		display: block;
		float: none;
		width: 100%;
		border-radius: 9px
	}
    .maak-nu-kennis {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        margin-left: auto!important;
        margin-right: auto!important;
    }
}
.related {
	zoom: 1;
	position: relative;
	padding: 26px 0 28px 0
}
.related:before {
	content: '';
	display: block
}
.related:after {
	content: '';
	display: table;
	clear: both
}
@media only screen and (min-width:768px) {
	.related {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.related {
		padding-right: 15%;
		padding-left: 15%
	}
}
.rgba .related {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 7px);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 7px);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 7px);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 7px)
}
.no-rgba .related, .no-cssgradients .related {
	background: url("../img/related_shadow.png") repeat-x #fff
}
.related .links {
	zoom: 1;
	margin: 10px 0 0 0
}
.related .links:before {
	content: '';
	display: block
}
.related .links:after {
	content: '';
	display: table;
	clear: both
}
.related .links a {
	padding: 10px 0;
	position: relative;
	font-weight: bold;
	display: block;
	font-weight: normal;
	color: #5b5b5b;
	float: left;
	display: block;
	width: 100%;
}

@media screen and (min-width: 768px){
	.related .links a {
	width: 50%;

}
}
.related .links a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.related .links a:hover {
	text-decoration: none;
	color: #0072bc
}
.related .links a:before {
	color: #ec008c
}
.related .links a:hover {
	color: #ec008c
}

.related .shareBtn {
	margin: 30px 0 21px 0;
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	background-color: #fff;
	border: 1px solid #b9c4d3;
	color: #6d819b;
	vertical-align: top
}
.no-touch .related .shareBtn:hover, .no-touch .related .shareBtn.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.related .shareBtn {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.related .shareBtn {
		font-size: 15px
	}
}
.related .shareBtn:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.related .shareBtn:hover {
	text-decoration: none
}
.no-touch .related .shareBtn:hover {
	background-color: #fff !important;
	color: #6d819b !important;
	border-color: #6d819b
}
.related .shareBtn:before {
	content: '\e613'
}
@media only screen and (max-width:767px) {
	.related .shareBtn {
		display: none
	}
}
.related .printBtn {
	margin: 30px 0 21px 0;
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	background-color: #fff;
	border: 1px solid #b9c4d3;
	color: #6d819b;
	vertical-align: top
}
.no-touch .related .printBtn:hover, .no-touch .related .printBtn.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.related .printBtn {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.related .printBtn {
		font-size: 15px
	}
}
.related .printBtn:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.related .printBtn:hover {
	text-decoration: none
}
.no-touch .related .printBtn:hover {
	background-color: #fff !important;
	color: #6d819b !important;
	border-color: #6d819b
}
.related .printBtn:before {
	content: '\e610'
}
@media only screen and (max-width:767px) {
	.related .printBtn {
		display: none
	}
}
.related .topBtn {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	background-color: #fff;
	border: 1px solid #b9c4d3;
	color: #6d819b;
	display: none;
	position: fixed;
	z-index: 10;
	bottom: 12px;
	right: 0;
	padding: 10px 10px 9px 10px;
	height: auto;
	font-size: 14px !important;
	font-size: .93rem !important
}
.no-touch .related .topBtn:hover, .no-touch .related .topBtn.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.related .topBtn {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.related .topBtn {
		font-size: 15px
	}
}
.related .topBtn:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.related .topBtn:hover {
	text-decoration: none
}
.no-touch .related .topBtn:hover {
	background-color: #fff !important;
	color: #6d819b !important;
	border-color: #6d819b
}
.related .topBtn:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	content: "\e602";
	font-size: 12px;
	font-size: .8rem
}
@media only screen and (max-width:767px) {
	.related .topBtn {
		display: block
	}
}
.related .share {
	margin: 30px 0 21px 0;
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	background-color: #fff;
	border: 1px solid #b9c4d3;
	color: #6d819b;
	vertical-align: top;
	width: 185px;
	padding: 12px 0 10px 0
}

.share img{
	display: none;
}

.no-touch .related .share:hover, .no-touch .related .share.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.related .share {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.related .share {
		font-size: 15px
	}
}
.related .share:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.related .share:hover {
	text-decoration: none
}
.no-touch .related .share:hover {
	background-color: #fff !important;
	color: #6d819b !important;
	border-color: #6d819b
}
@media only screen and (min-width:768px) {
	.related .share {
		display: none
	}
}
@media only screen and (max-width:767px) {
	.related .share {
		width: 100%;
		text-align: center
	}
	.related .share:before {
		font-size: 15px;
		content: 'Delen:';
		display: inline-block;
		margin: 0 -8px 0 8px
	}
}
.related .nextPage {
	display: block;
	width: 85% !important;
	background-color: #0072bc;
	color: #fff;
	padding: 23px 20px 0 26px;
	padding: 1.3rem;
	-webkit-border-radius: 9px 0 0 9px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 9px 0 0 9px;
	-moz-background-clip: padding;
	border-radius: 9px 0 0 9px;
	background-clip: padding-box;
	font-weight: normal
}
.related .nextPage>span {
	display: block;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	text-overflow: ellipsis
}
@media only screen and (min-width:768px) {
	.related .nextPage {
		-webkit-transition: -webkit-transform 0.5s ease-out 1s;
		-moz-transition: -moz-transform 0.5s ease-out 1s;
		-o-transition: -o-transform 0.5s ease-out 1s;
		transition: -webkit-transform 0.5s ease-out 1s, -moz-transform 0.5s ease-out 1s, -o-transform 0.5s ease-out 1s, transform 0.5s ease-out 1s
	}
	.related .nextPage.outside {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%)
	}
}
@media only screen and (min-width:768px) {
	.related .nextPage {
		position: absolute;
		right: 0;
		bottom: 28px;
		width: 36% !important;
	}
}
@media only screen and (max-width:767px) {
	.related .nextPage {
		position: relative;
		float: right;
		margin-right: -20px !important;
	}
	.no-csscalc .related .nextPage {
		width: 100%
	}
	.csscalc .related .nextPage {
		width: calc(100% + 20px)
	}
}
.related.news, .related.blogs {
	padding-top: 0;
	background: transparent
}
.serviceBlock {
	position: relative;
	background-color: #0071ba;
	text-align: center
}
@media only screen and (min-width:768px) {
	.serviceBlock {
		padding: 36px 0 40px 0
	}
}
@media only screen and (max-width:767px) {
	.serviceBlock {
		padding: 22px 0 30px 0
	}
}
.serviceBlock h6 {
	text-align: center;
	text-transform: none;
	color: #fff;
	font-weight: bold;
	font-style: italic
}
@media only screen and (min-width:768px) {
	.serviceBlock h6 {
		font-size: 25px;
		font-size: 1.67rem;
		margin-bottom: 22px
	}
}
@media only screen and (max-width:767px) {
	.serviceBlock h6 {
		font-size: 18px;
		margin-bottom: 15px
	}
}
.serviceBlock .service {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	font-size: .93rem;
	color: #fff;
	border-right: 1px solid #005a95;
	margin-right: -4px;
	text-align: center;
	padding: 0 5px 5px 5px
}
@media only screen and (min-width:768px) {
	.serviceBlock .service {
		width: 195px;
		width: 25%;
		min-height: 100px
	}
}
@media only screen and (max-width:767px) {
	.serviceBlock .service {
		width: 100px;
		padding-bottom: 0
	}
}
.serviceBlock .service:last-child {
	border: none
}
.serviceBlock .service header {
	font-weight: bold;
	text-transform: uppercase
}
.serviceBlock .service header:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	text-align: center;
	margin-bottom: 12px
}
@media only screen and (min-width:768px) {
	.serviceBlock .service header:before {
		font-size: 60px;
		font-size: 4rem
	}
}
@media only screen and (max-width:767px) {
	.serviceBlock .service header:before {
		font-size: 40px
	}
}
@media only screen and (max-width:767px) {
	.serviceBlock .service header {
		min-height: 90px
	}
}
.serviceBlock .service a {
	color: #fff
}
.serviceBlock .service.mail header:before {
	content: "\e61b"
}
.serviceBlock .service.call header:before, .serviceBlock .service.advice header:before {
	content: "\e611"
}
.serviceBlock .service.follow header:before {
	content: "\e612"
}
@media only screen and (min-width:768px) {
	.serviceBlock .service.follow .twitterLink, .serviceBlock .service.follow .facebookLink {
		display: block;
		text-align: center;
		/*margin-left: 40px*/
	}
}
@media only screen and (max-width:767px) {
	.serviceBlock .service.follow .twitterLink, .serviceBlock .service.follow .facebookLink {
		display: inline-block;
		width: 36%;
		text-align: center
	}
}
.serviceBlock .service.nearyou header:before {
	content: "\e61a"
}
.serviceBlock .service.faq header:before {
	content: "\e61c"
}
.serviceBlock .service.forum header:before {
	content: "\e614"
}
@media only screen and (max-width:767px) {
	.serviceBlock .service .info {
		display: none;
		position: absolute;
		width: 320px;
		left: 50%;
		margin: 10px 0 0 -160px;
		text-align: center
	}
	.serviceBlock .service.active {
		margin-bottom: 45px
	}
	.serviceBlock .service.active .info {
		display: block
	}
	.serviceBlock .service.inactive {
		color: #80b8dd
	}
}
.smallCTAText, .smallCTAProduct, .smallCTABgImage, .smallCTAForum {
	display: block;
	background-color: #fff;
	border: 1px solid #b9c4d3;
	color: #5b5b5b;
	font-weight: normal;
	-webkit-border-radius: 20px 0 20px 20px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 20px 0 20px 20px;
	-moz-background-clip: padding;
	border-radius: 20px 0 20px 20px;
	background-clip: padding-box;
	padding: 0 27px 24px 27px
}
img.smallCTABgImage {
    padding: 0px;

}


.smallCTAText.smallCTAProduct, .smallCTAProduct.smallCTAProduct, .smallCTABgImage.smallCTAProduct, .smallCTAForum.smallCTAProduct {
	text-align: center
}
.smallCTAText.smallCTAText, .smallCTAProduct.smallCTAText, .smallCTABgImage.smallCTAText, .smallCTAForum.smallCTAText, .smallCTAText.smallCTAForum, .smallCTAProduct.smallCTAForum, .smallCTABgImage.smallCTAForum, .smallCTAForum.smallCTAForum {
	background-color: #e5f1f8;
	border: none
}
.smallCTAText.smallCTAForum nav, .smallCTAProduct.smallCTAForum nav, .smallCTABgImage.smallCTAForum nav, .smallCTAForum.smallCTAForum nav {
	margin: 12px 0 25px 0
}
.smallCTAText.smallCTAForum nav a, .smallCTAProduct.smallCTAForum nav a, .smallCTABgImage.smallCTAForum nav a, .smallCTAForum.smallCTAForum nav a {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	color: #5b5b5b;
	display: block;
	padding-top: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #fff;
	font-weight: normal
}
.smallCTAText.smallCTAForum nav a:before, .smallCTAProduct.smallCTAForum nav a:before, .smallCTABgImage.smallCTAForum nav a:before, .smallCTAForum.smallCTAForum nav a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.smallCTAText.smallCTAForum nav a:hover, .smallCTAProduct.smallCTAForum nav a:hover, .smallCTABgImage.smallCTAForum nav a:hover, .smallCTAForum.smallCTAForum nav a:hover {
	text-decoration: none;
	color: #0072bc
}
.smallCTAText.smallCTAForum nav a:before, .smallCTAProduct.smallCTAForum nav a:before, .smallCTABgImage.smallCTAForum nav a:before, .smallCTAForum.smallCTAForum nav a:before {
	color: #ec008c
}
.smallCTAText.smallCTAForum nav a:hover, .smallCTAProduct.smallCTAForum nav a:hover, .smallCTABgImage.smallCTAForum nav a:hover, .smallCTAForum.smallCTAForum nav a:hover {
	color: #ec008c
}
.smallCTAText.smallCTAForum div a, .smallCTAProduct.smallCTAForum div a, .smallCTABgImage.smallCTAForum div a, .smallCTAForum.smallCTAForum div a {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	height: auto;
	line-height: 1;
	margin: 0
}
.no-touch .smallCTAText.smallCTAForum div a:hover, .no-touch .smallCTAProduct.smallCTAForum div a:hover, .no-touch .smallCTABgImage.smallCTAForum div a:hover, .no-touch .smallCTAForum.smallCTAForum div a:hover, .no-touch .smallCTAText.smallCTAForum div a.hover, .no-touch .smallCTAProduct.smallCTAForum div a.hover, .no-touch .smallCTABgImage.smallCTAForum div a.hover, .no-touch .smallCTAForum.smallCTAForum div a.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.smallCTAText.smallCTAForum div a, .smallCTAProduct.smallCTAForum div a, .smallCTABgImage.smallCTAForum div a, .smallCTAForum.smallCTAForum div a {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.smallCTAText.smallCTAForum div a, .smallCTAProduct.smallCTAForum div a, .smallCTABgImage.smallCTAForum div a, .smallCTAForum.smallCTAForum div a {
		font-size: 15px
	}
}
.smallCTAText.smallCTAForum div a:before, .smallCTAProduct.smallCTAForum div a:before, .smallCTABgImage.smallCTAForum div a:before, .smallCTAForum.smallCTAForum div a:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.smallCTAText.smallCTAForum div a:hover, .smallCTAProduct.smallCTAForum div a:hover, .smallCTABgImage.smallCTAForum div a:hover, .smallCTAForum.smallCTAForum div a:hover {
	text-decoration: none
}
.smallCTAText.smallCTABgImage.image-on-bg, .smallCTAProduct.smallCTABgImage.image-on-bg, .smallCTABgImage.smallCTABgImage.image-on-bg, .smallCTAForum.smallCTABgImage.image-on-bg {
	border: solid 4px #fff;
	text-align: center
}
.smallCTAText.smallCTABgImage.image-on-bg.dark h5, .smallCTAProduct.smallCTABgImage.image-on-bg.dark h5, .smallCTABgImage.smallCTABgImage.image-on-bg.dark h5, .smallCTAForum.smallCTABgImage.image-on-bg.dark h5 {
	color: #5b5b5b !important;
	text-shadow: 0 1px 1px #fff !important;
	opacity: 0
}
.smallCTAText.smallCTABgImage.image-on-bg figure, .smallCTAProduct.smallCTABgImage.image-on-bg figure, .smallCTABgImage.smallCTABgImage.image-on-bg figure, .smallCTAForum.smallCTABgImage.image-on-bg figure {
	display: none
}
.smallCTAText.smallCTABgImage.image-on-bg h5, .smallCTAProduct.smallCTABgImage.image-on-bg h5, .smallCTABgImage.smallCTABgImage.image-on-bg h5, .smallCTAForum.smallCTABgImage.image-on-bg h5 {
	font-size: 17px;
	font-size: 1.2rem;
	color: #fff;
	text-shadow: 0 1px 1px #000
}
@media only screen and (min-width:768px) {
	.smallCTAText.smallCTABgImage.image-on-bg, .smallCTAProduct.smallCTABgImage.image-on-bg, .smallCTABgImage.smallCTABgImage.image-on-bg, .smallCTAForum.smallCTABgImage.image-on-bg {
		min-height: 290px
	}
	.smallCTAText.smallCTABgImage.image-on-bg h5, .smallCTAProduct.smallCTABgImage.image-on-bg h5, .smallCTABgImage.smallCTABgImage.image-on-bg h5, .smallCTAForum.smallCTABgImage.image-on-bg h5 {
		margin: 160px 0 20px 0
	}
}
@media only screen and (max-width:767px) {
	.smallCTAText.smallCTABgImage.image-on-bg, .smallCTAProduct.smallCTABgImage.image-on-bg, .smallCTABgImage.smallCTABgImage.image-on-bg, .smallCTAForum.smallCTABgImage.image-on-bg {
		min-height: 200px
	}
	.smallCTAText.smallCTABgImage.image-on-bg h5, .smallCTAProduct.smallCTABgImage.image-on-bg h5, .smallCTABgImage.smallCTABgImage.image-on-bg h5, .smallCTAForum.smallCTABgImage.image-on-bg h5 {
		margin: 110px 0 20px 0
	}
}
@media only screen and (min-width:768px) {
	.smallCTAText, .smallCTAProduct, .smallCTAForum {
		width: 100%
	}
}
@media only screen and (max-width:767px) {
	.smallCTAText, .smallCTAProduct, .smallCTABgImage, .smallCTAForum {
		margin: 28px auto 0 auto;
		width: 100%;
		max-width: 290px
	}
}
.smallCTAText figure, .smallCTAProduct figure, .smallCTABgImage figure, .smallCTAForum figure {
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-bottom: 18px
}
.smallCTAText figure img, .smallCTAProduct figure img, .smallCTABgImage figure img, .smallCTAForum figure img {
	max-width: 100%;
	max-height: 100%
}

.smallCTAProduct figure img{
	margin-top: 20px !important;
}
.smallCTAText button, .smallCTAProduct button, .smallCTABgImage button, .smallCTAForum button {
	display: inline-block;
	height: 48px;
	padding: 15px 11px 14px 11px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	margin: 0
}
.no-touch .smallCTAText button:hover, .no-touch .smallCTAProduct button:hover, .no-touch .smallCTABgImage button:hover, .no-touch .smallCTAForum button:hover, .no-touch .smallCTAText button.hover, .no-touch .smallCTAProduct button.hover, .no-touch .smallCTABgImage button.hover, .no-touch .smallCTAForum button.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.smallCTAText button, .smallCTAProduct button, .smallCTABgImage button, .smallCTAForum button {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.smallCTAText button, .smallCTAProduct button, .smallCTABgImage button, .smallCTAForum button {
		font-size: 15px
	}
}
.smallCTAText button:before, .smallCTAProduct button:before, .smallCTABgImage button:before, .smallCTAForum button:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.smallCTAText button:hover, .smallCTAProduct button:hover, .smallCTABgImage button:hover, .smallCTAForum button:hover {
	text-decoration: none
}
.wideCtaBgImage, .wideCtaImage {
	position: relative;
    padding-top: 35px;
    padding-bottom: 0px;
	/*padding: 35px 0px 25px 0px;*/
	background: #e5f1f8

}
@media only screen and (min-width:768px) {
	.wideCtaBgImage, .wideCtaImage {
		padding-left: 12%;
		padding-right: 12%
	}

}
@media only screen and (min-width:1440px) {
	.wideCtaBgImage, .wideCtaImage {
		padding-right: 15%;
		padding-left: 15%
	}
}
@media only screen and (max-width:767px) {
	.wideCtaBgImage.wideCtaImage figure, .wideCtaImage.wideCtaImage figure {
		max-width: 200px
	}
    .wideCtaImage.CTAWideEuroBackground > .ctaImage {
        position: relative;
        width: 170px;
        top: 20px!important;
    }
}
.wideCtaBgImage figure.ctaImage, .wideCtaImage figure.ctaImage {
	width: 168px;
	text-align: center
}
.wideCtaBgImage figure.ctaImage a, .wideCtaImage figure.ctaImage a {
	display: block;
	width: 100%;
	height: 100%
}
.CTAWideCOPDImage figure.ctaImage a {
    display: block;
    width: 78%;
    height: 100%
}
.wideCtaBgImage figure.ctaImage img, .wideCtaImage figure.ctaImage img {
	max-width: 100%;
	max-height: 100%;
	right: 0;
	/*position: absolute;*/
}
.wideCtaBgImage figure.ctaImage.image-on-bg, .wideCtaImage figure.ctaImage.image-on-bg {
	width: 45%;
	background-position: center;
	background-size: cover;
	background-color: #fff;
	border: 3px solid #e5f1f8;
	-webkit-border-radius: 22px 0 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0 22px 22px;
	background-clip: padding-box;
	min-height: 100px;
	overflow: hidden
}
@media only screen and (min-width:768px) {
	.wideCtaBgImage figure.ctaImage, .wideCtaImage figure.ctaImage {
		float: right;
	}
	.wideCtaBgImage figure.ctaImage.image-on-bg, .wideCtaImage figure.ctaImage.image-on-bg {
		padding-top: 30%;
		z-index: 3
	}
}
@media only screen and (max-width:767px) {
	.wideCtaBgImage figure.ctaImage, .wideCtaImage figure.ctaImage {
		width: 100%;
		margin: 0 auto 15px auto
	}
	.wideCtaBgImage figure.ctaImage.image-on-bg, .wideCtaImage figure.ctaImage.image-on-bg {
		height: 180px
	}
}
.wideCtaBgImage>a, .wideCtaImage>a {
	padding-left: 9px;
    padding-bottom: 12px;
	position: relative;
	font-weight: bold;
	display: inline-block
}
.wideCtaBgImage>a:before, .wideCtaImage>a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.wideCtaBgImage>a:hover, .wideCtaImage>a:hover {
	text-decoration: none;
	color: #0072bc
}
@media only screen and (min-width:768px) {
	.wideCtaBgImage.ctaEuroBG, .wideCtaImage.ctaEuroBG {
		padding-right: 244px;
		background-image: url("../img/cta_euro.png");
		background-repeat: no-repeat;
		background-position: 490px 27px;
		background-size: 180px 250px
	}
}
@media only screen and (max-width:767px) {
	.wideCtaBgImage.ctaEuroBG, .wideCtaImage.ctaEuroBG {
		background-image: url("../img/cta_euro.png");
		background-repeat: no-repeat;
		background-position: right 115%;
		background-size: 30%
	}
}
@media only screen and (min-width:768px) {
	.wideCtaBgImage.ctaCOPD, .wideCtaImage.ctaCOPD p{
		width: 500px;

	}
}
@media only screen and (max-width:767px) {
	.wideCtaBgImage.ctaCOPD, .wideCtaImage.ctaCOPD {
		padding-bottom: 0
	}
}
.wideCtaBgImage.ctaCOPD .ctaImage, .wideCtaImage.ctaCOPD .ctaImage {
	text-align: left;
	width: 188px
}
@media only screen and (min-width:768px) {
	.wideCtaBgImage.ctaCOPD .ctaImage, .wideCtaImage.ctaCOPD .ctaImage {
		top: 40px !important;
		/*bottom: 0 !important*/
	}
	.wideCtaBgImage.ctaCOPD .ctaImage a, .wideCtaImage.ctaCOPD .ctaImage a {
		position: relative
	}
	.wideCtaBgImage.ctaCOPD .ctaImage a img, .wideCtaImage.ctaCOPD figure {
		position: absolute;
		margin-right: 12%;
		top: 0;
		right: 0;
		height: auto !important;
		bottom: auto !important;
		height: 170px !important;
	}
}
@media only screen and (max-width:767px) {
	.wideCtaBgImage.ctaCOPD .ctaImage, .wideCtaImage.ctaCOPD .ctaImage {
		margin: 0 auto 0 auto;

	}
}
.no-csscalc .wideCtaBgImage.ctaCOPD .ctaImage, .no-csscalc .wideCtaImage.ctaCOPD .ctaImage {
	bottom: 0;
	top: auto
}
.csscalc .wideCtaBgImage.ctaCOPD .ctaImage, .csscalc .wideCtaImage.ctaCOPD .ctaImage {
	height: 100%;
	height: calc(100% + 14px)
}
.wideCtaAffiliate {
	position: relative;
	padding: 65px 0 25px 0;
	background: #e5f1f8
}
@media only screen and (min-width:768px) {
	.wideCtaAffiliate {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.wideCtaAffiliate {
		padding-right: 15%;
		padding-left: 15%
	}
}
@media only screen and (max-width:767px) {
	.wideCtaAffiliate {
		padding-top: 50px
	}
}
.wideCtaAffiliate small {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center
}
.wideCtaAffiliate small span {
	display: inline-block;
	padding: 3px 10px 0 10px;
	height: 26px;
	background: #fff;
	vertical-align: top;
	line-height: 1;
	font-weight: bold;
	font-size: 1rem;
	color: #0072bc
}
.wideCtaAffiliate small:before {
	content: '';
	display: inline-block;
	width: 37px;
	height: 26px;
	background: url("../img/affilate_title_border_left.gif") no-repeat;
	background-size: contain;
	vertical-align: top
}
.wideCtaAffiliate small:after {
	content: '';
	display: inline-block;
	width: 37px;
	height: 26px;
	background: url("../img/affilate_title_border_right.gif") no-repeat;
	background-size: contain;
	vertical-align: top
}
@media only screen and (min-width:768px) {
	.wideCtaAffiliate figure {
		float: right;
		width: 45%;
		margin-left: 10%
	}
}
@media only screen and (max-width:767px) {
	.wideCtaAffiliate figure {
		width: 100%;
		max-width: 320px;
		margin: 0 auto 15px auto
	}
}
.wideCtaAffiliate figure img {
	max-width: 100%;
	border: 3px solid #fff;
	-webkit-border-radius: 22px 0 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0 22px 22px;
	background-clip: padding-box
}
.wideCtaAffiliate h5 {
	text-transform: none;
	font-size: 1.2rem
}
.wideCtaAffiliate>a {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	height: auto;
	line-height: 1
}
.no-touch .wideCtaAffiliate>a:hover, .no-touch .wideCtaAffiliate>a.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.wideCtaAffiliate>a {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.wideCtaAffiliate>a {
		font-size: 15px
	}
}
.wideCtaAffiliate>a:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.wideCtaAffiliate>a:hover {
	text-decoration: none
}
.ctaNewsletter figure {
	height: 230px
}
@media only screen and (min-width:768px) {
	.ctaNewsletter .center {
		position: absolute;
		bottom: 43px;
		right: 90px;
		width: 267px
	}
}
@media only screen and (max-width:767px) {
	.ctaNewsletter .center {
		padding-top: 10px
	}
}
.ctaNewsletter .center>a {
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	display: inline-block
}
.no-touch .ctaNewsletter .center>a:hover, .no-touch .ctaNewsletter .center>a.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.ctaNewsletter .center>a {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.ctaNewsletter .center>a {
		font-size: 15px
	}
}
.ctaNewsletter .center>a:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.ctaNewsletter .center>a:hover {
	text-decoration: none
}
.ctaNewsletter .center>a:before {
	content: '';
	display: none
}
.ctaNewsletter .center>a:hover {
	color: #fff
}
.crumblePath {
	padding: 18px 0 15px 0;
	background-color: #003f67;
	color: #fff;
	border-bottom: 1px solid #6d819b
}
@media only screen and (min-width:768px) {
	.crumblePath {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.crumblePath {
		padding-right: 15%;
		padding-left: 15%
	}
}
.crumblePath ul {
	margin: 0;
	padding: 0
}
.crumblePath ul li {
	display: inline-block;
	font-size: 14px;
	font-size: .93rem;
	padding-right: 3px;
	padding-bottom: 0
}
.crumblePath ul li a {
	color: #fff !important;
	font-weight: normal
}
.crumblePath ul li a:hover {
	text-decoration: underline
}
.crumblePath ul li:after {
	display: inline-block;
	content: '\003E';
	padding-left: 6px
}
.crumblePath ul li:last-child a {
	font-weight: bold
}
.crumblePath ul li:last-child:after {
	content: ''
}
.homeImage {
	position: fixed;
	z-index: -1;
}
@media only screen and (min-width:768px) {
	.homeImage {
		top: 54px;
		-webkit-border-radius: 10px 0 0 0;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 10px 0 0 0;
		-moz-background-clip: padding;
		border-radius: 10px 0 0 0;
		background-clip: padding-box;
		overflow: hidden;
		width: 100%;
		max-width: 1341px;
		padding-top: 20%;
		background-position: center 40% !important;
		background-repeat: no-repeat;
		background-color: #000;
		background-size: cover;
		min-width: 707px;
		min-height: 660px
	}
}
@media only screen and (min-width:980px) {
	.homeImage {
		-lh-property: 0;
		width: -webkit-calc(100% - 512px);
		width: -moz-calc(100% - 512px);
		width: calc(100% - 512px);
	}
}

@media only screen and (min-width:1032px) {
	.homeImage {
        background-position: right 40% !important;
	}
}

@media only screen and (min-width:1440px) {
	.homeImage {
		-lh-property: 0;
		width: -webkit-calc(100% - 562px);
		width: -moz-calc(100% - 562px);
		width: calc(100% - 562px);
	}
}
@media only screen and (max-width:767px) {
	.homeImage {
		top: 62px;
		background: url("../img/home/m_carolien_fierkens.jpg") left top no-repeat #fff;
		width: 100%;
		max-width: 768px;
		min-height: 262px;
		background-size: cover;
		background-position: center 40% !important;
	}
}
.homeImage img {
	max-height: 100%
}
.homeQuote {
	background-color: transparent
}
.homeQuote a, .homeQuote div {
	color: #5b5b5b !important;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%
}
.homeQuote q, .homeQuote em {
	/*text-shadow: 0 1px 1px #fff !important;*/
	font-family: 'kievit';
	color: #0068a7;
	font-size: 39px
}
@media only screen and (max-width:767px) {
	.homeQuote q, .homeQuote em {
		font-size: 24px
	}
}
.homeQuote strong {
	display: none
}
.homeQuote em {
	color: #323232;
	font-size: 19px
}
.homeQuote.light {
	background-color: transparent;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #ffffff 100%)
}
.no-cssgradients .homeQuote {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==)
}
@media only screen and (min-width:768px) {
	.homeQuote {
		padding-bottom: 660px;
		margin-bottom: -50px;
		position: relative
	}
}
@media only screen and (max-width:767px) {
	.homeQuote {
		margin-bottom: -40px;
		border-bottom: 33px solid #fff
	}
}
.homeQuote a, .homeQuote div {
	display: table-cell;
	vertical-align: bottom;
	color: #fff;
	padding-bottom: 25px
}
@media only screen and (min-width:768px) {
	.homeQuote a, .homeQuote div {
		display: block;
		position: absolute;
		bottom: -80px;
		left: 0;
		font-size: 1rem;
		padding: 15px 15% 200px
	}
}
@media only screen and (min-width:1440px) {
	.homeQuote a, .homeQuote div {
		padding: 15px 21% 200px
	}
}
@media only screen and (max-width:767px) {
	.homeQuote a, .homeQuote div {
		font-size: 14px;
		width: 100%;
        margin-top: 154px;
		display: block;
		padding-top: 10px;
		padding: 15px 14px
	}
}
.homeQuote a q, .homeQuote div q, .homeQuote a em, .homeQuote div em {
	font-family: 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	line-height: 1.2;
	/*text-shadow: 0 1px 1px #000;*/
	/*font-weight: bold*/
}

.homeQuote a em, .homeQuote div em{

	font-weight: normal;
}
@media only screen and (min-width:768px) {
	.homeQuote a q, .homeQuote div q {
		font-size: 1.73rem
	}
	.homeQuote a em, .homeQuote div em{
		font-size: 1.25rem;
	}
}
@media only screen and (max-width:767px) {
	.homeQuote a q, .homeQuote div q, .homeQuote a em, .homeQuote div em {
		font-size: 18px
	}
	.homeQuote a em, .homeQuote div em{
		font-size: 16px !important;
	}
}
.homeQuote a q, .homeQuote div q {
	display: block;
	margin-right: .2rem
}
.homeQuote a q:before, .homeQuote div q:before {
	content: '\2019'
}
.homeQuote a q:after, .homeQuote div q:after {
	content: '\2019'
}
.homeQuote a em, .homeQuote div em {
	font-style: normal;
	display: inline-block;
	padding-right: 5px
}

.homeQuote a em {
    left: 0px;
    display: inline-block;
    font-weight: bold;
    color: #323232;
    content: ">";
    margin: -1px 4px 0px 0px;
}

.homeQuote a em:before {
    left: 0px;
    display: inline-block;
    font-weight: bold;
    color: #EC008C;
    content: ">";
    margin: -1px 4px 0px 0px;
}



.homeQuote a strong, .homeQuote div strong {
	display: inline-block;
	white-space: nowrap;
	vertical-align: text-top;
	line-height: 1
}
.homeQuote a strong:before, .homeQuote div strong:before {
	display: inline-block;
	vertical-align: middle;
	padding-right: 2px;
	content: ">";
	color: #ec008c
}
.homeQuote a:hover, .homeQuote div:hover {
	text-decoration: none
}

.homeQuote.dark a{
	background-color: rgba(0, 49, 83, 0.5);
}

.homeQuote.dark q, .homeQuote.dark em, .homeQuote.dark strong{
	color: #fff !important;
	text-shadow: none !important;
}

.no-touch .homeQuote a:hover:after, .no-touch .homeQuote div:hover:after {
	color: #fff
}
.panels {
	zoom: 1;
	position: relative;
	background: #fff
}
.panels:before {
	content: '';
	display: block
}
.panels:after {
	content: '';
	display: table;
	clear: both
}
.panels .panel {
	position: relative;
	display: block;
	color: #5b5b5b;
	font-weight: normal;
	border-top-right-radius: 0;
	border-radius: 20px;
	padding-bottom: 10px
}
.panels .panel p {
	padding: 0 10px;
	background: #fff;
	border-left: solid 4px #e5f1f8;
	border-right: solid 4px #e5f1f8
}
@media only screen and (min-width:768px) {
	.panels .panel {
		width: 267px;
		width: 45%;
		margin: 0 0 35px 50px;
		margin: 35px 0 35px 0;
		display: inline-block;
		vertical-align: top
	}
}
@media only screen and (max-width:767px) {
	.panels .panel {
		width: 100%;
		padding: 18px 14px;
		background-color: #fff
	}
	.panels .panel p {
		padding-bottom: .7em;
		border-left: solid 4px #e5f1f8;
		border-right: solid 4px #e5f1f8;
		padding-right: 20px
	}
}
.panels .panel span {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	color: #ec008c
}
.panels .panel span:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.panels .panel span:hover {
	text-decoration: none;
	color: #0072bc
}
.panels .panel:hover {
	text-decoration: none
}
.panels .panel:hover span {
	color: #0072bc
}
.panels .panel h5 {
	background: #fff;
	border-left: solid 4px #e5f1f8;
	border-right: solid 4px #e5f1f8;
	padding-top: 10px
}
@media only screen and (max-width:767px) {
	.panels .panel h5 {
		border-left: solid 4px #e5f1f8;
		border-right: solid 4px #e5f1f8;
		padding-top: 10px;
		padding-bottom: 10px
	}
}
.panels .panel span {
	background: #fff;
	border-left: solid 4px #e5f1f8;
	border-right: solid 4px #e5f1f8;
	border-bottom: solid 4px #e5f1f8;
	padding-bottom: 10px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px
}
@media only screen and (max-width:767px) {
	.panels .panel span {
		border-left: solid 4px #e5f1f8;
		border-right: solid 4px #e5f1f8;
		border-bottom: solid 4px #e5f1f8;
		padding-bottom: 10px;
		border-bottom-left-radius: 9px;
		border-bottom-right-radius: 9px
	}
}
.panels .panel figure {
	height: 176px;
	height: 20vw;
	height: 0;
	padding-top: 67%;
	background-size: cover;
	background-position: center;
	-webkit-border-radius: 20px 0 20px 20px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 20px 0 20px 20px;
	-moz-background-clip: padding;
	border-radius: 20px 0 20px 20px;
	background-clip: padding-box;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	overflow: hidden
}
@media only screen and (min-width:768px) {
	.panels .panel figure {
		width: 100%
	}
}
@media only screen and (max-width:767px) {
	.panels .panel figure {
		width: 100%;
		margin-bottom: 0;
		border-radius: 0;
		border-top-left-radius: 20px
	}
}
.panels .panel figure img {
	max-width: 100%;
	max-height: 100%
}
.panels .panel .links a {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	display: block;
	margin: 0 0 15px
}
.panels .panel .links a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.panels .panel .links a:hover {
	text-decoration: none;
	color: #0072bc
}
.panels .donatePanel {
	background: #e5f1f8;
	padding: 18px 14px;
	-webkit-border-radius: 20px 0 20px 20px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 20px 0 20px 20px;
	-moz-background-clip: padding;
	border-radius: 20px 0 20px 20px;
	background-clip: padding-box;
	margin-bottom: 0 !important;
	margin-top: 0 !important
}
.panels .donatePanel h5 {
	display: inline-block;
	font-size: 1.4rem;
	background: #e5f1f8;
	padding-left: 0;
	margin-right: 9px;
	padding-left: 0 !important;
    width: auto;
    text-align: center;
}
@media only screen and (max-width:767px) {
	.panels .donatePanel h5 {
		display: block;
		margin-top: 0;
		padding-top: 0;
        width: 100%;
		text-align: center

	}
}
@media only screen and (min-width:768px) {
	.panels .donatePanel {
		border: 4px solid #fff;
		width: 100%
	}
}
@media only screen and (max-width:767px) {
	.panels .donatePanel {
		width: 100%;
		-webkit-border-radius: 0px 0 0px 0px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 0px 0 0px 0px;
		-moz-background-clip: padding;
		border-radius: 0px 0 0px 0px;
		background-clip: padding-box
	}
}
.panels .donatePanel .supportForm {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	display: inline-block;
	width: 69%
}
@media only screen and (min-width:1440px) {
	.panels .donatePanel .supportForm {
		width: 75%
	}
}
@media only screen and (max-width:767px) {
	.panels .donatePanel .supportForm {
		width: 100%
	}
}
.panels .donatePanel .supportForm div {
	background: #fff;
	-webkit-border-radius: 9px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 9px;
	-moz-background-clip: padding;
	border-radius: 9px;
	background-clip: padding-box;
	margin-bottom: 0
}
.panels .donatePanel .supportForm div label {
	padding: 10px 3px;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	color: #0072bc;
	font-weight: bold;
	font-size: 20px
}
@media only screen and (max-width:767px) {
	.panels .donatePanel .supportForm div label {
		padding: 13px 1.5px;
		font-size: 17px
	}
}
.panels .donatePanel .supportForm div label.active {
	background: none;
	text-decoration: underline;
	color: #0072bc
}.node-type-frontpage .panels .moveUp, .homeQuote+.panels .moveUp {
     zoom: 1;
     position: relative;
     text-align: justify
 }
.node-type-frontpage .panels .moveUp:before, .homeQuote+.panels .moveUp:before {
    content: '';
    display: block
}
.node-type-frontpage .panels .moveUp:after, .homeQuote+.panels .moveUp:after {
    content: '';
    display: table;
    clear: both
}
.node-type-frontpage .panels .moveUp>* , .homeQuote+.panels .moveUp>* {
    text-align: left
}
.node-type-frontpage .panels .moveUp:after, .homeQuote+.panels .moveUp:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.node-type-frontpage .panels .moveUp>.panel, .homeQuote+.panels .moveUp>.panel {
    display: inline-block;
}
.node-type-frontpage .panels .moveUp >.panel h5, .homeQuote+.panels .moveUp>.panel h5 {
    padding-left: 10px;
}
.node-type-frontpage .panels .moveUp >.panel span, .homeQuote+.panels .moveUp>.panel span {
    width: 100%;
}
@media only screen and (min-width:768px) {
    .homeQuote+.panels .moveUp {
        top: -50px;
    }
    .node-type-frontpage .panels .moveUp {
        top: 0px;
    }
}
@media only screen and (min-width:768px) {
    .node-type-frontpage .panels, .homeQuote+.panels {
        margin-top: 0;
        padding-bottom: 35px;
    }
}
@media only screen and (max-width:767px) {
    .node-type-frontpage .panels, .homeQuote+.panels {
        margin-top: 0;

    }
}
@media only screen and (min-width:768px) {
    .node-type-frontpage .panels .panel:nth-child(n+3), .homeQuote+.panels .panel:nth-child(n+3) {
        margin-bottom: -50px
    }
}
@media only screen and (max-width:767px) {
    .node-type-frontpage .panels .panel:last-child, .homeQuote+.panels .panel:last-child {
        margin-bottom: -10px
    }
}
.homeNews {
	zoom: 1;
	padding-bottom: 25px
}
@media only screen and (max-width:767px) {
	.homeNews {
		padding-left: 14px
	}
}
.homeNews .homeNewsTitle {
	padding: 0 0
}
.homeNews:before {
	content: '';
	display: block
}
.homeNews:after {
	content: '';
	display: table;
	clear: both
}
.homeNews .newsItem {
	position: relative;
	border-bottom: 1px solid #b9c4d3
}
@media only screen and (min-width:768px) {
	.homeNews .newsItem {
		padding: 10px 0 30px 177px;
		padding: 10px 0 30px 11.8rem
	}
}
@media only screen and (max-width:767px) {
	.homeNews .newsItem h5 {
		padding-left: 0
	}
}
.homeNews .newsItem a {
	display: block;
	color: #5b5b5b;
	font-weight: normal
}
@media only screen and (max-width:767px) {
	.homeNews .newsItem a {
		padding-bottom: 5px;
		padding-right: 14px !important
	}
}
.homeNews .newsItem a h5 {
	color: #5b5b5b
}
.homeNews .newsItem a figure {
	background-size: cover;
	background-position: center
}
@media only screen and (min-width:768px) {
	.homeNews .newsItem a figure {
		position: absolute;
		left: 0;
		top: 12px;
		width: 155px;
		width: 10.3rem;
		height: 142px;
		height: 9.47rem;
		max-height: 100px;
		max-height: 6.67rem;
		-webkit-border-radius: 9px 0 9px 9px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 9px 0 9px 9px;
		-moz-background-clip: padding;
		border-radius: 9px 0 9px 9px;
		background-clip: padding-box;
		overflow: hidden
	}
	.homeNews .newsItem a figure img {
		max-width: 100%
	}
}
@media only screen and (max-width:767px) {
	.homeNews .newsItem a figure {
		margin: 10px auto 10px auto;
		width: 100%;
		max-width: 310px;
		height: 200px;
		-webkit-border-radius: 20px 0 20px 20px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 20px 0 20px 20px;
		-moz-background-clip: padding;
		border-radius: 20px 0 20px 20px;
		background-clip: padding-box;
		overflow: hidden
	}
	.homeNews .newsItem a figure img {
		max-width: 100%;
		max-height: 100%
	}
}
.homeNews .newsItem a p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	max-height: 6.5em
}
.homeNews .newsItem a:hover {
	text-decoration: none
}
@media only screen and (min-width:768px) {
	.homeNews .newsItem a:hover h5 {
		color: #0072bc
	}
}
.homeNews .newsItem+.newsItem {
	padding-top: 30px
}
.homeNews .newsItem+.newsItem figure {
	top: 32px
}
.homeNews .newsItem .tag {
	display: inline-block;
	background-color: #b9c4d3;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	line-height: 1;
	margin: 0 5px 5px 0;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box
}
.homeNews .newsItem .tag:before {
	content: '#'
}
.homeNews .newsItem a.tag:hover {
	background-color: #0072bc
}
.homeNews .newsItem .reactions {
	display: inline-block;
	margin: 0 10px 5px 0;
	color: #ec008c
}
.homeNews .newsItem .reactions:before {
	display: inline-block;
	padding-right: 5px;
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e614';
	vertical-align: middle
}
.homeNews .newsItem .reactions:hover {
	color: #0072bc
}
.homeNews>a {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	font-weight: normal;
	color: #5b5b5b;
	float: right;
	margin-top: 18px
}
.homeNews>a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.homeNews>a:hover {
	text-decoration: none;
	color: #0072bc
}
.homeNews>a:before {
	color: #ec008c
}
.homeNews>a:hover {
	color: #ec008c
}
@media only screen and (max-width:767px) {
	.homeNews>a {
		padding-right: 9px !important
	}
}
@media only screen and (min-width:768px) {
	.newsList {
		zoom: 1
	}
	.newsList:before {
		content: '';
		display: block
	}
	.newsList:after {
		content: '';
		display: table;
		clear: both
	}
}
@media only screen and (min-width:768px) {
	.newsList .newsItem {
		width: 267px;
		width: 45%;
		margin-bottom: 35px;
		float: left
	}
	.newsList .newsItem:nth-child(odd) {
		clear: both;
		margin-right: 10%
	}
	.newsList{
		padding-left: 15%;
		padding-right: 15%;
	}
}
@media only screen and (max-width:767px) {
	.newsList .newsItem {
		margin-bottom: 20px
	}
}
.newsList .newsItem a {
	color: #5b5b5b;
	font-weight: normal
}
.newsList .newsItem a h5 {
	color: #5b5b5b;
	margin-bottom: 6px
}
.newsList .newsItem a figure {
	float: left;
	width: 105px;
	max-height: 100px;
	margin: 0 10px 3px 0
}
.newsList .newsItem a figure img {
	max-width: 100%;
	max-height: 100%;
	-webkit-border-radius: 8px 0 8px 8px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 8px 0 8px 8px;
	-moz-background-clip: padding;
	border-radius: 8px 0 8px 8px;
	background-clip: padding-box
}
.newsList .newsItem a .blogName {
	font-style: italic;
	color: #6d819b
}
.newsList .newsItem a .blogName:before {
	content: 'Door: '
}
.newsList .newsItem a:hover h5 {
	color: #0072bc
}
.newsList .newsItem .reactions {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 5px 0;
	color: #ec008c
}
.newsList .newsItem .reactions:before {
	display: inline-block;
	padding-right: 5px;
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e614';
	vertical-align: middle
}
.newsList .newsItem .reactions:hover {
	color: #0072bc
}
.pagination {
	clear: both;
	padding: 0
}
.pagination .pager {
	padding: 10px 0 10px 0;
	list-style-type: none;
	border-top: 1px solid #b9c4d3;
	text-align: center
}
@media only screen and (min-width:768px) {
	.pagination .pager {
		margin: 0 !important
	}
}
@media only screen and (max-width:767px) {
	.pagination .pager {
		margin: 0 -15px 0 -15px !important
	}
}
.pagination .pager li {
	display: inline-block;
	vertical-align: middle;
	height: 50px
}
.pagination .pager li a, .pagination .pager li.pager-current, .pagination .pager li.pager-ellipsis {
	font-weight: normal;
	display: inline-block;
	padding: 10px 12px !important;
	text-align: center
}
.pagination .pager li.pager-current {
	font-weight: bold;
	color: #0072bc
}
.pagination .pager li em {
	font-style: normal
}
.pagination .pager li.pager-first em, .pagination .pager li.pager-previous em, .pagination .pager li.pager-next em, .pagination .pager li.pager-last em {
	display: none
}
@media only screen and (min-width:768px) {
	.pagination .pager li.pager-first a, .pagination .pager li.pager-previous a, .pagination .pager li.pager-next a, .pagination .pager li.pager-last a {
		padding: 13px 10px 7px 10px !important
	}
}
@media only screen and (max-width:767px) {
	.pagination .pager li.pager-first a, .pagination .pager li.pager-previous a, .pagination .pager li.pager-next a, .pagination .pager li.pager-last a {
		padding: 13px 5px 7px 5px !important
	}
}
.pagination .pager li.pager-first a:after, .pagination .pager li.pager-previous a:after, .pagination .pager li.pager-next a:after, .pagination .pager li.pager-last a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.pagination .pager li.pager-ellipsis {
	padding: 10px 0 10px 0 !important
}
.pagination .pager li.pager-first a:after {
	content: '\e625'
}
.pagination .pager li.pager-previous a:after {
	content: '\e600'
}
.pagination .pager li.pager-next a:after {
	content: '\e603'
}
.pagination .pager li.pager-last a:after {
	content: '\e626'
}
@media only screen and (max-width:767px) {
	.pagination .pager li.pagerItem1, .pagination .pager li.pagerItem6, .pagination .pager li.pagerItem7, .pagination .pager li.pager-first, .pagination .pager li.pager-last {
		display: none
	}
	.pagination .pager li.pagerItem1.pager-current, .pagination .pager li.pagerItem6.pager-current, .pagination .pager li.pagerItem7.pager-current, .pagination .pager li.pager-first.pager-current, .pagination .pager li.pager-last.pager-current {
		display: block
	}
}
.bloggers {
	padding-top: 28px !important
}
@media only screen and (min-width:768px) {
	.bloggers {
		zoom: 1;
		padding-bottom: 0 !important
	}
	.bloggers:before {
		content: '';
		display: block
	}
	.bloggers:after {
		content: '';
		display: table;
		clear: both
	}
}
.bloggers a {
	display: block;
	font-weight: normal;
	color: #5b5b5b;
	margin-top: 5px
}
@media only screen and (min-width:768px) {
	.bloggers a {
		width: 268px;
		width: 45%;
		float: left;
		margin-bottom: 28px
	}
	.bloggers a:nth-child(even) {
		clear: both;
		margin-right: 48px;
		margin-right: 10%
	}
}
@media only screen and (max-width:767px) {
	.bloggers a {
		margin-bottom: 15px
	}
}
.bloggers a figure {
	float: left;
	width: 105px;
	margin: 0 10px 3px 0
}
.bloggers a figure img {
	max-width: 100%;
	max-height: 100%;
	-webkit-border-radius: 8px 0 8px 8px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 8px 0 8px 8px;
	-moz-background-clip: padding;
	border-radius: 8px 0 8px 8px;
	background-clip: padding-box
}
.bloggers a strong {
	display: block;
	color: #ec008c
}
.bloggers a em {
	font-size: 14px;
	font-size: .93rem;
	color: #6d819b
}
.bloggers a:hover strong {
	color: #0072bc
}
>.twitterFollow {
	padding-bottom: 15px
}
@media only screen and (min-width:768px) {
	>.twitterFollow {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	>.twitterFollow {
		padding-right: 15%;
		padding-left: 15%
	}
}
.agendaInfo {
	font-weight: normal;
	color: #6d819b;
	padding-bottom: 15px
}
.newsInfo {
	padding-bottom: 15px
}
.newsInfo time {
	font-weight: normal;
	font-style: italic;
	color: #6d819b
}
.newsInfo time:before {
	content: 'Geplaatst op: '
}
.newsInfo .blogger {
	display: block;
	position: relative;
	padding: 0 0 5px 70px;
	min-height: 45px
}
.newsInfo .blogger figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 53px
}
.newsInfo .blogger figure img {
	max-width: 100%;
	-webkit-border-radius: 4px 0 4px 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px 0 4px 4px;
	-moz-background-clip: padding;
	border-radius: 4px 0 4px 4px;
	background-clip: padding-box
}
.newsInfo .blogger strong {
	display: block;
	color: #ec008c
}
.newsInfo .blogger strong:before {
	content: 'Door: ';
	font-weight: normal;
	color: #6d819b
}
.newsInfo .blogger:hover strong {
	color: #0072bc
}
.newsInfo .blogger:hover strong:before {
	color: #6d819b
}
.bloggerInfo {
	position: relative;
	margin-bottom: 15px
}
@media only screen and (min-width:768px) {
	.bloggerInfo {
		padding-left: 331px;
		padding-left: 25rem;
		min-height: 185px
	}
}
@media only screen and (min-width:768px) {
	.bloggerInfo figure {
		position: absolute;
		left: 91px;
		left: 12%;
		top: 0;
		width: 220px;
		width: 14.7rem
	}
}
@media only screen and (max-width:767px) {
	.bloggerInfo figure {
		width: 100px;
		margin-right: 25px;
		float: left
	}
}
.bloggerInfo figure img {
	max-width: 100%;
	-webkit-border-radius: 18px 0 18px 18px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 18px 0 18px 18px;
	-moz-background-clip: padding;
	border-radius: 18px 0 18px 18px;
	background-clip: padding-box
}
.bloggerInfo ul {
	margin-bottom: 10px
}
.bloggerInfo ul li {
	padding-bottom: 3px
}
.backLink {
	clear: both;
	display: block;
	padding-bottom: 35px
}
@media only screen and (min-width:768px) {
	.backLink {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.backLink {
		padding-right: 15%;
		padding-left: 15%
	}
}
.backLink a {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	font-weight: normal;
	color: #5b5b5b
}
.backLink a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.backLink a:hover {
	text-decoration: none;
	color: #0072bc
}
.backLink a:before {
	color: #ec008c
}
.backLink a:hover {
	color: #ec008c
}
.backLink a:before {
	content: '\003C'
}
@media only screen and (min-width:768px) {
	.newsReactForm {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.newsReactForm {
		padding-right: 15%;
		padding-left: 15%
	}
}
.newsReactions {
	padding-top: 28px
}
@media only screen and (min-width:768px) {
	.newsReactions {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.newsReactions {
		padding-right: 15%;
		padding-left: 15%
	}
}
.newsReactions .comment {
	padding: 25px 0;
	border-bottom: 1px solid #b9c4d3
}
.newsReactions .comment:last-child {
	border: none
}
.newsReactions .comment strong {
	text-transform: uppercase;
	display: inline-block;
	padding-right: 5px
}
.newsReactions .comment time {
	font-style: italic;
	color: #6d819b
}
.newsReactions .comment time:before {
	content: 'Geplaatst op: '
}
/* Newslinks homepage */

.newsLinks {
	padding: 20px;
	padding-top: 35px
}
@media only screen and (min-width:768px) {
	.newsLinks {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.newsLinks {
		padding-right: 15%;
		padding-left: 15%
	}
}
.rgba .newsLinks {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 7px);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 7px);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 7px);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 7px)
}
.no-rgba .newsLinks, .no-cssgradients .newsLinks {
	background: url("../img/related_shadow.png") repeat-x #fff
}


.newsLinks ul {
  -moz-column-count: 2;
  -moz-column-gap: 18px;
  -webkit-column-count: 2;
  -webkit-column-gap: 18px;
  column-count: 2;
  column-gap: 18px;
  list-style: none;
  text-align:left;
}

@media only screen and (max-width:768px) {
  .newsLinks ul{
	-moz-column-count: 1;
	-moz-column-gap: 18px;
	-webkit-column-count: 1;
	-webkit-column-gap: 18px;
	column-count: 1;
	column-gap: 18px;
  }
}

.newsLinks ul li{
  display: inline-block;
  padding-bottom: 0;
}


.newsLinks a {
  width: 100%;
  position: relative;
  font-weight: bold;
  display: inline-block;
  font-weight: normal;
  color: #5b5b5b;
  padding-left: 15px;
  break-inside: avoid-column;
}

.newsLinks a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b;
	position: absolute;
}
@media only screen and (max-width:700px) {
	.newsLinks a {
		width: auto;
	}
}
.newsLinks a:hover {
	text-decoration: none;
	color: #0072bc
}
.newsLinks a:before {
	color: #ec008c
}
.newsLinks a:hover {
	color: #ec008c
}

/* END Newslinks homepage */

.webshopBar {
	position: relative;
	border-bottom: 1px solid #b9c4d3;
	padding: 25px 25px 0
}
@media only screen and (min-width:768px) {
	.webshopBar {
		height: 64px;
		overflow: hidden
	}
}
.webshopBar h3 {
	color: #0072bc;
	font-size: 1rem;
	font-weight: bold
}
@media only screen and (min-width:768px) {
	.webshopBar nav {
		position: absolute;
		right: 25px;
		top: 25px
	}
}
.webshopBar nav ul {
	padding: 0
}
.webshopBar nav ul>li {
	display: inline-block
}
.webshopBar nav ul>li:after {
	display: inline-block;
	content: '\2022';
	color: #b9c4d3;
	padding: 0 3px 0 5px
}
.webshopBar nav ul>li:last-child:after {
	display: none;
	content: ''
}
.webshopBar nav ul>li ul {
	display: none
}
.webshopBar+h1 {
	padding-top: 15px
}
.webshopProduct {
	zoom: 1
}
.webshopProduct:before {
	content: '';
	display: block
}
.webshopProduct:after {
	content: '';
	display: table;
	clear: both
}
.webshopProduct figure {
	text-align: center
}
@media only screen and (min-width:768px) {
	.webshopProduct figure {
		float: left;
		width: 230px;
		width: 43%;
		margin-right: 2%;
		padding-bottom: 75px
	}
	.webshopProduct figure img {
		max-width: 100%;
		max-height: 320px
	}
}
@media only screen and (max-width:767px) {
	.webshopProduct figure {
		width: 100%;
		padding-bottom: 15px
	}
	.webshopProduct figure img {
		width: 100%;
		max-width: 230px;
		max-height: 300px
	}
}
@media only screen and (min-width:768px) {
	.webshopProduct .productInfo {
		float: left;
		width: 340px;
		width: 55%;
		padding-bottom: 75px
	}
}
@media only screen and (max-width:767px) {
	.webshopProduct .productInfo {
		padding-bottom: 40px
	}
}
.webshopProduct .productInfo .fivestar-static-form-item {
	display: inline-block;
	margin: 0 5px
}
.webshopProduct .productInfo .addToShoppingCardButton {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	height: auto;
	line-height: 1;
	margin-top: 35px
}
.no-touch .webshopProduct .productInfo .addToShoppingCardButton:hover, .no-touch .webshopProduct .productInfo .addToShoppingCardButton.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.webshopProduct .productInfo .addToShoppingCardButton {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.webshopProduct .productInfo .addToShoppingCardButton {
		font-size: 15px
	}
}
.webshopProduct .productInfo .addToShoppingCardButton:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.webshopProduct .productInfo .addToShoppingCardButton:hover {
	text-decoration: none
}
.webshopTabs {
	padding-bottom: 25px
}
.webshopTabs nav {
	margin-bottom: 25px;
	border-bottom: 1px solid #6d819b
}
@media only screen and (min-width:768px) {
	.webshopTabs nav {
		height: 47px;
		padding: 0 0 0 25px
	}
}
@media only screen and (max-width:767px) {
	.webshopTabs nav {
		height: 39px;
		/*padding: 0 0 0 10px*/
        font-size: 14px!important;
	}
}
.webshopTabs nav ul {
	padding: 0
}
.webshopTabs nav ul li {
	background-color: #fff;
	display: inline-block;
	border: 1px solid #b9c4d3;
	border-bottom: none;
	-webkit-border-radius: 4px 4px 0 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px 4px 0 0;
	-moz-background-clip: padding;
	border-radius: 4px 4px 0 0;
	background-clip: padding-box;
	line-height: 1;
	cursor: pointer;
	vertical-align: top;
	white-space: nowrap
}
@media only screen and (min-width:768px) {
	.webshopTabs nav ul li {
		height: 46px;
		padding: 14px 14px 0;
		margin-right: 15px
	}
}
@media only screen and (max-width:767px) {
	.webshopTabs nav ul li {
		height: 38px;
		padding: 12px 8px 0;
		margin-right: 0;
		/*width: 22%;*/
        width: 31%;
		overflow: hidden;
		font-size: 13px;
		text-align: center
	}
}
.webshopTabs nav ul li strong {
	color: #ec008c
}
.webshopTabs nav ul li:hover strong, .webshopTabs nav ul li.active strong {
	color: #0072bc
}
.webshopTabs nav ul li.active {
	font-size: 1rem;
	border-color: #6d819b
}
@media only screen and (min-width:768px) {
	.webshopTabs nav ul li.active {
		height: 47px
	}
}
@media only screen and (max-width:767px) {
	.webshopTabs nav ul li.active {
		height: 39px;
		/*width: 49%;*/
        width: 34%;
		text-align: center
	}
}
.webshopTabs .tabContent {
	zoom: 1;
	display: none
}
.webshopTabs .tabContent:before {
	content: '';
	display: block
}
.webshopTabs .tabContent:after {
	content: '';
	display: table;
	clear: both
}
@media only screen and (min-width:768px) {
	.webshopTabs .tabContent {
		padding: 0 0 0 40px
	}
}
.webshopTabs .tabContent .fivestar-widget-static {
	display: block;
	zoom: 1
}
.webshopTabs .tabContent .fivestar-widget-static:before {
	content: '';
	display: block
}
.webshopTabs .tabContent .fivestar-widget-static:after {
	content: '';
	display: table;
	clear: both
}
.webshopTabs .tabContent#webshopTabBrowse {
	padding: 0
}
.webshopTabs .tabContent #browseBar {
	background: #eaedf1;
	padding: 5px;
	text-align: center;
	-webkit-border-radius: 20px 0 20px 20px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 20px 0 20px 20px;
	-moz-background-clip: padding;
	border-radius: 20px 0 20px 20px;
	background-clip: padding-box
}
.webshopTabs .tabContent #browseBar a {
	display: inline-block;
	margin: 0 2px
}
.webshopTabs .activeTab {
	display: block
}
.webshopOverview {
	position: relative
}
@media only screen and (min-width:768px) {
	.webshopOverview {
		padding: 25px 0 0 211px;
		min-height: 800px;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
		background-image: -webkit-linear-gradient(left, #f7f7f7 211px, #ffffff 211px);
		background-image: -moz-linear-gradient(left, #f7f7f7 211px, #ffffff 211px);
		background-image: -o-linear-gradient(left, #f7f7f7 211px, #ffffff 211px);
		background-image: linear-gradient(to right, #f7f7f7 211px, #ffffff 211px)
	}
}
@media only screen and (min-width:768px) {
	.webshopOverview .webshopCategories {
		position: absolute;
		width: 211px;
		left: 0;
		top: 0
	}
	.webshopOverview .webshopCategories nav {
		padding: 25px
	}
	.webshopOverview .webshopCategories nav strong {
		display: block;
		line-height: 1;
		margin-bottom: 20px
	}
	.webshopOverview .webshopCategories nav ul {
		padding: 0
	}
	.webshopOverview .webshopCategories nav+nav {
		border-top: 1px solid #fff
	}
}
@media only screen and (max-width:767px) {
	.webshopOverview .webshopCategories {
		padding-top: 20px
	}
	.webshopOverview .webshopCategories nav {
		position: relative;
		border: 1px solid #b9c4d3;
		-webkit-border-radius: 22px 0 22px 22px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 22px 0 22px 22px;
		-moz-background-clip: padding;
		border-radius: 22px 0 22px 22px;
		background-clip: padding-box;
		margin-bottom: 20px
	}
	.webshopOverview .webshopCategories nav:after {
		font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e605";
		font-size: 18px;
		color: #ec008c;
		position: absolute;
		right: 15px;
		top: 14px;
		z-index: 0;
		pointer-events: none
	}
	.webshopOverview .webshopCategories nav:active, .webshopOverview .webshopCategories nav:focus {
		outline: none
	}
	.webshopOverview .webshopCategories nav:hover:after {
		color: #0072bc
	}
	.webshopOverview .webshopCategories nav strong {
		display: block;
		font-size: 15px;
		text-transform: none;
		cursor: pointer;
		margin-bottom: 0;
		padding: 12px 45px 10px 15px;
		z-index: 1
	}
	.webshopOverview .webshopCategories nav ul {
		list-style-type: none;
		padding: 0;
		max-height: 0;
		overflow: hidden;
		padding-left: 15px;
		-webkit-transition: max-height 0.5s;
		-moz-transition: max-height 0.5s;
		-o-transition: max-height 0.5s;
		transition: max-height 0.5s
	}
	.webshopOverview .webshopCategories nav.expanded:after {
		content: "\e604";
		color: #0072bc
	}
	.webshopOverview .webshopCategories nav.expanded ul {
		margin: 15px 0;
		max-height: 700px
	}
}
.webshopOverview .webshopFilterOptions {
	font-weight: bold
}
@media only screen and (min-width:768px) {
	.webshopOverview .webshopFilterOptions {
		padding: 0 0 0 25px
	}
}
.webshopOverview .webshopFilterOptions nav {
	display: inline-block
}
.webshopOverview .webshopFilterOptions nav ul {
	padding: 0;
	margin-left: 5px
}
.webshopOverview .webshopFilterOptions nav ul li {
	color: #6d819b;
	display: inline-block
}
.webshopOverview .webshopFilterOptions nav ul li:after {
	display: inline-block;
	content: '\2022';
	color: #eaedf1;
	padding: 0 3px 0 7px
}
.webshopOverview .webshopFilterOptions nav ul li:last-child:after {
	display: none;
	content: ''
}
.webshopOverview .webshopFilterOptions nav ul li a {
	color: #ec008c
}
@media only screen and (min-width:768px) {
	.webshopOverview .webshopFilterOptions nav ul li a:hover {
		color: #0072bc
	}
}
@media only screen and (min-width:768px) {
	.webshopOverview .pagination {
		padding: 0 25px
	}
}
@media only screen and (max-width:767px) {
	.webshopOverview .pagination {
		padding: 0
	}
}
.webshopOverview .pagination .pager {
	border-top: none
}
.webshopHightlightedItems {
	zoom: 1;
	background-color: #e5f1f8;
	-webkit-border-radius: 20px 0 20px 20px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 20px 0 20px 20px;
	-moz-background-clip: padding;
	border-radius: 20px 0 20px 20px;
	background-clip: padding-box;
	padding: 25px 0
}
.webshopHightlightedItems:before {
	content: '';
	display: block
}
.webshopHightlightedItems:after {
	content: '';
	display: table;
	clear: both
}
@media only screen and (min-width:768px) {
	.webshopHightlightedItems {
		margin: 0 25px 25px
	}
}
@media only screen and (max-width:767px) {
	.webshopHightlightedItems {
		display: none
	}
}
.webshopHightlightedItems h5 {
	padding: 0 0 20px 25px
}
.webshopHightlightedItems .webshopListItem {
	border-bottom: none;
	padding: 0;
	text-align: center
}
@media only screen and (min-width:768px) {
	.webshopHightlightedItems .webshopListItem {
		float: left;
		margin: 0 0 0 25px;
		width: 135px
	}
}
.webshopHightlightedItems .webshopListItem figure {
	position: relative;
	left: auto;
	top: auto;
	background-color: #fff;
	width: 100%;
	height: 163px;
	padding: 15px 0 0 0;
	margin: 0 0 10px;
	text-align: center;
	border: 1px solid #b9c4d3;
	-webkit-border-radius: 20px 0 20px 20px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 20px 0 20px 20px;
	-moz-background-clip: padding;
	border-radius: 20px 0 20px 20px;
	background-clip: padding-box
}
.webshopHightlightedItems .webshopListItem figure img {
	max-width: 100px;
	max-height: 130px
}
.webshopHightlightedItems .webshopListItem h5 {
	display: block;
	text-transform: none;
	color: #5b5b5b;
	font-weight: normal;
	margin: 0 0 3px 0
}
.webshopHightlightedItems .webshopListItem p {
	display: none
}
@media only screen and (min-width:768px) {
	>.webshopHightlightedItems {
		margin: 0 90px 20px 91px
	}
	>.webshopHightlightedItems .webshopListItem {
		width: 160px
	}
}
@media only screen and (max-width:767px) {
	>.webshopHightlightedItems {
		display: none
	}
}
.searchResultsPage {
	position: relative
}
@media only screen and (min-width:768px) {
	.searchResultsPage {
		padding: 0 0 0 211px;
		min-height: 350px;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
		background-image: -webkit-linear-gradient(left, #f7f7f7 211px, #ffffff 211px);
		background-image: -moz-linear-gradient(left, #f7f7f7 211px, #ffffff 211px);
		background-image: -o-linear-gradient(left, #f7f7f7 211px, #ffffff 211px);
		background-image: linear-gradient(to right, #f7f7f7 211px, #ffffff 211px)
	}
}
.searchResultsPage .mobilePageSearch {
	position: relative;
	padding: 20px 0 0 0
}
.searchResultsPage .mobilePageSearch input[type=search] {
	height: 35px;
	padding: 0 15px;
	border: 1px solid #b9c4d3;
	width: 90%;
	vertical-align: middle;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box
}
.csscalc .searchResultsPage .mobilePageSearch input[type=search] {
	-lh-property: 0;
	width: -webkit-calc(100% - 75px);
	width: -moz-calc(100% - 75px);
	width: calc(100% - 75px);
}
.searchResultsPage .mobilePageSearch input[type=submit] {
	padding: 0;
	font-size: 18px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #6d819b;
	background: #fff;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	border: 1px solid #b9c4d3;
	width: 37px;
	height: 37px;
	text-align: center;
	vertical-align: middle;
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.searchResultsPage .mobilePageSearch input[type=submit]:hover {
	border-color: #6d819b
}
.searchResultsPage .mobilePageSearch .resetter {
	position: absolute;
	right: 50px;
	top: 27px
}
.searchResultsPage .mobilePageSearch span {
	display: block;
	color: #6d819b;
	font-size: 18px;
	font-size: 1.2rem;
	font-weight: normal;
	font-style: italic;
	margin: 10px 0 0 1px
}
@media only screen and (min-width:768px) {
	.searchResultsPage .mobilePageSearch {
		display: none
	}
}
@media only screen and (min-width:768px) {
	.searchResultsPage .searchCategories {
		position: absolute;
		width: 211px;
		padding: 25px;
		left: 0;
		top: 0
	}
}
@media only screen and (max-width:767px) {
	.searchResultsPage .searchCategories {
		position: relative;
		border: 1px solid #b9c4d3;
		-webkit-border-radius: 22px 0 22px 22px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 22px 0 22px 22px;
		-moz-background-clip: padding;
		border-radius: 22px 0 22px 22px;
		background-clip: padding-box;
		margin-bottom: 20px
	}
	.searchResultsPage .searchCategories:after {
		font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e605";
		font-size: 18px;
		color: #ec008c;
		position: absolute;
		right: 15px;
		top: 14px;
		z-index: 0;
		pointer-events: none
	}
	.searchResultsPage .searchCategories:active, .searchResultsPage .searchCategories:focus {
		outline: none
	}
	.searchResultsPage .searchCategories:hover:after {
		color: #0072bc
	}
}
.searchResultsPage .searchCategories h6 {
	font-size: 1rem;
	text-transform: none
}
@media only screen and (min-width:768px) {
	.searchResultsPage .searchCategories h6 {
		margin-bottom: 20px
	}
}
@media only screen and (max-width:767px) {
	.searchResultsPage .searchCategories h6 {
		cursor: pointer;
		margin-bottom: 0;
		padding: 12px 45px 10px 15px;
		z-index: 1
	}
}
.searchResultsPage .searchCategories ul {
	list-style-type: none;
	padding: 0
}
@media only screen and (max-width:767px) {
	.searchResultsPage .searchCategories ul {
		max-height: 0;
		overflow: hidden;
		padding-left: 15px;
		-webkit-transition: max-height 0.5s;
		-moz-transition: max-height 0.5s;
		-o-transition: max-height 0.5s;
		transition: max-height 0.5s
	}
}
.searchResultsPage .searchCategories ul li {
	color: #6d819b
}
.searchResultsPage .searchCategories ul li a {
	font-weight: normal
}
.searchResultsPage .searchCategories ul li.active a {
	font-weight: bold;
	color: #0072bc
}
@media only screen and (max-width:767px) {
	.searchResultsPage .searchCategories.expanded:after {
		content: "\e604";
		color: #0072bc
	}
	.searchResultsPage .searchCategories.expanded ul {
		margin: 15px 0;
		max-height: 500px
	}
}
.searchResultsPage .searchResults h1 {
	padding: 25px 25px 20px 25px;
	color: #6d819b;
	font-size: 1.2rem;
	border-bottom: 1px solid #b9c4d3
}
@media only screen and (max-width:767px) {
	.searchResultsPage .searchResults h1 {
		display: none
	}
}
.searchResultsPage .searchResults h1 span {
	font-weight: normal;
	font-style: italic
}
@media only screen and (min-width:768px) {
	.searchResultsPage .searchResults .pagination {
		padding: 0 25px
	}
}
@media only screen and (max-width:767px) {
	.searchResultsPage .searchResults .pagination {
		padding: 0
	}
}
.searchResultsPage .searchResults .pagination .pager {
	border-top: none
}
.webshopCart {
	padding: 25px;
	padding-bottom: 0
}
@media only screen and (min-width:768px) {
	.webshopCart {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.webshopCart {
		padding-right: 15%;
		padding-left: 15%
	}
}
.webshopCart .webshopCartRowTitle, .webshopCart .webshopCartRow, .webshopCart .webshopCartRowTotal {
	zoom: 1;
	padding: 12px 0 22px 0;
	border-bottom: 1px solid #b9c4d3
}
.webshopCart .webshopCartRowTitle:before, .webshopCart .webshopCartRow:before, .webshopCart .webshopCartRowTotal:before {
	content: '';
	display: block
}
.webshopCart .webshopCartRowTitle:after, .webshopCart .webshopCartRow:after, .webshopCart .webshopCartRowTotal:after {
	content: '';
	display: table;
	clear: both
}
@media only screen and (min-width:768px) {
	.webshopCart .webshopCartRowTitle .webshopCartProduct, .webshopCart .webshopCartRow .webshopCartProduct, .webshopCart .webshopCartRowTotal .webshopCartProduct, .webshopCart .webshopCartRowTitle .webshopCartProductName, .webshopCart .webshopCartRow .webshopCartProductName, .webshopCart .webshopCartRowTotal .webshopCartProductName, .webshopCart .webshopCartRowTitle .webshopCartProductPrice, .webshopCart .webshopCartRow .webshopCartProductPrice, .webshopCart .webshopCartRowTotal .webshopCartProductPrice, .webshopCart .webshopCartRowTitle .webshopCartProductAmount, .webshopCart .webshopCartRow .webshopCartProductAmount, .webshopCart .webshopCartRowTotal .webshopCartProductAmount, .webshopCart .webshopCartRowTitle .webshopCartProductRemove, .webshopCart .webshopCartRow .webshopCartProductRemove, .webshopCart .webshopCartRowTotal .webshopCartProductRemove, .webshopCart .webshopCartRowTitle .webshopCartProductTotal, .webshopCart .webshopCartRow .webshopCartProductTotal, .webshopCart .webshopCartRowTotal .webshopCartProductTotal {
		float: left
	}
}
.webshopCart .webshopCartRowTitle .webshopCartProduct, .webshopCart .webshopCartRow .webshopCartProduct, .webshopCart .webshopCartRowTotal .webshopCartProduct {
	width: 80px
}
.webshopCart .webshopCartRowTitle .webshopCartProductName, .webshopCart .webshopCartRow .webshopCartProductName, .webshopCart .webshopCartRowTotal .webshopCartProductName {
	padding-top: 10px;
	width: 230px;
	font-size: 0
}
.webshopCart .webshopCartRowTitle .webshopCartProductName *, .webshopCart .webshopCartRow .webshopCartProductName *, .webshopCart .webshopCartRowTotal .webshopCartProductName * {
	font-size: 1rem;
	font-weight: normal;
	color: #5b5b5b
}
@media only screen and (min-width:768px) {
	.webshopCart .webshopCartRowTitle .webshopCartProductName a:hover, .webshopCart .webshopCartRow .webshopCartProductName a:hover, .webshopCart .webshopCartRowTotal .webshopCartProductName a:hover {
		color: #ec008c
	}
}
@media only screen and (min-width:768px) {
	.webshopCart .webshopCartRowTitle .webshopCartProductPrice, .webshopCart .webshopCartRow .webshopCartProductPrice, .webshopCart .webshopCartRowTotal .webshopCartProductPrice {
		padding-top: 10px;
		width: 85px
	}
}
@media only screen and (max-width:767px) {
	.webshopCart .webshopCartRowTitle .webshopCartProductPrice:before, .webshopCart .webshopCartRow .webshopCartProductPrice:before, .webshopCart .webshopCartRowTotal .webshopCartProductPrice:before {
		font-weight: bold;
		content: 'Prijs: '
	}
}
.webshopCart .webshopCartRowTitle .webshopCartProductAmount, .webshopCart .webshopCartRow .webshopCartProductAmount, .webshopCart .webshopCartRowTotal .webshopCartProductAmount {
	width: 100px
}
.webshopCart .webshopCartRowTitle .webshopCartProductAmount .form-item, .webshopCart .webshopCartRow .webshopCartProductAmount .form-item, .webshopCart .webshopCartRowTotal .webshopCartProductAmount .form-item {
	display: inline-block
}
.webshopCart .webshopCartRowTitle .webshopCartProductAmount .form-item input, .webshopCart .webshopCartRow .webshopCartProductAmount .form-item input, .webshopCart .webshopCartRowTotal .webshopCartProductAmount .form-item input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	height: 45px;
	height: 3rem;
	padding: 0 12px;
	padding: 0 .8rem;
	border: 1px solid #b9c4d3;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	width: 60px;
	text-align: center
}
.webshopCart .webshopCartRowTitle .webshopCartProductAmount .form-item input.error, .webshopCart .webshopCartRow .webshopCartProductAmount .form-item input.error, .webshopCart .webshopCartRowTotal .webshopCartProductAmount .form-item input.error {
	border-color: #e70000
}
.webshopCart .webshopCartRowTitle .webshopCartProductAmount .refreshCart, .webshopCart .webshopCartRow .webshopCartProductAmount .refreshCart, .webshopCart .webshopCartRowTotal .webshopCartProductAmount .refreshCart {
	display: inline-block;
	margin-left: 2px;
	background: url("../img/icon_refresh.png") no-repeat left top;
	background-size: 13px 30px;
	width: 13px;
	height: 13px
}
.webshopCart .webshopCartRowTitle .webshopCartProductAmount .refreshCart:hover, .webshopCart .webshopCartRow .webshopCartProductAmount .refreshCart:hover, .webshopCart .webshopCartRowTotal .webshopCartProductAmount .refreshCart:hover {
	background-position: left bottom
}
@media only screen and (max-width:767px) {
	.webshopCart .webshopCartRowTitle .webshopCartProductAmount div, .webshopCart .webshopCartRow .webshopCartProductAmount div, .webshopCart .webshopCartRowTotal .webshopCartProductAmount div {
		display: inline-block
	}
	.webshopCart .webshopCartRowTitle .webshopCartProductAmount:before, .webshopCart .webshopCartRow .webshopCartProductAmount:before, .webshopCart .webshopCartRowTotal .webshopCartProductAmount:before {
		display: inline-block;
		font-weight: bold;
		content: 'Aantal: '
	}
}
.webshopCart .webshopCartRowTitle .webshopCartProductRemove, .webshopCart .webshopCartRow .webshopCartProductRemove, .webshopCart .webshopCartRowTotal .webshopCartProductRemove {
	padding-top: 13px;
	float: right;
	width: 18px
}
.webshopCart .webshopCartRowTitle .webshopCartProductRemove input, .webshopCart .webshopCartRow .webshopCartProductRemove input, .webshopCart .webshopCartRowTotal .webshopCartProductRemove input {
	text-indent: -9999px;
	background: url("../img/icon_trash.png") no-repeat left top;
	background-size: 12px 30px;
	width: 12px;
	height: 14px;
	border: none
}
.webshopCart .webshopCartRowTitle .webshopCartProductRemove input:hover, .webshopCart .webshopCartRow .webshopCartProductRemove input:hover, .webshopCart .webshopCartRowTotal .webshopCartProductRemove input:hover {
	background-position: left bottom
}
@media only screen and (min-width:768px) {
	.webshopCart .webshopCartRowTitle .webshopCartProductTotal, .webshopCart .webshopCartRow .webshopCartProductTotal, .webshopCart .webshopCartRowTotal .webshopCartProductTotal {
		padding-top: 10px;
		width: 70px
	}
}
@media only screen and (max-width:767px) {
	.webshopCart .webshopCartRowTitle .webshopCartProductTotal:before, .webshopCart .webshopCartRow .webshopCartProductTotal:before, .webshopCart .webshopCartRowTotal .webshopCartProductTotal:before {
		font-weight: bold;
		content: 'Totaal: '
	}
}
.webshopCart .webshopCartRowTitle, .webshopCart .webshopCartRowTotal {
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 8px
}
@media only screen and (max-width:767px) {
	.webshopCart .webshopCartRowTitle.webshopCartRowTitle, .webshopCart .webshopCartRowTotal.webshopCartRowTitle {
		display: none
	}
}
.webshopCart .webshopCartRowTitle .webshopCartProduct, .webshopCart .webshopCartRowTotal .webshopCartProduct {
	width: 310px
}
.webshopCart .webshopCartRowTitle .webshopCartProductName, .webshopCart .webshopCartRowTotal .webshopCartProductName {
	display: none
}
.webshopCart .webshopCartRowTitle .webshopCartProductPrice, .webshopCart .webshopCartRowTotal .webshopCartProductPrice, .webshopCart .webshopCartRowTitle .webshopCartProductTotal, .webshopCart .webshopCartRowTotal .webshopCartProductTotal, .webshopCart .webshopCartRowTitle .webshopCartProductRemove, .webshopCart .webshopCartRowTotal .webshopCartProductRemove {
	padding-top: 0
}
.webshopCart .webshopCartRowTotal .webshopCartProduct {
	color: #0072bc
}
.webshopCart .webshopCartRowTotal .webshopCartProductPrice, .webshopCart .webshopCartRowTotal .webshopCartProductTotal, .webshopCart .webshopCartRowTotal .webshopCartProductAmount {
	text-transform: none;
	font-weight: normal
}
@media only screen and (max-width:767px) {
	.webshopCart .webshopCartRowTotal .webshopCartProductPrice {
		display: none
	}
	.webshopCart .webshopCartRowTotal div:before {
		content: '' !important
	}
}
.webshopCart .form-actions {
	padding-top: 23px;
	text-align: right
}
.webshopCart .form-actions input {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	margin: 0 0 0 15px;
	vertical-align: middle
}
.no-touch .webshopCart .form-actions input:hover, .no-touch .webshopCart .form-actions input.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.webshopCart .form-actions input {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.webshopCart .form-actions input {
		font-size: 15px
	}
}
.webshopCart .form-actions input:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.webshopCart .form-actions input:hover {
	text-decoration: none
}
.webshopCart .form-actions input.disabled {
	display: none
}
@media only screen and (min-width:768px) {
	.webshopCart+.backLink {
		margin-top: -50px
	}
}
.noresults, .searchSuggestion, .search-result, .webshopListItem {
	display: block;
	padding: 22px 0 0 0
}
@media only screen and (min-width:768px) {
	.noresults, .searchSuggestion, .search-result, .webshopListItem {
		margin: 0 25px
	}
}
.noresults h5, .searchSuggestion h5, .search-result h5, .webshopListItem h5 {
	color: #5b5b5b
}
.search-result {
	position: relative;
	padding: 22px 0;
	font-weight: normal;
	color: #5b5b5b;
	border-bottom: 1px solid #b9c4d3
}
.search-result h5 {
	color: #0072bc
}
@media only screen and (min-width:768px) {
	.search-result:hover h5 {
		color: #ec008c
	}
}
.search-result mark {
	background: transparent;
	font-weight: bold;
	color: #5b5b5b
}
.webshopListItem {
	display: block;
	padding: 22px 0 0 0;
	position: relative;
	padding: 22px 0;
	font-weight: normal;
	color: #5b5b5b;
	border-bottom: 1px solid #b9c4d3;
	padding-left: 102px;
	min-height: 154px
}
@media only screen and (min-width:768px) {
	.webshopListItem {
		margin: 0 25px
	}
}
.webshopListItem h5 {
	color: #5b5b5b
}
.webshopListItem h5 {
	color: #0072bc
}
@media only screen and (min-width:768px) {
	.webshopListItem:hover h5 {
		color: #ec008c
	}
}
.webshopListItem mark {
	background: transparent;
	font-weight: bold;
	color: #5b5b5b
}
.webshopListItem figure {
	position: absolute;
	left: 0;
	top: 22px;
	width: 90px
}
.webshopListItem figure img {
	max-width: 100%;
	max-height: 110px
}
.webshopListItem h5 {
	display: inline-block;
	margin-right: 12px
}
.webshopListItem .ProductRating3, .webshopListItem div[class^="ProductRating"] {
	display: inline-block;
	white-space: nowrap
}
.showAllItems {
	display: block;
	color: #5b5b5b;
	padding: 23px 0 20px 0;
	line-height: 1;
	text-align: center;
	border-bottom: 1px solid #b9c4d3
}
@media only screen and (min-width:768px) {
	.showAllItems {
		margin: 0 25px
	}
}
.showAllItems:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	padding: 0 3px;
	content: '\e605';
	font-size: 1.2rem;
	color: #ec008c;
	vertical-align: text-bottom
}
@media only screen and (min-width:768px) {
	.showAllItems:hover {
		color: #ec008c
	}
}
.calendarOverview {
	padding-top: 15px;
	zoom: 1
}
@media only screen and (min-width:768px) {
	.calendarOverview {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.calendarOverview {
		padding-right: 15%;
		padding-left: 15%
	}
}
.calendarOverview:before {
	content: '';
	display: block
}
.calendarOverview:after {
	content: '';
	display: table;
	clear: both
}
.calendarOverview h5 {
	border-bottom: 1px solid #b9c4d3;
	padding-bottom: 10px
}
.calendarOverview .calendarLegend {
	position: relative;
	border-bottom: 1px solid #b9c4d3;
	padding-bottom: 10px
}
.calendarOverview .calendarLegend a {
	color: #0072bc;
	text-transform: uppercase;
	width: 350px
}
.calendarOverview .calendarLegend a:hover {
	color: #ec008c
}
.calendarOverview .calendarLegend a:nth-child(2) {
	position: absolute;
	right: 125px;
	top: 0;
	width: 110px
}
.calendarOverview .calendarLegend a:nth-child(3) {
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 90px
}
@media only screen and (max-width:767px) {
	.calendarOverview .calendarLegend a:nth-child(2), .calendarOverview .calendarLegend a:nth-child(3) {
		display: none
	}
}
.calendarOverview .calendarItem {
	border-bottom: 1px solid #b9c4d3
}
.calendarOverview .calendarItem a {
	position: relative;
	display: block;
	padding: 10px 0;
	color: #5b5b5b;
	font-weight: normal
}
@media only screen and (min-width:768px) {
	.calendarOverview .calendarItem a strong {
		display: block;
		width: 350px;
		width: 55%
	}
	.calendarOverview .calendarItem a .category {
		display: block;
		width: 350px;
		color: #6d819b
	}
	.calendarOverview .calendarItem a .location {
		position: absolute;
		right: 125px;
		top: 10px;
		width: 110px
	}
	.calendarOverview .calendarItem a time {
		position: absolute;
		top: 10px;
		right: 0;
		text-align: right;
		width: 90px
	}
	.calendarOverview .calendarItem a:hover strong {
		color: #0072bc
	}
}
@media only screen and (max-width:767px) {
	.calendarOverview .calendarItem a strong {
		display: block
	}
	.calendarOverview .calendarItem a .category {
		display: block;
		color: #6d819b
	}
	.calendarOverview .calendarItem a .location {
		display: inline-block;
		width: 50%
	}
	.calendarOverview .calendarItem a time {
		display: inline-block;
		width: 46%;
		text-align: right
	}
}
.calendarOverview .calendarItem:last-child {
	border-bottom: none
}
.calendarOverview>a {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	font-weight: normal;
	color: #5b5b5b;
	float: right;
	margin: 18px 0 30px 0
}
.calendarOverview>a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.calendarOverview>a:hover {
	text-decoration: none;
	color: #0072bc
}
.calendarOverview>a:before {
	color: #ec008c
}
.calendarOverview>a:hover {
	color: #ec008c
}
.examples {
	padding-bottom: 15px
}
@media only screen and (min-width:768px) {
	.examples {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.examples {
		padding-right: 15%;
		padding-left: 15%
	}
}
.examples a {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	font-weight: normal;
	color: #5b5b5b;
	display: block;
	margin-bottom: 10px
}
.examples a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.examples a:hover {
	text-decoration: none;
	color: #0072bc
}
.examples a:before {
	color: #ec008c
}
.examples a:hover {
	color: #ec008c
}
.seoLandingBlocks {
	margin-bottom: 40px
}
.seoLandingBlocks .blocksContainer {
	background: #e5f1f8
}
@media only screen and (min-width:768px) {
	.seoLandingBlocks .blocksContainer {
		zoom: 1;
		-webkit-border-radius: 20px 0 20px 20px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 20px 0 20px 20px;
		-moz-background-clip: padding;
		border-radius: 20px 0 20px 20px;
		background-clip: padding-box
	}
	.seoLandingBlocks .blocksContainer:before {
		content: '';
		display: block
	}
	.seoLandingBlocks .blocksContainer:after {
		content: '';
		display: table;
		clear: both
	}
}
@media only screen and (max-width:767px) {
	.seoLandingBlocks .blocksContainer {
		-webkit-border-radius: 15px 0 15px 15px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 15px 0 15px 15px;
		-moz-background-clip: padding;
		border-radius: 15px 0 15px 15px;
		background-clip: padding-box
	}
}
.seoLandingBlocks .blocksContainer article {
	position: relative;
	border-top: 2px solid #fff;
	text-align: center;
}
@media only screen and (min-width:768px) {
	.seoLandingBlocks .blocksContainer article {
		float: left;
		width: 50% !important;
		padding: 20px 20px 14px 20px;
		border-right: 2px solid #fff
	}
	.seoLandingBlocks .blocksContainer article:nth-child(odd) {
		clear: left
	}
	.seoLandingBlocks .blocksContainer article:nth-child(odd):last-child:after {
		content: '';
		display: block;
		width: 292px;
		border-top: 2px solid #fff;
		position: absolute;
		right: -294px;
		top: -2px
	}
	.seoLandingBlocks .blocksContainer article:nth-child(even) {
		border-right: none
	}
	.seoLandingBlocks .blocksContainer article:nth-child(1), .seoLandingBlocks .blocksContainer article:nth-child(2) {
		border-top: none
	}
}
@media only screen and (max-width:767px) {
	.seoLandingBlocks .blocksContainer article {
		padding: 15px
	}
	.seoLandingBlocks .blocksContainer article:first-child {
		border-top: none
	}
}
.seoLandingBlocks .blocksContainer article figure {
	margin: 0 auto 20px auto;
	width: 150px;
	height: 150px;
	background-size: cover;
	background-position: center;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box
}
.seoLandingBlocks .blocksContainer article figure a {
	display: block;
	width: 100%;
	height: 100%
}
.seoLandingBlocks .blocksContainer article figure img {
	max-width: 100%;
	max-height: 100%;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box
}
.seoLandingBlocks .blocksContainer article h5 {
	text-align: center
}
.seoLandingBlocks .blocksContainer article h5 a {
	color: #0072bc
}
.seoLandingBlocks .blocksContainer article h5 a:hover {
	color: #ec008c
}
.seoLandingBlocks .blocksContainer article nav a {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block
}
.seoLandingBlocks .blocksContainer article nav a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.seoLandingBlocks .blocksContainer article nav a:hover {
	text-decoration: none;
	color: #0072bc
}
.infographic {
	padding-top: 15px;
	padding-bottom: 35px;
	text-align: center
}
@media only screen and (min-width:768px) {
	.infographic {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.infographic {
		padding-right: 15%;
		padding-left: 15%
	}
}
.infographic .embedBlock {
	zoom: 1;
	padding: 24px 20px;
	margin: 0 auto;
	background: #eaeaea;
	text-align: left;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box
}
.infographic .embedBlock:before {
	content: '';
	display: block
}
.infographic .embedBlock:after {
	content: '';
	display: table;
	clear: both
}
@media only screen and (min-width:768px) {
	.infographic .embedBlock {
		width: 455px
	}
}
@media only screen and (max-width:767px) {
	.infographic .embedBlock {
		width: 100%;
		max-width: 455px
	}
}
.infographic .embedBlock h6 {
	margin-bottom: 15px
}
.infographic .embedBlock textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	height: 45px;
	height: 3rem;
	padding: 0 12px;
	padding: 0 .8rem;
	border: 1px solid #b9c4d3;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	padding-right: 0;
	height: 120px
}
.infographic .embedBlock textarea.error {
	border-color: #e70000
}
.infographic .embedBlock button {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	margin: 25px 0 0 0;
	float: right
}
.no-touch .infographic .embedBlock button:hover, .no-touch .infographic .embedBlock button.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.infographic .embedBlock button {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.infographic .embedBlock button {
		font-size: 15px
	}
}
.infographic .embedBlock button:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.infographic .embedBlock button:hover {
	text-decoration: none
}
.appleios .infographic .embedBlock button {
	display: none
}
.largePanel {
	padding-bottom: 35px
}
.largePanel a {
	position: relative;
	display: block;
	background: #e5f1f8;
	-webkit-border-radius: 22px 0 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0 22px 22px;
	background-clip: padding-box;
	color: #5b5b5b;
	font-weight: normal
}

.largePanel figure.image-on-bg{
	background-position: top;
}
@media only screen and (min-width:768px) {
	.largePanel a {
		padding: 25px 25px 40px 293px
	}
}
@media only screen and (max-width:767px) {
	.largePanel a {
		padding: 25px
	}
}
.largePanel a figure {
	display: block;
	background-position: center;
	background-size: cover;
	-webkit-border-radius: 14px 0 14px 14px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 14px 0 14px 14px;
	-moz-background-clip: padding;
	border-radius: 14px 0 14px 14px;
	background-clip: padding-box
}
@media only screen and (min-width:768px) {
	.largePanel a figure {
		position: absolute;
		left: 25px;
		top: 25px;
		height: 90%;
		width: 243px
	}
	.csscalc .largePanel a figure {
		height: calc(100% - 50px)
	}
}
@media only screen and (max-width:767px) {
	.largePanel a figure {
		width: 100%;
		height: 250px;
		margin: 15px 0
	}
}
.largePanel a span {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	color: #ec008c
}
.largePanel a span:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.largePanel a span:hover {
	text-decoration: none;
	color: #0072bc
}
.largePanel a:hover span {
	color: #0072bc
}
.thumbLinks {
	zoom: 1;
	padding-bottom: 30px
}
.thumbLinks:before {
	content: '';
	display: block
}
.thumbLinks:after {
	content: '';
	display: table;
	clear: both
}
.thumbLinks a {
	float: left;
	display: block;
	text-align: center;
	font-weight: normal;
	color: #ec008c
}
@media only screen and (min-width:768px) {
	.thumbLinks a {
		width: 175px;
		width: 30%;
		margin: 0 0 30px 30px;
		margin: 0 0 5% 5%
	}
	.thumbLinks a:nth-child(3n-2) {
		clear: both;
		margin-left: 0
	}
}
@media only screen and (max-width:767px) {
	.thumbLinks a {
		width: 50%;
		margin: 0 0 20px 0
	}
	.thumbLinks a:nth-child(odd) {
		clear: both
	}
}
.thumbLinks a:hover {
	color: #0072bc
}
.thumbLinks a figure {
	display: block;
	margin: 0 auto 10px auto;
	background-color: #b9c4d3;
	background-position: center;
	background-size: cover;
	text-align: center;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	overflow: hidden
}
@media only screen and (min-width:768px) {
	.thumbLinks a figure {
		width: 125px;
		height: 125px
	}
}
@media only screen and (max-width:767px) {
	.thumbLinks a figure {
		width: 110px;
		height: 110px
	}
}
.thumbLinks a figure img {
	max-width: 100%;
	max-height: 100%
}
.doormat {
	padding-top: 28px;
	padding-bottom: 28px;
	background-color: #003f67;
	color: #fff
}
@media only screen and (min-width:768px) {
	.doormat {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.doormat {
		padding-right: 15%;
		padding-left: 15%
	}
}
@media only screen and (min-width:768px) {
	.doormat {
		zoom: 1
	}
	.doormat:before {
		content: '';
		display: block
	}
	.doormat:after {
		content: '';
		display: table;
		clear: both
	}
}
@media only screen and (min-width:768px) {
	.doormat nav, .doormat div {
		float: left;
		width: 127px;
		width: 23%;
		margin-left: 2%
	}
	.doormat nav:first-child, .doormat div:first-child {
		margin-left: 0
	}
}
@media only screen and (max-width:767px) {
	.doormat nav, .doormat div {
		margin-bottom: 15px
	}
}
.doormat nav h5, .doormat div h5 {
	color: #fff;
	margin-bottom: 10px;
	font-size: 14px;
	font-size: .93rem
}
.doormat nav h5 a, .doormat div h5 a {
	color: #fff
}
.doormat nav h5 a:hover, .doormat div h5 a:hover {
	text-decoration: underline;
	color: #fff
}
.doormat nav>a {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	font-weight: normal;
	color: #5b5b5b;
	color: #fff;
	display: block;
	margin-bottom: 6px
}
.doormat nav>a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.doormat nav>a:hover {
	text-decoration: none;
	color: #0072bc
}
.doormat nav>a:before {
	color: #ec008c
}
.doormat nav>a:hover {
	color: #ec008c
}
@media only screen and (min-width:768px) {
	.doormat nav>a {
		font-size: 12px;
		font-size: .8rem
	}
}
.doormat nav>a:before {
	color: #fff
}
.doormat nav>a:hover {
	color: #fff;
	text-decoration: underline
}
.doormat nav>a+h5 {
	margin-top: 15px
}
@media only screen and (min-width:768px) {
	.doormat div {
		font-size: 12px;
		font-size: .8rem
	}
}
.doormat div p {
	padding-bottom: 10px
}
.doormat div a {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	height: auto;
	line-height: 1;
	padding: 10px 10px 9px 10px;
	font-size: 14px !important;
	font-size: .93rem !important
}
.no-touch .doormat div a:hover, .no-touch .doormat div a.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.doormat div a {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.doormat div a {
		font-size: 15px
	}
}
.doormat div a:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.doormat div a:hover {
	text-decoration: none
}
.footerLinks {
	padding: 20px 40px 70px 40px;
	background-color: #fff
}
@media only screen and (min-width:768px) {
	.footerLinks {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.footerLinks {
		padding-right: 15%;
		padding-left: 15%
	}
}
@media only screen and (max-width:767px) {
	.footerLinks {
		margin-bottom: 50px
	}
}
.footerLinks ul {
	margin: 10px 0 4px 0;
	padding: 0;
	display: inline-block
}
@media only screen and (max-width:767px) {
	.footerLinks ul {
		text-align: center
	}
}
.footerLinks ul li {
	margin: 0 4px 0 0;
	padding: 0;
	display: inline-block;
	color: #b9c4d3;
	font-size: 1rem
}
.footerLinks ul li a {
	color: #6d819b;
	font-weight: normal
}
.footerLinks ul li a:hover {
	text-decoration: underline
}
.footerLinks ul li:before {
	display: inline-block;
	content: '\2022';
	margin-right: 6px
}
.footerLinks ul li:first-child:before {
	content: '';
	margin-right: 0
}
@media only screen and (min-width:768px) {
	.footerLinks .footerLogos {
		float: right
	}
}
@media only screen and (max-width:767px) {
	.footerLinks .footerLogos {
		text-align: center
	}
}
.footerLinks .footerLogos .cbf, .footerLinks .footerLogos .anbi {
	display: inline-block
}
@media only screen and (min-width:768px) {
	.footerLinks .footerLogos .cbf, .footerLinks .footerLogos .anbi {
		margin: 0 0 0 15px
	}
}
@media only screen and (max-width:767px) {
	.footerLinks .footerLogos .cbf, .footerLinks .footerLogos .anbi {
		margin: 0 10px
	}
}
.footerLinks .footerLogos .cbf {
	background: url("../img/cbf_keur.gif") no-repeat;
	background-size: contain;
	width: 42px;
	height: 41px
}
.footerLinks .footerLogos .anbi {
	background: url("../img/anbi.gif") no-repeat;
	background-size: contain;
	width: 48px;
	height: 39px
}
@media only screen and (max-width:767px) {
	.footerLinks {
		text-align: center
	}
}
@media only screen and (min-width:768px) {
	.related+.footerLinks {
		border-top: 1px solid #6d819b
	}
}
@media only screen and (max-width:767px) {
	.related+.footerLinks {
		position: relative;
		z-index: 3;
		margin-top: -45px
	}
}
@media only screen and (min-width:1440px) {
	.searchBar form input[type=submit] {
		position: absolute !important;
		top: 12px !important
	}
}
@media only screen and (min-width:1680px) {
	.searchBar form input[type=submit] {
		position: absolute !important;
		top: 15px !important
	}
}
@media only screen and (min-width:980px) {
	.searchBar {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 54px;
		height: 3.6rem;
		background: #fff;
		-webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
		-webkit-border-radius: 10px 0 0 0;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 10px 0 0 0;
		-moz-background-clip: padding;
		border-radius: 10px 0 0 0;
		background-clip: padding-box;
		overflow: hidden;
		z-index: 20
	}
	.searchBar form input[type=search], .searchBar form input[type=text] {
		position: relative;
		border: none;
		height: 54px;
		height: 3.6rem;
		width: 380px;
		width: 26.2rem;
		margin: 0 0 0 20px;
		padding: 0;
		vertical-align: middle;
		font-size: 16px;
		font-size: 1rem;
		-webkit-border-radius: 0;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 0;
		-moz-background-clip: padding;
		border-radius: 0;
		background-clip: padding-box;
		outline: none !important;
		line-height: 1
	}
	.searchBar form input[type=submit] {
		padding: 0;
		font-size: 18px;
		font-size: 1.2rem;
		font-weight: bold;
		color: #6d819b;
		background: #fff;
		-webkit-border-radius: 5px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 5px;
		-moz-background-clip: padding;
		border-radius: 5px;
		background-clip: padding-box;
		border: 1px solid #b9c4d3;
		width: 37px;
		height: 37px;
		text-align: center;
		vertical-align: middle;
		font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: absolute;
		right: 295px;
		top: 9px
	}
	.searchBar form input[type=submit]:hover {
		border-color: #6d819b
	}
	.searchBar form .resetter {
		position: absolute;
		left: 400px;
		left: 26.7rem;
		top: 17px;
		top: 1.1rem
	}
	.searchBar .topTasks {
		position: absolute;
		top: 0;
		right: 0
	}
}
@media only screen and (max-width:979px) {
	.searchBar {
		display: none
	}
}
.mainContent.sticky .searchBar {
	position: fixed;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box
}









/* SEARCHBAR STICKY */
@media only screen and (min-width:768px) {
	.container .mainContent.sticky .searchBar {
		left: 256px;
		-lh-property: 0;
		width: -webkit-calc(100% - 256px) !important;
		width: -moz-calc(100% - 256px) !important;
		width: calc(100% - 256px) !important;
		min-width: 707px;
		max-width: 1341px
	}
}
@media only screen and (min-width:1440px) {
	.container .mainContent.sticky .searchBar {
		left: 306px;
		-lh-property: 0;
		width: -webkit-calc(100% - 306px) !important;
		width: -moz-calc(100% - 306px) !important;
		width: calc(100% - 306px) !important;
	}
}
/* END SEARCHBAR STICK */











.mainContent.sticky .homeImage {
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box
}
.bgGrey, .bgBlue {
	padding: 35px 0 28px 0;
	background-color: #eaeaea
}
@media only screen and (min-width:768px) {
	.bgGrey, .bgBlue {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.bgGrey, .bgBlue {
		padding-right: 15%;
		padding-left: 15%
	}
}
@media only screen and (max-width:767px) {
	.bgGrey, .bgBlue {
		padding-left: 10px;
		padding-right: 10px
	}
}
.bgBlue {
	background-color: #e5f1f8
}
.bgGrey+section, .bgBlue+section, .wideCtaImage+section, .wideCtaBgImage+section, .wideCtaAffiliate+section {
	padding-top: 28px !important
}
@media only screen and (max-width:979px) {
	.mobileMenu .menu {
		display: block
	}
	.mobileMenu .container {
		max-height: 100% !important;
		overflow: hidden !important
	}
	.mobileMenu .mainContent, .mobileMenu .header {
		-webkit-transform: translateX(256px);
		-moz-transform: translateX(256px);
		-ms-transform: translateX(256px);
		-o-transform: translateX(256px);
		transform: translateX(256px)
	}
}
@media only screen and (max-width:979px) {
	.mobileMenu .mainContent:after, .mobileSearch .mainContent:after {
		position: absolute;
		left: 0;
		top: 0;
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.95);
		overflow: hidden;
		z-index: 20;
	}
}
a.tel {
	cursor: text;
	white-space: nowrap
}
a.tel:hover {
	text-decoration: none
}
@media only screen and (max-width:767px) {
	.touch a.tel {
		cursor: pointer;
		text-decoration: underline !important;
		font-weight: bold
	}
}
a.twitterLink:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	content: "\e607";
	margin-right: 3px
}
a.facebookLink:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	content: "\e608";
	margin-right: 3px
}
.buttonstyle {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom
}
.no-touch .buttonstyle:hover, .no-touch .buttonstyle.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.buttonstyle {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.buttonstyle {
		font-size: 15px
	}
}
.buttonstyle:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.buttonstyle:hover {
	text-decoration: none
}
.buttonstyleLink {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	height: auto;
	line-height: 1
}
.no-touch .buttonstyleLink:hover, .no-touch .buttonstyleLink.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.buttonstyleLink {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.buttonstyleLink {
		font-size: 15px
	}
}
.buttonstyleLink:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.buttonstyleLink:hover {
	text-decoration: none
}
.outlineButtonStyle {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	background-color: #fff;
	border: 1px solid #b9c4d3;
	color: #6d819b
}
.no-touch .outlineButtonStyle:hover, .no-touch .outlineButtonStyle.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.outlineButtonStyle {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.outlineButtonStyle {
		font-size: 15px
	}
}
.outlineButtonStyle:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.outlineButtonStyle:hover {
	text-decoration: none
}
.no-touch .outlineButtonStyle:hover {
	background-color: #fff !important;
	color: #6d819b !important;
	border-color: #6d819b
}
.arrowButton {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom
}
.no-touch .arrowButton:hover, .no-touch .arrowButton.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.arrowButton {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.arrowButton {
		font-size: 15px
	}
}
.arrowButton:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.arrowButton:hover {
	text-decoration: none
}
a.arrowButton {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	height: auto;
	line-height: 1
}
.no-touch a.arrowButton:hover, .no-touch a.arrowButton.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	a.arrowButton {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	a.arrowButton {
		font-size: 15px
	}
}
a.arrowButton:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
a.arrowButton:hover {
	text-decoration: none
}
.arrowLink {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block
}
.arrowLink:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.arrowLink:hover {
	text-decoration: none;
	color: #0072bc
}
.arrowLink2 {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	font-weight: normal;
	color: #5b5b5b
}
.arrowLink2:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.arrowLink2:hover {
	text-decoration: none;
	color: #0072bc
}
.arrowLink2:before {
	color: #ec008c
}
.arrowLink2:hover {
	color: #ec008c
}
.bulletLink {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	display: block
}
.bulletLink:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.bulletLink:hover {
	text-decoration: none;
	color: #0072bc
}
.bulletLink:before {
	content: '\2022'
}
.center {
	display: block;
	text-align: center
}
@media only screen and (min-width:768px) {
	.contentPadding {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media only screen and (min-width:1440px) {
	.contentPadding {
		padding-right: 15%;
		padding-left: 15%
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		max-height: 0
	}
	100% {
		opacity: 1;
		max-height: 500px
	}
}
.at_hover {
	margin-top: 10px !important
}
.share .addthis_toolbox {
	zoom: 1;
	position: relative
}
.share .addthis_toolbox:before {
	content: '';
	display: block
}
.share .addthis_toolbox:after {
	content: '';
	display: table;
	clear: both
}
@media only screen and (max-width:767px) {
	.share .addthis_toolbox {
		display: inline-block;
		vertical-align: middle;
        width: 60%;
	}
}
.share .addthis_toolbox a {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 20px;
	text-align: center !important;
	padding: 0 20px !important;
	color: #6d819b;
	text-decoration: none !important;
	border-left: 1px solid #b9c4d3
}
.share .addthis_toolbox a img {
	width: 1px;
	vertical-align: middle
}
@media only screen and (max-width:767px) {
	.touch .share .addthis_toolbox a img {
		display: none
	}
}
.share .addthis_toolbox a span {
	width: 1px !important;
	height: 1px !important;
	visibility: hidden !important;
	background: none !important
}
.share .addthis_toolbox a span span {
	display: none
}
.share .addthis_toolbox a {
	border-left: none
}
.share .addthis_toolbox a:hover {
	color: #0072bc
}
.share .addthis_toolbox a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 20px;
	font-size: 1.33rem
}
.share .addthis_toolbox a.addthis_button_facebook:after {
	content: "\e608"
}
.share .addthis_toolbox a.addthis_button_twitter:after {
	content: "\e607"
}
.share .addthis_toolbox a.addthis_button_email:after {
	content: "\e61b"
}
.share .addthis_toolbox a.addthis_button_compact:after {
	content: "\e61d"
}
.resetter {
	cursor: pointer
}
.resetter:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 22px;
	font-size: 1.5rem;
	color: #b9c4d3;
	content: '\e627'
}
.resetter:hover:after {
	color: #6d819b
}
#at15s.atm {
	margin-top: 12px
}
ul.checks {
	padding-left: 0 !important;
	margin: 0 0 15px 0
}
ul.checks:last-child {
	margin-bottom: 0
}
ul.checks li {
	position: relative;
	list-style: none;
	padding-left: 20px !important;
	padding-bottom: 3px !important;
	margin: 0
}
ul.checks li:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #0072bc;
	font-size: 16px;
	font-size: 1.07rem;
	position: absolute;
	left: 0;
	top: 2px;
	content: '\e61f'
}
.overlaycolor {
	background-color: rgba(255, 255, 255, 0.95)
}
.fancybox {
	display: none
}
.fancybox-overlay {
	background-color: rgba(255, 255, 255, 0.95)
}
.fancybox-close {
	right: 14px;
	top: 12px
}
.fancybox-close:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e627';
	font-size: 35px;
	font-size: 2.33rem;
	color: #b9c4d3
}
.fancybox-close:hover:after {
	color: #6d819b
}
.fancybox-opened .fancybox-skin {
	zoom: 1;
	background-color: #fff
}
.fancybox-opened .fancybox-skin:before {
	content: '';
	display: block
}
.fancybox-opened .fancybox-skin:after {
	content: '';
	display: table;
	clear: both
}
@media only screen and (min-width:768px) {
	.fancybox-opened .fancybox-skin {
		-webkit-border-radius: 23px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 23px;
		-moz-background-clip: padding;
		border-radius: 23px;
		background-clip: padding-box;
		-webkit-box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.5);
		padding: 40px 0 25px 40px !important
	}
}
@media only screen and (max-width:767px) {
	.fancybox-opened .fancybox-skin {
		-webkit-border-radius: 15px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 15px;
		-moz-background-clip: padding;
		border-radius: 15px;
		background-clip: padding-box;
		-webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
		padding: 15px !important
	}
}
.fancybox-opened .fancybox-skin figure {
	float: left;
	width: 150px;
	max-height: 200px;
	margin: 0 20px 0 0
}
.fancybox-opened .fancybox-skin figure img {
	max-width: 100%;
	max-height: 200px
}
.fancybox-opened .fancybox-skin .rightBlock {
	float: left;
	max-width: 300px
}
.fancybox-opened .fancybox-skin .rightBlock h5 {
	color: #0072bc;
	text-transform: uppercase;
	margin-bottom: 30px
}
@media only screen and (min-width:768px) {
	.fancybox-opened .fancybox-skin .rightBlock h5 {
		font-size: 15px;
		font-size: 1rem
	}
}
@media only screen and (max-width:767px) {
	.fancybox-opened .fancybox-skin .rightBlock h5 {
		font-size: 14px
	}
}
.fancybox-opened .fancybox-skin .rightBlock strong {
	display: block;
	margin-bottom: 14px
}
.fancybox-opened .fancybox-skin .rightBlock label {
	padding: 0 10px 0 3px
}
.fancybox-opened .fancybox-skin .rightBlock input[type=submit] {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	margin: 24px 0 0 0
}
.no-touch .fancybox-opened .fancybox-skin .rightBlock input[type=submit]:hover, .no-touch .fancybox-opened .fancybox-skin .rightBlock input[type=submit].hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.fancybox-opened .fancybox-skin .rightBlock input[type=submit] {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.fancybox-opened .fancybox-skin .rightBlock input[type=submit] {
		font-size: 15px
	}
}
.fancybox-opened .fancybox-skin .rightBlock input[type=submit]:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.fancybox-opened .fancybox-skin .rightBlock input[type=submit]:hover {
	text-decoration: none
}
.fancybox-opened .fancybox-skin .rightBlock a:not(.buttonstyleLink) {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	display: block;
	margin-bottom: 5px
}
.fancybox-opened .fancybox-skin .rightBlock a:not(.buttonstyleLink):before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.fancybox-opened .fancybox-skin .rightBlock a:not(.buttonstyleLink):hover {
	text-decoration: none;
	color: #0072bc
}
.fancybox-opened .fancybox-skin .rightBlock a.buttonstyleLink {
	margin-bottom: 10px
}
.cookiebar {
	position: fixed;
	bottom: 0;
	border-top: 1px solid #6d819b;
	padding: 10px 25px;
	background: #e5f1f8;
	z-index: 90;
	zoom: 1
}
.cookiebar:before {
	content: '';
	display: block
}
.cookiebar:after {
	content: '';
	display: table;
	clear: both
}
@media only screen and (min-width:768px) {
	.cookiebar {
		-lh-property: 0;
		width: -webkit-calc(100% - 306px);
		width: -moz-calc(100% - 306px);
		width: calc(100% - 306px);
	}
}
@media only screen and (min-width:980px) {
	.cookiebar {
		left: 256px;
		min-width: 707px;
		max-width: 1564px
	}
}
@media only screen and (min-width:1440px) {
	.cookiebar {
		left: 306px;
		-lh-property: 0;
		width: -webkit-calc(100% - 356px);
		width: -moz-calc(100% - 356px);
		width: calc(100% - 356px);
	}
}
@media only screen and (max-width:979px) {
	.cookiebar {
		left: 0;
		width: 100%
	}
}
.cookiebar span {
	display: inline-block;
	padding-top: 5px
}
.cookiebar a.accceptbtn {
	display: inline-block;
	height: 48px;
	padding: 15px 15px 14px 15px;
	font-weight: bold;
	color: #fff;
	border: none;
	background-color: #ec008c;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	margin-right: 12px;
	line-height: 0;
	vertical-align: text-bottom;
	height: auto;
	line-height: 1;
	float: right;
	padding: 10px 10px 9px 10px;
	font-size: 14px !important;
	font-size: .93rem !important
}
.no-touch .cookiebar a.accceptbtn:hover, .no-touch .cookiebar a.accceptbtn.hover {
	background-color: #0072bc;
	color: #fff !important
}
@media only screen and (min-width:768px) {
	.cookiebar a.accceptbtn {
		font-size: 16px;
		font-size: 1.07rem
	}
}
@media only screen and (max-width:767px) {
	.cookiebar a.accceptbtn {
		font-size: 15px
	}
}
.cookiebar a.accceptbtn:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 0;
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle !important
}
.cookiebar a.accceptbtn:hover {
	text-decoration: none
}
.popupOverlay {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 100
}
@media only screen and (min-width:768px) {
	.popupOverlay {
		display: none
	}
}
.popupOverlay>div {
	position: relative;
	margin: 1% auto;
	text-align: left;
	background-color: #fff;
	-webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 22px 0px 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0px 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0px 22px 22px;
	background-clip: padding-box;
	padding: 10px
}
@media only screen and (min-width:768px) {
	.popupOverlay>div {
		width: 505px
	}
}
@media only screen and (max-width:767px) {
	.popupOverlay>div {
		width: 90%;
		max-width: 400px
	}
}
.popupOverlay>div h5 {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin: 8px 30px 15px 0
}
.popupOverlay>div figure {
	position: relative;
	margin: 10px 0
}
.popupOverlay>div figure img {
	width: 100%
}
.popupOverlay>div figure figcaption {
	position: absolute;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-family: 'it_aint_rocket_science', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif
}
@media only screen and (min-width:768px) {
	.popupOverlay>div figure figcaption {
		left: 25px;
		font-size: 21px;
		bottom: 10px
	}
}
@media only screen and (max-width:767px) {
	.popupOverlay>div figure figcaption {
		left: 10px;
		font-size: 17px;
		line-height: 1.2;
		bottom: 5px
	}
}
.popupOverlay>div .footer {
	text-align: justify;
	margin-bottom: -1em
}
.popupOverlay>div .footer:after {
	content: '';
	width: 100%;
	display: inline-block
}
.popupOverlay>div .footer>* {
	display: inline-block;
	vertical-align: middle
}
.popupOverlay>div .footer>*.readmore {
	margin: 8px 0
}
.popupOverlay>div .footer>*.btn_pos {
	text-align: right
}
.popupOverlay>div .footer>*.btn_pos .buttonstyleLink {
	margin-right: 0
}
.popupOverlay>div .closeBtn {
	position: absolute;
	right: 5px;
	top: 0;
	width: 50px;
	height: 50px;
	padding: 10px
}
.popupOverlay>div .closeBtn:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e627';
	color: #b9c4d3;
	font-size: 35px
}
.popupOverlay>div .closeBtn:hover:before {
	color: #6d819b
}
.socialLinksFooter {
	display: none;
	text-align: center;
	height: auto
}
@media only screen and (max-width:767px) {
	.socialLinksFooter {
		display: block
	}
}
.socialLinksFooter a {
	text-align: center;
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	padding-top: 34px;
	font-size: 12px;
	font-size: .8rem;
	font-weight: 300;
	line-height: 1
}
.socialLinksFooter a:hover {
	zoom: 1;
	filter: alpha(opacity=90);
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
	text-decoration: none
}
.socialLinksFooter a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	font-size: 1.2rem;
	position: absolute;
	left: 0;
	top: 10px;
	width: 50px;
	color: #6d819b;
	text-align: center
}
.socialLinksFooter a.iconHome:after {
	content: "\e609";
	font-size: 21px;
	font-size: 1.4rem
}
.socialLinksFooter a.iconSearch:after {
	content: "\e60a"
}
.socialLinksFooter a.iconYoutube:after {
	content: "\e606"
}
.socialLinksFooter a.iconTwitter:after {
	content: "\e607"
}
.socialLinksFooter a.iconFacebook:after {
	content: "\e608"
}
.views-table {
	border: 2px solid;
	border-color: #e1e2dd
}
.views-table .form-item-quantity {
	margin: 10px 0 0 0
}
.views-table input[type="submit"] {
	margin: 10px 0 0 0;
	border: 1px solid #bdbeb9;
	background-color: #e1e2dd;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5)
}
.views-table input[type="submit"]:hover {
	background-color: #f2f3ee
}
.views-table p {
	padding: 0 5px
}
.views-table thead {
	background-color: #e1e2dd;
	text-align: left
}
.views-table thead tr th {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #bdbeb9;
	font-size: .6em;
	padding: 0 5px;
	text-transform: uppercase
}
.views-table tr td {
	font-size: .7em
}
.views-table tr td.views-field label {
	font-size: .8em;
	font-weight: 700;
	color: #000
}
.views-table tr td.views-field-title {
	background-color: #f3f4ee;
	padding: 0 5px
}
.views-table tr:nth-child(even) {
	background-color: #f3f4ee
}
.views-table tr:nth-child(even) td.views-field-title {
	background-color: #e1e2dd
}
.container .mainContent .searchBar {
	z-index: 999999 !important;
	width: 100% !important;
}
.container .mainContent .searchTabs {
	background: #0072bd
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchTabs {
		left: 0;
		top: 0;
		padding-bottom: 0;
		overflow: hidden
	}
	.container .mainContent .searchTabs h6 {
		display: none
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchTabs {
		position: relative;
		border: 1px solid #b9c4d3
	}
	.container .mainContent .searchTabs:after {
		font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: url('../img/arrow_down.png');
		font-size: 18px;
		color: #fff;
		position: absolute;
		right: 105px;
		top: 10px;
		z-index: 0;
		pointer-events: none
	}
	.container .mainContent .searchTabs:active, .container .mainContent .searchTabs:focus {
		outline: none
	}
}
.container .mainContent .searchTabs h6 {
	font-size: 1rem;
	text-transform: none
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchTabs h6 {
		margin-bottom: 20px
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchTabs h6 {
		cursor: pointer;
		margin-bottom: 0;
		padding: 15px 45px 10px 25px;
		text-align: center;
		z-index: 1;
		color: #fff
	}
}
.container .mainContent .searchTabs ul {
	list-style-type: none
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchTabs ul {
		margin: 0
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchTabs ul {
		max-height: 0;
		overflow: hidden;
		padding: 0;
		-webkit-transition: max-height 0.5s;
		-moz-transition: max-height 0.5s;
		-o-transition: max-height 0.5s;
		transition: max-height 0.5s
	}
}
.container .mainContent .searchTabs ul li {
	color: #6d819b;
	display: inline-block;
	padding: 0;
	margin: 6px 0 0 0;
}
.container .mainContent .searchTabs ul li a {
	font-weight: normal;
	color: #fff;
	font-size: 13px;
	margin-right: 20px;
	padding: 10px 20px !important;
	display: block;
	font-weight: bold;
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchTabs ul li {
		display: block;
		text-align: center;
		padding: 0;
		padding-bottom: 10px;
		padding-top: 10px;
		background: #0c7ec9;
		margin-bottom: 1px
	}
}
.container .mainContent .searchTabs ul li.active a {
	padding: 10px;
	color: #6d809b;
	background: #eaedf1;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-top: 5px;
	padding-bottom: 20px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchTabs ul li.active a {
		background: none;
		color: #fff
	}
}
.container .mainContent .searchTabs .countResults {
	color: #fff;
	font-style: italic;
	float: right;
	margin-top: -27px;
	font-size: 13px
}
.countResults{
	margin-right: 10px;
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchTabs .countResults {
		display: none
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchTabs.expanded:after {
		content: url('../img/arrow_up.png')
	}
	.container .mainContent .searchTabs.expanded h6 {
		padding: 15px 45px 10px 25px;
		background: #0072bd
	}
	.container .mainContent .searchTabs.expanded ul {
		max-height: 500px
	}
	.container .mainContent .searchTabs.expanded li {
		background: #0c7ec9;
		border-bottom: none;
		margin-bottom: 1px
	}
}
.container .mainContent .searchPage {
	position: relative
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage {
		padding: 0 0 0 211px;
		min-height: 350px;
		background: #eaedf1;
		padding-left: 0
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage {
		background: #eaedf1 !important
	}
}
.container .mainContent .searchPage .noresults, .container .mainContent .searchPage .searchSuggestion, .container .mainContent .searchPage .search-result, .container .mainContent .searchPage .webshopListItem {
	margin: 0 20px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .noresults, .container .mainContent .searchPage .searchSuggestion, .container .mainContent .searchPage .search-result, .container .mainContent .searchPage .webshopListItem {
		margin: 0 !important
	}
}
.container .mainContent .searchPage .mobilePageSearch {
	padding: 20px 0 0 0
}
.container .mainContent .searchPage .mobilePageSearch input[type=search] {
	height: 35px;
	padding: 0 15px;
	border: 1px solid #b9c4d3;
	width: 90%;
	vertical-align: middle;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box
}
.csscalc .container .mainContent .searchPage .mobilePageSearch input[type=search] {
	-lh-property: 0;
	width: -webkit-calc(100% - 75px);
	width: -moz-calc(100% - 75px);
	width: calc(100% - 75px);
}
.container .mainContent .searchPage .mobilePageSearch input[type=submit] {
	padding: 0;
	font-size: 18px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #6d819b;
	background: #fff;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	border: 1px solid #b9c4d3;
	width: 37px;
	height: 37px;
	text-align: center;
	vertical-align: middle;
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.container .mainContent .searchPage .mobilePageSearch input[type=submit]:hover {
	border-color: #6d819b
}
.container .mainContent .searchPage .mobilePageSearch .resetter {
	position: absolute;
	right: 50px;
	top: 27px
}
.container .mainContent .searchPage .mobilePageSearch span {
	display: block;
	color: #6d819b;
	font-size: 18px;
	font-size: 1.2rem;
	font-weight: normal;
	font-style: italic;
	margin: 10px 0 0 1px
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage .mobilePageSearch {
		display: none
	}
}
.container .mainContent .searchPage .countResultsMobile {
	display: none;
	color: #0072bd;
	font-style: italic;
	float: right;
	font-size: 13px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .countResultsMobile {
		display: block !important
	}
}

.countResults, .countResultsMobile{
	margin-right: 20px;
}

.countResultsMobile{
	padding: 20px 0;
}

.container .mainContent .searchPage .searchTabTitle {
	position: relative;
	padding: 22px 0;
	font-weight: normal;
	color: #6d809b;
	padding: 40px 22px 0 22px;
	font-weight: bold;
	margin-left: 25px;
	width: 90%
}
.container .mainContent .searchPage .searchTabTitle h5 {
	color: #0072bc
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage .searchTabTitle:hover h5 {
		color: #0072bc !important
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .searchTabTitle:hover h5 {
		color: #0072bc !important
	}
}
.container .mainContent .searchPage .searchTabTitle mark {
	background: transparent;
	font-weight: bold;
	color: #5b5b5b
}
.container .mainContent .searchPage .close-suggestions {
	float: right;
	margin-right: 35px;
	margin-top: -25px
}
.container .mainContent .searchPage .row {
	width: 100%
}
.container .mainContent .searchPage .shop-box-2col {
	background: #fff;
	width: 49.5%;
	float: left;
	font-size: 15px;
	margin-bottom: 3px;
	margin-left: 3px
}
.container .mainContent .searchPage .shop-box-2col h5 {
	float: none !important;
	max-width: 360px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3rem
}
.container .mainContent .searchPage .shop-box-2col p {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 5em
}
.container .mainContent .searchPage .shop-box-2col img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	height: 180px
}
.container .mainContent .searchPage .shop-box-2col .search-result {
	border-bottom: none !important;
	overflow: hidden
}
.container .mainContent .searchPage .shop-box-2col .search-result h5 {
	color: #0072bc
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage .shop-box-2col .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .shop-box-2col .search-result:hover p {
		color: #5b5b5b !important
	}
}
.container .mainContent .searchPage .shop-box-2col h5 {
	float: left;
	margin-right: 5px;
	margin-top: 10px
}
.container .mainContent .searchPage .shop-box-2col .grey-square {
	float: left;
	background-color: #e6e9ec;
	width: 193px;
	height: 115px;
	margin-bottom: 20px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .shop-box-2col .grey-square {
		float: none;
		width: 100%;
		height: 200px
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .shop-box-2col {
		display: block;
		width: 100%;
		padding: 0;
		padding-left: 20px;
		padding-right: 20px
	}
}
.container .mainContent .searchPage .shop-box-2col {
	background: #fff;
	width: 49.5%;
	float: left;
	font-size: 15px;
	margin-bottom: 3px;
	margin-left: 3px
}
.container .mainContent .searchPage .shop-box-2col h5 {
	float: none !important;
	max-width: 360px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3rem
}
.container .mainContent .searchPage .shop-box-2col p {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 5em
}
.container .mainContent .searchPage .shop-box-2col img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	height: 180px
}
.container .mainContent .searchPage .shop-box-2col .search-result {
	border-bottom: none !important;
	overflow: hidden
}
.container .mainContent .searchPage .shop-box-2col .search-result h5 {
	color: #0072bc
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage .shop-box-2col .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .shop-box-2col .search-result:hover p {
		color: #5b5b5b !important
	}
}
.container .mainContent .searchPage .shop-box-2col h5 {
	float: left;
	margin-right: 5px;
	margin-top: 10px
}
.container .mainContent .searchPage .shop-box-2col .grey-square {
	float: left;
	background-color: #e6e9ec;
	width: 193px;
	height: 115px;
	margin-bottom: 20px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .shop-box-2col .grey-square {
		float: none;
		width: 100%;
		height: 200px
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .shop-box-2col {
		display: block;
		width: 100%;
		padding: 0;
		padding-left: 20px;
		padding-right: 20px
	}
}
.container .mainContent .searchPage .shop-box {
	background: #fff;
	width: 32.9%;
	display: table-cell;
	font-size: 15px;
	margin-bottom: 3px
}
.container .mainContent .searchPage .shop-box h5 {
	float: none !important;
	max-width: 360px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3rem
}
.container .mainContent .searchPage .shop-box p {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 5em
}
.container .mainContent .searchPage .shop-box img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	height: 180px;

    object-fit: contain;
}
.container .mainContent .searchPage .shop-box .search-result {
	border-bottom: none !important;
	overflow: hidden
}
.container .mainContent .searchPage .shop-box .search-result h5 {
	color: #0072bc
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage .shop-box .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .shop-box .search-result:hover p {
		color: #5b5b5b !important
	}
}
.container .mainContent .searchPage .shop-box h5 {
	float: left;
	margin-right: 5px;
	margin-top: 10px
}
.container .mainContent .searchPage .shop-box .grey-square {
	float: left;
	background-color: #e6e9ec;
	width: 193px;
	height: 115px;
	margin-bottom: 20px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .shop-box .grey-square {
		float: none;
		width: 100%;
		height: 200px
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .shop-box {
		display: block;
		width: 100%;
		padding: 0;
		padding-left: 20px;
		padding-right: 20px
	}
}
.container .mainContent .searchPage .suggestionResults {
	padding: 5px 18px 0 19px;
	border-spacing: 2px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .suggestionResults {
		/*padding: 0 !important*/
	}
}
.container .mainContent .searchPage .relatedResults {
	padding: 5px 18px 0 21px;
	border-spacing: 2px;
	width: 100%;
	overflow: hidden
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .relatedResults {
		padding: 0 !important;
		margin-bottom: 20px
	}
}
.container .mainContent .searchPage .related-box {
	background: #fff;
	width: 32.9%;
	display: inline-block;
	font-size: 15px;
	vertical-align: top
}
.container .mainContent .searchPage .related-box h5 {
	display: inline-block;
	float: none !important
}
.container .mainContent .searchPage .related-box p {
	display: inline
}
.container .mainContent .searchPage .related-box img {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.container .mainContent .searchPage .related-box .search-result {
	border-bottom: none !important;
	margin: 0 20px !important
}
.container .mainContent .searchPage .related-box .search-result h5 {
	color: #0072bc
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .related-box .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .related-box .search-result:hover p {
		color: #5b5b5b !important
	}
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage .related-box .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .related-box .search-result:hover p {
		color: #5b5b5b !important
	}
}
.container .mainContent .searchPage .related-box h5 {
	float: left;
	margin-right: 10px;
	margin-top: 2px
}
.container .mainContent .searchPage .related-box .grey-square {
	float: left;
	background-color: #e6e9ec;
	width: 193px;
	height: 115px;
	margin-bottom: 28px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .related-box .grey-square {
		float: none;
		width: 100%;
		height: 200px
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .related-box {
		display: block;
		width: 100%;
		padding: 0
	}
}
.container .mainContent .searchPage .suggestion-box {
	background: #e6e9ec;
	width: 5%;
	height: 233px;
	display: table-cell;
	border: solid 5px #fff;
	text-align: center;
	color: #0072bc;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .suggestion-box {
		margin-bottom: 3px
	}
}
.container .mainContent .searchPage .suggestion-box .search-result {
	border-bottom: none !important;
	margin: 0 20px !important
}
.container .mainContent .searchPage .suggestion-box .search-result h5 {
	color: #0072bc
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .suggestion-box .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .suggestion-box .search-result:hover p {
		color: #5b5b5b !important
	}
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage .suggestion-box .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .suggestion-box .search-result:hover p {
		color: #5b5b5b !important
	}
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .suggestion-box {
		display: block;
		width: 100%
	}
}
.container .mainContent .searchPage .seeMore {
	float: right;
	margin-right: 20px;
	font-weight: normal;
	position: relative;
	z-index: 999999;
	margin-top: 5px
}
.container .mainContent .searchPage .seeMore:after {
	content: '>';
	margin-left: 5px
}
.container .mainContent .searchPage .seeMore:last-child {
	padding-bottom: 20px
}
.container .mainContent .searchPage .info-results {
	margin-top: 10px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .info-results {
		margin: 0 !important
	}
}
.container .mainContent .searchPage .info-results .search-result:hover .result-video:after {
	max-width: 2.33rem;
	width: 100%;
	height: 2.33rem;
	font-size: 1.5rem;
	line-height: 0;
	margin: -47px 0 0 -47px;
	background-color: #ec008c;
	border-radius: 50%;
	color: #fff;
	content: url(../img/playbutton.png);
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	box-sizing: border-box;
	margin-top: 3px;
	margin-left: 38px;
	padding-top: 5px;
	padding-left: 2px
}
@media only screen and (min-width:1440px) {
	.container .mainContent .searchPage .info-results .search-result:hover .result-video:after {
		padding-top: 3px;
		margin-top: 5px;
		width: 1.8rem;
		height: 1.8rem
	}
}
@media only screen and (min-width:1680px) {
	.container .mainContent .searchPage .info-results .search-result:hover .result-video:after {
		padding-top: 6px;
		margin-top: 2px;
		width: 2rem;
		height: 2rem
	}
}
.container .mainContent .searchPage .info-results .search-result .result-video:after {
	max-width: 2.33rem;
	width: 100%;
	height: 2.33rem;
	font-size: 1.5rem;
	line-height: 0;
	margin: -47px 0 0 -47px;
	background-color: #ec008c;
	border-radius: 50%;
	color: #fff;
	content: url(../img/playbutton.png);
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	box-sizing: border-box;
	margin-top: 25px;
	margin-left: 60px;
	padding-top: 5px;
	padding-left: 2px
}
@media only screen and (min-width:1440px) {
	.container .mainContent .searchPage .info-results .search-result .result-video:after {
		padding-top: 3px;
		margin-top: 27px;
		width: 1.8rem;
		height: 1.8rem
	}
}
@media only screen and (min-width:1680px) {
	.container .mainContent .searchPage .info-results .search-result .result-video:after {
		padding-top: 6px;
		margin-top: 24px;
		width: 2rem;
		height: 2rem
	}
}
.container .mainContent .searchPage .info-results .search-result .result-text {
	overflow: hidden
}

.result-text{
	overflow: visible !important;
}
.container .mainContent .searchPage .info-results .search-result .result-text img {
	margin-right: 20px !important;
	float: left;
	width: 110px !important;
	height: 41px !important
}
.container .mainContent .searchPage .info-results .search-result h5 {
	color: #0072bc
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .info-results .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .info-results .search-result:hover p {
		color: #5b5b5b !important
	}
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage .info-results .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .info-results .search-result:hover p {
		color: #5b5b5b !important
	}
}
.container .mainContent .searchPage .info-results .search-result .result-video:after {
	max-width: 2.33rem;
	width: 100%;
	height: 2.33rem;
	font-size: 1.5rem;
	line-height: 0;
	margin: -47px 0 0 -47px;
	background-color: #ec008c;
	border-radius: 50%;
	color: #fff;
	content: url(../img/playbutton.png);
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	box-sizing: border-box;
	margin-top: 25px;
	margin-left: 60px;
	padding-top: 5px;
	padding-left: 2px
}
@media only screen and (min-width:1440px) {
	.container .mainContent .searchPage .info-results .search-result .result-video:after {
		padding-top: 3px;
		margin-top: 27px;
		width: 1.8rem;
		height: 1.8rem
	}
}
@media only screen and (min-width:1680px) {
	.container .mainContent .searchPage .info-results .search-result .result-video:after {
		padding-top: 6px;
		margin-top: 24px;
		width: 2rem;
		height: 2rem
	}
}
.container .mainContent .searchPage .info-results .search-result .result-text {
	overflow: hidden
}
.container .mainContent .searchPage .info-results .search-result .result-text img {
	margin-right: 20px !important;
	float: left;
	width: 111px;
	height: 43px
}
.container .mainContent .searchPage .info-results .search-result h5 {
	color: #0072bc
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .info-results .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .info-results .search-result:hover p {
		color: #5b5b5b !important
	}
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage .info-results .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .info-results .search-result:hover p {
		color: #5b5b5b !important
	}
}
.container .mainContent .searchPage .info-results .grey-square {
	float: left;
	margin-right: 20px;
	background-color: #e6e9ec;
	width: 110px;
	height: 79px
}
.container .mainContent .searchPage .info-results a {
	background: #fff;
	padding: 22px;
	border-bottom: solid 1px #eee !important
}
.container .mainContent .searchPage .info-results a h5 {
	float: left;
	margin-right: 5px;
	margin-top: 2px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .info-results a h5 {
		float: none
	}
}
.container .mainContent .searchPage .news-results {
	margin-top: 10px
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .news-results .search-result {
		margin: 0 !important
	}
}
.container .mainContent .searchPage .news-results .search-result .result-text {
	overflow: hidden
}
.container .mainContent .searchPage .news-results .search-result .result-text img {
	margin-right: 20px !important;
	float: left
}
.container .mainContent .searchPage .news-results .search-result h5 {
	color: #0072bc
}
@media only screen and (max-width:767px) {
	.container .mainContent .searchPage .news-results .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .news-results .search-result:hover p {
		color: #5b5b5b !important
	}
}
@media only screen and (min-width:768px) {
	.container .mainContent .searchPage .news-results .search-result:hover h5 {
		color: #0072bc !important
	}
	.container .mainContent .searchPage .news-results .search-result:hover p {
		color: #5b5b5b !important
	}
}
.container .mainContent .searchPage .news-results .grey-square {
	float: left;
	margin-right: 20px;
	background-color: #e6e9ec;
	width: 110px;
	height: 79px
}
.container .mainContent .searchPage .news-results a {
	background: #fff;
	padding: 22px;
	border-bottom: solid 1px #eee !important
}
.container .mainContent .searchPage .news-results a h5 {
	float: left;
	margin-right: 5px;
	margin-top: 2px
}
nav.menu_new {
	position: fixed;
	background: #fff;
	overflow-y: auto;
	overflow-x: hidden
}
@media only screen and (min-width:768px) {
	nav.menu_new {
		left: 50px;
		top: 104px;
		width: 206px
	}
}
@media only screen and (min-width:1440px) {
	nav.menu_new {
		width: 256px
	}
}
@media only screen and (max-width:767px) {
	nav.menu_new {
		display: none;
		width: 256px;
		left: 0;
		top: 63px;
		z-index: 1
	}
	.mobileMenu nav.menu_new {
		display: block
	}
}
nav.menu_new>div {
	position: relative;
	top: 0;
	left: 0
}
@media only screen and (min-width:768px) {
	nav.menu_new>div.collapsed {
		left: -206px
	}
}
@media only screen and (min-width:1440px) {
	nav.menu_new>div.collapsed {
		left: -256px
	}
}
@media only screen and (max-width:767px) {
	nav.menu_new>div.collapsed {
		left: -256px
	}
}
nav.menu_new>div .back {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	color: #6d819b;
	font-size: 13px;
	text-align: center;
	height: 40px;
	width: 100%;
	padding: 0 2px 0 2px;
	background: #fff
}
nav.menu_new>div .back:before {
	content: '\e600\0020terug naar '
}
.no-touch nav.menu_new>div .back:hover {
	color: #0072bc
}
nav.menu_new>div header {
	color: #0072bc;
	background: #fff;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	padding: 18px 0 12px 14px;
	min-height: 50px
}
@media only screen and (min-width:768px) {
	nav.menu_new>div ul {
		width: 206px
	}
}
@media only screen and (min-width:1440px) {
	nav.menu_new>div ul {
		width: 256px
	}
}
@media only screen and (max-width:767px) {
	nav.menu_new>div ul {
		width: 256px
	}
}
nav.menu_new>div ul div.slide {
	position: absolute;
	top: 0
}
@media only screen and (min-width:768px) {
	nav.menu_new>div ul div.slide {
		left: 206px
	}
}
@media only screen and (min-width:1440px) {
	nav.menu_new>div ul div.slide {
		left: 256px
	}
}
@media only screen and (max-width:767px) {
	nav.menu_new>div ul div.slide {
		left: 256px
	}
}
nav.menu_new>div ul div.fold>ul>li>a {
	border-bottom-color: #eaedf1;
	background: #fff
}
nav.menu_new>div ul div.categoryMenu>ul>li>a {
	background: #fff;
	border-bottom-color: #eaedf1;
	font-weight: normal
}
nav.menu_new>div ul div.categoryMenu>ul>li>a span {
	display: block;
	font-size: 12px;
	line-height: 1.25;
	color: #666;
	white-space: normal
}
nav.menu_new>div ul li>a {
	border-bottom: 1px solid #fff;
	font-size: 14px;
	line-height: 1
}
nav.menu_new>div ul li>div {
	display: none
}
nav.menu_new>div ul li.active>a {
	font-weight: bold;
	text-decoration: none;
	color: #0072bc
}
nav.menu_new>div ul li.label {
	background: #eaedf1;
	font-size: 12px;
	padding: 5px 20px 3px 14px;
	font-weight: bold
}
nav.menu_new>div ul li.popularLink>a {
	border-bottom-color: #eaedf1;
	background: #fff;
	padding-top: 17px;
	padding-bottom: 17px;
	font-weight: normal
}
nav.menu_new>div ul li.externalLink>a {
	position: relative
}
nav.menu_new>div ul li.externalLink>a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 12px;
	top: 12px;
	content: "\e60c";
	color: #b9c4d3;
	font-size: 14px
}
nav.menu_new>div ul li.bookLink>a {
	position: relative
}
nav.menu_new>div ul li.bookLink>a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 12px;
	top: 12px;
	content: "\e60b";
	color: #b9c4d3
}
nav.menu_new>div ul li.expanded>div {
	display: block
}
nav.menu_new>div ul li a {
	display: block;
	padding: 12px 14px;
	background: #efefef
}
nav.menu_new>div ul li.arrow>a {
	position: relative;
	padding-right: 30px
}
nav.menu_new>div ul li.arrow>a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -7px;
	content: "\e603";
	color: #b9c4d3
}
nav.menu_new>div ul li.plus>a {
	position: relative
}
nav.menu_new>div ul li.plus>a:after {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 12px;
	top: 12px;
	content: "\e605";
	color: #b9c4d3
}
nav.menu_new>div ul li.plus>div>ul>li>a {
	padding-left: 24px;
	color: #6d819b;
	font-weight: normal
}
nav.menu_new>div ul li.plus>div>ul>li.active>a {
	font-weight: bold;
	text-decoration: none;
	color: #0072bc
}
nav.menu_new>div ul li.plus.foldexpanded>a {
	color: #0072bc
}
nav.menu_new>div ul li.plus.foldexpanded>a:after {
	content: "\e604";
	color: #b9c4d3
}
.popupOverlay_desktop_v3 {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 100
}
@media only screen and (max-width:767px) {
	.popupOverlay_desktop_v3 {
		display: none
	}
}
.popupOverlay_desktop_v3>div {
	position: relative;
	margin: 10% auto;
	text-align: left;
	background-color: #fff;
	-webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 22px 0px 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0px 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0px 22px 22px;
	background-clip: padding-box;
	color: #0068a7
}
@media only screen and (min-width:768px) {
	.popupOverlay_desktop_v3>div {
		width: 505px
	}
}
@media only screen and (max-width:767px) {
	.popupOverlay_desktop_v3>div {
		width: 90%;
		max-width: 400px
	}
}
.popupOverlay_desktop_v3>div h5 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 65px 0 65px;
	padding-top: 15px;
	margin-top: 10px;
	margin-bottom: -5px
}
.popupOverlay_desktop_v3>div figure {
	position: relative;
	margin: 20px 0
}
.popupOverlay_desktop_v3>div figure img {
	width: 100%
}
.popupOverlay_desktop_v3>div figure figcaption {
	position: absolute;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-family: 'it_aint_rocket_science', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif
}
@media only screen and (min-width:768px) {
	.popupOverlay_desktop_v3>div figure figcaption {
		left: 25px;
		font-size: 21px;
		bottom: 10px
	}
}
@media only screen and (max-width:767px) {
	.popupOverlay_desktop_v3>div figure figcaption {
		left: 10px;
		font-size: 17px;
		line-height: 1.2;
		bottom: 5px
	}
}
.popupOverlay_desktop_v3>div h6 {
	font-size: 19px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 15px
}
.popupOverlay_desktop_v3>div .footer {
	text-align: justify;
	margin-bottom: -1em
}
.popupOverlay_desktop_v3>div .footer .popup_text {
	padding-left: 30px !important;
	padding-right: 30px !important;
	margin-bottom: 20px !important;
	color: #000 !important;
	text-align: left
}
.popupOverlay_desktop_v3>div .footer:after {
	content: '';
	width: 100%;
	display: inline-block
}
.popupOverlay_desktop_v3>div .footer>* {
	vertical-align: middle
}
.popupOverlay_desktop_v3>div .footer>*.readmore {
	margin: 8px 0
}
.popupOverlay_desktop_v3>div .footer>*.readmore a {
	padding-left: 9px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	font-weight: normal;
	color: #5b5b5b
}
.popupOverlay_desktop_v3>div .footer>*.readmore a:before {
	left: 0;
	display: inline-block;
	content: '\003E';
	margin: -1px 4px 0 0;
	font-weight: bold;
	color: #5b5b5b
}
.popupOverlay_desktop_v3>div .footer>*.readmore a:hover {
	text-decoration: none;
	color: #0072bc
}
.popupOverlay_desktop_v3>div .footer>*.readmore a:before {
	color: #ec008c
}
.popupOverlay_desktop_v3>div .footer>*.readmore a:hover {
	color: #ec008c
}
.popupOverlay_desktop_v3>div .footer>*.btn_pos {
	text-align: center
}
.popupOverlay_desktop_v3>div .footer>*.btn_pos .noPoll {
	text-align: center
}
.popupOverlay_desktop_v3>div .footer>*.btn_pos .poll {
	width: 300px
}
.popupOverlay_desktop_v3>div .footer>*.btn_pos .buttonstyleLink {
	margin-right: 0;
	text-align: left
}
.popupOverlay_desktop_v3>div .closeBtn {
	position: absolute;
	right: 5px;
	top: 0;
	width: 50px;
	height: 50px;
	padding: 10px
}
.popupOverlay_desktop_v3>div .closeBtn:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e627';
	color: #b9c4d3;
	font-size: 35px
}
.popupOverlay_desktop_v3>div .closeBtn:hover:before {
	color: #6d819b
}
.popupOverlay_mobile {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 100
}
@media only screen and (min-width:768px) {
	.popupOverlay_mobile {
		display: none
	}
}
.popupOverlay_mobile>div {
	position: relative;
	margin: 10% auto;
	text-align: left;
	background-color: #fff;
	-webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 22px 0px 22px 22px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 22px 0px 22px 22px;
	-moz-background-clip: padding;
	border-radius: 22px 0px 22px 22px;
	background-clip: padding-box
}
@media only screen and (min-width:768px) {
	.popupOverlay_mobile>div {
		width: 505px
	}
}
@media only screen and (max-width:767px) {
	.popupOverlay_mobile>div {
		width: 90%;
		max-width: 400px
	}
}
.popupOverlay_mobile>div h5 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 30px 0 30px;
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: -5px;
	color: #0072bc
}
.popupOverlay_mobile>div figure {
	position: relative;
	margin: 10px 0
}
.popupOverlay_mobile>div figure img {
	width: 100%
}
.popupOverlay_mobile>div figure figcaption {
	position: absolute;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-family: 'it_aint_rocket_science', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif
}
@media only screen and (min-width:768px) {
	.popupOverlay_mobile>div figure figcaption {
		left: 25px;
		font-size: 21px;
		bottom: 10px
	}
}
@media only screen and (max-width:767px) {
	.popupOverlay_mobile>div figure figcaption {
		left: 10px;
		font-size: 17px;
		line-height: 1.2;
		bottom: 5px
	}
}
.popupOverlay_mobile>div h6 {
	font-size: 19px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 15px;
	color: #0072bc
}
.popupOverlay_mobile>div .footer {
	text-align: justify;
	margin-bottom: -1em
}
.popupOverlay_mobile>div .footer .popup_text {
	padding-left: 30px !important;
	padding-right: 30px !important;
	margin-bottom: 20px !important;
	color: #000 !important;
	text-align: left
}
.popupOverlay_mobile>div .footer:after {
	content: '';
	width: 100%;
	display: inline-block
}
.popupOverlay_mobile>div .footer>* {
	vertical-align: middle
}
.popupOverlay_mobile>div .footer>*.readmore {
	margin: 8px 0
}
.popupOverlay_mobile>div .footer>*.btn_pos {
	text-align: center
}
.popupOverlay_mobile>div .footer>*.btn_pos .noPoll {
	text-align: center
}
.popupOverlay_mobile>div .footer>*.btn_pos .poll {
	width: 300px
}
.popupOverlay_mobile>div .footer>*.btn_pos .buttonstyleLink {
	margin-right: 0;
	max-width: 300px;
	width: 100%
}
.popupOverlay_mobile>div .closeBtn {
	position: absolute;
	right: 5px;
	top: 0;
	width: 50px;
	height: 50px;
	padding: 10px
}
.popupOverlay_mobile>div .closeBtn:before {
	font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e627';
	color: #b9c4d3;
	font-size: 35px
}
.popupOverlay_mobile>div .closeBtn:hover:before {
	color: #6d819b
}
section.longforum {
	background: #e5f1f8;
	padding-top: 28px;
	position: relative
}
section.longforum:before {
	content: '';
	display: block;
	background: url(../img/longforum_icon.png);
	background-size: contain;
	width: 51px;
	height: 50px;
	position: absolute;
	top: -25px
}
@media only screen and (min-width:768px) {
	section.longforum:before {
		left: 6%;
		margin-left: -25px
	}
}
@media only screen and (max-width:767px) {
	section.longforum:before {
		left: 20px
	}
}
section.longforum p.right {
	text-align: right
}
section.longforum p.right .buttonstyleLink {
	margin-right: 0
}
section.longforum .longforum_discussion_table_wrapper {
	border: 1px solid #eaedf1;
	background: #fff;
	border-radius: .5rem;
	margin: 1rem 0
}
section.longforum .longforum_discussion_table_wrapper a {
	color: #6d819b
}
section.longforum .longforum_discussion_table_wrapper>div {
	border-top: 1px solid #e5f1f8;
	padding: .5rem 1rem;
	overflow: hidden;
}
section.longforum .longforum_discussion_table_wrapper>div:first-of-type {
	border-top: none
}
section.longforum .longforum_discussion_table_wrapper>div h5 {
	text-transform: none
}
section.longforum .longforum_discussion_table_wrapper>div .meta {
	font-size: 0
}
section.longforum .longforum_discussion_table_wrapper>div .meta>div {
	display: inline-block;
	font-size: .75rem;
	width: 75%
}
section.longforum .longforum_discussion_table_wrapper>div .meta>div:last-of-type {
	width: 25%;
	text-align: right
}
section.longforum_half>.right {
	background: #e5f1f8;
	border-radius: 50px 0 50px 50px;
	padding: 2rem;
	position: relative
}
@media only screen and (min-width:768px) {
	section.longforum_half>.right {
		float: right;
		margin: 3px 0 10px 5rem;
		max-width: 290px;
		max-width: 45%
	}
}
@media only screen and (max-width:767px) {
	section.longforum_half>.right {
		margin-bottom: 28px
	}
}
section.longforum_half>.right:before {
	content: '';
	display: block;
	background: url(../img/longforum_icon.png);
	background-size: contain;
	width: 51px;
	height: 50px;
	position: absolute;
	top: -30px;
	right: -12px
}
section.longforum_half>.right>div {
	border-bottom: 1px solid #fff;
	padding: .75rem 0
}
section.longforum_half>.right p.center {
	margin-top: 1rem
}

.longforum_half  a {
	color: #6d819b !important;
}

.longforum_half  a.buttonstyleLink {
	color: #FFF !important;
}

/*# sourceMappingURL=../css/screen.map */
section.longforum {
	background: #e5f1f8 !important;
	position: relative;
	margin-top: 20px;
}
@media screen and (min-width:768px) {
	section.longforum:before {
		left: 6%;
		margin-left: -25px;
	}
}
section.longforum:before {
	content: '';
	display: block;
	background: url(../img/longforum_icon.png);
	background-size: contain;
	width: 51px;
	height: 50px;
	position: absolute;
	top: -25px;
}
@media screen and (max-width:1023px) {
	section.longforum:before {
		top: -36px;
	}
}
section.longforum  h5 {
	padding: 20px 0px;
}
.longforum_discussion_table_wrapper {
	float: left;
	width: 100% !important;
	border-radius: 6px;
	webkit-border-radius: 6px;
}
.longforum_discussion_table_wrapper  a {
	color: #6d819b;
}
.longforum_discussion_table_wrapper div h5, .longforum_discussion_table_wrapper div h5 a {
	padding: 0;
	font-size: 1rem;
	color: #6d819b;
	clear: both;
}
.longforum p.right {
	text-align: right;
}
.longforum > div {
	background-color: #fff;
	padding: 10px;
}
.meta {
	clear: both;
}
.meta div {
	font-size: .75rem;
	float: left;
	margin-bottom: 10px;
}
.meta div:last-child {
	float: right;
}
.longforum_half {
	background: #e5f1f8;
	border-radius: 50px 0 50px 50px;
	padding: 2rem;
	position: relative;
}
.right a {
	display: inline-block;
	margin-right: 0;
	margin-top: 20px;
}
.longforum_half .right:before {
	content: '';
	display: block;
	background: url(../img/longforum_icon.png);
	background-size: contain;
	width: 51px;
	height: 50px;
	position: absolute;
	top: -30px;
	right: -12px;
}
.right div {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: block;
}
.collectorLink {
	/*font-size: .7rem !important;*/
}
.smallCTAText h5 {
	padding-top: 15px;
}
.buttonFix {
	float: none !important;
	border-radius: 9px !important;
}
@media only screen and (max-width:367px) {
	.buttonFix {
		float: none !important;
		border-radius: 9px !important;
		width: auto !important;
		display: inline !important;
	}
}

.image-on-bg {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.researchHeader{
	width: 100%;
}

article form#search-block-form {
	padding: 0 !important;
}

@media screen and (max-width: 767px){
	.headerImage figcaption span{
		/*padding: 0px !important;*/
        display: block;
        padding: 4px 20px 4px 0px !important;
        background-color: #E5F1F8;
	}


	.greyBar{
		display: block;
		padding: 4px 20px 4px 0!important;
		background-color: #e5f1f8;
	}


    .accordeon {
        margin-left: 2%;
        margin-right: 2%;
}

}

figure figcaption .quoteBgWhite {
	background-color: rgba(255, 255, 255, 0.5);
	padding-right: 20px !important;
}

ul.archive-categories li a, ul.archive-categories li{
	color: #000 !important;
}

.page-node-34 a.shopLink{
	color: #ec008c;
}

@media screen and (max-width: 767px){
	.productInfo, .tabContent{
		padding: 0 10px;
	}
}

.form-item-submitted-geboortedatum-year, .form-item-submitted-geboortedatum-month, .form-item-submitted-geboortedatum-day{
	display: block;
	width: auto !important;
}

.addthis_toolbox a.at300b, .addthis_toolbox a.at300m{
	width: 0 !important;
}

/*.memberLink {
    color: #EC008C!important;
}

.memberLink:hover {
    color: #ffffff!important;
}


.collectorLink {
    color: #EC008C!important;
}

.collectorLink:hover {
    color: #ffffff!important;
}

    .shopLink {
        color: #0072BC!important;
    }
    .shopLink:hover {
        color: #ffffff!important;
    }
.dotestLink {
    color: #0072BC!important;
}
.dotestLink:hover {
    color: #ffffff!important;
}*/

.topTasks a:nth-child(1) {
     color: #EC008C!important;
 }
.topTasks a:nth-child(2) {
    color: #0072BC!important;
}
.topTasks a:nth-child(1):hover {
    color: #FFFFFF!important;
}
.topTasks a:nth-child(2):hover {
    color: #FFFFFF!important;
}

.ratingForm {
    float: left;
}

.webshopTabs .tabContent {
    padding: 0px 0px 0px 0px;
}

#edit-submit--4 {
    float: right!important;
}

.smallCTABgImage{
	background-position: top center !important;
}

.wideCtaImage.CTAWideImage > .ctaImage {
    position: relative;
    margin-top: -54px;
/*    -ms-transform: rotate(-1deg); *//* IE 9 *//*
    -webkit-transform: rotate(-1deg); *//* Safari *//*
    transform: rotate(-1deg);*/
}

.wideCtaImage.CTAWideEuroBackground > .ctaImage {
    position: relative;
    width: 200px;
    top: 77px;
}
.wideCtaImage.CTAWideEuroBackground {
    overflow: hidden;
}

.maak-nu-kennis {
    float: right;
    position: relative;
}

.CTAWideCOPDImage figure.ctaImage a{
	width: auto !important;
}

.CTAWideCOPDImage > figure.ctaImage{
	position: absolute !important;
	bottom: 0 !important;
	right: 0;
	width: 148px;
	margin-right: 12%;
}

@media screen and (max-width: 767px){
	.wideCtaImage.CTAWideCOPDImage > figure.ctaImage  {
	    position: relative !important;
	    margin: auto;
	    margin-bottom: 10px;
	}
}

.CTAWideCOPDImage p{
	width: 72%;
}

@media screen and (max-width: 767px){
	.CTAWideCOPDImage p{
		width: 100%;
	}
}

.CTAWideFolder{
	position: relative;
}

.CTAWideFolder .ctaImage{
	position: absolute;
	top: -20px;
	right: 0;
	margin-right: 12%;
}
.CTAWideFolder figure.ctaImage {
    width: 210px;
}
.CTAWideFolder .ctaImage img{
	width: 210px;
}

.CTAWideFolder p{
	width: 70% !important;
}

@media screen and (max-width: 767px){
	.CTAWideFolder figure.ctaImage{
		position: relative !important;
		top: -50px;
		margin-bottom: 0 !important;
	}
	.CTAWideFolder p{
		width: 100% !important;
	}

	.CTAWideFolder h5{
		margin-top: -20px;
	}
}


.webform-component-date .form-item {
	width: auto !important;
}

/* Pop up adem in campagne */

.popupOverlay_desktop_v3.adem-in .closeAdem {
    position: absolute;
    right: 1px;
    top: -9px;
    width: 50px;
    height: 50px;
    padding: 10px
}

.popupOverlay_desktop_v3.adem-in > div {
    margin: 2% auto;
}

.popupOverlay_mobile_v3.adem-in {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.95);
}
.popupOverlay_mobile_v3.adem-in > div {
    margin: 2% auto;
}
.popupOverlay_mobile_v3.adem-in div a figure img {
    width: 100%
}

.popupOverlay_mobile_v3 .closeAdem {
    position: absolute;
    right: 3px;
    top: -2px;
    width: 50px;
    height: 50px;
    padding: 10px
}

@media only screen and (min-width:767px) {
    .popupOverlay_mobile_v3.adem-in {
       display: none;
    }
}

/* Header video op homepage */

.headerVideoHome {
    background-size: contain;
    min-height: 0
}

.headerVideoHome img {
    position: relative
}


/* Longfonds vragenlijst */

@media only screen and (max-width: 767px) {
    .vragenlijst-wrapper section {
        padding-left: 10px;
        padding-right: 10px
    }
}

.vragenlijst-wrapper.stap-0 {
    padding-bottom: 70px
}

.vragenlijst-wrapper.stap-0.hide {
    display: none
}

.vragenlijst-wrapper.stap-0 ul {
    padding: 0;
    list-style: none
}

.vragenlijst-wrapper.stap-0 ul li a {
    position: relative;
    color: #ec008c;
    font-weight: normal;
    padding-left: 20px;
    cursor: pointer
}

.vragenlijst-wrapper.stap-0 ul li a:before {
    position: absolute;
    left: 0;
    display: inline-block;
    font-weight: bold;
    color: #ec008c;
    content: ">";
    top: -6px
}

.vragenlijst-wrapper.stap-0 ul p {
    margin-left: 19px
}

.vragenlijst-wrapper.stap-1 {
    position: relative
}

.vragenlijst-wrapper.stap-1.hide {
    display: none
}

.vragenlijst-wrapper.stap-1 .vragenlijst-stap-1 li.add-question {
    font-weight: normal
}

.vragenlijst-wrapper.stap-1 .vragenlijst-stap-1 li.add-question a {
    font-weight: normal
}

.vragenlijst-wrapper.stap-1 .vragenlijst-stap-1 li.add-question.hide {
    display: none
}

.vragenlijst-wrapper.stap-1 .left-block {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

@media only screen and (max-width: 767px) {
    .vragenlijst-wrapper.stap-1 .left-block {
        width: 100%
    }
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul {
    list-style: none;
    padding: 0
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li {
    padding: 0
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > h3, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > h3 {
    position: relative;
    color: #0072bc;
    text-transform: uppercase;
    padding: 20px 24px;
    cursor: pointer;
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
    border-right: 1px solid #eaedf1
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > h3:hover, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > h3:hover {
    color: #0287dd
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > h3.active:after, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > h3.active:after {
    position: absolute;
    font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
    speak: none;
    font-style: normal;
    font-size: 24px;
    font-weight: bold;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 20px;
    top: 25px;
    content: "\e601";
    color: #ec008c
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > h3:after, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > h3:after {
    position: absolute;
    font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
    speak: none;
    font-style: normal;
    font-size: 24px;
    font-weight: bold;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 20px;
    top: 20px;
    content: "\e603";
    color: #ec008c
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions {
    list-style: none;
    padding: 0;
    border-left: 1px solid #eaedf1;
    border-right: 1px solid #eaedf1;
    border-bottom: 1px solid #eaedf1;
    border-top: 1px solid #eaedf1
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li {
    padding: 20px 0 10px 36px
}

@media only screen and (max-width: 767px) {
    .vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li {
        padding: 1px 0 7px 17px
    }
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li input[type=checkbox], .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li input[type=checkbox] + label:before, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li input[type=checkbox] + label:before, .vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li input[type=checkbox]:checked:before, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li input[type=checkbox]:checked:before {
    width: 20px;
    margin-right: 8px;
    display: inline-block;
    text-align: center;
    font-size: 21px;
    color: #ec008c;
    cursor: pointer
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li input[type=checkbox] + label:before, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li input[type=checkbox] + label:before {
    content: "+"
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li input[type=checkbox]:checked + label, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li input[type=checkbox]:checked + label {
    font-weight: bold;
    color: #0072bc
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li input[type=checkbox]:checked + label:before, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li input[type=checkbox]:checked + label:before {
    content: "-"
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li > label, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li > label {
    display: inline-block;
    font-weight: normal;
    color: #5b5b5b;
    font-size: 1rem;
    text-transform: none;
    padding-left: 1.5em;
    text-indent: -1.5em;
    width: 91%
}

@media only screen and (max-width: 767px) {
    .vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li > label, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li > label {
        text-indent: -1.8em
    }
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li > label:hover, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li > label:hover {
    color: #a7a5a5
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li > span.tooltip, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li > span.tooltip {
    background-color: #ec008c;
    border-radius: 15px;
    width: 16px;
    height: 16px;
    color: white;
    line-height: 1;
    text-align: center;
    display: inline-block;
    font-family: "Times New Roman", Georgia, Serif;
    cursor: pointer
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions > li span.delete, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions > li span.delete {
    display: none
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.tooltip, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.tooltip {
    position: relative;
    background-color: #e5f1f8;
    border-radius: 15px 0 15px 15px;
    background-clip: padding-box;
    padding: 10px 33px 40px 40px;
    margin: 0 15px;
    display: none
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.tooltip span.tooltip-info, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.tooltip span.tooltip-info {
    position: absolute;
    background-color: white;
    border-radius: 15px;
    width: 16px;
    height: 16px;
    color: #e5f1f8;
    line-height: 1;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-family: "Times New Roman", Georgia, Serif;
    top: 10px;
    right: 10px
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.tooltip span.tooltip-close, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.tooltip span.tooltip-close {
    position: absolute;
    display: block;
    color: #ec008c;
    right: 18px;
    bottom: 10px;
    cursor: pointer
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.tooltip.tooltip-show, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.tooltip.tooltip-show {
    display: block
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter {
    color: #ec008c;
    text-align: right;
    padding: 0 16px 16px 0
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter a:after, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter a:after {
    position: relative;
    font-family: 'icons', 'kievit', "Helvetica Neue", Helvetica, Arial, sans-serif;
    speak: none;
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: -7px;
    margin-left: 4px;
    content: "\e603";
    color: #ec008c
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul {
    list-style: none;
    padding: 0;
    margin-bottom: 18px
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > h3, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > h3 {
    color: #0072bc;
    text-transform: uppercase;
    border-radius: 15px 0 0 0;
    border: 1px solid #eaedf1;
    padding: 20px 10px
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul {
    list-style: none;
    padding: 0;
    border: 1px solid #eaedf1
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li {
    padding: 20px 0 10px 0
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox], .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox] {
    opacity: 0
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox] + label:before, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox] + label:before, .vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox]:checked:before, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox]:checked:before {
    width: 20px;
    margin-right: 8px;
    display: inline-block;
    text-align: center;
    font-size: 21px;
    color: #ec008c;
    cursor: pointer
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox] + label:before, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox] + label:before {
    content: "+"
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox]:checked + label, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox]:checked + label {
    font-weight: bold;
    color: #0072bc
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox]:checked + label:before, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li input[type=checkbox]:checked + label:before {
    content: "-"
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li > span.tooltip, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul > li > span.tooltip {
    background-color: #ec008c;
    border-radius: 15px;
    width: 16px;
    height: 16px;
    color: white;
    line-height: 1;
    text-align: center;
    display: inline-block;
    font-family: "Times New Roman", Georgia, Serif;
    cursor: pointer
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul li.tooltip, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul li.tooltip {
    position: relative;
    background-color: #e5f1f8;
    border-radius: 15px 0 15px 15px;
    background-clip: padding-box;
    padding: 10px 30px 28px;
    margin: 0 15px;
    display: none
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul li.tooltip span.tooltip-info, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul li.tooltip span.tooltip-info {
    position: absolute;
    background-color: white;
    border-radius: 15px;
    width: 16px;
    height: 16px;
    color: #e5f1f8;
    line-height: 1;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-family: "Times New Roman", Georgia, Serif;
    top: 10px;
    right: 10px
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul li.tooltip span.tooltip-close, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul li.tooltip span.tooltip-close {
    position: absolute;
    display: block;
    color: #ec008c;
    right: 18px;
    bottom: 10px;
    cursor: pointer
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul li.tooltip.tooltip-show, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul li.tooltip.tooltip-show {
    display: block
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul li.next-chapter, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul > li > ul.questions li.next-chapter .left-block > ul > li > ul li.next-chapter {
    color: #ec008c;
    text-align: right;
    padding: 0 16px 16px 0
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul:first-of-type li h3, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul:first-of-type li h3 {
    border-radius: 15px 0 0 0
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul:first-of-type li ul, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul:first-of-type li ul {
    display: block
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul:last-of-type li h3, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul:last-of-type li h3 {
    border-bottom: 1px solid #eaedf1
}

.vragenlijst-wrapper.stap-1 .left-block .lijst-a > ul:last-of-type li ul .next-chapter, .vragenlijst-wrapper.stap-1 .left-block .lijst-b > ul:last-of-type li ul .next-chapter {
    display: none
}

.vragenlijst-wrapper.stap-1 .right-block {
    width: 25%;
    display: inline-block
}

.vragenlijst-wrapper.stap-1 .right-block .lijst-a, .vragenlijst-wrapper.stap-1 .right-block .lijst-b {
    margin-bottom: 18px
}

.vragenlijst-wrapper.stap-1 .right-block.mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .vragenlijst-wrapper.stap-1 .right-block.mobile {
        display: block;
        width: 100%
    }
}

@media only screen and (min-width: 350px) {
    .vragenlijst-wrapper.stap-1 .right-block {
        margin-top: 5px
    }

    .vragenlijst-wrapper.stap-1 .right-block.mobile {
        display: none
    }
}

.vragenlijst-wrapper.stap-1 .right-block.fixed {
    position: fixed;
    top: 100px;
    width: 235px;
    margin-left: 5px
}

.vragenlijst-wrapper.stap-1 .right-block.bottom {
    position: absolute;
    bottom: 0;
    width: 235px;
    margin-left: 5px
}

@media only screen and (max-width: 767px) {
    .vragenlijst-wrapper.stap-1 .right-block {
        position: fixed;
        bottom: 0;
        height: auto;
        left: 0;
        width: 100%;
        display: block;
        background-color: white;
        top: none;
        z-index: 999;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .vragenlijst-wrapper.stap-1 .right-block:after {
        content: "";
        width: 100%;
        height: 20px;
        position: absolute;
        bottom: 123px;
        left: 0;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.16) 0, transparent 100%);
        pointer-events: none;
        top: -20px
    }

    .vragenlijst-wrapper.stap-1 .right-block .lijst-a, .vragenlijst-wrapper.stap-1 .right-block .lijst-b, .vragenlijst-wrapper.stap-1 .right-block strong {
        display: none
    }

    .vragenlijst-wrapper.stap-1 .right-block .question-counter, .vragenlijst-wrapper.stap-1 .right-block .related {
        display: inline-block
    }

    .vragenlijst-wrapper.stap-1 .right-block .question-counter {
        padding: 7px 5px !important;
        display: inline-block;
        vertical-align: middle
    }

    .vragenlijst-wrapper.stap-1 .right-block .question-counter span.counter {
        font-size: 18px !important;
        display: inline-block
    }

    .vragenlijst-wrapper.stap-1 .right-block .question-counter span:first-of-type {
        display: none
    }

    .vragenlijst-wrapper.stap-1 .right-block .question-counter span.question {
        padding: 0 4px;
        display: inline-block
    }

    .vragenlijst-wrapper.stap-1 .right-block .related .create-list {
        margin-top: 5px
    }
}

.vragenlijst-wrapper.stap-1 .right-block strong {
    text-transform: uppercase
}

.vragenlijst-wrapper.stap-1 .right-block ul {
    list-style: none;
    padding: 0
}

.vragenlijst-wrapper.stap-1 .right-block ul li {
    color: #ec008c;
    cursor: pointer
}

.vragenlijst-wrapper.stap-1 .right-block ul li.active {
    font-weight: bold
}

.vragenlijst-wrapper.stap-1 .right-block ul li a {
    font-weight: normal
}

.vragenlijst-wrapper.stap-1 .right-block ul li a.active {
    font-weight: bold
}

.vragenlijst-wrapper.stap-1 .right-block ul li::first-letter {
    text-transform: capitalize
}

.vragenlijst-wrapper.stap-1 .right-block .question-counter {
    background-color: #eaedf1;
    text-align: center;
    border-radius: 20px 0 20px 20px;
    color: #0072bc;
    padding: 15px;
    font-style: italic
}

.vragenlijst-wrapper.stap-1 .right-block .question-counter span {
    display: block
}

.vragenlijst-wrapper.stap-1 .right-block .question-counter span.counter {
    font-weight: bold;
    font-size: 50px;
    line-height: 1;
    font-style: normal
}

.vragenlijst-wrapper.stap-1 .right-block .create-list {
    display: block;
    background-color: #ec008c;
    text-align: center;
    color: white;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    margin-top: 15px
}

.vragenlijst-wrapper.stap-1 .right-block .create-list:hover {
    background-color: #0072bc;
    color: #fff
}

.vragenlijst-wrapper.stap-1 .right-block .related {
    padding: 0;
    background-image: none
}

.vragenlijst-wrapper.stap-1 .right-block .related h3 {
    color: #0072bc;
    text-align: center;
    text-transform: uppercase;
    padding: 10px
}

.vragenlijst-wrapper.stap-1 .right-block .related .printBtn {
    margin: 0;
    width: 100%
}

.vragenlijst-wrapper.stap-1 .right-block .related input[type="submit"] {
    margin: 0
}

.vragenlijst-wrapper.stap-2 {
    margin-top: 30px
}

.vragenlijst-wrapper.stap-2.hide {
    display: none
}

.vragenlijst-wrapper.stap-2 .hide-screen {
    display: none
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 {
    padding-bottom: 24px
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul {
    list-style: none;
    padding: 0;
    margin-bottom: 36px
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > h3 {
    color: #0072bc;
    text-transform: uppercase
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul {
    list-style: none;
    padding: 0
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul > li {
    position: relative;
    padding-top: 8px;
    margin-top: 14px;
    border-bottom: 1px solid black
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul > li input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul > li span.tooltip {
    display: none
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul > li > label {
    display: inline-block;
    font-weight: normal;
    color: #5b5b5b;
    font-size: 1rem;
    text-transform: none;
    width: 88%;
    vertical-align: top
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul > li span.delete {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    color: #ec008c;
    cursor: pointer;
    text-align: center;
    font-size: 12px
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul > li span.delete img {
    display: block;
    width: 14px;
    height: auto;
    margin: 0 auto
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul > li span.box {
    position: absolute;
    width: 35px;
    height: 35px;
    border: 1px solid black;
    right: 10px;
    top: 10px;
    display: none
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul li.tooltip {
    display: none
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul li.next-chapter {
    display: none
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul li.add-question {
    display: block;
    border-bottom: none;
    padding-left: 20px
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul li.add-question a {
    font-weight: normal
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li > ul li:before {
    font-weight: bold
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li.not-active h3 {
    opacity: .4
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li.not-active ul li:first-of-type {
    opacity: .4;
    padding-left: 20px;
    padding-bottom: 10px;
    font-style: italic
}

.vragenlijst-wrapper.stap-2 #vragenlijst-stap-2 > ul > li.not-active ul li:last-of-type {
    opacity: 1
}

.vragenlijst-wrapper.stap-2 .notes {
    display: none
}

.vragenlijst-wrapper.stap-2 .notes h3 {
    color: #0072bc;
    text-transform: uppercase
}

.vragenlijst-wrapper.stap-2 .notes span {
    width: 100%;
    height: 400px;
    border: 1px solid black;
    display: inline-block
}

.vragenlijst-wrapper.stap-2 .bgGrey {
    background-color: #f9f9fb !important
}

.vragenlijst-wrapper.stap-2 .bgGrey h1 {
    padding: 0
}

.vragenlijst-wrapper.stap-2 .bgGrey .related {
    padding: 0;
    background-image: none;
    background-color: transparent
}

.vragenlijst-wrapper.stap-2 .bgGrey .related .mail-list {
    display: inline-block;
    background-color: #ec008c;
    text-align: center;
    color: white;
    padding: 8px 14px;
    border-radius: 4px;
    font-size: 20px
}

.vragenlijst-wrapper.stap-2 .bgGrey .related .mail-list:hover {
    background-color: #0072bc;
    color: #fff
}

.vragenlijst-wrapper.stap-2 .bgGrey .related .printBtn {
    margin: 0 12px 21px 0;
    background-color: transparent
}

.vragenlijst-wrapper.stap-2 .bgGrey .related input[type="submit"] {
    margin: 0
}

.vragenlijst-wrapper.stap-3.hide {
    display: none
}

.vragenlijst-wrapper.stap-3 .webform-client-form > div {
    float: left
}

.vragenlijst-wrapper.stap-3 .webform-client-form > div .webform-submit {
    float: left;
    margin: 0
}