﻿

b, strong
{
	font-weight: 700;
}

.pagecontainer
{
	margin: auto;
	border: 0;
	width: 1000px;
	position: relative;
}
.pagecontainerlarge
{
	margin: auto;
	border: 0;
	width: 1400px;
	position: relative;
}

#top
{
	height: 171px;
	
}
#logo
{
	
	position:absolute;
	top:12px;
	left:0;
	width: 266px;
	height:100px;
	background-image: url(/siteimg/LogoLE_157.png);
	background-size: cover;
	z-index:10;
	
}

#social
{
	position: absolute;
	right:0;
	top: 109px;
	z-index:10;
}

#social a
{
	background-color: #303030;
	color:#fff;
	font-size: 22px;
	width: 44px;
	line-height: 44px;
	display: inline-block;
	text-align: center;
	margin-right: 4px;
	text-decoration: none;
}
#social a:last-child
{
	margin:0;
}
#social a.fa-facebook:hover
{
	background-color: #3B5998;
}
#social a.fa-twitter:hover
{
	background-color: #33ccff;
}
#social a.fa-google-plus:hover
{
	background-color: #c63d2d;
}

#social a.fa-linkedin:hover
{
	background-color: #4875b4;
}

#social a.fa-youtube:hover
{
	background-color: #ff3333;
}
#social a.fa-at:hover
{
	background-color: #344092;
}

#hoofdmenu
{
	padding-left: 226px;
	width: 760px;
	height:80px;
	padding-top: 91px;
}
#hoofdmenu a
{
    text-transform: uppercase;
}
#hoofdmenu > ul
{
	font-weight: 400;
	width: 760px;
	height:80px;
    
	margin:auto;
	padding: 0;
	list-style-type: none;
	text-align: right;
	font-size:17px;
}
#hoofdmenu > ul > li
{
	display:inline-block;
	height: 80px;
	text-align: left;
	position: relative;
}
#hoofdmenu > ul > li > a
{
	line-height: 80px;
    color:  #303030;
	text-decoration: none;
	padding-left:8px;
	padding-right:8px;
    text-transform: uppercase;
}
#hoofdmenu > ul > li:first-child > a
{
	padding-left:0;
}
#hoofdmenu > ul > li:last-child 
{
	
}
#hoofdmenu > ul > li a.selected, #hoofdmenu ul li a:hover
{
	color:  #344092;
	position: relative;
}
#hoofdmenu > ul > li > a {
  border-bottom: 3px solid transparent;
  padding-bottom: 10px; /* adjust this value to position the border as desired */
  transition: border-bottom 0.3s ease; /* add animation effects to the border */
}

#hoofdmenu > ul > li:hover > a,
#hoofdmenu > ul > li > a.selected {
  border-bottom: 3px solid #344092;
  padding-bottom: 10px;
}
#hoofdmenu ul ul
{
	position: absolute;
	top:80px;
	left:0;	
	width: 240px;
	z-index: 10;
	background-color: #e0e6f4;
	display: none;
	box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	min-height:300px;
}
#hoofdmenu ul ul ul
{
	min-height:20px;
}
#hoofdmenu ul > li:hover > ul
{
	display: block;
}

#hoofdmenu ul ul li
{
	float:none;
	position:relative;
	
}
#hoofdmenu ul ul li a
{
	color: #303030;
	font-size:18px;
	font-weight: 400;
	line-height:24px;
	text-decoration: none;
	display: block;
	padding-left:14px;
	padding-top:12px;
	padding-bottom:12px;
	min-height:24px;
}
#hoofdmenu ul ul li a:hover, #hoofdmenu ul ul li a.selected
{
	color:#fff;
	background-color: #303030;
}

#hoofdmenu ul ul ul
{
	position: absolute;
	top:0;
	left:240px;	
	width: 240px;
	z-index: 15;
	display:none;
}


#topbalk
{
	background-color: #344092;
	position:relative;
}

