a {
  outline: none;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

@font-face {
  font-family: "BiebFont";
  src: url("/assets/font/CaeciliaLTStd-Roman.eot"); /* IE */
  src: local("CaeciliaLTStd-Roman"), url(/assets/font/CaeciliaLTStd-Roman.otf) format("opentype"); /* non-IE */
}
.normaltxt {
  font-size: 14px;
  color: #333;
}

.normaltxt * {
  font-size: 14px;
}

.normaltxt h1 {
  color: #111;
  font-size: 20px;
  line-height: inherit;
  font-weight: bold;
}

.normaltxt h2 {
  color: #111;
  font-size: 18px;
  font-weight: bold;
  line-height: inherit;
}

.normaltxt h3 {
  color: #111;
  font-size: 15px;
  font-weight: bold;
  line-height: inherit;
}

.normaltxt a {
  color: #000;
}

.normaltxt a:hover {
  color: #D9E021;
}

.smallertxt {
  font-size: 12px;
}

.smallertxt * {
  font-size: 12px;
}

.whitelink {
  color: #FFF;
  text-decoration: underline;
}

.whitelink:hover {
  stext-decoration: none;
  color: #D9E021;
}

.bieb_linkbut {
  border-radius: 5px;
  -moz-box-shadow: 2px 2px 12px #000000;
  box-shadow: 2px 2px 12px #000000;
  background: #BBB;
  display: inline-block;
  width: 170px;
  padding: 8px;
  margin: 8px;
  color: #111;
  font-weight: bold;
}

.digibieb_listing {
  position: absolute;
  backgrsound: blue;
  top: 0px;
  bottom: 0px;
  width: 190px;
  font-size: 14px;
  text-align: center;
  line-height: 12px;
}

.digibieb_listing_breed {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 380px;
  font-size: 14px;
  text-align: center;
  line-height: 16px;
}

.bieb_linkbut:hover {
  color: #D9E021;
}

.whitespacediv {
  height: 10px;
}

.digibieblink {
  color: black;
}

.digibieblink:hover {
  color: #D9E021;
}

input {
  border: 0;
  font-family: "Arial";
}

input:focus {
  outline: none;
}

.groen {
  background: #D9E021;
  color: black;
}

#catalogus_footer {
  position: absolute;
  color: #D8DF2B;
  right: 30px;
  font-size: 13px;
  top: 370px;
}

#catalogus_bladeren {
  position: absolute;
  color: #D8DF2B;
  left: 15px;
  font-size: 13px;
  top: 370px;
}

.catalogustable {
  margin: 15px;
  font-size: 13px;
}

.catalogustable a {
  color: #FFF;
  text-decoration: underline;
}

.catalogustable a:hover {
  color: #D8DF2B;
}

.catalogustable td {
  padding-right: 5px;
  padding-bottom: 5px;
  bordereW: dotted 1px yellow;
}

.catalogustable th {
  color: #D8DF2B;
  padding-right: 5px;
  padding-bottom: 25px;
}

.hb {
  font-family: Verdana;
  foocolor: red;
}

body {
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: "BiebFont", Times New Roman, verdana, helvetica, sans-serif;
  color: white;
}

#catalogus_box {
  position: absolute;
  left: 50%;
  width: 657px;
  top: 50%;
  height: 402px;
  margin-left: -340px;
  margin-top: -201px;
  _height: 430px;
  _width: 675px;
}

#bibliotheek {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: -300px;
  width: 800px;
  height: 600px;
  background-image: url("/assets/img/bg.jpg");
}

#introbg {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: -300px;
  width: 800px;
  height: 600px;
  background-image: url("/assets/img/achtergrondplank.jpg");
}

#boekennieuws {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: -300px;
  width: 800px;
  height: 600px;
  background-image: url("/assets/img/bg_boeken_nieuws.jpg");
}

#ilikethis {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  height: 30px;
  foobackground: silver;
  top: 50%;
  margin-top: 305px;
}

