body
{font-family: Arial, Sans-serif}

h1, h2, h3, h4, h5, h6
{color: #808080; 
 padding: 1em}

h1, h2
{border-top: 3px solid #808080;
 border-bottom: 3px solid #808080}

h3
{border-top: 2px solid #808080;
 border-bottom: 2px solid #808080}

h4, h5
{border-top: 1px solid #808080;
 border-bottom: 1px solid #808080}
 
h1.bibl
{background-color: #F8C471}

h2.bibl
{background-color: #FAD7A0}

h3.bibl, h4.bibl
{background-color: #F9E79F}

aside	{
float:right;
width: 400px;
padding: 0 0 10px 10px;
color:Yellow;
background-color:#663300;}
	
article	{
padding: 10px 10px 10px 10px;
background-color:#663300;}

.schema	{color:#FFCC00;
	font-size:18px;}

.kader  {float:right;
         background-color:#663300;
         width:350px;
         margin:1em;
         padding:1em;
         margin-right:0px;
         color:#E8F7DF;}

.topnav {
  overflow: hidden;
  background-color: DarkOliveGreen;}

.topnav a {
   float: left;
   color: #f2f2f2;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   font-size: 17px;}
 
.topnav a:hover {
   background-color: #ddd;
   color: black; }
 
.topnav a.active {
   background-color: Beige;
   color: DarkOliveGreen; }

.scrolling-text-container {
     background-color: #eff5ff;
     border-radius: 4px;
     overflow: hidden;
     position: relative;
     top: 5px;}
 
.scrolling-text-inner {
     display: flex;
     white-space: nowrap;
     font-size: 16px;
     font-weight: 600;
     padding: 8px 0;}
 
.scrolling-text {
     display: flex;}
 
.scrolling-text-item {
     padding: 0 30px;}
 
.scrolling-text-inner>div {
     animation: var(--direction) var(--marquee-speed) linear infinite;}
 
.scrolling-text-container:hover .scrolling-text-inner>div {
     animation-play-state: paused;}
 
 @keyframes scroll-left {
     0% {transform: translateX(0%);}
     100% {transform: translateX(-100%);}
 }
 
 @keyframes scroll-right {
     0% {transform: translateX(-100%);}
     100% {transform: translateX(0%);}

a.button
{border: none;
 color: white;
 width: 200px;
 padding: 6px 12px;
 text-align: center;
 font-size: 11pt;
 display: inline-block;
 text-decoration: none;
 margin-top: 6px;
 margin-bottom: 6px;
 margin-right: 6x;
 margin-left: 6px}

a.button-bruin
{background-color: #935116}

a.button-grijs
{background-color: #AAB7BB}

a.button-groen
{background-color: #4CAF50;}

a.button-oranje
{background-color: orange}

a.button-rood
{background-color: red;}

a.button-blauw
{background-color: navy}

a.button-bleu
{background-color: #33809e;}

a.button-zwart
{background-color: black;}

a.button-rose
{background-color: #FF7777;}

a.button-zeegroen
{background-color: #3CB371;}