/* Menu */

div#collection {
	float:				left;
	width:				250px;
	height:				410px;
}

div#collection h2 {
	margin:				0px 0 10px 1px;
	font-size:			50px;
}

div#collection ul li ul {
	margin: 	4px 0 -4px 0;
}

div#collection ul li ul a {
	display:	block;
	padding:	5px 0;
}

div#collection ul li.active {
	color:				#BE3100;
}

div#collection ul.serieClosed {
	display:			none;
	position: 			relative; /* bug fix for IE6 */
	min-width: 			0; /* bug fix for IE7 */
}

div#collection ul.serieOpen {
	display:			block;
}


div#collection li.serietitles {
	font-weight:		bold;
	font-size:			12px;
	margin-top:			10px;
	text-transform:		uppercase;
	cursor:				pointer;
}

a.seriename {
	font-weight:		normal;
	font-size:			9px;
	text-transform:		uppercase;
	color:				#FFFFFF;
}

/* Navigatie */

a.navigation {
	float: right; display: block; width: 25px; height: 440px;
	margin-top: 10px;
	background: transparent url(../images/bg_navigation.png) no-repeat 0 50%;
}
a.right {background-position: 100% 50%;}

/* Serie afbeelding */

div#serieImages {
	position:			relative;
	width:				570px;
	height:				440px;
	margin-top:			10px;
	float:				right;
	overflow:			hidden;
}

div#serieImages p.title {
	width: 280px; margin: 5px 10px 0 0;
	font-size: 30px; text-align: center;
}

div#serieImages ul {
	position:			relative;
	height:				440px;
	width:				10000px;
}

div#serieImages ul li {
	position:			relative;
	float:				left;
}

div#serieImages ul li img {
	display:			block;
	margin:				0px 10px 0px 0px;
}