@charset "utf-8";
/* CSS Document */

html, body {
	height:100%; 
	min-height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	background-color: #fff;
	color: #000;
}

.siteby {
	background-color: #4056AB;
	color: white;
	padding: 10px;
	font-size: 1.1em;
	text-align: center;
	
}

.siteby a {
	color: #fff;
	line-height: 20px;
}
/* Curtaindrop */

.curtain-click {
	cursor: pointer;
  }
  
  .curtain-click.icon {
	display: none;
  }
  
  .curtain-click.title {
	padding: 10px 30px;
	margin-right: 30px;
	background-color: #efefef;
	width: fit-content;
	margin-bottom: 15px;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	z-index: 500;
  }
  
  .curtain-click.title span {
	color: #003361;
  }
  
  .curtaindrop {
	width: 100%;
	z-index: 100;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: none;
	position: fixed;
	
  }
  
  .curtaindrop>video {
	position: absolute;
	left: 50%;
	top: 50%;
	min-height: 100%;
	min-width: 100%;
	z-index: 0;
	transform: translate(-50%, -50%);
  }
  
  .curtaindrop .overlay {
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at center, rgba(145,174,255,1) 0%, rgba(38,57,144,1) 100%);
	opacity: 0.8;
  }
  
  .curtaindrop>div {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: relative;
	background-position: center;
	background-size: cover;
	background-color: rgba(58, 58, 58, 1);
  }
  
  .curtaindrop>div>div:last-child {
	position: absolute;
	left: 50%;
	width: 90%;
	max-width: 1000px;
	color: #fff;
	z-index: 200;
	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%);
	text-align: center;
  }
  
  .curtaindrop .button {
	display: inline-block;
	padding: 10px 30px;
	background-color: transparent;
	cursor: pointer;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 4px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #fff;
	transition: all 0.8s ease;
	margin-top: 30px;
  }
  
  .curtaindrop .button:hover {
	background-color: #fff;
	color: #003361;
  }
  
  .curtaindrop p {
    font-size: 2.4em;
    line-height: 1.4em;
  }
  
  .curtaindrop img {
	max-width: 1000px;
	width: 96%;
  }
  
  .curtaindrop h2 {
	font-weight: 900;
	font-size: 3em;
	margin: 0;
	margin-bottom: 15px;
	text-align: center;
  }
  .curtaindrop h2 > p {
	font-weight: 900;
	margin: 0;
	  margin-bottom: 0px;
	margin-bottom: 0px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 76px;
	font-size: 4rem;
  }
  
  .curtaindrop .line {
	background-color: white;
	width: 50px;
	height: 2px;
	margin: 20px auto;
  }
  
  .curtaindrop>span {
	position: absolute;
	left: -123px;
	top: 0;
	display: block;
	width: 0;
	height: 0;
	border-right: 18px solid transparent;
	border-top: 34px solid #b0d49b;
	border-left: 18px solid transparent;
  }
  
  .curtaindrop>span>i {
	font-style: normal;
	position: absolute;
	right: 20px;
	cursor: pointer;
	color: #b0d49b;
	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: 40px;
	cursor: pointer;
	color: #fff;
	z-index: 100000000;
  }
  
  
  /* Einde Curtaindrop */
/* COOKIE MELDING NEW */

#PLCookie {
	position: fixed;
	left: 10px;
	bottom: 10px;
	margin-right: 10px;
	background-color: white;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	z-index: 100;
	padding: 25px;
	transition: all .8s;
	-webkit-box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
	-moz-box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
	box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
}

#PLCookie h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	color: #353535;
	font-size: 1.6em;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 30px;
}

#PLCookie p {
	max-width: 500px;
	font-family: 'Montserrat', sans-serif;
	color: #979797;
	margin-bottom: 20px;
	text-align: justify;
	line-height: 150%;
	font-size: 1.1em;
}

.PL_Buttons {
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
}

