@import url('leesleeuw.css');

/*
 * DESIGN
 */
body, h1, h2, h3, p, ul, ol {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

body {
	background: #ffffff;
	font: 12px/20px arial, sans-serif;
	color: #5a5a59;
}

h1,h2 {
	font: bold 24px arial,sans-serif;
	margin: 0;
}

h3, h4, h5, h6 {
	font: bold 18px arial,sans-serif;
}

p {
	margin: 0 0 20px;
}

a {color: #7b0072; text-decoration: underline;}
a:visited {color: #e16dd3;}
a:hover {color: #e9090e;}

em {
	font-style: normal;
	color: #dd44e0;
}

ul {
	margin: 0 0 27px 14px;

}

ol {
	margin: 0 0 27px 18px;
}

#headerwrapper #header-foto .caption {
	font: bold 12px/20px arial,sans-serif;
	color: #ffffff;
}

#footerwrapper, #footerwrapper a {
	font: bold 12px arial,sans-serif;
	color: #ffffff;
	text-decoration: none;
	background: #7b0072;
}

#footerwrapper a:hover {
	color: #dd44e0;
}




/*
 * STRUCTURE
 */

#outerwrapper {
	width: 925px;
	margin: 0;
	background: url('../gfx/info-pootafdrukken.png') right bottom no-repeat;
}

#innerwrapper {
	position: relative;
	min-height: 716px; /* ie6 override */
	background: url('../gfx/voorouders/voorouders-bg.jpg') 0 0 no-repeat;
}



/* menu */

ul#mainmenu span {
	color: #000000;
}
ul#mainmenu div.submenu-wrapper {
	left: auto;
	display: block;
	right: 69px;
}



/* header */

#headerwrapper {
	height: 82px;
	height: 119px;
	margin: 0;
}

#headerwrapper h2#sectiontitle {
	height: 10px;
	width: 0;
	font-size: 0.1em;
	padding: 0 0 0 10px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#leesleeuw {
	position: absolute;
	left: 51px;
	top: 75px;
	width: 380px;
	height: 651px;
	background: url('../gfx/info-leesleeuw-informatie.png') no-repeat 0 0;
}

#contentwrapper {
	margin: 0 0 30px 431px;
	padding: 0 0 50px 24px;
	width: 391px;
	background: url('../gfx/info-divider.png') repeat-y 0 0;
}

h2#pagetitle {
	width: 0;
	height: 35px;
	padding: 0 0 0 380px;
	overflow: hidden;
	background: no-repeat 0 0;
	font-size: .1em;
}




#footerwrapper {
	margin: 0 0 38px 106px;
	padding: 0 13px 0;
	width: 714px;
	height: 15px;
	overflow: hidden;
	text-align: right;
	line-height: 15px;
}


/*
 *	Over de boeken
 */
body.overdeboeken #contentwrapper {
	padding: 0 0 100px;
	margin: 0 0 30px 341px;
	width: 525px;
	background-image: url('../gfx/voorouders/info-divider.png'); /* ie6 pngfix */
}

body.overdeboeken h2#pagetitle {
	margin: 0 0 0 106px;
}

body.overdeboeken div#intro {
	margin: 0 0 0 114px;
	font: bold 12px/20px arial,sans-serif;
}

/*
 *	Boekknoppen
 */
div#boeken {
	width: 584px;
	height: 149px;
	margin: 0 0 12px;
	padding: 0 0 0 65px;
	overflow: hidden;
	background: url(../gfx/voorouders/boeken.png) no-repeat 0 0; /* ie6 pngfix */
}

div.boekknop {
	float: left;
	width: 75px;
	height: 118px;
	margin: 11px 12px 12px 0;
	padding: 4px 5px 4px 4px;
	overflow: hidden;
	background: no-repeat 0 0;
}

