body {
	position: relative;
   width:100%;
  	min-height: 100%;
/* This ensures the body always has height, even with absolutely positioned children. */
	font-family: Helvetica, sans-serif;
	font-size: 24px;
  font-weight: normal; 
/*  background-image: url("//www.langomatic.nl/gweb/img/ceplok2.jpg");
    background-repeat: repeat;
	*/
}
.asfalt_piet{
	outline: 1px;
	margin: 1px;
	border: 1px;
	
	padding: 1px;
	border-radius: 4px;
	font-size: 24px;
}
#divTB-10{
  z-index: 1;
  grid-column: 9/18;
  grid-row: 3;
	  height: auto;
	  display: subgrid;
	grid-template-columns: repeat(6, 1fr);
	grid-row: 3;
	outline: 2px dotted red;
}

.TB-10{
	left: 0px;
	width: 720px;
	height: 416px;
}
.hoofd.drag { 
    width: 97px;
    height: 63px;
   
}
.hoofd:hover{
	 -webkit-transform:  rotate(330deg);
    transform:  rotate(330deg);
}
._hoofd1{
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
   
}
.img_wrdbk{

	grid-area: img_wrdbk;
	

}

.archief_grid_mobiel{
 	width: 100%;
	z-index: 1;
	display: grid;
	grid-template-columns: 3;  /* minmax(400px, 1fr)); */
	grid-template-rows: 3rem 6rem 1fr 6rem;
	gap: 3px;
}

.archief_grid{
/*	position: absolute; */
	 width: 100%;
	 min-height: 100%;
/*	top:1rem;
	left: 10rem;
 	 right: 10rem; */
 
/*
  width: calc(100% - 20rem);

 
	Adding width: 100% can cause unexpected shrinkage depending on the containing block.
	min-height: 50px;
	 background-image: url("//www.langomatic.nl/gweb/img/ceplok2.jpg");
    background-repeat: repeat;
	background: white; */

	z-index: 1;
	
	display: grid;
	/*
	grid-template-areas: "langomatic_titel  MTv_d  . wrap_woordenboek  "
						" . . wrap_woordenboek img_info  "
						" . pantauan_div pantauan_div pantauan_div  "
						" . poszoa_div poszoa_div poszoa_div "
						" footer footer footer footer "; 
						
						grid-auto-flow: row;
*/
						grid-template-columns: repeat(24, 1fr); /* minmax(400px, 1fr)); */
	grid-template-rows: 3rem 10rem 1fr 1fr 6rem;
	align-items: stretch;
	gap: 3px;
	 
}
/*
grid-template-rows: repeat(6,minmax(50px, 1fr));

". pantauan_div pantauan_div pantauan_div . "
	"artikelen artikelen artikelen artikelen artikelen" */

#pantauan_div {
/*	grid-area: pantauan_div; */
	grid-column: 9/18;
	grid-row: 3;
		background:#FFE4C4;
}

#pantauan {
	/* width: 100%;
   height: 100%; */
}
#poszoa_div{
	/* grid-area: poszoa_div; */ 
}
.poszoa2{

	position: absolute;
	top: 4rem;
	left: calc(100%/24*18);
	
	height: 128px;
	width : calc(100%/24*6);
}
.footer{
	
	
	 grid-column: 1/25;
	 grid-row: 5;
/*	grid-row: 5;
	 grid-area: footer; 
	 position: absolute;
	width: 100%;
	bottom: 0px; 
	*/
}

#cr_langomatic {
	/* grid-area: cr_langomatic; 
	grid-column:9/13;
	grid-row: 4;
	
	display: flex;
	*/
}
#mailto{
	/*
	display: flex;

	
	grid-column: 7 / 9;
	grid-row: 4;
	*/
}

#Disclaimer{
	/*display: flex;

	
	grid-column: 1/7;
	grid-row: 4;
	*/
}
.langomatic_titel{
	
	/*grid-area: langomatic_titel; */ 
grid-column: 1/9;
grid-row: 1;
}


.img_home{
	
}
.MTv{

	
	font-size : 24px; 

	}

.MTv_d{
grid-column: 6/8;
grid-row: 1;

	
	font-size : 24px; 

	}


#wrap_woordenboek{
	/* grid-area: wrap_woordenboek; 
	if(media(width < 850px): grid-column : 1/3;
		grid-row: 2; 	
	 else: 
	 ) */
	
		grid-column: 12/20;
		grid-row: 1;
		font-size : 24px; 
	
}


