@import url("/3rdparty/css/reset-min.css");
@import url("https://fonts.googleapis.com/css?family=Hind:300,400,700");
@import url("https://kit.fontawesome.com/568bfb352e.css");

#canvas{
}

#slidewrap {
	width: 100%;
	overflow: hidden;
	height: 100%;
}

.nav-button {
	display: none;
}

#slides {
  position: relative;
}

#slides .slides-container {
  display: none;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}

.slides-control {
	z-index: 2;
}

.slides-navigation a {
	position: absolute;
	display: block;
	z-index: 5;
	width: 59px;
	height: 59px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
}

.slides-navigation a.prev {
	left: 0;
	background-image: url(/img/headerleft.png);
}

.slides-navigation a.next {
	right: 0;
	background-image: url(/img/headerright.png);	
}

html {
	font-family: 'Hind', sans-serif;
	background-position: center;
	font-weight: 400;
	background-repeat: repeat-x;
	background-color: #fff;
	font-size: 14px;
	line-height: 24px;	
}

.mobilefield {
	display: none;
}

.arefgo {
	margin-bottom: 80px;
	display: block;
	height: 10px;
	margin-top: -80px;
}

.container {
	max-width: 1240px;
   width: 100%;
   margin: 0px auto;
}

.clear {
	clear: both;
}

.lastchild {
	margin-right: 0px !important;
}

.red {
	color: #E1001A;
}

a {
	color: #000;
	text-decoration: none;
}

h1, h2 { 
	line-height: 26px;
	margin-bottom: 20px;
	font-weight: 700;
}

strong {
	font-weight: 700;
}

#header {
	width: 100%;
	height: 75px;
	background-color: #fff;
}

#headerlogin {
	width: 100%;
	height: 50px;
	background-color: #8b1917;
	position: fixed;
	top: 0px;
	z-index: 2;
}

.okvheaderitems {
	height: 50px;
	float: right;
	padding: 0px 25px;
	line-height: 51px;
	font-weight: 300;
	border-left: 1px solid rgba(255,255,255,0.5);
	margin-left: -1px;
	color: #fff;
}

.okvheaderitems:first-child {
	border-right: 1px solid rgba(255,255,255,0.5);
}

.okvheaderitems:hover {
	text-decoration: underline;
}

#headersm a {
	margin: 0px 7px;
	margin-top: 6px;
	display: block;
	float: left;
}

.menublock {
	width: 100%;
	background-color: #fff;
	border-top: 5px solid #b82018;
	height: 70px;
	z-index: 10;
   position:fixed;
   top:0;
   box-shadow: 0px 2px 3px rgba(0,0,0,0.35);
}

.okvlogo {
	width: 97px;
	height: 125px;
	margin-top: 15px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
}

#menu {
	height: 45px; 
}

#menu ul {
	float: right;
}

#menu ul li {
	float: left;
	text-align: right;
	font-size: 16px;
	margin: 0px 20px;
	line-height: 70px;
	height: 70px;
	margin-right: 0px;
	position: relative;
}

#menu ul li ul {
	background-color: #fff;
	position: absolute;
	min-width: 230px;
	display: none;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}

#menu ul li:hover ul {
	display: block;
}

#menu ul li ul li {
	width: 100%;
	text-align:	left;
	margin-left: 0px;	
	line-height: 45px;
	height: 45px;
	text-indent: 15px;
	border-top: 1px solid #ecefef;
}

#menu ul li ul li:hover {
	height: 45px;
	border-bottom: none;
}

#menu ul li ul li a {
	height: 45px;
}

#menu ul li a {
	height: 80px;
	display: block;
}

#menu ul li a:hover {
	color: #b82018;
}

#menu ul li:hover {
	border-bottom: 2px solid #888;
}

#headerimage {
	width: 100%;
	height: 250px;
	background-position: center center;
	position: relative;
}

#headerimage .title {
	line-height: 26px;
	margin-bottom: 20px;
	font-weight: 700;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 50px;
	line-height: 60px;
	padding-top: 100px;
	font-weight: 400;
	text-shadow: 2px 2px 4px rgba(11,11,11,0.65);
}

#headerimage .title strong {
	font-weight: 700;
	font-size: 70px;
}

#headerimage .tellmemore {
	background-color: #fff;
	padding: 2px 0px;
	margin: 0px auto;
	display: block;
	text-align: center;
	font-size: 14px;
	width: 125px;
	margin-top: 20px;
}

