@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=PT+Sans:wght@400;600&display=swap');

:root{
	--blue:#0c54a0;
	--blue-dark:#093f79;
	--pink:#b6008f;
	--orange:#e8961e;
	--green:#83ca41;
	--text:#262527;
	--muted:#6c6f72;
	--border:#dfe3e8;
	--bg:#f5f7fa;
	--white:#fff;
	--radius:10px;
	--shadow:0 4px 16px rgba(12,84,160,0.08);
	--maxw:1100px;
	--font-head:'Montserrat', Verdana, Arial, sans-serif;
	--font-body:'PT Sans', Verdana, Arial, sans-serif;
}

html,
button,
input,
select,
textarea{color:var(--text);}
body{
	font-size:1em;
	line-height:1.4;
	color:var(--text);
	font-family:var(--font-body);
	background:var(--white);
	overflow-x:hidden;
}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid var(--border);margin:1.5em 0;padding:0;}
img{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
.spanhider, .onlymobile, .onlyprint{display:none;}
.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

a{color:var(--blue);}
.textfield{border:1px solid #b4b6b8;}
select { font-size:13px; padding:6px; border:1px solid #b4b6b8; background: #FFF; border-radius: 6px; }

/* =========================================================
   HEADER
   ========================================================= */
#headercontainer{background:#fff;padding:0;}
#logoheader{
	width:100%;max-width:var(--maxw);margin:0 auto;padding:12px 20px;
	display:flex;align-items:flex-end;
}

/* logo */
#logo1,#logo2{
	order:1;flex:0 0 170px;width:170px;height:98px;position:relative;margin:0;
	background:url(images/nvc.png) no-repeat 0 0;
}
#logo2{background-position:-70px -1239px;}
#logo1 h2,#logo2 h2{display:none;}
#logo1 a,#logo2 a{position:absolute;top:0;left:0;width:100%;height:100%;}

/* vlaggetjes naast het logo (sprite, EN boven NL) */
#languagecontainer{order:2;align-self:flex-start;margin:0 28px 0 8px;width:auto;float:none;}
.flags{display:flex;flex-direction:column-reverse;gap:4px;height:auto;}
.dutch,.english{width:21px;height:14px;position:relative;float:none;margin:0;background:url(images/nvc.png) no-repeat;}
.dutch{background-position:-170px -14px;}
.english{background-position:-170px 0;}
.flags a{position:absolute;top:0;left:0;width:21px;height:14px;display:block;}
.flags .spanhider{display:none;}

/* menu, zoeken en knop op één lijn (alles 34px hoog, zelfde onderkant) */
#headermenu{display:contents;}
#topmenu{order:3;flex:1 1 auto;width:auto;max-width:none;margin:0 0 12px 0;padding:0;}
#topmenu nav{display:block;border:0;position:relative;z-index:1001;}
#topmenu nav ul{padding:0;margin:0;display:flex;flex-wrap:wrap;}
#topmenu nav li{float:none;background:none;position:relative;width:auto;text-align:left;padding:0;margin:0 24px 0 0;}
#topmenu nav li:first-child{background:none;}
#topmenu nav li a{
	display:block;color:var(--blue);text-decoration:none;font-family:var(--font-head);
	font-weight:600;font-size:14px;line-height:34px;padding:0;border-bottom:2px solid transparent;
}
#topmenu nav ul ul{
	display:none;position:absolute;left:0;top:100%;z-index:10;
	width:260px;padding:8px 0;margin:0;
	background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(12,84,160,.15);
}
#topmenu nav li li,
#topmenu nav li li:first-child{
	width:auto;margin:0;padding:0;background:none;border-radius:0;box-shadow:none;
}
#topmenu nav li a:hover{border-bottom-color:var(--blue);}
#topmenu nav li li a{font-size:13px;font-weight:400;line-height:1.4;padding:8px 18px;border-bottom:0;}
#topmenu nav li li a:hover{background:var(--bg);}
#topmenu nav ul ul li{float:none;margin:0;}
#topmenu nav li:hover > ul{display:block;}

#searchcontainer{order:4;width:auto;height:auto;background:none;float:none;padding:0;margin:0 16px 12px 0;position:relative;}
.searchbuttons{display:none;}
.searchform{clear:none;margin:0;position:relative;}
.searchform .textfield{
	height:34px;width:150px;padding:0 34px 0 14px;
	border-radius:20px;font-size:13px;color:var(--muted);background:#fff;
}
.searchform button{
	background:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);
	width:24px;height:24px;border:0;font-size:14px;color:var(--blue);
}
.searchform button::after{content:"\1F50D";}
.searchform button .spanhider{display:none;}

