* {
	box-sizing: border-box;
}

body {
	font-family: "Poppins", sans-serif;
	height: 100%;
	font-size: .8em;
	box-sizing: border-box;
	line-height: 2em;
	/* background-color: #f5f4f3; */
	color: black;
}

h1 {
	font-family: "Poppins", sans-serif;
}

html {
	box-sizing: border-box;
	height: 100%;
}

textarea:focus, input:focus, select:focus, button:focus, option:focus{
	outline: none;
}

input[type=text],input[type=submit],input[type=email],input[type=tel],input[type=url],input[type=search],textarea,select,option {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

#type {
	margin: 0 auto;
	margin-bottom: 20px;
	display: block;
	width: 350px;
	background-image: url(/images/bgselect2.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	border: #E5E6E5 2px solid;
	background-position: right center;
	padding: 10px;
	font-size: 1.2em;
	font-family: "Lato", sans-serif;
	color: #8a8a8a;
}

.switch_kalenders {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 50px;
	border: #E84324 2px solid;
}

.switch_kalenders a {
	width: 50%;
	padding: 5px;
	font-size: 1.2em;
	text-align: center;
	font-weight: 700;
	color: #E84324;
}

.active_kalender {
	background-color: #E84324;
	color: white !important;
}


/* Bevestiging */

.bevestiging_bg {
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bevestiging {
	width: 100%;
	margin-top: 100px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.10);
	-moz-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.10);
	box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.10);
	max-width: 700px;
	padding: 50px;
	background-color: white;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	flex-direction: column;
}

.bevestiging i {
	font-size: 4em;
	margin-bottom: 20px;
	color: #E84324;
}

.bevestiging h2 {
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #04243B;
	font-size: 15px;
	margin: 10px 0;
}

.bevestiging h1 {
	font-weight: 700;
	font-size: 2em;
	text-align: center;
	color: #E84324;
	margin-bottom: 10px;
}

.bevestiging p {
	line-height: 150%;
	color: #04243B;
	font-size: 17px;
	font-weight: 200;
}

.bevestiging a {
	cursor: pointer;
	display: inline-block;
	padding: 13px 30px;
	background-color: #E84324;
	font-weight: 700;
	color: white;
	margin-top: 20px;
	font-size: 1.2em;
}

/* Einde Bevestiging*/



/* HEADER */

.res-nav {
	width: 400px;
	height: 100vh;
	position: fixed;
	right: -400px;
	top: 0;
	z-index: 1000;
	overflow: auto;
	transition: all .3s;
	background-color: #353535;
	padding-bottom: 100px;
}

.menuoverlay {
	position: absolute;
	z-index: 100;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	background-color: rgba(0,0,0,.4);
}

.navitem {
	padding: 0 20px;
	border-left: 10px solid #353535;
}

.navitem:hover{
	border-color: #E84324;
}

.res-nav .active{
	border-color: #E84324;
}

.navitem a {
	color: white;
	font-size: 1.3em;
	padding: 15px 0;
	font-weight: 700;
	display: inline-block;
	cursor: pointer;
	letter-spacing: 1px;
}

.nav-split {
	cursor: pointer;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}

.nav-split img {
	transform: rotate(-90deg);
	width: 20px;
	transition: all .3s;
}

.rotateImg {
	transform: rotate(0deg) !important;
}

.navitem ul {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.navitem ul a {
	padding: 10px 0;
	padding-left: 20px;
	font-size: 1.2em;
	background-color: #383838;
	width: 100%;
}

.menu-block {
	overflow: hidden;
}

.menu-is-open {
	right: 0;
}

.overvisible {
	display: block;
}

.closebtn {
	width: 20px;
	cursor: pointer;
	margin: 20px 20px;
}

.resnavvis {
	display: none;
}

.navigation {
	position: fixed;
	background-color: rgba(0,0,0,1);
	width: 100%;
	z-index: 50;
}

.inner_navigation {
	display: flex;
	justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;
	max-width: 1400px;
	margin: 0 auto;
	height: 100px;
}

.inner_navigation nav {
	height: 100px;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.inner_navigation nav ul {
	display: flex;
	justify-content: center;
}

.inner_navigation nav ul li {
	position: relative;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	transition: all .3s;
	align-items: center;
	margin: 0 10px;
	z-index: 1;
	border-radius: 200px;
}

/* .inner_navigation nav ul li:after{
	content: "";
	z-index: 0;
	height: 45px;
	width: 100%;
	border-bottom: 2px solid hotpink;
	border-radius: 200px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
} */

.inner_navigation nav ul li:hover {
	cursor: pointer;
	border-bottom: 2px solid #E84324;
}

.inner_navigation nav .active{
	border-bottom: 2px solid #E84324;
}

.inner_navigation nav ul li:hover ~ .inner_navigation nav ul li:after{
	display: block
}

.inner_navigation nav ul li:last-child {
	margin-right: 0;
}

.inner_navigation nav ul li>a {
	color: white;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 1.5em;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	padding: 10px;
}

.sublinks {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	position: absolute;
	left: 0;
	transform: translateY(90%);
	bottom: 0;
	transition: .5s;
	opacity: 0;
	padding-top: 5px;
	height: 0;
}

.sublinks>div {
	padding: 20px 25px;
	background-color: #E84324;
	
	flex-direction: column;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	display: none;
}


.inner_navigation nav ul li:hover .sublinks {
	transform: translateY(100%);
	opacity: 1;
	height: auto;
}

.inner_navigation nav ul li:hover .sublinks>div {
	display: flex;
}



.sublinks a {
	font-size: 1.3em;
	margin-bottom: 5px;
	color: white;
	padding-left: 0px;
	padding-right: 5px;
	transition: all .3s;
	width: 100%;
}

.sublinks a:hover {
	padding-left: 5px;
	padding-right: 0px;
}

#resbtn {
	display: none;
	cursor: pointer;
}

.ressho {
	padding-right: 15px;
	display: none;
}

.inschrijvenbtn {
	margin-right: 20px;
	padding: 8px 20px;
	background-color: #E84324;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 700;
	color: white;
	letter-spacing: 1px;
	border-radius: 100px;
}

.upontop {
	font-family: "Gill Sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #e5e5e5;
}
.curtain-click {
	cursor: pointer;
}

.upontop a {
	margin-left: 10px;
	color: #848484;
	display: flex;
	padding: 5px 5px;
	font-size: 1em;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.upontop a:hover{
	text-decoration: underline;
}

.upontop .active{
	text-decoration: underline;
}

.uponspecial {
	font-size: 1.5em !important;
}

.innerupontop {
	margin: 0 auto;
	max-width: 1400px;
	display: flex;
	justify-content: flex-end;
}

.logo {
	/* height: 108px; */
	/* margin: 10px 0; */
	/* margin-left: 10px; */
	/* margin-top: -30px; */
	z-index: 999;
	position: absolute;
	top: 0;
	left: 10%;
	background-color: #E84324;
	border-radius: 0 0 35px 35px;
}

.logo img {
	height: 108px;
	margin: 30px 0;
	padding: 0 1px;
}

.reslogo {
	display: none;
}

.resmatch {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background-color: #7D1619;
	color: white;
	padding: 15px 10px;
	display: none;
}

.resmatch a {
	color: white;
}

.resmatch_match {
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 1.5em;
	color: white;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
}

.resmatch_match h2 {
	width: 100%;
	padding: 0 20px;
	color: white;
}

.resmatch_match span {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

.resmatch_match h2:first-child {
	text-align: center;
}

.resmatch_date {
	color: white;
	letter-spacing: 1px;
	font-size: 1.3em;
	margin-top: 15px;
}

/* SLIDERS | BANNERS */


/* instapdag */

.instapdag {
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.instapdag h1 {
	font-size: 2.2em;
	width: 100%;
	color: #E84324;
	border-bottom: 2px solid #e8e8e8;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-weight: 700;
}

.instapdag input[type=text], .instapdag input[type=email], .instapdag input[type=number], .instapdag textarea {
	width: 100%;
	margin-bottom: 16px;
	border: none;
	letter-spacing: 1px;
	padding: 15px;
	font-size: 1.2em;
	background-color: #edeeee;
	font-family: "Lato",sans-serif;
	color: #8a8a8a;
	border: #dee2eb 2px solid;
}

.instapdag textarea {
	height: 130px;
}

.instapdag #NaamInput {
	width: 48%;
}

.instapdag #EmailInput {
	width: 100%;
}

.instapdag #NaamInput label, .instapdag #EmailInput label {
	font-size: 1.2em;
	font-weight: 700;
	color: #353535;
	display: inline-block;
	padding-bottom: 5px;
}


.instapdag_header {
	max-width: 1200px;
	margin: 0 auto;
	border-top: 2px solid #e7e7e7;
	margin-top: 30px;
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	flex-direction: column;
}

.instapdag_header h2 {
	font-size: 1.3em;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #9b9b9b;
}

.instapdag_header h3 {
	font-size: 2.6em;
	font-weight: 700;
	color: #E84324;
}



.instapdag_split {
	max-width: 1200px;
	padding: 50px;
	background-color: #f1f1f1;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	-ms-align-items: flex-start;
	align-items: flex-start;
	padding-bottom: 80px;
}

.instapdag_split article {
	width: 33.33%;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	flex-direction: column;
}

.instapdag_split article h2 {
	font-size: 1.8em;
	min-height: 30px;
	margin-bottom: 10px;
	font-weight: 700;
	text-align: center;
}

.instapdag_split article h3 {
	font-size: 1.2em;
}

.instapdag_split article h2 span {
	font-size: .7em;
	color: #a0a0a0;
}

/* einde instapdag */


/*Curtaindrop*/
.curtaindrop {
	width: 100%;
	z-index: 50;
	position: relative;	
}
.curtaindrop > div
{
	position: fixed;
	top: 100px;
	background-color: black;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	text-align: center;
	display: none;
	font-size: 1.4em;
	padding-left: 25px;
	padding-right: 25px;
}
.curtaindrop.open > div {
	display: block;
}
.curtaindrop > div:before {
	left: 20px;
	bottom: 100px;
	right: 20px;
	top: 20px;
	border: 1px solid #E84324;
	content: "";
	display: block;
	z-index: 3;
	position: absolute;
}

.curtaindrop > div > div:last-child
{
	position: absolute;
	left: 50%;
	width: 95%;
	max-width: 1000px;
	color: #fff;
	z-index: 200;
	text-shadow: 1px 1px 0 #000000;
	top: 50%;
	transform: translateY(-50%) translateX(-50%); 
	-ms-transform: translateY(-50%) translateX(-50%); 
	-webkit-transform: translateY(-50%) translateX(-50%); 
	-moz-transform: translateY(-50%) translateX(-50%); 
	-o-transform: translateY(-50%) translateX(-50%); 
}

.curtaindrop .yt:after
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	content: '';
	background: rgba(36, 57, 88, .5);
}

.curtaindrop .yt
{
	overflow: hidden;
	position: relative;
	min-height: 100%;
	min-width: 100%;
	padding-top: 56.25%;
}

.curtaindrop .yt > iframe
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

.curtaindrop .button
{
	text-shadow: 0 0 0 #000000;
	display: inline-block;
	background: #fff;
	color: #E84324;
	font-weight: 700;
	padding: 10px 30px;
	transition: all .2s;
}

.curtaindrop .button:hover
{
	background: #E84324;
	color: #fff;
}

