/* https://tasks.wundermanpxp.at/jira/browse/BAWAGPSKR-1980 */ .formElements .cid-email { display: none; } /* ?? */ #productsAccordion { overflow: hidden; } /* leveld ul */ #page ul.leveld p { margin:0; } .lt-ie9 #page ul.leveld p { display:inline !important; } #page ul.leveld { margin: 0; padding-left: 20px !important; } .lt-ie9 #page ul.leveld { list-style-position: inside !important; text-indent: -20px !important; } #page ul.leveld li { line-height: 1.5em; } #page ul.leveld > li { list-style-type: disc; } .lt-ie9 #page ul.leveld > li { padding-left: 20px !important; } #page ul.leveld > li > ul { margin: 0; list-style-type: circle; padding-left: 20px !important; } .lt-ie9 #page ul.leveld > li > ul { list-style-position: inside !important; text-indent: -20px !important; } #page ul.leveld > li > ul > li { list-style-type: circle !important; } .lt-ie9 #page ul.leveld > li > ul > li { padding-left: 20px !important; } #page ul.leveld > li > ul > li:before { content: ""; display: none; } #page ul.leveld > li > ul > li > ul { margin: 0; padding-left: 7px !important; list-style-type: none; } .lt-ie9 #page ul.leveld > li > ul > li > ul { list-style-position: inside !important; text-indent: -20px !important; } #page ul.leveld > li > ul > li > ul > li { list-style-type: none !important; } .lt-ie9 #page ul.leveld > li > ul > li > ul > li { padding-left: 20px !important; } #page ul.leveld > li > ul > li > ul > li:before { content: "-"; margin-right: 10px; font-size: 10px; color: #900; line-height: 1.5em; } /* leveld ul */ /* FFR */ .ffr ul { width: 100%; margin: 0; padding: 0; list-style-type: none; } .ffr ul .rightarrowblock { display: list-item; position: relative; cursor: pointer; font-family: 'TradeGothicLTStd'; } .ffr ul .rightarrowblock a {color: #000;} .ffr ul .rightarrowblock .container { height: 100px; margin-right: 22px; } .ffr ul .rightarrowblock.selected .container, .ffr ul .rightarrowblock.open .container { border-width: 3px 0 3px 3px; border-style: solid; } .ffr ul .rightarrowblock.selected .container { border-color: #900 !important; } .ffr ul .rightarrowblock .container .bg, .ffr ul .rightarrowblock .container .bg div { width: 100%; height: 100%; } .ffr ul .rightarrowblock .container .content { width: 100%; height: 100px; position: absolute; top:-10px; left: 0; text-align: right; background-repeat: no-repeat; } .ffr ul .rightarrowblock.filiale .container .content { background-image: url(/linkableblob/-/116330/ff06ed3d466ff1975cc82efda07675e9/icon-pin-small-png-data.png); } .ffr ul .rightarrowblock.formular .container .content { background-image: url(/linkableblob/-/116332/287471266339be2084652935acaa20e7/icon-pen-small-png-data.png); } .ffr ul .rightarrowblock.ruckruf .container .content { background-image: url(/linkableblob/-/116334/4dc29cdeabffc74bb7b2ba40690575d9/icon-phone-small-png-data.png); } .ffr ul .rightarrowblock .container span { display: block; text-transform: uppercase; line-height: 20px; text-align: right; } .ffr ul .rightarrowblock .container span strong { color: #fff; } .ffr ul .rightarrowblock .trans, .ffr ul .rightarrowblock .arrow { width: 0; height: 0; position: absolute; top: 0; right: 0; display: block; border-style: solid; border-color: transparent; border-width: 50px 0 50px 22px; /* smooth hack */ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .ffr ul .rightarrowblock .arrow .border { display: none; background-repeat: no-repeat; } .ffr ul .rightarrowblock.open .border, .ffr ul .rightarrowblock.selected .border { width: 26px; height: 100px; position: absolute; left: -24px; top: -50px; background-repeat: no-repeat; background-position: -40px 0; } .ffr ul .rightarrowblock.selected .border { background-position: -70px 0; } .ffr ul .rightarrowblock .dd { overflow: hidden; cursor: auto; display: none; zoom: 1; } .ffr ul .rightarrowblock .dd { border: 3px solid transparent; border-right-width: 0; } .ffr ul .rightarrowblock.selected .dd { border-color: #900000 !important; } .ffr ul .rightarrowblock.selected .dd .dd_border_helper { background-color: #900000 !important; } .ffr ul .rightarrowblock .dd .choosetext { margin-bottom: 10px; display: none; } .ffr ul .rightarrowblock .dd .button { width: 100%; font-size: 14px; margin: 0 0 5px 0; padding-left: 7px; overflow: hidden; display: table; } .ffr ul .rightarrowblock .dd .button span:not(.icon) { font-family: Arial; margin-right: 10px; } .ffr ul .rightarrowblock .dd .button span.icon { font-family: icons; font-size: 0.75em; line-height: 15px; } .ffr ul .rightarrowblock .dd .dd_border_helper { display:none; } .ffr ul .rightarrowblock.open .container .bg div, .ffr ul .rightarrowblock.selected .border, .ffr ul .rightarrowblock.open .border, .ffr ul .rightarrowblock.open .dd { display: block; } .ffr ul .rightarrowblock .container .bg div, .ffr ul .rightarrowblock .trans, .ffr ul .rightarrowblock .container span .invader { display: none; } /* /FFR */ /* infoWrapper */ .infoWrapper { position: absolute; top: 0; z-index: 1; } .infoWrapper.active { top: -1px; z-index: 2; } .infoWrapper.active .container { padding: 2px 2px 11px 2px; background-color: #fff; box-shadow: -3px 1px 4px -3px rgba(0, 0, 0, 0.5); border-radius: 5px 5px 0 0; border-color: #cbcbcb; } .infoWrapper .container { position: relative; border-color: transparent; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 0; border-style: solid; } .infoWrapper .info { cursor: pointer; padding: 0; margin: 0; background-color: #999 !important; } .infoWrapper .info .icon { font-size: 14px; } .infoContent { display: none; z-index: 2; position: absolute; top: 28px; right: 0; background-color: #fff; padding: 15px; border-radius: 5px 0 5px 5px; -webkit-box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.5); box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.5); border-top-color: #cbcbcb; border-left-color: #cccccc; border-bottom-color: #e6e6e6; border-right-color: #cbcbcb; border-style: solid; border-width: 1px; } .infoContent .blender { height: 5px; background-color: #fff; position: absolute; right: 0; top: -3px; } .obm .infoWrapper .button { margin-top: 0; } /*.mainContent form .obm .select .infoWrapper { right: 100px; }*/ /*.mainContent form .obm .select .infoWrapper.active { right: 98px; top: -2px; }*/ /* /infoWrapper */ /* Insurance Service down */ .obm .insuranceError {height: auto !important; color: #990000;} .obm_extended .body .element.insuranceError {width: 100% !important;} /* /Insurance Service down */ /* basics for forms */ .formElements .formDescription { float: left; padding-right: 5px; text-align: right; /*line-height: 1.5em;*/ line-height: 1.75em; min-width: 75px; word-wrap: break-word; } .formElements .formDescription.bold { font-weight: bold; } .formElements .unit { line-height: 1.5em; padding-left: 5px; } /* /basics for forms */ /* review step creditform - have to keep line-height for unit */ .specialresultblock2 .unit { line-height: 1.2em; } /* /review step creditform - have to keep line-height for unit */ /* form labels (aka formDescription) */ .columns .headlineblock span:first-child, .formElements .formDescription, .chromeblock > label, .textblock > label, .textdateblock > label, .dateblock > label, .infoblock > label { width: 50%; /* fallback */ width: -webkit-calc(100% - 185px); width: -moz-calc(100% - 185px); width: calc(100% - 185px); } .textarea > label { width: 25%; width: -webkit-calc(100% - 570px); width: -moz-calc(100% - 570px); width: calc(100% - 570px); } .lt-ie9 .fullwidth .formDescription, .lt-ie9 .selectblock.special .formDescription { width: 75%; } /* /form labels */ /* selectblock */ .selectblock.special .formDescription { text-align: left; } /* /selectblock */ #topnav .l1List .l1Bar .navText, #topnav .l2List .l2Bar .navText { text-transform: uppercase; } .textblock.xxlarge { display: block; width: 100%; height: inherit; } .chromeblock > span, .textblock > span { float: right; width: 100%; display: block; position: relative; padding-left: 5px; padding-right: 5px; line-height: 25px; } .textblock.smallest > span { max-width: 46px; margin-right: 139px; } .textblock.small > span { max-width: 60px; margin-right: 125px; } .textblock.medium > span { max-width: 80px; margin-right: 105px; } .textblock.large > span { max-width: 130px; margin-right: 55px; } .textblock.xlarge > span { max-width: 185px; } .selectblock.fullwidth > .formInput, .textarea > span, .textblock.xxlarge > span { max-width: 572px; } .textblock.year > span { max-width: 90px; margin-right: 95px; } .textblock.euro > span { max-width: 68px; margin-right: 117px; } .textblock.year > p { width: 89px; } .textblock.euro > p { width: 112px; } .textblock.iban > label { width: auto; } .textblock.iban > span { float: left; } .formElements .radioblock.biglabel.special > div.formDescription { max-width: inherit; } .textblock.euro.fullwidth { width: 100%; } .textblock.euro.fullwidth label { text-align: left; } .textarea { float: left; width: 100%; position: relative; } .textarea > label { float: left; line-height: 25px; padding-right: 5px; text-align: right; } .textarea span textarea { resize: none; display: block; float: left; width: 100%; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-repeat: repeat-x; height: 77px; padding: 5px 0; background-position: 0 -370px; border: none; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; font-size: 12px; } .textarea > span:not(.icon) { display: block; position: relative; padding-left: 5px; padding-right: 5px; height: 77px; width: 100%; float: right; } .textarea span:not(.icon):before, .textarea span:not(.icon):after { position: absolute; background-color: #fff; } .textarea span:not(.icon):before { content: ' '; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); width: 5px; height: 100%; position: absolute; left: 0; top: 0; background-position: -5px -210px; } .textarea span:not(.icon):after { content: ' '; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); width: 6px; height: 100%; position: absolute; right: 0; top: 0; background-position: -199px -210px; } .textarea p { width: 185px; float: left; margin: 0; text-align: right; padding-right: 5px; } .textarea p label { font-weight: 700; } .radioblock.oneline { height: 32px; } /*.radioblock.nolabel { height: 32px; }*/ .radioblock .formInput { float: right; display: block; } .radioblock { padding-bottom: 0; } .radioblock .formInput { max-width: 185px; width: 100%; } .radioblock.fullwidth > .formInput > label.radio, .radioblock.oneline > .formInput > label.radio, .radioblock.biglabel > .formInput > label.radio, .radioblock.nolabel > .formInput > label.radio { display: inline-block; height: auto; margin-bottom: inherit; width: auto; } .radioblock .formInput > .radio { width: 100%; margin-bottom: 5px; display: block; height:26px; } .radioblock:not(.nolabel):not(.biglabel) > .formInput > .radio:last-child { margin-bottom: 0; } .radioblock.biglabel { width: 100%; } .radioblock.biglabel > .formDescription { text-align: left; width: auto; max-width: 375px;/* padding-left: 20px;*/ } .radioblock.biglabel > .formInput { max-width: 375px; width: auto; } .radioblock.biglabel.special > .formInput { max-width: 185px; width: 100%; } .radioblock.biglabel.special > .formInput > label.radio > span.formElement { width: 17px; background-position: -6px 0; } .radioblock.biglabel.special > .formInput > label.radio > span.formElement.checked { background-position: -6px -22px; } .radioblock.biglabel.special > .formInput > label.radio.error > span.formElement.checked { background-position: -115px -42px; width:30px; } .radioblock.biglabel.special > .formInput > label.radio > span.label { margin-left: 20px; margin-right: 12px; } .radioblock.biglabel.special > .formInput > label.radio.error > span.label { margin-left: 25px; } .radioblock.biglabel.special > .formDescription, .selectblock.special > .formDescription { padding-left: 20px; } .radioblock.oneline { width: 100%; } .radioblock.oneline > .formDescription { width: 100%; max-width: -webkit-calc(50% + 185px); max-width: -moz-calc(50% + 185px); max-width: calc(50% + 185px); } .radioblock.oneline > .formInput > .radio { width: auto; float: left; } .radioblock.oneline > .formDescription { width: 25%; width: -webkit-calc(50% - 185px); width: -moz-calc(50% - 185px); width: calc(50% - 185px); } .radioblock.long { width: 100%; } .radioblock.long > .formDescription { width: -webkit-calc(100% - 385px); width: -moz-calc(100% - 385px); width: calc(100% - 385px); } .radioblock.long > .formInput { width: 385px; max-width: none; } .radioblock.long > .formInput > label { width: 385px; height: auto !important; } .radioblock.fullwidth { width: 100%; } .radioblock.fullwidth > .formDescription { width: -webkit-calc(50% - 185px); width: -moz-calc(50% - 185px); width: calc(50% - 185px); } .radioblock.fullwidth > .formInput { width: 570px; width: -webkit-calc(50% + 185px); width: -moz-calc(50% + 185px); width: calc(50% + 185px); max-width: none; } .radioblock.fullwidth > .formInput > label { height: auto; } /* longer.radioblock */ .longer.radioblock { height: inherit; width: 100%; } .formElements .longer.radioblock > .formDescription { width: -webkit-calc(70% + 10px); width: -moz-calc(70% + 10px); width: calc(70% + 10px); padding-left: 15px; min-height: 1px; } .formElements .longer.radioblock > .formInput { float: left; max-width: 185px; } .longer.radioblock .radio {} .longer.radioblock .formElement {} .longer.radioblock input {} .longer.radioblock .label {} /* yesorno.radioblock */ .yesorno.radioblock {} .yesorno.radioblock .formInput .radio { display: inline-block; width: auto; } /* nolabelleft.radioblock */ .nolabelleft.radioblock {} .nolabelleft.radioblock .formInput { float: left; } .phoneblock > .container > .textblock { width: 45px; margin-right: 5px; padding-bottom: 0; } .phoneblock > .container > .textblock { width: 98px; margin-right: 0; float: right; } .phoneblock > .container > .formInput > .dropdown.prefix { float: inherit; } .phoneblock.fullwidth > .formInput { float: left; } .phoneblock.fullwidth > .container { float: right; max-width: 390px; width: 50%; } .phoneblock:not(.fullwidth) > .container { /*overflow: hidden;*/ width: 100%; float: left; } .phoneblock > .formInput { float: right; width: 100%; max-width: 185px; } .checkboxblock { float: left; position: relative; } .formElements .dropdown.large, .formElements .selectblock.large, .formElements .selectblock.fullwidth { width: 100%; } .formElements .selectblock.large > .formInput > .dropdown { min-width: 185px; float: left; width: calc(185px + 50%); /*max-width: 570px;*/ /*width: 75%;*/ } .formElements .selectblock.special { width: 100%; } .formElements .selectblock.small > p { width: 90px; float: left; line-height: 25px; margin: 0 0 0 2px; } .mainContent .copy.headcopy { margin-bottom: 20px; } .mainContent .copy.headcopy img { float: left; } .checkboxblock { width: 100%; } .checkboxblock .formInput { float: left; } .checkboxblock .formDescription { float: left; } .checkboxblock .formInput > .checkbox > .infoWrapper { padding-top: 0; } .leftResult, .rightResult { float: left; width: 50%; } .infoblock > span { max-width: 185px; width: 100%; } .radioblock.ko-with-enumlist-rel { width: 100%; } .radioblock.ko-with-enumlist-rel > .formDescription { text-align: left; width: -webkit-calc(100% - 385px); width: -moz-calc(100% - 385px); width: calc(100% - 385px); } .radioblock.ko-with-enumlist-rel > .formInput { float: left; max-width: 385px; width: 100%; } .radioblock.ko-with-enumlist-rel > .formInput > label.radio { width: auto; float: left; } .ko-sublist { display: block; float: left; width: 100%; } .mainContent form .ko-sublist > div > ul { margin: 0 0 0 0; } .textblock.rtl input[type="text"] { text-align: right; } .dateblock > span { max-width: 185px; width: 100%; float: right; position: relative; } .textdateblock { position: relative; display:block; float: left; width: 50%; margin-bottom: 5px; } .textdateblock > label { display: block; float: left; line-height: 27px; text-align: right; padding: 0 5px 0 20px; } .textdateblock > .container { display: block; float: left; width: 185px; } .textdateblock > .container > .wrapper { max-width: 60px; width: 33%; overflow: hidden; display: block; float: left; margin-right: 1%; } .textdateblock > .container > .wrapper:last-child { margin-right: 0; } .textdateblock > .container > .wrapper > span { position: relative; display: block; float: left; padding: 0 5px; width: 100%; } .textdateblock > .container > .wrapper > span:before { content: ' '; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: -5px -90px; width: 5px; height: 100%; position: absolute; left: 0; top: 0; } .textdateblock > .container > .wrapper > span:after { content: ' '; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: -200px -90px; width: 5px; height: 100%; position: absolute; right: 0; top: 0; } .textdateblock > .container > .wrapper > span > input { background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: 0 -150px; background-repeat: repeat-x; float:left; display: block; width: 100%; height: 27px; line-height: 1em; border: none; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; font-size: 12px; padding: 7px 0; } .lt-ie9 .dateblock, .lt-ie9 .textblock, /*.lt-ie9 .textdateblock, dev*/ /*.lt-ie9 .phoneblock,*/ /*.lt-ie9 .selectblock, dev*/ .oldFF .dateblock, .oldFF .textblock, .oldFF .textdateblock, .oldFF .phoneblock, .oldFF .selectblock{ width: 385px; } .lt-ie9 #iframeOKEB .selectblock { width: 50%; } .lt-ie9 .textblock.xxlarge, .oldFF .textblock.xxlarge { width: 100%; } .lt-ie9 .textblock.xxlarge > span, .oldFF .textblock.xxlarge > span { max-width: 560px; } .lt-ie9 .sf-address > .textblock.xxlarge > span, .oldFF .sf-address > .textblock.xxlarge > span { max-width: 460px; width:420px !important; } /* storefinder */ .lt-ie9 .textarea > label, .lt-ie9 .dateblock > label, .lt-ie9 .textblock > label, /*.lt-ie9 .textdateblock > label,*/ /*.lt-ie9 .phoneblock > .formDescription,*/ /*.lt-ie9 .phoneblock > .container > .formDescription,*/ /*.lt-ie9 .selectblock > .formDescription, dev */ .oldFF .textarea > label, .oldFF .dateblock > label, .oldFF .textblock > label, .oldFF .textdateblock > label, .oldFF .phoneblock > .formDescription, .oldFF .phoneblock > .container > .formDescription, .oldFF .selectblock > .formDescription { width: 185px; text-align: right; padding-left: 20px; } .lt-ie9 .textblock.fullwidth > label, .lt-ie9 .chromeblock.fullwidth > label, .lt-ie9 .uploadblock.fullwidth > label, .lt-ie9 .selectblock.special > .formDescription, .oldFF .textblock.fullwidth > label, .oldFF .selectblock.special > .formDescription { padding-left: 20px; } .lt-ie9 .infoblock > span, .oldFF .infoblock > span { width: inherit; } .lt-ie9 .dateblock > span, .lt-ie9 .textblock > span, /*.lt-ie9 .textdateblock > .container, dev*/ /*.lt-ie9 .phoneblock > .formInput,*/ /*.lt-ie9 .selectblock > .formInput, dev*/ .oldFF .dateblock > span, .oldFF .textblock > span, .oldFF .textdateblock > .container, .oldFF .phoneblock > .formInput, .oldFF .selectblock > .formInput { width: 185px; float: right; } .lt-ie9 .textarea > span, .lt-ie9 .radioblock.fullwidth > .formInput, .lt-ie9 .selectblock.fullwidth > .formInput, .oldFF .textarea > span, .oldFF .radioblock.fullwidth > .formInput, .oldFF .selectblock.fullwidth > .formInput { width: 570px; } .lt-ie9 .textblock.iban > label { width: auto; padding-left: 20px; } .lt-ie9 .textblock.iban > span { float: left; } .lt-ie9 .textblock.smallest > span { margin-right: 129px; } .lt-ie9 .textblock.small > span { margin-right: 115px; } .lt-ie9 .textblock.medium > span { margin-right: 95px; } .lt-ie9 .textblock.euro > span { max-width: 58px; margin-right: 117px; } .lt-ie9 .textblock.year > span { margin-right: 85px; } .lt-ie9 .textblock.large > span { max-width: 120px; } .lt-ie9 .textblock.fullwidth > label { width: 500px; } /*.lt-ie9 .phoneblock > .container > .formInput { margin-left: 15px; }*/ /*.lt-ie9 .phoneblock > .container > .textblock > span { width: inherit; }*/ .lt-ie9 .selectblock.large > .formInput { float: left; width: auto; } .oldFF .textblock.iban > label { width: auto; padding-left: 20px; } .oldFF .textblock.iban > span { float: left; } .oldFF .textblock.smallest > span { margin-right: 129px; } .oldFF .textblock.small > span { margin-right: 115px; } .oldFF .textblock.medium > span { margin-right: 95px; } .oldFF .textblock.euro > span { max-width: 58px; margin-right: 117px; } .oldFF .textblock.year > span { margin-right: 85px; } .oldFF .textblock.large > span { max-width: 120px; } .oldFF .textblock.fullwidth > label { width: 500px; } .oldFF .phoneblock > .container > .formInput { margin-left: 15px; } /*.oldFF .phoneblock > .container > .formInput > .dropdown.prefix { margin-left: 20px; }*/ .oldFF .phoneblock > .container > .textblock > span { width: inherit; } .oldFF .selectblock.large > .formInput { float: left; width: auto; } .androidBrowser .selectblock.small > .formDescription { margin-right: 7px; } .androidBrowser .formElements .textblock.xxlarge > label { width: 20%; } .formElements > div:not(.hidden):nth-of-type(odd) { clear: both; } .phoneblock:not(.fullwidth) + div + div { clear: inherit; } .formElements .radioblock.longLabel { width: 100%; } .formElements .radioblock.longLabel > .formDescription { width: 100%; text-align: left; padding-bottom: 12px; } .formElements .radioblock.longLabel > .formInput { max-width: 100%; } .formElements .radioblock.longLabel > .formInput > .radio { height: inherit; } /* (OBM) radio / radioblock */ .obm .radioblock .radio { height: auto; margin-bottom: 15px; } .obm .radioblock .formElement { height: 19px; width: 20px; background-position: -5px -3px; } .obm .radioblock .checked.formElement { background-position: -5px -25px; } .active.obm .radioblock .checked.formElement { background-position: -120px -46px; } .obm .radioblock .label { margin-left: 25px; /* https://tasks.wundermanpxp.at/jira/browse/BAWAGPSKR-2424 */ /*font-size: 13px;*/ } .obm .multi.radio .radioblock > .formInput > .radio:last-child { margin-bottom: 5px !important; } .obm .body .multi.radio.element, .obm .body .single.radio.element { height: auto; } /* /(OBM) radio / radioblock */ /* radioblock withsub */ .withsub.radioblock .radio { width: 100%; } .withsub.radioblock .sub { margin-left: 32px; /*height: 28px;*/ padding-bottom: 2px; display: none; } .withsub.radioblock .spacer.sub, .withinput.radioblock .spacer.textinput { display: block; } .withsub.radioblock .spacer.sub *, .withinput.radioblock .spacer.textinput * { opacity: 0; } .withsub.radioblock .active.sub, .withinput.radioblock .active.textinput { display: block; } .withsub.radioblock .active.sub *, .withinput.radioblock .active.textinput * { opacity: 1; } .withsub.radioblock .sub p { margin: 0; padding: 0; line-height: 26px; } /* /withsub */ /* radioblock withinput */ .withinput.radioblock {} .withinput.radioblock .formInput { width: 100%; padding-left: 30px; } .withinput.radioblock .radio {} .withsub.radioblock .formInput label.radio, .withinput.radioblock .formInput label.radio { display: block; } .withinput.radioblock .formInput label.textinput { width: auto; } .withinput.radioblock .textinput { display: none; } .withinput.radioblock .textinput .ilabel { float: left; text-align: right; margin-left: 32px; padding-right: 10px; line-height: 25px; } .withinput.radioblock .textinput .input { background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: 0px -150px; background-repeat: repeat-x; position: relative; margin: 0px 5px; width: 185px; height: 25px; display: block; position: relative; float: left; } .withinput.radioblock .textinput .input:after, .withinput.radioblock .textinput .input:before { background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-repeat: no-repeat; height: 100%; width: 5px; position: absolute; top: 0; content: " "; } .withinput.radioblock .textinput .input:after { background-position: -201px -562px; right: -5px; } .withinput.radioblock .textinput .input:before { background-position: -7px -531px; left: -5px; } .withinput.radioblock .textinput input[type="text"] { height: 25px; line-height: 25px; width: 100%; padding: 0; border: none; font-size: 12px; background-color: transparent; } .withinput.radioblock .textinput .input.error { background-position: 0 -180px; height: 27px; padding-top: 1px; } .withinput.radioblock .textinput .input.error:after { background-position: -201px -120px; } .withinput.radioblock .textinput .input.error:before { background-position: -5px -120px; } /* /withinput */ /* productchoose */ .productchoose.radioblock { width: 100%; } .productchoose .formDescription { float: none; text-align: left; font-weight: 700; font-size: 1.25em; display: block; margin-bottom: 10px; width: 100%; line-height: 1.25em; } .productchoose .formInput { width: 100%; max-width: inherit; clear: both; } .productchoose .formInput .container { width: 50%; float: left; } .productchoose .formInput .container:nth-child(even) { padding-left: 5px; } .productchoose .formInput .container:nth-child(odd) { padding-right: 5px; } .productchoose .formInput .container .radio {} .productchoose .formInput .container .content { color: #666; } .productchoose .formInput .container .content .hl { font-weight: 900; font-size: 1em; margin-top: 10px; margin-bottom: 5px; display: block; color: #000000; } .productchoose .formInput .container .content p { margin: 0; } .productchoose .formInput .container .content ul { margin: 0 0 0 21px; text-indent: -21px; } .productchoose .formInput .container .content ul li { /*word-break: break-all;*/ } /* /productchoose */ /* 'chromeblock' & uploadblock */ .chromeblock {} .chromeblock label {} .chromeblock label.unit { width: inherit; float: none; } .chromeblock > span, .uploadblock .ub_name { display: block; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: 0 -150px; background-repeat: repeat-x; position: relative; height: 27px; padding: 3px 0; margin-left: 5px; margin-right: 5px; float: left; } .chromeblock.error > span, .error.uploadblock .ub_name, .error.phoneblock .chromeblock > span { background-position: 0 -180px; } .chromeblock > span:before, .uploadblock .ub_name:before { content: ' '; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: -5px -90px; background-repeat: no-repeat; width: 5px; height: 100%; position: absolute; left: -5px; top: 0; } .chromeblock.error > span:before, .error.uploadblock .ub_name:before, .error.phoneblock .chromeblock > span:before { background-position: -5px -120px; } .chromeblock > span:after, .uploadblock .ub_name:after { content: ' '; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: -200px -90px; background-repeat: no-repeat; width: 5px; height: 100%; position: absolute; right: -5px; top: 0; } .chromeblock.error > span:after, .error.uploadblock .ub_name:after, .error.phoneblock .chromeblock > span:after { background-position: -201px -120px; } .chromeblock input { display: block; border-width: 0; height: 21px; width: 100%; font-size: 12px; } .chromeblock.fullwidth { width: 100%;} .chromeblock.fullwidth .formDescription { text-align: left; padding-left: 20px; } .chromeblock.euro > span { max-width: 55px; } /*.lt-ie9 .chromeblock.euro > span { margin-left: 10px; }*/ /*.lt-ie9 .chromeblock.euro.fullwidth > span { margin-left: 5px; }*/ .chromeblock.euro input { text-align: right; } .chromeblock.fullwidth.euro {} .chromeblock.fullwidth.euro .formDescription {} .chromeblock.xxlarge { width: 100%; } .chromeblock.xxlarge > label { max-width: 200px; } .chromeblock.xxlarge > span { max-width: 560px; } .route-overlay .chromeblock.xxlarge > span { max-width: 497px; } .chromeblock.xlarge > span { max-width: 175px; } .chromeblock.large > span { max-width: 120px; } .chromeblock.medium > span {max-width: 70px; } .chromeblock.small > span { max-width: 50px; } .chromeblock.smallest > span { max-width: 36px; } .lt-ie9 .chromeblock label { padding-right: 12px; } /*.lt-ie9 .chromeblock > span { margin-left: 12px; }*/ .lt-ie9 .chromeblock.xxlarge label { width: 25%; } .lt-ie9 .chromeblock.xxlarge > span { width: 75%; } /* chromeblock output */ .chromeblock > span.output, .chromeblock > span.output:before, .chromeblock > span.output:after { background-image: none; width: auto; padding: 0; } .chromeblock.disabled > span:before { content: ' '; background-image: url(/linkableblob/-/351516/bf0736131ca734dd31da5729a4dd553f/formbuttonsdisabled-png-data.png); background-position: -6px -1px; } .chromeblock.disabled > span:after { content: ''; background-image: url(/linkableblob/-/351516/bf0736131ca734dd31da5729a4dd553f/formbuttonsdisabled-png-data.png); background-position: -201px -32px; } .chromeblock.disabled > span { background-image: url(/linkableblob/-/351516/bf0736131ca734dd31da5729a4dd553f/formbuttonsdisabled-png-data.png); background-position: -15px -1px; } .chromeblock.disabled > span input { background-color: transparent; } /* /'chromeblock' */ /* step1_invest / invest-stage */ #investWrapper { position: relative; } #investSelect { height: 35px; max-width: 310px; position: relative; background-color: #000000; cursor: pointer; padding: 0.3em 0.5em; } #investSelect .selectText { color: #fff; font-size: 25px; line-height: 1.2em; text-transform: uppercase; font-family: 'TradeGothicLTStd'; } #investSelect .button { position: absolute; right: 4px; top: 5px; height: 24px; width: 24px; } #investMenu { } #investList { list-style-type: none; background-color: #fff; margin: 0; padding: 0; } .investEntry:last-child { padding-right: 0; background-image: none; } .investEntry a { display: block; } .investCont img { position: absolute; bottom: 0; right: 0; } /* step2_fondslist */ #investfonds { background-color: #fff; padding: 20px 35px 30px 25px; } #fondshead { margin-bottom: 25px; } #fondshead h1, #fondshead .h1 { text-transform: uppercase; font-family: 'TradeGothicLTStd'; font-size: 25px; font-weight: 700; margin: 0; } #fondshead p { font-size: 14px; margin: 0; line-height: 18px; } #fondstools { position: relative; padding-bottom: 15px; margin-bottom: 10px; } #fondstools img { float: left; } #fondssearch { float: left; margin-left: 10px; } #fondssearch span { font-size: 14px; font-weight: 700; } #fondstools .input { display: block; position: relative; height: 28px; width: 185px; padding: 5px 25px 3px 10px; margin-top: 10px; box-shadow: 1px 1px 3px 0.5px #666 inset; border-radius: 5px; } #fondstools input { display: block; border-width: 0; width: 100%; font-size: 12px; background-color: transparent; } #fondstools .input .button { position: absolute; top: 3px; right: 0; } #fondsfilter { float: right; position: relative; } #fondsfilter span { font-size: 14px; font-weight: 700; } #fondsfilter .input { cursor: pointer; } #fondsfilter .fondsSelected { display: block; cursor: pointer; text-overflow: ellipsis; } #fondsfilter ul { display: none; list-style-type: none; position: absolute; background-color: #fff; margin: 0; padding: 0; top: 28px; left: 0; width: 100%; border-color: #000000; border-width: 0 1px 1px 1px; border-style: solid; box-shadow: 0 1px 5px 1px #000000; } #fondsfilter.active ul { display: block; z-index: 2; } #fondsfilter li { padding: 0 10px; } #fondsfilter .checkbox {} #fondsfilter input { display: none; } .lt-ie9 #fondsfilter li.active .formElement, #fondsfilter input:checked + .formElement { background-position: -185px -22px; } #fondsfilter .label { font-weight: 400; line-height: 22px; padding-left: 25px; } #fondsfilter, #fondssearch { margin-top: 20px; } #fondstools .subtext { position: absolute; bottom: 0; right: 0; font-style: italic; font-size: 12px; color: #666; } #fondstable { border-collapse: collapse; border-color: #000000; border-width: 0 0 1px 0; border-style: solid; margin-bottom: 30px; font-size: 12px; width: 100%; table-layout: fixed; } #fondstable thead { background-color: #8aa89e; border-color: #000000; border-width: 1px 0; border-style: solid; vertical-align: top; } #fondstable thead tr { } #fondstable th { font-weight: 700; width: auto; } #fondstable .w90 { width: 110px; } #fondstable .w100 { width: 120px; } #fondstable .w140 { width: 160px; } #fondstable th:last-child { text-align: left; } #fondstable tr .container { /*display: table;*/ } #fondstable tr .container span { cursor: pointer; } #fondstable th .white { background-image: url(/linkableblob/-/150656/714b83a54375ee816b5cc353ef0fa8d7/sort-arrows-white-png-data.png) !important; } #fondstable th span:not(.input):not(.button):not(.icon):not(.selectText) { display: block; text-align: left; background-image: url(/linkableblob/-/150658/ad721143e05dc67b1da6df58400de820/sort-arrows-png-data.png); background-repeat: no-repeat; background-position: right top; padding-right: 10px; position: relative; height: 18px; } #fondstable th:last-child span:not(.input):not(.button):not(.icon):not(.selectText) { height: 30px; margin-bottom: 6px; background-position: right bottom; } #fondstable tbody {} #fondstable tbody tr { border-color: #b1b1b1; border-width: 0 0 1px 0; border-style: solid; } #fondstable tbody tr:last-child { border-style: none; } #fondstable td {} #fondstable td span { display: block; } #fondstable td span:first-child { margin-bottom: 5px; } #fondstable tr {} #fondstable th, #fondstable td { padding: 5px; } #fondstable .red { color: #900; } #fondstable .baro {} #fondstable .baro .unit { width: 8px; height: 8px; border: 1px solid #8aa89e; margin-right: 1px; float: left; } .e1 .u0, .e2 .u0, .e2 .u1, .e3 .u0, .e3 .u1, .e3 .u2, .e4 .u0, .e4 .u1, .e4 .u2, .e4 .u3, .e5 .u0, .e5 .u1, .e5 .u2, .e5 .u3, .e5 .u4, .e6 .u0, .e6 .u1, .e6 .u2, .e6 .u3, .e6 .u4, .e6 .u5, .e7 .u0, .e7 .u1, .e7 .u2, .e7 .u3, .e7 .u4, .e7 .u5, .e7 .u6, .e8 .u0, .e8 .u1, .e8 .u2, .e8 .u3, .e8 .u4, .e8 .u5, .e8 .u6, .e8 .u7, .e9 .u0, .e9 .u1, .e9 .u2, .e9 .u3, .e9 .u4, .e9 .u5, .e9 .u6, .e9 .u7, .e9 .u8, .e10 .u0, .e10 .u1, .e10 .u2, .e10 .u3, .e10 .u4, .e10 .u5, .e10 .u6, .e10 .u7, .e10 .u8, .e10 .u9 { background-color: #8aa89e; } #fondstable .rtl { text-align: right; vertical-align: top; } #fondsfooter { clear: both; } #fondsfooter a {} #investfonds .infoWrapper { position: absolute; z-index: 1; } #investfonds .active.infoWrapper { z-index: 2;} #investfonds .infoWrapper .container { display: block; border-color: transparent; border-width: 1px 1px 0 1px; border-style: solid; } #investfonds .active.infoWrapper .container{ padding: 1px 1px 5px 1px; background-color: #fff; box-shadow: -3px 1px 4px -3px rgba(0, 0, 0, 0.5); border-radius: 5px 5px 0 0; border-color: #cbcbcb; } #investfonds .infoWrapper .info { cursor: pointer; padding: 0; margin: 0; background-color: #999 !important; } #investfonds .infoWrapper .icon { font-size: 14px; } #investfonds .infoWrapper .infoContent { display: none; z-index: 2; position: absolute; background-color: #fff; padding: 15px; -webkit-box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.5); box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.5); border-top-color: #cbcbcb; border-left-color: #cccccc; border-bottom-color: #e6e6e6; border-right-color: #cbcbcb; border-style: solid; border-width: 1px; font-weight: 400; font-size: 14px; } #investfonds .infoContent .blender { height: 5px; background-color: #fff; position: absolute; top: -5px; } #investfonds .selectblock .formInput { width: 100%; } #investfonds .selectblock, #investfonds .dropdown, #investfonds .dropdownBtn { float: inherit !important; min-height: inherit; } #investfonds .dropdown { width: 100%; } #investfonds .selectblock { padding-bottom: 0; width: 100%; height: 28px; } #investfonds .dropdownBtn:before, #investfonds .dropdownBtn:after { background-color: transparent !important; background-image: none !important; } #investfonds .dropdownBtn { display: block; position: relative; height: 28px; width: 185px; padding: 5px 25px 3px 10px; box-shadow: 1px 1px 3px 0.5px #666 inset; border-radius: 5px; background-image: none !important; } #investfonds .dropdown .dropdownBtn .button{ top: 5px !important; } #investfonds .dropdown .dropdownContent ul li { padding: 4px 5px !important; cursor: pointer; } #investfonds .dropdown .dropdownContent ul li:hover { background-color: #c4c4c4; } .lt-ie9 #fondsfilter .input { box-shadow: 0; box-shadow: none; background: transparent url(/linkableblob/-/150660/7c1115eb0c74a3941ee08aa351f6bffe/ie8-bg-png-data.png) 0 0 no-repeat; } .lt-ie9 #fondssearch .input { background: transparent url(/linkableblob/-/150660/7c1115eb0c74a3941ee08aa351f6bffe/ie8-bg-png-data.png) 0 0 no-repeat; } /* /step2_fondslist */ /* headerbar */ #headerbar { background-color: #c4c4c4; position: fixed; top: 0; left: 0; height: 25px; width: 100%; z-index: 2; } #headerbar + #pageWrapper { margin-top: 25px; z-index: 1; } #headerbar .container { margin: 0 auto; position: relative; height: 100%; } #hbmarquee { overflow: hidden; white-space: nowrap; line-height: 25px; } /*.withFilter #hbmarquee { margin-right: 255px; }*/ #hbmarquee span { width: 100%; } #hbmarquee p { margin: 0; display: inline; } #hbmarquee marquee { display: none; } .lt-ie9 #hbmarquee > div { display: none; } .lt-ie9 #hbmarquee marquee { display: block; } #hbfilter { /*width: 250px;*/ position: absolute; right: 0; top: 0; background-color: #c4c4c4; } #hbfilter .selectblock { width: 100%; min-height: inherit; padding-bottom: 0; } #hbfilter .formDescription { width: auto; padding-right: 10px; float: left; line-height: 25px; } #hbfilter .formInput { float: left; } #hbfilter .dropdown { } #headerbar #hbfilter .dropdown .dropdownBtn { padding: 0;} #headerbar #hbfilter .dropdownBtn .selectText { line-height: 25px; padding: 0 25px 0 6px; } /* /headerbar */ /* IBAN switch */ .ibanswitch { width: 100%; } .ibanswitch .radioblock { width: 100%; position: inherit; float: none; } .ibanswitch .radioblock .formInput { max-width: 100%; float: none; } .ibanswitch .radioblock .formInput .radio { height: inherit; } .ibanswitch .radioblock .formInput .radio .formElement {} .ibanswitch .radioblock .formInput .radio input[type="radio"] {} .ibanswitch .radioblock .formInput .radio .label { line-height: 20px; padding-left: 30px; display: inline-block; margin-left: 0; } .ibanswitch .selectblock { width: 100%; position: inherit; float: none; padding: 0 0 0 30px; } .ibanswitch .selectblock .formDescription { width: 55px; float: left; line-height: 25px; padding-right: 0; min-width: auto; } .lt-ie9 .ibanswitch .selectblock .formDescription { text-align: left; padding: 0;} .ibanswitch .selectblock .formInput { float: left; width: 250px; } .ibanswitch .selectblock .dropdown { width: 100%; padding-left: 5px; } .ibanswitch .dropdown .dropdownBtn {} .ibanswitch .dropdownBtn .selectText {} .ibanswitch .dropdownBtn .button { margin-bottom: 0; } .ibanswitch .dropdown .dropdownContent {} .ibanswitch .dropdown select { } .ibanswitch .chromeblock { width: 50%; padding-left: 30px; overflow: hidden; float: left; display: none; } .ibanswitch .chromeblock label { width: 55px; padding:0; text-align: left; margin-right: 5px; } .lt-ie9 .ibanswitch .chromeblock span { margin-left: 7px; } .ibanswitch .chromeblock span { width: 235px; } .ibanswitch .chromeblock span input { display: block; } .ibanswitch .radioblock .radioblock { width: 50%; float: left; } /* /IBAN switch */ /* HTML5 inputs */ input:-moz-ui-invalid, input:invalid { box-shadow: none; } /* /HTML5 inputs */ /* new phoneblock */ .phoneblock .third {} .phoneblock .third .formInput { width: 54px !important; } .phoneblock .third .formInput .dropdown { width: inherit; } .phoneblock .third .textblock {} .phoneblock .third .chromeblock { /*margin: 0;*/ margin-left: 1px; } .phoneblock .third .first.textblock { margin-left: 1px; float: left; width: 52px; } .phoneblock .third .first.chromeblock { float: left; width: 52px; } .phoneblock .third .last.textblock { float: right; width: 77px; } .phoneblock .third .last.chromeblock { float: left; width: 77px; } .phoneblock .third .chromeblock span { width: auto; } .phoneblock .third .chromeblock input[type="text"] { background-image: none; height: auto; padding: 4px 0 0 0; } /* /new Phoneblock */ /* uploadblock */ .uploadblock { padding: 2px 0; float: left; width: 100%; position: relative; margin-bottom: 5px; } .uploadblock label:not(.button):not(.ub_name) { width: 25%; width: -webkit-calc(50% - 185px); width: -moz-calc(50% - 185px); width: calc(50% - 185px); } .lt-ie9 .uploadblock label:not(.button):not(.ub_name) { margin-right: 7px; } .uploadblock .ub_name { max-width: 175px; /* fallback */ max-width: -webkit-calc(100% - 325px); max-width: -moz-calc(100% - 325px); max-width: calc(100% - 325px); width: 100%; font-size: 12px; padding-top: 7px; top: -2px; } .lt-ie9 .uploadblock .ub_name { max-width: 415px; } .uploadblock .container { display: inline-block; position: absolute; right: 0; overflow: hidden; } .uploadblock .button { position: relative; margin: 0; z-index: 2; } .uploadblock input { position: absolute; /*width: 100%;*/ height: 100%; left: 0; z-index: 1; top: 0; } .lt-ie9 .uploadblock input { font-size: 200px; /* blinking cursor fix */ } /* /uploadblock */ /* slideable checkbox */ .slideable.checkboxblock { line-height: 22px; } .error.slideable.checkboxblock, .open.slideable.checkboxblock { height: auto !important; } .slideable.checkboxblock .errorblock, .lt-ie9 .slideable.checkboxblock .errorblock { display: none; color: #990000; } .error.slideable.checkboxblock .errorblock { display: block; } .slideable.checkboxblock .checkbox { overflow: hidden; padding-left: 32px; position: relative; } .open.slideable.checkboxblock .checkbox { height: auto !important; } .slideable.checkboxblock .formElement { position: absolute; left: 0px; } .error.slideable.checkboxblock .formElement { background-position: -185px -66px; } .slideable.checkboxblock input[type="checkbox"] {} .slideable.checkboxblock .checkbox > div, .slideable.checkboxblock .checkbox > div > p { display: inline; color: transparent; } .open.slideable.checkboxblock .checkbox > div, .open.slideable.checkboxblock .checkbox > div > p { color: #000000; } .open.slideable.checkboxblock > .error.checkbox > div, .open.slideable.checkboxblock > .error.checkbox > div > p { color: #990000; } .slideable.checkboxblock .preview { color: #000000; } .slideable.checkboxblock .error.checkbox .preview { color: #990000; } .slideable.checkboxblock .preview div { display: inline; } .slideable.checkboxblock .ob { display: inline; color: #990000; } .open.slideable.checkboxblock .ob { display: none; } .slideable.checkboxblock .ob div { display: inline; } .slideable.checkboxblock .copy { display: inline; color:transparent; } .lte-ie9 .slideable .checkboxblock .copy { color: #FFFFFF; } .open.slideable.checkboxblock .copy { color: #000000; } .slideable.checkboxblock .error.checkbox .copy { color: #990000; } .slideable.checkboxblock .copy div { display: inline; } .slideable.checkboxblock .cb { display: none; } .open.slideable.checkboxblock .cb { display: inline; color: #990000 !important; } .slideable.checkboxblock .cb div { display: inline; } .slideable.checkboxblock .checkbox .checkbox .formElement { display: none; } .open.slideable.checkboxblock .checkbox .checkbox .formElement { display: block; } .slideable.checkboxblock .error.checkbox .checkbox .formElement { background-position: -185px 0; } .slideable.checkboxblock .error.checkbox .checkbox .formElement.checked { background-position: -185px -22px; } .slideable.checkboxblock .error.checkbox .checkbox .formElement.checked.disabled { background-position: 0 -44px; } .slideable.checkboxblock .infoWrapper .infoContent { color: #000000; } .open.slideable.checkboxblock .checkbox .error.checkbox > div, .open.slideable.checkboxblock .checkbox .error.checkbox > div > p { color: #990000; } /* /slideable checkbox */ /* motivator */ /* old version */ .mainContent .formblock h2.hook, .mainContent .formblock .h2.hook { background-image: url(/linkableblob/-/116354/33cfccdd6d499622e5dc099f14b71878/hookheadline-png-data.png); background-repeat: no-repeat; padding: 12px 0 12px 45px; line-height: 18px; text-transform: none; font-weight: 700; } .mainContent .formblock h2.hookempty, .mainContent .formblock .h2.hookempty { background-image: url(/linkableblob/-/129446/2399b48cba5d725db75dc2249955a65a/hookheadline-empty-png-data.png); background-repeat: no-repeat; padding: 12px 0 12px 45px; line-height: 18px; text-transform: none; font-weight: 700; } .mainContent .formblock h1.hook, .mainContent .formblock .h1.hook { background-image: url(/linkableblob/-/116356/c5cedd3a0809798159228eb043877867/bighookheadline-png-data.png); background-repeat: no-repeat; padding: 20px 0 20px 85px; line-height: 42px; font-weight: 700; } .mainContent .formblock .h2 { margin: 0.8em 0; } /* new version */ .motivator { font-weight: 700; font-size: 14px; display: table; width: 100%; } .big.motivator { font-size: 2em; line-height: 1em; } .motivator span { display: table-cell; vertical-align: middle; } .motivator .wrapper {} .motivator img { vertical-align: middle; } .img.motivator img { width: 100%; } /* /motivator */ /* 1961 */ .full.checkboxblock .formDescription { width: 100%; text-align: left; padding-bottom: 6px; } .full.radioblock { width: 100%; } .full.radioblock .formInput { width: 100%; max-width: 100%; } .full.radioblock .formInput .radio { height: auto; } /* /1961 */ /* eol stage */ #eol_left { width: 50%; float: left; overflow: hidden; padding-right: 100px; padding-top: 10px; } #eol_left .headline { margin-bottom: 10px; } #eol_left .copy { font-family: "TradeGothicLTStd"; font-size: 23px; color: #FFFFFF; line-height: 28px; } #eol_calculator { width: 50%; float: left; padding-right: 20px; padding-top: 40px; } #eol_calculator span { font-weight: 600; } #eol_kb_label { line-height: 25px; } #eol_kb_value_wrapper { float: right; width: 115px; height: 25px; display: block; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: 0 -150px; background-repeat: repeat-x; position: relative; margin-left: 5px; margin-right: 5px; } #eol_kb_value_wrapper:before, #eol_kb_value_wrapper:after { background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-repeat: no-repeat; position: absolute; top: 0; width: 5px; height: 100%; content: ' '; } #eol_kb_value_wrapper:before { left: -5px; background-position: -7px -531px; } #eol_kb_value_wrapper:after { right: -5px; background-position: -201px -562px; } #eol_kb_value { text-align: right; border: none; padding: 0; width: 100%; font-size: 12px; line-height: 25px; font-weight: 600; height: 25px; background-color: transparent; } #eol_kb_slider {} #eol_kb_min {} #eol_kb_max { float: right; } #eol_calculator hr { border-width: 1px 0 0 0; border-style: solid; border-color: #000000; margin: 15px 0; } #eol_calculator .eol_slider { margin-top: 25px; margin-bottom: 17px; border-radius: 7px; border: none; height: 8px; box-shadow: 0px 2px 2px #888888 inset; } #eol_calculator .steps {} #eol_calculator .ui-slider-handle { background: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png) no-repeat scroll -64px -56px transparent; border: none; cursor: move; width: 42px; height: 28px; top: -10px; margin-left: -21px; } #eol_calculator .ui-slider-range { background-color: #990000; background-image: none; border-radius: 7px; box-shadow: 0px 2px 2px #888888 inset; } #eol_lz_label { line-height: 25px; } #eol_lz_value { z-index: 2; } #eol_calculator .selectblock { float: right; width: 115px; margin-right: 5px;} #eol_lz_value .formInput { } #eol_lz_value .dropdown { width: 100%; } #eol_calculator #eol_lz_value .dropdown .dropdownBtn:before { position: absolute; top: 0; left: -5px; width: 5px; height: 100%; /*background-color: #fff; */ background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: -7px -531px !important; content: ' '; } #eol_calculator #eol_lz_value .dropdown .dropdownBtn:after { position: absolute; top: 0; right: -5px; width: 6px; height: 100%; /*background-color: #fff; */ background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: -200px -562px !important; content: ' '; } #eol_calculator #eol_lz_value .dropdown .dropdownBtn { position: relative; right: 0; float: left; padding: 4px 0; width:100%; /*background: #fff; */ background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: 0 -150px; cursor: pointer; } #eol_calculator #eol_lz_value .dropdown .dropdownBtn .button { right: -2px; } #eol_calculator #eol_lz_value .dropdown .dropdownBtn .selectText { color: #000000; padding-right: 25px; padding-left: 0px; text-align: right; } #eol_lz_slider { z-index: 1; } #eol_lz_min {} #eol_lz_max { float: right; } #eol { position: relative; width: 100%; margin-top: 5px; display: table; } #eol .splitblock { display: table-cell; width: 50%; vertical-align: top; position: inherit; left: 0; } #eol_sb_left, #eol_sb_sm { padding: 30px 20px 25px 20px; background-color: #FFFFFF; } #eol_sb_left { line-height: 24px; } #eol_sb_left p { margin: 0; } #eol_sb_left h2, #eol_sb_left .h2 { margin: 0 0 15px 0; display: block; letter-spacing: -0.5px; text-transform: uppercase; font-size: 1.17em; } #eol_sb_right { background-color: #ebebeb; } #eol_resultblock { background-color: #FFFFFF; box-shadow: 3px 3px 2px 0px #C4C4C4; /*padding: 7px 14px;*/ margin-right: 28px; margin-left: 28px; margin-top: 35px; margin-bottom: 30px; height: 70px; text-align: center; } #eol_res_label { font-family: "TradeGothicLTStd"; text-transform: uppercase; line-height: 70px; } #eol_res_value { font-size: 18px; color: #990000; font-weight: 600; font-size: 24px; } #eol_res_button { margin-left: 30px; margin-bottom: 30px; } /* /eol stage */ /* bottom buttons */ .bottom_buttons { display: table; width: 100%; /*margin-top: 20px;*/ padding: 5px 30px 30px 30px; background-color: #FFFFFF; } .bottom_buttons .wrapper { display: table-cell; vertical-align: bottom; } .bottom_buttons .button { margin-bottom: 0; } /* /bottom buttons */ /* okbutmore */ /* default */ .formblock.obm { border-bottom: transparent; } .obm {} .obm .head { background-color: #9A0000; color: #FFFFFF; position: relative; font-weight: 700; height: 110px; padding: 20px 20px 20px 15px; border-bottom: 1px solid #000000; } .obm .head .main_label { font-size: 24px; letter-spacing: -1px; } .obm .head .wrapper { bottom: 10px; right: 15px; text-align: right; position: absolute; } .obm .head .sub_label { left: 20px; } .obm .head .value { font-size: 50px; padding-left: 20px; } .obm .body { border-bottom: 1px solid #000000; } .obm .body .element { width: 50%; float: left; padding: 5px 15px; } .- .obm .body .element:nth-of-type(1), .obm .body .element:nth-of-type(2) { border-bottom: 1px solid #000000; } .obm .body .red.element { color: #9A0000; padding: 5px 15px 10px 15px; } .obm .body .grey.element { background-color: #ebebeb; } .obm .body .large.element { } .obm .body .empty.element:after { content: " "; padding: 10px 15px; } .obm .body .link.element { /*padding-top: 10px !important;*/ padding-top: 7px; } .obm .body .element { } .obm .body .radio.element { } .obm .body .large.element { } .obm .body .small.element { padding-top: 2px; } .obm .body .radio.grey.element { border-bottom: 1px solid #000000; padding-top: 0px; } .obm .body .radio.single.element { padding-top: 5px !important; } .obm .body .radio.element .radioblock { width: 100%; } .obm .body .radio.element .radioblock .formInput { max-width: inherit; } .obm .body .line.element { border-bottom: 1px solid #000000 !important; } .obm .body .topline.element { border-top: 1px solid #000000 !important; } .obm .body .element b, .obm .body .element strong { font-weight: 700; font-size: 15px; } .obm .body .label { position: relative; display: inline-block; max-width: calc(100% - 90px); } .obm .body .value { float: right; font-weight: 700; font-size: 15px; } .fix.obm .body .fix.value {display: block} .fix.obm .body .var.value {display: none;} .var.obm .body .var.value {display: block;} .var.obm .body .fix.value {display: none} .fix.obm_advanced .head .value.fix {display: block} .fix.obm_advanced .head .value.var {display: none;} .var.obm_advanced .head .value.var {display: block;} .var.obm_advanced .head .value.fix {display: none} .fix.obm_extended .head .value.fix {display: inline-block} .fix.obm_extended .head .value.var {display: none;} .var.obm_extended .head .value.var {display: inline-block;} .var.obm_extended .head .value.fix {display: none} /* /default */ /* simple */ .obm_simple {} .obm_simple .head {} .obm_simple .head .main_label {} .obm_simple .head .wrapper {} .obm_simple .head .sub_label {} .obm_simple .head .value {} .obm_simple .body {} .obm_simple .body .element {} .obm_simple .body .red.element {} .obm_simple .body .grey.element { border-bottom: 1px solid #000000; } .obm_simple .body .large.element {} /* /simple */ /* extended */ .obm_extended {} .obm_extended .head {} .obm_extended .head .main_label {}s .obm_extended .head .wrapper {} .obm_extended .head .sub_label {} .obm_extended .head .value {} .obm_extended .body {} .obm_extended .body .element { /*height: 30px;*/ } .obm_extended .body .red.element {} .obm_extended .body .grey.element {} .obm_extended .body .large.element {} .obm_extended .body .radio.element { /*height: 60px;*/ } .obm_extended .body .empty.element {} .obm_extended .body .empty.element:after { font-size: 16px; } /* /extended */ /* advanced */ .obm_advanced { float: left; width: 50%; padding-right: 15px; } .active.obm_advanced {} .more_block.obm_advanced { padding-left: 15px; padding-right: 0; } .obmHeadline { padding-top: 30px; s} .obm_advanced .head { height: 108px; background-color: #999999; padding-top: 28px; padding-right: 41px; } .active.obm_advanced .head { background-color: #900000; } .more_block.obm_advanced .head { padding-top: 10px; } .obm_advanced .head .main_label { font-size: 19px; padding-right: 20px; line-height: 19px; } .obm_advanced .head .cb { background-color: #FFFFFF; box-shadow: 3px 3px 3px 0px #C4C4C4 inset; width: 30px; height: 30px; position: absolute; right: 11px; top: 12px; cursor: pointer; } .ie .obm_advanced .head .cb { box-shadow: 3px 3px 7px 0px #C4C4C4 inset; } .obm_advanced.active .head .cb { background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: -120px -60px; } .obm_advanced .head .wrapper { position: initial; text-align: initial; } .ie .obm_advanced .head .wrapper { bottom: 0px; left: 10px; } .obm_advanced .head .sub_label { position: absolute; bottom: 13px; } .obm_advanced .head .value { position: absolute; right: 9px; bottom: 25px; } .ie .obm_advanced .head .value { right: -5px; } .obm_advanced .head .obm_arrow { width: 15px; height: 100%; background-image: url(/linkableblob/-/195026/f2580dba32e500c79fcabeed327f2d23/obm-arrow-grey-png-data.png); position: absolute; right: -15px; top: 0; } .active.obm_advanced .head .obm_arrow { background-image: url(/linkableblob/-/195028/0ef5320855d5d16fb20096f7ece90ace/obm-arrow-png-data.png); } .obm_advanced .body {} .obm_advanced .bottom_arrow { display: none; width: 100%; height: 15px; margin-bottom: 35px; margin-top: 15px; background-image: url(/linkableblob/-/195030/4b6480cc2086314856315c06211253a4/obm-bottom-arrow-grey-svg-data.svg); background-size: 100% 100%; } .active.obm_advanced .bottom_arrow { background-image: url(/linkableblob/-/195032/6574f5406ad153a2aa97975ed139fc55/obm-bottom-arrow-red-svg-data.svg); } .obm_advanced .body {} .obm_advanced .body .element:nth-of-type(1) { border-bottom: none; } .obm_advanced .body .large.element { /*height: 35px;*/ } .obm_advanced .body .element { width: 100%; } .obm_advanced .body .radio.grey.element { border-bottom: none; } .obm_advanced .body .select.element { height: 30px; } .obm_advanced .body .select.element .label { white-space: nowrap; /*overflow: hidden;*/ text-overflow: ellipsis; /*padding-right: 120px;*/ display: inline-block; /*width: 100%;*/ } .obm_advanced .body .select.large.element { height: 35px; position: relative; } .obm_advanced .body .select.small.element { position: relative; } .obm_advanced .body .select.large.element:nth-of-type(2) { /*height: 31px;*/ } .obm_advanced .body .select.element .dropdown { /*top: -7px;*/ width: 120px; position: absolute; top: 4px; right: 10px; } .obm_advanced .body .select.small.element .dropdown { top: -3px; } .obm_advanced .body .large.element { padding: 10px 15px; } .obm_advanced .body .red.element { color: #000000; } .active.obm_advanced .body .red.element { color: #900000; } .active.obm_advanced .body .red.element .infoContent { color: #000000; } .obm_advanced .body .empty.element { display: none; } .obm_advanced .button { margin-top: 15px; background-color: #999999; } .obm_advanced.active .button { background-color: #900; } .obm_advanced.active .button.grey { background-color: #999999; } /* /advanced */ /* insurency */ .obm_insurency .body { padding-bottom: 10px; /* BAWAGPSKR-2241 */ } .obm_insurency .body .element {} /* .obm_extended.obm_insurency .body .element:nth-of-type(10), .obm_insurency .body .element:nth-of-type(11) { border-bottom: 1px solid #000000; margin-bottom: 5px; }*/ /* /insurency */ /* /okbutmore */ /* splitblock */ .splitblock { display: table; width: 106%; /* dirty bawag-style, whoop whoop */ left: -3%; position: relative; table-layout: fixed; } .accordion .splitblock { width: 100%; left: 0; } .accordion li.splitblock > .accordionContainer { background-color: transparent !important; display: table-row !important; width: 100%; padding: 0 !important; } .splitblock .accordionContainer { background-color: transparent !important; } .grey.sb_side { background-color: #ebebeb; } .white.sb_side { background-color: #FFFFFF; color: #000000; } .sb_left {} .sb_right {} .sb_side { width: 50%; display: table-cell; vertical-align: middle; } .sb_side .container { padding: 10px; } .sb_side .container p { margin: 0; } .splitblock .copyimg { float: none; } .splitblock .align--center {} .splitblock .align--center img { margin: 0 auto; display: block; max-width: 100%; float: none; } /* /splitblock */ /* form elements for splitblock */ #productAccordion .splitblock .formElements .fullwidth.selectblock {} #productAccordion .splitblock .formElements .fullwidth.selectblock .formDescription { width: 100%; text-align: left; padding-bottom: 5px; } #productAccordion .splitblock .formElements .fullwidth.selectblock .formInput { } #productAccordion .splitblock .formElements .fullwidth.selectblock .formInput .dropdown {} #productAccordion .splitblock .formElements .fullwidth.selectblock .formInput .dropdownBtn {} #productAccordion .splitblock .formElements .fullwidth.selectblock .formInput .dropdownContent {} #productAccordion .splitblock .formElements .fullwidth.selectblock .formInput .dropdownContent ul {} #productAccordion .splitblock .formElements .fullwidth.selectblock .formInput .dropdownContent ul li { padding: 4px 20px; } #productAccordion .splitblock .formElements .fullwidth.selectblock .formInput .dropdownContent ul li.selected { background-color: #EBEBEB; } #productAccordion .splitblock .formElements .fullwidth.radioblock {} #productAccordion .splitblock .formElements .fullwidth.radioblock .formDescription { width: 100%; text-align: left; } .ie #productAccordion .splitblock .formElements .fullwidth.radioblock .formInput { float: none; width: auto; } /* /form elements for splitblock */ /* header noebanking */ .noebanking#header {} .noebanking#header #logoSpace { width: 197px; } /* /header noebanking */ /* 1EUR-legitimierung */ .oneeur.radioblock { width: 100%; } .oneeur.radioblock .formDescription { width: 100%; text-align: left; } .oneeur.radioblock .formInput { width: 100%; max-width: inherit; padding-right: 60px; } .oneeur.radioblock .radio { height: inherit; } .oneeur.radioblock .inactive.radio { color: #c4c4c4; } .oneeur.radioblock .radio .formElement {} .oneeur.radioblock .radio .input[type="radio"] {} .oneeur.radioblock .radio .label {} .oneeur.radioblock .sub { margin-left: 30px; display: none; } .oneeur.radioblock .active.sub, .error.oneeur.radioblock .sub { display: block; } .oneeur.radioblock .sub .button {} .success.oneeur.radioblock .sub .button, .error.oneeur.radioblock .sub .button, .loading.oneeur.radioblock .sub .button { display: none; } /* success */ .oneeur.radioblock .sub .success { display: none; } .success.oneeur.radioblock .sub .success { display: block; line-height: 1.5em; } .oneeur.radioblock .sub .success .icon { color: green; margin-right: 5px; font-size: 1.5em; } /* canceld */ .oneeur.radioblock .sub .canceld { display: none; color: #900; margin-left: 10px; } .canceld.oneeur.radioblock .sub .canceld { display: inline-block; } /* error */ .oneeur.radioblock .sub .error { display: none; color: #900; } .error.oneeur.radioblock .sub .error { display: block; } .oneeur.radioblock .sub .error .icon { color: #900; font-size: 1.5em; float: left; margin-right: 10px; } /* loading */ .oneeur.radioblock .sub .loading { display: none; margin-bottom: 5px; line-height: 21px; } .loading.oneeur.radioblock .sub .loading { display: block; } .oneeur.radioblock .sub .loading .ani { background-image: url(/linkableblob/-/211866/6daa5fd8de875b02814a0280fd7c7b5f/loading-gif-data.gif); display: block; width: 21px; height: 21px; float: left; margin-right: 7px; } /* /1EUR-legitimierung */ /* new form layout (CR095) */ .columns { margin-top: 10px; } .columns .c_left, .columns .c_right { width: 50%; float: left; } .columns .c_left {} .columns .c_right {} .optA .columns .optA, .optB .columns .optB { opacity: 0; } /* decider = radio that decides if 1 or 2 'Kreditnehmer' */ .columns .decider.radioblock { width: 100%; padding-bottom: 10px; } .columns .decider.radioblock .formDescription { text-align: left; margin-bottom: 10px; } .columns .c_right .spacer.decider.radioblock .formDescription { display: block; } .columns .decider.radioblock .formInput { max-width: inherit; } .columns .decider.radioblock .formInput .radio { margin-bottom: 0px; display: block; } /* headlineblock */ .columns .headlineblock { font-family: Arial; font-size: 14px; line-height: 16px; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; height: 26px; } .columns .headlineblock span { display: block; float: left; } /* "formblocks" */ .columns .selectblock, .columns .textdateblock, .columns .chromeblock, .columns .checkboxblock, .columns .radioblock, .columns .phoneblock, .columns .spacerblock, .columns .infoblock { width: 100%; } .columns .selectblock .formDescription, .columns .radioblock .formDescription { padding-left: 5px; } .columns .infoblock { height: 32px; } .columns .spacerblock { height: 32px; } /* changed from 35 to 32 by gumpi for BAWAGPSKR-2471 */ /*.columns .spacerblock .formDescription,*/ /*.columns .chromeblock .formDescription { padding-left: 5px; }*/ /* fullwidth radioblock */ .columns .fullwidth.radioblock {} .columns .fullwidth.radioblock .formInput {} .columns .fullwidth.radioblock > .formInput > label.radio { height: 26px; } /* nolabelleft radioblock*/ .columns .nolabelleft.radioblock { padding-left: 35px; } .columns .radioblock .formDescription {} .columns .radioblock .formInput {} .columns .radioblock .radio {} .columns .radioblock .formElement {} .columns .radioblock .label {} /* special.radioblock */ .columns .special.radioblock {} .columns .special.radioblock .formDescription { width: auto; } .columns .special.radioblock .formInput { float: left; } /* .yesorno.biglabel.special */ .columns .special.biglabel.yesorno.radioblock {} .columns .special.biglabel.yesorno.radioblock .formDescription { width: calc(100% - 185px); padding-left: 5px; max-width: inherit; } /* ko-sublist */ /*.columns .ko-sublist { width: 200%; }*/ /* 'labels' right-column */ .c_right label, .c_right .formDescription, .c_right .headlineblock span:first-child { opacity: 0; filter:alpha(opacity=0); width: 35px; min-width: 0; overflow: hidden; white-space: nowrap; word-wrap: normal; } .c_right label.unit { opacity: 1; filter:alpha(opacity=0); width: auto; } /* radioblock */ .columns .radioblock label, .columns .radioblock .formDescription { opacity: 1; /*width: auto;*/ } .columns .fullwidth.radioblock label { width: auto; } /* checkboxblock */ .columns .checkboxblock {} .columns .checkboxblock .formDescription { display: none; } .columns .checkboxblock .formInput { width: auto; } .columns .checkboxblock .formInput .checkbox { margin-right: 0; opacity: 1; width: auto; } /* phoneblock */ .columns .phoneblock {} .columns .phoneblock .formDescription { min-height: 1px; } .columns .phoneblock > .formInput { float: left; } .columns .radioblock:not(.nolabel):not(.biglabel) > .formInput > .radio:last-child { margin-bottom: 5px; } /* one column - two KN */ .devcol .c_left { width: 70%; } .devcol .c_right { width: 30%; padding-left: 10px; } .devcol .formDescription, .devcol .selectblock .formDescription { text-align: left; } .devcol .c_right .formDescription { display: none; } /* headlineblock */ .devcol .c_right .headlineblock span:first-child { display: none; } /* selectlock */ .devcol.formElements .medium.dropdown { } /* checkboxblock */ .devcol.formElements .checkboxblock { height: 32px; } .devcol.formElements .checkboxblock > .formInput { width: auto !important; } /* radioblock */ .devcol.formElements .radioblock .formInput { float: left; } .devcol.formElements .radioblock .formInput .radio {} .devcol.formElements .radioblock .radio .formElement { background-position: -6px 0; width: 22px; } .devcol.formElements .radioblock .radio .checked.formElement { background-position: -6px -22px; } .devcol.formElements .radioblock .radio .label { margin-left: 22px; margin-right: 5px; } /* ibanblock */ .devcol.formElements .iban.chromeblock {} .devcol.formElements .iban.chromeblock .formDescription { width: -webkit-calc(100% - 310px); width: -moz-cal(100% - 310px); width: calc(100% - 310px); text-align: right; } .devcol.formElements .iban.chromeblock span { max-width: 175px; } .devcol.formElements .iban.chromeblock input {} /* lastfull */ .haslastfull.columns.formElements { position: relative; padding-bottom: 32px; } .columns.formElements .lastfull, .columns.formElements .lastfull.selectblock { position: absolute; bottom: 0px; width: 100%; } .columns.formElements .lastfull .formDescription, .columns.formElements .lastfull.selectblock .formDescription { width: 70%; } .columns.formElements .lastfull.selectblock .formInput {} .columns.formElements .lastfull.selectblock .formInput .dropdown { margin-left: 10px; } /*.columns .c_left .hidden { visibility: visible; display: block !important; }*/ /*.columns .c_left .hidden * { visibility: hidden; display: none; }*/ /*.columns .c_left .hidden .formDescription { visibility: visible; display: block !important; }*/ /* /new form layout (CR095) */ /* chat */ #chat { position: fixed; top: 235px; right: -495px; z-index: 501; /* dirty */ transition-delay: 0s; transition-duration: 0.25s; transition-property: right; transition-timing-function: ease; } .active#chat { right: -460px; } .open.active#chat { right: 0px; } #chat .arrow { cursor: pointer; float: left; background-color: #990000; height: 150px; width: 35px; } #chat .arrow span { -webkit-transform: rotate(90deg) translateX(57px) translateY(65px); -moz-transform: rotate(90deg) translateX(57px) translateY(65px); -ms-transform: rotate(90deg) translateX(57px) translateY(65px); -o-transform: rotate(90deg) translateX(57px) translateY(65px); transform: rotate(90deg) translateX(57px) translateY(65px); display: block; text-align: center; color: #FFFFFF; font-family: "TradeGothicLTStd"; font-size: 18px; height: 35px; width: 150px; } #chat_content { margin-left: 25px; width: 470px; height: 150px; } div#realperson_text_status_button { /*overflow:hidden;*/ } .modalOverlay .chatbutton { display: none; } .chatavailable.modalOverlay .chatbutton { display: inline-block; } /* /chat */ /* swipearea for teaser */ #teaser .teaserSliderContentWrapper { z-index: 1; } #teaser .swipearea { height: 200px; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } /* /swipearea for teaser */ /* small misc. */ /* BAWAGPSKR-2133 */ .formular .formblock .copy-formblock ul { margin-top: 0; margin-bottom: 0; } /* 'altlastbeseitigung' */ .columns.formElements > :nth-child(2n+1):not(.hidden) { clear: none; } /* BAWAGPSKR-2132 (for Bernhard R.) */ .siteElement.products #teaser .size1 .teaserImage { height: 100%; } /* CR105 - storefinder */ #storefinder .accordion .accordionContainer .h2 { margin: 0.83em 0;} /* /small misc. */ /* XL & L & M */ @media only screen and (min-width: 480px) { .accordionContainer.specia5lSidebar .accordionSidebar { width: 45%; height: 100%; float: left; } .mainContent form .infoContent { min-width: 345px; } } /* XL & L */ @media only screen and (min-width: 769px) { #tabNavigation { display: block; } .responsiveTable thead tr td { padding: 10px 15px 10px 15px; } .responsiveTable tbody tr td.spacer { border-bottom-width: 0; padding: 0; width: 10px; } .responsiveTable tbody tr:last-child td { border-bottom-width: 0; } .responsiveTable tr.withborder td, .responsiveTable tr.withborder td.spacer { border-bottom: 1px solid #0e0e0e; } .formblock .wrapper p { width: 50%; float: left; } .iconlink { padding-left: 195px; } .stage .selectMenu .closeBtn { display: none; } #compareOverlay .wrapper { padding-left: 30px; padding-right: 30px; padding-bottom: 30px; margin-left: auto; margin-right: auto; max-width: 1075px; } #compareOverlay .compareTableDiv .thead, #compareOverlay .compareTable thead { margin-right: 20px; width: 165px; } #compareOverlay .compareTableDiv .tbody .tr, #compareOverlay .compareTable tbody tr { margin-right: 10px; width: 205px; background-position: 0 10px; padding-left: 20px; } #compareOverlay .form { width: 779px; padding-left: 10px; padding-top: 20px; padding-bottom: 25px; padding-right: 17px; } #compareOverlay .form p.copy { border-width: 0; padding-left: 186px; margin: 0; } #compareOverlay .form label { width: 186px; padding-right: 9px; text-align: right; display: inline-block; } #compareOverlay .form .cbwrapper { margin-left: 190px; float: left; } #compareOverlay .form .inputblock { width: 376px; float: left; } #compareOverlay .form label.agb { width: 548px; text-align: left; } #compareOverlay .form label.preview { display: block; float: left; } #compareOverlay .form input[type='text'] { width: 184px; } #compareOverlay .form input[type='text'].small { width: 81px; } #compareOverlay .form input[type='text'].textarea { width: 562px; } #compareOverlay .form input[type='text'].phone { width: 92px; } #compareOverlay .form #phone { width: 88px; } #compareOverlay .form .buttonwrapper { width: 100%; text-align: right; margin-top: 10px; margin-bottom: 17px; } #compareOverlay .form #preview { background-color: #fff; border-radius: 3px; border: 1px solid #cccccc; height: 60px; width: 563px; } #compareOverlay .form #preview, #compareOverlay .entry { float: left; padding: 10px; } #compareOverlay .form #preview .pfname, #compareOverlay .form #preview .psname, #compareOverlay .entry .efname, #compareOverlay .entry .esname { font-style: italic; } #compareOverlay .form #preview .ptext, #compareOverlay .entry .esname { margin: 0; } .selectblock { min-height: 32px; } .selectblock.fullwidth { height: inherit } .selectblock.special { height: inherit; } .checkboxblock .formDescription { width: -webkit-calc(50% - 185px); width: -moz-calc(50% - 185px); width: calc(50% - 185px); } .mainContent form .checkbox .infoWrapper .infoContent { min-width: 290px; } /**/ /*.formElements .formDescription { padding-left: 20px; }*/ .formElements .radioblock.oneline > .formDescription, .formElements .textarea > label, .formElements .textblock.xxlarge > label, .formElements .selectblock.large > .formDescription, .formElements .selectblock.fullwidth > .formDescription { width: 25%; width: -webkit-calc(50% - 185px); width: -moz-calc(50% - 185px); width: calc(50% - 185px); } .formElements .radioblock.oneline > .formInput, .formElements .textarea > span, .formElements .textblock.xxlarge > span, .formElements .selectblock.fullwidth > .formInput { width: 100%; max-width: -webkit-calc(50% + 185px); max-width: -moz-calc(50% + 185px); max-width: calc(50% + 185px); } .formElements .selectblock.fullwidth > .formInput { float: right; } .formElements .selectblock.fullwidth > .formInput > .dropdown { width: 100%; } .formElements .selectblock.special > .formInput > .dropdown { max-width: 185px; float: left; width: 100%; } .formElements .selectblock.small > p { position: absolute; right: 0;} .androidBrowser .phoneblock > .container > .formDescription { margin-right: 7px; } .formElements .textblock.year > p, .formElements .textblock.euro > p { position: absolute; right: 0; } .lt-ie9 .checkboxblock .formDescription, .oldFF .checkboxblock .formDescription { width: 185px; } .lt-ie9 .checkboxblock .formInput, .oldFF .checkboxblock .formInput { padding-left: 15px; } .lt-ie9 .checkboxblock.full .formInput { padding-left: 0; } .androidBrowser .formElements .textarea > span, .androidBrowser .formElements .textblock.xxlarge > span { width: 78%; } #loginButtonText { left: 10px; margin-right: 10px; } .checkboxblock:not(.full) > .formInput:not(.optInWrapper) { width: -webkit-calc(50% + 185px); width: -moz-calc(50% + 185px); width: calc(50% + 185px); } .lt-ie9 .checkboxblock:not(.full) > .formInput { padding-left: 200px !important; width: 100%; } /* 195px von formDescription + 5px von padding */ #investSelect { display: none; } #investMenu { display: block !important; } #investList { padding: 15px 6px 15px 6px; overflow: hidden; width: 450px; max-height: 138px; /*doesn't work with IE8: min-height: 105px;*/ } .lt-ie9 #investList { width: 455px; } .wSpecial#investList { width: 550px; position: relative; } .investEntry { float: left; height: 100%; display: block; padding-right: 13px; background-image: url(/linkableblob/-/146598/a78a0b3ec3867f250e04ae4ca070ad28/vertical-line-png-data.png); background-repeat: no-repeat; background-position: right center; } .special.investEntry { width: 97px !important; } .four .investEntry { width: 110px; } .four .investEntry:last-child { width: 97px; } .three .investEntry { width: 146px; } .three .investEntry:last-child { width: 133px; } .two .investEntry { width: 220px; } .two .investEntry:last-child { width: 207px; } .investHead { background-color: #000000; padding-left: 6px; color: #fff; font-size: 20px; font-family: 'TradeGothicLTStd'; letter-spacing: 0; line-height: 24px; text-transform: uppercase; position: relative; } .special .investHead { background-color: transparent; color: #000000; line-height: 21px; } .investHead:after { color: #fff; content: "\e011"; font-family: 'icons'; border-radius: 1px; background-color: #900; width: 17px; height: 16px; font-size: 10px; display: block; position: absolute; right: 4px; top: 3px; text-align: center; line-height: 16px; } .investCont { color: #000000; font-family: Arial; font-size: 14px; letter-spacing: 0; line-height: 17px; padding-left: 6px; } #eol_sb_sm { display: none; } .obm_extended .body .radio.element + .element:not(.link), .obm_extended .body .radio.element + .element + .element:not(.link) { padding-top:0; } /**/ /* columns - basics */ .columns {} .columns .c_left, .columns .c_right {} .columns .c_left {} .columns .c_right { /*padding-left: 30px;*/ } /* /columns - basics */ /* columns decider */ .columns .decider {} .columns .decider.spacer {} .columns .decider .formDescription, .columns .decider .formInput { width: 200%; } .columns .decider .formInput { float: left; } .columns .decider.spacer .formDescription, .columns .decider.spacer .formInput { width: 100%; } /* /columns decider */ /* specialSidebar */ .accordionContainer.specialSidebar .accordionSidebar { width: 23%; height: 100%; float: left; } .accordionContainer.specialSidebar .accordionContent { width: 77%; } .accordionContainer.specialSidebar .accordionContent .sliderButtons {} .accordionContainer.specialSidebar .accordionContent .sliderButtons .sliderButtonPrev, .accordionContainer.specialSidebar .accordionContent .sliderButtons .sliderButtonNext { width: 30px; } .accordionContainer.specialSidebar .accordionContent .slider { padding: 0 30px; } .accordionContainer.specialSidebar .accordionContent .slider .sliderContentWrapper {} .accordionContainer.specialSidebar .accordionContent .slider .sliderContentWrapper .sliderContent { width: 33%; } /* /specialSidebar */ /* infoWrapper for columns */ .mainContent form .c_left .infoWrapper { display: none; } .mainContent form .c_left .showInfo .infoWrapper { display: block; } /* /infoWrapper for columns */ } /* XL */ @media only screen and (min-width: 1024px) { /**/ #storefinder { width: 830px; } #storefinder table tbody tr.storerow td { padding: 5px; } #storefinder table tbody tr.storerow td.address .btn-container { float: left; width: 45px; } #storefinder table tbody tr.storerow td.address .addressdata { padding-left: 50px; } #storefinder table tbody tr.storerow td.address .responsiveDetails { display: none; } .formaccordion { padding-bottom: 5px; } .formaccordion .accordionLink { font-size: 12px; } div.compare a.compareLink br { display: none; } ul.contentBoxes .contentBox:nth-of-type(4n+1) { -webkit-box-shadow: none; box-shadow: none; } ul.contentBoxes:not(.threecolumns) .contentBox:nth-of-type(4n) { background-image:none; } ul.contentBoxes.threecolumns .contentBox:nth-of-type(3n) { background-image:none; } .ffr { width: 200px; position: absolute; top: 0; right: -25px; margin: 0; } .ffr ul .rightarrowblock { float: none; margin-right: 0; margin-bottom: 10px; } .ffr ul .rightarrowblock .container .bg div { background-color: rgba(240, 240, 240, 1); } .lt-ie9 .ffr ul .rightarrowblock .container .bg div { background-color: #e2e2e2; } .ffr ul .rightarrowblock.filiale .container .content { background-position: 24px 27px; } .ffr ul .rightarrowblock.formular .container .content { background-position: 24px 27px; } .ffr ul .rightarrowblock.ruckruf .container .content { background-position: 10px 33px; } .ffr ul .rightarrowblock .container span { width: 100%; position: absolute; top: 21px; left: 0; padding-right: 29px; line-height: 16px; font-size: 15px; } .ffr ul .rightarrowblock .container span strong { line-height: 23px; font-weight: 400; font-size: 25px; } .ffr ul .rightarrowblock .dd { width: 428px; min-height: 100px; position: absolute; top: 0; left: -425px; padding: 10px 70px 3px 30px; background-color: rgba(240, 240, 240, 0.9); z-index:1000; } .lt-ie9 .ffr ul .rightarrowblock .dd { min-height: 81px; /* 100 - padding - border */ background-color: #e2e2e2; } .ffr ul .rightarrowblock .dd .vcenter { display: table-cell; vertical-align: middle; height: 74px; overflow: hidden; } .ffr ul .rightarrowblock .dd .button { height: 22px; } .ffr ul .rightarrowblock .dd .dd_border_helper { display:block; position:absolute; right:0; top:94px; width:3px; height:1000px; } .ffr ul .rightarrowblock .trans { border-left-color: rgba(240, 240, 240, 1); } .lt-ie9 .ffr ul .rightarrowblock .trans { border-left-color: #e2e2e2; } .ffr ul .rightarrowblock.open .trans { display: block; } .ffr ul .rightarrowblock .container span .invader { width: 73px; height: 70px; display: inline-block; float: left; } .ffr ul .rightarrowblock.open .container { border-left-width: 0 !important; } .productElement .copy { padding-right: 180px; min-height: 320px; } #breadcrumb a p:after { top: 6px; } /* infoWrapper */ .mainContent form .infoWrapper { right: -20px; } .mainContent form .active.infoWrapper { right: -22px; } .mainContent form .c_right .infoWrapper { right: 2px; } .mainContent form .c_right .active.infoWrapper { right: 0px; } .mainContent form .infoWrapper .info { width: 15px; height: 14px; } .mainContent form .infoContent .blender { width: 19px; } .productFilterGroup .infoWrapper { right: -15px; } .productFilterGroup .infoWrapper.active { right: -17px; } .productFilterGroup .infoWrapper .info { width: 15px; height: 14px; } .productFilterGroup .infoContent .blender { width: 19px; } .productFilterGroup .infoContent { min-width: 195px;} .lt-ie9 .productFilterGroup .infoContent { min-width: 160px;} #fondstable .infoWrapper { right: 10px; top: -2px; } #fondstable .active.infoWrapper { right: 9px; top: -3px; } #fondsfilter .infoWrapper { right: -20px; top: 26px; } #fondsfilter .active.infoWrapper { right: -21px; top: 25px; } #investfonds .infoWrapper .info { width: 14px; height: 15px; } #fondstable .infoWrapper .infoContent { top: 22px; left: 0; border-radius: 0 5px 5px 5px; width: 280px; } #fondsfilter .infoWrapper .infoContent { top: 22px; right: 0; border-radius: 5px 0 5px 5px; width: 280px; } #fondstable .infoContent .blender { width: 16px; left: 0; } #fondsfilter .infoContent .blender { width: 16px; right: 0; } /* /infoWrapper */ .formElements .dropdown.fulldd .dropdownContent { width: 200%; left: -100%; } .phoneblock.fullwidth > .formDescription { width: -webkit-calc(50% - 185px); width: -moz-calc(50% - 185px); width: calc(50% - 185px); } .phoneblock > .formDescription { margin-bottom: 2px; } .phoneblock > .container > .formInput { width: 85px; } .androidBrowser .formElements .textblock.xxlarge > label, .androidBrowser .formElements .textarea > label { width: 25%; } /*.accordionContainer.specialSidebar .accordionSidebar { width: 185px !important; }*/ #headerbar .container { min-width: 980px; max-width: 88%; } .ibanswitch .chromeblock label, .ibanswitch .selectblock .formDescription { width: 50px; } #eol_calculator { padding-right: 100px; } .bottom_buttons {} .bottom_buttons .wrapper {} .bottom_buttons .button { font-size: 16px; } .bottom_buttons .large.button { line-height: 26px; } #eol_resultblock { text-align: left; padding: 0 10px; } #eol_res_value { float: right; line-height: 70px; } .infoBox .infoBoxContentRight ul { margin-left: 20px; } /**/ /* CR 105 */ #footer .p80.leftContainer { width: 80% !important; } #footer .p20.rightContainer { width: 20% !important; } /* /CR 105 */ /* columns radioblock */ .columns .radioblock {} .columns .fullwidth.radioblock {} .columns .radioblock .formInput {} .columns .fullwidth.radioblock .formInput { width: 100%; padding-left: 30px; } .columns .full.radioblock .formInput .radio { height: 28px; } /* /columns radioblock */ /* specialSidebar */ .accordionContainer.specialSidebar .accordionContent .slider .sliderContentWrapper .sliderContent { width: 33%; } /* /specialSidebar */ } /* S & M & L */ @media only screen and (max-width: 1023px ) { #breadcrumb.overlay { max-width: none; } .infoBox .infoBoxContentLeft .infoBoxButtons { float: left; } .infoBox .infoBoxContentLeft h1, .infoBox .infoBoxContentLeft .h1 { top: 0; } .infoBox .infoBoxContentRight > p, .infoBox .infoBoxContentRight > div > p, .infoBox .infoBoxContentRight > a.button { margin-left: 150px; } div.infoBoxContentRightHead { min-height: 100px; } .ffr ul .rightarrowblock .dd .button span:not(.icon) { font-size: 16px; display: table-cell; vertical-align: middle; overflow: hidden; width: 100%; } #hbfilter .dropdown { width: 135px;} #eol_resultblock { height: auto; padding-top: 20px; padding-bottom: 20px; } #eol_res_label { line-height: inherit; } .obm .head .main_label { letter-spacing: -1px; } /**/ /* CR 105 */ #footer .p80 .left { margin-bottom: 0; } #footer .p20 .right { float: none; } /* /CR 105 */ /* colums radioblock */ .columns .radioblock {} .columns .fullwidth.radioblock {} .columns .radioblock .formInput {} .columns .fullwidth.radioblock .formInput { width: 100%; } /* /columns radioblock */ /* chat */ #chat .arrow span { -webkit-transform: rotate(-90deg) translateX(-50px) translateY(-47px); -moz-transform: rotate(-90deg) translateX(-50px) translateY(-47px); -ms-transform: rotate(-90deg) translateX(-50px) translateY(-47px); -o-transform: rotate(-90deg) translateX(-50px) translateY(-47px); transform: rotate(-90deg) translateX(-50px) translateY(-47px); } /* /chat */ } /* L */ @media only screen and (min-width: 769px) and (max-width: 1023px) { .accordionContainer.specialSidebar .sliderContent { width: 50%; } /* storefinder */ #storefinder { max-width: 830px; } #storefinder table tbody tr.storerow td { padding: 5px; } #storefinder table tbody tr.storerow td.address .btn-container { float: left; width: 45px; } #storefinder table tbody tr.storerow td.address .addressdata { padding-left: 55px; } #storefinder table tbody tr.storerow td.address .responsiveDetails { display: none; } /* /storefinder */ #breadcrumb.overlay { background-color: #e6e8e7; border: 2px solid #666; height: auto !important; margin-right: 0; overflow: visible !important; padding: 30px 10px; position: absolute; top: -25px; left: 0; bottom: inherit; bottom: initial; z-index: 500; } .formaccordion { padding-bottom: 10px; } .formaccordion .accordionLink { font-size: 14px; } div.compare.three div.compareItem { width: 33%; } ul.contentBoxes .contentBox:nth-of-type(3n+1) { -webkit-box-shadow: none; box-shadow: none; } ul.contentBoxes .contentBox:nth-of-type(3n) { background-image:none; } .mainContent form { padding-right: 10px; } /* infoWrapper */ .mainContent form .infoWrapper { right: -27px; } .mainContent form .active.infoWrapper { right: -29px; } .mainContent form .c_right .infoWrapper { right: 2px; } .mainContent form .c_right .active.infoWrapper { right: 0px; } .mainContent form .infoWrapper .info { width: 22px; height: 22px; } .mainContent form .infoWrapper .info .icon { float: inherit; line-height: 22px; } .mainContent form .infoContent .blender { width: 26px; } .mainContent form .obm .infoWrapper { right: -17px; } .mainContent form .obm .infoWrapper.active { right: -19px; top: -2px; } .mainContent form .obm .infoWrapper .info { width: 15px; height: 14px; } .mainContent form .obm .infoWrapper .info .icon { line-height: 1em; } .mainContent form .obm .infoWrapper .blender { width: 19px; } /* infoWrapper */ .textarea > label { width: -webkit-calc(100% - 575px); width: -moz-calc(100% - 575px); width: calc(100% - 575px); } .formElements .dropdown.fulldd .dropdownContent { width: -webkit-calc(100% + 150px); width: -moz-calc(100% + 150px); width: calc(100% + 150px); left: -150px; } .phoneblock.fullwidth .formDescription { width: -webkit-calc(50% - 185px); width: -moz-calc(50% - 185px); width: calc(50% - 185px); } .phoneblock > .container > .formDescription { width: -webkit-calc(100% - 185px); width: -moz-calc(100% - 185px); width: calc(100% - 185px); } .lt-ie9 .selectblock.fullwidth, .lt-ie9 .textarea, .oldFF .selectblock.fullwidth, .oldFF .textarea { width:770px; } .lt-ie9 div.textarea > span, .lt-ie9 div.radioblock.fullwidth > div.formInput, .lt-ie9 div.textblock.xxlarge > span, .lt-ie9 div.selectblock.fullwidth > div.formInput, .oldFF div.textarea > span, .oldFF div.radioblock.fullwidth > div.formInput, .oldFF div.textblock.xxlarge > span, .oldFF div.selectblock.fullwidth > div.formInput { width: 570px; } .lt-ie9 #breadcrumb .dropdownWrapper a:after { display: block; margin-right: 0; } .androidBrowser .selectblock.medium > .formDescription, .androidBrowser .dateblock > label, .androidBrowser .infoblock > label, .androidBrowser .textblock > label, .androidBrowser .textdateblock > label, .androidBrowser .phoneblock > .formDescription, .androidBrowser .phoneblock > .container > .formDescription, .oldFF .selectblock.medium > .formDescription, .oldFF .dateblock > label, .oldFF .infoblock > label, .oldFF .textblock > label, .oldFF .textdateblock > label, .oldFF .phoneblock > .formDescription, .oldFF .phoneblock > .container > .formDescription { width: 40%; } .androidBrowser .infoblock > span, .oldFF .infoblock > span { float: right; } .androidBrowser .phoneblock > .container > .formDescription, .oldFF .phoneblock > .container > .formDescription { margin-right: 15px; } .androidBrowser .selectblock.fullwidth > .formDescription, .oldFF .selectblock.fullwidth > .formDescription { width: 135px; } .androidBrowser .selectblock.fullwidth > div.formInput, .oldFF .selectblock.fullwidth > div.formInput { width: 78%; } .oldFF .formElements .textarea > label, .androidBrowser .formElements .textarea > label { width: 20%; } .productFilterGroup .infoWrapper { right: -20px; } .productFilterGroup .infoWrapper.active { right: -22px; } .productFilterGroup .infoWrapper .info { width: 22px; height: 22px; } .productFilterGroup .infoWrapper .info .icon { float: inherit; line-height: 22px; } .productFilterGroup .infoContent .blender { width: 26px; } .productFilterGroup .infoContent { min-width: 165px;} .lt-ie9 .productFilterGroup .infoContent { min-width: 130px;} .chromeblock.xxlarge > label { max-width: 195px; } .chromeblock.xxlarge > span { max-width: 555px; } #fondstable .infoWrapper { right: 10px; top: -2px; } #fondstable .active.infoWrapper { right: 9px; top: -3px; } #fondsfilter .infoWrapper { right: 0; top: 29px; } #fondsfilter .active.infoWrapper { right: -1px; top: 28px; } #fondstable .infoWrapper .info { width: 14px; height: 15px; } #fondsfilter .infoWrapper .info { width: 22px; height: 22px; } #fondsfilter .infoWrapper .icon { font-size: 20px; } #fondstable .infoWrapper .infoContent { top: 22px; left: 0; border-radius: 0 5px 5px 5px; width: 280px; } #fondsfilter .infoWrapper .infoContent { top: 29px; right: 0; border-radius: 5px 0 5px 5px; width: 280px; } #fondstable .infoContent .blender { width: 16px; left: 0; } #fondsfilter .infoContent .blender { width: 24px; right: 0; } #fondsfilter .input { margin-right: 27px; } #headerbar .container { max-width: 830px; margin-left: 14px; margin-right: 52px; } .uploadblock .ub_name { top: 1px; max-width: -webkit-calc(50% + 50px); max-width: -moz-calc(50% + 50px); max-width: calc(50% + 50px); } .uploadblock label:not(.button):not(.ub_name) { padding-top: 2px; } #eol_res_value { display: block; margin-top: 5px; } /* obm */ .obm_simple .body .element b, .obm_simple .body .element strong { font-size: 15px; } .obm_extended .body .large.element { /*padding: 15px 10px 10px;*/ } .obm_advanced .head { padding-left: 10px; } .obm_advanced .head .sub_label { left: 10px; } .obm_advanced .head .main_label { font-size: 15px; letter-spacing: 0px; } .obm_advanced .head .value { font-size: 35px; letter-spacing: -1px; bottom: 19px; } .obm_advanced .body .element, .obm_advanced .body .red.element { /*padding: 10px;*/ } .obm_advanced .body .small.element { padding-top: 2px; } .obm_advanced .body .element, .obm_advanced .body .element b, .obm_advanced .body .element strong { /*font-size: 14px;*/ font-size: 13px; } .obm_advanced .body .value { font-size: 15px; } /* /obm */ /* teaser */ #teaser .teaserv2 .t1111 .size1.pos1 {} #teaser .teaserv2 .t1111 .size1.pos1 .teaserContent { left: -95px; } #teaser .teaserv2 .t1111 .size1.pos2 { } #teaser .teaserv2 .t1111 .size1.pos2 .teaserContent { left: 95px; } #teaser .teaserv2 .t1111 .size1.pos3 { left: 100%; } #teaser .teaserv2 .t1111 .size1.pos3 .teaserContent { left: -95px; } #teaser .teaserv2 .t1111 .size1.pos4 { left: 100%; } #teaser .teaserv2 .t1111 .size1.pos4 .teaserContent { left: 95px; } /* /teaser */ /**/ /* columns */ .columns {} .columns .c_left, .columns .c_right {} /* radioblock */ .columns .radioblock {} .columns .fullwidth.radioblock {} .columns .fullwidth.radioblock .formInput { padding-left: 15px; } /* /radioblock */ /* phoneblock */ .columns .c_right .phoneblock > .container > .formDescription { width: 35px; } /* /phoneblock */ /* iban.chromeblock */ .devcol.formElements .iban.chromeblock { width: calc(100% - 10px); } .devcol.formElements .c_left .iban.chromeblock .formDescription { margin-left: 10px; } /* /iban.chromeblock */ /* /columns */ /* specialSidebar */ .accordionContainer.specialSidebar .accordionContent .slider .sliderContentWrapper .sliderContent { width: 50%; } /* /specialSidebar */ } /* START extra breakpoints */ @media only screen and (min-width: 1180px) { #headerbar .container { min-width: 1075px; max-width: 1075px; width: 1075px; } } /* arrow width is dynamic */ @media only screen and (min-width: 480px) and (max-width: 734px) { #main { min-width: 430px; } .ffr { padding-top: 40px; height: 140px; } .ffr ul .rightarrowblock { max-width: 200px; width: 33%; float: left; display: inline-block; min-width: 128px; margin-right: 0.5%; } .ffr ul .rightarrowblock:last-child { margin-right: 0; } .ffr ul .rightarrowblock.open { min-width: 200px; position: absolute; z-index: 1; } .ffr ul .rightarrowblock.open.first { left: 0; } .ffr ul .rightarrowblock.open.second { /*left: 50%; margin-left: -100px;*/ right: 32.5%; margin-right: 5px; } .ffr ul .rightarrowblock.open.third { right: 0; } .ffr ul.first .rightarrowblock.second, .ffr ul.second .rightarrowblock.third { margin-left: 33.5%; } .lt-ie9 .ffr ul .rightarrowblock { margin-right: 0; } } /* arrow width is static */ @media only screen and (min-width: 735px) and (max-width: 1023px) { .ffr { padding-top: 40px; } .ffr ul { text-align: center; } .ffr ul .rightarrowblock { width: 200px; display: inline-block; } .ffr ul .rightarrowblock.first { float: left; } .ffr ul .rightarrowblock.second { float: none; } .ffr ul .rightarrowblock.third { float: right; margin-right: 0; } } /* xxlarge input field */ @media only screen and (min-width: 768px) and (max-width: 910px) { .chromeblock.xxlarge > label { width: -webkit-calc(50% - 185px); width: -moz-calc(50% - 185px); width: calc(50% - 185px); } .chromeblock.xxlarge > span { width: -webkit-calc(50% + 165px); } } /* END extra breakpoints */ /* L & M */ @media only screen and (min-width: 480px) and (max-width: 1023px) { .form .mainContent { padding: 20px; } #searchWrapper { width: 102%; width: -webkit-calc(100% + 185px); width: -moz-calc(100% + 185px); width: calc(100% + 185px); } #breadcrumb.overlay { width: 100%; width: -webkit-calc(100% + 35px); width: -moz-calc(100% + 35px); width: calc(100% + 35px); } .ffr ul { position: relative; } .ffr ul .rightarrowblock { height: 100px; } .ffr ul .rightarrowblock.open .container { border-bottom-width: 0; } .ffr ul .rightarrowblock.open .arrow { border-left-color: rgb(236,236,236); } .ffr ul .rightarrowblock.filiale .container .content { top: -42px; background-position: 20px 0; } .ffr ul .rightarrowblock.ruckruf .container .content { top: -30px; background-position: 5px 0; } .ffr ul .rightarrowblock.formular .container .content { top: -40px; background-position: 20px 0; } .ffr ul .rightarrowblock .container span { top: -70px; position: relative; width: auto; font-size: 18px; line-height: 18px; max-width: 102px; float: right; right: 0; } .ffr ul .rightarrowblock.open .container span { right: 10px; } .ffr ul .rightarrowblock .container span strong { font-weight: 400; } .ffr ul .rightarrowblock.open.selected .container span { top: -73px; } .ffr ul .rightarrowblock .dd { margin-right: 21px; border-top-width: 0; border-right-width: 3px; padding: 0 10px 10px 10px; position: absolute; top: 98px; background-color: rgb(236, 236, 236); } .ffr ul .rightarrowblock .dd .button span.icon { font-size: 22px; height: 40px; width: 30px; vertical-align: middle; display: table-cell; } .ffr ul .rightarrowblock .container .bg div { background-color: rgb(236, 236, 236); } .ffr ul .rightarrowblock .trans { border-left-color: rgb(236, 236, 236); } /* needed for overlay */ .productElement { z-index: 2; } .accordionWrapper, #productAccordion { z-index: 1; } #breadcrumb:not(.overlay) > a:last-of-type:after { display: block; right: -7px; } /* longer.radioblock */ .formElements .longer.radioblock {} .formElements .longer.radioblock > .formDescription { width: calc(100% - 185px); } } /* M */ @media only screen and (min-width: 480px) and (max-width: 768px) { .formaccordion { padding-bottom: 10px; } .formaccordion .accordionLink { font-size: 14px; } ul.contentBoxes .contentBox:nth-of-type(2n+1) { -webkit-box-shadow: none; box-shadow: none; } ul.contentBoxes .contentBox:nth-of-type(2n) { background-image:none; } #productsAccordion { margin-top: 15px; } #skeletonNaviSelect .selectText { padding-right: 20px; } .mainContent form .textblock.iban > span { float: left; } .formElements .dropdown.fulldd .dropdownContent { width: -webkit-calc(100% + 170px); width: -moz-calc(100% + 170px); width: calc(100% + 170px); left: -170px; } .checkboxblock .formDescription { width: -webkit-calc(100% - 185px); width: -moz-calc(100% - 185px); width: calc(100% - 185px); } .textdateblock { width: 100%; } /* infoWrapper */ .textdateblock > .infoWrapper, .selectblock:not(.fullwidth):not(.special) > .infoWrapper, .radioblock:not(.special) > .infoWrapper, .chromeblock:not(.xxlarge):not(.fullwidth) > .infoWrapper, .textblock:not(.xxlarge) > .infoWrapper, .dateblock > .infoWrapper { left: 350px; } .chromeblock.fullwidth .infoWrapper, .chromeblock.xxlarge > .infoWrapper, .textblock.xxlarge > .infoWrapper, .textarea > .infoWrapper, .selectblock.fullwidth > .infoWrapper, .checkboxblock .formInput > .checkbox > .infoWrapper, .selectblock.special > .infoWrapper, .checkboxblock .infoWrapper { right: -25px; } .formElements .textarea > .infoWrapper { right: 0; } .formElements .selectblock.special > .infoWrapper, .formElements .textblock.euro.fullwidth > .infoWrapper, .formElements .radioblock.biglabel.special > .infoWrapper { left: inherit; right: 0; } .formElements .selectblock.fullwidth > .infoWrapper { right: 0; } .productFilterGroup .infoWrapper { right: 0; } .productFilterGroup .infoContent { min-width: 300px; } #fondsfilter .infoWrapper { right: 0; top: 22px; } #fondstable .infoWrapper { right: 10px; top: -5px; } #fondsfilter .active.infoWrapper { right: -1px; top: 21px; } #fondstable .active.infoWrapper { right: 9px; top: -6px;} #investfonds .infoWrapper .info { width: 40px; height: 23px; } #investfonds .infoWrapper .icon { font-size: 20px; } #investfonds .infoWrapper .infoContent { top: 29px; right: 0; border-radius: 5px 0 5px 5px; width: 280px; } #investfonds .infoContent .blender { width: 42px; right: 0; } /* /infoWrapper */ .chromeblock.xxlarge > span, .textblock.xxlarge > span { width: -webkit-calc(100% - 185px); width: -moz-calc(100% - 185px); width: calc(100% - 185px); float: left; } .checkboxblock .formInput > .checkbox > div > p { padding-right: 20px; } .formElements .selectblock.special > .formDescription { width: -webkit-calc(100% - 210px); width: calc(100% - 210px); width: -moz-calc(100% - 210px); float: left; text-align: left; } .radioblock.fullwidth > .formInput { width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); width: calc(100% - 160px); } .formElements .selectblock.special, .formElements .textblock.euro.fullwidth { padding-left: 20px; } /*.formElements .radioblock.biglabel.special { padding-left: 20px; }*/ /* BAWAGPASK-2475 */ .columns.formElements .biglabel.special.radioblock { padding-left: 0px; } .columns.formElements .biglabel.special.radioblock > .formDescription { /*width: 160px;*/ padding-left: 0; } /* BAWAGPASK-2475 */ .formElements .textblock.iban { padding-left: 20px; } .formElements .textblock.euro.fullwidth > label, .formElements .selectblock.special > .formDescription, .formElements .radioblock.biglabel.special > .formDescription { width: 100%; padding-right: 45px; padding-left: 0; } .formElements .textarea > label { width: 100%; padding-right: 40px; text-align: left; } .formElements .textarea > span { width: 100%; float: left; } .formElements .textarea.indent > label { width: 160px; text-align: right; padding-right: 5px; } .formElements .textarea.indent > span { float: left; max-width: calc(100% - 160px); width: 100%; } /* fullwidth.selectblock */ .formElements .selectblock.fullwidth > .formDescription { width: 100%; padding-right: 45px; text-align: left; padding-bottom: 5px; } .formElements .selectblock.fullwidth > .formInput { width: 100%; } .formElements .selectblock.fullwidth.indent > .formDescription { width: 160px; padding-right: 5px; text-align: right; padding-bottom: 5px; } .formElements .selectblock.fullwidth > .formInput > .dropdown { width: 100%; } .formElements .selectblock.fullwidth.indent > .formInput > .dropdown { width: 100%; max-width: calc(100% - 160px); } /* /fullwidth.selectblock */ /* large.selectblock */ .formElements .selectblock.large {} .formElements .selectblock.large .formDescription { text-align: left; } .formElements .selectblock.large .formInput {} .formElements .selectblock.large .formInput .dropdown { width: 100%; } /* /large.selectblock */ .textdateblock > label {padding-left: 0;} #fondstools { height: 140px; } #fondssearch, #fondsfilter { float: inherit; right: 0; position: absolute; margin-top: 5px; } #fondsfilter { top: 55px; } #fondssearch .input, #fondsfilter .input { margin-top: 5px; margin-right: 45px; } #headerbar .container { max-width: 830px; } /* uploadblock */ .uploadblock label:not(.button):not(.ub_name) {width: 160px; padding-top: 2px;} .uploadblock .ub_name { max-width: -webkit-calc(100% - 290px); max-width: -moz-calc(100% - 290px); max-width: calc(100% - 290px); top: 0; } /* BAWAGPSKR-2467 */ /* #iframeOKEB .uploadblock .ub_name { max-width: -webkit-calc(100% - 340px); max-width: -moz-calc(100% - 340px); max-width: calc(100% - 340px); } */ /* BAWAGPSKR-2467 END */ /* /uploadblock */ /* eol */ #eol_calculator { padding-left: 50px; padding-right: 40px; } #eol_calculator .eol_slider { margin-bottom: 10px; } #eol_calculator hr { margin: 10px 0; padding-left: 50px; } #eol_resultblock { text-align: inherit; padding-left: 10px; padding-right: 10px; } #eol_res_label { letter-spacing: 0.5px; } #eol_res_value { float: right; } /* /eol */ /* obm */ .obm {} .obm .head {} .obm .head .wrapper {} .obm .head .main_label { font-size: 22px; } .obm .head .wrapper .sub_label { left: 15px; } .obm .head .wrapper .value { right: 15px; line-height: 35px; padding-left: 10px; } .ie .obm_advanced .head .wrapper .value { right: 0px; } /* /obm */ /* header noebanking */ .noebanking#header {} .noebanking#header #logoSpace { width: 134px; } /* /header noebanking */ /* specialSidebar */ .accordionContainer.specialSidebar .accordionSidebar, .accordionContainer.specialSidebar .accordionContent { width: 50%; } /* /specialSidebar */ /**/ /* columns */ .columns .selectblock .formDescription, .columns .radioblock .formDescription { padding-left: 0px; } /* /columns */ } /* S & M */ @media only screen and (max-width: 768px) { /* specialSidebar */ .accordionContainer.specialSidebar .accordionContent .slider .sliderContentWrapper .sliderContent { width: 100%; } /* /specialSidebar */ #tabNavigation { display: none; visibility: hidden; } .slider .buttons .button.halfwidth { width: 100%; } .products .accordion li .accordionHeadline { display: block !important; } .accordion li { padding-bottom: 0em; margin-bottom: 5px; } /* storefinder */ #storefinder table { width: 100%; border-collapse: collapse; border-spacing: 0; } #storefinder th, #storefinder td { margin: 0; vertical-align: top; } #storefinder th { text-align: left; } #storefinder table { display: block; position: relative; width: 100%; } #storefinder table thead { display: block; float: left; } #storefinder table thead tr { display: block; } #storefinder table thead tr th { display: block; text-align: right; padding-top: 1px; } #storefinder table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } #storefinder table tbody tr { display: inline-block; vertical-align: top; } #storefinder table tbody tr td { display: block; min-height: 1.25em; text-align: left; max-width: 225px; white-space: normal; } #storefinder table tbody tr.detail.active { display:none; } #storefinder table tbody tr.storerow td.address .responsiveDetails { display: none; } #storefinder table tbody tr.storerow.active td.address .responsiveDetails { display: block; } #storefinder table tbody.order tr.storerow td.address .responsiveDetails { display: block; } /* /storefinder */ /* responsiveTable */ .responsiveTable { width: 100%; border-collapse: collapse; border-spacing: 0; } .responsiveTable th, .responsiveTable td { margin: 0; vertical-align: top; } .responsiveTable th { text-align: left; } .responsiveTable table { display: block; position: relative; width: 100%; } .responsiveTable thead { display: block; float: left; } .responsiveTable tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } .responsiveTable thead tr { display: block; } .responsiveTable th { display: block; text-align: right; } .responsiveTable tbody tr { display: inline-block; vertical-align: top; } .responsiveTable td { display: block; min-height: 1.25em; text-align: left; } .responsiveTable, .responsiveTable thead, .responsiveTable.nobottom tr td:last-child, .responsiveTable.nobottom tr td:last-child { border-bottom-width: 0 !important; } .responsiveTable { display: block; } .responsiveTable tbody tr td.spacer { display: none; height: 0 !important; } .responsiveTable tr td:not(.spacer) { min-height: 33px; } /* /responsiveTable */ #breadcrumb.overlay { background-color: #e6e8e7; border: 2px solid #666; height: auto !important; margin-right: 0; overflow: visible !important; padding: 30px 10px; position: absolute; top: -25px; left: 0; bottom: inherit; bottom: initial; z-index: 500; } /* form blocks (part1) */ .dateblock, .infoblock, .textblock, .chromeblock, .selectblock, .radioblock.oneline, .radioblock.nolabel, .radioblock.biglabel, .phoneblock { width: 100%; } /* radioblock.biglabel */ .formElements .radioblock.biglabel .formDescription { max-width: 100% !important; } .formElements .radioblock.biglabel .formInput { margin-left: 0 !important; } /* /form blocks */ #infoOverlay.active { display: none; } article.article table > tbody > tr > td > table:first-of-type > tbody > tr > td { display: block; } div.compare div.compareItem { width:50%; } #page ul.leveld > ul { padding-left: 0; } #page ul.leveld > ul > ul { margin-left: -14px; padding-left: 0; } /* compareOverlay */ #compareOverlay { font-size: 14px; } #compareOverlay .compareTableDiv .thead .tr, #compareOverlay .compareTable thead tr { box-shadow: 12px 0 10px -9px #000000; position: relative; z-index: 1; background-color: #fff; behavior: url(/linkableblob/-/116240/05aa355ec2ac34e8a27560a8b4f2927d/pie-htc-data.htc); -ms-behavior: url(/linkableblob/-/116240/05aa355ec2ac34e8a27560a8b4f2927d/pie-htc-data.htc); } #compareOverlay .compareTableDiv .thead .tr .td, #compareOverlay .compareTable thead tr td { width: 126px; } #compareOverlay .compareTableDiv .tbody .tr, #compareOverlay .compareTable tbody tr { overflow: hidden; margin-right: -5px; } #compareOverlay .compareTableDiv .tbody .tr .td, #compareOverlay .compareTable tbody tr td { padding: 5px 9px; } #compareOverlay .compareTableDiv .td.name, #compareOverlay .compareTable td.name { background-color: #900; color: #fff; border-color: #000000; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; } #compareOverlay .compareTableDiv .td.img, #compareOverlay .compareTable td.img { display: none; } #compareOverlay .wrapper { padding-left: 0; padding-right: 0; margin-top: 0; padding-top: 30px; padding-bottom: 30px; } #compareOverlay .wrapper .content { padding-left: 0; padding-right: 0; padding-bottom: 0 } #compareOverlay .wrapper .close { text-transform: none; font-family: arial; font-size: 14px; } #compareOverlay .wrapper .close .icon {/*float: right;*/ margin-left: 10px; } #compareOverlay .compareTable .thead { border-bottom: 1px solid #000000; } #compareOverlay .rezension .copy { border-width: 0; } #compareOverlay .rezension .form { padding: 5px 0; } #compareOverlay .rezension .form .inputblock { width: 50%; float: left; padding-right: 50px; } #compareOverlay .rezension .form label { width: 100%; display: block; } #compareOverlay .rezension .form input.textarea { width: 100%; } #compareOverlay .rezension .form input.phone, #compareOverlay .rezension .form #phone { width: 48%; } #compareOverlay .wrapper .top .compareimg { left: 25px; } #compareOverlay .wrapper .top h1, #compareOverlay .wrapper .top .h1 { margin-left: 170px; margin-top: 100px; font-size: 16px; } #compareOverlay .wrapper .top { padding-top: 10px; border-bottom-width: 0; } #compareOverlay .wrapper .top .close { position: absolute; top: 10px; right: 0; } /* /compareOverlay */ .siteElement.products { padding-bottom: 10px; } #skeletonNaviSelect .selectText { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; vertical-align: middle; } #skeletonNaviWrapper #skeletonNaviSelect { padding: 0.5em; } /* infoWrapper */ .mainContent form .infoWrapper .info { width: 40px; height: 23px; } .mainContent form .infoWrapper .info .icon { float: inherit; line-height: 23px; } .mainContent form .infoContent .blender { width: 44px; } .mainContent form .obm .infoWrapper { top: -4px; right: -45px; } .mainContent form .obm .infoWrapper.active { top: -6px; right: -47px; } /*.mainContent form .obm .select .infoWrapper { right: 78px; }*/ .checkboxblock .checkbox .infoWrapper { /*right: 0;*/ margin: 0; } .checkboxblock .checkbox .infoWrapper .container { margin: 0; } .productFilterGroup .infoWrapper .info { width: 40px; height: 23px; } .productFilterGroup .infoWrapper .info .icon { float: inherit; line-height: 23px; } /* /infoWrapper */ /* form blocks (part 2) */ .spacerblock { display: none; } .specialresultblock2 .left, .specialresultblock2 .right { width: 100%; } .specialresultblock2 div.empty { display: none; } .dateblock label, .textblock label, .chromeblock label, .infoblock label { padding-left: 0; } .textblock.iban > label { float: left; } .iconlink.icon-pin { background-position: 0 0; } .leftResult, .rightResult { width: 100%; } .checkboxblock .formInput > .checkbox { margin-right: 0; } .textarea > p { text-align: left; } .phoneblock.fullwidth > .container { float: left; max-width: 100%; width: 100%; } .phoneblock.fullwidth > .formInput { height: 32px; } .formElements label, .formElements .formDescription, .chromeblock > label, .textblock > label, .textdateblock > label, .dateblock > label, .infoblock > label, .textarea > label { width: 160px; min-height: 1px; text-align: left; } .slideable.checkboxblock label, .full.checkboxblock label { width: auto; } .radioblock.oneline > .formInput { max-width: inherit; width: auto; } .textblock > span, .textdateblock > .container, .selectblock > .formInput > .dropdown, .dateblock > span, .radioblock .formInput { float: left; } .phoneblock > .container > .textblock { margin-left: 3px; float: left; } .phoneblock > .formInput { float: left; } .formElements .textblock.euro > span, .formElements .textblock.year > span { margin-right: inherit; } .formElements .selectblock.special > .formInput > .dropdown { width: 100%; max-width: 185px; } .long.radioblock {} .long.radioblock .formDescription { width: 100%; } .long.radioblock .formInput { margin-left: 10px; } .longer.radioblock {} .longer.radioblock .formDescription {} .longer.radioblock .forminput {} /* /form blocks */ .productFilterGroup .infoContent .blender { width: 44px; } /* CR-056*/ table.responsiveContactTable tbody tr td { display: block; float: left; height: 155px; margin: 1px; } table.responsiveContactTable tbody tr td:nth-child(1), table.responsiveContactTable tbody tr td:nth-child(3) {min-width: 125px;} table.responsiveContactTable tbody tr td:nth-child(2), table.responsiveContactTable tbody tr td:nth-child(4) { width: 150px; width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px);/*min-width: 60%}*/} /* BAWAPSKR 2002 */ table.TwoColumnResponsiveTable tbody tr td { display: block; float: left; width: 100%; padding-left: 0; } #investWrapper { max-width: 310px; } #investSelect { display: block; } #investMenu { display: none; position: absolute; top: 35px; box-shadow: 0 1px 5px 1px #000000; width: 100%; } #investList {} .investEntry { border-bottom: 1px solid #000000; padding: 12px 6px; } .investEntry:last-child { border-bottom-width: 0; } .investHead { font-family: 'TradeGothicLTStd'; font-size: 25px; line-height: 25px; color: #000000; text-transform: uppercase; } .investCont { font-family: Arial; font-size: 14px; color: #666; margin-top: 5px; } /* ? clearfix ? */ .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .cf { zoom: 1; } *:first-child+html .cf { zoom: 1; } /* investfonds */ #investfonds table { width: 100%; border-collapse: collapse; border-spacing: 0; } #investfonds th, #investfonds td { margin: 0; vertical-align: top; } #investfonds th { text-align: left; border-bottom: 1px solid #000000; } #investfonds table { display: block; position: relative; width: 100%; border-bottom-width: 0; } #investfonds thead { display: block; float: left; } #investfonds tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } #investfonds thead tr { display: block; } #investfonds th { display: block; text-align: right; } #investfonds tbody tr { display: inline-block; vertical-align: top; border-bottom-width: 1px; border-bottom-color: #000000; } #investfonds tbody tr:last-child { border-bottom: 1px solid #000000; } #investfonds td { display: block; min-height: 1.25em; text-align: left; } #investfonds tbody tr:first-child { margin-left: 0; } #investfonds tbody tr { margin-left: -3px; } #investfonds tbody td:first-child { border-top: 1px solid #000000; } #investfonds tbody td { border-bottom: 1px solid #c4c4c4; } #investfonds tbody td:last-child { border-bottom: 0 solid #000000; } /* fondstable */ #fondstable tr .container { display: inherit; } #fondstable .w90, #fondstable .w100, #fondstable .w140 { width: auto; } #investfonds .rtl { text-align: left;} #fondstable thead { border-bottom-width: 0; } #fondstable .infoWrapper .infoContent { border-radius: 5px 5px 5px 5px; } /* /investfonds */ #headerbar { position: relative; } .withFilter#headerbar { height: 50px; } #headerbar + #pageWrapper { margin-top: 0; } .withFilter #hbmarquee { padding-top: 25px; } .withFilter #hbmarquee { margin-right: 0; } .ibanswitch .selectblock .formDescription { width: 50px !important; } .ibanswitch .radioblock .formInput .radio { overflow: hidden; } /* specialresult - floating */ .specialresultwrapper { width: 100%; } .specialresultwrapper .container { width: 100%; } .specialresultwrapper .container:first-child { margin-right: 0; } .specialresultwrapper .container:last-child { margin-left: 0; } .specialresultwrapper .specialresultblock2 { } .specialresultwrapper .specialresultblock2 div { width: 100%; } /* /specialresult - floating */ .stage .selectMenu .closeBtn { display: none; } .phoneblock .third .textblock.last { float: left; margin-left: 1px; } /* eol */ #eol_left { float: none; width: 100%; } #eol_calculator { float: none; width: 100%; padding-top: 20px; } #eol_left .copy { display: none; } #eol #eol_sb_left { display: none; } #eol #eol_sb_right { display: block; width: 100%; overflow: hidden; } #eol_sb_sm { display: block; width: 100%; } /* /eol */ /* obm */ .obm {} .obm .head {} .obm .body {} .obm .body .element { width: 100%; } .obm .body .red.element:nth-of-type(odd) { /*border-bottom-width: 0;*/ } .obm .body .empty.element { display: none; } .obm_simple {} .obm_simple .body {} .obm_simple .body .grey.element:nth-of-type(odd) { border-bottom: 0; } .obm_extended {} .obm_extended .body {} .obm_extended .body .radio.element { border-bottom: none; } .obm_advanced { float: initial; width: 100%; padding-right: initial; } .more_block.obm_advanced { padding-left: 0; } .obm_advanced .head {} .obm_advanced .head .main_label { font-size: 21px; } .obm_advanced .head .obm_arrow { display: none; } .obm_advanced .head .wrapper .value { bottom: 15px; } .obm_advanced .body { border-bottom: none; } .obm_advanced .bottom_arrow { display: block; } /* /obm */ .sb_side { width: 100%; display: block; } .accordion li.splitblock > .accordionContainer { display: block !important; } #productAccordion .splitblock .formElements .fullwidth.selectblock .formDescription { width: 100%; } #productAccordion .splitblock .formElements .fullwidth.selectblock .formInput { width: 100%; } .withinput.radioblock .formInput { width: 100%; } .productchoose.radioblock .container { width: 100%; } .formElements .chromeblock.fullwidth.euro {} .formElements .chromeblock.fullwidth.euro .formDescription { width: 100%; padding-right: 45px; padding-left: 0; } /**/ /* columns - basics */ .columns {} .columns .c_left, .columns .c_right { float: none; width: 100%; } .columns .c_left {} .columns .c_right {} .columns .c_right .formDescription { opacity: 1; display: block; white-space: normal; } .columns .spacer { display: none; } .c_right label, .c_right .formDescription, .c_right .headlineblock span:first-child { opacity: 1; word-wrap: break-word; } /*.c_left, .c_right { overflow: hidden; }*/ .devol {} .devcol .c_right { padding-left: 0; } /* /columns - basics */ /* columns radioblock */ .columns .radioblock {} .columns .fullwidth.radioblock {} .columns .radioblock .spacer, .columns .fullwidth.radioblock .spacer { display: none; } .columns .withsub.radioblock label.radio.spacer { display: none; } /* /columns radioblock */ /* columns decider */ .columns .decider {} .columns .decider.spacer { } .columns .decider .formDescription, .columns .decider .formInput { width: 100%; } .columns .decider .formInput { } .columns .decider.spacer .formDescription, .columns .decider.spacer .formInput { } /* /columns decider */ /* columns headlineblock */ .columns .headlineblock span:first-child { width: auto; min-width: 160px; margin-right: 10px; } .devcol .c_right .headlineblock span:first-child { display: block; width: auto; min-width: 160px; margin-right: 10px; } /* /columns headlineblock */ /* chat */ #chat { right: -515px; } .active#chat { right: -460px; } .open.active#chat { right: -200px; } #chat .arrow {} /*#chat_content { width: 260px; }*/ /* /chat */ } /* S */ @media only screen and (max-width: 479px) { /**/ .sOnlyIB { display: inline-block; } #storefinder table thead { display: none; } #storefinder table tbody { padding-left: 10px; } #storefinder table tbody tr:first-child { border-left: 1px solid #3c3c3c; } #storefinder table tbody tr:nth-of-type(4n-3) { background-color: #c4c4c4; } #storefinder table tbody tr.storerow td.directions { min-height: 25px; display:inline-block; } #storefinder table tbody tr.storerow td.service-quote { min-height: 29px; width: 70px; text-align:right; display:inline-block; } #storefinder table tbody tr.storerow td.address { min-height: 93px; } #storefinder .accordion .accordionContainer { padding: 10px 0 0 0; } #storefinder .accordion .accordionContainer p.copy { margin: 0 10px 10px 10px; } #storefinder .accordion .accordionContainer .accordion.lvl2 .accordionContainer ul { margin-top: 10px; } #wizardResult { display: none !important; } #wizardResultS { display: block !important; } .accordionContainer.specialSidebar .accordionContent { width: 100%; } .accordionContainer.specialSidebar .sliderContent { width: 100%; } .formaccordion { padding-bottom: 10px; } .formaccordion .accordionLink { font-size: 14px; /* einzeilige ansicht: display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ } /* breadcrumb */ #breadcrumb .bc_element > a > p, #breadcrumb > a > p { background-color: transparent; } #breadcrumb.overlay { width: 100%; } #breadcrumb.overlay .bc_element > a > p, #breadcrumb.overlay > a > p { background-color: #fff !important; } #breadcrumb .dropdownWrapper.active a span.arrow:after { left: -10px; } /* /breadcrumb */ .languageSwitch { background-color: transparent; } .languageSwitch .language { border: 1px solid #999; background-color: #fff; } .languageSwitch .language.left { border-radius: 4px 0 0 4px; } .languageSwitch .language.right { border-radius: 0 4px 4px 0; } /* if you have to do something with the following line, please contact gumpi */ /*article.article > table > tbody > tr > td { display: block; overflow: hidden; float: left; }*/ .products { padding-top: 10px; } #productsAccordion .accordionContent { margin-top: 0; padding-top: 10px; } #productsAccordion .accordionContent .sliderContent { padding: 10px; /*height: 100%*/ } section.products .products_disclaimer { margin: 0 9%; } section.products .accordionContent .products_disclaimer { margin: 0; } /* ffr (filiale formular rückruf) */ .ffr { width: 200px; } .ffr ul .rightarrowblock { margin-top: 10px; } .ffr ul .rightarrowblock .container { height: 66px; position: relative; margin-right: 13px; } .ffr ul .rightarrowblock .container .content { height: 66px; } .ffr ul .rightarrowblock.selected .container span { margin: -55px 8px 0 0; } .ffr ul .rightarrowblock .container span { margin: -57px 8px 0 0; position: inherit; padding-right: 0; } .ffr ul .rightarrowblock.open.selected .container span { margin-top: -58px; } .ffr ul .rightarrowblock .container span, .ffr ul .rightarrowblock .container span strong { font-size: 20px; font-weight: 400; line-height: 24px; } .ffr ul .rightarrowblock .arrow { border-bottom-width: 33px; border-top-width: 33px; border-left-width: 15px; right: -2px; } .ffr ul .rightarrowblock.open .container { border-bottom-width: 0; } .ffr ul .rightarrowblock.open .container .bg { background-color: rgb(236, 236, 236); } .ffr ul .rightarrowblock.open .arrow { border-left-color: rgb(236,236,236); } .ffr ul .rightarrowblock.open .dd { position: absolute; z-index: 1; top: 64px; border-top-width: 0; margin-right: 12px; padding: 10px; border-right-width: 3px; background-color: rgb(236, 236, 236); } .ffr ul .rightarrowblock.open .arrow .border, .ffr ul .rightarrowblock.selected .arrow .border { top: -32px; left: -17px; } .ffr ul .rightarrowblock .trans { display: none; } .ffr ul .rightarrowblock.ruckruf .container .content { background-position: 3px 0; top: -25px; } .ffr ul .rightarrowblock.ruckruf { margin-top: 40px; } .ffr ul .rightarrowblock.ruckruf.open .container .content, .ffr ul .rightarrowblock.ruckruf.selected .container .content { background-position: 0 0; top: -28px; } .ffr ul .rightarrowblock.formular { margin-top: 40px; } .ffr ul .rightarrowblock.formular .container .content { background-position: 18px 0; top: -36px; } .ffr ul .rightarrowblock.formular.open .container .content, .ffr ul .rightarrowblock.formular.selected .container .content { background-position: 15px 0; top: -40px; } .ffr ul .rightarrowblock.filiale { margin-top: 40px; } .ffr ul .rightarrowblock.filiale .container .content { background-position: 15px 0; top:-34px; } .ffr ul .rightarrowblock.filiale.open .container .content, .ffr ul .rightarrowblock.filiale.selected .container .content { background-position: 12px 0; top: -37px; } .ffr ul .rightarrowblock .container span .invader { display: inline-block; float: left; width: 65px; height: 18px; margin-left: 3px; } .ffr ul .rightarrowblock.open .container span .invader, .ffr ul .rightarrowblock.selected .container span .invader { margin-left: 0; } .ffr ul .rightarrowblock .dd .button span.icon { display: block; float: left; font-size: 22px; height: 40px; width: 30px; padding-top: 15px; padding-left: 4px; } .ffr ul .rightarrowblock.open .arrow .border { background-position: -40px -110px; height: 64px; } .ffr ul .rightarrowblock .arrow .border { background-position: -70px -110px; } .ffr ul .rightarrowblock.selected.open .arrow .border, .ffr ul .rightarrowblock.selected.open .trans .border { background-position: -70px -110px; } /* /ffr */ #skeletonNaviSelect .selectText { padding-right: 45px; } #wizardResult, #wizardResultS { height: 100%; } .form .mainContent { padding: 15px; } .textdateblock label, .selectblock .formDescription, .dateblock label, .textarea label, .infoblock label, .radioblock.fullwidth > .formDescription, .radioblock.fullwidth > .formInput, .chromeblock label, .textblock label { width: 100%; float: none; } .selectblock .formDescription:after, .dateblock label:after, .textarea label:after, .infoblock label:after, .chromeblock label:after, .textblock label:after { content: "\A"; white-space: pre; } .textarea p { float: none; width: 100%; text-align: left; } .textarea p label:after { content: "\A"; white-space: pre; } .dateblock span:not(.icon), .textarea span, .textblock span:not(.icon) { margin-left: 0; } .chromeblock span:not(.icon), { margin-left: 5px; } .mainContent form .textblock { height: inherit; } .mainContent form .selectblock > .formInput, .mainContent form .textblock > span { width: 100%; float: inherit; } /* infoWrapper */ .mainContent form .infoContent { width: 300px; } .mainContent form .infoWrapper { right: 2px; } .mainContent form .infoWrapper.active { right: 0; } .mainContent form .obm .infoContent { width: 295px; } /* /infoWrapper */ .mainContent form .selectblock .dropdown { float: inherit; } .formElements .dropdown.fulldd .dropdownContent { width: 200%; max-width: 295px; left: 0; } .checkboxblock .formInput { width: 100%; float: left; } .checkboxblock .formDescription { width: 100%; } .checkboxblock .checkbox .infoWrapper .infoContent { max-width: 240px; } .formElements .formDescription { padding-left: 0; } .textdateblock { width: 100%; } .textdateblock > label { width: 100%; text-align: left; padding-left: 0; } .textdateblock > .container { float: left; } .selectblock.fullwidth > .formInput > .dropdown { width: 100%; } .selectblock.special > .formDescription { padding-right: 40px; } .radioblock.fullwidth > .formInput { width: 100%; } .radioblock.biglabel.special > .formDescription, .selectblock.special > .formDescription { padding-left: 0; } .formElements .radioblock.biglabel.special > .formDescription { width: 100%; } .formElements .selectblock.fullwidth > .formDescription { padding-bottom: 5px; } .androidBrowser .formElements .textblock.xxlarge > span, .androidBrowser .formElements .textarea > span { width: 100%; } .androidBrowser .formElements div.textarea > label { display: inline-block; width: 100%; padding-right: 45px; text-align: left; } .productFilterGroup .infoContent { width: 300px; } .productFilterGroup .infoWrapper { right: 2px; } .productFilterGroup .infoWrapper.active { right: 0; } #investSelect .button { width: 40px; } #fondsfilter .infoWrapper { right: 2px; top: 55px; } #fondstable .infoWrapper { right: 10px; top: -5px; } #fondsfilter .active.infoWrapper { right: 1px; top: 54px; } #fondstable .active.infoWrapper { right: 9px; top: -6px;} #investfonds .infoWrapper .info { width: 40px; height: 23px; } #investfonds .infoWrapper .icon { font-size: 20px; } #investfonds .infoWrapper .infoContent { top: 29px; right: 0; border-radius: 5px 5px 5px 5px; width: 280px; } #investfonds .infoContent .blender { width: 42px; right: 0; } #fondstools { height: 160px; } #fondssearch, #fondsfilter { float: inherit; right: 0; position: absolute; margin-top: 5px; } #fondsfilter { top: 55px; } #fondssearch .input, #fondsfilter .input { margin-top: 5px; } .ibanswitch .chromeblock label { float: left; } .headline.number .h2bg h2, .headline.number .h2bg .h2 { display: none; } .stage .selectMenu ul.categories { padding: 12px 0; } .stage .category { border-bottom-width: 0; padding: 0 5px; } .stage .categories h3, .stage .categories .h3 { display: none; } .stage .categoryImage { background-image: none; } /* mainNavigation */ #mainNavigation {} #mainNavigation .active {} #mainNavigation .active .flag {} #mainNavigation .active .menuIcon { background-color: #990000; border-radius: 2px; padding: 0.0em 0.2em; color: #FFFFFF; height: 22px; display: block; } #mainNavigation ul li.active .menuIcon .button { width: auto; height: auto; padding: 0; margin: 0 5px 0 0; background-color: transparent; } #mainNavigation ul li.active .menuIcon .button .icon { line-height: inherit; position: relative; top: 3px; } #mainNavigation ul li.active .menuTitle { top: 3px !important; left: 0; } /* /mainNavigation */ /* uploadblock */ .uploadblock label:not(.button):not(.ub_name) { width: 100%; text-align: left; padding-left: 0; } .uploadblock .ub_name { max-width: 50%; } .uploadblock .container { bottom: 7px; } /* /uploadblock */ /* eol */ #eol_left { padding-right: 0px; } #eol_resultblock span { /*display: block;*/ text-align: left; padding-left: 5px; padding-right: 5px; line-height: 1em; } #eol_res_label { margin-bottom: 5px; } /* /eol */ /* obm */ .obm {} .obm .head {} .obm .head .main_label { font-size: 16px; } .obm .head .wrapper { position: initial; width: initial; text-align: initial; } .obm .head .wrapper .sub_label { position: absolute; bottom: 10px; left: 10px; letter-spacing: -0.25px; } .obm .head .wrapper .value { position: absolute; bottom: 10px; line-height: 35px; font-size: 35px; line-height: 27px; right: 10px; letter-spacing: -0.5px; } .obm .body {} .obm .body .element, .obm .body .element b, .obm .body .element strong { /*font-size: 14px;*/ font-size: 12px; letter-spacing: -0.25px; } .obm .body .value { font-size: 14px; } .obm .body .element, .obm .body .red.element, .obm .body .large.element { padding-left: 10px; padding-right: 10px; } /* /obm */ /* header noebanking */ .noebanking#header {} .noebanking#header #logoSpace { width: 95px; } /* /header noebanking */ /* infoBox */ .infoBox .infoBoxContentLeft .infoBoxButtons { float: none; } .infoBox .infoBoxContentLeft h1, .infoBox .infoBoxContentLeft .h1 { position: inherit; margin-left: 0; min-height: inherit; } .infoBox .infoBoxContentRight > p, .infoBox .infoBoxContentRight > div > p, .infoBox .infoBoxContentRight > a.button { margin-left: 0; } .infoBox .infoBoxContentRight ul { margin-left: 20px; } /* /infoBox*/ /* refactor formElements */ /* basics */ .formElements .formDescription { width: 100%; } .columns .selectblock .formDescription, .columns .radioblock .formDescription { padding-left: 0; } /* small.selectblock */ .formElements .selectblock.small .formInput { width: 90px; } .formElements .selectblock.small.twice .formInput { width: 185px; } /* phoneblock */ .formElements .phoneblock .container .formDescription {display: none;} /* longer.radioblock */ .formElements .longer.radioblock {} .formElements .longer.radioblock > .formDescription { width: 100%; } .formElements .longer.radioblock > .formInput { margin-left: 20px; } /* withinput.radioblock */ .withinput.radioblock .textinput .ilabel { float: none; text-align: left; } .withinput.radioblock .textinput .input { float: none; margin-left: 37px; } /* yesorno.biglabel.special.radioblock */ .columns .yesorno.biglabel.special.radioblock .formDescription { padding-left: 0; width: 100%; } /* /refactor formElements */ /* columns */ .c_right .fullwidth.radioblock label { white-space: inherit; } .devcol.formElements .iban.chromeblock .formDescription { width: 100%; text-align: left; } .columns.formElements .lastfull.selectblock .formInput .dropdown { margin-left: 0px; } /*.columns.formElements .nolabel.radioblock,*/ .columns.formElements .infoblock { height: auto; } .columns.formElements .infoblock span { padding-left: 0; } /* /columns */ /**/ } /* START wizard result */ #wizardResult { display: block; } #wizardResultS { display: none; } #wizardResultS, #wizardResult { padding: 0; } #wizardResultS .arrowblock, #wizardResult .arrowblock { position: relative; float: none; margin-top: 55px; } #wizardResultS .arrowblock .container, #wizardResult .arrowblock .container { height: 120px; padding: 33px 0 34px 37px; } #wizardResultS .arrowblock.right .container, #wizardResult .arrowblock.right .container { margin-right: 28px; } #wizardResultS .arrowblock.left .container, #wizardResult .arrowblock.left .container { margin-left: 28px; } #wizardResultS .arrowblock .container span, #wizardResult .arrowblock .container span { text-transform: uppercase; font-family: 'TradeGothicLTStd'; overflow: hidden; line-height: 15px; font-size: 15px; height: 53px; } #wizardResultS .arrowblock .container span b, #wizardResult .arrowblock .container span b { color: #fff; display: block; margin: 5px 0; font-size: 25px; font-weight: 400; } #wizardResultS .arrowblock .arrow, #wizardResult .arrowblock .arrow { width: 0; height: 0; position: absolute; top: 0; right: 0; display: block; border-style: solid; border-color: transparent; border-width: 60px 0 60px 28px; /* smooth hack */ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } #wizardResultS .content, #wizardResult .content { font-size: 12px; } #wizardResultS .content .step, #wizardResult .content .step { width: 100%; position: relative; min-height: 26px; margin-bottom: 18px; } #wizardResultS .content .step .icon, #wizardResult .content .step .icon { width: 28px; height: 28px; position: absolute; top:0; left:5px; margin:2px 0 0 0; } #wizardResultS .content .step .icon.one, #wizardResult .content .step .icon.one { background-position: 0 0; } #wizardResultS .content .step .icon.two, #wizardResult .content .step .icon.two { background-position: 0 -28px; } #wizardResultS .content .step .icon.three, #wizardResult .content .step .icon.three { background-position: 0 -56px; } #wizardResultS .content .step .icon.four, #wizardResult .content .step .icon.four { background-position: 0 -84px; } #wizardResultS .content .step .icon.five, #wizardResult .content .step .icon.five { background-position: 0 -112px; } #wizardResultS .content .step .icon.six, #wizardResult .content .step .icon.six { background-position: 0 -140px; } #wizardResultS .content .step .icon.seven, #wizardResult .content .step .icon.seven { background-position: 0 -168px; } #wizardResultS .content .step .wrapper, #wizardResultS .content .step .barometer, #wizardResult .content .step .wrapper, #wizardResult .content .step .barometer { margin-left: 40px; } #wizardResultS .content .step .wrapper .label, #wizardResultS .content .step .wrapper .value, #wizardResult .content .step .wrapper .label, #wizardResult .content .step .wrapper .value { width: 100%; display: block; } #wizardResultS .content .step .wrapper .value, #wizardResult .content .step .wrapper .value { font-weight: 700; } #wizardResultS .content .step .barometer, #wizardResult .content .step .barometer { border-bottom-width: 0; } #wizardResultS .content .step .barometer .container, #wizardResult .content .step .barometer .container { margin-bottom: 5px; } #wizardResultS .content .step .barometer .container .label, #wizardResult .content .step .barometer .container .label { width: 100%; height: auto; } #wizardResultS .content .step .barometer .container .unit, #wizardResult .content .step .barometer .container .unit { margin: 5px 5px 0 0; } /* END wizard result */ /* START responsive tables */ .responsiveTable { width: 100%; border-top: 1px solid #0e0e0e; border-bottom: 1px solid #0e0e0e; margin-top: 10px; } .responsiveTable.nobottom { border-bottom-width: 0; } .responsiveTable tr td { padding-left: 15px; padding-right: 15px; padding-bottom: 5px; padding-top: 5px; } .responsiveTable tr.head, .responsiveTable thead { border-bottom: 1px solid #0e0e0e; text-transform: uppercase; font-family: 'TradeGothicLTStd'; font-size: 17px; } .responsiveTable tr.head td { border-top: 1px solid #b3b3b3; border-bottom: 1px solid #0e0e0e; } .responsiveTable thead tr td { border-bottom: 1px solid #0e0e0e; } .responsiveTable tbody { font-size: 12px; } .responsiveTable tbody tr td { border-bottom: 1px solid #b3b3b3; } .responsiveTable tbody tr td.label, /* td with label class */ .responsiveTable.withlabel tbody tr td:first-child { /* first td in each tr if table has class 'withlabel' */ font-weight: 700; } .responsiveTable tbody tr td span { float: right; } .responsiveTable ul > li { font-size: 12px !important; } /* END responsive tables */ table.table-width--full { width: 100%; } .compareItem .icon-close { display: block; width: 13px; height: 13px; background-image: url(/linkableblob/-/116368/912c964b973cda5d84db9359adeaf79e/icon-close-temp-png-data.png); padding: 0 !important; } div.compareItem .icon-close:before { display: none; } .article .accordionContainer { display: none; padding: 10px 20px; } /* IE 8 */ .lt-ie9 #stageContent .headline .h2bg h2 { background-color: #fff !important; } .lt-ie9 #loginButtonText { top: 30px; } .lt-ie9 #stageContent .headline .h2bg h2 span { left: 0 !important; } .lt-ie9 #stageContent .headline .h1bg h1 { height: 100% !important; } .lt-ie9 .productElement .copy ul { background-position: 55px 0 !important; } .hiddenElement { visibility: hidden; display: none; } .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .lt-ie8 .cf { zoom: 1; } .lt-ie9 .accordion li { padding: 0; } /* form */ .formElements { /*background-color: blue; */ position: relative; } .formElements.textbox { background-color: transparent; } .formElement { position: relative; display: block; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-repeat: no-repeat; position: absolute; } /*label*/ .specialresultwrapper .label, .formElements .label, .checkboxblock:not(.slideable) .checkbox div:not(.infoWrapper):not(.infoContent):not(.container):not(.button):not(.blender), #productFilterFilter .checkbox div:not(.infoWrapper):not(.infoContent):not(.container):not(.button):not(.blender), #storefinder .checkbox div { display: block; padding: 2px 0 2px 0; position: relative; margin-left: 32px; line-height: 1.35em; } .ie .formElements .label { display: block; padding: 2px 0 2px 0; position: relative; margin-left: 32px; line-height: 1.35em; } .formElements .label .tipp { color: #900; font-weight: bold; } /*label* /* checkboxes */ .checkbox { position: relative; display: block; margin-right: 20px; padding: 2px 2px 2px 0; min-height: 30px; cursor: pointer; } .checkbox .formElement { width: 20px; height: 22px; background-position: -185px 0; } .checkbox .formElement.checked { background-position: -185px -22px; } .checkbox .formElement.checked.disabled { background-position: -185px -44px; } .checkbox input { display: none; } .checkbox div p { margin: 0; } .checkbox.error div p { color: #900; } /* checkboxes */ /* radios */ .formElements .radioblock.oneline .radio, .formElements .radioblock.nolabel .radio, .formElements .radioblock.biglabel .radio { display: inline-block; } .formElements .radioblock.nolabel .formInput { margin-left: 0; max-width: inherit; text-align: right; } .formElements .radioblock.nolabel .radio { display: inline-block; margin-right: 0; margin-left: 15px; } .radio .formElement { width: 30px; height: 22px; background-position: 0 0; cursor: pointer; } .radio .formElement.checked { background-position: 0 -22px; } .radio .formElement.checked.disabled { background-position: 0 -44px; } .radio input { display: none; } .formElements .tleft .formDescription { text-align: left; } /* radios */ /* dropdown */ .obm .dropdown, #eol_calculator .dropdown, .ibanswitch .dropdown, #headerbar .dropdown, .formElements .dropdown { position: relative; float: left; height: 25px; } .formElements .dropdown.small { float: left; max-width: 90px; width: 100%; } .formElements .dropdown.small:first-child { margin-right: 5px; } .formElements .dropdown.medium, .formElements .dropdown.fullwidth { max-width: 185px; width: 100%; } .phoneblock .dropdown.prefix { float: inherit; width: 85px; } .obm .dropdown select, #eol_calculator .dropdown select, #investfonds .dropdown select, .ibanswitch .dropdown select, #headerbar .dropdown select, .formElements .dropdown select { position: absolute; left: -99999px; width: 0 !important; height: 0 !important; } #investfonds .dropdown .dropdownBtn, .ibanswitch .dropdown .dropdownBtn, #headerbar .dropdown .dropdownBtn, .formElements .dropdown .dropdownBtn { position: relative; right: 0; float: left; padding: 4px 0; width:100%; background: #fff; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: 0 -150px; cursor: pointer; } .ibanswitch .dropdown .dropdownBtn:before, #headerbar .dropdown .dropdownBtn:before, .formElements .dropdown div.dropdownBtn:before { position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #fff; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png) !important; background-position: -5px -90px !important; content: ' '; } .ibanswitch .dropdown .dropdownBtn:after, #headerbar .dropdown .dropdownBtn:after, .formElements .dropdown .dropdownBtn:after { position: absolute; top: 0; right: -1px; width: 6px; height: 100%; background-color: #fff; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png) !important; background-position: -200px -90px !important; content: ' '; } .obm .dropdown .dropdownBtn:after, #eol_calculator .dropdown .dropdownBtn:after, .ibanswitch .dropdown .dropdownBtn:after, #headerbar .dropdown .dropdownBtn:after { right: 0; width: 5px; } .formElements .dropdown.phone .dropdownBtn { width: 65px; } .obm .dropdown .dropdownBtn.disabled, #eol_calculator .dropdown .dropdownBtn.disabled, #investfonds .dropdown .dropdownBtn.disabled, .ibanswitch .dropdownBtn.disabled, #headerbar .dropdownBtn.disabled, .formElements .dropdownBtn.disabled { color: #c4c4c4; } .obm .dropdown .dropdownBtn .selectText, #eol_calculator .dropdown .dropdownBtn .selectText, #investfonds .dropdown .dropdownBtn .selectText, .ibanswitch .dropdownBtn .selectText, #headerbar .dropdownBtn .selectText, .formElements .dropdownBtn .selectText { display: block; overflow: hidden; padding: 2px 25px 2px 6px; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; -o-text-overflow: ellipsis; } .obm .dropdown .dropdownBtn .button, #eol_calculator .dropdown .dropdownBtn .button, #investfonds .dropdown .dropdownBtn .button, .ibanswitch .dropdownBtn .button, #headerbar .dropdownBtn .button, .formElements .dropdownBtn .button { position: absolute; top: 3px; right: 3px; z-index: 1; margin: 0; padding: 1px 0; width: 20px; height: 20px; background-color: #999 !important; } .obm .dropdown .dropdownBtn .button .icon, #eol_calculator .dropdown .dropdownBtn .button .icon, #investfonds .dropdown .dropdownBtn .button .icon, .ibanswitch .dropdownBtn .button.icon, #headerbar .dropdownBtn .button .icon, .formElements .dropdownBtn .button .icon { position: absolute; top: 4px; left:4px; font-size: 12px; /*line-height: 2em; font-size: 0.65em; bug 706 */ line-height: 12px; } .obm .dropdown .dropdownContent, #eol_calculator .dropdown .dropdownContent, #investfonds .dropdown .dropdownContent, .ibanswitch .dropdownContent, #headerbar .dropdownContent, .formElements .dropdownContent { position: absolute; left: 0; z-index: 2; display: none; padding: 0 0; min-height: 34px; width: 100%; border-radius: 5px; background-color: #fdfdfd; -webkit-box-shadow: -2px 2px 7px 1px rgba(0, 0, 0, 0.5); box-shadow: -2px 2px 7px 1px rgba(0, 0, 0, 0.5); behavior: url(/linkableblob/-/116240/05aa355ec2ac34e8a27560a8b4f2927d/pie-htc-data.htc); -ms-behavior: url(/linkableblob/-/116240/05aa355ec2ac34e8a27560a8b4f2927d/pie-htc-data.htc); } .obm .dropdown .dropdownContent.active, #eol_calculator .dropdown .dropdownContent.active, #investfonds .dropdown .dropdownContent.active, .ibanswitch .dropdownContent.active, #headerbar .dropdownContent.active, .formElements .dropdownContent.active { display: block; overflow: hidden; } .obm .dropdown .dropdownContent.active.top, #eol_calculator .dropdown .dropdownContent.active.top, #investfonds .dropdown .dropdownContent.active.top, .ibanswitch .dropdownContent.active.top, #headerbar .dropdownContent.active.top, .formElements .dropdownContent.active.top { top: 24px; } .obm .dropdown .dropdownContent.active.bottom, #eol_calculator .dropdown .dropdownContent.active.bottom, #investfonds .dropdown .dropdownContent.active.bottom, .ibanswitch .dropdownContent.active.bottom, #headerbar .dropdownContent.active.bottom, .formElements .dropdownContent.active.bottom { bottom: 24px; } .obm .dropdown .dropdownContent ul, #eol_calculator .dropdown .dropdownContent ul, #investfonds .dropdown .dropdownContent ul, .ibanswitch .dropdownContent ul, #headerbar .dropdownContent ul, .formElements .dropdownContent ul { position: relative; top: 0; margin: 0 !important; padding: 0 !important; border-radius: 5px; list-style: none; } .obm .dropdown .dropdownContent ul.scrollContent, #eol_calculator .dropdown .dropdownContent ul.scrollContent, #investfonds .dropdown .dropdownContent ul.scrollContent, .ibanswitch .dropdownContent ul.scrollContent, #headerbar .dropdownContent ul.scrollContent, .formElements .dropdownContent ul.scrollContent { margin-right: 14px; } .obm .dropdown .dropdownContent ul li, #eol_calculator .dropdown .dropdownContent ul li, #investfonds .dropdown .dropdownContent ul li, .ibanswitch .dropdownContent ul li, #headerbar .dropdownContent ul li, .formElements .dropdownContent ul li { display: block; padding: 4px 20px; width: 100%; line-height: 14px !important; font-size: 12px; } /* ie8 li:hover fix */ .lt-ie9 .formElements .dropdownContent ul li { background-color: #fff; } .obm .dropdownContent ul li:hover, #eol_calculator .dropdownContent ul li:hover, #fondstools li:hover, #fondstable li:hover, #headerbar .dropdownContent ul li:hover, .ibanswitch .dropdownContent ul li:hover, .formElements .dropdownContent ul li:hover { background-color: #999 !important; cursor: pointer; } .obm li.selected, #eol_calculator li.selected, #investfonds li.selected, .ibanswitch .dropdownContent ul li.selected, #headerbar .dropdownContent ul li.selected, .formElements .dropdownContent ul li.selected { background-color: #ebebeb; } #investfonds li.hover, .ibanswitch .dropdownContent ul.li.hover, .formElements .dropdownContent ul li.hover { background-color: #999; } /* why double entry??? */ .obm .scroll, #eol_calculator .scroll, #investfonds .scroll, .ibanswitch .dropdownContent .scroll, #headerbar .dropdownContent .scroll, .formElements .dropdownContent .scroll { display: none; position: absolute; top: 0; right: 0; width: 14px; height: 100%; } .obm .scroll.active, #eol_calculator .scroll.active, #investfonds .scroll.active, .ibanswitch .dropdownContent .scroll.active, #headerbar .dropdownContent .scroll.active, .formElements .dropdownContent .scroll.active { display: block; } .obm .scrollBar, #eol_calculator .scrollBar, #investfonds .scrollBar, .ibanswitch .dropdownContent .scroll .scrollBar, #headerbar .dropdownContent .scroll .scrollBar, .formElements .dropdownContent .scroll .scrollBar { position: relative; background-color: #ececec; height: 100%; } .obm .scrollBarHandle, #eol_calculator .scrollBarHandle, #investfonds .scrollBarHandle, .ibanswitch .dropdownContent .scroll .scrollBar .scrollBarHandle, #headerbar .dropdownContent .scroll .scrollBar .scrollBarHandle, .formElements .dropdownContent .scroll .scrollBar .scrollBarHandle { background-color: #C4C4C4; position: absolute; top: 0; left: 2px; height: 60px; width: 10px; border-radius: 5px; } .formElements .phone { margin-right: 0; } .formElements .phone .textblock { width: 58px; margin-left: 2px; } .formElements .phone .textblock span { margin-left: 0; width: 58px; } .obm .dropdown { padding: 0 5px; } .obm .dropdown .dropdownBtn:before, .obm .dropdown .dropdownBtn:after { position: absolute; top: 0; width: 5px; height: 100%; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); content: ' '; } .obm .dropdown .dropdownBtn:before { left: -5px; background-position: -7px -531px !important; } .obm .dropdown .dropdownBtn:after { right: -5px; background-position: -201px -562px !important; } .obm .dropdown .dropdownBtn { position: relative; right: 0; float: left; padding: 4px 0; width: 100%; background-image: url(/linkableblob/-/116290/6ab3e6af0fb4f9bdfb8c19ade44014db/formbuttons-png-data.png); background-position: 0 -150px; cursor: pointer; } .obm .dropdown .dropdownBtn .button { right: -2px; } .obm .dropdown .dropdownBtn .selectText {} .obm .large .dropdown .dropdownBtn .selectText { font-weight: 700; } /***************/ /* form errors */ /***************/ .selectblock.error .dropdown .selectText, .selectblock.error .formDescription { color: #900; } .phoneblock.error .dropdown .dropdownBtn, .phoneblock .dropdown.error .dropdownBtn, .selectblock.error .dropdown .dropdownBtn { background-position: 0 -180px; } .phoneblock.error .dropdown div.dropdownBtn:before, .phoneblock .dropdown.error div.dropdownBtn:before, .selectblock.error .dropdown div.dropdownBtn:before { background-position: -5px -120px !important; } .phoneblock.error .dropdown div.dropdownBtn:after, .phoneblock .dropdown.error div.dropdownBtn:after, .selectblock.error .dropdown div.dropdownBtn:after { background-position: -201px -120px !important; } .checkbox.error .formElement { background-position: -185px -66px; } .checkbox.error .label { color: #900; } .formElements .radio.error .formElement { background-position: 0 -66px; } .formElements .radio.error .checked.formElement { background-position: -115px -42px; } .formElements .radio.error .label { color: #900; } .textdateblock.error > label, .dateblock.error label, .chromeblock.error label, .formElements .textblock.error label, .formElements .textblock.error > p { color: #900; } div.textdateblock.error > .container > .wrapper > span:before, div.dateblock.error span:not(.icon):before, .phoneblock.error div.textblock span:not(.icon):before, .formElements div.textblock.error span:not(.icon):before { background-position: -5px -120px; } div.textdateblock.error > .container > .wrapper > span:after, div.dateblock.error span:not(.icon):after, .phoneblock.error .textblock span:not(.icon):after, .formElements div.textblock.error span:not(.icon):after { background-position: -201px -120px; } .textdateblock.error > .container > .wrapper > span > input[type="text"], .dateblock.error span input[type="text"], .phoneblock.error .textblock span input[type="text"], .formElements .textblock.error span input[type="text"] { background-position: 0 -180px; } .formElements .textarea.error label { color: #900; } .formElements .textarea.error span:before { background-position: -5px -290px; } .formElements .textarea.error span:after { background-position: -200px -290px; } .formElements .textarea.error textarea { background-position: 0 -450px; } .phoneblock.error .formDescription { color: #900; } .phoneblock .formDescription.error { color: #900; } .phoneblock .dropdown.error .selectText { color: #900; } /* datepicker */ .dateblock > span { padding-left: 5px !important; padding-right: 5px !important; } #ui-datepicker-div.ui-datepicker { padding: 15px 38px 30px 38px; width: 300px; border-radius: 5px; -webkit-box-shadow: -1px 1px 6px 0 rgba(0,0,0,0.5); box-shadow: -1px 1px 6px 0 rgba(0,0,0,0.5); background-image: none; } #ui-datepicker-div.ui-datepicker .ui-datepicker th { background-color: #900; color: #fff; } #ui-datepicker-div.ui-datepicker .ui-datepicker-title { text-transform: uppercase !important; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header { border: none !important; background-image: none !important; } .ui-datepicker th { box-sizing: content-box; background-color: #900 !important; color: #fff !important; padding: 0 !important; } .ui-datepicker th span { box-sizing: content-box; border-right: 1px solid #000; display: block; width: 31px; height: 22px; padding-top: 8px; text-align: center; } .ui-datepicker tr { background-color: #fff; box-sizing: content-box; } div.ui-datepicker tr:nth-child(2n) { background-color: #ebebeb; } .ui-datepicker td { opacity: 1 !important; filter: Alpha(Opacity=100) !important; /*border-right: 1px solid #000000;*/ padding: 0 !important; box-sizing: content-box; } .ui-datepicker table { box-sizing: content-box; /*border-left: 1px solid #000000;*/ } .ui-datepicker table thead, .ui-datepicker table tbody { box-sizing: content-box; border-left: 1px solid black; } .ui-datepicker table thead, .lt-ie9 .ui-datepicker table tbody { box-sizing: content-box; border-left: 2px solid black; } .ui-datepicker td span, .ui-datepicker td a { box-sizing: content-box; display: block; padding: 4px 8px 0 0; width: 23px; height: 16px; border: none !important; border-right: 1px solid #000 !important; background: none !important; background-image: none !important; color: #000000 !important; font-weight: bold !important; font-size: 12px !important; } .ui-datepicker tr td:last-child .ui-state-default, .ui-datepicker-other-month .ui-state-default { color: #999 !important; } #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-state-hover { background-color: #999 !important; color: #900 !important; } .ui-widget-header .ui-datepicker-prev .ui-icon { background-position: -96px 0; } .ui-widget-header .ui-datepicker-next .ui-icon { background-position: -32px 0; } .ui-widget-header .ui-state-hover { border: none !important; } @media only screen and (max-width: 479px) { .formElements label, .formElements .formDescription { float: none; width: 100%; text-align: left; } .formElements .formInput { margin-left: 0; } .formElements .selectblock { width: 100%; } .formElements .dropdown.small, .formElements .dropdown.medium { width: 100% !important; } .formElements .dropdownContent .scroll { width: 24px; } .formElements .dropdownContent .scroll .scrollBar .scrollBarHandle { width: 20px; } .formElements .dropdownContent ul.scrollContent { margin-right: 24px; } .lt-ie9 .iePrintLI { padding-left: 8px !important; } } /****************************************************************************************** ____ _____ _____ ___ _ _ _ | _ \| ____|_ _|_ _| \ | | / \ | |_) | _| | | | || \| | / _ \ | _ <| |___ | | | || |\ |/ ___ \ |_| \_\_____| |_| |___|_| \_/_/ \_\ retina ******************************************************************************************/ @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #stepTabNav .arrow { background-image: url(/linkableblob/-/132918/b3332d9b00e15073d406b4500fa1e90c/menu-arrows-s-2x-png-data.png); -webkit-background-size: 480px 180px; -moz-background-size: 480px 180px; background-size: 480px 180px; } .step1 #stepNav2, .step1 #stepNav3, .step2 #stepNav3 { background-image: url(/linkableblob/-/132920/7da95cd360a267f30a05ebf22fe4c0f6/menu-arrows-2x-png-data.png); -webkit-background-size: 800px 366px; -moz-background-size: 800px 366px; background-size: 800px 366px; } #businessTabImage, .businessSwitch { background-image: url(/linkableblob/-/132922/4d3d7c5b65e505c18dfbe40c4b5ca28d/dropdown-arrows-2x-png-data.png); -webkit-background-size: 350px 450px; -moz-background-size: 350px 450px; background-size: 350px 450px; } #topnavFlags ul li a, #mainNavigation ul li a { background-image: url(/linkableblob/-/132924/19a53e87db64f65f0896ef670303f1e8/flags-2x-png-data.png); -webkit-background-size: 1000px 300px; -moz-background-size: 1000px 300px; background-size: 1000px 300px; } /* form elements */ .wizardContent .rangeInput .ui-slider-handle, .wizardContent .formElement, .formElements .formElement, .formElements .dropdown .dropdownBtn, .formElements .dropdown div.dropdownBtn::before, .formElements .dropdown div.dropdownBtn::after, .dateblock input[type=text], div.dateblock span:not(.icon)::before, div.dateblock span:not(.icon)::after, .textblock input[type=text], div.textblock span:not(.icon)::before, div.textblock span:not(.icon)::after, .textarea textarea, .textarea span::before, .textarea span::after { background-size: 210px 528px; -webkit-background-size: 210px 528px; background-image: url(/linkableblob/-/116372/dd4b6005ff3034982b2c67393d4cf02c/formbuttons-2x-png-data.png) !important; } .formnav .tab .arrowShadow { background-size: 45px 100px; background-image: url(/linkableblob/-/135370/55f67b02107bea696b87f7b648232ed3/formnav-2x-png-data.png); } } /*Ebanking-Contentausspielung*/ body#iframeEbanking { background-color: #fff; font-size: 12px; } body#iframeEbanking .productKeyHeader { border: 1px solid; margin: 2px; } body#iframeEbanking .productKeyHeader h3.productKeyTitle, body#iframeEbanking .productKeyHeader .h3.productKeyTitle { border-bottom: 1px dotted; padding: 2px; } #eBankingText { margin: 0 !important; padding: 0 0 1px !important; } #eBankingText .productElement { margin: 0 0 12px !important; padding: 0 0 6px 0 !important; } #eBankingText h1, #eBankingText .h1 { font-size: 1.5em; padding: 10px 0 15px; margin: 0; } #eBankingText h2, #eBankingText .h2 { font-size: 1.2em; margin: 8px 0; padding: 0; } @media only screen and (min-width: 1024px) { #eBankingText .productElement .copy {min-height:0;} } /*Tracking Pixel okred-form*/ #trackpixl { width: 1px; height: 1px; } /*Switch Article Block*/ .article .dropdownBtn { line-height: 1em; } .article .buttoncontainer a.button.right { margin-top: 0; margin-bottom: 0.25em; margin-right: 0,25em; float: right !important; width:auto; } /*td Styles*/ td.colorRed { color: #990000; } td.bgColorGray { background-color: #bdc0c3; } td.bgColorLightGray { background-color: #dedfe1; } /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ONLY ADD TO MEDIA QUERYS, ELSE USE MAIN.CSS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */