@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: #000; text-decoration:underline}
a:visited {color:#000; text-decoration:none}
a:active {color:#000; text-decoration:none}

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

/* 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: 0 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;
	background-image:url(images/left-content.gif);
}

#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: 207px;
	width:690px;
	height:494px;
	z-index:1;
	overflow:auto;
	padding: 0 20px;
	left: 0px;
}

/* 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;
}

#boek1 {
	position:absolute;
	top: 240px;
	left: 35px;
	width: 640px;
	height: 440px;
	z-index:3;
}

#boek2 {
	position:absolute;
	top: 240px;
	left: 35px;
	width: 640px;
	height: 460px;
	z-index:3;
}

#boek3 {
	position:absolute;
	top: 240px;
	left: 35px;
	width: 640px;
	height: 460px;
	z-index:3;
}

#boek4 {
	position:absolute;
	top: 240px;
	left: 35px;
	width: 640px;
	height: 460px;
	z-index:3;
}

#boek5 {
	position:absolute;
	top: 240px;
	left: 35px;
	width: 640px;
	height: 460px;
	z-index:3;
}

#boek6 {
	position:absolute;
	top: 240px;
	left: 35px;
	width: 640px;
	height: 460px;
	z-index:3;
}

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

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

#selexyz {
	position:absolute;
	width:100px;
	height:96px;
	z-index:3;
	left: 177px;
	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;
}

#yvonneramerman {
	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;
}

/* 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:492px;
	z-index:2;
	top: 208px;
}