/* laptop*/
@media only screen and (max-width:1280px){
	.logoMenu {
		font-size: 1.85em;
}


	.titel{
		font-size: 70%;
}
	.logo{
		margin-left: 290px;
}
	}
/* tablets landscape*/
@media only screen and (max-width:1024px) {
	
	
	.logoMenu a{
		font-size: 1.25em;
}

	.navigatie li{
		font-size: 0.9em;
}	
	.titel{
		width: auto;
		font-size: 90%;
}

	.inhoud{	
		width: 480px;
}
	.inhoudinfo{
		width: 480px;
}

	.onderBox{
		width: 340px;
		margin-right: 47px;
}
	.photo img{
		margin-left: -100px;
		margin-top: -160px;
}
	.phototeam img{
		margin-left: -120px;
		width: 100%;
		margin-top: 0px;
}

	}
/* tablets-portrait*/
@media only screen and (max-width:960px){
.menuHoofd{
		height: 70px;
}
	
	.logoMenu  {
		width: 70%;
		padding-left: 15px;
		height: 70px;
		line-height: 45px;
		font-size: 1.25em;
}
	.navigatie #hoofdmenu{
		display: none;
}
	.navigatie:hover #hoofdmenu {
		display: block;
}
	.navigatie  {
		position:absolute;
		display:block;
		width:100%;
		height: 100%;
}
	.navigatie  .menu-hoofd-menu-container{
		width:100%;
		float: left;
		height: 100%;
		position: relative;
}
	.navigatie ul {
		float: left;
		width: 100%;
		background-color:#7fce3f;
		height: 100%;
}
	.navigatie li{
		line-height: 50px;/*?*/
		display:block;
		padding-left:15px;
		text-align: left;
		font-size: 0.95em;
		width: 75%;
		height: 50px;
		border-top-style:groove;
		border-color: grey, white;
		border-width:2px;
}	
	.navigatie ul li:hover a{
		color: #ffffff;
		background-color:#CFE722;
}

	.menuIcon{
		height:40px;
		width: 20%;
		float: right;
		display: block;
		text-align: center;
		background-color: #7fce3f;
		position: relative;
		border-radius: 0px 0px 12px 12px;
		right: 10px;
		top: 0px;
		bottom: 0;
		z-index: 1000; 
}
	.menuIcon a{
		font-family: Myriad-Pro;
		color: #ffffff;
}
	
	.titel{
		height: 50px;
		width: 100%;
		padding-top: 5%;
}
	.titel h1{
		line-height: 1.4em;
		font-size: 2em;
}
	.Rechts{
		width: 95%;
}	
	.inhoud{
		height: auto;
		width: 100%;
		padding: 0 2.5%;
		margin-top:40px;
		box-sizing: border-box;
}
	.inhoudinfo{	
		height: 300px;
		margin-left: 0px;
		font-size: 0.75em;
		width: 85%;
		margin-top: 40px;
		margin-bottom: 120px;
}
	.inhoudinfo h2{
		padding-left: 25%;
		padding-top: 30px;
		padding-right: 0px;
}
	
	.Links{
		width: 95%;
}
	.onderBox{
		margin-top: 15%;
		height: auto;
		width: 100%;
		box-sizing: border-box;
}

	.photo{
		width: 68%;
		float: left;
		box-sizing: border-box;
}
	.photo img{
		margin-left: 10px;
		margin-top: -450px;
}

	.photoMG{
		width: 65%;
		float: left;
		box-sizing: border-box;
}
	.photoMG img{
		margin-left: 40px;
		margin-top: -450px;
}

	.phototeam{
		width: 48%;
}
	.phototeam img{
		margin-left: 70px;
		margin-top: -600px;
}
	
	.logo{
		margin-top:4px;		
		width: 40%;
		height: auto;
		float: right;
}	
	
	.site-footer{
		margin-top: 20px;
}
	.balkHelpdesk{
		font-size: 1em;
}
	.balkHelpdesk p{
		padding-top:2%;
}
	.balkHelpdesk img{
		height: 60px;
		width: auto;
}
	.balkAQ-box{
		width: 100%;
}

	}


