/*
 * Immo Outlook
 * SCREEN
 * datum 20090316
 */

/* 
 * Kleuren
 * Hier kleurcodes definiëren
 */

/* Base css wordt geladen in HTML */


/*******************************************************************************************************
 * Blokken
 * 
 * Opmaak voor standaard blokken
 * class gebruiken
 * 
 *******************************************************************************************************/

/* Template Header, 2col, Footer */
	body{ text-align:center}
	#container{ margin:0 auto;  text-align:left}
	#header{overflow:hidden}
	#middle{overflow:hidden}
	#middleCol1, #middleCol2{ float:left}
	#footer{clear:left}
/* Horizontaal menu 1 niveau */
	ul.menuHor1{position:relative;list-style:none}
	.menuHor1 li{display:block;float:left;list-style:none}
	.menuHor1 li a{display:block;white-space:nowrap;text-decoration:none}
/* Menu Vertikaal 2 niveaus */
	.menuVert2{list-style:none}
	.menuVert2 li{list-style:none}
	.menuVert2 a{display:block;white-space:nowrap;text-decoration:none}
	.menuVert2 ul{display:none}
	.menuVert2 .selected ul{display:block}
/* Zoekformulier */
	.form{overflow:hidden}
	.form p{padding:0}
	.form .frmText{background:none;border:none}
	.form .frmButton{background:none;border:none;padding:0;cursor:pointer;}
/* Image4cols */
	.image4cols {width: 100%;}
	.image4cols .imageRow {overflow:hidden;}
	.image4cols .imageItem {float:left;width:25%;}




/*******************************************************************************************************
 * Algemene css
 * 
 * Opmaak voor alle pagina's
 * 
 *******************************************************************************************************/

body {
	background:#fff;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}
#container {
    width: 1017px; /* Breedte ontwerp */
}
/* Header */
	#header {
		padding:0 20px;
		background: url(/site/images/bg_header.jpg) no-repeat left top;
		height: 275px;
	}
		#logo a{
			display:block;
			width:218px;
			height:222px;
			text-indent:-500em;
		}
		#search{
			padding:0px 0 0 5px;
			line-height:20px;
			font-size:1.2em;
		}
			#search .frmText{
				height:20px;
				width:210px;
				color:#797C80;
			}
			#search .frmText:focus{
				color:#333;
			}
			#search .frmButton{
				height:20px;
				text-transform:uppercase;
				text-decoration:underline;
				color:#797C80;
			}
			#search .frmButton:hover{
				color:#333;
			}
	#menu1{
		padding:0 0 0 220px;
	}
		#menu1 a{
			width:108px;
			height:30px;
			background:url(/site/images/bg_menu_sprite.png) no-repeat 0px 0px;
			text-align:center;
			color:#5F5F5F;
			font-size:1.4em;
		}
		#menu1 a:hover
		,#menu1 .selected a{
			background-position:0px -35px;
			color:#fff;
		}
/* middle */
	#middle{
		background: url(/site/images/bg_middle.jpg) repeat-y left top;
		padding:0 0 0 20px;
	}
	/* middleCol1 */
		#middleCol1 {
		    width: 219px; 
		    padding: 0 0 10px 0;
		}
			#middleCol1 h2{
				color:#ffa30b;
				font-size:1.8em;
				margin:0;
				padding:0 0 6px 20px;
				background:url(/site/images/bg_dubbeleLijn.gif) repeat-x 0px bottom;
				text-transform:uppercase;
				font-weight:bold;
			}
			#menu2{
				padding:15px 0 0 5px;
			}
			#menu2 li{
				background:url(/site/images/bg_menu2_sprite.gif) no-repeat 2px 2px;
				padding:0 0 0 15px;
				margin:0 0 6px 0;

			}
				#menu2 li.selected{
					background-position:left -16px;
				}
				#menu2 li a{
					font-size:1.2em;
					font-weight:bold;
					height:14px;
					color:#a2a2a2;
					text-transform:uppercase;
				}
				#menu2 a:hover{
					color:#242424;
				}
				#menu2 li ul{
					padding:12px 0 17px 0;
				}
				#menu2 li li{
					padding:0;
					margin:0 0 5px 0;
					background:none;
				}
				#menu2 li li a{
					padding:0;
					font-weight:normal;
				}
				#menu2 li li a:hover
				,#menu2 li li.selected a{
					font-weight:bold;
					color:#242424;
				}
			.border{
				background:#fff;
				border-top:solid 1px #D1D1D1;
				border-bottom:solid 1px #D1D1D1;
				padding:1px 0;

			}
			#contact{
				margin:30px 0 0 0;
			}
			#contact div{
				background:#FFA30B;
				text-align:center;
				padding:10px 0;
			}
			#contact p{
				font-size:1.8em;
				font-weight:bold;
				color:#fff;
				padding:0 0 5px 0;
				line-height:1em;

			}
			#contact p.phone{
				font-size:3.5em;
			}
			#contact p.mail a{
				color:#FFD99A;
			}
			#schatting{
				margin:20px 0 0 0;
				height:112px;
			}
			#schatting div{
				background:#CFD1D2;
				text-align:center;
			}

	/* middleCol2 */
		#middleCol2{
			width:704px;
		    padding: 30px 20px 0 35px; 
			font-size:1.2em;
			color:#363636;
		}
			#middleCol2 a{
				color:#363636;
			}
			#middleCol2 h1{
				font-size:2em;
			}
			#middleCol2 h2{
				font-size:1.8em;
			}
			#middleCol2 h3{
				font-size:1.6em;
			}

