/* BOOK */
div.book{
	margin-left:			50px;
}

div.book div.cover{
	width:					254px;
	height:					284px;
	background:				url('../boeken/kusjeskrokodil/kusjes_krokodil_background.png') no-repeat;
}

div.book div.cover img{
	margin-top:				28px;
	margin-left:			26px;
}

div.book div.title{
	width:					254px;
	margin-top:				-130px;
	margin-left:			-10px;
	padding-top:			30px;
	background-image:		url('../img/blocks/book/title.png');
	font-size:				16px;
	text-align:				center;
	color:					#CC0066;
}

div.book a.preview{
	width:					221px;
	height:					63px;
	margin-top:				0px;
	background-image:		url('../img/blocks/book/preview/default.png');
	display:				inline;
	float:					left;
	cursor:					hand;
	cursor:					pointer;
}

div.book a.preview:hover{
	background-image:		url('../img/blocks/book/preview/hover.png');
}

div.book a.order{
	margin-right:			25px;
	padding:				7px;
	padding-left:			10px;
	padding-right:			10px;
	background-color:		#CC0066;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				inline;
	float:					right;
}

div.book a.order:hover{
	background-color:		#029795;
	color:					#FFFFFF;
}


/* HOMEBOOK */
div.homebook{
	margin-left:			50px;
	position:				relative;
}

div.homebook div.cover{
	width:					254px;
	height:					284px;
	background:				url('../boeken/kusjeskrokodil/kusjes_krokodil_background.png') no-repeat;
}

div.homebook div.cover img{
	margin-top:				28px;
	margin-left:			26px;
}

div.homebook div.title{
	width:					254px;
	margin-top:				-43px;
	margin-left:			-10px;
	padding-top:			10px;
	background:				url('../img/blocks/book/title_bottom.png') left bottom;
	font-size:				16px;
	padding-bottom:			20px;
	text-align:				center;
	color:					#CC0066;
}

div.homebook div.title-top {
	width:					254px;
	height:					10px;
	margin-top:				-53px;
	margin-left:			-10px;
	padding-top:			0px;
	background-image:		url('../img/blocks/book/title_top.png');
	font-size:				16px;
	text-align:				center;
}

div.homebook div.title p {
	width: 200px;
	margin: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
}

div.book div.title{
	width:					254px;
	margin-top:				-50px;
	margin-left:			-10px;
	padding-top:			10px;
	background:				url('../img/blocks/book/title_bottom.png') left bottom;
	font-size:				16px;
	padding-bottom:			20px;
	text-align:				center;
	color:					#CC0066;
}

div.book div.title-top {
	width:					254px;
	height:					10px;
	margin-top:				-60px;
	margin-left:			-10px;
	padding-top:			0px;
	background-image:		url('../img/blocks/book/title_top.png');
	font-size:				16px;
	text-align:				center;
}

div.book div.title p {
	width: 200px;
	margin: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
}


div.homebook img.book{
	margin-left:			-50px;
	position:absolute;
	left:0px;
	top: 160px;
}

div.homebook a.preview{
	width:					45px;
	height:					170px;
	margin-top:				105px;
	margin-left:			-28px;
	background-image:		url('../img/blocks/book/homepreview/default.png');
	display:				block;
	position:				absolute;
	position:				absolute;
	top:					-120px;
	cursor:					hand;
	cursor:					pointer;
	left:9px;
	z-index:				20;
}

div.homebook a.preview:hover{
	background-image:		url('../img/blocks/book/homepreview/hover.png');
}

div.homebook a.order{
	margin-top:				0px;
	padding:				7px;
	padding-left:			10px;
	padding-right:			10px;
	background-color:		#029795;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
	float:					right;
	position:				absolute;
	left:					50px;
	bottom:					5px;
}

div.homebook a.order:hover{
	color:					#79C8C7;
}

div.homebook a.readmore{
	padding:				7px;
	padding-left:			10px;
	padding-right:			10px;
	background-color:		#CC0066;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
	float:					right;
	position:				absolute;
	left:					125px; 
	bottom:					5px;
}

div.homebook a.readmore:hover{
	color:					#E680B3;
}


/* IMAGE */
div.image,
div.imagefirst{
	width:					230px;
	height:					200px;
	margin-bottom:			-20px;
	background-image:		url('../img/blocks/image/background.png');
}

div.image p,
div.imagefirst p{
	width:					190px;
	height:					22px;
	margin:					0px;
	margin-left:			20px;
	padding-top:			8px;
	background-color:		#029795;
	font-size:				11px;
	font-weight:			bold;
	text-align:				center;
	color:					#FFFFFF;
	display:				inline;
	float:					left;
}

div.image a img,
div.imagefirst a img{
	width:					30px;
	height:					30px;
	margin-top:				-55px;
	margin-left:			185px;
	background-image:		url('../img/blocks/image/enlarge/default.gif');
	float:					left;
}

div.image a:hover img,
div.imagefirst a:hover img{
	background-image:		url('../img/blocks/image/enlarge/hover.gif');
}

div.image img,
div.imagefirst img{
	width:					190px;
	height:					130px;
	margin-top:				20px;
	margin-left:			20px;
	float:					left;
}


/* INVITE */
div.invite{
	margin-top:				65px;
	position:				relative;
}

div.invite div.photo{
	width:					190px;
	height:					140px;
	padding-top:			20px;
	padding-left:			20px;
	background-image:		url('../img/blocks/invite/photo.png');
}

div.invite div.name{
	width:					217px;
	height:					41px;
	margin-top:				-33px;
	margin-left:			5px;
	padding-top:			27px;
	background-image:		url('../img/blocks/invite/name.png');
	font-weight:			bold;
	text-align:				center;
	color:					#CC0066;
	z-index:				5;
}

div.invite a{
	padding:				7px;
	padding-left:			10px;
	padding-right:			10px;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
	float:					left;
}

div.invite a.invite{
	position:				relative;
	background-color:		#029795;
	bottom:					22px;
	float:					left;
	left:					-100px;
	z-index:				6;
}

div.invite a.invite:hover{
	color:					#79C8C7;
}

div.invite a.readmore{
	margin-right:			10px;
	background-color:		#CC0066;
	float:left;
	position:				relative;
	bottom:					18px;
	left:					106px;
	z-index:				6;
}

div.invite a.readmore:hover{
	color:					#E680B3;
}


/* OVERLAY */
div#overlay{
	position:				absolute;
	width:					100%;
	top:					0px;
	left:					0px;
	background-color:		#8F1648;
	filter:					alpha(opacity=90);
	-moz-opacity:			.9;
	opacity:				.9;
}

div#image{
	position:				absolute;
	top:					80px;
	left:					50%;
	background-color:		#FFFFFF;
	line-height:			200%;
	text-align:				center;
	z-index:				4;
}

div#image p{
	margin:					10px;
	margin-top:				0px;
}

div#image a{
	height:					30px;
	margin:					10px;
	display:				block;
}

div#image a.previous{
	width:					90px;
	background-image:		url('../nav/previous/default.gif');
	float:					left;
}

div#image a.previous:hover{
	background-image:		url('../nav/previous/hover.gif');
}

div#image a.next{
	width:					123px;
	background-image:		url('../nav/next/default.gif');
	float:					right;
}

div#image a.next:hover{
	background-image:		url('../nav/next/hover.gif');
}

div#image img{
	margin:					10px;
	border-style:			solid;
	border-color:			#901749;
	border-width:			1px;
}