html, body {
	height: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #000;
	line-height: 1.6em;
}
#body {
	position: relative;
}

body a {
	color: #000;
}

h1, h2 {
	display: block;
	margin-bottom: 40px;

	font-family: 'Droid Serif', serif;
	font-size: 50px;
	font-style: italic;
	line-height: 50px;
	color: #000000;
}
h1:before, h2:before {
	content:"-";

	display: inline-block;
	padding-right: 10px;
}
h1:after, h2:after {
	content:"-";

	display: inline-block;
	padding-left: 10px;
}
h1 {
	display: none;
}
h2.blue {
	color: #234a97;
}
h2.yellow {
	color: #fab900;
}
.unordered-list{
	padding-left:1.3em;
	list-style: disc outside none;
}
p {
	margin-bottom: 40px;

	font-size: 15px;
	line-height: 25px;
	color: #000;
}

#logo {
	position: absolute;
	left: 40px;
	top: 20px
}

a#cms_slide_edit{
	display:block;
	text-align:right;
	padding:5px;
	background-color:#FFFFFF;
	clear:both;
}
a.ee_allinone_add{
	float:right;
	margin:5px;
}

button,
input[type="submit"],
input[type="reset"],
.button {
	display: inline-block;
	padding: 12px 14px;
	height: auto;

	border: 3px solid #000;

	background: transparent;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
.button:hover,
.button:focus
.button.active {
	background: #000000;
	color: #ffffff;

	transition: all .1s;
}
.button.active:hover,
.button.active:focus {
	background-color: rgba(0,0,0,.7);
}
	.button-big {
		font-size: 18px;
		line-height: 18px;
	}
/* BUTTON-BLACK */
	.button-black,
	button.button-black,
	input[type="submit"].button-black,
	input[type="reset"].button-black {
		color: #000000;
		border-color: #000000;
	}
	.button-black:hover,
	.button-black:focus,
	.button-black.active,
	button.button-black:hover,
	button.button-black:focus,
	input[type="submit"].button-black:hover,
	input[type="submit"].button-black:focus,
	input[type="reset"].button-black:hover,
	input[type="reset"].button-black:focus {
		background-color: #000000;
		color: #ffffff;
	}
	.button-black.active:hover,
	.button-black.active:focus {
		background-color: rgba(0,0,0,.7);
	}
/* BUTTON-WHITE */
	.button-white,
	button.button-white,
	input[type="submit"].button-white,
	input[type="reset"].button-white {
		color: #ffffff;
		border-color: #ffffff;
	}
	.button-white:hover,
	.button-white:focus,
	.button-white.active,
	button.button-white:hover,
	button.button-white:focus,
	input[type="submit"].button-white:hover,
	input[type="submit"].button-white:focus,
	input[type="reset"].button-white:hover,
	input[type="reset"].button-white:focus {
		background-color:#ffffff;
		color: #000000;
	}
	.button-white.active:hover {
		background-color: rgba(255,255,255,.7);
	}
/* BUTTON-YELLOW */
	.button-yellow,
	button.button-yellow,
	input[type="submit"].button-yellow,
	input[type="reset"].button-yellow,
	.program-filter .button:nth-of-type(2n+2) {
		color: #fab900;
		border-color: #fab900;
	}
	.button-yellow:hover,
	.button-yellow:focus,
	.button-yellow.active,
	button.button-yellow:hover,
	button.button-yellow:focus,
	input[type="submit"].button-yellow:hover,
	input[type="submit"].button-yellow:focus,
	input[type="reset"].button-yellow:hover,
	input[type="reset"].button-yellow:focus,
	.program-filter .button:nth-of-type(2n+2).active,
	.program-filter .button:nth-of-type(2n+2):hover,
	.program-filter .button:nth-of-type(2n+2):focus {
		background-color: #fab900;
		color: #ffffff;
	}
	.button-yellow.active:hover,
	.program-filter .button:nth-of-type(2n+2).active:hover,
	.program-filter .button:nth-of-type(2n+2).active:focus {
		background-color: rgba(250,185,0,.7);
	}
/* BUTTON-YELLOW-ONBLACK */
	.button-yellow-onblack,
	button.button-yellow-onblack,
	input[type="submit"].button-yellow-onblack,
	input[type="reset"].button-yellow-onblack {
		color: #fab900;
		border-color: #fab900;
	}
	.button-yellow-onblack:hover,
	.button-yellow-onblack:focus,
	.button-yellow-onblack.active,
	button.button-yellow-onblack:hover,
	button.button-yellow-onblack:focus,
	input[type="submit"].button-yellow-onblack:hover,
	input[type="submit"].button-yellow-onblack:focus,
	input[type="reset"].button-yellow-onblack:focus,
	input[type="reset"].button-yellow-onblack:hover {
		background-color: #fab900;
		color: #000000;
	}
	.button-yellow-onblack.active:hover,
	.button-yellow-onblack.active:focus {
		background-color: rgba(250,185,0,.7);
	}
/* BUTTON-BLUE */
	.button-blue,
	button.button-blue,
	input[type="submit"].button-blue,
	input[type="reset"].button-blue,
	.program-filter .button:nth-of-type(2n+1) {
		color: #234a97;
		border-color: #234a97;
	}
	.button-blue:hover,
	.button-blue:focus,
	.button-blue.active,
	button.button-blue:hover,
	button.button-blue:focus,
	input[type="submit"].button-blue:hover,
	input[type="submit"].button-blue:focus,
	input[type="reset"].button-blue:hover,
	input[type="reset"].button-blue:focus,
	.program-filter .button:nth-of-type(2n+1).active,
	.program-filter .button:nth-of-type(2n+1):hover {
		background-color: #234a97;
		color: #ffffff;
	}
	.button-blue.active:hover,
	.button-blue.active:focus,
	.program-filter .button:nth-of-type(2n+1).active:hover,
	.program-filter .button:nth-of-type(2n+1).active:focus {
		background-color: rgba(35,74,151,.7);
	}
/* OTHER BUTTONS */
	.program-filter .button:nth-of-type(1) {
		color: #000000;
		border-color: #000000;
	}
	.program-filter .button:nth-of-type(1).active,
	.program-filter .button:nth-of-type(1):hover,
	.program-filter .button:nth-of-type(1):focus {
		background-color: #000000;
		color: #ffffff;
	}
	.program-filter .button:nth-of-type(1).active:hover,
	.program-filter .button:nth-of-type(1).active:focus {
		background-color: rgba(0,0,0,.7);
	}

.breadcrumb {
	position: absolute;
	left: 40px;
	top: 14px;
	height: 9px;
	min-width: 200px;
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 8px;

	font-size: 9px;
	line-height: 9px;
	text-align: left;
	color: #a0a0a0;
}
	.breadcrumb a {
		font-family: 'Montserrat', sans-serif;
		color: #b3b3b3;
		font-size: 9px;
		display: inline-block;
		line-height: 9px;
		text-decoration: none;
		text-transform: uppercase;
	}
	.breadcrumb a:hover {
		color: #a0a0a0;
	}
	.breadcrumb span {
		display: inline-block;
		padding: 0px 2px;
	}

#header {
	position: relative;
	width: 100%;
	height: 100px;
	background-color: #fab900;
}
	#header-menu,
	#mobile-menu{
		display: block;
		position: absolute;
		right: 45px;
		bottom: 0px;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		line-height: 40px;
		text-transform: uppercase;
	}
	#mobile-menu{
		display:none;
		position:relative;
		right:auto;
		bottom:auto;
	}
		#header-menu a {
			position: relative;
			display: inline-block;
			padding: 0px 15px;

			text-decoration:none;
		}
		#header-menu a:hover,
		#header-menu a:focus,
		#header-menu a:active,
		#header-menu a.active {
			color: #234a97;
		}
		#header-menu a:hover:after,
		#header-menu a:focus:after,
		#header-menu a:active:after,
		#header-menu a.active:after {
			content: "";

			display: block;
			position: absolute;
			z-index: 2;

			bottom: -3px;
			left: 15px;
			right: 15px;
			height: 6px;

			background: #234a97;
		}
		#header-menu a.active:hover:after,
		#header-menu a.active:focus:after {
			background: #4c6caa;
		}
	#header-login {
		position: absolute;
		right: 45px;
		top: 0px;
		min-width: 236px;
		z-index: 3;

		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		line-height: 30px;
		text-transform: uppercase;
		background-color: #000;
	}
		#header-login > a,
		#header-login > span {
			position: relative;
			display: inline-block;
			padding: 0px 15px;

			text-decoration:none;
			color: #fff;
		}
		#header-login > a:hover,
		#header-login > a:focus,
		#header-login > a:active {
			color: #fab900;
		}
		#header-login > a+a:before,
		#header-login > span+a:before,
		#header-login > a+span:before,
		#header-login > span+span:before {
			content: "";

			position: absolute;
			display: inline-block;
			left: 0;
			top: 6px;
			height: 16px;

			border-right: 1px solid #fff;
			line-height: 30px;
		}
		#header-login-dropdown {
			position: relative;
			display: none;
			padding: 20px;

			color: #ffffff;
		}
			#header-login-dropdown p {
				max-width: 196px;
				font-size: 13px;
			}
			#header-login-dropdown a {
				color: #ffffff;
				text-transform: none;
				text-decoration: underline;
				font-weight: normal;
			}
			#header-login-dropdown a:hover,
			#header-login-dropdown a:active,
			#header-login-dropdown a:focus {
				color: #fab900;
			}
			#header-login-form fieldset {
				display: inline-block;
				width: 196px;
				margin-bottom: 20px;
			}
				#header-login-form input:not([type="button"]):not([type="submit"]) {
					width: calc(196px - 6px - 24px);
					border: 3px solid #234a97;
					height: 26px;
					padding: 3px 12px 5px;
					margin-bottom: 12px;
					font-family: 'Open Sans';
					font-weight: 300;
					font-size: 15px;
				}
				#header-login-form input:not([type="button"]):not([type="submit"]):active,
				#header-login-form input:not([type="button"]):not([type="submit"]):focus {
					border-color: #fab900;
				}
				#header-login-form fieldset :last-child {
					margin-bottom: 0px !important; /* Waarom is !important hier nodig? Beter zonder */
				}
			#header-login-dropdown > :last-child {
				margin-bottom: 0px;
			}
