html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html {
    padding: 0px; margin: 0px; height: 100%	;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    /*position: relative;*/
    font-family:'museo_bold', sans-serif;
}

a {
    text-decoration: none;
}

canvas {
display: block;
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  left: 0;
  top: 0;
}

#startButton {
    cursor: pointer;
}

.copyrightyannt a {
    float:right;
     font-style:italic;
    font-size:0px;
    color: rgba(0, 0, 0, 0.5);
    margin-top:1px;
}

small {
    font-size: 0.8em;
}

ol {
    margin-top: 10px;
}
.noscript #preloader, .noscript #preloaderprevnext {
    display: none;
}

#preloader, #preloaderprevnext {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 109;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #121212 url('../images/loading5.gif') no-repeat center center;
    margin-left: 110px;
}

#preloaderprevnext {
    background: rgba(18, 18, 18, 0.5) url('../images/loading5.gif') no-repeat center center;
}

.notice {
    padding: 30px;
    background: #f4f4f4;
    text-align: center;
    position: fixed;
    z-index: 112;
    bottom: 0;
    right: 0;
    width: 100%;
    font-size: 12px
}

.notice p {
	color: #000 !important;
	font-size: 12px;
}

.notice p + p {
	margin-top: 12px;
}

.notice .close {
	font-size: 0;
	text-indent: -999;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	color: black;
	cursor:pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M18.717 6.697l-1.414-1.414L12 10.586 6.697 5.283 5.283 6.697 10.586 12l-5.303 5.303 1.414 1.414L12 13.414l5.303 5.303 1.414-1.414L13.414 12z'/%3E%3C/svg%3E");
	background-size: contain;
}

 @media only screen and (max-width: 600px) {
  .notice {
    font-size: 11px;
    line-height: 1.5em;
  }
 }

.notice strong {
    /*white-space: nowrap;*/
}

.contentholder a, #relatedtags h2 a, #tagwrapper a{
    border-bottom: .08em solid rgba(0,0,0,.1);
    padding-bottom: .08em;
    color: #009fe3;
}

.contentholder a:hover, #relatedtags h2 a:hover{
    border-bottom: .08em solid #41b7d8;
}

p + p {
    margin-top: 30px;
}

.row + .row {
    margin-top: 60px;
}

h1 {
    font-size: 46px;
    line-height: 1.8em;
}

.headerholder h1 {
    line-height: 1.2em;
    margin-top: 20px;
}

h2 {
    font-size: 28px;
    line-height: 1.8em;
}

h3 {
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 1.8em;
}

h4 {
  margin-top: 20px;
    font-size: 22px;
    letter-spacing: 0.04em;
    line-height: 1.8em;
}

.wide {
    float: left;
    width: 100%;
}

.relative {
    position: relative;
}

.wide::after {
  clear: both;
}

.mid {
    float: none;
    margin: 0px auto;
    max-width: 1160px;
}

.mid.s {
    max-width: 920px;
}

.mid.xs {
    max-width: 640px;
}
.article-page .articlebody {
    position: relative;
}


.gone {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-indent: -9999px;
}

.align-center {
    text-align: center;
}

.full {
    width: 100%;
}

.half {
    float: left;
    width: 50%;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.left {
    float: left;
}

.text-right {
    text-align: right;
}

.right {
    float: right;
}

.margintop {
    margin-top: 55px;
}

.marginbottom {
    margin-bottom: 55px;
}

.marginleft_0 {
    margin-left: 0 !important;
}

.hide, .element-invisible {
    display: none;
}

.white {
    background: #ffffff !important;
}

.whitecolor {
    background: #ffffff;
}

.black {
    background: #000;
    color: #fff;
}

.grey {
    background: #121212;
    color: #ffffff;
}

#footerwrapper.fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.lightblue {
    background: #ccdee6;
    color: #002f43;
}

.blue {
    background: #009fe4;
    color: #fff;
}

.darkblue {
    background: #186f97;
}

.padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.half.padding {
    padding: 60px 90px;
}

.paddingbottom {
	padding-top: 0;
    padding-bottom: 60px;
}

.smallpadding {
    padding-top: 30px;
    padding-bottom: 30px;
}

.whitespace {
    float: left;
    padding: 30px;
    width: 100%;
}

.paddingtop {
    padding-top: 30px;
    padding-bottom: 0;
}

.show_s {
    display: none;
}

.hide_s {
    display: block;
}

@font-face {
    font-family: 'museo_bold';
    src: url('../fonts/MuseoSans_500.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MuseoSans_500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/MuseoSans_500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/MuseoSans_500.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/MuseoSans_500.svg#def45dfa0767cb06d134930a9f004794') format('svg'); /* Legacy iOS */
    font-style:   normal;
    font-weight:  400;
}

@font-face {
    font-family: 'museo_reg';
    src: url('../fonts/MuseoSans_300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MuseoSans_300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/MuseoSans_300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/MuseoSans_300.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/MuseoSans_300.svg#83308de0ca4237e6cd44fbae61d13495') format('svg'); /* Legacy iOS */
    font-style:   normal;
    font-weight:  400;
}

@font-face {
    font-family: 'museo_italic';
    src: url('../fonts/MuseoSans_300_Italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MuseoSans_300_Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/MuseoSans_300_Italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/MuseoSans_300_Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/MuseoSans_300_Italic.svg#e7e0b636715d0dffac9795f07ed90250') format('svg'); /* Legacy iOS */
    font-style:   normal;
    font-weight:  400;
}

@font-face {
  font-family: 'museo_lite';
  src: url('../fonts/MuseoSans_100.eot'); /* IE9 Compat Modes */
  src: url('../fonts/MuseoSans_100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/MuseoSans_100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/MuseoSans_100.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/MuseoSans_100.svg#b757b597a858713e9a4caca0d1b452d4') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  400;
}

body {
    background: #fff;
    color: #000;
    font-family: 'museo_reg',sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.8em;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#sidebar {
    width: 220px;
    height: 100%;
    background: #121212;
    z-index: 111;
    position: fixed;
    left: 0;
    top: 0;
    font-family: 'museo_reg', sans-serif;
}

#sidebar #menu ul.nav.menu .deeper > a:after {
    content: "\f105";
    font-family: "FontAwesome";
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    right: 28px;
    top: 24px;
    -webkit-transition:-webkit-transform 0.2s linear 0s;
    transition:-webkit-transform 0.2s linear 0s;
    transition:transform 0.2s linear 0s;
    transition:transform 0.2s linear 0s, -webkit-transform 0.2s linear 0s;
    font-size: 24px;
    color: #fff;
}

#sidebar #menu ul.nav.menu .deeper:hover a:after {
    color: #009Fe4;
}

#sidebar #menu ul.nav.menu .deeper > a:hover:after {
    -ms-transform: rotate(0deg) translateX(1px);
        -webkit-transform: rotate(0deg) translateX(1px);
            transform: rotate(0deg) translateX(-1px) translateY(-1px);
}

#sidebar #menu ul.nav.menu .megaactive a,
#sidebar #menu ul.nav.menu .active > a:after {
    color: #009FE4;
}

#sidebar #menu ul.nav.menu .deeper.megaactive > a:after {
    content: "+";
    -ms-transform: rotate(-180deg) translateX(-2px) translateY(-2px);
        -webkit-transform: rotate(-180deg) translateX(-2px) translateY(-2px);
            transform: rotate(-180deg) translateX(-2px) translateY(-2px);
    font-size: 24px;
    color: #000 !important;
}

.diensten.category #sidebar #menu ul.nav.menu li.megaactive .deeper > a:after {
    content: "+";
    -ms-transform: rotate(-180deg) translateX(-2px) translateY(-2px);
    -webkit-transform: rotate(-180deg) translateX(-2px) translateY(-2px);
    transform: rotate(-180deg) translateX(-2px) translateY(-2px);
    color: #009Fe4;
}

#sidebar #menu ul.nav.menu .deeper.megaactive  .deeper:hover > a:after{
    color: #009Fe4;
}

#sidebarwrapper {
    background: #121212;
    height: 100%;
}

#sidebar #menu {
    width: 100%;
    text-align: center;
}

#sidebar #menu ul {
    float:left;
    width: 100%;
    border-bottom: 1px solid #202020;
    border-top: 1px solid #040404;
}

#sidebar #menu ul ul {
    border: 0 none;
}

#sidebar #menu ul.nav.menu a {
  width: 100%;
  float:left;
  color: #fff;
  text-decoration: none;
  font-family: 'museo_reg', sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  border-top: 1px solid #202020;
  border-bottom: 1px solid #040404;
  position: relative;
  padding: 10px 10px;
  -webkit-transition:color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

#logo a {
    display: block;
    width: 100%;
    float:left;
    height: 70px;
    background: url('../images/vds@1x.png') no-repeat center top;
    background: url('../images/vds.svg') no-repeat center top / auto 100%;
    margin-top: 25px;
    margin-bottom: 25px;
}

#sidebar #menu a img {
    height: 24px;
    margin-bottom: 3px;
    text-align: center;
    vertical-align: bottom;
    width: 24px;
}

a .image-title {
    float: left;
    width: 100%;
}

a .image-title {
    color: #ffffff;
}

#sidebar #menu a:hover {
}


#sidebar #menu .active a {
    color: #000000;
}
.active.deeper.parent a{
  background: transparent;
}
/*.active.deeper.parent.megaactive a{
  background: #0e181c;
}*/

.subcol.col_1 .unstyled.small li a{
  background: #009fe3;
  border-top: none !important;
  border-bottom : none !important;
}
.nav-child.unstyled.small a::before {
  border: 0 !important;
}
.subcol.col_1 {
  border-top: 1px solid #0091ce;
  border-bottom: 1px solid #0091ce;
}
.subcol.col_1:last-of-type {
  border-bottom: none;
}
.active.deeper.parent6.megaactive .megamenu {
-webkit-transition:all 0.5s ease-in;
transition: all 0.5s ease-in;
position: static;
}
select, optgroup {
    font-family: "museo_reg", sans-serif;
}

select::-ms-expand {
    display: none;
}

.active.deeper.parent a {
  color: #fff;
}
.megamenuwrapper .close {
    position: absolute;
    right: 40px;
    top: 80px;
    width: 20px;
    height: 20px;
    background: url('/images/icons/submenu/x.svg');
    background-repeat: no-repeat;
    cursor: pointer;
}

.active.deeper.parent span {
    color: #ffffff;
}

ul.nav.menu li.active.deeper.parent.megaactive span,
ul.nav.menu li.deeper.parent.megaactive span {
    color: #000000;
}

