/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: frismedia.nl
+	Date		: 22-01-2007
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      HTML ELEMENTS     */

body
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;	
	color:#373737;
	background:url(../img/body_bg.gif) no-repeat 0px 267px white;
}
h1, h2, h3, h4, h5, h6{margin:0; font-size:1.1em; color:#B4AC95; background-color:#FFFFFF;}
h3, h4{margin:35px 0 22px 0; padding:0; font-size:1em; color:#000000;}
h4
{
	margin:35px 5px 10px 5px;
	background:none;
}
p{margin:0 0 10px 0;	padding:0;}


/*      HTML ELEMENTS     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */
.clearfix:after, div#header:after, div#header ul:after, div#footer:after, a span:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix, div#header, div#header ul, div#footer, a span {height: 1%;}
/* End hide from IE-mac */
/*    GENERAL CLASSES     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      MAIN  DIV'S       */

div#wrapper
{
	position:relative;
	margin:0;
	width:960px;
	padding:0;
}
div#header 
{
	margin:0;
	padding:0;
	height:305px;
	background:url(../img/header_bg.gif) no-repeat;
}
div#content
{
	margin:0 0 0 93px;
	padding:0;
	width:867px;
}
div#sub
{
	float:left;
	margin:0;
	padding:0;
	width:210px;
	font-size:1.1em;
}
div#main
{
	float:left;
	margin:0;
	padding:0 35px 0 0;
	width:395px;
	font-size:1.1em;
}
div#side
{
	float:left;
	margin:0;
	padding:0;
	width:227px;
}
div#footer
{
	height:20px;
	float:left;
	width:867px;
}

/*      MAIN  DIV'S    */
/*+++++++++++++++++++++*/

/*+++++++++++++++++++++*/
/*       HEADER        */


div#header a img
{
	position:absolute;
	margin:82px 0 0 120px;
	border:none;
}
div#header a.home
{
	position:absolute;
	color:#B4AC95;
	margin:233px 0 0 45px;
	font-weight:bold;
	text-decoration:none;
}
div#header ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

div#header ul li a.emancipatie_en_empowerment, div#header ul li a.emancipatie_en_empowerment_selected
{
	position:absolute;
	background:url(../img/nav/empowerment_normal.gif) no-repeat;
	width:157px;
	height:91px;
	top:115px;
	left:401px;
	text-decoration:none;
}
div#header ul li a.emancipatie_en_empowerment:hover{background:url(../img/nav/empowerment_over.gif) no-repeat;}
div#header ul li a.emancipatie_en_empowerment span, div#header ul li a.emancipatie_en_empowerment_selected span{visibility:hidden;}
div#header ul li a.emancipatie_en_empowerment_selected{background:url(../img/nav/empowerment_select.gif) no-repeat;}

div#header ul li a.keuzevrijheid, div#header ul li a.keuzevrijheid_selected
{
	position:absolute;
	background:url(../img/nav/keuze_klant_normal.gif) no-repeat;
	width:162px;
	height:76px;
	text-decoration:none;
	right:187px;
	top:95px;
}
div#header ul li a.keuzevrijheid:hover{background:url(../img/nav/keuze_klant_over.gif) no-repeat;}
div#header ul li a.keuzevrijheid span, div#header ul li a.keuzevrijheid_selected span{visibility:hidden;}
div#header ul li a.keuzevrijheid_selected{background:url(../img/nav/keuze_klant_select.gif) no-repeat;}

div#header ul li a.toezicht_en_verantwoording, div#header ul li a.toezicht_en_verantwoording_selected
{
	position:absolute;
	background:url(../img/nav/inbedding_normal.gif) no-repeat;
	width:146px;
	height:110px;
	right:-17px;
	top:65px;
	text-decoration:none;
}
div#header ul li a.toezicht_en_verantwoording:hover{background:url(../img/nav/inbedding_over.gif) no-repeat;}
div#header ul li a.toezicht_en_verantwoording span, div#header ul li a.toezicht_en_verantwoording_selected span{visibility:hidden;}
div#header ul li a.toezicht_en_verantwoording_selected{background:url(../img/nav/inbedding_select.gif) no-repeat;}

div#header ul li a.publieke_taak, div#header ul li a.publieke_taak_selected
{
	position:absolute;
	background:url(../img/nav/publieke_taak_normal.gif) no-repeat;
	width:157px;
	height:91px;
	left:296px;
	top:200px;
	text-decoration:none;
}
div#header ul li a.publieke_taak:hover{background:url(../img/nav/publieke_taak_over.gif) no-repeat;}
div#header ul li a.publieke_taak span, div#header ul li a.publieke_taak_selected span{visibility:hidden;}
div#header ul li a.publieke_taak_selected{background:url(../img/nav/publieke_taak_select.gif) no-repeat;}

div#header ul li a.betaalbaarheid, div#header ul li a.betaalbaarheid_selected
{
	position:absolute;
	background:url(../img/nav/betaalbaarheid_normal.gif) no-repeat;
	width:159px;
	height:85px;
	left:568px;
	top:205px;
	text-decoration:none;
}
div#header ul li a.betaalbaarheid:hover{background:url(../img/nav/betaalbaarheid_over.gif) no-repeat;}
div#header ul li a.betaalbaarheid span, div#header ul li a.betaalbaarheid_selected span{visibility:hidden;}
div#header ul li a.betaalbaarheid_selected{background:url(../img/nav/betaalbaarheid_select.gif) no-repeat;}

div#header ul li a.wijkgerichte_aanpak, div#header ul li a.wijkgerichte_aanpak_selected
{
	position:absolute;
	background:url(../img/nav/werken_in_wijken_normal.gif) no-repeat;
	width:152px;
	height:76px;
	right:2px;
	top:205px;
	text-decoration:none;
}
div#header ul li a.wijkgerichte_aanpak:hover{background:url(../img/nav/werken_in_wijken_over.gif) no-repeat;}
div#header ul li a.wijkgerichte_aanpak span, div#header ul li a.wijkgerichte_aanpak_selected span{visibility:hidden;}
div#header ul li a.wijkgerichte_aanpak_selected{background:url(../img/nav/werken_in_wijken_select.gif) no-repeat;}

/*       HEADER        */
/*+++++++++++++++++++++*/

/*+++++++++++++++++++++*/
/*         SUB         */

div#sub ul
{
	margin:70px 10px 0 30px;
	padding:0;
	list-style-type:none;
	font-weight:bold;
}
div#sub ul li
{
	margin-bottom:20px;
	padding:0;	
}
div#sub ul li.sub
{
	margin-left:10px;
	padding-left:15px;
	background:url(../img/sub_arrow.gif) no-repeat left;
}
div#sub ul li a
{
	text-decoration:none;
	color:#B4AC95;
}
/*div#sub ul li a:hover{color:#B4AC95;}*/
div#sub ul li a:hover{color:black;}
div#sub ul li em a
{
	font-style:normal;
	color:#000000;
}

div#sub ul.publieke_taak li a, div#sub ul.publieke_taak li a{color:#00685b;}
div#sub ul.publieke_taak li a:hover, div#sub ul.publieke_taak li em a{color:#000000;}
div#sub ul.betaalbaarheid li a, div#sub ul.betaalbaarheid li a{color:#5d710d;}
div#sub ul.betaalbaarheid li a:hover, div#sub ul.betaalbaarheid li em a{color:#000000;}
div#sub ul.wijkgerichte_aanpak li a, div#sub ul.wijkgerichte_aanpak li a{color:#c96148;}
div#sub ul.wijkgerichte_aanpak li a:hover, div#sub ul.wijkgerichte_aanpak li em a{color:#000000;}
div#sub ul.emancipatie_en_empowerment li a, div#sub ul.emancipatie_en_empowerment li a{color:#4377be;}
div#sub ul.emancipatie_en_empowerment li a:hover, div#sub ul.emancipatie_en_empowerment li em a{color:#000000;}
div#sub ul.keuzevrijheid li a, div#sub ul.keuzevrijheid li a{color:#ba73b5;}
div#sub ul.keuzevrijheid li a:hover, div#sub ul.keuzevrijheid li em a{color:#000000;}
div#sub ul.toezicht_en_verantwoording li a, div#sub ul.toezicht_en_verantwoording li a{color:#af8f66;}
div#sub ul.toezicht_en_verantwoording li a:hover, div#sub ul.toezicht_en_verantwoording li em a{color:#000000;}

/*         SUB         */
/*+++++++++++++++++++++*/

/*+++++++++++++++++++++*/
/*         MAIN        */

/*
div#main.publieke_taak h3{color:#00685b;}
div#main.betaalbaarheid h3{color:#5d710d;}
div#main.wijkgerichte_aanpak h3{color:#c96148;}
div#main.emancipatie_en_empowerment h3{color:#4377be;}
div#main.keuzevrijheid h3{color:#ba73b5;}
div#main.toezicht_en_verantwoording h3{color:#af8f66;}
*/
div#main.publieke_taak h3{color:#000000;}
div#main.betaalbaarheid h3{color:#000000;}
div#main.wijkgerichte_aanpak h3{color:#000000;}
div#main.emancipatie_en_empowerment h3{color:#000000;}
div#main.keuzevrijheid h3{color:#000000;}
div#main.toezicht_en_verantwoording h3{color:#000000;}

div#main a{color:#000000;}
div#main a:hover{text-decoration:none;}

/*         MAIN        */
/*+++++++++++++++++++++*/

/*+++++++++++++++++++++*/
/*         SIDE        */

div#side p
{
	padding:9px 5px 11px 5px;
	background:url(../img/side_line.gif) no-repeat;
}
div#side p a
{
	text-decoration:none;
	color:#000000;
}
div#side p a:hover {text-decoration:underline;}

/*         SIDE        */
/*+++++++++++++++++++++*/

div#header div
{
margin:10px;
height:15px;}

div#header div span {float:right;margin-right:5px;}
div#header div a {
float:right;
display:block;
width:20px;
height:15px;
}
div#header div a span {visibility:hidden;}
div#header a#plus {background:url(../img/plus.jpg) no-repeat;}
div#header div a.min {background:url(../img/min.jpg) no-repeat;}