/* *************************************************************************************** * * * Fotopostonline * * http://www.fotopostonline.de * * * * S C R E E N . C S S * * * * Last modified: 04.02.2010 * * * **************************************************************************************/ /* B A S I C S ------------------------------------------------------------------------------------ */ * { border: 0; margin: 0; padding: 0; } html { height: 100% } body { background: #e0dbd5; font-size: 100.01%; text-align: center; padding-bottom: 20px; } #container { position: relative; background: #ffffff; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #000000; width: 960px; margin: 0 auto 0; } 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: bold 2em/120% Arial, Helvetica, sans-serif; color: #a93615; } h2 { font: normal 1.8em/150% Arial, Helvetica, sans-serif; color: #a93615; padding-top: 24px; } h3 { font-size: 1.2em; padding-top: 8px; color: #a93615; } h4, h5 { font-size: 1em; } a:link, a:visited { color: #a93615; text-decoration: none; outline: 0; } a:hover, a:active { color: #a93615; 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 6px; 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; font-weight: bold; padding-right: 0.7em;*/ } a.more:hover { text-decoration: underline; } a.more span { display: none; } a.top { background: transparent url('../bilder/a-top.gif') no-repeat right center; font-weight: bold; padding-right: 0.9em; } a.top:hover { text-decoration: underline; } /* Clearfix */ * html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */ *+html .clearfix { min-height: 1%; } /* IE7 Fix */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clear { clear: both; height: 1px; } /* Colors */ .red, .error { color: #DD0000; } .green, .success { color: #809900; } .light { color: #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; } button { background-color: transparent; background-position: center center; display: block; float: left; cursor: pointer; height: 22px; margin-right: 7px; } button span { display: none; } 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: 137px; background: #ffffff url('../bilder/bg-header-off.jpg') no-repeat left top; } #header.banner { background: #ffffff url('../bilder/bg-header-on.jpg') no-repeat left top; } /* Logo */ h1#logo { position: absolute; top: 24px; left: 26px; background: transparent url('../bilder/h1-logo.gif') no-repeat left top; } h1#logo a { display: block; text-decoration: none !important; height: 80px; width: 226px; } h1#logo span { display: none; } p#logo-subline { display: none; } /* N A V I G A T I O N ------------------------------------------------------------------------------------ */ #nav { position: absolute; top: 107px; right: 40px; } #nav ul { float: right; display: inline; height: 30px; margin: 0; } #nav li { background: none; display: inline; padding: 0; } #nav a { float: left; background-color: transparent; background-repeat: no-repeat; background-position: left -60px; display: block; height: 30px; margin-left: 4px; } #nav a:hover { background-position: 0% -30px; text-decoration: none !important; } #nav a#nav-start-off { background-image: url('../bilder/nav-start-off.gif'); width: 110px; } #nav a#nav-meinebilder-off { background-image: url('../bilder/nav-meinebilder-off.gif'); width: 110px; } #nav a#nav-hochladen-off { background-image: url('../bilder/nav-hochladen-off.gif'); width: 110px; } #nav a#nav-bestellen-off { background-image: url('../bilder/nav-bestellen-off.gif'); width: 110px; } #nav a#nav-hilfe-off { background-image: url('../bilder/nav-hilfe-off.gif'); width: 110px; } #nav a#nav-start-on { background-image: url('../bilder/nav-start-on.gif'); width: 110px; } #nav a#nav-meinebilder-on { background-image: url('../bilder/nav-meinebilder-on.gif'); width: 110px; } #nav a#nav-hochladen-on { background-image: url('../bilder/nav-hochladen-on.gif'); width: 110px; } #nav a#nav-bestellen-on { background-image: url('../bilder/nav-bestellen-on.gif'); width: 110px; } #nav a#nav-hilfe-on { background-image: url('../bilder/nav-hilfe-on.gif'); width: 110px; } #nav a span { display: none; } #nav .current a { background-position: 0% 0 !important; } #subnav .innercol { padding: 15px; } #subnav ul { background: none; } #subnav li { background: url('../bilder/li-subnav.gif') no-repeat center right; padding: 0; text-align: right; } #subnav li a { background-color: transparent; color: #ffffff; display: block; text-decoration: none !important; width: auto !important; width: 150px; /* IE6 Fix */ padding: 4px 14px 4px 0px; } #subnav li a:hover { text-decoration: underline !important; color: #ffffff; } #subnav li.current a { font-weight: bold; text-decoration: none !important; cursor: default; } #subnav p { margin-bottom: 0.5em; } #subnav-2 .innercol { padding: 15px; } #subnav-2 ul { background: none; } #subnav-2 li { background: url('../bilder/li-subnav.gif') no-repeat center right; padding: 0; text-align: right; } #subnav-2 li a { background-color: transparent; color: #ffffff; display: block; text-decoration: none !important; width: auto !important; width: 150px; /* IE6 Fix */ padding: 4px 14px 4px 0px; } #subnav-2 li a:hover { text-decoration: underline !important; color: #ffffff; } #subnav-2 li.current a { font-weight: bold; text-decoration: none !important; cursor: default; } #subnav-2 p { margin-bottom: 0.5em; } #subnav .big-margin, #subnav-2 .big-margin { margin-bottom: 0em !important; } ul.navlink-top { background: none; margin: 0; margin-bottom: 1em; border-bottom: 1px solid #ffa412; } ul.navlink-bottom { background: none; margin: 0; margin-top: 1em; border-top: 1px solid #ffa412; } ul.navlink-top li, ul.navlink-bottom li { background: url('../bilder/li-subnav.gif') no-repeat center right; padding: 0; text-align: right; } ul.navlink-top li a, ul.navlink-bottom li a { background-color: transparent; color: #ffffff !important; display: block; text-decoration: none !important; width: auto !important; width: 150px; /* IE6 Fix */ padding: 4px 14px 4px 0px; } ul.navlink-top li a:hover, ul.navlink-bottom li a:hover { text-decoration: underline !important; color: #ffffff; } /* L O G I N ------------------------------------------------------------------------------------ */ #loginpanel { margin-top: 23px; background: #a93615; width: 200px; height: 180px; padding: 0; } #login { background: transparent url('../bilder/bg-subnav1-bottom.gif') no-repeat left bottom; height: 100%; } #login .innercol { padding: 10px 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: #ffffff; } #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 { background: url('../bilder/bg-login-input.gif') no-repeat top left; font-size: 1em; color: #ffffff; width: 104px; margin: 0; padding: 3px; border: none; } #login p { margin: 0; padding: 0p; } #login p.login-links { margin: 0; padding: 8px 0 0 0; font-size: 0.9em; clear: left; } #login p.login-links a { color: #ffffff !important; } #login p.login-links a:hover { text-decoration: underline !important; color: #ffffff !important; } #login button { background: url('../bilder/button-login.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 85px; height: 22px; margin: 0; } #login button:hover { background-position: left -22px; } * html #login button { margin-top: 0; } /* IE6 Fix */ *+html #login button { margin-top: 0; } /* IE7 Fix */ .loggedin { text-align: right; padding-right: 8px; color: #ffffff; } .loggedin strong { color: #ffa412; } /* 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; margin-left: 200px; } * 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: 0px; } .cols .innercol { background-position: left top; background-repeat: no-repeat; min-height: 160px; height: auto !important; height: 160px; padding: 16px; } .cols .last { margin: 0; } .col1_4 { width: 200px; } .col2_4 { width: 444px; } .col3_4 { width: 672px; } .col4_4 { width: 672px; margin-right: 0 !important; } /* ALLGEMEINES */ .infopanel { background: #ffd38d; border: 1px solid #a93615; color: #a93615; margin-bottom: 18px; padding: 12px; } .infopanel h3 { padding: 0; } .infopanel p { margin: 0; color: #a93615; } .infopanel ul { margin: 0; } .errorpanel { background: #ffd38d url('../bilder/icon-warning.gif') no-repeat 12px 14px; border: 1px solid #a93615; color: #a93615; margin-bottom: 18px; padding: 12px 12px 12px 60px; } .errorpanel h3 { padding: 0; } .errorpanel p { margin: 0; color: #a93615; } .errorpanel ul { margin: 0; } /* BUTTONS */ 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; } /* STARTSEITE */ .teaser { position: relative; margin: -20px 0 0 -40px; height: 180px; } #teaser-home { position: relative; width: 560px; height: 440px; margin-left: 60px; margin-top: 30px; } #teaser-part-1 { position: absolute; top: 100px; left: 0px; width: 144px; height: 247px; background: url('../bilder/fpo-startbild1.gif') no-repeat top left; } #teaser-part-2 { position: absolute; top: 100px; left: 144px; width: 411px; height: 247px; background: url('../bilder/fpo-startbild2.gif') no-repeat top left; } #teaser-part-3 { position: absolute; top: 347px; left: 0px; width: 242px; height: 189px; background: url('../bilder/fpo-startbild3.gif') no-repeat top left; } #teaser-part-4 { position: absolute; top: 347px; left: 242px; width: 149px; height: 189px; background: url('../bilder/fpo-startbild4.gif') no-repeat top left; } #teaser-part-5 { position: absolute; top: 347px; left: 391px; width: 164px; height: 189px; background: url('../bilder/fpo-startbild5.gif') no-repeat top left; } #teaser-part-6 { position: absolute; top: 545px; left: 0px; width: 560px; height: 100px; } #teaser-home a { width: 100%; height: 100%; display: block; } #teaser-home h1 { margin-bottom: 6px !important; } #teaser-home h2 { padding-top: 0 !important; margin-bottom: 6px !important; } #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; } .minihinweis { color: #d00; } .head_bestellen { height: 73px !important; } /* SUBPAGES */ #teaser-fotoabzug { } #teaser-fotoabzug-text { position: absolute; top: 50px; left: 45px; 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; } #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-fotokalender { } #teaser-fotokalender-text { position: absolute; top: 50px; left: 45px; 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 { } #teaser-poster-text { position: absolute; top: 50px; left: 45px; 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 { } #teaser-leinenposter-text { position: absolute; top: 50px; left: 45px; 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 { } #teaser-fotogeschenke-text { position: absolute; top: 50px; left: 45px; 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 { } #teaser-postkarten-text { position: absolute; top: 50px; left: 45px; 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 { } #teaser-meinebilder-text { position: absolute; top: 50px; left: 45px; } #teaser-meinebilder #button-neuanmelden { margin-left: 0px; margin-top: 18px; } #teaser-hochladen { } #teaser-hochladen-text { position: absolute; top: 50px; left: 45px; } #teaser-hochladen #button-neuanmelden { margin-left: 0px; margin-top: 18px; } #teaser-bestellen { } #teaser-bestellen-text { position: absolute; top: 50px; left: 45px; } #teaser-bestellen #button-neuanmelden { margin-left: 0px; margin-top: 18px; } .intro { border-bottom: 0px solid #C3C5C7; margin: 0px 0px 0px; padding: 0 0px 8px 0px } .prodintro { border-bottom: 0px solid #C3C5C7; margin: 0px 0px 0px; padding: 0 0px 0px 0px } .prodintro .left { width: 420px !important; } .prodintro .right { text-align: right; margin: 20px 0px 0px; padding: 0 0px 0px 0px; width: 211px !important; } .intro .left { width: 70%; } .intro .right { margin: 30px 10px 0px; padding: 0 0px 0px 0px; width: 25%; } .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.gif') 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; } .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; } /* 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; } /* 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; } /* Presse */ .sidebar-box { background: url('../bilder/bg-subnav3-bottom.gif') no-repeat left bottom; padding-bottom: 10px; margin-top: 24px; margin-bottom: 12px; } .sidebar-box div.innercol { background: #ffa412; text-align: right; padding-top: 12px !important; } .sidebar-box-2 { background: url('../bilder/bg-subnav2-bottom.gif') no-repeat left bottom; padding-bottom: 10px; margin-top: 24px; margin-bottom: 12px; } .sidebar-box-2 div.innercol { background: #f96a11; text-align: right; padding-top: 12px !important; } /* 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 { background: url('../bilder/button-createaccount.gif') no-repeat left top; display: inline; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; margin-left: 180px; } #formregister button:hover { background-position: left -22px; } .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; } #formrecovery button { background: url('../bilder/button-senden.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 105px; height: 22px; margin-left: 180px; display: inline; } #formrecovery button:hover { background-position: left -22px; } /* Index */ #dashboard { padding-bottom: 0; margin-bottom: 2.5em; } .dashboard-panel { float: left; width: 319px; margin-right: 20px; } #dashboard table { margin: 0 } #dashboard table td { border: 0; border-top: 1px solid #C3C5C7; padding: 6px 5px 6px 0; } #dashboard table td.td-1st { width: 80%; } #dashboard table td.td-2nd { text-align: right; width: 20%; } form#vouchercode { border: 0; padding: 0 0 8px; margin-bottom: 3em; } #vouchercode div.forminner { } #vouchercode fieldset { margin: 0 } #vouchercode label { float: left; margin-right: 10px; padding-top: 4px; font-size:1em; } #vouchercode input { float: left; width: 250px; margin: 0 10px 0 0; } #vouchercode button { background: url('../bilder/button-gutscheineinloesen.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; } #vouchercode button:hover { background-position: left -22px; } form#formunlock { } #formunlock div.forminner { } #formunlock fieldset { margin: 0 } #formunlock label { } #formunlock input { float: left; width: 150px; margin: 0 10px 0 0; } #formunlock button { background: url('../bilder/button-weiter.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 105px; height: 22px; } #formunlock button:hover { background-position: left -22px; } #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; } #formprofile button { background: url('../bilder/button-save.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; } #formprofile button:hover { background-position: left -22px; } 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; } #einstellungen button { background: url('../bilder/button-save.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; } #einstellungen button:hover { background-position: left -22px; } /* 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; } a.btn-neuerordner { background: url('../bilder/button-neuerordner.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; } a.btn-neuerordner:hover { background-position: left -22px; } #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: 0px; } #fotoalbum-newfolder h3 { margin: 0 0 8px !important; padding: 0 !important; } #fotoalbum-newfolder form { background: transparent; border: 0 none; margin: 0; padding: 0 !important; } #fotoalbum-newfolder fieldset { border: 0 none !important; margin: 0 !important; padding: 0px !important; } #fotoalbum-newfolder input { width: 300px; margin: 0 5px 0 0 !important; } #fotoalbum-newfolder button { background: url('../bilder/button-savefolder.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; margin: 0px 0 0 } #fotoalbum-newfolder button:hover { background-position: left -22px; } * 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 { background: #FFF; margin: 0; padding: 0px; } #fotoalbum-foldersettings h3 { margin: 0 0 8px !important; padding: 0 !important; } #fotoalbum-foldersettings form { background: transparent; border: 0 none; margin: 0 0 12px !important; padding: 0 !important; } #fotoalbum-foldersettings #foldersettings { border-bottom: 1px solid #C3C5C7; margin: 0 0 24px !important; padding-bottom: 12px !important; } #fotoalbum-foldersettings #fotoalbum-foldershares { border-bottom: 1px solid #C3C5C7; margin: 0 0 24px !important; padding-bottom: 12px !important; } #fotoalbum-foldersettings fieldset { } #fotoalbum-foldersettings input { width: 300px; margin: 0 5px 0 0 !important; } #fotoalbum-foldersettings button { background: url('../bilder/button-save.gif') no-repeat left top; display: block; float: left; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; margin: 0 5px 0 0 !important } #fotoalbum-foldersettings button:hover { background-position: left -22px; } a.folder-share { background: url('../bilder/icon-folder-share.gif') no-repeat left -5px; cursor: pointer; padding-right: 24px; margin-left: 4px; width: 24px; height: 24px; } a.folder-settings { background: url('../bilder/icon-folder-settings.gif') no-repeat right top; padding-right: 20px; } * 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: 55px; 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-bottom: 10px; } .pgr-fotokalender { padding-bottom: 10px; } .pgr-poster { padding-bottom: 10px; } .pgr-keilrahmenposter { padding-bottom: 10px; } .pgr-fotogeschenke { padding-bottom: 10px; } .pgr-postkarten { padding-bottom: 10px; } #order-breadcrumb { list-style-type: none; height: 30px; margin-top: 8px; } * html #order-breadcrumb { margin-left: -4px; margin-right: -4px; } #order-breadcrumb li { float: left; margin: 0; padding: 0; width: 170px; height: 22px; } #order-breadcrumb li.current { } #order-breadcrumb li.current a { color: #ffffff; } #order-breadcrumb li a { line-height: 100%; text-align: center; background: url('../bilder/bg-order-breadcrumb.gif') no-repeat left -22px; display: block; margin: 0; padding: 5px 0px; } #order-breadcrumb li.current * { background-position: left -66px; } #order-breadcrumb li.disabled span { text-decoration: none !important; color: #939597; cursor: default; } #order-breadcrumb li.check a { background-position: -10px top; } #order-breadcrumb li.check .last a { background-position: right -88px; } #order-breadcrumb li .last a { background: url('../bilder/bg-order-breadcrumb.gif') no-repeat right -22px; } #order-breadcrumb li.current .last a { background-position: right -88px; } #order-breadcrumb li .first a { background: url('../bilder/bg-order-breadcrumb.gif') no-repeat left top; } #order-breadcrumb li.current .first a { background-position: left -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-order-continue, button.btn-order-continue { background: url('../bilder/button-order-continue.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } a#btn-order-continue:hover, button.btn-order-continue:hover { background-position: 0 -22px; } a#btn-allewieerstes { background: url('../bilder/button-allewieerstes.gif') no-repeat 0 0; display: block; width: 105px; height: 22px; margin-left: 9px; } a#btn-allewieerstes:hover { background-position: 0 -22px; } 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; } a#btn-new-kalender { background: url('../bilder/button-neuer-kalender.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } a#btn-new-kalender:hover { background-position: 0 -22px; } a#btn-new-fotobuch { background: url('../bilder/button-neues-fotobuch.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } a#btn-new-fotobuch: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: right; } p.order-showpreview a { background: url('../bilder/button-showpreview.gif') no-repeat 0 0; display: block; width: 41px; height: 22px } p.order-showpreview a:hover { background-position: 0 -22px; } p.order-showpreview a span { display: none; } .order-formats { float: right; width: 500px; } .compactview { float: none !important; width: auto; } .order-formats table { margin-bottom: 0px; } .order-formats table thead td { background: #576881 url('../bilder/bg-thead.gif') 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 td { border-color: #5F5F5F; 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) */ .compactview table thead td.td-1st { background-position: 0 0; } .compactview table thead td.td-2nd, .compactview table thead td.td-7th { background-position: center top; } .compactview table thead td.td-8th { background-position: 100% 0; } .compactview table td.td-1st { width: 27% !important; } .compactview table td.td-2nd { width: 18% !important; } .compactview table td.td-3rd { text-align: left; width: 12% !important; } .compactview table td.td-4th { text-align: center; width: 6% !important; } .compactview table td.td-5th { text-align: center !important; width: 8% !important; padding: 0; } .compactview table td.td-6th { text-align: right; width: 11% !important; padding-right: 10px; } .compactview table td.td-7th { width: 6% !important; } .compactview table td.td-8th { width: 9% !important; padding-right: 0; } .compactview select { width: 100% !important; } .compactview table img { margin: 0 !important; } .compactview table td.td-1st img { margin-right: 3px !important; } #order-legend { margin-bottom: 8px; padding-bottom: 2px; } #order-legend h4 { margin-right: 20px; padding: 1px 0 } ul#order-legend-list { float: left; } ul#order-legend-list li { font-size: 0.9em; display: block; float: left; background-position: left center; margin-right: 15px; padding: 1px 0 1px 30px; } ul#order-legend-list li#order-legend-format-full { background-image: url('../bilder/imgcut0.gif'); } ul#order-legend-list li#order-legend-format-cut { background-image: url('../bilder/imgcut1.gif'); } ul#order-legend-list li#order-legend-fit { background-image: url('../bilder/imgcut2.gif'); } ul#order-legend-list li#order-legend-full-framed { background-image: url('../bilder/imgcut3.gif'); } ul#order-legend-list li#order-legend-info { background-image: url('../bilder/icon-info.gif'); padding-left: 19px; } a.back { background: transparent url('../bilder/a-back.gif') no-repeat left center; font-weight: bold; padding-left: 0.7em; } a.back:hover { text-decoration: underline; } a.back span { display: none; } /* Bestellung / Adresse vervollständigen */ #formorder { background: transparent no-repeat left bottom; border: 0; padding: 0 0 0px; } #formorder div.forminner { } #formorder div.divider { border-bottom: 0px solid #C3C5C7; margin-bottom: 0px; padding-bottom: 0px; } #formorder input { width: 240px; } #formorder input.checkbox { width: auto; } #formorder -street, #formorder -street2 { width: 240px !important; margin-right: 5px; } #formorder -nr, #formorder -nr2 { width: 40px !important; } #formorder-country, #formprofile-country2 { width: 40px; margin-right: 5px; } #formorder-plz, #formorder-plz2 { width: 40px !important; margin-right: 5px; } #formorder-location, #formorder-location2 { width: 138px !important; } /* Bestellung / Bestellung abschliessen */ 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-sonder-kal { position: relative; } #order-sonder-kal label { margin-bottom: 0em; padding-top: 4px; width:350px; } #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 { width: 960px; background: url('../bilder/bg-footer.gif') no-repeat left bottom; font-size: 0.9em; margin: 0 auto 0; font: normal 0.75em/150% Arial, Helvetica, sans-serif; } #footer .inner { padding: 0.5em 1em; } /* Footer Navigation */ #footer ul { font-size: 0.9em; line-height: 100%; text-align: right; float: right; margin: 0; } #footer li { background: transparent url('../bilder/li-topnav.gif') no-repeat left 1px; float: left; display: inline; margin-left: 0.5em; padding-left: 0.8em; } #footer li.first { background: none; } #footer a { display: block; color: #ffffff; } #footer a:hover { } #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% Arial, Helvetica, sans-serif; color: #a93615; 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: #E3E5E7; padding: 0; } body#optimator #container { background: transparent !important; width: 880px; height: 350px; margin: 0; padding: 0px; } #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: 280px; height: 310px; background: #FFF; margin: 10px 0 0 10px; padding: 10px; } #opt-origimg img { border: 1px solid #737577; margin: 0 } #opt-optimimg { display: inline; float: left; text-align: center; width: 280px; height: 310px; background: #FFF; margin: 10px 0 0 5px; 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; } #opt-settings button { background: url('../bilder/button-opt-save.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; margin: 0 5px 0 0 !important } #opt-settings button:hover { background-position: left -22px; } /* 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; } /* E N D S T Y L E S . C S S ------------------------------------------------------------------------------------ */