/*
** MAAND VAN HET SPANNENDE BOEK
** file: assets/css/main.css
*/
body {
	background: #000 url(../img/body.jpg) no-repeat top right;
	font: normal 12px/17px Arial;
}

#newslist li { margin: 0 0 10px; }

#winnaar {
	position: absolute;
	display: block;
	background: url(../img/winnaar.png) no-repeat;
	width: 345px;
	height: 546px;
	top: 6px;
	left: 390px;
}

#menu {
	clear: left;
	display: block;
	height: 24px;
	margin: 30px 0 30px 30px;
	position: relative;
	width: 900px;
	z-index: 2000;
}
	#menu li {
		float: left;
	}

	#menu a {
		background: url(../img/menu.png) no-repeat;
		cursor: pointer;
		display: block;
		height: 24px;
		margin: 0 20px 0 0;
		_margin: 0 10px 0 0;
		float: left;
		text-indent: -9999px;
	}
	#menu a.home {			width: 41px; background-position: 0px 0px }
	#menu a.onmacht {		width: 73px; background-position: -59px 0px }
	#menu a.charles {		width: 139px; background-position: -153px 0px }
	#menu a.mord {			width: 146px; background-position: -311px 0px }
	#menu a.power {			width: 133px; background-position: -477px 0px }
	#menu a.nieuws {		width: 59px; background-position: -631px 0px }
	#menu a.activiteiten {	width: 104px; background-position: -711px 0px }

	#menu a.home:hover,
	#menu li.a a.home {			background-position: 0px -29px }
	#menu a.onmacht:hover,
	#menu li.a a.onmacht {		background-position: -59px -29px }
	#menu a.charles:hover,
	#menu li.a a.charles {		background-position: -153px -29px }
	#menu a.mord:hover,
	#menu li.a a.mord {			background-position: -311px -29px }
	#menu a.power:hover,
	#menu li.a a.power {		background-position: -477px -29px }
	#menu a.nieuws:hover,
	#menu li.a a.nieuws {		background-position: -631px -29px }
	#menu a.activiteiten:hover,
	#menu li.a a.activiteiten { background-position: -711px -29px }

#wrapper {
	background: url(../img/wrapper.png) no-repeat 0 0;
	height: 562px;
	width: 900px;
		height: 748px;
}

a { cursor: pointer; }

#cadeau {
	cursor: pointer;
	display: block;
	height: 266px;
	left: 34px;
	position: absolute;
	top: 324px;
	width: 244px;
}

#blocks {
	background: url(../img/blocks.png) no-repeat 0 0;
	height: 202px;
	width: 901px;
	position: absolute;
	top: 630px;
	left: 27px;
}
#blocks div {
	float: left;
	margin: 25px 0 0 15px;
}
	#blocks .nieuws {
		width: 473px;
	}
	#blocks .activiteiten {
		width: 380px;
	}

#blocks .top {
	display: block;
	height: 30px;
	text-indent: -9999px;
}
	#blocks .nieuws .top { width: 470px; }
	#blocks .activiteiten .top { width: 370px; }

#blocks table,
#blocks ul {
	margin: 19px 0 0 0;
}
	#blocks td {
		height: 23px;
	}
	#blocks li {
		margin: 0 0 7px 1px;
	}
	.b_activiteiten a,
	#blocks td a,
	#blocks li a {
		color: #000000;
		text-decoration: none;
	}

	.b_activiteiten a:hover,
	#blocks td a:hover,
	#blocks li a:hover {
		color: #657d96;
		text-decoration: underline;
	}


#external {  
	position: absolute;
	right:30px;
	top: 656px;
		top: 875px;
	width: 350px;
}
	#external li {  
		float: right;
		margin: 0 0 0 20px;
	}
	#external a {
		display: block;
		height: 50px;
		text-indent: -9999px;
		width: 112px;
		position: relative;
		z-index: 1002;
	}
	#external a.es { width: 66px; }
	#external a.em { width: 84px; }

#footer {
	background: url(../img/footer.png) no-repeat bottom left;
	display: block;
	height: 54px;
	margin: 0 0 0 30px;
		margin: 0 0 20px 30px;
	position: relative;
	width: 900px;
}
	#footer img { position: absolute; right: 30px; }

