body {
              background-color: #edd4ff;
              }
              
              
          ul {
              margin: 0px;
              padding: 0px;
              list-style-type: none;
              position: fixed;
              top: 2em;
              left: 0.5em; 
              width: 11 em
              }
        li a {
              text-align: center;
              line-height: 2.5;
              margin-top: 1px;
              margin-left: 2px;
              width: 170px;
              height: 40px;
              background-color: lightblue;
              padding: 20px
              border-left: solid 4px #5483BF;
              color: #F2E4C9;
              text-decoration: none;
              display: block;
              border-radius: 15px 15px 15px 15px;
              font-size: 16px;
              }
  li a:hover {
              color: white;
              border-left: solid 4px #F2E4C9;
              background-color: #5483BF;    
              }
.buttonruimte {margin: 10px 0px 10px 0px;}
 
 
      a:link {
              color: purple}
   a:visited {
              color: blue}

     address {
              margin-top: 1em;
              padding-top: 1em;
              border-top: thin dotted
              }
 
         h1 {
              text-align: center;
              font-size: 60px;
              color: #CC00FF;    
              } 
 
          ol {
              font-size: 28px;
              }
              
.legendeLetterGrote {
              font-size: 14px;
              }             
              
.Grijzeartikelkleur {
              padding-left: 15px;
              padding-top: 5px;
              padding-bottom: 5px;
              background-color: #D3D3D3;
              border-radius: 15px;
              } 

 .positiefnieuws {
              padding-left: 15px;
              padding-top: 5px;
              padding-bottom: 5px;
              background-color: #90EE90;
              border-radius: 15px;
              }                  

 .alertnieuws {
              padding-left: 15px;
              padding-top: 5px;
              padding-bottom: 5px;
              background-color: #F4A460;
              border-radius: 15px;
              } 
 
 .kritieknieuws {
              padding-left: 15px;
              padding-top: 5px;
              padding-bottom: 5px;
              background-color: #FF6347;
              border-radius: 15px;
              }          
                               
              
 .kleurbuttonnieuw {
              background-color: orange;
              }   
 .kleurbuttonrecent {
              background-color: LightGreen;
              }  
 .kleurbuttonopkomst {
              background-color: LightSkyBlue;
              }                 
 .kleurbuttonbijgewerkt {
              background-color: #D0A9F5;
              }  
         .rood{
               color: red; 
              }  
        .groen{
               color: green; 
              }   
        .paars{
               color: purple; 
              }   
        .zwart{
               color: black; 
              } 
   .lichtgrijs{
               background-color: lightgray;
               } 
   .donkergrijs{
               background-color: darkgray;
               } 
   .zilverkleur{
               background-color: silver;
               }                  
   .lichtblauw{
               background-color: lightblue;
               } 
                                                                            
 .Openingsurentabel {
              font-size: 24px;
              text-align: center;
              margin-left: auto;
              margin-right: auto;
              }

     .locatie {
              text-align: center;
              margin-left: auto;
              margin-right: auto;
              }

 .subtitel2weergave{
              color: blue;
              font-size: 40px;
              font-weight: bold;
              }                

          h2 {
              font-size: 40px;
              color: blue;
              }    
 
         form {
               font-size: 28px;
               }

          p  {
              font-size: 28px;
              margin: 0px 0px 0px 20px;
              }

         div {
              font-size: 28px;
              }             

 table, th,td{
               border: 1px solid black;
               border-collapse: collapse;
              }
       th, td{
              padding: 15px; 
              }

           h3 {
              color: #000000;
              font-size: 150%;
              } 

           h4 {
              font-size: 125%;
              color: blue;
             }
 
     button {
              background-color: cornsilk;
             }
 
 input[type=radio] {
              border: 0px;
              width: 50px;
              height: 0.95em;
              }    

input[type=checkbox] {
              border:0px;
              width: 50px;
              height: 0.95em;
              } 

            a {
              color: black;
              text-align: left;
              }

  .pagination {
              display: inline-block;
              }

.pagination a {
              color: black;
              float:left;
              padding: 8px 16px;
              text-decoration: none;
              }

.pagination a.active {
              background-color: #4CAF50;
              color: white;
              }

.pagination a:hover:not(.active) {background-color: #ddd;}

          
.oplosVraag {
              width: 100%;
              padding: 5px 0;
              text-align: left;
              background-color: white;
              margin-top: 5px;
              display: none;
              }              
 
 IMG.displayed {
              display: block;
              margin-left: auto;
              margin-right: auto }             







[data-notifications] {
              position: relative;
              }

[data-notifications]:after {

              content: attr(data-notifications);

              position: absolute;
              background: orange;
              border-radius: 50%;
              display: inline-block;
              height: 15px;
              width: 15px;
              padding: 0.2em;
              color: black;
              right: -170px;
              top: -60px;  
              text-align: center; 
              }

[data-notifications1] {
              position: relative;
              }

[data-notifications1]:after {

              content: attr(data-notifications1);

              position: absolute;
              background: LightGreen;
              border-radius: 50%;
              display: inline-block;
              height: 15px;
              width: 15px;
              padding: 0.2em;
              color: black;
              right: -170px;
              top: -60px;
              text-align: center;   
              }


[data-notifications2] {
              position: relative;
              }

[data-notifications2]:after {

              content: attr(data-notifications2);

              position: absolute;
              background: LightSkyBlue;
              border-radius: 50%;
              display: inline-block;
              height: 15px;
              width: 15px;
              padding: 0.2em;
              color: black;
              right: -170px;
              top: -60px;
              text-align: center; 
              }