/*fixes*/
.logo{
	color: white !important;
}
.content-box-wide{
	max-width: 90% !important;
}
.content-box-standard{
	max-width: 1280px !important;
	margin-left: auto;
	margin-right: auto;
}
.res-nav .header-mobileNav{
	background-color: #11559D;
	display: flex;
	align-items: center;
}
.res-nav .header-mobileNav a{
	font-size: 1.5rem !important;
}
.res-nav .navLogoPoweredBy{
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	text-align: center;
}
.res-nav .navLogoPoweredBy a{
	color: white;
	font-size: 0.8rem;
	font-weight: 500;
	text-align: center;
}
.contact-join-the-team{
	text-align: center;
	margin-bottom: 1rem;
}
.contact-join-the-team a{
	padding: 0.5rem 2rem;
	color: #11559D;
	border-radius: 1.5rem;
	border: 2px solid #11559D;
	font-weight: 600;
}
.contact-join-the-team a:hover{
	background-color: #11559D;
	color: white;
	cursor: pointer;
}














* {
	box-sizing: border-box;
}
body {
	font-family: "Poppins", "Poppins", sans-serif;
	height: 100%;
	font-size: .8em;
	box-sizing: border-box;
	line-height: 2em;
	background-color: #f5f4f3;
	color: black;
}
h1 {
	font-family: "Poppins", "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;
}

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

.navitem a {
	color: white;
	font-size: 2em;
	padding: 15px 0;
	display: inline-block;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.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.6em;
	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: #000;
	width: 100%;
	z-index: 50;
}

.inner_navigation {
	display: flex;
	justify-content: space-between;
	-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;
}

.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.3em;
	font-family: "Poppins", "Poppins", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	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: rgba(17, 85, 157, 1);
	
	flex-direction: column;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	display: none;
}

.inner_navigation nav ul li:hover {
	background-color: rgba(17, 85, 157, 1);
}


.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.2em;
	text-transform: uppercase;
	font-family: "Gill Sans", sans-serif;
	letter-spacing: 2px;
	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;
}

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

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

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

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

.logo {
	margin: 10px 0;
	margin-left: 10px;
	color: rgba(23, 113, 208, 1);
	font-size: 35px;
}

.resmatch {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background-color: rgba(23, 113, 208, 0.45);
	padding: 15px 10px;
	display: none;
}

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

.resmatch_match h2 {
	width: 300px;
	padding: 0 20px;
	font-family: "Poppins", "Poppins", sans-serif;
	text-align: center;
}

.resmatch_match span {
	background-color: white;
	color: rgba(23, 113, 208, 0.45);
	padding: 10px;
}

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

/* SLIDERS | BANNERS */


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

}




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

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

.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%;
}

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

#ttcontainer {
	background-color: #528dcb;
	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(17, 85, 157, 1)!important;
}

.tickerbottom div:last-child {
	height: 100%;
	width: 50px;
	margin-right: 20px;
	background-color: rgba(17, 85, 157, 1)!important;
}

.tickerbottomright {
	position: absolute;
	right: -140px;
	background-color: rgba(17, 85, 157, 1)!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 p a {
	color: rgba(17, 85, 157, 1);
	font-weight: 700;
}

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

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

.contact_proberen:hover {
	background-color: transparent;
	color: rgba(17, 85, 157, 1);
}

.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;
	margin: 0 5%;
	flex-direction: column;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	padding: 15px;
	padding-top: 30px;
}

.nothome article {
	width: 100%;
}

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

.home_devision article a {
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 20px 0;
	color: #000;
	border-bottom: 1px solid #dcdcdc;
	width: 100%;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	transition: all .3s;
}

.home_devision article a:hover {
	padding-left: 5px;
}

.home_devision article a:last-child {
	border: none;
}

.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 { 
	font-size: 1.2em;
	margin-top: 20px;
	margin-bottom: 10px;
}

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

.home_blog_item {
	margin-top: 4%;
	position: relative;
	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: rgba(17, 85, 157, 1);
	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: rgba(17, 85, 157, 1);
	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%;);
}

