/*=== HTML Elements =====================================================================================================================================================*/
body {margin:0px; padding:0px; color:#000; font-size:100%; font-family: "Ubuntu",sans-serif;}
html {width:100%; -webkit-text-size-adjust: 100%;}
h1 {font-weight: 400; font-family: 'Ubuntu'; font-size: 30px; margin:0; padding:18px 0px 0px 0px;}
h2 {font-weight: 400;}
a {outline:0; cursor: pointer;}
a:link, a:visited, a:active {color: #000; text-decoration:underline;}
a:hover {color: #000; text-decoration:none;}
strong {font-weight: 700; font-style: inherit;}
em {font-style: italic; font-weight: inherit;}
/*=== Start coding here ==========================================================================================================================================*/
.basicContainer { max-width: 1000px; margin:0px auto; min-width: 280px;}
.clearBoth { clear:both;}
#message {background-color: #ea8a00; padding:13px 20px; display: block; text-align: center; font-size: 18px; line-height: 1.4em; font-weight: 700; color: #fff; border-bottom: solid 1px #fff;}
#header { height: 135px; background: #a3b6bd url('/images/style/header.jpg') repeat-x;}
#logo { float:right; margin-top: 22px;}
#logo img {height: 90px; border:none;}
/* Menu */
#menu {background: #007945; border-bottom: 2px #fff solid;}
/* Slider */
#slider { position: relative; min-height: 95px;}
#slider:after { position: absolute; content: " "; bottom: -15px; height: 15px; width: 100%; background:url('/images/style/headerShadow.jpg') no-repeat center;}
#slider.breadCrumb .rslides { max-height: 445px;}
#slider.breadCrumb .rslides li { max-height: 445px;}
#slider.breadCrumb .rslides .caption { display:none;}
#slider.breadCrumb #overlay { min-height: 95px; position: absolute; left: 0; top:0; width: 100%; z-index: 9; background:url('/images/style/white-transparent-background.png') repeat-x top;}
#slider.breadCrumb #overlay ul { margin:0; padding:0; display: flex; flex-wrap: wrap; padding-bottom: 15px;}
#slider.breadCrumb #overlay ul li { margin:0; padding:0; list-style-type:none;}
#slider.breadCrumb #overlay ul li a { color: #8da6b0; line-height: 30px; font-family: 'Ubuntu'; font-size: 14px;}
#slider.breadCrumb #overlay ul li:before { content: " > "; color: #8da6b0; margin: 0px 5px 0px 7px; font-size: 14px;}
#slider.breadCrumb #overlay ul li:first-child a { display:block; width: 18px; height: 30px; background: url('/images/style/home.png') no-repeat left center;}
#slider.breadCrumb #overlay ul li:first-child:before { display:none;}
#slider.noSlider #overlay { position: static;}
#slider.noSlider:after { display:none;}
#content { padding: 28px 0px; background: #e7f0ea;}
#content #topText { padding-bottom: 28px; border-bottom: 1px #b6d4c1 solid; margin-bottom: 23px; margin-top: 16px;}
#content #topText .partContentText { padding:0; margin:0; font-size: 20px; line-height: 28px;}
#quote { padding: 0px 40px; position: relative;}
#quote .partContentText { font-size: 20px; line-height: 28px;}
#quote:before , #quote:after { width: 25px; height: 21px; content: " "; position: absolute;}
#quote:before { left:0; top:0; background: url('/images/style/quoteLeft.png') no-repeat;}
#quote:after { right:0; bottom:0; background: url('/images/style/quoteRight.png') no-repeat;}
/* #content .partContentFileImageGallery { margin:0; padding:0;} */
/* ColumnContainer */
.columnContainer {display: flex; width: 100%;}
.columnContainer .columnRow {display: flex; flex-direction: column; align-items: flex-start; width:33.3333%; flex:1 1 auto; padding: 0px 15px; border-left: 1px #b9d6c3 solid; padding-bottom: 65px;}
.columnRow:first-child {border:none;}
.columnRow .partContentFileImageGallery.single {width: 100%; margin-bottom: 30px;}
.columnRow h2 {margin-bottom:15px; font-size: 24px; font-family: 'Ubuntu', sans-serif;}
.columnRow h2 a {text-decoration: none; color: #000;}
.columnRow .partContentText {}
.columnRow .partContentCode {margin-top: auto; text-align: center;}
.columnRow .contactMe {text-align: center; display: block;}
.columnRow .readMore {display:inline-block; width: auto; height: 40px; font-size: 18px; color: #8DA6B0; font-family: 'Ubuntu'; background:url('/images/style/readMore.png') no-repeat center right #fff; padding: 0px 54px 0px 25px; line-height: 40px; border-radius: 22px; text-decoration: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.columnRow .readMore:hover {background:url('/images/style/readMoreHover.png') no-repeat center right #fff; color: #64777f;}
/* Content knoppen */
#contentButtonContainer {}
#contentButtonContainer .columnContainer {flex-wrap: wrap;}
#contentButtonContainer .columnRow {width: calc(50% - 30px); background-color: #fff; border: none; border-radius: 20px; padding: 20px; margin: 0 15px; margin-bottom: 15px;}
#contentButtonContainer .columnRow h2 {font-weight: 500;}
#contentButtonContainer .columnRow .readMore {color: #fff;background: url(/images/style/readMoreDark.png) no-repeat center right #007945;}
#contentbuttonContainer .columnRow .readMore:hover {background: url(/images/style/readMoreDarkHover.png) no-repeat center right #218C59;}
/* Agents */
#agentContainer {}
#agentContainer .columnContainer {flex-wrap: wrap;}
#agentContainer .columnRow {width: 50%; border: none; padding-bottom: 0; margin-bottom: 15px;}
#agentContainer .columnRow h2 {font-weight: 500;}
/* Products */
#productContainer {}
#productContainer .columnContainer {flex-wrap: wrap;}
#productContainer .columnRow {width: 50%; border: none; padding-bottom: 0; margin-bottom: 15px;}
#productContainer .columnRow h2 {font-weight: 500;}
#productContainer .partContentFileImageGallery, #productContainer .partContentFileImageGallery img {width: 100%}
#productContainer .partContentFileImageGallery .contentFileImage {width: calc(50% - 20px);}
/* Staff */
#staffContainer {display: flex; flex-wrap: wrap;}
#staffContainer .staffItem {width: 33.3333%; display: flex; flex-direction: column; padding: 0 15px 15px 15px; margin-bottom: 15px; border-bottom: 1px solid #b6d4c1; align-content: space-between;}
#staffContainer .staffItem h2 {font-size: 24px; font-family: 'Ubuntu', sans-serif; margin-bottom: 15px;}
#staffContainer .partContentText {font-size: 20px; line-height: 28px;}
#staffContainer .partContentText strong {font-weight: 400; color: #007a45;}
#staffContainer .partContentText strong {font-weight: 400; color: #007a45;}
#staffContainer .contactMe {margin-top: auto;}
#staffContainer .readMore {display: inline-block; width: auto; height: 40px; font-size: 18px; color: #8DA6B0; font-family: 'Ubuntu'; background: url(/images/style/readMore.png) no-repeat center right #fff; padding: 0px 54px 0px 25px; line-height: 40px; border-radius: 22px; text-decoration: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
a.linkedIn {width: 43px; height: 43px; background: url('/images/style/icon-linkedin.png') no-repeat; position: absolute; background-size: 43px; right: 0; top: -6px;}
#documentationContainer {font-size: 16px; display:flex; flex-wrap: wrap; margin-top: 15px;}
#documentationContainer h2 {margin-bottom: 20px; margin-top: 0px; font-weight: 400; font-size: 24px;}
#documentationContainer .partContentFileAdmin {width: calc(50% - 30px); margin: 0 15px 30px 15px;}
#documentationContainer .partContentFileImageGallery {width: 100%; margin-bottom: 30px;}
#pullMenu {display: none; outline:0; border:none; border-radius: 0; margin:0; padding:0; text-decoration: none; background-color: transparent; font-family: inherit; line-height: normal; font-weight: inherit; color: inherit; cursor: pointer; -webkit-appearance: none;}
#pullMenu:active {}
#footer { height: 40px; line-height: 40px; text-align: center;}
#footer ul { margin:0; padding:0; display: inline-block;}
#footer ul li { display:inline-block; line-height: 13px; list-style-type: none; padding:0; margin:0; font-size: 14px; color: #007A45; border-left: 1px #007A45 solid; padding: 0px 5px;}
#footer ul li:first-child { border:none;}
#alternativeNavigation {display: none; background-color: #059365; }
.basicContainer.news .partContentText.newsItem {border-top: 1px #b6d4c1 solid; padding-top:20px;}
/* @media (max-width: 1024px){
#header .basicContainer {padding: 0px;}
.basicContainer {padding-left: 20px; padding-right: 20px;}
.basicContainerHome {padding-left: 0px; padding-right: 0px;}
}
@media (max-width: 930px){
#staffContainer .threeColumnRow {width: 49.4%; margin-bottom: 20px;}
}
@media (min-width: 831px){
#alternativeNavigation {display: none !important;}
}
@media (max-width: 830px){
#footer ul li {border-left: 1px solid transparent;}
#header {height: auto; border-bottom: 2px solid #fff;}
#menu {display: none;}
#pullMenu {height: 70px; width: 55px; display: block; float: right; margin-left: 15px; background: #007a45 url('/images/style/icon-menu.png') no-repeat center; background-size: 30px 23px;}
#logo { float:right; margin-top: 10px;}
#logo img {height: 50px;}
.accordion {margin: 0; padding: 0px; font-size: 18px;}
.accordion li {list-style-type: none;color: #fff;}
.accordion li.selected a {color: #059365; background: #fff;}
.accordion li.selected ul li a {background: #059365; color: #fff;}
.accordion li.selected ul li a:hover {color: #059365; text-decoration:none; background: #fff;}
.accordion li.selected ul li.selected a {background: #fff; color: #059365;}
.accordion ul {margin: 0; padding: 0 15px 0 15px; font-size: 16px;}
.accordion ul ul {font-size: 14px;}
.accordion a {display: block; border-bottom: 2px solid #028d5b;line-height: 40px; text-indent: 17px;}
.accordion a:link, .accordion a:visited, .accordion a:active {color: #fff; text-decoration:none;}
.accordion a:hover {color: #059365; text-decoration:none; background-color: #fff;}
.accordion a.trigger {background-image: url("/images/style/icon-arrow-white.png"); background-position: right center; background-repeat: no-repeat; background-size: 26px 10px;}
.accordion a.trigger:hover {background-image: url("/images/style/icon-arrow-green.png"); background-position: right center; background-repeat: no-repeat; background-size: 26px 10px;}
.accordion a.trigger.open {background-image: url("/images/style/icon-arrow-down-green.png"); background-position: right center; background-repeat: no-repeat; background-size: 26px 10px;}
.accordion li.last-child {}
.accordion .last-child a.trigger {background-image: none;}
.accordion ul a.trigger {}
#documentationContainer .partContentFileAdmin {float:none; width:100%;}
}
@media (max-width: 600px){
.threeColumnRow {width: 100%; display: block; padding-left: 0px; padding-right: 0px; border-left: none; margin-top: 20px;}
.threeColumnRow:first-child {margin-top: 0px;}
.twoColumnRow {float: none; width: 100%;}
.basicContainerHome {padding-left: 20px; padding-right: 20px;}
#documentationContainer .partContentFileAdmin ul li {width: 100%;}
#staffContainer .threeColumnRow {float: none; width: 100%; margin-top: 20px}
#staffContainer .threeColumnRow:first-child {margin-top: 0px;}
#agentContainer .twoColumnRow {margin-left: 0px;}
} */