body,html {
	margin:0;
	padding:0;
}


* {
	background: #0c4126!important;
}

select {
	background: white!important;
}

h1,h2,h3,p,a,ul,li,div,ol {
	font-family: 'Fira Sans', sans-serif;
	font-weight:300;
}

table h2 {
	font-size:17px;	
}

.pullingResults table th, .pullingResults table td{
	padding: 2px 8px;
}


.affix {
  position: fixed;
  width: 100%;
  -moz-box-shadow: 0 0 15px #000;
  -webkit-box-shadow: 0 0 15px #000;
  box-shadow: 0 0 15px #000;
  background:#101110;
  z-index:99999!important;
}

.arrow {
	position:absolute;
	z-index:999!important;
	right:-80px;
	bottom:-60px;
}

.logo {
	margin-top:10px;	
}

.sic {
	position: absolute;
  right: 0;
	margin-top:14px;
}

.sic a:hover {
	text-decoration:none;	
}

.top {
	background:#101110;
	padding:25px 0;
}

.top h2 {
	color:#fff;	
	font-weight:200!important;
	font-size: 23px;
}

.navigation {
	background:#329f4e;
	
}

.navigation ul {
	padding:0;
	margin:0 auto;
	list-style:none;
}

.navigation ul li {
	float:left;
	background: url(images/divider.png) top right repeat-y;
}

.navigation ul li:hover {
	background:#2a9044!important;
	cursor:pointer;
}

.navigation ul li a {
	color:#fff;	
	  font-size: 15px;
		  padding: 20px 15px 20px 15px;
	display:block;
}

.navigation ul li a:hover {
	text-decoration:none!important;
}

