/*
@media (max-height: 867px) {
	#home .left .item {
		height:220px;
	}
	#home .left .item .img {
		height:116px;
	}
}
@media (max-height: 720px) {
	#home .left .item {
		height:164px;
	}
	#home .left .item .img {
		height:60px;
	}
}
@media (max-height: 620px) {
	#home .left .item {
		height:114px;
	}
	#home .left .item .img {
		height:0;
	}
}
*/









@media all and (min-width: 961px) {	
	/** menu **/
	#menu {
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		background:url(/images/menu-bg.png) repeat-y;
		overflow:hidden;
		z-index:100;
		width:64px;
	}
	#menu:hover {
		width:297px;
	}
	#menu .mainmenu {
		position:relative;
		list-style:none;
		padding:0;
		margin:0;
		z-index:2;
	}
	#menu .mainmenu > li {
		height:64px;
		line-height:64px;
		background-position:6px 5px;
		background-repeat:no-repeat;
		background-size:51px 51px;
		image-rendering:optimizeQuality; 
		-ms-interpolation-mode:bicubic;
		position:relative;
		display:block;
		width:100%;
	}
	#menu .mainmenu > li > a {
		color:#004a8d;
		line-height:64px;
		height:64px;
		text-decoration:none;
		font-size:20px;
		-webkit-transition: color 250ms;
		transition: color 250ms;
		position:absolute;
		padding-left:74px;
		display:block;
		width:297px;
		-webkit-transition: all 500ms;
		transition: all 500ms;
		font-family: robotolight;
	}
	#menu .mainmenu > li.active > a,
	#menu .mainmenu > li:hover > a {
		color:#f8981d;
		-webkit-transition: all 500ms;
		transition: all 500ms;
	}
	#menu .mainmenu > li > a.has-submenu {
		background-image:url(/images/menu-item-submenu.png);
		background-position:269px center;
		background-repeat:no-repeat;
		background-size:7px 13px;
		font-family: robotolight;
	}
	#menu .mainmenu > li.active > a.has-submenu,
	#menu .mainmenu > li:hover > a.has-submenu {
		background-image:url(/images/menu-item-submenu-hover.png);
	}
	#menu .mainmenu > li > a > img {
		width:51px;
		height:51px;
		margin-left:6px;
		float:left;
		position:absolute;
		left:0px;
		top:5px;
		opacity:0;
	}
	#menu .mainmenu > li.active > a > img,
	#menu .mainmenu > li:hover > a > img {
		opacity:1;
		-webkit-transition: opacity 250ms;
		transition: opacity 250ms;
	}
	#menu .mainmenu > li > .submenu {
		position:absolute;
		padding:1000px 0;
		margin:-1000px 0;
		left:297px;
		top:6px;
		list-style:none;
		z-index:300;
		opacity:0;
		display:none;
		-webkit-transition: opacity 250ms;
		transition: opacity 250ms;
	}
	#menu .mainmenu > li:hover > .submenu {
		display:block;
		opacity:1;
		-webkit-transition: opacity 250ms;
		transition: opacity 250ms;
	}
	#menu .mainmenu > li > .submenu > li {
		padding:0;
		margin:0;
		list-style: none;
	}
	#menu .mainmenu > li > .submenu > li > a {
		display:block;
		width:229px;
		color:#004a8d;
		line-height:34px;
		padding:15px 15px 15px 10px;
		text-decoration:none;
		font-size:20px;
	}
	#menu .mainmenu > li > .submenu > li > a.active,
	#menu .mainmenu > li > .submenu > li > a:hover {
		color:#f8981d;
		-webkit-transition: all 250ms;
		transition: all 250ms;
	}
	#topmenu {
		z-index:3000;
		position:fixed;
		right:0;
		top:0;
		font-family:daxwideregular;
		font-weight:bold;
		font-size: 16pt;
	}
	#topmenu ul {
		margin:0;
		padding:0;
		list-style:none;
		padding:10px;
	}
	#topmenu ul li {
		float:left;
		background-size:cover;
		background-repeat:no-repeat;
		background-size:30px auto;
		background-position:20px center;
		list-style: none;
	}
	#topmenu ul li span {
		display:block;
		padding:15px 20px 15px 60px;
		color:#FFF;
		text-transform:uppercase;
		text-decoration:none;
			cursor:pointer;	
	}
	.mobile {
		display:none;
	}
	
		#content {}
	#content .menu {
		position:fixed;
		top:0;
		width:233px;
		height:100%;
		background-image:url(/images/menu-bg.png);
		background-repeat:repeat-y;
		background-position:-64px 0;
	}	
	.menu .submenu {
		background-color:#FFF;
		list-style:none;
		padding:0;
		margin:0;
	}
	.menu .submenu > li {
		line-height:74px;
		width:100%;
	}
	.menu .submenu > li > a {
		display:block;
		width:100%;
		color:#004a8d;
		line-height:34px;
		padding:15px 15px 15px 10px;
		text-decoration:none;
		font-size:20px;
		font-family: robotolight;
	}
	.menu  ul > li > a.active,
	.menu  ul > li > a:hover,
	.menu .submenu > li > a.active,
	.menu .submenu > li > a:hover  {
		color:#f6921e;	
	}
	#content #contentTitle {
		position:absolute;
		left:40px;
		right:40px;
		height:43px;
		margin:0;
		top:90px;
		color:#f6921e;
		text-transform:uppercase;
		font-weight:400;
		font-size:36px;
		border-bottom:1px solid #08a2b0;
		background-image:url(/images/menu-bg.png);
		background-repeat:repeat-y;
		background-position:-337px 0;
		display:block;
		white-space: nowrap;
		overflow: hidden;
	}
	#content .content {
		position:fixed;
		top:0;
		bottom:0;
		left:297px;
		width:calc(100% - 297px);
		overflow:hidden;
		max-width:940px;
		background-image:url(/images/menu-bg.png);
		background-repeat:repeat-y;
		background-position:-297px 0;
		background-color:#FFF;
	}
	#content .content .inner {
		margin-top:133px;
		height:calc(100% - 214px);
		overflow-y:scroll;
		overflow-x:hidden;		
		padding:40px;
		width:calc(100% + 17px);
		/*width:calc(100%);*/
	}
	#content .content .inner .item {
		line-height:26px;
		clear:both;
		color:#004a8d;
	}	
	#content .content .inner .item .zoek_resultaat{
		padding-bottom:20px;
	}	

	#content .content .inner .item h1 {
		color:#f6921e;
		text-transform:uppercase;
		font-weight:400;
		font-size:36px;
		line-height: 33px;
		border-bottom: 1px solid #08a2b0;
		padding-bottom:10px;
	}	
	#content .content .inner .item .nieuws h2 {
		margin:0 0 10px 0;
		line-height:18px;
		font-weight:normal;
		color: #004a8d;
		font-size: 16px;
	}
	#content .content .inner .item h2, #content .content .inner .item .nieuwsitem-right h2 {
		font-size:36px;
		color:#f6921e;
		text-transform:uppercase;
		font-size:30px;
		font-weight: normal;
	}	
	#content .content .inner .item h3 {
		color:#f6921e;
		/*text-transform:uppercase;*/
		font-weight:700;
		font-size:18px;
		margin:0;
	}
	#content .content .inner .item h4 {
		margin:0 0 10px 0;
		line-height:18px;
		font-weight:700;
	}
	#content .content .inner .item a {
		font-weight:700;
		text-decoration:none;
		color:#004a8d;	
	}
	#content .content .inner .item .projectdetail a {
		font-weight:normal;
		text-decoration:none;
		color:#004a8d;	
	}
	#content .content .inner .item img {
		width:100%;
		display:inline-block;
	}
	#content .content .inner .item .right-content{
		width:100%;
		display:inline-block;
		padding-top:88px;		
	}
	#content .content .inner .item img.logo {
		width:50%;
		display:inline-block;
		margin:0px auto;
		position:relative;
	}
	#content .content .inner .item .logocontainer{
		background-position: top center;
	    background-repeat: no-repeat;
	    background-size: contain;
	    height: 100px;
	    width: 100%;
	}
	h1.firstitem {
		margin-top:-84px;
		white-space: nowrap;
		overflow: hidden;
	}
	#content .content .inner .item .float-left {
		float:left;
	}
	#content .content .inner .item .float-right {
		float:right;
	}
	#content .content .inner .item .width-33 {
		width:33%;
		/*background:#EEE;*/
	}
	#content .content .inner .item .width-34 {
		width:34%;
		/*background:#EEE;*/
	}
	#content .content .inner .item .width-50 {
		width:50%;
		/*background:#EEE;*/
	}
	#content .content .inner .item .width-66 {
		width:66%;
		/*background:#EEE;*/
	}
	#content .content .inner .item .width-100,  .width-100{
		width:100%;
		/*background:#EEE;*/
	}
	#content .content .inner .item .clear {
		clear:both;
		height:30px;
	}
	#content .content .inner .item .width-33.padding-right,
	#content .content .inner .item .width-34.padding-right,
	#content .content .inner .item .width-66.padding-right {
		padding-right:40px;
	}
	#content .content .inner .item .width-50.padding-right {
		padding-right:20px;
	}
	#content .content .inner .item .width-33.padding-left,
	#content .content .inner .item .width-34.padding-left,
	#content .content .inner .item .width-66.padding-left {
		padding-left:40px;
	}	
	#content .content .inner .item .width-50.padding-left {
		padding-left:20px;
	}
	#content .content .inner .item .socialicon {
		width:40px;
		height:40px;
		margin-right:5px;
	}
	#content .content .inner .item .nieuwsbrief input[type="text"] {
		width:95%;
		border:1px solid #004a8d;
		padding:15px;
		background:transparent;
		color:#004a8d;		
	}
	#content .content .inner .item .nieuwsbrief input[type="submit"] {
		width:100%;
		border:1px solid #004a8d;
		padding:15px;
		background:#004a8d;
		color:#FFF;
		cursor: pointer;
	}	
	#content .content .inner .item .route i.maps-icon {
		background-image:url(/images/maps-icon.png);
		background-size:contain;
		background-repeat:no-repeat;
		width:15px;
		height:18px;
		display:inline-block;
	}
	#content .content .inner .item .contact input[type="text"],
	#content .content .inner .item .contact textarea {
		width:50%;
		border:1px solid #004a8d;
		padding:15px;
		background:transparent;
		color:#004a8d;		
	}
	#content .content .inner .item .contact input[type="submit"] {
		width:25%;
		border:1px solid #004a8d;
		padding:15px;
		background:#004a8d;
		color:#FFF;
		cursor: pointer;
	}	
	#content .content .inner .item .mainimg {
		margin-bottom:15px;
		width:100%;
		height:330px;
		background-position:center center;
		background-size:cover;
		position:relative;
	}	
	#content .content .inner .item .mainimg .play {
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:url(/images/play-icon.png) no-repeat center center; 
		opacity:0.8;	
		-webkit-transition: all 500ms;
		transition: all 500ms;
		cursor:pointer;
	}	
	#content .content .inner .item .mainimg .youtube_container {
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		display: none;
	}	
	
	#content .content .inner .item .mainimg:hover .play {
		opacity:1;	
		-webkit-transition: all 500ms;
		transition: all 500ms;	
	}	
	#content .content .inner .item .subimg {
		height:80px;
	}
	#content .content .inner .item .subimg div {
		width:22%;
		margin-right:4%;
		float:left;
		overflow:hidden;
		height:80px;
	}
	#content .content .inner .item .subimg div:last-child {
		margin:0;
	}
	#content .content .inner .item .projectdetail .bewaarProject, #content .content .inner .item .projectdetail .project3D {
		display:block;
		width:100%;
		border:1px solid #004a8d;
		padding:15px;
		background:#004a8d;
		color:#FFF;
		padding-right:55px;
		position:relative;
		margin-bottom:10px;
	}
	#content .content .inner .item .bewaarProject div {
		position:absolute;
		top:0;
		right:15px;
		width:36px;
		height:100%;
		background-image:url(/images/pdf.png);
		background-size:36px 36px;
		background-repeat:no-repeat;
		background-position:center;
	}
	#content .content .inner .item .personListing {
		padding-left:10px;
		border-left:1px solid #08a2b0;
		margin:15px 0;
	}
	#content .content .inner .item .personListing .socialicon {
		width:20px;
		height:20px;
		display: block;
		margin-top:5px;
	}
	#content .content .inner .item .personListing .clear {
		height:0;
	}
	#content .content .inner .item .andereProjecten {
		border-top:2px solid #08a2b0;
		border-bottom:2px solid #08a2b0;
		padding:30px 0;
		height:210px;
	}
	#content .content .inner .item .andereProjecten .img {
		width:30%;
		height:150px;
		background-size:cover;
		background-position:center;
		margin-right:5%;
		float:left;
		position:relative;
	}
	#content .content .inner .item .andereProjecten .img:last-child {
		margin-right:0;
	}
	#content .content .inner .item .andereProjecten .img .overlay {
		opacity:0;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:rgba(51, 111, 164, 0.8);
		-webkit-transition: all 500ms;
		transition: all 500ms;
	}
	#content .content .inner .item .andereProjecten .img:hover .overlay {
		opacity:1;
		-webkit-transition: all 500ms;
		transition: all 500ms;
	}	
	#content .content .inner .item .andereProjecten .img .overlay h4 {
		position:absolute;
		color:#FFF;
		bottom:10px;
		left:0;
		width:100%;
		text-align:center;	
	}	
	#content .content .inner .item .nieuws-overzicht .nieuwitem {
		margin-bottom:30px;
	}	
	#content .content .inner .item .nieuws-overzicht .nieuwitem p,
	#content .content .inner .item .nieuws-overzicht .nieuwitem h4 {
		margin:0;
		line-height:30px;
	}
	#content .content .inner .item .nieuws-overzicht .nieuwitem .img {
		width:100%;
		height:300px;
		background-size:cover;
		background-position:center;
		margin-bottom:5px;
	}	
	#content .content .inner .item .nieuws-overzicht .nieuwitem .readmore {
		display:block;
		border:1px solid #004a8d;
		padding:10px 15px;
		background:#004a8d;
		color:#FFF;
		float:right;
		margin-top:20px;
	}	
	#content .content .inner .item .nieuws-overzicht .nieuwitem .datum {
		line-height:30px;
		color:#08a2b0;
	}	
	#content .content .inner .item .nieuwsitem .datum {
		line-height:30px;
		color:#08a2b0;		
	}	
	#content .content .inner .item .nieuwsitem-right h2 {
		line-height:40px;
		font-size:30px;
		margin:28px 0 0;
	}	
	#content .content .inner .item .nieuwsitem-right h2:first-child {
		margin:-8px 0 0;
	}
	#content .content .inner .item .nieuwsitem-right .nieussubitem {
		margin:10px 0 10px;	
		padding:20px 0;
		border-bottom:1px solid #08a2b0;
		font-weight:normal;	
	}
	#content .content .inner .item .projectitem .smallimg {
		height:100px;
		width:100%;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:top center;
	}
	#content .content .inner .item .projectitem .img {
		height:200px !important;
		margin-bottom:20px !important;
	}
	#content .content .inner .item .projectitem ul {
		margin:0;
	}
	.rightform_header{
	text-align: center;
	}
	#menu .mainmenu > li.menu-item_home{
		display: none;
	}
}




















