/* *************************************************************************************** * * Kalenderdruck * http://www.kalender-druck.de * * S C R E E N . C S S * * Last modified: 23.09.2014 * **************************************************************************************/ /* B A S I C S ------------------------------------------------------------------------------------ */ * { border: 0; margin: 0; padding: 0; } html { height: 100% } body { background: #e5e7ea; font-size: 16px; text-align: center; background-attachment: fixed; } #wrapper, .textplain { position: relative; background: #fff; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #444; width: 100%; z-index: 0; } #container { position: relative; width: 960px; margin: 0 auto; z-index: 1; } #background { background: #e5e7ea; position: absolute; top: 120px; left: 0; height: 320px; width: 100%; z-index: -1; } #browserwarning { position: absolute; top: 32px; right: 0; border: 2px solid red; } p, h1, h2, h3, h4, h5, ul, ol, fieldset, img { margin-bottom: 12px; } h1, h2, h3, h4, h5, strong, b { font-weight: bold; } h1 { font: normal 2.2em/120% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #478937; padding-top: 8px; } h2 { font: normal 1.5em/120% Arial, Helvetica, sans-serif; color: #666666; } h3 { font-size: 1.2em; padding-top: 8px; } h4, h5 { font-size: 1em; } a:link, a:visited { color: #c00; text-decoration: none; outline: 0; } a:hover, a:active { color: #c00; text-decoration: underline; outline: 0; } :focus { outline: 0; -moz-outline-style: none; } ul { list-style: none; } ul li { background: url('../bilder/li.gif') no-repeat left 6px; padding-left: 12px; } ol { list-style: outside decimal; } ol li { margin: 0 20px 12px; } .nobr {white-space: nowrap} * html ol { padding-left: 4px; } *+html ol { padding-left: 4px; } table { /*table-layout: fixed;*/ width: 100%; overflow: hidden; border: 0; border-collapse: separate; border-spacing: 0; margin-bottom: 24px; } input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #939597; vertical-align: middle; border: 1px solid #000; padding: 1px; } textarea { overflow: auto; } small, .small { font-size: 0.9em; line-height: 150%; } em, i { font-style: italic; } strike, del { text-decoration: line-through; } blockquote, cite { background: #EEE; border-left: 1px solid #999; height: 1% /* stupid IE */; width: auto; margin: 1em 0 1em 2em; padding: 1.5em 2em 0.5em; } code { font-family: Monaco, monospace; font-size: 1em; } sup, sub { font-size: 80%; line-height: 0 !important; color: #939597 !important; } pre { font-size: 110%; } /* S P E C I A L F O R M A T I N G ------------------------------------------------------------------------------------ */ .no-border { border: 0 !important; } .no-margin { margin-bottom: 0 !important; } .small-margin { margin-bottom: 6px !important; } .margin { margin-bottom: 12px !important; } .big-margin { margin-bottom: 24px !important; } .superbig-margin { margin-bottom: 36px !important; } .megabig-margin { margin-bottom: 72px !important; } .margin-top { margin-top: 12px !important; } .big-margin-top { margin-top: 24px !important; } .superbig-margin-top { margin-top: 36px !important; } .normal { font-weight: normal !important; letter-spacing: 0 !important; } .italic { font-style: italic !important; } .center { text-align: center !important; } .text-right { text-align: right !important; } .border-bottom { border-bottom: 1px solid #c3c5c7; padding-bottom: 18px; margin-bottom: 18px; } .border { border: 1px solid #c3c5c7; } .no-padding { padding: 0 !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; } /* Clearfix */ * html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */ *+html .clearfix { min-height: 1%; } /* IE7 Fix */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clear { clear: both; height: 1px; } /* Colors */ .red, .error { color: #DD0000; } .green, .success { color: #809900; } .light { color: #777D82 !important; } .transparent { opacity: 0.3; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=30); /* IE lt 8 */ -ms-filter: "alpha(opacity=30)"; /* IE 8 */ -khtml-opacity: 0.3; /* Safari 1.x */ -moz-opacity: 0.3; /* FF lt 1.5, Netscape */ } .highlight { font-size: 0.8em; line-height: 150%; font-weight: bold; background-color: #DD0000; color: #fff; padding: 1px 4px; } /* Special Links */ a.more { background: transparent url('../bilder/a-more.gif') no-repeat right 5px; font-weight: bold; padding-right: 0.7em; } a.more:hover { text-decoration: underline; } a.more span { display: none; } a.top { background: transparent url('../bilder/a-top.gif') no-repeat right center; font-weight: bold; padding-right: 0.9em; } a.top:hover { text-decoration: underline; } /* Horizontal Line */ .hr { margin-top: 12px; border-top: 1px solid #C3C5C7; } /* Forms */ form.styledform { background: #F3F5F7; border: 1px solid #C3C5C7; padding: 20px; } form.unstyledform { background: transparent; border: 0 none; padding: 0; } fieldset { margin-bottom: 1em; } form.unstyledform fieldset { background: #F3F5F7; border: 1px solid #C3C5C7; margin-bottom: 0.5em; padding: 1em; } legend { display: none; } label { font-size: 1em; font-weight: bold; display: block; margin-bottom: 2px; width: 180px; float: left; } label.normal { width: 100%; } label.checkbox { width: 100%; float: none; } div.newsletter-checkbox input.checkbox { margin-left: 156px; margin-right: 10px; margin-top: 3px; float: left; } div.newsletter-checkbox label.checkbox { width: 255px; float: left; font-weight: normal; } input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #535557; vertical-align: middle; border: 1px solid #C3C5C7; } input { color: #535557; width: 160px; margin-bottom: 1em; padding: 2px; } textarea { color: #535557; overflow: auto; width: 400px; margin-bottom: 1em; padding: 5px; } select { margin-bottom: 1em; padding: 0; } input.checkbox { border: 0 none !important; width: auto !important; margin: 0; padding: 0; } input.radio { border: 0 none !important; width: auto; margin: 0; padding: 0; } input.inputfile { width: 300px; } button { background-color: transparent; background-position: center center; display: block; float: left; cursor: pointer; margin-right: 7px; } button span { color: #444; } span.cancel { line-height: 220%; } span.cancel a { font-weight: bold; } input#formSiegelButton { width: auto !important; border: none !important; } input#btnProtect { width: auto !important; border: none !important; padding: 0px !important; margin: 0px !important; } /* Tooltip */ #tooltip { background-color: #999; font: bold 0.8em/120% Arial, Helvetica, sans-serif; color: #fff; text-align: left; position: absolute; z-index: 3000; padding: 5px 8px; max-width: 400px; } #tooltip h3, #tooltip div { font-weight: bold; font-size: 1em; letter-spacing: 0; margin: 0; padding: 0; } #tooltip a { cursor: default !important; } #tooltip img { float: left; margin: 2px 9px 2px 2px; } #tooltip.image_tooltip { background: none !important; border: none !important; position: absolute; z-index: 3001; } .tooltip-preview { position: absolute; display: inline-block; padding: 1px 6px; font-weight: normal; color: #cc3333; margin-top: -36px; margin-left: -140px; background: #fff59b; border: 1px solid #f39200; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tooltip-preview div { position: absolute; margin-top: 19px; margin-left: 146px; width: 20px; height: 16px; background: url('../bilder/tooltip-arrow.png') no-repeat top left; } /* Trusted Shops Logo */ @media only screen and (max-width: 1152px) { div.reviews { display: none !important; } } a.trustedshopsVisible { display: block; overflow: hidden; width: 1px; height: 1px; } /* Trusted-Shops-Widget wird optisch versteckt, aber für Sterne-Anzeige in Google auswertbar */ a.trustedshopsVisible img { margin-left: 1px; } /* Helper / Debug */ #debug { text-align: left; width: 200px; height: 200px; top: 0px; right: 0px; position: absolute; color: #999; display: none; } /* H E A D E R ------------------------------------------------------------------------------------ */ #header { position: relative; height: 120px; } #header .splash { position: absolute; top: 22px; left: 290px; width: 311px; height: 98px; } #header .splash img { margin: 0; } #header .advent { background: url('../bilder/splash/advent2013.jpg') no-repeat top left; } #header .advent a { display: block; width: 100%; height: 100%; } #header .advent a span { display: none; } #header .ts { position: absolute; top: 48px; right: 0; float: right; width: 240px; } #my_TS_badge { position: relative; display: inline-block; top: 0px; width:120px; height:70px; } #header .ts img { position: relative; margin-left: 15px; top: 2px; float: right; } #minimized-trustbadge-98e3dadd90eb493088abdc5597a70810{ border:0px !important; } /* #header .ts h4 { margin: 0; margin-top: 14px; text-align: right; font-size: 1.2em; color: #6a7f8e; width: 325px; } #header .ts p { margin: 0; text-align: right; width: 325px; } */ /* Logo */ span#logo { position: absolute; top: 40px; left: 0; background: transparent url('../bilder/kalenderdruck-logo.gif') no-repeat left top; } span#logo a { display: block; text-decoration: none !important; height: 50px; width: 271px; } span#logo span { display: none; } h1#logo { position: absolute; top: 40px; left: 0; background: transparent url('../bilder/kalenderdruck-logo.gif') no-repeat left top; } h1#logo a { display: block; text-decoration: none !important; height: 50px; width: 271px; } h1#logo span { display: none; } /* N A V I G A T I O N ------------------------------------------------------------------------------------ */ #nav { height: 50px; } #nav ul { display: inline; margin: 0; margin-top: 16px; } #main-nav { float: left; } #second-nav { float: right; margin-right: 6px !important; } #nav li { background: none; display: inline-block; padding: 0; float: left; margin-right: -6px; } #nav li a.first { margin-left: 20px !important; } * html #nav li a.first { margin-left: 15px !important; } #nav a { float: left; display: block; margin: 0; padding: 10px 30px 11px 16px; line-height: 100%; } #second-nav a { padding: 9px 16px 12px 16px; margin-right: 0; } #second-nav li.current a { background: #fff; } #main-nav li { position: relative; overflow: hidden; } #main-nav li a { background: url('../bilder/li-nav.png') no-repeat right 0; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; } #main-nav li.current a { background-position: right -39px; color: #3d464d; } #nav a:link, #nav a:visited { background-position: right 0; text-decoration: none; outline: 0; color: #777d82; } #nav a:hover, #nav a:active { background-position: right -78px; text-decoration: none; outline: 0; color: #777d82; } #second-nav a:hover, #second-nav a:active { text-decoration: underline; } #nav-start { z-index: 4; } #nav-angebot { z-index: 3; } #nav-preise { z-index: 2; } #nav-hilfe { z-index: 1; } .subnav { border: 1px solid #CCCCCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 8px;} .subnav .innercol { padding: 12px 0 18px 0 !important; } .subnav h2 { padding: 0 15px; } .subnav p { padding: 0 15px; } .subnav ul { background: none; margin-bottom: 0; } .subnav li { background: none; padding: 0; } .subnav li a { background: transparent url('../bilder/li.gif') no-repeat 15px 11px; padding-left: 0px; display: block; text-decoration: none !important; width: auto !important; width: 150px; /* IE6 Fix */ padding: 5px 15px 5px 27px; } .subnav li.show { background: transparent url('../bilder/li.gif') no-repeat 15px 11px; padding-left: 0px; display: block; text-decoration: none !important; width: auto !important; width: 150px; /* IE6 Fix */ padding: 5px 15px 5px 27px; } .subnav li a:hover { background-color: #f3f4f6; } .subnav li.current { background: none; width: auto; } /* für IE6 */ .subnav li.current a { background-color: #E8EBED; text-decoration: none !important; cursor: default; } .subnav p { margin-bottom: 0.5em; } .subnav h3 { background: none; font-size: 1.1em; padding: 15px 15px 0 15px; margin-bottom: 12px; color: #666; } .subnav select { margin: 0 15px; } /* B U T T O N S ------------------------------------------------------------------------------------ */ /* ACHTUNG: pd-button ist auch in html/plupload/css/plupload_pixelprint.css definiert - Änderungen in beiden Dateien ausführen! */ button, .pd-button, .pd-button-small, .pd-button-color, .pd-button-color-small { /*background: #efefef;*/ } button, .pd-button, .pd-button-small { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #efefef; /* for non-css3 browsers */ background: linear-gradient(top, #FFFFFF, #EFEFEF); background: -ms-linear-gradient(top, #FFFFFF 0%,#EFEFEF 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#EFEFEF'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #FFFFFF, #EFEFEF); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #FFFFFF, #EFEFEF); /* for Presto (Opera etc) */ border: 1px solid #CCCCCC; cursor: pointer; overflow: visible; padding: 0.3em 0.7em 0.3em 0.7em; vertical-align: middle; white-space: nowrap; outline: none; display: inline-block; } button:active, button:hover, button:focus, .pd-button:active, .pd-button:hover, .pd-button:focus, .pd-button-small:active, .pd-button-small:hover, .pd-button-small:focus { box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; border-color: #999999; background: #efefef; /* for non-css3 browsers */ background: linear-gradient(top, #FFFFFF, #EFEFEF); background: -ms-linear-gradient(top, #FFFFFF 0%,#EFEFEF 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#EFEFEF'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #FFFFFF, #EFEFEF); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #FFFFFF, #EFEFEF); /* for Presto (Opera etc) */ } /* @-moz-document regexp(".*") { button, .pd-button { padding-top: 0.2em; } .pd-button-small { padding-top: 0em; } } */ a.pd-button, a.pd-button-selected { color: #535557 !important; } a.pd-button-color { color: #fff !important; } a.pd-button:hover, a.pd-button:active, a.pd-button-selected:hover, a.pd-button-selected:active { color: #535557 !important; text-decoration: none !important; } /* Button colored */ .pd-button-color, .pd-button-color-small { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #447ee4; /* for non-css3 browsers */ background: linear-gradient(top, #b8cef5, #447ee4); background: -ms-linear-gradient(top, #b8cef5 0%,#447ee4 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b8cef5', endColorstr='#447ee4'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#b8cef5, endColorstr=#447ee4)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#b8cef5), to(#447ee4)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #b8cef5, #447ee4); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #b8cef5, #447ee4); /* for Presto (Opera etc) */ border: 1px solid #6391e2; cursor: pointer; overflow: visible; padding: 0.3em 0.7em 0.3em 0.7em; /*#1f62d6*/ vertical-align: middle; white-space: nowrap; outline: none; display: inline-block; } .pd-button-color:hover, .pd-button-color-small:hover { box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; border-color: #6391e2; background: #cdddf8; /* for non-css3 browsers */ background: linear-gradient(top, #cdddf8, #7ca5ec); background: -ms-linear-gradient(top, #cdddf8 0%,#7ca5ec 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cdddf8', endColorstr='#7ca5ec'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cdddf8, endColorstr=#7ca5ec)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#cdddf8), to(#7ca5ec)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #cdddf8, #7ca5ec); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #cdddf8, #7ca5ec); /* for Presto (Opera etc) */ } .pd-button-color:active, .pd-button-color-small:active, .pd-button-color-small:focus { box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; border-color: #6391e2; background: #7ca5ec; /* for non-css3 browsers */ background: linear-gradient(top, #7ca5ec, #cdddf8); background: -ms-linear-gradient(top, #7ca5ec 0%,#cdddf8 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7ca5ec', endColorstr='#cdddf8'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7ca5ec, endColorstr=#cdddf8)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#7ca5ec), to(#cdddf8)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #7ca5ec, #cdddf8); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #7ca5ec, #cdddf8); /* for Presto (Opera etc) */ } a.pd-button-color { color: #fcfcfe; } a.pd-button-color:hover, a.pd-button-color:active { color: #fcfcfe; text-decoration: none; } .pd-button-small { } .pd-button span { color: #333; } .pd-button-small span { color: #333; font-size: 0.9em; line-height: 100%; } a.pd-button-small { padding: 0 5px; color: #535557; } a.pd-button-small:hover, a.pd-button-small:active { color: #535557; text-decoration: none; } .pd-button-color.big { font-size: 1.5em; padding: 10px 20px; } .pd-button-selected { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #cccccc; /* for non-css3 browsers */ background: linear-gradient(top, #cccccc, #EFEFEF); background: -ms-linear-gradient(top, #cccccc 0%,#EFEFEF 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cccccc', endColorstr='#EFEFEF'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#EFEFEF)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #cccccc, #EFEFEF); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #cccccc, #EFEFEF); /* for Presto (Opera etc) */ color: #888888; border: 1px solid #CCCCCC; cursor: pointer; overflow: visible; padding: 0.3em 0.7em 0.3em 0.7em; vertical-align: middle; white-space: nowrap; outline: none; display: inline-block; } .button-block { display: block; width: 140px; text-align: center; height: 1.5em; margin: 6px 0; } /* z.B. in meineauftraege_inc.php */ /* S E L E C T -------------------------------------------------------------------------------*/ .pd-select, .pd-select-small, .pd-select-color, .pd-select-color-small { -moz-appearance: none; -webkit-appearance: none; appearance: none; } .pd-select::-ms-expand { display: none; } .pd-select, .pd-select-small { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #efefef; /* for non-css3 browsers */ background: linear-gradient(top, #FFFFFF, #EFEFEF); background: -ms-linear-gradient(top, #FFFFFF 0%,#EFEFEF 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#EFEFEF'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #FFFFFF, #EFEFEF); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #FFFFFF, #EFEFEF); /* for Presto (Opera etc) */ border: 1px solid #CCCCCC; cursor: pointer; overflow: visible; padding: 0.4em 0.7em 0.33em 0.7em; vertical-align: middle; white-space: nowrap; outline: none; display: inline-block; width: 100%; padding-right: 30px; } .pd-select:active, .pd-select:hover, .pd-select:focus, .pd-select-small:active, .pd-select-small:hover, .pd-select-small:focus { box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; border-color: #999999; background: #efefef; /* for non-css3 browsers */ background: linear-gradient(top, #FFFFFF, #EFEFEF); background: -ms-linear-gradient(top, #FFFFFF 0%,#EFEFEF 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#EFEFEF'); zoom: 1; /* Für Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */ background: -moz-linear-gradient(center top, #FFFFFF, #EFEFEF); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #FFFFFF, #EFEFEF); /* for Presto (Opera etc) */ } .select-wrapper { position:relative; } .select-wrapper::before { content: "\2304"; font-size: 16px; position: absolute; right: 10px; top: 2px; color: #888; pointer-events: none; } /* L O G I N ------------------------------------------------------------------------------------ */ #loginform { border: 0; padding: 0; } #login fieldset { margin: 0 !important; padding: 0px !important; } #login label { font-size: 1em; color: #444; font-weight: normal; } #login input { width: 180px; border: 1px solid #94b78f; font-size: 1.2em; font-weight: bold; padding: 4px; margin: 0; background: #f4fbf4; } #login input:focus, #login input:active { background: #fff; } #label-username { background: url('../bilder/login-usericon.gif') no-repeat left 24px; } #label-password { background: url('../bilder/login-lockicon.gif') no-repeat left 24px; } #login fieldset div { margin-bottom: 9px; padding-left: 30px; } /* ausfahrbares Login-Panel */ #toppanel { position: absolute; /*Panel will overlap content */ /*position: relative;*/ /*Panel will "push" the content down */ top: 0; left: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; } #panel { width: 100%; height: 170px; color: #999999; background: #b9e5b3; /*#444444; #ffcb40; #272727*/ overflow: hidden; position: relative; z-index: 3; display: none; } #panel .new-account { position: absolute; top: 10px; left: 0; width: 290px; height: 140px; border-right: 1px solid #e6f6e4; } #panel .my-account { position: absolute; top: 20px; left: 0; width: 360px; height: 140px; border-right: 1px solid #e6f6e4; } #panel .login-info { position: absolute; top: 20px; left: 330px; width: 340px; height: 140px; } #panel .loggedin-info { position: absolute; top: 20px; left: 400px; width: 340px; height: 140px; } #panel #login, #panel #loggedin { position: absolute; top: 10px; left: 700px; width: 260px; height: 160px; background: #e6f6e4; } #panel #loggedin .inner { padding: 9px 15px; } #panel .login-form { padding: 9px 25px 0 15px; } #panel h2 { color: #444; margin-bottom: 9px; } #panel p { padding-right: 36px; margin-bottom: 9px; color: #444; } #panel #loggedin p { margin-bottom: 4px; } #panel a { color: #cc3333; text-decoration: none; } #panel a:hover { text-decoration: none; color: #d00; } #panel .content { position: relative; width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; } #toppanel-parking { display: none; } /* Login-Panel Inhalt */ .tab { background: url('../bilder/tab-top.png') repeat-x 0 0; height: 37px; position: relative; top: 0; left: 0; z-index: 999; } .tab .inner { width: 960px; margin: 0 auto; } .tab ul.login { display: block; position: relative; float: right; clear: right; height: 37px; width: auto; line-height: 37px; margin: 0; top: 6px; right: 0;/*right: 72px;*/ color: white; text-align: center; } .tab ul.login li.left { background: url('../bilder/tab.png') no-repeat 0 0; height: 37px; width: 20px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.right { background: url('../bilder/tab.png') no-repeat 0 -37px; height: 37px; width: 20px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.middle { background: url('../bilder/tab.png') no-repeat 0 -111px; height: 37px; width: 20px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.soft { background: url('../bilder/tab.png') repeat-x 0 -148px; height: 37px; width: auto; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.right-soft { background: url('../bilder/tab.png') no-repeat 0 -185px; height: 37px; width: 20px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li { text-align: left; padding: 0 6px 0 0; display: block; float: left; height: 37px; background: url('../bilder/tab.png') repeat-x 0 -74px; } .tab ul.login li a { color: #cc3333; text-decoration: none; } .tab ul.login li a:hover { color: #d00; } .tab .sep { color:#414141 } .tab a.open, .tab a.close, .tab a.open-loggedin, .tab a.close-loggedin, .tab a.logout { height: 20px; line-height: 20px !important; padding-left: 24px !important; cursor: pointer; display: block; width: auto; position: relative; top: 7px; float: left; } .tab a.close, .tab a.close-loggedin, .tab a.close-logout { width: auto; display: none; } .tab a.open { background: url('../bilder/login-lockicon.gif') no-repeat left 0; } .tab a.close { background: url('../bilder/login-lockicon.gif') no-repeat left 0; } .tab a:hover.open { background: url('../bilder/login-lockicon.gif') no-repeat left 0; } .tab a:hover.close { background: url('../bilder/login-lockicon.gif') no-repeat left 0; } .tab a.open-loggedin { background: url('../bilder/login-usericon.gif') no-repeat left 0; } .tab a.close-loggedin { background: url('../bilder/login-usericon.gif') no-repeat left 0; } .tab a:hover.open-loggedin { background: url('../bilder/login-usericon.gif') no-repeat left 0; } .tab a:hover.close-loggedin { background: url('../bilder/login-usericon.gif') no-repeat left 0; } .tab a.logout { background: url('../bilder/login-lockicon.gif') no-repeat left 0; } /* M I S C E L L A N E O U S ------------------------------------------------------------------------------------ */ /* HS-Lib Formatings */ .highslide-header li { background-image: none; padding: 0; } .highslide-header li a { font-size: 0.8em; } div.highslide-container tr { background: transparent !important; } .product-details div { float: left; width: 192px; margin-right: 46px; background: url('../bilder/shadow-155.jpg') no-repeat 0 192px; } .product-details div.last { margin-right: 0; } .product-details img { border: 1px solid #ccc; } .product-details p.info { width: 35px; height: 35px; float: left; padding-top: 4px; } .product-details p.info span { background: url('../bilder/infoicon.gif') no-repeat center center; width: 8px; height: 12px; display: inline-block; vertical-align: bottom; padding: 3px 3px; } .product-details p { margin-bottom: 0; } /* Big Product-Slider */ .slider-inner { position: relative; } #product-slider-big h2 { color: #fff; font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; font-size: 2.3em; line-height: 110%; padding: 0; margin: 0; text-align: center; } #slider-arrow-left { position: absolute; top: 105px; left: 23px; width: 33px; height: 48px; background: url('../bilder/scroll-arrow-left.gif') no-repeat 0 0; cursor: pointer; } #slider-arrow-right { position: absolute; top: 105px; left: 594px; width: 33px; height: 48px; background: url('../bilder/scroll-arrow-right.gif') no-repeat 0 0; cursor: pointer; } #slider-arrow-left:hover, #slider-arrow-right:hover { background-position: 0 -48px; } #teaser .big-slider-element h2 { position: absolute; left: 400px; width: 200px; } #teaser #text1, #teaser #text2, #teaser #text3, #teaser #text4, #teaser #text5, #teaser #text6 { top: 58px; } .teaser .marker { display: none; } /* Small Product-Slider */ #slider-small-col { position: relative; float: left; width: 900px; height: 95px; } #product-slider-small { position: absolute; top: 0; left: 31px; width: 838px; height: 95px; overflow: hidden; } #product-slider-small div.inner { position: absolute; top: 0; left: 0; width: 8100px; height: 95px; background: transparent; } .small-slider-element { position: relative; width: 284px; height: 95px; float: left; } .small-slider-element div.inner { position: absolute; top: 0; left: 110px !important; width: 160px !important; padding-top: 8px; } .small-slider-element div.marker { position: absolute; top: 0; left: 0; padding: 1px 5px; color: #fff; background: #e00; font-size: 1em; font-weight: bold; } div.small-slider-image { position: absolute; top: 0; left: 0 !important; width: 120px; height: 100%; } div.small-slider-image a { display: block; width: 100%; height: 100%; } div.small-slider-image a span { display: none; } #product-slider-small h3 { color: #f8b356; font-weight: normal; font-size: 1.4em; line-height: 110%; padding: 0; margin: 0 0 3px 0; } #product-slider-small p { font-weight: normal; font-size: 0.95em; line-height: 140%; margin: 0; } #product-slider-small p.price { color: #999; margin-top: 3px; } #product-slider-small p.price span { color: #000; font-size: 1em; font-weight: bold; } #product-slider-small p.price span b { font-size: 1.1em; } #product-slider-small p.price a.pd-button-small { padding: 0 5px; margin-right: 4px; } #product-slider-small p.price span.info, a.info-minibutton span { background: url('../bilder/infoicon.gif') no-repeat center center; width: 8px; height: 12px; display: inline-block; vertical-align: middle; padding: 3px 3px; } #slider-arrow-small-left { position: absolute; top: 0; left: 0; width: 20px; height: 95px; background: url('../bilder/scroll-arrow-small-left.gif') no-repeat 0 0; cursor: pointer; } #slider-arrow-small-right { position: absolute; top: 0; left: 880px; width: 20px; height: 95px; background: url('../bilder/scroll-arrow-small-right.gif') no-repeat 0 0; cursor: pointer; } #slider-arrow-small-left:hover, #slider-arrow-small-right:hover { background-position: 0 -90px; } /* Nivo-Slider Formatings */ #slider { position:absolute; width:630px; height:240px; top: 0; background:url('../../bilder/nivo-slider/loading.gif') no-repeat 50% 50%; z-index: 1; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } .slider-textcontent, .big-slider-element { position:absolute; top: 70px; left: 0px; z-index: 2; display: none; } .nivo-controlNav { position:absolute; right:5px; bottom: -52px; z-index: 10; } #info .nivo-controlNav { position:absolute; left:260px; bottom: -15px; } /* für Nivoslider in Highslide-iFrame mit 740px Breite */ .nivo-controlNav a { display:block; width:22px; height:22px; background:url('../../bilder/nivo-slider/bullets_grey.png') no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float:left; } .nivo-controlNav a.active { background-position:0 -22px; } .nivo-directionNav { display: none; } .nivoSlider:hover .nivo-directionNav { display: block; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url('../../bilder/nivo-slider/arrows_black.png') no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:10px; } a.nivo-prevNav { left:10px; } #slider.rightSlider .nivo-directionNav a, #slider.rightSlider .nivo-directionNav { display: none; } #slider.rightSlider .nivo-controlNav { left: -110px; } #slider.rightSlider { width: 420px; } #slider.rightSlider { position: absolute !important; right: 0; } /* .nivo-directionNav { display: none !important; } .nivo-directionNav a { display: none !important; } */ .nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color:#efe9d1; text-decoration:underline; } .clear { clear:both; } /* M A I N ------------------------------------------------------------------------------------ */ #main { position: relative; margin: -10px -15px 0; background: url('../bilder/shadow-top.png') no-repeat top left; } #main .main-inner { background: url('../bilder/shadow-bottom.png') no-repeat bottom left; } /* Grid Layout */ .cols { position: relative; padding: 30px 30px 50px 30px; margin: 0px 15px; min-height: 500px; height: auto !important; height: 500px; } .col1_4, .col2_4, .col3_4, .col4_4, .col1_3, .col2_3, .col3_3 { float: left; display: inline; min-height: 500px; height: auto !important; height: 500px; margin-right: 24px; } .cols .innercol { background-position: left top; background-repeat: no-repeat; min-height: 120px; height: auto !important; height: 120px; padding: 16px; } .cols .last { margin: 0; } .cols .noheight { min-height: 0; height: auto; } .col1_4 { width: 207px; } .col2_4 { width: 438px; } .col3_4 { width: 669px; } .col4_4 { width: 900px; margin-right: 0 !important; } .col1_3 { width: 284px; } .col2_3 { width: 592px; } .col3_3 { width: 900px; margin-right: 0 !important; } div.home-intro { margin: 10px 0 0; padding: 10px 0 0; /*border-top: 2px dotted #ccc;*/ font-size: 1.1em; line-height: 160%; } div.home-intro.first { margin: 6px 0 0; padding: 10px 0 0; border-top: 0; } div.home-intro h1 { font-size: 3.0em; text-align: center; padding: 0; margin: 0; /*text-shadow: 1px 1px 1px #fff, 0 0 3px #999;*/ } div.home-intro h2 { font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #478937; font-size: 2.4em; text-align: center; padding: 0; margin: 0 0 4px; /*text-shadow: 1px 1px 1px #fff, 0 0 3px #999;*/ } div.home-intro h3 { text-align: center; margin-bottom: 6px; } div.home-intro h4 { font-size: 1.1em; padding-top: 8px; text-align: center; margin-bottom: 6px; } div.home-intro h4 span { color: #478937; padding: 0 4px; } div.home-intro p { padding-top: 40px; color: #444; padding-left: 0; padding-right: 40px; } div.home-intro p.align-right { text-align: right; padding-left: 40px; padding-right: 0; } div.dotted-line { margin: 20px 0 0; padding: 25px 0 0; border-top: 2px dotted #ccc; } /* Teaser */ .home-teaser { position: relative; height: 240px; background: #fff url('../bilder/teaser-bg/teaser-startseite.jpg') no-repeat top left; margin: 10px 0 0px; } .home-teaser.gluecksaktion { background: #fff url('../bilder/teaser-bg/teaser-gluecksaktion.jpg') no-repeat top left; } #teaser .new-account { position: absolute; top: 205px; left: 770px; } #widget-panel { background: #e5e7ea; margin-top: 10px; padding: 6px 20px; text-align: center; } #widget-panel span { margin: 0 20px; } #widget-panel a { font-size: 1.6em; font-weight: normal; line-height: 1; text-transform: uppercase; /*color: #478937;*/ } /* #widget-panel a { color: #666 !important; font-weight: bold; font-size: 1.3em; line-height: 1; text-transform: xuppercase; } #widget-panel a:hover { text-decoration: none; } */ .teaser { position: relative; height: 410px; background: #fff; margin: -21px -30px 10px; } #teaser-kalenderformate { background: url('../bilder/teaser-kalenderformate.jpg') no-repeat 0 0; } #teaser-kalenderformate-gruppe { background: url('../bilder/teaser-kalenderformate-gruppe.jpg') no-repeat 0 0; } #teaser-fotokalender { background: url('../bilder/teaser-fotokalender.jpg') no-repeat 0 0; } #teaser-tischkalender { background: url('../bilder/teaser-tischkalender.jpg') no-repeat 0 0; } #teaser-3-monatskalender { background: url('../bilder/teaser-tischkalender.jpg') no-repeat 0 0; } #teaser-werbeeindruck { background: url('../bilder/teaser-werbeeindruck.jpg') no-repeat 0 0; } #teaser-digitaldruck-kalender { background: url('../bilder/teaser-digitaldruck-kalender.jpg') no-repeat 0 0; } #teaser-offsetdruck-kalender { background: url('../bilder/teaser-offsetdruck-kalender.jpg') no-repeat 0 0; } #teaser-kalender-a4-digital { background: url('../bilder/teaser-kalender-a4-digital.jpg') no-repeat 0 0; } #teaser-10-eur-rabatt { background: url('../bilder/teaser-bg/teaser-landingpage-10-eur-rabatt-2.jpg') no-repeat 0 0; } #teaser-8-eur-rabatt { background: url('../bilder/teaser-bg/teaser-landingpage-8-eur-rabatt.jpg') no-repeat 0 0; } #teaser-kalenderformate div.typo { position: absolute; width: 320px; height: 240px; left: 200px; top: 90px; text-align: right; } #teaser-kalenderformate div.typo h2 { font: normal 2.2em/120% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #2264b2; margin: 0; padding: 0; padding-right: 90px; } #teaser-kalenderformate div.typo h3 { border-bottom: 0px solid #666; padding-bottom: 10px; padding-right: 90px; margin: 0; margin-left: 55px; } #teaser-kalenderformate div.typo div.digits { margin-right: 90px; } #teaser-kalenderformate-gruppe div.typo { position: absolute; width: 540px; height: 240px; left: 60px; top: 35px; text-align: left; } #teaser-kalenderformate-gruppe div.typo h2 { font: normal 2.2em/120% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #2264b2; margin: 0; padding: 0; padding-right: 90px; } #teaser-kalenderformate-gruppe div.typo h3 { border-bottom: 0px solid #666; padding-bottom: 10px; padding-right: 0; margin: 0; margin-left: 0; } #teaser-kalenderformate-gruppe div.typo div.digits { margin-right: 90px; } #teaser-fotokalender div.typo { position: absolute; width: 240px; height: 180px; left: 340px; top: 25px; text-align: left; } #teaser-fotokalender div.typo h2 { font: normal 2.2em/110% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #2264b2; margin: 0; padding: 0; padding-left: 60px; } #teaser-fotokalender div.typo h3 { color: #666; border-bottom: 0px solid #666; padding-bottom: 10px; padding-left: 60px; margin: 0; margin-right: 52px; } #teaser-fotokalender div.typo div.digits { margin-left: 0; } #teaser-tischkalender div.typo { position: absolute; width: 240px; height: 180px; left: 30px; top: 60px; text-align: left; } #teaser-tischkalender div.typo h2 { font: normal 2.2em/110% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #2264b2; margin: 0; padding: 0; padding-left: 60px; } #teaser-tischkalender div.typo h3 { color: #666; border-bottom: 0px solid #666; padding-bottom: 10px; padding-left: 60px; margin: 0; margin-right: 52px; } #teaser-tischkalender div.typo div.digits { margin-left: 0; } #teaser-3-monatskalender div.typo { position: absolute; width: 240px; height: 180px; left: 30px; top: 60px; text-align: left; } #teaser-3-monatskalender div.typo h2 { font: normal 2.2em/110% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #2264b2; margin: 0; padding: 0; padding-left: 60px; } #teaser-3-monatskalender div.typo h3 { color: #666; border-bottom: 0px solid #666; padding-bottom: 10px; padding-left: 60px; margin: 0; margin-right: 52px; } #teaser-3-monatskalender div.typo div.digits { margin-left: 0; } #teaser-werbeeindruck div.typo { position: absolute; width: 240px; height: 180px; left: 390px; top: 60px; text-align: left; } #teaser-werbeeindruck div.typo h2 { font: normal 2.2em/110% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #2264b2; margin: 0; padding: 0; padding-left: 60px; } #teaser-werbeeindruck div.typo h3 { color: #666; border-bottom: 0px solid #666; padding-bottom: 10px; padding-left: 60px; margin: 0; margin-right: 52px; } #teaser-werbeeindruck div.typo div.digits { margin-left: 0; } #teaser-digitaldruck-kalender div.typo { position: absolute; width: 400px; height: 240px; right: 20px; top: 60px; text-align: right; } #teaser-digitaldruck-kalender div.typo h2 { font: normal 2.2em/120% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #2264b2; margin: 0; padding: 0; } #teaser-digitaldruck-kalender div.typo h3 { border-bottom: 0px solid #666; padding-bottom: 10px; margin: 0; } #teaser-digitaldruck-kalender div.typo div.digits { margin-right: -20px; } #teaser-offsetdruck-kalender div.typo { position: absolute; width: 380px; height: 240px; left: 110px; top: 210px; text-align: right; } #teaser-offsetdruck-kalender div.typo h2 { font: normal 2.2em/120% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #363458; margin: 0; padding: 0; padding-right: 90px; } #teaser-offsetdruck-kalender div.typo h3 { border-bottom: 0px solid #666; padding-bottom: 10px; padding-right: 90px; margin: 0; margin-left: 95px; } #teaser-offsetdruck-kalender div.typo div.digits { margin-right: 70px; } #teaser-kalender-a4-digital div.typo { position: absolute; width: 300px; height: 180px; left: 470px; top: 50px; text-align: left; } #teaser-kalender-a4-digital div.typo h2 { font: normal 2.2em/120% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #2264b2; margin: 0; padding: 0; padding-left: 60px; } #teaser-kalender-a4-digital div.typo h3 { color: #666; border-bottom: 0px solid #666; padding-bottom: 10px; padding-left: 60px; margin-right: 52px; } #teaser-kalender-a4-digital div.typo div.digits { margin-left: 0px; } #teaser-neuanmeldung { position: relative; height: 240px; margin: 10px 0 50px; } #teaser-neuanmeldung div.inner { width: 100%; height: 100%; background-image: url('../bilder/teaser-bg/teaser-neuanmeldung.jpg'); } #teaser-neuanmeldung .splash { position: absolute; top: 32px; left: 422px; width: 200px; text-align: center; } #teaser-neuanmeldung .splash h1 { color: #6e9d6f; text-shadow: 1px 1px 0 #fff; } #voucher-register-panel { display: none; } #landingpage-vouchercode { } #landingpage-vouchercode label { float: left; margin-right: 10px; padding-top: 4px; font-size:1em; } #landingpage-vouchercode input { float: left; width: 250px; margin: 0 10px 0 0; font: bold 1.5em "Courier New", Courier, monospace; color: #c00; } div.typo .digits img { position: relative; vertical-align: top; display: inline-block; } div.typo .digits img.big-digit { right: -16px; margin-left: 2px; } div.typo .digits img.currency-digit { left: -20px; } /* ALLGEMEINES */ .infopanel { background: #e6f6e4 url('../bilder/icon-notice.png') no-repeat 12px center; margin-bottom: 18px; padding: 18px 18px 18px 72px; color: #444; border-radius: 4px; } .infopanel h3 { padding: 0; } .infopanel p { margin: 0; } .infopanel ul { margin: 0; } .infopanel ul li { background-image: url('../bilder/li-neg.gif'); } .infopanel ul.black li { background-image: url('../bilder/li.gif'); } .errorpanel { background: #e6f6e4 url('../bilder/icon-warning.png') no-repeat 12px center; margin-bottom: 18px; padding: 18px 18px 18px 72px; color: #444; border-radius: 4px; } .errorpanel h3 { padding: 0; } .errorpanel p { margin: 0; } .errorpanel ul { margin: 0; } .errorpanel ul li { background-image: url('../bilder/li-neg.gif'); } .errorpanel img {margin-right: 10px; display: inline; float: left;} .panel { position: relative; background: #E8EBED; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 18px; padding: 9px; color: #444; } .offerpanel { position: relative; background: #E8EBED url('../bilder/icon-offer.png') no-repeat 12px center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 18px; padding: 18px 18px 18px 72px; color: #444; } .offerpanel h2 { font: normal 1.8em/120% Arial, Helvetica, sans-serif; color: #d00; margin: 0 0 3px 0 !important; padding: 0 !important; } .offerpanel h3 { padding: 0; margin: 0; } .offerpanel p { margin: 0; } .offerpanel ul { margin: 0; } .offerpanel ul li { background-image: url('../bilder/li-neg.gif'); } .offerpanel p.button { margin-top: 6px; } /* Boxes */ .box-offer { position: relative; width: 284px; height: 220px; float: left; margin-right: 24px; margin-bottom: 14px; border-top: 0px solid #ddd; } .box-offer div.inner { position: relative; padding: 6px; } .box-offer.last { margin-right: 0; } .box-offer h2 { font: normal 1.8em/120% "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color: #478937; margin: 0 0 4px 0 !important; padding: 0 !important; } .box-offer h2.big { font-size: 3.1em !important; } .box-offer h2.big span { font-size: 0.7em; } .box-offer h3 { font: normal 1.5em/120% Arial, Helvetica, sans-serif; color: #666; margin: 0 0 10px 0 !important; padding: 0 !important; } .box-offer span.code { font: bold 1.5em "Courier New", Courier, monospace; color: #004899; padding: 4px 0; display: inline-block; } .box-offer span.new { font-size: 1.2em; line-height: 150%; font-weight: bold; background-color: #f60; color: #fff; padding: 1px 4px; } #box-offer-ts { height: 440px; } #box-offer-fotopapier { background: url('../bilder/boxes/box-fotopapier.jpg') no-repeat top left; } #box-offer-tischkalender { background: url('../bilder/boxes/box-tischkalender.jpg') no-repeat top left; } #box-offer-3-monatskalender { background: url('../bilder/boxes/box-tischkalender.jpg') no-repeat top left; } #box-offer-kalender-digital { background: url('../bilder/boxes/box-kalender-digital.jpg') no-repeat top left; } #box-offer-kalender-offset { background: url('../bilder/boxes/box-quadratische_kalender_kalenderdruck.jpg') no-repeat top left; } #box-offer-kalender-grossauflage { background: url('../bilder/boxes/box-kalender-grossauflage.jpg') no-repeat top left; } #box-offer-digital-premium-kalender { background: url('../bilder/boxes/box-digital-premium-kalender.jpg') no-repeat top left; } #box-offer-kalender-winter { background: url('../bilder/boxes/box-kalender-winter.jpg') no-repeat top left; } #box-offer-quadratische-kalender { background: url('../bilder/boxes/box-quadratische-kalender.jpg') no-repeat top left; } #box-offer-neue-tischkalender { background: url('../bilder/boxes/box-mehr-tischkalender.jpg') no-repeat top left; } #box-offer-neue-funktionen { background: url('../bilder/boxes/box-mehr-funktionen.jpg') no-repeat top left; } #box-offer-mwst2x { background: url('../bilder/boxes/box-doppelte-mwst-senkung.jpg') no-repeat top left; } #box-offer-doppelseitig { background: url('../bilder/boxes/box-doppelseitig.jpg') no-repeat top left; } #box-offer-express { background: url('../bilder/boxes/box-expresskalender.jpg') no-repeat top left; } #box-offer-express-2 { background: url('../bilder/boxes/box-expresskalender-2.jpg') no-repeat top left; } #box-offer-offset-150 { background: url('../bilder/boxes/box-offset-150.jpg') no-repeat top left; } #box-offer-verimi2022 { background: url('../bilder/boxes/box-verimi2022.jpg') no-repeat top left; } #box-offer-adventskalender { background: url('../bilder/boxes/box-adventskalender.jpg') no-repeat top left; } #box-offer-tischkalender-5er { background: url('../bilder/boxes/box-tischkalender-5er.jpg') no-repeat top left; } .minihilfe ul li { line-height: 1.5; font-size: 14px; background-position: left 8px; } #box-offer-hilfe .inner { padding: 10px; } /* promo - Werbetexte (z.B. Kalenderformate) */ .promo h2 { color: #478937; margin-top: 30px; font-size: 21px; margin-bottom: 2px; } .promo .subhead { font-size: 18px; color: #666; } .promo .subhead.big { font-size: 20px; color: #666; } .promo p { font-size: 15px; line-height: 1.6; } .promo p.intro { font-size: 18px; line-height: 1.6; border-width: 0; color: #999; margin-bottom: 48px; } .promo p.subhead-block { font-size: 18px;/* background-color: #E8EBED; color: #444; padding: 2px 10px; display: inline-block; */ } .promo .subhead-block span.badge { font-weight: bold; } .promo p.small { font-size: 12px; line-height: 1.2; } /*Trusted Shops Intergation mittels Bagde */ #TsCustomCheckoutDiv{ width:650px; margin-right:50px; } #box-offer-ts .skyscraper_vertical { width: 100% !important; height: 420px !important; text-align: center; background: #F2F3F5 !important; } #box-offer-ts .ts-reviews li,#box-offer-ts .ts-reviews ul, #box-offer-ts .ts-reviews-list { width:100% !important; background:#F2F3F5 !important; } #box-offer-ts .ts-review-text{ width: 220px !important; } #box-offer-ts .ts-e-trustedshops{ height: 25px !important; } #box-offer-ts .ts-reviews-list li{ display: inline-block !important; } #box-offer-ts .ts-review{ width:200px !important; } #box-offer-ts .ts-wrapper ,#box-offer-ts .ts-reviews-list{ height: 430px !important; width: 100% !important; } #box-offer-ts .ts-wrapper { overflow: scroll; } #box-offer-ts .alternativ, #box-offer-ts .ts-reviews li { background-image: none !important; } #box-offer-ts .alternativ, #box-offer-ts .ts-wrapper { overflow: hidden; } #box-offer-ts .alternativ, #box-offer-ts .ts-rating-light.skyscraper_horizontal { border-left-width: 0 !important; border-right-width: 0 !important; background-color: #fff !important; margin: 30px 0 !important; } #ts_horizontal .skyscraper_horizontal { width: 100% !important; height: 130px !important; text-align: center; background: #F2F3F5 !important; } #ts_horizontal .ts-review-avatar{ height: 30px !important; } #ts_horizontal .ts-reviews li, .skyscraper_horizontal { background: #F2F3F5 !important; } #box-offer-panoramakalender { background: url('../bilder/boxes/box-panoramakalender.jpg') no-repeat top left; } #box-offer-hilfe { background: url('../bilder/boxes/box-blanko-grey.jpg') no-repeat top left; } #box-button-panoramakalender { position: absolute; top: 162px; } div.box-offer .box-button { position: absolute; top: 162px; } div.box-offer .box-button.right { right: 0; } .box-offer.blanko { background: url('../bilder/boxes/box-blanko.jpg') no-repeat top left; } .box-offer.blanko-grey { background: url('../bilder/boxes/box-blanko-grey.jpg') no-repeat top left; } .box-offer.download-offer { background: #f2f3f5 url('../bilder/jahresplaner-download-startseite.png') no-repeat center bottom; background-size: 512px 300px; width: 592px; height: 760px; } .box-offer.download-offer div.inner { height: 100%; position: relative; padding: 12px; } div.box-offer .box-button-grey { position: absolute; top: auto; bottom: 20px; } .box-intro { font-size: 1.1em; line-height: 160%; } .box-intro h2, .box-intro h3 { margin-bottom: 12px !important; } .box-intro ul li { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #C3C5C7; } .specialoffer { color: #fff; background: #d00; padding: 1px 4px; } .specialoffersplash { position: absolute; display: inline-block; top: 20px; left: -10px; color: #fff; background: #d00; padding: 1px 4px; border: 2px solid #fff; } .box-blanko { position: relative; width: 284px; height: 200px; float: left; margin-right: 24px; margin-bottom: 24px; border-top: 0px solid #ddd; text-align: center; } .box-blanko div.inner { position: relative; padding: 10px 18px 18px; text-align: center; } .box-blanko h2 { font: normal 2em/120% Arial, Helvetica, sans-serif; color: #444; } .box-blanko p { font: normal 1.2em/140% Arial, Helvetica, sans-serif; color: #777d82; } .box-blanko h4, .box-blanko span.upper { margin: 0; padding: 0; text-transform: uppercase; color: #adb1b7; font-size: 1.2em; font-weight: bold; } span.upload { width: 64px; height: 64px; display: inline-block; background: url('../bilder/step-1-upload.png') no-repeat center 0; cursor: pointer; } span.edit { width: 64px; height: 64px; display: inline-block; background: url('../bilder/step-2-edit.png') no-repeat center 4px; cursor: pointer; } span.order { width: 64px; height: 64px; display: inline-block; background: url('../bilder/step-3-order.png') no-repeat center 6px; } .annotation strong { font-weight:normal; font-style:italic; } .annotation .marker { display: none; } .annotation .info-minibutton { position: static !important; float: right; margin-top: -3px; margin-right: -15px; } /* table.formate { } table.formate td { vertical-align: middle; border-top: 0; border-bottom: 1px solid #d8dde1; width: 25%; text-align: center; padding-top: 8px; } table.formate td div { background: #d2d5da; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; border: 1px solid #fff; display: inline-block; } div.a4-hoch { width: 42px; height: 59px; } div.a3-hoch { width: 59px; height: 84px; } div.a2-hoch { width: 84px; height: 119px; } div.b3-hoch { width: 67px; height: 100px; } div.b2-hoch { width: 100px; height: 140px; } div.quadrat-30 { width: 65px; height: 65px; } div.quadrat-42 { width: 85px; height: 85px; } div.quadrat-50 { width: 100px; height: 100px; } div.pano60-hoch { width: 60px; height: 120px; } div.pano70-hoch { width: 70px; height: 140px; } div.pano64-hoch { width: 65px; height: 130px; } div.a4-quer { width: 59px; height: 42px; } div.a3-quer { width: 84px; height: 59px; } div.a2-quer { width: 119px; height: 84px; } div.b3-quer { width: 100px; height: 67px; } div.b2-quer { width: 140px; height: 100px; } div.pano60-quer { width: 120px; height: 60px; } div.pano70-quer { width: 140px; height: 70px; } */ /* FORMATE TABELLE - CSABA */ table.formate-quadrat { margin: 23px 0 0 0 !important; } table[class^="formate-"] tr:hover { background-color: #fff !important; } table[class^="formate-"] td span { font-weight: bold; } table.formate-hoch-quer caption, table.formate-quadrat caption, table.formate-pano caption { text-align: left; font-weight: bold; margin-bottom: 20px; padding-bottom: 4px; border-bottom: 1px solid #ddd; } table.formate-quadrat caption span { padding: 1px 4px 1px 5px; margin: 0 5px 0 0; color: #fff; background-color: #CC0000; } table.formate-hoch-quer tr, table.formate-quadrat tr, table.formate-pano tr { margin: 20px 0 0 0 !important; border-top: none; } .printtype { padding: 8px 4px 0 0; height: 65px; } table.formate-hoch-quer td { border: none; margin: 0; padding: 0 !important; vertical-align: bottom; } .a4-hoch-quer { padding: 10px; box-sizing: border-box; width: 78px; margin: 0 4px 0 0; height: 110px; background-color: #ddd; } .a3-hoch-quer { padding: 10px; box-sizing: border-box; width: 110px; margin: 0 4px 0 0; height: 156px; background-color: #ddd; } .b3-hoch-quer { padding: 10px; box-sizing: border-box; width: 125px; margin: 0 4px 0 0; height: 186px; background-color: #ddd; } .a2-hoch-quer { padding: 10px; box-sizing: border-box; width: 156px; margin: 0 4px 0 0; height: 221px; background-color: #ddd; } .b2-hoch-quer { padding: 10px; box-sizing: border-box; width: 186px; height: 260px; background-color: #ddd; } table.formate-quadrat td { border: none; margin: 0; padding: 0 !important; vertical-align: bottom; } .quadrat-30 { padding: 10px; box-sizing: border-box; width: 110px; margin: 0 4px 0 0; height: 111px; background-color: #ddd; } .quadrat-305 { padding: 10px; box-sizing: border-box; width: 115px; margin: 0 4px 0 0; height: 115px; background-color: #ddd; } .quadrat-42 { padding: 10px; box-sizing: border-box; width: 155px; margin: 0 4px 0 0; height: 155px; background-color: #ddd; } .quadrat-50 { padding: 10px; box-sizing: border-box; width: 186px; margin: 0 4px 0 0; height: 186px; background-color: #ddd; } .quadrat-space {width: 85px;height: 186px; } table.formate-pano td { border: none; margin: 0; padding: 0 !important; vertical-align: bottom; } .pano-40 { padding: 10px; box-sizing: border-box; width: 158px; margin: 0 4px 0 0; height: 78px; background-color: #ddd; } .pano-60 { padding: 10px; box-sizing: border-box; width: 223px; margin: 0 4px 0 0; height: 112px; background-color: #ddd; } .pano-70 { padding: 10px; box-sizing: border-box; width: 260px; margin: 0 4px 0 0; height: 130px; background-color: #ddd; } .pano-space { width: 55px; height: 238px; } /* FORMATE TABELLE END - CSABA */ div.box-offer .testimonial { width: auto; background: url('../bilder/thumbup-testimonials.jpg') no-repeat right top; padding-right: 92px; padding-top: 6px; margin-top: 0px; text-align: right; font-style: oblique; font-size: 1.2em; line-height: 1.5; overflow: hidden; display: none; } div.box-offer .testimonial span.quote { font-size: 2em; line-height: 0.5em; color: #579ecd; } div.box-offer .testimonial span#personname { font-size: 0.9em; line-height: 2; color: #579ecd; } span.new { font-size: 1.2em; line-height: 150%; font-weight: bold; background-color: #f60; color: #fff; padding: 1px 4px; } span.new2 { font-size: 0.85em; line-height: 120%; font-weight: bold; background-color: #f60; color: #fff; padding: 2px 6px; } .box-flat { border: 1px solid #CCCCCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 8px 0; padding: 12px; } .interactive-box { background: #E8EBED; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 18px 12px; } .interactive-box label { width: 167px; } .preisheader .interactive-box p { width: auto; } /* Special Offers / Aktionen */ .box-banner { z-index: 2; } .box-banner a { width: 100%; height: 100%; display: block; } .banner-50prozent-rabatt { position: absolute; top: -5px; right: -5px; width: 119px; height: 118px; background: transparent url('../bilder/splash/box-banner-50prozent-rabatt.png') no-repeat top left; } .banner-50prozent-50x70 { position: absolute; top: -5px; right: -5px; width: 119px; height: 118px; background: transparent url('../bilder/splash/box-banner-50prozent-50x70.png') no-repeat top left; } .banner-rabatt-small { position: absolute; top: -3px; right: -3px; width: 70px; height: 70px; background: transparent url('../bilder/splash/box-banner-rabatt-small.png') no-repeat top left; } .banner-preisaktion { position: absolute; top: -5px; right: -5px; width: 119px; height: 118px; background: transparent url('../bilder/splash/box-banner-preisaktion.png') no-repeat top left; } .banner-20prozent-auf-alles { position: absolute; top: -5px; right: -5px; width: 119px; height: 118px; background: transparent url('../bilder/splash/box-banner-20prozent-rabatt.png') no-repeat top left; } .banner-neu { position: absolute; top: -5px; right: -5px; width: 119px; height: 118px; background: transparent url('../bilder/splash/box-banner-neu.png') no-repeat top left; } /* SUBPAGES */ .intro { border-bottom: 1px solid #C3C5C7; margin: 12px 0 24px; padding: 0 25px 8px 0 } .intro .left { width: 37%; } .intro .right { width: 63%; } /*.col2_4 h2, .col3_4 h2, .col4_4 h2, .intro h2 { margin-bottom: 8px; padding-top: 12px; }*/ table { margin-bottom: 30px; } table thead td { background: #e8ebed; font-weight: bold; border-top: 0; } table thead td.td-1st { background-position: 0 0; } table thead td.td-4th { background-position: 100% 0; } table tr { } table tr.alt { /*background: #f7f9fc;*/ } div.infopanel table tr.alt { background: #FFF; } table tr.alt td { } table td { vertical-align: top; border-top: 1px solid #d8dde1; padding: 4px 6px; } table td.td-1st { width: 35% } table td.td-2nd { width: 20% } table td.td-3rd { width: 25% } table td.td-4th { text-align: right; width: 20%; } table.flat td { border: none !important; } thead sup { color: #444444 !important; } table select { margin: 0 !important; } .content-box, .content-box-left { overflow: hidden; background-repeat: no-repeat; background-position: left top; border-bottom: 1px solid #C3C5C7; /*min-height: 120px; height: auto !important; height: 120px;*/ margin-bottom: 12px; padding: 12px 0 1px 0; display: block; } .content-box h3, .content-box p { margin-bottom: 0.5em; } .content-box.bordertop { border-top: 1px solid #C3C5C7; padding-top: 24px; } .content-box.uplheight { height: 140px; } .content-box.uplheight-on { height: 180px; } .content-box.pgrheight { height: 190px; } .content-box.pgrheight-on { height: 190px; } /*.content-box.pgrheight-on { height: 250px; } */ /*für Weihnachten*/ .content-box .box-icon { float: left; width: 200px; } .content-box .box-icon img { margin-left: 20px; } .content-box .box-text { float: left; width: 469px; padding-bottom: 12px; } .content-box.uplheight .box-icon, .content-box.uplheight-on .box-icon { float: left; width: 130px; } .content-box.uplheight .box-icon img, .content-box.uplheight-on .box-icon img { margin-left: 20px; } .content-box.uplheight .box-text, .content-box.uplheight-on .box-text { float: left; width: 308px; padding-bottom: 12px; } .content-box .box-icon-medium { float: left; width: 180px; } .content-box .box-icon-medium img { margin-left: 10px; width: 150px} .content-box .box-text-medium { float: left; width: 258px; padding-bottom: 12px; } .content-box.left { float: left; margin-right: 24px; width: 438px; } .content-box.last { margin-right: 0 !important; } .adressliste img { margin: 0px !important; } .adressliste table { margin-bottom: 9px !important; background: none !important; } .adressliste table td { padding: 6px 0px 4px 0px; } .adressliste input { border: 0 none !important; width: auto; margin: 0; padding: 0; } /* Fotoprodukte */ /*.details .left, .details .right { width: 48%; }*/ .product { margin-bottom: 24px; } .product div { float: left; display: inline; width: 210px; margin-right: 24px; } .product div img { margin: 0 0 6px; } .product div h3, .product div p { margin: 0 0 6px; } .product div.last { margin-right: 0 !important; } .product p.light { font-size: 0.9em; line-height: 150%; } .intro .orderbook .left { width: 59%; padding-top: 5px; } .intro .orderbook .right { width: 37%; } img.big-margin { display: block; } /* Preisliste */ * html .preisheader { margin-bottom: 12px; } /* IE6 Fix */ *+html .preisheader { margin-bottom: 12px; } /* IE7 Fix */ .preisheader { position: relative; padding-top: 12px; margin-top: 12px; border-top: 1px solid #C3C5C7; background-color: #fff; } .preisheader h1 { padding-top: 0; margin-bottom: 0; } .preisheader h2 { padding-top: 0; margin-bottom: 0; font-size: 2em; } .preisheader h2 span { font-size: .75em; } .preisheader h3 { margin-bottom: 20px; } .preisheader p { width: 669px; } .preisheader div.prodimg { position: absolute; top: 50px; right: 0; width: 180px; text-align: center; } .preisheader div.top { position: absolute; top: 0; right: 0; width: 80px; text-align: center; background: #C3C5C7; } .preisheader div.top a { font-size: 0.8em; line-height: 100%; padding: 3px 3px 4px 3px; color: #fff; display: block; } .preisheader div.top a:hover { text-decoration: none; } .preisheader div.all-off, .preisheader div.all-on { width: 17px; height: 17px; cursor: pointer; background: #fff; float: left; display: none; } .preisheader div.all-off { display: block; background: #fff url('../bilder/minus.gif') no-repeat left -1px; } .preisheader div.all-on { background: #fff url('../bilder/plus.gif') no-repeat left -1px; } /* #page-preisliste .cols .left, #page-preisliste .cols .right { width: 48%; } */ #page-preisliste .country-select { padding-top: 8px; } #page-preisliste .country-select form { float: right; margin-left: 12px; } #page-preisliste .cols .right .preisheader { border: 0; padding-top: 0; } #page-preisliste table td { padding: 4px 6px; font-size: 1em; } #page-preisliste table td.td-1st { width: 250px } #page-preisliste table td.td-2nd { width: 100px } #page-preisliste table td.td-3rd { width: 100px } #page-preisliste table td.td-4th { width: 100px } #page-preisliste table td.td-5th { text-align: right; width: 60px; } #page-preisliste .col4_4 h4 { position: relative; cursor: pointer; width: 657px; background: #E8EBED url('../bilder/thead-td.png') repeat-x left -45px; color: #d00; margin-bottom: 0; padding: 3px 6px 8px 6px; margin-top: 2px; z-index: 2; } * html #page-preisliste .col4_4 h4 { padding-bottom: 7px; } *+html #page-preisliste .col4_4 h4 { padding-bottom: 7px; } #page-preisliste .col4_4 h4 { border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } #page-preisliste .col4_4 h4 { border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #page-preisliste .col4_4 thead td { background: #E8EBED !important; padding: 2px 6px 4px 6px !important; } #page-preisliste .col4_4 h4:hover { background-position: left -45px !important; } #page-preisliste .col4_4 h4 img.splash { position: absolute; top: -26px; right: 90px; } #page-preisliste .col3_4 h4 { position: relative; cursor: pointer; background: #E8EBED url('../bilder/thead-td.png') repeat-x left -45px; color: #d00; margin-bottom: 0; padding: 3px 6px 8px 6px; margin-top: 2px; z-index: 2; } * html #page-preisliste .col3_4 h4 { padding-bottom: 7px; } *+html #page-preisliste .col3_4 h4 { padding-bottom: 7px; } #page-preisliste .col3_4 h4 { border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } #page-preisliste .col3_4 h4 { border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #page-preisliste .col3_4 thead td { background: #E8EBED !important; padding: 2px 6px 4px 6px !important; } #page-preisliste .col3_4 h4:hover { background-position: left -45px !important; } #page-preisliste .toggle span.new { float: right; font-size: 0.8em; line-height: 150%; font-weight: bold; background-color: #f60; color: #fff; padding: 1px 4px; margin-left: 10px; } #page-preisliste .toggle span.theadnew { font-size: 0.8em; line-height: 150%; font-weight: bold; background-color: #f60; color: #fff; padding: 1px 4px; margin-right: 10px; } #page-preisliste .toggle span.pricedown { font-size: 0.8em; line-height: 150%; font-weight: bold; background-color: #DD0000; color: #fff; padding: 1px 4px; margin-right: 10px; } #page-preisliste .toggle, #uploader, .imageshadow { position: relative; display: block; width: 669px; z-index: 1; padding-bottom: 40px; background: url('../bilder/shadow-669.jpg') no-repeat left bottom; } #page-preisliste table { overflow: visible; margin-top: 0px; margin-bottom: 0px; } #page-preisliste tr { background: #fff;} #page-preisliste tr.hidden td { /*background: #f6f7f8;*/ } #page-preisliste .toggle p { margin-bottom: 0; padding: 3px 6px; } #page-preisliste .toggle tr { display: none; } #page-preisliste .toggle tr.block { display: table-row; } #page-preisliste .toggle thead tr { display: table-row; } * html #page-preisliste .toggle tr.block { display: block; } * html #page-preisliste .toggle thead tr { display: block; } *+html #page-preisliste .toggle tr.block { display: block; } *+html #page-preisliste .toggle thead tr { display: block; } #page-preisliste td.true { font-size: 24px; color: #008000} #page-preisliste td.false { color: #d00} #page-preisliste td.td-4th div.marker { position: relative; display: inline-block; } #page-preisliste div.marker div.icon { position: absolute; width: 30px; height: 24px; top: -16px; left: 12px; padding: 0; background: url('../bilder/icon-sale-smal.png') no-repeat center left; cursor: pointer; } #page-preisliste div.marker div.flag, #page-preisliste div.marker div.flagblock { display: none; position: absolute; width: 180px; top: -18px; left: 40px; padding: 4px 0 4px 18px ; background: url('../bilder/marker-gelb.png') no-repeat center left; text-align: left; color: #d00; z-index: 999;} #page-preisliste div.marker div.flagblock { display: block; } #page-preisliste tr.marker { display: table-row; /*background-color: #e6f6e4; #FFFBF1*//*#f6f7f8*/ } #page-preisliste tr.marker td.td-4th { /*color: #d00;*/ font-weight: normal; } *+html #page-preisliste td.td-4th div.marker { float: right;} *+html #page-preisliste tr.marker { display: block; position: relative; } #page-preisliste td:first-of-type { position: relative; } #page-preisliste td:first-of-type div.stempel { position: absolute; top: 30px; right: -10px; width: 126px; height: 31px; background: url('../bilder/stempel-preisliste.png') no-repeat 0 0; background-size: contain; transform: rotate(-7deg); padding: 9px 12px; text-align: right; font-weight: bold; font-size: 16px; line-height: 1.0; text-transform: uppercase; color: #347b7d; letter-spacing: -1px; } #page-preisliste td:first-of-type div.stempel span { position: absolute; display: block; left: 9px; top: 7px; font-size: 36px; color: #e00; } #page-preisliste td:first-of-type div.stempel span span { position: absolute; display: block; right: -17px; top: 14px; font-size: 18px; } #page-preisliste a.info-minibutton span { height: 12px; padding: 2px 2px; } #page-preisliste a.info-minibutton { position: absolute; margin-left: -80px; display: inline; height: 20px; } #page-preisliste tr.hidden { display: none; } #page-preisliste tr:hover { background-color: #e6f6e4; } #page-preisliste tr.hidden:hover { /*background-color: #E8EBED;*/ } #page-preisliste tr.hidden:hover td { background-color: transparent; } #page-preisliste #tab-pricelist.ui-widget, #page-preisliste #tab-pricelist-digital.ui-widget, #page-preisliste #tab-pricelist-table-digital.ui-widget, #page-preisliste #tab-pricelist-offset.ui-widget, #page-preisliste #tab-pricelist-fotopapier.ui-widget { font-size: 1em !important; } #page-preisliste #tab-pricelist img.product, #page-preisliste #tab-pricelist-digital img.product, #page-preisliste #tab-pricelist-table-digital img.product, #page-preisliste #tab-pricelist-offset img.product, #page-preisliste #tab-pricelist-fotopapier img.product { width: 150px; height: 150px; border: 1px solid #ccc; float: left; margin-right: 15px; margin-bottom: 20px; } #page-preisliste #tab-pricelist h3 + ul, #page-preisliste #tab-pricelist-digital h3 + ul, #page-preisliste #tab-pricelist-table-digital h3 + ul, #page-preisliste #tab-pricelist-offset h3 + ul, #page-preisliste #tab-pricelist-fotopapier h3 + ul { overflow: hidden; } #tab-pricelist, #tab-pricelist-digital, #tab-pricelist-table-digital, #tab-pricelist-offset, #tab-pricelist-fotopapier { width: 669px; } #tab-pricelist .ui-tabs-panel, #tab-pricelist-digital .ui-tabs-panel, #tab-pricelist-table-digital .ui-tabs-panel, #tab-pricelist-offset .ui-tabs-panel, #tab-pricelist-fotopapier .ui-tabs-panel { border: 0; padding: 24px 0 0; } /* Kontakt */ #contactform { background: transparent url('../bilder/bg-col2_4.gif') no-repeat left bottom; border: 0; padding: 0 0 24px; } #contactform div.forminner { background: transparent url('../bilder/bg-col2_4-top.gif') no-repeat left top; padding: 0; } #contactform fieldset { margin: 0; } #contactform input, #contactform textarea { width: 440px; margin-bottom: 1em; } #contactform fieldset.checkbox { margin-bottom: 12px; } #contactform fieldset.checkbox input[type="checkbox"]{ width: 30px; margin-left: 150px; float: left; } #contactform fieldset.checkbox label { width: 489px; float: left; font-weight: normal; } #contactform fieldset.checkbox label.checkbox_error { color: #d00; } button#sendmessage { width: 143px; margin-left: 180px; } /* Error 404 */ #error404 .cols div { min-height: 110px !important; height: auto !important; } #error-div { background: url('../bilder/error404.jpg') no-repeat; height: 110px; margin-top: 12px; margin-bottom: -12px; } /* Neuanmeldung */ #formregister { } #formregister div.forminner { } #formregister h3 { font-size: 1.5em; } #formregister fieldset h3 { font-size: 1.2em; } #formregister input { width: 240px; } #formregister input.checkbox { width: auto; } #formregister div.left { width: 250px; margin: 0 0 24px 20px; padding-left: 20px; } #formregister div#field-username { border: 0 none; margin: 0; padding: 0; } #formregister div#field-agb { clear: both; border: 1px solid #C3C5C7; border-width: 1px 0; margin-bottom: 18px; padding: 12px 0 18px; } * html #formregister div#field-agb { margin-bottom: 6px; } /* IE6 Fix */ *+html #formregister div#field-agb { margin-bottom: 6px; } /* IE7 Fix */ #formregister button { cursor: pointer; margin-left: 180px; } .no_bgimg { background: none !important; } .input_error { background: #fff url('../bilder/icon-error-right-whitespace.gif') no-repeat right center; } /* Passwort vergessen */ #formrecovery { } #formrecovery div.forminner { } #formrecovery input { width: 300px; font-size: 1em; margin-bottom: 0; } #formrecovery button { /*background: url('../bilder/button-senden.gif') no-repeat left top; display: block; vertical-align: middle; width: 105px; height: 22px;*/ cursor: pointer; margin-left: 180px; display: inline; } #formrecovery button:hover { /*background-position: left -22px;*/ } /* Index */ #dashboard { padding-bottom: 0; margin-bottom: 2.5em; } .dashboard-panel { float: left; width: 319px; margin-right: 20px; } #dashboard table { margin: 0 } #dashboard table td { border: 0; border-top: 1px solid #C3C5C7; padding: 6px 5px 6px 0; } #dashboard table td.td-1st { width: 80%; } #dashboard table td.td-2nd { text-align: right; width: 20%; } form#vouchercode { border: 0; padding: 0 0 8px; margin-bottom: 3em; } #vouchercode div.forminner { } #vouchercode fieldset { margin: 0 } #vouchercode label { float: left; margin-right: 10px; padding-top: 4px; font-size:1em; } #vouchercode input { float: left; width: 250px; margin: 0 10px 0 0; } form#formunlock { } #formunlock div.forminner { } #formunlock fieldset { margin: 0 } #formunlock label { } #formunlock input { float: left; width: 150px; margin: 0 10px 0 0; } /* Kundendaten */ #formprofile { } #formprofile div.forminner { } #formprofile div.divider { border-bottom: 1px solid #C3C5C7; margin-bottom: 18px; padding-bottom: 6px; } #formprofile input { width: 240px; } #formprofile input.checkbox { width: auto; } #formprofile-street, #formprofile-street2 { width: 240px !important; margin-right: 5px; } #formprofile-nr, #formprofile-nr2 { width: 40px !important; } #formprofile-country, #formprofile-country2 { margin-right: 5px; width: 56px; } #formprofile-plz, #formprofile-plz2 { width: 40px !important; margin-right: 5px; } #formprofile-location, #formprofile-location2 { width: 122px !important; } h3#ftp-account { display: block; margin-top: 0; padding-top: 0; } /* Einstellungen */ #einstellungen { } #einstellungen div.forminner { } #settings-wrapper { border-bottom: 1px solid #C3C5C7; margin-bottom: 18px; } #einstellungen fieldset { float: left; width: 49%; margin-bottom: 6px; } #einstellungen fieldset select { width: 200px; } #einstellungen fieldset div { margin-bottom: 2em; } #einstellungen fieldset h3 { padding: 0; } #settings-grid { margin: 0 !important; } #settings-grid-x, #settings-grid-y { float: left; text-align: center; width: 20px; } #settings-grid span { display: block; float: left; margin: 0 10px; padding-top: 4px; } #settings-ppop { margin: 0 !important; } #settings-ppop span { display: block; float: left; margin: 0 10px; padding-top: 4px; } #settings-ppop-field { float: left; text-align: center; width: 77px; } /* Auftragsstatus */ #myfp-status p { display: block; float: left; margin-right: 40px; } #myfp-status ul { float: right; } #myfp-status li { float: left; background-position: left center; background-repeat: no-repeat; padding: 1px 0 1px 20px; margin-right: 10px; } table#myfp-status-table td { text-align: left; } table#myfp-status-table img { margin: 0; } table#myfp-status-table thead td.td-4th { background-position: 50% 0; } table#myfp-status-table thead td.td-6th { background-position: 100% 0; } table#myfp-status-table td.td-1st { width: 17%; } table#myfp-status-table td.td-2nd { text-align: center; width: 8%; } table#myfp-status-table td.td-3rd { width: 30px; } table#myfp-status-table td.td-4th { text-align: right; width: 18%; padding-right: 5px; white-space: nowrap; } table#myfp-status-table td.td-5th { width: 13%; } table#myfp-status-table td.td-6th { width: 36%; } table#myfp-status-table td.td-7th { width: 10%; } /* Fusszeile in Buchungsliste */ table#myfp-status-table td.td-tf1 { width: 17%; font-weight: bold;} table#myfp-status-table td.td-tf2 { text-align: center; width: 8%; } table#myfp-status-table td.td-tf3 { width: 30px; } table#myfp-status-table td.td-tf4 { text-align: right; width: 18%; padding-right: 5px; font-weight: bold; white-space: nowrap; } table#myfp-status-table td.td-tf5 { width: 13%; } table#myfp-status-table td.td-tf6 { width: 36%; } table#myfp-status-table td.td-tf7 { width: 10%; } /* Einzelauftrag Detailinformationen */ table#myfp-status-auftrag td { text-align: left; } table#myfp-status-auftrag img { margin: 0; } table#myfp-status-auftrag thead td.td-4th { background-position: 50% 0; } table#myfp-status-auftrag thead td.td-7th { background-position: 100% 0; } table#myfp-status-auftrag td.td-1st { width: 10%; } table#myfp-status-auftrag td.td-2nd { width: 35%; } table#myfp-status-auftrag td.td-3rd { width: 23%; } table#myfp-status-auftrag td.td-4th { text-align: center; width: 5%;} table#myfp-status-auftrag td.td-5th { text-align: right; width: 15%; } table#myfp-status-auftrag td.td-6th { text-align: right; width: 12%; } table#myfp-status-auftrag td.td-7th { text-align: right; width: 12%; } #myfp-status-auftrag-box { background: #e5e7ea; padding: 1em; } #myfp-status-auftrag-adress-wrapper { margin: 0.5em 0 0; } #myfp-status-auftrag-adress-wrapper div { width: 33%; } a.btn-rechnung-anzeigen { background: url('../bilder/button-rechnung-anzeigen.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; margin: 5px 0 0 } a.btn-rechnung-anzeigen:hover { background-position: left -22px; } a.btn-bilder-anzeigen { background: url('../bilder/button-bilder-anzeigen.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; margin: 5px 0 0 } a.btn-bilder-anzeigen:hover { background-position: left -22px; } .myfp-status-versendet { background-image: url('../bilder/icon-status-versendet.gif'); } .myfp-status-druck { background-image: url('../bilder/icon-status-druck.gif'); } .myfp-status-bestellt { background-image: url('../bilder/icon-status-bestellt.gif'); } .myfp-status-storniert { background-image: url('../bilder/icon-status-storniert.gif'); } .myfp-status-wartend { background-image: url('../bilder/icon-status-wartend.gif'); } table.status-order-imglist td { border-bottom: none !important; } table.status-order-imglist td[valign=middle] { vertical-align: middle; } table.status-order-imglist td img { margin-bottom: 0; } /* Fotoalbum */ #fotoalbum-folder-layer { } #fotoalbum-folder-layer h3 { padding: 0; margin-bottom: 12px; } #fotoalbum-folder-layer p { margin-bottom: 3px; } * html #fotoalbum-folder-wrapper { margin: 0; padding-bottom: 12px; } /* IE6 Fix */ *+html #fotoalbum-folder-wrapper { margin: 0; padding-bottom: 12px; } /* IE7 Fix */ .fotoalbum-folder { position: relative; background: #FFF url('../bilder/icon-album-folder.png') no-repeat center 3px; font-weight: bold; color: #535557 !important; /*font-size: 0.9em; line-height: 120%; text-align: center; text-decoration: none !important; border: 1px dashed #C3C5C7;*/ float: left; width: 100px; /*min-height: 90px;*/ height: 100px !important; margin: 0 12px 12px 0; } .fotoalbum-folder p { position: absolute; top: 72px; width: 100%; font-weight: bold; font-size: 0.9em; line-height: 120%; text-align: center; color: #535557 !important; text-decoration: none !important; } #fotoalbum-folder-wrapper { padding-left: 0px; } #fotoalbum-folder-wrapper .fotoalbum-folder.selected { position: relative; background-color: #e5e7ea; width: 100px !important; height: 100px !important; cursor: default; } #trash { background-image: url('../bilder/icon-album-trash.gif'); background-position: center 15px; } .fotoalbum-folder span { display: inline; font-weight: normal; } .fotoalbum-folder h3 { margin: 0; } .fotoalbum-folder-up { background: #FFF url('../bilder/icon-album-folder-up.png') no-repeat center 3px; } .fotoalbum-folder-objects { background: #FFF url('../bilder/icon-album-folder-objects.png') no-repeat center 3px; } .fotoalbum-folder-cal { background: #FFF url('../bilder/icon-album-folder-cal.png') no-repeat center 3px; } .fotoalbum-folder-book { background: #FFF url('../bilder/icon-album-folder-book.png') no-repeat center 3px; } .fotoalbum-folder-video { background: #FFF url('../bilder/icon-album-folder-video.png') no-repeat center 3px; } /* Fotoalbum / Neuen Ordner anlegen */ #fotoalbum-newfolder { display: none; } #fotoalbum-newfolder div.newfolderinner { margin: 0 0 24px !important; padding: 6px 12px !important; background: #e5e7ea; } #fotoalbum-newfolder h3 { margin: 0 0 8px !important; padding: 0 !important; } #fotoalbum-newfolder form { background: transparent; border: 0 none; margin: 0; padding: 0 !important; } #fotoalbum-newfolder fieldset { border: 0 none !important; margin: 0 !important; padding: 0px !important; } #fotoalbum-newfolder input { width: 300px; margin: 0 5px 0 0 !important; } /* Fotoalbum / Ordner Einstellungen */ #fotoalbum-foldersettings { display: none; } #fotoalbum-foldersettings div.foldersettinner { margin: 0 0 24px !important; padding: 6px 12px !important; background: #e5e7ea; } #fotoalbum-foldersettings h3 { margin: 0 0 8px !important; padding: 0 !important; } #fotoalbum-foldersettings form { background: transparent; border: 0 none; margin: 0 !important; padding: 0 !important; } #fotoalbum-foldersettings fieldset { } #fotoalbum-foldersettings input { width: 300px; margin: 0 5px 0 0 !important; } h3 a.fotoalbum-foldersettings-link { background: url('../bilder/icon-folder-settings.gif') no-repeat right top; padding-right: 24px; margin-right: 6px; } #fotoalbum-foldershares { display: none; } #fotoalbum-foldershares div.foldersettinner { margin: 0 0 24px !important; padding: 6px 12px !important; background: #e5e7ea; } #foldersetting #hinweis { border-width: 0; padding: 0; width: 300px; float: left } #foldersetting #folder-img-preview { width: 80px; height: 80px; float: left; margin-right: 20px; margin-bottom: 10px; } a#btn-folderimg { background: url('../bilder/button-ordnerbild.gif') no-repeat left top !important; float: left; display: block; vertical-align: middle; cursor: pointer; width: 145px !important; height: 22px; } a#btn-folderimg:hover { background-position: left -22px !important; } #foldersetting select { width: 160px; margin-right: 20px; float: left; } #foldersetting div.divider { border-bottom: 1px solid #C3C5C7; margin-bottom: 18px; padding-bottom: 6px; } /* Fotoalbum / Navigation */ .fotoalbum-nav { background: #E8EBED; font-size: 0.9em; margin-bottom: 18px; padding: 6px 12px; } .fotoalbum-nav * { margin: 0; } .fotoalbum-nav select { vertical-align: middle; margin: 0 5px; width: 150px; } .fotoalbum-nav a, .fotoalbum-nav .right { font-weight: bold } .fotoalbum-nav a.pd-button-small { font-weight: normal; font-size: 1.1em; } .fotoalbum-nav span.right { white-space: nowrap; } /* Fotoalbum / Bilder */ #fotoalbum-pics-layer { padding: 12px 0; } h3 small { font-size: 0.8em !important; font-weight: normal; letter-spacing: 0; } .fotoalbum-pics { position: relative; background: #FFF; font-size: 0.9em; line-height: 140%; color: #535557 !important; text-decoration: none !important; text-align: center; float: left; min-height: 250px; height: auto !important; height: 250px; width: 160px; margin: 0 24px 24px 0; } * html .fotoalbum-pics { margin-right: 24px; } /* IE6 Fix */ #fotoalbum-pics-wrapper .fotoalbum-pics.selected { background: #fff; color: #535557 !important; text-decoration: none !important; cursor: default; } .fotoalbum-pics.last { margin-right: 0; margin-bottom: 24px; } .fotoalbum-pics-kompakt { position: relative; background: #FFF; font-size: 0.9em; line-height: 140%; color: #535557 !important; text-decoration: none !important; text-align: center; float: left; min-height: 100px; height: auto !important; height: 100px; width: 100px; margin: 0 14px 14px 0; } * html .fotoalbum-pics-kompakt { margin-right: 14px; } /* IE6 Fix */ #fotoalbum-pics-wrapper .fotoalbum-pics-kompakt.selected { background: #fff; color: #535557 !important; text-decoration: none !important; cursor: default; } .fotoalbum-pics-kompakt.last { margin-right: 0; } .fotoalbum-pics .imageframe { position: relative; background: #FFF; text-align: center; border: 1px solid #D3D5D7; padding: 0px; width: 148px; height: 148px; margin: 0 auto } .fotoalbum-pics.selected .imageframe { background: #e5e7ea !important; border-color: #535557; } .fotoalbum-pics .imageframe img { position: absolute !important; } .fotoalbum-pics-kompakt .imageframe { position: relative; background: #FFF; text-align: center; border: 1px solid #D3D5D7; padding: 0px; width: 98px; height: 98px; margin: 0 auto } .fotoalbum-pics-kompakt.selected .imageframe { background: #e5e7ea !important; } .fotoalbum-pics-kompakt .imageframe img { position: absolute !important; } .fotoalbum-pics p { text-align: left; position: absolute; left: 6px; bottom: 12px; width: 156px; margin: 0; } .fotoalbum-pics span { display: block; width: 65px; float: left; font-weight: bold; } #ansicht-wahl { float: right; height: 17px; padding-top: 6px; } #ansicht-wahl img { margin: 0; } span#galerie-hinweis { position: relative; } span#galerie-hinweis div { position: absolute; top: -35px; left: -40px; background: #ffc; border: 1px solid #fc0; padding: 3px 6px; white-space: nowrap; } span#galerie-hinweis div span { position: absolute; display: block; bottom: -11px; left: 80px; background: url('../bilder/tooltip-arrow-down.png') no-repeat top left; width: 21px; height: 11px; } /* Bildimport (von Galerie) */ div.thumbkl { border-bottom: 1px solid #D8DDE1; margin-bottom: 9px; } /* Upload */ .button-dateienhochladen { background: url('../bilder/button-dateienhochladen.gif') no-repeat left top; display: block; cursor: pointer; width: 145px !important; height: 22px; } .button-dateienhochladen:hover { background-position: left -22px !important; } a#btn-choosepics { background: url('../bilder/button-choosepics.gif') no-repeat left top; display: block; width: 143px; height: 28px; margin: 24px auto; } a#btn-choosepics:hover { background-position: left bottom; } /* Upload / Express */ a#btn-choosepics { background: url('../bilder/button-choosepics.gif') no-repeat left top; display: block; width: 143px; height: 28px; margin: 24px auto; } a#btn-choosepics:hover { background-position: left bottom; } /* Upload / Standard */ #standardfileupload { background: none; border: 0 none; margin: 0 !important; padding: 0; } #standardfileupload table { border-top: 1px solid #C3C5C7; margin-bottom: 12px; } #standardfileupload table input.inputfile { margin: 0; } #btn-uploadpics { background: url('../bilder/button-dateienhochladen.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; float: none; } #btn-uploadpics:hover { background-position: left -22px; } /* Upload / Komfort */ #comfuploadapp { background: url('../bilder/bg-comfupload.jpg') no-repeat left top; height: 360px; margin: 24px 0; } #head label { width: 100px; } /* Upload / FTP-Upload */ #ftp-userdata { margin-bottom: 24px; } #ftp-userdata li { background: none; padding: 0; } #ftp-userdata li span { font-weight: bold; display: block; float: left; width: 110px; } /* Bestellung / Produktauswahl */ .product.order div { position: relative } .product.order h3 { position: absolute; background: white; bottom: 30px; left: 1px;margin: 0;} .product.order h3 a { color: #535557 !important; text-decoration: none !important; display: block; padding: 0 20px 10px; } .pgr-fotoabzuege { padding-bottom: 10px; } .pgr-fotokalender { padding-bottom: 10px; } .pgr-poster { padding-bottom: 10px; } .pgr-keilrahmenposter { padding-bottom: 10px; } .pgr-fotogeschenke { padding-bottom: 10px; } .pgr-postkarten { padding-bottom: 10px; } #order-breadcrumb { list-style-type: none; height: 44px; margin-top: 8px; } * html #order-breadcrumb { margin-left: -4px; margin-right: -4px; } *+html #order-breadcrumb { margin-left: -4px; margin-right: -4px; } #order-breadcrumb li { float: left; margin: 0; padding: 0; width: 225px; height: 44px; line-height: 100%; } #order-breadcrumb li.current { font-weight: bold; font-size: 1.2em; line-height: 90%; } #order-breadcrumb li a { text-align: center; background: url('../bilder/bg-order-breadcrumb.gif') no-repeat right 0px; display: block; margin: 0; padding: 16px 16px 16px 0; } #order-breadcrumb li.current * { background-position: right -44px; } #order-breadcrumb li.disabled span { text-decoration: none !important; color: #939597; cursor: default; } #order-breadcrumb li.check a { background-position: right -88px; color: #cc3333; } #order-breadcrumb li.current a { color: #cc3333; } #order-breadcrumb li.check .first a { background-position: right -88px; } #order-breadcrumb li.check .last a { background-position: left -88px; } #order-breadcrumb li .last a { background: url('../bilder/bg-order-breadcrumb.gif') no-repeat left top; } #order-breadcrumb li.current .last a { background-position: left -88px; } #order-breadcrumb li .first a { background: url('../bilder/bg-order-breadcrumb.gif') no-repeat right top; } #order-breadcrumb li.current .first a { background-position: right -44px; } .order-intro { border: 1px solid #C3C5C7; border-width: 1px 0; margin-bottom: 14px; padding: 8px 0 16px 0; } .order-intro .pd-button span { font-size: 1em; } .order-intro button { } .order-intro button span { color: #444; } .order-intro .adventskalender-button { width: 298px; height: 150px; background: url('../bilder/adventskalender-bestell-button.jpg') no-repeat top left; margin: -8px 0 -16px; } .order-intro .adventskalender-button a { width: 100%; height: 100%; display: block; } .order-intro .adventskalender-button a span { display: none; } .order-intro .osterkalender-button { width: 298px; height: 150px; background: url('../bilder/osterkalender-bestell-button.jpg') no-repeat top left; margin: -8px 0 -16px; } .order-intro .osterkalender-button a { width: 100%; height: 100%; display: block; } .order-intro .osterkalender-button a span { display: none; } *+html div.head_bestellen h1 { padding-bottom: 12px; } /* .button-produktbestellen { background: url('../bilder/button-produktbestellen.gif') no-repeat left top; display: block; cursor: pointer; width: 145px !important; height: 22px; } .button-produktbestellen:hover { background-position: left -22px !important; } */ /* Bestellung / Motivauswahl */ a#btn-order-continue, button.btn-order-continue { background: url('../bilder/button-order-continue.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } a#btn-order-continue:hover, button.btn-order-continue:hover { background-position: 0 -22px; } .order-motiv-nav { background: #e5e7ea; margin-bottom: 18px; padding: 8px 12px; } .order-motiv-nav * { margin: 0; } .order-motiv-nav a { font-weight: bold } .order-motiv-nav span.left { padding: 5px 0; } .order-motiv-nav span.right { width: 35%; } a.btn-put-in-shoppingcart { background: url('../bilder/button-putincart.gif') no-repeat 0 0; display: block; float: right; width: 273px; height: 28px; } a.btn-put-in-shoppingcart:hover { background-position: 0 -28px; } a#btn-weitere-motive { background: url('../bilder/button-weitere-motive.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } a#btn-weitere-motive:hover { background-position: 0 -22px; } .pagination { padding: 2px 0 9px; } .pagination span.left { width: 40%; } .pagination span.left .disabled { color: #939597 !important; font-weight: bold; } .pagination select { vertical-align: middle; font-size: 0.9em; margin: 0 0 0 5px; } /* Bestellung / Formatauswahl */ .order-picturebox { margin-bottom: 12px; } .order-picturebox .fotoalbum-pics { background: transparent; border: 0 none; margin: 0; position: static !important; min-height: auto !important; height: auto !important; } .order-picturebox .fotoalbum-pics .imageframe { background-color: #E8EBED; } .order-picturebox .fotoalbum-pics .imageframe img { position: absolute !important; border: 1px dotted #D3D5D7 !important; margin-bottom: 10px !important } .order-picturebox .fotoalbum-pics .imageframe.warn_px {background: #FFA800;} * html .order-picturebox .fotoalbum-pics .imageframe img { margin-bottom: 7px !important } *+html .order-picturebox .fotoalbum-pics .imageframe img { margin-bottom: 7px !important } .greetingcard .imageframe { position: relative; background: #FFF; text-align: left; border: 0; padding: 0px; width: 160px; height: 160px; margin: 0 auto 6px auto; } .greetingcard img { margin-bottom: 0; } .greetingcard input { width: auto; margin-right: 5px; margin-bottom: 0; } .greetingcard select { width: auto !important; } .greetingcard table td.td-2nd { width: 65% !important; text-align: left !important; } .greetingcard table td.td-3rd { width: 35% !important; text-align: left !important; } .greetingcard table td.top { vertical-align: top; } .greetingcard input.flat { color: #444; padding: 0; vertical-align: text-bottom; } .greetingcard textarea { width: 430px; height: 186px; margin-top: 5px; } #greetingcard-adress input { width: 210px; text-align: left !important; } #greetingcard-adress .address-col1 { width: 90px; float: left; margin-right: 10px; } #greetingcard-adress .address-col2 { width: 110px; float: left; } #greetingcard-adress .address-col3 { width: 60px; float: left; margin-right: 10px; } #greetingcard-adress .address-col4 { width: 140px; float: left; } a#btn-textfueralle { background: url('../bilder/button-textfueralle.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; } a#btn-textfueralle:hover { background-position: 0 -22px; } .fotoalbum-pics table { margin-bottom: 8px !important; } .fotoalbum-pics table td { background: transparent; text-align: left; border: 0 none; width: auto; padding: 2px 5px; } .fotoalbum-pics table td.td-1st { font-weight: bold; width: 40px; } .fotoalbum-pics table td.td-2nd { } .order-picturebox select { width: 100%; margin-bottom: 0 !important; } p.order-removeimage { position: static; width: 41px; margin-left: 10px; margin-right: 4px; float: right; } p.order-removeimage a { background: url('../bilder/button-removeimage.gif') no-repeat 0 0; display: block; width: 41px; height: 22px } p.order-removeimage a:hover { background-position: 0 -22px; } p.order-removeimage a span { display: none; } p.order-copyimage { position: static; margin-left: 10px; margin-right: 4px; 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; } p.order-editimage { position: static; width: 41px; float: right; } p.order-editimage a { background: url('../bilder/button-editimage.gif') no-repeat 0 0; display: block; width: 41px; height: 22px } p.order-editimage a:hover { background-position: 0 -22px; } p.order-editimage a span { display: none; } .order-formats { float: right; width: 720px; } .compactview { float: none !important; width: auto; } .order-formats table { margin-bottom: 0px; } .order-formats table thead td { background: #E8EBED !important; padding: 4px 6px !important; } .order-formats table thead td.td-2nd { background-position: 0 0; } .order-formats table thead td.td-7th { background-position: 100% 0; } .order-formats table tr { background: #FFF; } .order-formats table tr.alt { background: #FFF; } /*#F3F5F7*/ .order-formats table tr._warn { background: url('../bilder/bg-pxwarn-alt.gif') } .order-formats table tr.alt_warn { background: url('../bilder/bg-pxwarn-alt.gif') } .order-formats table td { border-color: #e5e7ea; vertical-align: middle; } .order-formats table td.td-2nd { width: 47%; } .order-formats table td.td-3rd { text-align: center; width: 8% } .order-formats table td.td-4th { text-align: center; width: 9% } .order-formats table td.td-5th { width: 16%; text-align: right !important; padding-right: 5px; } .order-formats table td.td-6th { width: 10%; text-align: right !important; padding-right: 5px; } .order-formats table td.td-7th { width: 10%; text-align: right !important; padding-right: 5px; } .order-formats table td.position { /*position: relative;*/ } .order-formats table input { width: 30px; margin-bottom: 0; text-align: right !important; } .order-formats table img { vertical-align: middle; margin: 0 0 0 3px; } .order-formats select { width: 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; } /* bisheriges Compactview-CSS (23.11.2013) */ /* .compactview table td.td-1st { width: 27% !important; } .compactview table td.td-2nd { width: 18% !important; } .compactview table td.td-3rd { text-align: left; width: 12% !important; } .compactview table td.td-4th { text-align: center; width: 6% !important; } .compactview table td.td-5th { text-align: center !important; width: 8% !important; padding: 0; } .compactview table td.td-6th { text-align: right; width: 11% !important; padding-right: 10px; } .compactview table td.td-7th { width: 6% !important; } .compactview table td.td-8th { width: 9% !important; padding-right: 0; } .compactview select { width: 100% !important; } */ /* angepasste Compactview-CSS für neues Formular (zum Einbildeditor) */ .compactview table td.td-1st { width: 13% !important; padding-left: 0; } .compactview table td.td-2nd { width: 22% !important; } .compactview table td.td-3rd { text-align: left; width: 43% !important; } .compactview table td.td-4th { position: relative; text-align: left; width: 22% !important; } .compactview .fotoalbum-pics { min-height: 150px; height: auto !important; height: 150px; width: 150px; margin: 12px 12px 12px 0; } .compactview table td.td-2nd ul.options li { background: transparent; padding-left: 0; margin-bottom: 2px; } .compactview table td.td-2nd ul.options li a span { margin-left: 20px; } .compactview table td.td-3rd .ui-tabs .ui-tabs-panel { border-width: 0; padding: 1em 0 0 0; } .compactview table td.td-3rd .formatSelector { width: 340px; height: 100px; margin-bottom: 8px; } .compactview table td.td-3rd .paper { margin-bottom: 8px; } .compactview table td.td-3rd label { float: left; width: 100px; } .compactview table td.td-3rd label.flat { float: none; width: auto; display: inline-block; font-weight: normal; margin-right: 6px; } .compactview table td.td-3rd input[type=radio] { width: auto; margin-right: 6px; } .compactview table td.td-3rd select { width: 200px !important; } .compactview table td.td-4th .row { margin-bottom: 6px; } .compactview table td.td-4th .row label { width: 60px; float: left; vertical-align: bottom; display: inline-block;} .compactview table td.td-4th .row div { float: right; } .compactview table td.td-4th .row div div { float: left; margin-left: 10px; text-align: center; } .compactview table tr.setall td { border-top: 0; padding: 0; } .compactview table tr.setall a { float: right; margin-bottom: 6px; margin-top: -20px; } .compactview table td div.setall { text-align: right; margin-top: 16px; } /* angepasste Compactview-CSS ENDE */ .compactview table img { margin: 0 !important; } .compactview table td.td-1st img { margin-right: 3px !important; } #order-legend { margin-bottom: 8px; padding-bottom: 2px; } #order-legend h4 { margin-right: 20px; padding: 1px 0 } ul#order-legend-list { float: left; } ul#order-legend-list li { font-size: 0.9em; display: block; float: left; background-position: left center; margin-right: 15px; padding: 1px 0 1px 30px; } ul#order-legend-list li#order-legend-format-full { background-image: url('../bilder/imgcut0.gif'); } ul#order-legend-list li#order-legend-format-cut { background-image: url('../bilder/imgcut1.gif'); } ul#order-legend-list li#order-legend-fit { background-image: url('../bilder/imgcut2.gif'); } ul#order-legend-list li#order-legend-full-framed { background-image: url('../bilder/imgcut3.gif'); } ul#order-legend-list li#order-legend-info { background-image: url('../bilder/icon-info.gif'); padding-left: 19px; } a.back { background: transparent url('../bilder/a-back.gif') no-repeat left center; font-weight: bold; padding-left: 0.7em; } a.back:hover { text-decoration: underline; } a.back span { display: none; } /* Bestellung / Adresse vervollständigen */ #formorder { background: transparent no-repeat left bottom; border: 0; padding: 0 0 0px; } #formorder div.forminner { } #formorder div.divider { border-bottom: 0px solid #C3C5C7; margin-bottom: 0px; padding-bottom: 0px; } #formorder input { width: 240px; } #formorder input.checkbox { width: auto; } #formorder -street, #formorder -street2 { width: 240px !important; margin-right: 5px; } #formorder -nr, #formorder -nr2 { width: 40px !important; } #formorder-country, #formprofile-country2 { width: 40px; margin-right: 5px; } #formorder-plz, #formorder-plz2 { width: 40px !important; margin-right: 5px; } #formorder-location, #formorder-location2 { width: 138px !important; } /* Bestellung / Bestellung abschliessen */ div.checkout_table { padding: 6px; background: #FFF8E1; } div.checkout_table table td { border-color: #535557; } table.table-checkout { margin-bottom: 0em; margin-bottom: 0em; padding-bottom: 1px;} table.nohead { border-top: 1px solid #C3C5C7; border-bottom: 1px solid #535557; margin-bottom: 2em; padding-bottom: 1px; } table.table-checkout thead td { background: #FFF8E1; background-position: center 0; } table.table-checkout thead td.td-1st { background-position: 0 0; } table.table-checkout thead td.td-6th { background-position: 100% 0; } table.table-checkout tr.sum td { border-top: 1px solid #535557; } table.table-checkout td { text-align: left; } table.table-checkout td.td-1st { width: 44% !important; } table.table-checkout td.td-2nd { width: 13% !important; } table.table-checkout td.td-3rd { text-align: right; width: 13% !important; } table.table-checkout td.td-4th { text-align: right; width: 15% !important; } table.table-checkout td.td-5th { text-align: right; width: 15% !important; } table.table-checkout tr.lastrow td { border-top: 1px solid #535557; border-bottom: 3px double #535557; } table.table-checkout tr.lastrow td strong { font-size: 1em; } table.table-checkout tr.lastrow td.td-5th { font-size: 1.4em; font-weight: bold; } table.table-checkout tr.no-border td { border: 0 none !important; } form#order-checkout-form label, form#order-checkout-form-agb label { font-size: 1em; font-weight: normal; } #order-check-agb { margin-right: 12px; } form#order-checkout-form-agb { } form#order-checkout-form-agb input.checkbox { float: left; margin-top: 2px; margin-right: 10px; margin-bottom: 12px; } form#order-checkout-form-agb label { float: left; width: 97%; } #order-sonder-kal { position: relative; } #order-sonder-kal label { margin-bottom: 0em; padding-top: 4px; width: 400px; } #order-sonder-kal input { float: left; width: 30px; margin-right: 5px; margin-bottom: 0px; text-align: right; } #adress-wrapper { margin: 1.5em 0 0.5em; } #adress-wrapper div { width: 48%; } #adress-wrapper div small { font-weight: normal; } #zahlweise-wrapper { margin: 0em 0 0.5em; } #zahlweise-wrapper div { width: 48%; } #zahlweise-wrapper div small { font-weight: normal; } button#btn-order-checkout { margin-bottom: 12px; margin-top: 12px } button#btn-produkte-hinzufuegen { position: absolute; right: 20px; bottom: 0px } #zusatzoptionen img { margin: 0px; } #zusatzoptionen label { width: auto; float: none; } #order-checkout-form-agb label { width: auto; } #zusatzoptionen span {font-size: 1.2em; line-height: 100%;margin-left:5px;} #folgebestellung-info { display: none; } #folgebestellung-info div.inner { margin: 0 0 0 0 !important; padding: 12px 12px !important; background: #e5e7ea; } #folgebestellung-info h3 { margin: 0 0 8px !important; padding: 0 !important; } #folgebestellung-info #vouchercode { margin-bottom: 0; padding-bottom: 0; } /* F O O T E R ------------------------------------------------------------------------------------ */ #pageinfo { position: absolute; width: 100%; height: 160px; bottom: 20px; z-index: 1; } #pageinfo .inner { width: 900px; margin: 0 auto; border-top: 1px solid #C3C5C7; padding-top: 12px; font-size: 1em; line-height: 150%; font-weight: normal; color: #adb1b7; } #pageinfo h1 { font: normal 1em/150% Arial, Helvetica, sans-serif; color: #adb1b7; font-size: 1em; display: inline-block; float: left; margin: 0; padding: 0; margin-right: 0.4em; } #pageinfo a:link, #pageinfo a:visited { color: #adb1b7; text-decoration: none; outline: 0; } #pageinfo a:hover, #pageinfo a:active { color: #adb1b7; text-decoration: underline; outline: 0; } #payment { width: 100%; height: 55px; clear: left; margin-top: 20px; } #payment .inner { width: 900px; margin: 0 auto; border-top: 1px solid #C3C5C7; padding-top: 11px; font-size: 1em; line-height: 150%; font-weight: normal; color: #adb1b7; text-align: center; } #payment img { margin: 0; display: inline; margin-right: 20px; vertical-align: middle; } #payment img#paypal { margin-top: 0; } #payment span { display: inline; margin-right: 20px; font-weight: bold; font-size: 18px; vertical-align: middle; } #payment a:hover { text-decoration: none; } #countries { width: 100%; clear: left; text-align: center; } #countries .inner { width: 900px; height: 25px; margin: 0 auto; border-top: 1px solid #C3C5C7; padding-top: 0; font-size: 1em; font-weight: normal; color: #adb1b7; } #countries .inner ul { float: none; display: block; } #countries .inner ul li { display: inline; margin-right: 12px; } #footer { position: relative; font: normal 1em/150% Arial, Helvetica, sans-serif; text-align: left; color: #000000; background: #e5e7ea; padding-bottom: 210px; } #footer .inner { position: relative; width: 900px; margin: 0 auto; } #footer img { margin-bottom: 0; } #footer .footer-gradient { position: absolute; top: -200px; left: 0; width: 100%; height: 200px; z-index: -2; background: url('../bilder/footer-gradient.png') repeat-x top left; } #footer ul { float: left; margin: 16px 0 0 0; } #footer ul li { background: none; padding: 0; color: #adb1b7; } .footerbox-1 { width: 180px; } .footerbox-2 { width: 180px; } .footerbox-3 { width: 180px; } .footerbox-4 { width: 190px; } .footerbox-5 { width: 160px; text-align: right; } li.de-flag { background: url('../bilder/de.gif') no-repeat center left !important; padding-left: 22px !important; } li.at-flag { background: url('../bilder/at.gif') no-repeat center left !important; padding-left: 22px !important; } li.ch-flag { background: url('../bilder/ch.gif') no-repeat center left !important; padding-left: 22px !important; } li.eu-flag { background: url('../bilder/europeanunion.gif') no-repeat center left !important; padding-left: 22px !important; } #footer ul li a:link, #footer ul li a:visited { color: #adb1b7; text-decoration: none; outline: 0; } #footer ul li a:hover, #footer ul li a:active { color: #adb1b7; text-decoration: underline; outline: 0; } /* I N F O - P O P U P S ------------------------------------------------------------------------------------ */ body#info { background: #FFF; } body#info #container { position: relative; width: auto; margin: 0; background: #fff; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #444; padding: 24px; } body#info div.image { position: absolute; border-right: 1px solid #ccc; top: 0; left: 0; width: 450px; height: 450px; } body#info div.image img { margin-bottom: 0; } body#info .special-offer { position: absolute; top: 20px; left: 20px; width: 120px; height: 120px; background: transparent url('../bilder/button-aktion.png') no-repeat 0 0; } body#info #imagenav { position: absolute; top: 5px; right: 15px; } body#info #imagenav a.current { color: #444; text-decoration: none; } body#info div.infotext { border-left: 1px solid #ccc; padding: 24px 0 0 24px; margin: -24px 0 0 426px; } body#info div#alternativeNavi { position: relative; height: 90px; margin: -9px 0 0; display: none; } body#info h1#logo { position: absolute; top: 8px; height: 50px; width: 271px; left: auto; right: 0; margin: 0; padding: 0; } body#info ul#mini-nav { position: absolute; left: 0; } body#info ul#mini-nav a { float: none; display: block; margin: 0; line-height: 130%; padding: 0; } body#info ul#mini-nav li { display: block; float: none; margin-bottom: 4px; } body#info h2 { font: normal 1.8em/130% Arial, Helvetica, sans-serif; padding-top: 0; color: #478937; } body#info h3 { padding-top: 0 } body#info div.infofooter { position: relative; width: 100%; padding-top: 0; } body#info div.order { position: absolute; width: 130px; padding-top: 6px; z-index: 1; } body#info p span.marker { display: inline-block; padding: 1px 5px; color: #fff; background: #e00; font-size: 1em; font-weight: bold; } body#info p.price { position: absolute; right: 0; text-align: right; margin-bottom: 0; z-index: 2; } body#info p.price span { display: inline-block; font: normal 1.8em/130% Arial, Helvetica, sans-serif; } body#info .product-image { position: absolute; } body#info .product-description { position: absolute; padding-top: 10px; } body#info .product-description p { line-height: 140%; } body#info .bt-grey { border-top: 1px solid #ccc; } body#info .bb-grey { border-bottom: 1px solid #ccc; } body#info ul.details { border-top: 1px solid #d8dde1; margin-bottom: 18px; } body#info ul.details li { background: transparent url('../bilder/li-colored.gif') no-repeat scroll left center; border-bottom: 1px solid #d8dde1; padding: 3px 0 3px 14px; } /* I N F O - I N C L U D E ------------------------------------------------------------------------------------ */ #include-container { position: relative; width: auto; margin: 8px 0 24px 0; border-top: 1px solid #ccc; background: #fff; font: normal 1em/150% Arial, Helvetica, sans-serif; text-align: left; color: #444; } #include-container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #include-container div.image { position: absolute; border-right: 1px solid #ccc; top: 24px; left: 0; width: 200px; height: 180px; } #include-container div.image img { margin-bottom: 0; } #include-container .special-offer { position: absolute; top: 20px; left: 20px; width: 120px; height: 120px; background: transparent url('../bilder/button-aktion.png') no-repeat 0 0; } #include-container div.infotext { border-left: 1px solid #ccc; padding: 24px 0 24px 24px; margin: 0 0 0 200px; } #include-container h2 { font: normal 1.8em/130% Arial, Helvetica, sans-serif; padding-top: 0; color: #478937; } #include-container h3 { padding-top: 0 } #include-container div.order { width: 160px; float: left; padding-top: 6px; } #include-container p span.marker { display: inline-block; padding: 1px 5px; color: #fff; background: #e00; font-size: 1em; font-weight: bold; } #include-container p.price { text-align: right; margin-bottom: 0; } #include-container p.price span { display: inline-block; font: normal 1.8em/130% Arial, Helvetica, sans-serif; } #include-container ul.details { border-top: 1px solid #d8dde1; margin-bottom: 18px; } #include-container ul.details li { background: transparent url('../bilder/li-colored.gif') no-repeat scroll left center; border-bottom: 1px solid #d8dde1; padding: 3px 0 3px 14px; } .freeCalDownload {float:left;text-align:center} div.colnames input {width:70px} /* O P T I M A T O R ------------------------------------------------------------------------------------ */ body#optimator { background: #e5e7ea; padding: 0; } body#optimator #container { background: transparent !important; width: 1080px; height: 350px; margin: 0; padding: 0px; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #444; } #opt-content { } #opt-content h3 { font-size: 1em; letter-spacing: 0; margin: 0 0 8px; padding: 0 } #opt-origimg { display: inline; float: left; text-align: center; width: 400px; background: #FFF; margin: 10px 0 10px 10px; padding: 10px; } #opt-origimg img { border: 1px solid #737577; margin: 0 } #opt-optimimg { display: inline; float: left; text-align: center; width: 400px; background: #FFF; margin: 10px 0 10px 10px; padding: 10px; } #opt-optimimg img { border: 1px solid #737577; margin: 0 } #opt-settings { font-size: 1em !important; display: inline; float: left; width: 172px; margin: 8px 0 10px 3px; padding: 0 0 10px 10px; } #opt-settings ul#opt-meta li { background: none; font-size: 0.9em !important; list-style: none; padding: 0; } #opt-settings ul#opt-meta li span { display: block; float: left; width: 65px; } #opt-settings p#opt-help { font-size: 0.9em; text-align: right; margin: 0 10px 15px 0 } #opt-settings ul#opt { margin: 0 0 8px; } #opt-settings ul#opt li { background: none; list-style: none; vertical-align: bottom; height: 22px; margin-bottom: 2px !important; margin: 0; padding: 0; } #opt-settings ul#opt li.margin { margin-bottom: 10px !important; } #opt-settings ul#opt li img { margin: 1px 0 0 !important; margin-top: 3px; padding: 0; } #opt-settings ul#opt li span { text-align: center; display: block; float: left; padding: 2px 0; } #opt-settings ul#opt li span.plus a { width: 18px; } #opt-settings ul#opt li span.minus a { width: 18px; } #opt-settings ul#opt li span.value { font-weight: bold; font-size: 1.2em; width: 32px; } #opt-settings ul#opt li span.descr { float: right; width: 80px; background: url('../bilder/bg-optimator-sett.jpg') no-repeat 0 center; text-align: left; padding-left: 12px; } /* D R U C K V O R S C H A U ------------------------------------------------------------------------------------ */ #preview-wrapper { border-top: 1px solid #C3C5C7; margin-bottom: 1em; padding-top: 18px; } #preview-wrapper div { float: left; width: 180px; min-height: 340px; height: auto !important; height: 340px; border: 1px solid #C3C5C7; margin: 0 7px 0 0; padding: 10px 0; } #preview-wrapper div.selected { background: #ffffd5; } #preview-wrapper div.last { margin: 0; } #preview-wrapper div label { margin: 0 0 1em 10px; } #preview-wrapper div p { margin: 0 10px 0.5em; } /* K A L E N D E R E D I T O R ( ausgelagert nach kalender.css) ------------------------------------------------------------------------------------ */ /* W I Z A R D S - S T U F F ------------------------------------------------------------------------------------ */ body#video_wizard { background: url('../bilder/ajax-loader.gif') no-repeat center center; } div.video_notice { background: #E8EBED url('../bilder/icon-warning.png') no-repeat 12px center; margin-bottom: 18px; padding: 12px 18px 12px 72px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* P O P U P S ( V O R S C H A U E N E T C . ) ------------------------------------------------------------------------------------ */ body#grossansicht_objekt {background: #FFFFFF !important;} body#grossansicht_objekt table {height: 100%;} body#grossansicht_objekt table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center !important; color: #444; border-top: 0px; padding: 10px; vertical-align: top; } body#grossansicht_objekt table td img { margin: 0; } body#grossansicht_objekt input[type=radio] { width: auto; margin: 0 6px 0 0; } body#grossansicht_objekt #pageBrowser .page { float: left; } body#grossansicht_objekt div.optionbar div { padding: 0 6px; text-align: center !important; } body#druckvorschau_gross table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center !important; color: #444; border-top: 0px; padding: 0; vertical-align: top; } body#folderinfo { padding: 10px; } body#folderinfo table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: left !important; color: #444; border-top: 0px; padding: 0; vertical-align: top; } body#druckvorschau { padding: 12px 18px; } body#druckvorschau div { margin-bottom: 6px; border-spacing: 1px; } body#druckvorschau div { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center !important; color: #444; border-top: 0px; padding: 0; vertical-align: top; } body#druckvorschau div img { margin: 0; } body#druckvorschau div input[type=radio] { margin: 1px 0 10px 0px; } body#druckvorschau div select { margin: 6px 0 12px 0 !important; } body#druckvorschau div div.pmsel1 { width: 260px; margin: 5px;} body#druckvorschau div div.pmsel1 input { width: 20px; } body#druckvorschau div div.pmsel2 { width: 200px; height: 204px; margin: 5px; clear: both; } /* DANIEL 200/204 -> 600/604 */ body#druckvorschau div div.pmsel3 { width: 60px; height: 140px; margin: 5px; float:left} body#druckvorschau div div.pmsel3 div { width: 60px; height: 60px;} body#druckvorschau div.print_meth_select div {padding: 0; float: left; margin-right:5px; text-align: left !important} body#druckvorschau div.print_meth_select div div {padding: 0;float:left;} body#druckvorschau div div.pmsel1 p.small { font-size: 0.8em;} body#druckvorschau div div.pmsel2 img { max-width: 100%; height: auto; border: 1px solid #c0c0c0 } body#druckvorschau.leinwand { background: #fff; padding: 0; } body#druckvorschau.leinwand div.pmsel1 { width: auto; margin: 0; cursor: pointer; } body#druckvorschau.leinwand div.pmsel2 { width: 550px; height: 550px; margin: 0px; display: none; overflow: hidden; position: relative; } body#druckvorschau.leinwand div.pmsel2 iframe#3dframe { } body#druckvorschau.leinwand div.pmsel2 img { max-width: none; border: 0; position: absolute; top: 0; left: 0; } body#druckvorschau.leinwand div#loadingStart { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff url('/ci/bilder/ajax-loader.gif') no-repeat center center; z-index: 100; } body#druckvorschau.leinwand div#loadingStart div#message { padding-top: 300px; text-align: center; } body#druckvorschau.leinwand div { margin-bottom: 0; } body#druckvorschau.leinwand div#select_format { position: absolute; top: 80px; right: 10px; z-index: 2; } body#druckvorschau.leinwand div#select_views { position: absolute; top: 160px; right: 0; width: 150px; } body#druckvorschau.leinwand div#select_views div.view_link { padding-top: 80px; padding-bottom: 6px; cursor: pointer; margin-bottom: 0px; padding-right: 24px; background: transparent url('../bilder/preview/view-icons-sprite.png') no-repeat -16px 14px; } body#druckvorschau.leinwand div#select_views div.view_link.selected { background-color: #E8EBED; } body#druckvorschau.leinwand div#select_views div.view_link.print_trimmark { background-position: -176px 14px; } body#druckvorschau.leinwand div#select_views div.view_link.print { background-position: -16px 14px; } body#druckvorschau.leinwand div#select_views div.view_link.povray_canvas { background-position: -336px 14px; } body#druckvorschau.leinwand div#select_views div.view_link.interactive { background-position: -336px 14px; } body#druckvorschau.leinwand div#select_views div.view_link a:hover { text-decoration: none; } body#druckvorschau.leinwand div#select_views div.view_link:hover { background-color: #E8EBED; } body#druckvorschau.leinwand div#select_method { position: relative; width: 100%; height: 120px; background: transparent url('../bilder/preview/method-bg.gif') repeat-x bottom left; } body#druckvorschau.leinwand div#select_method div { } body#druckvorschau.leinwand div#select_method input { position: absolute; top: -50px; left: -50px; visibility: hidden; } body#druckvorschau.leinwand div#select_method label { float: left; width: auto; text-align: left; font-weight: normal; padding-left: 20px; color: #6A7F8E; background: url('../bilder/preview/radiobutton_off.png') no-repeat left center; cursor: pointer; } body#druckvorschau.leinwand div#select_method div.selected label { background: url('../bilder/preview/radiobutton_on.png') no-repeat left center; } body#druckvorschau.leinwand div#preview_images { position: absolute; top: 150px; left: 0; } body#druckvorschau.leinwand div#button_closewindow { position: absolute; bottom: 20px; right: 0; width: 200px; } body#druckvorschau.leinwand #method1 { position: absolute; width: 150px; top: 10px; left: 10px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat 0 0; } body#druckvorschau.leinwand #method2 { position: absolute; width: 140px; top: 10px; left: 160px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat -140px 0; } body#druckvorschau.leinwand #method3 { position: absolute; width: 140px; top: 10px; left: 300px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat -280px 0; } body#druckvorschau.leinwand #method4 { position: absolute; width: 140px; top: 10px; left: 440px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat -420px 0; } body#druckvorschau.leinwand #method1:hover { background-position: 0 -130px; } body#druckvorschau.leinwand #method2:hover { background-position: -140px -130px; } body#druckvorschau.leinwand #method3:hover { background-position: -280px -130px; } body#druckvorschau.leinwand #method4:hover { background-position: -420px -130px; } body#druckvorschau.leinwand div.selected #method1 { background-position: 0 -260px; } body#druckvorschau.leinwand div.selected #method2 { background-position: -140px -260px; } body#druckvorschau.leinwand div.selected #method3 { background-position: -280px -260px; } body#druckvorschau.leinwand div.selected #method4 { background-position: -420px -260px; } body#druckvorschau_opt { padding: 12px 18px; } body#druckvorschau_opt .b18 { font-size: 1.2em; padding-top: 8px; font-weight: bold; } body#druckvorschau_opt table { margin-bottom: 0; } body#druckvorschau_opt table.tab_functions td { background: #fff; padding: 3px; text-align: left; } body#druckvorschau_opt table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center; color: #444; border-top: 0px; padding: 0; vertical-align: top; } body#druckvorschau_opt table td img { margin: 0; } body#druckvorschau_opt table td input { margin: 0; } body#druckvorschau_opt table select { margin: 0; } body#template_browser table { margin-bottom: 0px; } body#template_browser table.thumb { width: 150px !important; height: 150px !important; } body#template_browser table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center !important; color: #444; border-top: 0px; padding: 0px; vertical-align: middle; } body#template_browser div { text-align: left; margin-bottom: 2px; } body#template_browser div a img { margin: 0; } body#template_browser div a.dir { font-size: 13px; line-height: 100%; } #overlayx { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 66px; height: 66px; text-align: center; padding: 20px; line-height: 14px; background-color: #9BA9B4; color: black; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index:99999; } #overlay { background-color: rgba(255, 255, 255, .7); position: absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:1000; } #overlay:after { content: ""; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 66px; height: 66px; background: #9BA9B4 url(../bilder/ajax-loader_9BA9B4.gif) no-repeat center center; text-align: center; padding: 20px; line-height: 14px; color: black; position: fixed; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index:1; } .bodyoverlay { background-color:#fff; opacity:0.3; position:'absolute'; top:0px; left:0px; z-index:100; } .bericht { background-color:#FFFFFF !important; border:1px solid #C0C0C0; font-size:11px; padding-left:5px; padding-right:5px; } .bericht body{ background-color:#FFFFFF !important; } a.facebook { background: url('../bilder/facebook-32.png') no-repeat center right !important; width: 32px; height: 32px; margin-top: 6px; margin-left: 6px; display: inline-block; } a.googleplus { background: url('../bilder/google-plus-32.png') no-repeat center right !important; width: 32px; height: 32px; margin-top: 6px; margin-left: 6px; display: inline-block; } a.facebook span, a.googleplus span { display: none; } /* E N D S C R E E N . C S S ------------------------------------------------------------------------------------ */