#becomemember1{order:5;width:auto;height:auto;background:none;position:static;float:none;margin:0 0 12px 0;}
#becomemember1 a{
	display:block;height:34px;line-height:34px;padding:0 22px;background:var(--blue);color:#fff;
	border-radius:20px;font-family:var(--font-head);font-weight:600;font-size:12px;
	letter-spacing:.03em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
	transition:background .15s ease;
}
#becomemember1 a:hover{background:var(--blue-dark);}
#becomemember1 .spanhider{display:inline;}
#becomemember2,#mynvc{display:none;}

#menutoggle{display:none;order:4;background:none;border:0;padding:8px;cursor:pointer;}
#menutoggle span{display:block;width:28px;height:4px;margin:5px 0;background:#274399;border-radius:2px;}

/* hero: titel verticaal gecentreerd, links uitgelijnd met logo/menu */
.full-page-image{width:100%;margin:0;position:relative;}
.full-page-image img{width:100%;height:auto;min-height:220px;display:block;object-fit:cover;object-position:right center;}
.bluebar{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;}
.bluebar .slogan{
	margin:0 20px 0 max(20px, calc((100% - var(--maxw)) / 2 + 20px));
	max-width:min(620px, 60%);
	font-family:var(--font-head);font-weight:700;
	font-size:clamp(34px, 4.2vw, 60px);line-height:1.15;color:var(--blue);
}

