/*94890850*/ /*-------Including headAfoot.css--------*/ /* * * * * * * * */ /* FileStructure */ /* * * * * * * * * 1 header navigation 2 header logo 3 footer navigation 4 footer text + cookie-overlay * * * * * * * * * / /* ******************* */ /* 1 header navigation */ /* ******************* */ header nav { height: 60px; margin: 0px auto; margin: -1px auto 0px \0/; padding-top: 0px; width: 963px; } /* safari und chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ header nav { padding-top: 2px !important; } } /* IE 10+ hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { header nav { padding-top: 1px !important; } } ul#head-navi { float: right; list-style-type: none; } ul#head-navi, ul#head-navi a, ul#head-navi span, #serviceblock, #serviceblock a, #serviceblock span { font-size: 10px; } #head-navi #bold { font-weight: bold; } ul#head-navi li { float: left; padding-right: 7px; } /* Wieso?! */ ul#head-navi li:nth-child(3), ul#head-navi li:nth-child(6) { padding-right: 12px \0/; } ul#head-navi li:nth-child(4) { margin-top: -1px \0/; padding-right: 12px \0/; } /************/ ul#head-navi a { color: #003399;; } div#serviceblock { float: left; } #Head_shoppingCart_Link > span{ margin-left: -4px; } #head-navi li:last-child #Head_shoppingCart_Link img{ margin-top: -3px\0/; } #head-navi li:last-child { padding-right: 0px; margin-top: -2px\9; } /* IE 10+ hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { a#Head_shoppingCart_Link img, a#Head_shoppingCart_Link span{ margin-top: -2px; } } p#servicecall { text-align: left; color: #003399; } span#numberOfProductsInShoppingCart { margin-left: -4px; } section#pagetitleBarLeft span#numberOfProductsInShoppingCart { margin-left: 0px; } section#pagetitleBarLeft #linkNumberOfProductsInShoppingCart img{ margin-top: -2px; } span#red, span#callback, span#chat { padding-left:7px; padding-left:7px \0/; } a#Head_shoppingCart_Link:hover{ text-decoration: none; } #callback a { color: #003399; margin-left: 0; margin-right: 0; padding: 0; } #chat a { color: #003399; padding: 0; } /* Design Online Button */ .designOnline__wrapper { position: relative; margin-top: -1em; } .designOnline__btn { cursor: pointer; position: absolute; right: 1px; top: 1px; height: 8px; width: 8px; z-index: 3; } /* ******* END ******* */ /* ******************* */ /* 2 header logo */ /* ******************* */ div#head-logo { margin: -10px auto 17px; margin: -10px auto 17px \0/; height: 65px; width: 313px; } a#logo_klein { display: block; width: 313px; height: 65px; } a#logo_klein span { display:none; } div#head-top { height: 60px; _height: 58px; width: 963px; margin: 0 auto; } /* ******* END ******* */ /* ******************* */ /* 3 footer navigation */ /* ******************* */ #FOOT { margin: auto; position: relative; width: 963px; } #FOOT_navigation { margin-top: 8px; text-align: left; } nav#FOOT_navigation { margin: 0 auto; position: relative; text-align: center; width: 963px; padding-top: 0px; } #FOOT_navigation a, #FOOT_navigation a:hover { color: #003399; margin-right: 3px; } #FOOT_immprint_Link { margin-right: 6px; } .copyrightFoot { color: #003399; float: right; } /* ******* END ******* */ /* ******************* */ /* 4 footer text */ /* ******************* */ #productInfoText { color: #003399; text-align: justify; } #productInfoText a { color: #003399; } /* product sale banner */ /* freedesign banner */ #Foot_specialSaleBanner, #Foot_productSaleBanner, #Foot_freeDesignBanner { float: left; } #Foot_productSaleBanner { margin: 10px 0 16px 0; } #Foot_specialSaleBanner { margin: 0 0 16px 0; } #Foot_freeDesignBanner { margin-bottom: 13px; } #Foot_gotoSpecialSale_Link img, #Foot_gotoProduct_Link img, #Foot_gotoFreeDesignProduct_Link img { background-repeat: no-repeat; height: 114px; width: 963px; } /* cookie-overlay */ .cookie__content { position: fixed; bottom: 0; left: 0; padding: 4px 0; width: 100%; background-color: rgba(255,255,255,.9); border-top: 1px solid lightgray; z-index: 9999999; color: #003399; text-align: center; } .cookie__content--AT { padding-top: 16px; padding-bottom: 17px; } .cookie__link { color: #003399; display: inline-block; margin-right: 4px; } .button.cookie__btn { display: inline; float: none; padding: 2px 7px; font-size: 11px; } .cookie__placeholder { height: 30px; } @media only screen and (max-width: 700px) { .cookie__placeholder { height: 3.5em; } } /*-------Including portalContent.css--------*/ *{margin:0;padding:0}html *{margin:0;padding:0}body{background-color:white;font-size:11px;font-family:arial,sans-serif;text-align:center;color:#000;letter-spacing:.0pt;word-spacing:.0em;margin:-4px 0 0;padding:0}body#iframebody{margin:0}header{display:block;padding:0;margin:0}section{display:block}section#content{height:auto}header,hgroup,nav,article,figure,figcaption,section,aside,footer{display:block;padding:0;margin:0}header,#head{padding-top:0!important;margin-top:0!important}footer{display:block}aside{display:block}a{color:#000;text-decoration:none;font-size:11px}a:hover{color:#039;text-decoration:underline;font-size:11px;cursor:pointer}a.switch{position:absolute;top:3px;left:447px;left:448px \0/;white-space:nowrap;color:#039}img{border:0}.right{float:right}.left{float:left}.clear{clear:both}.hidden{visibility:hidden;display:none}.hide{display:none!important}.dis--0{display:none}.dis--tab-row{display:table-row}.dis--tab-cell{display:table-cell}.dpyNone{display:none}.flex-container{display:flex}.flex--item-auto{flex:auto}.flex--item-inital{flex:initial}.pos--absolute{position:absolute}.vertAlign--mid{vertical-align:middle}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}h1,h2,h3{font-size:11px;font-weight:bold;margin:0 0 10px}.formHeadline{text-align:left;float:left;padding:0;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.formHeadline span{font-weight:normal}label{text-align:left;padding-left:0}td{font-size:11px}.smallText{font-size:9px;text-align:left}.smallText a{font-size:9px;color:#000}.text--weight-bold{font-weight:bold}.trademarkSign{font-size:12px;vertical-align:top}.grey{color:#AAA}.inactive{color:#CCC}.active{color:#000}.lightBlue_bg{background-color:#d7e8f7}.error,.errorText{color:#e70810}.inputError,.selectBox.error{border:1px solid #e70810!important}.underline{text-decoration:underline}input,li,ul{padding:0}p a{padding-left:15px}.alignRight{text-align:right}.alignLeft{text-align:left}.centerAlign{text-align:center}.text--align-right{text-align:right}.text--align-center{text-align:center}.text--align-left{text-align:left}.text--nowrap{white-space:nowrap}.text--size-smaller{font-size:10px}.top0{margin-top:0}.top1{margin-top:1px}.top2{margin-top:2px}.top3{margin-top:3px}.top4{margin-top:4px}.top5{margin-top:5px}.top6{margin-top:6px}.top7{margin-top:7px}.top8{margin-top:8px}.top9{margin-top:9px}.top10{margin-top:10px}.top12{margin-top:12px}.top14{margin-top:14px}.top15{margin-top:15px}.top20{margin-top:20px}.top21{margin-top:21px}.top24{margin-top:24px}.top25{margin-top:25px}.top26{margin-top:26px}.top28{margin-top:28px}.top29{margin-top:29px}.top30{margin-top:30px}.top44{margin-top:44px}.right1{margin-right:1px}.right4{margin-right:4px}.right5{margin-right:5px}.right7{margin-right:7px}.right9{margin-right:9px}.right10{margin-right:10px}.bottomMinus14{margin-bottom:-14px}.bottomMinus10{margin-bottom:-10px}.bottomMinus1{margin-bottom:-1px}.bottom2{margin-bottom:2px}.bottom3{margin-bottom:3px}.bottom4{margin-bottom:4px}.bottom5{margin-bottom:5px}.bottom6{margin-bottom:6px}.bottom7{margin-bottom:7px}.bottom8{margin-bottom:8px}.bottom9{margin-bottom:9px}.bottom12{margin-bottom:12px}.bottom23{margin-bottom:23px}.bottom24{margin-bottom:24px}.bottom26{margin-bottom:26px}.bottom46{margin-bottom:46px}.left3{margin-left:3px}.left4{margin-left:4px}.left5{margin-left:5px}.left6{margin-left:6px}.left7{margin-left:7px}.left8{margin-left:8px}.left9{margin-left:9px}.left14{margin-left:14px}.left17{margin-left:17px}.p-right7{padding-right:7px}.button100{width:100px}.button200{width:200px}.button300{width:300px}.button350{width:350px}.button470{width:470px}.button100,.button200,.button300,.button350,.button470{height:20px;display:block;line-height:20px;text-align:center;font-size:12px;font-weight:bold;text-decoration:none;color:#FFF;background-color:#039}.button100:hover,.button300:hover,.button350:hover,.button470:hover{line-height:20px;text-align:center;font-size:12px;font-weight:bold;text-decoration:none;color:#FFF;background-color:#ffb64a;cursor:pointer}.button350inactive{width:348px}.button470[disabled],.button470inactive{width:468px}.button[disabled],.button470[disabled],.button350inactive,.button470inactive{height:18px;display:block;line-height:18px;text-align:center;font-size:12px;font-weight:bold;text-decoration:none;color:#AAA;background-color:#FFF;border:1px solid #AAA}.button[disabled]:hover,.button470[disabled]:hover,.button350inactive:hover,.button470inactive:hover{line-height:18px;text-align:center;font-size:12px;font-weight:bold;text-decoration:none;color:#AAA;cursor:default;background-color:#FFF}.button--noHover:hover{color:#FFF;background-color:#039}.button{box-sizing:border-box;-moz-box-sizing:border-box;height:20px;display:block;line-height:1.5;text-align:center;font-size:12px;font-weight:bold;text-decoration:none;color:#FFF;background-color:#039}.button:hover{font-size:12px;text-decoration:none;color:#FFF;background-color:#ffb64a;cursor:pointer}.button[disabled],.button[disabled]:hover{display:block;font-size:12px;text-decoration:none;color:#AAA;background-color:#FFF;border:1px solid #AAA;cursor:default}#button_left{width:470px;margin-top:12px;margin-bottom:-3px}#button_left div{color:#039;background-color:#d7e8f7;border:1px solid #039;display:block;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;height:18px;line-height:20px;text-align:center}#button_left span:nth-child(2){color:#e70810}#button_right{width:470px;margin-top:12px;float:right;margin-bottom:-3px}a.ButtonView{display:block;float:left;width:18px;height:18px;margin-right:7px;margin-bottom:7px;line-height:18px}span.ButtonNotActive{display:block;float:left;width:18px;height:18px;color:#999;background-color:#CCC;cursor:pointer;margin-right:7px;margin-bottom:7px;line-height:18px}#buttons.buttonsoscs{float:left;margin-top:27px;position:relative;width:962px}#OPES_layer_use_Btn.button_auswahl_verwerfen{background-color:#039;color:#fff;display:block;font-size:12px;font-weight:bold;line-height:18px;margin-bottom:5px;margin-top:7px;text-align:center;text-decoration:none}#OPES_layer_reject_Btn.button_auswahl_verwerfen,#OPES_layer_continueOrder_Btn{background-color:#039;color:#fff;display:block;font-size:12px;font-weight:bold;line-height:18px;text-align:center;text-decoration:none}#OPES_layer_reject_Btn.button_auswahl_verwerfen:hover,#OPES_layer_use_Btn.button_auswahl_verwerfen:hover,#OPES_layer_continueOrder_Btn:hover{background-color:#ffb64a}a#confirmButtonRefresh{float:right;width:150px}a#confirmButtonCancel{float:right;width:150px}a#confirmButtonDelete{float:left;width:150px}.infoIcon{width:20px;height:20px;font-family:Times New Roman,serif;font-weight:bold;font-size:13px;line-height:18px;color:#FFF;background-color:#039;cursor:pointer;text-decoration:none}.infoIcon:hover{font-size:13px;line-height:18px;color:#FFF;background-color:#039;text-decoration:none}.infoIcon::after{content:"i";margin-left:8px}.formLine .infoIcon{margin-top:-6px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.infoIcon,.infoIcon:hover{line-height:20px}}@media screen and (-webkit-min-device-pixel-ratio:0){.infoIcon,.infoIcon:hover{line-height:20px}}.closeButton,.overlay_tooltip_pw_close{box-sizing:border-box;-moz-box-sizing:border-box;width:18px;height:18px;font-family:Arial;font-weight:bold;font-size:14px;line-height:16px;text-align:center;text-decoration:none;color:#FFF;background-color:#039;cursor:pointer;float:right}.closeButton::after,.overlay_tooltip_pw_close::after{content:"x"}.hintIcon{width:13px;height:13px;border-radius:50px;background-color:#e70810;cursor:pointer}.hintIcon::after{content:"!";color:#FFF;font-weight:bold;line-height:12px;font-size:11px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.hintIcon{margin-top:-1px}.hintIcon::after{line-height:13px}}@media screen and (-webkit-min-device-pixel-ratio:0){.hintIcon{margin-top:-1px}.hintIcon::after{margin-left:1px}}.toolIcon{box-sizing:border-box;-moz-box-sizing:border-box;width:20px;height:20px;background-color:#039;cursor:pointer;float:left;display:table;text-align:center;margin-right:4px}.toolIcon[disabled]{background-color:#FFF;border:1px solid #AAA;cursor:default}.toolIcon.green_bg{background-color:#00be00}.toolIcon.red_bg{background-color:#e70810}.toolIcon svg{height:1.25em;width:initial;fill:#FFF;vertical-align:middle;margin-top:.15em}.toolIcon[disabled] svg{fill:#AAA;margin-top:2px}.dirIcon{width:20px;height:20px;font-weight:bold;font-size:14px;line-height:14px;color:#FFF;background-color:#039;cursor:pointer}.dirIcon:hover{background-color:#ffb64a;color:#FFF;text-decoration:none}.rightDir,.leftDir{cursor:pointer;display:block}.rightDir{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff}.leftDir{border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #fff}#originbutton{position:absolute;top:0;right:0;float:right;width:20px;height:20px}.sub_pg #FOOT_navigation{margin:0 auto}.button233{display:block;width:233px;line-height:20px;_line-height:20px;text-align:center;font-size:12px;font-weight:bold;text-decoration:none;color:#fff;background-color:#039}.button233:hover{display:block;width:233px;line-height:20px;_line-height:20px;font-size:12px;font-weight:bold;text-decoration:none;color:#fff;background-color:#ffb64a}.input_fake,input,select{font-size:11px;background:none repeat scroll 0 0 #FFF;border:1px solid #7bb1e4;font-family:Arial,Helvetica,Geneva,sans-serif;font-weight:normal;height:20px;box-sizing:border-box}.selectLine{height:20px;clear:both}.formLine input{width:100%}.input_fake,input{padding-left:3px}.input_fake{padding-top:.25em;padding-bottom:.25em}.input40{width:40px}#OSO td.quantity input.input40{height:18px}.input85{width:85px}.input88{width:88px}.input104{width:104px}.input106{width:106px}.input107{width:107px}.input110{width:110px}.input113{width:113px}.input120{width:120px}.input144{width:144px}.input148{width:148px}.input149{width:149px}.input154{width:154px}.input158{width:158px}.input166{width:166px}.input167{width:167px}.input169{width:169px}.input172{width:172px}.input183{width:183px}.input187{width:187px}.input218{width:218px}.input230{width:230px}.input233{width:233px}.input244{width:244px}.input286{width:286px}.input293{width:293px}.input300{width:300px}.input317{width:317px}.input322{width:322px}.input336{width:336px}.input354{width:354px}.input370{width:370px}.input378{width:378px}.input438{width:438px}.input440{width:440px}.input446{width:446px}.input470{width:470px}.select88{width:88px}select option{padding-left:3px}.select60{width:60px}.select104{width:104px}.select106{width:106px}.select108{width:108px}.select110{width:110px}.select120{width:120px}.select144{width:144px}.select230{width:230px}.select233{width:233px}.select300{width:300px}.select336{width:336px}.select440{width:440px}.select470{width:470px}textarea{box-sizing:border-box;border:1px solid #7bb1e4}.checkBox{border-style:none;width:13px;height:13px}#OSO input.checkBox{margin-top:1px}#content .checkbox{position:relative!important;left:0!important;top:0!important;background:0;margin-left:0;margin-right:-2px}html>body #content .checkbox{margin:0 2px -1px 1px}#content .checkAndRadioLabel{position:relative;font-weight:normal;top:-25px}#content .checkAndRadioLabel#smslabel{position:relative;font-weight:normal;top:-14px;_top:-15px}#content .checkAndRadioLabel#maillabel{position:relative;font-weight:normal;top:-33px}input[type="radio"],.layerContent input[type="checkbox"]{background-color:#d7e8f7}div#payment_types .radiobutton{position:relative;top:0}div#payment_types .radiobutton label{position:relative;font-weight:bold}div#payment_types .radiobutton input[type="radio"]{position:absolute;top:2px;left:0;border:0;outline:0}div#payment_types .radiobutton .span{position:absolute;left:20px;margin-top:3px}div#payment_types .radiobutton .payment_surcharge{position:absolute;right:25px;text-align:right;top:2px}div#payment_types .radiobutton .fee{top:0}#logo{padding-top:70px}.pwLogo{position:relative}section#center-wrap{margin:0 auto 10px auto;width:963px}@media screen and (-webkit-min-device-pixel-ratio:0){section#center-wrap{margin:0 auto 14px auto}}.pageContent{width:440px;background-color:#d7e8f7;padding:15px}.centerContent{width:470px;margin:auto}nav#pagetitle_bar,nav#pagetitleBar{width:963px;height:20px;background-color:#d7e8f7;border-top:1px solid #039;margin-bottom:15px}section#pagetitleBarCenter{padding-top:3px;color:#039}section#pagetitleBarLeft{color:#039;padding:3px 0 0 0;padding:4px 0 0 0 \0/;float:left}#pagetitleBarLeft ul{margin:0 8px 0 8px;padding:0;list-style-type:none}#pagetitleBarLeft ul li{position:relative;display:inline;float:left;padding-right:3px}#pagetitleBarLeft ul li.active{font-weight:bold;color:#039}#pagetitleBarLeft ul li.separator{margin-top:0}section#pagetitleBarLeft a.productsInSC{text-align:left;font-weight:bold;color:#e70810}section#pagetitleBarLeft a.productsInSCinactive{text-align:left;color:#039}section#pagetitleBarRight{color:#039;padding:3px 4px 0 6px;padding:4px 4px 0 6px \0/;float:right}a#linkNumberOfProductsInShoppingCart:hover{text-decoration:none}#pagetitleBarRight #SearchField{margin-top:-2px;margin-right:-3px}#CALC_searchTerm_Input{border:1px solid #fff;color:#039;height:18px;width:140px;padding-bottom:0;font-size:11px}#CALC_searchField_Btn{color:#fff;background-color:#039;height:16px;width:24px;padding:1px 0;line-height:16px}#CALC_searchField_Btn:hover{text-decoration:none}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){#CALC_searchTerm_Input{padding-top:1px}#CALC_searchField_Btn{line-height:17px}}div#col-right div.innerBox{float:left;margin-left:15px;width:300px}div#col-right div.col-content{width:299px;margin-left:15px;float:left}.content_center{padding-left:16px;padding-right:15px;padding-top:15px}div.helpDiv_left{float:left;background-color:#fff}div#col-left-50p{float:left;width:470px;height:460px;overflow:auto}div#col-right-50p{background-color:#d7e8f7;float:right;width:470px;height:460px;overflow:auto}div#col-left-50p-klein{float:left;width:470px;overflow:auto}div#col-left-50p-klein-guestbook{float:left;width:470px;overflow:auto;height:auto}.col100p{width:470px;padding-top:0}.col20pLeft{width:88px;position:absolute;left:0}.col20pLeft{width:86px;position:absolute;left:0}div#col-left_2col{float:left;width:481px;border-right:1px solid #039}div.height_wrapper_top{height:30px;height:36px \0/;width:auto}div#col-left{float:left;width:315px;border-right:1px solid #039}div#col-middle{float:left;width:315px}div#col-right{border-left:1px solid #039;float:right;width:315px}div#col-right-50p-klein{float:right;width:470px;overflow:auto}.col50pLeft{width:230px;position:absolute;left:0}.col50pRight{width:230px;position:absolute;right:3px}.col70pLeft{width:336px;position:absolute;left:0}.col3pLeft1{float:left;width:154px;position:absolute}.col3pLeft2{float:left;width:154px;margin-left:158px;position:absolute}.col3pRight{right:0;width:154px;position:absolute}.formLine{height:45px;clear:both}.halfColumn,.thirdColumn,.twothirdColumn,.quarterColumn,.threequarterColumn,.sixthColumn{float:left}#OAE .halfColumn{float:left}#OAE .column{width:336px}#OAE .halfColumn{width:166px}.borderStyle{border:1px solid #039;width:318px;overflow-x:hidden;overflow-y:auto;overflow:auto}.borderStyle td{font-size:12px}.rechnungsDetailsLine{float:left;width:100%}.rechnungsDetailsLine .left{width:70%}.rechnungsDetailsLine .left:nth-child(2){width:24.5%}.rechnungsDetailsLine .left span{text-align:right;float:right}#orderShoppingCartContainer hr{clear:both;float:left;width:100%;margin:0;padding:0;border:1px solid #000;border-width:1px 0 0 0}.rechnungsDetailsLine{line-height:22px}.ttContent,.big_tt{position:absolute;color:#039;background-color:#d7e8f7;border:1px solid #FFF;padding:3px 5px;font-family:Arial;font-size:11px;text-align:left;visibility:hidden;z-index:1000}.big_tt>b{line-height:18px}.ttContent.click{width:250px}.ttContent.hover{white-space:nowrap;padding:3px 5px}.big_tt{width:328px;height:355px;overflow:auto}.big_tt.autoheight{height:auto}.ttContent .closeButton,.big_tt .closeButton{position:absolute;right:3px}.ttContent h1,.ttContent b,.big_tt b{font-weight:bold;font-size:11px;margin-bottom:4px}.ttContent b,.big_tt b{line-height:18px}.ttContent b>span{font-weight:normal}.ttContent h2{font-size:11px;font-weight:normal;margin-top:5px}.ttContent p{margin-top:4px}.ttContent br,.big_tt br{margin-bottom:4px}.ttContent br:first-of-type,.big_tt br:first-of-type{margin-bottom:0}.ttContent em{font-size:11px;font-style:normal}.ttContent a,.big_tt a{color:#039;text-decoration:none}.ttContent a:hover,.big_tt a:hover{text-decoration:underline}.ttContent li{list-style:none}.tooltip__wrapper{position:relative;display:inline-block;cursor:default}.tooltip__wrapper .tooltip__text{visibility:hidden;width:auto;background-color:#d7e8f7;color:#039;border:1px solid #FFF;font-size:11px;line-height:12px;text-align:left;padding:.25em .417em;position:absolute;z-index:1;margin-left:.083em;opacity:0;transition:opacity .3s;white-space:nowrap}.tooltip__wrapper:hover .tooltip__text{visibility:visible;opacity:1}.tooltip__wrapper .tooltip__text a{color:#039}.tt_box h1{font-weight:bold;font-size:11px;margin-bottom:4px}.tt_box h1{margin-top:4px}.tt_box h1:first-child{margin-top:0}.tooltp_div{visibility:hidden;position:absolute;background-color:#d7e8f7;color:#039;padding:4px;overflow:auto;z-index:9999}.tooltp_title{float:left;font-weight:bold;margin-bottom:8px}a.tooltipLinkText{color:#039;font-family:arial,sans-serif;font-size:11px;text-decoration:none}#info_tooltip{width:auto;max-width:310px;z-index:100000;color:#039;font-size:11px;font-family:Arial,Helvetica,sans-serif;border:1px solid #fff;background-color:#d7e8f7;position:absolute;padding:4px 5px 5px 5px;display:none;text-align:left}.tt_box{background-color:#d7e8f7;border:1px solid #fff;display:none;font-family:Arial,Helvetica,sans-serif;font-size:11px;left:0;overflow:hidden;padding:5px 5px 0;position:absolute;text-align:left;top:0;width:300px;z-index:1000}.tt_box a{padding:0}#tt_item_group h1{margin-top:2px}.languageSwitch{display:inline;margin-left:-2px}.languageSwitch li{display:inline;list-style-type:none;margin-right:0}.languageSwitch li.kleines{margin-right:6px}.languageSwitch li#language_jumper{padding:0}.EP_linkSeo{height:117px;margin-top:13px;margin-left:auto;margin-right:auto;margin-bottom:16px;width:963px}.EP_linkNavi{height:117px;margin-top:13px;margin-left:auto;margin-right:auto;margin-bottom:24px;width:976px}.affiliateLine .rightMargin{margin-right:8px}.affiliateLine .hintNew{color:#e70810;margin-right:4px}.affiliateLine a,.affiliateLine a:hover{font-weight:normal;text-decoration:none;color:#039}.affiliateLine .underline{text-decoration:none}.affiliateLine .underline:hover{text-decoration:underline}.forwardingText{text-align:left;width:500px;display:block;margin:120px auto 0}.forwardingText a{text-decoration:underline}#printlink{width:250px;line-height:14px;padding-top:3px}a#abbuchungsauftrag{text-decoration:underline}#c_finishing_size{position:absolute;visibility:hidden}.width4pr{width:4%}.width5pr{width:5%}.width6pr{width:6%}.width7pr{width:7%}.width9pr{width:9%}.width16pr{width:16%}.width18pr{width:18%}.width20pr{width:20%}.width21pr{width:21%}.width25pr{width:25%}.width32pr{width:32%}.width34pr{width:34%}.width40pr{width:40%}.width43pr{width:43%}.width49pr{width:49%}.width55pr{width:55%}.width66pr{width:66%}.width68pr{width:68%}.width70pr{width:70%}.width82pr{width:82%}.width90pr{width:90%}.width91pr{width:91%}.width92pr{width:92%}.width94pr{width:94%}.width95pr{width:95%}.width96pr{width:96%}.width97pr{width:97%}.width98pr{width:98%}.width99pr{width:99%}.width100pr{width:100%} /*-------Including subContent.css--------*/ /* * * * * * * * */ /* FileStructure */ /* * * * * * * * * 1 SOCIAL MEDIA BAR 2 STARTPAGE 2.1 STARTPAGE - Banner + Quick calculation 2.2 STARTPAGE - Störer 3 KEY ACCOUNT 4 EVALUATION 5 HELPCENTER 6 CALLBACK 7 NEWSLETTER 8 GUESTBOOK 9 LOGIN (old stuff) 10 CUSTOMER/GUEST + PARTNER LOGIN 11 UPLOAD 12 PROGRESS BAR !!! only default stuff 10 REGISTER/PROFILE EDIT 11 FORGET PASSWORD 12 CHANGE PASSWORD 13 SEPA 13 Angebot drucken / Abbuchungsauftrag drucken 14 Textil printing area 15 Produktuebersicht 18 Kundenkonto gesperrt 19 AGB drucken 20 Proof 22 Order gesperrt 23 Order ok 25 Reseller projects 26 Gateway 28 Partnerprogramme 29 USt-IdNr. Layer 30 LAYER 30.1 LAYER - show imprint 30.2 LAYER - key account 30.3 LAYER - Feedback 30.4 LAYER - help 30.5 LAYER - freedesign is ep 30.6 LAYER - live tour 30.7 LAYER - one last question... 30.8 LAYER - EfS, PfE and Schnellerer Service zum Vorteilspreis + PAGER (Address-Layer, MyOrders - must be implemented) * * * * * * * * * */ /**************************/ /*** 1 SOCIAL MEDIA BAR ***/ /**************************/ #feedback_icons { float: right; position: absolute; width: 34px; _width: 25px; height: 270px; right: 0px; top: 197px; _top: 195px; bottom: 38px; overflow: none; z-index: 101; } a.feedback_small_icon { background-repeat: no-repeat; height: 34px; width: 34px; display: block; cursor: pointer; } a.feedback_large_icon { background-position: 0 0; background-repeat: no-repeat; height: 99px; width: 34px; display: block; } a.feedback_large_icon:hover { background-position: -34px 0; } /* Easyprint */ a.designOnline { background-position: 0px 0px; background-repeat: no-repeat; display: block; cursor: pointer; width: 34px; height: 101px; margin-bottom: 4px; } a.designOnline:hover { background-position: -34px 0; } /* XING */ a.feedback_xing { background-position: 0px -102px; } a.feedback_xing:hover { background-position: -34px -102px; } /* Twitter */ a.feedback_twitter { background-position: 0px -68px; } a.feedback_twitter:hover { background-position: -34px -68px; } /* Facebook */ a.feedback_facebook { background-position: 0px -34px; } a.feedback_facebook:hover { background-position: -34px -34px; } /* LinkedIn */ a.feedback_linkedIn { background-position: 0px -136px; } a.feedback_linkedIn:hover { background-position: -34px -136px; } /*******************/ /*** 2 STARTPAGE ***/ /*******************/ /**************************************************/ /*** 2.1 STARTPAGE - Banner + Quick calculation ***/ /**************************************************/ .aktionsSale { margin-bottom: 16px; margin-bottom: 17px \0/; } /* safari und chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ .aktionsSale { margin-bottom: 18px; } } /* IE 10+ hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .aktionsSale { margin-bottom: 17px; } } /* Produktliste in Selectboxen */ ul#produkte { list-style-type: none; margin: 12px 0 4px 0; display: none; } ul#produkte li { display: inline; margin-right: 5px; } ul#produkte li#mehr { margin-right: 0; } ul#produkte li#mehr a { font-weight: bold; } div#erweiterte_anfrage, div#einfache_anfrage { position: relative; display: block; width: 440px; padding: 0; z-index: 9999; } div#einfache_anfrage { display: none; margin: 0 auto; } div#erweiterte_anfrage { margin: 13px auto 0; margin: 11px auto 0 \0/; } /* safari und chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ div#erweiterte_anfrage { margin: 14px auto 0px; } } /* Go-Button */ #StartPage_calculate_Btn { background-repeat: no-repeat; background-position: 0 0; display: block; width: 74px; height: 74px; margin-left: auto; margin-right: auto; position: relative; top: 9px; cursor: pointer; } #win_VideoClipLayer_content .VideoClipRefining embed#video_file { width: 336px !important; height: 189px !important; } /*********************/ /*** 3 KEY ACCOUNT ***/ /*********************/ section.boxLeft { background-color: #D7E8F7; float: left; height: auto; padding: 12px 15px 12px 15px; position: relative; width: 440px; text-align: left; } section.boxRight { background-color: #D7E8F7; float: right; height: auto; padding: 12px 15px 12px 15px; position: relative; text-align: left; width: 440px; } /* safari und chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ section.boxLeft, section.boxRight { padding: 13px 15px 12px 15px; } } #auswahlbox { height: 17px; text-align: left; position: absolute; margin: -2px 0 0 398px; background-color: #fff; z-index: 500; } #auswahlbox::after { font-family: selectboxit-arrow; /* fontello icon */ font-weight: bold; font-size: 12px; content: '\e800'; color: #909090; position: absolute; right: 7px; top: 3px; } /* IE10+ hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #auswahlbox::after { top: 7px; } } /* googleChrome + safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #auswahlbox::after { top: 4px; } } #auswahlbox_head { display: block; overflow: hidden; width: 162px; height: 13px; cursor: default; border: 1px solid #7BB1E4; /* Gecko-based, Mozilla */ -moz-user-select:none; /* Safari */ -khtml-user-select: none; z-index: 500; } #auswahlbox_headContent { font: 10px/10px arial,sans-serif; overflow: hidden; white-space: nowrap; width: 148px; height: 15px; text-align: left; cursor: default; display: block; float: left; } #auswahlbox_select { display: none; position: absolute; border: 1px solid #7bb1e4; background-color: #fff; } .option { display: block; position: relative; height: 16px; cursor: default; font: 10px/10px arial,sans-serif; color: #000; padding: 3px 0 0 2px; white-space: nowrap; overflow: hidden; /* Gecko-based, Mozilla */ -moz-user-select:none; /* Safari */ -khtml-user-select: none; } .mouseover{ color: #003399; } #pagetitleBarCenter .mouseover{ color: #003399; } #firstHeading{ margin-top: 15px; font-weight: bold; } .aufzaehlungen { margin-top: 2px; margin-bottom: 11px; } .basicListStyle { list-style-type: none; line-height: 22px; } #aufzaehlungenRechts { line-height: 22px; margin-top: 2px; } #form_headline{ font-weight: bold; margin-top: 15px; } .divStatusText { float: left; } .divStatusText .divRow { line-height: 22px; } .divStatusiBtn { float: right; } div.helpDiv_right { float: right; } #rank2, #rank3, #rank4, #rank5 { margin-bottom: 2px; } /********************/ /*** 4 EVALUATION ***/ /********************/ section.evaluation.left { position:relative; height:auto; width:470px; float: left; } section.content_center { padding-left:15px; padding-right:15px; padding-top: 15px; padding-top: 13px \0/; background-color:#d7e8f7; height: 460px; height: 457px\0/; line-height: 14px; } .valueVotesLeft { width: 440px; text-align:left } .LeftEvo { float:left; } #total_votes, #total_recommendations, #total_comments { height:14px; padding-bottom:3px; } #total_comments .RightEvo, #total_recommendations .RightEvo, #total_votes .RightEvo { float:right; padding-right: 13px; } section.evaluation h2 { font-size: 11px; margin: 0 0 12px 0; margin: 0 0 13px 0 \0/; text-align:left; } #headEvalLeft .headleft { width: 200px; float:left; margin-bottom:12px; margin-top:12px; text-align: left; font-weight: bold; } #headEvalLeft .headmiddle { width:150px; float:left; margin-bottom:12px; margin-top:12px; text-align: left; font-weight: bold; } #headEvalLeft .headright { width: 18px; float:right; margin-bottom:12px; margin-top:12px; text-align: left; } #headEvalRight .headleft { width: 277px; float:left; margin-bottom:12px; margin-top:12px; text-align: left; font-weight: bold; } #headEvalRight .headmiddle { width:140px; float:left; margin-bottom:12px; margin-top:12px; text-align: left; font-weight: bold; } #headEvalRight .headright { width: 18px; float:right; margin-bottom:12px; margin-top:12px; text-align: left; } h2#bewerten_sie { position: relative; } h2#bewerten_sie input { width: 126px; height: 20px; position: absolute; right: 0px; padding-left: 3px; font-size: 11px; line-height:13px; border: 1px solid #7bb1e4; color: #818181; } section.evaluation p { clear: both; text-align:left; } table#values_and_votes { text-align:left; border: 0; width: 100%; float:left; } section.evaluation table { border-collapse: collapse; margin-bottom: 12px; } section.evaluation tr { font-size: 11px; } section.evaluation td { line-height: 15px; } td.criteria_name { padding-right: 0px; height: 14px; } .summaryVotes { clear: left; } .servicetext form { display: inline; float:left; margin-right: 6px !important; height:45px; } section.content_center .servicetext input { padding-left:0px; } /* text = 4 lines */ div.servicetext { text-align: left; padding-top: 29px; } /* text = 3 lines */ .language_sv div.servicetext, .language_it div.servicetext { padding-top: 43px; } /* safari und chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ div.servicetext { padding-top: 34px; } .language_sv div.servicetext, .language_it div.servicetext { padding-top: 48px; } } /* IE 10+ hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { div.servicetext { padding-top: 33px; } .language_sv div.servicetext, .language_it div.servicetext { padding-top: 45px; } } div.servicetext input{ border: none; } .servicetext input { height:35px; margin-top: 3px; } div.servicetext .top8 { line-height: 14px; } div.servicetext a { color: #000000; } div.servicetext a:hover { text-decoration: underline; color: #000000; } section.right{ position:relative; height:auto; width:470px; float: right; } div.no_evaluation_link { height: 12px; width: 20px; border-right: 1px solid #818181; position: relative; float:right; margin-right:14px; } table#values_and_votes td a { text-decoration: none; } a.no_evaluation_link { display: block; width: 11px; height: 10px; background-repeat: no-repeat; background-position: 0px -54px; position: absolute; text-decoration: none; left: 0; top:1px; } a.evaluation_link span, a.no_evaluation_link span, table#values_and_votes a span, #table#values_and_votes a.star_on span, div#colLeft a span, div#left_container span.value_text { display: none; font-size: 11px; font-weight: bold; padding: 1px 3px 2px 3px; position: absolute; bottom: 19px; left: 7px; border: 1px solid white; background-color: #b2d3f4; color: #003399; white-space: nowrap; text-decoration: none; /* Transparenz-Kram */ filter:alpha(opacity=90); /* IE */ -moz-opacity:0.9; /* Gecko-Browser */ opacity:0.9; /* Opera 9+ */ z-index: 100; } #colLeft.evaluation.left { height: auto; position: relative; width: 470px; } a.no_evaluation_link span { text-decoration: none; } .content_center .text { padding-top: 2px; padding-bottom: 2px; padding-left: 2px; height: 42px; height:35px \0/; margin: 3px 0 19px 0; width:438px; color:#818181; font-size: 11px; overflow: auto; border: 1px solid #7bb1e4; font-family:Arial,sans-serif; } #sehr_wahrscheinlich, #wahrscheinlich, #unwahrscheinlich { border:none; background-color: transparent; margin: 0px 3px 0; } .radiotrenner { display: block; } .radiotrenner input{ margin-left: 0px !important; padding-left: 0px !important; } html > body #content #recommendation span.radiotrenner input[type="radio"] { background-color: #D7E8F7; height: 17px; margin: -1px 3px 0px; height: 16px\9; margin: 0 3px 4px\9; } /* safari + chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ p#recommendation { margin-top: -3px; } } #recommendation_head h2 { font-size:11px; } #recommendation label { position: absolute; padding-left: 2px; line-height: 18px; margin-top: 0px; margin-top: -1px \0/; } a.star_on { display: block; background-repeat: no-repeat; background-position: 0px -25px; position: relative; text-decoration: none; height: 13px; width: 13px; float: left; } a.star_off { display: block; background-repeat: no-repeat; background-position: 0px -38px; position: relative; text-decoration: none; height: 12px; width: 13px; } td.percent_symbol, #values_and_votes th.percent_symbol { padding-left: 3px; } td.percent_symbol { width:10px; } td.percent_value { padding-left: 13px; white-space:nowrap; } table#tooltip_table { border-collapse: collapse; } table#tooltip_table td { font-size: 11px; font-weight: normal; } table#tooltip_table tr { line-height: 12px; } table#tooltip_table td.head { font-weight: bold; } td.tooltip_star { padding: 0; width: 0.1%; } td.tooltip_star img { margin: 0; border: none; } td.evaluation_text { font-weight: bold; color: #003399; } td.evaluation_text.value_votes { font-size: 10px; text-align: left; } td.evaluation_text.value_votes.strong { font-weight: bold; font-size: 11px; } td.evaluation_text.value_description { font-size: 11px; font-weight: normal; padding-left: 0px; } a.evaluation_link { display: block; width: 13px; height: 12px; background-repeat: no-repeat; background-position: 0px -13px; position: relative; text-decoration: none; } a.evaluation_link:hover { background-position: -21px -28px; text-decoration: none; } a.evaluation_link.max_value { display: block; width: 13px; height: 12px; background-repeat: no-repeat; background-position: 0 -13px; position: relative; text-decoration: none; } a.evaluation_link.max_value:hover { background-position: 0 -32px; } a.initialized { background-position: -21px -28px; } a.star_plus_on { display: block; background-repeat: no-repeat; background-position: 0 -26px; position: relative; text-decoration: none; height: 12px; width:13px; margin-top: 1px; } a.star_plus_off{ display: block; background-repeat: no-repeat; background-position: 0 -38px; position: relative; text-decoration: none; height: 13px; width: 13px; margin-top: 2px; } span.starplus { position: relative; top: -1px; } div#spiral_container #spirale { width: 289px; height: 402px; position: absolute; left:90px; } #spiral_container { height: 496px; height: 498px \0/; background-color: #d7e8f7; width: 470px; position: relative; } #buttonsEval a{ margin-top: 12px; } div.evaluation br { line-height: 6px; } div.evaluation p { clear: both; text-align:left; margin-bottom: 12px; } td#value { padding-left: 20px; text-align: right; } .evaluation .servicetext a { padding-left: 0px; } div.content_center { background-color: #D7E8F7; height: 460px; padding-left: 15px; padding-right: 15px; padding-top: 12px; padding-left: 15px \0/; padding-right: 15px \0/; padding-top: 13px \0/; } div.evaluation h2 { font-size: 11px; margin: 0 0 12px; text-align: left; } div.evaluation a.button { display: block; height: 20px; width: 470px; } .content_center a { padding-left: 0px; } /* Evaluation low */ .evalformlow { background-color:#d7e8f7; margin-bottom:12px; height: 440px; height:441px \0/; } #frm_text { margin: 15px; padding:5px; width: 428px; } /********************/ /*** 5 HELPCENTER ***/ /********************/ /* search + button */ #divSearchFieldAndButton { display:block; height:20px; margin-bottom: 10px; } #SearchTextField { float: left; width: 447px; } #btnGoHelpCenter { float: right; width: 18px; height: 20px; margin-right:0px; padding-left:1px; line-height: 20px; } /* Buchstaben-Reihen Beginn */ #divLinkLetter { position: relative; display:block; height:40px; margin-bottom: 12px; } #divLetterRow1 { margin-bottom: 3px; } a.ButtonView:hover { display:block; float:left; width: 18px; height: 18px; margin-right: 7px; margin-bottom: 7px; line-height: 18px; background-color: #ffb64a; } span.ButtonActive { display:block; float:left; width:18px; height: 18px; color:#FFFFFF; background-color:#FFCC33; cursor:pointer; margin-right: 7px; margin-bottom: 7px; line-height: 18px; } #divTerms { position:relative; display:block; margin-bottom: 10px; height: 345px; overflow:auto; text-align:left; background-color:#D7E8F7; margin-top: 15px; } #divFaqQuestions { position:relative; display:none; margin-bottom: 10px; height: 430px; overflow:auto; text-align:left; background-color:#D7E8F7; } #divAnsferTerm img { display: block; padding: 1.25em 0; } #divTerms p { margin: 20px 9px 9px 9px; padding-left: 6px; } #divTerms p a { padding-left: 0px; } #divAnsferTerm p a { padding-left: 0px; } .divEntryFirst { margin-top: 15px; margin-left: 15px; } a.aTerm, a.aFaq { text-decoration:none; } .divEntryActive { margin-left:15px; } .divEntry { margin-left:15px; } h3.helpabstand { margin: 15px 0px 3px 15px; } #divAnsferTerm, #divAnsferFaq { position:relative; display:block; overflow:auto; text-align:left; background-color:#D7E8F7; } #divAnsferTerm p, #divAnsferFaq p { padding-bottom: 12px; } #divAnsferTerm H3, #divAnsferFaq H3 { font-size: 11px; font-weight: bold; margin: 0px 0px 12px 0px; } #divAnsferTerm H4, #divAnsferFaq H4 { font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; } p.aPrintLink { padding-left: 15px; } .divTermTextShort { font-size: 11px; font-weight: bold; margin: 15px 0px 3px 15px; } .divTermTextLong { margin: 9px 15px 2px 15px; } /* Auto-complete */ #divPreloadedSearchStringsHelpCenter li:hover { background-color: #CCCCCC; color: #000000; cursor: pointer; z-index:99996; float:none; } #divPreloadedSearchStrings ul, #divPreloadedSearchStringsHelpCenter ul { z-index:100000; float:none; } #divPreloadedSearchStrings ul li.selected, #divPreloadedSearchStringsHelpCenter ul li.selected { background-color: #CCCCCC; } #divPreloadedSearchStrings ul li, #divPreloadedSearchStringsHelpCenter ul li { float:none; font-family: Arial, Helvetica, sans-serif; line-height:20px; padding-left: 5px; font-size: 8pt; list-style-type: none; list-style-position: inside; background-color: #FFFFFF; color: #000000; border-top: #999999 1px solid; border-left: #999999 1px solid; border-bottom: #000000 1px solid; border-right: #000000 1px solid; margin-top: -1px; z-index: 99998; filter: alpha(opacity=85); -moz-opacity: 0.85; text-align:left; } /******************/ /*** 6 CALLBACK ***/ /******************/ .headBar { width: 364px; height: 89px; } .callbackheadline { width: 326px; height: 12px; padding: 0 0 20px 19px; font-size: 11px; font-weight: bold; text-align: left; } div.callBackContent { width: 364px; height: 300px; padding-top: 41px; } section.callBackRow { height: 50px; width: 326px; position: relative; margin-left: 19px; text-align: left; } div.threeFieldsLeft { position: absolute; left: 0; width: 104px; } div.threeFieldsMiddle { position: absolute; left: 110px; width: 104px; } div.threeFieldsRight { position: absolute; left: 220px; width: 104px; } div.threeFieldsLeft select, div.threeFieldsMiddle select, div.threeFieldsRight select { padding-left: 0px; } .callBackText { height: 75px; width: 326px; border: 1px solid #7BB1E4; padding-left: 3px; padding-top: 2px; } .callBackButton a { margin-top: 9px; margin-left: 19px; width: 326px; height: 18px; display: block; line-height: 18px; font-family: Arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; background-color: #003399; } .callBackButton a:hover { background-color: #FFB64A; text-decoration: none; font-size: 12px; } .callBackButton span { color: #ffffff; } /********************/ /*** 7 NEWSLETTER ***/ /********************/ div#padding.newsletter { padding: 12px 15px 12px 15px; } section.newsletter_unsub div#padding.newsletter { padding: 12px 15px 12px 15px; padding: 13px 15px 13px 15px \0/; } div.newsletter { text-align: left; } section.newsletterbg { background-color: #d7e8f7; } div.newsletter#padding1 { padding: 12px 15px 12px 14px; padding: 13px 15px 12px 15px \0/; text-algin:left; } div.newsletter#padding2 { padding-top: 12px; padding-top: 13px \0/; padding-bottom: 12px; padding-left: 15px; padding-right: 15px; text-algin:left; } .nlfirstrow { position:relative; margin-bottom:30px; } .nlsecondrow { position:relative; padding-top: 15px; padding-bottom: 4px; } section.newsletter_email { padding-left: 1px } section.newsletter_anrede { width: 88px; position: absolute; left: 1px; } section.newsletter_fname { width: 172px; position: absolute; left: 93px; } section.newsletter_lname { width: 172px; position: absolute; left: 269px; } .reCaptcha_is_incorrect .g-recaptcha{ border: #E70810 solid 1px; width: 304px; margin-top: -1px; } section.recaptcha { margin-top: 7px; } div.newsletter { text-align: left; } div.newsletter p { padding: 12px 15px 0 15px; padding: 13px 15px 0 15px \0/; } section.nl_ok_prepare div.newsletter p:last-child { padding: 12px 15px 12px 15px; } section.nl_ok_prepare { width: 370px; background-color:#d7e8f7; margin:auto; } section.newsletter_unsub { width: 400px; background-color: #d7e8f7; margin: auto; } section.newsletter_unsub p, section.newsletter_unsub a { padding: 0px; } div#col-right-50p-klein-newsletter { background-color: #D7E8F7; float: right; height: 220px; overflow: auto; width: 470px; } div.newsletter-submit { background-color: #d7e8f7; margin: 0 auto; width: 400px; text-align: left; padding: 15px; } /*******************/ /*** 8 GUESTBOOK ***/ /*******************/ section.guestbooks { text-align: left; position: relative; height: 166px; margin-bottom: 10px; background-color: #D7E8F7; padding: 12px 15px 12px 15px; } /* safari und chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ section.guestbooks { height: 163px; padding: 13px 15px 12px 15px; } } /* working ie hack */ _:-ms-input-placeholder, :root section.guestbooks { height: 163px; } section.guestbooks p { padding: 0px 0px 10px 0px; } p.gbheader { font-weight:bold; } p.gbspace { margin-top:6px; } #guest_effizienz a { padding-left: 0; } section.header-laender { padding: 12px 15px 0px 15px; } .header-laender h2 { margin-bottom: 0; } .header-laender span { position: relative; } .guestbook #guestbookAddLeft { background-color: #d7e8f7; padding: 12px 15px 12px 15px; height: 406px; } section.guestbook { text-align: left; } section.guestbook p { padding: 0px 0px 10px 0px; } section#padding.guestbook { padding: 15px 15px 0; } .guestbook #message { height: 315px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-left: 3px; } .guestbook textarea { width: 438px; border: 1px solid #7BB1E4; padding-left: 3px; padding-top: 2px; } section.guestbook input { padding-top: 3px; } section.entry #entry_from { font-size: 10px; margin-top: 2px; } section.entry p a { padding: 0px 0 0 0; } section.entry #date_and_country { font-style: normal; font-size: 10px; margin-top: 2px; } section.entry #date_and_country img { margin-right: 0px; } section#guestbook_entries { background-color: #D7E8F7; height: 178px; overflow: auto; padding: 15px 0 0 15px; text-align: left; } section#guestbook_entries .entry { border-bottom: 1px solid white; margin-right: 15px; padding-bottom: 10px; } section.entry { font-size: 12px; margin-bottom: 10px; } section.entry p.metadata { font-size: 10px; margin-top: 2px; } section#guestbook_entries .entry .translated { color: #00BE00; font-style: italic; } div#col-right-50p-klein-guestbook { background-color: #D7E8F7; float: right; overflow: auto; width: 470px; } div#col-right-50p-guest { background-color: #D7E8F7; float: right; height: 460px; overflow: auto; width: 470px; } /***************/ /*** 9 LOGIN ***/ /***************/ .loginPage { background-color: #D7E8F7; padding: 15px; padding: 13px 15px 13px 15px \0/; } .itemlogin { width: 440px; position: relative; height: 45px; text-align: left; } .itemlogin.lastLine { height: 38px; } #Login_forgotPassword_Link{ float: left; clear: left; margin-top: 12px; } a#Login_forgotPassword_Link span{ color: #000000; } #loginform #profil_aendern { float: left; clear: left; margin: 4px 8px 0px 10px; } #loginform #password_text { margin-top: -1px; height: auto; text-align:left; } .button_pwd_anfordern { height: 35px; margin-bottom:10px; margin-top:12px; padding-left:15px; } .itemlogin .col50pLeft, .itemlogin .col50pRight { width: 218px; } .itemlogin .col50pRight { right: 0px; } #SessionID { color: #E70810; text-align: left; margin-top: 9px; } .login_col-top { background-color: #D7E8F7; } .login_col-bottom { float: left; width: 100%; } #Login_layer_newPartnerConfirmationEmail_Link, #Login_layer_newPartnerConfirmationEmail_Link:hover { color: black; text-decoration: underline; } /* ** 10 CUSTOMER/GUEST + PARTNER LOGIN */ #win_customerAndGuestLogin_content .layerContent{ float:left; } #Login .formLine div:first-of-type, #Login .formLine div:nth-of-type(2){ float:left; } #Login .formLine div:nth-of-type(2){ margin-left:2%; } #Login section > section{ margin-top:0.333em; } /* working googleChrome + safari hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ #Login section > section{ margin-top:0.167em; } } #Login section > section > a{ font-size:11px; float:left; width:100%; } #Login p.error{ display:none; float:left; } #Login .width100pr.left ~ .width100pr:last-child{ margin-top:0.917em; } /* working googleChrome + safari hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ #Login .width100pr.left ~ .width100pr:last-child{ margin-top:1.083em; } } /* if login @ upload layer */ #win_UploadLayer_content .layerContent{ float:left; } #Login .layerContent:first-of-type{ width: 100%; box-sizing: border-box; } #win_UploadLayer_content > section:first-child{ margin-bottom:0; } #Login .layerContent:not(:first-of-type){ border-top:none; margin-top:15px; } /* ** 11 UPLOAD */ #Upload nav + section > p{ margin-bottom:0.083em; } .order_position_properties{ display:table; margin:0.917em 0 0 0; } .order_position_properties div{ display:table-row; } .order_position_properties div div{ display:table-cell; } .order_position_properties div div:first-child{ width:24%; } /* box */ .panel_currentUploads{ width:100%; } .panel_currentUploads > div:first-child{ background-color:#95C1E9; color:#000; text-indent:0.5em; line-height:1.9; } .panel_currentUploads > div:last-child { display: block; background-color: #95C1E9; color: #000; text-indent: 0.5em; height: 1.833em; position: relative; } .uploadedFiles{ /*display:table;*/ min-height:12.5em; height:12.5em; overflow-x:hidden; background-color:#FFF; width:100%; } /* line / row */ .fileOverview{ display:table-row; width:96%; height:1.167em; color:#000; float:left; padding:1% 2% 0; margin-top:0.333em; } .file_name{ display: table-cell; width:88%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .file_services{ display: table-cell; width:10%; float:right; } .file_services div{ display: table-cell; width:3%; } #Upload_delete_Icon svg { cursor:pointer; float:right; height:1.083em; width:initial; } #Upload_correct_Icon svg{ fill:#00BE00; float:right; height:1em; width:initial; } .uploadState{ float:right; } /* error */ .panel_currentUploads .errorLine { width: 96%; display: table-row; float: left; padding: 0.083em 2% 0; } .panel_currentUploads .errorLine .error { color: #E70810 !important; font-size: 10px; line-height: 1.2; margin: 0; } .panel_currentUploads .errorLine .error + .error { color: #AAA !important; } /* progress */ .panel_currentUploads progress { width: 97%; height: 1em; vertical-align: -0.5em; } /* + PROGRESS BAR */ progress{ appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 100%; border: none; vertical-align: 0; background: #FFF; position: relative; } /* working ie hack */ _:-ms-input-placeholder, :root progress { color: #00BE00; } /* firefox */ progress::-moz-progress-bar { background: #00BE00; } progress::-moz-progress-bar { background: #00BE00; } /* googleChrome */ progress::-webkit-progress-value { background: #00BE00; } progress::-webkit-progress-bar { background: #FFF; } /* empty progress bar */ progress:not([value])::-webkit-progress-bar { background: #FFF; } progress:not([value])::-moz-progress-bar { background: #FFF; } label[name="progress"] { position: absolute; z-index: 1; text-align: center; width: 100%; margin: 0.333em 0 0 0; } /* LAYER - show print data (list of upload files) */ #win_UploadFilesLayer_content .layerContent { margin-bottom: 0; } .uploadFiles__file { margin: 8px 0; cursor: pointer; } .uploadFiles__file:last-of-type { margin-bottom: 0; } /* LAYER - upload file preview */ .upload_preview_page { background: #d1dded; } #Upload_FilePreview.layerContent { padding: 1px 0; } .upload_preview_page__image { height: 400px; padding: 30px; display: flex; } .upload_preview_page__imagewrap { position: relative; width: 100%; height: 100%; } .upload_preview_page__format { background: transparent; box-sizing: border-box; border: 1px dotted #006cdb; } .upload_preview_page__bleed { background: transparent; box-sizing: border-box; border: 1px dotted #E6071A; } /* pagination */ .upload_preview_page__controls { width: 100%; background: #003399; padding: .7em 0; height: 2em; margin: 0; text-align: center; bottom: 0; display: flex; justify-content: center; align-items: center; } .upload_preview_page button { outline: 0; border: 0; } .upload_preview_page__button { background-color: #d0dced; color: #003399; border-radius: .3em; border: 1px solid #d0dced; font-weight: 400; height: 1.75em; line-height: 1.8em; padding: 0 0.6em; margin: 0 .15em; white-space: nowrap; cursor: pointer; width: 1.75em; padding: .1em; } .preview__button--large { width: 2.5em; } .upload_preview_page__button:hover { background-color: #003399; border: 1px solid #fff; color: white; } .upload_preview_page__button svg { width: 100%; height: 100%; fill: #039; color: #039; } .upload_preview_page__button:hover svg { fill: #fff; color: #fff; } .upload_preview_page__button-static { background-color: #d0dced; color: #003399; border-radius: .3em; margin: 0 .15em; padding: 0 1em; line-height: 2.1em; } .upload_preview_page__button[disabled] { background-color: #567cbf; pointer-events: none; } /* datasheet, legend */ .upload_preview_page__info { box-sizing: border-box; margin: 10px; padding: 10px; background: #fff; color: #000; } .upload_preview_page__datasheet { font-size: inherit; border-bottom: 1px solid #000; padding-bottom: 8px; margin-bottom: 10px; } .upload_preview_page__datasheet figcaption { font-size: inherit; margin-top: initial; } .upload_preview_page__legend { display: flex; align-items: center; } .upload_preview_page__icon { display: inline-block; width: 1em; height: 1em; margin-right: 7px; } .upload_preview_page-icon--format { background-color: #E6071A; } .upload_preview_page-icon--bleed { background-color: #006cdb; } .filecheck-list { margin-top: 5px; } .filecheck-item { display: flex; margin-bottom: 5px; } .filecheck-item div:first-of-type { width: 32%; } .upload_preview_page-ok { color: #00BE00; } .upload_preview_page-fail { color: #E70810; } /* buttons */ .Upload_FilePreview__buttons { float: left; width: 100%; } /********************************/ /*** 10 REGISTER/PROFILE EDIT ***/ /********************************/ main#Reg { box-sizing: border-box; float: left; margin: 0 auto; max-width: 1600px; width: 100%; } .leftColumn{ width: 49%; float: left; min-width: 470px; } .rightColumn{ width: 49%; float: right; min-width: 470px; } .middleColumn { box-sizing: border-box; -moz-box-sizing: border-box; width: 49%; margin: auto; min-width: 440px; padding: 15px; text-align: left; margin-bottom: 0.917em; } .middleColumn.width100pr{ width:100%; } .middleColumn.lightBlue_bg ~ .middleColumn{ padding:0; } .middleColumn ~ .middleColumn.lightBlue_bg{ padding:15px; } #Reg label, #Reg input { float: left; } /* info icon */ #Reg .formLine .infoIcon { margin-top: 0; } #Reg .infoIcon::after { margin-left: 0; } /* legal notes */ .legalNotes { margin-top: 1.25em; } .legalNotes p { text-align: justify; margin-top: 0.75em; } .legalNotes .selectLine:nth-child(1) label { margin-bottom: 0.75em; } /* button */ #Reg_register_Btn { margin-top: -2.6em; } /* service text */ #Reg_conditionsAffiliate_Check { float: left; margin-right: 4px; } .left#register { float: left; margin-top: 12px; margin-bottom: 0px; } .right#register { float: right; margin-top: 12px; margin-bottom: 0px; } #content #register div { text-align: left; } #content .item.itemregister { height: 45px; } #content .item { position: relative; height: 50px; width: 470px; } #register.right .item, #register.left .item { height:45px; } #content .item select { color: #000000; } #content .item select#sel_branche[disabled=""], #content .item select#sel_rform[disabled=""] { color: #AAAAAA; } /* checkbox hide Upgrade-Layer */ .hideUpgradeLayer { height: 14px; width: 464px; margin-bottom: 31px; position: relative; } .hideUpgradeLayer div { position: absolute; bottom: 0; margin-bottom: -10px; } #content .hideUpgradeLayer label { top: -7px; margin-left: 3px; } .profile_edit #register label { position: absolute; top: -15px; left: 0px; white-space: nowrap; color: #003399; } #content #sms { float: right; } #content #sms_vorwahl { float: right; } #register.left { float: left; margin-bottom: 0; margin-top: 12px; } #register.right { float: right; margin-bottom: 0; margin-top: 12px; } #content .item select { color: #000000; } .col40pCenter_fname { left: 92px; position: absolute; width: 187px; } .col40pRight_lname { position: absolute; right: 0; width: 187px; } .col50pCenter { left: 92px; position: absolute; width: 230px; } .col30pRight { position: absolute; right: 0; width: 144px; } .col80pLeft { left: 0; position: absolute; width: 378px; } .col20pRight { position: absolute; right: 0; width: 88px; } #content .item .flag { left: 0; position: absolute; top: 0; } #content #Reg .item .flag { top: 14px; } #flag { border: 1px solid #7BB1E4; height: 18px; } .col40pLeft { left: 0; position: absolute; width: 149px; } .col60pRight_ort { position: absolute; right: 0; width: 317px; } .col60pRight { position: absolute; right: 0; width: 317px; } #content #smslabel.checkAndRadioLabel { font-weight: normal; position: relative; top: -14px; } #content .checkAndRadioLabel { font-weight: normal; position: relative; top: -3px; padding-left: 3px; } .inner_checkbox { padding-top:3px; } .reg_1row a{ padding-left: 0px; } #content .item .flag label { left: 34px; position: absolute; top: -15px; white-space: nowrap; } #content .item .flag .input113 { left: 36px; position: absolute; } #sms { margin-top: -15px; } #sms label[for="infosms"] { top: 0px !important; } #Reg label[for="birth_d"], #Reg label[for="kunde"] { line-height: 14px; width: 470px; } #Reg label[for="languages"] { width: 120px; } #Reg label[for="birth_d"] ~ div, #Reg label[for="kunde"] ~ div, #Reg label[for="hnr"] ~ div { top: 14px; } #Reg label[for="ort"], #Reg input[name="ort"] { clear: both; } /* CH */ .col40pCenter { left: 153px; position: absolute; width: 169px; } .col30pRight_sprache { position: absolute; right: 0; width: 144px; } .country_IT .col30pRight_sprache .selectboxit-container { width: auto; } .col20pLeft select.col100p { width: 470px !important; } .col20pLeft select { height:20px; } /*DK */ .col20pMiddle { left: 237px; position: absolute; width: 85px; } #content .item select#sel_rform { height:20px; width:470px; } /* FR */ .col50pRight_fr { left: 92px; position: absolute; width: 230px; } /* GB */ .col80pRight { position: absolute; right: 0; width: 378px; } #content .item .flag .input286 { left: 36px; position: absolute; } /* button regular + affiliate registration */ .regularRegisterBtn, .affiliateRegisterBtn, .profilEditBtn, .changePwdBtn, .editPaymentDataBtn { clear: both; position: relative; float: right; margin-top: -45px; } .changePwdBtn { bottom: 45px; } .editPaymentDataBtn { bottom: 90px; } .regularRegisterServicebox, .affiliateRegisterServicebox, .regularProfilEditServicebox, .affiliateProfilEditServicebox { float: left; text-align: left; margin-top: 5px; margin-bottom: -3px; _margin-bottom: -4px; width: 963px; } .affiliateRegisterServicebox input { float: left; margin: -3px 3px 0 0; height: auto; } /* grey font optional input/select */ .grey .selectboxit-text[data-val="0"], ul[id^="birth_"] li[data-val="0"] a { color: #AAA; } #content #register input.grey.active, #content .formelement input.grey.active { color: #000000; } /* edit payment data page (profil edit) */ .payDataCol { padding: 12px 15px 15px; background-color: #D7E8F7; text-align: left; } .payItem { width: 440px; height: 34px; position: relative; } #paymentDataPage .col33pLeft { width: 144px; position: absolute; left: 0; float: left; } #paymentDataPage .col33pMiddle { width: 148px; position: absolute; left: 148px; float: left; } #paymentDataPage .col33pRight { width: 144px; position: absolute; left: 296px; float: left; } .payDataButtons { margin-top: 12px; } #paymentDataPage .col50pLeft { width: 218px; position: absolute; left: 0; float: left; } #paymentDataPage .col50pRight { width: 218px; position: absolute; left: 222px; float: left; } #editBankData #bankDataError { margin-bottom: -3px; margin-top: 12px; } /**************************/ /*** 11 FORGET PASSWORD ***/ /**************************/ section.forgot_pwd { width: 470px; background-color: #d7e8f7; margin: auto; } #loginform .formelement { height: 45px; padding-left: 15px; } #loginform .formelement label { float: left; margin-top: 15px; margin-top: 16px \0/; } section.formelement input, section.formelement select, .loginPage .itemlogin input, .loginPage .itemlogin select { float: left; height: 20px; margin-top: 1px; margin-top: 1px \0/; margin-bottom: 8px \0/; } /**************************/ /*** 12 CHANGE PASSWORD ***/ /**************************/ section.edit_pwd { width: 320px; background-color:#d7e8f7; margin:auto; } section.edit_pwd input { height:20px; } #loginform section.edit_pwd .formelement label[for*="pwd"] { margin-top: 14px \0/ important; } #loginform section.edit_pwd .formelement:nth-child(7) { height:35px; } /***************/ /*** 13 SEPA ***/ /***************/ div.sepalastschrift_print { margin-top: 5px; } #angebot .sepaHeadline { font-weight: bold; margin-bottom: 14px; } div.bankabbuchung, /* bankverbingung_user.tt */ div.sepalastschrift { height: 34px; width: 370px; } div.bankabbuchung label, /* bankverbingung_user.tt */ div.sepalastschrift label { display: block; } div.sepalastschrift div.left, div.sepalastschrift div.right { width: 183px; } div.bankabbuchung input { /* bankverbingung_user.tt */ display: block; width: 370px; } div.bankabbuchung, /* bankverbingung_user.tt */ div.sepalastschrift { height: 34px; width: 370px; } section.debitbutton { margin-top: 20px; } section.debitorder { background-color: #d7e8f7; margin: 0 auto; width: 400px; } section.debitorder p { font-size : smaller; margin-bottom: 13px; padding: 0; } .debitorder-break-login { padding-top: 12px !important; padding-top: 14px \0/ !important; margin-bottom: 0px !important; padding-left: 0px !important; } .debitorder-break-login a{ margin-bottom: 0px !important; padding-left: 0px !important; } section.debitorder div#padding.newsletter { padding: 15px; } /********************************************************/ /* 13 Angebot drucken / Abbuchungsauftrag drucken */ /********************************************************/ body#angebot { padding: 0 40px; color: #003399; text-align: left; margin: 18px 0px 0px; } body#angebot h2 { font-size: 11px; color: #00BE00; margin: 0; font-weight: normal; } body#angebot a { color: #003399; } body#angebot td { font-size: 11px; } /* Abstand Adressblock von oben*/ body#angebot td#adresse { padding-top: 0px; font-size: 9px; } body#angebot td#adresse p { margin-bottom: 10px; } body#angebot table { clear: both; } body#angebot #content { width: 590px; } body#angebot table#productDescriptionContent td { vertical-align: top; } body#angebot #captionfact { padding-left: 0px; } section#head p{ float: right; font-size:10px; font-weight:bold; } section#head span:first-child { color:#e31c19; } section#head .logo { padding: 10px 0; z-index: 10; } section.angebot_content #content-table { margin-top: 20px; border: 0; /* border ="0" in HTML 5 */ padding: 0px; /* cellpadding="0" in HTML5 */ border-collapse: collapse; /* cellspacing="0" in HTML 5 */ border-spacing: 0; /* cellspacing="0" in HTML 5 */ /* margin: 0 auto - waere ein align="center" in HTML 5 */ } section.angebot_content .angebot_header { width: 385px; vertical-align: top; } section.angebot_content .angebot_row { width:20px; } section.angebot_content .angebot_adresse { width:135px; vertical-align: top; } section.angebot_content #angebot_facts { margin-top: 15px; border: 0; /* border ="0" in HTML 5 */ padding: 0px; /* cellpadding="0" in HTML5 */ border-collapse: collapse; /* cellspacing="0" in HTML 5 */ border-spacing: 0; /* cellspacing="0" in HTML 5 */ } section.angebot_content .angebot_summary { vertical-align: top; } section.directdebprint-header p { float: right; font-size:10px; font-weight:bold; } section.directdebprint-header span:first-child { color:#e31c19; } section.directdebprint-header .logo { padding: 10px 0; z-index: 10; } .directdebprint-content .innenabstand { margin-top: 50px; } section.directdebprint-content .bankabbuchung_print span { margin-left: 3px; } section.directdebprint-content .upperstrike { margin-left: 10px !important; border-top:solid 1px #ec3c12; } section.productdescription #content-table { text-align: left; border: 0; cellpadding:0; cellspacing:0; margin-top: 20px; } section.productdescription .proddescr { border: 0; cellpadding: 0; cellspacing: 0; margin-top: 15px; } .head-angebot { padding-top: 38px; padding-bottom: 10px; padding-bottom: 12px; z-index: 10; } .serviceline { float: right; font-size:10px; font-weight:bold; } .upperpoint { padding-left:3px; padding-right:1px; } #angebot #adresse p { margin-top: 0px; } /********************************************************/ /* 14 Textil printing area */ /********************************************************/ body #windowPrintingArea { padding: 0 40px; color: #003399; text-align: center; } body #windowPrintingArea.content { color: #003399; padding: 0 40px; margin: 8px; font-size: 11px; min-width: 400px; } body #windowPrintingArea.content .left { float: left; } body #windowPrintingArea.content .right { float: right; } #printingArea_pwLogo_Pic { margin-bottom: 20px; } #printingArea_pwLogo_Pic div#serviceblock { display: inline; float: right; width: 100%; } #printingArea_pwLogo_Pic #head p { font-size: 10px; float: right; } #printingArea_pwLogo_Pic #head div:last-child { padding: 10px 0 10px 40px; z-index: 10; } #printingArea_pdf div.left figure, #printingArea_pdf a.dataRequirements img { margin-right: 7px; } #printingArea_pdf div.left figure svg { height: 12px; width: 12px; } #printingArea_pdf a.dataRequirements { width: 120px; height: 24px; } #printingArea_pdf { line-height: 12px; margin-top: 20px; } /* SVG icon template*/ #printingArea_pdf .baseArea { fill: #003399; stroke: #003399; } /* notWhiteTextile */ #printingArea_pdf .baseArea .white { fill: #fff; } /********************************************************/ /* 14 Design selection */ /********************************************************/ body#design_selection { padding: 0 2.545em 0 3.636em; color: #003399; text-align: left; margin: 18px 0 0; } #design_selection #serviceblock { float: right; width: 100%; } #design_selection #head p { font-size: 10px; float: right; } #design_selection #serviceblock span:first-child { color: #E31C19; } #design_selection #head div:last-child { margin: 0.909em 0; z-index: 10; } #design_selection section{ margin-top: 1.818em; } .designIcons{ margin-top: 0.909em; } #design_selection .design_img{ margin-right: 0.455em; margin-top: 0.455em; float: left; } /********************************************************/ /* 15 Produktuebersicht */ /********************************************************/ div#pagetitleBarCenter { color: #003399; padding-top: 3px; } .product_overview_line { margin-bottom: 10px; text-align: left; float: left; } .product_overview_line div { float: left; } /* image */ .product_overview_line .producticon { width: 60px; text-align: center; margin-right: 5px; } /* offert */ .product_overview_line a.produktlink { text-decoration: none; color: #000; } .productOffert { max-width: 890px; } .productOffert a.produktlink b { margin: 0; font-size: 13px; text-align: left; float: left; } .productOffert a.produktlink span { padding: 0; text-align: left; float: left; } .productOffert ul { text-align: left; float: left; } .productOffert ul li { display: inline; margin-right: 2px; } .productOffert a { color:#00BE00; } .productOffert li a:hover { color: #003399; } /********************************************************/ /* 18 Kundenkonto gesperrt */ /********************************************************/ blockedAccount { background-color: #d7e8f7; width: 400px; padding-bottom: 10px; } /********************************************************/ /* 19 AGB drucken */ /********************************************************/ div.printinfo { margin: 10px; color: #003399; font-family: arial, sans serif; font-size: 12px; } div.printinfo h2 { font-size: 12px; margin: 0 0 3px 0; } div.printinfo h3, div.printinfo h4 { font-size: 12px; font-weight: bold; margin: 10px 0 3px 0; } div.printinfo #inform_desc_agbkundeninfo_GB table u{ font-weight: normal; font-size: 11px; margin-top: 3px; margin-bottom: 3px; color: #003399; } div.printinfo #inform_desc_agbkundeninfo_GB table { width: 100%; border: none; border-spacing: 0px; border-collapse: collapse; border: 1px solid #003399; } div.printinfo #inform_desc_agbkundeninfo_GB table th{ width: 50%; height: 30px; border: 1px solid #003399; } /*table*/ #inform_desc_agbkundeninfo_GB table u { font-weight: normal; font-size: 11px; margin-top: 3px; margin-bottom: 3px; } #inform_desc_agbkundeninfo_GB table { width: 100%; border: none; border-spacing: 0px; border-collapse: collapse; border: 1px solid #000000; } #inform_desc_agbkundeninfo_GB table th { width: 50%; height: 30px; border: 1px solid #000000; } /********************************************************/ /* 20 Proof */ /********************************************************/ /* no Flash Hinweis */ #flashcontent .center, #flashcontent .center a { width:180px; margin-left:auto; margin-right:auto; font-size: 11px; line-height: 19px; color: #003399; padding-left: 0px; text-align: center; text-decoration: none; } .flashcontent-padding1 { margin-top: 40px; } .flashcontent-padding2 { margin-top: 20px; } /* Screenproof im html Format */ .screenproof-pw-html { background-color: #FF3300; color: #ffffff; } .screenproof-pw-html a { color: #ffffff; } .screenproof-html-table1 { width: 100%; } .screenproof-html-table2 { border: 0px; width: 978px; margin: 0 auto; } .screenproof-html-table2 tr:first-child { height: 30px; padding-bottom: 18px; } .screenproof-html-table2 tr:nth-child(2) td { margin: 0 auto; width: 100%; height: 450px; } .screenproof-html-table2 tr:nth-child(3) td { text-align: center; width: 32%; height: 30px; } .screenproof-html-table2 tr:nth-child(4) td { text-align: center; padding: 18px; width: 32%; height: 30px; } .screenproof-html-table2 tr:nth-child(5) td { text-align: center; width: 32%; height: 30px; } div.proofimage { border-width: 1px; border-style: solid; padding: 18px; text-align: center; } /********************************************************/ /* 22 Order gesperrt */ /********************************************************/ .blockedAccount { background-color: #D7E8F7; } /********************************************************/ /* 23 Order ok */ /********************************************************/ div.order_ok_left { background-color: #D7E8F7; float: left; margin-left: 0; width: 470px; } div.order_ok_right { background-color: #D7E8F7; float: right; margin-right: -1px; width: 470px; height: 240px; } div.order_ok_button_left { float: left; margin-left: 0; width: 470px; } .left.smallWidth.leftMargin{ width: 104px !important; } .left.smallWidth.leftMargin1.text { width: 109px !important; } .left.bigWidth.text { width: 165px !important; } /********************************************************/ /* 26 Gateway */ /********************************************************/ .gateway_layer { width: 100%; height: 347px; position: absolute; z-index: 10001; top: 202px; } #gateway { width: 712px; height: 500px; margin: auto; position: relative; } #gateway a:hover { text-decoration: none; } #Head_goToPw_Link { width: auto; height: 68px; background-color: #2651A8; padding: 10px 20px; position: relative; } #Head_goToPw_Link:hover { background-color: #003399; cursor: pointer; } #Head_goToFD_Link { width: auto; height: 68px; background-color: #0091D7; padding: 10px 20px; position: relative; margin-top: 18px; } #Head_goToFD_Link:hover { background-color: #007DC4; cursor: pointer; } #Head_goToDDK_Link { width: auto; height: 68px; background-color: #2f6891; padding: 10px 20px; position: relative; margin-top: 18px; } #Head_goToDDK_Link:hover { background-color: #092959; cursor: pointer; } #Head_goToUSS_Link { width: auto; height: 68px; background-color: #203377; padding: 10px 20px; position: relative; margin-top: 18px; } #Head_goToUSS_Link:hover { background-color: #1b2b65; cursor: pointer; } #gatewayLogoPw { background-repeat: no-repeat; width: 224px; height: 41px; margin-right: 30px; margin-top: 13px; float: left; } #gatewayLogoeasyprint { background-repeat: no-repeat; width: 221px; height: 68px; float: left; margin-right: 33px; } #gatewayLogoeasyprinting { background-repeat: no-repeat; width: 240px; height: 54px; float: left; margin-right: 30px; margin-top: 4px; } #gatewayLogoddkprintbig { background-repeat: no-repeat; width: 224px; height: 24px; float: left; margin-right: 30px; margin-top: 22px; } #gatewayLogoUpShop { background-repeat: no-repeat; width: 224px; height: 39px; float: left; margin-right: 30px; margin-top: 14px; } #gatewayStamp { background-color: #fff; border-radius: 40px; height: 72px; width: 72px; position: absolute; top: 8px; right: 20px; } #gatewayStamp > span { display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; height: 72px; font-weight: bold; line-height: 18px; width: 72px; } #Head_goToPw_Link #gatewayStamp > span { color: #2651A8; } #Head_goToPw_Link:hover #gatewayStamp > span { color: #003399; } #Head_goToDDK_Link #gatewayStamp > span { color: #2f6891; } #Head_goToDDK_Link:hover #gatewayStamp > span { color: #092959; } #Head_goToFD_Link #gatewayStamp > span { color: #0091d7; } #Head_goToFD_Link:hover #gatewayStamp > span { color: #007DC4; } #Head_goToUSS_Link #gatewayStamp > span { color: #203377; } #Head_goToUSS_Link:hover #gatewayStamp > span { color: #1b2b65; } .fi #gatewayStamp > span, .fr #gatewayStamp > span { font-size: 12px; } .no #gatewayStamp > span { font-size: 15px; } .gatewayText { color: #FFF; font-size: 15px; line-height: 22px; text-align: left; float: left; width: 340px; margin-top: -5px; } .gatewayText span { text-decoration: underline; } .it .gatewayText, .fr .gatewayText, .es .gatewayText, .en .gatewayText { font-size: 13px; } .pl .gatewayText, .nl .gatewayText { font-size: 14px; } .gatewaySloganText { font-size: 15px; color: #FFF; margin-top: 12px; text-align: left; white-space: nowrap; float: left; width: 340px; } .it .gatewaySloganText, .fr .gatewaySloganText, .fi .gatewaySloganText, .es .gatewaySloganText, .pt .gatewaySloganText { font-size: 11px; } .pl .gatewaySloganText, .el .gatewaySloganText, .hu .gatewaySloganText, .sl .gatewaySloganText { font-size: 12px; } .nl .gatewaySloganText, .cs .gatewaySloganText, .sk .gatewaySloganText { font-size: 13px; } .en .gatewaySloganText { font-size: 13px; } .gatewayNote { font-size: 10px; text-align: center; color: #000; margin-top: 15px; margin-left: auto; margin-right: auto; width: 712px; float: left; line-height: 14px; } #gateway a { cursor: default; } #Head_showGateway_Input { height: 13px; border: none; position: relative; } .gatewayNoteText { display: inline; margin-left: 6px; bottom: 2px; _bottom: -1px; position: relative; line-height: 11px; } /* SOCIAL MEDIA BUTTONS */ #socialBackground { width: 100%; height: 20px; position: absolute; top: 0; left: 0; z-index: 9001; } .socialMediaIcons { width: 963px; height: 20px; position: relative; top: 8px; margin-left: auto; margin-right: auto; } #Gateway_facebook_Icon { background-position: 0 0; width: 11px; height: 20px; display: block; float: left; margin-left: 10px; } #Gateway_google_Icon { background-position: -12px 0; width: 20px; height: 20px; display: block; float: left; margin-left: 10px; } #Gatway_linkedIn_Icon { background-position: -32px 0; width: 16px; height: 20px; display: block; float: left; margin-left: 10px; } #Gateway_twitter_Icon { background-position: -47px 0; width: 23px; height: 20px; display: block; float: left; margin-left: 10px; } #Gateway_xing_Icon { background-position: -70px 0; width: 17px; height: 20px; display: block; float: left; margin-left: 10px; } /********************************************************/ /* 28 Partnerprogramme */ /********************************************************/ .getColumnHeight { float:left; width: 963px; margin-top: 15px; } .blueContent { padding: 12px 15px 15px 15px; _width: 470px; } #affiliatePage h2 { margin-bottom: 6px; } #affiliatePage .rows { width: 470px; text-align: left; background-color: #D7E8F7; } #affiliatePage .rightColumn { width: 470px; } .affiliateIntro, .accountIntro { background-color: #D7E8F7; padding: 15px; text-align: left; } .stepName { color: #FFF; margin-top: 3px; margin-left: 5px; position: absolute; z-index: 10; _left: 0; } #affiliatePage h2.stepsHeadline { margin-bottom: 9px; } .stepsText { float: right; width: 315px; } /*** imgages steps ***/ .affiliateImg { min-height: 84px; position: relative; width: 100%; margin-bottom: 14px; } .stepsGraphic { width: 110px; min-height: 79px; height: 100%; _height: 84px; position: absolute; background-repeat: no-repeat; background-position: center; background-color: #00349a; border: 1px solid #7BB1E4; _position: relative; _float: left; } /*********************/ #affiliatePage li { list-style-type: none; } /***** formular ******/ .affiliateForm { margin-top: 9px; float: left; } #affiliatePage .left4 { margin-left: 4px; } .form88 { width: 88px; } .form172 { width: 172px; } .form180 { width: 218px; } /*********************/ #affiliatePage .headlineTop { margin-top: 9px; } .stepsHeadline a:hover { color: #000; } .stepsHeadline a.selected { text-decoration: underline; } /******************************************************/ /* 29 USt-IdNr. Layer */ /******************************************************/ /* Error-Meldung */ #ust_error { margin-top: 10px; } .ustLayer_subheadline { font-weight: bold; } /****************/ /*** 30 LAYER ***/ /****************/ /********************************/ /*** 30.2 LAYER - key account ***/ /********************************/ #win_key_account_content .KeyAcconutLayer_text p { margin: 12px 0 0 0; } /*************************/ /* 30.3 LAYER - Feedback */ /*************************/ .center_feedback_layer { height: 0px; margin: 0 auto; text-align: center; position: relative; z-index: 15000; } .feedback_layer_frame { position: absolute; } .feedback_layer { position: absolute; width: 380px; height:303px; visibility: hidden; z-index: 15000; background-color: #FFFFFF; border: 2px solid #D7E8F7; color: #003399; } .feedback_head_2 { background-repeat: no-repeat; height:154px; width: 375px; position: relative; } #feedback_layer .closeButton, #feedback_customer_layer .closeButton{ position:absolute; top:3px; right:3px; } .description_feedback { width: 350px; height: 35px; margin-left: 15px; text-align: left; margin-bottom: 1px \0/; margin-top: -2px; } html > body .description_feedback, x:-moz-any-link, x:default { margin-top: -3px; } .send_button_rider { position: relative; width: 380px; height: 18px \0/; } @media screen and (-webkit-min-device-pixel-ratio:0) { .send_button_rider { height: 18px; } } html > body .send_button_rider, x:-moz-any-link, x:default { margin-top: -1px; } .send_button_rider_1{ width: 117px; float: left; font-size:11px; text-align:left; margin-left:15px; } .send_button_rider_1 a{ width: 117px; display: block; cursor: pointer; height:18px; width: 117px; background-position: 0 0; background-repeat: no-repeat; } .send_button_rider_1 a:hover{ background-position: 0 -18px; } .send_button_rider_2{ width: 117px; float: left; } .send_button_rider_2 a{ background-position: -117px 0px; background-repeat: no-repeat; width: 117px; display: block; cursor: pointer; height: 18px; } .send_button_rider_2 a:hover{ background-position: -117px -18px; } .send_button_rider_3{ width: 117px; float: left; text-align:right; } .send_button_rider_3 a{ display: block; cursor: pointer; height: 18px; width: 117px; background-position: -234px 0px; background-repeat: no-repeat; } .send_button_rider_3 a:hover{ background-position: -234px -18px; } .send_textarea_rider { background-color:#D7E8F7; margin-left: 15px; position: relative; height:154px; width: 350px; } html > body .send_textarea_rider, x:-moz-any-link, x:default { margin-top: 18px; } .send_button_feedback a{ background-color:#003399; color:#FFFFFF; display:block; font-size:12px; font-weight:bold; line-height:1.8; text-align:center; text-decoration:none; width:350px; cursor: pointer; height:20px; position: relative; margin:10px 0 0 15px; } .send_button_feedback a:hover{ background-color:#FFB64A; color:#FFFFFF; display:block; text-decoration:none; } #feedback_textarea_1, #feedback_textarea_4{ position:absolute; left:7px; height: 140px; width:337px; padding:5px 7px; margin:7px 0 0 0; } #feedback_textarea_2 { position:absolute; left:7px; height: 71px; width:337px; margin:7px 0 0 0; padding:5px 7px; } #feedback_textarea_3 { position: absolute; left:7px; height: 70px; width:337px; margin:77px 0 0 0; padding:5px 7px; } .center_feedback_customer_layer{ width: 726px; height: 0px; margin: 0 auto; text-align: center; position: relative; z-index:10000; } .feedback_head_2_customer{ width: 321px; height: 140px; position: relative; } .feedback_customer_head{ margin-left: 512px; } .feedback_customer_layer_body{ background-repeat: no-repeat; height: 205px; width: 325px; position: absolute; } .feedback_customer_layer { position: absolute; width: 380px; height:195px; visibility: hidden; z-index: 10000; background-color: #FFFFFF; background-repeat: no-repeat; border: 2px solid #D7E8F7; color: #003399; font-family:arial,sans-serif; } .feedback_form_left{ float: left; text-align: left; font-weight: bold; } .feedback_background{ border-top:1px solid #003399; background-color: #D7E8F7; height:94px; margin-left: 15px; position: relative; width: 350px; } .feedback_anrede { float: left; text-align: left; margin:6px 0 0 7px; } .feedback_vorname span{ margin-left: -23px; } .feedback_vorname { text-align: left; margin:6px 0px 0 3px; float: left; } .feedback_vorname input{ margin-left: 0px; } .feedback_nachname { text-align: left; margin:6px 7px 0 0px; float: right; } .feedback_telefon { text-align: left; float: left; margin: 10px 6px 0px 0px; } .feedback_mail { float: left; text-align: left; margin: 10px 3px 0px 7px; } .feedback_anrede select, .feedback_vorname input, .feedback_nachname input, .feedback_mail input, .feedback_telefon input { margin-top: 2px \0/; } .button1_inactive{ background-position: 0 0 !important; } .button1_active{ background-position: 0 -18px !important; } .button2_inactive{ background-position: -117px 0px !important; } .button2_active{ background-position: -117px -18px !important; } .button3_inactive{ background-position: -234px 0px !important; } .button3_active{ background-position: -234px -18px !important; } /*warenkorb [i]*/ .overlay_tooltip_pw_title.title_window, #overlay_sc_tooltip_4551975_content { text-align: left; } div.productDescriptionLabel { text-align: left; float: left; width: 200px; margin-top: 1px; } div.productDescriptionContent { float: left; text-align: left; width: 100%; } table#productDescriptionContent { margin-top: 10px; text-align: left; } table#productDescriptionContent td { border: 0px; font-size: 12px; font-weight: normal; color: #003399; background-color: #d7e8f7; padding: 0px 5px 0px 0px; vertical-align: top; } /*************************/ /*** 30.4 LAYER - help ***/ /*************************/ .help_layer { position: absolute; width: 294px; height: 230px; top: 94px; left: 20px; visibility:hidden; z-index:1000000; } .help_layer_frame { position: absolute; width: 294px; height: 230px; top: 94px; left: 20px; border: none; visibility: hidden; } .center_helplayer { width: 726px; height: 0px; margin: 0 auto; text-align: center; position: absolute; z-index:1000000; } .help_layer_border { border: 2px solid #D7E8F7; } .help_layer_close { position: absolute; top: 10px; right: 6px; _right: 8px; } .freechat_link { position: absolute; top: 147px; left: 22px; } .mail_faq_link { position: absolute; top: 202px; left: 120px; } .box_underlined_Chat { position: absolute; top: 147px; left: 22px; display: block; height: 17px; width: 160px; } .box_underlined_CallBack { position: absolute; top: 168px; left: 22px; display: block; height: 17px; width: 160px; } .box_underlined_Email { position: absolute; top: 187px; left: 148px; display: block; height: 12px; width: 29px; border-bottom: 1px solid #003399 } .box_underlined_FaQs { position: absolute; top: 199px; left: 121px; display: block; height: 12px; width: 29px; border-bottom: 1px solid #003399; } /******************************/ /*** 30.6 LAYER - Livetour ***/ /******************************/ div#livetour_main_layer { background-color: #FFFFFF; display: none; height: 380px; position: absolute; width: 360px; z-index: 10000; } #livetour_main_layer .closeButton{ position:absolute; top:5px; right:-1px; } #webcam { color: #003399; font-size: 11px; width: 375px; height: 370px; border: 0px; } #webcam a { color: #003399; font-family: arial; } img[alt="livetour_left"]{ float:left; margin-left: 2px; margin-top: -3px; } img[alt="livetour_right"]{ float: left; margin-left: 0px; margin-top: -3px; position: relative; } div[alt="livetourbottom"]{ width: 371px; height :63px; margin-left: 2px; margin-top: -4px; float: left; } div#TblWebLinks { margin-top: 15px; width: 364px; } .livetourjava { height: 240px; width: 320px; } .livetourjavatext { padding-top: 95px; text-align: center; } /******************************************/ /*** 30.7 LAYER - one last question ... ***/ /******************************************/ #REG { position: absolute; top: 285px; left: 50%; z-index: 9020; display: none; margin-left: -190px; width: 380px; border: solid 2px #D7E8F7; background-color: #FFFFFF; background-repeat: no-repeat; color: #003399; text-align: left; font-size: 11px; font-family: arial, sans-serif; _top: 295px; } #REG_Banner { margin: 7px 15px; } #REG #REG_Content { margin: 0px 15px 10px 15px; padding: 3px 8px 10px 8px; background-color: #D7E8F7; border-top: 1px solid #003399; } #REG p { margin: 0px 0px 12px 0px; } #REG #REG_Form { padding: 0px 5px 5px 5px; width: 334px; height: 55px; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; color: #AAAAAA; border: 1px solid #7bb1e4; } #REG_Buttons { margin: 0 15px 15px 15px; } /* + PAGER----NEW */ .pagination { display: flex; align-items: center; justify-content: center; width: 100%; float: left; } .pagination__number { margin-left: 0.167em; cursor: default; width: auto; min-width: 20%; padding: 0 1em; pointer-events: none; } a.pagination__icon, a.pagination__icon:hover { width: 20px; position: relative; color: #FFF; font-family: FontAwesome; margin-left: 0.167em; } .pagination--first::after { content: "\f048"; font-size: 0.9em; position: absolute; right: 0.5em; } .pagination--back::after { content: "\f04b"; font-size: 0.9em; position: absolute; right: 0.5em; transform: scaleX(-1); } .pagination--next::after { content: "\f04b"; font-size: 0.9em; position: absolute; right: 0.5em; } .pagination--last::after { content: "\f051"; font-size: 0.9em; position: absolute; right: 0.5em; } /*-------Including orderStep.css--------*/ /* * * * * * * * */ /* FileStructure */ /* * * * * * * * * 1 OPES 2 SHOPPING CART 3 OSCS 4 ORDER COMPLETE 5 MY ORDERS 6 UPLOAD 7 CARE&SHARE 8 TRACK > Pages Change and Cancel 9 UPGRADE - Layer 9.1 UPGRADE - standard 9.2 UPGRADE - without imprint 10 LAYER 10.1 LAYER - address edit + select (sender/delivery/split delivery/billing) 10.2 LAYER - paper proof 10.3 LAYER - delivery adjustment 10.4 LAYER - credit card error 10.5 LAYER - sepa confirmation 10.6 LAYER - upload 10.7 LAYER - collection 10.8 LAYER - one last question ... 10.9 LAYER OPES - tax audit delivery country 10.10 LAYER OPES - email 10.11 LAYER OSC - book type * * * * * * * * * */ /**************/ /*** 1 OPES ***/ /**************/ #orderform .column { width: 300px; position:relative; } #orderform .halfColumn { width: 148px; } #freeprintform textarea { width: 300px; } #orderform textarea { width: 299px; border: 1px solid #7bb1e4; } #orderform div, #orderform section, #freeprintform div { text-align: left; } #orderform .formHeadline { /* max column width minus info icon width */ width: 255px; } #orderform .formHeadline.halfColumn { /* max column width minus info icon width */ width: 126px; } .formLine__link--rightPos { position:absolute; float:right; right:2.167em; } section.itemOPES { height: 42px; } #content .item { position: relative; height: 50px; width: 470px; } section.item label { left: 0px; width: 299px; } #orderform label, #freeprintform label { text-align: left; } section.itemOPES #datenper, section.itemOPES #filecheckinf { float: right; margin-bottom: 2px; } section.itemOPES label[for*="filecheck"] { float: left; margin-top: 8px; } section.itemOPES label[for*="datenper"]{ float: left; margin-top: 8px; margin-top: 9px \0/; } /* IE10+ hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .itemOPES .infoIcon { margin-top: -2px; } } /* googleChrome + safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { .itemOPES .infoIcon { margin-top: -2px; } label[for="OPES_numberingStart_Input"] { margin-bottom: 2px; } } /* firefox hack because the browser can read hack before '@media screen and (-webkit-min-device-pixel-ratio:0)' */ @media screen and (min--moz-device-pixel-ratio:0) { label[for="OPES_numberingStart_Input"] { margin-bottom: 1px; } } input[name*="orderProductName"], textarea[name*="bemerkungen"] { margin-top: 1px \0/ !important; } textarea[id="comments"]{ height: 73px; position: relative; } select[id*="OPES_datatransfer_Select"] { clear: both; } select[id="filecheck"]{ clear: both; } section.itemOPES:nth-child(2) { margin-top: 3px; } section.itemOPES:nth-child(3){ margin-top: 11px; margin-top: 4px \0/; } .orderServiceHead { color: #FFB64A; font-size: 11px; } h3.orderServiceHead { margin-bottom: 11px \0/; } div#col-middle div.col-content { padding-left: 16px; } section#orderServiceBox { float: left; margin-top: -10px; width: 299px; border: 1px solid #FFB64A; padding-bottom: 1px; } .orderServiceRow { position:relative; float:left; /* fuehrt im IE zu Layout-Fehlern */ width: 293px; font-size: 11px; font-weight: normal; line-height: 10px; margin-bottom: 1px; } /* safari und chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ .orderServiceRow { margin-bottom: 2px; } } .orderServiceCell-1_sum input { border: 0; outline: none; } .orderServiceCell-1 { float:left; margin-left: 5px; margin-left: 3px \0/; margin-right: 2px; margin-top: 2px \0/; } .orderServiceCell-1_sum { float:left; margin-left: 0px; margin-right: 4px; border: none; } .orderServiceCell-2 { float:left; padding-top: 5px; } div#orderServices .orderServiceRow:last-child .orderServiceCell-2 { padding-top: 3px; } .orderServiceCell-2 label { position: relative; display: inline; } .orderServiceCell-2 label span{ position: absolute; top: -7px; right: -25px; bottom: 0px; } #orderServiceBox input { outline: none; } .orderServiceCell-3 { float:right; width: 20px; } .orderServiceCell-3 a { margin: 0px 3px 0px 0px; padding: 0px; } #orderform .checkbox, #freeprintform .checkbox { border: none; } .price_align_addonbox{ position: absolute; display: inline; right: 28px; top: 6px; } .orderServiceRow input#txtToken { height: 13px; width: 90px; border: 1px solid #003399; background-color: #FFF; font-size: 9px; margin-left: 5px; margin-right: 8px; margin-top: 2px; padding-bottom: 2px; } #buttons_fd { float: left; width: 299px; margin-top: 12px; } #orderServices { float:left; padding-top: 4px; padding-bottom: 0px; } .orderServices:last-child { padding-bottom: 0px; } #orderServiceText { margin-left: 5px; } div#col-left div.col-content, div#col-left div.innerBox, div#col-left colLeftProdExtras { float: left; margin-right: 15px; width: 300px; } #orderform .left.width100pr .left:nth-last-child(1) { margin-left: 2.833em; } /***********************/ /*** 2 SHOPPING CART ***/ /***********************/ #scScrollContainer { overflow:auto; } #orderTableFooter { float: left; width: 100%; position:relative; } table#orderTable, table#orderAmountTable { margin: 0px; padding: 0px; background-image: none; font-size: 11px; } td#orderAmountTd { border-top: 0 none; height: 51px; padding: 9px 5px; vertical-align: top; width: 183px; } /* IE 10+ */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { td#orderAmountTd { padding: 13px 5px; } } /* safari und chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ td#orderAmountTd { padding: 13px 5px; } } table#orderAmountTable { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #7BB1E4; border-image: none; border-style: none solid solid; border-width: 0 1px 1px; float: right; } table#orderTable{ width:100%; border: 1px solid #7bb1e4; } td#orderEndAmountTd { padding: 5px; } table#orderTable tr.statushead td, td#orderEndAmountTd { font-weight: bold; text-align: left; background: #d7e8f7; color: #003399; } .left-OSCsummary { float:left; } .right-OSCsummary { float:right; } table#orderTable .colOrderProduct, table#orderTable .colOrderProductName, table#orderTable .colOrderDateOfDelivery { width:180px; } table#orderTable .colOrderProductEdit { width:172px; } table#orderTable td.colOrderProduct, table#orderTable td.colOrderProductName, table#orderTable td.colOrderDateOfDelivery, table#orderTable td.colOrderProductEdit, table#orderTable td.colOrderProductPrice { text-align:left; } table#orderTable td { padding: 5px; background: #ffffff; } .colOrderProductSpecification, .colOrderProductSpecification_rowspan[rowspan="2"], .colOrderProductSpecification_rowspan[rowspan="3"], .colOrderProductSpecification_rowspan[rowspan="4"], .colOrderProductSpecification_rowspan[rowspan="5"], .colOrderProductSpecification_rowspan[rowspan="6"], .colOrderProductSpecification_rowspan[rowspan="7"], .colOrderProductSpecification_rowspan[rowspan="8"], .colOrderProductSpecification_rowspan[rowspan="9"], .colOrderProductSpecification_rowspan[rowspan="10"] { vertical-align: top; } td.colOrderProductSpecification_rowspan[rowspan="2"] ~ td.colOrderProductSpecification, td.colOrderProductSpecification_rowspan[rowspan="3"] ~ td.colOrderProductSpecification, td.colOrderProductSpecification_rowspan[rowspan="4"] ~ td.colOrderProductSpecification, td.colOrderProductSpecification_rowspan[rowspan="5"] ~ td.colOrderProductSpecification, td.colOrderProductSpecification_rowspan[rowspan="6"] ~ td.colOrderProductSpecification, td.colOrderProductSpecification_rowspan[rowspan="7"] ~ td.colOrderProductSpecification, td.colOrderProductSpecification_rowspan[rowspan="8"] ~ td.colOrderProductSpecification, td.colOrderProductSpecification_rowspan[rowspan="9"] ~ td.colOrderProductSpecification, td.colOrderProductSpecification_rowspan[rowspan="10"] ~ td.colOrderProductSpecification { vertical-align: middle; } td#colOrderProductEdit[rowspan="2"], td#colOrderProductEdit[rowspan="3"], td#colOrderProductEdit[rowspan="4"], td#colOrderProductEdit[rowspan="5"], td#colOrderProductEdit[rowspan="6"], td#colOrderProductEdit[rowspan="7"], td#colOrderProductEdit[rowspan="8"], td#colOrderProductEdit[rowspan="9"], td#colOrderProductEdit[rowspan="10"] { vertical-align: top; } .colOrderProduct_Specification { font-size: 9px; margin-top: 6px; } table#orderTable td, td#orderEndAmountTd { border: 1px solid #7bb1e4; } td#orderAmountTd { border-left: 1px solid #7bb1e4; border-right: 1px solid #7bb1e4; border-bottom: 1px solid #7bb1e4; } div #colOrderProduct { float: left; height: 18px; line-height: 22px; width: 85%; } #colOrderProductEdit a { cursor: pointer; text-decoration:none; } #colOrderProductEdit img { margin-right: 2px; } /* icons @ track + osc */ #OSCLine_VATProduct_Icon svg{ height:0.9em; width:initial; } #editCellColumn svg{ margin-top:0.25em; } #TrackLine_previewFDProduct_Icon svg, #Track .thumbnail.toolIcon svg, #TrackLine_careAndShare_Icon svg, #TrackLine_dataInputPass_Icon svg{ height:1.1em; width:initial; margin-top:0.35em; } #TrackLine_dataInputFail_Icon svg{ height:1em; width:initial; margin-top:0.35em; } /* edit icon oscs */ .toolIcon--blink:not(:hover) { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: blink; animation-name: blink; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes blink { 0%, 50% { background-color: #003399; } 50.1%, 100% { background-color: #FFB64A; } } @keyframes blink { 0%, 50% { background-color: #003399; } 50.1%, 100% { background-color: #FFB64A; } } div#csBanner { position: absolute; display: block; float: left; height: 101px; width: 756px; bottom: 0; } #csBanner .csBannerHeadline, #csBanner .csBannerSubline { width: 560px; font-family: Times,"Times New Roman",serif; font-weight: normal; font-size: 21px; color: #003399; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; margin-left: 130px; } #csBanner .csBannerHeadline { position: absolute; top: 25px; } #csBanner .csBannerSubline { position: absolute; bottom: 25px; font-size: 17px; width: 460px; } #csBanner .csBannerSubline span { font-size: 21px; color: #E70810; } a#csButton { position: absolute; right: 10px; bottom: 10px; width: 150px; } div#orderShoppingCartButtons { float: left; margin-top: 10px; width: 963px; } #orderAmountTd .divRow { margin-top: 10px; } #orderAmountTd .divRow:first-child { margin-top: 0; } div#orderAmountDiv { float: right; margin-top: -1px; } div.amountLabel { float: left; width: 100px; text-align:left; } #colOrderProductName { float: left; } .colOrderProductName img { float: right; margin-top: -3px; } .overlay_tooltip_pw_close{ position:absolute; top:6px; right:6px; } #OSC_printProductDescription_Link{ position:absolute; right:2.5em; top:0.833em; } #OSC_printProductDescription_Link svg{ fill:#003399; height:1.167em; width:initial; } /* player ID layer */ .DefIDLayer__form { float: left; background-color: #d7e8f7; padding: 7px; border-top: 1px solid #039; width: 100%; box-sizing: border-box; } #DefID_fontColor_SelectSelectBoxItContainer { width: 100%; } .DefIDLayer__button { width: 100%; float: left; margin-top: 10px; } /**************/ /*** 3 OSCS ***/ /**************/ #OSCS_voucherCode_Input { width: 120px; margin-left: 4px; margin-top: -5px; top: 0; } #OSCS_checkVoucherCode_Link { cursor: pointer; } /* credit/bank data inputs */ #creditCardInput, #bankData, .payPalCheckbox { width: 425px; margin-left: 20px; position: relative; } .threeFieldsPay { width: 139px; } #payment_types #creditDataInput input#OSCS_saveCreditData_Check, #payment_types #bankDataInput input#OSCS_saveBankData_Check { margin-top: 1px; } #PayData_accountHolder_Input { margin-right: 4px; } #creditDataInput, #bankDataInput { height: 42px; margin-top: 6px; } #creditDataInput #Global_cardNumber_Input { width: 174px; margin-right: 4px; } .de #creditDataInput #Global_cardNumber_Input, .sv #creditDataInput #Global_cardNumber_Input { width: 176px; } .fi #creditDataInput #Global_cardNumber_Input { width: 161px; } .en #creditDataInput #Global_cardNumber_Input { width: 185px; } #creditDataInput input.active, #bankDataInput input.active { color: #000; } #cardValidity { float: right; } #valid { float: left; margin-top: 2px; } #creditCardInput #Global_cardValidityMonth_Select, #creditCardInput #Global_cardValidityYear_Select { float: left; } .saveData { font-size: 11px; } div#payment_types .saveData label, div#payment_types .confirmMandat label, div#payment_types .payPalCheckbox label { font-weight: normal; position: absolute; margin-top: 4px; margin-left: 6px; } #creditCardStored span, #bankDataStored span { font-weight: bold; } .confirmMandat { float: left; margin-top: -3px; } div#payment_types .confirmMandat { margin-bottom: 6px; } .confirmMandat label { font-size: 11px; } .confirmMandat a { white-space: nowrap; } #creditCardStored { float: left; margin-top: 3px; } #validStored { height: 22px; clear: both; } .storedLine { width: 425px; height: 22px; float: left; } #creditCardError, #bankDataError { float: left; } div#payment_types #creditCardError, div#payment_types #bankDataError { margin-bottom: 5px; margin-top: 3px; } #payment_types #Global_saveCreditData_Check, #payment_types #Global_saveBankData_Check { margin-top: 3px; margin-left: 0; } #payment_types #OSCS_confirmMandate_Check { margin-left: 0; } /* layer CVC */ #cardSecurityCode { float: left; margin-bottom: 0px; } #cardSecurityCode .headline { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; margin-bottom: 9px; } #visaMasterCard { margin-top: 10px; float: left; } .paymentCardBack { background-position: 0 0; background-repeat: no-repeat; width: 143px; height: 94px; float: left; margin-top: 15px; } #OSCS_printProductDescription_Link{ position:absolute; right:2.5em; top:0.833em; } #OSCS_printProductDescription_Link svg{ fill:#003399; height:1.167em; width:initial; } .upperbox { position:relative; float:left; width:962px; } .upperbox section#col-left { position:relative; width:470px; border:0px; float: left; } .upperbox section#col-right { float:left; width:470px; border: none; } .upperbox #col-right .col-content{ float:left; margin-left:21px; } .underbox { position:relative; float:left; padding-top:12px; width:962px; } .underbox section#col-left { position: relative; width: 470px; border: none; float: left; } .underbox section#col-right { float:left; width:470px; } .upperbox #col-left .col-content, .underbox #information{ margin-right:0px; } .upperbox .orderServiceCell-3 a{ margin: 0 0 0 0; padding: 0; } .upperbox .price_align_addonbox{ right:24px; top: 5px; position: absolute; } .upperbox div.orderServiceRow{ width:470px; } .underbox #payment_types { position: relative; float: left; width: 470px; } section.underbox #information{ position:relative; float:left; margin-left:21px; width: 470px; text-align:left; _margin-left:7px; } #information #orderShoppingCartContainer{ margin-top: 9px; margin-bottom:9px; width: 470px; } #information .orderServiceRow { margin: 8px 0 0; } #information .orderServiceRow .orderServiceCell-2 { padding-top: 0; } .upperbox #orderServices{ padding-top: 0px; padding-bottom: 7px; } #col-left section[class="headlineOSCS"] { margin-bottom: 9px; } .upperbox .orderServiceCell-2 { padding-left: 4px; } .upperbox #printlink { width: 380px; padding-top: 0px; } .address_notiz { width: 470px; } #billingAddressContainer { clear: both; margin-top: 9px; margin-bottom:9px; width: 300px; } #credit_edit, #dba_edit { display: none; } label[for*="cb_nachnahme_b"], label[for*="cb_nachnahme_s"] { text-decoration:none; font-size:9px; } input.pw_pagesiegel { border-style: none; width: 52px; height: 52px; outline: none; } html > body #content .underbox input[type="radio"] { margin: -1px 3px 0px 0px; height: 17px; margin-left: 3px \0/; padding-right: 0px \0/; background-color: rgb(215, 232, 247); } /* IE 10+ hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { html > body #content .underbox input[type="radio"] { background-color: transparent; } } /* shipment options */ .shipmentOpt { position: relative; float: left; width: 470px; margin: 0 0 18px 0; } .shipmentOpt__header { margin: 0 0 9px 0; } .shipmentOpt__row { height: 22px; clear: both; } .shipmentOpt__row--indent { margin: 0 0 0 20px; } .shipmentOpt--exceptPos { line-height: 1.4; } .shipmentOpt__radio { margin: 0 7px 0 0 !important; } .shipmentOpt__price { position: absolute; float: right; right: 24px; margin: 3px 0 0 0; } /* ** 4 OC */ #OC p a{ padding:0; } /*******************/ /*** 5 MY ORDERS ***/ /*******************/ #Track { width: 99.8%; text-align: left; } .myOrdersHeadlines label, .myOrdersHeadlines b { height: 25px; font-size: 12px; line-height: 2; font-weight: bold; color: #003399; background-color: #d7e8f7; border-bottom: 1px solid #7bb1e4; float: left; padding-left: 0.5em; width: 94%; } .myOrdersHeadlines .orderCell label { width: 98%; } .myOrdersHeadlines .OrderStatusCell label { width: 97.6%; } .myOrdersHeadlines .EditCell b { width: 98.4%; } .myOrdersHeadlines > div { height: 54px; } .myOrder_content_line a:not(.toolIcon), .myOrder_content a:not(.toolIcon), .myOrder_content_line span, .myOrder_content span, .orderCellTxt{ margin: 0.25em; margin-left: 0.4em; } .myOrder_content_line span, .myOrder_content span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } .myOrder_content_line #editCellColumn a, .myOrder_content #editCellColumn a, .myOrder_content_line .OrderStatusCell a, .myOrder_content .OrderStatusCell a{ margin-top:0.25em; margin-left:0; } .myOrder_content_line .EditCellIcons, .myOrder_content .EditCellIcons{ margin-left:4px; } .myOrder_content_line span, .myOrder_content span { line-height: 2.1; } .myOrder_content_line .OrderStatusCell span, .myOrder_content .OrderStatusCell span{ line-height:1.8; } .myOrder_content_line .orderCell a, .myOrder_content .orderCell a, .orderCellTxt { line-height: 1.9; } .orderCell a.infoIcon { line-height: 1.6; } .myOrdersHeadlines, .myOrder_content, .myOrder_content_line { width: 99.6%; border: 3px double #7bb1e4; } .myOrder_content { border-bottom: none; border-top: none; } .myOrder_content_line { border-top: none; } /* if last div is myOrder_content you need border-bottom style */ #myOrdersContent section:last-child > div:nth-last-of-type(2):not(.myOrder_content_line) { border-bottom: 3px double #7bb1e4; } #myOrdersContentHide > div:nth-last-of-type(1):not(.myOrder_content_line) { border-bottom: 3px double #7bb1e4; } #myOrdersContentHide > div:nth-last-of-type(1):not(.EditCell) { border-bottom: 3px double #7bb1e4; } .myOrder_content_line > div, .myOrder_content > div { height: 27px; } .orderCell, .OrderStatusCell, .DeliveryCell, .EditCell { border-left: 3px double #7bb1e4; } .orderNumberCell { width: 10%; } .orderCell { width: 30%; } .OrderStatusCell { width: 28%; } .DeliveryCell { width: 10%; } .EditCell { width: 20.4%; } /* input icon */ #myOrdersContent input { padding-left: 0.4em; margin: 0.4em; } /* placeholder */ :placeholder-shown { /* future declaration all browser ! */ color: #aaa; opacity: 1; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #aaa; opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: #aaa; opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ color: #aaa; opacity: 1; } .error:placeholder-shown { /* future declaration all browser ! */ color: #E70810 !important; } .error::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #E70810 !important; } .error::-moz-placeholder { /* Firefox 19+ */ color: #E70810 !important; } .error:-ms-input-placeholder { /* IE 10+ */ color: #E70810 !important; } #Track_orderStatus_SelectSelectBoxItContainer { width: 99%; margin: 0.4em; } .input_icon { position: relative; color: #AAA; font-family: FontAwesome; float: right; right: 0; } .input_icon:hover { color: #AAA; } .search_icon::after { content: "\f002"; font-size: 0.9em; position: absolute; top: -21px; right: 7px; } /*** thumbnail blueprint ***/ .toolIcon.thumbnail img { position: absolute; background-color: #d7e8f7; padding: 10px; display: none; z-index: 1000; margin: 10px 0 0 10px; } .toolIcon.thumbnail:hover img { display: block; } /* blueprints */ .myOrder_blueprint_line .orderCell, .myOrder_blueprint_line .DeliveryCell { text-align: center; } /* tooltip */ #Track .ttContent.hover{ white-space:inherit !important; width:250px; } /*******/ table#userBalanceTable { margin: 0px; padding: 0px; width: 100%; border-collapse: inherit; border-spacing: 1px; empty-cells: show; border: 1px solid #7BB1E4; font-size: 12px !important; text-align: left; } table#userBalanceTable thead th, table#userBalanceTable thead td { font-weight: bold; color: #003399; background-color: #D7E8F7; } table#userBalanceTable thead th#colBalanceType { width: 140px; white-space: nowrap; } table#userBalanceTable thead th#colBalanceComment { width: auto; } table#userBalanceTable thead th#colBalanceValidity { width: 110px; white-space: nowrap; } table#userBalanceTable thead th#colBalanceCredit { width: 65px; white-space: nowrap; } table#userBalanceTable thead th#colBalanceClaimedCredit { width: 65px; white-space: nowrap; } table#userBalanceTable thead th#colBalanceComment2 { width: 160px; white-space: nowrap; } table#userBalanceTable th, table#userBalanceTable td { padding: 5px; border-color: #7BB1E4; border-style: solid; border-width: 1px; vertical-align: middle; } table#userBalanceTable a { line-height: 20px; } table#userBalanceTable td { font-size: 11px; } /* safari und chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ table#userBalanceTable td.emptyLine { height: 0px; } } #orderDetails { overflow:auto; margin-top: 0px; height: 392px; } table#orderDetailsTable{ /*width: 269px;*/ border: none; } section.detail #col-right { border:0px; } #balance_link_back a.button, #balance_link a{ background-color: transparent !important; font-size: 11px; font-weight: normal !important; line-height: 14px; color: #003399; } #Balance_backToOverview_Btn { color: #003399; text-decoration: underline; } #balance_link_back a.button:hover { text-decoration: underline; } div.bt_div a.btn { background-position: 0 0; background-repeat: no-repeat; float: left; height: 18px; width: 24px; } #orderDetailsTable td.orderdata_left { padding-right: 15px; } table#orderDetailsTable td { color: #002FA6; font-size: 11px; text-align: left; } table.pageNavigation { border: 1px solid #7BB1E4; border-collapse: inherit; border-spacing: 1px; empty-cells: show; font-size: 12px; margin: 25px 0; padding: 0; text-align: left; } table.pageNavigation { border-collapse: inherit; border-spacing: 1px; empty-cells: show; font-size: 12px; text-align: left; } #trackBottomPager td { border: 1px solid #7BB1E4; padding: 5px; text-align: center; vertical-align: middle; } #trackBottomPager td { text-align: center; } #trackBottomPager td { text-align: center; } #trackBottomPager td div img { border: medium none; margin-top: 4px; } #trackBottomPager td { border: 1px solid #7BB1E4; padding: 5px; text-align: center; vertical-align: middle; } div.priceAlignBox { text-align: right; } span.amountVal, span.currencySym, span.currencySymL, span.currencySymR { float: left; } /* thumbnail-Div */ div#preview { text-align: center; background-color: #d7e8f7; position: absolute; visibility:hidden; left: 0px; top: 0px; z-index:2; padding:0; } div#preview p, div#preview img { margin: 5px; } /********************/ /*** 7 CARE&SHARE ***/ /********************/ .order_step_customizing_box { /* width: 100%; */ background-color: #d7e8f7; text-align:left; padding: 10px 10px 10px 10px; } #order_step1_customizing { font-size: 12px; font-family: arial, sans-serif; border: 0px; width: 100%; } .order_step_customizing_head { height: 25px; valign: top; font-size:12px; } #order_step1_customizing tr:nth-child(2), #order_step1_customizing tr:nth-child(3), #order_step1_customizing tr:nth-child(4), #order_step1_customizing tr:nth-child(5), #order_step1_customizing tr:nth-child(6), #order_step1_customizing tr:nth-child(8) { height: 20px; } #order_step1_customizing .stroke { height: 1px; background-color: black; } .order_error { width:400px; background-color:#d7e8f7; } .order_step_customizing_box input[type="radio"] { height: 19px; } .order_step_customizing_box label { top: 4px; left: 4px; position: relative; } /*****************************************/ /*** 8 TRACK > Pages Change and Cancel ***/ /*****************************************/ #col-middle-only { background-color: #D7E8F7; width:350px; margin: 0px auto; text-align: left; } .innerBox { padding: 10px 6px; } .trackServiceHead { float:left; margin: 2px 5px 8px 9px; margin: 3px 5px 10px 9px \0/; height: 18px; font-weight: bold; display: block; width: 290px; } .trackServiceTT { float: right; margin-right: 9px; margin-top: 5px; } .trackServiceText { margin-bottom: 12px; margin-bottom: 14px \0/; /* margin-top:30px; */ margin-left: 9px; margin-right: 9px; } #col-middle-only .innerBox .button { width: 320px; margin-left: 9px; margin-right: 9px; } .btnCancelOrder a:nth-child(2) { margin-top: 10px; margin-bottom: 5px; } #creditDataInputCaS #Global_cardValidityMonth_Select, #creditDataInputCaS #Global_cardValidityYear_Select { float: left; } #creditDataInputCaS #bankDataInput input, #creditDataInputCaS #creditDataInput input { position: relative; color: #909090; top: 0; } #creditDataInputCaS, #bankDataInputCaS { margin-top: 9px; float: left; } #creditDataInputCaS input { color: #909090; } #creditDataInputCaS #Global_cardNumber_Input { width: 225px; margin-right: 4px; } .de #creditDataInputCaS #Global_cardNumber_Input, .sv #creditDataInputCaS #Global_cardNumber_Input { width: 232px; } .fi #creditDataInputCaS #Global_cardNumber_Input { width: 212px; } .en #creditDataInputCaS #Global_cardNumber_Input { width: 236px; } #printdataStorage_creditDataInput .saveData label, div#creditDataInputCaS .saveData label { font-weight: normal; font-size: 11px; left: 3px; top: -5px; position: relative; margin-left: 0px; } #printdataStorage_creditDataInput, #creditDataInputCaS { height: 42px; } #bankDataInputCaS { height: 46px; width: 478px; } #printdataStorage_bankDataInput { white-space: nowrap; } .tablePrintdataStorage__content-box, .CaSLine { height: 17px; margin-top: 6px; } .tablePrintdataStorage__content-box.last, .CaSLine.last { margin-bottom: 6px; } .tablePrintdataStorage__content-box span, .CaSLine span { font-weight: bold; } .bankInput { width: 154px; color: #909090; } .dottedLine { border-top: 1px dotted #516274; margin-top: 1px; } .confirmMandat label, .saveData label { font-size: 11px; margin-left: 6px; margin-top: 3px; position: absolute; } .tablePrintdataStorage .confirmMandat label, .tablePrintdataStorage .saveData label { margin-left: 2px; position: relative; } #order_step1_customizing #creditCardError, #order_step1_customizing #bankDataError { margin-top: 6px; margin-bottom: 2px; } #order_step1_customizing .saveData { margin-top: 1px; } #order_step1_customizing .confirmMandat { margin-bottom: 1px; } #bankDataInputCaS #PayData_accountHolder_Input { margin-right: 0; } .printdataStorage__completion { height: 100px; } .printdataStorage__completion__input { position: relative; top: 12px; border: none; } .printdataStorage__completion__label { position: relative; top: 6px; left: 1px; } .tablePrintdataStorage__line { background-color: #000; height: 1px; } .tablePrintdataStorage__empty-row { height: 2px; } /*************************/ /*** 9 UPGRADE - Layer ***/ /*************************/ #win_upgrade_content .layerContent { float: left; } .upgradeOptions { margin-top: 3px; } .defaultOption { margin-top: 5px; float: left; } .upgradeOptions input.radioButton { height: auto; width: auto; margin-right: 7px; } .optionText { width: 311px; } .upgradeSteps { position: relative; clear: both; padding-top: 13px; margin: 0 auto; } .upgradeSteps > div { margin: 0 2px; float: left; } .circleCounter { border-radius: 50px; } .circleCounter.active { background-color: #039; width: 14px; height: 14px; } .circleCounter.inactive { width: 10px; height: 10px; background-color: #d7e8f7; margin-top: 2px; } #Arrow_Btn { background-color: #039; width: 18px; height: 18px; position: absolute; top: 6px; right: -11px; cursor: pointer; color: white; } #Arrow_Btn::after { content: "\ffe9"; margin-left: 1px; font-size: 28px; line-height: 17px; } .premiumPaperImg { float: left; margin-top: 6px; } .premiumPaperImg div { float: left; width: 168px; height: 109px; background-repeat: no-repeat; background-position: 0 0; position: relative; } .premiumPaperImg span { font-size: 10px; position: absolute; bottom: 0; left: 11px; } /* imprint products */ #imprintVisual { float: left; width: 336px; } .bcLwithImprint, .bcPwithImprint, .pcLwithImprint, .pcPwithImprint, .fLwithImprint, .fPwithImprint { margin: 16px auto 2px; background-color: #fff; } .bcLwithImprint { height: 130px; width: 200px; } .bcPwithImprint { height: 200px; width: 130px; } .pcLwithImprint { height: 142px; width: 200px; } .pcPwithImprint { height: 200px; width: 142px; } .fLwithImprint { height: 100px; width: 200px; } .fPwithImprint { height: 200px; width: 100px; } /* imprint logos */ #logoImprint.bcPlogo, #logoImprint.bcLlogo, #logoImprint.pcPlogo, #logoImprint.pcLlogo, #logoImprint.fPlogo, #logoImprint.fLlogo { background-repeat: no-repeat; background-size: contain; display: block; position: relative; margin: 0px auto; height: 3em; } #logoImprint.bcPlogo, #logoImprint.bcLlogo { width: 7em; } #logoImprint.pcPlogo, #logoImprint.pcLlogo { width: 5.5em; } #logoImprint.fPlogo, #logoImprint.fLlogo { width: 3.5em; } #logoImprint.bcPlogo { bottom: -165px; } #logoImprint.bcLlogo { bottom: -95px; } #logoImprint.pcPlogo { bottom: -175px; } #logoImprint.pcLlogo { bottom: -118px; } #logoImprint.fPlogo { bottom: -180px; } #logoImprint.fLlogo { bottom: -84px; } /* + LAYER OPES */ /* LAYER - OAE - OSO - OAE - change delivery address / return address / split delivery / edit address */ .address-overview__table { border-collapse: collapse; text-align: left; font-size: 11px; line-height: 15px; } .address-overview__th { padding-bottom: 5px; } _:-ms-input-placeholder, :root .address-overview__th { text-align: left; } .address-overview__tr { vertical-align: top; } .address-overview__searchfield { padding-bottom: 7px; padding-right: 45px; } .address-overview__input { height: 18px; width: 5em; } .address-overview__line { border-top: 1px solid #fff; padding-bottom: 5px; } .address-overview__tr a { /* necessary (optimize!) */ color: #000; } .address-overview__searchfield a::after { /* zwischenlösung-muss noch optimiert werden, weil auch bei myorder */ top: 3px; } /****************/ /*** 10 LAYER ***/ /****************/ /*****************************************/ /*** 10.1 LAYER - address edit + select ***/ /*****************************************/ /* check if is in use */ table#mda_tbl tr:nth-child(6) td:nth-child(6) { width:75px; } table#mda_tbl input { border: 0; outline: none; padding-left: 0px \0/; } #mda_tbl input[id*="dlvradr"] { border: 1px solid #7BB1E4 !important; } #mda_tbl a { font-size:11px; color: #000000; } /**************************/ #OSO .splitQuantityDetails { width: 720px; margin-left: -2px; } #OSO tr.emptyLine { height: 20px; } #OSO td.quantity { width: 45px; } #OSO .careAshare td.quantity { width: 50px; text-align: right; } td.orderQuantity.text, td.splitQuantity.text, td.remainingQuantity.text, td.deliveryCharge.text { width: 293px; text-align: left; vertical-align: top; } td.deliveryCharge.text { width: 273px; } td.orderQuantity.value, td.splitQuantity.value, td.remainingQuantity.value, td.deliveryCharge.value { width: 50px; text-align: right; vertical-align: top; } td.deliveryCharge.value.currencySign { width: 20px; } td.emptyLine { height: 7px; } td.emptyColumn { width: 30px; } .splitQuantityDetails.careAshare td.emptyColumn { width: 380px; } /*******************************/ /*** 10.2 LAYER - paper proof ***/ /*******************************/ #OHProof { overflow: hidden; } /* style in Order_Hardproof_Config.pm */ /* selection */ .borderStyle { border: 1px solid #003399; width: 334px; overflow-x: hidden; overflow-y: auto; } /* selection counter */ #OHProof .pageCounter { margin-top: 7px; } .pageSelection .borderStyle td, .pageCounter .borderStyle td { line-height: 10px; height: 20px; width: 40px; } /****************************************/ /*** 10.3 LAYER - delivery adjustment ***/ /****************************************/ #win_deliveryAdjustmentPFC p { margin: 9px 0 0 0; } /**************************************/ /*** 10.4 LAYER - credit card error ***/ /**************************************/ #win_creditCardError p { margin: 9px 0 0 0; } /**************************************/ /*** 10.5 LAYER - sepa confirmation ***/ /**************************************/ #win_sepaMandate_content p { margin: 9px 0 0 0; } /***************************/ /*** 10.6 LAYER - upload ***/ /***************************/ #headline { font-size: 11px; font-weight: bold; margin-bottom: 8px; } /*******************************/ /*** 10.7 LAYER - collection ***/ /*******************************/ #win_confirmCollection_content p { margin-top: 12px; margin-bottom: 0px; } /******************************************/ /*** 10.8 LAYER - one last question ... ***/ /******************************************/ #MCO { position: absolute; top: 285px; left: 50%; z-index: 9020; display: none; margin-left: -190px; width: 380px; border: solid 2px #D7E8F7; background-color: #FFFFFF; background-repeat: no-repeat; color: #003399; text-align: left; font-size: 11px; font-family: arial, sans-serif; _top: 295px; } #MCO_Banner { margin: 0px 15px; } #MCO #MCO_Content { margin: 0px 15px 10px 15px; padding: 3px 8px 10px 8px; background-color: #D7E8F7; border-top: 1px solid #003399; } #MCO p { margin: 0px 0px 12px 0px; } #MCO #MCO_Form { padding: 0px 5px 5px 5px; width: 334px; height: 55px; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; color: #AAAAAA; border: 1px solid #7bb1e4; } #MCO #MCO_Notiz { color: #E70810; margin-top: 15px; font-size: 10px; } #MCO_Buttons { margin: 0 15px 15px 15px; } /****************************************************/ /*** 10.9 LAYER OPES - tax audit delivery country ***/ /****************************************************/ #win_intShippingUstIdTestBreak_layer_content p { margin-bottom: 4px; } /********************************/ /*** 10.10 LAYER OPES - email ***/ /********************************/ #win_emailDataTransfer_content p { margin-top: 12px; } /**********************************************/ /*** 2.7 LAYER OPES - Numbering wrong value ***/ /**********************************************/ #win_wrongNumberingStart p { margin: 12px 0 0 0; } /***********************************/ /*** 10.11 LAYER OSC - book type ***/ /***********************************/ #OSC_layer_bookTypingReader_Input, #OSC_layer_bookTypingChildrenBook_Input { float: left; margin-right: 4px; margin-top: -3px; } /*-------Including overlay_window_portal.css--------*/ /* * * * * * * * */ /* FileStructure */ /* * * * * * * * * 1 STANDARD 2 MESSAGE LAYER 3 PROCESS LAYER (SC) 4 SPECIAL COLOR 5 INTERNATIONAL SHIPPING SHOPPING CARD + size overview layer calculation * * * * * * * * */ /******************/ /*** 1 STANDARD ***/ /******************/ .overlay_overlay_window_pw { background-color: #FFFFFF; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .layer_stage { border: 2px solid #d7e8f7; } /* header */ .overlay_window_pw_nw, .overlay_window_pw_n, .overlay_window_pw_ne { background-color: white; height: 44px; } .overlay_window_pw_nw, .overlay_window_pw_ne { width: 15px; } /* body */ .overlay_window_pw_w, .overlay_window_pw_e, .overlay_window_pw_s, .overlay_window_pw_sw, .overlay_window_pw_se { background-color: white; } .overlay_window_pw_w, .overlay_window_pw_e, .overlay_window_pw_sw, .overlay_window_pw_se { width: 15px; } .overlay_window_pw_s, .overlay_window_pw_sw, .overlay_window_pw_se { height: 15px; } /*close button */ .overlay_window_pw_close{ box-sizing:border-box; -moz-box-sizing:border-box; width:18px; height:18px; font-family:Arial; font-weight:bold; font-size:14px; line-height:16px; text-align:center; text-decoration:none; color:#FFF; background-color:#003399; cursor:pointer; float:right; position:absolute; top:3px; right:3px; } .overlay_window_pw_close::after{ content:"x"; margin-left:-4px; } /* headline */ .overlay_window_pw_title { float: left; width: 100%; } b.layerHeadline { width: 350px; font-family: Times, 'Times New Roman', serif; font-size: 24px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #003399; margin: 10px 0 4px 0; text-align: left; float: left; } #REG_Banner .layerHeadline, #MCO_Banner .layerHeadline { float: none; } /* content */ .overlay_window_pw_content { overflow: hidden; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFF; text-align: left; } /* content width */ .layerContentSmall { width: 350px; } .layerContentLarge { width: 730px; } .overlay_window_pw_content .middleColumn{ width:100%; min-width:inherit; } .layerContent, .overlay_window_pw_content .middleColumn.lightBlue_bg{ background-color: #D7E8F7; border-top: 1px solid #003399; padding: 7px; margin-bottom: 10px; text-align: left; } .overlay_window_pw_content .middleColumn ~ .middleColumn.lightBlue_bg{ border-top:none; } .overlay_window_pw_content .middleColumn:nth-last-child(1){ margin-bottom:0; } .layerContent p { margin-bottom: 12px; } /* dialog layer basket (i.e. copy product)- hack to hide layer header */ #InfoDialog_row1 { display: none; } .overlay_window_pw_progress::before { font-family: FontAwesome; content: "\f1ce"; font-size: 16px; display: block; } .overlay_window_pw_progress { animation: fa-spin 1s infinite steps(8); transform-origin: center; width: 100%; text-align: center; float: left; } @keyframes fa-spin { 0% { transform:rotate(0deg) } 100% { transform:rotate(359deg) } } /***********************/ /*** 2 MESSAGE LAYER ***/ /***********************/ #AdviceExpressForLessLayer #AdviceExpressForLessLayer_title, #AdviceMoreForLessLayer #AdviceMoreForLessLayer_title, #AdvicePriorityForLessLayer #AdvicePriorityForLessLayer_title { height: 47px; } #AdviceExpressForLessLayer, #AdviceMoreForLessLayer, #AdvicePriorityForLessLayer { position: absolute; display: none; top: 270px; _top: 280px; width: 380px; _width: 384px; left: 50%; margin-left: -190px; background-color: #FFFFFF; background-repeat: no-repeat; font-size: 11px; font-family: arial, sans-serif; color: #000; text-align: left; border: solid 2px #D7E8F7; z-index: 9020; } #AdviceMoreForLessLayer_content { margin: 0px 15px 10px 15px; background-color: #D7E8F7; padding: 7px; } #AdviceMoreForLessLayer_buttons { padding: 0px 15px 15px; } #AdviceExpressForLessLayer .McoButton, #AdviceMoreForLessLayer .McoButton, #AdvicePriorityForLessLayer .McoButton { width: 350px; margin-bottom: 5px; } #MessageLayer, #MessageLayerConfirmDelete { position: absolute; top: 50px; left: 200px; display: none; font-family: Arial, Helvetica, Sans-Serif; color: #003399; font-size: 12px; width: 340px; z-index: 9003; background-color: #D7E8F7; text-align: left; border-style: solid; border-width: 2px; border-color: #E4E5E7 #B6BBBE #B6BBBE #E4E5E7; } #MessageTitle { padding: 3px 0 0 5px; background-color: #003399; color: #FFFFFF; height: 20px; font-weight: bold; } #MessageLayerBackround { display: none; border: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; background-color: #FFFFFF; z-index: 9000; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: .7; } #MessageInner { position: relative; padding-left: 20px; padding-top: 15px; padding-right: 20px; padding-bottom: 20px; overflow: auto; } .MessageButtonOK { margin-top: 15px; } #MessageInner a.MessageButtonOK { color: #ffffff !important; } #Preloader { position: relative; margin: 15px 0px 0px 125px; height: 30px; width: 30px; } div#MessageLayerText { text-align: left; } div#MessageLayerConfirmDialog_content, .overlay_pw_content .refreshProduct { padding-top: 8px; text-align:left; } /****************************/ /*** 3 PROCESS LAYER (SC) ***/ /****************************/ #InfoDialog.layer_stage { border: 1px solid #003399; } .overlay_pw_nw, .overlay_pw_n, .overlay_pw_ne, .overlay_pw_w, .overlay_pw_e, .overlay_pw_sw, .overlay_pw_s, .overlay_pw_se, .overlay_pw_sizer { background-color: #d7e8f7; } .overlay_pw_n, .overlay_pw_s, .overlay_pw_nw, .overlay_pw_ne, .overlay_pw_sw, .overlay_pw_se, .overlay_pw_sizer { height: 15px; } .overlay_pw_w, .overlay_pw_e, .overlay_pw_nw, .overlay_pw_ne, .overlay_pw_sw, .overlay_pw_se, .overlay_pw_sizer { width: 15px; } .overlay_pw_sizer { cursor: se-resize; } .overlay_pw_close{ box-sizing:border-box; -moz-box-sizing:border-box; width:18px; height:18px; font-family:Arial; font-weight:bold; font-size:14px; line-height:16px; text-align:center; text-decoration:none; color:#FFF; background-color:#003399; cursor:pointer; float:right; position:absolute; top:4px; right:4px; z-index:1000; } .overlay_pw_close::after{ content:"x"; margin-left:-4px; } .overlay_pw_minimize { width: 23px; height: 23px; position:absolute; top:0px; right:55px; cursor:pointer; z-index:1000; } .overlay_pw_maximize { width: 23px; height: 23px; position:absolute; top:0px; right:33px; cursor:pointer; z-index:1000; } .overlay_pw_title { float:left; height:14px; font-size:12px; font-weight: bold; margin-top:2px; width:100%; color:#123456; } .overlay_pw_content { overflow: auto; color: #000; font-family: Tahoma, Arial, sans-serif; font: 12px arial; background: #D7E8F7; } /* For alert/confirm dialog */ .overlay_pw_window { border:1px solid #F00; background: #FFF; padding:20px; margin-left:auto; margin-right:auto; width:400px; } .overlay_pw_buttons { text-align:center; width:100%; } .overlay_pw_buttons input { width: 100%; margin-bottom: 10px; padding-bottom: 3px; } .overlay_pw_wired_frame { background: #FFF; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #sc_win_content { background-color: #D7E8F7; } /* safari + chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ #sc_win.dialog table#sc_win_row2.mid.table_window td.overlay_pw_e { border-left: 1px solid #003399; border-right: none; } } .overlay_window_pw_title.title_window.top_draggable img { height: 47px; float: left; } .overlay_dialog { background-color: #666666; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .overlay___invisible__ { background-color: #666666; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .dialog_title { float:left; height:14px; font-family: Tahoma, Arial, sans-serif; font-size:12px; text-align:center; width:100%; color:#000; } .dialog_content { overflow:auto; color: #DDD; font-family: Tahoma, Arial, sans-serif; font-size: 10px; background-color:#123; } .top_draggable, .bottom_draggable { cursor:move; } .status_bar { font-size:12px; } .status_bar input{ font-size:12px; } .wired_frame { display: block; position: absolute; border: 1px #000 dashed; } /* DO NOT CHANGE THESE VALUES*/ .dialog { display: block; position: absolute; } .dialog table.table_window { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0px; padding:0px; } .dialog table.table_window td, .dialog table.table_window th { padding: 0; } .dialog .title_window { -moz-user-select:none; } .layer_bg_style_pw { background-color: #D7E8F7; padding: 7px; margin-bottom: 10px; border-top: 1px solid #003399; } .overlay_tooltip_pw { background-color: #D7E8F7; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .overlay_tooltip_pw_nw { background-color: #D7E8F7; width:8px; height:25px; border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; } .overlay_tooltip_pw_n { background-color: #D7E8F7; height:25px; border-top: 2px solid #FFFFFF; } .overlay_tooltip_pw_ne { background-color: #D7E8F7; width:15px; height:25px; border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; } .overlay_tooltip_pw_w { background-color: #D7E8F7; width:7px; border-left: 2px solid #FFFFFF; } .overlay_tooltip_pw_e { background-color: #D7E8F7; width:7px; border-right: 2px solid #FFFFFF; } .overlay_tooltip_pw_sw { background-color: #D7E8F7; width:7px; height:7px; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; } .overlay_tooltip_pw_s { background-color: #D7E8F7; height:7px; border-bottom: 2px solid #FFFFFF; } .overlay_tooltip_pw_se, .overlay_tooltip_pw_sizer { background-color: #D7E8F7; width:7px; height:7px; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; } .overlay_tooltip_pw_sizer { cursor:se-resize; } .overlay_tooltip_pw_minimize { width: 23px; height: 23px; position:absolute; top:0px; right:55px; cursor:pointer; z-index:1000; } .overlay_tooltip_pw_maximize { width: 23px; height: 23px; position:absolute; top:0px; right:33px; cursor:pointer; z-index:1000; } .overlay_tooltip_pw_title { float: left; height: 14px; font-size: 12px; font-weight: bold; margin-top: 2px; margin-left: -1px; width: 100%; color: #003399; background-color: #D7E8F7; } .overlay_tooltip_pw_content { color: #003399; font-family: Tahoma, Arial, sans-serif; font: 12px arial; background: #D7E8F7; } /* For alert/confirm dialog */ .overlay_tooltip_pw_window { border:1px solid #F00; background: #FFF; padding:20px; margin-left:auto; margin-right:auto; width:400px; } .overlay_tooltip_pw_message { font: 12px arial; text-align:center; width:100%; padding-bottom:10px; } .overlay_tooltip_pw_buttons { text-align:center; width:100%; } .overlay_tooltip_pw_buttons input { width: 100%; margin-bottom: 10px; padding-bottom: 3px; } .overlay_tooltip_pw_progress { float:left; margin:auto; text-align:center; width:100%; height:16px; } .overlay_tooltip_p24_progress_big { float:left; margin:auto; text-align:center; width:100%; height:280px; } .overlay_tooltip_pw_wired_frame { background: #FFF; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } /* time for payment */ #win_timeForPayment table { border-collapse: collapse; margin-top: 9px; } #win_timeForPayment input { height: auto; margin-right: 7px; } #win_timeForPayment table td { vertical-align: top; height: 16px; padding-bottom: 6px; } #win_timeForPayment table tr:last-child td { padding-bottom: 0px; } #win_timeForPayment table td:last-child { text-align: right; padding-left: 3px; white-space: nowrap; } #win_timeForPayment table tr:first-child td:last-child { text-align: left; padding-left: 0px; white-space: normal; } /***********************/ /*** 4 SPECIAL COLOR ***/ /***********************/ .whiteArea_content, .whiteAreafullCol_content { background-color: #fff; padding: 9px 2px 8px 0; margin-top: 7px; } .whiteAreaballCol_content { background-color: #fff; padding: 9px 2px 8px 0; margin-top: 7px; height: 87px; } .whiteAreaBannerCol_content { background-color: #fff; padding: 9px 2px 8px 0; margin-top: 7px; height: 37; } /***********************************************/ /*** 5 INTERNATIONAL SHIPPING SHOPPING CARD ***/ /***********************************************/ #win_intShippingContractOrganization_layer_content p:last-of-type { margin-bottom: 0px; } /******************************************/ /******** SAMPLE LAYER CALCULATION ********/ /******************************************/ .checkboxes_container { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px; margin: 12px 0 12px; } #win_ProductSample_content form .column { width: 336px; float: none; } #win_ProductSample_content .column div { padding-left: 0; clear: none; white-space: normal; } #win_ProductSample_content form .halfColumn { width: 166px; } .checkboxes_container .selectLine { display: inline-flex; height: 16px; } .checkboxes_container input { float: left; margin-right: 3px; height: auto; } .checkboxes_container label { float: left; width: 148px; padding-top: 1px; } /* + size overview layer calculation */ .sizeOverview__table, .sizeOverview__th, .sizeOverview__td { border: 1px solid #000; border-collapse: collapse; } .sizeOverview__table { margin: 0.75em 0; } .sizeOverview__th, .sizeOverview__td { padding: 0.25em; } .sizeOverview__note { margin: -0.55em 0 0.75em; } #win_sizeOverview_content .layerContent p { margin-bottom: 6px; } #win_sizeOverview_content a { padding: 0; } /***********************/ /* layer delivery note */ /***********************/ .deliveryNote__textarea { border: 1px solid #fff; margin-top: 10px; height: 74px; width: 100%; padding: 3px 3px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } /***********************/ /* layer corona note */ /***********************/ .coronaHintInput__wrapper { display: inline-flex; align-items: center; } /****************************/ /* layer open letter corona */ /****************************/ .hintContent { width: 100%; height: 3402px; position: absolute; left: 0px; top: 0px; background-color: rgb(255, 255, 255); z-index: 9000; opacity: 0.9; } .openLetter__wrapper { width: auto; height: 100vh; position: absolute; z-index: 10001; top: 0; left: 50%; transform: translateX(-50%); margin: auto; } .openLetter__img { width: auto; height: 100vh; min-height: 1100px; } /*-------Including jquery.selectBoxIt.css--------*/ .selectboxit-container{display:inline-block;width:100%}.IMSLayer .selectboxit-container{width:100%}.selectBox{height:20px}.selectboxit{cursor:pointer;white-space:nowrap;box-sizing:border-box}.selectboxit-list{color:#000;background-color:#FFF;border:1px solid #7bb1e4;padding:2px 0 1px;list-style:none}.selectboxit-list a{display:block;clear:both;color:#000;white-space:nowrap;height:16px;padding-left:4px;padding-right:8px;font-weight:normal}.selectboxit-list li>a:hover{text-decoration:none;color:#039}.selectboxit-default-icon{float:left}.selectboxit-text{font-size:11px;line-height:18px;text-indent:4px;overflow:hidden;float:left;white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;ms-user-select:none;-o-user-select:none;user-select:none}ul.selectboxit-options{max-height:1270px;position:absolute;cursor:pointer;display:none;z-index:99999;font-size:11px;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;line-height:16px;margin-top:-1px;text-align:left}.layerContentSmall ul.selectboxit-options,.callBackContent ul.selectboxit-options{max-height:106px;overflow-y:auto;overflow-x:hidden}#quantitySelectSelectBoxItContainer ul.selectboxit-options{max-height:none}ul#birth_ySelectBoxItOptions.selectboxit-options{max-height:532px;overflow-y:auto;overflow-x:hidden}.selectboxit-options .selectboxit-optgroup-header{font-weight:bold}.selectboxit-options .selectboxit-optgroup-option{text-indent:20px}.selectboxit-options .selectboxit-optgroup-header[data-disabled='true']:hover{cursor:default}.selectboxit-arrow-container{width:15px;height:20px;float:right}.selectboxit-arrow-container i.selectboxit-arrow{margin:0 auto;display:block}.selectboxit-options li i{float:left}.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend .add-on,.input-prepend .btn{margin-right:-1px}.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-append .add-on,.input-append .btn{margin-left:-1px}.selectboxit-btn{display:block;border:1px solid #7bb1e4;color:#000;background-color:#FFF}.selectboxit-arrow{font-family:selectboxit-arrow;font-weight:bold;font-size:12px}.selectboxit-arrow::after,.caretInactive::after{content:'\e800';margin-left:-4px}.selectboxit-arrow::after{color:#AAA}.caretInactive::after{color:#CCC}.selectboxit-arrow-container i{font-style:normal;line-height:22px;text-align:center}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.selectboxit-arrow-container i{line-height:28px}}@media screen and (-webkit-min-device-pixel-ratio:0){.selectboxit-arrow-container i{line-height:20px}}