/* SLIDER BOTTOM */
.slider-bottom {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	background: rgba(23, 113, 208, 0.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;
	text-transform: uppercase;
	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;
	-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(17, 85, 157, 1);
	float: left;
}
.left-bottom>h2,.slider-bottom>a>h2, .left-bottom>p {	
	font-size: 2.2em;
	text-align: center;
	font-family: "Poppins", "Poppins", sans-serif;
	font-weight: 600;
	color: white;
	-webkit-transform: skew(40deg);
	-moz-transform: skew(40deg);
	-o-transform: skew(40deg);
}

#nieuws p
{
	font-size: 1.6em;
	color: #828282;
}

.slider-bottom > a > h2
{
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	font-size: 2.2em;
	text-align: center;
	font-family: "Poppins", "Poppins", sans-serif;
	font-weight: 600;
	color: white;
	-webkit-transform: skew(0deg);
	-moz-transform: skew(0deg);
	-o-transform: skew(0deg);
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.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%;
	-webkit-transform: skew(-40deg);
	-moz-transform: skew(-40deg);
	-o-transform: skew(-40deg);
}
.left-line-bottom, .right-line-bottom {
	width: 30px;
	height: 100px;
	-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;
}
.resmatch {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background-color: #28517c;
	color: white;
	padding: 15px 10px;
	display: none;
}
.resmatch_match {
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1.5em;
	text-transform: uppercase;
	color: 
	white;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
}
.newsletter {
	width: 100%;
	padding: 80px 10px;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	flex-direction: column;
	background: #11559d;
}
.newsletter h2 {
	font-size: 1.4em;
	letter-spacing: 1px;
	font-weight: 700;
	color: 
	#FFF;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	font-size: 1.8em;
	text-transform: uppercase;
}
.newsletter > div {
	max-width: 600px;
	line-height: 180%;
	text-align: center;
	color: 
	#FFF;
	margin: 0 auto;
	font-size: 1.6em;
}
.newsletter > a {
	margin-top: 20px;
	padding: 12px 30px;
	background-color: #353535;
	font-weight: 700;
	color:#fff;
}

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



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

footer a:hover {
	text-decoration: underline;
}

.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: rgba(23, 41, 147, .8);
	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;
}

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

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