.header {
	background: url(images/header.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:409px;
}

.headerpage {
	background: url(images/header.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:225px;
}

.title {
	background:#f3ce2b;	
}

.title h2 {
	color: #1f1f1f;
  font-size: 24px;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 300;
	margin:20px 0;
}

.title h2 a {
	color: #1f1f1f!important;
}

.program {
	background-image: url('/images/dirt.jpg');
  	background-size: 100% auto;
	min-height:409px;
	padding:150px 0 0 0;
}

.program .block {
	margin-bottom: 175px;
  width: 100%;
  float: left;
}

.program .block-double {
	margin-bottom: 125px;
  width: 48%;
  float: left;
	padding-right:2%;
}

.program .block img,
.program .block-double img{
	float:left;
	position:relative;
}

.program .block .content,
.program .block-double .content-wrap{
	float:left;
	position:relative;
}

.program .block .content-wrap h2,
.program .block .content-wrap p,
.program .block-double .content-wrap h2,
.program .block-double .content-wrap p{
	color:#fff;	
	font-weight:300;
	margin-top:0;
	float:left;
}

.program .block .content-wrap h2 {
	margin:0px 0 20px 0!important;	
}

.program .block-double .content-wrap h2 {
	margin:30px 0 20px 0!important;	
}



.program .block .ribbon,
.program .block-double .ribbon{
	position:absolute;
	z-index:999;
	left:-50px;
	top:-50px;
	display:block;
	width:289px;
	height:241px;
	text-align:right;
	padding-right: 150px;
  padding-top: 45px;
	background: url(images/ribbon.png) no-repeat top left;
}


.program .block .ribbon h2,
.program .block-double .ribbon h2{
	color:#fff;
	font-weight:300;
	font-size:26px;
}

.program .block .ribbon h2 span.bold,
.program .block-double .ribbon h2 span.bold{
	font-weight:bold;
}

.program .block .ribbon h2 span.color,
.program .block-double .ribbon h2 span.color{
	color:#f3ce2b;
}

.program .block .order,
.program .block-double .order{
	position:absolute;
	z-index:9999;
	left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
	bottom:20px;
	width:75%!important;
}

.content {
	background-image: url('/images/dirt.jpg');
  	background-size: 100% auto;
	padding:50px 0 50px 0;
}

.cnt a, .cnt a:hover, .cnt a:visited, .cnt a:focus {
color: #f3ce2b;	
}

.cnt h1 {
	color:#fff;
	font-size:36px;
	font-weight:200;
}

.cnt h2 {
	color:#fff;
	font-size:24px;
	font-weight:200;
}

.cnt p, .cnt td, .cnt ol, .cnt ul {
	color:#fff;
	font-size:14px;
	font-weight:200;
}

.sidebar {
	margin:0;
	padding:0;
	list-style:none;
}

.sidebar li {
	float:left;
	margin-bottom:10px;
	width:100%;
}

.sidebar li a {
	color:#fff;	
}

.footer {
	background:#329f4e;
	padding:50px 0;
}

.footer h2 {
	margin:0 0 20px 0;
	color:#fff;
	font-weight:300;
	font-size:26px;
}

.footer p {
	color:#fff;	
	font-weight:200;
}

.footer a {
	color:#f3ce2b;	
}

.footer a:hover {
	color:#f3ce2b;	
}

.copyright {
	background:#101110;	
}

.copyright p {
	color:#fff;
	margin: 10px 0 5px 0;
	font-size:12px;
}
/* Buttons */
.yellow {
	  background-color: #f3ce2b!important;
  border: 1px solid #f3ce2b!important;
  box-shadow: inset 0 -3px 0 0 #ffc000!important;
  color: #000!important;
	border-radius: 3px;
	padding: 12px 0!important;
	cursor: pointer;
  display: inline-block;
  font-weight: 700!important;
  height: auto;
  outline: none;
  text-align: center;
	width:100%;
}

.yellow:hover {
	  background-color: #ffc000!important;
  border: 1px solid #ffc000!important;
  box-shadow: inset 0 -3px 0 0 #ffc000!important;
	
}

.yellow a {
color: #000!important;
  cursor: pointer;
  font-weight: 700!important;	
}

input.custom {
	padding: 15px 12px!important;
	height: 40px!important;
	background:#65b77a!important;
	border:1px solid #65b77a!important;
	color:#fff;
}

textarea.custom {
	padding: 15px 12px!important;
	background:#65b77a!important;
	border:1px solid #65b77a!important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #fff!important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #fff!important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:    #fff!important;
}

form#subscribe {}

form#subscribe input {
	width:100%;
	padding: 15px 12px!important;
  height: 40px!important;
  background: #fff!important;
  border: 1px solid #65b77a!important;
  color: #000!important;
}

form#subscribe input[type=checkbox], input[type=radio] {
	width:20px;
	padding: 15px 12px!important;
  height: 20px!important;
  background: #fff!important;
  border: 1px solid #65b77a!important;
  color: #000!important;
	float:left;
	margin:20px 0;
}

label {
	color:#fff!important;
}

form#subscribe ::-webkit-input-placeholder {
	color:#000!important;	
}

form#subscribe :-moz-placeholder {
	color:#000!important;	
}

form#subscribe ::-moz-placeholder {
	color:#000!important;	
}

form#subscribe :-ms-input-placeholder {
	color:#000!important;	
}

form#subscribe select {
	color:#000!important;	
}



/* Social media */
.icon-button {
	background-color: none;
	border-radius: 36px;
	cursor: pointer;
	display: inline-block!important;
	font-size: 22px;
	height: 36px!important;
	line-height: 36px;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 36px!important;
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 36px;
	height: 36px;
	border-radius: 36px;
	margin: -18px;
}

/* Icons */
.icon-button i {
	background: none;
	color: white;
	height: 36px!important;
	left: 0;
	line-height: 36px;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
	width: 36px!important;
	z-index: 10;
}


