:root {
  --thema-kleur-contrast: #676666;
  --thema-kleur-accent: #ffee3b;
  --thema-kleur-component: #b0b0b0;
  --thema-kleur-component-tekst: #ffffff;
}

.page.menubar,
  .button
   {
     background-color: #b0b0b0;
  }
  
  .page.menubar .main .menu a,
  .button {
    color: #ffffff;
  }
  
  h1,
  .ctlProducts th,
  .tblOfferte th,
  .tblOfferte td.colMeerprijsLabel,
  .row.totaal {
    color: #777676;
  }
  
  p.contrast {
    color: #777676;
  }
  
  .row.separator .totaalSeparator {
    border-color: #777676;
  }
  
  body, input, select, textarea { 
    color: #000000;
  }
  
  .ctlBlock.text h2
  {
    color: #000000;
  }
  
  .ctlBlock.text ul {
    list-style: none; 
  }

  .ctlBlock.text ul li::before {
    content: "\2022";  
    color: #000000;
    font-weight: bold;
    display: inline-block; 
    width: 0.8em; 
    margin-left: -0.8em;
  }

  .ctlProduct .colAfbeelding {
    background-color: transparent;
  
    background-image: url("../Images/imagePlaceholderKozijnen.png");
  
  }