@import 'menu.css';
	
.achtergrondafbeelding{
	background-image		: url(/images/Townships-South-Africa-bg.jpg); 
	background-repeat		: no-repeat;
	background-position		: left bottom;
	/*
	background-attachment	: fixed;
	-webkit-background-size	: cover;
	-moz-background-size	: cover;
	-o-background-size		: cover;
	background-size			: cover;
	*/
}

.transp{		
	background-image		: url(/images/transparant.png); 
}
.transp2{		
	background-image		: url(/images/transparant2.png); 
}

	
body{
	font-family				: 'Didact Gothic', sans-serif;
	font-size 				: 16px;
	font-weight				: normal;
	padding-top 			: 0px;
	color					: #fff;
	line-height				: 20px;
}

.parallax-window {
    min-height	: 1050px;
    background	: transparent;
	width 	: 100%;
}
.tintjegrijs{
	background-color		: #f7f7f7;
}
.content b,strong{
	font-family				: 'Oleo Script', cursive;
	font-size 				: 23px;
	color 					: #00ae6b;
	font-weight : normal;
}
a{
	color	: #fff;
	text-decoration : none;
}
a:hover{
	text-decoration : underline;
	color	: #fff;
}
footer{
	background-color		: #fff;
}
.carousel-item{
	align-items: flex-start;
}

.transparant50{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.transparant80{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.tekstrood{
	color : #7a0715;
}
.tekstgroen{
	color : #133f22;
}
.bggroen{
	background-color : #1d3a2b;	
}
.bglichtgroen{
	background-color : #1e7246;	
}
.schaduw{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bgwit{
	background-color : #fff;	
}
.bgzilver{
	background-color : #e1e1e1;	
}
.bggray{
	background-color : #505050;	
}
.bgzwart{
	background-color : #000;	
}

.schaduw{
	text-shadow: 3px 3px #000;
}
.tekstwit{
	color : #fff;
}

.jumbotron{
	min-height : 600px;
}

.kleurverloop {
    background: #b6ce2b; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #b6ce2b , #65750b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #b6ce2b, #65750b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #b6ce2b, #65750b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #b6ce2b , #65750b); /* Standard syntax (must be last) */
}

	.link{
			width				: 100%;
		}

		.link img:hover {
			
			-moz-transform		:scale(1.1); 
			-webkit-transform	:scale(1.1);
			-o-transform		:scale(1.1);
		}

		.link img {
			-webkit-transition	: all 0.7s ease;
			-moz-transition		: all 0.7s ease;
			-ms-transition		: all 0.7s ease;
			transition			: all 0.7s ease;
			
		}
		.overflowhidden{
			overflow 			: hidden;
		}
		.positionrelative{
			position 			: relative;		
		}
		.positionabsolute{
			position			: absolute;
		}


.icoon{
	margin-top : -24px;
	color : #3a8bc8;
}

.vraag{
	background-color		: #143264;
	color					: #fff;
	text-transform			: uppercase;
	font-size 				: 16px;
	padding 				: 10px;
	padding-left			: 15px;;
	margin-bottom 			: 2px;
}

.niettonen{
	display : none;
}

a.totop{
	font-size 			: 40px;
	color 				: #143264;
}
a.totop:hover{
	background-color 	: transparent;
}


h1{
	
	font-family		: 'Didact Gothic', sans-serif;
	font-size		: 42px;
	text-transform	: normal;
	font-weight		: normal;
	color 			: #5a1b5a;
	margin 			: 0;
	padding-bottom 	: 20px;	
	padding-top 	: 20px;	
	}
.line-img{
	background-image 		: url("/images/lijn.gif");
	background-repeat		: repeat-x;
	background-attachment	: fixed;
	background-position		: 30% 20%;
}	
	
h2{
	font-family		: 'Didact Gothic', sans-serif;
	font-size		: 48px;
	text-transform	: normal;
	font-weight		: bold;
	color 			: #fff;
	margin 			: 0;
	padding-bottom 	: 10px;	
	
}
h3{
	font-family		: 'Didact Gothic', sans-serif;
	font-size		: 32px;
	text-transform	: normal;
	font-weight		: normal;
	color 			: #fff;
	margin 			: 0;
	padding-bottom 	: 10px;	
	
}
h4{
	font-family		: 'Didact Gothic', sans-serif;
	font-size		: 24px;
	text-transform	: normal;
	font-weight		: normal;
	color 			: #fff;
	margin 			: 0;
	padding-bottom 	: 10px;	
	
}

.overlay{
	position 	: absolute;		
	z-index : 100000;
}
.nopadding{
	padding : 0px;
}
.padding30{
	padding : 30px;
}
.padding20{
	padding : 20px;
}
.padding10{
	padding : 10px;
}
.nomargin{
	margin : 0px;
}

.afronding{
	border-radius	:	 8px;
}

.afgerond2{
	border-radius	:	 0px 0px 10px 10px;
}