@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto&display=swap');

* {
    padding: 0;
    margin: 0;
}
body {
    background-image: url(https://static.vwebdesign.nl/images/bg001.jpg);
    background-position: 0px -65px;
    background-repeat: repeat-x;
    -webkit-font-smoothing: antialiased;
    height:auto;
    font-family: 'Open Sans', sans-serif;
    font-size:13pt;
}
body a {
	text-decoration: none;
}
#darkness {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 10%, rgba(27,99,158,0.4) 25%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 10%,rgba(27,99,158,0.4) 25%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0.4) 10%,rgba(27,99,158,0.4) 25%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#661b639e',GradientType=0 );  
	display:none;
    height:100%;
    left:0;
    position: fixed;
    top:0;
    width:100%;
    z-index:10000;
}
body.small {background: #EEE !important }
#main {
	position:relative;
	width:100%;
	height: auto;
	overflow:hidden;
	margin-top:1213px;
}
#main.blur, #Slider.blur {
	filter:blur(5px);
	z-index: 999;

	  -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#main.blur:before, #Slider.blur:before  {
	content: '';
	display: block;
	background:#000;
	content: '';
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.2;
    z-index: 9999;
}
body.small #main, body.smallLandingHeader #main {
	margin-top:0px;
}

.headerafbeelding {
	width:140%;
	margin-left:-20%;
	margin-right:-20%;
}

.head, .sticky-footer .usp {margin:0px auto;position:relative; }
header {
	position:fixed;top:0px;left:0px;width:100%;z-index:999999;
	background: #3a5795;
    background: -moz-linear-gradient(top,#3a5795 0%,#1a7c9f 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3a5795),color-stop(100%,#1a7c9f));
    background: -webkit-linear-gradient(top,#3a5795 0%,#1a7c9f 100%);
    background: -o-linear-gradient(top,#3a5795 0%,#1a7c9f 100%);
    background: -ms-linear-gradient(top,#3a5795 0%,#1a7c9f 100%);
    background: linear-gradient(to bottom,#3a5795 0%,#1a7c9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a5795',endColorstr='#1a7c9f',GradientType=0);
}
#homePg header {
	background: -moz-linear-gradient(top,  rgba(27,99,158,1) 0%, rgba(27,99,158,0) 100%, rgba(27,123,159,0) 70%);
	background: -webkit-linear-gradient(top,  rgba(27,99,158,1) 0%, rgba(27,99,158,0) 100%, rgba(27,123,159,0) 70%);
	background: linear-gradient(to bottom,  rgba(27,99,158,1) 0%, rgba(27,99,158,0) 100%, rgba(27,123,159,0) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a5795', endColorstr='#001a7c9f',GradientType=0 );
}
body.small header {
	position:fixed;top:0px;left:0px;width:100%;z-index:99999;
	background: #1b639e;
}

body.small header.header--narrow {
background: -moz-linear-gradient(top, rgba(27,99,158,1) 0%, rgba(27,99,158,0.90) 100%); 
background: -webkit-linear-gradient(top, rgba(27,99,158,1) 0%,rgba(27,99,158,0.90) 100%);
background: linear-gradient(to bottom, rgba(27,99,158,1) 0%,rgba(27,99,158,0.90) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b639e', endColorstr='#d91b639e',GradientType=0 );
	-webkit-box-shadow: 0 13px 30px 0 rgba(0,0,0,.07);
	-moz-box-shadow:   0 13px 30px 0 rgba(0,0,0,.07);
	box-shadow:         0 13px 30px 0 rgba(0,0,0,.07);
}
.header, .sticky-footer {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
    transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}
header a#logo {
    background: url(https://static.vwebdesign.nl/images/logovcr.png) 12px center no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url(https://static.vwebdesign.nl/images/logovcr.svg);
    background-image: linear-gradient(transparent, transparent), url(https://static.vwebdesign.nl/images/logovcr.svg);
    background-position:left center;
    width: 265px;height: 55px;border: none;display: block;text-indent: -99999px; float: left;
    position:absolute;top:10px;left:36px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.IELtr header { position:absolute !important; }
.IELtr header a#logo { width:291px; }
.ie8 .IELtr header a#logo { width:300px !important;background-position:right center;z-index:999; }
.ie9 .IELtr header a#logo { width:300px !important;background-position:right center;z-index:999; }

header em { display: block;position:absolute;top:140px;right:53px;font-size: 15px;float:right;color: #666;font-weight: 400;font-style: normal;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; }
header em i.status, footer div#off .right p i.status {display: inline-block;width:7px;height:7px; margin:0 -1px 3px 5px;  border-radius:10px; background:#42B72B;}
body#homePg header em, body.smallLandingHeader header em {
top: 92px;
color:silver;	
}
body#homePg header em a, body.smallLandingHeader header em a {
	color:#FFF;
}
footer div#off .right p i.status {margin:0px 2px 0px 0px;width:10px;height:10px;}
header em a i {margin-right:6px;}
header em a { color:#1b639e; }
header em a:hover { text-decoration: underline; }

nav a#pull { display: none; }
header nav { display:block;width:100%;padding:21px 42px 0px 0px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; }
header nav ul { list-style: none;height: 50px;margin:0px;clear: both;float: right;padding: 0;z-index: 2; }
header nav ul.nomenu li {
	display: none;
}
#mainMnu {
	width:100%;clear:both;
	background:#EEE;
}
header ul#subMnu {
	position: relative;z-index: 99;height: 45px !important; line-height:45px; margin: 0px 7px 0px 20px;padding: 0px 0px 0px 15px;height:auto;overflow: hidden;list-style: none;clear:both; text-align: center;
}
header ul#subMnu li {float:none;display: inline-block;}
header ul#subMnu li a {
	position:relative;background: none;color:#242424 !important;text-decoration: none;font-size:16px;line-height: 24px;text-align: center;
	padding: 11px 15px 6px 13px !important;
	width: auto;
	float: left;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
header ul#subMnu li:first-child a { background:none; }
header ul#subMnu li a:hover { color:#1b639e !important; }
header ul#subMnu li a.active { color:#1b639e !important; text-decoration: underline; }

header ul#subMnu li a.active:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #FFF;
	border-width: 18px;
	margin-left: -18px;
	top:15px;
}
header nav ul li a:after, header ul#subMnu li a:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 18px;
	margin-left: -18px;
	top:33px;
	transition: all 0.5s ease;
	border-bottom-color: #4189a9;
}
header ul#subMnu li a:after { border-bottom-color: #999999; }
header ul#subMnu li a.active::after { display: none !important; }
header ul#subMnu li a:hover:after, header nav ul li a:hover:after { top:15px;transition: all 0.2s ease; }
header nav ul { overflow: hidden; }

header nav ul li.act a:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #EEE;
	border-width: 18px;
	margin-left: -18px;
	top:21px;
	transition: all 0.5s ease;
}
header nav ul li a:hover:after { transition: all 0.2s ease;border-bottom-color: #4189a9;top:21px; }
header nav ul li.act a:hover:after { top:21px;transition: all 0.2s ease; }
header nav ul li:hover ul { opacity: 1;z-index: 999;visibility: visible;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in; }
header nav ul li ul li:first-child { margin-left: 0; }
header nav ul li ul li:last-child { -webkit-box-shadow: 0 10px 6px -6px #414141;-moz-box-shadow: 0 10px 6px -6px #414141;box-shadow: 0 10px 6px -6px #414141; }
header nav ul li ul li { padding: 0;background: 0 0; }
header nav ul li ul li a { font-size: 13px;width: 165px;padding: 9px 9px 9px 14px!important;height: auto!important;color: #000!important;text-decoration: none;background-color: #FFF;text-indent: 0; }
header nav ul li ul li a.last { border-bottom: none; }
header nav ul li ul li a:hover { background-color: #EEE;-moz-opacity: .9;-khtml-opacity: .9;opacity: .9;color: #1b639e; }

/* when the header hide and show by scroll */
.header--hidden { -webkit-transform: translateY( -100% );-ms-transform: translateY( -100% );transform: translateY( -100% ); }
header.header--narrow em { filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; }
#homePg header.header--narrow {
background: -moz-linear-gradient(top, rgba(27,99,158,1) 0%, rgba(27,99,158,0.90) 100%);
background: -webkit-linear-gradient(top, rgba(27,99,158,1) 0%,rgba(27,99,158,0.90) 100%); 
background: linear-gradient(to bottom, rgba(27,99,158,1) 0%,rgba(27,99,158,0.90) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b639e', endColorstr='#d91b639e',GradientType=0 );
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 3px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 3px 10px 0px rgba(0, 0, 0, 0.15);
}


header.header--narrow a#logo { height:42px;width: 61px;position: absolute;top: 8px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; background-size:cover; }
header.header--narrow nav { padding-top:8px;height:58px;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; } 
header nav ul a {
    display: block;
    width: 10em;
}
header nav ul li {
    float: left;
    position: relative;
}
header nav ul li:first-child {
    background: 0 0;
    margin-left: 36px;
}
header nav ul li:hover a {
    color: #FDA800;
}
header nav ul li a {
    text-indent: 0;
    color: #FFF;
    text-decoration: none;
    height: 26px;
    width: auto;
    padding: 8px 17px 0;
    font-size: 19px;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
header.header--narrow nav ul li a {
	padding-top:8px !important;
}
header nav ul li.act a {
	color:#FFF;
}


header nav ul li a:hover {
    color: #FDA800;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

header nav ul li ul {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 38px;
    margin: 10px 0 0;
    width: 188px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

header nav ul {
	overflow: hidden;
}

header nav ul li.act a:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #EEE;
	border-width: 18px;
	margin-left: -18px;
	top:16px;
	transition: all 0.5s ease;
}
header nav ul li a:hover:after {
	transition: all 0.2s ease;
	border-bottom-color: #E7F1F4;
	opacity: 0.47;
	top:19px;
}

header nav ul li.act a:hover:after {
	top:19px;
	transition: all 0.2s ease;
}

header nav ul li:hover ul {
    opacity: 1;
    z-index: 999;
    visibility: visible;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
header nav ul li ul li:first-child {
    margin-left: 0;
}
header nav ul li ul li:last-child {
    -webkit-box-shadow: 0 10px 6px -6px #414141;
    -moz-box-shadow: 0 10px 6px -6px #414141;
    box-shadow: 0 10px 6px -6px #414141;
}
header nav ul li ul li {
    padding: 0;
    background: 0 0;
}
header nav ul li ul li a {
    font-size: 13px;
    width: 165px;
    padding: 9px 9px 9px 14px!important;
    height: auto!important;
    color: #000!important;
    text-decoration: none;
    background-color: #FFF;
    text-indent: 0;
}

header nav ul li ul li a.last {
    border-bottom: none;
}
header nav ul li ul li a:hover {
    background-color: #EEE;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
    color: #1b639e;
}
header nav ul li.act a i, header nav ul li#lHo:hover a i { color:#FDA800; }
#Slider { 
	background: url(https://static.vwebdesign.nl/images/bg001.jpg) 0px -65px repeat-x;
	width:100%;
	margin-left:0px;
	position:absolute;
	left:0px;
	top:24px;
	height:400px;
	z-index:inherit; 
}


.small #Slider { display:none; }
#sld {
    width: 980px;
    height: 270px;
    overflow: hidden;
    margin: 0px auto 0px;
    position: relative !important;
    z-index: 2;
    float: none;
    top:96px;
}

#Slider { overflow:hidden; }
#mainSlider {
	position:relative;
	background:#fff;
	z-index:999;
	overflow:hidden;
}
#homePg #Slider { 
	position:absolute;
	width:100%;
	background:none !important;
	top:0px;
	left:0px;
	z-index:9999;
	overflow:hidden;
	background-color: #1b639e !important;
	background-image: url("https://static.vwebdesign.nl/img/patternbg.png") !important;
	background-repeat: repeat !important;
}


#homePg #Slider small, footer div#off small {
	font-size:13pt;
	color:#FFF;
	display: block;
	position: absolute;
	width: 100%;
	text-align: left;
	opacity: 0.7;
}
#homePg #Slider small {
	bottom:50px;
}
footer div#off small {
	top:175px;
	left:30px;
}
#homePg #Slider small i, footer div#off small i {
    margin-right:3px;
    font-size:12pt;
}

.sticky-footer { position:fixed;width:100%;background:#FFF;left:0px;bottom:-69px;height:69px;z-index:999999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0px 3px 39px 0px rgba(0, 0, 0, 0.13);-moz-box-shadow:0px 3px 39px 0px rgba(0, 0, 0, 0.13);box-shadow:0px 3px 39px 0px rgba(0, 0, 0, 0.13);}
.sticky-footer .usp { position:relative;margin:0px auto; }
.sticky-footer .usp ol { list-style:none;padding:0px; }
.sticky-footer .usp ol li { position:relative;height:69px; overflow:hidden; padding:15px 25px 15px 50px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.sticky-footer .usp ol li i { position:absolute;left:0px;top:-15px;font-size:25px;color:#fba624;border-right:1px solid #efefef;display:block;background:linear-gradient(135deg, #f2f2f2 0%,#fff 100%); line-height: 100px;
text-align: center;
border-radius: 0 50px 50px 0px; width: 55px;text-align: center; }
.sticky-footer .usp ol li i.fa-money { -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); }
.sticky-footer .usp ol li i.fa-envelope-o { -webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg); }
.sticky-footer .usp ol li span { font-size:18px;color:#242424;display:block;line-height:21px; margin-left:20px; }
.sticky-footer .usp ol li span span { color:#242424;display:inline; margin-left:0px; }
.sticky-footer .usp ol li small { display:block;font-size:14px;color:#868686;line-height:17px; margin-left:20px; }
.sticky-footer .usp ol li:first-child {  margin:0px; }
.sticky-footer .interesse { position:absolute;top:0px;right:0px;padding:12.5px;line-height:44px;height:69px;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.sticky-footer .interesse span { display:inline-block;vertical-align:top;font-size:18px;color:#242424;padding-right:8px; }
.sticky-footer .usp a { position:relative;background:#28af14;border:solid 1px #28a216;vertical-align:top;font-size:18px;color:#FFF;margin:0px -12px 0px 0px; top:-1px;text-shadow:none;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease; }
.sticky-footer .usp a:hover, .sticky-footer .usp a i:hover { background:#28a216;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease; }
.sticky-footer .usp a i { background:#28a216;font-size:18px; }
.sticky-footer .usp a:hover i {background:#28af14; }
#hdrHome {
background: rgb(27,99,158); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(27,99,158,1) 50%, rgba(33,137,186,1) 75%);
background: -webkit-linear-gradient(-45deg, rgba(27,99,158,1) 50%,rgba(33,137,186,1) 75%); 
background: linear-gradient(135deg, rgba(27,99,158,0.7) 50%,rgba(33,137,186,1) 75%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b639e', endColorstr='#2189ba',GradientType=1 ); 
	width:100%; 
	height:1150px;
	/*height:calc(100% + 75px); */
	overflow:hidden; 
	position:absolute; 
	z-index:999; 
	top:-75px;
	left:0px;
	padding:0px 500px;
	margin: 0px -500px;
	-webkit-border-radius:0 0 90%/42% 0;
	-moz-border-radius:0 0 90%/42% 0;
	border-radius:0 0 90%/42% 0;
	-webkit-box-shadow: 1000px 1000px 0px 2000px #fff;
	-moz-box-shadow: 1000px 1000px 0px 2000px #fff;
	box-shadow: 1000px 1000px 0px 2000px #fff;
}
div.animat {
	display: none;
}

#hdrHome:after {
	content: "";
background: -moz-linear-gradient(top, rgba(0,0,0,0.11) 0%, rgba(0,0,0,0) 5%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.11) 0%,rgba(0,0,0,0) 5%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.11) 0%,rgba(0,0,0,0) 5%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#00000000',GradientType=0 ); 

width: 100%;

height: 61%;

height: calc(265% + 75px);

overflow: hidden;

position: absolute;

z-index: 999;

top: 145px;

left: 0;

padding: 0px 500px;

margin: 0 -500px;

-webkit-border-radius: 52%/29% 0 0;

-moz-border-radius: 52%/29% 0 0;

border-radius: 52%/29% 0 0;
}

body#homePg header nav ul li a::after {
	border-bottom-color: #000;
	opacity: .11;
}
#hrdHomeLeft {
	min-width: 950px;
	max-width: 1280px;
	width: 95%;
	height:100%;
	display:table;
	position:relative; 
	z-index:9999; 
	left:0px;
	padding-top:0px;
	text-align:left;
	margin:215px auto 0 auto;
}
.hrdHome {
	display:block;
	width:100%; 
	height:100%; 
}
#hrdHomeLeft span.screencapture {
	float: right;
	width: 45%;
	height: auto;
	position: relative;
	z-index: 0;
	margin-top:105px;
}
#hrdHomeLeft span.slideTekst {
position: absolute;
	float: left;
	width: 100%;
}
#hrdHomeLeft.woman div.hometop span.screencapture {
	position: absolute;
	right:0;
	width:inherit;
	top:-7px;
	right:-31px;
	margin-top:0;
}
#hrdHomeLeft span.screencapture img {
    width: 100%;
    height: auto;
    top:38px;
    position: relative;
}
#hrdHomeLeft span.screencapture span.label {
	top:39% !important;
	left:3px !important;
}
#hrdHomeLeft span.screencapture span.label span.labeltekst {
	left: -18px;
	top: -16px;
}
#hrdHomeLeft span.screencapture span.label strong {
	font-size:25px;
}
#hrdHomeLeft #titling { 
	display:block;
	color:#FFF; 
	font-size:30pt; 
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	margin-top:92px;
	position: relative;
	z-index: 1;
}
#hrdHomeLeft #titling span {
	font-weight: 900;
}
#hrdHomeLeft #heading {
	display:block;
	margin-top:17px; 
	color:#fda800; 
	font-size:22pt; 
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	margin-right:50%;
	position: relative;
	z-index: 1;
}
#hrdHomeLeft p {
	margin:20px 0px -5px 0px;
	color:#FFF; 
	font-size:18pt; 
	font-family: 'Open Sans', sans-serif;
	line-height: 38px;
	position: relative;
	z-index: 1;
}
	#hrdHomeLeft p strong {
		border-bottom:2px solid #fda800;
	}
	#hrdHomeLeft p i {
		font-size:16px;
		margin-right:10px;
		opacity: 0.7;
	}
#hrdHomeLeft p a.goal {
	margin: 30px auto 0px;
}

ul#sld { height: 247px; }
#sld img { position: relative; }

#Slider div#sld div {
    display: block;
    list-style: none;
    margin-top: -27px;
    float: left !important;
    height: 247px;
    width: 980px;
}
#Slider div#sld div h3 {
    font-size: 24pt;
    color: #FDA800;
    margin: 28px 0 14px 50px;
    display: block;
    height: 21px;
    font-weight: 400;
}
#Slider div#sld div p {
    color: #EEE;
    display: block;
    font-size:14pt;
	width:600px;
	margin:25px 0px 15px 50px;
	line-height: 30px;
}
#Slider div#sld div p a {
    color: #FFF;
    text-decoration: none;
}
#Slider div#sld div p a:hover {
    text-decoration: underline;
}
a#btnCall, button.goal, footer a.goal, #Slider div#sld div a.goal, #cLft .pgRgt a#offerte, a.goal {
    border: 1px solid #e59404;
    border-radius: 23px;
    background: #fda800;
    display: inline-block;
    width: auto;
    width: -moz-fit-content;
    height: 44px;
    text-shadow: 1px 1px 0 #b38b48;
    font-size: 15pt;
    color: #fff !important;
    text-align: left;
    text-decoration: none;
    line-height: 44px;
    padding: 0px 0px 0px 16px;
    margin: 17px 0 0 48px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	overflow:hidden;   
	cursor: pointer;
}

 a.CTA, button.CTA {
	 box-shadow: 0 0 0 rgba(253, 168, 0, 0.47);
	/* animation: pulse 2s infinite;*/
	} 

 #cLft .pgRgt p small {
	 top:-10px;
 }
 #cLft .pgRgt p small i {
	 color:#2ab200;
 }
.ctn p.rgt a.goal {
	margin:0px 0px 7px 0px;
}
.ctn p.rgt a.goal:hover {
	margin:-5px 0px 12px 0px;
}

 #cLft .pgRgt a#offerte:hover {
	 margin:10px auto 10px !important;
 }
#Slider a#offerteknop {
	border: none;
	line-height: 46px;
	height: 46px;
	background: #a2c6d7;
	text-shadow: 1px 1px 0 #1b639e;
    background: rgb(162, 198, 215);
    background: rgba(162, 198, 215, 0.17);
    margin-left:10px;
}
footer a.goal, #cLft .pgRgt a#offerte, #cLft .pgRgt a.btnOffrte, #cLft.cLftB a.goal {
	display: table;
    width: inherit;
}
a.goal { margin:30px auto 70px; }
header nav ul li a.goal {
	margin:0px;
	background:none;
	text-shadow: none;
	font-weight:normal;
	border:1px solid #a2c6d7;
}
header nav ul li a.goal i {
	background:rgba(27,99,158,.47);
}

#cLft .pgRgt a#offerte { margin:15px auto 5px; }
#Slider div#sld div a.goal { margin: 0px 0 0 48px; }

a#btnCall, .goal i, #Slider div#sld div a.goal i, .pgRgt a#offerte i, a.goal i, .pgRgt a.btnOfferte i {
    display: block;
    float: right;
    background: #df9609;
    line-height: 22px;
    width: 30px;
    height:22px;
    font-size: 22px;
    margin: 7px 8px 0px 16px;
    padding:5px 4px 5px 0px;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#Slider a#offerteknop i {
	background: #1b639e;
	background: rgba(27, 99, 158, 0.47);
}
footer a.goal i:before, button.goal i:before, #Slider div#sld div a.goal i:before, .pgRgt a#offerte i:before, .pgRgt a.btnOfferte i:before, a.goal i:before {
	display: inline-block;
    width: 18px;
    height: 22px;
    line-height: 22px;
    vertical-align: top;	
}
a#btnCall, .goal:hover i, #Slider div#sld div a.goal:hover i, .pgRgt a#offerte:hover i, .pgRgt a.btnOfferte:hover i, a.goal:hover i {	
    -ms-transform: rotate(20deg); 
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    background: #f0b232;
}
button.goal {
	margin: 48px auto;
	height: 48px;
	display: table;
    width: auto;
}
footer a.goal:hover {
	margin:12px 0 5px 30px !important;
}
form#offFrm fieldset button.goal {
	margin:24px auto;
}
a#btnCall:hover, .goal:hover, #Slider div#sld div a.goal:hover, #cLft .pgRgt a#offerte:hover, #cLft .pgRgt a.btnOfferte:hover, a.goal:hover {
    background: #df9609;
    text-decoration: none !important;
    box-shadow: 0px 5px 15px 0px rgba(50,50,50,.37) !important;
     margin: 25px auto 75px;
}