div.middle{
	width:990px;
	margin:0 auto;
}

#footer {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;

	background-color: #234a97;

	color: #fff;
	font-size: 15px;
	font-weight: 300;
}
	.footer-copyright {
		display: block;
		float: left;
		height: 15px;
		margin: 0px;
		padding: 20px 28px;

		line-height: 15px;
		font-size: 15px;
		color: #fff;
	}
		.footer-copyright p {
			margin: 0px;
			color: #fff;

			line-height: 15px;
			font-size: 15px;
		}
	.footer-privacy {
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		height: 15px;
		width: 124px;
		margin: 0 0 0 -90px;
		padding: 20px 28px;
		text-align: center;

		line-height: 15px;
		font-size: 15px;
		color: #fff;
	}
		.footer-privacy a {
			color: #fff;
			text-decoration: none;
		}
	.footer-www {
		display: block;
		float: right;
		margin: 0px;
		padding: 20px 0px;

		line-height: 15px;
		font-size: 13px;
		color: #fff;
	}
		.footer-www p {
			margin: 0px;
			color: #fff;

			line-height: 15px;
			font-size: 13px;
		}
		.footer-www a {
			color: #fff;
			text-decoration: none;
			font-size: 13px;
		}
	.footer-socialmedia {
		display: block;
		float: right;
		height: 21px;
		padding: 17px 28px;
		line-height: 21px;
		margin: 0px;
	}
		.footer-socialmedia a {
			display: inline-block;
			width: 21px;
			height: 21px;
			margin-left: 5px;
		}
			.footer-socialmedia a img {
				width: 21px;
				height: 21px;
			}
		.footer-socialmedia a:first-of-type {
			margin-left: 0px;
		}