@media all and (max-width:1440px) {
	body {
		font-family:daxwideregular;
	}
	#home .left {
		margin:0 auto;
		width:700px;
	}
	#home .right {
		float: right;
		min-height: 1px;
		width: calc(100% - 700px);
		
	}
	#home .left .item {
		width:320px;
	}
	#home .left .item  .shadow {
		position:absolute;
		bottom:-30px;
		height:30px;
		width:320px;
	}
	#home .left .item h2 {
		font-size:20px;
	}
	#home .left .item .img .overlay .text {
		position:absolute;
		bottom:0;
		line-height:26px;
	}
	.footerinfo{
	display:none;
	}
}








@media all and (max-width:1280px) {
	#home .left {
		margin:0 auto;
		width:100%;
		max-width:940px;
		float:none;
	}
	#home .left .item {
		width:410px;
	}
	#home .left .item  .shadow {
		position:absolute;
		bottom:-40px;
		height:40px;
		width:440px;
	}
	#home .left .item h2 {
		font-size: 25px;
	}
	#home .left .item .img .overlay .text {
		position:absolute;
		bottom:0;
		line-height:30px;
	}
	#home .right {	
		margin:0 auto;
		width:100%;
		max-width:940px;
		float:none;
	}
	#home .right > h1 {
		margin-top:0;
		line-height:40px;
		margin-top:0;
		font-weight:400;
		font-size:26px;
		padding:20px 10px 0px;
	}	
}



