/* Normalizes margin, padding */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0px; padding: 0px; } /* Normalizes font-size for headers */ h1, h2, h3, h4, h5, h6 { font-size: 100%; } /* Removes list-style from lists */ ol, ul { list-style: none; } /* Normalizes font-style and font-weight to normal */ address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } /* Removes border from fieldset and img */ fieldset, img { border: 0px; } /* Left-aligns text in caption and th */ caption, th { text-align: left; } /* Removes quotation marks from q */ q:before, q:after { content: ''; } /* ------------------------------- */ /* Grundlagen für Body - Zentrierung - Schriftart */ html, body { height: 101%; /* required */ } body { text-align: center; padding: 0; margin: 0; background-color:#F7F6F6; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color: #666666; height:101%; behavior: url("csshover3.htc"); } div#center { text-align: left; /* horizontal centering hack for IE */ width: 965px; /* required - desired width */ margin: 0 auto; /* required */ position: relative; top: 30px; } /* ---------------- */ /* Links */ a { color: #0099ef; text-decoration: none; } #promo_1 { background-image: url(../images/de/home/promobutton_01.jpg); width: 241px; height: 50px; text-align: center; display: block; float: lefT; font-size: 15px; font-weight: bold; color: #666666; padding-top: 30px; } #promo_2 { background-image: url(../images/de/home/promobutton_02.jpg); width: 241px; height: 50px; text-align: center; display: block; float: lefT; font-size: 15px; font-weight: bold; color: #666666; padding-top: 30px;} #promo_3 { background-image: url(../images/de/home/promobutton_03.jpg); width: 241px; height: 50px; text-align: center; display: block; float: lefT; font-size: 15px; font-weight: bold; color: #666666; padding-top: 30px;} #promo_4 { background-image: url(../images/de/home/promobutton_04.jpg); width: 241px; height: 50px; text-align: center; display: block; float: lefT; font-size: 15px; font-weight: bold; color: #666666; padding-top: 30px;} #hlbtn1 { width: 230px; height: 35px; left: 582px; top: 262px; } #hlbtn2 { width: 230px; height: 35px; left: 200px; top: 262px; } #hlbtn3 { width: 230px; height: 35px; left: 180px; top: 262px; } #hlbtn4 { width: 230px; height: 35px; left: 185px; top: 262px; } #hl1 { background-image: url(../images/de/home/home_box01.png); opacity: 1; position: absolute; top: 0px; display: block; } #hl2 { background-image: url(../images/de/home/home_box02.png); opacity: 0; position: absolute; top: 0px; display: block; } #hl3 { background-image: url(../images/de/home/home_box03.jpg); opacity: 0; position: absolute; top: 0px; display: block; } #hl4 { background-image: url(../images/de/home/home_box05.jpg); opacity: 0; position: absolute; top: 0px; display: block; } /*-----------------*/ /* Positionierungen // Boxen */ div#main_content { clear:left; top: 10px; position: relative; } div#highlight_box { height: 358px; } div#highlight_gross_text { position: relative; left: 55px; top: -270px; color: white; font-size: 35px; width: 380px; } div#highlight_text { position: relative; left: 55px; top: -240px; color: white; width: 380px; font-size: 16px; font-weight: bold; } div#zwei_spalten_bg { background: url('../images/zwei_spalten_bg.png') repeat-y; width: 965px; position: relative; } div#zwei_spalten_top { background: url('../images/zwei_spalten_bg_top.png'); height: 13px; width: 965px; } div#zwei_spalten_bottom { background: url('../images/zwei_spalten_bg_bottom.png'); height: 13px; width: 965px; } div#eine_spalte_bg { background: url('../images/eine_spalte_bg.png') repeat-y; width: 965px; min-height:600px;} div#eine_spalte_top { background: url('../images/eine_spalte_bg_top.png'); height: 13px; width: 965px; } div#eine_spalte_bottom { background: url('../images/eine_spalte_bg_bottom.png'); height: 13px; width: 965px; } div#linke_spalte { width: 654px; position: relative; } div#rechte_spalte { margin-left: 654px; width: 311px; position: absolute; top: 0px; } div#linke_seite { width: 475px; position: relative; float: left; } div#rechte_seite { margin-left: 489px; position: relative; top: 0px; } div#box_mini_icon { margin: 20px 0px 5px 45px; } div#box_quote { background:url(../images/box_mini_icons.png); height: 153px; width: 216px; margin: 20px 0px 5px 45px; color: #999999; padding: 10px; font-size: 11px; } #support_box { margin-top: 10px; height: 155px; width: 475px; } #support_headline { left:44px; position:relative; top:-125px; width:300px; z-index:2; font-size: 22px; font-weight: bold; } #support_headline a { color: #666666;} #support_text { left:44px; position:relative; top:-100px; width:300px; z-index:2; } #support_text a { color: #999999; } #domain_box { margin-top: 10px; height: 155px; margin-left: 489px; width: 475px; position: absolute; top: 440px; } #domain_headline { left:40px; position:relative; top:-125px; width:300px; z-index:2; font-size: 22px; font-weight: bold; } #domain_headline a { color: #666666;} #domain_input { left:50px; position:relative; top:-112px; z-index:2; width: 200px; } #domain_input input { border: none; background-color: transparent; color: #2299e4; padding: 4px; width: 195px; } #domain_text { left:40px; position:relative; top:-100px; width:300px; z-index:2; } #domain_text a { color: #999999; } #input_domain { width: 342px; } #input_domain #domain { border: none; background-color: transparent; color: #2299e4; padding: 3px 48px; height: 16px; width: 248px; background-image: url(../images/de/domain/domain_input.jpg); } #input_domain #bestellen { border: none; background-color: transparent; height: 34px; background-image: url(../images/de/button_bestellen.jpg); width: 190px; } #input_karte { width: 600px; } #input_karte label { margin-right: 10px; } #input_karte #code { color: #666666; } #input_karte #input, #input_karte #domain { border: none; background-color: transparent; color: #2299e4; padding: 3px 20px; height: 16px; width: 302px; background-image: url(../images/de/domain/domain_input.jpg); margin-right: 40px; } #input_domain #bestellen { border: none; background-color: transparent; height: 34px; background-image: url(../images/de/button_bestellen.jpg); width: 190px; } #input_karte textarea { width: 323px; height: 69px; background-image: url(../images/de/webhosting/karte/karte_textarea.jpg); padding: 4px; border: none; color: #666666; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; margin-right: 50px; } #input_domain_mx { position:relative; z-index:2; left: 60px; top: 50px; width: 570px; } #input_domain_mx #domain { border: none; background-color: transparent; color: #2299e4; padding: 8px 20px; height: 16px; background-image: url(../images/input_domain.jpg); width: 250px; } #input_domain_mx #bestellen { border: none; background-color: transparent; height: 34px; background-image: url(../images/de/bestellen/bestellen_blau.jpg); width: 190px; position:relative; top: 2px; left: 30px; } /* #info_text { position:relative; top: 30px; left: -45px; width: 290px; float: right; font-weight: bold; } */ #info_text { position:absolute; top: 30px; right: 40px; width: 290px; font-weight: bold; font-size:13px; line-height: 18px; } #info_text_vps { position:absolute; top: 30px; right: 40px; width: 290px; font-weight: bold; font-size:12px; line-height: 16px; } #info_list_headline {padding: 10px 0 10px 50px; font-size:12px; font-weight: bold; line-height: 16px; color:#666;} #info_list_left { padding: 0px 0 40px 50px; line-height: 16px; width:200px; float:left; font-size:12px; color:#999999;} #info_list_right { padding: 0px 0 40px 0px; line-height: 16px; width:330px; float:right; font-size:12px; color:#999999;} #vps_text_complete{padding: 0px 0 10px 50px; font-size:12px; line-height: 16px; color:#999999;} #info_text_bestellen { position:relative; top: 30px; left: -45px; width: 350px; float: right; font-weight: bold; font-size:13px; line-height: 18px; } /*#info_text_bestellen { position:absolute; top: 30px; right: 40px; width: 350px; font-weight: bold; font-size:13px; line-height: 18px; } */ /* #domain_info_text { position:relative; top: 30px; left: -45px; width: 342px; float: right; font-weight: bold; font-size:13px; line-height: 18px; } */ #domain_info_text { position:absolute; top: 30px; right: 40px; width: 342px; font-weight: bold; font-size:13px; line-height: 18px; } /*#info_text_domain { position:relative; top: 30px; left: -45px; width: 650px; float: right; font-weight: bold; font-size:13px; line-height: 18px;}*/ #info_text_domain { position:absolute; top: 50px; right: 40px; width: 650px; font-weight: bold; font-size:13px; line-height: 18px; } #info_text_faq, #info_text_leistungen { font-weight: bold; height: 155px; width: 570px; font-size:13px; line-height: 18px; } div#ihre_daten { margin-left: 34px; height: 427px; width: 242px; background-image: url(../images/de/bestellen/ihre_daten.jpg); } div#daten_adresse { position: relative; top: 100px; left: 25px; color: white; height: 145px; width: 195px; } div#daten_zahlen { position: relative; top: 150px; left: 25px; color: white; } div#warenkorb { margin-left: 32px; height: 255px; width: 244px; background-image: url(../images/de/bestellen/warenkorb.png); position: relative; top: 20px; } div#warenkorb2 { margin-left: 32px; height: 255px; width: 244px; background-image: url(../images/de/bestellen/warenkorb2.png); position: relative; top: 20px; } div#warenkorb_text { position: relative; top: 40px; left: 80px; color: white; font-size: 20px; width: 170px; } div#warenkorb_bezeichnung { position: relative; top: 70px; left: 24px; text-align: right; font-size: 16px; line-height: 30px; color: white; float: left; } div#warenkorb_preis { position: relative; top: 70px; left: 34px; text-align: left; font-size: 16px; line-height: 30px; color: white; } div#gutscheinbox { margin-left: 37px; height: 93px; width: 236px; background-image:url(../images/de/bestellen/gutscheinbox.jpg); margin-top: 55px; padding-top: 20px; } div#gutscheintext { margin-left: 10px; width: 200px; font-size: 13px; font-weight: bold; } div#error_box { width: 192px ; height: 76px; padding: 20px; color: red; background-image: url(../images/de/bestellen/error_box.png); } div#anfrage_info { margin-left: 45px; } div#anfrage_text { position: relative; top: 30px; margin-left: 200px; width: 360px; color: #999999; } div#downloads_info { margin-left: 45px; position:relative; top: 20px; } div#downloads_text { position: relative; top: 30px; margin-left: 200px; width: 400px; color: #999999; } div#systemstatus { margin-left: 235px; position: relative; color: #999999; width: 600px; } div#text_links { float:left; width: 410px; margin-left: 45px; margin-top: 45px; } div#text_rechts { width: 410px; margin-left: 520px; position:relative; top: 45px; } div#faq_left { float: left; width: 272px; margin-left: 45px; margin-top: 20px; } div#faq_right { margin-left: 317px; } div#faq_bottom { width: 272px; height: 11px; background-image: url(../images/faq_bottom.jpg); } div#faq_top { width: 272px; height: 10px; background-image: url(../images/faq_top.jpg); } div#faq { width: 272px; background-image: url(../images/faq_bg.jpg); } div#faq_content { width:620px; font-size: 13px; line-height: 18px; } div#faq_content hr { border: none; border-bottom: 1px solid #f7f7f7; margin: 5px 0px; } div#faq_content a { color: #0376b9;} div#leistungen_left { float: left; width: 227px; margin-left: 45px; margin-top: 20px; } div#leistungen_right { margin-left: 317px; } div#leistungen_bottom { width: 227px; height: 11px; background-image: url(../images/faq_bottom.jpg); } div#leistungen_top { width: 227px; height: 10px; background-image: url(../images/faq_top.jpg); } div#leistungen { text-align: center; width: 227px; background-image: url(../images/faq_bg.jpg); } div#leistungen_content { } #sitebuilder_box { margin-top: 14px; height: 324px; width: 475px; } #sitebuilder_text { left:33px; position:relative; top:-275px; width:250px; z-index:2; } #sitebulder_headline { top: -290px; } #zugriff_text { width: 500px; position: relative; margin-left: 400px; color: #999999; } #zugriff_headline_1 { font-size: 15px; color: #0099ef; position: relative; margin-left: 400px; margin-top: 20px; } #zugriff_text_1 { width: 500px; position: relative; margin-left: 400px; color: #999999; } #zugriff_headline_2 { font-size: 15px; color: #0099ef; position: relative; margin-left: 60px; margin-top: 20px; float: left; } #zugriff_text_2 { width: 320px; position: relative; margin-left: 60px; color: #999999; clear:left; float: left; margin-top: 20px; } #zugriff_programme_2 { width: 350px; position: relative; margin-left: 500px; color: #999999; } #wieso_headline { font-size: 15px; color: #0099ef; position: relative; margin-left: 400px; margin-top: 20px; } #wieso_box1 { width: 500px; position: relative; margin-left: 400px; } #wieso_box2 { width: 300px; position: relative; margin-left: 45px; float: left; margin-top: 40px; } #wieso_box3 { width: 200px; position: relative; margin-left: 56px; float: left; margin-top: 40px; } #wieso_box4 { width: 240px; position: relative; margin-left: 640px; margin-top: 40px; } div#box_rechts_top { width: 250px; height: 5px; background-image: url(../images/box_rechts_top.jpg); margin-left: 30px; } div#box_rechts{ width: 210px; background-image: url(../images/box_rechts_bg.jpg); margin-left: 30px; padding: 20px; } div#box_rechts_bottom { width: 250px; height: 5px; background-image: url(../images/box_rechts_bottom.jpg); margin-left: 30px; } div#agb { margin-left: 55px; width: 200px; } div#kontakt_links { width: 430px; position: relative; margin-left: 45px; } div#kontakt_rechts { width: 430px; position: absolute; margin-left: 520px; top: 13px; } div#ref_logos { width: 800px; margin-left: 45px; } #fiat, #alfa_romeo, #ogilvy_one, #orange { margin-right: 55px; } #raiffeisen, #betty_bossi, #alcatel { margin-right: 62px; } #victorinox, #renault, #dr_oetker { margin-right: 70px; } #ausruf { margin-left: 60px; width: 700px; } #ausruf span { color: #999999; position:relative; top: 4px; } /* ---------------- */ /* Bilder */ img#button_10gb { margin: 35px 0px 10px 45px; width: 225px; height: 85px; } img#button_20gb { margin: 0px 0px 10px 45px; width: 225px; height: 85px; } img#button_3 { margin: 0px 0px 10px 45px; width: 225px; height: 85px; } img#button_4 { margin: 0px 0px 100px 45px; width: 225px; height: 85px; } img#button_20gb_optionen { margin: 0px 0px 20px 45px; width: 225px; height: 85px; } img#preis_button1 { margin: 35px 0px 10px 45px; width: 225px; height: 85px; } img#preis_button2 { margin: 0px 0px 50px 45px; width: 225px; height: 85px; } img#img_server { margin-top: 35px; margin-left: 40px; position: relative; } img#img_server_klein, img#shared_hosting_server, img#rootserver { margin-top: 20px; margin-left: 35px; margin-bottom: 40px; } img#img_domain { margin-top: 35px; margin-left: 40px; } div#ihre_daten img { margin-left: 115px; } /* ---------------- */ /* Listen */ div#faq ul { width: 200px; padding: 20px 0px 20px 45px; } div#leistungen ul { padding: 20px 0px 20px 0px; } div#faq_content ul { list-style: inside url(../images/pfeil_blue.jpg); } div#glossar_content ul { position: relative; top: -25px;} div#faq_content li { margin: 10px 0px; padding: 2px; } div#glossar_content li { margin: 20px 0px 0px 0px; padding: 2px; } #rechte_spalte ul { width: 260px; margin: 5px 0px 5px 45px; } #sitebuilder_text ul { list-style: inside disc; margin: 15px 0px; } #sitebuilder_text li { margin: 3px 0px; width: 250px; } #zugriff_text_1 ul, #zugriff_programme_2 ul { list-style: inside url(../images/pfeil.jpg); } #zugriff_text_1 li, #zugriff_programme_2 li { margin: 5px 0px; } /* ---------------- */ /* Formulare */ #button_bg { border: none; background-color: transparent; height: 34px; background-image: url(../images/de/bestellen/button_bg.png); width: 190px; color: white; font-size: 16px;} #code { background-image: url(../images/de/bestellen/code_input.jpg); width: 173px; height: 14px; padding: 4px 10px; border: none; } #z_domain { border: none!important; background-color: transparent!important; padding: 3px 5px!important; height: 16px!important; width: 332px!important; background-image: url(../images/de/domain/domain_input.jpg)!important; margin-left: 90px; } #sitebuilder { border: none!important; background-color: transparent!important; padding: 3px 5px!important; height: 16px!important; width: 332px!important; background-image: url(../images/de/domain/domain_input.jpg)!important; } #admin { border: none!important; background-color: transparent!important; padding: 3px 5px!important; height: 16px!important; width: 171px!important; background-image: url(../images/input_mittel.jpg)!important; margin-left: 166px; margin-right: 10px; } #anfrage_form { margin-left: 60px; } #anfrage_form label { width: 120px; display: block; float: left; padding: 4px; } #anfrage_form input { width: 404px; height: 14px; border: none; background-image: url(../images/de/support/formular_input.jpg); padding: 4px; color: #666666; font-family: Arial, Helvetica, sans-serif; } #anfrage_form textarea { width: 404px; height: 202px; border: none; background-image: url(../images/de/support/formular_textarea.jpg); padding: 4px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #anfrage_form #datei { height: 22px; border: 1px solid #CCC; background: none; } #bestellen_4_form label { width: 100px; display: block; float: left; margin-right: 20px; text-align: right; } #bestellen_4_form input { width: 333px; height: 14px; padding: 4px; background-image: url(../images/de/bestellen/input_text.jpg); border: none; color: #666666; } #bestellen_4_form #herr { width: 12px; float:none; margin-left: 20px; margin-right: 5px; } #bestellen_4_form #frau { width: 12px; float:none; margin-right: 5px; } #bestellen_4_form #rechnungsadresse { background-image: url(../images/de/bestellen/rechnungsadresse.jpg); width: 259px; height: 27px; border: none; margin-left: 205px; } #bestellen_4_form #daten { background-image: url(../images/de/bestellen/daten.jpg); width: 148px; height: 27px; border: none; margin-left: 175px; } #bestellen_5_form label { margin-right: 20px; } #bestellen_5_form input { margin-right: 10px; } #bestellen_5_form .text_input { background-image: url(../images/de/bestellen/input_name.jpg); border: none; width: 166px; height: 14px; padding: 4px; color: #666666; } #bestellen_5_form .kredit_label { width: 70px; display: block; float: left; text-align: right; padding: 3px; } #bestellen_5_form .dropdown_kredit { width: 174px; } #bestellen_5_form .dropdown_date { width: 80px; margin-right: 11px; } #bestellen_5_form #cvv_input { background-image: url(../images/de/bestellen/input_cvv.jpg); border: none; width: 63px; height: 14px; padding: 4px; color: #666666; } #bestellen_5_form #kredit_help { background-image: url(../images/de/bestellen/kredit_help.jpg); height: 22px; width: 18px; border: none; } #bestellen_5_form table { border-collapse: collapse; } #bestellen_5_form td { height: 35px; } #bestellen_5_form #code { background-image: url(../images/de/bestellen/input.jpg); border: none; width: 203px; padding: 4px; height: 14px; color: #666666; margin-right: 54px; } #bestellen_5_form hr { width: 550px; border: none; border-bottom: 1px solid #f7f7f7; margin: 20px 0px; } #bestellen_6_form {padding-left: 130px;} #bestellen_6_form label {font-size:15px; font-weight:bold; color:#666; margin-right: 20px; } #bestellen_6_form input { width: 333px; height: 14px; padding: 4px; background-image: url(../images/de/bestellen/input_text.jpg); border: none; color: #666666; } #bestellen_6_form textarea { width: 333px; height: 170px; border: none; background-image: url(../images/de/bestellen/formular_textarea.jpg); background-repeat:no-repeat; padding: 4px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #gutschein_input { position: relative; top: 35px; left: 15px; } #gutschein_input #input_text { border: none; background: none; width: 95px; text-align: center; font-weight: bold; } #gutschein_input #input_button { border: none; background-image: url(../images/de/bestellen/gutschein_button.jpg); width: 100px; height: 26px; text-align: center; margin-left: 10px; color: #999999; font-weight: bold; } #form_mail { margin-left: 60px; color: #999999; } #form_mail table { border-collapse: collapse; border: none; width: 550px; color: #999999; } #form_mail td { height: 35px; } #form_mail input { background-image: url(../images/de/bestellen/input_mail_anzahl.jpg); width: 43px ; height: 14px ; padding: 4px; color: #666666; border: none; } #form_mail #domain { border: none; background-color: transparent; color: #2299e4; padding: 3px 45px; height: 16px; width: 256px; background-image: url(../images/de/domain/domain_input.jpg); } #agb input { margin-right: 10px; margin-bottom: 20px; float: left; } #kontakt_form {} #kontakt_form label { color: #999999; width: 60px; position: relative; float: left; clear: left; display: block; height: 18px; padding-top: 4px; } #kontakt_form input { width: 303px; height: 14px; background-image: url(../images/input_kontakt.jpg); padding: 4px; border: none; color: #666666; } #kontakt_form textarea { width: 303px; height: 133px; background-image: url(../images/input_kontakt_area.jpg); padding: 4px; border: none; color: #666666; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; } #presse_form {} #presse_form label { color: #999999; width: 110px; position: relative; float: left; clear: left; display: block; height: 18px; padding-top: 4px; } #presse_form input { width: 303px; height: 14px; background-image: url(../images/input_kontakt.jpg); padding: 4px; border: none; color: #666666; } #mediator_form {} #mediator_form label { color: #999999; width: 200px; position: relative; float: left; text-align: right; margin-right: 20px; clear: left; display: block; height: 18px; padding-top: 4px; } #mediator_form input { width: 303px; height: 14px; background-image: url(../images/input_kontakt.jpg); padding: 4px; border: none; color: #666666; } #mediator_form textarea { width: 303px; height: 68px; background-image: url(../images/de/webhosting/karte/karte_textarea.jpg); padding: 4px; border: none; color: #666666; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; margin-right: 50px; } .error{color: #FF0000;} /* FactSheet Btn */ #fact_sh { margin-top: 382px; } #fact_root { margin-top: 111px; } #fact_karte { margin-top: 31px; } #fact_ms { margin-top: 489px; } #fact_reseller { margin-top: 460px; } #fact_mx { margin-top: 90px; } #fact_ob { margin-top: 55px; } #fact_business { margin-top: 567px; } #fact_sb { margin-top: 670px; } #fact_ssl { margin-top: 55px; } /* table */ #table{padding: 0 0 0 50px; border-collapse:collapse;} #table_details th{ font-size:12px; font-weight:bold; color:#116ca9; text-align:center;} #table_details td { } #th_left {background-image:url(../images/table_left.jpg); width:195px; height:23px;} #th_middle{background-color:#d2efff; height:23px; width:40px;} #th_right { background-image:url(../images/table_right.jpg); width: 202px; height:23px;} .table_td_headline{padding-left:15px;} .td_1{ width:120px; height:30px; font-size:12px; font-weight:bold; color:#999999; border: 1px solid #d2efff; } .td_2{ width:120px; height:30px; font-size:12px; font-weight:bold; color:#999999; border-right: 1px solid #d2efff; border-left: 1px solid #d2efff; border-bottom: 1px solid #d2efff;} .td_3{ font-size:12px; font-weight:normal; color:#999999; border-bottom: 1px solid #d2efff; padding-left:32px; } .td_4{ font-size:12px; font-weight:normal; color:#999999; border-bottom: 1px solid #d2efff; border-right: 1px solid #d2efff; padding-left:32px; } #vps_infos{padding:0 20px 0 50px; font-size:12px; font-weight:normal; color:#999999; line-height:16px;} .vps_infos_left{float:left; width:49%;} .vps_infos_left span{font-size:12px; font-weight:bold; color:#666;} .vps_infos_right{float:right; width:49%;} .vps_infos_right span{font-size:12px; font-weight:bold; color:#666;}