@charset "utf-8";
/* CSS Document */

* {
	padding:0; margin:0;
}

html {
	background:#fff;
}

body {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

ul {
	margin:12px 20px 12px 40px;
	line-height:20px;
}

p.intro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0066B2;
	margin-top:8px;
	margin-bottom:13px;
}

div.kader {
	background-color:#e6e6e6;
	border:1px solid #333333;
	padding-top:5px;
	padding-left:5px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#0066B2;
	margin-top:12px;
	margin-bottom:14px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0066B2;
}

strong {
	color:#0066B2;
}

img {
	border:none;
}

a:link, a:visited, a:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#0066B2;
	text-decoration:underline;
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#a9141a;
	text-decoration:underline;
}

div.clearer {
	height:0px;
	line-height:0px;
	clear:both;
}

/* STRUCTURAL DIVS */
div#site_wrapper {
	width:940px;
	margin:0 auto;
}

div#header {
	width:940px;
	height:215px;
}

div#anim_container{
	width:600px; height:32px;
	position:relative;
	left:5px;
	top:-175px;
	z-index:10;
}
div#anim{}

div#frame_wrapper {
	width:940px;
}

div#footer {
	width:925px;
	height:20px;
	padding-right:15px;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-y;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
}
	/* LINKS WITHIN FOOTER */
	div#footer a:link, div#footer a:visited, div#footer a:active, div#footer a:hover {
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		font-size:11px;
		text-decoration:underline;	
	}


/* FRAME DIV */
div#frame_top {
	width:940px;
	height:6px;
	line-height:0px;
	font-size:0px;
	background-image:url(../images/frame_top.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
div#frame_middle {
	width:940px;
	background-image:url(../images/frame_middle.jpg);
	background-repeat:repeat-y;
}
div#frame_bottom {
	width:940px;
	height:8px;
	line-height:0px;
	font-size:0px;
	background-image:url(../images/frame_bottom.jpg);
	background-repeat:no-repeat;
}

/* CONTENT - MIDDLE FRAME */
div#content_wrapper {
	width:904px;
	position:relative;
	top:0px;
	left:30px;
}
div#content_wrapper.stijgend_bg {
	background-image:url(../images/stijgend_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}
	/* NAVIGATIE ITEMS + CONTENT */
	div#nav_left {
		width:205px;
		float:left;
		padding-top:18px;
	}
		/* NAVIGATIE */
		div#nav_left a:link, div#nav_left a:visited, div#nav_left a:active {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:normal;
			line-height:24px;
			text-decoration:none;
			color:#0066B2;
			display:block;
			width:180px;
			border-bottom:1px solid #d8d8d8;
		}
		div#nav_left a:hover {
			color:#a9141a;
		}
		div#nav_left a.selected {
			color:#000;
			cursor:default;
		}
		/* 2ND LEVEL NAVITATION */
		div#nav_left a#subnav:link, div#nav_left a#subnav:visited, div#nav_left a#subnav:active {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:normal;
			line-height:24px;
			text-decoration:none;
			color:#808080;
			display:block;
			width:170px;
			padding-left:10px;
			border-bottom:none;
		}
		div#nav_left a#subnav:hover {
			color:#a9141a;
		}
		div#nav_left a#subnav.selected {
			color:#000;
			cursor:default;
		}
	div#polaroid {
		width:200px;
		height:210px;
	}
	div#nav_left a#overige{ border-bottom:none; }
	div#nav_left a#radiospot{ border-bottom:none; }
	div#nav_left a#renocycleren{ border-bottom:none; }
	div#logo_peb, div#logo_epb {width:128px; height:128px; margin:10px auto; background-repeat:no-repeat;}
	div#logo_peb {background-image:url(../images/logos/PEBNew.jpg);}
	div#logo_epb {background-image:url(../images/logos/EPBNew.jpg);}
		
	div#content {
		width:460px;
		float:left;
		padding-right:5px;
		padding-bottom:18px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		font-weight:normal;
	}
	
	div#nav_right {
		width:230px;
		float:right;
	}
	
	div#nav_right.stijgend_bg {
		width:230px;
		float:right;
		padding-bottom:335px;		
		/* padding om de background image altijd zichtbaar te hebben onder navigatie buttons */
	}
	.listvoordeel {list-style:none; margin-left:0px;}
	.listvoordeel li{padding-bottom:10px; margin-left:20px; position:relative;}
	.listvoordeel li h2{margin:0px; position:absolute; top:0px; left:0px;}
	.listvoordeel li span{display:block; padding-left: 60px; position:relative; line-height:16px;}
	.listvoordeel .result{margin-left:0px; font-weight:bold; }
	.listvoordeel .result h2{margin-left:0px; font-weight:bold;}
	.listvoordeel .result span{padding-left: 40px;}