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

* {margin:0;padding:0}

/* mac hide \*/
html,body { 
	height:100%;
	width:100%;
	}
/* end hide */
body { 
	text-align:center;
	min-height:609px; /* for good browsers*/
	min-width:932px; /* for good browsers*/
	background-color:#81806f;
	font: normal normal 12px/normal Verdana, sans-serif;
	cursor:default;
	}

a, a:visited {color:#fff;} 

/* Remove the dotted border around hyper links */
a {
	outline: none;
	}

a:focus {
	outline:0;
	}

img {
	border:0;
	}

/* Centering Content */
#xouter {
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
	}

#xcontainer {
	padding:0;
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell; 
	height: 468px;
	}
	
#xinner {
	width: 932px;
	height: 609px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
/*	border:1px solid #000; */
	padding:0;
	}

/* Shadow images */
.img-shadow {
	width:932px;
	height:428px;
	float:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right  !important;
	margin: 5px 0 3px 10px !important;
	margin: 5px 0 3px 5px;
	}

.img-shadow img {
	display: block;
	position: relative;
	background-color: #939280;
	margin: 0 3px 8px 0; 
	} 
  

/*  Base layer main background image */

.container-bg {
	width:924px; 
	height:420px;
	position:absolute; 
	margin:0; 
	padding:0;
/**/	z-index:2; 
	text-align:left;
	}


/* page 'HOME' */
#news-txt-252px {
	width:252px;
	text-align:left;
	font: normal bold 13px/1.4em Verdana, sans-serif;
	color:#808080;
	margin: 41px 42px 21px 42px
	}
	
	#news-txt-252px h1 {
		font: normal bold  24px/normal Verdana, sans-serif;
		color:#fff; /* was #808080 */
		text-transform:uppercase;
		margin-bottom:33px;
		}

/* Body Text */

.bodytext {
	width:504px;
	float:left;
	text-align:left;
	font: normal normal 12px/18px Verdana, sans-serif;
	color:#fff;
	margin: 41px 42px 21px 41px;
	}
	
.bodytext p {
	margin-top:1px;
	}
	
.bodytext a {text-decoration:none;}
.bodytext a:hover {color:#81806f; text-decoration:none;}

.blacklink a {color:#000;text-decoration:none;}
.blacklink a:hover {color:#81806f; text-decoration:none;}

.greenlink a {color:#81806f;text-decoration:none;}
.greenlink a:hover {color:#fff; text-decoration:none;}

.green-bullet {color:#81806f;}

.green2white-link a {color:#81806f;text-decoration:none; font-weight:bold; text-transform:uppercase;}
.green2white-link a:hover {color:#fff;}

.green2white-link-s a {color:#81806f;text-decoration:none; font-weight:bold;}
.green2white-link-s a:hover {color:#fff;}

.green2black-link a {color:#81806f;text-decoration:none; font-weight:bold;}
.green2black-link a:hover {color:#000;}

/* text blocks */

/** 'ons bedrijf' **/
#block-text-ons-bedrijf-l {
	width:512px;
	text-align:left;
	font: normal normal 12px/18px Verdana, sans-serif;
	color:#fff;
	margin: 41px 0 21px 21px;
	padding-left:21px;
	}

#block-text-ons-bedrijf-l p {
	margin-top:1px;
	}

#block-text-ons-bedrijf-r {
	float:right;
	text-align:left;
	font: normal normal 12px/18px Verdana, sans-serif;
	color:#010101;
	margin: 41px 67px 42px 0;
	}

#block-text-ons-bedrijf-r p {
	margin-top:1px;
	}

/** 'dealers' **/
#block-text-dealers {
	width:924px;
	float:left;
	text-align:left;
	font: normal normal 12px/18px Verdana, sans-serif;
	color:#fff;
	margin: 23px 21px 21px 33px;
	}

#block-text-dealers a {
	text-decoration:none;
	}

#block-text-dealers a:hover {
	color:#81806f; text-decoration:none;
	}
	
#block-text-dealers p {
	margin-top:1px;
	line-height:23px;
	}	

.dealers-column-1, .dealers-column-2, .dealers-column-3 {
	width:240px;
	height:390px;
	float:left;
	margin:0;
	padding:0;
	}


/** 'contact' **/
#block-text-contact-l {
	width:484px;
	float:left;
	text-align:left;
	font: normal normal 12px/18px Verdana, sans-serif;
	color:#fff;
	margin: 42px 0 21px 50px;
	}

#block-text-contact-l p {
	margin-top:1px;
	}

#block-text-contact-r {
	width:255px;
	float:right;
	text-align:left;
	font: normal normal 12px/18px Verdana, sans-serif;
	color:#010101;
	margin: 56px 42px 21px 0;
	}

#block-text-contact-r p {
	margin-top:1px;
	}
	