.inlogform{
	position: absolute; 
	left: -1000px;
	z-index : -1;

	visibility: hidden;
	
}
button:hover{
	background-color: white;
}


#d_woordenboek{
	/* grid-area: woordenboek; */
	grid-column: 12/20;
	grid-row: 1;
}
#tijdenA{
	/* grid-area: tijdenA; */
	grid-column: 10;
	grid-row: 2;

}
#tijdenJ{
	/* grid-area: tijdenJ; */
	grid-column: 20;
grid-row: 2;

}

#img_info{
	/* grid-area: img_info; */
	font-size : 24px;
	grid-column: 22;
	grid-row: 1;

}
#wrap_teken_bezoekers{
	background-color :  #FFFFCC;
	grid-column: 19/25;
	grid-row: 3 ;
	outline: 2px dotted green;
}
#artikelen {
		
	grid-area: artikelen;
	
}
.artikel{
	line-height:30px;
	min-height :180px;
	background:#FFE4C4;/* bisque #D2B48C bruin */
	width:98%;
	float:left
}
.artikel:hover{
/*	background:#FFE4C4; bisque #D2B48C bruin */
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;	
}
#inhoudsopgave_titel {
	height:50px;
	font-size:x-large;
	font-weight: bold;
}

.aantal_reacties {
	padding-left:20px;
	padding-top:5px;
	
}
.map_icon{
	padding:3px;
	height:14px;
	width:11px;
}

#Nederland_flag_icon
{
	margin-right: 3rem; 
	grid-column: 10;
	grid-row: 1;
}

#Indonesia_flag_icon
{
	margin-left: 3rem; 
	grid-column: 20;
	grid-row:1;
}
#kdemoknop{
 margin: 3rem auto; 
}
#nieuw {
     width: 6em;
     border: solid green;
     color: red;
font-size:120%;
font-weight: 600;
     background-color: yellow;
	opacity:0.5;
	padding-left : 1em;
	position : absolute;
	left : 400px;
	top : -10px;

    -webkit-transform: translate(100px) rotate(20deg);
    -webkit-transform-origin: 60% 100%;

    -o-transform:translate(100px) rotate(20deg); 
    -o-transform-origin:60% 100%;

    transform: translate(100px) rotate(20deg);
    transform-origin: 60% 100%;
}


.rea_gebruiker {
	font-size: 80%;
}
.rea_datum{
	font-size: 80%;
}
.rea_url {
	font-size: 80%;
}
#div_inhoudsopg{
border:solid transparent 1px; 
}
.tekst_id {
	
	line-height:30px;
	font-family:helvetica;
	font-size: 110%;
	font-weight:500;
	width:680px;
	padding:10px;
	border:solid transparent 1px; 
	background-color: transparent; 
	



}
li.tekst_id {
	font-size: 80%;
}
img_a{
	
}


input[type="button"]:enabled
{
background-color: rbg(223,223,223); 
}
.Sound_icon_24x24{


}
.duim_omhoog {
	
	padding: 20px;
	}
.duim_omlaag {
	padding: 20px;
	}

img.duim_omhoog_klein {
	height: 22px;
	width: 24px;
	
}
img.duim_omlaag_klein {

	height:24px;
	width:24px;
	padding-right:40px;
}
.vrt_zinnen{
		width:80%;
		height:30px;
		display: inline;
}
.hr_inh{
	width:80%;
}
.Mad_tekst {
	font-size:100%;
}
.Mad_zin {
	font-size: 120%;
	
}

#TB-10 {
/* The margin does not have a background color, it is completely transparent */ 
	margin : 30px; 
/*	border : 0px; */
/* Clears an area around the content. The padding is affected by the background color of the box */ 
/*	padding : 0px; */

}

#gblad {
/* The margin does not have a background color, it is completely transparent */ 
	margin : 10px;
	border : 10px;
/* Clears an area around the content. The padding is affected by the background color of the box */ 
	padding : 10px;


}

#pblad {
	/*grid-area: pblad;
	margin : 10px;
	border : 10px;
	padding : 10px;
	background-color : transparent;
	//grid-column: 5/7;
	//grid-row: 2;
	
	margin : 10px;
	border : solid 3px black;
	padding : 1px;
	font-size : 24px;
*/
}

#zoeknedwrdknop{
	font-size : 24px;

}

#wrdid{
		font-size : 24px;
}
#weg_icon{
	background: black;
	

}
#zoekbahwrdknop{
	font-size : 24px;

}


