/*BASIC STYLES*/
html{
	height:100%;
}
body{
	margin:0px;
	font-family:Arial,Sans-Serif;
	font-size:11px;
	color:#535353;
	background:#c8c8c8 url(../images/back.gif) repeat-x top left;
	height:100%;
}
a{
	color:#f16c04;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#f16c04;
	text-decoration:underline;
}
p{
	line-height:13px;
	margin:5px 0px 5px 0px;
	padding:0px;
}
h1{
	font-size:20px;
	font-weight:bold;
	color:#f16c04;
	display:block;
	position:relative;
	padding:0px;
	margin:0px 0px 5px 0px;
}
h2{
	font-size:15px;
	font-weight:bold;
	color:#f16c04;
	display:block;
	position:relative;
	padding:0px;
	margin:0px 0px 3px 0px;
}
h3{
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	color:#f16c04;
	display:block;
	position:relative;
	padding:0px;
	margin:0px 0px 3px 0px;
}
img{
	display:block;
	border:0px;
}
input,textarea,button,select{
	font-size:11px;
}
form{
	margin:0px;
	padding:0px;
	display:block;
	position:relative;
}

/*Classes*/
.question{
	display:inline;
	padding:0px 0px 0px 2px;
	opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	vertical-align:middle;
}
.question:hover{
	display:inline;
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
}
img.question{
	display:inline;
}
a.nocolor{
	color:#535353;
}
a.nocolor:hover{
	color:#f16c04;
}
input.check{
	display:block;
	position:relative;
	float:left;
	width:13px;
	height:13px;
	margin:0px;
	padding:0px;
}
div.check{
	display:block;
	position:relative;
	float:left;	
	padding:1px 0px 0px 10px;
}
span.check{
	display:block;
	position:relative;
	height:18px;
}
.checkDisabled{
	display:block;
	position:relative;
	height:18px;
	opacity:.5;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}
.searchbrandscol{
	display:block;
	position:relative;
	width:100px;
	overflow:hidden;
	float:left;
}
select.long{
	display:block;
	position:relative;
	width:200px;
}
select.short{
	display:inline;
	width:75px;
}
.laminaat span, .laminaat a, .laminaat h2{
	color:#39a3ca;
	line-height:15px;
}
.fineer span, .fineer a, .fineer h2{
	color:#8ac62b;
	line-height:15px;
}
.halfmassief span, .halfmassief a, .halfmassief h2{
	color:#b25f28;
	line-height:15px;
}
.massief span, .massief a, .massief h2{
	color:#885330;
	line-height:15px;
}
.linkprint{
	background:transparent url(../images/print.gif) no-repeat top left;
	display:block;
	position:relative;
	padding:1px 0px 0px 25px;	
	height:20px;
}
.linkpdf{
	background:transparent url(../images/pdf.gif) no-repeat top left;
	display:block;
	position:relative;
	padding:2px 0px 0px 25px;	
	height:20px;
}
.linkmail{
	background:transparent url(../images/email.gif) no-repeat top left;
	display:block;
	position:relative;
	padding:2px 0px 0px 25px;	
	height:20px;
}
.linkreturn{
	background:transparent url(../images/return.gif) no-repeat top left;
	display:block;
	position:relative;
	padding:0px 0px 0px 25px;	
	margin:30px 0px 0px 0px;
	height:20px;
}
.floortype{
	display:block;
	position:relative;
	overflow:auto;
	width:665px;
	padding:0px 0px 15px 0px;
}
.floortype img{
	display:block;
	position:relative;
	float:left;
	overflow:auto;
	width:190px;
	padding:0px 15px 15px 0px;
}
.floortype div{
	display:block;
	position:relative;
	float:left;
	overflow:auto;
	width:400px;
}
.merk{
	display:block;
	position:relative;
	float:left;
	overflow:auto;
	width:190px;
	padding:10px 15px 10px 15px;
}
.colbroad{
	display:block;
	position:relative;
	float:left;
	overflow:auto;
	width:665px;
	padding:10px 5px 15px 10px;
	margin-bottom:20px;
}
.colmid{
	display:block;
	position:relative;
	float:left;
	overflow:auto;
	width:435px;
	padding:10px 5px 0px 15px;
	margin-bottom:20px;
}
.colsmall{
	display:block;
	position:relative;
	float:left;
	overflow:auto;
	padding:10px 0px 0px 10px;
	width:215px;
	margin-bottom:20px;	
}
div.forminput{
	display:block;
	position:relative;
	width:435px;
	overflow:auto;
}
input.forminput{
	display:block;
	position:relative;
	width:425px;
	margin:5px 0px 10px 0px;
	overflow:auto;
}
textarea.forminput{
	display:block;
	position:relative;
	width:425px;
	margin:5px 0px 10px 0px;
	height:150px;
}
.formleft{
	display:block;
	position:relative;
	float:left;
	width:210px;
	overflow:auto;
}
.formright{
	display:block;
	position:relative;
	float:right;
	width:210px;
	overflow:auto;
}
.forminput-s{
	display:block;
	position:relative;
	width:200px;
	margin:5px 0px 10px 0px;
}