.carousel {
	position:relative;
	width: 100%;
	height: 42.5vw;
	overflow:hidden;
	background-color: #484848;
}
	div.carousel a.prev,
	div.carousel a.next{
		position:absolute;
		top:50%;
		left:15px;
		margin-top:-20px;
		width:40px;
		height:40px;
		line-height:40px;
		text-align:center;
		font-size:35px;
		border-radius: 20px;
		background-color:#FFFFFF;
		z-index:2;
		cursor:pointer;
	}
	div.carousel a.next{
		left:auto;
		right:15px;
	}
	.carousel-slide{
		position: absolute;
		top:0;
		left:100%;
		width: 100%;
		height: 100%;
		float:left;
		background-size: cover;
		background-position: 50% 50%;
	}
		.carousel-slide.transition{
			-webkit-transition:left 1s;
			-moz-transition:left 1s;
			-o-transition:left 1s;
			transition:left 1s;
		}
		.carousel-slide.hideRight{
			left:100%;
		}
		.carousel-slide.hideLeft,
		.carousel-slide.fromLeft{
			left:-100%;
		}
		.carousel-slide.show{
			left:0;
		}
		.carousel-slide-overlay {
			position: absolute;
			width: calc(21vw - 1.75vw * 2);
			padding: 1.75vw;

			top: 10vw;
			left: 10vw;

			background-color: #000;
			color: #ffffff;
		}
		.carousel-slide-overlay-top-left {
			top: 10vw;
			left: 10vw;
		}
		.carousel-slide-overlay-top-right {
			top: 10vw;
			left: initial;
			right: 10vw;
		}
		.carousel-slide-overlay-bottom-left {
			top: initial;
			bottom: 10vw;
			left: 10vw;
		}
		.carousel-slide-overlay-bottom-right {
			top: initial;
			bottom: 10vw;
			left: initial;
			right: 10vw;
		}
			.carousel-slide-overlay span {
				display: block;
				margin-bottom: 1.75vw;

				font-size: 2.9vw;
				line-height: 3.4vw;
				font-weight: 300;
				text-transform: uppercase;
			}
			.carousel-slide-overlay i {
				display: inline-block;

				font-family: 'Droid Serif', serif;
				font-style: italic;
				font-size: 3.4vw;
				color: #fab900;
				text-transform: lowercase;
			}
			.carousel-slide-overlay b {
				font-weight: 700;
			}

.news-latest {
	display: table-cell;
	position: relative;
	width: calc(100vw - 10vw - (13.75vw + 100px + 20px + 115px + 20px));
	height: calc(44px + 35px);
	margin: auto;
	padding: 35px calc(13.75vw + 100px + 20px + 115px + 20px) 35px 10vw;
	background-color: #234a97;

	color: #fff;
	font-weight: 700;
	font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
	vertical-align: middle;
}
	.news-latest span:first-of-type {
		display: inline-block;
		padding-right: 12px;
		color: #fab900;
	}
	.news-latest .button {
		position: absolute;
		right: calc(13.75vw + 100px + 20px);
		top: calc(50% - 22px);
	}

.element-circle {
	position: absolute;
	right: 100px;
	top: -9.38vw;
	width: calc(13.75vw - .94vw * 2);
	height: calc(13.75vw - 3vw * 2);
	padding: 3vw .94vw;

	border-radius: 100%;
	transform: rotate(10deg);

	background-color: #fab900;
	color: #000;
	font-family: 'Droid Serif', serif;
	font-style: italic;
	font-size: 1.94vw;
	line-height: 1.94vw;
	text-align: center;
	text-transform: none;
	font-weight: normal;
}

