/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */ /* Produkte: Module */ .liste-module { position: relative; z-index: 256; } .liste-module .modul { float: left; width: 70px; margin: 0 20px 4px 0; } .liste-module .modul h1 { color: #FFF; font-size: 10px; margin: 0 0 2px 0;} .liste-module .modul img { cursor: pointer; } .dragging { width: 30px; height: 30px; margin: 20px; } /* Produkte: Materialien und Farben */ .liste-farben { float: left; padding: 0 0 7px 8px; position: relative; z-index: 256; } .liste-farben h1 { color: #FFF; font-size: 10px; margin: 0 0 3px 10px; } .liste-farben .farbe { float: left; width: 38px; height: 38px; margin: 0 0 2px 2px; } .liste-farben .farbe img { display: block; margin: 0 0 10px 10px; cursor: pointer; } /* Konfigurator: Hauptansicht */ .konfigurator { position: relative; top: 13px; } .konfigurator .render-wrapper { position: relative; width: 450px; height: 360px; overflow: hidden; } .konfigurator .begruessung { position: absolute; z-index: 100; width: 410px; height: 320px; padding: 20px; font-size: 20px; color: #000; background-image: url(../../portal/pics/layout/begruessung_hintergrund.png); } .konfigurator .loader { position: absolute; z-index: 100; width: 410px; height: 320px; padding: 20px; background-color: #FFF; font-size: 20px; color: #000; -moz-opacity: 0.7; filter: alpha(opacity=70); opacity: 0.7; } #viewport { position: relative; left: 0px; top: 0px; } #viewport .hoverbild { position: absolute; } .beschreibung { position: absolute; top: 368px; width: 450px; } .beschreibung h1 { font-weight: bold; color: #000; } .beschreibung .disclaimer { font-size: 11px; } .konfigurator .restart { font-weight: normal; font-size: 11px; color: #FFF; position: absolute; right: 5px; bottom: 2px; } .konfigurator .restart:visited { font-weight: normal; font-size: 11px; color: #FFF; } .konfigurator .restart:hover { font-weight: bold; font-size: 11px; color: #FFF; } .konfigurator .restart:active { font-weight: bold; font-size: 11px; color: #FFF; } .konfigurator .droppable { position: absolute; cursor: pointer; } .droppable-hover { } /* Konfigurator: Konfigurationen */ .konfiguration_liste0 { width: 160px; height: 171px; padding: 0 20px 0 0;} .konfiguration_liste1, .konfiguration_liste2 { width: 160px; height: 171px; padding: 0 20px 0 20px;} .konfiguration_liste3 { width: 160px; height: 171px; padding: 0 0 0 20px;} /* einzelne Konfiguration */ .konfiguration_titel {color:#ffffff; padding:0 0 2px 0; margin:0 0 0 0;} .konfiguration_loeschen {float:left; width:10px; padding:0 0 0 0; color:#D32222; font-weight:bold; font-size:11px; } .konfiguration_loeschen a {color:#D32222; } .konfiguration_aendern {float:right; width:150px; text-align:right; padding:0 0 0 0;} /* die Droppables */ #dropzoneA1 { top: 59px; left: 0; width: 35px; height: 53px; } #dropzoneA2 { top: 112px; left: 0; width: 49px; height: 50px; } #dropzoneB1 { top: 72px; left: 35px; width: 35px; height: 46px; } #dropzoneB2 { top: 118px; left: 38px; width: 38px; height: 60px; } #dropzoneC1 { top: 89px; left: 69px; width: 52px; height: 50px; } #dropzoneC2 { top: 139px; left: 76px; width: 53px; height: 56px; } #dropzoneD1 { top: 106px; left: 121px; width: 57px; height: 53px; } #dropzoneD2 { top: 159px; left: 127px; width: 56px; height: 52px; } #dropzoneE1 { top: 115px; left: 178px; width: 44px; height: 63px; } #dropzoneE2 { top: 178px; left: 183px; width: 39px; height: 40px; } #dropzoneE3 { top: 218px; left: 183px; width: 44px; height: 48px; } #dropzoneE4 { top: 266px; left: 183px; width: 47px; height: 48px; } #dropzoneE5 { top: 312px; left: 183px; width: 47px; height: 32px; } #dropzoneE6 { top: 344px; left: 183px; width: 47px; height: 48px; } #dropzoneF1 { top: 115px; left: 222px; width: 50px; height: 77px; } #dropzoneF2 { top: 192px; left: 222px; width: 50px; height: 42px; } #dropzoneF3 { top: 234px; left: 227px; width: 40px; height: 51px; } #dropzoneF4 { top: 285px; left: 230px; width: 47px; height: 45px; } #dropzoneF5 { top: 330px; left: 230px; width: 58px; height: 36px; } #dropzoneF6 { top: 366px; left: 230px; width: 58px; height: 44px; } #dropzoneG1 { top: 161px; left: 272px; width: 68px; height: 48px; } #dropzoneG2 { top: 209px; left: 272px; width: 67px; height: 58px; } #dropzoneH1 { top: 180px; left: 339px; width: 80px; height: 58px; } #dropzoneH2 { top: 238px; left: 338px; width: 81px; height: 61px; } #dropzoneI1 { top: 190px; left: 419px; width: 74px; height: 72px; } #dropzoneI2 { top: 262px; left: 412px; width: 81px; height: 73px; } #dropzoneJ1 { top: 205px; left: 493px; width: 77px; height: 85px; } #dropzoneJ2 { top: 290px; left: 469px; width: 101px; height: 59px; } #dropzoneBUS1 { top: 80px; left: 112px; width: 58px; height: 26px; } #dropzoneBUS2 { top: 84px; left: 164px; width: 49px; height: 31px; } #dropzoneBUS3 { top: 130px; left: 294px; width: 92px; height: 32px; } #dropzoneBUS4 { top: 146px; left: 340px; width: 117px; height: 44px; } #dropzoneBUS5 { top: 228px; left: 267px; width: 24px; height: 57px; } /* Vorschaubilder der einzelnen HC/Module */ .hoverbild { position: absolute; z-index: 101; top: 0; left: 0; width: 600px; height: 420px; } #positionAB12 { background-image: url(../../portal/konfigurator/pics/rollover/hc_ab12.png); } #positionBC12 { background-image: url(../../portal/konfigurator/pics/rollover/hc_bc12.png); } #positionCD12 { background-image: url(../../portal/konfigurator/pics/rollover/hc_cd12.png); } #positionC1 { background-image: url(../../portal/konfigurator/pics/rollover/modul_c1.png); } #positionD1 { background-image: url(../../portal/konfigurator/pics/rollover/modul_d1.png); } #positionC2 { background-image: url(../../portal/konfigurator/pics/rollover/modul_c2.png); } #positionD2 { background-image: url(../../portal/konfigurator/pics/rollover/modul_d2.png); } #positionG1 { background-image: url(../../portal/konfigurator/pics/rollover/modul_g1.png); } #positionH1 { background-image: url(../../portal/konfigurator/pics/rollover/modul_h1.png); } #positionG2 { background-image: url(../../portal/konfigurator/pics/rollover/modul_g2.png); } #positionH2 { background-image: url(../../portal/konfigurator/pics/rollover/modul_h2.png); } #positionGH12 { background-image: url(../../portal/konfigurator/pics/rollover/hc_gh12.png); } #positionHI12 { background-image: url(../../portal/konfigurator/pics/rollover/hc_hi12.png); } #positionIJ12 { background-image: url(../../portal/konfigurator/pics/rollover/hc_ij12.png); } #positionE3 { background-image: url(../../portal/konfigurator/pics/rollover/modul_e3.png); } #positionF3 { background-image: url(../../portal/konfigurator/pics/rollover/modul_f3.png); } #positionE4 { background-image: url(../../portal/konfigurator/pics/rollover/modul_e4.png); } #positionF4 { background-image: url(../../portal/konfigurator/pics/rollover/modul_f4.png); } #positionEF34 { background-image: url(../../portal/konfigurator/pics/rollover/hc_ef34.png); } #positionEF45 { background-image: url(../../portal/konfigurator/pics/rollover/hc_ef45.png); } #positionEF56 { background-image: url(../../portal/konfigurator/pics/rollover/hc_ef56.png); }