body{
            background-color: #b1d5fc;
            margin-left: -1px;
            font-family: 'Open Sans', sans-serif;
            }

#werkruimte {
            background-color: #edd4ff;
            width: 1030px;
            margin-left: auto;
            margin-right: auto;
            border-radius: 10px;
            }
    
#hoofdfoto {
            width: 1030px;
            height: 180px;
            background-color: #00BFFF;
            border-radius: 10px 10px 0px 0px;
            }


#buttonbalk{
            background-color: Lightskyblue;  
            width: 1030px;
            height: 58px;
            }

#contentvlak{
            background-color: #edd4ff; 
            width: 990px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 0px;
            }
            
     #footer{
            background-color: #C0C0C0;
            width: 1030px;
            height: 50px;
            border-radius: 0px 0px 10px 10px;
            }
            
 .wittekleur{
            background-color: #FFF;
            }

.tabvensteractief{
            border-bottom: solid 4px #fcec05;             
            } 

.tabvensterkleur{
            border-bottom: solid 4px Lightskyblue;             
            }  
            
.tabvensterkleur2{
            border-bottom: solid 4px #FFF;             
            }                                

         ul {
            margin: 0px;              
            padding-left: 0px;
            list-style-type: none;
            text-align: center;                    
            } 
              
      li a {
            width: 75px;
            height: 18px;
            background-color: Lightskyblue;
            padding: 20px 20px 16px 20px;
            color: purple;
            text-decoration: none;
            display: inline-block;
            float: left;
            }

li a:hover {
            color: white;
            background-color: #5483BF;
            border-bottom: solid 4px #5483BF;
            }

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

 .alertnieuws {
              padding-right: 15px;
              padding-left: 15px;
              padding-top: 5px;
              padding-bottom: 5px;
              background-color: #F4A460;
              border-radius: 10px;
              } 
 
 .kritieknieuws {
              padding-right: 15px;
              padding-left: 15px;
              padding-top: 5px;
              padding-bottom: 5px;
              background-color: #FF6347;
              border-radius: 10px;
              }          

.buttonruimte {
              margin: -10px 0px -2px 0px;
              }

     address {
              margin-bottom: 5px;
              padding-top: 5px;
              padding-right: 15px;
              padding-left: 15px;
              margin-left: 20px;
              }

    .animatie{
              position: relative;
              top: -113px;
              left: 180px;
              width: 100px;
              height: 100px;
              background-color: #EEE;
              border-radius: 0;
              color: #000;
              animation-name: beweging;
              animation-duration: 25s;
              animation-iteration-count: infinite;
              }
          
@keyframes beweging{

          0% {
              background-color: #FFF;
              border-radius: 0%;
              }
 
          25% {
              background-color: #FF0;
              border-radius: 15%;
              }

          50% {
              background-color: #F00;
              border-radius: 25%;
              }
 
          75% {
              background-color: #0FF;
              border-radius: 37%;
              } 
 
          100% {
              background-color: #09D;
              border-radius: 50%;
              }           
 
              }
              
     .animatie2 {
              position: relative;
              top: -217px;
              left: 329px;
              width: 110px;
              height: 110px;
              background-color: #EEE;
              border-radius: 0;
              color: #000;
              animation-name: beweging2;
              animation-duration: 25s;
              animation-iteration-count: infinite;
              }
          
@keyframes beweging2{

          0% {
              background-color: #FF0;
              border-radius: 0%;
              }
 
          25% {
              background-color: #F00;
              border-radius: 15%;
              }

          50% {
              background-color: #0FF;
              border-radius: 25%;
              }
 
          75% {
              background-color: #09D;
              border-radius: 37%;
              } 
 
          100% {
              background-color: #FFF;
              border-radius: 50%;
              }           
 
              }
              
   .animatie3 {
              position: relative;
              top: -332px;
              left: 490px;
              width: 120px;
              height: 120px;
              background-color: #EEE;
              border-radius: 0;
              color: #000;
              animation-name: beweging3;
              animation-duration: 25s;
              animation-iteration-count: infinite;
              }
          
