.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url('vhs-assets-css-59dd9bd52dd4b0056f98a98a9dad5f3e.png');background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url('vhs-assets-css-4e5c99acdde31f8dd5f8745ad27914eb.png')}}.iti__flag.iti__np{background-color:transparent} /*! * The Stylesheet for con.countdown.js. * * Author: Christian Klihm * E-Mail: c.klihm@constructiva.de */.countdown-wrapper{position:relative}.countdown-wrapper .countdown-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.countdown-wrapper .countdown-value{font-size:1.5rem;font-weight:bold;line-height:1rem}.countdown-wrapper .countdown-unit{text-transform:uppercase;font-weight:lighter;font-size:.875rem} /* Projektname: BWRmedia Relaunch 2011 Erstellt am: 27.10.2011 von WD Bearbeitet am: 03.11.2011 von KD QS am 27.10.2011 von WD */ /* --- Reset --- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: #3c3c3c; font: 62.5% Arial,Verdana,sans-serif; } /* nur verlinkte Inhalte sollten unterstrichen dargestellt werden */ ins { text-decoration: none; border-bottom: 1px dashed; padding-bottom: 0.1em; } ol, ul { list-style-image: none; list-style-position: outside; list-style-type: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; empty-cells: show; /* hide, inherit */ } caption, th, td { text-align: left; font-weight: normal; vertical-align: top; } /* Adresse */ address { font-style: normal; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } /* fix, damit sub und sup nicht mehr die line-height "(zer)stoeren" */ sup, sub { vertical-align: baseline; position: relative; top: -0.3em; } sub { top: 0.3em; } /* Einheitliche Schrift und Schriftgroessen fuer alle Formularelemente. Ansonsten werden Formularelemente belassen, wie sie vom OS bzw. vom Browser vorgegeben werden. */ input, textarea, select, button { font: normal 1em Arial, Verdana, sans-serif; } /* Scroll im IE entfernen */ textarea { overflow: auto; } /* Einheitliche "hover" Optik bei Formularelementen und interaktiven Elementen */ input[type=submit], input[type=reset], input[type=button], input[type=image], button, select, .pointer { cursor: pointer; } /* Abkuerzungen mit Beschreibung */ abbr[title], acronym[title] { cursor: help; } /* en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* Projektname: BWRmedia Relaunch 2011 Erstellt am: 27.10.2011 von WD Bearbeitet am: 05.11.2012 von AL QS am 31.11.2011 von KD */ /* HTML Elemente global */ /* Body */ body { background: #fff; color: #3c3c3c; } a { background: transparent; color: #0568ae; text-decoration: underline; } a:visited { background: transparent; color: #0568ae; text-decoration: underline; } a:hover { background: transparent; color: #0568ae; text-decoration: none; } a:focus { background: transparent; color: #0568ae; text-decoration: none; } a:active { background: transparent; color: #0568ae; text-decoration: none; } button { display: inline; padding: 0; line-height: 1em; /* Kann nicht in FF funktionieren */ font-style: inherit; margin: 0; outline: 0 none; vertical-align: baseline; width: auto; /* IE7 */ overflow: visible; /* IE7 */ } /* Firefox */ button:hover span { text-decoration: underline; } #wrapper #inner-wrapper button span { display: inline-block; margin-top: -1px; padding: 0 0 0 22px; white-space: nowrap; /* IE7 */ background-position: 0 0; } /* um durch name-attribut (anker) "verlinkte" texte wieder "normal" zu formtieren (fuer IEs nur mit zusaetzlicher Klasse ".name") */ /* anker */ a[name], a:hover[name], a.name { color: inherit; background: transparent; text-decoration: none; } /* verlinkte Ueberschriften sollen nicht unterstrichen sein */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; display: block; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active { text-decoration: underline; } /* Standard Text-Auszeichnungen */ h1 { margin: 0; font: normal 2em/1.2 Arial, Verdana, sans-serif; } h2 { margin: 0 0 5px; font: normal 2em/1.2 Arial, Verdana, sans-serif; } h3 { margin: 0 0 18px; font: bold 1.6em/1.25 Arial, Verdana, sans-serif; } h4 { margin: 0 0 6px; font: normal 1.4em/1.2857 Arial, Verdana, sans-serif; } p, blockquote, ul li, ol li, dl dt, dl dd, img { font-size: 1.3em; } p { margin-bottom: 15px; } p a, p a:link, p a:visited, p a:hover, p a:focus, p a:active { color: #0568ae; } p b, p strong, ul b, ul strong, ol b, ol strong, dd b, dd strong { font-weight: bold; } p i, p em { font-style: italic; } address { font-size: 1.3em; line-height: 1.3846em; color: #a4a4a4; margin-bottom: 3px; } address em { font-style: normal; } address a, address a:link, address a:visited, address a:hover, address a:focus, address a:active { color: #a4a4a4; text-decoration: none; } address a:hover, address a:focus, address a:active { text-decoration: underline; } /* Gleiche Schriftgroessen bei mehreren Einrueckungen hintereinander */ blockquote p, blockquote blockquote, blockquote blockquote blockquote, address em, dl dl dt, dl dl dd { font-size: 1em; line-height: 1.363; } p, blockquote, ul li, ol li, dl dt, dl dd, img { line-height: 1.3846em; } ul ul, ul ol, ol ol, ol ul, ul dl, dl dl, dl ul, ol dl, dl ol, li li, li dd, p img, p ul, p a, ul input, ul label, ul select { font-size: 1em; line-height: 1; } ul p, ol p, dl p { font-size: 1em; } ol { list-style: outside decimal; margin: 0 0 20px 20px; } ol li { margin-bottom: 10px; } dl dt { font-weight: bold; } dd li, dd label, dd button { font-size: 1em; } /* Datentabellen */ table { width: 100%; margin-bottom: 20px; font-size: 1.3em; line-height: 1.3846em; border-collapse: collapse; /* IE7 */ } th { padding: 1px 5px 5px 9px; border: 1px solid #dcdcdc; font-weight: bold; } td { padding: 6px 5px 5px 9px; border: 1px solid #dcdcdc; } table .last { border-right: 0; } .even td { background: #f7f9f9; } table strong, table b { font-weight: bold; } /* Formularelemente */ .honeypot { display: none; } label, input, button, textarea, select, .fakelabel { font-size: 1.2em; } label input, label textarea { font-size: 1em; } /* Wrapper */ #wrapper { display: block; margin: 0 auto; width: 980px; padding: 0 14px 0 15px; } /* Inner Wrapper: haelt eigentlichen Content ausser Werbebanner zusammen */ #inner-wrapper { position: relative; width: 980px; background: url('vhs-assets-css-10dc6e29ab783f290dc653546bf8090e.gif') 0 0 repeat-x; } /* Werbebanner in horizontaler Ausrichtung */ #adwrapper-horizontal { position: relative; width: 980px; /* gleiche Breite wie #wrapper */ /* margin-left: -15px; uebermalt den Schatten der eigentlichen Seite */ /* padding-left: 15px; uebermalt den Schatten der eigentlichen Seite */ overflow: hidden; background: #fff; /* uebermalt den Schatten der eigentlichen Seite */ } /* Werbebanner in vertikaler Ausrichtung/Skyscraper */ #adwrapper-vertical { position: absolute; left: 102%; top: 0; } /* Werbebanner im Content ueber volle Breite */ #content .schattenbox.werbebanner, #content-wide .schattenbox.werbebanner { position: relative; z-index: 3; background: transparent; margin-bottom: -8px; } .werbebanner .inner { text-align: center; } .adwrapper-content-full, .adwrapper-content-full:after { display: inline-block; width: 555px; overflow: hidden; padding: 0; text-align: center; clear: both; } .adwrapper-content-full img, .adwrapper-content-full embed, .adwrapper-content-full object, .adwrapper-content-full iframe, .adwrapper-content-full table { margin: 10px 0; } .adwrapper-content-full object embed, .adwrapper-content-full table table { margin: 0; } #content-wide .adwrapper-content-full { width: 750px; } .adwrapper-content-full.linksbuendig, .adwrapper-content-full.linksbuendig:after, .adwrapper-content-full .linksbuendig { text-align: left; } /* Header */ #header { padding: 25px 10px 0; background: #e7ebee; } /* Meta */ #meta { display: inline; float: right; margin: 45px 0 0 0; } #meta li { display: inline; font-size: 1.1em; text-transform: uppercase; margin: 0 0 0 5px; } #meta li strong, #meta li .active, #meta li .active:link, #meta li .active:visited, #meta li .active:hover, #meta li .active:focus, #meta li .active:active { color: #0568ae; font-weight: bold; } #meta li a, #meta li a:link, #meta li a:visited { color: #0568ae; text-decoration: none; padding: 2px 3px; } #meta li a:hover, #meta li a:focus, #meta li a:active { padding: 2px 3px; color: #0568ae; text-decoration: underline; } #meta li a span { color: #0a4480; padding: 4px 3px 6px; background: #d9d9d9; } /* ausgezeichneter Punkt "Download-Center" */ #inner-wrapper #meta .auszeichnung a { padding: 4px 5px 6px; background: #c2244a; color: #fff; } #inner-wrapper #meta .auszeichnung.active a { background: #fff; } #inner-wrapper #meta .auszeichnung strong { padding: 4px 5px 6px; background: #fff; color: #0568ae; } /* Logo */ #header .logo { display: inline; float: left; margin: 0 0 27px; font: 2em/1.2 Arial,Verdana,sans-serif; } #header .logo img { float: left; } #header .logo a, #header .logo a:link, #header .logo a:visited, #header .logo a:hover, #header .logo a:focus, #header .logo a:active { text-decoration: none; } #header .logo em { float: left; clear: both; color: #0568ae; font-size: 0.7em; line-height: 1em; line-height: 1.5em; margin: -4px 0 0; font-style: normal; font-weight: normal; } /* Hauptnavigation */ #main-nav { display: block; float: left; width: 760px; margin-bottom: 0; } #main-nav li { float: left; font-size: 1.20em; } #main-nav li a, #main-nav li strong { color: #fff; float: left; margin: 0 1px 0 0; padding: 0 0 0 6px; text-decoration: none; background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') 0 0 no-repeat; height: 31px; } #main-nav li a span, #main-nav li strong span { padding: 0 6px 0 0; line-height: normal; background: transparent url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') right -36px no-repeat; height: 22px; display: block; padding-top: 9px; } #main-nav li strong, #main-nav li a:hover, #main-nav li.active a { color: #666; background-position: 0 -72px; } #main-nav li strong span, #main-nav li a:hover span, #main-nav li.active a span { background-position: right -108px; } #main-nav li.blue a:hover, #main-nav li.active.blue a, #main-nav li.blue strong { color: #fff; background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') 0 -144px no-repeat; } #main-nav li.blue a:hover span, #main-nav li.active.blue a span, #main-nav li.blue strong span { background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') right -179px no-repeat; } #main-nav li.green:hover a, #main-nav li.active.green a, #main-nav li.green strong { color: #fff; background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') 0 -215px no-repeat; } #main-nav li.green a:hover span, #main-nav li.active.green a span, #main-nav li.green strong span { background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') right -250px no-repeat; } #main-nav li.red a:hover, #main-nav li.active.red a, #main-nav li.red strong { color: #fff; background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') 0 -286px no-repeat; } #main-nav li.red a:hover span, #main-nav li.active.red a span, #main-nav li.red strong span { background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') right -321px no-repeat; } #main-nav li.lila a:hover, #main-nav li.active.lila a, #main-nav li.lila strong { color: #fff; background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') 0 -357px no-repeat; } #main-nav li.lila a:hover span, #main-nav li.active.lila a span, #main-nav li.lila strong span { background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') right -392px no-repeat; } #main-nav li.orange a:hover, #main-nav li.active.orange a, #main-nav li.orange strong { color: #fff; background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') 0 -428px no-repeat; } #main-nav li.orange a:hover span, #main-nav li.active.orange a span, #main-nav li.orange strong span { background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') right -463px no-repeat; } #main-nav li.dark-blue a:hover, #main-nav li.active.dark-blue a, #main-nav li.dark-blue strong { color: #fff; background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') 0 -499px no-repeat; } #main-nav li.dark-blue a:hover span, #main-nav li.active.dark-blue a span, #main-nav li.dark-blue strong span { background: url('vhs-assets-css-5d53e83f472ac4fa9d17772e8216ad9b.gif') right -534px no-repeat; } /* Suchschlitz */ #header .search { float: left; display: block; height: 30px; overflow: hidden; /* Webkit */ } #header .search input { border: none; width: 157px; color: #464646; float: left; font-size: 1.2em; margin: 0; /* Webkit */ padding: 8px 4px; background: url('vhs-assets-css-291d9ff8d9c853a4732139fea1c2ef1b.gif') 0 0 no-repeat; } /* IE 7 Hack */ * + html #header .search input { width: 147px; } #header .search .button { width: 35px; height: 30px; padding: 7px 4px; background: url('vhs-assets-css-7f9f58c50353b1737444723970b8a975.gif') 0 0 no-repeat; } /* linke Spalte mit Navitation vertikal */ #wrapper-left { float: left; position: relative; width: 189px; } #navigation-vertical { width: 189px; margin-top: 3px; background: transparent; } /* Zierleiste zwischen Haupt- und seitlicher Navigation */ .main-nav-bar { position: absolute; left: 0; top: 0; z-index: 2; display: block; width: 980px; height: 3px; } /* strong im Headlineformat */ .schattenbox .head strong, .schattenbox .head h1.keyword { display: inline-block; margin-bottom: 0; font-weight: normal; font-size: 20px; line-height: 24px; text-transform: none; } /* Farbigkeit nach Belieben erweitern */ .personal-arbeitsrecht #navigation-vertical, .personal-arbeitsrecht .main-nav-bar { background: #168db3; } .personal-arbeitsrecht h1, .personal-arbeitsrecht h2, .personal-arbeitsrecht h3, .personal-arbeitsrecht h4, .personal-arbeitsrecht .schattenbox h3 a, .personal-arbeitsrecht .schattenbox .head strong { color: #168db3; } .personal-arbeitsrecht .downloadteaser { background: #168db3 url('vhs-assets-css-c473006640c6f84e072ba53f06e711c4.png') 0 0 repeat; } .personal-arbeitsrecht .downloadteaser .abschluss, .newsletter .downloadteaser .abschluss { background: #e8f3f7; } .downloadteaser .auszeichnung { margin-bottom: 10px; } .lohn-gehalt #navigation-vertical, .lohn-gehalt .main-nav-bar { background: #416902; } .lohn-gehalt h1, .lohn-gehalt h2, .lohn-gehalt h3, .lohn-gehalt h4, .lohn-gehalt .schattenbox h3 a, .lohn-gehalt .schattenbox .head strong { color: #416902; } .lohn-gehalt .downloadteaser { background: #416902 url('vhs-assets-css-c473006640c6f84e072ba53f06e711c4.png') 0 0 repeat; } .lohn-gehalt .downloadteaser .abschluss { background: #ecf0e6; } .steuern-bilanzierung #navigation-vertical, .steuern-bilanzierung .main-nav-bar { background: #8d0000; } .steuern-bilanzierung h1, .steuern-bilanzierung h2, .steuern-bilanzierung h3, .steuern-bilanzierung h4, .steuern-bilanzierung .schattenbox h3 a, .steuern-bilanzierung .schattenbox .head strong { color: #8d0000; } .steuern-bilanzierung .downloadteaser { background: #8d0000 url('vhs-assets-css-c473006640c6f84e072ba53f06e711c4.png') 0 0 repeat; } .steuern-bilanzierung .downloadteaser .abschluss { background: #f3e6e6; } .datenschutz #navigation-vertical, .datenschutz .main-nav-bar { background: #4a2566; } .datenschutz h1, .datenschutz h2, .datenschutz h3, .datenschutz h4, .datenschutz .schattenbox h3 a, .datenschutz .schattenbox .head strong { color: #4a2566; } .datenschutz .downloadteaser { background: #4a2566 url('vhs-assets-css-c473006640c6f84e072ba53f06e711c4.png') 0 0 repeat; } .datenschutz .downloadteaser .abschluss { background: #ede9f0; } .arbeitssicherheit #navigation-vertical, .arbeitssicherheit .main-nav-bar { background: #a33d00; } .arbeitssicherheit h1, .arbeitssicherheit h2, .arbeitssicherheit h3, .arbeitssicherheit h4, .arbeitssicherheit .schattenbox h3 a, .arbeitssicherheit .schattenbox .head strong { color: #a33d00; } .arbeitssicherheit .downloadteaser { background: #a33d00 url('vhs-assets-css-c473006640c6f84e072ba53f06e711c4.png') 0 0 repeat; } .arbeitssicherheit .downloadteaser .abschluss { background: #f6ebe6; } .produktion-technik #navigation-vertical, .produktion-technik .main-nav-bar { background: #00375f; } .produktion-technik h1, .produktion-technik h2, .produktion-technik h3, .produktion-technik h4, .produktion-technik .schattenbox h3 a, .produktion-technik .schattenbox .head strong { color: #00375f; } .produktion-technik .downloadteaser { background: #00375f url('vhs-assets-css-c473006640c6f84e072ba53f06e711c4.png') 0 0 repeat; } .produktion-technik .downloadteaser .abschluss { background: #f6ebe6; } .sonstige-navigation #navigation-vertical, .sonstige-navigation .main-nav-bar { background: #838483; } .newsletter h1, .newsletter h2, .newsletter h3, .newsletter h4, .newsletter .schattenbox h3 a, .newsletter .schattenbox .head strong { color: #3c3c3c; } .newsletter .downloadteaser { background: #838483 url('vhs-assets-css-c473006640c6f84e072ba53f06e711c4.png') 0 0 repeat; } .newsletter .downloadteaser .abschluss { background: #f2f2f2; } /* Dankeschoen fuer Newsletteranmeldung */ .giftbox { margin-bottom: 10px; padding: 10px; background: #e7f3f7; } #wrapper .gewinnauszeichnung { color: #168DB3; font-weight: bold; } #navigation-vertical a { display: block; padding: 5px 10px 7px 14px; color: #fff; text-decoration: none; } #navigation-vertical a:hover, #navigation-vertical a:focus, #navigation-vertical a:active { background: #fff; color: #3c3c3c; min-height: 5px; /* IE7 */ } #navigation-vertical strong { display: block; padding: 5px 10px 7px 14px; background: #fff; color: #333; } #navigation-vertical strong a { padding: 0; color: #333; } #navigation-vertical li { margin: 0; } .teaser.t-hellblau, .teaser.t-orange, .teaser.t-blau, .teaser.color-sonstiges, .teaser.color-personal, .teaser.color-lohn, .teaser.color-steuern, .teaser.color-datenschutz, .teaser.color-arbeitssicherheit, .teaser.color-produktion { width: auto; padding: 10px 10px 1px; } .teaser.t-hellblau, .teaser.t-orange, .teaser.t-blau, .teaser.color-sonstiges { background: #f0f0f0; } .color-personal { background: #e8f3f7; } .color-lohn { background: #bcd397; } .color-steuern { background: #f3e6e6; } .color-datenschutz { background: #e0bbfb; } .color-arbeitssicherheit { background: #ffd3b8; } .color-produktion { background: #cee6f7; } /* Weitere Links - werden grundsaetzlich unterhalb der vertikalen Navigaion ausgegeben */ .weitere-links { margin: 0; padding: 0; border-top: 1px solid #fff; min-height: 5px; /* IE7 */ } .weitere-links li { margin: 0; padding: 0; line-height: 1.1538em; /* IE7 */ border-bottom: 1px solid #fff; background: transparent url('vhs-assets-css-52e4cea9c4f7c6dcd9b96a28f6799be7.png') 0 0 repeat; min-height: 5px; /* IE7 */ } .weitere-links .last { border: 0; } #navigation-vertical .weitere-links a, #navigation-vertical .weitere-links a:link, #navigation-vertical .weitere-links a:visited { padding: 7px 10px 6px 14px; color: #333; min-height: 5px; /* IE7 */ } #navigation-vertical .weitere-links a:hover, #navigation-vertical .weitere-links a:focus, #navigation-vertical .weitere-links a:active { background: #fff; } /* IE7 */ * + html #navigation-vertical .weitere-links a:hover, * + html #navigation-vertical .weitere-links a:focus, * + html #navigation-vertical .weitere-links a:active { height: 1%; /* IE7 */ } .weitere-links strong { padding: 7px 10px 6px 14px; color: #fff; min-height: 5px; /* IE7 */ } /* Content */ #content { float: left; width: 561px; padding: 4px 7px 60px 10px; } #content-wide { float: left; width: 759px; margin: 0 4px 10px 0; padding: 4px 0 60px 7px; } /* Breadcrumb */ #breadcrumb { float: left; width: 560px; margin: 0 0 0; padding: 12px 205px 0 15px; } #breadcrumb dt { float: left; font-size: 1.1em; margin-right: 5px; font-weight: normal; } #breadcrumb dd { float: left; font-size: 1.1em; } #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited { margin-right: 5px; padding-right: 10px; background: url('vhs-assets-css-269d0c985f95661e7f1383a409068a0a.gif') right 4px no-repeat; color: #3c3c3c; text-decoration: underline; } #breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active { color: #3c3c3c; text-decoration: none; } #breadcrumb .last a { margin: 0; padding: 0; background: transparent; } /* Teaser Startseite */ .teaser { float: left; margin: 0 2px 5px 0; width: 251px; padding: 0 0 4px; background: url('vhs-assets-css-4ec6bd5d9fbccf3740b7c8b3c5c85792.png') 0 bottom no-repeat; } .teaser .inner-top { padding: 0 0 0; display: block; height: 3px; background: url('vhs-assets-css-6de55ccac78b7c66b8e1465c9909512a.png') 0 0 no-repeat; } .teaser .inner { padding: 0 3px; background: url('vhs-assets-css-48a45635e57ee1c981439f8f48a7f7b3.png') 0 0 repeat-y; } .teaser .cont { padding: 9px 10px 40px; position: relative; } .teaser .inner > a { display: block; color: #fff; font-size: 1.8em; line-height: 1.2em; padding: 7px 10px 7px; margin: 0 0 5px 0; background: url('vhs-assets-css-7859735c68df2524f9351094509a15a4.gif') 0 0 repeat-x; color: #fff; text-decoration: none; } .teaser .inner > a:hover, .teaser .inner > a:focus, .teaser .inner > a:active { text-decoration: underline; } /* IE Hack */ * + html .teaser h2 { padding: 0; } * + html .teaser h2 a { background: url('vhs-assets-css-7859735c68df2524f9351094509a15a4.gif') 0 0 repeat-x; padding: 7px 10px 7px; } /* Headlinefarben */ .blue .inner > a {background-position: 0 0;} .green .inner > a {background-position: 0 -36px;} .red .inner > a {background-position: 0 -72px;} .lila .inner > a {background-position: 0 -108px;} .orange .inner > a {background-position: 0 -144px;} .dark-blue .inner a {background-position: 0 -180px;} .teaser dl { display: block; } .teaser dl dt { font-weight: bold; margin: 0 0 8px; } .teaser dl dt, .teaser dl dd { color: #3c3c3c; line-height: 1.66em; font-size: 1.2em; } .teaser dl dd { margin: 0; } /* IE 7 Hack */ * + html .teaser dl dd { margin: 0 0 4px; } .teaser .cont ul { margin-bottom: 25px; } .teaser ul li { display: block; } .teaser ul li a, .teaser ul li a:link, .teaser ul li a:visited { display: block; color: #3c3c3c; padding: 0 0 0 12px; background: url('vhs-assets-css-a8bdb733e03da883b90c8cd5e339432a.png') 0 5px no-repeat; text-decoration: underline; } .teaser ul li a:hover, .teaser ul li a:focus, .teaser ul li a:active { text-decoration: none; } /* andere Linkpfeile */ .teaser.green ul li a { background: url('vhs-assets-css-b446e407e566e4fd10643f8bc2118ced.png') 0 4px no-repeat; } .teaser.red ul li a { background: url('vhs-assets-css-3b4623e8225640c2efc9327d0b177da7.png') 0 4px no-repeat; } .teaser.lila ul li a { background: url('vhs-assets-css-23022363d15d8a36b29250c651d30560.png') 0 4px no-repeat; } .teaser.orange ul li a { background: url('vhs-assets-css-25e89853782b2f1ad3dd5ad63b373373.png') 0 4px no-repeat; } .teaser.dark-blue ul li a { background: url('vhs-assets-css-bf4c54ec2fcbbcd487726bcdf4516ed9.png') 0 4px no-repeat; } /* Button im Teaser */ .teaser .button { display: block; position: absolute; right: 11px; bottom: 10px; } .teaser a.button { color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; display: inline-block; padding: 7px 10px 6px 10px; background: url('vhs-assets-css-7859735c68df2524f9351094509a15a4.gif') 0 -217px repeat-x; } .teaser a.button span { padding: 7px 10px 6px 35px; background: url('vhs-assets-css-e816550b101b607232316499e2829335.gif') 0 2px no-repeat; } .teaser a.button span:hover { text-decoration: underline; } /* Standardbox mit Schattenwurf */ .schattenbox { display: block; padding: 0 0 4px; margin: 0 0 7px 0; background: url('vhs-assets-css-df4c0ff59635de8591417b02b92f6859.png') 0 bottom no-repeat; } .schattenbox .inner-top { padding: 4px 0 0; background: url('vhs-assets-css-4e53e2ddbeb2aa5573274f82e6e36430.png') 0 0 no-repeat; } .schattenbox .inner { background: url('vhs-assets-css-510e23f7ef087e8269a067e9125b855f.png') 0 0 repeat-y; } /* Standardbox mit Schattenwurf in 544px Breite in Abhaengigkeit von #content */ #content .schattenbox { margin-bottom: 7px; background: url('vhs-assets-css-92767f4b7cb34a41f04556bedfa2e751.png') 0 bottom no-repeat; } #content .schattenbox .inner-top { padding: 4px 0 0; background: url('vhs-assets-css-171184e05631e55e472093cba4d199cf.png') 0 0 no-repeat; } #content .schattenbox .inner { padding: 0 3px 0 3px; background: url('vhs-assets-css-03eb1959126805c04baafe64dff419f8.png') 0 0 repeat-y; } #content-wide .schattenbox .inner { padding: 0 6px 0 3px; } /* Standardbox mit Schattenwurf wird mit Sonderklasse ueberzeichnet, so dass der Container grau ist */ #content .schattenbox.grau { background-image: url('vhs-assets-css-6e89726137ea1c115136c8d04a91b4d0.png'); } #content .schattenbox.grau .inner-top { background-image: url('vhs-assets-css-6d2baedf2bef575e14aa7be12c355e5d.png'); } #content .schattenbox.grau .inner { background-image: url('vhs-assets-css-8af1f16fcfcbf8a9fee1fc660279a256.png'); } /* Standardbox mit Schattenwurf wird mit Sonderklasse ueberzeichnet, so dass zwei div.schattenbox aussehen als seien sie eins */ #content .schattenbox.einleitungstext { position: relative; z-index: 2; background: transparent; margin-bottom: -8px; } #iframe-body { background: whitesmoke; padding: 1rem; } /* Schattenbox wird in iframe ausgegeben und soll keine Stile mehr haben */ #iframe-body .schattenbox { padding: 0; margin: 0; background: transparent; } #iframe-body .schattenbox .inner-top { padding: 0; background: transparent; } #iframe-body .schattenbox .inner { background: transparent; } #iframe-body .schattenbox .head { border: 0; } /* Unterschiedliche Anbschnitte */ .schattenbox .head { padding: 4px 15px 5px 10px; margin: 0; border-bottom: 1px solid #acc5cc; } .schattenbox .head a, .schattenbox .head a:link, .schattenbox .head a:visited, .schattenbox .head a:hover, .schattenbox .head a:focus, .schattenbox .head a:active { padding: 0; font-size: 1.2em; background: none; } .schattenbox h2 { float: left; margin-bottom: 0; font-size: 2em; } .schattenbox h3 { font-size: 1.6em; font-weight: bold; margin: 0 0 5px; line-height: 1.3em; } .schattenbox h3 a { font-size: 1em; padding: 0; text-decoration: none; background: none; } .schattenbox h3 a:hover { text-decoration: none; } .schattenbox .head a { color: #666; float: right; margin: 7px 0 0 20px; font-size: 1.1em; } .schattenbox .rss { width: 14px; height: 14px; background: url('vhs-assets-css-85a203a2b4062c78794850add3082b6f.gif') 0 0 no-repeat; } .pfeilicon, .pfeilicon:link, .pfeilicon:visited, .pfeilicon:hover, .pfeilicon:focus, .pfeilicon:active { padding-left: 12px; background: url('vhs-assets-css-815981296554106c295a91947620e9d6.png') 0 2px no-repeat; } .abschnitt p { font-size: 1.2em; line-height: 1.58em; margin: 0 0 10px; } .abschnitt .button { float: right; } .abschnitt a, .abschnitt a:link, .abschnitt a:visited { color: #0568AE; text-decoration: none; font-size: 1em; text-decoration: underline; } .abschnitt a:hover, .abschnitt a:focus, .abschnitt a:active { text-decoration: none; } .abschnitt strong a, .abschnitt strong a:link, .abschnitt strong a:visited { color: #3c3c3c; text-decoration: none; } .abschnitt strong a:hover, .abschnitt strong a:focus, .abschnitt strong a:active { text-decoration: none; color: #0568AE; } .abschnitt .right.pfeilicon { font-size: 1.2em; margin-bottom: 10px; } .abschnitt strong { display: block; font-size: 1.6em; font-weight: bold; line-height: 1.3em; margin: 0 0 5px; } .abschnitt .topline { display: block; margin: 0 0 7px; text-transform: uppercase; } .abschnitt .img { float: left; width: 110px; overflow: hidden; margin: 0 10px 10px 0; display: inline-block; } .abschnitt .img a { padding: 0; background: none; } .abschnitt .cont { margin: 0 13px 0 10px; border-bottom: 1px solid #dcdcdc; border-top: none; padding: 15px 0 0; } .abschnitt .button { margin-bottom: 10px; } .abschnitt .buts { display: block; float: right; } .abschnitt .buts li { display: inline; margin: 0 0 0 7px; font-size: 1.2em; line-height: 1.7em; } .abschnitt .buts li img { margin: 3px 0 0 0; } .abschnitt .buts li a { color: #777; font-size: 1em; text-decoration: none; padding: 2px 10px 3px; background: #eee; } .abschnitt .buts li a:hover { color: #fff; background: #0568AE; } .abschnitt .buts li.img a { padding: 0; background: none; } .abschnitt .cont .link-space { clear: both; } .abschnitt .cont.last { border: none; padding-top: 15px; } /* Downloadteaser */ .abschnitt .downloadteaser { position: relative; margin: 0 0 -1px; padding: 15px 13px 0 10px; border-bottom: 0; } .abschnitt .downloadteaser .trenner { clear: both; display: block; height: 1px; margin-bottom: 1px; background: url('vhs-assets-css-8d2932a7266e4d23d9d37fc2b5c675fb.gif') 0 bottom repeat-x; } .downloadteaser .abschluss { position: absolute; left: -1px; bottom: -1px; display: block; width: 547px; height: 1px; /* Die verschiedenen Hintergrundfarben werden bei "Farbigkeit nach belieben erweitern" vergeben */ } /* Formularfehlerausgabe */ .form-error-box { color: #ff0000; padding: 5px 10px 5px 5px; margin: 0 0 10px 115px; } .form-error-box ol { margin: 0 0 0 20px; } .inner .form-error-box ul { margin-left: 0; } .inner .form-error-box ul li { margin-bottom: 0; list-style-type: none; } .form-error-box ol li, .form-error-box ul li { margin: 0; font-weight: bold; } #content-wide .form-error-box { margin-left: 250px; padding: 0 10px 0 0; } #content .form-error-box { width: 260px; margin-left: 150px; } /* Checkboxen auf linker Seite, Labels rechts daneben */ .checkbox-links input { float: left; margin: 6px 0 0 155px; line-height: 1.25em; } #inner-wrapper .checkbox-links label { width: 240px; margin-left: 6px; text-align: left; line-height: 1.25em; } #inner-wrapper .checkbox-links textarea { clear: both; margin: 10px 0 10px 155px; } /* Paginierung */ .inner .paginierung { display: inline-block; } .inner .paginierung li { float: left; display: list-item; overflow: hidden; margin-right: 3px; padding-right: 3px; background: url('vhs-assets-css-efabfd6094f88a65e5392066cf668d22.gif') right 4px no-repeat; } .inner .paginierung .last { margin-right: 0; padding-right: 0; background: transparent; } .inner .paginierung li a, .inner .paginierung li a:link, .inner .paginierung li a:visited, .inner .paginierung li a:hover, .inner .paginierung li a:focus, .inner .paginierung li a:active, .inner .paginierung li strong { float: left; /* IE7 */ display: inline; margin: 0; padding: 1px 3px; font-size: 1em; line-height: 1.25em; color: #3c3c3c; text-decoration: none; } .inner .paginierung li a:hover, .inner .paginierung li a:focus, .inner .paginierung li a:active, .inner .paginierung li strong { font-weight: bold; color: #fff !important; background: #888; } .schattenbox .paginierung { float: right; margin-bottom: 10px; } .head .paginierung { float: right; height: 20px; margin: 5px 0 0 15px; } div.head h1.archivePage { display: inline; } /* Stage */ #content .stage img { height: 210px; width: 535px; padding: 9px 10px; } #content-wide .stage img { height: 210px; width: 730px; padding: 9px 10px; } /* Context-Teaser */ .context-teaser img { width: 183px; padding: 9px 10px; } /* News sortieren */ .news-sortieren { float: right; min-height: 20px; margin: 0 0 10px 3px; height: 10px; } .head .news-sortieren { margin: 3px 0 0 3px; } .news-sortieren fieldset { float: left; display: inline; height: 10px; } .news-sortieren dl { display: inline; height: 10px; margin: 3px 0 0 15px; list-style: none; font-size: 1em; } .news-sortieren dd { display: inline-block; } .news-sortieren form { display: inline; } .news-sortieren select { float: left; font-size: 1em; line-height: 18px; } #inner-wrapper .news-sortieren .button { float: left; height: 20px; margin: 0 0 0 5px; font-size: 0.8462em; line-height: 1em; } /* Newsbutton */ #wrapper .button, #inner-wrapper .button, #inner-wrapper button { display: inline-block; height: auto; padding: 1px 10px; color: #fff; font-size: 1.3em; line-height: 2.1538em; font-weight: bold; text-decoration: none; background: linear-gradient(to bottom, #9ea0a0 0%,#737575 100%); border: 0; } #wrapper #inner-wrapper button span, #wrapper #inner-wrapper .button span, #wrapper .button span { padding: 2px 5px 1px 25px; background: url('vhs-assets-css-f3bc4e8e395c3e5a40638f8f4438bb46.png') 0 6px no-repeat; background-size: 20px; display: block; } #inner-wrapper .button span:hover { text-decoration: underline; } #inner-wrapper .auszeichnung, #wrapper .auszeichnung { background: linear-gradient(to bottom, #c2244a 0%,#a61d3e 100%); } /* Fliesstext/Artikeldetailseite */ .fliesstext { padding: 6px 10px 0 10px; } .fliesstext h1, .fliesstext h2 { float: none; margin-bottom: 10px; } .fliesstext ul { list-style: disc; list-style-position: outside; margin: 0 0 20px 20px; } .fliesstext ul li { display: list-item; margin-bottom: 10px; } .fliesstext img { margin-bottom: 10px; } /* Freitextfeld - kann auf Artikeldetailseiten vorkommen */ .freitext { font-weight: bold; color: #ff9900; } .freitext img { float: left; margin: 0 10px 10px 0; } /* Unterstrichene Überschriften */ .underlined-headline { border-bottom: 1px solid #acc5cc; padding: 4px 10px 5px 10px; margin-bottom: 4px; } .underlined-headline h2 { float: none; } /* Text auf Newsarchivseite */ .fliesstext p.newsarchiv { border-bottom: 1px solid #dcdcdc; padding-bottom: 5px; } /* Liste mit check-Haken */ ul.check { padding-left: 0 !important; } ul.check li { background: url('vhs-assets-css-36f4f05656f7d9441615be1591714f73.png') no-repeat scroll left 3px transparent; list-style: none outside none; padding-left: 30px; } .bild-links-text-rechts img { float: left; margin: 0 10px 5px 0; } .bild-rechts-text-links img { float: right; margin: 0 0 5px 10px; } .sprungmarke { margin-bottom: 20px; padding-bottom: 4px; border-bottom: 1px solid #dcdcdc; } .sprungmarke h3 { float: left; width: 440px; margin-bottom: 0; line-height: 1.5em; } .sprungmarke a { float: right; margin-top: 3px; padding-left: 14px; font-size: 1.3em; background: url('vhs-assets-css-543467f60f27c55a7db093b8b1786258.gif') 0 4px no-repeat; } /* Social Liste */ .inner .social-liste { list-style: none; width: 100%; height: 41px; margin: 0 0 10px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; list-style: none; } #wrapper .social-liste li { float: left; padding: 10px 0 10px 1px; height: 21px; list-style: none; } #wrapper .social-liste li span { float: left; } .inner .infobox .social-liste { margin: -10px 0 10px; padding: 0; border-top: 0; border-bottom: 1px solid #53BCD5; } .social-liste .twitter { width: 111px; } .social-liste .facebook { width: 122px; } .social-liste .print a { background: url('vhs-assets-css-d51fe6feab1988dc5d3088abf6ea2581.png') 0 11px no-repeat; padding: 12px 20px 8px 20px; text-decoration: none; } .social-liste .send a { background: url('vhs-assets-css-054de220af844cdd4a7f8a2471a37d5f.png') 0 12px no-repeat; padding: 12px 20px 8px 20px; text-decoration: none; } .social-liste .print a:hover, .social-liste .send a:hover { text-decoration: underline; } .social-bottom { margin-top: 20px; padding: 5px 10px; } /* Context */ #context { float: right; width: 200px; margin: 6px 10px 0 0; padding: 0 0 10px 0; } /* Werbung im Context wird mit Tabelle ausgeliefert */ #context table, #context td { padding: 0; border: 0; } /* Footer */ #footer { clear: both; padding: 15px 10px 5px; background: #ccd1d4; } #footer ul { float: left; margin: 0 30px 0 0; } #footer ul li { display: inline; color: #666; font-size: 1.2em; line-height: 1.7em; } #footer ul li a, #footer ul li strong { color: #666; padding: 0 6px 0 7px; border-right: 1px solid #666; text-decoration: none; } #footer ul li strong, #footer ul li .active { color: #0a4480; font-weight: bold; } #footer ul li a:hover { text-decoration: underline; } #footer ul li.last a { border: none; } #footer .social { float: right; margin: 0; } #footer .social li { float: left; margin: 0 0 0 7px; } #footer ul.social li a { padding: 0; margin: 0; border: none; } #footer ul.social li img { margin: -5px 0 0 0; } /* Newsletteranmeldung */ .newsletter-reg p { padding: 15px 20px 0 20px; } .newsletter-reg ol { list-style-position: inside; margin: 0 20px 20px 20px; line-height: 20px; } .newsletter-reg dd ol { margin-left: 0; } .newsletter-reg ol li{ list-style-type: decimal; font-weight: bold; margin: 0; } .newsletter-reg .register { width: 730px; } .register p { margin-bottom: 0; padding: 0 0 0 0; } .newsletter-reg .register p + p { margin-right: 305px; } .newsletter-form { margin-left: 118px; } .form-error-box { margin-left: 118px; padding: 0 10px 0 0; } .newsletter-form .form-error-box dl, .newsletter-form .form-error-box dl { margin-left: 0; } #content-wide .newsletter-folgeseite .form-error-box { margin-left: 255px; } #content-wide .newsletter-reg .form-error-box { margin-left: 120px; } .newsletter-form input[type="text"] { float: left; width: 256px; font-size: 1.2em; margin: 0 20px 6px 0; padding: 6px 4px; background: #ceedf4; } /* IE 7 Hack */ * + html .newsletter-form input[type="text"] { margin-left: -120px; } .newsletter-form .datenschutz { font-size: 1em; background: none; color: #3c3c3c; float: right; margin: 5px 0 20px 0; } .newsletter-form .form-error-box dl { margin: 0 0 20px 20px; } .newsletter-choose { display: block; width: 362px; border: solid 1px #dcdcdc; border-bottom: none; float: left; min-height: 126px; margin-left: 10px; } .newsletter-choose input[type="checkbox"] { float: right; margin: 15px 10px 0 10px; } .newsletter-choose img { float: left; margin: 15px 10px 0 10px; } .newsletter-choose .description { display: inline-block; /* IE7 */ width: 240px; margin: 15px 0 0 0; padding: 1px; } .newsletter-choose strong { float: none; display: block; font-size: 1.4em; font-weight: bold; color: #0a4480; } .newsletter-choose em { padding: 0; margin-bottom: 0; line-height: 1.3846em; font-style: normal; } .newsletter-choose.last { border-right: none; } .borderless { border-left: none; margin-left: 0; } #inner-wrapper .choose-all { width: 725px; min-height: 46px; border: solid 1px #dcdcdc; margin: 0 0 20px 10px; } #inner-wrapper .choose-all label { color: #0a4480; font-size: 1.4em; font-weight: bold; float: right; margin: 15px 10px 0 0; } /* Newsletter Archiv */ .newsletter .archiv { margin-top: 9px; } .newsletter .archiv ul { list-style: none; margin: 0; width: 690px; padding: 0; } .newsletter .archiv .pfeil { background: url('vhs-assets-css-815981296554106c295a91947620e9d6.png') 0 4px no-repeat; padding: 0 0 0 12px; } .newsletter .archiv ul li { margin: 0 0 5px 0; } .newsletter .archiv ul li a { margin: 0; padding: 0; } .newsletter .archiv form { margin-bottom: 13px; } .newsletter .archiv h4 { margin: 0; } .newsletter .archiv select { display: block; margin-bottom: 10px; } .newsletter .archiv button { clear: both; } /* Themenuebersicht */ .themenuebersicht .head { padding: 4px 10px 5px; } .themenuebersicht .cont { margin: 0 13px 0 10px; padding: 15px 0 10px; } .personal-arbeitsrecht .themenuebersicht li { margin-left: 30px; background: url('vhs-assets-css-ef27dbcc6e407c1b52f7e950605cf993.png') no-repeat scroll left 0 transparent; padding-left: 30px; } .lohn-gehalt .themenuebersicht li { margin-left: 30px; background: url('vhs-assets-css-119a8f100b1f70ad148fe5531183feb6.png') no-repeat scroll left 0 transparent; padding-left: 30px; } .steuern-bilanzierung .themenuebersicht li { margin-left: 30px; background: url('vhs-assets-css-179d45994ec5ffdbfcbc8cd29fc3cf27.png') no-repeat scroll left 0 transparent; padding-left: 30px; } .datenschutz .themenuebersicht li { margin-left: 30px; background: url('vhs-assets-css-d1fffa311c466c40d538e52ff168063e.png') no-repeat scroll left 0 transparent; padding-left: 30px; } .arbeitssicherheit .themenuebersicht li { margin-left: 30px; background: url('vhs-assets-css-3a3242dc1ca659b8ff1ca5effd5e3a08.png') no-repeat scroll left 0 transparent; padding-left: 30px; } .produktion-technik .themenuebersicht li { margin-left: 30px; background: url('vhs-assets-css-4d0a218e1db801fc06511ff743c0374a.png') no-repeat scroll left 0 transparent; padding-left: 30px; } .themenuebersicht ul li { width: 200px; float: left; margin-bottom: 10px; } .themenuebersicht ul li a { color: #3c3c3c; font-size: 1em; font-weight: bold; background: none; } .themenuebersicht fieldset { width: 283px; height: 80px; text-align: center; padding: 0; margin: 0 auto; } .themenuebersicht .search label { display: block; margin-bottom: 18px; font-size: 1.5em; font-weight: bold; } .themenuebersicht .search input { border: none; width: 240px; height: 16px; color: #464646; font-size: 1.2em; margin: 0; /* Webkit */ padding: 8px 4px; background: url('vhs-assets-css-d6255fc4d27ca030f1056d96362cd2f4.png') 0 0 no-repeat; } .themenuebersicht .icons { text-align: center; margin: 20px 0 20px 0; } .themenuebersicht .icons a { background: none; } /* IE 7 Hack */ * + html .themenuebersicht .search input { width: 220px; } * + html .themenuebersicht fieldset{ width: 273px; } #inner-wrapper .themenuebersicht .search .button { float: left; width: 35px; height: 30px; padding: 7px 4px; background: url('vhs-assets-css-55805c0106146fd79c1a0f926717cc63.png') 0 0 no-repeat; } /* Premiumbereich */ .premium .head { border-bottom: 1px solid #eeefe1; } .premium h2 { font-weight: bold; } .premium label { font-size: 1.5em; font-weight: bold; } .premium fieldset { margin: 35px 0; width: 400px; } .premium input { width: 205px; padding: 5px 0 5px 5px; margin-top: 20px; } * + html .premium button { margin-left: 3px; } /* Kontaktformular */ /* Downloaddetail */ .downloaddetail h1 { color: #f90; margin: 0 0 10px 0; } .downloaddetail h2 { color: #f90; } .downloaddetail .rightside { float: right; padding: 0 0 0 0; width: 230px; } .downloaddetail .rightside ul { margin: 0 0 0 0; } .downloaddetail .rightside li { margin-left: 15px; } .downloaddetail .back, .shopdetail .back { width: 500px; padding: 10px 0 20px 0; } .downloaddetail .back a, .shopdetail .back a { display: inline-block; color: #3c3c3c; padding: 0 0 0 12px; background: url('vhs-assets-css-873123c29a33842763b360358cdb2b27.png') 0 3px no-repeat; text-decoration: underline; font-size: 1.3em; } .downloaddetail .back a:hover, .shopdetail .back a:hover { text-decoration: none; } #inner-wrapper .downloaddetail a.button { color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; display: inline-block; padding: 7px 103px 6px 10px; background: url('vhs-assets-css-7c11d6a822025234955a2496bc62aefe.jpg') repeat-x; height: auto; line-height: normal; } #inner-wrapper .downloaddetail a.button span { padding: 7px 10px 6px 35px; background: url('vhs-assets-css-e816550b101b607232316499e2829335.gif') 0 2px no-repeat; } .downloaddetail .datenschutz { padding-left: 190px; top: 5px; color: #3c3c3c; } /* Buttonstil für deaktiviertes JavaSkript */ #inner-wrapper .downloaddetail button.button { text-align: left; font-size: 1.2em; width: 287px; margin-bottom: 5px; } .downloaddetail .button-wrapper { width: 287px; } .downloaddetail .infobox { background-color: #cee5eb; border: solid 1px #53bcd5; width: 426px; float: left; padding: 20px; margin-bottom: 20px; } .downloaddetail .infobox h2 { font-size: 1.6em; font-weight: bold; line-height: 1.3em; margin-bottom: 10px; color: #168db3; } .downloaddetail .infobox ul { margin: 0; padding-left: 30px; } .downloaddetail .infobox ul li { display: list-item; } .downloaddetail .infobox input { width: 278px; margin: 0 0 10px 0; padding: 5px 0 5px 4px; } .downloaddetail .infobox .image { position: relative; float: left; margin: 4px 15px 5px 0; } .downloaddetail .infobox .content-wrapper { float: left; width: 287px; margin-bottom: 20px; } .downloaddetail .infobox .content-wrapper-no-img { width: auto; margin-bottom: 20px; } .downloaddetail .infobox p.emailerror { color: red; font-weight: bold; margin-bottom: 0; margin-top: -15px; } .downloaddetail .infobox .image a { position: absolute; left: -15px; bottom: -20px; } /* Datenschutzlink unter Buttons */ .standardformular { font-size: 1em; background: none; color: #3c3c3c; margin: 5px 0 20px 0; } /* Formularstile für Kommentare, Shopdetailseite & Newsletterfolgeseite */ .standardformular { display: block; width: 530px; margin: 20px 0; } .standardformular fieldset { width: 530px; } .standardformular .formreihe { clear: both; display: block; width: 100%; margin-bottom: 10px; } .standardformular label, .standardformular .fakelabel { float: left; width: 150px; margin-right: 5px; padding-top: 8px; text-align: right; } .standardformular #overlay { width: 265px; float: right; text-align: center; } .standardformular input[type="text"] { float: left; width: 250px; padding: 5px; } .standardformular input[type="radio"] { margin: 2px 5px 0 0; } /* IE 7 */ * + html .standardformular input[type="radio"] { margin: -2px 0 0; } .standardformular select { float: left; width: 264px; margin-top: 4px; } .standardformular textarea { float: left; height: 175px; width: 258px; margin: 0; } .standardformular .hinweis { float: right; margin: 0 108px 10px 0; text-align: right; } .standardformular button { clear: both; float: right; margin-right: 108px; } .standardformular .radio-wrapper { float: right; width: 230px; margin: 7px 0 0; } .standardformular .radio-wrapper label { width: auto; margin-right: 20px; padding-top: 1px; } .standardformular .radio-wrapper input { float: left; } #inner-wrapper .kommentare .button { margin-top: 20px; } /* Standardformular in #content-wide */ #content-wide .standardformular { width: 580px; } #content-wide .standardformular label, #content-wide .standardformular .fakelabel { width: 250px; } #content-wide .standardformular .radio-wrapper { width: 260px; margin-right: 10px; } #content-wide .standardformular .radio-wrapper label { width: auto; margin-right: 20px; } #content-wide .standardformular .hinweis, #content-wide .standardformular button { margin-right: 10px; } #content-wide .standardformular .formreihe-image-left img { float: left; margin: 0 30px 0 15px; } #content-wide .standardformular .formreihe-image-left button { float: left; clear: none; } #content-wide .standardformular .formreihe-image-left .hinweis { text-align: left; float: left; width: 66%; } /* Standardformular zweispaltig */ #content-wide .standardformular.zweispaltig { margin: 0 0 0 40px; } .standardformular.zweispaltig fieldset { width: 290px; float: left; } #content-wide .standardformular.zweispaltig label { width: 107px; } #content-wide .standardformular.zweispaltig input, #content-wide .standardformular.zweispaltig select { width: 161px; } #content-wide .standardformular.zweispaltig .hinweis, #content-wide .standardformular.zweispaltig button { margin-right: 115px; } #content-wide .newsletter-folgeseite .form-error-box { margin-left: 157px; } #content-wide .zweispaltig .formreihe p { height: 22px; margin: 0; } /* Formular mit Bild */ #content-wide .form-image-right { width: 100%; } #content-wide .form-image-right fieldset { width: 400px; float: left; margin-left: 30px; margin-right: 35px ; } #content-wide .form-image-right .formreihe { width: 100%; } #content-wide .form-image-right .radio-wrapper { width: 278px; } #content-wide .form-image-right label { width: 105px; } #content-wide .form-image-right .radio-wrapper label { width: auto; } #content-wide .form-image-right .image-wrapper { padding-top: 41px; } /* Listenstil fuer Redakteursuebersicht & Kommentaruebersicht */ .kommentare ul, ul.redakteursuebersicht { padding-right: 4px; list-style: none; margin: 0; } .kommentare ul li, .redakteursuebersicht li { border-bottom: 1px solid #D4D4D4; padding-bottom: 10px; } .kommentare ul li.last, .redakteursuebersicht li.last{ border-bottom: none; } .kommentare ul li p, .redakteursuebersicht li p { line-height: 1.2308em; } .kommentare ul li h3 { font-size: 1em; } #wrapper .kommentare ul li .button { font-size: 1em; margin-top: 0; float: right; } .kommentare p.autor { color: #999; margin: 0; } .redakteursuebersicht .image-wrapper { float: left; width: 110px; overflow: hidden; margin: 5px 15px 0 0; } .imagewrapper .button { margin-bottom: 0; } .redakteursuebersicht h3 a, .redakteursuebersicht h3 a:link, .redakteursuebersicht h3 a:visited { text-decoration: none; color: #3C3C3C; } .redakteursuebersicht h3 a:hover, .redakteursuebersicht h3 a:focus, .redakteursuebersicht h3 a:active { text-decoration: none; color: #0568AE; } /* Shopdetail */ .shopdetail h2 { color: #f90; padding: 0; margin: 0 0 4px 0; } .shopdetail .fliesstext { padding: 0 15px 0 15px; } /* OLD SHOP FROM HERE .shopdetail h2 { color: #f90; } .shopdetail.schattenbox { margin-bottom: 0; } .shopdetail a.more { background: url('vhs-assets-css-815981296554106c295a91947620e9d6.png') no-repeat scroll 0 3px transparent; padding: 0 0 0 12px; text-decoration: underline; } .shopdetail a:hover.more { text-decoration: none; } .shopdetail #productDetailText { margin-top: 25px; } .shopdetail .preis b { font-size: 1.4em; } .shopdetail .infobox { background-color: #cee5eb; border: solid 1px #53bcd5; min-height: 266px; width: 685px; float: left; padding: 20px 20px 10px 20px; margin-bottom: 20px; } .shopdetail .infobox .vorteile { list-style-type: none; width: 450px; margin: 0 0 30px 20px; } .shopdetail .infobox .check li { padding-left: 30px; } .shopdetail .infobox .image { position: relative; float: left; margin: 0 40px 5px 0; } .shopdetail .infobox .image a { position: absolute; left: -10px; bottom: -20px; } .shopdetail .infobox .textwrapper { display: table-cell; } .shopdetail .infobox .whitebox { background: #fff; list-style-type: none; padding: 20px; margin: 15px auto 20px auto; width: 645px; } .shopdetail .infobox .whitebox li { padding: 5px 0 0 0; line-height: 1.3846em; } .shopdetail .infobox .whitebox .hervorgehoben { color: #f90; } .shopdetail .infobox .garantie { margin: 0 auto 20px auto; list-style-type: none; width: 150px; padding: 10px 275px 1px 260px; background: #fff; }*/ /*OLD SHOP UNTIL HERE*/ /* Suche im Content */ .suchformular fieldset { padding: 13px 5px 10px; } .suchformular ul { position: relative; width: 750px; } .suchformular li { float: left; width: 195px; margin: 0 10px 6px 0; } .suchformular .alle-anzeigen { position: absolute; right: 0; top: 0; width: 140px; } .suchformular label { padding-left: 8px; font-weight: bold; } .suchformular .sucheingabe { position: relative; margin: -1px 0px 0px 0px; padding: 18px 40px 20px; border-top: 1px solid #acc5cc; border-bottom: 1px solid #acc5cc; background: #edf8fc; } .suchformular .button { float: right; margin-right: 30px; } .sucheingabe #produktsuchschlitz { float: left; width: 296px; margin: 0; padding: 5px 50px 5px 10px; height: 30px; background: url('vhs-assets-css-40c003cdb0ef88307b78dc687917731a.png') 0 0 no-repeat; } div.no-product-found { margin: 10px 10px 0 10px; border-bottom: 10px solid #ffffff; font-size: 120%; } /* IE7 */ * + html .sucheingabe #produktsuchschlitz { line-height: 16px; } .sucheingabe label { float: left; margin-top: 11px; font-size: 1.5em; } .gratisdownloadcenter .sucheingabe input[type="text"] { margin-left: 32px; } .sucheingabe input[type="text"] { float: left; width: 295px; margin: 11px 0 11px 45px; padding-top: 12px; border: 0; font-size: 1.4em; background: transparent; color: #464646; vertical-align: baseline; } /* IE7 */ * + html #content-wide .sucheingabe input[type="text"] { padding-top: 12px; } .sucheingabe input[type="image"] { float: left; display: block; width: 35px; height: 28px; margin: 6px 10px 0 -45px; text-indent: -999em; border: 0; } .suchformular .sucheingabe div div { position: relative; float: left; margin-left: 10px; padding: 0 5px 0 5px; background: url('vhs-assets-css-cb22757acea813f2d36662d32ed813dc.png') right 0 no-repeat; } #inner-wrapper .auto-complete { float: none; position: absolute; left: 10px; top: 40px; width: 340px; height: auto; margin-left: 0; background: none; } #inner-wrapper .plugin-list { position: static; width: auto; } #inner-wrapper .plugin-list li { width: auto; float: none; margin: 0; padding: 0; background: transparent; } #inner-wrapper .auto-complete .plugin-result-list { width: 340px; background: #fff; border: 1px solid #edf8fc; } #inner-wrapper .themenuebersicht .auto-complete, #inner-wrapper .themenuebersicht .auto-complete .plugin-result-list { width: 280px; top: 66px; } /* IE7 */ * + html #inner-wrapper .themenuebersicht .auto-complete .plugin-result-list { width: 261px; top: 45px; } /* IE7 */ * + html #inner-wrapper .themenuebersicht .auto-complete { margin-left:-9px; } #inner-wrapper .plugin-result-list li { padding: 10px 5px; margin: 0; background: none; float: none; text-align: left; } #inner-wrapper .auto-complete .second { background: #edf8fc; } #inner-wrapper .plugin-result-list li:hover, #inner-wrapper .plugin-result-list .selected { background: #F0F0F0; cursor: pointer; } #inner-wrapper .plugin-result-list li a { color: #0568AE; font-weight: normal; } /* Suchergebnisse sortieren */ .ergebnisse-sortieren { margin: 0 10px 20px; padding: 10px 5px 7px; background: #f0f0f0; } .ergebnisse-sortieren .news-sortieren { float: left; width: auto; height: auto; margin: 1px 5px 0 5px; } .ergebnisse-sortieren .news-sortieren dt { float: left; margin-right: 10px; color: #888; font-weight: normal; } #inner-wrapper .ergebnisse-sortieren .button { height: 20px; font-size: 1em; padding-bottom: 2px; display: inline-block; margin-top: 1px; float: left; } .ergebnisse-sortieren .paginierung { float: right; margin: 1px 5px 0 0; } .ergebnisse-sortieren .ergebniss-anzahl { display: inline; float: left; margin: 0 0 0 5px; padding-bottom: 0; } /* Suchergebnisse */ #suchergebnis .meldung { padding-left: 10px; } .suchergebnisse { margin: 0 13px; } .suchergebnisse li { margin-bottom: 12px; padding: 0; border-bottom: 1px solid #d4d4d4; } .suchergebnisse li:last-child { margin-bottom: 0; } .suchergebnisse li .content-wrapper { width: 590px; float: left; } .suchergebnisse li ul li { margin-bottom: 0; padding: 0 0 5px 0; border-bottom: none; } .inner .imagewrapper, .inner .imagewrapper:link, .inner .imagewrapper:visited, .inner .imagewrapper:hover, .inner .imagewrapper:focus, .inner .imagewrapper:active { float: left; position: relative; display: block; width: 110px; overflow: hidden; margin: 0 20px 12px 0; text-decoration: none; } .suchergebnisse .imagewrapper, .suchergebnisse .imagewrapper:link, .suchergebnisse .imagewrapper:visited, .suchergebnisse .imagewrapper:hover, .suchergebnisse .imagewrapper:focus, .suchergebnisse .imagewrapper:active { margin-top: 4px; } .imagewrapper img { display: block; } #wrapper .schattenbox .imagewrapper em { position: absolute; bottom: 0; display: block; width: 90px; margin: 0; padding-left: 18px; font-style: normal; } .ergebnis-fliesstextwrapper { display: table-cell !important; } .suchergebnisse h3 { margin-bottom: 9px; font-size: 1.5385em; line-height: 1.2em; } .suchergebnisse h3 a { display: inline; } /* Die Icons sind auskommentiert, da der Kunde sich hier noch in einer Entscheidungsphase befindet. .suchergebnisse .download, .suchergebnisse .tools, .suchergebnisse .news, .suchergebnisse .shop { width: 550px; display: inline-block; padding-left: 28px; background: url('vhs-assets-css-ba68eb147917e89e944510cffbfd599b.png') 0 1px no-repeat; } .suchergebnisse .tools { background: url('vhs-assets-css-923b59cc78523e7acb3a559f43889012.png') 0 1px no-repeat; } .suchergebnisse .news { background: url('vhs-assets-css-ae416017da0adc07190268a1b5763e51.png') 0 2px no-repeat; } .suchergebnisse .shop { background: url('vhs-assets-css-b296c5cc79baa69e879ebcd16fb9f9ca.png') 0 4px no-repeat; }*/ .suchergebnisse h3 a, .suchergebnisse h3 a:link, .suchergebnisse h3 a:visited { text-decoration: none; color: #3C3C3C; } .suchergebnisse h3 a:hover, .suchergebnisse h3 a:focus, .suchergebnisse h3 a:active { text-decoration: none; color: #0568AE; } .suchergebnisse p { line-height: 1.2308em; } .suchergebnisse .preis { margin-bottom: 10px; font-weight: bold; font-size: 1.2308em; display: block; } .suchergebnisse .preis span.netto-gross-tag { font: 62.5% Arial,Verdana,sans-serif; font-size: .8em; color: #6f6f6f; margin-top: -5px; display: inline-block; } .fehlermeldung { padding: 1em 0 20px 10px; } .fehlermeldung h2 { float: none; padding-bottom: 0.25em; } .fehlermeldung ul { margin-left: 15px; list-style: disc; } .kurztext, .kurztext:link, .kurztext:visited { display: block; margin-bottom: 10px; text-decoration: none; color: #3c3c3c; } .kurztext:hover, .kurztext:focus, .kurztext:active { text-decoration: underline; color: #0568ae; } .pfeilicon { display: inline-block; line-height: 1; } .artikel-trail { clear: right; margin-bottom: 10px; padding-top: 10px; height: 15px; } .artikel-trail li { float: right; margin: 0 0 0 10px; padding: 0; border: 0; } .artikel-trail li a { display: inline-block; padding-left: 12px; line-height: 1; background: url('vhs-assets-css-815981296554106c295a91947620e9d6.png') no-repeat scroll 0 2px transparent; } #wrapper .suchergebnisse .button { font-size: 1em; margin-bottom: 10px; } /* Sitemap */ .sitemap { padding: 15px 0 10px 0; float: left; } .sitemap ul { padding-left: 12px; width: 345px; } .sitemap li { display: list-item; vertical-align: top; /* IE */ margin-bottom: 10px; } /* IE 7 */ * + html .sitemap li ul { margin-bottom: -10px; } .sitemap h3 { margin: 0; } .sitemap li h3 a, .sitemap li h3 a:link, .sitemap li h3 a:visited{ padding: 0; background: none; } .sitemap li a, .sitemap li a:link, .sitemap li a:visited { background: url('vhs-assets-css-815981296554106c295a91947620e9d6.png') no-repeat scroll 0 3px transparent; padding-left: 10px; text-decoration: none; color: #3c3c3c; } .sitemap li a:hover, .sitemap li a:focus, .sitemap li a:active { color: #0568ae; } .sitemap ul ul { margin-top: 10px; } /* .sitemap ul ul ul { background: red; } .sitemap ul ul ul { background: green; } .sitemap ul ul ul ul { background: blue; } .sitemap ul ul li { background: yellow; } */ /* Bild-Text-Klasse */ .right-image { float: right; margin: 5px 0 5px 5px; } .left-image { float: left; margin: 5px 5px 5px 0; } .image-wrapper-block { float: left; margin: 5px 10px 0 0; } .image-wrapper-block img { margin-bottom: 5px; } .image-wrapper-block em { display: block; font-size: 1em; font-style: normal; } .text-wrapper-block { display: table-cell; } /* Helfer */ /* --- Clearfix --- */ .clear { clear: both; } br.clear { clear: both; visibility: hidden; height: 0; line-height: 0; } /* nicht sichtbare - versteckt Inhalte */ .invisible { display: block; height: 0; width: 0; overflow: hidden; font-size: 0; line-height: 0; position: absolute; left: -4000px; top: -4000px; } /* Textteile in Grossbuchstaben (Uppercase) */ .gbs { text-transform: uppercase; } /* generelle floats */ .left { float: left; } .right { float: right; } /* zusammen mit Teasertext */ img.right, img.left { margin-top: 0.308em; } /* entspricht im wesentlichen display none , ist aber screenreaderfreundlich */ .ahem { position: absolute; overflow: hidden; height: 0px; width: 0px; left: -1000px; top: -1000px; } tfoot.ahem { display: none; } /* Floats ohne zusaetzliches Element aufheben */ .clearfix:after, .logo:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; } /* Wird fuer IE 8 per Conditional Comment ueberschrieben */ @media screen { #innercontent { display: inline-block; } #innercontent:after { content: ""; visibility: hidden; display: block; clear: both; height: 0; } } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* display bei listen wieder auf Std.-Wert */ ol li.clearfix, ul li.clearfix { display: list-item; } /* BWR Floater - Werbepopup */ .floater table, .floater td { border: 0; padding: 0; } timedBanner { left: 50%; margin: 0 0 0 -250px; padding: 0; position: fixed; top: 50px; width: 500px; height: 430px; z-index: 1005; } div.scroll-floater-container { display: block; bottom: 0; display: none; padding: 10px 10px 0px 10px; position: fixed; right: 0; } /* Shop Layout */ div#shop-left { float: left; width: 650px; margin: 0 4px 10px 0; padding: 4px 0 60px 7px; } div#shop-right { margin: 5px 10px 0px 0px; padding: 0px 0px 10px; width: 309px; float: left; } div#tx-con-shop .schattenbox { background: url('vhs-assets-css-e4ff211ddc24a3be1c96563b8c07cada.png') 0 bottom no-repeat; } div#tx-con-shop .schattenbox .inner-top { background: url('vhs-assets-css-fd0510345a840037265d1337e70ffbb8.png') 0 0 no-repeat; } div#tx-con-shop .schattenbox .inner { background: url('vhs-assets-css-6d1e12202b3df15a56c1fd04a21658fd.png') 0 0 repeat-y; } /* Shop Misc */ div.ergebnis-fliesstextwrapper p { font-size: 1em; } div.abschnitt ul.suchergebnisse li:first-child { margin-top: 12px; } div.abschnitt ul.suchergebnisse li h3 { font-size: 1.2em; } .float-left { float: left; margin-right: 1.25em; } /* RTE Styles */ div#shop-left ul.check li, div#shop-right ul.check li, div#shop-checkout-blank ul.check li, div#shop-checkout-widget ul.check li { background: url('vhs-assets-css-5bb97ddd01bb2e73fa0c403c9dc111dd.png') no-repeat 0 2px; padding: 2px 0 0 22px; list-style: none outside none; } ul.question li { background: url('vhs-assets-css-9b79cdb4428db521fd4c4aa76b944e01.png') no-repeat 0 2px; padding: 2px 0 0 22px; list-style: none outside none; } ul.answer li { background: url('vhs-assets-css-bbf19b9bf9377f449f5bd306ae00bd2d.png') no-repeat 0 2px; padding: 2px 0 0 22px; list-style: none outside none; } p.citation { margin: 10px 0; padding: 0 5% 0 5%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; } p.author { padding-right: 5%; text-align: right; margin-bottom: 2em; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #22609b; } /* jquery loadMask */ .loadmask { z-index: 100; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #CCC; width: 100%; height: 100%; zoom: 1; } .loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border:1px solid #CCCCCC; background: #FFFFFF; padding:5px; } .loadmask-msg div { padding: 10px 10px 10px 40px; background: transparent url('vhs-assets-css-3f463dbe064e3dfc046275860b9865bc.gif') no-repeat 0px 0px; cursor:wait; } .masked { overflow: hidden !important; } .masked-relative { position: relative !important; } .masked-hidden { visibility: hidden !important; } /* Shop Paginierung */ .pagination { padding: 10px 10px 7px 10px; margin: 0px 10px; border-top: 10px solid #ffffff; border-bottom: 10px solid #ffffff; background: #f0f0f0; } .f3-widget-paginator { text-align: right; display: block; } .f3-widget-paginator li { display: inline; } .f3-widget-paginator li:after, .f3-widget-paginator li.current + li:before { content: " | "; } .f3-widget-paginator li:last-child:after, .f3-widget-paginator li.current:after { content: none; } .f3-widget-paginator li.current { font-weight: bold; color: #ffffff; background-color: #888888; padding: 0px 5px; margin: 0px 2px; } .f3-widget-paginator li a { text-decoration: none; color: #3c3c3c; } .f3-widget-paginator li a:hover { text-decoration: underline; } .float-left { float: left; margin-right: 1.25em; } /* CSS for Extension con_shop */ /* General */ /* Detail View */ #tx-con-shop ul.social-liste { border: none; margin: 0; } #tx-con-shop ul.social-liste li { float: right; } .shopdetail ul.social-liste span { padding-right: 6px; } .shopdetail ul.social-liste li span { float: left; } .shopdetail h1 { padding-top: 10px; } p.rating-result { border-bottom: none; padding-top: 0px; padding-bottom: 0px; font-size: 1.1em; font-style: italic; text-align: right; } .shopdetail .infobox .social-liste { border-bottom: none; margin-bottom: 0; } .shopdetail .fliesstext .social-liste li { margin-bottom: 0; } .shopdetail h3, .form-content h3 { color: #22609b; border-bottom: solid 1px #cecece; font-weight: normal; padding: 0 0 8px 0; margin: 0 0 8px 0; font-size: 1.4em; } .shopdetail .upsell-table div.form-conditions { border-bottom: solid 1px #cecece; } .shopdetail h4 { color: #2760a5; border-bottom: dashed 1px #cecece; font-weight: bold; padding: 0 0 8px 0; margin: 0 0 14px 0; font-size: 1.4em; } div.product-top { margin-left: 230px; } div.product-top p.product-teaser { margin: 20px 0; } div.product-top span.price { display: inline-block; font-weight: bold; font-size: 2em; } div.product-top span.shipping { display: block; margin-bottom: 10px; font-weight: normal; font-size: 1.2em; color: #6f6f6f; } div#shop-left ul, div#shop-right ul { margin-bottom: 15px; } div#shop-right ul { margin-left: 0; } div.form-conditions ul li { font-size: 100%; margin-bottom: 0.5em; padding-left: 2.3em; list-style: none; background: url('vhs-assets-css-d952d02e5731c51ba7980dbc753ec2f0.png') no-repeat 10px 3px; } div.upsell div.form-conditions { margin-bottom: 0; } div.product-description2 { display: none; } p.more-information { padding: 0 0 0 16px; color: #0767b1; text-decoration: underline; cursor: pointer; } p.more-information.arrow-down { background: url('vhs-assets-css-fc7bce14302094083eda165b27cf37c0.png') no-repeat 0 6px; } p.more-information.arrow-right { background: url('vhs-assets-css-815981296554106c295a91947620e9d6.png') no-repeat 3px 3px; } div.blue-box { padding: 15px; background: #eaf7ff; border: solid 1px #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 15px 0; } div.blue-box p { margin: 0; font-size: 1.2em; line-height: 18px; } div.blue-box.incentive p { margin-right: 170px; } div.blue-box .incentive-image { float: right; width: 150px; text-align: center; } div.blue-box .incentive-image img { max-width: 150px; height: auto; } div.blue-box .incentive-image span { display: inline-block; margin-top: 70px; font-style: italic; } div.blue-box .incentive img { font-size: 1em; margin-top: 1em; float: left; } /*div.blue-box.conshop-downloads { margin: 0 0 35px 0; }*/ div.blue-box ul.conshop-downloads { margin-top: 1em; margin-bottom: -10px; background: url('vhs-assets-css-b1497cff3468795ddf0faea0c7b765a3.png') no-repeat; background-position: left top; min-height: 67px; padding-top: 15px; padding-bottom: 15px; padding-left: 80px; font-size: 14px; } ul.conshop-downloads div.button-holder a { margin: 0px; margin-bottom: 2px; } ul.plain, ul.conshop-downloads { margin: 1em 0 0 0; list-style: none; } div.spacer { margin-top: 1em; } /* Detail View: Images */ div.product-images { float: left; width: 200px; } div.product-images .big-product-image { position: relative; margin: 0 0 16px 0; } div.product-images .big-product-image img { margin: 0; } div.small-product-images { margin: 15px 0 0 0; } div.small-product-images .single-image { float: left; width: 90px; height: 90px; display: table; border: 1px solid #cecece; margin-bottom: 16px; margin-right: 4px; opacity: 0.5; } div.small-product-images .single-image:hover { opacity: 1; } div.small-product-images .single-image img { margin: 0; } div.small-product-images .single-image a { display: table-cell; vertical-align: middle; text-align: center; } div.product-images img.magnifier { position: absolute; bottom: 5px; right: 5px; } a.imagewrapper { position: relative; } span.new-badge { position: absolute; background: #b4002b; height: 60px; width: 60px; top: 0; left: 0; background: url('vhs-assets-css-d67df14d7f85fbef53d5ec5d1da9e2d2.png') no-repeat; z-index: 1; } /* Confirmation */ div#shop-left table.confirmation { margin-bottom: 10px; } div#shop-left table.confirmation td { padding: 0; border: none; font-size: 0.7em; vertical-align: top; } div#shop-left table.confirmation td.small { font-size: 0.65em; } div#shop-left table.confirmation td table td { font-size: 1.1em; } div#shop-left table.confirmation td table td.small { font-size: 0.9em; } div#shop-left div.message-body { font-size: 1.2em; } /* Right Column: Boxes */ div#shop-right div.small-box h3 { padding-top: 10px; } div#shop-right span.service-phone, div#shop-right span.service-email { display: block; padding-left: 40px; color: #2760a5; font-weight: bold; font-size: 1.3em; line-height: 30px; } div#shop-right span.service-phone { background: url('vhs-assets-css-44a2e8dee8d9dd76783686f18c4d8ff9.png') no-repeat; } div#shop-right span.service-email { background: url('vhs-assets-css-af66c95d29629e4b5ea0be8f884ce61e.png') no-repeat; padding-bottom: 15px; } h3 span { display: inline-block; width: 19px; height: 19px; float: right; } h3.shop-author span { background: url('vhs-assets-css-4d5185296c37bcc74e7e82478cf84a1c.png') no-repeat 0 0; } h3.shop-perks span { background: url('vhs-assets-css-4d5185296c37bcc74e7e82478cf84a1c.png') no-repeat -19px 0; } h3.shop-customers span { background: url('vhs-assets-css-4d5185296c37bcc74e7e82478cf84a1c.png') no-repeat 0 -19px; } h3.shop-service span { background: url('vhs-assets-css-4d5185296c37bcc74e7e82478cf84a1c.png') no-repeat -19px -19px; } h3.shop-trusted span { background: url('vhs-assets-css-4d5185296c37bcc74e7e82478cf84a1c.png') no-repeat 0 -37px; } h3.shop-delivery span { background: url('vhs-assets-css-4d5185296c37bcc74e7e82478cf84a1c.png') no-repeat -19px -37px; } /* Form: General */ .form-container { width: 100%; border: 1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-content { position: relative; margin: 0px auto; padding: 15px; } .upsell { padding: 0px 10px 15px 10px; } .clearfix:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; } /* Form: Text Styles */ .form-content, p.small, .form-content ul li { font: normal 11px/16px Arial; } .form-content p.bodytext, .form-content p { font: normal 12px/16px Arial; } .form-content .tab p { margin: 0; } .form-content p.bodytext { margin: 0 0 5px 0; } .form-content p.small { margin: 0.5em 0 0 0; } /* Form: Fields */ div.form-fields { margin-right: 180px; } div.field { margin-bottom: 5px; } div.field.without-margin { margin-right: 0; } div.field label { font-size: 1.2em; font-weight: normal; line-height: 26px; display: inline; } @media (max-width: 849px) { #ConShopFormular .row .field label { line-height: 1.4em; margin-bottom: 0px; margin-top: 0.5em; } } div.field label.form-left { float: left; width: 150px; } div.field label.block, div.field span.block { display: block; float: none; clear: both; } div.field div.form-right { margin-left: 150px; line-height: 26px; } /* Form: Product Image */ div.form-image { float: right; margin-top: 45px; } /* Form: Separator */ div.separator { border-top: 1px dashed #cecece; clear: both; font: bold 12px/18px Arial; margin: 10px 0 10px 0; padding: 10px 0 0 0; } /* Form: Inputs and Selects */ div.field input[type=tel], div.field input[type=email], div.field input[type=text], div.field select { background: #ffffff; border: 1px solid #989898; padding: 5px; font: normal 12px/12px Arial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } div.field input[type="radio"], div.field input[type="check"] { border: none; } div.field input.medium { width: 100%; } div.field input.long, div.field select.long { width: 100%; } div.field input.short, div.field select.short { width: 74px; } div.field input[type=checkbox] { width: 14px; height: 14px; padding: 0; float: left; } div.field .checkboxlabel { font: normal 12px/20px Arial; margin-left: 18px; display: block; } div.field label.inlinelabel { margin: 0 4px 0 4px; } /* Form: Privacy Notice */ div.privacy-notice { text-align: right; margin-top: 10px; margin-bottom: 10px; } /* Form: Payments */ ul#payments { margin: 0 0 10px 0; padding: 0; } #payments input { padding: 0; } ul#payments li { float: left; list-style-type: none; font: normal 12px/18px Arial; margin: 0 32px 0 0; padding: 0; background: none; } ul#payments li:last-child { margin: 0; } #payments label { margin-bottom: 0; } label.paypal { display: inline-block; width: 50px; height: 13px; background: url('/typo3conf/ext/con_shop/Resources/Public/Icons/paypal50.png') no-repeat 0px 2px; } /* Form: Tabs */ div.tab.hidden { display: none; } div.tab.paymode-4 div.field:nth-child(1) { margin-top: 1em; } /* Form: Button */ div.button-holder a { display: block; margin: 0px auto; color: #ffffff; text-decoration: none; width: 230px; font: bold 13px/20px Arial; padding: 4px 10px; background-color: #ff9900; background-image: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png'); background-repeat: no-repeat; background-position: 10px center; background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, linear-gradient(to bottom, #ff9900 0%, #ff6600 100%); cursor: pointer; } div.button-holder a.disabled, div.button-holder a.disabled:hover, div.button-holder a.disabled:active { background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, -moz-linear-gradient(top, #8b7b7f 0%, #78686c 99%); /* FF3.6+ */ background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b7b7f), color-stop(99%, #78686c)); /* Chrome,Safari4+ */ background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, -webkit-linear-gradient(top, #8b7b7f 0%, #78686c 99%); /* Chrome10+,Safari5.1+ */ background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, -o-linear-gradient(top, #8b7b7f 0%, #78686c 99%); /* Opera 11.10+ */ background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, -ms-linear-gradient(top, #8b7b7f 0%, #78686c 99%); /* IE10+ */ background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, linear-gradient(to bottom, #8b7b7f 0%, #78686c 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b7b7f', endColorstr='#78686c', GradientType=0); /* IE6-9 */ } div.button-holder.button-bottom a { display: none; } div.button-holder.left-align a { margin: 0; } div.button-holder a span { display: inline-block; padding-left: 20px; } div.button-holder a:hover > span { text-decoration: underline; } div.button-holder a:hover { background-color: #ffaa00; background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, linear-gradient(to bottom, #ff9900 0%, #ffaa00 100%); } div.button-holder a:active { background-color: #ff5500; background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, linear-gradient(to bottom, #ff9900 0%, #ff9900 100%); } div.button-holder.button-upsell a { width: auto; min-width: 140px; max-width: 320px; } /* Form: Trusted Shops */ div.trusted-shops { position: absolute; right: 10px; bottom: 10px; width: 70px; height: 70px; background: url('vhs-assets-css-b98f0d96bb0dbbeaf1527a16e16351d7.png') no-repeat; } /* Form: Footer */ .form-footer { width: 100%; border: 1px solid #cecece; margin: 10px 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-footer-content { margin: 0px auto; padding: 15px; } .form-footer-content div.form-footer-left { float: left; width: 100px; height: 100px; background: url('vhs-assets-css-5f554ad60dbb5618f8db59b5470daa6c.png') no-repeat 0px 0px; } .form-footer-content div.form-footer-right { margin-left: 100px; } .form-footer-content ul li { font-size: 110%; margin-bottom: 0.5em; padding-left: 2.3em; list-style: none; background: url('vhs-assets-css-d952d02e5731c51ba7980dbc753ec2f0.png') no-repeat 10px 3px; } .form-footer-content ul { list-style-image: none; padding-left: 0; } .form-footer-content ul li:last-child { margin: 0; } /* Form: Upsell */ div.upsell-table { border: 1px solid #7db6db; background: #f3f7f9; margin-bottom: 1.5em; padding: 10px; } div.upsell-table .button-holder-upsell { width: 100%; text-align: center; } div.upsell-table .button-upsell { margin: 2em 0; } @media screen and (max-width: 400px) { div.upsell-table .button-holder-upsell { width: 100%; padding-bottom: 15px; display: block; } div.upsell-table .button-upsell { margin: 0 auto; width: 120px; float: none; } div.upsell-table .button-holder-upsell.right, div.upsell-table .button-upsell.right, div.upsell-table .button-holder-upsell.left, div.upsell-table .button-upsell.left { float: none; } } div.upsell-table h3 { font-weight: bold; } div.upsell-table table { border-collapse: collapse; margin-bottom: 0.5em; margin-top: 1em; border-bottom: 1px #b9b9b9 solid; } div.upsell-table table td { border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #eee; padding: 0.7em; vertical-align: top; font-size: 85%; } @media screen and (max-width: 550px) { div.upsell-table table td { display: block; } div.upsell-table table td:nth-child(odd) { font-weight: 800; border-bottom: none; padding-bottom: 0; } } div.upsell-table p.loading { margin-bottom: 0; } /* Form: WKZ */ span.form-wkz { font-size: 90%; color: #9d9d9d; } /* Form: After Submit */ .submitting { display: none; margin: 0px auto; width: 150px; } p.loading { padding: 20px 10px 10px 40px; background: url('vhs-assets-css-3f463dbe064e3dfc046275860b9865bc.gif') transparent no-repeat 0px center; } .loading-dummy { background: url('vhs-assets-css-3f463dbe064e3dfc046275860b9865bc.gif') transparent no-repeat -30px -30px; } /* Form: Error and Valid Styles */ p.error, ul.error, div.error, span.error { text-align: left; line-height: normal; min-height: 20px; border: 1px solid #f16048; background-repeat: no-repeat; background-position: 10px 10px; padding: 10px 8px 8px 32px; font-weight: bold; background-image: url('vhs-assets-css-c8b7308f5fec1569047e94b22ad0226d.gif'); color: #df280a; background-color: #faebe7; margin-bottom: 1em; } .notice { text-align: left; line-height: normal; min-height: 20px; border: 1px solid #fcd344; background-repeat: no-repeat; background-position: 10px 10px; padding: 10px 8px 8px 32px; background-image: url('vhs-assets-css-51e3f366e318596a473ea491c2820178.png'); background-color: #fafaec; margin-bottom: 1em; } .success { text-align: left; line-height: normal; min-height: 20px; border: 1px solid #446423; background-repeat: no-repeat; background-position: 10px 10px; padding: 10px 8px 8px 32px; background-image: url('vhs-assets-css-a9c1929c15c0347bb46dadb16b23985f.gif'); background-color: #eff5ea; color: #3d6611; margin-bottom: 1em; } div.validation-error, label.error { color: #cc3000; font-weight: bold; line-height: 1.2em; padding: 5px 0 0 10px; background: url('vhs-assets-css-9ef1530a6a4afbd77db560c3bff6f36c.png') no-repeat 2px 6px; } div.field input.validation-error { border: 1px solid #cc3000; } div.field span.mandatory { color: #cc3000; } div.field input.valid { border: 1px solid #468847; background-image: url('vhs-assets-css-dba4d2a33c790647b9a5c0300855b2f2.gif'); background-repeat: no-repeat; background-position: right center; } /* Exception for Quantity field */ div.field input#cart_items_1_quantity.valid { border: 1px solid #989898; background: none; } /* TYPO3 Messages */ #typo3-messages { margin-bottom: 10px; font-family: arial, sans-serif; } .typo3-message { margin-bottom: 4px; padding: 12px; padding-left: 36px; } .typo3-message ul, .typo3-message ol { padding-left: 16px; } .typo3-message .message-header { display: block; } .typo3-message { border: 1px solid; background-position: 10px 12px; background-repeat: no-repeat; } .typo3-message a { text-decoration: underline; } .typo3-message li { margin-bottom: 10px; list-style: disc; } .typo3-message .message-header { font-size: 11px; font-weight: bold; } .message-notice { color: #777; background-color: #f6f7fa; background-image: url("/typo3conf/ext/con_shop_templates/Resources/Public/Img/Gfx/notice.png"); border-color: #c2cbcf; } .message-notice a { color: #777; } .message-information { color: #4c73a1; background-color: #eaf7ff; background-image: url("/typo3conf/ext/con_shop_templates/Resources/Public/Img/Gfx/information.png"); border-color: #c5dbe6; } .message-information a { color: #4c73a1; } .message-ok { color: #3b7826; background-color: #cdeaca; background-image: url("/typo3conf/ext/con_shop_templates/Resources/Public/Img/Gfx/ok.png"); border-color: #58b548; } .message-ok a { color: #3b7826; } .message-warning { color: #9e7d4a; background-color: #fbf6de; background-image: url("/typo3conf/ext/con_shop_templates/Resources/Public/Img/Gfx/warning.png"); border-color: #b1905c; } .message-warning a { color: #9e7d4a; } .message-error { color: #aa0225; background-color: #f6d3cf; background-image: url("/typo3conf/ext/con_shop_templates/Resources/Public/Img/Gfx/error.png"); border-color: #d66c68; } .message-error a { color: #aa0225; } .conshop-downloads a img { margin: 0 5px -2px 0; } .contentbox { padding: 5px; } .count .count-button { width: 25px; height: 24px; background-image: url('vhs-assets-css-97fd80c7414cd39698565c3e2286e94d.png'); display: block; float: left; } .count .minus { background-position: -1px -1px; } .count .plus { background-position: 26px -1px; margin-right: 5px; } .count .count-field { float: left; height: 24px; margin-top: 0; } div.quantity-field { margin-right: 56px; } div#recommended-products h3 { font-weight: bold; border-bottom: none; } div#recommended-products ul.suchergebnisse { list-style: none; } .content-container-author-img-rectangle { width: 80px; } /* * Carousel */ .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-nav [class*='owl-'] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .owl-nav [class*='owl-']:hover { background: #869791; color: #fff; text-decoration: none; } .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-dots .owl-dot span { width: 11px; height: 11px; margin: 12.5px 7px; background: #285375; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-dots .owl-dot.active span { background: #ffffff; width: 15px; height: 15px; border: 2px solid #285375; margin: 10px 7px; } /* Rating */ ul.social-liste li ul.rating { background: url('vhs-assets-css-246123b62b645175bc6b36253e5ad3a9.png') no-repeat scroll 0 0 transparent; float: left; height: 17px; margin: 0 0 2px 0; overflow: hidden; position: relative; padding: 0; width: 95px; } .social-liste .ajax-container, .rating .ajax-container { display: inline-block; } ul.social-liste li ul.nostar { background-position: 0 0; } ul.social-liste li ul.onestar, ul.social-liste li ul.onestar-1, ul.social-liste li ul.onestar-2, ul.social-liste li ul.onestar-3, ul.social-liste li ul.onestar-4 { background-position: 0 -17px; } ul.social-liste li ul.twostar, ul.social-liste li ul.twostar-1, ul.social-liste li ul.twostar-2, ul.social-liste li ul.twostar-3, ul.social-liste li ul.twostar-4 { background-position: 0 -34px; } ul.social-liste li ul.threestar, ul.social-liste li ul.threestar-1, ul.social-liste li ul.threestar-2, ul.social-liste li ul.threestar-3, ul.social-liste li ul.threestar-4 { background-position: 0 -51px; } ul.social-liste li ul.fourstar, ul.social-liste li ul.fourstar-1, ul.social-liste li ul.fourstar-2, ul.social-liste li ul.fourstar-3, ul.social-liste li ul.fourstar-4 { background-position: 0 -68px; } ul.social-liste li ul.fivestar { background-position: 0 -85px; } ul.social-liste li ul.nostar-1 .star-1 a, ul.social-liste li ul.onestar-1 .star-2 a, ul.social-liste li ul.twostar-1 .star-3 a, ul.social-liste li ul.threestar-1 .star-4 a, ul.social-liste li ul.fourstar-1 .star-5 a { background: url('vhs-assets-css-dc95f8f0fd08b7c1aa0ae318a9726eaa.png') left no-repeat; } ul.social-liste li ul.nostar-2 .star-1 a, ul.social-liste li ul.onestar-2 .star-2 a, ul.social-liste li ul.twostar-2 .star-3 a, ul.social-liste li ul.threestar-2 .star-4 a, ul.social-liste li ul.fourstar-2 .star-5 a { background: url('vhs-assets-css-1f29e8b184f09011b048a9dbbc03a5cc.png') left no-repeat; } ul.social-liste li ul.nostar-3 .star-1 a, ul.social-liste li ul.onestar-3 .star-2 a, ul.social-liste li ul.twostar-3 .star-3 a, ul.social-liste li ul.threestar-3 .star-4 a, ul.social-liste li ul.fourstar-3 .star-5 a { background: url('vhs-assets-css-f3a6aac28ff8960188418aa533442c32.png') left no-repeat; } ul.social-liste li ul.nostar-4 .star-1 a, ul.social-liste li ul.onestar-4 .star-2 a, ul.social-liste li ul.twostar-4 .star-3 a, ul.social-liste li ul.threestar-4 .star-4 a, ul.social-liste li ul.fourstar-4 .star-5 a { background: url('vhs-assets-css-27c186de7c98505e8324662772bc17d8.png') left no-repeat; } ul.social-liste li ul.nostar-1 .star-1 span, ul.social-liste li ul.onestar-1 .star-2 span, ul.social-liste li ul.twostar-1 .star-3 span, ul.social-liste li ul.threestar-1 .star-4 span, ul.social-liste li ul.fourstar-1 .star-5 span { background: url('vhs-assets-css-dc95f8f0fd08b7c1aa0ae318a9726eaa.png') left no-repeat; } ul.social-liste li ul.nostar-2 .star-1 span, ul.social-liste li ul.onestar-2 .star-2 span, ul.social-liste li ul.twostar-2 .star-3 span, ul.social-liste li ul.threestar-2 .star-4 span, ul.social-liste li ul.fourstar-2 .star-5 span { background: url('vhs-assets-css-1f29e8b184f09011b048a9dbbc03a5cc.png') left no-repeat; } ul.social-liste li ul.nostar-3 .star-1 span, ul.social-liste li ul.onestar-3 .star-2 span, ul.social-liste li ul.twostar-3 .star-3 span, ul.social-liste li ul.threestar-3 .star-4 span, ul.social-liste li ul.fourstar-3 .star-5 span { background: url('vhs-assets-css-f3a6aac28ff8960188418aa533442c32.png') left no-repeat; } ul.social-liste li ul.nostar-4 .star-1 span, ul.social-liste li ul.onestar-4 .star-2 span, ul.social-liste li ul.twostar-4 .star-3 span, ul.social-liste li ul.threestar-4 .star-4 span, ul.social-liste li ul.fourstar-4 .star-5 span { background: url('vhs-assets-css-27c186de7c98505e8324662772bc17d8.png') left no-repeat; } ul.social-liste li ul.rating li { background: none repeat scroll 0 0 transparent; float: left; text-indent: -999em; } ul.social-liste li ul.rating li a { height: 17px; left: 0; position: absolute; text-decoration: none; top: 0; width: 19px; z-index: 200; } ul.social-liste li ul.rating li .vote, ul.social-liste li ul.rating li .voted { height: 17px; left: 0; position: absolute; text-decoration: none; top: 0; width: 19px; z-index: 200; } ul.social-liste li ul.rating li .vote { cursor: pointer; } ul.social-liste li ul.rating li.star-1 a { left: 0; } ul.social-liste li ul.rating li.star-2 a { left: 19px; } ul.social-liste li ul.rating li.star-3 a { left: 38px; } ul.social-liste li ul.rating li.star-4 a { left: 57px; } ul.social-liste li ul.rating li.star-5 a { left: 76px; } ul.social-liste li ul.rating li.star-1 span { left: 0; } ul.social-liste li ul.rating li.star-2 span { left: 19px; } ul.social-liste li ul.rating li.star-3 span { left: 38px; } ul.social-liste li ul.rating li.star-4 span { left: 57px; } ul.social-liste li ul.rating li.star-5 span { left: 76px; } ul.social-liste li ul.rating li a:hover { background: url('vhs-assets-css-246123b62b645175bc6b36253e5ad3a9.png') no-repeat scroll 0 0 transparent; height: 17px; left: 0; overflow: hidden; width: 96px; z-index: 2; } ul.social-liste li ul.rating li.star-1 a:hover { background-position: 0 -102px; } ul.social-liste li ul.rating li.star-2 a:hover { background-position: 0 -119px; } ul.social-liste li ul.rating li.star-3 a:hover { background-position: 0 -136px; } ul.social-liste li ul.rating li.star-4 a:hover { background-position: 0 -153px; } ul.social-liste li ul.rating li.star-5 a:hover { background-position: 0 -170px; } ul.social-liste li ul.fourstar { background-position: 0 -68px; } .downloaddetail .rating-result { font-size: 1em; } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('vhs-assets-css-743c162095f1d588ce00ba593278bece.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } /* ----- General -------------------------------------------------------------------------------------- */ body { font-family: Arial, Verdana, sans-serif !important; font-size: inherit !important; } .stripe { padding: 0; left: 0; right: 0; } .con-shop-checkout-wrapper .schattenbox, .con-shop-checkout-wrapper .schattenbox .inner-top, .con-shop-checkout-wrapper .schattenbox .inner, .con-shop-checkout-wrapper #shop-checkout-blank .schattenbox, .con-shop-checkout-wrapper #shop-checkout-blank .schattenbox .inner-top, .con-shop-checkout-wrapper #shop-checkout-blank .schattenbox .inner { background: none; } .con-shop-checkout-wrapper .schattenbox { box-shadow: 0 1px 3px #ccc; } .con-shop-checkout-wrapper .button-holder a { background-color: #ff9900; background-image: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png'); background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, linear-gradient(to bottom, #ff9900 0%, #ff6600 100%); max-width: 100%; } .con-shop-checkout-wrapper .button-holder a:hover { background-color: #ff6600; background-image: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png'); background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, linear-gradient(to bottom, #ff9900 0%, #ff9900 100%); } .con-shop-checkout-wrapper div.button-holder a.disabled, .con-shop-checkout-wrapper div.button-holder a.disabled:hover, .con-shop-checkout-wrapper div.button-holder a.disabled:active { background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, -moz-linear-gradient(top, #8b7b7f 0%, #78686c 99%); /* FF3.6+ */ background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b7b7f), color-stop(99%, #78686c)); /* Chrome,Safari4+ */ background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, -webkit-linear-gradient(top, #8b7b7f 0%, #78686c 99%); /* Chrome10+,Safari5.1+ */ background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, -o-linear-gradient(top, #8b7b7f 0%, #78686c 99%); /* Opera 11.10+ */ background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, -ms-linear-gradient(top, #8b7b7f 0%, #78686c 99%); /* IE10+ */ background: url('vhs-assets-css-b9a5b7f37ac304db4724781ac23c135a.png') no-repeat 10px center, linear-gradient(to bottom, #8b7b7f 0%, #78686c 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b7b7f', endColorstr='#78686c', GradientType=0); /* IE6-9 */ } /* ----- Header --------------------------------------------------------------------------------------- */ .header { background-color: none; margin-left: -15px; margin-right: -15px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 650px) { .header { width: 630px; } } @media (min-width: 850px) { .header { width: 814px; } } @media (min-width: 1200px) { .header { width: 980px; } } .header > .navbar-header, .header > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 650px) { .header > .navbar-header, .header > .navbar-collapse { margin-right: 0; margin-left: 0; } } .header_logo { padding: 30px 0 30px 0 !important; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 850px) { .header_logo { float: left; width: 100%; } } .header_logo a { float: left; } /* ----- Page ----------------------------------------------------------------------------------------- */ #recommended-products .ergebnis-fliesstextwrapper { display: block !important; } /* ----- Shop ----------------------------------------------------------------------------------------- */ #wrapper { width: auto !important; margin: 0 !important; padding: 15px 0 !important; } #shop-checkout-blank h1 { font-size: 25px; padding-top: 0; margin-top: 0; } .additional-field-info, #shop-checkout-blank label { font-size: 12px; } #shop-checkout-blank ul.check { margin: 0; } #shop-checkout-blank > div:nth-child(2) { display: none; } @media only screen and (min-width: 800px) { #shop-checkout-blank > div:nth-child(2) { display: block; } } #shop-checkout-blank > div:nth-child(2) span.service-phone { background: url('vhs-assets-css-44a2e8dee8d9dd76783686f18c4d8ff9.png') no-repeat; } #shop-checkout-blank > div:nth-child(2) span.service-email { background: url('vhs-assets-css-af66c95d29629e4b5ea0be8f884ce61e.png') no-repeat; padding-bottom: 15px; } #shop-checkout-blank > div:nth-child(2) span.service-phone, #shop-checkout-blank > div:nth-child(2) span.service-email { display: block; padding-left: 40px; color: #2760a5; font-weight: bold; font-size: 1.3em; line-height: 30px; } #shop-checkout-blank.shopdetail .fliesstext { padding: 10px 15px 0 15px; } #shop-checkout-blank.shopdetail h2 { color: #006ab3; } #shop-checkout-blank.shopdetail .social-liste { border: none; margin: 0; } #shop-checkout-blank.shopdetail .social-liste li { float: right; } @media screen and (max-width: 549px) { div.product-top { margin-left: 0; float: left; } div.trusted-shops { right: auto; bottom: auto; margin: 10px auto 0 auto; position: relative; } } .links { padding-top: 10px; text-align: center; } /* ----- Form Input Data ------------------------------------------------------------ */ .form-input-data > div .control-label, .form-input-data > div.field .control-label { line-height: 1.5; } .form-input-data > div:last-child, .form-input-data > div.field:last-child { margin-top: -5px; } .mandatory-information { font-size: 90%; color: #9d9d9d; text-align: right; } .paypal-express-lead-in { margin-bottom: 1rem; font-weight: bold; font-size: 12px; } .paypal-express-button { width: 260px; height: 43px; background: url('vhs-assets-css-86fa53aea73faf6ce4093dc0a21b0b16.png'); background-size: 260px 43px; } label.paypal-express [type=checkbox], label.paypal-express [type=radio] { width: 1px; height: 1px; padding: 0; border: 0; margin: -1px; clip: rect(0 0 0 0); overflow: hidden; position: absolute; } label { cursor: pointer; } .divider-with-text { display: flex; flex-direction: row; margin: 25px 0; color: #b5b5b5; } .divider-with-text:before, .divider-with-text:after { content: ""; flex: 1 1; border-bottom: 1px dashed #cecece; margin: auto; } .divider-with-text span { padding: 0 10px; } .con-shop-checkout-wrapper .button-holder a { padding: 20px 50px; font-size: 20px; width: auto; max-width: 320px; } .con-shop-checkout-wrapper .button-holder.button-upsell a { max-width: 440px; } .form-container.terms-upsell { border: none; } body { background-color: #f2f2f2 !important; } .header_logo { width: 100%; padding-top: 25px !important; margin-bottom: 10px; float: left; } .header_logo:after { content: ""; width: 100%; height: 5px; left: 0; bottom: 0; position: absolute; visibility: visible; -webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.4); background-color: #f2f2f2; } .header_logo h1 { color: #006ab3; font-family: 'PT Sans', Arial, Verdana, sans-serif; font-weight: 700; font-size: 24px; margin: 55px 15px 0; float: left; display: none; } @media only screen and (min-width: 450px) { .header_logo h1 { display: inline; } } .stripe { background-color: #ffffff; height: 250px; } #wrapper { margin: -145px 0 0 0 !important; } #wrapper .container { background-color: #fff; padding-top: 15px; padding-bottom: 15px; } #shop-checkout-blank.shopdetail .fliesstext { background: white; } .con-shop-checkout-wrapper .schattenbox, .con-shop-checkout-wrapper #shop-checkout-blank .schattenbox .inner-top, .con-shop-checkout-wrapper #shop-checkout-blank .schattenbox .inner { background: white; } #shop-checkout-blank div.blue-box ul.conshop-downloads { background: url('vhs-assets-css-2d4429387514a693c2e349bc9b787865.png') no-repeat; } ul.error { margin: 0 0 2rem; padding: 10px 8px 8px 44px; } .fliesstext img { max-width: 100%; height: auto; } .form-container { background: #ffffff; } .form-footer-content { background: #ffffff; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #999999; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; } @media (min-width: 650px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-muted { color: #999999; } .text-primary { color: #428bca; } a.text-primary:hover { color: #3071a9; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #428bca; } a.bg-primary:hover { background-color: #3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 650px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #999999; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; white-space: nowrap; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 650px) { .container { width: 630px; } } @media (min-width: 850px) { .container { width: 814px; } } @media (min-width: 1200px) { .container { width: 980px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: 0%; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: 0%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 650px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: 0%; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: 0%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 850px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: 0%; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: 0%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: 0%; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: 0%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media (max-width: 649px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"] { line-height: 34px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; } .radio label, .checkbox label { display: inline; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .has-feedback .form-control-feedback { position: absolute; top: 25px; right: 0; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .form-control-static { margin-bottom: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 650px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-control-static { padding-top: 7px; } @media (min-width: 650px) { .form-horizontal .control-label { text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 15px; } #offer-lead-in, #offer-lead-out { margin-bottom: 10px; } .button-holder ~ #offer-lead-out { margin-top: 10px; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #3276b1; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #fff; background-color: #47a447; border-color: #398439; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #fff; background-color: #39b3d7; border-color: #269abc; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #fff; background-color: #ed9c28; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #fff; background-color: #d2322d; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #428bca; font-weight: normal; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999999; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @font-face { font-family: 'Glyphicons Halflings'; src: url('vhs-assets-css-532c6dde8d4b9da47014259a75db4df1.eot'); src: url('vhs-assets-css-ca2bb6fdc38d023ed110a1e3af628756.eot?#iefix') format('embedded-opentype'), url('vhs-assets-css-710977835f4ac493336bca86dabbd2ff.woff') format('woff'), url('vhs-assets-css-a5e11d3e56dfeba87a75cba28e2153c7.ttf') format('truetype'), url('vhs-assets-css-347bf43049482cd66e1e47bcc5731294.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #428bca; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #999999; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 650px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 650px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 650px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 650px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 650px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 650px) { .navbar { border-radius: 4px; } } @media (min-width: 650px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 650px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 650px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 650px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 650px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 650px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: none; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 650px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 649px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 650px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar-nav.navbar-right:last-child { margin-right: -15px; } } @media (min-width: 650px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 650px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 649px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 650px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 650px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } .navbar-text.navbar-right:last-child { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 649px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #999999; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .navbar-nav > li > a { color: #999999; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #fff; } @media (max-width: 649px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999999; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #fff; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #fff; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #428bca; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #2a6496; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .label[href]:hover, .label[href]:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #999999; } .label-default[href]:hover, .label-default[href]:focus { background-color: #808080; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #999999; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .container .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 650px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-left: auto; margin-right: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #428bca; } .thumbnail .caption { padding: 9px; color: #333333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; } a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: #e1edf7; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; overflow: hidden; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #ddd; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #fff; background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #428bca; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ebccd1; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .iti { width: 100%; } .iti input { padding-left: 52px !important; } .iti__country-list { margin: 0 0 0 -1px !important; } .iti__country-list li { background-image: none !important; padding-left: 10px !important; } .iti__selected-flag { height: 26px !important; top: 0; } .iti-mobile .iti--container { width: auto; } .shortcode.video { position: relative; } .shortcode.video iframe { position: absolute; width: 100%; height: 100%; border: none; } .shortcode.video::after { content: ''; display: block; padding-bottom: calc(100%*0.5625); } .modal-open { overflow: hidden; } .modal { display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: none; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 20px; } .modal-footer { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media (min-width: 650px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 850px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: none; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 650px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .header:before, .header:after, .header:before, .header:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .header:after, .header:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 649px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 650px) and (max-width: 849px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 850px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 649px) { .hidden-xs { display: none !important; } } @media (min-width: 650px) and (max-width: 849px) { .hidden-sm { display: none !important; } } @media (min-width: 850px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } @media print { .hidden-print { display: none !important; } }