/* ################################################# ALLGEMEINE DEFINITIONEN ################################################## */ html, body {font-family:Arial, Verdana, Tahoma, sans-serif;font-size:11px;margin:0px;padding:0px;height:100%;} body {margin:0;padding:0;} img, form, table, tr, td {border:0px;margin:0;padding:0;} img {display:block;} form {border:0px;margin:0px;padding:0px;display:inline;} input {margin:0px;padding:0px;} hr {margin:0px;padding:0px;} table, tr, td {padding:0px;margin:0px;} p {margin:10px 0 10px 0;line-height:18px;} .autowidth {width:860px;margin:0 auto 0 auto;} /* ################################################# SCHRIFTEN ################################################## */ .h1_red {font-size:14px;color:#8a162b;margin:0 0 10px 0;font-weight:bold;} .h1_orange {font-size:14px;color:#f7931e;margin:0 0 10px 0;font-weight:bold;} .h1_blue {font-size:14px;color:#567d8d;margin:0 0 10px 0;font-weight:bold;} .h1_w_16 {font-size:16px;color:#FFFFFF;margin:0 0 0 0;font-weight:bold;} .h1_red_14 {font-size:14px;color:#8a162b;margin:0 0 0 0;font-weight:bold;} .h1_red_16 {font-size:16px;color:#8a162b;margin:0 0 0 0;font-weight:bold;} .h1_blue_12 {font-size:12px;color:#567d8d;margin:0 0 0 0;} .h1_blue_16 {font-size:16px;color:#567d8d;margin:0 0 0 0;font-weight:bold;} .h1_blue_20 {font-size:20px;color:#567d8d;margin:0 0 10px 0;font-weight:bold;} .blue {color:#096EA6;} .green {color:#37a700;} .red {color:#c20000;} .orange {color:#ff7e00;} .bold {font-weight:bold;} .text-decoration {text-decoration: none;} .twelve {font-size:12px;} .banklogo {border:1px solid #e0e0e0;background-color:#f0f0f0;padding:2px 2px 2px 2px;} .submitbut {border:1px solid #c8c8c8;background-color:#f0f0f0;padding:1px 1px 1px 1px;} /* ################################################# CLEAR-KLASSEN ################################################## */ .clear {clear:both;font-size:0.1em;} .clear_5 {clear:both;font-size:0.1em;height:5px;} .clear_10 {clear:both;font-size:0.1em;height:10px;} .clear_20 {clear:both;font-size:0.1em;height:20px;} .clear_30 {clear:both;font-size:0.1em;height:30px;} .clear_50 {clear:both;font-size:0.1em;height:50px;} .space_5px {width:5px;height:5px;font-size:0.1em;} .space_10px {width:10px;height:10px;font-size:0.1em;} .space_18px {width:18px;height:18px;font-size:0.1em;} .space_20px {width:20px;height:20px;font-size:0.1em;} .space_30px {width:30px;height:30px;font-size:0.1em;} .space_40px {width:40px;height:40px;font-size:0.1em;} .space_50px {width:50px;height:50px;font-size:0.1em;} .space_80px {width:80px;height:80px;font-size:0.1em;} .spaceline_vert {background:url("/img/dot_grey") repeat-y center top;width:20px;} .left {float:left;} .right {float:right;} .box_grey {border:1px solid #e0e0e0;background-color:#f0f0f0;} .box_white {border:1px solid #e0e0e0;background-color:white;} .box_white_opentop {border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background-color:white;} .headline_greyglas {background:url("/img/headline_greyglas.gif") repeat-x left top;height:28px;line-height:28px;color:black;font-weight:bold;font-size:12px;text-indent:10px;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;} .pad_5 {padding:5px;} .pad_10 {padding:10px;} .pad_10l {padding-left:10px;} .pad_20 {padding:20px;} .trennlinie_lightgrey {line-height:0.1em;font-size:0.1em;height:1px;background-color:#e0e0e0;} /* ################################################# HOME ################################################## */ #wrapper {width:980px;margin:0 auto 0 auto;position:relative;} #head {width:980px;float:left;height:100px;background:url("/img/head.gif") no-repeat left top;} #head .logo {float:left;height:100px;width:300px;display:block;background:url("/img/logo.jpg");} #head #headmask {margin:8px 0 0 0;float:right;width:680px;position:relative;} #head #headmask #mainmenue_bg {background:white url("/img/mainmenue_bg.gif") repeat-x left bottom;height:28px;line-height:28px;} #head #headmask #mainmenue_bg .rend {background:url("/img/mainmenue_rend.gif") no-repeat;height:28px;width:10px;float:right;} #head #headmask #mainmenue {margin:0;padding:0;list-style-type:none;} #head #headmask #mainmenue li {float:left;border-right:1px solid #e0e0e0;height:28px;line-height:28px;cursor:pointer;} #head #headmask #mainmenue li a {color:black;text-decoration:none;font-size:12px;padding:8px 15px 8px 15px;height:30px;font-weight:bold;} #head #headmask #mainmenue li:hover {background-position:left -28px;} #head #headmask #mainmenue li:hover a {color:white;} #head #headmask #mainmenue .tab_l {background:url("/img/mainmenue_tab_l.gif") no-repeat left top;} #head #headmask #mainmenue .tab_m {background:url("/img/mainmenue_tab_m.gif") repeat-x left top;} #head #headmask #searchmask {background:#2995d1 url("/img/searchmask_bg.gif") repeat-x left bottom;;padding:10px 10px 5px 10px;} #head #headmask #searchmask_bottom {height:5px;font-size:0.1em;background:url("/img/searchmask_bottom_mid.gif");} #head #headmask #searchmask_bottom .lend {height:5px;width:5px;background:url("/img/searchmask_bottom_l.gif");float:left;} #head #headmask #searchmask_bottom .rend {height:5px;width:5px;background:url("/img/searchmask_bottom_r.gif");float:right;} .searchfield_bg_blz_l {background:url("/img/searchfield_bg_blz_l.gif");width:10px;height:26px;} .searchfield_bg_blz_m {background:url("/img/searchfield_bg_blz_mid.gif") repeat-x left top;} .searchfield_bg_blz_r {background:url("/img/searchfield_bg_blz_r.gif");width:10px;height:26px;} .searchfield_bg_l {background:url("/img/searchfield_bg_l.gif");width:10px;height:26px;} .searchfield_bg_m {background:url("/img/searchfield_bg_mid.gif") repeat-x left top;} .searchfield_bg_r {background:url("/img/searchfield_bg_r.gif");width:10px;height:26px;} .searchfield {font-size:11px;border:0;} #headmenue {float:right;margin:0;padding:0;list-style-type:none;margin-top:10px;} #headmenue li {float:left;margin:0;padding:0;} #headmenue li a {margin:0 0 0 20px;color:black;font-size:11px;text-decoration:none;} #headmenue li a:hover {text-decoration:underline;} #content {width:780px;float:left;border:1px solid #e0e0e0;padding:10px;background-color:white;} #footer {width:800px;margin:10px 0 20px 0;float:left;} #footer .grey {color:#898989;} .footer_menue {float:right;margin:0;padding:0;list-style-type:none;} .footer_menue li {float:left;margin:0;padding:0;} .footer_menue li a {margin:0 0 0 10px;color:black;font-size:11px;text-decoration:none;} .footer_menue li a:hover {text-decoration:underline;} .footer_a {color:black;font-size:11px;text-decoration:none;} .footer_a a:hover {text-decoration:underline;} #home_vergleichbox {padding:10px;background-color:white;margin:0 0 10px 0;border:1px solid #e0e0e0;position:relative;background:url("/img/vergleichsbox_mann.jpg") no-repeat right top;} #home_vergleichbox p {line-height:24px;} #home_vergleichbox img {float:left;margin-right:10px;} #home_vergleichbox .features {margin:0px;padding:0px;list-style-type:none;} #home_vergleichbox .features li {background:url("/img/icon_haken.gif") no-repeat left center;line-height:27px;margin:0px;padding:0px;text-indent:30px;} /* ################################################# SORT ################################################## */ #home_bankenliste .descall {border-right:1px solid white;width:15px; padding:1px 1px 1px 15px; background: url("/img/sort_all.gif") no-repeat left;} #home_bankenliste .desc {border-right:1px solid white;width:15px; padding:1px 1px 1px 15px; background: url("/img/sort_desc.gif") no-repeat left;} #home_bankenliste .asc {border-right:1px solid white;width:15px; padding:1px 1px 1px 15px; background: url("/img/sort_asc.gif") no-repeat left;} /* ################################################# SORT ################################################## */ #home_bankenliste {border-collapse:collapse;width:100%;} #home_bankenliste th {padding:5px;font-weight:bold;background:#567d8d url("/img/gradient_blue.gif") repeat-x left top;color:white;height:22px;line-height:22px;} #home_bankenliste th.rborder {border-right:1px solid white;} #home_bankenliste th.lend {background:url("/img/gradient_blue_l.gif") no-repeat left top;width:10px;} #home_bankenliste th.rend {background:url("/img/gradient_blue_r.gif") no-repeat right top;width:10px;} #home_bankenliste td {padding:5px;border-right:1px solid #e0e0e0;} #home_bankenliste td.noborder {border:0;} #home_bankenliste .grey {background-color:#f1f1f1;} #home_bankenliste .white {background-color:white;} #home_bankenliste .grey:hover, #home_bankenliste .white:hover {background-color:#dcdcdc;} #home_bankenliste .kk {border:0px;} #home_bankenliste .kk img {float:left;margin:0 5px 0 0;} #home_bankenliste .detail {border:0;width:10px;/*padding:5px 10px 5px 10px;*/} .tabheader {color:white;text-decoration:none;} .home_seitensprung {padding:10px;border:1px solid #e0e0e0;color:white;font-size:12px;background:#567d8d url("/img/gradient_blue") repeat-x left top;} .home_seitensprung a {color:white;} .home_seitensprung .aktiv {text-decoration:underline;} .home_seitensprung .inaktiv {text-decoration:none;} .jump_start, .jump_back, .jump_forward, .jump_end {width:15px;height:15px;display:block;} .jump_start {background:url("/img/jump_start.gif") no-repeat left top;} .jump_back {background:url("/img/jump_back.gif") no-repeat left top;} .jump_forward {background:url("/img/jump_forward.gif") no-repeat left top;} .jump_end {background:url("/img/jump_end.gif") no-repeat left top;} .jump_start:hover, .jump_back:hover, .jump_forward:hover, .jump_end:hover {background-position:left -15px;} .button_details_klein {background:url("/img/button_details_klein.gif") no-repeat left top;width:59px;height:24px;border:0;display:block;} .button_details_klein:hover {background-position: left -24px;} .button_details {background:url("/img/button_details.gif") no-repeat left top;width:100px;height:24px;border:0;display:block;} .button_jetztvergleichen {background:url("/img/button_jetztvergleichen.gif") no-repeat left top;width:150px;height:24px;border:0;display:block;} .button_details:hover, .button_jetztvergleichen:hover {background-position: left -24px;} .button_kontoanmelden {background:url("/img/button_kontoanmelden.gif") no-repeat left top;width:150px;height:34px;border:0;display:block;} .button_kontoanmelden:hover {background-position: left -34px;} .button_kontoanmelden_big {background:url("/img/button_kontoanmelden_big.gif") no-repeat left top;width:300px;height:34px;border:0;display:block;} .button_kontoanmelden_big:hover {background-position: left -34px;} .button_anmelden_big_tagesgeld {background:url("/img/button_anmelden_big_tagesgeld.gif") no-repeat left top;width:300px;height:34px;border:0;display:block;} .button_anmelden_big_tagesgeld:hover {background-position: left -34px;} .detail_bank_back {float:left;color:black;font-weight:bold;text-decoration:none;background:url("/img/bank_scroll_left.gif") no-repeat left 6px;height:21px;line-height:21px;padding:0 0 0 15px;} .detail_bank_forward {float:right;color:black;font-weight:bold;text-decoration:none;background:url("/img/bank_scroll_right.gif") no-repeat right 6px;height:21px;line-height:21px;padding:0 15px 0 0;} .detail_bank_back:hover, .detail_bank_forward:hover {text-decoration:underline;} #detail_infobox_5px {padding:5px;background-color:#f0f0f0;margin:0 0 10px 0;border:1px solid #e0e0e0;position:relative;} #detail_infobox {padding:10px;background-color:#f0f0f0;margin:0 0 10px 0;border:1px solid #e0e0e0;position:relative;} #detail_infobox p {line-height:20px;margin:0px;} .detail_infotable tr.lined {background:url("/img/line_dotted_grey.gif") repeat-x left bottom;} .detail_infotable tr td {line-height:18px;padding:5px;} .detail_infotable tr td.td_left {text-align:left;font-weight:bold;width:45%;} .detail_kktable tr td {padding:0;line-height:22px;} .home_werbung728x90 {margin:10px auto 10px auto;} #werbung_sky {position:absolute;top:100px;right:0px;width:160px;height:600px;} .listen {width:15px;line-height:18px; padding:1px 1px 1px 15px; background: url("/img/bank_scroll_right.gif") no-repeat left;} .lupe {padding:4px 1px 1px 28px; background: url("/img/search.png") no-repeat left;} /* ################################################# Tooltip ################################################## */ a.tooltip {color:#c00;} a.tooltip b {display:none;} a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;} a.tooltip:hover b {display:block; position:absolute; top:20px; left:-345px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:350px;} a.tooltip:hover b em {position:absolute; left:350px; top:-6px; width:11px; height:6px; background:#fff url("/img/tooltip.gif") 0 0; display:block; font-size:1px;} /* ################################################# Tooltip ################################################## */