body {
	margin: 0 0 40px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
}

#wrapperleft {
	width: 25%;
	float: left;
	margin: 0;
	padding: 0;
}

#wrappermiddle {
	width: 60%;
	float: left;
	margin: 0;
	padding: 0;
}

#wrappermiddle-noleft {
	width: 65%;
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}


#wrapperright {
	width: 15%;
	float: left;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
}

#wrapperright-noleft {
	width: 30%;
	float: left;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
}

/*------LEFT--------*/

	#topleft_leeuw {
		background-color: #FFFFFF;
		background-image: url(../images/vlaamseleeuw.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		height: 79px;
		float: right;
		width:96px;
	}
	
	#topleft_logo {
		background-color: #FFFFFF;
		background-image: url(../images/logo.gif);
		background-repeat: no-repeat;
		background-position: bottom right;
		height: 79px;
		float: left;
		width:140px;

	}
	
	#navigatie {
		float: left;
		width: 90%;
		margin-top: 30px;
		color: #666600;
		text-align: right;
	}
	
	.navtitel h1 {
		background-image: url(../images/BGR_navtitel.gif);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-color: #cccc99;
		width: 98%;
		height: 19px;
		padding: 1px 10px 0 0;
		font-weight: bold;
		float: left;
		font-size: 1.1em;
		margin: 0;
		border: 0px;
	}
	
	.navinhoud {
		width: 100%;
		float: left;
		font-weight: bold;
	}
	
	.navinhoud ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.navinhoud li {
		background-image: url(../images/LI_nav.gif);
		background-position: right;
		background-repeat: no-repeat;
		padding: 3px 10px 3px 0;
		border-bottom: 1px solid #cccc99;
	}
	
	.navinhoud a:link, .navinhoud a:active, .navinhoud a:visited {
		color: #666600;
		text-decoration: none;
	}
	
	.navinhoud a:hover, .navinhoud a:visited:hover {
		color: #fe6501;
		text-decoration: underline;
	}
	
	.navbottom {
		background-image: url(../images/BGR_navbottom.gif);
		background-position: right;
		background-repeat: no-repeat;
		background-color: #eeeedd;
		width: 100%;
		height: 20px;
		float: left;
		margin-bottom: 15px;
	}


/*------MIDDLE-------*/

	#topmiddle {
		background-image: url(../images/BGR_toprechts.gif);
		background-repeat: repeat-x;
		height: 79px;
		width: 100%;
	}
	
	#taalkeuze {
		float: left;
		width: 90%;
		margin-top: 5px;
		font-weight: bold;
		color: #666600;
	}
	
	#fontsize {
		float: left;
		width: 5%;
		margin-top: 5px;
		text-align:right;
	}
	
	#space{
	float: left;
		width: 5%;
		margin-top: 0px;
	}
	
	#kruimel {
		font-size: 0.8em;
		float: left;
		width: 100%;
		margin-top: 0px;
	}
	
	#kruimel .EindeBroodkruimel
	{   font-weight: bold;
	}
	
	#banner{
	float:left;