a.slideright, a.slideleft {
	position: absolute;
	right: 0px;
	width: 59px;
	height: 59px;
	top: 208px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
}

a.slideleft {
	left: 0px;
}

#headerimage .container {
	position: absolute;
	top: 0px;
	z-index: 2;
	left: 50%;
	margin-left: -400px; 
   width: 800px;
}

.nieuwsitemhome.middle {
	margin-left: 8%;
	margin-right: 8%;
}

.nieuwsitemhome {
	float: left;
	width: 33.333%;
	margin: 50px auto;
	padding: 0px 30px;
	box-sizing: border-box;
	/* text-align: center; */
   margin-top: 25px;
   cursor: pointer;
}

.niewsitemhome:hover {
   background-color: #B82018;
}

.nieuwsitemhome h2,
.homepagenews h3 {
	font-size: 24px;
	line-height: 28px;
	color: #b82018;
	margin-top: 15px;
	width: 90%;
	/* text-align: center; */
	min-height: 56px;
}

.homepagenews h3 {
	margin-bottom: 20px;
	font-weight: 700;
}

.nieuwsitemhome h4 {
	margin-top: 10px;
	/* text-align: center; */
	color: #999;
	text-transform: uppercase;
}

.nieuwsitemhome p {
	width: 100%;
	line-height: 24px;
   margin-top: 10px;
	/* text-align: center; */
}


#tweethome, #wedstrijdschemahome {
	padding: 45px 0px;
	font-size: 24px;
	line-height: 32px;
	font-weight: 400;
	color: #fff;
	background-color: #b82018;
	overflow: hidden;
	width: 100%;
	position: relative;
}

#wedstrijdschemahome a {
	color: #fff;
}

#wedstrijdschemahome.detail a {
	color: #000;
}

#wedstrijdschemahome a:hover {
	text-decoration: underline;
}

#paginatie {
   width: 85%;
   text-align: center;
   display: block;
   margin: 0px auto;
}

#paginatie a {
	font-size: 18px;
   width: 40px;
   height: 40px;
   line-height: 43px;
   border-radius: 0px;
   border: 1px solid #e1e1e1;
   display: inline-block;
   text-align: center;
   margin: 10px 3px;
}

#paginatie a.active {
	color: #fff !important;
	background-color: #b82018;
}

#wedstrijdschemahome {
	font-size: 14px;
}

#wedstrijdschemahome h2 {
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}

#wedstrijdschemahome hr {
	height: 2px;
	border: none;
	width: 75px;
	background-color: #fff;
	margin: 25px auto;
}

#wedstrijdschemahome table {
	width: 100%;
}

#wedstrijdschemahome table td, #wedstrijdschema hom table th {
	width: 10%;
}

#wedstrijdschemahome table th {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
}

#wedstrijdschemahome table td.large, #wedstrijdschemahome table th.large {
	width: 35%;
}

#wedstrijdschemahome h2 strong {
	font-weight: 700;
}

#wedstrijdschemahome.detail {
	background-color: transparent;
	color: black;
}

#wedstrijdschemahome.detail hr {
	background-color: black;
}

#tweethome strong {
	font-weight: 700;
}

#tweethome span.twitteraccount {
	font-weight: 300;
	color: rgba(255,255,255,0.5);
}

#tweet_text {
	font-size: 30px;
	font-weight: 300;
	line-height: 40px;
	width: 60%;
	margin-left: 20%;
}

#tweet_text, #referenceitems.animate {
	-webkit-transition: left 2s;
	-moz-transition: left 2s;
	transition: left 2s; 
}

#referenceswrap {
	overflow-x: hidden;
	position: relative;
	height: 517px;
}


#referenceitems {
	position: absolute;
	width: 6400px;
	top: 0px;
	left: 0px;
}



.tweet_title, #tweethome, .homepage_title {
	width: 100%;
	text-align: center;
}

.tweet_title, .wedstrijdschema_title {
	color: #fff;	
	background-color: #8b1917;	
}

.homepage_title, .news_overview h1  {
	height: 80px;
	font-size: 50px;
	text-transform: uppercase;
	line-height: 85px;
	font-weight: 300;
}

.tweet_title strong {
	font-weight: 700;
}

#sponsorkliks {
   display: block;
   margin-top: 75px;
   margin-bottom: 100px;
   cursor: pointer;
}

#uptodateagenda {
   background-color: #f1f1f1;
   padding-bottom: 50px;
}

#uptodateagenda.uptodateagendamobile {
   display: none;
}

