/* *************************************************************************************** * * * Fotopost24 * * http://www.fotopost.de * * * * S C R E E N . C S S * * * * Last modified: 16.01.2009 * * * **************************************************************************************/ /* B A S I C S ------------------------------------------------------------------------------------ */ * { border: 0; margin: 0; padding: 0; } html { height: 100% } body { background: #848484 url("../images/bg-body.gif") repeat-x left top; font-size: 100.01%; text-align: center; padding-bottom: 20px; } #container { background: #FFF url("../images/bg-container.gif") repeat-y center top; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #535557; width: 960px; margin: 16px auto 0; } p, h2, h3, h4, h5, ul, ol, fieldset, img { margin-bottom: 12px; } h2, h3, h4, h5, strong, b { font-weight: bold; } h2 { font-size: 1.8em; letter-spacing: -1px; padding-top: 24px; } h3 { font-size: 1.2em; letter-spacing: -1px; padding-top: 8px; } h4, h5 { font-size: 1em; } a:link, a:visited { color: #006dd9; text-decoration: none; outline: 0; } a:hover, a:active { color: #006dd9; text-decoration: underline; outline: 0; } :focus { outline: 0; -moz-outline-style: none; } ul { list-style: none; } ul li { background: url("../images/li.gif") no-repeat left 5px; padding-left: 12px; } ol { list-style: outside decimal; } ol li { margin: 0 20px 12px; } * html ol { padding-left: 4px; } *+html ol { padding-left: 4px; } table { table-layout: fixed; width: 100%; overflow: hidden; border: 0; border-collapse: separate; border-spacing: 0; margin-bottom: 24px; } input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #939597; vertical-align: middle; border: 1px solid #000; padding: 3px; } 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("../images/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("../images/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; font: 1px/0px serif; } /* 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: 0.9em; font-weight: bold; display: block; margin-bottom: 2px; } 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: 5px; } 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: 28px; 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 #e5d69d; 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 { background: transparent url("../images/bg-header.gif") repeat-x left top; padding: 0 24px 0 28px; } /* Top Navigation */ #topnav ul { font-size: 0.9em; line-height: 120%; text-align: right; float: right; margin: 0; padding-top: 1.5em; } #topnav li { background: transparent url("../images/li-topnav.gif") no-repeat left 1px; float: left; display: inline; margin-left: 0.5em; padding-left: 0.65em; } #topnav li.first { background: none; } #topnav a { display: block; color: #535557; } #topnav a:hover { } /* Flags */ #topnav #flag-de { } #topnav #flag-de a { background: transparent url("../images/flag-de.gif") no-repeat left top; width: 16px; height: 20px; } #topnav #flag-ch { background: none; margin-left: 0.35em; padding: 0; } #topnav #flag-ch a { background: transparent url("../images/flag-ch.gif") no-repeat left top; width: 16px; height: 20px; } #topnav #flag-at { background: none; margin-left: 0.35em; padding: 0; } #topnav #flag-at a { background: transparent url("../images/flag-at.gif") no-repeat left top; width: 16px; height: 20px; } #topnav #flag-li { background: none; margin-left: 0.35em; padding: 0; } #topnav #flag-li a { background: transparent url("../images/flag-li.gif") no-repeat left top; width: 16px; height: 20px; } #topnav #flag-de a span, #topnav #flag-ch a span, #topnav #flag-at a span, #topnav #flag-li a span { display: none; } /* Logo */ h1#logo { background: transparent url("../images/h1-logo.jpg") no-repeat left top; float: left; margin-top: 24px; } h1#logo a { display: block; text-decoration: none !important; height: 57px; width: 216px; margin-bottom: 20px; } /* height: 46px; width: 202px; */ h1#logo span { display: none; } p#logo-subline { display: none; } /* N A V I G A T I O N ------------------------------------------------------------------------------------ */ #nav { background: url("../images/bg-nav.gif") repeat-x left top; margin: 0 24px; } #nav ul { float: left; display: inline; height: 33px; 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: 33px; } #nav a:hover { background-position: 0% -33px; text-decoration: none !important; } #nav a#nav-home { background-image: url("../images/nav-home.gif"); width: 92px; } #nav a#nav-produkte { background-image: url("../images/nav-produkte.gif"); width: 115px; } #nav a#nav-services { background-image: url("../images/nav-service.gif"); width: 78px; } #nav a#nav-preisliste { background-image: url("../images/nav-preisliste.gif"); width: 88px; } #nav a#nav-hilfe { background-image: url("../images/nav-hilfe.gif"); width: 58px; } #nav a#nav-login { background-image: url("../images/nav-login.gif"); width: 210px; margin-left: 271px; } #nav a span { display: none; } #nav .current a { background-position: 0% -66px !important; } #loggedin { background: url("../images/bg-nav-rightend.gif") no-repeat right top; font-size: 0.9em; color: #caf200; float: right !important; text-align: right; display: block; width: 425px; height: auto !important; margin: 0; padding: 7px 22px 8px; } * html #loggedin { padding: 6px 24px 8px; } /* IE6 Fix */ *+html #loggedin { padding: 6px 25px 8px; } /* IE7 Fix */ #loggedin a { color: #FFF; float: none; display: inline; } #loggedin a.current { color: #e4f87f; } #loggedin a:hover { text-decoration: underline !important; } #subnav li { background: none; border-top: 1px solid #E3E5E7; padding: 0; } #subnav li a { background: url("../images/li-subnav.gif") no-repeat left 9px; color: #535557; display: block; width: auto !important; width: 150px; /* IE6 Fix */ padding: 4px 5px 4px 12px; } #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 { background: transparent url("../images/bg-login-panel.jpg") no-repeat center bottom; display: none; width: 880px; margin: 0 auto; padding: 0 15px; } #login { background: transparent url("../images/bg-login-panel-divider.jpg") repeat-y right center; width: 687px; float: left; } #register { width: 193px; float: right; } #login .innercol { padding: 15px 24px 15px 15px; } #loginpanel h3 { margin: 0; padding: 2px 0 0 !important; } #loginpanel img.left { margin-right: 0.5em } #loginform { border: 0; padding: 0; } #login fieldset { background: #e5df84 url("../images/bg-login-fieldset.jpg") repeat-x left top; margin: 0 !important; padding: 10px !important; } #login fieldset div { float: left; width: 260px; } #login fieldset div#loginform-button { width: 100px; } #login input { font-size: 1.55em; border: 1px solid; border-top-color: #736f49; border-right-color: #cec87b; border-bottom-color: #f1edbd; border-left-color: #cec87b; width: 245px; margin: 0; padding: 3px; } #login button { background: url("../images/button-login.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 102px; height: 28px; margin: 21px 0 12px; } #login button:hover { background-position: left -28px; } * html #login button { margin-top: 24px; } /* IE6 Fix */ *+html #login button { margin-top: 24px; } /* IE7 Fix */ #register .innercol { padding: 15px 15px 10px; } #register a { background: url("../images/button-neuanmelden.gif") no-repeat left top; display: block; text-decoration: none !important; width: 128px; height: 28px; } #register a:hover { background-position: left -28px; } /* M A I N ------------------------------------------------------------------------------------ */ #main { padding: 20px 24px 0; } /* Grid Layout */ .cols { position: relative; margin-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: 210px; } .col2_4 { width: 444px; } .col3_4 { width: 678px; } .col4_4 { width: 912px; margin-right: 0 !important; } /* ALLGEMEINES */ .pressezitat { border: 1px solid #C3C5C7; border-width: 1px 0; margin: 12px 0 24px; padding: 8px 0 0; } .pressezitat p { margin: 0; padding: 8px 0 0; } * html .pressezitat img { padding-bottom: 18px; } /* IE6 Fix */ *+html .pressezitat img { padding-bottom: 18px; } /* IE7 Fix */ .infopanel { background: #ffffe5; border: 1px solid #e5d69d; margin-bottom: 18px; padding: 12px; } .infopanel h3 { padding: 0; } .infopanel p { margin: 0; } .infopanel ul { margin: 0; } .errorpanel { background: #ffffe5 url("../images/icon-warning.gif") no-repeat 10px 10px; border: 1px solid #e5d69d; margin-bottom: 18px; padding: 12px 12px 12px 60px; } .errorpanel h3 { padding: 0; } .errorpanel p { margin: 0; } .errorpanel ul { margin: 0; } /* BUTTONS */ a.button-bestellen { background-image: url("../images/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("../images/button-details.gif"); display: block; width: 85px; height: 28px; margin: 0; padding: 0; } a.button-details:hover { background-position: 0 -28px; } /* STARTSEITE */ #home .col1_4 { background-image: url("../images/bg-col1_4.gif"); } #home .col1_4 div.innercol { background-image: url("../images/bg-col1_4-top.gif"); } #home .col2_4 { background-image: url("../images/bg-col2_4.gif"); } #home .col2_4 div.innercol { background-image: url("../images/bg-col2_4-top.gif"); } #home .col3_4 { background-image: url("../images/bg-col3_4.gif"); } #home .col3_4 div.innercol { background-image: url("../images/bg-col3_4-top.gif"); } #home .col4_4 { background-image: url("../images/bg-col4_4.gif"); } #home .col4_4 div.innercol { background-image: url("../images/bg-col4_4-top.gif"); } .icon { background-repeat: no-repeat; background-position: left center; padding: 8px 0 8px 56px; } .clock { background-image: url("../images/h3-clock.jpg"); padding-left: 52px } .dias { background-image: url("../images/h3-dias.jpg"); } .fp-logo { background-image: url("../images/h3-fp-logo.jpg"); } .scans { background-image: url("../images/h3-scans.jpg"); } .goblet { background-image: url("../images/h3-goblet.jpg"); padding-left: 44px } .trusted-shops { background-image: url("../images/h3-trusted-shops.jpg"); } .upload { background-image: url("../images/h3-upload.jpg"); padding-left: 44px } .calender { background-image: url("../images/h3-calender.jpg"); padding-left: 44px } .gratis { background-image: url("../images/h3-gratis.jpg"); padding-left: 50px } .friends { background-image: url("../images/h3-friends.jpg"); } .bill { background-image: url("../images/h3-bill.jpg"); padding-left: 44px } .album { background-image: url("../images/h3-photoalbum.jpg"); padding-left: 46px } .iphoneapp { background-image: url("../images/h3-postkartenapp.jpg"); padding-left: 48px } .bewertung { margin: -4px -6px 0 -6px !important; } /* .aktion h3 { font-size: 1.6em !important; margin-top: 0.5em !important; } */ .aktion li {margin-left:250px;} #home .col2_4 div.innercol { padding-left: 0 !important; } .minihinweis { color: #d00; } .head_bestellen { height: 73px !important; } /* SUBPAGES */ .intro { border-bottom: 1px solid #C3C5C7; margin: 12px 0 24px; padding: 0 25px 8px 0 } .intro .left { width: 37%; } .intro .right { width: 63%; } .col2_4 h2, .col3_4 h2, .col4_4 h2, .intro h2 { font-size: 24px; line-height: 110%; margin-bottom: 8px; padding-top: 12px; } table { margin-bottom: 30px; } table thead td { background: #576881 url("../images/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: #F3F5F7; } div.infopanel table tr.alt { background: #FFF; } table tr.alt td { } table td { vertical-align: top; border-bottom: 1px solid #C3C5C7; padding: 6px 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%; } thead sup { color: #C3C5C7 !important; } table select { margin: 0 !important; } .content-box { background-color: transparent; background-repeat: no-repeat; background-position: left 20px; border-top: 1px solid #C3C5C7; min-height: 130px; height: auto !important; height: 130px; margin-bottom: 12px; padding: 12px 0 1px 135px; } .content-box h3, .content-box p { margin-bottom: 0.5em; } .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 */ #info-paper1, #info-paper2, #info-paper3, #info-paper4 { display: none; height: 130px; } #info-paper1 div, #info-paper2 div, #info-paper3 div, #info-paper4 div { background: #ffffe5; border: 1px solid #e5d69d; margin-bottom: 18px; padding: 12px; } #info-paper1 h4, #info-paper2 h4, #info-paper3 h4, #info-paper4 h4 { background: url("../images/icon-info.gif") no-repeat left center; padding: 2px 0 2px 20px; } #info-paper1 h4, #info-paper2 h4, #info-paper3 h4, #info-paper4 h4 { margin-bottom: 0.5em; } #info-paper1 p, #info-paper2 p, #info-paper3 p, #info-paper4 p { margin: 0; } .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; /* color: #FFF; */ display: block; float: left; border: 1px solid #C3C5C7; margin: 0 1px 1px 0; padding: 1px 3px; } .intro .orderbook .left { width: 59%; padding-top: 5px; } .intro .orderbook .right { width: 37%; } img.big-margin { display: block; } a#button-scanform { background: url("../images/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; } /* Infoseiten */ a.button-jetzt-registrieren { background: url("../images/button-jetzt-registrieren.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 154px; height: 28px; margin: 5px 0 0 } a.button-jetzt-registrieren:hover { background-position: left -28px; } div#bannerlayout { position: relative; } div#bannerlayout .banner { position: absolute; text-align: center; } /* Versand */ table#table-versand thead td.td-4th { background-position: 50% 0; } table#table-versand thead td.td-5th { background-position: 100% 0; } table#table-versand td.td-1st { width: 14% } table#table-versand td.td-2nd { text-align: center; vertical-align: middle; width: 20% } table#table-versand td.td-3rd { text-align: center; width: 13% } table#table-versand td.td-4th { text-align: right; width: 20%; } table#table-versand td.td-5th { width: 33%; } table#table-versand img { display: inline; margin: 0; } .christmas { background: url("../images/icon-christmas.jpg") no-repeat left 20px; border: 1px solid #C3C5C7; border-width: 1px 0; margin: 12px 0 24px; padding: 12px 0 12px 70px; } /* Kontakt */ #contactform { background: transparent url("../images/bg-col2_4.gif") no-repeat left bottom; border: 0; padding: 0 0 24px; } #contactform div.forminner { background: transparent url("../images/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("../images/button-sendmsg.gif"); width: 143px; } #vcf { border: 1px solid #C3C5C7; border-width: 1px 0; margin-bottom: 18px; padding: 12px 0; } #vcf h3 { margin: 0; } #vcf a { background-image: url("../images/icon-vcf.jpg"); display: block; width: 181px; height: 60px; } #skypechat { border-top: 1px solid #C3C5C7; margin-bottom: 0px; padding: 12px 0; } #skypechat h3 { margin: 0; } /* Presse */ .sidebar-box { background: url("../images/bg-subnav-bottom.gif") no-repeat left bottom; padding-bottom: 10px; margin-bottom: 18px; } .sidebar-box div.innercol { background: transparent url("../images/bg-subnav-top.gif") no-repeat left top; } .sidebar-box-grey { background: url("../images/bg-col1_4.gif") no-repeat left bottom; padding-bottom: 10px; margin-bottom: 18px; } .sidebar-box-grey div.innercol { background: transparent url("../images/bg-col1_4-top.gif"); } .col-presse img { margin-top: 10px; } .news-box { border-bottom: 1px solid #C3C5C7; margin-bottom: 12px; /* padding-bottom: 12px; */ } #zip { background-image: url("../images/icon-logo.jpg"); display: block; width: 154px; height: 53px; } #pressestimmen li { background-position: left 14px; border-bottom: 1px solid #C3C5C7; padding: 12px 0 18px 120px; } #pressestimmen li#presse-chip { background-image: url("../images/presse-chip.jpg"); } #pressestimmen li#presse-chip-foto { background-image: url("../images/presse-chip-foto.jpg"); } #pressestimmen li#presse-compkompakt { background-image: url("../images/presse-compkompakt.jpg"); } #pressestimmen li#presse-compmag { background-image: url("../images/presse-compmag.jpg"); } #pressestimmen li#presse-computerfoto { background-image: url("../images/presse-computerfoto.jpg"); } #pressestimmen li#presse-netzwelt { background-image: url("../images/presse-netzwelt.jpg"); } #pressestimmen li#presse-pixelguide { background-image: url("../images/presse-pixelguide.jpg"); } #pressestimmen li#presse-testberichte { background-image: url("../images/presse-testberichte.jpg"); } #pressestimmen li#presse-tomorrow { background-image: url("../images/presse-tomorrow.jpg"); } #pressestimmen li#presse-vox { background-image: url("../images/presse-vox.jpg"); } #pressestimmen span { font-style: italic; font-size: 0.9em; } /* Service */ #servicefaq { background-image: url("../images/icon-service-faq.jpg"); } #serviceversand { background-image: url("../images/icon-service-versand.jpg"); } #serviceupload { background-image: url("../images/icon-service-upload.jpg"); } #servicetipps { background-image: url("../images/icon-service-tipps.jpg"); } /* Error 404 */ #error404 .cols div { min-height: 200px !important; height: auto !important; } #error-div { background: url("../images/bg-error-div.gif") repeat-x; height: 200px; margin-bottom: 12px; } #error404 #main div.left { width: 300px; } /* FAQ */ table#table-quality td { width: 20%; text-align: right; } table#table-quality td.td-1st { text-align: left; } table#table-megapixel thead td.td-7th { background-position: 100% 0; } ul#ul-bildfehler li { margin-bottom: 12px; } /* Anleitung zum Bilderupload */ .uploadfeatures { background-color: transparent; background-repeat: no-repeat; background-position: left 20px; border-top: 1px solid #C3C5C7; height: 135px; margin-bottom: 12px; padding: 12px 0 1px 135px; } #uploadanlexpress { background-image: url("../images/icon-uploadanl-express.jpg"); } #uploadanlcomf { background-image: url("../images/icon-uploadanl-comf.jpg"); } #uploadanlftp { background-image: url("../images/icon-uploadanl-ftp.jpg"); } #uploadanlmail { background-image: url("../images/icon-uploadanl-mail.jpg"); } #uploadanlcd { background-image: url("../images/icon-uploadanl-cd.jpg"); } /* Neuanmledung */ #freepics-div { background: url("../images/bg-freepics-div.jpg") repeat-x; height: 230px; } #formregister { background: transparent url("../images/bg-col4_4.gif") no-repeat left bottom; border: 0; padding: 0 0 24px; } #formregister div.forminner { background: transparent url("../images/bg-col4_4-top.gif") no-repeat left top; padding: 20px; } #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("../images/button-createaccount.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 193px; height: 28px; } #formregister button:hover { background-position: left -28px; } .no_bgimg { background: none !important; } .input_error { background: #fff url("../images/icon-error-right-whitespace.gif") no-repeat right center; } #button-login { background: url("../images/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 { background: transparent url("../images/bg-pw.gif") no-repeat left bottom; border: 0; margin-bottom: 2em; padding: 0 0 36px; } #formrecovery div.forminner { background: transparent url("../images/bg-pw-top.gif") no-repeat left top; padding: 20px; } #formrecovery input { width: 388px; font-size: 1.55em; margin-bottom: 0 } #formrecovery button { background: url("../images/button-userdata.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 189px; height: 28px; } #formrecovery button:hover { background-position: left -28px; } /* Mein Fotopost / Index */ #dashboard { border-bottom: 1px solid #C3C5C7; 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 { background: transparent url("../images/bg-voucher.gif") no-repeat left bottom; border: 0; padding: 0 0 8px; margin-bottom: 1em; } #vouchercode div.forminner { background: transparent url("../images/bg-voucher-top.gif") no-repeat left top; padding: 10px 20px 1px; } #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("../images/button-voucher.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 155px; height: 28px; } #vouchercode button:hover { background-position: left -28px; } form#formunlock { background: transparent url("../images/bg-voucher.gif") no-repeat left bottom; border: 0; padding: 0 0 8px; margin-bottom: 3em; } #formunlock div.forminner { background: transparent url("../images/bg-voucher-top.gif") no-repeat left top; padding: 10px 20px 10px; } #formunlock fieldset { margin: 0 } #formunlock label { } #formunlock input { float: left; width: 150px; margin: 0 10px 0 0; } #formunlock button { background: url("../images/button-weiter.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 92px; height: 28px; } #formunlock button:hover { background-position: left -28px; } #myalbum { background-image: url("../images/icon-myfotopost-album.jpg"); border: 0 none !important; } #myupload { background-image: url("../images/icon-myfotopost-upload.jpg"); } #mybestellung { background-image: url("../images/icon-myfotopost-bestellung.jpg"); } /* Mein Fotopost / Kundendaten */ #formprofile { background: transparent url("../images/bg-col3_4.gif") no-repeat left bottom; border: 0; padding: 0 0 24px; } #formprofile div.forminner { background: transparent url("../images/bg-col3_4-top.gif") no-repeat left top; padding: 20px; } #formprofile fieldset.left, #formprofile fieldset div.left { float: left; width: 49% } #formprofile div.divider { border-bottom: 1px solid #C3C5C7; margin-bottom: 18px; padding-bottom: 12px; } #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; } #formprofile-plz, #formprofile-plz2 { width: 40px !important; margin-right: 5px; } #formprofile-location, #formprofile-location2 { width: 122px !important; } #formprofile button { background: url("../images/button-save.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 103px; height: 28px; } #formprofile button:hover { background-position: left -28px; } h3#ftp-account { border-top: 1px solid #c3c5c7; display: block; margin-top: 6px; padding-top: 18px; } button.weiter { background: url("../images/button-weiter.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 92px; height: 28px; } button.weiter:hover { background-position: left -28px; } button.abbruch { background: url("../images/button_abbruch.gif") no-repeat left top !important; display: block; vertical-align: middle; cursor: pointer; width: 103px !important; height: 28px; } button.abbruch:hover { background-position: left -28px !important; } button.uebertragung-abbruch { background: url("../images/button-uebertragung-abbrechen.gif") no-repeat left top !important; display: block; vertical-align: middle; cursor: pointer; width: 184px !important; height: 28px; } button.uebertragung-abbruch:hover { background-position: left -28px !important; } button.anschriftuebernehmen { background: url("../images/button-anschriftuebernehmen.gif") no-repeat left top !important; display: block; vertical-align: middle; cursor: pointer; width: 184px !important; height: 28px; } button.anschriftuebernehmen:hover { background-position: left -28px !important; } /* Mein Fotopost / Einstellungen */ #einstellungen { background: transparent url("../images/bg-col3_4.gif") no-repeat left bottom; border: 0; padding: 0 0 24px; } #einstellungen div.forminner { background: transparent url("../images/bg-col3_4-top.gif") no-repeat left top; padding: 20px; } #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("../images/button-save.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 103px; height: 28px; } #einstellungen button:hover { background-position: left -28px; } /* Mein Fotopost / 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("../images/button-rechnung-anzeigen.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 184px; height: 28px; margin: 5px 0 0 } a.btn-rechnung-anzeigen:hover { background-position: left -28px; } a.btn-bilder-anzeigen { background: url("../images/button-bilder-anzeigen.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 184px; height: 28px; margin: 5px 0 0 } a.btn-bilder-anzeigen:hover { background-position: left -28px; } .myfp-status-versendet { background-image: url("../images/icon-status-versendet.gif"); } .myfp-status-druck { background-image: url("../images/icon-status-druck.gif"); } .myfp-status-bestellt { background-image: url("../images/icon-status-bestellt.gif"); } .myfp-status-storniert { background-image: url("../images/icon-status-storniert.gif"); } .myfp-status-wartend { background-image: url("../images/icon-status-wartend.gif"); } table.status-order-imglist td { border-bottom: none !important; } /* Mein Fotopost / Fotoalbum */ #fotoalbum-folder-layer { background: #F3F5F7 url("../images/bg-fotoalbum-folder-layer.gif") repeat-x left top; border: 1px solid #C3C5C7; margin: 0 0 12px; padding: 12px 0 0; } #fotoalbum-folder-layer h3 { padding: 0; margin: 0 12px 8px; } #fotoalbum-folder-layer p { margin: 0 12px 10px; } * html #fotoalbum-folder-wrapper { margin: 0 0 12px; padding-bottom: 12px; } /* IE6 Fix */ *+html #fotoalbum-folder-wrapper { margin: 0 0 12px; padding-bottom: 12px; } /* IE7 Fix */ .fotoalbum-folder { background: #FFF url("../images/icon-album-folder.gif") no-repeat center 20px; font-weight: bold; font-size: 0.9em; line-height: 120%; text-align: center; color: #535557 !important; text-decoration: none !important; border: 1px dashed #C3C5C7; float: left; width: 106px; min-height: 60px; height: 60px !important; margin: 0 12px 12px 0; padding: 55px 4px 3px; } #fotoalbum-folder-wrapper { padding-left: 12px; } #fotoalbum-folder-wrapper .fotoalbum-folder.selected { background-color: #E3E5E7; border: 1px solid #939597; width: 106px !important; min-height: 60px; height: 60px !important; cursor: default; } #trash { background-image: url("../images/icon-album-trash.gif"); background-position: center 15px; } .fotoalbum-folder span { display: inline; font-weight: normal; } .fotoalbum-folder h3 { margin: 0; } .fotoalbum-folder-up { background: #FFF url("../images/icon-album-folder-up.gif") no-repeat center 20px; } .fotoalbum-folder-objects { background: #FFF url("../images/icon-album-folder-objects.gif") no-repeat center 20px; } .fotoalbum-folder-cal { background: #FFF url("../images/icon-album-folder-cal.gif") no-repeat center 20px; } .fotoalbum-folder-book { background: #FFF url("../images/icon-album-folder-book.gif") no-repeat center 20px; } /* Mein Fotopost / Fotoalbum / Neuen Ordner anlegen */ #fotoalbum-newfolder { display: none; } #fotoalbum-newfolder div.newfolderinner { background: #FFF; border: 1px solid #D3D5D7; margin: 0 12px 12px; padding: 10px; } #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 { background: #F3F5F7; border: 0 none !important; margin: 0 !important; padding: 10px !important; } #fotoalbum-newfolder input { width: 300px; margin: 0 5px 0 0 !important; } #fotoalbum-newfolder button { background: url("../images/button-savefolder.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 134px; height: 28px; margin: 19px 0 0 } #fotoalbum-newfolder button:hover { background-position: left -28px; } * html #fotoalbum-newfolder button { margin-top: 21px } /* IE6 Fix */ *+html #fotoalbum-newfolder button { margin-top: 21px} /* IE7 Fix */ /* Mein Fotopost / Fotoalbum / Ordner Einstellungen */ #fotoalbum-foldersettings { display: none; } #fotoalbum-foldersettings div.foldersettinner { background: #FFF; border: 1px solid #D3D5D7; margin: 0 0 12px; padding: 10px; } #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 fieldset { background: #F3F5F7; border: 0 none !important; margin: 0 0 12px !important; padding: 10px !important; } #fotoalbum-foldersettings input { width: 300px; margin: 0 5px 0 0 !important; } #fotoalbum-foldersettings button { background: url("../images/button-save.gif") no-repeat left top; display: block; float: left; vertical-align: middle; cursor: pointer; width: 103px; height: 28px; margin: 0 5px 0 0 !important } #fotoalbum-foldersettings button:hover { background-position: left -28px; } * 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("../images/button-share.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 142px; height: 28px; margin: 0 5px 0 0 !important } #fotoalbum-foldershares button:hover { background-position: left -28px; } * html #fotoalbum-foldershares button { margin-top: 21px } /* IE6 Fix */ *+html #fotoalbum-foldershares button { margin-top: 21px} /* IE7 Fix */ /* Mein Fotopost / 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 } /* Mein Fotopost / 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%; border: 1px dashed #C3C5C7; color: #535557 !important; text-decoration: none !important; text-align: center; float: left; min-height: 250px; height: auto !important; height: 250px; width: 150px; margin: 0 12px 12px 0; padding: 10px 10px 0; } * html .fotoalbum-pics { margin-right: 11px; } /* IE6 Fix */ #fotoalbum-pics-wrapper .fotoalbum-pics.selected { background: #E3E5E7; color: #535557 !important; text-decoration: none !important; border: 1px solid #939597; min-height: 250px; height: 250px; width: 150px; cursor: default; } .fotoalbum-pics.last { margin: 0 0 12px 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 .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; } /* Mein Fotopost / Upload */ #myfp-uploadexpress { background-image: url("../images/icon-upload-express.jpg"); } #myfp-uploadcomf { background-image: url("../images/icon-upload-comf.jpg"); } #myfp-uploadftp { background-image: url("../images/icon-upload-ftp.jpg"); } #myfp-uploadmail { background-image: url("../images/icon-upload-mail.jpg"); } #myfp-uploadcd { background-image: url("../images/icon-upload-cd.jpg"); } /* Mein Fotopost / Upload / Express */ a#btn-choosepics { background: url("../images/button-choosepics.gif") no-repeat left top; display: block; width: 143px; height: 28px; margin: 24px auto; } a#btn-choosepics:hover { background-position: left bottom; } /* Mein Fotopost / 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("../images/button-uploadpics.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 142px; height: 28px; float: none; } #btn-uploadpics:hover { background-position: left -28px; } /* Mein Fotopost / Upload / Komfort */ #comfuploadapp { background: url("../images/bg-comfupload.jpg") no-repeat left top; height: 360px; margin: 24px 0; } /* Mein Fotopost / 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; } /* Mein Fotopost / 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; } /*#order-breadcrumb { float: right; border-left: 1px solid #d2dbe6; margin: 8px 0 24px; padding: 0; }*/ #order-breadcrumb { position: absolute; top: 8px; right: 0px; } #order-breadcrumb li { display: inline; margin: 0; } #order-breadcrumb li.current { font-weight: bold; } #order-breadcrumb li a { background: url("../images/bg-order-breadcrumb.gif") no-repeat right top; display: block; float: left; margin: 0; padding: 12px 30px 11px 12px; } * html #order-breadcrumb li a { padding-top: 11px; } /* IE6 Fix */ *+html #order-breadcrumb li a { padding-top: 11px; } /* IE7 Fix */ #order-breadcrumb li.current * { background-position: right center; font-size: 16px; letter-spacing: -1px; text-decoration: none !important; color: #535557 } #order-breadcrumb li.disabled span { text-decoration: none !important; color: #939597; cursor: default; } #order-breadcrumb li.check a { background-position: right bottom; font-weight: bold; } #order-breadcrumb li .last a { background: url("../images/bg-order-breadcrumb-last.gif") repeat-x right top; border-right: 1px solid #d2dbe6; padding-right: 16px; } #order-breadcrumb li.current .last a { background-position: right bottom; } .order-intro { border: 1px solid #C3C5C7; border-width: 1px 0; margin-bottom: 14px; padding: 8px 0; } /* Mein Fotopost / Bestellung / Motivauswahl */ a#btn-order-continue, button.btn-order-continue { background: url("../images/button-order-continue.gif") no-repeat 0 0; display: block; width: 167px; height: 28px; margin-bottom: 12px; } a#btn-order-continue:hover, button.btn-order-continue:hover { background-position: 0 -28px; } a#btn-allewieerstes { background: url("../images/button-allewieerstes.gif") no-repeat 0 0; display: block; width: 120px; height: 22px; margin-left: 9px; } a#btn-allewieerstes:hover { background-position: 0 -28px; } a#btn-reset { background: url("../images/button-reset.gif") no-repeat 0 0; display: block; width: 120px; height: 22px; margin-left: 9px; } a#btn-reset:hover { background-position: 0 -28px; } a#btn-order-basket { background: url("../images/button-warenkorb.gif") no-repeat 0 0; display: block; width: 184px; height: 28px; margin-bottom: 12px; } a#btn-order-basket:hover { background-position: 0 -28px; } a#btn-new-kalender { background: url("../images/button-neuer-kalender.gif") no-repeat 0 0; display: block; width: 167px; height: 28px; margin-bottom: 12px; } a#btn-new-kalender:hover { background-position: 0 -28px; } a#btn-new-fotobuch { background: url("../images/button-neues-fotobuch.gif") no-repeat 0 0; display: block; width: 167px; height: 28px; margin-bottom: 12px; } a#btn-new-fotobuch:hover { background-position: 0 -28px; } .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("../images/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("../images/button-weitere-motive.gif") no-repeat 0 0; display: block; width: 184px; height: 28px; margin-bottom: 12px; } a#btn-weitere-motive:hover { background-position: 0 -28px; } .pagination { /*border-bottom: 1px solid #C3C5C7; */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; } /* Mein Fotopost / Bestellung / Formatauswahl */ .order-picturebox { background: #E3E5E7; border: 1px solid #C3C5C7; 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 } .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; margin-bottom: 5px; } p.order-removeimage a { background: url("../images/button-removeimage.gif") no-repeat 0 0; display: block; width: 150px; height: 22px } p.order-removeimage a:hover { background-position: 0 -28px; } p.order-removeimage a span { display: none; } p.order-copyimage { position: static; margin-bottom: 0; } p.order-copyimage a { background: url("../images/button-dublicateimage.gif") no-repeat 0 0; display: block; width: 150px; height: 22px } p.order-copyimage a:hover { background-position: 0 -28px; } p.order-copyimage a span { display: none; } p.order-showpreview { position: static; margin-bottom: 5px; } p.order-showpreview a { background: url("../images/button-showpreview.gif") no-repeat 0 0; display: block; width: 150px; height: 22px } p.order-showpreview a:hover { background-position: 0 -28px; } p.order-showpreview a span { display: none; } .order-formats { float: right; width: 728px; padding: 12px 12px 12px 0; } .compactview { float: none !important; width: auto; padding: 12px; } .order-formats table { margin-bottom: 0px; } .order-formats table thead td { background: #576881 url("../images/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: #F3F5F7; } .order-formats table tr._warn { background: url("../bilder/bg-pxwarn.gif") } .order-formats table tr.alt_warn { background: url("../bilder/bg-pxwarn-alt.gif") } .order-formats table td { border-color: #E3E5E7; vertical-align: middle; } .order-formats table td.td-2nd { width: 39%; } .order-formats table td.td-3rd { text-align: center; width: 9% } .order-formats table td.td-4th { text-align: center; width: 13% } .order-formats table td.td-5th { width: 13%; text-align: right !important; padding-right: 10px; } .order-formats table td.td-6th { width: 13%; text-align: right !important; padding-right: 10px; } .order-formats table td.td-7th { width: 13%; text-align: right !important; padding-right: 10px; } .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: 85%; margin-bottom: 0 !important; } .order-formats input.flat { border: none !important; padding-right: 0px !important; width: auto !important; background: none !important; } /* Mein Fotopost / 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: 7% !important; } .compactview select { width: 100% !important; } .compactview table img { margin: 0 !important; } .compactview table td.td-1st img { margin-right: 3px !important; } #order-legend { border-bottom: 1px solid #C3C5C7; margin-bottom: 8px; padding-bottom: 2px; } #order-legend h4 { float: left; margin-right: 20px; padding: 1px 0 } ul#order-legend-list { float: right; } ul#order-legend-list li { display: block; float: left; background-position: left center; margin-left: 15px; padding: 1px 0 1px 30px; } ul#order-legend-list li#order-legend-format-full { background-image: url("../images/imgcut0.gif"); } ul#order-legend-list li#order-legend-format-cut { background-image: url("../images/imgcut1.gif"); } ul#order-legend-list li#order-legend-fit { background-image: url("../images/imgcut2.gif"); } ul#order-legend-list li#order-legend-full-framed { background-image: url("../images/imgcut3.gif"); } ul#order-legend-list li#order-legend-info { background-image: url("../images/icon-info.gif"); padding-left: 19px; } a.back { background: transparent url("../images/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; } /* Mein Fotopost / Bestellung / Adresse vervollständigen */ #formorder { background: transparent no-repeat left bottom; border: 0; padding: 0 0 0px; } #formorder div.forminner { background: transparent url("../images/bg-col4_4-top.gif") no-repeat left top; padding: 20px; } #formorder fieldset.left, #formorder fieldset div.left { float: left; width: 49% } #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: 130px !important; } /* Mein Fotopost / 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: 1.4em; } 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-checkout-form .infopanel { background: #ffffe5; border: 1px solid #e5d69d; margin-bottom: 0px ; padding: 12px; } */ #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("../images/button-checkout.gif") no-repeat 0 0; display: block; width: 184px; height: 28px; margin-bottom: 12px; } button#btn-order-checkout:hover { background-position: 0 -28px; } button#btn-produkte-hinzufuegen { background: url("../images/button-produktehinzufuegen.gif") no-repeat 0 0; display: block; width: 184px; height: 28px; position: absolute; right: 20px; bottom: 20px } button#btn-produkte-hinzufuegen:hover { background-position: 0 -28px; } #zusatzoptionen img { margin: 0px; } /* F O O T E R ------------------------------------------------------------------------------------ */ #footer { background: #F3F5F7 url("../images/bg-footer.gif") no-repeat left bottom; font-size: 0.9em; padding: 0 3px 30px; } #footer .inner { border-top: 1px solid #C3C5C7; padding: 14px 21px 0; } #footer .right { text-align: right; } #footer .right a { margin-left: 10px; } .footnote { color: #939597; border-top: 1px dotted #939597; margin-bottom: 12px; padding: 12px 21px 0; } .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: 38%; } body#info div.right { width: 62%; } body#info h2 { line-height: 120%; padding-top: 0 } body#info h2.h2-geschenke { padding-top: 30px; } body#info p { } body#info small { color: #939597 } body#info a.closewindow { background: url("../images/a-closewindow.gif") no-repeat 0 0; display: block; width: 109px; height: 22px; } body#info a.closewindow:hover { background-position: 0 100%; } 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("../images/bg-optimator-sett.jpg") no-repeat 0 center; text-align: left; padding-left: 12px; } #opt-settings button { background: url("../images/button-opt-save.gif") no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 162px; height: 28px; margin: 0 5px 0 0 !important } #opt-settings button:hover { background-position: left -28px; } /* 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; border-left: 1px solid #d2dbe6; 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(../images/bg-caloptions.gif) repeat-y right 0; border: 1px solid #C3C5C7; /* border-width: 1px 0; */ 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(../images/icon-no1.gif); padding-left: 24px } body#cal h3#no02 { background-image: url(../images/icon-no2.gif); padding-left: 24px } body#cal h3#no03 { background-image: url(../images/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("../images/button-choosetitle.gif") no-repeat 0 0; display: block; width: 128px; height: 22px; margin-bottom: 24px; } body#cal button#btn-refreshtype { background-image: url("../images/button-refreshtype.gif"); width: 147px; height: 22px; float: none; margin-bottom: 24px; } body#cal button#btn-refreshtype:hover { background-position: 0 0; } body#cal a#btn-cal-bestellung-fortsetzen { background-image: url("../images/button-continue.gif"); display: block; width: 167px; height: 28px; margin-bottom: 12px; float: right; } body#cal a#btn-cal-bestellung-fortsetzen:hover { background-position: left -28px; } body#cal a#btn-cal-fertigstellen { background-image: url("../images/button-cal-fertigstellen.gif"); display: block; width: 124px; height: 28px; margin-bottom: 12px; float: right; } body#cal a#btn-cal-fertigstellen:hover { background-position: left -28px; } body#cal a#btn-cal-neu-pruefen { background-image: url("../images/button-cal-neu-pruefen.gif"); display: block; width: 124px; height: 28px; margin-bottom: 12px; margin-left: 12px; float: right; } body#cal a#btn-cal-neu-pruefen:hover { background-position: left -28px; } body#cal a#btn-cal-doppelte-motive { background-image: url("../images/button-cal-doppelte-motive.gif"); display: block; width: 184px; height: 28px; margin-bottom: 12px; margin-left: 12px; float: right; } body#cal a#btn-cal-doppelte-motive:hover { background-position: left -28px; } #calimages { /* background: url(../images/bg-caloptions.gif) repeat-y right 0; border: 1px solid #C3C5C7; border-width: 1px 0; padding: 20px 0;*/ margin-bottom: 18px; } #calimages div.calpages { float: left; width: 530px; } #calimages div.calpages div { background: #FFF; border: 1px dashed #C3C5C7; text-align: center; float: left; width: 140px; /* min-height: 154px; height: auto !important; height: 154px;*/ margin: 0 12px 12px 0; padding: 10px 10px 0; } #calimages div.calpages div.selected { background: #E3E5E7; width: 140px; /* min-height: 150px; height: auto !important; height: 150px;*/ border: 1px solid #939597; 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: 10px; 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; /*width: 40px; height: 40px;*/ 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 ------------------------------------------------------------------------------------ */