.block-content {
	position: relative;
	padding: 60px 20px;

	background-color: #ffffff;

	text-align: center;
}
	.block-content--no-bottom-padding{
		padding-bottom: 0;
	}
	.block-content.block-text{
		padding-bottom:150px;
	}
	.block-content h1{
		display:block;
		color:#234a97;
	}
	.block-content > h2,
	.block-content > p,
	.block-content > div {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-content-white {
		background-color: #ffffff;
		color: #000000;
	}
	.block-content-black {
		background-color: #000000;
		color: #ffffff;
	}
	.block-content-blue {
		background-color: #234a97;
		color: #ffffff;
	}
		.block-content-black p ,
		.block-content-blue h2 {
			color: #ffffff;
		}
		.block-content-black h2 {
			color: #fab900;
		}
	.block-content > :last-child {
		margin-bottom: 0px;
	}

.program {
	position: relative;
	padding: 40px 0px;

	background: #ffffff;
	text-align: center;
}
	.program h2 {
		font-size: 40px;
		line-height: 40px;
	}
	.program-filter {
		margin-bottom: 30px;
	}
		.program-filter .button {
			margin: 0px 5px 10px;
		}
		.program-filter form {
			display: initial;
		}
			.program-filter form input:not([type="button"]):not([type="submit"]) {
				position: relative;
				display: inline-block;
				padding: 12px 14px;
				margin: 0px 5px 10px;
				height: 14px;
				width: 160px;

				border: 3px solid #000;

				background: #ffffff;

				font-family: 'Montserrat', sans-serif;
				font-size: 14px;
				line-height: 18px;
				font-weight: 800;
				text-transform: uppercase;
				text-decoration: none;

				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
			}
			.program-filter form input:not([type="button"]):not([type="submit"]).filled {
				display: inline-block;
				padding: 12px 14px;
				margin: 0px 5px;
				height: 14px;

				border: 3px solid #000;

				background: #000000;

				color: #ffffff;
				font-family: 'Montserrat', sans-serif;
				font-size: 14px;
				line-height: 18px;
				font-weight: 800;
				text-transform: uppercase;
				text-decoration: none;
			}
			.program-filter form input:not([type="button"]):not([type="submit"]).filled:active,
			.program-filter form input:not([type="button"]):not([type="submit"]).filled:focus {
				background: #ffffff;
				color: #000000;
			}
	.program-list,
	.nieuws{
		width: 1320px;
		margin: 0px auto 20px;
		padding: 0px 10px;

		display: block;
	}
	.program-list:after,
	.nieuws:after{
		content: "";

		display: block;
		clear: both;
	}
		.nieuws .edit_item{
			float:left;
			width:330px;
			position:relative;
		}
		.program .edit_item{
			float:left;
			width:330px;
			position:relative;
		}
		.program-list-performance {
			height: 647px;
		}
		.program-list-performance.cabaretpakket {
			height: 387px;
		}
		.program-list-performance,
		.nieuws .item{
			display: block;
			position: relative;
			width: 310px;
			float: left;
			margin: 0px 10px 20px;

			background-color: #e6e6e6;
			text-decoration: none;
			color: #000000;
			text-align: left;
		}
			.program-list-performance:hover,
			.nieuws .item:hover{
				background-color: #ececec;
			}
		.program-list-performance-image,
		.nieuws .item .image{
			display: block;
			width: 100%;
			height: 205px;

			background-color: #234a97;
			background-size: cover;
			background-position: 50% 50%;
		}
		.program-list-performance-content,
		.nieuws .item .content{
			display: block;
			padding: 25px 20px;
		}
			.program-list-performance-content b,
			.nieuws .item .content b{
				display: block;
				font-family: 'Open Sans' sans-serif;
				font-weight: 700;
				font-size: 20px;
				line-height: 22px;
				text-transform: uppercase;
			}
				.program-list-performance-content b:after,
				.nieuws .item .content b:after{
					content: "";

					display: block;
					margin: 8px 0px 20px 0px;
					width: 48px;
					height: 2px;

					background-color:  #fab900;
				}
			.nieuws .item .content .readmore{
				display:inline-block;
				margin-top:15px;
				text-transform:uppercase;
				font-weight:bold;
			}
		.program-list-performance-date,
		.nieuws .item .date{
			position: absolute;
			width: 70px;
			height: 55px;
			padding-top: 15px;
			left: 20px;
			top: 120px;

			border-radius: 100%;

			background-color: #ffffff;
			text-align: center;
			font-family: 'Open-Sans', sans-serif;
			font-size: 19px;
			line-height: 19px;
			font-weight: 800;
			text-transform: uppercase;
		}
			.program-list-performance-date i,
			.nieuws .item .date i{
				display: block;
				font-style: normal;
			}
			.program-list-performance-date span,
			.nieuws .item .date span{
				color: #fab900;
			}
		.program-list-performance-footer{
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;

			display:block;
			background-color: #234a97;
			padding: 15px 20px;
			font-family: 'Open Sans' sans-serif;
			font-weight: 700;
			font-size: 16px;
			text-transform: uppercase;
			line-height; 1em;
		}
			.program-list-performance-footer-start{
				display: block;
				color: #ffffff;
			}
			.program-list-performance-footer-price{
				display: block;
				color: #fab900;
			}
	.program-list-performance-0{}
		.program-list-performance-0 .program-list-performance-image,
		.program-list-performance-0 .program-list-performance-footer,
		.nieuws .item:nth-child(2n) .content{
			background-color: #234a97;
		}
		.program-list-performance-0 .program-list-performance-content b:after{
			background-color:  #fab900;
		}
		.program-list-performance-0 .program-list-performance-footer-price,
		.nieuws .item:nth-child(2n) .content span.readmore{
			color: #fab900;
		}
		.nieuws .item:nth-child(2n) .content{
			color: #FFFFFF;
		}
			.nieuws .item:nth-child(2n) .content .date{
				color: #000000;
			}
	.program-list-performance-1{}
		.program-list-performance-1 .program-list-performance-image,
		.program-list-performance-1 .program-list-performance-footer,
		.nieuws .item:nth-child(3n) .content{
			background-color: #000000;
		}
		.program-list-performance-1 .program-list-performance-content b:after{
			background-color:  #234a97;
		}
		.program-list-performance-1 .program-list-performance-footer-price,
		.nieuws .item:nth-child(3n) .content span.readmore{
			color: #fab900;
		}
		.nieuws .item:nth-child(3n) .content{
			color: #FFFFFF;
		}
			.nieuws .item:nth-child(3n) .content .date{
				color: #000000;
			}
	.program-list-performance-2{}
		.program-list-performance-2 .program-list-performance-image,
		.program-list-performance-2 .program-list-performance-footer,
		.nieuws .item:nth-child(4n) .content{
			background-color: #fab900;
		}
		.program-list-performance-2 .program-list-performance-content b:after{
			background-color:#fab900;
		}
		.program-list-performance-2 .program-list-performance-footer-price,
		.nieuws .item:nth-child(4n) .content span.readmore,
		.nieuws .item:nth-child(4n) .content{
			color: #000000;
		}
	.program-list-performance-3{}
		.program-list-performance-3 .program-list-performance-image,
		.program-list-performance-3 .program-list-performance-footer{
			background-color: #000000;
		}
		.program-list-performance-3 .program-list-performance-content b:after{
			background-color:  #fab900;
		}
		.program-list-performance-3 .program-list-performance-footer-price{
			color: #fab900;
		}
	.program-list-performance-4{}
		.program-list-performance-4 .program-list-performance-image,
		.program-list-performance-4 .program-list-performance-footer{
			background-color: #fab900;
		}
		.program-list-performance-4 .program-list-performance-content b:after{
			background-color: #234a97;
		}
		.program-list-performance-4 .program-list-performance-footer-price{
			color: #000000;
		}

#google-maps {
	height: 430px;
}
	.google-maps-bubble {
		overflow: visible !important;
		background-color: #000000;
		color: #ffffff;
	}
	.google-maps-bubble-label {
		position: relative;
		padding: 26px;

		color: #ffffff;
	}
		.google-maps-bubble-pointer {
			position: absolute;
			width: 16px;
			height: 16px;
			right: -8px;
			bottom: -8px;

			border-radius: 100%;

			background: #fab900;
		}
		.google-maps-bubble-label h2 {
			margin-bottom: 26px;

			font-family: 'Montserrat', 'Open Sans', sans-serif;
			font-weight: 700;
			font-size: 26px;
			font-style: normal;
			text-transform: uppercase;
			line-height: 26px;
			color: #ffffff;
		}
			.google-maps-bubble-label h2:after {
				content: "";

				display: block;
				margin: 8px 0px 20px 0px;
				width: 48px;
				height: 2px;

				background-color:  #fab900;
			}
		.google-maps-bubble-label h2:before {
			content: "";
			display: none;
		}
		.google-maps-bubble-label p {
			font-family: 'Open Sans', sans-serif;
			font-weight: 300;
			font-size: 14px;
			color: #ffffff;
		}
		.google-maps-bubble-label a {
			color: #ffffff;
			text-decoration: none;
		}
		.google-maps-bubble-label a:hover,
		.google-maps-bubble-label a:active {
			color: #eeeeee;
			text-decoration: none;
		}
		.google-maps-bubble-bullet {
			display: inline-block;
			padding-top: 0px;
			margin-right: 4px;
			width: 16px;
			height: 16px;
			border-radius: 100%;
			background: #fab900;
			font-size: 10px;
			line-height: 16px;
			text-align: center;
			color: #000000;
			font-weight: 700;
		}
		.google-maps-bubble-label :last-child {
			margin-bottom: 0px;
		}

