/* Styles from De Verfkabouter 7-feb-2018
------------------------------------------------- */

@font-face {
  font-family: 'Dauphin';
  src: url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Dauphin/Dauphin.eot');
  src: url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Dauphin/Dauphin.woff2') format('woff2'),
       url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Dauphin/Dauphin.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DauphinPlain';
  src: url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Dauphin/DauphinPlain.woff') format('woff'),
       url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Dauphin/DauphinPlain.ttf') format('truetype'),
       url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Dauphin/DauphinPlain.svg#DauphinPlain') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Consolas';
  src: url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Consolas/Consolas.woff') format('woff'),
       url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Consolas/Consolas.ttf') format('truetype'),
       url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Consolas/Consolas.svg#Consolas') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'consola';
  src: url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Consolas/consola.eot');
  src: url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Consolas/consola.woff2') format('woff2'),
       url('https://www.verfkabouter.nl/kennisbank/Themes/default/css/fonts/Consolas/consola.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

/* added 5-feb-22 */
div.vk_txt { 
  font-size:16px; 
  line-height: 1.3; 
  } 

h2.doctitle {
  font-family: Helvetica, Verdana;
  color:firebrick;
  font-size:32px;
  font-weight:bold;
  letter-spacing:1px;
  text-decoration:none;
  margin: 25px 20px 15px 0px;
  text-shadow: 1px 1px 0 dimgray;
  }

h5.docalinea {
  font-family: Helvetica, Verdana;
  color:firebrick;
  letter-spacing:1px;
  font-size:18px;
  font-weight:bold;
  margin: 20px 0 6px 0;
  }

h3.titel { 
  font-family: Dauphin, Helvetica, Verdana;
  letter-spacing:3px;
  font-size:32px;
  font-weight:bold;
  color:firebrick;
  }

h2.titel {
  margin:25px 20px 15px 0px;
  font-family: Dauphin, Verdana;
  letter-spacing:6px;
  font-size:48px;
  font-weight:bold;
  -webkit-text-stroke-color: firebrick;
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: orangered;
  text-shadow: 1px 1px 0 black;
}

h5.alinea { 
  font-family: Dauphin, Helvetica, Verdana;
  letter-spacing:2px;
  font-size:21px;
  font-weight:bold;
  color:firebrick;
  margin: 2em 0 1em 0;
  }

div.start {
  font-size:18px;
  font-weight:160;
  color:black;
  }

table.details {
  display:block flex;
  width:100%;
  border-collapse:collapse !important;
  padding:1px;
  spacing:1px;
  border:1px solid black;
  border-style:inset;
  border-radius: 25px;
  overflow:no;
  }

td.details_left {
  background-color: #e3e3e3;
  color: darkslategray;
  font-weight: normal;
  font-size:14px;
  text-align:left;
  vertical-align:top;
  overflow:hidden;
  padding: 3px;
/*   width:136px; */
width:20%;
  border: 1px solid black;
  }

td.details_right {
  background-color: snow;
  color: black;
  font-weight: normal;
  font-size:16px;
  vertical-align:top;
  text-align:left;
  padding: 3px;
/*  width:634px; */
width:80%;
  border: 1px solid black;
  }

td.details_multi {
  background-color: lightyellow;
  color:#000000;
  font-weight: bold;
  font-size:18px;
  text-align:left;
  padding: 3px 5px 1px 4px;
/*  width:634px; */
width:80%;
  border: 1px solid black;
  }

.multi_title {
  float:left;
  font-size:21px;
  font-weight:bold;
  }

td.details_title {
  background-color: lightyellow;
  color:#000000;
  font-weight: bold;
  font-size:24px;
  text-align:left;
  padding: 5px 5px 6px 4px;
/*  width:634px; */
width:80%;
  border: 1px solid black;
  }

td.details_legend {
  background-color: snow;
  color:#000000;
  font-weight: normal;
  font-size:16px;
  vertical-align:top;
  text-align:left;
  padding: 3px;
  overflow:hidden;
/*  width:634px; */
width:80%;
  border: 1px solid black;
  }

table.toc {
  border-collapse:collapse !important;
  padding:1px;
  spacing:1px;
  border:1px solid black;
  border-style:inset;
  border-radius: 25px;
  width:100%;
  }

td.toc_title {
  background-color: lightyellow;
  color:#000000;
  font-weight: bold;
  font-size:18px;
  text-align:left;
  vertical-align:top;
  padding: 5px 5px 6px 4px;
  width:50px;
  min-width:50px;
  max-width:70px;
  border: 1px solid black;
  }

td.toc_top {
  background-color: #e3e3e3;
  color: darkslategray;
  font-weight: normal;
  font-size:1.1em;
  text-align:left;
  vertical-align:top;
  padding: 3px;
  border: 1px solid black;
  width:47%;
  }

td.toc_body {
  background-color: snow;
  color: black;
  font-weight: normal;
  font-size:1.2em;
  vertical-align:top;
  text-align:left;
  padding: 4px;
  border: 1px solid black;
  }

img.start {
  border: 2px solid firebrick;
  }

h1.header {
  font-size:18px;   
  font-weight:bold;
  margin:5px;
  }

h1.dauphin {
  font-family: 'Dauphin';
  font-size:21px;   
  font-weight:bold;
  margin:5px;
  }

h3.dauphin {
  font-family: 'Dauphin','DauphinPlain';
  font-size:16px;   
  font-weight:bold;
  margin:5px;
  }

h3.consolas {
  font-family: 'Consolas','consola';
  font-size:16px;   
  font-weight:bold;
  margin:5px;
  }

h5 {
  font-size:1.2em;
  margin-bottom:1em;
}

  .treenormal { font-weight:normal; font-size:1em;}
  .treelevel0 { text-indent: 10px;  margin:0; margin-bottom:4px; font-weight:bold; font-size:110%; }
  .treelevel1 { text-indent: 40px;  margin:0; margin-bottom:4px; font-weight:bold;   }
  .treelevel2 { text-indent: 70px;  margin:0; margin-bottom:3px; font-weight:bold;   } 
  .treelevel3 { text-indent:100px;  margin:0; margin-bottom:3px; font-weight:normal; }
  .treelevel4 { text-indent:130px;  margin:0; margin-bottom:3px; font-weight:normal; }
  .treelevel5 { text-indent:160px;  margin:0; margin-bottom:3px; font-weight:normal; }

p.dg                 { font-size:1.20em; text-align:justify; margin-right:4px; font-weight:normal; color: black; line-height:1.5; }
p.dg:first-line      { font-size:1.10em; letter-spacing:0.5pt; color:black; }
p.dg:first-letter    { font-size:130%; font-weight:bold; color:orange; }

p.tt                 { font-size:1.20em; text-align:justify; margin-right:4px; font-weight:normal; color: black; line-height:1.5; }
p.tt:first-line      { font-size:1.10em; letter-spacing:0.5pt; color:black; }
p.tt:first-letter    { font-size:130%; font-weight:bold; color:steelblue; }

p.kbk                { font-size:1.10em; text-align:justify; margin-right:4px; font-weight:normal; color: black; line-height:1.5; }
p.kbk:first-line     { font-size:1.00em; color:black; }
p.kbk:first-letter   { font-size:120%; font-weight:bold; color:firebrick; }

div.deflist {
  border:1px solid dimgray;
  width:100%;
  }

dl.vk {
  border: 1px solid #ccc;
  padding: 0.0m;
  background:snow;
  margin:0;
  }

dt.vk {
  float: left;
  clear: left;
  width: 170px;
  text-align: right;
  color: darkslategray;
  font-weight: normal;
  font-size:1.2em;
  background-color: #e3e3e3;
  padding: 0 1em 0 0;
  border-right : 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  }

dt.vk::after {
  content: " ";
  }

dd.vk {
  font-size:1.2em;
  margin: 0 0 0 17em;
  padding: 0 0 0 1em;
  background: snow;
  color:black;
  }

dd.vk::before {
  content: " ";
  }

dl.title {
  background:lightyellow;
  }

dt.title {
  float: left;
  clear: left;
  width: 170px;
  text-align: right;
  font-size:1em;
  padding: 0 1em 0 0;
  border-right : 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  font-weight:bold;
  color:dimgray;
  background:#e3e3e3;
  }

dd.title {
  margin: 1.0em 1em 0.8em 12em;
  font-size:1.8em;
  height:1.2em;
  font-weight:bold;
  color:black;
  background:lightyellow;
  }

dl.namevalue {
  border: 0px solid dimgray;
  padding: 0.0m;
  margin:0;
  background:darkgray;
  border-bottom : 1px solid dimgray;
  }

dt.name {
  width: 170px;
  font-variant:small-caps;
  font-size:1.2em;
  font-weight:bold;
  background:darkgray;
  color:white;
  border-right  : 2px solid dimgray;
  border-bottom : 1px solid dimgray;
  }

dd.value {
  margin: 0 0 0 17em;
  font-variant:small-caps;
  font-size:1.1em;
  font-weight:bold;
  background:darkgray;
  color:white;
  }

fieldset.album {
  padding: 5px;
  overflow: auto;
  border:1px solid steelblue;
  }

fieldset.album:hover {
  background: #eee;
  cursor: pointer;
  }

fieldset.img {
  float:left;
  margin:2px;
  }