@media all and (min-width:960px) and (max-width:1680px) {	
	#contentpage #topmenu ul li span {
		color:#004B8D;
	}
	#contentpage #topmenu ul{
	padding-right:20px;
	}
	#contentpage .menu_contact{
	background-image:url(/images/icon-contact-blue.png)!important;
	}
	#contentpage .menu_zoek{
	background-image:url(/images/icon-logint-blue.png)!important;
	}
	#contentpage .menu_login{
	background-image:url(/images/icon-magnifier-blue.png)!important;
	}
}
@media all and (min-width:1246px) and (max-width:1680px) {	
	#contentpage  #topmenu ul li span {
		color:#004B8D;
	}
	#contentpage  #topmenu {
     left: 760px;
	}
	#contentpage  #topmenu ul {
    padding: 7px 10px 7px 7px;
	}

}

@media all and (max-width:960px) {	
	html, body {
		/*min-width:500px;*/
	}
	#logo {
		position:relative;
		margin:44px auto 0;
		padding:20px;
		height:80px;
		width:100%;
		/*min-width:500px;*/
		left:auto;
		top:auto;
		background-size:410px 40px;
		background-position:center center;
		background-image:url(/images/logo.png);
		background-color:rgba(255,255,255,0.4);
		background-repeat:no-repeat;
	}
	#container {
		padding:0;
		overflow:hidden;
		width:100%;
		/*min-width:500px;*/
	}
	#menu {
		position:fixed;
		left:0;
		top:0;
		width:100%;
		/*min-width:500px;*/
		height:44px;
		overflow:scroll;
		z-index:500;
		background:#004a8d;
		list-style:none;
		font-size:25px;
	}
	#menu ul {
		list-style:none;
		padding:0;
		margin:0;
		background-color:#004a8d;
	}
	#menu ul > li {
		background-repeat:no-repeat;
		background-size:48px 48px;
		image-rendering:optimizeQuality; 
		-ms-interpolation-mode:bicubic;
		min-height:48px;		
		line-height:48px;
	}
	#menu ul > li > a {
		padding-left:70px;
		color:#FFF;
		text-decoration:none;
		line-height:54px;
	}

	#menu ul > li > a > img {
		display:none;
	}
	#menu .submenu {
		margin-left:0;
		background-color:#FFF;
	}
	#menu .submenu > li {
		width:100%;
		padding:10px 0;	
		line-height:normal;	
	}
	#menu .submenu > li > a {
		display:block;
		width:100%;
		color:#004a8d;
		line-height:25px;	
	}
	#menu .submenu > li > a,
	#menu .submenu > li > a:hover  {
			padding:10px;
	}
	#menu  ul > li > a.active,
	#menu  ul > li > a:hover,
	#menu .submenu > li > a.active,
	#menu .submenu > li > a:hover  {
		color:#f6921e;	
	}
	#topmenu {
		z-index:3000;
		position:fixed;
		right:1px;
		top:0;
		font-family:daxwideregular;
		/*min-width:500px;*/
	}
	#topmenu ul {
		margin:0;
		padding:0;
		list-style:none;
		padding:0;
		float:right;
	}
	#topmenu ul li {
		float:left;
		background-size:cover;
		background-repeat:no-repeat;
		background-size:30px auto;
		background-position:center center;
		min-width:50px;
		min-height:44px;
	}
	#topmenu ul li span{
		display:none;
	}
	#topmenu ul li a {
		display:block;
		padding:15px 20px 15px 45px;
		color:#FFF;
		text-transform:uppercase;
		text-decoration:none;
	}
	#overlay .closeButton {
		position:absolute;
		top:0;
		left:0;
		padding:16px 16px;
		z-index:3500;
		display:none;
	}
	#overlay .closeButton  img {
		width:30px;
	}
	#home .right > a > h1 {
		padding:20px;
	}

	#home .left {
		margin:0 auto;
		/*width:700px;*/
		float: none;
    	margin: 0 auto;
    	max-width: 700px;
    	width: 100%;
	}
	#home .right {
		margin:0 auto;
		/*width:700px;*/
	}
	#home .left .item {
		width:320px;
	}
	#home .left .item  .shadow {
		position:absolute;
		bottom:-30px;
		height:30px;
		width:320px;
	}
	#home .right > a > h1 {
    margin-top: 0%;
	}
	#home .left .item h2 {
		font-size:20px;
	}
	#home .left .item .img .overlay .text {
		position:absolute;
		bottom:0;
		line-height:26px;
	}	
	#topmenu li{
		list-style: none;
	}
		#main {
		background:none;
	}
	#content {
		margin-left:0;	
	}
	#content .menu {
		width:100%;		
	}
	#content .item ul {
		padding-left:15px;
	}
	li {
		list-style-image: url("/images/item-dot-small.png");
	}
	#content #contentTitle {
		display:none;
	}
	#content .content {
		position:fixed;
		top:0;
		bottom:0;	
		overflow:hidden;
		background-image:none;
		background-color:#FFF;
		width:100%;
	}
	#content .content .inner {
		margin-top:73px;
		overflow-y:scroll;
		overflow-x:hidden;		
		padding:20px;
		height:calc(100% - 73px);
	}
	#content .content .inner .item {
		line-height:26px;
		clear:both;
		color:#004a8d;
	}	
	#content .content .inner .item h1 {
		color:#f6921e;
		text-transform:uppercase;
		font-weight:400;
		font-size:36px;
		line-height: 33px;
		position: relative;
		float:left;
	}	
	#content .content .inner .item .nieuws h2 {
		margin:0 0 10px 0;
		line-height:18px;
		font-weight:700;
		color: #004a8d;
		font-size: 16px;
	}
	#content .content .inner .item h2, #content .content .inner .item .nieuwsitem-right h2 {
		font-size:36px;
		color:#f6921e;
		text-transform:uppercase;
		font-weight:400;
		font-size:30px;
	}	
	#content .content .inner .item h3 {
		color:#f6921e;
		/*text-transform:uppercase;*/
		font-weight:700;
		font-size:18px;
		margin:0;
	}
	#content .content .inner .item h4 {
		margin:0 0 10px 0;
		line-height:18px;
		font-weight:700;
	}
	#content .content .inner .item a {
		font-weight:700;
		text-decoration:none;
		color:#004a8d;	
	}
	#content .content .inner .item img {
		width:100%;
		display:inline-block;
	}
	#content .content .inner .item img.logo {
		width:50%;
		display:inline-block;
		margin:0px auto;
		position:relative;
	}
	#content .content .inner .item h1:nth-child(1) {
		margin-top:0;
	}
	#content .content .inner .item .float-left {
		float:left;
	}
	#content .content .inner .item .float-right {
		float:right;
	}
	#content .content .inner .item .width-33 {
		width:33%;
		/*background:#EEE;*/
	}
	#content .content .inner .item .width-34 {
		width:34%;
		/*background:#EEE;*/
	}
	#content .content .inner .item .width-50 {
		width:50%;
		/*background:#EEE;*/
	}
	#content .content .inner .item .width-66 {
		width:66%;
		/*background:#EEE;*/
	}
	#content .content .inner .item .clear {
		clear:both;
		height:30px;
	}
	#content .content .inner .item .width-50.padding-right {
		padding-right:20px;
		width:50%;
	}
	#content .content .inner .item .width-33.padding-left,
	#content .content .inner .item .width-34.padding-left,
	#content .content .inner .item .width-66.padding-left {
		padding-left:40px;
	}	
	#content .content .inner .item .width-50.padding-left {
		/*padding-left:20px;*/
	}
	#content .content .inner .item .socialicon {
		width:40px;
		height:40px;
		margin-right:5px;
	}
	#content .content .inner .item .nieuwsbrief input[type="text"] {
		width:95%;
		border:1px solid #004a8d;
		padding:15px;
		background:transparent;
		color:#004a8d;		
	}
	#content .content .inner .item .nieuwsbrief input[type="submit"] {
		width:100%;
		border:1px solid #004a8d;
		padding:15px;
		background:#004a8d;
		color:#FFF;
	}	
	#content .content .inner .item .route i.maps-icon {
		background-image:url(/images/maps-icon.png);
		background-size:contain;
		background-repeat:no-repeat;
		width:15px;
		height:18px;
		display:inline-block;
	}
	#content .content .inner .item .contact input[type="text"],
	#content .content .inner .item .contact textarea {
		width:100%;
		border:1px solid #004a8d;
		padding:15px;
		background:transparent;
		color:#004a8d;		
	}
	#content .content .inner .item .contact input[type="submit"] {
		width:100%;
		border:1px solid #004a8d;
		padding:15px;
		background:#004a8d;
		color:#FFF;
	}	
	#content .content .inner .item .mainimg {
		margin-bottom:15px;
		width:100%;
		height:330px;
		background-position:center center;
		background-size:cover;
		position:relative;
	}	
	#content .content .inner .item .mainimg .play {
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:url(/images/play-icon.png) no-repeat center center; 
		opacity:0.8;	
		-webkit-transition: all 500ms;
		transition: all 500ms;
		cursor:pointer;
	}	
	#content .content .inner .item .mainimg .youtube_container {
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		display: none;
	}	

	#content .content .inner .item .mainimg:hover .play {
		opacity:1;	
		-webkit-transition: all 500ms;
		transition: all 500ms;	
	}	
	#content .content .inner .item .subimg {
		height:80px;
	}
	#content .content .inner .item .subimg div {
		width:22%;
		margin-right:4%;
		float:left;
		overflow:hidden;
		height:80px;
	}
	#content .content .inner .item .subimg div:last-child {
		margin:0;
	}
	#content .content .inner .item .bewaarProject, 	#content .content .inner .item .project3D {
		display:block;
		width:100%;
		border:1px solid #004a8d;
		padding:15px;
		background:#004a8d;
		color:#FFF;
		padding-right:55px;
		position:relative;
	}
	#content .content .inner .item .bewaarProject div,	#content .content .inner .item .project3D div {
		position:absolute;
		top:0;
		right:15px;
		width:36px;
		height:100%;
		background-size:36px 36px;
		background-repeat:no-repeat;
		background-position:center;
	}
	#content .content .inner .item .personListing {
		padding-left:10px;
		border-left:1px solid #08a2b0;
		margin:15px 0;
	}
	#content .content .inner .item .personListing .socialicon {
		width:40px;
		height:40px;
		display: block;
		margin-top:5px;
	}
	#content .content .inner .item .personListing .clear {
		height:0;
	}
	#content .content .inner .item .andereProjecten {
		border-top:2px solid #08a2b0;
		border-bottom:2px solid #08a2b0;
		padding:30px 0;
		height:210px;
	}
	#content .content .inner .item .andereProjecten .img {
		width:30%;
		height:150px;
		background-size:cover;
		background-position:center;
		margin-right:5%;
		float:left;
		position:relative;
	}
	#content .content .inner .item .andereProjecten .img:last-child {
		margin-right:0;
	}
	#content .content .inner .item .andereProjecten .img .overlay {
		opacity:0;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:rgba(51, 111, 164, 0.8);
		-webkit-transition: all 500ms;
		transition: all 500ms;
	}
	#content .content .inner .item .andereProjecten .img:hover .overlay {
		opacity:1;
		-webkit-transition: all 500ms;
		transition: all 500ms;
	}	
	#content .content .inner .item .andereProjecten .img .overlay h4 {
		position:absolute;
		color:#FFF;
		bottom:10px;
		left:0;
		width:100%;
		text-align:center;	
	}	
	#content .content .inner .item .nieuws-overzicht .nieuwitem {
		margin-bottom:30px;
	}	
	#content .content .inner .item .nieuws-overzicht .nieuwitem p,
	#content .content .inner .item .nieuws-overzicht .nieuwitem h4 {
		margin:0;
		line-height:30px;
	}
	#content .content .inner .item .nieuws-overzicht .nieuwitem .img {
		width:100%;
		height:300px;
		background-size:cover;
		background-position:center;
		margin-bottom:5px;
	}	
	#content .content .inner .item .nieuws-overzicht .nieuwitem .readmore {
		display:block;
		border:1px solid #004a8d;
		padding:10px 15px;
		background:#004a8d;
		color:#FFF;
		float:right;
		margin-top:20px;
	}	
	#content .content .inner .item .nieuws-overzicht .nieuwitem .datum {
		line-height:30px;
		color:#08a2b0;
	}	
	#content .content .inner .item .nieuwsitem .datum {
		line-height:30px;
		color:#08a2b0;		
	}	
	#content .content .inner .item .nieuwsitem-right h2 {
		line-height:40px;
		font-size:30px;
		margin:28px 0 0;
	}	
	#content .content .inner .item .nieuwsitem-right h2:first-child {
		margin:-8px 0 0;
	}
	#content .content .inner .item .nieuwsitem-right .nieussubitem {
		margin:10px 0 10px;	
		padding:20px 0;
		border-bottom:1px solid #08a2b0;
		font-weight:normal;	
	}
	#content .content .inner .item .projectitem .smallimg {
		height:100px;
		width:100%;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	#content .content .inner .item .projectitem .img {
		height:200px !important;
		margin-bottom:20px !important;
	}
	#content .content .inner .item .projectitem ul {
		margin:0;
	}
	.zoek_url{
		width:100%;
		word-wrap: break-word; 
	}
	#nieuwsbrief_form div, #contact_form div{
		width:100%!important;
	}
	#content .content .inner .item h1 {
    	width:100%;
	}
	#menu{
		overflow-y: hidden;
		overflow-x: hidden;
	}
}



