.block-form,
.block-newsletter {
	position: relative;
	max-width: 850px;
	margin: 0px auto;
	padding: 60px 20px;

	background: #ffffff;
	text-align: center;
}
.block-newsletter {
	max-width:100%;
	color:#000000;
	background: #fab900;
}
	.block-newsletter .errors{
		color:#000000;
	}
	.block-form h2,
	.block-newsletter h2 {
		font-size: 40px;
		line-height: 40px;
	}
	.block-form fieldset,
	.block-newsletter fieldset {
		display: block;
		margin: 0px 10px 20px;
	}
	.block-form fieldset.double,
	.block-newsletter fieldset.double {
		margin-left: 0px;
		margin-right: 0px;
	}
	.block-form fieldset.double:after,
	.block-newsletter fieldset.double:after {
		content: "";

		display: block;
		clear: both;
	}
	.block-form fieldset.left,
	.block-form fieldset.right,
	.block-newsletter fieldset.left,
	.block-newsletter fieldset.right {
		display: inline-block;
		width: calc(50% - 10px);
	}
	.block-form fieldset.left,
	.block-newsletter fieldset.left {
		float: left;
		margin-left: 0px;
	}
	.block-form fieldset.right,
	.block-newsletter fieldset.right {
		float: right;
		margin-right: 0px;
	}
	#contact-form fieldset.right {
		height: 88px;
	}
	#newsletter-form{
		max-width: 850px;
		margin: 0px auto;
	}
		.block-form input:not([type="submit"]):not([type="reset"]),
		.block-form textarea,
		.block-form select,
		.block-newsletter input:not([type="submit"]):not([type="reset"]),
		.block-newsletter select,
		.block-newsletter textarea {
			width: calc(100% - 24px - 4px);
			border: 2px solid #234a97;
			height: 26px;
			padding: 3px 12px 5px;
			margin-bottom: 12px;
			font-family: 'Open Sans';
			font-weight: 300;
			font-size: 15px;
		}
		.block-newsletter select {
			display: inline-block;
			line-height: 26px;
		}
		.block-newsletter input:not([type="submit"]):not([type="reset"]),
		.block-newsletter select,
		.block-newsletter textarea {
			border: 2px solid #000000;
		}
		.block-form input:not([type="submit"]):not([type="reset"]):active,
		.block-form input:not([type="submit"]):not([type="reset"]):focus,
		.block-form textarea:active,
		.block-form textarea:focus {
			border-color: #fab900;
		}
		.block-newsletter input:not([type="submit"]):not([type="reset"]):active,
		.block-newsletter input:not([type="submit"]):not([type="reset"]):focus,
		.block-newsletter textarea:active,
		.block-newsletter textarea:focus {
			border-color: #000000;
		}
		.block-form textarea,
		.block-newsletter textarea {
			/*height: calc(38px + 38px - 6px - 4px - 4px + 12px);*/
			height: 74px;
			padding: 6px 12px 4px;
		}
		fieldset.double fieldset,
		.block-form fieldset.double :last-child,
		.block-form fieldset.left :last-child,
		.block-form fieldset.right :last-child,
		.block-form fieldset.center :last-child,
		.block-form form :last-child,
		.block-newsletter fieldset.double :last-child,
		.block-newsletter fieldset.left :last-child,
		.block-newsletter fieldset.right :last-child,
		.block-newsletter fieldset.center :last-child,
		.block-newsletter form :last-child {
		  margin-bottom: 0px;
		}

.block-content > .logo-grid,
.logo-grid {
	max-width: 1600px;
	margin: 0px auto;
	min-height: 80px;
}
	.logo-grid .logo {
		display: inline-block;
		width: calc(100% / 64 * 5 - 50px * 2);
		height: 80px;
		margin: 0px 50px;
	}
	.logo-grid .col-1 { } /* Not available */
	.logo-grid .col-2 { } /* Not available */
	.logo-grid .col-3 { } /* Not available */
	.logo-grid .col-4 { } /* Not available */
	.logo-grid .col-5 {	width: calc(1600px / 64 * 5 - 50px * 2); }
	.logo-grid .col-6 {	width: calc(1600px / 64 * 6 - 50px * 2); }
	.logo-grid .col-7 {	width: calc(1600px / 64 * 7 - 50px * 2); }
	.logo-grid .col-8 {	width: calc(1600px / 64 * 8 - 50px * 2); }
	.logo-grid .col-9 {  width: calc(1600px / 64 * 9 - 50px * 2); }
	.logo-grid .col-10 {	width: calc(1600px / 64 * 10 - 50px * 2); }
	.logo-grid .col-11 {	width: calc(1600px / 64 * 11 - 50px * 2); }
	.logo-grid .col-12 {	width: calc(1600px / 64 * 12 - 50px * 2); }
	.logo-grid .col-13 {	width: calc(1600px / 64 * 13 - 50px * 2); }
	.logo-grid .col-14 {	width: calc(1600px / 64 * 14 - 50px * 2); }
	.logo-grid .col-15 {	width: calc(1600px / 64 * 15 - 50px * 2); }
	.logo-grid .col-16 {	width: calc(1600px / 64 * 16 - 50px * 2); }
	.logo-grid .col-17 {	width: calc(1600px / 64 * 17 - 50px * 2); }
	.logo-grid .col-18 {	width: calc(1600px / 64 * 18 - 50px * 2); }
	.logo-grid .col-19 {	width: calc(1600px / 64 * 19 - 50px * 2); }
	.logo-grid .col-20 {	width: calc(1600px / 64 * 20 - 50px * 2); }
	.logo-grid .col-21 {	width: calc(1600px / 64 * 21 - 50px * 2); }
	.logo-grid .col-22 {	width: calc(1600px / 64 * 22 - 50px * 2); }
	.logo-grid .col-23 {	width: calc(1600px / 64 * 23 - 50px * 2); }
	.logo-grid .col-24 {	width: calc(1600px / 64 * 24 - 50px * 2); }
	.logo-grid .col-25 {	width: calc(1600px / 64 * 25 - 50px * 2); }
	.logo-grid .col-26 {	width: calc(1600px / 64 * 26 - 50px * 2); }
	.logo-grid .col-27 {	width: calc(1600px / 64 * 27 - 50px * 2); }
	.logo-grid .col-28 {	width: calc(1600px / 64 * 28 - 50px * 2); }
	.logo-grid .col-29 {	width: calc(1600px / 64 * 29 - 50px * 2); }
	.logo-grid .col-30 {	width: calc(1600px / 64 * 30 - 50px * 2); }
	.logo-grid .col-31 {	width: calc(1600px / 64 * 31 - 50px * 2); }
	.logo-grid .col-32 {	width: calc(1600px / 64 * 32 - 50px * 2); }
		.logo-grid .logo img {
			width: 100%;
			height: 100%;
		}

