/* all media */

body{}

body{
	font-family:Garamond;
	/* background-color:#CCC; */
	background:url('stripes3.gif');
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
	overflow:scroll;
}
a	{
	color:#a00;
	text-decoration:none;
}
a:hover	{
	color:#f00;
	text-decoration:underline;
}

h1	{
	font-size:24px;
	font-weight:bold;
}
h2	{
	font-size:19px; /* 24px; */
	font-weight:normal;
}
div.BG	{
	position:absolute;
	top:0px;
	height:56px; /* 70px; */
	width:100%;
	/* background:url('stripes.gif');
	/* background:#CCC; */
	z-index:-10;
	border-bottom:32px solid #E6E6E6; /* 40px solid #E6E6E6; */
}
div.content {
	width:1080px;
	min-height: 100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
div.header {
	width:1080px; 
	min-height: 100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
div.titel	{
	width:100%;
	height:56px; /* 70px; */
	/* background:url('stripes.gif');
	/* background:#CCC; */
	text-align:center;
	font-style:italic;
	letter-spacing:6px;
	font-size:2px;
	margin-bottom:0px;
}
div.menu	{
	font-style:italic;
	font-size:24px; /* 30px; */
	height:32px; /* 40px; */
}

div.menu u	{
	/* text-decoration:overline underline; */
	/* background:#FFE0E0; */
	text-decoration:none;
	color:#FF6666;
}

div.imgmenu	{
	background:transparent;
	width:1080px;
	height:204px;
	border-bottom:20px solid #3a4128; /* #231; */
}

div.agenda,
div.menu div.media	{
	float:left;
	width:110px;
}
div.boeken	{
	float:left;
	width:920px;
}
div.menu div.prozaenpoezie	{
	float:left;
	width:640px; 
}
/*
div.auteur	{
	float:left;
	width:110px;
	margin-left:110px;
}
*/
div.auteur,
div.menu div.menufiller	{
	float:left;
	width:110px;
}
div.actueel	{
	position:relative;
	top:-20px;
	color:white;
	background-image:url('shelf.jpg');
	
	font-style:normal;
	text-align:center;
	font-size:16px;
	clear:left;
	width:1080px;
	height:20px;
	border:0px;
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	/* border-top:20px solid #231; */
	/* z-index:-10; */
	cursor:pointer;
}
div.boekenbar	{
	font-style:normal;
	text-align:center;
	font-size:30px;
	clear:left;
	width:1080px;
	height:24px; /* minimum 24px */
	border:0px;
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	border-top:20px solid #231;
	z-index:-10;
}
div.menu div	{
	text-align:center;
}
div.menu a	{
	color:#000;
	text-decoration:none;
}
div.menu span, div.menu img	{
	cursor:pointer;
}
div.boek,
div.werk	{
	margin-top:11px;
	margin-left: 80px;
	margin-right: 80px;
	width:920px;
	/* height:720px; */
	border:0px solid #333;
}
div.tekstblok	{
	float:left;
	padding:20px;
	width:420px;
	/* height:680px; */ height:1024px;
	border:0px solid #333;
}
div.media p,
div.boek .tekstblok:first-child p,
div.werk .tekstblok:first-child p	{
	background:#c8c8c8;
}
span.micro	{
	font-size:0px;
}
div.tafel	{
	height:609px; /* 761px; */
	background-image:url('boek4.gif');
	background-position:center;
}
div.tafel0	{
	height:609px; /* 761px; */
	background-image:url('dichtboek4.gif');
	background-position:center;
}
div.tafel1	{
	height:609px; /* 761px; */
	background-image:url('uitboek4.gif');
	background-position:center;
}
div.tafel div.tekstblokL,
div.tafel0 div.tekstblokL,
div.tafel1 div.tekstblokL	{ /* inner size: 460-20-100=340 => 272=460-16-172 */
	float:left;
	padding-top:28px; 
	padding-left:0px; 
	padding-right:20px;
	padding-bottom:68px; 
	width:225px;
	font-size:14px; /* 16px; */
}
div.tafel div.tekstblokR,
div.tafel0 div.tekstblokR,
div.tafel1 div.tekstblokR	{ /* inner size: 460-20-125=315 => 252=460-16-192 */
	float:left;
	padding-top:36px; 
	padding-left:20px;
	padding-right:0px; 
	padding-bottom:60px; 
	width:225px;
	font-size:14px; /* 16px; */
}
div.tafel div.tekstblokL .spacer,
div.tafel0 div.tekstblokL .spacer,
div.tafel1 div.tekstblokL .spacer	{
	border:0px;
	margin:0px;
	padding:0px;
	height:10px;
	display:block;
	float:left;
	clear:left;
}
div.tafel div.tekstblokR .spacer,
div.tafel0 div.tekstblokR .spacer,
div.tafel1 div.tekstblokR .spacer	{
	border:0px;
	margin:0px;
	padding:0px;
	height:10px;
	display:block;
	float:right;
	clear:right;
}
div.tafel div.tekstblokL ul,
div.tafel div.tekstblokR ul,
div.tafel0 div.tekstblokL ul,
div.tafel0 div.tekstblokR ul,
div.tafel1 div.tekstblokL ul,
div.tafel1 div.tekstblokR ul	{
	list-style-type:none;
}
div.tafel div.tekstblokL li,
div.tafel div.tekstblokR li,
div.tafel0 div.tekstblokL li,
div.tafel0 div.tekstblokR li,
div.tafel1 div.tekstblokL li,
div.tafel1 div.tekstblokR li	{
	text-indent:-20px;
}
ul.links li	{
	padding-top:6px; /* 8px; */ /* 10px; */
	font-size:14px; /* 16px; */
}
ul.links li span	{
	cursor:pointer;
	color:#a00;
	text-decoration:none;
}
ul.links li.pastevent span	{
	color:#a88;
}
ul.links li span:hover	{
	color:#f00;
	text-decoration:underline;
}


div.imgmenu div.bookend1{
	position:absolute;
	left:0px;
	top:17px;
	width:110px;
	height:187px;
	cursor:pointer;
}
div.imgmenu div.bookend1 div{
	position:absolute;
	left:10px;
	bottom:-20px;
	height:20px;
	z-index:11;
}
div.imgmenu div.bookend1 div span{
	font-weight:bold;
	background-color: transparent;
	text-decoration: none;
	color:white; /* #bba; */
}
div.imgmenu div.book1{
	position:absolute;
	left:110px;
	top:30px;
	width:106px;
	height:174px;
	z-index:9;
	cursor:pointer;
}
div.imgmenu div.book1 div{width:970px}
div.imgmenu div.book2{
	position:absolute;
	left:180.88888888889px;
	top:10px;
	width:116px;
	height:194px;
	z-index:7;
	cursor:pointer;
}
div.imgmenu div.book2 div{width:899.11111111111px}
div.imgmenu div.book3{
	position:absolute;
	left:261.77777777778px;
	top:27px;
	width:111px;
	height:177px;
	z-index:8;
	cursor:pointer;
}
div.imgmenu div.book3 div{width:818.22222222222px}
div.imgmenu div.book4{
	position:absolute;
	left:337.66666666667px;
	top:34px;
	width:140px;
	height:170px;
	z-index:9;
	cursor:pointer;
}
div.imgmenu div.book4 div{width:742.33333333333px}
div.imgmenu div.book5{
	position:absolute;
	left:442.55555555556px;
	top:28px;
	width:111px;
	height:176px;
	z-index:8;
	cursor:pointer;
}
div.imgmenu div.book5 div{width:637.44444444444px}
div.imgmenu div.book6{
	position:absolute;
	left:518.44444444444px;
	top:10px;
	width:115px;
	height:194px;
	z-index:7;
	cursor:pointer;
}
div.imgmenu div.book6 div{width:561.55555555556px}
div.imgmenu div.book8{
	position:absolute;
	left:598.33333333333px;
	top:36px;
	width:108px;
	height:168px;
	z-index:7;
	cursor:pointer;
}
div.imgmenu div.book8 div{width:481.66666666667px}
div.imgmenu div.book10{
	position:absolute;
	left:671.22222222222px;
	top:34px;
	width:140px;
	height:170px;
	z-index:8;
	cursor:pointer;
}
div.imgmenu div.book10 div{width:408.77777777778px}
div.imgmenu div.book11{
	position:absolute;
	left:776.11111111111px;
	top:66px;
	width:89px;
	height:138px;
	z-index:8;
	cursor:pointer;
}
div.imgmenu div.book11 div{width:303.88888888889px}
div.imgmenu div.book12{
	position:absolute;
	left:830px;
	top:87px;
	width:140px;
	height:117px;
	z-index:9;
	cursor:pointer;
}
div.imgmenu div.book12 div{width:250px}
div.imgmenu div.bookend2{
	position:absolute;
	left:970px;
	top:17px;
	width:110px;
	height:187px;
	cursor:pointer;
}
div.imgmenu div.bookend2 div{
	position:absolute;
	right:10px;
	bottom:-20px;
	height:20px;
	z-index:11;
}
div.imgmenu div.bookend2 div span{
	font-weight:bold;
	background-color: transparent;
	text-decoration: none;
	color:white; /* #bba; */
}
div.imgmenu div.book1:hover,
div.imgmenu div.book2:hover,
div.imgmenu div.book3:hover,
div.imgmenu div.book4:hover,
div.imgmenu div.book5:hover,
div.imgmenu div.book6:hover,
div.imgmenu div.book8:hover,
div.imgmenu div.book10:hover,
div.imgmenu div.book11:hover,
div.imgmenu div.book12:hover	{
	z-index:10
}

div.imgmenu div.book1 div,
div.imgmenu div.book2 div,
div.imgmenu div.book3 div,
div.imgmenu div.book4 div,
div.imgmenu div.book5 div,
div.imgmenu div.book6 div,
div.imgmenu div.book8 div,
div.imgmenu div.book10 div,
div.imgmenu div.book11 div,
div.imgmenu div.book12 div	{
	visibility:hidden;
	font-weight:bold;

	position:absolute;
	bottom:-20px;
	/* width:250px; */

	/* left:-90px; */

	height:20px;
	/* background-color: #231; /* transparent; */
	background-image:url('shelf.jpg');

	color:white;
	
	/* text-align:center;
	position:absolute;
	top:30px;
	width:100%;
	height:auto;
	background-color: #ffc;
	/* opacity: 0.66;              /* fx, safari, opera */
	/* filter:alpha(opacity=66);  /* internet explorer */
	/* -khtml-opacity: 0.66;       /* khtml, old safari */
	/* -moz-opacity: 0.66;         /* mozilla, netscape */
}

div.imgmenu div.book1:hover div	{
	left:-110px;
	padding-left:110px;
	visibility:visible;
	z-index:11;
}
div.imgmenu div.book2:hover div	{
	left:-180.88888888889px;
	padding-left:180.88888888889px;
	visibility:visible;
	z-index:11;
}
div.imgmenu div.book3:hover div	{
	left:-261.77777777778px;
	padding-left:261.77777777778px;
	visibility:visible;
	z-index:11;
}
div.imgmenu div.book4:hover div	{
	left:-337.66666666667px;
	padding-left:337.66666666667px;
	visibility:visible;
	z-index:11;
}
div.imgmenu div.book5:hover div	{
	left:-442.55555555556px;
	padding-left:442.55555555556px;
	visibility:visible;
	z-index:11;
}
div.imgmenu div.book6:hover div	{
	left:-518.44444444444px;
	padding-left:518.44444444444px;
	visibility:visible;
	z-index:11;
}
div.imgmenu div.book8:hover div	{
	right:-263.66666666667px;
	padding-right:263.66666666667px;
	text-align:right;
	width:706.33333333333px;
	visibility:visible;
	z-index:11;
}
div.imgmenu div.book10:hover div	{
	right:-158.77777777778px;
	padding-right:158.77777777778px;
	text-align:right;
	width:811.22222222222px;
	visibility:visible;
	z-index:11;
}
div.imgmenu div.book11:hover div	{
	right:-104.88888888889px;
	padding-right:104.88888888889px;
	text-align:right;
	width:865.11111111111px;
	visibility:visible;
	z-index:11;
}
div.imgmenu div.book12:hover div	{
	right:-0px;
	padding-right:0px;
	text-align:right;
	width:970px;
	visibility:visible;
	z-index:11;
}
	/* {
	visibility:visible;
	z-index:11;
}  */

div.boekenbar span.prevyes	{
	float:left;
	position:relative;
	top:-32px;
	color:#FFFFFF;
	cursor:pointer;
}
div.boekenbar span.prevno	{
	float:left;
	position:relative;
	top:-32px;
	color:#A9A9A9;
	cursor:default;
}
div.boekenbar span.nextyes	{
	float:right;
	position:relative;
	top:-32px;
	color:#FFFFFF;
	cursor:pointer;
}
div.boekenbar span.nextno	{
	float:right;
	position:relative;
	top:-32px;
	color:#A9A9A9;
	cursor:default;
}

div.boekenbar span.thistitle	{
	font-size:16px;
	font-weight:bold;
	position:relative;
	top:-32px;
	color:#FFFFFF;
	cursor:default;
}

/* links on book: */
/* left page position */
div.prevpagediv, div.prevcovrdiv{
	float:left;
	z-index:20;
	margin-top:-435px; /* -370px; */
	margin-left:170px; /* 145px; */
	padding-left:0px;
	padding-right:0px;
}
/* right page position */
div.nextpagediv, div.nextcovrdiv{
	float:right;
	z-index:20;
	margin-top:-425px; /* -370px; */
	margin-right:160px; /* 145px; */
	padding-left:0px;
	padding-right:0px;
}
/* all */
div.prevpagediv, div.prevcovrdiv, 
div.nextpagediv, div.nextcovrdiv{
	font-size: 30px;
	cursor: pointer;
}
/* inner and outer pages: set opacity to enable hover and click in Safari/Google Chrome */
div.prevpagediv,
div.nextpagediv,
div.prevcovrdiv,
div.nextcovrdiv{
	opacity: 0.75;			/* fx, safari, opera */
	filter:alpha(opacity=75);	/* internet explorer */
	-khtml-opacity: 0.75;		/* khtml, old safari */
	-moz-opacity: 0.75;		/* mozilla, netscape */
}

/* inner pages */
div.prevpagediv{
	color:#a00; /* #1D2442; */
	background-color:transparent; /* #F2EEE6; */
}
div.nextpagediv{
	color:#a00; /* #1D2442; */
	background-color:transparent; /* #E9E4D9; */
}
div.prevpagediv:hover, div.nextpagediv:hover	{
	color:#f00;
}

/* cover */
div.prevcovrdiv{
	color:white;
	background-color:#1D2442; 
}
div.nextcovrdiv{
	color:white;
	background-color:#1D2442;
}
/* text, no hover */
div.prevpagediv span, div.prevcovrdiv span, 
div.nextpagediv span, div.nextcovrdiv span{
	visibility:hidden;
	font-size:0px;
}
/* text, while hovering */
div.prevpagediv:hover span, div.prevcovrdiv:hover span, 
div.nextpagediv:hover span, div.nextcovrdiv:hover span{
	visibility:visible;
}

a img{
	border:0px;
}

div.boek .pag	{
	height:920px; /* 1280px; */
	background-image:url('spacer.gif');
	background-position:top;
	background-repeat:no-repeat;
}

div.boek .pag img.pagereader	{
	position:relative;
	top:-40px;
}

/* book pages navigation */
div.boek .prevyes,
div.boek .prevno,
div.boek .nextyes,
div.boek .nextno{
	width:306.66666666667px;
	height:620px; /* 1280px; */
	font-size:200px;
	padding-top:324px; /* 303px; */
	text-decoration:none;
	color:#000;
	
	/* practically invisible, yet hoverable */
	opacity: 0.01;			/* fx, safari, opera */
	filter:alpha(opacity=1);	/* internet explorer */
	-khtml-opacity: 0.01;		/* khtml, old safari */
	-moz-opacity: 0.01;		/* mozilla, netscape */
	
	opacity: 0.33;			/* fx, safari, opera */
	filter:alpha(opacity=33);	/* internet explorer */
	-khtml-opacity: 0.33;		/* khtml, old safari */
	-moz-opacity: 0.33;		/* mozilla, netscape */
	
	cursor:pointer;
}

div.boek .prevyes, div.boek .prevno	{
	float:left;
	text-align:left;
}
div.boek .nextyes, div.boek .nextno	{
	float:right;
	text-align:right;
}
div.boek .prevno, div.boek .nextno	{
	color:#A9A9A9;
}

span.fill300L	{
	padding-top:15px;
	float:left;
}

span.fill300R	{
	padding-top:15px;
	float:right;
}

span.fill300L img,
span.fill300R img	{
	width:300px;
	height:27px;
}

.sound	{
	position:relative;
	left:-306.66666666667px;
}
a.sound, .sound a	{
	cursor:pointer;
}
/* on hover, show navigation by increasing opacity */
a.prevyes:hover, a.prevno:hover, a.nextyes:hover, a.nextno:hover	{
	opacity: 0.33;			/* fx, safari, opera */
	filter:alpha(opacity=33);	/* internet explorer */
	-khtml-opacity: 0.33;		/* khtml, old safari */
	-moz-opacity: 0.33;		/* mozilla, netscape */
}

a, a img	{
	outline: none;
}

		@keyframes precipitate
	{
		0%   {
			top:-2160px; 
			visibility:visible; 
			opacity:0;
		}
		25%  {
			top:-1440px; 
			visibility:visible; 
			opacity:1;
		}
		75%  {
			top: 0px; 
			visibility:visible; 
			opacity:1;
		}
		100% {
			top: 720px; 
			visibility:visible; 
			opacity:0;
		}
	}
	div.precipitation {
		width:1080px;
		margin-left:auto;
		margin-right:auto;
		overflow-x:hidden;
	}
	div.precipitation img {
		position: absolute;
		width:1080px;
		height:2160px;
		-webkit-animation: precipitate 15s linear;
		animation: precipitate 15s linear;
		top:-3840px;
		visibility:hidden;
		z-index:100;
	}


/* end all media */

@media print {

div.BG
	{border-bottom:32px solid #fff;}

div.boekenbar
	{border-top:20px solid #fff;}

div.boek .pag:after
	{content:"Op deze teksten rust kopijrecht.";}

div.boek .prevyes,
div.boek .prevno,
div.boek .nextyes,
div.boek .nextno
	{height:0px;padding:0px;}

div.menu,
.prevyes,
.prevno,
.nextyes,
.nextno
	{visibility:hidden;}

}