#schrijver_disclaimer {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 8px;
  line-height: 95%;
  color: #000;
  font-family: Arial;
  font-size: 9px;
}

#columns {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: -300px;
  width: 800px;
  height: 600px;
  background-image: url("/assets/img/bg_columns.jpg");
}

.boek_kopje {
  color: #D8DF2B;
  font-size: 12px;
}

.boek_waarde {
  color: #FFF;
  font-size: 12px;
}

.boek_waardeL {
  color: #FFF;
  font-size: 16px;
  width: 340px;
}

#grijze_balk {
  position: absolute;
  z-index: 1;
  top: 482px;
  left: 0px;
  background: #638B8F;
  width: 800px;
  height: 72px;
}

#grijze_balk_top {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 56px;
  background: #638B8F;
}

#plankje {
  position: absolute;
  top: 277px;
  left: 0px;
  width: 800px;
  height: 145px;
  border-bottom: solid 15px white;
  background-image: url("/assets/img/plankje_boeken.gif");
}

#boekenkast {
  position: absolute;
  top: 70px;
  left: 72px;
  width: 167px;
  height: 459px;
  z-index: 900;
  background-image: url("/assets/img/boekenkast.png");
}

#papier {
  position: absolute;
  top: 56px;
  left: 300px;
  width: 436px;
  height: 545px;
  background-image: url("/assets/img/papier.png");
}

#grijs_logo {
  cursor: pointer;
  position: absolute;
  left: 0px;
  height: 72px;
  width: 122px;
  background-image: url("/assets/img/logo2024.svg");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}

.catPlankje {
  width: 275px;
  margin-left: -40px;
  border-left: 13px solid black;
  border-right: 13px solid black;
  color: black;
  padding-left: 20px;
  padding-top: 20px;
  font-size: 24px;
  _font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}

#boekenkast_intro1 {
  position: absolute;
  left: 400px;
  top: 130px;
  width: 350px;
  dborder: dotted 1px red;
  font-size: 18px;
  _font-size: 16px;
  font-family: "BiebFont", Verdana, Times New Roman, verdana, helvetica, sans-serif;
}

#boekenkast_intro2 {
  color: #DFDC50;
  position: absolute;
  left: 400px;
  top: 190px;
  width: 350px;
  dborder: dotted 1px red;
  font-size: 14px;
  _font-size: 13px;
}

#boekenkast_intro3 {
  color: #DFDC50;
  position: absolute;
  left: 400px;
  top: 310px;
  width: 350px;
  dborder: dotted 1px red;
  font-size: 14px;
  _font-size: 13px;
}

#icoon_kastje {
  position: absolute;
  left: 363px;
  top: 190px;
  width: 27px;
  height: 43px;
  dborder: solid 1px black;
  background-image: url("/assets/img/icoon_kastje.png");
}

#icoon_loepje {
  position: absolute;
  left: 363px;
  top: 310px;
  width: 28px;
  height: 41px;
  dborder: solid 1px black;
  background-image: url("/assets/img/icoon_loepje.png");
}

#grijs_joop_al {
  position: absolute;
  cursor: pointer;
  right: 0px;
  height: 72px;
  width: 382px;
  background-image: url("/assets/img/grijs_joop_al.jpg");
}

#grijs_bieb_nl {
  position: absolute;
  scursor: pointer;
  right: 0px;
  height: 72px;
  width: 382px;
  font-size: 36px;
  top: 15px;
}

#grijs_bieb_nl_small {
  position: absolute;
  cursor: pointer;
  left: 16px;
  height: 72px;
  width: 382px;
  font-size: 16px;
  top: 26px;
}

#grijs_bieb_nl_small a {
  color: #FFF;
  text-decoration: none;
}

#grijs_bieb_digibieb {
  position: absolute;
  scursor: pointer;
  left: 32px;
  height: 72px;
  width: 382px;
  font-size: 36px;
  top: 15px;
  dborder: dotted 1px red;
}

