
/* = = = Sfeerpagina's = = = */
	.rijHoog, .rij1, .rij2fotos .rijSfeer, .rijLogos {
		clear: both;
		width: 980px;
		margin: 0 0 10px;
	}
	.rijLogos {
		margin: 0;
	}
	.rijHoog {height: 470px;}
	.rij1 {height: 450px;}
	.rij2fotos {height: 300px;}
	.rijSfeer {height: 263px;}
	.rijLogos {height: 140px;}

	/* Rij 1 op Homepage */
		.rijHoog div.fotoGr {
			position: relative;
			float: left;
			width: 386px;
			margin: 0 10px 0 0;
			overflow: hidden;
		}
		
		.rijHoog div.txtHp {
			float: left;
			width: 264px; /* dit was 700-386=314px */
			height: 430px; /* 470px */
			background-color: #3d362e;
			margin: 0 10px 0 0;
			padding: 20px 20px 20px;
		}
			.rijHoog div.txtHp div {
				float: left;
				width: 244px;
				height: 410px;
				padding: 0 20px 20px 0;
				color: #fff;
				overflow: auto;
				scrollbar-arrow-color:#3d362e;
				scrollbar-track-color:#8C857F;
				scrollbar-face-color:#fff;
				scrollbar-highlight-color:#8C857F;
				scrollbar-3dlight-color:#8C857F;
				scrollbar-darkshadow-color:#8C857F;
				scrollbar-shadow-color:#3d362e;
				/* direction: rtl; */
				text-align: justify;
			}
				.rijHoog div.txtHp div h1,
				.rijHoog div.txtHp div h2 {color: #fff;}
				.rijHoog div.txtHp div p {color: #fff; text-align: justify;}
		
		.rijHoog div.items {
			position:relative;
			float: left;
			width: 270px;
			height: 470px;
			overflow: hidden;
		}
			.items div {
				clear: both;
				width: 270px;
				height: 230px;
				margin: 0 0 10px;
			}
			.items div.last {margin: 0;}
			
			.items div.block1 a,
			.items div.block2 a { 
				width: 270px;
				height: 230px;
				position: absolute;
				z-index: 10;}
			.items div.block1 a{ 
				left: 0;/*720px*/
				top: 0;/*200px*/}
			.items div.block2 a{ 
				left: 0;
				top: 240;}
								
			.items div.block1 div.aanbieding {
				position: relative;
				width: 270px;
				height: 44px;
				margin: 0;
				z-index:30;}
			.items div.block1 div.txt,
			.items div.block2 div.txt {
				position: absolute;
				width: 270px;
				height: 44px;
				background-color: #424244;
				z-index:20;}
			.items div.block1 div.txtDF,
			.items div.block2 div.txtDF {background-color: #3D362E;}
			.items div.block1 div.txt {
				left: 0;
				top: 186px;}
			.items div.block2 div.txt {
				left: 0;
				top: 426px;}
				
				.items div.block1 div.txt a,
				.items div.block2 div.txt a {
					background: none;
					color: #fff;
					height: 34px;
					font-size: 1.25em;
					padding-top: 10px;
					text-decoration: none;
					text-align: center;
				}
					.items div.block1 div.txt a span,
					.items div.block2 div.txt a span { 
						font-size: 1em;
						font-weight: bold;
					}

	/* Rij 1 op sfeerpagina's */
		.sfeerTxt {
			float: left;
			width: 250px; /* 300px */
			height: 390px; /* 450px */
			color: #fff;
			background-color: #373028;
			padding: 30px 20px 30px 30px;
			margin: 0 10px 0 0;
			overflow: hidden;
		}
		
			.sfeerTxt h1 {
				color: #fff;
				font-family: Myriad, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 36px;
				line-height: 36px;
				padding-bottom: 20px;
			}
		
		.block {
			float: left;
			width: 670px;
			height: 450px;
			overflow: hidden;
		}
		
			.br670 {		/* AANGEPAST */
				position: relative;
				float: left;
				clear: both;
				width: 670px;
				height: 450px;
				margin: 0 0 10px 0;
				overflow: hidden;
			}		

	/* Rij 2 met foto's (2e rij op sfeerpagina) */
	
		.rij2fotos div {
			position: relative;
			float: left;
			width: 188px;
			height: 290px;
			margin: 0 10px 0 0;
			overflow: hidden;
			background-color: #373028;
		}		
		.rij2fotos .last {margin: 0;}
		
	/* Rij met sfeerlinks (landelijk, colonial etc.) */		
		.rijSfeer div {
			float: left;
			width: 188px;
			height: 253px;
			margin: 0 10px 0 0;
			overflow: hidden;
		}
		
			.rijSfeer div.lan {background: url(../images/HP_landelijk.gif) #373028 no-repeat 0 125px;}
			.rijSfeer div.mod {background: url(../images/HP_modern.gif) #373028 no-repeat 0 125px;}
			.rijSfeer div.mix {background: url(../images/HP_stijlenmix.gif) #373028 no-repeat 0 125px;}
			.rijSfeer div.klas {background: url(../images/HP_nieuwklassiek.gif) #373028 no-repeat 0 125px;}
			.rijSfeer div.dec {background: url(../images/HP_decoratie-verlichting.gif) #373028 no-repeat 0 125px;}
			.rijSfeer .last {margin: 0;}

	/* Rij met logolinks */		
		.rijLogos div {
			float: left;
			width: 485px;
			height: 140px;
			overflow: hidden;
		}
		
			.rijLogos div.first {
				margin: 0 10px 0 0;
			}

div.clickable {
	position: absolute;
	border: 1px ridge #443d33;
	cursor: pointer;
	background-color: transparent;
}