h1,h2,h3 {font-size:1em; outline:none;}
ul,ol {list-style:none}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
fieldset {border:0}
a img,:link img,:visited img {border:none}
:link,:visited {text-decoration:none}
img {display:block}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#afm {
	background:url(images/afm.png) 50% no-repeat;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:29px;
}

#container {
	margin:0 auto;
	padding:0 0 128px;
	width:820px;
}

#header {
	background:url(images/beste-lening-advies.png) right top no-repeat;
	height:124px;
	margin:33px 0 22px;
}

#header h1 a {
	background:url(images/header-mpl.png) no-repeat;
	display:block;
	height:64px;
	width:514px;
	text-indent:-3000em;
}


#header ul {
	background:url(images/header-nav-bg.png);
	height:41px;
	margin:19px 0 0;
	position:relative;
}

#header ul li {
	float:left;
	display:inline;
	line-height:38px;
}

#header ul li a {
	color:#fff;
	display:block;
	float:left;
	font:16px/38px "Verdana", Arial;
	height:41px;
	padding:0 22px;
}

#header ul li a:hover, #header ul li.active {background:url(images/header-nav-hover.png)}

#header li.nav-start,
#header li.nav-end {
	display:block;
	position:absolute;
	height:41px;
	width:5px;
	top:0;
	padding:0;
}

#header li.nav-start {background:url(images/header-nav-start.png);left:0;}
#header li.nav-end {background:url(images/header-nav-end.png);right:0;}

#content {
	color:#2d2d2d;
	float:left;
	font:13px/1.66em "Verdana", "Trebuchet MS", Arial;
	width:560px;
}

#content a {color:#02175c;text-decoration:underline}

#content p {margin:0 0 20px}
#content a:hover {color:#ff9001;}

#content h2 {
	color:#2d2d2d;
	font-size:16px;
	margin:0 0 16px;
}

#content h2 span.navy {color:#01165c;}
#content h2 span.oranje {color:#ff9001;}





/* Most common stuff you'll need to change */

.coda-slider-wrapper {
	height:140px;
	margin:0 0 24px;position:relative;
}
.coda-slider {}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {
	height:140px;
	overflow:auto!important;
	padding:0 20px 0 0
}
	
	/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 560px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width:560px }
.coda-slider-wrapper.arrows .coda-slider { }
	
	/* Arrow styling */
	
.coda-nav-left a {
	background:url(images/content-slider-prev.png) no-repeat left top;
	height:140px;
	left:-15px;
	position:absolute;
	top:0;
	width:30px;
	z-index:5;
	display:block;
	height:140px;
	outline:none;
	text-indent:-3000px;
	width:30px;
}

.coda-nav-left a {
	}
	
.coda-nav-right a {
	background:url(images/content-slider-next.png) no-repeat right top;
	display:block;
	height:140px;
	outline:none;
	position:absolute;
	right:-15px;
	text-indent:-3000px;
	top:0;
	width:30px;
	z-index:5;
	}
	
.coda-nav-left a:hover {background:url(images/content-slider-prev.png) no-repeat left bottom}
.coda-nav-right a:hover {background:url(images/content-slider-next.png) no-repeat left bottom}
.coda-slider .panel-wrapper { overflow:hidden }
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-slider-wrapper { }
.coda-slider { float: left; overflow: hidden; position: static }
.coda-slider .panel { display: block; float: left ;}
.coda-slider .panel-container {  }
	

#content #slider #promo {	
	height:140px;
	width:560px;
	z-index:1;
}

#content #slider #promo img {
	height:140px;
    left:0;
    top:0; 
	width:560px;
}

#content ul.stappenplan li {
	margin:0 0 40px;
	padding:0 0 0 71px;
	position:relative;
}

#content ul.stappenplan li span {
	background:url(images/content-stappenplan-punt.png) no-repeat;
	color:#000;
	display:block;
	font-size:17px;
	font-weight:bold;
	height:51px;
	left:0;
	line-height:0.9em;
	padding:10px 0 0 2px;
	position:absolute;
	text-align:center;
	top:10px;
	width:59px;
}

#content ul.overzicht {width:487px;}

#content ul.overzicht li {
	border:1px solid #c4c4c4;
	margin:0 0 14px;
	padding:8px;
}

#content ul.overzicht li p {margin:0}

#content ul.overzicht li p.banner {margin:0 0 4px}

#content ul.overzicht li p.banner a {
	border:1px solid #283f73;
	display:block;
	height:58px;
	width:466px;
}

#content ul.overzicht li p.row-a {
	color:#02175c;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	position:relative;
}
#content ul.overzicht li p.row-b {position:relative}

#content ul.overzicht li p.row-a img {display:inline}

#content ul.overzicht li p.row-a span,
#content ul.overzicht li p.row-b span {
	position:absolute;
	right:0;
	top:0;
}

#content ul.overzicht li p.row-a span {color:#ff9001;font-weight:normal}

#content ul.overzicht li p.row-b a {
	color:#ff9001;
	font-weight:bold;
	text-decoration:none;
}

#content ul.overzicht li p.row-b span a {
	color:#01165c;
	font-weight:bold;
	text-decoration:none
}

#sidebar {
	display:inline;
	float:left;
	margin:0 0 0 25px;
	width:235px;
}

#sidebar .box {
	background:url(images/sidebar-box-bg.png) no-repeat;
	font:13px/1.66em  "Verdana", "Trebuchet MS", Arial;
	margin:0 0 48px;
	padding:0 4px;
}

#sidebar .box a {
	color:#01165c;
	font-weight:bold;
	text-decoration:underline;
}

#sidebar .box a:hover {color:#02175d}

#sidebar .box h3 {
	font-size:16px;
	height:37px;
	line-height:37px;
	margin:0 0 8px;
}

#sidebar .box h3.center {text-align:center}

#sidebar .box h3.center a {
	display:block;
	height:37px;
	text-decoration:none;
	width:211px;
}

#sidebar .box img {float:left;margin:0 8px 3px 0}

#footer {
	background:url(images/footer-bg.png);
	border-top:1px solid #707070;
	clear:both;
	height:83px;
	margin-top:-128px;
	padding:44px 0 0;
	position:relative;
}

#footer .inner {margin:0 auto;width:820px}

#footer p.logo {
	background:url(images/footer-mpl.png) no-repeat;
	display:block;
	height:33px;
	margin:0 50px 0 0;
	text-indent:-3000em;
	width:312px;
}

#footer p {
	color:#000;
	float:left;
	font:11px/33px "Calibri", "Trebuchet MS", Arial;
}

#footer p a {color:#fff}
#footer p a:hover {text-decoration:underline}

#footer p.tos {
	clear:both;
	float:none;
	color:#fff;
	font:11px/33px "Verdana", "Trebuchet MS", Arial;
	text-align:center;
	height:33px;
	padding:16px 0 0;
	}
	
#footer p.tos a {color:#fff;text-decoration:underline}