#topbalk.home
{
	height:380px;
	margin-bottom:110px;
}
#topbalkhome
{
	background-color: #ebebeb;
	position:relative;
	height:380px;
}
#topbalk.pagina
{
	height: 115px;
	padding-top:70px;
	text-align:center;
	color:#fff;
}
#topbalk.pagina.buthome
{
	height: 165px;
	padding-top: 0;
	margin-bottom: 20px;
	background-color: white;
}
#topbalk.pagina.buthome div.pagecontainer
{
	top: -20px;
	background-color: #344092;
	height: 125px;;
	z-index: 100;
	padding-top: 40px;
}
#topbalk.pagina h1
{
	font-size: 26px;
	font-weight: 700;
	margin-bottom:10px;
}
#topbalk.pagina h1::first-letter {
	color: #f9b233;
}
#topbalk.pagina h2
{
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
}


#hometopbalktekst
{
	padding-top:50px;
	width:540px;
}

#topbalk.home h2
{
	color: #fff;
	font-size:60px;
	line-height: 64px;
	font-weight:900;
	padding-bottom: 50px;
	
}

#topbalk.home h1
{
	color: #fff;
	font-size:24px;
	line-height: 30px;
	height: 60px;
	font-weight:100;
	overflow: hidden;
}
#topbalk.pagina h1.homeh1
{
	font-size:36px;
	overflow: hidden;
}
#topbalk.pagina h2.homeh2
{
	font-size:24px;
	line-height: 30px;
	font-weight:100;
	overflow: hidden;
}

#homeslider
{
	position:absolute;
	right:0;
	top:0;
	width:370px;
	height:450px;
	background-image: url(/siteimg/test-home.png);
}

#homesliderlarge
{
	position:absolute;
	left:0;
	top:0;
	width:1400px;
	height:380px;
	background-image: url(/siteimg/test-home-large-LE.jpg);
}

#paginatop
{
	height:355px;
	background-color:#e0e6f4;
	margin-bottom:36px;
}
#paginatop .pagecontainer
{
	height:355px;
	background-color: #e0e6f4;
}
#paginatop .pagecontainer img
{
	float:left;
	padding-left: 20px;
	padding-top:30px;
	padding-bottom:30px;
	width: 470px;
	height: 295px;
}
#paginatop .pagecontainer #paginatoptekst
{
	float:left;
	width: 455px;
	height: 295px;
	padding-left: 35px;
	padding-top:30px;
	padding-bottom:30px;
	padding-right:20px;
	overflow:hidden;
	color: #344092;
	font-size:17px;
	font-weight: 300;
}
#paginatop .pagecontainer #paginatoptekst h2
{
	font-size:19px;
	font-weight: 700;
	color: #344092;
}

#paginatop .pagecontainer #paginatoptekst a
{
	color:#344092;
	text-decoration: underline;
}

#imgblok
{
	height:354px;
	background-color:#ebebeb;
	margin-bottom: 20px;
}
#imgblok h2
{
	font-size:18px;
	font-weight:400;
	line-height:48px;
	padding-left:20px;
	padding-right:20px;
}

#imgblok p
{
	font-size:15px;
	font-weight:300;
	line-height:19px;
	padding-left:20px;
	padding-right:20px;
}

#imgblok .afbblok
{
	width: 318px;
	padding-right: 23px;
	float:left;
}
#imgblok .homeafbblok
{
	width: 482px;
	padding-right: 36px;
	float:left;
}
#imgblok .afbblok:last-child, #imgblok .homeafbblok:last-child
{
	padding-right: 0;
}
#imgblok .afbblok img
{
	width:318px;
	height: 206px;
}
#imgblok .homeafbblok img
{
	width:482px;
	height: 312px;
}
#imgblok .afbblok a, #imgblok .homeafbblok a
{
	color: #303030;
	text-decoration: none;
}
#imgblok .afbblok img:hover, #imgblok .homeafbblok img:hover
{
	/*transition: all 1s ease;
	transform: scale3d(1,2,3);*/
}
#imgblokhome
{
	height:454px;
    background-color: #e0e6f4;
    	margin-bottom: 20px;
}
#imgblokhome h2
{
	font-size:18px;
	font-weight:400;
	line-height:52px;
	padding-left:20px;
	padding-right:20px;
}

