/* The "mobile" version */
@media only screen and (max-width: 1024px) {
body {
	background-position: 48% 0px !important;
}

/* algemeen */
	#wrapper {
	width:100%;
	box-sizing: border-box;
}

.nietopmobiel {
	display: none;
	visibility: hidden;
}

#wrapper #body  {
	background: none;
	background-color: #f2efe3;
}	
#wrapper #body #content {
	position:relative;
	width: 75%;	
	box-sizing: border-box;
	padding: 5px 5px;
}

#wrapper #body #content img{
	max-width: 95% !important;
        height: auto !important;	
}

#wrapper #body #menu {
	position:relative;
	width: 25%;	
	box-sizing: border-box;
	background-color: #867d6d;
}
#wrapper #body #menu a, #wrapper #body #menu a.actueel {
	position:relative;
	width: 100%;	
	box-sizing: border-box;  
 	background-color: #867d6d;
}
#wrapper #body #menu h2 {
	position:relative;
	width: 100%;	
	box-sizing: border-box;  
}
#onderbalk #midden {
	position:relative;
	width: 100%;	
	box-sizing: border-box;
}
#onderbalk #midden #adres {
	position:relative;
	width: 100%;	
	box-sizing: border-box;  
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	background-color: #1a7daa;
}

#onderbalk #midden #links{
	position:relative;
	width: 100%;	
	box-sizing: border-box;
	float: left;
	padding-left: 10px;
	background-color: #1a7daa;
}

#socialmedia {
	position:relative;
	width: 100%;	
	box-sizing: border-box;
}


}	
	
@media only screen and (max-width: 768px) {

body {
	background-position: 0% 0px !important;
}
#wrapper {
	width:100%;
	box-sizing: border-box;
}


#wrapper #body #content {
	position:relative;
	width: 100%;	
	box-sizing: border-box;
	padding: 5px 5px;
}

div#actueel{
	display: none;
}
div#actueel2{
	display: block;  
	position:relative;
	width: 100%;	
	box-sizing: border-box;
	float:none;
	clear:both;
}

#wrapper #body #actueel2 h2 {
	position:relative;	
	padding:0px;
	margin:0px;
	width:100%;
	display:block;
	box-sizing: border-box;
	color:#ffffff;
	height:29px;
	line-height:29px;
	padding-left:20px;
	font-size:14px;
	background-color:#1a7daa;
	margin-top:0px;

}

#wrapper #body #actueel2 a.actueel {
	width:100%;
	display:block;
	box-sizing: border-box;
	border-bottom: #bcbbbb 1px solid;
	text-decoration:none;
	line-height:14px;
	padding-left:20px;
	font-size:12px;
	color:#c0c0c0;
	height:auto;
	padding-top:7px;
	padding-bottom:7px;
	background: url(/assets/images/actueel.png) no-repeat;
	background-position:right bottom;
	border-bottom: #ffffff 1px solid;
	background-color:#867d6d;
}
#wrapper #body #actueel2 a.actueel strong {
	color:#ffffff;
	font-weight:normal;
}

.tekstveld, .tekstvak, .buttons {
	position:relative;
	box-sizing: border-box;
	width: 100%;
}

#body table{
	width: 90% !important;
}
	
/*Menu*/
#wrapper #body #menu {
	position:relative;
	width: 100%;	
	box-sizing: border-box;
	display:none;
}

#wrapper #body #menu a {
	position:relative;
	width: 100%;	
	box-sizing: border-box;  
 	background-color: #867d6d;
}


 a#pull {  
        display: block;  
	background-color:#1a7daa;
        //width: 99%;  
        position: relative;  
		padding-left:5px;
		padding-top:5px;
		padding-bottom:5px;
 		//box-sizing: border-box;
  		//-moz-box-sizing: border-box;
  		//-webkit-box-sizing: border-box;
		color:#ffffff;
		font-size:14px;
		bottom: 5px;
   	 	width: -moz-calc(100% - 5px);
 		width: -webkit-calc(100% - 5px);
    	width: calc(100% - 5px);
	}  
    a#pull:after {  
        content:"";  
        background-image: url('/assets/images/nav-icon.png');
		background-repeat: no-repeat;  
        background-size: 18px 18px;
		width: 18px;  
        height: 18px;  
	display: inline-block;  
        position: absolute;  
        right: 5px;  
        top: 5px;  
    }  	
}
		
}