/*	width:90%*/
	/*float:right;*/
	height:108px;
	margin-top:10px;
	}
	
	a:link, a:active, a:visited {
		color: #666600;
		text-decoration: underline;
	}
	
	a:hover, a:visited:hover {
		color: #fe6501;
		text-decoration: underline;
	}
	
	#wrappertekstvlak 
	{	width: 96%;
		float: left;
		margin-top: 15px;
	}
	
	.noleft #wrappertekstvlak 
	{	width: 750px;
		float: left;
		margin-top: 15px;
	}
	.tekstvlak 
	{	border: 1px solid #dedec2;
		padding: 15px 15px 15px 15px!important;	
		padding: 15px 0px 15px 15px;	
		margin-bottom: 15px;
		float: left;
		width: 96%;
	}
	
	
	.tekstvlakhome 
	{	border: 1px solid #dedec2;
		padding: 15px 15px 15px 15px!important;
		padding: 15px 0px 15px 15px;		
		margin-bottom: 15px;
		float: left;
		width:96%;
	}
	
	.tekstvlak ul, .subthema ul 
	{	padding: 0 0 0 10px;
		margin: 0 0 0 10px;
		list-style-image: url(../images/dubpijl.gif);
		line-height: 18px;
	}
	
	h1 
	{	background-color: #dedec2;
		border: 1px solid #dedec2;
		color: #666600;
		font-size: 1.2em;
		margin: 0;
		padding: 5px 15px 5px 15px;
		font-weight: bold;
		float: left;
		width: 96%;
	}

	
	#wrappertekstvlak  .tekstvlakhome h1.csc-firstHeader, #wrappertekstvlak  .tekstvlak h1.csc-firstHeader
	{	background-color: #dedec2;
		border: 1px solid #dedec2;
		color: #666600;
		font-size: 1.2em;	
		margin-left: -16px!important;
		margin-left: -10px;			
		margin-top: -15px;		
		margin-bottom: 15px;
		padding: 5px 15px 5px 15px!important;
		padding: 5px 15px 5px 15px;
		font-weight: bold;
		float: left;
		width: 100%;		

	}
	
	
	h2 
	{	background-color: #ececaa;
		border: 1px solid #ececaa;
		color: #666600;
		font-size: 1em;
		margin: 0;
		padding: 2px 15px 2px 15px;
		font-weight: bold;
		float: left;
		width: 96%;
	}
	
	h3 
	{	font-size: 1em;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 10px 15px;
		background-image: url(../images/dubpijl.gif);
		background-repeat: no-repeat;
		background-position: top left;
		border-bottom: 1px solid #d9d94e;
	}
	
	h4 
	{   font-size: 1em;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	h5
	{	font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1.2em;
	    color: #660;
	    padding: 5px 0px 0px 0px;	    
	}
	
	.eventtitel
    {   font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    color: #333333;
	    font-style: normal;
	    font-weight: bold;	
    }
    
	.knop {
		color: #000;
		border: 1px solid #666600;
		text-decoration: none;
		padding: 3px 7px 3px 7px;
		background-color: #ececaa;
	}
	
	.meterhome {
		background-color: #ececaa;
		padding: 5px;
	}
	
	.meterhome li {
		padding: 0;
		margin: 0;
		list-style-image: url(../images/LI_nav.gif);
		text-align: left;
	}
	
	.meterhomelijn {
		background-image: url(../images/BGR_metershome.gif);
		background-repeat: repeat-y;
		background-position: center;
	}
	
	.tekstvlakhome ul {
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
		list-style: none;
		line-height: 18px;
		text-align: right;
	}
	
	.alignright li {
		background-image: url(../images/LI_dubpijl.gif);
		background-position: right;
		background-repeat: no-repeat;
		padding-right: 20px;
	}
	
	hr {
		color: #dedec2;
		height: 1px;
		background-color: #dedec2;
		border: thin;
	}
	
	.subthema {
		border: 1px solid #ececaa;
		background-color: #f7f7dc;
		padding: 15px;
		margin-bottom: 15px;
		float: left;
		width: 96%;
	}

/*------RIGHT--------*/

	#topright {
		background-image: url(../images/BGR_toprechts.gif);
		background-repeat: repeat-x;
		float: left;
		height: 79px;
		width: 100%;
	}
	.noleft #topright {
		background-image: url(../images/BGR_toprechts.gif);
		background-repeat: repeat-x;
		float: right;
		height: 79px;
		width: 100%;
	}
	
	#banners {
		float: right;
		margin-top: 30px;
		width: 90%;
	}
	
	#banners img {
		border: 0;
	}
	
	#zoekenright {
		float: left;
		text-align: left;
		width: 90%;
	}
	
	.zoekmargin {
		margin: 5px 0 5px 0;
	}
	
	.zoektitel {
		background-image: url(../images/LI_dubpijl.gif);
		background-position: left;
		background-repeat: no-repeat;
		padding-left: 14px;
	}
	
	#zoekenright a:link, #zoekenright a:active, #zoekenright a:visited {
		color: #000;
		border: 1px solid #666600;
		text-decoration: none;
		padding: 3px 7px 3px 7px;
		background-color: #ececaa;
		float: right;
		margin-right: 8px;
	}
	
	#zoekenright a:hover, #zoekenright a:visited:hover {
		color: #000;
		border: 1px solid #666600;
		text-decoration: none;
		padding: 3px 7px 3px 7px;
		background-color: #929258;
		float: right;
		margin-right: 8px;
	}
	
.projectsubtitel
{	color:#333333;
	font-weight:bold;
}


/* AANSTURING DASHBOARD HOME */

/* vereenvoudiging */

#afb_vereenvoudiging
{   position: relative;
    width: 180px;
    text-align: center;
}

