/* Woningbouw Huyzentruyt slideshow stylesheet
------------------------------------------------------------------*/	

#kijkdorp, #project-detail {
	position:relative;
	}

/* @group woning info */
	
.woning-info {
	padding:0 0 1em 0;
	position:relative;
	clear:both;
	}	
.info-box {
	font-weight:bold;
	line-height:130%;
	padding:10px 10px 10px 19px;
	margin-bottom:14px;
	margin-left:-19px;
	}
.info-box em,
.woning-info em {
	font-style:normal;
	color:#fff;
	}
.woning-info h4 em,
.woning-info .small em {
	color:#dc222d;
	}	
.box-green .info-box {
	background-color:#b8c65e;
	color:#5a5f01;
	}
.box-neutral .info-box {
	background-color:#b7c8d6;
	color:#49565e;
	}
.box-sand .info-box {
	background-color:#d3c8ba;
	}
.box-teal .info-box {
	color:#495959;
	background-color:#91babb;
	}					
.price {
	color:#fff;
	background-color:#dc222d;
	width:10em;
	padding:2px 8px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	position:absolute;
	right:142px;
	top:12px;
	text-align:center;
	}
.box-neutral .woning-info-box,	
.box-green .woning-info-box,	
.box-teal .woning-info-box {
	padding:19px;
	margin-bottom:14px;
	margin-left:-19px;
	}
.box-teal .woning-info-box {
	background-color:#cee2e2;
	padding:19px 19px 0 19px;
	margin-bottom:-4px;
	}	
.box-green .woning-info-box {
	background-color:#d1dd84;
	}				
.box-teal .woning-info-box p {
	padding-bottom:1.5em;
	margin-bottom:.5em;
	}
.box-neutral .woning-info-box {
	background-color:#e3eef6;
	}	
.woning-info-box h4 {
	font-size:1.1em;
	margin:1em 0 .4em 0
	}
.woning-info-box li {
	padding:0 0 0 11px;
	background:url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/bullet-white.png) no-repeat 0 .6em;
	}
.price-info, .opp-type-info, .orien-info, .vsg-info {
	float:left;
	}
.price-info, .opp-type-info, .orien-info {
	width:160px;
	padding:0 10px 1em 0;
	}
.vsg-info {
	width:177px;
	font-size:70%;
	line-height:135%;
	color:#7f9b9b;
	padding-left:15px;
	border-left:1px solid #a7cccc;
	}
.vsg-info li {
	background:none;
	padding:0;
	font-style:italic;
	}			
.price-info .price {
	position:relative;
	left:0px;
	top:20px;
	}	
							

/* @end */

/* @group nav buttons */

ul.nav-buttons {
	position:absolute;
	left:616px;
	top:53px;
	width:125px;
	text-align:center;
	}
ul.nav-buttons li a {
	display:block;
	height:20px;
	width:115px;
	padding:35px 5px 5px 5px;
	}
ul.nav-buttons li a:link,
ul.nav-buttons li a:visited {
	color:#666;
	color:RGBa(0,0,0,0.4);
	text-decoration:none;
	-webkit-transition:all 500ms ease-in;
	}
ul.nav-buttons li.pdf a {
	background:url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/nav-buttons.png) no-repeat center -85px;
	}
ul.nav-buttons li.var a {
	background:url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/nav-buttons.png) no-repeat center -285px;
	}
ul.nav-buttons li.vplan a,	
ul.nav-buttons li.plan a {
	background:url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/nav-buttons.png) no-repeat center 5px;
	}
ul.nav-buttons li.dfoto a {
	background:url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/nav-buttons.png) no-repeat center -190px;
	}
ul.nav-buttons li.lig a {
	background:url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/nav-buttons.png) no-repeat center -385px;
	}	
ul.nav-buttons li a:hover,
ul.nav-buttons li a:focus,
ul.nav-buttons li a.active {
	color:#333;
	color:RGBa(0,0,0,0.7);
	text-decoration:none;
	}
#wonp ul.nav-buttons li a:hover,
#wonp ul.nav-buttons li a:focus,
#wonp ul.nav-buttons li a.active {
	background-color:#A3937E;
	background-color:RGBa(0,0,0,0.1);
	}