/* 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", "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: #fff;
}
.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;
	margin-bottom: 35px;
}

.content-box>p,.content-box .main-tekst p {
	width: 90%;
	text-align: center;
	margin: 0 auto;
	display: block;
	line-height: 170%;
}

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

.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", "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: rgba(17, 85, 157, 1);
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
}

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

.nieuws-date span {
	background-color: rgba(17, 85, 157, 1);
	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-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: #f5f4f3;
}

.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 rgba(17, 85, 157, 1);
}

.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: rgba(17, 85, 157, 1);
	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: rgba(17, 85, 157, 1);
	transition: all .5s ease;
	cursor: pointer;
	float: left;
	margin-right: 20px;
}

.calender-date:hover {
	color: white !important;
	box-shadow: inset 0 0 0 40px rgba(17, 85, 157, 1);
}

.calender-date b {
	display: none;
}

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

.calender-date h2 {
	padding-top: 10px;
	text-transform: uppercase;
	font-family: "Poppins", 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 rgba(17, 85, 157, 1);
}

.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-page-top {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;
	width: 96%;
	max-width: 1300px;
	margin: 0 auto;
}
.contact-page-top .sponsor-contact {
	width: 300px;
}
.sponsor-contact h2 {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 1.8em;
	color: #11559d;
}
.sponsor-contact img {
	width: 100%;
}
.contact-sponsor {
	margin-bottom: 8px;
}
.contact-form {
	width: calc(100% - 350px);
	margin: 0 auto;
	display: block;
	max-width: 1300px;
	overflow: auto;
}
.contact-form-inschrijven {
	margin-top: -55px;
	margin-bottom: 65px;
}
.contact-form-inschrijven>div {
	text-align: center;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
.contact-form-inschrijven h2 {
	text-align: center;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}
.contact-form-inschrijven input,.contact-form-inschrijven select {
	display: block;
	width: 48%;	
	border: none;
	letter-spacing: 1px;
	padding: 15px;
	font-size: 1.2em;
	background-color: #edeeee;
	font-family: "Poppins", sans-serif;
	color: #8a8a8a;
	border: #DEE2EB 2px solid;
	margin: 1%;
}
.contact-form-inschrijven input.wd100,.contact-form-inschrijven select.wd100 {
	width: 100%;
}
.contact-form-inschrijven .finish-it {
	width: 100%;
	text-align: center;
}
.contact-form-inschrijven input[type="submit"] {
	border: none;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-top: 10px;
	background-color: transparent;
	border: 2px solid rgba(17, 85, 157, 1);
	font-weight: 700;
	color: rgba(17, 85, 157, 1);
	transition: all .3s;
	width: auto;
	padding: 10px;
	display: inline-block;
	width: 50%;
	min-width: 300px;
}
.contact-form-inschrijven input[type="submit"]:hover {
	background-color: rgba(17, 85, 157, 1);
	color: #fff;
}

.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%;
	height: 209px;
	color: #8a8a8a;
	border: none;
	margin-bottom: 20px;
	padding: 15px;
	border: #DEE2EB 2px solid;
	font-size: 1.2em;
	background-color: #edeeee;
	font-family: "Poppins", sans-serif;
}

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

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

.lochalf
{
	float: left;
	width: 50%;
}

.lochalf img
{
	display: block;
	margin: 0 auto;
	max-width: 95%;
}

.contact-form input[type=submit] {
	border: none;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-top: 10px;
	background-color: transparent;
	border: 2px solid rgba(17, 85, 157, 1);
	font-weight: 700;
	color: rgba(17, 85, 157, 1);
	transition: all .3s;
	width: auto;
	padding: 10px;
}

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

.contact-form input[type=submit]:hover {
	background-color: rgba(17, 85, 157, 1);
	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;
	flex-wrap: wrap;
	margin-bottom: 20px;
	border-top: 1px solid rgba(17, 85, 157, 1);
	border-left: 1px solid rgba(17, 85, 157, 1);	
}

.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-right: 1px solid rgba(17, 85, 157, 1);
	border-bottom: 1px solid rgba(17, 85, 157, 1);	
	text-align: center;
	color: rgba(17, 85, 157, 1);
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
	flex-grow: 1;
}

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

.active-album {
	color: white !important;
	background-color: rgba(17, 85, 157, 1);
}

.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: 1400px;
	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;
}

.afbeelding_header .fb-share {
	position: absolute;
	right: 5px;
	bottom: 5px;
	background-color: #528dcb;
	z-index: 3;
	color: #fff;
	font-size: 1.2em;
	padding: 5px 15px;
	border-radius: 15px;
}

.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: rgba(17, 85, 157, 1);
	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: center;
	-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: 100%;
	height: 100%;
}

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

.bestuur-lid>div>div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	padding: 10px;
	background-color: rgba(255,255,255,.9);
	border-bottom: 5px solid rgba(17, 85, 157, 1);
	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 rgba(17, 85, 157, 1);
}

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

.bestuur-lid p span {
	color: rgba(17, 85, 157, 1);
}

.bestuurder {
	width: 23% !important;
}

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

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

.lid-content 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: rgba(17, 85, 157, 1);
	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: 0 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: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.buy {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	border-bottom: 5px solid rgba(17, 85, 157, 1);
}

.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: "Poppins", sans-serif;
}

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

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

.article-size {
	position: absolute;
	top: 20px;
	left: 0;
	background-color: rgba(17, 85, 157, 1);
}

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

.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;*/
	max-width: 100% !important;

}

.sponsorpaketten article {
	width: 23%;
	margin: 1%;
	background-color: white;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	flex-direction: column;
	position: relative;
}

.sponsorpaketten article .frame{
	width: 100%;
	z-index: 1;
	position: absolute;
	height: 100%;
}
.sponsorpaketten article .content{
	background-color: white;
	top: 1rem;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
	box-sizing: border-box;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	z-index: 2;	
	margin: 1rem;
	height: 100%;
}

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

.sponsorpaketten article .content h3 {
	font-size: 3em;
	line-height: 150%;
	font-weight: 700;
	text-align: center;
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sponsorpaketten article .content h3 span{
	text-align: center;
	font-weight: bold;
	font-size: 0.8rem;
	line-height: 1rem;
	margin: 0.5rem;
}
.sponsorpaketten article .content ul{
	margin-bottom: 2rem;
}
.sponsorpaketten article .content ul li{
	line-height: 1rem;
	list-style-type: disc;
}

.sponsorpaketten article .content .sponsor-cta{
	text-align: center;
}
.sponsorpaketten article .content .sponsor-cta a{
	padding: 8px 25px;
	border-radius: 200px;
	color: white;
	font-weight: 700;
	font-size: 1.1em;
	letter-spacing: 1px;
	background-color: black;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}






























/* KALENDER */
.wedstrijden {
	width: 100%;
	background-color: #f0f0f0;
	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;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	color: #777777;
}

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

.scorebord_devider .details {
	margin-left: 25px;
    margin-top: 5px;
}

.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 rgba(17, 85, 157, 1);
	color: rgba(17, 85, 157, 1);
	cursor: pointer;
	transition: all .3s;
}

