.slider-outer-box {
padding:15px;
position:relative;
overflow:hidden;
}
.slider-col .photo_overlay {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 415px;
width: 58%;
position: absolute;
z-index: -1;
right: 0;
left: -15px;
}
.cta_outer_container {
height:415px;
}
.slider-col .photo_container .photo {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 415px;
z-index: -2;
position: absolute;
display: none;
right: 0;
}
.photo_overlay_container {
position:relative;
}
.slider-col .cta_content_container .cta_content {
display: none;
position: absolute;
overflow: hidden;
width:44%;
padding-top:76px;
padding-left:55px;
}
.slider-col .cta_content_container .cta_content h2, .slider-col .cta_content_container .cta_content h1 {
color:#fff;
font-size: 27px;
line-height:35px;
font-weight:700;
margin-bottom:25px;
}
.slider-col .cta_content_container .cta_content p {
font-size:27px;
line-height:30px;
color:#fff;
}
.slider-col .cta_bullets_container {
position:absolute;
right: 0px;
bottom: 25px;
}
.slider-col .cta_content_container {
overflow: hidden;
height:inherit;
}
.slide_bullet_active {
background-color: #d4d4d4;
background-color: 
rgba(255, 255, 255, 0.9) !important;
}
.slide_bullet {
width: 20px;
height: 20px;
display: inline-block;
margin-right: 20px;
background-color: rgba(255, 255, 255, 0.45);
border-radius: 50%;
}
.cta-btn-container {
margin-top:35px;
}.tableau-popup {
background-color:#fff;
position:fixed;
width:96vw;
height:auto;
top:30px;
left:0;
right:0;
margin:auto;
z-index:9999999999999999999999999999999999999999999999999999;
display:none;
}
.tableau-popup .code {
width:100%;
}
.tableau-popup .tableauPlaceholder {
width:100% !important;
}
.tableau-popup iframe {
border:0;
width:100% !important;
height:100%;
}
.tableau-popup .top {
background-color:#f9f9f9;
width:100%;
height:50px;
}
.tableau-bg {
position:fixed;
z-index:9999999999999999999999;
background-color: rgb(0, 0, 0, 0.3);
width:100%;
height:100%;
top:0;
left:0;
display:none;
}
.tableau-popup a.close-p {
position: absolute;
right: 16px;
top: 11px;
}
.tableau-popup a.close-p img {
width:16px;
height:auto;
}#thema-canvas {
text-align:center;
margin-bottom:40px;
margin-top:20px;
}
#thema-canvas .holder {
width:100%;
max-width:632px;  
display:inline-block;
position:relative;  
z-index:0;
}
#thema-canvas .img-middle {
position:absolute;
z-index:1;
left: 37%;
top: 22%;   
}
#thema-canvas img.bg {
width:inherit;
max-width:inherit;
}
#thema-canvas .item-holder {
position:absolute;
z-index:1;
}
#thema-canvas .item-holder-0 {
left:15%;
top:12%;
z-index:2;
}
#thema-canvas .item-holder-1 {
left: 38%;
top: 48%;
z-index:2;
}
#thema-canvas .item-holder-2 {
left: 64%;
top: 17%;
z-index:1;
}
#thema-canvas .item-holder-3 {
left: 83%;
top: 61%;
z-index:1;
}
#thema-canvas .item-hover {
}
#thema-canvas .holder-text-hover {
position:absolute;
right: -5px;
top: -5px;     
display:none;
text-align:left;
}
#thema-canvas .holder-text-hover.active {
display:block;
}
#thema-canvas .holder-text-hover a {
position: absolute;
z-index: 2;
bottom: -30px;
width: 295px;
height: 75px;
left: 36px;
color: #000;
font-size: 22px;
text-align: left;
line-height: 25px;     
}
#thema-canvas img.arrow {
padding-left:5px;
width: 22px;
height: 15px;
}
@media (max-width: 991px) {
#thema-canvas .img-middle {
width:90px;
} 
}
@media (max-width: 767px) {
#thema-canvas .img-middle {
width:60px;
} 
#thema-canvas img.item {
width:40px;
}
#thema-canvas img.item-hover-0 {
width:80px;
}  
#thema-canvas img.item-hover-1 {
width:170px;
}  
#thema-canvas img.item-hover-2 {
width:240px;
} 
#thema-canvas img.item-hover-3 {
width:270px;
}    
#thema-canvas .holder-text-hover a {
position: absolute;
z-index: 2;
bottom: -50px;
width: 205px;
height: 75px;
left: 22px;
color: #000;
font-size: 17px;
text-align: left;
line-height: 25px;
}    
}#thema-canvas.canvas-aardbevingen .item-holder-1 {
top:4%;
z-index:1;
}
#thema-canvas.canvas-aardbevingen .item-holder-0 {
z-index:2;
}
#thema-canvas.canvas-aardbevingen .holder-text-hover a {
left:63px;
}
#thema-canvas.canvas-aardbevingen .holder-text-hover a {
bottom:-40px;
}
#thema-canvas.canvas-aardbevingen .item-holder-0 {
top: 20%;
}
#thema-canvas.canvas-aardbevingen .holder-text-hover-3 {
top:-30px;
}
#thema-canvas.canvas-aardbevingen .img-middle {
top: 28%;
}
#thema-canvas.canvas-aardbevingen .item-holder-3 {
left:73%;
}
@media (max-width: 910px) {
#thema-canvas.canvas-aardbevingen {
zoom: 0.75;
-moz-transform: scale(0.75);
}    
}
@media (max-width: 767px) {
#thema-canvas.canvas-aardbevingen {
zoom: 1.0;
-moz-transform: scale(1.0);
}    
#thema-canvas.canvas-aardbevingen .holder-text-hover-3 {
top: -22px;
}
#thema-canvas.canvas-aardbevingen .holder-text-hover a {
bottom: -80px;
left: 0px;
}
}#thema-canvas.canvas-armoede .item-holder-0 {
top:35%;
z-index:2;
}
#thema-canvas.canvas-armoede .item-holder-1 {
z-index:1;
top:5%;
}
#thema-canvas.canvas-armoede .item-holder-2 {
left: 72%;
top: 30%;
}
#thema-canvas.canvas-armoede .item-holder-3 {
left: 76%;
top: 63%;
}
#thema-canvas.canvas-armoede .item-holder-3 .holder-text-hover {
top:-75px;
}
#thema-canvas.canvas-armoede .item-holder-3 .holder-text-hover a {
bottom: 25px;
}
#thema-canvas.canvas-armoede .holder-text-hover a {
bottom: -40px;
left: 122px;
}
#thema-canvas.canvas-armoede .img-middle {
top: 25%;
}
@media (max-width: 768px) {
#thema-canvas.canvas-armoede {
zoom: 0.75;
-moz-transform: scale(0.75);
}     
#thema-canvas.canvas-armoede .img-middle {
width: 60px;
top: 30%;
left: 40%;
}
}
@media (max-width: 768px) {
#thema-canvas.canvas-armoede {
zoom: 1.0;
-moz-transform: scale(1.0);
}    
#thema-canvas.canvas-armoede .holder-text-hover a {
left: 78px;
}
#thema-canvas.canvas-armoede .item-holder-1 {
top:13%;
}
#thema-canvas.canvas-armoede .holder-text-hover-2 {
top:-2px;
right:-2px;
}
#thema-canvas.canvas-armoede img.item-hover-2 {
width: 245px;
}    
#thema-canvas.canvas-armoede .item-holder-3 .holder-text-hover {
top: -37px;
}
#thema-canvas.canvas-armoede .item-holder-3 .holder-text-hover a {
bottom: -45px;
left:28px;
}
#thema-canvas.canvas-armoede .img-middle {
zoom: 0.8;
-moz-transform: scale(0.8); 
}
#thema-canvas.canvas-armoede .holder-text-hover-0 a {
left: 18px;
bottom: -90px;
}
#thema-canvas.canvas-armoede .holder-text-hover-1 a {
left: 18px;
bottom: -90px;
}  
#thema-canvas.canvas-armoede .holder-text-hover-2 a {
left: 18px;
bottom: -90px;
} 
}#thema-canvas.canvas-corona .item-holder-1 {
top:4%;
left:47%;
z-index:1;
}
#thema-canvas.canvas-corona .holder-text-hover a {
bottom: -40px;
left: 62px;
}
#thema-canvas.canvas-corona .item-holder-2 {
left: 71%;
top: 29%;
}
#thema-canvas.canvas-corona .holder-text-hover-3 {
top:0px;
}
#thema-canvas.canvas-corona .img-middle {
top:27%;
}
#thema-canvas.canvas-corona .item-holder-3 {
left: 73%;
}
#thema-canvas.canvas-corona .item-holder-4 {
left: 11%;
top: 42%;
z-index:2;
} 
#thema-canvas.canvas-corona .holder-text-hover-4 a {
bottom: -88px;
left: 78px;
}
@media (max-width: 910px) {
#thema-canvas.canvas-corona {
zoom: 0.8;
-moz-transform: scale(0.8);
}    
}
@media (max-width: 767px) {
#thema-canvas.canvas-corona {
zoom: 1.0;
-moz-transform: scale(1.0);
}    
#thema-canvas.canvas-corona .holder-text-hover-3 {
top: -22px;
}
#thema-canvas.canvas-corona .holder-text-hover a {
bottom: -80px;
left: 0px;
}
#thema-canvas.canvas-corona .holder-text-hover-1 {
top:-2px;
right:-2px;
}
#thema-canvas.canvas-corona .holder-text-hover-2 {
top:-2px;
right:-2px;
} 
#thema-canvas.canvas-corona img.item-hover-2 {
width: 250px;
}
#thema-canvas.canvas-corona img.item-hover-0 {
width: 75px;
}
#thema-canvas.canvas-corona img.item-hover-3 {
width: 250px;
}
#thema-canvas.canvas-corona .holder-text-hover-3 {
top: -28px;
}
}#thema-canvas.canvas-energietransitie .img-middle {
left: -7%;
top: 25%;
}
#thema-canvas.canvas-energietransitie .item-holder-0 {
left: 14%;
top: 47%;
z-index:3;
}
#thema-canvas.canvas-energietransitie .item-holder-1 {
left: 32.5%;
top: 29%;
z-index:2;
}
#thema-canvas.canvas-energietransitie .item-holder-2 {
left: 50.7%;
top: 46%;
z-index:2;
}
#thema-canvas.canvas-energietransitie .item-holder-3 {
left: 70%;
top: 29.5%;
z-index:1;
}
#thema-canvas.canvas-energietransitie .holder-text-hover a {
left:105px;
bottom:-40px;
}
#thema-canvas.canvas-energietransitie .item-holder-1 .holder-text-hover a, #thema-canvas.canvas-energietransitie .item-holder-2 .holder-text-hover a, #thema-canvas.canvas-energietransitie .item-holder-3 .holder-text-hover a  {
left:65px; 
}
@media (max-width: 991px) {
#thema-canvas.canvas-energietransitie .img-middle {
width: 530px;
}    
}
@media (max-width: 767px) {
#thema-canvas.canvas-energietransitie {
zoom: 1.0;
-moz-transform: scale(1.0);
}     
#thema-canvas.canvas-energietransitie .item-holder-0 {
left: 13%;
top: 46%;
}   
#thema-canvas.canvas-energietransitie img.item-hover-0 {
width:55px;
}  
#thema-canvas.canvas-energietransitie .holder-text-hover-0 {
right:-8px;
}
#thema-canvas.canvas-energietransitie .item-holder-1 {
left: 28%;
top: 29%;
}      
#thema-canvas.canvas-energietransitie img.item-hover-1 {
width:90px;
}  
#thema-canvas.canvas-energietransitie img.item-hover-2 {
width:165px;
} 
#thema-canvas.canvas-energietransitie .item-holder-2 {
left: 45.7%;
top: 45%;
}    
#thema-canvas.canvas-energietransitie img.item-hover-3 {
width:215px;
} 
#thema-canvas.canvas-energietransitie .item-holder-3 {
left: 63%;
top: 29.7%;
}  
#thema-canvas.canvas-energietransitie .item-holder-1 .holder-text-hover a, #thema-canvas.canvas-energietransitie .item-holder-2 .holder-text-hover a, #thema-canvas.canvas-energietransitie .item-holder-3 .holder-text-hover a  {
left:42px; 
}    
#thema-canvas.canvas-energietransitie .item-holder-0 .holder-text-hover a {
left:69px; 
}
}
@media (max-width: 1199px) {
#thema-canvas.canvas-energietransitie {
zoom: 0.85;
-moz-transform: scale(0.85);
} 
}
@media (max-width: 767px) {
#thema-canvas.canvas-energietransitie .img-middle {
width: 100%;
}
}
@media (max-width: 584px) {
#thema-canvas.canvas-energietransitie {
margin-right:-10px;
margin-left:20px;
}
}
@media (min-width: 768px) and (max-width: 990px) {
#thema-canvas.canvas-energietransitie .img-middle {
width: 665px;
}
#thema-canvas.canvas-energietransitie {
zoom: 0.75;
-moz-transform: scale(0.75);
} 
}#thema-canvas.canvas-jeugd .holder-text-hover a {
bottom: -39px;
left: 76px;   
}
@media (min-width: 768px) and (max-width: 1032px) {
#thema-canvas.canvas-jeugd {
zoom: 0.85;
-moz-transform: scale(0.85);
} 
}
@media (max-width: 767px) {
#thema-canvas.canvas-jeugd img.item-hover-0 {
width: 100px;
}
#thema-canvas.canvas-jeugd img.item-hover-2 {
width: 265px;
}    
#thema-canvas.canvas-jeugd .item-holder-0 {
top:22%;
}
#thema-canvas.canvas-jeugd .item-holder-2 {
top:40%;
}
#thema-canvas.canvas-jeugd .holder-text-hover a {
bottom: -39px;
left: 46px;
}
}#thema-canvas.canvas-leefbaarheid .item-holder-0 {
left: 7%;
top: 30%;
z-index:3;
}
#thema-canvas.canvas-leefbaarheid .item-holder-1 {
left: 18%;
top: 8%;
}
#thema-canvas.canvas-leefbaarheid .holder-text-hover-1 a {
left:76px;
}
#thema-canvas.canvas-leefbaarheid .holder-text-hover-3 a {
left:48px;
}
#thema-canvas.canvas-leefbaarheid .item-holder-2 {
left: 28%;
top: 41%;
z-index:2;
}
#thema-canvas.canvas-leefbaarheid .item-holder-3 {
left: 43%;
top: 1%;
}
#thema-canvas.canvas-leefbaarheid .item-holder-4 {
top: 51%;
left: 49%;
z-index:3;
}
#thema-canvas.canvas-leefbaarheid .item-holder-5 {
top: 10%;
left: 62%;
}
#thema-canvas.canvas-leefbaarheid .item-holder-6 {
top: 39%;
left: 77%;
}
#thema-canvas.canvas-leefbaarheid .holder-text-hover-6 {
right:0;
top:0;
}
#thema-canvas.canvas-leefbaarheid .item-holder-7 {
top: 65%;
left: 80%;
}
@media (max-width: 990px) {
#thema-canvas.canvas-leefbaarheid {
zoom: 0.9;
-moz-transform: scale(0.9);
} 
#thema-canvas.canvas-leefbaarheid .item-holder {
zoom: 0.7;
-moz-transform: scale(0.7);       
}   
}
@media (max-width: 767px) {
#thema-canvas.canvas-leefbaarheid {
zoom: 1.0;
-moz-transform: scale(1.0);
} 
#thema-canvas.canvas-leefbaarheid .item-holder {
zoom: 1.0;
-moz-transform: scale(1.0);       
} 
#thema-canvas.canvas-leefbaarheid .holder-text-hover-7 img.item-hover {
width:281px;
}  
#thema-canvas.canvas-leefbaarheid .holder-text-hover-6 img.item-hover {
width:286px;
}  
#thema-canvas.canvas-leefbaarheid .holder-text-hover-6 {
right: -2px;
top: -3px;
}
#thema-canvas.canvas-leefbaarheid .holder-text-hover-4 img.item-hover {
width:200px;
} 
#thema-canvas.canvas-leefbaarheid img.item-hover-2 {
width: 120px;
} 
#thema-canvas.canvas-leefbaarheid img.item-hover-0 {
width: 55px;
}   
#thema-canvas.canvas-leefbaarheid img.item-hover-1 {
width: 120px;
}      
#thema-canvas.canvas-leefbaarheid .holder-text-hover-1 a {
left: 21px;
bottom: -85px;
}
#thema-canvas img.item-hover-3 {
width: 190px;
}
#thema-canvas.canvas-leefbaarheid .holder-text-hover-3 a {
bottom: -85px;
left: 0px;
}
#thema-canvas.canvas-leefbaarheid img.item-hover-5 {
width: 236px;
}    
#thema-canvas.canvas-leefbaarheid .holder-text-hover-5 a {
left: -100px;
bottom: -85px;
}    
}
@media (max-width: 495px) {
#thema-canvas.canvas-leefbaarheid .holder-text-hover-5 a {
left: 0px;
bottom: -85px;
}     
}#thema-canvas.canvas-zorg .item-holder-0 {
left: 12%;
top: 32%;
z-index:3;
}
#thema-canvas.canvas-zorg .item-holder-1 {
left: 21%;
top: 9%;
z-index:2;
}
#thema-canvas.canvas-zorg .item-holder-2 {
left: 51%;
top: 5%;
z-index:1;
}
#thema-canvas.canvas-zorg .item-holder-3 {
left: 76%;
top: 35%; 
}
#thema-canvas.canvas-zorg .item-holder-3 .holder-text-hover {
top:-45px; 
}
#thema-canvas.canvas-zorg .item-holder-4 {
left: 76%;
top: 65%; 
}
#thema-canvas.canvas-zorg .item-holder-4 .holder-text-hover {
top:-70px; 
}
#thema-canvas.canvas-zorg .holder-text-hover a {
left:121px;
bottom:-38px;
}
#thema-canvas.canvas-zorg .item-holder-4 .holder-text-hover a {
bottom:40px;
}
@media (max-width: 910px) {
#thema-canvas.canvas-zorg {
zoom: 0.75;
-moz-transform: scale(0.75);
}    
}
@media (max-width: 767px) {
#thema-canvas.canvas-zorg {
zoom: 1.0;
-moz-transform: scale(1.0);
}    
#thema-canvas.canvas-zorg .holder-text-hover a {
left: 70px;
bottom: -38px;
}   
#thema-canvas.canvas-zorg img.item-hover-0 {
width: 70px;
}  
#thema-canvas.canvas-zorg img.item-hover-1 {
width: 110px;
} 
#thema-canvas.canvas-zorg img.item-hover-2 {
width: 210px;
}
#thema-canvas.canvas-zorg img.item-hover-3 {
width: 280px;
} 
#thema-canvas.canvas-zorg .item-holder-3 .holder-text-hover {
top: -25px;
}    
#thema-canvas.canvas-zorg img.item-hover-4 {
width: 270px;
} 
#thema-canvas.canvas-zorg .holder-text-hover a {
left: 0px;
bottom: -80px;
}    
#thema-canvas.canvas-zorg .item-holder-4 .holder-text-hover {
top: -38px;
right: -2px;
}   
#thema-canvas.canvas-zorg .item-holder-4 .holder-text-hover a {
bottom: -50px;
left: 0px;
}              
}
#thema-canvas.canvas-zorgkaart-groningen .holder-text-hover a {
width: 295px;
height: 75px;
left: 6px;
bottom: -73px;
}
#thema-canvas.canvas-zorgkaart-groningen .holder-text-hover a:before {
content: '';
position: absolute;
left: -100px;
width: 90px;
height: 90px;
top: -20px;
}
#thema-canvas.canvas-zorgkaart-groningen .item-holder-2 {
top:25%;
}
#thema-canvas.canvas-zorgkaart-groningen .holder-text-hover-0 a {
left: auto;
bottom: -73px;
right: 49px; 
}
#thema-canvas.canvas-zorgkaart-groningen .holder-text-hover-2 a {
left: auto;
bottom: -83px;
right: 52px;
}div.afbeelding-block-wrapper .afbeelding {
background-size:cover;
background-repeat: no-repeat;
background-position:center center;
width:100%;
border:40px solid #fafafa;
}
div.afbeelding-block-wrapper .col {
padding:0px;
}
div.afbeelding-block-wrapper {
height: auto;
width: calc(100% + 160px);
position: relative;
left: -80px;
margin-right: -80px;
margin-top: 35px;
margin-bottom: 35px;  
padding:15px;
}
div.afbeelding-block-wrapper img.img-block {
width:100%;
border:0px !important;
margin:0px !important;
left:0px !important;
}
div.afbeelding-block-wrapper img.img-block.size-90 {
width:90%;
}
div.afbeelding-block-wrapper img.img-block.size-80 {
width:80%;
}
div.afbeelding-block-wrapper img.img-block.size-70 {
width:70%;
}
div.afbeelding-block-wrapper img.img-block.size-60 {
width:70%;
}
div.afbeelding-block-wrapper img.img-block.size-50 {
width:70%;
}
div.afbeelding-block-wrapper .col {
align-items: center;
justify-content: center;
display: flex;  
}
div.afbeelding-block-wrapper .col {
background-color:#fafafa;
padding:30px;
}
div.afbeelding-block-wrapper-3 .col-cnt-3 {
border-left:10px solid #fff;
}
div.afbeelding-block-wrapper-3 .col-cnt-2 {
border-left:10px solid #fff;
border-right:10px solid #fff;
}
div.afbeelding-block-wrapper-3 .col-cnt-1 {
border-right:10px solid #fff;
}
div.afbeelding-block-wrapper-2 .col-cnt-2 {
border-left:10px solid #fff;
}
div.afbeelding-block-wrapper-2 .col-cnt-1 {
border-right:10px solid #fff;
}
div.afbeelding-block-wrapper + div.afbeelding-block-wrapper {
margin-top:-45px;
}
@media (max-width: 991px) {
div.afbeelding-block-wrapper-3 .col-cnt-3 {
border-left:0px solid #fff;
}
div.afbeelding-block-wrapper-3 .col-cnt-2 {
border-left:0px solid #fff;
border-right:0px solid #fff;
}
div.afbeelding-block-wrapper-3 .col-cnt-1 {
border-right:0px solid #fff;
}
div.afbeelding-block-wrapper-2 .col-cnt-2 {
border-left:0px solid #fff;
}
div.afbeelding-block-wrapper-2 .col-cnt-1 {
border-right:0px solid #fff;
}
}.info-block-content-wrapper {
padding:40px;
margin-bottom:30px;
margin-top:30px;
margin-left:-35px;
width:calc(100% + 70px);
}
.info-block-content-wrapper a[data-toggle="tooltip"]:after {
border-bottom:2px dotted #fff;
}.custom-form-wrapper {
border-top:1px solid #f2eded;
margin-top:20px;
padding-top:15px;
}
.custom-form-wrapper h2 {
margin-bottom:3px !important;
}
.custom-form-wrapper .validation_error p {
font-weight: bold;
}