#boek {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.03em;
  line-height: 140%;
  width: 300px;
}

/* Kop */
#boek .kop {
    font-size: 14px;
    font-weight: bold;
    color: red;
}
#boek .info {
}
/* Vet gedrukt in algemene tekst */
#boek .infostrong {
    font-weight: bold;
}

/* Algemene tekst */
#boek td {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.03em;
  line-height: 140%;
}


/* titel van een boek (dat is een link) */
#boek .titel {
    font-size: 110%;
    font-weight: bold;
}
/* default layout van alle links in de shop */
#boek a:link , a:visited {
  text-decoration: none;
  color: blue;
  font-size: 100%;
}
#boek a:hover , a:active {
  text-decoration: underline;
  color: skyblue;
}
/* auteur van boek, in lijst */
#boek .auteur {
    font-style: italic;
}
/* samenvatting van boek, in lijst */
#boek .samenvatting {
    line-height: 150%;
    font-style: italic;
}
/* prijs van boek, in lijst */
#boek .prijs {
    color: black;
    padding-right: 10px;
}

#boek .uitgever {
}

#boek .beschrijving {
}


#boek .afronden {
    font-size: 125%;
    color: green;
    padding: 10 0 10 0;
    text-align: center;
}

/* algemene kopregel */
#boek .titel1 {
    font-size: 100%;
    font-weight: bold;
    border-bottom: solid black 1px; 
    color: red;
}

/* algemene subkop regel */
#boek .titel2 {
    font-size: 125%;
    /* border-top: solid white 1px; */
    border-bottom: solid silver 1px;
    padding-top:30px;
}
/* behorende bij algemene subkop regel, maar slag kleiner */
#boek .titel2small {
    font-size: 75%;
    /* border-top: solid white 1px; */
    border-bottom: solid silver 1px;
    padding-top:30px;
}
#boek .titel3 {
    font-size: 100%;
    font-weight: bolder;
    border-bottom: solid silver 1px;
    color: red;
}

/* cell waarin artikel wordt geplaatst in overzicht */
#boek .artikel {
    font-size: 80%;
    border-bottom: dashed #555577 1px;
    padding-top:10px;
    padding-bottom: 10px;
}

#boek .admin {
    font-weight: normal;
    color: red;
}
#boek .uitleg {
    font-size: 90%;
    color: silver;
    border-bottom: dashed #555577 1px;
    padding-bottom: 5px;
}
#boek .fout {
    color: red;
    font-size: 125%;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
}

#boek input.text {
    width:250px;
    height=20;
    font-size:12px;
    color: #222f75;
    text-align: left;
    background-color: #d0e0ef;
    border-style: solid;
    border-color: gray;
  }
#boek input.aantal {
    width:40px;
    height=20;
    font-size:12px;
    color: #191970;
    text-align: center;
    font-weight: bold;
    background-color: #d0e0ef;
    border-style: solid;
    color: #222f75;
    border-width: 1px;
    border-color: gray;
  }
#boek textarea {
    width:250px;
    height:100px;
    font-size:12px;
    color: #222f75;
    text-align: left;
    background-color: #d0e0ef;
    border-style: solid;
    border-color: gray;
  }
#boek input.button {
    height=24;
    width=80px;
    font-size:10px;
    text-align: center;
    color: #191970;
    background-color: #d0e8ff;
    border-style: outset;
    border-width: 3px;
    border-color: skyblue;
  }
#boek .asterisk {
    color: red;
}
#boek .lijntjeboven {
    border-top: solid black 1px;
}
#boek .status1 {
    font-size: 100%;
    color: silver;
}
#boek .status2 {
    font-size: 100%;
    color: gray;
}
#boek .status3 {
    font-size: 175%;
    color: gray;
}

/* layout van popup kader */
#boek div.detail {
    position: absolute;
    top: 20;
    left: 400;
    width: 300;
    height: 400;
    z-index: 150;
    padding: 10 10 10 10;
    background-color: #d0e8ff; 
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    line-height: 150%;
    border: inset gray 4px;
    visibility: hidden; 
    display: block;
    /* display: none; */
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    /* -moz-border-radius: 12px; Buggy in Firefox 2.0 */
}
/* kleur van links in popup kader */
#boek div.detail a:link, #boek div.detail a:visited {
    font-size: 100%;
    color: blue;
}
/* kleur van hover/active links in popup kader */
#boek div.detail a:active, #boek div.detail a:hover {
    color: blue;
	text-decoration: underline;
}

/* kleur van tekst in popup kader */
#boek div.detail p {
    color: #550000;
}

/* footer text */
#boek .footer {
    font-size: 85%;
    color: gray;
    text-align: right;
}

/* copyright notice aan einde pagina */
#boek .copyright {
    border-top: solid #5050a0 1px;
    text-align: right;
    padding-top: 3px;
    font-size: 85%;
    color: #6060c0;
}
#boek .copyright a {
    color: #6060c0;
    font-size: 85%;
    text-decoration: none;
}
#boek .copyright a:hover {
    text-decoration: underline;
}
#boek .ordlist0 ,#boek .ordlist0 a, #boek .ordlist0 a:link, #boek .ordlist0 a:visited {
    color: white;
    background-color: #404080;
    padding-top: 8px;
}
#boek .ordlist1 ,#boek .ordlist1 a, #boek .ordlist1 a:link, #boek .ordlist1 a:visited {
    color: white;
    background-color: #6060a0;
    padding-top: 8px;
}
#boek .ordlist2 {
    color: white;
    background-color: #404080;
    padding-bottom: 8px;
}
#boek .ordlist3 {
    color: white;
    background-color: #6060a0;
    padding-bottom: 8px;
}