body{ font-size: 16px; font-family: "pt-sans"; }

h1{
	font-size: 40px;
	color: #646363;
	font-weight: normal;
	line-height: 40px;
	margin-top: -8px;
	margin-bottom: 35px;
}

.container{
	overflow: auto;
}

.footer{
	height: 175px;
	position:relative;
	background-color: #70afdb;
	width: 100%;
	bottom: 0;
	padding-top: 15px;
	box-sizing: border-box;
}

.footerholder{
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
}

.footer_menu{
	width: 220px;
	margin-right: 20px;
	border-right: 1px solid #fff;
	//height: 75px;
	float: left;
}

.footer_menu ul {
	display: block;
	margin: 0;
	padding: 0;
}

.footer_menu ul li:first-child{ margin-top: -2px; }

.footer_menu ul li{
	display: block;
	margin: 0;
	padding: 0;
	height: 20px;
}

.footer_menu a{
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	font-family: "pt-sans";
}

.footer_menu a:hover{ text-decoration: underline; }

.contact_footer{
	width: 220px;
	margin-right: 20px;
	border-right: 1px solid #fff;
	height: 75px;
	float: left;
	color: #fff;
	font-family: "pt-sans";
	line-height: 19px;
	font-size: 13px;
}

.contact_footer p { margin-top: -2px; }

.social{
	margin-left: 25px;
	float: left;
	margin-top: 15px;
}

.social img{ margin-left: 10px; }

.main_menu{
	width: 100%;
	height: 50px;
  	  background-color: rgba(83,83,83,0.7);
	margin-top: 40px;
}

.main_menu ul{
	max-width: 940px;
	width: 80%;
	margin: 0 auto;
	display: block;
	position: relative;
}

.main_menu ul li{
	display: inline-block;
	transition: all 1s ease 0s;
	padding-right: 1.8%;
	margin-right: 1.2%;
	border-right: 1px solid #61abd8;
	margin-top: 13px;
}

.main_menu ul li:last-child{ 
	float: right;
	padding-right: 0px;
	margin-right: 0px;
	height: 50px;
	padding-top: 13px;
	margin-top: 0px;
	box-sizing: border-box;
	background-color: #a0a0a0;
	padding: 13px 1.8%;
	border-right: 0px;
}

.main_menu ul li:last-child:hover{
	background-color: #61abd8;
}

.main_menu ul li a{
	text-decoration: none;
	color: #fff;
	font-family: "pt-sans";
	transition: all 0.3s ease 0s;
	font-size: 16px;
}

.main_menu ul li a:hover{
	color: #61abd8;
}

.main_menu ul li:last-child a:hover{
	color: #fff;
}

.partners{
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	font-family: "pt-sans";
	font-size: 13px;
	color: #646363;
	line-height: 75px;
}

.partners img{ 
	margin-bottom: -16px;
	margin-left: 32px;
}

/*pc vastzetten*/
@media only screen and (max-width: 1010px) {
	body, .container, .header{
		min-width: 1010px;
		width: 1010px;
	}
}