/* Titelbalk op subpagina's: de lijn bovenaan krijgt de kleur van de pagina */
.header-bar{
	--line-color:#274399;
	display:flex;align-items:center;width:100%;margin:0 0 24px 0;
	padding:44px max(20px, calc((100% - var(--maxw)) / 2 + 20px));
	background-color:#274399;border-top:5px solid var(--line-color);
}
.header-bar h1{
	margin:0;padding:0;max-width:none;color:#fff;font-family:var(--font-head);
	font-size:clamp(24px, 3.2vw, 44px);
	line-height:1.2;
	text-wrap:balance;
}
.header-bar.blue  {--line-color:#488bd1;background-color:var(--blue);}
.header-bar.orange{--line-color:#fbc11c;background-color:var(--orange);}
.header-bar.pink  {--line-color:#c95aa6;background-color:var(--pink);}
.header-bar.green {--line-color:#b4d94a;background-color:var(--green);}

/* Homepage: blauwe lijn boven de hero */
.full-page-image{border-top:5px solid #274399;}

/* Pagina's zonder banner of hero: toch een lijn */
header:not(:has(.header-bar, .full-page-image)) #headercontainer{border-bottom:5px solid #274399;}

/* =========================================================
   HOME — dienstenkaarten
   ========================================================= */
#bg{min-height:500px;min-width:0;}
#main{width:100%;max-width:var(--maxw);margin:auto;padding:0 20px;}

.primarybuttons{font-size:13px;margin:34px 0 10px 0;display:flex;flex-wrap:wrap;gap:16px;}
.primarybuttons h3{margin:0 0 8px 0;padding:0;font-size:19px;font-weight:600;font-family:var(--font-head);line-height:1.2;}
.primarybuttons a{text-decoration:none;}
.primarybuttons p a{color:#fff;text-decoration:underline;}
.primarybuttons > div > a:first-child{position:absolute;inset:0;z-index:1;}
.readmore{display:none;}

.buttonblue,.buttonpink,.buttonorange,.buttongreen{
	width:100%;max-width:260px;min-height:170px;overflow:hidden;background:none;
	padding:24px;position:relative;float:none;margin:0;flex:1 1 220px;
	border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);
}
.buttonblue{background:var(--blue);}
.buttonpink{background:var(--pink);}
.buttonorange{background:var(--orange);}
.buttongreen{background:var(--green);}
.buttonblue h3,.buttonblue h3 a,
.buttonpink h3,.buttonpink h3 a,
.buttonorange h3,.buttonorange h3 a,
.buttongreen h3,.buttongreen h3 a{color:#fff !important;}
.buttonblue p,.buttonpink p,.buttonorange p,.buttongreen p{margin:0;font-size:13px;line-height:1.5;}
.buttonblue p p,.buttonpink p p,.buttonorange p p,.buttongreen p p{margin:0;color:#fff;}
.readmorebutton{display:none;}

/* =========================================================
   LAYOUT — kolommen
   ========================================================= */
#wrapper{display:flex;flex-wrap:wrap;gap:40px;}
#left{width:100%;max-width:680px;float:none;padding-top:0;flex:1 1 480px;}
#right{width:100%;max-width:280px;float:none;flex:0 1 280px;}

#left .breadcrumb ul{font-size:12px;line-height:1.8;}
.breadcrumb{margin:26px 0 0 0;}
.breadcrumb ul{list-style:none;padding:0;margin:4px 0 0 0;font-size:12px;color:var(--muted);}
.breadcrumb li{display:inline;}
.breadcrumb a{color:var(--blue);text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}

.full-page-contents{font-size:15px;line-height:1.7;margin:0 0 50px 0;color:var(--text);}
.full-page-contents h1{color:var(--blue);font-weight:700;font-size:28px;font-family:var(--font-head);}
.full-page-contents h2{color:var(--blue);font-weight:600;font-size:21px;font-family:var(--font-head);}
.full-page-contents h3{color:var(--blue);font-weight:600;font-size:18px;font-family:var(--font-head);}
.full-page-contents h4{color:var(--blue);font-weight:600;font-size:16px;font-family:var(--font-head);}
.full-page-contents a{color:var(--blue);}
.full-page-contents strong{color:var(--blue);}
.full-page-contents ul, .full-page-contents ol{margin:0 0 14px 20px;padding:0;}

/* Full-bleed kleurenbanner boven de titel, o.b.v. de bestaande kleurklasse
   (.blue / .pink / .orange / .green op .full-page-contents) — puur CSS,
   geen extra HTML nodig. */
.full-page-contents.blue h1,
.full-page-contents.pink h1,
.full-page-contents.orange h1,
.full-page-contents.green h1{
position: relative;
    z-index: 1;
    color: #fff;
    margin: 0 0 40px 0;
    padding: 40px 20px; /* Ruimte rond de tekst */
    font-size: 30px;
    clip-path: none;
    box-shadow: none;
    background-color: var(--banner-color);
    border-radius: var(--radius); 
}
.full-page-contents.blue h1{--banner-color:var(--blue);}
.full-page-contents.pink h1{--banner-color:var(--pink);}
.full-page-contents.orange h1{--banner-color:var(--orange);}
.full-page-contents.green h1{--banner-color:var(--green);}

.introduction{margin:0 0 30px 0;border:0;border-radius:var(--radius);}
.introduction h1{margin:0;padding:0;font-family:var(--font-head);}
.blue .introduction{color:var(--blue)!important;}
.blue strong,.blue h2,.blue h3,.blue h4{color:var(--blue)!important;}
.pink .introduction{color:var(--pink)!important;}
.pink strong,.pink h2,.pink h3,.pink h4{color:var(--pink)!important;}
.orange .introduction{color:#c97a12!important;}
.orange strong,.orange h2,.orange h3,.orange h4{color:#c97a12!important;}
.green .introduction{color:#5c9a24!important;}
.green strong,.green h2,.green h3,.green h4{color:#5c9a24!important;}

.line{background:none;border-top:1px solid var(--border);height:0;margin:20px 0;clear:both;}
.orange .line {border-color:var(--orange);}
.pink .line {border-color:var(--pink);}
.blue .line {border-color:var(--blue);}

.full-page-contents a{color:var(--blue);}

.rightservices{margin:0 0 26px 0;}
.rightservices > h3{
	color:var(--blue);font-size:17px;font-weight:600;
	font-family:var(--font-head);margin:0 0 14px 0;padding:0;
}

#right .primarybuttons{
	margin:0;gap:12px;
	flex-direction:column;flex-wrap:nowrap;
}
#right .primarybuttons > div{
	max-width:100%;
	min-height:0;
	flex:0 0 auto;
	padding:14px 16px;
	border-radius:8px;
	box-shadow:none;
}
#right .primarybuttons h3{margin:0;font-size:16px;line-height:1.25;}
#right .primarybuttons p,
#right .primarybuttons .readmore{display:none;}

/* =========================================================
   TABS — overschrijft de jQuery UI-theme
   ========================================================= */
#tabs.ui-tabs{
	margin:20px 0;padding:0;
	border:0;border-radius:0;background:none;
	display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;
}

/* Menu links: geen grijze balk, knoppen onder elkaar over de volle breedte */
#tabs > ul.ui-tabs-nav{
	float:none;margin:0;padding:0;
	width:100%;max-width:190px;flex:0 0 190px;
	display:flex;flex-direction:column;gap:8px;
	background:none;border:0;border-radius:0;
}
#tabs > ul.ui-tabs-nav li{
	float:none;width:100%;margin:0;padding:0;top:0;
	background:none;border:0;border-radius:0;white-space:normal;
}
#tabs > ul.ui-tabs-nav li a{
	float:none;display:block;width:100%;box-sizing:border-box;
	padding:12px 16px;text-align:center;
	font-family:var(--font-head);font-weight:600;font-size:13px;
	color:#274399;text-decoration:none;
	background:#fff;border:1px solid #274399;border-radius:8px;
}
#tabs > ul.ui-tabs-nav li a:hover{background:#f0f3fb;}

/* Actieve knop */
#tabs > ul.ui-tabs-nav li.ui-tabs-active,
#tabs > ul.ui-tabs-nav li.ui-state-active{margin:0;padding:0;background:none;}
#tabs > ul.ui-tabs-nav li.ui-tabs-active a,
#tabs > ul.ui-tabs-nav li.ui-state-active a{
	background:#274399;color:#fff;border-color:#274399;
}

/* Inhoudspaneel: geen kader meer */
#tabs > div.ui-tabs-panel{
	flex:1 1 380px;min-width:0;
	padding:0;border:0;border-radius:0;background:none;
}
#tabs > div.ui-tabs-panel h3{margin-top:0;}

@media only screen and (max-width:760px){
	#tabs.ui-tabs{flex-direction:column;}
	#tabs > ul.ui-tabs-nav{max-width:none;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;}
	#tabs > ul.ui-tabs-nav li{width:auto;flex:1 1 45%;}
}

.bluetab #tabs .ui-tabs-active a,.bluetab #tabs li.ui-state-active a{background:var(--blue);}
.pinktab #tabs .ui-tabs-active a,.pinktab #tabs li.ui-state-active a{background:var(--pink);}
.orangetab #tabs .ui-tabs-active a,.orangetab #tabs li.ui-state-active a{background:var(--orange);}
.greentab #tabs .ui-tabs-active a,.greentab #tabs li.ui-state-active a{background:var(--green);}

/* =========================================================
   AGENDA / NIEUWS / EXHIBITION LIJSTEN
   ========================================================= */
.eduction-item-wrapper{margin:0 0 20px 0;padding-bottom:16px;}
.eduction-item{width:auto;float:none;}
.eduction-item-subscribe{width:auto;float:none;text-align:left;margin-top:6px;}
.eduction-item-subscribe a{color:var(--blue);text-decoration:none;font-weight:600;font-size:13px;}

#agenda-overview h1{width:auto;float:none;margin:0 0 20px 0;}
#agenda-overview h3{margin:0;padding:0;}
#agenda-overview h3 a,#exhibition-overview h3 a{color:var(--text);text-decoration:none;}
#agenda-overview h3 a:hover,#exhibition-overview h3 a:hover{text-decoration:underline;}
.agenda-date{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;}
.agenda-item a{text-decoration:none;}
.agenda-button{width:auto;height:auto;float:none;background:none;padding:0;margin-top:6px;}
.agenda-button a{color:var(--blue);font-weight:600;font-size:13px;}
.buyersguide{padding:20px 0;width:100%;}
.newsitem-left{width:auto;float:none;}
.newsitem-right{width:auto;float:none;margin-top:8px;}
.small-agenda-button{margin:10px 0 0 0;}
.small-agenda-button a{color:var(--blue);text-decoration:none;font-weight:600;}
.agenda-left{width:100%;float:none;}
.agenda-right{width:100%;float:none;margin:14px 0 0 0;}

/* Compacte agenda-lijst (homepage, pers) */
#agenda-overview .line{
	margin:0;
}
#agenda-overview .agenda-item{
	padding:10px 0;
}
#agenda-overview .agenda-item-wrapper{
	margin:0;
	padding:0;
	border-bottom:0;
}
#agenda-overview .agenda-date{
	margin:0 0 2px 0;
	font-size:12px;
	line-height:1.3;
}
#agenda-overview .agenda-item h3{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:1.35;
}
#agenda-overview .agenda-right{
	margin:4px 0 0 0;
}
#agenda-overview .agenda-button{
	margin:0;
}