#imgblokhome p
{
	font-size:15px;
	font-weight:300;
	line-height:19px;
	padding-left:20px;
	padding-right:20px;
}

#imgblokhome .afbblok
{
	width: 318px;
	padding-right: 23px;
	float:left;
}
#imgblokhome .homeafbblok
{
	width: 482px;
	padding-right: 36px;
	float:left;
}

#imgblokhome .afbblok:last-child, #imgblokhome .homeafbblok:last-child
{
	padding-right: 0;
}
#imgblokhome .afbblok img
{
	width:318px;
	height: 206px;
}
#imgblokhome .homeafbblok img
{
	width:482px;
	height: 312px;
}
#imgblokhome .afbblok a, #imgblokhome .homeafbblok a
{
	color: #303030;
	text-decoration: none;
}
#imgblokhome .afbblok img:hover, #imgblokhome .homeafbblok img:hover
{
	/*transition: all 1s ease;
	transform: scale3d(1,2,3);*/
}
#content
{
	font-size: 19px;
    line-height: 1.5em;
	font-weight: 300;
	padding-right: 100px;
	padding-bottom: 20px;
}
#content.normalpage
{
	min-height:300px;
}
#content div.content
{
margin-bottom: 16px;
}
#content .content-hr
{
	border: 0;
	height: 4px;
	margin: 24px 0 26px;
	background: linear-gradient(90deg, rgba(120, 179, 238, 0.2) 0%, rgba(52, 64, 146, 0.95) 22%, rgba(137, 197, 252, 0.95) 50%, rgba(52, 64, 146, 0.95) 78%, rgba(120, 179, 238, 0.2) 100%);
	clip-path: ellipse(48% 52% at 50% 48%);
	border-radius: 999px;
	opacity: 0.95;
}
#content ol, #content ul
{
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
#content ol
{
    list-style-type: decimal;
}
#content ul
{
    list-style-type: disc;
}
#content ul.ilinklist
{
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 4px;
}
#content ul.ilinklist li
{
    background: url(/siteimg/liboot.png) no-repeat;
    line-height: 32px;
    padding-left: 40px;
}
#breadcrumb
{
	height:90px;
	font-size: 18px;
	font-weight: 400;
	line-height: 90px;	
}
#breadcrumb a
{
	text-decoration: none;
	color: #303030;
}
#breadcrumb a.selected
{
	text-decoration: underline;
	color: #344092;
}

#content.homepage
{
	

}


#content h2
{
	font-size:19px;
	font-weight: 700;
}

#bottom
{
	margin-top:20px;
	height:200px;
	background-color:#000;
}
#bottom #bottomtekst
{
	color:#eee;
	font-size:12px;
	padding-top:20px;
	height: 150px;
	position: relative;
}
#bottom #bottomtekst a
{
	color: #eee;
	text-decoration: none;
}

#bottomlefttop
{
	width:720px;
	position: absolute;
	top: 28px;
	font-size: 15px;
}
#bottomlefttop ul
{
	line-height: 20px;
}
#bottom #bottomtekst #bottomlefttop ul li a
{
	color: #ddd;
}
#bottom #bottomtekst #bottomlefttop ul li a:hover
{
	text-decoration: underline;
}
#bottomleft
{
	width:720px;
	position: absolute;
	bottom: 0;
}
#bottomright
{
	width:280px;
	text-align:right;
	position: absolute;
	bottom: 0;
	right: 0;
}
#bottomright .ondertelnr
{
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
}
#bottomright .onderemail
{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
.informatieaanvraag
{
	color: #303030;
}
.informatieaanvraag h2
{
	font-size:20px;
	font-weight: 700;
}

.informatieaanvraag table
{
	width: 980px;
	line-height:30px;
}
.informatieaanvraag table tr td:first-child
{
	padding-top: 4px;
	padding-bottom: 4px;
}
.informatieaanvraag table tr td:last-child
{
	width:680px;
	padding-top: 4px;
	padding-bottom: 4px;
	
}
.informatieaanvraag table tr td .txt
{
	width: 680px;
	height:30px;
}
.informatieaanvraag table tr td .datepick
{
	width: 250px;
	height:30px;
}

.informatieaanvraag table tr td .txt.error
{
	width: 480px;
	
}
.informatieaanvraag table tr td label.error
{
	color:red;
	padding-left:10px;
}
.informatieaanvraag table tr td #opmerkingen
{
	width:980px;
	height:100px;
	margin-bottom:10px;
}
#infoaanvraagscherm
{
	margin-top:20px;
	border-top:1px solid #ccc;
	padding-top:20px;
}
#infoaanvraagscherm p
{
	margin-bottom:10px;
}
div.divtable
{
    display: table;
    line-height: 30px;
    width: 100%;
}
div.divrow
{
    display: table-row;
    clear: both;
}
div.divlabel
{
    display: table-cell;
    width: 200px;
    vertical-align: top;
}
div.diventry
{
    display: table-cell;
    height: 30px;
    padding-top:2px;
    padding-bottom:2px;
}
div.diventry .txt
{
    height: 30px;
    width: 100%;
}
div.diventry .txtarea
{
    width: 100%;
    height: 100px;
}
div.diventry .btn
{
    margin-left: 0 !important;
    float: left !important;
    margin-top: 6px;
}
#kostendetails table
{
	width:400px;
	border: 1px solid #ccc;
	font-size:14px;
	margin:20px;
}
#kostendetails table td
{
	padding:5px;
}
.ui-widget *
{ 
	outline: none !important; 
}
.onlymobile{display:none;}

.filekop
{
    margin-bottom: 20px;
}

.filekop span
{
	font-size: 19px; 
	display: inline-block;
    margin-right: 10px;
}
#voorzieningenblok
{
	margin-top: 80px;
}
.voorzieningen-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
            max-width: 900px;
            margin: 0 auto;
            //padding: 20px;
			
        }

        .voorziening {
            display: flex;
            align-items: center;
            padding: 15px;
            //border: 1px solid #ccc;
            border-radius: 8px;
            //background-color: #f9f9f9;
        }

        .voorziening i {
            font-size: 24px;
            margin-right: 10px;
            color: #344092;
        }

.voorziening span {
            font-size: 16px;
        }

        @media (max-width: 768px) {
            .voorzieningen-container {
                grid-template-columns: 1fr;
            }
        }

/* Nieuwe home-opmaak */
#homehero {
	position: relative;
	min-height: 82vh;
	background: #0a1f2e;
	overflow: hidden;
}
#homehero #topbalkhome {
	height: 82vh;
	min-height: 620px;
}
#homehero #homesliderlarge,
#homehero .slider-wrapper-large,
#homehero .slider-large,
#homehero .slider-large .sl_img {
	height: 82vh;
	min-height: 620px;
}
#homehero #homesliderlarge,
#homehero .slider-wrapper-large {
	position: absolute;
	inset: 0;
	width: 100%;
}
#homehero #homesliderlarge img,
#homehero .slider-large img {
	width: 100%;
	height: 82vh;
	min-height: 620px;
	object-fit: cover;
	display: block;
}
#homehero .homehero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(110deg, rgba(1, 20, 35, 0.74) 0%, rgba(1, 20, 35, 0.44) 42%, rgba(1, 20, 35, 0.08) 100%);
	z-index: 2;
}
#homehero .homehero-content {
	position: absolute;
	z-index: 4;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
}
#homehero .homehero-eyebrow {
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 14px;
}
#homehero h1.homeh1 {
	font-size: 52px;
	line-height: 1.08;
	font-weight: 900;
	margin: 0 0 14px 0;
	max-width: 720px;
}
#homehero h2.homeh2 {
	font-size: 24px;
	line-height: 1.35;
	font-weight: 300;
	margin: 0;
	max-width: 720px;
}
#homehero .homehero-actions {
	margin-top: 26px;
}
#homehero .homecta {
	display: inline-block;
	padding: 14px 22px;
	margin-right: 12px;
	border-radius: 999px;
	text-decoration: none;
	background: #f6f8fa;
	color: #133047;
	font-weight: 700;
}
#homehero .homecta.secondary {
	background: rgba(255,255,255,0.22);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.7);
}