/*
** BOEK PAGINA
*/
.boek {
	background: transparent url(../img/boek.png) no-repeat 0 0;
}
	.boek_white { background-image: url(../img/boek_white.png); }
	.boek .contents {
		padding: 45px 0 0 30px;
		height: 510px;
		position: relative;
		width: 765px;
		text-align: justify;
	}
	.contents p {
		color: #000001;
		margin: 15px 0 10px 0;
		width: 334px;
			position: relative;
	}
		.contents p a {
			color: #333f4f;
		}
		.contents p strong {
			color: #333f4f;
			font-size: 13px;
			font-weight: bold;
			text-transform: uppercase;
		}
		.contents .lees {
			left: 400px;
			top: 385px;
			position: absolute;
		}
		.contents .schaduw {
			left: 400px;
			top: 185px;
			position: absolute;
		}
		.contents .schaduw p {
			width: 314px;
		}
		.contents ul {
			width: 300px;
		}
			.contents ul li{

			}
			.contents ul li ul {
				width: 300px;
			}
			.contents ul li ul li{
				display: inline;
				margin: 0 5px 0 0;
			}
			.icon {
				color: #000;
				text-decoration: none;
				padding: 3px 0 0;
			}
		em {
			color: #333f4f;
			font-style: italic;
		}
		em.open {
			cursor: pointer;
			color: #333f4f;
			text-decoration: underline;
			font-style: normal;
		}
		.scroll {
			height: 500px;
			width: 345px;
			overflow-y: scroll;
			overflow-x: hidden;
		}
			.scroll table { width: 314px; }
			.scroll table td { vertical-align: top; }
			.scroll p { width: 314px }
		.contents span { font-weight: bold; text-transform: uppercase; color: #333f4f;}
		#activitycontent span {
			font-weight: normal;
			text-transform: none;
			color: #000;
		}
		#top {
			background: url(../img/top.png) no-repeat 0 0;
			height: 65px;
			top: -56px;
			right: 76px;
			position: absolute;
			width: 152px;
				z-index: 2001;
		}
		.boek .special { padding-left: 11px; }
		.boek .special h1, 
		.boek .special h2,
		.boek .special p {
			padding-left: 19px;
		}
		.boek .special .left { margin: 0 20px 0 -19px; position: relative; }
	/*
	** Bladzijdes
	*/
	.b_charles {
		background: url(../img/charles-den-tex.png) no-repeat 389px 7px;
	}
	.b_cadeau {
		background: url(../img/boek-cadeau.png) no-repeat 389px 7px;
	}
	.b_activiteiten {
		background: url(../img/activiteiten.png) no-repeat 389px 7px;
	}
	.b_onmacht {
		background: url(../img/onmacht.png) no-repeat 389px 7px;
	}
	.b_programma {
		background: url(../img/programma.jpg) no-repeat 30px 35px;
	}
		.b_programma a {
			display: block;
			position: absolute;
			bottom: 30px;
			left: 30px;
			width:230px;
			height: 35px;
			text-indent: -9999px;
		}
		#div5 {
			background: url(../img/power_of_plots.png) no-repeat 0 0;
			height: 552px;
			width: 769px;
		}
			#div5 .contents{
				display: none;
				position: relative;
			}
			#div5 .link_programma {
				display: block;
				position: absolute;
				width: 324px;
				height: 390px;
				top: 135px;
				left: 25px;
			}
			#div5 .link_kaarten {
				background: url(../img/kaarten_kopen.png) no-repeat 0 0;
				display: block;
				height: 182px;
				text-indent: -9999px;
				width: 182px;
				position: absolute;
				left: 50%;
				top: 50%;
				margin-left: -91px;
			}
	h1,
	h2 {
		color: #000001;
		display: block;
		margin: 0 0 3px;
		font-size: 33px;
		text-transform: uppercase;
	}
	h2 {
		color: #333f4f;
	}

	#home {
		background: url(../img/home.png) no-repeat 175px 100px;
		height: 522px;
		width: 950px;
	}
		#home a {
			display: block;
			position: absolute;
			left: 635px;
			text-indent: -9999px;
		}
		#home a.kaarten   {
			top: 364px;
			left: 365px;
			width: 118px;
			height: 118px;
		}
		#home a.programma { 
			top: 515px;
			height: 35px;
			width:230px;
			left: 350px;
		}
		#home a.ns {
			width: 206px;
			height: 158px;
			top: 430px;
			left: 640px;
		}
		#home a.strop {
			left: 645px;
			top: 210px;
			width: 206px;
			height: 158px;
		}
		#home a.lees {
			
		}

/*
** ALGEMENE STYLES
*/
.clear { clear: both; }
.hidden { display: none; }

.left { float: left; }

#text span {
	font: normal 12px/17px Arial !important;
}

.ie #home { background-image: url(../img/home.gif) }
.ie #menu a { background-image: url(../img/menu.gif) }
.ie #wrapper { background-image: url(../img/wrapper.gif) }
.ie #footer { background-image: url(../img/footer.gif) }
.ie .boek { background-image: url(../img/boek.gif);  }
.ie .boek_white { background-image: url(../img/boek_white.gif); }
.ie #top { background-image: url(../img/top.gif) }
.ie .b_charles { background-image: url(../img/charles-den-tex.gif) }
.ie .b_cadeau { background-image: url(../img/boek-cadeau.gif) }
.ie .b_activiteiten { background-image: url(../img/activiteiten.gif) }
.ie .b_onmacht { background-image: url(../img/onmacht.gif) }

.boek_white a  { color: #333f4f; }