* {
box-sizing: border-box;
}
html{
height:100%;
}
body{
position: relative;
background-color:#fff;
font-family: 'Open Sans',sans-serif;
font-size: 1.1em;
line-height: 1.6em;
font-weight: 300;
color: #0e190f;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
/******************************icoontjes*/
}
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?lh97ox');
src: url('../fonts/icomoon.eot?lh97ox#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?lh97ox') format('truetype'),
url('../fonts/icomoon.woff?lh97ox') format('woff'),
url('../fonts/icomoon.svg?lh97ox#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-home2:before {
content: "\e903";
}
.icon-search:before {
content: "\e604";
}
.icon-facebook:before {
content: "\e601";
}
.icon-twitter:before {
content: "\e602";
}
.icon-youtube:before {
content: "\e900";
}
.icon-linkedin:before {
content: "\e603";
}.icon-instagram:before {
content: "\e901";
}
.icon-instagram2:before {
content: "\e902";
}
.icon-facebook,
.icon-twitter,
.icon-youtube,
.icon-linkedin,
.icon-instagram,
.icon-instagram2,
.icon-instagram3{
font-size:3em;
width:20%;
width:calc(100% / 5);
}
a.icon-facebook,
a.icon-twitter,
a.icon-youtube,
a.icon-linkedin,
a.icon-instagram,
a.icon-instagram2,
a.icon-instagram3{
color: #fff !important;
}a.icon-facebook:hover,
a.icon-twitter:hover,
a.icon-youtube:hover,
a.icon-linkedin:hover,
a.icon-instagram3:hover{
text-decoration:none !important;
}a.icon-facebook:hover{
color:#3B5998 !important;
}
.icon-twitter:hover{
color:#4099ff !important;
}
.icon-youtube:hover{
color:#c4302b !important;
}
.icon-linkedin:hover{
color:#0077B5 !important;
/***instagram zonder icon**/
}a.icon-instagram3{
position:relative;
-webkit-transform: scale(0.15);
-ms-transform: scale(0.15);
transform: scale(0.15);
background:transparent;
padding-top:45px;
}a.icon-instagram3:hover span.instagram{
background: linear-gradient( #400080, transparent),
linear-gradient( 200deg, #d047d1, #ff0000, #ffff00);
}span.instagram { /* first square */
position: absolute;
width: 400px;
height: 400px;
border-radius: 25%;
top: 50%;
left: 50%;
margin-left: -180px;
margin-top: -190px;
border: 35px solid #fff;
}
span.instagram:before,
span.instagram:after {
content: "";
display: block;
position: absolute;
margin:auto ;
}
span.instagram:before { /* large circle */
width: 150px;
height: 150px;
border-radius: 100%;
top:calc(100% / 6);
left:calc(100% / 6);
background: transparent;
border: 35px solid #fff;
}
span.instagram:after { /* small circle */
width: 40px;
height:40px;
background: #fff;
border-radius: 100%;
right: 10%;
top: 10%;
}
/********************************heading***/
h1{
font-size:1.9em;
font-weight:600;
line-height: normal;
padding: 0;
color: #313741;
/*text-transform: uppercase;*/
}
h2,
.contact-category h2{
font-size:1.8em;
font-weight:100;
line-height: normal;
padding: 0;
color: #313741;
}.blog h2{
font-weight:100;
font-size:1.8em ;
line-height:normal;
padding: 0;
color:#313741;
}
.item-page.vacature h2{
text-align: right;
color: #f29400;
font-size: 1em;
}h1 a,
h2 a{
text-decoration:none;
}
h3{
font-weight:400;
line-height:normal;
padding: 0;
color: #f29400;
font-size: 1.2em;
}.contact h3{
border-bottom: 1px solid #f29400;
}#contentbodemmodule .moduletable h3{
font-size:2.5em;
}[class*="moduletable"] h3{
font-family: 'Open Sans', sans-serif;
font-weight:100;
line-height:normal;
letter-spacing: 1px;
}.page-header {
/*margin: 0;*/
padding-bottom: 0;
border-bottom: none;
}.categories-list .page-header {
padding-bottom: 9px;
margin: 20px 0 30px;
border-bottom: 1px solid #eee;
font-size: 1em;
}
strong{
color: #313741;
font-weight: 600;
}
@media (max-width:750px){
h1{
font-size:1.5em;
}
h2{
font-size:1.5em ;
}
}
@media (max-width:499px){
h1{
font-size:1.4em;
}
h2{
font-size:1.4em ;
}
}
@media (max-width:388px){
}
/************************ standaard element*/
p{
margin: 0 0 20px;
/*
}[class*="moduletable"] p,
[class*="custom"] p{
margin:0;*/
}img{
/*width:100%;
max-width:none;*/
}[class*="span"]{
min-height:0px;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
padding: 0;
margin:0;
/***********************lijst*******/
}ul.numeric-decimals {
counter-reset:section;
list-style-type:none;
}ul.numeric-decimals li {
list-style-type:none;
}ul.numeric-decimals li ul {
counter-reset:subsection;
}ul.numeric-decimals li:before{
counter-increment:section;
content:counter(section) ". ";
/*content:"Section " counter(section) ". ";*/
}
ul.numeric-decimals li ul li:before {
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}ul,
ol {
margin: 0 0 25px 25px;
padding: 0 0 0 25px;
/*display:table;*/
}li {
line-height: 25px;
}
/*************************cookie */
#cookiepolicy{
height:auto !important;
line-height:1.6em;
}#cookiepolicy-txt{
background-color: rgba(255, 255, 255, 1) !important;
color: rgba(0, 0, 0, 1) !important;
float:left;
width:100%;
padding: 2% 0;
line-height:1.6em !important;
display: inline-block;
}#cookiepolicy-txt a{
color: rgba(0, 0, 0, 1) !important;
}#cookiepolicy-wrapper{
display: inline-block;
}#cookiepolicy-accept-cookies{
background-color:inherit;
border:solid #333 1px;
display:inline-block;
font-size:1em;
padding:6px 24px;
color:#000;
text-decoration:none;
}#cookiepolicy-accept-cookies:hover{
text-decoration:underline;
}
@media (max-width: 767px) {
#cookiepolicy{
display:block;
}#cookiepolicy-txt {
padding:50px 0;
}#cookiepolicy-txt span{
display:block !important;
}#cookiepolicy-accept-cookies{
}
}
/*if ie6 waarschuwing*/
div.ie6{
width: auto;
position: fixed;
bottom: 0;
right: 0;
z-index:10000;
}
div.ie6verouderd{
float:left;
width:100%;
padding: 0;
/********************************linkjes*/
}a {
color: inherit;
text-decoration:underline;
}a:hover,
a:focus{
text-decoration:none;
color:#313741;
/*******************************************template**********************************/
}
@media (max-width:499px){
#fotoslider{
display:none;
}
}
/**********************logo*******/
#logo{
display: table;
width: 30%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
opacity: 1;
z-index: 1;
-webkit-transition: opacity 500ms ease-out;
-moz-transition: opacity 500ms ease-out;
-ms-transition: opacity 500ms ease-out;
-o-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform: translate(-50%, -50%);
/********************************logo**/
}
@media (max-width:499px){
#logo{
display: block;
width: 90%;
text-align: center;
position: static;
opacity: 1;
margin: 0 auto;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
-moz-transform:translate(0);
-webkit-transform:translate(0);
-o-transform:translate(0);
-ms-transform:translate(0);
transform: translate(0);
}
}
#content{
padding: 1% 0;
/*-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;*/
float:left;
width:100%;
}
#header{
margin: 0 auto;
width: 100%;
position: relative;
}
#header:before,
#header:after{
content: "";
display: table;
line-height: 0;
}
#header:after{
clear: both;
}
#achgr-content{
margin: 0 auto;
width: 100%;
padding: 0;
}
#content{
margin:0 2%;
padding: 2%;
/*background-color: rgba(255,255,255,0.8);*/
}
@media (max-width: 767px) {
#achgr-content{
padding: 0 5%;
}
}
#achgr-content:before,
#achgr-content:after{
content: "";
display: table;
line-height: 0;
}
#achgr-content:after {
clear: both;
}
div#achgr-content.grijs{
background-color: rgba(49,55,65,1);
/*********************footer social*/
}
#footersocial{
display:block;
}#footersocial .custom{
margin:0;
padding:0;
text-align:center;
float: none;
display: block;
}
@media (max-width: 767px) {
#footersocial .custom{
padding-bottom: 5%;
float: none;
}
}
/*****************************************module algemeen**/
#contentbodemmodule {
border-top: 4px double #313741;
float:left;
width:100%;
}#contentbodemmodule .moduletable{
border-bottom: 4px double #313741;
padding-bottom:5%;
}
[class*="moduletable"]{
float:left;
width:100%;
margin: 3% 0;
}
[class*="custom"]{
float:left;
width:100%;
}
[class*="moduletable"] a{
text-decoration:underline;
color:#313741;
}
[class*="moduletable"] a:hover,
[class*="moduletable"] a:focus{
color:inherit;
/************************************************kruimelpad*/
/* De home icon aan het begin van de breadcrumb
}.breadcrumb li.active span.icon-location {
background-position: 0 -24px;
margin-left: 0;*/
}.breadcrumb{
padding: 0;
font-size:0.8em;
background:none;
margin: 0;
text-align:left;
color: #313741;
position:relative;
/*-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;*/
}#pathway{
display:inline-block;
}a.pathway{
color: #313741;
}.breadcrumb > .active {
color: #313741;
font-weight:600;
}.breadcrumb > li {
}.breadcrumb li.active span.icon-location:before {
}.breadcrumb li:first-child{
cursor:pointer;
display:none;
/*}.breadcrumb > li:first-child > .divider {
padding: 5px 5px 0 0;
margin: 0 0 0 0;
display:block;
background-image:none;
}.breadcrumb > li > .divider {
color: #313741 !important;
font-size: 0.8em !important;
padding:0;
}.breadcrumb > li:nth-child(2) span{
visibility:hidden;
font-size:0.5em;
}.breadcrumb > li:nth-child(2) span.divider {
visibility:visible;
}.breadcrumb > li:nth-child(2) a,
.breadcrumb > li:nth-child(2){
font-family: "icomoon" !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-transform: none;
}.breadcrumb > li:nth-child(2) a:before,
.breadcrumb > li:nth-child(2):before{
background-position: 0;
margin-left: 0;
content: "\e903";
font-size: 2em;
color:#313741;
position:absolute;
top:3px;
}.breadcrumb > li:nth-child(2) a{
*/
}
@media (max-width:855px){
.breadcrumb{
font-size: 0.7em;
}
}
@media (max-width:455px){
.breadcrumb{
display: none;
}
}
/******************* menu*/
/******************************************* affix**********************************/
.affix-top{
padding: 0 0 0 0;
}#hoofdmenu.affix{
top:0;
padding: 0.7% 0;
z-index:1002;
-moz-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
-webkit-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}
.affix + #header{
padding-top:80px;
}.affix + #header #logo{
padding-top:80px;
opacity: 0;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-ms-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
}#logomenu{
width: 15%;
}.affix-top #logomenu{
opacity: 0;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-ms-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
}.affix #logomenu{
opacity: 1;
-webkit-transition: opacity 1800ms ease-out;
-moz-transition: opacity 1800ms ease-out;
-ms-transition: opacity 1800ms ease-out;
-o-transition: opacity 1800ms ease-out;
transition: opacity 1800ms ease-out;
}.navigation {
top: -250px;
}#hoofdmenu{
width:100%;
margin: 0 auto;
background-color:#313741;
/*background-color:rgba(244,251,219,1);
-webkit-box-shadow: 0px 3px 5px 3px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 0px 3px 5px 3px rgba(50, 50, 50, 0.4);
box-shadow: 0px 3px 5px 3px rgba(50, 50, 50, 0.4);*/
}.navbar {
min-height: 20px;
margin: 0;
}.navbar .navbar-inner{
background-color: transparent;
background-image: none;
border: none;
border-radius: 0;
box-shadow: none;
min-height: 40px;
padding-left: 0;
padding-right: 0;
}.navbar ul.nav{
width: 100%;
margin: 0 0 5px 0 ;
padding:0;
text-align: left;
}.navbar ul.nav > li {
display: inline-block;
float:none;
margin: 0 1.75%;
padding:0;
}.navbar ul.nav > li:first-child {
margin-left: 0;
}.navbar ul.nav > li:last-child {
margin-right: 0;
}.navbar ul.nav > li:first-child a {
padding-left: 0;
}.navbar ul.nav > li > a {
color:#f29400;
text-decoration:none;
font-size:1em;
text-shadow: none;
padding:0;
margin:0;
line-height:normal;
}.navbar ul.nav > .active > a{
background-color:transparent;
text-decoration:none;
box-shadow: none;
text-shadow: none;
color:#fff;
}#hoofdmenu ul a:hover{
}.navbar ul.nav > li > a:hover,
.navbar ul.nav > li > a:focus,
.navbar ul.nav > .active > a:hover,
.navbar ul.nav > .active > a:focus {
background-color:transparent;
box-shadow: none;
color:#fff ;
text-shadow:none;
}
#footermenu a{
color: #fff !important;
text-decoration: none !important;
display: inline-block
}
#footermenu a:hover,
#footermenu a:focus{
color: #f29400 !important;
background-color: transparent !important;
}
@media (max-width:979px){
.affix + #header {
padding-top:0;
}.affix{
position: static;
box-shadow: none;
}.affix + #header #logo{
padding-top: 0;
opacity: 1;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}.affix-top #logomenu,
.affix #logomenu{
display: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}#logo{
width:50%;
margin-top: 0;
}#hoofdmenu{
box-shadow:none;
}.nav-collapse.in.collapse{
background-color:#313741;
}.navbar ul.nav > li{
display:block;
margin: 0;
border-bottom: solid 0.5px rgba(255,255,255,0.2);
}.navbar ul.nav > li:last-child {
border:none;
}.navbar ul.nav > li:first-child {
}.navbar ul.nav > li:first-child a{
padding-left:2%;
}.navbar ul.nav > li > a {
color:#fff;
text-shadow:none;
font-weight:300;
border-radius:0;
padding:2%;
}.navbar ul.nav > .active > a {
color:#fff;
/****menustreepjes*/
}.navbar .btn-navbar{
width:50px;
padding:1%;
background-color: transparent;
background-image: none;
box-shadow:none;
border:none;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
background-color:transparent;
}.navbar .btn-navbar .icon-bar{
width:100%;
border-radius: 0;
box-shadow:none;
height:5px;
background-color:#fff;
}
}
@media (max-width: 767px) {
.nav-collapse{
}#hoofdmenu{
padding:0;
}
}
@media (max-width:499px){
#hoofdmenu{
}
}
/***********************toegevoegd hoofdmenu uitklap sub menu*************************************/
/**********************
}#hoofdmenu ul li{
position:relative;
}#hoofdmenu ul ul{
display: none;
position: absolute;
z-index: 1500;
width: 200px;
left: 0;
text-align: left;
text-indent: 0px;
padding:0;
margin:0;
}#hoofdmenu ul ul ul{
display: none;
}#hoofdmenu ul li ul li{
}#hoofdmenu ul li:hover ul{
display:block;
}#hoofdmenu ul li li:first-child{
padding-top: 2px;
}#hoofdmenu ul li li:first-child a {
margin: 0;
}#hoofdmenu ul li li:last-child a {
margin: 0;
}#hoofdmenu ul ul a {
background-color: #313741;
color: #fff;
font-size:0.7em;
font-weight:300;
float: none;
padding:10px;
text-shadow:none;
text-decoration: none;
line-height:normal;
display:block;
}#hoofdmenu ul li li.active a {
background-color: #313741;
text-shadow: 0;
color: #f29400;
}#hoofdmenu ul ul li a:hover {
text-shadow:none;
color:#f29400;
background-color:#313741;
}
@media (max-width: 979px) {
#hoofdmenu ul ul {
text-align:left;
margin-left: 0;
}#hoofdmenu ul ul{
background-color: transparent;
display:block;
position:static;
width:auto;
}#hoofdmenu ul li li:first-child{
padding-top:0;
}#hoofdmenu ulli{
line-height: normal;
display:block;
}#hoofdmenu ul li li{
display: block;
line-height: normal;
}#hoofdmenu ul li:link ul,
#hoofdmenu ul li:visited ul{
display:block;
}#hoofdmenu ul ul a {
font-size: 15px;
color:#fff ;
text-transform: uppercase;
line-height:35px;
margin: 0;
padding-left:5px !important;
display:block;
box-shadow:none;
text-shadow:none;
background-color:transparent;
border-radius: 0;
-moz-transition:none !important;
-o-transition:none !important;
-webkit-transition:none !important;
-ms-transition:none !important;
transition:none !important;
}#hoofdmenu ul li li a,
#hoofdmenu ul li li:first-child a,
#hoofdmenu ul li li:last-child a{
text-transform: none;
margin-left: 10%;
line-height: normal;
}#hoofdmenu ul li ul a:hover,
#hoofdmenu ul li ul a:focus{
color: #fff;
-moz-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
}
**********************************************************/
/*****************************************topmenu
suffix: menu class en module class -top*/
ul.menu-top > li{
display:inline-block;
margin: 0 35px 0 0;
}ul.menu-top > li:last-child{
margin: 0;
}ul.menu-top > li > a{
font-size:16px;
font-weight:bold;
text-decoration:none;
background-color:transparent;
}ul.menu-top > li > a:hover{
background-color:transparent;
color:#ad1027;
}
/**************************************** footer en footermenu */
#footer a{
color:#fff;
text-decoration:none;
}#footer a:hover{
text-decoration:underline;
background:none;
}#footer{
float:left;
width:100%;
margin: 30px 0;
color: #fff;
}#floatrechts{
float:right;
}#footerinfo{
float:left;
width:100%;
color: #000;
margin: 5% 0 0 0;
}#footermenu .moduletable{
margin:0;
}#footerinfo .moduletable,
#footerinfo .custom{
float:left;
width:auto;
padding-left: 0;
}#footermenu{
float:right;
width:100%;
}#footeradres{
text-align: center;
}#footermenu ul.nav{
text-align:center;
}#copyright{
width:auto;
float:left;
margin-right: 5%;
}#copyright .moduletable{
float:right;
}
/*Footermenu
-module parameter: lijst,
-geavanceerd parameter= menu class suffix: -footer
module class suffix: -footer */
.moduletable-footer{
float:left;
width: 100%;
}ul.menu-footer {
margin: 0px;
list-style-type: none;
padding: 0px;
}ul.menu-footer li {
text-decoration: none;
display: block;
}
ul.menu-footer li a{
line-height:2.1em;
text-decoration: none;
display:inline-block;
}ul.menu-footer li a:hover{
text-decoration: none;
color: #CCFF00;
background: none !important;
opacity: 1;
}
@media (max-width: 767px) {
#footermenu ul.nav {
text-align: center;
}#footerinfo .moduletable,
#footerinfo .custom{
padding-left:0;
padding-top:0;
padding-bottom: 0;
padding-right:0;
}#footer{
margin: 5px 0;
}#footerinfo{
text-align:center;
width:100%;
font-size:12px;
padding-top: 25px;
}#copyright{
width:100%;
}#footerinfo .moduletable,
#footerinfo .custom{
width:100%;
}#footerinfo a{
font-size:12px;
text-decoration:underline;
}#footermenu{
width:100%;
padding: 25px 0 0 0;
}
}
/**********************************contact***/
.optional{
font-size: 0.5em;
font-style: italic;
}
.contact h3{
margin-top: 5%;
}.radio input[type="radio"],
.checkbox input[type="checkbox"]{
width: auto;
}label.checkbox{
line-height: 40px;
}
.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append{
border-radius: 0;
height: 35px;
box-shadow: none;
width: 100%;
}
textarea{
min-height: 200px;
}
.contact-position dt{
display: none;
}
.contact-category .filters{
display: none;
}.contact-form .well{
background: transparent;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}.contact-form legend{
display: none;
}.dl-horizontal dt span.text{
white-space:normal;
}.dl-horizontal dd,
.dl-horizontal dt{
line-height:35px;
}.accordion-group,
.accordion-inner{
border: none;
}.accordion-heading a{
color: #ffeeee !important;
font-weight:normal;
text-decoration:none !important;
-moz-transition:ease-in-out 0.3s;
-o-transition:ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
-ms-transition:ease-in-out 0.3s;
transition:ease-in-out 0.3s;
}.accordion-heading{
box-sizing:border-box;
text-align: center;
color: #ffeeee;
border-radius: 25px;
border: solid 1px #551133;
background-image: -webkit-linear-gradient(270deg,rgba(170,34,85,1.00) 0%,rgba(85,17,51,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(170,34,85,1.00) 0%,rgba(85,17,51,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(170,34,85,1.00) 0%,rgba(85,17,51,1.00) 100%);
background-image: linear-gradient(180deg,rgba(170,34,85,1.00) 0%,rgba(85,17,51,1.00) 100%);
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
-ms-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}.accordion-heading:hover a{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-moz-transition:ease-in-out 0.3s;
-o-transition:ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
-ms-transition:ease-in-out 0.3s;
}.accordion-heading:hover{
opacity: 0.7;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
-ms-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
@media (max-width: 767px) {
.contact .pull-right{
float:none;
display:block;
}
}
/***********add this*/
.addthis_toolbox {
width:auto;
float:left;
}.socialmain{
width:100%;
float:left;
}.delen{
width:auto;
float:left;
text-transform:uppercase;
font-size:36px;
letter-spacing:1px;
line-height: normal;
line-height:30px;
margin-right:15px;
}.volgen{
width:auto;
float:right;
text-transform:uppercase;
font-size:36px;
letter-spacing:1px;
line-height: normal;
line-height:30px;
margin-right:15px;
}span.IN-widget:after{
}span.IN-widget{
float:right;
padding:5px 0 0 15px;
}.fb-like{
float:right;
}span.IN-widget span{
/********************************talen********************/
}.mod-languages {
float: right;
width: auto;
}
div.mod-languages img{
border: thin #fff solid !important;
/********************************************zoeken
Belangrijk, om de tekst zoek erachter beter te laten verdwijnen heb ik spaties en
in de aangemaakte module zoeken>>opties>>veld knoptekst getypt!Of het stand houdt, in de gaten houden
*/
}.search {
float: right;
margin: 0;
position:relative;
width: auto;
padding: 0.5%;
}.search label{
display:none;
}.search .button{
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: #003762;
font-size:25px;
height: 26px;
width: 30px;
padding: 0 20px 0 0;
overflow:hidden;
background: none;
border-radius: 0;
box-shadow: none;
border:none;
position:absolute;
right:0;
top:4px;
}.search .button:before{
content: "\e604";
}.search form.form-inline input{
height: 26px;
width: 150px;
box-shadow: none;
font-size: 15px;
border: none;
}.search input#mod-search-searchword:focus{
}.search form{
margin:0;
}.tip-wrap {
max-width: 200px;
padding: 3px 8px;
color: #003762;
text-align: center;
text-decoration: none;
background-color: #efefef;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 100;
-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
}.tip-title {
font-weight: bold;
/****************************laatste nieuws*/
}
ul.latestnews {
margin: 0 ;
padding: 0;
display:block;
}ul.latestnews li{
list-style:none;
margin: 0 0 15px 0;
}ul.latestnews li a{
display: block;
font-weight: normal;
line-height: 18px;
text-decoration: none;
background-color: #313741;
padding: 1.2%;
color:inherit;
font-size:1.1em;
}ul.latestnews li a:hover,
ul.latestnews li a:active{
color: #313741;
background-color: #5d7913;
}
@media (max-width:767px){
ul.latestnews li a{
font-size:1em;
padding:2%;
line-height:1.5em;
}
}
/*****************btn opmaak*/
img[alt="pdf"]{
border:none !important;
}.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a{
background-image:none;
background-color:#313741;
}
.btn{
border: none;
border-color: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow:none;
box-shadow: none;
}.btn-primary,
a.btn[title="Annuleren"]{
background-color:#313741;
background-image:none;
}.btn-group{
margin: 0 0 15px 15px;
}.btn-group:first-child {
}.btn-group a{
text-decoration:none !important;
color: #292f33 !important;
}
.btn-primary{
text-shadow: none;
box-shadow: 0;
border-radius: 0;
border-color: transparent;
}.btn:hover,
.btn:focus,
.btn-primary:hover{
text-shadow:none;
background:none;
background-color:#313741;
background-position:0 -30px;
transition: none;
color:#0b180d;
/***************************************bootstrap override divers*/
}.pager li > a, .pager li > span{
background:none;
}.pager li > a, .pager li > a:hover,
.pager li > a, .pager li > a:focus{
background:none;
}.pager {
float: left;
width: 100%;
padding:0;
}.input-tooltip{
cursor:pointer;
}label {
cursor: default;
}td.list-date{
width: 20%;
/******gearchiveerde artikelen*/
}label.filter-search-lbl{
}.archive button.btn-primary{
margin: 0 0 20px 0;
background-color:#441809;
padding:5px 20px;
border-radius: 3px;
}.archive button.btn-primary:hover{
background-color: #eee;
color:#333;
text-decoration:underline;
}label.filter-search-lbl:hover{
color:#333;
text-decoration:underline;
}.filter-search{
background-color:#441809;
border: none;
}.row0:first-child{
border-top: dotted 1px #eee;
}[class*="row0"],
[class*="row1"]{
padding: 1px 0;
margin: 1px 0;
border-bottom: dotted 1px #eee;
}.archive .page-header h2{
font-size:15px;
}.archive .page-header h2 a{
text-decoration: underline;
}.archive dl.article-info{
margin:0;
text-align:right;
font-size:11px;
}.archive .article-info dt.article-info-term{
display:none;
}.archive .article-info dd{
display:inline-block;
}.archive dl dd:first-child{
margin-left:0;
/**tooltip**/
}
.tooltip-inner {
font-weight:normal !important;
font-family: Verdana, Arial, Geneva, sans-serif;
font-size:12px !important;
font-style: normal;
line-height: normal;
font-variant: normal;
text-shadow:none;
}.tip-wrap {
max-width: 200px;
padding: 3px 8px;
color: #003762;
text-align: center;
text-decoration: none;
background-color: #efefef;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 100;
-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
}.tip-title {
font-weight: bold;
/*****************
-lijsten categorieen
-lijsten artikelen
**********/
}th.list-title{
}td.list-title {
font-weight: normal;
font-size:15px;
}ul.category{
display: block;
margin: 0;
}ul.category li{
margin-bottom:5px;
list-style-type: none;
}.list-title{
font-size:15px;
font-weight:normal;
margin-right: 15px;
min-width: 220px;
}li.cat-list-row0{
border-bottom: dotted 1px #eeeeee;
border-top: dotted 1px #eeeeee;
}li.cat-list-row1{
border-bottom: dotted 1px #eeeeee;
border-top: dotted 1px #eeeeee;
/*********************divers**/
}.label-info, .badge-info{
background-color:#003762;
}.readmore{
}.readmore a.btn,
a.readmore{
margin:0;
text-align:center;
font-family: "Open Sans",sans-serif;
color:#0b180d;
border: solid 1px #313741;
background-color:transparent;
/*margin: 25px 0 0 0;*/
display: inline-block;
padding:2%;
text-decoration:none !important;
background:none;
box-shadow: none;
text-shadow:none;
/*background-color:#313741;
color:#0b180d ;*/
font-size:1em;
}.readmore a.btn:hover,
a.readmore:hover{
text-decoration:none !important;
background-color:#313741 !important;
}ul#myTabTabs a{
text-decoration:none;
}.thumbnails > li {
float:left;
}.thumbnail{
border:none;
}.form-actions{
background-color: transparent;
}
.blog-more {
padding: 10px 5px
}.items-more{
float: left;
display: block;
width: 100%;
padding: 5% 0 ;
}
.nav-tabs{
border-bottom: none;
/*}.blog.otto .items-more ol::before {
content: "Meer blog items:";
font-size: 2.8em;
padding:5% 0;
margin:0;*/
}.blog .items-more ol{
margin: 0;
padding-left:0;
}.blog .items-more li,
.blog .items-more .nav li{
display: block;
text-align: center;
margin: 2px 0;
}.blog.items-more li:last child,
.blog .items-more .nav li:last child{
margin-bottom: 0;
}.nav-stacked > li > a{
text-decoration:none;
border:none !important;
}.blog .items-more li a,
.blog .items-more .nav li a{
border-radius: 0;
font-size: 1.5em;
font-style: normal;
line-height: 2em;
width: 100%;
color: #fff;
border:none ;
background-color:#313741;
}.blog .items-more .nav li a:hover,
.blog .items-more li a:hover{
background-color:#f29400;
/*
} .nav-tabs > li{
border-bottom: solid 1px #fff;
} .nav-tabs > li.active{
border-bottom: solid 1px transparent; */
}
.nav-tabs > li > a{
margin-bottom: -1px;
margin-right: -1px;
}.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus{
color: inherit;
background-color: transparent;
border-color: #313741;
border-bottom-color: transparent;
}.nav > li > a:hover,
.nav > li > a:focus{
background-color: transparent;
border-color: transparent;
}.nav-tabs.nav-stacked > li:last-child > a,
.nav-tabs.nav-stacked > li:first-child > a{
border-radius: 0;
}
@media (max-width:694px){
.nav-tabs > li > a{
margin:0 !important;
padding: 2%;
color: #fff;
}.nav-tabs > li{
display: block;
width: 100%;
border: none;
background-color: #313741;
margin: 1px 0;
}.nav-tabs > li:hover{
opacity: 0.7;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus{
border: none;
color: #fff;
}
.nav-tabs{
padding: 0;
}.nav-tabs > li.active {
opacity: 0.7;
}
}
@media (max-width:767px){
.blog.otto .items-more ol::before {
font-size: 2em;
padding:5% 0;
}.blog .items-more li a{
font-size:1em;
}
}
@media (max-width:360px){
.blog.otto .items-more ol::before {
content: "Meer blogs:";
font-size: 1.5em;
}
}
/****************************************login form module**/
form#login-form{
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border: 0;
}
/*********************cat lijst***/
.label-info,
.badge-info{
background-color:#f29400;
/********************* RC Justified Gallerygallery*/
}.rc_gallery div.rc_galleryimg_container span{
text-shadow: none;
color: #313741;
font-size: 10px;
background-color: rgba(255,255,255,0.8);
text-align: center;
/*************simple image pro***************************************/
/**thumbs single*/
}.singlethum4seiz{
float:left;
width:50%;
padding:3%;
margin-top:3%;
border-top: 4px double #313741;
}ul.sigProResponsive.singleThumbGallery{
width:100%;
float:left;
}ul.sigProResponsive.singleThumbGallery li{
width:100%;
/**eind single thumb*/
}ul.sigProClassic li.sigProThumb span.sigProLinkWrapper{
box-shadow: none;
}.fancybox-button.fancybox-button--download{
display: none !important;
}span.sigProPopupCaption{
font-size: 2em;
font-family: 'Open Sans',sans-serif;
font-weight: 400;
color:#f29400;
}p.sigProGalleriaWhiteTargetTitle,
div.sigProGalleriaWhiteContainer{
background:transparent;
}div.sigProGalleriaWhiteContainer{
padding:0;
}[class*="item-page"] ul.sigProResponsive li.sigProThumb a.sigProLink{
background-color: #313741 ;
border: 6px solid #313741;
}
[class*="item-page"] ul.sigProResponsive li.sigProThumb a.sigProLink:hover{
background-color: #313741 ;
border: 6px solid #313741 ;
}.item-page .sigProPolaroids a.sigProLink{
background-color:transparent;
border:none;
}.item-page ul.sigProPolaroids {
padding:0 !important;
}.item-page .sigProImg{
border:none;
}
@media (max-width:767px){
.sigProLinkWrapper{
text-align:center;
}
}
/**************artikel pagina item-page******************/
.item-page{
}
/***********************************************blog opmaak artikel*******/
.img_caption {
width:100% !important;
}
.category-desc{
border-bottom: 1px solid #f29400;
}
.cat-children div{
display:block;
text-align:center;
width:100%;
}
.cat-children div.first{
}
.cat-children div.last{
}
.cat-children div h3{
background-color: #313741;
color: #fff !important;
display:block;
font-size: 1em;
padding: 1%;
margin: 1% auto;
text-decoration: none !important;
text-shadow: none;
width: 100%;
/*-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;*/
}
.cat-children div a{
padding: 1% 0;
text-decoration: none;
}
.cat-children div a:hover{
color: #f29400 !important;
}
@media (max-width:952px){
.cat-children div a{
font-size:1em;
}
}
@media (max-width:650px){
.cat-children div a{
font-size:0.8em;
}
}
@media (max-width:551px){
.cat-children div{
width:100%;
display:block;
}.cat-children div a{
display:block;
width:100%;
max-width:auto;
}.cat-children div.last {
margin-left:0;
}
}
.blog-featured,
.items-leading,
.leading-0{
float:left;
width: 100%;
}.blog-featured .items-row{
padding:0;
}.items-row:last-child{
border-bottom: none;
}.items-row{
border-bottom: dotted 4px rgba(168, 238, 253, 1);
padding:3% 0;
}.item{
width:100%;
}span.icon-calendar,
.article-info-term{
display:none;
}.article-info{
font-style: italic;
font-size: 11px;
color: #000;
text-align:right;
}.category-name{
text-align:right;
}
@media (max-width:640px){
.category-name{
/*text-align:left;*/
}
}
.items-row:nth-of-type(2),
.items-row:nth-of-type(4),
.items-row:nth-of-type(6),
.items-row:nth-of-type(8),
.items-row:nth-of-type(10),
.items-row:nth-of-type(12){
}div[itemprop="articleBody"] {
width:auto;
}#content .blog .pull-left {
/*margin-bottom:5%;
width:20%;
margin-right:2%;*/
}#content .pull-left {
margin: 10px 2% 2% 0;
width: 55%;
}.item-page .pull-right {
}.item-page img{
}.pull-left img {
width:100%;
}#property_details .pull-left img {
width:auto;
}
@media (max-width:600px){
#content .pull-left {
width:100%;
margin:0 0 1% 0;
float:none;
display:block;
}
}
.blog span.icon-chevron-right{
display:none;
}.blog img{
border: 6px solid #313741;
width:100%;
}.blog .items-row{
/*border-top:dotted 1px #fff;*/
}.cols-1 {
display: block;
float: left;
}
.cols-2 .column-1 {
float: left;
}
.cols-2 .column-2 {
float: left;
margin: 0
}
.cols-3 .column-1 {
float: left;
padding: 0 5px;
margin-right: 4%
}
.cols-3 .column-2 {
float: left;
margin-left: 0;
padding: 0 5px
}
.cols-3 .column-3 {
float: left;
padding: 0 5px
}
.items-row {
overflow: hidden;
margin-top: 20px;
}.items-leading{
padding-bottom:20px;
}
.column-1,
.column-2,
.column-3 {
padding: 10px 5px
}
.column-2 {
margin-left: 40%;
}
.column-3 {
/****************chronoform**/
}.gbs3{
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}div.chronoform,
.chrono_credits{
display: none;
}.cfdiv_checkbox label{
font-weight:bold;
}.ccms_form_element input[type="checkbox"],
.ccms_form_element input[type="radio"] {
clear:both !important;
/*******************************************JCE*****/
}a span.wf_file_size,
span.wf_file_date{
font-size: 10px;
font-style: italic;
/*********************************ck slideshow*****************/
}.camera_wrap .camera_pag .camera_pag_ul li{
background-color:#fff !important;
}[id*="camera_wrap"]{
margin-bottom:0 !important;
}
.camera_caption > div{
background-color: transparent !important;
margin: 0 auto;
text-align: center;
}.camera_target .cameraCont img{
margin-top: 0 !important;
}.camerarelative{
/*height:auto !important;
min-height:100;*/
}
.camera_pag{
position: absolute;
width:auto;
right:0;
top:0;
}
@media (max-width: 854px) {
.cameraSlide img{
/*left:-50vh !important;*/
}
/*
}
@media (min-width:980px) and (max-width: 1199px) {
}
@media (min-width:768px) and (max-width:979px){
/*
/****re-captcha 2***/
}
@media (max-width: 480px) {
#jform_captcha,
#rc-imageselect
.g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}