*{margin:0; padding:0; border:0; text-decoration:none; list-style:none; outline:none}
body{font:12px 'Verdana'; background:url('images/body.png') 0 142px repeat-x}
h1, h2, h3{padding:0 0 0 12px; font:bold 14px/32px 'Verdana'; color:#0046ba; background:url('images/h2.png') no-repeat}
h3{color:#ffa200; background:url('images/h3.png') no-repeat}
.clear{clear:both}
.left{float:left}
#container{width:986px; margin:0 auto;position:relative;}
#header{width:989px; margin:0 3px 32px 0; height:148px; background:url('images/header.jpg') no-repeat}
#contentblock_t{ border-left:1px solid #ccc;  border-right:1px solid #ccc;  width:987px;  padding-top:15px;  margin:0 auto;  margin-top:-32px}
#leadform{ margin:0;  width:987px;    border-bottom:1px solid #ccc}
#header #logo{background:url("images/hypotheken.org.png") no-repeat scroll 0 0 transparent;       display:block;       height:116px;       width:330px;       margin-left:18px;       color:white}
#header h1 a{display:block; height:116px}
#tickertape{display:none; width:525px; height:52px; margin:0 0 -52px; position:relative; top:60px; left:423px; background:url('images/tickertape.png')}
#header dl{float:left; width:135px; position:relative; top:12px; left:80px; z-index:100}
#header dl.first{margin:0 102px 0 0}
#header dt, dd{width:45px; float:left}
#header dd{font:9px 'Verdana'; color:#e69800}
#header dt{font:bold 9px 'Verdana'; color:#0049c2}
#nav{height:35px; position:absolute; top:113px;right:25px; z-index:1000}
#nav li{float:left; height:35px; margin:0 0 0 -6px; text-align:center; position:relative; z-index:1000; font:bold 11px/33px 'Verdana'}
#nav li .le{float:left; width:6px; height:100%; background:url('images/nav_le.png') no-repeat}
#nav li:hover .le{background:url('images/nav_hover_le.png') no-repeat}
#nav li .mi{float:left; height:100%; padding:2px 0 0; background:url('images/nav.png') repeat-x}
#nav li:hover .mi{padding:5px 0 0; background:url('images/nav_hover.png') repeat-x}
#nav li .ri{float:left; width:6px; height:100%; background:url('images/nav_ri.png') no-repeat}
#nav li:hover .ri{background:url('images/nav_hover_ri.png') no-repeat}
#nav li:hover{position:relative; top:-6px; height:41px}
#nav li a{padding:0 10px 0 16px; margin:0 0 0 -6px; width:100%; color:#fff; position:relative}
#nav ul ul{position:absolute; left:-99999px; margin:41px 0 0 4px; border:1px solid #5a5a5a; border-top:none; background:#fff; z-index:1000}
#nav ul li:hover ul, #nav ul li.hover ul{left:auto}
#nav li li{clear:left; width:auto; height:auto; margin:0; padding:0 10px; line-height:21px; background:none; text-align:left}
#nav li li:hover{top:0; padding:0 10px; height:auto; background:none}
#nav li li a{min-width:175px; padding:0; margin:0; float:left; display:block; font:bold 11px/21px 'Verdana'; color:#ffa200}
#nav li li a:hover{color:#0046ba}
#timeLine{float:left; width:228px; min-height:951px; height:auto !important; height:951px; margin:0 -8px 0 0; padding:0 8px 0 0; background:url('images/timeline.png') 2px 32px no-repeat}
#timeLine .situation{width:200px; margin:0 0 0 16px; position:relative; top:-3px; color:#666; border:1px solid #ddd}
#timeLine .situation option{padding:0 4px}
#timeLine p{padding:13px 0 0 16px; font:12px/42px 'Verdana'; color:#4d4d4d}
#timeLine p.sit{padding:13px 0 0 45px; background:url('images/sit.png') 11px 17px no-repeat}
#timeLine p.fase{padding:13px 0 0 45px; background:url('images/fase.png') 11px 17px no-repeat}
#timeLine ul{margin:0 0 0 12px; padding:0 0 0 1px; background:url('images/timeline_line.png') repeat-y}
#timeLine li#homeItem{margin:0 0 10px -11px; padding:0; border-top:1px solid #dfdfdf; background:url('images/home_item.png') right}
li#homeItem h4{padding:0 0 0 5px; width:210px}
li#homeItem h4 a{font:13px/32px 'Verdana'; color:#0046ba; cursor:default; text-decoration:none}
#timeLine .img{margin:0; padding:0; cursor:default}
#timeLine .img img{margin:50px 0 -2px}
#timeLine div{float:left; width:23px; height:23px; margin:0 0 -23px 0; padding:0 0 0 8px; color:#fff; line-height:22px; text-align:center; position:relative; left:-1px; background:url('images/time_line_div.png')}
#timeLine a:hover{text-decoration:underline}
#timeLine h4{width:176px; padding:0 9px 0 30px; position:relative; left:6px; font:bold 12px/22px 'Verdana'; color:#e69801}
#timeLine h4 a{color:#e69801}
#timeLine li.active h4{color:#0047bc; position:relative}
#timeLine li{clear:left; position:relative; padding:5px 0 5px}
#timeLine li.first{border-bottom:1px solid #dfdfdf}
#timeLine li.active2{padding-left:11px; margin:0 0 0 -11px; background:url('images/time_line_active2.png')}
#timeLine li.active{padding-left:11px; margin:0 0 0 -11px; background:url('images/time_line_active.png') !important}
#timeLine li.img.active{padding-left:0; margin:0; background:none}
#timeLine li.active2 div{background:url('images/time_line_div_active2.png')}
#timeLine li.active div{background:url('images/time_line_div_active.png') !important}
#timeLine div.clear{float:none; width:auto; height:0; margin:0; background:none}
#timeLine ul ul{clear:both; margin:0; padding:0; position:relative; top:-2px; border:none; background:none}
#timeLine li li{margin:0; padding:0 0 0 63px; font:11px/14px 'Verdana'; color:#2d2d2d; background:url('images/time_line_li.png') 45px 7px no-repeat}
#timeLine li li a{color:#2d2d2d}
#timeLine li li.active{margin:0; padding:0 0 0 63px; font:11px/14px 'Verdana'; color:#2d2d2d; background:url('images/time_line_li.png') 45px 7px no-repeat}
#content{float:left; width:297px; min-height:944px; height:auto !important; height:944px; margin:0 -4px 0 -5px; padding:0 4px 0 5px; font:11px 'Verdana'; color:#2d2d2d; background:url('images/content.png') no-repeat}
.push{margin-bottom:15px; height:auto !important; height:595px}
#content h3, #content h2{margin-bottom:8px; color:#ffa200}
#content h4{padding-left:20px; font:bold 12px/30px 'Verdana'; color:#0046ba; background:none; margin:0 0 -13px}
#content img{margin:12px 0 12px 13px}
#content p img{margin:-5px 0 -5px -5px}
#container img.overlay{float:left}
#content p, #content ul{padding:12px 15px 12px 20px; line-height:14px}
#content .info{margin:15px 0 0 66px}
#container p.overlay{clear:left; height:38px; width:259px; margin:0 0 -38px 13px; padding:0 0 0 10px; position:relative; top:-50px; font:bold 12px/38px 'Verdana'; color:#fff; background:url('images/overlay.png')}
#content ul{color:#44659f}
#content li{padding:0 0 0 15px; background:url('images/li.png') 0 7px no-repeat}
#rent{float:left; width:202px; min-height:951px; height:auto !important; height:951px; padding:0 11px 0 3px; font:11px 'Verdana'; color:#2d2d2d; background:url('images/rent.png') 204px 32px no-repeat}
#rent h2{margin:0 0 8px}
#rent p{padding:12px 20px 12px 25px; line-height:14px}
#rent .test{width:130px; height:43px; margin-left:41px; cursor:pointer; background:url('images/test.png')}
h5{padding:10px 0 5px 30px; font:bold 12px 'Verdana'; color:#004ac4}
.line{height:5px; width:142px; margin:0 0 0 28px; border-bottom:1px solid #d9d9d9}
#rent .text{width:75px; height:14px; margin:0 0 0 88px; padding:2px 2px; font:11px 'Verdana'; text-align:right; color:#888; border:1px solid #cdcdcd}
.slider{width:145px; height:16px; margin:8px 0 16px 30px; margin-bottom:2px; background:url('images/slider.png')}
.ui-slider, .ui-slider-handle{width:40px; height:20px; margin:-1px 0 -3px -10px; position:absolute; cursor:pointer; background:url('images/handle.png')}
.ui-slider{width:145px; height:16px; background:none}
#rightBar{float:left; width:246px; margin:-9px -100px 0 0}
.box{min-height:89px; height:auto !important; height:89px; padding:0 0 25px; background:url('images/box.png') repeat-x}
.box h2, .box h1{padding:16px 0 16px 46px; line-height:18px; background:none}
h2.actual_rent{background:url('images/actual_rent.png') 7px 9px no-repeat}
h2.news{background:url('images/news.png') -1px 6px no-repeat}
h2.best{background:url('images/best.png') 4px 10px no-repeat}
h2.tools{background:url('images/tools.png') 5px 6px no-repeat}
h2.add{background:url('images/add.png') 5px 4px no-repeat; margin:0 0 20px}
.ad{margin:0 0 0 -2px; position:relative}
.box table{width:100%; font:10px 'Verdana'; color:#5a5a5a}
.box table td{padding:0 7px}
.box table td.first{color:#004ac4}
.box table tr.first{font:11px 'Verdana'; color:#e69800}
.box table th{padding:0 7px 8px}
.box p{font-size:11px; color:#2d2d2d}
.box p.note{padding:0 0 0 8px; font-size:9px; line-height:30px; color:#ffa200}
.box ul{padding:10px 20px 0 10px}
.box ul p{padding:1px 0}
.box li{padding:0 0 16px; margin:-2px 0 12px; background:url('images/box_li.png') bottom repeat-x}
a.more{padding:0 0 0 30px; font:bold 10px 'Verdana'; text-decoration:underline; color:#004ac4; background:url('images/more.png') 12px 4px no-repeat}
.box ul a.more{padding:0 0 0 20px; background:url('images/more.png') 2px 4px no-repeat}
.box p.date{font:10px 'Verdana'; color:#004ac4}
h6{font:bold 11px 'Verdana'; padding:2px 0; color:#e69800}

.box ul.best li, .box ul.tools li{margin:0; padding:0 0 0 33px; font:bold 11px/20px 'Verdana'; background:url('images/best_small.png') 0 1px no-repeat}

.box ul.tools li{background:url('images/tools_small.png') 0 2px no-repeat}

.box ul.best a, .box ul.tools a{text-decoration:underline; color:#0048be}

#sContent{float:left; width:757px; min-height:951px; height:auto !important; height:951px; background:url('images/rent.png') 748px 32px no-repeat}

#sContent h2{padding-left:22px; background:url('images/h1.png') no-repeat}

#sContent h3{padding-left:22px; font:bold 12px/50px 'Verdana'; color:#ffa200; background:none; margin:0 0 -13px}

#sContent h4{padding:12px 0 0 22px; margin:0 0 -8px; font:bold 11px/11px 'Verdana'; color:#0046ba; background:none}

#sContent .date{float:right; margin:-26px 0 0; padding:0 30px; font:bold 12px/20px 'Verdana'; color:#ffa200}

#sContent p, #sContent ul, .recentNews{font-size:11px; padding:13px 22px 0; color:#5a5a5a}

.recentNews{padding-bottom:20px}

.half{float:left; width:329px; padding:0 27px 0 0}

#sContent .archief li li a{color:#ffa200; display:block}

#sContent .archief li li a span{float:right; margin:0 -30px 0 0; color:#0046ba}

#sContent ul ul{padding-top:0}

#sContent dt{color:#0046ba; clear:left; float:left; width:75px}

#sContent dd{width:210px; font-size:12px}

#sContent dd a{color:#ffa200}

#sContent li{padding:0 0 0 15px; background:url('images/li.png') 0 7px no-repeat}

#sContent .newNews{padding-bottom:20px}

#sContent .newNews li{float:left; width:329px; padding:0 27px 0 0; background:none}

#sContent .newNews p, #sContent .newNews h3{padding:0}

#sContent .newNews .date{margin:-21px 0 0; color:#0046ba; font-size:10px}

.form{margin:20px 0 0 13px; padding:0 0 30px; font-size:11px; color:#474747; background:url('images/form.png') bottom left no-repeat}

#sContent .form h4{margin:0; padding:0 0 0 16px; font:bold 12px 'Verdana'; line-height:32px; color:#ffa200; background:url('images/form_h3.png') no-repeat}

.form_bg{padding:0 17px 0 10px; background:url('images/form_bg.png') repeat-y}

.form fieldset{width:423px; padding:33px 0 22px; border-right:1px solid #fff; border-left:1px solid #fff; background:#9eb4d8 url('images/form_fieldset.png') repeat-x}

.form fieldset span{float:left; width:105px; padding:0 0 0 29px; line-height:20px}

.form fieldset p{position:relative; top:-25px; margin:0 0 -5px}

.form fieldset .text{width:158px; height:15px; padding:3px 2px 2px; margin:0 0 7px}

.form textarea{width:256px; height:75px; padding:3px 2px 2px; margin:0 0 7px}

.form .send{width:112px; height:41px; margin:9px 0 0 284px; cursor:pointer; background:url('images/send.png')}

.form ul.left{margin:38px 0 0 5px; padding:0 0 1px; background:url('images/box_li.png') bottom repeat-x}

#container .alert{color:#c23232}

#sContent .form ul.left img{margin:0}

.form ul.left li{padding:1px 0 0; background:url('images/box_li.png') repeat-x}

.text, textarea{font:11px 'Verdana'; color:#474747}

#sContent a{color:#0046ba}

#sContent a:hover{text-decoration:underline}

#sContent img{margin:4px 12px 12px 22px}

#sContent p.overlay{width:420px; margin-left:22px}

#footer{width:989px; height:43px; margin:13px 0 1px; font:12px/43px 'Tahoma'; color:#4f4f4f; position:relative; background:#e6e6e6; z-index:0}

#footer ul{padding:0 0 0 8px}

#footer li{float:left; padding:0 13px 0 12px; background:url('images/footer.png') right 17px no-repeat}

#footer li.last{background:none}

#footer a{color:#4f4f4f}

#footer a:hover{text-decoration:underline}

#result-maxhypo{ font-size:13px;  color:red;  display:block;  padding:10px;  border:1px solid #c0c0c0;  text-align:center;  margin-left:12px;  width:141px}

 
#biginteresttable{margin-left:20px}

#biginteresttable table{text-align:left}

#biginteresttable td, 
#biginteresttable th{font-size:11px; color:#031884; padding-right:15px; padding:3px}

#biginteresttable a{ color:#031884}
 
#biginteresttable .even{background-color:#f2f2f2}

#biginteresttable tr.first{background-color:#0046BA}

#biginteresttable th{color:#f9f9f9}

#formulier .introtext{width:410px; font-size:13px; margin-top:10px; margin-bottom:10px; color:#535151; margin-left:10px}
#formulier{position:relative; margin:0; padding:0; font-family:Helvetica,Geneva,Arial,sans-serif}
  img{border:0}
  a{cursor:pointer}
  #formulier #title-form{position:absolute; top:-50px; left:120px}
  #formulier #kerel{position:absolute; width:95px; height:342px; top:-77px; left:0px; background:url('images/kerel.png'); z-index:1212}
  #formulier #kerel_top{position:absolute; width:142px; height:96px; top:-77px; left:17px; background:url('images/kerel_upper.png'); z-index:1213}
  #formulier .formbox{position:relative; margin-left:75px; margin-top:80px; padding:25px; width:750px; min-height:425px; background:#fff url('images/gradient_ending_white.png') repeat-x bottom left; border:1px solid #ccc}
  #formulier .formbox_big{position:relative; margin-left:75px; margin-top:80px; padding:25px; width:750px; min-height:805px; background:#fff url('images/gradient_ending_white.png') repeat-x bottom left; border:1px solid #ccc}
  #formulier .formbox_medium{position:relative; margin-left:75px; margin-top:80px; padding:25px; width:750px; min-height:545px; background:#fff url('images/gradient_ending_white.png') repeat-x bottom left; border:1px solid #ccc}
  .top4{position:relative; padding:10px; background:url(images/boxje.png) no-repeat; background-position:10px 10px; height:34px; width:190px}
  .top4 p{margin-left:85px; font-size:12px; color:#f90; width:300px}
  .top4 .pm{font-size:11px; color:#b1b1b0; margin-top:15px; font-weight:700}
  .top4 .amount{font-size:18px; color:#a0d512; font-weight:700; font-family:Verdana,sans-serif; display:block; right:-20px; position:absolute; bottom:5px}
  
  #formulier .timeline{border-top:2px solid #f90; margin-top:20px}
  #formulier ul{list-style-type:none; margin-left:20px; margin-top:-25px}
  #formulier span{display:block; float:left; font-size:14px}
  #formulier .why{display:block; float:left; margin-top:-5px}
  #formulier .why img{}
  #formulier ul .active a{color:#fff; font-size:18px; display:block; width:86px; text-align:center; padding-top:14px; text-decoration:none; height:32px; background:url("images/active_step.gif"); cursor:pointer}
  #formulier ul a{color:#ccc; font-size:14px; display:block; width:86px; text-align:center; padding-top:17px; text-decoration:none; height:29px; background:url("images/inactive_step.gif"); cursor:pointer}
  #formulier li{float:left; margin-right:60px; cursor:pointer}
  #formulier legend{text-indent:-9999em}
  #f_orm legend{text-indent:-9999em}
  #formulier label{color:#535151; font-weight:700; display:block; padding-left:5px; width:350px; height:18px; margin-bottom:-10px}
  #formulier label img{margin-left:5px}
  #formulier #f_orm{position:absolute; left:40px; top:95px}
  #formulier .biginput{margin:0; width:388px; padding-left:10px; font-size:16px; color:#717171; font-weight:700; border:1px solid #ccc; background:#fff5e5; height:24px; padding-top:4px; margin-bottom:30px}
  #formulier .lastbiginput{width:390px; padding-left:10px; font-size:16px; color:#717171; border:1px solid #ccc; background:#fff5e5; height:26px; padding-top:4px; margin-bottom:15px; font-weight:700}
  #formulier .checkb{margin-bottom:20px; margin-left:5px}
  #formulier .subm{width:400px; height:50px; position:absolute; bottom:110px; background:url('images/button_greenorange.gif'); cursor:pointer}
  #formulier .subm2{width:400px; height:50px; position:absolute; bottom:110px; background:url('images/button_greenorange.gif'); cursor:pointer; display:none}
  #formulier .subm3{width:400px; height:50px; position:absolute; bottom:110px; background:url('images/button_greenorange.gif'); cursor:pointer; display:none}
  #formulier .subm4{width:400px; height:50px; position:absolute; bottom:0; left:0; background:url('images/button_greenorange.gif'); cursor:pointer; display:none}
  #formulier .subm5{width:400px; height:50px; position:absolute; bottom:110px; background:url('images/button_greenorange.gif'); cursor:pointer; display:none}
  #formulier .hypo_haalbaar{position:absolute; left:15px; top:17px; font-size:17px; color:#000}
  #formulier .stap2{position:absolute; right:15px; top:17px; font-size:17px; color:#FFF}
  #formulier #attentionblock{position:absolute; right:40px; top:110px; width:267px}
  #formulier #attentionblock ul{margin:0; margin-bottom:10px; list-style-type:none}
  #formulier #attentionblock li{padding-left:22px; color:#717171; font-size:13px; width:260px; background:url('images/check.gif') no-repeat; margin-bottom:15px}
  #formulier #attentionblock .quote{width:272px; height:102px; position:relative; background:url('images/frank.gif'); margin-top:18px}
  #frank{color:#595959; display:none; width:331px; height:380px; padding:20px; cursor:pointer; background:url(images/speachbaloon_frank.png); position:absolute; z-index:91313; top:-20px; right:254px}
  #formulier #attentionblock .quote p{color:#717171; font-size:12px; position:absolute; width:150px; right:20px; top:24px}
  #formulier #attentionblock .quote a{color:#f90; font-size:12px; text-decoration:underline}
  .footer{margin-top:10px; margin-left:65px; clear:both; color:#717171; font-size:11px}
  .footer p{margin-bottom:8px; width:575px}
  .footer #cbp-logo{position:absolute; right:-195px; bottom:-8px}
  .footer li{float:left; margin-right:40px}
  .footer .list li{clear:both; z-index:0; padding-left:22px; background:url('images/check.gif') no-repeat; margin-bottom:6px}
  #formulier .select_name{width:80px; color:#293744; font-weight:bold; float:left; margin-top:19px; margin-left:20px}
  #formulier .selected{background:url(images/big_select.png) top left no-repeat; width:402px; height:14px; font-size:14px; font-weight:300; padding-top:9px; padding-left:15px; padding-bottom:7px; color:#71797f; z-index:11}
  #formulier .selected_s{background:url(images/small_select.png) top left no-repeat; width:107px; height:14px; font-size:14px; font-weight:300; padding-top:9px; padding-left:10px; padding-bottom:7px; color:#71797f; z-index:11}
  #formulier .selected_m{background:url(images/medium_select.png) top left no-repeat; width:177px; height:14px; font-size:14px; font-weight:300; padding-top:9px; padding-left:15px; padding-bottom:7px; color:#71797f; z-index:11}
  #formulier .select{margin-bottom:15px; clear:both; cursor:pointer}
#formulier .selected:hover{background:url(images/big_select.png) top left no-repeat}
#formulier .selected_s:hover{background:url(images/small_select.png) top left no-repeat}
#formulier .selected_m:hover{background:url(images/medium_select.png) top left no-repeat}
#formulier .listt{background:white url(images/select_bottom.gif) bottom left no-repeat; padding-bottom:5px; margin-top:-4px; position:absolute; display:none; z-index:5000}
#formulier .listt_s{padding-bottom:5px; margin-top:-4px; position:absolute; display:none; z-index:5000}
#formulier .listt_m{padding-bottom:5px; margin-top:-4px; position:absolute; display:none; z-index:5000}
#formulier .option{padding-top:4px; padding-left:15px; padding-bottom:4px; color:#71797f; background:#f9f9f9; border:1px solid #cccdcd; border-bottom:0px; width:354px}
#formulier .option_s{padding-top:4px; padding-left:10px; padding-bottom:4px; color:#71797f; background:#f9f9f9; border:1px solid #cccdcd; width:54px}
#formulier .option_m{padding-top:4px; padding-left:10px; padding-bottom:4px; color:#71797f; background:#f9f9f9; border:1px solid #cccdcd; width:54px}
#formulier .option:hover, #formulier .option_s:hover, #formulier .option_m:hover{background:#f1f1f1; font-weight:bold; color:#555d63}
#haalbaarheid{margin-top:-5px}
 #img1, #img2, #img3, #img4{position:absolute; left:15px; top:18px; width:55px}
 #errors{padding:10px; width:280px; border:2px solid #f00; background:#fff; display:none; position:absolute; top:480px; right:70px; z-index:100000}
 #errors h4{font-size:13px; margin-bottom:7px}
#errors p{font-size:11px; margin-bottom:5px}

.plain {background: none;}

.indent {margin:0;margin-left:8px;}
a:visited{color:#44659F }

li#homeItem a {padding:0 0 0 5px; width:210px;font:13px/32px 'Verdana'; color:#0046ba; cursor:default; text-decoration:none}

