.container_full {margin-right: auto; margin-left: auto;}
.container_size {margin-right: auto; margin-left: auto; max-width: 1920px;}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #000;
  font-family: 'Source Sans Pro', 'www-Source Sans Pro';
  font-size: 14px;
  line-height: 24px;
  overflow-x: hidden;
  background: #fff;
}
p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#content_bg, #foto_bg, #kleur_bg, #wit_bg, #footer_bg {
  transition: transform 0.5s;
}

.uspbar {background-color: #83b918; color: #fff; font-size: 1.1em; width: 100%; text-align: center;}
.usptxt {padding: 15px 0px;}
.fa-check {color: #fff !important; margin-left: 10px ;}

a {text-decoration: none;}


@font-face {
    font-family: 'Source Sans Pro';
    src: url('/fonts/SourceSansPro-Regular.eot');
    src: url('/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SourceSansPro-Regular.woff') format('woff'),
         url('/fonts/SourceSansPro-Regular.ttf') format('truetype'),
         url('/fonts/SourceSansPro-Regular.svg#PetalaPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'www-Source Sans Pro';
    src: url('/fonts/SourceSansPro-Regular.eot');
    src: url('/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SourceSansPro-Regular.woff') format('woff'),
         url('/fonts/SourceSansPro-Regular.ttf') format('truetype'),
         url('/fonts/SourceSansPro-Regular.svg#PetalaPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('/fonts/SourceSansPro-bold.eot');
    src: url('/fonts/SourceSansPro-bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SourceSansPro-bold.woff') format('woff'),
         url('/fonts/SourceSansPro-bold.ttf') format('truetype'),
         url('/fonts/SourceSansPro-bold.svg#PetalaPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'www-Source Sans Pro Bold';
    src: url('/fonts/SourceSansPro-bold.eot');
    src: url('/fonts/SourceSansPro-bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/SourceSansPro-bold.woff') format('woff'),
         url('/fonts/SourceSansPro-bold.ttf') format('truetype'),
         url('/fonts/SourceSansPro-bold.svg#PetalaPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

img {border: none;max-width: 100%;width: auto;height: auto;}

#kleur_bg {background-color: #00acd5; }
/* KLEUR */
#kleur_bg {width:100%; background:#00acd5;}
#groen_bg {width:100%; background:#83b918;}
#roze_bg {width:100%; background:#af007c;}
#geel_bg {width:100%; background:#fec600;}

#kleur{width:79.166666666667%; /* 1140px : 1440px */ margin:0 auto; padding:0.25% 0; overflow:hidden;}
#hoofdmenu {width:100%; /* 675px : 1140px */ float:left; text-transform:uppercase; font-size:1.14285714285714em; /* 16px : 14px */ text-align:right; margin-top:0.5%; padding:1.5% 0;}

#hoofdmenu a {color:#fff; padding: 2.1% 3% ;}
#hoofdmenu a:hover, #hoofdmenu a.active {color:#000; background:#fff;}
#hoofdmenu .current_page_item a {color:#000; background:#fff;}
#hoofdmenu .current-page-ancestor a {color:#000; background:#fff;}
#hoofdmenu ul {margin:0; padding:0;}
#hoofdmenu ul li {display:inline; margin-left:3%;}


/* WIT */
#wit_bg {width:100%;background:#fff;float:left;position:relative;}
#wit_bg a:hover{color:#00acd5;}
#wit_bg_groen{width:100%;background:#fff;float:left;position:relative;}
#wit_bg_groen a:hover{color:#83b918;}
#wit_bg_roze{width:100%;background:#fff;float:left;position:relative;}
#wit_bg_roze a:hover{color:#af007c;}
#wit_bg_geel{width:100%;background:#fff;float:left;position:relative;}
#wit_bg_geel a:hover{color:#fec600;}
#wit{width:79.166666666667%; /* 1140px : 1440px */ margin:0 auto;}
#logo{width:31.228070175439%; /* 299px : 1140px */ float:left;margin-top:-0.75%;margin-bottom:-1.5%;}

.submenu{width:67.9824561403509%; /* 775px : 1140px */float:right;text-transform:uppercase;font-size:1.14285714285714em; /* 16px : 14px */ list-style:none;padding:1% 0;text-align:right; padding-left: 50px;}

.submenu ul{margin:0;list-style:none;padding:0;padding:2% 0;}
.submenu ul li{display:inline;list-style:none;margin-left:7%;margin-right:4%;}
.submenu ul li a{color:#000;padding:2% 0 ;}
.submenu .widget_subpages_current_page a{color:#00acd5;}
.submenu .current-page-ancestor a{color:#00acd5;}

#vacature
{
    margin:0 /*3% 0*/;
    padding:1% 0;
    color:#fff;
    /*text-transform:uppercase;*/
    border-radius: 3px;
	/*background:#00acd5;*/
	width: 49%;
  float: left;
	border: 1px solid #00acd5;

}
#vacature:hover {background:#385fab; color:#fff;}
#vacature:hover a {color:#fff;}
#vacature a {color:#000 /*#fff*/;}
#vacature a:hover { color: #fff;}

#facebook_knop
{
	margin:0 /*3% 0*/;
    padding:1% 0;
    color:#fff;
    /*text-transform:uppercase;*/
    border-radius: 3px;
    /*background:#385fab;*/
	width: 49%;
  float: right;
	border: 1px solid #385fab;
}

#facebook_knop:hover  {background:#385fab; color:#fff;}
#facebook_knop:hover a {color:#fff;}
#facebook_knop a {color:#000 /*#fff*/;}
#facebook_knop a:hover {color:#fff;}

#zoekform {
  
  padding: 2% 5% 5% !important;
 
}

h3.oznw {font-size: 1.5em;}



/* FOTO */
#foto_bg
{
	width:100%;
}

#foto_bg img
{
	border-bottom: solid 4px #00acd5;
}

#foto_bg_groen img
{
	border-bottom: solid 4px #83b918;
}

#foto_bg_roze img
{
	border-bottom: solid 4px #af007c;
}

#foto_bg_geel img
{
	border-bottom: solid 4px #fec600;
}

#foto
{
	width:79.166666666667%; /* 1140px : 1440px */
	margin:0 auto;
	
	position:relative;
	margin-top:-17.5%;
}

#zoekform
{
	width:42.982456140351%; /* 490px : 1140px */
	background-color:rgba(255,255,255,0.85);
	padding:2% 5% 5%;
	
    text-align:center;
}

.btn-secondary{--bs-btn-bg: #af007b; border-radius: 0; --bs-btn-border-color: #af007b; --bs-btn-color: #fff; --bs-btn-font-size: 1.05rem;}
.btn {--bs-btn-padding-x: 3.9rem; --bs-btn-padding-y: 1rem; text-transform: uppercase; margin: 10px 0px;}
.btn:hover, .btn.show, .btn:first-child:active {
  color: #fff;
  background-color: #af007b;
  border-color: #af007b;
}

.dropdown-menu{background-color: rgba(131,185,24,0.85); margin-left: 75px !important; --bs-dropdown-min-width: 15rem; }
.dropdown-item {color: #fff;}
.dropdown-item:focus, .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: unset;
}




/* CONTENT */
#content_bg
{
	width:100%;
	background:#fff;
	
    margin-top:5%;

}

#content
{
	width:79.166666666667%; /* 1140px : 1440px */
	margin:0 auto;
	
	padding:1% 0;
	overflow:auto;
}

#content_left
{
	width:42.982456140351%; /* 490px : 1140px */
	float:left;
}

#content_left_inschrijven
{
	width:91.754385964912%; /* 1046px : 1140px */
	float:left;
}

#content_right
{
	width:48.771929824561%; /* 556px : 1140px */
	float:right;
}

#reageer_knop
{
    margin:3% 0;
    padding:1% 0;
    
    width:50%;
    
    text-transform:uppercase;
    text-align:center;
    border-radius: 3px;
	background:#00acd5;
}

#reageer_knop a
{
    color:#fff;
}


#payrolling
{
	width:42.982456140351%; /* 262px : 556px */
	float:left;
}


#knop_payrolling
{
	width:90%;
	background:#fec600;
	
	margin-top:5%;
	margin-bottom: 5%;
	padding:5%;
	
	font-size:1.42857142857143em; /* 20px : 14px */
	text-transform:uppercase;
    font-family: 'Source Sans Pro Bold','www-Source Sans Pro Bold';
	
	border:1px solid #959595;
	border-radius: 3px;
	
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
}

#knop_payrolling a
{
	color: #fff;
}

#knop_whatsapp
{
	width:90%;
	background:#25D366;
	color: #fff;
	margin-top:5%;
	padding:5%;
	display: table;
height: 40px;
overflow: hidden;
	font-size:1.42857142857143em; /* 20px : 14px */
	text-transform:uppercase;
    font-family: 'Source Sans Pro Bold','www-Source Sans Pro Bold';
	
	border:1px solid #959595;
	border-radius: 3px;
	
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
}

#knop_whatsapp a
{
	color: #fff;
}

#WhatsApp {
	display: inline-block;
	display: table-cell; vertical-align: middle;
}

#facebook_top
{
	width:42.982456140351%; /* 262px : 556px */
	float:right;
	
	background:#00acd5;
	
	border: 1px solid #959595;
	border-bottom:none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	text-transform:uppercase;
	
	margin-top:1em;
}


#volg
{
	width:28.24427480916%; /* 74px : 262px */
	float:left;
		
	padding-top:2%;
	padding-left:5%;
	color:#fff;
	
	font-size:0.9em;
}

#icon {width:28.24427480916%; /* 74px : 262px */ float:left; margin-top:-12%; margin-bottom:-3%;margin-left: 3%;}

#fb
{
	width:35.87786259542%; /* 94px : 262px */
	float:right;		
		
	padding-top:2%;
	font-size:0.9em;
	color:#fff;
}

#facebook
{
	width: 42.982456140351%; /* 37.982456140351%;  262px : 556px */
	float: right;
	
	padding: 7.5% 0 /*2.5%*/;
	margin-top: -2.5%;
	
	border: 1px solid #959595;
	border-top:none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#content_left_formulieren
{
	width:70.175438596491%; /* 875px : 1140px */
	float:left;
}

#content_right_formulieren
{
	width:22.982456140351%; /* 262px : 1140px */
	float:right;
}

#facebook_top_formulieren
{
	width: 100%; /* 262px */
	float: right;
	
	background:#00acd5;
	
	border: 1px solid #959595;
	border-bottom:none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	text-transform:uppercase;
	
	margin-top:10%;
}

#facebook_formulieren
{
	width: 95%; /* 262px */
	float: right;
	
	padding: 7.5% 2.5%;
	margin-top: -2.5%;
	
	border: 1px solid #959595;
	border-top:none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


/* FOOTER */
#footer_bg{width:100%;padding:2% 0;background: #e8e4e4; /*#d5d5d5;*/ margin-top:20px;}
#footer{width:79.166666666667%; /* 1140px : 1440px */margin:0 auto;overflow:auto;}
#footer_left{width:50%;float:left;font-family: 'Source Sans Pro Bold','www-Source Sans Pro Bold';font-size:1em;/*0.78571428571429em;*//* 11px : 14px */color: #00acd5;}

#footer_left a {color:#00acd5;}
#footer_left ul {padding:0;list-style:none;}
#footer_0{width:100%;float:left;}
#footer_right{width:50%;float:right;font-family: 'Source Sans Pro Bold','www-Source Sans Pro Bold';font-size:1em;/*0.78571428571429em;*/* 11px : 14px */color: #000; /*#00acd5;*/}

#footer_right a{/*color:#00acd5;*/}
#footer_right ul{padding:0;list-style:none;}
#footer_4{width:66%;float:left;}
#footer_5{width:100%;text-align:right;padding-top:15px;padding-right: 20px; background: #e8e4e4;}
#footer_5 a{color: #959595;font-family: 'Source Sans Pro','www-Source Sans Pro';}

.f0l {width:33.3%; float: left;}
.f0m {width:33.3%; float: left;}
.f0r {width:33.3%; float: right;}

.f4l {width:33.3%; float: left; }
.f4l a {color:#00acd5;}
.f4r {width:33.3%; float: right; color: #000;}
.f4r a {color: #000 ;}


.btn.rnd {border-radius: 50%; background-color: #25d366; border: #25d366; padding: 0.75rem; position: fixed; right:15px; bottom:10px;}


h1 {
  font-size: 1.42857142857143em;
  line-height: 3em;
  text-transform: uppercase;
  margin: 0;
  font-family: 'Source Sans Pro Bold','www-Source Sans Pro Bold';
}




@media screen and (min-width: 1441px) {
  #kleur {width: 1140px;}
	#wit {width: 1140px;}
	 #foto {width: 1140px;}
	 #content {width: 1140px;margin-top: 7.5%;}
	#footer {width: 1140px;}
	.mobile {display:none;}
}

/*submenu passend*/
@media screen and (max-width: 1440px)
{
.submenu {padding-left:0px; text-align: left;}
.submenu ul li {margin-left: 5%;}
.btn {--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.375rem;}
}

/* passend*/
@media screen and (min-width: 1226px) and (max-width: 1440px)
{
.mobile {display:none;}

}


/*submenu passend*/
@media screen and (min-width: 1124px) and (max-width: 1225px)
{
.mobile {display:none;}
.submenu {font-size: 0.99em;}
.btn {--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.375rem;}

}

/*submenu passend*/
@media screen and (min-width: 960px) and (max-width: 1020px)
{
.mobile {display:none;}
.submenu {font-size: 0.99em;}
.btn {--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.375rem;}
}

/*Desktop */
@media screen and (min-width: 1024px) and (max-width: 1123px)
{
.mobile {display:none;}
#kleur{width:95%;}
#wit{width:95%;}
#foto{width:95%;margin-top:-19.5%;}
#content{width:95%;}
#footer{width:95%;}
.btn {--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.375rem;}
}

/*Desktop 960Grid */
@media screen and (min-width: 960px) and (max-width: 1023px)
{
.mobile {display:none;}
#kleur{width:95%;}
#wit{width:95%;}
#foto{width:95%;margin-top:-20%;}
#content{width:95%;}
#footer{width:95%;}
.btn {--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.375rem;}
}

/*Tablet Portait */
@media screen and (min-width: 768px) and (max-width: 959px)
{
	.desktop {display:none;}
#kleur{width:95%;}
#hoofdmenu{display:none;}
#wit{width:95%;}
#foto{display:none;}
#content{width:90%;}
#content_left{width:63%;}
#content_right{width:33%;}
#payrolling{width:95%;}
#facebook_top{display:none;}
#facebook{display:none;}
#footer{width:95%;}
#footer_left{width:100%;float:left;}
#footer_right{width:100%;float:right;}
#content_bg, #foto_bg, #kleur_bg, #wit_bg, #footer_bg{top: 40px;}
#foto_bg img {/*padding-top: 40px;*/}
	.submenu{display:none;}
	
}


@media screen and (max-width: 959px)
{
/* Style the navigation menu */
.topnav {/*overflow: hidden;*//*background-color: #00acd5;*//*position: relative;*/position: fixed;top: 0;left: 0;z-index:9999;background-color: #fff;width:100%;padding: 12px 5px;}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {display: none;}
li {list-style: none;}
#myLinks {margin-top:10px;}	
		
/* Style navigation menu links */
.topnav a {color: #000;padding: 15px 15px;text-decoration: none;font-size: 22px;display: block;}

/* Style the hamburger menu */
.topnav a.icon {/*background: #fff;*/display: block;position: fixed;right: 0;top: 0;}

/* Add a grey background color on mouse-over */
.topnav a:hover {background-color: unset;color: #000;}	
.topnav li a{font-size:16px;}	
.topnav li a:hover {background-color: #83b918;color: #fff; }	

/* Style the active link (or home/logo) */
.active {background-color: #83b918;color: #fff !important;} 
.fa-user-pen {color:#ad0179; padding:14px 5px; }
.fa-envelope, .fa-phone, .fa-users-viewfinder {padding:14px 5px; }
.lgm {width:150px /*100px*/ !important; position:absolute; right:50px; top:0px /*10px*/;}
.desktop {display:none;}
.ins {color: #fff !important;}
.btn{margin:0;}
.lft {width:50%;}
.rgt {width:50%; background-color: #fff /*#83b918*/; float:right; border-color:#000; color: #000;}
.btn.lft:hover, .btn.lft:active, .btn.lft:focus {background-color:#fec600; color: #fff; border-color:#fec600;}
.btn.rgt:hover, .btn.rgt:active, .btn.rgt:focus {background-color:#83b918; color: #fff; border-color:#83b918;}
.wem{position:absolute; margin-top:-250px;}
h1.oznwm {color: #fff; font-size: 3.5em;line-height:1em; margin-left:20px;}
.nlft {width:100%; background-color: #fff; border-color: #ededed; color:#000; color:#000 ;--bs-btn-padding-x: 0.75rem !important;
    --bs-btn-padding-y: 0.375rem !important;} 
.nrgt {width:100%; background-color: #fff; float:right; border-color:#ededed; color:#000; --bs-btn-padding-x: 0.75rem !important;
    --bs-btn-padding-y: 0.375rem !important;}
.btn.nlft, .btn.nrgt {margin-bottom:5px;}
.btn.nlft:hover, .btn.nlft:active, .btn.nlft:focus {background-color:#fec600; color: #fff; border-color:#fec600;}
.btn.nrgt:hover, .btn.nrgt:active, .btn.nrgt:focus {background-color:#fec600; color: #fff; border-color:#fec600;}
.fa-file-lines, .fa-tractor, .fa-screwdriver-wrench, .fa-basket-shopping, .fa-calculator, .fa-utensils, .fa-truck, .fa-industry, .fa-simplybuilt, .fa-brush, .fa-broom, .fa-address-book, .fa-gear, .fa-desktop, .fa-clipboard-check, .fa-globe {margin-right:10px;}
.topnav a.icn{padding:0px; font-size:unset; display: inline-block;}
	.uspbar {background-color: #fff;}
.usptxt {margin-top:40px /*60px*/; font-size:16px /*10px*/; color: #000; background-color: #fff; width: 100%;}	
	.fa-check {color: #86b715 !important;}
}


/*Mobile Portrait*/
@media screen and (max-width: 767px)
{
#kleur{width:95%;}
	#kleur_bg {background: unset;}
#hoofdmenu{display:none;}
#wit{width:95%;}
#logo{width:100%;margin-top:-3%;}
.submenu{display:none;}
#foto{/*display:none;*/ /*width:100%;*/ position: absolute; left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); margin-top:0px; margin-top:-150px;}
	#zoekform {width:100%; padding: 2% 5% 10% !important;}
#content{width:85%;}
#content_left{width:100%;}
#content_left_inschrijven{width:100%;}
#content_left_formulieren{width:100%;}
#content_right{width:100%;}
#payrolling{width:95%;margin-bottom:10%;}
#facebook_top{display:none;}
#facebook{display:none;}
#footer{width:95%;}
#footer_left{width:100%;float:left;}
#footer_0{width:100%;float:left;}
#footer_right{width:100%;float:right;}
#footer_3{display:none;}
#footer_4{width:100%;float:left;}
#footer_5{width:100%;float:left;}
#content_bg, #foto_bg, #kleur_bg, #wit_bg, #footer_bg{top: 40px;}
#foto_bg img {/*padding-top: 40px;*/}
.f0l {width:100%; float: left;margin-bottom: 1em;}
.f0m {width:100%; float: left;margin-bottom: 1em;}
.f0r {width:100%; float: left;margin-bottom: 1em;}

.f4l {width:100%; float: left;margin-bottom: 1em;}
.f4r {width:100%; float: left;margin-bottom: 1em;}

	.uspbar {background-color: #fff;}
.usptxt {margin-top:40px; font-size:14px; color: #000; background-color: #fff; width: 100%;}	
.fa-check {color: #86b715 !important;}
	.btn {--bs-btn-padding-x: 2.75rem;
		--bs-btn-padding-y: 0.75rem;}
}

/*Mobile Portrait*/
@media screen and (max-width: 580px)
{
.usptxt {padding: 3px 0px; /*width:80%;*/}	
	#zoekform{padding:2% 5% 15% !important;}
	#foto {width:100%; margin-top: -100px; top:auto;}
	.wem{position:absolute; margin-top:-150px;}
	h1.oznwm {color: #fff; font-size: 2em;line-height:1em; margin-left:20px;}

	.btn.nlft i, .btn.nrgt i {width:100%;}
	.usptxt {margin-top:60px; font-size:10px; color: #000; background-color: #fff; width: 100%;}
}

/*Mobile Portrait*/
@media screen and (max-width: 380px)
{
.lgm {width:100px  !important; position:absolute; right:50px; top:10px ;}
}    

i.fa.fa-whatsapp.fa-2x {margin-top: 10%;}