@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:wght@300;700&display=swap');
:root {
	--clr_bg: #9bb5c7;
	--clr_zw: #000000BB;
	--clr_brd: #858698;
	--clr_t-lgt: #a0dfd5;
	--clr_t-drk: #242942;
	/*small screen: */
	--fns_sz1: 10vw;
	--fns_sz2: 5vw;
	--fns_sz3: 4vw;
	--fns_sz4: 4.2vw;
	--fns_sz5: 3.6vw;
	--fns_sz6: 4vw;

	--fns_lh1: 6vw;
	--fns_lh2: 5vw;
	--fns_lh3: 3.8vw;
	--fns_lh4: 4.2vw;
	--fns_lh5: 3.6vw;
	/*large screen: */
	--fnt_sz1: 5vw;
	--fnt_sz2: 2.6vw;
	--fnt_sz3: 1.6vw;
	--fnt_sz4: 1.4vw;
	--fnt_sz5: 1.2vw;
	--fnt_sz6: 2.1vw;

	--fnt_lh1: 2.3vw;
	--fnt_lh2: 2.2vw;
	--fnt_lh3: 1.8vw;
	--fnt_lh4: 1.4vw;
	--fnt_lh5: 1.2vw;
  }
html {overflow:hidden;}
body {
	/*background-image:url(../pix/fix/tegel.png);*/
	background-color:var(--clr_bg);
}

/* small devices (phones, 768px and down) */
@media only screen and (max-width: 700px)
{

	.t_intr_ttl {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz1);color:#fff;font-weight:400;line-height:var(--fns_lh2);letter-spacing: 0.5;text-decoration:none;}
	.t_intr_rtl {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz1);color:#e03c3c;font-weight:400;line-height:var(--fns_lh2);letter-spacing: 0.5;text-decoration:none;}
	.t_intr_tag {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz2);color:#fff;font-weight:400;line-height:var(--fns_lh5);letter-spacing: 0.5;text-decoration:none;}
	.t_intr_rtg {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz2);color:#e03c3c;font-weight:400;line-height:var(--fns_lh5);letter-spacing: 0.5;text-decoration:none;}
	.t_intr_txt {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz4);color:#fff;font-weight:400;line-height:var(--fns_lh4)}
	.t_kop_b {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz4);color:#FFF;font-weight:700;line-height:var(--fns_lh3)}
	.t_kop_r {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz4);color:#e03c3c;font-weight:400;line-height:var(--fns_lh3)}
	.t_kop_n {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz4);color:#FFF;font-weight:400;line-height:var(--fns_lh3)}
	a        {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:12px;color:var(--clr_t-lgt);font-weight:400;line-height:16px;}
	.t_ttl_b {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz2);color:var(--clr_t-lgt);font-weight:700;line-height:var(--fns_lh2);text-decoration:none;}
	.t_ttl_n {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz6);color:#729598;font-weight:400;line-height:var(--fns_lh2);text-decoration:none;}
	.t_loc_n {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz3);color:var(--clr_t-lgt);font-weight:400;line-height:var(--fns_lh3);text-decoration:none;}
	.t_txt_b {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz3);color:var(--clr_t-lgt);font-weight:700;line-height:var(--fns_lh3);text-decoration:none;}
	.t_txt_n {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz3);color:var(--clr_t-lgt);font-weight:400;line-height:var(--fns_lh3);text-decoration:none;}
	.t_lst_b {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz3);color:var(--clr_t-drk);font-weight:700;line-height:var(--fns_lh3)}
	.t_lst_n {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz3);color:var(--clr_t-drk);font-weight:400;line-height:var(--fns_lh3)}
	.pp_loc  {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz5);color:#222;font-weight:400;line-height:var(--fns_lh5);padding-bottom:5px;}
	.pp_ttl  {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz5);color:#222;font-weight:700;line-height:var(--fns_lh5);padding-bottom:5px;}
	.t_zkt   {font-family: Arial, Helvetica, sans-serif; font-size:12px;color:#333;font-weight:400;text-decoration:none;}
	.t_xsm   {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz4);color:var(--clr_t-lgt);font-weight:400;line-height:var(--fns_lh4);text-decoration:none;}
	.t_xsb   {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fns_sz4);color:var(--clr_t-lgt);font-weight:700;line-height:var(--fns_lh4);text-decoration:underline}
	.t_xxs   {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:0.8vw;color:var(--clr_t-lgt);font-weight:400;line-height:var(--fns_lh5);text-decoration:none;}
	#kop     {position: absolute; left: 5vw; top: 1vh; width: 90vw; height: 4.5vh; z-index: 1; display:flex; flex-direction: row; align-items: center; justify-content: space-between}
	#knvImg  {position: absolute; left: 5vw; top: 13.5vh; width: 90vw; height: 40vh;}
	#knvTxt  {position: absolute; left: 5vw; top: 54vh; width: 90vw; height: 45vh;}
	.knvtext {width: 90vw; height: 18vh; overflow-x: hidden; overflow-y: auto;}
	#knvIkn  {display: none}
	.sluiter {position: absolute; left: 89vw; top: 7vh; width: 6vw; height: 6vw; z-index: 5; object-fit: contain}
	#tblmenu {position: absolute; left: 0vw; top: 1vh; width: 90vw; height: 8vh; z-index: 2; overflow: auto}
    #tblkol  {position: absolute; left: 0vw; top: 10vh; width: 90vw; height: 80vh; z-index: 1; overflow: auto}
	.gTxt    {position: absolute; width: 68vw; text-align: right}
	.gImg    {position: absolute; width: 9vw; height: 9vw; left: calc(71vw - 2px); top:0vw; border: 1px solid var(--clr_brd)}
	#lstkolom{position: absolute; left: 15vw; top: 17vh; width: 85vw; height: 70vh; z-index: 4; overflow-y: auto; overflow-x: hidden;}
	#knvMoz  {display: none}
	#knvButs {position: absolute; left: 71vw; top: 7vh; width: 15vw; height: 6vw; z-index: 5; display: flex; flex-direction: row; justify-content: space-between;}
	.knvBut  {height: 100%}
}