/* Footer */
	#footer {
		background: url(/site/images/bg_footer.jpg) no-repeat left top;
		padding:27px 20px 20px 20px;
		height:18px;
	 	text-align: center;
		font-size:1.2em;
		color:#2b2a2a;
	}
	#footer .footerAdres
	,#footer a{
		color:#fff;
	}
	#footer img{
		margin: 0 5px;
	}

/*******************************************************************************************************
 * Templates
 * 
 * Opmaak voor templates
 * Identificatie van template dmv class in body
 * 
 *******************************************************************************************************/
/* itemlarge */
.buildingdetail{
	
}
	.buildingdetail #middleCol2{
			width:744px;
		    padding: 30px 0 0 15px; 
			font-size:1.2em;
			color:#363636;
		}
	.buildingdetail .itemLarge{
		background:#EBEBEB url(/site/images/bg_itemLargeMiddle.jpg) repeat-y left top;
		font-size:1.1em;
		color:#333;
		margin:0 0 15px 0;
	}
		.buildingdetail .itemLarge .inner1{
			background: url(/site/images/bg_itemLargeTop.jpg) no-repeat left top;
		}
		.buildingdetail .itemLarge .inner2{
			overflow:hidden;
			background: url(/site/images/bg_itemLargeBottom.jpg) no-repeat left bottom;
			position:relative;
		}
		
		.buildingdetail .itemLarge .col1
		,.buildingdetail .itemLarge .col2
		,.buildingdetail .itemLarge .col3{
			float:left;
			overflow:hidden;
		}
		.buildingdetail .itemLarge .col1{
			width:325px;
			padding:20px 0 20px 20px;
		}
		.buildingdetail .itemLarge .col1 h1 {
			font-size: 1.2em;
			font-weight: bold;
		}
		.buildingdetail .itemLarge .col2{
			width:267px;
			padding:8px 0 20px 10px;
		}
		.buildingdetail .itemLarge .col3{
			width:86px;
			padding:8px 0 8px 4px;
			text-align: center;
		}
		.buildingdetail .itemLarge .col4 a{
			display:block;
			overflow:hidden;
			text-indent:-500em;
			background: url(/site/images/bg_pijl.gif) no-repeat 4px center;
			width:19px;
			height:100%;
			position:absolute;
			top:0;
			right:8px;
			}
		.buildingdetail .itemLarge .col4 a:hover{
			background-position:-16px center;
		}
		.buildingdetail .itemLarge hr{
			border:none;
			border-bottom:dotted 1px #333;
		}
		.buildingdetail .itemLarge .ligging{
			color:#FEA30B;
			padding:1em 0 0 0;
			font-weight:bold;
		}
		.buildingdetail .itemLarge .adres{
			color:#828282;
			text-transform:uppercase;
		}
		
/* buildinggrid = grid */
.buildinggrid{}
	.buildinggrid #grid .imageRow{
		background:url(/site/images/bg_gridTop.gif) no-repeat center top;
		padding:0 0 40px 55px;
	}
	.buildinggrid #grid .imageItem{
		background:#FFA30B url(/site/images/bg_gridItem.gif) no-repeat center bottom;
		width:130px;
		height:160px;
		margin:0 20px 0 0;
	}
	.buildinggrid #grid .imageItem .imgBg{
		width: 130px;
		height: 86px;
		text-align: center;
		overflow: hidden;
		padding-top: 1px;
	}
	.buildinggrid #grid .imageItem .imgTxt{
		height:44px;
		text-align:center;
		font-size: 11px;
		line-height: 12px;
		overflow: hidden;
	}
	.buildinggrid #grid .imageItem .imgTxt a{
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	.buildinggrid #grid .imageItem .imgPrice{
		height:30px;
		text-align:center;
		color:#545454;
		font-weight:bold;
	}