/*   */
body { 
	  font: 14px Arial, serif; 
	  background: #FFA6A6;  /*  #EE1C25;  */
	}
div.Lin {
    text-align: left;
}


.vet { font-weight: bold ;}
.mid { text-align: center;}
/*.grootte2 { font : 14pt Arial;}     .grootte2 { font : 14pt/18pt Arial}  */
/*.grootte3 { font : 18pt Arial;}     .grootte3 { font : 18pt/22pt Arial}  */
/*.grootte4 { font : 22pt Arial;}     .grootte4 { font : 22pt/26pt Arial}  */
/*.grootte5 { font : 26pt Arial;}     .grootte5 { font : 26pt/30pt Arial}  */
.grootte2a { font : 16pt Arial; font-weight: bold; }   /*  .grootte2 { font : 14pt/18pt Arial}  */
.grootte3a { font : 20pt Arial; font-weight: bold; }   /*  .grootte3 { font : 18pt/22pt Arial}  */
.grootte4a { font : 24pt Arial; font-weight: bold;}   /*  .grootte4 { font : 22pt/26pt Arial}  */
.grootte5a { font : 28pt Arial; font-weight: bold;}  /*  .grootte5 { font : 26pt/30pt Arial}  */
.grootte6a { font : 32pt Arial; font-weight: bold;}  /*  .grootte5 { font : 26pt/30pt Arial}  */
.schuin { font-style: italic ;}
.klrZw { color: #111;}
.klrBl { color: #333333;}
.klrBg { color: #EE1C25;}
.klr01 { color: brown; }
.klr02 { color: #552222;}
.klr03 { color: #22aa22;}

  img.tite { width: 100%; } 
  img.tite9 { width: 90%; } 
  img.tite7 { width: 75%; } 
  img.tite5 { width: 50%; } 
  img.tite4 { width: 40%; } 
  img.tite3 { width: 30%; } 
  img.tite2 { width: 20%; } 
  img.FotA { width: 20%; } 
  img.vak3 { width: 90%; } 
  img.vak2 { width: 50%; } 
  img.vak1 { width: 75%; } 

#vak3 { width: 100%;
        height:  auto;/*  240px;   */
        text-align: center;
        border: 3px solid #8A2908;  /* #7213AD  #888 */ 
        background-color: #F3E2A9; /*   #ccc    */ 
  }
#vak5 { width: 100%;
        background-color: #EE1C25; /*   #ccc    */ 
  }
.wrapper {
  display: flex;  
  flex-direction: row;
  grid-template-columns: 33% 33% 33%;
  flex-flow: row wrap;
  font-weight: bold;
  text-align: center;
 }
.wrapper > * {
    padding: 10px;
    flex: 1 100%;
  }
.header {
    border: 3px solid #A82908; /*  #7213AD  #888 */ 
    background-color: #F3E2A9; /*    #ccc    */ 
    /* background: tomato; */ 
  }
.header2 {
    border: 0px solid #ccc; /*  #7213AD  #888 */ 
    background-color: #EE1C25; /*    #ccc    */ 
    width : 80%;
  }
.footer {
    background: #EE1C25;
  }
.MiddenKol {
    text-align: center;
    background: #EE1C25;
  }

.zijkant-1 {
    background: #EE1C25;
  }

.zijkant-2 {
    background: #EE1C25;
  }

.button {  
	  background-color: #EE1C25; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    margin: 4px 2px;
  }
.button1 {  
	  background-color: #EE1C25; 
    color: black; 
    border: 2px solid #FACC2E;
  }
.button1:hover {  
	  background-color: #F3E2A9;            //     #FACC2E
    color: white;
  }
.button2 {
    background-color: #1125EC; 
    color: white; 
    border: 2px solid #11AC2E;
}

.button2:hover {
    background-color: #1132A9;            //     #FACC2E
    color: white;
}
.buttonKl {                                                                                   /*   Nieuw   */ 
    background-color: #1125EC; /* Green */
    color: white;
    padding: 0px 1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.buttonKl:hover {
    background-color: #1132A9;            //     #FACC2E
    color: white;
}
@media all and (max-width: 600px) {                /*   3 kolom   */
    .button {
        padding: 6px 10px;
        font-size: 10px;
      }
    .grootte2 { font : 8pt Arial}   /*  .grootte2 { font : 14pt/18pt Arial}  */
    .grootte3 { font : 10pt Arial}   /*  .grootte3 { font : 18pt/22pt Arial}  */
    .grootte4 { font : 14pt Arial}   /*  .grootte4 { font : 22pt/26pt Arial}  */
    .grootte5 { font : 16pt Arial}   /*  .grootte5 { font : 26pt/30pt Arial}  */
    .grootte5 { font : 18pt Arial}   /*  .grootte5 { font : 26pt/30pt Arial}  */

  }
@media all and (min-width: 600px) {
    .button {
        padding: 7px 16px;
        text-align: center;
        font-size: 15px;
      }
    .grootte2 { font : 10pt Arial}   /*  .grootte2 { font : 14pt/18pt Arial}  */
    .grootte3 { font : 14pt Arial}   /*  .grootte3 { font : 18pt/22pt Arial}  */
    .grootte4 { font : 19pt Arial}   /*  .grootte4 { font : 22pt/26pt Arial}  */
    .grootte5 { font : 20pt Arial}   /*  .grootte5 { font : 26pt/30pt Arial}  */
    .grootte5 { font : 22pt Arial}   /*  .grootte5 { font : 26pt/30pt Arial}  */
    .zijkant { flex: 2 auto; }


  }

@media all and (min-width: 1200px) {                /*   1 kolom   */
    .button {
        padding: 8px 25px;
        font-size: 25px;
      }
    .grootte2 { font : 14pt Arial;}   /*  .grootte2 { font : 14pt/18pt Arial}  */
    .grootte3 { font : 18pt Arial;}   /*  .grootte3 { font : 18pt/22pt Arial}  */
    .grootte4 { font : 22pt Arial;}   /*  .grootte4 { font : 22pt/26pt Arial}  */
    .grootte5 { font : 26pt Arial;}   /*  .grootte5 { font : 26pt/30pt Arial}  */
    .grootte6 { font : 28pt Arial;}   /*  .grootte5 { font : 26pt/30pt Arial}  */
  .MiddenKol { flex: 1 100px; }
  .zijkant-1 { flex: 1 100px; } 
  .zijkant-2 { flex: 1 100px;  }
  .zijkant-1 { order: 1; } 
  .MiddenKol { order: 2; }
  .zijkant-2 { order: 3; }
  .footer    { order: 4; }
  }

a:link {
    color: black; 
    background-color: transparent; 
    text-decoration: none;  
  }
a:visited {
    color: black;
    background-color: transparent;
    text-decoration: none;
  }
a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
  }
a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: none;
  }
body {
  padding: 2em; 
}