.detail-performance,
.detail-nieuws{
	position: relative;
	padding: 60px 40px;
}
	.detail-performance:after,
	.detail-nieuws:after{
		content: "";

		display: block;
		clear: both;
	}
	.detail-performance-details,
	.detail-nieuws .details{
		display: inline-block;
		width: 52vw;
		float: left;
	}
		.detail-performance-image,
		.detail-nieuws .image{
			position:relative;

			width: 52vw;
			aspect-ratio: 832/537;
			margin-bottom: 20px;

			background-position: 50% 50%;
			background-size: cover;
		}
		.detail-performance-date,
		.detail-nieuws .image .date{
			position: absolute;
			width: 170px;
			height: 131px;
			padding-top: 39px;
			left: 54px;
			top: 54px;

			border-radius: 100%;

			background-color: #ffffff;
			text-align: center;
			font-family: 'Open-Sans', sans-serif;
			font-size: 48px;
			line-height: 44px;
			font-weight: 800;
			text-transform: uppercase;
		}
			.detail-performance-date i,
			.detail-nieuws .image .date i{
				display: block;
				font-style: normal;
			}
			.detail-performance-date span,
			.detail-nieuws .image .date span{
				color: #fab900;
			}
		.detail-performance-info,
		.detail-nieuws .info{
			position: relative;
			/*padding: 28px calc(162px + 34px + 34px) 28px 34px;*/
			padding: 28px 230px 28px 34px;

			background: #234a97;

			text-transform: uppercase;
			font-family: 'Open Sans', sans-serif;
			font-size: 24px;
			line-height: 28px;
			font-weight: 700;
			color: #ffffff;
			align-self: end;
		}
			.detail-performance-info .button,
			.detail-nieuws .info .button{
				position: absolute;
				right: 34px;
				top: calc(50% - 22px);
			}
			.detail-performance-info-price {
				color: #fab900;
			}
	.detail-performance-description,
	.detail-nieuws .description{
		display: inline-block;
		width: calc(100vw - 40px - 52vw - 60px - 60px);
		padding: 60px 20px 0 60px;
		float: left;
	}
		.detail-performance-description .button,
		.detail-nieuws .description .button{
			margin: 0px 0px 20px 20px;
			float: right;
		}
		.detail-performance-description h2,
		.detail-nieuws .description h2{
			font-size: 20px;
			font-family: 'Montserrat', 'Open Sans', sans-serif;
			font-weight: 700;
			line-height: 23px;
			color: #000000;
			text-transform: uppercase;
			font-style: normal;
		}
			.detail-performance-description h2:before,
			.detail-nieuws .description h2:before{
				content: "";

				display: none;
			}
			.detail-performance-description h2:after,
			.detail-nieuws .description h2:after{
				content: "";

				display: block;
				margin: 8px 0px 20px 0px;
				width: 64px;
				height: 2px;

				background-color:  #fab900;
			}
	.youtube{
		position:relative;
		overflow:hidden;
		max-width:640px;
		margin-bottom:25px;
	}
		.youtube iframe{
			position:absolute;
			width:100%;
			height:100%;
		}
		.youtube:after{
			content:'';
			display:block;
			margin-top:57%;
		}

.ticketshop {
	padding: 60px 20px;
}
	.ticketshop > * {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	.ticketshop > h2 {
		text-align: center;
	}
	.ticketshop-tabs {
		margin-bottom: 40px;
		text-align: center;
	}
		.ticketshop-tabs .button {
			margin: 0px 5px;
		}
	.ticketshop-message {
		margin-bottom: 40px;

		text-align: center;
	}
	.ticketshop-error {
		margin-bottom: 40px;

		color: #cd3000;
		font-weight: bold;
		text-align: center;
	}
	.ticketshop form table {
		margin-left: auto;
		margin-right: auto;
	}
		.ticketshop form table th {
			text-align: right;
			padding-right: 15px;
		}
		.ticketshop form table th + td {
			max-width: 500px;

			text-align: left;
			padding-left: 15px;
		}
	.ticketshop form label {
		position: relative;

		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 15px;
		line-height: 15px;
	}
		.ticketshop form label.required:after {
			content: "*";

			position: absolute;
			display: inline-block;
			width: 15px;
			top: 0px;
			right: -10px;

			color: #cd3000;
		}
	.ticketshop form input:not([type="submit"]):not([type="reset"]),
	.ticketshop form textarea {
		height: 26px;
		padding: 3px 12px 5px;
		margin-bottom: 12px;

		border: 2px solid #234a97;

		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 15px;
	}
	.ticketshop form select {
		display: inline-block;

		height: 38px;
		padding: 3px 30px 5px 12px;
		margin-bottom: 12px;

		border: 2px solid #234a97;
		border-radius: 0px;

		background: #ffffff;
		background-image: url('../img/chevron_down.png');
		background-repeat: no-repeat;
		background-position: calc(100% - 6px) 13px;

		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 15px;

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
	}
	/* target Internet Explorer 9 and Internet Explorer 10 */
	@media screen and (min-width:0\0) {
		.ticketshop form select {
			background: none;
		}
	}
	.ticketshop form input:not([type="submit"]):not([type="reset"]):active,
	.ticketshop form input:not([type="submit"]):not([type="reset"]):focus,
	.ticketshop form textarea:active,
	.ticketshop form textarea:focus,
	.ticketshop form select:active,
	.ticketshop form select:focus {
		border-color: #fab900;
	}
	.ticketshop form select:active,
	.ticketshop form select:focus {
		background-image: url('../img/chevron_down_yellow.png');
	}
	.ticketshop form textarea {
		/*height: calc(38px + 38px - 6px - 4px - 4px + 12px);*/
		height: 74px;
		padding: 6px 12px 4px;
	}
	.ticketshop-tabs {

	}
		.ticketshop-tab-content {
			display: none;
		}
		.ticketshop-tab-content.active {
			display: block;
		}

.container_halls {
	position: relative;
	width: 100%;
}
	.halls {
		position: relative;
		width:100%;
		height: 757px;
	}

		.halls img {
			width:100%;
			height: 100%;
		}
		.halls_info {
			position: absolute;
			top: 100px;
			left: 100px;
			padding:40px;
			width: 480px;
			background-color: rgba(255, 255, 255, 0.85);
		}
		.halls_info h2 {
			display: block;
			font-family: 'Montserrat';
			font-weight: 700;
			text-transform: uppercase;
			font-size: 40px;
			color: #000;

		}
		.halls_info h2:after {
			margin: 15px 0px 30px 0px;

			display: block;
			content: "";
			width: 75px;
			height: 5px;
			background-color:  #fab900;
		}
		.halls_info p {
			font-size: 15px;
			line-height: 25px;
			margin-bottom: 20px;
		}
	.halls_notactive {
	}
	.halls_notactive img {
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%); filter: grayscale(100%);
	}

