@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700');


body {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 12px;
	color: #000000;
}
body, html {
	overflow-x: hidden;
}
.wysiwyg  * {
	font-family: 'Open Sans' !important;
}
.wysiwyg  h1, .wysiwyg  h2, .wysiwyg  h3, .wysiwyg  h4 {
	font-family: 'Oswald' !important;
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, .oswald {
	font-family: 'Oswald' !important;
	line-height: 110%;
	margin: 0px;
	color: #0061a8;
	text-transform: uppercase;	
}
p {
	margin: 0px;
}


.YouTubeFrame {
	width: 50%;
	min-height: 150px !important;
	max-height: 300px !important;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
.YouTubeFrame iframe {
	width: calc(100% + 10px);
	height: 100%;
	display: block;
	margin-left: -10px;
	margin-right: -10px;	
}
.YouTubeFrame:nth-child(odd) iframe {
	margin-left: 0px;
}
@media (max-width: 600px){
	.YouTubeFrame {
		width: 100%;
	}
	.YouTubeFrame:nth-child(odd) iframe {
		margin-left: -10px;
	}
}

.actueel .item:nth-child(2) .foto {
  background-position: left!important;
}

.actueel div:nth-child(1) div.cont  p:nth-child(4),
.actueel div:nth-child(2) div.cont  p:nth-child(4) {
/*  display:none;*/
}

.button  {
	text-align: center;
	text-transform: uppercase;
	font-family: 'Oswald';
	position:relative;
	z-index:1;
}
.button a {
	color: #0061a8;
	text-transform: uppercase;	
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	text-decoration: none;
	border: 1px solid #0061a8;
	font-weight: 500;	
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
}
.button a:hover, .zoom:hover .button a {
	color: #009edf;
	border: 1px solid #009edf;
}


.videobutton  {
	text-align: center;
	text-transform: uppercase;
	font-family: 'Oswald';
	position:relative;
	z-index:1;
}
.videobutton a {
	color: #0061a8;
	text-transform: uppercase;	
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	text-decoration: none;
	border: 1px solid #0061a8;
	font-weight: 500;	
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
}
.videobutton a:hover, .zoom:hover .videobutto a {
	color: #009edf;
	border: 1px solid #009edf;
}

h1 {
	font-weight: 700;
	text-transform: uppercase;
}
h2 {
	font-weight: 700;
	color: #009edf;
	text-transform: uppercase;
}
h3, h4, h5, h6, h7, h8, h9 {
	font-weight: 600;
}
.font-small  {
	font-size: calc(9px + .1vw);
}
.font-smedium {
	font-size: calc(10px + .1vw);
}
.font-medium, .wysiwyg  {
	font-size: calc(12px + .1vw);
}
.wysiwyg span, .wysiwyg p  {
	font-size: calc(12px + .1vw) !important;
}
.wysiwyg h2, .wysiwyg h3, .wysiwyg h4 {
	line-height: 140%;
}
.font-mlarge, .downloads a  {
	font-size: calc(13px + .1vw);
}
.font-large, h3, h4, h5, h6, h7, h8, h9 {
	font-size: calc(16px + .1vw);
}
.font-xlarge, h2 {
	font-size: calc(22px + .1vw);
}
.font-super, h1  {
	font-size: 32px;
	font-size: calc(29px + .1vw);
}
@media(max-width: 500px){
	.font-large, h3, h4, h5, h6, h7, h8, h9 {
		font-size: calc(15px + .1vw) !important;
	}
	.font-xlarge, h2 {
		font-size: calc(19px + .1vw) !important;
	}
	.font-super, h1  {
		font-size: calc(25px + .1vw) !important;
	}
}
.fixed {
	position: fixed;
}
a {
	color: #009edf}
.titel, .footer .oswald {
	margin-bottom: 3px;
	font-weight: 400;
}
.footer .oswald {
	margin-bottom: 5px;
}
.foto {
	background-repeat: no-repeat;
	background-color: #99c0dc;
}

.foto[style*="1602248836_LogoDeWijkwieg.png"], .zoom .foto[style*="1602248836_LogoDeWijkwieg.png"] {
	background-size:contain !important;
	background-color:white;
	background-position:center !important;
}
.zoom .foto[style*="1602248836_LogoDeWijkwieg.png"] {
	background-size:auto 80% !important;
}
.zoom:hover .foto[style*="1602248836_LogoDeWijkwieg.png"] {
	background-size:auto 90% !important;
}




.container {
	display: block;
	width: 100%;
	max-width: 4000px;
}

.col-left {
	display: block;
	float: left;
}
.col-left, .col-left .fixed {
	width: 20%;
	min-width: 200px;
	max-width: 280px;
	min-height: 100vh;
	background-color: #FFFFFF;
	z-index: 2;
}
.col-right {
	display: block;
	float: left;	
	width: calc(80% - 5px);
	min-height: 100vh;
	box-sizing: border-box;
	border-left: 1px solid #0061a8; 
}
@media(max-width: 1000px){
	.col-right {
		width: calc(100% - 200px);
	}
}
@media(min-width: 1400px){
	.col-right {
		width: calc(100% - 280px);
	}
}
.col-content {
			width: 100%;
		display: block;
}
.col-content .col-container {
	display: block;
	padding: 56px 40px 20px 40px;
}
.right-blue {
	position: fixed;
	width: calc(100% - 4000px);
	height: 100%;
	right: 0px;
}
.right-blue .pic {
	background-size: cover;
	background-position: center center;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;	
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);		
}
.right-blue .blue {
	background-color: rgba(68,150,210,.9);
	display: block;
	width: 100%;
	height: calc(100% + 50px);
	position: absolute;
	z-index: 2;
	margin-top: -25px;
	box-shadow: inset 5px 0px 5px rgba(0,0,0,.2);
}
.col-content .foto {
	display: block;
	height: 33vw;
	background-size: cover;
	background-position: center center;
	margin-top: 20px;
}




.col-left .logo {
	display: block;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	height: 87px;
}
.col-left .logo img {
	width: 100%;
	border: 0px;
}
.menu {
	display: block;
	font-family: 'Oswald';
}
.menu ul, .mobile .mobilemenu ul {
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
.menu ul li a, .mobile .mobilemenu ul li a {
	display: block;
	color: #0061a8;
	font-weight: 500;
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	text-transform: uppercase;
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
}
.menu ul li .active, .menu ul li a:hover {
	background-color: #0061a8;
	color: #FFFFFF;
}
.submenu {
	padding-top: 107px;
	margin-left: 0px;
	display: block;
	float: left;
	background-color: #0061a8;
	width: 170px;
	text-align: left;
	min-height: calc(100vh - 107px);
}
.submenu ul li a {
	color: #FFFFFF;
}
.submenu ul li .active, .submenu ul li a:hover {
	background-color: #99c0dc;
}
.submenu .fixed {
	width: 170px;
}
.foto, .bigbrowse {
	min-height: 100%;
}



.image.thumb{
	background-color:#adadad;
}



.projecten, .actueel, .nieuws {
	display: block;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -20px;
}
@media(max-width:1300px){
	.project h1 {
		font-size: 24px;
	}
}
@media(max-width:1150px){
	.project h1 {
		font-size: 20px;
	}
	.project h2 {
		font-size: 17px;
	}	
}

.projecten .project, .actueel .item ,.nieuws .news{
	display: block;
	width: calc((100% - 60px) / 3);
	margin: 0px 10px 20px 10px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #eeeeee;
	padding: 10px 10px 0px 10px;
	background-color: #FFFFFF;
	overflow:hidden;
}
.projecten .project p { 
	font-weight: 500;
}
.projecten .project .cont {
	display: block;
	height: 85px;
	padding-top: 10px;
}
.projecten .project .cont .text {
	display: block;
	float: left;
	width: 60%;
}
.projecten .project .cont .logo {
	display: block;
	float: right;
	width: 40%;
	height: 75px;
	background-size: contain;	
	background-repeat: no-repeat;
	background-position: right top;
}
.projecten .project .foto, .actueel .item .foto {
	display: block;
	height: 14vw;
	min-height: 180px;
	max-height: 250px;
	background-size: cover;
	background-position: center center;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
}


.nieuws .news p { 
	font-weight: 500;
	color:#fff;
}
.nieuws .news .cont {
	display: block;
	height: 85px;
	padding-top: 10px;
}
.nieuws .news .cont .text {
	display: block;
	float: left;
	width: 60%;
}
.nieuws .news .cont .logo { 
	display: block;
	float: right;
	width: 40%;
	height: 75px;
	background-size: contain;	
	background-repeat: no-repeat;
	background-position: right top;
}


.nieuws .news .foto {
	display: block;
	height: 14vw;
	min-height: 180px;
	max-height: 250px;
	background-size: cover;
	background-position: center center;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
}
.projecten:after, .actueel:after , .nieuws:after{
	display: block;
	content: " ";
	clear: both;
}
@media(max-width: 1600px){
	.projecten .project .cont .logo {
		height: 55px;
	}
}
@media(max-width: 1200px){
	.projecten .project, .actueel .item, .nieuws .news {
		width: calc((100% - 40px) / 2);
	}
	.projecten .project .foto {
		height: 16vw;
	}
	.compareprojecten .projecten .project:first-child {
		display: none;
	}	
	.compareprojecten .comparelesser .projecten .project:first-child {
		display: block;
	}
	.compareprojecten .comparelesser .projecten .project:nth-child(2) {
		display: none;
	}	
}
@media(max-width: 950px){
	.projecten .project, .actueel .item , .nieuws .news{
		width: calc(100% - 20px);
	}
}
.plaats {
	color: #009edf;
	font-weight: 700;
	text-transform: uppercase;	
}
.project .klant {
	color: #adadad;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.project .foto, .item .foto, .schaatsteam .foto, .bigbrowse  {
	display: block;
	height: 33vw;
	background-size: cover;
	// background-position: center center;	
	background-position: 100% 40%;
	background-repeat: no-repeat;
	margin-top: -20px;
	margin-left: -40px;
	margin-right: -40px;
	margin-bottom: 20px;
}
.project .left {
	float: left;
	width: 30%;
}
.project .right {
	float: left;
	width: 70%;
	box-sizing: border-box;
	padding-left: 40px;
}
.project .logo {
	display: block;
	height: 90px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.compareprojecten .projecten .project:last-child {
	display: none;
}
.compareprojecten .comparelesser .projecten .project:last-child {
	display: block;
}
@media(min-width: 1500px){
	.compareprojecten .projecten .project {
		width: calc((100% - 80px) / 4);
	}
	.compareprojecten .projecten .project:last-child {
		display: block;
	}	
}








.actueel .item .cont {
	display: block;
	height: 130px;
}
.actueel .item .datum {
	margin-top: 5px;
	color: #adadad;
	display: block;
	height: 13px;
	line-height: 13px;
	overflow: hidden;
}
.actueel .item .datum span {
	color: #009edf;
	text-transform: uppercase;
}
.projecten .project .button,
.actueel .item .button, .nieuws .news .button {
	border-bottom:10px solid white;
}
.actueel .item .button a {
	background-color: #0061a8;
	color: #FFFFFF;
}
.actueel .item .button a:hover, .actueel .zoom:hover .button a {
	background-color: #009edf;
}




.item {
	margin-top: 25px;
}
.project .foto, .item .foto, .schaatsteam .foto {
	margin-top: -81px;
}





.home .homeitem  {
	background-color: #0061a8;
	margin-left: -40px;
	margin-right: -40px;	
	background-size: cover;
	background-position: center center;
	cursor: pointer;
}
.home .homeitem .foto {
	margin-left: -0px;
	margin-right: -0px;
}
.home .nametag {
	background-color: #0061a8;
	position: absolute;
	display: inline-block;
	height: 50px;
	margin: -90px 0px 0px -40px;
	padding: 10px 40px 10px 40px;
}
.home .nametag .titel {
	color: #FFFFFF;
	line-height: 120%;
}
.home .naam {
	display: block;
}
.home .quote {
	display: block;
	background-image: url('../images/quote.png');
	background-repeat: no-repeat;
	padding-left: 40px;
}
.home .tekst {
	display: block;
	margin-top: 40px;
	margin-bottom: 40px;
}
.home .actueel {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -10px;
	margin-right: -10px;
}
.home .actueel .item {
	width: calc((100% - 80px) / 4);	
}
@media(max-width: 1350px){
	.home .actueel .item {
		width: calc((100% - 60px) / 3);	
	}
	.home .actueel .item:last-child {
		display: none;
	}	
}
@media(max-width: 950px){
	.home .actueel .item {
		width: calc((100% - 40px) / 2);	
	}
	.home .actueel .item:nth-child(3) {
		display: none;
	}
	.home .actueel .item:last-child {
		display: none;
	}	
}
.home .schaatsteam {
	display: block;
	margin-left: -40px;
	margin-right: -40px;
	padding: 100px 40px 100px 40px;
	background-repeat: no-repeat;
	background-position-y: 25%;
	background-position-x: center;
	background-size: cover;
}
.home .schaatsteam .button {
	display: inline-block;
	margin-top: 20px;
}
.schaatsteam .button a {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;	
	background-color: #009edf;
	border: 1px solid #009edf;
	color: #FFFFFF;
	width: auto;
}
.schaatsteam .button a:hover {
	background-color: #0061a8;
	border: 1px solid #0061a8;	
}

.home .schaatsteam .videobutton {
	display: flex;
	margin-top: 20px;
	justify-content: flex-end;
}
.schaatsteam .videobutton a {
	padding:20px;
	background-color: #009edf;
	border: 1px solid #009edf;
	color: #FFFFFF;
	width: auto;
}
.schaatsteam .videobutton a:hover {
	background-color: #0061a8;
	border: 1px solid #0061a8;	
}



.home .schaatsteam .t1 {
	color: #009edf;
}
.home .schaatsteam .t2 {
	color: #FFFFFF;
}
.homeprojecten {
	margin-left: -40px;
	margin-right: -40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 20px;
	background-color: #0061a8;
	margin-bottom: 40px;
}

.homenieuws {
	margin-left: -40px;
	margin-right: -40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 20px;
	background-color: #0061a8;

}

.homeprojecten .projecten ,.homenieuws .nieuws{
	margin-top: 40px;
}
@media(max-width: 1200px){
	.homeprojecten .projecten .project:last-child, .homenieuws .nieuws .news:last-child {
		display: none;		
	}
}
.homeprojecten .projecten .foto ,.homenieuws .nieuws .news .foto{
	margin-left: -11px;
	margin-top: -11px;
	margin-right: -11px;
}
.meernieuws {
	float: right;
	margin-top: 3px;
}
.meernieuws a {
	color: #adadad;
	font-weight: bold;
	text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.meernieuws a:hover {
	color: #009edf;
}







.dropfooter {
	display: block;
	min-height: calc(100vh - 56px - 135px - 40px);
}
.dropprojecten, .dropactueel {
	min-height: calc(100vh - 135px);
}
.footer {
	display: block;
	padding-top: 40px;
	height: 135px;
	margin-top: 20px;
	border-top: 1px solid #0061a8;
	box-sizing: border-box;
}
.footer img {
	border: 0px;
}
.footer .adres {
	width: 22%;
	float: left;
}
.footer .adres:last-child {
	width: 30%;
	float: right;
	position:relative;
	top:-10px;
} 
@media(max-width: 1000px){
	.footer .adres {
		width: 33%;
	}	
	.footer .adres:last-child {
		display: none;
	} 
}
.footer .adres p {
	font-weight: bold;
}
.footer .adres a img, .schaatsteam .right a img {
	border: 2px solid #0061a8;
	width: 8%;
	max-width: 35px;
	min-width: 22px;
}
.footer:after {
	content: " ";
	display: block;
	clear: both;
}



.schaatsteam {
	display: block;
}
.schaatsteam:after {
	display: block;
	content: " ";
	clear: both;
}
.schaatsteam .left {
	width: calc(((100% / 3) * 2) - 6px);
	padding-right: 0px;
	box-sizing: border-box;
	display: block;
	float: left;
}
.schaatsteam .right {
	width: 25%;
	display: block;
	float: right;
	padding-top: 40px;
}
.schaatsteam .right .fol {
	font-weight: bold;
	float: left;
	line-height: 35px;
}
.schaatsteam .right .soc {
	display: block;
	float: right;
	padding-top: 5px;
	text-align: right;
}





.gallery {
	clear: both;
	margin-top: 20px;
	margin-bottom: 0px;
	display: block;
	margin-left: -10px;
	margin-right: -10px;
}
.gallery .image {
	display: block;
	width: calc((100% - 60px) / 3);
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	cursor: pointer;	
}
.gallerybutton {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #009edf;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	float: right;
}
.gallerybutton:hover {
	background-color: #0061a8;
}
.galleryclose {
	margin-left: auto;
	margin-right: auto;
}
.gallery, .gallery .browse .button, .YouTubeFrame {
	height: 15vw;
	min-height: 100px;
	max-height: 200px;	
}
.gallery .foto {
	height: auto;
}
.singlefoto {
	height: 32vw;
	min-height: 150px;
	max-height: none;
}
@media(max-width: 900px){
	.singlefoto {
		margin-left: -20px;
		margin-right: -20px;
		height: 35vw;
	}
}

.browser .browse {
	display: block;
	width: 20px;
	text-align: center;
}
.browser .lft {
	float: left;
	margin-left: -20px;
}
.browser .lft .button {
	background-image: url('../images/arrow1.png');
}
.browser .rgt {
	float: right;
	margin-right: -20px;
}
.browser .rgt .button {
	background-image: url('../images/arrow2.png');
}
.browser .browse .button {
	display: block;
	width: 20px;
	position: absolute;
	background-position: 0px center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.browser .browse .button:hover {
	background-position: -20px center;
}
.bigbrowse {
	margin-top: 0px;
	display: block;
	width: 20px;
}
.bigbrowse_l {
	float: left;
	margin-left: 20px;
}
.bigbrowse_r {
	float: right;
	margin-right: 20px;	
}
.bigbrowse .arrow {
	position: absolute;
	background-position: 0px center;
	background-repeat: no-repeat;	
	background-size: auto;
	cursor: pointer;
	display: none;
	width: 20px;
	height: 20px;
	background-color: rgba(40,41,121,.5);
	padding: 4px;
	border-radius: 30px;
	margin-top: -14px;
}
.bigbrowse_l .arrow {
	background-image: url('../images/arrow1.png');
	background-position: 2px center;
	margin-left: 5px;
}
.bigbrowse_l .arrow:hover {
	background-position: -18px center;
}
.bigbrowse_r .arrow {
	background-image: url('../images/arrow2.png');
	background-position: 4px center;
	margin-left: -13px;
}
.bigbrowse_r .arrow:hover {
	background-position: -16px center;
}





.team h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}



.team .leden {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}
.team .leden:after {
	content: " ";
	display: block;
	clear: both;
}
.team .leden .lid {
	display: block;
	width: calc((100% - 100px) / 5);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	border: 1px solid #adadad;
}
.team .leden .lid .lidInfo{
	margin-left:10px;
	margin-bottom:5px;
}
.team .email{
	margin-top: 8px;
}

.team div:nth-child(8) div:nth-child(5) .foto{
	background-position:center;
}

body > div.container > div.col-right > div > div > div.dropfooter.dropteam > div > div:nth-child(6) > div:nth-child(5) > img {
background-position: center;
}

@media(max-width: 1350px){
	.team .leden .lid {
		width: calc((100% - 80px) / 4);
	}
}
@media(max-width: 1150px){
	.team .leden .lid {
		width: calc((100% - 60px) / 3);
	}
}
@media(max-width: 600px){
	.team .leden .lid {
		width: calc((100% - 40px) / 2);
	}
}
@media(max-width: 400px){
	.team .leden .lid {
		width: calc(100% - 20px);
	}
}
.team .leden .lid .foto {
	display: block;
	width: 100% ;
	height:auto;
	min-height:auto;
	margin-top: 0;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.team .leden .lid p {
	padding-top:5px;
	display: block;
	overflow: hidden;
}
.team .leden .lid .naam {
	font-weight: bold;
}
.team .leden .lid .functie {
	 font-weight: bold;
	color: #009edf;
}



.contact {
	display: block;
	margin-bottom: 20px;
}
.contact h1 {
	margin-bottom: 40px;
}
.contact:after {
	content: " ";
	display: block;
	clear: both;
}
.contact .left {
	float: left;
	display: block;
	width: 70%;
	box-sizing: border-box;
	padding-right: 80px;
}
.contact .left h3 {
	margin-bottom: 20px;
}
.contact .left form {
	margin-top: 20px;
}
.contact .right {
	float: left;
	width: 30%;
	display: block;
}
input[type="text"], textarea {
	display: block;
	font-family: 'Oswald';
	font-size: 14px;
	display: block;
	background-color: #efefef;
	width: 100%;
	line-height: 40px;
	height: 40px;
	padding-left: 10px;
	border: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	box-sizing: border-box;
}
textarea {
	height: 100px;
	line-height: normal;
}
.contact .postcode {
	width: calc(20% - 10px);
	float: left;
	margin-right: 10px;
}
.contact .fplaats {
	float: left;
	width: 80%;
}
.contact .button a {
	background-color: #858585;
	border: 1px solid #858585;
	color: #FFFFFF;
	line-height: 34px;
	height: 34px;	
}
.contact .button a:hover {
	background-color: #009edf;
}
.contact .mandatory {
	float: right;
	display: block;
	width: 50px;
	height: 20px;
	line-height: 20px;
	color: 	#858585;
	font-family: 'Oswald';
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: -30px;
}
@media (max-width: 950px){
	.contact .left, .contact .right {
		float: none;
		width: 100%;
		padding-right: 0px;
		margin-bottom: 20px;
	}
}

.zoom {
	cursor: pointer;
}
.zoom .foto, .gallery .thumb {
	background-size: auto 145%;
    -webkit-transition: background-size .5s ease;
    transition: background-size .5s ease;
	background-position: center center;
}
.zoom:hover .foto, .gallery .thumb:hover {
	background-size: auto 175% !important;
}



.downloads {
	display: grid;
	clear: both;
	grid-template-columns: 33% 33% 33%;
}
.downloads br {
	display: none;
}
.downloads a {
	display: block;
	<!--width: 100%;-->
	box-sizing: border-box;
	max-width: 425px;
	margin-bottom: 30px;
	margin-right: 20px;
	background-color: #FFFFFF;
	border: 1px solid #0061a8;
	color: #0061a8;
    -webkit-transition: padding-left .2s, color .2s, border-color .2s;
    transition: padding-left .2s, color .2s, border-color .2s;
	font-family: 'Oswald' !important;	
	font-weight: 500;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	<!--background-image: url('../images/download.png');-->
	background-position: 10px center;
	background-repeat: no-repeat;
	text-decoration: none;
}
.downloads a:hover {
	padding-left: 48px;
	border-color: #009edf;
	color: #009edf;;
} 
.downloads a span {
	float: right;
	font-size: .7em;
	font-weight: 400;
	padding-top: 1px;	
}


.language {
	position: fixed;
	bottom: 10px;
	left: 20px;
	display: block;
	z-index: 2;
}
@media (max-width: 900px){
	.language {
		position: static;
		padding-left: 20px;
	}
}





.import {
	display: block;
	/*
	margin-left: -10px;
	margin-right: -10px;
	*/
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #EEEEEE;
}
.import .news {
	width: calc(20% - 20px);
	float: left;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	transition: background-color .2s;
	padding: 5px;
	box-sizing: border-box;
}
.import .news:hover {
	background-color: #DDDDDD;
}
.import .news .image {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 9vw;
	margin: -5px;
	margin-bottom: 0px;
	max-height: 130px;
}
.import .news .title h3 {
	font-size: 13px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.import .news .date {
	font-size: 9.5px;
	color: #009edf;
}
.import .news .content {
	font-size: 11px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.import:after {
	content: " ";
	display: block;
	clear: both;
}
@media(max-width: 1150px){
	.import .news {
		width: calc(25% - 20px);
	}
	.import .news:last-child {	
		display: none;
	}
}
@media(max-width: 700px){
	.import .news {
		width: calc(50% - 20px);
	}
	.import .news .image {
		height: 17vw;
	}
}


.actueel:nth-child(1) .item .foto{
	<!-- background-position: center top; -->
}


.projecten .project:nth-child(2) .cont .logo{
	background-size: auto 65%!important;
}


.onderhoudGrid{
		display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.onderhoudGrid img{
	margin-top: 5px;
}

.onderhoudGrid .button{
		background-color: #0061a8;
    color: white;
    cursor:pointer;
}

.onderhoudGrid .button a{
	color:white;
}

.homenieuws {
  background-color: #fff;
}

.nieuws .news {
  border: 1px solid #0061a8;
  background-color: #0061a8;
}

.nieuws .news .button {
  border-bottom: 10px solid #0061a8;
}

.nieuws .news .button a {
  color: #fff;
  border: 1px solid #fff;
}

.homenieuws .fontlarge{
	color:#0061a8;
}




.homeprojecten .projecten .project.hide {
	display: none;
}