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

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

h1, h2, h3, h4, h5, h6
{font-family: Arial, Sans-serif;
 color: #808080; 
 padding: 1em}


h4, h5
{border-top: 1px solid #808080;
 border-bottom: 1px solid #808080}
 
h2.inv
{background: #ddc49a;
font-size: 36px;
}

h1.nt
{background-color: #F8C471}

h2.nt
{background-color: #FAD7A0}

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

img.center
  {display: block;
  margin-left: auto;
  margin-right: auto}

img.text
  {display: inline-block;
   vertical-align: baseline;}

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

.3koloms
{column-count:3; column-width:20em;}

p.kopH2
{border-top: 3px solid #808080;
 border-bottom: 3px solid #808080;
 font-size: 24pt;
 font-family: Arial, Sans-serif;
 color: #808080; 
 padding: 1em;
 background-color: #FAD7A0}

.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: Orange;
    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
{vertical-align: top;
 border: 1px solid black;
 border-collapse: collapse}

thead
{text-align: left;
 color: red;
 font-size: 14pt}


table.nt
{border: 1;
 width: 100%;
 cols: 4}

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

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

table.nomen
{border: 1;
 width: 100%;
 cols: 3;
 background-color: #ffebcd}
 
table.quotes
{border: 1;
 width: 100%;
 cols: 2;
 background-color: #ffebcd}

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

tr
{vertical-align: top}

th
{vertical-align: top;
 border: 1px solid black;
 padding: 0.3em}

td
{vertical-align: top;
 border: 1px solid black;
 padding: 0.3em}

td.nt
{text-align: center}

td.small
{text-align: left;
 color:#6B5034;
 width: 10%;
 padding: 0.3em}

td.kad1
{font-size: 11pt;
 text-align: left;
 width: 8%;
 padding: 0.3em}

td.kad2
{font-size: 11pt;
 text-align: left;
 width: 28%;
 padding: 0.3em}

td.kad3
{font-size: 11pt;
 text-align: left;
 width: 13%;
 padding: 0.3em}

td.kad4
{font-size: 11pt;
 text-align: right;
 width: 7%;
 padding: 0.3em}

td.kad5
{font-size: 11pt;
 text-align: right;
 width: 5%;
 padding: 0.3em}


td.nr
{font-size: 11pt;
 font-weight: bold;
 text-align: right;
 width: 16%;
 padding: 0.4em}
 
td.nrsmal
{font-size: 11pt;
 font-weight: bold;
 text-align: right;
 width: 12%;
 padding: 0.4em}

td.inh
{font-size: 11pt;
 width: 65%;
 padding: 0.4em}
 
td.inhbreed
{font-size: 11pt;
 width: 84%;
 padding: 0.4em}

td.inhxbreed
{font-size: 11pt;
 width: 88%;
 padding: 0.4em}

td.uv
{font-size: 11pt;
 width: 19%;
 padding: 0.4em}
 
td.subnr
{font-size: 10pt;
 text-align: right;
 width: 16%;
 padding: 0.1em}

td.subinh
{font-size: 10pt;
 width: 65%;
 padding: 0.1em}
 
td.subuv
{font-size: 10pt;
 width: 19%;
 padding: 0.1em}
 
td.rub1
{width: 16%;
 font-size: 18pt; 
 font-weight: bold;
 text-align: left}
 
td.inh1
{width: 84%;
 font-size: 18pt;
 font-weight: bold; 
 text-align: left}

td.rub2
{width: 16%;
 font-size: 14pt; 
 font-weight: bold;
 text-align: left}
 
td.inh2
{width: 84%;
 font-size: 14pt;
 font-weight: bold; 
 text-align: left;
 margin-left: 10px}
 
td.rub3
{font-size: 12pt;
 width: 16%;
 text-align: left}
 
td.inh3
{font-size: 12pt;
 width: 84%;
 text-align: left;
 margin-left: 20px}

td.rub4
{font-size: 11pt;
 width: 16%;
 text-align: left}
 
td.inh4
{font-size: 11pt;
 width: 84%;
 text-align: left;
 margin-left: 30px}

td.rub5
{font-size: 10pt;
 width: 16%;
 text-align: left}
 
td.inh5
{font-size: 10pt;
 width: 84%;
 text-align: left;
 margin-left: 40px}

td.rub6
{font-size: 9pt;
 width: 16%;
 text-align: left}
 
td.inh6
{font-size: 9pt;
 width: 84%;
 text-align: left;
 margin-left: 50px}
 
td.tabelnaam
{font-size: 11pt;
 font-weight: bold;
 text-align: left;
 width: 24%;
 padding: 0.4em}

td.tabelnr
{font-size: 11pt;
 text-align: right;
 width: 4%;
 padding: 0.4em}

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

pre
{font-family: courier;
 font-size: 10pt}
 
div.bevat
{font-size: 10pt;
 padding: 0.1em}

.red
{color: #FF0000}

.rood
{background-color: #FF0000;
 color: white}
 
.zwart
 {background-color: #000000;
 color: white}