@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"); }
body { margin: 0; padding: 0; font: medium "Helvetica Neue", Helvetica, Arial, sans-serif; }

div.wrapper { position: relative; max-width: 1100px; margin: 0 auto; }

div.clear { clear: both; }

img.logo { display: block; margin: 0 0 0 15px; }

h2 { font: 130% "DIN Medium"; color: #132477; margin: 0 0 0.5em; }

p { font-size: 90%; margin: 0 0 1.5em; line-height: 1.5em; }

ul { margin: 0 0 1.5em 20px; padding: 0; }

li { font-size: 90%; line-height: 1.5em; }

a { outline: 0; }

img { border: 0; }

img.left { float: left; margin-right: 10px; }

img.right { float: right; margin-left: 10px; }

form.zoeken { position: absolute; right: 0px; top: 30px; background: #f2efe6; padding: 4px; }
form.zoeken input[type=text] { padding: 0 2px; border: 0; width: 237px; background: transparent; font-size: 85%; }
form.zoeken input[type=text].dimmed { color: #999; font-style: italic; }
form.zoeken button { border: 0; background: none; font-size: 16px; cursor: pointer; }

div.horizon-menu a { color: #132477; background: #f2efe6; font-family: "DIN Medium"; text-decoration: none; }
div.horizon-menu a.selected, div.horizon-menu a:hover { color: white; background: #e20177; }
div.horizon-menu ul.menu1 { margin: 0; padding: 0; }
div.horizon-menu div.tabs { position: absolute; right: 0; top: 0; margin: 0 0; }
div.horizon-menu div.tabs ul.menu1 li { display: inline-block; }
div.horizon-menu div.tabs ul.menu1 li a { display: inline-block; padding: 2px 8px; font-size: 80%; }
div.horizon-menu h1 { font: 150% "DIN Medium"; background: #f2efe6; padding: 4px 12px; margin: 0 0 2px 0; text-align: center; }
div.horizon-menu div.menu { height: 30px; margin: 0 0 10px; position: relative; }
body.level2.gezinsbehandeling div.horizon-menu div.menu { margin-bottom: 2px; display: none; }
div.horizon-menu div.menu ul.menu1 { margin: 0 auto; padding: 0; list-style-type: none; }
div.horizon-menu div.menu ul.menu1 li { display: block; float: left; }
div.horizon-menu div.menu ul.menu1 a { display: block; height: 22px; padding: 8px 24px 0 12px; min-width: 107px; font-size: 90%; line-height: 15px; position: relative; margin: 0 2px 0 0; text-align: center; }
div.horizon-menu div.menu ul.menu1 a:after { font: 28px "Font Awesome 5 Light"; content: '\f105'; position: absolute; right: 6px; top: -2px; }
div.horizon-menu div.menu ul.menu1 a#toeleiding, div.horizon-menu div.menu ul.menu1 a#weer-thuis { font-size: 0px; padding: 3px; height: 24px; width: 30px; min-width: 0; }
div.horizon-menu div.menu ul.menu1 a#toeleiding:after, div.horizon-menu div.menu ul.menu1 a#weer-thuis:after { font: 18px "Font Awesome 5 Solid"; content: '\f015'; top: 5px; right: 8px; }
div.horizon-menu div.menu ul.menu1 a#tussenevaluatie { position: absolute; z-index: 150; top: 40px; margin: 0 0 0 -64px; padding-right: 12px; width: 96px; }
div.horizon-menu div.menu ul.menu1 a#tussenevaluatie:after { content: "|"; font: 12px "DIN Regular"; right: 50%; top: -10px; }
div.horizon-menu div.menu ul.menu1 li.last-child a { margin-right: 0; }

body.hestia div.horizon-menu div.menu ul.menu1 a { min-width: 202px; }

div.page { position: relative; }
div.page div.afbeelding { margin-bottom: 30px; }
div.page ul.breadcrumb { list-style-type: none; padding: 0; max-width: 780px; margin: 0 auto 30px; }
div.page ul.breadcrumb li { display: inline; font-size: 75%; }
div.page ul.breadcrumb li a { color: #e20177; text-decoration: none; }
div.page ul.breadcrumb li a:hover { color: #132477; }
div.page ul.breadcrumb li:first-child { display: none; }
div.page div.text { max-width: 780px; margin: 0 auto; }
div.page div.text h1, div.page div.text div.search_results h2 { font: 150% "DIN Medium"; margin: 20px 0 0.5em 0; clear: both; color: #132477; clear: both; }
div.page div.text p a, div.page div.text li a, div.page div.text div.search_results a { color: #e20177; text-decoration: none; }
div.page div.text p a:hover, div.page div.text li a:hover, div.page div.text div.search_results a:hover { color: #132477; }
body.level1 div.page div.text { max-width: 100%; }
div.page div.text div.dashboard a { display: block; position: relative; width: 32%; float: left; margin: 0 2% 30px 0; height: 260px; background-color: #f2efe6; text-align: center; color: black; text-decoration: none; overflow: hidden; }
div.page div.text div.dashboard a.item3, div.page div.text div.dashboard a.item6, div.page div.text div.dashboard a.item9, div.page div.text div.dashboard a.item12, div.page div.text div.dashboard a.item15 { margin-right: 0; }
div.page div.text div.dashboard a div.foto { height: 260px; background-size: cover; background-position: center; }
div.page div.text div.dashboard a div.info { background: rgba(242, 233, 230, 0.9); position: absolute; left: 0; top: 230px; width: 100%; height: 100%; transition: top 0.3s ease; }
div.page div.text div.dashboard a div.info h2 { font: 115% "DIN Medium"; font-weight: normal; padding: 4px 0 4px; margin: 0; }
div.page div.text div.dashboard a div.info p { display: block; padding: 10px 20px; font-size: 90%; }
div.page div.text div.dashboard a:hover div.info { top: 0px; }
div.page div.text div.dashboard a:hover div.info h2 { padding-top: 14px; }
div.page div.text div.dashboard div.werkwijze { background: orange; padding: 22px 2% 0 2%; margin: 0 0 22px; background: #f2efe6; }
div.page div.text div.dashboard div.werkwijze a { height: 230px; margin-bottom: 22px; }
div.page div.text div.dashboard div.werkwijze a div.info { top: 200px; }
div.page div.text div.dashboard div.werkwijze a:hover div.info { top: 0px; }
div.page div.text div.dashboard div.werkwijze a:hover div.info h2 { padding-top: 14px; }
div.page div.text div.uitklap { background: #f2efe6; padding: 8px 20px 8px 10px; margin: 0 0 2px; max-height: 20px; overflow: hidden; transition: max-height 0.4s ease-in-out; }
div.page div.text div.uitklap h2 { color: #132477; font-size: 115%; position: relative; margin: 0 0 0.5em; padding-left: 17px; cursor: pointer; outline: none; }
div.page div.text div.uitklap h2 i { position: absolute; left: 0; top: 2px; transition: transform 0.4s ease-in-out; font-size: 80%; }
div.page div.text div.uitklap p, div.page div.text div.uitklap ul { margin-bottom: 8px; padding-left: 17px; }
div.page div.text div.uitklap.expanded { max-height: 2000px; }
div.page div.text div.uitklap.expanded h2 i { transform: rotate(90deg); }
div.page div.text div.search_results h5 { margin: 0 0 0 0; line-height: 1.5em; color: #132477; }
div.page div.text div.search_results em { color: #e20177; }
div.page div.popup { position: absolute; left: 300px; top: 0px; width: 400px; padding: 15px 20px; font-size: 85%; background: #f2efe6; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
div.page div.popup div.text h1 { font-size: 125%; margin: 0 0 0.5em; }
div.page div.popup div.text h2 { font-size: 100%; }
div.page div.popup a.close { position: absolute; right: 10px; top: 10px; text-decoration: none; font-size: 20px; color: #132477; }
div.page div.plaatje div.popup { width: 250px; }

body.praatplaat ul.breadcrumb { display: none; }

/* form */
form label { display: block; }

form input.submit { display: block; }

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