.sticky-footer .usp a:hover {
	margin:-5px -12px 0 0;
	box-shadow: 0px 5px 15px 0px rgba(50,50,50,.47);
}
#Slider a#offerteknop:hover i {
	background: rgb(162, 198, 215);
    background: rgba(162, 198, 215, 0.47);
}
#Slider a#offerteknop:hover {
	background: rgba(27, 99, 158, 0.47);
}
header ul.innerfade li#sliSuc {
    background: url(https://static.vwebdesign.nl/images/hdr-succes.jpg) no-repeat;
    float: left;
    height: 247px;
}
#Slider div#sld div#sliSuc, header ul.innerfade li.sliSuc { background: url(https://static.vwebdesign.nl/images/hdr-succes.jpg) no-repeat; }
#Slider div#sld div#sliCon, header ul.innerfade li.sliCon { background: url(https://static.vwebdesign.nl/images/contact.jpg) no-repeat; }
#Slider div#sld div#sliRes, header ul.innerfade li.sliRes { background: url(https://static.vwebdesign.nl/images/hdr-response.jpg) no-repeat; }
#Slider div#sld div#sliMar, header ul.innerfade li.sliMar { background: url(https://static.vwebdesign.nl/images/hdr-marketing.jpg) no-repeat; }
#Slider div#sld div#sliVcr, header ul.innerfade li.sliVcr { background: url(https://static.vwebdesign.nl/images/hdr-vcreations.jpg) no-repeat; }
#Slider div#sld div#sliBur, header ul.innerfade li.sliBur { background: url(https://static.vwebdesign.nl/images/hdr-bureau.jpg) no-repeat; }
#Slider div#sld div#sliOpt, header ul.innerfade li.sliOpt { background: url(https://static.vwebdesign.nl/images/hdr-Opt.jpg) no-repeat; }
#Slider div#sld div#sliWed, header ul.innerfade li.sliWed { background: url(https://static.vwebdesign.nl/images/hdr-webdesign.jpg) no-repeat; }
#Slider div#sld div#sliBhr, header ul.innerfade li.sliBhr { background: url(https://static.vwebdesign.nl/images/hdr-beheer.jpg) no-repeat; }
#Slider div#sld div#sliSEO, header ul.innerfade li.sliSEO { background: url(https://static.vwebdesign.nl/images/hdr-SEO.jpg) no-repeat; }
#Slider div#sld div#sliwMkr, header ul.innerfade li.sliwMkr { background: url(https://static.vwebdesign.nl/images/hdr-webmkr.jpg) no-repeat; }
#Slider div#sld div#sliPrt, header ul.innerfade li.sliPrt { background: url(https://static.vwebdesign.nl/images/hdr-portfolio.jpg) no-repeat; }
#Slider div#sld div#sliShop, header ul.innerfade li.sliShop { background: url(https://static.vwebdesign.nl/images/hdr-webshop.jpg) no-repeat; }
#Slider div#sld div#sliDate { background: url(https://static.vwebdesign.nl/images/hdr-date.jpg) no-repeat; }
#Slider div#sld div#sliVei { background: url(https://static.vwebdesign.nl/images/hdr-veiling.jpg) no-repeat; }
#Slider div#sld div#sliVaca { background: url(https://static.vwebdesign.nl/images/hdr-vacature.jpg) no-repeat; }
#Slider div#sld div#sliOff { background: url(https://static.vwebdesign.nl/images/hdr-offerte.jpg) no-repeat; }
#Slider div#sld div#sliSite { background: url(https://static.vwebdesign.nl/images/hdr-website-laten-maken.jpg) no-repeat; }


body.small #sld { height: 0; }
#cTop { margin-top:-24px;padding-top: 345px;width:100%;z-index:999;overflow:hidden;position: relative; }
#Round {
	content: "";position:absolute;left:0px;bottom:0px;width:100%;height:500px;z-index: -1;
	padding-left:500px !important;padding-right:500px !important;margin-left: -500px !important;margin-right: -500px !important;
	-webkit-border-radius:0 0 90%/42% 0;-moz-border-radius:0 0 90%/42% 0;border-radius:0 0 90%/42% 0;
	-webkit-box-shadow: 1000px 1000px 0px 1000px rgba(27,99,158,1);-moz-box-shadow: 1000px 1000px 0px 1000px rgba(27,99,158,1);box-shadow: 1000px 1000px 0px 1000px rgba(27,99,158,1);
}
body.small #cTop { padding-top: 0px;padding-bottom: 130px; margin-top: 112px; }
body.small #cTop:before {
	content: "";

width: 100%;


top: 6px;

left: 0;

padding: 0 500px;

margin: 0 -500px;

-webkit-border-radius:  50%/100% 0 0 0;

-moz-border-radius:  50%/100% 0 0 0;

border-radius: 50%/100% 0 0 0;

-webkit-box-shadow: 0px -250px 0px 0px #EEE;

-moz-box-shadow: 0px -250px 0px 0px #EEE;

box-shadow: 0px -250px 0px 0px #EEE;

position: absolute;

background: none;

height: 500px;
}
body #cTop:after {
content: "";
width: 100%;
bottom: 15px;
left: 0;
padding: 0 500px;
margin: 0 -500px;
-webkit-border-radius: 0px 0 0 80%/50%;
-moz-border-radius: 50%/100% 0 0 0;
border-radius: -150%/100% 0 0 0;
-webkit-box-shadow: 0 -150px 0 0 #e7eaf2;
-moz-box-shadow: 0 -150px 0 0 #e7eaf2;
box-shadow: 0px 180px 0 0 #fda800;
position: absolute;
height: 630px;
z-index: -9;
}

.ctn { width: 882px;position:relative;z-index:999; }
.ctn.ctn-width { width:auto !important;max-width:inherit;overflow:visible; }
.ctn.ctn-width h2 { margin-top:0px; }
.ctn.ctnMrg #cLftBig { margin-top:0px; }
.ctn:after { content:"";clear:both;display:block; }


#cLft {
    width: 648px;
    margin-top:50px;
    margin-bottom: 20px;
}
#cLft.cLftB {
    width: auto!important;
}
span.tekstblok {
	width:100%;	
	display: block;
	float:left;
	margin-top: 42px;
margin-bottom: 80px;

}
span.tekstblok.vijftig {
	margin-bottom:110px !important;
}
span.tekstblok span.image, span.tekstblok span.tekst {
	display: block;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;  
}
span.tekstblok span.image {
	width:33.33%;
	background: #f8f8f8;
	background: -moz-linear-gradient(-45deg,#f2f2f2 0%,#fff 100%);
	background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#f2f2f2),color-stop(100%,#fff));
	background: -webkit-linear-gradient(-45deg,#f2f2f2 0%,#fff 100%);
	background: -o-linear-gradient(-45deg,#f2f2f2 0%,#fff 100%);
	background: -ms-linear-gradient(-45deg,#f2f2f2 0%,#fff 100%);
	background: linear-gradient(135deg,#f2f2f2 0%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 );
	height:450px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	display: block;
	float:right;
	padding: 0px !important;
	border-top:1px solid #EEE;
}
span.tekstblok span.image.links {
margin-right:-40px !important;
}
span.tekstblok.vijftig span.image, span.tekstblok.zestig span.image {
	height:100%;
	overflow: hidden;
	margin:0;
	background:none;
	border:none;
}
span.tekstblok.vijftig span.image img, span.tekstblok.zestig span.image img {
	margin:0;
	height: 120%;
	width: 120%;
	margin-bottom:-5px;
	margin-left:-5%;
}
span.tekstblok span.image.links img {
	margin:0;
	height: 120%;
	width: 120%;
}
span.tekstblok span.image:after {
	content: '';
	position: absolute;
	display: block;
	width: 33%;
	height: 120%;
	border-radius:0px 50% 50% 0px;
background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.1) 100%); 
background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.1) 100%);
	top:-10%;
	left:0;
}
span.tekstblok span.image.links:after { 
background: -moz-linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.9) 100%); 
background: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.9) 100%); 
background: linear-gradient(to right, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.9) 100%); 
border-radius:50% 0px 0px 50%;
right:0;
left:inherit;
}

span.tekstblok span.image i {
	font-size:150px;
	color:#FDA800;
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	
}
span.tekstblok span.tekst {
	width:calc(50% + 40px) !important;
	padding-left: 50px;
	padding-top:30px;
	padding-bottom:30px;
background: rgb(247,247,247);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 46%);
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 46%);
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 46%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); 
	float:right;
	position: relative;
	z-index: 2;
	margin-top:5%;
	box-shadow: 0 20px 40px 0 rgba(0,0,0,.14);
	padding-right:38px;
}
span.tekstblok.vijftig span.tekst {
	padding-top:0px;
	padding-bottom:0px;
}
span.tekstblok span.tekst a {
	margin-left: 0px;
	margin-bottom:15px;
	width:auto !important;
	position: relative;
	z-index: 2;
}

span.tekstblok span.tekst ul#usplist {
	position: relative;
	z-index: 2;
}
span.tekstblok.vijftig span.tekst, span.tekstblok.zestig span.tekst {
	width:60%;
	min-height: 513px;
} 
span.tekstblok.vijftig span.tekst {
	min-height: 640px;
}
span.tekstblok.vijftig span.image, span.tekstblok.vijftig span.tekst {
	width:50%;
}
span.tekstblok.vijftig span.tekst.links, span.tekstblok.zestig span.tekst.links {
	margin-right:-40px;
	margin-left:0 !important;
	margin-top:5%;
	width:calc(50% + 40px);
	padding-left: 50px;
	padding-right: 43px;
}
span.tekstblok span.tekst:before {
	content: '';
	display: block;
	width: 100%;
	height: calc(100% +1px);
	top: -1px;
	left: 0px;
	position: absolute;
	bottom: -1px;
	z-index: 0;
	
}
span.tekstblok span.links {
	padding-left: 50px;	
	padding-right: 40px;
	float:left;
}
span.tekstblok span.tekst h2 {
	margin-top:10px !important;
	padding-right:10px;
}
span.tekstblok span.tekst.links h2 {
	padding-right:0px;
}
span.tekstblok.vijftig span.tekst h2 {
	margin-top:70px !important;
}
span.tekstblok span.tekst h2 span {
	box-sizing: padding-box;
}
span.tekstblok span.tekst h2, span.tekstblok span.tekst h4, span.tekstblok span.tekst p {
	z-index: 2;
position: relative;
}
div.ui-accordion {
margin-bottom:80px;
	
}
	div.ui-accordion.faq {
		border-bottom:1px solid #ddd;
	}
	
	div.ui-accordion h3 {
	 	 font-size: 31px !important;
		color: #1b639e !important;
		line-height: 80px !important;
		margin: 0px !important;
		cursor: pointer;
		border-bottom:1px #ddd solid;
		outline:none;
	}
	div.ui-accordion.faq h3 {
		border:1px #ddd solid;
		font-size:25px !important;
		border-bottom:none;
		line-height: 34px !important;
		padding: 18px 20px 16px 20px;
		background:#f3f3f3;
	}
	div.ui-accordion.faq h3:hover {
		background:#f7f7f7;
	}
	div.ui-accordion.faq h3.ui-state-active {
		background:#FFF;
	}
		div.ui-accordion.faq h3 span {
			display: block;
			float: left;
			height: 42px;
		}
		div.ui-accordion h3:hover {
			border-bottom:1px #1b639e solid;
		}
		div.ui-accordion.faq h3:hover {
			border-bottom:none;
		}
	div.ui-accordion-content {
		margin-bottom: 15px;
	}
	div.ui-accordion.faq div {
		border-left:1px solid #ddd;
		border-right: 1px solid #ddd;
		padding: 0px 20px 10px 20px;
		margin-bottom: 0px;
	}
	div.ui-accordion h3 .ui-icon-triangle-1-e:before {
		font-family: "Font Awesome 5 Pro"; font-weight: 700; content: "\f0da"; display: block; float:left;margin-right:21px; color:#888;
	}
	div.ui-accordion h3 .ui-icon-triangle-1-s:before  {
		 font-family: "Font Awesome 5 Pro"; font-weight: 700; content: "\f0d7";display: block; float:left;margin-right:13px; color:#888;
	}
	div.ui-accordion h3:hover .ui-icon-triangle-1-e:before {
		color:#1b639e;
	}
	
	div.ui-accordion ul {
		margin:15px 0px 0px 0px !important;
	}
		div.ui-accordion ul  li {
			font-size:14pt !important;
			line-height: 40px !important;
			list-style:none !important;
			border-bottom:1px solid #eee;
		}
			div.ui-accordion ul  li i {
				margin-right:10px;
				color:#28af14;
			}
	span.completeprijs {
		display: block;
		margin: -50px 0px 0px 0px;
	}
	span.completeprijs small {
		color: #242424;
		font-size: 31px;
		float:left;
		width:100%;
		margin:0;
		text-align: right;
	}
	span.completeprijs a {
		float:right;
	}


#cRgt {
    margin-left: 0;
    padding-left: 0px;
    margin-top: 77px;
    margin-bottom: 0;
    width: 215px;
    border-left:1px solid #EEE;
}
#cRgt ul {
    clear: both;
}
.clearfix {
    float: none;
    clear: both;
}
ul#sld {
    list-style: none;
}
.ctn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-bottom: 10px;
}
#cTop {
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
#cLft {
    float: left;
}
#cLft p a {
    border-bottom: 1px solid #E2E2E2;
    text-decoration: none;
    color: #515151;
}
.ctn ul#usplist {
	list-style-type: none;
	margin: 30px 0px 30px 0px;
}
.ctn ul#usplist li {
    line-height: 27px;
    color:#242424;
    font-size:13pt;
    padding: 0px 0px 0px 30px
}
.ctn ul#usplist li:before {
	font-family: "Font Awesome 5 Pro"; font-weight: 400; position:absolute; left:0; content: "\f356"; display: block; float:left;margin-right:21px; color:#28af14;

}
article.hentry div#nwsP span.entry-content ul {
	list-style-type: none;
	margin: 30px 0px 30px 0px;
}
article.hentry div#nwsP span.entry-content ul li {
    line-height: 180%;
    color:#242424;
    font-size:14pt;
    padding: 0px 0px 0px 35px
}
article.hentry div#nwsP span.entry-content ul li:before {
	font-family: "Font Awesome 5 Pro"; font-weight: 400; position:absolute; margin-left: -31px; content: "\f356"; display: block; float:left;margin-right:21px; color:#28af14;

}

.ctn p.lft small, .ctn p.rgt small  {
    margin: 6px 0px 0px 29px;
    font-size: 14px;
    display: block;
    text-align: left;
    color: #666;
}
span.tekstblok.vijftig small {
	margin:0;
}
small.promise {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: -60px;
}
.ctn p.lft small i, .ctn p.rgt small i, small.promise i {
	color:#2ab200;	
}

#cLft p.psmall, #cLft p.psmall a {
    font-size: 11px;
    color: #ccc;
}
#cLft p a:hover {
    border-bottom: 1px solid #ffa900;
    text-decoration: none;
}
#cLft ul {
    margin-bottom: 20px;
    margin-left: 20px;
}
#cLft li {
    font-size: 14px;
    line-height: 25px;
    z-index:999;
}
#cLftBig {
    float: left;
    width: 890px;
    margin-top:90px;
}
#cLfH {
    float: left;
    width: 312px;
}
#cLfH img {
    margin-top: 10px;
}
#cLft table.vtbl {
    font-size: 13px;
    border: 1px solid #EEE;
    padding: 10px;
    width: 482px;
}
#cLft table.vtbl tbody tr th {
    color: #1B639E;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
#cLft table.vtbl tbody tr td:first-child {
    color: #FFF;
    width: 50px;
    line-height: 25px;
    text-align: center;
    padding: 0;
}
#cLft table.vtbl tbody tr td {
    padding-left: 20px;
}
article table {
	margin-bottom:40px;
}
section#hItms, section.landSection, section.hItms.nieuws {
	margin: 20px 0px 30px 0px;
    display: block;
    float: left;
    width: 100%;
}
section.landSection {
	margin:0px;
}

section#hItms article, section.hItms.nieuws article {
    float: left;
    display: block;
    width: 50%;
	background: #f8f8f8; 
	background: -moz-linear-gradient(-45deg, #f2f2f2 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); 
	background: -webkit-linear-gradient(-45deg, #f2f2f2 0%,#ffffff 100%); 
	background: -o-linear-gradient(-45deg, #f2f2f2 0%,#ffffff 100%); 
	background: -ms-linear-gradient(-45deg, #f2f2f2 0%,#ffffff 100%); 
	background: linear-gradient(135deg, #f2f2f2 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 ); 
    padding:0px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    z-index: 1;
    position: relative;
}


section#hItms article.drie, section.hItms.nieuws article.drie {
	width:33.33333%;
	position: relative;
}
section#hItms.marketing, section.hItms.nieuws {
background: linear-gradient(to bottom,#f2f2f2 0%,#fff 100%);
box-shadow: 0 20px 40px 0px rgba(0,0,0,.14);
}
section.landSection article {
	margin:0px;
	padding: 20px 0px 20px 0px;
}
section#hItms.marketing.hover article:hover, section.hItms.nieuws article:hover, section#hItms.marketing article.active  {
	position: relative;
	margin-top:-10px;
	margin-bottom:10px;
	cursor: pointer;
	-webkit-box-shadow: 3px 3px 21px 0px rgba(50, 50, 50, 0.47);
	-moz-box-shadow:    3px 3px 21px 0px rgba(50, 50, 50, 0.47);
	box-shadow:         3px 3px 21px 0px rgba(50, 50, 50, 0.47);
    -webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    transition: all .15s ease-in;
    z-index: 2;
}
section#hItms.marketing article:before, section.hItms.nieuws article:before {
	opacity: 0;
	z-index: 1;
	content: '';
	transition: all .15s ease-in;
	position: absolute;
	height: 100%;
	width: 100%;
	background: #FDA800;
	top: 0;
	left: 0;
	z-index: 0;
}
section#hItms.marketing.hover article:hover:after, section.hItms.nieuws article:hover:after {
	z-index: 1;
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 1;
}
section#hItms.marketing.hover article:hover:before, section.hItms.nieuws article:hover:before {
	opacity: 0.99;
	transition: all .15s ease-in;
}

section#hItms.marketing article.active {
background: rgb(27,99,158); 
background: -moz-linear-gradient(-45deg, rgba(27,99,158,1) 0%, rgba(33,137,186,1) 50%, rgba(27,99,158,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(27,99,158,1) 0%,rgba(33,137,186,1) 50%,rgba(27,99,158,1) 100%); 
background: linear-gradient(135deg, rgba(27,99,158,1) 0%,rgba(33,137,186,1) 50%,rgba(27,99,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b639e', endColorstr='#1b639e',GradientType=1 ); 
    z-index: 2;
	margin-top:-15px;
    margin-bottom:15px;
    z-index: 3;
}	

section#hItms article h2, section#hItms article h5, section.hItms article h5 {
    float: left;
    display: block;
    height: 60px;
    margin: 23px  0px 10px 23px;
    padding: 20px 18px 0px 0px;
    text-align: right;
    width: 286px;
    font-size: 16pt;
}
section#hItms article h2 a, section#hItms article h5 a {
    color: #1B639E;
}
section#hItms article h2 i, section#hItms article h5 i {
	margin:0px;
	color: #fda800;
	font-size: 70px;
	clear: both;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 88px;
	transition: all .15s ease-in;
}

section#hItms.marketing article.active h2, section#hItms.marketing article.active h5, section#hItms.marketing article.active p,  section#hItms.prijzen article.active strong, section#hItms.prijzen article.active ul li {
	color:#FFF;
}

 section#hItms.prijzen article.active ul li i {
	 color:#FDA800;
 }
section#hItms.vacature article.red {
    opacity: .6;
}
section#hItms.vacature article.red:hover {
    opacity: 1;
}
section#hItms.marketing, section.landSection article {
	margin: -40px 0px 110px !important;
	background:#FFF;
	position: relative;
	z-index:3;
}
section.landSection article { padding:0px 30px 30px 0px;	background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); }
section.landSection article.portfolio { padding-left:50px; 
background: #f2f2f2; 
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); 
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );  
margin-bottom:0px !important;}

section.landSection article h2 {
	margin-top:0px !important;
	padding-top:45px !important;
}
section#hItms.marketing article h2, section#hItms.marketing article h5 {
    font-weight: 500 !important;
    padding:0 !important;
    margin: 40px 0 95px 0 !important;
    font-size: 15pt!important;
    width: 100%!important;
    text-align: center!important;
    display: block!important;
    position: relative;
    z-index: 3;
    transition: all .15s ease-in;

}

section#hItms.marketing article p {
	color:#666;
	text-align: center;
	line-height: 180%;
	margin:0px 50px 60px 50px !important;
	height:64px;
	clear:both;
	  position: relative;
    z-index: 3;
    transition: all .15s ease-in;
}

section#hItms.vacature article img {
    margin-left: -304px;
    margin-top: 70px;
}
section#hItms.vacature article:hover img {
    margin-top: 67px;
}
section#hItms article p {
    margin-left: 20px;
    color: #242424;
    margin-right: 15px;
    margin-bottom: 10px;
    line-height: 22px;
    clear: both;
    height: 64px;
}
section#hItms article.drie p { 
margin: 0px 50px 80px 50px !important
}
section#hItms article p a {
   color:#666;
   border:none;
   transition:all .15s ease-in;
}
section#hItms.prijzen article p {
	color:242424 !important;
}
section#hItms.prijzen article strong, section#hItms.prijzen article em {
	text-align: center;
	width:100%;
	font-size:18px;
	margin-bottom:0px;
	line-height: 32px;
	display: block;
	color:#666;
	position: relative;
	transition: all .15s ease-in;
	z-index: 3;
}