.curtaindrop p
{
	font-size: 1.2em;
	line-height: 1.6em;
}

.curtaindrop img
{
	max-width: 1000px;
	width: 96%;
}

.curtaindrop h2
{
	font-weight: bold;
	font-size: 2em;
	margin: 1em 0;
	line-height: 120%;
}

.curtaindrop > span
{
	position: absolute;
	left: -123px;
	top: 0;
	display: block;
	width: 0;
	height: 0;
	border-right: 18px solid transparent;
	border-top: 34px solid #92C020;
	border-left: 18px solid transparent;
}

.curtaindrop  > span > i
{
	font-style: normal;
	position: absolute;
	right: 20px;
	cursor: pointer;
	color: #92c020;
	width: 300px;
	overflow: hidden;
	top: -34px;
	display: block;
	height: 34px;
	line-height: 34px;
	text-align: right;
}

.curtaindrop > span:before
{
	position: absolute;
	top: -38px;
	cursor: pointer;
	left: -17px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
	width: 36px;
	display: block;
	text-align: center;
	content: '!';
}
.curtain-close {
	position: absolute;
	right: 40px;
	top: 30px;
	font-size: 60px;
	cursor: pointer;
	color: white;
	z-index: 100;
}
/*/Curtaindrop*/


.beelden {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
}


.subscribe_pagina {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 10px;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}

.subscribe_form {
	width: 50%;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	flex-wrap: wrap;
}

.subscribe_content {
	width: 45%;
	padding-left: 5%;
	border-left: 2px solid #e8e8e8;
	position: relative;
}

.subscribe_content p em{
	font-size: 0.8em;
	margin-top: 3em;
	color: #E84324;
	font-style: italic;
}

.subscribe_content .fadein {
	position:relative;
	width: 100%;
	padding-bottom: 70%;
	overflow: hidden;
	margin-bottom: 20px;
}

.subscribe_content .interesse {
	border: 1px solid white;
	padding: 3px 15px;
	border-radius: 50px;
	background-color: black;
	color: white;
	font-size: 0.8em;
	text-transform: uppercase;
	position: absolute;
	display: inline-block;
	right: 10px;
	top: 10px;
	z-index: 5;
	font-weight: 600;
	letter-spacing: 1px;
}

.subscribe_content .interesse:hover {
	border: 1px solid black;
	background-color: white;
	color: black;
}

.subscribe_content img {
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	display: inline-block;
}


.subscribe_content h1 {
	font-size: 1.7em;
	color: #E84324;
	margin-bottom: 15px;
	font-weight: 700;
	letter-spacing: 1px;
}

.subscribe_content div {
	line-height: 170%;
	color: #828282;
	font-size: 1.5em;
}

.input_full_width {
	width: 100%;
}

.input input, .input select, .input textarea {
	width: 100%;
	margin-bottom: 16px;
	border: none;
	letter-spacing: 1px;
	padding: 15px;
	font-size: 1.2em;
	background-color: #edeeee;
	font-family: "Lato", sans-serif;
	color: #8a8a8a;
	border: #DEE2EB 2px solid;
}

.input select {
	background-position: center right;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/images/dropdownr.png);
}


.input textarea {
	height: 150px;
}

.subscribe_form input[type=submit] {
	padding: 13px 25px;
	letter-spacing: 1px;
	font-size: 1.1em;
	border: none;
	font-weight: 700;
	text-transform: uppercase;
	color: white;
	background-color: #E84324;
	font-family: "Gill Sans", "Gill Sans MT", Lato, sans-serif;
}

.input_1_3 {
	width: 31.33%
}

.input_2_3 {
	width: 66.66%
}





.home-slider {
	height: 100vh;
	width: 100%;
	background-size: cover;
	position: relative;
	overflow: hidden;
	background-position: center;
}

.home-slider video {
	position: absolute;
	min-height: 100vh;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
}

.overlayhome_slider {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 2;
}

.content_home_slider {
	position: absolute;
	z-index: 3;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
}

.content_home_slider .cov {
	background-color: transparent;
	border: 2px solid #E84324;
	color: #FFF;
	position: absolute;
	width: auto;
	left: 50%;
	top:60%;
	transform: translateX(-50%);
	transition: all .3s;
	text-align: center;
	padding: 15px 30px;
	font-size: 1.45em;
	border-radius: 200px;
	letter-spacing: 1px;
	font-weight: 700;
}

.content_home_slider .cov:hover {
	background-color: #E84324;
}

.content_home_slider .cov-text {
	color: #fff !important;
	font-size: 1.3em !important;
	position: absolute;
	top: 70%;
	left: 50%;
	width: 40%;
	transform: translateX(-50%);
	font-style: italic;
}

.slider {
	width: 100%;
	height: 250px;
	background-image: url('../images/slider.jpg');
	background-size: cover;
	background-position: center;
}

#ttcontainer {
	background-image: url(/images/ticker.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 250px;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.tickerbottom {
	position: absolute;
	left: -80px;
	background-color: transparent !important;
}

.tickerbottom div:first-child {
	height: 100%;
	width: 200px;
	margin-right: 20px;
	background-color: rgba(32,6,6,.5)!important;
}

.tickerbottom div:last-child {
	height: 100%;
	width: 50px;
	margin-right: 20px;
	background-color: rgba(32,6,6,.5)!important;
}

.tickerbottomright {
	position: absolute;
	right: -140px;
	background-color: rgba(32,6,6,.5)!important;
}

.social_links {
	display: flex;
	justify-content: flex-end;
}

.social_link {
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	color: white;
	background-color: black;
	width: 40px;
	height: 40px;
	font-size: 1.5em;
	border-radius: 200px;
	margin-left: 10px;
}


/* HOME */
.home_content>p {
	max-width: 1000px;
	margin: 0 auto;
	font-size: 1.43em;
	color: #858585;
}

.home_content h2{
	text-align: center;
	text-transform: uppercase;
	margin-top: -25px;
}

.home_content>ul {
	list-style-type: disc;
	padding-left: 20px;
	font-size: 1.43em;
	color: #858585;
}

.home_content p a {
	color: #E84324;
	font-weight: 700;
}

.home_devision {
	max-width: 1300px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 50px 10px 50px 10px;
}

.contact_proberen {
	display: inline-block;
	margin: 0 auto;
	background-color: #E84324;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	padding: 8px 35px;
	border-radius: 200px;
	transition: all .3s;
	border: 2px solid #E84324;
}

.contact_proberen:hover {
	background-color: transparent;
	color: #E84324;
}

.btnInfofiche{
	background-color: transparent;
	color: #E84324;
}

.btnInfofiche:hover{
	background-color: #E84324;
	color: white;
}

.mainlinksjeugd {
	width: 100%;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0px;
	transition: all .3s;
	padding-top: 30px;
}

.jeugdteams {
	position: absolute;
	right: -100%;
	width: 100%;
	top: 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 30px;
	transition: all.3s;
}

.jeugdteams a:nth-child(5) {
	border-bottom: none;
}

.holderjeugd {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.teamclicker {
	cursor: pointer;
}

.backbtnjeugd {
	font-size: .9em;
	position: absolute;
	top: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #787878;
	cursor: pointer;
}

.backbtnjeugd i {
	margin-right: 5px;
}

.jeugdteams a {
	width: 45% !important;

}

.home_devision article {
	width: 31.33%;
	border: 1px solid #dcdcdc;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	padding: 15px;
	padding-top: 30px;
	min-height: 200px;
}

.nothome article {
	width: 100%;
}

.home_devision article h2 {
	position: absolute;
	left: 50%;
	top: 0;
	background-color: #FFF;
	padding: 10px 20px;
	font-size: 1.6em;
	letter-spacing: 2px;
	text-transform: uppercase;
	transform: translate(-50%,-50%);
	width: fit-content;
}

.home_devision article a {
	background-color: #FFF;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 30px;
	color: #000;
	border: 2px solid #E84324;
	border-radius: 200px;
	transition: all .3s;
	position: absolute;
	bottom: -25px;
	right: 25px;
}

.home_devision article a:hover {
	background-color: #E84324;
	color: #FFF;
}

.nothome article {
	padding-top: 15px;
}

.nothome article a {
	text-transform: none !important;
}

.nothome article a:hover {
	padding-left: 0;
}


.home_social {
	max-width: 1300px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 50px 10px;
	padding-top: 0;
}

.home_social article {
	width: 31.33%;
	background-color: #fff;
	min-height: 600px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 1px solid #DCDCDC;
}

.home_social article>h2 {
	font-size: 2em;
	padding: 5px 0;
	color: #DCDCDC;
	width: 100%;
	height: 23px;
	position: relative;
	margin-bottom: 20px;
	border-bottom: 1px solid #DCDCDC;
}

.home_social article>h2 i {
	background-color: white;
	padding: 0 10px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.home_social article h3 { 
	background-color: #E84324;
	color: #FFF;
	padding: 5px;
	margin: 2px 15px;
	float: left;
	line-height: 100%;
	font-weight: 700;
	font-size: .6em;
	width: fit-content;
}

.home_blog {
	width: 92%;
	margin: 0 4%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 4%;
}

.home_blog_item {
	position: relative;
	margin-bottom: 57px;
}

.home_blog_item:last-of-type{
	margin-bottom: 10px;
}

.home_blog_item h2 {
	text-transform: none;
	letter-spacing: 1px;
	margin-bottom: 10px;
	font-size: 1.2em;
	width: 100%;
	display: inline-block;
}

.home_blog_item h3 {
	background-color: #E84324;
	color: white;
	padding: 5px;
	margin: 2px !important;
	float: left;
	line-height: 100%;
	font-weight: 700;
	font-size: .6em !important;
}

.home_blog_item a {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 5;
}

.home_blog_item img {
	width: 100%;
	transition: all 1s;
}

.home_blog_item:hover img {
	transform: scale(1.10);
}

.home_blog_item span {
	width: 100%;
	color: #E84324;
	font-size: .8em;
}

.blog_img_title {
	position: relative;
	overflow: hidden;
}

.instaholder {
	margin: 4%;
	width: 92%;
}

.insta-preview {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.insta-preview a {
	width: 48%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 4%;
	transition: all 1s;
}

.insta-preview a:after {
	/* content: "";*/
	display: block;
	padding-bottom: 100%;
}

.insta-preview a:hover {
	filter: grayscale(100%);
}

/* In Beeld */
.in_beeld {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
}

.in_beeld article {
  width: 24%;
  margin: .5%;
  cursor: pointer;
  overflow: hidden;
}

.in_beeld article .overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0,0,0,.6);
  display: flex;
  opacity: 0;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  color: white;
  font-size: 2em;
  transition: all .3s;
  z-index: 2;
}

.in_beeld article:hover .overlay {
  opacity: 1;
}

.in_beeld article:hover img {
  transform: scale(1.1);
}

.in_beeld article img {
  width: 100%;
  transition: all .5s;
}

/* Einde In Beeld */


/* TIMELINE */

.timelineholder {
	margin-top: 50px;
	position: relative;
	overflow: hidden;
  }
  
  .timelineholder::after {
	content: '';
	position: absolute;
	width: 10px;
	background-color: #000;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
  }
  
  .timelineoverlayholder {
	width: 10px;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	z-index: 9;
	overflow: hidden;
	top: 0;
	bottom: 0;
  }
  
  .timelineoverlay {
	background-color: #E84324;
	border-radius: 10px;
  }
  
  .timeline {
	position: relative;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
	margin-bottom: 50px;
  }
  
  .timeline h2 {
	color: #353535;
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 20px;
	font-family: 'Nanum Myeongjo', serif;
  }
  
  .timeline p {
	line-height: 150%;
	color: #a3a3a3;
	font-weight: 200;
	font-size: 18px;
  }
  
  .timeline::after {
	content: '';
	position: absolute;
	width: 5px;
	background-color: #e1e1e1;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 100px;
  }
  
  .timeline_quote {
	width: 100%;
	color: #252525;
	position: relative;
	padding: 45px;
	background-color: #f9f9f9;
	border-radius: 20px;
  }
  
  .timeline_quote i:first-of-type {
	color: #E84324;
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 25px;
	opacity: .5;
  }
  
  
  .timeline_quote i:last-of-type {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 25px;
	color: #E84324;
	opacity: .5;
  }
  
  .timeline_container {
	padding: 30px 40px;
	position: relative;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	background-color: inherit;
	width: 100%;
  }
  
  .timeline_container::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	left: 50%;
	background-color: #E84324;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	z-index: 1;
  }
  
  .timeline_item_content {
	padding: 20px 0;
	background-color: #FFF;
	position: relative;
	border-radius: 6px;
	width: 45%;
  }
  
  .left_time {
	margin-right: 5%;
  }
  
  .right_time {
	margin-left: 5%;
  }
  
  .imageleft {
	margin-left: 5%;
  }
  
  .imageright {
	margin-right: 5%;
  }
  
  .timeline_other_content {
	width: 45%;
  }
  
  .timeline_other_content img {
	width: 100%;
  }
  
  .conclusie {
	max-width: 600px;
	width: 96%;
	margin: 0 auto;
	margin-top: -5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background-color: #8BCF97;
	margin-bottom: 50px;
	padding: 25px;
	position: relative;
	z-index: 1;
	border-radius: 3px;
	-webkit-box-shadow: 5px 6px 23px 0px rgba(82,82,82,0.2);
	-moz-box-shadow: 5px 6px 23px 0px rgba(82,82,82,0.2);
	box-shadow: 5px 6px 23px 0px rgba(82,82,82,0.2);
  }
  
  .conclusie h2 {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	color: #fff;
	font-size: 1.8em;
	margin-bottom: 30px;
	margin-top: 10px;
  }
  
  .left_time h2 {
	text-align: right;
  }
  
  .left_time p {
	text-align: right;
  }
  
  .conclusie p {
	text-align: center;
	color: #fff;
	line-height: 150%;
  }
  
  /* EINDE TIMELINE */

/* SLIDER BOTTOM */
.slider-bottom {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	background: rgba(227,6,19,.45);
}
.toptekst {
	margin: 0 auto;
	display: block;
	max-width: 1000px;
	padding-top: 400px;
}

.toptekst img {
	max-width: 100%;
}

.location-bottom {
	float: left;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	height: 100%;
	padding-left: 60px;
}
.location-bottom>h2 {
	color: white;
	font-size: 2em;
	font-weight: 700;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.location-bottom>h2 span {
	color: #a42729;
	background-color: white;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	margin: 0 20px;
}

.location-bottom>p {
	display: block;
	font-size: 2.5em;
	color: white;
	padding-top: 20px;
}
.right-bottom>a>img {
	opacity: .6;
	transition: all .3s;
	margin-top: 30px;
	margin-left: 80px;
	transform: skew(40deg);
	/* -webkit-transform: skew(40deg);
	-moz-transform: skew(40deg);
	-o-transform: skew(40deg); */
}
.right-bottom>a>img:hover {
	opacity: 1;
}

.right-bottom div {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	transform: skewX(40deg);
	font-size: 3em;
	color: white;
}

.right-bottom div i {
	margin-right: 10px;
	transition: all .3s;
	color: #F5F5F5;
}

.right-bottom div:hover i:last-child {
	margin-left: 5px;
	color: white;
}

.left-bottom, .left-line-bottom, .right-bottom, .right-line-bottom {
	background-color: rgba(0,0,0,.75);
	float: left;
}
.left-bottom>h2, .left-bottom>p {	
	font-size: 2.2em;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color: white;
	transform: skew(40deg);
	/* -webkit-transform: skew(40deg);
	-moz-transform: skew(40deg);
	-o-transform: skew(40deg); */
}

.left-bottom {
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.responsivetekst {
	display: none;
}

.left-bottom>p {
	font-size: 2em;
	padding-right: 0px;
	font-weight: 400;
}
.left-bottom, .right-bottom {
	margin-left: -44px;
	width: 280px;
	margin-right: 30px;
	height: 100%;
	transform: skew(-40deg);
	/* -webkit-transform: skew(-40deg);
	-moz-transform: skew(-40deg);
	-o-transform: skew(-40deg); */
}
.left-line-bottom, .right-line-bottom {
	width: 30px;
	height: 100px;
	transform: skew(-40deg);
	/* -webkit-transform: skew(-40deg);
	-moz-transform: skew(-40deg);
	-o-transform: skew(-40deg); */
}
.right-bottom {
	float: right;
	margin-left: 30px;
	margin-right: -40px;
}
.right-line-bottom { 
	float: right;
}

/* --------------------- */



/* ALGEMENE FUNCTIES */

.uppercase {
	text-transform: uppercase;
}

.center-txt {
	text-align: center;
}



/* FOOTER */

footer {
	width: 100%;
	background-color: #3d3d3d;
}

footer h1 {
	padding: 10px;
	color: white;
	font-size: 1.3em;
	float: left;
}

footer a {
	color: white;
	text-decoration: none;
}

.tussenfooter {
	width: 100%;
	height: 300px;
	background-color: #000;
	display: flex;
	display: none;
	justify-content: center;
}

.tussen_left {
	width: 57%;
	margin-left: -125px;
	height: 100%;
	background-color: #E30613;
	transform: skewX(-35deg);
}

.tussen_right {
	width: 50%;
	height: 100%;
}

.footer-top {
	width: 100%;
	overflow: auto;
	background-color: #4F4F4F;
}

.footer-right {
	float: right;
}

.made-by {
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: black;
	color: white;
	font-size: .95em;
	display: flex;
	justify-content: center;
}

.made-by a, .made-by p {
	padding: 0px 10px;
	border-left: 1px solid white;
}

.made-by:first-child p {
	border: none;
}

.withlove i{
	animation: heartbeat 1.2s infinite;
}

@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .75 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .75 );
  }
  100%
  {
    transform: scale( .75 );
  }
}



