/* to top */
.totop { display: none; position: fixed; z-index:4; color: #0067a6; right: 20px; bottom: 20px; text-align:center; opacity:1; }
.totop .fal { font-size: 40px; line-height:100%; margin:0; display:block; }

/* headertop */
.headertop { text-align: right; width: 100%; padding: 0; height: 35px; background: #eee; color: #000;  font-size: 13px; }
.headertop a { font-weight: 400; line-height: 35px; margin: 0 20px 0 0; text-transform: lowercase; }
.headertop a i.fal { color: #0067a6; margin-right: 10px; }
.headertop a.email {  }
.headertop a.tel { display:none; }
.headertop .kiestaal { }
.headertop .wrapper { overflow:visible; }

/* kiestaal */
.headertop .kiestaal { float:right; font-size:13px; text-align:left; height:35px;  }
.headertop .kiestaal .setlanguage { margin:0; background: #ececec; font-size:13px; width:189px; height:35px; color: #353535; min-width:189px; }
.headertop .kiestaal .dd,
.headertop .kiestaal .dd .ddTitle { color: #353535; background: #ececec;  margin:0; }
.headertop .kiestaal .dd .ddTitle .ddTitleText { padding: 8px 0px 9px 11px; width: 169px; background:url(/images/cms/arrow.jpg) no-repeat right 16px !important; }
.headertop .kiestaal .dd .ddChild { width: 189px; }


/* header */
.header { overflow:hidden;  }
.header .wrapper {}
.header .wrapper .logo { width:auto; float:left; width:229px; width:20%; }
.header .wrapper .logo {  }
.header .wrapper .logo a { }
.header .wrapper .logo a img { margin:34px 0; width:158px; }
.header .wrapper .logo a.logo2 { display:none; }
.header .wrapper .rechts { width:auto; float:right; text-align:right; }
.header .wrapper .rechts .telefoon { margin:53px 0 0 0; font-weight:lighter; font-size: 21px; color: #000;   }
.header .wrapper .rechts .telefoon i.fal.fa-phone { color:#0067a6; margin:0 10px 0 0; }
.header .wrapper .rechts .telefoon span {}

/* menu */
.menu {  }

/* extra in frame2: menu staat in in header */
.menu { float:left; margin:50px 0 0 0; }

.menu .wrapper {}
ul.nav { margin:0; padding:0; list-style:none; }
ul.nav li { float:left; margin:0; padding:0; }
ul.nav li a { font-size: 21px; color: #000; font-weight: lighter; padding: 0 15px; line-height: 42px; text-transform: lowercase; display:block; }
ul.nav li:hover a,
ul.nav li.active a,
ul.nav li:hover i.fal.fa-angle-down,
ul.nav li.active i.fal.fa-angle-down { color:#0067a6; text-decoration:none; }
ul.nav li i.fal.fa-angle-down { color:#b0b0b0; margin:0 0 0 8px; display:none; }
ul.nav li ul { display:none; position:absolute; z-index:2; background:#fff; border-top:6px solid #fff; border-bottom:6px solid #fff;  }
ul.nav li:hover ul { display:block; list-style:none; }
ul.nav li ul li { float:none; min-width:200px;  }
ul.nav li:hover ul li a { color:#000; text-decoration:none; font-size:18px; line-height:200%; }
ul.nav li:hover ul li a:hover { color:#0067a6; text-decoration:none; }
ul.nav li.first { display:none; }
ul.nav li.account { margin:-2px 20px 0 0;  }
ul.nav li.account a { color:#0067a6; font-weight:400; border:2px solid #0067a6; border-radius:3px;  }
ul.nav li.account a:hover { color:#fff; background:#0067a6; }



.header .email2,
.header .bellen2,
.header .account2 { display:none; }

.scrolled .header { }
.scrolled .header { background:#f1f1f1; position:fixed; z-index:10001; z-index: 8009; top:0; width:100%; }

/* hoogte van .header */
.scrolled .opvulling { height:160px; display:block; } 
.scrolled ul.nav li a { color:#00; }
.scrolled ul.nav li i.fal.fa-angle-down { color:#b0b0b0; }
.scrolled ul.nav li:hover i.fal.fa-angle-down { color:#b0b0b0; }
.scrolled ul.nav li.active,
.scrolled ul.nav li.active { }

.scrolled .header { background:#0067a6; } 
.scrolled .header .menu { margin:0; }
.scrolled .header .wrapper .logo a img { height:31px; width:auto; margin:8px 0 0 0; }
.scrolled .header .wrapper .logo a.logo1 {  }
.scrolled .header .wrapper .logo a.logo2 { display:none; }
.scrolled .header .wrapper .rechts .telefoon { margin:10px 0 0 0; color:#fff; font-size:19px; }
.scrolled .header .wrapper .rechts .telefoon span { }
.scrolled .header .wrapper .rechts .telefoon i.fal.fa-phone { color:#fff; }
.scrolled ul.nav li ul { position:fixed; }
.scrolled ul.nav li a { color:#fff; font-size: 19px; line-height:48px; }
.scrolled ul.nav li.active { }
.scrolled ul.nav li:hover a,
.scrolled ul.nav li.active a { background:#f4f4f4; color:#0067a6; }
.scrolled ul.nav li:hover li a { color:#000; }
.scrolled ul.nav li ul { border-top:6px solid #f4f4f4; border-bottom:6px solid #f4f4f4;  }
.scrolled ul.nav li.account { margin:0; }
.scrolled ul.nav li.account a { border:none; border-radius:0; }

/* sfeer */
.sfeer { background:url(/images/v4/sfeer.jpg) no-repeat center center; background-size:cover; height:auto; }
.sfeer .titel { float:right; font-family:'Open Sans'; font-size:41px; font-weight:100; text-align:right; line-height:120%; color:#fff; margin:73px 0; }
.sfeer .titel span { font-weight:600; display:block; }

    
.devider { display:none; background: #f3f3f3; height:5px; margin:20px 0; }
.devider2 { background: #0067a6; height:5px; margin:0; }

/* buttons */
a.button { xwidth:100%; box-sizing:border-box; display: inline-block; font-family: 'Open Sans'; font-size: 17px; color: #fff; background: #0067a6; line-height: 45px; text-align: center; border-radius: 3px; padding: 0px 21px; margin: 0 10px 15px 0; xtext-transform: uppercase; min-width:155px; }
a.button i.fa-angle-right { margin:0 0 0 15px; }


a.button,
input.button { height:45px; border:none; xwidth:100%; box-sizing:border-box; display: inline-block; font-family: 'Open Sans'; font-size: 17px; color: #fff; background: #0067a6; line-height: 45px; text-align: center; border-radius: 3px; padding: 0px 21px; margin: 0 10px 15px 0; xtext-transform: uppercase; min-width:155px; }
a.button i.fa-angle-right { margin:0 0 0 15px; }
a.button:hover,
input.button:hover { background: #1889ce; text-decoration:none; }
a.button.large {  height:55px; padding: 0px 38px; font-size: 21px;  line-height: 55px; }
a.button.large i.fa-angle-right { margin:0 0 0 30px; }

a.button2 { xwidth:100%; box-sizing:border-box; display: inline-block; font-family: 'Oswald'; font-size: 21px; color: #fff; background: #0067a6; line-height: 55px; text-align: center; border-radius: 3px; padding: 0px 38px; margin: 0 10px 15px 0; xtext-transform: uppercase; min-width:225px; }
a.button2:hover { background: #0067a6; text-decoration:none; }

/* witte button met blauwe tekst / Open Sans */
a.button3 { box-sizing:border-box; display: inline-block; font-family: 'Open Sans'; font-size: 17px; color: #0067a6; border:2px solid #0067a6; line-height:44px; text-align: center; border-radius: 3px; padding: 0px 20px; margin: 0 10px 15px 0; min-width:225px; }
a.button3:hover { background: #0067a6; color:#fff; text-decoration:none; }

/* blauwe button met wite tekst / Open Sans */
a.button4 { box-sizing:border-box; display: inline-block; font-family: 'Open Sans'; font-size: 17px; color: #fff; background:#0067a6; border:2px solid #0067a6;  line-height:44px; text-align: center; border-radius: 3px; padding: 0px 20px; margin: 0 10px 15px 0; min-width:225px; }
a.button4:hover { background:none; color:#0067a6; text-decoration:none; }

/* doorzichtige button met witte tekst / Open Sans */
a.button5 { box-sizing:border-box; display: inline-block; font-family: 'Open Sans'; font-size: 17px; color: #fff; border:2px solid #fff; line-height:44px; text-align: center; border-radius: 3px; padding: 0px 20px; margin: 0 10px 15px 0; min-width:225px; }
a.button5:hover { background: #fff; color:#0067a6; text-decoration:none; }



/* witte button met witte tekst groter / Open Sans */
a.button5.large { font-size: 19px; line-height:53px; padding: 0px 20px; font-weight:600; min-width:275px;  }

a.boekparking { display: block; background: #07ad07; color: #fff; text-decoration: none; line-height: 41px; font-size: 17px; padding: 0 15px; border-radius: 3px; margin: 0 0 20px 0; text-align: center; width: 100%;  font-family: 'Oswald'; text-transform: uppercase; } 
a.boekparking:hover { background:#06a406; }

.infopage a.button { margin-top:30px; }

/* uit oude site*/
/* btn.big = button3, groter (button 5) */
a.btn.big { text-decoration:none; box-sizing:border-box; display: inline-block; font-family: 'Open Sans'; font-size: 17px; color: #0067a6; border:2px solid #0067a6; line-height:48px; text-align: left; border-radius: 3px; padding: 0px 20px; margin: 15px 10px 0 0; min-width:370px; font-weight:600; }
a.btn.big img { margin:0 10px 0 0; }
a.btn.big:hover { background: #0067a6; color:#fff; text-decoration:none; }

    
.button.inloggen { float:right; }

a.green { background:#07ad07; }
a.green:hover { background:#06a406; }

table.standaard { width:600px; }
table.standaard input.inputtext { width:100%; }

/* animatie */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fadeinx {     -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 3s; /* Firefox < 16 */
-ms-animation: fadein 3s; /* Internet Explorer */
-o-animation: fadein 3s; /* Opera < 12.1 */
animation: fadein 3s; 
opacity: 1;
}

.fadein { xopacity: 1; }
            
/*intro home*/

figure { padding:0; margin:0; }

h1 { font-family:'Open Sans'; font-size:28px; margin:0; font-weight:800; line-height:140%; margin:0 0 8px 0; }
h2 { font-family:'Open Sans'; font-size:23px; margin:0; font-weight:100; margin:0;  }
p { font-family:'Open Sans'; font-size:15px; line-height:200%; margin:0; }

.intro { background:#0067a6; border-bottom:7px solid #eeeeee; }
.intro .wrapper { height:587px;  overflow:hidden; padding:65px 0 0; background:url('/images/v4/bandenspoor2b.jpg') top right no-repeat; }
.intro .links { width:48%; float:left; }
.intro .links h1 { color:#fff; max-width: 572px; }
.intro .links h2 { color:#fff; margin:0 0 20px 0; }
.intro .links ul { margin:0 0 34px 0 ; padding:0 0 0 22px; list-style-image: url(/images/v4/vink-wit.png); }
.intro .links ul li { margin:0; padding:0 0 0 22px; font-size:15px; font-weight:bold; color:#fff; line-height:200%; text-transform:lowercase; }
.intro .links a.btn { text-align:left; }
.intro .links a.btn:hover  { }
.intro .links a.btn i.fal.fa-angle-right { float:right; font-size:41px; margin:5px -5px 0 0; }

.intro .iconen { float:right; width:50%; }
.intro .iconen .rij1 { height:174px; margin:0 0 27px 0; }
.intro .iconen .icoon { display:block; }
.intro .iconen .icoon { position:relative; background:#eeeeee; width:158px; height:172px; float:left; margin:0 21px 0 0; }

.intro .iconen .icoon figure { display:block; }
.intro .iconen .icoon figure img { display:block; margin:0 auto 0;  max-width: 100%;}
.intro .iconen .icoon .titel { text-transform:uppercase; position:absolute; bottom:0; left:0; background:#fff; height:36px; width:100%; line-height:36px; font-family:'Oswald'; font-size:16px; text-align:center; }
.intro .iconen .icoon:hover .titel { color:#0067a6; }

.intro .iconen .icoon.truckwash figure img { margin:20px auto 0; }
.intro .iconen .icoon.carwash figure img { margin:38px auto 0; }
.intro .iconen .icoon.parking figure img { margin:22px auto 0; }
.intro .iconen .icoon.tankcleaning figure img { margin:36px auto 0; }
.intro .iconen .icoon.repair figure img { margin:32px auto 0; }

.intro .iconen .rij2 {}
.intro .iconen .excel_shell { float:left; }
.intro .iconen .excel_shell img { display:block; max-width:100%; }
.intro .iconen .excel_shell img.excel { margin:39px 0 0 43px; }
.intro .iconen .excel_shell img.shell { margin:19px 0 0 127px; }

.registratie { border-bottom:7px solid #0067a6; }
.registratie .wrapper { padding:69px 0 74px 0; }
.registratie .links { float:left; width:48%; }
.registratie .links figure { display:block; }
.registratie .links figure img { position:absolute; margin;0 auto; max-width:100%; margin-left:-800px; -webkit-transition-duration: 1s; transition-duration: 1s; }
.registratie.inactie .links figure img { margin:0;  }
.registratie .tekst { width:50%; float:right; }
.registratie .tekst h1 { }
.registratie .tekst h2 { margin:0 0 20px 0;}
.registratie .tekst p { }
.registratie .tekst a.btn.button3 { margin:48px 49px 0 0; }
.registratie .tekst img { display:inline-block; vertical-align:middle;  }


.geenpasjes {}
.geenpasjes .wrapper { padding:85px 0 63px 0; position:relative; }
.geenpasjes .tekst { float:left; width:48%; }
.geenpasjes .tekst h1 { color:#0067a6; }
.geenpasjes .tekst h2 { margin:0 0 20px 0; }
.geenpasjes .tekst p { max-width: 639px; }
.geenpasjes .tekst a.btn.button4 { margin:40px 0 0 0;   }
.geenpasjes .rechts { width:50%; float:right; }
.geenpasjes .rechts figure { display:block; }
.geenpasjes .rechts figure img { position:absolute; bottom:-300px; -webkit-transition-duration: 1s; transition-duration: 1s; }

.geenpasjes.inactie .rechts figure img { position:absolute; bottom:0; }

.kaart { height:488px; background:#0067a6 url(/images/v4/map.jpg) top center no-repeat; background-size:cover; }
.kaart .wrapper { text-align:center; color:#fff; }
.kaart .wrapper h1 { font-size:48px; margin:129px 0 0 0; }
.kaart .wrapper h2 { font-size:30px; margin:0 0 40px 0; }
.kaart .wrapper a.button5 { display:block; max-width:300px; clear:both; margin:0 auto 20px; font-weight:600; border:3px solid #fff; }

.watklantenzeggen { background:#f4f4f4; }
.watklantenzeggen .wrapper { padding:75px 0 90px; }
.watklantenzeggen h1 { text-align:center; margin:0 0 40px 0; font-size:33px; }
.watklantenzeggen .kolommen { opacity:0; }
.watklantenzeggen .kolommen.fadein  { opacity:1; -webkit-transition-duration: 2s; transition-duration: 2s; }
.watklantenzeggen .kolommen .col { float:left; width:24%; padding:15px; margin:0 1% 0 0; background:#fff; min-height:676px; }
.watklantenzeggen .kolommen .col figure { display:block; }
.watklantenzeggen .kolommen .col figure img { width:100%; }
.watklantenzeggen .kolommen .col .quote { margin:21px 0 0 0; }
.watklantenzeggen .kolommen .col .quote .titel { padding:0 0 10px 50px; font-family:'Oswald'; font-size:22px; color:#0067a6; font-weight:bold; background:url(/images/v4/quote-up.png) top 3px left 3px no-repeat; }
.watklantenzeggen .kolommen .col .quote .tekst { font-style:italic; line-height:200%; font-size:14px; padding:0 5px; }
.watklantenzeggen .kolommen .col .quote .persoon { font-weight:bold; font-size:14px; padding:5px 40px 5px 0; margin:11px 0 0 0; background:url(/images/v4/quote-down.png) top right no-repeat; }
.watklantenzeggen .kolommen .col .logo { }
.watklantenzeggen .kolommen .col .logo img { display:block; margin:18px 0 5px }


/* inschrijfblok2 */
.inschrijfblok2 { background:#fff url('/images/v4/bandenspoor.jpg') bottom right no-repeat;  display:block; margin:0 auto 0;  }
.inschrijfblok2 .wrapper {  max-width:600px; padding:70px 0;  }
.inschrijfblok2 .titel { font-size:34px; font-weight:700; font-family:'Open Sans'; color:#0067a6; text-align:center; margin:0 0 40px 0; line-height:100%; }
.inschrijfblok2 .titel i.fa-check-circle-o { font-size:26px; margin: 0 10px 0 0; } 
.inschrijfblok2 .label { position:relative; display:inline-block; }
.inschrijfblok2 .label label { font-size:15px; color:#006699; font-family:'Open Sans'; position:absolute; top:-10px; left:15px; padding:0 10px; background:#fff; text-transform:lowercase; }
.inschrijfblok2 .label.checkbox { }
.inschrijfblok2 input.inputtext,
.inschrijfblok2 select.inputtext { width:100%; font-size:21px; padding:0 24px; height:70px; line-height:70px; width:600px; box-sizing:border-box; border:1px solid #cacaca; border-radius:2px; }
.inschrijfblok2 .newrule { clear:both; margin:0 0 23px 0; }

.inschrijfblok2 .label a { color:#0067a6; text-decoration:underline; }
.inschrijfblok2 .label a:hover { color:#0067a6; text-decoration:none; }

.inschrijfblok2 select.aanhef { float:left; width:125px; margin-right:10px; }
.inschrijfblok2 input.voornaam { float:left;  width:170px; margin-right:10px; }
.inschrijfblok2 input.achternaam { float:left;  width:284px; }
.inschrijfblok2 input.wachtwoord { width:295px; }
.inschrijfblok2 input.wachtwoord1 { margin-right:10px; }
.inschrijfblok2 a.button2 {     width: 100%; font-size: 25px;  line-height: 62px; }
.inschrijfblok2 a.button2 i.fal { float: right; font-size: 35px; margin: 13px 0 0 0; }

    
/* voordelen */
.voordelen  { background: #fff; padding: 70px 0 70px; overflow:hidden; }
.voordelen.grijs  { background: #f4f4f4; }
.voordelen .wrapper { width:100%;  max-width: 1170px;  }
.voordelen .voordeel { text-align:center; box-sizing:border-box; display:inline-block; float:left; xwidth:20%; padding:0 10px;}
.voordelen .voordeel figure { display:block; height:100px; }
.voordelen .voordeel figure img { display:block; margin:0 auto;  }
.voordelen .voordeel .titel { font-family:'Oswald'; font-size:21px; font-weight:400; color:#0067a6; text-transform:uppercase; margin: 0 0 10px 0; white-space:no-wrap; }
.voordelen .voordeel .uitleg { font-family:'Open Sans'; font-size:14px; color:#000000; max-width:200px; }
.voordelen .voordeel.save img { }
.voordelen .voordeel.factuur img { }
.voordelen .voordeel.controle img { }
.voordelen .voordeel.webapp img { }
.voordelen .voordeel.locations img { }

.voordelen.blauw { display:none; background:#0067a6; }
.voordelen.blauw .voordeel .titel { color:#fff; }
.voordelen.blauw .voordeel .uitleg { color:#cecece; }
.voordelen.blauw .voordeel figure img { xfilter: brightness(0) xinvert(1); }


.footer { xdisplay:none; background:#0067a6; position:relative; }
.footer .wrapper { padding:0; }
.footer .sitemap { width:50%; float:left; }
.footer .sitemap .col { width:33%; float:left; margin:64px 0 63px 0; }
.footer .sitemap .col h3 { font-size:23px; font-weight:100; margin:0 0 32px 0; }
.footer .sitemap .col h3 a { color:#fff; text-decoration:none; }
.footer .sitemap .col h3 a:hover { text-decoration:underline; }
.footer .sitemap .col ul { margin:0; list-style:none; padding:0; }
.footer .sitemap .col ul li { margin:0; padding:0; line-height:200%; }
.footer .sitemap .col ul li a { color:#fff; font-size:17px; font-weight:bold; }
.footer .sitemap .col ul li a:hover  { text-decoration:underline; }
.footer .contactinfo { width:50%; float:left; color:#fff; background:url(/images/v4/thomas.jpg) bottom right no-repeat; height:355px; }
.footer .contactinfo.maud { background-image:url(/images/v4/maud.jpg); }
.footer .contactinfo.rudolf { background-image:url(/images/v4/rudolf.jpg); }
.footer .contactinfo a { color:#fff; display:block;  }
.footer .contactinfo a.tel { margin:104px 0 0 0; font-size:26px; font-weight:bold; }
.footer .contactinfo a.tel i.fal.fa-phone.fa-flip-horizontal { margin:0 13px 0 0; font-size:20px }
.footer .contactinfo a.email { margin:16px 0 0 0;}
.footer .contactinfo a.email i.fal.fa-envelope { margin:0 15px 0 5px; }


.footer2 { xdisplay:none; }
.footer2 .wrapper { padding:15px 0; font-size:13px; }
.footer2 .wrapper .links { float:left; }
.footer2 .wrapper .links { }
.footer2 .wrapper .links { float:left; }
.footer2 .wrapper .links a { text-transform:lowercase; display:inline-block; margin:0 5px; }
.footer2 .wrapper .links a:hover { text-decoration:underline; }
.footer2 .wrapper .links span.copyright { display:inline-block; margin:0 0 0 10px; }
.footer2 .wrapper .rechts { float:right; }
.footer2 .wrapper .rechts a.poweredby { }
.footer2 .wrapper .rechts a.poweredby:hover { text-decoration:underline; }

/* rest */


/* inschrijven */
.inschrijfblok { max-width:600px; display:block; background: #f3f3f3; margin:40px auto 0; padding:20px 50px 30px; border: 7px solid #0067a6; border-radius: 9px; }
.inschrijfblok table tr td.titel i.fa-check-circle-o { font-size:26px; margin: 0 10px 0 0; } 

table.standaard {}
table.standaard tr {}
table.standaard tr td.titel { text-transform:uppercase; color:#000; font-weight:bold; font-size:22px; padding:10px 0px; font-family: 'Oswald';  }
table.standaard tr td { vertical-align:top; padding: 5px 20px 5px 0; }
table.standaard tr td:first-child { padding-top:15px; }
table.standaard tr td.label { xdisplay:none; }
 

/* intropage bij aanmelden */
.intropage { }
.intropage .wrapper { padding:50px 0 0; text-align:center; }
.intropage .intro2 {}
.intropage .intro2 h1 { color: #0067a6; }
.intropage .intro2 p {}

/* benefits */
.benefits { background: #fff; padding: 70px 0; overflow:hidden; }
.benefits .titelx { text-align:center; font-family: 'Open Sans'; font-size: 48px; text-transform:initial; font-weight:800; margin: 0 0 65px 0; color:#000000; display:block; font-weight:100; }
.benefits .titel { xcolor: #0067a6; text-align:center;} 
.benefits  .introtekst { margin:0 0 40px 0; }
.benefits  .introtekst p { text-align:center; } 

.benefits .kolommen { max-width:1265px; margin:0 auto; }
.benefits .kolom { width:48%; }
.benefits .kolom { width:48%; }
.benefits .kolom.nr1 { float:left; }
.benefits .kolom.nr2 { float:right; }
.benefits .kolom .rij { margin:0 0 30px 0; overflow:hidden; min-height:115px; }
.benefits .kolom .rij .icoon { width:110px; float:left; display:inline-block; position:absolute; }
.benefits .kolom .rij .icoon img { margin:10px auto 0; display:block; }
.benefits .kolom .rij .tekst { padding:0 0 0 132px;  }
.benefits .kolom .rij .tekst h2 { font-size:22px; font-family: 'Open Sans'; text-transform:uppercase; font-weight:400; margin: 0 0 5px 0; color:#1889ce; display:block; }
.benefits .kolom .rij .tekst p { color:#000; font-family:'Open Sans'; font-size: 14px; line-height: 150%; }

.benefits .center { text-align:center; margin:30px 0 0; }
.benefits .button.large { margin:0 auto; }

#pagecolumn { }
#pagecolumn .account-aanmaken { }
#pagecolumn .account-aanmaken.voertuigen { }

.dashboard { border-top: 5px solid #0067a6; }
.dashboard .wrapper { padding:50px 0; }
.dashboard .links { width:20%; float:right; }
.dashboard .links h1 { text-align:center; font-family:'Oswald'; color:#0067a6; font-size:21px; font-weight:bold; text-transform:uppercase; margin:0 0 40px 0; }
.dashboard .links h1 span { color:#000; display:block; }
.dashboard .links .voordelen { padding:0; }
.dashboard .links .voordelen .voordeel { padding:0; width:100%; }
.dashboard .links .voordelen .wrapper { padding:0; }
.dashboard .links .voordelen .voordeel { xfloat:none; xoverflow:hidden; text-align:left; margin:0 0 30px 0;}
.dashboard .links .voordelen .voordeel figure { xfloat:left; xdisplay:block; width:60px; height:initial; position:absolute;  }
.dashboard .links .voordelen .voordeel figure img { max-width: 40px; max-height: 55px; margin:0; }
.dashboard .links .voordelen .voordeel .titel { padding:0 0 0 60px; font-size:20px; margin:0 0 5px 0;  }
.dashboard .links .voordelen .voordeel .uitleg { xdisplay:none; padding:0 0 0 60px;  font-size:13px; color:#1a1a1a; max-width:initial; }
.dashboard .links .voordelen .voordeel.save img { }
.dashboard .links .voordelen .voordeel.factuur img {  }
.dashboard .links .voordelen .voordeel.controle img { }
.dashboard .links .voordelen .voordeel.webapp img { margin:0 0 0 2px; }
.dashboard .links .voordelen .voordeel.locations img { }
.dashboard .links .voordelen .wrapper {}

.dashboard .rechts { width:73%; float:left; }

.dashboard.aanmeldingpartners .rechts { width:100%; }
.dashboard.aanmeldingpartners .links { xdisplay:none; width:100%; xpadding:0 40px 0 0; xfloat:left; xdisplay:none; }


.dashboard .links p { font-weight: bold; background: #eee; display: inline-block; line-height: 36px; padding: 0 20px; color: #000;     float: right; clear: both; margin: -33px 0 10px 0; }

.dashboard .links ul.menu { float:none; margin:20px 0 20px; height:44px;  }
.dashboard .links ul.menu li:first-child a { border-radius:3px 0 0 3px; }
.dashboard .links ul.menu li:last-child a { border-radius:0 3px 3px 0; }
.dashboard .links ul.menu li { width:20%; float:left; display:inline-block; position:relative; }
.dashboard .links ul.menu li a { display:block; line-height:44px; text-align:center; color:#fff; background: #0067a6; text-decoration:none; }
.dashboard .links ul.menu li a.checked { background:#1DB403; }
.dashboard .links ul.menu li a.active { background:#1DB403; }
.dashboard .links ul.menu li a.active:after { content: ''; width: 0; height: 0; border-top: 22px solid #0000; border-left: 11px solid #1db403; border-bottom: 22px solid #0000; position: absolute; top: 0px; right: -11px; z-index: 9; }
/* pagecolumn - menu */
/*
.dashboard .links ul.menu { display:none; float:none; margin:20px 0 0 0; }
.dashboard .links ul.menu li { border: 1px solid #e4e4e4; border-top: 0; border-right: 0;   }
.dashboard .links ul.menu li.first { border-top: 1px solid #e4e4e4; }
.dashboard .links ul.menu a,
.dashboard .links ul.menu a:visited { display: block; min-width: 211px; height: 37px; padding-left: 8px; color: #6c6c6c; background:#F9F9F9; text-decoration:none; }
.dashboard .links ul.menu a:hover,
.dashboard .links ul.menu a.active { color: #0067a6; text-decoration: none; background: #fff; }
.dashboard .links ul.menu span { display: block; padding: 10px 0 10px 30px; }
.dashboard .links ul.menu .dboard1 { background: url(/images/ico-dboard-1.png) no-repeat left; }
.dashboard .links ul.menu .dboard2 { background: url(/images/ico-dboard-2.png) no-repeat left; }
.dashboard .links ul.menu .dboard2b { background: url(/images/ico-dboard-2b.png) no-repeat left; }
.dashboard .links ul.menu .dboard3 { background: url(/images/ico-dboard-3.png) no-repeat left; }
.dashboard .links ul.menu .dboard4 { background: url(/images/ico-dboard-4.png) no-repeat left; }
.dashboard .links ul.menu .dboard5 { background: url(/images/ico-dboard-5.png) no-repeat left; }
.dashboard .links ul.menu .dboard6 { background: url(/images/ico-dboard-6.png) no-repeat left; }
.dashboard .links ul.menu .dboard6b { background: url(/images/ico-dboard-6b.png) no-repeat left; }
.dashboard .links ul.menu .dboard7 { background: url(/images/ico-dboard-7.png) no-repeat left; }
.dashboard .links ul.menu .dboard8 { background: url(/images/ico-dboard-8.png) no-repeat left; }
.dashboard .links ul.menu .dboard9 { background: url(/images/ico-dboard-9.png) no-repeat left; }
.dashboard .links ul.menu .dboard10 { background: url(/images/ico-dboard-10.png) no-repeat left; }
.dashboard .links ul.menu .dboard11 { background: url(/images/ico-dboard-11.png) no-repeat left; }
.dashboard .links ul.menu .dboard12 { background: url(/images/ico-dboard-12.png) no-repeat left; }
.dashboard .links ul.menu .dboard26 { background: url(/images/ico-dboard-26.png) no-repeat left; }

.dashboard .links ul.menu .dboard1:hover,
.dashboard .links ul.menu .active .dboard1 { background: url(/images/ico-dboard-1-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard2:hover,
.dashboard .links ul.menu .active .dboard2 { background: url(/images/ico-dboard-2-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard2b:hover,
.dashboard .links ul.menu .active .dboard2b { background: url(/images/ico-dboard-2b-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard3:hover,
.dashboard .links ul.menu .active .dboard3 { background: url(/images/ico-dboard-3-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard4:hover,
.dashboard .links ul.menu .active .dboard4 { background: url(/images/ico-dboard-4-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard5:hover,
.dashboard .links ul.menu .active .dboard5 { background: url(/images/ico-dboard-5-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard6:hover,
.dashboard .links ul.menu .active .dboard6 { background: url(/images/ico-dboard-6-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard6b:hover,
.dashboard .links ul.menu .active .dboard6b { background: url(/images/ico-dboard-6b-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard7:hover,
.dashboard .links ul.menu .active .dboard7 { background: url(/images/ico-dboard-7-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard8:hover,
.dashboard .links ul.menu .active .dboard8 { background: url(/images/ico-dboard-8-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard9:hover,
.dashboard .links ul.menu .active .dboard9 { background: url(/images/ico-dboard-9-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard10:hover,
.dashboard .links ul.menu .active .dboard10 { background: url(/images/ico-dboard-10-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard11:hover,
.dashboard .links ul.menu .active .dboard11 { background: url(/images/ico-dboard-11-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard12:hover,
.dashboard .links ul.menu .active .dboard12 { background: url(/images/ico-dboard-12-on.png) no-repeat left; }
.dashboard .links ul.menu .dboard26:hover,
.dashboard .links ul.menu .active .dboard26 { background: url(/images/ico-dboard-26-on.png) no-repeat left; }


.dashboard .links ul.menu .step1 { background: url(/images/ico-account-step1.png) no-repeat left; }
.dashboard .links ul.menu .step2 { background: url(/images/ico-account-step2.png) no-repeat left; }
.dashboard .links ul.menu .step3 { background: url(/images/ico-account-step3.png) no-repeat left; }
.dashboard .links ul.menu .step4 { background: url(/images/ico-account-step4.png) no-repeat left; }
.dashboard .links ul.menu .step5 { background: url(/images/ico-account-step5.png) no-repeat left; }
.dashboard .links ul.menu .step6 { background: url(/images/ico-account-step6.png) no-repeat left; }
.dashboard .links ul.menu .step7 { background: url(/images/ico-account-step7.png) no-repeat left; }

.dashboard .links ul.menu a.normal:hover { color: #6c6c6c; background:#F9F9F9; xbackground: url(/images/bgr-dboard-links.png); }

.dashboard .links ul.menu a.normal:hover .step1 { background: url(/images/ico-account-step1.png) no-repeat left; }
.dashboard .links ul.menu a.normal:hover .step2 { background: url(/images/ico-account-step2.png) no-repeat left; }
.dashboard .links ul.menu a.normal:hover .step3 { background: url(/images/ico-account-step3.png) no-repeat left; }
.dashboard .links ul.menu a.normal:hover .step4 { background: url(/images/ico-account-step4.png) no-repeat left; }
.dashboard .links ul.menu a.normal:hover .step5 { background: url(/images/ico-account-step5.png) no-repeat left; }
.dashboard .links ul.menu a.normal:hover .step6 { background: url(/images/ico-account-step6.png) no-repeat left; }
.dashboard .links ul.menu a.normal:hover .step7 { background: url(/images/ico-account-step7.png) no-repeat left; }


.dashboard .links ul.menu .active .step1 { background: url(/images/ico-account-step1-on.png) no-repeat left; }
.dashboard .links ul.menu .active .step2 { background: url(/images/ico-account-step2-on.png) no-repeat left; }
.dashboard .links ul.menu .active .step3 { background: url(/images/ico-account-step3-on.png) no-repeat left; }
.dashboard .links ul.menu .active .step4 { background: url(/images/ico-account-step4-on.png) no-repeat left; }
.dashboard .links ul.menu .active .step5 { background: url(/images/ico-account-step5-on.png) no-repeat left; }
.dashboard .links ul.menu .active .step6 { background: url(/images/ico-account-step6-on.png) no-repeat left; }
.dashboard .links ul.menu .active .step7 { background: url(/images/ico-account-step7-on.png) no-repeat left; }

.dashboard .links ul.menu .checked,
.dashboard .links ul.menu .checked:hover { color: #aaeb8a; background: url(/images/bgr-account-menu.png?v=2) top right; }
.dashboard .links ul.menu .checked .step1 { color: #aaeb8a; background: url(/images/ico-account-step1-done.png) no-repeat left; }
.dashboard .links ul.menu .checked .step2 { color: #aaeb8a; background: url(/images/ico-account-step2-done.png) no-repeat left; }
.dashboard .links ul.menu .checked .step3 { color: #aaeb8a; background: url(/images/ico-account-step3-done.png) no-repeat left; }
.dashboard .links ul.menu .checked .step4 { color: #aaeb8a; background: url(/images/ico-account-step4-done.png) no-repeat left; }
.dashboard .links ul.menu .checked .step5 { color: #aaeb8a; background: url(/images/ico-account-step5-done.png) no-repeat left; }
.dashboard .links ul.menu .checked .step6 { color: #aaeb8a; background: url(/images/ico-account-step6-done.png) no-repeat left; }

*/

/* van cmscontent2 */
.dashboard,
.dashboard p,
.dashboard table,
.dashboard td,
.dashboard li { font-family: 'Open Sans', sans-serif; font-size:15px; line-height:150%; margin:0px;}

.dashboard a { color: #0067a6	; text-decoration: underline}
.dashboard a:hover { color: #0067a6; text-decoration: none; }

.dashboard h1,
.dashboard h2,
.dashboard h3,
.dashboard h4,
.dashboard h5,
.dashboard h6 {  font-family: 'Open Sans', sans-serif; font-size:28px; color: #000; font-weight:600; padding: 0; margin:0 0 10px 0; text-transform: none; text-align: left; line-height:150%; display:block; }

.dashboard h1 { font-family: 'Oswald', sans-serif; font-size:28px; font-weight:800; margin: 0px 0 20px; display:block; color:#0067a6; text-transform:uppercase; }
.dashboard h2 { font-size:20px; color:#0067a6; font-weight:400; }
.dashboard h3 { font-size:18px; }
.dashboard h4 { font-size:20px;  }
.dashboard h5 { font-size:18px; }
.dashboard h6 { font-size:16px; }

.dashboard b { font-weight:bold; }
.dashboard ix { font-style:italic; }
.dashboard i.fa{font-style:normal;}
.dashboard u { text-decoration:underline; }
.dashboard p { padding-bottom:0; } 


.dashboard p.addmargin { margin-bottom:25px; }
.dashboard p.m10 { margin-bottom:10px; }
.dashboard p.m20 { margin-bottom:20px; }

.dashboard ul {  } /* anders */
.dashboard ul li {  }

.dashboard .blok { padding:34px 0; border-top:1px solid #dbdbdb; }
.dashboard .blok:first-child { padding-top:12px; border-top:none; }
.dashboard .blok:last-child {  }

.dashboard .button,
.dashboard a.button2 { color:#fff;  text-decoration:none; }
.dashboard a.button3 { text-decoration:none; }
.dashboard a.button3:hover {  color:#fff;  text-decoration:none; }

.dashboard h3 span { font-size:12px; color:#0067a6; display:inline-block; } 
.dashboard ul.form li { margin:0 0 10px 0; }
.dashboard ul.form li label,
.dashboard ul.form li span.label { display:inline-block; min-width:257px; padding:0 10px 0 0;  }
.dashboard ul.form li label.groter, 
.dashboard ul.form li span.label.groter { min-width: 306px; }
.dashboard ul.form li label.labelradio { min-width:initial; padding:0 10px 0 0; }
.dashboard ul.form li label.inline { }
.dashboard ul.form li label.inline2 { display:inline; }
.dashboard ul.form li.addmargin { margin:10px 0; } 
.dashboard ul.form li input { }
.dashboard ul.form li input.txt1,
.dashboard ul.form li select { width:400px; }
.dashboard ul.form li select.aantal { width:70px; }
.dashboard ul.form li select.tijd { width:110px; }


.dashboard ul.form li input.postcode { width:105px; } 
.dashboard ul.form li input.huisnummer,
.dashboard ul.form li input.toev { width:60px; } 
.dashboard ul.form li input.straat,
.dashboard ul.form li input.woonplaats { width:198px; } 
.dashboard ul.form li input.voornaam { width:140px; } 
.dashboard ul.form li input.achternaam { width:254px; } 


.dashboard .block { margin:0 0 30px 0; }
.dashboard .spacer { height:30px; }

/* groene button met wite tekst / Open Sans */
.dashboard a.button6 { box-sizing:border-box; display: inline-block; font-family: 'Open Sans'; font-size: 18px; color: #fff; font-weight:600; background:#07ad07; border:none;  line-height:52px; text-align: center; border-radius: 3px; padding: 0px 25px; margin: 0 10px 15px 0; min-width:275px; text-decoration:none; }
.dashboard a.button6:hover { background:#06a406; color:#fff; text-decoration:none; }
.dashboard a.button6 i.fal { float: right; margin: 14px 0 0 0; font-size: 24px; font-style: normal; }

.dashboard p.error { color:red; font-weight:bold; }
.dashboard p.boodschap { font-weight:bold; }

.dashboard.aanmelding .links { width:300px; }
.dashboard.aanmelding .rechts { width:1000px; }

.dashboard p.strongcolor strong { color:#0067a6; }

/* dashboard: betaalwijze */
.dashboard .betaalwijze { width:100%; background:#eeeeee; margin:25px 0 25px 0; }
.dashboard .betaalwijze .regel { height:52px; line-height:52px; border-top:2px solid #fff; overflow:hidden; font-size:16px; }

.dashboard .betaalwijze .regel.odd { background:#f7f7f7; }
.dashboard .betaalwijze .regel .radio { width:60px; text-align:center; float:left; }
.dashboard .betaalwijze .regel .naam { min-width:250px; xwidth:374px; font-weight:bold; float:left; }
.dashboard .betaalwijze .regel .naam img { vertical-align:middle; margin: 16px 11px 0 -2px; width: 21px; float: left; }
.dashboard .betaalwijze .regel .termijn { width:33%;  float:left; min-width:279px; color:#0067a6; display:inline-block; margin:0 0 0 18px;  }
.dashboard .betaalwijze .regel .toeslag { width:33%;  width:auto; float:left; }
.dashboard .betaalwijze .regel .naam sup,
.dashboard .betaalwijze .regel .toeslag sup { font-size:10px; position: absolute; margin: -6px 0 0 2px; font-weight:lighter; }
.dashboard .betaalwijze { }
.dashboard .betaalwijze .escform {     padding: 5px 15px 6px 15px; overflow:hidden; }
.dashboard .betaalwijze .escform span { display:inline-block; }
.dashboard .betaalwijze .escform input {  float:left;   width: 368px; margin:0 10px 0 0; }
.dashboard .betaalwijze .escform a.button { float:left; height:39px; line-height:39px; }
.dashboard .betaalwijze .escform a.button i.fal { display:none; }

.dashboard .notes { margin:20px 0 0 0; }
.dashboard .notes i { display:block; }
.dashboard .notes i sup { font-size:10px; }

.dashboard a.button i.fal { margin:0 10px 0 0; }

.dashboard a.button:hover { color:#fff; }


.dashboard .button.terug { height: auto; line-height: 44px; font-size: 16px; padding:0 20px; text-transform:lowercase; margin: 0 0 25px 0; }
.dashboard .button.terug i.fa {  margin: 12px 11px 0 0; font-size: 21px; float: left; }
.dashboard .button.terug:hover { color:#000; }

.dashboard .button.grijs { }
.dashboard .button.grijs { }
.dashboard .button.grijs:hover { color:#000; }

.dashboard h1 i.fal { float: left; margin: 8px 13px 0 0; }

.dashboard i.fal.prefix { position:absolute; margin: 14px 0 0 13px; font-size: 20px;  color: #acacac; }

.dashboard input.mobnummer { height: 45px; margin: 0 10px 0 0; width: 300px; padding: 0 0 0 48px; }


.dashboard font.toelichting { color: #0067a6; font-size: 12px; }

/* tooltip */
h3 .tooltip { font-size: 15px; margin: 0px 0px 0 5px; }
.tooltip { position:relative; }
.tooltip-data {     visibility: hidden; width: 300px; background-color: #fdfdfd; color: #000; font-weight: 400; line-height: 150%; font-size: 13px; text-align: left; padding: 13px; border: 2px solid #0167a6; border-radius: 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -150px; opacity: 0; transition: opacity 1s; }
.tooltip-data::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #0167a6 transparent transparent transparent; }
.tooltip-data.active { visibility: visible; opacity: 1; }
.tooltip-data i.fa-times { float:right; }

/* aanmelding partners */
table.standaard2 { }
table.standaard2 tr { }
table.standaard2 tr td { vertical-align:middle; padding:0 0 10px 0; }
table.standaard2 tr td:first-child { padding:0 10px 10px 0; } 

table.openingstijden tr td { height:50px; }

input[type="checkbox"].styled.inline { margin: 0px 9px 6px 0;}

/* dashboard - parking */
.dashboard .aantaltekens { font-size:12px; font-style:italic; color:#666666; }

.dashboard ul.form li input.euro { width:51px; text-align:right; }
.dashboard ul.form li input.cent { width:41px; text-align:center; }
.dashboard span.btw { font-size: 12px; color: #0067a6;  }
.dashboard ul.form li .prijs { display:inline-block; }

/* voertuigen - type - tarieven */
ul.type { }
ul.type li { padding: 15px 0 10px; border-bottom: 1px solid #dedada; overflow:hidden; } 
ul.type li.color { padding: 15px 0 10px; } 
ul.type img { margin-top: 5px; float:left; position:absolute; }
ul.type .text { float: left; width:100%; max-width:800px; padding:0 0 0 117px;  }
ul.type .text h3 { }
ul.type .text input[type=checkbox] { margin:7px 10px 0 0; float:left; }
ul.type .text .wpregel { padding: 8px 0 0 0; width:380px; float:left; height:46px; }
ul.type .text .wpregel strong {}
ul.type .text .wpprijs { float:right; width:210px; }
ul.type .text .wpprijs span { display:inline-block; }
ul.type .text .wpprijs span.nietmogelijk { color:red; padding:8px 0 0 0; }
ul.type .text .wpregel.active,
ul.type .text .wpregel.active { color:#1DB403; font-weight:bold; }
ul.type .text .wpregel.disabled,
ul.type .text .wpregel.disabled strong {  }
ul.type .text .wpprijs .currencyinput {  }
ul.type .text .wpprijs .currencyinput input { width: 60px; text-align: right; }
ul.type .text .wpprijs .currencyinput input.euro { margin-left:10px; text-align:right; width:55px; }
ul.type .text .wpprijs .currencyinput input.cents { width:40px; }
ul.type .text .wpprijs .currencyinput.error { color:#000; }
ul.type .text .wpprijs .currencyinput.error input { border-color:red; }
ul.type .text .wpprijs .currencyinput font {  }
ul.type .text .wpprijs .currencyinput font.excl { padding-left:8px; font-weight:lighter; font-size:11px; xcolor:#333; }
ul.type .text .wpprijs .currencyinput i.fa { color: #0067a6; cursor:pointer; float:right;  margin: 14px 0 0 13px; }
ul.type .text .wpprijs .currencyinput i.fa:hover { color: #1DB403; }
ul.type .text .variatie { margin:0 0 8px 0; }
ul.type .text .variatie .wpregel { padding:0; }
ul.type .text .variatie .wpregel input.variatienaam { width:100%; }
ul.type .text .variatie .wpregel input.variatienaam.error { border:1px solid red; color:#000; }

ul.type h3.specialeklanten { margin-top:20px; }


/* aanmelding partners - parking - tijden */
.parkingtijden { }
.parkingtijden .regel { margin:0 0 10px 0; overflow:hidden; }
.parkingtijden .regel input.inputcheckbox { float:left; margin:10px 14px 0 0; }
.parkingtijden .regel .dag,
.parkingtijden .regel .gesloten,
.parkingtijden .regel .open,
.parkingtijden .regel .open .vanaf,
.parkingtijden .regel .open .tot,
.parkingtijden .regel .open .dag2 { float:left; line-height:40px; margin:0 10px 0 0; }
.parkingtijden .regel .dag { min-width:95px; }
.parkingtijden .regel .dag2 { min-width:115px; xtext-transform:lowercase; }
.parkingtijden .regel .gesloten { color:red; }
.parkingtijden .regel .open {  }
.parkingtijden .regel .open select { float:left; width:110px; margin:0 10px 0 0; }
.parkingtijden .regel .open .vanaf {  }
.parkingtijden .regel .open .tot {  }
.parkingtijden .regel .open .dag2 {  }

/* nieuws */
.nieuws { width:100%; }
.nieuws h2 {  }
.nieuws h2 a { text-decoration:none; }
.nieuws h2 a:hover { text-decoration:underline; }
.nieuws h2 span { font-size:11px; color:#999999;  }
.nieuws p {}
.nieuws tr.nieuws_item td { border-bottom:1px solid #e8e8e8; padding:15px 0; }
.nieuws tr td.nieuws_foto {  width:280px; }
.nieuws tr td.nieuws_foto img { border:1px solid #cccccc; }
.nieuws tr td.nieuws_inleiding span  { font-size: 11px; color: #868383;	font-style: italic;	display: block; }
.nieuws tr td.nieuws_inleiding p  { margin:0 0 20px 0; }
.nieuws tr td.nieuws_inleiding a.lees_verder,
.cmscontent2 a.nieuws_terug { display: inline-block; font-size: 14px; color: #0067a6; border:2px solid #0067a6; background:#fff; padding:2px 20px; font-style: normal;	 margin-right:2px; text-decoration:none; border-radius:3px; text-transform:lowercase; } 
.nieuws tr td.nieuws_inleiding a.lees_verder:hover,
.cmscontent2 a.nieuws_terug:hover { border:2px solid #0067a6; background:#0067a6; color:#fff; }
.nieuws_image { border:0px solid #cccccc; margin:8px 25px 25px 0; float:left; }

/* navigatie*/
.cmscontent2 .resultnav { margin: 15px auto 30px;  padding:10px;  }
.cmscontent2 .resultnav ul { font-size: 15px; font-weight: bold; text-align: center; }
.cmscontent2 .resultnav li { display: inline; margin: 0 2px; padding:0px; }
.cmscontent2 .resultnav li a { xcolor: #003300; text-decoration:none; }
.cmscontent2 .resultnav li a:hover { xcolor: #003300; text-decoration:underline; }
.cmscontent2 .resultnav li a.current { color: #000000; font-weight:bold; }

/* 1440 */
@media only screen and (max-width:1599px)
{ 
	.header .wrapper .logo { }
	ul.nav li a { font-size: 20px; padding: 0 10px; }

	
	.intro .iconen .excel_shell img.excel { margin:29px 0 0 30px; }
	.intro .iconen .excel_shell img.shell { margin:19px 0 0 10px; }
	
	/* dashboard */
	.dashboard.aanmelding .rechts { width: 900px; }
	
}

/* 1366 */
@media only screen and (max-width:1439px)
{ 
	.header .wrapper .rechts .telefoon {  margin: 57px 0 0 0; font-size: 19px; }
	ul.nav li.account { margin: -2px 6px 0 0px; }
	
	.watklantenzeggen .kolommen .col { width:32%; }
	.watklantenzeggen .kolommen .col.nr3 { margin:0; }
	.watklantenzeggen .kolommen .col.nr4 { display:none; }
	
	.sfeer .titel { font-size:36px; margin:50px 0; }
	
	/* dashboard */
	.dashboard.aanmelding .rechts { width: 800px; }
}

/* 1280 */
@media only screen and (max-width:1365px)
{ 
	ul.nav li a,
	.scrolled ul.nav li.account a { font-size: 18px; padding: 0 10px; }
	
	.header .wrapper .rechts .telefoon,
	.scrolled .header .wrapper .rechts .telefoon { font-size: 18px; }
	
	h1 { font-size: 27px; }
	h2 { font-size:22px;  }
	
	.geenpasjes .wrapper { width:100%; padding:85px 5% 63px; }
	
	.kaart .wrapper h1 { font-size: 41px; }
	.kaart .wrapper h2 { font-size: 27px; }
	
	
	
	.footer .contactinfo a.tel { font-size: 25px; }
	
}

/* 1024 */
@media only screen and (max-width:1279px)
{ 
	.wrapper { width:95%; }
	.menu { xfloat:right; }
	.header .wrapper .logo { width:23%; }
	.scrolled .header .wrapper .logo a.logo1 { display:none; }
	
	.header .wrapper .rechts .telefoon { display:none; }
	
	h1 { font-size: 25px; }
	h2 { font-size: 20px; }
	
	.intro .wrapper { height: 640px; }
	.intro .iconen { margin:30px 0 0 0; }
	.intro .iconen .icoon { width: 152px; margin: 0 7px 0 0; }
	.intro .iconen .excel_shell { width:152px; }
	.intro .iconen .rij1 { margin:0 0 7px 0; }
	
	    
	.intro .iconen .excel_shell img.excel { width:120px; margin:30px auto 0; }
	.intro .iconen .excel_shell img.shell { width:136px; margin:20px auto 0; }
	
	.registratie.inactie .links figure img { position:static; }
	.registratie .links { width: 35%; }
	.registratie .tekst { width: 60%; }
	
	.geenpasjes .wrapper { width:100%; padding:55px 2.5% 43px; }
	.geenpasjes .tekst { width:60%; }
	.geenpasjes .rechts { width:35%; }
	
	.kaart { height:auto; padding: 70px 0 50px; } 
	.kaart .wrapper h1 { margin:0; }
	
	.watklantenzeggen .wrapper {  padding: 44px 0 69px; }
    
	.voordelen .voordeel { width:20%; }
	.voordelen .voordeel .titel { font-size: 16px; margin: 14px 0 10px 0; }
	.voordelen .voordeel .uitleg { }
	
	.footer .wrapper { width:100%; padding:0 0 0 2.5%; }
	.footer .sitemap { width: 59%; }
	.footer .sitemap .col h3 { margin: 0 0 22px 0; }
	.footer .contactinfo { width:41%; background-size: 310px; background-position: 155px bottom; }
	.footer .contactinfo a.tel { font-size: 21px; }
	.footer .score { width:16%; }
	
	/* dashboard */
	.dashboard.aanmelding .links { width: 245px; }
	.dashboard.aanmelding .rechts { width: 700px; }
	
	.dashboard .betaalwijze .regel { height:auto; line-height:initial; padding:15px 0; position:relative; }
	.dashboard .betaalwijze .regel .radio { position:absolute; ; }
	.dashboard .betaalwijze .regel .naam,
	.dashboard .betaalwijze .regel .termijn,
	.dashboard .betaalwijze .regel .toeslag { width:100%; float:none; padding:0 0 0 60px;  margin:0; line-height:175%; min-width:initial; }
	.dashboard .betaalwijze .regel .leeg { display:none; }
}

/* 800 */
@media only screen and (max-width:1023px)
{ 
	
	/* fix reset */
	ul.nav li a { font-size: 18px; padding:0 15px; }
	
	/* mobile menu  */
	.hamburger { display:inline-block; float:left; margin:20px 20px 0 0; }
	
	
	.header .wrapper .logo { width:auto; margin:0 20px 0 0; }
	.header .wrapper .logo a img,
	.scrolled .header .wrapper .logo a img { height:49px; width:auto; margin:20px 0; }
	
	
	.header .wrapper .rechts .telefoon, 
	.scrolled .header .wrapper .rechts .telefoon { font-size: 21px; }
	
	
	
	.header .wrapper .rechts .telefoon,
	.scrolled .header .wrapper .rechts .telefoon { margin: 3px 0 0 0; }
	
	.header .wrapper .rechts { margin:20px 0 0 0; }
	.header .wrapper .rechts .telefoon,
	.scrolled .header .wrapper .rechts .telefoon { display:inline-block; margin:0 20px 0 0; }
	.header .wrapper .rechts .email2 { display:inline-block; }
	
	.scrolled .hamburger { margin:10px 20px 0 0; }
	.scrolled .header .wrapper .logo a.logo1 { display:none; }
	.scrolled .header .wrapper .logo a img { margin:10px 0; }
	.scrolled .header .wrapper .logo a.logo2 { display:inline-block; }
	.scrolled .header .wrapper .rechts { margin:10px 0 0 0; }
	.scrolled .header .wrapper .rechts .telefoon { margin:0 20px 0 0; }
	.scrolled .header .wrapper .rechts .email2 {  }
	
	.header { position: static; width: 100%; background:#fff; z-index:11; }
	.scrolled .opvulling { display:block; height:79px; }
	
	.header .hamburger,
	.header .email2,
	.header .bellen2,
	.header .account2 {  padding: 10px;  color: #0067a6; background: #eaeaea; border-radius:4px; line-height:100%;  }
	
	.header .hamburger i,
	.header .email2 i,
	.header .bellen2 i,
	.header .account2 i { font-size:28px; }

	/* nav */
	ul.nav li.account { display:none; }
	ul.nav { display:none; xdisplay: block; position: absolute; min-height: 100%; background: #fff; top: 0; left: 0; margin: 0; width: 100%;  z-index: 10001; }
	ul.nav li { float:none; }
	ul.nav li a { border-top:1px solid #ccc; }
	ul.nav li:hover a, 
	ul.nav li.active a, 
	ul.nav li:hover i.fal.fa-angle-down, 
	ul.nav li.active i.fal.fa-angle-down { background:#fff; color:#0067a6; }
	ul.nav li i.fal.fa-angle-down {}
	ul.nav li ul { position:static; display:block; border:none; background:#fff; margin:0 0 20px 10px; padding:0 15px 0 25px; border-top:0px solid #0067a6; border-bottom:0px solid #0067a6; }
	ul.nav li ul li { float:none; list-style:square; }
	ul.nav li:hover ul {  }
	ul.nav li ul li {}
	ul.nav li ul li a,
	ul.nav li ul li a { border:none; color:#000; font-size:16px; padding:0 10px; line-height: 200%;}
	ul.nav li ul li a:hover { }
	ul.nav li.first { display:block; }
	
	/* nav extra */
	ul.nav li i.fal.fa-angle-down { margin-top:10px; float:right; }
	ul.nav li:hover ul li a { color:#000; font-size:16px; padding:0 10px; line-height: 200%;  }
	ul.nav li:hover ul li a:hover { color:#0067a6; text-decoration:none; }
	ul.nav li.mobile.account { margin:0; }
	ul.nav li.mobile  { display:block; } 
	ul.nav li.mobile.close a { text-align:right; padding:15px; }
	ul.nav li.mobile.close i { text-align:center; font-size:30px; }
	ul.nav li.mobile.afspraakmaken2 a,
	ul.nav li.mobile.bellen a,
	ul.nav li.mobile.email a,
	ul.nav li.mobile.account a { display: block; border: none; background: #0067a6; color: #fff; margin: 10px; text-align: center; border-radius:4px; line-height: 51px; }
	ul.nav li.mobile.afspraakmaken2 a { display:none; }
	ul.nav li.mobile.bellen i,
	ul.nav li.mobile.email i,
	ul.nav li.mobile.account i {     font-size: 16px; margin: 0 6px 0 0; }
	ul.nav li.mobile.bellen a,
	ul.nav li.mobile.account a,
	ul.nav li.mobile.email a {    }
	ul.nav li.mobile { display:block;  }
	ul.nav li i { font-size:30px; }
	
	.scrollfix .scrollholder { display:none; }
	.scrollfix .header { position:static; }
	.scrollfix.scrolled .opvulling { display:none !important; }
	
	.totop { right: 10px; bottom: 10px;  }
	
	/* rest */
	
	
	.intro .wrapper { background:none; height:auto; padding: 45px 0 36px; }
	.intro .iconen .rij1 { height: 148px; }
	.intro .iconen .icoon { width: 116px;    height: 146px;  padding:0 10px; }
	.intro .iconen .icoon.parking { padding:0; }
	.intro .iconen .icoon.truckwash figure img { margin:20px auto 0; }
	.intro .iconen .icoon.carwash figure img { margin:28px auto 0; }
	.intro .iconen .icoon.parking figure img { margin:17px auto 0; }
	.intro .iconen .icoon.tankcleaning figure img { margin:26px auto 0; }
	.intro .iconen .icoon.repair figure img { margin:22px auto 0; }
	.intro .iconen .icoon .titel { font-size:16px; }
	.intro .iconen .excel_shell { width:auto; }
	.intro .iconen .excel_shell img { display:inline-block; }
	.intro .iconen .excel_shell img.excel { margin:30px 20px 0 0; }

	a.button5.large { font-size: 18px; line-height: 43px; }
	.intro .links a.btn i.fal.fa-angle-right { font-size: 37px; margin: 2px -5px 0 0; }
	
	.watklantenzeggen .kolommen .col { width:48%; margin:0 2% 0 0; }
	.watklantenzeggen .kolommen .col.nr3 { display:none; }
	
	.voordelen .voordeel .titel { height:45px;  }
	.footer .sitemap { width:100%; float:none; overflow:hidden; }
	.footer .contactinfo { width:100%; background-position: 255px bottom; }
	.footer .sitemap .col { margin: 64px 0 0 0; }
	.sfeer .titel { font-size:30px; margin:40px 0; }
	
	/* dashboard */
	.dashboard.aanmelding .rechts { width: 100%; float:none;  }
	.dashboard.aanmelding .links { width: 100%; float:none; margin:30px 0 0 0; padding:30px 0 0 0; border-top:2px solid #ccc; }
	.dashboard .links .voordelen .voordeel { width:48%; margin-right:2%; }
	.dashboard .links .voordelen .voordeel .titel { height:auto; }
	
	/* partner aanmelding */
	.dashboard.aanmeldingpartners .links ul.menu { display:none; }
	.dashboard .links p { margin:0 0 20px !important; }
}

/* 768 */
@media only screen and (max-width:799px)
{
	p { font-size: 14px; }
	.intro .links { width:100%; }
	.intro .iconen { width:100%; }
	.intro .iconen .rij1 { float: left; }
	
	.geenpasjes.inactie .rechts figure img { max-height: 400px; }
	
	ul.type .text .wpregel {  width:351px; }
}

/* 640 */
@media only screen and (max-width:767px)
{
	.headertop a.tel,
	.headertop a.email,
	.headertop a { display:none; }
	.header .wrapper .logo { margin: 0 10px 0 0;  }
	
	.intro .iconen .icoon { width: 111px; }
	
	.registratie .wrapper { padding: 42px 0 49px 0; }
	.registratie .links { width:100%; margin:0 0 30px 0; }
	.registratie .links figure img { max-width:0px; display:block; }
	.registratie.inactie .links figure img { max-width:400px;  margin:0 auto; }
	.registratie .tekst { width:100%; }
	
	.geenpasjes .wrapper { padding: 45px 2.5% 0; }
	.geenpasjes .tekst { float:none; width:100%; margin:0 0 30px 0; }
	.geenpasjes .rechts { width:100%; }
	.geenpasjes .rechts { height:auto; float:none; }
	.geenpasjes .rechts figure { text-align:right; }
	.geenpasjes .rechts figure img { max-height:320px; position:static; }
	.geenpasjes.inactie .rechts figure img { max-height:320px; position:static; }
	
	.kaart .wrapper h1 { font-size: 36px; }
	.watklantenzeggen h1 { font-size: 30px; }
	
	.inschrijfblok2 .newrule { margin:0 0 10px 0; }
	.inschrijfblok2 input.inputtext#wachtwoord { margin:10px 0 20px 0; }
	
	.inschrijfblok2 .wrapper { padding: 44px 0; }
	.inschrijfblok2 .titel { font-size: 30px; margin: 0 0 16px 0; }
	.inschrijfblok2 .label { width:100%; }
	.inschrijfblok2 .label label { background:none; position:static; color: #0067a6; padding: 10px 0 8px 0;  text-transform: initial; display: block; }
	.inschrijfblok2 input.inputtext, 
	.inschrijfblok2 select.inputtext { font-size: 18px; padding: 0 11px; height: 58px; line-height: 58px; width:100%; margin: 0 0 10px 0; }
	.inschrijfblok2 a.button2 { font-size: 25px; line-height: 62px; }
	
	.voordelen { padding: 63px 0 30px; }
	.voordelen .wrapper { text-align:center; }
	.voordelen .voordeel .titel { height:auto; }
	.voordelen .voordeel { display:inline-table; width: 28%; float:none; margin:0 0 30px 0; }
	
	.footer .contactinfo a.tel { margin: 87px 0 0 0; }
	
	.sfeer .titel { font-size:26px; margin:30px 0; }
	
	.benefits { padding: 28px 0; }
	.benefits .titel,
	.benefits .introtekst p { text-align:left; }
	.benefits .kolom { width:100%; float:none; }
	
	/* dashboard */
	.dashboard ul.form li label { width:100%; margin:0 0 10px 0; } 
	.dashboard ul.form li span.label { min-width:initial; margin:0 0 10px 0; }
	.dashboard ul.form li label.inline,
	.dashboard ul.form li label.labelradio { width:auto; min-width:initial; padding:0 10px 0 0; }
	.dashboard ul.form li input.txt1, 
	.dashboard ul.form li select {}
	
	/* aanmelding partners - tarieven */
	ul.type img { float:none; position:static; margin:5px 0 10px 0; }
	ul.type .text { padding:0; }
	ul.type .text .wpregel { width: 349px; }
	ul.type .text .wpregel { height:auto; padding:8px 0 8px 0;  }
	ul.type .text .wpprijs { margin:0 0 10px 0; }
    
}

/* 600 */
@media only screen and (max-width:639px)
{
	/* rest */
	.intro .iconen .icoon { width: 103px;  height: 133px; } 
	.intro .iconen .icoon.repair figure img { max-width:76%; }
	
	.dashboard .betaalwijze .escform input { margin:0 0 10px 0; }
	
	/* aanmelding partners - tarieven */
	ul.type .text .wpregel { width: 311px; }

}

/* 480 */
@media only screen and (max-width:599px)
{
	.header .hamburger i, 
	.header .email2 i, 
	.header .bellen2 i, 
	.header .account2 i { font-size: 18px; }
	
	.hamburger,
	.scrolled .hamburger { margin: 10px 10px 10px 0; }
	.header .email2, 
	.header .bellen2, 
	.header .account2 { margin:10px 5px 0 0; }
	.header .email2 { margin-right:0; }
	
	.header .wrapper .logo a img,
	.scrolled .header .wrapper .logo a img { height: 34px; margin: 11px 10px 0 0; }
	.opvulling { height:56px; }
	.header .wrapper .logo { margin:0; }
	
	.header .wrapper .rechts,
	.scrolled .header .wrapper .rechts { margin:0; }
	.header .wrapper .rechts .telefoon,
	.scrolled .header .wrapper .rechts .telefoon { font-size: 15px; }
	
	/* rest */
	h1 { font-size: 23px; }
	h2 { font-size: 18px; }
	.intro .iconen .icoon .titel { font-size: 14px; }
	
	.intro .iconen .excel_shell { width: 152px; margin:0 0 0 15px; }
	.intro .iconen .excel_shell img.excel { width: 93px; }
	.intro .iconen .excel_shell img.shell { width: 116px; }
	
	.registratie.inactie .links figure img { max-width: 289px; }
	p { font-size: 13px; }
	
	.kaart .wrapper h1 { font-size: 30px; }
	.kaart .wrapper h2 { font-size: 22px; }
	
	.watklantenzeggen .wrapper { padding: 44px 0 49px; }
	.watklantenzeggen h1 { font-size: 25px; }
	.watklantenzeggen .kolommen .col { width: 100%; float:none; margin:0 0 25px 0; }
	.voordelen .voordeel { width: 32%; padding: 0 5px; }
	
	.footer .sitemap .col {  margin: 40px 0 40px 0; }
	.footer .sitemap .col h3 { font-size: 21px; }
	
	
	.footer .contactinfo { width:100%; float:none; height: 321px; background-position: 178px bottom; padding:30px 0 0 0; }
	.footer .contactinfo a.tel { margin:0; }
	
	.footer2 .wrapper .links { float:none; width:100%; text-align:center; padding:0 0 25px 0; }
	.footer2 .wrapper .links span.copyright { display:block; margin:10px 0 0 0; text-align:center; }
	.footer2 .wrapper .rechts { display:block; text-align:right; float:none; }
	.footer2 .wrapper .rechts a.poweredby { font-size:11px; display:block; font-style:italic; }
	
	/* dashboard */
	.dashboard .wrapper { padding: 19px 0; }
	
	.dashboard input.mobnummer { margin:0 0 10px 0; }
	
	/* aanmelding partner - instellingen */
	table.openingstijden tr { display:block; }
	table.openingstijden tr td { height:auto; padding:0 10px 10px 10px; }
	table.openingstijden tr td:first-child { display:block; border-top:1px dotted  #ccc; padding:13px 10px 0 10px; }
	table.openingstijden tr:first-child  td { border-top:none;  }
	table.openingstijden tr:nth-child(odd) { background:#f7f7f7; }
	
	/* aanmelding partners - tarieven */
	ul.type .text .wpregel { width: 196px; }
	
    
	

/* 375 */
@media only screen and (max-width:479px)
{
	ul.nav li a,
	ul.nav li ul li a,
	ul.nav li:hover ul li a { line-height:36px; font-size: 15px; }
    
	.header .wrapper .logo a img { margin:15px 10px 0 0; height:28px; }
	
	
	.header .hamburger i, 
	.header .email2 i, 
	.header .bellen2 i, 
	.header .account2 i { font-size: 14px; }
	
	.header .wrapper .rechts .telefoon,
	.scrolled .header .wrapper .rechts .telefoon { display:none; }
	.header .email2, .header .bellen2, 
	.header .account2 { display:inline-block; }
	
	h1 { font-size: 19px; }
	h2 { font-size: 16px; }
	.intro .links ul li { padding: 0 0 0 9px; font-size: 14px; }
	a.button5.large { font-size: 17px; line-height: 41px; width:100%; }
	.intro .iconen .icoon { width: 101px; }
	.intro .iconen .excel_shell { width: auto; text-align:center; margin:0; }
	.registratie .wrapper { padding: 37pxpx 0 37px 0; }
	.registratie .links figure img,
	.registratie.inactie .links figure img { max-width: 254px; position:static; margin:0 auto; }
	
	.button3 { width:100%; }
	.registratie .tekst a.btn.button3 { margin: 48px 0  0 0;} 
	.registratie .tekst img { display:none; }
	
	.kaart .wrapper h1 { font-size: 22px; }
	.kaart .wrapper h2 { font-size: 19px; }
	.kaart .wrapper a.button5 { width:100%; max-width:100%; }
	
	.watklantenzeggen h1 { font-size: 19px; }
	.inschrijfblok2 .titel { font-size: 25px; }
	.voordelen .voordeel { width: 50%; float: left; }
	.footer .sitemap .col { width:100%; float:none; margin:25px 0 0 0;}
	.footer .contactinfo a.tel { margin: 17px 0 0 0; }
	
	.sfeer .titel { font-size:20px; margin:20px 0; }
	
	.benefits .kolom .rij .icoon img { max-width: 42px; }
	.benefits .kolom .rij .icoon { width: 61px; }
	.benefits .kolom .rij .tekst { padding: 0 0 0 72px; }
	.benefits .kolom .rij .tekst h2 { font-size: 18px; }
	.benefits .kolom .rij .tekst p { font-size: 13px; line-height: 200%; }
	.benefits .center { padding:0 2.5%; }
	
	.footer .contactinfo { height: 258px; background-size: 239px; }
	
	/* dashboard */
	.dashboard h1 { font-size: 22px; }
	.dashboard h3 { font-size: 17px; }
	
	.dashboard ul.form li input.txt1, 
	.dashboard ul.form li select { width:100%; }
	.dashboard ul.form li input.txt2 { width:142px; }
	
	.dashboard ul.form li input.straat,
	.dashboard ul.form li input.woonplaats,
	.dashboard ul.form li input.voornaam,
	.dashboard ul.form li input.achternaam { width:49%; } 

	
	
	.dashboard ul.form li label.inline { width: calc(100% - 60px); vertical-align:text-top; }
	.dashboard ul.form li label.labelradio { }
	.dashboard ul.form li span.label { width:100%; }
	
	.dashboard .betaalwijze .escform input { width:100%; }
	
	.dashboard a.button6 { width:100%; }
	.dashboard .links .voordelen .voordeel { width: 100%; margin-right:0; display:block; }
	
	.dashboard input.mobnummer { width:100%; }
	
	/* partner aanmeldingen - instellingen */
	table.openingstijden tr td:first-child { padding:10px 10px 10px 10px; }
	table.openingstijden tr td select { margin:0 0 10px 0; }
	table.openingstijden tr td:last-child { text-align:right; }
	table.openingstijden tr td:nth-child(2){ vertical-align:top; }
	table.openingstijden tr td:last-child { width:250px; }
	
	/* tarieven */
	ul.type .text .wpregel { width: 305px; }
	
	/* aanmelding partners */
	ul.type .text .variatie { }
	ul.type .text .variatie .wpregel { width:100%; }
	ul.type .text .variatie .wpregel input.variatienaam { margin:0 0 10px 0; }
	ul.type .text .wpprijs { width:100%; float:none; }
}

/* 360 */
@media only screen and (max-width:374px)
{
	/* tarieven */
	ul.type .text .wpregel { width: 290px; }
}

/* 320 */
@media only screen and (max-width:359px)
{
	
	.intro .iconen .icoon { width: 88px; }
	.intro .iconen .icoon .titel { font-size: 13px; }
	.inschrijfblok2 a.button2 { font-size: 21px; line-height: 52px; }
	
	.footer .contactinfo { height: 234px; background-size: 189px;  background-position: 185px bottom; }
	
	/* aanmelding partners */
	ul.type .text .wpregel { width: 260px; }
	
}