/* 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; 
	}


/* *** 
   CSS template for Art-Gallery Maurice Vrolijk
   www.art-vrolijk.nl
   
   Made by Wil Stutterheim for websiteman 
   www.websiteman.nl
   
   (C) copyright 2009 - 2010 Maurice Vrolijk
   *** */

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

hr	{
	color: #928268; 
	background-color: #928268; 
	border: none; 
	margin: 10px 5px; 
	clear: both; 
}

body	{
	text-align: center; 
	margin: 0; 
	font-family: Verdana, sans-serif, Helvetica; 
	font-size: 12px; 
	background: #f5f5f8 url(/images/1/background-body.jpg) center top no-repeat; 
}

body#tinymce	{
	background: #ecebe7; 
	background-image: none; 
}

section table	{
	border-collapse: collapse; 
}

section table thead	{
	font-weight: bold; 
}
	thead td	{
		border-bottom: 1px solid #888; 
	}

section table td	{
	padding: 5px; 
	vertical-align: top; 
	border-left: 1px solid #888; 
}
	section table td:first-child	{
		border-left: none; 
	}
	section table td:last-child	{
		border-right: none; 
	}

/* Fonts */
p, address	{
	font-family: Helvetica, Arial; 
	margin: 5px; 
	font-size: 13px; 
	font-style: normal; 
}

a	{
	color: #2c2619; 
	font-weight: bold; 
	text-decoration: underline; 
}
	a:hover	{
		color: #928268; 
		text-decoration: none; 
	}

h1, h2, h3, h4	{
	font-family: Helvetica, Arial; 
	font-weight: normal; 
	color: #2c2619; 
	margin: 7px 5px; 
	
}

	h1	{
		font-size: 22px; 
		margin-top: 25px; 
		margin-bottom: 9px; 
	}
	
	h2	{
		font-size: 18px; 
		margin-top: 18px; 
		margin-bottom: 7px; 
	}
	
	h3	{
		font-size: 16px; 
		margin-top: 12px; 
		margin-bottom: 6px; 
	}
	
	h4	{
		font-size: 13px; 
		font-weight: bold; 
		margin-top: 9px; 
	}

div#logo p	{
}

nav p, nav address	{
	margin: 5px; 
	color: #ecebe7; 
	font-size: 12px; 
}

nav a	{
	color: #ecebe7; 
}
nav a:hover	{
	color: #ffffff; 
}

nav h2	{
	font-family: Verdana; 
	font-size: 20px; 
	font-weight: normal; 
	margin: 15px 5px 9px 5px; 
	color: #ecebe7; 
	border-bottom: 1px solid #ecebe7; 
}

nav ul	{
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

	nav ul li	{
		margin: 5px; 
	}
		nav ul li.hasSub	{
		}
		
		nav ul li a	{
			color: #ecebe7; 
			text-decoration: none; 
			font-weight: normal; 
		}
		nav ul li a:hover	{
			color: #fff; 
			text-decoration: underline; 
		}
		
			nav ul li ul	{
				display: none; 
			}
			nav ul li.active ul, nav ul li.hasActiveSub ul	{
				display: block; 
			}
			
				nav ul li ul li	{
					padding-left: 15px; 
					font-size: 11px; 
				}
				
					nav ul li ul li a	{
					
					}
					nav ul li ul li a:hover	{
					
					}

article p, article h1, article h2, article h3, article h4, article h5	{
	margin: 5px 0; 
}

/* Divs */
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; 
}

div#system	{
	margin: 0; 
	padding: 0; 
	position: fixed; 
	overflow: hidden; 
	height: 100%; 
	width: 100%; 
}
 
	div#bg	{
		position: absolute; 
		left: 0; 
		top: 0; 
		width: 100%; 
		height: 100%; 
	}
		div#bg img	{
			margin: 0; 
			padding: 0; 
		}

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