div.boekknop-1:hover { background-image: url(../gfx/voorouders/boekknop1-2-h.jpg); }
div.boekknop-2:hover { background-image: url(../gfx/voorouders/boekknop3-h.jpg); }
div.boekknop-3:hover { background-image: url(../gfx/voorouders/boekknop4-h.jpg); }
div.boekknop-4:hover { background-image: url(../gfx/voorouders/boekknop5-h.jpg); }
div.boekknop-5:hover { background-image: url(../gfx/voorouders/boekknop6-h.jpg); }
div.boekknop-6:hover { background-image: url(../gfx/voorouders/boekknop7-8-h.jpg); }

div.boekknop a {
	display: block;
	width: 0;
	height: 118px;
	padding: 0 0 0 75px;
	margin: 0;
	overflow: hidden;
	font-size: .1em;
	background: no-repeat 0 0;
}

div.boekknop-first {}

/*
 *	Boekinfo
 */
div#boekinfo {
	width: 634px;
}

#boekinfo .box-footer {
	background: no-repeat left bottom; /* ie6 pngfix */
	height: 34px;
}

#boekinfo .box {
	position: relative;
	background: no-repeat 0 0;  /* ie6 pngfix */
	padding: 46px 108px 0 118px;
	min-height: 200px;	/* ie6 override */
	color: #000000;
	font: normal 12px/20px arial,sans-serif;
}

#boekinfo .box1 { background-image: url(../gfx/voorouders/box1-bg.png); }
#boekinfo .box2 { background-image: url(../gfx/voorouders/box2-bg.png); }
#boekinfo .box3 { background-image: url(../gfx/voorouders/box3-bg.png); }
#boekinfo .box4 { background-image: url(../gfx/voorouders/box4-bg.png); }
#boekinfo .box5 { background-image: url(../gfx/voorouders/box5-bg.png); }
#boekinfo .box6 { background-image: url(../gfx/voorouders/box6-bg.png); }

#boekinfo .box-footer1 { background-image: url(../gfx/voorouders/box1-footer.png); }
#boekinfo .box-footer2 { background-image: url(../gfx/voorouders/box2-footer.png); }
#boekinfo .box-footer3 { background-image: url(../gfx/voorouders/box3-footer.png); }
#boekinfo .box-footer4 { background-image: url(../gfx/voorouders/box4-footer.png); }
#boekinfo .box-footer5 { background-image: url(../gfx/voorouders/box5-footer.png); }
#boekinfo .box-footer6 { background-image: url(../gfx/voorouders/box6-footer.png); }


#boekinfo h3.box-title {
	position: absolute;
	left: 110px; /* ie6 override: -8px */
	top: 12px;
	width: 90px;
	height: 22px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font: bold 18px/22px arial,sans-serif;
	text-transform: lowercase;
	color: #000000;
	text-align: center;
}

#boekinfo div.box-image {
	position: absolute;
	left: 15px; /* ie6 override: -103px */
	top: 63px;
	width: 0;
	height: 120px;
	padding: 0 0 0 78px;
	background: no-repeat 0 0;
	overflow: hidden;
	font-size: .1em;
}

#boekinfo div.box-avi {
	position: absolute;
	left: 397px; /* ie6 override: 279px */
	top: 49px;
	width: 200px;
	height: 13px;
	overflow: hidden;
}

#boekinfo div.box-avi {
	font: bold 12px/13px arial,sans-serif;
	color: #ffffff;
}

#boekinfo div.box-avi a {
	font: bold 12px/13px arial,sans-serif;
	color: #ffffff;
	text-decoration: underline;
}

#boekinfo div.box-avi a:hover {
	color: #eee;
	text-decoration: none;
}

#boekinfo div.box-avi strong {
	color: #000000;
	font-style: italic;
	padding-right: 12px;
}

#boekinfo h4.boek-title {
	font: bold 12px/20px arial,sans-serif;
	color: #000000;
	padding: 0 0 20px;
	width: 259px;
}

#boekinfo p {
	margin: 0;
	padding: 0;
}

/*
 *	Leesleeuw Blog
 */
div#intro .header h2 {
	color:#7B0072;

}
div#intro .body {
	color:#7B0072;
	font-size:14px;
}