/* *************************************************************************************** * * Standardformatierungen aus S C R E E N . C S S * - das Einbinden von screen.css wird dadurch unnötig - * * Enthält die kompletten Blöcke mit den Namen: * - BASICS * - Logo * - Order-Breadcrump * - pd-button * * Die Definitionen sind bestenfalls absolut identisch und überschreiben sich zu 100%, * sollten screen.css und kalender.css gemeinsam eingebunden werden. * * AB CA. ZEILE 360 FOLGEN DIE EIGENTLICHEN KALENDER.CSS-DEFINITIONEN * **************************************************************************************/ /* 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 { 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: #5dab4b; 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; } * 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, .invisible, #skip { display: none; } .hidden { display: none !important; } /* 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; } 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.7em/120% Arial, Helvetica, sans-serif; color: #fff; text-align: left; position: absolute; z-index: 3000; padding: 3px 5px; 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; } /* Helper / Debug */ #debug { text-align: left; width: 200px; height: 200px; top: 0px; right: 0px; position: absolute; color: #999; display: none; } /* Logo */ 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; } /* Order Breadcrump */ #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; } /* 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(".*") { /* Selector um Line-height-Bug in Firefox zu fixen */ 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-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 */ /* *************************************************************************************** * * Kalender-Editor CSS * **************************************************************************************/ /* K A L E N D E R E D I T O R ------------------------------------------------------------------------------------ */ body#cal { background: #FFF !important;} .highslide-html-content { width: auto; } body#cal div#alternativeNavi { position: relative; height: 65px; margin: -10px 0 0; display: none; } body#cal div#alternativeContent { position: relative; display: none; width:700px;margin: 0 auto; font-size: 1.1em; line-height: 160%; } body#cal h1#logo { position: absolute; top: 8px; height: 50px; width: 271px; left: 0; right: auto; margin: 0; padding: 0; } body#cal ul#mini-nav { position: absolute; right: 0; top: 20px; } body#cal ul#mini-nav a { float: left; display: block; margin: 0; line-height: 130%; padding: 0; } body#cal ul#mini-nav li { display: block; float: left; margin-bottom: 4px; margin-left: 16px; } body#cal #container { font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #444; background: #FFF !important; /*overflow: auto;*/ width: 1000px; margin: 0; padding: 20px 30px 0; min-height: 700px; margin: 0 auto;} body#cal #order-breadcrumb { position: relative !important; float: left; margin: -4px 0 8px 0; padding: 0; } body#cal #order-breadcrumb label { width: 120px; } body#cal #order-breadcrumb button { margin-left: 120px; } body#cal #order-breadcrumb { list-style-type: none; height: auto; } body#cal #order-breadcrumb li { width: 333px; } body#cal #calintro { } body#cal #calintro h2 { font: normal 1.5em/120% Arial, Helvetica, sans-serif; color: #f8b356; margin-top: 8px; } body#cal small { color: #939597 } body#cal #callogin { width: 380px; float: left; margin-right: 24px; } body#cal #callogin label { width: 120px; } body#cal #callogin button { margin-left: 120px; } body#cal #tooltip { font: normal 12px/17px Arial, Helvetica, sans-serif; background-color: #000; color: #FFF; width: 300px; padding: 5px 8px 4px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-opacity: 0.85; -webkit-opacity: 0.85; opacity: 0.85; } a.calendarlink { cursor: default; } .cal-designs { list-style-type: none; } .cal-designs td { } .cal-designs li { padding: 12px 0 6px; text-align: center; width: 240px; height: 260px; /*display: inline-block;*/ float: left; overflow: hidden; margin: 4px; background: transparent; } .cal-designs li[data-type^="landscape"] { height: 190px; } .cal-designs li[data-type^="deskdiary-landscape"] { height: 190px; } .cal-designs li[data-type^="deskdiary-panorama"] { height: 150px; } .cal-designs li p { white-space: nowrap; } .cal-designs h4 { margin-bottom: 6px; } .cal-designs img { /*border: 1px solid #C3C5C7; padding: 3px;*/ margin: 2px 4px; } .cal-designs span.formatinfo { background: #F3F5F7; /* font-weight: bold; */ font-size: 0.9em; line-height: 110%; /* color: #FFF; */ display: block; float: left; border: 1px solid #C3C5C7; margin: 0 1px 1px 0; padding: 1px 2px; } .cal-designs span.magnifier { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url('../bilder/icon-zoom-grey.png') no-repeat 0 0; cursor: pointer; } .cal-designs span.magnifier:hover { background-position: 0 -24px; } #calsettings { background: url('../bilder/bg-caloptions.gif') repeat-y right 0; border: 1px solid #C3C5C7; margin-bottom: 18px; padding: 20px; } #calsettings div.left { text-align: center; float: left; width: 660px; } #calsettings div.right { float: right; width: 250px; } body#cal h3 { background-repeat: no-repeat; background-position: 0 center; margin-bottom: 0.2em; padding: 0; } body#cal h3#no01 { background-image: url('../bilder/icon-no1.gif'); padding-left: 24px } body#cal h3#no02 { background-image: url('../bilder/icon-no2.gif'); padding-left: 24px } body#cal h3#no03 { background-image: url('../bilder/icon-no3.gif'); padding-left: 24px } body#cal table td { border-top: 0; } table#table-caltype { width: 250px; margin-bottom: 0.5em; } table#table-caltype td { border: 0 none; margin: 0; padding: 0; } table#table-caltype td.typerow { width: 180px; } table#table-caltype td.typesize { width: 70px; } table#table-caltype td.typesize img { margin:0; } #calpreview { width: auto; text-align: center; padding-top: 0; } #calpreview img#m0 { display: block; /*border: 1px solid #C3C5C7; margin: 0 auto 10px;*/ border: 0; margin: 20px auto 0; } body#cal img.zoom { vertical-align: middle; border: 0 none; margin: 0 0 3px 4px; padding: 0 } body#cal a.calendarlink { cursor: pointer; } input.input_typerow { width: 160px } input.input_typesize { width: 18px; text-align: center; } #calsettings select { width: 160px } body#cal .title-options .hr { margin: 12px 0; } body#cal .title-options .text-options .textoption input { margin-bottom: 0 !important; } body#cal .text-options select { width: 100px !important; margin-bottom: 0.6em; } body#cal .text-options input.input_position { width: 67px; vertical-align: middle; margin-bottom: 0.6em; } body#cal .text-options td.typecheckbox input[type=checkbox]{ width: auto; float: left; margin-right: 8px; margin-bottom: 0; margin-top: 2px; } body#cal div.text-options { display: none; } body#cal div.text-options.open { display: block; } body#cal div.title-options { display: none; } body#cal div.title-options.open { display: block; } body#cal .text-options td.typecheckbox input[type=checkbox]{ width: auto; float: left; margin-right: 8px; margin-bottom: 0; margin-top: 2px; } body#cal .text-options td.typecheckbox.all-month { padding-top: 12px; } body#cal .text-options td.typecheckbox.all-month label { font-weight: normal; font-size: 11px; color: #939597; } body#cal h3 span { font-weight: normal; font-size: 0.75em; } body#cal h3 span a { } body#cal #topframe { border-bottom: 1px solid #C3C5C7; } body#cal.options #topframe { border: 0; } body#cal #topframe p { font-size: 1.2em; color: #3d464d; } body#cal button { float: none; } body#cal a#btn-cal-bestellung-fortsetzen { clear: both; } .calimages { margin-bottom: 0; } .calimages div.calpages { width: 700px; float: left; } .calimages div.calpages div { background: #FFF; text-align: center; float: left; margin: 0; padding: 10px 10px 0; } .calimages div.calpages div.selected { background: #c3c5c7; cursor: default; } .calimages div.calpages div.last { margin: 0 0 12px 0; } .calimages div.calpages img.calpagemonth { background: #FFF; text-align: center; display: block; border: 0 solid #D3D5D7; padding: 0; margin: 0 auto 8px; } .calimages div.calpics { background: #F3F5F7; width: 158px; padding-bottom: 7px; margin-left: 10px; } .calimages div.calpics img { background: #fff; float: left; border: 3px solid white; margin: 0 0 7px 7px; padding: 2px; } .calimages div.calpics img.selected { border: 3px solid #939597; } .calimages div.calpicsfolder { background: #D3D5D7; border-bottom: 1px solid #FFF; margin-bottom: 1em; padding: 1em 7px 0; } div.calpicsfolder select { width: 140px; } #cal .icon-link-wrapper { display: inline-block; width: 24px; height: 24px; } a.Geburtstagskalender img { display: inline-block; position: relative; } a.Geburtstagskalender:after { content: ''; position: absolute; width: 100px; height: 100px; margin-left:-60px;margin-top: -30px; background:url('../bilder/geburtstagskalender-icon.png') no-repeat; } /* K A L E N D E R D E S I G N W A H L H O M E P A G E ------------------------------------------------------------------------------------ */ #designs { position: relative; width: 900px; height: 362px; } #designs div.frame { position: relative; height: 300px; width: 100%; overflow: hidden; } #designs div.frame div.ajaxloader { width: 100%; height: 100%; background: url('../bilder/ajax-loader-grey.gif') no-repeat center center; } #designs div.inner { position: absolute; white-space: nowrap; padding: 30px 20px; } #designs div.inner img { visibility: hidden; margin-right: 15px; margin-bottom: 0; border: 0 solid white; z-index: 1; -moz-box-shadow: 0 0 9px /*#777d82*/#333; -webkit-box-shadow: 0 0 9px /*#777d82*/#333; box-shadow: 0 0 9px /*#777d82*/#333; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } #designs div.inner img:hover { z-index: 2; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .cal-homepage-wrapper { clear: both; display: none; background: #666; } .cal-homepage-wrapper .box-blanko h4, .cal-homepage-wrapper .box-blanko p { color: #fff; } .cal-homepage-wrapper .box-blanko h2 { color: #5dab4b; text-shadow: 0 0 2px #000; } #cal-homepage { position: relative; clear: both; } #cal-homepage #toleft, #cal-homepage #toright { position: absolute; width: 75px; height: 360px; top: 0; background: url('../bilder/fade-to-grey.png') repeat-y -125px 0; z-index: 2; } #cal-homepage #toleft { left: 0; } #cal-homepage #toright { right: 0; background-position: 0 0; } #cal-homepage #toleft .arrow, #cal-homepage #toright .arrow { position: absolute; width: 24px; height: 36px; top: 132px; background: url('../bilder/arrows-big.png') no-repeat 0 0; cursor: pointer; } #cal-homepage #toleft .arrow { left: 10px; background-position: 0 0; } #cal-homepage #toright .arrow { right: 10px; background-position: -24px 0; } #cal-homepage #toleft .arrow:hover { background-position: 0 -36px; } #cal-homepage #toright .arrow:hover { background-position: -24px -36px; } #cal-homepage #selection { position: absolute; background: #e5e7ea; z-index: 10; text-align: center; padding: 20px 0; } #cal-homepage #selection img { margin: 20px; } #cal-homepage #selection p { padding: 0 20px; } #cal-homepage #selection, #cal-homepage #selection img { -moz-box-shadow: 0 0 9px #777d82; -webkit-box-shadow: 0 0 9px #777d82; box-shadow: 0 0 9px #777d82; } #cal-homepage .calimages { position: relative; padding: 10px; height: 70px; display: none; } #cal-homepage .calimages .left, #cal-homepage .calimages .right { position: absolute; width: 12px; height: 18px; top: 36px; background: url('../bilder/arrows-small.png') no-repeat 0 0; cursor: pointer; display: none; } #cal-homepage .calimages .left { left: -5px; background-position: 0 0; } #cal-homepage .calimages .right { right: -5px; background-position: -12px 0; } #cal-homepage .calimages .left:hover { background-position: 0 -18px; } #cal-homepage .calimages .right:hover { background-position: -12px -18px; } #cal-homepage #pickfiles-container { position: relative; white-space: nowrap; overflow: hidden; text-align: center; margin-left: 5px; height: 70px; background: url('../bilder/image-slot-bg.png') repeat-x 0 0; } #cal-homepage #pickfiles-container div.inner { position: absolute; height: 70px; } #cal-homepage #pickfiles-container div.inner div { position: relative; width: 70px; height: 70px; display: inline-block; margin-right: 10px; margin-bottom: 10px; overflow: hidden; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; } #cal-homepage #pickfiles-container div.inner div:hover { -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; } #cal-homepage #pickfiles-container div.inner div.hidden { display: none; } #cal-homepage #pickfiles-container img { position: absolute; left: -10px; top: -10px; } #cal-homepage #pickfiles-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 70px; background: rgba(255,255,255,0.7) url('../bilder/ajax-loader-grey.gif') no-repeat center center; display: none; } #cal-homepage .uploadpanel { position: relative; width: 100%; height: 50px; background: #aaa; text-align: center; } .alternativ .cal-homepage-wrapper { display: block; background: #fff; } .alternativ .cal-homepage-wrapper .box-blanko h4 { color: #adb1b7; } .alternativ .cal-homepage-wrapper .box-blanko p { color: #8c9096; } .alternativ .cal-homepage-wrapper .box-blanko h2 { color: #444; text-shadow: none; } .alternativ #cal-homepage .uploadpanel { background: #e5e7ea; } .alternativ #cal-homepage #toleft, .alternativ #cal-homepage #toright { background-image: url('../bilder/fade-to-white.png'); } .alternativ #cal-homepage #toleft { left: -5px; } .alternativ #cal-homepage #toright { right: -5px; } .alternativ #cal-homepage #toleft .arrow { left: -5px; } .alternativ #cal-homepage #toright .arrow { right: -5px; } #favorite, #all, #portrait, #landscape, #panorama, #deskdiary, #deskdiary-landscape, #deskdiary-panorama, #deskdiary-other, #other { display: inline-block; margin-top: 6px; width: 38px; height: 38px; background: url('../bilder/format-icons.png') no-repeat -1px -1px; cursor: pointer; } #favorite { background-position: -1px -1px; } #all { background-position: -41px -1px; } #filter.filter-icon #favorite { display: none; } #filter.filter-icon #all { display: none; } #portrait { background-position: -81px -1px; display: none; } #landscape { background-position: -121px -1px; display: none; } #panorama { background-position: -201px -1px; display: none; } #deskdiary { background-position: -241px -1px; display: none; } #deskdiary-other { background-position: -241px -1px; display: none; } #deskdiary-landscape { background-position: -281px -1px; display: none; } #deskdiary-panorama { background-position: -321px -1px; display: none; } #other { background-position: -161px -1px; display: none; } #cal-homepage #portrait, #cal-homepage #landscape, #cal-homepage #panorama, #cal-homepage #deskdiary, #cal-homepage #deskdiary-other, #cal-homepage #deskdiary-landscape, #cal-homepage #deskdiary-panorama, #cal-homepage #other { display: inline-block; } #favorite:hover, #favorite.active { background-position: -1px -41px; } #all:hover, #all.active { background-position: -41px -41px; } #portrait:hover, #portrait.active { background-position: -81px -41px; } #landscape:hover, #landscape:hover, #landscape.active { background-position: -121px -41px; } #panorama:hover, #panorama.active { background-position: -201px -41px; } #deskdiary:hover, #deskdiary.active { background-position: -241px -41px; } #deskdiary-other:hover, #deskdiary-other.active { background-position: -241px -41px; } #deskdiary-landscape:hover, #deskdiary-landscape.active { background-position: -281px -41px; } #deskdiary-panorama:hover, #deskdiary-panorama.active { background-position: -321px -41px; } #other:hover, #other.active { background-position: -161px -41px; } #filter { width: 96px; display: block; margin: 0 auto; text-align: center; background: #e5e7ea; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #filter.filter-select { width: 320px; } /* fest vergeben, wenn nicht als Icon-Navi, sondern als Select */ #filter label { margin: 1px 5px 3px; } #filter label input { display: none; } #filter.filter-select { padding: 1em; } #filter b { display: inline-block; margin-right: 1em; } #filter fieldset { margin: 0; } #filter select { width: 200px; margin: 0; } #pdf-upload-button { float: right; background: #e5e7ea; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #pdf-upload-button a { display: block; padding: 7px 10px 7px 35px; color: #444; background: url('../bilder/pdf-icon.png') no-repeat 6px 4px; } #kalendereditor-button { position: absolute; right: 30px; z-index: 5; background: #e5e7ea; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #kalendereditor-button a { display: block; padding: 7px 10px 7px 35px; color: #444; background: url('../bilder/images-icon.png') no-repeat 6px 4px; } #cal-homepage #pickfiles { display: inline-block; margin: 9px 10px 0; width: 400px; height: 33px; background: url('../bilder/fileupload.png') no-repeat 0 0; cursor: text; vertical-align: top; text-align: left; font-size: 16px; line-height: 33px; padding: 0 10px 0 20px; color: #777d82; } #cal-homepage #pickfiles:hover { background-position: 0 -33px; color: #3d464d; } #cal-homepage #pickfiles .clickicon { float: right; height: 33px; width: 33px; cursor: pointer; } #cal-homepage .uploadpanel a { display: inline-block; vertical-align: top; margin-top: 12px; } #progress { height: 2px; width: 100%; z-index: 10; position: relative; } #progress span { display: block; height: 2px; width: 0; background-color: #0c0; } .tipsy { font: normal 0.75em/120% Arial, Helvetica, sans-serif; } .tipsy-inner { white-space: nowrap; max-width: none; width: auto; } .cal-designs .tipsy-inner { white-space: wrap; max-width: 300px !important; width: 300px !important; } #dialog { display: none; } .ui-widget { font-size: 0.9em; line-height: 160%; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em 0.2em; } .ui-widget-overlay { -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; } /* K A L E N D E R F R A M E ------------------------------------------------------------------------------------ */ body#cal #topframe div.right { margin-left: 12px; } /* body#cal #topframe p.hinweis, body#cal #topframe p.stop { background: #e5e7ea url('../bilder/hinweis-icon.png') no-repeat 4px center; padding: 6px 12px 4px 36px; min-height: 26px; display: inline-block; } */ body#cal #preview { position: relative; display: none; text-align: center; margin-top: 20px; } body#cal #preview div.shadow-frame { display: inline-block; line-height: 0; margin-top: 40px; } body#cal #preview div.shadow-frame img { margin-bottom: 0; margin-top: -30px; } body#cal #close-preview { position: fixed; top: 10px; right: 15px; width: 24px; height: 24px; background: url('../bilder/close-big.png') no-repeat 0 0; cursor: pointer; } body#cal #close-preview:hover { background-position: 0 -24px; } body#cal #editpanel { position: fixed; background-color: white; text-align: center; width: 100%; height: 30px; margin-top: -40px; padding-ztop:10px; } body#cal .option { display: inline-block; width: 24px; height: 24px; background: url('../bilder/close-big.png') no-repeat 0 0; cursor: pointer; margin: 0 4px; } body#cal .option:hover { background-position: 0 -24px; } body#cal #toleft, body#cal #toright { position: absolute; width: 24px; height: 36px; top: 50%; } body#cal #toleft { left: 0; } body#cal #toright { right: 0; } body#cal #toleft .arrow, body#cal #toright .arrow { position: absolute; width: 24px; height: 36px; top: -18px; background: url('../bilder/arrows-big.png') no-repeat 0 0; cursor: pointer; } body#cal #toleft .arrow { background-position: 0 0; } body#cal #toright .arrow { background-position: -24px 0; } body#cal #toleft .arrow:hover { background-position: 0 -36px; } body#cal #toright .arrow:hover { background-position: -24px -36px; } body#cal #mainframe { float: left; width: 700px; } body#cal #rightframe { position: relative; float: right; width: 300px; height: 500px; overflow: hidden; background: #e5e7ea; } body#cal #rightframe .cal-panel { position: absolute; top: 35px; width: 100%; height: 450px; overflow: auto; display: none; } body#cal #rightframe .cal-panel.active { display: block; } body#cal #rightframe .cal-panel .option-inner { padding: 10px 30px; } body#cal #rightframe .cal-panel .option-inner textarea { width: 100%; } body#cal #rightframe .tabs { width: 100%; height: 30px; border-bottom: 5px solid #e5e7ea; overflow: hidden; background: #fff; color: #777d82; display: none; } body#cal #rightframe .tabs span { width: 90px; background: #c3c5c7; color: #fff; height: 24px; display: inline-block; padding: 4px 10px 2px 0; text-align: center; cursor: pointer; -moz-border-radius: 9px 9px 0 0; -webkit-border-radius: 9px 9px 0 0; border-radius: 9px 9px 0 0; } body#cal #rightframe .tabs span:hover { color: #444; } body#cal #rightframe .tabs span.active { background: #e5e7ea; font-weight: bold; color: #444; } body#cal #rightframe .tabs span.active:hover { color: #444; } body#cal #rightframe .tabs span span.icon { width: 24px; height: 24px; padding: 0; margin-right: 4px; display: inline-block; vertical-align: middle; background: transparent url('../bilder/icon-option-tabs.png') no-repeat 0 0; } body#cal #rightframe .tabs span#button-images span.icon { background-position: 0 -24px; } body#cal #rightframe .tabs span#button-options span.icon { background-position: -24px -24px; } body#cal #rightframe .tabs span#button-text span.icon { background-position: -48px -24px; } body#cal #rightframe .tabs span#button-images:hover span.icon, body#cal #rightframe .tabs span#button-images.active span.icon { background-position: 0 0; } body#cal #rightframe .tabs span#button-options:hover span.icon, body#cal #rightframe .tabs span#button-options.active span.icon { background-position: -24px 0; } body#cal #rightframe .tabs span#button-text:hover span.icon, body#cal #rightframe .tabs span#button-text.active span.icon { background-position: -48px 0; } body#cal #rightframe .tabs span { background: #c3c5c7; background: -moz-linear-gradient(left, #c3c5c7 0%, #c3c5c7 50%, #b8babc 100%); background: -webkit-linear-gradient(left, #c3c5c7 0%,#c3c5c7 50%,#b8babc 100%); background: linear-gradient(to right, #c3c5c7 0%,#c3c5c7 50%,#b8babc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c5c7', endColorstr='#b8babc',GradientType=1 ); } body#cal div.button { float: left; width: 300px; height: 20px; padding: 20px 0; vertical-align: top; } body#cal div.button img { margin-bottom: 0; cursor: pointer; margin-left: 10px; } body#cal #rightframe .calimages { padding: 10px; overflow: hidden; } body#cal #mainframe .calimages { padding-top: 10px; position: relative; } body#cal #rightframe .calimages.fixed, body#cal #rightframe .option-inner.fixed { position: fixed; top: 0; bottom: 28px; width: 280px; overflow: auto; overflow-x: hidden; } body#cal #rightframe .option-inner.fixed { width: 240px; } body#cal .calimages div.calpages div { padding: 10px; } body#cal .calimages div.calpages div img { margin: 0 !important; } body#cal .calimages div.calpages div.calpage img, .cal-designs img, #calpreview img#m0, #cal .pdf-preview img, body#cal #preview div.shadow-frame { -moz-box-shadow: 0 0 6px #777d82; -webkit-box-shadow: 0 0 6px #777d82; box-shadow: 0 0 6px #777d82; } #cal #pdf-preview .share-this { display: inline-block; } .share-this img { cursor: pointer;} #share-pdf { width: 700px; border: 1px solid #ccc; } #share-pdf > div {padding: 5px;} #share-pdf-name {margin-bottom: 0} .link-container:has(#share-link:empty) { display: none;} #share-link, #share-link-copy {display: inline-block;} #share-link { width: 500px;} #cal #pdf-preview #share-link-copy img {margin:0; cursor:pointer} body#cal #pickfiles-container { padding-top: 0; position: relative; } body#cal #pickfiles-container div.inner div { width: 120px; margin: 5px; padding: 0; text-align: center; display: inline-block; } body#cal #pickfiles-container div.inner div.hidden { display: none; } body#cal #pickfiles-container img { margin: 0; } body#cal #pickfiles-container div.inner > div > img { cursor: pointer; } /* eingeloggt */ body#cal #pickfiles-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7) url('../bilder/ajax-loader-grey.gif') no-repeat center 50px; display: none; } body#cal #calimages-overlay { position: absolute; z-index: 2; padding: 0; top: 0; left: 0; width: 0; height: 0; background: rgba(255,255,255,0.7) url('../bilder/ajax-loader-grey.gif') no-repeat center center; display: none; } body#cal #editoption-container { position: absolute; z-index: 2; padding: 6px 0; top: 0; left: 0; width: 0; height: 24px; background: rgba(195,197,199,1); display: none; } body#cal #editoption-container img { cursor: pointer; } body#cal #progress { height: 2px; width: 100%; } body#cal #progress span { display: block; height: 2px; width: 0; background-color: #0c0; } body#cal span#zoom-preview { float: right; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url('../bilder/icon-zoom-grey.png') no-repeat 0 0; cursor: pointer; } body#cal span#zoom-preview:hover { background-position: 0 -24px; } body#cal .calpagemonth { cursor: pointer; } body#cal .calimages div.calpages div.hover, body#cal .calimages div.calpages div:hover { background: #e5e7ea; } body#cal .calimages div.calpages div.calpage { position: relative; z-index: 1; } body#cal .calimages div.calpages div.calpage:hover, body#cal .calimages div.calpages div.calpage.hover { z-index: 2; } body#cal .calimages div.calpages div.calpage:after { content: attr(data-content); position: absolute; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 20px; height: 20px; padding: 0; text-align: center; display: none; color: #c3c5c7; font-size: 20px; /*text-shadow: -1px -1px 0 rgba(255,255,255,.7), 1px 1px 0 rgba(0,0,0,.5);*/ } body#cal .calimages div.calpages div.calpage:hover:after, body#cal .calimages div.calpages div.calpage.hover:after { display: block; } #calpreview.hover img, body#cal .calimages div.calpages div.hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 0s; transition: transform 0s; } body#cal .calimages div.calpages div.selected { background: #c3c5c7; -webkit-animation: pulse 3s linear infinite; -moz-animation: pulse 3s linear infinite; -ms-animation: pulse 3s linear infinite; animation: pulse 3s linear infinite; } body#cal .calimages div.calpages div:hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none; } @-webkit-keyframes pulse { 0% { background: #c3c5c7; } 50% { background: #ffffff; } 100% { background: #c3c5c7; } } @-moz-keyframes pulse { 0% { background: #c3c5c7; } 50% { background: #ffffff; } 100% { background: #c3c5c7; } } @-ms-keyframes pulse { 0% { background: #c3c5c7; } 50% { background: #ffffff; } 100% { background: #c3c5c7; } } /* K A L E N D E R O P T I O N E N ------------------------------------------------------------------------------------ */ #cal.options .formwrapper { position: relative; } #cal.options #formcalsettings, #cal.options #formcaltext { position: relative; } #cal.options #imageframe { position: absolute; right: 0; top: 0; border: 1px solid #c3c5c7; padding: 0px; width: 300px; height: 99.7%; background: #fff; overflow: auto; overflow-y: auto; overflow-x: hidden; display: none; } #cal.options #imageframe div.button { height: 40px; width: 200px; float: left; display: block; margin: 10px 0 0 14px; padding: 0; } #cal.options #imageframe .close { float: right; margin-top: 10px; margin-right: 10px; cursor: pointer; width: 24px; height: 24px; background: url('../bilder/close-big.png') no-repeat 0 0; } #cal.options #imageframe .close:hover { background-position: 0 -24px; } #cal.options #calimages { padding: 10px; width: 250px; } #cal #formcalsettings select, #cal #formcaltext select { width: 160px; } #cal #formcalsettings span.tipsy { display: inline-block; width: 16px; height: 16px; background: url('../bilder/question-circle.png') no-repeat 0 0; background-size: 16px 16px; cursor: pointer; margin-left: 4px; margin-top: 2px; padding: 0; } #cal > div.tipsy { max-width: 240px; } #cal > div.tipsy div.tipsy-inner { white-space: normal; } optgroup option {padding-left: 10px} #cal.options #imageframe .calimages { clear: both !important; } #cal.options #imageframe .calimages p, #cal.options #imageframe .calimages form { margin-left: 15px; } #cal.options #pickfiles-container { margin-top: 40px; position: relative;} #cal.options #pickfiles-container div.inner { margin: 0; padding: 0; margin-left: 10px; margin-bottom: 10px; text-align: left; width: 270px; } #cal.options #pickfiles-container div.hidden { display: none; } #cal.options #pickfiles-container img { margin: 0; } #cal.options #pickfiles-container div span.progress { height: 2px; min-width: 1px; display: inline-block; background-color: #0c0; } #cal.options #pickfiles { } #calsettings { min-height: 540px; } #calsettings #turnleft, #calsettings #turnright, #calsettings #zoom, #calsettings #edit { display: inline-block; vertical-align: middle; width: 24px; height: 24px; cursor: pointer; background-repeat: no-repeat; background-position: 0 0; margin-top: 10px; } #calsettings #turnleft { background-image: url('../bilder/icon-turnleft-grey.png'); } #calsettings #turnright { background-image: url('../bilder/icon-turnright-grey.png'); } #calsettings #zoom { background-image: url('../bilder/icon-zoom-grey.png'); } #calsettings #edit { background-image: url('../bilder/icon-edit-grey.png'); } #calsettings #turnleft:hover, #calsettings #turnright:hover, #calsettings #zoom:hover { background-position: 0 -24px; } #calsettings #edit:hover { background-position: 0 -24px; } body#cal #preview select { width: 160px; } #formcaltext select, #formcalsettings select,#preview select {-moz-appearance: none;-webkit-appearance: none;appearance: none;border: 1px solid #b6b6b6;background: #ffffff;height: 19px;outline: none;cursor: pointer;} #formcaltext select::-ms-expand , #formcalsettings select::-ms-expand, #preview select select::-ms-expand {display: none;} #formcaltext select:focus::-ms-value, #formcalsettings select:focus::-ms-value, #preview select:focus::-ms-value {background-color: transparent;} #formcaltext .select-wrapper, #formcalsettings .select-wrapper,#preview .select-wrapper {position: relative;display:inline-block; height:19px;margin-bottom: 8px;} #formcaltext .select-wrapper span, #formcalsettings .select-wrapper span,#preview .select-wrapper span {pointer-events: none;position: absolute;right: 1px;background-color:#e1e1e1;top: 1px;border: 1px solid #e1e1e1;display: inline-block;bottom: 1px; height: unset;} #formcaltext .select-wrapper.inv,#formcalsettings .select-wrapper.inv,#preview .select-wrapper.inv{display:none} /* target_size */ #formcaltext.ts { margin-bottom: 2px; } .descopt.ts { margin-bottom: 1px; margin-right: 5px; } .turnright { background-image: url('../bilder/icon-turnright-grey.png') !important; } .turnleft { background-image: url('../bilder/icon-turnleft-grey.png') !important; } .fillin { background-image: url('../bilder/fillin.png') !important; } .fitin { background-image: url('../bilder/fitin.png') !important; } .distort { background-image: url('../bilder/distort.png') !important; } .smartfit { background-image: url('../bilder/distort.png') !important; } .descopt {display:inline-block;height: 24px; vertical-align:bottom;} #calpreview { display: none; } #holidays2cb, #indexpageCb, #withoutVoucherCb, #extrapageFullscreenCb {margin:4px;} #holidays2cb input, #indexpageCb input, #withoutVoucherCb input, #extrapageFullscreenCb input {width:10px;margin-right:4px;margin-bottom:0.3em} #select_holidays, #selicomopto20 {margin-bottom:4px} #holiday-option {cursor:pointer} #holiday-option img {margin:4px;margin-bottom:0px;} #edit_holidays {position:absolute;margin-top:-34px;display:none;min-height:40px;border: 1px solid #cccccc;background: #ffffff;box-shadow: 0 0 6px #777d82;} #edit_holidays input[type=checkbox] {margin:4px;width:10px} #edit_holidays input[type=submit] {margin-bottom:0px;margin-top:4px;} #edit_holidays select {margin-bottom:4px} #cal .designPreviewIcons { margin-bottom: 1em; } #cal .designPreviewIcons > div { position: relative; width: 24px; height: 24px; float: left; margin: 0 4px 4px 0; border: 1px solid #666; cursor: pointer; background-size: contain !important; } #cal .designPreviewIcons > div:hover { -moz-box-shadow: 0 0 0 2px #c3c5c7; -webkit-box-shadow: 0 0 0 2px #c3c5c7; box-shadow: 0 0 0 2px #c3c5c7; } #cal .designPreviewIcons > div.active { -moz-box-shadow: 0 0 0 2px #777d82; -webkit-box-shadow: 0 0 0 2px #777d82; box-shadow: 0 0 0 2px #777d82; } #cal .designPreviewIcons > div > div { position: absolute; bottom: 1px; left: 1px; right: 1px; background: transparent; height: 16px; font-family: times, "times new roman", serif; font-size: 18px; } #kedit-loginbox { position: relative; } #kedit-loginbox .ajax-load { position: absolute; top: 0; left: 0; display: none; background: url('/bilder/ajax-loader.gif') no-repeat 50% 50%; height: 100%; width: 100%; background-color: rgba(255,255,255,0.6); } .kedit-register p { margin-bottom: 2px; } .kedit-register h3 { margin-bottom: 0.5em !important; } /* .kedit-register figcaption a {text-decoration:underline; color:#555555} .kedit-register .tab200 {width:200px;display:inline-block;vertical-align:top} .kedit-register .tab400 {width:400px;display:inline-block;vertical-align:top} .kedit-register input[type=radio] { margin: 4px; width: 10px } */ .kedit-register input.radio { width: 14px; margin-right: 6px; float: left; } .kedit-register label { float: none; } .kedit-register label .small { font-weight: normal; margin-left: 20px; } #kedit-pgr-select { margin-bottom: 10px } #kedit-pgr-select div { margin-bottom: 6px } #kedit-pgr-select .not-available {opacity: .5; filter: alpha(opacity=50); cursor: default; } #clipslider {width: 100px;display:inline-block;margin-top: 11px; vertical-align: top; } #clip_preview {position:absolute;margin-top:40px;margin-left:-50px;display:inline-block;width:240px;height:240px;background-color:#ffffff; overflow:hidden; -moz-box-shadow: 0 0 9px #777d82; -webkit-box-shadow: 0 0 9px #777d82; box-shadow: 0 0 9px #777d82; } #clip_preview img {position:absolute; top:20px; left:20px} #clip_preview_overlay {position:relative;top:0px;left:0px;width:160px;height:160px;border-color:rgba(0,0,0,0.7);border-style:solid;border-width:20px} #clip_preview_overlay div {border:1px dotted rgba(255,255,255,0.5)} #preview-ajax-load { position: absolute; top: 0; left: 0; display: none; background: url('/bilder/ajax-loader.gif') no-repeat 50% 50%; height: 100%; width: 100%; background-color: rgba(255,255,255,0.6);} #container .ajax-load { position: absolute; top: 0; left: 0; display: none; background: url('/bilder/ajax-loader.gif') no-repeat 50% 50%; height: 100%; min-height: 500px; width: 100%; background-color: rgba(255,255,255,0.6); } /* K A L E N D E R P D F - U P L O A D E R ------------------------------------------------------------------------------------ */ #cal #main { width: 70%; margin: 0 auto;} #cal div.fileinfo > div > span { display: inline-block; min-width: 100px; } #cal div.pdf-preview img { margin-bottom: 0; } #cal ul { margin-bottom: 0; } #cal ul.presets { margin-left: 25px; } #cal ul.presets li { color: #444; font-size: 1.2em; font-weight: bold; margin-bottom: 6px; padding-left: 25px; background: url('../bilder/icon-check-grey.png') no-repeat 0 2px; background-size: 16px 16px; } #cal ul.presets li i { color: #888; font-size: 0.85em; font-weight: normal; } #cal .hint { font-style: italic; color: #888; font-size: 1em; font-weight: normal; } #cal #main #upload-container { padding: 6px 30px; } #cal #main .panel-border h2 { color: #5dab4b; margin: 8px 0 15px; } #cal #main .panel, #cal #main .panel-border { padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #cal #main .panel { background-color: #efefef; } #cal #main .panel.fileinfo { padding-left: 65px; background: #efefef url('../bilder/icon-pdf-grey-big.png') no-repeat 10px 12px; background-size: 42px 49px; } #cal #main .panel-border { border: 1px solid #ccc; padding-right: 30px; } #cal #main #tab + .panel-border, #cal #main #tab + .panel-border + .panel-border { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } #cal #main ul.pdf-error > li { padding-left: 21px; background: url('../bilder/icon-cancel-red.png') no-repeat 0 2px; background-size: 16px 16px; } #cal #main ul.pdf-match > li { padding-left: 21px; background: url('../bilder/icon-product-black.png') no-repeat 0 2px; background-size: 16px 16px; } #cal #main .panel.check { padding-left: 35px; background: #efefef url('../bilder/icon-check-green.png') no-repeat 10px 12px; background-size: 16px 16px; } #cal #main .panel-border.check { padding-left: 35px; background: url('../bilder/icon-check-green.png') no-repeat 10px 12px; background-size: 16px 16px; } #cal #main .green { color: #5dab4b; } #cal #pdf-preview img { float: left; margin: 10px; } #cal #pdf-preview > .center > img { float: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* O N L I N E F E R I E N K A L E N D E R *------------------------------------------------------------------------------*/ /* Allgemein */ div.cal-tooltip { width: 200px;background: rgba(0,0,0,.5);color:#ffffff;font-weight:bold;font-size:0.9em;position: absolute;} .pp-calendar {} .ocm {background:#ffffff;} .lSAction > a {filter: invert(20%);} .cal-container {font-family: Arial, Helvetica, sans-serif;font-size: 1.25em;width:640px;display:inline-block;text-align:left;} .cal-controls {font-family: Arial, Helvetica, sans-serif;font-size:0.8em;text-align:left;margin: 5px 0 5px 0; } .cal-title {margin: 8px 0 8px 0; font-family: Arial, Helvetica, sans-serif !important;text-align:left;} .cal-title div {display:inline-block;vertical-align: middle;} .cal-title .cal-region {line-height:18px;margin-left: 20px;color:#333;} .cal-year {font-size:2em;font-weight:bold;color: #228908;} .legende {width:12px;height:12px;margin-right:3px;} .date-title {display:none;position:absolute;margin-left:73px;font-size:11px} .ocd .event-text span.time {display:none} .day {padding-left: 2px;} /* Sonntag */ .wd-0 {background:#dddddd;} .wd-0 .date {color:#de0000;} /* Samstag */ .wd-6 {background:#eeeeee;} /* aktuelles datum */ .today {background:#fff0c3 !important;} /*feiertag*/ .feiertag .date {color:#de0000;} .vertical li {all:unset;} .year-pager {display:inline-block;margin-left:20px;} .year-pager a{ color: #333;} .year-pager a.selected {color: #228908;font-weight:bold;} .month-pager {text-align: left;margin-bottom:5px;display:inline-block} .month-pager a {font-family: Arial, Helvetica, sans-serif;margin-right:5px;font-size: 0.8em;cursor:pointer;color:#333;} .month-pager a.active {font-weight:bold;color: #228908;font-size:1.1em;} /******************************************************/ /* vertical layout */ .pp-calendar.vertical .ocd.event .school-hol div:first-child:after { content: '\b7\a0'; position:absolute; font-size:20px; margin-left:2px;margin-top:2px;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } .pp-calendar.vertical {text-align: left;background:#ffffff;} .pp-calendar.vertical li {font-size:11pt;color: #666666;} .pp-calendar.vertical .month-title {transform: rotate(-90deg) translate(-681px,0);transform-origin: left top;background:#e0e0e0;font-size: 35px;line-height:40px;color: #228908;height: 40px;width: 659px;text-align: right;padding: 3px;padding-right: 20px;font-weight: bold;} .pp-calendar.vertical .week-container {padding-left:20px;} .pp-calendar.vertical .ocm .week-container:first-child {margin-top:-46px} .pp-calendar.vertical .week-number {color:#c1b9b9;font-size: 1.2em;font-weight: bold;text-align: right;padding-right: 5px;height:0px;} .pp-calendar.vertical .ocd div.feiertag-text {font-size: 0.8em;font-weight: normal;z-index:10;position:relative;color: #666666;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } .pp-calendar.vertical .ocd div.feiertag-text:empty {display:none} .pp-calendar.vertical .event-text {font-size: 0.8em;font-weight: normal;z-index:10;position:relative;color: #666666;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } .pp-calendar.vertical .ocd div.events {width: 245px;position: absolute;overflow: hidden;height: 18px;} .pp-calendar.vertical .ocd {border-bottom: 1px solid #aaaaaa;padding:2px;font-weight: bold;height:17px;} .pp-calendar.vertical .ocd.active {border-width: 0px 1px 1px 1px;border-color:#888;border-style: solid;background:#e4f3ff;margin-left:-1px;} .pp-calendar.vertical .ocd div.date-title {display:none} .pp-calendar.vertical .ocd.active .date-title {display:block} .pp-calendar.vertical .ocd.active div.events {height: 50px;position: absolute; z-index:20;border-width: 0px 1px 1px 1px;border-color:#888;border-style: solid;background:#e4f3ff;margin-top: 19px;width: 243px;padding: 5px;padding-left: 8px;padding-top: 0px;border-radius: 0px 0px 5px 5px;color:#555;overflow:auto} .pp-calendar.vertical .ocd.active.bottom div.events {height: 50px;position: absolute; z-index:20;border-width: 1px 1px 0px 1px;border-color:#888;border-style: solid;background:#e4f3ff;margin-top: -57px;width: 243px;padding: 5px;padding-left: 8px;padding-top: 0px;border-radius: 5px 5px 0px 0px;color:#555;overflow:auto} .pp-calendar.vertical .ocd.active .feiertag-text {display:block} .pp-calendar.vertical .ocd.active .event-text {display:block} .pp-calendar.vertical .ocd.active .event-text span.time {display:inline} .pp-calendar.vertical .ocd div {display: inline-block;margin-right: 4px;} .pp-calendar.vertical .dates-container {margin-left:42px;} .pp-calendar.vertical .date {min-width: 60px;} .pp-calendar.vertical .weekdays { display:none } .pp-calendar.vertical .weekday {font-size:0.8em;font-weight:normal;min-width:20px;} .pp-calendar.vertical .school-hol {height: 22px;position: absolute;margin-left:40px;} .pp-calendar.vertical .school-hol div {width: 10px;height: 21px;position: relative;top: -2px;margin:0;} .pp-calendar.vertical .school-hol div.hol {cursor:default;} /******************************************************/ /* week blocks layout */ .pp-calendar.block .ocm { background:#ffffff; position: absolute; width:200px; height:220px; color: #666666} .pp-calendar.block .ocd { border-bottom: 1px solid #aaaaaa; padding:4px 2px 0px 2px; font-size:0.9em; font-weight: bold; height:20px; width:21px; position: absolute; display:inline-block;} .pp-calendar.block .ocd.ferien { background:#bfefa9;} .pp-calendar.block .ocd.wd-6.ferien { background:#cde4c2;} .pp-calendar.block .ocd.wd-0.ferien { background:#c4d5bc;} .pp-calendar.block .month-title {background:#e0e0e0;font-size: 1.5em;color: #228908;text-align: center;padding: 3px;padding-right: 20px;font-weight: bold;} .pp-calendar.block .feiertag-text {display:none} .pp-calendar.block .event-text {display:none} .pp-calendar.block .ocd.wd-1 { left:25px; } .pp-calendar.block .ocd.wd-2 { left:50px; } .pp-calendar.block .ocd.wd-3 { left:75px; } .pp-calendar.block .ocd.wd-4 { left:100px; } .pp-calendar.block .ocd.wd-5 { left:125px; } .pp-calendar.block .ocd.wd-6 { left:150px; } .pp-calendar.block .ocd.wd-0 { left:175px; } .pp-calendar.block .week-container {height:25px;} .pp-calendar.block .weekday {display: none;} .pp-calendar.block .weekdays { height:25px; font-size:0.9em;font-size: 0.8em;margin-top: 10px;} .pp-calendar.block .week-number { position:absolute;display:inline-block; left:0px; color:#ccc; font-size: 0.9em;font-weight: bold; margin: 2px; } .pp-calendar.block .weekdays div { position:absolute; width:25px; display:inline-block } .pp-calendar.block .weekdays div:first-child { left:25px; } .pp-calendar.block .weekdays div:nth-child(2n) { left:50px; } .pp-calendar.block .weekdays div:nth-child(3n) { left:75px; } .pp-calendar.block .weekdays div:nth-child(4n) { left:100px; } .pp-calendar.block .weekdays div:nth-child(5n) { left:125px; } .pp-calendar.block .weekdays div:nth-child(6n) { left:150px; } .pp-calendar.block .weekdays div:nth-child(7n) { left:175px; } /* Uploadbar CSS */ .uploadbar { position: relative; } #uploadbar { position: absolute; height: 40px; width: 100%; top:-10px; text-align:center; color: #FFF; background: #000; z-index:5000; -moz-opacity:0.8; filter:Alpha(Opacity=80); opacity:0.8; display: none; padding-top:8px; border-radius:2px; } #progressbar { position: absolute; text-align:center; top:30px; height: 3px; width:0px; margin: 5px; background: #0c0; z-index:5001; display: block; -moz-border-radius:3px; /* Firefox */ -webkit-border-radius:3px; /* Safari, Chrome */ -khtml-border-radius:3px; /* Konqueror */ border-radius:3px; /* CSS3 */ } #progressstop { cursor: pointer; position: relative; float: right; top: -3px; height: 24px; width: 24px; background: url('../design/bilder/close-big.png') no-repeat 0 0; z-index:5002; display: block; padding-right: 5px; }