.kalenderteamfilter div:hover {
	background-color: rgba(17, 85, 157, 1) !important;
	color: white !important;
}

.active-teamfilter {
	background-color: rgba(17, 85, 157, 1) !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 rgba(17, 85, 157, 1);
	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: 100%;
	position: relative;
}

.faq li div a {
	color: rgba(17, 85, 157, 1);
	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: rgba(17, 85, 157, 1);
	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 {
	-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);
}

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

.main_ak h2, .sponsor_ak h2 {
	font-size: 1.5em;
	color: rgba(17, 85, 157, 1);
	font-family: "Poppins", Poppins, 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: rgba(17, 85, 157, 1);
	border: 1px solid rgba(17, 85, 157, 1);
	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: rgba(17, 85, 157, 1);
}




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

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

.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 .blokkentext {
	overflow: hidden;
}

.blokken_row:nth-child(even) .specialbutton {
	display: flex;
	justify-content: flex-end;
}

.blokken_row:nth-child(even) .blokkenimg {
	order: 1;
}
.blokkenimg {
	position: relative;
}
.blokkenimg .floating-button {
	position: absolute;
	font-weight: 700;
	background-color: #fff;
	color: #11559D;
	padding: 12px 25px;
	display: block;
	border-radius: 30px;
	line-height: 100%;
	font-size: 1.4em;
	margin: 10px;
}
.blokken_row:nth-child(odd) .blokkenimg .floating-button {
	right: 10px;
	bottom: 5px;
}
.blokken_row:nth-child(even) .blokkenimg .floating-button {
	left: 10px;
	bottom: 5px;
}

.blokken_col h2 {
	font-size: 1.8em;
	color: rgba(17, 85, 157, 1);
	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;
}

.more-ico {
	text-align: center;
	font-size: 45px;
	color: #1771d0;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.specialbutton span {
	/*margin-top: 30px;*/
	position: relative;
	background-color: #353535;
	border: 1px solid #353535;
	padding: 10px 15px;
	color: white;
	transition: all .3s;
	z-index: 1;
}

.specialbutton span:hover {
	background-color: transparent;
	color: #353535;
}

.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: flex;
	text-align: left;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	transition: all .3s;
}

.login_form {
}

/* Einde Blokken */

#das-map {
	width: 100%;
	height: 250px;
	margin-bottom: 20px;
}
.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: rgba(17, 85, 157, 1);
}

.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_content {
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	background-color: white;
	padding: 20px 15px;
}


.locatie_content button {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.2em;
	padding: 10px 10px;
	background-color: rgba(17, 85, 157, 1);
	border: 1px solid rgba(17, 85, 157, 1);
	font-weight: 700;
	transition: all .3s;
	font-family: "Poppins", Poppins, sans-serif;
	color: white;
}

.locatie_content button:hover { 
	background-color: transparent;
	color: rgba(17, 85, 157, 1);
}

#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;
	text-transform: uppercase;
	letter-spacing: 2px;
	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: rgba(17, 85, 157, 1) !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: rgba(17, 85, 157, 1);
	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 {
	height: 100%;
	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;
}

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

.kalender_item_date {
	padding: 15px;
	width: 140px;
	text-align: center;
	background-color: rgba(17, 85, 157, 1);
	color: white;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	left: 10px;
	top: 10px;
	bottom: 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: rgba(17, 85, 157, 1);
}

.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: rgba(17, 85, 157, 1);
	color: white;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	letter-spacing: 1px;
	border-radius: 250px;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(237,28,35,0.25);
	transition: all .3s;
	cursor: pointer;
	-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);
}

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

.kalender_moreinfo: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);
}



