/*
	de contentSidebar moet een beetje meer naar onderen dan hij standaard wordt gepositioneerd
*/
DIV.contentSidebar
{
	margin-top: 10px;
	margin-left: 25px;
	width:123px; 
	position:absolute;
}

/*
	hierin komt de content van de sidebar
*/
DIV.contentSidebarContent
{
	position:absolute;
	margin-right: 5px;
	width: 120px; /* sideBarPropertyInThePictureContentHider moet deze breedte overnemen*/
	height: 385px;
	overflow: hidden;
}

DIV.sideBarPropertyInThePicture
{
	height: 385px;
	width: 120px;
	background-color:#0c1e3c;	
}

/*
	Bevat de image met de tekst 'property in the picture'
*/
DIV.sideBarPropertyInThePictureHeader
{
	width: 100%;
	height: 28px;
	background-color: #4c4c4c;
	margin-bottom: 2px;
}

DIV.sideBarPropertyInThePictureContentHider
{
	 position:absolute;
	 top: 30px;
	 overflow:hidden;
	 height: 353px;
	 width: 120px; /* even breed als div.contentSidebarContent */
}

/* 
	dankzij de 'overflow:hidden' kan de sidebar scrollen in de onderliggende div 'sideBarPropertyInThePictureContent'
	
 */
DIV.sideBarPropertyInThePictureContentContainer
{
	overflow:hidden;
	position:absolute;
	height: 353px; /* zelfde afmetingen als sideBarPropertyInThePictureContentHider */
	width:120px; /* zelfde afmetingen als sideBarPropertyInThePictureContentHider */
}

DIV.sideBarPropertyInThePictureContent
{
	position:absolute;
	height: 353px;
	width: 110px;
	margin-left: 5px;
}

/*
	Deze bevat de image van het type waarop wordt gezocht.
	Dit image is enkele pixels verwijderd van de dunne oranje lijn
*/
DIV.sideBarPropertySearch
{
	float: right;
	margin-right: 5px;
}

/*
	Dit is de dunne oranje lijn van de sidebar
*/
DIV.contentSidebarLine
{
	float:right;
	background-color: #ef4c22;
	width: 3px;
	height: 394px;
}

/*
	Deze bevat 1 property in the picture item
*/
DIV.propertyInThePictureItemContainer
{
	background-color:#4c4c4c;
	overflow:hidden;
	margin-bottom: 5px;
}

/*
	Deze bevat de header met het dealType van één property in the picture item
*/
DIV.propertyInThePictureItemHeader
{
	font-family: Verdana;
	font-size: smaller;
	color: White;
	padding-left:2px;
	height:15px;
	border-bottom: solid 1px #0c1e3c;
}

/*
	Deze bevat de primary image van één property in the picture item
*/
DIV.propertyInThePictureItemPhoto
{
	border-bottom: solid 1px #0c1e3c;
	cursor: pointer;
}

/*
	Deze bevat de (korte) detailgegevens van één property in the picture item
*/
DIV.propertyInThePictureItemDetails
{
	font-family: Verdana;
	font-size: smaller;
	color: White;
	padding-left:2px;
	height:30px;
}