/* Page numbers */
div.pagenumbers	{
	position: relative; 
	clear: both; 
	margin: 5px; 
	padding: 3px; 
	font-size: 11px; 
}

	span.pagenumbers_label	{
		display: inline; 
		margin-right: 7px; 
	}
	
	span.pagenumber	{
		display: inline; 
		position: relative; 
	}
	
	span.pagenumber.activePage	{
		padding: 3px; 
		background: #fff; 
		color: #666; 
		text-align: center; 
		-moz-border-radius: 2px; 
		-webkit-border-radius: 2px; 
		-o-border-radius: 2px; 
		border-radius: 2px; 
		-moz-box-shadow: 0px 0px 2px #000; 
		-webkit-box-shadow: 0px 0px 2px #000; 
		-o-box-shadow: 0px 0px 2px #000; 
		box-shadow: 0px 0px 2px #000; 	
	}
	
	span.pagenumber.disabled	{
		padding: 3px; 
		background: #fff; 
		color: #ddd; 
		text-align: center; 
		-moz-border-radius: 2px; 
		-webkit-border-radius: 2px; 
		-o-border-radius: 2px; 
		border-radius: 2px; 
		cursor: not-allowed; 
	}

		span.pagenumber a	{
			padding: 3px; 
			background: #fff; 
			color: #666; 
			text-align: center; 
			-moz-border-radius: 2px; 
			-webkit-border-radius: 2px; 
			-o-border-radius: 2px; 
			border-radius: 2px; 
			text-decoration: none !important; 
		}
		span.pagenumber a:hover	{
			background: #f1f2f2; 
		}

/* Lightbox popup */
div.lightbox_wrapper	{
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: rgba(0, 0, 0, .6); 
	text-align: center; 
	overflow: auto; 
	z-index: 101; 
}
	div.lightbox_innerwrap	{
		position: relative; 
		width: 70%; 
		top: 15%; 
		margin: 0 auto; 
		padding: 10px; 
		text-align: left; 
		background: #fff; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		-o-border-radius: 8px; 
		border-radius: 8px; 
		-moz-box-shadow: 0px 0px 10px #000; 
		-webkit-box-shadow: 0px 0px 10px #000; 
		-o-box-shadow: 0px 0px 10px #000; 
		box-shadow: 0px 0px 10px #000; 
	}
	
		div.lightbox_close	{
			position: absolute; 
			top: -15px; 
			right: -15px; 
			width: 30px; 
			height: 26px; 
			padding: 4px 0 0 0; 
			text-align: center; 
			background: #f60; 
			color: #fff; 
			font-size: 23px; 
			font-weight: bold; 
			border: 1px solid #fff; 
			cursor: pointer; 
			-moz-border-radius: 20px; 
			-webkit-border-radius: 20px; 
			-o-border-radius: 20px; 
			border-radius: 20px; 
			-moz-box-shadow: 0px 0px 5px #000; 
			-webkit-box-shadow: 0px 0px 5px #000; 
			-o-box-shadow: 0px 0px 5px #000; 
			box-shadow: 0px 0px 5px #000; 
		}
		div.lightbox_close:hover	{
			color: #f60; 
			background: #fff; 
		}

/* Validated forms */
form div.field-widget	{
	position: relative; 
}

	form div.field-widget input[type="text"].date	{
		width: 80px; 
	}
	form div.field-widget input[type="text"].number	{
		width: 30px; 
	}
	form div.field-widget input[type="text"].largeWidth	{
		width: 540px; 
	}
	form div.field-widget input[type="text"].shortWidth	{
		width: 100px; 
	}
	
	form div.field-widget textarea.shortHeight	{
		height: 100px; 
	}
	form div.field-widget textarea.shortWidth	{
		width: 100px; 
	}
	form div.field-widget textarea.largeWidth	{
		width: 540px; 
	}
	
	form div.field-widget img.datepicker_icon	{
		cursor: pointer;		
	}
	
	form div.field-widget div.datepicker	{
		top: 0 !important; 
		left: 100px !important; 
	}

/* Slider */
.wmSlider	{
	position: relative; 
	width: 100%; 
	height: 9%; 
	background: url(/images/slider_track_center.png) center top repeat-x;
}

	.wmSlider .left_end	{
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 5px; 
		height: 9px; 
		background: url(/images/slider_track_left.png) left top no-repeat; 
	}
	
	.wmSlider .right_end	{
		position: absolute; 
		top: 0; 
		right: 0; 
		width: 5px; 
		height: 9px; 
		background: url(/images/slider_track_right.png) right top no-repeat; 
	}
	
	.wmSlider .handle	{
		position: relative; 
		width: 19px; 
		height: 20px; 
		left: 0; 
		cursor: col-resize; 
		background: url(/images/slider_handle.png) center center no-repeat; 
	}