/* large devices ( 769px and up) */
@media only screen and (min-width: 701px)
{
	.t_intr_ttl {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz1);color:#fff;font-weight:400;line-height:var(--fnt_lh2);letter-spacing: 0.5;text-decoration:none;}
	.t_intr_rtl {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz1);color:#e03c3c;font-weight:400;line-height:var(--fnt_lh1);letter-spacing: 0.5;text-decoration:none;}
	.t_intr_tag {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz2);color:#fff;font-weight:400;line-height:var(--fnt_lh5);letter-spacing: 0.5;text-decoration:none;}
	.t_intr_rtg {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz2);color:#e03c3c;font-weight:400;line-height:var(--fnt_lh5);letter-spacing: 0.5;text-decoration:none;}
	.t_intr_txt {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz4);color:#fff;font-weight:400;line-height:var(--fnt_lh4)}
	.t_kop_b {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz3);color:#FFF;font-weight:700;line-height:var(--fnt_lh3)}
	.t_kop_r {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz3);color:#e03c3c;font-weight:400;line-height:var(--fnt_lh3)}
	.t_kop_n {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz3);color:#FFF;font-weight:400;line-height:var(--fnt_lh3)}
	a        {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:12px;color:var(--clr_t-lgt);font-weight:400;line-height:16px;}
	.t_ttl_b {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz2);color:var(--clr_t-lgt);font-weight:700;line-height:var(--fnt_lh2);text-decoration:none;}
	.t_ttl_n {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz6);color:#729598;font-weight:400;line-height:var(--fnt_lh2);text-decoration:none;}
	.t_loc_n {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz3);color:var(--clr_t-lgt);font-weight:400;line-height:var(--fnt_lh3);text-decoration:none;}
	.t_txt_b {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz3);color:var(--clr_t-lgt);font-weight:700;line-height:var(--fnt_lh3);text-decoration:none;}
	.t_txt_n {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz3);color:var(--clr_t-lgt);font-weight:400;line-height:var(--fnt_lh3);text-decoration:none;}
	.t_lst_b {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz3);color:var(--clr_t-drk);font-weight:700;line-height:var(--fnt_lh3)}
	.t_lst_n {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz3);color:var(--clr_t-drk);font-weight:400;line-height:var(--fnt_lh3)}
	.pp_loc  {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz5);color:#222;font-weight:400;line-height:var(--fnt_lh5);padding-bottom:5px;}
	.pp_ttl  {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:1.4vw;color:#222;font-weight:700;line-height:1.5vw;padding-bottom:5px;}
	.t_zkt   {font-family: Arial, Helvetica, sans-serif; font-size:12px;color:#333;font-weight:400;text-decoration:none;}
	.t_xsm   {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz4);color:var(--clr_t-lgt);font-weight:400;line-height:var(--fnt_lh4);text-decoration:none;}
	.t_xsb   {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:var(--fnt_sz4);color:var(--clr_t-lgt);font-weight:700;line-height:var(--fnt_lh4);text-decoration:underline}
	.t_xxs   {font-family: 'Sofia Sans Extra Condensed', sans-serif;font-size:0.8vw;color:var(--clr_t-lgt);font-weight:400;line-height:var(--fnt_lh5);text-decoration:none;}
	#kop     {position: absolute; left: 5vw; top: 1vh; width: 90vw; height: 4.5vh; z-index: 1; display:flex; flex-direction: row; align-items: center; justify-content: space-between}
	#knvImg  {position: absolute; left: 35vw; top: 7vh; width: 60vw; height: 70vh;z-index: 1;}
	#knvTxt  {position: absolute; left: 5vw; top: calc(8vh + 4vw); width: 25vw; height: 80vh;z-index: 3}
	#knvIkn  {position: absolute; left: 5vw; top: 7vh; width: 4vw; height: 4vw; z-index: 2}
	.sluiter {position: absolute; left: 92.4vw; top: 7vh; width: 2.6vw; height: 2.6vw; z-index: 5; object-fit: contain}
	#tblmenu {position: absolute; left: 0vw; top: 8vh; width: 30vw; height: 10vh; z-index: 2; overflow: auto}
    #tblkol  {position: absolute; left: 30vw; top: 7vh; width: 60vw; height: 75vh; z-index: 3; overflow: auto}
	.gTxt    {position: absolute; width: 72vw; text-align: right}
	.gImg    {position: absolute; width: 5vw; height: 5vw; left: calc(75vw - 2px); top:0vw; border: 1px solid var(--clr_brd)}
	#lstkolom{position: absolute; left: 15vw; top: 15vh; width: 85vw; height: 70vh; z-index: 4; overflow-y: auto; overflow-x: hidden;}
	#knvMoz  {position: absolute; left: 35vw; top: 80vh; width: 60vw; height: 17vh; overflow-y: auto}
	#knvButs {position: absolute; left: 92.4vw; top: calc(7vh + 2.9vw); width: 2.6vw; height: 5.5vw; z-index: 5; display: flex; flex-direction: column; justify-content: space-between}
	.knvBut  { width: 100%}
}