.homeblocks-wrap {
	margin-top: 30px;
}
#imgblokhome {
	height: auto;
	min-height: 350px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.homefototeaser {
	margin-top: 26px;
	margin-bottom: 20px;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
}
.homefototeaser-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
}
.homefototeaser-head h2 {
	margin: 0;
}
.homefototeaser-head a {
	font-size: 16px;
	color: #344092;
	text-decoration: none;
}
.homefototeaser-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}
.homefototeaser-grid .teasercard {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	min-height: 210px;
	text-decoration: none;
	color: #fff;
}
.homefototeaser-grid .teasercard img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.teasercard-info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 12px 14px;
	background: linear-gradient(180deg, transparent 0%, rgba(1, 16, 29, 0.86) 100%);
}
.teasercard-info span {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}
.teasercard-info strong {
	font-size: 18px;
	line-height: 1.2;
}

/* Foto-overzicht */
.fotocategorieen-wrap {
	margin-top: 20px;
}
.fotocategorie-blok {
	margin-bottom: 30px;
}
.fotoalbum-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}
.fotoalbum-card {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	overflow: hidden;
	text-decoration: none;
	color: #1f2630;
	display: block;
}
.fotoalbum-card img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	display: block;
}
.fotoalbum-meta {
	padding: 12px 14px 14px;
}
.fotoalbum-meta strong {
	display: block;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 6px;
}
.fotoalbum-meta span {
	font-size: 14px;
	color: #5a6472;
}
.fotopagina-header {
	margin-top: 10px;
	margin-bottom: 20px;
}
.fotopagina-header span {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1.4px;
	color: #5a6472;
}
.fotopagina-header h2 {
	margin: 5px 0 8px;
}
.fotos-terug {
	text-decoration: none;
	font-size: 15px;
}
.fotopagina-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}
.fotopagina-grid a {
	display: block;
	overflow: hidden;
	border-radius: 8px;
}
.fotopagina-grid img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	display: block;
}
.foto-lightbox {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: var(--lb-top, 0px);
	height: var(--lb-height, 100vh);
	z-index: 9999;
}
.foto-lightbox.is-open {
	display: block;
}
.foto-lightbox-overlay {
	position: absolute;
	inset: 0;
	background: rgba(8, 16, 36, 0.86);
	backdrop-filter: blur(2px);
}
.foto-lightbox-shell {
	position: relative;
	height: 100%;
	display: grid;
	grid-template-columns: 56px 1fr 56px;
	align-items: center;
	gap: 8px;
	padding: 12px 10px 8px;
	box-sizing: border-box;
}
.foto-lightbox-figure {
	margin: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.foto-lightbox-figure img {
	max-width: 100%;
	max-height: calc(var(--lb-height, 100vh) - 74px);
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 8px;
	background: #0a1228;
}
.foto-lightbox-figure figcaption {
	margin-top: 8px;
	min-height: 20px;
	color: #f2f7ff;
	font-size: 14px;
	text-align: center;
}
.foto-lightbox-nav,
.foto-lightbox-close {
	border: 0;
	cursor: pointer;
}
.foto-lightbox-nav {
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	font-size: 22px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.foto-lightbox-close {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	z-index: 2;
}
.foto-lightbox-counter {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8px;
	text-align: center;
	color: #dce9ff;
	font-size: 13px;
}
body.foto-lightbox-open {
	overflow: hidden;
}
@media (max-width: 760px) {
	.foto-lightbox-shell {
		grid-template-columns: 44px 1fr 44px;
		padding: 10px 6px 6px;
	}
	.foto-lightbox-nav {
		width: 36px;
		height: 36px;
		font-size: 18px;
	}
	.foto-lightbox-close {
		top: 6px;
		right: 8px;
		width: 34px;
		height: 34px;
		font-size: 24px;
	}
	.foto-lightbox-figure img {
		max-height: calc(var(--lb-height, 100vh) - 66px);
	}
}
@media (max-width: 991px) {
	.fotoalbum-grid,
	.fotopagina-grid {
		grid-template-columns: 1fr;
	}
}
@media (min-width: 992px) {
	.fotoalbum-grid,
	.fotopagina-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 18px;
	}
}