section#hItms.prijzen article em {
	margin: -20px 0px 50px 0px;
	background: #FFF;
	line-height: 45px;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	color: #242424;
}
section#hItms.prijzen article.active em {
	background-color: rgba(255, 255, 255, 0.1);
	color:#FFF;
}
section#hItms.prijzen article:hover em {
	background-color: rgba(255, 255, 255, 0.2);
}
section#hItms article ul {
	margin:-10px 0 50px 0;
	position: relative;
	z-index: 3;
}
section#hItms article ul li {
	list-style: none;
	font-size:16px;
	line-height: 35px;
	color:#666;
	padding:0 50px 0 50px;
	transition: all .15s ease-in;
	
}
section#hItms article ul li i {
	color:#28af14;
	margin-right:5px;
	width:17.5px;
	transition: all .15s ease-in;
}
section#hItms.prijzen article:hover strong, section#hItms.prijzen article:hover ul, section#hItms.prijzen article:hover em {
	color: #FFF;

}
section#hItms article:hover ul li {
	color:#FFF !important;
}
section#hItms article:hover ul li i {
	color:#FFF !important;
}
section#hItms article a.more, section.hItms.nieuws article a  {
    line-height: 35px;
    margin:-25px 25% 50px 25%;
    padding:0px;
    font-size: 13px;
    text-align: center;
    color: #666;
    display: block;
    border: none;
    background:#FFF;
    border-radius: 25px;
    border:1px solid #fff;
     position: relative;
    z-index: 3;
}
section#hItms article.drie a.more {
	margin:-18px 25% 50px 25%;
}
section#hItms.marketing article a.more i {
	margin-left:5px;
	font-size:12pt;
	color:#FDA800;
}
section#hItms article small {
	font-size: 13px;
	color: #666;
	line-height: 22px;
	margin-bottom: -10px;
	text-align: left;
	margin: -46px 25% 24px 25%;
	display: block;
	position: relative;
	text-align: center;
	transition: all .15s ease-in;
	opacity: 0.7;
	z-index: 3;
}
section#hItms article small i {
	color: #28af14;
}
section#hItms article span.label, #hrdHomeLeft span.screencapture span.label {
	position: absolute;
	left: -3px;
	top: -3px;
	width: 132px;
	height: 132px;
	color: #fff;
	z-index: 9;
	background: url("https://static.vwebdesign.nl/img/populair.png?02") no-repeat top left;
}
div#homeBocks {
	position: relative;
	z-index: 99999;
	top: 865px;
	min-width: 950px;
	width: 95%;
	max-width: 1280px;
	margin: 0 auto;
	float:none;
}


span.labeltekst {
	-moz-transform: rotate(314deg);
	-ms-transform: rotate(314deg);
	-webkit-transform: rotate(314deg);
	transform: rotate(314deg);
	line-height: 132px;
	display: block;
	width: 132px;
	position: absolute;
	left: -22px;
	top: -12px;
	font-size: 17px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 8px;
}

section#hItms.marketing.hover article:hover h2, section#hItms.marketing.hover article:hover h5, section#hItms.marketing.hover article:hover h2 i, section#hItms.marketing.hover article:hover h5 i, section#hItms.hover article:hover p a, section#hItms.marketing.hover article:hover p, section#hItms article:hover small, section#hItms article:hover small i, section#hItms article.active small {
	color:#FFF;
}

span.afbeelding {
	width:97%;
	padding:10px 10px 0px 10px;
	display: block;
	border-image: none;
    border-width: 5px 1px 1px;
    border-style: solid;
    border-color: #f5f5f5;
	margin-right:10px;
	border-radius:10px;
}
	span.afbeelding img {
		width:100%;
		border-radius:5px;
	}
span.hImg img {
	width:190%;
	margin: 0px -45%;
	height:auto;
	border-radius: 0px 0px 60% 60%/60px 90px 90px 90px;
}
span.hImg {
	position: relative;
    display: block;
    margin-bottom: -150px;
    z-index: 1;
}
span.hImg:before {
	bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    z-index:999;
    position: absolute;
    pointer-events: none;
    border-top-color: #FFF;
    top: 0px;
    border-width: 35px;
    margin-left: -35px;
}	
section.hItms.nieuws {
	margin:-40px 0 110px !important;
}
section.hItms.nieuws article {
	padding:20px;
	width: calc(33.33333% - 40px) !important;
}
section.hItms.nieuws article span {
	position: relative;
}
section.hItms.nieuws article span.image {
	width:100%;
	height:300px;
	position: relative;
	overflow: hidden;
	display: block;
}
section.hItms.nieuws article span.auteur {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 241px;
	right: 33px;
	border-radius: 40px;
	overflow: hidden;
	border: 2px solid #FFF;
	box-shadow: 0 0 6px -1px rgba(0,0,0,.36);
}
section.hItms.nieuws article span.image img {
	position: relative;
	transition:all 8s ease-out;
	transform: scale(1.1);
	width: 100%;
	height:auto;
}
section.hItms.nieuws article span.image:after {
    content: '';
    position: absolute;
    display: block;
    width: 130%;
    height: 33%;
    border-radius: 0 0 50% 50%;
background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.1) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#1affffff',GradientType=0 );
    top: -8.5%;
    left: -15%;
}   
section.hItms.nieuws article:hover span.image img {
	transform: scale(1);
}
section.hItms.nieuws article h5 {
	font-family: 'Roboto',sans-serif;
	margin:0;
	padding:10px 0;
	height:auto;
	width:100%;
	text-align: left;
	z-index: 1;
	position: relative;
	font-size:18pt;
	transition:all .25s ease-out;
}
section.hItms.nieuws article span.date, section.hItms.nieuws article span.category {
	width: 50%;
	display: block;
	float:left;
	padding:0px 0;
	font-size:16px;
	color:#1b639e;
	transition:all .25s ease-out;
	font-weight: 600;
}
section.hItms.nieuws article span i {
	color:#fda800;
	transition:all .25s ease-out;
}
section.hItms.nieuws article a {
	margin: 20px 0px 15px 0px;
	border:none;
    border-radius: none;
    text-align: left;
    background: none;
    line-height: 1.6;
    font-size:15pt;
font-weight: 700;
transition:all .25s ease-out;
color: #000;
}

section.hItms.nieuws article p {
	width: 100%;
	font-size: 16px;
	color:#666;
	padding: 10px 0px 0 0;
	position: relative;
	display: block;
	float: left;
	margin:0;
	transition:all .25s ease-out;
}
section.hItms.nieuws article:before {
	background:linear-gradient(135deg,rgba(27,99,158,1) 0%,rgba(33,137,186,1) 50%,rgba(27,99,158,1) 100%);
}
section.hItms.nieuws article:hover h5, section.hItms.nieuws article:hover p, section.hItms.nieuws article:hover span, section.hItms.nieuws article:hover span i, section.hItms.nieuws article:hover a {
	color:#FFF;
	transition:all .25s ease-out;
}
.spanBlauw {
	display:block; width: 220%; margin: 0 -60% 0px -60%; height: 240px; 
background: rgb(27,99,158); 
background: -moz-linear-gradient(-45deg,  rgba(27,99,158,1) 0%, rgba(33,137,186,1) 45%, rgba(33,137,186,1) 45%, rgba(33,137,186,1) 55%, rgba(33,137,186,1) 55%, rgba(27,99,158,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(27,99,158,1) 0%,rgba(33,137,186,1) 45%,rgba(33,137,186,1) 45%,rgba(33,137,186,1) 55%,rgba(33,137,186,1) 55%,rgba(27,99,158,1) 100%); 
background: linear-gradient(135deg,  rgba(27,99,158,1) 0%,rgba(33,137,186,1) 45%,rgba(33,137,186,1) 45%,rgba(33,137,186,1) 55%,rgba(33,137,186,1) 55%,rgba(27,99,158,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b639e', endColorstr='#1b639e',GradientType=1 ); 
border-radius: 0px 0px 60% 60%/60px 90px 90px 90px;
}


.spanOranje {
	display:block; width: 220%; margin: 0 -60% 0px -60%; height: 240px;
background: rgb(229,148,4); 
background: -moz-linear-gradient(-45deg, rgba(229,148,4,1) 0%, rgba(252,178,40,1) 45%, rgba(252,178,40,1) 55%, rgba(229,148,4,1) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(229,148,4,1) 0%,rgba(252,178,40,1) 45%,rgba(252,178,40,1) 55%,rgba(229,148,4,1) 100%);
background: linear-gradient(135deg, rgba(229,148,4,1) 0%,rgba(252,178,40,1) 45%,rgba(252,178,40,1) 55%,rgba(229,148,4,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59404', endColorstr='#e59404',GradientType=1 );
border-radius: 0px 0px 60% 60%/60px 90px 90px 90px;
}

#cRgt {
    float: left;
}
.ctn h1 {
    font-size:30pt !important;
    color: #1b639e;
    font-size: 24pt;
    margin-bottom: 30px !important;
    text-align: center !important;
    font-family: 'Roboto', sans-serif;
}


.ctn h2, .ctn h6, section#hItms.marketing article h5 {
    margin-top: 85px;
    color: #1b639e;
    font-size: 19pt;
    clear: both;
    font-weight: bold;
    margin-bottom: 10px;
   font-family: 'Roboto', sans-serif;
}
.ctn h2 span {
	color:#FDA800;
}
.cLftB h2 {
    font-size: 19pt!important;
    margin-top: 75px!important;
    
}
.ctn h2.center, .ctn h3.center, .ctn h4.center, .ctn h1.center  {
	text-align: center;
}
.ctn h4.center:after {
	margin:30px auto 0px auto;
}
.ctn iframe.video {
	height: 610px;
	width:100%;
}
h2.dertig {
padding-top:30px;
}
h2.zeventig {
padding-top:70px;
}
.ctn h4, .ctn div h3 {
    margin-top: -10px;
    color: #888;
    font-size: 31px;
    clear: both;
    margin-bottom: 27px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.ctn h4.top:after {

     content: "";
     display: block;
     height: 15px;
     position: relative;
     width: 100px;
     margin:27px auto -7px auto;
	border-bottom: solid 5px #fda800;
	background:none;
	
	
}
section#hItms.marketing article h2:after, section#hItms.marketing article h5:after, .ctn h4.top::after {
	content: "";
	margin:10px auto -2px auto;
	width: 60px;
	display: block;
	transition:all .15s ease-in;
	border-bottom: solid 4px #fda800;
	height:7px;
}
 .ctn h4.top::after {
	 width:100px;
	margin:15px auto -10px auto;
	 
 }
section#hItms.marketing.hover article:hover h2:after, section#hItms.marketing.hover article:hover h5:after {
border-color:#FFF;
WIDTH: 100px;
	
}


.area figure figcaption h3 { font-weight:bold !important; }

.ctn p.referentie, .ctn p.portfolioreferentie {
display: block;
text-align: center !important;
color: #888;
background: -moz-linear-gradient(top, rgba(247,247,247,0.9) 0%, rgba(246,246,246,1) 20%, rgba(242,242,242,1) 100%); 
background: -webkit-linear-gradient(top, rgba(247,247,247,0.9) 0%,rgba(246,246,246,1) 20%,rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(247,247,247,0.9) 0%,rgba(246,246,246,1) 20%,rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f7f7f7', endColorstr='#f2f2f2',GradientType=0 );
clear:both;
margin: 50px 20px 140px 0px !important;
padding: 40px 25px 87px 25px !important;
z-index: 9999;
}
.portfolioreferentie i#kanaal {
	font-style: normal;
	line-height: 30px;
	color:#242424;
	font-size:12pt;
	display: block;
	margin:0px 0px 0px 0px;
}
	.portfolioreferentie i#kanaal img {
		margin:15px 10px -10px 0px;
		width:30px;
		height: 30px;
	}
.ctn p.referentie.margintop {
	margin-top:70px !important;
}
.ctn p.referentie.bottom {
	margin-bottom:55px !important;
}
.ctn p.referentie, .ctn p.portfolioreferentie {
	text-align: left;
}
.ctn p.referentie small, .ctn p.portfolioreferentie span {
text-align: center;
font-size: 11pt;
color: #333;
line-height: 50px;
margin: 0;
width: 100%;
display: block;
font-style: normal;
font-weight: 500;
margin: 50px auto -147px;
position: relative;
}
.ctn p.portfolioreferentie {
	text-align: left !important;
	padding:50px !important;
	margin:20px 0px 140px 0 !important;
}
.ctn p.portfolioreferentie span {
	margin-top:80px;
}
.ctn p.portfolioreferentie a.goal {
	margin:0px;
	float:right;
	font-style: normal;
	margin:12.5px 0px 0px 30px;
}
.ctn p.portfolioreferentie span, .ctn p.portfolioreferentie span small {
	 height:60px;
	 float:left;
	 text-align: left;
	 font-size:12pt;
}
.ctn p.portfolioreferentie span small {
	top:-20px;
	color:#242424;
}
 .ctn p.portfolioreferentie span img {
	width: 80px;
	height: 80px;
	border-radius: 50px;
	float:left;
	margin-right: 20px;
	margin-top: 10px;
	border:5px solid #FFF;
-webkit-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.36);
box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.36);
	
 }
 .ctn p.portfolioreferentie small u {
	 	 width:100%;
	 	 height:23px;
	 	 display: block;
	 	 font-style: normal;
	 	 font-weight: bold;
	 	 text-decoration: none;
 	 }
 .ctn p.portfolioreferentie small i {
 	color:#28af14;
 	margin:21px 5px 7px 0;
 }
.ctn p.referentie small:before, .ctn p.portfolioreferentie span:before{
bottom: 100%;

left: 50%;

border: solid transparent;

    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-bottom-color: transparent;

content: " ";

height: 0;

width: 0;

position: absolute;

pointer-events: none;

border-top-color: #f2f2f2;

border-width: 18px;

margin-left: -18px;

top: -10px;
}
.ctn p.portfolioreferentie span:before {
	left:45px;
	top:-30px;
}

.ctn p.inleiding {
    font-weight: 400!important;
	font-size:15pt;
	line-height: 190%; 
    text-align: center;
    margin: 0 0 45px!important;    
}
.ctn p.feit {
	text-align: center;
	color:#242424;
	font-weight: 400 !important;
	font-size:15pt;
	line-height: 190%; 
	padding-left:10px;
	
}
body#overzicht .ctn h1, body#overzicht .ctn p.inleiding, .ctn p.inleidingcenter { 
	text-align:center !important;
	border:none;
	padding:0px;
	font-size:15pt;
}
body#overzicht .ctn h4 {
	text-align:center !important;
	padding:0px;
}
.ctn div#prtLft h4, h4.rgt {
	text-align: left !important;
}

.ctn h2.lft, .ctn h2.rgt, .ctn h4.lft, .ctn h4.rgt {
    clear: inherit!important;
}
.ctn p.lft, .ctn p.rgt {
    clear: inherit!important;
    margin: 0!important;
}
.ctn p.lft img.lft {
    margin: 35px 40px 0 0;
}
section.landSection p.lft img.lft {
	margin:10px 40px 0px 0px !important;
}
.ctn p.lft img {
    float: left;
    margin: 60px 40px 0 0;
}
.ctn p.rgt img, .ctn p.img img {
    float: right;
    margin: 70px 0 0 40px;
}
.ctn p.rgt img.imgOnderOfferte {
	margin:15px 0px 0px 40px;
}
.cLftB .h1, .cLftB h1, .cLftB h2, .cLftB h4, .cLftB p {
    text-align: left;
}
.cLftB p {
    font-weight: 400!important;
    font-style: normal!important;
    margin-bottom: 65px;
}
img#bImg {
    margin-bottom: 0;
    margin-top: 40px;
    width: 100%}
.ctn h6 {
    padding-bottom: 0;
    padding-left: 173px;
}
.ctn h4#hrf {
    width: 640px;
    margin-top: 25px;
    color: #1b639e;
    font-size: 14pt;
    clear: both;
    font-weight: 400;
    margin-bottom: 5px;
}
.ctn h3 {
    margin-top: 25px;
    color: #1b639e;
    font-size: 12pt;
    font-weight: 400;
    margin-bottom: 5px;
}
.ctn p {
    color: #242424;
    line-height:1.9;
    margin-top: 0;
    margin-bottom: 15px;
}
.ctn p.center {
	text-align: center;
}
.ctn p img#iRes {
    margin-right: 20px;
    max-width: 320px;
}
.ctn p#hwdt {
    width: 880px;
}
.ctn p#pPlan {
    background: url(https://static.vwebdesign.nl/images/projectplan.jpg) no-repeat;
    display: block;
    height: 329px;
    margin-top: 20px;
    padding-left: 324px;
    padding-top: 0;
    padding-right: 15px;
    text-align: left;
}
.ctn p.str {
    font-weight: 700!important;
}
#cFtr {
    background-color: #FFF;
    width: 874px;
    min-height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 15px;
    z-index: 2;
}
.ctn ul.landpage {
    margin-left: 20px;
}
.ctn ul.lpList {
    margin-left: 10px;
    list-style: none;
}
.ctn ul.lpList li {
    margin-left: 20px;
    float: left;
}
.ctn ul.lpList li a, .ctn ul.lpList li a:hover {
    border: none;
}
.ctn ul.lpList li a img {
    border: none;
    margin-bottom: 20px;
}
.ctn a {
    color: #000;
    border-bottom: 1px #EEE solid;
    text-decoration: none;
}
.ctn a:hover {
    color: #000;
    border-bottom: 1px #eca600 solid;
    text-decoration: none;
}

.ctn ul#crosslinks, .ctn ul#crosslinks li a, div.leesmeer, div.leesmeer span.spanMeer {
	font-size: 17px;
	color:#BBB;
	margin-top:10px;
	border:none;
	text-decoration: none;
	line-height: 30px;
	margin-bottom: 120px;
	margin-left:-1px;
}
div.leesmeer, div.leesmeer span.spanMeer {
	margin-bottom:0;
}

.ctn ul#crosslinks li ul li a {
    margin-left:5px;
    color: #666;
    line-height:38px;
    font-size:17px;
}
.ctn ul#crosslinks li, div.leesmeer span.spanMeer {
    list-style:none;
    width:100px;
}
.ctn ul#crosslinks li ul li {
    width:300px;
    text-align: left;
}
.ctn ul#crosslinks li ul#delinks, div.leesmeer span.spanMeer div {
    display:none; 
}
.ctn ul#crosslinks li:hover ul#delinks, .ctn ul#crosslinks li:active ul#delinks, div.leesmeer span:hover div {
    display:block;
}

.ctn ul#crosslinks li ul#delinks li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    left: 0;
    display: block;
    float: left;
    color: #28af14;
    font-weight: 300;
}
.ctn ul#crosslinks li a:hover {
	text-decoration: underline;
} 
.ctn ol {
	font-family: myriad ,arial;
	list-style-type: none;
	font-size:17px;
	clear: both;
	display: inline-block;
	width:100%;
	margin-bottom:0px;
	color:#DDD;
	border-top:1px solid #EEE;
	padding-top:12px;
}
body.small .ctn ol {
	border:none;
	padding:0px;
}
	.ctn ol li:first-child::before { 
		padding-right:10px;
		color:#666;
	}
	.ctn ol li {
		float:left;
		font-weight: 300;
		padding: 10px 8px 0px 0px;
	}
		.ctn ol li:after {
			font-family: "Font Awesome 5 Pro";
			content: '\f105';
			
			margin:0px 2px 0px 7px;
		}
		.ctn ol li:last-child:after {
			display: none;
		}
		.ctn ol li a {
			color:#666;
			border:none;
		}
			
#cRgt ul {
    padding: 0;
    margin: 0 0 45px 0;
    list-style: none;
    overflow: hidden;
    display: block;
}
#cRgt ul li:first-child {
    margin-top: 0;
    color: #1b639e;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    padding-top: 0;
    padding-bottom: 15px;
    padding-left:20px;
}
#cRgt ul li:first-child i {
    font-style: normal;
    color: #FDA800;
}
#cRgt em {
    margin-top: 0;
    color: #1b639e;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    font-style: normal;
}
#cRgt em i {
    font-style: normal;
    color: #FDA800;
}
#cRgt ul li {
    height: 21px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
}
#cRgt ul li.last, #cRgt ul li.last:hover {
    height: 21px;
    padding-top: 3px;
    border-bottom: none;
}
#cRgt ul li a {
    background-position: right;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #242424;
    text-decoration: none;
    float: left;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 20px;
    margin: 0;
    width: 100%;
    border: none;
  
}
#cRgt ul li:nth-child(even) a {
background: rgb(238,238,238); 
background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); 
background: linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 );
}
#cRgt ul li a:visited {
	color:#666;
}
#cRgt ul li a:hover {
    color:#1b639e;  
}
#cRgt ul li a i {
    color: #B7B7B7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
    display: block;
    width: 42px;
    font-weight: 400;
    font-style: normal;
}
#cRgt.active ul li a i, #cRgt:hover ul li a i {
    color: #1B639E;
}
.datum {
    width: 38px;
}
#cRgt ul li em {
    color: #1b639e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    float: left;
    display: block;
    padding-top: 0;
    width: 5px;
    font-style: normal;
}
#cRgt ul li.last a {
    color: #A7A7A7;
    background: 0 0;
    border-top: #e9e9e9 1px solid;
}
#cRgt ul li.last a:hover {
    color: #666;
}
.clear {
    clear: both;
    margin: 0;
    padding: 0;
}
footer {
	position: relative;
	clear:both;
	background:#2e2e2e;
		overflow:hidden;
	transition: all 0.2s ease;
}
footer div div, footer ul { width: 20%; }
footer ul { margin-bottom:50px; }

#cTop {
background: #ffffff; /* Old browsers */

z-index:9999;position:relative; }
footer #off { position:relative;z-index:9999;margin-bottom:552px; }
#footerFx { position:fixed;left:0px;bottom:0px;width:100%;}



ul#fTop li:first-child { width: 396px; }

footer div#off {
    width: auto!important;
    position: relative;
    clear: both;
    padding: 0px 0px 0px 0px !important;
    margin-left: 0!important;