#projp ul.nav-buttons li a:hover,
#projp ul.nav-buttons li a:focus,
#projp ul.nav-buttons li a.active {
	background-color:#91babb;
	background-color:RGBa(0,0,0,0.1);
	}	
#kijkp ul.nav-buttons li a:hover,
#kijkp ul.nav-buttons li a:focus,
#kijkp ul.nav-buttons li a.active {
	background-color:#bfd1de;
	background-color:RGBa(0,0,0,0.1);
	}											

/* @end */

/* @group slideshow */

#scrollable {
	width:580px;
	position:relative;
	float:left;
	}
#scrollable a {
	width:580px;
	display:block;
	float:left;
	}
.items {
	height:400px;	
	float:left;
	}			
.items a {
	display:block;
	padding:0;
	float:left;
	width:580px;
	height:400px;
	cursor:pointer;
	}
.items a.active {	
	cursor:default;
	}
#scrollable a:hover,
#scrollable a:focus {
	background-color:transparent;
	}
#scrollable a.prev, #scrollable a.next {
	display:none;
	width:42px;
	height:42px;
	cursor:pointer;
	position:absolute;
	z-index:110;
	}	
#scrollable a.prev {
	top:180px;
	left:8px;
	cursor:pointer;
	background:url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/arr-prev.png) no-repeat;
	}	
#scrollable a.next {
	background:url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/arr-next.png) no-repeat;
	top:180px;
	right:3px;
	cursor:pointer;
	}
	
#scrollable .slideshow-container { width:580px; height:400px; overflow-x: auto; overflow-y: hidden; position: relative; }
#scrollable .slideshow-slider { width: 2000em; }
#scrollable .items img { float: left; }
.slideshow-container a:hover,
.slideshow-container a:focus {cursor: url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/magnify.cur), pointer;}	
	

/* @end */

/* @group pagination */

.nav-pagination {
	height:90px;
	position:relative;
	}
.nav-pagination ul {
	height:90px;
	width:741px;
	position:absolute;
	top:-1px;
	z-index:10;
	}		
.nav-pagination li a,
.nav-pagination .vorige a,
.nav-pagination .volgende a {
	width:50px;
	height:50px;
	float:left;
	padding:7px;
	}
.nav-pagination li.vorige a,
.nav-pagination li.volgende a {
	text-align:left;
	text-indent:-9999px;
	padding:6px 0;
	background-position:center center;
	}
.nav-pagination .volgende a {
	width:51px;
	}					
.nav-pagination li a:link,
.nav-pagination li a:visited {
	background-color:transparent;
	background-color:RGBa(250,250,250,0);
	-webkit-transition:all 400ms ease-in;
	border-bottom:1px solid #fff;
	}	
#wonp .nav-pagination li a:hover,
#wonp .nav-pagination li a:focus,
#wonp .nav-pagination li.active a {
	background-color:#b5a38c;
	background-color:RGBa(181,163,140,1);
	text-decoration:none;
	border-bottom:1px solid #a3927e;
	}
#kijkp .nav-pagination li a:hover,
#kijkp .nav-pagination li a:focus,
#kijkp .nav-pagination li.active a {
	background-color:#d3e3ee;
	background-color:RGBa(211,227,238,1);
	text-decoration:none;
	border-bottom:1px solid #bdccd6;
	}	
.nav-pagination li.vorige a:hover,
.nav-pagination li.vorige a:focus,
.nav-pagination li.volgende a:hover {
	background-color:transparent;
	}

/* transparent overlays only works in browsers that support RGBa */
.nav-pagination li a {
	position:relative;
	}	
.nav-pagination li a span {
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	top:7px;
	left:7px;
	z-index:11;
	cursor:pointer;
	}
.nav-pagination li a:link span,
.nav-pagination li a:visited span {
	background:url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/transparent-white.gif) repeat;
	background:RGBa(250,250,250,0.5);
	-webkit-transition:all 400ms ease-in;
	}	
.nav-pagination li a:hover span {
	background:RGBa(250,250,250,0);
	}							

/* @end */

/* @group dropwndown */

#won-stijlen {
	position:absolute;
	left:13.5em;
	top:0px;
	z-index:200;
	width:200px;
	height:200px;
	}
