/* Copyright TvTWeb - www.tvtweb.nl */ /*=== HTML Elements =====================================================================================================================================================*/ body {text-align:center; margin:0px; padding:0px; font-family:Arial; color:#000; font-size:100%; background: url('/images/style/turqoise-bar.png') no-repeat center 413px;} html {width:100%; -webkit-text-size-adjust: 100%;} h1 {padding:0px 0px 15px 0px; margin:0px; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 700;} h2 {padding:30px 0px 10px 0px; margin:0; font-size: 19px; font-weight: 700; color: #186f81; font-family: 'Montserrat', sans-serif; text-transform: uppercase;} h3 {font-family:Arial; color:#000; font-size: 14px; padding: 0px; margin: 0px 0px 3px 0px;} h3#title {font-size: 24px; margin: 0px 0px 15px 0px;} h3 a {text-decoration: none;} h3 a:link {color:#000;} h3 a:visited {color:#000;} h3 a:active {color:#000;} h3 a:hover {color:#186F81;} #midGreyContent h2 {color: #494646;} /* font-face voor fonts die los worden ingeladen */ /* when you have problems with custom font rending, maybe -webkit-font-smoothing: antialiased; will help to improve */ /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: local(''), url('/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/fonts/montserrat-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* montserrat-700italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: local(''), url('/fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/fonts/montserrat-v25-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } a {outline:0; cursor: pointer; text-decoration: none;} a:link {color:#000;} a:visited {color:#000;} a:active {color:#000;} a:hover {color:#186F81; text-decoration: underline;} /* .partGoogleMaps {width:980px; height:400px; } */ /*=== Start coding here ==========================================================================================================================================*/ #overlay {background: black; position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999; display:none; opacity: 0.6;} .basicContainer {width: 980px; margin: 0px auto; text-align: left;} #whiteContainer {width: 980px; margin: 0px auto; text-align: left; padding-top: 70px;} .clearBoth {height: 20px; clear: both;} ul#topBar {padding: 0px; margin:0px; list-style-type: none; font-size: 11px; text-align: right; height: 25px; line-height: 25px;} ul#topBar li {display: inline-block; margin-left: 20px;} ul#topBar li a {text-decoration:none; color: #000; display: block; padding: 0px 7px;} ul#topBar li.selected a {text-decoration:none; color: #fff; background-color: #5C5958;} #logoAndMenu {display: flex; align-items: flex-end; margin-bottom: 24px;} #logo {width: 255px; height: 75px; background: url('/images/style/logo.png') no-repeat left bottom; background-size: contain; margin-right: 20px; flex: 0 0 auto;} nav {font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: 700; position: relative; display: flex; margin-bottom: 2px;} #search.searchButton {width: 18px; height: 18px; background: url('/images/style/magnifier.png') no-repeat; margin-top: 10px; cursor: pointer; flex: 0 0 auto;} /* #searchHidden {width: 200px; height: 50px; background: #fff; position: absolute; right: 0px; display:none; z-index: 1000; padding:10px; cursor: default; border-radius: 5px; overflow: none !important;} #searchHidden input {border: none; width: 100%; color: #000; font-family: arial; font-size: 13px;} #searchHidden input:focus {outline: 0; } .closeSearch {position: absolute; left: -22px; top: 2px; color: #fff; font-size: 22px; line-height: 22px; font-weight: bold; font-family: arial; cursor: pointer; z-index: 99;} */ #headerWithSubs { clear: both; position: relative; margin-bottom: 18px;} #headerRightCorner {width: 218px; height: 145px; background: url('/images/style/header-overlay.png') no-repeat; position: absolute; right: 0; z-index: 99;} #carouselContainer {height: 80px;} #mainContentContainer {padding-bottom: 15px; clear: both;} #columnLeft {width:650px; float:left;} #columnRight {width: 320px; float:right;} .seeMore {display:block; height: 57px; margin-top: 11px; background:#5c5958 url('/images/style/carouselArrowRight.png') center right no-repeat; color: #fff; line-height: 57px; font-weight: bold; text-indent: 15px;} .seeMore:hover {background-color: #186F81; text-decoration: none; color: #fff;} .seeMore:link {color: #fff;} .seeMore:visited {color: #fff;} .seeMoreFirst {margin-top: 0;} #threeColumnContainer {padding-bottom: 0px; font-size: 13px;} #threeColumnContainer .fileImageGallery {} #threeColumnContainer .fileImageGallery a {float:left; margin-left: 10px;} #threeColumnContainer .fileImageGallery a.firstOfRow {margin-left: 0px;} #threeColumnContainer .fileImageGallery span {display: block; width: 320px; height: 40px;} #threeColumnContainer .fileImageGallery img {margin:0px; border:none; float: none;} #threeColumnContainer .fileImageGallery a img:hover {border:none; opacity: 0.5;} #threeColumnContainer .fileImageGallery .partContentFileImageGalleryFooter {clear:both; height:5px;} #projectItemList {display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin-left:-20px; margin-right: -20px;} .projectItem {width: calc(20% - 40px); margin:0 20px 40px 20px;} .projectItem h3, .projectItem span {font-size: 13px; font-weight: normal;} #threeColumnContainer h3 {font-weight: normal; font-size: 13px; margin: 4px 0px 0px 0px; line-height: 18px;} .threeColumnRow {width: 320px; min-height: 212px; float:left; margin-left: 10px; padding-bottom:15px;} .threeColumnFirst {margin-left: 0;} .threeColumnRow .partContentFileImageGallery img {margin:0;} .threeColumnRow .partContentText p {margin:0; padding:0px 5px 0px 0px;} #midGreyContainer {background: #f2f2f2; margin: 40px 0px 40px 0px;} #midDarkGreyContainer {background: #494646; margin: 40px 0px 40px 0px; padding-bottom: 20px;} #midDarkGreyContainer h2 {color: #fff;} .twoColumnRow article:last-child .clearBoth {border-bottom: none; margin-bottom: 0px;} article {position: relative;} .twoColumnRow {float: left; margin: 10px 0px 0px 80px; width: 450px;} .twoColumnRowFirst {margin-left: 0px;} .twoColumnRow article .newsImage {width: 125px; min-height: 165px;} .twoColumnRow article .newsItem {width: 305px;} .newsImage {width: 120px; margin-right: 20px; float: left; margin-bottom: 25px;} .twoColumnRow .newsItem {float: left; width: 310px;} .twoColumnRow .clearBoth {border-bottom: 1px solid #494646; height: 1px; margin-bottom: 20px;} .twoColumnRow article .newsItem h3 {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px;} .twoColumnRow article .newsItem h3 a {color: #186f81;} .twoColumnRow article .newsItem .partContentText {line-height: 1.4em;} .twoColumnRow article .newsItem .partContentText p {margin-bottom: 15px;} .downloadItem {margin: 30px 0px 0px 0px;} #midDarkGreyContainer h3 {font-size: 13px; font-family: arial; text-transform: uppercase; color: #fff; font-weight: normal;} /* .downloadItem a.downloadButton {color: #494646; text-decoration:none; height: 19px; background-color: #fff; line-height: 19px; display: block; width: 70px; padding: 0px 4px; border-bottom-right-radius: 8px; font-size: 13px; margin-top: 12px;} .downloadItem a.downloadButton:link {color: #494646;} .downloadItem a.downloadButton:aftervisited {color: #494646;} .downloadItem a.downloadButton:active {color: #494646;} .downloadItem a.downloadButton:hover {color: #494646; background-color: #ccc;} */ a.readMoreButton {color: #fff; text-decoration:none; height: 19px; background-color: #5C5958; line-height: 19px; display: inline-block; padding: 0px 4px; border-bottom-right-radius: 8px; font-size: 13px; position: absolute; left: 145px; top: 131px;} a.readMoreButton:link {color: #fff;} a.readMoreButton:visited {color: #fff;} a.readMoreButton:active {color: #fff;} a.readMoreButton:hover {color: #fff; background-color: #186F81;} #midGreyContent {background: #f2f2f2; padding: 0px 0px 0px 0px; margin-bottom: 45px;} .moreNews {padding: 0px 15px 0px 10px; color: #fff; text-decoration: none; background-color: #5c5958; border-bottom-right-radius: 10px; text-transform: uppercase; font-size: 13px; height: 25px; line-height: 25px; display:inline-block;} .moreNews:link {color: #fff;} .moreNews:visited {color: #fff;} .moreNews:hover {background-color: #186F81; text-decoration: none; color: #fff;} #nieuws {width: 295px; float:left;} .dateTime {color: #5c5958; font-size: 12px; display:block; margin-bottom: 5px; font-style: italic;} .newsItemBorder {border-top: 1px #000 solid; padding-top: 15px;} #recentProjects {margin-left: 37px; width: 354px; float:left;} #recentProjects .partContentFileImageGallery {margin-top: 13px;} #moreInfo {width: 250px; background: #5c5958; padding: 30px; float:right; margin-top: 74px;} #moreInfo h3 {color: #fff; margin:0px 0px 10px 0px; padding:0; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 28px; text-transform: uppercase; font-weight: normal;} #moreInfo span {color: #fff; margin:0px; padding:0px; font-weight: bold; font-size: 13px;} .moreNewsWhite {background: #fff; color: #000; margin-top: 15px; display:block; float:none; text-indent: 3px;} .moreNewsWhite:link {color: #000;} .moreNewsWhite:visited {color: #000;} .moreNewsWhite:hover {color: #fff;} #contactLeft {float:left; width:490px; } #contactRight {float:left; width:470px; margin-left:20px; } #contactRight img {margin-bottom:0px;} footer {background: #186f81;} #logoContainer {float: left; padding-top: 50px; width: 735px; padding-bottom: 100px; text-align: left;} #logoContainer a {display: inline-block; height: 85px; width: 66px; background-position: center center; margin-right: 20px; background-repeat: no-repeat; background-size: contain;} #logoContainer a#nvl {background-image: url('/images/style/nvl.png'); width: 84px;} #logoContainer a#fsc {background-image: url('/images/style/fsc.png');height:150px;width:100px;} #logoContainer a#vvnh {background-image: url('/images/style/vvnh.png')} #logoContainer a#komo {background-image: url('/images/style/komo.png'); height: 57px;} #logoContainer a#pefc {background-image: url('/images/style/pefc.png'); height:120px;width:100px;} #contact {float:right; width: 244px; font-size: 13px;} footer h2 {color: #fff;} #contact ul {margin:0px 0px 30px 0px; padding:0; list-style-type: none;} #contact ul li {margin:0; padding:3px 0px; color: #fff;} #contact ul li a:link {color: #fff; text-decoration: underline;} #contact ul li a:visited {color: #fff;} #contact ul li a:active {color: #fff;} #contact ul li a:hover {color: #ccc;} #contact ul li:first-child {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px;} a.socialIcon {width: 35px; height: 34px; display: inline-block; margin-right: 4px;} a.socialIcon:hover {opacity: 0.7;} a.iconTwitter {background: url('/images/style/twitter.png') no-repeat;} a.iconFacebook {background: url('/images/style/facebook.png') no-repeat;} /* Slider header */ #sliderWithNavigation {} #sliderWithNavigation .partNavigation-h {background-color: #494646; margin-bottom: 18px;} #partSliderPrimary {} #partSliderPrimary .slide {position: relative;} #partSliderPrimary .description {position: absolute; right: 0px; bottom: 65px; z-index: 20; background: url(/images/style/slider-overlay.png) no-repeat; width: 384px; height: 120px; padding: 20px 0px 0px 45px;} #partSliderPrimary .description h1 {padding-bottom: 5px;} #partSliderPrimary .description span {color:#fff;} #partSliderSecondary {background-color: #83422F;} #partSliderSecondary .slide {cursor:pointer; opacity: 0.1; transition: .5s;} #partSliderSecondary .slide.selected, #partSliderSecondary .slide:hover {opacity: 1;} /* PartContentFileAdmin */ .downloadItem .partContentFileAdmin ul li a span.fileAdminLabel {color: #fff;} .downloadItem .partContentFileAdmin ul li a span.fileAdminIcon {background-color: #fff;} .downloadItem .partContentFileAdmin ul li a span.fileAdminIcon svg {fill: #494646;}