background: -moz-linear-gradient(top, rgba(27,99,158,1) 0%, rgba(33,137,186,0.85) 100%); 
background: -webkit-linear-gradient(top, rgba(27,99,158,1) 0%,rgba(33,137,186,0.85) 100%); 
background: linear-gradient(to bottom, rgba(27,99,158,1) 0%,rgba(33,137,186,0.85) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b639e', endColorstr='#d91b639e',GradientType=0 );
    text-align: center;
    height:242px;
    box-shadow:rgba(0,0,0,0.6) 0 105px 125px -90px;
  }

footer div#off:after {  
  	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #FFF;
	top:0px;
	border-width: 18px;
	margin-left: -18px;
}
footer div#off:after {
	top:100%;
	border-top-color: #2087b9;
	opacity: 0.85;
}
footer div#off p, footer div#off strong {
    font-size: 14pt;
    margin-left:30px;
    line-height: 24px;
    color: #FFF;
}
footer div#off strong {
	font-size:23pt;
	line-height:45px;
	margin-left: 0px;
}
footer div#off  a {
    color: #FFF;
    text-decoration: none;
}
footer div#off a:hover {
	text-decoration: underline;
}
footer div#off  a.goal {
    margin-left: 0px;
    text-align: left;
    margin-bottom: 0;
    margin-left:30px;
    width:auto;
}
footer div#off .left, footer div#off .right {
	width:50%;
	float: left;
	z-index: 2;
	position: relative;

}
footer div#off .left {
	text-align: right;
}
footer div#off .left img {
	margin-right:5px;
	margin-top:30px;
	border-radius: 50%;
	width:150px;
	height:150px;
	border: 3px #FFF solid;
}
footer div#off .right {
	text-align: left;
	padding-top:0px;
		position: relative;
	z-index: 1;
}	

footer div#off .right p i {
	font-weight: 700;
	color: #FDA800;
	font-size:23px;
	font-style: normal;
	line-height: 30px;
}
footer div#off .right p strong i {
	color:#FFF;
	font-size: 25pt;
	font-weight: 400;
}
footer div {
    margin-left: auto;
    margin-right: auto;
    width: 882px;
}
footer div#ftrContact {
	width:100%;
	text-align:center;
	background:#272727;
	height:200px;
	clear: both;
	padding-bottom:40px;
	z-index: 2;
	position: relative;
}
footer div#ftrContact:after {
	left: 50%;
	border-style: solid;
	border-color: #2E2E2E transparent transparent;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	content: " ";
	height: 0px;
	width: 0px;
	position: absolute;
	pointer-events: none;
	border-width: 35px;
	margin-left: -35px;
	z-index: 1;
}

footer div#ftrContact div {
	width:100%;
}

footer div#ftrContact div.left {
	text-align:center;
	position: relative;
	z-index: 3;
}
footer div#ftrContact div.left span {
	color:#888;
	clear: both;
	display: block;
	padding-right:30px;
	margin-top:40px;
	margin-bottom:20px;
}
footer div#ftrContact:hover div.left span a {
	opacity: 1;
	border:1px solid #aaa;
}
footer div#ftrContact div.left a {
	background:#333;
	display: inline-block;
	border-radius: 45px;
	height:47px;
	width:47px;
	border:1px solid #272727;
	text-align:center;
	line-height: 47px;
	margin-left:15px;
	color:#CCC;
	opacity: 0.8;
	transition:all 0.3s ease-in-out;

}
footer div#ftrContact:hover div.left span a:hover {
	transition:all 0.3s ease-in-out;
	transform: rotate(10deg);
	color:#FFF;
	background:#272727;
	opacity: 1;
}
footer div#ftrContact:hover div div span {
	color:#999;
}
footer div#ftrContact div.left a#pin:hover {
	border: 1px solid #C92228;
	background: #C92228;
}
footer div#ftrContact div.left a#twt:hover {
	border: 1px solid #4099FF;
	background: #4099FF;
}
footer div#ftrContact div.left a#lIn:hover {
	border: 1px solid #0e76a8;
	background: #0e76a8;
}
footer div#ftrContact div.left a#lBlog:hover {
	border: 1px solid #fda800;
	background: #fda800;
}
footer div#ftrContact div.left a#gpl:hover {
	border: 1px solid #d34836;
	background: #d34836;
}
footer div#ftrContact div.left a#fac:hover {
	border: 1px solid #3b5998;
	background: #3b5998;
}
footer div#ftrContact div.left a#inst:hover {
	border: 1px solid #bc2a8d;
	background: #bc2a8d;
}
footer div#ftrContact div.left a i {
	font-size:24px;
	margin-top:12px;
}
footer div#ftrContact div.right { 
	text-align:left;
}
footer div#ftrContact div.right div {
	margin-left:30px;
}

footer div div, footer ul {
    float: left;
    margin-top: 20px;
    list-style: none;
}
footer ul li:first-child, footer ul li:first-child a  {
    color: #FFF;
    display: block;
    font-size: 17px;
    margin-top: 45px;
    margin-bottom: 7px;
    font-weight: 400;
    transition: all 0.5s ease;
}
 footer ul li:first-child a {
	 display: inline !important;
	 margin:0px;
 }
footer div div div span, footer div div p, footer ul p {
    color: #999;
    font-size: 13px;
    line-height: 24px;
    font-style: normal;
}
footer div div div span {
	font-size:14px;
	line-height: 26px;
	transition:all 0.3s ease-in-out;
}
footer div div a, footer ul a {
    font-size: 11px;
    line-height: 19px;
    margin-top: 3px;
    margin-bottom: 0;
    text-decoration: none;
    width: 160px;
    display: block;
    transition: all 0.5s ease;
}
footer ul#fTop p {
	color:#999;
}
footer div div a:hover, footer ul a:hover {
    color:#FFF;
}
footer div div {
    width: 60%;
    margin-top: 55px;
}
footer div div div {
    margin: 0;
    padding: 0;
    width:100%;
}
footer div div strong {
    color: #A6A6A6;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 7px;
    font-weight: 400;
}
footer div div p {
    margin-top: 0;
    color: #999;
    font-size: 11px;
    line-height: 18px;
}
footer div div a {
    margin-top: 0;
    color: #999;
    font-size: 11px;
    line-height: 18px;
    text-decoration: none;
    display: inline;
    border: none;
    text-align: right;
}
footer div div ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
footer ul li {
    margin: 0;
    padding: 0;
}
footer ul li a i {
    color: #fda800;
    font-size: 11px;
    font-style: normal;
}

footer ul li a {
    margin-top: 0;
    color: #999;
    font-size: 13px;
    line-height: 25px;
    text-decoration: none;
    border: none;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
footer ul li a#fac, footer ul li a#gpl, footer ul li a#lIn, footer ul li a#pin, footer ul li a#stu, footer ul li a#twt {
    padding-left: 22px;
    height: 16px;
    margin-bottom: 2px;
    width: 114px;
}
ul#fTop {
    float: left;
    display: block;
    font-size: 13px;
    color: #FFF;
    margin-top: 23px;
    clear:both;
    width: 100%;
    margin-bottom:20px;
}
ul#fTop li {
    float: left;
    width: 20%;
    margin: auto;
    font-size:13px;
}
ul#fTop li a {
	margin-top:-4px;
}
ul#fTop li:first-child {
    color: #FFF;
    width:60%;
}
#fTop div {
    float: right;
    display: block;
    padding-top: 3px;
    padding-left: 16px;
    width: 63px;
    margin-left: 14px;
    margin-right: 15px;
    padding-right: 0;
    border-left: 1px solid #9B9A9A;
    border-right: 1px solid #9B9A9A;
    height: 12px;
    margin-top: 0;
    font-size: small;
}

#prtLft {
    width: 420px;
    float: left;
    padding-top: 6px;
}
#prtLft a {
    border-bottom: 1px solid #E2E2E2;
    color: #1A629E;
    text-decoration: none;
}
#prtLft a:hover {
    text-decoration: none;
    border-bottom: 1px solid #ffa900;
}
#prtRgt {
    background: url(../images/PrtSldrBg.jpg) no-repeat;
    width: 402px;
    padding: 40px 18px 17px;
    margin-left: 0;
    margin-right: 20px;
    margin-top: 15px;
    float: left;
    overflow: hidden;
}
#prtRgt i {
    margin-top: 30px;
    height: 64px;
    width: 402px;
    padding: 0;
    text-align: center;
    color: #1B639E;
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    display: block;
}
#prtRgt ul, ul#nPag {
    display: block;
    background: #EEE;
    width: 436px;
    height: 53px;
    margin-left: -17px;
    margin-top: 75px;
    list-style: none;
    padding-top: 6px;
    margin-bottom: 0;
}
ul#nPag {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
#prtRgt ul li, ul#nPag li {
    float: left;
    width: 330px;
    height: 47px;
    text-align: center;
    padding-top: 7px;
}
#prtRgt ul li a, ul#nPag li a {

}
#prtRgt ul li#next, #prtRgt ul li#prev, ul#nPag li#next, ul#nPag li#prev {
    width: 48px;
    padding-top: 0;
}
#prtRgt ul li#prev a, ul#nPag li#prev a {
    display: block;
    text-indent: -9999px;
    width: 48px;
    border: none;
    height: 47px;
    margin-left: 5px;
    background: url(https://static.vwebdesign.nl/images/left.png) 17px 16px no-repeat;
}
#prtRgt ul li#prev a:hover, ul#nPag li#prev a:hover {
    background: url(https://static.vwebdesign.nl/images/left.png) 17px 16px no-repeat #FFF;
}
#prtRgt ul li#next a, ul#nPag li#next a {
    display: block;
    text-indent: -9999px;
    width: 48px;
    height: 47px;
    margin-left: 5px;
    background: url(https://static.vwebdesign.nl/images/right.png) 20px 16px no-repeat;
}
#prtRgt ul li#next a:hover, ul#nPag li#next a:hover {
    border: none;
    background: url(https://static.vwebdesign.nl/images/right.png) 20px 16px no-repeat #FFF;
}
#prtRgt i a {
    background-image: url(https://static.vwebdesign.nl/images/offerte.jpg);
    background-position: 0 0;
    border: none;
    color: #1b639e;
    font-style: normal;
    font-size: 11px;
    width: 224px;
    height: 34px;
    padding: 0;
    font-weight: 700;
    margin: 10px auto 20px 89px;
    display: block;
    background-color: transparent;
    text-indent: -999999px;
}
#prtRgt i a:hover {
    background-image: url(https://static.vwebdesign.nl/images/offerte.jpg);
    background-position: 0 -34px;
    border: none;
}
#prtLft ul {
    padding: 0;
    margin: 0;
    list-style: none;
}



#cLft .pgLft {
    float: right;
    width: 326px;
    margin-top:50px;
    margin-bottom: 22px;
}
#cLft .pgLft img {
    margin-right: 15px;
    margin-bottom: 5px;
}
#cLft .pgLft2 {
    float: left;
    width: 316px;
    padding-left: 30px;
}
#cLft .pgLft2 img {
    margin-right: 15px;
    margin-bottom: 5px;
}
#cLft .pgLft2 a {
    color: #1B639E;
    text-decoration: underline;
    margin-top: 10px;
}
#cLft .pgLft2 a:hover {
    text-decoration: none;
}
#cLft .pgLft ul {
    margin-left: 0;
}
#cLft .pgLft ul li, #prtLft li {
    line-height: 27px;
    background: url(https://static.vwebdesign.nl/images/bullet.png) left 6px no-repeat;
    list-style: none;
    padding-left: 28px;
    font-family: arial;
    font-size: 11pt;
    width:100%;
}
#cLft .pgLft ul li a {
    background-image: url(https://static.vwebdesign.nl/images/arrNws.png);
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #E2E2E2;
    color: #000;
    text-decoration: none;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 285px;
    display: block;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
#cLft .pgLft ul li a:hover {
    border-bottom: 1px solid #FDA800;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 290px;
}
#cLft .pgRgt {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	float: left;
    width: 254px;
}
.cLftB .pgRgt {
    padding-left: 2%!important;
    padding-right: 2%!important;
    text-align: center!important;
    margin-top: -40px!important;
    margin-bottom: 65px!important;
    height:250px;
}
.cLftB .pgLft {
    margin-top: -40px!important;
    margin-bottom: 65px!important;
}
.cLftB .pgLft p {
    margin-bottom: 10px!important;
}
#cLft.cLftB .pgLft, #cLft.cLftB .pgRgt {
    width: 46%;
    padding: 10px 0px 10px 4%;
    z-index: 2;
    position: relative;
}
#cLft.cLftB .pgLft {
	border-top: 1px #f5f5f5 solid;
	box-sizing: border-box;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width:50%;
    height:270px;
}
#cLft.cLftB .pgLft ul li {
    color: #919191!important;
}
#cLft .pgRgt h2 {
    margin-top: 25px!important;
    margin-bottom: 15px;
    text-align: center;
}
div#vacKrt p {
    font-size: 15px!important;
    line-height: 27px!important;
}
#cLft .pgLft h2 {
    margin-top: 20px!important;
}
.cLftB .pgLft h2 {
    margin-top: 40px!important;
}
#cLft .pgRgt h2 {
    margin-top: 20px!important;
}
.cLftB .pgRgt p {

    text-align: center!important;

}
#cLft .pgRgt a#btn {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 14px;
    color: #FFF;
}
a#btn {
    background-image: url(../images/btnBg.png);
    background-position: 0 0;
    border: none;
    color: #FFF;
    font-style: normal;
    font-size: 14px;
    width: 210px;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 14px;
    font-weight: 700;
    display: block;
    background-color: transparent;
}
a#btn:hover {
    background-image: url(../images/btnBg.png);
    background-position: 0 -34px;
    border: none;
    color: #FFF;
}
a#offerte-aanvragen {
    background-image: url(../images/offerte.jpg);
    background-position: 0 0;
    border: none;
    color: #1b639e;
    font-style: normal;
    font-size: 11px;
    width: 224px;
    height: 34px;
    padding: 0;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 45px;
    display: block;
    background-color: transparent;
}
a#offerte-aanvragen:hover {
    background-image: url(../images/offerte.jpg);
    background-position: 0 -34px;
    border: none;
    color: #1b639e;
    font-style: normal;
    font-size: 11px;
    width: 224px;
    height: 34px;
    padding: 0;
    font-weight: 700;
    background-color: transparent;
    cursor: pointer;
}
br.c {
    clear: both;
}
#review {
    float: right;
    margin-left: 20px;
}
img#nwsImg {
  float: left;
    clear: both;
    margin-top: 5px;
    margin-right: 27px;
    margin-bottom: 15px;
}
ul#home {
    list-style: none;
    width: 650px;
    height: 124px;
    margin-top: 0;
}
ul#home li {
    float: left;
    margin-left: 15px;
}
ul#home li:first-child {
    margin-left: 0;
}
ul#home li img {
    margin-top: -7px;
}
ul.pagi {
    list-style: none!important;
    height: 71px;
    width:500px;
    margin:60px auto 0 auto;
}
div#nwsP ul.pagi {
	margin-left:auto !important;
}
ul.pagi li {
  	float: left;
    width: 50px;
    margin-right: 5px;
    margin-bottom: 15px;
    margin-left: 0!important;
    list-style: none!important;
}
ul.pagi li.next {float:right;}
ul.pagi li a {
    cursor: pointer;
    float: right;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    border: 2px solid #FFF;
    border-radius: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}
ul.pagi li.next a, ul.pagi li.prev a {
    background: #eee;
     border: 2px solid #EEE;
}
ul.pagi li a:hover {
    background: #fda800;
    color:#FFF;
    border-bottom:none;
}


ul.pagi li.active a, ul.pagi li.active a:hover {
	border: 2px solid #EEE;
	font-weight: 700;

}
ul.pagi li a img {
    margin-top: 15px!important;
    border: none;
}

p#prtInf {
    clear: both;
    color: #CCC;
    line-height: 30px;
    font-size: 11px;
}
article #tabs {
    margin: 0 0 35px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0, #fff 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(99%, #fff));
    background: -webkit-linear-gradient(top, #f9f9f9 0, #fff 99%);
    background: -o-linear-gradient(top, #f9f9f9 0, #fff 99%);
    background: -ms-linear-gradient(top, #f9f9f9 0, #fff 99%);
    background: linear-gradient(to bottom, #f9f9f9 0, #fff 99%);
}
article.cLftB #tabs {
    margin-top: -56px;
}
article.cLftB #tabs p {
    margin-bottom: 20px!important;
}
#tabwrap .tabnav, article #tabs #nav {
    overflow: hidden;
    margin: 0 0 20px;
    border-bottom: 1px solid #EEE;
    padding-top: 15px;
}
#tabwrap .tabnav li.tabs-selected a, article #tabs #nav li.tabs-selected a {
    color: #FDA800;
    border-bottom: 1px solid #FDA800;
}
#tabwrap .tabnav li.tabs-selected a:after, article #tabs #nav li.tabs-selected a:after {

}
#tabwrap .tabnav li, article #tabs #nav li {
    width: 32%;
    float: left;
    margin: 0 1% 0 0;
}
#tabwrap .tabnav li.last, article #tabs #nav li.last {
    margin-right: 0;
}
#tabwrap .tabnav li a, article #tabs #nav li a {
    display: block;
    padding: 5px;
    font-weight: 700;
    background: #FFF;
    color: #1B639E;
    font-size: 14px;
    text-align: center;
    border: 0;
}
#tabwrap .tabnav li a:hover, article #tabs #nav li a:hover {
    background-color: #1B639E;
    color: #FFF;
}
#tabwrap h2, article #tabs h2 {
    margin-top: 40px!important;
}
#tabwrap p, article #tabs p {
    margin-bottom: 30px;
}
#tabwrap ul, article #tabs ul {
    list-style: none;
}
#tabwrap ul li a, article #tabs ul li a {
    display: block;
    border-bottom: 1px solid #666;
    padding: 4px;
    color: #666;
}
#tabwrap ul li a:hover, article #tabs ul li a:focus, article #tabs ul li a:hover {
    background: #EEE;
    color: #000;
}
#tabwrapul li:last-child a, article #tabs ul li:last-child a {
    border: none;
}
article #tabs li a.current, article #tabs li.nav-four a.current, article #tabs li.nav-three a.current, article #tabs li.nav-two a.current, ul.classics li a:hover, ul.core li a:hover, ul.featured li a:hover, ul.jquerytuts li a:hover {
    background-color: #FFF;
    color: #1B639E;
}
.hide {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
p#offNote {
    color: #A6A6A6;
    font-size: 13px;
    line-height: 19px;
    margin-top: 30px;
}
ul#com {
    display: block;
    width: 643px;
    height: 106px!important;
    margin-top: 12px;
    margin-left: 0;
    margin-bottom: 35px;
}
ul#com li {
    background: url(https://static.vwebdesign.nl/images/comment.png) no-repeat;
    width: 632px;
    font-size: 14px;
    height: 106px;
    display: block;
    color: #6f6f6f;
    line-height: 23px;
    font-family: arial;
    font-style: italic;
    padding-left: 15px;
    padding-top: 11px;
}
ul#com li span {
    clear: both;
    left: 80px;
    color: #000;
    font-style: normal;
    display: block;
    margin-left: 125px;
    margin-top: 30px;
}
ul#com li a {
    color: #6F6F6F;
}
ul#ref {
    margin-top: -6px;
}
ul#rpt {
    margin-top: 7px;
}
ul#ref li:first-child, ul#rpt li:first-child {
    border: none;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 0;
    margin-bottom: 0!important;
}
ul#ref li, ul#rpt li {
    display: block;
    width: 191px;
    height: 102px;
    border: 1px solid #E9E9E9;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
}
ul#rpt li, ul#rpt li a img {
    height: 191px;
    border: none;
}
ul#rpt li a, ul#rpt li a:hover {
    border: none;
    padding: 0;
    background: 0 0;
}
ul#cPrt, ul#cRef {
    width: 214px!important;
    float: left!important;
    padding-left: 0!important;
}
.tabs-hide {
    display: none;
}
.tabs-container {
    background: 0 0;
}
div#nwsP ul li {
    font-size: 11pt;
    line-height: 27px;
    color:#666;
}
ul#nwsMnu {
    display: block;
    list-style: none;
    font-family: arial;
    font-size: 13px!important;
    width: 175px;
	background: rgb(238,238,238); 
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 20%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 20%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(238,238,238,1) 20%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    float: left;
    margin:-77px -1px 25px 0px;
    text-align: right;
    padding-top: 63px;
    padding-bottom: 15px;
    border-right:1px solid #EEE;
    border-bottom:1px solid #EEE;
}
ul#nwsMnu li a {
    padding: 9px 20px;
    display: block;
    border: none!important;
    font-size: 17px!important;
}
ul#nwsMnu li a.active {
    text-decoration: underline;
    color:#1b639e;
}
ul#nwsMnu li a:hover {
    color:#1b639e;
    background:#FFF;

}
ul#nwsLst {
    display: block;
    list-style: none;
    margin:0px;
    padding-left: 173px;
}
ul#nwsLst.ovr {
    padding-left: 0px;
    margin-top:-10px;
}
ul#nwsLst li {
    padding-left:80px;
    font-size: 16px;
    color: #989898 !important;
    line-height: 26px;
    display: block;
    padding-top:20px;
    padding-bottom:20px;
    border:1px solid transparent;
    border-bottom:1px solid #EEE;
}
ul#nwsLst li:nth-child(even) {

}
ul#nwsLst li:hover {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 50%,rgba(255,255,255,1) 100%); 
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 50%,rgba(255,255,255,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
border:1px solid #FFF;
	cursor: pointer;
}
ul#nwsLst li span {
    float: left;
    margin-left:-80px;
    margin-top:5px;
    overflow: hidden;
    width: 57px;
    height: 57px;
    line-height:57px;
    border:1px solid #eee;
    text-align: center;
    background:#FFF;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding:2px;
    box-shadow: 0 20px 40px -10px rgba(0,0,0,.11);
}
ul#nwsLst li span img {
	margin:4px 0px 0px 0px;
	padding:0px;
}
ul#nwsLst li:hover span {
	margin-left:-75px;
	background:#EEE;
	border:1px solid #FDA800;
}
ul#nwsLst li a {
    display: block;
    font-size: 19px;
    color: #242424;
    line-height: 26px;
    border: none!important;
    margin-bottom: 5px;
}
ul#nwsLst li:hover a {
	text-decoration: underline;
}
ul#nwsLst li a i  {
	color:#2AB200;
	font-size:9px;
	vertical-align: middle;
	padding-bottom:3px;
	padding-right: 10px;
}
ul#nwsLst li a:visited i {
	color:silver;
}
ul#nwsLst li:hover a i {
	color:#FDA800
}
/*}uitgezet door rene, deze is volgens mij teveel*/
ul#nwsLst.nws li {
    height: 19px;
    border-bottom: 1px #e9e9e9 solid;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 0;
    float: left;
}
div#nwsP {
    overflow: hidden;
    margin-right: 0;
    padding-left: 12%;
    padding-right:6%;
    margin-top: -2px;
    border-left: 1px solid #EEE;
}
div#nwsP blockquote {
	padding:20px;
	background: #f9f9f9;
	font-style: italic;
	border-left:1px #efefef solid;
}
div#nwsP p img {
    max-width: 100%;
    height: auto !important;
}
div#nwsP p, div#nwsP a {
	font-size:14pt;
}
div#nwsP h2 {
    clear: both;
    font-size:25pt;
}
div#nwsP h1 {
    vertical-align: top;
    margin-top: -12px;
    line-height: 50px;
    padding-bottom: 18px;
    text-align: left !important;
    display: table-cell;
}
div#nwsP h6 {
    margin-bottom: 10px;
}
div#nwsP .pgLft, div#nwsP .pgRgt {
    width: auto;
}
div#nwsP .pgLft {
    float: left;
}
div#nwsP em {

