@charset "utf-8";

/* CSS Document */
body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:17px; 
	color:#1d1d1b; 
	overflow-x:hidden;
}

body, html {
    height: 100%;
}

.bg1 { 
	height: 100%; 
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg2 { 
	height: 50%; 
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg3 { 
	height: 100px; 
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#infobox {
    position: absolute;
    left:20%;
    top: 40%;
    width: 40%;
	max-width:600px;
    text-align: left;
	padding:0;
}
#infobox h1 {
	color: #fff;
	font-family: 'chaparral-pro', Arial, sans-serif;
	font-size:55px;
	font-weight: bold;
	text-align: left;
	line-height:60px;
}

#infobox .whitebox {
    width:100%;
    text-align: center;
    background-color:#fff;
	border:5px solid #fff;
	border-right:0;
	font-family:Arial, Helvetica, sans-serif; 
	padding:15px;
}

.donatie {
	background-color: #76B82A;
	color:white;
}
.donatie h2 {
	color:white;
}
.jumbotron p {
	font-size:16px;
}

.small-black {
    font-size:14px;
	font-weight:normal;
	color:#1d1d1b;
}

.big-red {
    font-size:18px;
	font-weight:bold;
	color:#e30613;
}
.big-red a, .big-red a:hover {
	color:#e30613;
}

.caption {
    position: absolute;
    right:0;
    top: 85%;
    width: 40%;
    text-align: left;
    color: #fff;
	background-color:#e30613;
	border:5px solid #fff;
	border-right:0;
	font-family: 'chaparral-pro', Arial, sans-serif;
	font-size:30px;
	padding:15px;
	font-weight:bold;
}

.captionMobile {
    display:none;
	width: 100%;
    text-align: center;
    color: #fff;
	background-color:#e30613;
	border:5px solid #fff;
	font-family: 'chaparral-pro', Arial, sans-serif;
	font-size:22px;
	padding:15px;
	font-weight:bold;
}

#steunbox {
    position: absolute;
    left:24%;
    top: 70%;
    width: 40%;
	max-width:600px;
    text-align: left;
	padding:0;
}
#steunbox h1 {
	color: #fff;
	font-family: 'chaparral-pro', Arial, sans-serif;
	font-size:55px;
	font-weight: bold;
	text-align: left;
	line-height:60px;
	
}
.circle {
	position:absolute;
	top:-150px;
	right:250px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	font-size: 16px;
	color: #fff;
	padding-top:30px;
	text-align: center;
	background: #e30613;

	transform: rotate(10deg);
	-ms-transform: rotate(10deg); /* IE 9 */
	-webkit-transform: rotate(10deg); /* Safari and Chrome */
	-o-transform: rotate(10deg); /* Opera */
	-moz-transform: rotate(10deg); /* Firefox */
}
	@media (max-width: 1450px){
		.circle {
			right:200px;
		}
		#infobox h1 {
			font-size:40px;
			line-height:45px;
		}
	}
	@media (max-width: 1350px){
		#steunbox h1 {
		font-size:40px;
		line-height:50px;
		}
	}
	@media (max-width: 1250px){
		.circle {
			right:150px;
		}
	}
	@media (max-width: 1100px){
		.circle {
			right:100px;
		}
		#steunbox h1 {
		font-size:30px;
		line-height:35px;
			margin-top:20px;
		}
	}
	@media (max-width: 1023px){
		.circle {
			right:50px;
		}
		.caption {
			font-size:24px;
		}
	}



.caption2 {
    position: absolute;
    right:0;
    top: 50%;
    width: 40%;
	max-width:480px;
    text-align: left;
    color: #fff;
	background-color:#e30613;
	border:5px solid #fff;
	border-right:0;
	font-family: 'chaparral-pro', Arial, sans-serif;
	font-size:30px;
	padding:15px;
	font-weight:bold;
}
.caption2Mobile {
    display:none;
    width:96%;
    max-width:480px;
    text-align: center;
    color: #fff;
	background-color:#e30613;
	border:5px solid #fff;
	font-family: 'chaparral-pro', Arial, sans-serif;
	font-size:30px;
	padding:15px;
	font-weight:bold;
}

