@charset "utf-8";
/* CSS Document */

html {
    height: 100%;
}

body {
	height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
	behavior: url(PIE/PIE.htc);
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-size: 14px;
	
	background: #FFF;
}

a {
	text-decoration: none;
	color: #22335a;
}
	a:hover {
		color: #09F;
	}
	a img {
		border: none;
	}

h1, h2 {
	font-family: 'Balthazar', serif;
}

#wrap {
	width: 100%;
}

#site {
	margin: 0 auto;
	width: 960px;
	behavior: url(PIE/PIE.htc);
}

header {
	float: left;
	padding: 0;
	width: 100%;
	background: #22335a url('../img/header.png');
	behavior: url(PIE/PIE.htc);
		
}
	header .headerwrap {
		width: 960px;
		margin: 0 auto;
		behavior: url(PIE/PIE.htc);
	}
	header img {
		float: left;
		margin: 0 0 0 10px;
		border: none;
	}
	header h2 {
		float: right;
	}
		header h2:hover {
			cursor: default;
		}
	header nav {
		width: 900px;
		margin: 10px 0 0 0px;
		float: left;
		behavior: url(PIE/PIE.htc);
		
		/*-moz-border-radius: 10px;
		border-radius: 10px;*/
	}
		header nav a {
			float: left;
			padding: 10px 0 10px 0;
			margin: 0 10px 0 10px;
			color: #FFF;
			font-size: 18px;
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		}
			header nav a:hover {
				padding: 10px 0 8px 0;
				color: #f3eed1;
				/*border-bottom: solid 2px #E2E0D7;*/
			}
		/*	header nav a:hover {
				color: #FFF;
				-moz-border-radius: 10px;
				border-radius: 10px;
				
				
				background-image: linear-gradient(bottom, rgb(117,59,0) 0%, rgb(204,102,0) 74%);
				background-image: -o-linear-gradient(bottom, rgb(117,59,0) 0%, rgb(204,102,0) 74%);
				background-image: -moz-linear-gradient(bottom, rgb(117,59,0) 0%, rgb(204,102,0) 74%);
				background-image: -webkit-linear-gradient(bottom, rgb(117,59,0) 0%, rgb(204,102,0) 74%);
				background-image: -ms-linear-gradient(bottom, rgb(117,59,0) 0%, rgb(204,102,0) 74%);
				
				background-image: -webkit-gradient(
					linear,
					left bottom,
					left top,
					color-stop(0, rgb(117,59,0)),
					color-stop(0.74, rgb(204,102,0))
				);
			}*/

#dashline {
	height: 8px;
	background: #ed9e38;
	/*background: url(../images/oblique-lines.png) repeat-x;*/
	
}

#introtext {
	padding: 10px;
	background: #E2E0D7;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 20px 0;
	behavior: url(PIE/PIE.htc);
}

#content {
	float: left;
	width: 960px;
	/*min-height: 500px;*/
	position: relative;
	behavior: url(PIE/PIE.htc);
}
	#content h1 {
		
		
	}
	#content #textfield {
		float: left;
		padding: 10px;
		margin: 10px 0 0 0;
		-moz-border-radius: 10px;
		border-radius: 10px;
		behavior: url(PIE/PIE.htc);
	}
	/*SLIDERHOLDER*/
	
	#slider-holder{
		padding-bottom: 50px;
	}
	
	.home-slider {
		float: left;
		margin: 20px 0;
	}
	
	#slider-holder #headline{
		position: relative;
		float: right;
		width: 260px; /* 300 - 40 padding */
		min-height: 250px;
		margin-top: -26px;
		padding: 30px 20px 20px 20px;;
		
		background: #E2E0D7;
		
		-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
		-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
		-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
		box-shadow: 2px 2px 0px rgba(0,0,0,.2);
		
		text-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
		behavior: url(PIE/PIE.htc);
	}
	
	#headline h1{ 
		margin-bottom: 30px;
		line-height: 1.0em;
	}
	
	
	#headline em#corner,
	#sidebar em#corner{
		display: block;
		position: absolute;
		top:0px;
		left: -14px;
		width: 14px;
		height: 18px;	
		background: url(../images/sidebar-corner.png) no-repeat;
	}
	
	/*/SLIDERHOLDER*/

.pagehead {
	float: left;
	width: 100%;
	padding: 10px;
}
	.pagehead p {
	
		margin: 0 10px 0 0;
	}