#agenda-overview .agenda-item h3 a,
#agenda-overview .agenda-button a{
	color:#274399;
	text-decoration:none;
}
#agenda-overview .agenda-item h3 a:hover,
#agenda-overview .agenda-button a:hover{
	text-decoration:underline;
}
#agenda-overview .pager {
	margin-top: 20px;
}
#agenda-overview .line.first {
    display: none;
}

table.table{width:100%;border:0;}
.table td{padding:0 0 20px 0;}
.table td+td{text-align:right;}
.table td+td a,.greytd a{color:var(--muted);text-decoration:none;}

.agenda-item-wrapper{margin:14px 0 0 0;padding-bottom:14px;}
.exhibition-date,.exhibition-date-big{width:auto;float:none;color:var(--muted);margin:0 0 4px 0;font-size:13px;}
.exhibition-title-small,.exhibition-title{width:auto;float:none;}
.exhibition-title h3,.exhibition-title-small h3{margin:0;padding:0;color:var(--text);font-size:15px;}
.exhibition-title h3 a,.exhibition-title-small h3 a{text-decoration:none;color:var(--text);}
.exhibition-subscribe{width:auto;height:auto;float:none;background:none;padding:0;margin-top:6px;}
.exhibition-off{height:auto;float:none;padding:0;color:#d80606;margin:6px 0 0 0;}
.exhibition-item .exhibition-off{width:auto;padding:0;margin:0;}
.exhibition-subscribe a{text-decoration:none;color:var(--blue);font-weight:600;font-size:13px;}
.exhibition-item{margin:0 0 16px 0;clear:both;}
.exhibition-featured{color:var(--blue);font-weight:bold;margin:0 0 0 10px;}
#exhibition-overview-small .exhibition-title{width:auto;}
#exhibition-overview-small h3,#full-events-small .exhibition-title h3{display:none;}
#exhibition-overview-small .exhibition-item{border-bottom:1px solid var(--border);padding-bottom:15px;}
#exhibition-overview-small .exhibition-item:last-child{border-bottom:none;}
#exhibition-overview-small .exhibition-subscribe,#full-events-small .exhibition-subscribe{background:none;padding:0;}

/* Activiteitenpagina: zelfde compacte look en kleur als #agenda-overview */
#exhibition-overview{margin:0 0 20px 0;}

#exhibition-overview .exhibition-item{
	margin:0;
	padding:10px 0;
	border-bottom:1px solid var(--border);
	clear:both;
}

