html, body {
	height: 100%;
}

a:link, a:visited, a:active {
	text-decoration: none; 
	color: #BF311A;
	outline: none;
} 

a:hover {
	text-decoration: underline; 
	color: #BF311A
	outline: none;
}

img {
	border: none;
}

img.left {
	margin: 0px 10px 0px 0px; 
	float: left;
}

img.right {
	margin: 0px 0px 0px 10px; 
	float: right;	
}

body, td, input, select, textarea {
	color: #000; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px;
}

input, select, textarea {
	line-height: 14px;
}

input {
	padding-left: 3px;
	line-height: 14px;	
}

p {
	margin: 0px 0px 14px 0px;
}

.txtKlein {
	font-size: 11px;
}

.pagina {
	margin: 0px;
	padding: 0px;
	/* background: #BF311A; */
}

ul {
	margin: 5px 0px 20px 0px;
	padding: 0px;
	list-style-type: none;
}

ul.FAQ {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

li {
	padding: 0px 0px 0px 15px;
	background: url(images/ico-bullit.gif) no-repeat;
}

/* pagina layout */

/* deze class doet niets meer */
.sbgwit {
	position: absolute;
	overflow-x: hidden;
	width: 962px;
	margin: 0px auto;
	height: auto;
	background: #FFFFFF;
	display: table;
}

.wrapper {
	margin: 0px auto;
	width: 962px;
	overflow: hidden;
}

.klantenPortaal .wrapper {
	background-image: url(images/bg.png);
	background-position: right bottom;
	background-repeat:  no-repeat;
}

.spacer {
	width: 2px;
	float: left;
	height: 470px;
	overflow: hidden;
}

.sitevlak {
	width: 960px;
	float: left;
	overflow: hidden;
	margin: 0px;
}

/* boven balk broadcrumbs, menu, logo */

.bovenbalk {
	width: 800px;
	overflow: hidden;
	height: 63px;
	float: left
}

.logo {
	width: 160px;
	float: left;
	height: 63px;
	overflow: hidden;
}

.logoHome {
	position: absolute;
	z-index: 10; 
	right: 160px
}
	
.breadcrumbs {
	padding: 8px 0px 0px 10px;
	width: 800px;
	width/**/:/**/ 790px;	
	height: 24px;
	height/**/:/**/ 16px;	
	float: left;
	color: #666;
	font-size: 11px;
}

.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active, a.linkGrijs:link, a.linkGrijs:visited, a.linkGrijs:active, .txtGrijs {
	color: #666;
}

.menu {
	width: 800px;
	height: 39px;
	float: left;
}

.kolomrechts {
	width: 160px;
	overflow: hidden;
	float: left;
}

.volleBreedte {
	width: 960px;
	margin: 0px 0px 30px 0px;
	overflow: hidden;
	clear: both;
}

.pad8 {
	margin: 8px;
}

/* footer */

.footerBlok {
	width: 960px;
	margin: 0px auto 15px auto;
	padding: 0px;
	color: #EFCBC6;
	font-size: 11px;
	height: 64px;
	background: #BF311A;
	overflow: hidden;
}

.footer {
	margin: 5px 0px 0px 10px;
}

.footerBlok .adres p {
	color: #EFCBC6;
}

.footer p {
	display: block;
	width: 160px;
	float: left;
}

.footer img { 
	float: left;
	margin: 3px 4px 0px 0px;
}

.footer a:link, .footer a:visited, .footer a:active, .footerBlok .adres p a:link, .footerBlok .adres p a:visited, .footerBlok .adres p a:active {
	color: #EFCBC6;
}

.homeProductFinder a:link, .homeProductFinder a:visited, .homeProductFinder a:active {
	color: #FFF;
}

input.zoekveld {
	width: 109px;
	height: 15px;
	line-height: 12px;
	font-size: 11px;
	color: #BF311A;
	border: 1px solid white;
	float: left;
	overflow: hidden;
	padding: 2px 0px 0px 2px;
	margin: 3px 0px 0px 0px;
}

.footer .btnZoek {
	width: 21px;
	height: 19px;
	background: url(images/btn-zoek.gif) top left no-repeat;
	padding: 0px;
	border: none;
	float: left;	
	margin: 3px 0px 0px 0px;	
}	


.adres {
	width: 960px;
	margin: 0px 0px 20px 0px;
	color: white;
	font-size: 11px;
	clear: both;
}


.adres p {
	width: 160px;
	float: left;
}

.adres a:link, .adres a:visited, .adres a:active {
	color: #FFF;
}

/* producten */

.productenBlok {
	width: 800px;
	float: left;
	overflow: hidden;
	margin: 0px 0px 30px 0px;
}

.productIntro {
	width: 320px;
	width/**/:/**/ 300px;
	height: 240px;
	height/**/:/**/ 155px;
	padding: 5px 10px 80px 10px;
	overflow: hidden;
	float: left;
}

.productListItem {
	width: 160px;
	height: 240px;
	padding: 0px;
	overflow: hidden;
	float: left;
}

.KleurenEnMaterialenItem {
	width: 160px;
	height: 240px;
	padding: 0px;
	overflow: hidden;
	float: left;
}
.KleurenEnMaterialenItem .Thumb {
	width: 160px;
	height: 160px;
	padding: 0px;
	overflow: hidden;
	float: left;
}

.item {
	width: 160px;
	height: 240px;
	padding: 0px;
	overflow: hidden;
}

.productListItem .thumb, .item .thumb, .thumb {
	width: 160px;
	height: 160px;
	overflow: hidden;
	background: #F5F5F5;
}

.bb_thumb
{
	width: 160px;
	height: 160px;
	overflow: hidden;
	background: #F5F5F5;
}

.productListItem p {
	width: 140px;
	margin: 5px 10px 0px 10px;
}

.productFinder {
	margin: 8px;
	height: 104px;
}

/* product detail */

.productenDetail {
	width: 960px;
	float: left;
	overflow: hidden;
	margin: 0px 0px 30px 0px;
}

.productDetailTxt {
	width: 480px;
	width/**/:/**/ 460px;
	padding: 5px 10px 10px 10px;
	float: left;
}

.productDetailFlash {
	width: 320px;
	height: 240px;
	overflow: hidden;
	float: left;
}

.collectieBlok {
	width: 144px;
	height: 112px;
	margin: 8px;
	float: left;
	overflow: hidden;
}

.collectieBlok img {
	margin: 0px 0px 8px 0px
}

.productenDesignRef {
	width: 480px;
	float: left;
	overflow: hidden;
}


/* product kleuren */

.productenKleuren {
	width: 320px;
	width/**/:/**/ 304px;	
	height: 160px;
	height/**/:/**/ 144px;
	overflow: hidden;
	background: #F5F5F5;
	float: left;
	padding: 8px;
}

.productKleurenKleuren {
	width: 150px;
	float: left;
}

.productKleurenKleuren ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

.productKleurenKleuren li {
	float: left;
	width: 37px;
	height: 17px;
	overflow: hidden;
	border: 1px solid #666;
	padding: 0px;
	margin: 0px 8px 8px 0px;
}

.1Kleur {
	width: 37px;
	height: 17px;
	overflow: hidden;
	float: left;
}

.combiKleur1 {
	width: 19px;
	height: 17px;
	float: left;
	overflow: hidden;	
}

.combiKleur2 {
	width: 18px;
	height: 17px;
	float: left;
	overflow: hidden;		
}
	
.productKleurenDownloads {
	width: 152px;
	float: left;
}

.productKleurenDownloads ul, .lijst {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

.productKleurenDownloads li, .lijst li, .overigeBlok li, .blokGrijsBuiten li {
	font-size: 11px;
	padding: 0px 0px 5px 15px;
	line-height: 14px;
	background: url(images/ico-link-pijl.gif) top left no-repeat;
} 	

.productListItem a span span {
	color: #000;
}

.productBlokRood {
	width: 160px;
	height: 160px;
	overflow: hidden;
	float: left;
	padding: 8px;
	width/**/:/**/ 144px;
	height/**/:/**/ 144px;
	background: #BF311A;	
}

/* product overige */

.productOverigeLijn {
	width: 800px;
	float: left;
}

.productOverigeCollectie {
	width: 160px;
	float: left;
}

/* formulieren */

form {
	margin: 0px;
}

.kolomrechts select, .homeProductFinder select {
	width: 144px;
	font-size: 11px;
	margin: 0px 0px 3px 0px;
}
	
.kolomrechts input, .homeProductFinder input {
	width: 136px;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
}	

.contact td, .paginaDoorsturen td {
	vertical-align: top;
	padding: 0px 0px 3px 0px;
}

.paginaDoorsturen label {
	display: block;
	width: 185px;
}

.contact label {
	display: block;
	width: 115px;
}
.paginaDoorsturen input, .paginaDoorsturen textarea {
	width: 250px;
	line-height: 14px;
}
.contact input, .contact textarea {
	width: 320px;
	line-height: 14px;
}

/* designer */
.designersDetailTxt {
	width: 640px;
	width/**/:/**/ 620px;
	padding: 5px 10px 10px 10px;
	float: left;
}

.designersDetailFoto {
	width: 160px;
	overflow: hidden;
	float: left;
}

.overigeBlok li, .blokGrijs li, .blokGrijsBuiten li {
	font-size: 12px;
}

/* nieuws */
.nieuwsKolom {
	width: 460px;
	width/**/:/**/ 445px;	
	padding: 5px 10px 10px 10px;
	margin: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
}

.lijstKolom {
	width: 320px;
	padding: 35px 0px 0px 0px;
	float: left;
	overflow: hidden;
}

.lijstKolom2 {
	width: 320px;
	padding: 70px 0px 0px 0px;
	float: left;
	overflow: hidden;
}

.blokGrijs {
	width: 100%;
	padding: 8px;
	background: #F5F5F5;
	margin: 0px 0px 20px 0px;
}

.lijstKolom .blokGrijs {
	width: 320px;
	width/**/:/**/ 304px;	
	padding: 8px;
	background: #F5F5F5;
	margin: 0px 0px 20px 0px;
}
/* veelgestelde vragen */
.faqActief {
	font-weight: bold;
}

.faqAntwoord {
	display: none;
}

.faqAntwoord .faqActief {
	display: block;
	margin: 0px 0px 12px 0px;
}

.blokGrijsBuiten {
	width: 480px;
	width/**/:/**/ 464px;	
	position: absolute;
	z-index: 10;
	padding: 8px;
	margin: 0px 0px 0px -8px;
	background: #F5F5F5;
	overflow: hidden;
}

.dealers li {
	width: 160px;
	float: left;
	padding: 0px 0px 2px 0px;
	background: none;
}

/* homepage */

.homeProductFinder, .homeCollectie {
	width: 160px;
	height: 160px;
	overflow: hidden;
	float: left;
	background: #BF311A;
}

.homeNieuwsBlok {
	width: 320px;
	width/**/:/**/ 304px;
	height: 160px;
	height/**/:/**/ 144px;	
	overflow: hidden;
	padding: 8px;
	float: left;
	vertical-align: bottom;
}

.BlokHomeBreed {
	width: 960px;
}

/* Styles voor de htmleditor */
.PageKop_HTMLEDITOR
{
	color: #BF311A;
	font-size: 14px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	line-height: 18px;
}

	.printBlok {
		width: 640px;
		background: url(../images/logo.gif) top right no-repeat;
		padding: 60px 0px 0px 0px;
	}
	
	.printBlok td {
		vertical-align: top;
	}


	h1 {
		color: #BF311A;
		text-transform: uppercase;	
		line-height: 30px;
		font-size: 24px;
	}

	h2 {
		color: #BF311A;
		text-transform: uppercase;	
		font-size: 18px;		
	}	
	
	h3 {
		color: #BF311A;
		text-transform: uppercase;
		margin: 8px 0px;
		font-size: 14px;		
	}

	h4, .h4 {
		color: black;
		font-weight: bold;
		font-size: 24px;
	}

	.printBlok {
		width: 640px;
		padding: 0px;
		background: none;
	}
	
	.printLogo {
		width: 640px;
		height: 40px;
		margin: 0px;
		text-align: right;	
		clear: both;
	}

div.fotoboek img {
	margin: 1px;
}
	
/* Styles voor de print variant */


@media print
{

    .NoPrint { 
    	display: none;
    }

	
	body {
		height: 100%;
		background: #FFF;
	}
	
	.bgwit {
		width: 100%;
		height: 100%;
		background: #FFFFFF;
		display: table;
	}	

	.pagina {
		margin: 0px;
		padding: 0px;
		background: #FFF;
		height: 100%;	
		display: table;
		page-break-after: always
	}	
	
	.wrapper {
		margin: 0px;
		width: 670px;
		width: auto;
		border: 0;
		margin: 0 5%;
		padding: 0;
		float: none !important;
	}
	
	.sitevlak {
		width: 670px;
		height: 10000px;
		margin: 0px;
		display: table;
	}	

	.logo {
		float: left;
		width: 160px;
		height: 63px;

	}	
	
	.logoHome {
		position: absolute;
		left: 480px;
	}	
	
	.bovenbalk {
		width: 480px;
	}	
	
	.productenBlok {
		width: 670px;
		margin: 0px;
		display: table;
	}	
	
	.productIntro {
		width: 300px;
		float: left;
	}
	
	.productPrint {
		width: 600px;
		clear: both;
		display: table;
	}
	
	.productDetailTxt {
		width: 600px;
		background: red;
		display: table;
	}		
	
	.productenDesignRef {
		width: 670px;	
		display: table;		
		background: red;		
	}
	
	.productDetailTxt {
		width: 300px;
		float: left;
	}	
	
	.volleBreedte {
		width: 670px;
		clear: both;
		display: table;
	}
	
	.productOverigeLijn	{
		width: 670px;
		clear: both;
		display: table;
	}
	
	.lijstKolom {
		clear: both;
	}
		
	.productListItem {
		width: 160px;
		height: 240px;
		padding: 0px;
		float: left;
	}
	
	.productListItem .thumb {
		width: 160px;
		height: 160px;
		background: #F5F5F5;
	}
	
	.productListItem p {
		width: 140px;
		margin: 5px 10px 0px 10px;
	}	
	
	ul {
		padding: 0px 0px 5px 20px;
		list-style-type: square;
	}

	.lijst {
		padding: 0px 0px 5px 20px;
		list-style-type: square;
	}	
	
	li {
		background: none;
		padding: 0px;
		list-style-type: square;		
	}
	
	.lijst li {
		margin: 0px;
		padding: 0px;
	}

	h1 {
		color: #BF311A;
		text-transform: uppercase;	
		line-height: 30px;
		font-size: 24px;
	}

	h2 {
		color: #BF311A;
		text-transform: uppercase;	
		font-size: 18px;		
	}	
	
	h3 {
		color: #BF311A;
		text-transform: uppercase;
		margin: 8px 0px;
		font-size: 14px;		
	}

	h4, .h4 {
		color: black;
		font-weight: bold;
		font-size: 24px;
	}

	.homeNieuwsBlok {
		clear: both;
	}
	
	.designersDetailTxt {
		width: 460px;
		float: left;
	}
	
	.productPrintBlok {
		display: table;
		clear: both;
	}
	
	img {
		border: none;
	}
	
	
	
	/* print pagina's aparte classes */
	
	.printBlok {
		width: 640px;
		padding: 0px;
	}
	
	.printLogo {
		width: 640px;
		height: 60px;
		text-align: right;	
	}
	
	.item {
		width: 160px;
		vertical-align: top;
	}


}

/* reseller portal */
.portaalKolomLinks {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 10px 10px;
	width: 445px;
}

.portaalKolomRechts {
	float: left;
	margin: 46px 0px 0px 89px;
	padding: 8px;
	width: 220px;
	background-color: #f5f5f5;
}

.portaalKolomRechts a.active,
.portaalKolomRechts a:hover.active {
	color: #f00;
	text-decoration: none;
}

.portaalKolomLinks h3, .portaalKolomRechts h3 {
	margin: 0px 0px 20px 0px;
}

.portaalBlok {
	float: left;
	height: 125px;
}

.portaalBlok img {
	display: blok;
	float: left;
	height: 100px;
}

.portaalBlok table {
	padding-left: 8px;
	float: left;
	height: 102px;
	width: 342px;
	vertical-align: middle;
}

.portaalForm label {
	display: block;
	width: 150px;
}

.portaalForm input {
	width: 250px;
}

.portaalForm textarea {
	width: 253px;
}

.portaalForm td {
	padding: 0px 0px 3px;
	vertical-align: top;
}
	
.portaalFoutmelding {
	margin: 0px 0px 14px;
	color: #BF311A;
	font-style: italic;
}