background: #EEE;
    color: #1b639e;
    display: block;
    float: left;
    font-family: arial;
    font-size: 19px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 4px;
    padding-bottom: 21px;
    margin-right: 35px;
    margin-bottom: 20px;
    padding-top: 21px;
    text-align: center;
    width: 71px;
    font-style: normal;
}
div#nwsP em small{
	font-weight: 400;
	font-size: 15px;
	color: #BBB;
}
div#nwsP small#auth, div#nwsP span a {

    font-family: arial;
}
div#nwsP small#auth {
    clear: both;
    display: block;
}
div#nwsP ul.ops li {
    background: url(https://static.vwebdesign.nl/images/bullet.png) left 6px no-repeat;
    font-family: arial;
    font-size: 13px;
    line-height: 24px;
    list-style: none;
    padding-left: 28px;
    color: #515151;
}
ul#prtG {
    list-style: none;
    width: 100%;
    height: auto!important;
    margin-left: 0;
    float: left;
}
ul#prtG li {
    float: left;
    display: block;
    width: 200px;
    height: 234px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    font-family: arial;
    font-size: 12px;
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0, #f2f2f2 3%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(3%, #f2f2f2), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e5e5e5 0, #f2f2f2 3%, #fff 100%);
    background: -o-linear-gradient(top, #e5e5e5 0, #f2f2f2 3%, #fff 100%);
    background: -ms-linear-gradient(top, #e5e5e5 0, #f2f2f2 3%, #fff 100%);
    background: linear-gradient(to bottom, #e5e5e5 0, #f2f2f2 3%, #fff 100%);
    border-bottom: 1px solid #EEE;
}
ul#prtG li img {
    width: 176px;
    margin-top: 10px;
    margin-bottom: 2px;
}
ul#prtG li a {
    display: block;
    width: 176px;
    text-align: center;
    margin-left: 10px;
    border: none!important;
    line-height: 19px;
}
ul#prtG li a:hover {
    text-decoration: underline;
}
ul#prtG li:first-child {
    clear: both!important;
    border: none;
    color: #1B639E;
    font-size: 15pt;
    font-weight: 400;
    margin-bottom: 12px;
    width: 100%;
    height: 20px;
    background: 0 0;
    text-align: left;
}
.jcarousel-skin-v .jcarousel-container {
background:#EEE;
    margin-left: 0px;
    margin-bottom: 24px;
    padding-left: 0!important;
}
.jcarousel-skin-v .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin-v .jcarousel-container-vertical {
    width: 158px!important;
    height: 214px!important;
    padding: 34px 17px 0!important;
    float: left!important;
}
.jcarousel-skin-v .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-v .jcarousel-clip-vertical {
    width: 173px!important;
    height: 180px!important;
    margin-left:-7px;
}
.jcarousel-skin-v .jcarousel-item {
    width: 173px!important;
    height: 180px!important;
    margin: 0!important;
    padding: 0!important;
}
.jcarousel-item a {
    margin: 0!important;
    padding: 0!important;
}
.jcarousel-skin-v .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}
.jcarousel-skin-v .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-v .jcarousel-item-vertical {
    margin-bottom: 10px;
}
.jcarousel-skin-v .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-v .jcarousel-next-vertical {
    position: absolute;
    bottom: 6px;
    left: 163px;
    width: 21px;
    height: 22px;
    cursor: pointer;
    background: url(../images/prtNav.png) 0 -21px no-repeat;
}
.jcarousel-skin-v .jcarousel-next-vertical:active, .jcarousel-skin-v .jcarousel-next-vertical:focus, .jcarousel-skin-v .jcarousel-next-vertical:hover {
    background-position: -22px -21px;
}
.jcarousel-skin-v .jcarousel-next-disabled-vertical, .jcarousel-skin-v .jcarousel-next-disabled-vertical:active, .jcarousel-skin-v .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-v .jcarousel-next-disabled-vertical:hover {
    cursor: default;
    background-position: 0 -96px;
}
.jcarousel-skin-v .jcarousel-prev-vertical {
    position: absolute;
    top: 7px;
    left: 10px;
    width: 174px;
    height: 21px;
    cursor: pointer;
    background: url(../images/prtTiNav.png) 0 -42px no-repeat;
}
.jcarousel-skin-v .jcarousel-prevRef {
    position: absolute;
    top: 7px;
    left: 17px;
    width: 174px;
    height: 21px;
    cursor: pointer;
    background: url(../images/prtTiNav.png) no-repeat;
}
.jcarousel-skin-v .jcarousel-prev-vertical:active, .jcarousel-skin-v .jcarousel-prev-vertical:focus, .jcarousel-skin-v .jcarousel-prev-vertical:hover {
    background: url(../images/prtTiNav.png) 0 -63px no-repeat;
}
.jcarousel-skin-v .jcarousel-prevRef:active, .jcarousel-skin-v .jcarousel-prevRef:focus, .jcarousel-skin-v .jcarousel-prevRef:hover {
    background: url(../images/prtTiNav.png) 0 -21px no-repeat;
}
.jcarousel-skin-v .jcarousel-prev-disabled-vertical, .jcarousel-skin-v .jcarousel-prev-disabled-vertical:active, .jcarousel-skin-v .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-v .jcarousel-prev-disabled-vertical:hover {
    cursor: default;
    background-position: 0 -96px;
}
.jcarousel-item, .test {
    float: left;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 173px;
}
.no-margin {
    margin-right: 0;
}
.jcarousel-item a, .test a {
    display: block!important;
    position: relative;
}
#cRgt .jcarousel-item a img {
    height: 180px;
    left: 0;
    position: relative;
    top: 0;
    width: 173px;
    border: none;
    opacity: .7;
}
#cRgt:hover .jcarousel-item a img {
    opacity: 1;
}
.jcarousel-item a span {
    display: none;
    font-size: 3em;
    font-weight: 700;
    height: 100%;
    padding-top: 120px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 214px;
    z-index: 100;
}
.jcarousel-item a span, .test a span {
    background: url(https://static.vwebdesign.nl/images/prtView.png) 70px 74px no-repeat;
    background-color: rgba(15, 15, 15, .6);
    color: #fff;
    text-shadow: #000 0 0 20px;
}
div#portOmschrijving {
    display: block;
    height: 216px;
    position: absolute;
    top: 138px;
    margin-left: 212px;
    width: 637px;
    z-index: 1;
    padding: 15px 5px 15px 29px;
}
div#portOmschrijving h1 {
    color: #FFA700;
    margin: 12px 0 5px;
    font-size: 23px;
}
div#portOmschrijving a, div#portOmschrijving a:hover, div#portOmschrijving p {
    color: #eee;
    border: none;
}
div.prtItem {
    background-image: url(https://static.vwebdesign.nl/images/prtItmBg.jpg);
    background-repeat: no-repeat;
    border: none;
    display: block;
    height: 275px;
    margin: 0 23px 20px 0;
    padding-top: 20px;
    padding-left: 18px;
    text-decoration: none!important;
    width: 253px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}
div.prtItem span {
    width: 235px;
    height: 235px;
    display: block;
    overflow: hidden;
}
div.prtItem span img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
div.prtItem span div {
    background-color: #EEE;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    padding: 15px;
    width: 205px;
    height: 205px;
    display: block;
    margin-top: -242px;
}
div.prtItem h2 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: #333;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    text-align: center;
    word-wrap: break-word;
}
div.prtItem span div p {
    color: #333;
    font-size: 13px!important;
    line-height: 23px!important;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}
div.prtItem span div a {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    background-color: transparent;
    background-image: url(https://static.vwebdesign.nl/images/btnPort.jpg);
    background-position: 0 0;
    border: none;
    color: #FFF!important;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    padding: 0;
    width: 205px;
    text-indent: -9999px!important;
}
div.prtItem:hover img {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
div.prtItem:hover span div {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
div.prtItem:hover h2, div.prtItem:hover p, div.prtItem:hover span div a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}
div.lpItm, div.relItm {
    float: left;
    display: block;
    width: 177px;
    height: 177px;
    margin: 10px 25px 15px 0;
    text-align: center;
    font-family: arial;
    font-size: 12px;
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0, #f2f2f2 3%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(3%, #f2f2f2), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e5e5e5 0, #f2f2f2 3%, #fff 100%);
    background: -o-linear-gradient(top, #e5e5e5 0, #f2f2f2 3%, #fff 100%);
    background: -ms-linear-gradient(top, #e5e5e5 0, #f2f2f2 3%, #fff 100%);
    background: linear-gradient(to bottom, #e5e5e5 0, #f2f2f2 3%, #fff 100%);
    border-bottom: 1px solid #EEE;
    padding: 10px;
    cursor: pointer;
}
div.lpItm {
    margin: 0 19px 30px 0;
}
div.lpItm span, div.relItm span {
    width: 176px;
    height: 176px;
    display: block;
    overflow: hidden;
    -moz-box-shadow: inset 0 0 5px #E5E5E5;
    -webkit-box-shadow: inset 0 0 5px #E5E5E5;
    box-shadow: inset 0 0 5px #E5E5E5;
}
div.lpItm span img, div.relItm span img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    width: 176px;
    height: 176px;
}
div.lpItm span div, div.relItm span div {
    background-color: rgba(0, 0, 0, .05);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    padding: 15px;
    width: 156px;
    height: 156px;
    display: block;
    margin-top: -188px;
}
div.lpItm h6, div.relItm h6 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    width: 156px!important;
    margin-left: -5px!important;
    text-align: center;
    padding-left: 0!important;
    font-size: 16px!important;
    word-wrap: break-word;
}
div.lpItm span div p, div.relItm span div p {
    color: #333;
    font-size: 11px!important;
    line-height: 17px!important;
    margin-left: -5px!important;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}
div.lpItm span div a, div.relItm span div a {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    background-color: transparent;
    background-image: url(https://static.vwebdesign.nl/images/btnPort.jpg);
    background-position: 0 0;
    border: none;
    color: #FFF!important;
    display: block;
    font-family: myriad, arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    padding: 0;
    width: 145px;
    text-indent: -9999px!important;
}
div.lpItm:hover img, div.relItm:hover img {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
div.lpItm:hover span div, div.relItm:hover span div {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
div.lpItm:hover h6, div.lpItm:hover p, div.lpItm:hover span div a, div.relItm:hover h6, div.relItm:hover p, div.relItm:hover span div a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}
div.at-vertical-menu {
    top: 137px!important;
    background-color: rgba(65, 65, 65, .14);
    height: 244px!important;
    padding-top: 3px!important;
}
.at-vertical-menu a span {
    -ms-filter: "alpha(Opacity=70)";
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
}
.at-vertical-menu:hover a span {
    -ms-filter: "alpha(Opacity=99)";
    -moz-opacity: .99;
    -khtml-opacity: .99;
    opacity: .99;
}
.at-vertical-menu a:hover {
    background-color: rgba(27, 99, 158, .77)!important;
}
.at-vertical-menu .at-share-close-control {
    margin-top: 2px;
}
ul.shareaholic-share-buttons li.shareaholic-share-button i.shareaholic-service-icon[class*="service-all"], ul li.shareaholic-share-button i.shareaholic-service-icon[class*="service-all"], ul.shareaholic-share-buttons li i.shareaholic-service-icon[class*="service-all"], ul li i.shareaholic-service-icon[class*="service-all"] {
display: none;
}
form#frmCon fieldset {
    width: 300px;
    padding: 30px;
    float: left;
    border: none;
    border-bottom: 1px solid #eaeaea;
    background: #f8f8fa;
    background: -moz-linear-gradient(top, #f8f8fa 0, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8fa), color-stop(100%, #f9f9f9));
    background: -webkit-linear-gradient(top, #f8f8fa 0, #f9f9f9 100%);
    background: -o-linear-gradient(top, #f8f8fa 0, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #f8f8fa 0, #f9f9f9 100%);
    background: linear-gradient(to bottom, #f8f8fa 0, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8fa',  endColorstr='#f9f9f9',  GradientType=0);
}
form#offFrm fieldset {
    width: 300px;
    padding: 30px;
    float: left;
    border: none;
    border-bottom: 1px solid #eaeaea;
    background: #f8f8fa;
    background: -moz-linear-gradient(top, #f8f8fa 0, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8fa), color-stop(100%, #f9f9f9));
    background: -webkit-linear-gradient(top, #f8f8fa 0, #f9f9f9 100%);
    background: -o-linear-gradient(top, #f8f8fa 0, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #f8f8fa 0, #f9f9f9 100%);
    background: linear-gradient(to bottom, #f8f8fa 0, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8fa',  endColorstr='#f9f9f9',  GradientType=0);
}
form#frmCon fieldset input, form#frmCon fieldset select {
    background: linear-gradient(to bottom, #fff 0, #fbfbfb 100%);
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .32) inset, 0 -1px 0 rgba(0, 0, 0, .05) inset;
    transition: all .2s linear;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 13px;
    color: #222;
    position: relative;
    height: 35px;
    line-height: 35px;
    width: 197px;
    padding: 0 0 0 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
form#frmCon fieldset select {
    width: 60px;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: -3px;
    vertical-align: middle;
}
form#frmCon fieldset input.inpS {
    width: 132px;
}
form#frmCon fieldset label {
    display: inline-block;
    width: 96px;
    height: 30px;
    font-family: arial;
    font-size: 14px;
    color: #1360ac;
}
form#frmCon fieldset textarea {
    background: linear-gradient(to bottom, #fff 0, #fbfbfb 100%);
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .32) inset, 0 -1px 0 rgba(0, 0, 0, .05) inset;
    transition: all .2s linear;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 13px;
    color: #222;
    position: relative;
    height: 120px;
    width: 287px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}
form#frmCon fieldset input.LV_valid_field, form#frmCon fieldset input.LV_valid_field:active, form#frmCon fieldset input.LV_valid_field:hover, form#frmCon fieldset textarea .LV_valid_field, form#frmCon fieldset textarea .LV_valid_field:active, form#frmCon fieldset textarea .LV_valid_field:hover {
    background: #f0fff0;
    color: #237f23;
}
form#frmCon fieldset input.LV_invalid_field, form#frmCon fieldset input.LV_invalid_field:active, form#frmCon fieldset input.LV_invalid_field:hover, form#frmCon fieldset textarea.LV_invalid_field, form#frmCon fieldset textarea.LV_invalid_field:active, form#frmCon fieldset textarea.LV_invalid_field:hover {
    background: #ffecec;
    color: #811313;
}
form#offFrm blockquote {
	margin: -9px 0 30px 0;
	font-family: arial;
	font-size: 14px;
	display: block;
	text-align: center;
	color: #666;
}
form blockquote i {
	color:#2ab200;
}
form#frmCon fieldset button {
    background: url(https://static.vwebdesign.nl/images/btnStart.png) left top no-repeat;
    display: block;
    float: left;
    width: 189px;
    height: 45px;
    padding-left: 10px;
    color: #FFF;
    font-family: myriad, arial;
    text-align: left;
    font-size: 12pt;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    border: none;
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 16px;
}
form#frmCon fieldset button:hover {
    background: url(https://static.vwebdesign.nl/images/btnStart.png) left bottom no-repeat;
    height: 45px;
    width: 189px;
    padding-top: 2px;
    text-shadow: none;
}
form#frmCon fieldset small {
    font-family: arial;
    font-size: 11px;
    color: #b1b1b1;
    line-height: 16px;
    display: block;
    float: left;
    width: 300px;
}
form#frmCon fieldset u {
    background: url(https://static.vwebdesign.nl/images/snel-reactie.png) left top no-repeat;
    display: block;
    text-indent: -99999px;
    width: 70px;
    height: 45px;
    float: right;
    margin-top: 5px;
}
div#vcard {
    color: #000;
    float: left;
    font-family: arial;
    font-size: 14px;
    line-height: 28px;
    z-index: 2;
    position: relative;
}
div#vcard div.category {
    font-weight: 700;
    float: left;
}
div#vcard div.tel {
    float: left;
    margin-left: 10px;
}
div#vcard div.email {
    float: left;
    margin-left: 111px;
}
div#vcard small {
    margin-left: 111px;
    font-size: 14px;
    color: #6a6a6a;
}
div#vcard small.txtStor {
    margin-left: 0;
    display: block;
    clear: both;
}
div#vcard div.location {
    margin-top: 34px;
}
div#vcard div.location span.fn {
    font-weight: 700;
}
div#vcard div.location img {
    float: right;
    margin-top: 6px;
}
div#vcard div.location img#goc {
    float: right;
    width: 94px;
    height: auto;
    margin: 10px 0 0;
}
div#vcard div.location div.email {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
div#pContact div#vcard div.location div.email {
    margin: 0 0 12px;
}
div#vcard p {
    clear: both;
    font-size: 14px;
}
div#vcard p img {
    opacity: .6;
}
div#vcard p img:hover {
    opacity: 1;
}
ul#bekend {
    list-style-type: none;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 0 auto 40px auto;
    height: 100%;
    background:#FFF;}
ul#bekend li {
    float: left;
    width: 25%;
    height: 100px;
    text-indent: -9999px;
    background: url(https://static.vwebdesign.nl/images/bekend-van.jpg) no-repeat;
}
ul#bekend li#NPO1 {
    background-position: center 25px;
}
ul#bekend li#RTL4 {
    background-position: center -70px;
}
ul#bekend li#Telegraaf {
    background-position: center -171px;
}
ul#bekend li#Radio {
    background-position: center -260px;
}
ul#bekend li#EMERECE {
    background-position: center -354px;
}
ul#bekend li#NuJij {
    background-position: center -441px;
}
ul#bekend li#Frankwatching {
    background-position: center -521px;
}
ul#bekend.vijftig {
	padding-bottom:50px;
}
form#offFrm fieldset {
    width: 100%;
    z-index: 2;
    position: relative;
    text-align: center;
    padding:0px;
    padding-bottom:30px;
    margin-bottom:20px;
}
	form#offFrm fieldset p {
		text-align: center;
		font-size:13pt;
	}
	form#offFrm fieldset h3 {
		margin-top: 30px;
		color: #1B639E;
		font-size: 19pt;
		margin-bottom: 20px;
		font-weight: 600;
	}
	form#offFrm fieldset input,form#offFrm fieldset textarea, form#offFrm fieldset select {
	    border: 3px solid #d6d9dc;
	    background:#FFF;
	    transition: border-color 0.6s ease;  
	    font-family: "Helvetica Neue", sans-serif;
	    font-style: normal;
	    font-size: 15px;
	    font-weight: 400;
	    color: #1B639E;
	    position: relative;
	    height: 45px;
	    line-height: 45px;
	    width: 40%;
	    padding: 0 0 0 15px;
	    border-radius: 5px;
	    margin:0px;
    }
    form#offFrm fieldset textarea {
	    line-height:25px;
	    font-weight: 400;
	    padding:10px 0px 10px 15px;
    }
    form#offFrm fieldset textarea#opmerking {
	    width:82% !important;
	    width:calc( 80% + 35px) !important;
    }
    form#offFrm fieldset input.error {
	    border: 3px solid #FFA700;
    }
    form#offFrm fieldset input#naam {
	    margin-right:10px;
	    margin-bottom:15px;
    }
    form#offFrm fieldset input#bedrijfsnaam {
	    margin-bottom:15px;
    }
    form#offFrm fieldset input#email {
	    margin-right:10px;
    }
    form#offFrm fieldset input#telefoon {
	    margin-left: 0px;
    }
    form#offFrm fieldset textarea#bericht {
	    margin-right:10px;
    }

    form#offFrm fieldset input:hover, form#offFrm fieldset input:focus,form#offFrm fieldset textarea:hover,form#offFrm fieldset textarea:focus, form#offFrm fieldset select:hover {
	    background:#f4f4f4;
	    border-color:#1B639E;
	    outline:none !important;
	    transition: border-color 0.3s ease;  
    }
    form#offFrm fieldset input:required:invalid, form#offFrm fieldset input:focus:invalid {
    background-position: right 14px;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
  }
  form#offFrm fieldset input:required:valid {
     background:#f4fff2;
    border-color:#28af14;
    color:#28af14;
  }
     form#offFrm fieldset select:first {
	     color:#aaa;
     } 
 
    form#offFrm fieldset input::-webkit-input-placeholder, form#offFrm fieldset textarea::-webkit-input-placeholder {
	    color:#aaa;
    }
    form#offFrm fieldset input:-moz-placeholder,form#offFrm fieldset textarea:-moz-placeholder {
	    color:#aaa;
    }
    form#offFrm fieldset input::-moz-placeholder,form#offFrm fieldset textarea::-moz-placeholder {
	    color:#aaa;
    }
    form#offFrm fieldset input:-ms-input-placeholder,form#offFrm fieldset textarea:-ms-input-placeholder  {
	    color:#aaa;
    }
     form#offFrm fieldset select{
	     width:60%;
     }
     form#offFrm fieldset textarea, form#offFrm fieldset textarea:invalid {
	 	height:25px;
	 	
     }
     form#offFrm fieldset textarea:focus {
	     height:100px;
	     border-color:#1B639E;
	     
     }
     form#offFrm fieldset textarea:valid {
	     border-color:#28af14;
	     background:#f4fff2;
	     color:#28af14;
	     height:100px;
     }
     form#offFrm fieldset input.placeholder
	{
	  color: #aaa;
	}
    input::placeholder {
	    color:#333;
    }