.PL_Buttons a {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	padding: 15px;
	background-color: #c62626;
	border: 1px solid #c62626;
	color: #fefefe;
	width: 48%;
	cursor: pointer;
	text-align: center;
	transition: all .3s;
	margin: 5px;
	font-size: 1.3em;
}

.PL_Buttons a:hover {
	background-color: transparent;
	color: #c62626;
	border: 1px solid #c62626;
}

/* NEW COOKIE END */

/* COOKIE MELDING old
#PLCookie {
  width: 100%;
  min-height: 50px;
  position: fixed;
  padding: 0 15px;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  background-color: #4f4f4f;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(102,102,102,0.23);
  -moz-box-shadow: 0px 0px 20px 0px rgba(102,102,102,0.23);
  box-shadow: 0px 0px 20px 0px rgba(102,102,102,0.23);
}

#PLCookie article {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  color: #fff;
  letter-spacing: 1px;
}

#PLCookie article div {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

#PLCookie article div a {
  padding: 10px 15px;
  margin-left: 20px;
  background-color: #fff;
  color: #4f4f4f;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s;
}
#PLCookie article div a:hover {
 background-color: #dbdbdb;
}
*/
#contact
{
	width: 600px;
	background-color: #C5161D;
	padding: 35px 20px;
	position: relative;
	margin-bottom: 70px;
}

#contact img
{
	position: absolute;
	top: -50px;
	right: -280px;
}

#contact .gegevens
{
	font-family: 'Lobster', 'cursive';
	color: #243585;
	font-size: 1.4em;
	line-height: 1.5em;
	position: absolute;
	top: 0;
	right: -290px;
	width: 170px;
}

#kalitems h2
{
	text-align: left;
}

#contact .gegevens p
{
	margin-bottom: 35px;
}

#nieuws
{
	float: left;
	width: 614px
}

h2.small
{
	color: #2A3F80;
	font-size: 1.5em;
	margin-top: 15px;
}

#nieuws .c
{
	color: #2A3F80;
	font-size: .9em;
	text-align: justify;
}

#nieuws .main
{
	border: 3px solid #C5292A;
}

#randomizer
{
	float: right;
	width: 279px;
}

#randomizer img
{
	border: 3px solid #C5292A;
}

#randomizer .nieuwsbar
{
	border-left: 3px solid #596DC3;
	border-right: 3px solid #596DC3;
}

#nieuws .prev
{
	text-transform: uppercase;
	border-right: 1px solid #fff;
	padding-right: 5px;
	margin-right: 5px;
}

#nieuws .next
{
	text-transform: uppercase;
	margin-left: 5px;
	border-left: 1px solid #fff;
	padding-left: 5px;
}

.nieuwsbar
{
	margin-top: 10px;
	background-color: #596DC3;
	padding: 0 15px;
	line-height: 25px;
	height: 25px;
	color: #fff;
	font-size: .75em;
}

.nieuwsbar a
{
	color: #fff;
}

.nieuwsbar img
{
	margin-left: 12px;
}

.list img
{
	margin: 0;
}



#goededoelen img
{
	float: left;
	border-bottom: 3px solid #E90B16;
}

#goededoelen img
{
	float: left;
	border-bottom: 3px solid #E90B16;
}

#goededoelen .quote
{
	font-family: 'Lobster', 'cursive';
	font-size: 1.8em;
	color: #122E99;
	display: inline-block;
	width: 440px;
	line-height: 1.2em;
	float: right;
}

#goededoelen .quote p:first-child
{
	margin-top: 0;
}

.c
{
	line-height: 1.5em;
}

.c a
{
	color: #E94756;
	font-weight: bold;
}

.c em
{
	color: #3A50A5;
	font-weight: bold;
	font-style: normal;
}

header
{
	font-family: 'Lobster', 'cursive';
	color: #fff;
	background-color: #2E4298;
	height: 100px;
}

