/* CSS Document --------------------------------------------------------------------*/ html, body { overflow-x: hidden; } html, body { font-family: 'acumin-pro', sans-serif; font-size: 14px; color: #4f4f4f; line-height: 185%; } /* Typografie stijlen voor de hele site --------------------------------------------------------------------*/ h1, h2, h3, h4, span.h1 { line-height: 140%; font-family: 'acumin-pro', sans-serif; font-weight: 600; } p, address, ul, ol, table { line-height: 185%; margin-bottom: 24px; } h1 { font-size: 1.71em; color: #000; margin-bottom: 23px; } h2 { font-size: 1.43em; color: #000; margin-bottom: 26px; padding-top: 10px; } h3 { font-size: 1.14em; color: #000; margin-bottom: 15px; padding-top: 10px; } h4 { font-size: 1.71em; color: #000; margin-bottom: 23px; } span.h1 { font-size: 1.71em; color: #000; margin-bottom: 23px; display: block; } a { -webkit-transition: all 0.3s ease-in-out; -webkit-transition-property: color, background-color; transition: all 0.3s ease-in-out; transition-property: color, background-color; } a { color: #cc3333; text-decoration: none; } a:hover { color: #cc3333; text-decoration: underline; } a.more { padding-right: 12px; position: relative; } a.more { text-decoration: none; font-weight: 700; white-space: nowrap; } a.more:after { content: ""; position: absolute; top: 50%; right: 0; margin-top: -2px; width: 5px; height: 7px; background: url(/media/img/svg/sprite_bullets.png) no-repeat 0 0; } /* bullet a more */ a.more:hover { text-decoration: underline; } a.back { padding-left: 12px; position: relative; } a.back { text-decoration: none; font-weight: 700; white-space: nowrap; } a.back:after { content: ""; position: absolute; top: 50%; left: 0; margin-top: -2px; width: 5px; height: 7px; background: url(/media/img/svg/sprite_bullets.png) no-repeat -50px 0; } /* bullet a more */ a.back:hover { text-decoration: underline; } ul li { list-style: none; padding-left: 12px; background: url(/media/img/svg/bullet_li.png) no-repeat 0 8px; } form { display: none; } /* Responsive afbeeldingen in de content --------------------------------------------------------------------*/ img.responsive { max-width: 100%; height: auto; } img.responsive-left-20 { float: left; margin: 9px 25px 25px 0; max-width: 20%; height: auto; } img.responsive-left-30 { float: left; margin: 9px 25px 25px 0; max-width: 30%; height: auto; } img.responsive-left-40 { float: left; margin: 9px 25px 25px 0; max-width: 40%; height: auto; } img.responsive-left-50 { float: left; margin: 9px 25px 25px 0; max-width: 50%; height: auto; } img.responsive-right-20 { float: right; margin: 9px 0 25px 25px; max-width: 20%; height: auto; } img.responsive-right-30 { float: right; margin: 9px 0 25px 25px; max-width: 30%; height: auto; } img.responsive-right-40 { float: right; margin: 9px 0 25px 25px; max-width: 40%; height: auto; } img.responsive-right-50 { float: right; margin: 9px 0 25px 25px; max-width: 50%; height: auto; } /* Container Styles --------------------------------------------------------------------*/ .container { padding: 0 30px; } .clear { clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; } /* Top Styles --------------------------------------------------------------------*/ #top { margin: 0 0 30px 0; padding-bottom: 30px; border-bottom: 1px solid #dcdcdc; } #top #topTop { display: table; width: 100%; overflow: hidden; } #top #topLeft { display: table-cell; vertical-align: middle; } #top #topRight { display: table-cell; vertical-align: middle; } #top #topRight { font-family: 'acumin-pro', sans-serif; font-size: 1.14em; color: #666; } #top #topRight > span { float: right; } #top #topRight span { display: block; } #top #topRight span { text-align: left; } #top #topRight span span { display: block; } #top #topRight span span { font-size: 1.5em; font-weight: 700; color: #000; } /* Header Styles --------------------------------------------------------------------*/ #header { display: none; } /* Flexslider Styles --------------------------------------------------------------------*/ .flexslider { margin-top: 0; overflow: hidden; height: 400px; } .flexslider .slides > li { position: relative; height: 400px; background-position: 50% 50%; background-size: cover; } .flexslider .slides > li a { display: block; height: 100%; } .flexslider .slides > li img { display: none; } .flexslider .slides > li .overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 30px; background: #4b4b4b; background: rgba(30, 30, 30, 0.8); } .flexslider .slides > li .overlay { font-family: 'acumin-pro', sans-serif; color: #FFF; font-size: 1.29em; text-shadow: 1px 1px 1px rgba(0,0,0,.62); } #header .flex-control-paging { width: auto; text-align: left; float: left; margin: 20px 0 20px 30px; } #header .flex-control-paging li { display: block; float: left; margin: 0 5px 0 0; border: 1px solid #bfbfbf; padding: 2px; } #header .flex-control-paging li a { display: block; width: 16px; height: 16px; float: left; margin: 0; background: #bebebe; border-radius: 0; } #header .flex-control-paging li a.flex-active { background: #0067a2; } #vervolg #header .flex-control-nav { display: none; } /* Item Overzicht --------------------------------------------------------------------*/ .item { overflow: hidden; margin-bottom: 28px; } .item h3 { padding: 0; margin-bottom: 16px; } .item h3 a { color: #000; text-decoration: none; } .item h3 a:hover { color: #000; text-decoration: underline; } .item .itemLeft { float: left; width: 14.6%; } .item .itemLeft img { width: 100%; height: auto; margin-top: 7px; } .item .itemRight { float: right; width: 81.02%; } .item p { margin-bottom: 10px; } .item p span { color: #818181; } #itemOverview .item { width: 48.03%; float: left; margin: 0 0 40px 3.94%; } #itemOverview .item:nth-child(2n+1) { clear: both; margin-left: 0; } #itemOverview .itemLeft { width: 24.66%; } #itemOverview .itemRight { width: 69.59%; } #itemOverview .item .more { display: block; float: left; margin-top: -10px; } /* Accordion Styles --------------------------------------------------------------------*/ .accordion { margin-bottom: 16px; padding-top: 8px; } .accordion div.border { margin-bottom: 10px; padding: 0 14px; border: 1px solid #CCC; cursor: pointer; } .accordion div.border:hover { border: 1px solid #969696; cursor: pointer; } .accordion div.border h4 { display: block; margin: 0; padding: 8px 40px 10px 0; position: relative; } .accordion div.border h4 { color: #333; line-height: 150%; font-size: 1.15em; } .accordion .border h4 span { position: absolute; right: 0; top: 9px; width: 21px; height: 21px; background: #b9b9b9; } .accordion .border h4 span:after { content: ""; position: absolute; top: 5px; left: 9px; width: 3px; height: 11px; background: #FFF; } .accordion .border h4 span:before { content: ""; position: absolute; top: 9px; left: 5px; width: 11px; height: 3px; background: #FFF; } .accordion div.border:hover h4 span { background: #666666; } .accordion .border h4.open span:after { display: none; } .accordion div.border div { margin-top: 10px; display: block!important; } /* Item Detail --------------------------------------------------------------------*/ div.toolbox_top { display: none; } div.toolbox_bottom { display: none; } /* Home banners Styles --------------------------------------------------------------------*/ #homeBanners { display: none; } /* Home footer Styles --------------------------------------------------------------------*/ #homeFooter { display: none; } /* Social Styles --------------------------------------------------------------------*/ .social { display: none; } /* Content Styles --------------------------------------------------------------------*/ main { width: auto; float: none; } #right { width: auto; float: none; padding-top: 10px; } /* Vervolg Styles --------------------------------------------------------------------*/ #vervolg #content { position: relative; overflow: hidden; } #vervolg #content:after { display: none; } #vervolg main { width: auto; float: none; padding-top: 0; } #vervolg #left { display: none; } /* Left Styles --------------------------------------------------------------------*/ #left h1, #left h2, #left h3, #left .h1 { color: #6d6d6d; } #left > *:first-child { padding-top: 0; } /* Album Styles --------------------------------------------------------------------*/ .album { overflow: hidden; padding: 0; margin-bottom: 19px; } .album a { display: block; float: left; width: 17.8%; margin: 0 0 2.75% 2.75%; position: relative; overflow: hidden; } .album a:nth-child(5n+1) { clear: both; margin-left: 0; } .album img { width: 100%; height: auto; background: rgba(255, 255, 255, 0.01); } /* Crumbs Styles --------------------------------------------------------------------*/ #crumbs { display: none; } /* Knop Styles --------------------------------------------------------------------*/ .knop { display: none; } /* Projecten Styles --------------------------------------------------------------------*/ .blocksOverview { overflow: hidden; clear: both; margin-bottom: 20px; padding-top: 10px; } .blocksOverview .banner { display: block; width: 48%; float: left; margin: 0 0 2% 2%; } .blocksOverview .banner { text-decoration: none; } .blocksOverview .banner:nth-child(2n+1) { clear: both; margin-left: 0; } .blocksOverview .banner a { display: block; } .blocksOverview .banner .image { position: relative; overflow: hidden; } .blocksOverview .banner .image img { display: block; width: 100%; height: auto; background: rgba(255, 255, 255, 0.01); } .blocksOverview .banner .text { overflow: hidden; } .blocksOverview .banner .text { padding: 16px 20px 18px; } .blocksOverview .banner .text h3 { margin-bottom: 0; padding: 0; min-height: 48px; } .blocksOverview .banner .text h3 { color: #333; } .blocksOverview .banner .text .more { display: none; margin-bottom: 14px; } .blocksOverview .banner .text .more:after { background-position: -317px -11px; } .no-svg .blocksOverview .banner .text .more:after { background-position: -300px 0; } .blocksOverview .banner .text .more { color: #FFF; } /* Footer Styles --------------------------------------------------------------------*/ footer { clear: both; margin: 30px 0 0 0; padding-top: 30px; border-top: 1px solid #dcdcdc; } footer { color: #666; } footer #footerBalk { overflow: hidden; position: relative; } footer #footerBalk h2 { color: #000; } footer #footerBalk #footerBalkLeft { } footer #footerBalk #footerBalkLeft #footerNav { display: none; } footer #footerBalk #footerBalkLeft #footerContact { float: left; } footer #footerBalk #footerBalkLeft #footerContact h2 { margin-bottom: 18px; } footer #footerBalk #footerBalkLeft #footerContact a { color: #000; text-decoration: none; } footer #footerBalk #footerBalkLeft #footerContact a:hover { color: #000; text-decoration: underline; } footer #footerBalk #footerImage { display: none; } footer #footer { overflow: hidden; } footer #footer { color: #000; font-size: 0.93em; } footer #footer a { color: #000; text-decoration: none; } footer #footer a:hover { color: #000; text-decoration: underline; } footer #footer span { margin: 0 10px; } footer #footer span { color: #000; } footer #footerRight { float: left; display: none; } #footerLeft { margin: 30px 0 0 0; padding-top: 30px; border-top: 1px solid #dcdcdc; } #footerLeft span { display: none; } #footerLeft a { display: none; } /* Hoofdnavigatie Styles --------------------------------------------------------------------*/ #nav { display: none; } /* Mobile menu --------------------------------------------------------------------*/ .mobile-menu { display: none; } /* Switch knop --------------------------------------------------------------------*/ #switchButton { display: none; }