/* TICKERTAPE */

.tickertape {
	padding-top: 20px;
	width: 100%;
	background-color: transparent;
	overflow: auto;
}

.tickertape>h1 {
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center;
	width: 100%;
	font-size: 2.5em;
	text-transform: uppercase;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 1.5em
}

.tickertape>h1>img {	
	height: 30px;
	margin: 0 20px; 
	position: relative;
	top: 4px;
}

.ticker-pics {
	max-width: 1800px;
	width: 96%;
	overflow: auto;
	padding: 30px 0;
	margin: 0 auto;
}

.ticker-pic {
	width: 12.5%;
	padding: 10px;
	float: left;
}

.ticker-pic div {
	width: 100%;
	height: 100%;
	background-color: #bfbfbf;
}
.ticker-pic:hover div {
	background-color: rgba(0,0,0,0);
}

.ticker-pic div img {
	width: 100%;
	opacity: 1;
	transition: all .3s;
}
.ticker-pic:hover div img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5;
}

/* BOILERPLATE */

.boilerplate {
	background-image: url('../images/boilerplate.png');
	background-size: cover;
	width: 100%;
	height: 180px;
}

/* CONTENT STYLING */

.content-box {
	margin: 0 auto;
	display: block;
	max-width: 1280px;
	line-height: 2em;
	overflow: auto;
	padding: 10px;
	padding-bottom: 20px;
	box-sizing: border-box;
	padding-top: 40px;
}

.content-box>p {
	width: 90%;
	text-align: center;
	margin: 0 auto 20px auto;
	display: block;
}

.content-box h2 {
	font-size: 1.4em;
}

.content-box strong{
	color: #E84324;
}

.nieuws {
	width: 70%;
	float: left;
}

aside {
	width: 25%;
	float: right;
}

aside h1 {
	font-weight: 500;
	font-style: italic;
	font-size: 1.5em;
}

aside hr {
	border-top: 3px solid black;
}

.social-content {
	width: 100%;
}

.social-img {
	float: right;
	margin-left: 20px;
}

.nieuws-item {
	width: 100%;
	margin-bottom: 25px;
	overflow: auto;
	background-color: white;
}

.nieuws-item img {
	width: 50%;
	float: left;
}

.article-content {
	width: 50%;
	padding-left: 20px;
	padding-right: 20px;
	float: right;
}

.article-content h1 {
	width: 100%;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 700;
	color: black;
	padding-top: 10px;
}

.article-content p {
	padding: 10px 0 10px 0px;
	font-family: "Poppins", sans-serif;
	font-size: 1.3em;
	color: #969696;
	font-weight: 300;
}
/* .nieuws .dotdotdot {
} */

.meer {
	float: left;
	
	
}

.meer a {
	font-weight: 400;
	font-size: .7em;
	color: #e30613;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
}

.nieuws-date {
	margin-top: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	width: 100%;
}

.nieuws-date span {
	background-color: #e30613;
	color: white;
	padding: 2px 5px;
}

.nieuws-item-small {
	width: 50%;
	overflow: auto;
	float: left;
	background-color: white;
}
.nieuws-item, .nieuws-item-small {
	position: relative;
}
.nieuws-item a:link, .nieuws item-small a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.article-content-small {
	width: 100%;
}

.main-title {
	width: 100%;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 2em;
	position: relative;
	margin-top: 30px;
	margin-bottom: 40px;
}

.main-title span {
	line-height: 1.3;
	padding: 5px 15px;
	background-color: #FFF;
}

.main-title hr {
	margin: 0;
	z-index: -1;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;	
	border-top: 1px solid #e26d58;
}

.spelers {
	width: 100%;
	overflow: auto;
	position: relative;
}

.speler {
	position: relative;
	padding: 10px;
	width: 20%;
	float: left;
}

.speler>div {
	width: 100%;
	height: 100%;
	position: relative;
}

.speler>div img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.speler>div:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.previous-player, .next-player {
	position: absolute;
	top: 38%;
	cursor: pointer;
	left: 10px;
	z-index: 10;
}

.next-player {
	left: auto;
	right: 10px;
	transform: rotate(180deg);
}

.trainingen {
	width: 49%;
	float: left;
	padding-right: 10px;
	background-color: white;
}

.trainingen p {
	font-size: 1.2em;
}

.trainingen>img {
	float: left;
	width: 50%;
	margin-right: 20px;
}

.training-content h2 span {
	background-color: #e30613;
	color: white;
	padding: 2px 3px;
	font-size: 1.3em;
}

.training-title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.8em;
	padding-top: 20px;
	padding-bottom: 10px; 
}

.next-match {
	margin-left: 2%;
}

.next-match h2 {
	font-weight: 700;
	font-size: 1.2em;
	margin-bottom: 20px;
}

.location-icons {
	float: left;
	margin-right: 10px;
}

.location-icons img {
	display: block;
	margin-bottom: 10px;
}

.next-match p {
	margin-bottom: 6px;
	font-size: 1.2em;
}

.calender {	
	width: 100%;
	float: left;
}