/*mobile*/
@media only screen and (min-width : 320px) and (max-width : 759px) {
	body, .container, .header{
		min-width: 0px;
		width: 100%;
	}
	
	.header{ height: auto; }
	
	.logo{
		margin-top: 20px;
	
		margin-bottom: 20px;
}
	
	.main_menu{
		height: auto; 
		overflow: auto; 
		display: none;
	}
	
	.main_menu ul li{
		width: 100%;
		border: none;
	}
	
	.slider-controls{ display: none; }
	
	.main, .footer{ position: relative; }
	
	.main { height:auto!important; }
	
			/*Menu */
	.main_menu {
		display:none;
	}
	
	.menuAsset {
		display:block;
		height:35px;
		padding-left: 15px;
		background-color: #7f8484;        opacity: 0.8;
}
	
	.mobileMenu{
		display: none;
		/* height: 0px; */
		background: rgba(255,255,255,0.9);
		max-width: 100%;
		text-align: center;
		width: 950px;
		position: absolute;
		top: 35px;
		left: 0px;
		z-index: 9999;
	}
	
	.mobileMenu ul li ul, .mobileMenu ul li ul li {
		display:none;
	}

	.mobileMenu ul li {
		list-style-type:none;
		height:44px;
		border-bottom:1px solid #D6D9E2;
		line-height:44px;
	}
	
	.mobileMenu ul li a {
		color: #000000;
		text-decoration:none;
		font-size:14px;
		text-transform:uppercase;
	}

	.mobileMenu .selected {
		float: none!important;
		background-color: transparent!important;
		margin-left: 0px;
		border-radius: 0px;
		text-align: center!important;
	}
	
		
	button.closed {
		  margin-top: 0px;
		  margin-left: -7px;
		  z-index: 99999;
		  padding: 10px;
		  height: 30px;
	}
	.hamburger {
	  background: transparent;
	  border: none;
	  margin-top: 7px;
	  margin-bottom: 5px;
	}
	/* Einde Menu */
	
	.partners img:first-child {
		margin-left: 10px;
	}
	
	.partners {
		width: 90%;
	}
	
	.partners img {
	  margin-bottom: -16px;
	  margin-right: 40px;
	  width: 100px;
	  height: auto;
	  margin-left:0px;
	}
		/*footer*/
	.footer {
		height: 287px!important;
	}

	.footer_menu {
		  width: 40%!important;
	}

	.contact_footer {
		margin-top: 20px!important;
		border: 0!important;
	}

	.footerholder {
		width: 90%!important;
	}

	.footer_menu ul li {
		height: auto!important;
	}

	.social {
		margin-left: 0px!important;
	}	
	/* einde footer */
	
	.inhoud a {
		font-size: 17px!important;
	}
	.inhoud a:last-child {
	  margin-left: 0px!important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
    body, .container, .header  {
	  max-width: 100%;
	  width: 100%;
	  min-width: 0;
	}
	
.main_menu ul li:last-child {
  float: right;
  padding-right: 0px;
  margin-right: 0px;
  height: 50px;
  padding-top: 11px;
  margin-top: 0px;
  box-sizing: border-box;
  background-color: #a0a0a0;
  padding: 9px 1.8%;
  border-right: 0px;
  width: 80px;
}
	
	.main_menu ul li:last-child a {
  font-size: 14px;
  padding: 4px 1.7%;
  padding-top: 0px;
}
	.main {
	  height: auto!important;
	  position: relative;
	  width: 90%;
	  margin: 0 auto;
	}

	
	.logo img { 
		margin-left:35px;
		  margin-top: 50px;
	}
	
	.inhoud_img {
		margin-left:35px;
	}
	
	.banners h2 {
	  font-size: 18px;
	}	
	
	.banner_content {
		bottom: 9px;
	}
	
	.partners img {
	  margin-bottom: -16px;
	  margin-right: 32px;
	  margin-left:0px;
	}
	
	.partners img:first-child {
		margin-left:32px;
	}
		
	.footer {
		height: 175px;
		padding-left: 20px;
	}
	
	.diensten {
	  width: 100%!important;
	}
	.quote {
		display:none;
	}
	
	div#slidecontent {
	  width: 100%;
	}
	
	.headercontainer {
		width:100%!important;
	}
	
		.inhoud_img {
		clear:both!important;
		margin-top:210px!important;
	}
	.contactformulier {
	  padding-left: 15px;
	  width: 90%;
	}	
	
	.contactformulier input[type="text"] {
		width:300px!important;
		font-size:18px;
	}
	
	.contactformulier form div > div {
		width: 315px;
	}
	
	.FormValidatorFormulierPopup {
	  width: 100%!important;
	}
	
	.contactformulier textarea {
		width:300px!important;
		font-size:18px;
	}
	
	.inhoud {
		  padding-left: 15px;
		  float: left;
	  width: 500px!important; 
	  margin-top: 210px!important;
	}
		
	.nieuws .item_3 {
	  clear: both;
	}
	
	.nieuws {
		margin-top:210px;
		margin-left:30px;
		width:940px;
	}
	
	.nieuws .paging_bar_bottom {
		width:940px;
	}
	
		.social {
		margin-left: 0px!important;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.inhoud {
	  float: left;
	  width: 475px!important; 
	  margin-top: 210px!important;
	}
		.inhoud a:last-child {
	  margin-left: 0px!important;
	}
	
		/*Menu */
	.main_menu {
		display:none;
	}
	
	.menuAsset {
		display:block;
		height:35px;
		/* padding-left: 15px; */
		background-color: #7f8484;        opacity: 0.8;
		z-index: 999999;
	    position: absolute;
	    width: 100%;
}
	
	.mobileMenu{
  display: none;
  /* height: 0px; */
  background: rgba(255,255,255,0.9);
  max-width: 100%;
  text-align: center;
  width: 950px;
  position: absolute;
  top: 35px;
  left: 0px;
  z-index: 9999;
	}
	
	.mobileMenu ul li ul, .mobileMenu ul li ul li {
		display:none;
	}

	.mobileMenu ul li {
		list-style-type:none;
		height:44px;
		border-bottom:1px solid #D6D9E2;
		line-height:44px;
	}
	
	.mobileMenu ul li a {
		color: #000000;
		text-decoration:none;
		font-size:14px;
		text-transform:uppercase;
	}

	.mobileMenu .selected {
		float: none!important;
		background-color: transparent!important;
		margin-left: 0px;
		border-radius: 0px;
		text-align: center!important;
	}
	
		
	button.closed {
		  margin-top: 0px;
		  /* margin-left: -14px; */
		  z-index: 99999;
		  padding: 10px;
		  height: 30px;
		    padding-left: 15px;
	}
	.hamburger {
	  background: transparent;
	  border: none;
	  margin-top: 7px;
	  margin-bottom: 5px;
	    padding-left: 15px;
	}
	/* Einde Menu */
	
	.partners {
		width:90%;
		height:150px!important;
	}
	
	.nieuws {
		margin-top:210px;
		margin-left:0px!important;
		width:90%;
	}
	
	.nieuws .paging_bar_bottom {
	    width: 100%;
		margin-top: 20px;
	}
	
	.lijst-detail .lijst-item-right {
	  width: 525px!important;
	}
	
}
