body {
	background: #fff  url(../images/bg2.jpg)  repeat top center ;      /*  achtergrond afbeelding foto is transparant wit + foto 10% */
	background-attachment: fixed;					  /*   extra   */
/*	font-family: "Fira Sans", Arial, sans-serif;	niet in gebruik    -   extra optie font veranderen   */

}

b, strong {
color: #016799;			/* extra om de vetgedrukte tekst een zachtere kleur geven, blauw of zo */
}


h1, .h1 {
  font-size: 1.3rem;		/* 1.857 was veel te groot nu 1.3 */
}

h2, .h2 {
  font-size: 1.15rem;		/* 1.571 was veel te groot nu 1.15 */
color: #016799;
}

h3, .h3 {
  font-size: 1.1rem;		/* 1.286 was veel te groot 1.1 */
}

h4, .h4 {
  font-size: 1rem;		/* 1rem standaard niet aangepast  */
}

h5, .h5 {
  font-size: 0.9286rem;		/* 0.9286rem standaard niet aangepast  */
}

h6, .h6 {
  font-size: 0.8571rem;		/* 0.8571rem standaard niet aangepast  */
}


/* ++++++++++++++++++++++  header kleur aanpassingen ++++++++++++++++++++++++++ */



.container-header {
  position: relative;
  z-index: 10;
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

:root {
  --cassiopeia-color-primary: #016799;      /* kleur 1 links bg 016799 algemene basis kleur aanpassen   */
  --cassiopeia-color-link: #01349B;        /*  224faa nu #01349b linkkleur aanpassen o.a. edit link en mouse over  */
  --cassiopeia-color-hover: #1b578f;       /*  kleur 2 rechts 1b578f en hover algemene basis kleur aanpassen   */
}








/* ++++++++++++++++++++++  menu aanpassingen ++++++++++++++++++++++++++  */

/* ++++++++++++++ Let op!  sommige aanpassiggen werken niet als style op none, html5 of ..... staat,,, ++ */  



/* 				dit werkt voor aanpassingen menu             */
.card {
  position: relative;    	/* standaard */
  display: flex;		/* standaard */
  flex-direction: column;	/* standaard */
  min-width: 0;		        /* min-width 0, 270+ hiermee kun je menu verbreden, maar breekt dan eerder af, slecht voor mobiel, niet doen */
  word-wrap: break-word;	/* standaard */
  background-color: #016799;    /* was  background-color: white;  */
  background-clip: border-box; 	/* standaard */
  border: 5px solid #016799;    /* border: 1px solid #dfe3e7, border is extra rand niet de blauwe achtergrond, mooie rand kies dan voor 5, kleur blauw en bij radius 0.75  */ 
  border-radius: 0.75rem; 	/* 0.25  rondingen border menu nu 0.75 en hierboven border 5  */
  color: #ffffff;		/* alle overige teksten in blauwe achtergrond wit, zie ook hieronder bij -header, -body en list group */
}



.card-header {
	background-color:#016799;	/* ter voorkoming kleurverschil menu titel en menu bg */
	color: #ffffff;  		/* tekstkleur titel Hoofd Menu, wit alleen blij blauwe achtergrond, anders blokken  */
	padding-left: 20px;  		/* titel Hoofd menu links 20 geldt ook voor login */
	border: 0px;			/* border 0px haalt lijn tussen titel hoofdmenu en menu weg  */
	font-weight: normal; 		/* titel hoofd menu bold of normal weer te geven, bold niet mooi */

}

.card-body {
	color: #ffffff;		/*  tekstkleur welkom bij inloggen je naam   */
}

.list-group {
	color: #333333;   	/* bij witte list achtergrond - belangrijk  */
}



.mod-menu {
	line-height: 1.0em;  	/* werkt! std 1.59em advies 1.78em Regelafstand menu knoppen */

/*	padding-left: 5px;	oud  werkt! iets inspringen voor hover en active kleur */
/*	text-decoration: none;	oud  onderlijnen aan of uit  */
}



.small {
	font-size: 1rem;	/*    om sub menuknop tekst even groot als menuknop te maken    */
/*  	padding-left: 8px;   springt nu wel in niet meer nodig      */
}




.sidebar-left a,
.sidebar-right a {
	color: #ffffff; 	/* andere menu Link kleur wit, BLOKKEER bij standaard template  */
/*	padding: 5px;		 werkt! rondom voor achtergrondkleur hover en active kleur */
/*	text-decoration: none;	 onderlijnen aan of uit werkt? */
}


/* ++++++++++++++++++++++  eigen link knop in kleur aanpassingen ++++++++++++++++++++++++++  */


#boventitel
{
background-color:#016799;      	/* maakt knop met border met blauwe achtergrond    background-color:#1b578d;      */ 
font-size: 0.95rem;
color: #ffffff; 
text-decoration: none;          /* onderlijnen uit */
padding: 4px 5px 4px 5px;       /* bepaald ruimte om tekst  4px 5px 4px 5px     */
border: 2px solid #CCCCCC;	/* border grote 2   */
/*line-height: 1.9em;              extra ruimte onder blauwe vak voor de tekst, hierdoor bij td boventitel een mindere ruimte opgeven       */
}

#boventitel100				/*  om link in table wit te maken    */
{
font-size: 0.95rem;
background-color:#016799;            	/* blue #1a799e  fel  0a7ede  5488b4  0099cc 537FAE  1B94BB nu 016799  */ 
color: #ffffff; 
padding: 4px 5px 4px 5px;       /* bepaald ruimte om tekst  4px 5px 4px 5px     */
text-decoration: none;		/* onderlijnen aan of uit werkt */
border: 0px solid #CCCCCC;	/* border grote uit 0   */

}





/*  +++oud+++ */




.sidebar-left,
.sidebar-right {
/*	background: #016799;     werkt! 016799 Menu achtergrond kleur hele menu, normaal wit fff optie blauw #016799 ook witte links dan bij sitebar-left a */
/*	padding: 0px;		 werkt extra rand buiten menu, niet nodig */
/*	text-decoration: none;	 onderlijnen aan of uit werkt */
}






.sidebar-left a:hover,
.sidebar-right a:hover {
/*        background: #2e87d8;		 2e87d8 om hover kleur menuknop aan te geven */
/*	text-decoration: none;	 onderlijnen aan of uit werkt */
/*	padding: 5px 5px  5px 5px;	  werkt! hoverkleur rondom maten gelijk aan sidebar-left, right */ 
	
}



.sidebar-left .active,
.sidebar-right .active {
/*        background-color: #2375be;	 active achtergrondkleur active link */
/*	text-decoration: none;	 onderlijnen aan of uit werkt */
/*	padding:  2px 0px  2px 0px;	 voor kleur rondom bij active */
/*	font-weight: normal;		 om tekst active menuknop bold of normal weer te geven, bold niet mooi in Edge */

} 


.sidebar-left .current,
.sidebar-right .current {
/*        background-color: #2e87d8;	 2e87d8 active achtergrondkleur active link */
/*	padding:  2px 0px  2px 0px;	 voor kleur rondom bij active */
/*	font-weight: normal;		 om tekst active menuknop bold of normal weer te geven, bold niet mooi in Edge */
/*	text-decoration: none;	 onderlijnen aan of uit werkt */

}


 /* #back-top {   background-color: #1b578f;} vervalt zit nu in root kleuren...  kleur veranderen in pijl naar boven in cassiopeia template als back-to-top link yes  */



/*
.container-header {             oud
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #016799;						   /* was #434178 paars nu  #112856  */
    background-image: linear-gradient(135deg, #016799 0%, #1b578f 100%);   /* was links #112856 0%, rechts #434178 100% - new #112856 en #1b578f of #1b578f en #016799 hier begin en eindkleur header */
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

 */


/* text-decoration: none;	

container-search

*/