/* ====================================================================================== */
/* Vlag staat in Algemeen, Landschap en Portret */
.Vlag 		{width:60px; height:40px; margin:0em 0em 0em 0.0em; float:left; DDdisplay: inline; vertical-align: bottom;} /* 48px 32px margin:0% 0.3em 0% 0%; */

.Vlag-H3 	{width:60px; height:40px; margin:0em 0em 0em 0.0em; DDdisplay: block;
  margin-left: auto;
  margin-right: auto;} /* 48px 32px margin:0% 0.3em 0% 0%; */

.Vlag-GT 	{width:60px; height:40px; margin:0.4em 0em 0em 5em;}


/* ====================================================================================== */
body	{background-color:#00baff;
		font-family: Comic sans MS;
		color: white;
		text-align:left; /* Uitvullen of Left, test*/
		top: 0px !important; 
		position: static !important;	/* GT toolbar-iframe-RUIMTE onderdrukken */	   }
}	


/* ====================================================================================== */			
img {color:red;	}

img::before {
	border: 3px solid red;
	border-style: hidden;
    color: red;
    background:;
	padding:0 0.5em;
    }	/* Werkt niet, wordt overruled blijkbaar */

img::after {
	border: 3px solid red;
	border-style: hidden;
    color: red;
    background:;
	padding:0em 0.5em 0em 0.5em;
    content: ": image missing (please report, thanks)";
}


/* ====================================================================================== */
.Inhoud		{margin:0em auto;}		/* Centreren */
.Menu		{height:70vh; font-size:inherit; margin:0%; float:right}  /* MENU is Altijd Portrait !!! */
.Hoog		{line-height: 1.5;}	/* Hoge knop */


/* ====================================================================================== */
img, .Fotoshow-563, video, .Video-drone, audio /* NIET afsluiten met een komma ! */
{width:100%; max-width:1000px;}
img, .Fotoshow-563, Naast-Elkaar, iframe, video, .Video-drone, audio, .Gastenboek, fieldset /* NIET afsluiten met een komma ! */
{margin:1.0em auto 0em; display:block;}
/* img, video, audio {height:auto; display:block;} */
img, .Fotoshow-563, Naast-Elkaar, iframe, video, audio, .Inhoud, .Gastenboek, .Video-drone /* NIET afsluiten met een komma ! */
{border:0px; padding:0px;}
img 
{box-sizing:border-box; height:auto;} /* Width en height zijn inklusief padding en border maar Zonder margin  */


/* ====================================================================================== */
/* Knop en Menuknop verhuisd uit artikelen
/* Opmaak voor button-knoppen, NIET Voor links in regels */
.Knop	{	
		cursor:pointer;
		background-color:#55d0ff;
		color:white;
		border:none;
		border-radius:8px;
		padding:0.2em 0.7em;	/* 0.2	0.7 RRRem */
		margin:0.15em 0.2em;
		font-family:Comic sans MS;
		text-align:center;
		text-decoration:none;
		box-sizing:border-box;}
.Menuknop	{background-color: #3d90ba;} /* Zelfde opmaak voor Menu-knop en GT-knop */	
button		{height:1.6em; font-size:1.0em}	/* Hoge button,  (a href werkt niet met javascript) */


/* ====================================================================================== */
Naast-Elkaar, Naast-Elkaar-Knoppen 			
				{box-sizing: border-box;
				justify-content:center;	/* Voor fotos */
				display:flex;
				margin:0em 0em;}	/* 1em vertikaal */
Naast-Elkaar-Knoppen	{flex-wrap: wrap;}

/* LANDSCAPE LANDSCAPE LANDSCAPE LANDSCAPE LANDSCAPE LANDSCAPE */ 
@media screen and (orientation:landscape) 	{Naast-Elkaar	{flex-wrap: nowrap;}	}
/* PORTRAIT PORTRAIT PORTRAIT PORTRAIT PORTRAIT PORTRAIT */
@media screen and (orientation:portrait) 	{Naast-Elkaar	{flex-wrap: wrap;}		}		


/* ====================================================================================== */
p				{text-indent:1em;}
.Centreren 		{text-align:center; TTtext-indent:-1em;} 	/* Indent kompenseren indien centreren */
.Inspringen		{padding:0em 0.5em;}	/* Voor legends en links */
.Halve-Regel	{height:0.25em; }	 /* class voor hoogte van een een lege regel */
.Tabel			{margin-left:auto; margin-right:auto;} 	/* centreren van tabel */


/* ====================================================================================== */
/* NIET vervangen door Nl-namen want dan zijn het Classes ! */
/* In Menus only, ivm kleur vd vlaggen tov tekst !  */
Green			{color:lightgreen;}  
Lightgreen		{color:#6aff2f;}
Yellow 			{color:#ffe233;} /* #FFBF00; #ff9633; */
Red				{color:red;}
White			{color:white;}
Blue			{color:blue;}

/* Voor tekst in fieldsets */
.Rood		{color:red;}
.Groen		{color:lightgreen}  
.Geel 		{color:#ffe233;} /* #FFBF00; */
.Blauw		{color:#55d0ff;}
.Wit		{color:white}

.Rand-Blauw	{border:0.3em solid #55d0ff;}
.Rand-Groen	{border:0.3em solid lightgreen;}
.Rand-Geel	{border:0.3em solid #ffe233;}
.Rand-Rood	{border:0.3em solid red;}
.Rand-Wit	{border:0.3em solid white;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxX */