body {
	margin: 0;
	padding: 0;
	background-color: #F6EDCD;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #4D5855;
	line-height: 18px;
	text-align: left;
}

a {
	color: #4D5855;
}

a:hover {
	color: #31312F;
}

img {
	border: 0;
}

p {
	margin: 0;
	padding: 0;
}


h1 {
	color: #525957;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 25px 20px;
	text-transform: uppercase;
	font-family: Verdana;
	text-align: left;
}


h1 span {
	font-size: 11px;
}

h2 {
	font-size: 15px;
	margin: 12px 0 10px 20px;
	text-align: left;
	text-transform: uppercase;
}

h3 {
	font-size: 12px;
	margin: 15px 0 5px 0;
	text-align: left;
	text-transform: uppercase;
}

item { margin: 0 0 0 20px}

#wrapper {
	position: relative;
	width: 768px;
	margin:0 auto;
}

#header {
	height: 185px;
}

#logo img {
	padding: 15px 0 0 15px;
	float:left;
}


ul {
	padding: 0;
	margin:0;
	line-height:20px;
}

ol {
	padding:0;
	margin:0 0 0 25px;
	line-height:20px;
}

#navigation {
	background-color:#00392C;
	width: 554px;
	float:right;
	padding: 5px 0 5px 0;
	margin: 0;
	text-align: center;
}

#navigation li:hover ul,
#navigation li.sfhover ul { left: 0; }

#navigation ul li {
	float: left;
	color: #999A8A;
	text-transform: uppercase;
	font-size:13px;
	list-style:none;
	margin:0;
	padding:0 7px 0 7px;
	line-height: 13px;
	border-right: 1px solid #999A8A;
	position: relative;
	z-index: 10;
}

#navigation ul li#menu2 {
	/*width: 85px;*/
}
#navigation ul li#menu3 {
	/*width: 95px;*/

}
#navigation ul li#menu4 {
	/*width: 145px;*/
}
#navigation ul li#menu5 {
	/*width: 110px;*/
}
#navigation ul li#menu6 {
	/*width: 80px;*/
	border: none;
}

#navigation ul li#menu2 ul li, #navigation ul li#menu3 ul li, #navigation ul li#menu4 ul li, , #navigation ul li#menu5 ul li #navigation ul li#menu6 ul li   {
	margin: 0;
}

#navigation ul li a {
	color: #999A8A;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	margin:0;
	padding:0;
	font-size:12px;
}
#navigation ul li.active a, #navigation ul li a:hover{
	color: #fff;
}

#navigation ul ul li a {
	display: block;
	color:black;
	font-size:10px;
}

#navigation ul ul {
	position: absolute;
	padding: 3px 0 0 0;
	margin: 0 0 0 3px;
	height: auto;
	left: -9000px;
	width: 115px;
}

#navigation ul ul ul {
	position: relative;
	top: 0;
	left: 0;
}

#navigation ul ul li {
	color: #777873;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
	background-color: #fff;
	letter-spacing: 0;
	width: 150px;
	border-bottom: 1px solid #E0D5B8;
	padding: 2px 0 2px 10px;
	margin: 0 0 0 -3px;
	line-height: 11px;
	font-family: verdana;
	border-right: none;
}

#navigation ul ul ul li {
	float: none;
	color: #777873;
	font-size: 10px;
	text-align: left;
	background-color: #fff;
	letter-spacing: 0;
	width: 135px;
	border-bottom: 1px solid #E0D5B8;
	padding: 1px 0 1px 10px;
	margin: 0;
	line-height: 11px;
}
	
#navigation ul li.active ul li a{
	color: black;
}

#navigation ul li ul li.active{
	color: #777873;
	background-color:#FCF6E0;
}

#navigation ul li ul li a:hover {
	color: black;
}

#navigation ul li ul li li, 
#navigation ul li ul li.active li {
	color: #777873;
	text-transform: none;
	background-color: transparent;
	width: 100px;
	border-bottom: none;
	padding: 0 0 0 12px;
	margin:0;
	font-family: Arial;
	line-height:13px;
	border-right:none;
}

#navigation ul ul li a:hover {
	color:red;
}


#navigation ul li ul li li a:hover,
#navigation ul li ul li li.active a {
	color: #BC3A46;
}

#languages {
	color: #fff;
	float: right;
	margin: 140px 10px 0 0;
	padding:0;
}

#languages li{
	padding: 0 5px 0 5px;
	text-transform: uppercase;
	text-decoration: none;
	font-size:12px;
	color: #fff;
	float:left;
	font-weight: bold;
	list-style:none;
}

#languages li.last {
}

#languages li a{
	text-decoration: none;
	text-transform: uppercase;
	font-size:12px;
	color: #00392C;
	font-weight: bold;
	display:inline;
}

#languages li.active {
	background-color:#00392C;
	color:#fff;
}


#languages li a:hover {
	color:#fff;
}

#content {
	clear:both;
	background-color: #FEFBF2;
	padding: 3px 0 15px 0px;
	text-align: left;
	border-left: 1px solid #CDCBC2;
	border-right: 1px solid #CDCBC2;
	border-bottom: 1px solid #CDCBC2;
}

#content ul{
	margin: 10px 0 15px 15px;
	padding: 0;
}

#path {
	font-size:10px;
	text-align: right;
	color:#00392C;
	padding: 0 15px 0 20px;
	margin:0;
}

#path a{
	color:#7B8677;
}
#path a:hover{
	color: #00392C;
	text-decoration: none;
}

#productblok {
	text-align: left;
	margin: 15px 0 0 0;
	font-size: 11px;
	line-height: 16px;
	padding:0;
}

#topbutton {
	font-size:10px;
	text-align: right;
	margin: 10px 20px 0 0;
}

.bestanden {
	padding: 0 0 0 20px;
	margin:0;
	line-height:20px;
}

.bestanden li{
	margin: 0 0 0 20px;
	padding:0;
	line-height:20px;
}


/*.wrap1 {
  	width: 104px;
  	background: url(/images/shadow.gif) no-repeat right bottom;
}

.wrap2 {
  	background: url(/images/corner_bl.gif) no-repeat left bottom;
}

.wrap3 {
  	padding:0 4px 4px 0;
  	background: url(/images/corner_tr.gif) no-repeat right top;
}
*/
  

#productblok li {
	list-style: none;
	width: 178px;
	background: url(/images/bg_productcat.gif) no-repeat right;
	margin: 0 7px 10px 0;
	float:left;
	padding:0;
}

#productblok li.een {
	width: 457px;
	margin: 0 10px 10px 0;
}

#productblok li.twee {
	width: 355px;
	margin: 0 10px 10px 0;
}

#productblok li.drie {
	width: 235px;
	margin: 0 5px 10px 0;
}

#productblok div {
	padding:0 20px 5px 20px;
}

#productblok li.vier {
	width: 175px;
	margin: 0 5px 10px 0;
	text-align: center;
}

#productblok li.vier img {
	width: 95px;
	height: 95px;
}

#productblok li.drie img {
	width: 195px;
	height: 100px;
}

#productblok li.twee img {
	width: 310px;
	height: 100px;
}


#productblok li.vijf  {
	width: 133px;
	margin: 0 12px 10px 0;
}

#productblok li.vijf img {
	width: 100px;
}

#productblok li.zes {
	width: 235px;
	/*background: url(/images/bg_productcat.gif) no-repeat right;*/
	margin: 0 5px 10px 0;
}

#productblok li.zes a h2 {
	font-size:11px;
}

#productblok li.zes img {
	width: 195px;
	height: 100px;
}
/*
#productblok li.zes h2{
	font-size: 12px;
	color: #7C7E73;
	margin: 0;
	padding: 5px 0 0 0;
	text-align:center;
}*/

#productblok li img {
	margin: 10px auto 5px auto;
	padding: 0;
	display: block;
	clear: both;
}

#productblok li p {
	padding: 0 10px 0 10px;
	margin: 0 0 10px 0;
}

#productblok li.twee p, #productblok li.drie p{
	padding: 0 10px 0 10px;
	margin: 0 15px 10px 15px;
	text-align:left;
}

#productblok li h2 {
	font-size: 14px;
	color: #7C7E73;
	margin: 0;
	padding: 5px 0 0 0;
	text-align:center;
	text-transform: uppercase;
}

.producttekst {
	text-align: left;
	width:170px;
	float: left;
	margin: 0 
}

.producttekst ul {
	margin: 0 0 0 20px;
}

.prodcatbottom {
	font-size: 6px;
	clear: both;
	height: 8px;
	background: url(/images/bg_productcat_bottom.gif) no-repeat bottom right;
}


#formulier form table th{
background-color:transparent;
text-align:left;

}

#formulier form table{
	margin:10px 0 0 0;
	padding:0;
}

#formulier #formbuttonsBottom {
	margin: 0 0 0 130px;
}

#formulier #formbuttonsBottom .requiredFields{
	margin: 10px 0 0 0;
	font-size:10px;
}


#formulier form table input, #formulier form table select{
width:220px;

}

.tekst, #formulier{
	text-align:left;
	padding: 0 50px 10px 20px;
}

.tekst ul{
	margin: 0 0 0 0;
	padding: 0;
}
.tekst ul li{
	margin: 0 0 0 0;
	padding: 0;
}

.tekst ul li h2{
	margin: 10px 0 10px 0;
	padding: 0;
}

.tekst table{
	width: 700px;
	margin: 0 0 0 20px;
}

.tabelRef th, .tabelRef td{
	padding: 0 0 0 15px;
	text-align:left;
}

.titelRef {
	font-weight:bold;
	text-transform: uppercase;
	line-height:30px;
	font-size:11px;
	background-color:#FBF5E3;
	border-top:1px solid #fff;
}

.select {
	text-align: left;
	margin: 0 0 0 15px;
}

.select a{
	text-transform: uppercase;
}

.select a span{
	color: #BC3A46;
}

a.nounderline {
	text-decoration: none;
	font-size:14px;
}



#col1, #col2 {
	float: left;
	width: 300px;
}

.back  {
	text-align: left;
	font-size:11px;
	margin: 0 0 0 15px;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
}

.print {
	background: url(/images/print.gif) no-repeat bottom right;
	float: right;
	padding: 0 0 0 0;
	margin: 0 90px 0 0;
	font-size:11px;
}

.kaart{
	padding: 0 20px 0 20px;
	float: left;
}
.variant{
	padding: 0 20px 0 20px;
}

.newslist {
	margin: 0;
	padding:0;
}


.scroll {
	float:right;
	background: url(/images/bg_productcat.gif) no-repeat bottom right;
	width:81px;
	border-left: 1px solid  #F3EFE3;
	border-top: 1px solid  #F3EFE3;
	margin: 0 15px 0 0;
}

#scrollerFrame {
	position:relative;
	overflow:hidden;
	height:260px;
	width:62px;
	margin-left: 7px;
}

#scrollerContent {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}

#scrollerContent a.active img{
	border:3px solid #00392C;
}

#scrollerContent img{
	margin: 3px 0 0 0;
    border:3px solid #F3EFE3;
}


#scrollUp img{
	margin: 5px 0 0 33px;
}

#scrollDown img {
	margin: 8px 0 13px 33px;
}

.route {
	display: block;
	margin:0 0 10px 20px;
}

.route a{
	font-size: 11px;
	margin: 5px 0 0 0;
}
.popup {
	font-size: 11px;
	float: left;
	margin: 0 0 10px 20px;
}

.downloadsmap li{
	list-style-type: none;
}

.solicitatie {
	text-align:left;
	margin: 0 50px 10px 20px;
	width:500px;
}

.solicitatie h2{
	text-align:left;
	padding: 0;
	margin:0 0 10px 0;
}

.pictograam {
	text-align:right;
	width:2%;
}

.picto {
	margin: 0 0 -2px 0;
}

#footer {
	margin-top: 10px;
	clear: both;
	color:#535E5B;
	font-size:10px;
	text-align: center;
	font-size:11px;
}

#footer a{
	color:#535E5B;
	font-size:11px;
}

.adres{
	margin: 0 0 0 15px;
}
.telfax, .disclaimer{
	margin: 0 10px 0 10px;
}


#productenFooter {
	clear: both;
	margin-top: 10px;
}

.paragraaf {
	clear:both;
	margin: 0;
	padding:0;
}

.paragraaf table {
	margin: 0 0 15px 0;
}

.paragraaf table th, .paragraaf table td{
	text-align: left;
}

table {
	width:740px;
}

.even, table th {
	background-color: #F2EBD6;
}


.links {
	float: left;
	padding: 0 15px 15px 20px;
	
}

.rechts {
	float: right;
	margin: 0 15px 15px 15px;
}

.midden {
	text-align: center;
	margin: 0 127px 0 137px;
}

.picture{
	clear: both;
	
}

picture .links .pictureBg img{
	margin: 0 0 0 15px;
}

picture .right .pictureBg img{
	margin: 0 15px 0 0;
}

picture .midden .pictureBg img{
	margin: 0;
}


.pictureBg{
	background: url(/images/bg_productcat.gif) no-repeat right bottom;
	padding:10px 15px 15px 10px;
}

#paginasectoren {
	background: url(/images/sfeer_sectoren.jpg) no-repeat;
	height:404px;
	position:relative;
	
}

#paginasectoren ul{
	margin:0;
	padding:0;
	position:absolute;
	top: 160px;
	left:330px;
	
}

#paginasectoren ul li{
	list-style:none;
}

#paginasectoren ul li a:hover{
	text-decoration:underline
}

#paginasectoren ul li#hospitality a{
	margin: 0 0 16px 0;
	background: url(/images/magenta.gif) no-repeat;
	padding:10px 50px 10px 50px;
}

#paginasectoren ul li#office a{
	margin: 0 0 16px 30px;
	background: url(/images/orange.gif) no-repeat;
	padding:10px 0 10px 50px;
	display:block
}

#paginasectoren ul li#retail a{
	margin: 0 0 0 40px;
	background: url(/images/yellow.gif) no-repeat;
	padding:10px 0 10px 50px;
	display:block
}

#paginasectoren ul li a{
	list-style:none;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	text-decoration:none; 
	display:block
}

.titel_magenta {
	padding:10px 0 10px 40px;
	background: url(/images/titel_magenta.gif) no-repeat 0 5px;
}
.titel_orange {
	padding:10px 0 10px 40px;
	background: url(/images/titel_orange.gif) no-repeat 0 5px;
}

.titel_yellow {
	padding:10px 0 10px 40px;
	background: url(/images/titel_yellow.gif) no-repeat 0 5px;
}


#indekijker h3, #indekijker h3 a {
	text-transform:none; 
	font-size:15px; 
	color:#00392C; 
	font-weight:normal;
	padding:0;
	margin:0 0 10px 0;
}


#indekijker h3 {
	background:url(/images/picto-indekijker.gif) no-repeat left;
	padding:10px 0 10px 30px
}

form legend { 
	display: none; 
	padding: 0 7px 0 7px; 
	font-weight: bold; 
}

form fieldset {
	width: 482px;
	border: none;
	margin: 0;
	padding: 0 0 20px 0;
	overflow: hidden;
}
form label {
	clear: both;
	float: left;
	display: block;
	width: 135px;
	padding: 1px 3px 7px 0;
	text-align: left;
}
form fieldset input, form fieldset textarea {
	float: left;
	display: block;
	width: 250px;
	margin: 0 0 7px 0;
}
form fieldset select { margin: 0 0 7px 0; }
form select {
	float: left;
	display: block;
	width: 200px;
	margin: 3px 0 1px 0;
}
form textarea { overflow: auto; }

form .radio input { float: left; display: inline; width: auto; height: auto; }
form fieldset .checkbox { width: auto; height: auto; }

#verplicht {
	text-align: left;
	clear: both;
	width:200px;
	display:block;
	margin-left:135px;
}

#sendbutton {
	margin-right:355px;
	clear: both;
	margin-left:135px;
}


/* product selector */

.productSelector {
	margin-left: 20px;
}

.productSelector table {
	width: 730px;
}
.productSelector table table {
	width: 100%;
}

.productSelector {
	margin-right: 20px;
}

.productSelector h1,
.productSelector h2 {
	margin-left: 0;
}


div.carpet {
	margin: 10px;
	width: 200px;
	float : left;
}

div.tuft table td.picture {
	vertical-align:top;
	width: 100px;
}

div.tuft table td.colors {
	vertical-align:top;
	width: 100px;
}

div.tuft table td.info {
	vertical-align:top;
	width: 100px;
}

span.resultsfound {
	float:right;
}

span.backtoresults {
	float:right;
}

div.pages span{
	float:right;
}

div.pages select {
	display: inline;
	width: 50px;
}


#print {
	background: none;
	margin: 10px;
}
#print #content {
	background: none;
	border: 0;
}

#previewFormBuilder { margin: 20px; background: #F2EBD6; padding: 10px; }

#content .errormsg { margin: 0 0 15px 25px; color: #ff0000; }
#loginForm label { width: 100px; margin: 0 5px 0 25px; text-align: right; }
#content .logoutpersoneel { position: absolute; top: 163px; right: 80px; width: 70px; line-height: 20px; font-size: 12px; font-weight: bold; text-align: center; }
#content .logoutpersoneel a { color:#00392C; text-decoration: none; text-transform: uppercase; }
#content .logoutpersoneel a:hover { color: #fff; }