.calender-item {	
	width: 100%;
	margin-top: 20px;
	min-height: 100px;
	float:left;
}

.calender-item>div {
	width: 100%;	
	height: 100%;
}

.calender-item:nth-child(even) {
	float: right;
}

.calender-date {
	border: 1px solid red;
	height: 100px;
	width: 70px;
	text-align: center;
	font-weight: 900;
	color: #e30613;
	transition: all .5s ease;
	cursor: pointer;
	float: left;
	margin-right: 20px;
}

.calender-date:hover {
	color: white !important;
	box-shadow: inset 0 0 0 40px #e30613;
}

.calender-date b {
	display: none;
}

.calender-date h1 {
	font-size: 4em;
	text-transform: uppercase;
	font-family: "Lato", sans-serif;
	padding-top: 20px;
}

.calender-date h2 {
	padding-top: 10px;
	text-transform: uppercase;
	font-family: "Lato", sans-serif;
	font-size: 2em;
} 

.calender-info {
	float: right;
	width: 80%;
	min-height: 100px;
	position: relative;
}

.calender-info h1 {
	float: left;
	font-weight: 700;
	font-size: 1.2em;
	padding-bottom: 10px;
	width: 100%;
}

.calender-info hr {
	width: 100%;
	position: absolute;
	bottom: 0;
	margin: 0;
	right: 0;
	border-top: 1px solid #e30613;
}

.calender-info div {
	width: 40%;
	float: left;
	font-size: 1.2em;
}

.calender-info div img {
	float: left;
	padding: 15px 10px 20px 0;
}

.calender-extra-info {
	width: 100% !important;
}

.calender-news:nth-child(even) {
	float: right;
}

.calender-news {
	width: 49%;
	float: left;
}

.calender-news img {
	width: 100%;
}

.calender-news-cont {
	width: 100%;
}


.contact-form {
	width: 100%;
	margin: 0 auto;
	display: block;
	max-width: 1300px;
	overflow: auto;
}

.form_container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.left_form {
	width: 49%;
}

.right_form {
	width: 49%;
}


.contact-form textarea {
	width: 100%;
	border: none;
	border-bottom: 2px solid #EEE;
	border-radius: 0;
	padding: 10px;
	color: #E84324;
	margin-bottom: 20px;
	font-weight: 200;
	font-size: 18px;
	font-family: 'Poppins', 'sans-serif';
	height: 180px;
}

.contact-form textarea:focus{
	border-bottom: 2px solid #E84324;
}

.contact-form input, .contact-form select {
	width: 100%;
	margin-bottom: 40px;
	border: none;
	border-bottom: 2px solid #EEE;
	padding: 8px 0;
	color: #E84324;
	font-size: 18px;
	font-weight: 200;
	font-family: "Poppins", "sans-serif";
}

.contact-form input:focus{
	border-bottom: 2px solid #E84324;
}

.contact-form select {
	background-image: url(/images/bgselect2.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	border: #DEE2EB 2px solid;
	background-position: right center;
}

.contact-form input[type=submit] {
	border: none;
	text-transform: uppercase;
	font-size: 1.2em;
	background-color: transparent;
	border: 2px solid #E84324;
	font-weight: 700;
	color: #E84324;
	transition: all .3s;
	width: auto;
	padding: 15px 35px;
	margin-top: 30px;
}

.submit_flex{
	display: flex;
	justify-content: space-between;
}

.contact-form input[type=submit]:disabled {
	opacity: .3;
}

.contact-form input[type=submit]:disabled:hover {
	background-color: transparent;
	color: #E84324;
}

.contact-form input[type=submit]:hover {
	background-color: #E84324;
	color: #fff;
}

.contact-map {
	width: 33.33%;
	margin-top: 20px;
	float: right;
}

#kaart {
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}
#mymap {
	height: 202px;
}

.contact-map button {
	background-color: black;
	border: none;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 700;
	color: white;
	width: 100%;
	height: 35px;
	border: 2px solid black;
	transition: all .3s;
	margin-top: 19px;
}


.contact-map button:hover {
	background-color: white;
	color: black;
}

