@charset "utf-8";
/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption,footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* LAYOUT */
html{height: 100%;}
body{min-height: 100%;}
body.layout{
background-color:#FFF;
font-size:12px;
line-height:1.25em;
padding-top:95px;
}
/* CONTENT SLIDES */
.header{position:fixed;width:100%;z-index:10;top:0;}
.header{
background-image: url(../images/ag/drop_shadow_down.png),url(../images/ag/ag-header.gif);
background-position: center bottom,center top;
background-repeat: repeat-x;
height:95px;
}
.pointer-cursor { cursor:pointer; }
.cs-cnt{padding: 35px 0;}
.cs-cnt.s{
background-image: url(../images/ag/drop_shadow_top.png), url(../images/ag/drop_shadow_down.png);
background-position: center top, center bottom;
background-repeat: repeat-x;
}
.banner{
position:relative;
height: 420px;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.banner .cs-cnt{
height:100%;
padding:0;
}
.cs{
margin:0 auto;
width: 1104px;
}
.cs .c1,.cs .c2,.cs .c3,.cs .c4,.c-tabblad .cp4,.c-inlog{
margin:8px;
display:block;
position:relative;
float:left;
}
.cs .c1{
width: 1088px;
}
.cs .c2{
width: 536px;
}
.cs .c3{
width: 796px;
}
.cs .c4{
width: 260px;
}
.cs .c5{
width: 195px;
}
.cs .c6{
width: 130px;
}
.cs .c7 {
width:350px;
float:left;
margin-bottom:30px;
}
.cs .c8{
width: 130px;
float:left;
padding-right:8px;
}
.cs .c9{
width: 110px;
float:left;
}
.c-inlog{
background-repeat:no-repeat;
background-position:center top;
height:270px;width:327px;padding:10px;
}
.c-inlog h2{height:95px;}
.cs .c2 .c2:first-child,
.cs .c2 .c4:first-child{margin-left:0px;}
.cs .c2 .c2:last-child,
.cs .c2 .c4:last-child{margin-right:0px;}
.cs-cnt:after,.cs:after,.split:after,.b-clear:after{
content: "";
display: block;
clear: both;
}
.c-partner,.c-anderen .image{background:url(../images/ag/ag-logo-cnt.gif) no-repeat left top; padding:12px;float:left;height:182px;text-align:center;position:relative;margin:16px 0 16px 24px; width:254px;}
.c-anderen .image{height:174px;margin:0 10px 0 -6px;}
.c-partner:nth-child(4n){margin-left:0;}
.c-partner span{position:absolute;bottom:0;text-align:center;width:244px}
.c-partner span.h3 { margin-bottom:-14px;}
/* GLOBALEN */
table tr{position:relative;}
table td{border:none;}
.layout > *{color:#58585a;font-family:'Trebuchet MS';}
a{text-decoration:none;}
a:hover,a.active{}
a img{border: 0;}
p{margin:0.8em 0;padding:0;}
.b-margin{margin:8px;}
.b-relative{position:relative;}
.b-absolute{position:absolute;z-index:2;}
.b-onder{position:absolute;bottom:0}
.b-boven{position:absolute;top:0}
.b-links{position:absolute;left:0}
.b-rechts{position:absolute;right:0}
.f-normal{font-size:12px;color:#58585a;font-family:'Trebuchet MS';}
.clear{ clear:both;line-height:0;height:0;}
.fl_left{float:left!important}
.fl_right{float:right!important}
.inp-default,.fill{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:none;
padding:5px;
}
.inp-grijs .inp-default,.inp-grijs .fill,input.inp-grijs,textarea.inp-grijs{
background-color:#eceded;
}
.inp-nr{width:100px}
.inp-date{width:50px;margin-right:0.3em}
.inp-zoek{width:496px;height:38px}
.ta-default{height:135px;}
.v-top{vertical-align: top}
.v-middle{vertical-align:middle;}
.v-bottom{vertical-align: bottom}
/* TEKST */
@font-face {font-family: Helvetica;src: url(../fonts/HelveticaNeue.otf);}
@font-face {font-family: Helvetica Bold;src: url(../fonts/HelveticaNeue-CondensedBold.otf);}
@font-face {font-family: Helvetica Light;src: url(../fonts/HelveticaNeue-Light.otf);}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
margin-top:0;
margin-bottom:0;
font-weight: normal;
font-family:'Helvetica Bold';
line-height: 1.2em;
display:block;
color:#000;
}
h1,.h1{font-size: 3.75em;}
h2,.h2{font-size:2.083em;}
h3,.h3{font-size:1.5em;}
h4,.h4{font-size:1.25em;}
h5,.h5, h6,.h6 {font-size:1.2em;}
.t-links{text-align:left;}
.t-midden{text-align:center;}
.t-rechts{text-align:right;}
.light,.hoofdmenu .bttn{font-family:'Helvetica Light';}
.t-15{font-size:1.25em;line-height:normal}
.t-35{font-size:2.916em}
.t-18{font-size: 1.5em;line-height:normal;}
.t-25{font-size: 2.083em;}
.t-45{font-size: 3.75em;}
.f-helv{font-family:'Helvetica';}
.f-helv-b{font-family:'Helvetica Bold';}
.f-helv-l,.f-hilight{font-family:'Helvetica Light';}
/* TEKST KLEUREN */
.t-wit{color:#FFF;}
.t-zwart{color:#000;}
.t-licht_grijs{color:#f6f6f6;}
.t-grijs{color:#b1b3b4;}
.t-teal,.p-algemeen .t-hilite,.p-algemeen .f-hilight,.p-overons .t-hilite,.p-overons .f-hilight{color: #31c4b5;}
.t-contact,.p-contact .t-hilite,.p-contact .f-hilight{color: #6ab4bb;}
.t-rood,.p-scholen .t-hilite,.p-scholen .f-hilight{color: #e22019;}
.t-blauw,.p-coaches .t-hilite,.p-coaches .f-hilight{color: #76c5ea;}
.t-oranje,.p-geluksspel .t-hilite,.p-geluksspel .f-hilight{color: #F19300;}
.t-groen,.p-workshops .t-hilite,.p-workshops .f-hilight{color: #97bf0d;}
.t-licht_bruin,.p-inschrijven .t-hilite.alt,.p-inschrijven .f-hilight.alt{color:#b2a99b}
.t-bruin,.p-inschrijven .t-hilite,.p-inschrijven .f-hilight{color:#5f4c3f}
/* ACHTERGRONDEN */
.ag.footer{background-image:url(../images/ag/ag-header.gif);}
.c-inschrijven_bar{background:url(../images/ag/ag-inschrijven-bar.gif) no-repeat;}
.ag-licht_grijs{background-color:#f6f6f6;}
.ag-licht_blauw{background-color:#d7eef8;}
.ag-donker_grijs{background-color:#58585a}
.ag-grijs {background-color:#d9dadb;}
.ag-teal,.p-algemeen .ag-hilite,.p-overons .ag-hilite{background-color: #31c4b5;}
.ag-rood,.p-scholen .ag-hilite{background-color: #e22019;}
.ag-blauw,.p-coaches .ag-hilite{background-color: #76c5ea;}
.ag-oranje,.p-geluksspel .ag-hilite{background-color: #F19300;}
.ag-groen,.p-workshops .ag-hilite{background-color: #97bf0d;}
.ag-quotes{background:url(../images/ag/ag-quote-repeat.gif) center top;}
/* MENU BUTTONS */
.bttn{display:block;background-repeat:no-repeat;color:#000;}
.header .bttn,.sm.bttn{background-image:url(../images/sprites/sprites_algemeen_v4.png);float:left;color:#000}
.header .bttn.logo{background-position: 0 -200px;width:140px;height:95px;position:absolute} .header .bttn.logo:hover{background-position: 0 -300px;}
.bttn.sm{height:36px;width:38px;float:left;margin-right:10px;}
.bttn.email{background-position: 0 -398px}.bttn.email:hover{background-position: 0 -449px}
.bttn.facebook{background-position: -50px -399px}.bttn.facebook:hover{background-position: -50px -450px}
.bttn.twitter{background-position: -100px -397px}.bttn.twitter:hover{background-position: -100px -448px}
.deurmat .logo{display:block;background:url(../images/logos/logo-footer.gif) no-repeat;width:237px;height:146px}
.logo-factuur {background:url(../images/logos/logo-factuur.gif) no-repeat left top;height:38px;padding-top:39px;padding-left:130px;}
.hoofdmenu{margin-top:25px;float:left;margin-left:140px;}
.hoofdmenu li,.snelmenu li{float:left;}
.hoofdmenu li ul{
position:absolute;bottom:0;
}
.hoofdmenu .bttn{height:67px;color:#000;font-size:1.5em;float:left;margin:0 4px;padding:10px 0 0 5px;}
.hoofdmenu .bttn span{color:#fff;font-size:1.389em;font-family:'Helvetica Bold';line-height:1.1em}
.hoofdmenu .rood .bttn{background-position: -350px -200px;width:102px}
.hoofdmenu .rood .bttn:hover{background-position: -350px -300px;}
.p-scholen .rood .bttn{background-position: -350px -400px!important;}
.hoofdmenu .blauw .bttn{background-position: -200px -200px;width:112px}
.hoofdmenu .blauw .bttn:hover{background-position: -200px -300px;}
.p-coaches .blauw .bttn{background-position: -200px -400px!important;}
.hoofdmenu .oranje .bttn{background-position: -830px -200px;width:120px}
.hoofdmenu .oranje .bttn:hover{background-position: -830px -300px;}
.p-geluksspel .oranje .bttn{background-position: -830px -400px!important;}
.hoofdmenu .groen .bttn{background-position: -500px -200px;width:137px}
.hoofdmenu .groen .bttn:hover{background-position: -500px -300px;}
.p-workshops .groen .bttn{background-position: -500px -400px!important;}
.hoofdmenu .grijs .bttn{background-position: -678px -200px;width:137px; }
.hoofdmenu .grijs .bttn:hover{background-position: -678px -300px;}
.p-overons .grijs .bttn{background-position: -678px -400px!important;}
.snelmenu{float:right;}
.snelmenu .bttn{padding-top:50px;width:47px;float:left;margin:17px 15px 0 15px;font-family:'Helvetica Bold';text-align:center;font-size:1.025em;}
.bttn.home{background-position:0 0} .bttn.home:hover{background-position:0 -100px}
.bttn.inschrijven{background-position:-100px 0} .bttn.inschrijven:hover{background-position:-100px -100px}
.bttn.inloggen{background-position:-200px 0} .bttn.inloggen:hover{background-position:-200px -100px}
.bttn.contact{background-position:-300px 0} .bttn.contact:hover{background-position:-300px -100px}
.bttn.volgen{background-position:-400px 0} .bttn.volgen:hover{background-position:-400px -100px}
.bttn.linkedin{background-position:-500px 0} .bttn.linkedin:hover{background-position:-500px -100px}
/* BUTTONS EN LINKS */
.link-wit a,.link-wit-grijs a,.button{color:#FFF;}.link-wit a:hover,.link-wit a.active,.button:hover{color:#000;}
.link-wit-grijs a:hover{color:#b1b3b4;}
a.bttn,.button{font-size:1.25em;font-family:'Helvetica Bold';}
a.bttn.prev{padding-left:33px;height:34px;padding-top:7px;background-position:left 0;float:left}
a.bttn.prev:hover{background-position:left -50px}
a.bttn.next{padding-right:33px;height:34px;padding-top:7px;background-position:right -100px;float:left}
a.bttn.next:hover{background-position:right -150px}
a.bttn.nav_bullet{width:14px;height:28px;background-position:0 -192px;float:left;margin:0 4px}
a.bttn.nav_bullet:hover,a.bttn.nav_bullet.active{background-position:-50px -192px}
a.bttn.prev_small,a.bttn.next_small{font-family:'Helvetica Light';font-size:1em;height:13px;line-height:1em}
a.bttn.prev_small{padding-left:18px;float:left;background-position:left -300px}
a.bttn.prev_small:hover{background-position:left -350px}
a.bttn.next_small{padding-right:18px;float:right;background-position:right -400px}
a.bttn.next_small:hover{background-position:right -450px}
a.bttn.prev_med{padding-left:23px;height:18px;float:left;background-position:left -500px}
a.bttn.prev_med:hover{background-position:left -550px}
a.bttn.next_med{padding-right:23px;height:18px;float:right;background-position:right -600px}
a.bttn.next_med:hover{background-position:right -650px}
a.bttn.prev_med.alt{padding-left:23px;height:18px;float:left;background-position:left -700px}
a.bttn.prev_med.alt:hover{background-position:left -750px}
a.bttn.next_med.alt{padding-right:23px;height:18px;float:right;background-position:right -800px}
a.bttn.next_med.alt:hover{background-position:right -850px}
.button{display:block;height:34px;text-align:center;padding:8px;width:232px;border:0;background-color:transparent;}
input.button{height:34px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.button.m{width:300px;}
.button.l{width:517px;}
.button.xl{width:1072px;}
/* BUTTONS TEAL */
.i-teal.bttn,.media_menu .bttn,.wist_u_dat .bttn,.i-contact.bttn{background-image:url(../images/sprites/teal-sprites_row.png);}
.i-contact.bttn{font-size:1.25em;font-family:'Helvetica Bold';color:#000;height:45px;padding:13px 0 5px 50px; white-space: nowrap;}
.i-contact.bttn.email{background-position:0 -700px}.i-contact.bttn.email:hover{background-position:0 -748px}
.i-contact.bttn.telefoon{background-position:0 -800px}.i-contact.bttn.telefoon:hover{background-position:0 -844px}
.i-contact.bttn.website{background-position:0 -900px}.i-contact.bttn.website:hover{background-position:0 -954px}
.i-contact.bttn.website.alt{background-position:-5px -900px}.i-contact.bttn.website.alt:hover{background-position:-5px -954px}
.i-teal.button,.p-algemeen .i-hilite.button, .p-overons .i-hilite.button{background-image:url(../images/sprites/teal-buttons.png);}
.i-teal.button:hover,.p-algemeen .i-hilite.button:hover, .p-overons .i-hilite.button:hover{background-position:0 -50px}
.i-teal.button.l,.p-algemeen .i-hilite.button.l,.p-overons .i-hilite.button.l{background-position:0 -100px}
.i-teal.button.l:hover,.p-algemeen .i-hilite.button.l:hover, .p-overons .i-hilite.button.l:hover{background-position:0 -150px}
.i-teal.button.xl,.p-algemeen .i-hilite.button.xl,.p-overons .i-hilite.button.xl{background-position:0 -200px;}
.i-teal.button.xl:hover,.p-algemeen .i-hilite.button.xl:hover, .p-overons .i-hilite.button.xl:hover{background-position:0 -250px;}
.i-teal.button.tab{color:#000;font-size:1em;text-align:left;background-position:-300px 0;width:72px;height:32px;padding:8px 5px 0 8px;float:left;margin-right:4px}
.i-teal.button.tab:last-child{margin-right:0}
.i-teal.button.tab:hover,.i-teal.button.tab.active{background-position:-300px -50px}
/* BUTTON ZWART */
input.i-zwart.button{background-image:url(../images/sprites/zwart-buttons.png);padding:8px;width:220px!important;height:36px;}
.i-zwart.button:hover{background-position:0 -50px;color:#b1b3b4;}
/* BUTTONS BLAUW */
.i-blauw.bttn,
.p-coaches .wist_u_dat .bttn,.i-blauw .bttn{background-image:url(../images/sprites/blauw-sprites_row.png);}
.i-blauw.button,.p-coaches .i-hilite.button{background-image:url(../images/sprites/blauw-buttons.png);}
.i-blauw.button:hover,.p-coaches .i-hilite.button:hover{background-position:0 -50px}
.i-blauw.button.m,.p-coaches .i-hilite.button.m{background-position:-300px 0}
.i-blauw.button.m:hover,.p-coaches .i-hilite.button.m:hover{background-position:-300px -50px}
.i-blauw.button.l,.p-coaches .i-hilite.button.l{background-position:0 -100px}
.i-blauw.button.l:hover,.p-coaches .i-hilite.button.l:hover{background-position:0 -150px}
/* BUTTONS ROOD */
.i-rood.bttn,
.p-scholen .wist_u_dat .bttn,.i-rood .bttn{background-image:url(../images/sprites/rood-sprites_row.png);}
.i-rood.button,.p-scholen .i-hilite.button{background-image:url(../images/sprites/rood-buttons.png);}
.i-rood.button:hover,.p-scholen .i-hilite.button:hover{background-position:0 -50px}
.i-rood.button.alt,.p-scholen .i-hilite.button.alt{background-position:-700px 0}
.i-rood.button.alt:hover,.p-scholen .i-hilite.button.alt:hover{background-position:-700px -50px}
.i-rood.button.m,.p-scholen .i-hilite.button.m{background-position:-300px 0}
.i-rood.button.m:hover,.p-scholen .i-hilite.button.m:hover{background-position:-300px -50px}
.i-rood.button.l,.p-scholen .i-hilite.button.l{background-position:0 -100px}
.i-rood.button.l:hover,.p-scholen .i-hilite.button.l:hover{background-position:0 -150px}
.i-rood.button.tab{color:#000!important;font-size:1.333em;text-align:left;background-position:-1000px 0;width:113px;height:38px;padding:4px 5px 0 8px;margin-bottom:8px}
.i-rood.button.tab span{display:block;padding-top:2px}
.i-rood.button.tab:hover span,.i-rood.button.tab.active span{color:#FFF}
.i-rood.button.tab:hover,.i-rood.button.tab.active{background-position:-1000px -50px}
/* BUTTONS GROEN */
.i-groen.bttn,
.p-workshops .wist_u_dat .bttn,.i-groen .bttn{background-image:url(../images/sprites/groen-sprites_row.png);}
.i-groen.button,.p-workshops .i-hilite.button{background-image:url(../images/sprites/groen-buttons.png);}
.i-groen.button:hover,.p-workshops .i-hilite.button:hover{background-position:0 -50px}
.i-groen.button.m,.p-workshops .i-hilite.button.m{background-position:-300px 0}
.i-groen.button.m:hover,.p-workshops .i-hilite.button.m:hover{background-position:-300px -50px}
.i-groen.button.l,.p-workshops .i-hilite.button.l{background-position:0 -100px}
.i-groen.button.l:hover,.p-workshops .i-hilite.button.l:hover{background-position:0 -150px}
/* BUTTONS INSCHRIJVEN */
.i-bruin.bttn{background-image:url(../images/sprites/sprites_inschrijven.png);}
.i-bruin.bttn.aanpassen{padding:4px 5px 5px 30px;float:right;}.i-bruin.bttn.aanpassen:hover{background-position:left -50px;}
.i-bruin.bttn.aantal_plus,.i-bruin.bttn.aantal_min{width:34px;height:30px;float:left;margin:0 5px 0 0;}
.i-bruin.bttn.aantal_plus{background-position:-50px -100px;}
.i-bruin.bttn.aantal_min{background-position:0 -100px;}
input.aantal_nr{height:30px;margin-right:5px;margin-left:5px;width:60px}
.i-bruin.button,.p-inschrijven .i-hilite.button,.i-toevoegen{background-image:url(../images/sprites/inschrijven-buttons.png);}
.i-bruin.button:hover,.p-inschrijven .i-hilite.button:hover{background-position:0 -50px}
.i-bruin.button.prev,.p-inschrijven .i-hilite.button.prev{background-position:-300px 0;width:246px;}
.i-bruin.button.prev:hover,.p-inschrijven .i-hilite.button.prev:hover{background-position:-300px -50px}
.i-bruin.button.next,.p-inschrijven .i-hilite.button.next{background-position:-600px 0;width:246px;}
.i-bruin.button.next:hover,.p-inschrijven .i-hilite.button.next:hover{background-position:-600px -50px}
.i-bruin.button.xl,.p-inschrijven .i-hilite.button.xl{background-position:0 -100px}
.i-bruin.button.xl:hover,.p-inschrijven .i-hilite.button.xl:hover{background-position:0 -150px}
.i-toevoegen{background-position:0 -200px;width:262px;height:140px;display:block;color:#000;font-size:2.083em;text-align:center;font-family:'Helvetica Bold';padding-top:100px}.i-toevoegen:hover{background-position:-300px -200px;}
.i-info{background:url(../images/icons/icon-info.gif) no-repeat;padding-left:34px}
.p-inschrijven input.button{width:260px;}
/* BUTTONS INLOGGEN */
.i-inlog{background-image:url(../images/sprites/sprites_inloggen.png);display:block;background-repeat:no-repeat;}
.i-inlog.tab{padding:30px 20px 0 85px;font-family: 'Helvetica Bold';font-size:1.25em;float:left;background-image:url(../images/sprites/sprites_inloggen.png),url(../images/ag/ag-dash-v.gif);background-repeat:no-repeat,repeat-y;height:35px;color:#000;}
.i-inlog.tab:hover,.i-inlog.tab.active{background-color:#eceded;}
.i-inlog.tab.pdf{background-position:24px 13px ,right top;}
.i-inlog.tab.presentatie{background-position:24px -87px, right top;}
.i-inlog.tab.video{background-position:24px -187px ,right top;}
.i-inlog.tab.document{background-position:24px -294px ,right top;}
.i-inlog.sort{width:25px;height:25px;float:left;margin-right:7px;margin-top:-2px}
.i-inlog.sort.up{background-position: 0 -400px;}.i-inlog.sort.up:hover{background-position: 0 -450px;}
.i-inlog.sort.down{background-position: -50px -400px;}.i-inlog.sort.down:hover{background-position: -50px -450px;}
.i-inlog.zoeken{border:0;;width:46px;height:36px;float:left;background-position:0 -500px;}.i-inlog.zoeken:hover{background-position:0 -550px;cursor:pointer;}
.inlog-zoekbalk{height:36px;width:490px;float:left;}
.inlog-bar{background-color:#eceded;}
.inlog-bar .split{margin:10px;padding:8px;height:20px;float:left;}
/* BUTTONS LANDKAART */
.i-lk.bttn,.c-landkaart .bttn{background-image:url(../images/sprites/icons-landkaart.png);border:0;}
.bttn.close{padding:6px 7px 5px 25px;height:22px;background-position:5px 5px;}
.bttn.close:hover{background-position:5px -46px;}
.bttn.groep{width:23px;height:18px;position:absolute}
.bttn.groep.g7-8{background-position:0 -100px;}
.bttn.groep.g7-8:hover,.bttn.groep.g7-8.active{background-position:0 -150px;}
.bttn.groep.g-beiden{background-position:0 -200px;}
.bttn.groep.g-beiden:hover,.bttn.groep.g-beiden.active{background-position:0 -250px;}
.bttn.groep.g5-6{background-position:0 -300px;}
.bttn.groep.g5-6:hover,.bttn.groep.g5-6.active{background-position:0 -350px;}
.bttn.zoek{width:40px;height:44px;background-position:0 -400px;cursor:pointer;}
.bttn.zoek:hover{background-position:0 -450px;}
.bttn.popup{width:96px;height:44px;background-position:0 -600px;;position:absolute;color:#000;font-family: 'Helvetica Light';font-size:1em;padding:3px 5px 0px 7px;}
.bttn.popup span{display:block;font-family: 'Helvetica Bold';font-size:0.92em;}
.bttn.popup:hover{background-position:0 -650px;}
/* LIJSTEN */
.list li{padding-left:1.5em;background-repeat:no-repeat;margin:0.5em 0;background-position:left 0.33em}
.list.l-teal li,.p-algemeen .list.l-hilite li,.p-overons .list.l-hilite li{background-image: url(../images/icons/bullet-teal.png);}
.list.l-rood,.p-scholen .list.l-hilite li{background-image: url(../images/icons/bullet-rood.png);}
.list.l-blauw,.p-coaches .list.l-hilite li{background-image: url(../images/icons/bullet-blauw.png);}
.list.l-licht_blauw{background-image: url(../images/icons/bullet-licht_blauw.png);}
.list.l-oranje,.p-geluksspel .list.l-hilite li{background-image: url(../images/icons/bullet-oranje.png);}
.list.l-groen,.p-workshops .list.l-hilite li{background-image: url(../images/icons/bullet-groen.png);}
ul.split li{width:50%;float:left;margin:0.2em 0;}
ul.bullet_list li a{display:block;padding-left:1.2em;background:url(../images/sprites/sprite_bullets.png) no-repeat;}
.i-blauw.bullet_list li a,.p-coaches .i-hilite.bullet_list li a{background-position:left 3px;}
.i-blauw.bullet_list li a:hover,.i-blauw.bullet_list li:hover a,
.p-coaches .i-hilite.bullet_list li a:hover,.p-coaches .i-hilite.bullet_list li:hover a{background-position:left -47px;}
.submenu .i-blauw.bullet_list li:hover,.p-coaches .i-hilite.bullet_list li:hover,.p-coaches .i-hilite.bullet_list li.active{background-color:#3798d7}
.i-licht_blauw.bullet_list li a{background-position:left -97px;}
.i-licht_blauw.bullet_list li a:hover,.i-licht_blauw.bullet_list li:hover a{background-position:left -147px;}
.submenu .i-licht_blauw.bullet_list li:hover{background-color:#2a9386}
.i-rood.bullet_list li a,.p-scholen .i-hilite.bullet_list li a{background-position:left -197px;}
.i-rood.bullet_list li a:hover,.i-rood.bullet_list li:hover a,
.p-scholen .i-hilite.bullet_list li a:hover,.p-scholen .i-hilite.bullet_list li:hover a{background-position:left -247px;}
.submenu .i-rood.bullet_list li:hover,.p-scholen .i-hilite.bullet_list li:hover,.p-scholen .i-hilite.bullet_list li.active{background-color:#c70402}
.i-oranje.bullet_list li a,.p-geluksspel .i-hilite.bullet_list li a{background-position:left -564px;}
.i-oranje.bullet_list li a:hover,.i-oranje.bullet_list li:hover a,
.p-geluksspel .i-hilite.bullet_list li a:hover,.p-geluksspel .i-hilite.bullet_list li:hover a{background-position:left -580px;}
.submenu .i-oranje.bullet_list li:hover,.p-geluksspel .i-hilite.bullet_list li:hover,.p-geluksspel .i-hilite.bullet_list li.active{background-color:#F19300}
.i-groen.bullet_list li a,.p-workshops .i-hilite.bullet_list li a{background-position:left -297px;}
.i-groen.bullet_list li a:hover,.i-groen.bullet_list li:hover a,
.p-workshops .i-hilite.bullet_list li a:hover,.p-workshops .i-hilite.bullet_list li:hover a{background-position:left -347px;}
.submenu .i-groen.bullet_list li:hover,.p-workshops .i-hilite.bullet_list li:hover,.p-workshops .i-hilite.bullet_list li.active{background-color:#588e01}
.i-teal.bullet_list li a,.p-algemeen .i-hilite.bullet_list li a,.p-overons .i-hilite.bullet_list li a{background-position:left -397px;}
.i-teal.bullet_list li a:hover,.i-teal.bullet_list li:hover a,
.p-algemeen .i-hilite.bullet_list li a:hover,.p-algemeen .i-hilite.bullet_list li:hover a,
.p-algemeen .i-hilite.bullet_list li.active a,
.p-overons .i-hilite.bullet_list li a:hover,.p-overons .i-hilite.bullet_list li:hover a,
.p-overons .i-hilite.bullet_list li.active a {background-position:left -447px;}
.submenu .i-teal.bullet_list li:hover,.p-algemeen .i-hilite.bullet_list li:hover,.p-algemeen .i-hilite.bullet_list li.active, .p-overons .i-hilite.bullet_list li:hover,.p-overons .i-hilite.bullet_list li.active{background-color:#2a9386}
.i-beige.bullet_list li a{background-position:left -497px;}
.i-beige.bullet_list li a:hover,.i-beige.bullet_list li:hover a{background-position:left -547px;}
.deurmat h2,
.deurmat .h2{ font-size:1.483em; color:#aaa;}
.deurmat ul.bullet_list li{margin:1em 0;}
.deurmat ul.bullet_list li a{padding-left:1.6em; font-size:0.94em; color:#aaa; }
.submenu ul.bullet_list li{float:left;padding:8px 5px;}
.submenu ul.bullet_list li a{padding:0.2em 0.5em 0em 1.6em;color:#FFF}
/* BLOKKEN */
.ag-dash_boven,.ag-dash_onder,.ag-dash_midden{background:url(../images/ag/ag-dash.gif) repeat-x;}
.ag-dash_boven.wit,.ag-dash_onder.wit,.ag-dash_midden.wit{background-image:url(../images/ag/ag-dash-wit.gif);}
.ag-dash_beiden{background-image:url(../images/ag/ag-dash.gif),url(../images/ag/ag-dash.gif);background-position:left top,left bottom;background-repeat:repeat-x;}
.ag-dash_boven.wit,.ag-dash_onder.wit,.ag-dash_midden.wit{background-image:url(../images/ag/ag-dash-wit.gif);}
.ag-dash_boven.c,.ag-dash_onder.c{padding-top:1px;clear:both;}
.ag-dash_boven.d-double,.ag-dash_onder.d-double{background-image:url(../images/ag/ag-dash-double.gif);}
.ag-dash_boven{background-position:left top;}
.ag-dash_midden{background-position:left center;}
.ag-dash_onder{background-position:bottom left;}
.ag-dash_rechts,.ag-dash_links{background:url(../images/ag/ag-dash-v.gif) repeat-y;}
.ag-dash_rechts{background-position:right top;}
.ag-dash_links{background-position:left top;}
.afbeelding-links {float:left;margin:8px 8px 8px 0;}
.afbeelding-rechts {float:right;margin:8px 0 8px 8px;}
.m-5{margin:5px;}
.p-5{padding:5px;}
.m-10{margin:10px;}
.p-10{padding:10px;}
.m-15{margin:15px;}
.p-15{padding:15px;}
.c-blaadje{background:url(../images/ag/ag-note-blaadje.png) no-repeat left top;height:287px;padding:10px;}
.c-blaadje-klein{background:url(../images/ag/ag-note-blaadje-klein.png) no-repeat left top;height:207px;padding:10px;}
a .c-blaadje { color:#585858; }
.m-5top{margin-top:5px!important;}.m-5right{margin-right:5px!important;}.m-5bottom{margin-bottom:5px!important;}.m-5left{margin-left:5px!important;}
.m-10top{margin-top:10px!important;}.m-10right{margin-right:10px!important;}.m-10bottom{margin-bottom:10px!important;}.m-10left{margin-left:10px!important;}
.p-10top{padding-top:10px!important;}.p-10right{padding-right:10px!important;}.p-10bottom{padding-bottom:10px!important;}.p-10left{padding-left:10px!important;}
.m-15top{margin-top:15px!important;}.m-15right{margin-right:15px!important;}.m-15bottom{margin-bottom:15px!important;}.m-15left{margin-left:15px!important;}
.p-15top{padding-top:15px!important;}.p-15right{padding-right:15px!important;}.p-15bottom{padding-bottom:15px!important;}.p-15left{padding-left:15px!important;}
.m-20top{margin-top:20px!important;}.m-20right{margin-right:20px!important;}.m-20bottom{margin-bottom:20px!important;}.m-20left{margin-left:20px!important;}
.p-20top{padding-top:20px!important;}.p-20right{padding-right:20px!important;}.p-20bottom{padding-bottom:20px!important;}.p-20left{padding-left:20px!important;}
.m-50top{margin-top:50px!important;}
.m-75top{margin-top:75px!important;}
.m-100top{margin-top:100px!important;}
.h100{height:100px;}
.h125{height:125px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h400{height:400px;}
.w-3 {width:33%;display:block;float:left;}
.w-2 {width:50%;display:block;float:left;}
.w-4 {width:25%;display:block;float:left;}
.cnt-landkaart{height:692px;position:relative}
.c-landkaart{background:url(../images/ag/ag-nederland.gif) no-repeat right top;width:675px;height:692px;position:absolute;right:0;top:0}
.c-foto{font-family:'Helvetica Light';font-size: 3.75em;line-height:1em;color:#FFF;}
.c-foto span.t-rechts{right:0;}
.c-foto span{display:block;margin:12px;}
.c-foto span strong{font-family:'Helvetica';}
/* MEDIA MENU */
.media_menu{background:url(../images/ag/ag-nieuws.png) no-repeat;height:138px;}
.media_menu .nav{float:right;width:334px;height:12px;padding:10px 7px}
.media_menu ul li{}
.media_menu ul li a{}
.media_menu .bullet_list li a{background-position:left -95px;}
.media_menu .bullet_list li a:hover,.media_menu .bullet_list li a.active{background-position:left -145px;}
/* WIST U DAT */
.wist_u_dat{background-image:url(../images/stickers/t-wist_u_dat.png),url(../images/ag/ag-wist_u_dat.jpg);background-repeat:no-repeat;background-position:40px 34px,left top;height:280px;padding: 35px 30px 0 50px;}
.p-coaches .wist_u_dat{background-image:url(../images/stickers/t-wist_u_dat-blauw.png),url(../images/ag/ag-wist_u_dat.jpg);}
.ag-licht_grijs .wist_u_dat{background-image:url(../images/stickers/t-wist_u_dat.png),url(../images/ag/ag-wist_u_dat-grijs.jpg);}
.p-coaches .ag-licht_grijs .wist_u_dat{background-image:url(../images/stickers/t-wist_u_dat-blauw.png),url(../images/ag/ag-wist_u_dat-grijs.jpg);}
.p-scholen .wist_u_dat{background-image:url(../images/stickers/t-wist_u_dat-rood.png),url(../images/ag/ag-wist_u_dat.jpg);}
.wist_u_dat .content{
clear:both;
margin-top:53px;
height:155px;
-webkit-transform: rotate(-1.5deg) translate3d( 0, 0, 0);
-moz-transform: rotate(-1.5deg);
-ms-transform:rotate(-1.5deg);
-o-transform:rotate(-1.5deg);
}
.wist_u_dat .nav{float:right;height:32px;margin-right:10px;}
/* PRIKBORD */
.c-prikbord{position:relative;background:url(../images/ag/ag-prikbord.jpg?v20190429) no-repeat center top;width:1036px;height:511px;}
.c-prikbord .cp1{width:242px;height:225px;position: absolute;left:434px;top:208px;}
.c-prikbord .cp2{width:234px;height:400px;position: absolute;left:742px;top:65px;}
.c-prikbord .cp2 li:nth-child(even){height:175px;padding:10px 5px;padding-top:40px;}
.c-prikbord .cp2 li:nth-child(odd){height:165px;padding:10px;}
.c-prikbord .nav{float:right;height:32px;margin:10px 10px 0 0;height:18px;width:70px}
.c-prikbord .nav.leerkrachten{float:right;margin-right:50px;}
/* LANDKAART */
.c-landkaart .c-popup{
display:none;
width:300px;
}
.c-landkaart .c-popup .bttn.close{
background-color:#FFF;color:#000;float:right;
}
.c-landkaart .c-popup .bttn.groep {
position:relative;
float:left;
}
.c-landkaart .c-popup .content{
background-color:#FFF;padding:10px;
max-height: 400px; overflow-y:auto; min-height:auto;
}
.c-landkaart .c-popup .content span.h3 { margin-left:30px; }
.c-landkaart .c-popup .content span.address-city,
.c-landkaart .c-popup .content span.happymap-body { margin-left:30px; }
.c-landkaart .cp1 {
width:203px;height:250px;position: absolute;left:125px;top:5px;
}
/* VIDEO */
.ag-video {
background: url(../images/ag/ag-video.gif) no-repeat center center;
height:373px;position:relative;
}
.ag-video .content{width:390px;height:228px;position:absolute;left:74px;top:50px}
/* TEAM */
.c-team .content {
padding:5px;
}
#ulnav-res_ons_team .c4 span.h3 { margin-top:6px;}
/* TABBLAD */
.c-tabblad,.tab-fake {
background: url(../images/ag/ag-tabblad.gif) no-repeat left 24px;
height:500px;position:relative;
}
.tab-fake {
height:12px;
background: url(../images/ag/ag-tabblad-fake.png) no-repeat left -5px;
bottom:0;position:absolute;width:100%;z-index:2;
}
.c-tabblad .content{margin:10px 18px 0 18px;height:408px}
.c-tabblad .content .cp4{width:232px;overflow:hidden;height:185px}
/* GELUKSCOACHES */
.c-gelukscoaches {
background:url(../images/ag/ag-gelukslessen.gif) no-repeat center top;height:620px;
padding:80px 25px 80px 20px;
}
table.tbl-coach{width:100%;font-family:'Helvetica Light';color:#000;text-align:left;}
table.tbl-coach tr th{font-family:'Helvetica Bold';font-size:2.083em;padding:15px 5px;}
table.tbl-coach tr th:first-child{width:40%}
table.tbl-coach tr td{background-color:#FFF;padding:10px;font-size:1.25em}
table.tbl-coach tr:nth-child(2n) td{background-color:#F6F6F6;}
/* SPRAAKWOLK */
.cnt-spraakwolk{
width: 537px;
background-position: left top,right bottom, center center;
background-repeat: no-repeat,no-repeat,repeat-y;
}
.cnt-spraakwolk .content{padding:30px 15px 50px 15px;}
.cnt-spraakwolk.teal{
background-image: url(../images/ag/ag-spraakwolk-teal.gif),url(../images/ag/ag-spraakwolk-teal.gif),url(../images/ag/ag-spraakwolk-teal.gif);
}
.ag-grijs .cnt-spraakwolk.teal{
background-image: url(../images/ag/ag-spraakwolk-teal-grijs.gif),url(../images/ag/ag-spraakwolk-teal-grijs.gif),url(../images/ag/ag-spraakwolk-teal-grijs.gif);
}
.ag-licht_grijs .cnt-spraakwolk.contact{
background-image: url(../images/ag/ag-spraakwolk-contact-licht_grijs.gif),url(../images/ag/ag-spraakwolk-contact-licht_grijs.gif),url(../images/ag/ag-spraakwolk-contact-licht_grijs.gif);
}
.cnt-spraakwolk.lime{
width: 513px;
background-image: url(../images/ag/ag-spraakwolk-lime.gif),url(../images/ag/ag-spraakwolk-lime.gif),url(../images/ag/ag-spraakwolk-lime.gif);
}
.ag-licht_grijs .cnt-spraakwolk.lime{
background-image: url(../images/ag/ag-spraakwolk-lime-licht_grijs.gif),url(../images/ag/ag-spraakwolk-lime-licht_grijs.gif),url(../images/ag/ag-spraakwolk-lime-licht_grijs.gif);
}
.cnt-spraakwolk.blauw{
width: 513px;
background-image: url(../images/ag/ag-spraakwolk-blauw-licht_grijs.gif),url(../images/ag/ag-spraakwolk-blauw-licht_grijs.gif),url(../images/ag/ag-spraakwolk-blauw-licht_grijs.gif);
}
.cnt-spraakwolk.oranje{
width: 513px;
background-image: url(../images/ag/ag-spraakwolk-oranje.gif),url(../images/ag/ag-spraakwolk-oranje.gif),url(../images/ag/ag-spraakwolk-oranje.gif);
}
table.tbl-contact{width:100%;font-family:'Helvetica Light';color:#000;text-align:left;position:relative}
table.tbl-contact tr th{font-family:'Helvetica Bold';font-size:1.25em;padding:5px;white-space: nowrap}
table.tbl-contact tr th:first-child{padding-left:0;}
table.tbl-contact tr th:last-child{padding-right:0;}
table.tbl-contact tr td{padding:5px;position:relative}
.fill{width:100%}
/* DOWNLOADS */
table.tbl-downloads{width:100%;font-family:'Helvetica Light';color:#000;text-align:left;border-collapse: collapse;}
table.tbl-downloads tr th{font-family:'Helvetica Bold';font-size:1.25em;padding:15px 5px;}
table.tbl-downloads tr th:first-child{width:72%}
table.tbl-downloads tr td:nth-child(3n){font-family:'Helvetica Bold';}
table.tbl-downloads tr td{padding:10px;font-size:1.5em;background-image:url(../images/ag/ag-dash-v.gif);background-repeat:repeat-y;background-color:#F6F6F6;border-bottom:10px solid #fff;}
table.tbl-downloads tr td:first-child{background-image:none;}
/* DOWNLOADS */
.c-blog {
background:url(../images/ag/ag-blog-menu.gif) no-repeat center top;height:300px;
padding:15px 9px 25px 46px;
}
.c-blog .c2,.c-trainingsdata .c2{width:495px;}
.c-blog .content{height:110px;padding:5px 15px 0;background-color:#f6f6f6}
.c-blog .bar{padding:3px 15px;background-color:#31c4b5;color:#000;}
/* ANDEREN */
.c-anderen {
position:relative;background:url(../images/ag/ag-spraakwolk-anderen.png) no-repeat left top;height:292px;padding:15px 15px 40px 10px;
}
.c-anderen .bar{bottom:18px;width:210px;position:absolute;right:0}
/* FAQ */
.c-faq{
position:relative;min-height:94px;padding-top:10px;padding-right:2px
}
.c-faq .question .nr{display:block;font-size:2.917em;line-height:1em;float:left;font-family:'Helvetica Bold';margin-top:-4px;margin-right:10px;height:50px}
.c-faq .question{top:0;z-index:2;color:#000;
display:block;position:absolute;background:url(../images/ag/ag-faq-element.png) no-repeat left top;height:100px;padding:15px 15px 40px 10px; width:100%;
}
.c-faq .answer{
border:2px solid #000;border-top:0;display:none;
padding:10px;padding-top:74px;
}
.f-on {
display:block!important;
}
.f-off{
display:none;
}
/* TRAININGSDATA */
.c-trainingsdata {
background:url(../images/ag/ag-trainingen-menu.gif) no-repeat left top;height:300px;
padding:15px 9px 25px 46px;
}
.c-trainingsdata table{width:100%;font-family:'Helvetica Light';color:#000;text-align:left;}
.c-trainingsdata table tr th{font-family:'Helvetica Bold';font-size:1.5em;padding:5px 0;}
.c-trainingsdata table tr th:first-child{width:40%}
.c-trainingsdata table{border-collapse: collapse;}
.c-trainingsdata table tr td{background-color:#FFF;padding:6px;border-left:1px solid #000;}
.c-trainingsdata table tr td:first-child{border-left:none;}
.c-trainingsdata table tr{border-bottom:14px solid #76c5ea;border-top:5px solid #FFF;}
.c-trainingsdata table tr:first-child{border:0;}
.c-trainingsdata table tr:nth-child(2n) td{background-color:#F6F6F6;}
.c-trainingsdata table.alt tr{border:0;border-bottom:3px solid #fff;}
.c-trainingsdata table.alt tr:nth-child(2n+1) td{background-color:#76c5ea;padding:2px 10px;text-align:right;}
/* aanbod_filter */
.c-aanbod_filter table{width:100%;font-family:'Helvetica Light';color:#000;text-align:left;}
.c-aanbod_filter table tr th{font-family:'Helvetica Bold';font-size:1.5em;padding:5px 0;}
.c-aanbod_filter table tr th:first-child{width:30%}
.c-aanbod_filter table{border-collapse: collapse;}
.c-aanbod_filter table tr td{background-color:#FFF;padding:6px;border-left:1px solid #000;}
.c-aanbod_filter table tr td:first-child{border-left:none;}
.c-aanbod_filter table tr{border-bottom:5px solid #fff;}
.c-aanbod_filter table tr:first-child{border:0;}
.c-aanbod_filter table tr:nth-child(2n) td{background-color:#F6F6F6;}
.c-aanbod_filter table tr:nth-child(2n+1) td{background-color:#e22019;padding:2px;text-align:right;}
/* REACTIES POSTIT */
.c-reacties{
position:relative;height:500px
}
.c-reacties .postit{
background:url(../images/ag/ag-postit-groen.png) no-repeat left top;width:280px;height:214px;padding:20px;position: absolute;
}
.c-reacties .postit .content{font-size:1.25em;}
.c-reacties .cp1{left:0;top:80px;}
.c-reacties .cp2{left:400px;top:180px;}
.c-reacties .cp3{right:0;top:80px;}
.c-reacties .nav{
text-align:center;
}
.c-reacties .nav .bttn{
display:inline-block;float:none;
}
/* STICKERS */
.sticker {
width:156px;height:157px;
display:inline-block;background-repeat:no-repeat;
}
.sticker.blog{
background-image:url(../images/stickers/bttn_lees_ons_blog.png)
}
.p-coaches .sticker.blog{
background-image:url(../images/stickers/bttn_lees_ons_blog-blauw.png)
}
.c-partner-links a{
display:inline-block;
border:1px solid #000;
margin:2px 0;
}
/* INSCHRIJVEN */
.c-inschrijven_bar{height:58px;padding-left:10px;padding-right:10px;}
.c-inschrijven_bar .step{float:left;width:176px;font-family:'Helvetica Light';color:#fff;font-size:1.5em;line-height:1em;border-right:1px dashed #FFF;height:44px;padding:10px 18px 0 7px;}
.c-inschrijven_bar .step.active{color:#5f4c3f;}
.c-inschrijven_bar .step.done{background:url(../images/icons/icon-inschrijven_check.gif) no-repeat right 10px;}
.c-inschrijven_bar .step span{display:block;float:left;font-size:1.389em;font-family:'Helvetica Bold';line-height:1em;margin-right:10px}
.t-stapnr{display:block;font-family:'Helvetica Light';color:#5f4c3f;font-size:1.5em;line-height:1.5em;margin-bottom:10px;}
.t-stapnr span{display:block;float:left;font-size:1.389em;font-family:'Helvetica Bold';line-height:1em;margin-right:10px;color:#000}
/* AANBOD */
.t-label {
font-size:1.25em;font-family:'Helvetica Bold';padding:0.33em 0;
}
.t-label strong{
font-size:1em;color:#000;font-weight:bold;
}
.t-label input{float:left;margin:0.2em 0.9em 2em 0;}
.c-aanbod_filter {
height:746px;
background:url(../images/ag/ag-aanbod-filter.gif) no-repeat;
}
.c-aanbod_filter .content{
width:424px;
height:590px;
padding:70px 25px 0 50px;
}
.c-aanbod_filter .bar{
position:absolute;
top:54px;
right:1px;
}
.ag-licht_grijs .c-aanbod_filter {
height:722px;
background:url(../images/ag/ag-aanbod-filter.gif) no-repeat;
}
.ag-licht_grijs .c-aanbod_filter .content{
width:424px;
height:590px;
padding:50px 25px 0 50px;
}
.c-aanbod_filter .nav{width:350px;padding:10px 25px 50px 0;}
.ag-licht_grijs .c-aanbod_filter .bar{ position:absolute;top:33px;right:1px;}
/* Item Navigatie */
.uln-prev.off,.uln-next.off{opacity:0.6;cursor:default}
.op-child{display:none;}
.op-child.on{display:block;}
.media_menu ul.js-init li:nth-child(1n+7),.js-init .c-partner:nth-child(1n+13),.c-blog.js-init .c2:nth-child(1n+5),.c-trainingsdata.js-init .c2:nth-child(1n+3),.c-ons_team .js-init .c2:nth-child(1n+5),.c-aanbod_filter .js-init .uln-child:nth-child(1n+2),.wist_u_dat .js-init .uln-item:nth-child(1n+2),.c-prikbord .ulnav.kinderen.js-init li:nth-child(1n+2),.c-prikbord .cp2 .js-init li:nth-child(1n+3),.c-tabblad .content.js-init .cp4:nth-child(2n+4),#ulnav-res_coaches.js-init .uln-child:nth-child(1n+2){display:none}
/* form checker */
.fc-blocked{background-image:url(../images/icons/ag-fout.gif);background-repeat:repeat-y;background-position:right top;}
#homepage-blocks a { color:#bbb;}
#topLogo { margin-top:7px; position:absolute; height:77px; width:120px; background:url('/assets/images/logos/GK-logo1-NW-ROOD-95m95y-zonder-URL-120x77.png') no-repeat;}
form .errors ul { display: none; }
form .has-error input[type=text],
form .has-error input[type=password],
form .has-error input[type=email],
form .has-error textarea { border: 1px solid #E2001A; }
form .has-error label { color: #E2001A; }
.hidden {
display:none !important;;
visibility:hidden !important;
}
.c2.student { margin-left:4px; margin-right:4px;}
form label.radio { display: inline-block; margin-right: 40px; margin-bottom:16px !important; }
form label.radio input[type=radio] { margin-top: 19px; margin-left:6px; }
.header { z-index:600;}
.inschrijven-steps { margin:5% auto; left:0; right:0; top:0; background-color:#fff !important; z-index:600; }
.cnt-rel { position:relative; z-index:500; }
/* MI */
@-webkit-keyframes fontfix{
from{ opacity: 1; }
to{ opacity: 1; }
}
/*
ul.list { list-style: none; padding: 0; margin: 0; }
ul.list li { font-family: 'Helvetica Light'; font-size: 20px; background: url('../images/check.png') left 2px no-repeat; font-size: 15px; margin-bottom: 10px; padding: 0 0 0 30px; color: #87888a; }
*/
.pad-left-20 { padding-left:20px; }
.pad-left-30 { padding-left:30px; }
.pad-left-40 { padding-left:40px; }
/*
form { }
form p,
form .p { font-size: 20px; font-family: 'Helvetica Light'; color: #58585a; }
form label { font-size: 20px; font-family: 'Helvetica Light'; font-weight: normal; }
form label.radio { display: inline-block; margin-right: 5px; }
form label.radio input[type=radio] { margin-top: 10px; }
form .form-control { border-radius: 0px; -moz-border-radius: 0px; border: none; box-shadow: none; -moz-box-shadow: none; }
form.newsletter { }
form.newsletter label { font-weight: bold; font-size: 15px; font-family: "Trebuchet MS"; display: inline-block; width: 70px; }
form.newsletter input { width: 185px; display: inline-block; }
form input.form-inline { display: inline-block; width: 92%; }
form .errors ul { display: none; }
form .has-error input[type=text],
form .has-error input[type=password],
form .has-error input[type=email],
form .has-error textarea { border: 1px solid #E2001A; }
form .has-error label { color: #E2001A; }
*/
/*#container { min-height: 100%; position: relative; }
#body { padding-bottom: 499px; margin-top:112px; }
#footer { position: absolute; bottom: 0; width: 100%; height: 499px; background-color:#fff; z-index:100; }
#copyright { background-color: #707173; height: 45px; color: white; font-size: 10px; }
#copyright p { display: inline-block; margin: 8px 0 8px 10px; vertical-align: middle }
*/
.mg-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.mg-10 { margin-top: 10px; margin-bottom: 10px; }
.mg-20 { margin-top: 20px; margin-bottom: 20px; }
.mg-30 { margin-top: 30px; margin-bottom: 30px; }
.mg-40 { margin-top: 40px; margin-bottom: 40px; }
.mg-50 { margin-top: 50px; margin-bottom: 50px; }
.mg-10-0 { margin-top: 10px; margin-bottom: 0; }
.mg-20-0 { margin-top: 20px; margin-bottom: 0; }
.mg-30-0 { margin-top: 30px; margin-bottom: 0; }
.mg-40-0 { margin-top: 40px; margin-bottom: 0; }
.mg-50-0 { margin-top: 50px; margin-bottom: 0; }
.mg-t-0 { margin-top: 0px !important; }
.mg-t-10 { margin-top: 10px; }
.mg-t-20 { margin-top: 20px; }
.mg-t-30 { margin-top: 30px; }
.mg-t-40 { margin-top: 40px; }
.mg-t-50 { margin-top: 50px; }
.mg-b-0 { margin-bottom: 0px !important; }
.mg-b-10 { margin-bottom: 10px; }
.mg-b-20 { margin-bottom: 20px; }
.mg-b-30 { margin-bottom: 30px; }
.mg-b-40 { margin-bottom: 40px; }
.mg-b-50 { margin-bottom: 50px; }
.mg-image { margin-top: 10px; margin-right: 10px; margin-bottom: 5px; }
.black { color: #1A171B !important; }
.darkgrey { color: #58585A; }
.grey { color: #707173; }
.lightgrey { color: #87888a; }
.red { color: #E2001A; }
.green { color: #5BAB26 !important; }
.orange { color: #e22019; }
.white { color: white !important; }
.bg { background: transparent; }
.bg-light-grey { background-color: #f6f6f6; }
.bg-light-orange { background-color: #efd8bb; }
.bg-light-orange-relative { z-index:500; position:relative; }
.bg-light-red { background-color: #f9dfd6; }
.bg-light-blue { background-color: #d6eae7; }
.bg-light-green { background-color: #e7edc0; }
.bg-light-purple { background-color: #ddccdc; }
.bg-light-panel-orange { background-color: #efd8bb; }
.bg-light-panel-red { background-color: #f9dfd6; }
.bg-light-panel-blue { background-color: #bedee9; }
.bg-light-panel-purple { background-color: #ddccdc; }
.bg-white { background-color: white; }
.bg-orange { background-color: #e22019; }
.bg-yellow { background-color: #f19300; }
.bg-darkgrey { background-color: #707173; }
.bg-grey { background-color: #58585a; }
.bg-greyer { background-color: #87888a;}
.bg-headgrey { background-color: #c6c7c8; }
.bg-tablegrey { background-color: #d9dadb; }
.bg-lightgrey { background-color: #e6e7e8; }
.bg-blue { background-color: #009ee0; }
.bg-lightblue { background-color: #6bb1dd; }
.bg-turqoise { background-color: #299aa8; }
.bg-newsblue { background-color: #6ab1dd; }
.bg-red { background-color: #e5352d; }
.bg-green { background-color: #96be0d; }
.bg-lightgreen { background-color: #ccd300; }
.bg-purple { background-color: #93117e; }
.bg-white-90 { background-color: rgba(255,255,255,0.9);}
.bg-header { background-image: url('../images/bg.top.png'); position:fixed; padding-bottom:4px; }
.bg-dotted-vertical { background: url('../images/hr.vertical.grey.png') top right repeat-y; }
.hr { border: none; height: 1px; background: #1A171B; width: 100%; display: block; }
.hr-dotted-white { background: url('../images/hr.white.png')}
.hr-dotted-grey { background: url('../images/hr.grey.png')}
.bestellen, .bestellen * { border-color: #96be0d; }
.over_ons, .over_ons * { border-color: #e22019; }
.inschrijven, .inschrijven * { border-color: #299aa8; }
.inloggen, .inloggen * { border-color: #ccd300; }
.inloggen a,
div.inschrijven h4 a { color:#707173; }
.inloggen a:hover,
div.inschrijven h4 a:hover { color:#1A171B; }
.submenu { z-index: 501; width:100%; }
.submenu-light-green { background-color: #ccd300; }
.submenu-orange { background-color: #f19300; }
.submenu-green { background-color: #96be0d }
.submenu-red { background-color: #e5352d; }
.submenu-blue { background-color: #009ee0; }
.submenu-purple { background-color: #93117e; }
.submenu-aboutus { background-color: #e76020; }
.submenu > .container { position: relative; }
.submenu > .container > .row > div { float: left; height: 84px; position: relative; padding: 20px 10px; vertical-align: middle; }
.submenu .label { border-left: 1px solid white; border-right: none !important; font-size: 25px; color: #1A171B; text-align: left; border-radius: 0; -moz-border-radius: 0; position: relative; }
.submenu .label small { font-size: 17px; color: white; display: block; }
.submenu .item a { display: table-cell; vertical-align:middle; height: inherit; width: inherit; }
.submenu .label:before,
.submenu .label:after { right: 0; top: 0%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 100;}
.submenu .label:before { border-left-color: white; border-left-width: 22px; border-top-width: 42px; border-bottom-width: 42px; right: -23px }
.submenu .label:after { border-left-color: white; border-left-width: 22px; border-top-width: 42px; border-bottom-width: 42px; right: -22px; }
.submenu .label .back { position: absolute; top: 100%; left: 0; font-size: 17px; }
.submenu .label .back a { color: white; padding: 10px;}
.submenu .label.back { min-width: 250px; }
.submenu-light-green .label:after { border-left-color: #ccd300; }
.submenu-orange .label:after { border-left-color: #f19300; }
.submenu-green .label:after { border-left-color: #96be0d; }
.submenu-red .label:after { border-left-color: #e5352d; }
.submenu-blue .label:after { border-left-color: #009ee0; }
.submenu-purple .label:after { border-left-color: #93117e; }
.submenu-aboutus .label:after { border-left-color: #e76020; }
.submenu .item { border-right: 1px solid white; font-size: 15px; padding: 0 !important; font-weight: bold; }
.submenu .label + .item a { padding-left: 25px; }
.submenu .item small { font-size: 12px; display: block; }
.submenu .item a { color: white; padding: 0px 38px 0px 10px; }
.submenu .item a:hover { }
.submenu .item i { display: inline-block; vertical-align: middle; margin-right: 10px; }
.submenu .item span { display: inline-block; vertical-align: middle; }
.submenu-light-green .item a.active,
.submenu-light-green .item a:hover { background-color: #bcbc08; }
.submenu-orange .item a.active,
.submenu-orange .item a:hover { background-color: #d67c05; }
.submenu-orange.item a:hover,
.submenu-orange.item a.active { background-color: #d67c05 !important; }
.submenu-green .item a.active,
.submenu-green .item a:hover { background-color: #4d8e24; }
.submenu-green.item a.active,
.submenu-green.item a:hover { background-color: #4d8e24 !important; }
.submenu-red .item a.active,
.submenu-red .item a:hover { background-color: #c12b2b; }
.submenu-red.item a.active,
.submenu-red.item a:hover { background-color: #c12b2b !important; }
.submenu-blue .item a.active,
.submenu-blue .item a:hover { background-color: #0c8dba; }
.submenu-blue.item a.active,
.submenu-blue.item a:hover { background-color: #0c8dba !important; }
.submenu-purple .item a.active,
.submenu-purple .item a:hover { background-color: #721066; }
.submenu-purple.item a.active,
.submenu-purple.item a:hover { background-color: #721066 !important; }
.submenu-aboutus .item a.active,
.submenu-aboutus .item a:hover { background-color: #bd481c; }
.submenu-aboutus.item a.active,
.submenu-aboutus.item a:hover { background-color: #bd481c !important; }
.submenu .logout,
.submenu .item.cart { padding: 0 !important; border-left: 1px solid white; border-right: 1px solid white; }
.submenu .logout a,
.submenu .item.cart { border-left: none; }
.submenu .logout a { display: table-cell; height: inherit; padding: 0 10px; vertical-align: middle; color: white; }
.submenu .item.cart a { height: inherit; width: inherit; padding: 0 10px; color: white; }
.info { font-family: 'Helvetica Light'; font-size: 15px; color: #87888a; padding: 3px 0 0 40px; background: url(../images/info.png) left top no-repeat; min-height: 27px; }
.smaller { font-size: 12px; font-family: "Trebuchet MS"}
.bigger { font-family: 'Helvetica Light'; font-size: 20px; color: #87888a; }
.copypaste { font-size: 12px; margin-top: 10px; }
.copypaste a { margin-left: 5px; }
.copypaste a.copy { color: #1A171B; }
.close { font-size: 15px; color: #87888a; opacity: 1; font-weight: normal; }
.close:hover { opacity: 1; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: inline-block; }
.disablay { position: relative; }
.disablay:after { content: ''; background: rgba(0,0,0,.9); position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; color: white; font-size: 50px; font-family: 'Helvetica Light'; padding-top: 50px; z-index: 999 }
.disablay.msg:after { content: 'Vul bovenstaande gegevens in en klik op opslaan.'; font-family:"Helvetica Light";}
.border-10 { border: 10px solid white; }
.button { cursor: pointer; display: block; }
.button:hover,
.button:active,
.button:visited,
.button:focus { color: white; text-decoration: none; }
.button-double { line-height: 19px; font-size: 12px; font-weight: normal; }
.button-double:after { right: -24px; }
.button-label { cursor: default; font-size: 30px; text-align: left; padding-left: 8px; }
.button-orange { background-color: #e22019; }
.button-orange:after { border-color: #e22019 transparent #e22019 #e22019; }
.button-yellow { background-color: #f19300; }
.button-yellow:after { border-color: #f19300 transparent #f19300 #f19300; }
.button-turquoise { background-color: #299aa8}
.button-turquoise:after { border-color: #299aa8 transparent #299aa8 #299aa8; }
.button-green { background-color: #96be0d; }
.button-lightgreen { background-color: #ccd300; color: white; }
.button-lightgreen:after { border-color: #ccd300 transparent #ccd300 #ccd300; }
.button-lightdarkgreen { background-color: #96aa04; color: white; }
.button-lightdarkgreen:after { border-color: #96aa04 transparent #96aa04 #96aa04; }
.button-blue { background-color: #009ee0; }
.button-blue:after { border-color: #009ee0 transparent #009ee0 #009ee0; }
.button-red { background-color: #e5352d; }
.button-red:after { border-color: #e5352d transparent #e5352d #e5352d; }
.button-purple { background-color: #93117e; }
.button-purple:after { border-color: #93117e transparent #93117e #93117e; }
.button-social { margin-left: 0; margin-right: 0; }
.button-social:before { content: none; }
.button-social:after { content: none; }
.button-social i { position: absolute; left: 0px; top: 2px; }
.button-facebook { background: #3280c2; }
.button-linkedin { background: #186d9d; }
.button-pointer { cursor: pointer !important; }
.navi { }
.navi ul { margin: 0; padding: 0; list-style: none; display: inline-block; }
.navi ul li { margin: 0 5px; padding: 0; display: inline-block; vertical-align:middle; }
.navi ul li { width: 12px; height: 12px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; }
.navi.navi-vertical { width: 45px; height: auto; padding: 7px; padding-bottom: 0px; }
.navi.navi-vertical .icon { margin-bottom: 7px; }
.navi.navi-vertical ul { margin-left: 9px; display: block; }
.navi.navi-vertical ul li { margin: 0; margin-bottom: 7px; display: block; }
.navi.navi-white li { background-color: white; }
.navi.navi-white li.active,
.navi.navi-white li:hover { background-color: #b1b3b4; }
.navi.navi-green li { background-color: white; }
.navi.navi-green li.active,
.navi.navi-green li:hover { background-color: #96be0d; }
.navi.numeric a { color: #87888a; }
/*
header { width: 100%; background: white; z-index: 999;}
header .container { position: relative; }
header .logo { float: left; padding-top: 10px; margin-right: 15px; }
nav { margin: 0; padding: 0; float: left; }
nav ul { list-style: none; padding: 0; margin: 0; position: relative; }
nav ul li { float: left; font-size: 18px; font-weight: bold; padding-bottom: 7px; }
nav ul li a { display: inline-block; }
nav ul li a small { display: block; font-size: 12px; }
header nav.groepen { padding-bottom: 6px; }
header nav.groepen ul { padding-top: 45px; }
nav.groepen a { color: #58585A; }
nav.groepen a small { color: #b1b3b4; }
nav.groepen .active > a,
nav.groepen a:hover,
nav.groepen a.active { color: #1A171B; }
nav.groepen a:hover small,
nav.groepen a.active small { color: #58585A; }
nav.groepen li { margin-right: 35px; border-bottom-width: 8px; border-bottom-style: solid; }
header nav.banier { position: absolute; top: 0px; right: 55px; }
header nav.banier a { background-image: url(../images/sprite.png); background-repeat: no-repeat; color: white; width: 117px; height: 132px; text-align: center; padding-top: 65px; line-height: 15px; position: absolute; top: -30px; left: 0; -webkit-transition: top 0.3s; transition: top 0.3s; z-index: 100; }
header nav.banier a:hover,
header nav.banier a.active { top: 0px;}
header nav.banier li { margin-right: 12px; position: relative;width: 117px; }
header nav.banier li.inschrijven a { background-position: -310px -210px; }
header nav.banier li.bestellen a { background-position: -430px -210px; }
header nav.banier li.over_ons a { background-position: -550px -210px; }
header .icons a { display: block; margin-top: 6px; position: relative; }
*/
.overlay { display: none; position: absolute; top: 100%; right: 0; width: 442px; border: 8px solid #96aa04; background: white; z-index: 200; padding: 10px; }
.overlay h3 { font-size: 20px; font-weight: normal; font-family: 'Helvetica Light'; margin: 10px 0; }
.overlay p { color: #707173; }
.overlay a { color: #1a171b; }
.overlay .form-control { background: #f6f6f6; display: inline-block; width: 200px; }
.overlay label { width: 155px; }
.overlay.login .button { float: right; width: 183px; }
.overlay.cart { border-color: #4D8E24; width: 542px; font-size: 11px; right: 1px;}
.overlay.cart .products .product .title { margin-bottom: 4px; padding-bottom: 4px; font-size: 15px; color: #87888a; border-bottom-width: 4px; }
.overlay.cart .products .product input { width: 25px; text-align: center; border: none; background: #e6e7e8;}
.overlay.cart .products .product { margin-bottom: 10px; height:auto;}
.overlay.cart .button { font-size: 18px; line-height: 19px; margin-top: 0px;padding-top:9px; }
.overlay.cart hr { margin: 10px 0; }
.overlay.cart .bigger { font-size: 15px; }
.overlay.cart .smaller { font-size: 9px; }
.overlay.cart p { margin-bottom: 4px; }
.overlay.cart .total > * { border-right: 1px solid #e6e7e8}
.overlay.cart .total > *:last-child { border-right: none; }
/*
.banner { height: 420px; background-position: top; background-repeat: no-repeat; background-size: cover; padding-top: 180px }
.banner h1 { margin: 10px 0; }
.banner p { font-family: 'Helvetica Light'; font-size: 20px; color: #87888a; line-height: 24px; }
.banner .button { margin-top: 30px; }
.banner .ban { position: relative; }
.banner .ban .navi { position: absolute; top: 0; left: -45px; }
*/
.productcart { color: #87888a; font-size: 15px; }
.productcart .products .product { margin-bottom: 10px;}
.productcart .products .product .title { font-size: 18px; padding: 4px 0; margin: 0 0 10px; }
.productcart .products .product select { border: none; background: #f6f6f6; padding: 0 0 0 10px; }
/*
.map { }
.map .form-control { width: 130px; }
.map form .inline > * { float: left; margin-left: 10px; }
.map form .inline > *:first-child { margin-left: 0px; }
*/
/*
table.agenda { width: 100%; background: white; display: none; }
table.agenda thead th { background: #58585a; color: white; font-weight: normal; padding-left: 6px; }
table.agenda tr > * { height: 31px; font-family: 'Helvetica Light'; font-size: 16px; }
table.agenda tbody tr { }
table.agenda tbody tr td { padding: 0px 8px; position: relative; }
table.agenda tbody tr td:before { content: ''; border-left-width: 2px; border-left-style: solid; height: 21px; position: absolute; margin-left: -6px; margin-top: 2px; }
table.agenda tbody tr td.noborder:before,
table.agenda tbody tr td:nth-child(1):before,
table.agenda tbody tr td:last-child:before { border-left: none; }
.agenda.filter .letter { }
.agenda.filter .letter a { display: inline-block; margin-right: 12px; width: 76px; height: 76px; background-color: #c6c7c8; text-align: center; font-weight: bold; color: white; font-size: 38px; line-height: 38px; padding-top: 10px; }
.agenda.filter .letter a.active,
.agenda.filter .letter a:hover { background-color: #58585a; }
.agenda.filter .letter a span { display: block; color: #707173; font-size: 12px; font-weight: normal; line-height: 12px; }
.agenda.filter .letter a.active span,
.agenda.filter .letter a:hover span { color: white;}
.agenda.filter .letter .letter-all { width:100px; }
.agenda.filter .flags { background: white; padding: 15px 10px 0; height: 76px; }
.agenda.filter .flags.selection label div { opacity: 0.5; }
.agenda.filter .flags.selection label div.selected { opacity: 1; }
.agenda.filter .flags span { font-size: 38px; color: #707173; line-height: 28px; display: inline-block; vertical-align:top; }
.agenda.filter .flags span small { font-size: 12px; display: block; }
.flags label { display: inline-block; margin-right: 20px; cursor: pointer; }
.flags.small label { margin-right: 0; }
.flags label input { float: left; margin: 15px 10px 0; border: none; }
.flags label input[type=checkbox] { cursor:pointer; }
.flags.small label input { margin: 15px 8px 0; }
.flags label div { float: left; margin-top: 3px; font-size: 12px; font-family: "Trebuchet MS"; }
.flags label i { display: block; }
*/
/*
.note { font-family: 'Helvetica Light'; font-size: 20px; color: #87888a; padding: 20px 20px 20px 40px; background: #e6e7e8; position: relative; }
.note label { font-weight: normal; width: 120px; }
.note .italic { font-family: 'Helvetica Light'; }
.note:before { content: ''; width: 10px; position: absolute; top: 50px; left: 0; bottom: 20px; background: url('../images/bg.memo.png') left top repeat-y white; }
.note:after { content: ""; position: absolute; top: 0; right: 0; border-width: 0 38px 38px 0; border-style: solid; border-color: #d9dadb white; }
.note.orange:after { border-color: #e22019 white; }
.bg-light-grey .note:before { background-color: #f6f6f6}
.bg-light-grey .note:after { border-color: #d9dadb #f6f6f6; }
*/
/*
.groepen h3 { font-size: 45px; border-bottom-style: solid; border-bottom-width: 12px; padding-bottom: 18px; }
.groepen h3 small { font-size: 25px; display: block; color: #b1b3b4; }
.groepen .block { min-height: 350px; position: relative; padding-bottom: 60px; }
.groepen .block .button { position: absolute; bottom: 0px; left: 15px; right:14px; }
*/
/*
.box { padding: 10px 10px 60px; position: relative; }
.box .navi { float: right; }
.box h3 { font-family: 'Helvetica Light'; font-size: 35px; color: white; margin: 0; font-weight: normal; }
.box h4 { color: white; }
.box a { color: white; }
.box .footer { position: absolute; bottom: 0; left: 0; right: 0; background: white; height: 50px; line-height: 50px; text-align: center; font-size: 20px;}
.box.bg-yellow .footer { color: #f19300; }
.box.bg-blue .footer { color: #009ee0; }
*/
/*
.balloon { padding: 10px; position: relative; color: #707173; }
.balloon:after { position: absolute; bottom: -20px; right: 5px; content: ''; border-style: solid; border-width: 10px 10px; border-color: white white transparent transparent; }
.balloon > * { display: inline-block; vertical-align: top }
.balloon .logo { width: 250px; }
.balloon .address { width: 125px; }
.balloon strong { font-size: 15px; color: #1A171B;}
.balloon a { color: #1A171B; }
form .balloon > * { display: block; }
form .balloon input[type=text],
form .balloon textarea { background: #e6e7e8; }
*/
/*
.contact a { color: #1A171B; }
.contact label { width: 100px; }
*/
/*
.downloads { }
.downloads h2 { font-family: HelveticaNeueW02-65Medi; font-size: 15px; margin: 0 0 10px }
.downloads > div > div { border-top: 8px solid #f19300; padding-top: 10px; min-height: 110px; margin-bottom:30px; position: relative; }
.downloads p:last-child { position: absolute; bottom: 0; left: 0; width: 100%;}
.download-section-title { cursor:pointer; }
.download-section-content { display:none; }
*/
.filter { font-size: 20px; font-family: 'Helvetica Light'; color: #87888a; line-height: 33px; }
.filter .sort { }
.filter-vertical { padding-right: 40px; width:323px; z-index:100; }
.filter-vertical .bg { padding: 10px; }
.filter-vertical h5 { margin-top: 0;}
.filter-vertical .reset { color: #87888a; font-size: 20px; font-family: 'Helvetica Light';}
.filter-vertical .reset i { margin-right: 10px; }
.filter-vertical .flags label { margin-right: 10px; }
#product-result-container { margin-left:300px; margin-top:-362px; }
/*
.videos { font-size: 20px; color: #87888a; font-family: 'Helvetica Light'; font-weight: normal; }
.videos i { margin-right: 10px; float: left; }
.videos .header { height: 70px; overflow: hidden;}
.videos .header,
.videos .border { padding-bottom: 8px; border-bottom: 8px solid #E2001A; margin-bottom: 8px; }
.videos .border { margin-bottom: 38px; }
.videoframe,
.videos .video { position: relative; height: 0; padding-top: 25px; padding-bottom: 56.25%; }
.videoframe iframe,
.videos .video a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.videos .video a img { width: 100%; height: 100%; }
*/
.products { }
.products .product { position: relative; margin-bottom: 30px; height:358px; }
.products .product h2 { font-family: 'Helvetica Light'; font-size: 20px;color: #87888a; margin: 0 0 8px; }
.products .product .title { border-bottom-style: solid; border-bottom-width: 8px; margin: 0 0 30px; position: relative; }
.products .product .price { height: 38px; width: 90px; position: absolute; top: 102%; right: 0px; font-size: 18px; font-weight: bold; color: white; line-height: 15px; z-index:1; background-color:#58585a; text-align:right; }
.products .product .price span { height: inherit; display: table-cell; vertical-align: middle; float:right;margin-right:10px;margin-top:5px; }
.products .product .price small { display: block; font-size: 12px; }
.products .product .image { padding-bottom: 100%; height: 0; position: relative; }
.products .product .image img { position: absolute; top: 0; left: 0; max-width: 100%; max-height:250px; }
.products .product .link { position:absolute; width:94%; bottom:-4px;}
.products .product-orange .title { border-bottom-color: #E8601F; }
.products .product-orange .price { background: #E8601F; }
.products .product-orange .price:before { border-color: #e22019 #e22019 #e22019 transparent; }
.products .product-blue .title { border-bottom-color: #009EE0; }
.products .product-blue .price { background: #009EE0; }
.products .product-blue .price:before { border-color: #009EE0 #009EE0 #009EE0 transparent; }
.products .product-red .title { border-bottom-color: #E2001A; }
.products .product-red .price { background: #E2001A; }
.products .product-red .price:before { border-color: #E2001A #E2001A #E2001A transparent; }
.products .product-yellow .title { border-bottom-color: #f19300; }
.products .product-yellow .price { background: #f19300; }
.products .product-yellow .price:before { border-color: #f19300 #f19300 #f19300 transparent; }
.products .product-purple .title { border-bottom-color: #93117e; }
.products .product-purple .price { background: #93117e; }
.products .product-purple .price:before { border-color: #93117e #93117e #93117e transparent; }
.products .product-multi .title { position: relative; border-bottom-color: transparent; z-index: 0; }
.products .product-multi .title:before { position: absolute; content: ''; bottom: -8px; width: 100%; height: 8px; background: linear-gradient(90deg, #f19300 25%, #E2001A 25%, #E2001A 50%, #009EE0 50%, #009EE0 75%, #93117e 75%); z-index: 1; }
.products .product-multi .price { background: #96be0d; }
.products .product-multi .price:before { border-color: #96be0d #96be0d #96be0d transparent; }
.productdetail .price { font-size: 20px; font-weight: normal; }
.productdetail .price label { display: inline-block; width: 150px; font-family: 'Helvetica Light'; color: #87888a; font-weight: normal; vertical-align: top; }
.productdetail .price span { display: inline-block; font-weight: normal; }
.productdetail .price span small { color: #87888a; font-size: 15px; display: block; }
.productdetail h1 { font-size:2.6em;}
.productimages .image { background: white; padding-bottom: 100%; height: 0; position: relative;}
.productimages .image img { position: absolute; top: 0; left: 0; width: 100%; }
.productimages .image i { position: absolute; bottom: 10px; right: 10px; }
.modal-lg { width: 1170px !important; }
.modal-content { border-radius: 0; -moz-border-radius: 0;}
.modal-content .close { margin: 20px 20px 0 0; opacity: 1; font-weight: normal; font-family: 'Helvetica Light'; color: #87888a;}
.modal-content .close i { margin-left: 20px; }
.modal-content h2 { margin-top: 0;}
.modal-content .googlemaps { height: 500px; width: 100%; position: relative; }
.modal-content .navi,
.modal-content .markclose { padding: 10px; }
.modal-content .markclose a { font-weight: normal; font-size: 14px; font-family: 'Helvetica Light'; color: #87888a;}
.courses .course h2 { font-family: 'Helvetica Light'; font-size: 20px; margin-bottom: 0px; min-height: 44px; height:auto; }
.courses .course { margin-bottom: 20px; }
.courses .course:nth-child(4n - 1) { clear: left; }
.courses .course .distance { float: right; color: #87888a; }
.signup .select { font-family: 'Helvetica Light'; font-size: 18px; color: white; }
.signup .select input[type=checkbox] { vertical-align: middle; margin: 0; }
.signup .select p { margin: 4px 0; padding-left: 10px; }
.signup .select p span { margin: 0 0 0 10px; }
.signup .navi { padding: 4px 10px; }
#school_match { }
#school_match .result { font-size: 14px; }
#school_match .result > div:nth-child(2n - 1) { clear: left; }
/*
.newsread { }
.newsread .item { padding: 10px 25px; }
.newsread .footer { height: 40px; padding: 5px; }
.news .list ul { list-style: none; padding: 0; margin: 0;}
.news .list ul li { float: left; width: 100%; height: 20px; overflow: hidden; margin: 0 0 10px 0 }
.news .list ul li i { margin: 0 10px 0 0; }
.news .list ul li a { font-weight: bold; font-size: 15px; color: #4c7f9b; }
.news .list ul li a:hover,
.news .list ul li a.active { color: white; }
*/
/*
footer { padding-top: 10px; }
footer > .container { margin-bottom: 20px; }
footer h4 { border-bottom-width: 8px; border-bottom-style: solid; margin-bottom: 5px; padding-bottom: 8px; }
footer ul { margin: 0; padding: 0 0 0 20px; list-style: disc; }
footer ul li { padding: 0; margin: 0; font-size: 20px; line-height: 20px; }
footer li a { color: #707173; font-size: 12px; vertical-align: top; }
footer li a:hover { color: #1A171B; }
footer .bestellen li { color: #96be0d; }
footer .over_ons li { color: #e22019; }
footer .social { margin-top: 10px; }
footer .social a { margin-right: 5px; vertical-align: top; color: #1A171B; }
*/
/* EXTRA SMALL XS */
@media(max-width:767px){
/* .modal-lg { width: auto !important; }
nav ul li a small { display: inline-block; padding-right: 5px; }
header .logo { float: none; text-align:center; }
nav.groepen li { width: 100%; }
header nav.groepen { display:none; }
header nav.groepen ul { padding-top: 10px;}
header nav.banier { position: relative; right: auto; width: 100%; }
header nav.banier ul { margin-top: 5px; }
header nav.banier ul li { width: 100%; float: none; padding-right: 12px; }
header nav.banier a { width: 100%; background: none; transition: none; position: relative; top: 0; height: auto; padding: 0 0 0 45px; line-height: 38px; height: 38px; text-align: left; }
header nav.banier a:after { content: ''; position: absolute; width: 12px; height: 0; right: -12px; top: 0px; border-width: 19px 12px; border-style: solid; }
header nav.banier a:hover { top: 0}
header nav.banier li.inschrijven a { background: url(../images/menu.inschrijven.png) 5px center no-repeat #299aa8; }
header nav.banier li.inschrijven a:after { border-color: #299aa8 transparent #299aa8 #299aa8}
header nav.banier li.inschrijven a:hover { background-color: #268087; }
header nav.banier li.inschrijven a:hover:after { border-color: #268087 transparent #268087 #268087}
header nav.banier li.bestellen a { background: url(../images/menu.bestellen.png) 5px center no-repeat #96be0d; }
header nav.banier li.bestellen a:after { border-color: #96be0d transparent #96be0d #96be0d}
header nav.banier li.bestellen a:hover { background-color: #4d8e24; }
header nav.banier li.bestellen a:hover:after { border-color: #4d8e24 transparent #4d8e24 #4d8e24}
header nav.banier li.over_ons a { background: url(../images/menu.overons.png) 5px center no-repeat #e22019; }
header nav.banier li.over_ons a:after { border-color: #e22019 transparent #e22019 #e22019}
header nav.banier li.over_ons a:hover { background-color: #bc4d20; }
header nav.banier li.over_ons a:hover:after { border-color: #bc4d20 transparent #bc4d20 #bc4d20}
header div.icons { position: absolute; top: 0; left: 10px; right: 10px;}
header div.icons a { position: absolute; top: 50px; left: 0px; }
header div.icons a.login { position: absolute; top: 50px; right: 0px; left: auto; }
.icon-login.click { position: relative !important;}
.overlay.login { top: 110px; }
#body { margin-top:318px;}
#substicky-sticky-wrapper { display: none; }
div.filter-vertical {display:none !important; }
.button { font-size:12px; line-height:18px; }
.button:after { border-color:none; }
*/
}
/* SMALL SM */
@media(min-width:768px) and (max-width: 991px){
/*
div#body { margin-top: 137px; }
header nav.groepen ul { padding-top: 15px; }
header nav.banier { right: 80px; }
header nav.banier ul { margin-top: 5px; }
header nav.banier ul li { width: 200px; float: none; }
header nav.banier a { width: 100%; background: none; transition: none; position: relative; top: 0; height: auto; padding: 0; height: 38px; }
header nav.banier a:after { content: ''; position: absolute; width: 12px; height: 0; right: -12px; top: 0px; border-width: 19px 12px; border-style: solid; }
header nav.banier a:hover { top: 0}
header nav.banier li.inschrijven a { background: url(../images/menu.inschrijven.png) 5px center no-repeat #299aa8; }
header nav.banier li.inschrijven a:after { border-color: #299aa8 transparent #299aa8 #299aa8}
header nav.banier li.inschrijven a:hover { background-color: #268087; }
header nav.banier li.inschrijven a:hover:after { border-color: #268087 transparent #268087 #268087}
header nav.banier li.bestellen a { background: url(../images/menu.bestellen.png) 5px center no-repeat #96be0d; }
header nav.banier li.bestellen a:after { border-color: #96be0d transparent #96be0d #96be0d}
header nav.banier li.bestellen a:hover { background-color: #4d8e24; }
header nav.banier li.bestellen a:hover:after { border-color: #4d8e24 transparent #4d8e24 #4d8e24}
header nav.banier li.over_ons a { background: url(../images/menu.overons.png) 5px center no-repeat #e22019; }
header nav.banier li.over_ons a:after { border-color: #e22019 transparent #e22019 #e22019}
header nav.banier li.over_ons a:hover { background-color: #bc4d20; }
header nav.banier li.over_ons a:hover:after { border-color: #bc4d20 transparent #bc4d20 #bc4d20}
header .logo { padding-top: 40px;}
header div.icons { padding-top: 35px; }
.modal-lg { width: 730px !important; }
.submenu .item { padding-left: 0px; padding-right: 0px;}
.submenu .item a { padding-left: 5px; padding-right: 5px;}
.submenu .item i { display: none; }
*/
}
/* MEDIUM MD*/
@media(min-width:992px) and (max-width: 1199px) {
/*
div#body { margin-top: 137px; }
header nav.groepen ul { padding-top: 75px; }
header nav.banier { right: 80px; }
header nav.banier ul { margin-top: 5px; }
header nav.banier ul li { width: 200px; float: none; }
header nav.banier a { width: 100%; background: none; transition: none; position: relative; top: 0; height: auto; padding: 0; height: 38px; }
header nav.banier a:after { content: ''; position: absolute; width: 12px; height: 0; right: -12px; top: 0px; border-width: 19px 12px; border-style: solid; }
header nav.banier a:hover { top: 0}
header nav.banier li.inschrijven a { background: url(../images/menu.inschrijven.png) 5px center no-repeat #299aa8; }
header nav.banier li.inschrijven a:after { border-color: #299aa8 transparent #299aa8 #299aa8}
header nav.banier li.inschrijven a:hover { background-color: #268087; }
header nav.banier li.inschrijven a:hover:after { border-color: #268087 transparent #268087 #268087}
header nav.banier li.bestellen a { background: url(../images/menu.bestellen.png) 5px center no-repeat #96be0d; }
header nav.banier li.bestellen a:after { border-color: #96be0d transparent #96be0d #96be0d}
header nav.banier li.bestellen a:hover { background-color: #4d8e24; }
header nav.banier li.bestellen a:hover:after { border-color: #4d8e24 transparent #4d8e24 #4d8e24}
header nav.banier li.over_ons a { background: url(../images/menu.overons.png) 5px center no-repeat #e22019; }
header nav.banier li.over_ons a:after { border-color: #e22019 transparent #e22019 #e22019}
header nav.banier li.over_ons a:hover { background-color: #bc4d20; }
header nav.banier li.over_ons a:hover:after { border-color: #bc4d20 transparent #bc4d20 #bc4d20}
header .logo { padding-top: 40px;}
header div.icons { padding-top: 35px; }
.modal-lg { width: 960px !important; }
#organisation .member h5 { font-size: 24px; }
.submenu .item { padding-left: 0px; padding-right: 0px;}
.submenu .item a { padding-left: 5px; padding-right: 5px;}
*/
}
/* LARGE LG */
@media(min-width:1200px){
}
/*
.backButton { }
.backButton a { padding:20px; color:#fff; line-height:40px; font-size:17px; }
.cursor-pointer { cursor: pointer; }
.modal-vertical-centered {
margin-top:7%;
}
*/
/*
.media-section h6 { font-family: 'Helvetica Light'; font-size: 24px; }
.media-section h6 i { margin-right:10px; }
span.free-delivery { color:#E2001A; }
.combo-offer h2 { margin: 0;}
.combo-offer h3 { font-size: 18px; color: white; padding: 5px 10px; }
.combo-offer .text { font-family: 'Helvetica Light'; font-size: 18px; color: #707173;}
.combo-offer .text span { color: #1a171b; }
.form-customer-invoice,
.form-customer-delivery { display:none; }
#avContainer { padding:10px;}
#avContainer.has-error { background-color:#e22019; color:#fff; }
#avContainer.has-error a { color:#fff; }
#overview-discount-container input { width:87%; display:inline; margin-left:2px; margin-bottom:10px; }
.cursusmateriaal_overlay { font-weight:bold; }
.cursusmateriaal_overlay.orange u { color:#f19300;}
.cursusmateriaal_overlay.red u { color:#e5352d;}
.cursusmateriaal_overlay.blue u { color:#009ee0;}
.cursusmateriaal_overlay.purple u { color:#93117e; }
#customerFormDeliveryAddress { height:821px; }
#customerFormDeliveryAddress .continue-button-green { position:absolute;bottom:0px; }
#pdfPricelist { font-size:28px; }
#pdfPricelist a { color:#1A171B; }
#gegevens-invoeren > h2 { margin-left:-16px;}
#gegevens-invoeren h3 { margin-left:-16px;}
*/
.image-subtitle { padding-top:4px; }
.loginError { border: 1px solid #E2001A; color:#fff; padding:10px; background-color:#E2001A; }
.combo-add-url-multiple { height:30px; padding-top:5px; }
.combo-add-url-multiple:after { border-width:15px 6px; }
.checkorder { min-height:500px;}
.customer-data-check { margin-top:30px;}
.customer-data-check h3 { margin-bottom:16px; margin-top:16px; }
.customer-data-check .bigger { margin-bottom:20px;}
.direct-lesmateriaal .direct-lesmateriaal-group { height:180px; }
.direct-lesmateriaal .direct-lesmateriaal-group a.button { margin-top:30px !important; }
#lessen-in-geluk { margin-top:20px;}
#Overige-samenwerkingspartners { margin-top:40px;}
.download-section-title { font-size:2.4em; margin-top:10px;}
.download-section-title .icon-download { margin-right:10px; }
.download-section-content { margin-bottom:30px; padding-top:10px; }
#ulnav-media_menu { overflow:hidden; }
.lesmateriaal-intro { padding-bottom:14px; font-weight:bold; font-size:15px; }
.sticker-large-red-250 { background:url(/assets/images/stickers/sectie-sticker-rood-blanco-224x218.png) no-repeat; width:224px !important; height:218px !important; text-align:center; line-height:218px; }
.sticker-overlay-text-large { font-size:19px; font-weight:bold; color:#fff; display: inline-block; vertical-align: middle; line-height: normal; -webkit-transform: rotate(348deg); -moz-transform: rotate(348deg); -o-transform: rotate(348deg); writing-mode: lr-tb; }
.sticker-overlay-text-sub { font-size:16px; font-weight:bold; color: #efdfe5; }
.media_menu { background-color:#30C4B5; height:auto; }
.media_menu ul.split li{float:none; width:inherit; }
.media_bericht .bericht-image { margin-left:8px; margin-bottom:8px; max-width:260px;max-height:300px; float:right; margin-top:10px; }
.breaker {clear:both !important;}
.subnav-center { text-align:center;}