/* *************************************************************************************** * * Photodruck * http://www.photo-druck.de * * S C R E E N . C S S * * Last modified: 11.10.2011 * **************************************************************************************/ /* Fonts Aktion briefefueroma */ @font-face { font-family: "RobotoSlab"; src: url("../design/include/fonts/RobotoSlab-Regular.woff2") format("woff2"), url("../design/include/fonts/RobotoSlab-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "RobotoSlab"; src: url("../design/include/fonts/RobotoSlab-Bold.woff2") format("woff2"), url("../design/include/fonts/RobotoSlab-Bold.woff") format("woff"); font-weight: 600; font-style: normal; } /* B A S I C S ------------------------------------------------------------------------------------ */ * { border: 0; margin: 0; padding: 0; } html { height: 100% } body { background: #e5e7ea; font-size: 100.01%; text-align: center; background-attachment: fixed; } #wrapper, .textplain { position: relative; background: #fff; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #444; width: 100%; z-index: 0; } #container { position: relative; width: 960px; margin: 0 auto; z-index: 1; } #background { background: #e5e7ea; position: absolute; top: 120px; left: 0; height: 320px; width: 100%; z-index: -1; } .highslide-html-content { width: auto; height: 100% !important; } #browserwarning { position: absolute; top: 32px; right: 0; border: 2px solid red; } p, h1, h2, h3, h4, h5, ul, ol, fieldset, img { margin-bottom: 12px; } h1, h2, h3, h4, h5, strong, b { font-weight: bold; } h1 { font: normal 1.8em/120% Arial, Helvetica, sans-serif; color: #f8b356; padding-top: 8px; } h2 { font: normal 1.5em/120% Arial, Helvetica, sans-serif; color: #666666; } h3 { font-size: 1.2em; padding-top: 8px; } h4, h5 { font-size: 1em; } /* Copy für SEO */ .h2 { font: normal 1.5em/120% Arial, Helvetica, sans-serif; color: #666666; } .h3 { font-size: 1.2em; padding-top: 8px; } .h4, .h5 { font-size: 1em; } a:link, a:visited { color: #6a7f8e; text-decoration: none; outline: 0; } a:hover, a:active { color: #6a7f8e; text-decoration: underline; outline: 0; } a.red:link, a.red:visited { color: #d00; text-decoration: none; outline: 0; } a.red:hover, a.red:active { color: #d00; text-decoration: underline; outline: 0; } :focus { outline: 0; -moz-outline-style: none; } ul { list-style: none; } ul li { background: url('../bilder/li.gif') no-repeat left 6px; padding-left: 12px; } ol { list-style: outside decimal; } ol li { margin: 0 20px 12px; } * html ol { padding-left: 4px; } *+html ol { padding-left: 4px; } table { /*table-layout: fixed;*/ width: 100%; overflow: hidden; border: 0; border-collapse: separate; border-spacing: 0; margin-bottom: 24px; } input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #939597; vertical-align: middle; border: 1px solid #000; padding: 1px; } textarea { overflow: auto; } small, .small { font-size: 0.9em; line-height: 150%; } em, i { font-style: italic; } strike, del { text-decoration: line-through; } blockquote, cite { background: #EEE; border-left: 1px solid #999; height: 1% /* stupid IE */; width: auto; margin: 1em 0 1em 2em; padding: 1.5em 2em 0.5em; } code { font-family: Monaco, monospace; font-size: 1em; } sup, sub { font-size: 80%; line-height: 0 !important; color: #939597 !important; } pre { font-size: 110%; } /* S P E C I A L F O R M A T I N G ------------------------------------------------------------------------------------ */ .no-border { border: 0 !important; } .no-margin { margin-bottom: 0 !important; } .small-margin { margin-bottom: 6px !important; } .margin { margin-bottom: 12px !important; } .big-margin { margin-bottom: 24px !important; } .superbig-margin { margin-bottom: 36px !important; } .megabig-margin { margin-bottom: 72px !important; } .margin-top { margin-top: 12px !important; } .big-margin-top { margin-top: 24px !important; } .superbig-margin-top { margin-top: 36px !important; } .normal { font-weight: normal !important; letter-spacing: 0 !important; } .italic { font-style: italic !important; } .center { text-align: center !important; } .text-right { text-align: right !important; } .border-bottom { border-bottom: 1px solid #a6b2bb; padding-bottom: 18px; margin-bottom: 18px; } .border { border: 1px solid #a6b2bb; } .no-padding { padding: 0 !important; } /* Hidden Elements */ hr, legend, /*a span, button span,*/ .inv, #skip { display: none; } /* Floats */ .left { float: left; } .right { float: right; } .lefti { float: left !important; } .righti { float: right !important; } /* Floating Images */ img.left { margin: 0.4em 1.5em 1em 0; } img.right { margin: 0.4em 0 1em 1.5em; } /* Clearfix */ * html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */ *+html .clearfix { min-height: 1%; } /* IE7 Fix */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clear { clear: both; height: 1px; } /* Colors */ .red, .error { color: #DD0000; } .green, .success { color: #809900; } .light { color: #777D82 !important; } .transparent { opacity: 0.3; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=30); /* IE lt 8 */ -ms-filter: "alpha(opacity=30)"; /* IE 8 */ -khtml-opacity: 0.3; /* Safari 1.x */ -moz-opacity: 0.3; /* FF lt 1.5, Netscape */ } .highlight { font-size: 0.8em; line-height: 150%; font-weight: bold; background-color: #DD0000; color: #fff; padding: 1px 4px; } /* Special Links */ a.more { background: transparent url('../bilder/a-more.gif') no-repeat right 5px; font-weight: bold; padding-right: 0.7em; } a.more:hover { text-decoration: underline; } a.more span { display: none; } a.top { background: transparent url('../bilder/a-top.gif') no-repeat right center; font-weight: bold; padding-right: 0.9em; } a.top:hover { text-decoration: underline; } /* Horizontal Line */ .hr { margin-top: 12px; border-top: 1px solid #C3C5C7; } /* No-Wrap */ .no-wrap { white-space: nowrap !important; } /* Forms */ form.styledform { background: #F3F5F7; border: 1px solid #C3C5C7; padding: 20px; } form.unstyledform { background: transparent; border: 0 none; padding: 0; } fieldset { margin-bottom: 1em; } form.unstyledform fieldset { background: #F3F5F7; border: 1px solid #C3C5C7; margin-bottom: 0.5em; padding: 1em; } legend { display: none; } label { font-size: 1em; font-weight: bold; display: block; margin-bottom: 2px; width: 180px; float: left; } label.normal { width: 100%; } label.checkbox { width: 100%; float: none; } div.newsletter-checkbox input.checkbox { margin-left: 156px; margin-right: 10px; margin-top: 3px; float: left; } div.newsletter-checkbox label.checkbox { width: 255px; float: left; font-weight: normal; } input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #535557; vertical-align: middle; border: 1px solid #C3C5C7; } input { color: #535557; width: 160px; margin-bottom: 1em; padding: 2px; } textarea { color: #535557; overflow: auto; width: 400px; margin-bottom: 1em; padding: 5px; } select { margin-bottom: 1em; padding: 0; } input.checkbox { border: 0 none !important; width: auto !important; margin: 0; padding: 0; } input.radio { border: 0 none !important; width: auto; margin: 0; padding: 0; } input.inputfile { width: 300px; } button { background-color: transparent; background-position: center center; display: block; float: left; cursor: pointer; margin-right: 7px; } span.cancel { line-height: 220%; } span.cancel a { font-weight: bold; } input#formSiegelButton { width: auto !important; border: none !important; } input#btnProtect { width: auto !important; border: none !important; padding: 0px !important; margin: 0px !important; } /* Tooltip */ #tooltip { background-color: #999; font: bold 0.8em/120% Arial, Helvetica, sans-serif; color: #fff; text-align: left; position: absolute; z-index: 3000; padding: 5px 8px; max-width: 400px; } #tooltip h3, #tooltip div { font-weight: bold; font-size: 1em; letter-spacing: 0; margin: 0; padding: 0; } #tooltip a { cursor: default !important; } #tooltip img { float: left; margin: 2px 9px 2px 2px; } #tooltip.image_tooltip { background: none !important; border: none !important; position: absolute; z-index: 3001; } .tooltip-preview { position: absolute; display: inline-block; padding: 1px 6px; font-weight: normal; color: #EA5B0C; margin-top: -36px; margin-left: -140px; background: #fff59b; border: 1px solid #f39200; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tooltip-preview div { position: absolute; margin-top: 19px; margin-left: 146px; width: 20px; height: 16px; background: url('../bilder/tooltip-arrow.png') no-repeat top left; } /* Trusted Shops Logo */ @media only screen and (max-width: 1152px) { div.reviews { display: none !important; } } /* Helper / Debug */ #debug { text-align: left; width: 200px; height: 200px; top: 0px; right: 0px; position: absolute; color: #999; display: none; } /* H E A D E R ------------------------------------------------------------------------------------ */ #header { position: relative; height: 120px; } #header .splash { position: absolute; top: 22px; left: 290px; width: 311px; height: 98px; } #header .splash img { margin: 0; } #header .advent { background: url('../bilder/splash/advent2014.jpg') no-repeat top left; } #header .advent a { display: block; width: 100%; height: 100%; } #header .advent a span { display: none; } #header .splash.rabatt-wochen { position: absolute; top: 14px; left: 300px; width: 335px; height: 105px; } #header .rabatt-wochen { background: url('../bilder/splash/verrueckte-wochen-banner.jpg') no-repeat top left; background-size: contain; } #header .rabatt-wochen a { display: block; width: 100%; height: 100%; } #header .rabatt-wochen a span { display: none; } /* #header .ts { position: absolute; top: 40px; right: 0; width: 400px; height: 60px; } #header .ts img { float: right; margin-left: 15px; } #header .ts .h4 { margin: 0; margin-top: 14px; text-align: right; font-size: 1.2em; color: #6a7f8e; width: 325px; } #header .ts p { margin: 0; text-align: right; width: 325px; } */ #header .ts { position: absolute; top: 48px; right: 0; float: right; width: 230px; } #my_TS_badge { position: relative; display: inline-block; top: 0px; width:120px; height:60px; } /*#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810{ border:0px !important; } */ #header .ts img { position: relative; margin-left: 10px; top: 2px; float: right; } /* Logo */ span#logo, span#logoAT, span#logoCH { position: absolute; top: 40px; left: 0; background: transparent url('../bilder/photodruck-logo.gif') no-repeat left top; } span#logoAT { background: transparent url('../bilder/photodruck-logo-AT.gif') no-repeat left top; } span#logoCH { background: transparent url('../bilder/photodruck-logo-CH.gif') no-repeat left top; } span#logo a, span#logoAT a, span#logoCH a { display: block; text-decoration: none !important; height: 50px; width: 252px; } span#logo span, span#logoAT span, span#logoCH span { display: none; } /* N A V I G A T I O N ------------------------------------------------------------------------------------ */ #nav { height: 50px; } #nav ul { display: inline; margin: 0; margin-top: 16px; } #main-nav { float: left; } #second-nav { float: right; margin-right: 6px !important; } #nav li { background: none; display: inline-block; padding: 0; float: left; margin-right: -6px; } #nav li a.first { margin-left: 30px !important; } * html #nav li a.first { margin-left: 15px !important; } #nav a { float: left; display: block; margin: 0; padding: 10px 30px 11px 16px; line-height: 100%; } #second-nav a { padding: 9px 16px 12px 16px; margin-right: 0; } #second-nav li.current a { background: #fff; } #main-nav li { position: relative; overflow: hidden; } #main-nav li a { background: url('../bilder/li-nav.png') no-repeat right 0; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; } #main-nav li.current a { background-position: right -39px; color: #3d464d; } #nav a:link, #nav a:visited { background-position: right 0; text-decoration: none; outline: 0; color: #777d82; } #nav a:hover, #nav a:active { background-position: right -78px; text-decoration: none; outline: 0; color: #777d82; } #second-nav a:hover, #second-nav a:active { text-decoration: underline; } #nav-start { z-index: 5; } #nav-preise { z-index: 4; } #nav-meinebilder { z-index: 3; } #nav-hochladen { z-index: 2; } #nav-bestellen { z-index: 1; } .subnav { border: 1px solid #CCCCCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 8px;} .subnav .innercol { padding: 12px 0 18px 0 !important; } .subnav h2 { padding: 0 15px; } .subnav p { padding: 0 15px; } .subnav ul { background: none; margin-bottom: 0; } .subnav li { background: none; padding: 0; } .subnav li a { background: transparent url('../bilder/li.gif') no-repeat 15px 11px; padding-left: 0px; display: block; text-decoration: none !important; width: auto !important; width: 150px; /* IE6 Fix */ padding: 5px 15px 5px 27px; } .subnav li a:hover { background-color: #f3f4f6; } .subnav li.current { background: none; width: auto; } /* für IE6 */ .subnav li.current a { background-color: #E8EBED; text-decoration: none !important; cursor: default; } .subnav p { margin-bottom: 0.5em; } .subnav h3 { background: none; font-size: 1.1em; padding: 15px 15px 0 15px; margin-bottom: 12px; color: #666; } .subnav select { margin: 0 15px; } /* Panel-Navigation */ #nav-panel-products { position: absolute; top: 9px; left: -9999px; width: 960px; height: 330px; background: #FFF2CF; z-index: 10; display: block; } #nav-panel-products div.left { position: absolute; top: 30px; left: 30px; width: 670px; height: 280px; border-right: 1px solid #fff; } #nav-panel-products div.right { position: absolute; top: 30px; left: 720px; width: 210px; height: 280px; } #nav-panel-products .tab-border { position: absolute; bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../bilder/tab-top.png') repeat-x left bottom; } #nav-panel-products div.product { position: relative; float: left; width: 120px; width: 150px; height: 135px; margin: 0 12px 12px 0; } #nav-panel-products div.last { margin-right: 0; } #nav-panel-products h2 { color: #444; margin-bottom: 9px; } #nav-panel-products .h2 { color: #444; margin-bottom: 9px; } #nav-panel-products a:link, #nav-panel-products a:visited { color: #ea5b0c; text-decoration: none; } #nav-panel-products a:hover, #nav-panel-products a:active { color: #ea5b0c; text-decoration: underline; outline: 0; } #nav-panel-products-parking { display: none; } .product h5 { padding: 0 0 0 4px; margin-bottom: 0; font-size: 1.2em; } .product p { padding: 0 0 0 4px; margin: 0; } #nav-panel-products div div { width: 110px; height: 100px; } #nav-panel-products div div div a { display: block; width: 100%; height: 100%; } #nav-panel-products div div div a span { display: none; } #nav-panel-products .h2 { width: auto; height: auto; } #panelnav-fotoabzuege div a { background: url('../bilder/nav-panel-products.png') no-repeat 0 0; } #panelnav-fotobuch div a { background: url('../bilder/nav-panel-products.png') no-repeat -120px 0; } #panelnav-fotokalender div a { background: url('../bilder/nav-panel-products.png') no-repeat -240px 0; } #panelnav-poster div a { background: url('../bilder/nav-panel-products.png') no-repeat -360px 0; } #panelnav-leinwand div a { background: url('../bilder/nav-panel-products.png') no-repeat -480px 0; } #panelnav-aludibond div a { background: url('../bilder/nav-panel-products.png') no-repeat -600px 0; } #panelnav-fotogeschenke div a { background: url('../bilder/nav-panel-products.png') no-repeat -720px 0; } #panelnav-karten div a { background: url('../bilder/nav-panel-products.png') no-repeat -840px 0; } #panelnav-videogalerie div a { background: url('../bilder/nav-panel-products.png') no-repeat -956px 0; } #panelnav-kalender-digital div a { background: url('../bilder/nav-panel-products.png') no-repeat -1076px 0; } #panelnav-fotoabzuege div a:hover { background-position: 0 -120px !important; } #panelnav-fotobuch div a:hover { background-position: -120px -120px !important; } #panelnav-fotokalender div a:hover { background-position: -240px -120px !important; } #panelnav-poster div a:hover { background-position: -360px -120px !important; } #panelnav-leinwand div a:hover { background-position: -480px -120px !important; } #panelnav-aludibond div a:hover { background-position: -600px -120px !important; } #panelnav-fotogeschenke div a:hover { background-position: -720px -120px !important; } #panelnav-karten div a:hover { background-position: -840px -120px !important; } #panelnav-videogalerie div a:hover { background-position: -956px -120px !important; } #panelnav-kalender-digital div a:hover { background-position: -1076px -120px !important; } #preisliste-fotoabzuege div a { background: url('../bilder/nav-panel-products.png') no-repeat 2px 0; } #preisliste-fotobuch div a { background: url('../bilder/nav-panel-products.png') no-repeat -110px 0; } #preisliste-fotokalender div a { background: url('../bilder/nav-panel-products.png') no-repeat -225px 0; } #preisliste-poster div a { background: url('../bilder/nav-panel-products.png') no-repeat -359px 0; } #preisliste-leinwand div a { background: url('../bilder/nav-panel-products.png') no-repeat -479px 0; } #preisliste-aludibond div a { background: url('../bilder/nav-panel-products.png') no-repeat -600px 0; } #preisliste-fotogeschenke div a { background: url('../bilder/nav-panel-products.png') no-repeat -709px 0; } #preisliste-karten div a { background: url('../bilder/nav-panel-products.png') no-repeat -836px 0; } #preisliste-videogalerie div a { background: url('../bilder/nav-panel-products.png') no-repeat -956px 0; } #preisliste-kalender-digital div a { background: url('../bilder/nav-panel-products.png') no-repeat -1076px 0; } #preisliste-fotoabzuege div a:hover { background-position: 2px -120px !important; } #preisliste-fotobuch div a:hover { background-position: -110px -120px !important; } #preisliste-fotokalender div a:hover { background-position: -225px -120px !important; } #preisliste-poster div a:hover { background-position: -359px -120px !important; } #preisliste-leinwand div a:hover { background-position: -479px -120px !important; } #preisliste-aludibond div a:hover { background-position: -600px -120px !important; } #preisliste-fotogeschenke div a:hover { background-position: -709px -120px !important; } #preisliste-karten div a:hover { background-position: -836px -120px !important; } #preisliste-videogalerie div a:hover { background-position: -956px -120px !important; } #preisliste-kalender-digital div a:hover { background-position: -1076px -120px !important; } #teaser-preisliste a:link, #teaser-preisliste a:visited { color: #ea5b0c; text-decoration: none; } #teaser-preisliste a:hover, #teaser-preisliste a:active { color: #ea5b0c; text-decoration: underline; outline: 0; } #teaser-preisliste div.left { position: absolute; top: 10px; left: 30px; width: 640px; height: 210px; } #teaser-preisliste div.right { position: absolute; top: 15px; left: 680px; width: 210px; height: 210px; padding-left: 20px; border-left: 1px solid #f9cdb6; } #teaser-preisliste div.product { position: relative; float: left; width: 140px; height: 100px; margin: 0 20px 12px 0; } * html #teaser-preisliste div.product { margin-right: 20px; } #teaser-preisliste div.product.last { margin-right: 0; } #teaser-preisliste div.product p { clear: left; text-align: center; padding: 0; padding-right: 30px; /*color: #444; background: url('../bilder/li.gif') no-repeat left 7px; padding-left: 12px;*/ } #teaser-preisliste div div div { width: 110px; height: 90px; } #teaser-preisliste div div div a { display: block; width: 100%; height: 100%; } #teaser-preisliste div div div a span { display: none; } /* B U T T O N S ------------------------------------------------------------------------------------ */ /* ACHTUNG: pd-button ist auch in html/plupload/css/plupload_pixelprint.css definiert - Änderungen in beiden Dateien ausführen! */ button, .pd-button, .pd-button-small, .pd-button-color, .pd-button-color-small { /*background: #efefef;*/ } button, .pd-button, .pd-button-small { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #efefef; /* for non-css3 browsers */ background: linear-gradient(top, #FFFFFF, #EFEFEF); background: -ms-linear-gradient(top, #FFFFFF 0%,#EFEFEF 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#EFEFEF'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #FFFFFF, #EFEFEF); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #FFFFFF, #EFEFEF); /* for Presto (Opera etc) */ border: 1px solid #CCCCCC; cursor: pointer; overflow: visible; padding: 0.3em 0.7em 0.3em 0.7em; vertical-align: middle; white-space: nowrap; outline: none; display: inline-block; } button:active, button:hover, button:focus, .pd-button:active, .pd-button:hover, .pd-button:focus, .pd-button-small:active, .pd-button-small:hover, .pd-button-small:focus { box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; border-color: #999999; background: #efefef; /* for non-css3 browsers */ background: linear-gradient(top, #FFFFFF, #EFEFEF); background: -ms-linear-gradient(top, #FFFFFF 0%,#EFEFEF 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#EFEFEF'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #FFFFFF, #EFEFEF); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #FFFFFF, #EFEFEF); /* for Presto (Opera etc) */ } a.pd-button, a.pd-button-selected { color: #535557 !important; } a.pd-button-color, a.pd-button-color-small { color: #fff !important; } a.pd-button:hover, a.pd-button:active, a.pd-button-selected:hover, a.pd-button-selected:active { color: #535557 !important; text-decoration: none !important; } /* button.plain { padding: 0; background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; height: auto; } button.plain:hover, button.plain:active, button.plain:focus { box-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 00 #fff; } */ /* Button colored */ .pd-button-color, .pd-button-color-small { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #447ee4; /* for non-css3 browsers */ background: linear-gradient(top, #b8cef5, #447ee4); background: -ms-linear-gradient(top, #b8cef5 0%,#447ee4 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b8cef5', endColorstr='#447ee4'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#b8cef5, endColorstr=#447ee4)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#b8cef5), to(#447ee4)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #b8cef5, #447ee4); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #b8cef5, #447ee4); /* for Presto (Opera etc) */ border: 1px solid #6391e2; cursor: pointer; overflow: visible; padding: 0.3em 0.7em 0.3em 0.7em; /*#1f62d6*/ vertical-align: middle; white-space: nowrap; outline: none; display: inline-block; } .pd-button-color:hover, .pd-button-color-small:hover { box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; border-color: #6391e2; background: #cdddf8; /* for non-css3 browsers */ background: linear-gradient(top, #cdddf8, #7ca5ec); background: -ms-linear-gradient(top, #cdddf8 0%,#7ca5ec 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cdddf8', endColorstr='#7ca5ec'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cdddf8, endColorstr=#7ca5ec)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#cdddf8), to(#7ca5ec)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #cdddf8, #7ca5ec); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #cdddf8, #7ca5ec); /* for Presto (Opera etc) */ } .pd-button-color:active, .pd-button-color-small:active, .pd-button-color-small:focus { box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; border-color: #6391e2; background: #7ca5ec; /* for non-css3 browsers */ background: linear-gradient(top, #7ca5ec, #cdddf8); background: -ms-linear-gradient(top, #7ca5ec 0%,#cdddf8 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7ca5ec', endColorstr='#cdddf8'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7ca5ec, endColorstr=#cdddf8)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#7ca5ec), to(#cdddf8)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #7ca5ec, #cdddf8); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #7ca5ec, #cdddf8); /* for Presto (Opera etc) */ } a.pd-button-color { color: #fcfcfe; } a.pd-button-color:hover, a.pd-button-color:active { color: #fcfcfe; text-decoration: none; } .pd-button-color-small span {font-size: 0.9em; line-height: 100%; } a.pd-button-color-small { padding: 0 5px; color: #fcfcfe; } a.pd-button-color-small:hover, a.pd-button-color-small:active { color: #fcfcfe; text-decoration: none; } .pd-button-small { } .pd-button span { color: #333; } .pd-button-small span { color: #333; font-size: 0.9em; line-height: 100%; } a.pd-button-small { padding: 0 5px; color: #535557; } a.pd-button-small:hover, a.pd-button-small:active { color: #535557; text-decoration: none; } .pd-button-selected { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #cccccc; /* for non-css3 browsers */ background: linear-gradient(top, #cccccc, #EFEFEF); background: -ms-linear-gradient(top, #cccccc 0%,#EFEFEF 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cccccc', endColorstr='#EFEFEF'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#EFEFEF)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #cccccc, #EFEFEF); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #cccccc, #EFEFEF); /* for Presto (Opera etc) */ color: #888888; border: 1px solid #CCCCCC; cursor: pointer; overflow: visible; padding: 0.3em 0.7em 0.3em 0.7em; vertical-align: middle; white-space: nowrap; outline: none; display: inline-block; } .button-block { display: block; width: 140px; text-align: center; height: 1.5em; margin: 6px 0; } /* z.B. in meineauftraege_inc.php */ /* L O G I N ------------------------------------------------------------------------------------ */ #loginform { border: 0; padding: 0; } #login fieldset { margin: 0 !important; padding: 0px !important; } #login label { font-size: 1em; color: #444; font-weight: normal; } #login input { width: 180px; border: 1px solid #f9cdb6; font-size: 1.2em; font-weight: bold; padding: 4px; margin: 0; background: #fffbf1; } #login input:focus, #login input:active { background: #fff; } #label-username { background: url('../bilder/login-usericon.gif') no-repeat left 24px; } #label-password { background: url('../bilder/login-lockicon.gif') no-repeat left 24px; } #login fieldset div { margin-bottom: 9px; padding-left: 30px; } /* ausfahrbares Login-Panel */ #toppanel { position: absolute; /*Panel will overlap content */ /*position: relative;*/ /*Panel will "push" the content down */ top: 0; left: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; } #panel { width: 100%; height: 170px; color: #999999; background: #ffe59f; /*#444444; #ffcb40; #272727*/ overflow: hidden; position: relative; z-index: 3; display: none; } #panel .new-account { position: absolute; top: 20px; left: 0; width: 290px; height: 140px; border-right: 1px solid #fff7e2; } #panel .my-account { position: absolute; top: 20px; left: 0; width: 360px; height: 140px; border-right: 1px solid #fff7e2; } #panel .login-info { position: absolute; top: 20px; left: 330px; width: 340px; height: 140px; } #panel .loggedin-info { position: absolute; top: 20px; left: 400px; width: 340px; height: 140px; } #panel #login, #panel #loggedin { position: absolute; top: 10px; left: 700px; width: 260px; height: 160px; background: #fff2cf; } #panel #loggedin .inner { padding: 9px 15px; } #panel .login-form { padding: 9px 25px 0 15px; } #panel .h2 { color: #444; margin-bottom: 9px; } #panel p { padding-right: 36px; margin-bottom: 9px; color: #444; } #panel #loggedin p { margin-bottom: 4px; } #panel a { color: #ea5b0c; text-decoration: none; } #panel a:hover { text-decoration: none; color: #d00; } #panel .content { position: relative; width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; } #toppanel-parking { display: none; } /* Login-Panel Inhalt */ .tab { background: url('../bilder/tab-top.png') repeat-x 0 0; height: 37px; position: relative; top: 0; left: 0; z-index: 999; } .tab .inner { width: 960px; margin: 0 auto; } .tab ul.login { display: block; position: relative; float: right; clear: right; height: 37px; width: auto; line-height: 37px; margin: 0; top: 6px; /*right: 20px;*/right: 0px; color: white; text-align: center; } .tab ul.login li.left { background: url('../bilder/tab.png') no-repeat 0 0; height: 37px; width: 20px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.right { background: url('../bilder/tab.png') no-repeat 0 -37px; height: 37px; width: 20px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.middle { background: url('../bilder/tab.png') no-repeat 0 -111px; height: 37px; width: 20px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.soft { background: url('../bilder/tab.png') repeat-x 0 -148px; height: 37px; width: auto; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.right-soft { background: url('../bilder/tab.png') no-repeat 0 -185px; height: 37px; width: 20px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li { text-align: left; padding: 0 6px 0 0; display: block; float: left; height: 37px; background: url('../bilder/tab.png') repeat-x 0 -74px; } .tab ul.login li a { color: #ea5b0c; text-decoration: none; } .tab ul.login li a:hover { color: #d00; } .tab .sep { color:#414141 } .tab a.open, .tab a.close, .tab a.open-loggedin, .tab a.close-loggedin, .tab a.logout { height: 20px; line-height: 20px !important; padding-left: 24px !important; cursor: pointer; display: block; width: auto; position: relative; top: 7px; float: left; } .tab a.close, .tab a.close-loggedin, .tab a.close-logout { width: auto; display: none; } .tab a.open { background: url('../bilder/login-lockicon.gif') no-repeat left 0; } .tab a.close { background: url('../bilder/login-lockicon.gif') no-repeat left 0; } .tab a:hover.open { background: url('../bilder/login-lockicon.gif') no-repeat left 0; } .tab a:hover.close { background: url('../bilder/login-lockicon.gif') no-repeat left 0; } .tab a.open-loggedin { background: url('../bilder/login-usericon.gif') no-repeat left 0; } .tab a.close-loggedin { background: url('../bilder/login-usericon.gif') no-repeat left 0; } .tab a:hover.open-loggedin { background: url('../bilder/login-usericon.gif') no-repeat left 0; } .tab a:hover.close-loggedin { background: url('../bilder/login-usericon.gif') no-repeat left 0; } .tab a.logout { background: url('../bilder/login-lockicon.gif') no-repeat left 0; } /* M I S C E L L A N E O U S ------------------------------------------------------------------------------------ */ /* HS-Lib Formatings */ .highslide-header li { background-image: none; padding: 0; } .highslide-header li a { font-size: 0.8em; } div.highslide-container tr { background: transparent !important; } .product-details div { float: left; width: 192px; margin-right: 46px; background: url('../bilder/shadow-155.jpg') no-repeat 0 192px; } .product-details div.rectangle { background: url('../bilder/shadow-155.jpg') no-repeat 0 145px; } .product-details div.last { margin-right: 0; } .product-details img { border: 1px solid #ccc; width: 192px;} .product-details p.info { width: 35px; height: 35px; float: left; padding-top: 4px; } .product-details p.info span { background: url('../bilder/infoicon.gif') no-repeat center center; width: 8px; height: 12px; display: inline-block; vertical-align: bottom; padding: 3px 3px; } .product-details p { margin-bottom: 0; } /* spezielle Hovereffekte auf Highslide-Bilder */ .highslide-gallery div.img-hovereffect { float: none; width: 190px; height: 190px; border: 1px solid #ccc; margin: 0 0 12px 0; } .highslide-gallery div.img-hovereffect a { width: 100%; height: 100%; display: block; } .highslide-gallery div.img-hovereffect a span { display: none; } .highslide-gallery div.img-hovereffect a { cursor: url('/design/include/highslide-4.1.9/highslide/graphics/zoomin.cur'), pointer !important; } .highslide-gallery div.img-hovereffect:hover { border-color: grey; background-position: 0 -190px; } .highslide-gallery div.fotobuecher-softcover { background: url('../bilder/product-images/fotobuecher-softcover-jonas-liegend-small.jpg') no-repeat 0 0; } /*.highslide-gallery div.fotobuecher-softcover { background: url('../bilder/product-images/fotobuecher-softcover-australien-liegend-small.jpg') no-repeat 0 0; background-size: 190px 380px; }*/ .highslide-gallery div.fotobuecher-hardcover { background: url('../bilder/product-images/fotobuecher-hardcover-groenland-stehend-small.jpg') no-repeat 0 0; } /*.highslide-gallery div.fotobuecher-hardcover { background: url('../bilder/product-images/fotobuecher-hardcover-berlin-stehend-small.jpg') no-repeat 0 0; background-size: 190px 380px; }*/ /* Nivo-Slider Formatings */ #slider { position:absolute; width:630px; height:240px; top: 0; background:url('../../bilder/nivo-slider/loading.gif') no-repeat 50% 50%; z-index: 1; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } .slider-textcontent, .big-slider-element { position:absolute; top: 0; left: 0px; z-index: 2; display: none; } .nivo-controlNav { position:absolute; left:375px; bottom: -45px; } #info .nivo-controlNav { position:absolute; left:260px; bottom: -15px; } /* für Nivoslider in Highslide-iFrame mit 740px Breite */ .nivo-controlNav a { display:block; width:22px; height:22px; background:url('../../bilder/nivo-slider/bullets_grey.png') no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float:left; } .nivo-controlNav a.active { background-position:0 -22px; } .nivo-directionNav { display: none; } .nivoSlider:hover .nivo-directionNav { display: block; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url('../../bilder/nivo-slider/arrows_black.png') no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:10px; } a.nivo-prevNav { left:10px; } #slider.rightSlider .nivo-directionNav a, #slider.rightSlider .nivo-directionNav { display: none; } #slider.rightSlider .nivo-controlNav { left: -110px; } #slider.rightSlider { width: 420px; } #slider.rightSlider { position: absolute !important; right: 0; } /* .nivo-directionNav { display: none !important; } .nivo-directionNav a { display: none !important; } */ .nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color:#efe9d1; text-decoration:underline; } .clear { clear:both; } /* M A I N ------------------------------------------------------------------------------------ */ #main { position: relative; margin: -10px -15px 0; background: url('../bilder/shadow-top.png') no-repeat top left; } #main .main-inner { background: url('../bilder/shadow-bottom.png') no-repeat bottom left; } /* Grid Layout */ .cols { position: relative; padding: 30px 30px 50px 30px; margin: 0px 15px; min-height: 500px; height: auto !important; height: 500px; } .col1_4, .col2_4, .col3_4, .col4_4, .col1_3, .col2_3, .col3_3 { float: left; display: inline; min-height: 500px; height: auto !important; height: 500px; margin-right: 24px; } .cols .innercol { background-position: left top; background-repeat: no-repeat; height: auto !important; min-height: 100px; height: 120px; padding: 16px; } .cols .last { margin: 0; } .cols .noheight { min-height: 0; height: auto; } .col1_4 { width: 207px; } .col2_4 { width: 438px; } .col3_4 { width: 669px; } .col4_4 { width: 900px; margin-right: 0 !important; } .col1_3 { width: 284px; } .col2_3 { width: 592px; } .col3_3 { width: 900px; margin-right: 0 !important; } /* Teaser */ .teaser { position: relative; height: 240px; background: #fff url('../bilder/teaser-bg/teaser-startseite.jpg') no-repeat top left; margin: 10px 0 50px; } .teaser.rabatt-wochen { background: #fff url('../bilder/teaser-bg/teaser-startseite-verrueckte-wochen.jpg') no-repeat top left !important; } #teaser.rabatt-wochen .new-account { position: absolute; top: 200px !important; left: 714px !important; } .teaser.gluecksaktion { background: #fff url('../bilder/teaser-bg/teaser-gluecksaktion.jpg') no-repeat top left !important; } #teaser.gluecksaktion .new-account { position: absolute; top: 200px !important; left: 714px !important; } #teaser { background-image: url('../bilder/teaser-bg/teaser-startseite.jpg'); } #teaser .new-account { position: absolute; top: 195px; left: 640px; } #teaser-preisliste { background-image: url('../bilder/teaser-bg/teaser-preisliste.jpg'); /*background-image: none; background-color: #FFF2CF;*/ } #teaser-fotoabzuege { background-image: url('../bilder/teaser-bg/teaser-fotoabzuege.jpg'); } #teaser-fotoabzuege .splash { position: absolute; top: 90px; left: 430px; width: 160px; text-align: center; } #teaser-fotobuecher { background-image: url('../bilder/teaser-bg/teaser-fotobuecher.jpg'); } #teaser-fotobuecher .splash { position: absolute; top: 90px; left: 430px; width: 160px; text-align: center; } #teaser-fotokalender { background-image: url('../bilder/teaser-bg/teaser-fotokalender.jpg'); } #teaser-fotokalender .splash { position: absolute; top: 80px; left: 430px; width: 160px; text-align: center; } #teaser-fotokalender-winter { background-image: url('../bilder/teaser-bg/teaser-fotokalender-winter.jpg'); } #teaser-fotokalender-winter .splash { position: absolute; top: 80px; left: 430px; width: 160px; text-align: center; } #teaser-fotokalender-winter #text1 .splash { top: 92px; } #teaser-fotokalender-fruehling { background-image: url('../bilder/teaser-bg/teaser-fotokalender-fruehling.jpg'); } #teaser-fotokalender-fruehling .splash { position: absolute; top: 80px; left: 430px; width: 160px; text-align: center; } #teaser-kalender-digital { background-image: url('../bilder/teaser-bg/teaser-kalender-digital.jpg'); } #teaser-kalender-digital .splash { position: absolute; top: 80px; left: 430px; width: 160px; text-align: center; } #teaser-poster { background-image: url('../bilder/teaser-bg/teaser-poster.jpg'); } #teaser-poster .splash { position: absolute; top: 90px; left: 430px; width: 160px; text-align: center; } #teaser-leinwand { background-image: url('../bilder/teaser-bg/teaser-leinwand.jpg'); } #teaser-leinwand .splash { position: absolute; top: 90px; left: 430px; width: 160px; text-align: center; } #teaser-aludibond { background-image: url('../bilder/teaser-bg/teaser-aludibond.jpg'); } #teaser-aludibond .splash { position: absolute; top: 90px; left: 430px; width: 160px; text-align: center; } #teaser-aludibond #text5 .splash { top: 80px; } #teaser-fotogeschenke { background-image: url('../bilder/teaser-bg/teaser-fotogeschenke.jpg'); } #teaser-fotogeschenke .splash { position: absolute; top: 90px; left: 430px; width: 160px; text-align: center; } #teaser-karten { background-image: url('../bilder/teaser-bg/teaser-karten.jpg'); } #XXXteaser-karten { background-image: url('../bilder/teaser-bg/teaser-karten-advent.jpg'); } #teaser-karten .splash { position: absolute; top: 90px; left: 430px; width: 160px; text-align: center; } #teaser-videogalerien { background-image: url('../bilder/teaser-bg/teaser-videogalerien.jpg'); } #teaser-videogalerien .splash { position: absolute; top: 90px; left: 430px; width: 160px; text-align: center; } #teaser-neuanmeldung { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-neuanmeldung div.inner { width: 100%; height: 100%; background-image: url('../bilder/teaser-bg/teaser-neuanmeldung.jpg'); } #teaser-neuanmeldung .splash { position: absolute; top: 80px; left: 442px; width: 160px; text-align: center; } #teaser-meinebilder { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-meinebilder .imageRight { width: 100%; height: 100%; background: url('../bilder/teaser-bg/teaser-meinebilder-image.jpg') no-repeat top right; } #teaser-meinebilder .inner { padding: 24px 670px 0 40px; color: #fff; } #teaser-meinebilder li { background: url('../bilder/li-neg.gif') no-repeat left 8px; padding: 2px 0 2px 9px; } #teaser-meinebilder .lined { border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #teaser-meinebilder .splash { position: absolute; top: 7px; left: 245px; width: 233px; height: 233px; background: url('../bilder/button-star-white.png') no-repeat top left; } #teaser-meinebilder .splash .inner { padding: 73px 35px 0 35px; text-align: center; color: #444; } #teaser-hochladen { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-hochladen .imageRight { width: 100%; height: 100%; background: url('../bilder/teaser-bg/teaser-hochladen-image.jpg') no-repeat top right; } #teaser-hochladen .inner { padding: 24px 670px 0 40px; color: #fff; } #teaser-hochladen .splash { position: absolute; top: 7px; left: 245px; width: 233px; height: 233px; background: url('../bilder/button-star-white.png') no-repeat top left; } #teaser-hochladen .splash .inner { padding: 73px 35px 0 35px; text-align: center; color: #444; } #teaser-bestellen { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-bestellen .inner { padding: 24px 650px 0 40px; color: #fff; } #teaser-bestellen .splash { position: absolute; top: 7px; left: 245px; width: 233px; height: 233px; background: url('../bilder/button-star-white.png') no-repeat top left; } #teaser-bestellen .splash .inner { padding: 73px 35px 0 35px; text-align: center; color: #444; } /* Landing-Pages NEUANMELDUNG (konto_neu1 + konto_neu12) - Spezielle Aktionen bzw. Gutschein-Codes */ #teaser-neuanmeldung-30X45GRATIS { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-neuanmeldung-30X45GRATIS div.inner { width: 100%; height: 100%; background-image: url('../bilder/teaser-bg/teaser-neuanmeldung-30X45GRATIS.jpg'); } #teaser-neuanmeldung-30X45GRATIS .splash { position: absolute; top: 80px; left: 354px; width: 160px; text-align: center; } #teaser-neuanmeldung-30X45GRATIS2 { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-neuanmeldung-30X45GRATIS2 div.inner { width: 100%; height: 100%; background-image: url('../bilder/teaser-bg/teaser-neuanmeldung-30X45GRATIS2.jpg'); } #teaser-neuanmeldung-5-EUR-BONUS { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-neuanmeldung-5-EUR-BONUS div.inner { width: 100%; height: 100%; background-image: url('../bilder/teaser-bg/teaser-neuanmeldung-5-EUR-BONUS.jpg'); } #teaser-neuanmeldung-GS3045DMB1 { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-neuanmeldung-GS3045DMB1 div.inner { width: 100%; height: 100%; background-image: url('../bilder/teaser-bg/teaser-neuanmeldung-GS3045DMB1.jpg'); } #teaser-fotodeluxe-WELCOME10EUR { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-fotodeluxe-WELCOME10EUR div.inner { width: 100%; height: 100%; background-image: url('../bilder/teaser-bg/teaser-fotodeluxe-WELCOME10EUR.jpg'); } #teaser-netpixx-NPIXX10EUR { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-netpixx-NPIXX10EUR div.inner { width: 100%; height: 100%; background-image: url('../bilder/teaser-bg/teaser-netpixx-NPIXX10EUR.jpg'); } #teaser-netpixx-PIXFOX18 { background: url('../bilder/teaser-bg/teaser-bg-darkblue.jpg') repeat-x top left; } #teaser-netpixx-PIXFOX18 div.inner { width: 100%; height: 100%; background-image: url('../bilder/teaser-bg/teaser-pixfox-PIXFOX10EUR.jpg'); } #voucher-register-panel { display: none; } #landingpage-vouchercode { } #landingpage-vouchercode label { float: left; margin-right: 10px; padding-top: 4px; font-size:1em; } #landingpage-vouchercode input { float: left; width: 250px; margin: 0 10px 0 0; font: bold 1.5em "Courier New", Courier, monospace; color: #c00; } /* Big Product-Slider */ #product-slider-big h2 { color: #f8b356; font-size: 1.5em; line-height: 120%; padding: 0; margin: 0; text-align: center; } #product-slider-big h3 { color: #dd0000; font-size: 1.5em; line-height: 105%; padding: 0; margin: 0 0 2px 0; } #product-slider-big h4, .teaser h4 { font-size: 1.5em; line-height: 120%; padding: 0; text-shadow: 0 1px 0 #FFFFFF; } .big-slider-element { position: absolute; } #slider-arrow-left { position: absolute; top: 105px; left: 23px; width: 33px; height: 48px; background: url('../bilder/scroll-arrow-left.gif') no-repeat 0 0; cursor: pointer; } #slider-arrow-right { position: absolute; top: 105px; left: 594px; width: 33px; height: 48px; background: url('../bilder/scroll-arrow-right.gif') no-repeat 0 0; cursor: pointer; } #slider-arrow-left:hover, #slider-arrow-right:hover { background-position: 0 -48px; } #teaser .big-slider-element h2 { position: absolute; top: 25px; left: 400px; width: 200px; } #teaser .big-slider-element h3 { font-weight: normal; } #teaser .big-slider-element .splash { position: absolute; top: 150px; left: 410px; width: 180px; text-align: center; } #teaser #text1 .splash, #teaser #text4 .splash { top: 140px; } /* Small Product-Slider */ #slider-small-col { position: relative; float: left; width: 900px; height: 95px; } #product-slider-small { position: absolute; top: 0; left: 31px; width: 838px; height: 95px; overflow: hidden; } #product-slider-small div.inner { position: absolute; top: 0; left: 0; width: 8100px; height: 95px; background: transparent; } .small-slider-element { position: relative; width: 284px; height: 95px; float: left; } .small-slider-element div.inner { position: absolute; top: 0; left: 110px !important; width: 160px !important; padding-top: 8px; } .small-slider-element div.marker { position: absolute; top: 0; left: 0; padding: 1px 5px; color: #fff; background: #e00; font-size: 1em; font-weight: bold; } div.small-slider-image { position: absolute; top: 0; left: 0 !important; width: 120px; height: 100%; } div.small-slider-image a { display: block; width: 100%; height: 100%; } div.small-slider-image a span { display: none; } #product-slider-small h3 { color: #f8b356; font-weight: normal; font-size: 1.4em; line-height: 110%; padding: 0; margin: 0 0 3px 0; } #product-slider-small p { font-weight: normal; font-size: 0.95em; line-height: 140%; margin: 0; } #product-slider-small p.price { color: #999; margin-top: 3px; } #product-slider-small p.price span { color: #000; font-size: 1em; font-weight: bold; } #product-slider-small p.price span b { font-size: 1.1em; } #product-slider-small p.price a.pd-button-small { padding: 0 5px; margin-right: 4px; } #product-slider-small p.price span.info, a.info-minibutton span { background: url('../bilder/infoicon.gif') no-repeat center center; width: 8px; height: 12px; display: inline-block; vertical-align: middle; padding: 3px 3px; } #slider-arrow-small-left { position: absolute; top: 0; left: 0; width: 20px; height: 95px; background: url('../bilder/scroll-arrow-small-left.gif') no-repeat 0 0; cursor: pointer; } #slider-arrow-small-right { position: absolute; top: 0; left: 880px; width: 20px; height: 95px; background: url('../bilder/scroll-arrow-small-right.gif') no-repeat 0 0; cursor: pointer; } #slider-arrow-small-left:hover, #slider-arrow-small-right:hover { background-position: 0 -90px; } /* Nivoslider in Highslide-iFrame (Produktpopup) */ #info #slider { margin-top: 0; height: 370px; width: 700px; } #slider-subtitles { width: 700px; } #slider-subtitles p { margin-top: 350px; text-align: center; margin-bottom: 0; display: none; } /* ALLGEMEINES */ .infopanel { background: #ffe08c url('../bilder/icon-notice.png') no-repeat 12px center; margin-bottom: 18px; padding: 18px 18px 18px 72px; color: #444; } .infopanel h3 { padding: 0; } .infopanel p { margin: 0; } .infopanel ul { margin: 0; } .infopanel ul li { background-image: url('../bilder/li-neg.gif'); } .infopanel ul.black li { background-image: url('../bilder/li.gif'); } .errorpanel { background: #ffe08c url('../bilder/icon-warning.png') no-repeat 12px center; margin-bottom: 18px; padding: 18px 18px 18px 72px; color: #444; } .errorpanel h3 { padding: 0; } .errorpanel p { margin: 0; } .errorpanel ul { margin: 0; } .errorpanel ul li { background-image: url('../bilder/li.gif'); } .errorpanel img {margin-right: 10px; display: inline; float: left;} .panel { position: relative; background: #E8EBED; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 18px; padding: 9px; color: #444; } .offerpanel { position: relative; background: #E8EBED url('../bilder/icon-offer.png') no-repeat 12px center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 18px; padding: 18px 18px 18px 72px; color: #444; } .offerpanel h2 { font: normal 1.8em/120% Arial, Helvetica, sans-serif; color: #d00; margin: 0 0 3px 0 !important; padding: 0 !important; } .offerpanel h3 { padding: 0; margin: 0; } .offerpanel p { margin: 0; } .offerpanel ul { margin: 0; } .offerpanel ul li { background-image: url('../bilder/li-neg.gif'); } .offerpanel p.button { margin-top: 6px; } /* Startpage Shortinfo */ div.welcome { float: left; clear: left; float: left; width: 592px; margin: 0 24px 40px 0; padding-top: 12px; } div.welcome h2 { font-size: 1.7em; line-height: 130%; color: #999; margin-bottom: 6px; } div.welcome p { font-size: 1em; line-height: 180%; color: #999; } div.welcome img { border: 1px solid #ddd; padding: 4px; width: auto !important; } div.welcome div { display: none; } div.welcome div#startpage-shortinfo-1 { display: block; } div.tab-buttons { float: left; width: 284px; margin-top: 20px; } li.tab-button { width: 284px; height: 30px; background: url('../bilder/tab-button-horizontal.gif') no-repeat 0 0; margin-bottom: 3px; padding: 0; } li.tab-button.current { width: 284px; height: 30px; background: url('../bilder/tab-button-horizontal.gif') no-repeat 0 -30px; margin-bottom: 3px; } li.tab-button a { display: block; padding: 6px 6px 6px 30px; } li.tab-button:hover { background-position: 0 -60px; } li.tab-button.current:hover { background-position: 0 -90px; } li.tab-button a:hover { text-decoration: none; } /* Boxes */ .specialoffer { color: #fff; background: #d00; padding: 1px 4px; } .specialoffersplash { position: absolute; display: inline-block; top: 20px; left: -10px; color: #fff; background: #d00; padding: 1px 4px; border: 2px solid #fff; } .box-offer { position: relative; width: 284px; height: 220px; float: left; margin-right: 24px; margin-bottom: 14px; border-top: 0px solid #ddd; } .box-offer div.inner { position: relative; padding: 6px; } .box-offer.last { margin-right: 0; } .box-offer h2 { font: normal 1.8em/120% Arial, Helvetica, sans-serif; color: #d00; margin: 0 0 4px 0 !important; padding: 0 !important; } .box-offer h2.big { font-size: 2.9em !important; } .box-offer h2.big span { font-size: 0.7em; } .box-offer h3 { font: normal 1.5em/120% Arial, Helvetica, sans-serif; color: #666; margin: 0 0 10px 0 !important; padding: 0 !important; } .box-offer span.code { font: bold 1.5em "Courier New", Courier, monospace; color: #004899; padding: 4px 0; display: inline-block; } .box-offer.blank { background: url('../bilder/boxes/box-blanko.jpg') no-repeat top left; } #box-offer-fotobuch { background: url('../bilder/boxes/box-fotobuch.jpg') no-repeat top left; } #box-offer-fotobuch-weihnachten { background: url('../bilder/boxes/box-fotobuch-weihnachten.jpg') no-repeat top left; } #box-offer-fotobuch-winter { background: url('../bilder/boxes/box-fotobuch-winter.jpg') no-repeat top left; } #box-offer-fotos { background: url('../bilder/boxes/box-fotos.jpg') no-repeat top left; } #box-offer-fotosgratis { background: url('../bilder/boxes/box-fotosgratis.jpg') no-repeat top left; } #box-offer-fotos2 { background: url('../bilder/boxes/box-fotos2.jpg') no-repeat top left; } #box-offer-fotos3 { background: url('../bilder/boxes/box-fotos3.jpg') no-repeat top left; } #box-offer-fotos4 { background: url('../bilder/boxes/box-fotos4.jpg') no-repeat top left; } #box-offer-fotos5 { background: url('../bilder/boxes/box-fotos5.jpg') no-repeat top left; } #box-offer-fotokalender { background: url('../bilder/boxes/box-kalender.jpg') no-repeat top left; } #box-offer-fotokalender2015 { background: url('../bilder/boxes/box-kalender-2015.jpg') no-repeat top left; } #box-offer-digitalkalender { background: url('../bilder/boxes/box-kalender-digital.jpg') no-repeat top left; } #box-offer-kalenderdruck { background: url('../bilder/boxes/box-kalenderdruck-preisaktion.jpg') no-repeat top left; } #box-offer-adventskalender { background: url('../bilder/boxes/box-adventskalender.jpg') no-repeat top left; } #box-offer-poster { background: url('../bilder/boxes/box-poster.jpg') no-repeat top left; } #box-offer-poster2 { background: url('../bilder/boxes/box-poster2.jpg') no-repeat top left; } #box-offer-poster4 { background: url('../bilder/boxes/box-poster4.jpg') no-repeat top left; } #box-offer-poster5 { background: url('../bilder/boxes/box-poster5.jpg') no-repeat top left; } #box-offer-poster6 { background: url('../bilder/boxes/box-poster6.jpg') no-repeat top left; } #box-offer-leinwand { background: url('../bilder/boxes/box-leinwand.jpg') no-repeat top left; } #box-offer-leinwand2 { background: url('../bilder/boxes/box-leinwand-aktion-2.jpg') no-repeat top left; } #box-offer-riesenleinwand { background: url('../bilder/boxes/box-riesenleinwand.jpg') no-repeat top left; } #box-offer-geschenke { background: url('../bilder/boxes/box-geschenke.jpg') no-repeat top left; } #box-offer-fototasse { background: url('../bilder/boxes/box-fototasse.jpg') no-repeat top left; } #box-offer-fototasse-hund { background: url('../bilder/boxes/box-fototasse-hund.jpg') no-repeat top left; } #box-offer-fototasse-hund-CH { background: url('../bilder/boxes/box-fototasse-hund_CH.jpg') no-repeat top left; } #box-offer-speicherplatz { background: url('../bilder/boxes/box-speicherplatz.jpg') no-repeat top left; } #box-offer-5eur-aktion { background: url('../bilder/boxes/box-5eur-aktion.jpg') no-repeat top left; } #box-offer-5sfr-aktion { background: url('../bilder/boxes/box-5sfr-aktion.jpg') no-repeat top left; } #box-offer-20prozent { background: url('../bilder/boxes/box-20-prozent.jpg') no-repeat top left; } #box-offer-hilfe { background: url('../bilder/boxes/box-blanko-grey.jpg') no-repeat top left; } #box-offer-hilfe div.inner { position: relative; padding: 0px; } #box-offer-bilder-finden { background: url('../bilder/boxes/box-bilder-finden.jpg') no-repeat top left; } #box-offer-fruehling { background: url('../bilder/boxes/box-fruehling-aktion.jpg') no-repeat top left; } #box-offer-aludibond { background: url('../bilder/boxes/box-aludibond.jpg') no-repeat top left; } #box-offer-aludibond2 { background: url('../bilder/boxes/box-alu-gebuerstet.jpg') no-repeat top left; } #box-offer-forex { background: url('../bilder/boxes/box-forex.jpg') no-repeat top left; } #box-offer-wandbilder { background: url('../bilder/boxes/box-wandbild.jpg') no-repeat top left; } #box-offer-karten { background: url('../bilder/boxes/box-postkarte.jpg') no-repeat top left; } #box-offer-karten2 { background: url('../bilder/boxes/box-postkarte2.jpg') no-repeat top left; } #box-offer-leinwand-20x20 { background: url('../bilder/boxes/box-leinwand-20x20.jpg') no-repeat top left; } #box-offer-videogalerie { background: url('../bilder/boxes/box-videogalerie.jpg') no-repeat top left; } #box-offer-quadratische_kalender { background: url('../bilder/boxes/box-quadratische_kalender.jpg') no-repeat top left; } #box-offer-digital-premium-kalender { background: url('../bilder/boxes/box-digital-premium-kalender.jpg') no-repeat top left; } #box-offer-nikolaus { background: url('../bilder/boxes/box-nikolaus-10prozent.jpg') no-repeat top left; } #box-offer-advent-fotos { background: url('../bilder/boxes/box-advent-10prozent-fotos.jpg') no-repeat top left; } #box-offer-kalender-winter { background: url('../bilder/boxes/box-kalender-winter.jpg') no-repeat top left; } #box-offer-poster-leinen { background: url('../bilder/boxes/box-poster-leinen.jpg') no-repeat top left; } #box-offer-poster-leinen-CH { background: url('../bilder/boxes/box-poster-leinen-CH.jpg') no-repeat top left; } #box-offer-fotopapier-velvet { background: url('../bilder/boxes/box-fotopapier-velvet.jpg') no-repeat top left; } #box-offer-plane { background: url('../bilder/boxes/box-plane.jpg') no-repeat top left; } #box-offer-aludirekt { background: url('../bilder/boxes/box-aludirekt.jpg') no-repeat top left; } #box-offer-aludirekt2 { background: url('../bilder/boxes/box-aludirekt2.jpg') no-repeat top left; } #box-offer-acrylglas { background: url('../bilder/boxes/box-acrylglas-portait-frau.jpg') no-repeat top left; } #box-offer-gallery-print { background: url('../bilder/boxes/box-gallery-print-2.jpg') no-repeat top left; } #box-offer-verimi { background: url('../bilder/boxes/box-verimi.jpg') no-repeat top left; } #box-offer-mwst2x { background: url('../bilder/boxes/box-doppelte-mwst-senkung.jpg') no-repeat top left; } #box-offer-fotos2 .badge { position: absolute; top: 44px; left: 110px; font-size: 17px; color: #fff; padding: 4px 8px; border-radius: 15px; font-weight: bold; text-align: center; background-color: #ffa500; } /* Aktion briefefueroma */ .briefefueroma { border: 3px solid #e0e0e0; min-height: 400px; padding: 30px; } .briefefueroma .col-logo { width: 280px; float: left; } .briefefueroma .briefefueroma-logo { width: 200px; height: 200px; background: url('../bilder/briefefueroma-logo.png') no-repeat 0 0; background-size: 200px 200px; } .briefefueroma .briefefueroma-logo a { display: block; height: 100%; } .briefefueroma .briefefueroma-logo a span { display: none; } .briefefueroma .col-text { width: 550px; float: left; font-size: 16px; line-height: 1.7; } .briefefueroma .col-text h1 { font: normal 32px/1 "RobotoSlab", Arial, Helvetica, sans-serif; color: #2589bd; } .briefefueroma .briefefueroma-highlight { font: normal 22px/1 "RobotoSlab", Arial, Helvetica, sans-serif; color: #2589bd; } .briefefueroma #voucher-register-panel { display: block; } .briefefueroma-box { border: 3px solid #e0e0e0; padding: 20px; } .briefefueroma-box .col-logo { width: 200px; float: left; } .briefefueroma-box .briefefueroma-logo { width: 150px; height: 150px; background: url('../bilder/briefefueroma-logo.png') no-repeat 0 0; background-size: 150px 150px; } .briefefueroma-box .briefefueroma-logo a { display: block; height: 100%; } .briefefueroma-box .briefefueroma-logo a span { display: none; } .briefefueroma-box .col-text { width: 650px; float: left; font-size: 16px; line-height: 1.7; } .briefefueroma-box .briefefueroma-highlight { font: normal 22px/1 "RobotoSlab", Arial, Helvetica, sans-serif; } .briefefueroma-box .col-text h2 { font: normal 28px/32px "RobotoSlab", Arial, Helvetica, sans-serif; color: #2589bd; } /*Trusted Shops Intergation mittels Bagde */ #TsCustomCheckoutDiv{ width:650px; margin-right:50px; } #box-offer-ts .skyscraper_vertical { width: 100% !important; height: 200px !important; text-align: center; background: #F2F3F5 !important; } #box-offer-ts .ts-reviews li,#box-offer-ts .ts-reviews ul, #box-offer-ts .ts-reviews-list { width:100% !important; background:#F2F3F5 !important; } #box-offer-ts .ts-review-text{ width: 220px !important; } #box-offer-ts .ts-reviews-list li{ display: inline-block !important; } #box-offer-ts .ts-review{ width:180px !important; } #box-offer-ts .ts-wrapper ,#box-offer-ts .ts-reviews-list{ height: 200px !important; width: 100% !important; } #box-button-fotobuch { /*position: absolute; top: 40px; right: 25px;*/ } #box-button-bilder-finden2 { position: absolute; top: 6px; right: 16px; } #box-button-fotos { position: absolute; top: 165px; } #box-button-kalenderdruck { position: absolute; top: 120px; } #box-button-riesenleinwand { position: absolute; right: 16px; } div.box-offer .box-button { position: absolute; top: 162px; } div.box-offer .testimonial { width: auto; background: url('../bilder/thumbup-testimonials.jpg') no-repeat right top; padding-right: 92px; padding-top: 6px; margin-top: 0px; text-align: right; font-style: oblique; font-size: 1.2em; line-height: 1.5; overflow: hidden; display: none; } div.box-offer .testimonial { width: auto; overflow: hidden; display: block; } div.box-offer .testimonial span.quote { font-size: 2em; line-height: 0.5em; color: #579ecd; } div.box-offer .testimonial span#personname { font-size: 0.9em; line-height: 2; color: #579ecd; } div.box-offer .minihilfe { display: none; position: relative; padding: 9px;} div.box-offer span.new { font-size: 1.2em; line-height: 150%; font-weight: bold; background-color: #f60; color: #fff; padding: 1px 4px; } .box-flat { border: 1px solid #CCCCCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 8px 0; padding: 12px; } .interacitve-box { background: #E8EBED; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 18px 12px; } .interacitve-box label { width: 167px; } .preisheader .interacitve-box p { width: auto; } .interacitve-box.app-box { padding: 12px; } .interacitve-box.app-box div.left { width: 325px; margin-right: 20px; } .interacitve-box.app-box img.left { margin-right: 20px; margin-top: 10px; } .interacitve-box.app-box img.left.last { margin-right: 0; } .interacitve-box.app-box h3 { padding: 0; margin-bottom: 6px; } .interacitve-box.app-box p { margin: 0; } .tutorial-box { float: left; background: #E8EBED url('../bilder/icon-tutorial.png') no-repeat left center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 320px; margin-right: 29px; } .tutorial-box .inner { padding: 8px 12px 12px 60px; text-align: right; } .tutorial-box.last { margin-right: 0; } .tutorial-box p { margin-bottom: 8px; } /* Special Offers / Aktionen */ .box-banner { z-index: 2; } .box-banner a { width: 100%; height: 100%; display: block; } .banner-50prozent-rabatt { position: absolute; top: -5px; right: -5px; width: 119px; height: 118px; background: transparent url('../bilder/splash/box-banner-50prozent-rabatt.png') no-repeat top left; } .banner-50prozent-50x70 { position: absolute; top: -5px; right: -5px; width: 119px; height: 118px; background: transparent url('../bilder/splash/box-banner-50prozent-50x70.png') no-repeat top left; } .banner-rabatt-small { position: absolute; top: -3px; right: -3px; width: 70px; height: 70px; background: transparent url('../bilder/splash/box-banner-rabatt-small.png') no-repeat top left; } .banner-preisaktion { position: absolute; top: -5px; right: -5px; width: 119px; height: 118px; background: transparent url('../bilder/splash/box-banner-preisaktion.png') no-repeat top left; } .banner-20prozent-auf-alles { position: absolute; top: -5px; right: -5px; width: 119px; height: 118px; background: transparent url('../bilder/splash/box-banner-20prozent-rabatt.png') no-repeat top left; } .banner-neu { position: absolute; top: -5px; right: -5px; width: 119px; height: 118px; background: transparent url('../bilder/splash/box-banner-neu.png') no-repeat top left; } /* SUBPAGES */ .intro { border-bottom: 1px solid #C3C5C7; margin: 12px 0 24px; padding: 0 25px 8px 0 } .intro .left { width: 37%; } .intro .right { width: 63%; } /*.col2_4 h2, .col3_4 h2, .col4_4 h2, .intro h2 { margin-bottom: 8px; padding-top: 12px; }*/ table { margin-bottom: 30px; } table thead td { background: #e8ebed; font-weight: bold; border-top: 0; } table thead td.td-1st { background-position: 0 0; } table thead td.td-4th { background-position: 100% 0; } table tr { } table tr.alt { /*background: #f7f9fc;*/ } div.infopanel table tr.alt { background: #FFF; } table tr.alt td { } table td { vertical-align: top; border-top: 1px solid #d8dde1; padding: 4px 6px; } table td.td-1st { width: 25% } table td.td-2nd { width: 30% } table td.td-3rd { width: 25% } table td.td-4th { text-align: right; width: 20%; } table.flat td { border: none !important; } thead sup { color: #444444 !important; } table select { margin: 0 !important; } .content-box, .content-box-left { overflow: hidden; background-repeat: no-repeat; background-position: left top; border-bottom: 1px solid #C3C5C7; /*min-height: 120px; height: auto !important; height: 120px;*/ margin-bottom: 12px; padding: 12px 0 1px 0; display: block; } .content-box h3, .content-box p { margin-bottom: 0.5em; } .content-box.bordertop { border-top: 1px solid #C3C5C7; padding-top: 24px; } .content-box.uplheight { height: 140px; } .content-box.uplheight-on { height: 180px; } .content-box.pgrheight { height: 190px; } .content-box.pgrheight-on { height: 200px; } .content-box .box-icon { float: left; width: 200px; } .content-box .box-icon img { margin-left: 20px; } .content-box .box-text { float: left; width: 469px; padding-bottom: 12px; } .content-box.uplheight .box-icon, .content-box.uplheight-on .box-icon { float: left; width: 130px; } .content-box.uplheight .box-icon img, .content-box.uplheight-on .box-icon img { margin-left: 20px; } .content-box.uplheight .box-text, .content-box.uplheight-on .box-text { float: left; width: 308px; padding-bottom: 12px; } .content-box .box-icon-medium { float: left; width: 180px; } .content-box .box-icon-medium img { margin-left: 10px; } .content-box .box-text-medium { float: left; width: 258px; padding-bottom: 12px; } .content-box.left { float: left; margin-right: 24px; width: 438px; } .content-box.last { margin-right: 0 !important; } .adressliste img { margin: 0px !important; } .adressliste table { margin-bottom: 9px !important; background: none !important; } .adressliste table td { padding: 6px 0px 4px 0px; } .adressliste input { border: 0 none !important; width: auto; margin: 0; padding: 0; } /* Fotoprodukte */ /*.details .left, .details .right { width: 48%; }*/ .product { margin-bottom: 24px; } .product div { float: left; display: inline; width: 210px; margin-right: 24px; } .product div img { margin: 0 0 6px; } .product div h3, .product div p { margin: 0 0 6px; } .product div.last { margin-right: 0 !important; } .product p.light { font-size: 0.9em; line-height: 150%; } .intro .orderbook .left { width: 59%; padding-top: 5px; } .intro .orderbook .right { width: 37%; } img.big-margin { display: block; } /* Preisliste */ * html .preisheader { margin-bottom: 12px; } /* IE6 Fix */ *+html .preisheader { margin-bottom: 12px; } /* IE7 Fix */ .preisheader { position: relative; padding-top: 12px; margin-top: 12px; border-top: 1px solid #C3C5C7; background-color: #fff; } .preisheader h1 { padding-top: 0; } .preisheader p { width: 669px; } .preisheader div.prodimg { position: absolute; top: 30px; right: 0; width: 180px; text-align: center; } .preisheader div.top { position: absolute; top: 0; right: 0; width: 80px; text-align: center; background: #C3C5C7; } .preisheader div.top a { font-size: 0.8em; line-height: 100%; padding: 3px 3px 4px 3px; color: #fff; display: block; } .preisheader div.top a:hover { text-decoration: none; } .preisheader div.all-off, .preisheader div.all-on { width: 17px; height: 17px; cursor: pointer; background: #fff; float: left; display: none; } .preisheader div.all-off { display: block; background: #fff url('../bilder/minus.gif') no-repeat left -1px; } .preisheader div.all-on { background: #fff url('../bilder/plus.gif') no-repeat left -1px; } /* #page-preisliste .cols .left, #page-preisliste .cols .right { width: 48%; } */ #page-preisliste .country-select { padding-top: 8px; } #page-preisliste .country-select form { float: right; margin-left: 12px; } #page-preisliste .cols .right .preisheader { border: 0; padding-top: 0; } #page-preisliste table td { padding: 4px 6px; font-size: 1em; } #page-preisliste table td.td-1st { width: 25% } #page-preisliste table td.td-2nd { width: 25% } #page-preisliste table td.td-3rd { width: 30% } #page-preisliste table td.td-4th { text-align: right; width: 20%; } #page-preisliste .col4_4 h4 { position: relative; cursor: pointer; width: 657px; background: #E8EBED url('../bilder/thead-td.png') repeat-x left -45px; color: #d00; margin-bottom: 0; padding: 3px 6px 8px 6px; margin-top: 2px; z-index: 2; } * html #page-preisliste .col4_4 h4 { padding-bottom: 7px; } *+html #page-preisliste .col4_4 h4 { padding-bottom: 7px; } #page-preisliste .col4_4 h4 { border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } #page-preisliste .col4_4 h4 { border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #page-preisliste .col4_4 thead td { background: #E8EBED !important; padding: 2px 6px 4px 6px !important; } #page-preisliste .col4_4 h4:hover { background-position: left -45px !important; } #page-preisliste .col4_4 h4 img.splash { position: absolute; top: -26px; right: 90px; } #page-preisliste .col3_4 h4 { position: relative; cursor: pointer; background: #E8EBED url('../bilder/thead-td.png') repeat-x left -45px; color: #d00; margin-bottom: 0; padding: 3px 6px 8px 6px; margin-top: 2px; z-index: 2; } * html #page-preisliste .col3_4 h4 { padding-bottom: 7px; } *+html #page-preisliste .col3_4 h4 { padding-bottom: 7px; } #page-preisliste .col3_4 h4 { border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } #page-preisliste .col3_4 h4 { border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #page-preisliste .col3_4 thead td { background: #E8EBED !important; padding: 2px 6px 4px 6px !important; } #page-preisliste .col3_4 h4:hover { background-position: left -45px !important; } #page-preisliste .toggle span.new { float: right; font-size: 0.8em; line-height: 150%; font-weight: bold; background-color: #f60; color: #fff; padding: 1px 4px; margin-left: 10px; } #page-preisliste .toggle span.bestprice { float: left; font-size: 0.9em; line-height: 150%; font-weight: bold !important; background-color: #aa00aa; color: #fff !important; padding: 1px 4px; margin-left: 10px; } #page-preisliste span.bestprice { position: absolute; right: 100px; display: inline; height: 16px; } #page-preisliste .toggle span.newprice { float: right; font-size: 0.9em; line-height: 150%; font-weight: bold ; background-color: #aa00aa; color: #fff ; padding: 1px 4px; margin-left: 0px; } #page-preisliste .toggle span.sv { float: right; padding-right: 12px; } #page-preisliste .toggle, #uploader, .imageshadow { position: relative; display: block; width: 669px; z-index: 1; padding-bottom: 40px; background: url('../bilder/shadow-669.jpg') no-repeat left bottom; } #page-preisliste table { overflow: visible; margin-top: 0px; margin-bottom: 0px; } #page-preisliste tr { background: #fff;} #page-preisliste tr.hidden td { /*background: #f6f7f8;*/ } #page-preisliste .toggle p { margin-bottom: 0; padding: 3px 6px; } #page-preisliste .toggle tr { display: none; } #page-preisliste .toggle tr.block { display: table-row; } #page-preisliste .toggle tr.block.more { display: none; } #page-preisliste .toggle tr.marker.more { display: none; } #page-preisliste .toggle thead tr { display: table-row; } * html #page-preisliste .toggle tr.block { display: block; } * html #page-preisliste .toggle thead tr { display: block; } *+html #page-preisliste .toggle tr.block { display: block; } *+html #page-preisliste .toggle thead tr { display: block; } #page-preisliste td.td-4th div.marker { position: relative; display: inline-block; } #page-preisliste div.marker div.icon { position: absolute; width: 30px; height: 24px; top: -16px; left: 12px; padding: 0; background: url('../bilder/icon-sale.png') no-repeat center left; cursor: pointer; } #page-preisliste div.marker div.flag, #page-preisliste div.marker div.flagblock { display: none; position: absolute; width: 230px; top: -18px; left: 40px; padding: 4px 0 4px 18px ; background: url('../bilder/marker-gelb.png') no-repeat center left; text-align: left; color: #d00; } #page-preisliste div.marker div.flagblock { display: block; } #page-preisliste tr.marker { display: table-row; background-color: #fff2cf; /*#FFFBF1*//*#f6f7f8*/ } #page-preisliste tr.marker td.td-4th { color: #d00; font-weight: bold; } #page-preisliste tr.marker td.td-4th span { color: #777; font-weight: normal; } *+html #page-preisliste td.td-4th div.marker { float: right; } *+html #page-preisliste tr.marker { display: block; position: relative; } #page-preisliste a.info-minibutton span { height: 12px; padding: 2px 2px; } #page-preisliste a.info-minibutton { position: absolute; right: 100px; display: inline; height: 16px; } #page-preisliste h3 a.info-minibutton { position: static; margin-left: 4px; vertical-align: bottom; } #page-preisliste tr.hidden { display: none; } #page-preisliste tr:hover { background-color: #fff6dd;/*#f6f7f8*/ } #page-preisliste tr.hidden:hover { /*background-color: #E8EBED;*/ } #page-preisliste tr.hidden:hover td { background-color: transparent; } #page-preisliste div[id^="tab-"] img.product { cursor: pointer; } #page-preisliste #tab-pricelist.ui-widget, #page-preisliste #tab-pricelist-aludibond.ui-widget, #page-preisliste #tab-pricelist-poster.ui-widget, #page-preisliste #tab-pricelist-fotoabzuege.ui-widget { font-size: 1em !important; } #page-preisliste #tab-pricelist img.product, #page-preisliste #tab-pricelist-aludibond img.product, #page-preisliste #tab-pricelist-poster img.product, #page-preisliste #tab-pricelist-fotoabzuege img.product { width: 150px; height: 150px; border: 1px solid #ccc; float: left; margin-right: 15px; margin-bottom: 20px; } #page-preisliste #tab-pricelist h3 + ul, #page-preisliste #tab-pricelist-aludibond h3 + ul, #page-preisliste #tab-pricelist-poster h3 + ul, #page-preisliste #tab-pricelist-fotoabzuege h3 + ul { overflow: hidden; } #tab-pricelist, #tab-pricelist-aludibond, #tab-pricelist-poster, #tab-pricelist-fotoabzuege { width: 669px; } #tab-pricelist .ui-tabs-panel, #tab-pricelist-aludibond .ui-tabs-panel, #tab-pricelist-poster .ui-tabs-panel, #tab-pricelist-fotoabzuege .ui-tabs-panel { border: 0; padding: 24px 0 0; } /* Kontakt */ #contactform { background: transparent url('../bilder/bg-col2_4.gif') no-repeat left bottom; border: 0; padding: 0 0 24px; } #contactform div.forminner { background: transparent url('../bilder/bg-col2_4-top.gif') no-repeat left top; padding: 0; } #contactform fieldset { margin: 0; } #contactform input, #contactform textarea { width: 440px; margin-bottom: 1em; } #contactform fieldset.checkbox { margin-bottom: 12px; } #contactform fieldset.checkbox input[type="checkbox"]{ width: 30px; margin-left: 150px; float: left; } #contactform fieldset.checkbox label { width: 489px; float: left; font-weight: normal; } #contactform fieldset.checkbox label.checkbox_error { color: #d00; } button#sendmessage { width: 143px; margin-left: 180px; } /* Fotothemen */ .article-teaser { width: 438px; min-height: 240px; background: url('../bilder/shadow-438.jpg') no-repeat scroll left bottom transparent; margin-bottom: 1em; } .article-teaser div { height: 80px; background: #fff; margin-bottom: 1em; } .article-teaser div a:hover { opacity: 0.8; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=80); /* IE lt 8 */ -ms-filter: "alpha(opacity=80)"; /* IE 8 */ -khtml-opacity: 0.8; /* Safari 1.x */ -moz-opacity: 0.8; /* FF lt 1.5, Netscape */ } .iphoneapp-img { float: right; margin-right: 30px; margin-top: 20px; } .iphoneapp-download { width: 379px; height: 95px; background: url('../bilder/iphoneapp-downloadpanel.png') no-repeat top left; } .iphoneapp-download .inner { padding: 21px 6px 0 12px; } .iphoneapp-download h3, .iphoneapp-download p { margin-bottom: 4px; } .iphoneapp-download a { text-decoration: none; color: #005123; } .iphoneapp-images { clear: both; } .iphoneapp-images img { margin: 15px 15px; border: 10px solid #e5e7ea; } .iphoneapp-images img.last { margin-right: 0; } .androidapp-img { float: right; margin-left: 20px; margin-right: 20px; margin-top: 20px; } .androidapp-download { width: 379px; height: 95px; background: url('../bilder/iphoneapp-downloadpanel.png') no-repeat top left; } .androidapp-download .inner { padding: 21px 6px 0 12px; } .androidapp-download h3, .iphoneapp-download p { margin-bottom: 4px; } .androidapp-download a { text-decoration: none; color: #005123; } .report_image { width: 320px; float: left; margin-right: 29px; margin-bottom: 24px; } .report_image.last { margin-right: 0; } .image_col { width: 555px; margin-left: 80px; } .image_col div { margin-bottom: 24px; } .app-screens { clear: both; margin-top: 24px; } .app-screens .ui-widget-header { background: transparent; } .app-screens .ui-widget-content { border: 0; border-radius: 3px; } .app-screens .scroll-pane { overflow: auto; width: 100%; margin-bottom: 36px; } .app-screens.itunes .scroll-content { width: 1010px; float: left; } .app-screens.itunes .scroll-content-item { width: 240px; height: 360px; float: left; margin: 5px; text-align: center; border: 1px solid #999; } .app-screens.android .scroll-content { width: 1270px; float: left; } .app-screens.android .scroll-content-item { width: 240px; height: 400px; float: left; margin: 5px; text-align: center; border: 1px solid #999; } .app-screens .scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; box-shadow: 0 0 3px #999 inset; } .app-screens .scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto; } .app-screens .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; } .app-screens .scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; } .app-screens .scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; } .printoptions div { width: 315px; height: 160px; margin-right: 30px; margin-bottom: 30px; float: left; } .printoptions div.last { margin-right: 0; } .printoptions div img { margin-right: 20px; float: left; } /* Error 404 */ #error404 .cols div { min-height: 110px !important; height: auto !important; } #error-div { background: url('../bilder/error404.jpg') no-repeat; height: 110px; margin-top: 12px; margin-bottom: -12px; } /* Neuanmeldung */ #formregister { } #formregister div.forminner { } #formregister h3 { font-size: 1.5em; } #formregister fieldset h3 { font-size: 1.2em; } #formregister input { width: 240px; } #formregister input.checkbox { width: auto; } #formregister div.left { width: 250px; margin: 0 0 24px 20px; padding-left: 20px; } #formregister div#field-username { border: 0 none; margin: 0; padding: 0; } #formregister div#field-agb { clear: both; border: 1px solid #C3C5C7; border-width: 1px 0; margin-bottom: 18px; padding: 12px 0 18px; } * html #formregister div#field-agb { margin-bottom: 6px; } /* IE6 Fix */ *+html #formregister div#field-agb { margin-bottom: 6px; } /* IE7 Fix */ #formregister button { cursor: pointer; margin-left: 180px; } .no_bgimg { background: none !important; } .input_error { background: #fff url('../bilder/icon-error-right-whitespace.gif') no-repeat right center; } /* Passwort vergessen */ #formrecovery { } #formrecovery div.forminner { } #formrecovery input { width: 300px; font-size: 1em; margin-bottom: 0; } #formrecovery button { /*background: url('../bilder/button-senden.gif') no-repeat left top; display: block; vertical-align: middle; width: 105px; height: 22px;*/ cursor: pointer; margin-left: 180px; display: inline; } #formrecovery button:hover { /*background-position: left -22px;*/ } /* Index */ #dashboard { padding-bottom: 0; margin-bottom: 2.5em; } .dashboard-panel { float: left; width: 319px; margin-right: 20px; } #dashboard table { margin: 0 } #dashboard table td { border: 0; border-top: 1px solid #C3C5C7; padding: 6px 5px 6px 0; } #dashboard table td.td-1st { width: 80%; } #dashboard table td.td-2nd { text-align: right; width: 20%; } form#vouchercode { border: 0; padding: 0 0 8px; margin-bottom: 3em; } #vouchercode div.forminner { } #vouchercode fieldset { margin: 0 } #vouchercode label { float: left; margin-right: 10px; padding-top: 4px; font-size:1em; } #vouchercode input { float: left; width: 250px; margin: 0 10px 0 0; } form#formunlock { } #formunlock div.forminner { } #formunlock fieldset { margin: 0 } #formunlock label { } #formunlock input { float: left; width: 150px; margin: 0 10px 0 0; } /* Kundendaten */ #formprofile { } #formprofile div.forminner { } #formprofile div.divider { border-bottom: 1px solid #C3C5C7; margin-bottom: 18px; padding-bottom: 6px; } #formprofile input { width: 240px; } #formprofile input.checkbox { width: auto; } #formprofile-street, #formprofile-street2 { width: 240px !important; margin-right: 5px; } #formprofile-nr, #formprofile-nr2 { width: 40px !important; } #formprofile-country, #formprofile-country2 { margin-right: 5px; width: 56px; } #formprofile-plz, #formprofile-plz2 { width: 40px !important; margin-right: 5px; } #formprofile-location, #formprofile-location2 { width: 122px !important; } h3#ftp-account { display: block; margin-top: 0; padding-top: 0; } /* Einstellungen */ #einstellungen { } #einstellungen div.forminner { } #settings-wrapper { border-bottom: 1px solid #C3C5C7; margin-bottom: 18px; } #einstellungen fieldset { float: left; width: 49%; margin-bottom: 6px; } #einstellungen fieldset select { width: 200px; } #einstellungen fieldset div { margin-bottom: 2em; } #einstellungen fieldset h3 { padding: 0; } #settings-grid { margin: 0 !important; } #settings-grid-x, #settings-grid-y { float: left; text-align: center; width: 20px; } #settings-grid span { display: block; float: left; margin: 0 10px; padding-top: 4px; } #settings-ppop { margin: 0 !important; } #settings-ppop span { display: block; float: left; margin: 0 10px; padding-top: 4px; } #settings-ppop-field { float: left; text-align: center; width: 77px; } /* Auftragsstatus */ #myfp-status p { display: block; float: left; margin-right: 40px; } #myfp-status ul { float: right; } #myfp-status li { float: left; background-position: left center; background-repeat: no-repeat; padding: 1px 0 1px 20px; margin-right: 10px; } table#myfp-status-table td { text-align: left; } table#myfp-status-table img { margin: 0; } table#myfp-status-table thead td.td-4th { background-position: 50% 0; } table#myfp-status-table thead td.td-6th { background-position: 100% 0; } table#myfp-status-table td.td-1st { width: 17%; } table#myfp-status-table td.td-2nd { text-align: center; width: 8%; } table#myfp-status-table td.td-3rd { width: 30px; } table#myfp-status-table td.td-4th { text-align: right; width: 18%; padding-right: 5px; white-space: nowrap; } table#myfp-status-table td.td-5th { width: 13%; } table#myfp-status-table td.td-6th { width: 36%; } table#myfp-status-table td.td-7th { width: 10%; } /* Fusszeile in Buchungsliste */ table#myfp-status-table td.td-tf1 { width: 17%; font-weight: bold;} table#myfp-status-table td.td-tf2 { text-align: center; width: 8%; } table#myfp-status-table td.td-tf3 { width: 30px; } table#myfp-status-table td.td-tf4 { text-align: right; width: 18%; padding-right: 5px; font-weight: bold; white-space: nowrap; } table#myfp-status-table td.td-tf5 { width: 13%; } table#myfp-status-table td.td-tf6 { width: 36%; } table#myfp-status-table td.td-tf7 { width: 10%; } /* Einzelauftrag Detailinformationen */ table#myfp-status-auftrag td { text-align: left; } table#myfp-status-auftrag img { margin: 0; } table#myfp-status-auftrag thead td.td-4th { background-position: 50% 0; } table#myfp-status-auftrag thead td.td-7th { background-position: 100% 0; } table#myfp-status-auftrag td.td-1st { width: 10%; } table#myfp-status-auftrag td.td-2nd { width: 35%; } table#myfp-status-auftrag td.td-3rd { width: 23%; } table#myfp-status-auftrag td.td-4th { text-align: center; width: 5%;} table#myfp-status-auftrag td.td-5th { text-align: right; width: 15%; } table#myfp-status-auftrag td.td-6th { text-align: right; width: 12%; } table#myfp-status-auftrag td.td-7th { text-align: right; width: 12%; } #myfp-status-auftrag-box { background: #e5e7ea; padding: 1em; } #myfp-status-auftrag-adress-wrapper { margin: 0.5em 0 0; } #myfp-status-auftrag-adress-wrapper div { width: 33%; } a.btn-rechnung-anzeigen { background: url('../bilder/button-rechnung-anzeigen.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; margin: 5px 0 0 } a.btn-rechnung-anzeigen:hover { background-position: left -22px; } a.btn-bilder-anzeigen { background: url('../bilder/button-bilder-anzeigen.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; margin: 5px 0 0 } a.btn-bilder-anzeigen:hover { background-position: left -22px; } .myfp-status-versendet { background-image: url('../bilder/icon-status-versendet.gif'); } .myfp-status-druck { background-image: url('../bilder/icon-status-druck.gif'); } .myfp-status-bestellt { background-image: url('../bilder/icon-status-bestellt.gif'); } .myfp-status-storniert { background-image: url('../bilder/icon-status-storniert.gif'); } .myfp-status-wartend { background-image: url('../bilder/icon-status-wartend.gif'); } table.status-order-imglist td { border-bottom: none !important; } table.status-order-imglist td[valign=middle] { vertical-align: middle; } table.status-order-imglist td img { margin-bottom: 0; } /* Fotoalbum */ #fotoalbum-folder-layer { } #fotoalbum-folder-layer h3 { padding: 0; margin-bottom: 12px; } #fotoalbum-folder-layer p { margin-bottom: 3px; } * html #fotoalbum-folder-wrapper { margin: 0; padding-bottom: 12px; } /* IE6 Fix */ *+html #fotoalbum-folder-wrapper { margin: 0; padding-bottom: 12px; } /* IE7 Fix */ .fotoalbum-folder { position: relative; background: #FFF url('../bilder/icon-album-folder.png') no-repeat center 3px; font-weight: bold; color: #535557 !important; /*font-size: 0.9em; line-height: 120%; text-align: center; text-decoration: none !important; border: 1px dashed #C3C5C7;*/ float: left; width: 100px; /*min-height: 90px;*/ height: 100px !important; margin: 0 12px 12px 0; } .fotoalbum-folder p { position: absolute; top: 72px; width: 100%; font-weight: bold; font-size: 0.9em; line-height: 120%; text-align: center; color: #535557 !important; text-decoration: none !important; } #fotoalbum-folder-wrapper { padding-left: 0px; } #fotoalbum-folder-wrapper .fotoalbum-folder.selected { position: relative; background-color: #e5e7ea; width: 100px !important; height: 100px !important; cursor: default; } #trash { background-image: url('../bilder/icon-album-trash.gif'); background-position: center 15px; } .fotoalbum-folder span { display: inline; font-weight: normal; } .fotoalbum-folder h3 { margin: 0; } .fotoalbum-folder-up { background: #FFF url('../bilder/icon-album-folder-up.png') no-repeat center 3px; } .fotoalbum-folder-objects { background: #FFF url('../bilder/icon-album-folder-objects.png') no-repeat center 3px; } .fotoalbum-folder-cal { background: #FFF url('../bilder/icon-album-folder-cal.png') no-repeat center 3px; } .fotoalbum-folder-book { background: #FFF url('../bilder/icon-album-folder-book.png') no-repeat center 3px; } .fotoalbum-folder-video { background: #FFF url('../bilder/icon-album-folder-video.png') no-repeat center 3px; } /* Fotoalbum / Neuen Ordner anlegen */ #fotoalbum-newfolder { display: none; } #fotoalbum-newfolder div.newfolderinner { margin: 0 0 24px !important; padding: 6px 12px !important; background: #e5e7ea; } #fotoalbum-newfolder h3 { margin: 0 0 8px !important; padding: 0 !important; } #fotoalbum-newfolder form { background: transparent; border: 0 none; margin: 0; padding: 0 !important; } #fotoalbum-newfolder fieldset { border: 0 none !important; margin: 0 !important; padding: 0px !important; } #fotoalbum-newfolder input { width: 300px; margin: 0 5px 0 0 !important; } /* Fotoalbum / Ordner Einstellungen */ #fotoalbum-foldersettings { display: none; } #fotoalbum-foldersettings div.foldersettinner { margin: 0 0 24px !important; padding: 6px 12px !important; background: #e5e7ea; } #fotoalbum-foldersettings h3 { margin: 0 0 8px !important; padding: 0 !important; } #fotoalbum-foldersettings form { background: transparent; border: 0 none; margin: 0 !important; padding: 0 !important; } #fotoalbum-foldersettings fieldset { } #fotoalbum-foldersettings input { width: 300px; margin: 0 5px 0 0 !important; } h3 a.fotoalbum-foldersettings-link { background: url('../bilder/icon-folder-settings.gif') no-repeat right top; padding-right: 24px; margin-right: 6px; } #fotoalbum-foldershares { display: none; } #fotoalbum-foldershares div.foldersettinner { margin: 0 0 24px !important; padding: 6px 12px !important; background: #e5e7ea; } #foldersetting #hinweis { border-width: 0; padding: 0; width: 300px; float: left } #foldersetting #folder-img-preview { width: 80px; height: 80px; float: left; margin-right: 20px; margin-bottom: 10px; } a#btn-folderimg { background: url('../bilder/button-ordnerbild.gif') no-repeat left top !important; float: left; display: block; vertical-align: middle; cursor: pointer; width: 145px !important; height: 22px; } a#btn-folderimg:hover { background-position: left -22px !important; } #foldersetting select { width: 160px; margin-right: 20px; float: left; } #foldersetting div.divider { border-bottom: 1px solid #C3C5C7; margin-bottom: 18px; padding-bottom: 6px; } /* Fotoalbum / Navigation */ .fotoalbum-nav { background: #E8EBED; font-size: 0.9em; margin-bottom: 18px; padding: 6px 12px; } .fotoalbum-nav * { margin: 0; } .fotoalbum-nav select { vertical-align: middle; margin: 0 5px; width: 150px; } .fotoalbum-nav a, .fotoalbum-nav .right { font-weight: bold } .fotoalbum-nav a.pd-button-small { font-weight: normal; font-size: 1.1em; } .fotoalbum-nav span.right { white-space: nowrap; } /* Fotoalbum / Bilder */ #fotoalbum-pics-layer { padding: 12px 0; } h3 small { font-size: 0.8em !important; font-weight: normal; letter-spacing: 0; } .fotoalbum-pics { position: relative; background: #FFF; font-size: 0.9em; line-height: 140%; color: #535557 !important; text-decoration: none !important; text-align: center; float: left; min-height: 250px; height: auto !important; height: 250px; width: 160px; margin: 0 24px 24px 0; } * html .fotoalbum-pics { margin-right: 24px; } /* IE6 Fix */ #fotoalbum-pics-wrapper .fotoalbum-pics.selected { background: #fff; color: #535557 !important; text-decoration: none !important; cursor: default; } .fotoalbum-pics.last { margin-right: 0; margin-bottom: 24px; } .fotoalbum-pics-kompakt { position: relative; background: #FFF; font-size: 0.9em; line-height: 140%; color: #535557 !important; text-decoration: none !important; text-align: center; float: left; min-height: 100px; height: auto !important; height: 100px; width: 100px; margin: 0 14px 14px 0; } * html .fotoalbum-pics-kompakt { margin-right: 14px; } /* IE6 Fix */ #fotoalbum-pics-wrapper .fotoalbum-pics-kompakt.selected { background: #fff; color: #535557 !important; text-decoration: none !important; cursor: default; } .fotoalbum-pics-kompakt.last { margin-right: 0; } .fotoalbum-pics .imageframe { position: relative; background: #FFF; text-align: center; border: 1px solid #D3D5D7; padding: 0px; width: 148px; height: 148px; margin: 0 auto } .fotoalbum-pics.selected .imageframe { background: #e5e7ea !important; border-color: #535557; } .fotoalbum-pics .imageframe img { position: absolute !important; } .fotoalbum-pics-kompakt .imageframe { position: relative; background: #FFF; text-align: center; border: 1px solid #D3D5D7; padding: 0px; width: 98px; height: 98px; margin: 0 auto } .fotoalbum-pics-kompakt.selected .imageframe { background: #e5e7ea !important; } .fotoalbum-pics-kompakt .imageframe img { position: absolute !important; } .fotoalbum-pics p { text-align: left; position: absolute; left: 6px; bottom: 12px; width: 156px; margin: 0; } .fotoalbum-pics span { display: block; width: 55px; float: left; font-weight: bold; } #ansicht-wahl { float: right; height: 17px; padding-top: 6px; } #ansicht-wahl img { margin: 0; } span#galerie-hinweis { position: relative; } span#galerie-hinweis div { position: absolute; top: -35px; left: -40px; background: #ffc; border: 1px solid #fc0; padding: 3px 6px; white-space: nowrap; } span#galerie-hinweis div span { position: absolute; display: block; bottom: -11px; left: 80px; background: url('../bilder/tooltip-arrow-down.png') no-repeat top left; width: 21px; height: 11px; } /* Bildimport (von Galerie) */ div.thumbkl { border-bottom: 1px solid #D8DDE1; margin-bottom: 9px; } /* Upload */ .button-dateienhochladen { background: url('../bilder/button-dateienhochladen.gif') no-repeat left top; display: block; cursor: pointer; width: 145px !important; height: 22px; } .button-dateienhochladen:hover { background-position: left -22px !important; } a#btn-choosepics { background: url('../bilder/button-choosepics.gif') no-repeat left top; display: block; width: 143px; height: 28px; margin: 24px auto; } a#btn-choosepics:hover { background-position: left bottom; } /* Upload / Express */ a#btn-choosepics { background: url('../bilder/button-choosepics.gif') no-repeat left top; display: block; width: 143px; height: 28px; margin: 24px auto; } a#btn-choosepics:hover { background-position: left bottom; } /* Upload / Standard */ #standardfileupload { background: none; border: 0 none; margin: 0 !important; padding: 0; } #standardfileupload table { border-top: 1px solid #C3C5C7; margin-bottom: 12px; } #standardfileupload table input.inputfile { margin: 0; } #btn-uploadpics { background: url('../bilder/button-dateienhochladen.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; float: none; } #btn-uploadpics:hover { background-position: left -22px; } /* Upload / Komfort */ #comfuploadapp { background: url('../bilder/bg-comfupload.jpg') no-repeat left top; height: 360px; margin: 24px 0; } #head label { width: 100px; } /* Upload / FTP-Upload */ #ftp-userdata { margin-bottom: 24px; } #ftp-userdata li { background: none; padding: 0; } #ftp-userdata li span { font-weight: bold; display: block; float: left; width: 110px; } /* Bestellung / Produktauswahl */ .product.order div { position: relative } .product.order h3 { position: absolute; background: white; bottom: 30px; left: 1px;margin: 0;} .product.order h3 a { color: #535557 !important; text-decoration: none !important; display: block; padding: 0 20px 10px; } .pgr-fotoabzuege { padding-bottom: 10px; } .pgr-fotokalender { padding-bottom: 10px; } .pgr-poster { padding-bottom: 10px; } .pgr-keilrahmenposter { padding-bottom: 10px; } .pgr-fotogeschenke { padding-bottom: 10px; } .pgr-postkarten { padding-bottom: 10px; } #order-breadcrumb { list-style-type: none; height: 44px; margin-top: 8px; } * html #order-breadcrumb { margin-left: -4px; margin-right: -4px; } *+html #order-breadcrumb { margin-left: -4px; margin-right: -4px; } #order-breadcrumb li { float: left; margin: 0; padding: 0; width: 225px; height: 44px; line-height: 100%; } #order-breadcrumb li.current { font-weight: bold; font-size: 1.2em; line-height: 90%; } #order-breadcrumb li a { text-align: center; background: url('../bilder/bg-order-breadcrumb.gif') no-repeat right 0px; display: block; margin: 0; padding: 16px 16px 16px 0; } #order-breadcrumb li.current * { background-position: right -44px; } #order-breadcrumb li.disabled span { text-decoration: none !important; color: #939597; cursor: default; } #order-breadcrumb li.check a { background-position: right -88px; color: #ea5b0c; } #order-breadcrumb li.current a { color: #ea5b0c; } #order-breadcrumb li.check .first a { background-position: right -88px; } #order-breadcrumb li.check .last a { background-position: left -88px; } #order-breadcrumb li .last a { background: url('../bilder/bg-order-breadcrumb.gif') no-repeat left top; } #order-breadcrumb li.current .last a { background-position: left -88px; } #order-breadcrumb li .first a { background: url('../bilder/bg-order-breadcrumb.gif') no-repeat right top; } #order-breadcrumb li.current .first a { background-position: right -44px; } .order-intro { border: 1px solid #C3C5C7; border-width: 1px 0; margin-bottom: 14px; padding: 8px 0 16px 0; } .order-intro .pd-button span { font-size: 1em; } .order-intro button { } .order-intro button span { color: #444; } .order-intro .adventskalender-button { width: 298px; height: 150px; background: url('../bilder/adventskalender-bestell-button.jpg') no-repeat top left; margin: -8px 0 -16px; } .order-intro .adventskalender-button a { width: 100%; height: 100%; display: block; } .order-intro .adventskalender-button a span { display: none; } .order-intro .osterkalender-button { width: 298px; height: 150px; background: url('../bilder/osterkalender-bestell-button.jpg') no-repeat top left; margin: -8px 0 -16px; } .order-intro .osterkalender-button a { width: 100%; height: 100%; display: block; } .order-intro .osterkalender-button a span { display: none; } *+html div.head_bestellen h1 { padding-bottom: 12px; } /* .button-produktbestellen { background: url('../bilder/button-produktbestellen.gif') no-repeat left top; display: block; cursor: pointer; width: 145px !important; height: 22px; } .button-produktbestellen:hover { background-position: left -22px !important; } */ /* Bestellung / Motivauswahl */ a#btn-order-continue, button.btn-order-continue { background: url('../bilder/button-order-continue.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } a#btn-order-continue:hover, button.btn-order-continue:hover { background-position: 0 -22px; } .order-motiv-nav { background: #e5e7ea; margin-bottom: 18px; padding: 8px 12px; } .order-motiv-nav * { margin: 0; } .order-motiv-nav a { font-weight: bold } .order-motiv-nav span.left { padding: 5px 0; } .order-motiv-nav span.right { width: 35%; } a.btn-put-in-shoppingcart { background: url('../bilder/button-putincart.gif') no-repeat 0 0; display: block; float: right; width: 273px; height: 28px; } a.btn-put-in-shoppingcart:hover { background-position: 0 -28px; } a#btn-weitere-motive { background: url('../bilder/button-weitere-motive.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } a#btn-weitere-motive:hover { background-position: 0 -22px; } .pagination { padding: 2px 0 9px; } .pagination span.left { width: 40%; } .pagination span.left .disabled { color: #939597 !important; font-weight: bold; } .pagination select { vertical-align: middle; font-size: 0.9em; margin: 0 0 0 5px; } /* Bestellung / Formatauswahl */ .order-picturebox { margin-bottom: 12px; } .order-picturebox .fotoalbum-pics { background: transparent; border: 0 none; margin: 0; position: static !important; min-height: auto !important; height: auto !important; } .order-picturebox .fotoalbum-pics .imageframe { background-color: #E8EBED; } .order-picturebox .fotoalbum-pics .imageframe img { position: absolute !important; border: 1px dotted #D3D5D7 !important; margin-bottom: 10px !important } .order-picturebox .fotoalbum-pics .imageframe.warn_px {background: #FFA800;} * html .order-picturebox .fotoalbum-pics .imageframe img { margin-bottom: 7px !important } *+html .order-picturebox .fotoalbum-pics .imageframe img { margin-bottom: 7px !important } .greetingcard .imageframe { position: relative; background: #FFF; text-align: left; border: 0; padding: 0px; width: 160px; height: 160px; margin: 0 auto 6px auto; } .greetingcard img { margin-bottom: 0; } .greetingcard input { width: auto; margin-right: 5px; margin-bottom: 0; } .greetingcard select { width: auto !important; } .greetingcard table td.td-2nd { width: 65% !important; text-align: left !important; } .greetingcard table td.td-3rd { width: 35% !important; text-align: left !important; } .greetingcard table td.top { vertical-align: top; } .greetingcard input.flat { color: #444; padding: 0; vertical-align: text-bottom; } .greetingcard textarea { width: 430px; height: 186px; margin-top: 5px; } #greetingcard-adress input { width: 210px; text-align: left !important; } #greetingcard-adress .address-col1 { width: 90px; float: left; margin-right: 10px; } #greetingcard-adress .address-col2 { width: 110px; float: left; } #greetingcard-adress .address-col3 { width: 60px; float: left; margin-right: 10px; } #greetingcard-adress .address-col4 { width: 140px; float: left; } a#btn-textfueralle { background: url('../bilder/button-textfueralle.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } a#btn-textfueralle:hover { background-position: 0 -22px; } .fotoalbum-pics table { margin-bottom: 8px !important; } .fotoalbum-pics table td { background: transparent; text-align: left; border: 0 none; width: auto; padding: 2px 5px; } .fotoalbum-pics table td.td-1st { font-weight: bold; width: 40px; } .fotoalbum-pics table td.td-2nd { } .order-picturebox select { width: 100%; margin-bottom: 0 !important; } p.order-removeimage { position: static; width: 41px; margin-left: 10px; margin-right: 4px; float: right; } p.order-removeimage a { background: url('../bilder/button-removeimage.gif') no-repeat 0 0; display: block; width: 41px; height: 22px } p.order-removeimage a:hover { background-position: 0 -22px; } p.order-removeimage a span { display: none; } p.order-copyimage { position: static; width: 41px; float: right; } p.order-copyimage a { background: url('../bilder/button-dublicateimage.gif') no-repeat 0 0; display: block; width: 41px; height: 22px } p.order-copyimage a:hover { background-position: 0 -22px; } p.order-copyimage a span { display: none; } p.order-showpreview { position: static; width: 41px; float: right; } p.order-showpreview a { background: url('../bilder/button-showpreview.gif') no-repeat 0 0; display: block; width: 41px; height: 22px } p.order-showpreview a:hover { background-position: 0 -22px; } p.order-showpreview a span { display: none; } .order-formats { float: right; width: 720px; } .compactview { float: none !important; width: auto; } .order-formats table { margin-bottom: 0px; } .order-formats table thead td { background: #E8EBED !important; padding: 4px 6px !important; } .order-formats table thead td.td-2nd { background-position: 0 0; } .order-formats table thead td.td-7th { background-position: 100% 0; } .order-formats table tr { background: #FFF; } .order-formats table tr.alt { background: #FFF; } /*#F3F5F7*/ .order-formats table tr._warn { background: url('../bilder/bg-pxwarn-alt.gif') } .order-formats table tr.alt_warn { background: url('../bilder/bg-pxwarn-alt.gif') } .order-formats table tr._info { background: url('../bilder/bg-emptywarn.gif') } .order-formats table tr.alt_info { background: url('../bilder/bg-emptywarn.gif') } .order-formats table td { border-color: #e5e7ea; vertical-align: middle; } .order-formats table td.td-2nd { width: 47%; } .order-formats table td.td-3rd { text-align: center; width: 8% } .order-formats table td.td-4th { text-align: center; width: 9% } .order-formats table td.td-5th { width: 16%; text-align: right !important; padding-right: 5px; } .order-formats table td.td-6th { width: 10%; text-align: right !important; padding-right: 5px; } .order-formats table td.td-7th { width: 10%; text-align: right !important; padding-right: 5px; } .order-formats table td.position { /*position: relative;*/ } .order-formats table input { width: 30px; margin-bottom: 0; text-align: right !important; } .order-formats table img { vertical-align: middle; margin: 0 0 0 3px; } .order-formats select { width: 87%; margin-bottom: 0 !important; } .order-formats input.flat { border: none !important; padding-right: 0px !important; width: 45px !important; background: none !important; } .order-formats .dynamic-quantity-input { width: 160px; } .order-formats .dynamic-quantity-input .input-container { width: 100%; float: none; margin-bottom: 0; } .order-formats .dynamic-quantity-input label { margin-bottom: 8px !important; width: 140px !important; } .order-formats .dynamic-quantity-input .input-descr { margin-left: 0 !important; margin-bottom: 8px !important; text-align: left !important; clear: both; } .order-formats .dynamic-quantity-input .input-field { font-size: 1.2em; margin-top: 6px !important; float: right !important; } /* Bestellung / Formatauswahl (Kompaktauswahl) */ .compactview table thead td.td-1st { background-position: 0 0; } .compactview table thead td.td-2nd, .compactview table thead td.td-7th { background-position: center top; } .compactview table thead td.td-8th { background-position: 100% 0; } /* bisheriges Compactview-CSS (23.11.2013) */ /* .compactview table td.td-1st { width: 27% !important; } .compactview table td.td-2nd { width: 18% !important; } .compactview table td.td-3rd { text-align: left; width: 12% !important; } .compactview table td.td-4th { text-align: center; width: 6% !important; } .compactview table td.td-5th { text-align: center !important; width: 8% !important; padding: 0; } .compactview table td.td-6th { text-align: right; width: 11% !important; padding-right: 10px; } .compactview table td.td-7th { width: 6% !important; } .compactview table td.td-8th { width: 9% !important; padding-right: 0; } .compactview select { width: 100% !important; } */ /* angepasste Compactview-CSS für neues Formular (zum Einbildeditor) */ .compactview table td.td-1st { width: 13% !important; padding-left: 0; } .compactview table td.td-2nd { width: 22% !important; } .compactview table td.td-3rd { text-align: left; width: 42% !important; } .compactview table td.td-4th { position: relative; text-align: left; width: 23% !important; } .compactview .fotoalbum-pics { min-height: 150px; height: auto !important; height: 150px; width: 150px; margin: 12px 12px 12px 0; } .compactview table td.td-2nd ul.options li { background: transparent; padding-left: 0; margin-bottom: 2px; } .compactview table td.td-2nd ul.options li a span { margin-left: 20px; } .compactview table td.td-3rd .ui-tabs .ui-tabs-panel { border-width: 0; padding: 1em 0 0 0; } .compactview table td.td-3rd .formatSelector { width: 340px; height: 100px; margin-bottom: 8px; } .compactview table td.td-3rd .paper { margin-bottom: 8px; } .compactview table td.td-3rd label { float: left; width: 100px; } .compactview table td.td-3rd label.flat { float: none; width: auto; display: inline-block; font-weight: normal; margin-right: 6px; } .compactview table td.td-3rd input[type=radio] { width: auto; margin-right: 6px; } .compactview table td.td-3rd select { width: 200px !important; } .compactview table td.td-4th .row { margin-bottom: 6px; } .compactview table td.td-4th .row label { width: 60px; float: left; vertical-align: bottom; display: inline-block;} .compactview table td.td-4th .row div { float: right; } .compactview table td.td-4th .row div div { float: left; margin-left: 10px; text-align: center; } .compactview table td.td-4th .row.preisFormular div { text-align: right; } .compactview table td.td-4th .row.preisFormular b { font-size: 16px; } .compactview table tr.setall td { border-top: 0; padding: 0; } .compactview table tr.setall a { float: right; margin-bottom: 6px; margin-top: -20px; } .compactview table td div.setall { text-align: right; margin-top: 16px; } /* angepasste Compactview-CSS ENDE */ .compactview table img { margin: 0 !important; } .compactview table td.td-1st img { margin-right: 3px !important; } #order-legend { margin-bottom: 8px; padding-bottom: 2px; } #order-legend h4 { margin-right: 20px; padding: 1px 0 } ul#order-legend-list { float: left; } ul#order-legend-list li { font-size: 0.9em; display: block; float: left; background-position: left center; margin-right: 15px; padding: 1px 0 1px 30px; } ul#order-legend-list li#order-legend-format-full { background-image: url('../bilder/imgcut0.gif'); } ul#order-legend-list li#order-legend-format-cut { background-image: url('../bilder/imgcut1.gif'); } ul#order-legend-list li#order-legend-fit { background-image: url('../bilder/imgcut2.gif'); } ul#order-legend-list li#order-legend-full-framed { background-image: url('../bilder/imgcut3.gif'); } ul#order-legend-list li#order-legend-info { background-image: url('../bilder/icon-info.gif'); padding-left: 19px; } a.back { background: transparent url('../bilder/a-back.gif') no-repeat left center; font-weight: bold; padding-left: 0.7em; } a.back:hover { text-decoration: underline; } a.back span { display: none; } /* Bestellung / Adresse vervollständigen */ #formorder { background: transparent no-repeat left bottom; border: 0; padding: 0 0 0px; } #formorder div.forminner { } #formorder div.divider { border-bottom: 0px solid #C3C5C7; margin-bottom: 0px; padding-bottom: 0px; } #formorder input { width: 240px; } #formorder input.checkbox { width: auto; } #formorder -street, #formorder -street2 { width: 240px !important; margin-right: 5px; } #formorder -nr, #formorder -nr2 { width: 40px !important; } #formorder-country, #formprofile-country2 { width: 40px; margin-right: 5px; } #formorder-plz, #formorder-plz2 { width: 40px !important; margin-right: 5px; } #formorder-location, #formorder-location2 { width: 138px !important; } /* Bestellung / Bestellung abschliessen */ div.checkout_table { padding: 6px; background: #FFF8E1; } div.checkout_table table td { border-color: #535557; } table.table-checkout { margin-bottom: 0em; margin-bottom: 0em; padding-bottom: 1px;} table.nohead { border-top: 1px solid #C3C5C7; border-bottom: 1px solid #535557; margin-bottom: 2em; padding-bottom: 1px; } table.table-checkout thead td { background: #FFF8E1; background-position: center 0; } table.table-checkout thead td.td-1st { background-position: 0 0; } table.table-checkout thead td.td-6th { background-position: 100% 0; } table.table-checkout tr.sum td { border-top: 1px solid #535557; } table.table-checkout td { text-align: left; } table.table-checkout td.td-1st { width: 44% !important; } table.table-checkout td.td-2nd { width: 13% !important; } table.table-checkout td.td-3rd { text-align: right; width: 13% !important; } table.table-checkout td.td-4th { text-align: right; width: 15% !important; } table.table-checkout td.td-5th { text-align: right; width: 15% !important; } table.table-checkout tr.lastrow td { border-top: 1px solid #535557; border-bottom: 3px double #535557; } table.table-checkout tr.lastrow td strong { font-size: 1em; } table.table-checkout tr.lastrow td.td-5th { font-size: 1.4em; font-weight: bold; } table.table-checkout tr.no-border td { border: 0 none !important; } form#order-checkout-form label, form#order-checkout-form-agb label { font-size: 1em; font-weight: normal; } form#order-checkout-form label.flat { float: none; width: auto; display: inline-block; font-weight: normal; margin-right: 6px; } form#order-checkout-form input[type=radio] { width: auto; margin-right: 6px; margin-bottom: 3px;} #order-check-agb { margin-right: 12px; } form#order-checkout-form-agb { } form#order-checkout-form-agb input.checkbox { float: left; margin-top: 2px; margin-right: 10px; margin-bottom: 12px; } form#order-checkout-form-agb label { float: left; width: 97%; } #order-sonder-kal { position: relative; } #order-sonder-kal label { margin-bottom: 0em; padding-top: 4px; width: 400px; } #order-sonder-kal input { float: left; width: 30px; margin-right: 5px; margin-bottom: 0px; text-align: right; } #adress-wrapper { margin: 1.5em 0 0.5em; } #adress-wrapper div { width: 48%; } #adress-wrapper div small { font-weight: normal; } #zahlweise-wrapper { margin: 0em 0 0.5em; } #zahlweise-wrapper div { width: 48%; } #zahlweise-wrapper div small { font-weight: normal; } button#btn-order-checkout { margin-bottom: 12px; margin-top: 12px } button#btn-produkte-hinzufuegen { position: absolute; right: 20px; bottom: 0px } #zusatzoptionen img { margin: 0px; } #zusatzoptionen label { width: auto; float: none; } #order-checkout-form-agb label { width: auto; } #folgebestellung-info { display: none; } #folgebestellung-info div.inner { margin: 0 0 0 0 !important; padding: 12px 12px !important; background: #e5e7ea; } #folgebestellung-info h3 { margin: 0 0 8px !important; padding: 0 !important; } #vouchercode-info { display: none; } #vouchercode-info div.inner { margin: 0 0 0 0 !important; padding: 12px 12px !important; background: #e5e7ea; height: 60px !important;} #vouchercode-info h3 { margin: 0 0 8px !important; padding: 0 !important; } #NL-leftmenue{max-width:360px; margin-bottom: 0px !important; } #NL-leftmenue label.checkbox{ font-size: 1.0em; font-weight: normal; } #NL-main p { font-size: 1.2em; line-height: 1.4; } #NL-main label.checkbox { font-size: .85em; font-weight: normal; } /* F O O T E R ------------------------------------------------------------------------------------ */ #pageinfo { position: absolute; width: 100%; height: 120px; bottom: 20px; z-index: 1; } #pageinfo .inner { width: 900px; margin: 0 auto; border-top: 1px solid #C3C5C7; padding-top: 12px; font-size: 1em; line-height: 150%; font-weight: normal; color: #adb1b7; } #pageinfo h1 { font-size: 1em; line-height: 150%; font-weight: normal; color: #adb1b7; font-size: 1em; display: inline-block; float: left; margin: 0; padding: 0; margin-right: 0.4em; } #pageinfo a:link, #pageinfo a:visited { color: #adb1b7; text-decoration: none; outline: 0; } #pageinfo a:hover, #pageinfo a:active { color: #adb1b7; text-decoration: underline; outline: 0; } #payment { width: 100%; height: 50px; clear: left; margin-top: 20px; } #payment .inner { width: 900px; margin: 0 auto; border-top: 1px solid #C3C5C7; padding-top: 11px; font-size: 1em; line-height: 150%; font-weight: normal; color: #adb1b7; text-align: center; } #payment img { margin: 0; display: inline; margin-right: 20px; vertical-align: middle; } #payment img#paypal { margin-top: 0; } #payment span { display: inline; margin-right: 20px; font-weight: bold; font-size: 18px; vertical-align: middle; } #payment a:hover { text-decoration: none; } #awards { width: 100%; clear: left; margin-top: 20px; } #awards .inner { width: 900px; margin: 0 auto; border-top: 1px solid #C3C5C7; padding-top: 11px; font-size: 1em; line-height: 150%; font-weight: normal; color: #adb1b7; text-align: center; } #awards ul { display: inline-block; float: none !important; margin: 16px auto 0; } #awards ul li { display: inline; } #awards img { margin: 0; display: inline; margin-right: 20px; vertical-align: middle; } #awards span { display: inline; font-weight: bold; /*margin-right: 20px; font-size: 18px; vertical-align: middle;*/ } #countries { width: 100%; clear: left; text-align: center; } #countries .inner { width: 900px; height: 25px; margin: 0 auto; border-top: 1px solid #C3C5C7; padding-top: 0; font-size: 1em; font-weight: normal; color: #adb1b7; } #countries .inner ul { float: none; display: block; } #countries .inner ul li { display: inline; margin-right: 12px; } #footer { position: relative; font: normal 1em/150% Arial, Helvetica, sans-serif; text-align: left; color: #000000; background: #e5e7ea; padding-bottom: 170px; } #footer .inner { position: relative; width: 900px; margin: 0 auto; } #footer .footer-gradient { position: absolute; top: -200px; left: 0; width: 100%; height: 200px; z-index: -2; background: url('../bilder/footer-gradient.png') repeat-x top left; } #footer ul { float: left; margin: 16px 0 0 0; } #footer ul li { background: none; padding: 0; color: #adb1b7; } .footerbox-1 { width: 200px; } .footerbox-2 { width: 220px; } .footerbox-3 { width: 190px; } .footerbox-4 { width: 150px; } .footerbox-5 { width: 140px; text-align: right; } li.de-flag { background: url('../bilder/de.gif') no-repeat center left !important; padding-left: 22px !important; } li.at-flag { background: url('../bilder/at.gif') no-repeat center left !important; padding-left: 22px !important; } li.ch-flag { background: url('../bilder/ch.gif') no-repeat center left !important; padding-left: 22px !important; } li.eu-flag { background: url('../bilder/europeanunion.gif') no-repeat center left !important; padding-left: 22px !important; } a.facebook { background: url('../bilder/facebook-32.png') no-repeat center right !important; width: 32px; height: 32px; margin-top: 6px; margin-left: 6px; display: inline-block; } a.googleplus { background: url('../bilder/google-plus-32.png') no-repeat center right !important; width: 32px; height: 32px; margin-top: 6px; margin-left: 6px; display: inline-block; } a.facebook span, a.googleplus span { display: none; } #footer ul li a:link, #footer ul li a:visited { color: #adb1b7; text-decoration: none; outline: 0; } #footer ul li a:hover, #footer ul li a:active { color: #adb1b7; text-decoration: underline; outline: 0; } /* Cookie consent */ .cc-window.cc-banner { padding: .2em .8em; } .cc-revoke, .cc-window { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.2; } .cc-btn { text-decoration: none; } /* I N F O - P O P U P S ------------------------------------------------------------------------------------ */ body#info { background: #FFF; } body#info #container { position: relative; width: auto; margin: 0; background: #fff; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #444; padding: 24px; min-height: 402px; } body#info div.image { position: absolute; border-right: 1px solid #ccc; top: 0; left: 0; width: 450px; height: 450px; } body#info div.image img { margin-bottom: 0; } body#info .special-offer { position: absolute; top: 20px; left: 20px; width: 120px; height: 120px; background: transparent url('../bilder/button-aktion.png') no-repeat 0 0; } body#info #imagenav { position: absolute; top: 5px; right: 15px; padding: 2px 4px; background: rgba(255,255,255,0.5); } body#info #imagenav a.current { color: #444; text-decoration: none; } body#info div.infotext { border-left: 1px solid #ccc; padding: 24px 0 0 24px; margin: -24px 0 0 426px; } body#info div#alternativeNavi { position: relative; height: 90px; margin: -9px 0 0; display: none; } body#info span#logo { position: absolute; top: 8px; width: 232px; left: auto; right: 0; height: 46px; margin: 0; padding: 0; } body#info ul#mini-nav { position: absolute; left: 0; } body#info ul#mini-nav a { float: none; display: block; margin: 0; line-height: 130%; padding: 0; } body#info ul#mini-nav li { display: block; float: none; margin-bottom: 4px; } body#info h2 { font: normal 1.8em/130% Arial, Helvetica, sans-serif; padding-top: 0; color: #f8b356; } body#info h3 { padding-top: 0 } body#info div.infofooter { position: relative; width: 100%; padding-top: 0; } body#info div.order { position: absolute; width: 130px; padding-top: 6px; z-index: 1; } body#info p span.marker { display: inline-block; padding: 1px 5px; color: #fff; background: #e00; font-size: 1em; font-weight: bold; } body#info p.price { position: absolute; right: 0; text-align: right; margin-bottom: 0; z-index: 2; } body#info p.price span { display: inline-block; font: normal 1.8em/130% Arial, Helvetica, sans-serif; } body#info .product-image { position: absolute; } body#info .product-description { position: absolute; padding-top: 10px; } body#info .product-description p { line-height: 140%; } body#info .bt-grey { border-top: 1px solid #ccc; } body#info .bb-grey { border-bottom: 1px solid #ccc; } body#info ul.details { border-top: 1px solid #d8dde1; margin-bottom: 18px; } body#info ul.details li { background: transparent url('../bilder/li-colored.gif') no-repeat scroll left center; border-bottom: 1px solid #d8dde1; padding: 3px 0 3px 14px; } /* I N F O - I N C L U D E ------------------------------------------------------------------------------------ */ #include-container { position: relative; width: auto; margin: 8px 0 24px 0; border-top: 1px solid #ccc; background: #fff; font: normal 1em/150% Arial, Helvetica, sans-serif; text-align: left; color: #444; } #include-container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #include-container div.image { position: absolute; border-right: 1px solid #ccc; top: 24px; left: 0; width: 200px; height: 180px; } #include-container div.image img { margin-bottom: 0; } #include-container .special-offer { position: absolute; top: 20px; left: 20px; width: 120px; height: 120px; background: transparent url('../bilder/button-aktion.png') no-repeat 0 0; } #include-container div.infotext { border-left: 1px solid #ccc; padding: 24px 0 24px 24px; margin: 0 0 0 200px; } #include-container h2 { font: normal 1.8em/130% Arial, Helvetica, sans-serif; padding-top: 0; color: #f8b356; } #include-container h3 { padding-top: 0 } #include-container div.order { width: 130px; float: left; padding-top: 6px; } #include-container p span.marker { display: inline-block; padding: 1px 5px; color: #fff; background: #e00; font-size: 1em; font-weight: bold; } #include-container p.price { text-align: right; margin-bottom: 0; } #include-container p.price span { display: inline-block; font: normal 1.8em/130% Arial, Helvetica, sans-serif; } #include-container ul.details { border-top: 1px solid #d8dde1; margin-bottom: 18px; } #include-container ul.details li { background: transparent url('../bilder/li-colored.gif') no-repeat scroll left center; border-bottom: 1px solid #d8dde1; padding: 3px 0 3px 14px; } /* O P T I M A T O R ------------------------------------------------------------------------------------ */ body#optimator { background: #e5e7ea; padding: 0; } body#optimator #container { background: transparent !important; width: 1080px; height: 350px; margin: 0; padding: 0px; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #444; } #opt-content { } #opt-content h3 { font-size: 1em; letter-spacing: 0; margin: 0 0 8px; padding: 0 } #opt-origimg { display: inline; float: left; text-align: center; width: 400px; background: #FFF; margin: 10px 0 10px 10px; padding: 10px; } #opt-origimg img { border: 1px solid #737577; margin: 0 } #opt-optimimg { display: inline; float: left; text-align: center; width: 400px; background: #FFF; margin: 10px 0 10px 10px; padding: 10px; } #opt-optimimg img { border: 1px solid #737577; margin: 0 } #opt-settings { font-size: 1em !important; display: inline; float: left; width: 172px; margin: 8px 0 10px 3px; padding: 0 0 10px 10px; } #opt-settings ul#opt-meta li { background: none; font-size: 0.9em !important; list-style: none; padding: 0; } #opt-settings ul#opt-meta li span { display: block; float: left; width: 65px; } #opt-settings p#opt-help { font-size: 0.9em; text-align: right; margin: 0 10px 15px 0 } #opt-settings ul#opt { margin: 0 0 8px; } #opt-settings ul#opt li { background: none; list-style: none; vertical-align: bottom; height: 22px; margin-bottom: 2px !important; margin: 0; padding: 0; } #opt-settings ul#opt li.margin { margin-bottom: 10px !important; } #opt-settings ul#opt li img { margin: 1px 0 0 !important; margin-top: 3px; padding: 0; } #opt-settings ul#opt li span { text-align: center; display: block; float: left; padding: 2px 0; } #opt-settings ul#opt li span.plus a { width: 18px; } #opt-settings ul#opt li span.minus a { width: 18px; } #opt-settings ul#opt li span.value { font-weight: bold; font-size: 1.2em; width: 32px; } #opt-settings ul#opt li span.descr { float: right; width: 80px; background: url('../bilder/bg-optimator-sett.jpg') no-repeat 0 center; text-align: left; padding-left: 12px; } /* D R U C K V O R S C H A U ------------------------------------------------------------------------------------ */ #preview-wrapper { border-top: 1px solid #C3C5C7; margin-bottom: 1em; padding-top: 18px; } #preview-wrapper div { float: left; width: 180px; min-height: 340px; height: auto !important; height: 340px; border: 1px solid #C3C5C7; margin: 0 7px 0 0; padding: 10px 0; } #preview-wrapper div.selected { background: #ffffd5; } #preview-wrapper div.last { margin: 0; } #preview-wrapper div label { margin: 0 0 1em 10px; } #preview-wrapper div p { margin: 0 10px 0.5em; } /* W I Z A R D S - S T U F F ------------------------------------------------------------------------------------ */ body#video_wizard { background: url('../bilder/ajax-loader.gif') no-repeat center center; } div.video_notice { background: #E8EBED url('../bilder/icon-warning.png') no-repeat 12px center; margin-bottom: 18px; padding: 12px 18px 12px 72px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* P O P U P S ( V O R S C H A U E N E T C . ) ------------------------------------------------------------------------------------ */ body#grossansicht_objekt {background: #FFFFFF !important;} body#grossansicht_objekt table {height: 100%;} body#grossansicht_objekt table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center !important; color: #444; border-top: 0px; padding: 10px; vertical-align: top; } body#grossansicht_objekt table td img { margin: 0; } body#grossansicht_objekt input[type=radio] { width: auto; margin: 0 6px 0 0; } body#grossansicht_objekt #pageBrowser .page { float: left; } body#grossansicht_objekt div.optionbar div { padding: 0 6px; text-align: center !important; } body#druckvorschau_gross table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center !important; color: #444; border-top: 0px; padding: 0; vertical-align: top; } body#folderinfo { padding: 10px; } body#folderinfo table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: left !important; color: #444; border-top: 0px; padding: 0; vertical-align: top; } body#druckvorschau { padding: 12px 18px; } body#druckvorschau div { margin-bottom: 6px; border-spacing: 1px; } body#druckvorschau div { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center !important; color: #444; padding: 0; vertical-align: top; } body#druckvorschau > div {border-top: 0px;} body#druckvorschau div img { margin: 0; } body#druckvorschau div input[type=radio] { margin: 1px 0 10px 0px; } body#druckvorschau div select { margin: 6px 0 12px 0 !important; } body#druckvorschau div div.pmsel1 { width: 260px; margin: 5px;} body#druckvorschau div div.pmsel1 input { width: 20px; } body#druckvorschau div div.pmsel2 { width: 200px; height: 204px; margin: 5px; clear: both; } /* DANIEL 200/204 -> 600/604 */ body#druckvorschau div div.pmsel3 { width: 60px; height: 140px; margin: 5px; float:left} body#druckvorschau div div.pmsel3 div { width: 60px; height: 60px;} body#druckvorschau div.print_meth_select div {padding: 0; float: left; margin-right:5px; text-align: left !important} body#druckvorschau div.print_meth_select div div {padding: 0;float:left;} body#druckvorschau div div.pmsel1 p.small { font-size: 0.8em;} body#druckvorschau div div.pmsel2 img { max-width: 100%; height: auto; border: 1px solid #c0c0c0 } body#druckvorschau.leinwand { background: #fff; padding: 0; } body#druckvorschau.leinwand div.pmsel1 { width: auto; margin: 0; cursor: pointer; } body#druckvorschau.leinwand div.pmsel2 { width: 550px; height: 550px; margin: 0px; margin-left: 20px; display: none; overflow: hidden; position: relative; } body#druckvorschau.leinwand div.pmsel2 iframe#3dframe { } body#druckvorschau.leinwand div.pmsel2 img { max-width: none; border: 0; position: absolute; top: 0; left: 0; } body#druckvorschau.leinwand div#loadingStart { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff url('/ci/bilder/ajax-loader.gif') no-repeat center center; z-index: 100; } body#druckvorschau.leinwand div#loadingStart div#message { padding-top: 300px; text-align: center; } body#druckvorschau.leinwand div { margin-bottom: 0; } body#druckvorschau.leinwand div#select_format { position: absolute; top: 80px; right: 10px; z-index: 2; } body#druckvorschau.leinwand div#select_views { position: absolute; top: 160px; right: 0; width: 150px; } body#druckvorschau.leinwand div#select_views div.view_link { padding-top: 80px; padding-bottom: 6px; cursor: pointer; margin-bottom: 0px; padding-right: 24px; background: transparent url('../bilder/preview/view-icons-sprite.png') no-repeat -16px 14px; } body#druckvorschau.leinwand div#select_views div.view_link.selected { background-color: #E8EBED; } body#druckvorschau.leinwand div#select_views div.view_link.print_trimmark { background-position: -176px 14px; } body#druckvorschau.leinwand div#select_views div.view_link.print { background-position: -16px 14px; } body#druckvorschau.leinwand div#select_views div.view_link.povray_canvas { background-position: -336px 14px; } body#druckvorschau.leinwand div#select_views div.view_link.interactive { background-position: -336px 14px; } body#druckvorschau.leinwand div#select_views div.view_link a:hover { text-decoration: none; } body#druckvorschau.leinwand div#select_views div.view_link:hover { background-color: #E8EBED; } body#druckvorschau.leinwand div#select_method { position: relative; width: 100%; height: 120px; background: transparent url('../bilder/preview/method-bg.gif') repeat-x bottom left; } body#druckvorschau.leinwand div#select_method div { } body#druckvorschau.leinwand div#select_method input { position: absolute; top: -50px; left: -50px; visibility: hidden; } body#druckvorschau.leinwand div#select_method label { float: left; width: auto; text-align: left; font-weight: normal; padding-left: 20px; color: #6A7F8E; background: url('../bilder/preview/radiobutton_off.png') no-repeat left center; cursor: pointer; } body#druckvorschau.leinwand div#select_method div.selected label { background: url('../bilder/preview/radiobutton_on.png') no-repeat left center; } body#druckvorschau.leinwand div#preview_images { position: absolute; top: 150px; left: 0; } body#druckvorschau.leinwand div#button_closewindow { position: absolute; bottom: 20px; right: 0; width: 200px; } body#druckvorschau.leinwand #method1 { position: absolute; width: 150px; top: 10px; left: 10px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat 0 0; } body#druckvorschau.leinwand #method2 { position: absolute; width: 140px; top: 10px; left: 160px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat -140px 0; } body#druckvorschau.leinwand #method4 { position: absolute; width: 140px; top: 10px; left: 440px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat -280px 0; } body#druckvorschau.leinwand #method3 { position: absolute; width: 140px; top: 10px; left: 300px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat -420px 0; } body#druckvorschau.leinwand #method1:hover { background-position: 0 -130px; } body#druckvorschau.leinwand #method2:hover { background-position: -140px -130px; } body#druckvorschau.leinwand #method4:hover { background-position: -280px -130px; } body#druckvorschau.leinwand #method3:hover { background-position: -420px -130px; } body#druckvorschau.leinwand div.selected #method1 { background-position: 0 -260px; } body#druckvorschau.leinwand div.selected #method2 { background-position: -140px -260px; } body#druckvorschau.leinwand div.selected #method4 { background-position: -280px -260px; } body#druckvorschau.leinwand div.selected #method3 { background-position: -420px -260px; } body#druckvorschau_opt { padding: 12px 18px; } body#druckvorschau_opt .b18 { font-size: 1.2em; padding-top: 8px; font-weight: bold; } body#druckvorschau_opt table { margin-bottom: 0; } body#druckvorschau_opt table.tab_functions td { background: #fff; padding: 3px; text-align: left; } body#druckvorschau_opt table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center; color: #444; border-top: 0px; padding: 0; vertical-align: top; } body#druckvorschau_opt table td img { margin: 0; } body#druckvorschau_opt table td input { margin: 0; } body#druckvorschau_opt table select { margin: 0; } body#template_browser table { margin-bottom: 0px; } body#template_browser table.thumb { width: 150px !important; height: 150px !important; } body#template_browser table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center !important; color: #444; border-top: 0px; padding: 0px; vertical-align: middle; } body#template_browser div { text-align: left; margin-bottom: 2px; } body#template_browser div a img { margin: 0; } body#template_browser div a.dir { font-size: 13px; line-height: 100%; } #overlayx { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 66px; height: 66px; text-align: center; padding: 20px; line-height: 14px; background-color: #9BA9B4; color: black; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index:99999; } #overlay { background-color: rgba(255, 255, 255, .7); position: absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:1000; } #overlay:after { content: ""; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 66px; height: 66px; background: #9BA9B4 url(../bilder/ajax-loader_9BA9B4.gif) no-repeat center center; text-align: center; padding: 20px; line-height: 14px; color: black; position: fixed; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index:1; } .bericht { background-color:#FFFFFF !important; border:1px solid #C0C0C0; font-size:11px; padding-left:5px; padding-right:5px; } .bericht body{ background-color:#FFFFFF !important; } /* E N D S C R E E N . C S S ------------------------------------------------------------------------------------ */