@charset "utf-8";
/* CSS Document */

body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #303030;
margin: 0;
padding: 0;
color: #000;
scrollbar-arrow-color:#E0CDC6; /* pijltje */
scrollbar-track-color:#E0CDC6; /* achtergrond */
scrollbar-darkshadow-color:#E0CDC6;/* schaduw rechts en onder */ 
scrollbar-face-color:#81818D;/* balk en achtergrond pijltje */
scrollbar-highlight-color:#81818D;/* schaduw links en boven track */
scrollbar-shadow-color:black /* schaduw links en boven */
}

A:link {color: #FFFFFF; text-decoration:none}
A:visited {color:#D6CAB2; text-decoration:none}
A:active {color:#FF0; text-decoration:none}

/* deze container met vaste breedte omvat alle overige elementen */
#container {
height:750px;
z-index:1;
width: 960px;
background-image:url(images/bg-dvb.jpg);
margin:0px auto; /* de lay-out wordt gecentreerd via de combinatie van de automatische waarde voor de zijkanten en de breedte */
}


/* linkerdeel */
#left {
	position:absolute;
	width:190px;
	height:700px;
	z-index:1;
	top: 10px;
	padding-left: 20px;
}

/* linkerdeel-inhoud */
#left-content {
	position:absolute;
	width:190px;
	height:700px;
	z-index:1;
	top: 0px;
	
}

#bg-menu {
	position:absolute;
	width:190px;
	height:700px;
	z-index:1;
	left: 0px;
	top: 0px;
}

/* rechterdeel */
#right {
	position:relative;
	width:730px;
	height:700px;
	z-index:1;
	left:190px;
	padding-right: 20px;
	
}

/* rechterdeel-inhoud */
#right-content {
	position:absolute;
	width:730px;
	height:700px;
	z-index:1;
	top: 0px;
	background-image:url(images/bg-right.png);
		
}

/* De voettekst */
#footer {
	position:relative;
	width:700px;
	color: #ffffff;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 23px;
	padding-left: 10px;
	left: 190px;
	top:0px;
}

#eigendom {
	position:absolute;
	width:40 px;
	height:23px;
	z-index:2;
	top: 3px;
	left: 0px;
	z-index:2;
}

#update {
	position:absolute;
	text-align:left;
	width:250px;
	height:23px;
	z-index:2;
	left: 220px;
	top: 0px;
}

#disclaimer {
	position:absolute;
	text-align:left;
	width:100px;
	height:15px;
	z-index:3;
	top: 0px;
	left: 600px;
}

/* De biografie-pagina */
#balk-biografie {
	position:absolute;
	width:730px;
	height:207px;
	left:3px;
	z-index:1;
}

#tekst-biografie {
	position:absolute;
	top: 206px;
	width:690px;
	height:494px;
	z-index:1;
	overflow:auto;
	padding: 0 20px;
	left: 1px;
}

/* De pers-pagina */
#balk-pers {
	position:absolute;
	width:730px;
	height:207px;
	left:3px;
	z-index:2;
}

#tekst-pers {
	position:absolute;
	top: 207px;
	width:690px;
	height:494px;
	z-index:1;
	overflow:auto;
	padding: 0 20px;
	left: 0px;
}

/* De boeken-pagina */
a img{
    border: 0px;
} /* voorkomt rand om plaatjes die een link zijn */

/* bepaalt de plaats en grootte van het small window */
.window {
	overflow:auto;
	top: 30px;
	left: 30px;
	height:400px;
	width: 400px;
}

#balk-boeken {
	position:absolute;
	width:730px;
	height:100px;
	left:3px;
	z-index:1;
}

#boeken-tekst{
	position:absolute;
	z-index:1;
	top: 205px;
	left: 0px;
	padding-left:10px;
}

#verknipt {
	position:absolute;
	width:100px;
	height:134px;
	z-index:2;
	left: 39px;
	top: 256px;
}

#lief {
	position:absolute;
	width:100px;
	height:134px;
	z-index:2;
	left: 177px;
	top: 256px;
}

#engel {
	position:absolute;
	width:100px;
	height:134px;
	z-index:2;
	left: 315px;
	top: 256px;
}

#spiegeltje {
	position:absolute;
	width:100px;
	height:134px;
	z-index:2;
	left: 453px;
	top: 256px;
}

#babyfoon {
	position:absolute;
	width:100px;
	height:134px;
	z-index:2;
	left: 591px;
	top: 256px;
}

#volononvaleo {
	position:absolute;
	width:100px;
	height:134px;
	z-index:2;
	left: 39px;
	top: 420px;
}

#divhoop {
	position:absolute;
	width:100px;
	height:134px;
	z-index:3;
	left: 177px;
	top: 420px;
}

#divstil {
	position:absolute;
	width:100px;
	height:134px;
	z-index:3;
	left: 315px;
	top: 420px;
}

#divkrekel {
	position:absolute;
	width:100px;
	height:134px;
	z-index:3;
	left: 453px;
	top: 420px;
}

/* De linken-pagina */
#balk-linken {
	position:absolute;
	width:730px;
	height:207px;
	left:3px;
	z-index:1;
}

#elikser {
	position:absolute;
	width:100px;
	height:96px;
	z-index:2;
	left: 39px;
	top: 225px;
}

#freemusketeers {
	position:absolute;
	width:100px;
	height:96px;
	z-index:4;
	left: 315px;
	top: 225px;
}

#gopher {
	position:absolute;
	width:100px;
	height:96px;
	z-index:5;
	left: 453px;
	top: 225px;
}

#heraut {
	position:absolute;
	width:100px;
	height:96px;
	z-index:6;
	left: 591px;
	top: 225px;
}

#pinkribbon {
	position:absolute;
	width:100px;
	height:96px;
	z-index:7;
	left: 39px;
	top: 340px;
}

#boekenplank {
	position:absolute;
	width:100px;
	height:96px;
	z-index:7;
	left: 177px;
	top: 340px;
}

#vrouwenthrillers {
	position:absolute;
	width:100px;
	height:96px;
	z-index:7;
	left: 315px;
	top: 340px;
}

#boldotcom {
	position:absolute;
	width:100px;
	height:96px;
	z-index:7;
	left: 453px;
	top: 340px;
}

#brave {
	position:absolute;
	width:100px;
	height:96px;
	z-index:3;
	left: 177px;
	top: 225px;
}

/* De uitgeverij-pagina */
#balk-uitgeverij {
	position:absolute;
	width:730px;
	height:207px;
	left:3px;
	z-index:1;
}

#tekst-uitgeverij {
	position:absolute;
	top: 207px;
	width:690px;
	height:494px;
	z-index:1;
	overflow:auto;
	padding: 0 20px;
	left: 0px;
}

/* De contact-pagina */
#balk-contact {
	position:absolute;
	width:730px;
	height:207px;
	left:3px;
	z-index:1;
}

#contact {
	position:absolute;
	width:730px;
	height:494px;
	z-index:2;
	top: 207px;
}

.anker {color:#999;}

/* De columns-pagina */
#balk-columns {
	position:absolute;
	width:730px;
	height:207px;
	left:3px;
	z-index:1;
}

#tekst-columns {
	position:absolute;
	top: 208px;
	width:690px;
	height:494px;
	z-index:1;
	overflow:auto;
	padding: 0 20px;
	left: 1px;
}