/* smartphone landscape*/
@media only screen and ( max-width:767px){
	.menuHoofd{
		height: 70px;
}

	.logoMenu  {
		width: 70%;
		float: left;
		padding-left: 15px;
		height: 70px;
		line-height: 45px;
		font-size: 75%;
}
	.navigatie #hoofdmenu{
		display: none;
}
	.navigatie:hover #hoofdmenu {
		display: block;
}
	.navigatie  {
		position:absolute;
		display:block;
		width:100%;
		background-color: #7fce3f;
		height: 100%;
}
	.navigatie  .menu-hoofd-menu-container{
		width:100%;
		float: left;
		height: 100%;
		position: relative;
}
	.navigatie ul {
		float: left;
		width: 100%;
		background-color:#7fce3f;
		height: 100%;
}
	.navigatie li{
		line-height: 50px;
		display:block;
		padding-left:15px;
		text-align: left;
		font-size: 0.95em;
		width: 85%;
		height: 50px;
		border-top-style:groove;
		border-color: grey, white;
		border-width:3px;
}
	.navigatie ul li a{
		display:block;
		color:#ffffff;
		text-decoration:none;
		height: 50px;
}
	.navigatie ul li:hover a{
		color: #ffffff;
		background-color:#CFE722;
}

	.menuIcon{
		height:40px;
		width: 17%;
		float: right;
		display: block;
		text-align: center;
		background-color: #7fce3f;
		position: relative;
		border-radius: 0px 0px 12px 12px;
		right: 10px;
		top: 0px;
		bottom: 0;
		z-index: 1000; 
}
	.menuIcon a{
		font-family: Myriad-Pro;
		color: #ffffff;
}
	.titel{
		height: 50px;
		width: 100%;
		padding-top: 5%;
}
	
	.Rechts{
		width: 90%;
}	
	
	.inhoud{
		height: auto;
		width: 100%;
		padding: 0 2.5%;
		margin-top:80px;
		box-sizing: border-box;
}
	.inhoudinfo{	
		height: 460px;	
		margin-left: 15px;
		font-size: 0.94em;
		max-width: 85%;	
}
	.inhoudinfo h2{
		padding-left: 10%;
		padding-top: 70px;
		padding-right: 10px;
}
	
	.Links{
		width: 90%;
		
}
	.onderBox{
		margin-top: 15%;
		margin-right:0px;
		background-image: url();
		background-color: transparent;
		height: auto;
		width: 100%;
		box-sizing: border-box;
}

	.photo{
		width: 65%;
		float: left;
		box-sizing: border-box;
}
	.photo img{
		margin-left: 10px;
		margin-top: -380px;
}
	
	.photoMG{
		width: 65%;
		float: left;
		box-sizing: border-box;
}
	.photoMG img{
		margin-left: 40px;
		margin-top: -510px;
}

	.phototeam{
		width: 45%;
}
	.phototeam img{
		margin-left: 70px;
		margin-top: -505px;
		/*border-bottom-width: 3px;
		border-bottom-color: green;
		border-bottom-style: solid;*/
}
	
	.logo{
		margin-top:4px;		
		width: 30%;
		height: auto;
		float: right;
}	
	
	.site-footer{
		margin-top: 20px;
}
	.balkHelpdesk{
		font-size: 1em;
}
	.balkHelpdesk img{
		height: 50px;
		width: auto;
}
	.balkAQ-box{
		width: 100%;
}

	}
	

	
/* smartphone portrait*/
@media only screen and (max-width:479px){
	.menuHoofd{
		height: 70px;
}
	
	.logoMenu  {
		width: 70%;
		float: left;
		padding-left: 15px;
		height: 70px;
		line-height: 45px;
		font-size: 1.0em;
}
	.navigatie #hoofdmenu{
		display: none;
}
	.navigatie:hover #hoofdmenu {
		display: block;
}
	.navigatie  {
		position:absolute;
		display:block;
		width:100%;
		background-color: #7fce3f;
		height: 100%;
}
	.navigatie  .menu-hoofd-menu-container{
		width:100%;
		float: left;
		height: 100%;
		position: relative;
}
	.navigatie ul {
		float: left;
		width: 100%;
		background-color:#7fce3f;
		height: 100%;
}
	.navigatie li{
		line-height: 50px;
		display:block;
		padding-left:15px;
		text-align: left;
		font-size: 0.95em;
		width: 75%;
		height: 50px;
		border-top-style:groove;
		border-color: grey, white;
		border-width:2px;
}
	.navigatie ul li a{
		display:block;
		color:#ffffff;
		text-decoration:none;
		height: 50px;
}
	.navigatie ul li:hover a{
		color: #ffffff;
		background-color:#CFE722;
}

	.menuIcon{
		height:40px;
		width: 20%;
		float: right;
		display: block;
		text-align: center;
		background-color: #7fce3f;
		position: relative;
		border-radius: 0px 0px 12px 12px;
		right: 10px;
		top: 0px;
		bottom: 0;
		z-index: 1000; 
}
	.menuIcon a{
		font-family: Myriad-Pro;
		color: #ffffff;
}
	
	.titel{
		width: 100%;
		padding-top:5%;
}
	.titel h1{
		line-height: 0.78em;
		font-size: 1.5em;
	}	
	.Rechts{
		width: 100%;
}	
	
	.inhoud{
		height: auto;
		width: 100%;
		margin-left: 0px;
		margin-top:22px;
		max-width: 100%;
		box-sizing: border-box;
}
	.inhoud p{
		padding: 2%;
}
	.inhoud h3{
		padding: 0%;
		line-height: 1.0em;
}
	.inhoudinfo{	
		height: auto;
		width: 100%;
		font-size: 0.65em;
		margin-left: 25px;
		margin-top: 22px;
		margin-bottom: 25%;
		box-sizing: border-box;
}
	.inhoudinfo h2{
		padding-left: 8%;
		padding-top: 5px;
		padding-right: 0px;
	}
	
	.Links{
		width: 100%;
}
	.onderBox{
		margin-top: 15%;
		height: auto;
		width: 100%;
		background-image: url();
		background-color: transparent;
		box-sizing: border-box;
}
	.team{
		width: 100%;
		height: 65px;
}
	.team a{
		text-align: right;
}
	.photo{
		width: 68%;
		float: left;
		box-sizing: border-box;
}
	.photo img{
		margin-left: 10px;
		margin-top: -320px;
}
	
	.photoMG{
		width: 68%;
		float: left;
		box-sizing: border-box;
}
	.photoMG img{
		margin-left: 0px;
		margin-top: -460px;
		width:70%
}

	.phototeam{
		width: 50%;
}
	.phototeam img{
		margin-left: 70px;
		margin-top: -430px;
}
	
	.logo{
		margin-top:4px;		
		width: 40%;
		height: auto;
		float: right;
}	
	
	.site-footer{
		margin-top: 20px;
}
	.balkHelpdesk{
		font-size: 0.9em;
}
	.balkHelpdesk img{
		height: 60px;
		width: auto;
}
	.balkHelpdesk p{
		padding-top:2%;
}
	.balkAQ-box{
		width: 100%;
}

	}