#exhibition-overview .exhibition-date{
	margin:0 0 2px 0;
	color:var(--muted);
	font-size:12px;
	line-height:1.3;
	text-transform:uppercase;
	letter-spacing:.03em;
}

#exhibition-overview .exhibition-title h3{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:1.35;
}
#exhibition-overview .exhibition-title h3 a{
	color:#274399;
	text-decoration:none;
}
#exhibition-overview .exhibition-title h3 a:hover{text-decoration:underline;}

#exhibition-overview .exhibition-subscribe{margin:4px 0 0 0;}
#exhibition-overview .exhibition-subscribe a{
	color:#274399;
	font-weight:600;
	font-size:13px;
	text-decoration:none;
}
#exhibition-overview .exhibition-subscribe a:hover{text-decoration:underline;}

/* Paginering */
#exhibition-overview .pager{margin:20px 0 0 0;font-size:14px;}
#exhibition-overview .pager a{
	color:#274399;
	text-decoration:none;
	padding:0 4px;
}
#exhibition-overview .pager a:hover{text-decoration:underline;}

#full-events-small .member-price,#full-events-small .regular-price{display:none;}
#full-events-small .eduction-item-wrapper{margin:12px 0 5px 0;}
#full-events-small .exhibition-item{margin:0;}
.agenda-image{float:right;padding:0 0 15px 15px;}