h1 { margin:0 0 10px 0; padding:0; font-size:24px; color:#e30613; line-height:30px;
	font-family: 'chaparral-pro', Arial, sans-serif; font-weight:normal; }
	h1 a { text-decoration:none; color:#5e5e5e; }
	h1 span.subtitle { display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#5e5e5e; font-weight:bold; }

h2 { margin:0 0 5px 0; padding:0; font-size:20px; color:#e30613; 
	font-family: 'chaparral-pro', Arial, sans-serif; font-weight:normal; }
	h2 a { text-decoration:none; color:#e30613; }
 
a { color:#e30613; text-decoration:underline;}
a:hover { color:#1d1d1b; text-decoration: none;}

p { margin-bottom:20px;}

img { max-width:100%;}

a img { border:0; }

img.left { float:left; margin:0 5px 5px 0; }
img.right { float:right; margin:0 0 5px 5px; }


.container {
	margin:auto; 
	position:relative;
} 

#logo {
	position:absolute; 
	top:0px; 
	left:-24px; 
	z-index:5; 
	margin-right:40px;
}

#top {
	margin-top:55px; 
	height:90px;
}

#btns { 
	float:left; 
	margin-left:80px; 
}

#btns .holder-right { 
	float:right; 
}

#btns .button { 
	float:left; 
	margin-right:24px; 
}

#navigatie ul li:not(:first-child):before {
    position: absolute;
    left: 0;
    top: 5px;
    content: "|";
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

#navigatie:before {
    position: absolute;
    height: 28px;
    width: 30vw;
    left: 100%;
    top: 0;
    content: "";
    background: #e30613;
}
@media (max-width: 768px)
{
	#navigatie:before {
		display:none;
	}
	#navigatie ul li:before {
    display:none;
	}
	#infobox {
		position:relative;
		width:96%;
		top:30%;
		left:2%;
	}
	#infobox h1 {
		font-size:28px;
	}
	.caption {
		display:none;
	}
	.captionMobile {
		display:block;
	}
	.caption2 {
		display:none;
	}
	.caption2Mobile {
		display:block;
	}
	#steunbox {
		position:relative;
		width:96%;
		top:35%;
		left:2%;
	}
	.circle {
	position:absolute;
	top:-175px;
	}
}

.loginJGW {
	position:absolute;
	top:15px;
	right:15px;
    width:100px;
	height: 30px; 
	text-align:center;
	font-size:16px;
	font-weight:normal;
	line-height:18px;
	padding-top:5px;
}

.logoutJGW {
	z-index:999;
	position:absolute;
	top:15px;
	right:15px;
    height: 30px; 
	text-align:right;
}
.menuJGW {
	z-index:999;
	position:absolute;
	top:15px;
	right:150px;
    height: 30px; 
	text-align:right;
}


.navbar-inverse {
	background-color:#e30613;
	width: auto;
    float: right;
	border:0px;
}
.navbar-nav > li > a {
    padding-top:4px !important; 
    padding-bottom:0 !important;
    height: 28px;
}

.navbar {
	min-height:28px !important;
	border-radius: 0px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
	text-decoration: none;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #ebebeb;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #ebebeb;
}

.navbar-inverse .navbar-toggle {
    border: none;
}
.navbar-toggle {
	margin-right:0;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
	height:3px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #e30613;
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #e30613;
}
	 
.slogan {
	color:#e30613;  
	font-family: 'chaparral-pro', Arial, sans-serif;
	float:right; 
	font-size:30px; 
	font-style:italic; }	 


.buttonType {
    width: 100%;
	margin:0 auto;
    height: 40px; 
	text-align:center;
	padding:10px;
	font-size:18px;
	font-weight:bold;
	vertical-align: middle;
	line-height:18px;
	margin-bottom:20px;
}
.buttonBorderOranje {
	color:#EF7D00;
	border: 1px solid #EF7D00;
}
.buttonBorderOranje:hover {
	background-color:#EF7D00;
	color:white;
}
.buttonOranje {
	background-color:#EF7D00;
	color:white;
}
.buttonOranje:hover {
	color:#EF7D00;
	border: 1px solid #EF7D00;
	background-color:#FFF;
}
.specialButtonOranje  {
	text-decoration: none;
}
.specialButtonOranje:hover {
	text-decoration: none;
}
.boxBorderOranje {
	border: 1px solid #EF7D00;
}
.buttonBorderGroen {
	color:#76B82A;
	border: 1px solid #76B82A;
}
.buttonBorderGroen:hover {
	background-color:#76B82A;
	color:white;
}
.buttonGroen {
	background-color:#76B82A;
	color:white;
}
.buttonGroen:hover {
	color:#76B82A;
	border: 1px solid #76B82A;
	background-color:#FFF;
}
.specialButtonGroen  {
	text-decoration: none;
}
.specialButtonGroen:hover {
	text-decoration: none;
}
.boxBorderGroen {
	border: 1px solid #76B82A;
}
.buttonBorderPaars {
	z-index:999;
	color:#A744A9;
	border: 1px solid #A744A9;
}
.buttonBorderPaars:hover {
	background-color:#A744A9;
	color:white;
}
.buttonPaars {
	background-color:#A744A9;
	color:white;
}
.buttonPaars:hover {
	color:#A744A9;
	border: 1px solid #A744A9;
	background-color:#FFF;
}
.specialButtonPaars  {
	text-decoration: none;
}
.specialButtonPaars:hover {
	text-decoration: none;
}
.boxBorderPaars {
	border: 1px solid #A744A9;
}
.buttonBorderRood {
	color:#e30613;
	border: 1px solid #e30613;
	padding-top:2px;
}
.buttonBorderRood:hover {
	background-color:#e30613;
	color:white;
}
.buttonRood {
	background-color:#e30613;
	color:white;
}
.buttonRood:hover {
	color:#e30613;
	border: 1px solid #e30613;
	background-color:#FFF;
}
.specialButtonRood  {
	text-decoration: none;
}
.specialButtonRood:hover {
	text-decoration: none;
}
.boxBorderRood {
	border: 1px solid #e30613;
}

