  /* Basic Styles */
  body                   { font-family: sans-serif; margin-left: 17%; margin-right: 17%; }
  .plaatje2              { display: none; }
  .ttop-totaal           { display : none; }
  .ttop-header           { }
  .ttop-detail           { text-align:left; }
  .tmenu-totaal          { width: 100%; background-color: #F7C64B;  }
  .tmenu-totaal.active   { display : none; width: 100%;}
  .tmenu-totaal td:hover { background-color: #C0B59B;}
  .tmenu-totaal a        { color: black; text-decoration:none;  }
  .tmenu-totaal ak       { color: grey; text-decoration:none;  }
  .tmenu-header          {  }
  .tmenu-detail          { text-align: center; text-decoration: none; background-color: #B9DBEC; 
                           width: 25%;  border-radius: 20%; padding: 10px; }

    .hamburger       { display: none; cursor: pointer; background: none; border: none; font-size: 1.5rem; color: white; }
    .tmidden-blok    { display: flex; position: relative; overflow-y: scroll;background: linear-gradient(to right, #F4E1B0, #D37011); }
    .tmidden-blok th { display: none;}
    .keuze-blok      { display: flex; position:relative; text-align:center;  background-color: #F7C64B;  top:10px; height:19px;  }
    .tdata-totaal    { width: 100%; }
    .tdata-header    { }
    .tdata-detail    { text-align: center;  }
    .footer-blok     { display: flex; position:relative; top:2px;  height:32px; }
    .footer-bloktext { position:relative; top:-23px; height:19px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden; }


  /* Responsive Media Query */
  @media (max-width: 960px ) {
    body { font-family: sans-serif; margin-left: 0%; margin-right: 0%; }
    .plaatje2     { display: flex;}
    .ttop-totaal  { display: grid;width: 100%; background-color: #F7C64B; justify-content: space-between;}
    .ttop-header  { display: none;}
    .ttop-detail  { text-align: right;}
    .hamburger    { display: block; }
    .tmenu-totaal { display: flex; text-align: center;width: 100%; background-color: #F7C64B;  }
    .tmenu-header { display: none;}
    .tmenu-detail { display: block;color: black; text-decoration: none; background-color: #B9DBEC; 
                   width: 100%; border-radius: 20%; padding: 10px; }
    .tdata-totaal { display: flex; text-align: center;width: 100%; }
    .tdata-header { display: none; }
    .tdata-detail { display: block;color: black; }
    thead { display: none; }
    tbody { text-align: center; middle;margin: auto;}

    .hamburger    { display: block; }
    .tmidden-blok { display: flex; position: relative; overflow-y: background: linear-gradient(to right, #F4E1B0, #D37011); }
    .plaatje1     { display: none; }

 }

    .tmidden-blok.down_up    { display: flex; position:relative; width:100%; top:0px;  background: linear-gradient(to right, #F4E1B0, #D37011);}
    .footer-blok             { display: flex; position:relative; width:100%; height:32px; }
    .footer-blok.down_up     { display: flex; position:relative; width:100%; height:32px; }
    .footer-bloktext         { display: grid; position:relative; width:100%; height:19px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden; }
    .footer-bloktext.down_up { display: grid; position:relative; width:100%; height:19px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden; }
  }


a:hover { background-color: #C0B59B; }	
	

.Platte-tekst-_web_-P0
        {
        margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400; 
        }
.Platte-tekst-_web_-C0
        {
        font-family:"Tahoma", sans-serif; font-weight:700; font-size:16.0px; 
        line-height:1.19em; color:#494b48; 
        }
.Platte-tekst-_web_-C
        {
        font-family:"Verdana", sans-serif; font-size:16.0px; 
        line-height:1.13em; text-align:center; 
        }
.Platte-tekst-_web_-P
        {
        margin:0.0px 0.0px 0.0px 0.0px;  font-weight:400; text-align:center; 
        }