small {
	font-size:14px; color:#666;line-height: 22px; margin-bottom: -10px; text-align: left;
}

.rangeslider::before, .rangeslider::after {
	font-size:16px;
	color:#666;
	font-family: arial;
	font-weight: 700;
	margin-top:3px;
}
.rangeslider::before {
	content: "0.5k-";
	float: left;
	margin-left:-40px;
}
.rangeslider::after {
	content: "15k+";
	float: right;
	z-index: 9;
	margin-right:-55px;
}
.rangeslider,
.rangeslider__fill {
  background: #eaeaea;
  margin-left:auto;
  margin-right: auto;
  display: block;
  height: 25px;
  width: 75%;
  border-radius: 10px;
  margin-bottom:15px;
}
.rangeslider {
  position: relative;
  
}
.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #FFA700;
  border:4px solid #eaeaea;
  height:17px;
  position: absolute;
  top: 0;
}
fieldset output::before {
    content: "";
}
fieldset output::after {
	content: " euro";
}
fieldset output {
	font-size:16px;
	color:#666;
	font-family: arial;
	font-weight: 700;
	margin-top:10px;
}
.rangeslider__handle {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height:30px;
  position: absolute;
  top: -3px;
  background:#FFA700;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:#FFF;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.my-placeholder { color: #aaa !important; }

	ul.ulOvr {
		 float:left;
		 width:auto;
		 margin: 0 auto !important;
		 padding-bottom:30px;
	 }
	 ul.ulOvr li {
	 	float:left;
	 	display: inline;
	 	position: relative;
	 	overflow:hidden;
	 	-webkit-transition: all 0.3s linear;
		 -moz-transition: all 0.3s linear;
		 -o-transition: all 0.3s linear;
		 -ms-transition: all 0.3s linear;
		 transition: all 0.3s linear;
		 cursor: pointer;

	 }
	 ul.ulOvr li {
		 width:25%;
		 height: auto;
	 }
	 ul.twintig li {
	 	width:20%;
	 }
	 ul.twintig {
		 margin-bottom:50px !important;
	 }
	 ul.ulOvr li img {
		 display: block;
		 position: relative;
		 margin: 0px;
		 z-index: 0;
		 -webkit-transition: all 0.3s linear;
		 -moz-transition: all 0.3s linear;
		 -o-transition: all 0.3s linear;
		 -ms-transition: all 0.3s linear;
		 transition: all 0.3s linear;
		 -webkit-filter: grayscale(0.70); -webkit-filter: grayscale(70%);
		 filter: gray; filter: grayscale(70%);
		 opacity: 0.85;
		 width:100% !important;
		 height:100% !important;
	 }
	 ul.ulOvr li:hover img {
	    -webkit-transform: scale(1.2,1.2);
	  	-moz-transform: scale(1.2,1.2);
	    -o-transform: scale(1.2,1.2);
	    -ms-transform:scale(1.2,1.2);
	    transform: scale(1.2,1.2);
		 -webkit-transition: all 0.1s linear;
		 -moz-transition: all 0.1s linear;
		 -o-transition: all 0.1s linear;
		 -ms-transition: all 0.1s linear;
		 transition: all 0.1s linear;
	    -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);
	    filter: alpha(0); filter: grayscale(0%);
	    opacity: 1;
	    
	 }
	  ul.kleur {
	  width:99%;
	  
	  }
	 ul.kleur li img {
	 	 -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);
	    filter: alpha(0); filter: grayscale(0%);
	    opacity: 1;
	 }

	 ul.ulOvr.portlist.landing {
		     width: 100%;
 
    display: block;
  
    margin-bottom:30px !important;
	 }
	 ul.ulOvr.portlist li { 
		width:33%;
background: rgb(27,99,158); 
background: -moz-linear-gradient(-45deg, rgba(27,99,158,1) 30%, rgba(0,0,0,1) 50%, rgba(255,167,0,1) 70%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(30%,rgba(27,99,158,1)), color-stop(50%,rgba(0,0,0,1)), color-stop(70%,rgba(255,167,0,1))); 
background: -webkit-linear-gradient(-45deg, rgba(27,99,158,1) 30%,rgba(0,0,0,1) 50%,rgba(255,167,0,1) 70%); 
background: -o-linear-gradient(-45deg, rgba(27,99,158,1) 30%,rgba(0,0,0,1) 50%,rgba(255,167,0,1) 70%); 
background: -ms-linear-gradient(-45deg, rgba(27,99,158,1) 30%,rgba(0,0,0,1) 50%,rgba(255,167,0,1) 70%); 
background: linear-gradient(135deg, rgba(27,99,158,1) 30%,rgba(0,0,0,1) 50%,rgba(255,167,0,1) 70%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b639e', endColorstr='#ffa700',GradientType=1 ); 

	}
	ul.ulOvr.portlist li img {
		 -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);
	 filter: gray; filter: grayscale(0%);
	 opacity: 1;
	}
	ul.ulOvr.portlist li:hover img {
		-webkit-filter: grayscale(0.70); -webkit-filter: grayscale(70%);
	 filter: gray; filter: grayscale(70%);
	 opacity: 0.75;
	}
	

ul.ulOvr.portGerelateerd li { 
	padding: 0px;
	margin:0px;
	width:25%;
}
ul.ulOvr.portGerelateerd li img {
	 -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);
 filter: gray; filter: grayscale(0%);
 opacity: 1;
 	width:100% !important;
 	height:100% !important;
}
ul.ulOvr.portGerelateerd li:hover img {
	-webkit-filter: grayscale(0.70); -webkit-filter: grayscale(70%);
 filter: gray; filter: grayscale(70%);
 opacity: 0.85;
}
	 ul.ulOvr li span, ul.ulOvr li a {
	 	z-index: 1;
	 	padding:15px;
	 	padding-right:0px;
	 	margin:-65px 0px 0px 0px;
	 	height:auto;
	 	position: relative;
	 	display: block;
	 	font-family: arial;
	 	font-size:14px;
	 	font-weight: bold;
	 	color:#FFF!important;
	 	line-height: 14px;
	 	text-align: left;
	 	border:none !important;
	 	overflow:hidden;
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	    filter: alpha(opacity=1);
	    opacity: 1;
		background: -moz-linear-gradient(top, rgba(27,99,158,0) 0%, rgba(24,87,139,0.07) 12%, rgba(0,0,0,0.47) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,99,158,0)), color-stop(12%,rgba(24,87,139,0.07)), color-stop(100%,rgba(0,0,0,0.47))); 
		background: -webkit-linear-gradient(top, rgba(27,99,158,0) 0%,rgba(24,87,139,0.07) 12%,rgba(0,0,0,0.47) 100%); 
		background: -o-linear-gradient(top, rgba(27,99,158,0) 0%,rgba(24,87,139,0.07) 12%,rgba(0,0,0,0.47) 100%); 
		background: -ms-linear-gradient(top, rgba(27,99,158,0) 0%,rgba(24,87,139,0.07) 12%,rgba(0,0,0,0.47) 100%); 
		background: linear-gradient(to bottom, rgba(27,99,158,0) 0%,rgba(24,87,139,0.07) 12%,rgba(0,0,0,0.47) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b639e', endColorstr='#78000000',GradientType=0 ); 
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);

	    -webkit-transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	    transition: all 0.2s ease-in-out;
	 }
	 ul.ulOvr.portlist li a {
		 font-size:18px;
		 line-height:16px;
		 padding-top:30px;
		 margin:-95px 0px 0px 0px;
		 text-overflow: ellipsis;
	 }

	 
	 ul.ulOvr li:hover span, ul.ulOvr li:hover a {
	 	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 	filter: alpha(opacity=100);
	 	opacity: 1;

	 }
	 ul.ulOvr li span small, ul.ulOvr li a small {
		 font-weight: normal;
		 text-align: left;
		 font-size: 14px;
		 padding-top:20px;
		 line-height:20px;
		 color:#FDA800;
	 }
	 ul.ulOvr li.last {
		 
		  background: #f8f8f8;
		  background: -moz-linear-gradient(top,#f8f8f8 0,#fff 100%);
		  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#fff));
		  background: -webkit-linear-gradient(top,#f8f8f8 0,#fff 100%);
		  background: -o-linear-gradient(top,#f8f8f8 0,#fff 100%);
		  background: -ms-linear-gradient(top,#f8f8f8 0,#fff 100%);
		  background: linear-gradient(to bottom,#f8f8f8 0,#fff 100%);
		 font-family: arial;
		 font-size:10px; 
	 }
	 ul.ulOvr li.last ul {
		 margin-top:15px;
	 }
	 ul.ulOvr li.last ul li {
	 	  color: #6d6e71;
		  float: left;
		  display: block;
		  width: 100%;
	 }
	 ul.ulOvr li.last ul li label {
		  width: 42px;
		  display: block;
		  font-weight: bold;
		  float: left;
		  color:#1b639e;
	 }
	 ul.ulOvr li.last ul li span {
	 	    background: none;
		    margin: 0px;
		    padding: 0px;
		    color: #1b639e!important;
		    display: inline;
		    opacity: 1;
		    font-size: 14px;
		    line-height: 25px;
		    text-shadow: none;
		    opacity: 0.4;
	 }
	 ul.ulOvr li.last ul li.last {
		 background:none;
		 border:none;
		 line-height:40px;
		 padding-top:9px;
	 }
	 ul.ulOvr li.last ul li.last a {
	 	    line-height: 22px;
		    color: #242424!important;
		    font-size: 14px;
		    border: none!important;
		    float: left;
		    margin: 0px;
		    padding: 0px;
		    background: none;
		    text-decoration: underline!important;
    text-shadow: none;
	 }
	 ul.ulOvr li.last ul li.last a i {
		 
		display: block;
		float: right;
  background: rgb(253,168,0); 
background: -moz-linear-gradient(top, rgba(253,168,0,1) 0%, rgba(223,150,9,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,168,0,1)), color-stop(100%,rgba(223,150,9,1))); 
background: -webkit-linear-gradient(top, rgba(253,168,0,1) 0%,rgba(223,150,9,1) 100%); 
background: -o-linear-gradient(top, rgba(253,168,0,1) 0%,rgba(223,150,9,1) 100%); 
background: -ms-linear-gradient(top, rgba(253,168,0,1) 0%,rgba(223,150,9,1) 100%); 
background: linear-gradient(to bottom, rgba(253,168,0,1) 0%,rgba(223,150,9,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda800', endColorstr='#df9609',GradientType=0 ); 
  line-height: 20px;
  width: 20px;
  margin-left:0px;
  font-size: 18px;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #FFF;
  font-style: normal;
      -webkit-transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	    transition: all 0.2s ease-in-out;
	    opacity: 0;
	    -ms-transform: rotate(45deg); /* IE 9 */
	    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	    transform: rotate(45deg);
	 }
	 ul.ulOvr li.last ul li.last a:hover i {
	 	margin-left:10px;
	 	opacity: 1;
	 		-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);

	 }
	 
	 		 ul.twintig li.listbottom {
	 width:100%;
	 color:#515151;
	 text-decoration: underline;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); 
background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); text-align:center; line-height:50px !important; font-size:16px !important;
	 border-bottom:1px solid #EEE;
	 }
	 ul.twintig li.listbottom:hover {
	 background:#FFF;
	 text-decoration: none;
	 }
	 ul#chartlist {
		 list-style-type: none;
		 width:100%;
		 margin:0px 0px 20px 0px;
	 }
	 	 ul#chartlist li {
	 	 	float: left;
	 	 	width:33%;
	 	 	text-align: center;
	 	 	display: block;
	 	 	line-height: 21px;
	 	 	padding-bottom: 30px;
	 	 	padding-top: 20px;
	 	 }
	 	 ul#chartlist li strong {
		 	 clear:both;
		 	 width:100%;
	 	 }
	 .pieContainer {
          height: 100px;
			width: 100px;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			margin: 0px auto 20px auto;
     }
     .pieBackground {
          background-color: #EEE;
          position: absolute;
          width: 100px;
          height: 100px;
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          -o-border-radius: 50px;
          border-radius: 50px;
     } 
    .pie {
          position: absolute;
          width: 100px;
          height: 100px;
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          -o-border-radius: 50px;
          border-radius: 50px;
          clip: rect(0px, 50px, 100px, 0px);
     }
     .hold {
          position: absolute;
          width: 100px;
          height: 100px;
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          -o-border-radius: 50px;
          border-radius: 50px;
          clip: rect(0px, 100px, 100px, 50px);
     }
     #pieSlice1 .pie {
          background-color: #1b458b;
          -webkit-transform:rotate(50deg);
          -moz-transform:rotate(50deg);
          -o-transform:rotate(50deg);
          transform:rotate(50deg);
     }	 
	  #pieSliceBlue .pie {
          background-color: #FDA800;
          -webkit-transform:rotate(180deg);
          -moz-transform:rotate(180deg);
          -o-transform:rotate(180deg);
          transform:rotate(180deg);
     }
     #pieSliceBlue2 {
          -webkit-transform:rotate(180deg);
          -moz-transform:rotate(180deg);
          -o-transform:rotate(180deg);
          transform:rotate(180deg);
     }
     #pieSliceBlue2 .pie {
          background-color: #FDA800;
          -webkit-transform:rotate(40deg);
          -moz-transform:rotate(40deg);
          -o-transform:rotate(40deg);
          transform:rotate(40deg);
     }
     #pieSliceRed {
          -webkit-transform:rotate(220deg);
          -moz-transform:rotate(220deg);
          -o-transform:rotate(220deg);
          transform:rotate(220deg);
     }
     #pieSliceRed .pie {
          background-color: #FDA800;
          -webkit-transform:rotate(140deg);
          -moz-transform:rotate(140deg);
          -o-transform:rotate(140deg);
          transform:rotate(140deg);
}
.cd-top {
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 82px;
  right: 2.5%;
  z-index: 99999999;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #fda800 url(https://static.vwebdesign.nl/images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  border-radius: 25px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #fda800;
  opacity: 1;
}



p#portTxt { text-align:center; color:#CCC; margin:0px 20% 25px 20%; display: block; padding:20px; border-top:1px solid #EEE; }
p#portTxt a {color:#CCC;}

#porfolio-Sldr { position:relative;top:-35px;margin-bottom:-95px; z-index:9999;}
#porfolio-Sldr .swiper-container, #teamSlider .swiper-container { width:100%;overflow:inherit !important; }


.swiper-next {
	position:absolute;top:50%;right:-60px;
	margin-top:-50px;width:100px;height:100px;text-align:center;line-height:100px;
	color:#FDA800;font-size:42px;z-index:999;cursor:pointer;background:rgba(255, 255, 255, 0.7);
	-webkit-border-radius: 1000px;-moz-border-radius: 1000px;border-radius: 1000px;
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
#porfolio-Sldr .swiper-container:hover .swiper-next {
	background:rgba(255, 255 , 255, 1);
	-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;
}
.swiper-next:hover {
	color: #1b639e;
}
.swiper-next i { line-height:100px;display:block;width:50px; }
.area {
	display: block;
	width:100%;
	margin: 0;
	padding: 0px;
	text-align: left;
	position: relative;
	box-sizing: border-box;
}
.grid {
	padding: 0;
	max-width: 100%;
	display: flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: stretch;
	justify-content: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	list-style: none;
	text-align: center;
	box-shadow: 0 20px 40px 0 rgba(0,0,0,.14);
}
.grid li {
	display: inline-block;
	-webkit-flex-basis: 33.33%;
	flex-basis: 33.33%;
	min-width: 33.33%;
	max-width: 33.33%;
	margin: 0;
	text-align: left;
	box-sizing: border-box;
	vertical-align:top;
	z-index:1;
	position:relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.ie8 .grid li { width:33.3333%; }
.grid li:hover {
	z-index:9999;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.grid figure {
	margin:0;
}
.grid figure:hover {
	cursor: pointer;
	position: relative;
	z-index:9999;
}
.grid figure img {
	width: 100%;
	height:auto;
	display: block;
}
.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 25px 85px 20px 25px;
	padding-bottom:0px;
background: -moz-linear-gradient(left, rgba(58,87,149,1) 0%, rgba(49,105,162,1) 35%, rgba(33,137,186,0.8) 100%); 
background: -webkit-linear-gradient(left, rgba(58,87,149,1) 0%,rgba(49,105,162,1) 35%,rgba(33,137,186,0.8) 100%); 
background: linear-gradient(to right, rgba(58,87,149,1) 0%,rgba(49,105,162,1) 35%,rgba(33,137,186,0.8) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a5795', endColorstr='#cc2189ba',GradientType=1 ); 
	color: #FFF;
	color:#FFF;
	font-size:13pt;
	line-height: 180%;
	z-index:999;
	border-radius: 0px 50% 50% 0px;
border-right: 10px solid #fda800;
}
.grid figcaption:after {
	border-radius: 0px 50% 50% 0px;
border-right: 2px solid #FFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .7;
}
.grid figcaption h3 {
	margin: 0 !important;
	padding: 0;
	color: #ffa700 !important;
	font-size:20pt !important;
	font-weight:bold !important;
	line-height: 30px;
	padding-bottom:15px;
    max-width:200px;
}
.grid figcaption span {max-width:220px; display:block;}
.grid figcaption a {border:none !important; width:130px; bottom:-35px !important;}
.grid figcaption span:before { content: ''; }


 div.swiper-slide div.area figure div.icons, .grid li figure div.icons {
	display: block;
	position: absolute;
	right: 0px;
	top: 20px;
	width: 260px;
	height:calc(100% - 20px);
    z-index: 9999;
}
 div.swiper-slide div.area figure div.icons span, .grid li figure div.icons span {
    position: relative;
    line-height: 40px;
    padding-left: 15px;
    width: 230px;
    display: block;
    margin-top: 10px;
    margin-left: 216px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px 0px 0px 20px;
    transition: background-color 0.3s ease;
    box-shadow: 0 5px 15px 0 rgba(50,50,50,.17);

 }
 div.swiper-slide div.area figure:hover div.icons span, .grid figure:hover div.icons span {
	 background-color: rgba(255, 255, 255, 0.7);
	 transition: all 0.4s ease-in-out;
	 box-shadow: 0 10px 15px 0 rgba(50,50,50,.37);
	 
 }
 div.swiper-slide div.area figure div.icons span:hover, .grid li figure div.icons span:hover {
	 margin-left: 15px;
	 background-color: rgba(255, 255, 255, 0.9);
	 transition: background-color 0.3s ease;
	 transition: all 0.3s ease-in-out; 
 }
 div.swiper-slide div.area figure div.icons span.datum {
	  bottom: 30px;
    position: absolute;
 }
 div.swiper-slide div.area figure div.icons span i, .grid li figure div.icons span i {
	 margin-right:10px;
 }
 
/* Caption Style 4 */
.cs-style-4 li, .cs-style-4 .area {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
	background: rgb(253,168,0); 
	background: -moz-linear-gradient(left, rgba(253,168,0,1) 25%, rgba(0,0,0,1) 100%); 
	background: -webkit-linear-gradient(left, rgba(253,168,0,1) 25%,rgba(0,0,0,1) 100%); 
	background: linear-gradient(to right, rgba(253,168,0,1) 25%,rgba(0,0,0,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda800', endColorstr='#000000',GradientType=1 );
	
}
.cs-style-4 {
	
}
.cs-style-4 figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cs-style-4 figure > div {
	overflow: hidden;
}

.cs-style-4 figure img, .cs-style-4 figure div.stats {
	z-index:1;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: 0.4s;
	transform:scale(1.1, 1.1);
}

.cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img,
.cs-style-4 figure:hover div.stats {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
	transition:0.4s;
	opacity: 0.4;
	filter: blur(3px);
}

.cs-style-4 figcaption {
	height: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
	width: 75%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

/* .no-touch .cs-style-4 figure:hover figcaption,*/
.cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.cs-style-4 figcaption a {
	position: absolute;
	bottom: -35px;
	left: 25px;
	z-index: 3;
}
.swiper-slide figcaption a.goal {
	bottom:0px;
}

			       
	        	.websitePlaatje {width:95% !important; height: auto !important; margin-left:auto; margin-right:auto; margin-top:20%; position:relative; z-index:1 !important;}
				.headerplaatje {margin: 25.5% 12.5% 12% 12.5%; width: calc(100% - 25%) !important; box-shadow:0 20px 40px 0 rgb(0 0 0 / 34%);}
	        	.sfeerplaatje {position:relative; bottom:0; opacity:0.1; margin-top:-10%; z-index:0 !important;     filter: blur(2px);}
	        	.stats {color:#FFF; position:absolute; top:50%; left:12.5%; right:12.5%; width:75%;}
	        	.stats h2 {margin-bottom:20px;}
	        	.stats span {width:100%; display:block; margin: 10px 0; opacity:.7;}
	        	.stats span i {display:block; width:30px; margin-top:5px; float:left; font-weight:700;}
	        	
	        	.cs-style-4 figure:hover img.sfeerplaatje,
	        	.cs-style-4 figure.cs-hover img.sfeerplaatje {opacity:0.07;}
	        	ul#portfoliooverzicht { margin: 0px; padding:0 2% 0 2%; box-shadow:none;}
	        	
	        	ul#portfoliooverzicht li { 
		        	margin:10px;
		        	padding:0;
		        	
	        	}
	        	.area {
	        		border:10px solid #FFF;
	        	}
	        	.grid {
	        		box-shadow: none;
	        	}
	        	
		        	ul#portfoliooverzicht.grid li figure figcaption, .cs-style-4 figcaption {
		        		border-radius: 0 0% 50% 0 !important;
		        		border-right:0px;
		        		padding: 30px 15px 20px 30px;
		        	}	        	
			        	ul#portfoliooverzicht.grid li figure figcaption:after, .cs-style-4 figcaption:after {
			        		border-radius: 0 0% 50% 0;
						    border-right: 4px solid #000;
						    position: absolute;
						    top: 0;
						    left: 0;
						    width: 100%;
						    height: 100%;
						    content: "";
						    opacity: .2;
			        	}
			        	ul#portfoliooverzicht.grid li figure figcaption h2, .cs-style-4 figcaption h5, div.stats h5 {
			        		color: #FFF !important;
			        		margin-bottom: 20px;
			        		font-size:1.75em !important;
			        	}
			        	div.stats h5 {
			        		font-size:1.5em !important;
			        	
			        	}
			        	ul#portfoliooverzicht.grid li figure figcaption span, .cs-style-4 figcaption span {
			        		font-size:14pt;
			        	}
			        	ul#portfoliooverzicht.grid li figure figcaption a, .cs-style-4 .area figure figcaption a {
			        		position:relative;
			        		margin-top:30px;
			        		top:0px;
			        		left:0px;
			        	}
			        		ul#portfoliooverzicht.grid li figure figcaption a:hover, .cs-style-4 .area figure figcaption a:hover {
			        			margin-top:25px;
			        		}