.locations{}
	.location{
		position:relative;
		height:200px;
		width:100%;
		overflow:hidden;
		border-bottom:15px solid #FFFFFF;
		background-size:cover;
		background-position:50% 50%;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);

		-webkit-transition:height 200ms, filter 200ms;
		-moz-transition:height 200ms, filter 200ms;
		-o-transition:height 200ms, filter 200ms;
		transition:height 200ms, filter 200ms;
		/*-webkit-transition-delay:200ms;
		-moz-transition-delay:200ms;
		-o-transition-delay:200ms;
		transition-delay:200ms;*/
	}
		.location span{
			position:absolute;
			bottom:40px;
			left:40px;
			background-color:rgba(255, 255, 255, 0.7);
			padding:15px 20px;
			font-weight:bold;
			text-transform:uppercase;
			color:#000000;
		}
		.location div.info{
			display:none;
			position:absolute;
			top:40px;
			left:40px;
			width:370px;
			max-height:400px;
			overflow:auto;
			padding:20px;
			background-color:rgba(255, 255, 255, 0.9);
		}
			.location div.info h2{
				margin-bottom:10px;
				font-family: 'Montserrat';
				font-size:30px;
				font-weight: 700;
				font-style:normal;
				text-transform:uppercase;
			}
				.location div.info h2:before{
					content:none;
				}
				.location div.info h2:after{
					content: "";

					display: block;
					margin: 8px 0px 20px 0px;
					width: 48px;
					height: 2px;

					background-color:  #fab900;
				}
		.location:hover{
			height:500px;
			-webkit-filter: grayscale(0%);
			filter: grayscale(0%);
			-webkit-transition-delay:0;
			-moz-transition-delay:0;
			-o-transition-delay:0;
			transition-delay:0;
		}
			.location:hover span{
				display:none;
			}
			.location:hover div.info{
				display:block;
			}

		.block-content.pagination {
			max-width:100%;
			overflow:hidden;
		}
		.block-content.pagination span.page_index_numbers a,
		.block-content.pagination .page_index_left,
		.block-content.pagination .page_index_right {
			margin:0 10px 10px;
			padding:5px 10px;
			/*background-color:#fab900;*/
			text-decoration:none;
			display:inline-block;
			border:1px solid #fab900;
		}
		.block-content.pagination div.page_index_left,
		.block-content.pagination div.page_index_right {
			color:gray;
		}
			.block-content.pagination span.page_index_numbers a.current {
				font-weight:bold;
			}
/* CLASSES */
.center {
	text-align: center;
}

/* RESPONSIVENESS */
@media (min-width: 1601px) {
	.carousel-slide-overlay {
		top: 160px;
		left: 160px;
	}
	.carousel-slide-overlay-top-left {
		top: 160px;
		left: 160px;
	}
	.carousel-slide-overlay-top-right {
		top: 160px;
		left: initial;
		right: 160px;
	}
	.carousel-slide-overlay-bottom-left {
		top: initial;
		bottom: 160px;
		left: 160px;
	}
	.carousel-slide-overlay-bottom-right {
		top: initial;
		bottom: 160px;
		left: initial;
		right: 160px;
	}
	.news-latest {
		width: calc(100vw - 160px - (13.75vw + 100px + 20px + 115px + 20px));
		padding-left: 160px;
	}
	.detail-performance,
	.detail-nieuws{
		padding: 60px 40px;
		margin: 0px auto;
		/*max-width: calc(1600px - 40px - 40px);*/
		max-width:1520px;
	}
		.detail-performance-details,
		.detail-nieuws .details{
			width: calc(1600px / 100 * 52);
		}
		.detail-performance-image,
		.detail-nieuws .image{
			width: calc(1600px / 100 * 52);
			height: calc(1600px / 100 * 34);
		}
		.detail-performance-description,
		.detail-nieuws .description{
			width: calc(1600px - 40px - (1600px / 100 * 52) - 60px - 60px);
		}
}
@media (max-width: 1599px) {
	.carousel-slide-overlay {
		width: calc(23.3vw - 1.8vw * 2);
		top: 9.3vw;
		left: 9.3vw;
		padding: 1.8vw;
	}
	.carousel-slide-overlay span {
		font-size: 3.1vw;
		line-height: 3.6vw;
	}
	.carousel-slide-overlay-top-left {
		top: 9.3vw;
		left: 9.3vw;
	}
	.carousel-slide-overlay-top-right {
		top: 9.3vw;
		left: initial;
		right: 9.3vw;
	}
	.carousel-slide-overlay-bottom-left {
		top: initial;
		bottom: 9.3vw;
		left: 9.3vw;
	}
	.carousel-slide-overlay-bottom-right {
		top: initial;
		bottom: 9.3vw;
		left: initial;
		right: 9.3vw;
	}
	.carousel-slide-overlay span {
		margin-bottom: 1.8vw;
	}
	.news-latest {
		width: calc(100vw - 9.3vw - (13.75vw + 100px + 20px + 115px + 20px));
		padding-left: 9.3vw;
		padding-right: calc(13.75vw + 100px + 20px + 115px + 20px);
	}
	.element-circle {
		top: -9.94vw;
		width: calc(14.57vw - 1vw * 2);
		height: calc(14.57vw - 3.18vw * 2);
		padding: 3.18vw 1vw;

		font-size: 2.06vw;
		line-height: 2.06vw;
	}
}
@media (max-width: 1399px) {
	.carousel-slide-overlay {
		width: calc(25vw - 1.9vw * 2);
		top: 8.7vw;
		left: 8.7vw;
		padding: 1.9vw;
	}
	.carousel-slide-overlay span {
		font-size: 3.3vw;
		line-height: 3.7vw;
	}
	.carousel-slide-overlay-top-left {
		top: 8.7vw;
		left: 8.7vw;
	}
	.carousel-slide-overlay-top-right {
		top: 8.7vw;
		left: initial;
		right: 8.7vw;
	}
	.carousel-slide-overlay-bottom-left {
		top: initial;
		bottom: 8.7vw;
		left: 8.7vw;
	}
	.carousel-slide-overlay-bottom-right {
		top: initial;
		bottom: 8.7vw;
		left: initial;
		right: 8.7vw;
	}
	.carousel-slide-overlay span {
		margin-bottom: 1.9vw;
	}

	button,
	input[type="submit"],
	input[type="reset"],
	.button {
		padding: 11px 13px;
		font-size: 14px;
		line-height: 14px;
	}
		.button-big {
			font-size: 16px;
			line-height: 16px;
			padding: 12px 14px;
		}

	.news-latest {
		width: calc(100vw - 8.7vw - (13.75vw + 100px + 20px + 115px + 20px));
		padding-left: 8.7vw;
		padding-right: calc(13.75vw + 100px + 20px + 115px + 20px);
	}
	.element-circle {
		top: -10.69vw;
		width: calc(15.67vw - 1.07vw * 2);
		height: calc(15.67vw - 3.42vw * 2);
		padding: 3.42vw 1.07vw;

		font-size: 2.21vw;
		line-height: 2.21vw;
	}
}
@media (max-width: 1339px) {
	.program-list,
	.nieuws{
		width: 990px;
	}
		.program-home .program-list-performance:nth-of-type(4){
			display: none;
		}
}
@media (max-width: 1199px) {
	.carousel {
		height: 42vw;
	}
	.carousel-slide-overlay {
		width: calc(26vw - 2.1vw * 2);
		top: 8.3vw;
		left: 8.3vw;
		padding: 2.1vw;
	}
	.carousel-slide-overlay span {
		font-size: 3.4vw;
		line-height: 3.8vw;
	}
	.carousel-slide-overlay-top-left {
		top: 8.3vw;
		left: 8.3vw;
	}
	.carousel-slide-overlay-top-right {
		top: 8.3vw;
		left: initial;
		right: 8.3vw;
	}
	.carousel-slide-overlay-bottom-left {
		top: initial;
		bottom: 8.3vw;
		left: 8.3vw;
	}
	.carousel-slide-overlay-bottom-right {
		top: initial;
		bottom: 8.3vw;
		left: initial;
		right: 8.3vw;
	}
	.carousel-slide-overlay span {
		margin-bottom: 2.1vw;
	}
	.news-latest {
		width: calc(100vw - 8.3vw - (13.75vw + 100px + 20px + 115px + 20px));
		padding-left: 8.3vw;
		padding-right: calc(13.75vw + 100px + 20px + 115px + 20px);
	}
	.element-circle {
		top: -11.46vw;
		width: calc(16.8vw - 1.15vw * 2);
		height: calc(16.8vw - 3.6vw * 2);
		padding: 3.6vw 1.15vw;

		font-size: 2.37vw;
		line-height: 2.37vw;
	}
	.block-content.block-text{
		padding-bottom:120px;
	}

	.footer-copyright {
		box-sizing: border-box;
		float: left;
		height: 15px;
		width: 80%;
		margin: 0px;
		padding: 20px 28px;
	}
	.footer-www {
		box-sizing: border-box;
		float: left;
		width: 50%;
		margin: 0px;
		padding: 20px 28px;
		text-align: right;
	}
	.footer-socialmedia {
		box-sizing: border-box;
		float: left;
		height: 21px;
		width: 20%;
		padding: 17px 28px;
		margin: 0px;
		text-align: right;
	}
	.footer-privacy {
		box-sizing: border-box;
		position: relative;
		top: auto;
		left: auto;
		float: left;
		height: 15px;
		width: 50%;
		margin: 0;
		padding: 20px 28px;
		text-align: left;
	}
}
@media (max-width: 1009px) {
	.carousel {
		height: 35vw;
	}
	a#logo{
		position: absolute;
		left: 10px;
		top: 5px
	}
	.program-list,
	.nieuws{
		width: 660px;
	}
		.nieuws .item:nth-of-type(3){
			display: none;
		}
}

