/*
 * De "buitenkant" van de pagina
 */

body {
	background-color:#955a5f;
	margin:0;
	padding:0;
	font-family:arial, helvetica, "sans-serif";
	font-size:75%;
	color:#000;
	}
#pagina {
	width:312px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background-image:url('afbeeldingen/allerkleinst/stoel.png');
	background-repeat:no-repeat;
	background-position:center top;
	overflow:auto;
	}
#bovenbalk {
	width:100%;
	height:39px;
	margin:0;
	padding:0;
	background-image:url('afbeeldingen/bovenbalk.svg');
	background-repeat:no-repeat;
	background-size:contain;
	}
#hoofddeel {
	width:100%;
	margin:0 0 1.875em;
	padding:0;
	}
div#linkerkant {
	width:95%;
	display:block;
	margin:0 0 0 0.938em;
	padding:0 0 2em 0;
	float:left;
	position:relative;
	}
div#rechterkant {
	width:95%;
	min-height:42em;
	display:block;
	margin:0 0.938em 0 0;
	padding:0;
	float:right;
	}
	
/*
 * Kleine algemeenheden
 */

p.donkerpaars {
	color:#453034;
	}
span.cursief {
	font-style:italic;
	}
span.vet {
	font-weight:bold;
	}
a {
	text-decoration:none;
	}
a:link, a:visited {
	color:inherit;
	}
a:hover, a:active {
	color:#905c60;
	}

/*
 * De navigatieknoppen
 */

div#knoppenbalk {
	display:block;
	font-size:1.3em;
	width:90%;
	height:1.6em;
	margin:3% auto 8%;
	}
ul#knoppen {
	display:block;
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-type:none;
	white-space:nowrap;
	}
li.knop {
	display:block;
	float:left;
	color:#dadada;
	text-align:center;
	margin:0;
	padding:0;
	min-width:24%;
	cursor:pointer;
	background-color:rgba(0,0,0,0.5);
	white-space:nowrap;
	}
li.knop a {
	font-size:1em;
	display:block;
	color:#dadada;
	text-align:center;
	padding:0.25em 0.5em 0.25em 0.5em;
	margin:0;
	}
li.knop:hover, li.knop:active {
	color:#fff;
	background-color:rgba(0,0,0,0.6);
	}
li#voorpagina {
	border-right:solid 0.063em rgba(0,0,0,0.6);
	border-radius:1em 0 0 1em;
	}
li#contact {
	border-left:solid 0.063em rgba(0,0,0,0.6);
	border-radius:0 1em 1em 0;
	}

/*
 * De nieuwsberichten aan de linkerkant
 */

div.nieuwsvak {
	display:block;
	width:100%;
	margin:0;
	}
div#linkerkant div.nieuwsvak {
	float:left;
	width:28%;
	margin:2%;
	}
div.Boeken, div.Persoonlijk, div.Uitgeverij, div.Eenhuismetzevenkamers {
	display:block;
	width:96%;
	height:1.4em;
	margin:0;
	padding:0.3em 2% 0.1em;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background-color:rgba(255,255,255,0.25);
	}
div.nieuwstekst {
	width:90%;
	min-height:6em;
	margin:0.25em 0 0 0;
	padding:0.5em 5% 1.25em 5%;
	background-color:#fff;
	position:relative;
	}
div.nieuwstekst p { margin:0; }
p.datum {
	font-size:1em;
	color:#905c60;
	position:absolute;
	bottom:0px;
	right:0px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
.verborgen { display:none; }
.berichtenknop {
	display:block;
	margin:0;
	padding:0.2em 1em 0.4em;
	font-size:0.9em;
	color:#000;
	text-align:center;
	border:none;
	position:absolute;
	bottom:0px;
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
	max-width:45%;
	}
#vorige {
	background-color:transparent;
	background-image:url('afbeeldingen/pijltjelinks.svg');
	background-size: 1em 1em;
	background-repeat:no-repeat;
	background-position:left center;
	left:0px;
	}
#volgende {
	background-color:transparent;
	background-image:url('afbeeldingen/pijltjerechts.svg');
	background-size: 1em 1em;
	background-repeat:no-repeat;
	background-position:right center;
	right:0px;
	}

/* 
 * De inhoud aan de rechterkant
 */

div#titelvak {
	background-color:rgba(255,255,255,0.25);
	font-size:1.4em;
	color:#fff;
	text-shadow:0em 0em 0.09em #000;
	width:84%;
	margin:0 0 0.36em;
	padding:0.54em 8%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
div#tekstvak, div#contactvak {
	background-color:#fff;
	font-size:1em;
	color:#000;
	width:84%;
	margin:0;
	padding:1.563em 8% 2.5em;
	position:relative;
	}
div#tekstvak p, div#contactvak p {
	margin:0 0 1.2em 0;
	padding:0;
	}
div#tekstvak p.citaat {
	font-style:italic;
	margin:0.3em 0 0.1em 1em;
	}