.megamenu.wide {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -750px;
    width: 750px;
    background: #009fe3;
    padding-top: 120px;
    z-index: -1;
    -webkit-transition:all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.custom_chooseservice {
    margin: 45px 0;
    padding: 0 50px;
    width: 100%;
    position: relative;
}
.custom_chooseservice label {
  color: #ffffff;
  text-transform: none;
  width: 100px;
  height: 50px;
  padding-top: 10px;
  float:left;
}

.megaactive .megamenu.wide {
    left: 220px;
}

.blackfade {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  float: left;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 0;
  z-index: -2;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
}

.megaactive .blackfade {
  opacity: 1;
  pointer-events: all;
  cursor:pointer;
    width: 100%;
}
.megamenu ul.nav-child.unstyled.small {
  padding: 20px 40px;
}
.megamenu ul.nav-child.unstyled li {
  text-transform: none;
  float: left;
  font-size: 14px;
  display: inline-block;
  width: 25%;
}
.megamenu ul.nav-child.unstyled li:nth-child(5) {
  clear: both;
}

.megamenu-icon {
  height: 16px;
  width: 16px;
  margin: 0 auto 5px;
    background-size: 16px 16px;
  background-position: center;
    background-repeat: no-repeat;
}
/*Hover states and so on of MAIN MENU*/
ul.nav.menu .megaactive a {
  background: #009fe3;
  color: #fff;
}
ul.nav.menu li a:hover .megamenu-icon {
  background-position: left;
}

ul.nav.menu li.megaactive a:hover .image-title {
    color: #000000;
}

ul.nav.menu li .subcol a:hover .image-title {
  color: #ffffff !important;
}

ul.nav.menu li.active a .megamenu-icon, .faq ul.nav.menu li.current a .megamenu-icon {
  background-position: left;
}
ul.nav.menu li.active a .image-title,
.faq ul.nav.menu li.current  a .image-title {
  color: #009FE4;
}
ul.nav.menu li.active ul .megamenu-icon {
  background-position: center;
}

ul.nav.menu li.active ul li.active .megamenu-icon {
  background-position: left;
}

ul.nav.menu li.active ul li .image-title {
    color: #ffffff;
}

ul.nav.menu li.active ul li.active .image-title {
  color: #ffffff !important;
}

/*Dutch sidebar*/

/*.nav.menu .item-102 a:hover .megamenu-icon, .nav.menu .item-102.active > a .megamenu-icon {*/
    /*background-image: url(../../../images/svg/diensten_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-103 a:hover .megamenu-icon, .nav.menu .item-103.active > a .megamenu-icon {*/
    /*background-image: url(../../../images/svg/blog_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-104 a:hover .megamenu-icon, .nav.menu .item-104.active > a .megamenu-icon {*/
    /*background-image: url(../../../images/svg/ons_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-116 a:hover .megamenu-icon, .nav.menu .item-116.active > a .megamenu-icon {*/
    /*background-image: url(../../../images/svg/klanten_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-164 a:hover .megamenu-icon, .nav.menu .item-164.active > a .megamenu-icon {*/
    /*background-image: url(../../../images/svg/faq_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-117 a:hover .megamenu-icon, .nav.menu .item-117.active > a .megamenu-icon {*/
    /*background-image: url(../../../images/svg/contact_hov.svg) !important;*/
/*}*/

/*English sidebar*/
.nav.menu .item-198 a:hover .megamenu-icon, .nav.menu .item-198.active > a .megamenu-icon {
    background-image: url(../../../images/svg/ons_hov.svg) !important;
}
.nav.menu .item-201 a:hover .megamenu-icon, .nav.menu .item-201.active > a .megamenu-icon {
    background-image: url(../../../images/svg/verhuis_hov.svg) !important;
}
.nav.menu .item-200 a:hover .megamenu-icon, .nav.menu .item-200.active > a .megamenu-icon {
    background-image: url(../../../images/svg/contact_hov.svg) !important;
}
/*Dutch submenu*/

/*.nav.menu .item-102 .megamenu .item-105:hover .megamenu-icon, .nav.menu .item-102 .megamenu .item-105.active .megamenu-icon  {*/
    /*background-image: url(../../../images/svg/bpm_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-102 .megamenu .item-207:hover .megamenu-icon, .nav.menu .item-102 .megamenu .item-207.active .megamenu-icon  {*/
    /*background-image: url(../../../images/svg/taxatierapport_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-102 .megamenu .item-106:hover .megamenu-icon, .nav.menu .item-102 .megamenu .item-106.active .megamenu-icon {*/
    /*background-image: url(../../../images/svg/europe_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-102 .megamenu .item-207:hover .megamenu-icon, .nav.menu .item-102 .megamenu .item-207.active .megamenu-icon  {*/
    /*background-image: url(../../../images/svg/taxatierapport_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-102 .megamenu .item-107:hover .megamenu-icon, .nav.menu .item-102 .megamenu .item-107.active .megamenu-icon {*/
    /*background-image: url(../../../images/svg/us_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-102 .megamenu .item-108:hover .megamenu-icon, .nav.menu .item-102 .megamenu .item-108.active .megamenu-icon {*/
    /*background-image: url(../../../images/svg/verhuis_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-102 .megamenu .item-109:hover .megamenu-icon, .nav.menu .item-102 .megamenu .item-109.active .megamenu-icon {*/
    /*background-image: url(../../../images/svg/klassieker_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-102 .megamenu .item-110:hover .megamenu-icon, .nav.menu .item-102 .megamenu .item-110.active .megamenu-icon {*/
    /*background-image: url(../../../images/svg/wrench_hov.svg) !important;*/
/*}*/
/*.nav.menu .item-102 .megamenu .item-111:hover .megamenu-icon, .nav.menu .item-102 .megamenu .item-111.active .megamenu-icon {*/
    /*background-image: url(../../../images/svg/meer_hov.svg) !important;*/
/*}*/

ul.nav.menu li.active ul a:hover .image-title, ul.nav.menu li.active ul a .image-title .active  {
  color: #ffffff;
}
/*ul.nav.menu li.active ul li.active a:hover .megamenu-icon {
  background-position: center;;
}
ul.nav.menu li.active ul li.active a:hover .image-title {
  color: #fff;
}*/

#subsubmenuwrapper ul.nav.menu .active a {
  background: white;
  color: black;
}

ul.nav.menu .item-101,
ul.nav.menu .item-157,
ul.nav.menu .item-158 {
    display: none;
}

.nav.menu li.nosubs .blackfade,
.nav.menu li.nosubs .megamenu {
    display:none;
}

ul.nav-child.unstyled.small .megamenu-icon {
  height: 50px;
  width: 50px;
    background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center;
}


ul.nav-child.unstyled.small .item-111 .megamenu-icon {
    height: 50px;
    width: 30px;
    background-size: 30px 30px;
}

.moduletable .custom label {
  text-transform: none;
  text-align: left;
}
.subcol {
  display: block;
  float: left;
  width: 100%;
}

select#selectservices {
  opacity: 0;
  width: 350px;
  padding: 7px 19px;
  font-size: 16px;
  line-height: 1;
  border-radius: 0;
  height: 50px;
  -webkit-appearance: none;
  position: absolute;
  left: 150px;
  top: 0;
  cursor: pointer;
}

.custom_chooseservice .overselect {
    width: 350px;
    background: #002f43;
    padding: 7px 19px;
    border: 1px solid #fff;
    border-radius: 0;
    height: 50px;
    font-family: 'museo_reg', sans-serif;
    font-size: 16px;
    line-height: 34px;
    color: #fff;
    float:left;
    position: relative;
    text-align: left;
    overflow: hidden;
}

.overselect:after{
  content: "\f107";
  font-family: 'FontAwesome', sans-serif;
  font-size: 36px;
  pointer-events: none;
  position: absolute;
  vertical-align: middle;
  right: 15px;
  top: 7px;
  color: #009fe3;
}
.custom_chooseservice button,
.custom_chooseservice a {
  width: auto;
  margin-left: 20px;
  background: #002f43;
  padding: 13px 19px !important;
  font-size: 14px;
  line-height: 1;
  border: 1px solid #fff !important;
  border-radius: 0;
  height: 50px !important;
  -webkit-appearance: none;
  color: #fff;
  text-transform: uppercase;
  font-family: 'museo_bold', sans-serif;
    cursor: pointer;
}
#mainwrapper {
  min-height: 100%;
  overflow-x: hidden;
  margin-left: 220px;
  position: relative;
}

#herowrapper {
  height: 420px;
}

.blocks h2 {
  text-align: center;
  margin-bottom: 60px;
  line-height: 1em;
}

.blocks .row h3 {
    position: relative;
    text-align: left;
    float: left;
    width: 100%;
}

.imageholder {
    overflow: hidden;
    position: relative;
    float:left;
    width: 100%;
  }

/*.parallaxheader {
    margin-top: 40px;
}*/

a .imageholder img {
    -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transition:-webkit-transform 0.2s linear 0s;
    transition:-webkit-transform 0.2s linear 0s;
    transition:transform 0.2s linear 0s;
    transition:transform 0.2s linear 0s, -webkit-transform 0.2s linear 0s;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

a:hover .imageholder img {
    -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
}

.imageholder img {
    vertical-align: bottom;
    width: 100%;
}

a .contentholder {
    color: #000;
    text-decoration: none;
    width: 100%;
}

.blue a .contentholder, a.blue .contentholder {
    color: #fff;
}

a.has_ani .contentholder {
    padding-bottom: 85px;
}

a.col, div.col {
    position: relative;
}

p.ani_readmore {
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 100%;
}

p.ani_readmore .btn {
    background: transparent -webkit-linear-gradient(left, #fff 50%, #009fe4 50.01%) repeat scroll left top / 200% auto;
    background: transparent linear-gradient(to right, #fff 50%, #009fe4 50.01%) repeat scroll left top / 200% auto;
    color: #fff;
    text-transform: uppercase;
    font-family: 'museo_bold', sans-serif;
    float: right;
    padding-left: 25px;
    text-decoration: none;
    -webkit-transition:background-position 0.2s linear 0s;
    transition: background-position 0.2s linear 0s;
    line-height: 55px;
}

#blogwrapper {
    padding-bottom: 0;
}

#blogwrapper.white p.ani_readmore .btn {
    background: transparent -webkit-linear-gradient(left, #ccdee6 50%, #009fe4 50.01%) repeat scroll left top / 200% auto;
    background: transparent linear-gradient(to right, #ccdee6 50%, #009fe4 50.01%) repeat scroll left top / 200% auto;
    color: #ccdee6;
}

.large .ani_readmore .btn, #blogwrapper.white .large p.ani_readmore .btn  {
    background: transparent -webkit-linear-gradient(left, transparent 50%, #009fe4 50.01%) repeat scroll left top / 200% auto;
    background: transparent linear-gradient(to right, transparent 50%, #009fe4 50.01%) repeat scroll left top / 200% auto;
}

.large p.ani_readmore .btn .link_focus {
    opacity: 0;
}

a:hover p.ani_readmore .btn, #blogwrapper.white a:hover p.ani_readmore .btn {
    background-position: right top;
}

a.large:hover p.ani_readmore .btn .link_focus {
    opacity: 1;
}

p.ani_readmore .btn .link_focus {
    float: left;
}

p.ani_readmore .btn .link_more::after {
    background-color: #fff;
    color: #000;
    float: right;
}

p.ani_readmore .btn .link_more::after {
    background-color: #ccdee6;
    color: #fff;
}

#blogwrapper.white p.ani_readmore .btn .link_more::after {
    background-color: #ffffff;
    color: #ccdee6;
}

p.ani_readmore .btn .link_more::after {
    content: "\f105";
    font-family: "FontAwesome";
    float: left;
    font-size: 24px;
    height: 55px;
    line-height: 54px;
    text-align: center;
    width: 55px;
    -webkit-transition:all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
a:hover p.ani_readmore .btn .link_more::after, #blogwrapper.white a:hover p.ani_readmore .btn .link_more::after {
    background-color: #009fe4;
}

a.btn, a p.readmore {
    background: #009fe4;
    color: #fff;
    text-transform: uppercase;
    font-family: 'museo_bold', sans-serif;
    text-decoration: none;
    padding: 10px 20px;
    float:left;
}

a.btn {
    -webkit-transition:all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a.btn:hover, a.first_cta, a.sec_cta:hover {
    background: #002f43;
}
a.sec_cta, a.first_cta:hover {
    background: #009Fe4;
}

a p.readmore {
    display: block;
    float: none;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
a p.readmore .link_focus {
    line-height: 34px;
    padding: 4px 8px;
}

.blue a p.readmore, a.blue p.readmore {
    background: #fff;
    color: #009fe4;
}

a.btn.darkblue {
    background: #186f97;
}

#phonewrapper {
    margin-bottom: 25px;
}

#phonewrapper li {
    float:left;
    margin-left: 25px;
    line-height: 50px;
    margin-top: 25px;
    margin-right: 25px;
}

.half h2 {
    line-height: 1em;
    margin-bottom: 55px;
}

.half p.readmore {
    margin-top: 55px;
}
.half.blue {
    background: transparent -webkit-linear-gradient(left, #009fe4 50%, #186f97 50.01%) repeat scroll left top / 200% auto;
    background: transparent linear-gradient(to right, #009fe4 50%, #186f97 50.01%) repeat scroll left top / 200% auto;
    -webkit-transition:background-position 0.2s linear 0s;
    transition: background-position 0.2s linear 0s;
}

.half.whitecolor {
    background: transparent -webkit-linear-gradient(right, #ffffff 50%, #eeeeee 50.01%) repeat scroll right top / 200% auto;
    background: transparent linear-gradient(to left, #ffffff 50%, #eeeeee 50.01%) repeat scroll right top / 200% auto;
    -webkit-transition:background-position 0.2s linear 0s;
    transition: background-position 0.2s linear 0s;
}

.half.blue:hover {
    background-position: right top;
}

.half.whitecolor:hover {
    background-position: left top;
}

.article-page .bgimage {
    background-position: center center;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.article-page .videoholder {
    position: relative;
}

.article-page .bgvideo {
    width: 100%;
    opacity: 0.8;
}

.article-page .bgvideo video {
    vertical-align: bottom;
    width: 100%;
}

.article-page .videoholder .headerholder {
    /*display: flex;*/
    height: 100%;
    left: 0;
    position: absolute;
    /*top: 60px;*/
    /*vertical-align: middle;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}

.article-page .imageholder .headerholder {
    bottom: 0;
    display: table;
    float: none;
    left: auto;
    position: absolute;
    top: 0;
    vertical-align: middle;
}

.article-page .imageholder .headerholder .header {
}

.article-page .imageholder .headerholder {
    color: #fff;
}

.article-page .imageholder.white .headerholder {
    color: #000;
}

body.diensten.article #contentwrapper {
    margin-top: 60px;
}

#contentwrapper .imageholder + .contentholder {
    /*margin-top: 100px;*/
}
#infiniteContent .imageholder {
    margin-bottom: 60px;
}
.article-page .contentholder {
    position: relative;
    background: #fff;
}

.article-page .contentholder.lightblue {
    background: #ccdee6;
}

/*#categorynews_blog_holder {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    width: 100%;
}

#categorynews_blog_holder .item_col {
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
} */

#categorynews_blog_holder {
    overflow: hidden;
}

.grid {
    width: 100%;
    float: left;
}

.tagssimilar .grid {
    width: 100%;
}

.item_col, .grid-sizer, .item_col.span_5, .grid-sizer.span_5 {
    float: left;
    width: 28.33333%;
    display: block;
}

.item_col.large {
    width: 61.66666%;
    overflow: hidden;
}

.item_col {
    margin-bottom: 5%;
}

.gutter-sizer {
    width: 5%;
    float: left;
}

.colholder, .grid .colholder img, .grid .item_col a, .grid .item_col .contentholder {
    float:left;
    width: 100%;
}

.tagssimilar .grid .item_col .contentholder {
  text-align: left;
    padding: 0 40px;
    margin-top: -100px;
    background: transparent;
    color: #fff;
    font-family: 'museo_bold';
    font-size: 22px;
    text-shadow: 0px 0px 15px #000;
}

.grid .colholder {
    position: relative;
    background: #fff;
}

.colholder h2 {
    font-size: 18px;
}

.grid .normal .colholder, #category_blog_holder .colholder {
    padding-bottom: 55px;
}

.grid .item_col.lightblue .colholder {
    background: #ccdee6;
}

.grid .black .colholder {
    background: #000;
}

.large .colholder .contentholder {
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 50px;
    position: absolute;
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}

.large .colholder .contentholder h2 {
    text-shadow: 0px 0px 15px #000;
}

.date time {
    font-size: 16px;
}

.goback {
    background: transparent -webkit-linear-gradient(left, #009fe4 50%, #002f43 50.01%) repeat scroll left top / 200% auto;
    background: transparent linear-gradient(to right, #009fe4 50%, #002f43 50.01%) repeat scroll left top / 200% auto;
    color: #fff;
    padding: 10px;
    -webkit-transition:background-position 0.2s linear 0s;
    transition: background-position 0.2s linear 0s;
    /*text-transform: uppercase;*/
}

.goback:hover {
    background-position: right top;
}

.goback::before {
    content: "‹";
    margin-right: 15px;
}

#video_bg {
    width: 50%;
    float: right;
    position: relative;
}

#video_bg video{
    float:left;
    width: 100%;
}

.hasvideo {
    overflow: hidden;
}

.hasvideo #category_intro_bg {
    padding: 0;
}


.fallbackimage {
    height: 30vh;
}

.videomask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/videomask.png) no-repeat left top/ auto 100%;
}

.contentholder blockquote::before {
    content: "“";
    font-size: 60px;
    left: -60px;
    position: absolute;
    top: 0;
}
.contentholder blockquote {
    border-left: 3px solid #ccdee6;
    color: #009fe3;
    font-family: 'museo_italic', sans-serif;
    font-size: 24px;
    line-height: 2em;
    margin: 50px 0 50px -28px;
    padding-left: 25px;
    position: relative;
}

.contentholder blockquote cite::before {
    content: "—";
    margin-right: 10px;
}

.contentholder blockquote cite a {
    color: #002f43;
    font-family: 'museo_reg', sans-serif;
    font-size: 18px;
    font-style: normal;
    position: relative;
}

#subsubmenuwrapper {
  background: #002f43;
  position: fixed;
  /*padding-right: 140px;*/
    top: 0;
    left: 220px;
    z-index: 10000;
    right: 0;
}