.wmSliderAmount	{
	position: relative; 
	width: 100%; 
}

	.wmSliderAmount .amount, .wmSliderAmount .unitText	{
		display: inline !important; 
		position: static !important; 
		width: auto !important; 
		height: auto !important; 
		margin: 0 !important; 
	}


/* ***
   CSS3 stylesheet
   
   (c) 2011 - dJazzit
   
   design by dJazzit 
   www.djazzit.com
   info@djazzit.com 
   
   designed for websiteman CMS
   www.websiteman.nl 
   info(a)websiteman.nl
   *** */

/* General */ 
html, body	{
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

body	{
	background: #f7f7f7 url(/images/7510/background-header.png) repeat-x center top; 
	text-align: center; 
	color: #000; 
	font: 12px/20px "Trebuchet MS", Helvetica, sans-serif; 
}
body#tinymce	{
	background: #f7f7f7; 
}

td, th	{
	vertical-align: top; 
}

ul li	{
	list-style: disc; 
}

ul li, ol li	{
	margin: 7px 0; 
}

/* Fonts */ 
p, address	{
	margin: 7px 0; 
	font-style: normal; 
}

a	{
	color: #4169aa; 
	text-decoration: underline; 
}
a:hover	{
	color: #287fb9; 
	text-decoration: none; 
}

a.email	{
	color: #4169aa; 
	font-size: 12px; 
}

h1, h2, h3, h4, h5, h6	{
	margin: 7px 0; 
	font-weight: normal; 
}
	h1	{
		font-size: 23px; 
		margin-top: 23px; 
		margin-bottom: 10px; 
		/*padding: 5px 3px; 
		color: #fff; 
		background: #469424; */
	}
	h2	{
		font-size: 17px; 
		margin-top: 17px; 
		margin-bottom: 8px; 
	}
	h3	{
		font-size: 15px; 
		margin-top: 13px; 
		margin-bottom: 7px; 
	}
	h4	{
		font-size: 13px; 
		margin-top: 9px; 
	}
	h5	{
		font-size: 12px; 
	}
	h6	{
		font-size: 12px; 
		font-style: italic; 
	}

nav#siteNav ul	{
	position: relative; 
	margin: 0; 
	padding: 0; 
	z-index: 5; 
}

	nav#siteNav ul li	{
		display: inline; 
		list-style: none; 
		position: relative; 
		margin: 0 20px 0 0; 
		padding: 0 0 25px 0; 
		z-index: 5; 
	}
	
		nav#siteNav ul li a	{
			padding: 3px 5px; 
			font-size: 17px; 
			color: #000; 
			text-decoration: none; 
		}
		nav#siteNav ul li a:hover, nav#siteNav ul li.active a	{
			color: #fff; 
			background: #469424; 
		}
		
			nav#siteNav ul li ul	{
				display: none; 
				position: absolute; 
				top: 22px; 
				left: 0; 
				margin: 0; 
				padding: 0; 
				background: #fff; 
				z-index: 10; 
				-moz-box-shadow: 0px 0px 5px #999; 
				-o-box-shadow: 0px 0px 5px #999; 
				-webkit-box-shadow: 0px 0px 5px #999; 
				box-shadow: 0px 0px 5px #999; 
			}
			nav#siteNav ul li:hover > ul	{
				display: block; 
			}
				nav#siteNav ul li ul li	{
					display: list-item; 
					list-style: none; 
					position: relative; 
					width: auto; 
					height: auto; 
					margin: 0; 
					padding: 0; 
					z-index: 11; 
				}
								
					nav#siteNav ul li ul li a	{
						display: block; 
						height: auto; 
						width: 190px; 
						padding: 5px; 
						font-size: 12px; 
						font-weight: normal; 
						color: #000 !important; 
						background: none !important; 
					}
					nav#siteNav ul li ul li a:hover, 
					nav#siteNav ul li ul li.active a:hover	{
						color: #fff !important; 
						background: #469424 !important; 
					}
					
					nav#siteNav ul li ul li ul	{
						display: none; 
						position: absolute; 
						top: -1px; 
						left: 150px; 
						width: auto; 
						height: auto; 
						background: #f1f1f1; 
						border: 1px solid #bbb; 
						z-index: 15; 
					}
					
					nav#siteNav ul li ul li:hover > ul	{
						display: block; 
					}
					
						nav#siteNav ul li ul li ul li	{
							border-bottom: 1px solid #bbb; 
							z-index: 16; 
						}
						
						nav#siteNav ul li ul li ul li:last-child	{
							border-bottom: none; 
						}

