/* ===================================================================
   DB Tabs - zwart/wit basis, actieve tab wit met rood (versie 1.5)Eerste regel 380
   =================================================================== */
/* ===================================================================
   DB Tabs - rood/wit/ zwart plus hover (laatste regel 438)
   =================================================================== */
.tabs.db-tabs {
  background: black;   /* standaard site-achtergrond */
  color: white;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* --- Hoofd, sub en sub-sub tabs --- */
.tabs.db-tabs .tab-header,
.tabs.db-tabs .subtab-header,
.tabs.db-tabs .subsubtab-header {
  background: black;               /* basis zwart */
  color: white;                    /* witte tekst */
  border: 2px solid #cc0000;       /* DB-rood rand */
  cursor: pointer;
  padding: 6px 14px;
  margin-right: 4px;
  font-weight: normal;
  border-radius: 6px 6px 0 0;
  transition: background-color 0.2s, color 0.2s;
}

/* Hover state: lichte rode achtergrond */
.tabs.db-tabs .tab-header:hover,
.tabs.db-tabs .subtab-header:hover,
.tabs.db-tabs .subsubtab-header:hover {
  background: #ff4d4d; /* lichtere rood tint */
  color: white;
}

/* Actieve tabs */
.tabs.db-tabs .tab-header.active,
.tabs.db-tabs .subtab-header.active,
.tabs.db-tabs .subsubtab-header.active {
  background: white;                /* wit zoals DB huisstijl */
  color: #cc0000;                   /* DB-rood tekst */
  border: 2px solid #cc0000;        /* rode rand */
  font-weight: bold;                /* lichte nadruk */
  box-shadow: 0 0 0 2px #cc0000;    /* subtiel rood randje */
}

/* Contentgebieden */
.tabs.db-tabs .tab-content,
.tabs.db-tabs .subtab-content,
.tabs.db-tabs .subsubtab-content {
  background: black;               /* consistent met site */
  color: white;
  border: 1px solid #cc0000;       /* rode omlijning */
  border-radius: 0 6px 6px 6px;
  padding: 12px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

/* =====================================================
   EINDE DB Tabs regel 438
   ===================================================== */