.album-choose {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.album-shown {
	display: flex;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.album-choose li {
	width: 25%;
	float: left;
	border: 3px solid #e30613;
	border-left: 1.5px solid #e30613;
	border-right: 1.5px solid #e30613;
	text-align: center;
	color: #e30613;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
}

.spinnerbox {
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
	margin-top: 10px;
	height: 50px;
}

.spinner {
	display: none;
	max-height: 70px;
}

.album-choose li:first-child {
	border-left: 3px solid #e30613 !important;
}

.album-choose li:last-child {
	border-right: 3px solid #e30613 !important;
}

.active-album {
	color: white !important;
	background-color: #e30613;
}

.album-item {
	width: 31.33%;
	margin: 1%;
	opacity: 0;
	transition: all .3s;
	transform: translateY(70px);
}

.album-item a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	bottom: 0;
}

.albumdetail {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	flex-direction: column;
}



.albumdetail h1 {
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	font-weight: 700;
	max-width: 800px;
	color: #fff;
	letter-spacing: 2px;
	line-height: 120%;
	font-size: 3.5em;
}

.albumdetail h2 {
	text-align: center;
	padding: 0 5px;
	display: flex;
	margin: 0 auto;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.2em;
	letter-spacing: 1px;
	color: #ffffff;
}

.albumdetail ul {
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
}

.afbeelding_header {
	width: 98%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	max-height: 400px;
	height: 100vh;
}

.afbeelding_header>img {
	width: 100%;
	cursor: zoom-in;
	transition: all .8s;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.afbeelding_header:hover img {
	transform: translateY(-50%) scale(1.1);
}

.afbeelding_header div {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	padding: 35px;
}

.albumdetail ul li {
	width: 23%;
	cursor: zoom-in;
	margin: 1%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.albumdetail > a{
	font-size: 1.1em;
	color: #353535;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	margin-bottom: 20px;
}

.albumdetail ul li img {
	width: 100%;
	transition: all .8s;
}

.albumdetail ul li:hover img {
	transform: scale(1.1);
}

.album-item div {
	width: 100%;
	position: relative;
}

.album-item div img {
	width: 100%;
}

.album-item div h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	padding: 20px;
	text-transform: uppercase;
	color: white;
	font-weight: 700;
	font-size: 1.2em;
	letter-spacing: 1px;
	background-color: rgba(0,0,0,.4);
}

.album-item div h3 {
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #e30613;
	color: white;
	font-weight: 700;
	font-weight: 1.2em;
	padding: 2px 5px;
}

.bestuur {
	width: 100%;
	margin-bottom: 20px;
	overflow: auto;
}

.bestuur>div {
	margin: 0 auto;
	padding: 10px;
	max-width: 1280px;
	overflow: auto;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.bestuur-lid {
	width: 18%;
	margin: 1%;
	float: left;
	overflow: hidden;
}

.bestuur-lid>div>img {
	width: 120%;
	height: 100%;
	margin-left: -20%;
}

.bestuur-lid>div {
	position: relative;
}

.bestuur-lid .lid-res {
	display: none !important;
}

.bestuur-lid>div>div:first-of-type {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	padding: 10px;
	background-color: rgba(255,255,255,.9);
	border-bottom: 5px solid #E84324;
	transition: all .3s;
	display: flex;
	justify-content: flex-end;
	-ms-align-items: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
}

.bestuur-lid:hover div>div {
	top: 0;
}

.bestuur-lid h2 {
	width: 100%;
	font-weight: 700;
	padding-bottom: 7px;
	font-size: 1.2em;
}

.bestuur-lid h2 span {
	font-size: .7em;
	color: #676767;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.bestuur-lid h3 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 1px;
	border-top: 1px solid #E84324;
}

.bestuur-lid p {
	width: 100%;
	text-align: center;
	font-size: 1.1em;
}

.bestuur-lid p span {
	color: #e30613;
}

.bestuurder {
	width: 23% !important;
}

.nieuw-lid.bestuur {
	display: none;
}

.lid-content {
	width: 100%;
	padding-top: 35%;
}

.lid-content-res {
	width: 100%;
}

.lid-content a, .lid-content-res a {
	color: #000;
}

.spelers {
	background-color: transparent !important;
}

.spelers>div {
	padding: 0 !important; 
}

.nieuw-lid div {
	overflow: hidden;
}

.nieuw-lid div img {
	transition: all .3s ease;
}

.nieuw-lid:hover div img {
	transform: scale(1.1);
}

.velden {
	width: 100%;
	position: relative;
}

.velden img {
	width: 100%;
}

.velden h1 {
	position: absolute;
	top: 20px;
	left: 0;
	background-color: #e30613;
	color: white;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 3px 10px;
}

#facebook-int {
	width: 100%;
	height: 550px;
}

#facebook-resp {
	height: 30px;
	display: none;
}

.shop-articles {
	width: 100%;
}

.shop-article {
	background-color: white;
	width: 23%;
	margin: 1% 1%;
	padding: 10px;
	cursor: pointer;
	overflow: hidden;
	transition: all .3s ease;  
	position: relative;
	border-bottom: 5px solid white;
	float: left;
}

.shop-article-content {
	width: 100%;
}

.shop-article:hover {
	border-bottom: 5px solid #c9c9c9;
}

.shop-article>div>img {
	transition: all .3s;
	width: 100%;
}

.shop-article>div:hover img {
	transform: scale(1.1);
}

.shop-article div h1{
	font-size: 1.5em;
	margin-top: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

body main .attentionFrame {
	border: 2px solid #E84324;
	margin-left: auto;
	margin-right: auto;
	padding: 4rem 2rem;
	margin-bottom: 5rem;
	position: relative;
	width: 55%;
	box-sizing: border-box;
	max-width: 1240px;
	width: 100%;
  }
  
  body main .attentionFrame h2 {
	color: #E84324;
	position: absolute;
	top: -1.7rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.3rem;
	background-color: #FFF;
	padding: 1rem;
	text-align: center;
  }
  
  body main .attentionFrame p {
	color: #4B4B4B;
	text-align: center;
	line-height: 1.8rem;
	font-size: 1.2rem;
  }

  .screen-container {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
  }
  
  .screen-container-large {
	width: 1600px;
	margin-left: auto;
	margin-right: auto;
  }

.buy {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	border-bottom: 5px solid #e30613;
}

.turn_left{
	position: absolute;
	background-color: #e30613;
	color: white;
	padding: 5%;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	top: 20px;
	right: 50px;
	z-index: 3;
}
.fas {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	display: block;
}
.turn_right{
	position: absolute;
	background-color: #e30613;
	color: white;
	padding: 5%;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	top: 20px;
	right: 10px;
	z-index: 3;
}

/* .far {
	position: absolute;
	right: 30px;
	bottom: 20px; 
	display: block;
}
.far:hover {display:none;
	right: 40px;
	bottom: 30px;
	color: red;
	display: block;
	font-size: 4.5em;
	transition: 1s ease;
} */

.count {
	position: absolute;
	bottom: 10px;
	right: 30px;
}

/* .count select {
	background-image: url('../images/shop/arrow-down.png');
	background-position: center;
	width: 40px;
	border: 3px solid black;
	padding-left: 5px;
	font-family: "Lato", sans-serif;
	} */

	.count input {
		background-color: black;
		color: white;
		text-transform: uppercase;
		border: none;
		height: 21px;
		letter-spacing: .2em;
		font-family: "Lato", sans-serif;
	} 

	.shop-article-content {
		padding-bottom: 50px;
	}

	.article-size {
		position: absolute;
		top: 20px;
		left: 0;
		background-color:  #e30613;
	}

	.article-size p {
		float: left;
		color: white;
		text-transform: uppercase;
		width: 25px;
		height: 25px;
		margin: 2px;
		border-radius: 100%;
		text-align: center;
	}

	.active-size {
		background-color: black;
	}

	.maattabel {
		position: absolute;
		background-color: #e30613;
		padding: 0 2%;
		bottom: 10px;
		left: 10px;
		font-size: 100%;
		background-color: black;
		color: white;
		text-transform: uppercase;
		border: none;
		height: 21px;
		letter-spacing: .2em;
		font-family: "Lato", sans-serif;

	}
	.sponsors {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.groot-sponsor {
		width: 31.33% !important;
		margin: 1%;
	}

	.sponsor {
		width: 14.66%;
		float: left;
		margin: 1%
	}


	.sponsor img {
		width: 100%;
	}
	.sponsor.worden {
		display: none;
	}
	.sponsor.worden div {
		padding-top: 56.25%;
		position: relative;
		background-color: #3d3d3d;
	}
	.sponsor.worden a {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}
	.sponsor.worden h3 {
		font-size: 2em;
		color:white;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		right: 0;
		text-align: center;
	}

	.sponsorpaketten {
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: wrap;
	}

	.sponsorpaketten article {
		width: 31.33%;
		margin: 1%;
		background-color: white;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		flex-direction: column;
		padding: 35px;
		height: 400px;
	}

	.sponsorpaketten article h2 {
		font-size: 1.8em;
		text-align: center;
		letter-spacing: .5px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.sponsorpaketten article h3 {
		font-size: 1.5em;
		line-height: 150%;
		padding-top: 10px;
	}

	.sponsorpaketten article a {
		padding: 8px 25px;
		border-radius: 200px;
		color: white;
		font-weight: 700;
		font-size: 1.1em;
		letter-spacing: 1px;
		background-color: #E84324;
	}

	.sponsorpaketten article ul {
		list-style-type: disc;
		text-align: left;
		padding-left: 3em;
		width: 90%;
		margin-top: 1em;
	}

	.sponsorpaketten article ul li {
		font-size: 1.2em;
	}

	/* KALENDER */
	.wedstrijden {
		width: 100%;
		padding: 40px 0px;
		padding-top: 0;
	}

	.innerwedstrijden {
		max-width: 1250px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
	}

	.showresdevider {
		display: none;
	}

	.innerwedstrijden article {
		background-color: white;
		width: 100%;
		margin-bottom: 20px;
		min-height: 150px;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}

	.scorebord {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}

	.wedstrijd_team {
		width: 35%;
		padding: 20px;
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}

	.wedstrijd_team img {
		max-width: 130px;
		max-height: 100px;
		height: 100%;
	}

	.wedstrijd_team h2 {
		font-size: 2em;
		font-weight: 700;
		text-align: center;
	}

	.scorebord_devider {
		font-size: 1.3em;
		font-weight: 700;
		min-width: 15%;
		padding: 10px;
		background-color: #ededed;
		display: flex;
		flex-direction: column;
		justify-content: center;
		color: #777777;
		-ms-align-items: center;
		align-items: center;
	}

	.scorebord_devider h2 {
		margin: 10px 0;
	}

	.scorebord_devider span {
		font-size: 2em;
		padding: 0 10px;
		color: #3b3b3b;
	}

	.scorebord_devider a {
		font-size: .8em;
		text-align: center;
		color: #777777;
		padding: 2px;
		background-color: #d9d9d9;
		font-weight: 400;
		width: 100%;
	}

	.scorebord_devider a i {
		margin-left: 5px;
		transition: all .3s;
	}

	.scorebord_devider a:hover i {
		margin-left: 10px;
	}

	.rev h2 {
		order: 1;
	}

	.rev img {
		order: 2;
	}


	.faq li p {
		font-size: 1.3em;
	}

	.kalenderteamfilter {
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		width: 100%;
		padding: 20px 0;

	}

	.kalenderteamfilter div {
		padding: 5px 15px;
		margin: 10px;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 1.3em;
		background-color: transparent;
		border: 2px solid #E84324;
		color: #E84324;
		cursor: pointer;
		transition: all .3s;
	}

	.kalenderteamfilter div:hover {
		background-color: #E84324 !important;
		color: white !important;
	}

	.active-teamfilter {
		background-color: #E84324 !important;
		color: white !important;
	}

	/* EINDE KALENDER */


	.team {
		max-width: 1400px;
		margin: 0 auto;
		display: flex;
		justify-content: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}

	/* .team_member {

	} */

	.team_switch {
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
		max-width: 1270px;
		margin: 0 auto;
		padding: 20px 10px;
		padding-bottom: 15px;
	}

	.team_switch h2 {
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 1.8em;
	}

	.team_switch select {
		padding: 0 30px 0 15px;
		padding-right: 100px;
		height: 45px;
		color: #353535;
		border: 2px solid #E84324;
		border-right: 0;
		background-image: url(/images/bgselect.jpg);
		background-position: right center;
		background-repeat: no-repeat;
		background-color: transparent;
		background-size: contain;
		letter-spacing: 1px;
	}

	.team_switch option {
		width: 100%;
	}

	.nieuw-lid {
		position: relative;
	}

	.nieuw-lid a {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
	}


	/* Vragen */ 

	.vragen_split {
		display: flex;
		justify-content: space-between;
		-ms-align-items: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.faq {
		width: 70%;
		position: relative;
	}

	.faq li div a {
		color: #E84324;
		font-weight: 700;
	}

	.faq h2 {
		width: 100%;
		font-weight: 700;
		cursor: pointer;
		letter-spacing: .5px;
		font-size: 1.3em;
		color: #424242;
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}

	.faq h2 i {
		transition: all .3s;
	}

	.faq li.active h2 {
		color: #e30613;
		margin-bottom: 20px;
	}

	.faq li {
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.15);
		-moz-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.15);
		box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.15);
		padding: 15px;
		margin-bottom: 10px;
	}

	.faq li.active {
		color: black;
		text-decoration: none;
	}

	aside {
		width: 28%;
	}

	.main_ak {
		width: 100%;
		padding-bottom: 10px;
		border: 1px solid #cfcfcf;

	}

	.sponsor_ak {
		display: flex;
		justify-content: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		-webkit-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.15);
		-moz-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.15);
		box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.15);
	}

	.sponsor_ak_small {
		display: flex;
		justify-content: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		-webkit-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.15);
		-moz-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.15);
		box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.15);
	}

	.sponsor_ak_small a {
		width: 46%;
		margin: 2%;
	}

	.sponsor_ak_small a img {
		width: 100%;
		transition: all .3s;
	}

	.sponsor_ak_small a img:hover {
		transform: scale(1.1);
	}

	.main_ak img, .sponsor_ak img {
		width: 100%;
	}

	.main_ak h2, .sponsor_ak h2 {
		font-size: 1.5em;
		color: #E84324;
		font-family: "Gill Sans", "Gill Sans MT", Lato, sans-serif;
		font-weight: 700;
		padding: 10px 10px;
	}

	.sponsor_ak h2 {
		text-align: center;
		font-size: 1.3em;
		font-weight: 700;
	}

	.main_ak p, .sponsor_ak p {
		font-size: 1.3em;
		padding: 0 10px;
	}

	.main_ak a {
		font-size: 1.1em;
		background-color: #E84324;
		border: 1px solid #E84324;
		color: white;
		padding: 3px 25px;
		font-weight: 700;
		text-transform: uppercase;
		display: inline-block;
		transition: all .3s;
		margin: 10px 10px;
		margin-bottom: 0;
	}

	.main_ak a:hover {
		background-color: transparent;
		color: #E84324;
	}




	/* De Club */

	/* Blokken */
	.blokken_content {
		max-width: 1260px;
		margin: 0 auto;
	}

	.blokken_row {
		width: 100%;
		margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.blokken_col {
		width: 50%;
		box-sizing: border-box;
		padding: 20px;
		position: relative;
	}

	.blokken_col img {
		width: 98%;
	}

	.blokkenimg {
		padding: 0;
	}

	.blokken_row:nth-child(even) {
		text-align: right;
	}

	.blokken_row:nth-child(even) .blokkentext {
		order: 0;
	}


	.blokken_row:nth-child(even) .blokkenimg {
		order: 1;
	}

	.blokken_col h2 {
		font-size: 1.8em;
		color: #E84324;
		letter-spacing: 1px;
		font-weight: 700;
		margin-bottom: 20px;
		text-transform: uppercase;
		line-height: 180%;
	}

	.blokken_col p {
		line-height: 170%;
		color: #828282;
		font-size: 1.6em;
	}

	.specialbutton span {
		margin-top: 15px;
		display: inline-block;
		position: relative;
		background-color: transparent;
		border: 1px solid #E84324;
		padding: 10px 15px;
		color: #E84324;
		transition: all .3s;
		z-index: 1;
	}

	.specialbutton span:hover {
		background-color: #E84324;
		color: #FFF;
	}

	.specialbutton {
		color: #353535;
		font-weight: 700;
		display: flex;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 1em;
		margin-top: 0px;
		position: relative;
		height: 30px;
		display: inline-block;
		text-align: left;
		justify-content: flex-start;
		-ms-align-items: center;
		align-items: center;
		transition: all .3s;
	}

	/* .login_form {
	} */

	/* Einde Blokken */




	.locaties {
		width: 100%;
		max-width: 1300px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		-ms-align-items: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.locatie {
		width: 48%;
		margin: 1%;
		margin-bottom: 50px;
	}

	.grotelocatie {
		width: 98%;
		margin: 1%;
		margin-bottom: 50px;
	}

	.locatie h2 {
		text-align: center;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 1.5em;
		background-color: white;
		padding: 10px;
		color: #E84324;
	}

	.locatie p {
		font-size: 1.5em;
	}

	.locatie_img_holder {
		width: 100%;
		padding-bottom: 56.25%;
		position: relative;
		overflow: hidden;
	}

	.locatie_img_holder>img {
		width: 100%;
		position: absolute;
		left: 50%;
		z-index: 0;
		top: 50%;
		transform: translate(-50%,-50%);
	}

	.locatie_img_holder .img_slider {
		width: 100%;
		position: absolute;
		left: 50%;
		z-index: 0;
		top: 50%;
		transform: translate(-50%,-50%);
	}

	.img_slider .slick-arrow {
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 20;
		width: 30px;
		height: 30px;
		padding: 0;
		background-color: #f5f4f3;
		border-radius: 200px;
		color: #E84324;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		border: none;
	  }
	  
	  .img_slider .slick-next {
		right: 10px;
		left: initial;
	  }

	.locatie_content {
		background-color: white;
		padding: 20px 15px;
	}

	.locatie_content div:first-of-type {
		width: 50%;
		float: left;
	}

	.locatie_content div:nth-of-type(2) {
		width: 50%;
		float: right;
		text-align: right;
	}

	.locatie_content button {
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 1.2em;
		padding: 10px 10px;
		background-color: #E84324;
		border: 1px solid #E84324;
		font-weight: 700;
		transition: all .3s;
		font-family: "Gill Sans", "Gill Sans MT", Lato, sans-serif;
		color: white;
	}

	.locatie_content button:hover { 
		background-color: transparent;
		color: #E84324;
	}

	#map2, #map1, #map3 {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		z-index: 1;
		display: none;
	}

	.extracontent_locatie {
		width: 100%;
		background-color: white;
		color: #959595;
		font-size: 1.2em;
		padding: 0 15px;
		padding-bottom: 15px;
	}

	.showmap {
		display: block !important;
	}

	.wedstrijden_filter {
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		width: auto;
	}

	.wedstrijden_filter div {
		padding: 5px 20px;
		font-weight: 700;
		font-size: 1.1em;
		margin-bottom: 20px;
		color: #b0b0b0;
		cursor: pointer;
		transition: all .3s;
	}

	/* .wedstrijden_filter div:first-child {
	} */

	.wedstrijden_filter div:nth-child(2) {
		border-left: 1px solid #b0b0b0;
	}

	.wedstrijden_filter div:last-child {
		text-align: left;
		border-left: 1px solid #b0b0b0;
		padding-right: 0;
	}

	.wedstrijden_filter div:hover, .activefilterwedstrijd {
		color: #282923 !important;
	}

	.activefilter {
		background-color: #E84324 !important;
		color: white !important;
	}

	.filter_weds {
		display: flex;
		max-width: 1250px;
		margin: 0 auto;
		-ms-align-items: center;
		margin-top: -40px;
		align-items: center;
		justify-content: space-between;
	}

	.filter_weds select {
		width: 200px;
		margin-bottom: 20px;
		border: none;
		letter-spacing: 1px;
		padding: 15px;
		font-size: 1.2em;
		background-color: white;
		font-family: "Poppins", sans-serif;
		color: #8a8a8a;
		background-image: url(/images/bgselect.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right center;
		border-radius: 200px;
	}

	/* GDPR */

	#content-container {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		margin: auto;
		margin-top: 50px;
	}

	#content-container h2 {
		color:#353535; 
		font-size:2.4em; 
		font-weight:bold; 
		margin-bottom: 1em;
		margin-top: 1em;
		cursor: pointer;
	}

	#content-container h3 {
		background: #E84324;
		color: #fff;
		font-size: 1.3em;
		padding: 10px;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		display: flex;
		justify-content: flex-start;
		-ms-align-items: center;
		align-items: center;
		margin-top: 20px;
	}

	#content-container h3 span {
		position: absolute;
		z-index: 1;
		background: transparent url("/images/cross_w.png") no-repeat;
		display: inline-block;
		width: 15px;
	}

	#content-container h4 {
		margin-left: 2em;
		font-size: 1.1em;
		font-weight: bold;
	}

	#content-container p {
		padding: 20px;
		line-height: 170%;
		color: #7e7e7e;
		font-size: 1.2em
	}

	#content-container ul {
		margin-left: 3em;
		font-size: 1.2em;
	}

	#content-container table {
		width: 98%;
		margin: 0 auto;

	}

	#content-container a {
		color: #D3191C;
	}

	#gdpr-wrapper {
		min-height:100%;
		position:relative;
	}

	#content-container thead {
		background-color: #E5E5E5;
	}


	#content-container thead th {
		border: 1px solid #353535;
		padding: 10px;
	}

	#content-container tbody td {
		border: 1px solid #353535;
		color: #7e7e7e;
		line-height: 150%;
		padding: 5px;
	}

	#content-container tbody td p {
		padding: 0px;
	}

	#content-container ul {
		padding-left: 20px;
		line-height: 170%;
		color: #7e7e7e;
		list-style-type: disc;
	}

	.events {
		max-width: 1200px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
	}
	.bigdate {
		height: 100%;
		display: none;
	}

	.bigdate div {
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		flex-direction: column;
	}

	.events article {
		position: relative;
		display: flex;
		justify-content: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
		background-color: white;
		padding-left: 160px;
		margin-bottom: 20px;
	}

	.events article h2 {
		font-weight: 700;
		font-size: 1.4em;
	}

	.kalender_item_date {
		padding: 15px;
		width: 140px;
		text-align: center;
		font-size: 1.1em;
		background-color: #E84324;
		color: white;
		font-weight: 700;
		font-family: "Poppins", sans-serif;
		position: absolute;
		left: 10px;
		top: 10px;
	}

	.kalender_item_content {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.kalender_tekst {
		padding: 0 10px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 1.3em;
		color: #6b6b6b;
		display: none;
	}

	.kalender_tekst a {
		font-weight: 700;
		color: #E84324;
	}

	.kalender_tekst img{
		width: 100%;
	}

	.rotateIcon {
		transform: rotate(90deg);
	}

	.titelandinfo {
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
		width: 100%;
		padding: 10px;
		padding-top: 15px;
	}

	.kalender_moreinfo {
		min-height: 100%;
		padding: 10px 40px;
		background-color: #E84324;
		color: white;
		font-weight: 700;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		font-size: 1.2em;
		border-radius: 250px;
		transition: all .3s;
		cursor: pointer;
	}

	.kalender_moreinfo i {
		font-size: 1.5em;
		transition: all .3s;
		margin-left: 10px;
	}



	/* JEUGD */

	.jeugdteams_keuze {
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		-ms-align-items: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.jeugdteams_keuze article {
		width: 31.33%;
		margin: 1%;
		-webkit-box-shadow: 0px 0px 22px 0px rgba(207,207,207,1);
		-moz-box-shadow: 0px 0px 22px 0px rgba(207,207,207,1);
		box-shadow: 0px 0px 22px 0px rgba(207,207,207,1);
		border-radius: 10px;
		overflow: hidden;
	}

	.jeugdteams_keuze article>div {
		position: relative;
		padding-bottom: 56.25%;
		width: 100%;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		transition: all .6s;
	}

	.jeugdteams_keuze article>div div {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background-color: rgba(0,0,0,.5);
		display: flex;
		justify-content: flex-start;
		-ms-align-items: flex-end;
		align-items: flex-end;
		padding: 15px;
		color: white;
		font-weight: 700;
		font-size: 2em;
		text-transform: uppercase;
	}


	.jeugdteams_keuze article a {
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
	}

	.jeugdteams_keuze article:hover .imagejeugdteam {
		transform: scale(1.05);
	}

	.downloads {
		max-width: 1400px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}

	.downloads article {
		width: 48%;
		margin: 1%;
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
		-webkit-box-shadow: 0px 0px 22px 0px rgba(207,207,207,.45);
		-moz-box-shadow: 0px 0px 22px 0px rgba(207,207,207,.45);
		box-shadow: 0px 0px 22px 0px rgba(207,207,207,.45);
		padding: 20px;
	}

	.downloads article h2, .links article h2 {
		font-size: 1.5em;
		letter-spacing: 2px;
		color: black;
	}

	.downloads article a {
		background-color: #E84324;
		color: white;
		text-transform: uppercase;
		letter-spacing: 2px;
		padding: 8px 25px;
		transition: all .3s; 
		white-space: nowrap;
		border-radius: 100px;
		-webkit-box-shadow: 0px 0px 22px 0px rgba(237,28,35,0.25);
		-moz-box-shadow: 0px 0px 22px 0px rgba(237,28,35,0.25);
		box-shadow: 0px 0px 22px 0px rgba(237,28,35,0.25);
	}

	.downloads article a i {
		font-size: 1.3em;
	}

	.downloads article>div {
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}

	.soort {
		width: 40px;
		height: 40px;
		border-radius: 200px;
		background-color: #E84324;
		margin-right: 10px;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		font-size: 1.2em;
		color: white;
	}

	.downloads article a i {
		margin-right: 5px;
	}

	.links {
		max-width: 1400px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}

	.links article {
		width: 48%;
		margin: 1%;
		display: flex;
		justify-content: flex-start;
		-ms-align-items: center;
		align-items: center;
		-webkit-box-shadow: 0px 0px 22px 0px rgba(207,207,207,.45);
		-moz-box-shadow: 0px 0px 22px 0px rgba(207,207,207,.45);
		box-shadow: 0px 0px 22px 0px rgba(207,207,207,.45);
		padding: 20px;
	}

	.links article a {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		-ms-align-items: center;
		align-items: center;
	}

	.links article div {
		width: 40px;
		height: 40px;
		border-radius: 200px;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		background-color: #E84324;
		color: white;
		font-size: 1.2em;
		margin-right: 18px;
	}



	.dnl2 {
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		padding: 0 !important;
		font-size: 1.3em;
		display: none;
	}

	.dnl2 i {
		margin-right: 0 !important;
	}

	.downloads article a:hover {
		-webkit-box-shadow: 0px 0px 22px 0px rgba(237,28,35,0.70);
		-moz-box-shadow: 0px 0px 22px 0px rgba(237,28,35,0.70);
		box-shadow: 0px 0px 22px 0px rgba(237,28,35,0.70);
	}

	.noparam {
		width: 100%;
		background-color: white;
		padding: 20px;
		max-width: 1400px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: wrap;
	}

	.noparam h2 {
		width: 100%;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 700;
		font-size: 1.5em;
		text-align: center;
		margin-bottom: 15px;
		padding-top: 20px;
	}

	.noparam_item {
		background-color: transparent;
		border-radius: 200px;
		border: 2px solid #E84324;
		min-width: 120px;
		padding: 10px 20px;
		margin: 10px 5px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 1.3em;
		color: #E84324;
		font-weight: 700;
		transition: all .3s;
		text-align: center;
	}

	.noparam_item:hover {
		background-color: #E84324;
		color: white;
	}


	/* instagram */

	.instagram_feed {   
		width: 100%;   
		padding: 15px;   
		padding-top: 0;
		margin-top: 20px;
		background-color: white;   
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	} 

	.instagram_feed .instagram_post {  
		position: relative;
		width: 48%;
		margin-bottom: 2%;
		
	} 

	.instagram_feed .instagram_post img {   
		width: 100%; 

	} 

	.instagram_feed .instagram_post video {   
		width: 100%; 
	}


	.instagram_feed .instagram_post .overlay_insta {   
		position: absolute;   
		left: 0;   
		right: 0;   
		bottom: 0;   
		top: 0;   
		z-index: 1;   
		background-color: rgba(0,0,0,.5);   
		opacity: 0;   
		display: flex;   
		justify-content: center;   
		-ms-align-items: center;   
		align-items: center;   
		color: white;   
		font-size: 3em;   
		transition: all .3s; 
	}

	.instagram_feed .instagram_post:hover{
		cursor: pointer;
	}

	.instagram_feed .instagram_post:hover .overlay_insta {   
		opacity: 1; 
	}

	.sponsor_plenso{
		width: 100%;
		margin-bottom: 10px;
	}


	/* MEDIA QUERIES */ 

	@media screen and (max-width: 1700px) {
		.content_home_slider .cov-text {
			
			width: 50%;
			
		}
	}

	@media screen and (max-width: 1600px){
		.screen-container-large {
			width: 1400px;
		  }
	}

	@media screen and (max-width: 1500px) {	
		.ticker-pic {
			width: 14.285%;
		}
		.ticker-pic:nth-of-type(3) {
			display: none;
		}
	}
	@media screen and (max-width: 1400px) {

		.content_home_slider .cov-text {
			font-size: 1.1em !important;
			width: 50%;
		}

		.screen-container {
			width: 95%;
		  }
		  .screen-container-large {
			width: 95%;
		  }
	}

	@media screen and (max-width: 1350px) {
		.ticker-pic:nth-of-type(7) {
			display: none;
		}
		.ticker-pic {
			width: 16.66%;
		}
		.ticker-pics {
			width: 100%;
			max-width: 1280px;
		}

		.filter_weds {
			padding: 0 10px;
		}

	}
	@media screen and (max-width: 1300px) {
	
			.content_home_slider .cov-text {
				
				display: none !important;
				
			}
		
	}

	@media screen and (max-width: 1250px) {
		#facebook-int {
			display: none;
		}
		.nieuws {
			width: 100%;
		}
		
		.nieuws .dotdotdot {
			height: 250px;
		}
		.location-bottom>h1 {
			font-size: 2em;
		}

		.location-bottom>p {
			font-size: 1.8em;
		}
		
		.right-line-bottom {
			display: none;
		}
		.left-line-bottom {
			display: none;
		}
		.location-bottom {
			padding-left: 10px;
		}

		.downloads article {
			width: 96%;
			margin: 10px 2%;
		}
	}

	@media screen and (max-width: 1200px){
		body main .attentionFrame {
			width: 95%;
		  }
	}

	@media screen and (max-width: 1150px) {
		.ticker-pic:nth-of-type(6) {
			display: none;
		}
		.ticker-pic {
			width: 20%;
		}
		
		.wedstrijd_team {
			width: 40%;
		}
		
	}

	@media screen and (max-width: 1150px) {
		.blokken_col {
			width: 100%;
		}

		.blokken_row:nth-child(even) .blokkentext {
			order: 1;
		}

		.blokken_row:nth-child(even) h2, .blokken_row:nth-child(even) p {
			text-align: left;
		}

		.blokken_row:nth-child(even) {
			text-align: left;
		}

		.tickerbottom, .tickerbottomright {
			display: none;
		}

	}

	@media screen and (max-width: 1080px) {	
		.nieuws .dotdotdot {
			height: 180px;
		}
		.meer {
			padding-right: 20px;
		}

		.locatie_content {
			flex-wrap: wrap;
		}

		.locatie_content p {
			text-align: center;
			width: 100%;
			margin-bottom: 10px;
		}

		.locatie_content button {
			width: 100%;
		}
		.content_home_slider .cov {
			
			position: absolute;
			width: auto;
			left: 50%;
			top:60%;
			transform: translateX(-50%);
			text-align: center;
			padding: 15px 30px;
			font-size: 1.25em !important;
			font-weight: 500;
		}
	}


	@media screen and (max-width: 1025px) {
		.vragen_split .main_ak {
			display: none;
		}

		.slider {
			height: 125px !important;
			background-image: none !important;
			background-color: transparent !important;;
		}

		.faq {
			width: 100%;
		}

		aside {
			width: 100%;
			overflow: auto;
			margin-top: 60px;
		}
		.faq {
			width: 100%;
		}

		

	}

	@media screen and (max-width: 1000px) {
		.right-bottom, .right-line-bottom, .location-bottom>p {
			display: none;
		}

		.slider-bottom {
			display: flex;
			justify-content: space-between;
		}

		.sponsorpaketten article { 
			width: 48%;
		}


		.location-bottom>h2 {
			position: relative;
			transform: translate(0,0);
			top: inherit;
			left: inherit;
			width: 100%;
			text-align: center;
		}

		.left-bottom>h2, .left-bottom>p {
			padding-right: 0 !important;
		}

		.location-bottom {
			padding: 15px 10px;
			width: 70% !important;
			padding-left: 0;
		}

		.left-bottom>h1 {
			font-size: 3.5em;
		}

		.location-bottom {
			width: 50%;
		}

		.location-bottom>h1 {
			height: 100%;
			padding-top: 10px;
			line-height: 1.5em;
		} 

		.left-bottom>p {
			font-size: 1.8em;
		}

		.home-slider {
			height: 98vh;
		}

		.social-content {
			width: 49%;
		}

		.calender-info {
			width: 75%;
		}

		.calender-info div {
			width: 50%;
		}	

		.contact-map, .contact-form {
			width: 96%;
		}	

		#kaart {
			height: 400px;
		}

		.sponsor {
			width: 31.33%;
		}

		.groot-sponsor {
			width: 48% !important;
		}
		.toptekst {
			width: 90%;
		}
		.left-bottom > h1 {
			padding-right: 50px;		
		}
		.left-bottom > p {
			padding-right: 54px;
		}
		.ticker-pic {
			width: 25%;
		}
		.ticker-pic:nth-of-type(5) {
			display: none;
		}

		.inner_navigation nav {
			display: none;
		}

		.inner_navigation {
			position: relative;
		}

		#resbtn {
			display: block;
		}

		.ressho {
			display: flex;
			justify-content: center;
			-ms-align-items: center;
			align-items: center;
		}

		.ressho .curtain-click {
			color: white;
			margin-right: 15px;
			font-size: 1.5em;
		}

		#tickertape p span {
			font-size: 1.4em !important;
		}

		.home_social article {
			width: 48%;
		}

		.home_social article:not(:last-of-type){
			margin-bottom: 20px;
		}

		.subscribe_content .interesse {
			padding: 1px 15px;
			font-size: 0.6em;
		}

		.curtaindrop > div {
			top: 120px;
		}

		.logo{
			top: -35px;
		}

		.home_devision article a{
			font-size: 1.1em;
			padding: 10px 20px;
		}
	}

	@media screen and (max-width: 950px) {

		.nieuws .dotdotdot {
			height: 130px;
		}	

		.trainingen {
			padding-left: 20px;
			min-height: 200px;
		}

		.trainingen>img{
			display: none;
		}

		.album-choose li {
			width: 33.33%;
		}

		.album-item {
			width: 33.33%;
		}

		.album-item div h1 {
			font-size: 1.8vw;
		}
		

		.shop-article {
			margin-bottom: 20px;
			width: 31.33%;
		}

		.article-size p {
			width: 40px;
			padding-top: 7px;
			height: 40px;
		}
		.bestuurder {
			width: 31.33% !important;
		}
		.nieuw-lid.bestuur {
			display: inline;
		}
		.nieuw-lid.bestuur > div {
			padding:0;
		}
		.training-content {
			min-height: 200px;
		}

		.links article {
			width: 100%;
			margin: 10px; 
		}

		.afbeelding_header {
			max-height: 300px;
		}

		.kalender_item_date {
			position: relative;
			width: 100%;
			left: initial;
			top: initial;
		}

		.events article {
			padding-left: 0;
			padding: 15px;
			flex-wrap: wrap;
		}

		.kalender_item_content {
			width: 100%;
		}

		/* .home-devision article a{
			font-size: 1em;
		} */
	}

	@media screen and (max-width: 900px) {

		.curtaindrop h2 {
			font-size: 1.6em;;
		}

		.curtaindrop p {
			font-size: 1.1em;
		}

		.curtaindrop .c {
			padding: 0px 30px;
		}
		.trainingen {
			width: 100%;
			min-height: 0;
			margin: 0;
			margin-top: 20px;
		}

		.calender-date {
			width: 100%;
			margin: 0;
			height: 70px;
			margin-bottom: 10px;
		}

		.calender-date b {
			display: inline-block;
		}

		.calender-date:hover {
			box-shadow: none;
			background-color: #e30613;
		}

		.calender-date h1 {
			font-size: 2.5em;
		}

		.calender-date h2 {
			display: none;
		}

		.calender-info {
			width: 100%;
			margin: 0;
		}

		.calender-news {
			width: 100%;
		}
		.training-content {
			min-height: 0px;
		}
		.calender-item hr {
			display: none;
		}
		.trainingen {
			padding:10px;
		}

		.innerwedstrijden {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}

		.innerwedstrijden article {
			width: 98%;
			margin: 1%;
		}

		.scorebord {
			flex-direction: row;
			justify-content: space-between;
		}
		
		.wedstrijd_team {
			flex-direction: column;
		}

		.wedstrijd_team h2 {
			font-size: 1.5em;
		}
		
		.scorebord_devider {
			width: 9	0%;
		}

		.wedstrijd_team img {
			order: 1;
		}

		.wedstrijd_team h2 {
			order: 2;
		}

		.groot-sponsor {
			width: 48% !important;
		}

		.subscribe_pagina {
			flex-wrap: wrap;
			padding-top: 0;
		}

		.subscribe_form, .subscribe_content {
			width: 100%;
			padding-left: 0;
			border: none;
			
		}

		.subscribe_form {
			order: 2;
		}

		.subscribe_content {
			order: 1;
			margin-bottom: 50px;
		}


		.input_1_3 , .input_2_3 {
			width: 100%;
		}

		.home_devision article {
			width: 48%;
			margin-bottom: 60px;
		}

		.home_devision{
			padding: 50px 10px 0 10px;
		}
	}

	@media screen and (max-width: 840px){
		.timeline_item_content {
			width: 100%;
			padding: 0;
			order: 1;
		}
   
		.timeline {
			overflow: auto;
		}
   
		.timeline_other_content {
			width: 100%;
			order: 2;
			text-align: left;
		}
   
		.left_time h2 {
			text-align: left;
		}
   
		.left_time p {
			text-align: left;
		}
   
		.timeline_other_content img {
			width: 100%;
			margin-top: 10px;
		}
   
		.timeline_container {
			width: 90%;
			float: right;
			flex-wrap: wrap;
		}
   
		.timelineoverlayholder {
			left: 5%;
		}
   
		.timeline::after {
			left: 5%;
		}
   
		.timeline_container::after { 
			left: -5.6%;
			width: 25px;
			height: 25px;
		}
   
		.timeline_quote {
			margin-top: 20px;
		}
   
		.right_time, .imageleft{
			margin-left: 0;
		}
   
		.imageright {
			margin-right: 0;
		}
   
		.timeline_container {
			padding: 10px;
		}
	}

	@media screen and (max-width: 830px) {

		.jeugdteams_keuze article {
			width: 48%;
		}


	}

	@media screen and (max-width: 800px) {
		.speler {
			width: 50%;
		}

		.afbeelding_header {
			height: 250px;
		}
		
		.albumdetail h1 {
			font-size: 2.5em;
		}

		.albumdetail ul li {
			width: 31.33%;
		}

		.tickertape>h1 {
			font-size: 2em;
		}

		.album-item {
			width: 50%;
		}

		.toptekst {
			display: none;
		}

		.ticker-pics {
			padding-bottom: 10px;
		}

		.toptekst {
			padding-top: 0;
			transform: translate(-50%,-50%);
			top: 50%;
			left: 50%;
			position: absolute;
		}

		.responsivetekst {
			display: flex;
			max-width: 300px;
		}

		.home_social article {
			width: 100%;
		}
		.home_social article:nth-of-type(3) {
			display: none;
		}

		.wedstrijd_team {
			width: 35%;
		}

		.events article h2 {
			font-size: 1.1em;
		}

		.kalender_moreinfo {
			background-color: transparent;
			color: #E84324;
			padding: 0;
			padding-left: 10px;
			border-left: 1px solid #E84324;
			border-radius: 0;
			box-shadow: none;
			white-space: nowrap;
		}

		.kalender_moreinfo:hover {
			box-shadow: none;

		}
		.content_home_slider .cov {
			
			position: absolute;
			width: 80%;
			left: 50%;
			top:77%;
			transform: translateX(-50%);
			text-align: center;
			padding: 15px 30px;
			font-size: 1.25em !important;
			font-weight: 500;
		}

		.content_home_slider .cov:hover {
			background-color: #E84324 !important;
			color: #fff !important;
		}

	}
	@media screen and (max-width: 780px) {

		
		.innerupontop {
			display: none;
		}

		.logo {
			display: none;
			background-color: transparent;
			left: 10px;
		}

		.reslogo {
			display: block;
			/* height: 50px; */
		}

		.reslogo img{
			height: 85px;
			margin: 42px 0;
			border-radius: 20px;
		}

		.nieuws .dotdotdot {
			height: 120px;
		}
		footer {
			height: auto;
		}

		.scorebord_devider span {
			font-size: 1.5em;
		}

		.locaties {
			flex-wrap: wrap;
		}

		.locatie {
			width: 96%;
		}

		.home-slider video {
			display: none;
		}

		.home-slider {
			background-image: url(/images/still.png);
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}

		.nieuws .dotdotdot {
			height: 180px;
		}
		.meer {
			padding: 0px 10px 10px 0px;
		}
		.nieuws-item .article-content, .nieuws-item-small .article-content-small {
			padding:10px;
		}
		.nieuws-item>img{
			width: 100%;
			margin: 0 auto;
			display: block;
		}

		.article-content {
			width: 100%;
			padding: 0;
		}

		.article-content h1, .article-content p {
			padding-left: 0;
		}

		.nieuws-item-small {
			width: 100%;
		}

		.tickertape>h1 {
			font-size: 1.5em;
		}

		.sponsor {
			width: 48%;
		}

		.groot-sponsor {
			width: 100% !important;
		}
		.sponsor.worden {
			display: none;
		}

		.ticker-pic {
			width: 50%;
		}

		.slider-bottom {
			display: none;
		}

		

		.navitem a {
			font-size: 1.5em;
		}

		.navitem ul a {
			font-size: 1.2em;
		}
		.resnavvis {
			display: block;
		}


		.slider {
			height: 100px;
		}

		.resmatch {
			display: flex;
		} 

		.logo {
			margin-top: 0;
			height: 60px;
		}
		.curtaindrop > div {
			top: 90px;
		}


	}

	@media screen and (max-width: 700px){
		.locatie_content div:first-of-type{
			width: 100%;
		}

		.locatie_content div:nth-of-type(2){
			width: 100%;
		}
	}

	@media screen and (max-width: 660px){
		body main .attentionFrame{
			padding-top: 3rem;
		  }
	}

	@media screen and (max-width: 650px) {
		

		.shop-article {
			margin-bottom: 20px;
			width: 48%;
		}

	

	
	}

	@media screen and (max-width: 600px) {

		.curtaindrop .button {
			max-width: 90%;
		}
		.left-line-bottom {
			display: none;
		}

		.slider-bottom {
			height: 300px;
			text-align: center !important;
		}

		.scorebord_devider a {
			width: initial;
			padding: 2px 10px;
		}

		.left-bottom>h1, .left-bottom>p, .right-bottom>a>img {
			/* -webkit-transform: skew(0deg);
			-moz-transform: skew(0deg);
			-o-transform: skew(0deg); */
			transform: skew(0deg);
			padding: 0;
		}

		.location-bottom {
			width: 100%;
			height: auto;
			padding-left: 0;
		}

		.location-bottom>h1 {
			padding: 0;
			padding-top: 20px;
		}

		.left-bottom>h1 {
			padding: 20px;
			width: 100%;
		}

		.left-bottom, .right-bottom {
			background-color: transparent;
			text-align: center;
			width: 100%;
			height: auto;
			display: block;
			margin: 0;
			transform: skew(40deg);
			/* -webkit-transform: skew(0deg);
			-moz-transform: skew(0deg);
			-o-transform: skew(0deg); */
		}

		.right-bottom {
			position: absolute;
			bottom: 0;
			background-color: rgba(0,0,0,.75);
		}
		
		.right-bottom>a>img {
			margin: 35px 0 35px 30px;
		}

		.social-content {
			width: 100%;
		}

		.calender-item {
			width: 100%;
		}

		.contact-form div {
			width: 100%;
			padding: 0;
		}

		.album-item div h1 {
			font-size: 1.1em;
		}

		.bestuurder {
			width: 48% !important;
		}

		.bestuur-lid>div {
			position: relative;
		}


		.bestuur-lid>div>div:first-of-type {
			display: none !important;
		}

		.bestuur-lid .lid-res {
			width: 100%;
			padding: 10px;
			background-color: rgba(255,255,255,.9);
			border-bottom: 5px solid #E84324;
			transition: all .3s;
			display: flex !important;
			justify-content: flex-end;
			-ms-align-items: flex-start;
			align-items: flex-start;
			flex-wrap: wrap;
			flex-direction: column;
		}

		.bestuur-lid h3 {
			width: 100% !important;
			max-width: 100%;
		}

		.responsive-links {
			width: 100%;
		}
		.left-bottom > h1 {
			text-align: center;
			padding:20px;
		}
		.left-bottom > p {
			text-align: center;
			padding:10px;
		}
		.location-bottom > h1 {
			padding:10px;
		}
		.location-bottom > p {
			padding:10px;
			display: initial;
		}
		.right-bottom {
			background: none;
			bottom: -20px;
		}

		.home_devision article {
			width: 98%;
			margin-bottom: 60px;
		}

		.scorebord_devider {
			width: 90%;
			order: 1;
			margin-top: 10px;
			margin: 0 5%;
			margin-top: 10px;
			background-color: transparent;
		}

		.scorebord_devider h2 {
			margin: 0;
		}

		.innerwedstrijden article {
			width: 94%;
			margin: 3%;
			margin-bottom: 20px;
		}

		.wedstrijd_team {
			order: 2;
		}

		.scorebord {
			position: relative;
		}

		.showresdevider {
			display: block;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 20%;
			letter-spacing: 2px;
			font-weight: 700;
			font-size: 2em;
			color: #353535;
		}

		.wedstrijd_team {
			padding: 10px;
			width: 47%;
		}

		.downloads article h2, .links article h2 {
			font-size: 1.1em;
		}

		.dnl1 {
			display: none;
		}

		.dnl2 {
			display: flex;
		}

		.titelandinfo{
			flex-wrap: wrap;
			padding: 0;
			margin-top: 20px;
		}

		.events article h2 {
			text-align: center;
			width: 100%;
			font-size: 1.5em;
		}

		.kalender_moreinfo {
			border-left: 0;
			margin-top: 10px;
			padding-left: 0;
			width: 100%;
			color: #fff;
			padding: 10px;
			background-color: #E84324;
		}

		.kalender_item_date {
			background-color: transparent;
			border: 2px solid #E84324;
			padding: 10px;
			color: #E84324;
		}
	}

	@media screen and (max-width: 550px) {

		.curtaindrop h2 {
			max-width: 95%;
			font-size: 1.2em;
		}

		.curtaindrop>div>div:last-child {
			top: 43%;
		}
		.res-nav {
			width: 100%;
			right: -550px;
		}

		.menu-is-open {
			right: 0;
		}

		.albumdetail ul li {
			width: 48%;
		}

		.afbeelding_header {
			height: 200px;
		}

		.albumdetail h1 {
			font-size: 1.5em;
		}

		.albumdetail h2 {
			font-size: .9em;
		}
	}

	@media screen and (max-width: 500px) {
		.album-item {
			width: 100%;
			padding: 10px 0;
		}

		.home-slider {
			height:580px;
		}

		.toptekst {
			top: 50%;
			max-width: 200px;
		}

		.content_home_slider .cov {
			width: 90%;
		}

		
		.home-slider video {
			height: 100%;
			min-height: inherit;
		}

		.filter_weds {
			display: flex;
			flex-direction: column;
			justify-content: center;
			-ms-align-items: center;
			align-items: center;
		}

		.filter_weds select {
			width: 100%;
		}

		.contact_proberen {
			font-size: .9em;
			letter-spacing: 0;
			text-align: center;
		}

		.sponsorpaketten article {
			width: 100%;
		}

		.made-by {
			display: flex;
			justify-content: center;
			-ms-align-items: center;
			align-items: center;
			flex-wrap: wrap;
			flex-direction: column;
		}

		.made-by a {
			border: none;
		}

		.submit_flex{
			display: block;
		}

		.contact-form input[type=submit]{
			margin-top: 10px;
		}
	}

	@media screen and (max-width: 450px) {
		.footer-top h1 {
			width: 100%;
			text-align: center;
		}

		.tickertape>h1 {
			font-size: 1.2em;
		}

		.main-title {
			font-size: 1.2em;
		}

		.shop-article {
			width: 100%;
			margin: 0;
			margin-bottom: 20px;
		}
		.nieuw-lid.bestuur {
			display: none;
		}
		.bestuur-lid {
			cursor: pointer;
		}
		
	
		.wedstrijd_team img {
			max-width: 100px;
			max-height: 80px;
		}
		.wedstrijd_team h2 {
			font-size: 1.2em;
		}
		.showresdevider {
			font-size: 1.5em;
		}

		.resmatch_match h2 {
			font-size: 1em;
			padding: 0 10px;
		}

		.resmatch_match span {
			padding: 5px;
			font-size: .9em;
		}

		.album-choose li {
			width: 100%;
			border: 1px solid #e30613;
			margin-top: 10px;
		}

		.album-choose li:last-child {
			border-right: 1px solid #e30613 !important;
		}

		.album-choose li:first-child {
			border-left: 1px solid #e30613 !important;	
		}
	}
	@media screen and (max-width: 414px) {	

		.inschrijvenbtn {
			margin-right: 20px;
			padding: 2px 8px;
			background-color: #E84324;
			font-size: 1em;
			text-transform: uppercase;
			font-weight: 700;
			color: white;
			letter-spacing: 1px;
			border-radius: 100px;
		}

	}

	@media screen and (max-width: 410px) {
		.resmatch_match {
			flex-direction: column;
			justify-content: center;
			-ms-align-items: center;
			align-items: center;
		}

		.resmatch_match h2 {
			text-align: center !important;
			padding: 10px 0;
		}

	}

	@media screen and (max-width: 400px) {
		.slider-bottom {
			height: 350px;
		}
		.calender-info > div {
			width: 100%;
		}
		.calender-date h1 {
			font-size:2em;
		}
		.res-menu {
			top: 5px;
		}

		.responsive-links {
			top: 45px;
			padding-top: 10px;
		}

		.nav-responsive {
			margin-top: 0px;
			width: 100%;
			font-size: 1.2em;		
		}

		.nav-responsive a>li {
			padding: 10px 0 10px 0;
			margin:0;
		}
		.home-slider {
			height: 405px;
		}

		.home_devision article a{
			width: 92%;
			right: 0%;
			left: 4%;
			text-align: center;
		}

		.content_home_slider .cov{
			top: 50%;
		}

	}

	@media screen and (max-width: 390px){
		body main .attentionFrame{
			padding-top: 3rem;
		}
	}
	@media screen and (max-width: 375px) {	

		.inschrijvenbtn {
			margin-right: 20px;
			padding: 2px 8px;
			background-color: #E84324;
			font-size: 1em;
			text-transform: uppercase;
			font-weight: 700;
			color: white;
			letter-spacing: 1px;
			border-radius: 100px;
		}

	}
	@media screen and (max-width: 340px) {	

		.album-choose li{
			width: 100%;
		}

	}
	@media screen and (max-width: 200px) {
		.calender-date h1 {
			font-size:1.8em;
		}	
	}


	/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}