/* 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: rgba(17, 85, 157, 1);
	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: rgba(17, 85, 157, 1);
	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: rgba(17, 85, 157, 1);
	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 rgba(17, 85, 157, 1);
	min-width: 120px;
	padding: 10px 20px;
	margin: 10px 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.3em;
	color: rgba(17, 85, 157, 1);
	font-weight: 700;
	transition: all .3s;
	text-align: center;
}

.noparam_item:hover {
	background-color: rgba(17, 85, 157, 1);
	color: white;
}

/* MEDIA QUERIES */ 
@media screen and (max-width: 1670px) {	
	.sponsorpaketten{
		flex-wrap: wrap;
	}
	.sponsorpaketten article .content h2{
		font-size: 1.15rem;
	}
	.sponsorpaketten article .content h3{
		font-size: 1.5rem;
		flex-wrap: wrap;
	}
}

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

	.sponsorpaketten article{
		width: 45%;
	}
	.sponsorpaketten article .content{
		width: -webkit-fill-available;
	}
	
}
@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: 1280px) {

}

@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: 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%;
	}
	.inner_navigation nav {
		display: none;
	}

	.inner_navigation {
		position: relative;
	}

	#resbtn {
		display: block;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}
}


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

	.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 {
		display: none;
	}

	.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%;
	}	

	#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;
	}


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

	.home_social article {
		width: 48%;
	}

	.home_social article:last-child {
		display: none;
	}
}

@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: 50%;
	}	

	.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;
	}
	.bestuur-lid {
		width: 31.33%;
	}
	.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;
	}
}

@media screen and (max-width: 900px) {
	.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: rgba(17, 85, 157, 1);
	}

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

@media screen and (max-width: 830px) {
	.home_devision article {
		width: 48%;
		margin-bottom: 40px;
	}
	.jeugdteams_keuze article {
		width: 48%;
	}

	.home_devision {
		display: none;
	}

	.bestuurder {
		width: 30% !important;
	}
}

@media screen and (max-width: 800px) {
	.scorebord_devider .details {
		width: 100%;
		margin-left: 10px;
	}
	.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: 400px;
	}

	.home_social article:nth-child(2) {
		display: none;
	}

	.home_social article {
		width: 100%;
	}

	.wedstrijd_team {
		width: 35%;
	}

	.sponsorpaketten article{
		width: 100%;
		margin-bottom: 2rem;
	}
	.album-item {
		width: 48%;
	}
	.content-box {
		margin-bottom: 15px;
	}
	.main-title {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.contact-form {
		width: 100%;
	}
	.contact-page-top .sponsor-contact {
		width: 100%;
	}
	.sponsor-contact {
		margin-top: 20px;
	}
	.sponsor-hold {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
	}
	.contact-sponsor {
		margin-bottom: 0;
	}
	.sponsor-hold > * {
		width: 31.33%;
		margin: 1%;
	}
}

@media screen and (max-width: 750px) {
	.nieuws .dotdotdot {
		height: 120px;
	}
	footer {
		height: auto;
	}

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

	.locaties {
		flex-wrap: wrap;
	}

	.locatie {
		width: 96%;
	}
}

@media screen and (max-width: 700px) {
	.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%;
	}

	

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

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

	.innerupontop {
		display: none;
	}

	.slider {
		height: 100px;
	}
	.lochalf
	{
		width: 100%;
	}
	.slider-bottom {
		display: none;
	}
}

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

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

	.bestuurder{
		width: 47% !important;
	}

	.bestuur>div {
		justify-content: flex-start;
	}
}

@media screen and (max-width: 600px) {
	.sponsor-hold > * {
		width: 100%;
		margin: 0;
	}
	.sponsor-hold > *:not(:first-child){
		display: none;
	}
	footer .made-by .mayBeHiddenOnMobile{
		display: none;
	}



	.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);
		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;
		-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;
	}
	.bestuur-lid {
		width: 48%;
	}
	.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: 40px;
	}
	.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;
	}
}

@media screen and (max-width: 550px) {
	.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;
	}
	.resmatch_match h2 {
		text-align: center;
	}
}

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

	.home-slider {
		height:450px;
	}

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

	
	.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%;
	}
	.resmatch_match h2 {
		text-align: center;
	}
}

@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;
	}
	.bestuur-lid div div {
		opacity: 1;
		display: none;
	}

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


}


@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;
	}

	footer .made-by a{
		padding: 0 5px;
	}

}

@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;
	}

}

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

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

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