/*   een bewerkte kopie van style_rogier.css
		
	update:
		2026-10-24  "Toelichting" bij spreuken  <h3> paars => blauw

*/

/*  TOELICHTING
	Standaard  - zoals h1 - moet zonder . ervoor, andere met .  
*/


/* INDELING 
	Deel #01  algemeen html
	Deel #02  tekst (klein, citaat, ... )
	Deel #03  lijsten (ul, dl, ...)
	Deel #04  enkelvoudige items (groen, inspringen_10, ... )
	Deel #05  bovenblok, datablok, strook onderaan
	Deel #06  bron ( boek, ...) 
	Deel #07  spreuken	
	*/

/* Deel #01  algemeen html	
   =======================
	*/
	

body {
   background-color: #F0F8FF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
}

p {
   border: 0;
   margin : 0px 15px 0px 60px;
   font-size : 14px;
}

pre{
   font-family : Arial, Helvetica, sans-serif;
   margin : 0px 15px 0px 60px;
   background-color : transparent;
   font-size : 14px;
}

h1 {
   font-size : 24px;
   color : #DF0101;
   margin-top: 0px;   
   margin-bottom: 10px;   
}

h2 {
   font-size : 20px;
   color : Blue;
   margin-left: 15px;
   margin-top: 5px;
   margin-bottom: 5px; 
}

h3 {
  font-size: 16px;
  margin: 10px 15px 0px 30px;
  color: blue;
}

h4 {
   margin : 10px 15px 0px 0px;
   font-size : 16px;
   margin-left: 45px;   
   margin-bottom: 0px;
}

h5 {
   margin : 10px 15px 0px 0px;
   font-size : 12px;
   margin-left: 55px;   
   margin-bottom: 0px;
}

div { /* zelfde instellingen als p, eventueel overrulen */
   border: 0;
   margin : 0px 15px 0px 60px;
   font-size : 14px;	
}	

A:link {
   color : Green;
   text-decoration : none;
}

A:visited {
   text-decoration : none;
   color : Green;
}

A:active { color : Red; }

A:hover {
   TEXT-DECORATION: underline;
   color : Red;
}



/* Deel #02  tekst (klein, citaat, ... )	
   =====================================
	*/

.citaat {
   margin-left : 100px;
   font-size : 14px;
   font-style : italic;
   font-family : Arial, Helvetica, sans-serif;
}

.klein {
   font-family : "Arial Narrow";
   font-size : 14px;
   margin-left : 80px;
   font-style:italic;
}

.inspringen {
   margin-left : 100px;
   font-family : Arial, Helvetica, sans-serif;
}

.geen_return {
   margin-top : 0px;
   margin-bottom: 0px;
}

.nr_vers {
   font-size: 12px;
   color: #999999;
}

.actualiteit {
   margin-left: 30px; 
   font-size: 32px;
   color: #9900FF;
}

.actualiteit_klein {
   font-size: 16px;
   color: #9900FF;
}

.ondertitel {
   font-size: 20px;
   color: green;
}

.kolomkop { 
	color : Blue; 
	background-color: yellow;
	}

.voetnoten {
	font-size: 12px;
}	

.td_zilver {
	border:thin silver solid; 
	vertical-align: top;
}

.rand_blanco {
	border-style: hidden;; 
}

.rechts_20 { /* marge rechts */ 
	margin-right : 20px;
}	

	
/* Deel #03  lijsten (ul, dl, ...)	
   ===============================
	*/
	
ul {
   margin-top : 0px;
   margin-bottom : 0px;
   margin-left : 50px;
}

ol {
   margin-top : 0px;
   margin-bottom : 0px;
   margin-left : 50px;   
}

li {
   margin-left : 5px;
   font-size : 14px;
   font-family : Arial, Helvetica, sans-serif;
   margin-top : 0px;
}

dl{
   border: 0;
   margin : 0px 15px 0px 60px;
}

dd{
   border: 0;
   margin : 0px 20px 0px 40px;
   font-size : 14px;
}

dt{
   font-size : 15px;
   font-weight: bold;
   font-size : 14px;
}


/* navigatie  */

	
	
/* Deel #04  enkelvoudige items (groen, inspringen_10, ... )
   =========================================================
	   combineerbaar
	   bvb.: <span class="vet gr24 groen">
*/

.inspringen_10 { margin-left: 10px; }
.inspringen_20 { margin-left: 20px; }
.inspringen_50 { margin-left: 50px; }
.inspringen_75 { margin-left: 75px; }
.inspringen_100 { margin-left: 100px; }
.inspringen_150 { margin-left: 150px; }
.inspringen_200 { margin-left: 200px; }

.wit { color: white; }
.blauw { color: blue; }
.groen { color: green; }
.rood { color: red; }
.oranje { color: #FFA500; }
.zwart { color: black; }
.paars { color:  #FF00FF; } /* fuchsia   */ 
.violet { color: violet; }
.indigo { color: indigo; }
.magenta{ color: #FF00FF; }
.grijs { color: gray; }
.bruin {color:  #800000; }
.bordeau  {color:  #C00000; } /*darkred */ 

.gr10 {font-size : 10px; }
.gr11 {font-size : 11px; }
.gr12 {font-size : 12px; }
.gr13 {font-size : 13px; }
.gr14 {font-size : 14px; }
.gr16 {font-size : 16px; }
.gr17 {font-size : 17px; }
.gr18 {font-size : 18px; }
.gr20 {font-size : 20px; }
.gr22 {font-size : 22px; }
.gr23 {font-size : 23px; }
.gr24 {font-size : 24px; }
.gr28 {font-size : 28px; }
.gr32 {font-size : 32px; }
.gr36 {font-size : 36px; }
.gr40 {font-size : 40px; }
.gr44 {font-size : 44px; }
.gr48 {font-size : 48px; }
.gr55 {font-size : 55px; } 
.gr64 {font-size : 64px; } 

.achtergrond_wit { background-color: white; }
.achtergrond_lichtgrijs { background-color: #E3E4E0; }
.achtergrond_groen { background-color: green; }
.achtergrond_lichtgeel { background-color: #FFD744; }

.vet { font-weight: bold }

.links_uit { text-align: left;}
.midden_uit { text-align: center;}
.rechts_uit { text-align: right;}


.bgc_geel { background-color : yellow; }
.bgc_blauw { background-color : blue; }


/* Deel #05  bovenblok, datablok, strook onderaan
   ==============================================
	*/
	
.status_1 {
	color : blue;
	background-color: yellow;
	width: 300 px; 
	margin-left : 20px;		
}

.trefwoord_kop_1  {
	color: indigo; 
	font-size : 20px;
	margin-top: 0px;  
	margin-bottom: 0px;   
	margin-left : 0px;	
}

.trefwoord_kop_2 {
	color: blue; 
	font-size : 13px;
	margin-left : 10px;	
}
.trefwoord_tekst {
	color: green; 
	font-size : 13px;
	margin-left : 30px;	
}


/* Deel #06  bron ( boek, ...) 
   ===========================
	*/

.k1_bron { 
	width: 100px; 
	color: #556655;  
	vertical-align: top; 
}	
		
.k2_bron { width: 450px; }	


/* Deel #07  spreuken
   ==================
	*/

.nav_balk {
	background-color:#33CC66;
	
}	
	
.nav_opmaak_1 {
	color: blue; 
	font-size : 20px;
}