#pagetext {
	padding: 10px;
	min-height: 700px;
}
#pageinfo {
	float: left;
	/*padding: 10px;*/
	width: 940px;
	margin: 0 0 10px 0;
	/*background: #EEE;
	*/
}

#portretlist {
	float: left;
	padding: 10px;
	width: 938px;
	margin: 10px 10px 0px 0;
	
	/*border: solid 1px #999;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	list-style: none;
	behavior: url(PIE/PIE.htc);
}
	.home-block-heading{
		padding: 0;
		text-align: center;
		margin: 0;
		height: 40px;
		background: url("../img/ornament_bottom.png") no-repeat center center;
		position: relative;
	}
		.home-block-heading span{
			position: absolute;
			bottom: 10px;
			left: 25%;
			right: 25%;
		}
	
	#portretlist h2 {
		margin: 5px 0 5px 0;
		color: #22335a;
		
	}
	.portretlist_imgbox {
		float: left;
		
		height: 450px;
	}
	#portretlist img {
		float: left;
		-moz-border-radius: 10px;
		border-radius: 10px;
		/*background: #EEE;*/
		background: url(../img/oblique-lines.png) #EEE;
		padding: 10px;
		height: 400px;
		margin: 5px 10px 0 0;
		behavior: url(PIE/PIE.htc);
	}
	#ornamentbottom {
		float: left;
		width: 938px;
		height: 40px;
		background: url("../img/ornament_top.png") no-repeat center center;
		position: relative;
	}

#lijstkeuze {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
}
	#lijstkeuze li {
		float: left;
		margin: 0 10px 0 0;
	}
	#lijstkeuze a {
		float: left;
		padding: 10px;
		background: #22335a;
		color: #FFF;
	}
	#lijstkeuze #selectlijst {
		background: #ed9e38;
		color: #000;
	}
	
.checkboxwrap_grey {
	float: left;
	background: #EEE;
}
.checkboxwrap_white {
	float: left;
	background: #FFF;
}
.formcheck {
	float: left;
	margin: 7px 10px 0 0;
}
.checkboxlabelform {
	float: left;
	width: 90px;
	padding: 6px 0;
}
.checkboxlabelprice {
	float: left;
	padding: 6px 0;
}
.exbtw {
	color: #999;
	font-style: italic;
	font-size: 10px;
	padding: 6px 0;
}

.coll3 {
	float: left;
}

.postsmall {
	float: left;
	width: 300px;
}
	.postsmall h6 {
		margin: 0 0 0 20px;
		font-size: 14px;
		font-weight: bold;
	}
	.postsmall .img_details_shadow {
		margin: 0;
		padding: 0;
		float: left;
	}
	
	
	.bestelformsmall {
		width: 285px;
		float: left;
		font-size: 11px;
		margin: 0 5px 0 0;
	}
	.bestelformmulti {
		
		float: left;
		
		margin: 0 0 10px 0;
		
		border: solid 1px #999;
		-moz-border-radius: 10px;
		border-radius: 10px;
		behavior: url(PIE/PIE.htc);
	}
		.bestelformmulti h6 {
			margin: 10px 0 10px 10px;
			font-size: 14px;
			font-weight: bold;
		}
		.bestelformmulti .postsmall img {
			float: left;
			margin: 0 0 10px 10px;
		}
		.bestelformmulti .bestelformblock {
			float: left;
			width: 300px;
			margin: 0 10px 20px 0;
			
		}
	
		.bestelformsmall .checkboxlabel, .bestelformmulti .checkboxlabel {
			width: 80px;
			font-size: 14px;
		}
		.bestelformsmall .checkboxlabel1, .bestelformmulti .checkboxlabel1 {
			width: 180px;
			font-size: 14px;
			
		}
						/*.bestelformsmall .checkboxlabel div {
				float: left;width: 100px;
				margin: 0 10px 0 0;
			}
			.bestelformsmall .checkboxlabel .exbtw {
				width: 100px;
				color: #CCC;
				font-style: italic;
			}*/
	.listcomment {
		float: left;
		margin: 10px 0 10px 0;
		font-size: 12px;
		color: #666;
	}
	
.post {
	float: left;
	width: 950px;
}

.post img, .postsmall img {
	width: 220px;
	margin: 20px 0 20px 20px;
}

