/* Style Sheet für Sinn Spezialuhren letzte Änderung: 31.01.2018 */ html { overflow:auto; } body { font-family:Arial, Helvetica, sans-serif; color:black; background:#FFF; } body, div, img, h1, h2, h3, p, form, table, td, th, ul, li, a, fieldset, label, legend { margin:0px; padding:0px; border:0px; } table { border-collapse:collapse; } input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; } textarea { resize:none; overflow:auto; } .BestellenLink { display:none; } i.schwarz { color:#000; font-style:normal; text-decoration:underline; } /* Individuelle Klassen */ /* Tabelle */ div#Mitte_Innen table.Belastungstest1 { clear:both !important; float:none !important; font-size:9px; margin:20px 0px 20px 20px !important; padding:0px !important; border:1px solid #303030; } div#Mitte_Innen table.Belastungstest1 td { text-align:center; border:1px solid #303030; } div#Mitte_Innen table.Belastungstest2 { clear:both; float:none; font-size:9px; margin:0px 0px 20px 20px; border:0px solid #303030; } div#MitteHauptStart form { padding:20px 0px 0px 20px; } div#MitteHauptStart form hr { margin:0px; padding:0px; } div#MitteHauptStart legend { font-weight:bold; line-height:20px; margin-bottom:10px; } div#MitteHauptStart fieldset { width:200px; font-weight:normal; display:block; padding-bottom:20px; } div#MitteHauptStart fieldset p { margin-left:0px; margin-top:0px; } div#MitteHauptStart fieldset input { width:auto; margin:0px; margin-right:5px; } div#MitteHauptStart fieldset input.links { float:left; } /* div#MitteHauptStart form i { font-weight:bold; } */ a:link, a:visited, a:active { text-decoration:none; } a:focus, a:hover { text-decoration:underline; } div#Haupt { position:relative; width:1020px; height:auto; overflow:visible; margin:auto; border:1px solid #303030; background:#FFF; } div#Oben { position:relative; left:0px; top:0px; width:100%; height:100px; font-size:11px; color:#FFF; overflow:hidden; z-index:100; } div#Oben a { color:#FFF; } div#Logo { position:absolute; height:99px; } div#Logo img { margin:10px 30px 0px 10px; } div#Adresse { position:absolute; line-height:18px; left:310px; bottom:20px; } div#Adresse div { float:left; white-space:nowrap; margin:0px 5px 0px 0px; } div#ObenRechts { position:absolute; right:20px; top:20px; text-align:right; } div#ObenRechts a { font-weight:bold; margin-right:5px; } div#ObenRechts img { padding-right:5px; } div#Sprache { position:absolute; right:20px; bottom:20px; width:100px; text-align:right; } div#Oben a#ErweiterteSuche_btn { position:relative; font-size:11px; text-align:center; margin-right:6px; cursor:pointer; } div#Links { float:left; position:relative; width:199px; height:20000px; font-size:12px; color:#FFF; border-right:1px solid #303030; z-index:100; } div#Links a { color:#FFF; } div#Links h3 { font-size:11px; line-height:20px; font-weight:bold; margin:0px; } div#Links ul { list-style-type:none; font-size:11px; line-height:18px; margin:0px; padding:0 0 2px 0; } div#Links ul ul { list-style:circle outside; font-size:11px; line-height:16px; margin-left:15px; padding:0px; } div#Links div.Navi { margin:0 10px 3px 10px; padding:3px 0 0 0; border-top:1px solid #DEDEDD; } div#Links form[name=search] { margin:0; padding:0 0 3px 0; } div#Links div#LogoSSL { margin:0 10px 5px 10px !important; padding:7px 0 0 0; } div#MitteOben { float:right; position:relative; left:0; top:0; width:824px; height:249px; font-size:12px; overflow:hidden; background:#FFF; border-bottom:1px solid #303030; } div#MitteOben img#TopProdukt { float:right; } div#MitteOben h1.Seite1 { position:absolute; top:0px; left:0px; width:220px; height:249px; font-size:12px; line-height:24px; color:#939E9B; margin:0px; padding:20px; background:white; } div#MitteOben h1.News { position:absolute; top:0px; left:0px; width:220px; height:249px; font-size:20px; color:#939E9B; margin:0px; padding:20px; background:white; } h2.Ansicht2 { float:left; display:block; width:300px; height:50px; font-size:20px; color:#939E9B; margin:15px 20px 25px 20px; } div.MitteOben_Innen { position:relative; clear:both; } div.MitteOben_Innen p, div#MitteOben p { position:absolute; font-size:11px; color:#707070; margin:0px; } div.MitteOben_Innen p { position:absolute; left:0px; top:0px; width:235px; height:100px; background:#FFF; padding:0px 5px 0px 20px; } div.MitteOben_Innen img { float:right; margin:0px; padding:0px } /* Ansicht 1 */ h2.Seite1 { text-align:left; font-size:20px; color:rgb(147, 158, 155); } div#MitteHauptStart { float:right; position:relative; left:0; top:0; width:820px; height:auto; font-size:12px; overflow:visible; } /* Wichtig für den Opera-Browser: */ #SinnPP, object { z-index:1 !important; } div#MitteHauptStart h3 { font-size:13px; font-weight:bold; margin:20px 30px 10px 20px; } div#MitteHauptStart table { float:left; text-align:left; margin-right:30px; } div#MitteHauptStart table.Kontakt { width:250px; } div#MitteHauptStart th { text-align:left; vertical-align:middle; padding-right:20px; } div#MitteHauptStart td { padding-bottom:0px; padding:0px 5px } div#MitteHauptStart select#Auswahl { width:248px; } div#MitteHauptStart input.Absenden { display:block; width:auto; height:auto; font-size:12px; font-weight:bold; text-align:center !important; cursor:pointer; background:transparent; margin:5px 20px 25px 0px; padding:0px 5px; } div#MitteHauptStart input.Absenden:hover { text-decoration:underline; } div#MitteHauptStart hr{ width:99.9%; color:#FFF; margin:0px 0px 4px 0px; padding:0px; border-top:1px solid #303030; } div#Mitte_Innen { float:left; position:relative; left:0px; top:0px; width:380px; } div#Mitte_Innen p.NebenText { line-height:17px; margin-top:10px; } div#Mitte_Innen a b.Info, div#Mitte_Innen b.Info { font-size:11px; font-weight:normal; } div#Mitte_Innen a { text-decoration:underline; } div#Mitte_Innen a.Termine { text-decoration:underline; } div#Mitte_Innen dt, div#Mitte_Innen dd { line-height:20px; margin-bottom:10px } div#Mitte_Innen div p {margin: 0px 0px 0px 20px; padding: 0px;} /* Rechte Spalten */ div#Hintergrund_Rechts { position:absolute; top:0px; right:0px; height:100%; background:#DEDEDD url(../bilder/linie_v.gif) repeat-y 198px 0px; border-left:1px solid #303030; display:none; } div#MitteHauptStart h1 { font-size:13px; font-weight:bold; margin:20px 20px 10px 20px; } div#MitteHauptStart h2 { font-size:12px; font-weight:bold; margin:20px 20px 10px 20px; line-height:140%; } div#MitteHauptStart p { font-size:12px; margin:10px 20px 10px 20px; line-height:140%; } div#MitteHauptStart a { color:#000; } div#MitteHauptStart hr { margin:15px 20px; padding:0px; border:0px; border-top:1px solid #303030; width:calc(100% - 2 * 20px); clear:both; } div#MitteHauptStart div#News { float:right; position:relative; left:0px; top:0px; width:199px; height:19750px; z-index:90; background:#FFF; border-left:1px solid #303030; } div#MitteHauptStart div#News h2 { line-height:140%; margin:15px 20px 10px 20px; border-top:0; } div#MitteHauptStart div#News h2:first-child { margin:20px 20px 10px 20px; } div#MitteHauptStart div#News p { line-height:140%; margin:10px 20px 10px 20px; padding-right:0px; } div#MitteHauptStart div#News a { font-size:12px; display:block; color:black; margin:8px 20px; line-height:140%; border-top:0px solid #303030; } div#MitteHauptStart div#News hr { width:calc(100% - 2 * 20px); margin:15px 20px; padding:0px; border:0px; border-top:1px solid #303030; } /* ===== */ div#MitteHauptStart div#Unruh { float:right; position:relative; left:0px; top:0px; width:200px; height:19750px; z-index:90; background:#DEDEDD; border-left:1px solid #303030; } div#Haendler_Adressen { /**/float:right; position:relative; left:0px; top:0px; width:200px; /*z-index:90; border-left:1px solid #303030;*/ } div#MitteHauptStart div#Unruh h2, div#Haendler_Adressen h2 { line-height:140%; margin:20px 20px 10px 20px; } div#MitteHauptStart div#Unruh p, div#Haendler_Adressen p { line-height:140%; margin:10px 20px 10px 20px; padding-right:0px; } div#MitteHauptStart div#Unruh hr, div#Haendler_Adressen hr { width:calc(100% - 2 * 20px); margin:15px 20px; padding:0px; border:0px; border-top:1px solid #303030; } div#MitteHauptStart div#Unruh ul, div#Haendler_Adressen ul { list-style-position:outside; margin:0px 20px 10px 35px; padding:4px 0px 0px 0px; border:0px; } div#MitteHauptStart div#Unruh li, div#Haendler_Adressen li { line-height:20px; margin:0px; padding:0px; border:0px; } div#MitteHauptStart div#Unruh div.Stadt, div#Haendler_Adressen div.Stadt { width:calc(100% - 2 * 20px); margin:20px; } div#MitteHauptStart div#Unruh div.Stadt a, div#Haendler_Adressen div.Stadt a { text-align: left; margin:15px 0px; } div#MitteHauptStart div#Unruh div.Stadt p, div#Haendler_Adressen div.Stadt p { margin:15px 0px; } /* ===== */ div#MitteHauptStart div#Unruh img { margin:-10px 20px 10px 0px; } div#MitteHauptStart div#Unruh img.svg1 { width:calc(100% - 2 * 20px); margin:35px 20px 10px 20px; } div#MitteHauptStart div#Unruh img.svg2 { width:calc(100% - 2 * 60px); margin:35px 60px 10px 60px; } div#MitteHauptStart div#Unruh svg { width:calc(100% - 2 * 20px); height:32px; margin:10px 20px 10px 20px; } div#MitteHauptStart div#Unruh div#Ar-Trockenhaltetechnik { width:calc(100% - 2 * 20px); margin:10px 20px 10px 20px; } div#MitteHauptStart div#Unruh div#Ar-Trockenhaltetechnik_Bild { width:calc(100% - 2 * 20px); margin:10px 20px 10px 20px; } div#MitteHauptStart div#Unruh div#Ar-Trockenhaltetechnik_Bild a.VideoNavi img { width:10%; margin:10px 5% 10px 0%; } div#MitteHauptStart div#Unruh div#technologie { position:relative; width:100%; height:257px; } div#MitteHauptStart div#Unruh div#technologie img#DiaPic1 { display:none; position:absolute; left:0px; top:0px; margin:0px; } div#MitteHauptStart div#Unruh div#technologie img#DiaPic2 { position:absolute; left:0px; top:0px; margin:0px; } /* ===== */ div#MitteHauptStart div#News div { width:calc(100% - 2 * 20px); margin:20px; } div#MitteHauptStart div#News div a { margin:10px 0px; padding:0px; } div#MitteHauptStart div#News div p.Neben { width:95%; margin:0px; padding-bottom:10px !important; padding-right:0px; border-bottom:1px solid #303030; } div#MitteHauptStart div#News div p.Neben b { margin:0px; padding:0px; display:block; } div#MitteHauptStart div#News div p.Neben a { margin:0px; padding:0px; } img.Symbol { margin:0px auto; display:block; } /* ========== */ /* Inhalte für 2 Spalten ( Startseite ) */ div.Inhalt_Mitte { position:relative; min-width:400px; width:100%; overflow:hidden; } div.Inhalt, div.Inhalt_Links, div.Inhalt_Rechts { position:relative; min-width:400px; width:calc(50% - 1px); } div.Inhalt { float:left; } div.Inhalt_Links { float:left; border-right:1px solid #303030; } div.Inhalt_Rechts { float:right; left:-1px; border-left:1px solid #303030; } div#Haupt div.Inhalt_Links h1, div#Haupt div.Inhalt_Rechts h1 { margin-left:20px; } div#Haupt div.Inhalt_Links span.Startseite, div#Haupt div.Inhalt_Rechts span.Startseite, div#Haupt div.Inhalt_Links a.Startseite, div#Haupt div.Inhalt_Rechts a.Startseite { font-size:18px; } div#Haupt div.Inhalt_Links span.Startseite a, div#Haupt div.Inhalt_Rechts span.Startseite a, div#Haupt div.Inhalt_Links a.Startseite, div#Haupt div.Inhalt_Rechts a.Startseite { text-decoration:none; } div#Haupt div.Inhalt img, div#Haupt div.Inhalt_Links img, div#Haupt div.Inhalt_Rechts img { width:calc(100% - 2 * 20px); margin:10px 20px 10px 20px; } /* ========== */ div#MitteHauptStart form.Kontakt h2 { clear:both; font-size:13px; margin:15px 0px; padding:0px; border:0px; } div#MitteHauptStart form.Kontakt fieldset { width:auto; margin-right:15px; } div#MitteHauptStart form.Kontakt input { width:180px; } div#MitteHauptStart form.Kontakt label { float:left; width:150px; } div#MitteHauptStart form.Kontakt input.Absenden { width:auto; height:auto; font-size:12px; font-weight:bold; text-align:left; background:transparent; margin:10px 20px 15px 0px; padding:0; cursor:pointer; } div#MitteHauptStart form.Kontakt hr { margin:0px; padding:0px; } /* Ansicht 2 */ div#MitteHaupt { float:right; position:relative; left:0; top:0; width:820px; height:auto; font-size:12px; overflow:visible; } div#MitteHaupt h1 { font-size:13px; font-weight:bold; margin:20px 10px 10px 20px; } div#MitteHaupt p { font-size:12px; margin:20px 20px 0 20px; line-height:20px; } div#MitteHaupt a { color:black; font-weight:bold; } div#MitteHaupt p i { background:#dededd; } div#MitteHaupt hr { height:1px; margin:0px; padding:0px; border-bottom:0px; color:black; } div#MitteHaupt form { font-size:12px; margin:10px 10px 10px 20px; display:block; } div#MitteHaupt form strong { font-size:14px; margin:6px 0px 6px 0px; padding:0px; display:block; } div#MitteHaupt form select { font-size:11px; } div#MitteHaupt form table { width:175px; float:left; margin-right:15px; margin-bottom:15px; } div#MitteHaupt form td, div#MitteHaupt form th { font-weight:normal; line-height:18px; vertical-align:top; margin:0px; padding:0px; padding-bottom:4px; border:0px; } div#MitteHaupt form th { padding-right:5px; } div#MitteHaupt form td.ZeileEins { height:50px; } div#MitteHaupt form label, label { font-size:12px; font-weight:bold; width:110px; display:block; margin:0px 0px 4px 0px; } form#ErweiterteSuche { padding-top:0px; } form#ErweiterteSuche label { width:140px; } div#MitteHaupt form a#search_btn { font-size:12px; font-weight:bold; cursor:pointer; } form#ErweiterteSuche h1 { margin-left:0px; } form#ErweiterteSuche p { margin-left:0px; } form#ErweiterteSuche input[type=checkbox] { margin-right:10px; } form#ErweiterteSuche select { margin-bottom:10px; } form#ErweiterteSuche select.block { display:block; } form#ErweiterteSuche select.breit { width:160px; } form#ErweiterteSuche div.FormularSpalte, form#ErweiterteSuche div.Spalte_Breit { float:left; line-height:16px; margin:0px 15px 0px 0px; } form#ErweiterteSuche div.FormularSpalte { width:160px; } form#ErweiterteSuche div.Spalte_Breit { width:340px; } form#ErweiterteSuche input.Absenden { height:auto; width:130px; font-size:12px; font-weight:normal; text-align:center; background:transparent; margin:10px 20px 15px 0px; padding:0; display:block; cursor:pointer; float:left; } form#ErweiterteSuche input.Absenden:hover { text-decoration:underline; } form#search { font-size:12px; margin-bottom:20px; } form#search input#top-keywords { float:left; width:190px; height:16px; font-size:12px; color:#5E686E; background:#FFF; margin-right:20px; border:1px solid #303030; } form#search input#top-keywords:focus { color:#5E686E; } form#search input[type=submit] { margin-top:0px; } /* Ende */ /* Modell-Ansicht */ div#flash_content { float:left; visibility:hidden; position:relative; font-size:12px; width:340px; color:#000 !important; border-right:1px solid #303030; } div#flash_content table { line-height:18px; } div#flash_content td { width:150px; padding-right:10px; } div#flash_content th { text-align:right; font-weight:normal; } div#flash_content td, th { vertical-align:top; } div#flash_content table img { position:relative; left:0px; top:8px; margin-right:5px; } div#flash_content table#BandPreisDiff { clear:both; width:calc( 100% - 20px ); margin:0px 10px 0px 10px; } div#flash_content table#BandPreisDiff td { vertical-align:bottom; } div#flash_content table#BandPreisDiff td:nth-of-type(1) { width:18px; padding-right:0px; } div#flash_content table#BandPreisDiff td:nth-of-type(2) { min-width:240px; padding-right:0px; } div#flash_content table#BandPreisDiff td:nth-of-type(3) { white-space:nowrap; text-align:right; padding-right:0px; } div#flash_aktuelle_uhren { position:relative; left:0px; top:0px; height:270px; } div#flash_aktuelle_uhren img#DiaPic1 { position:absolute; left:0px; top:0px; margin:0px; display:none; } div#flash_aktuelle_uhren img#DiaPic2 { position:absolute; left:0px; top:0px; margin:0px; } div#flashcontent1 { background:url(../bilder/linie_grau.gif) repeat-x 0px 31px; } div#Bildbrowser_Navi { position:absolute; width:340px; height:30px; font-size:11px; background:#F4F5F5; border-top:1px solid #303030; } div#Bildbrowser_Navi a { display:block; height:30px; vertical-align:middle; text-align:center; color:#303030; background:#F4F5F5; margin:0px; padding:0px 8px 0px 8px; border-right:1px solid #303030; border-bottom:1px solid #303030; float:left; } div#Bildbrowser_Navi a img { margin:5px; } div#Bildbrowser_Navi a.Navi3_Links { background-color:#FFF; padding-left:10px; border-bottom:1px solid #FFF; } div#flash_content div.BildbrowserPics { display:none; position:absolute; left:20px; top:50px; width:300px; height:390px; overflow:hidden; } div#flash_content div.BildbrowserPics img { position:absolute; left:0px; top:0px; width:auto; height:auto; background:transparent; } div#flash_content div.BildbrowserPics img.BildbrowserPics_S { cursor:url(../bilder/icon/lupe.cur), ne-resize; } div#flash_content div.BildbrowserPics img.BildbrowserPics_XXL { cursor:url(../bilder/icon/lupeminus.cur), sw-resize; } div#flash_content div.BildbrowserPics img.BildbrowserPicsEtui { cursor:pointer; } div#Kalender_Text { position:relative; width:230px; height:auto; font-size:14px; line-height:25px; border-top:1px solid #303030; border-bottom:1px solid #303030; margin:0px; padding:0px; } img.VideoButtons { width:15px; cursor:pointer; padding:4px 0px 4px 0px; z-index:99; } /* Bestellung Kalender */ div#Animation_Kalender div.BildbrowserPics { display:none; position:absolute; left:0px; top:0px; overflow:hidden; } a.FormNavi { display:block; float:left; width:130px; height:auto; font-size:12px; text-align:center !important; text-decoration:none !important; cursor:pointer; margin:0px 28px 0px 0px !important; padding:2px 3px; border: 1px solid #303030; } a.FormNavi_EN { display:block; float:left; width:130px; height:33px; font-size:12px; line-height:140%; text-align:center !important; text-decoration:none !important; cursor:pointer; margin:0px 28px 0px 0px !important; padding:2px 3px; border: 1px solid #303030; } /**/div#MitteOben_Ansicht3 { position:relative; font-size:12px; overflow:hidden; background:white; }/**/ div#MitteOben_Ansicht3 h2, div#MitteOben_Ansicht3 h1 { position:relative; left:20px; top:0px; font-size:20px; font-weight:normal; line-height:35px; color:#495257; margin:0px; padding:0px 20px 0px 0px; } div#Rechts { position:absolute; left:541px; top:170px; width:483px; background:url(../bilder/linie_grau.gif) repeat-x 0px 31px; } div#Navi_3 { position:absolute; right:0px; bottom:0px; width:470px; height:30px; font-size:11px; background:#F4F5F5; border-top:1px solid #303030; } div#Navi_3 a { float:left; text-align:center; line-height:30px; color:#303030; background:#F4F5F5; margin:0px; padding:0px; padding-left:12px; padding-right:12px; border-right:1px solid #303030; } div#Beschreibung, div#Konfig { font-size:11px; text-align:right; background:#F4F5F5; border-top:1px solid #303030; } div#Beschreibung a, div#Konfig a { float:left; line-height:30px; color:#303030; background:#F4F5F5; margin:0px; padding:0px 8px 0px 8px; border-right:1px solid #303030; border-bottom:1px solid #303030; } /**/ div#Rechts div#Beschreibung a.Navi3_Links, div#Rechts div#Konfig a.Navi3_Links { background:#FFF; padding-left:10px; border-bottom:1px solid #FFF; } /**/ div#Beschreibung a.ModellKonfig, div#Konfig a.ModellKonfig { display:none; float:none; color:#FFF; background:#939E9B; padding:9px 10px 8px 10px; border-right:0px; border-left:1px solid #303030; } div#Beschreibung_Inhalte { position:relative; left:0px; top:0px; width:100%; height:auto; font-size:12px; line-height:20px; overflow:auto; clear:both; } div#Beschreibung_Inhalte p { margin:20px 30px 0px 30px; } div#Beschreibung_Inhalte a { color:black; text-decoration:underline; } div#Beschreibung_Inhalte img { margin:0px 15px 0px 0px; } div#Beschreibung_Inhalte ul { margin:30px 30px 30px 40px; } div#Beschreibung_Inhalte table { margin-top:10px; margin-left:20px; } div#Beschreibung_Inhalte ul.Liste { list-style-type:none; list-style-image:none; list-style-position:inside; margin:30px; } div#Beschreibung_Inhalte ul.Liste ul { list-style-type:disc; list-style-position:outside; margin-top:0px; margin-left:20px; } ul.Liste strong { display:block; float:left; } ul.Liste li { clear:both; } div#Beschreibung_Inhalte ul { list-style-type:disc; list-style-position:outside; } /* Wenn die Seite noch nicht fertig geladen ist und man im form#Merkliste ein Element anklickt, kann es zu einer Fehlermedlung kommen */ form#Merkliste { visibility:hidden; } form#Merkliste input.checkbox { margin-right:4px; } form#Merkliste input { position:relative; left:0px; top:2px; } form#Merkliste dl { clear:both; display:block; } form#Merkliste dt { line-height:18px; } form#Merkliste dd { line-height:20px; } /* Ende */ a.RechenschieberUeberschriften, b.RechenschieberUeberschriften { margin:20px 0px -10px 30px !important; display:block; } /* Rollover-Effekt: */ div#MitteHaupt div.Bild, div#MitteHauptStart div.Bild { float:left; position:relative; width:200px; height:280px; font-size:12px; font-weight:bold; text-align:center; margin:40px 0px 0px 0px; padding:0px; } div#MitteHaupt div.Bild td, div#MitteHauptStart div.Bild td { font-weight:normal; } div#MitteHaupt div.Bild td.Preis, div#MitteHauptStart div.Bild td.Preis { text-align:right; vertical-align:bottom; white-space:nowrap; padding:0px 5px 0px 10px; } div#MitteHaupt div.Bild div.Modell, div#MitteHauptStart div.Bild div.Modell { position:absolute; left: 0px; bottom:20px; width:99%; text-align:center; white-space:nowrap; z-index:1; } div#MitteHaupt div.Bild div.Rollover, div#MitteHauptStart div.Bild div.Rollover { display:none; position:absolute; left:186px; top:70px; width:150px; color:#303030 !important; text-align:left; background:#FFF; padding:10px; border:1px solid #303030; } div#MitteHaupt div.Bild div.Rollover p, div#MitteHauptStart div.Bild div.Rollover p { margin:0; padding:0; } img.Bild_Klein { position:absolute; left:0px; top:0px; margin:0px; padding:0px; border:0px; } img.Bild_Gross { position:absolute; left:0px; top:0px; width:185px; height:230px; margin:0px; padding:0px; border:0px; } /* Inhalt der Merkliste: */ div#MitteHaupt div.MerklisteBild { float:left; position:relative; width:210px; height:310px; font-size:12px; font-weight:bold; text-align:left; margin:40px 0px 0px 0px; padding:0px; z-index:1; } span.MerklisteBild i{ display:block; position:absolute; left:0px; top:0px; } div#MitteHaupt div.MerklisteBild td { font-weight:normal; } div#MitteHaupt div.MerklisteBild td.Preis { text-align:right; vertical-align:bottom; white-space:nowrap; padding:0px 5px 0px 10px; } /* Seite Technik ABC: */ div#MitteOben div#ABC_Navi, div#ABC_Navi { position:absolute; left:0px; bottom:-2px; width:100%; overflow:hidden; border-top:1px solid #303030; background:#F4F5F5; z-index:105; } div#MitteOben div#ABC_Navi a, div#ABC_Navi a { display:block; float:left; position:relative; left:0px; top:-1px; width:25px; color:#303030; text-align:center; font-size:12px; line-height:35px; background:#FFF; border-right:1px solid #303030; border-bottom:1px solid #303030; } div.Fachbegriff { position:relative; width:380px; font-size:12px; overflow:hidden; margin:0px; padding:0px; border:0px; } div#MitteHauptStart div.Fachbegriff h1 { font-size:22px; } div.Fachbegriff p { margin-top:20px !important; } div.Fachbegriff img { display:block; padding:15px 0px 5px 0px; } div.Fachbegriff i { margin:0px; padding:0px; background:transparent; } div.Fachbegriff a { font-size:12px; color:#000; font-weight:normal; text-decoration:underline; } /* Ende */ /* Seite Kontakt 04.2015 */ div#Haupt div.Spalte_Text { float:left; position:relative; min-width:300px; width:49.9%; font-size:12px; overflow:hidden; margin:0px; padding:0px 0px 20px 0px; } div#Haupt div#MitteHauptStart div#Depotkarte { position:relative; left:20px; top:0px; font-size:10px; margin-top:20px; } div#Depotkarte a { color:#181818; font-size:10px; line-height:110%; letter-spacing:0px; margin:0px; padding:0px; } div#Depotkarte a:link, div#Depotkarte a:visited, div#Depotkarte a:active { text-decoration:none; } div#Depotkarte a:focus, div#Depotkarte a:hover { text-decoration:underline; } .karten { position:absolute; left:20px; top:60px; border:0px; margin:0px; padding:0px; } div#MitteHauptStart div.Spalte { width:220px; height:210px; float:left; white-space:nowrap; } div#MitteHauptStart div.Spalte_2 { width:220px; height:130px; float:left; white-space:nowrap; } div#MitteHauptStart div.Spalte h3 { font-size:12px; margin-right:0px; } div#MitteHauptStart div.Spalte p { font-size:12px; margin-right:0px; } div#MitteHauptStart div.SitemapSpalte { height:210px; float:left; margin-left:20px; padding:10px 30px 10px 0px; } div#MitteHauptStart div.SitemapSpalte h2 { height:auto; font-size:12px; font-weight:bold; line-height:20px; margin:0px; padding:0px; border:0px; } div#MitteHauptStart div.SitemapSpalte ul { list-style:circle inside; font-size:12px; line-height:18px; margin-left:5px; padding:0px; } div#Oben, div#Links { background:#303030; } div#Beschreibung_Inhalte a.Stichwort, div#Mitte_Innen a.Stichwort, div#MitteHaupt a.Stichwort { color:#000 !important; font-weight:normal; } div#Mitte_Innen strong a.Stichwort { font-weight:bold; } /* ========== */ dl#unternehmen { position:relative; left:0px; top:0px; margin:20px; } dl#unternehmen dt { position:relative; left:0px; top:0px; width:40px; font-weight:bold; } dl#unternehmen dd { position:relative; left:0px; top:0px; } dl#unternehmen img.Standard { float:left; width:150px; margin:5px 10px 10px 0px; } /* ========== */ /* #a { position:relative; left:0px; top:0px; } */ /* Damit man beim MSIE nicht 2mal auf ein Auswahl-Feld klicken muss: */ select:focus { background-color:transparent !important; } form#ErweiterteSuche input, form#ErweiterteSuche select { margin:0px 0px 2px 0px; border:1px solid #303030; } /* Suchfeld in linker Spalte */ div#Links form { position:relative; left:0px; top:0px; } div#Links form input#txtSuche { display:block; width:145px; font-size:11px; color:#5E686E; margin:0; padding:2px; border:1px solid #303030; } div#Links form label { display:inline; width:auto; font-size:11px; font-weight:normal; line-height:21px; margin:0px 5px 0px 0px; } div#Links form input#SucheSenden { position:absolute; right:0px; bottom:2px; margin:0px 0px 0px 0px; } form#Bestellung input, form#Bestellung select, form#Bestellung textarea { background:#ECECEC; margin:0px 0px 2px 0px !important; border:1px solid #303030; } input.check { border:0px !important; } form#formKatalog input, form#formKatalog select, form#formKatalog textarea, form#formKontakt input, form#formKontakt select, form#formKontakt textarea, form.formEmail input, form.formEmail select, form.formEmail textarea { background:#ECECEC; margin:0px 0px 2px 0px; border:1px solid #303030; } form#formKatalog input, form#formKatalog textarea, form#formKontakt input, form#formKontakt textarea, form.formEmail input, form.formEmail textarea { width:240px; } form#formKatalog select, form#formKontakt select, form.formEmail select { width:99.99%; } form#formKatalog td, form#formKontakt td, form.formEmail td { padding:0px !important; } form#formKatalog th, form#formKontakt th, form.formEmail th { vertical-align:bottom !important; padding:0px 0px 0px 5px !important; } /* Start NEU Katalog */ /* NEU Katalog */ div#Katalogbuch h1 { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid black; } div#Katalogbuch div.SpalteRechts { position: relative; left: -1px; width: calc(50% - 21px); padding-left: 20px; border-left:1px solid silver; } div#Katalogbuch div.SpalteLinks { width: calc(50% - 21px); padding-right: 20px; border-right:1px solid silver; } div#Katalogbuch div.SpalteLinksAllein h2 { font-size:14px; font-weight:normal; line-height:20px; margin:0 0 10px 0; } /* Ende NEU Katalog */ form#formCaptcha label { width:auto; font-weight:normal; } form.formEmail { display:none; } div.divAGB { position:absolute; left:30px; top:0px; width:350px; font-weight:bold; line-height:20px; } tr.AlternativenBox { display:none; } form.formEmail input[type=file] { cursor:pointer; opacity:0; } form.formEmail input.Upload_Anzeige { width:calc( 50% - 10px ) !important; margin:0px !important; } form.formEmail input[type=button].Upload_Anzeige { display:block; font-weight:bold; text-align:center !important; background:transparent; padding:1px 5px; } div#divUpload { position:relative; left:0px; top:0px; } /* Seitendarstellung Technik */ div#Mitte_Innen h1.Technik { font-size:24px; margin-bottom:5px; margin-top:30px; margin-left:18px; border:0px solid #FFF; } div#Mitte_Innen h1.Technik_o_h2, div#MitteHauptStart h1.Technik_o_h2 { font-size:24px; margin-bottom:20px; margin-top:30px; margin-left:18px; border:0px solid #FFF; } div#Mitte_Innen h2.Technik { font-size:16px; margin-bottom:20px; margin-top:0px; margin-left:18px; border:0px solid #FFF; } div#Mitte_Innen h2.Technik_d_h2 { font-size:16px; font-weight:normal; margin-bottom:20px; margin-top:0px; margin-left:18px; border:0px solid #FFF; } div#Mitte_Innen h3.Technik { font-size:16px; line-height:20px; margin:0px; padding:3px 20px 0px 20px; } div#Mitte_Innen p.Technik { width:auto; line-height:20px; margin:0px; padding:0px 20px 10px 20px; } div#Mitte_Innen p.Technik_Header { font-size:14px; line-height:25px; margin:0px; padding:0px 20px 20px 20px; } div#Mitte_Innen a.Technik { display:block; line-height:20px; text-decoration:none; margin:0px; padding:10px 20px 10px 20px; } div#Mitte_Innen a.Technik:hover { text-decoration:underline; } div#Mitte_Innen a.Technik strong { font-size:16px; } div#Mitte_Innen div.Technik { float:left; width:290px; margin:0px; padding:0px; } div#Mitte_Innen div.Technik_Breit { float:left; width:465px; margin:0px; padding:0px; } div#Mitte_Innen div.Technik_Flex { float:left; width:auto; margin:0px; padding:0px; } div#Mitte_Innen div.Technik img, div.Technik_Breit img, div#Mitte_Innen div.Technik_Flex img { display:block; margin:15px 20px 30px 20px; padding:0px; } div#Mitte_Innen div.Technik img.Fliestext, div.Technik_Breit img.Fliestext, div#Mitte_Innen div.Technik_Flex img.Fliestext { margin:5px 20px 10px 20px; padding:0px; } div#Mitte_Innen div.Technik em, div.Technik_Breit em, div#Mitte_Innen div.Technik_Flex em { display:block; font-size:11px; line-height:15px; margin:10px 20px 10px 20px; padding:0px; } div#Mitte_Innen hr.Technik { display:block; margin:20px; width:92%; } div#Mitte_Innen h4 { font-size:12px; font-weight:normal; line-height:20px; margin:0 20px; padding:0; } div#Mitte_Innen h1.Technik a, div#Mitte_Innen h2.Technik a, div#Mitte_Innen h3.Technik a { font-weight:bold; text-decoration:none; } div#Mitte_Innen ul.Technik { list-style-position: outside; margin: 0px 15px; line-height: 20px; font-size: 12px; padding:10px 20px; } div#Mitte_Innen ul.Technik_b { list-style-position: outside; margin: 0px 15px; line-height: 20px; font-size: 12px; padding:0px 20px; } div#Mitte_Innen ul.Technik_c { list-style-position: outside; margin: 0px 15px; line-height: 20px; font-size: 14px; padding:0px 20px; } div#Mitte_Innen ol.Technik { list-style-position: outside; margin: 0px 15px; line-height: 17px; font-size: 12px; padding:0px 30px 20px 30px; } div#Mitte_Innen ol.Technik li { margin:5px 0px } a.Einzeln { display:block; width:100%; margin-bottom:10px; } .Belastungstest1 { text-align:center; margin:0px; padding:0px; } div#Mitte_Innen table.Technik { line-height:20px; margin:20px; } div#Mitte_Innen table.Technik td, div#Mitte_Innen table.Technik th { padding:0px 10px; border:1px solid black; } table#ModellName { width:320px; margin:0px 0px 0px 10px !important; padding:0px 0px 0px 0px; border:0px; } table#ModellName th { width:auto; text-align:left !important; } table#ModellName td { width:auto !important; text-align:right; padding:0px 0px 0px 10px !important; } div.KonfigBaender p { padding:0px 10px 0px 0px; } div.KonfigBaender p a { display:block; line-height:24px; } div.KonfigBaender p i.unfloat { display:block; height:0px; font-size:1px; line-height:1px; } div#KalenderText { float:left; width:190px; padding-right:0; } div#KalenderText.klein { width:190px; margin:0px; } div#KalenderText.gross { width:auto; margin:0px 20px 0px 0px; } h2.Header { float:none; position:absolute; left:0px; top:12px; width:auto; height:auto; font-size:24px; color:#FFF; padding:0px; z-index:20; letter-spacing: 0.2px; } div#MitteOben p.Header { position:absolute; left:0px; top:55px; width:auto; height:auto; color:#FFF; background:transparent; padding:0px 20px 20px 20px; z-index:10; line-height: 18px; letter-spacing: 0.2px; font-size:14px; font-weight: bold; } img.Header { position:absolute; left:0px; top:0px; z-index:1; } div.SpalteLinks { float:left; position:relative; width:45%; } div.SpalteRechts { float:right; position:relative; width:45%; margin-right:20px; } .unfloat { float:none; clear:both; } div.Trennlinie { width:100%; margin:10px auto !important; border-top:1px solid #303030; } div.Trennlinie_2 { width:100%; margin:0px auto; border-top:1px solid #303030; } div.Trennlinie_3, div#Haupt p.Trennlinie_3 { width:auto !important; height:0px; font-size:0px !important; line-height:0px !important; margin:20px 30px 20px !important; padding:0px !important; border-top:1px solid #303030; } div.Trennlinie_4, div#Haupt p.Trennlinie_4 { visibility:hidden; } div.Trennlinie_5 { width:100%; margin:0px auto; margin-top:10px; border-top:1px solid #303030; } input[type=checkbox] { border:0px !important; } div.Uhr_mit_Zertifikat { clear:both; position:relative; padding:20px 10px 0px 0px; } div.Uhr_mit_Zertifikat div { padding:0px 0px 20px 0px; } div.Uhr_mit_Zertifikat p { padding-top:10px !important; } div.Uhr_mit_Zertifikat img.Zertifikat { padding:0px 0px 5px 0px; border:1px solid #303030; } /* Neue Uhren Startseite */ div#MitteHauptStart div#Spalte_4 { float:right; position:relative; left:0px; top:0px; width:400px; height:19750px; z-index:90; background:#FFF; border-left:1px solid #303030; } div.Einblenden_NeueUhren, div.Ausblenden_NeueUhren { position:absolute; right:0px; top:0px; width:380px; background:#FFF; } div#NeueUhr_X { width:380px; background:#FFF; opacity:0; } div#Neue_Uhren_Diashow p.NeueUhr_Text_1 { position:absolute; left:0px; top:0px; font-size:14px !important; font-weight:bold; text-align:left; margin:20px 0px 0px 0px !important; z-index:10; } div#Neue_Uhren_Diashow p.Breite_1 { width:120px; } div#Neue_Uhren_Diashow p.Breite_2 { width:150px; } div#Neue_Uhren_Diashow img { float:right; width:300px; z-index:5; margin:15px 0px 0px 0px; } p.NeueUhr_Text_2 { color:#606060; font-size:12px; text-align:left; margin:0px 0px 10px 0px !important; } p.NeueUhr_Text_2 strong { font-size:14px; } div.Einblenden_NeueUhren { opacity:1; -webkit-transition:opacity 1s ease-out 0s; -moz-transition:opacity 1s ease-out 0s; -ms-transition:opacity 1s ease-out 0s; -o-transition:opacity 1s ease-out 0s; transition:opacity 1s ease-out 0s; } div.Ausblenden_NeueUhren { opacity:0; -webkit-transition:opacity 1s ease-out 0s; -moz-transition:opacity 1s ease-out 0s; -ms-transition:opacity 1s ease-out 0s; -o-transition:opacity 1s ease-out 0s; transition:opacity 1s ease-out 0s; } /* Aktuell + Termine auf Startseite */ a.Termine_Link { display:block; font-size:12px; line-height:140%; color:#000; margin:8px 20px; } a.Termine_Link i { font-weight:bold; font-style:normal; } /* ========== */ div#Mitte_Innen a.Wechsel, div#Mitte_Innen a.Kategorie { clear:left; display:block; line-height:20px; text-decoration:none; font-weight:bold; background:url(../bilder/Pfeil1_S.svg) no-repeat center left; padding:10px 20px 10px 20px; } div#Mitte_Innen a.Wechsel:hover, div#Mitte_Innen a.Kategorie:hover { text-decoration:underline; background:url(../bilder/Pfeil1_R.svg) no-repeat center left; } div#Mitte_Innen a.Wechsel { margin:0px 20px; border-top:1px solid #303030; } /* Händler weltweit 2015 / 2016 */ div#Haendler_weltweit { margin:0px 0px 0px 20px; padding:0px 20px 30px 0px; } div#Haendler_weltweit p.Adresse_Anfang { line-height:20px; margin:0px; padding:0px 20px 10px 20px; } div#Haendler_weltweit p.Adresse_Ende { line-height:20px; margin:0px; padding:0px 20px 20px 20px; } div#Haendler_weltweit p strong { display:block; margin-bottom:10px; } div#Haendler_weltweit > a.Kategorie:last-of-type { border-bottom:1px solid #303030; } div#Haendler_weltweit div.Adressen_Kontinent { float:right; position:relative; left:-1px; width:calc( 50% - 1px ); padding:25px 0px 30px 0px; border-top:1px solid #303030; border-left:1px solid #303030 !important; } div.Container_A { /* Inhalte werden autom. auf 2 Spalten verteilt */ -webkit-column-count:2; -webkit-column-gap:20px; -webkit-column-rule:1px solid lightgrey; -moz-column-count:2; -moz-column-gap:20px; -moz-column-rule:1px solid lightgrey; -ms-column-count:2; -ms-column-gap:20px; -ms-column-rule:1px solid lightgrey; -o-column-count:2; -o-column-gap:20px; -o-column-rule:1px solid lightgrey; column-count:2; column-gap:20px; column-rule:1px solid lightgrey; padding:30px 0px 30px 0px; border-top:1px solid #303030; } div.Container_B { width:calc(100% - 20px); padding:0px 0px 0px 20px; } div.Container_C { width:calc(100% - 40px); break-inside:avoid-column; margin:0px 20px -1px 20px; border-top:1px solid #303030; border-bottom:1px solid #303030; } /* ========== */ /* ========== */ span#Aufpreistabelle { display:block; clear:both; } /* ========== */ .NoDesktop { display:none; } div#Beschreibung_Inhalte p.Download_PDF { margin-top:0; margin-bottom:0; } div#Beschreibung_Inhalte p.Download_PDF a { display:block; color:#000; line-height:35px; text-decoration:underline; } /* ========== */ /* webshop.css */ dl, dt, dd { display:block; margin:0px; padding:0px; border:0px; } div#FormularAbschnitte { display:none; } div#Webshop h2 { font-size:16px; margin:20px 0px 0px 0px; } div#Webshop a { display:inline-block; padding:10px; } div#Haupt div#Webshop p { margin:10px 10px 10px 0px; } div#Webshop div.FormularSeite > p { margin:10px; } div#Webshop p.Abstand { /* margin-left:0px; margin-right:0px; */ padding:0px 20px 10px 0px; } div#Eingabe_Lieferadresse { margin-top:10px; } div#Kunde_Seite_01 fieldset { padding:10px; } p#Willkommen { margin:10px; } /* ===== */ div.ShopNavi { margin:0px; } div.ShopNavi a, div.ShopNavi div { text-align:center; vertical-align:middle; margin-right:10px; padding:0px 10px; } /* div.ShopNavi div { width:10px; } */ div.ShopNavi a:nth-last-of-type(2) { color:#303030; background:#FFF; border:1px solid #303030; } div.ShopNavi a:nth-last-of-type(1) { color:#FFF !important; background:#303030; border:1px solid #303030; } div#Webshop div.ShopNavi a, div#Link_Haendler_Welt a { display:inline-block; font-size:12px; text-decoration:none; margin-top:10px; margin-bottom:10px; padding:5px; } div#Container_Link_Haendler_Welt { position:absolute; left:0; top:-50px; width:calc( 100% - 20px ); text-align:right; z-index:10; } div#Container_Link_Haendler_Welt div#Link_Haendler_Welt { margin-right:20px; } div#Container_Link_Haendler_DE { position:absolute; left:0; top:0px; width:calc( 100% ); text-align:right; z-index:10; } div#Container_Link_Haendler_DE div#Link_Haendler_Welt { margin-right:10px; } div#Webshop a.Back_3 { display:block; width:100%; font-size:20px; background:#303030; padding:10px 0; } div.KundeNavi { clear:both; display:table; height:30px; margin:10px; } div#Webshop div.KundeNavi a { display:table-cell; vertical-align:middle; color:#303030; background:#FFF; margin-right:10px; padding:10px; border:1px solid #303030; } div#Webshop div.KundeNavi div { display:table-cell; vertical-align:middle; color:#303030; background:#FFF; margin-right:10px; padding:10px; } div.KundeNavi a:nth-last-of-type(1) { margin-right:0px; } /* ===== */ /* form#form_Bestellen fieldset, form#form_Kundenkonto fieldset { position:relative; width: calc(100% - 20px); background:#EEE; margin-right:10px; padding:10px 10px; } */ form fieldset { position:relative; width: calc(100% - 20px); background:#EEE; margin-right:10px; padding:10px 10px; } div#Webshop div#Seite_Zahlungsart fieldset { width:100%; padding:10px 0px !important; } div#Webshop div#Seite_Zahlungsart fieldset dl.Zahlungsart dt { width:50px; } div#Webshop div#Seite_Zahlungsart fieldset dl.Zahlungsart dd { float:left; width:calc( 100% - 70px ); } div#Webshop div#Seite_Zahlungsart fieldset dl.Zahlungsart dd label { width:auto; font-weight:normal; } div#Webshop fieldset.Erstes { margin-top:10px !important; } div#Webshop fieldset p.Erstes { margin-top:0px !important; } div#Webshop fieldset p.Letztes { margin-bottom:0px !important; } /* ========== */ div.HinweisFett { color:#99182C; font-size:14px; font-weight:bold; padding-top:10px; padding-bottom:10px; } div.Hinweis, h1.Hinweis, fieldset.Hinweis { padding-top:10px; padding-bottom:10px; } div#Seite_Zahlungsart div.Hinweis { padding-left:10px; padding-right:10px; } div#Login_Hinweis { color:#99182C; font-weight:bold; } div#PwReset_Hinweis { color:#99182C; font-weight:bold; } h1#Warenkorb_Hinweis, fieldset#Bestellung_Hinweis { color:#99182C; font-weight:bold; } fieldset#Bestellung_Hinweis:empty { display:none; } h1#Warenkorb_Hinweis { margin:0 !important; border-bottom:1px solid #303030; } div#Zahlungsart_Hinweis_1 { font-weight:bold; } /* ========== */ div.FormularSeite fieldset { margin-bottom:10px; } form fieldset legend { font-weight:bold; } div.FormularSeite { display:none; position:relative; width:100%; } div.FormularSeite:nth-of-type(1) { display:block; } div.WarenkorbBild { position:relative; width:190px; height:230px; } div.WarenkorbBild img { position:absolute; left:0px; top:0px; width:185px; } /* div#Seite_Kontaktdaten > fieldset,*/ div.ShopSpalteRechts { float:left; } dl#unternehmen dt {font-size:1rem} div#Ar-Trockenhaltetechnik h1{font-size:0.9rem !important} div.IFrameVideo {position:relative; padding-bottom:calc( 56.25% + 30px ); height:0; overflow:hidden; width:100%; height:auto; margin: 0 0px} iframe.Video_370 {overflow:hidden; margin:0px; padding:0px; border:0px; } iframe.Video_800 {overflow:hidden; margin:0px; padding:0px; border:0px; } iframe.Video_800 {position:absolute; top:0; left:0; width:100%; height:100%;} iframe.Video_370 {position:absolute; top:0; left:0; width:100%; height:100%;} div#Webshop form input[type=text], div#Webshop form input[type=email], div#Webshop form input[type=tel], div#Webshop form input[type=password] { width:95%/* 170px */; height:20px; font-size:16px; background:#FFF; margin-bottom:3px; border:1px solid #303030; margin-right:0 } div#Webshop form input[type=number] { width:100px; height:20px; font-size:16px; background:#FFF; margin-bottom:3px; border:1px solid #303030; } /* ========== */ /* Bank Formular */ div#Bank_1 { position:relative; height:250px; } div#Bank_2 { display:none; } div.wpwl-container { overflow:visible !important; } iframe#iframeBank { width:100%; height:420px; font-size:16px; background:transparent; margin:0; padding:0; border:0; } div#Webshop form.wpwl-form { margin-left:0; margin-right:0; padding:0; } form.wpwl-form div.wpwl-label, form.wpwl-form div.wpwl-wrapper { float:none !important; } form.wpwl-form div.wpwl-label { padding:0 0 3px 0 !important; } form.wpwl-form div.wpwl-group { margin-bottom:1px !important; } form.wpwl-form iframe { width:95%; height:23px; font-size:16px; background:#FFF; margin-bottom:3px; padding:0 !important; border:1px solid #303030; } form.wpwl-form button { position:absolute; top:35px; font-size:12px; color:#FFF; background:#303030 !important; padding:5px !important; border:1px solid #303030; z-index:20; } form.wpwl-form div.wpwl-wrapper-brand { padding-right:0 !important; } form.wpwl-form div.wpwl-brand { float:none !important; position:relative; margin:5px 0 0 0; } div#Webshop form.wpwl-form input[type=text], div#Webshop form.wpwl-form input[type=tel] { height:23px !important; } /* div#Webshop form.wpwl-form select.wpwl-control-brand { width:100% !important; } */ div.BoxNaviUnten { position:relative; /*width:100%;*/ background:transparent; padding:1px; z-index:1; } /* ========== */ iframe#iframeRechte { position:absolute; left:0; top:0; width:100%; height:100%; background:#FFF; z-index:200; } /* ========== */ div#Webshop form select, div#Webshop form textarea { width:95%/* 170px ; height:auto !important*/; background:#FFF; margin-bottom:3px; padding:0 !important; border:1px solid #303030; } /* div#Webshop form select[name=Zahlungsart] { width:calc( 100% - 40px ); } */ div#Webshop form textarea { height:80px; } form#form_Bestellen dt.SchriftGross, form#form_Bestellen dd.SchriftGross, form#form_Bestellen dl strong { /*font-size:20px;*/ font-weight:bold } form#form_Bestellen dt.SchriftGross i { font-size:16px; } form fieldset.Warenkorb dd { width:90px; text-align:right; } /*form#form_Bestellen dl.Preis dt:nth-of-type(2),*/ form#form_Bestellen dl.Preis dd:nth-of-type(2) { font-size:20px; } form fieldset.Warenkorb dt.Breit { width:100% !important; } form fieldset.Warenkorb dt.Breit input { } form fieldset.Warenkorb dd.Schmal { width:0px; } form fieldset.Warenkorb label { display:block; padding-bottom:10px; } .LabelLinks label { display:inline-block; width:95%; margin-bottom:3px; } div#Webshop hr { clear:both; } div#Webshop dl, div#Webshop dt { clear:both; } div#Webshop dt { float:left; padding:0 0 5px 0; } div#Webshop dd { float:right; padding:0 0 5px 0; } /*div#Webshop form#form_Bestellen dt { width:240px; } div#Webshop form#form_Bestellen dd { min-width:90px; } div#Webshop form#form_Kundenkonto dt { width:240px; } div#Webshop form#form_Kundenkonto dd { min-width:90px; } */ div#Webshop dt { width:200px; } div#Webshop dd { } div#Webshop dl.Preis dt, div#Webshop dl.Preis dd { padding:0 0 0 0; } div#Webshop dl.Preis dd { text-align:right; } div.WarenkorbBearbeiten { clear:both; } div.WarenkorbBearbeiten a:nth-last-of-type(2) { color:#007ebb; text-decoration:underline; } div.WarenkorbBearbeiten a:nth-last-of-type(1) { color:#EA5C2E; text-decoration:underline; } div#ShopUebersicht fieldset.Kundendaten dt, div#ShopUebersicht fieldset.Kundendaten dd, div#Webshop div#Kunde_Seite_01 dt, div#Webshop div#Kunde_Seite_01 dd { float:none; } div#ShopUebersicht fieldset.Kundendaten dt, div#Webshop div#Kunde_Seite_01 dt { font-weight:bold; } div#ShopUebersicht fieldset.Kundendaten dd, div#Webshop div#Kunde_Seite_01 dd { text-align:left; word-wrap:break-word; } div#ShopUebersicht fieldset.Warenkorb dt { font-weight:normal; } div#ShopUebersicht fieldset.Warenkorb dd { text-align:right; } div#ShopUebersicht fieldset.AGB, div#ShopUebersicht fieldset.AGB a { font-size:16px !important; font-weight:bold; } div#ShopUebersicht fieldset.AGB a { display:inline !important; text-decoration:underline; padding:0 !important; } /* div#ShopUebersicht fieldset:nth-of-type(1) dt { width:200px; } */ div.UebersichtNavi { clear:both; color:#007ebb; text-align:right; } div.UebersichtNavi a { color:#007ebb; padding-right:0px !important; } a#KundenDaten_1, a#KundenDaten_2 { display:inline-block; height:24px; border-right:1px solid #FFF; } a#KundenDaten_1 img, a#KundenDaten_2 img { height:100%; } /* ========== */ /* Korrektur Albin */ /* Allgemein */ html {-webkit-text-size-adjust: none;} input, select, textarea{ -ms-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-box-sizing:content-box; } div#Webshop { font-size:16px; } div#Webshop a { padding: 5px; } div#Webshop div.WarenkorbBearbeiten a { padding: 20px 0 10px 0; } div#Webshop span { display:block; margin-top:20px; } div#Webshop fieldset { margin:0 0 0 0; padding-bottom:20px; background-color:transparent; border-bottom:1px solid gray; } div#Webshop fieldset#formKatalogKopf { padding-bottom:15px; } div#Webshop fieldset#FormFelderKundendaten { border:none} /*div#Webshop fieldset#FormFelderLieferadresse legend {border-top:1px solid gray;} div#Webshop fieldset#FormFelderLieferadresse {border-bottom:1px solid gray;}*/ div#Webshop legend { width:100%; margin:0; padding:10px 0 0 0; font-size:14px; font-weight:normal; } div#Webshop label:first-of-type { margin-top:0px; } div#Webshop label { margin-top:4px; font-size:16px; font-size:0.8rem; font-size:12px } div#Webshop dt { width:calc(100% - 120px);/*background:brown;*/ font-size:16px; } div#Webshop dd { width:auto; /*background:maroon*/ } div#Webshop div#Bank_1 { width:100%; margin:0; padding:0; } div#Webshop form form { width:calc(100% - 50px); margin:0; padding:0; } div#Webshop form.wpwl-form select, div#Webshop form.wpwl-form input[type="text"], div#Webshop form.wpwl-form input[type="email"], div#Webshop form.wpwl-form input[type="tel"], div#Webshop form.wpwl-form input[type="password"] { width:calc(100% - 50px); } div#Webshop form.wpwl-form iframe { width:calc(100% - 50px); } /* div#Webshop form.wpwl-form button { left:70px; padding:5px !important; } */ div#Webshop form textarea, div#Webshop form select, div#Webshop form input[type="text"], div#Webshop form input[type="email"], div#Webshop form input[type="tel"], div#Webshop form input[type="password"] { width:calc(100% - 50px); } div#Webshop form select + strong, div#Webshop form input[type="text"] + strong, div#Webshop form input[type="email"] + strong, div#Webshop form input[type="tel"] + strong, div#Webshop form input[type="password"] + strong { color:gray; margin-left:20px; } /* Warenkorb */ div#Webshop div.WarenkorbBild { position:absolute; } div#Webshop div.WarenkorbBild + div { min-height:230px; margin-left:200px; } form fieldset.Warenkorb label {font-weight:normal} div#Mitte_Innen form fieldset.Warenkorb dt { line-height:16px; margin-bottom:5px } form fieldset.Warenkorb dt.Breit { width:calc(100% - 120px) !important; } form fieldset.Warenkorb /* Kontaktdaten*/ div#Webshop fieldset#FormFelderLieferadresse input[type="checkbox"]:first-of-type {width:20px; display:block; margin:0 20px 0 0; float:left; font-size:30px} div#Webshop fieldset#FormFelderLieferadresse input[type="checkbox"] {width:20px; display:block; margin:0 20px 0 0; float:left; font-size:30px} div#Webshop fieldset#Bereich_NeuesKonto input[type="checkbox"] {width:20px; height:20px; margin:0px 10px 10px 0} div#Webshop fieldset#FormFelderLieferadresse label[for="NeuesKonto"], div#Webshop fieldset#FormFelderLieferadresse label[for="Lieferadresse"], div#Webshop fieldset#FormFelderLieferadresse label[for="Selbstabholer"] { display:block; /*background:green;*/ height:auto; margin:0 0 0 40px; line-height:20px; width:calc(100% - 40px); } /* Bestellübersicht */ div#Webshop fieldset.AGB input[type="checkbox"] { width:20px; display:block; margin:0 20px 0 0; float:left; font-size:30px; } div#Webshop fieldset.AGB label { display:block; height:auto; margin:0 0 0 40px; line-height:20px; width:calc(100% - 40px); } p.BankIFrame { position:relative; width:calc( 66% - 50px ); margin:0 0 24px 0 !important; } /* GRUNDFORMATIERUNG-WARENKORB ANFANG */ dl.Preis {padding-top:0.5rem !important} /* GRUNDFORMATIERUNG-WARENKORB ENDE */ /* GRUNDFORMATIERUNG-KONTAKTDATEN ANFANG */ div#Seite_Kontaktdaten h1 { color:gray; border-bottom:1px solid gray; margin:0 0 0.5rem 0 !important; padding:1.1rem 0 !important } div#Seite_Kontaktdaten div.Trennlinie_2 { display:none } div#Seite_Kontaktdaten fieldset { margin:0 0 0.5rem 0 !important; padding:0 0 0.5rem 0 !important; border-bottom:1px solid gray !important } div#Seite_Kontaktdaten legend {margin:0; padding:0; margin-bottom:0.3rem} /* GRUNDFORMATIERUNG-KONTAKTDATEN ENDE */ /* GRUNDFORMATIERUNG-BESTELLÜBERSICHT ANFANG */ div#ShopUebersicht h1 { color:gray; border-bottom:1px solid gray; margin:0 0 0.5rem 0 !important; padding:1.1rem 0 !important } div#ShopUebersicht fieldset { padding:0 0px; } div#ShopUebersicht fieldset.Kundendaten { border:none; } div#ShopUebersicht fieldset.Kundendaten dl { margin:0 0 0.5rem 0 !important; padding:0 0 0.5rem 0 !important; border-bottom:1px solid gray } div#ShopUebersicht fieldset.Kundendaten dt { font-size:0.8rem; line-height:1rem; margin-bottom:0.5rem !important; padding:0 !important; } div#ShopUebersicht fieldset.Kundendaten dd { font-size:0.8rem; line-height:1rem; } div#ShopUebersicht fieldset.Kundendaten dl:last-of-type { border:none; padding:0 !important; margin:0 !important } div#ShopUebersicht fieldset.Kundendaten dl#BestellUEbersicht_Nachricht { margin-bottom:10px !important; padding-bottom:10px !important; border-bottom:1px solid gray; } div#ShopUebersicht div.UebersichtNavi { margin:0 0 0.5rem 0 !important; padding:0 0 0.5rem 0 !important; border-bottom:1px solid gray } /*div#ShopUebersicht fieldset.Warenkorb { margin-top: 10px; padding-top: 10px; border-top:1px solid gray; } */ div#ShopUebersicht hr { display:none !important } /* GRUNDFORMATIERUNG-BESTELLÜBERSICHT ENDE */ /* GRUNDFORMATIERUNG-20JahreEinsatzzeitmesser ANFANG */ div#Bildbereich { width:auto; margin:0 20px; } div#Bildbereich img { width:100%; } div#EZM { width:100%; margin:0; padding:0px; } div#EZM div { float:left; width:calc( 33.33% - 42px); border-right:1px solid silver; border-top:1px solid silver; padding:0 20px; margin:0; } div#EZM div:nth-child(3n + 0) { width:calc( 33.33% - 40px); border-right:none; } div#EZM div img { width:100%; margin-top:10px; } div#EZM div div { width:100%; height:280px; margin:0px; padding:0; border:none; } div#EZM div div h3 { font-size:1.5em; margin:0; padding:0; } div#EZM div div p { margin:0; margin-top:0.7em; padding:0; } div#EZM div div p:first-of-type { margin-top: 0.2em; } /* GRUNDFORMATIERUNG-20JahreEinsatzzeitmesser ENDE */ @media screen and (max-width: 480px) { form.wpwl-form div.wpwl-wrapper-brand { width:100% !important; } form.wpwl-form button { right:50px; } } @media screen and (min-width: 481px) and (max-width: 599px) { form.wpwl-form div.wpwl-wrapper-brand { width:66.66% !important; } form.wpwl-form button { right:calc( 33.33% + 50px ); } } @media screen and (max-width: 599px) { p.BankIFrame { width:auto; } div#Webshop dt, div#Webshop dd { font-size:0.8rem; line-height:1rem; } div#Webshop fieldset { width:calc( 100% - 20px); } div#Webshop form select, div#Webshop form input[type="text"], div#Webshop form input[type="email"], div#Webshop form input[type="tel"], div#Webshop form input[type="password"] { font-size:0.8rem; line-height:1.2rem; } div#Webshop form h1{ font-size:1.6rem; margin:0; padding:1.2rem 10px } div#Webshop form legend{ font-size:1rem; } div#Webshop form label{ font-size:0.8rem; } div#Webshop div.WarenkorbBild { position:relative; margin-top:20px; margin-bottom:20px; } div#Webshop div.WarenkorbBild { left:calc(50% - 185px / 2); } div#Webshop div.WarenkorbBild + div { margin-left:0px; } div#Webshop form fieldset.Warenkorb label {width:100%} } @media screen and (min-width: 600px) { div#MitteHauptStart h1 { font-size:24px; } div#Webshop h1 { margin-left:0; } div#MitteHauptStart form { padding:20px 20px 0px 20px; } div#Webshop { font-size:12px; } div#Webshop dt { font-size:12px; /*width:300px;*/ width:calc( 100% - 80px ); padding:0; margin-bottom:0; } div#Webshop dd { font-size:12px; padding:0; margin-bottom:0; } form#form_Bestellen dt.SchriftGross, form#form_Bestellen dd.SchriftGross, form#form_Bestellen dl strong { font-size:14px; } form#form_Bestellen dt.SchriftGross i { font-size:14px; } /*form#form_Bestellen dl.Preis dt:nth-of-type(2),*/ form#form_Bestellen dl.Preis dd:nth-of-type(2) { font-size:14px; } div#Webshop .ShopNavi a:nth-last-of-type(1) {color:white} div.Trennlinie_2 { width:100%; padding:0; margin:0} div#Webshop textarea{height:100px} /* Kontaktdaten*/ div#MitteHauptStart fieldset{ width:100%; padding-left:0; padding-right:0 } div#Webshop fieldset#FormFelderKundendaten label { width:45%; float:left; } div#Webshop fieldset#FormFelderRechnungsadresse label { width:45%; float:left; } div#Webshop div#Eingabe_Lieferadresse label { width:45%; float:left; } form.wpwl-form div.wpwl-wrapper-brand { width:66.66% !important; } form.wpwl-form div.wpwl-label { width:calc(100% - 50px); } div#Webshop form select, div#Webshop form input[type="text"], div#Webshop form input[type="email"], div#Webshop form input[type="tel"], div#Webshop form input[type="password"] { width:45%; font-size:11px; height:15px } div#Webshop form select {height:17px; width:45%;} div#Webshop form select + strong, div#Webshop form input[type="text"] + strong, div#Webshop form input[type="email"] + strong, div#Webshop form input[type="tel"] + strong, div#Webshop form input[type="password"] + strong { margin-left:0; display:block; width:calc(10% - 2px); float:right; text-align:right } /* Zahlungsart */ div#Webshop form form select, div#Webshop form form input[type="text"], div#Webshop form form input[type="email"], div#Webshop form form input[type="tel"], div#Webshop form form input[type="password"] { width:calc(100% - 50px); } div#Webshop form #Seite_Warenkorb label {width:100%; line-height:16px; margin-top:10px} form.wpwl-form button { right:calc( 33.33% + 50px ); } div#Webshop fieldset#FormFelderLieferadresse label[for="Selbstabholer"] { margin:0 0 0 10px; } div#Webshop span { margin:10px 0 0 0 } div#Eingabe_Lieferadresse {width:100%; } div#Webshop fieldset#FormFelderLieferadresse p {margin-left:0; } /* div#Webshop fieldset#FormFelderLieferadresse span:nth-of-type(2) {border-bottom:1px solid gray; padding-bottom:20px} div#Webshop hr{width:100%} div#ShopUebersicht fieldset.Kundendaten {padding-bottom:5px} div#ShopUebersicht fieldset.Kundendaten:nth-of-type(2) {padding-top:0} div#ShopUebersicht fieldset.Kundendaten dt {margin-top:5px} div#ShopUebersicht fieldset.Kundendaten dd {margin-bottom:5px} div#ShopUebersicht fieldset.Warenkorb {padding-top:0px; padding-bottom:5px} div#ShopUebersicht fieldset.Warenkorb dt.SchriftGross, form#form_Bestellen dl strong { font-size:14px; font-weight:bold; } div#ShopUebersicht fieldset.Warenkorb dt.SchriftGross i {font-size:12px} div#ShopUebersicht fieldset.Warenkorb hr {height:5px;} */ div#ShopUebersicht fieldset.AGB a { font-size:12px !important; } div#Webshop fieldset.AGB label[for="AGB"] { /*margin:0;*/ } div#Webshop fieldset.AGB { padding:0 0 5px 0; } form.wpwl-form, form.wpwl-form-card, form.wpwl-clearfix {padding:0; margin:0; background:green} div#Webshop {font-size:12px} } @media screen and (min-width: 1000px) { div#Webshop fieldset#FormFelderKundendaten { width:50%; float:left; } div#Webshop fieldset#FormFelderRechnungsadresse { width:50%; border:none } div#Webshop fieldset#FormFelderLieferadresse { width:100%; } div#Webshop fieldset#FormFelderKundendaten textarea { display:block; height:100px !important; } div#Webshop fieldset#FormFelderKundendaten label { width:100%; clear:left; } div#Webshop fieldset#FormFelderRechnungsadresse label { width:100%; float:none; } div#Webshop div#Eingabe_Lieferadresse label { width:100%; float:none; } div#Webshop form select, div#Webshop form input[type="text"], div#Webshop form input[type="email"], div#Webshop form input[type="tel"], div#Webshop form input[type="password"] { width:calc( 100% - 50px ); font-size:11px; height:15px } div#Webshop form select {height:17px; width:calc( 100% - 50px );} div#Webshop form select + strong, div#Webshop form input[type="text"] + strong, div#Webshop form input[type="email"] + strong, div#Webshop form input[type="tel"] + strong, div#Webshop form input[type="password"] + strong { float:none; margin-left:20px; display:inline; width:20px; text-align:center } /*form.wpwl-form div.wpwl-wrapper-brand { width:66.66% !important; } form.wpwl-form div.wpwl-label { width:calc(100% - 50px); }*/ div#Eingabe_Lieferadresse {width:50%; } form.wpwl-form button { right:calc( 33.33% + 50px ); } /* GRUNDFORMATIERUNG-KONTAKTDATEN ANFANG */ div#Seite_Kontaktdaten fieldset#FormFelderKundendaten, div#Seite_Kontaktdaten fieldset#FormFelderRechnungsadresse { border-bottom:none !important; padding-bottom:0 } div#Seite_Kontaktdaten fieldset#FormFelderLieferadresse legend { border-top:1px solid gray !important; padding-top:0.5rem } /* GRUNDFORMATIERUNG-KONTAKTDATEN ENDE */ }