#uptodateagenda_table {
	width: 100%;
}

#uptodateagenda_table td {
	width: 40%;
	vertical-align: top;
	font-weight: bold;
	padding-bottom: 15px;
}

#uptodateagenda_table td span {
	font-size: small;
	font-weight: normal;
	color: #999;
}

#uptodateagenda_table td.date_agenda {
	width: 10%;
	color: #b82018;
}


.referenceblock {
	width: 5%;
	border: 1px solid #D8D9DA;
	float: left;
	margin-top: 50px;
	margin-bottom: 60px;
	padding: 20px;
	margin-right: 15px;
	position: relative;
}

.whiteblock {
	width: 435px;
	height: auto;
	float: right;
	background-color: #fff;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
	position: relative;
	z-index: 3;
}

.whiteblock.left {
	float: left;
}

.referenceblock:last-child {
	margin-right: 0px;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 25px solid #b82018;
	margin: 0px auto;
}

.referenceblock .referencelogo {
	width: 186px;
	margin-left: -10px;
	margin-top: -10px;
	height: 90px;
	margin-bottom: 10px;
	background-position: center center;
	background-repeat: no-repeat;	
}

.referenceblock hr {
	width: 100%;
	height: 1px;
	border: none;
	background-color: #999;
	margin: 0px;
	margin-bottom: 15px;
}

.referenceblock .referencetext {
	text-align: center;
	margin-bottom: 15px;
}

.referenceblock .referencecustomer {
	font-weight: 700; 
	font-size: 16px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.allreferences, .companys {
	width: 100%;
	height: 100px;
	padding-top: 25px;
	background-color: #f7f7f7;
}

.allreferences {
	height: 90px;
	padding-top: 35px;
}


.slick-prev:before, .slick-next:before {
	content: "";
}

#newsslider .slick-prev, #newsslider .slick-next {
	color: #b82018;
	font-size: 65px;
	margin-top: -35px;
}

#newsslider .slick-next {
	right: -25px;
}

#newsslider .slick-prev {
	left: -25px;
}


.verslagcalender .slick-prev, .verslagcalender .slick-next {
	color: #fff;
	font-size: 30px;
	top: 0px;
}

h3.month {
	text-align: center;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: #fff;
	opacity: 1;
}

.slick-prev {
	left: -5px;
	z-index: 100;
}

.slick-next {
	right: 0px;
	z-index: 100;
}

.slick-disabled {
	display: none !important;
}


/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Container DIV */
.simply-scroll { 
	max-width: 1400px;
	height: 75px;
	margin: 0px auto;
	width: 100%;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	max-width: 1400px;
	height: 75px;
	width: 100%;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	height: 75px;
	/* width: 135px; */
	
	margin-right: 30px;
}

.simply-scroll .simply-scroll-list li a {
	/* width: 125px; */
	height: 75px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
}


.allreferences .block {
	height: 55px;
	padding: 0px 10px;
	padding-left: 0px;
	text-align: center;
	border: 1px solid #D8D9DA;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 55px;
	font-weight: 700; 
	width: 300px;
	text-transform: uppercase;
	margin: 0px auto;
	display: block;	
}

.allreferences .block .image {
	width: 60px;
	height: 55px;
	margin-right: 10px;
	float: left;
	background-image: url(/img/referencesall.png);
	background-position: center center;
	background-repeat: no-repeat;
	border-right: 1px solid #D8D9DA;
	
}




#footer {
	width: 100%;
	height: 250px;
	background-color: #ddd;
	position: relative;
	color: #333;
	padding-top: 50px;	
}

#footer .footercontent {
	float: left;
	width: 30%;
	margin-right: 5%;
	font-size: 14px;
	line-height: 20px;
	min-height: 230px;
}

#footer .footercontent:last-child {
	margin-right: 0px;
}

#footer .footercontent hr {
	background-color: rgba(55,55,55,0.5);
	border: 0px;
	width: 100%;
	height: 1px;
	margin-top: 8px;
}

#footer .footercontent a {
	color: #444;
	width: 100%;
	padding-bottom: 5px;
	display: block;
}

#footer .footercontent a span {
	text-align: right;
	display: block;
	float: right;
}

#footer .footercontent a:hover {
	text-decoration: underline;
}

#footer .footercontent a.mailto {
	width: auto;
	border: none;
	margin: 0px !important;
	padding: 0px !important;
}

