body
{
	font-family:'open sans';
	font-style:light;
	font-size:13px;
}

#header
{
	height:90px;
}

#nav
{
	margin-top:5px;
}

#logo_cag
{
	width:110px;
	margin-top:10px;
}

.nav
{
	color: black;
	height:90px;
}

.active
{
	background-color:#eee;
	border-radius:0px !important;
	-webkit-border-radius: 0px !important;
}

.nav>li
{
	line-height:70px;
	border-radius:0px !important;
	-webkit-border-radius: 0px !important;
}

#header_picture
{
	background-image: url("../_img/survey.jpg");
	height:340px;
	width:100%;
	background-position: center center;
	background-size:100%;
}
#header_contact
{
	height:360px;
	width:100%;
	
}
#rechts
{
	text-align:right;
	padding-right:40px;
}
#samson
{
	margin:auto;
	height:100px;
	width:450px;
}
#kaart
{
	width:100%;
	height:360px;
}
#hands
{
	
	width:250px;
}

h1
{
	font-family: 'open sans';
	font-weight:800;
	font-size:100px;
	color:#fff;
	margin-top:40px;
}

h2
{
	font-family: 'open sans';
	font-size:58px;
	color:#fff;
	margin-top:-40px;
}

h3
{
	font-family: 'open sans';
	font-size:36px;
}

h4
{
	font-family: 'open sans';
	font-size:24px;
	font-style:bold;
}

h5
{
	font-family: 'open sans';
	font-size:24px;
}

#bannertitel
{
	margin-top:60px;
}

#who
{
	margin-top:60px;
	padding-bottom:40px;
}

#handsfoto
{
	margin-top:80px;
	text-align:right;
	padding-right:100px;
}
#hansfoto
{
	margin-top:80px;
	text-align:right;
	padding-right:60px;
}
#wouterfoto
{
	margin-top:40px;
	margin-bottom:40px;
	
}
#cogs
{
	margin-top:100px;
}

#whatdo
{
	margin-top:20px;
	text-align:right;
	padding-right:50px;
}

.opsom
{
	margin-left:40px;
}

#fotoTekst
{
	margin-top:134px;
}

#footerEen
{	
	background-color: #e1e1e1;
	height:320px;
	padding-top:30px;
	padding-bottom:30px;
}

.infoblok
{
	background-color:#f3f3f3;
	border-bottom: 20px solid white;
	border-left: 10px solid white;
	height:250px;
}

.midden
{
	text-align: center;
}

.rechts
{
	text-align:right;
	padding-right:50px;
}

#footerTwee
{	
	height:40px;
	background-color: #f9f9f9;
	padding-top:5px;
}

#copy
{
	padding-top:3px;
}

#socialLogo
{	
	margin-right:5px;
	padding-bottom:5px;
}

#submit
{
	margin-bottom:80px;
	margin-top:20px;
	width:100px;
}
#formcomment
{
	margin-bottom:40px;
	height:100px;
}
#comment
{
	
	height:100px;
}
#form
{
	margin-bottom:20px;
}

.foto
{
	opacity:0.5;
	-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
	transition: opacity 1s;
	margin-right:5px;
	margin-bottom:10px;
}

.foto:hover
{
	opacity:1;
	-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
transition: opacity 1s;
}

@media screen and (max-width: 992px) 
{
#header_picture
	{
		height:200px;
	}
	#bannertitel
	{
		margin-top:10px;
	}
	h1
	{
		margin-top:30px;
	}
	
	#logo_cag
	{
		margin:auto;
		margin-top:20px;
	}
	#positioner
	{
		
		width:110px;
		height:110px;
		margin:auto;
	}	
	#positioner2
	{
		margin:auto;
		width:250px;
	}
	#footerEen
	{
		height:740px;
	}
	#footertwee
	{
		
		text-align:center;
	}
	#copy
	{
	
		text-align:center;
	}
	#whatdo
	{
		margin-bottom:20px;
		text-align:left;
	}
	.rechts
	{
		text-align:center;
		margin-bottom:40px;
		padding-right:10px;
	}
	.links
	{
		text-align:center;
		margin-bottom:40px;
	}
	#cogs
	{
		display:none;
	}
	#handsfoto
	{
	
		margin-top:0px;
	}
	#hansfoto
	{
		
		padding-right:15px;
		margin-top:0px;
		margin-bottom:20px;
	}
	#wouterfoto
	{
	
		margin:auto;
	}
	
}
@media screen and (max-width: 768px) 
{
	h1
	{
		margin-top:60px;
	}
	#rechts
{
	text-align:center;
	padding-right:0px;
	
}
	#header_contact
	{
		margin-top:320px;
	}
	body
	{
		text-align:center;
	}
	#whatdo
	{
		text-align:center;
		padding-right:0px;
	}
	#header_picture
	{
		margin-top:300px;
	}
	#header
	{
		margin-bottom:10px;
	}
	#handsfoto
	{
		padding-right:0px;
	}
	#samson
	{
		width: auto;
	}
}
@media screen and (max-width: 768px) 
{
	h1
	{
		font-size:60px;
	}
	h2
	{
	margin-top:-25px;
		font-size:35px;
	}
	
}