:root {
/* Colors */
--kleur-roodbruin: #7a1e21;
--kleur-achtergrondgeel:  #FFFFF0;
--kleur-oranje: #e4dad1;
--kleur-donkeroranje:#C3B1B1;
--kleur-wit: rgba(255, 255, 255, 1.0);
--kleur-geel: #eeeadd;
--kleur-blauw:#07409A;
--kleur-grijs:#999;
--kleur-donkergrijs:#666;
--kleur-kruimelgeel: #fbefd8;
}

html { 
    background-color:var(--kleur-grijs); 
}
body{
    background-color:var(--kleur-achtergrondgeel);
}
h1.pagina-titel,h2.pagina-titel,.pagTitel, .logotitel, h2, h3, h4 {color:var(--kleur-roodbruin);}

main a, a[href^="http://"], a[href^="https://"] {color:var(--kleur-blauw)}
a:link, a:active, a:visited,.mfp-bg a:link,.mfp-bg a:active, .mfp-bg a:visited, select, .ajaxSluitFlaptekst, .ajaxFlaptekst {color:var(--kleur-blauw)}
img a:link, img a:active, img a:visited {color:var(--kleur-wit)}

.divblokje{border-color: var(--kleur-blauw)}

.blok p {border: var(--kleur-blauw);}
.xblok {background-color:var(--kleur-oranje); }
.blok figcaption {color:var(--kleur-donkergrijs)}
figcaption {background-color:var(--kleur-oranje)}
.kleur-oranje {background-color:var(--kleur-oranje)}
.kleur-rood-bruin {background-color:var(--kleur-roodbruin)}
.kleur-wit {background-color:var(--kleur-wit)}
h1, h2, .noot {color:var(--kleur-roodbruin)} 

div.lg-img-wrap {background-color:var(--kleur-donkergrijs); }

main, .main  {border-left-color:var(--kleur-donkeroranje); }
header {border-bottom-color:var(--kleur-donkeroranje);}

.kruimelpad{
    background-color: #fbefd8;}
hr {color:var(--kleur-donkeroranje)}    

/* blok autocomplete */
.ui-menu {	
	background-color: var(--kleur-achtergrondgeel);
}

.ui-menu-item {
	border-color:#0076a3;
}

input[type=text]{
	background-color:  var(--kleur-achtergrondgeel);
	color:var(--kleur-donkergrijs); 
	border-color:#0076a3;
}

.button {padding: 0.1em;
	color:var(--kleur-donkergrijs); 
	border-color:#0076a3;
}
.citaatlijn {padding: 0.1em;
	border-color:var(--kleur-donkergrijs); 
}

.roodbruin {color:var(--kleur-roodbruin)}