h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; line-height:1em; outline:none; font-weight:normal}
ul,ol {list-style:none}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input {margin:0; padding:0}
fieldset {border:0}
a img,:link img,:visited img {border:none}
:link,:visited {text-decoration:none}
.center {text-align:center}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}*:first-child+html .clearfix {zoom:1}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
	}

body,html {
	background:url(images/body-bg.png) no-repeat 50% top;
	font:12px Arial, Helvetica, sans-serif
}
html, body {height: 100%;}

#wrap {
    min-height: 100%;
    margin:0 auto;
}


#main {overflow:auto;padding-bottom:40px}  /* must be same height as the footer  + height for extra padding */

#footer {position:relative;margin-top:-69px;height:49px;padding:20px 0 0;clear:both;background:#d0e9ff;text-align:center} 

#footer p {color:#001f69;font:12px/18px Arial;}
#footer p a {color:#001f69}
#footer p a:hover {text-decoration:underline}

body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px}

#wrapper {
	margin:0 auto;
	width:1071px
}

#header {}

#header #toprow {position:relative;height:97px}
#header #bottomrow {}
#header h1 {display:block;position:absolute;left:36px;top:18px}
#header p.slogan {float:right;font:22px/76px 'DINProRegular';display:inline;color:#00216F}
#header p.slogan strong {font-family:'DINProBold';color:#00216f}

#bottomrow {clear:both}
#bottomrow li {float:left;width:357px;text-align:center}
#bottomrow li.ipad {background:url(images/bottomrow-ipad.png) no-repeat;color:#fff;padding:165px 58px 0 37px;height:117px;width:262px}
#bottomrow li h2 {font:21px/32px 'DINProBold';text-transform:uppercase;}
#bottomrow li p {font:14px/26px 'DINProBold';text-transform:uppercase;}
#bottomrow li.ipad p span.groot {display:block;font:51px/48px 'DINProBold';}
#bottomrow li.verdien-geld {background:url(images/bottomrow-verdien-geld.png) no-repeat;color:#001f69;padding:165px 47px 0 48px;height:117px;width:262px}
#bottomrow li.verdien-geld h2 {}
#bottomrow li.verdien-geld p {}
#bottomrow li.uitbetalen {background:url(images/bottomrow-uitbetalen.png) no-repeat;color:#fff;padding:165px 35px 0 60px;height:117px;width:262px}
#bottomrow li.uitbetalen h2 {  }
#bottomrow li.uitbetalen p {  }

.sidebar {float:left;width:213px;padding:37px 34px 69px 29px}
.sidebar .widget {margin:0 0 20px}
.sidebar .widget.geel {}

