body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	/*kleurovergang via colorzilla.com*/
	background: linear-gradient(135deg, rgba(165,165,165,1) 0%,rgba(173,173,173,1) 6%,rgba(127,127,127,1) 20%,rgba(127,127,127,1) 20%,rgba(102,102,102,1) 28%,rgba(71,71,71,1) 41%,rgba(71,71,71,1) 41%,rgba(71,71,71,1) 49%,rgba(44,44,44,1) 60%,rgba(44,44,44,1) 60%,rgba(17,17,17,1) 73%,rgba(43,43,43,1) 83%,rgba(28,28,28,1) 91%,rgba(12,12,12,1) 100%);
    background-attachment: fixed;
	background-size: 100% 100%;
     }
#banner{  
          margin-top: 20px ;
          width: 100vw;
          height:100px;
          background-color: black;
          display: flex;
          justify-content: center;
       }
#bannertekst {
                padding-top: 10px;
            
             }
#foto_op_banner {
                  position: absolute;
                  top : 5px;
                  left : 50px;
                  border: 2px solid black;
                  border-radius: 10px;
                  z-index: 9999;
                }
#pilaar {
          background-color: black;
          width: 2px;
          height: 100%;
          position:absolute;
          left : 150px;
          top: 0 px;
         /* z-index: 1;*/

        }
#horizontale_pilaar {
                       background-color: black;
                       height: 2px;
                       width:100vw;
                       position: absolute;
                       top : 175px;
                       /*left : 150px;*/
                }
#horizontale_pilaar_mask {
                            background: linear-gradient(135deg, rgba(165,165,165,1) 0%,rgba(173,173,173,1) 6%,rgba(127,127,127,1) 20%,rgba(127,127,127,1) 20%,rgba(102,102,102,1) 28%,rgba(71,71,71,1) 41%,rgba(71,71,71,1) 41%,rgba(71,71,71,1) 49%,rgba(44,44,44,1) 60%,rgba(44,44,44,1) 60%,rgba(17,17,17,1) 73%,rgba(43,43,43,1) 83%,rgba(28,28,28,1) 91%,rgba(12,12,12,1) 100%);
                            height: 2px;
                           width:149px;
                           position: absolute;
                           top : 175px;
                           left : 0px;

                         }
#zijbalk {
           background-color: transparent;
           width: 135px;
           height: 100%;
           position: absolute;
           left:8px;
           top: 0px;
         }
    
#zijbalk ul {
               position: relative;
               top :175px;
               left: -20px;
               list-style-type: none;
            

           }
#zijbalk ul li a{
                    text-decoration: none;
                    color:#333;  
             }
#zijbalk ul li{
                  margin-bottom: 10px;
              }
#balk_onder_banner{
    background-color: transparent;
    width: 75vw;
    height: 50px;
    position: absolute;
    left:250px;
    top: 122px; 
    justify-content: center;
    display: flex;
                  }
#balk_onder_banner ul {
                         list-style-type: none;
                      }
#balk_onder_banner ul li {
                        float:left;
                        margin-right: 100px;
                        }
#balk_onder_banner ul li a{
                            text-decoration: none;
                            color:#080707; 
                         }
#hoofdblad {
                background-color: transparent;
                position: relative;
                left:200px;
                top :75px;
                width: 75vw;
                height: 30vw;
           }

#linkerkant_hoofdblad {
                                   position: absolute;
                                   width: 50%;
                                   height: 100%;
                                   background-color: transparent;
                                 }
#rechterkant_hoofdblad {
                                    position: absolute;
                                    left:60%;
                                    top: 0%;
                                    width: 40%;
                                    height: 100%;
                                    background-color:transparent;
                                  }
#linkerkant_hoofdblad img, #rechterkant_hoofdblad img {
    box-shadow: 10px 10px 10px  rgba(0,0,0, 0.8);
    width:15%;
    height: auto;
    float: left;
    display: block;
   margin-right: 12px;
   transition-property: transform;
   transition-duration: 1.5s;


                         }
 #linkerkant_hoofdblad img:hover, #rechterkant_hoofdblad img:hover {
                                                                      transform: scale(2);
                                                                   }
#linkerkant_hoofdblad p, #rechterkant_hoofdblad p { 
                         font-size: 70%;
                         color :antiquewhite;
                        }
#linkerkant_hoofdblad a, #rechterkant_hoofdblad a{
  font-size: 110%;
                         color :antiquewhite;
}
#disabled{
  pointer-events: none; /* Schakelt alle interacties uit */
  opacity: 0.2; /* Verlaagt de zichtbaarheid om aan te geven dat de sectie is uitgeschakeld */
     }

.opvallend {
  box-shadow: 10px 10px 10px  rgba(193, 97, 97, 0.8);
  font-size: 110%;
            }