/*
#bgFoto {
	object-fit: cover;
	filter: sepia(90%) hue-rotate(220deg) saturate(80%) brightness(0.85);
}
*/
#deko {
	
	z-index:20;
}

#intro {
	background-color:var(--clr_bg);
	position: absolute;
	left: 0vw;
	top: 0vh;
	width: 100vw;
	height: 100vh;
	z-index: 25;
}

#intr1 {
	position: absolute;
	left: 10vw;
	top: 10vh;
	width: 90vw;
	height: 7vh;
	z-index:2;
}
#intr2 {
	position: absolute;
	left: 0vw;
	top: 18vh;
	width: 100vw;
	height: 16vh;
	z-index:1;
	opacity: 0.6;
	cursor: pointer;
}
.introImg{
	height: 100%;
}

#intr3 {
	position: absolute;
	left: 10vw;
	top: 37vh;
	width: 20vw;
	height: 5vh;
	z-index:50;
	cursor: pointer;
}
#intr4 {
	position: absolute;
	left: 10vw;
	top: 44vh;
	width: 70vw;
	height: 50vh;
	z-index:3;
}

#kopL {

	top: 0vh;
	width: 75%;
	height: 100%;
	z-index: 1;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content:left;
	z-index: 3;
}

#kopR {

	top: 0vh;
	width: 25%;
	height: 100%;
	display:flex;
	flex-direction: row;
	align-items:center;
	justify-content:right;
	z-index: 3;
}
#kopLink1{
	position: absolute;
	height: 100%;
	z-index: 1;

}
#kopLink2{
	position: absolute;
	left: 6vh;
	z-index: 1;
	cursor: pointer;
}
#kopIkn{
	position: absolute;
	height: 100%;
	z-index: 1;
	object-fit: contain;
}
#zoektxt {

	width: 10vw;
	height: 3vh;
	z-index: 3;
	background-color: #b6c9d6;
	float: right;
}


#kaart {
	position: absolute;
	left: 5vw;
	top: 7vh;
	width: 90vw;
	height: 88vh;
	z-index: 2;
	display: none
}

#auth  {position:absolute;left:5vw;top:95.2vh;width:20vw;height:3vh;z-index: 60}

#tabel {
	position: absolute;
	left: 5vw;
	top: 7vh;
	width: 90vw;
	height: 88vh;
	z-index: 4;
	overflow: auto;
	background-color: #9bb5c7bb;
	opacity: 0;
	display: none
}


.tabelItm{


	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content:left;
	height: 5vh;
}

.tabelIkn {

	width: 4vh;
	height: 4vh;

}


#lyst {
	position: absolute;
	left: 0vw;
	top: 0vh;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	background-color: var(--clr_zw);
	overflow: auto;
	opacity: 0;
	display: none
}

.node{cursor: pointer}

.duim{
	border: 1px solid var(--clr_brd);
}


#knv {
	position: absolute;
	left: 0vw;
	top: 0vh;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	background-color:var(--clr_zw);
	opacity: 0;
	display: none
}



.knvIkn1 {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#knvsluit {
	width: 100%;
  	height: 100%;
}

.knvFoto {
	width: 100%;
  	height: 100%;
	object-fit: contain;
	object-position: 0px 0px;

}