/** 'zelf shutters ontwerpen' **/
#block-text-zelf-ontwerpen-l {
	width:284px;
	float:left;
	text-align:left;
	font: normal normal 12px/18px Verdana, sans-serif;
	color:#fff;
	margin: 136px 0 21px 73px;
	}

#block-text-contact-l p, #block-text-contact-r p  {
	margin-top:1px;
	}

#block-text-zelf-ontwerpen-r {
	width:483px;
	float:left;
	text-align:left;
	font: normal normal 12px/18px Verdana, sans-serif;
	color:#fff;
	margin: 157px 21px 21px 63px;
	}

/* ---------------------- */	
	
.heading {
	font: normal bold 18px/normal Verdana, sans-serif;
	color:#fff;
	text-transform:uppercase;
	}

.heading-green {
	font: normal bold 18px/normal Verdana, sans-serif;
	color:#81806f;
	text-transform:uppercase;
	}

.heading-black {
	font: normal bold 20px/normal Verdana, sans-serif;
	color:#404040;
	text-transform:uppercase;
	}

.heading-14px {
	font: normal bold 14px/normal Verdana, sans-serif;
	color:#fff;
	}

/* ---------------------- */
/* Main navigation */

ul#navlist {
	clear:both;
	width:757px;
	border: 0;
	margin: 0 auto 21px 92px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	background:url(../images/deviders.gif) 50% 0 no-repeat;
	overflow:hidden;
	}

ul#navlist li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;	 
	}

ul#navlist li a {
	width: 126px;
	height: 18px;
	border-left: 0px solid transparent;
	border-right: none;
	padding: 0 0 6px 0;
	margin: 0 0 10px 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal normal 14px/normal Verdana, sans-serif;
	}

ul#navlist li a:hover {
	color: #000;
	}

ul#navlist a:active {
	color: #fff;
	}

ul#navlist li#active a {
	color:#000;
	}

#current {
	color:#000;
	}


/* Bullet list - page 'uniek' */

.list li { 
	color: #808080;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	text-transform:uppercase;
	list-style-position: inside;
	}

.list li a { 
	color: #81806f;
	font-weight:bold;
	list-style-type: disc; 
	text-decoration: none;
	}
	 
.list li a:hover { 
	color: #fff; 
	text-decoration: none;
	}

/* List 'Voordelen' */

.mybullet {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-left: 15px;
	color: #808080;
	font-size:10px;
	line-height:19px;
	font-weight:bold;
	text-transform:uppercase;
	}

.mybullet ul {
	margin: 0px;
	padding: 0px;
	}

/* List 'Prijzen (Lees meer...)' */

.mybullet-black {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-left: 15px;
	color: #000;
	line-height:19px;
	font-weight:normal;
	}

.mybullet-black ul {
	margin: 0px;
	padding: 0px;
	}


/* Page 'UNIEK' */

.right-column-text {
	width:268px; 
	float:right;
	text-align:left;
	font: normal normal 12px/18px Verdana, sans-serif;
	color:#010101;
	margin: 41px 31px 42px 0px;
	}	
	
.right-column-text p {
	margin-top:1px;
	}	
/* ---------------------- */	

/* Page 'IMPRESSIE' */
div#base-layer-impressie {	
	width:924px; 
	height:420px;
	position:absolute;
	margin: -6px 0 0 -6px; 
	padding:0;
	z-index:10; 
	}
	
/** Container thumbnails **/
div#thumb-viewer-impressie {
	width:854px; 
	height:294px;
	margin:67px 0 0 42px; 
	padding:0px;
	overflow:hidden;
	}
	
div#thumbs {
	width:315px; 
	height:294px; 
	float:left; 
	display:block;
	text-align:left;
	margin:0; 
	overflow:hidden;
	}
	
div#thumbs img {
	margin:0 21px 21px 0;
	float:left;
		background:#1d2124;
	}
	
div#loadarea {
	width: 525px; 
	height:294px;
	/* background-color:transparent; */
	float:left;
	padding:0 2px 0 0;
	}

div#more {
	text-align:left;
	font-size:23px;
	color:#fff;
	letter-spacing:4px;
	margin:9px 0 0 153px;
	}

div#more a:link {
color:#fff;
text-decoration:none;
}

div#more a:visited {
color:#fff;
text-decoration:none;
}