.share-icons{margin:30px 0 0 0;width:auto;float:none;display:flex;gap:10px;flex-wrap:wrap;}
.share-icon{width:auto;height:auto;position:static;display:block;overflow:visible;float:none;margin:0;}
.share-icon a{
	position:static;width:auto;height:auto;display:flex;align-items:center;justify-content:center;
	background:var(--bg);border:1px solid var(--border);border-radius:50%;width:36px;height:36px;
	color:var(--blue);text-decoration:none;font-size:14px;
}
.share-icon a:hover{background:var(--blue);color:#fff;}
.question1 a::after{content:"?";}
.print a::after{content:"\1F5A8";}
.mail a::after{content:"\2709";}
.tweet a::after{content:"X";font-weight:700;}
.share1 a::after,.share2 a::after{content:"in";font-weight:700;font-size:12px;}

/* =========================================================
   SIDEBAR (rechterkolom)
   ========================================================= */
.rightmenu{border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin:0 0 26px 0;background:#fff;}
.rightmenu h3{color:var(--blue);font-size:17px;font-weight:600;font-family:var(--font-head);margin:0 0 12px 0;padding:0;}
.rightmenu .spacer{height:1px;width:100%;margin:0 0 12px 0;}
.rightmenu .rightnav a{color:var(--blue);font-size:13px;text-decoration:none;}
.rightmenu .rightnav a:hover{text-decoration:underline;}
.rightmenu .rightnav ul{margin:0;padding:0;list-style:none;}
.rightmenu .rightnav ul ul{margin:5px 0 5px 10px;padding:0;list-style:none;}
.rightmenu .rightnav li{padding:7px 0;border-bottom:1px solid var(--border);}
.rightmenu .rightnav li:last-child{border-bottom:0;}
.rightmenu .rightnav ul ul a{color:var(--blue);font-size:12px;text-decoration:none;}
.rightmenu .newsitem{margin:0 0 14px 0;padding-bottom:14px;border-bottom:1px solid var(--border);}
.rightmenu .newsitem:last-of-type{border-bottom:0;}
.rightmenu .newsitem .newsdate{color:var(--muted);font-size:11px;text-transform:uppercase;}
.rightmenu .newsitem h3{font-size:13px;color:var(--blue);margin:0;padding:2px 0;font-weight:600;}
.rightmenu .newsitem a{color:var(--blue);}
.rightmenu .newsitem h3 a{text-decoration:none;}
.rightmenu .newsitem p{margin:0;padding:2px 0;}
.rightmenu .rightnav p{text-transform:capitalize;}

#other-person{display:none;}

/* =========================================================
   FORMULIEREN / KNOPPEN
   ========================================================= */
#generated_form .textfield,#personal .textfield,
#generated_form .textarea,#personal .textarea{
	border-radius:6px;font-size:13px;color:var(--text);padding:8px;background:#fff;
}
#generated_form td{padding:3px;}
#generated_form td b{font-weight:600;}
#map_canvas{border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:705px;height:350px;}
#left{min-width:0;}

/* Formulier gebruikt de beschikbare breedte */
#personal table{width:100%;table-layout:fixed;}
#personal td{vertical-align:top;}

/* Velden vullen hun cel, ongeacht het size-attribuut */
#personal .textfield{width:100%;max-width:100%;}
#personal select{max-width:100%;}
.submitbutton2,.smallbutton,.bigbutton{
	height:auto;width:auto;background:var(--blue);padding:10px 20px;margin:14px 0 0 0;
	border:0;border-radius:22px;text-align:center;font-size:12px;font-weight:600;color:#fff;
	font-family:var(--font-head);display:inline-block;
}
.submitbutton2:hover,.smallbutton:hover,.bigbutton:hover,input.submitbutton2:hover{background:var(--blue-dark);}
input.submitbutton2{font-size:12px;height:auto;width:auto;padding:10px 20px;}
.submitbutton3{background:none;position:absolute;width:24px;height:24px;border:0;color:var(--blue);}
.submitbutton3::after{content:"\1F50D";}
.required{color:#d80606;}
#contribution{color:var(--blue);}
#personal td{padding:3px;}

.smallbutton a,.bigbutton a{color:#fff;text-decoration:none;display:block;}
button.smallbutton,button.bigbutton{font-size:12px;height:auto;width:auto;padding:10px 20px;}
.first{clear:both;}
.floatright{float:right;margin:20px 0 0 0;}

.searchfilters{margin:15px 0;display:flex;flex-wrap:wrap;gap:12px;}
.searchfilter{width:auto;float:none;font-size:12px;}
.searchfilter label{padding:0 0 0 6px;}
input[type='radio']{vertical-align:middle;margin-right:5px;}
input[type='radio'] + label,input[type='checkbox'] + label{display:inline-block;vertical-align:top;}
input[type='checkbox']{margin-right:7px;}
#regbutton a{color:#fff;font-size:12px;}

.logos{margin:0 0 30px 0;display:flex;gap:20px;flex-wrap:wrap;}
.cedeo,.kmo{width:auto;height:auto;background:none;position:static;float:none;margin:0;}
.followtwitter1,.followtwitter2{width:auto;height:auto;background:none;position:static;margin:0 0 10px 0;}
.followtwitter1 a,.followtwitter2 a{position:static;width:auto;height:auto;color:var(--blue);text-decoration:underline;font-size:12px;}

.v2bar{width:100%;height:auto;background:none;}
.v2{border:1px solid var(--border);border-radius:var(--radius);margin-top:0;color:var(--blue);}
.v2 a{color:var(--blue);}
.v3{border:1px solid var(--border);border-radius:var(--radius);padding:0;}
.v3 h3{padding:15px 15px 0 15px;}

.tweetbox a{text-decoration:none;}
.tweetbox .newsdate a{color:var(--blue);}
.searchbox .spacer{margin:15px 0;}
.searchbox form{position:relative;}
.searchbox button{background:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:auto;height:auto;border:0;color:var(--blue);}
.searchbox button::after{content:"\1F50D";}
.searchbox .textfield{border-radius:20px;font-size:13px;color:var(--muted);padding:8px 12px;width:100%;background:#fff;}

#fullsearch{
	display:block;
	width:100%;
	max-width:420px; 
}
#fullsearch .textfield{
	display:block;
	width:100%;
}

/* Zoekveld op de zoekresultatenpagina (/search/) */
#fullsearch{
	position:relative;
	display:block;
	width:100%;
	max-width:420px;
}
#fullsearch .textfield{
	display:block;
	width:100%;
	height:40px;
	padding:0 44px 0 16px;      /* ruimte rechts voor de loep */
	border-radius:20px;         /* zelfde pill-vorm als het zoekveld in de header */
	font-size:15px;
}
#fullsearch .submitbutton3{
	position:absolute;
	top:8px;                    /* (40px veldhoogte - 24px knop) / 2 */
	right:10px;
	width:24px;
	height:24px;
	padding:0;
	margin:0;
	background:none;
	border:0;
	color:var(--blue);
	font-size:14px;
	line-height:24px;
	cursor:pointer;
}
#fullsearch .submitbutton3 .spanhider{display:none;}

/* Filters netjes onder het veld */
#fullsearch .searchfilters{
	display:flex;
	flex-wrap:wrap;
	gap:8px 22px;
	margin:14px 0 0 0;
}
#fullsearch .searchfilter{
	font-size:14px;
	line-height:1.4;
}
#fullsearch .searchfilter input[type="checkbox"]{margin:0 6px 0 0;}
#fullsearch .searchfilter label{padding:0;font-size:14px;}