#subsubmenuwrapper a, #subsubsubmenuwrapper a {
    color: #fff;
    text-decoration: none;
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
    -webkit-transition:all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

#subsubsubmenu .nav.menu a:hover {
  background: #009FE4;
  -webkit-transition:all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#subsubmenu ul.menu, #subsubsubmenu ul.menu {
    /*margin-left: -25px;*/
}

#subsubsubmenuwrapper {
    z-index: 111;
    background: #fff;
    position: relative;
}

#subsubsubmenuwrapper a {
    color: #586c76;
}

#subsubmenuwrapper li.active a {
    background: #121212;
    color: #009ee3;
    width: 100%;
}

#subsubsubmenuwrapper li.active a {
    background: #ccdee6;
    color: #002f43;
}

.contentholder.splitcontent {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #ccdee6;
	align-items: center;
}

@media screen and (max-width: 1280px) {
	.contentholder.splitcontent {
		flex-direction: column;
	}

	.contentholder.splitcontent .half{
		width: 100%;
	}
}

.contentholder.splitcontent img {
    width: 100%;
}

#youtubewrapper {
/*
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
            align-items: stretch;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    background: #000;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
*/
	position:relative;
/*	padding-bottom:56.25%;*/

	padding-top:30px;
	height:0;
	overflow:hidden;
}

#youtubewrapper iframe {
/*    vertical-align: middle;*/
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media only screen and (max-width:768px){
	#youtubewrapper {
		width: 100% !important;
	}
}
@media only screen and (max-width:1160px){
	#youtubewrapper {
		width: 100% !important;
	}
}

@media only screen and (max-width:1280px){
	#youtubewrapper {
		padding-bottom:56.25% !important;
	    margin-left: 0px;
		margin-top: 30px;
	}
}
@media only screen and (min-width:1280px) {
	#youtubewrapper {
		padding-bottom:23.125%;
	}
}


#howto h3 {
    font-size: 22px;
    color: #002f43;
    float:none;
    width: 90%;
    position:relative;
    margin-bottom: 30px;
}

#howto .contentholdertext.wide {
  float: none;
  background: transparent;
  margin-bottom: 40px;
}
#howto h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -25px;
    height: 5px;
    width: 60px;
    background: #009fe3;
    float: left;
}

#howto {
    counter-reset: section;
}

#howto .step {
    margin-top:60px;
    float:left;
    width: 100%;
    position: relative;
}

#howto .step h3::before {
    content: counter(section, decimal);
    counter-increment: section;
    font-size: 75px;
    left: -60px;
    position: absolute;
    top: 20px;
    color: #009fe3;
    font-family: 'museo_reg', sans-serif;
}
#howto .image-left.step h3::before {
  left: 51%;
}
#howto .image-left.step h3::after {
  bottom: -27px;
  left: 50%;
    -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
            transform: translateX(100%);
}
#howto .imageholder {
    width: 50%;
    margin: 0 0 20px 20px;
    float: right;
    position: relative;
}
#howto .image-right .imageholder {
    margin: 0 0 20px 50px;
}
#howto .image-left .imageholder {
    margin: 0 20px 40px 0;
}
#howto .image-left .imageholder {
    float:left;
    margin-right: 60px;
}

#howto .contentholder {
    float:none;
    width: 100%;
    background: transparent;
}

#howto .noimg .contentholder {
    position: static;
    width: 100%;
}

#howto .noimg .contentholder .contentholdertext {
    padding: 50px 0 60px;
}

#howto .image-left .contentholder {
    float: none;
    right: 0;
    background: transparent;
}

#howto .image-left h3 {
    margin-left: 45px;
}

/* TODO temp solution */

.noimg {
  height: auto;
  padding: 60px 0;
    position: relative;
    height: 300px;

}
.import-vanuit-de-vs .noimg {
}

.contentholdertext {
    background: #fff;
}

.image-right .whitespace {
    /*padding: 60px 0;*/
}

.image-left .whitespace {
    /*padding: 60px 0;*/
}

.external_buttons {
  margin: 10px 0;
}

/*Buttons which are deleted*/

/*button.arrow.invisible.visible-text {
  color: #fff;
  border: 0;
  cursor: pointer;
  display: block;
  text-align: center;
  position: relative;
  background: transparent;
  float: right;
  width: 100%;
  margin: 4px 0;
}

button.arrow.invisible.visible-text a {
  font-family: "museo_bold", sans-serif;
  font-size: 16px;
  padding: 0 16px;
  color: #002f43;
  background: transparent;
  border: 0;
}

button.arrow.invisible.visible-text::before {
  position: absolute;
  width: 40px;
  right: -34px;
  top: 2px;
  bottom: 3px;
  background: #CCDEE6;
  color: #fff;
  content: "";
  font-family: "museo_lite", sans-serif;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

button.arrow.invisible.visible-text:hover::before {
  background: #009fe4;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

button.arrow.invisible.visible-text:hover::after {
  right: -24px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

button.arrow.invisible.visible-text::after {
  position: absolute;
  right: -20px;
  top: 6px;
  font-size: 36px;
  top: 5px;
  color: #fff;
  content: "\f105";
  font-family: "museo_lite", sans-serif;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}*/

.article-page.item-page .articlebody h2 {
    font-size: 36px;
    margin-top: 35px;
    color: #002f43;
    line-height: 1.3em;
}
.articlebody h2.xl {
    margin-bottom: 35px;
    margin-top: 35px;
}
.contact .article-page.item-page .articlebody .location h2 {
    font-size: 18px;
    margin-top: 0;
    color: #000000;
    line-height: 1.8em;
}
.article-page.item-page .articlebody h3 {
  margin-top: 30px;
    font-size: 28px;
    color: #002f43;
    line-height: 1.8em;
}
.article-page.item-page .articlebody li, .mid li  {
  position: relative;
  margin-bottom: 10px;
  margin-left: 32px;
}

.home .mid li  {
    margin-left:0;
}

.contact .article-page.item-page .articlebody li {
    margin-bottom:0;
}
.article-page.item-page .contentholder ul.no-styling li::before {
    display: none;
}

.article-page.item-page .contentholder ol {
  list-style: decimal;
  margin-left: 22px;
}

.article-page.item-page .contentholder ul li::before {
    content: "\f105";
    font-family: 'FontAwesome', sans-serif;
    font-size: 14px;
    position: absolute;
    vertical-align: middle;
    left: -30px;
    top: 0px;
    color: #002f43;
}


.article-page.item-page .contentholder ul.form li::before {
    display: none;
}
.article-page.item-page .articlebody {
  margin-bottom: 40px;
}

body.contact .article-page.item-page .articlebody {
    margin-bottom: 0;
}

body.contact .content.mid {
    padding: 0;
}

.article-page.item-page .articlebody img {
    width: 120%;
    height: auto;
    margin-left: -10%;
}

/*CTA Styling*/
/*.prev-next .ctabox {*/
  /*width: 290px;*/
  /*background: #00212f;*/
  /*padding: 30px;*/
  /*display: inline-block;*/
  /*margin-top: 18px;*/
  /*float: left;*/
  /*margin-left: -100px;*/
/*}*/

.prev-next .ctabox {
    background: #00212f;
    color: #fff;
    float: left;
    left: -290px;
    padding: 30px;
    position: absolute;
    top: 60px;
    width: 240px;
    font-size: 20px;
    font-family: 'museo_reg', sans-serif;
}

.prev-next .ctabox.fixed {
    position: fixed;
    top: 115px;
    z-index: 29;
}
.prev-next .ctabox .pricefield {
  background: #009FE4;
  padding: 10px;
  font-size: 30px;
  line-height: 44px;
  margin-top: 20px;
  font-family: "museo_bold";
}

.prev-next .ctabox.fixed.done {
    position: absolute;
    /*bottom: 0px;*/
    top: auto;
}

.prev-next .ctabox h1 {
  padding-bottom: 15px;
}
.prev-next .ctabox a {
  background: #009fe3;
  width: 100%;
  display: block;
  padding: 10px 20px;
  text-align: center;
}
.ctabox .pricetitle {
  font-family: "museo_bold", sans-serif;
}
.ctabox .pricenote {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
.price-page .articlebody {
  padding-left: 390px;
  display: inline-block;
  margin-left: -290px;
}
.article-page .ctabox p, .article-page .ctabox h1, .article-page .ctabox a {
  color: #fff;
}

/*Offerte*/
#subsubsubmenuwrapper.offerte-tab {
  background: #ccdee6;
  width: 100%;
  margin-top: 0;
}
#subsubsubmenuwrapper.offerte-tab h3 {
  margin-bottom: 0;
  float: left;
  padding: 0 30px;
  background: #fff;
}
.price-holder h3 {
  padding: 20px 30px;
  background: #fff;
  margin-top: -90px;
  float: left;
  font-size: 28px;
}
.contentholder.wide.price-holder {
  float: left;
  padding-top: 0;
  padding-bottom: 120px;
  width: 100%;
}
/*Blog author*/
#blog-author img {
  float: left;
  margin-right: 30px;
  margin-left: 0;
  max-width: 110px;
  max-height: 90px;
    margin-bottom:12px;
}
#blog-author p {
  margin-bottom: 0;
}
#blog-author h3 {
  font-size: 28px;
  margin-bottom: 40px;
}
#blog-author h4 {
  line-height: 1.4em;
}
#blog-author .author .social i {
    color: #fff;
    background: #009fe4;
    margin-left: 0;
}

#blog-author .author .social i:hover {
    color: #009fe4
}
#blog-author .share {
  margin-top: 40px;
}
#blog-author .share i {
  width: 50px;
  height: 50px;
  background: #009fe4;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding-top: 12px;
  float: left;
}

#blog-author .share a {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
#blog-author .share a:hover i {
    color: #009FE4;
    background: #fff;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
#blog-author .share h3 {
    font-size: 22px;
    margin-left: 0px;
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

#contactform {
  background-image: url('../images/contact_map.jpg');
  background-repeat: no-repeat;
  background-position: center;
    border-top: 3px solid #002F43;
}
#contactform .jpforms {
  position: relative;
  width: 520px;
  float:right;
  padding: 50px;
  background: #fff;
}
select, .calculator select {
    border-radius: 0;
    margin-left: -5px;
    background: #fff;
}
.calculator {
  position: relative;
}
.calculator .tabs {
  position:absolute;
  top: -72px
}
.calculator .on-new {
  background: #fff;
}
.calculator .on-used {
  background: #CCDEE6;
}
.calculator .tabs span {
  display: inline-block;
  padding: 20px 30px;
}
.calculator p {
  width: 230px;
  padding-right: 10px;
  font-size: 16px;
}
.calculator p, .calculator input, .calculator select, .dropdown select {
  display: inline-block;
  height: 50px;
  margin-bottom: 10px;
  padding: 10px 20px;
  border: 1px solid #002F43;
  font-family: "museo_reg";
  font-size: 18px;
  position: relative;
}
.quotes form select {
  border: 1px solid #CCDEE6;
}
.calculator input, .calculator select, .dropdown select {
  width: 280px;
}
.calculator .selection, form .selection {
  position: relative;
}

