@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, 
iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, 
tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, 
mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	width:100%;
	overflow-x: hidden;
	background-color:#D1DEE6;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* { 
	box-sizing: border-box;
}
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}

a
{
  text-decoration: none;
  color: #288ec6;
  font-family: "Open+Sans", sans-serif;
  transition: color 0.3s ease;
}

a:hover
{
  color:rgb(255,255,255);
}


#content_outer {
	float:left;
	width:100%;
	background-color:#D1DEE6;
	z-index:1;
}

#header_pusher {
	width:100%;
	height:120px;
	float:left;
}

/*
 * Slider
 */
 
#carousel {
	float:left;
}
.carousel-fade {
            transition-property: opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }





.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 600px;
	width:100%;
	background: linear-gradient(-45deg, #1D3662, #288EC6, #1D3662, #288EC6);
	background-size: 400% 400%;
/*	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;*/
}

.item:nth-child(1) {
  	background-repeat: no-repeat;
	background: linear-gradient(-45deg, #1D3662, #288EC6, #1D3662, #288EC6);
	background-size: 400% 400%;
/*	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;*/
}

.item:nth-child(2) {
	background-repeat: no-repeat;
	background: linear-gradient(-45deg, #1D3662, #288EC6, #1D3662, #288EC6);
	background-size: 400% 400%;
/*	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;*/
}

.item:nth-child(3) {
    background-repeat: no-repeat;
	background: linear-gradient(-45deg, #1D3662, #288EC6, #1D3662, #288EC6);
	background-size: 400% 400%;
/*	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;*/
}

.item:nth-child(4) {
    background-repeat: no-repeat;
	background: linear-gradient(-45deg, #1D3662, #288EC6, #1D3662, #288EC6);
	background-size: 400% 400%;
/*	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;*/
}

.slogan_header {
	float:left;
	margin-left:120px;
	margin-top:20px;
	color:#1D3662;
  	font-family: "Open+Sans", sans-serif;
	font-weight:700;
	line-height:40px;
	font-size:20px;
	letter-spacing:0px;
	width:320px;
	display:block;
}

/*@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}*/

.carousel_tekst_outer {
	float:right;
	width:50%;
	height:100%;
}
.carousel_tekst_kop {
	float:left;
	margin-left:50px;
	margin-right:50px;
	margin-top:100px;
	color:rgb(255,255,255);
  	font-family: "Open+Sans", sans-serif;
	font-weight:600;
	line-height:40px;
	font-size:30px;
	letter-spacing:1px;
}
.carousel_tekst_plat {
	float:left;
	margin-left:50px;
	margin-right:50px;
	margin-top:30px;
	margin-bottom:50px;
	color:rgb(255,255,255);
  	font-family: "Open+Sans", sans-serif;
	font-weight:300;
	line-height:40px;
	font-size:20px;
	letter-spacing:0px;
}

.carousel_button {
	float:left;
	margin-left:50px;
	margin-bottom:50px;
	float:left;
	font-family: "Open+Sans", sans-serif;
	font-weight:300;
	line-height:35px;
	font-size:25px;
	letter-spacing:1px;
	color:#1D3662;
	text-align:center;
	padding:15px;
	margin-bottom:50px;
	background:rgb(255,255,255);
	
}
.carousel_button:hover {
	background:none;
	background-color:rgb(255,255,255);
	color:#1D3662;
	-webkit-box-shadow: 0px 0px 16px -5px #000000; 
  	box-shadow: 0px 0px 16px -5px #000000;

	
}

#carousel_image1 {
	float:left;
	width:50%;
	height:100%;
	background-image:url(../images/SliderGlasbewassing.png);
	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: 50% 50%;
}
#carousel_image2 {
	float:left;
	width:50%;
	height:100%;
	background-image:url(../images/SliderOpleveringSchoonmaak.png);
	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: 50% 50%;

}
#carousel_image3 {
	float:left;
	width:50%;
	height:100%;
	background-image:url(../images/SliderSchoonmaakonderhoud.png);
	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: 50% 50%;
}

/*
 * Content
 */

.content_blok {
	float:left;
	width:100%;
	background-color:#D1DEE6;
}

.inner_content_blok {
	width:1400px;
	margin:0 auto;
	
}
.inner_content_blok_vullend {
	float:left;
	width:1400px;
	height:auto;
	margin-top:50px;
	margin-bottom:50px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}

.inner_content_blok_links {
	float:left;
	width:675px;
	height:620px;
	margin-bottom:50px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
.inner_content_blok_rechts {
	float:right;
	width:675px;
	height:620px;
	margin-bottom:50px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
.referenties_content_blok_links {
	float:left;
	width:675px;
	height:550px;
	margin-bottom:50px;
	margin-top:50px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
.referenties_content_blok_links2 {
	float:left;
	width:675px;
	height:550px;
	margin-bottom:50px;
	margin-top:0px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
.referenties_content_blok_rechts {
	float:right;
	width:675px;
	height:550px;
	margin-bottom:50px;
	margin-top:50px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
.referenties_content_blok_rechts2 {
	float:right;
	width:675px;
	height:550px;
	margin-bottom:50px;
	margin-top:0px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
.kop {
	float:left;
	width:100%;
	font-family: "Open+Sans", sans-serif;
	font-weight:600;
	line-height:35px;
	font-size:30px;
	letter-spacing:1px;
	color:#1D3662;
	padding-bottom:-30px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
}
.kop_midden {
	float:left;
	width:100%;
	font-family: "Open+Sans", sans-serif;
	font-weight:600;
	line-height:35px;
	font-size:30px;
	text-align:center;
	letter-spacing:1px;
	color:#1D3662;
	padding-bottom:-30px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
}
.kop_white {
	float:left;
	width:100%;
	font-family: "Open+Sans", sans-serif;
	font-weight:600;
	line-height:35px;
	font-size:30px;
	text-align: center;
	letter-spacing:1px;
	color:rgb(255,255,255);
	padding-bottom:-30px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
}

.plat {
	float:left;
	width:100%;
	font-family: 'Open+Sans', sans-serif;
	line-height:35px;
	font-size:20px;
	letter-spacing:1px;
	color:#1D3662;
	text-align:left;
	padding:30px;
	font-weight:400;
}
.opsomming_knop {
	color:#288ec6;
	text-decoration:none;
	font-weight:400;
}
.opsomming_knop:hover {
	color:1d3662;
	text-decoration:none;
	font-weight:600;
}

.ghost_button_donker {
	float:left;
	font-family: "Open+Sans", sans-serif;
	font-weight:300;
	line-height:35px;
	font-size:25px;
	letter-spacing:1px;
	color:rgb(255,255,255);
	text-align:center;
	padding:15px;
	margin-bottom:30px;
	margin-left:30px;
	background-repeat: no-repeat;
	background: linear-gradient(-45deg, #1D3662, #288EC6, #1D3662, #288EC6);
	background-size: 400% 400%;
/*	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;*/
}
.ghost_button_donker:hover {
	background:none;
	background-color:#288EC6;
	-webkit-box-shadow: 0px 0px 16px -5px #000000; 
  	box-shadow: 0px 0px 16px -5px #000000;
}

.logo_contact_blok {
	float:left;
	width:180px;
	height:180px;
	background-image:url(../images/logo.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-left:20px;
	margin-top:20px;

}

.contact_buttons_outer_2 {
	float:left;
	height:100px;
	width:250px;
	margin-left:30px;
	margin-bottom:30px;
}
.contact_inner_outer_2 {
	float:left;
	height:50px;
	width:100%;
}

/*
 * filmpje
 */
#outer_filmpje {
	float:left;
 	width:100%;
	background-repeat: no-repeat;
	background:rgb(255,255,255);
	background-size: 400% 400%;
	margin-bottom:50px;
}

#video-wrapper {
	float:left;
	width:100%;
	height:100%;
}

#video-wrapper >  #video-file {
	display:block;
  	width: 900px;
  	height: 500px;
  	cursor:pointer;
	margin:0 auto;
	margin-bottom:50px;
	margin-top:20px;
}

#logo_grey_outer {
	width: 800px;
  	height: 100px;
	margin:0 auto;
	margin-bottom:50px;
	margin-top:20px;
	
}
.logo_grey_inner {
	float:left;
	width: 200px;
  	height: 200px;
	margin:0 auto;
	margin-left:30px;
	margin-right:30px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#logo_grey_inner_1 {
	float:left;
	width: 200px;
  	height: 200px;
	margin:0 auto;
	margin-left:30px;
	margin-right:30px;
	margin-top:-30px;
	background-image:url(../images/logo_grey_1.jpg);
}
#logo_grey_inner_2 {
	float:left;
	width: 200px;
  	height: 200px;
	margin:0 auto;
	margin-left:30px;
	margin-right:30px;
	margin-top:-30px;
	background-image:url(../images/logo_grey_2.jpg);
}
#logo_grey_inner_3 {
	float:left;
	width: 200px;
  	height: 200px;
	margin:0 auto;
	margin-left:30px;
	margin-right:30px;
	margin-top:-30px;
	background-image:url(../images/logo_grey_3.jpg);
}


/*
 * Diensten pagina
 */

.inner_content_blok_vullend_diensten {
	float:left;
	width:675px;
	margin-top:50px;
	margin-bottom:50px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
.inner_foto_blok_rechts_diensten {
	float:right;
	width:675px;
	height:auto;
	margin-top:50px;
}
.kop_klein {
	float:left;
	width:100%;
	font-family: "Open+Sans", sans-serif;
	font-weight:600;
	line-height:35px;
	font-size:25px;
	letter-spacing:1px;
	color:#288EC6;
	padding-bottom:0px;
	margin-top:0px;
	padding-left:30px;
	padding-right:30px;
}
.foto_diensten {
	float:left;
	width:100%;
	height:500px;
	background-color:rgb(239,239,239);
	margin-bottom:25px;
}
.foto_diensten_2 {
	float:left;
	width:100%;
	height:300px;
	background-color:rgb(239,239,239);
	margin-bottom:25px;
}
.foto_diensten_3 {
	float:left;
	width:100%;
	height:700px;
	background-color:rgb(239,239,239);
	margin-bottom:25px;
}
#foto_glasbewassing_1 {
	background-image:url(../images/foto_glasbewassing1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_glasbewassing_2 {
	background-image:url(../images/foto_glasbewassing2.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_glasbewassing_3 {
	background-image:url(../images/foto_glasbewassing3.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_vloeronderhoud {
	background-image:url(../images/vloeronderhoud.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_Opleveringsschoonmaak_1 {
	background-image:url(../images/Fotooplevering.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_kozijnen_1 {
	background-image:url(../images/Foto_voor.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_kozijnen_2 {
	background-image:url(../images/Foto_na.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_Opleveringsschoonmaak_2 {
	background-image:url(../images/Fotooplevering2.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_zonnepanelen_1 {
	background-image:url(../images/Fotozonnepanelen.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_zonnepanelen_2 {
	background-image:url(../images/Fotozonnepanelen2.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_zonnepanelen_3 {
	background-image:url(../images/schoonmaken_zonnepanelen.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_Schoonmaakonderhoud_1 {
	background-image:url(../images/Fotoschoonmaakonderhoud3.jpeg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_Schoonmaakonderhoud_2 {
	background-image:url(../images/20231128_115648.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
	height:500px;
}
#foto_Schoonmaakonderhoud_3 {
	background-image:url(../images/20231128_120553.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
	height:800px;
}
#foto_vastgoed_1 {
	height:800px;
	background-image:url(../images/Vastgoed.jpeg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_leveranties_1 {
	background-image:url(../images/leveranties_foto1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
.pagina_sectie {
	float:left;
	margin-top:-120px;
}

/*
 * Referenties
 */
 
#logo_babypark {
	float:left;
	width:180px;
	height:20px;
	background-image:url(../images/logo_babypark.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-left:30px;
	margin-top:30px;
}
#logo_lenaers {
	float:left;
	width:180px;
	height:52px;
	background-image:url(../images/logo_lanaers.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-left:30px;
	margin-top:30px;
}
#logo_konings {
	float:left;
	width:180px;
	height:72px;
	background-image:url(../images/LogoKonings.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-left:30px;
	margin-top:30px;
}
#logo_beterbed {
	float:left;
	width:120px;
	height:120px;
	background-image:url(../images/logo_beterbed.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-left:30px;
	margin-top:30px;
}
#logo_keijenburg {
	float:left;
	width:180px;
	height:80px;
	background-image:url(../images/logo_keijenburg.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-left:30px;
	margin-top:30px;
}

/*
 * Over ons
 */
.foto_overons {
	float:left;
	width:100%;
	height:350px;
	background-color:rgb(239,239,239);
}
#foto_bus {
	background-image:url(../images/Foto_samen_bus.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_kaart {
	float:left;
	width:100%;
	height:635px;
	background-color:rgb(239,239,239);
	background-image:url(../images/Kaart.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_kaart:hover {
	background-size: 200%;
}
.inner_foto_blok_rechts_contact {
	float:right;
	width:675px;
	height:auto;
	margin-top:50px;
}

/*
 * Geschiedenis
 */

#geschiedenis_outer {
	width:100%;
	height: auto;
	float:left;
	margin-top:25px;
}
#geschiedenis_inner {
	margin:0 auto;
	width:1050px;
	height: 3350px;
	background-image:url(../images/geschiedenis_tijdbalk.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*
 * Projecten
 */

.foto_projecten_outer1 {
	float:left;
	width:100%;
	margin-top:50px;
}
.foto_projecten_outer2 {
	float:left;
	width:100%;
	margin-top:50px;
}
.foto_projecten_inner {
	float:left;
	width:433px;
	height:490px;
	margin-right:50px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}

.foto_projecten_inner_2 {
	float:left;
	width:433px;
	height:490px;
	background-color:rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
#foto_projecten_1 {
	background-image:url(../images/AtikStadion.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
}
#foto_projecten_2 {
	background-image:url(../images/IMG-20231010-WA0006.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
}
#foto_projecten_3 {
	background-image:url(../images/20231030_104523.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
}
#foto_projecten_4 {
	background-image:url(../images/IMG-20230718-WA0003.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
}
#foto_projecten_5 {
	background-image:url(../images/FotoBabyparkbuitenramen.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
}
#foto_projecten_6 {
	background-image:url(../images/20220729_135545.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
}
#foto_projecten_7 {
	background-image:url(../images/20180810_140414.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
}
#foto_projecten_8 {
	background-image:url(../images/zonnepanelen_Roosendaal.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
}
#foto_projecten_9 {
	background-image:url(../images/kzcleaning_aanhanger.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;	
}


/*
 *  Vacature
 */
 
.inner_content_blok_vullend_vacature {
	width:1400px;
	height:1100px;
	margin:0 auto;
	margin-bottom:50px;
	background-color:rgb(255,255,255);
	margin-top:50px;
	-webkit-box-shadow: 0px 0px 17px -3px #A5A5A5; 
	box-shadow: 0px 0px 17px -3px #A5A5A5;
}
.inner_content_blok_vullend_vacature_image {
	float:left;
	width:300px;
	height:300px;
	margin-top:30px;
	margin-left:30px;
	background-image:url(../images/vacature1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*
 * Footer
 */

.footer_outer {
	float:left;
	width:100%;
	height:150px;
	background-color:rgb(255,255,255);
}
.footer_inner {
	width:100%;
	height:150px;
	margin:0 auto;
}
#socialmedia_footer {
	float:right;
	width:130px;
	height:50px;
	margin-top:50px;
	margin-left:50px;
	margin-right:50px;
}
#socialmedia_footer_facebook {
	float:left;
	width:50px;
	height:50px;
	margin-right:0px;
	background-image:url(../images/facebook_icon.png);
	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: 50% 50%;
}
#socialmedia_footer_facebook:hover {
	background-image:url(../images/facebook_icon_hover.png);
}
#socialmedia_footer_linkedin {
	float:left;
	width:50px;
	height:50px;
	margin-left:30px;
	background-image:url(../images/linkedin_icon.png);
	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: 50% 50%;
}
#socialmedia_footer_linkedin:hover {
	background-image:url(../images/linkedin_icon_hover.png);
}

#kzcleaning {
	float:left;
	margin-top:50px;
	margin-left:50px;
	font-family: 'Open+Sans', sans-serif;
	font-weight:400;
	line-height:30px;
	font-size:16px;
	color:#1D3662;
	
}
#btw_kvk {
	float:right;
	margin-top:50px;
	margin-left:50px;
	width:185px;
	font-family: 'Open+Sans', sans-serif;
	font-weight:400;
	line-height:30px;
	font-size:16px;
	color:#1D3662;
	
}

@media screen and (max-width: 1550px) {
	.platteteks_contact {
	width:30%;
	}
	.platteteks_bruin_midden {
	width:90%;
	margin-left:5%;
	}
	.showcase_blokken_outer {
	float:left;
	width:30%;
	height:450px;
	margin:1.6%;
	}
	.inner_content_blok_vullend {
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	}
	.inner_content_blok_vullend_diensten {
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	}
	.inner_content_blok_vullend_vacature {
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;	
	}
	.inner_content_blok {
	width:100%;
	margin:0 auto;
	}
	.inner_content_blok_links {
	width:90%;
	height:auto;
	margin-left:5%;
	margin-bottom:50px;
	}
	.inner_content_blok_rechts {
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-bottom:50px;
	margin-top:0px;
	}
	.inner_foto_blok_rechts_diensten {
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-bottom:50px;
	margin-top:0px;
	}
	.foto_diensten {
	height:500px;
	width:50%;
	}
	.foto_diensten_3 {
	height:700px;
	width:50%;	
	}
	.foto_overons {
	height:600px;
	}
	.inner_foto_blok_rechts_contact {
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-bottom:50px;
	margin-top:0px;
	}
	.referenties_content_blok_links {
	width:90%;
	height:auto;
	margin-left:5%;
	margin-bottom:50px;
	}
	.referenties_content_blok_links2 {
	width:90%;
	height:auto;
	margin-left:5%;
	margin-bottom:50px;
	}
	.referenties_content_blok_rechts {
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-bottom:50px;
	margin-top:0px;
	}
	.referenties_content_blok_rechts2 {
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-bottom:50px;
	margin-top:0px;
	}
	.foto_projecten_inner {
	width:27%;
	height:400px;
	margin:25px;
	}
	.foto_projecten_inner_2 {
	width:27%;
	height:400px;
	margin:25px;
	}
}

@media screen and (max-width: 1000px) {
	#carousel_image1 {
	width:40%;
	}
	#carousel_image2 {
	width:40%;
	}
	#carousel_image3 {
	width:40%;
	}
	.carousel_tekst_outer {
	width:60%;
	}
	.platteteks_bruin_links {
	width:100%;
	}
	.platteteks_bruin_rechts {
	width:100%;
	}
	.platteteks_lichtbruin_links {
	width:100%;
	}
	.platteteks_lichtbruin_rechts {
	width:100%;
	}
	.picture {
	float:left;
	
	}
	.platteteks_contact {
	width:80%;
	}
	.foto_diensten {
	height:500px;
	width:100%;
	}
	.foto_diensten_3 {
	height:750px;
	width:100%;	
	}
	.foto_overons {
	height:350px;
	}
	.foto_projecten_inner {
	width:42%;
	height:600px;
	margin:25px;
	}
	.foto_projecten_inner_2 {
	width:42%;
	height:600px;
	margin:25px;
	}
	#foto_Schoonmaakonderhoud_2 {
	height:800px;
	}
	#foto_Schoonmaakonderhoud_3 {
	height:1000px;
	}
	#video-wrapper >  #video-file {
  	width: 100%;
  	height: 500px;
	}
	#geschiedenis_inner {
	width:650px;
	height:3000px;
	background-image:url(../images/geschiedenis_tijdbalk_mobiel.jpg);
}
.slogan_header {
	width:170px;
	margin-top:8px;
	display:none;
}
#logo_grey_outer {
	width: 800px;
	height:100px;

}
.logo_grey_inner {
	width: 200px;
	height:200px;
}
#logo_grey_inner_1 {
	width: 200px;
	height:200px;
}
#logo_grey_inner_2 {
	width: 200px;
	height:200px;
}
#logo_grey_inner_3 {
	width: 200px;
	height:200px;
}

}
@media screen and (max-width: 900px) {
	.foto_projecten_inner {
	width:90%;
	height:730px;
	margin-left:30px;
	margin-right:0px;
	margin-top:0px;
	margin_bottom:0px;
	}
	.foto_projecten_inner_2 {
	width:90%;
	height:730px;
	margin-left:30px;
	margin-right:0px;
	margin-top:0px;
	margin_bottom:0px;
	}
	#video-wrapper >  #video-file {
  	width: 100%;
  	height: 300px;
	}
	#logo_grey_outer {
	width: 650px;
	height:100px;

	}
	.logo_grey_inner {
	width: 150px;
	height:150px;
	}
	#logo_grey_inner_1 {
	width: 150px;
	height:150px;
	}
	#logo_grey_inner_2 {
	width: 150px;
	height:150px;
	}
	#logo_grey_inner_3 {
	width: 150px;
	height:150px;
	}
}