.twitter span {
	background-color: #4099ff;
	opacity: 1.0;
}
.facebook span {
	background-color: #3B5998;
}
.google-plus span {
	background-color: #db5a3c;
}
.tumblr span {
	background-color: #34526f;
}
.instagram span {
	background-color: #517fa4;
}
.youtube span {
	background-color: #bb0000;
}
.pinterest span {
	background-color: #cb2027;
}


.icon-button .icon-twitter {
	color: #fff;
	opacity: 1.0;
}

.icon-button:hover .icon-twitter {
	color: #fff;
	opacity: 1.0;
}

.icon-button .icon-facebook {
	color: #fff;
	opacity: 1.0;
}

.icon-button:hover .icon-facebook {
	color: #fff;
	opacity: 1.0;
}

.icon-button .fa-tumblr {
	color: #34526f;
}
.icon-button .icon-google-plus {
	color: #db5a3c;
}
.icon-button .fa-instagram {
	color: #517fa4;
}
.icon-button .fa-youtube {
	color: #fff;
	opacity: 1.0;
}

.icon-button:hover .fa-youtube {
	color: #fff;
	opacity: 1.0;
}

.icon-button .fa-pinterest {
	color: #cb2027;
}


.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus,
.icon-button:hover .fa-tumblr,
.icon-button:hover .fa-instagram,
.icon-button:hover .fa-youtube,
.icon-button:hover .fa-pinterest {
	color: white;
}



/*prevents a firefox bug*/
#subscribe .firefoxFix{
	padding: 5px 12px !important;
}



/* Custom queries */
@media (max-width: 991px) {
	.when {
		font-size:36px!important;
		text-align:center;
	}
	
	.logo img {
		float:none!important;
		margin:0 auto!important;
	}
	
	.program .block-double {
	width:100%!important;	
}
	.program .block-double .order,
	.program .block .order {
		top:360px!important;
		bottom:auto!important;
	}
	
	.program .block-double {
		margin-bottom:75px!important;	
	}
	
	.program .block .content-wrap h2 {
  margin: 30px 0 20px 0!important;
}
	
}




@media (min-width: 991px) and (max-width: 1199px) {
	.program .block .order {
		top:120px!important;
		bottom:auto!important;
	}
	
	.program .block-double .orderr {
		top:140px!important;
		bottom:auto!important;
	}
	
}
	
@media (min-width: 992px) {
.mobile-nav, .sidebar-mobile-nav {
  display: none;
}
}

@media (max-width: 992px) {
	
	.sb-slidebar {  background: #329f4e!important; border-right:1px solid #fff;}
	
	.sidebar-mobile-nav {
		padding:0!important;	
	}
	
.mobile-nav {
  position: absolute;

  z-index: 99;
  display: block!important;
  width: 100%;
  left: 0;
}
	
	.sidebar-mobile-nav li {list-style:none; border-bottom:1px solid #3EAB5A; padding:20px 0 20px 10px;}
	.sidebar-mobile-nav li ul {padding:0 20px!important;}
	.sidebar-mobile-nav li ul li {border-bottom:none!important;	padding:5px 0;}
	.sidebar-mobile-nav li a {color: #fff; font-size: 18px; font-weight: 200!important;}
	
	.navicon-line {
  width: 24px;
  height: 4px;
  border-radius: 1px;
  margin-bottom: 3px;
  background-color: #fff;
  margin-left: 5px;
}
	
}

@media (max-width: 992px) {
	
	.footer h2 {
		margin-top:30px;
		float:left;
		width:100%;
	}
	
.mobile-nav-select {
  width: 100%;
  padding: 22px 2% 22px 2%;
  list-style: none;
    background: #329f4e;
  margin: 0;
  float: left;
  position: relative;
		display:block!important;
}
}

@media (max-width: 991px) {
.navigation ul {
  display: none;
}
}

.sb-slidebar {
	  background: #329f4e!important;
}

#sb-site {
	min-height:0!important;	
}

.grayLink a{
	color: #F6CECE !important;
}

.affix .kaartenbutton {
	display: none;
}