@media (max-width: 930px){
	div#header-login{
		max-width:500px;
	}
}

@media (max-width: 780px){
	a#logo{
		display:block;
		position:relative;
		top:0;
		left:0;
		width:100%;
		text-align:center;
	}
	a#mobile-menu{
		display:block;
		line-height:40px;
		padding:0 15px;
	}
	div.mobile-menu-container{
		position:absolute;
		top:100%;
		width:100%;
		z-index:5;
	}
	div#header-menu{
		position:relative;
		right:auto;
		bottom:auto;
		float:left;
		width:100%;
		background-color:#fab900;
		overflow:hidden;
		z-index:1;
	}
		div#header-menu a{
			overflow:hidden;
			display:block;
			height:0;
			-webkit-transition:height 200ms ease-in;
			-moz-transition:height 200ms ease-in;
			-o-transition:height 200ms ease-in;
			transition:height 200ms ease-in;
		}
		body.show div#header-menu a{
			height:40px;
		}
	div#header-login{
		display:none;
		position:relative;
		top:auto;
		right:auto;
		bottom:auto;
		float:left;
		width:100%;
	}
		body.show div#header-login{
			display:block;
		}


	.footer-copyright {
		width: 100%;
		height: auto;
	}
	.footer-www {
		width: 100%;
		text-align: left;
	}
	.footer-socialmedia {
		width: 100%;
		text-align: left;
	}
	.footer-privacy {
		width: 100%;
	}
}

@media (max-width: 1600px){
	.detail-performance-details,
	.detail-performance-description,
	.detail-nieuws .details,
	.detail-nieuws .description{
		width:100%;
	}
		.detail-performance-details .detail-performance-image,
		.detail-nieuws .image{
			width:100%;
			min-height:200px;
		}
			.detail-performance-details .detail-performance-image .detail-performance-date,
			.detail-nieuws .image .date{
				position:relative;
				top:15px;
				left:15px;
			}
		.detail-performance-details .detail-performance-info,
		.detail-nieuws .info{
			padding:20px;
		}
	.detail-performance-description,
	.detail-nieuws .description{
		padding:20px 0 0;
	}
}
@media (max-width: 680px){
	.program-list,
	.nieuws{
		width: 330px;
	}
		.detail-performance-details .detail-performance-info a.button,
		.detail-nieuws .info a.button{
			position:relative;
			top:auto;
			right:auto;
			margin-top:15px;
		}
	.block-content.block-text{
		padding-bottom:100px;
	}
	.program-list,
	.nieuws{
		width: 100%;
		padding:0;
	}
		.program-list-performance,
		.nieuws .item{
			width:100%;
		}
		.program-list-performance {
			height:auto;
			padding-bottom:80px;
			margin:0 0 30px;
		}
	div.carousel{
		overflow:hidden;
	}
	div.logo-grid{
		max-width:100%;
		overflow:hidden;
	}
	div.block-form,
	div.block-newsletter{
		width:calc(100% - 40px);
		overflow:hidden;
	}
	div.news-latest{
		width:calc(100vw - 10px);
		padding:35px 15px 15px;
	}
		div.news-latest .button{
			position:relative;
			top:auto;
			right:auto;
			margin-top:15px;
		}
	div.location div.info{
		position:relative;
		top:auto;
		left:auto;
		margin:20px;
		width:calc(100% - 80px);
	}
}
@media (min-width: 1009px) {
	.detail-performance-details{
		display:grid;
		gap: 16px;
		grid-template-columns: 1fr 1fr;
	}
	.detail-performance-info .button{
		position: static;
		margin-top: 8px;
	}
}
@media (min-width: 1339px) {
	.detail-performance-details{
		grid-template-columns: 2fr 3fr;
	}
	.detail-performance-info .button{
		position: absolute;
		margin-top: 0;
	}
}
@media (min-width: 1600px) {
	.detail-performance-details{
		display: block;
	}
}
@media (min-width: 1009px ) and (max-width: 1599px) {
	.detail-performance-details .detail-performance-image{
		margin-bottom: 0;
	}
}