/* ================================================= */
/* CSS voor Kleurrijk Wonen                          */
/* Laatst bewerkt op 25/05/2010 - door Rob           */
/* Copyright by Qvision                              */
/* ================================================= */


/* ================================================= */
/* MAIN STYLES */
/* ================================================= */

a { color: #22378a; }
h1, h2, h3, h4, h5, h6 { margin:0; color:#22378a; }

/* ================================================= */
/* LAYOUT */
/* ================================================= */
html, body
{
	font-family: Arial;
	text-align:center;
	margin:0;
	padding:0;
}

#container
{
	background: url(../Img/bg_page3.jpg) repeat-y center;
	margin:0 auto -53px; /* bottom-margin hetzelfe houden als de hoogte van #footer en .push */
	min-height: 100%;
	text-align:left;
	width: 974px;
}

#logo
{
	background-image: url(../Img/logo_header.jpg);
	background-repeat: no-repeat;
	float: left; display:inline;
	height: 122px;
	position:relative;
	width: 974px;
}

#logo a.lnkHome 
{
	background:url(../Img/logo.gif);
	display:block;
	height:68px;
	position:absolute;
	right:21px;
	top:31px;
	width:208px;
}

#logo a span {display:none;}

.searchHighlight
{
	background-color: #eccdcd;
	border: 1px dotted #e29fa0;
	color:#000;
	padding:1px;
}
.error
{
	background-image: url(../Img/error.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	font-size: 1px;
	color: #d42427;
	float: left;
}

/* ================================================= */
/* DOELGROEP */
/* ================================================= */
#doelgroep
{
	background: url(../Img/bg_doelgroep3.jpg) no-repeat;
	float: left; display:inline;
	height: 58px;
	padding:0 0 0 75px;
	position:relative;
	width: 899px; /* 974px - 75px padding */
}
#doelgroep a 
{
	color: #7a7a7a;
	display: inline-block;
	height: 41px;
	padding-top: 10px;
	padding-right: 35px;
	text-decoration: none;
}
#doelgroep a:hover { color: #505050; }
#doelgroep ul  
{
	display: inline; 
	margin:0; 
	padding: 0px; 
}
#doelgroep ul li  
{
	display: inline; 
	list-style: none; 
}
#doelgroep ul li .menuitem1selected { color: #22378a; }

/* ================================================= */
/* ZOEKEN
/* ================================================= */

#zoek  
{
	background: url(../Img/bg_zoek.jpg) no-repeat;
	height: 28px;
	position:absolute; 
	right:21px;
	top:7px;
	width: 211px;
}

#zoek input 
{
	background:none;
	border-width: 0px;
	color:#7a7a7a;
	height: 26px;
    line-height: 26px; /* Fix voor IE. Firefox negeert dit*/	
	margin: 0 0px 0 26px;
	padding-top: 0px;
	width: 130px;
}

#doelgroep a.lnkZoekKnop
{
	background:url(../Img/knop_zoek.jpg) no-repeat;
	height:28px;
	padding:0;
	position:absolute;
	right:0;
	top:7px;
	width:40px;
}

#locatie_wrap
{
	background-image: url(../Img/bg_locatie.gif);
	background-position: 1px 0px;
	background-repeat: no-repeat;
	width: 973px;
	height: 25px;
	float:left;
}
#locatie { margin: 0 0 0 75px; }
#locatie a { color:#5c5c5c;}
#locatie a:hover { color:#000000;}

/* ================================================= */
/* Div met de 3 kolommen: #menu, #content en #extra
/* ================================================= */
#content_wrapper
{
	background: url(../Img/bg_wrapper3.jpg) no-repeat;
	float:left; display:inline;
	overflow:auto;
	padding:14px 0 0 0;
	width:974px;
}

/* ================================================= */
/* MENU */ /* Linker balk */
/* ================================================= */
#menu
{
	float: left; display:inline;
	margin:0 0 0 69px;
	overflow:hidden;
	padding:0;
	width: 211px;
}

#menu a  
{
	color: #818181; 
	clear:left; 
	float:left; 
	text-decoration: none; 
}
#menu a.menuitem1selected, #menu a.menuitem2selected  { color: #22378a; }
#menu a.menuitem3selected {color:#000;}
#menu ul { margin: 0px; padding: 0px; }
#menu ul li {clear:left; float:left; }

/* SUBMENU */
#menu ul.menulist2 { list-style: none; }
#menu ul.menulist2 li a.menuitem2, #menu ul.menulist2 li a.menuitem2selected  
{
	display: inline-block; 
	font-weight: 700; 
	margin-left: 14px; 
	padding: 3px 10px; 

}
#menu ul.menulist2 li a.menuitem2:hover { color: #6273b3; }

#menu ul.menulist3  
{
	display:inline;
	float:left; 
	padding:8px 0 0 0; 
    list-style: none; 
    line-height: 20px; 
    margin: 0 0 10px 27px; 
}
#menu ul.menulist3 li a  
{
	background-image: url(../Img/menu_li.gif); 
	background-position: left 8px; 
	background-repeat: no-repeat; 
	padding: 0 0 4px 15px; 
	width:180px; /* width belangrijk voor IE6 */ 
}
#menu ul.menulist3 li a.menuitem3:hover { color: #22378a; }

/* ================================================= */
/* CONTENT */ /* Middelste balk */
/* ================================================= */
#content
{
	display:inline;
	float: left;
	line-height:18px;
	margin: 0 0 0 39px;
	overflow:hidden;
	text-align:left;
	width: 385px;
}

#content a 
{
	text-decoration:underline;
}
#content a:hover 
{
	color:#5f70b4;
}

#content #titel 
{ 
	margin: 12px 0 24px 0; 
}

#content h2 { margin-bottom: 0; font-weight: 700; color: #000000; }
#content p { margin-top: 0; }

#content ul
{
	list-style-type:square; 
	padding:0 0 0 15px;
	margin:0;
}

#content a img {border:none;}

/* ================================================= */
/* EXTRA */ /* Rechter balk */
/* ================================================= */

#extra
{
	float:left;	display:inline;
	margin:0 0 0 41px;
	overflow:hidden;
	padding:0 0 0 0px;
	width:206px;
}

	#iconen 
	{
		text-align:right;
		padding:0 10px 8px 0 ;
	}
	
	#iconen span { display:none; }
	
	#iconen a 	
	{	
		display:inline-block;
		margin:0 0 0 5px;
	}
	
	a.knopSitemap 
	{
		background:url(../Img/iconenSprite.gif) no-repeat 0 0;
		height:11px;
		width:13px;
	}
	
	a.knopPrint 
	{
		background:url(../Img/iconenSprite.gif) no-repeat -14px 0px;
		height:11px;
		width:11px;
	}
	
	a.knopGroteLetters 
	{
		background:url(../Img/iconenSprite.gif) no-repeat -26px 0px;
		height:11px;
		width:15px;
	}
	
	a.knopHome 
	{
		text-decoration:none;
		color:#5d5d5d;
		font-size: 14px;
		font-weight: 700;
	}
	
	a.knopHome:hover 
	{
		color:#000;
	}
	
	#iconen a.knopHome:hover span {
	}
	
	#iconen a.knopHome span
	{
		height:11px;
		width:9px;
		display:inline-block;
		margin-left:6px;
	}
	
	a.knopSitemap:hover { background-position: 0 -12px;	}
	a.knopPrint:hover {	background-position: -14px -12px; }
	a.knopGroteLetters:hover { background-position: -26px -12px; }
	a.knopHome:hover { background-position: -42px -12px; }

#illustratie
{
	background:url(../Img/illustratie1.jpg);
	background-repeat:no-repeat;
	height:212px;
	padding:0 0 30px 0;
	width:206px;
}

/* ================================================= */
/* Knoppen in de rechterbalk                         */
/* ================================================= */

#directNaar, 
#directNaar a
{
	color:#818181;
	text-decoration:none;
}

#directNaar a:hover
{
	color:#000;
	text-decoration:underline;
}

#directNaar h2
{
	padding:0 0 0 22px;
}

#directNaar ul
{
	list-style:none;
	padding:0 0 0 7px;
}

#directNaar li 
{ 
	padding:0 0 3px 0;
}

#directNaar li a
{
	background:url(../Img/menu_li.gif) no-repeat 3px 6px;	
	padding: 0 0 4px 15px; 
}

/* ================================================= */
/* FOOTER */
/* ================================================= */

.push /* Heel belangrijk !! */
{
	clear: both;
	height: 53px; /* Hoogte hetzelfe houden als #footer */
}

#footer 
{
	background:url(../Img/bg_footer3.jpg) no-repeat center;
	color:#8d8d8d;
	height:53px; /* Hoogte hetzelfe houden als: .push & de margin-bottom van de #container */
	margin:0 auto;
	text-align:left;
	width:974px;
}

#footer a { color:#8d8d8d;}

#extraLinks
{
	float:right;
	padding:16px 0 0 669px;
	width:230px;
}

.copyright{ color:#656565;}

.disclaimer 
{
	float:right; display:inline;
	padding:0 22px 0 0;
}

/* << BUTTONS >> */
.button, #content a.button, input.button {
	background-color: #eef3f6;
	border: solid 1px #d9e7ef;
	color:#22378a;
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	padding: 4px 6px;
	text-decoration: none;
	margin:0 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#content a.button:hover, input.button:hover
{
	background-color: #ececec; 
	border: solid 1px #d9e7ef;
	color:#d42427;
	cursor:pointer;
	text-decoration:underline;
}

/* ========================= */
/* <<<< SPECIFIEKE PAGINA'S >>>> */
/* ========================= */

/* << SITEMAP >> */
.sitemap ul
{
	list-style-type:square; 
	padding:0;
}

.sitemap ul li ul li 
{
	margin:3px 0 0 30px;
}