.aantekening{

	width: 680px;
background:#D2B48C;
padding:10px;
margin-bottom: 10px;
display: block;

-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;	
}
.aantekening.tekst_id {
	border:solid green 1px; 
	padding:5px;
}
.aantekening > img {
	
	
}


#vrttool1{
	position: relative;
	grid-column: 1/4;
	grid-row: 2;
	outline: 2px dotted red;
}
/*
#woordenblad{
	position: absolute;
	top: 14rem;
	left: calc(100%/24*7);
	right: calc(100%/24*7);
	background-color: rgb(229,228,226);
	counter-reset: u_betekenis 0;

	grid-column: 8/19;
	grid-row: 3;
	grid-auto-flow: column; 
	float: left;
	outline: 2px dotted red;
	
}
*/
#woordenblad {
	position: absolute;
	top: 14rem;
	left: calc(100%/24*7);
	right: calc(100%/24*7);
	margin-right: 5px;
/*	background-color: rgb(229,228,226);
*/
background-color: transparent; 
 
	counter-reset: u_betekenis 0;
/*
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
 grid-template-rows: repeat(2, auto);
  gap: 1rem;
  justify-items: center;
  align-items: start;
  background-color: rgb(229, 228, 226);
 */
  padding: 1rem;
}
.w_wrap{
	/*	grid-auto-flow: column;  or 'row', 'row dense', 'column dense' */
	position: relative;
/*
	anchor-name: --my-anchor;
  width: fit-content;
*/
	margin-left: 1px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px; 
	z-index: 0;

	float:left;
background-color:transparent;
	counter-increment:  u_betekenis 1;

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
 grid-template-rows: repeat(2, auto);
  gap: 1rem;
  justify-items: center;
  align-items: start;
  
  

	/*
	werkt niet
	z-index: content(u_betekenis);
*/
}


.betbox{
/*	grid-auto-flow: column;  or 'row', 'row dense', 'column dense' */
	padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
	float:left;
	grid-row: 1;

	
/*	background-color: blue;
	border-radius: 20%;
*/
	}


.select_ned{
	grid-row:2;
	position: fixed;
}
	
	.img_g{
		position: relative;
		/* z-index: 2; */
	}
	.tekbox{
/*grid-auto-flow: column;  or 'row', 'row dense', 'column dense' */
	padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
	float:left;
	
	grid-row: 1; 
	font-size: 24px;
/*	color: white;
	background-color:black;
	border-radius: 20%;
*/

	}
	
	
	.iknopteken{
		padding: 3px;
		margin-left: 10px;
	margin-right: 10px;
		font-size: 24px;
		grid-row: 1;
	}

	.izoekwrd{
		padding: 3px;
		margin-left: 10px;
	margin-right: 10px;
		font-size: 24px;
		grid-row: 1;
	}


.iKnopgram{
/*	grid-auto-flow: column;  or 'row', 'row dense', 'column dense' */
padding: 3px;
margin-left: 10px;	
	margin-right: 10px;
	float:left;
font-size: 24px;
	 grid-row: 1; 

}
.opzoekbox{
/*	grid-auto-flow: column;  or 'row', 'row dense', 'column dense' */
padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
font-size: 24px;
	grid-row: 1;

	
	float:left;
		border: 3px;


}

.getal{
/*		grid-auto-flow: column;  or 'row', 'row dense', 'column dense' */
padding: 3px;
margin-left: 10px;
	margin-right: 10px;
		float:left;
	font-size: 24px;
	
			grid-row: 1;

			}
.opzoekwrd_name{
	padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 24px;
	grid-row: 1;

outline: 2px dotted purple;
}


#iframe_kamus{
	position: absolute;
	top: 14rem;
	left: 50%;
	width: 45%;
	height: 50%;
}

#zinblad{
	grid-column: 19/25;
	grid-row: 3;
	font-size: 24px;
	
}
.p_ned_zin {
	width: 680px; /* was 850 */
background:#FACC2E;
padding:10px;
margin-bottom: 10px;
display: block;

-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;

}
.p_bah_zin {
	width: 680px;
background:#F8E0F1;
padding:10px;
margin-bottom: 20px;
display: block;
-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;

}
.zin_aantekening {
	width: 680px;
background:#E0FFFF;
padding:10px;
margin-bottom: 20px;
display: block;
-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;

}

#canvas0{

	margin-top: 30px;


}