.dropdown {
    width: 100%;
}

.left.dropdown {
    width: auto;
}


.calculator .selection::before, .dropdown::before {
  content: "\f105";
    font-family: "FontAwesome";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 6px;
  top: 10px;
  font-size: 38px;
  z-index: 100;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #009fe4;
  pointer-events: none;
  background: #fff;
  padding: 6px 6px 15px 6px;
}
.calculator form {
  padding: 60px 20px;
  margin: 0;
  margin-top: -60px;
}
.contentholder .mid .calculator form h3 {
  font-size: 20px;
  display: inline-block;
  width: 200px;
  margin-top: 40px;
}
.calculator span.estimate {
  display: inline-block;
  background: #009fe4;
  padding: 10px 30px;
  color: #fff;
  float: right;
  margin-right: 8px;
  font-family: 'museo_bold';
}
.bpm-calc .mid.xs h1::before {
  content: "";
  width: 36px;
  height: 47px;
  background-image: url('../../../images/calculator.png');
  position: absolute;
  left: -60px;
  top: 15px;
}
.mid.xs .bpm-berekenen h2 {
  margin-left: 50px;
  margin-bottom: 20px;
}
.diensten .contentholder.wide.lightblue.padding.double {
  padding-bottom: 120px;
}
.bpm-export h2 {
  margin-bottom: 20px;
}
.bpm-export img {
  margin: 40px;
  margin-left: -70px;
}
.calculator .column {
  width: 560px;
  display: inline-block;
  float: left;
}

form .column.input div {
  width: 100%;
  display: block;
}

form .column.input div label,
form .selection label {
  width: 38%;
  margin-right: 1%;
  display: inline-block;
}

form .column.input div input, form .column.input div select, .dropdown select {
  width: 59%;
}

form .column.input div select,
.dropdown select{
  margin-left: 0px;
}

form textarea {
    width: 100%;
    float: left;
    min-height: 200px;
}


.column.results {
  width: 480px;
  float: right;
  margin-top: 64px;
}
.column.results input {
  background: #ccdee6;
}
.column.results table tr {
  font-size: 16px;
  height: 50px;
  border-bottom: 1px solid #d0e0e8;
}
.column.results table tr td {
  position: relative;
  padding: 10px 0 28px;
  width: 330px;
  vertical-align: middle;
}
.column.results table tr td:nth-child(2n+0) {
  text-align: right;
  width: 150px;
}
.column.results table tr.total td {
  font-size: 20px;
}
.calculator .column h2 {
  margin-bottom: 24px;
}
.column.results table tr.no-pseudo {
  border-bottom: 2px solid #002f43;
}
.column.results table tr.total {
  border-bottom: 0;
}
.custom.wathetkost h1, .custom.wathetkost p {
  text-align: center;
  margin-bottom: 40px;
}
.custom.wathetkost .row {
  display: block;
  height: 71px;
  padding: 16px;
  width: 100%;
  margin: 0;
}

/*Table styling*/

table {
  width: 100%;
  margin-top: 20px;
}
table thead {
  padding: 0 2px;
  background: #002F43;
  color: #fff;
  font-size: 20px;
  font-family: "museo_bold", sans-serif;
}
table tr td {
  padding: 4px 8px;
}
table tbody tr:nth-child(even) {
  background-color: #CCDEE6;
}

.row button {
  height: 35px;
  width: 150px;
  padding-right: 10px;
  text-transform: none;
  position: relative;
  color: #fff;
  font-size: 18px;
  background: #009fe4;
  border: 0;
}
.row button::after {
  content: "\f105";
    font-family: "FontAwesome";
  font-size: 30px;
  position: absolute;
  top: -2px;
  right: 12px;
}

.custom.wathetkost .row .meer-info {
  text-align: center;
  vertical-align: top;
}

.custom.wathetkost .row .function, .custom.wathetkost .row .price, .custom.wathetkost .row .meer-info {
  width: 20%;
  display: inline-block;
}

.custom.wathetkost .row .delivery {
  width: 38%;
  display: inline-block;
}

.jpforms li::before {
  content: none;
}

.contact.formholder {
  max-width: 520px;
  position: relative;
  float: right;
}

.article-page.item-page .articlebody .jpforms li {
  margin: 0;
  padding: 0;
  margin: 0 0 10px 0;
    float: left;
    width: 100%;
}

.jpforms li label.message {
  display: none;
}

.jpforms li textarea {
  background: #fff;
  border-radius: 0;
  height: 180px;
  margin: 0;
  border: 1px solid #d0e0e8;
  padding: 10px 20px;
  width: 100%;
  font-size: 18px;
}
.jpforms li label, .jpforms li input {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.jpforms li label {
}
.jpforms li input {
  width: 69%;
  border-radius: 0;
  background: #fff;
  border: 1px solid #d0e0e8;
}
/*.jpforms em.required {*/
  /*display: none;*/
/*}*/
.jpforms input[type=button] {
  background: #009fe4;
  font-family: 'museo_bold';
    cursor: pointer;
}

#contactform .jpforms input[type=button] {
    text-transform: uppercase;
    width: auto;
}

.formholder .moduletable {
  float: left;
  width: 100%;
  background: #fff;
}
#contact .formholder {
  width: 520px;
  float: right;
    margin: 60px 0;
    padding-left: 0;
}
#contact .tabs div {
  display: inline-block;
}
#contact .tabs p {
  margin: 0;
}
#contact .tabs div {
  padding: 15px 30px;
  float: left;
  text-align: center;
}

#contact .tabs div a {
    color: #000;
}
.tabs .offerte {
  background-color: #ccdee6;
}
.tabs .contact {
  background-color: #ffffff;
}
.formholder .direct, .formholder .social {
  float: left;
  width: 100%;
  background: #fff;
}
.formholder .direct, .formholder .social {
padding: 40px 50px;
  border-top: 1px solid #dadada;
}
.formholder .direct div {
  float: right;
}

.formholder .direct div a {
    color: #000;
}

.formholder .direct div.email {
    float: left;
}
.formholder .direct span {
  color: #009fe4;
  display: inline-block;
  margin-right: 10px;
}

#contactform .formholder p {
  display: inline-block;
}

.formholder .social-wrap {
  float: right;
  display: inline-block;
}
.social-wrap i {
  margin: 0 15px;
  font-size: 22px;
}

.social-wrap i:first-child {
    margin-left: 0;
}

.social-wrap a {
    color: #000;
}

a.marker {
  background: url(../images/map_pin.png) no-repeat;
  background-size: 40px 54px;
  width: 40px;
  height: 54px;
  position: absolute;
  left: 50%;
  display: block;
  top: 795px;
  margin-left: -351px;
}
.location {
  background: none repeat scroll 0 0 #fff;
  float: left;
  margin-top: 290px;
  position: absolute;
  left: 50%;
  display: block;
  top: 0;
  margin-left: -384px;
}
.location li::before {
  content: none;
}
.location li {
  margin: 0;
}
.location::before {
  border-top: 20px solid white;
  border-left: 25px solid rgba(255, 255, 255, 0);
  border-right: 25px solid rgba(255, 255, 255, 0);
  content: "";
  float: left;
  height: 0;
  position: absolute;
    left: 25px;
  bottom: -20px;
  -ms-transform: scale(0.9999);
      -webkit-transform: scale(0.9999);
          transform: scale(0.9999);
  width: 0;
}
.bezoek {
  border-bottom: 1px solid #ededed;
}
.location h2,
.location h3,
.location h4 {
  font-size: 18px;
  font-family: "museo_bold", sans-serif;
    margin-top: 0px;
}

.location a {
    color: #009fe4;
}
.location p {
  font-size: 18px;
  font-family: "museo_reg", sans-serif;
}
.bezoek, .post {
  padding: 50px 55px
}
.cat_id_9 h1 {
  line-height: 1.6;
}
.cat_id_9 .page-header {
  max-width: 640px;
  margin: 0 auto;
  text-align: left;
}

.faq .vertical-absolute,
.blog .parallaxheader .page-header,
.hasheaderintro.page-header{
    text-align: left !important;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}

.page-header .category-desc {
    width: 100%;
}

.blog .category-desc {
    text-shadow: 0px 0px 15px #000;
}

body.faq .category-desc,
.blog .page-header .category-desc {
    width: 50%;
}

.hasheaderintro.page-header {
    width: 100%;
}

.hasheaderintro p {
    color: #fff !important;
}

.page-header .category-desc a {
  margin-top: 24px;
  background: #002F43;
}
.page-header .category-desc a:hover {
  background: #009FE4;
}
.article .page-header {
  text-align: center;
    position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}
.blog .colholder .page-header {
    position: static;
    -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
            transform: translateY(0);
    -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
            transform: translateX(0);

}
.diensten .vertical-absolute {
    position: absolute;
    top: 50%;
    left: auto;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.diensten .vertical-absolute .category-desc {
    width: 50%;
}

figure img {
  max-width: 820px;
  margin-bottom: 20px;
  margin-left: -100px;
}
figure figcaption {
  font-family: 'museo_italic', sans-serif;
  color: #525252;
}
.cat_id_9 .wide.articlebody h1 {
  font-size: 36px;
  margin-bottom: 20px;
}
.cat_id_9 p {
  margin-bottom: 40px;
  color: #002f43;
}
.cat_id_9 .external-link {
  position: relative;
}
.cat_id_9 .external-link .external-anchor {
  position: absolute;
  font-size: 15px;
  color: #6d96a7;
  right: -220px;
  top: 0;
  max-width: 150px;
}
.cat_id_9 .external-link .external-anchor::before {
  content: "\f192";
  font-family: "FontAwesome";
  font-size: 15px;
  color: #6d96a7;
  position: absolute;
  left: -50px;
  top: 0;
}
/*Slider styling*/

.slide img {
  width: 1700px;
}
.navigation-wrapper {
  max-width: 100%;
  width: 100% !important;
}
.navigation-button {
  display: none !important;
}
.navigation-wrapper ul.navigation {
  width: 100%;
}
.navigation-wrapper .navigation-previous, .navigation-wrapper .navigation-next {
    width: 100px !important;
    height: 100px;
    text-align: center;
    line-height: 80px;
    font-size: 120px;
}

.navigation-wrapper .navigation-next a, .navigation-wrapper .navigation-previous a {
    color: #fff;
    padding: 0;
    font-family: "museo_lite", sans-serif;
}
.navigation-wrapper .navigation-next a:hover, .navigation-wrapper .navigation-previous:hover {
    padding: 0;
    color: #fff !important;
}
.fpss-container.fpss-template-simple .slides-wrapper .slides .slide .slidetext {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 250px;
    width: 400px;
    bottom: auto;
    left: auto;
    margin: 0;
    z-index: 1;
    background: transparent;
    font-family: "museo_reg", sans-serif;
}
.fpss-container.fpss-template-simple .slides-wrapper .slides .slide .slidetext h1 a {
    font-family: 'museo_bold', sans-serif !important;
}

.slidetext p,
.slidetext h1 {
    text-shadow: 0px 0px 15px #000;
}

.fpss-template-simple .slidetext h1 a:hover, .fpss-template-simple .slidetext a.fpssReadMore:hover, .fpss-template-simple ul.navigation li:hover a {
    color: #fff;
}
#fpssContainer104 a, #fpssContainer104 a:hover {
    padding: 0;
    border: 0;
}
.fpss-template-simple .slidetext h1, .fpss-template-simple .slidetext h1 a {
    font-size: 40px;
}
#fpssContainer104 a, #fpssContainer104 a:hover {
    -webkit-transition:all 0.25s ease-in;
    transition: all 0.25s ease-in;
    background: none;
}
#fpssContainer104 .slide .slidetext a.fpssReadMore, #findwrapper #find.mid.xl .custom .arrow_button {
    padding-right: 35px;
    text-transform: uppercase;
    position: relative;
}
#fpssContainer104 .slide .slidetext a.fpssReadMore {
    padding: 15px 35px 15px 16px;
    background: #009fe4;
    color: #fff;
    font-family: 'museo_bold', sans-serif;
}
#findwrapper #find.mid.xl .custom .arrow_button::after {
    position: absolute;
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 24px;
    color: #fff;
    top: 1px;
    right: 14px;
}
#findwrapper #find.mid.xl .custom #findcta .arrow_button::after {
    top: 10px;
}
#fpssContainer104 .slide .slidetext a.fpssReadMore:hover {
    background: #002F43;
}
#fpssContainer104 .slide .slidetext a.fpssReadMore::after {
    position: absolute;
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 24px;
    color: #fff;
    top: 15px;
    right: 14px;
}
#fpssContainer104 .slidetext h1 {
    padding-bottom: 20px;
}
#fpssContainer104 .slidetext p {
    padding-bottom: 40px;
}
#fpssContainer104.fpss-template-simple div.navigation-wrapper {
    position: static;
}
.fpss-template-simple ul.navigation li.navigation-previous, .fpss-template-simple ul.navigation li.navigation-next {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    margin-top: -50px;
}
.fpss-template-simple ul.navigation li.navigation-next {
    right: 0;
    left: auto;
}
.fpss-template-simple .slide span{
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.8;
}
.fpss-template-simple:hover .slide span{

}
/*Quote form styling*/
.quotes {
  padding: 0 0 90px;
}
.quotes .checkboxes.quad_line {
  height: 240px;
}
.quotes .checkboxes.five_line {
    height: 290px;
}
.quotes .checkboxes.duo_line {
  height: 120px;
}
.quotes .checkboxes ul {
  width: 50%;
  float: left;
}
/*.quotes .checkboxes.five_line ul, .quotes .checkboxes.quad_line ul {*/
  /*margin-top: 50px;*/
