/*
 * Layout Leesleeuw homepage
 */


BODY, H1, H2, H3, H4, H5, H6, P, IMG {margin:0; padding:0;}

IMG {
	border: none 0;
}

A {
	outline: none;
}


#outerwrapper {
	position:relative;
	width: 100%;
	height: 763px;
	margin: 0 auto;
	background: url('../gfx/homepage/achtergrond-b.jpg') no-repeat 0 0 #ffffff;
}



/*
 *	Logo
 */
h1#logo {
	position: absolute;
	left: 24px;
	top: 10px;
	width: 0;
	height: 85px;
	padding: 0 0 0 165px;
	overflow: hidden;
	z-index: 20;
}



/*
 *	Navigatie
 */
ul#navigatie {
	position: absolute;
	left: 215px;
	top: 0px;
	width: 370px;
	height: 31px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../gfx/homepage/navigation-bg.png) no-repeat 0 0;
	overflow: hidden;
	z-index: 15;
}

ul#navigatie li {
	float: left;
	margin: 0 0 0 14px;
	list-style: none;
	background: none;
	padding: 0;
}

ul#navigatie li.first {
	margin: 0;
}

ul#navigatie, ul#navigatie a {
	font: bold 15px/31px arial,sans-serif;
	color:#939090;
	text-decoration:none;
}

#navigatie a:hover {
	color:#000000;
}



/*
 *	Pagetitle
 */
h2#pagetitle {
	position: absolute;
	visibility:hidden;
}



/*
 *	Intro
 */

div#intro .header h2 {
	position: absolute;
	left: 233px;
	top: 34px;
	width: 328px;
	height: 31px;
	font: bold 18px/31px arial,verdana,helvetica,sans-serif;
	font-style: italic;
	color: #7b0072;
	z-index: 10;
	/* overflow: hidden; */
}

div#intro .body {
	position: absolute;
	left: 284px;
	top: 65px;
	width: 277px;
	height: 63px;
	font: normal 14px/14px arial,verdana,helvetica,sans-serif;
	font-style: italic;
	color: #7b0072;
	z-index: 10;
	/* overflow: hidden; */
}


/*
 *	Groepsblok
 */

div.groepsblok {
	position: absolute;
	width: 153px;
	height: 441px;
	overflow: hidden;
	background: no-repeat 0 0;
	font: normal 10px/11px arial,verdana,sans-serif;
	color: #ffffff;
	z-index: 20;
}

div#groepsblok1 {
	left: 28px;
	top: 174px;
	background-image: url(../gfx/homepage/groepsblok1-2.jpg);
}
div#groepsblok2 {
	left: 186px;
	top: 173px;
	background-image: url(../gfx/homepage/groepsblok3.jpg);
}
div#groepsblok3 {
	left: 344px;
	top: 145px;
	background-image: url(../gfx/homepage/groepsblok4.jpg);
}
div#groepsblok4 {
	left: 503px;
	top: 128px;
	background-image: url(../gfx/homepage/groepsblok5.jpg);
}
div#groepsblok5 {
	left: 660px;
	top: 172px;
	background-image: url(../gfx/homepage/groepsblok6.jpg);
}
div#groepsblok6 {
	left: 819px;
	top: 196px;
	background-image: url(../gfx/homepage/groepsblok7-8.jpg);
}

div.groepsblok h3 {
	visibility: hidden;
}

/* groep meer knop */
a.groepmeer {
	position: absolute;
	left: 104px;
	top: 2px;
	width: 0;
	height: 39px;
	padding: 0 0 0 44px;
	overflow: hidden;
	text-decoration: none;
	font-size: .1em;
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.groepmeer:hover {
	background-position: 0 -39px;
}

div#groepsblok1 a.groepmeer {
	background-image: url(../gfx/homepage/groepmeer1-2.png);
}
div#groepsblok2 a.groepmeer {
	background-image: url(../gfx/homepage/groepmeer3.png);
}
div#groepsblok3 a.groepmeer {
	background-image: url(../gfx/homepage/groepmeer4.png);
}
div#groepsblok4 a.groepmeer {
	background-image: url(../gfx/homepage/groepmeer5.png);
}
div#groepsblok5 a.groepmeer {
	background-image: url(../gfx/homepage/groepmeer6.png);
}
div#groepsblok6 a.groepmeer {
	background-image: url(../gfx/homepage/groepmeer7-8.png);
}

div.contactknop a {
	position: absolute;
	left: 10px;
	top: 45px;
	width: 131px;
	height: 188px;
	padding: 8px 0 0;
	display: block;
	overflow: hidden;
	text-decoration: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0 8px;
}

div.contactknop a:hover {
	background-position: -131px 8px;
}


div.contactknop a strong {
	display: block;
	width: 0;
	height: 131px;
	padding: 0 0 0 131px;
	overflow: hidden;
}

div.contactknop a em {
	display: block;
	width: 116px;
	height: 48px;
	padding: 5px 7px 0 8px;
	font: normal 10px/11px arial,sans-serif;
	color: #ffffff;
	overflow: hidden;
}

div.boekknop a {
	position: absolute;
	left: 10px;
	top: 241px;
	width: 0;
	height: 200px;
	padding: 0 0 0 131px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 11px 48px;
	cursor: pointer;
}

div.boekknop a strong {
	visibility: hidden;
	width: 0;
	height: 1px;
	padding: 0 0 0 10px;
	overflow: hidden;
	font-size: .1em;
}


div.boekknop a em {
	display: block;
	position: absolute;
	left: 91px;
	top: 130px;
	width: 0;
	height: 38px;
	padding: 0 0 0 38px;
	overflow: hidden;
	font-size: .1em;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#groepsblok1 div.boekknop a:hover em {
	background-image: url(../gfx/homepage/boekmeer1-2.jpg);
}
div#groepsblok2 div.boekknop a:hover em {
	background-image: url(../gfx/homepage/boekmeer3.jpg);
}
div#groepsblok3 div.boekknop a:hover em {
	background-image: url(../gfx/homepage/boekmeer4.jpg);
}
div#groepsblok4 div.boekknop a:hover em {
	background-image: url(../gfx/homepage/boekmeer5.jpg);
}
div#groepsblok5 div.boekknop a:hover em {
	background-image: url(../gfx/homepage/boekmeer6.jpg);
}
div#groepsblok6 div.boekknop a:hover em {
	background-image: url(../gfx/homepage/boekmeer7-8.jpg);
}


/*
 *	Abonnement
 */
#abonnement {
	position: absolute;
	left: 549px;
	top: 14px;
	width: 204px;
	height: 112px;
	z-index: 20;
}

#abonnement a {
	display: block;
	width: 0px;
	height: 112px;
	padding: 0 0 0 204px;
	overflow: hidden;
	background: url('../gfx/homepage/abonnement.png') no-repeat 0 0;
}

#abonnement a:hover {
	background: url('../gfx/homepage/abonnement-h.png') no-repeat 0 0;
}

/*
 *	Blog
 */
#blog {
	position: absolute;
	left: 840px;
	top: 14px;
	width: 204px;
	height: 112px;
	z-index: 20;
}

#blog a {
	display: block;
	width: 0px;
	height: 112px;
	padding: 0 0 0 204px;
	overflow: hidden;
	background: url('../gfx/homepage/blogknop.png') no-repeat 0 0;
}

#blog a:hover {
	background: url('../gfx/homepage/blogknop-h.png') no-repeat 0 0;
}