@media screen and (max-width: 950px){
	#header{
		height: 90px;
		padding-bottom: 10px;
	}
	#header .logo{
		margin-left: 20px;
		margin-top: 5px;
	}
	#header .logo img{
		max-width: 200px;
		
	}
	
/*	 Navigatie	*/
	#topnav{
		display: none;
	}
	#navigatie{
		width: 100%;
	}
	#navigatie #nav{
		position: initial;
		overflow: hidden;
		padding: 63px 0 0;
	}
	#navigatie form{
		position: absolute;
		margin: 0;
		top: 10px;
		right: 10px;
	}
	#navigatie #nav li{
		padding-left: 25px;
	}
	#navigatie #nav li:hover{
		background-color: transparent;
	}
	#navigatie #nav .submenu{
		width: 205px;
		margin-left: 0;
		background-color: #fff;
	}
	#navigatie #nav .submenu li{
		padding: 5px 0;
	}
	#navigatie #nav .submenu li:last-child{
		border: none;

	}
	#navigatie #nav .submenu li a{
		font-size: 16px;
		color: #58595b;
	}

	/*	Content	*/
	#content{
		width: 100%;
	}
	#content .container{
		padding: 60px 3% 120px;
		overflow: hidden;
		width: 94%;
	}
	#defaultcontainer{
	}
	#defaultcontainer #cont{
		width: 94%;
		margin: 0 3%;
		overflow: hidden;
	}
	#html{
		width: auto;
	}
	#snelmenu{
		display: none;
	}
	#contenthead .imgholder{
		width: 30%;
		margin-right: 5%;
	}
	#contenthead .imgholder:nth-child(3){
		margin-right: 0;
	}
	#contenthead .imgholder:last-child{
		display: none;
	}
	
/*	Hometeaser	*/
	#teaser{
		width: calc(100% - 60px);
	}
	.nieuwsblok{
		width: 33%;
	}
	.nieuwsblok .nieuwtjetext{
		width: 50%;
	}
	
/*	 Loginvak	 */
	#login{
		width: calc(100% - 60px);
		height: auto;
	}
	#login input{
		width: 30%;
		margin-right: 10px;
	}
	#login .imgbtn{
		position: initial;
		margin: 0;
		height: 34px;
		line-height: 34px;
	}
	#login label{
		margin-left: calc(30% + 30px);
		width: auto;
	}
	
/*	  Homecontent	*/
	#content #homebox{
		width: calc(100% - 60px);
		height: 580px;
	}
	#content #homebox ul li{
		width: calc(50% - 32px);
		height: 50%;
		bottom: auto;
	}
	#content #homebox ul li:nth-child(2){
		padding: 0;
		margin: 0;
		border: none;
		width: 50%;
	}
	#content #homebox ul li a.boxmeer{
		bottom: auto;
		position: relative;
		display: inline-block;
	}
	
/*	Footer	*/
	#footer .container{
		width: auto;
		padding: 0 15px;
	}
}

			/************
			*	MOBIEL	*
			************/

@media screen and (max-width: 550px){
	#navigatie #nav{
		display: none;
	}
	#navigatie form{
		display: none;
	}

		#images ul li {
			width: calc(50% - 10px);
			margin-right: 10px;
		}


	#header div.phone {
		position: absolute;
		right: auto;
		left: 20px;
		top: 60px;
	}

	#mobielmenu{
		display: block;
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 11;
		background-color: #5a5a5a;
		overflow: scroll;
		width: 200px;
	}
	#mobielmenu #mobnav{
		padding: 0;
		margin: 10px 10px 0 20px;
		list-style: none;
	}
	#mobielmenu #mobnav li a{
		color: #fff;
		text-decoration: none;
		font-size: 18px;
		line-height: 2.1;
	}
	#mobielmenu #mobnav li .submenu{
		list-style: none;
		margin: 0 0 0 15px;
		padding: 0;
	}
	#mobielmenu #mobnav li .submenu li a{
		color: #b62729;
		font-size: 16px;
	}
	#burgerbutton{
		height: 20px;
		width: 25px;		
		margin: 16px 20px 0 0;
		right: 0px;
		top: 0px;
		position: absolute;
		cursor: pointer;
		display: block;
	}
	#burgerbutton .burger{
		top: 8px;
	}
	#burgerbutton .burger::before{
		content: "";
		top: -8px;
	}
	#burgerbutton .burger::after{
		content: "";
		top: 8px;
	}
	.burger, .burger::before, .burger::after{
		height: 4px;
		width: 25px;
		background-color: #b62729;
		position: absolute;
		top: 0px;
	}
	
	
	#content{
		background: #f3f3f3;
		background-image: none;
	}
	#content .container{
		padding: 10px 3% 60px;
	}
	#html{
		width: calc(100% - 60px);
	}
	#contenthead{
		display: none;
	}

	#teaser{
		margin: 0 0 20px 0;
		height: auto;
	}
	#teaser #teasernav span.nieuws{
		width: 15px;
		height: 15px;
	}
	#nieuwtjecontainer{
		height: auto;
	}
	.nieuwsblok{
		background-position: center bottom;
		background-size: auto 175px;
		padding-bottom: 200px;
		height: auto;
	}
	.nieuwsblok .nieuwtjetext{
		width: 100%;
	}
	
	#login{
		margin: 0 0 20px 0;
		height: 195px;
	}
	#login input{
		width: calc(100% - 14px);
	}
	#login .imgbtn{
		position: absolute;
		bottom: 25px;
	}
	#login label{
		margin-left: 0;
	}
	
	#content #homebox{
		background-color: transparent;
		height: auto;
		display: inline-block;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}
	#content #homebox #box{
		height: auto;
	}
	#content #homebox ul{
		height: auto;
		position: relative;
	}
	#content #homebox ul li{
		background-color: #fff;
		width: 100%;
		border: 0px solid black;
		padding: 20px;
		margin: 0 0 20px 0;
	}
	#content #homebox ul li:nth-child(2){
		width: 100%;
		padding: 20px;
		margin: 0 0 20px 0;
	}
	#content #homebox ul li img{
		width: 100%;
		margin-bottom: 10px;
	}
	#footer #footline{
		float: right;
		margin: 0;
		padding: 0;
	}
	#footer #footline ul{
		margin: 40px 0 0 0;
		padding: 0;
	}
	#footer #footline .f{
		display: none;
	}
	#footer ul li{
		float: none;
	}
	#footer #fblink,
	#footer #twitterlink{
		width: 30px;
		height: 30px;
		margin-top: 35px;
	}
	#contactform label{
		width: 100%;
	}
	#contactform input, #contactform textarea{
		width: calc(100% - 24px);
	}
	#contactform span{
		width: 10px;
		float: right;
	}
}