@charset "utf-8";
/* --------------------------------------- */
/* --- The Satisfactorie - www.tsfo.nl --- */
/* --------------------------------------- */

html, body{
	background-color:#ECE8E5;
	overflow:auto;
	margin:0;
}

img{
	border:0;
}

#balk{
	width:100%;
	background-color:#86756A;
	height:15px;
}



#sfeer{
	position:absolute;
	top:0;
	margin-left:625px;
	margin-top:60px;
	width:300px;
	height:282px;
	background-image:url(../images/sfeer.png);
	z-index:20;
}

#container{
	top:0;
	left:0;
	width:960px;
	margin:-15px auto 0px auto;
}


#webshopbalk {
    float:left;
    background-image:url(../images/knoppenbalk.png);
    height:55px; width:897px; clear:both;
    margin:30px 0 0 3px;
}
#webshopbalk ul {
    list-style:none;
    padding:16px 0 0 10px; margin:0;
}
#webshopbalk ul li {
    float:left;
    margin-left:10px;
    padding-right:10px;
    border-right:1px solid #FFF;
}
#webshopbalk ul li.first, #webshopbalk ul li.last {
    border:0;
}


#keukens-knop, #badkamers-knop{
	cursor:pointer;
}

#keukens-menu{
	position:absolute;
	top:0;
	width:111px;
	height:70px;
	margin-left:152px;
	margin-top:99px;
	background-image:url(../images/keuken-menu.png);
	background-position:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#86756A;
	display:none;
	z-index:1337;
}

#badkamers-menu{
	position:absolute;
	top:0;
	width:130px;
	height:70px;
	margin-left:281px;
	margin-top:99px;
	background-image:url(../images/badkamer-menu.png);
	background-position:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#86756A;
	display:none;
	z-index:1337;
}

	#keukens-menu .links{
		width:90px;
		margin-left:18px;
		margin-top:5px;
	}

	#badkamers-menu .links{
		width:90px;
		margin-left:15px;
		margin-top:5px;
	}
	
	#keukens-menu a, #keukens-menu a:hover, #keukens-menu .active, #badkamers-menu a, #badkamers-menu a:hover, #badkamers-menu .active{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#86756A;
		line-height:20px;
		text-decoration:none;
	}	

	#keukens-menu a:hover, #keukens-menu .active, #badkamers-menu a:hover, #badkamers-menu .active{
		color:#F29C2F;
	}

#content{
	width:960px;
	min-height:343px;
	margin:8px auto 0px auto;
	background-image:url(../images/background-960.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:12px;
}

#content-inner{
	width:915px;
	min-height:440px;
	margin:5px auto 0px auto;
	padding:5px 5px 5px 18px;
	background-color:#FFFFFF;
}

#payoff{
	width:920px;
	height:50px;
	margin:0 auto;
	line-height:50px;
	color:#C1B4AB;
	clear:both;
	z-index:1337;
}

	#payoff .bttn{
		float:left;
		margin-top:13px;
		margin-left:5px;
	}
	
	#payoff .lftbtn, #payoff .rghtbtn{
		float:left;
		background-image:url(../images/l-imp.png);
		width:13px;
		height:29px;
		z-index:1337;
	}

	#payoff .cntrbtn{
		float:left;
		background-image:url(../images/c-imp.png);
		background-repeat:repeat;
		height:29px;
		line-height:29px;
		z-index:1337;
	}
	
	#payoff .rghtbtn{
		float:left;
		background-image:url(../images/r-imp.png);
		width:17px;
	}

	#payoff .lftbtn-on, #payoff .rghtbtn-on{
		float:left;
		background-image:url(../images/l-imp-on.png);
		width:13px;
		height:29px;
		z-index:1337;
	}

	#payoff .cntrbtn-on{
		float:left;
		background-image:url(../images/c-imp-on.png);
		background-repeat:repeat;
		height:29px;
		line-height:29px;
		z-index:1337;
	}
	
	#payoff .rghtbtn-on{
		float:left;
		background-image:url(../images/r-imp-on.png);
		width:17px;
	}

	#payoff .h1{
		float:left;
		margin-right:7px;
		padding:0px;
		color:#F09520;
		font-family:"Arial Narrow";
		font-weight:bold;
		font-size:18px; 
	}
	
	#payoff .h2{
		float:left;
		margin-left:7px;
		margin-right:7px;
		padding:0px;
		color:#86756A;
		font-family:Arial;
		font-size:16px; 
	}
	
	#payoff .spacer{
		float:left;
		margin-left:7px;
		margin-right:7px;
		width:1px;
		height:50px;
		border-left:1px solid #C1B4AB;
	}
	