.sidebar .widget h2 {background:url(images/sidebar-heading-blauw.png) no-repeat;font:17px/34px 'DINProLight';height:34px;width:212px;color:#fff;text-indent:20px}
.sidebar .widget.geel h2 {background:url(images/sidebar-heading-geel.png) no-repeat;color:#001f69;font:17px/34px 'DINProBold';}

.sidebar .widget .bottom {background:url(images/sidebar-widget-bottom-blauw.png) no-repeat left bottom;padding:0 0 4px}
.sidebar .widget.geel .bottom {background:url(images/sidebar-widget-bottom-geel.png) no-repeat left bottom;padding:0 0 4px}

.sidebar .widget ul {background:url(images/sidebar-widget-blauw-bg.png)}
.sidebar .widget.geel ul {background:url(images/sidebar-widget-geel-bg.png);padding:0 0 4px;}
.sidebar .widget ul li {line-height:26px;padding:0 7px}
.sidebar .widget ul li a {background:url(images/sidebar-bullet-blauw.png) no-repeat 8px 50%;color:#001f69;display:block;padding:0 0 0 20px}
.sidebar .widget ul li a:hover {color:#ffb502}

#content {float:left;padding:37px 0 69px;width:519px;}
#content h2 {font:32px 'DINProRegular';color:#001f69;margin:0 0 12px}
#content h2 span {color:#ffb502}
#content p {font:12px/18px Arial, Helvetica, sans-serif;margin:0 0 18px}
#content .vlak-geel {background:#ffb503 url(images/vlakgeel-bg.png) no-repeat;margin:0 0 18px}
#content .vlak-geel .bottom {background:url(images/vlakgeel-bottom.png) no-repeat left bottom;padding:10px 12px 13px;color:#001f69}
#content .vlak-geel h3 {font:14px/20px 'DINProBold'}
#content .vlak-geel p {font:14px/20px 'DINProRegular';margin:0 0 4px}
#content .vlak-geel ul {  }
#content .vlak-geel ul li {background:url(images/vlakgeel-bullet.png) no-repeat 3px 50%;font:14px/20px 'DINProRegular';padding:0 0 0 22px;line-height:20px;}
#content .vlak-geel ul li a {color:#001f69;text-decoration:underline}

#content .banner {
	background:url(images/leden-banner.png);
	width:482px;
	padding:6px 0 0;
	height:67px;
	margin:0 auto;
}

#content .banner a {
	margin:0 auto;
	text-align:center;
	display:block;
}

#stappenplan {background:#ffc94c url(images/stappenplan-bg.png) no-repeat left bottom;margin:0 0 18px}
#stappenplan h2 {background:url(images/stappenplan-top.png);height:42px;font:17px/36px 'DINProBold';color:#ffb503;text-indent:20px}
#stappenplan ol {padding:0 0 4px}
#stappenplan ol li {color:#001f69;padding:0 10px 0 44px}
#stappenplan ol li.first {background:url(images/stappenplan-1.png) no-repeat 11px 50%;}
#stappenplan ol li h3 {font:16px 'DINProBold';color:#001f69}
#stappenplan ol li p {font:12px 'DINProBold'}
#stappenplan ol li.second {background:url(images/stappenplan-2.png) no-repeat 11px 50%;}
#stappenplan ol li.third {background:url(images/stappenplan-3.png) no-repeat 11px 50%;}

#optin {background:url(images/optin-bg.png);height:112px;position:relative;}
#optin form {padding:20px 0 0 10px;}
#optin form p {float:left;width:195px;font:14px/22px 'DINProRegular';color:#ffb502}
#optin form p strong {font:14px 'DINProBold'}
#optin form p.input input {background:url(images/optin-input.png);width:203px;height:53px;display:block;border:none;font:20px/53px Arial, Helvetica, sans-serif;color:#001f69;padding:0 10px}
#optin form button {background:url(images/optin-button.png);width:282px;height:42px;display:block;border:none;text-indent:-3000em;position:absolute;left:107px;bottom:-16px;cursor:pointer;}
#optin form img {position:absolute;top:-6px;right:-2px}

#aanmelden {width:1000px;margin:20px auto}
#aanmelden .links {float:left;margin:0 53px 0 0}
#aanmelden .links h2 {font:32px 'DINProRegular';color:#001f69;margin:0 0 0.5em;}
#aanmelden .links h2 span {color:#ffb502}
#aanmelden .links p.small {font:12px 'DINProRegular';color:#001f69;margin:0 0 2em}
#aanmelden .links .vlak-geel {background:url(images/aanmeld-waarom-bg.png);width:469px;padding:10px 0 0;margin:0 0 2em}
#aanmelden .links .vlak-geel p {font:14px 'DINProBold';color:#001f69;padding:0 10px;margin:0 0 5px}
#aanmelden .links .vlak-geel ul {padding:0 2px 0 4px}
#aanmelden .links .vlak-geel ul li {background:url(images/vlakgeel-bullet-klein.png) no-repeat 5px 50%;padding:0 0 0 20px;font:12px 'DINProRegular';color:#001f69;line-height:20px}
#aanmelden .links .vlak-geel p.groot {background:url(images/aanmeld-waarom-bottom.png) no-repeat;height:34px;display:block;color:#fff;line-height:34px;padding:2px 0 0;text-indent:13px;margin:0}
#aanmelden .links h3 {font:19px 'DINProBold';color:#001f69}

#aanmelden .rechts {background:url(images/aanmeld-ipad-groot.jpg) no-repeat;width:418px;float:left;height:175px;padding:245px 0 0;}
#aanmelden .rechts form {  }
#aanmelden .rechts form p {margin:0 0 16px ;text-align:center}
#aanmelden .rechts input {background:url(images/aanmeld-input.png);width:373px;height:62px;font:28px/62px Arial;padding:0 10px;border:none;color:#001f69;margin:0 auto}
#aanmelden div.rechts form p button {background:url(images/aanmeld-bevestigen.png);width:282px;height:42px;border:none;text-indent:-3000em;margin:0 auto;display:inline-block;cursor:pointer;}