/* ########################################### Allgemeine HTML-Tags ########################################### */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#DADADA; text-align:center; padding:0; margin:23px 0 23px 0; } img { border:none; } a { color:#000000; text-decoration:underline; } h3 { font-size:11px; } /* ########################################### Positions-Ebene ########################################### */ #top { width:972px; margin:0 auto; text-align:left; position:relative; } #top_bg { width:972px; float:left; background-image:url(../images/bg_top.png); background-position:top; background-repeat:repeat-y; } #top_bg_blau { width:972px; float:left; background-image:url(../images/bg_top_blau.png); background-position:top; background-repeat:repeat-y; } #top_bg_blau li { list-style-image:url(../images/blaues_quadrat.gif); margin-left:-25px; } #top_bg_orange { width:972px; float:left; background-image:url(../images/bg_top_orange.png); background-position:top; background-repeat:repeat-y; } #top_bg_orange li { list-style-image:url(../images/orange_quadrat.gif); margin-left:-25px; } /* ########################################### Seitenfuss mit Standardnavigation ########################################### */ #bottom { width:972px; color:#000000; font-size:11px; } #bottom_abstand { padding:0 10px 0 208px; } #bottom_snavi { width:555px; text-align:center; float:left; } #bottom_snavi a { color:#000000; font-size:11px; text-decoration:none; padding:0 1px 0 1px; } #bottom_snavi a:hover { text-decoration:underline; } #bottom_right { float:right; } /* ########################################### Kopfbereich der Seite ########################################### */ #header { width:972px; height:348px; background-image:url(../images/bg_header.png); background-position:top; background-repeat:no-repeat; overflow:hidden; } #head_space { padding:6px 11px 0 7px; } /* ########################################### Logo, Schriftzug und Sprachnavigation ########################################### */ #head_row1 { width:954px; height:97px; } #head_row1_bild { float:left; margin-left:25px; } #head_row1 h1 { width:582px; padding:65px 0 0 0; margin:0; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; color:#000000; } #sprachen { float:left; padding:11px 0 0 14px; font-size:11px; color:#034694; } #sprachen a { float:left; margin-right:3px; border:1px solid #FFFFFF; } #sprachen a:hover { border:1px solid #000000; } #sprachen p { clear:left; display:block; padding:0; margin:0; } /* ########################################### Seitenbild bzw. Flashheader und Buttons ########################################### */ #head_row2 { width:954px; height:185px; margin:3px 0 3px 0; } #head_row2_header, #flashheader { float:left; } #head_row2_right { width:177px; float:right; } #bravis_testen a { display:block; float:left; width:167px; height:51px; margin-top:9px; background-image:url(../images/btn_header_blau.png); background-position:top; background-repeat:no-repeat; color:#FFFFFF; font-size:14px; text-decoration:none; text-align:left; } #bravis_testen a:hover { text-decoration:underline; } #bravis_testen_span { padding:16px 0 0 12px; display:block; } #bravis_demo a { display:block; float:left; width:167px; height:50px; margin-top:0px; background-image:url(../images/btn_header_orange.png); background-position:top; background-repeat:no-repeat; color:#FFFFFF; font-size:14px; text-decoration:none; text-align:left; } #bravis_demo a:hover { text-decoration:underline; } #bravis_demo_span { padding:16px 0 0 12px; display:block; } #bravis_kaufen a { display:block; float:left; width:167px; height:51px; margin-top:0px; background-image:url(../images/btn_header_grau.png); background-position:top; background-repeat:no-repeat; color:#FFFFFF; font-size:14px; text-decoration:none; text-align:left; } #bravis_kaufen a:hover { text-decoration:underline; } #bravis_kaufen_span { padding:16px 0 0 12px; display:block; } /* ########################################### Hauptnavigation ########################################### */ #hnavi { width:954px; height:60px; } #hnavi ul { display:block; list-style:none; display:block; float:left; padding:0 0 0 193px; margin:0; background-image:url(../images/bg_hnavi_right.png); background-position:right; background-repeat:no-repeat; } #hnavi li { display:block; float:left; margin:0; padding:0; } #hnavi a { width:95px; height:35px; display:block; float:left; background-position:bottom; background-repeat:no-repeat; } #hnavi span { display:none; } /* Styles für die Buttons sind der hnavi.css zu finden */ /* ########################################### Unternavigation ########################################### */ #unavi ul { width:174px; display:block; list-style:none; display:block; float:left; padding:0 0 13px 0; margin:0 0 13px -1px; border-bottom:1px solid #DBDBDB; } #unavi li { display:block; float:left; margin:0; padding:0; } #unavi a { width:174px; display:block; float:left; color:#999999; font-size:16px !important; background-color:#FFFFFF; font-weight:normal !important; text-decoration:none; } #unavi a:hover { background-color:#034694; color:#FFFFFF; text-decoration:none !important; } #unavi_aktiv { background-color:#034694 !important; color:#FFFFFF !important; font-weight:bold !important; text-decoration:none !important; } #unavi span { padding:3px 3px 3px 4px; display:block; float:left; } #unavi_orange a:hover { background-color:#E77500; } #unavi_orange_aktiv { background-color:#E77500 !important; color:#FFFFFF !important; } #unavi_faq { padding-top:10px !important; padding-bottom:10px !important; margin-top:10px !important; padding-left:4px !important; border-top:1px solid #DBDBDB !important; width:100% !important; } #unavi_faq_bottom { margin-bottom:10px !important; border-bottom:1px solid #DBDBDB !important; width:100% !important; } /* ########################################### Hauptbereich der Webseite ########################################### */ #main_grau { width:972px; background-image:url(../images/bg_main_bottom.png); background-position:left bottom; background-repeat:no-repeat; float:left; overflow:hidden; } #main_blau { width:972px; background-image:url(../images/bg_main_bottom_blau.png); background-position:left bottom; background-repeat:no-repeat; float:left; overflow:hidden; } #main_orange { width:972px; background-image:url(../images/bg_main_bottom_orange.png); background-position: left bottom; background-repeat:no-repeat; float:left; overflow:hidden; } #main_abstand { padding:0 17px 0 11px; } #seitentitel { display:none; } /* ########################################### linker Teil Hauptbereich der Webseite ########################################### */ #main_left { width:188px; float:left; border-top:1px solid #DBDBDB; padding-bottom:148px; overflow:hidden; } #main_left_abstand { padding:6px 8px 0 8px; float:left; } #main_left p { display:block; margin:0; padding:0; float:left; } #main_left h3 { display:block; font-size:12px; font-weight:bold; margin:0; padding:10px 0 18px 0; clear:left; } #main_left a:hover { text-decoration:underline; } #main_left strong { font-weight:normal; } /* zusätzliche Klassen auf der linken und rechten Seite */ .main_datum { display:block; width:99%; font-size:10px; font-style:italic; padding-bottom:10px; } .main_klein { display:block; width:99%; font-size:10px; padding-bottom:10px; margin-top:11px; } .main_aktion { display:block; width:99%; font-size:12px; color:#f78b41; font-weight:bold; padding-bottom:10px; } .main_border { border-bottom:1px solid #DBDBDB; padding-bottom:13px; margin-bottom:13px; float:left; } .main_info { display:block; width:99%; float:left; margin-top:11px; } .main_info a { display:block; float:right; padding:0 15px 0 24px; background-image:url(../images/btn_info.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; } .main_pfeil { display:block; width:99%; float:left; margin-top:11px; } .main_pfeil a { display:block; float:right; padding:0 15px 0 24px; background-image:url(../images/btn_pfeil.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; } .main_img { margin-bottom:16px; clear:left; } .main_img_right { clear:left; } .main_inhalt_border { padding:0 10px 10px 10px; border-top:1px solid #034694; } .main_inhalt_border_grau { padding:10px 10px 10px 10px; border-top:1px solid #D7D7D7; } .main_inhalt { padding:0 10px 10px 10px; } .main_inhalt_h2 { display:none; } .main_inhalt_trenn { border-top:1px solid #DBDBDB; padding-top:15px; margin-top:15px; display:block; clear:left; } .voraus1, .voraus2 { float:left; width:49%; padding:0; margin:0; display:block; } /* ########################################### Inhaltsbereich der Webseite ########################################### */ #main_content { width:558px; float:left; margin-left:8px; padding-bottom:87px; } #main_content_blau { width:554px; float:left; margin-left:8px; padding-bottom:160px; } #main_content_blau p { display:block; } #main_content_h3 { display:none; } .main_content_part { border-top:1px solid #DBDBDB; padding-bottom:15px; margin-bottom:15px; } #faq_top li { padding-top:5px; padding-bottom:5px; } #faq_top a { color:#000000; } /*.faq_top { float:right; margin-left:10px; }*/ .faq_top a { display:block; float:right; margin-left:10px; padding:0 0 0 24px; background-image:url(../images/btn_pfeil_top.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; font-weight:normal; } .faq_top a:hover { text-decoration:underline; } .main_product_left { width:274px; float:left; padding-bottom:10px; background-color:#FFFFFF; } .main_product_right { width:274px; float:right; padding-bottom:10px; background-color:#FFFFFF; } .main_product_top { float:left; width:274px; } .main_product_top a { display:block;float:left; width:274px; height:36px; background-position:top; background-repeat:no-repeat; } .main_product_top span { display:none; } .main_product_neu_border { border-bottom:9px solid #FFFFFF; float:left; background-color:#FFFFFF; } .main_product_neu { width:554px; height:493px; float:left; border:1px solid #034694; border-top:none; overflow:hidden; } #bravis_basic { background-image:url(../images/btn_bravis_basic.png); } #bravis_prof { background-image:url(../images/btn_bravis_prof.png); } #bravis_gamer { background-image:url(../images/btn_bravis_gamer.png); } #bravis_enterprise { background-image:url(../images/btn_bravis_enterprise.png); } .main_product_border { border-right:1px solid #094a97; border-bottom:1px solid #094a97; border-left:1px solid #094a97; padding-top:15px; padding-bottom:10px; float:left; } .main_product_content { width:270px; height:184px; overflow:hidden; } .main_product_content p { margin:0 0 0 8px; padding:0; width:254px; } .main_product_content a:hover { text-decoration:underline; } .main_border { border-bottom:1px solid #DBDBDB; padding-bottom:10px; margin-bottom:5px; } .main_info2 { display:block; width:100%; float:left; margin-top:5px; } .main_info2 a { display:block; float:left; padding:0 0 0 24px; background-image:url(../images/btn_info.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; font-weight:bold; } .main_down { display:block; width:100%; float:left; margin-top:5px; } .main_down a { display:block; float:left; padding:0 0 0 24px; background-image:url(../images/btn_down.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; font-weight:bold; } .main_buy { display:block; width:100%; float:left; margin-top:8px; } .main_pfeil2 { display:block; width:100%; float:left; margin-top:5px; } .main_pfeil2 a { display:block; float:left; padding:0 0 0 24px; background-image:url(../images/btn_pfeil.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; font-weight:bold; } .main_pfeil4 { display:block; float:left; padding:5px 0 7px 0; } .main_pfeil4 a { display:block; float:left; padding:0 0 0 24px; background-image:url(../images/btn_pfeil.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; font-weight:normal; } .main_pfeil5 a { display:block; padding:0 0 0 24px; background-image:url(../images/btn_pfeil_back.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; font-weight:normal; } .main_pfeil6 { display:block; width:100%; float:left; margin-top:5px; } .main_pfeil6 a { display:block; float:left; padding:0 0 0 24px; background-image:url(../images/btn_pfeil.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; font-weight:normal; } .main_pfeil6 a:hover { text-decoration:underline; } .main_back { display:block; padding:0 0 0 24px; background-image:url(../images/btn_pfeil_back.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; font-weight:normal; float:left; } .main_next { display:block; padding:0 24px 0 0; background-image:url(../images/btn_pfeil.png); background-position:right; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; font-weight:normal; float:right; } .main_empf { display:block; width:100%; float:left; margin-top:5px; } .main_empf a { display:block; float:left; padding:0 0 0 24px; background-image:url(../images/btn_empfehlen.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; font-weight:bold; } #main_partner { width:556px; border-top:1px solid #DBDBDB; float:left; } #main_jumper { clear:both; padding-left:10px; font-size:10px; } #main_jumper a { text-decoration:none; } #main_jumper a:hover { text-decoration:underline; } /* ########################################### rechter Teil Hauptbereich der Webseite ########################################### */ #main_right { width:184px; float:right; border-top:1px solid #DBDBDB; padding-bottom:200px; } * html #main_right { float:left; width:176px; margin-left:6px; } #main_right_abstand { padding:6px 8px 0 0; margin-left:8px; float:left; } #main_right p { display:block; margin:0; padding:0; float:left; } #main_right h3 { display:block; font-size:11px; font-weight:bold; margin:0; padding:10px 0 18px 0; clear:left; } #main_right a:hover { text-decoration:underline; } .main_pfeil3 { display:block; width:100%; float:left; margin-top:11px; } .main_pfeil3 a { display:block; float:left; padding:0 15px 0 24px; margin-left:15px; background-image:url(../images/btn_pfeil.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; } .main_pfeil7 { display:block; width:100%; float:left; margin-top:0px; } .main_pfeil7 a { display:block; float:left; padding:0 15px 0 24px; margin-left:15px; background-image:url(../images/btn_pfeil.png); background-position:left; background-repeat:no-repeat; color:#034694; text-decoration:none; line-height:18px; } /* ########################################### Layer für Weiterempfehlung ########################################### */ #layer_pos { position:absolute; top:300px; width:700px; left:136px; background-color:#FFFFFF; border:3px solid #3588E8; } #layer { padding:10px; display:block; } .layer_left { float:left; width:330px; margin-right:20px; } .layer_right { float:left; width:330px; } #form label { font-size:11px; } #form input { display:block; width:98%; border:1px solid #034694; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin-bottom:15px; } #form textarea { display:block; width:678px; border:1px solid #034694; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin-bottom:15px; } .layer_zeile_rechts { float:right; border:1px solid #CCCCCC; } .layer_zeile_links { float:left; border:1px solid #CCCCCC; clear:left; } .layer_senden { background-color:#216DC6; color:#FFFFFF; font-size:14px; border:2px solid #FFFFFF; font-weight:bold; cursor:pointer; margin-bottom:0px;} .layer_zeile_close { float:right; border:1px solid #666666; } .layer_close { background-color:#216DC6; color:#FFFFFF; font-size:11px; border:2px solid #FFFFFF; display:block; padding:2px 5px 2px 5px; text-decoration:none; font-weight:bold; } .pflicht { font-size:10px; } .mail { display:none; } /* ########################################### Kontaktformular ########################################### */ #formular { padding-left:8px; padding-right:13px; } #formular input, #formular select, #formular textarea { border:1px solid #034694; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; float:left; } #formular label { font-size:11px; float:left; } .zelle1 { clear:both; float:left; margin-top:10px; } .zelle1 input { width:111px; margin-right:3px; } .zelle2 {float:left; margin-top:10px; } .zelle2 input { width:184px; margin-right:3px; } .zelle3 { float:left; margin-top:10px; } .zelle3 input { width:226px; } .zelle4 { clear:both; float:left; margin-top:10px; } .zelle4 input, .zelle4 textarea { width:530px; } .sitemap { font-size:12px; } .sitemap li { padding-top:5px; padding-bottom:5px; } .ueberschrift { margin-left:1px; }