section.list article, section.listnieuws article
{
	float: left;
	margin-right: 25px;
	margin-bottom: 50px;
	width: 276px;
	padding: 10px 10px 0 10px;
	background-color: #C62626;
	position: relative;
}

section.list article
{
	width: 196px;
}

section.listnieuws a
{
	color: #fff;
}

section.listnieuws p
{
	margin: 5px auto 35px;
	line-height: 1.4em;
}

section.listnieuws h2
{
	margin-top: 160px;
}


section.list img, section.listnieuws img
{
	float: left;
}

section.list .arrow
{
	position: absolute;
	right: 10px;
	bottom: 0;
}

.leesmeer
{
	background-image: url(/images/btnsmall.png);
	width: 109px;
	height: 20px;
	position: absolute;
	bottom: 0;
	right: 35px;
	color: #354BA0;
	font-size: .8em;
	font-weight: bold;
	padding-left: 19px;
	padding-top: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

}

.listnieuws .leesmeer
{
	right: 15px;
}

.leesmeer span
{
	display: inline-block;
	margin-top: 3px;
	float: right;
	width: 0;
	height: 0;
	margin-right: 19px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #354BA0;
}

.list h2
{
	margin-bottom: 6px;
}

section.list h2
{
	font-size: 1.4em;
	line-height: 1.6em;
	display: inline-block;
}

#tickertape
{
	font-size: 1.7em;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
	text-align: right;
}

.overons h2
{
	font-size: 1.4em;
	color: #AC1E2A;
	display: inline-block;
	border-bottom: 1px solid #AC1E2A;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 5px;
}

#ribbon
{
	position: absolute;
	right: 0;
	top: 232px;
}

.overons
{
	width: 45%;
	display: inline-block;
	margin-left: 5%;
	vertical-align: top;
	line-height: 1.7em;
	font-size: .9em;
}

.overons em
{
	color: #AC1E2A;
	font-weight: bold;
}

header img
{
	position: absolute;
	bottom: -46px;
	left: 0;
}

header ul
{
	position: absolute;
	right: 0;
	bottom: -10px;
}

header li
{
	display: inline-block;
}

header a
{
	color: #fff;
	font-size: 1.3em;
	margin-left: 22px;
	display: inline-block;
	padding-bottom: 12px;
	text-transform: capitalize;
	border-bottom: 6px solid #fff;
}

header a:hover, header a.active
{
	border-bottom: 6px solid #EB090B;
}

#container
{
	min-height: 100%;
	position: relative;
}

footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #CAD3F4;
}

#siteby
{
	background-color: #4056AB;
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-size: .8em;
}

input[type="text"], textarea
{
	background-color: #fff;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 6px 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	border: 1px solid #aaa;
	color: #333;
	margin-top: 12px;
}

#con input[type="text"], textarea
{
	float: left;
}

#con
{
	margin-bottom: 15px;
}

#con .i30
{
	width: 30% !important;
}

#con .i70
{
	width: 68% !important;
	float: right !important;
}

#con div
{
	width: 47%;
	float: right;
}

#con div:first-child
{
	float: left;
}

.errors
{
	line-height: 1.6em;
	color: #fff;
	font-size: .9em;
	list-style-type: disc;
	padding-left: 11px;
	margin: 20px 0;
}

input[type="submit"]
{
	margin-top: 20px;
	background-color: #4155AB;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 5px 10px;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	border: 0;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}

.overons h2
{
	font-weight: bold;
}

.list h2
{
	font-weight: bold;
	font-size: 1.1em !important;
}
#splash{
	height:100vh;
}

#splash_steunons h2
{
	font-family: "Lobster", "cursive";
}

textarea
{
	height: 80px;
}

#partneraside
{
	float: right;
	margin-top: 70px;
	position: relative;
	background-color: #C5161D;
	width: 305px;
	padding: 30px 15px;
}

