/* --- lightbox - Container -----------------*/ #pflichtfeld, #aussenrum, #message, #druckdaten, #extras, #downloads, #masse, #suggest, #agb, #forgotPassword { background:url(../../img/stripes.png) repeat-x; padding:30px 5px 5px 5px; margin:25px 20px 10px 20px; max-width: 700px; } .masse, #prodinf { /*background:url(../../img/stripes.png) repeat-x; */ /*padding:30px 5px 5px 5px; */ /*margin:0px 0px 0px 0px;*/ } .masse h2 { margin-top:10px; font-size:9pt; } #blackline { background-color: #000; height: 5px; margin: 10px 0px 20px 0px; clear:both; } /* --- lightbox - Technische Beschreibung ----------*/ #product-lightbox-container {width: 640px; background-color: #fff;} #product-lightbox-container h2 { color: black; font-size: 13pt; font-weight: bold; background: #e3e3e3; clear: both; margin: 20px 3px 0px 3px; padding: 5px 0px 0.05cm 3px; border-style: solid; border-width: 0 0 0.75pt; border-color: black; } #product-lightbox-container a {font-weight: bold; color: red;} table.techDetails {width:100%;margin: 5px 0px 0px 0px;} .techDetails .top {font-weight:bold; font-size:11pt; background:#fff;} .techDetails tr {background:#f3f3f3;} .techDetails tr.dark {background:#e3e3e3;} .techDetails td {padding:4px; border:3px solid #fff;} .techDetails td.left {background:#d9d9d9; width:120px; font-weight:bold;} /* --- lightbox - Technische Beschreibung end ----------*/ /* --- lightbox - Maßangaben ------------------------- */ #masse-lightbox-container {margin: 20px 0px 0px 0px; width: 700px; background-color: #fff; border: 0px solid #000000;} /* --- Bilder im Hochformat ----- */ #masse-lightbox-container .col1 {width: 450px;} #masse-lightbox-container .col1 img {width: 450px;} #masse-lightbox-container .col2 {float: right; width: 220px; padding: 0px 0px 0px 20px;} #masse-lightbox-container .col2 div {padding: 0px 0px 2px 20px; width: 180px;} /* --- Bilder im Querformat ----- */ #masse-lightbox-container .row1 {width: 700px;} #masse-lightbox-container .row1 img {width: 700px;} #masse-lightbox-container .row2 {width: 300px; padding: 20px 0px 0px 0px;} #masse-lightbox-container .row2 div {padding: 0px 0px 2px 20px; width: 180px;} /* --- Legende ----- */ #masse-lightbox-container .ueberfuellung {background:url(../../img/colorbox/druckbild-legende/ueberfuellung.png) no-repeat; background-position: 0px 3px;} #masse-lightbox-container .profil-verdeckt {background:url(../../img/colorbox/druckbild-legende/profil-verdeckt.png) no-repeat; background-position: 0px 3px;} #masse-lightbox-container .sicherheitsabstand {background:url(../../img/colorbox/druckbild-legende/sicherheitsabstand.png) no-repeat; background-position: 0px 3px;} #masse-lightbox-container .drahtkammbindung {background:url(../../img/colorbox/druckbild-legende/drahtkammbindung.png) no-repeat; background-position: 0px 3px;} #masse-lightbox-container .loch {background:url(../../img/colorbox/druckbild-legende/loch.png) no-repeat; background-position: 0px 3px;} #masse-lightbox-container .konturpfad {background:url(../../img/colorbox/druckbild-legende/konturpfad.png) no-repeat; background-position: 0px 3px;} #masse-lightbox-container .werbeflaeche {background:url(../../img/colorbox/druckbild-legende/werbeflaeche.png) no-repeat; background-position: 0px 3px;} #masse-lightbox-container .greifrand {background:url(../../img/colorbox/druckbild-legende/greifrand.png) no-repeat; background-position: 0px 3px;} #masse-lightbox-container .fenster {background:url(../../img/colorbox/druckbild-legende/fenster.png) no-repeat; background-position: 0px 3px;} /* --- lightbox - Maßangaben end -------------------- */ /* --- lightbox - Sonderausstattung/Zubehör -----------*/ #zubehoer-lightbox-container { width: 600px; background-color: #fff; margin: 20px 0px 0px 0px; min-height: 300px; } #zubehoer-lightbox-container h2 { color: black; font-size: 13pt; font-weight: bold; background: #e3e3e3; clear: both; margin: 20px 0px 10px 0px; padding: 5px 0px 0.05cm 3px; border-style: solid; border-width: 0 0 0.75pt; border-color: black; } #zubehoer-lightbox-container .description{width: 100%; margin: 0px 0px 20px 0px;} #zubehoer-lightbox-container .left {float: left; height: 83px; width: 290px; background:#d9d9d9; margin: 10px 0px 0px 0px;} #zubehoer-lightbox-container .right {float: right; height: 83px; width: 290px; background:#d9d9d9; margin: 10px 0px 0px 0px;} #zubehoer-lightbox-container .center {float: left; height: 83px; width: 100%; background:#d9d9d9; margin: 10px 0px 0px 0px;} #zubehoer-lightbox-container img {float: left; margin: 4px;} /* --- lightbox - Sonderausstattung/Zubehör end --------*/ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; } #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#fff;margin-bottom:30px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{ /*border: 0px solid #4c4c4c;*/ border: 40px solid #fff; -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ background:#fff; } #cboxTitle{position:absolute; font-weight:bold; display:block; z-index:99; bottom:-35px; left:0; padding:10px 0 0 20px; color:#fff; background:#000; height:2.3em; width:100%; } /*.cboxNoTitle{ display:none !important; } */ #cboxCurrent{position:absolute; display:block; bottom:-35px; z-index:100; right:0px; text-align:right; padding:5px 10px 0 0px; height:2.3em; color:#fff; background:transparent;} #cboxLoadingGraphic{background:url(../../img/colorbox/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../../img/colorbox/controls_all.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../../img/colorbox/controls_all.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose{position:absolute; top:5px; right:0px; display:block; background:url(../../img/colorbox/controls_all.png) no-repeat top center; width:38px; height:38px; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;} /* #cboxClose:hover{background-position:bottom center;} */