div#more a:hover {
color:#81806f;
text-decoration:none;
}

div#more .selected {
	color:#81806f;
	}

/* ---------------------- */
/*  Page 'DEALERS' */

.heading-white {
	font-weight:bold;
	font-size:20px;
	line-height:24px;
	color:#fffffe;
	text-transform:uppercase;
	margin:21px 0 18px 0;
	}

.heading-grey {
	font-weight:bold;
	font-size:12px;
	color:#808080;
	margin:21px 0 18px 0;
	}

.heading-green-12px {
	font-weight:bold;
	font-size:12px;
	color:#81806f;
	margin:21px 0 18px 0;
	text-transform:uppercase;
	}

.grey-txt {
	color:#808080;
	font-size:12px;
	line-height:18px;
	}

.grey-txt a {
	color:#808080;
text-decoration:none;
	}

.grey-txt a:visited {
	color:#808080;
text-decoration:none;
	}
	
.grey-txt a:hover {
	color:#fff;
text-decoration:none;
	}
	
.grey-txt a:active {
	color:#808080;
text-decoration:none;
	}

.grey-txt-bold {
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#c8c8c8;
	}

.grey-font {
	color:#808080;
	font-weight:bold;
	font-size:10px;
	line-height:15px;
	}

.white-font {color:#fff; 
	font-weight:bold;
	font-size:10px;
	line-height:15px;
	}

/* ---------------------- */
/* page 'contact' */

/** form **/

label{
	float: left;
	width: 200px;
	}

.input1, textarea{
	width: 484px;
	background:#000;
	border:1px solid #000;
	font-size: 10pt;
	color:#fff;
	margin-bottom: 5px;
	padding-left:3px;
	}

.input1 {
	height:19px;
	}

textarea{
	overflow:hidden;
	font-family:Verdana, sans-serif;
	font-size: 10pt;
	}

div#field-flt-l {
	width:211px;
	float:left;
	text-align:left;
	}

div#field-flt-r {
	width:211px;
	float:right;
	text-align:left;
	}
	
.input2 {		
	width:211px;
	height:19px;
	background:#000;
	border:1px solid #000;
	font-size: 10pt;
	color:#fff;
	margin-bottom: 5px;
	padding-left:3px;
	}

.boxes{
	width: 1em;
	}

#submitbutton{
	margin-left: 220px;
	margin-top: 5px;
	width: 90px;
	height:27px;
	}

br{
	clear: left;
	} 

.butt, butt2 {
	width:48px;
	height:6px;
	background:#202020;
	margin:17px 0 0 0;
	padding:0;
	cursor:pointer;
	}

.butt2 {
	margin:21px 0 0 -31px;
	}

/* ---------------------- */
/* General stuff */
.small-font, .small-font-black {
	font: normal normal 11px/23px Verdana, sans-serif; 
	color:#fff;
	}	

.small-font-black {
	color:#000;
	}
	
#cleanup {
	clear: both;
}

.float-left {
	width:428px;
	float:left;
	font-size:10px;
	margin:42px 0px 0px 42px;
	}
	
.float-right {
	width:388px;
	float:right;
	font-size:10px;
	margin:64px 31px 0px 21px;
	}
	
.float-right-prijzen {
	width:268px;
	float:right;
	margin:67px 31px 0px 21px;
	}

#but {margin:14px 3px 0px 0px;} /* Eikenhout */
#but2 {margin:104px 0px 0px 2px;} /* Lindehout */
#but3 {margin:140px 0px 0px 2px;} /* Overige houtsoorten */
#but4 {clear:left; margin:0px 0px 0px 2px;} /* Voordelen */
#but5 {clear:left; margin:-7px 0px 0px 2px;} /* Farrow & Ball */
#but6 {clear:left; margin:-2px 12px 0px 0px;} /* Prijzen */

.disclaimer {float:right; margin:72px 0 12px 0; color:#9b9a83; font-size:10px;}
.disclaimer a {color:#9b9a83; text-decoration:none;}
.disclaimer a:visited {color:#9b9a83; text-decoration:none;}
.disclaimer a:hover {color:#b4b296;text-decoration:none;}
.disclaimer a:active {color:#9b9a83; text-decoration:none;}

.whitetext {color:#fff;}
.whitetext a {color:#fff; text-decoration:none;}
.whitetext a:visited {color:#fff; text-decoration:none;}
.whitetext a:hover {color:#81806f;text-decoration:none;}
.whitetext a:active {color:#fff; text-decoration:none;}

.logo {margin-left:54px;}