/*		WoningNet, november 2006	*/
/*		   J.T.H. Oosterhoudt		*/
/*			www.woningnet.nl		*/

/*  Stylesheet Woonservice Haarlem  */
/*              LAYOUT				*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

	

   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ block 1 +++ */
#center 
{
	width: 100%;
	height: 100%;
/* ++++++++++++++++++++++++++++++++++++++++++ */
	background-image: url(../../img/woonservice/background_top.gif);
	background-repeat: repeat-x;
}

/* +++ block 2 +++ */
#container {
	width: 100%;
	height: 100%;

/* ++++++++++++++++++++++++++++++++++++++++++ */
	background-image: url(../../img/woonservice/background.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	
}

/* +++ block 3 +++ */
#kolom_navigatie 
{
	height: 100%;
	width: 230px;
	background-color: #B5DC11;
	float: left;	
/* ++++++++++++++++++++++++++++++++++++++++++ */
	background-image: url(../../img/woonservice/logo_home_volledig.gif);
	background-repeat: no-repeat;
	
}
/* +++ div's binnen block 3 +++ */
#homelink 
{
	width: 230px;
	height: 108px;
	background-color: #FFF;
	text-align: center;
	padding-top: 55px;		
/* ++++++++++++++++++++++++++++++++++++++++++ */
}

/* +++ block 9 +++ */
#kolom_content 
{		
/* ++++++++++++++++++++++++++++++++++++++++++ */
	/*background-color: #cbd300;	*/
}

#header
{
	height: 163px;
/* ++++++++++++++++++++++++++++++++++++++++++ */	
	/*background-color: #CBD300;*/
	
}

/* ++++++++++++++++++++++++++++++++++++++++++ */	
/* deze 2 DIV's worden dynamisch ingevoegd in menu.asp binnen #header */	

#plaatje_links 
{
	float:left;
	position: absolute;
	top: 0px;
	left: 233px;	
}
#plaatje_rechts 
{
	float:left;	
	position: absolute;
	top: 0px;
	left: 514px;	
}

/* ++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++ */		

#content 
{	
	float: left;
	margin-top: 7px;
	padding-top: 40px;
	padding-left: 20px;
	padding-bottom: 20px;
		
/* ++++++++++++++++++++++++++++++++++++++++++ */

	position: absolute;
	top: 170px;
	left: 230px;
	width: 550px;		
}	

#navigatie
{
	padding: 214px 0 0 20px;
	font-size: 16px;
	font-weight: bold;
}
.content_container {
	width: 440px;
	float: left;
	text-align: left;
}

.header_container{
	padding-right: 5px;
	padding-bottom: 5px;
/*	width: 440px;*/
	margin-bottom: 10px;
}

.header_container a {
/*	text-decoration: underline;*/
	text-decoration: none;
}

.footer_container{
	padding-right: 2px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.kolom_container {
	width: 448px;
	margin-left: -5px;
	float: left;
	text-align: left;
}
/*  4 koloms  */
.vier_kolom {
	width: 106px;
	margin: 0 0 5px 5px;
	float: left;
	text-align: center;
}
.vier_kolom img {
	border: solid 1px #808080;
}
.vier_kolom a {
	color: #808080;
	text-decoration: none;
}
.vier_kolom a:hover {
	color: #F03435;
}

.vier_kolom a:hover img {
	border: 1px solid #F03435;
}

/*  2 koloms  */
.twee_kolom {
	float: left;
	width: 200px;
	margin: 0 5px 10px 5px;
	text-align: left;
}

/*  1 koloms  */
.een_kolom {
	float: left;
	width: 400px;
	margin: 0 0px 5px 5px;
	text-align: left;
}

/* --- op de verantwoording pagina staat een donkergrijs labelveld ---*/
.kadersplit {
	/*kadertable100background-image: url(../../img/woningnet/verantwoording_back.gif);
	background-repeat: repeat-y;*/
}
#highlights{
	padding-left:		10px;
	padding-top:		6px;
}
/* --- op de zoekopdracht pagina staat selectie tabel ---*/
.tableselectie {
	border:			1px solid #DBDBDB;
	background:		#FFFFFF;
}
.tableselectie thead td {
	background:		#DBDBDB;
	font-weight:	bold;
	padding-left:	2px;
	padding-right:	2px;
}
.tableselectie td {
	padding:		1px 1px;
}
/* --- op de leefstijl vragen pagina staat tabel met vragen ---*/
.leefstyleTable {
	border:			1px solid #DBDBDB;
	background:		#FFFFFF;
}
.leefstyleTable thead td {
	background:		#DBDBDB;
	font-weight:	bold;
}
.leefstyleTable td {
	padding:		1px 1px;
}