/*}*/
.contentholder .moduletable.mid form li::before {
  content: none;
}
.quotes ul.form {
  width: 640px;
    float: left;

}

.quotes form {
    float: left;width: 100%;
}
/*.quotes ul.form em {*/
  /*display: none;*/
/*}*/
.quotes .radio.horizontal .selection {
  padding-right: 20px;
  float: right;
  width: 60%;
}
.quotes .radio.horizontal.genderli .selection label {
    width: 25%;
    margin: 0;
    padding: 0;
    line-height: 50px;
    margin-left: 50px;
}
.quotes .radio.horizontal.genderli label {
    line-height: 50px;
}
.quotes .radio.vertical .selection {
  width: 100%;
  position: relative;
  padding: 10px 0;
}
.quotes .radio.vertical .selection .shipping {
  height: 140px
}
.quotes .radio.vertical {
  height: 140px;
}
.quotes .radio.vertical.two_rows {
  height: 100px;
}
.quotes .textarea {
  height: 190px;
}

.quotes .hidden {
	display: none;
}

.quotes .textarea + .textarea {
	margin-top: 10px;
}

.quotes .radio.vertical .selection li {
  float: right;
  width: 100%;
    margin: 0;
}
.quotes .radio.vertical.urlli .selection {
	float: left;
	margin-left: 0;
}

.quotes .radio.vertical.urlli .selection label {
	margin: 0 40px;
	float: left;
	display: inline-block;
}

.quotes .radio.vertical.urlli .selection input {
	position: inherit;
	margin-right: 15px;
}

.quotes ul li {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.quotes ul li.button {
  clear: both;
  top: 0;
  margin-bottom: 80px;
}

.quotes ul li.double span {
  display: inline-block;
    float: left;
}
.quotes ul li.double span.tussenvoegsel {
  width: 25%;
  margin-right: 5%;
  float: left;
}
.quotes ul li.double span.achternaam {
  width: 70%;
}
.quotes ul .double span.achternaam label {
  left: calc(30% + 20px);
}
.quotes ul li.genderli label, .quotes ul li.genderli input, .jpforms li input{
  /*height: 50px;*/
  display: inline-block;
}
.quotes ul li.horizontal input {
  vertical-align: middle;
    margin-top: 18px;
    width: auto;
  margin-right: 0px;
    position: static;
}

.quotes li input[type=text],
.quotes li input[type=email],
.quotes li input[type=password],
.quotes li input[type=number],
.quotes li input[type=tel],
.quotes li input[type=url],
textarea,
input[type=button],
.jpforms li input {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 0;
  background: transparent;
  border: 1px solid #d0e0e8;
  z-index: 3;
  padding: 14px 24px;
  font-size: 18px;
  z-index: 99;
    box-shadow: none !important;
}

.zoeken input.inputbox {
    box-shadow: none !important;
    padding: 14px 24px;
    font-size: 18px;
    display: block;
    height: 50px;
    border-radius: 0;
    border: 0 none;
    width: 100%;
}

.zoeken-btn {
    box-shadow: none !important;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    display: block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border: 0 none;

}
.zoeken-btn:hover {
    background-color: #009FE4;
}

.zoeken-btn button,
.zoeken-btn button span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    fill: #fff;
}

textarea {
    height: 150px;
}
.quotes .radio.vertical ul.selection {
  position: relative;
  float: right;
  display: inline-block;
  width: 60%;
  padding: 0;
}
.quotes .radio.vertical ul.selection li {
    position: static;
}
.quotes .radio.vertical ul.selection li label {
  font-size: 14px;
  padding: 0;
  position: static;
  float: right;
  top: 40px;
  left: 70%;
  right: 0%;
  bottom: 40px;
  padding: 10px;
  font-size: 18px;
  background-color: rgba(0, 159, 227, 0.5);
}
.quotes .checkboxes ul li input{
  margin: 20px 0;
}
.quotes .radio.vertical .selection li input:not(:checked) + label span {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  left: 70%;
  top: 20px;
  bottom: 20px;
  text-align: center;
    -webkit-transition:all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.quotes .radio.vertical .selection li input:checked + label span {
  opacity: 1;
    line-height:30px;
  pointer-events: none;
  position: absolute;
  right: -50%;
  left: 103%;
  top: 0;
  color: #fff;
  padding: 10px;
  bottom: 10px;
  background-color: rgba(0, 159, 227, 0.5);
  text-align: center;
  -webkit-transition:all 0.25s ease-in;
  transition: all 0.25s ease-in;
  white-space: normal;

}
.quotes .radio.vertical .selection li input:checked + label {
  -webkit-transition:all 0.25s ease-in;
  transition: all 0.25s ease-in;
  top: 10px;
  bottom: 10px;
  opacity: 1;
  right: -31%;
  left: 100%;
}
.quotes .radio.vertical .selection li input:required + label {
  left: 40%;
  right: 60px;
  padding: 0;
  margin: 0;
  top: auto;
  bottom: auto;

  background: transparent;
  color: #000;
  width:100%;
	padding-left: 15%;
	text-align: left;
}
.quotes li label, .jpforms li label {
  -webkit-transition:all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: absolute;
  color: #002f43;
  padding: 10px 6px;
  top: 0;
  bottom: 0;
  left: 20px;
  z-index: 2;
}
.quotes li label.newsletter_label {
    float: left;
    margin-left: -50px;
    padding-left: 40px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 1;
}

.quotes li.checkbox-list {
   margin-top: 0;
   padding-top: 0
}

.quotes li input:focus, .jpforms li input:focus {
  border: 1px solid #002f43;
}

.quotes li span input.optional[type=text] + label {
  left: auto;
  right: 100%;
  color: #fff;
  background-color: rgba(0, 159, 227, 0.5);
  padding: 10px 10px;
  opacity: 0;
  width: auto;
}

.quotes li span input[type=text]:optional + label {
  opacity: 0;
  color: #fff;
  text-align: center;
}

.quotes li span input[type=text]:optional:focus + label{
  left: -30%;
  right: 100%;
  opacity: 1;
  background: rgba(204, 221, 239, 0.6);
}

.quotes li input[type=text]:focus:required + label, .quotes li input[type=password]:focus:required + label, .quotes li input[type=email]:focus:required + label,
.quotes li input[type=number]:focus:required + label, .quotes li input[type=url]:focus:required + label, .quotes li input[type=text]:focus:required + label, .jpforms li input:focus + label {
  -webkit-transition:all 0.25s ease-in;
  transition: all 0.25s ease-in;
  text-align: center;
  background: #002f43;
  color: #fff;
  z-index: 2;
  right: 0;
  top: 0;
  bottom: 0;
  left: 57%;
}
.quotes li input:valid:required, .jpforms li input:valid:required {
  -webkit-transition:all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.quotes li.checkbox-list input:valid:required, .jpforms li.checkbox-list input:valid:required {
  -webkit-transition:none;
  transition:none;
}

.quotes li input:valid:required + label, .jpforms li input:valid:required + label {
  -webkit-transition:all 0.25s ease-in;
  transition: all 0.25s ease-in;
  left: 100%;
  right: -30%;
  width: auto;
  background: #009fe3;
  padding: 10px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

.quotes li.checkbox-list input:valid:required + label, .jpforms li.checkbox-list input:valid:required + label {
  -webkit-transition:none;
  transition:none;
}

.quotes li input[type=checkbox]:valid:required + label, .jpforms li input[type=checkbox]:valid:required + label {
  -webkit-transition:none;
  transition: none;
  left: 104px;
  right: inherit;
  width: 100%;
  background: none;
  padding: inherit;
  color: #002f43;
  white-space: normal;
  text-align: left

}

/*.quotes li input:valid:required + label::after {*/
  /*content: "*";*/
  /*color: #fff;*/
/*}*/
.quotes li input.optional[type=text]:focus + label, .quotes li textarea.optional:required:focus + label {
  background: rgba(0, 47, 67, 0.7);
  right: 0;
  top: 0;
  bottom: 0;
  left: 70%;
  text-align: center;
  color: #fff;
}
.quotes li input.optional:required + label::after {
  content: "";
}
.quotes li input.optional:valid:required + label, .quotes li textarea.optional:required:valid + label {
  background: #CCDEE6;
  color: #fff;
  text-align: center;
  left: 100%;
  right: -30%;
}

.jpforms em.required,
.quotes em.required {
    font-size: 10px;
    margin: 3px;
    position: relative;
    top: -7px;
    color: #009FE4;
}

.jpforms li input:valid:required + label em,
.quotes li input:valid:required + label em {
    color:#ffffff;
}
/*.quotes li input:required + label::after {*/
  /*content: "*";*/
  /*font-size: 10px;*/
  /*margin: 3px;*/
  /*position: relative;*/
  /*top: -7px;*/
  /*color: #009FE4;*/
/*}*/
.quotes li input:focus:required + label::after {
  color: #fff;
}
form .radio label {
  margin-left: 30px;
  padding: 0;
  width: auto;
  margin-right: 40px;
  float: left;
  position: static;
    line-height: 50px;
}
form .radio .selection label {
  margin: 0;
  margin-left: 40px;
  margin-right: 10px;
}
form .radio.horizontal .selection input:valid:required + label {
  background: transparent;
  padding: 0;
  color: #000;
}
form .radio input {
  display: inline-block;
  float: left;
    margin-top: 18px;
    position: absolute;
}
.quotes .newsletter {
  height: auto;
  padding: 10px 0;
}
.quotes .newsletter input[type=checkbox] {
  width: 4%;
  display: inline-block;
  float: left;
  margin: 10px;
  margin-bottom: 50px;
}
.quotes .newsletter input[type=checkbox] + label, .quotes .newsletter input[type=checkbox] + label {
  background-color: transparent;
  color: #002f43;
}

.quotes .newsletter label  {
  position: absolute;
  background-color: transparent;
  left: 10%;
  right: 0;
}

.quotes li.button span input {
  background: #009fe3;
  color: #fff;
  -webkit-appearance: none;
}
.quotes li input:focus + span.error {
  display: none;
}
.quotes span.error {
  position: absolute;
  bottom: -8px;
  left: 26px;
  font-size: 14px;
  color: red;
  font-family: "museo_bold";
  z-index: 5;
  opacity: 0.6;
  display: none;
}
.quotes span.error.lastname {
  left: 222px;
}

form li.haserror label,
form span.haserror label {
    color: #d10000 !important;
}

form li.haserror input,
form li.haserror select, form li.double .haserror input {
    border-color: #d10000 !important;
}

textarea.haserror {
    border-color: #d10000 !important;
}

.error_msg {
    border: 1px solid #d10000 !important;
    font-family: 'museo_bold', sans-serif;
    color: #d10000;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    text-align: center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.quotes ul li.newsletter {
  height: auto;
}
.quotes input[type=button] {
  border: 1px solid rgba(0, 159, 227, 0.5);
  background: #009fe3;
  color: #fff;
}
.quotes input[type=checkbox]#newsletter,
.quotes input[type=checkbox]#approve_combination {
    float: left;
    margin: 20px 0 20px 20px;
    position: relative;
    z-index: 1;
}
#infscr-loading {
  text-align: center;
}
/*PrevNext paging style*/
#article-navigation {
}
#article-navigation .prev, #article-navigation .next {
  width: 50%;
  display: block;
  float: left;
  background-size: 100%;
  position: relative;
  background: #000;
}
#article-navigation span {
  width: 100%;
  height: 300px;
  display: block;
  background-position: 50%;
  background-size: cover;
}
.bpm-info-berekenen .text {
  background: #fff;
  padding: 20px 30px;
  height: 150px;
  float: left;
  position: relative;
  width: 100%;
}
#article-navigation .prev.wide, #article-navigation .next.wide {
  max-height: 300px;
  width: 100%;
}

#article-navigation h2,  #article-navigation p {
  text-align: center;
  color: #fff;
  text-shadow: 0 0 15px #000;
  position: relative;
}

#article-navigation .next h2:after {
  content: "\f105";
  right: -15px;
  top: 4px;
  position: relative;
  font-size: 38px;
    line-height:0;
    font-family: "FontAwesome";
}
#article-navigation .prev h2:before {
  content: "‹";
  left: -15px;
  top: 4px;
  position: relative;
  font-size: 50px;
    line-height:0;
  font-family: "museo_bold";
}
.page-header h1 {
    text-shadow: 0 0 15px #000;
}

#article-navigation .absolute {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  -webkit-transition:all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