#impressie-control{
	position:absolute;
	top:0;
	margin-left:898px;
	margin-top:215px;
	width:22px;
	height:28px;
	background-image:url(../images/wheel-right.png);
	z-index:30;
	cursor:pointer;
}

#impressie-menu{
	position:relative;
	float:left;
	width:280px;
	height:235px;
	margin-top:5px;
	margin-left:1px;
}

.button-small{
	float:left;
	width:135px;
	height:55px;
	margin-right:5px;
	margin-bottom:5px;
	background-image:url(../images/button-small.jpg);
}

.button-small-on{
	float:left;
	width:135px;
	height:55px;
	margin-right:5px;
	margin-bottom:5px;
	background-image:url(../images/button-small-on.jpg);
}

	.button-small .arrow{ 
		position:absolute;
		width:16px;
		height:16px;
		margin-left:112px;
		margin-top:32px;
		background-image:url(../images/panelarrow.png);
	}

	.button-small-on .arrow{
		position:absolute;
		width:16px;
		height:16px;
		margin-left:112px;
		margin-top:32px;
		background-image:url(../images/panelarrow-on.png);
	}

	.button-small .titel, .button-small-on .titel{
		position:absolute;
		width:100px;
		height:55px;
		line-height:55px;
		margin-left:10px;
		font-family:Arial;
		font-size:11px;
		font-weight:normal;
		color:#FFFFFF;
	}
	
	.button-small .link, .button-small-on .link{
		width:135px;
		height:55px;
		z-index:30;
	}

.button-large{
	float:left;
	width:275px;
	height:55px;
	margin-right:5px;
	margin-bottom:5px;
	background-image:url(../images/button-large.jpg);
}

.button-large-on{
	float:left;
	width:275px;
	height:55px;
	margin-right:5px;
	margin-bottom:5px;
	background-image:url(../images/button-large-on.jpg);
}

	.button-large .link, .button-large-on .link{
		width:275px;
		height:55px;
		z-index:30;
	}

	.button-large .titel, .button-large-on .titel{
		position:absolute;
		width:270px;
		height:55px;
		line-height:55px;
		margin-left:10px;
		font-family:Arial;
		font-size:16px;
		font-weight:normal;
		color:#FFFFFF;
	}

	.button-large .arrow{
		position:absolute;
		width:16px;
		height:16px;
		margin-left:252px;
		margin-top:32px;
		background-image:url(../images/panelarrow.png);
	}

	.button-large-on .arrow{
		position:absolute;
		width:16px;
		height:16px;
		margin-left:252px;
		margin-top:32px;
		background-image:url(../images/panelarrow-on.png);
	}

	.button-small, .button-large strong, .button-small-on, .button-large-on strong{
		font-family:Helvetica, Arial;
		font-size:16px;
		font-weight:bold;
		color:#F29C2F;			
	}

.stepcarousel2{
	position:relative;
	overflow:scroll;
	width:558px;
	height:235px;
	margin-top:5px;
}

	.stepcarousel2 .belt2{
		position:absolute;
		left:0;
		top:0;
	}
	
	.stepcarousel2 .panel2{
		float:left;
		overflow:none;
		width:558px;
		height:235px;
	}
	
	#impressie-afb{
		width:558px;
		height:235px;
	}
	
	#impressie-prijs{
		position:absolute;
		width:100px;
		height:20px;
		margin-left:447px;
		margin-top:213px;
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#F29C2F;
	}
	
	#impressie-logo{
		position:absolute;
		width:126px;
		height:95px;
		margin-left:15px;
		margin-top:8px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#F29C2F;
		z-index:500;
		background-image:url(../images/merktag2.png);
	}
	
	#impressie-logo-logo{
		top:0;
		height:55px;
		width:95px;
		text-align:center;
                margin:0 auto;
                margin-top:16px;
                vertical-align: middle;

	}
        #impressie-logo-logo table { width:100%;}
        #impressie-logo-logo table td { text-align:center; vertical-align: middle; height:55px;  }

#impressie-footer{
	position:relative;
	float:left;
	width:838px;
	margin-top:5px;
	margin-left:1px;
	clear:both;
}