/* Home Page & some Animation */
.cs-style-4 figure, #cLft li, #cRgt ul , .rgt , .lft,
.ctn h1, .ctn h2, .ctn h4, .ctn p, span.hImg img, #vcard, form#offFrm fieldset, button.goal, form#offFrm small, .afbeelding {
	opacity: 0;
	-moz-transition: opacity 600ms ease-in;
	-webkit-transition: opacity 600ms ease-in;
	-o-transition: opacity 600ms ease-in;
	transition: opacity 600ms ease-in;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.img img {
	opacity: 0;
	-moz-transition: opacity 600ms ease-in;
	-webkit-transition: opacity 600ms ease-in;
	-o-transition: opacity 600ms ease-in;
	transition: opacity 600ms ease-in;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hImg img {
	opacity: 0;
	-moz-transition: opacity 600ms ease-in;
	-webkit-transition: opacity 600ms ease-in;
	-o-transition: opacity 600ms ease-in;
	transition: opacity 600ms ease-in;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
section#hItms article.in-view, section#hItms article.in-view, .cs-style-4 figure.in-view, 
#cLft li.in-view, #cRgt ul.in-view, .lft.in-view, .rgt.in-view, .img img.in-view, .img.in-view img,
.ctn h1.in-view, .ctn h2.in-view, .ctn h4.in-view, .ctn p.in-view, .hImg img.in-view, #vcard.in-view,
form#offFrm fieldset.in-view, button.goal.in-view, form#offFrm small.in-view, .afbeelding.in-view {
	opacity: 1;
}
.slipr { 
	position:fixed;
	top:0px;left:0px;
	z-index:99;
	background:#fff;
	width:100%;
	height:100%;
	overflow:hidden;  
	display:block;
}
#slipry { width:100%;height:100%; }
#homePg { background:none;overflow-x:hidden; }
#homePg #cTop { padding-top: 20px !important;
background:#FFF;}
#hrdHomeLeft #titling .typed-cursor {
  font-weight: normal !important;
  display: inline-block;
  color: white;
  opacity: 1;
 /* -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;*/
}


cloudflare-app[app="tibrr-cookie-consent"] {
	width:40% !important;
	margin: 0px 30% 69px 30% !important;
	box-shadow: 0 20px 40px -10px rgba(0,0,0,.11);
    border-radius: 50px !important;
}
cloudflare-app[app="tibrr-cookie-consent"] > .tibrr-cookie-consent-container > .tibrr-cookie-consent-button > button {
	border-radius: 25px !important;
	font-weight: 700 !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#provesrc-notification-container.bottom-left {
	bottom:80px !important;
}
#provesrc-notification-container .bubble-body .bubble-content .bubble-time a, #provesrc-notification-container .bubble-body .bubble-content .bubble-time span {
	display: none !important; 
}
#provesrc-notification-container .bubble-body .bubble-time .pfs-link {
	display: none !important;
	opacity: 0 !important;
}

@media only screen and ( max-width: 1750px ) {
	.singleSLipr img {
		left:50%;
		top:50%;
		position:absolute;
		margin:-650px 0px 0px -1200px !important;
	}
}




@media screen and (max-width:999px) {
	body { background:#FFF;background-image:none!important;}
	.head, .sticky-footer .usp { width:100% !important; }
	.sticky-footer .usp a {margin:0px -1px 0 0;}
	.sticky-footer { padding:0px 8px; }
	.sticky-footer .usp ol {margin-left:13px;}
	.sticky-footer .usp ol li span { font-size:16px; }
	.sticky-footer .usp ol li small { font-size:12px; }
	.sticky-footer .interesse span { display:none; }
	.sticky-footer .interesse a { width:28px;height:44px;overflow:hidden;white-space:nowrap; }
	.sticky-footer .interesse a i { position:absolute;top:0px;left:0px;width:44px;height:44px;margin:0px;padding:10px 0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
	header {
		position:fixed;
    height: auto!important;width: 100%!important;top:0px;margin:0px 0px 0px 0px !important;
	}
	#main {
		margin-top:830px;
	}
	body.small #main {
		margin-top:0;
	}
	header a#logo {
	    background: url(https://static.vwebdesign.nl/images/mnuLogo.png) center center no-repeat!important;
	    background-image: -webkit-linear-gradient(transparent, transparent), url(https://static.vwebdesign.nl/images/svg/beeldmerk.svg)!important;
	    background-image: linear-gradient(transparent, transparent), url(https://static.vwebdesign.nl/images/svg/beeldmerk.svg)!important;
	    width: 60%!important;height: 40px!important;margin: 10px 20% 0 20% !important;float: left!important;
	    position: absolute;top:0px;left:0px;z-index: 5;
	}
	header.header--narrow a#logo {top:0px!important;}
	header.header--narrow em {opacity: 0.7;}
	
	header.header--narrow nav a#pull span {opacity: 0.7;}
	header em, header ol { display: none!important; }
	body#homePg header em, body.smallLandingHeader header em {top: 15px !important;}
	header em {display: block !important; font-size:0px; z-index: 3; position: relative; height: 48px; width: 40px; overflow: hidden; top:18px;right:10px;text-align: right;}
	header em i {font-size: 32px; color:#FFF;}
	header em i.status {
		margin:-5px 4px 3px 5px;
	}
	nav a#pull {
	    height: 28px; width:30px;
	    display: block!important;position: relative!important;
	    float: left!important;margin:18px 0px 18px 18px !important; 
	}
	nav a#pull span { position:absolute;top:0px;left:0px;display:block;width:30px;height:6px;background:#fff; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; }
	nav a#pull span.icon-top { top:0px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); }
	nav a#pull span.icon-middle { top:11px;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
	nav a#pull span.icon-bottom { top:22px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); }
	nav .PullOut span { left:0px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; }
	
	nav a#pull.PullOut span.icon-top { left:0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); transform-origin: 5% 85%; }
	nav a#pull.PullOut span.icon-middle { left:0px;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
	nav a#pull.PullOut span.icon-bottom { left:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); transform-origin: 0% 0%; }
	

	#homePg header nav {
		z-index: 2 !important;
				background: -moz-linear-gradient(top,rgba(27,99,158,1) 0%,rgba(27,99,158,.90) 100%);
background: -webkit-linear-gradient(top,rgba(27,99,158,1) 0%,rgba(27,99,158,.90) 100%);
background: linear-gradient(to bottom,rgba(27,99,158,1) 0%,rgba(27,99,158,.90) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b639e', endColorstr='#d91b639e',GradientType=0 );
	}
	
	#homePg #cTop {padding-top:40px !important;}

	.grid figcaption a.goal {
		font-size:13pt;
	}
    .grid figcaption {
        font-size:12pt;
    }
    .area {
		border:20px solid #FFF !important;
	}
	header nav {
	    z-index: 999 !important;
	    position: relative!important; 
	    margin:0px 0px 0px 0px !important;
	    padding: 2px 0px 0px 0px;
	}
	header nav ul {
		position:relative;left:0px;top:0px;
	    height: auto;z-index:99999;
	    margin: 12px 0px 0px!important;
	    padding-right: 0!important;
	    width: 100% !important;
	    display: none;
	    float: none!important;
	}
	header nav ul li { width: 100%!important;background: none!important;}
	header nav ul li:first-child { margin-left: 0!important; }
	header nav ul li.act { background:none !important; }
	header nav ul li.act a { color: #FDA800!important; }
	header nav ul li a {
	    text-align: left;
	    margin-left: 0px;
	    margin-right: 0px;
	    margin-bottom: 0px;
	    padding-left: 17px!important;
	    padding-right: 10px!important;
	    padding-top:0px !important;
	    padding-bottom: 0px !important;
	    -webkit-transition: none!important;
	    -moz-transition: none!important;
	    -o-transition: none!important;
	    transition: none!important;
	    height: 65px;
    line-height: 65px;
    font-size: 22px;
    	    border-bottom:1px solid #4c9cc2 !important;
	}
	header.header--narrow nav ul li a {
		padding-top:0px !important;
	}
	header nav ul li a:after {
		display: none;
	}
	header nav ul li a:hover {}
	header nav ul li ul {
	    display: block!important;
	    margin-top: -39px!important;
	    -webkit-transition: none!important;
	    -moz-transition: none!important;
	    -o-transition: none!important;
	    transition: none!important;
	}
	header nav ul li:hover ul {
	    display: block!important;
	    position: relative!important;
	    visibility: visible!important;
	    margin-top: -40px!important;
	    margin-bottom: 39px!important;
	    padding: 0!important;
	    clear: both!important;
	}
	header nav ul li ul li {
	    margin-bottom: 0!important;
	    border-bottom: 1px #DCDCDC solid!important;
	}
	header nav ul li ul li:last-child { box-shadow: 0 0!important; }
	header nav ul li ul li a {
	    margin: 0!important;
	    width: auto!important;
	    line-height: 15px!important;
	    height: 15px!important;
	    background: #f4f4f4!important;
	    padding: 5px!important;
	    color: #242424!important;
	}
	header nav ul li.act ul li a { color: #242424!important; }
	header nav ul li ul li a:hover { background: #FFF!important;opacity: 1!important; }
	header ul#subMnu { margin: 0px 0px 0px 0px !important;padding:0px 15px 0px 13px!important;height: 45px !important;display: block;white-space: nowrap;overflow-x: auto;width:auto !important;position: relative !important; }
	header ul#subMnu li { display: inline-block;float:none; }
	header ul#subMnu li a { padding: 8px 9px 2px 13px!important; font-size:18px !important; line-height: 30px; }
	header ul#subMnu li:first-child a { padding: 8px 9px 2px 4px!important; }
	div#mainMnu:after {
	        background: linear-gradient(to right,rgba(238,238,238,0) 0%,#EEE 100%);
		    font-family: "Font Awesome 5 Pro";
		    font-weight: 300;
		    content: '.';
		    color: #EEE;
		    position: relative;
		    top: 66px;
		    right: 0;
		    font-size: 20pt;
		    width: 30px;
		    padding: 0 5px 0 0;
		    line-height: 46px;
		    z-index: 99;
		    text-align: right;
		    float: right;
		    margin: -111px 0 0 0;
	}	
	div#mainMnu:before {
	        background: linear-gradient(to right,#EEE 0%,rgba(238,238,238,0) 100%);
		    font-family: "Font Awesome 5 Pro";
		    font-weight: 300;
		    content: '.';
		    color: #EEE;
		    position: relative;
		    top: 66px;
		    right: 0;
		    font-size: 20pt;
		    width: 30px;
		    padding: 0 5px 0 0;
		    line-height: 46px;
		    z-index: 990;
		    text-align: right;
		    float: left;
		    margin: -66px 0 0 0;
	}			
				
			
	header nav ul li#lHo { display: none; }
	.header--narrow { height: 50px;overflow:hidden; -webkit-transition: height 0.4s ease;-moz-transition: height 0.4s ease;-o-transition: height 0.4s ease;transition: height 0.4s ease; }
	.inputfile + label {
		margin-top: -19px !important;
	}
	.header--hidden { -webkit-transform: translateY( -100% );-ms-transform: translateY( -100% );transform: translateY( -100% ); }
	.small .header--narrow { height:91px; }
	header.header--narrow nav { padding-top:2px;height:auto;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; } 
	#mainMnu { height: 46px;
	}
	/*- Home page -*/
	#homePg #Slider {
		/*background:url(https://static.vwebdesign.nl/images/pro-website-laten-maken.jpg) center center no-repeat !important; */
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:999;
		height: 830px !important;
	}
	#hdrHome { position:relative !important; height:calc(100% + 75px)!important; }
	.hrdHome {display: table-cell;vertical-align: top;}
	#hdrHome:after {top:140px;}
	#hrdHomeLeft { position:relative !important; margin-top:25px; width:auto !important; max-width:auto !important;min-width: auto !important;	 }
	#hrdHomeLeft #titling {  padding-top:0px !important;margin-top:0px !important; }
	#hrdHomeLeft.woman #titling {margin-top:140px !important;}
	#hrdHomeLeft a.goal { margin:30px auto 0px 20px !important; z-index: 1; position: relative; }
	#hrdHomeLeft span.screencapture {
	    width: 100%;
        text-align: center;
        margin-bottom: 65px;
        margin-top:125px;
    }
    #hrdHomeLeft span.slideTekst {
	    position: relative;
    }
    #hrdHomeLeft.woman span.slideTekst {
    	margin-top:15px;
    }
	#hrdHomeLeft.woman div.hometop span.screencapture {
		top:inherit;
		bottom:18px;
		right: 10px;
		left: 20px;
	}
	#hrdHomeLeft span.screencapture img {
		width:75%;
	}
	#hrdHomeLeft.woman span.screencapture img {
		width:100%;
	}
    section#hItms article span.label, #hrdHomeLeft span.screencapture span.label {
        display: none;
    }
	/*.sy-box, .slipr { display:none !important; } */
	#Slider { background:none;left:0px;width:100%; }
	body.smallLandingHeader #Slider div#sld div {
		margin-top:23px;
	}

	#sld {
	    width: 100%!important;
	    background: #333!important;
	    position: relative !important;
	    top:50px;
	}
	#sld img {
	    margin-left: -31px;
	}
	#Slider div#sld div, header ul.innerfade li.sliShop {
	    background-position: -420px top!important;
	    width: 100%!important;
	}
	#Slider div#sld div h3 {
	    margin: 20px 0 0 18px!important;
	    font-size: 17pt!important;
	    font-weight: 600!important;
	    width: 96%!important;
	    line-height: 30px!important;
	    height: 80px!important;
	}
	#Slider div#sld div p {
	    margin: 0!important;
	    padding: 12px 18px 10px!important;
	    font-size: 11pt!important;
	    line-height: 24px;
	    height: 154px;
	    width: 92%!important;
	    background: rgba(49, 49, 49, .5)!important;
	}
	#Slider div#sld div a.goal {
	    display: none!important;
	    margin: 7px 0 0 18px!important;
	}
	#sld ul#pMnu {
	    width: 100%!important;
	    left: 18px!important;
	    top: 15px!important;
	}
	#sld ul#pMnu li {
	    width: 33%!important;
	}
	#sld ul#pMnu li:first-child {
	    display: none!important;
	}
	#cTop {
	    padding-top: 302px;
	    margin-left: 0!important;
	    width: 100% !important;
	}
	body.smallLandingHeader #cTop {
		padding-top:376px;
	}
	body.small #cTop {
	    padding-top: 20px!important;
	    margin-top:106px;
	}
	.ctn {
	    width: auto!important;
	    overflow: hidden;
	    margin-top:-45px;
	}
	.ctn ol {
		margin: 0px 20px;
		width:auto;
	}
	p#crosslinks {
		padding-left:20px;
	}
	.ctn h1 {
	    font-size: 30pt!important;
	    margin-top: 55px;
	    line-height: 40px;
	    margin-bottom: 30px;
	    letter-spacing: -1.5px;
	}
	.ctn h2, .ctn h6 {
	    font-size: 28pt!important;
	    line-height: 38px!important;
	    margin-right: 0px!important;
	    margin-bottom: 25px;
	    padding-bottom:0px;
	    letter-spacing: -2px;
	}
	.ctn h4, .ctn h3 {
	    font-weight: 400!important;
	    font-size:21pt !important;
	    line-height: 32px !important;
	     letter-spacing: -0.5px;
	    
	}
	
	#cLft .pgLft h2 {
		padding-bottom:0px;
	}
		div#nwsP h1 {
		line-height: 40px;
	}
	#porfolio-Sldr {
		top: -20px;
		margin-bottom: 17px;
	}
	.ctn p {
	    margin-right: 15px!important; 
	}
	div#nwsP p { margin-right: 0px !important;}
	.ctn p.inleiding, .ctn p.inleidingcenter, .ctn p.feit { font-size:14pt; padding:0px 0px 0px 9px;}
 .ctn p.feit { padding:0px 0px 0px 11px;}
	.ctn iframe.video {
		height:200px;
	}
	.ctn p.referentie {
		margin:-51px 0px 100px 0px !important;
	}
	.ctn p.portfolioreferentie {
		padding:20px !important;
		margin:-40px 0px 220px 0 !important;
	}
		.ctn p.portfolioreferentie span img {
			margin-top:-10px;
			margin-left:-20px !important;
		}
		.ctn p.portfolioreferentie small i {
			margin:0px 5px 7px 0;
		}
		.ctn p.portfolioreferentie a.goal {
			display: none !important;
		}
		.ctn p.portfolioreferentie span:before {
			top:-60px;
			left:26px;
		}
    .spanBlauw, .spanOranje {height:155px;}
	form#offFrm fieldset p {
		font-size: 11pt;
		line-height: 27px;
	}
	div#portOmschrijving {
	    position: absolute!important;
	    top: 165px!important;
	    left: 18px!important;
	    width: 92%!important;
	    z-index: 2!important;
	    margin: 0!important;
	    padding: 0!important;
	}
	div#portOmschrijving h1 {
	    display: none!important;
	}
	div#portOmschrijving a, div#portOmschrijving p {
	    font-size: 10pt!important;
	    line-height: 22px;
	    color: #CCC!important;
	}
	#sld ul#pMnu li a.active {
	    color: #FDA800!important;
	}
	#sld img#sldPortfolio {
	    margin-left: -500px!important;
	}
	.ctn p img {
	    width: 100%;
	    height:auto;
	}
	span.hImg img {
		width:180% !important;
		height:auto;
		margin-left:-40%;
	}
	span.hImg {
		position: relative;
		display: block;
		margin-right:-35px;
		margin-left:-17px;
		margin-bottom:-72px;
	}
	.ctn h2.lft, .ctn h2.rgt, .ctn h4.left, .ctn h4.rgt {
	    clear: both;
	}
	.ctn p.lft img, .ctn p.rgt img {
	    width: auto!important;
	    margin: 0 auto!important;
	    display: block;
	    float: center!important;
	    width:100% !important;
	    height:auto;
	}
	.ctn p.rgt img {
	    margin:10px auto 30px !important;
	}
	.ctn p img#iRes {
	    margin-right: 0!important;
	}
	.ctn p#hwdt {
	    width: 100%!important;
	}
	#cLft, #cLftBig {
		margin-left:20px;
		margin-right:20px;
		float:none;
	    padding-right: 0px!important;
	    width: auto !important;
	}
	body.small #cLft {
		margin-top:90px;
	}
	#cLft .pgLft {
	    width: 100%!important;
	    margin-top: -15px!important;
	    margin-bottom: 0!important;
	    padding:5px 25px 5px 25px !important;
	    height:auto !important;
	}
	#cLft .pgLft ul li, #prtLft li {
		font-size:14pt;
		line-height: 32px;
		width:auto;
	}
	#cLft .pgLft ul li a {
	    width: 98%!important;
	}
	span.tekstblok {
		padding-bottom:0px;
		margin-bottom:20px;
		margin-top:0px;		
	}
	span.tekstblok.vijftig {
		margin-bottom:60px !important;
	}
	span.tekstblok.vijftig span.tekst h2 {
		margin-top:0px !important;
	}
	span.tekstblok span.image, span.tekstblok span.tekst, span.tekstblok.zestig span.tekst,span.tekstblok.vijftig span.tekst, span.tekstblok.zestig span.image, span.tekstblok.vijftig span.image  {
		width:100% !important;
	}
	span.tekstblok.zestig span.tekst, span.tekstblok.vijftig span.tekst {
		float: right;
		border:none !important;
	}
	 span.tekstblok.vijftig span.tekst,  span.tekstblok.zestig span.tekst {
		 padding:20px !important;
		 border-top: 1px solid #EEE  !important;
		 border-right: 1px solid #EEE  !important;
background: rgb(242,242,242);
background: -moz-linear-gradient(-45deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(-45deg, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 50%)
background: linear-gradient(135deg, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 50%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 ); 
width:100%;
margin:0px !important;

	 }
	 span.tekstblok span.tekst:before {
		 display: none;
	 }
	span.tekstblok span.image {
		float:left;
		height:300px;
		border-radius: 0px !important;
		
	}
	span.tekstblok.vijftig span.image:after, span.tekstblok.zestig span.image:after  {
		height:33%;
		top:0;
		width:120%;
		left:auto;
		border-radius: 0 0 50% 50% !important;
		margin-left:-10%;
		margin-right:-10%;
		background: -moz-linear-gradient(top, rgba(255,255,255,0.87) 0%, rgba(255,255,255,0.1) 100%); 
		background: -webkit-linear-gradient(top, rgba(255,255,255,0.87) 0%,rgba(255,255,255,0.1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0.87) 0%,rgba(255,255,255,0.1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deffffff', endColorstr='#1affffff',GradientType=0 );

	}
	span.tekstblok.zestig span.image img, span.tekstblok.vijftig span.image img {
		border-right:none !important;
		border-left:none !important;
		width:100%;

		margin-left:0px !important;
	}
	span.tekstblok span.tekst {
		padding:0px 0px 0px 0px;
		border:none;
		float:left;
	}
	span.tekstblok.zestig span.image {
		margin-top:15px;
	}
	span.tekstblok.zestig span.tekst, {
		float:right;
		margin-top:0px;
		height:auto;
	}
	section#hItms.prijzen article em {
		margin-top:-15px !important;
	}
	div.ui-accordion h3 {
		font-size:25px !important;
	}
		div.ui-accordion ul li {
			font-size:12pt !important;
		}
	span.completeprijs small {
		font-size:25px;
		text-align: left;
	}
		span.completeprijs a {
			float:left;
			font-size:17px;
		}
	#cLft .pgRgt {
	    width: 97%!important;
	    border: none!important;
	    height:auto !important;
	    margin-top:30px !important;
	    padding:5px 0px 10px 10px!important;
	}
	section.landSection article {
		margin:0px;
		padding:0px;
	}
	section.landSection article.portfolio {
	padding-left:20px;
	}
	section.landSection article h2 {
		padding-top:25px !important;
	}
	ul#home {
	    display: none;
	}
	ul#com {
	    padding-bottom: 20px!important;
	    margin-top: 0!important;
	    width: 95%!important;
	    height: 140px!important;
	}
	ul#com li {
	    width: 95%!important;
	    background: none!important;
	    padding-left: 0!important;
	}
	ul#com li span {
	    margin-top: 4px!important;
	    margin-left: 0!important;
	}
	div#cLfH {
	    margin-left: 16px!important;
	    width: 95%!important;
	    margin-right: 10px;
	}
	div#nwsP {
	border:none;
	} 
	section#hItms article  {
	    width: 100%!important;
	    margin-right: 0!important;
	}
	section#hItms.marketing article p {
	     
    margin: 193px 20px 49px 20px!important;
    height: auto !important;

	}
	section#hItms.prijzen article p {
		margin:1px 20px 49px 20px !important;
	}
	section#hItms article ul li {
		padding:0 25px 0 25px;
	}
	section#hItms.marketing article h2, section#hItms.marketing article h5 {
	        padding: 0!important;
    margin: 40px 0 20px 0!important;
    font-size: 22pt!important;
    height:auto !important;
    letter-spacing: -0.5px;
   	}
   	section#hItms.marketing article h2:after, section#hItms.marketing article h5:after {
	   	margin-top:15px;
   	}

	section#hItms article img {
	    display: none!important;
	}
	section#hItms article a.more {
		margin:-25px 15% 50px 15% !important;
		font-size:19px !important;
	}
	section.hItms.nieuws article {
		width:calc(100% - 40px) !important;
	}
	section.hItms.nieuws article a {
		margin: 20px 0px 20px 0px;
		border:none;
	    border-radius: 0;
	    text-align: left;
	    background: none;
	    line-height: 1.6;
	}
	.inhoudRight {
	    padding-left: 0!important;
	}
	#inhoudStap3 textarea {
	    width: 92%!important;
	}
	#cRgt {
	  	border:0px !important;
	    width: 100%!important;
	}
	.jcarousel-skin-v .jcarousel-container {
	    display: none!important;
	}
	#cRgt ul {
	    width: 100%!important;
	    margin: 0px 0px 30px 0px !important;
	}
	ul#ref li:first-child, ul#rpt li:first-child {
	    clear: both!important;
	    width: 100%!important;
	    text-align: left!important;
	}
	ul#ref li {
	    float: left!important;
	    width: 99%!important;
	    text-align: center!important;
	}
	#cRgt ul li a {
	    width: 100%!important;
	}

	#cRgt ul li, #cRgt ul li a {
		padding-left:20px !important;
	}
		#cRgt ul li.last a {
	    padding-bottom: 18px!important;
	    padding-left:0px !important;
	}
	.ctn ul#usplist li {
		line-height:32px;
	}
	ul.pagi {
	    width: 100%!important;
	    margin:80px 0 60px 0;
	}
	ul.pagi li {
	    display: none!important;
	}
	ul.pagi li.next, ul.pagi li.prev {
	    display: block!important;
	    float: left;
	}
	ul.pagi li.next {
		float:right;
		margin-right:-5px;
	}
	ul.pagi li a {
		border-radius: 30px;
		background:#EEE;
		border:0px solid #fda800 !important;
		width:50px;
		height:50px;
		line-height: 50px;
		font-size:20px;
	}
	ul.pagi li a i {
		
	}
	#tabs #nav, .royalSlider.minimal {
	    display: none!important;
	}
	article.cLftB #tabs {
		margin-top:30px !important;
	}
	.ctn p#pPlan {
	    background: none!important;
	    height: auto!important;
	    width: 100%!important;
	    padding: 0!important;
	    margin-top: 0!important;
	}
    .ctn ul#crosslinks {
        margin-left:18px;
    }
	div#tabs {
	    padding: 20px 0 0!important;
	    background: none!important;
	    width: 100%!important;
	    border: none!important;
	}
	#prtRgt {
	    background: none!important;
	    padding: 0!important;
	    height: 467px!important;
	    width: 100%!important;
	    margin-left: -5px!important;
	    margin-bottom:30px;
	}
	#prtLft {
	    width: auto!important;
	}
	#myGallery {
	    width: 300px!important;
	    height: 365px!important;
	    margin-left: auto!important;
	    margin-right: auto!important;
	}
	#prtRgt i {
	    width: 100%!important;
	}
	#prtRgt i a {
	    margin-left: auto!important;
	}
	#prtRgt ul, ul#nPag {
	    display: none!important;
	}
	.mailer_left {
	    width: 100%!important;
	}
	.mailer_right_left {
	    margin-left: -14px!important;
	    width: 100%!important;
	}
	.grid figcaption h3 {letter-spacing: -1px;}
	a#btnCall, button.goal, footer a.goal, #Slider div#sld div a.goal, #cLft .pgRgt a#offerte, a.goal {
		letter-spacing: -0.5px;
	}
	div.mailer_right_left p {
	    font-size: 11pt!important;
	}
	footer {
	    width: auto!important;
	    z-index:999;
	    background:none;
	}
	footer div {
	    width: auto!important;
	}
	footer div div {
	    float: left!important;
	    margin-right: 0!important;
	    margin-left: 0!important;
	    background: none!important;
	    padding-left: 20px!important;
	    margin-top: 10px!important;
	}
	footer div div span {
	    font-size: 10pt!important;
	}
	footer div div div {
	    margin: 0!important;
	    padding: 0!important;
	    width: 165px!important;
	    line-height: 25px;
	}
	footer div div div span {
		color:#999;
	}
	footer div div p {
	    font-size: 10pt!important;
	    line-height: 22px!important;
	}
	footer div#off a.goal:hover {
		margin:35px auto 0 auto !important;
	}
	footer #footerFx {
		background:#2e2e2e;
	}
	ul#fTop {
	    width: 100%!important;
	    height: 30px;
	}
	
	#cTop { background:#fff;z-index:999;position:relative; }
	footer #off { position:relative;z-index:99;margin-bottom:0px; }
	
	footer div#off .left, footer div#off .right {
	width:100%;
	float: left;
	}
	footer div#off .left {
		text-align: center;
		
	}
	footer div#off .left img {
		margin-left: auto;
		margin-right:auto;
	}
	footer div#off .right {
		text-align: center;
		padding-top:0px;
		margin-top:100px;
		padding-bottom:50px;
		background: #2e2e2e; /* Old browsers */
		background: -moz-linear-gradient(top, #2e2e2e 0%, #272727 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #2e2e2e 0%,#272727 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #2e2e2e 0%,#272727 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#272727',GradientType=0 ); /* IE6-9 */
	}
		footer div#off .right p, footer div#off .right strong {
			    margin: 0px auto;
			    width: 287px;
			    display: block;
		} 
		footer div#off .right p {
			font-size:14pt;
		}
		footer div#off p {
			line-height: 0px;
		}	

		
		footer div#off  a.goal {
			margin:35px auto 0px auto;
		}
	footer div#off:after {
		display: none;
	}

	#footerFx { background:#2e2e2e;position:relative;left:0px;bottom:0px;width:100%; }
	footer ul {
	    width: 80%!important;
	    margin: 0px 0px 0px 20px !important;
	}
	footer ul.last {
		margin-bottom:30px!important;
	}
	footer ul li {
	    width: 100%!important;
	}
	footer ul li:first-child {
	    font-size: 20pt!important;
	}
	footer ul li a {
	    font-size: 14pt!important;
	    width: 100%;
	    line-height: 32px!important;
	    margin-top: 5px!important;
	}
	footer ul li:first-child a {
		font-size:20pt !important;
	}
	footer ul li a#fac, footer ul li a#gpl, footer ul li a#lIn, footer ul li a#pin, footer ul li a#stu, footer ul li a#twt {
	    margin: 8px 0 0!important;
	}
	footer div#ftrContact {
		height:120px;
	}
	footer div#ftrContact div {
		width:100%!important;
		text-align:left;
		
	}
	footer div#ftrContact div.right h3 {
		margin-left:0px;
	}
	footer div#ftrContact div.left {
		width:100%;
		text-align:center;
		padding:0px !important;
	}
	footer div#ftrContact div.left span {
		padding:0px;
		margin-top: 50px;
	}
	footer div#ftrContact div.left a {
		height:45px;
		width:45px;
		float:none;
		line-height:45px;
		margin: 0px 5px 10px 5px;
		display: inline-block;
	}
	footer div#ftrContact div.left a i {
		font-size: 25px;
		margin-top:  11px;
	}
	
	footer div#ftrContact:before {
		background: none !important;
	}

	#rate-page span.text-score {
		font-size:18px !important;
		margin-top:7px;
	}
		footer div#off .right strong {
		margin-top:-5px !important;
			line-height: 66px;
			font-size:25pt !important;
	}
	footer div#off .right p i {
		font-size:22pt;
		font-weight: 400;
	}
	footer div#off .right p strong i {
		font-size:25pt;
	}
	ul#fTop, ul#nwsMnu {
	    display: none!important;
	}
	.ctn h6 {
	    padding-left: 0!important;
	}
	div#nwsP {
	    width: 100%!important;
	    padding-left: 0!important;
	}
	ul#nwsLst {
	    margin-left: 0!important;
	    padding-left: 0!important;
	}
	ul#nwsLst.ovr {
	    padding-left: 0!important;
	}
	div#nwsP em {
	    display: block;
	    margin-right:25px;
	}
	div#nwsP h1 {
	    width: 100%!important;
	    text-align: left;
	}
	form#frmCon fieldset {
	    padding: 0!important;
	    background: none!important;
	    width: 280px!important;
	}
	form#frmCon fieldset input, form#frmCon fieldset select {
	    width: 177px!important;
	}
	form#frmCon fieldset select {
	    width: 60px!important;
	}
	form#frmCon fieldset input.inpS {
	    width: 112px!important;
	}
	form#frmCon fieldset textarea {
	    width: 268px!important;
	}
	form#frmCon fieldset small {
	    width: 280px!important;
	}
	div#vcard {
	    margin-left: 0!important;
	    font-size: 14px!important;
	    width: 280px!important;
	    clear: both!important;
	}
	div#vcard div.email, div#vcard small {
	    margin-left: 110px!important;
	}
	div#vcard div.location div.email, div#vcard small.txtStor {
	    margin-left: 0!important;
	}
	ul#nwsLst li { line-height: 23px; padding-left:70px !important; font-size: 14px;}
	ul#nwsLst li a {
	    line-height: 26px!important;
	    display: table-cell;
	    font-size: 17px!important;
	    padding-bottom:5px;
	    padding-left:0px;
	}
	ul#nwsLst li span {
		margin-left:-70px;
		margin-top:4px;
		margin-right: 0px;
	}
	div#nwsP p img {
	    display: block!important;
	    width: 100%!important;
	    height: auto!important;
	}
	div#nwsP h1 {
	    padding-left: 0!important;
	    height: auto!important;
	}
	div#nwsP small#auth {
	    display: none!important;
	}
	ul#bekend li {
	    width: 50%!important;
	}
	ul.ulOvr {
		margin-right:7px!important;
	}
	ul.ulOvr li {
		width:50%;
		height: auto;
	}
	ul.ulOvr.portlist li { 
		margin: 0px;
		width:100%;
	}
	ul.ulOvr.portGerelateerd li { 
		padding: 0px;
		width:100%;
	}
	ul.ulOvr.portlist.landing {
		width: 100%;
	    padding: 0px;
	    display: block;
	    border-image: none;
	    border-width: 0px;
	    margin-right: 0px;
	    margin-bottom:30px !important;
	}
	ul.ulOvr.portlist.landing li+li+li {
		display: none;
	}
	ul.ulOvr li span {
		font-size:12px;
	}
	ul.ulOvr li span small {
		font-size: 11px;
	}
	ul.ulOvr li.last ul li span {
		font-size:14px;
		text-shadow: none;
	}
	ul.ulOvr li.last {
		width:100%;
	}
	form#offFrm fieldset input,form#offFrm fieldset textarea, form#offFrm fieldset select, form#offFrm fieldset textarea#opmerking, form#offFrm fieldset textarea#bericht, form#offFrm fieldset textarea#planning {
		width:80% !important;
		display:block;
		margin:0px auto 10px !important;
	}
	
	.rangeslider, .rangeslider__fill {
		width:60%;
	}
	form#offFrm fieldset {
		width:100%;
	}
		#hrdHomeLeft #titling { 
	    font-size: 27pt;
	    margin-left:20px;
	}
	#hrdHomeLeft #heading { 
	    font-size: 20pt;
	    margin: 15px 20px 0px 20px;
	    line-height: 36px;
	}
	#hrdHomeLeft p { 
		margin: 20px 20px 0px 20px;
	   font-size: 15pt;
	   line-height: 36px;
	}
	p#portTxt {
		margin:0px 5% 25px 5% !important;
	}
	#Slider a#offerteknop {
		margin-left:5px !important;
	}
	#homePg #Slider small {
		top:5px;
		margin-left:20px;
		position: relative;
	}
	footer div#off small {
		position: relative;
		top:22px;
		left:auto;
		text-align: center !important;
		margin-bottom:15px;
	}
	.cd-top {
		bottom:12px;
		right:12px;
		z-index: 99999;
	}
	.grid { width:auto;max-width:inherit; }
	.grid li, .area {-webkit-flex-basis: 100%;flex-basis: 100%;
			min-width: 100%;
			max-width: 100%;padding:0px;display:block;margin:0px; }
	.cs-style-4 figcaption a {
		bottom: -40px;
	}
	.swiper-slide figcaption a.goal {
		bottom:-40px;
	}
	cloudflare-app[app="corner-ribbon"] .ribbon-content[href], cloudflare-app[app="corner-ribbon"] .ribbon-content[href]:link, cloudflare-app[app="corner-ribbon"] .ribbon-content[href]:hover, cloudflare-app[app="corner-ribbon"] .ribbon-content[href]:active {
	opacity: 0.7;
	display: none;
}
cloudflare-app[app="tibrr-cookie-consent"] {
	width:100% !important;
	margin: 0px !important;
	box-shadow: 0 20px 40px -10px rgba(0,0,0,.11);
	border-radius:0px !important;
}

}