#footer .footercontent h3 {
	font-size: 18px;
	font-weight: 700;
	position: absolute;
	z-index: 1;
	background-color: #ddd;
	padding-right: 10px;
}

#footer .footercontent .tab {
	width: 90px;
	display: block;
	float: left;
}

#copyright {
	width: 100%;
	height: 60px;
	background-color: #333C40;
	position: absolute;
	bottom: 0px;
	color: #fff;
	line-height: 60px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#copyright .totop {
	width: 55px;
	height: 60px;
	background-color: #1A1E20;
	float: right;
/*	background-image: url(/img/backtoup.png); */
	background-position: center center;
	background-repeat: no-repeat;
}


.arrow-up, .allreferencesup  {
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 25px solid #333C40;
	margin: 0px auto;
	margin-top: -25px;
}

.allreferencesup {
	border-bottom-color: #f7f7f7;
}

#footer .footercontent a.ftsm {
	float: left;
	margin-right: 15px;
	width: 37px;
	height: 37px;
	margin-top: -3px;
	border-bottom: none;
}

#sponsorshead,
#sponsorshead2 {
   height: 100px;
   display: block;
   width: 100%;
   margin: 0px auto;
   margin-top: 15px
}

#sponsorshead2 {
   margin-top: 0px;
}

#sponsorshead .column-1-6 .grid-item,
#sponsorshead2 .column-1-6 .grid-item {
   margin: 0px 20px;
}

#sponsorshead .column-1-6 .grid-item .grid-item-cell,
#sponsorshead2 .column-1-6 .grid-item .grid-item-cell {
   height: 100px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   opacity: 0.6;
   -webkit-filter: grayscale(100%);
}

#sponsorshead2 .column-1-6 .grid-item .grid-item-cell {
   -webkit-filter: grayscale(0%);
}

#sponsorshead .column-1-6 .grid-item:hover .grid-item-cell,
#sponsorshead2 .column-1-6 .grid-item:hover .grid-item-cell {
   opacity: 1;
   -webkit-filter: grayscale(0%);
}

/* - - - STATIC PAGE - - - */

.staticblock {
	margin: 50px 0px;
}

h1, .staticblock h1 {
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 50px;
	line-height: 35px;
	color: #8b1917;
}

.staticcontent h1 {
	margin-bottom: 10px;
}

.staticcontent span.date,
.staticcontent span.newsauteur {
	font-size: 20px;
	color: #999;
	margin-bottom: 10px;
	display: block;
}

.staticcontent {
	width: 800px;
	padding-right: 35px;
	min-height: 500px;
	float: left;
}

.staticcontent a {
	text-decoration: underline;
}

.staticcontent a:hover {
	text-decoration: none;
	color: #b82018;
}

.lastblock {
	float: right;
	width: 280px;
	height: 625px;
}

.lasttweet, .lastblog {
	width: 230px;
	padding: 25px;
	color: #fff;
	line-height: 18px;
	display: block;
}

.lasttweet h2, .lastblog h2, #sponsorblock h2, #sponsorspagina h2 {
	font-size: 21px;
	font-family: 'Hind', sans-serif;
	text-transform: uppercase;
	line-height: 24px;
}


#sponsorblock h2 strong, #sponsorspagina h2 strong {
	font-weight: 700;
	font-size: 24px;
}

.lasttweet h2 strong, .lastblog h2 strong {
	font-weight: 700;
	font-size: 26px;
}

#sponsorblock {
	text-align: center;
	margin-bottom: 75px;
}

#sponsorblock h2, #sponsorspagina h2 {
	background-color: #fff;
	display: inline-block;
	text-align: center;
	padding: 0px 5px;
	font-size: 24px;
	color: #b82018;
	margin: 10px auto;
}

#sponsorspagina {
	text-align: center;
}
#sponsorspagina h2 {
	text-align: center !important;
}

#content .staticcontent a {
   text-decoration: underline;
   cursor: pointer;
}

#content a:hover {
   text-decoration: none;
   color: #b82018;
}

.hrsponsorblock {
	width: 100%;
	height: 4px;
	border: none;
	margin-top: -26px;
	background-color: #b82018;
}

.headsponsor {
	width: 33%;
	height: 250px;
	background-color: #fff;
	display: block;
	border-right: 4px solid #b82018;
	float: left;
	margin-right: 5%;
	
	background-repeat: no-repeat;
	background-position: center;
}

.othersponsor,
.hoofdsponsor {
	width: 23.5%;
	margin-right: 2%;
	height: 200px;
	margin-bottom: 25px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	background-size: 85% auto;
	
	text-align: center;
}