#impressie-footer-inhoud{
	position:relative;
	float:left;
	width:400px;
	line-height:20px;
	margin-left:280px;
	clear:both;
}

	#impressie-footer a, #impressie-footer a:hover{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		color:#000000;
		text-decoration:none;
	}

	#impressie-footer h1{
		font-family:Helvetica, Arial;
		font-size:16px;
		font-weight:normal;
		margin:5px 0px;
		padding:0;
		color:#000000;
	}

	#impressie-footer strong{
		font-family:Helvetica, Arial;
		font-size:16px;
		font-weight:bold;
		color:#F29C2F;			
	}

#rotator{
	position:relative;
	float:left;
	width:603px;
	height:227px;
	margin-top:5px;
	margin-left:1px;
        background-color:#86756A;
}

	div#rotator ul li {
		float:left;
		position:absolute;
		list-style:none;
		top:0;
		left:0;
	}

	div#rotator ul li img {
		border:0;
	}
	
    div#rotator ul li.show {
		z-index:20;
	}

#merktag{
	position:absolute;
	top:0;
	width:126px;
	height:95px;
	margin-left:28px;
	margin-top:230px;
	background-image:url(../images/merktag.png);
	z-index:25;
}

#merktaglogo{
	width:95px;
	height:45px;
	line-height:45px;
	text-align:center;
	margin-top:19px;
	margin-left:13px;
	font-family:Verdana;
	font-size:10px;
	color:#CCCCCC;
}

#merktag2{
	position:absolute;
	top:0;
	width:126px;
	height:95px;
	margin-left:338px;
	margin-top:130px;
	background-image:url(../images/merktag2.png);
	z-index:25;
}

#merktaglogo2{
	width:95px;
	height:45px;
	line-height:45px;
	text-align:center;
	margin-top:19px;
	margin-left:40px;
	font-family:Verdana;
	font-size:10px;
	color:#CCCCCC;
}

	div#merktaglogo ul li{
		float:left;
		position:absolute;
		list-style:none;
		top:20px;
		left:15px;
	}

	div#merktaglogo ul li img{
		border:0;
	}
	
    div#merktaglogo ul li.show{
		z-index:20;
	}
	
	div#merktaglogo a, div#merktaglogo a:hover{
		font-family:Verdana;
		font-size:10px;
		color:#CCCCCC;
		text-decoration:none;	
	}

#wheel{
	float:left;
	width:900px;
	height:119px;
	margin:25px auto 25px auto;
	clear:both;
}

#wheel-control-left, #wheel-control-right{
	position:absolute;
	margin-left:907px;
	margin-top:3px;
	width:22px;
	height:28px;
	background-image:url(../images/wheel-left.png);
	z-index:30;
	cursor:pointer;
}

#wheel-control-left{
	display:none;
}

#wheel-control-right{
	background-image:url(../images/wheel-right.png);
}