ul.dropdown { position: relative; }
ul.dropdown li {
	float:left;
	zoom:1;
	/*background:#b8cb3f;*/
	}
ul.dropdown li.selector {
	text-shadow:#afa393 0 1px 0;
	display:block;
	float:none;
	height:34px;
	width:128px;
	padding:0 32px 0 10px;
	line-height:32px;
	background:#978873 url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/arr-dropdown.gif) no-repeat right top;
	}
ul.dropdown li.selector a {
	text-shadow:#afa393 0 1px 0;
	color:#372813;
	text-decoration:none;
	}				
ul.dropdown li.selector li a {
	color:#fff;
	text-shadow:none;
	}
ul.dropdown ul li {
	background-color:#b5a38c;
	background-color:RGBa(181,163,140,0.8);
	color:#fff; 
	border-bottom:1px solid #857865;
	float:none;
	}	
ul.dropdown li.selector li.active a {
	color:#efeae0;
	font-style:italic;
	}
ul.dropdown li.selector li.active a:hover,
ul.dropdown li.selector li.active a:focus {
	color:#fff;
	}	
ul.dropdown li.selector li a {
	display:block;
	padding:1px 10px;
	line-height:24px;
	color:#fff;
	text-decoration:none;
	-webkit-transition:none;
	}
ul.dropdown li li.hover,
ul.dropdown li li:focus { 
	background:#dc222d;
	color:#fff;
	position: relative;
	border-bottom:1px solid #dc222d;
	}
ul.dropdown li li.hover a {
	color: #fff;
	}
ul.dropdown ul {
	width:170px;
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0px;
	}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{
	width:100%;
	display:inline-block;
	} 

/* @end */




/* @group project detail */

#project-detail {
	position:relative;
	margin-bottom:15px;
	}
#wonp #project-detail ,
#kijkp #project-detail {
	margin-bottom:0;
	}	
#project-detail .box-green,
#project-detail .box-teal,
#project-detail .box-neutral,
#project-detail .box-sand {
	padding-left:19px;
	}	
#project-detail .box-neutral .woning-info h2,
#project-detail .box-sand .woning-info h2 {
	padding:15px 0 7px 0;
	width:380px;
	}
#project-detail .box-green .woning-info h2,		
#project-detail .box-teal .woning-info h2 {
	padding:15px 0 7px 0;
	width:580px;
	}
#project-detail h3 {
	padding:0 5px 0 0;
	margin-bottom:19px;
	}
#project-detail .box-green h3 {
	background-color:#b8cb3f;
	}
#project-detail .box-teal h3 {
	background-color:#91babb;
	}
#project-detail .box-neutral h3 {
	background-color:#bfd1de;
	}	
#project-detail .box-sand h3 {
	background-color:#a59581;
	}				
#project-detail h3 span {
	display:block;
	width:22em;
	padding:10px 0 0 0;
	height:24px;
	line-height:24px;
	}
#project-detail .box-green h3 span {
	background-color:#c6d565;
	}		
#project-detail .box-teal h3 span {
	background-color:#adcecf;
	}
#project-detail .box-neutral h3 span {
	background-color:#d3e3ee;
	}
#project-detail .box-sand h3 span {
	background-color:#b5a38c;
	}	

/* @end */

/* @group pdf box */

.inside-box {
	float:left;
	width:578px;
	height:398px;
	border:1px dashed;
	}
.box-neutral .inside-box {
	border-color:#afc0cd;
	}	
.box-teal .inside-box {
	border-color:#78999b;
	}	
#scrollable a.pdf-doc {
	display:block;
	width:177px;
	height:102px;
	margin:121px 126px;
	border:1px dashed;
	background:url(http://huyzentruyt.facilimmo.be/_files-projects/0460-huyzentruyt/imagelibrary/icon-pdf-doc.png) no-repeat 17px 17px;
	padding:50px 10px 0 125px;
	font-size:1.3em;
	color:#fff;
	}	
.box-neutral #scrollable .inside-box a.pdf-doc {
	border-color:#afc0cd;
	background-color:#bfd1de;
	}	
.box-teal #scrollable .inside-box a.pdf-doc {
	border-color:#78999b;
	background-color:#91babb;
	}	

/* @end */