/* 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) 2010 - websiteman
   
   designed by Robert Baas for websiteman - www.cavus.nl
   www.websiteman.nl
   info(a)websiteman.nl
   *** */

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

body	{
	background: #fff; 
	text-align: center; 
	color: #000; 
	font: 12px/18px "Trebuchet MS", Helvetica, sans-serif; 
}

td, th	{
	vertical-align: top; 
}

ul li	{
	list-style: disc; 
}

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

/* Fonts */ 
p, td, th, font, div, textarea, input, address, li	{
}

p, address	{
	margin: 7px; 
	font-style: normal; 
}

p#breadcrumbs	{
	padding-left: 10px; 
}

a	{
	color: #507ea2; 
	text-decoration: underline; 
}
a:hover	{
	color: #287fb9; 
	text-decoration: none; 
}

a.email	{
	color: #507ea2; 
	font-size: 12px; 
}

h1 a	{
	text-decoration: none; 
}

h1, h2, h3, h4, h5, h6	{
	font-family: "Trebuchet MS", Helvetica;
	margin: 7px; 
	color: #000; 
	font-weight: normal; 
}
	h1	{
		font-size: 20px; 
		margin-top: 20px; 
		margin-bottom: 10px; 
		color: #507ea2; 
	}
	h1#pageTitle	{
		padding-left: 10px; 
	}
	h2	{
		font-size: 16px; 
		margin-top: 16px; 
		margin-bottom: 8px; 
	}
	h3	{
		font-size: 14px; 
		margin-top: 14px; 
		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; 
	display: block; 
	width: 245px; 
	height: 145px; 
	margin: 0; 
	padding: 25px 0; 
	background: url(/images/63/background-nav-submenu.png); 
	text-align: left; 
	z-index: 5; 
}

	nav#siteNav ul li	{
		display: block; 
		list-style: none; 
		margin: 0; 
		width: auto; 
		height: auto; 
	}
	
		nav#siteNav ul li a	{
			display: block; 
			width: 185px; 
			padding: 5px 30px; 
			font-size: 18px; 
			color: #000; 
			font-weight: bold; 
			text-decoration: none; 
		}
		nav#siteNav ul li a:hover, nav#siteNav ul li.active a, nav#siteNav ul li.hasActiveSub a	{
			color: #507ea2; 
		}
		
			nav#siteNav ul li ul	{
				display: none; 
				position: absolute; 
				top: 0px; 
				right: 245px; 
				width: 180px; 
				height: 145px; 
				margin: 0; 
				padding: 25px 0; 
				background: url(/images/63/background-nav-submenu.png); 
				z-index: 5; 
			}
			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; 
				}
				nav#siteNav ul li ul li.active	{
					/*background: url(/images/63/background-nav-submenu.png); */
				}
				
					nav#siteNav ul li ul li a	{
						display: block; 
						height: auto; 
						width: 130px; 
						padding: 4px 25px; 
						font-size: 15px; 
						font-weight: bold; 
						color: #000 !important; 
						background: none !important; 
					}
					nav#siteNav ul li ul li a:hover, 
					nav#siteNav ul li ul li.active a	{
						color: #507ea2 !important; 
						/*background: url(/images/63/background-nav-submenu.png) !important; */
					}

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

div#ie6warning	{
	display: none; 
	position: absolute; 
	z-index: 200; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 15px; 
	background: #fdffc4; 
	border-bottom: 1px solid #777; 
	text-align: left; 
}

