* {
box-sizing: border-box;
} html{
height:100%;
}
body{
position: relative;
background-color:#fff;
font-family: 'Raleway', sans-serif;
font-size: 1.05em;
line-height: 1.6em;
font-weight: 300;
color: #2a3d5c;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
@media (max-width:499px){
body{
font-size: 1em;
line-height: 1.4em;
}
}
/******************************icoontjes*/
@font-face {
font-family: 'printpdf';
src: url('../fonts/printpdf.eot?lh97ox');
src: url('../fonts/printpdf.eot?lh97ox#iefix') format('embedded-opentype'),
url('../fonts/printpdf.ttf?lh97ox') format('truetype'),
url('../fonts/printpdf.woff?lh97ox') format('woff'),
url('../fonts/printpdf.svg?lh97ox#printpdf') format('svg');
font-weight: normal;
font-style: normal;
}
@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', 'printpdf' !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-printer:before {
content: "\e954";
}
.icon-mail2:before {
content: "\ea84";
}
.icon-file-pdf:before {
content: "\eadf";
}
.icon-file-word:before {
content: "\eae1";
}
.icon-file-excel:before {
content: "\eae2";
}
.icon-home2:before {
content: "\e903";
}
.icon-search:before {
content: "\e604";
}
.icon-minus:before {
content: "\e904";
}
.icon-plus:before {
content: "\e905";
}
.icon-facebook:before {
content: "\e601";
}
.icon-instagram:before {
content: "\e901";
}
.icon-twitter:before {
content: "\e602";
}
.icon-youtube:before {
content: "\e900";
}
.icon-vimeo:before {
content: "\e906";
}
.icon-cycle:before {
content: "\e907";
}
.icon-trash:before {
content: "\e908";
}
.icon-linkedin:before {
content: "\e603";
}
.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: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-family: 'Raleway', sans-serif;
font-size:2.9em;
font-weight:100;
line-height: normal;
padding: 0 0 2% 0;
color: #d63741;
}
.contact h2,
.contact-category h2{
font-family: 'Raleway', sans-serif;
font-size:2em;
font-weight:100;
line-height: normal;
padding: 0;
color: #4c6183;
}.blog h2{
font-family: 'Raleway', sans-serif;
font-weight:100;
font-size:2.5em ;
line-height:normal;
padding: 0;
color:#2a3d5c;
}h1 a,
h2 a{
text-decoration:none;
}
h2{
font-family: 'Raleway', sans-serif;
font-size:2em;
font-weight:100;
line-height: normal;
padding: 0;
}
h3{
font-family: 'Raleway', sans-serif;
font-weight:100;
line-height:normal;
padding: 0;
letter-spacing: 1px;
color: #4c6183;
}#contentbodemmodule .moduletable h3{
font-size:2.5em;
}[class*="moduletable"] h3{
font-family: 'Raleway', sans-serif;
font-weight:100;
line-height:normal;
letter-spacing: 1px;
color:#4c6183;
}.page-header {
margin: 0;
padding-bottom: 0;
border-bottom: none
}strong{
font-weight:600;
}
@media (max-width:855px){
h3{
font-size:1.3em;
}.blog h2{
font-size:2.0em ;
}
}
@media (max-width:750px){
h1{
font-size:1.8em;
}
.blog h2{
font-size:1.8em ;
}
}
@media (max-width:499px){
h2{
font-size:1.2em;
}#contentbodemmodule .moduletable h3{
font-size:1.5em;
}
}
@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: inline;
display:table;*/
}li {
line-height: 25px;
}
@media (max-width:499px){
ul, ol {
margin: 0 0 25px 0;
padding: 0;
list-style-position: inside;
}li {
line-height: 1.5em;
padding: 1% 0;
}
}
/*************************cookie */
#cookiepolicy{
height:auto !important;
line-height:10px !important;
}#cookiepolicy-txt{
background-color: rgba(255, 255, 255, 1) !important;
color: rgba(0, 0, 0, 1) !important;
float:left;
width:100%;
padding: 2% 0;
}#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:13px;
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:#4c6183;
/*******************************************template**********************************/
}#header{
display:table;
border-bottom: 12px double #d63741;
position:relative;
}
#logo {
background-color: rgba(42,61,92,0.5);
border:solid 2px #fff;
width:10%;
vertical-align:middle;
text-align:center;
display: table-cell;
position:absolute;
top:2%;
left:0.5%;
z-index:1;
}
#logo img{
padding: 8%;
}#fotoslider {
width: 100%;
display: table-cell;
}#fotoslider p {
margin:
0;
padding:0;
}#fotoslider img {
width:100%;
}
@media (max-width:1350px){
#logo{
width:15%;
}
}
@media (max-width:768px){
#logo{
width:20%;
}
}
@media (max-width:499px){
#fotoslider{
display:none;
}#logo{
width:100%;
position:static;
display:block;
margin: 0 auto;
}#logo img{
padding:2% 0 0 0;
width:50%;
}#header{
background-image:url(../images/header_499.jpg);
background-size:cover;
background-repeat:no-repeat;
border-bottom:none;
}
}
#content{
min-height:450px;
padding: 1% 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
float:left;
width:100%;
}
#header{
margin: 0 auto;
width: 100%;
}
#header:before,
#header:after{
content: "";
display: table;
line-height: 0;
}
#header:after{
clear: both;
}
#achgr-content{
margin: 0 auto;
width: 100%;
}
@media (max-width: 767px) {
#achgr-content{
padding: 0 5%;
}#content{
min-height:auto;
}
}
#achgr-content:before,
#achgr-content:after{
content: "";
display: table;
line-height: 0;
}
#achgr-content:after {
clear: both;
}
div#achgr-content.donkergrijs{
background-color:#4c6183 ;/*#3a3838*/
color:#fff;
/*********************footer social*/
}
#footersocial{
display:block;
padding-top:8%;
}#footersocial .custom{
margin:0;
padding:0;
text-align:center;
/*****************************************module algemeen**/
}#contentbodemmodule {
border-top: 4px double #4c6183;
float:left;
width:100%;
}#contentbodemmodule .moduletable{
border-bottom: 4px double #4c6183;
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:#4c6183;
}
[class*="moduletable"] a:hover,
[class*="moduletable"] a:focus{
color:inherit;
}
#historie-fotos a{
color:inherit;
}
#historie-fotos a:hover{
text-decoration:none;
/************************************************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: 8px 15px 8px 0;
font-size:0.8em;
background:none;
margin: 0;
text-align:left;
color: #4c6183;
position:relative;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}#pathway{
display:inline-block;
}a.pathway{
color: #4c6183;
}.breadcrumb > .active {
color: #4c6183;
font-weight:500;
}.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: #4c6183 !important;
font-size: 0.8em !important;
padding:0;
}.breadcrumb > li:nth-child(2) span{
visibility:hidden;
font-size:1em;
}.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:#4c6183;
position:absolute;
top:3px;
}.breadcrumb > li:nth-child(2) a{
}
@media (max-width:855px){
.breadcrumb{
font-size: 0.7em;
}
}
@media (max-width:767px){
#pathway{
display:none;
}
}
/******************* menu*/
/*******************************************logo affix**********************************/
.affix-top{
padding: 0 0 0 0;
}
.affix + #header{
padding-top:55px;
}#hoofdmenu.affix{
top:0;
padding: 0.9% 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;
}.navigation {
top: -250px;
}#hoofdmenu{
width:100%;
margin: 0 auto;
background-color:#2a3d5c;
}.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.3% 0 0 0 ;
text-align:left;
padding:0;
}.navbar ul.nav > li {
display: inline-block;
float:none;
margin: 0 3% 0 0;
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:#fff;
text-decoration:none;
font-size:1.1em;
text-shadow: none;
padding:0;
margin:0;
line-height:normal;
letter-spacing:0;
}.navbar ul.nav > .active > a{
background-color:transparent;
text-decoration:none;
box-shadow: none;
text-shadow: none;
color:#fff;
}#hoofdmenu ul a:hover{
color: #d63741;
text-decoration: none;
}.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;
}
@media (max-width:979px){
.affix + #headercontainer {
padding-top:0;
}.affix{
position: static;
box-shadow: none;
}#hoofdmenu{
box-shadow:none;
}.nav-collapse.in.collapse{
background-color:#4c6183;
}.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;
}#hoofdmenu ul a:hover{
background-color:#d63741;
/****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) {
#hoofdmenu{
padding:0;
}
}
/***********************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:7px 0 0 0;
margin:0;
}#hoofdmenu ul li li{
display:block;
}#hoofdmenu ul li:hover ul{
display:block;
}#hoofdmenu ul li li:first-child{
padding-top: 2px;
/*}#hoofdmenu ul.nav li.item-101 li:first-child{
padding-top: 1px; */
}#hoofdmenu ul li li:first-child a {
margin: 0;
}#hoofdmenu ul li li:last-child a {
margin: 0;
}#hoofdmenu ul ul a {
background-color: #2a3d5c;
color: #fff;
font-size:0.8em;
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: rgba(42,61,92,0.85);
color: #fff;
text-shadow:none;
}#hoofdmenu ul ul li a:hover {
text-shadow:none;
background-color:#4c6183;
color:#d63741;
}
@media (max-width: 979px) {
#hoofdmenu ul ul {
text-align:left;
margin-left: 0;
padding:0;
}#hoofdmenu ul ul{
background-color: transparent;
display:block;
position:static;
width:auto;
}#hoofdmenu ul li li:first-child{
padding-top:0;
}#hoofdmenu ul li{
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 a:hover {
color: #fff;
}#hoofdmenu ul ul a {
font-size: 15px;
color:#fff ;
text-transform: uppercase;
line-height:auto;
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;
}.navbar ul.nav > .active > a{
background-color: transparent;
color:#fff;
}#hoofdmenu ul li li a,
#hoofdmenu ul li li:first-child a,
#hoofdmenu ul li li:last-child a{
text-transform:none;
margin-left:15px;
}#hoofdmenu ul li ul li:hover,
#hoofdmenu ul li ul a:focus{
background-color: transparent;
color: #d63741;
-moz-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}#hoofdmenu ul li li.active a {
background-color:#4c6183;
text-shadow: none;
color:#d63741;
font-weight: 600;
font-size: 1em;
}#hoofdmenu ul li li.active {
background-color: transparent;
}
}
/*****************************************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:#d63741;
}
/**************************************** footer en footermenu */
#footer a{
color:#fff;
text-decoration:none;
display:inline-block;
}#footer a:hover{
text-decoration:underline;
background:none;
}#footer{
float:left;
width:100%;
margin: 30px 0;
}#floatrechts{
float:right;
}#footerinfo{
float:left;
width:100%;
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%;
}#footermenu ul.nav{
text-align:left;
}#copyright{
width:auto;
float:left;
padding-right: 25px;
}#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;
margin:0;
padding:0;
}#footermenu ul.nav li {
background-color:#2a3d5c;
padding: 1% 0;
margin: 0 0 1px 0;
}#footermenu ul.nav li:hover {
background-color:#d63741;
}#footermenu ul.nav li a{
text-decoration:none;
display:block;
}#footeradres p{
display:inline-block;
padding: 2% 2% 0 2%;
}#footeradres .custom{
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***/
/**********************************contact
#contact-form input{
height: 2.5em !important;***/
.contact h3{
display: block;
border-top: dotted 2px #d63741;
margin: 30px 0 0 0;
padding: 30px 0 0 0;
color: #d63741;
}
span.optional{
font-size: 0.8em;
}
span.star{
font-size: 1.5em;
}
#contact-form textarea{
width:80%;
border-radius: 0;
border: solid 1px rgba(42,61,92,0.2);
}
#contact-form input{
border-radius: 0;
border: solid 1px rgba(42,61,92,0.2);
}
.form-horizontal .control-label{
padding-top: 3px;
}.form-horizontal .controls{
padding-top: 5px;
}#contact-form #jform_contact_email_copy{
width:0;
}.well{
box-shadow: none;
border: none;
background-color: transparent;
border-radius: 0;
}.contact-category .filters{
display: none;
}.contact-form .well legend{
border-bottom:2px dotted #fff ;
font-size: 1.5em ;
}.contact-form legend{
border-bottom:2px dotted ;
display: none;
}.dl-horizontal dt span.text{
white-space:normal;
}.dl-horizontal dd{
line-height: 35px;
text-align: left;
width: auto;
display: block;
}.dl-horizontal dt{
line-height: 35px;
text-align: left;
width: auto;
display: block;
}.accordion-group,
.accordion-inner{
border: none;
}.accordion-heading a{
color: #fff !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: #fff;
border-radius: 25px;
background-color:#8daa1b;
border: solid 1px #97bf0d;
-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;
}
}
@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{
/********************************************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
*/
}#zoeken .search{
float: right;
margin: 0;
position:relative;
}.search label{
/*display:none;*/
}#zoeken .button{
font-family: 'ZoekSocial2';
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;
}#zoeken .button:before{
content: "\e600";
}#zoeken input#mod-search-searchword{
background-color:#441809;
border:none;
border-radius: 0;
color: #003762;
height: 26px;
width: 250px;
box-shadow: none;
font-size: 15px;
font-weight: bold;
}#zoeken input#mod-search-searchword:focus{
background-color:#eee;
color: #447a2e;
outline:none;
box-shadow: none;
}#zoeken 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: #4c6183;
padding: 1.2%;
color:inherit;
font-size:1.1em;
}ul.latestnews li a:hover,
ul.latestnews li a:active{
color: #4c6183;
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:#4c6183;
}.btn-primary,
button.btn,
a.btn[title="Annuleren"]{
background-color:#4c6183;
background-image:none;
border: none;
border-radius: 0;
padding: 10px;
text-shadow: none;
text-decoration: none;
color: #fff;
}.btn-primary:hover,
button.btn:hover,
a.btn[title="Annuleren"]:hover{
background-color: #fff;
color: inherit;
}.btn-group{
margin: 0 0 15px 15px;
}.btn-group:first-child {
}.btn-group a{
text-decoration:none !important;
color: #292f33 !important;
}.btn:hover,
.btn:focus,
.btn-primary:hover{
text-shadow:none;
background:none;
background-color:#4c6183;
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: "Raleway",sans-serif;
color:#0b180d;
border: solid 1px #4c6183;
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:#4c6183;
color:#0b180d ;*/
font-size:1em;
}.readmore a.btn:hover,
a.readmore:hover{
text-decoration:none !important;
background-color:#4c6183 !important;
}ul#myTabTabs a{
text-decoration:none;
}.thumbnails > li {
float:left;
}.thumbnail{
border:none;
}.form-actions{
background-color: transparent;
}.nav-stacked > li > a{
text-decoration:none;
border:none !important;
}.items-more{
float: left;
display: block;
width: 100%;
padding: 5% 0 ;
}.blog .items-more ol::before {
content: "Meer items:";
font-size: 2.3em;
line-height: normal;
margin: 0;
padding: 0 0 5% 0;
}.blog .items-more ol{
margin: 0;
padding-left:0;
}.blog .items-more li{
display: block;
border-bottom: 1px dotted rgba(76,97,131,0.8);
}.blog.items-more li:last child{
border-bottom:none;
}.blog .items-more li a{
border-radius: 0;
font-size: 1.5em;
font-style: normal;
line-height: normal;
width: 100%;
color: #2a3d5c;
padding: 0.5%;
}.blog .items-more li a {
border:none ;
}
.blog-more {
padding: 10px 5px
}.blog .items-more .nav li {
/*display:inblock;
float:left;*/
}.blog .items-more .nav li a {
background-color:transparent;
}.blog .items-more .nav li a:hover {
background-color:rgba(76,97,131,1);
}.nav-tabs.nav-stacked > li:last-child > a,
.nav-tabs.nav-stacked > li:first-child > a{
border-radius: 0;
}
@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;
}
}
/****************************************formulieren oa login etc**/
form#login-form{
}textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
height:auto;
line-height:1.8em;
}
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:#551133;
/*************simple image pro***************************************/
/**thumbs single*/
}.singlethum4seiz{
float:left;
width:50%;
padding:3%;
margin-top:3%;
border-top: 4px double #4c6183;
}ul.sigProResponsive.singleThumbGallery{
width:100%;
float:left;
}ul.sigProResponsive.singleThumbGallery li{
width:100%;
/**eind single thumb*/
}p.sigProGalleriaWhiteTargetTitle,
div.sigProGalleriaWhiteContainer{
background:transparent;
}div.sigProGalleriaWhiteContainer{
padding:0;
}[class*="item-page"] ul.sigProResponsive li.sigProThumb a.sigProLink{
background-color: #4c6183 ;
border: 6px solid #4c6183;
}
[class*="item-page"] ul.sigProResponsive li.sigProThumb a.sigProLink:hover{
background-color: #4c6183 ;
border: 6px solid #4c6183 ;
}.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*******/
.cat-children{
border-bottom: 4px double #4c6183;
}
.cat-children div{
display:inline-block;
margin: 5% 2%;
text-align:center;
width:45%;
}
.cat-children div.first{
margin-left:0;
}
.cat-children div.last{
margin-right:0;
}
.cat-children div a{
background-color: #4c6183;
color: #fff !important;
display: inline-block;
font-size: 1.2em;
padding: 2% 18%;
text-decoration: none !important;
width:70%;
text-shadow: none;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
.cat-children div a:hover{
background-color: #4c6183;
color: #0b180d !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{
border-bottom: 1px dotted rgba(76,97,131,0.8);
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;
}.img_caption {
max-width:100%
}p.img_caption{
color:#fff;
background-color:#4c6183;
text-align:center;
padding-bottom: 5px;
}.item-page .pull-right {
margin: 0 0 2% 2%;
max-width:48%;
}.item-page .pull-left {
margin: 0 2% 2% 0;
max-width:48%;
}.item-page .pull-none img {
width:100%;
margin-bottom:1%;
}.item-page img{
border: 1px solid #4c6183;
}.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;
}
}
@media (max-width:979px){
figure.item-image{
display:none;
}
}
.blog span.icon-chevron-right{
display:none;
}.blog img{
border: 6px solid #4c6183;
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;
/************************antispam velden zie aanvraagformulier**/
}#antirotzooiveld {
display: none;
float: left;
padding: 4px 0;
width: 100%;
}input.validate{
border:solid 1px #C00;
}label#titelcontributie,
label#labelactief,
label#labelactief2{
width:100%;
}.ccms_form_element {
padding:0;
}#contributie1_container_div label{
width: 90%;
}#contributie1_container_div input{
/*******************************************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_target .cameraCont img{
margin-top: 0 !important;
}.camerarelative{
/*height:auto !important;
min-height:100;*/
}
.camera_pag{
position: absolute;
width:auto;
right:0;
top:0;
/****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;
}
}