#article-navigation h2 {
  width: 100%;
  position: absolute;
  top: 45%;
line-height: 30px;
}

#article-navigation div:hover .absolute {
  background: rgba(0,0,0,0.1);
  -webkit-transition:all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

/*Smart search*/
#searchtrigger.righttop {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10001;
    width: 140px;
    height: 60px;
    padding: 12px 19px 10px 10px;
    background: url('/images/magnifying-glass.png') no-repeat;
    background-size: 20px;
    background-position: 15% 50%;
    background-color: #002F43;
    cursor: pointer;
    -webkit-transition:all 0.125s ease-in;
    transition: all 0.125s ease-in;
    color: #fff;
}
#searchtrigger.righttop span {
  float: right;
  font-family: "museo_bold";
}
#searchtrigger.righttop:hover {
    background-color: #009FE4;
    -webkit-transition:all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

#searchholder {
    position: fixed;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition:all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#searchholder.open {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    margin-top: 0;
    opacity: 1;
    position: fixed;
    text-align: center;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 112;
    pointer-events: all;
    display: table;
}

#searchwrapper {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#search {
    position: relative;
    display: inline-block;
    width: 320px;
}

#searchwrapper .finder input {
  border-radius: 0;
  padding: 15px;
  width: 270px;
  font-size: 18px;
  float: left;
  margin-top: 20px;
  border: 0;
  height: 50px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
#search .icon-white {
    background: url('/images/magnifying-glass.png') no-repeat;
    display: block;
    width: 100%;
    height: 25px;
    background-size: contain;
    margin: 0 !important;
    padding: 0 !important;
    background-position: center;
}


#search .close {
  background: url('/images/icons/submenu/X-Icon.png') no-repeat;
  right: -30px;
  top: 0;
  position: absolute;
  display: block;
  width: 19px;
  height: 19px;
  cursor: pointer;
}

#search button svg {
  margin-left: 10px;
  margin-top: 6px;
}

#search button {
  cursor: pointer;
  width: 51px;
  height: 51px;
  display: inline-block;
  float: left;
  margin-top: 20px;
  background: #002F43;
  border: 0px solid white;
  margin-left: -2px;
}
#search .finder {
  text-align: left;
}
#search label {
  color: #fff;
  width: 100%;
  font-size: 30px;
  color: #fff;
}

body.zoeken #mainwrapper {
    margin-top: 0;
}

body.zoeken #searchtrigger {
    display: none;
}

body.zoeken #sidebarwrapper {
    margin-top: 0;
}

.search-pagination,
.pagination,
.search-pages-counter {
    float: left;
    width: 100%;
}
.onze-klanten .pagination, .vds-blog .pagination {
    position: absolute;
    bottom: -50px;
}
.onze-klanten .pagination li, .vds-blog .pagination li, .search-pages-counter {
    color: #fff;
}
.search-results li {
    padding: 15px 0;
    float: left;
    width: 100%;
    margin: 0;
}

h4.result-title {
    margin-top: 0;
}

.pagination ul {
    text-align: center;
    padding: 30px;
}

ul.search-results li + li {
    border-top: 1px solid #dadada;
}
.pagination p {
    display: none;
}
.pagination li, .search-pages-counter {
    width: auto;
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    color: #CCDEE6;
    font-family: 'museo_bold', sans-serif;
}
.search-pages-counter {
    color: #002F43;
    float: none;
    display: block;
}
.pagination li a {
    color: #009FE4;
}

div.tooltip {
    display: none !important;
}

.search-pages-counter {
    font-size: 13px;
    text-align: center;
}

/*Ik wil box*/

#findwrapper {
    border-bottom: 1px solid #c9cacc;
}

#findwrapper #find {
    text-align: center;
}

#findwrapper #find select, #findwrapper #find .btn {
    margin-left: 20px;
}

#findwrapper #find select {
    width: 84%;
    padding: 10px 40px 10px 20px;
    margin-bottom: 0;
}

#findwrapper #find .dropdown::before {
    right: 24px;
    top: 6px;
}

#findwrapper #find .custom {
    display: inline-block;
}

#findcta .option_cta,
#findcta_service .option_cta_service {
    display: none;
}

#findwrapper .option_cta.show,
#findcta_service .option_cta_service.show {
    display: block;
}

#findparams {
    position: relative;
}

#subsubsubmenu .parent_button {
  color: #009Fe4;
  background: #121212;
  float: left;
  padding: 14px 25px;
}

#subsubsubmenu {
    float: left;
    width: 100%;
}

#subsubsubmenu > ul {
    float: left;
    display: inline-block;
}

#subsubsubmenu li {
    float: left;
}
#subsubsubmenu li a {
    float: left;
}

ul.flexMenu-popup {
    width: 320px;
    top: 60px;
    z-index: 110;
}

ul.flexMenu-popup li {
    width: 100%;
    float: left;
    z-index: 999;
}

ul.flexMenu-popup li a {
    width: 100% !important;
    float: left;
    background-color: #d0e0e8 !important;
}

.flexMenu-allInPopup a {
    position: relative;
    width: 150px !important;
}

.flexMenu-viewMore > a {
    position: relative;
    width: 110px !important;
}

.flexMenu-viewMore.flexMenu-allInPopup > a {
    position: relative;
    width: 160px !important;
}

.flexMenu-viewMore.active > a {
    background-color: #d0e0e8 !important;
}

.flexMenu-viewMore > a:after {
    content: "\f105";
    font-family: "FontAwesome";
    -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    position: absolute;
    right: 15px;
    top: 0;
    -webkit-transition:-webkit-transform 0.2s linear 0s;
    transition:-webkit-transform 0.2s linear 0s;
    transition:transform 0.2s linear 0s;
    transition:transform 0.2s linear 0s, -webkit-transform 0.2s linear 0s;
    font-size: 24px;
    color: #fff;
}

ul.flexMenu-popup li a {
    width: 100%;
}

ul.flexMenu-popup li a {
    -webkit-transition:none 0s !important;
    transition: none 0s !important;
}

ul.flexMenu-popup li a:hover {
    background-color: #009FE4 !important;
    color: #fff !important;
}

.button {
    cursor: pointer;
}

.vds-blog .contentholder .page-header h2 {
  text-align: left;
}

/*Contact form stying for article*/
.contact .contentholder {
  padding: 0;
}
.contact .content.mid.xs {
  max-width: none;
}
.contact .content .formholder h3 {
  display: none;
}
/*.contact .content .formholder a {*/
  /*padding: 0;*/
  /*border: 0;*/
/*}*/
.contact .content .formholder .moduletable {
  background: transparent;
}
.contact .content.mid.xs li {
  margin-left: 0;
}
.contact .content li::before {
  content: "";
  display: none;
}
.contact .content #contactform h2 {
  font-size: 18px;
  font-family: "museo_bold", sans-serif;
}
.article time {
  position: relative;
  margin-left: 24px;
}
.article time::before {
  background-image: url('../../../images/clock.svg');
  background-size: 16px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  left: -24px;
  bottom: 1px;
  display: inline-block;
  content: "";
  position: absolute;
}

/*Filters styling*/
.filters {
     height: 100px;
}
.filters h3 {
    display: inline-block;
    float: left;
}
.filters ul {
    width: 100%;
    float: right;
    padding-left: 130px;
    margin-left: -130px;
}
.filters ul li {
  float: right;
}
.relatedtags {
    background: #ffffff;
}
#relatedtags h2 {
    font-size: 24px;
    font-family: 'museo_reg', sans-serif;
    padding: 60px 0;
}
#relatedtags .col {
    width: 33.333%;
    margin: 0;
    position: relative;
}

#relatedtags .col.span_16 {
    width: 100%;
}

#relatedtags .col.span_8 {
    width: 50%;
}

#relatedtags .col.span_5 {
    width: 33.333%;
}

#relatedtags .imageholder {
  float: none;
}
#relatedtags .col .imageholder {
    opacity: 0.6;
    -webkit-transition:opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s;
}
#relatedtags .col .imageholder:hover {
    opacity: 0.5;
}
#relatedtags .contentholder {
  top: 70%;
  background: transparent;
  color: #fff;
  font-family: "museo_bold", sans-serif;
  font-size: 20px;
  text-align: left;
  padding: 0 20px;
  position: absolute;
}

#footer span {
    font-size: 13px;
    line-height: 1.3em;
}
.social a:hover {
  color: #009FE4;
  -webkit-transition:all 0.125s ease-in;
  transition: all 0.125s ease-in;
}

#footer .disclaimer {
    padding: 12px 0;
    line-height: 1.3em;
    font-size: 13px;
}

.filters li  input {
    display: none;
}