#globalWrapper	{
	position: relative; 
	width: 100%; 
	min-height: 100%; 
	background: #fdfdfd url(/images/86/background-body.jpg) center 205px repeat-x; 
}

	#headerContainer	{
		position: relative; 
		width: 100%; 
		height: 206px; 
		border-bottom: 1px solid #000; 
		background: #507ea2 url(/images/82/background-header.jpg) center bottom repeat-x; 
	}
		
		header	{
			position: relative; 
			top: 11px; 
			margin: 0 auto; 
			width: 860px; 
			height: 195px; 
		}
		
			#headerLogo	{
				position: absolute; 
				top: 30px; 
				left: 0; 
				width: 260px; 
				height: 143px; 
			}
			
			nav#siteNav	{
				position: absolute; 
				top: 0; 
				right: 0; 
				width: 245px; 
				height: 195px; 
			}
	
	#container	{
		position: relative; 
		margin: 0 auto; 
		width: 860px; 
		padding: 0 0 200px 0; 
		text-align: left; 
	}
	
		#content	{
			position: relative; 
			float: left; 
			width: 570px; 
			margin: 0; 
			padding: 10px; 
			-moz-border-radius: 8px; 
			-o-border-radius: 8px; 
			-webkit-border-radius: 8px; 
			border-radius: 8px; 
			-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; 
			background: url(/images/87/background-content.png); 
		}
		
		aside	{
			position: relative; 
			float: right; 
			width: 245px; 
		}
		
			aside div.box	{
				position: relative; 
				margin: 0 0 25px 0; 
				padding: 10px; 
				-moz-border-radius: 8px; 
				-o-border-radius: 8px; 
				-webkit-border-radius: 8px; 
				border-radius: 8px; 
				-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; 
				background: url(/images/87/background-content.png); 
			}
			
			aside div.box.photos	{
				height: 170px; 
			}
			
				#showcase div.showcaseImg	{
					position: absolute; 
					top: 10px; 
					left: 10px; 
					z-index: 1; 
					width: 225px; 
					height: 170px; 
				}
				
					#showcase div.showcaseImg img	{
						position: absolute; 
						top: 0; 
						left: 0; 
						width: 223px; 
						height: 168px; 
						border: 1px solid #999; 
					}
			
				aside div.box h1 img	{
					margin: 0 10px -5px 0; 
				}
	
	#footerContainer	{
		position: absolute; 
		bottom: 0; 
		left: 0; 
		width: 100%; 
		height: 160px; 
		border-top: 2px solid #e6e6e6; 
		background: #f6f6f6; 
	}
	
		footer	{
			position: relative; 
			margin: 0 auto; 
			padding-right: 260px; 
			width: 600px; 
			height: 105px; 
			border-left: 2px solid #e6e6e6; 
			border-right: 2px solid #e6e6e6; 
			border-bottom: 2px solid #e6e6e6; 
			background: #f7f7f7 url(/images/84/background-footer-drop-2.png) 790px 5px no-repeat; 
			-moz-border-radius-bottomleft: 8px; 
			-o-border-bottom-left-radius: 8px; 
			-webkit-border-bottom-left-radius: 8px; 
			border-bottom-left-radius: 8px; 
			-moz-border-radius-bottomleft: 8px; 
			-o-border-bottom-left-radius: 8px; 
			-webkit-border-bottom-right-radius: 8px; 
			border-bottom-left-radius: 8px; 
			text-align: left; 
			font-size: 11px; 
			line-height: 13px; 
		}
		
			footer div.leaves	{
				position: relative; 
				float: left;
				margin: 0 20px 0 0; 
				width: 80px; 
				height: 105px; 
				background: url(/images/85/background-footer-leaves-2.png) right center no-repeat; 
			}
			
			footer p.copy	{
				position: absolute; 
				bottom: 0; 
				right: 75px; 
				text-align: right; 
				font-size: 10px; 
			}
			
			footer h1	{
				font-size: 14px; 
				margin: 10px 7px; 
			}

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

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

img.rand_gecentreerd, img.rand_links, img.geenrand_links, img.rand_rechts, img.geenrand_rechts	{
	border: 1px #000000 solid; 
	margin: 7px; 
}
	
img.rand_gecentreerd	{
	display: block; 
	margin: 7px auto; 
}

img.geenrand_gecentreerd	{
	display: block; 
	margin: 7px auto; 
	border: none; 
}

img.rand_links	{
	float: left; 
}

img.geenrand_links	{
	float: left; 
	border: none; 
}

img.rand_rechts	{
	float: right;
}

img.geenrand_rechts	{
	float: right; 
	border: none; 
}

.emailhover img	{
	cursor: pointer; 
	margin-top: 0; 
	margin-bottom: -2px; 
}

/* TinyMCE specific rules */
.mceContentBody a { 
	color: #507ea2 !important; 
	text-decoration: underline !important; 
 }
.mceContentBody { background: transparent; text-align: left; }