.seource-tbl{padding:18px;width:100%;margin:0 0 22px 0;line-height:1.4;border:1px dashed #bbb;border-radius:var(--radius);}
.seource-tbl input[type="text"]{width:100%;max-width:308px;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;}
.seource-tbl input[type="text"]:focus{outline:2px solid var(--blue);}
.seource-tbl p{color:var(--blue);}
.seource-tbl.w_86{margin-top:22px;width:100%;}

#downloads{overflow:hidden;}
#downloads ul{margin:20px 0 0 0;padding:0;list-style:none;}
#downloads li{padding:3px 5px 5px 25px;margin:0;}
#downloads .word{background:url(images/icons/word.gif) no-repeat top left;}
#downloads .file{background:url(images/icons/file.gif) no-repeat top left;}
#downloads .pdf{background:url(images/icons/pdf.gif) no-repeat top left;}
#downloads .jpg{background:url(images/icons/jpg.gif) no-repeat top left;}
#downloads .gif{background:url(images/icons/gif.gif) no-repeat top left;}
#downloads .xls{background:url(images/icons/excel.gif) no-repeat top left;}
#downloads .bmp{background:url(images/icons/bmp.gif) no-repeat top left;}
#downloads .mp3{background:url(images/icons/mp3.gif) no-repeat top left;}
#downloads .zip{background:url(images/icons/zip.gif) no-repeat top left;}
#downloads .ppt{background:url(images/icons/ppt.gif) no-repeat top left;}
#downloads .tif{background:url(images/icons/tif.gif) no-repeat top left;}
#downloads .mpg{background:url(images/icons/mpg.gif) no-repeat top left;}

.teacher{float:left;width:203px;height:auto;overflow:hidden;margin:10px 12px 12px 0;font-size:13px;line-height:1.6;}
.teacher-image{float:left;width:87px;height:auto;overflow:hidden;border-radius:50%;}
.teacher-image img{border-radius:50%;}
.teacher-description{float:right;height:auto;width:calc(100% - 100px);padding:0 0 0 12px;}
.teacher-description-valign{height:auto;vertical-align:middle;display:table-cell;overflow:hidden;}
.teacher-description p{margin:0;padding:0;}
.teacher-info{float:right;text-align:right;height:auto;width:auto;padding:0;}
.teacher-info a{color:var(--blue);text-decoration:none;}

/* =========================================================
   FOOTER
   ========================================================= */
#footer{background:var(--blue);min-height:0;min-width:0;margin-top:40px;}
#footercontents{width:100%;max-width:var(--maxw);margin:auto;padding:44px 20px 30px 20px;}
#footerasset{display:none;}

/* 3 kolommen: omschrijving | Over NVC + Weeknieuws | Contact + Volg NVC */
.footercols{
	display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px 40px;align-items:start;
}
.footercols > .clearfix{display:none;}
.footercol{width:auto;min-height:0;float:none;font-size:13px;color:#fff;}
.footercol p{margin:0 0 10px 0;line-height:1.6;}
.footercols > .footer-about{grid-column:1;grid-row:1 / span 2;line-height:1.5;}
.footercols > .footercol:nth-child(2){grid-column:2;grid-row:1;}
.footercols > .footercol:nth-child(3){grid-column:2;grid-row:2;}
.footercols > .footercol:nth-child(4){grid-column:3;grid-row:1 / span 2;}

.footercol a{
	color:#fff;text-decoration:none;opacity:.9;
	display:inline-block;
	padding-bottom:2px;
	border-bottom:1px solid rgba(255,255,255,.7);
	transition:border-color .15s ease, opacity .15s ease;
}
.footercol a:hover{opacity:1;border-bottom-color:#fff;text-decoration:none;}

.footercol li{padding:6px 0;}
.footercol h3{font-size:15px;color:#fff;font-weight:600;font-family:var(--font-head);margin:0 0 12px 0;}
.footercol ul{list-style:none;margin:0;padding:0;}
.footercol .textfield{border:1px solid rgba(255,255,255,.4);border-radius:6px;font-size:12px;color:#333;padding:8px;width:100%;max-width:220px;background:#fff;}

.footercol h3 a,
.social-icon a{
	border-bottom:0;
	padding-bottom:0;
	display:inline;
}
.social-icon a{display:flex;} 

.footercol .smallbutton{
	background:none;padding:0;margin:0;border-radius:0;display:inline-block;
	font-family:var(--font-body);font-weight:400;font-size:13px;
}
.footercol .smallbutton a{display:inline;border-bottom:1px solid rgba(255,255,255,.7);}

.copyright{font-size:12px;color:rgba(255,255,255,.8);text-align:center;margin:30px 0 0 0;clear:both;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);}

.social-icons{display:flex;gap:12px;margin-top:10px;}
.social-icon{width:40px;height:40px;float:none;position:relative;margin:0;background:none;}

.social-icon a{
	position:static;width:40px;height:40px;display:flex;align-items:center;justify-content:center;
	background:#fff;border-radius:6px;opacity:1;
	transition:transform .15s ease, box-shadow .15s ease;
}
.social-icon a:hover{
	background:#fff;text-decoration:none;
	transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.25);
}

.social-icon a::after{
	content:"";display:block;width:22px;height:22px;
	background:var(--blue);
	-webkit-mask:var(--icon) center / contain no-repeat;
	        mask:var(--icon) center / contain no-repeat;
}
.social-icon.twitter a{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/></svg>");}
.social-icon.youtube a{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/></svg>");}
.social-icon.linkedin a{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452z'/></svg>");}
.social-icon.twitter{order:1;}
.social-icon.youtube{order:2;}
.social-icon.linkedin{order:3;}

.pager a{color:var(--text);text-decoration:none;}
.calendarbox li{display:block;float:left;margin:0 10px 0 0;}
.check{display:none;}

.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:150%;}
.hidden{display:none !important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media only screen and (min-width:35em){}

@media only screen and (max-width:760px){
	#main,#footercontents{padding-left:16px;padding-right:16px;}
	#wrapper{flex-direction:column;gap:0;}
	#right{max-width:100%;}
	.buttonblue,.buttonpink,.buttonorange,.buttongreen{max-width:100%;}
	#tabs{flex-direction:column;}
	#tabs > ul{flex-direction:row;flex-wrap:wrap;max-width:none;flex:1 1 auto;}
}

/* Mobiel / tablet: hamburger, zoeken naast het logo, blauwe titelbalk, footer onder elkaar */
@media only screen and (max-width:900px){
	#logoheader{flex-wrap:wrap;align-items:center;padding:10px 16px;}
	#logo1,#logo2{zoom:.65;}
	#languagecontainer{margin:0 12px 0 12px;}
	#searchcontainer{order:3;margin:0 0 0 auto;}
	.searchform .textfield{width:130px;}
	#menutoggle{display:block;margin-left:8px;}

	#headermenu{display:none;order:5;flex:0 0 100%;padding-top:8px;}
	#headermenu.open{display:block;}
	#topmenu{margin:0 0 12px 0;}
	#topmenu nav ul{flex-direction:column;}
	#topmenu nav li{margin:0;border-top:1px solid var(--border);}
	#topmenu nav li a{line-height:44px;border-bottom:0;}
	#topmenu nav ul ul{display:none !important;}
	#becomemember1{margin:0 0 12px 0;}
	#becomemember1 a{display:inline-block;}

	.full-page-image{background:#274399;}
	.full-page-image img{display:none;}
	.bluebar{position:static;display:block;padding:14px 0;}
	.bluebar .slogan{margin:0 16px;max-width:none;font-size:22px;color:#fff;}
	.nomobile {display:none;}

	.footercols{grid-template-columns:1fr;gap:24px;}
	.footercols > .footer-about,
	.footercols > .footercol:nth-child(2),
	.footercols > .footercol:nth-child(3),
	.footercols > .footercol:nth-child(4){grid-column:1;grid-row:auto;}

	.buttonblue,.buttonpink,.buttonorange,.buttongreen{padding:8px;min-height:50px !important;}

	#generated_form .textfield, #personal .textfield{max-width:140px;}
	#generated_form .textarea, #personal .textarea{max-width:140px;}
}

@media print,
(-o-min-device-pixel-ratio:5/4),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi){}

@media print{
	*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none;}
	header, #headercontainer, #right, .primarybuttons, #footer{display:none;}
	#main, #left{width:auto;margin:0;padding:0;position:static;background:white;color:black;text-align:left;}
	@media print{* { font-size: 1em; }}
	.ui-tabs-nav { display: none;}
	.ui-tabs .ui-tabs-hide { display: none;}
	.ui-tabs .ui-tabs-panel { display: none;}
	.onlyprint{display: block !important;}
	#tabs-132{display: block !important;}
	#tabs-133{display: block !important;}
	#tabs-134{display: block !important;}
	#tabs-135{display: block !important;}
	#tabs-136{display: block !important;}
	#tabs-137{display: block !important;}
	#tabs-138{display: block !important;}
	[id^=tabs]{display: block !important;}
	a,
	a:visited{text-decoration:none;}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after{content:"";}
	pre,
	blockquote{border:1px solid #999;page-break-inside:avoid;}
	thead{display:table-header-group;}
	tr,
	img{page-break-inside:avoid;}
	img{max-width:100%;}
	@page{margin:0.5cm;}
	p,
	h2,
	h3,
	h2,
	h3{page-break-after:avoid;}
}

/* legacy overrides */
#resellerdetails ~ * {margin-left:0;}