.filters li  input[type=checkbox]:checked ~ .checkbox_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: transparent linear-gradient(to right, #002f43 50%, #ccdee6 50.01%) repeat scroll left top / 201% auto;*/
    background-size: 200%;
      background: #002f43; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
      background: -webkit-linear-gradient(left,  #002f43 0%,#002f43 50%,#ccdee6 50%,#ccdee6 100%) repeat scroll left top / 201% auto;
      background: linear-gradient(to right,  #002f43 0%,#002f43 50%,#ccdee6 50%,#ccdee6 100%) repeat scroll left top / 201% auto; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f43', endColorstr='#ccdee6',GradientType=1 ); /* IE6-9 */
    -webkit-transition:background-position 0.2s linear 0s;
    transition: background-position 0.2s linear 0s;
    color: #fff;
    z-index: 1;
}

.filters li input[type=checkbox]:checked ~ .checkbox_label {
    color: #fff;
}

.checkbox_label {
    z-index: 2;
    position: relative;
}

.filters ul li {
    margin-left: 10px;
}

.filters li label {
    border: 1px solid #002F43;
    padding: 2px 10px 2px 30px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: #002F43;
    font-size: 16px;
    font-family: "museo_bold";
}
.filters li label input ~ .checkbox_label::before {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('../images/check_icon.png');
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: top;
  z-index: 3;
  top: 1px;
  right: calc(100% + 7px);
}
.filters li label:hover input ~ .checkbox_label::before {
  background-position: bottom;
}

.filters li label input:checked ~ .checkbox_label::before {
  background-position: top;
}

.filters li label input:not(:checked) ~ .checkbox_label::before {
  background-position: bottom;
}

    .onze-klanten li .field.cijfer .radiofield {
      margin: 0;
      float: right;
      width: 10%;
    }
    .onze-klanten li label.cijfer {
      position: absolute;
      display: block;
      color: #002f43;
      padding: 0;
      top: -40px;
      pointer-events: none;
    }

    .onze-klanten li label.cijfer:hover {
        background: #4db6e5;
    }

    .onze-klanten li .field.cijfer {
      background: -webkit-linear-gradient(left, #ccdee6 0%, #ccdee6 20%, #80c6e5 20%, #80c6e5 40%, #4db6e5 40%, #4db6e5 60%, #1fa8e4 60%, #1fa8e4 80%, #009FE4 80%, #009FE4 100%);
      background: linear-gradient(to right, #ccdee6 0%, #ccdee6 20%, #80c6e5 20%, #80c6e5 40%, #4db6e5 40%, #4db6e5 60%, #1fa8e4 60%, #1fa8e4 80%, #009FE4 80%, #009FE4 100%);
      margin-top: 50px;
      position: relative;
      float: left;
      display: block;
      width: 100%;
    }
    .onze-klanten li .field.cijfer input {
      position: absolute;
      display: block;
      text-align: center;
      float: left;
      width: 0;
      opacity: 0;
      height: 50px;
      z-index: 99;
    }
    .onze-klanten li .field.cijfer input + label {
      position: static;
      float: left;
      text-align: center;
      cursor: pointer;
      width: 100%;
        color: #002f43;
    }
    .onze-klanten li .field.cijfer input:valid:required + label {
      background: #CCDEE6;
    }
    .onze-klanten li .field.cijfer input[type="radio"]:checked + label {
      background: #002F43;
      color: #fff;
    }
    /*ik raad field */

    .onze-klanten li .field.aanraden .radiofield {
      float: left;
      width: 50%;
      margin-left: 0;
      text-align: center;
    }
    .onze-klanten li .field.aanraden {
      width: 100%;
      float: left;
      position: relative;
      padding-left: 60%;
      margin-top: 20px;
    }
    .onze-klanten li .field.aanraden::after {
      clear: both;
    }
    .onze-klanten li .field.aanraden label.aanraden {
      left: 0;
      margin-left: 20px;
    }
    .onze-klanten li .field.aanraden .radiofield input {
      position: absolute;
      display: block;
      text-align: center;
      float: left;
      width: 0;
      opacity: 0;
      height: 50px;
      z-index: 99;
    }
    .onze-klanten li .field.aanraden .radiofield label {
      position: static;
      width: 100%;
      left: 0;
    }
    .onze-klanten li .field.aanraden .radiofield label {
      position: relative;
      cursor: pointer;
      background: rgba(204, 221, 230, 0.3);
    }
    .onze-klanten li .field.aanraden .radiofield label:after {
      content: "\f164";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: #000;
      font-size: 18px;
      padding-right: 0.5em;
      position: absolute;
      left: 20%;
      -webkit-transition:all 0.3s ease-in;
      transition: all 0.3s ease-in;
    }
    .onze-klanten li .field.aanraden .radiofield .radio_nee + label:after {
      content: "\f165";
    }
    .onze-klanten li .field.aanraden .radiofield label:hover {
      color: #009FE4;
    }
    .onze-klanten li .field.aanraden .radiofield label:hover::after {
      color: #009FE4;
      -webkit-transition:all 0.3s ease-in;
      transition: all 0.3s ease-in;
    }
    .onze-klanten li .field.aanraden .radiofield input:valid:required + label {
      left: auto;
      right: auto;
      width: 100%;
      background: #CCDEE6;
      padding: 10px;
      color: #fff;
      text-align: center;
    }
    .onze-klanten li .field.aanraden .radiofield input:valid:required + label::after{
      color: #fff;
    }
    .onze-klanten li .field.aanraden .radiofield input:valid:required:checked + label {
      background: #002F43;
    }
    .onze-klanten li .field.afbeelding input {
      margin-top: 60px;
      font-size: 16px;
    }
    .onze-klanten li .field.afbeelding label {
      top: 0;
      left: 20px;
    }
    ul.form {
      margin-top: 20px;
    }
    /* IE10 hack */

    div.mod-languages ul {
        text-align: center;
    }
    div.mod-languages ul.lang-inline li {
        margin: 0;
        float: none;
        display: inline-block;
    }
    div.mod-languages ul.lang-inline li div {
        margin: 30px 15px;
        float: left;
        width: 25px;
        height: 20px;
    }

    div.mod-languages ul.lang-inline li div.en:hover,
    div.mod-languages ul.lang-inline li.lang-active div.en {
        background-image: url('/images/svg/british_org.svg');
    }
    div.mod-languages ul.lang-inline li div.nl:hover,
    div.mod-languages ul.lang-inline li.lang-active div.nl {
        background-image: url('/images/svg/dutch_org.svg');
    }

    div.mod-languages ul.lang-inline li div.en {
        background-image: url('/images/svg/british_bw.svg');
        background-size: 25px 20px;
        float: left;
    }

    div.mod-languages ul.lang-inline li div.nl {
        background-image: url('/images/svg/dutch_bw.svg');
        background-size: 25px 20px;
    }

    .rapport.mid.xs h3 {
      margin-bottom: 20px;
      text-align: center;
    }
    .rapport.mid.xs .full {
      text-align: center;
    }
    .rapport.mid.xs .full .half {
      margin-bottom: 60px;
    }
    .rapport.mid.xs .full img {
      width: 100%;
      max-width: 250px;
      display: inline-block;
    }
    .rapport.mid.xs .full .raad i {
      font-size: 50px;
      color: #009FE4;
    }
    .article.onze-klanten .contentholder.padding  {
      padding-bottom: 30px;
    }

    .articlebody p a.publication_sidenote,
    .articlebody p .publication_sidenote,
    .articlebody li .publication_sidenote,
    .articlebody li a.publication_sidenote,
    .step a.publication_sidenote {
        border-bottom: .08em solid rgba(0,0,0,.1);
        padding-bottom: .08em;
        border-bottom: 0 none;
        color: #009FE4;
        float: right;
        font-size: 14px;
        line-height: 1.8em;
        margin-right: -195px;
        position: relative;
        top: 6px;
        width: 150px;
        margin-bottom: -100%;
    }
    .articlebody p .publication_sidenote:before, .articlebody li .publication_sidenote:before, .articlebody li a.publication_sidenote:before, .step a.publication_sidenote:before {
        position: absolute;
        left: -35px;
        top: 5px;
        width: 6px;
        height: 6px;
        border: 4px solid #009FE4;
        float: left;
        background: #fff;
        content: "";
        border-radius: 7px;
    }

    .articlebody p a.publication_sidenote:after,
    .step a.publication_sidenote:after {
        margin-left: 5px;
    }

    .articlebody p a.publication_sidenote:hover,
    .step a.publication_sidenote:hover {
        color: #009FE4;
    }

    .articlebody p a.publication_sidenote:hover:before,
    .step a.publication_sidenote:hover:before {
        border-color: #009FE4;
    }
    #newsletter{
        /*padding:60px;*/
    }
    #newsletter .custom {
        padding:30px;
    }
    #newsletter #embed_signup_scroll {
        margin-top: 30px;
    }
    #newsletter .field-group {
        position: relative;
        width: 60%;
    }
    #newsletter .field-group input {
        position: relative;
        display: block;
        width: 100%;
        height: 50px;
        border-radius: 0;
        background: transparent;
        border: 1px solid #009FE4;
        z-index: 3;
        padding: 14px 24px;
        font-size: 18px;
        z-index: 99;
        box-shadow: none !important;
    }
    #newsletter .field-group label {
        -webkit-transition: all 0.25s ease-in;
        transition: all 0.25s ease-in;
        position: absolute;
        color: #002f43;
        padding: 10px 6px;
        top: 0;
        bottom: 0;
        left: 20px;
        z-index: 2;
    }
    #newsletter .field-group input:focus {
    border: 1px solid #002f43;
    }
    #newsletter .field-group input:focus + label {
        -webkit-transition:all 0.25s ease-in;
        transition: all 0.25s ease-in;
        text-align: center;
        background: #002f43;
        color: #fff;
        z-index: 2;
        right: 0%;
        top: 100%;
        left: 0%;
        height: 30px;
        font-size: 16px;
        line-height: 26px;
    }
    #newsletter .field-group input:valid + label {
         opacity: 0;
    }

    #newsletter .submit {
        width: 40%;
    }
    #newsletter .submit button {
        position: relative;
        display: block;
        width: 100%;
        height: 50px;
        border-radius: 0;
        background: transparent;
        border: none;
        background: #009FE4;
        color: #fff;
        z-index: 3;
        padding: 14px 24px;
        font-size: 18px;
        z-index: 99;
        box-shadow: none !important;
        line-height: 26px;
    }
    .contentholder span.highlight {
      background-color: #FFFFCC;
      font-weight: bold;
      padding: 1px 4px;
    }
    #backtotop {
      display: none;
    }
    #tagwrapper h2 {
        /*padding-bottom:60px;*/
    }
    .noimg.black {
        height: auto;
        padding:0;
    }
    .noimg.black .page-header {
        top: auto;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: static;
    }
    #serviceswrapper .row .contentholder {
        width: 100%;
        position: relative;
    }
    td input {
        width: 100%;
        height: 30px;
        border: 1px solid #d0e0e8;
        font-size:18px;
    }
    td select {
        border: 0;
        font-size: 18px;
        text-align: right;
        background: transparent;
        margin: 0 4px;
    }
    td.result {
        font-family: "museo_bold", sans-serif;
        font-size:19px;
    }
    .nopadding {
        padding:0;
    }

    #category_intro {
        position: relative;
        z-index: 10;
    }

    #category_blog {
        position: relative;
        z-index: 9;
    }

    /*Offerte formulier fixen*/
    form .form li select {
        border: 1px solid #d0e0e8;
        -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
        height:50px;
    }
    /* Find box select appearance fix */
    #find select, #find optgroup, form select, form optgroup {
        -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
    }
    /* Forms fixes */
    form select.dropdown {
        display: inline-block;
        height: 50px;
        margin-bottom: 10px;
        padding: 10px 20px;
        border: 1px solid #002F43;
        font-family: "museo_reg";
        font-size: 18px;
        position: relative;
        width: 59%;
        float: right;
    }
    form select + label::before {
        content: "\f105";
        font-family: "FontAwesome";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 30px;
        top: 10px;
        font-size: 38px;
        z-index: 100;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #009fe4;
        pointer-events: none;
        background: #fff;
        padding: 1px 3px 15px 3px;
    }
    form li.dropdown select + label::before {
        display: none;
    }

    form select.dropdown + label {
        width: 100%;
        pointer-events: none;
    }
    form span.radiofield {
        float: right;
        width: 29.5%;
        height: 50px;
        margin: 0;
        text-align: center;
    }
    form span.radiofield input {
        display: none;
    }
    form span.radiofield label {
        position: static;
        background: #CCDEE6;
        width: 100%;
    }

    form span.field span.radiofield input:checked + label {
        background: #009FE4;
        width: 100%;
    }

    form span.field span.radiofield input:not(:checked) + label {
        background: #CCDEE6;
        width: 100%;
    }

    form li.button {
        margin-bottom:60px;
    }

    .home form li.button {
        margin-bottom:10px;
    }
    /* Second part of forms fixing */
    form li .field.diensten span.radiofield:first-of-type {
        margin-top:60px;
    }
    form li .field.diensten span.radiofield {
        width: 100%;
    }

    /* Select boxes fix */
    table tbody form td input {
        background: #ffffff;
    }
    table tbody form td select {
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-bottom: 2px;
        border-bottom: 1px solid #002F43;
        width: 25%;
        margin: 0 3.5%;
    }
    table tbody form td .selector {
        position: relative;
    }
    table tbody form td .selector:after {
        content: "‹";
        color: #009FE4;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: absolute;
        display: block;
        right: 35px;
        top: 6px;
        width: 10px;
        height: 10px;
        pointer-events: none;
    }

/*Sitemap*/
.sitemapwrapper {
    margin-top: 30px;
    padding: 30px 0;
    margin-bottom: 30px;
}

#sitemapwrapper .sitemap {
    max-width: 820px;
}

.sitemap .col.span5 {
    width: auto;float: left;
    text-align: left;
    margin-right: 5%;
}

.sitemap .col.span5.last {
    margin-right: 0;
}

.sitemap .col.span5 li,
.sitemap .col.span5 li a {
    font-size: 13px;
    line-height: 1.3em;
    color: #ffffff;
    font-family: museo_lite;
}

.sitemap .col.span5 li.title {
    font-size: 16px;
    margin-bottom: 16px;
    font-family: museo_bold;
}

/* Checkbox height fix */
.jpforms li input[type=checkbox] {
    height: auto;
    width: auto;
}
.jpforms li .field.newsletter {
    float: left;
}
.field.newsletter input {
    margin-top: 35px;
}
/* E-mail submit fix*/
#newsletter .field-group input:focus + label {
    opacity: 1;
}

#blog-author .author .social a {
    color: #002f43;
}

.article-page.item-page .articlebody .jpforms form ul.form li,
.home .jpforms form ul.form li {
    float: left;
    width: 100%;
}

#blog-author .author.accountmanager {
    margin-top: 190px;
}

.social {
    /*margin-top: 30px;*/
}

.social a {
    color: #002f43;
    text-decoration: none;
    padding: 10px 12px 10px;
    margin-bottom: 10px;
}

/*Sitemap*/
.sitemapwrapper {
    margin-top: 30px;
    padding: 30px 0;
    margin-bottom: 30px;
}

#sitemapwrapper .sitemap {
    max-width: 820px;
}

#sitemapwrapper .sitemap ul + ul {
    margin-top: 27px;
}

.sitemap .col.span5 {
    width: auto;
    float: left;
    text-align: left;
    margin-right: 5%;
    width: 21.25%;
}

.sitemap .col.span5.last {
    margin-right: 0;
}

.sitemap .col.span5 li,
.sitemap .col.span5 li a {
    font-size: 13px;
    line-height: 1.3em;
    color: #ffffff;
    font-family: museo_lite;
}

.sitemap .col.span5 li a:hover {
    text-decoration: underline;
}

.sitemap .col.span5 li.title {
    font-size: 16px;
    margin-bottom: 16px;
    font-family: museo_bold;
}

#blog-author .author.accountmanager {
    margin-top: 190px;
}
.author__contact_item {
    margin-bottom: 20px;
}
.author__meta {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}

.author--social {
    margin-top: 30px;
}

.author--social a {
    color: #002f43;
    text-decoration: none;
    padding: 10px 12px 10px;
    background: #009fe4;
    color: #fff !important;
    margin-bottom: 10px;
}

/* team Layout */
.team-blog .col {
    margin-right: 2.75%;
    width: 31.5%;
}

.team-blog .col:nth-child(3n+3){
    margin-right: 0;
}

.article-page.item-page .articlebody .team-blog .col h3 {
    margin-top: 0;
    font-size: 15px;
}

.team-blog .col {
    display: inline-block;
    float: left;
    position: relative;
    vertical-align: top;
    /*width: 100%;*/
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.article-page.item-page .articlebody .team-blog .col img {
    width: 100%;
    height: auto;
    margin-left: 0;
}

.team-blog .col .item {
    margin-bottom: 2em;
}

.team-blog .col .item .contentholder {
    padding: 30px;
}

.team-blog .col .item .linksholder {
    padding: 20px 30px;
    border-top: 1px solid #e1e1e1;
}

.article-page.item-page .articlebody .team-blog .text {
    font-size: 12px;
}

.article-page.item-page .articlebody .team-blog .linksholder li {
    margin-left: 0;
    margin-right: 15px;
}


a.icon-hastext {
    position: relative;
}
a .popup-text {
    position: absolute;
    bottom: -74px;
    left: -30px;
    padding: 10px 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear 0s;
    white-space: nowrap;
    background: #00a0e6;
    color: #fff;
    z-index: 999;
}

a .popup-text::before {
    border-bottom: 5px solid #00a0e6;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    height: 0;
    left: 15px;
    position: absolute;
    top: -5px;
    width: 0;
}

a:hover .popup-text, a.active .popup-text {
    opacity: 1;
    visibility: visible;
}

time {
    color: #999;
}

#about-us .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
}