form {
	float: left;
	width: 938px;
	padding: 10px;
	margin: 0 0 10px 0;
	border: solid 1px #999;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE/PIE.htc);
}
	form h2 {
		font-weight: bold;
		margin: 0 0 10px 0;
		border-bottom: dotted 1px #ed9e38;
	}
	form label {
		width: 160px;
		float: left;
		padding: 7px 0 0 0;
	}
	form input[type=text] {
		width: 220px;
		padding: 3px;
		font-size: 14px;
		behavior: url(PIE/PIE.htc);
	}
	.submitorderleft {
		text-decoration: none;
		border: none;
		padding: 10px 15px;
		margin: 10px 0 0 10px;
		background: #ed9e38;
		color: #000;
		font-size: 18px;
		font-weight:bold;
		-moz-border-radius: 10px;
		border-radius: 10px;
		behavior: url(PIE/PIE.htc);
	}
	.submitorderright {
		text-decoration: none;
		border: none;
		padding: 10px 15px;
		margin: 10px 0;
		background: #ed9e38;
		color: #000;
		font-size: 18px;
		font-weight:bold;
		-moz-border-radius: 10px;
		border-radius: 10px;
		behavior: url(PIE/PIE.htc);
	}
	.submitcontact {
		text-decoration: none;
		border: none;
		padding: 10px 15px;
		margin: 10px 0;
		background: #ed9e38;
		color: #000;
		font-size: 18px;
		font-weight:bold;
		-moz-border-radius: 10px;
		border-radius: 10px;
		behavior: url(PIE/PIE.htc);
	}
		form input[type=submit]:hover {
			cursor: pointer;
			background: #666;
			color: #FFF;
		}
	form textarea {
		resize: none;
		behavior: url(PIE/PIE.htc);
	}
	form .formwrap {
		float: left;
		margin: 0 20px 0 0;
		width: 430px;
	}
	form .formblock {
		float: left;
		margin: 0 20px 20px 0;
		width: 430px;
	}
	form .formblocklong {
		float: left;
		margin: 0 20px 20px 0;
		width: 880px;
	}
	form .formblockaddress {
		float: left;
		margin: 0 20px 20px 0;
		width: 430px;
		/*height: 250px;*/
	}
	form .formblockcontact {
		float: left;
		margin: 0 20px 20px 0;
		width: 430px;
	}
		.formrow {
			float: left;
			width: 500px;
		}
			.formblock .postcode, .formblockaddress .postcode {
				width: 60px;
				margin: 0 10px 0 0;
			}
			.formblock .city, .formblockaddress .city {
				width: 140px;
			}
		.formblock img {
			height: 250px;
		}
	#formresult {
		float: left;
		width: 100%;
		/*border: solid 1px;*/
		padding: 10px 0 10px 10px;
	}
		.formerror {
			float: left;
			width: 938px;
			padding: 10px;
			margin: 0 0 10px 0;
			background: #FC9;
			border: solid 1px #C30;
			-moz-border-radius: 10px;
			border-radius: 10px;
			behavior: url(PIE/PIE.htc);
			
			-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
			-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
			-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
			box-shadow: 2px 2px 0px rgba(0,0,0,.2);
		}
		.formsuccess {
			float: left;
			width: 938px;
			padding: 10px;
			margin: 0 0 10px 0;
			background: #CFC;
			border: solid 1px #363;
			-moz-border-radius: 10px;
			border-radius: 10px;
			behavior: url(PIE/PIE.htc);
			
			-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
			-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
			-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
			box-shadow: 2px 2px 0px rgba(0,0,0,.2);
		}
			.formerror img, .formsuccess img {
				float: left;
				margin: 0 10px 0 0;
			}
			.formerror span, .formsuccess span {
				float: left;
				padding: 2px 0;
			}
	#glasfilters {
		float: right;
		width: 400px;
	}

#vlaggen {
	/*position: absolute;
	bottom: 0;
	height: 25px;
	width: 100%;*/width: 100%;
	text-align: center;
}
	

#footer {
	float: left;
	width: 960px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #22335a url('../images/header.png');
	color: #FFF;
	
}
	#footer .footer_column {
		float: left;
		width: 450px;
		
		padding: 10px;
		margin: 0 0 10px 0;
	}
		.footer_column a {
			width: 300px;
			float: left;
			color: #FFF;
			padding: 3px 0 3px 0;
			border-bottom: solid 1px #666;
		}
		.footer_column a img {
			border: none;
			float: left;
		}
		.footer_column h2 {
			padding: 10px 0;
			margin: 0;
		}