/* Divs */
header, footer, nav, section, aside, article	{
	display: block; 
}

#globalWrapper	{
	position: relative; 
	width: 100%; 
	min-height: 100%; 
	margin: 0; 
	padding: 0; 
}

	div.container	{
		position: relative; 
		width: 960px; 
		margin: 0 auto; 
		padding: 0 0 370px 0; 
	}
	
		header	{
			position: relative; 
			width: 100%; 
			height: 302px; 
			background: url(/images/7764/background-header-logo3.jpg) no-repeat center center; 
			color: #fff; 
		}
		
			#breadcrumbs	{
				position: absolute; 
				top: 45px; 
				left: 0; 
			}
			
				#breadcrumbs p	{
					margin: 0; 
				}
				
				#breadcrumbs a	{
					color: #fff; 
					text-decoration: underline; 
				}
				#breadcrumbs a:hover	{
					text-decoration: none; 
				}
			
			#like	{
				position: absolute; 
				top: 90px; 
				left: 0; 
				text-align: left; 
			}
			
			#photoalbum	{
				position: absolute; 
				top: 45px; 
				right: 0; 
				text-align: left; 
				widt: 300px; 
			}
				
				#photoalbum p	{
					margin: 2px 0; 
				}
				
				#photoalbum span	{
					padding: 3px 5px; 
					font-size: 16px; 
				}
				
				#photoalbum a span	{
					color: #fff; 
					background: #31780d; 
					font-size: inherit; 
					text-decoration: none; 
				}
				#photoalbum a:hover span	{
					text-decoration: underline; 
				}
				
				#swap_image_set_container	{
					position: relative; 
					width: 300px; 
					height: 210px; 
					margin: 10px 0 0 0; 
				}
				
					#swap_image_header	{
						display: none; 
					}
					
					#swap_image_set	{
						position: absolute; 
						top: 0; 
						left: 0; 
						width: 100%; 
						height: 100%; 
					}
					
						#swap_image_set div.swapImage	{
							position: absolute; 
							top: 0; 
							left: 0; 
							width: 100%; 
							height: 100%; 
							z-index: 5; 
						}
						
							#swap_image_set div.swapImage img	{
								position: absolute; 
								top: 0; 
								left: 0; 
								width: 110%; 
								clip: rect(0px 300px 210px 0px); 
							}
						
						#swap_image_set div.swapImageTextContainer	{
							position: absolute; 
							bottom: 10px; 
							left: 10px; 
							z-index: 6; 
						}
						
							#swap_image_set div.swapImageTextContainer a	{
								color: #fff; 
								text-decoration: none; 
							}
						
							#swap_image_set div.swapImageTextContainer div.swapImageTitle	{
								position: relative; 
								margin: 0 0 5px 0; 
							}
							
								#swap_image_set div.swapImageTextContainer div.swapImageTitle h1	{
									display: inline; 
									margin: 0; 
									padding: 3px 5px; 
									font-size: 13px; 
									background: rgba(98,166,19,0.7); 
								}
							
							#swap_image_set div.swapImageTextContainer div.swapImageText	{
								position: relative; 
							}
							
								#swap_image_set div.swapImageTextContainer div.swapImageText p	{
									display: inline; 
									margin: 0; 
									padding: 3px 5px; 
									font-size: 16px; 
									background: rgba(98,166,19,0.7); 
								}
							
							#swap_image_set #swap_image_selector	{
								display: none; 
							}
			
			#titles	{
				position: absolute; 
				bottom: 0; 
				left: 0; 
				text-align: left; 
			}
			
				#titles h1	{
					display: block; 
					margin: 20px 0; 
					padding: 10px; 
					/*font: 600 70px/70px Georgia; */
					font: 500 90px/90px Georgia, Times; 
					color: #fff; 
					/*background: rgba(106,255,0,0.2); */
				}
				
				#titles h1.hepatho	{
					display: none; 
					font: 500 90px/90px Georgia, Times; 
				}
				
				#titles.parent179 h1.mfls	{
					display: none; 
				}
				#titles.parent179 h1.hepatho	{
					display: block; 
				}
				
				#titles h2	{
					margin: 7px 0; 
					padding: 5px 10px; 
					font: normal 25px/25px Georgia; 
					color: #fff; 
				}
			
		nav#siteNav	{
			position: relative; 
			margin: 20px 0; 
			text-align: left; 
			z-index: 1; 
		}
		
			#abn	{
				position: absolute; 
				top: 0; 
				right: 0; 
				width: 146px; 
				height: 36px; 
				z-index: 50; 
			}
				
		#content	{
			position: relative; 
			float: left; 
			width: 620px; 
			text-align: left; 
		}
		
			#news	{
				position: relative; 
				float: left; 
				width: 300px; 
				margin: 0 0 20px 0; 
			}
			
			#agenda	{
				position: relative; 
				float: right; 
				width: 300px; 
				margin: 0 0 20px 0; 
			}
			
				#news ul, #agenda ul	{
					padding: 0; 
				}
				
					#news ul li, #agenda ul li	{
						list-style: none; 
						margin: 3px 0; 
						font-weight: normal; 
					}
					
						#news ul li a, #agenda ul li a	{
							color: #000; 
							font-weight: bold; 
							text-decoration: none; 
						}
						#news ul li a:hover, #agenda ul li a:hover	{
							text-decoration: underline; 
						}
						
							#news ul li a time, #agenda ul li a time	{
								font-weight: normal; 
							}
				
				#news p a, #agenda p a	{
					font-size: 14px; 
					color: #469324; 
					font-style: italic; 
					font-weight: bold; 
					text-decoration: none; 
				}
				#news p a:hover, #agenda p a:hover	{
					text-decoration: underline; 
				}
			
			#highlight	{
				position: relative; 
				margin: 0 0 20px 0; 
				padding: 20px 10px 10px 10px; 
				color: #fff; 
				background: #7db617 url(/images/7524/background-highlight.jpg) repeat-x center top; 
				-moz-box-shadow: 0px 0px 5px #666; 
				-o-box-shadow: 0px 0px 5px #666; 
				-webkit-box-shadow: 0px 0px 5px #666; 
				box-shadow: 0px 0px 5px #666; 
			}
			
				#iloveattention	{
					display: none;
					position: absolute; 
					top: -10px; 
					right: -20px; 
				}
				
				#highlight h1	{
					display: inline; 
					margin: 14px 0; 
					padding: 5px; 
					color: #fff; 
					background: #62a613; 
				}
				
				#highlight a	{
					color: #fff; 
				}
				#highlight a:hover	{
					text-decoration: none; 
				}
		
			#content article	{
				position: relative; 
			}
			
			#content article.news, #content article.agenda	{
				margin: 0 0 20px 0; 
				padding: 10px 10px 10px 87px; 
				background: #eee; 
			}
			
			#content article.agenda	{
				padding: 10px; 
			}
			
				#content article.news img.formImage	{
					position: absolute; 
					top: 5px; 
					left: 5px; 
					width: 70px; 
					border: 1px solid #777; 
				}
				
				#content article.news time, #content article.agenda time	{
					position: absolute; 
					top: 5px; 
					right: 5px; 
					padding: 1px 4px; 
					background: #999; 
					color: #fff; 
				}
				
				#content article.agenda ul.details	{
					position: relative; 
					padding: 10px; 
					margin: 7px 0; 
					width: 200px; 
					background: #7db617 url(/images/7524/background-highlight.jpg) repeat-x center top; 
					color: #fff; 
				}
				
					#content article.agenda ul.details li	{
						list-style: none; 
						margin: 7px 0; 
						padding: 0; 
					}
			
		aside	{
			position: relative; 
			float: right; 
			width: 300px; 
			text-align: left; 
		}
		
			aside section	{
				position: relative; 
				margin: 0 0 10px 0; 
			}
			
			#page179 aside section.socialmedia	{
				display: none; 
			}
			#page179 aside section.hepatho	{
				display: block; 
			}
			aside section.hepatho	{
				display: none; 
			}
			
				aside section.socialmedia ul, 
				aside section.hepatho ul	{
					position: relative; 
					margin: 0; 
					padding: 0; 
				}
				
					aside section.socialmedia ul li, 
					aside section.hepatho ul li	{
						list-style: none; 
						position: relative; 
						margin: 5px 0; 
						padding: 0; 
					}
					
						aside section.socialmedia ul li a, 
						aside section.hepatho ul li a	{
							display: block; 
							padding: 3px 5px; 
							color: #fff; 
							font-size: 16px; 
							text-decoration: none; 
							background: url(/images/7522/background-item-socialmedia.jpg) repeat-y left top; 
						}
						aside section.hepatho ul li a	{
							background: url(/images/7551/background-menu-hepatho.jpg) repeat-y left top; 
						}
						aside section.socialmedia ul li a:hover, 
						aside section.hepatho ul li a:hover	{
							background-position: right top; 
						}
						aside section.socialmedia ul li.facebook a, 
						aside section.hepatho ul li.facebook a	{
							background: #4169aa; 
						}
						aside section.socialmedia ul li.facebook a:hover, 
						aside section.hepatho ul li.facebook a:hover	{
							background: #ff00a1 /*#5777ab*/; 
						}
						
							aside section.socialmedia ul li a img, 
							aside section.hepatho ul li a img	{
								float: right; 
								margin: auto 2px; 
							}
							aside section.socialmedia ul li.hepatho a img, 
							aside section.socialmedia ul li.dc a img, 
							aside section.socialmedia ul li.limsc a img, 
							aside section.hepatho ul li.hepatho a img	{
								margin-top: 2px; 
							} 
							aside section.socialmedia ul li.facebook a img, 
							aside section.hepatho ul li.facebook a img	{
								margin-top: 3px; 
							}
	
			aside section.poll	{
				height: 250px; 
				background: #525252; 
				color: #fff; 
			}
			
			aside section.sponsors	{
				position: relative; 
				z-index: 0; 
			}
			
				aside section.sponsors img	{
					width: 100%; 
				}
				
				aside section.sponsors iframe	{
					z-index: 0; 
				}
			
	#topbar	{
		position: absolute; 
		top: 0; 
		left: 0; 
		margin: 0; 
		padding: 0; 
		width: 100%; 
		height: 50px; 
		background: url(/images/7756/background-topbar2.png) repeat-x center top; 
	}
	
		#topbar div.container	{
			padding: 0; 
			color: #fff; 
		}
		
			#topbar div.container span.title	{
				float: left; 
				padding: 7px 0 0 0; 
				font-size: 16px; 
				text-align: left; 
			}
			
				#topbar div.container span.title a	{
					color: #fff; 
					text-decoration: none; 
				}
			
			#topbar div.container span.newsticker	{
				float: right; 
				padding: 10px 0 0 0; 
				text-align: right; 
			}
			
			#topbar div.container a	{
				color: #fff; 
			}
			#topbar div.container a:hover	{
				text-decoration: none; 
			}

	footer	{
		position: absolute; 
		bottom: 0; 
		left: 0; 
		width: 100%; 
		height: 350px; 
		background: #2d2d2d; 
		color: #fff; 
	}
	
		footer div.container	{
			position: relative; 
			width: 960px; 
			height: 100%; 
			padding: 0; 
			background: url(/images/7507/background-footer-logo-mfls.png) no-repeat 800px center; 
		}
		
			#footerTitle	{
				position: absolute; 
				top: 17px; 
				left: 0; 
				text-align: left; 
			}
			
				#footerTitle h2, #footerTitle h3	{
					/*font-family: Georgia, Times; */
					font-weight: 100; 
					font-size: 20px; 
					margin: 10px 0; 
				}
				#footerTitle h2	{
					font-size: 25px; 
				}
			
			footer section.address	{
				position: relative; 
				float: left; 
				margin: 120px 20px 0 40px; 
				font-family: Georgia, Times; 
				font-weight: 100; 
				font-size: 16px; 
				text-align: left; 
			}
			
				footer section.address h2	{
					font-size: 26px; 
					line-height: 26px; 
				}
				
				footer section.address p	{
					margin: 12px 0; 
				}
			
			#leidenuniv	{
				position: absolute; 
				top: 30px; 
				left: 620px; 
			}
			
				#leidenuniv img	{
					position: relative; 
					margin-right: 20px; 
				}
			
			#copy	{
				position: absolute; 
				bottom: 5px; 
				right: 100px; 
				padding: 1px; 
				text-align: right; 
				font-size: 11px; 
				color: #818181; 
			}
			
				#copy p	{
					margin: 0; 
				}
				
				#copy a	{
					color: #818181; 
					text-decoration: underline; 
				}
				#copy a:hover	{
					color: #fff; 
				}

div.spacer	{
	position: relative; 
	clear: both; 
	width: 100%; 
}

/* Images */
img	{
	border: none; 
}

.emailhover img	{
	cursor: pointer; 
	margin-top: 0; 
	margin-bottom: -1px; 
}

/* MODULES */
/* Photoalbum */
#wmPhoto_bigbox div.wmPhoto_smallbox	{
	width: 185px !important; 
}

	div.wmPhoto_smallbox div.wmPhoto_image img	{
		clip: rect(0px 185px 125px 0px) !important; 
	}
/* TinyMCE specific rules */
.mceContentBody a { 
	color: #4169aa !important; 
	text-decoration: underline !important; 
 }
.mceContentBody { background: transparent; text-align: left; }