#intro_stapel {
  position: absolute;
  top: 35px;
  left: 0px;
  background-image: url("/assets/img/intro_stapel_660.png");
  width: 460px;
  height: 450px;
}

#digibieb_intro {
  position: absolute;
  top: 0px;
  left: 336px;
  width: 429px;
  height: 441px;
  background: white;
  color: black;
  text-align: center;
  border-radius: 0 0 20px 20px;
}

.whitebox {
  background: white;
  position: absolute;
  border-radius: 20px;
}

.whitebox_rounded_bottom {
  background: white;
  position: absolute;
  border-radius: 0 0 20px 20px;
}

#intro_zwart_1 {
  position: absolute;
  background: black;
  right: 0px;
  top: 40px;
  width: 335px;
  height: 75px;
  z-index: 99;
}

#intro_zwart_1_mouseHandler {
  position: absolute;
  right: 0px;
  top: 40px;
  width: 335px;
  height: 75px;
  z-index: 100;
  cursor: pointer;
}

#intro_zwart_2 {
  position: absolute;
  background: black;
  right: 0px;
  top: 155px;
  width: 283px;
  height: 75px;
  z-index: 99;
}

#intro_zwart_2_mouseHandler {
  position: absolute;
  right: 0px;
  top: 155px;
  width: 283px;
  height: 75px;
  z-index: 100;
  cursor: pointer;
}

#intro_zwart_3 {
  position: absolute;
  background: black;
  right: 0px;
  top: 268px;
  width: 142px;
  height: 53px;
  z-index: 99;
}

#intro_zwart_3_mouseHandler {
  position: absolute;
  right: 0px;
  top: 268px;
  width: 142px;
  height: 53px;
  z-index: 100;
  cursor: pointer;
}

#grijs_joop_al_klein {
  position: absolute;
  cursor: pointer;
  right: 0px;
  height: 56px;
  width: 273px;
  background-image: url("/assets/img/grijs_joop_al_klein.jpg");
}

#grijs_zoeken {
  position: absolute;
  left: 0px;
  width: 383px;
  height: 56px;
  background-image: url("/assets/img/grijs_zoeken.png");
}

.box {
  border: solid 15px white;
  background: black;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#stapeltje_klein_wit {
  position: absolute;
  left: 400px;
  width: 120px;
  top: -20px;
  height: 20px;
  background: white;
  z-index: 999;
}

#stapeltje_klein {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 400px;
  top: -20px;
  z-index: 998;
  doverflow: bottom;
  dborder: solid 1px black;
}

.box h2 {
  color: #D8DF2B;
  padding: 20px;
  fpadding-bottom: 0px;
  font-size: 16px;
  font-weight: bold;
}

.box p {
  color: #FFF;
  padding: 20px;
  padding-top: 0px;
  font-size: 16px;
  text-align: left;
  line-height: 1.4em;
}

#contentbox {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 710px;
  border-left: 0px;
  border-top: 0px;
  margin-left: 0px;
  padding-top: 21px;
  height: 370px;
  -moz-border-radius: 0px 0px 5px 0px;
  -webkit-border-radius: 0px 0px 5px 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}

#homebox {
  z-index: 15;
  position: absolute;
  top: 90px;
  left: 125px;
  height: 376px;
  width: 217px;
  _height: 406px;
  _width: 247px;
}

#kastje {
  z-index: 16;
  position: absolute;
  top: 290px;
  left: 140px;
  width: 220px;
  height: 180px;
  _width: 248px;
  _height: 208px;
  background-image: url("/assets/img/kastje.jpg");
}

#stapeltje {
  position: absolute;
  z-index: 16;
  bottom: 0px;
  left: 140px;
  height: 220px;
  width: 206px;
  background-image: url("/assets/img/stapeltje.gif");
}

