html, body {
 height: 100%;
 width: 100%;
 margin: 0;
 background: #000000;
 font-family: Arial, Helvetica, sans-serif;
}

#info {
 position: absolute;
 top: 3px;
 left: 3px;
 width: calc(100% - 6px);
 height: 60px;
 background: repeating-linear-gradient(
  to bottom,
  #aeaeae 0px,
  #aeaeae 40px,
  #ffffff 40px,
  #ffffff 42px,
  #aeaeae 42px,
  #aeaeae 44px,
  #ffffff 44px,
  #ffffff 46px,
  #aeaeae 46px,
  #aeaeae 48px,
  #ffffff 48px,
  #ffffff 50px,
  #aeaeae 50px,
  #aeaeae 52px,
  #ffffff 52px,
  #ffffff 54px,
  #aeaeae 54px,
  #aeaeae 56px,
  #ffffff 56px,
  #ffffff 58px,
  #aeaeae 58px,
  #aeaeae 60px
 );
 color: #ffffff;
}

#boek
{
 position: absolute;
 top: 63px;
 left: 3px;
 width: calc(100% - 6px);
 bottom: 3px;
 height: calc(100% - 66px); 
 background: #dedede;
}

#titel {
 position: absolute;
 top: 10px;
 font-family: Courier New;
 font-weight: bold;
 font-size: 30px;
 color: black;
 left: 400px;
}

#zoekboek {
 position: absolute;
 display: flex;
 top: 4px;
 left: 4px;
 font-family: Courier New;
 font-weight: bold;
 font-size: 24px;
 color: black;
}

#voegtoe {
 position: absolute;
 display: inline;
 top: 4px;
 right: 4px;
 font-family: Courier New;
 font-size: 13px;
 color: black;
 height: 28px;
}

#eenboek
{
 position: absolute;
 top: 0px;
 left: 0px;
 width: calc(100%);
 bottom: 0px;
 height: calc(100%); 
 background: #e5d3d1;
}

#kaft {
 position: relative;
 margin-top: 3px;
 margin-left: 3px;
 text-align: center;
 padding: 3px;
}

#datum {
 color: black;
 margin-top: 3px;
 margin-left: 3px;
 text-align: center;
 background: #d5d3d1;
 padding: 3px;
}

#schrijver {
 color: black;
 margin-left: 3px;
 background: #d5d3d1;
 padding: 3px;
}

#boektitel {
 color: black;
 margin-left: 3px;
 background: #d5d3d1;
 padding: 3px;
}

#subtitel {
 color: black;
 margin-left: 3px;
 background: #d5d3d1;
 padding: 3px;
}

#omschrijving {
 position: relative;
 color: black;
 margin-top: 6px;
 margin-left: 3px;
 background: #c5d3d1;
 font-style: italic;
 padding: 3px;
}

#center {
 display: flex;
 align-items: center;
 justify-content: center;
}

select#nob {
 border:0px;
 outline:0px;
}

a:link, #wit {
 color: white;
 text-decoration: none;
}

img.green {
  border: 5px solid #0f0;
}
img.red {
  border: 5px solid #f00;
}

#voegtoecont {
	padding: 5px;
 background: #ff2323;
 width: calc(100%-10px);
 height: 100%;
}

.vis-timeline {
 font-size: 12pt;
 background: #ffecea;
}

.vis-item {
 border-color: #dcdcdc;
 background-color: #cdcdcd;
 font-size: 10pt;
 color: black;
 box-shadow: 5px 5px 20px rgba(128,128,128, 0.5);
}