.schaduw h2{
	
	text-align:center;
	position:relative;
	
	
}
.schaduw {
	position: absolute;
	top:40px;
	left: 70px;
	width:50%;
	height:60px;
	background:#FFF;
	margin:10px auto;
	z-index:1;
}
.effect1{ 
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}
.effect2
{
  position: relative;
}
.effect1:before, .effect1:after
{
  z-index: 0;
  position: absolute;
  content: "";
  bottom: 15px;
 /* left: 10px; */
  width: 70%;
  top: 80%;
  max-width:70%;
  background-color: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect1:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}




#d_registreer{
	grid-column: 9/18;
	grid-row: 3;
	align-self: center;
}

#chart3_div{
	grid-column: 1/5;
	grid-row: 3;
	align-self: center;
}
#chart_woordenboek{
	grid-column: 18/25;
	grid-row: 3;
	align-self: center;
}


#leerblad{
	
}
#leertitel > h2{
	padding: 5px;
	text-align: center;
	background-color: #FFFAF0;  /* floralwhite */
}
#leertitel > h4{
	padding: 5px;
	text-align: center;
	background-color: #FFFAF0;  /* floralwhite */
}
#frqt_leerknop_plek > input{
	
}
#destand {
	background: #FFFAF0;  /* floralwhite */
}

#p_inlog_caption {
	caption-side: bottom; 
	
}
#art_uitleg {
	font-family:helvetica;
	}



.re_inlog{

	position: relative;
	max-width: 40rem;
	grid-column: 1 / 9;

	

	grid-row: 3 ;

	background-color :  #FFFFCC;

outline: 2px dotted green;



}

#_zie_inlog{

	

	grid-column: 1 / 5;

	

	grid-row: 3 ;

	background-color :  #FFFFCC;

outline: 2px dotted green;

}



#geregistreerd_tabel {
	
	font-size: small;
	text-align:center;
	background-color:  #FFFAF0;
	
	
}

#inlog_tabel {
	
	font-size: small;
	background-color:  #FFFAF0;
}


#p_inlog_tabel {

	
	 font-size: small; 
	
	text-align:center;
	
	background-color:  oklch(from rgb(244, 159, 106) l c h / 0.5);
}

#chart_bezoekers{
	grid-column: 18 /25;
	grid-row: 3;
}

#track_ajax{
	grid-column: 18/25;
	grid-row: 3;
}

#Tragedie {
	font-family:helvetica;
	}


#invoerForm{
/*
	grid-column: 1/3;
	grid-row: 3;
	display: subgrid;
*/
	font-size: 24px;											
	
}

#k_nedArchief{
/*
	position: absolute;
	left: 10px;

	grid-column: 1;
	grid-row: 1;
*/	
}

#aantalw{
/*
	position: absolute;
	align-self: center;
	
	grid-column: 2;
	grid-row: 12;
*/	
}

#k_IndDivers{
/*
	position: absolute;
	right: 10px;

	grid-column: 18;
	grid-row: 1;
*/	
}
#tekst_URL{
/*
	grid-column: 2;
	grid-row: 1;
*/	
}

#gebruikDiv{
/*	grid-column: 1/8;
	grid-row: 3;
*/	
}


#iTekstVeld{
	position: absolute;
	 min-height: 500px;
	margin: 2px;
	 padding: 2px;
	 left: 2px;
	 right: 2px;
/*	grid-column: 1/4;
	grid-row: 4;
*/
}
#uitvoerForm{
	min-height: 3rem;
	grid-column: 8/19;
	grid-row: 3;
		background:#FFE4C4;
		outline: 2px dotted red;
}
#voorkeur{
	max-width: calc(100%/24*6);
	top: 3rem;
	left: calc(100%/24*8);
}
.wrd_bk_voorkeur{
	width: calc(100%/24*6);
	top: 14rem;

}

.pbetlijst{
	max-width: calc(100%/24*6);
}
.pzinlijst{
	max-width: calc(100%/24*6);

}
#vertaalmachineDiv{

	/*
	padding: 2px;
	
	grid-template-columns: clamp(200px, 40%, 500px) 1fr;
  grid-column: 1 / 2; 
  */
  min-height: 600px;
  grid-column: 9/18;
	grid-row: 3 / 5;
	/*
	grid-area: pantauan_div; 
	min-height: 70%; 
	grid-column: 9/19;
	grid-row: 3;
outline: 2px dotted red;

 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
*/
  }