@media all and (max-width:720px) {
	#home .left {
		margin:0 auto;
		width:100%;
	}
	#home .left .item {
		margin:0 auto 40px;
		float:none;
		width:100%;
	}
	#home .left .item  .shadow {
		position:absolute;
		bottom:-40px;
		height:40px;
		width:100%;
	}
	#home .left .item h2 {
		font-size: 21px;
	}
	#home .left .item .img .overlay .text {
		position:absolute;
		bottom:0;
		line-height:30px;
	}
	#home .right {	
		margin:0 auto;
		width:100%;
		max-width:940px;
		float:none;
	}
	#home .right > h1 {
		margin-top:0;
		line-height:28px;
		margin-top:0;
		font-size:20px;
		padding:20px 10px 0px;
	}	
	
	
	#home .right > a > h1 {
	    color: #fff;
		line-height:38px;
	    /*margin-top: 28%;*/
	    padding: 6% 13%;
	    text-align: center;
	    font-size:20px;
	}
	
	
	#home .right {	
		margin:0 auto;
		width:100%;
		float:none;
	}
	#home .right {
		margin:0 auto;
		width:100;
		float:none;
	}
	#home .right > h1 {
		margin-top:0;
		line-height:40px;
		margin-top:0;
		font-weight:400;
		font-size:26px;
		padding:20px 10px 0px;
	}
	#content .content .inner .item .width-66 {
		width:100%;
		/*background:#EEE;*/
	}
	#content .content .inner .item .width-33.padding-left, #content .content .inner .item .width-34.padding-left, #content .content .inner .item .width-66.padding-left {
    padding-left: 40px;
	}
	#container , #menu, #logo {
		width:100%;
		/*min-width:500px;*/
		 background-position: center center;
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-image: none; 
	}
	#logo{
		background-color: rgba(255,255,255,0.6);
	}
	#logo a{
		background-position:center center;
		background-image:url(/images/logo.png);
		background-repeat:no-repeat;
		background-size: contain;
		width:100%;
		height:100%;
		display: block;
	}
	#content .content .inner .item .width-50.padding-right {
		/*padding-right:20px;*/
		width:100%;
	}
	#content .content .inner .item .smallimg {
		/*padding-right:20px;*/
		display:none;
	}
	#topmenu li{
		list-style: none;
	}
	#overlay {
	    background-color: #004b8d;
	    color: #fff;
	    display: none;
	    height: 100%;
	    left: 0;
	    position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: 2000;
	}
	#overlay .popup {
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	    width: 100%;
	}
	#overlay .nr1 .aligner, #overlay .nr2 .aligner, #overlay .nr3 .aligner{
		width:440px;
		position: relative;
		margin: 0px auto;
		top:60px;
	}
	#overlay .nr1 .aligner img, #overlay .nr2 .aligner img, #overlay .nr3 .aligner img{
		display:none;
	}
	#overlay .nr1 .aligner p, #overlay .nr2 .aligner p, #overlay .nr3 .aligner p, #overlay .nr1 .aligner p a, #overlay .nr2 .aligner p a, #overlay .nr3 .aligner p a  {
	    font-family: daxwideregular;
	    font-size: 22px;
	    font-weight: 400;
	    line-height: 50px;
	}

	#overlay input[type="password"], #overlay input[type="text"], #overlay textarea, #overlay input[type="submit"], #overlay button { 
	width:64%;
	}
	
	#search_form{
		margin-bottom:20px;
	}
	.container_pasfoto {
    	background-position: left center;
    }
	.zoek_resultaat{
		padding:10px 0 15px;
	}
	#content .content .inner .item .width-50.padding-right {
		/*padding-right:20px;*/
		width:100%;
	}
	#content .content .inner .item .width-33.padding-left,
	#content .content .inner .item .width-34.padding-left,
	#content .content .inner .item .width-66.padding-left {
		padding-left:0px;
		width:100%;
	}	
	
	#content .content .inner .item .iconframe .icon:nth-child(odd) {
	    float:left;
	    width: 47%;
	}
	
	#content .content .inner .item .iconframe .icon:nth-child(even){
	    float:right;
	    width: 47%;
	}
	#content .content .inner .item .andereProjecten .img .overlay{
	display:none;
	}
	#content .content .inner .item h1 {
    	font-size: 32px;
    	padding-bottom:0px;
	}
	#content .content .inner {
    	height: calc(100% - 44px);
    	margin-top: 44px;
	}
	#content .content .inner .item .float-left{
		padding-bottom:25px;
	}
	.vacature_item {
    width: 100%;
	}
}

@media all and (max-width:360px) {
	
	#content .content .inner .item .icon:nth-child(even) {	
		padding-right: 0;
		width:124px;
	}	
}



/*  responsive */
@media (max-height: 963px) {
	#home .left .item {
		height:320px;
	}
	#home .left .item .img {
		height:216px;
	}
	#home .left .item h2 {
		margin-top:5px;
	}
	#home .left .item hr {
		display:none;
	}
	#home .left .item .img  .text .toptext {
		/*display:none;*/
		font-size:12px;
	}
	#home .left .item .img .overlay .text {
		line-height: 19px;
	}

	#home .left .item .img .overlay .text .location {

		padding-top: 16px;
	}
}

@media (max-height: 768px) {
	#home .left .item .img {
 		height: 158px;
	}
	#home .left .item {
  		height: 244px;
	}	
	#home .left .item .img .overlay .text .location {
		display: none;
	}
	#home .right > a > h1 {
		font-size: 23px;
	}
}