@charset "UTF-8";
/* CSS Document */

/* elementen die binnen deze div staan met float, clearen*/
.clear {
	overflow: hidden;
}

body {
	background-image: url(images/background1.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: #1B1409;
	background-attachment: fixed;
	color: white;
		}


a {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	text-decoration: none;
}		
		
.body {
	width:2000px;
	height:1333px;
		background-image:url(images/background1.jpg);
		background-size: 100% auto;
		}
		
/* Make Header Sticky */
.header_container { 
background-color: rgba(255,255,255,0.3);
border:1px solid rgba(255,255,255,0.3); 
height:60px; 
left:0; 
position:fixed; 
width:100%; 
top:0;
 }
.header{ 
line-height:60px; 
margin:0 auto; 
width:940px; 
text-align:center;
}
.header a {
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 500px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:24px;
	color: #FFF;
}
.container{
	margin-top:86px;
	}

/*dit zijn de standaard block instellingen */

.transparant-block {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	background-color: rgba(255,255,255,0.3);
}
.tekst-kader1 {
	text-align: center;
	}
.tekst-centreren	{
	/*
	margin: auto;
	width: 200px;
	height: 100px;
	position: relative;*/
	text-align:center;
}

	
.kader-onderruimte {
	margin-bottom: 28px;
}
		
.kader-transparant1 {
	height:228px;
}
.kader-transparant1 a {
	/*zorgt ervoor dat het hele blokje aanklikbaar wordt
	 (wordt net zo groot als het block)*/
	display: block;
	height: 228px;
	
	/*positioneren van de tekst */
	padding-top: 76px;
	padding-left: 15px;
	padding-right: 15px;
	text-align:center;
}
/*tekst verdwijnt (transparant) */
.kader-transparant1 a:hover {
	color: transparent;
}

.kader-transparant2 {
	height:484px;
}
.kader-transparant2 a {
	/*zorgt voor dat het hele blokje aanklikbaar wordt
	 (wordt net zo groot als het block)*/
	display: block;
	height: 484px;
	
	/*positioneren van de tekst */
	padding-top: 228px;
	padding-left: 5px;
	padding-right: 5px;
	text-align:center;
}
/*tekst verdwijnt (transparant) */
.kader-transparant2 a:hover {
	color: transparent;
}

.kader-transparant3 {
	height:484px;
}
.kader-transparant3 a {
	/*zorgt voor dat het hele blokje aanklikbaar wordt
	 (wordt net zo groot als het block)*/
	display: block;
	height: 484px;
	
	/*positioneren van de tekst */
	padding-top: 228px;
	padding-left: 5px;
	padding-right: 5px;
	text-align:center;
}
/*tekst verdwijnt (transparant) */
.kader-transparant3 a:hover {
	color: transparent;
}

.kader-transparant4 {
	height:228px;
}
.kader-transparant4 a {
	/*zorgt voor dat het hele blokje aanklikbaar wordt
	 (wordt net zo groot als het block)*/
	display: block;
	height: 228px;
	
	/*positioneren van de tekst */
	padding-top: 76px;
	padding-left: 15px;
	padding-right: 15px;
	text-align:center;
}
	
	
#kader_marathon:hover {
	background-image: url(images/bijbelmarathon.jpg);
	background-size:cover;
}

#kader_jeugdavond:hover {
	background-image: url(images/jeugdavond.jpg);
	background-size:cover;
}

#kader_wellwater:hover {
	background-image: url(images/wellwater.jpg);
	background-size:cover;
}

#kader_naomi:hover {
	background-image: url(images/naomi.jpg);
	background-size:cover;
}
#kader_timelapse:hover {
	background-image: url(images/timelapse.jpg);
	background-size:cover;
}
#kader_chase:hover {
	background-image: url(images/chase.jpg);
	background-size:cover;
}
#kader_motiongraphic:hover{
	background-image: url(images/motiongraphic.jpg);
	background-size:cover;
	}
#kader_fred:hover{
	background-image: url(images/fred.jpg);
	background-size:cover;
	}
#kader_voornamen:hover{
	background-image: url(images/voornamen.jpg);
	background-size:cover;
	}
#contact:hover {
	background-image: url(images/portretnaomi.jpg);
	background-size:cover;
	}
	
.dehelft {
	width: 50%;
	float: left;
}

.dehelft1 {
	padding-right: 14px;
}

.dehelft2 {
	padding-left: 14px;
}



/* project content */
.projecttoelichting {
	
	}
.kader_iframe {
	
	}