/* Responsive afbeeldingen in de content --------------------------------------------------------------------*/ img.responsive { max-width: 100%; height: auto; } img.responsive-left-20 { float: left; margin: 9px 40px 40px 0; max-width: 20%; height: auto; } img.responsive-left-30 { float: left; margin: 9px 40px 40px 0; max-width: 30%; height: auto; } img.responsive-left-40 { float: left; margin: 9px 40px 40px 0; max-width: 40%; height: auto; } img.responsive-left-50 { float: left; margin: 9px 40px 40px 0; max-width: 50%; height: auto; } img.responsive-right-20 { float: right; margin: 9px 0 40px 40px; max-width: 20%; height: auto; } img.responsive-right-30 { float: right; margin: 9px 0 40px 40px; max-width: 30%; height: auto; } img.responsive-right-40 { float: right; margin: 9px 0 40px 40px; max-width: 40%; height: auto; } img.responsive-right-50 { float: right; margin: 9px 0 40px 40px; max-width: 50%; height: auto; } /* IFRAME EMBED RESPONSIVE: Youtube, Google Maps of bijv. Vimeo embed responsive styles --------------------------------------------------------------------*/ .iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .iframe-container iframe, .iframe-container object, .iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Home banners Styles --------------------------------------------------------------------*/ #homeBanners { overflow: hidden; clear: both; margin-bottom: 30px; padding-top: 30px; } #homeBanners .banner { display: block; width: 31.44%; float: left; margin: 0 0 2.84% 2.84%; } #homeBanners .banner { text-decoration: none; } #homeBanners .banner:nth-child(3n+1) { clear: both; margin-left: 0; } #homeBanners .banner .image { position: relative; overflow: hidden; } #homeBanners .banner .image:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/media/img/svg/hover_link.png) no-repeat 50% 50%; transform: translateY(100%); -webkit-transform: translateY(100%); transition: transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; } #homeBanners .banner .image:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #282828; opacity: 0; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } #homeBanners .banner .image img { display: block; width: 100%; height: auto; background: rgba(255, 255, 255, 0.01); } #homeBanners a.banner:hover .image:after { transform: translateY(0); -webkit-transform: translateY(0); } #homeBanners a.banner:hover .image:before { opacity: 0.4; } #homeBanners .banner .text { background: #cc3333 url(/media/img/svg/bg_homeblock.png) no-repeat 100% 100%; overflow: hidden; } #homeBanners .banner .text { padding: 13px 20px 3px 20px; } #homeBanners .banner .text h2 { margin-bottom: 13px; } #homeBanners .banner .text h2 { color: #FFF; } #homeBanners .banner .text p { line-height: 157%; color: #FFF; } #homeBanners .banner .text .more { display: none; margin-bottom: 14px; } #homeBanners .banner .text .more:after { background-position: -317px -11px; } .touch #homeBanners .banner .text .more { display: inline-block; } .touch #homeBanners .banner .text .more { color: #FFF; } .touch #homeBanners .banner .image:after, .touch #homeBanners .banner .image:before { display: none; } .no-csstransforms #homeBanners .banner .image:after, .no-csstransforms #homeBanners .banner .image:before { display: none; } /* Home footer Styles --------------------------------------------------------------------*/ #homeFooter { overflow: hidden; margin-bottom: 25px; } #homeNews { width: 65.87%; float: left; } #homeNews h2 { margin-bottom: 23px; } #homeNews h2 { font-size: 1.71em; } #homeTwitter { width: 31.44%; float: right; } #homeTwitter h2 { font-size: 1.71em; margin-bottom: 27px; } /* Extra content Styles --------------------------------------------------------------------*/ #extraContent { padding-top: 20px; } /* Tweet Styles --------------------------------------------------------------------*/ #tweetBlock { border: 1px solid #dcdcdc; position: relative; padding: 23px 20px 30px 20px; } #tweetBlock:after { content: ""; width: 48px; height: 41px; background: url(/media/img/svg/icon_twitter-bird.png) no-repeat -1px -1px; position: absolute; top: -36px; right: 0; } #tweetBlock .tweet { padding-bottom: 4px; margin-bottom: 26px; border-bottom: 1px solid #dcdcdc; overflow: hidden; } #tweetBlock .tweet:last-of-type { padding-bottom: 25px; margin-bottom: 0; border-bottom: 0 none; } #tweetBlock p { overflow: hidden; text-overflow: ellipsis; } #vervolg #tweetBlock .tweet:last-of-type { padding-bottom: 0; } #tweetBlock .follow { display: inline-block; background: #eee; background: linear-gradient(#fff, #dedede); position: relative; border: 1px solid #ccc; border-radius: 4px; padding: 0 11px 0 38px; } #tweetBlock .follow { color: #666; font-size: 0.93em; line-height: 150%; padding-top: 4.5px; padding-bottom: 4.5px; } #tweetBlock .follow:hover { background: #d9d9d9; background: linear-gradient(#f8f8f8, #d9d9d9); border: 1px solid #bbb; } #tweetBlock .follow:hover { text-decoration: none; } #tweetBlock .follow:after { content: ""; width: 19px; height: 16px; position: absolute; left: 10px; top: 50%; margin-top: -7.5px; background: url(/media/img/svg/icon-twitter-bird-button.png) no-repeat 0 0; background-size: cover; } /* Knop Styles --------------------------------------------------------------------*/ .knop { background: #46c231; border-bottom: 2px solid #288618; border-radius: 4px; position: relative; display: inline-block; padding: 8px 50px 10px 20px; line-height: 22px; max-width: 100%; overflow: hidden; border-radius: 4px; } .knop { color: #FFF; line-height: 22px; text-decoration: none; font-family: 'acumin-pro', sans-serif; font-size: 1em; font-weight: 700; text-align: center; text-overflow: ellipsis; } .knop:after { content: ""; position: absolute; top: 50%; right: 20px; width: 8px; height: 13px; margin-top: -5px; background: url(/media/img/svg/sprite_bullets.png) no-repeat -167px -11px; } .knop:hover { background-color: #67d155; } .knop:hover { color: #FFF; text-decoration: none; } .knop:active { border-top: 2px solid #288618; background-color: #67d155; border-bottom: 0; box-shadow: none; outline: none; } .knop:focus { box-shadow: none; outline: none; } /* Left USPs Styles --------------------------------------------------------------------*/ #leftUSP { margin-bottom: 50px; } #leftUSP ul li { list-style: none; padding-left: 52px; padding-top: 4px; position: relative; margin-bottom: 5px; } #leftUSP ul li { font-family: 'acumin-pro', sans-serif; font-weight: 600; line-height: 24px; } #leftUSP ul li:after { content: ""; position: absolute; top: 9px; left: 0; width: 37px; height: 37px; background: url(/media/img/svg/sprite_bullets.png) no-repeat -406px -10px; } /* Left USPs Styles --------------------------------------------------------------------*/ #leftVideo { display: block; margin-bottom: 30px; padding: 20px 0; border: 1px solid #CCC; text-align: center; position: relative; } #leftVideo img { width: 70%; } #leftVideo:after { content: ""; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: url(/media/img/svg/icon_play.png) no-repeat 0 0; } /* Slider Styles --------------------------------------------------------------------*/ #projectDetailSlider { padding-top: 10px; margin-bottom: 30px; } #projectDetailSlider img { width: 100%; } #projectDetailSlider .flexslider { margin-bottom: 0; position: relative; } #projectDetailSlider .flexslider ul, #projectDetailSlider .flexslider ul li { margin: 0; padding: 0; position: static; } #projectDetailSlider .flexslider ul li:after { display: none; } #projectDetailSlider .flexslider { margin-bottom: 20px; position: relative; } #projectDetailSlider .flexslider .flex-viewport { overflow: hidden; } #projectDetailSlider .flexslider .flex-direction-nav { height: 0; font-size: 0; line-height: 0; } #projectDetailSlider .flexslider .flex-direction-nav a { position: absolute; top: 50%; width: 31px; height: 31px; margin-top: -30px; background: url(/media/img/svg/sprite_bullets.png) no-repeat 0 0; } #projectDetailSlider .flexslider .flex-direction-nav a.flex-prev { left: 20px; background-position: -513px -10px; } #projectDetailSlider .flexslider .flex-direction-nav a.flex-next { right: 20px; background-position: -554px -10px; } #projectDetailSlider .flexslider .flex-control-nav { margin: 16px 0 0 0; text-align: center; list-style: none; } #projectDetailSlider .flexslider .flex-control-nav li { display: inline-block; margin: 0 6px 0 0; } #projectDetailSlider .flexslider .flex-control-nav a { display: inline-block; cursor: pointer; width: 18px; height: 18px; background: #e1e1e1; text-indent: -9999px; overflow: hidden; border-radius: 50%; } #projectDetailSlider .flexslider .flex-control-nav a:hover { background: #cc3333; } #projectDetailSlider .flexslider .flex-control-nav a.flex-active { background: #cc3333; cursor: default; } /* Klanten Styles --------------------------------------------------------------------*/ .clientsOverview ul { float: left; width: 46%; margin: 0 0 30px 0; } .clientsOverview ul:nth-child(2n) { float: right; } /* Accordion Styles --------------------------------------------------------------------*/ .accordion { margin-bottom: 16px; padding-top: 8px; } .accordion div.border { margin-bottom: 10px; padding: 0 14px; border: 1px solid #CCC; } .accordion div.border:hover { border: 1px solid #969696; } .accordion div.border h4 { display: block; margin: 0; padding: 8px 40px 10px 0; position: relative; cursor: pointer; } .accordion div.border h4 { color: #333; line-height: 150%; font-size: 1.15em; } .accordion .border h4 span { position: absolute; right: 0; top: 10px; 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 { display: none; margin-top: 10px; } /* Album Styles --------------------------------------------------------------------*/ .album { overflow: hidden; padding: 0; margin-bottom: 19px; padding-top: 20px; } .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); } .album a:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/media/img/svg/hover_photo.png) no-repeat 50% 50%; transform: translateY(100%); -webkit-transform: translateY(100%); transition: transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; } .album a:after { background: url(/media/img/svg/hover_photo.png) no-repeat 50% 50%; } .album a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #282828; opacity: 0; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .album a:hover:after { content: ""; transform: translateY(0); -webkit-transform: translateY(0); } .album a:hover:before { content: ""; opacity: 0.4; } .no-csstransforms .album a:before, .no-csstransforms .album a:after, .touch .album a:before, .touch .album a:after { 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; } /* Item Detail --------------------------------------------------------------------*/ div.toolbox_top { display: block; padding-top: 14px; border-top: 1px solid #CCC; } div.toolbox_bottom { display: block; margin-top: 30px; padding-top: 14px; border-top: 1px solid #CCC; } div.addthis_toolbox { float: right; height: 16px; line-height: 16px; margin: 0 0 30px 0; } div.toolbox_top a.back, div.toolbox_bottom a.back { float: left; } .toolbox_bottom .at_a11y { text-indent: -9999px; } .toolboxLeft { width: 49%; float: left; } .toolboxRight { width: 49%; float: right; } /* Projecten Styles --------------------------------------------------------------------*/ .blocksOverview { overflow: hidden; clear: both; margin-bottom: 20px; padding-top: 10px; } .blocksOverview .banner { display: block; width: 32%; float: left; margin: 0 0 2% 2%; } .blocksOverview .banner { text-decoration: none; } .blocksOverview .banner:nth-child(3n+1) { clear: both; margin-left: 0; } .blocksOverview .banner a { display: block; } .blocksOverview .banner .image { position: relative; overflow: hidden; } .blocksOverview .banner .image:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/media/img/svg/hover_link.svg) no-repeat 50% 50%; transform: translateY(100%); -webkit-transform: translateY(100%); transition: transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; } .no-svg .blocksOverview .banner .image:after { background: url(/media/img/svg/hover_link.png) no-repeat 50% 50%; } .blocksOverview .banner .image:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #282828; opacity: 0; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .blocksOverview .banner .image img { display: block; width: 100%; height: auto; background: rgba(255, 255, 255, 0.01); } .blocksOverview .banner:hover a .image:after { transform: translateY(0); -webkit-transform: translateY(0); } .blocksOverview .banner:hover a .image:before { opacity: 0.4; } .blocksOverview .banner .text { background: #cc3333; overflow: hidden; } .blocksOverview .banner .text { padding: 16px 20px 18px; } .blocksOverview .banner .text h3 { margin-bottom: 0; padding: 0; } .blocksOverview .banner .text h3 { color: #FFF; } .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; } .touch .blocksOverview .banner .text .more { display: inline-block; } .touch .blocksOverview .banner .image:after, .touch .blocksOverview .banner .image:before { display: none; } .no-csstransforms .blocksOverview .banner .image:after, .no-csstransforms .blocksOverview .banner .image:before { display: none; } /* Footer Styles --------------------------------------------------------------------*/ footer { clear: both; margin: 0 -30px; } footer { color: #666; } footer #footerBalk { background: #e1e1e1; overflow: hidden; padding: 23px 30px 33px; position: relative; } footer #footerBalk { text-shadow: 1px 1px rgba(255, 255, 255, .4); } footer #footerBalk h2 { color: #505050; text-shadow: 1px 1px rgba(255, 255, 255, .4); text-shadow: 1px 1px rgba(255, 255, 255, .4); } footer #footerBalk #footerBalkLeft { position: relative; z-index: 9999; } footer #footerBalk #footerBalkLeft #footerNav { float: left; width: 34.42%; } footer #footerBalk #footerBalkLeft #footerNav ul, footer #footerBalk #footerBalkLeft #footerNav li { margin: 0; padding: 0; } footer #footerBalk #footerBalkLeft #footerNav h2 { margin-bottom: 18px; } footer #footerBalk #footerBalkLeft #footerNav li { float: left; width: 46%; margin-right: 4%; } footer #footerBalk #footerBalkLeft #footerNav li:nth-child(odd) { clear: left; } footer #footerBalk #footerBalkLeft #footerNav li:after { display: none; } footer #footerBalk #footerBalkLeft #footerNav li a { color: #666; text-shadow: 1px 1px rgba(255, 255, 255, .4); text-decoration: none; text-shadow: 1px 1px rgba(255, 255, 255, .4); } footer #footerBalk #footerBalkLeft #footerNav li a:hover { color: #666; text-decoration: underline; } footer #footerBalk #footerBalkLeft #footerContact { float: left; } footer #footerBalk #footerBalkLeft #footerContact h2 { margin-bottom: 18px; } footer #footerBalk #footerBalkLeft #footerContact a { color: #666; text-decoration: none; } footer #footerBalk #footerBalkLeft #footerContact a:hover { color: #666; text-decoration: underline; } footer #footerBalk #footerBalkLeft #footerContact p { margin-bottom: 0; } footer #footerBalk #footerBalkLeft .social { display: none; } footer #footerBalk #footerImage { float: right; width: 31.44%; background: none no-repeat 50% 50%; margin: -23px -30px -33px -30px; padding-left: 30px; position: relative; } footer #footerBalk #footerImage { background-size: 94% auto; } footer #footerBalk #footerImage a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 10px solid #e1e1e1; } footer #footer { background: #cc3333; padding: 17px 30px 20px; overflow: hidden; } footer #footer { color: #e9bdbd; font-size: 0.93em; text-shadow: 1px 1px rgba(0,0,0,.39); } footer #footer a { color: #e9bdbd; text-decoration: none; } footer #footer a:hover { color: #e9bdbd; text-decoration: underline; } footer #footer span { margin: 0 6px; } footer #footer span { color: #e9bdbd; } footer #footerLeft { float: left; } footer #footerRight { float: right; } footer #footerRight { color: #d17a7a; } footer #footerRight a { color: #d17a7a; } footer #footerRight a:hover { color: #d17a7a; } /* Dropdown Styles --------------------------------------------------------------------*/ #nav ul ul { margin: 0; padding: 0; position: absolute; left: -19px; z-index: -1; display: none; } #nav ul ul li, #nav ul ul li a { float: none; position: relative; } #nav ul ul li:after { display: none; } #nav ul ul { top: 50px; width: 238px; padding-top: 11px; } #nav ul ul { background-color: #FFF; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } #nav ul ul li:last-child { border-bottom: 1px solid #e1e1e1; } #nav ul ul li.activeChild:last-child { border-bottom: 1px solid #de6262; } #nav ul ul li.hovering-1:last-child { border-bottom: 1px solid #de6262; } #nav ul ul li a { display: block; padding: 6px 20px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; margin-left: -1px; margin-right: -1px; position: relative; } #nav ul ul li a { color: #4f4f4f; font-family: 'acumin-pro', sans-serif; font-size: 0.94em; } #nav ul ul li a:after { content: ""; display: none; position: absolute; left: 100%; top: 50%; width: 0; height: 0; margin-top: -5.5px; border-style: solid; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #de6262; } #nav ul ul li a:hover { background-color: #de6262; border-left: 1px solid #de6262; border-right: 1px solid #de6262; } #nav ul ul li a:hover { color: #FFF; text-decoration: none; } #nav ul ul li a.active { background-color: #de6262; border-left: 1px solid #de6262; border-right: 1px solid #de6262; } #nav ul ul li a.active { color: #FFF; } #nav ul ul li.hovering-1 > a { background-color: #de6262; border-left: 1px solid #de6262; border-right: 1px solid #de6262; } #nav ul ul li.hovering-1 > a { color: #FFF; text-decoration: none; } #nav ul ul li.hasSubnav.hovering-1 > a:after { display: block; z-index: 10001; } #nav ul ul ul { left: 238px; top: 0; border: 0px none; padding-top: 0; } #nav ul ul ul li { display: block; } #nav ul ul ul li a { background-color: #e1e1e1; margin-left: 0; margin-right: 0; } #nav ul ul ul li a { color: #4f4f4f; } #nav ul ul ul li a:hover { background-color: #cc3333; border-left: 1px solid #cc3333; border-right: 1px solid #cc3333; } #nav ul ul ul li a:hover { color: #FFF; text-decoration: none; } #nav ul ul ul li a.active { color: #FFF; background-color: #cc3333; border-left: 1px solid #cc3333; border-right: 1px solid #cc3333; } #nav ul ul ul li.activeChild:last-child { border-bottom: 1px solid #de6262; } #nav ul ul ul li.hovering-1:last-child { border-bottom: 1px solid #de6262; } #nav ul ul li a { transition: none; -webkit-transition: none; } #nav ul ul ul ul { display: none!important; } #nav ul ul ul li a:after { display: none!important; } /* Mobile menu --------------------------------------------------------------------*/ /* Standaard Styles */ .mobile-menu { display: block; background: #FFF none; } .mobile-menu ul { margin: 0; padding: 0; list-style: none; background: none!important; } .mobile-menu li { margin: 0; padding: 0; list-style: none; background: none!important; } .mobile-menu li:after { display: none; } .mobile-menu ul li a { margin: 0; padding: 0; text-decoration: none; } .mobile-menu ul li a { display: block; height: 46px; line-height: 46px; padding: 0 50px 0 10px; } .mobile-menu .accordeon_subnav { background: #ebebeb; position: relative; } .mobile-menu .accordeon_subnav { color: #333; } .mobile-menu .accordeon_subnav > span { background: #cc3333; } .mobile-menu .accordeon_subnav .accordeon_icon { display: block; cursor: pointer; width: 40px; height: 46px; position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.3); } .mobile-menu .accordeon_subnav .accordeon_icon:after { content: ""; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -5px; width: 10px; height: 2px; background: #FFF; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.4); } .mobile-menu .accordeon_subnav .accordeon_icon:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -1px; width: 2px; height: 10px; background: #FFF; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.4); } .mobile-menu .accordeon_open > .accordeon_icon:before { display: none; } .mobile-menu a.accordeon_icon { padding: 0; } .mobile-menu ul ul > li:last-child { border-bottom: 0px none; } /* Aan te passen Styles */ .mobile-menu span.accordeon_subnav { display: block; padding-left: 50px; line-height: 50px; cursor: pointer; } .mobile-menu span.accordeon_subnav { font-family: 'acumin-pro', sans-serif; font-weight: 400; font-size: 1.15em; text-decoration: none; } .mobile-menu span.accordeon_subnav > span { position: absolute; left: 0; top: 0; bottom: 0; width: 40px; } .mobile-menu span.accordeon_subnav > span span { position: absolute; left: 10px; right: 10px; top: 50%; margin-top: -1px; height: 2px; background: #FFF; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.4); } .mobile-menu span.accordeon_subnav > span span:before { content: ""; position: absolute; left: 0; right: 0; top: -5px; height: 2px; background: #FFF; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.4); } .mobile-menu span.accordeon_subnav > span span:after { content: ""; position: absolute; left: 0; right: 0; bottom: -5px; height: 2px; background: #FFF; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.4); } .mobile-menu ul li { border-top: 1px solid #e66161; border-bottom: 1px solid #ac1414; } .mobile-menu > ul > li:first-child { border-top: 1px solid #cc3333; } .mobile-menu > ul > li:last-child { border-bottom: 0px none; } .mobile-menu ul li a { text-decoration: none; font-family: 'acumin-pro', sans-serif; font-weight: 400; font-size: 1em; } .mobile-menu ul li a { color: #FFF; background-color: #cc3333; } .mobile-menu ul li a:hover { color: #FFF; background-color: #d84a4a; } .mobile-menu ul li a.active { color: #FFF; } .mobile-menu ul li a.active:hover { color: #FFF; } .mobile-menu ul ul { border-top: 1px solid #ac1414; } .mobile-menu ul ul li a { background-color: #d24242; } .mobile-menu ul ul li a { font-size: 0.9em; } /* Fullwidth Styles --------------------------------------------------------------------*/ .fullwidth #outerContainer { box-shadow: none; width: auto; background: #FFF; } .fullwidth .container { width: 1060px; padding: 0 20px; margin: 0px auto; } .fullwidth #header { width: 1100px; margin: 0 auto; } .fullwidth #header .flex-control-paging { margin-left: 0; } .fullwidth #headerToolbar { padding: 0 20px; } .fullwidth .social { padding-right: 0; } .fullwidth #crumbs { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .fullwidth footer { margin: 0; } .fullwidth footer #footerBalk { margin: 0 -9999px; padding: 23px 9999px 33px; } .fullwidth footer #footer { margin: 0 -9999px; padding: 17px 9999px 20px; } .fullwidth footer #footerBalk #footerImage { margin-right: 0; padding-left: 0; } .fullwidth #nav { margin: 0 -20px; } .fullwidth #nav:after { content: ""; position: absolute; left: 100%; width: 9999px; bottom: -6px; height: 6px; background: #FFF; z-index: 99999; } .fullwidth #nav > ul { padding-left: 20px; } .fullwidth #subnav ul { margin-left: 0; } /* Fullwidth header Styles --------------------------------------------------------------------*/ .fullwidth-header #header { width: auto; } .fullwidth-header #header .flexslider { height: 450px; } .fullwidth-header #header .flexslider li { height: 450px; } .fullwidth-header #vervolg #header .flexslider { height: 382px; } .fullwidth-header #vervolg #header .flexslider li { height: 382px; } .fullwidth-header #headerToolbar { width: 1060px; margin: 0 auto; } .fullwidth-header .overlay span { display: block; width: 1060px; margin: 0 auto; } .fullwidth-header #crumbs { margin: 0 -9999px 0; padding: 15px 9999px 13px; } .fullwidth-header #nav { margin: 0 -9999px; padding: 0 9999px; } .fullwidth-header #nav > ul { padding-left: 0; } .fullwidth-header #nav ul:before { left: -9999px; width: 9999px; } /* IE8 Fixes (:last-child etc kan niet in small.css staan) --------------------------------------------------------------------*/ #left > *:first-child { padding-top: 0; } #nav > ul > li:first-child { margin-left: 0; } #nav > ul > li:last-child:after { content: ""; display: none; } .nowrap { float: none; white-space: normal; }