@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: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#wrap {
	width: 100%;
}

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

header {
	float: left;
	width: 960px;
	padding: 0;
	background: #444 url('../images/header.png');
	position: relative;
}
	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);
		position: relative;
		/*-moz-border-radius: 10px;
		border-radius: 10px;*/
	}
		header nav a {
			float: left;
			padding: 10px 0 10px 0;
			margin: 0 10px 0 10px;
			color: #E2E0D7;
			font-size: 18px;
			font-family: 'Sail', Arial, sans-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: url(../images/oblique-lines.png) repeat-x;
	
}

#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 10px 0;
	/*border: solid 1px #999;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	list-style: none;
}
	.home-block-heading{
		text-align: center;
		margin-bottom: 40px;
		background: url(../images/div-line.png) repeat-x center center;
	}
		.home-block-heading span{
			padding: 0px 20px;
			background: #FFF;
		}
	
	#portretlist h2 {
		margin: 5px 0 5px 0;
		color: #22335a;
		
	}
	.portretlist_imgbox {
		float: left;
		
		height: 450px;
	}
	#portretlist img {
		float: left;
		border: solid 1px #CCC;
		/*-moz-border-radius: 10px;
		border-radius: 10px;*/
		background: #EEE;
		padding: 10px;
		/*height: 400px;*/
		margin: 5px 10px 0 0;
		/*behavior: url('PIE/PIE.htc');*/
	}

#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;
}

.emailerror {font-size:12px; padding:5px;margin:2px;border:solid 1px #F3A79F; background:#FFC5C4; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

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;
	}
	.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;
	}
	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;
		
	}
	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 0px;
	}
		.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: #444 url('../images/header.png');
	color: #E2E0D7;
}
	#footer .footer_column {
		
		/*width: 300px;*/
		padding: 10px;
		margin: 0 0 10px 0;
	}
		.footer_column h2 {
			padding: 10px 0;
			margin: 0;
		}
#footer_copyright {
	float: left;
	width: 940px;
	padding: 10px;
}
	#footer_copyright ul {
		margin: 0;
		float: right;
	}