#partneraside img
{
	position: absolute;
	left: 20px;
	top: -127px;
}

h2
{
	color: #fff;
	font-size: 1.6em;
	line-height: 1.2em;
	/*font-family: 'Lobster', 'cursive';*/
}

h1
{
	font-size: 2.3em;
	color: #4056AB;
	font-family: 'Lobster', 'cursive';
	margin-bottom: 30px;
}

#sponsorsfooter
{
	background-color: #F1F4FB;
	padding: 10px;
	margin: 15px 0;
}

#partneraside h2
{
	font-size: 1.9em;
}
/* LANDINGSPAGINA KLOEN */
#landingsPaginaLogo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* LANDINGSPAGINA KLOEN EINDE*/
.content
{
	padding: 70px 0 300px 0;
	min-height: 487px;
}

#sponsorsfooter img
{
	border: 1px solid #aaa;
	margin-left: 10px;
}

#sponsors img
{
	border: 1px solid #aaa;
	margin: 0 15px 15px 0;
}

#sponsorsfooter a:first-child img
{
	margin-left: 0px;
}

#sponsorsfooter .alle
{
	font-size: .7em;
	display: inline-block;
	text-align: left;
	padding: 4px 0;
	color: #fff;
	position: absolute;
	right: 10px;
	width: 120px;
	text-align: center;
	bottom: -10px;
	background-color: #C62626;
}

#footerimg
{
	font-family: 'Lobster', 'cursive';
	font-size: 1.4em;
	color: #4056AB;
	padding-left: 236px;
	width: 250px;
	padding-top: 60px;
	pointer-events: none;
	height: 151px;
	background: url(/images/imgfooter.png) no-repeat top left;
	position: absolute;
	left: -140px;
	z-index: 1;
	top: -105px;
}

#nieuwsak
{
	background-color: #C62626;
	padding: 6px;
	position: relative;
}

body.home
{
	background: url(/images/bgslider.jpg) no-repeat center 170px;
}

#imgslide
{
	position: absolute;
	right: -184px;
	top: 40px;
}

#nieuwsak img
{
	float: left;
	margin-right: 25px;
}

#nieuwsak p
{
	line-height: 1.6em;
	color: #fff;
	margin-top: 50px;
	text-align: justify;
	margin-right: 15px;
}

#nieuwsak h2
{
	margin-top: 15px;
}

#nieuwssearch
{
	background-color: #596DC3;
	padding: 8px 15px;
	color: #fff;
	height: 25px;
	line-height: 25px;
}

#nieuwssearch select
{
	padding: 3px 5px;
	color: #000;
	background-color: #fff;
	border: 0;
	width: 180px;
	float: right;
	height: 25px;
}

#nieuwslist
{
	margin-top: 20px;
}

.listnieuws h2
{
	margin-bottom: 8px;
}

#nieuwslist a
{
	padding: 6px 5px;
	color: #596DC3;
	background-color: #E8ECF9;
	display: block;
}

#nieuwslist a.odd
{
	background-color: #fff;
}

