body { padding: 0; margin: 0; background: #989689 url(../i/bd_bg.png) left top repeat-x; text-align: center; font: 12px "Verdana"; }
a { color: #018acf; text-decoration: none; }
a img { border: none; }
.clearfix { display: block; clear: both; }

a.btn { display: block; text-indent: -9000px; overflow: hidden; }

#qnav, #navigation, #sub_navigation ul, ul.banks,
.blok3 ul, ul.tips, ul.tabs, ul.marked, .links ul,
#leftbar ul { margin: 0; padding: 0; list-style: none; }

#wrap { width: 982px; background: #FFF url(../i/bd_s_l.png) left top no-repeat; padding-left: 8px; text-align: left; margin: auto; }

#header { background: url(../i/bd_s_r.png) right top no-repeat; padding-right: 8px; position: relative; height: 160px; }

#qnav { padding: 3px 0 0 3px; }
#qnav li { display: inline; margin: 0 15px; }
#qnav a { text-transform: uppercase; font: bold 10px Verdana; text-decoration: none; }


#logo { position: absolute; margin: 0; left: 25px; top: 25px; }
#logo a { display: block; width: 327px; height: 48px; overflow: hidden; text-indent: -9000px; background: url(../i/logo.png); }

#sok_form { margin: 0; padding: 0; position: absolute; left: 480px; top: 8px; width: 200px; }
#sok_form fieldset { border: none; margin: 0; padding: 0; }
#sok_form h2 { display: none; }
#sok_form input { width: 140px; height: 15px; padding: 1px; border: 1px solid #979ca0; float: left; line-height: 20px; }
#sok_form button { display: block; width: 42px; height: 18px; overflow: hidden; cursor: pointer; background: url(../i/btn_sok.png); text-indent: -9000px; border: none; position: relative; top: 0; left: 10px; }

#logos { text-align: right; padding: 20px 15px 0 0; height: 42px; overflow: visible; }
#logos img { margin: 0 10px; vertical-align: middle; }

#navigation { background: url(../i/mmenu_bg.png) left top no-repeat; width: 954px; height: 28px; margin: 5px 0 0 10px; padding-left: 3px; }
#navigation li { float: left; background: url(../i/mmenu_sep.png) right bottom no-repeat; }
#navigation a { text-decoration: none; display: block; position: relative; float: left; height: 20px; padding: 7px 23px 0 20px; font: bold 12px Verdana; }
#navigation a.active, #navigation a:hover { background: url(../i/mmenu_li_a.png) left top no-repeat; height: 21px; padding-left: 23px; margin-left: -3px; }

#sub_navigation { background: url(../i/smenu_bg.png) left top no-repeat; width: 896px; height: 14px; padding: 5px 20px; margin: 8px 0 0 19px; font: bold 10px Verdana; color: #646464; }
#sub_navigation ul { display: inline; }
#sub_navigation li { display: inline; margin-left: 30px; }
#sub_navigation a { font: 11px Verdana; text-decoration: none; }

#body { background: url(../i/bd_s_r.png) 100% -160px no-repeat; padding: 0 22px 0 18px; }

#content { width: 480px; float: left; padding-left: 15px; padding-bottom: 20px; }
#start #content { width: 730px; float: left; padding-left: 0; }

#leftbar { width: 195px; border-right: 1px solid #d7d7d7; float: left; min-height: 500px; }
* html #leftbar { height: 500px; }

#sidebar { width: 231px; float: left; padding-left: 15px; overflow: hidden; }
#start #sidebar { width: 197px; float: left; padding-left: 9px; }

#content h2 { font-size: 20px; margin: 10px 0; font-weight: normal; }
#content h3 { font-size: 12px; margin: 0; }
#content p { margin: 0 0 15px 0; line-height: 1.5; }

#small_logos { margin: 0; text-align: center; clear: both; padding: 20px 0 10px; }
#small_logos img { vertical-align: middle; margin: 0 15px; }

#footer { background: #eeeded; position: relative; }
#footer .wrap { background: #eeeded; width: 982px; text-align: left; margin: auto; padding: 30px 0 30px 8px; }
#footer .col { width: 210px; float: left; padding: 0  0 0 30px; }
#footer h3 { margin: 0; font: 11px Verdana; color: #a2a2a2; text-transform: uppercase; padding: 0 0 15px 15px; }
#footer ul { padding: 0 0 10px 0; margin: 0; list-style: none; }
#footer ul li { padding: 1px 0 2px 37px; border-bottom: 1px solid #e1e1e1; }
#footer ul a { font: 11px Verdana; text-decoration: none; }

#footer .lan li { background: url(../i/fico_1.png) 13px 50% no-repeat; }
#footer .kredit li { background: url(../i/fico_2.png) 13px 50% no-repeat; }
#footer .tips li { background: url(../i/fico_3.png) 13px 50% no-repeat; }
#footer .artiklar li { background: url(../i/fico_4.png) 13px 50% no-repeat; }


/* START PAGE */
#hej { width: 727px; height: 200px; overflow: hidden; padding-top: 14px; background: url(../img/hej.jpg); margin-bottom: 15px; color: #FFF; }
#hej p { margin: 10px 0; }
#hej h2 { font-size: 26px; margin: 0; }
#hej h3 { font-size: 20px; margin: 0; }
#hej div.col { width: 235px; padding-left: 20px; float: left; }
#hej div.second { font-weight: bold; }
#hej a.bolan { width: 161px; height: 37px; background: url(../i/btn_bolan.png); margin: 7px 0; }
#hej a.privatlan { width: 161px; height: 37px; background: url(../i/btn_privatlan.png); margin: 7px 0; }

.teaser { width: 233px; height: 187px; float: left; padding-right: 15px; position: relative; }
.teaser * { margin: 0; }
.teaser h3 { margin: 0; padding: 0; text-indent: -9000px; }
.teaser p.q { margin: 0; padding: 15px 17px; position: absolute; top: 135px; font: bold 12px Verdana; }
.teaser p.q a { width: 71px; height: 26px; position: absolute; left: 145px; top: 9px; }
.teaser p.q button { width: 71px; height: 26px; position: absolute; left: 120px; top: 9px; }

.tease { width: 233px; height: 187px; float: left; padding-right: 15px; position: relative; }
.tease * { margin: 0; }
.tease h3 { margin: 0; padding: 0; text-indent: -9000px; }
.tease p.q { margin: 0; padding: 15px 17px 0 0; position: absolute; top: 135px; font: bold 12px Verdana; }
.tease p.q a { width: 71px; height: 26px; position: absolute; left: 145px; top: 9px; }
.tease p.q button { width: 71px; height: 26px; position: absolute; left: 125px; top: 9px; }

div.bolan { background: url(../img/formanligt_bolan.jpg) left top no-repeat; }
div.bolan p { font: bold 17px Verdana; padding: 45px 0 0 18px; }
div.bolan .q a { background: url(../i/btn_bolan_sm.png); }
div.billan { background: url(../img/lana_till_ny_bil.jpg) left top no-repeat; }
div.billan .q a { background: url(../i/btn_bilan_sm.png); }
div.snabb { background: url(../img/snabb_berakning.jpg) left top no-repeat; padding-right: 0; }
div.snabb form { margin: 0; margin-left: 20px; padding: 0; padding-top: 25px; }
div.snabb form strong { width: 126px; font-size: 11px; display: block; padding: 0 50px 10px 0; }
div.snabb form p { margin: 0; float: left; }
div.snabb form label { display: block; font-size: 10px; padding-bottom: 2px; }
div.snabb form input { width: 80px; border: 1px solid #a7cad8; font-size: 11px; margin-right: 10px;}
div.snabb form select { width: 80px; border: 1px solid #a7cad8; font-size: 11px; }
div.snabb .q button { display: block; width: 71px; height: 26px; overflow: hidden; cursor: pointer; background: url(../i/btn_rakna_sm.png); text-indent: -9000px; border: none;  }
/*div.snabb .q a { background: url(../i/btn_rakna_sm.png); }*/

.blok { width: 231px; background: url(../i/blok2_btm.png) left bottom no-repeat; padding-bottom: 10px; }
.blok div { background: url(../i/blok2_top.png) left top no-repeat; padding: 5px; }
.blok h3 { width: 226px; font-size: 12px; position: relative; left: -2px; top: -2px; margin: 0; padding: 0; background: url(../i/h3_6.png) left top no-repeat; }
.blok h3 span { display: block; padding: 5px 0 8px 40px; }
.blok h3 a.qm { width: 18px; height: 18px; position: absolute; right: 6px; top: 4px; background: url(../i/qmark.png); }
.blok p.center { position: relative; top: 10px; }

.blok3 { width: 231px; background: url(../i/blok3_btm.png) left bottom no-repeat; padding-bottom: 10px; }
.blok3 div { background: url(../i/blok3_top.png) left top no-repeat; padding: 5px; }
.blok3 h3 { width: 226px; padding: 5px 0 8px 40px; font-size: 12px; position: relative; left: -2px; top: -2px; margin: 0; background: url(../i/h3_5.png) left top no-repeat; }
.blok3 h3 a.qm { width: 18px; height: 18px; position: absolute; right: 6px; top: 4px; background: url(../i/qmark.png); }
.blok3 ul { margin: 0 -5px; font-size: 11px; padding-top: 5px; }
.blok3 ul li { padding: 5px 10px 20px; background: url(../i/blok3_sep.png) left bottom no-repeat; }
.blok3 ul li.last { padding-bottom: 0; background: url(../i/blok3_top.png) 0 -50px no-repeat; }
.blok3 a { font-weight: bold; }

#start .blok { width: 197px; background: url(../i/blok_btm.png) left bottom no-repeat; padding-bottom: 10px; }
#start .blok div { background: url(../i/blok_top.png) left top no-repeat; padding: 5px; }
#start .blok h3 { width: 191px; font-size: 12px; position: relative; left: -2px; top: -1px; margin: 0; padding: 0; background: url(../i/blok_title.png) left top no-repeat; }
#start .blok h3 span { display: block; padding: 5px 0 8px 40px; }
#start .blok h3 a.qm { width: 18px; height: 18px; position: absolute; right: 6px; top: 4px; background: url(../i/qmark.png); }

#start .blok h3.bolan span { background: url(../i/ico_tl_bola.png) left top no-repeat; }
#start .blok h3.priv span { background: url(../i/ico_tl_priv.png) left top no-repeat; }

#sidebar p.more { margin: 5px 0; font-size: 11px; text-align: right; }

ul.banks { font-size: 11px; margin: 0 3px; padding-top: 5px; }
ul.banks li { border-bottom: 1px solid #d0d0d0; padding: 4px 0; width: 100%; clear: both; height: 30px; }
ul.banks li.last { border: none; padding-bottom: 0; }
ul.banks li span { color: #c0bebe; font: bold 18px Tahoma; float: left; margin-right: 2px; width: 80px; }
ul.banks li span img { vertical-align: middle; }
ul.banks li strong { display: block; font-weight: normal; padding-top: 13px; }
#sidebar ul.banks li p { width: 90px; overflow: visible; margin: 0; float: left; white-space: nowrap; padding: 0; }
ul.banks li p a { position: absolute; }

/* SUB PAGE */
#sidebar p { padding-left: 10px; margin: 10px 0; line-height: 1.5; }
h3.h3 { padding: 7px 0 7px 40px; margin: 5px 0; font-size: 12px; }
h3.d1 { background: url(../i/h3_1.png) left top no-repeat; }
h3.d2 { background: url(../i/h3_2.png) left top no-repeat; }
h3.d3 { background: url(../i/h3_3.png) left top no-repeat; }
h3.d4 { background: url(../i/h3_4.png) left top no-repeat; }
h3.d5 { background: url(../i/h3_5.png) left top no-repeat; }
h3.d6 { background: url(../i/h3_6.png) left top no-repeat; }
h3.d7 { background: url(../i/h3_7.png) left top no-repeat; margin: 0; padding: 0; }
h3.d8 { background: url(../i/h3_8.png) left top no-repeat; }
h3.d9 { background: url(../i/h3_9.png) left top no-repeat; margin: 0; }
h3.d4 { background: url(../i/h3_4.png) left top no-repeat; }

.blok2 { width: 480px; height: 178px; background: url(../i/blok2.png); }
.blok2 p { padding: 10px 0 0 210px; width:180px; }
img.lfloat { float: left; margin: 5px 10px 5px 0; }
img.rfloat { float: right; margin: 0 40px 10px 20px; }

ul.tips {  }
ul.tips li { padding-left: 43px; margin-bottom: 25px; background: url(../i/stik.png) 3px 3px no-repeat; }

/** BANKS TABLE **/
table#banks { width: 100%; font-size: 11px; border-collapse: collapse; table-layout: fixed; margin-top: 10px; }
table#banks td { border-bottom: 1px solid #CCC; padding: 5px 3px 8px; }
table#banks tr.last td { border: none; }
table#banks table { width: 100%; border-collapse: collapse; }
table#banks table td { border: none; padding: 1px; }
table#banks td.c, table#banks tr.c td { text-align: center; }
table#banks th { text-align: center; font-size: 12px; padding-bottom: 5px; }
table#banks th a { text-decoration: underline; }
table#banks th.col2 { width: 180px; }
table#banks th.col3 { width: 170px; }

table#banks span.ring { margin-bottom: 3px; font: bold 11px Tahoma; float: right; display: block; width: 136px; height: 15px; background: url(../i/ring.png); padding: 10px 2px 0 0; }
table#banks span.ring strong { color: #dc011f; margin-left: 3px; }
table#banks td.mer { text-align: right; vertical-align: bottom; }
table#banks a.mer { text-align: left; float: right; display: block; width: 114px; height: 26px; background: url(../i/btn_mer_info.png); text-indent: -9000px; }

h3.tankpa { background: url(../i/sep2r.png) right center no-repeat; padding: 15px 0 15px; }
h3.tankpa span { background: #FFF url(../i/sep2l.png) right center no-repeat; padding-right: 20px; }
div.sep2 { clear: both; height: 34px; background: url(../i/sep.png) left center no-repeat; }

.coll { width: 270px; float: left; }
.colr { float: left; }


#bmarks { width: 481px; height: 47px; background: url(../i/tabs.png); margin-top: 30px; }
ul.tabs { height: 20px; font: bold 11px Verdana; }
ul.tabs li { float: left; text-align: center; position: relative; z-index: 1; }
ul.tabs li span { padding-left: 20px; }
ul.tabs li.tab1 { width: 124px; background: url(../i/tab_r.png) right top no-repeat; }
ul.tabs li.tab1_a { width: 124px; background: url(../i/tab_al2.png) left top no-repeat; z-index: 2; }
ul.tabs li.tab2 { width: 193px; background: url(../i/tab_r.png) right top no-repeat; margin-left: -16px; }
ul.tabs li.tab2_a { width: 193px; background: url(../i/tab_al2.png) left top no-repeat; margin-left: -16px; z-index: 2; }
ul.tabs li.tab3 { width: 196px; background: url(../i/tab_r2.png) right top no-repeat; margin-left: -16px; }
ul.tabs li.tab3_a { width: 196px; background: url(../i/tab_al2.png) left top no-repeat; margin-left: -16px; z-index: 2;  }

ul.tabs li a { display: block; padding: 4px 0; }
ul.tabs li.tab2_a a, ul.tabs li.tab1_a a { background: url(../i/tab_ar.png) right top no-repeat; }
ul.tabs li.tab3_a a { background: url(../i/tab_r3.png) right top no-repeat; }
.tab1_a span, .tab1 span { background: url(../i/tabico_1.png) left center no-repeat; }
.tab2_a span, .tab2 span { background: url(../i/tabico_2.png) left center no-repeat; }
.tab3_a span, .tab3 span { background: url(../i/tabico_3.png) left center no-repeat; }

div.tab_content { padding: 5px 10px; font: bold 11px Verdana; }
div.tab_content a { margin: 0 17px; }
div.tab_content img { vertical-align: -3px; margin-right: 10px; }


/* COMPARE PAGE */
#compare #content { width: 725px; font-size: 11px; }
#compare #content p { line-height: 17px; }

.b-rt { background: url(../i/b-rt.png) right top no-repeat; margin-bottom: 4px; position: relative; overflow: visible; }
.b-lt { background: url(../i/b-lt.png) left top no-repeat; padding: 12px 2px 1px 12px; margin-right: 10px; position: relative; z-index: 2; margin-bottom: -6px; }
.b-br { background: url(../i/b-rb.png) right bottom no-repeat; height: 10px; overflow: hidden; position: relative; top: 4px; padding-right: 10px; }
.b-bl { background: url(../i/b-lb.png) left top no-repeat;; height: 10px; overflow: hidden; width: 100%; }

.compare { padding: 17px 10px 20px 20px; }
table#banks_compare { width: 100%; font-size: 11px; border-collapse: collapse; table-layout: fixed; }
table#banks_compare td { border-bottom: 1px solid #CCC; height: 58px; padding-bottom: 2px; }
table#banks_compare tr.last td { border: none; }
table#banks_compare table { width: 100%; border-collapse: collapse; }
table#banks_compare table td { border: none; padding: 1px; }
table#banks_compare td.c, table#banks tr.c td { text-align: center; }
table#banks_compare th { text-align: left; padding-bottom: 5px; width: 85px; }
table#banks_compare th a { text-decoration: underline; }
table#banks_compare th.col1 { width: auto; }
table#banks_compare th.col7 { width: 145px; }

table#banks_compare span.ring { margin-bottom: 3px; z-index: 10; font: bold 11px Tahoma; display: inline-block; width: 136px; height: 15px; background: url(../i/ring.png); padding: 10px 2px 0 0; }
table#banks_compare span.ring strong { color: #dc011f; margin-left: 3px; }
table#banks_compare td.mer { text-align: right; vertical-align: bottom; border-bottom: none; padding-bottom: 3px; }
table#banks_compare a.mer { text-align: left; display: inline-block; width: 114px; height: 26px; background: url(../i/btn_mer_info.png); text-indent: -9000px; }

/* BANK PAGE */
#breadcrumbs { position: relative; font-size: 10px; color: #cacaca; margin-top: -13px; padding-bottom: 2px; }
#breadcrumbs a { color: #cacaca; }

p.center { text-align: center; }

ul.marked { margin: 15px 0; }
ul.marked li { padding: 1px 0 3px 30px; background: url(../i/marker.png) 5px 0 no-repeat; }

p.border { border-bottom: 1px solid #CCC; padding-bottom: 20px; margin-bottom: 30px; }
p.ansok_gratis { text-align: center; }
p.ansok_gratis a { overflow: hidden; display: block; width: 343px; height: 37px; text-indent: -9000px; background: url(../i/btn_ansok.png); margin: auto; }
p.ansok_gratis span { text-align: left; display: block; width: 266px; height: 53px; background: url(../i/call.png); padding: 12px 0 0 75px; margin: auto; margin-top: 15px; }
p.ansok_gratis em { font-style: normal; background: #fdfdd3; }

div.links { background: url(../i/info.png) left top no-repeat; padding: 10px; float: right; border: solid #FFF; border-width: 0 10px 10px 20px; }
div.links ul { margin-top: 5px; }
div.links ul li { padding: 0 0 4px 30px; }
div.links ul .l1 { background: url(../i/icons.png) 0 2px no-repeat; }
div.links ul .l2 { background: url(../i/icons.png) 0 -16px no-repeat; }
div.links ul .l3 { background: url(../i/icons.png) 0 -34px no-repeat; }
div.links ul .l4 { background: url(../i/icons.png) 0 -52px no-repeat; }
div.links ul .l5 { background: url(../i/icons.png) 0 -70px no-repeat; }
div.links ul .l6 { background: url(../i/icons.png) 0 -89px no-repeat; }
div.links ul .l7 { background: url(../i/icons.png) 0 -107px no-repeat; }
div.links ul .l8 { background: url(../i/icons.png) 0 -126px no-repeat; }
div.links ul .l9 { background: url(../i/icons.png) 0 -146px no-repeat; }
div.links ul .l10 { background: url(../i/icons.png) 0 -165px no-repeat; }
div.links ul .l11 { background: url(../i/icons.png) 0 -184px no-repeat; }
div.links ul .l12 { background: url(../i/icons.png) 0 -202px no-repeat; }
div.links ul .l13 { background: url(../i/icons.png) 0 -220px no-repeat; }
div.links ul .l14 { background: url(../i/icons.png) 0 -237px no-repeat; }

#sidebar .percent { margin-bottom: 15px; }
#sidebar .percent li { padding: 6px 0; margin: 0; float: none; height: auto; }
#sidebar .percent strong { display: block; font-size: 11px; margin: 10px 0 0 8px; }
#sidebar .percent ul { margin: 0 8px; }
#sidebar .banks em { font-style: normal; color: #dc011f; }

img.perc { margin: 12px 100px 0 0; }

.call { margin-bottom: 15px; }
.call p { margin: 0 !important;; padding: 0 5px !important; }
.call span.ring { margin: 5px 0 -7px 20px; text-align: right; font: bold 11px Tahoma; display: block; width: 136px; height: 15px; background: url(../i/ring.png); padding: 10px 2px 0 0; }
.call span.ring strong { color: #dc011f; margin-left: 3px; }

#sidebar .tags h3 { margin: 0; border-bottom: 1px solid #CCC; padding: 2px 10px; margin-top: 10px; }
#sidebar .tags p { width: 180px; margin: 0; }
#sidebar .tags a { font-weight: bold; }

#leftbar h4 { background: url(../i/li_h.png) left top no-repeat; margin: 0; font-size: 11px; color: #504f4f; padding: 2px 9px 3px; }
#leftbar ul { width: 177px; font-size: 11px; margin-bottom: 20px; }
#leftbar ul li { padding: 2px 9px; border-bottom: 1px solid #e1e1e1; }

#leftbar ul .l1 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 2px no-repeat; }
#leftbar ul .l2 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -16px no-repeat; }
#leftbar ul .l3 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -34px no-repeat; }
#leftbar ul .l4 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -52px no-repeat; }
#leftbar ul .l5 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -70px no-repeat; }
#leftbar ul .l6 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -89px no-repeat; }
#leftbar ul .l7 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -107px no-repeat; }
#leftbar ul .l8 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -126px no-repeat; }
#leftbar ul .l9 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -146px no-repeat; }
#leftbar ul .l10 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -165px no-repeat; }
#leftbar ul .l11 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -184px no-repeat; }
#leftbar ul .l12 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -202px no-repeat; }
#leftbar ul .l13 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -220px no-repeat; }
#leftbar ul .l14 { padding: 2px 0 4px 25px; background: url(../i/icons.png) 0 -237px no-repeat; }