/* *************************************************************************************** * * * Direktbild * * http://www.direktbild.de * * * * S C R E E N . C S S * * * * Last modified: 21.09.2009 * * * **************************************************************************************/ /* B A S I C S ------------------------------------------------------------------------------------ */ * { border: 0; margin: 0; padding: 0; } html { height: 100.1%; } body { height: 100.1%; background: #c8d9ec url('../bilder/bg-body.png') repeat-x left top; font-size: 16px; text-align: center; padding-bottom: 20px; } img {image-orientation: none;} #container { position: relative; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #000000; width: 960px; margin: 0 auto 0; } .highslide-html-content { width: auto; height: 100% !important; } 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 2.3em/120% Arial,Helvetica,sans-serif;letter-spacing: -1px; color: #f18f4e; } h2 { font: normal 1.8em/150% Arial,Helvetica,sans-serif; letter-spacing: -1px; color: #e95d0f; padding-top: 24px; } h3 { font-size: 1.2em; padding-top: 8px; letter-spacing: 0px; } h4, h5 { font-size: 1em; } a:link, a:visited { color: #3973b0; text-decoration: none; outline: 0; } a:hover, a:active { color: #3973b0; text-decoration: underline; outline: 0; } :focus { outline: 0; -moz-outline-style: none; } ul { list-style: none; } ul li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; } 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 { 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; } /* S P E C I A L F O R M A T T I N G ------------------------------------------------------------------------------------ */ .no-border { border: 0 !important; } .no-margin { margin-bottom: 0 !important; } .margin { margin-bottom: 12px !important; } .big-margin { margin-bottom: 24px !important; } .superbig-margin { margin-bottom: 36px !important; } .normal { font-weight: normal !important; letter-spacing: 0 !important; } .italic { font-style: italic !important; } .center { text-align: center !important; } /* Hidden Elements */ hr, legend, /*a span, button span,*/ .inv, #skip { display: none; } /* Floats */ .left { float: left; } .right { float: right; } /* Floating Images */ img.left { margin: 0.4em 1.5em 1em 0; } img.right { margin: 0.4em 0 1em 1.5em; } /* Special Links */ a.more { background: transparent url('../bilder/a-more.gif') no-repeat right center; 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; } /* 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 */ .aktion, .aktion-kalender { float: right; font-size: 0.8em; line-height: 150%; font-weight: bold; background-color: #DD0000; color: #fff; padding: 1px 4px; margin-right: -90px; } .aktion-kalender { margin-right: -150px; } .red, .error { color: #DD0000; } .green, .success { color: #809900; } .light { color: #939597 !important; } .aktion-kr { background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%) repeat scroll 0 0 #d0451b; box-shadow: 0 1px 0 0 #cf866c inset; color: #ffffff; display: inline-block; float: right; font-family: arial; font-size: 1.1em; margin-right: -90px; padding: 0 4px; text-decoration: none; text-shadow: 0 1px 0 #854629; } .red, .error { color: #DD0000; } .green, .success { color: #809900; } .light { color: #939597 !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%; } 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; } 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: #FFFFE5; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; position: absolute; z-index: 3000; border: 1px solid #ffee00; width: 280px; padding: 10px; } #tooltip h3, #tooltip div { font-weight: normal; font-size: 1em; letter-spacing: 0; margin: 0; padding: 0; } #tooltip a { cursor: default !important; } #tooltip.image_tooltip { background: none !important; border: none !important; position: absolute; z-index: 3001; } /* H E A D E R ------------------------------------------------------------------------------------ */ #header { position: relative; height: 64px; } /* Top Navigation */ #topnav ul { font-size: 0.9em; line-height: 120%; text-align: right; float: right; margin: 0; padding-top: 1em; } #topnav li { background: transparent url('../bilder/li-topnav.gif') no-repeat left 1px; float: left; display: inline; margin-left: 0.5em; padding-left: 0.8em; } #topnav li.first { background: none; } #topnav a { display: block; color: #ffffff; } #topnav a:hover { } /* Logo */ #logo { position: absolute; top: 24px; left: 12px; background-image: url('../bilder/logo.svg'); no-repeat left top; } #logo a { display: block; text-decoration: none !important; height: 70px; width: 180px; } #logo span { display: none; } p#logo-subline { display: none; } /* N A V I G A T I O N ------------------------------------------------------------------------------------ */ #nav { } #nav ul { float: right; display: inline; height: 32px; margin: 0; } #nav li { background: none; display: inline; padding: 0; } #nav a { float: left; background-color: transparent; background-repeat: no-repeat; background-position: left top; display: block; height: 32px; margin-left: 3px; } #nav a:hover { background-position: 0% -32px; text-decoration: none !important; } #nav a#nav-start { background-image: url('../bilder/nav-start.png'); width: 110px; border-radius: 6px 6px 0 0; } #nav a#nav-preise { background-image: url('../bilder/nav-preise.png'); width: 110px; border-radius: 6px 6px 0 0; } #nav a#nav-meinebilder { background-image: url('../bilder/nav-meinebilder.png'); width: 110px;border-radius: 6px 6px 0 0; } #nav a#nav-hochladen { background-image: url('../bilder/nav-hochladen.png'); width: 110px;border-radius: 6px 6px 0 0; } #nav a#nav-bestellen { background-image: url('../bilder/nav-bestellen.png'); width: 110px;border-radius: 6px 6px 0 0; } #nav a span { display: none; } #nav .current a { background-position: 0% -64px !important; } #subnav .innercol { padding: 15px; } #subnav ul { background: none; border-bottom: 1px solid #ffffff; } #subnav li { background: none; border-top: 1px solid #ffffff; padding: 0; text-align: right; } #subnav li a { background-color: transparent; display: block; text-decoration: none !important; width: auto !important; width: 150px; /* IE6 Fix */ padding: 4px 0px 4px 0px; } #subnav li a:hover { background-color: #f7f9fc; } #subnav li.current a { font-weight: bold; text-decoration: none !important; cursor: default; } #subnav p { margin-bottom: 0.5em; } /* L O G I N ------------------------------------------------------------------------------------ */ #loginpanel { margin-top: 23px; background-color:#dbe6f2; width: 200px; height: 130px; padding: 0;border-bottom-left-radius: 5px; } #login .innercol { padding: 20px 9px 0 12px; } #loginform { border: 0; padding: 0; } #login fieldset { margin: 0 !important; padding: 0px !important; } #login fieldset label { float: left; font-size: 1em; width: 66px; color: #3973b0; } #login fieldset div { width: 179px; margin-bottom: 5px; } #login fieldset div#loginform-button { width: 110px; margin-left: 66px; } * html #login fieldset label {width: 63px; } #login input { font-size: 1em; color: #3973b0; width: 104px; margin: 0; padding: 3px; border: none; border-radius: 3px; box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 2px inset; } #login p { margin: 0; padding: 0px; } #login p.login-links { margin: 0; padding: 8px 0 0 0; font-size: 0.9em; clear: left; } * html #login button { margin-top: 0; } /* IE6 Fix */ *+html #login button { margin-top: 0; } /* IE7 Fix */ .loggedin { text-align: right; padding-right: 22px; } /* M A I N ------------------------------------------------------------------------------------ */ #left { position: relative; float: left; width: 200px; display: inline; min-height: 280px; height: auto !important; height: 280px; } #main { padding: 20px 40px 0; background: #fff; no-repeat top left; margin-left: 200px; border-radius: 5px; border-top-right-radius: 0; } * html #main { float: left; margin-left: -4px; height: 480px; } /* IE6 Fix */ /* Grid Layout */ .cols { position: relative; padding-bottom: 24px; } .col1_4, .col2_4, .col3_4, .col4_4 { float: left; background-position: left bottom; background-repeat: no-repeat; display: inline; min-height: 280px; height: auto !important; height: 280px; margin-right: 24px; } .cols .innercol { background-position: left top; background-repeat: no-repeat; min-height: 220px; height: auto !important; height: 220px; padding: 16px; } .cols .last { margin: 0; } .col1_4 { width: 180px; } .col2_4 { width: 444px; } .col3_4 { width: 672px; margin-right: 0 !important; } .col4_4 { width: 672px; margin-right: 0 !important; } /* ALLGEMEINES */ .infopanel { background: #ffffe5; border: 1px solid #ffee00; margin-bottom: 18px; padding: 12px; } .infopanel h3 { padding: 0; } .infopanel p { margin: 0; } .infopanel ul { margin: 0; } .errorpanel { background: #ffffe5 url('../bilder/icon-warning.gif') no-repeat 12px 14px; border: 1px solid #ffee00; margin-bottom: 18px; padding: 12px 12px 12px 60px; } .errorpanel h3 { padding: 0; } .errorpanel p { margin: 0; } .errorpanel ul { margin: 0; } /* BUTTONS */ button { background-color: transparent; background-position: center center; display: inline-block; float: left; cursor: pointer; height: 26px; margin-right: 7px; white-space:nowrap; } /* a.button-bestellen { background-image: url('../bilder/button-bestellen.gif'); display: block; width: 129px; height: 28px; margin: 0; padding: 0; } a.button-bestellen:hover { background-position: 0 -28px; } a.button-details { background-image: url('../bilder/button-details.gif'); display: block; width: 85px; height: 28px; margin: 0; padding: 0; } a.button-details:hover { background-position: 0 -28px; } */ #login button, #formrecovery button, #formprofile button, #einstellungen button, .pd-button-small { display: inline-block; vertical-align: top; position: relative; overflow: hidden; min-width: 86px; line-height: 18px; font-size: 13px; color: white; text-align: center; text-decoration: none; text-shadow: 0 1px #154c86; background-color: #247edd; background-clip: padding-box; border: 1px solid; border-color: #1c65b2 #18589c #18589c; border-radius: 4px; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); } #button, #vouchercode button, button, .pd-button{ display: inline-block; vertical-align: top; position: relative; overflow: hidden; min-width: 96px; line-height: 38px; padding: 0 16px; font-size: 16px; color: white; text-align: center; text-decoration: none; text-shadow: 0 1px #154c86; background-color: #247edd; background-clip: padding-box; border: 1px solid; border-color: #1c65b2 #18589c #18589c; border-radius: 4px; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); } #formrecovery button, #formprofile button, #einstellungen button{ padding: 0 38px;} #button:before, #login button:before, #formrecovery button:before, #formprofile button:before ,#einstellungen button:before, #vouchercode button:before, button:before, .pd-button:before, .pd-button-small:before { content: ''; position: absolute; top: -25%; bottom: -25%; left: -20%; right: -20%; border-radius: 50%; background: transparent; -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); } #button:hover, #login button:hover, #formrecovery button:hover, #formprofile button:hover,#einstellungen button:hover, #vouchercode button:hover, button:hover, .pd-button:hover, .pd-button-small:hover { background-color: #1a74d3; } #button:active, #login button:active, #formrecovery button:active, #formprofile button:active,#einstellungen button:active, #vouchercode button:active, button:active, .pd-button:active, .pd-button-small:active { color: rgba(255, 255, 255, 0.9); text-shadow: 0 -1px #154c86; background: #1f71c8; border-color: #113f70 #154c86 #1c65b2; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); background-image: -webkit-linear-gradient(top, #1a5da5, #3a8be0); background-image: -moz-linear-gradient(top, #1a5da5, #3a8be0); background-image: -o-linear-gradient(top, #1a5da5, #3a8be0); background-image: linear-gradient(to bottom, #1a5da5, #3a8be0); } #button:active:before, #login button:active:before, #formrecovery button:active:before, #formprofile button:active:before,#einstellungen button:active:before, #vouchercode button:active:before,button:active:before, .pd-button:active:before, .pd-button-small:active:before { top: -50%; bottom: -125%; left: -15%; right: -15%; -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); } #vouchercode button { line-height: 18px; font-size: 15px; } #formrecovery button {margin-left: 180px;} button, .pd-button{ line-height: 24px; font-size: 15px; } .pd-button-small{ line-height: 18px; font-size: 12px; width: 100px; } a.pd-button, a.pd-button-selected,a.pd-button-small { color: #FFFFFF !important; } a.pd-button:hover, a.pd-button:active, a.pd-button-selected:hover, a.pd-button-selected:active,a.pd-button-small:hover, a.pd-button-small:active { text-decoration: none !important; } /* STARTSEITE */ .teaser { position: relative; margin: -20px -40px 0 -40px; height: 288px; } .slider-nav { position: relative; margin: 0 -40px 0 -40px; height: 27px; } #teaser-home { background: url('../bilder/teaser-home.jpg') no-repeat top right; } #teaser-home-prodimg { position: absolute; top: 29px; left: 0px; width: 230px; height: 240px; background: url('../bilder/teaser-prodimg-fotoabzug.jpg') no-repeat top left; } #teaser-home-text { position: absolute; top: 50px; left: 245px; width: 400px; } #teaser-home-text ul { margin-left: 10px; margin-top: 10px; font-size: 1.1em; line-height: 160%; } #teaser-home-text li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; } #button-neuanmelden { margin-left: 30px; margin-top: 18px; } .button-neuanmelden { background: url('../bilder/button-jetztneuanmelden.gif') no-repeat left top; display: block; cursor: pointer; width: 145px !important; height: 22px; } .button-neuanmelden:hover { background-position: left -22px !important; } #slider-nav { background: #3973b0 url('../bilder/bg-thead.png') no-repeat center 0; font-weight: bold; color: #FFF; } #slider-nav ul { height: 27px; padding-left: 26px; width: 760px; } #slider-nav li { background: none; display: inline; padding: 0 !important; } #slider-nav a { float: left; display: block; background: url('../bilder/li-slider-nav.gif') repeat-x left 0; height: 23px; padding: 4px 15px 0 15px; color: #ffffff; } #slider-nav a:hover { background-position: 0% -27px; text-decoration: none !important; } #slider-nav li.current a { background-position: 0% -54px; text-decoration: none !important; cursor: default; } * html #slider-nav ul { height: auto; } .a-box-container { height: 320px; width: 760px; background-color: #fff; margin-left: -40px; margin-top: -24px; } .a-box { width: 230px; height: 326px; background-color: #eef6fd; float: left; margin: 20px 5px 13px 15px; box-sizing: border-box; border-radius: 5px 5px 5px 5px;box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); no-repeat top left; } .a-box .h2 { color:#666666; padding: 7px 10px; margin: 0; font-size: 18px; font-weight: normal; margin-bottom: -6px; } .a-box .p {padding: 14px 22px;line-height: 18px;color:#666666;} .a-box .btn { background: #65a4e7; color: white; padding: 6px 15px; font-size: 16px; cursor: pointer; width: 140px; margin-left: 28px; position: absolute; top: 616px; text-align: center; border-radius: 4px; box-shadow: 0px 0px 2px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.3); } .a-box .btn:hover {background: #2196F3;color: white;text-decoration:none;} .centered { position: absolute; top: 362px; left: 16px; font-size: 70px; font-weight: 900; padding: 50px 30px; color: white; } .centered-text { position: absolute; top: 482px; left: 40px; font-size: 12px; color: white; } .centered-title { position: absolute; top: 354px; left: 22px; font-size: 26px; padding: 100px 13px; color: white; } .center-border { border: 4px solid #fff; position: absolute; width: 130px; height: 130px; top: 379px; left: 24px; } /* #angebot { height: 260px; width: 700px; margin-bottom: 24px; margin-left: 5px; } #angebot .box-angebot-1 { float: left; background-color:#EEF3F9; margin-right: 20px; margin-bottom: 10px;margin-left: -21px; width: 204px; height: 260px;border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); no-repeat top left; padding: 10px; } #angebot .box-angebot-2 { float: left; background-color:#EEF3F9; margin-right: 20px; margin-bottom: 10px; width: 204px; height: 260px;border-radius: 5px 5px 5px 5px;box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); no-repeat top left; padding: 10px; } #angebot .box-angebot-3 { float: left; background-color:#EEF3F9; margin-right: 0; margin-bottom: 10px; width: 204px; height: 260px;border-radius: 5px 5px 5px 5px;box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); no-repeat top left; padding: 10px; } .box-angebot-1 h2, h2.prodinfo-1, .box-angebot-2 h2, h2.prodinfo-2, .box-angebot-3 h2, h2.prodinfo-3 { margin-bottom: 4px; padding: 0 } .box-angebot-1 h2, .box-angebot-2 h2, .box-angebot-3 h2 { font:1.6em/150% Arial,Helvetica,sans-serif;color: #3973B0;} .box-angebot-1 strong, .box-angebot-2 strong, .box-angebot-3 strong {padding:0;} .box-angebot-1 p, .box-angebot-2 p, .box-angebot-3 p {font:1.1em/130% Arial,Helvetica,sans-serif; margin-bottom: 4px; } .box-angebot-1 a, .box-angebot-2 a, .box-angebot-3 a { text-decoration: underline; } .box-angebot-2 img {margin:0 10px 1em 0;} .box-angebot-1 img, .box-angebot-3 img {margin:0 10px 1em 12px;} */ .minihinweis { color: #d00; } .head_bestellen { height: 73px !important; } .start_content { border-bottom: 1px solid #ccc; margin: 0 -14px 1px -16px; padding-bottom: 18px; padding-top: 18px; position: relative; color: #7b7b7b; } .start_content_top { border-bottom: 1px solid #ccc; margin: 60px -14px 1px -16px; border-top: 1px solid #ccc; padding-bottom: 18px; padding-top: 18px; position: relative; color: #7b7b7b; } .start_content h3 { font-size: 16px; font-weight: normal; margin-bottom: 12px; margin-top: 0; color: #666666; } .start_content_top h3 { font-size: 18px; font-weight: normal; margin-bottom: 12px; margin-top: 0; color: #666666; } .start_content-img-left { float: left; margin: 1px 19px -9px 0px; } /* SUBPAGES */ #teaser-fotoabzug { background: url('../bilder/teaser-fotoabzug.jpg') no-repeat top right; } #teaser-fotoabzug-prodimg { position: absolute; top: 29px; left: 0px; width: 230px; height: 240px; background: url('../bilder/teaser-prodimg-fotoabzug.jpg') no-repeat top left; } #teaser-fotoabzug-text { position: absolute; top: 50px; left: 220px; width: 400px; } #teaser-fotoabzug-text ul { margin-left: 30px; margin-top: 10px; font-size: 1.1em; line-height: 160%; } #teaser-fotoabzug-text li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; } .product-heading4 { font-size: 1.4em; font-weight: bold; padding-top: 8px; color: #404244; margin-bottom: 10px; } #teaser-passbilder { background: url('../bilder/teaser-passbilder.jpg') no-repeat top right; } #teaser-passbilder-prodimg { position: absolute; top: 29px; left: 0px; width: 230px; height: 240px; background: url('../bilder/teaser-prodimg-passbilder.jpg') no-repeat top left; } #teaser-passbilder-text { position: absolute; top: 50px; left: 220px; width: 400px; } #teaser-passbilder-text ul { margin-left: 30px; margin-top: 10px; font-size: 1.1em; line-height: 160%; } #teaser-passbilder-text li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; } #button-jetztbestellen { margin-left: 30px; margin-top: 18px; } .button-jetztbestellen { background: url('../bilder/button-jetztbestellen.gif') no-repeat left top; display: block; cursor: pointer; width: 145px !important; height: 22px; } .button-jetztbestellen:hover { background-position: left -22px !important; } #teaser-fotobuch { background: url('../bilder/teaser-home.jpg') no-repeat top right; } #teaser-fotobuch-prodimg { position: absolute; top: 20px; left: 10px; width: 265px; height: 265px; background: url('../bilder/teaser-prodimg-fotobuch.jpg') no-repeat top left; } #teaser-fotobuch-text { position: absolute; top: 50px; left: 280px; width: 500px; } #teaser-fotobuch-text ul { margin-left: 30px; margin-top: 10px; font-size: 1.1em; line-height: 160%; } #teaser-fotobuch-text li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; } #teaser-fotokalender { background: url('../bilder/teaser-fotokalender.jpg') no-repeat top right; } #teaser-fotokalender-prodimg { position: absolute; top: 20px; left: 0px; width: 195px; height: 265px; background: url('../bilder/teaser-prodimg-fotokalender.jpg') no-repeat top left; } #teaser-fotokalender-text { position: absolute; top: 50px; left: 220px; width: 500px; } #teaser-fotokalender-text ul { margin-left: 30px; margin-top: 10px; font-size: 1.1em; line-height: 160%; } #teaser-fotokalender-text li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; } #teaser-poster { background: url('../bilder/teaser-poster.jpg') no-repeat top right; } #teaser-poster-prodimg { position: absolute; top: 10px; left: 0px; width: 205px; height: 270px; background: url('../bilder/teaser-prodimg-poster.jpg') no-repeat top left; } #teaser-poster-text { position: absolute; top: 50px; left: 245px; width: 400px; } #teaser-poster-text ul { margin-left: 30px; margin-top: 10px; font-size: 1.1em; line-height: 160%; } #teaser-poster-text li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; } #teaser-leinenposter { background: url('../bilder/teaser-leinenposter.jpg') no-repeat top right; } #teaser-leinenposter-prodimg { position: absolute; top: 40px; left: 0px; width: 250px; height: 230px; background: url('../bilder/teaser-prodimg-leinenposter.jpg') no-repeat top left; } #teaser-leinenposter-text { position: absolute; top: 50px; left: 260px; width: 400px; } #teaser-leinenposter-text ul { margin-left: 30px; margin-top: 10px; font-size: 1.1em; line-height: 160%; } #teaser-leinenposter-text li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; } #teaser-fotogeschenke { background: url('../bilder/teaser-geschenkartikel.jpg') no-repeat top right; } #teaser-fotogeschenke-prodimg { position: absolute; top: 20px; left: 0px; width: 195px; height: 255px; background: url('../bilder/teaser-prodimg-geschenke.jpg') no-repeat top left; } #teaser-fotogeschenke-text { position: absolute; top: 50px; left: 200px; width: 400px; } #teaser-fotogeschenke-text ul { margin-left: 30px; margin-top: 10px; font-size: 1.1em; line-height: 160%; } #teaser-fotogeschenke-text li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; } #teaser-postkarten { background: url('../bilder/teaser-postkarten.jpg') no-repeat top right; } #teaser-postkarten-prodimg { position: absolute; top: 30px; left: 0px; width: 205px; height: 255px; background: url('../bilder/teaser-prodimg-postkarten.jpg') no-repeat top left; } #teaser-postkarten-text { position: absolute; top: 50px; left: 245px; width: 400px; } #teaser-postkarten-text ul { margin-left: 30px; margin-top: 10px; font-size: 1.1em; line-height: 160%; } #teaser-postkarten-text li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; } #teaser-meinebilder { background: url('../bilder/bg-meinebilder.jpg') no-repeat top left; } #teaser-meinebilder-text { position: absolute; top: 50px; left: 400px; width: 300px; } #teaser-meinebilder #button-neuanmelden { margin-left: 0px; margin-top: 18px; } #teaser-hochladen { background: url('../bilder/bg-hochladen.jpg') no-repeat top left; } #teaser-hochladen-text { position: absolute; top: 50px; left: 400px; width: 300px; } #teaser-hochladen #button-neuanmelden { margin-left: 0px; margin-top: 18px; } #teaser-bestellen { background: url('../bilder/bg-bestellen.jpg') no-repeat top left; } #teaser-bestellen-text { position: absolute; top: 50px; left: 400px; width: 300px; } #teaser-bestellen #button-neuanmelden { margin-left: 0px; margin-top: 18px; } .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: url('../bilder/bg-thead.png') no-repeat center 0; font-weight: bold; color: #FFF; } 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-bottom: 1px dotted #C3C5C7; padding: 4px 5px; } 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: #C3C5C7 !important; } table select { margin: 0 !important; } table img.info { margin-bottom: 0 !important; vertical-align: middle; margin-left: 4px; } .content-box { 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 .box-icon { float: left; width: 120px; } .content-box .box-text { float: left; width: 550px; padding-bottom: 12px; } .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%; } a.calendarlink { cursor: default; } #cal-designs { border-top: 1px solid #C3C5C7; } #cal-designs td { border-bottom: 1px solid #C3C5C7; padding: 12px 0 6px; } #cal-designs h4 { margin-bottom: 6px; } #cal-designs img { border: 1px solid #C3C5C7; padding: 3px; } #cal-designs span { background: #F3F5F7; /* font-weight: bold; */ font-size: 0.9em; line-height: 110%; /* color: #FFF; */ display: block; float: left; border: 1px solid #C3C5C7; margin: 0 1px 1px 0; padding: 1px 2px; } .intro .orderbook .left { width: 59%; padding-top: 5px; } .intro .orderbook .right { width: 37%; } img.big-margin { display: block; } a#button-scanform { background: url('../bilder/button-scanform.gif') no-repeat 0 0; display: block; width: 276px; height: 28px; } a#button-scanform:hover { background-position: 0 -28px; } /*Produkte Unterseiten*/ .fotoabzuege-textbox { padding: 0px 20px 20px 0px; margin-bottom:20px; } .fotoabzuege-img-right { float: right; margin: 10px 0 0 10px; } .fotoabzuege-img-left { float: left; margin: 0 10px 0 10px; } .fotokalender-textbox { padding: 0px 20px 0px 0px; margin-bottom:0px; } .fotokalender-img-right { float: right; margin: 0 0 0 10px; } .fotokalender-img-left { float: left; margin: 0 10px 0 10px; } .fotoposter-textbox { padding: 0px 20px 0px 0px; margin-bottom:20px; } .fotoposter-img-right { float: right; margin: 10px 0 0 10px; } .fotoposter-img-left { float: left; margin: 0 10px 0 10px; } .fotoleinwand-textbox { padding: 0px 20px 0px 0px; margin-bottom:20px; } .fotoleinwand-img-right { float: right; margin: 10px 0 0 10px; } .fotoleinwand-img-left { float: left; margin: 0 10px 0 -32px; } #info-paper1 { display: none; height: 300px; } #info-paper1 div { background: #f1f1f1; border: 1px solid #dde7f3; margin-bottom: 18px; padding: 12px; } #info-paper2 { display: none; height: 360px; } #info-paper2 div { background: #f1f1f1; border: 1px solid #dde7f3; margin-bottom: 18px;margin-top: 10px; padding: 12px; } #info-paper3 { display: none; height: 350px;margin-top: 10px; } #info-paper3 div { background: #f1f1f1; border: 1px solid #dde7f3; margin-bottom: 18px; padding: 12px; } .presse { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #C3C5C7; border-style: solid; border-width: 1px 0; margin: 12px 0 24px; padding: 8px 0 0; } /* Preisliste */ * html .preisheader { margin-bottom: 12px; } /* IE6 Fix */ *+html .preisheader { margin-bottom: 12px; } /* IE7 Fix */ .preisheader h3 { float: left; } .preisheader p { float: right; margin: 0; padding-top: 10px; } body#page-preisliste .cols .left, body#page-preisliste .cols .right { width: 48%; } body#page-preisliste .cols .right .preisheader { border: 0; padding-top: 0; } #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.newprice { float: right; font-size: 0.9em; line-height: 150%; font-weight: bold; background-color: #cc0000; color: #fff; padding: 1px 4px; margin-left: 0px; } /* 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: 20px; } #contactform fieldset { border-top: 1px solid #D3D5D7; margin: 0; padding: 12px 0; } #contactform input, #contactform textarea { width: 384px; } button#sendmessage { background-image: url('../bilder/button-sendmsg.gif'); width: 143px; } /* Linkes Menü Boxen */ .sidebar-box { background-color:#dbe6f2; height: 300px; margin-top: 24px; margin-bottom: 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 1px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); } .sidebar-box div.innercol { no-repeat left top; text-align: right; padding-top: 24px !important; } .sidebar-box-small { background-color:#dbe6f2; no-repeat left bottom; height: 140px; margin-top: 24px; margin-bottom: 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 1px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); } .sidebar-box-small div.innercol {height : 300px;text-align : right;padding-top : 6px !important ;} #subnav-smallbox .innercol, #subnav-smallbox2 .innercol { height: 120px; padding: 15px; } #subnav-smallbox p, #subnav-smallbox2 p { font-size: 14px; letter-spacing: 0px;color: #535557; margin-bottom: 0.5em; margin-left: 0.5em } .subnav-smallbox-head { font-size: 1.4em; text-align : right; font-weight: bold; padding-top: 8px; padding-right: -30px; color: #404244; margin-bottom: 10px; } .payimg { margin-left: 58px; margin-top:12px; } .shipimg { margin-left: 34px; margin-top: 24px; } /* Error 404 */ #error404 .cols div { min-height: 200px !important; height: auto !important; } #error-div { background: url('../bilder/bg-error-div.gif') repeat-x; height: 200px; margin-bottom: 12px; } #error404 #main div.left { width: 300px; } /* 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; border-left: 1px solid #C3C5C7; 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 { display: inline; vertical-align: middle; cursor: pointer; width: 185px; height: 28px; margin-left: 180px; } .no_bgimg { background: none !important; } .input_error { background: #fff url('../bilder/icon-error-right-whitespace.gif') no-repeat right center; } #button-login { background: url('../bilder/button-login-form.gif') no-repeat left top !important; display: block; vertical-align: middle; cursor: pointer; width: 102px !important; height: 28px; } #button-login:hover { background-position: left -28px !important; } /* Passwort vergessen */ #formrecovery { } #formrecovery div.forminner { } #formrecovery input { width: 300px; font-size: 1em; margin-bottom: 0; } /* 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; } #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; } form#formunlock { } #formunlock div.forminner { } #formunlock fieldset { margin: 0 } #formunlock label { margin: 3px 0px 0 0; } #formunlock input { float: left; width: 150px; margin: 3px 15px 0 0; } #myalbum { background-image: url('../bilder/icon-myfotopost-album.jpg'); border: 0 none !important; } #myupload { background-image: url('../bilder/icon-myfotopost-upload.jpg'); } #mybestellung { background-image: url('../bilder/icon-myfotopost-bestellung.jpg'); } /* 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 { border-top: 1px solid #c3c5c7; display: block; margin-top: 6px; padding-top: 18px; } /* button.weiter { background: url('../bilder/button-weiter.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 105px; height: 22px; } button.weiter:hover { background-position: left -22px; } button.speichern { background: url('../bilder/button-speichern.gif') no-repeat left top !important; display: block; vertical-align: middle; cursor: pointer; width: 145px !important; height: 22px; } button.speichern:hover { background-position: left -22px !important; } button.abbruch { background: url('../bilder/button-abbruch.gif') no-repeat left top !important; display: block; vertical-align: middle; cursor: pointer; width: 145px !important; height: 22px; } button.abbruch:hover { background-position: left -22px !important; } button.uebertragung-abbruch { background: url('../bilder/button-uebertragung-abbrechen.gif') no-repeat left top !important; display: block; vertical-align: middle; cursor: pointer; width: 145px !important; height: 22px; } button.uebertragung-abbruch:hover { background-position: left -22px !important; } button.anschriftuebernehmen { background: url('../bilder/button-anschriftuebernehmen.gif') no-repeat left top !important; display: block; vertical-align: middle; cursor: pointer; width: 145px !important; height: 22px; } button.anschriftuebernehmen:hover { background-position: left -22px !important; } */ /* 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: 14%; padding-right: 20px; } table#myfp-status-table td.td-5th { width: 13%; } table#myfp-status-table td.td-6th { width: 46%; } /* 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: 14%; padding-right: 20px; font-weight: bold; } table#myfp-status-table td.td-tf5 { width: 13% } table#myfp-status-table td.td-tf6 { width: 46%; } /* 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-6th { 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%; padding-right: 20px; } table#myfp-status-auftrag td.td-6th { text-align: right; width: 12%; padding-right: 20px; } #myfp-status-auftrag-box { background: #F3F5F7; border: 1px solid #C3C5C7; 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; } /* Fotoalbum */ #fotoalbum-folder-layer { } #fotoalbum-folder-layer h3 { padding: 0; margin-bottom: 12px; } #fotoalbum-folder-layer p { margin-bottom: 12px; } * 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.gif') 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: 60px; 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: #E3E5E7; width: 100px !important; height: 100px !important; cursor: default; } #trash { background-image: url('../bilder/icon-album-trash.gif'); background-position: center 3px; } .fotoalbum-folder span { display: inline; font-weight: normal; } .fotoalbum-folder h3 { margin: 0; } .fotoalbum-folder-up { background: #FFF url('../bilder/icon-album-folder-up.gif') no-repeat center 3px; } .fotoalbum-folder-objects { background: #FFF url('../bilder/icon-album-folder-objects.gif') no-repeat center 3px; } .fotoalbum-folder-cal { background: #FFF url('../bilder/icon-album-folder-cal.gif') no-repeat center 3px; } .fotoalbum-folder-book { background: #FFF url('../bilder/icon-album-folder-book.gif') no-repeat center 3px; } /* Fotoalbum / Neuen Ordner anlegen */ #fotoalbum-newfolder { display: none; } #fotoalbum-newfolder div.newfolderinner { background: #FFF; margin: 0; padding-bottom: 15px; } #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: 270px; margin: 0 5px 0 0 !important; } #fotoalbum-newfolder button { vertical-align: middle; margin-top: -3px } * html #fotoalbum-newfolder button { margin-top: 0px } /* IE6 Fix */ *+html #fotoalbum-newfolder button { margin-top: 0px} /* IE7 Fix */ /* Fotoalbum / Ordner Einstellungen */ #fotoalbum-foldersettings { display: none; } #fotoalbum-foldersettings div.foldersettinner { margin: 0 0 24px !important; padding: 6px 12px !important; background: #cccccc; } #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.png') no-repeat right top; padding-right: 30px; padding-bottom: 3px; padding-top: 3px; margin-right: 8px; } h3 a.fotoalbum-galeriefreigabe-link { background: url('../bilder/icon-folder-settings.png') no-repeat right top; padding-right: 30px; padding-bottom: 3px; padding-top: 3px; margin-right: 8px; } #fotoalbum-foldershares { display: none; } #fotoalbum-foldershares div.foldersettinner { margin: 0 0 24px !important; padding: 6px 12px !important; background: #cccccc; } #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; } * html #fotoalbum-newfolder button { margin-top: 21px } /* IE6 Fix */ *+html #fotoalbum-newfolder button { margin-top: 21px} /* IE7 Fix */ #fotoalbum-foldershares h4 { border-top: 1px solid #C3C5C7; padding-top: 12px; } #fotoalbum-foldershares button { background: url('../bilder/button-share.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; margin: 0 5px 0 0 !important } #fotoalbum-foldershares button:hover { background-position: left -22px; } * html #fotoalbum-foldershares button { margin-top: 21px } /* IE6 Fix */ *+html #fotoalbum-foldershares button { margin-top: 21px} /* IE7 Fix */ /* Fotoalbum / Navigation */ .fotoalbum-nav { background: #E3E5E7; font-size: 0.9em; margin-bottom: 18px; padding: 6px 12px; } .fotoalbum-nav * { margin: 0; } .fotoalbum-nav select { vertical-align: middle; margin: 0 5px; } .fotoalbum-nav a, .fotoalbum-nav .right { font-weight: bold } /* Fotoalbum / Bilder */ #fotoalbum-pics-layer { padding: 12px 0; } #fotoalbum-pics-layer 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: 150px; 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; } .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: #E3E5E7 !important; } .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: #E3E5E7 !important; } .fotoalbum-pics-kompakt .imageframe img { position: absolute !important; } .fotoalbum-pics p { text-align: left; position: absolute; left: 12px; bottom: 12px; width: 150px; margin: 0; } .fotoalbum-pics span { display: block; width: 70px; float: left; font-weight: bold; } #ansicht-wahl { float: right; height: 17px; padding-top: 6px; } #ansicht-wahl img { margin: 0; } /* 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-left: 180px; padding-bottom: 10px; background: url('../bilder/pgr-fotoabzuege.jpg') no-repeat top left; } .pgr-fotokalender { padding-left: 180px; padding-bottom: 10px; background: url('../bilder/pgr-fotokalender.jpg') no-repeat top left; } .pgr-poster { padding-left: 180px; padding-bottom: 10px; background: url('../bilder/pgr-poster.jpg') no-repeat top left; } .pgr-keilrahmenposter { padding-left: 180px; padding-bottom: 10px; background: url('../bilder/pgr-keilrahmenposter.jpg') no-repeat top left; } .pgr-fotogeschenke { padding-left: 180px; padding-bottom: 10px; background: url('../bilder/pgr-fotogeschenke.jpg') no-repeat top left; } .pgr-postkarten { padding-left: 180px; padding-bottom: 10px; background: url('../bilder/pgr-postkarten.jpg') no-repeat top left; } .pgr-leinwand { padding-left: 180px; padding-bottom: 10px; background: url('../bilder/pgr-keilrahmenposter.jpg') no-repeat top left; } .pgr-fotobuecher { padding-left: 180px; padding-bottom: 10px; background: url('../bilder/pgr-fotobuecher.jpg') no-repeat top left; } #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: 170px; height: 44px; line-height: 100%; } #order-breadcrumb li.current { font-weight: bold; font-size: 1.11em; 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: #FFFFFF; } #order-breadcrumb li.current a { color: #FFFFFF; } #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; } .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-reset { background: url('../bilder/button-reset.gif') no-repeat 0 0; display: block; width: 105px; height: 22px; margin-left: 9px; } a#btn-reset:hover { background-position: 0 -22px; } a#btn-order-basket { background: url('../bilder/button-warenkorb.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } a#btn-order-basket:hover { background-position: 0 -22px; } .order-motiv-nav { background: #E3E5E7; 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 img { position: absolute !important; border: 0 none !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: 55% !important; text-align: left !important; } .greetingcard table td.td-3rd { width: 45% !important; text-align: left !important; } .greetingcard table td.top { vertical-align: top; } .greetingcard input.flat { color: #fff; padding: 0; vertical-align: text-bottom; } .greetingcard textarea { width: 250px; 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: left; } 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: 500px; } .compactview { float: none !important; width: auto; } .order-formats table { margin-bottom: 0px; } .order-formats table thead td { background: #576881 url('../bilder/bg-thead.png') no-repeat center 0; font-weight: bold; color: #FFF; } .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: #E3E5E7; 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 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: 75%; margin-bottom: 0 !important; } .order-formats input.flat { border: none !important; padding-right: 0px !important; width: 45px !important; background: none !important; } /* Bestellung / Formatauswahl (Kompaktauswahl) */ /* angepasste Compactview-CSS für neues Formular (zum Einbildeditor) */ .compactview.onepageeditor table tr { background: transparent; } .compactview.onepageeditor table td.td-1st { width: 27% !important; padding-left: 0; } .compactview.onepageeditor table td.td-2nd { /*width: 22% !important;*/ } .compactview.onepageeditor table td.td-3rd { text-align: left; width: 55% !important; } .compactview.onepageeditor table td.td-4th { position: relative; text-align: left; width: 18% !important; } .compactview.onepageeditor .fotoalbum-pics { min-height: 150px; height: auto !important; height: 150px; width: 150px; margin: 12px 12px 12px 0; } .compactview.onepageeditor table td.td-2nd ul.options li { background: transparent; padding-left: 0; margin-bottom: 2px; } .compactview.onepageeditor table td.td-2nd ul.options li a span { margin-left: 20px; } .compactview.onepageeditor table td.td-3rd .ui-tabs .ui-tabs-panel { border-width: 0 !important; padding: 1em 0 0 0; } .compactview.onepageeditor table td.td-3rd .formatSelector { width: 340px; height: 100px; margin-bottom: 8px; z-index:100;} .compactview.onepageeditor table td.td-3rd .paper { margin-bottom: 8px; } .compactview.onepageeditor table td.td-3rd label { float: left; width: 60px; } .compactview.onepageeditor table td.td-3rd label.flat { float: none; width: auto; display: inline-block; font-weight: normal; margin-right: 6px; } .compactview.onepageeditor table td.td-3rd input[type=radio] { width: auto; margin-right: 6px; } .compactview.onepageeditor table td.td-3rd select { width: 245px !important; } .compactview.onepageeditor table td.options { padding-top: 10px; } .compactview.onepageeditor table td.options div { float: left; } .compactview.onepageeditor table td.options select { width: 120px !important; float: left; margin-right: 10px !important; } .compactview.onepageeditor table td.options ul { float: left; margin-top: 20px; } .compactview.onepageeditor table td.options li { padding-left: 0; background: none; float: left; margin-right: 10px; } .compactview.onepageeditor table td.td-4th .row { margin-bottom: 6px; } .compactview.onepageeditor table td.td-4th .row label { width: 60px; float: left; vertical-align: bottom; display: inline-block; display: none; } .compactview.onepageeditor table td.td-4th .row div { float: right; } .compactview.onepageeditor table td.td-4th .row div div { float: left; margin-left: 10px; text-align: center; } .compactview.onepageeditor table tr.setall td { border-top: 0; padding: 0; } .compactview.onepageeditor table tr.setall a { float: right; margin-bottom: 6px; margin-top: -20px; } .compactview.onepageeditor table td div.setall { text-align: right; } .compactview.onepageeditor table td.td-4th .row { margin-bottom: 6px; } .compactview.onepageeditor table td.td-4th .row label { width: 40px; float: left; vertical-align: bottom; display: inline-block;} .compactview.onepageeditor table td.td-4th .row div { float: right; } .compactview.onepageeditor table td.td-4th .row div div { float: left; margin-left: 20 px; text-align: center; } /* angepasste Compactview-CSS ENDE */ #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 */ table.table-checkout { margin-bottom: 1em; margin-bottom: 2em; 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-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; } #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: 96%; } #order-checkout-form-agb label { width: auto; } #order-sonder-kal { position: relative; } #order-sonder-kal label { margin-bottom: 0em; padding-top: 4px; } #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 { background: url('../bilder/button-checkout.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } button#btn-order-checkout:hover { background-position: 0 -22px; } */ button#btn-produkte-hinzufuegen { background: url('../bilder/button-produktehinzufuegen.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; position: absolute; right: 20px; bottom: 20px } button#btn-produkte-hinzufuegen:hover { background-position: 0 -22px; } #zusatzoptionen img { margin: 0px; } #zusatzoptionen label { width: auto; } #order-checkout-form-agb label { width: auto; } /* F O O T E R ------------------------------------------------------------------------------------ */ #footer { no-repeat left top; font-size: 0.9em; margin-left: 200px; } #footer .inner { padding: 14px 21px 0; } #footer .right { text-align: right; } #footer .right a { margin-left: 10px; } .footnote { color: #939597; } .footnote p { margin: 0; } p.partners { color: #737577; border-top: 1px dotted #939597; padding: 12px 21px 0; } p.partners a { color: #939597 !important; } /* I N F O - P O P U P S ------------------------------------------------------------------------------------ */ body#info { background: #FFF; } body#info #container { width: auto; margin: 0; padding: 30px 30px 0 } body#info div.left { width: 160px; } body#info div.right { width: 350px; } body#info h2 { font: normal 1.8em/150% Georgia,"Times New Roman",serif; color: #3973B0; padding-top: 0 } body#info h2.h2-geschenke { padding-top: 0px; } body#info p { } body#info small { color: #939597 } body#info a.closewindow { background: url('../bilder/a-closewindow.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; } body#info a.closewindow:hover { background-position: 0 -22px; } body#info a.closewindow span { display: none; } /* 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; } /* K A L E N D E R E D I T O R ------------------------------------------------------------------------------------ */ body#cal { background: #FFF !important; } body#cal #container { background: #FFF !important; overflow: auto; width: auto; margin: 0; padding: 20px 30px 0 } body#cal #order-breadcrumb { position: relative !important; float: right; margin: 8px 0 24px; padding: 0; } body#cal #calintro { } body#cal #calintro h2 { float: left; padding: 18px 0 5px; } body#cal small { color: #939597 } #calsettings { background: url(../bilder/bg-caloptions.gif) repeat-y right 0; border: 1px solid #C3C5C7; margin-bottom: 18px; padding: 20px; } #calsettings div.left { text-align: center; float: left; width: 380px; } #calsettings div.right { float: right; width: 250px; } body#cal h3 { background-repeat: no-repeat; background-position: 0 center; margin-bottom: 0.2em; padding: 0; } body#cal h3#no01 { background-image: url(../bilder/icon-no1.gif); padding-left: 24px } body#cal h3#no02 { background-image: url(../bilder/icon-no2.gif); padding-left: 24px } body#cal h3#no03 { background-image: url(../bilder/icon-no3.gif); padding-left: 24px } table#table-caltype { width: 250px; margin-bottom: 0.5em; } table#table-caltype td { border: 0 none; margin: 0; padding: 0; } table#table-caltype td.typerow { width: 180px; } table#table-caltype td.typesize { width: 70px; } table#table-caltype td.typesize small { font-weight: bold; color: #535557; display: block; margin-bottom: 4px; } table#table-caltype td.typesize img { margin:0; } #calpreview { width: auto; text-align: center; padding-top: 30px; } #calpreview img#m0 { display: block; border: 1px solid #C3C5C7; margin: 0 auto 20px; } body#cal img.zoom { vertical-align: middle; border: 0 none; margin: 0 0 3px 4px; padding: 0 } body#cal a.calendarlink { cursor: pointer; } input.input_typerow { width: 160px } input.input_typesize { width: 18px; text-align: center; } #calsettings select { width: 160px } body#cal .topframe { height: 160px; border-bottom: 1px solid #C3C5C7; } body#cal button { background-repeat: no-repeat; background-position: left top; display: block; vertical-align: middle; cursor: pointer; height: 28px; float: left; margin: 0; } body#cal button:hover { background-position: left -28px; } body#cal a#btn-choosetitle { background: url('../bilder/button-choosetitle.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 24px; } body#cal a#btn-choosetitle:hover { background-position: left -22px; } body#cal button#btn-refreshtype { background-image: url('../bilder/button-refreshtype.gif'); width: 145px; height: 22px; float: none; margin-bottom: 24px; } body#cal button#btn-refreshtype:hover { background-position: left -22px; } body#cal a#btn-cal-bestellung-fortsetzen { background-image: url('../bilder/button-continue.gif'); display: block; width: 145px; height: 22px; margin-bottom: 12px; float: right; } body#cal a#btn-cal-bestellung-fortsetzen:hover { background-position: left -22px; } body#cal a#btn-cal-fertigstellen { background-image: url('../bilder/button-cal-fertigstellen.gif'); display: block; width: 145px; height: 22px; margin-bottom: 12px; float: right; } body#cal a#btn-cal-fertigstellen:hover { background-position: left -22px; } body#cal a#btn-cal-neu-pruefen { background-image: url('../bilder/button-cal-neu-pruefen.gif'); display: block; width: 145px; height: 22px; margin-bottom: 12px; margin-left: 12px; float: right; } body#cal a#btn-cal-neu-pruefen:hover { background-position: left -22px; } body#cal a#btn-cal-doppelte-motive { background-image: url('../bilder/button-cal-doppelte-motive.gif'); display: block; width: 145px; height: 22px; margin-bottom: 12px; margin-left: 12px; float: right; } body#cal a#btn-cal-doppelte-motive:hover { background-position: left -22px; } #calimages { margin-bottom: 18px; } #calimages div.calpages { float: left; width: 530px; } #calimages div.calpages div { background: #FFF; text-align: center; float: left; width: 140px; margin: 0 12px 12px 0; padding: 10px 10px 0; } #calimages div.calpages div.selected { background: #E3E5E7; width: 140px; cursor: default; } #calimages div.calpages div.last { margin: 0 0 12px 0; } #calimages div.calpages img.calpagemonth { background: #FFF; text-align: center; display: block; border: 1px solid #D3D5D7; padding: 3px; margin: 0 auto 8px; } #calimages div.calpics { background: #F3F5F7; width: 158px; padding-bottom: 7px; margin-left: 10px; } #calimages div.calpics img { background: #fff; float: left; border: 3px solid white; margin: 0 0 7px 7px; padding: 2px; } #calimages div.calpics img.selected { border: 3px solid #939597; } #calimages div.calpicsfolder { background: #D3D5D7; border-bottom: 1px solid #FFF; margin-bottom: 1em; padding: 1em 7px 0; } /* Fotodruck Buttons z.B. für druckvorschau */ /* Button colored */ button#btn-order-checkout span { display: inline-block; } body#druckvorschau .pd-button-color, body#druckvorschau .pd-button-color-small, body#payment .pd-button-color,button#btn-order-checkout { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #749CC7; /* for non-css3 browsers */ background: linear-gradient(top, #FFFFFF, #749CC7); background: -ms-linear-gradient(top, #FFFFFF 0%,#749CC7 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#749CC7'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#749CC7)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#749CC7)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #FFFFFF, #749CC7); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #FFFFFF, #749CC7); /* for Presto (Opera etc) */ border: 1px solid #B2C8E0; cursor: pointer; overflow: visible; padding: 0.7em 0.7em 0.7em 0.7em; /*#1f62d6*/ vertical-align: middle; white-space: nowrap; outline: none; display: inline-block; font-weight: normal; line-height: 1px; font-size: 1.2em; color: #1160AA; } body#druckvorschau .pd-button-color:hover, body#druckvorschau .pd-button-color-small:hover, body#payment .pd-button-color:hover, button#btn-order-checkout:hover { box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; border-color: #B2C8E0; background: #D4E0ED; /* for non-css3 browsers */ background: linear-gradient(top, #F7F9FB, #D4E0ED); background: -ms-linear-gradient(top, #FFFFFF 0%,#749CC7 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#F7F9FB', endColorstr='#D4E0ED'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F7F9FB, endColorstr=#394454)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#F7F9FB), to(#D4E0ED)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #F7F9FB, #D4E0ED); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #F7F9FB, #D4E0ED); /* for Presto (Opera etc) */ color: #2161A6; } body#druckvorschau .pd-button-color:active, body#druckvorschau .pd-button-color-small:active, .pd-button-color-small:focus, body#payment .pd-button-color:active { box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; border-color: #394454; background: #D4E0ED; /* for non-css3 browsers */ background: linear-gradient(top, #F7F9FB, #D4E0ED); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#F7F9FB', endColorstr='#D4E0ED'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F7F9FB, endColorstr=#D4E0ED)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#F7F9FB), to(#D4E0ED)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #F7F9FB, #D4E0ED); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #F7F9FB, #D4E0ED); /* for Presto (Opera etc) */ } body#druckvorschau a.pd-button-color, body#payment a.pd-button-color { color: #1160AA; } body#druckvorschau a.pd-button-color:hover, a.pd-button-color:active,body#payment a.pd-button-color:active { color: #2161A6; text-decoration: none; } body#payment a.pd-button-color:hover, a.pd-button-color:active,body#payment a.pd-button-color:active { color: #2161A6; text-decoration: none; } body#druckvorschau .pd-button-small { } body#druckvorschau .pd-button span { color: #333; } body#druckvorschau .pd-button-small span { color: #333; font-size: 0.9em; line-height: 100%; } body#druckvorschau a.pd-button-small { padding: 0 5px; color: #535557; } body#druckvorschau a.pd-button-small:hover, a.pd-button-small:active { color: #535557; text-decoration: none; } /* 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; border-top: 0px; padding: 0; vertical-align: top; } 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; 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 #method3 { position: absolute; width: 140px; top: 10px; left: 300px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat -280px 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 -420px 0; } body#druckvorschau.leinwand #method1:hover { background-position: 0 -130px; } body#druckvorschau.leinwand #method2:hover { background-position: -140px -130px; } body#druckvorschau.leinwand #method3:hover { background-position: -280px -130px; } body#druckvorschau.leinwand #method4: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 #method3 { background-position: -280px -260px; } body#druckvorschau.leinwand div.selected #method4 { 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%; } @-moz-document regexp(".*") { /* Selector um Line-height-Bug in Firefox zu fixen */ button#btn-order-checkout { padding-top: 0.5em; } } .button-block { display: block; width: 140px; text-align: center; height: 1.5em; margin: 6px 0; } /* z.B. in meineauftraege_inc.php */ #overlay { 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; } .bodyoverlay { background-color:#fff; opacity:0.3; position:'absolute'; top:0px; left:0px; z-index':100; } /* E N D S T Y L E S . C S S ------------------------------------------------------------------------------------ */