@font-face {font-family:'lato';src:url('../../themes/dwt-haarlem/assets/fonts/lato-black-webfont.eot');src:url('../../themes/dwt-haarlem/assets/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),url('../../themes/dwt-haarlem/assets/fonts/lato-black-webfont.svg#latoblack') format('svg'),url('../../themes/dwt-haarlem/assets/fonts/lato-black-webfont.woff') format('woff'),url('../../themes/dwt-haarlem/assets/fonts/lato-black-webfont.ttf') format('truetype');font-weight:700;font-style:normal}
@font-face {font-family:'lato';src:url('../../themes/dwt-haarlem/assets/fonts/lato-italic-webfont.eot');src:url('../../themes/dwt-haarlem/assets/fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),url('../../themes/dwt-haarlem/assets/fonts/lato-italic-webfont.svg#latoitalic') format('svg'),url('../../themes/dwt-haarlem/assets/fonts/lato-italic-webfont.woff') format('woff'),url('../../themes/dwt-haarlem/assets/fonts/lato-italic-webfont.ttf') format('truetype');font-weight:400;font-style:italic}
@font-face {font-family:'lato';src:url('../../themes/dwt-haarlem/assets/fonts/lato-regular-webfont.eot');src:url('../../themes/dwt-haarlem/assets/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../../themes/dwt-haarlem/assets/fonts/lato-regular-webfont.svg#latoregular') format('svg'),url('../../themes/dwt-haarlem/assets/fonts/lato-regular-webfont.woff') format('woff'),url('../../themes/dwt-haarlem/assets/fonts/lato-regular-webfont.ttf') format('truetype');font-weight:400;font-style:normal}
@font-face {font-family:'lato';src:url('../../themes/dwt-haarlem/assets/fonts/lato-light-webfont.eot');src:url('../../themes/dwt-haarlem/assets/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),url('../../themes/dwt-haarlem/assets/fonts/lato-light-webfont.svg#latolight') format('svg'),url('../../themes/dwt-haarlem/assets/fonts/lato-light-webfont.woff') format('woff'),url('../../themes/dwt-haarlem/assets/fonts/lato-light-webfont.ttf') format('truetype');font-weight:300;font-style:normal}
@font-face {font-family:'OpenSansCondensed-Bold';src:url('../../themes/dwt-haarlem/assets/fonts/OpenSansCondensed-Bold.ttf');src:url('../../themes/dwt-haarlem/assets/fonts/OpenSansCondensed-Bold.ttf?#iefix') format('embedded-opentype'),url('../../themes/dwt-haarlem/assets/fonts/OpenSansCondensed-Bold.ttf#latolight') format('svg'),url('../../themes/dwt-haarlem/assets/fonts/OpenSansCondensed-Bold.ttf') format('woff'),url('../../themes/dwt-haarlem/assets/fonts/OpenSansCondensed-Bold.ttf') format('truetype');font-weight:300;font-style:normal}
@media screen and (-webkit-min-device-pixel-ratio:0) {select {font-family:sans-serif }}
.callout {margin-bottom:25px;padding:20px;border-left:3px solid #eee}
.callout h4 {margin-top:0;margin-bottom:5px}
.callout p:last-child {margin-bottom:0}
.callout-danger {background-color:#fdf7f7;border-color:#ebccd1}
.callout-danger h4 {color:#a94442}
.callout-warning {background-color:#faf8f0;border-color:#faebcc}
.callout-warning h4 {color:#8a6d3b}
.callout-info {background-color:#f4f8fa;border-color:#bce8f1}
.callout-info h4 {color:#31708f}
.callout-success {background-color:#f9fdf7;border-color:#d6e9c6}
.callout-success h4 {color:#3c763d}
.t-ww {word-wrap:break-word;word-break:break-word}
.border-none {border:0}
.pos-r {position:relative !important}
.pos-a {position:absolute !important}
.pos-f {position:fixed !important}
.w-sm {width:25% !important}
.w-md {width:50% !important}
.w-lg {width:75% !important}
.w-full {width:100% !important}
.w-50 {width:50px !important}
.w-100 {width:100px !important}
.w-120 {width:120px !important}
.w-130 {width:130px !important}
.w-140 {width:140px !important}
.w-150 {width:150px !important}
.w-200 {width:200px !important}
.w-300 {width:300px !important}
.w-350 {width:350px !important}
.m-a-0 {margin:0 !important}
.m-t-0 {margin-top:0 !important}
.m-r-0 {margin-right:0 !important}
.m-b-0 {margin-bottom:0 !important}
.m-l-0 {margin-left:0 !important}
.m-a {margin:20px !important}
.m-t {margin-top:20px !important}
.m-r {margin-right:20px !important}
.m-b {margin-bottom:20px !important}
.m-l {margin-left:20px !important}
.m-x {margin-right:20px !important;margin-left:20px !important}
.m-y {margin-top:20px !important;margin-bottom:20px !important}
.m-x-auto {margin-right:auto !important;margin-left:auto !important}
.m-a-xs {margin:5px !important}
.m-t-xs {margin-top:5px !important}
.m-r-xs {margin-right:5px !important}
.m-b-xs {margin-bottom:5px !important}
.m-l-xs {margin-left:5px !important}
.m-x-xs {margin-right:5px !important;margin-left:5px !important}
.m-y-xs {margin-top:5px !important;margin-bottom:5px !important}
.m-a-sm {margin:10px !important}
.m-t-sm {margin-top:10px !important}
.m-r-sm {margin-right:10px !important}
.m-b-sm {margin-bottom:10px !important}
.m-l-sm {margin-left:10px !important}
.m-x-sm {margin-right:10px !important;margin-left:10px !important}
.m-y-sm {margin-top:10px !important;margin-bottom:10px !important}
.m-a-md {margin:30px !important}
.m-t-md {margin-top:30px !important}
.m-r-md {margin-right:30px !important}
.m-b-md {margin-bottom:30px !important}
.m-l-md {margin-left:30px !important}
.m-x-md {margin-right:30px !important;margin-left:30px !important}
.m-y-md {margin-top:30px !important;margin-bottom:30px !important}
.m-a-lg {margin:60px !important}
.m-t-lg {margin-top:60px !important}
.m-r-lg {margin-right:60px !important}
.m-b-lg {margin-bottom:60px !important}
.m-l-lg {margin-left:60px !important}
.m-x-lg {margin-right:60px !important;margin-left:60px !important}
.m-y-lg {margin-top:60px !important;margin-bottom:60px !important}
.p-a-0 {padding:0 !important}
.p-t-0 {padding-top:0 !important}
.p-r-0 {padding-right:0 !important}
.p-b-0 {padding-bottom:0 !important}
.p-l-0 {padding-left:0 !important}
.p-a {padding:20px !important}
.p-t {padding-top:20px !important}
.p-r {padding-right:20px !important}
.p-b {padding-bottom:20px !important}
.p-l {padding-left:20px !important}
.p-x {padding-right:20px !important;padding-left:20px !important}
.p-y {padding-top:20px !important;padding-bottom:20px !important}
.p-a-xs {padding:5px !important}
.p-t-xs {padding-top:5px !important}
.p-r-xs {padding-right:5px !important}
.p-b-xs {padding-bottom:5px !important}
.p-l-xs {padding-left:5px !important}
.p-x-xs {padding-right:5px !important;padding-left:5px !important}
.p-y-xs {padding-top:5px !important;padding-bottom:5px !important}
.p-a-sm {padding:10px !important}
.p-t-sm {padding-top:10px !important}
.p-r-sm {padding-right:10px !important}
.p-b-sm {padding-bottom:10px !important}
.p-l-sm {padding-left:10px !important}
.p-x-sm {padding-right:10px !important;padding-left:10px !important}
.p-y-sm {padding-top:10px !important;padding-bottom:10px !important}
.p-a-md {padding:30px !important}
.p-t-md {padding-top:30px !important}
.p-r-md {padding-right:30px !important}
.p-b-md {padding-bottom:30px !important}
.p-l-md {padding-left:30px !important}
.p-x-md {padding-right:30px !important;padding-left:30px !important}
.p-y-md {padding-top:30px !important;padding-bottom:30px !important}
.p-a-lg {padding:60px !important}
.p-t-lg {padding-top:60px !important}
.p-r-lg {padding-right:60px !important}
.p-b-lg {padding-bottom:60px !important}
.p-l-lg {padding-left:60px !important}
.p-x-lg {padding-right:60px !important;padding-left:60px !important}
.p-y-lg {padding-top:60px !important;padding-bottom:60px !important}
.navbar-header .navbar-brand {padding-left:55px;background-image:url('../../themes/dwt-haarlem/assets/images/october.png');background-size:auto 60%;background-repeat:no-repeat;background-position:7px 50%;transition:color 0.2s ease 0.05s;color:#ccc}
.navbar-header .navbar-brand:hover {color:#fff}
.navbar-nav li.separator {width:1px;background:rgba(255,255,255,0.3);height:30px;margin:20px 10px 0 10px}
.navbar-autohide {transition:transform .5s}
.navbar-autohide.is-hidden {transform:translateY(-72px)}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li >a {transition:color 0.2s ease 0.05s}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li >a:after {position:absolute;height:4px;bottom:-1px;content:'';border-radius:4px;z-index:5;width:0;left:50%;transition:all 0.2s ease 0.05s}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active >a:after {width:100% !important;left:0 !important}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li:hover >a:after {width:100%;left:0}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active >a {background:transparent}
.navbar-inverse .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active >a:after,
.navbar-inverse .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li >a:hover:after {background:#000}
.navbar-inverse .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active >a:hover:after {background:#000}
.navbar-inverse .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li >a:hover:after {background:#e67e22}
.navbar-default .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active >a:after,
.navbar-default .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li >a:hover:after {background:#64ae5b}
.navbar-default .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active >a:hover:after {background:#64ae5b}
.navbar-default .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li >a:hover:after {background:#93dc8a}
body {padding-top:70px}
.hiddendiv {display:none}
body,
html {margin:0;padding:0;width:100vw;clear:both}
.btn-special {border-radius:6px;width:100%;border:2px solid #057b02;display:block;text-align:center;background-color:#04a701;font-weight:bold;color:#fff;margin-bottom:10px;background-image:url(../../themes/dwt-haarlem/assets/images/leszwemmen.png);background-size:55px;cursor:pointer;background-position:8%;padding:14px 8px 14px 35%}
.btn-special:hover {background-color:#ffb900;border:2px solid #d8b282;color:#fff;text-decoration:none}
.btn-special span {font-size:90%;line-height:143%;display:block}
.btn-special .kliktext {font-size:130%}
p {word-break:break-word}
body {padding-top:0;min-width:100%}
.aanmelden-sectie table td {vertical-align:top;padding-right:10px}
.eerst-invullen {display:block;clear:both;width:100%;margin-top:20px;text-align:left;padding:8px;color:#fff;font-size:15px;font-weight:bold;background-color:#ffb900}
.eerst-invullen span {font-size:20px}
.aanmelden-invulvelden {display:none;margin-top:40px}
.aanmelden-invulvelden.active {display:block}
#layout-content {margin-top:15px;background:#fff}
.algemeen-aanmelden#dwt-jumotron {margin:0}
#id-11 {display:none}
.ondersteuners-tegel {background-size:70%;background-position:top;padding-top:34%}
.ondersteuner-tekst {height:250px}
.detail-back-btn {float:right;margin-top:-60px;background-color:#005;color:#fff;padding:5px 20px;font-weight:bold}
#logolink {position:absolute;top:0;bottom:0;left:0;width:50%}
.homeblokken-wrapper {margin-right:-15px}
.left-col-menu.main-item {position:relative;width:20%;float:left;height:64px;text-align:center;font-weight:bold;background-size:68%;background-position-y:5px;background-position-x:center}
.left-col-menu.main-item span.icon-text {position:absolute;bottom:0;top:65%;left:0;right:0;text-align:center}
.left-col-menu.main-item span.icon-text .inner {display:block;font-size:9px;font-family:'OpenSansCondensed-Bold';line-height:10px;position:absolute;left:0;top:50%;transform:translateY(-50%);right:0}
#algemeen {background-image:url(../../themes/dwt-haarlem/assets/images/algemeen.png)}
#leszwemmen {background-image:url(../../themes/dwt-haarlem/assets/images/leszwemmen.png)}
#synchroonzwemmen {background-image:url(../../themes/dwt-haarlem/assets/images/synchroonzwemmen.png)}
#waterpolo {background-image:url(../../themes/dwt-haarlem/assets/images/waterpolo.png)}
#wedstrijdzwemmen {background-image:url(../../themes/dwt-haarlem/assets/images/wedstrijdzwemmen.png)}
.left-col-menu.active {background-color:#ffb900}
.table-sort td,
.table-sort th {padding:8px}
.table-sort.odd {background-color:#f3f1e7}
.float-left-inline {float:left;display:inline-block;margin-right:20px;margin-top:20px;background-color:#005 !important;color:#fff !important}
.agenda-introtekst {position:relative;padding-bottom:30px}
.agenda-introtekst .leesmeer {position:absolute;bottom:0;right:0}
.col-md-4.homeblok {background-color:#ff0;position:relative;background:#2d274f;background:-moz-linear-gradient(top,#2d274f 0%,#321477 101%);background:-webkit-linear-gradient(top,#2d274f 0%,#321477 101%);background:linear-gradient(to bottom,#2d274f 0%,#321477 101%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d274f',endColorstr='#321477',GradientType=0)}
.col-md-4.homeblok .arrow {background-image:url(../../themes/dwt-haarlem/assets/images/bg-pijl.png);position:absolute;left:0;right:0;top:0;bottom:0;z-index:1000;background-position:108%}
.col-md-4.homeblok .arrow .home-blok-link {position:absolute;left:0;bottom:0;right:0;top:0;line-height:20px;font-size:21px;text-decoration:none}
.col-md-4.homeblok .arrow .home-blok-link .link-text {bottom:12px;position:absolute;left:12px;color:#fff}
.col-md-4.homeblok .arrow .home-blok-link:hover {text-decoration:none}
.col-md-4.homeblok:hover {background-color:#65569a}
.blog-divider {border-bottom:1px solid #eee;clear:both}
.footerblok {display:block;width:32%;float:left}
.footerblok a {display:block;clear:both;color:#d6d5d5}
.footerblok a:hover {color:#fff;text-decoration:none}
* {background-repeat:no-repeat}
.clr {clear:both}
#toggleSubmenu {display:none}
#slogan {color:#fff}
.topbar {background-color:#005;height:100px}
.topbar #slogan {height:90px;line-height:90px;background-image:url(../../themes/dwt-haarlem/assets/images/logo.png);background-position:left center;padding-left:250px;margin-top:5px;font-size:200%}
.topmenu {position:relative;margin-bottom:0;right:0;top:0;left:0;z-index:100;padding-left:0;background-color:#fff}
.topmenu li {list-style:none;display:inline-block;line-height:35px;padding-left:8px}
.topmenu li a {font-weight:bold}
.topmenu .topmenu-sub-menublock {display:none}
.navbar-default .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li >a:hover:after {background:#ffb900}
.navbar {margin-bottom:0}
.maintext table {border:1px solid #ccc;width:100% !important}
.maintext table td {padding:8px}
.homeblok {height:90px;width:25%;float:left;background-color:#ccc}
.homeblok.centerblok {margin-left:13px;margin-right:13px}
.navbar-default {background-color:transparent !important;border-color:transparent !important}
.navbar-brand {display:none}
.clr {clear:both}
.link-grid {width:100%;padding-left:0}
.link-grid li {position:relative;width:25%;float:left;height:200px;background-color:#f9e9a0;padding:10px;list-style:none}
.link-grid li div {position:absolute;top:5px;left:5px;right:5px;bottom:5px;background-color:#f5f5f5}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {position:relative;min-height:1px;padding-left:0;padding-right:0;margin-top:15px}
.homeblok.arrow {background-color:#99a1c7;padding:8px;height:110px;background-image:url(../../themes/dwt-haarlem/assets/images/bg-pijl.png);background-size:12%;background-position:101%;background-repeat:no-repeat;color:#fff}
.wedstrijdzwemmen h3 {display:block;width:100%;font-size:18px;background-color:#65569a;color:#fff;margin-bottom:0;padding:5px 10px}
h4.blog-header {display:block;width:100%;font-size:18px;background-color:#65569a;color:#fff;margin-bottom:30px;padding:5px 10px}
.wp-wedstrijd {font-size:110%;margin-bottom:20px;width:100%}
.wp-wedstrijd .team {width:50%;float:left;padding:4px 8px;color:#000}
.wp-wedstrijd .thuisteam {background-color:#dadada}
.wp-wedstrijd .uitteam {border-left:1px solid #fff;background-color:#dadada}
.wp-wedstrijd .accommodatie,
.wp-wedstrijd .bondsofficials {background-color:#ffb900}
.wp-wedstrijd .accommodatie span,
.wp-wedstrijd .bondsofficials span {margin:4px 8px}
.wp-wedstrijd .accommodatie .tijd,
.wp-wedstrijd .bondsofficials .tijd {float:right;width:fit-content;background-color:#65569a;color:#fff;padding:0 4px}
#layout-footer {margin-top:30px}
.page-gallery {width:100%;margin-bottom:30px;padding:0}
.page-gallery li {width:24%;float:left;padding-top:20%;background-size:cover;list-style:none;margin-right:5px;margin-bottom:5px}
.page-gallery a {width:20%;float:left;padding-top:31%;background-size:cover;list-style:none;margin-right:5px;margin-bottom:5px}
.container {position:relative;padding:0}
.slider-img-container {width:40%;float:right;overflow:hidden}
.container .jumbotron,
.container-fluid .jumbotron {border-radius:0 !important}
.jumbotron >.container {padding:0;background-size:101%;background-position:center}
#dwt-jumbotron {border-radius:0;margin-left:15px;margin-right:15px}
.navbar-nav >li >a {font-size:14px}
#slideshow {margin:0;position:relative;width:100%;height:300px;padding:0}
#slideshow >div >div {margin-top:0}
#slideshow h2 {font-size:25px}
#slideshow .header-text-blok {position:relative;bottom:0;height:100%;padding-left:5px;padding-top:0}
#slideshow .header-text-body {font-size:13px}
#slideshow .slideshow-leesmeer {padding:3px 8px;background-color:#ffb900}
#slideshow >div {position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover}
.introtext.nieuwsitem {padding-left:3px}
a.current {background-color:#ffb900}
.slider-text {position:absolute;top:0;left:0;right:75%;bottom:0;background:#005}
.slider-image {position:absolute;top:0;right:0;bottom:0;background-size:cover;padding-top:26.3%}
.accent-bar {width:90%;height:180px;background-color:#ffb900;position:absolute;top:50%;transform:translateY(-50%);padding-left:20px}
.accent-bar h2 {color:#51447f;margin-bottom:0}
.accent-bar .slider-read-more {position:absolute;bottom:0;right:0;padding:0 20px;background-color:#ff2c00;color:#fff;text-decoration:none}
.accent-bar .slider-read-more:hover {background-color:#65569a}
.accent-bar .slider-text-wit {color:#51447f;font-weight:500}
#wrap {width:100%;overflow:hidden;display:table;border-collapse:collapse}
#left {width:60%;display:table-cell;padding:0 30px}
#right {width:40%;display:table-cell;background-color:#ddd}
.homepage .center-col {width:60%;padding-left:50px}
.homepage .right-col {width:40%}
.introtext {font-weight:bold;margin-bottom:20px}
.article-img {float:left;width:100%;clear:both;margin:20px 20px 10px 0}
.article-img img {width:100%;height:auto;border:1px solid #ccc}
#insform >div >span {line-height:20px;padding-left:10px}
.fields-geboortedatum {margin-bottom:18px}
.video-container {display:block;margin-top:30px}
.dwt-radio {display:inline-block;margin-top:10px}
label {width:100%;display:block;font-weight:bold}
.form-control {margin-bottom:15px}
.form-control.small {width:fit-content;max-width:30%;display:inline-block;float:left;margin-right:5px}
.form-control.radio {width:fit-content;max-width:30%;display:inline-block;margin-right:5px}
.article-img-desc {font-size:85%;font-style:italic;margin-top:10px}
.contentblock {display:block;width:100%;clear:both;margin-bottom:25px}
.navbar-header .navbar-brand {padding-left:113px;background-image:url(../../themes/dwt-haarlem/assets/images/logo.png);background-size:92px}
.right-col-inner {margin:0 0 0 20px;background-color:#fff7e1;color:#65569a;padding:12px}
.navbar-inverse {background-color:#65569a}
.rightcolheader {text-align:center}
.rightcol-logo {width:100%;height:auto;margin-bottom:15px}
.left-col-menu {width:90%;display:block;background-color:#65569a;color:#fff;padding:8px;border-bottom:1px solid #fff}
.left-col-menu:hover {background-color:#ffb900;color:#005;text-decoration:none}
.jumbotron {position:relative;background:transparent;color:#fff;padding:0 !important}
.jumbotron .inner {padding:48px 0;height:200px;background-size:cover;background-position:center}
.jumbotron h1 {font-family:'Roboto',sans-serif;text-transform:uppercase;opacity:0.5;font-size:60px;color:#fff;position:absolute;right:7px;bottom:0;letter-spacing:0.2em}
.jumbotron img {border-top:2px solid #65569a;position:relative;width:100%;height:auto}
.slider-container {padding:0}
.home-jumbotron {background-color:#005;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;margin-top:0;padding:0;overflow:hidden}
.header-text-blok {padding:10px}
.header-text-blok p {color:#fff;font-size:13px}
.header-text-blok h2 {color:#ffb900}
.jumbotron img {border-top:2px solid #005;height:auto;float:right;width:400px;top:15px;position:absolute;right:0}
a.lees-meer {display:block;margin-bottom:30px;background-color:#ffb900;float:right;padding:5px 20px;margin-top:28px;font-weight:bold;color:#fff;font-size:14px}
.page-header {margin:-3px 0 20px !important;color:#65569a}
.page-intro {display:block;margin-bottom:30px}
.content-container {max-width:700px;padding-bottom:50px;padding-left:0 !important;padding-right:0 !important}
.col {float:left}
.blog-intro {font-size:90%;line-height:130%;padding-right:20px}
h5.article-header {width:100%;display:block;color:#65569a;margin-top:-3px;margin-bottom:8px;font-size:148%;clear:both}
.sector-aanduiding {font-size:60%}
.col {display:block;float:left}
.left-col {width:20%}
.center-col {padding-right:40px;padding-left:20px}
.right-col {width:20%}
.content-container {width:100%;max-width:100%;display:block;float:left}
#footer {background-color:#005;color:#fff;height:200px;padding-top:20px}
.text-align-right {text-align:right}
.margin-left-3 {margin-left:.75rem}
@media only screen and (max-width:992px) and (min-width:799px) {.navbar-nav li.separator {display:none }.accent-bar {height:auto;transform:translateY(-25%) }.accent-bar h2 {font-size:24px }.accent-bar .slider-text-wit {font-size:20px }.container {width:100% !important }}
@media only screen and (max-width:799px) {body,html {width:97vw }.jumbotron .container {padding:0 }.jumbotron .container .inner {padding:15px }.container {width:100% !important }.maintext table tr {border-bottom:1px solid #ccc }.maintext table td {display:block;width:100% !important;clear:both }.mobile-main-menu {display:block }#slideshow {top:60px }#slideshow h2 {font-size:20px }#slideshow .slideshow-leesmeer {bottom:45px }.col-md-4.homeblok {width:100%;height:40px;margin-top:1px;background:#65569a }.col-md-4.homeblok .arrow {background-image:none }#layout-content,.container.content-container {padding:0 }.col.center-col {padding-left:15px;padding-right:15px;padding-top:25px }.sub-menublock {display:none;position:fixed;top:90px;left:0;right:0;z-index:1 }#menuToggle {display:none }#toggleSubmenu {position:fixed;right:0;top:0;display:block;bottom:0;width:70px;height:70px;line-height:70px;color:#000f54;background-image:url(../../themes/dwt-haarlem/assets/images/hamburger.png);opacity:0.8;background-size:60px;background-position:center;z-index:1000 }#toggleSubmenu:hover {cursor:pointer }#toggleSubmenu span {margin-right:10px;display:inline-block;color:#fff }.homepage #toggleSubmenu {width:100px }.topmenu-sub-menublock {display:block;margin-left:-8px }.topmenu {display:none;position:absolute;right:0;top:0;left:0;z-index:100;padding-left:0;background-color:#fff }.topmenu li {list-style:none;width:100%;line-height:35px;padding-left:8px;border-bottom:1px solid #ccc }.left-col-menu {width:100% }.topmenu.showmenu {display:block }#menuToggle {position:absolute;right:0;top:0;bottom:0;width:70px;height:70px;line-height:70px;color:#000f54;background-image:url(../../themes/dwt-haarlem/assets/images/hamburger.png);background-size:60px;background-position:center }#menuToggle:hover {cursor:pointer }#layout-footer {margin-top:0 }.right-col-inner {margin:0 0 0 0;padding:12px }.rightcol-link {width:27%;float:left;background-color:#fff;margin:4px;height:90px;border:1px solid #65569a;overflow:hidden }.jumbotron {display:none }#slogan {height:70px;background-size:43% !important }#slogan .slogan-text {display:none !important }.col {width:100%;display:block;clear:both }.navbar-brand {display:block }.jumbotron img {border-top:2px solid #005;position:relative;width:100%;height:auto }.slider-img,.slider-img-container {position:absolute;top:0;left:0;right:0;width:100%;border:1px solid red }.slider-text {position:absolute;top:0;left:0;right:0;bottom:0 }.accent-bar {width:100%;height:auto;background-color:#ffb900;position:absolute;bottom:0;top:63%;z-index:1;transform:translateY(0) }.accent-bar h2 {font-size:22px }.jumbotron p {font-size:18px }.detail-back-btn {float:right;margin-top:-80px;margin-right:-15px;display:block;background-color:#005;color:#fff;padding:5px 20px;font-weight:bold }.h1,h1 {font-size:26px !important }.homeblok >a.arrow {background-color:#99a1c7;padding:8px;height:60px;background-image:url(../../themes/dwt-haarlem/assets/images/bg-pijl.png);background-size:12%;background-position:101%;background-repeat:no-repeat;color:#fff }.home-blok-link {position:absolute;left:15px;line-height:60px;padding-left:20px;bottom:0;top:0;font-size:20px }h5.article-header {font-size:128% }a.lees-meer {clear:both;width:100% }.detail-back-btn {float:right;margin-top:-58px;background-image:url(../../themes/dwt-haarlem/assets/images/bg-pijl-links.png);background-repeat:no-repeat;background-size:50%;background-position-x:-6px;background-position-y:center }#footer {height:auto;padding-top:20px;padding-bottom:40px;margin-top:30px }.homepage #footer {margin-top:0 }.footerblok {width:87%;margin-left:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #dadada }.credit {padding:10px }.ondersteuners-tegel {background-size:40%;border-bottom:1px solid #ccc }.ondersteuner-tekst {height:140px;margin-top:30px }.topbar {position:fixed;top:0;height:90px;z-index:100;right:0;left:0 }.col.center-col {padding-top:105px }#id-11 {display:block }.topbar #slogan {background-image:url(../../themes/dwt-haarlem/assets/images/logo-mobiel.png) }}@media only screen and (max-width:1024px) and (min-width:768px) {.col-md-4.homeblok {width:50%;height:70px }#header-text-blok,#slider-image {width:50% }#slideshow .slideshow-leesmeer {bottom:105px }.home-jumbotron {margin-top:20px }#slideshow h2 {margin-top:0 }.col-md-4.homeblok .arrow .home-blok-link {left:24px }#slogan {background-size:23% !important }#slogan .slogan-text {display:block !important }.homepage >#menuToggle {display:none !important }.homepage #toggleSubmenu {width:100px;display:none }#slogan .slogan-text {padding-top:7px;font-size:20px;text-align:right;margin-right:60px }.mobile-main-menu >.left-col-menu.main-item {height:84px;background-size:48% }.left-col-menu {line-height:270%;font-size:20px }.mobile-main-menu {margin-top:1px;margin-bottom:85px }#footer {margin-top:0 }.right-col {margin-top:40px }.rightcol-link {width:14%;height:110px;margin:22px }h5.article-header {font-size:188% }}
@media only screen and (max-width:330px) {.navbar-header >a >span {display:none }}
@media only screen and (min-width:1200px) {.left-col-menu.main-item {position:relative;width:20%;background-position-y:9px;height:44px;margin-bottom:7px }.mobile-main-menu {margin-right:23px }.homepage .mobile-main-menu {display:none }.center-col {width:60% }}
@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5) {.left-col {width:24% }.center-col {width:56% }.mobile-main-menu {margin-bottom:0 }.right-col {margin-top:0 }a.left-col-menu {width:100%;line-height:30px }.rightcol-logo {width:75%;height:auto;margin-bottom:15px }#slogan {background-size:95px !important }.mobile-main-menu >.left-col-menu.main-item {height:54px;background-size:48%;background-position-y:16px }}