/* FUNDAMENT */
#center{
	text-align:justify;
	display:block;
	position:relative;
	overflow:auto;
	width:960px;
	margin:auto;
	padding-bottom:30px;
}
#head{
	background:transparent url(../images/shade_head.gif) no-repeat top left;
	display:block;
	position:relative;
	width:960px;
	height:85px;
}
html>body #head{
	background:transparent url(../images/shade_head.png) no-repeat top left;
	display:block;
	position:relative;
	width:960px;
	height:85px;
}
#body{
	background:transparent url(../images/shade_body.gif) repeat-y top left;
	display:block;
	position:relative;
	overflow:auto;
	width:935px;
	padding:0px 0px 0px 25px;
}
html>body #body{
	background:transparent url(../images/shade_body.png) repeat-y top left;
	display:block;
	position:relative;
	overflow:auto;
	width:935px;
	padding:0px 0px 0px 25px;
}
#foot{
	background:transparent url(../images/shade_foot.gif) no-repeat top left;
	display:block;
	position:relative;
	width:920px;
	height:25px;
	padding:10px 20px 0px 20px;
	text-align:center;
	font-size:10px;
	color:#777777;
	vertical-align:bottom;
}
html>body #foot{
	background:transparent url(../images/shade_foot.png) no-repeat top left;
	display:block;
	position:relative;
	width:920px;
	height:25px;
	padding:10px 20px 0px 20px;
	text-align:center;
	font-size:10px;
	color:#777777;
	vertical-align:bottom;
}
#foot a{
	color:#777777;
}

/*HEAD ID*/
#logo{
	display:block;
	position:absolute;
	top:0px;
	left:15px;
	width:240px;
	height:55px;
}
#printlogo{
	display:none;
}
#langmenu{
	display:block;
	position:absolute;
	top:0px;
	left:260px;
	width:100px;
}
#topmenu{
	display:block;
	position:absolute;
	top:0px;
	right:15px;
	width:500px;
}
#menu{
	display:block;
	position:absolute;
	top:57px;
	left:450px;
	width:500px;
}
#langmenu div,#langmenu a{
	background:transparent url(../images/separator.gif) no-repeat top left;
	display:block;
	position:relative;
	float:left;
	color:#c4c4c4;
	padding:13px 10px 0px 6px;
}
#topmenu div,#topmenu a{
	background:transparent url(../images/separator.gif) no-repeat top left;
	display:block;
	position:relative;
	float:right;
	color:#c4c4c4;
	padding:13px 10px 0px 6px;
}
#langmenu a, #topmenu a{
	color:#ffffff;
}
#langmenu a:hover, #topmenu a:hover{
	color:#333333;
	text-decoration:none;
}
#menu div, #menu a{
	font-size:15px;
	font-weight:bold;
	color:#555555;
	display:block;
	position:relative;
	float:left;
	margin:0px;
	padding:0px 15px 0px 15px;
}
#menu a{
	color:#ffffff;
}
#menu a:hover{
	color:#333333;
	text-decoration:none;
}

/*BODY ID - Left column*/
#colleft{
	display:block;
	position:relative;
	float:left;
	width:220px;
	color:#ffffff;
}
#colleftcut{
	display:block;
	position:relative;
	width:220px;
	height:400px;
	overflow:hidden;
}
#search{
	background:#f16c04;
	display:block;
	position:relative;
	width:210px;
	padding:5px 0px 10px 10px;
}
#searchbrands{
	display:block;
	position:relative;
	width:210px;
	overflow:auto;
}
#otherproducts{
	background:#888888;
	display:block;
	position:relative;
	overflow:auto;
	width:200px;
	height:160px;
	padding:5px 10px 10px 10px;
	margin:5px 0px 0px 0px;
}
#colorindex{
	display:block;
	position:relative;
	float:left;
	width:220px;
	height:190px;
	padding:5px 0px 0px 0px;
}
#colleft h1, #colleft h2{
	color:#ffffff;
}
#otherproducts a, #otherproducts div{
	font-size:13px;
	font-weight:bold;
	color:#555555;
	display:block;
	position:relative;
	padding:2px 0px 0px 0px;
}
#otherproducts a{
	color:#ffffff;
}
#otherproducts a:hover{
	color:#333333;
	text-decoration:none;
}
/*BODY ID - Middle column*/
#mood{
	display:block;
	position:relative;
	float:left;
	padding:0px 0px 0px 5px;
	width:450px;
	height:400px;
}
#bigmood{
	display:block;
	position:relative;
	padding:0px 0px 0px 0px;
	width:665px;
	height:443px;
}
#bigmoodlink{
	display:block;
	position:relative;
	padding:0px 0px 0px 0px;
	width:665px;
	height:468px;
}
#refpic{
	display:block;
	position:relative;
	float:left;
	padding:10px 5px 0px 15px;
	width:450px;
	height:450px;
}
#searchresult{
	display:block;
	position:relative;
	float:left;
	overflow:auto;
	width:675px;
	padding:10px 0px 10px 15px;
}
#searchresult div{
	background:#f16c04;
	display:block;
	position:relative;
	float:left;
	width:125px;
	height:145px;
	margin:0px 10px 10px 0px;
}