.team-blog #linkedinwrapper p {
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 15px;
}

.team-blog #linkedinwrapper p + p {
    margin-top: 30px;
}


.team-blog #linkedinwrapper a {
    border: 2px solid #fff;
    color: #fff;
    float: left;
    padding: 5px 15px;
}

.team-blog #linkedinwrapper a:hover {
    border: 2px solid #000;
    color: #000;
}

.team-blog .linksholder li {
    margin-right: 10px;
}

.team-blog .linksholder li.mail,
.team-blog .linksholder li:last-child {
    margin-right: 0;
}

.team-blog .icon {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/hitchhikers-sprite.png); float:left;}

.export-icon {width:160px; height:160px; background-position:0.568182% 0.568182%; background-size:320.000%; }
.import-icon {width:160px; height:160px; background-position:46.5909% 0.568182%; background-size:320.000%; }
.wholesale-icon {width:160px; height:160px; background-position:92.6136% 0.568182%; background-size:320.000%; }

.icon-mail-white {width:80px; height:80px; background-position:28.7037% 66.2037%; background-size:640.000%; }

.icon-follow-fb {width:120px; height:120px; background-position:0.510204% 41.8367%; background-size:426.667%; }
.icon-follow-insta {width:120px; height:120px; background-position:31.6327% 41.8367%; background-size:426.667%; }
.icon-follow-li {width:120px; height:120px; background-position:62.7551% 41.8367%; background-size:426.667%; }
.icon-follow-tw {width:120px; height:120px; background-position:93.8776% 41.8367%; background-size:426.667%; }
.icon-follow-yt {width:120px; height:120px; background-position:0.510204% 72.9592%; background-size:426.667%; }


.icon-mail {width:48px; height:48px; background-position:55.1724% 61.3379%; background-size:1066.67%; }
.icon-phone {width:48px; height:48px; background-position:65.9483% 61.6379%; background-size:1066.67%; }
.icon-linkedin {width: 22px; height: 22px; margin-top: -1px; background-position:44.3966% 61.6379%; background-size:1066.67%; }

.icon-fb {width:40px; height:40px; background-position:75.4237% 60.5932%; background-size:1280.00%; }
.icon-insta {width:40px; height:40px; background-position:84.3220% 60.5932%; background-size:1280.00%; }
.icon-twitter {width:40px; height:40px; background-position:93.2203% 60.5932%; background-size:1280.00%; }
.icon-yt {width:40px; height:40px; background-position:0.423729% 86.4407%; background-size:1280.00%; }

.social-wrap .icon-fb {background-position:75.4237% 73.1932%; background-size:1280.00%; }
.social-wrap .icon-insta {background-position:84.3220% 73.1932%; background-size:1280.00%; }
.social-wrap .icon-yt { background-position:0.423729% 99.0407%; background-size:1280.00%; }

.icon-fb, .icon-insta, .icon-twitter, .icon-yt, .icon-mail, .icon-phone {
    width:20px; height:20px;
}

.icon-mail {
    width: 21px;
}

.icon-follow-fb, .icon-follow-insta, .icon-follow-li, .icon-follow-tw, .icon-follow-yt {
    width: 60px; height: 60px;
}

/* Responsive css*/
.celebration--logo   {
  height: 100%;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.celebration--logo svg {
  width: 30%;
}

/* BPM calc */
.bpm_calc {
	width: 100%;
	float: left;
	margin: 30px 0;
	padding: 15px;
	background: #ccdee6;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(0,0,0,0.2);
}

.bpm_calc p {
	font-size: 14px;
	line-height: 26px;
	color: #000;
	margin-bottom: 0;
	margin-left: 5px;
	margin-right: 5px;
}

.bpm_calc h2 {
	font-size: 18px;
	margin-left: 5px;
	margin-right: 5px;
}

.bpm_calc .row {
	margin-top: 15px;
	width: 100%;
}
.bpm_calc .row + .row {
	margin-top: 15px;
}

.bpm_calc .flex-row {
	display: flex;
	flex-direction: row;
}
@media only screen and (max-width: 600px) {
	.bpm_calc .flex-row {
		flex-direction: column
	}
}

.bpm_calc .flex-row .col {
	border: 1px solid rgba(0,0,0,0.1);
	margin: 5px;
	padding: 10px;
}

@media only screen and (max-width: 600px) {
	.bpm_calc .flex-row .col {
		width: 100%;
	}
}


.bpm_calc .flex-row .col label {
	font-size: 12px;
	font-family: 'museo_bold', sans-serif;
	float: left;
	line-height: 1em;
	margin-top: 5px;
	width: 100%;
}

.bpm_calc .flex-row .col label input {
	width: 100%;
	padding: 15px;
	float: left;
	margin-top: 10px;
}

.bpm_calc .flex-row .col .result {
	float: left;
	width: 100%;
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
}

#result_nedc_holder h2  {
	margin-top: 15px;
	float: left;
	width: 100%;
}

#result_wltp_holder h2 {
	margin-top: 15px;
	float: left;
	width: 100%;
}

.bpm_calc .flex-row .col .result::before {
	content: "€";
}
.select-style {
	margin: 5px;
    border: 1px solid #ccc;
    width: calc(100% - 10px);
    border-radius: 3px;
	padding: 0;
    overflow: hidden;
    background: #fafafa url("../images/icon-select.png") no-repeat 97% 50%;
	background-size: 10px;
}

.select-style select {
	margin: 0;
	padding: 15px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
	font-size: 18px;
}

.select-style select:focus {
    outline: none;
}

#diff_text,
#diff {
	border:	1px solid rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.1);
	padding: 15px;
	color: #000;
	margin: 5px;
	font-size: 16px;
}

#diff:before {
    content: "€ ";
}
.has_url_no {
	margin-bottom: 10px;
	float: left;
}

.tpcookies {
	z-index: 999;
	position: absolute;
}
.tpcookies #icon{position:fixed;z-index:2;cursor:pointer}.tpcookies #icon,.tpcookies #icon svg{bottom:0;left:0;width:50px;height:50px}.tpcookies #icon svg{position:absolute}.tpcookies .bottombar{position:fixed;z-index:1;bottom:0;width:100%;background:#f4f4f4;padding:10px 10px 10px 50px;border-top:1px solid rgba(0,0,0,.1)}.tpcookies .bottombar{position:fixed;z-index:2;bottom:0;width:100%;background:#f4f4f4;padding:50px;border-top:1px solid rgba(0, 0, 0, 0.1)}@media only screen and (max-width:768px){.tpcookies .bottombar .tpcookies .bottombar{padding:50px 20px 50px 20px}}.tpcookies .bottombar .content{display:flex;margin:0 auto;max-width:1280px}@media only screen and (max-width:768px){.tpcookies .bottombar .content{flex-direction:column}}.tpcookies .bottombar .content .text{width:100%;align-self:center;padding-right:15px}.tpcookies .bottombar .content .text h2{font-size:22px;font-weight:700}.tpcookies .bottombar .content .text h2+*{margin-top:5px}.tpcookies .bottombar .content .text p{font-size:16px;line-height:1.6em}.tpcookies .bottombar .content .button-holder{display:flex;align-items:center;flex-direction:column;width:50%}@media only screen and (max-width:768px){.tpcookies .bottombar .content .button-holder{margin-top:15px;flex-direction:column;width:100%}}.tpcookies .bottombar .content .button-holder .col{width:100%;display:flex;align-items:center}.tpcookies .bottombar .content .button-holder .col .btn{font-size:12px;width:100%;text-align:center}.tpcookies .bottombar .content .button-holder .col+.col{margin:10px 0 0}.tpcookies .drawer{position:fixed;z-index:2;height:100%;width:380px;background:#fff;box-shadow:10px 0 10px rgba(0,0,0,.1);padding:30px 15px;top:0;left:0;transform:translate(-100%);transition:transform .2s ease-in-out;overflow-y:scroll}.tpcookies .drawer.slideIn{transform:translate(0)}.tpcookies .drawer .close{position:absolute;top:15px;right:15px;width:20px;height:20px;cursor:pointer}.tpcookies .drawer .wrapper{display:table-cell;vertical-align:middle}.tpcookies .drawer .wrapper .tab{padding:30px 0}.tpcookies .drawer .wrapper .drawer-nav{margin-top:0;padding:0;list-style-type:none}.tpcookies .drawer .wrapper .drawer-nav a{display:-ms-inline-flexbox;display:inline-flex;color:rgba(0,0,0,.5);font-size:11px}.tpcookies .drawer .wrapper>.col+.col{margin-top:15px}.tpcookies .drawer .wrapper h2{font-size:22px;padding-bottom:10px;font-weight:700}.tpcookies .drawer .wrapper p{font-size:14px;line-height:1.6em}.tpcookies .drawer .wrapper form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tpcookies .drawer .wrapper form label{padding:15px 0;line-height:20px;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer}.tpcookies .drawer .wrapper form label input{outline:none}.tpcookies .drawer .wrapper form label h3{font-size:12px;font-weight:700}.tpcookies .drawer .wrapper form label small{font-size:11px;line-height:1.4em}.tpcookies .drawer .wrapper form label+label{border-top:1px solid rgba(0,0,0,.1)}.tpcookies .drawer .wrapper form .button-holder{padding:15px 0 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.tpcookies .drawer .wrapper form .button-holder .col{padding:15px 0}.tpcookies .drawer .wrapper form .button-holder .col+.col{margin-left:15px}.tpcookies .drawer .wrapper h3{font-size:16px;font-weight:700}.tpcookies .drawer .wrapper .list{float:left;width:100%;margin:15px 0}.tpcookies .drawer .wrapper .list .item{float:left;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:11px;padding:5px;border:1px solid rgba(0,0,0,.1)}.tpcookies .drawer .wrapper .list .item div{width:100%}.tpcookies .drawer .wrapper .list .item div:first-child{margin-bottom:5px}.tpcookies .drawer .wrapper .list .item div strong{font-weight:700;font-size:12px}.tpcookies .drawer .wrapper .list .item div span{width:100px;float:left}.tpcookies .drawer .wrapper .list .item+.item{border-top:0 none;background:rgba(0,0,0,.02)}.tpcookies .drawer .regular-checkbox{-webkit-appearance:none;background-color:#fafafa;border:1px solid #cacece;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:9px!important;border-radius:3px;display:inline-block;position:relative;width:20px;height:20px;margin-right:10px}.tpcookies .drawer .regular-checkbox:active,.tpcookies .drawer .regular-checkbox:checked:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)}.tpcookies .drawer .regular-checkbox:checked{background-color:#e9ecee;border:1px solid #adb8c0;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px hsla(0,0%,100%,.1);color:#99a1a7}.tpcookies .drawer .regular-checkbox:checked:after{content:" ";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'%3E%3Cpath fill='%231d98d6' d='M10.167 0l-6 5.585-2.333-2.171L0 5.121 4.167 9 12 1.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;font-size:14px;position:absolute;top:0;left:3px;color:#99a1a7;width:75%;height:100%}.tpcookies .drawer .regular-checkbox-is-disabled:checked:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'%3E%3Cpath fill='%23888' d='M10.167 0l-6 5.585-2.333-2.171L0 5.121 4.167 9 12 1.708z'/%3E%3C/svg%3E")}.tpcookies .drawer .regular-radio{-webkit-appearance:none;background-color:#fafafa;border:1px solid #cacece;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:9px;border-radius:50px;display:inline-block;position:relative}.tpcookies .drawer .regular-radio:checked:after{content:" ";width:12px;height:12px;border-radius:50px;position:absolute;top:3px;background:#99a1a7;box-shadow:inset 0 0 10px rgba(0,0,0,.3);text-shadow:0;left:3px;font-size:32px}.tpcookies .drawer .regular-radio:checked{background-color:#e9ecee;color:#99a1a7;border:1px solid #adb8c0;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px hsla(0,0%,100%,.1),inset 0 0 10px rgba(0,0,0,.1)}.tpcookies .drawer .regular-radio:active,.tpcookies .drawer .regular-radio:checked:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)}.tpcookies a.btn-cta{white-space:nowrap;background-color:#7aae31;color:#fff;text-decoration:none;padding:10px 12px;font-weight:700;border-radius:5px;transition:all .2s ease-in-out;font-size:12px;cursor:pointer}.tpcookies a.btn-cta:hover{background-color:#65981c}.tpcookies a.btn-outline{white-space:nowrap;background:0 none;border:1px solid rgba(0,0,0,.2);color:rgba(0,0,0,.5);text-decoration:none;padding:9px 12px;font-weight:700;border-radius:5px;transition:all .2s ease-in-out;font-size:12px;cursor:pointer}.tpcookies a.btn-outline:hover{color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.7)}.tpcookies .notice-holder{color:#65981c;border:1px solid #65981c;background:rgba(101,152,28,.05);border-radius:5px;padding:5px;font-weight:700;text-align:center;margin-top:15px}

.tpcookies .drawer .col h2 {
        margin-top: 20px;
        float: left;
        width: 100%;
      }

.tpcookies .drawer .wrapper .list .item div span.cookie__value {
              float: left;
              width: calc(100% - 110px);
            }