/* layout basis */
div.actueel-woningAanbod {
	clear:both;
	}
	
	div.contentleftpane div.component-width {
	width:730px;
	}

	div.contentleftpane div.breadcrumbs{
	width:730px;
	}
	div.actueel-woningAanbod {
		position:relative;
		}
	
	/* actueel woningaanbod */
	div.actueel-woningAanbod div.actueelWoningAanbodList {
		width:500px;
		position:relative;
		min-height:500px;
		float:left;
		}
	
	/* actueel aanbod */
	
	.generic_aanbodListItem {
		position:relative;
		width: 500px;
	}

	div.aanbodItem, div.koopAanbodItem  {
		position:relative;
		display:block;
		background:#FFFFFF;
		min-height:95px;
		border:1px #E6E6E6 solid;
		border-width: 1px 0 1px 0;
		margin: 0px 0px 8px 0px;
		width:470px;
		cursor: pointer;
	}

	div.koopAanbodItem  {
		height:120px;
	}
		
		div.aanbodItem div.imageHolder, div.koopAanbodItem div.imageHolder {
			position:absolute;
			left:0;
			top:5px;
			height:65px;
			width:100px;
			border:1px #E6E6E6 solid;
			background: center no-repeat;
		}
			
		div.aanbodItem div.textHolder,  div.koopAanbodItem div.textHolder {
			/* position:absolute; 
			right:75px;
			top:0;
			height:76px; */
			margin:0px 0px 3px 110px;
			height:auto;
			width:270px;
		}
			
			 div.aanbodItem div.textHolder h1, div.koopAanbodItem div.textHolder h1 {
				color:#448ECB;
				font-weight:bold;
				margin-bottom:3px;
				margin-top:5px;
				cursor:pointer;
				text-decoration:underline;
			}
			

		.generic_spButton {
			background: #6d6d6d url(img/submit_background.gif) repeat-x;
			height:auto;
			font-size:11px;
			/*font-weight:bold; PKO: Site wil de knoppen consequenter en strakker. gekozen om alles niet bold te doen.*/
			color: #FFFFFF;
			margin-top:7px;
			cursor:pointer;
			border: 1px solid #C9C9C9; /* zoals oude productie. */
			padding: 1px 3px 1px 3px;
		}

		.generic_aanbodListItem .buttonHolder {
			position:absolute;
			right:30px; /* PKO: Site wil de knoppen consequenter en strakker. gebruik max beschikbare breedte */
			top:0;
			width:86px; /*PKO: Site wil de knoppen consequenter en strakker. gekozen om de max breedte in te zetten.*/
			/* height:76px; */
			}

		.generic_aanbodListItem .buttonHolder .generic_spButton {
			width:80px;
			}
		
		.terugNaarDeLijst {
			width: 110px;
		}
		.generic_Adres span{
			padding-right: 4px;
		}
		
		.generic_googleMap {
			height: 500px;
		}
		.pusher {
			clear: both;
		}
		
/* ===>  actueel woningaabod filters (css filter-widgets zie: widgets.css) */
div.woningaanbod-component div.actueelWoningAanbodFilterList {
	width:214px;
	position:relative;
	float:right;
	top:15px;
	}
	
			