#sponsorspagina .othersponsor {
	height: 450px;
}

.othersponsor a.sponsorlogo,
.hoofdsponsor a.sponsorlogo {
	display: block; 
	height: 200px; 
	width: 80%;
	margin-left: 10%;
	margin-top: 20px;
	margin-bottom: 20px;	
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.othersponsor a.sponsorlogo img,
.hoofdsponsor a.sponsorlogo img {
   display: none;
}

.hoofdsponsor {
	width: 32%;
	background-position: center center;
}

.othersponsor:nth-child(4n+3),
#sponsorspagina .othersponsor:nth-child(4n+4),
.hoofdsponsor:nth-child(5n) {
	margin-right: 0px;
}

#sponsorspagina .othersponsor:nth-child(4n+3) {
   margin-right: 2%;
}


#sponsorspagina .hoofdsponsor {
   height: 480px;
}

#sponsorspagina .hoofdsponsor:nth-child(3n) {
   margin-right: 0px;
}

.sponsortekst {
	text-align: left;
}


.lastblog {
	background-color: #b82018;
}

.lasttweet {
	min-height: 140px;
	background-color: #b82018;
	margin-top: 20px;
	margin-bottom: 20px;
}

.tweet, .blog {
	width: 100%;
	border-top: 2px solid #8b1917;
	padding-top: 10px;
	margin-top: 5px;
	padding-bottom: 5px;
	position: relative;
	display: block;
	color: #fff;
	text-transform: uppercase;
}

.blog:hover {
   color: #580d0c !important;
}

.tweet {
	border-color: #fff;
}

.tweet .text {
	width: 185px;
	margin-left: 45px;
	margin-top: -32px;
	margin-bottom: -20px;
	display: block;
}


#headerimage.page-static h1 {
	text-align: center;
	margin-left: 0px;
	padding-top: 150px;
}

#headerimage.page-overview {
	height: 250px;
}

#headerimage.page-home {
	height: 350px;
}

#headerimage:not(.page-home) h1 {
	display: none;
}

.companys .company a img.logoblackwhite {
	display: block;
}

.companys .company a img.logocolor {
	display: none;
}

.companys .company a:hover img.logoblackwhite {
	display: none;
}

.companys .company a:hover img.logocolor {
	display: block;
}

#headerimage.page-static #headerballoon {
	background-image: none !important;
	text-align: center !important;
	width: 900px !important;
	margin-left: 100px !important;
	padding-left: 0px !important;
	margin-top: 20px !important;
	padding-top: 0px !important;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

#headerimage.page-static .tellmemore {
	display: none !important;
}

.news_overview h1 {
	text-align: center;
	margin-bottom: 00px;
}

.news_button {
	width: 32%;
	margin-bottom: 20px;
   margin-right: 2%;
	display: block;
	float: left;
   background-color: #f1f1f1;
   padding: 20px;
   box-sizing: border-box;
}

.fakebutton,
.btn,
.submit {
	display: inline-block;
	padding: 0 35px;
   line-height: 50px;
	border-radius: 45px;
	background-color: #b82018;
   font-size: 16px;
	color: #fff;
	margin-top: 15px;
	box-shadow: 0px 3px 0px #8b1917;
	text-decoration: none !important;
	appearance: none;   /* verwijdert standaard browser-opmaak */
	-webkit-appearance: none; /* nodig voor Safari/Chrome */
	-moz-appearance: none;    /* nodig voor Firefox */
	border: none;
}

.news_button:nth-child(3n+4) {
	margin-right: 0;
}

.news_button h2 {
	font-weight: bold;
	font-size: 21px;
	margin-bottom: 0px;
   min-height: 55px;
}

.news_button h3 {
	color: #888;
	font-size: 16px;
	font-weight: 300;
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: 3px solid #b82018;
	margin-bottom: 5px;
}

.news_button p {
	color: #333;
   min-height: 110px;
}

.news_button:hover {
   background-color: #b82018;
}

.news_button:hover h2,
.news_button:hover h3,
.news_button:hover p {
   color: #fff;
}

.news_button:hover h3 {
border-bottom: 3px solid #8b1917;
}

/* VERSLAG */

.verslagcalender .active {
	font-weight: bold;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
}


.kco {
	margin: 0px !important;
	padding: 0px !important;
}


/* - - - SITEMAP - - - */

#sitemaplist ul {
	margin-left: 15px;
}