/* 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 Julie de Lange for websiteman
   info(a)websiteman.nl
   *** */
   
html, body {
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

body {
	background-color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: black;
}

div.mceExternalToolbar	{
	z-index: 100; 
}

#Table_01 {
	position:relative;
	left: 0px;
	top: 0px;
	width: 960px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

#header-links {
	position:absolute;
	background-image: url(/images/2/header_links.jpg);
	left:0px;
	top:0px;
	width:223px;
	height:181px;
	margin-right: 10px;
}

#header-top {
	position:absolute;
	background-image: url(/images/5/header_top.jpg);
	left:223px;
	top:0px;
	width: 700px;
	height:181px;
}

#header-links2 {
	position:absolute;
	background-image: url(images/3);
	background-repeat: no-repeat;
	left:0px;
	top:181px;
	width:210px;
	height:220px;
	margin-right: 10px;
	padding-top: 530px;
	text-align: right;
}

	#header-links2 img	{
		margin: 3px; 
	}

#mainmenu {
	position:absolute;
	left:220px;
	top:176px;
	width: 700px;
	height:30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding-top: 10px;
	padding-left: 20px;
	z-index: 10;
}
#mainmenu ul {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	} 
#mainmenu ul li {
	display: inline;
	padding-right: 10px;
	}
	#mainmenu ul li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:16pt;
	color: red;
	text-decoration: none;
	}
	#mainmenu ul li a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size:16pt;
	color: #E04609;
	text-decoration: underline;
	}
#mainmenu ul li ul {
	display: none;
	top:40px;
	left:0px;
	width: 100px;
	}
#mainmenu ul li.active ul, #mainmenu ul li.hasActiveSub ul {
	display: block; /* Als je wilt dat je submenu pas zichtbaar is als je hoofditem actief is */
	}
#mainmenu ul li ul li {
	display: block;
	}
	#mainmenu ul li ul li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10pt;
	color: red;
	text-decoration: none;
	}
	#mainmenu ul li ul li a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10pt;
	color: #E04609;
	text-decoration: underline;
	}

#rafels-boven {
	position:absolute;
	background-image: url(/images/10/rafels_boven.png);
	left:210px;
	top:206px;
	width: 700px;
	height:25px;
}

#pagina {
	background-image: url(/images/9/pagina.png);
	position:absolute;
	left:223px;
	top:231px;
	width:687px;
	height:auto;
	background-repeat: repeat-y;
	padding-bottom: 0px;
	padding-right: 20px;
	padding-left: 0px;
}

#witruimte-rechts {
	position:absolute;
	left:910px;
	top:236px;
	width:114px;
	height:auto;
	margin-top: auto;
}

#rafelsonder {
	background-image: url(/images/11/rafels_onder.png);
	background-repeat: no-repeat;
	width:687px;
	height: 70px;
	background-color:#FFFFFF;
	padding-top:15px;
	text-align: right;
	padding-right:20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	margin-top: -15px;
	margin-right: -15px;
	margin-bottom: -15px;
	margin-left: -15px;
}

#inhoud {
	width:550px;
	height: auto;
	margin-top: -20px;
	margin-left: 100px;
	padding-bottom: 20px;
	min-height: 500px; 
}
#inhoud.sidebar0	{
	width: 650px; 
	margin-left: 20px; 
}

ul.b {
	list-style-type:square; 
	color: #E04609; 
}

h1 {
	color: #E04609;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: #E04609;
	font-style: italic;
	}
	
p {
	margin: 5px 0; 
}

a.email	{
	font-size: 12px; 
}

a:link,a:active,a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #E04609;
	text-decoration: underline;
}
a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #E04609;
	text-decoration: none;
}
img { border: none; }
a.websiteman:link,a.websiteman:visited,a.websiteman:active {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #E04609;
	text-decoration: none;
}
a.websiteman:hover {
	text-decoration: underline;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #E04609;
}

/* MODULES */
/* [module::shop] */
input#searchText, input#loginUser, input#loginPassword	{
	width: 90%; 
}

div#shop_checkout_progress	{
	padding-top: 40px; 
}

#shop_nextStep	{
	display: none; 
}

div#shop_main div#pagenumbers	{
	padding-top: 20px; 
}

div#shop_container a.link_button, div#shop_container input.form_button, 
div#content_module_shop a.link_button, div#content_module_shop input.form_button	{
	background: #64711f !important; 
	color: #fff !important; 
}
div#shop_container a.link_button:hover, div#shop_container input.form_button:hover, 
div#content_module_shop a.link_button:hover, div#content_module_shop input.form_button:hover	{
	background: #fff !important; 
	color: #64711f !important; 
}

div#shop_container a.link_button.inverted, div#shop_container input.form_button.inverted, 
div#content_module_shop a.link_button.inverted, div#content_module_shop input.form_button.inverted	{
	color: #64711f !important; 
	background: #fff !important; 
}
div#shop_container a.link_button.inverted:hover, div#shop_container input.form_button.inverted:hover, 
div#content_module_shop a.link_button.inverted:hover, div#content_module_shop input.form_button.inverted:hover	{
	color: #fff !important; 
	background: #64711f !important; 
}

div#shop_main div.overviewItem div.productPricing, 
div#shop_overview_pricing	{
	background: #e0460a !important; 
	color: #fff !important; 
}

	div#shop_main div.overviewItem div.productPricing p, 
	div#shop_overview_pricing p	{
		color: #fff !important; 
	}

div#shop_sidebar_login	{
	display: none; 
}

div#shop_main div.overviewItem span.type	{
	display: none !important; 
}
/* TinyMCE specific rules */
.mceContentBody a { 
	font-family: Helvetica, Arial, sans-serif !important;
	font-size:16pt !important;
	color: red !important;
	text-decoration: none !important;
	 }
.mceContentBody { background: transparent; text-align: left; }