/* ===>  actueel woningaabod basket  */
div.woningaanbod-component div.actueelWoningAanbodBasketWrapper {
	width:235px;
	position:relative;
	float:right;
}
div.woningaanbod-component div.actueelWoningAanbodBasket {
	border:1px #E6E6E6 solid;
	padding:0 10px 10px 10px;
	font-size: 10px;
	}
	
	.actueelWoningAanbodBasketTitle {
		background-color:#F6FAEC;
		font-weight:bold;
		padding:5px 5px 5px 10px;
		border: 1px solid #E6E6E6;
		border-bottom: 1px solid #A7CE40;
	}
	
	div.actueelWoningAanbodBasket h2 {
	font-weight:bold;
	font-family:Tahoma,arial,sans-serif;
	font-size: 13px;
	background-color: #f6faec;
	border-bottom:1px #A7CE40 solid;
	padding:3px 4px 4px 4px;
	}
	
	div.woningaanbod-component div.actueelWoningAanbodBasket	 div.basket {
		min-height:172px;
		height:auto;
		}
		
	div.woningaanbod-component div.content-left{
		width:480px;
		float:left;
		}
	
	div.woningaanbod-component div.actueelWoningAanbodBasket div.generic_basketListItem{
		margin-top:5px;
		}
		
	div.actueelWoningAanbodBasket  div.basket .basketItem{
		width:214px;
		height:42px;
		border-bottom:1px #E6E6E6 solid;
		position:relative;
		cursor:move;
		}
		
	div.actueelWoningAanbodBasket  table.basket{
		width:214px;
		}
		
		 div.basket .basketItem .basketItemImage {
			width:50px;
			height:36px;
			border:1px #E6E6E6 solid;
			position:absolute;
			top:2px;
			left:11px;
			}
		 div.basket .basketItem .basketItemControls {
			position:absolute;
			}
			.basketItemControls .basketItemUp {
			
				}
			.basketItemControls .basketItemDown {
		
				}
		 div.basket .basketItem .basketItemDescription {
			position:absolute;
			left:77px;
			padding:5px;
			}
		 div.woningaanbod-component div.actueelWoningAanbodBasket div.generic_basket .generic_basketList .generic_basketListItemControls .generic_basketItemDelete {
				background: #6d6d6d url(img/button_delete.gif) repeat-x;
				width:18px;
				height:18px;
				cursor:pointer;
				
			}
		div.actueelWoningAanbodBasket  table.basket .generic_Woonplaats{
				word-spacing: 10px;
				float:left;
		}

/* aanbod detail */
div.actueel-woningAanbod	div.aanbodPageDetail {
	position:relative;
	}	
	.woningaanbodDetailHeader {
		position: relative;
		height: 40px;
	}
	.woningaanbodDetailHeader span{
		padding-right: 4px;
	}
	.generic_detailHeaderContainer span.generic_Value{
		padding-right: 4px;
	}
	.generic_detailHeaderContainer th{
		width: 150px;
	}

	.woningaanbodDetailHeader  .generic_detailHeaderControls {
		position: absolute;
		right:0px;
		top:0px;
		margin:0;
		height:auto;
		width:auto;
		max-width:250px;
		}	
	.woningaanbodDetailHeader  .generic_detailHeaderControls * {
		margin-left:11px;
		}
		
	.generic_detailHeaderControls .generic_spButton {
		margin-top: 0px;
	}
	.woningaanbodDetailHeader  h1 {
		display:block;
		width:275px;
		margin-bottom:13px;
		margin-top:4px;
		font-size:1.2em;
		}

	div.generic_Afbeelding{
		padding-right:15px;
	}

	.aanbodItem .generic_Adres{
		color:#448ECB;
		cursor:pointer;
		font-weight:bold;
		margin-bottom:3px;
		margin-top:5px;
		text-decoration:underline;
		
	}
	
/* 	.generic_Straatnaam{
			word-spacing: 10px;
			margin-right:5px;
	}
	
	.generic_Huisnr{
			word-spacing: 10px;
	}
	
	.generic_Postcode{
		word-spacing: 10px;
	}
	
	.generic_Woonplaats{
				word-spacing: 10px;
	} */
	
			
/* new spTab */
.generic_spTabbox {
	clear: both;
	/* width:500px; */
	}

.generic_spTab {
	position: relative;
	top: -1px;
	display: none;
	border-top: 1px solid #A7CE40;
	border-bottom: 1px solid #C8C8C8;
	background-color: #ffffff;
	padding: 5px;
	}

	.generic_spTabHeader {
		position: relative;
		border: 1px solid #E6E6E6;
		border-bottom: 1px solid #A7CE40;
		border-left: 0px;
		float:left;
		padding: 5px;
		cursor: pointer;
		z-index: 10;
		background-color: #F6FAEC;
		font-weight: normal;
		color: #333333;
		}

		.generic_spTabHeaderSelected {
			border:1px #C8C8C8 solid;
			border-color: #A7CE40 #A7CE40 #F6FAEC #FFFFFF;
			background-color: #F5F5F5;
			color: #333333;
			}

	.spTabHeaderFirst {
		margin-left: 0;
		}
		
		