@keyframes beweging3{

          0% {
              background-color: #F00;
              border-radius: 0%;
              }
 
          25% {
              background-color: #0FF;
              border-radius: 15%;
              }

          50% {
              background-color: #09D;
              border-radius: 25%;
              }
 
          75% {
              background-color: #FFF;
              border-radius: 37%;
              } 
 
          100% {
              background-color: #FF0;
              border-radius: 50%;
              }           
 
              }
              
 .animatie4 {
              position: relative;
              top: -457px;
              left: 661px;
              width: 130px;
              height: 130px;
              background-color: #EEE;
              border-radius: 0;
              color: #000;
              animation-name: beweging4;
              animation-duration: 25s;
              animation-iteration-count: infinite;
              }
          
@keyframes beweging4{

          0% {
              background-color: #0FF;
              border-radius: 0%;
              }
 
          25% {
              background-color: #09D;
              border-radius: 15%;
              }

          50% {
              background-color: #FFF;
              border-radius: 25%;
              }
 
          75% {
              background-color: #FF0;
              border-radius: 37%;
              } 
 
          100% {
              background-color: #F00;
              border-radius: 50%;
              }           
 
              }

.animatie5 {
              position: relative;
              top: -597px;
              left: 836px;
              width: 150px;
              height: 150px;
              background-color: #EEE;
              border-radius: 0;
              color: #000;
              animation-name: beweging5;
              animation-duration: 25s;
              animation-iteration-count: infinite;
              }
          
@keyframes beweging5{

          0% {
              background-color: #09D;
              border-radius: 0%;
              }
 
          25% {
              background-color: #FFF;
              border-radius: 15%;
              }

          50% {
              background-color: #FF0;
              border-radius: 25%;
              }
 
          75% {
              background-color: #F00;
              border-radius: 37%;
              } 
 
          100% {
              background-color: #0FF;
              border-radius: 50%;
              }           
 
              }

          h1 {
              text-align: center;
              color: #CC00FF;    
              } 
    
          p  {
              margin: 0px 0px 0px 20px;
              } 

.subtitel2weergave{
              color: blue;
              font-weight: bold;
              font-size: 20px;
              }                    
       
        .rood{
              color: red; 
              }  

        .groen{
              color: green; 
              }   

        .paars{
              color: purple; 
              }   

        .zwart{
              color: black; 
              } 
    
      .orange{
              color: orangered;
              font-weight: bold;
              }

   .lichtgrijs{
              background-color: lightgray;
              }          

  .donkergrijs{
              background-color: darkgray;
              } 

  .zilverkleur{
              background-color: silver;
              }                  

   .lichtblauw{
              background-color: lightblue;
              }
 
       a:link {
              color: purple;
              }

   a:visited {
              color: blue;
              } 

.switchdarkknop{
              background-color: #AAA3A2;
              border-radius: 10px 10px 10px 10px;
              height: 30px;
              color: #2A2828;
              width: 100px;
              }          

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

table, th,td{
               border: 1px #767170;
               border-collapse: collapse;
              }

       th, td{
              padding: 15px; 
              }
           h2{
              color: blue;
              }
              
.kleurbuttonnieuw {
              background-color: orange;
              }   
 .kleurbuttonrecent {
              background-color: LightGreen;
              }  
 .kleurbuttonopkomst {
              background-color: LightSkyBlue;
              }                 
 .kleurbuttonbijgewerkt {
              background-color: #D0A9F5;
              }  

      button {
              background-color: cornsilk;
              }
             
input[type=radio] {
              border: 0px;
              width: 50px;
              height: 0.95em;
              }    

input[type=checkbox] {
              border:0px;
              width: 50px;
              height: 0.95em;
              } 
              
 .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;
              }                           
              
    .locatie {
              text-align: center;
              margin-left: auto;
              margin-right: auto;
              }  

.legendeLetterGrote {
              font-size: 14px;
              } 
              
          h3 {
              color: #000000;
              } 

.Grijzeartikelkleur {
              padding-left: 15px;
              padding-top: 5px;
              padding-bottom: 5px;
              background-color: #D3D3D3;
              border-radius: 15px;
              }     
              
          h4 {
              color: blue;
              } 

IMG.displayed {
              display: block;
              margin-left: auto;
              margin-right: auto }