#splash #container
{
	background: rgba(145,174,255,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(145,174,255,1) 0%, rgba(38,57,144,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(145,174,255,1)), color-stop(100%, rgba(38,57,144,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(145,174,255,1) 0%, rgba(38,57,144,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(145,174,255,1) 0%, rgba(38,57,144,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(145,174,255,1) 0%, rgba(38,57,144,1) 100%);
	background: radial-gradient(ellipse at center, rgba(145,174,255,1) 0%, rgba(38,57,144,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91aeff', endColorstr='#263990', GradientType=1 );
}

#splash img
{
	margin-top: 10%;
	width: 60%;
	z-index: 50;
}

#splash footer
{
	color: #fff;
	font-size: .75em;
	background-color: transparent;
	padding-top: 250px;
}

#minheight
{
	min-height: 820px;
}

#splash #sponsorsfooter
{
	margin: 0;
	margin-top: 4px;
	font-size: 1.3em;
}

#splash #containercon
{
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 1px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#splash #container #siteby
{
	background-color: transparent;
	font-size: 1.1em;
}

#splash_intro
{
	color: #fff;
	line-height: 1.3em;
	font-size: 1.4em;
	margin-bottom: 80px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  }


#splash_intro h1
{
	font-size: 3.9em;
	color: #fff;
	text-align: center;
	padding-top: 6%;
	line-height: 82px;
}
.knopLanding{
	color: white;
  background-color: #c4161c;
  width: 130px;
  border-radius: 17px;

}
#splash_intro a
{
	
	
	height: 57px;
	/* background-image: url(/images/splash_btn.png); */
	float: left;
	margin-right: 30px;
	line-height: 50px;
	text-align: center;
	color: #2A43A0;
	font-family: 'Lobster', 'cursive';
	font-size: 1.2em;
}

#splash_steunons
{
	background-image: url(/images/splash_imh.png);
	height: 778px;
	width: 549px;
	position: absolute;
	bottom: 120px;
	right: 0;
	color: #DE2721;
	font-size: 1.3em;
	text-align: justify;
	line-height: 1.3em;
}

#splash_steunons div
{
	margin-left: 15px;
	padding: 25px 10px 50px 10px;
	width: 170px;
	height: 140px;
	transform:rotate(-10deg); 
	-webkit-transform:rotate(-10deg); 
	-moz-transform:rotate(-10deg); 
	-o-transform:rotate(-10deg); 
	position: relative;
}

#splash_steunons h2
{
	text-align: center;
	color: #DE2721;
	font-size: 2.5em;
	margin-bottom: 20px;
}

#splash_steunons a
{
	color: #DE2721;
	float: right;
	position: absolute;
	bottom: 31px;
	font-weight: bold;
	right: 35px;
}

#kalitems
{
	width: 606px;
	float: left;
}

#kalitems article
{
	margin-top: 25px;
	background-color: #C62626;
	padding: 5px;
	color: #fff;
	line-height: 1.4em;
	padding-right: 15px;
	text-align: justify;
	position: relative;
}

#kalitems article img
{
	float: left;
	margin-right: 15px;
}

#kalitems a
{
	color: #fff;
}

#kalitems h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
}

#kalitems .leesmeer
{
	padding-top: 5px;
	right: 15px;
}

#kalitems .leesmeer span
{
	margin-top: 6px;
}

#asidekal
{
	float: right;
	width: 305px;
}

#asidekal .nieuwsbar
{
	font-size: 1.1em;
	padding: 6px 10px;
}

#asidekal .nieuwsbar select
{
	border: 0;
	background-color: #fff;
	float: right;
	width: 150px;
	height: 25px;
	line-height: 25px;
}

#prive .img
{
	position: absolute;
	left: -5px;
	top: -105px;
}

#prive a
{
	color: #3E50A4;
	font-family: 'Lobster', 'cursive';
	font-size: 1.2em;
	display: block;
}

#prive a img
{
	margin-right: 10px;
}

#prive a:first-child
{
	margin-top: 0;
}

#prive
{
	border: 3px solid #3E50A4;
	position: relative;
	margin-top: 150px;
	padding: 15px;
}

article.prive
{
	background-color: #2E4298 !important;
}

/*calendar*/
.reservatie .divfix {
	background: #D6171E;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: 100%;
}

.reservatie .divfix a {
	color: #fff;
	margin: 0 10px;
	font-size: 1.4em;
}

.reservatie table
{
	border-bottom: 1px solid #878787;
}

.reservatie .divfix h2 {
	color: #FFFFFF;
	display: inline-block;
}
.reservatie thead {
	color: #878787;
}
.bezet {
	color: #D6171E;
}
.reservatie table tbody td .voorbehoud {
	background: none repeat scroll 0 0 #FDDF97;
}
.mySelection {
	background: none repeat scroll 0 0 #D6171E;
}
#mediaBar a {
	color: #FFFFFF;
}

.reservatie th {
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 55px;
	color: #3D4689;
	font-size: .8em
}

.reservatie .besloten
{
	background: url(/images/blueball.jpg) no-repeat center;
}

.reservatie .open
{
	background: url(/images/redball.jpg) no-repeat center;
}


.reservatie thead
{
	background-color: #CAD3F4;
}
.reservatie table {
	border-spacing: 10px;
	width: 100%;
}
.reservatie td {
	border-collapse: separate;
	border-spacing: 5px 50px;
	line-height: 30px;
	font-size: .9em;
	margin: 15px;
	text-align: center;
	width: 43px;
}

.reservatie .nav
{
	font-size: 1.4em !important;
	font-weight: bold;
}

.reservatie h2
{
	line-height: 45px;
	height: 45px;
}

.reservatie
{
	margin-top: 65px;
	border: 1px solid #D6171E;
}

hr
{
	margin-top: 25px;
	color: #C62626;
	background-color: #C62626;
	border: 0;
	height: 1px;
}



/* SHOP */

.shop {
	padding: 10px;
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	display: block;
	padding-bottom: 50px;
}

.shop * {
	box-sizing: border-box;
}

.shoptop  {
	line-height: 150%;
	color: #494949;
	font-size: 1.2em;
}

.shopcontent {
	width: 100%;
	padding: 50px 10px;
	background-color: #ebebeb;
}

.shopitems {
	display: flex;
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.shopitems article {
	width: 31.33%;
	margin: 1%;
	position: relative;
	background-color: #fff;
}

.shopitems article img {
	width: 100%;
}

.shopitems article h2 {
	color: #2E4298;
	font-size: 1.5em;
	line-height: 150%;
	padding: 15px;
	font-family: 'Lobster', 'cursive';
}

.shopitems article>div {
	display: flex;
	-ms-align-items: center;
	align-items: center;
	background-color: #2E4298;
	justify-content: space-between;
}

.shopitems article div div {
	width: 60%;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	text-align: center;
	font-size: 1em;
	color: white;
	text-transform: uppercase;
}

.shopitems article div img {
	width: 20px;
}

.text {
	line-height: 180%;
	padding: 15px;
}

.price {
	width: 40%;
	padding: 15px;
	background-color: #c4161c;
	color: white;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1.1em;
	font-weight: 700;
}

.shopitems article a {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.shopdetail {
	display: flex;
	justify-content: space-between;
}

.shopdetail * {
	box-sizing: border-box;
}

.shopdetail_left {
	width: 50%;
}

.shopdetail_left>img {
	width: 100%;
}

.shopdetail_right h1 {
	font-size: 1.8em;
	line-height: 150%;
	margin-bottom: 10px;
}

.shopdetail_right {
	width: 48%;
	font-size: 1.1em;
	line-height: 150%;
	color: #303030;
}

.detprijs {
	background-color: #c4161c;
	color: white;
	padding: 5px 10px;
	font-size: 1.3em;
	font-weight: 700;
	margin: 20px 0;
	display: inline-block;
}

.detaantal {
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	background-color: #f3f3f3;
	padding: 15px;
}

.detaantal input {
	margin-left: 20px;
	padding: 10px;
	padding-right: 0px;
	border: 3px solid #2E4298;
	width: 60px;
	height: 50px;
	text-align: center;
}

.detaantal button {
	background-color: #2E4298;
	border: 3px solid #2E4298; 
	color: white;
	border: none;
	height: 50px;
	padding: 10px;
	margin-left: 5px;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	transition: all .3s;	
	justify-content: center;
}

.detaantal button:hover {
	background-color: #213070;
}

.detaantal button img {
	width: 20px;
	margin-right: 10px;
}

.shareoptions {
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	color: white;
	padding-top: 10px;
}

.shareoptions div {
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	margin-left: 5px;
	background-color: #4267B2;
	padding: 5px;
	height: 30px;
	cursor: pointer;
}

.shareoptions div a {
	display: flex;
	-ms-align-items: center;
	align-items: center;
	color: white;
	margin-left: 5px;
	padding: 5px;
	height: 30px;
	justify-content: center;
}

.shareoptions div img {
	height: 100%;
	margin-right: 8px;
}

.shareoptions div a img {
	height: 100%;
	margin-right: 8px;
}

#content-container {
  margin: auto;
  margin-bottom: 2em;
}

#content-container h2 {
  color: #4155ab;
  font-size:2.4em; 
  font-weight:bold; 
  margin-bottom: 5px;
  margin-top: 1em;
  cursor: pointer;
}

#content-container h3 {
  background-color:#fff; 
  color: #000;
  font-size:1.5em; 
  margin: 1em;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #000;
  box-shadow: inset 0 0 0 0 #c5161d;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.8s;
  cursor: pointer;
}

#content-container h2:hover + div > h3, #content-container h3:hover {
  box-shadow: inset 1200px 0 0 0 #c5161d;
  color: #fefefe;
}

#content-container h3.active {
  color: #fff;
  box-shadow: inset 1200px 0 0 0 #c5161d;
}

#content-container h3 span {
  display: inline-block;
  float: right;
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #c5161d;
  margin-right: 10px;
  margin-top: 9px;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.4s;
}

#content-container h2:hover + div > h3 > span, #content-container h3:hover span {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-right: 10px;
}

