body, html
{
margin:0;
padding:0;
color:black;
background-color: #3a3a3a;
font-family:Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
font-size:100%;
}
div.bovenbalk {
width:100%;
height:100px;
}
div.boven
{
width:68em;
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
height:100px;
background-color: #4682B4;
color: #fafafa;
text-shadow: 1px 1px 2px #000;
border-style:solid;
border-top-width:0px;
border-right-width:3px;
border-left-width:0px;
border-bottom-width:0px;
border-color:#4682B4;
}
div.linksboven
{
float:left;
height:100px;
margin:0;
padding:0;
border:0;
}
div.linksboven a
{
font-size:1px;
padding:0;
margin:0;
border:0;
}
img.linksboven
{
margin:0;
border:0;
height:100px;
}
div.middenboven
{
float:left;
}
div.middenboven h1
{
margin-top:0.8em;
text-align:center;
font-family:Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
font-style:normal;
font-size:2.1em;
}
div.hoofddeel1
{
width:100%;
}
div.hoofddeel2
{
width:68em;
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
padding:0;
overflow:hidden;
background-color: #dadada;
border-bottom-left-radius:2em;
border-bottom-right-radius:2em;
color: #0a0a0a;
border-style:solid;
border-top-width:0px;
border-right-width:3px;
border-left-width:0px;
border-bottom-width:3px;
border-color:#4682B4;
}
div.zijbalk
{
clear:left;
float:left;
width:16em;
display:block;
}

div.hoofd
{
float:left;
width:45em;
min-height:28em;
padding-top:2.5em;
padding-bottom:20px;
padding-left:2.5em;
padding-right:2.5em;
margin-bottom:1.25em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;
box-shadow: 4px 4px 4px #4682B4;
background-color:#fafafa;
color:#0a0a0a;
vertical-align:top;
text-indent:2em;
position:relative;
}
div.hoofd p
{
text-align:justify;
}
img.boekplaatje
{
width:150px;
border:2px ridge grey;
margin-bottom:2px;
margin-right:1em;
float:left;
vertical-align:text-top;
}
span.vet
{
font-weight:bold;
}
span.cursief
{
font-style:italic;
}
span.schreef
{
font-family:Georgia, Garamond, "DejaVu Serif", Serif;
}
a
{
font-size:80%;
font-family:Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
text-decoration:none;
}
a.linkintekst
{
font-size:100%;
font-family:inherit;
color:inherit;
text-decoration:underline;
}
a.nietmenu, .berichtenknop
{
display:block;
padding:0.25em;
border:none;
text-align:center;
background-color:#3a3a3a;
color:#fafafa;
border-radius:0.5em;
text-indent:0;
}
a.nietmenu:hover, a.nietmenu:active, .berichtenknop:hover, .berichtenknop:active
{
background-color:#1a1a1a;
}
#boeklinks
{
width:18em;
position:absolute;
top:2px;
left:3em;
}
#boekrechts
{
width:18em;
position:absolute;
top:2px;
right:3em;
}
div.boek
{
margin:29px auto 29px auto;
width:563.6px;
border:2px ridge grey;
background:url('../plaatjes/verloop3.png') repeat-y;
position:relative;
}
img.boek
{
float:left;
width:150px;
border-top:0;
border-right:2px ridge grey;
border-bottom:0;
border-left:0;
}
.boek h2
{
margin-top:30px;
text-align:center;
font-family:Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
font-size:1.25em;
font-weight:bold;
}
.boek p
{
margin-left:160px;
margin-right:10px;
}
div.boekinfo
{
clear:both;
float:right;
margin-top:1em;
margin-bottom:1em;
text-indent:0;
padding:0.25em;
border-radius:0.3em;
border:1px solid #3a3a3a;
}
div.hoofd div.boekinfo p
{
text-align:left;
font-family:Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
font-size:0.9em;
padding:0;
margin:0;
}
.boek a.nietmenu
{
position:absolute;
bottom:0;
right:0;
margin-top:0px;
border-top:2px ridge grey;
border-left:0;
border-right:0;
border-bottom:0;
border-radius:0;
width:401.6px;
background-color:transparent;
color:#fff;
background:url('../plaatjes/boekvulling.png') -20px -20px;
}
.boek a.nietmenu:hover, .boek a.nietmenu:active
{
background:url('../plaatjes/boekvulling.png') -20px -130px;
}
#knoppen
{
list-style-type:none;
padding:0;
margin-left:auto;
margin-right:auto;
width:11em;
font-family:Garamond, "Times New Roman", Cambria, Times, Serif;
font-size:130%;
}
#knoppen li
{
list-style:none;
margin-left:auto;
margin-right:auto;
text-align:center;
}
li.hoofdknop
{
height:1.5em;
width:9em;
display:block;
border-bottom:solid 1px #fafafa;
}
li.open
{
height:1.3em;
width:7.5em;
display:block;
}

.dicht
{
display:none;
}
a.hoofdknop, #jeugdtekst, #volwassenenknoptekst
{
height:1.2em;
width:9em;
padding-top:0.15em;
padding-bottom:0.15em;
display:block;
color:#0a0a0a;
text-align:center;
font-weight:bold;
font-style:normal;
font-family:inherit;
font-size:inherit;
}
a.open
{
height:1.5em;
width:7.5em;
display:block;
margin-top:0.2em;
margin-bottom:0;
margin-left:auto;
margin-right:0.5em;
color:#0a0a0a;
border-bottom:solid 1px #fafafa;
font-family:inherit;
font-size:75%;
}
#jeugdtekst, #volwassenenknoptekst
{
cursor:pointer;
}
li#home
{
border-top:solid 1px #fafafa;
}
#hamburger, #hamburgerknop {
display:none;
}