.btn.focus, .btn:focus {
     color: white; 
}

.buttonIdeal {
	background-color:#B8007D;
	color:white;
}
.buttonIdeal:hover {
	color:#B8007D;
	border: 1px solid #B8007D;
	background-color:#FFF;
}
.div2 {
    width: 300px;
    height: 100px;
    padding: 50px;
    border: 1px solid red;
}
.ondertitelAanmeldformulier {
	margin-top:-20px;
	font-style: italic;
	font-family: 'chaparral-pro', Arial, sans-serif; 
	font-size:20px;  
}

.bevestigingAanmelding {
	margin-top:10px;
	font-style: italic;
	font-family: 'chaparral-pro', Arial, sans-serif; 
	font-size:20px;  
}
.oranje {
	color:#EF7D00;
}
.groen {
	color:#76B82A;
}
.paars {
	color:#A744A9;
}
.rood {
	color:#e30613;
}

footer {
	background:#e30613; 
	margin-top:20px; 
	min-height:100px; 
	color:#FFF; 
	padding:30px 0; 
	font-size:14px;
}

footer .title {
	font-family: 'chaparral-pro', Arial, sans-serif; font-size:17px;  
}

footer .fa {
	background:#FFF; 
	border-radius:50px; 
	color:#e30613; 
	width:50px; 
	height:50px; 
	font-size:30px; 
	text-align:center; 
	margin:0 10px 10px 0; 
	line-height:50px;
}

footer {background:#e30613; margin-top:0; min-height:100px; color:#FFF; padding:30px 0; font-size:14px;}
	footer .title {font-family: 'chaparral-pro', Arial, sans-serif;font-size:17px;  }
	footer .fa {background:#FFF; border-radius:50px; color:#e30613; width:50px; height:50px; font-size:30px; text-align:center; margin:0 10px 10px 0; line-height:50px;}
	footer a {color:#FFF; text-decoration:none; }	 
		footer a:hover {color:#FFF; text-decoration:underline; }	
		footer a.fa:hover {color:#e30613; background:rgba(255,255,255,0.8); text-decoration:none; }	 


	footer .column {float:left; width:18%; padding-left:0;text-align:left;}
	footer .column:nth-child(2) { width:14%;}
	footer .column:nth-child(3) { width:14%;text-align:center;}
	footer .column:nth-child(4) { width:23%;text-align:center;}
	footer .column:nth-child(5) { width:31%;text-align:center;}
	
	@media (max-width: 990px){
		footer .column:nth-child(1),
		footer .column:nth-child(2),
		footer .column:nth-child(3),
		footer .column:nth-child(4),
		footer .column:nth-child(5),
		footer .column { width:33.333%;text-align:center; }
	}
	@media (max-width: 600px){
		footer .column:nth-child(1),
		footer .column:nth-child(2),
		footer .column:nth-child(3),
		footer .column:nth-child(4),
		footer .column:nth-child(5),
		footer .column { width:50%; text-align:center;}
	}
	@media (max-width: 450px){
		footer .column:nth-child(1),
		footer .column:nth-child(2),
		footer .column:nth-child(3),
		footer .column:nth-child(4),
		footer .column:nth-child(5),
		footer .column { width:100%;text-align:center; }
	}

/* Classes */
.clear { clear:both; }
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}