#searchresult .pagenummers{
	display:block;
	position:relative;
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	margin-bottom:6px;
	background:#ffffff;
	height:auto;
}
#searchresult .pagenummers a, #searchresult .pagenummers span{
	color:#f16c04;
	padding:0px 1px 0px 2px;
}
#searchresult .pagenummers span, #searchresult .pagenummers a:hover{
	background-color:#f16c04;
	color:#FFF;
	text-decoration:none;
}

#collinks{
	display:block;
	position:relative;
	float:left;
	overflow:auto;
	width:680px;
	padding:10px 0px 0px 15px;
}

/*BODY ID - Right column*/
#colright{
	display:block;
	position:relative;
	float:left;
	overflow:hidden;
	padding:5px 0px 0px 15px;
	width:215px;
	height:395px;
}
#refinfo{
	display:block;
	position:relative;
	float:left;
	overflow:hidden;
	padding:15px 0px 0px 0px;
	width:210px;
	overflow:auto;
}
#refinfo p{
	padding:5px 0px 5px 0px;
}
#open{
	display:block;
	position:relative;
	overflow:auto;
	width:195px;
}
#open div{
	display:block;
	position:relative;
	float:left;
	padding:0px 15px 0px 0px;
}

/*BODY ID - Bottom*/
#bannerbig{
	display:block;
	position:relative;
	float:left;
	width:450px;
	height:205px;
	padding:5px 5px 0px 0px;
}
#bannersmall{
	display:block;
	position:relative;
	float:left;
	width:220px;
	height:205px;
	padding:5px 5px 0px 0px;
}
#promotions{
	display:block;
	position:relative;
	float:left;
	width:215px;
	height:200px;
	padding:5px 5px 0px 0px;
}
#printinfo{
	display:none;
}
#searchlink{
	display:block;
	position:relative;
	float:left;
	color:#ffffff;
	width:140px;
	padding:3px 0px 0px 0px;
	text-decoration:underline;
}
#searchlink:hover{
	color:#333333;
	text-decoration:none;
}
#extendedsearch{
	display:none;
}
#sform{
	display:block;
	position:relative;
	float:left;
	width:210px;
	height:51px;
	padding:5px 10px 5px 10px;
	background-image:url(../images/sback.jpg);
}
#sform h1{
	color:#FFF;
	font-size:16px;
}
#sform #keyword{
	display:block;
	position:relative;
	float:left;
	width:120px;
}
#sform #sbut{
	display:block;
	position:relative;
	float:left;
	width:70px;
	margin-left:5px;
}

#ban4{
	margin-top:6px;
	display:block;
	position:relative;
	float:left;
	width:230px;
	height:138px;
}

/*question IDs*/
#questiontype{
	background:#ffffff;
	display:none;
	position:absolute;
	z-index:1;
	top:140px;
	left:140px;
	width:738px;
	padding:20px 0px 0px 20px;
	border:1px solid #888888;
}
#questiontype img, #questiontype div{
	display:block;
	position:relative;
	float:left;
	width:162px;
	padding:0px 20px 20px 0px;
}

/*SPLASH IDs*/
#splash{
	text-align:justify;
	background:transparent url(../images/splash.gif) no-repeat top left;
	display:block;
	position:relative;
	top:95px;
	padding:20px;
	width:725px;
	height:220px;
	margin:auto;
}
#splashnl{
	display:block;
	position:absolute;
	left:295px;
	top:75px;
	width:216px;
}
#splashfr{
	display:block;
	position:absolute;
	left:530px;
	top:75px;
	width:216px;
}
#btnnl{
	display:block;
	position:absolute;
	left:285px;
	top:193px;
}
#btnfr{
	display:block;
	position:absolute;
	left:520px;
	top:193px;
}
#splashaddress{
	display:block;
	position:absolute;
	left:40px;
	bottom:30px;
	width:236px;
}

.plaatsingimages{
	display:block;
	position:relative;
	float:left;
	width:665px;
	margin:0px;
	padding:0px;	
	margin-bottom:20px;
}
.plaatsingimages img{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;	
}
.plaatsingimages h1{
	display:block;
	position:relative;
	float:left;
	width:665px;
	margin:0px;
	padding:0px;
	font-size:14px;
	padding-bottom:5px;
}

/*CONTACT IDs*/
#formcontainer{
	display:block;
	position:relative;
	width:435px;
	overflow:auto;
}

#errormessage{
	color:#FF6600;
}


/*
#boa{
display:block;
position:absolute;
bottom:10px;
right:10px;
z-index:8;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
html>body #boa{
display:block;
position:fixed;
bottom:10px;
right:10px;
z-index:8;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
#boa:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
*/