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

/* --------------------
		Reset Styles
-------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a {
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* --------------------
		Main Styles
-------------------- */

html {
	background-image: url(../images/html-bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

body {
	background-image: url(../images/body-bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 500px;
}

body.splash {
	background: none;	
}

html, body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0 auto;
}

.container {
	position: relative;
	width: 1024px;
	padding-top: 135px;
	margin: 0 auto;
}

.wrapper {
	margin: 0 auto;
	width: 1024px;
}

.nav {
	width: 35px;
	position: absolute;
	top: 540px;
	left: 33px;
	z-index: 1000;
}

.nav a {
	margin-top: 5px;	
	display: block;
	width: 34px;
	height: 35px;
}

.blue-logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 270px;
	height: 66px;
	margin: 0 auto;
	display: block;
}

.orange-logo {
	background-image: url(../images/orange-logo.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 66px;
	margin: 0 0 0 30px;
	display: block;
}

.footer {
	clear: both;
	position: absolute;
	top: 630px;
	left: 0;
	letter-spacing: -1px;
	width: 1024px;
	text-align: center;
	z-index: 100;
}

* html .footer {
	left: 0px;	
}

*+html .footer {
	left: 0px;	
}

.footer div {
	padding: 20px 0;
	text-align: center;
	font-size: 14px;
	color: #bfb5b0;
}

.extra {
	clear: both;
	position: absolute;
	top: 750px;
	background-image: url(../images/wit.gif);
	background-repeat: repeat-x;
	left: 0;
	width: 1144px;
	z-index: 100;
}

* html .extra {
	left: 0px;	
}

*+html .extra {
	left: 0px;	
}

.extra div {
	padding: 20px 0;
	text-align: center;
	font-size: 14px;
	color: #bfb5b0;
}

.extra2 {
	clear: both;
	position: absolute;
	top: 790px;
	background-image: url(../images/wit.gif);
	background-repeat: repeat-x;
	left: 0;
	width: 1144px;
	z-index: 100;
}

* html .extra2 {
	left: 0px;	
}

*+html .extra2 {
	left: 0px;	
}

.extra2 div {
	padding: 20px 0;
	text-align: center;
	font-size: 14px;
	color: #bfb5b0;
}

.catalogue-text  {
    text-align: left;
    margin-left: 40px;
    margin-bottom: -12px;
    color: #a7a9c0;
    font-size: 9px;
}

.catalogue-text-mid  {
    text-align: left;
    margin-left: 65px;
    margin-bottom: -12px;
    color: #a7a9c0;
    font-size: 9px;
}

.catalogue-text-right  {
    text-align: left;
    margin-left: 75px;
    margin-bottom: -12px;
    color: #a7a9c0;
    font-size: 9px;
}

.catalogue-text-right2  {
    text-align: left;
    margin-left: 52px;
    margin-bottom: -12px;
    color: #a7a9c0;
    font-size: 9px;
}

.gallery {
	padding-left: 0;	
}

.gallery ul ul {
	display: none;	
	position: absolute;
}

ul.catalogue {
	margin: 85px 0 0 85px;
}

ul.catalogue ul {
}

ul.catalogue li {
	float: left;
	width: 169px;
	background-image: url(../images/gallery-image-border.gif);
	background-repeat: no-repeat;
	position: relative;
}

ul.catalogue li:hover {
	z-index: 100;	
}

.limg {
	background-position: top left;	
}

.mimg {
	background-position: center top;	
}

.rimg {
	background-position: top right;	
}

ul.catalogue li a {
	margin: 17px 0 0 17px;
	display: block;
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0 18px 18px 0;
}

* html ul.catalogue li a {
	background-position: 5px 5px;
	background-image: url(../images/shadow-ie6.png);
}

ul.catalogue li a img {
	border: 5px solid #FFF;	
}

ul.catalogue li:hover ul {
	display: block;
	width: 123px;
	top: 149px;
	left: 20px;
	z-index: 100;
}

ul.catalogue li:hover ul ul {
	display: none;
	left: -1000px;
}

ul.catalogue ul li {
	background: none;
	background-color: #e3dfdd;
	border: 1px solid #c9c7c6;
	height: 27px;
	line-height: 27px;
	width: 121px;
}

ul.catalogue ul li a {
	background: none;
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
	line-height: 27px;
	font-size: 10px;
	color: #958881;
	width: 121px;
	height: 27px;
}

ul.catalogue ul li:hover {
	background-color: #b5a9a3;
	border-color: #797675;
}

ul.catalogue ul li:hover a {
	text-decoration: none;	
}

ul.catalogue ul li:hover ul {
	display: block;
	left: 80px;
	top: 15px;
}

ul.catalogue ul li:hover ul li {
	
}

.message {
	clear: both;
	color: #000;
	line-height: 16px;
	text-align: justify; 
	font-size: 11px;
	font-weight: 800;
	padding-right: 45px;
	padding-left: 23px;
}

.content {
	clear: both;
	color: #c2b7b3;
	line-height: 18px;
/*	text-align: justify; */
	padding-right: 80px;
	padding-left: 80px;
}

* html .content {
	margin-top: -80px;
}

*+html .content {
	margin-top: -80px;
}

p {
	padding-bottom: 20px;	
}

.content .left {
	width: 380px;
	float: left;
	margin-left: 35px;
	/* font-size: 11px;
	font-weight: 500; */
}

* html .content .left {
	margin-left: 18px;	
}

.content .right {
	width: 380px;
	float: right;
	margin-right: 35px;
}

* html .content .right {
	margin-right: 18px;
}

form {
	color: #86a9ec;	
}

form label {
	width:70px;
	float: left;
	letter-spacing: -1px;
}

form label.long {
	width: 150px;
}

form input {
	width: 146px;
	border: 1px solid #9ea0a7;
	float: left;
	margin-right: 3px;
	color: #82908e;
}

form input.checkbox {
	border:none;
	width: auto;
	float: none;
	margin: 0;
}

form input.short {
	width: 45px;
}

form input.middle {
	width: 68px;
}

form input.long {
	width: 245px;
	margin: 0;
}

form input.submit {
	width: auto;
	margin: 2px 0 0 120px;
	cursor: pointer
}

form .line {
	height: 25px;
	line-height: 25px;
	clear: both;
}

form textarea {
	clear: both;
	border: 1px solid #9ea0a7;
	width: 320px;
	height: 75px;
	float: left;
	overflow: auto;
}

.form {
	background-image: url(../images/shadow-big.png);
	width: 470px;
	height: 470px;
	background-repeat: no-repeat;
	margin: 0 auto;
}

* html .form {
	margin-top: 85px;	
}

*+html .form {
	margin-top: 85px;	
}


.form .formwrapper {
	background-color: #FFF;
	width: 439px;
	height: 386px;
	padding-top: 53px;
	margin-left: 10px;
}

.form form {
	display: block;
	margin: 0 auto 0 auto;
	font-size: 10px;
	width: 325px;
	padding: 3px;
	border: 2px solid #9ea7d4;
	background-color: #e5e7f4;
}

.form form .title {
	font-weight: bold;
	font-size: 14px;
	color: #e5e7f4;
	line-height: 21px;
	height: 21px;
	background-color: #0e1662;
	border-bottom: 1px solid #9ea7d4;
	display: block;
	margin: -3px -3px 3px -3px;
	padding-left: 7px;
}

* html .form form .title {
	position: relative;
}

.map {
	background-image: url(../images/shadow-big.png);
	width: 470px;
	height: 470px;
	background-repeat: no-repeat;
	margin: 0 auto;
}

* html .map {
	margin-top: 85px;	
}

*+html .map {
	margin-top: 85px;	
}

.references {
	background-image: url(../images/references-bg.png);
	width: 599px;
	height: 469px;
	position: relative;
	margin: -65px -80px;
}

.references ul {
	padding: 47px 0 0 147px;
	width: 300px;
}

.references ul li {
	background-image: url(../images/list-style-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 22px;
	width: 278px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	color: #0e1662;
	float: left;
}

.links {
	width: 460px;
	margin: 0 auto;
}

* html .links {
	margin-top: 85px;	
}

*+html .links {
	margin-top: 85px;	
}

.links ul {
		
}

.links ul li {
	float: left;
	width: 153px;
	height: 151px;
	background-image:url(../images/shadow.png);
	background-repeat: no-repeat;
}

* html .links ul li {
	background-image: url(../images/shadow-ie6.png);	
}

.links ul li a img {
	border: 5px solid #ad9f99;	
}

.logos {
	overflow: hidden;	
	padding: 0;
	margin: 0 -30px 0 20px;
}

.splash .blue-logo {
	float: left;
	margin-left: 120px;
}

* html .splash .blue-logo {
	margin-left: 60px;
}

.splash .orange-logo {
	float: right;
	margin-right: 160px;
}

* html .splash .orange-logo {
	margin-right: 80px;	
}

.splash .content {
	height: 306px;
	background-image: url(../images/splash-content-bg.gif);
	background-repeat: repeat-y;
	padding: 130px 0 0 0px;
	width: 884px;
	margin: 0 auto;
}

.splash .sanders {
	position: relative;
	background-image: url(../images/splash-shadow.png);
	width: 699px;
	height: 359px;
	margin: 0 0 0 100px;
	background-repeat: no-repeat;
}

* html .splash .sanders {
	margin-bottom: -130px;
}

.splash .sanders a {
	float: left;	
}

.thumbs {
	float: left;	
	width: 325px;
	padding-top: 110px;
}

* html .thumbs {
	padding-top: 196px;	
}

*+html .thumbs {
	padding-top: 196px;	
}

.thumbs ul.catalogue {
	margin-left: 33px;	
}

.thumbs ul li {
	width: 44px;
	margin: 0 10px 0 0;
	background: none;
}

.thumbs ul li a {
	margin: 0;
	padding: 0;
	background: none;
}

.thumbs ul li a img {
	border: none;	
}

.thumbs ul li a.hout-en-plaatmateriaal {
	background-image: url(../images/hout.gif);
	width: 43px;
	height: 43px;
}

.thumbs ul li a.hout-en-plaatmateriaal:hover {
	background-image: url(../images/hout_h.gif);
	width: 48px;
	height: 48px;
	margin: -3px;
}

.thumbs ul li a.plafonds {
	background-image: url(../images/plafonds.gif);
	width: 43px;
	height: 43px;
}

.thumbs ul li a.plafonds:hover {
	background-image: url(../images/plafonds_h.gif);
	width: 48px;
	height: 48px;
	margin: -3px;
}

.thumbs ul li a.vloeren {
	background-image: url(../images/vloeren.gif);
	width: 43px;
	height: 43px;
}

.thumbs ul li a.vloeren:hover {
	background-image: url(../images/vloeren_h.gif);
	width: 48px;
	height: 48px;
	margin: -3px;
}

.thumbs ul li a.wanden {
	background-image: url(../images/wanden.gif);
	width: 43px;
	height: 43px;
}

.thumbs ul li a.wanden:hover {
	background-image: url(../images/wanden_h.gif);
	width: 48px;
	height: 48px;
	margin: -3px;
}

.thumbs ul li a.aftimmering {
	background-image: url(../images/aftimmering.gif);
	width: 43px;
	height: 43px;
}

.thumbs ul li a.aftimmering:hover {
	background-image: url(../images/aftimmering_h.gif);
	width: 48px;
	height: 48px;
	margin: -3px;
}

.images {
	float: right;
	width: 695px;
/*	width: 650px; */
}

.images ul {
	float: left;
	width: 156px;
/*	width: 156px; */
}

.images ul li {
	height: 141px;
/*	height: 148px;  */
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
}

* html .images ul li {
	background-image: url(../images/shadow-ie6.png);	
}

.images ul li a img {
	border: 4px solid #FFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.images ul li:hover a img {
	border: 4px solid #FFF;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.images ul li.selected a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.gallery-navigation {
	padding-left: 45px;
	float: left;
}

* html .gallery-navigation {
	margin-top: 10px;	
}

*+html .gallery-navigation {
	margin-top: 10px;	
}

.previous img , .next img {
	margin: 5px;
}

.big {
	float: left;	
	background-image: url(../images/shadow-gallery.png);
	width: 470px;
	height: 470px;
	margin-top: -13px;
}

.big img {
	border: 13px solid #FFF;	
}

.info {
	border: 1px solid #adacab;
	float: right;
	width: 396px;
	min-height: 30px;
	margin: -25px 113px 0 0;
/*	margin: -25px 68px 0 0; */
	/*background-image: url(../images/info-bg.gif);
	background-repeat: repeat-x;*/
	background-color: #c7c3c1;
	padding: 5px 7px;
	color: #FFF;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

* html .info {
	height: 30px;
	margin-right: 34px;
}

.leftlink {
	position: absolute;
	width: 50%;
	top: 0;
	left: 0;
	height: 100%;
}

.rightlink {
	position: absolute;
	width: 50%;
	top: 0;
	right: 0;
	height: 100%;
}