#img_vereenvoudiging
{   z-index:2;
    width: 180px;
    height: 83px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#balk_vereenvoudiging
{   z-index:1;
    position: absolute;
    width: 108px;
    height: 28px;
    top: 23px;
    left: 35px;
    background-color: Gray;
    text-align: left;
    border: solid 1px red;
}

#aant_vereenvoudiging
{   z-index:3;
    position: absolute;
    top: 46px;
    left: 65px;
    height: 12px;
    width: 31px;   
    color: #FFFFFF; 
    text-align: right;   
    font-weight: bold;
    letter-spacing: 0.30em;     
    font-size: 8px;
}

.achtergrond
{   width: 100%;
    height: 100%;
    background-image: url(../images/vereenvoudiging_kleur_kl.png);
}

/* regelgeving */

#fig_regelgeving
{   width: 140px;
    position: relative;
    top: 20px;
    background-color: Blue;
}

#afbeelding_regelgeving
{   position: absolute;
    top: 0px;
    left: 0px;
    z-index:5;
    width:140px;
    height:183px;
}

#maand1
{   position:absolute;
    top:17px;
    left: 8px;
    z-index:6;
    color: #FFFFFF;
    font-size: 11px;

}

#perc1
{   position:absolute;
    top:31px;
    left:104px;
    z-index:7;
    color: #FFFFFF;
    font-size: 9px;
}

#balk1
{   position: absolute;
    top:33px;
    left: 8px;
    z-index:4;
    width: 92px;
    height:10px;
    background-image: url("../dashboard/images/regelgeving_bg.png");
    margin:0px;
    padding:0px;
    text-align: left;
}

#maand2
{   position:absolute;
    top: 58px;
    left: 8px;
    z-index:8;
    color: #FFFFFF;
    font-size: 11px;
}

#perc2
{   position: absolute;
    top: 72px;
    left:104px;
    z-index:9;
    color: #FFFFFF;
    font-size: 9px;
}

#balk2
{   position: absolute;
    top:73px;
    left: 8px;
    z-index:4;
    width: 92px;
    height:10px;
    background-image: url("../dashboard/images/regelgeving_bg.png");
    margin:0px;
    padding:0px;
    text-align: left;    
}

#maand3
{   position: absolute;
    top: 99px;
    left: 8px;
    z-index:10;
    color: #FFFFFF;
    font-size: 11px;
}

#perc3
{   position: absolute;
    top:112px;
    left:104px;
    z-index:11;
    color: #FFFFFF;
    font-size: 9px;
}

#balk3
{   position: absolute;
    top:114px;
    left: 8px;
    z-index:4;
    width: 92px;
    height:10px;
    background-image: url("../dashboard/images/regelgeving_bg.png");
    margin:0px;
    padding:0px;
    text-align: left;    
}

#maand4
{   position: absolute;
    top:139px;
    left: 8px;
    z-index:12;
    color: #FFFFFF;
    font-size: 11px;
}

#perc4
{   position: absolute;
    top:152px;
    left:104px;
    z-index:13;
    color: #FFFFFF;
    font-size: 9px;
}

#balk4
{   position: absolute;
    top:154px;
    left: 8px;
    z-index:4;
    width: 92px;
    height:10px;
    background-image: url("../dashboard/images/regelgeving_bg.png");
    margin:0px;
    padding:0px;
    text-align: left;    
}

.balkkleur
{   background-image: url("../images/regelgeving_kleur_kl.png");
    background-repeat: no-repeat;
    background-position: right top;
    height: 15px;
}

/* besparing */

#fig_besparing
{   width: 200px;
    height: 194px;
    position: relative;
    top: 0px;
    left: 0px;
}

#afbeelding_besparing
{   z-index: 1;
    position: absolute;
    top: 0px;
    left:0px;
}

#toename
{   z-index:2;
    position: absolute;
    top: 39px;
    left:0px;
    color: #FFFFFF;
    font-weight: bold;
    width: 216px;
    text-align: center;
    font-size: 9px;
}

#toenamet
{   z-index:2;
    position: absolute;
    top: 53px;
    left:0px;
    color: #FFFFFF;
    width: 216px;
    text-align: center;
    font-size: 9px;
}


#afname
{   z-index:3;
    position: absolute;
    top: 73px;
    left:0px;
    color: #FFFFFF;
    font-weight: bold;
    width: 216px;
    text-align: center;
    font-size: 9px;    
}

#afnamet
{   z-index:3;
    position: absolute;
    top: 86px;
    left:0px;
    color: #FFFFFF;
    width: 216px;
    text-align: center;
    font-size: 9px;    
}

#maand 
{   z-index:4;
    position: absolute;
    top: 113px;
    left:0px;
    color: #FFFFFF;
    width: 216px;
    text-align: center;
    font-size: 10px;
}

#totaal
{   text-align: center;
    z-index:5;
    position: absolute;
    top: 144px;
    width: 70px;
    left:63px;
    color: #FFFFFF; 
    text-align: right;   
    font-weight: bold;
    letter-spacing: 0.20em;
    font-size: 8px;  
}

#euro
{   text-align: left;
    z-index:5;
    position: absolute;
    top: 143px;
    width: 50px;
    left: 140px;
    color: #FFFFFF; 
    font-size: 10px;  
}

#besparingadmlasten 
{   z-index:4;
    position: absolute;
    top: 160px;
    left:0px;
    color: #FFFFFF;
    width: 216px;
    text-align: center;
    font-size: 9px;
}

#admlasten 
{   z-index:4;
    position: absolute;
    top: 20px;
    left:0px;
    color: #FFFFFF;
    width: 216px;
    text-align: center;
    font-size: 10px;
}
/*
img {
   behavior: url("pngbehavior.htc");
}
*/
	#metnav_zonderR 
	{	width: 100%;
		float: left;
		margin-top: 15px;
	}
	
	.metnav_zonderR
	{	border: none;
		padding: 15px 15px 15px 15px!important;	
		padding: 15px 0px 15px 15px;	
		margin-bottom: 15px;
		float: left;
		width: 96%;
	}