@media screen and (min-width:1000px) {

	.head, .sticky-footer .usp { min-width:950px;width:95%;background:none; }
	.sticky-footer .usp {max-width: 1280px;}
	header em {font-size:14pt; right:-1px;}
	header nav { display:block;width:100%;padding:21px 0px 0px 0px; }
	header nav ul { margin-right:-4px } 
	header nav ul li a { font-size: 21px;padding:0px 23px 12px 23px; font-weight: bold; }
	header ul#subMnu {margin:0px;text-align:center;padding:1px !important; }
	header ul#subMnu li { display:inline; } 
	header ul#subMnu li a { font-size:14pt; padding: 11px 19px 6px 19px !important;float:none;display:inline-block; }
	header nav ul li a:after, header ul#subMnu li a:after {margin-left:-16px !important; }
	header nav ul li#lHo a#after {margin-left:-18 !important;}
	header a#logo { left:0;}
		
	#hrdHomeLeft #titling {font-size: 38pt; margin-top: 100px; }
	#hrdHomeLeft #heading { font-size: 28pt; }
	#hrdHomeLeft p { font-size:22px; }
	#Slider { position:absolute;left:0px;width:100%; }
	#Slider { background: url(https://static.vwebdesign.nl/images/bg001.jpg) 0px -65px repeat-x;left:0px;width:100%;margin-left:0px;height:400px;z-index:9999; }
	#homePg #Slider {height:1213px !important;}
	#overzicht #cLftBig, #overzicht .ctn {min-width:100% !important; max-width: none !important; width:auto !important;}
	

	
	header nav ul li:last-child a {padding-right:2px;}
	
	header nav ul li:last-child a:after {margin-left:-3px !important;}
	
	#sld {width:auto !important;}
	
	#Slider div#sld div { width:100% !important;background-position:right top !important;position:relative !important;float:none !important;  max-width:1362px; margin-left: auto;
margin-right: auto;}
	#Slider div#sld div p { font-size:17pt;width:70%; margin:25px 0px 15px 50px;line-height: 38px; z-index: 2; position: relative; text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.47); }
	#Slider div#sld div h3 {z-index: 2; position: relative; font-size: 27pt; text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.47);}
	#Slider div#sld div a {z-index: 2; position: relative; }
	#sld img {width: 100%; position: relative; z-index: 1; margin-top:-200px !important;}
	.ctn {min-width:950px; max-width: 1280px; width:95%;}
	
	div#nwsP h1 {text-align: left;    font-size:31pt; }
	 div#nwsP ul li {
    font-size: 14pt;
    line-height: 33px;}
    ul#nwsLst li { 
    font-size:16px !important;
    line-height: 26px !important;
    }
    .ctn h1 {font-size:41pt !important; margin-bottom: 10px !important; font-weight: bold;}
	.ctn h4 {font-size:30px; font-weight: 400;}
	.ctn p.feit { border:0px; text-align: center; padding-left:0px; font-style: normal !important;font-weight: 200 !important; font-size: 16pt; line-height:180%;}
	.ctn p.img img {margin-top:95px;}
	.ctn ul#usplist li {
	    line-height: 33px;
	    color:#242424;
	    
	    /*background: url(https://static.vwebdesign.nl/images/bullet.png?01) 0px 9px no-repeat;*/
	}
	.cLftB h2, .ctn h2, .ctn h6 {font-size:32pt !important; margin-top:95px!important;}
	#cLftBig {min-width:950px; max-width: 1280px; margin-top:80px;  width:auto;}
	.ctn p {font-size:13pt;line-height: 180%;}
	#cLft .pgRgt h2, #cLft .pgLft h2 {font-size:19pt !important;}
	.cLftB .pgRgt p {
		font-size:12pt !important;
		line-height: 30px !important;
	}
	.ctn h4, .ctn div h3 {font-size:31px;}
	.ctn p.lft img.lft {margin:106px 40px 0 0;}
	#prtLft {width:635px;}
	span.tekstblok.vijftig span.tekst {
		padding-bottom: 50px;
		margin-top:60px !important;
	}
	#cLft {width:78%; margin-top:80px;}
	#cLft .pgLft, #cLft .pgRgt {width:46%;}
	#cLft .pgRgt h3 {font-size:16pt;}
	#cLft .pgLft ul li {
		font-size:12.5pt;
		line-height: 30px;
	}
	.cLftB .pgRgt, .cLftB .pgLft {margin-bottom:85px !important;}
	ul.twintig {margin-bottom:80px !important;}
	#cRgt {margin-top:75px; float:right;}
	.ctn p.referentie {font-size:15pt;}
	.ctn p.referentie small {font-size:12pt;}
	.cs-style-4 figcaption a.goal {
		font-size:13pt !important;
	}
	ul.ulOvr.portlist.landing {margin-bottom: -15px !important;}
	ul.ulOvr { min-width:950px; max-width: 1280px;}
	ul.ulOvr.portlist li a {font-size:23px;line-height:23px;}
	ul.portGerelateerd { min-width:auto; max-width: auto; width:100%}
	ul.ulOvr li span small, ul.ulOvr li a small {font-size:16px;}
	ul.ulOvr li span, ul.ulOvr li a {font-size:20px;line-height: 16px;}
	.grid li {-webkit-flex-basis: 33.333%;flex-basis: 33.333%;
			min-width: 33.333%;
			max-width: 33.333%;}
	.grid {padding: 0;}
	section#hItms.marketing article h2, section#hItms.marketing article h5 {font-size:20pt !important;}
	
	
	section#hItms article h2, section#hItms article h5 {padding:20px 0px 0px 100px;text-align: left;}
	section#hItms article a.more {font-size: 17px;}
	.ctn p.inleiding, .ctn p.inleidingcenter { margin:0 0 55px!important; border:none;padding:0px; text-align: center!important; font-size:16pt;}

	footer div#off {padding:55px;margin-bottom:640px; }
	footer div#off:before, footer div#off:after, footer div#ftrContact:after, span.hImg:before { border-width: 35px; margin-left: -35px; }
	footer div {width:950px;}
	footer div#landings, footer div#ftrCopy {min-width:950px; max-width: 1280px; width:95%; }
	footer ul li a {font-size:13pt; line-height: 34px;}
	footer ul li:first-child, footer ul li:first-child a {font-size:22pt; margin-bottom:15px;}
	
	footer div#landings ul li:first-child { margin-right: 5px; }
	footer h3 {font-size:20px;}
	footer div div div span, footer div div p, footer ul p, footer ul p a {font-size:13pt !important;line-height: 26px;}

}

@media screen and (max-width:1250px) and (min-width:1000px) { 
	.sticky-footer .usp ol { position:relative; margin-left: 0px; }
	.sticky-footer .usp ol li { display:none;position:absolute;top:0px;left:0px;margin:0px !important; }
	span.tekstblok span.image {
		height:350px;
	}
	span.tekstblok span.image i { 
		font-size:110px;
	}
	
	section#hItms.prijzen article em {
		margin-top:110px;
	}
	section#hItms.marketing article a.more {
		font-size:17px;
	}

	.ctn {
		width: 95%;
	}
}



@media screen and (min-width:1251px ) {
  .sticky-footer .usp ol li { display:block !important;}
}

@media screen and (min-width:1400px ) {
  .sticky-footer .usp ol li { display:block !important; padding:15px 25px 15px 50px; }
}
@media screen and (min-width:1600px) {
	.grid li {-webkit-flex-basis: 25%;flex-basis: 25%;
			min-width: 25%;
			max-width: 25%;}
	.grid {padding: 0px;
	}
	
}
@media screen and (min-width:2200px) {
	.grid li {-webkit-flex-basis: 25%;flex-basis: 25%;
			min-width: 25%;
			max-width: 25%;}


}

@media screen and (max-width:1410px ) {
  .cd-top {z-index: 9999;}
}

.grecaptcha-badge {
	bottom: 70px !important;
	box-shadow: gray 0px 0px 0px !important;
}