#homeheader {
  position: absolute;
  left: 0px;
  width: 800px;
  text-align: center;
  top: 25px;
  color: #DFDC50;
  font-size: 20px;
}

#homeintro {
  position: absolute;
  left: 440px;
  top: 123px;
  width: 320px;
  height: 120px;
  text-align: right;
  color: #DFDC50;
  font-size: 16px;
  font-weight: bold;
}

#hometobo {
  position: absolute;
  left: 0px;
  top: 334px;
  width: 217px;
  height: 21px;
  background-image: url("/assets/img/home_tobo.jpg");
}

#homezoeken {
  cursor: pointer;
}

.content {
  padding-top: 10px;
  width: 420px;
}

.content img {
  border: solid 4px white;
  float: left;
  margin-right: 6px;
  margin-bottom: 2px;
  margin-top: 6px;
}

li a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

li a:hover {
  color: #D8DF2B;
}

#menu {
  position: absolute;
  left: 430px;
  color: white;
  top: 50px;
}

#menu ul {
  qmargin-top: 0px;
  qmargin-left: 0px;
  list-style-type: disc;
  line-height: 30px;
}

#menu li {
  heidght: 30px;
  margin-left: 30px;
  font-size: 16px;
}

#menu li a {
  font-size: 16px;
}

#menu li a#sel {
  color: #D8DF2B;
}

.boekdownloadendiv a {
  color: black;
}

.resultaatheader {
  font-weight: bold;
  font-size: 14px;
}

.resultaatheader a {
  color: blue;
}

.resultaatcontent {
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 10px;
}

#columns_overzicht_frijda_box_1 {
  top: 0px;
  left: 78px;
  height: 183px;
  width: 316px;
  border-radius: 0 0 20px 20px;
}

#columns_overzicht_schrijver_box_1 {
  top: 0px;
  left: 420px;
  height: 183px;
  width: 316px;
  border-radius: 0 0 20px 20px;
}

#columns_overzicht_frijda_box_2 {
  top: 198px;
  left: 78px;
  height: 227px;
  width: 316px;
}

#columns_overzicht_schrijver_box_2 {
  top: 198px;
  left: 420px;
  height: 227px;
  width: 316px;
}

.columns_weblogitem {
  font-size: 14px;
  color: black;
}

.columns_weblogitem p {
  margin-bottom: 20px;
}

.gedicht {
  font-size: 14px;
  padding-left: 10px;
  border-left: dotted 1px gray;
  margin-bottom: 10px;
}

.introblock {
  position: absolute;
  background: #000;
  height: 60px;
  right: 0px;
}

.introblock img {
  position: absolute;
  margin-left: -60px;
  margin-top: -25px;
}

.introblock > span {
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 20px;
}

.introblock > span > a {
  font-size: 20px;
  color: #FFF;
  text-decoration: none;
}

.introblock > span > a:hover {
  color: #D9E021;
}

#intro_joopal {
  top: 40px;
  width: 240px;
}

#intro_digibieb {
  top: 130px;
  width: 345px;
}

#intro_digibieb_new {
  top: 130px;
  width: 255px;
}

#intro_boekennieuws {
  top: 220px;
  width: 270px;
}

#intro_columns {
  top: 310px;
  width: 150px;
}

.boekennieuws_datum {
  font-family: Verdana;
  letter-spacing: -1px;
  font-size: 10px;
  padding: 5px;
  color: #000;
  background: #D5DF36;
}

#boekennieuws_content {
  backdground: green;
}

#boekennieuws_content > p {
  font-size: 12px;
  text-align: left;
  margin-bottom: 15px;
  dline-height: 17px;
  line-height: 18px;
}

#boekennieuws_content > h1 > p {
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  margin-bottom: 15px;
}

.boekennieuws_link {
  text-decoration: none;
  color: #000;
}

.boekennieuws_link:hover {
  text-decoration: underline;
  color: #666;
}

/*# sourceMappingURL=app.css.map */