/* ===>  woningbezit */
	.paging-controls {
		height:25px;
		margin-top:7px;
		}	
		.paging-controls  .previous-page{
			float:left;
			background: url(img/button-left.gif) no-repeat left top;
			margin-right:25px;
			height:18px;
			width:18px;
			cursor:pointer;
			}
		.previous-page.disabled{
			filter:alpha(opacity=50);
			-moz-opacity:.50;
			opacity:.50; 
			cursor:default;
		}
		.paging-controls  .current-page{
			float:left;
			height:25px;
			}		
		.paging-controls  .next-page{
			float:left;
			background: url(img/button-right.gif) no-repeat right top;
			margin-left:25px;
			height:18px;
			width:18px;
			cursor:pointer;
			}
		.next-page.disabled{
			filter:alpha(opacity=50);
			-moz-opacity:.50;
			opacity:.50; 
			cursor:default;
		}

/* ===>  informatieve tabel, bijv. verantwoording */

		.infotable {			
	}
	
		.infotable tr td  {
			border: 1px solid #9ABD3D;
			padding: 3px;
		}
		
		.infotable tr th {
			background-color: #9ABD3D;
			font-weight: bold;
			color: #FFFFFF;
			padding-right: 6px;
		}
			.infotable tr td table tr td, .infotable tr td table tr th {			
				border: none;
			}

	.spPostcodeChecker {
			width:250px;
		}
/** generic **/
.columnWrapper {
	position:relative;
	padding-top: 10px;
	}
.generic_formLayout {
	margin-top:35px;
	}
	
.generic_windowContainer {
	position:relative;
	}
.generic_windowContainerLevel2 {
	z-index:12;
	background-color:white;
	}
	.generic_windowContainerOverlay {
	z-index: 11;
	background-color:white;
	}
.generic_loginAccountWidgetControl,.generic_huishoudenWidgetControl {
	color:#428FCD;
	cursor:pointer;
	}
	.generic_loginAccountWidgetControl.over, .generic_huishoudenWidgetControl.over {
	text-decoration:underline;
	}
div.generic_preloader {
	width:100%;
	height:100px;
	background: url(/custom-files/css/img/loading.gif) no-repeat center;
	}

.generic_table {
	width:100%;
	}
.generic_tr td {
	/* height:26px; */
	}
	
.generic_postcodeCheckerResult div.generic_preloader {
	height:30px; 
	width:600px; 
	margin:10px;
	}
.generic_PostcodeCheckerField {
	margin-left:3px;
	}
.generic_tr td.label{
	width:40%;
	}
.generic_tr td.tableInput {
	width:40%;
	}
.generic_tr td.messageRef {
	width:20%;
	}
	.generic_klantContactLayouts input.korte-invoer {
		margin-right:10px
		}

/* PITA. */
.generic_klantContactLayouts .generic_tr td.labelPersToev {
	width: 210px;
}
.generic_klantContactLayouts .generic_tr td.tableInputPersToev {
	width: 290px;
}
.generic_klantContactLayouts .generic_tr td.messageRefPersToev {
	width: 210px;
}

/* override de 600px please */
td.postcodeChecker div.generic_preloader {
	width: auto;
}

.generic_html br {
	display:block;
}

.textHolder h1 {
color:#83C617;
cursor:pointer;
font-family:Verdana;
font-size:1em;
font-weight:bold;
line-height:1em;
text-decoration:underline;
}

/* Google maps  */

.generic_googleMap span.generic_label {
	margin-right: 4px;
}

/* .woningaanbodDetailHeader */ span.generic_Huisnr {padding-right:0px;}
/* .woningaanbodDetailHeader */ span.generic_Huisnr_tvg {padding:0px 0px 0px 4px;}