/* VERSION: 1.1 Verwendung: http://specials.onvista.de/onvista-bank/navigation-kampagne/... http://www.freebuy-depot.de/ bzw. http://freebuy-depot.onvista-bank.de/ Status: online Stand: 06.07.2010 - 17:04 Uhr Letzter Bearbeiter: luebbers_d Letzte (relevante) Aenderung: - */ /* META-DATEN */ * { margin:0; padding:0; } body { background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/hintergrund.jpg) repeat-x 0 0 #9fcaee; font-family:Arial,Helvetica,sans-serif; color:#3a3a3a; font-size:12px; line-height:16px; } ul { list-style-type:none; margin-left:7px; padding-bottom:20px; } p { margin-left:7px; padding-bottom:16px; } img { margin-left:7px; } a { margin-left:7px; text-decoration:none; } a:hover { color:#3a3a3a; } ul a { margin-left:0; } li { line-height:22px; } table { margin-left:7px; } em { color:#980165; font-style:normal; font-weight:bold; } sup { line-height:0; font-size:9px; } iframe { display:none; } dl { padding-bottom:15px; font-size:11px; height:1%; } dl:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; } dt { clear:left; float:left; padding:0 1px 1px 0; } dd { float:left; width:750px; padding:0 0 1px; } /* CONTAINER */ #WRAPPER { width:974px; margin:33px auto 0; position:relative; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/hintergrund_wrapper.gif) repeat-y 0 0; } header { display:block; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/header.jpg) no-repeat 0 0; height:204px; } header h1 { position:absolute; z-index:200; top:182px; left:728px; width:27px; height:68px; overflow:hidden; text-indent:-10000px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/blatt.gif) no-repeat 0 0; } section { display:block; } section:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; } section section { width:auto; float:left; width:365px; overflow:hidden; padding-right:18px; } section section h2 { width:auto; } article { display:block; width:748px; padding-bottom:16px; } section section article, aside article { width:auto; } aside article { padding-bottom:34px; } aside { position:absolute; top:183px; right:0; width:156px; height:462px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/hintergrund_marginalspalte.jpg) no-repeat 0 0; padding:115px 55px 0 8px; } .IE6 aside { right:-10px; } footer { padding-bottom:30px; } nav, footer { display:inline-block; } footer nav { width:747px; } /* Marginalspalte */ aside ul { margin-left:0; padding-bottom:1px; } aside li { background-image:url(layout_img/kampagnen/onvistabank_navigation_kampagne/flaggen.gif); background-repeat:no-repeat; line-height:19px; text-align:right; margin-bottom:5px; } aside li.DE { background-position:0 1px; } aside li.AT { background-position:0 -17px; } aside p { font-size:11px; margin:18px 0 0; } aside a { display:block; width:165px; height:50px; overflow:hidden; line-height:1000px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/buttons.gif) no-repeat 0 -85px; margin:14px 0 0 1px; } /* Hyperlinks */ #DETAILS a.DEPOT_EROEFFNEN { font-size:17px; font-weight:bold; color:#00519e; text-decoration:underline; display:inline-block; margin-bottom:60px; clear:both; } #DETAILS a.DEPOT_EROEFFNEN:hover { color:#3a3a3a; } #PREISE_UND_KONDITIONEN a.DEPOT_EROEFFNEN, #ONVISTA_BANK a.DEPOT_EROEFFNEN { display:block; width:727px; height:84px; overflow:hidden; line-height:1000px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/buttons.gif) no-repeat 0 -135px; margin-bottom:10px; } #TEILNAHMEBEDINGUNGEN a.DEPOT_EROEFFNEN { display:block; width:727px; height:84px; overflow:hidden; line-height:1000px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/buttons.gif) no-repeat 0 -135px; margin-top:10px; margin-bottom:30px; } /* Navigation */ header nav { width:754px; padding-top:156px; } .IE6 header nav, .IE7 header nav { padding-top:144px; } header nav ul { margin-left:0; } header nav li { float:left; } header nav a, header nav em { display:inline-block; height:26px; background-image:url(layout_img/kampagnen/onvistabank_navigation_kampagne/navigation.gif); background-repeat:no-repeat; overflow:hidden; line-height:1000px; margin-left:0; } header nav .FREEBUY_DEPOT a { width:108px; background-position:0 0; } header nav .DETAILS a { width:107px; background-position:0 -108px; } header nav .PREISE_UND_KONDITIONEN a { width:143px; background-position:0 -27px; } header nav .BROKERVERGLEICH a { width:113px; background-position:0 -54px; } header nav .ONVISTA_BANK a { width:125px; background-position:0 -81px; } header nav .TEILNAHMEBEDINGUNGEN a { width:158px; background-position:0 -135px; } header nav .FREEBUY_DEPOT em { width:108px; background-position:-108px 0; } header nav .DETAILS em { width:107px; background-position:-107px -108px; } header nav .PREISE_UND_KONDITIONEN em { width:143px; background-position:-143px -27px; } header nav .BROKERVERGLEICH em { width:113px; background-position:-113px -54px; } header nav .ONVISTA_BANK em { width:125px; background-position:-125px -81px; } header nav .TEILNAHMEBEDINGUNGEN em { width:158px; background-position:-158px -135px; } /* Facebook - Like it-Button */ header #fb-root { border: none; height:23px; overflow:hidden; position:absolute; right:260px; top:188px; width:80px; } .fb_iframe_widget { z-index:201 !important; vertical-align:middle; margin-top:30px; right: 140px;} .IE6 .fb_iframe_widget, .IE7 .fb_iframe_widget { margin-top:90px;} .fb_iframe_widget iframe { display: block; width: 80px; } .fb_edge_widget_with_comment span.fb_edge_comment_widget { top: 0 !important; } .IE6 .fb_edge_widget_with_comment span.fb_edge_comment_widget, .IE7 .fb_edge_widget_with_comment span.fb_edge_comment_widget { top: -60px !important; } #FB_TOETER { background:none repeat scroll 0 0 #FBFBFB; height:17px; margin:1px 0 0 78px; position:absolute; width:14px; z-index:1; } /* Ueberschriften */ h2 { width:749px; height:23px; background-image:url(layout_img/kampagnen/onvistabank_navigation_kampagne/ueberschriften.gif); background-repeat:no-repeat; text-indent:-10000px; overflow:hidden; margin-bottom:12px; } #FREEBUY_DEPOT .BOX_01 h2 { background-position:0 0; } #FREEBUY_DEPOT .BOX_02 h2, #PREISE_UND_KONDITIONEN .BOX_01 h2 { background-position:0 -46px; } #FREEBUY_DEPOT .BOX_03 h2 { background-position:0 -23px; } #DETAILS .BOX_01 h2 { background-position:0 -69px; } #DETAILS .BOX_02 h2 { background-position:0 -92px; } #DETAILS .BOX_03 h2 { background-position:0 -115px; } #DETAILS .BOX_04 h2 { background-position:0 -140px; } #PREISE_UND_KONDITIONEN .BOX_02 h2 { background-position:0 -188px; } #BROKERVERGLEICH .BOX_01 h2 { background-position:0 -211px; } #ONVISTA_BANK .BOX_01 h2 { background-position:0 -266px; } #ONVISTA_BANK .BOX_02 h2 { background-position:0 -289px; height:26px; } #ONVISTA_BANK .BOX_03 h2 { background-position:0 -315px; } #TEILNAHMEBEDINGUNGEN .BOX_01 h2 { background-position:0 -338px; } aside h2 { background-position:0 100%; width:142px; height:39px; } aside h3 { color:#1a64a9; font-size:12px; line-height:24px; font-weight:normal; margin-bottom:3px; margin-left:0; } /* Durchstarten mit dem FreeBuy-Depot! */ #FREEBUY_DEPOT .BOX_01 { padding-bottom:16px; width:730px; } #FREEBUY_DEPOT .BOX_01 li { line-height:16px; padding:8px 55px 3px 24px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/bullet.gif) no-repeat 0 11px; position:relative; } /* Professionell und guenstig */ #FREEBUY_DEPOT .BOX_02 { position:relative; } #FREEBUY_DEPOT .BOX_02 ul { width:694px; height:211px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/konditionen.jpg) no-repeat 0 0; margin:30px 0 0 29px; padding-bottom:0; } #FREEBUY_DEPOT .BOX_02 li { display:none; } #FREEBUY_DEPOT .BOX_02 a.LINK_01 { display:block; width:693px; height:160px; position:absolute; top:43px; left:23px; overflow:hidden; line-height:50000px; } #FREEBUY_DEPOT .BOX_02 a.LINK_02 { display:block; width:475px; height:52px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/buttons.gif) no-repeat 0 -33px; line-height:1000px; overflow:hidden; margin:0 0 21px 31px; } /* Profitieren Sie von einer starken Verbindung */ #FREEBUY_DEPOT .BOX_03 p { padding:4px 0; } #FREEBUY_DEPOT .BOX_03 li { line-height:16px; padding:8px 55px 3px 24px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/bullet.gif) no-repeat 0 11px; position:relative; } /* Wie Sie FreeBuys erhalten */ #DETAILS .BOX_03 ul { padding-bottom:7px; } #DETAILS .BOX_03 li { line-height:16px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/bullet.gif) no-repeat scroll 0 4px; padding:2px 0 3px 21px; } #DETAILS .BOX_03 a { display:block; width:255px; height:33px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/buttons.gif) no-repeat 0 0; overflow:hidden; text-indent:-50000px; margin:0 0 14px 27px; } #DETAILS .BOX_03 strong { font-size:16px; line-height:21px; color:#00519e; font-style:normal; font-weight:bold; padding-bottom:3px; display:inline-block; } /* Was bietet die OnVista Bank sonst? */ #DETAILS .BOX_04 p { padding-bottom:8px; } #DETAILS .BOX_04 ul { padding-bottom:16px; } #DETAILS .BOX_04 li { line-height:16px; padding:2px 0 0 21px; padding-bottom:3px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/bullet.gif) no-repeat 0 4px; } /* Top Konditionen - schon ab 5,99 € */ #PREISE_UND_KONDITIONEN .BOX_01 { margin-bottom:19px; position:relative; } #PREISE_UND_KONDITIONEN .BOX_01 ul:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; } #PREISE_UND_KONDITIONEN .BOX_01 .VISUAL_01, #PREISE_UND_KONDITIONEN .BOX_01 .VISUAL_02 { background-image:url(layout_img/kampagnen/onvistabank_navigation_kampagne/konditionen.jpg); background-repeat:no-repeat; width:337px; height:122px; float:left; margin-top:5px; margin-bottom:10px; overflow:hidden; text-indent:-50000px; } #PREISE_UND_KONDITIONEN .BOX_01 .VISUAL_01 a, #PREISE_UND_KONDITIONEN .BOX_01 .VISUAL_02 a { display:block; width:337px; height:122px; overflow:hidden; text-indent:-50000px; } #PREISE_UND_KONDITIONEN .BOX_01 .VISUAL_01 { background-position:0 -334px; margin-left:26px; } #PREISE_UND_KONDITIONEN .IE6 .BOX_01 .VISUAL_01 { margin-left:13px; } #PREISE_UND_KONDITIONEN .BOX_01 .VISUAL_02 { background-position:0 -211px; margin-left:17px; } #PREISE_UND_KONDITIONEN .BOX_01 .FUSSNOTE { position:absolute; top:195px; right:30px; font-size:10px; padding-left:7px; } #PREISE_UND_KONDITIONEN .BOX_01 p { margin-left:31px; padding-bottom:13px; } #PREISE_UND_KONDITIONEN .BOX_01 h3 { font-weight:normal; margin-left:34px; font-size:12px; } #PREISE_UND_KONDITIONEN .BOX_01 table { margin-left:34px; border-spacing:0; border-collapse:collapse; width:686px; border:solid #dbe2f4 1px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/trennlinie.gif) no-repeat center 25px; } #PREISE_UND_KONDITIONEN .BOX_01 thead th { padding:2px 7px 4px !important; background:#eceff7; line-height:15px; vertical-align:top; } #PREISE_UND_KONDITIONEN .BOX_01 thead th.KENNZAHL1, #PREISE_UND_KONDITIONEN .BOX_01 thead th.KENNZAHL2 { padding-right:67px !important; text-align:center; } #PREISE_UND_KONDITIONEN .BOX_01 thead th.KENNZAHL1 span, #PREISE_UND_KONDITIONEN .BOX_01 thead th.KENNZAHL2 span { font-weight:normal; } #PREISE_UND_KONDITIONEN .BOX_01 tbody th { background:transparent; font-weight:normal; } #PREISE_UND_KONDITIONEN .BOX_01 tbody em { color:#980165; padding:8px 0 6px; display:inline-block; } #PREISE_UND_KONDITIONEN .BOX_01 tbody td { background:transparent; text-align:right; font-weight:bold; } #PREISE_UND_KONDITIONEN .BOX_01 th { text-align:left; padding:0 7px 6px; line-height:12px; } #PREISE_UND_KONDITIONEN .BOX_01 td { padding:0 7px 6px; line-height:12px; } #PREISE_UND_KONDITIONEN .BOX_01 ul { padding-bottom:7px; } #PREISE_UND_KONDITIONEN .BOX_01 .SPALTE1 { width:55px; padding-right:55px; } #PREISE_UND_KONDITIONEN .BOX_01 .SPALTE2 { width:55px; padding-right:82px; } #PREISE_UND_KONDITIONEN .BOX_01 .SPALTE3 { width:55px; padding-right:54px; } #PREISE_UND_KONDITIONEN .BOX_01 .SPALTE4 { width:55px; padding-right:80px; } /* Profitieren Sie von weiteren kostenfreien Services */ #PREISE_UND_KONDITIONEN .BOX_02 { padding-bottom:0; } #PREISE_UND_KONDITIONEN .BOX_02 table { margin:0 0 18px 31px; } #PREISE_UND_KONDITIONEN .BOX_02 th { font-weight:normal; text-align:left; padding-right:25px; white-space:nowrap; vertical-align:top; } #PREISE_UND_KONDITIONEN .BOX_02 td { font-weight:bold; white-space:nowrap; vertical-align:top; } #PREISE_UND_KONDITIONEN .BOX_02 td span { font-weight:normal; font-size:11px; padding-left:12px; display:inline-block; } #PREISE_UND_KONDITIONEN .BOX_02 h3 { margin:8px 0 0 7px; font-size:11px; color:#980165; } #PREISE_UND_KONDITIONEN .BOX_02 p { margin:0 0 0 7px; font-size:11px; width:650px; padding-bottom:9px; } #PREISE_UND_KONDITIONEN .BOX_02 p a { display:inline; line-height:16px; background:0; padding:0; overflow:visible; margin:0; text-decoration:underline; color:#3a3a3a; } #PREISE_UND_KONDITIONEN .BOX_02 p a:hover { color:#980165; } #PREISE_UND_KONDITIONEN .BOX_02 a { display:block; width:337px; height:52px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/buttons.gif) no-repeat 0 0; text-indent:-10000px; overflow:hidden; margin:0 0 25px 7px; } /* 2 x handeln, nur 1 x bezahlen */ #BROKERVERGLEICH .BOX_01 p { width:675px; } #BROKERVERGLEICH .BOX_01 figure { display:block; padding-left:24px; } #BROKERVERGLEICH .BOX_01 figcaption { display:block; width:637px; height:31px; overflow:hidden; line-height:1000px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/ueberschriften.gif) no-repeat 0 -234px; margin-bottom:15px; } #BROKERVERGLEICH .BOX_01 .FUSSNOTE { color:#980165; font-size:11px; padding:2px 0 20px; } #BROKERVERGLEICH .BOX_01 a { display:block; width:257px; height:30px; overflow:hidden; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/buttons.gif) no-repeat 0 -219px; line-height:1000px; margin:0 0 21px 30px; } #BROKERVERGLEICH .BOX_01 details { display:block; width:705px; font-size:11px; line-height:15px; margin:0 0 0 8px; } /* Handelsangebot im Ueberblick */ #ONVISTA_BANK .BOX_02 ul { padding-bottom:36px; } #ONVISTA_BANK .IE6 .BOX_02 ul, #ONVISTA_BANK .IE7 .BOX_02 ul { padding-bottom:58px; } #ONVISTA_BANK .BOX_02 ul:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; } #ONVISTA_BANK .BOX_02 li { line-height:22px; background:url(layout_img/kampagnen/onvistabank_navigation_kampagne/bullet.gif) no-repeat 0 7px; padding-left:21px; font-weight:bold; width:210px; float:left; color:#980165; } /* Gruende, die fuer die OnVista Bank sprechen */ #ONVISTA_BANK .BOX_03 { padding-bottom:0; } #ONVISTA_BANK .BOX_03 ul { padding-bottom:10px; } #ONVISTA_BANK .BOX_03 li { line-height:22px; background:url(layout_img/kampagnen/onvistabank_tankgutschein_kampagne/bullet.gif) no-repeat 0 7px; padding-left:21px; font-weight:bold; position:relative; color:#980165; } #ONVISTA_BANK .BOX_03 a { display:block; width:337px; height:52px; background:url(layout_img/kampagnen/onvistabank_tankgutschein_kampagne/buttons.gif) no-repeat 0 0; text-indent:-10000px; overflow:hidden; margin:0 0 22px 7px; } /* Teilnahmebedingungen */ article.TEILNAHMEBEDINGUNGEN { padding-bottom:0; width:735px; } /* Weiterfuehrende Links am Ende jeder Unterseite */ footer nav ul { height:12px; border-bottom:solid #e6e8ec 7px; } footer nav ul:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; } footer nav li { float:left; } footer nav a { background:url(layout_img/kampagnen/onvistabank_tankgutschein_kampagne/link_pfeile.gif) no-repeat 0 4px; padding-left:10px; padding-right:20px; color:#980165; font-weight:bold; } footer nav a:hover { background:url(layout_img/kampagnen/onvistabank_tankgutschein_kampagne/link_pfeile.gif) no-repeat 0 -12px; color:#3a3a3a; } /* Abbinder */ footer section { padding:15px 7px; color:#000; font-size:10px; line-height:13px; } footer section sup { line-height:12px; } footer section p { margin-left:0; padding-bottom:17px; font-size:11px; } footer section a { color:#000; text-decoration:underline; margin-left:0; } footer section a:hover { text-decoration:none; }