div#container	{
	position: relative; 
	width: 960px; 
	margin: 0 auto; 
	padding-top: 40px; 
}

	div#wrapper1	{
		position: relative; 
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box; 
		width: 960px; 
		padding: 20px; 
		-moz-border-radius: 30px; 
		-webkit-border-radius: 30px; 
		border-radius: 30px; 
		background: #928268; 
		background: rgba(146, 130, 104, 0.5); 
	}
	
		div#wrapper2	{
			position: relative; 
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box; 
			box-sizing: border-box; 
			width: 920px; 
			padding-bottom: 30px; 
			-moz-border-radius: 25px; 
			-webkit-border-radius: 25px; 
			border-radius: 25px; 
			border: 1px solid #2c2619; 
			background: #ecebe7; 
			background: rgba(236, 235, 231, 0.8); 
			text-align: left; 
		}
		
			header	{
				position: relative; 
				float: left; 
				width: 100%; 
				margin: 0 0 5px 0; 
				text-align: center; 
			}
				header img	{
					position: relative; 
					margin: 40px auto 20px auto; 
				}
				
			div#logo	{
				position: relative; 
				float: left; 
				width: 250px; 
				margin: 0 0 20px 0; 
				vertical-align: center; 
			}
				div#logo img	{
					position: relative; 
					float: left; 
					margin: 5px 0 5px 15px; 
				}
			
			nav	{
				position: relative; 
				float: left; 
				-moz-box-sizing: border-box; 
				-webkit-box-sizing: border-box; 
				box-sizing: border-box; 
				width: 250px; 
				padding: 10px; 
				clear: left; 
				-moz-border-radius-topright: 20px; 
				-moz-border-radius-bottomright: 20px; 
				-webkit-border-top-right-radius: 20px; 
				-webkit-border-bottom-right-radius: 20px; 
				border-top-right-radius: 20px; 
				border-bottom-right-radius: 20px; 
				border-top: 1px solid #2c2619; 
				border-right: 1px solid #2c2619; 
				border-bottom: 1px solid #2c2619; 
				background: #667183; 
			}
			
			section	{
				position: relative; 
				float: right; 
				-moz-box-sizing: border-box; 
				-webkit-box-sizing: border-box; 
				box-sizing: border-box; 
				width: 623px; 
				margin: 20px 20px 0 0; 
				padding: 5px; 
			}
			
				div#portfolio	{
					display: none; 
					position: absolute; 
					top: 80px; 
					right: 5px; 
				}
					div#portfolio img	{
						border: 5px #928268 solid; 
						-moz-border-radius: 5px; 
						-webkit-border-radius: 5px; 
						border-radius: 5px; 
					}

				section article:nth-child(odd)	{
					margin: 10px 0; 
					padding: 5px; 
					background: rgba(255, 255, 255, 0.5); 
					-moz-border-radius: 10px; 
					-webkit-border-radius: 10px; 
					border-radius: 10px; 
				}
				section article:nth-child(even)	{
					margin: 10px 0; 
					padding: 5px; 
					background: rgba(255, 255, 255, 0.3); 
					-moz-border-radius: 10px; 
					-webkit-border-radius: 10px; 
					border-radius: 10px; 
				}
			
div.spacer	{
	position: relative; 
	width: 100%; 
	clear: both; 
}

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

img.portfolio_rechts, img.portfolio_links	{
	display: inline-block; 
	margin: 5px; 
	border: 5px #928268 solid; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
}

	img.portfolio_rechts	{
		float: right; 
	}
	img.portfolio_links	{
		float: left; 
	}

		a img.portfolio_rechts, a img.portfolio_links	{
			cursor: pointer; 
		}

img.kunstwerk	{
	margin: 5px; 
	border: 5px solid #928268; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	height: 120px; 
}

	p img.kunstwerk	{
		margin: 0 5px 0 0; 
	}

img.linec, img.linel, img.nolinel, img.liner, img.noliner	{
	border: 1px #2c2619 solid; 
	margin: 5px; 
}
	
img.linec	{
	display: block; 
	margin: 5px auto; 
}

img.nolinec	{
	display: block; 
	margin: 5px auto; 
	border: none; 
}

img.linel	{
	float: left; 
}

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

img.liner	{
	float: right;
}

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

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

/* MODULES */
/* Newsletter */
nav form#newsletterForm fieldset	{
	border: none; 
	margin: 0; 
	padding: 5px; 
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px; 
}

nav form#newsletterForm legend	{
	display: none; 
}

nav form#newsletterForm div.field-widget	{
	width: 220px; 
	color: #ecebe7; 
}

nav form#newsletterForm div.field-label	{
	width: 95px; 
	color: #ecebe7; 
	text-align: left; 
}



/* Contact form */






/* TinyMCE specific rules */
.mceContentBody a { 
	color: #2c2619 !important; 
	font-weight: bold !important; 
	text-decoration: underline !important; 
 }
.mceContentBody { background: transparent; text-align: left; }