div.boekengroot {
	display:inline-block;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-size:contain;
}
div.boekenklein {
	display:inline-block;
	margin:0 0 1em 0;
	padding:0;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left;
}
div#menselijkheidinhetopenbaarafbeelding {
	width:230px;
	height:307px;
	background-image:url('afbeeldingen/menselijkheidinhetopenbaar.jpg');
	}
div#zevenkamersafbeelding {
	width:230px;
	height:337px;
	background-image:url('afbeeldingen/huisvoorkant.jpg');
	}
div#vriendenenikafbeelding {
	width:230px;
	height:345px;
	background-image:url('afbeeldingen/vriendenenik.png');
	}
div#zesminafbeelding {
	width:230px;
	height:337px;
	background-image:url('afbeeldingen/zesmin.jpg');
	}
div#ingelijsteliefdeafbeelding {
	width:230px;
	height:337px;
	background-image:url('afbeeldingen/ingelijsteliefde.jpg');
	}
div#demoedervanveraafbeelding {
	width:230px;
	height:337px;
	background-image:url('afbeeldingen/demoedervanvera.jpg');
	}
div#naaredinburghafbeelding {
	width:230px;
	height:337px;
	background-image:url('afbeeldingen/naaredinburgh.jpg');
	}
div#deprogrammeerbendeafbeelding {
	width:230px;
	height:337px;
	background-image:url('afbeeldingen/deprogrammeerbende.jpg');
	}
div#dagsiemdagtomafbeelding {
	width:230px;
	height:336px;
	background-image:url('afbeeldingen/dagsiemdagtom.jpg');
	}
div#programmeerbendepresentatie {
	width:230px;
	height:173px;
	background-image:url('afbeeldingen/programmeerbendepresentatie.jpg');
	margin-bottom:0;
	}
div#menselijkheidinhetopenbaarklein {
	width:112px;
	height:149px;
	padding-left:118px;
	background-image:url('afbeeldingen/menselijkheidinhetopenbaar.jpg');
	}
div#zevenkamersklein {
	width:112px;
	height:169px;
	padding-left:118px;
	background-image:url('afbeeldingen/huisvoorkant.jpg');
	}
div#vriendenenikklein {
	width:112px;
	height:173px;
	padding-left:118px;
	background-image:url('afbeeldingen/vriendenenik.png');
	}
div#demoedervanveraklein {
	width:112px;
	height:169px;
	padding-left:118px;
	background-image:url('afbeeldingen/demoedervanvera.jpg');
	}
div#naaredinburghklein {
	width:112px;
	height:169px;
	padding-left:118px;
	background-image:url('afbeeldingen/naaredinburgh.jpg');
	}
div#zesminklein {
	width:112px;
	height:169px;
	padding-left:118px;
	background-image:url('afbeeldingen/zesmin.jpg');
	}
div#ingelijsteliefdeklein {
	width:112px;
	height:169px;
	padding-left:118px;
	background-image:url('afbeeldingen/ingelijsteliefde.jpg');
	}
div#deprogrammeerbendeklein {
	width:112px;
	height:169px;
	padding-left:118px;
	background-image:url('afbeeldingen/deprogrammeerbende.jpg');
	}
div#dagsiemdagtomklein {
	width:112px;
	height:169px;
	padding-left:118px;
	background-image:url('afbeeldingen/dagsiemdagtom.jpg');
	}


div#tekstvak p.toeschrijving { margin:0 0 1.5em 0; }
div#tekstvak p.verborgen { display:none; }
div#tekstvak p.zichtbaar { display:block; }
p#vragenverbergen, p#vragentonen, p#nieuwsbrieftonen { cursor:pointer; }
p#vragenverbergen:hover, p#vragenverbergen:active, p#vragentonen:hover, p#vragentonen:active, p#nieuwsbrieftonen:hover, p#nieuwsbrieftonen:active { color:#905c60; }
div.footer {
	display:block;
	padding:0.5em;
	font-size:0.75em;
	text-align:center;
	color:#222;
	position:absolute;
	bottom:0em;
	right:0em;
	}
div#boekenvak 


a svg { vertical-align:text-bottom; }
#formulier
{
width:100%;
margin:0 auto 0;
}
div#formulier p, div#nieuwsbrief p
{
text-align:left;
margin:0 auto 0.4em;
}
.veld, .rood
{
max-width:94%;
font-family:arial, helvetica, "sans-serif";
font-size:100%;
color:#000;
background-color:#ddd;
margin-bottom:0.3em;
}
.veld {border:0.1em solid #000;}
.rood {border:0.1em solid red;}
input#vulnietin
{
visibility:hidden;
display:none;
}
input.verzenden
{
width:10em;
display:block;
font-size:90%;
font-family:arial;
color:#dadada;
text-align:center;
margin:0;
padding:0.2em 0.8em 0.3em 0.8em;
height:1.6em;
cursor:pointer;
background-color:rgba(0,0,0,0.7);
border:none;
border-radius:0.8em;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
input.verzenden:hover, input.verzenden:active
{
color:#fff;
background-color:rgba(0,0,0,0.9);
}

div#nieuwsbrief {margin-bottom:1em;}
div#nieuwsbrief p {margin-left:2em;}
div#nieuwsbrief p#nieuwsbrieftonen {margin-left:0em;}