/* fotoboek related */

div.imagethumb {
	width:				100px;
	height:				100px;
	border:				1px solid #ccc;
	margin:				8px;
	float:				left;
	padding:			2px;
	background-repeat:	no-repeat;
	background-position:center center;
}
div.absolute {
	position:			absolute;
	top:				0px;
	left:				0px;
	margin-top:			0px;
	margin-left:		0px;
	width:				100%;
	height:				100%;
	z-index:			1000;
	display:			none;
}
div.gallerycontainer {
	height:				100%;
	width:				100%;
	background-image:	url(../images/gallerybg.png);
}

#outer {
	height: 			100%; 
	overflow: 			hidden; 
	position: 			relative;
	margin:				0 auto;
}
#middle {
	width:				100%;
	position: 			absolute; 
	top: 				50%;
	margin:				0 auto;
}
#inner {
	width:				100%;
	position: 			relative; 
	top: 				-50%;
	margin:				0 auto;
}


#outer[id] {
	display: 			table;
	position: 			static;
}
#middle[id] {
	display: 			table-cell;
	vertical-align: 	middle; 
	position: 			static;
}
*:first-child+html #outer {
	position:			relative;
}
*:first-child+html #middle {
	position:			absolute;
}



div.galleryimage {
	/*cursor:				pointer;*/
	margin:				0 auto;
	text-align:			center;
	overflow:			hidden;

}
div.galleryimage img {
	background-color:	white;
	padding:			10px;
	display:			none;
}
div.galleryimage p {
	background-color:	white;
	float:				left;
	padding:			0px 10px 10px 10px;
	color:				#666;
}
div.galleryimage span {
	float:				right;
	padding:			0px 10px 10px 10px;
}


div.popupnavigation {
	position:			absolute;
	top:				0;
	margin:				0 auto;
	padding:			10px;
	float:				left;
	background-color:	transparent;
	min-height:			80px;
	overflow:			hidden;
	display:			none;
}
* html div.popupnavigation {
	float:				none;
	margin-left:		-50%;
}


/*
div.popupnavigation a {
	overflow:			hidden;
}	
a.popupprevious {
	width:				80px;
	float:				left;
	text-align:			left;
}
a.popupnext {
	width:				80px;
	float:				right;
	text-align:			right;
}
a.popupprevious span, a.popupnext span {
	float:				left;
	width:				80px;
	background-color:	#fff;
}

a.popupprevious span span, a.popupnext span span {
	float:				left;
	margin-top:			60px;
	width:				70px;
	display:			none;
	height:				20px;
	line-height:		20px;
	color:				#666;
	overflow:			hidden;
	background-color:	#fff;
	padding:			5px;
}
a.popupnext span {
	float:				right;
}
*/



div.popupnavigation div {
	overflow:			hidden;
	cursor:				pointer;
	width:				80px;
	background-image:	url(../images/popuptransparent.gif);
}	
div.popupprevious {
	float:				left;
	text-align:			left;
}
div.popupnext {
	float:				right;
	text-align:			right;
}
div.popupprevious span, div.popupnext span {
	float:				left;
	width:				80px;
	padding:			0px;
}

div.popupprevious span span, div.popupnext span span {
	float:				left;
	margin-top:			60px;
	width:				70px;
	display:			none;
	height:				20px;
	line-height:		20px;
	color:				#666;
	overflow:			hidden;
	background-color:	#fff;
	padding:			5px;
}
div.popupnext span {
	float:				right;
}
span.closelink {
	display:			none;
	cursor:				pointer;
}