
.hp-bar { color: #FFF; height: 234px;}
.hp-bar a.readmore { background: url('../images/layout/readmore.blue-dark.gif') no-repeat top left; color: #FFF; padding-left:18px;	color:#595959;	text-decoration:none;	font-weight:bold;}
#blockmain .hp-bar a.readmore { color: #FFF;}
#blockmain .hp-bar a.readmore:hover { color: #FFF; text-decoration:underline;}

#blockcontent .panel h2.intro-title {layout08.css (line 80)
font-size:14px;
margin-left:0pt;
}

#blockmain .block a.readmore { color: #3C3E30;}

/* 3D house full 
--------------------------------------------------------*/

#hp-3dfull {  background: #2D444E url('../images/hp/vis.3dfull.jpg') no-repeat top left; padding-left: 530px; padding-top: 27px; height: 207px; padding-right: 20px;}
#hp-3dfull a.readmore { background-image: url('../images/layout/readmore.orange-dark.gif');}
#hp-3dfull #hp-title { margin-bottom: 10px;}

/* Split touch - 3d
------------------------------------------------------*/

#hp-touch-3d {   background: #2D444E url('../images/hp/vis.touch-3d.jpg') no-repeat top left; padding-top: 27px; height: 207px; padding-right: 20px; overflow:hidden; }
	
	#sub-3d { float:right; width: 440px; height: 200px; }	
	#sub-3d a.readmore {background-image: url('../images/layout/readmore.green-dark.gif');}
		.frbe #sub-3d a.readmore, .frfr #sub-access a.readmore  { margin-top: 30px; }
		.de #sub-3d a.readmore { margin-top: 30px;}
		.en #sub-3d a.readmore { margin-top: 80px;}
		.es #sub-3d a.readmore { margin-top: 80px;}





/* Split Touch - Access
--------------------------------------------------------*/

#hp-touch-access {   background: #2D444E url('../images/hp/vis.touch-access.jpg') no-repeat top left; padding-top: 27px; height: 207px; padding-right: 20px; overflow:hidden; }
#sub-touch a.readmore { background-image: url('../images/layout/readmore.green-dark.gif');}

	#sub-touch { padding-left: 236px; height: 200px; width: 226px; float:left; margin-top: 27px; }
	#sub-touch-title { margin-bottom: 1em;}
	#sub-touch a.readmore { margin-top: 60px;float:left;}
		.frbe #sub-touch a.readmore, .frfr #sub-touch a.readmore  { margin-top: 40px;}
		.de #sub-touch a.readmore,  { margin-top: 70px;}
		.en #sub-touch a.readmore { margin-top: 90px;}
		.es #sub-touch a.readmore { margin-top: 80px;}
	
	#sub-access { float:right; width: 265px; height: 200px; }
	#sub-access a.readmore { margin-top: 40px;float:right;}
		.frbe #sub-access a.readmore, .frfr #sub-access a.readmore  { margin-top: 30px; }
		.de #sub-access a.readmore { margin-top: 30px;}
		.en #sub-access a.readmore { margin-top: 80px;}
		.es #sub-access a.readmore { margin-top: 80px;}
	
#blockcontent .block a.readmore { }
#blockcontent a.readmore:hover, #blockcontent ul.ul-readmore a:hover { text-decoration:underline;}

#bl-download { background-image: url('../images/hp/block-cd.bg.gif'); padding-left: 113px; width: 318px;float:left;}
	#bl-download a.readmore { position:absolute; bottom: 10px; right: 15px;}
#bl-opleidingen {  background-image: url('../images/hp/block-opleidingen.bg.gif'); padding-left: 113px; width: 318px;float:left;clear:right;}
	#bl-opleidingen a.readmore { position:absolute; bottom: 10px; right: 15px;}
	
	
#hp-boxes {   background: #FFFFFF url('../images/hp/vis.boxes.jpg') no-repeat top left; padding-top: 27px; height: 207px; padding-right: 20px; overflow:hidden; color: #333333; padding-left: 30px;}
#blockmain #hp-boxes a.readmore { color: #841363;}
#hp-boxes p { width: 380px; margin-top: 15px;}

#bl-salone { background-image: url('../images/hp/block-salone.gif');  padding: 30px 20px 0 70px; width: 125px; height: 79px;}
	#bl-salone p { }
	#bl-salone a.readmore { background-image: url('../images/layout/readmore.red.gif'); display:block; margin-top: 10px}
	
#bl-lighting { background-image: url('../images/hp/block-lightbuilding.gif'); padding: 35px 20px 0 15px;width: 182px;height: 74px;}
	#bl-lighting h2 { display:none;}
	#bl-lighting p { }
	#bl-lighting a.readmore { background-image: url('../images/layout/readmore.yellow-dark.gif'); display:block; margin-top: 0px; color: #FFF; float:right; }
	
#bl-q8 { background-image: url('../images/hp/block-q8_nl.gif'); padding: 30px 20px 0 65px; width: 132px; height: 79px;}
	#bl-q8 h2 { display:none;}
	#bl-q8 p { margin-bottom: 0;}
	#bl-q8 a.readmore { background-image: url('../images/layout/readmore.blue.gif'); display:block; margin-top: 0px; color: #000; float:right; }
	
#hydro-boxes-bar { background: url('../images/hp/vis.hydro55-boxes.gif') no-repeat top left; position:relative;}
.frbe #hydro-boxes-bar, .frfr #hydro-boxes-bar { background: url('../images/hp/vis.hydro55-boxes.fr.gif') no-repeat top left; position:relative;}

#hydro-1 { width: 356px; position:absolute; top: 63px; left: 26px;}
#hydro-2 { width: 300px; position:absolute; top: 106px; left: 122px;}
#blockmain #hydro-link { display:block; background-image: url('../images/layout/readmore.white-blue.gif'); margin-top: 20px;}

#install-1 { width: 280px; position:absolute; top: 106px; left: 157px;}
#blockmain a#install-link { position:absolute; bottom: 10px;left: 155px; background-image:url('../images/layout/readmore.white-green.gif'); width: 300px; }

#blockmain a#boxes-link { position:absolute; color: #333333; left: 517px; bottom: 10px; background-image: url('../images/layout/readmore.blue.gif');}


#bl-tel { background-image: url('../images/hp/block-tel.jpg'); padding: 10px 20px 0 15px;width: 182px;height: 99px;}
	#bl-tel h2 { color: #519228}
	#bl-tel p { margin-left: 55px;}
	#blockmain #bl-tel a.readmore { background-image: url('../images/layout/readmore.white-grass.gif'); display:block; margin-top: 0px; color: #FFF;position:absolute;bottom: 7px;right: 7px; }


#mysterious-bar { background: url('../images/hp/vis.mysterious.gif') no-repeat top left;}
#mysterious-links { position:absolute; right: 31px; width: 330px; top: 150px;}
#mysterious-links a.readmore { background-image: url('../images/layout/readmore-big.white.gif'); margin-right: 10px; height: 17px; display:block;float:left;}

#bl-cd-small { background-image: url('../images/hp/block-cd-small.bg.gif'); padding-left: 70px; width: 136px;float:left;}
	#bl-cd-small a.readmore { position:absolute; bottom: 10px; right: 15px;}
	

#hp-touch-boxes	 { background: url('../images/hp/vis.touch-boxes.jpg') no-repeat top left; position:relative;}

#mysterious-boxes { background: url('../images/hp/vis.mysterious-boxes.jpg') no-repeat top left;position:relative; }
	#mysterious { width: 480px; position:absolute; height: 233px;}
		#blockcontent #mysterious a { color: #FFF; text-decoration:none;}
		#blockcontent #mysterious a:hover { text-decoration:  underline;}
			#mysterious a.link1 { position:absolute; top: 155px; left: 146px; background: url('../images/hp/mysterious-link1.gif') no-repeat top left; line-height:17px; padding-left: 25px;}
			#mysterious a.link2 { position:absolute; top: 155px; right: 26px; background: url('../images/hp/mysterious-link2.gif') no-repeat top left; line-height:17px; padding-left: 25px;}
			
	#boxes { width: 480px; right: 0; position:absolute; height: 233px;}
		#blockcontent .panel #boxes h2 { margin:0; margin: 53px 0 0 39px; font-size: 13px; font-weight:normal;color: #999999;}
		#blockmain #boxes a#boxes-link { left:30px;}