/*
========== css voor DESKTOP ==========
   (bruine kleur: D7A657 maar soms ook C59D58)
*/

/* ----------------------------- alles ------------------------------------- */
* {box-sizing:border-box;}
body {background:url(img/grijzeachtergrond.png); font-family:Arial,Helvetica,Verdana,Calibri,sans-serif; margin:0; padding:0;} 
h2 {color:#D7A657;}
h3 {color:#D7A657; font-size:130%; font-style:italic; font-weight:bold; height:35px;}
img {border:none;}
a {text-decoration:none; color:gray; font-weight:bold;}
a:hover {color:#D7A657; text-decoration:underline; }
table {table-layout:fixed; border-collapse:collapse;}
.in:first-letter {padding-left:15px;}                                /* indent van 1e regel van een paragraaf */
.uit {padding-left:15px;}  .uit:first-letter {margin-left:-15px;}    /* outdent van 1e regel van een paragraaf */
textarea {font-family:Arial;}
#totaal {width:90vw; min-width:602px; max-width:1200px; margin:0 auto;  /* buitenste div */
	background-color:transparent;}
.links {float:left;}
.rechts {float:right;}
.clear {clear:both;}
.rood {color:red;}
form {break-inside:avoid;}
.padding {padding:15px;}

/*
========================= hier alle css voor sektie 1: logo en menu =====================
*/
#imgtop {width:100%} /* verkleinen bij kleiner scherm */
#sektietop {position:relative; text-align:center;}
#logohead {padding:40px 0 10px 0; width:75vw; max-width:999px;}
#menutop {float:right; margin-top:5px;}
#menutop #vlag1 {position:absolute; right:0; width:51px; padding:5px 0 5px 5px; background-color:white;} 
#menutop .vlag3 {padding-top:4px;}
#menutop .pleft{visibility: hidden;}
#menutop .vlag3:hover .pleft{visibility: visible;}
.stripmenu {width:100%; display:flex; justify-content:space-between; padding:0 15px;}
nav a {text-decoration:none; color:gray; font-weight:bold;}
nav a:hover {text-decoration:underline; color:#D7A657; font-weight:bold;}
nav .copy {font-size:75%;}
.menuyes {color:#D7A657; font-weight:bold;}

/*
========================= hier alle css voor sektie 2: musea =====================
*/
.sektiemusea {position:relative; background:#fff; width:100%; border-radius:9px; margin-bottom:10px;} 
.museacols2v1 {column-count:2;}
.museacols3v2 {column-count:3;}
.museacols3v2 td, .museacols3v2 h1, .museacols3v2 h2, .museacols3v2 h3 {break-inside:avoid;}

/* -------------------------  hier sektie 3 inhoud ------------------------- */
#museakop {padding:25px 25px 0px 25px;}
#museabody {padding:0 25px 1px 20px;}
.museavoet {border-radius:0 0 9px 9px; padding:6px; /* background-color:#7C7C7C;*/
	color:white; text-align:center; font-size:75%;}

/* -------------------------- 4: bij details en links ---------------------- */
.divleft {float:left; width:40%;} 
.divright {float:right; width:60%;}

form {column-break-inside:avoid; break-inside:avoid;}

/* --------------------------- grootte scherm ----------------------------   */
/* alles>980px:  .museacols3v2:3 kolommen */ 
@media (min-width:800px) and (max-width:980px)
	{.museacols3v2 {column-count:2; column-width:50%;}
	}
@media (min-width:500px) and (max-width:799px)
	{/*.museacols3v2 {column-count:1;}   wel naar 1 bij mobiele versie*/   
	.museacols2v1 {column-count:1;}
	#advertenties {max-width:350px; column-count:1; column-width:350px;}
	}
@media (max-width:499px /* <grootte<499 */)
	{#logohead {padding-bottom:40px;}  /* extra ruimte zodat vlaggen niet over "mobiel"-menu-item */ 
	}