@charset "UTF-8";
body { font: medium "DIN Regular"; margin: 0; padding: 0 0 0 0; }

@font-face { font-family: "DIN Regular"; src: url("fonts/DIN-Regular.eot"); }
@font-face { font-family: "DIN Medium"; src: url("fonts/DIN-Medium.eot"); }
@font-face { font-family: "DIN Regular"; src: url("fonts/DIN-Regular.otf"); }
@font-face { font-family: "DIN Medium"; src: url("fonts/DIN-Medium.otf"); }
.rood { color: #ee0000; }

div.header { background-image: url(../foto/bg3.jpg); background-size: cover; background-position: top center; }
body.menu2 div.header { background-image: none; }
div.header img.logo { width: 80px; height: 80px; display: block; position: absolute; right: 16px; top: 16px; }
div.header img.klas { width: 100%; display: block; }
div.header div.menubalk, div.header div.filterbalk { position: relative; min-height: 26px; padding: 12px 12px 12px 16px; }
div.header div.menubalk h1, div.header div.filterbalk h1 { font-size: 100%; font-weight: normal; margin: 0; cursor: pointer; }
div.header div.menubalk ul.menu1, div.header div.menubalk ul.menu2, div.header div.filterbalk ul.menu1, div.header div.filterbalk ul.menu2 { display: none; list-style-type: none; margin: 0; padding: 5px 0 0 0; }
div.header div.menubalk ul.menu1 a, div.header div.menubalk ul.menu2 a, div.header div.filterbalk ul.menu1 a, div.header div.filterbalk ul.menu2 a { display: block; position: relative; text-decoration: none; font: 100% "DIN Medium"; padding: 5px 0 5px 16px; }
div.header div.menubalk ul.menu1 a:before, div.header div.menubalk ul.menu2 a:before, div.header div.filterbalk ul.menu1 a:before, div.header div.filterbalk ul.menu2 a:before { position: absolute; left: 0; top: 9px; content: '\f054'; font-family: "FontAwesome"; color: rgba(255, 255, 255, 0.7); font-size: 70%; }
div.header div.menubalk ul.menu1 a:hover, div.header div.menubalk ul.menu1 a.selected, div.header div.menubalk ul.menu1 a.selected:before, div.header div.menubalk ul.menu1 a:hover:before, div.header div.menubalk ul.menu2 a:hover, div.header div.menubalk ul.menu2 a.selected, div.header div.menubalk ul.menu2 a.selected:before, div.header div.menubalk ul.menu2 a:hover:before, div.header div.filterbalk ul.menu1 a:hover, div.header div.filterbalk ul.menu1 a.selected, div.header div.filterbalk ul.menu1 a.selected:before, div.header div.filterbalk ul.menu1 a:hover:before, div.header div.filterbalk ul.menu2 a:hover, div.header div.filterbalk ul.menu2 a.selected, div.header div.filterbalk ul.menu2 a.selected:before, div.header div.filterbalk ul.menu2 a:hover:before { color: white; }
div.header div.menubalk { color: white; background: rgba(0, 146, 0, 0.85); font: 135% "DIN Medium"; }
div.header div.menubalk a { color: rgba(255, 255, 255, 0.7); }
div.header div.menubalk a.currentposition { position: absolute; display: block; right: 65px; top: 13px; width: 24px; height: 24px; background-image: url(../gfx/currentposition.png); background-size: cover; }
div.header div.filterbalk { color: rgba(0, 0, 0, 0.7); background: rgba(255, 220, 0, 0.85); font: 100% "DIN Medium"; min-height: 16px; padding: 8px 10px 8px 16px; }
div.header div.filterbalk a { color: rgba(0, 0, 0, 0.7); text-decoration: none; }
div.header div.filterbalk a.selected { color: white; }
div.header div.filterbalk a.done span { color: #00af00; }
div.header div.filterbalk a.done:before { content: '\f111'; color: #00af00; }
div.header div.filterbalk a.fa-filter { font-size: 25px; position: absolute; right: 18px; top: 5px; text-decoration: none; }
div.header div.filterbalk a.fa-refresh { font-size: 15px; position: absolute; right: 58px; top: 10px; text-decoration: none; }
body.kaart div.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 200; background-image: none; }
body.kaart div.header img.logo, body.kaart div.header img.klas { display: none; }

div.menu-icon { position: absolute; right: 15px; top: 13px; width: 30px; height: 24px; }
div.menu-icon a.bars { display: block; }
div.menu-icon a.bars div, div.menu-icon a.bars div:before, div.menu-icon a.bars div:after { position: absolute; display: block; width: 30px; height: 3px; top: 10px; background: white; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
div.menu-icon a.bars div:before { content: ''; top: -9px; }
div.menu-icon a.bars div:after { content: ''; top: 9px; }
div.menu-icon a.bars:hover div, div.menu-icon a.bars:hover div:before, div.menu-icon a.bars:hover div:after { background: white; }
div.menu-icon.selected a.bars div { background-color: transparent; }
div.menu-icon.selected a.bars div:before { transform: translateY(9px) rotateZ(-45deg); -webkit-transform: translateY(9px) rotateZ(-45deg); }
div.menu-icon.selected a.bars div:after { transform: translateY(-9px) rotateZ(45deg); -webkit-transform: translateY(-9px) rotateZ(45deg); }

body.kaart { padding-top: 0; }
body.kaart div.wrapper { width: auto; padding: 0; }
body.kaart div.page { margin: 0; }
body.kaart div.text { margin: 0; padding: 0; }
body.kaart div.text div#map_canvas { width: 100%; height: 100%; }
body.kaart div.foot { display: none; }
body.kaart div.map_items { display: none; }
body.kaart div.kaartlijst { position: absolute; z-index: 100; display: none; width: 100%; }
body.kaart div.kaartlijst div.adreskaartje { border: 0; border-bottom: 1px solid #ccc; margin: 0; border-radius: 0; min-height: 60px; }

div.text { margin: 16px 16px 32px; }
div.text h1 { font-size: 145%; margin: 0 0 0.5em; }
div.text h2 { font-size: 115%; margin: 0 0 0.5em; border-top: 1px solid #00af00; padding-top: 20px; }
div.text p, div.text table.tabel { margin: 0 0 1.5em; line-height: 1.5em; }
div.text a { color: #00af00; text-decoration: none; }
div.text ol, div.text ul { margin: 0 0 1.5em 20px; padding: 0; }
div.text ol li, div.text ul li { line-height: 1.5em; margin: 0 0 0.5em; }
div.text ul.tableofcontent { margin: 0 0 2.5em 0; }
div.text ul.tableofcontent li { padding-left: 13px; position: relative; list-style-type: none; margin: 0; font-size: 90%; }
div.text ul.tableofcontent li:before { content: ' '; display: block; position: absolute; left: 2px; top: 9px; background: #00af00; border-radius: 5px; width: 5px; height: 5px; }
div.text img { display: block; width: 100%; }
div.text div.intro { font-size: 115%; }
div.text div.adreskaartje { background: white; font: small "DIN Regular"; border: 1px solid #ccc; border-radius: 12px; padding: 10px; margin: 0 0 15px; position: relative; }
div.text div.adreskaartje a { color: #00af00; }
div.text div.adreskaartje a:hover { color: black; }
div.text div.adreskaartje a.route { display: block; position: absolute; right: 0px; bottom: 0px; width: 28px; height: 28px; background-image: url(../gfx/assisted-search/route.png); background-size: 28px 58px; }
div.text div.adreskaartje a.route:hover { background-position: bottom; }
div.text div.adreskaartje p { margin: 0 0 15px 0; position: relative; }
div.text div.adreskaartje p.first { margin-bottom: 0; }
div.text div.adreskaartje p a { color: black; }
div.text div.adreskaartje h2 { font-size: 110%; margin: 0 0 4px 0; border: 0; padding: 0; }
div.text div.adreskaartje div.rating { float: right; text-align: right; }
div.text div.adreskaartje div.rating div.grade { font-size: 140%; margin-top: 8px; }
div.text div.adreskaartje div.keurmerkhouder { position: absolute; top: 36px; right: 68px; color: #7d7d7d; font-size: 85%; }
div.text div.adreskaartje a.vestigingen { display: block; }
div.text div.adreskaartje a.vestigingen:before { content: '\f054'; font: 12px FontAwesome; margin-right: 4px; }
div.text div.adreskaartje a.vestigingen.selected { margin-bottom: 15px; }
div.text div.adreskaartje a.vestigingen.selected:before { content: ""; }
div.text div.adreskaartje div.adressen { display: none; }
div.text div.webetui_extfunc[webetui_function=vraag] { margin-bottom: 20px; }
div.text div.vraag { margin: 0 0 20px; font-family: "DIN Medium"; }
div.text div.vraag h2 { font-size: 120%; font-weight: normal; margin: 0 0 15px; }
div.text div.vraag h2.error { color: #ee0000; }
div.text div.vraag ul { margin: 0; padding: 0; list-style-type: none; }
div.text div.vraag ul li { margin: 0 0 12px; }
div.text div.vraag ul li a { display: block; font-size: 100%; text-decoration: none; color: black; padding: 4px 0 6px 34px; position: relative; }
div.text div.vraag ul li a:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 3px solid black; border-radius: 16px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; background: white; }
div.text div.vraag ul li a.selected { color: #00af00; }
div.text div.vraag ul li a.selected:before { border-width: 13px; border-color: #00af00; width: 0px; height: 0px; }
div.text div.vraag ul li a.weetniet { font-size: 85%; margin-top: 20px; }
div.text div.vraag ul li a.weetniet:before { left: 4px; top: 2px; width: 16px; height: 16px; border: 2px solid black; border-radius: 12px; }
div.text div.vraag ul li a.weetniet.selected:before { border-width: 10px; border-color: #00af00; width: 0px; height: 0px; }
div.text div.vraag ul li input[name=location] { display: none; border: 2px solid black; padding: 3px; position: absolute; left: 100px; font: 14px "DIN Medium"; display: block; z-index: 20; }
div.text div.vraag.v3 ul, div.text div.vraag.v4 ul { position: relative; height: 40px; margin: 60px 15px 45px 15px; }
div.text div.vraag.v3 ul li a, div.text div.vraag.v4 ul li a { position: absolute; margin: 0 0 0 -13px; top: -7px; padding: 0; }
div.text div.vraag.v3 ul li a span, div.text div.vraag.v4 ul li a span { position: absolute; display: block; top: -26px; font-size: 100%; }
div.text div.vraag.v3 ul li a.selected, div.text div.vraag.v4 ul li a.selected { z-index: 100; }
div.text div.vraag.v3 ul li a:after, div.text div.vraag.v4 ul li a:after { content: ' '; display: block; position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; border-radius: 16px; z-index: 100; }
div.text div.vraag.v3 ul li:last-child a, div.text div.vraag.v4 ul li:last-child a { top: 40px; width: 260px; padding: 4px 0 6px 34px; }
div.text div.vraag.v3 ul li:last-child a span, div.text div.vraag.v4 ul li:last-child a span { position: static; width: auto; text-align: left; }
div.text div.vraag.v3 ul:before, div.text div.vraag.v4 ul:before { content: ' '; display: block; position: absolute; top: 0; left: 0; width: 100%; border: 3px solid black; height: 8px; background: white; }
div.text div.vraag.v3 ul:after, div.text div.vraag.v4 ul:after { content: ' '; display: block; position: absolute; top: 3px; left: 3px; width: 100%; height: 8px; background: white; }
div.text div.vraag.v3 ul li a.o1 { left: 0%; }
div.text div.vraag.v3 ul li a.o1 span { left: -5px; }
div.text div.vraag.v3 ul li a.o2 { left: 33.3%; }
div.text div.vraag.v3 ul li a.o3 { left: 66.6%; }
div.text div.vraag.v3 ul li a.o3 span { left: -30px; }
div.text div.vraag.v3 ul li a.o4 { left: 100%; }
div.text div.vraag.v4 ul li a span { width: 50px; left: -12px; text-align: center; }
div.text div.vraag.v4 ul li a.o1 { left: 0%; }
div.text div.vraag.v4 ul li a.o2 { left: 25%; }
div.text div.vraag.v4 ul li a.o3 { left: 50%; }
div.text div.vraag.v4 ul li a.o4 { left: 75%; }
div.text div.vraag.v4 ul li a.o5 { left: 100%; }
div.text a.navbutton { display: block; position: relative; padding: 6px 12px 6px 15px; border-radius: 16px; background: #ffdc00; color: black; text-decoration: none; width: 155px; text-transform: uppercase; margin: 0 0 0 0px; font-family: "DIN medium"; }
div.text a.navbutton:after { content: '\f054'; font: 16px FontAwesome; display: block; position: absolute; top: 7px; right: 8px; }
div.text a.navbutton:hover { color: white; background: #00af00; }
div.text div.error { display: none; position: absolute; color: #ee0000; left: 160px; margin: 5px 0 0 0; }
div.text form.schoolzoeken { background: rgba(0, 146, 0, 0.85); padding: 10px; border-radius: 12px; padding-right: 100px; position: relative; }
div.text form.schoolzoeken input[type=text] { border: 0; font-size: 100%; padding: 10px 3%; width: 94%; border-radius: 6px; }
div.text form.schoolzoeken input[type=text].dimmed { color: #aaa; }
div.text form.schoolzoeken a.button { display: block; position: absolute; right: 10px; top: 10px; color: black; background: #ffdc00; padding: 10px 20px; border-radius: 6px; font-family: "DIN Medium"; }
div.text form.schoolzoeken a.button:hover { color: white; }

body.kwaliteitsgids div.text { position: relative; }
body.kwaliteitsgids div.text h2 { color: #00af00; text-transform: none; }
body.kwaliteitsgids div.text div.introlong { display: none; }
body.kwaliteitsgids div.text div.uitklappers { border-top: 1px solid #ccc; }
body.kwaliteitsgids div.text div.uitklappers h1 { padding: 9px 0 7px; margin: 0; line-height: 1em; position: relative; cursor: pointer; font-size: 110%; border-bottom: 1px solid #ccc; }
body.kwaliteitsgids div.text div.uitklappers h1:after { content: '\f078'; display: block; position: absolute; font-family: FontAwesome; right: 12px; top: 7px; font-size: 12px; }
body.kwaliteitsgids div.text div.uitklappers h1:hover { color: #00af00; }
body.kwaliteitsgids div.text div.uitklappers h1.bow { color: #00af00; }
body.kwaliteitsgids div.text div.uitklappers h1 em, body.kwaliteitsgids div.text div.uitklappers h1 strong { display: none; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap h2, body.kwaliteitsgids div.text div.uitklappers div.uitklap p, body.kwaliteitsgids div.text div.uitklappers div.uitklap table, body.kwaliteitsgids div.text div.uitklappers div.uitklap ul { display: none; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded { border-bottom: 1px solid #ccc; padding-bottom: 20px; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded h1:after { content: ""; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded h2, body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded p, body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded table, body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded li { display: block; font-size: 100%; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded h2 { margin: 20px 0 0px; color: #7d7d7d; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded div.adres h2, body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded div.vestigingen h2 { margin: 0 0 20px 0; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded p { margin: 0 0 0; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded th { color: #7d7d7d; font-weight: normal; font-family: "DIN Regular"; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded table, body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded td, body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded th { border: 0; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded ul { display: block; list-style-type: disc; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap.expanded ul li { list-style-type: disc; display: list-item; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap table { margin-top: 20px; width: 100%; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap table td.c1, body.kwaliteitsgids div.text div.uitklappers div.uitklap table th.c1 { width: 280px; text-align: left; padding: 2px 20px 2px 0; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap table td, body.kwaliteitsgids div.text div.uitklappers div.uitklap table th { text-align: center; padding: 2px 20px 2px 20px; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap div.adressen { margin: 15px 0 0 0; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap div.adres { margin: 0 0 20px; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap div.adres p { padding-left: 100px; position: relative; margin: 0 0 0 0; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap div.adres p strong { display: block; font-weight: normal; position: absolute; left: 0; top: 0; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap div.adres table { width: auto; margin: 0; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap div.adres table td.c1 { font-family: "DIN Medium"; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap div.adres table td, body.kwaliteitsgids div.text div.uitklappers div.uitklap div.adres table th { width: auto; text-align: left; vertical-align: top; padding: 0px 10px 8px 0; line-height: 1.5em; }
body.kwaliteitsgids div.text div.uitklappers div.uitklap div.vestigingen { margin-left: 50%; margin-top: 20px; }
body.kwaliteitsgids div.text div.rating { position: absolute; right: 10px; top: 25px; }
body.kwaliteitsgids div.text div.rating span.fa { color: #00af00; margin: 0 2px; font-size: 15px; }
body.kwaliteitsgids div.text div.rating span.fa-star-o { color: #aaa; }
body.kwaliteitsgids div.text div.border div.uitklap { border-top: 1px solid #ccc; }

div.column { display: none; }

body.kwaliteitsgids div.column { display: block; }
body.kwaliteitsgids div.column p { font-size: 85%; margin: 0 0 1.5em; line-height: 1.5em; }
body.kwaliteitsgids div.column div.logo { border-radius: 10px; border: 1px solid #f2f2f2; padding: 10px; margin: 0 0 20px; }
body.kwaliteitsgids div.column div.logo div.foto { height: 100px; background-size: contain; background-position: center; background-repeat: no-repeat; }

div.foot { color: #7d7d7d; background: #f2f2f2; padding: 36px 20px 20px 20px; font-size: 85%; }
div.foot div.col h2 { font-size: 100%; margin: 0 0 0.2em; font-weight: normal; font-family: "DIN Medium"; }
div.foot div.col p { margin: 0 0 1.5em; line-height: 1.5em; }
div.foot div.col p a { color: #7d7d7d; }
div.foot div.col p a:hover { color: #00af00; }
div.foot div.col ul { list-style-type: none; margin: 0; padding: 0; }
div.foot div.col ul li { line-height: 1.5em; }
div.foot div.col ul li a { color: #7d7d7d; text-decoration: none; padding: 1px 0 0 17px; display: block; position: relative; line-height: 1.7em; }
div.foot div.col ul li a:before { position: absolute; left: 0; top: 0; content: '\f054'; font-family: "FontAwesome"; color: #aaa; font-size: 90%; }
div.foot div.col ul li a:hover, div.foot div.col ul li a:hover:before { color: #00af00; }

/*# sourceMappingURL=inb.css.map */