#content-container h3.active span {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-right: 10px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

#content-container h3.active:hover span {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-right: 10px;
}

#content-container h4 {
  margin-left: 2em;
  margin-right: 2em;
  font-size: 1.1em;
  font-weight: bold;
}

#content-container p {
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 2em;
}

#content-container ul {
  margin-left: 3em;
  margin-right: 3em;
  margin-bottom: 1em;
}

#content-container li {
  margin-bottom: 0.5em;
  margin-left: 1em;
  list-style: disc;
}

#content-container table {
  margin-left: 3em;
  margin-right: 3em;
  margin-bottom: 1em;
}

#content-container th, #content-container td {
  border: 1px solid #000;
  padding: 5px;
}

#content-container th {
  font-weight: bold
}

#content-container a {
  color: #D3191C;
}

@media screen and (max-width:1050px) {
	.curtaindrop h2 {
		font-size: 2.5em;
	}
}
@media screen and (max-width:850px){
	#splash_intro h1 {
		font-size: 2.9em;
		color: #fff;
		text-align: center;
		padding-top: 6%;
		line-height: 82px;
		margin-bottom:0;
	  }
	  #splash img {
		margin-top: 19%;
		width: 75%;
		z-index: 50;
		margin-bottom: 2%;
	  }
}
@media screen and (max-width:800px){

	.curtaindrop h2 {
		font-weight: 600;
		font-size: 1.8em;
	}
	.curtaindrop .button {
		font-size: 17px;
		padding: 12px 30px;
	}
}
@media screen and (max-width:650px){
	.curtaindrop>div>div:last-child {
		width: 95%;
	}
	.curtaindrop h2 {
		font-size: 1.5em;
		padding-bottom:1%;
	}
	.curtaindrop .c {
		font-weight: 200;
	}
	.curtaindrop .button {
		font-size: 15px;
	
	}
	#divAroundKnop{
		display: flex;
  flex-direction: row;
	}
	
	/* #splash_intro a:nth-child(2){
		margin-top:20px;
	} */

	#splash_intro h1 {
		font-size: 2.5em;
		color: #fff;
		text-align: center;
		padding-top: 17%;
		line-height: 61px;
		margin-bottom: 17%;
	  }
}