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

h1, h2, h3, h4, h5, h6
{font-family: Arial, Sans-serif;
 color: darkGreen;
 background-color:BlanchedAlmond}
`
h2.afko
{background-color: lightgrey;
 color: blue;}

img.left {
  max-width: 25%;
  max-height:15%;
  float: left; margin-right:10px;}
  
p 
{font-size: 1.2em;}

table
{vertical-align: top;
 border: 1px solid brown;
 border-collapse: collapse}
 
thead
{text-align: left;
 color: red;
 font-size: 14pt}

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

tr
{vertical-align: top;
 border: 1px solid brown}
 
tr:nth-child(odd) {background-color: beige;}
tr:nth-child(even) {background-color: lightgreen;}
 
 
tr:hover {background-color: orange;}

td
{vertical-align: top;
 padding: 5px;
 border: 1px solid brown}
 
td.afko
{color: white;
 background-color: tomato}

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;}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.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: #04AA6D;
  color: white;
}

/* Container styles */
.scrolling-text-container {
    background-color: #eff5ff;
    border-radius: 4px;
    overflow: hidden;
}

/* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 0;
}

/* Text styles */
.scrolling-text {
    display: flex;
}

.scrolling-text-item {
    padding: 0 30px;
}

/* Apply the animation to the text items */
.scrolling-text-inner>div {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner>div {
    animation-play-state: paused;
}

/* Setting the Animation using Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }

table.sub
{font-size: 10pt;
 padding: 0em}

table.kad
{border: 1;
 width: 100%;
 cols: 11}

table.inv
{border: 0;
 width: 100%;
 cols: 3}
 
table.rub
{border: 0;
 width: 100%;
 cols: 2}

table.inl
{border: 1;
 border-collapse: collapse;
 width: 100%;
 cols: 2;
 bgcolor:#F7CAAC}

table.eti
{font-family: Arial, Sans-serif;
 font-size: 10pt;
 font-weight: bold;
 text-align: left;
 width: 100%;
 cols: 3}
 

blockquote.op 
{font-family: "Trebuchet MS, Tahoma, Verdana, Geneva, Arial";
 font-size: 14pt;  
 color: #FF0000}

pre
{font-family: courier;
 font-size: 10pt}

div.cols2
{columns:2;
column-width:20em;
column-gap:50px; 
column-rule:thin solid grey; }
 
div.bevat
{font-size: 10pt;
 padding: 0.1em}
 
iframe.pdf
{width: 100%;
 aspect-ratio: 4 / 3;}

.red
{color: #FF0000}

.blad
{color: #F39C12;
background-color: blue;
font-size: 14pt;
font-weight: bold}

.hh
{color: navy;
background-color: orange;
font-size: 14pt;
font-weight: bold}