.stepcarousel{
	position:relative;
	overflow:scroll;
	width:910px;
	height:119px;
	margin-left:-2px;
}

	.stepcarousel .belt{
		position:absolute;
		left:0;
		top:0;
	}
	
	.stepcarousel .panel{
		float:left;
		overflow:none;
		margin:3px;
		width:300px;
		height:119px;
		background-image:url(../images/wheel.jpg);
	}
	
		.arrow{
			position:absolute;
			width:16px;
			height:16px;
			margin-left:252px;
			margin-top:92px;
			background-image:url(../images/panelarrow.png);
		}
		
		.link{
			position:absolute;
			width:277px;
			height:119px;
			z-index:30;
		}
		
		#panel-1-title{
			position:absolute;
			width:277px;
			height:20px;
			margin-top:25px;
			text-align:center;
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:normal;
			color:#FFFFFF;	
		}

		#panel-1-title strong{
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:bold;
			color:#F29C2F;			
		}

		#panel-1-sub-title{
			position:absolute;
			width:277px;
			height:20px;
			margin-top:45px;
			margin-left:48px;
			text-align:left;
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:bold;
			color:#FFFFFF;
		}
		
		#panel-1-sub-title strong{
			font-family:Helvetica, Arial;
			font-size:12px;
			font-weight:normal;
			color:#F29C2F;			
		}

		#panel-2-title{
			position:absolute;
			width:277px;
			height:20px;
			margin-top:25px;
			margin-left:48px;
			text-align:left;
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:normal;
			color:#FFFFFF;	
		}

		#panel-2-title strong{
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:bold;
			color:#F29C2F;			
		}

		#panel-2-sub-title{
			position:absolute;
			width:277px;
			height:20px;
			margin-top:45px;
			margin-left:48px;
			text-align:left;
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:bold;
			color:#FFFFFF;
		}
		
		#panel-2-sub-title strong{
			font-family:Helvetica, Arial;
			font-size:12px;
			font-weight:normal;
			color:#F29C2F;			
		}

		#panel-3-keuken{
			position:absolute;
			width:112px;
			height:90px;
			margin-top:15px;
			margin-left:2px;
			background-image:url(../images/panel-2-keuken.png);
		}

		#panel-3-title{
			position:absolute;
			width:150px;
			height:40px;
			margin-top:25px;
			margin-left:105px;
			text-align:center;
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:normal;
			color:#FFFFFF;
		}

		#panel-3-title strong{
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:bold;
			color:#F29C2F;			
		}
		
		/*
		
		#panel-3-text{
			position:absolute;
			width:175px;
			height:100px;
			margin-top:25px;
			margin-left:10px;
			font-family:Helvetica, Arial;
			font-size:11px;
			font-weight:normal;
			color:#FFFFFF;
		}

		#panel-3-logo{
			position:absolute;
			width:99px;
			height:87px;
			margin-top:7px;
			margin-left:165px;
			background-image:url(../images/panel-3-logo.png);
		}
		
		*/
		
		#panel-4-tang{
			position:absolute;
			width:39px;
			height:108px;
			margin-top:5px;
			margin-left:5px;
			background-image:url(../images/panel-4-tang.png);
		}
		
		#panel-4-title{
			position:absolute;
			width:200px;
			height:20px;
			margin-top:25px;
			margin-left:45px;
			text-align:center;
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:normal;
			color:#FFFFFF;	
		}

		#panel-4-title strong{
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:bold;
			color:#F29C2F;			
		}

		#panel-4-text{
			position:absolute;
			width:190px;
			height:40px;
			margin-top:45px;
			margin-left:54px;
			text-align:left;
			font-family:Helvetica, Arial;
			font-size:11px;
			font-weight:normal;
			color:#FFFFFF;
		}

		#panel-5-title{
			position:absolute;
			width:277px;
			height:20px;
			margin-top:25px;
			text-align:center;
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:normal;
			color:#FFFFFF;	
		}

		#panel-5-title strong{
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:bold;
			color:#F29C2F;			
		}

		#panel-5-logo{
			position:absolute;
			width:184px;
			height:47px;
			margin-top:45px;
			margin-left:45px;
			background-image:url(../images/panel-5-logo.png);
		}

		#panel-6-afb{
			position:absolute;
			width:44px;
			height:109px;
			margin-top:3px;
			margin-left:15px;
			background-image:url(../images/panel-6-afb.png);
		}

		#panel-6-title{
			position:absolute;
			width:277px;
			height:20px;
			margin-top:25px;
			text-align:center;
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:normal;
			color:#FFFFFF;	
		}

		#panel-6-title strong{
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:bold;
			color:#F29C2F;			
		}

		#panel-6-sub-title{
			position:absolute;
			width:200px;
			height:20px;
			margin-top:45px;
			margin-left:78px;
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:normal;
			color:#FFFFFF;
		}

		#panel-6-sub-title strong{
			font-family:Helvetica, Arial;
			font-size:16px;
			font-weight:bold;
			color:#F29C2F;			
		}
		
		#panel-6-selectiv{
			position:absolute;
			margin-top:20px;
			margin-left:56px;
			width:159px;
			height:65px;
			background-image:url(../images/logo_selectiv.png);
		}

#pagecontent-frame{
	background-color:#FFFFFF;
}

#pagecontent{
	float:left;
	width:909px;
	margin:5px auto 0px auto;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000000;
}
	
	#pagecontent #col-text{
		float:left;
		width:619px;
		margin-left:10px;
		margin-top:15px;
	}
	
	#pagecontent #col-links{
		float:left;
		width:249px;
		margin-left:30px;
		margin-top:41px;
		line-height:20px;
	}
	
	#pagecontent #col-links a, #pagecontent #col-links a:hover{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		color:#000000;
		text-decoration:none;
	}
	
	#pagecontent h1{
		font-family:Helvetica, Arial;
		font-size:16px;
		font-weight:normal;
		color:#F29C2F;
	}