@import "reset.css";
@import "cols.css";
/*
maincolors:
BACKGROUND:#fff
COLOR:#000
MAINCOLOR:#000
MAINCOLOR2:#c00
COLOR_ON_MAIN:#fff;
*/
html {  -webkit-text-size-adjust: none;}
body{background-color:#f5f5f5;color:#333;font-family:'Ubuntu', Arial;font-size:15px;font-weight:400;letter-spacing:0.5px;}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#fabf3a;}
a:hover{color:#000;}
a.tel{text-decoration:none;display:block;}
b,strong{font-weight:bold;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1200px;width:95%;height: auto;margin: 0px auto;position:relative;}

.placeholder {color:#aaa;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;opacity:1;}
::-moz-placeholder {color:#aaa;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#aaa;}	
input[placeholder], textarea[placeholder] {color:#aaa;}

h1 {color:#0082cc;font-size:24px;line-height:normal;font-weight:400;font-family:'Poppins',arial;margin-bottom:20px;}
h2 {color:#b31c27;font-size:18px;line-height:normal;font-weight:700;text-transform:uppercase;font-family:'Poppins',arial;margin-bottom:20px;}
h2 a {color:#b31c27;text-decoration:none;}
h2 a:hover {color:#b31c27;}
h4 {color:#fff;font-size:18px;line-height:normal;font-weight:700;text-transform:uppercase;font-family:'Poppins',arial;margin-bottom: 20px;}
h5 {color:#b31c27;font-size:14px;line-height:normal;font-weight:700;text-transform:uppercase;font-family:'Poppins',arial;margin-bottom: 10px;margin-top: 10px;}
#melding{text-align:center;background-color:#000;color:#fff;padding:10px;text-transform:uppercase;}

#navMobMenu{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob {background-color:#fff;display:none;}

.calltoactions {position:fixed;bottom:0px;left:0;right:0;width:100%;z-index:77;box-sizing:border-box;text-align:center;display:none;background-color:#fabf3a;}
.btn {float:left;width:50%;}
.btn:last-child {margin-right:0;}
.btn a {display:block;padding:15px 0;background-color:transparent;color:#fff;text-decoration:none;border:1px solid transparent;font-size:10px;box-sizing:border-box;font-weight:700;font-family:'Poppins',arial;text-transform:uppercase;}
.calltoactions .btn:last-child a {background-color:#b31c27;color:#fff;}

#height {height:91px;}
#top {
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=1 ); /* IE6-9 */
padding:10px 0;
position:sticky;top:0;left:0;right:0;width:100%;z-index:500;border-bottom:1px solid #eee;}

#header {width:100%;}
#logo {float:left;}

#slideshow {position:relative;width:100%;height:370px;background-color:#b31c27;}

#slogan {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:370px;display:flex;align-items:center;}
#slideshow.page1 {height:500px;}
#slogan.page1 {height:500px;}
.slogan {width:450px;color:#fff;font-size:22px;line-height:32px;}
.slogan strong {color:#fabf3a;}
.slogan2 {width:450px;color:#fff;font-size:30px;line-height:32px;}
.slogan2 strong {color:#fabf3a;}

.knop a {display:inline-block;padding:15px 30px;}
.knop.rood a {background-color:transparent;color:#fff;border:2px solid #fabf3a;text-decoration:none;text-transform:uppercase;font-family:'Poppins',arial;font-weight:700;line-height:normal;margin-top:30px;}
.knop.rood a:hover {background-color:#fabf3a;transition:0.5s all ease;}

.knop.blauw a {background-color:transparent;color:#0082cc;border:2px solid #fabf3a;text-decoration:none;text-transform:uppercase;font-family:'Poppins',arial;font-weight:700;line-height:normal;margin-bottom:50px;}
.knop.blauw a:hover {background-color:#fabf3a;transition:0.5s all ease;color:#fff;}

.knop.nieuws a {background-color:transparent;color:#0082cc;border:2px solid #fabf3a;text-decoration:none;text-transform:uppercase;font-family:'Poppins',arial;font-weight:700;line-height:normal;margin-top:20px;font-size:12px;}
.knop.nieuws a:hover {background-color:#fabf3a;transition:0.5s all ease;color:#fff;}

#calltoactions {background-color:#fff;padding:20px 0;}
.boxer {float:left;width:calc(100%/3);padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}
.boxer1 {border-left:2px dotted #eee;}
.boxer2 {border-left:2px dotted #eee;}
.boxer3 {border-left:2px dotted #eee;border-right:2px dotted #eee;}
.icon {float:left;width:25%;}
.icon a {width:70px;height:70px;background-color:#fabf3a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:30px;}
.tekst {float:left;width:75%;font-size:14px;}

#main {width:100%;padding:70px 0;line-height:28px;}
#contentleft {float:left;width:65%;margin-right:5%;}
#contentright {float:right;width:30%;}

.grid-6 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(6,1fr);}
.grid-5 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(5,1fr);}
.grid-4 				{display: grid;grid-gap: 30px;grid-template-columns: repeat(4,1fr);}
.grid-3 				{display: grid;grid-gap: 40px;grid-template-columns: repeat(3,1fr);}
.grid-2 				{display: grid;grid-gap: 50px;grid-template-columns: repeat(2,1fr);}
.sectiongrid			{margin:0px 0px 60px 0px;}

.items {width:30%;margin-left:5%;float:left;position:relative;background:#fff;}
.items::before, .items::after {content:'';position:absolute;top:10px;bottom:10px;left:10px;right:10px;opacity:1;transition:transform ease-out 250ms;}
.items::before {border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0, 1);}
.items::after {border-left:1px solid #fff;border-right:1px solid #fff;transform:scale(1, 0);}
.items:hover::before {transform:scale(1, 1);}
.items:hover::after {transform:scale(1, 1);}
.items:hover .album_img {opacity:1;}
.items:hover .album_text {opacity:1;}
.item_img {width:100%;display:block;transition:opacity ease-out 250ms;object-fit:cover;height:300px;object-position: center;}
.i3 {margin-left:0;}
.break3 {margin-bottom:40px;}
.break2 {display:none;margin-bottom:20px;}

.fotos {float:left;width:15%;margin-left:2%;background-color: #fff;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);padding: 10px;object-fit: cover;align-items: center;justify-content: center;box-sizing: border-box;margin-bottom: 20px;}
.fotos img {object-fit: contain;height: 110px;}
.l6 {margin-left:0;}
.lines6 {margin-bottom:40px;}
.lines4 {display:none;margin-bottom:30px;}
.lines3 {display:none;margin-bottom:20px}
.lines2 {display:none;margin-bottom:10px}

#fotoalbums {background-color:#fff;text-align:center;padding:70px 4px 4px 4px;box-sizing:border-box;}

.albums {width:calc(100%/4);float:left;position:relative;background:#fff;box-sizing:border-box;border-left:4px solid #fff;}
.albums:first-child {border-left:0px solid #fff;}
.albums:last-child {border-right:0px solid #fff;}
.albums::before, .albums::after {content:'';position:absolute;top:10px;bottom:10px;left:10px;right:10px;opacity:1;transition:transform ease-out 250ms;}

.albums::before {border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0, 1);}
.albums::after {border-left:1px solid #fff;border-right:1px solid #fff;transform:scale(1, 0);}

.albums:hover::before {transform:scale(1, 1);}
.albums:hover::after {transform:scale(1, 1);}

.album_img {max-width:100%;display:block;transition:opacity ease-out 250ms;object-fit:cover;height:400px;}
.albums:hover .album_img {opacity:1;}

.album_text {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;transition:opacity ease-out 250ms;z-index:40;text-align:center;}
.album_text a {color:#fff;line-height:normal;text-decoration:none;display:block;background:#fabf3a;padding:10px;text-transform:uppercase;font-family:'Poppins',arial;font-weight:700;font-size:12px;}
.albums:hover .album_text {opacity:1;}

#sponsors {text-align:center;padding:70px 0;}
.pad {padding:0 20px;}

.box {margin-bottom:40px;}
.boxleft {float:left;width:47.5%;margin-right:5%;background-color:#fff;padding:30px;box-sizing:border-box;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.04);}
.boxright {float:right;width:47.5%;}
.boxleft2 {float:left;width:47.5%;margin-right:5%;}
.boxright2 {float:right;width:47.5%;background-color:#fff;padding:30px;box-sizing:border-box;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.04);}

#locaties {background-color:#fff;padding:70px 0;line-height:28px;}
.locatieleft {float:left;width:50%;box-sizing:border-box;border-right:1px dotted #eee;padding:0 70px;}
.locatieright {float:left;width:50%;box-sizing:border-box;border-left:1px dotted #eee;padding:0 70px;}
.map {float:left;width:47.5%;margin-right:5%;}
.locatie {float:right;width:47.5%;}

.col {float: left;width: 18.4%;margin-left: 2%;}
.n5 {margin-left: 0;}
.nivs5 {display: none;}
.nivs3 {display: none;margin-bottom: 20px;}
.nivs2 {display: none;margin-bottom: 20px;}

/*nieuws*/
/*************/
.nieuwsleft {float:left;width:20%;margin-right:5%;}
.nieuwsright {float:right;width:75%;}
.nieuwsbericht {margin-bottom:80px;}
.nieImg {}
.nieTitel a {text-decoration:none;font-size:18px;font-weight:bold;margin-bottom:5px;color:#0082cc;display:block;}
.nieTitel span {text-decoration:none;font-size:18px;font-weight:bold;margin-bottom:5px;color:#0082cc;display:block;}
.nieTitel a:hover {color:#777;}
.nieDatum {font-size:11px;margin-bottom:15px;position:relative;}
.nieKort {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e7e7e7;}
.nieTekst a {color:#32cd32;text-decoration:none;}
.nieLink a {border-radius:2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.196);color:#fff;display:inline-block;font-size:13px;padding:5px 20px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#1d7abd;text-decoration:none;line-height:normal;border:0px;}
.nieLink a:hover {background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.23) 0%, rgba(255, 255, 255, 0) 100%);color:#fff;}

.videoWrapper 	{position: relative;padding-bottom: 56.25%;margin-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nieFancyZoom	{text-align:center;margin-top:5px;font-size:12px;display:none;}
.nieFancyZoom a {text-decoration:none;}
.Floader		{width:100%;font-size:10px;text-align:center;line-height:12px;padding-top:10px;}
.Floader img 	{width:40px;height:20px;}

.nieBtn			{}
.nieBtn a		{background-color:#000;color:#fff;display:inline-block;border-radius:5px;text-decoration:none;text-transform:uppercase;padding:7px 15px;font-size:13px;margin-top:15px;}
.nieBtn a:hover {background-color:#c00;color:#fff;}
.nieSmallPic	{width:25%;max-height:60px;overflow:hidden;float:left;}

/*previous-next
********************/
#usable{margin-bottom:35px;float:right;width:250px;}

#usable a{float:left;width:33%;}
#usable a.allA{display:inline-block;text-align:center;width:70px;text-decoration:none;}
#usable a.allD{display:inline-block;text-align:center;width:50px;text-decoration:none;}
#usable a.allA2{display:inline-block;text-align:center;width:80px;text-decoration:none;}
#usable a.Uright{float:right;}
#tabs {margin-top:60px;}


/*footer top
****************/
#footer					{padding:50px 0px;color:#fff;background:url('../images/footer.jpg') center center no-repeat #b31c27;text-align:center;line-height:30px;font-size:14px;position:relative;}
#footer a 				{color:#fff;}
#fct 					{}
#fct2 					{margin:25px 0;}
#fct2 ul 				{margin:0;padding:0;list-style-type:none;}
#fct2 ul li 			{display:inline-block;}
#fct2 ul li a 			{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #fabf3a;border-radius:50%;}
#fct2 ul li a:hover 	{background-color:#fabf3a;transition:0.5s all ease;}
#fct a.tel 				{display:inline-block;}
.navB					{display:none;}
#credits				{font-size:12px;font-weight:700;}
#websiteby {position:absolute;bottom:0px;right:0px;}
#websiteby a {padding:15px 20px;background-color:#fff;color:#b31c27;text-decoration:none;font-size:10px;display:block;line-height:normal;}

/*forms*/
/***********/
.required {color: #FF0000;}
.field_heading {font-weight: bold;padding-top: 10px;}
.field_title {float:left;width:30%;margin-bottom:10px;}
.field_input {float:left;width:70%;margin-bottom:10px;}
.field_checkbox {float:left;width: 100%;margin-bottom:10px;}
.field_title2 {width:100%;margin-bottom:10px;}
.field_input2 {width:100%;margin-bottom:10px;}

.email,.textfield,.textarea,select {color:#7c7c7c;background-color:#fff;border:2px solid #eee;padding:4px;width:100%;font-family:'Ubuntu',arial;box-sizing: border-box;}
.email,.textfield,.textarea{-webkit-appearance: none;border-radius: 0;}
.textarea {height: 100px;}
.checkbox_label {cursor: pointer;}
.radio_label {cursor: pointer;}
.nixhier {display:none;}
.submit {background-color:transparent;color:#0082cc;border:2px solid #fabf3a;text-decoration:none;text-transform:uppercase;font-family:'Poppins',arial;font-weight:700;line-height:normal;display:inline-block;padding:15px 30px;margin-top:20px;}
.submit:hover {background-color:#fabf3a;transition:0.5s all ease;color:#fff;}
.gdpr {font-size:10px;}