/* HTML5 ✰ Boilerplate style.css contains a reset, font normalization and some base styles. credit is left where credit is due. much inspiration was taken from these projects: yui.yahooapis.com/2.8.1/build/base/base.css camendesign.com/design/ praegnanz.de/weblog/htmlcssjs-kickstart */ /* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; margin: 0; padding: 0; } nav a, nav a:hover, nav a:focus { text-decoration: none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* END RESET CSS */ /* normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* * minimal base styles */ /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ h1,h2,h3,h4,h5,h6 { font-weight: bold; } /* always force a scrollbar in non-IE */ html { overflow-y: scroll; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } ul, ol { margin: 0; } .content ul, .content ol { list-style-position: outside; } .coElColPos2list ol, .coEltextpic ol, .coElhtml ol { margin: 0 0 0 1.9em; } .coElColPos2list ul, .coEltextpic ul, .coElhtml ul { margin: 0 0 0 1.2em; } .ie67 ol{ margin-left: 2.1em; } ul { list-style-type: square; } ol { list-style-type: decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ .ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */ /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } .first { margin-left:0; padding-left:0; } .last { margin-right:0; padding-right:0; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } /* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor: pointer; } /* webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* colors for form validity */ input:valid, textarea:valid { } /* -- dmdu: looks bad in powermail input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } */ ::-moz-selection{ text-shadow: none; } ::selection { text-shadow: none; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* * Non-semantic helper classes */ /* for image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden, .visuallyhiddenA a { position: absolute; clip: rect(1px, 1px, 1px, 1px); } /* compatibility */ .ie67 .visuallyhidden { width: 0; height: 0; clip: rect(1px 1px 1px 1px); } .ie67 .visuallyhiddenA { width: 0; height: 0; overflow: hidden; } .ie67 .sfhoverhasSub .visuallyhiddenA { width: inherit; height: inherit; overflow: visible; position: absolute !important; } .ie7 .sfhoverhasSub .visuallyhiddenA { width: auto; height: auto; } #accesskey { z-index: 9999; } .skip { left: -32768px; position: absolute; } .skip a:focus { left: 32768px; white-space: nowrap; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .ie67 .clearfix { zoom: 1; } .ie6 .png, .ie6 .png img, .ie6 .searchButton { behavior: url(/typo3conf/ext/sitepackage/packages/global/core/preset/html5/compatibility/PIE.htc); -pie-png-fix: true; } #TSFE_ADMIN_PANEL_FORM { z-index: 9999; } #accesskey a:focus { display: block; clip: auto; line-height: 18px; padding: 4px; background-color: #fff; } /* accessibility and ie6 :-) */ .ie6 #accesskey { display: none; } div.sitepackageError { z-index: 999; opacity: 0.8; -webkit-box-shadow: #BABDBE 2px 4px 6px; box-shadow: #BABDBE 2px 4px 6px; border-bottom-left-radius: 22px 22px; border-bottom-right-radius: 0px 0px; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; background-color: #2D97CF; margin-right: -21px; min-height: 74px; position: absolute; padding: 18px; top: 0; right: 0; width: 400px; font-family: Arial, Helvetica, sans-serif; } div.sitepackageError ul { margin: 0; padding: 0 0 0 18px; list-style-type: circle; } div.sitepackageError li { margin-top: 10px; } div.sitepackageError li:first-child { margin-top: 0; } div.sitepackageError * { color: #fff; } div.sitepackageError h1 { font-size: 14px; line-height: 18px; font-weight: bold; margin: 0 0 10px; } div.sitepackageError h2 { font-size: 12px; font-weight: normal; margin: 0; } /* rte */ .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .align-justify { text-align: justify; } /* sitemap configuration for ie6/7 */ .ie67 .tree a { zoom: 1; } .multicolumnLayout30 { background: #fff; } /* * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } /* a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; }*/ /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .pageBrowserContainer { display: none; } } /* ----------------------------------------------------------------------- * Copyright (c) 2009-Present. http://www.rmsjr.com/RMSforms/RMSforms-v0.5.html ----------------------------------------------------------------------- */ /* base */ .form { margin:0 0 0 0; list-style:none;} .form ul{ margin:0; padding:0;} .form li{ width:100%; float:left;} .form label { float:left; display:inline; } .form input{ float:left; display:inline; line-height:100%;} .form select{ float:left; display:inline;} .form textarea{ float:left; display:inline;} /* FORM MODIFIERS All of the modifier classes should be applied to form uls and are used to present the structure:
    • . Each letter represented in the class name represents the orientation of the li - label - input elements respectively. h = horizontal block element (floated left) v = vertical block element i = inline element for example, the class:.hvv = [LI:Horizontal Block Element] [LABEL:Verticle block element] [INPOUT:Vertical block element] */ .vvv li { display:block; clear:both; width:100%;} .vvv label{ display:block; width:100%; clear:both; float:none;} .vvv input{ display:block; float:left;} .vvv select{ display:block; float:left;} .vvv textarea{ display:block; float:left;} .hvv{ overflow:hidden; height:1%; } .hvv li{ float:left; margin-right:10px; display:inline; width:auto; clear:none; } .hvv label{ display:block; width:auto; float:none; } .hvv input{ display:block;} .hvv select{ display:block;} .hvv textarea{ display:block;} .hii{ overflow:hidden; height:1% } .hii li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;} .hii label{ display:inline; margin-right:0px; vertical-align:middle; text-align:left; width:auto;} .hii input{ display:inline; vertical-align:middle; } .hii select{ display:inline; vertical-align:middle;} .hii textarea{ display:inline; vertical-align:middle;} .hii li li{ clear:both; } /* reset second level lis */ .hhh{ overflow:hidden; height:1% } .hhh li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;} .hhh label{ float:left; width:100px; } .hhh input{ float:left} .hhh select{ float:left} .hhh textarea{ float:left} .hhh li li{ clear:both; } /* reset second level lis */ .vii{ float:left; display:inline; width:auto} .vii li{ display:block; float:left; width:auto; clear:both;} .vii label{ display:inline; width:auto; vertical-align:middle; float:none;} .vii input{display:inline; vertical-align:middle; float:none; } .vii select{ display:inline; vertical-align:middle; float:none;} .vii textarea{display:inline; vertical-align:middle; float:none;} .vhh{ float:left; display:inline;} .vhh li{ display:block; clear:both; float:left; width:auto; border-bottom:3px solid #efefef} .vhh label{ float:left; width:100px; display:inline; } .vhh input{ float:left; display:inline;} .vhh select{ float:left; display:inline;} .vhh textarea{ float:left; display:inline;} /* LABEL MODIFIERS */ label.v { display:block; float:none; width:auto; padding:3px; text-align:left} label.h { display:block; float:left; width:auto; display:inline;} /* MULTI-SELECT BOX */ .multiSelect{ height:200px; width:200px; float:left; padding:0px; background-color:#FFFFFF; overflow:hidden; overflow:auto; border:0px inset #ccc; } .multiSelect .form{ height:auto; margin:0; padding:0; border:0;} .multiSelect .vhh{ margin:0; padding:0;} .multiSelect .vhh input{ float:left; } .multiSelect .vhh label{ float:none; margin-left:20px; display:block; width:auto; clear:none; } .multiSelect .vhh li{ overflow:hidden; width:100%} .multiSelect .vii li{ width:100%;} /* OTHER STYLES */ /* ie 6 no border class (put on all check boxes and radio buttons if a border is set on inputs*/ .form input.noBorder{ border:0px;} /* REQUIRED FIELD STLES */ .requiredDesignation{ display:block; padding:5px 5px 5px 5px; margin-bottom:10px; } .tx-powermail-pi1 .powermail_mandatory_js, .coElColPos0 .form .powermail_submit, .coElColPos0 .form .powermail_reset { margin-left: 210px; } .coElColPos0 .form .powermail_submit, .coElColPos0 .form .powermail_reset { width: auto; } /* input.text */ input.powermail_text, input.powermail_password, input.powermail_file, input.powermail_select, input.powermail_check, input.powermail_radio, textarea.powermail_textarea { border-width: 1px; border-style: solid; } .powermail_pi1 .mailformCheck label, .powermail_pi1 .mailformRadio label { float: none; display: block; margin-top: -18px; padding-left: 19px; } .powermail_pi1 .mailformCheck input, .powermail_pi1 .mailformRadio input { float: none; } /* .submitButton */ .tx_powermail_pi1_submitmultiple_back, .tx_powermail_pi1_submitmultiple_forward, .powermail_submit, .powermail_reset { width: auto; padding: 2px 6px; cursor: pointer; font-size: 11px; font-weight: bold; border-width: 1px; border-style: solid; margin-right: 5px; } /* FORM NOTES */ .powermail_mandatory_js { display: block; clear: both; } .tx-powermail-pi1 ul.powermail_mandatory_list { padding-left: 15px; padding-bottom: 10px; } #col2 .tx-powermail-pi1 :target { padding: 0; margin: 0; } .tx-powermail-pi1 .tx-powermail-pi1_confirmation .powermail_all { width: 100%; } /* IE6*/ .ie6 .tx-powermail-pi1 .mailformCheck label, .ie6 .tx-powermail-pi1 .mailformRadio label { margin-top: -23px; padding-left: 20px; } .ie6 input.powermail_check, .ie6 input.powermail_radio { border:0 none; } /* color */ .tx_powermail_pi1_submitmultiple_back, .tx_powermail_pi1_submitmultiple_forward, .powermail_submit, .powermail_reset { color: #3590c0; border-color: #c5ccd2; background-color: #f3f4f6; } input.powermail_text:focus, input.powermail_password:focus, input.powermail_file:focus, input.powermail_select:focus, input.powermail_check:focus, input.powermail_radio:focus, textarea.powermail_textarea:focus { color: #fff; background-color: #3590c0; outline-color: #3590c0; } input.powermail_text, input.powermail_password, input.powermail_file, input.powermail_select, input.powermail_check, input.powermail_radio, textarea.powermail_textarea { background-color: #fff; border-color: #c5cdd1; } .tx-powermail-pi1 .powermail_mandatory_js { color: #FF0000; } :target { background-color: #ffffff; } .powermail_fieldwrap_file { width: 100%; float: left; margin-top: 5px; padding-bottom: 5px; } .tree li li { background-image: url('vhs-assets-css-edd4ea459576084a84c68a18d58833ab.gif'); } .tree li li.root { background-image: url('vhs-assets-css-cb62f297dc9c0a6a63c2abc6d46ab92b.gif'); } .tree li li.root .last { background-image: url('vhs-assets-css-b0223f5929eb0b5eb2e71223b39a7dd5.gif'); } .tree li li.last { background-image: url('vhs-assets-css-b0223f5929eb0b5eb2e71223b39a7dd5.gif'); } .tree .expand { background-image: url('vhs-assets-css-7eda592bb4f67de219abda502f814c87.gif'); } .tree .contract { background-image: url('vhs-assets-css-51e8ce900a19065a00361a9c67535c60.gif'); } .ie67 .tree a { margin-left: 19px; } /* form */ /* Result List */ .tx-damdownloadcenter-pi1 { padding: 14px; } .columnItems > .columnItem:first-child .tx-damdownloadcenter-pi1 { padding: 46px 14px 14px 14px; } .tx-damdownloadcenter-pi1 .totalRows { margin: 0 0 19px 0; } /* loading indicator div */ .tx-damdownloadcenter-pi1 .ajaxLoadingIndicator { margin: 10px 0; display: none; } .tx-damdownloadcenter-pi1 .ajaxLoadingIndicator img { position: relative; top: -1px; padding-right: 5px; } .tx-damdownloadcenter-pi1 td.file_dl_name,.tx-damdownloadcenter-pi1 td.description { overflow: hidden; } .tx-damdownloadcenter-pi1 .language { width: 60px; } .tx-damdownloadcenter-pi1 .file_size { width: 50px; text-align: center; } .tx-damdownloadcenter-pi1 .file_type { width: 50px; text-align: right; } .tx-damdownloadcenter-pi1 .file_type img { float: right; } .tx-damdownloadcenter-pi1 .shop { width: 70px; text-align: center; } div.thumbnail { position: absolute; left: -5000px; top: -5000px; display: none; border: 1px solid #c4c0b9; background: #f2f0ee; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .5); /* Safari and Chrome */ -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .5); /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ box-shadow: 0px 2px 3px rgba(0, 0, 0, .5); /* Firefox */ z-index: 1000; } .tx-damdownloadcenter-pi1 .shop img { padding: 0px 5px; } .tx-damdownloadcenter-pi1 .currency { text-align: right; } /* Form global */ .tx-damdownloadcenter-pi1 form fieldset { border-width: 0px; padding: 0; } .tx-damdownloadcenter-pi1 form legend { display: none; } .tx-damdownloadcenter-pi1 input.quantity { width: 30px; font-size: 10px; text-align: right; } /* Download Center - Top Container */ form.tx-damdownloadcenter-pi1-form-top { margin: 0; padding: 0 !important; display: none; } /* Download Center - Filters */ div.tx-damdownloadcenter-pi1-filters { float: left; } .tx-damdownloadcenter-pi1-filters ul.filtersList { } .tx-damdownloadcenter-pi1-filters ul.filtersList li { width: 100%; display: block; overflow: hidden; } * html .tx-damdownloadcenter-pi1-filters ul.filtersList li { overflow: visible; height: 1%; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.filterItem { margin: 2px 0; padding: 0px 0; position: relative; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.filterItem .fields { display: block; float: left; width: 495px; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.filterItem span a { position: absolute; top: 3px; right: 0; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.filterItem span.header { position: relative; top: 3px; width: 160px; float: left; display: block; padding-left: 0px; } ul.filtersList li.filterItem.permalink { margin-top: 10px; display: none; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.filterItem.permalink a { font-weight: bold; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.flatFilter { float: left; width: 100%; clear: none; } .tx-damdownloadcenter-pi1-filters ul.filtersList input,.tx-damdownloadcenter-pi1-filters ul.filtersList li select { width: 220px; margin-right: 10px; } .customSelect.text.reloadCategorySelectors.first { margin-right: 10px; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.drilldownFilter select { float: left; margin-bottom: 6px; height: 32px !important; width: 232px !important; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.drilldownFilter select.first { margin-left: 0; } /* Fulltext-search */ .tx-damdownloadcenter-pi1-filters ul.filtersList .searchfieldFilter input.error { background-color: #ff9999; } .tx-damdownloadcenter-pi1 p.backLink { margin: 10px 0; } /* list */ .tx-damdownloadcenter-pi1 .contenttable { margin-top: 30px; border: none; } .tx-damdownloadcenter-pi1 div.pageBrowserContainer h4 { font-size: 16px; text-transform: none; color: #333333; } .tx-damdownloadcenter-pi1 .contenttable th.sort_asc a,.tx-damdownloadcenter-pi1 .contenttable th.sort_desc a { background-repeat: no-repeat; background-position: right center; padding-right: 15px; } .tx-damdownloadcenter-pi1 .contenttable th.sort_asc a { background-image: url('vhs-assets-css-ad4ea93858c7e51a72a227589fb7249f.gif'); } .tx-damdownloadcenter-pi1 .contenttable th.sort_desc a { background-image: url('vhs-assets-css-a3010fda4dff396e2599c36aee419d9d.gif'); } .tx-damdownloadcenter-pi1 .contenttable th,.tx-damdownloadcenter-pi1 .contenttable td { border-width: 0 0 1px 0; border-style: dotted; border-color: #A9A9A7; vertical-align: top; } .tx-damdownloadcenter-pi1 .contenttable th.file_type,.tx-damdownloadcenter-pi1 .contenttable td.file_type { padding-left: 60px; } .tx-damdownloadcenter-pi1 .contenttable td.file_type { padding-right: 14px; } .tx-damdownloadcenter-pi1 .contenttable th { padding: 3px 0 5px 0; background: none; /*font-family: 'Avenir Next LT W01 Bold', arial, helvetica, sans-serif;*/ font-weight: normal; } .tx-damdownloadcenter-pi1 .contenttable th a,.tx-damdownloadcenter-pi1 .contenttable th { color: #333333; text-transform: uppercase; font-size: 14px; } .tx-damdownloadcenter-pi1 .contenttable td { padding: 13px 0; line-height: 17px; } .tx-damdownloadcenter-pi1 .contenttable td.title a { /*font-family: 'AvenirNextLTW01-Regular', arial, helvetica, sans-serif;*/ text-transform: none; color: #000000; font-size: 14px; } .tx-damdownloadcenter-pi1 .contenttable td.title a:hover { color: #aac600; } .tx-damdownloadcenter-pi1 .contenttable td.title a .description { color: #333; font-weight: normal; } .tx-damdownloadcenter-pi1 ul.pageBrowserList { margin-left: 5px; } .tx-damdownloadcenter-pi1 ul.pageBrowserList li.listItemForeward { padding-left: 5px; } .tx-damdownloadcenter-pi1 ul.pageBrowserList li:before,ul.browsebox li:before { padding: 0 2px; color: #000000; } .tx-damdownloadcenter-pi1 ul.pageBrowserList li a { color: #000000; } .tx-damdownloadcenter-pi1 ul.pageBrowserList li a:hover { color: #aac600; } .tx-damdownloadcenter-pi1 ul.pageBrowserList li.listItemCur { color: #CF1053; } .tx-damdownloadcenter-pi1-filters .drilldownFilter a,.tx-damdownloadcenter-pi1-filters .searchfieldFilter a { display: none; } .moneta div.tx-damdownloadcenter-pi1 { padding: 46px 14px 12px 14px; } .moneta div.tx-damdownloadcenter-pi1 .contenttable { margin-top: 35px; } .moneta-for-phone div.tx-damdownloadcenter-pi1 .contenttable tr td.title { width: 71%; } .moneta-for-phone div.tx-damdownloadcenter-pi1 .contenttable tr td.file_size,.moneta-for-phone div.tx-damdownloadcenter-pi1 .contenttable tr td.file_type { width: 25%; } .moneta .tx-damdownloadcenter-pi1 div.pageBrowserContainer h4 { /*font-family: 'AvenirNextLTW01-Regular', arial, helvetica, sans-serif;*/ color: #000000; } .moneta div.results table.contenttable th.thumbnail { width: 29%; } .moneta div.results table.contenttable th.title { width: 42%; } .moneta div.results table.contenttable th.file_size,.moneta div.results table.contenttable td.file_size { text-align: left; width: 10%; } .moneta div.results table.contenttable th.file_type,.moneta div.results table.contenttable td.file_type { padding-right: 0; width: 19%; text-align: center; } .moneta .tx-damdownloadcenter-pi1 .file_type img { float: none; } /* List_generic */ div.events_pi_list{ padding: 0px; margin: 0px; } div.events_pi_list span#noResultFound, div.events_pi_list table.list_generic { margin-top: 33px; display:block; } div.events_pi_list table.list_generic { display: table; width: 100%; } div.events_pi_list table.list_generic tr th, div.events_pi_list table.list_generic tr td{ font-size:12px; } div.events_pi_list table.list_generic th{ height: 20px; line-height: 20px; background-color: #eff1f2; padding-left: 7px; margin-bottom: 7px; } div.events_pi_list table.list_generic tr{ line-height: 15px; } div.events_pi_list table.list_generic th, div.events_pi_list table.list_generic td, div.events_pi_list table.list_generic { border: none; vertical-align: top; } table.list_generic td.timeperiods { padding: 0px; } /* first col */ div.events_pi_list table.list_generic tr.bodyRow td.title { width: 52%; } /* second col */ div.events_pi_list table.list_generic tr.bodyRow td.timeperiods { width: 16%; } /* third col */ div.events_pi_list table.list_generic tr.bodyRow td.location_short { width: 32%; } div.events_pi_list table.list_generic tr { height: 24px; border: none; background-image:url(../images/bg_tabledivider.gif); background-repeat: repeat-x; background-position: bottom left; } div.events_pi_list table.list_generic td { padding: 0px; margin: 0px; vertical-align: top; padding: 4px 0px 5px 0px; } div.events_pi_list table.list_generic td.location_short, div.events_pi_list table.list_generic td.timeperiods{ padding-left: 7px; } div.events_pi_list table.list_generic th.headerSortable span.sortIcon, div.events_pi_list table.list_generic th.headerSortedDesctitle span.sortIcon, div.events_pi_list table.list_generic th.headerSortedDesc span.sortIcon, div.events_pi_list table.list_generic th.headerSortedAsc span.sortIcon { margin-left: 9px; margin-top: 8px; background-image: url(../images/icon_sortArrow.gif); background-repeat: no-repeat; width: 7px; height: 5px; overflow: hidden; } div.events_pi_list table.list_generic th.headerSortable span.sortIcon, div.events_pi_list table.list_generic th.headerSortedAsc span.sortIcon { background-position: 0px -6px; } /* hide default icons */ .list_generic th.headerSortedDesctitle, .list_generic th.headerSortedAsc, .list_generic th.headerSortedDesc, .list_generic th.headerSortable { background: none; cursor: pointer; } /* detail view */ div.events_pi_list div.description p{ padding: 0px; } /* list */ div.events_pi_list table.eventDetailTable th, div.events_pi_list table.eventDetailTable td, div.events_pi_list table.eventDetailTable{ border: none; padding-left: 0px; } div.events_pi_list table tr td.fieldContent p{ margin: 0px; } div.events_pi_list table tr td.fieldContent p a { color: #cf1053; } div.events_pi_list table tr td.fieldContent p a:hover { color: #aac600; } div.events_pi_list table tr td.fieldDescription { font-weight: bold; width: 140px; } div.events_pi_list table tr td.fieldContent { padding-bottom: 0px; } div.events_pi_list table.eventDetailTable { margin-top: 30px; } div.events_pi_list table.eventDetailTable tr.divider { background-image:url(../images/bg_tabledivider.gif); background-repeat: repeat-x; background-position: bottom left; } div.events_pi_list table.eventDetailTable tr.divider td { padding-top: 3px; } div.events_pi_list a.backToList{ padding-left:10px; margin-top: 16px; background-image: url(../images/astyle2.gif); background-repeat: no-repeat; background-position: 0px 4px; } div.events_pi_list table.eventDetailTable tr td{ font-size:12px; } .ie67 div.events_pi_list table.list_generic tr td, div.events_pi_list table.list_generic tr{ background: transparent; border-bottom: dotted 1px #A9A9A7; } div.events_pi_list table.eventDetailTable tr.divider, div.events_pi_list table.eventDetailTable tr, div.events_pi_list table.eventDetailTable tr td { border: none; background: none; } div.events_pi_list a.backToList { background: none; display: block; padding-left: 0; } div.events_pi_list h2 { /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ font-size: 20px; margin-top: 0; color: #000000; text-transform: uppercase; } /*.ie67 div.events_pi_list h2 { top: -20px; margin-bottom: -13px; }*/ div.events_pi_list table.eventDetailTable { width: 100%; } div.events_pi_list table tbody tr td a:hover { text-decoration: none; } div.events_pi_list table.list_generic th.headerSortable span.sortIcon, div.events_pi_list table.list_generic th.headerSortedDesctitle span.sortIcon, div.events_pi_list table.list_generic th.headerSortedDesc span.sortIcon, div.events_pi_list table.list_generic th.headerSortedAsc span.sortIcon { background-image: url('vhs-assets-css-7fb69b5b20ca55f53c79bcc1f167688e.gif'); } #col2 div.events_pi_list table.list_generic tr:not(:first-child):hover a, #col2 div.events_pi_list table.list_generic tr:not(:first-child):hover a:hover, #col2 div.events_pi_list table.list_generic tr:not(:first-child) a:hover, #col2 div.events_pi_list table.list_generic tr:not(:first-child):hover { color: #99C600; text-decoration: none; } #col2 div.events_pi_list table.list_generic tbody tr th { background: none; } #col2 div.events_pi_list table.list_generic tbody tr th:first-child { padding-left: 0; } div.events_pi_list table.list_generic tbody tr, div.events_pi_list table.list_generic tbody tr a { color: black; text-transform: uppercase; } div.events_pi_list table.eventDetailTable tbody tr a, div.events_pi_list table.eventDetailTable tbody tr a:hover { color: black; } #col2 div.events_pi_list { background-color: #FFFFFF; } #col2 div.events_pi_list .events_pi_list_view { padding: 2px 12px 0 12px; } #col2 div.events_pi_list .events_pi_single_view { padding: 14px; } #col2 div.events_pi_list .events_pi_single_view .description { padding-right: 45px; } #col2 div.events_pi_list table.list_generic { margin-top: 8px; margin-bottom: 0; } div.events_pi_list table.list_generic tr.bodyRow td.title { width: 58%; } div.events_pi_list table.list_generic tr.bodyRow td.location_short { width: 25%; } div.events_pi_list table.list_generic #list_generic_tx_events_event_25 td.timeperiods { padding-left:0; } div.events_pi_list table.list_generic #list_generic_tx_events_event_25 td { padding: 8px 6px; vertical-align: top; } div.events_pi_list table.list_generic tr:last-child { border-bottom: none; cursor: pointer; } .events_pi_list div.pageBrowserContainer { padding-bottom: 10px; } .events_pi_list div.pageBrowserContainer h4, .events_pi_list div.pageBrowserContainer .pageBrowserList { font-size: 12px; } div.events_pi_list th.header, div.events_pi_list table tr td.fieldDescription { /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ font-weight: normal; } .layout50 #col2 .tx-indexedsearch img { width: auto; } .tx-indexedsearch div.pageBrowserContainer h4 { font-size: 16px; line-height: 20px; } strong.tx-indexedsearch-redMarkup, .tx-indexedsearch-res dt { /*font-family: 'Avenir Next LT W01 Demi', arial, helvetica, sans-serif;*/ } .tx-indexedsearch { padding: 15px; } .tx-indexedsearch .form { padding: 0; } .tx-indexedsearch .form li { padding: 0; } .tx-indexedsearch .form .inputTextContainer { min-width: 50%; } .coElColPos0 .tx-indexedsearch .form .inputTextContainer input { width: 58%; } .coElColPos0 .tx-indexedsearch .form .submitButtonContainer .submitButton { line-height: 19px; } .tx-indexedsearch-rules { margin-top: 25px; } .tx-indexedsearch-whatis { display: none; } .tx-indexedsearch-browsebox { margin-top: 15px; } .tx-indexedsearch-browsebox p, .tx-indexedsearch .listAll { margin-bottom: 0; } p.tx-indexedsearch-noresults { margin:10px 0 0 0; line-height: 10px; } .tx-indexedsearch-res h3 { clear: both; position: relative; font-size: 93%; font-weight: bold; margin-top: 20px; padding: 2px 0; line-height: 16px; } .tx-indexedsearch-res .searchItem:first-child { margin-top: 0; } .tx-indexedsearch-res h3 a { padding-left: 20px; } .tx-indexedsearch-res h3 img { position: absolute; top: 2px; } .tx-indexedsearch-res h3 .percent { position: absolute; top: 2px; right: 4px; } .tx-indexedsearch-res dl.info { margin: 15px 0 0 0; } .tx-indexedsearch-res dt { font-size: 93%; } .tx-indexedsearch-res dl dt:first-child { padding-left: 0; } .tx-indexedsearch-res dt:before { content: "|"; padding: 0 10px 0 6px; } .tx-indexedsearch-res dl dt:first-child:before { content: ""; padding: 0; } .tx-indexedsearch-res dt, .tx-indexedsearch-res dd { display: inline; width: auto; clear: none; padding-right: 4px; } .tx-indexedsearch-res dd { margin: 0; } .tx-irfaq-pi1 ul.tx-irfaq-questions-list { margin-bottom: 75px; } .tx-irfaq-pi1 ul li a p.bodytext { margin: 0px; display: inline; font-weight: bold; } .tx-irfaq-pi1 ul li a { color: #000; text-decoration: none; } .tx-irfaq-pi1 ul li a:hover { color: #000; text-decoration: underline; } .tx-irfaq-pi1 .tx-irfaq-answer { margin-bottom: 10px; } .tx-irfaq-pi1 .tx-irfaq-answer h4 p.bodytext { margin: 0px; display: inline; font-weight: bold; } .tx-irfaq-pi1 dl { margin-top:5px; } div.tx-irfaq-pi1 dt { border-bottom: 1px dotted #A9A9A7; padding: 4px 0; margin: 0; font-size: 93%; clear: both; } .tx-irfaq-pi1 dt p { font-weight: bold; margin: 0px; display: inline; } .tx-irfaq-pi1 dt img {margin-right:3px;} .tx-irfaq-pi1 dd { margin-left: 0px; } .tx-irfaq-pi1 dd p { margin-top: 0px; } .tx-irfaq-pi1 .additional-info { margin-bottom: 10px; padding:0px 10px 0px 15px; font-style:italic;} .tx-irfaq-pi1 .irfaq-related-faq, .tx-irfaq-pi1 .irfaq-related-links { padding-top: 0px; padding-bottom: 0px; margin-top: 3px; margin-bottom: 15px; } .tx-irfaq-cleaner { clear: left; height: 1px; } .tx-irfaq-dynheader { cursor: pointer; } .tx-irfaq-dynans-hidden { display: none; } .tx-irfaq-dynans-visible { display: inline; } .tx-irfaq-pi1 { padding-bottom: 11px; } .tx-irfaq-dynheader { width: 100%; } .tx-irfaq-pi1 dl dd { float: left; padding-left: 15px; padding-top: 5px; } .tx-irfaq-pi1 dt p { font-size: 12px; line-height: 21px; } div.irfaq_pi1 .tx-irfaq-pi1 .additional-info { border: none; margin-bottom: 10px; padding-top: 10px; } div.irfaq_pi1 .tx-irfaq-pi1 .additional-info .irfaq-related-faq-block, div.irfaq_pi1 .tx-irfaq-pi1 .additional-info .irfaq-related-link-block { padding-top: 5px; } div.irfaq_pi1 .tx-irfaq-pi1 .additional-info .irfaq-related-faq a, div.irfaq_pi1 .tx-irfaq-pi1 .additional-info .irfaq-related-link-block a{ color: #e72b37; } .tx-irfaq-pi1 .tx-irfaq-singleview ul, .tx-irfaq-pi1 dd ul{ padding-left: 15px; line-height: 18px; list-style-type: square; } .tt_address_pi1 .innerWrap { background-color: #FFFFFF; padding: 10px 0 10px 0; } .column2 .tt_address_pi1 .innerWrap { padding: 0; } #col3 .tt_address_pi1 h2, .tt_address_pi1 h2 { margin: 0 0 8px 0; padding-left: 14px; padding-right: 14px; padding-bottom: 5px; } .tt_address_pi1 .employeeslist .email a { background: none; padding-left: 0; text-decoration: underline; } .tt_address_pi1 .employeeslist .email a:hover{ text-decoration: none; } .employeeslist { border-bottom: 1px dotted #A9A9A7; color: #020202; margin: 15px 15px 0 15px; } #col2 .tt_address_pi1 h4 { color: #020202; } .employeeslist:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .employeeslist:nth-child(1) { border-bottom: 1px dotted #A9A9A7; } .employeeslist:last-child { border-bottom: 1px dotted transparent; } #col3 .employeeslist { margin: 0; } #col2 .tt_address_pi1 .employeeslist .info { margin: -4px 0 11px 0; min-width: 200px; } .tt_address_pi1 .employeeslist .info span { padding-left: 0; } .employeeslist .info, .employeeslist .image { float: left; } .employeeslist .image { margin: 0 15px 15px 0; line-height: 0; } .employeeslist .name { /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ } .employeeslist .email a { background: url('vhs-assets-css-7dd8fa9cbed8b2e9151432b7a3987d0d.gif') no-repeat scroll 2px 50% transparent; } .employeeslist .info div { padding: 2px 0 1px 0; } #col3 .employeeslist { border-bottom: none; } #col3 .employeeslist .info, #col3 .employeeslist .image { float: none; } #col3 .employeeslist .image { margin-bottom: 10px; margin-top: 8px; } div.coElmulticolumn .simpleTabsContainer .header, div.coElmulticolumn .effectBoxItem .header { margin-top: 0; } div.coElmulticolumn ul.multicolumnContainer .csc-textpic-caption { padding-bottom: 8px; } .home ul.multicolumnContainer li.columnLast { border: none; } /* effect box */ /* custom styles for vAccordion */ .effectBox .vAccordion .effectBoxItem { position: relative; z-index: 1; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.16); border-radius: 4px; } .effectBox .vAccordion .effectBoxItem.active { background: #fff; } .multicolumnContainer .effectBox.vAccordion.vAccordion { padding: 0 14px; } .effectBox .vAccordion .effectBoxItem.active .effectBoxTitleLink { border-bottom: 2px solid rgba(0, 0, 0, 0.10); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .effectBox .vAccordion .effectBoxItem a.effectBoxTitleLink { outline: none; display: block; padding-left: 10px; background-color: #ECEEEF; margin-bottom: 12px; border-radius: 4px; } .effectBox .vAccordion .effectBoxItem a.effectBoxTitleLink h5 { height: 100%; line-height: 28px; color: #000; } .effectBox .vAccordion .effectBoxItem a.effectBoxTitleLink:hover { background-color: #54585F; text-decoration: none; } .effectBox .vAccordion .effectBoxItem .effectBoxItemTitle:hover { /*background: url('vhs-assets-css-95713bea7d8561b5de581eace32ea624.gif') no-repeat 96.5% 20px;*/ background: url('vhs-assets-css-95713bea7d8561b5de581eace32ea624.gif') no-repeat right 15px top 18px; } .effectBox .vAccordion .effectBoxItem a.effectBoxTitleLink:hover h5 { height: 100%; line-height: 28px; color: #fff; } .effectBox .vAccordion .effectBoxItem.active a.effectBoxTitleLink:hover h5 { color: #000; } .effectBox .vAccordion .effectBoxItem.active a.effectBoxTitleLink { background-color: #fff; } /* heading */ .effectBox .vAccordion .effectBoxItem .effectBoxItemTitle { padding: 7px 0 7px 0; font-size: 108%; } .effectBox .vAccordion .effectBoxItem .effectBoxItemTitle { /*background: url('vhs-assets-css-591563e7133c58e76c0582be2c06b0f1.gif') no-repeat 96.5% 20px;*/ background: url('vhs-assets-css-591563e7133c58e76c0582be2c06b0f1.gif') no-repeat right 15px top 18px; padding-right: 30px; } .effectBox .vAccordion .effectBoxItem .effectBoxItemTitle:hover { text-decoration: none; background: url('vhs-assets-css-95713bea7d8561b5de581eace32ea624.gif') no-repeat right 15px top 18px; padding-right: 30px; } .effectBox .vAccordion a, .effectBox .vAccordion h5 { text-decoration: none; } #col2 .content .effectBox.simpleTabs .effectBox .effectBoxItem .effectBoxText ul > li:before { content: ''; width: 9px; height: 9px; display: inline-block; background: #54585f; border-radius: 5px; position: absolute; top: 8px; left: 0px; } #col2 .content .effectBox.simpleTabs .effectBox .effectBoxItem .effectBoxText ul > li { padding-left: 16px; line-height: 28px; } .effectBox .vAccordion .effectBoxItem.active .effectBoxItemTitle { color: #000; } .effectBox .vAccordion .effectBoxItem.active .effectBoxItemTitle { /*background-image: url('vhs-assets-css-4e8f1ab4706d6b16df9f81954645a777.gif');*/ background-image: url(../../../Images/icon_arrowUpBlack.gif); } .effectBox .vAccordion .effectBoxItem.active .effectBoxItemTitle:hover { color: #000; background-image: url('vhs-assets-css-4e8f1ab4706d6b16df9f81954645a777.gif'); } .effectBox .vAccordion .effectBoxItem .effectBoxItemContent { display: none; /* hide contents at first */ } .effectBox .vAccordion .effectBoxItem .effectBoxItemContent .innerWrap { margin: 0 0 15px 0; } .effectBox .vAccordion .effectBoxItem .effectBoxItemContent .innerWrap h2, .effectBox .vAccordion .effectBoxItem .effectBoxItemContent .innerWrap h3, .effectBox .vAccordion .effectBoxItem .effectBoxItemContent .innerWrap h4 { display: none; } .effectBox .vAccordion .effectBoxItem .listItem, .effectBox .vAccordion .effectBoxItem .filelinkListItem { margin-bottom: 8px; } /* custom filelinks */ .effectBox .vAccordion .effectBoxItem .filelinksList a.filelink { color: #000; padding-left: 10px; } .effectBox .vAccordion .effectBoxItem .filelinksList a.filelink:hover, .effectBox .vAccordion .effectBoxItem .filelinksList a.filelink:focus { color: #E72B37; text-decoration: none; } /* custom multicolumn */ .effectBox .vAccordion .effectBoxItem .columnItem { margin-top: 15px; } .effectBox .vAccordion .effectBoxItem .columnItemFirst { margin-top: 0; } .effectBox .vAccordion .effectBoxItem .coEl { margin: 0; padding: 0; } .effectBox .vAccordion .effectBoxItem .effectBoxItemContent .coEl .innerWrap { margin: 0; } .effectBoxItem.listItemLast { margin-bottom:30px !important; } /* ugly but required for ie7 */ .ie7 .effectBox, .ie7 .effectBox .clearfix, .ie7 .effectBox ul, .ie7 .effectBox dl, .ie7 .effectBox li { position: relative; zoom: 1; z-index: 0; } /* tabs */ .simpleTabNavigation, .sudoControls ol { height: 29px; margin: 1em 0 0 0; background: #FFFFFF; padding: 10px 11px 0 11px; } .simpleTabNavigation li a, .sudoControls ol li a { background: #f9f9f9; color: #505a50; border-bottom: none; } .simpleTabNavigation li { margin: 0 2px 0 0; } .simpleTabNavigation li h4 { margin: 0; } .simpleTabNavigation li a { height: 28px; color: #54585f; background: #ECEEEF; text-transform: uppercase; } .simpleTabNavigationItem a { line-height: 28px; padding: 4px 12px 4px 12px; } .simpleTabNavigationItem:hover a, .simpleTabNavigationItem.tabItemAct a { border-bottom: none; color: #FFFFFF; text-decoration: none; background: #54585F; } .sudoControls ol li.current a { height: 29px; background: #fff; color: #214c9e; } .simpleTabsContainer { background: #FFFFFF; } .simpleTabsContainer p { margin-bottom: 15px; } .simpleTabsContainer p:last-child { margin-bottom: 7px; } .simpleTabsContainer .innerTab { padding-top: 15px; } .simpleTabsContainer * + span.TitleDottedBorder, h5.TitleDottedBorder { margin-top: 10px; } .simpleTabsContainer .innerWrap { padding: 0 14px; } .simpleTabsContainer .innerWrap .innerWrap { padding: 0; } .simpleTabs { padding-bottom: 20px; } .sudoSlider .effectBoxInner, .sudoSlider2 .effectBoxInner { padding: 0 10px; } .csc-textpic-text ul, .csc-textpic-text ol { margin-top: 8px; margin-bottom: 8px; } .simpleTabsContainer .csc-textpic-text ul, .simpleTabsContainer .csc-textpic-text ol { margin-bottom: 17px; } .simpleTabsContainer .csc-textpic-text ul:last-child, .simpleTabsContainer .csc-textpic-text ol:last-child { margin-bottom: 7px; } .csc-textpic-text > * + ul, .csc-textpic-text > * + ol { margin-top: 0; } /* image orients */ .coEl .csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image, .coEl .csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image, .coEl .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image, .coEl .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image, .coEl .csc-textpic-above .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image, .coEl .csc-textpic-below .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image { padding-bottom: 10px; } .coEl .csc-textpic-above .csc-textpic-imagewrap { padding-bottom: 5px; } #col3 .coEltextpic .csc-textpic-image{ margin-bottom: 13px; } /* custom styles */ #col3 .bluebox { background-color: #BFD2E7; padding: 12px 7px 0px 7px; overflow: hidden; } #col3 .graybox { background-color: #F0EDE6; padding: 12px 7px 0px 7px; overflow: hidden; } #col3 .bluebox a, #col3 .graybox a { background-image: url('vhs-assets-css-46e1eae74976a6456cc1119b048914ce.gif'); background-position: left 50%; background-repeat: no-repeat; padding: 10px; padding-left: 30px; margin-top: 6px; display: block; } .teaser { margin-bottom: 10px; } .teaser h4{ /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ font-weight: normal; } .teaser .innerWrap .csc-textpic-text { position: relative; min-height: 50px; } .ie6 .innerWrap .csc-textpic-text { height: 70px; } .teaser .innerWrap p.teaserLink { position: absolute; bottom: 0; left: 0; } .tx-powermail-pi1 { padding-bottom: 8px; } #tx-powermail-pi1_fieldset_113 .powermail_kreditanfragefirmen_ee.powermail_submit { margin-top: 5px; margin-left: 180px; position: absolute; } .column2 .coElColPos0 .tx_powermail_pi1_submitmultiple_back, .column2 .coElColPos0 .tx_powermail_pi1_submitmultiple_forward, .column2 .coElColPos0 .powermail_submit, .column2 .coElColPos0 .powermail_reset, .column2 .coElColPos0 .tx-powermail-pi1_confirmation_submit { background: #CF1053; border: 0 none; color: #FFFFFF; /*font-family: 'Avenir Next LT W01 Demi',arial,helvetica,sans-serif;*/ line-height: 21px; padding: 9px; text-transform: uppercase; font-size: 14px; font-weight: normal; } .column2 .coElColPos0 .tx_powermail_pi1_submitmultiple_back:hover, .column2 .coElColPos0 .tx_powermail_pi1_submitmultiple_forward:hover, .column2 .coElColPos0 .powermail_submit:hover, .column2 .coElColPos0 .powermail_reset:hover { background: #aac600; } .column2 input.powermail_text:focus, .column2 input.powermail_password:focus, .column2 input.powermail_file:focus, .column2 input.powermail_select:focus, .column2 input.powermail_check:focus, .column2 input.powermail_radio:focus, .column2 textarea.powermail_textarea:focus { color: #333; background-color: #FFFFFF; outline-color: #B7B7B7; } .powermail_mandatory { color: #CF1053; } .powermail_pi1 .tx-powermail-pi1 .mailformCheck label, .powermail_pi1 .tx-powermail-pi1 .mailformRadio label { margin-top: -23px; } .powermail_message_error { background-color: #eab3b3; border: 1px solid #c83c3c; color: #c83c3c; margin: 0; padding: 11px 11px 11px 31px; } table { margin-top: 8px; margin-bottom: 30px; } .csc-textpic-text > * + table { margin-top: 0; } .csc-textpic-text table:last-child { margin-bottom: 6px; } table caption { display: none; } th { font-weight: bold; text-align: left; } th, td, caption { padding: 4px 10px 4px 5px; } /* Layout 0 - ohne border */ table.contenttable-0 th, table.contenttable-0 td, table.contenttable-0 caption { padding-left: 0; } table td.no-padding-right { padding-right: 0; } /* Layout 0 - mit border zusatz nur im RTE table.withBorder th, table.withBorder td, table.withBorder caption { padding-left: 4px; } */ table.contenttable-0 { } /* Layout 0 - ohne border */ table.contenttable-0, table.contenttable-0 th, table.contenttable-0 td { border-width: 0; } /* Layout 0 - mit border zusatz nur im RTE table.withBorder, table.withBorder th, table.withBorder td { border-width: 1px; } */ table.contenttable-1 { /*font-size: 15px; #4171.43 */ } table.contenttable-1, table.contenttable-1 th, table.contenttable-1 td { border-width: 0; } table.contenttable-0 th, table.contenttable-0 td, table.contenttable-1 th, table.contenttable-1 td, table.contenttable-2 th, table.contenttable-2 td, table.contenttable-3 th, table.contenttable-3 td, table.contenttable-4 th, table.contenttable-4 td, table.contenttable-5 th, table.contenttable-5 td, table.contenttable-6 th, table.contenttable-6 td, table.contenttable-7 th, table.contenttable-7 td, table.contenttable-8 th, table.contenttable-8 td { /*font-size: 14px; #4171.43 line-height: 21px;*/ padding-right: 5px; } table.contenttable-1 th { /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif; font-weight: normal;*/ } table.contenttable-1 td { /*font-family: 'AvenirNextLTW01-Regular',arial,helvetica,sans-serif;*/ } .ie67 table.contenttable-0 { } table.contenttable-1, table.contenttable-2, table.contenttable-3, table.contenttable-5, table.contenttable-6, table.contenttable-7, table.contenttable-8 { width: 100%; } table.contenttable-4 { width: auto; } /* 50-50 */ .contenttable-2 td, /* rte */ .contenttable-2 td.td-0, .contenttable-2 td.td-1 { width: 50%; } /* 33-33-33 */ .contenttable-3 td, /* rte */ .contenttable-3 td.td-0, .contenttable-3 td.td-1, .contenttable-3 td.td-2 { width: 33.3%; } /* 25-25-25-25 */ .contenttable-5 td, /* rte */ .contenttable-5 td.td-0, .contenttable-5 td.td-1, .contenttable-5 td.td-2, .contenttable-5 td.td-3 { width: 25%; } /* table with dotted border horizontal */ .contenttable-6 .tr-even th, .contenttable-6 .tr-odd th, .contenttable-6 .tr-even td, .contenttable-6 .tr-odd td { background-color: #fff; } .contenttable-6 td, .contenttable-6 th { border-bottom: 1px dotted #A9A9A7; } /* table with dotted border horizontal */ .contenttable-7 .tr-even th, .contenttable-7 .tr-odd th, .contenttable-7 .tr-even td, .contenttable-7 .tr-odd td { background-color: #fff; } .contenttable-7 td, .contenttable-7 th { border-bottom: 1px dotted #A9A9A7; border-right: 1px dotted #A9A9A7; } .contenttable-7 td:last-child, .contenttable-7 th:last-child { border-right: none; } /* table with dotted border vertical */ .contenttable-8 .tr-even th, .contenttable-8 .tr-odd th, .contenttable-8 .tr-even td, .contenttable-8 .tr-odd td { background-color: #fff; } .contenttable-8 td, .contenttable-8 th { border-right: 1px dotted #A9A9A7; } .contenttable-8 td:last-child, .contenttable-8 th:last-child { border-right: none; } /* Backend style corrections for contenttable 6, 7 and 8 */ table.contenttable-6 thead th, table.contenttable-7 thead th, table.contenttable-8 thead th { background-color: #fff; } tfoot { font-style: italic; } div.events_pi_list table.list_generic td.timeperiods { padding-left: 0; } div.events_pi_list table.list_generic tr.bodyRow td.title { padding-left: 7px; } div.events_pi_list table.list_generic th, div.events_pi_list table.list_generic td { line-height: 21px; } div.events_pi_list table.list_generic th { padding-bottom: 8px; } div.events_pi_list table.list_generic td { padding-top: 8px; padding-bottom: 8px; } #content #col2 .coElColPos0table { padding-left: 14px; padding-right: 14px; } /* positioning */ @media screen,tv,projection,handheld { html, body { height: 100%; } body { background-color: #fafaf7; } .pageOutline { margin: 0 auto; position: relative; z-index: 10; min-height: 100%; } #box { min-height: 100%; margin: 0 auto; } #header { position: relative; background: #aac600; z-index: 100; } #header .metainfocontainer #languageNavigationSpecial, #header .metainfocontainer #languageNavigation { display: inline; float: right; } #header .metainfocontainer #languageNavigation { right: 40px; } #header .metainfocontainer #languageNavigationSpecial ul, #header .metainfocontainer #languageNavigationSpecial li { list-style: none; background: transparent; padding: 0; padding-left: 4px; padding-right: 3px; } #logo { position: absolute; left: 0; top: -9px; width: 185px; } #header #mainNavigationWrapper, .sticky #header #mainNavigationWrapper { width: 1275px; margin: 0 auto; margin-top: 95px; background: #aac600; } #content { margin: 0 auto; } #content > nav { margin: 0 auto; width: 1093px; } #content > nav > ul { padding-left: 0; } #content .newsSingle .csc-textpic-text, #content #col2 .newsSingle .csc-textpic-text { padding: 0; } #content #col2 .newsSingle ul.filelinksList { margin: 0; } .csc-sitemap { padding: 13px; } .layout51 #content .colwrap { background-image: url(../../image/bg_content_layout51.gif); } /* KEEP THIS FOR PORTFOLIO BLOCKS */ .layout51 #col2 { width: 100%; min-height: 1px; } .layout50 #col2 img { max-width: 100%; width: 100%; height: auto !important; } .layout50 #col2 table img { width: auto; } #footer .content, #header .headerwrap, #content .colwrap { width: 1275px; padding: 0 40px; margin: 0 auto; position: relative; clear: both; } #footer .content .contentFooter { font-size: 11px; width: 820px; float: left; padding-left: 10px; } #footer .content .columnItemtextpic { margin-bottom: 10px; } #footer .contentFooter .csc-textpic-text p a{ color: #666666; } #footer .content .footerprintlink { float: right; padding-right: 38px; } #footer .content .footerprintlink li { background: transparent; display: block; } #footer .content .footerprintlink li p { padding-left: 15px; } #footer .content .footerprintlink a{ color: #706f6c; background-image: url('vhs-assets-css-57a565441bf73deab52f89380147dc04.gif'); background-position: left 50%; background-repeat: no-repeat; line-height: 18px; padding-left: 8px; font-size: 11px; } #footer .content .footerprintlink a:hover { color: #E72B37; background-image: url('vhs-assets-css-5cdbaac0c97100dbae98b708430fa7d6.gif'); text-decoration: none; } #footer .innerContent { padding: 15px 0 25px 0; } #footer .multicolumnLayout20 li.column { background-repeat: repeat-x; height: 210px; } #footer .multicolumnLayout20 li.column .multicolumnContainer .innerWrap { padding-left: 20px; } #footer .multicolumnLayout20 li.column2 .innerWrap { padding-left: 10px; } #footer .multicolumnLayout20 .multicolumnLayout2 .column2 div.csc-textpic-text { margin-top: 26px; } #footer .multicolumnLayout20 div.csc-textpic-text { padding: 15px 0 0 0; } #footer a { text-decoration: underline; } #snowflake { position: absolute; right: 5px; top: 10px; z-index: 9999; background-repeat: no-repeat; background-position: 50% 50%; background-image: url('vhs-assets-css-a2924c4a22b964306d381df48803b3c9.gif'); } #snowflake a { display: block; width: 7px; height: 41px; } .tt_news .newsSingle h2.detailTitle { padding-bottom: 8px; padding-top: 1px; } .Quote-gridElement blockquote { margin-bottom: 3px; } .layout50 #col2 .tx-damdownloadcenter-pi1 .field img, .layout50 #col2 .tx-damdownloadcenter-pi1 .ajaxLoadingIndicator img { width: auto; } .tx-damdownloadcenter-pi1 .form { background: #FFFFFF; } .paddingLeft { padding-left: 11px; } .paddingTop { padding-top: 10px; } .simpleTabNavigationContainer { background: none repeat scroll 0 0 #FFFFFF; padding: 0 14px 0 14px; } .simpleTabNavigationContainer .simpleTabNavigation { border-bottom: 3px solid #ECEEEF; height: auto; padding: 0; margin: 0; } .simpleTabNavigationContainer .simpleTabNavigation li { margin-bottom: -3px; padding-top: 14px; } li.mailformItem:last-child:before, .tx-indexedsearch .form li:last-child:before { content: " "; display: inline-block; float: left; height: 5px; width: 209px; } .content .tx-damdownloadcenter-pi1 span.text { width: 220px; margin-bottom: 10px; } .tx-damdownloadcenter-pi1 span.customSelectInner { width: 195px !important; } } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid > [class*="span"] { float: left; margin-left: 2.762430939%; *margin-left: 2.7%; /* For ie7 */ } .row-fluid > [class*="span"]:first-child { margin-left: 0; } .row-fluid > .span1 { width: 5.801104972%; } .row-fluid > .span2 { width: 14.364640883%; } .row-fluid > .span3 { width: 22.928176794%; } .row-fluid > .span4 { width: 31.491712705%; } .row-fluid > .span5 { width: 40.055248616%; } .row-fluid > .span6 { width: 48.618784527%; } .row-fluid > .span7 { width: 57.182320438000005%; } .row-fluid > .span8 { width: 65.74585634900001%; } .row-fluid > .span9 { width: 74.30939226%; } .row-fluid > .span10 { width: 82.87292817100001%; } .row-fluid > .span11 { width: 91.436464082%; } .row-fluid > .span12 { width: 99.999999993%; } #location_description1, #location_description2, #location_description3, #location_description4 { display: none; } #map_canvas { margin: 0 !important; } /*Powermail preview page.*/ .tx-powermail-pi1_confirmation { padding-bottom: 14px; margin-bottom: 20px; } .tx-powermail-pi1_confirmation table tr td:first-child{ width: 35% !important; } .tx_powermail_pi1_formconfirmation_back { position: absolute; bottom: 10px; } .tx-powermail-pi1_confirmation_back.submitButton, .tx-powermail-pi1_confirmation_back.submitButton:focus, .tx-powermail-pi1_confirmation_back.submitButton:hover { background: none; color: #CF1053; text-transform: lowercase; text-decoration: underline; } .tx-powermail-pi1 { padding: 14px; } #header .metainfocontainer #metaNavigation li a:hover, #header .metainfocontainer #languageNavigationSpecial li a:hover, #header .metainfocontainer #languageNavigation li a:hover, #header .metainfocontainer #languageNavigationSpecial li.cur a, #header .metainfocontainer #languageNavigation li.cur a { color: #FFF; } #metaNavigation, #languageNavigation, #languageNavigationSpecial { font-weight: bold; } #metaNavigation a, #languageNavigation a, #languageNavigationSpecial a { color: #54585f; font-size: 14px; } #mainNavigation { width: 1275px; height: 34px; margin: 0 auto; } .ebanking, .contact_location { background: #cf1053; color: #ffffff; display: block; font-size: 18px; padding: 5px 10px; position: absolute; right: 0; top: 68px; text-transform: uppercase; } .ebanking:hover, .contact_location:hover { color: #4a575f; text-decoration: none; } /*.metainfocontainer { overflow: hidden; }*/ #socialmediaNavigation { position: absolute; right: 160px; top: 33px; } #socialmediaNavigation .facebook, #socialmediaNavigation .print { text-indent: -999em; overflow: hidden; background: url('vhs-assets-css-47787afb0c9ccf7d7d375e283778ef9d.png') 99px 99px no-repeat; width: 21px; height: 22px; display: block; } #socialmediaNavigation .facebook { background-position: 0 0; background-color: #aac700; } #socialmediaNavigation .facebook:hover { background-color: #63b9ea; } #socialmediaNavigation .print { background-position: -21px 0; background-color: #cf1252; } #socialmediaNavigation .print:hover { background-color: #aac700; } .metainfocontainer li { float: left; padding: 0 5px; } .mainNavigation li:first-child > a { padding-left: 0; text-align: left; } .mainNavigation li:last-child > a { padding-right: 0; text-align: right; } .metainfocontainer a.ebanking:hover { color: #fff; background-color: #ABCC00; } .metainfocontainer a.contact_location:hover { color: #fff; background-color: #ABCC00; } .mainNavigation .navTitle { color: #4A575F; /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ font-size: 18px; text-transform: uppercase; text-align: left; padding: 13px 0 13px 0; margin: 0 auto 6px; border-bottom: 1px dotted #A9A9A7; width: 1280px; } .metainfocontainer #quickNavigation { position: absolute; top: 96px; right: 23px; color: #666666; font-size: 11px; height: 20px; width: 188px; padding-left: 3px; } /* first level */ .mainNavigation li.level1 { list-style-type: none; } .mainNavigation > li > a { line-height: 16px; text-align: center; padding: 12px 9px 9px 9px; text-transform: uppercase; display: block; font-size: 18px; color: #54585f; } .mainNavigation li.act.active a, .mainNavigation a:hover { color: #fff; } .mainNavigation.tablet > li > a:hover, .mainNavigation.tablet > li.level1:hover > a { color: #fff; } /* second level */ .mainNavigation ul { /*width: 1280px;*/ } .mainNavigation li .submenucontainer .submenuInner { width: 1275px; position: relative; margin: 0 auto; } #mainNavigation > li.active .submenucontainer { display: block; } .submenucontainer { display: none; width: 100%; position: absolute; left: 0; top: 100%; background: #fff; padding: 55px 0; z-index: -1; } .collapemenu { cursor: pointer; display: block; margin: 0 auto; height: 20px; width: 20px; background: url('vhs-assets-css-47787afb0c9ccf7d7d375e283778ef9d.png') -103px 0 no-repeat; } .mainNavigation li { display: inline-block; } .mainNavigation li li.last { margin-bottom: 10px; } .mainNavigation ul.mainNavigationLevel2 { width: 303px; border-right: 1px solid #a9abaf; float: left; margin: 0 40px 0 0; } .mainNavigation ul.mainNavigationLevel2 li { display: block; float: left; text-align: left; padding: 0; margin-bottom: 30px; } .mainNavigation ul.mainNavigationLevel2 > li { display: block; float: none; } .mainNavigation ul.mainNavigationLevel2 > li:last-child { padding-right: 0; } .mainNavigation ul.mainNavigationLevel2 li:last-child a { text-align: left; } .mainNavigation ul.mainNavigationLevel2 li a { display: inline; color: #54585f; font-size: 18px; line-height: 30px; text-transform: none; text-align: left; padding: 0; } .mainNavigation ul.mainNavigationLevel2 li.act li a:hover, .mainNavigation ul.mainNavigationLevel2 li a.curSub { color: #aac600; } .mainNavigation ul.mainNavigationLevel2 li.cur li a, .mainNavigation ul.mainNavigationLevel2 li.act li a { color: #54585f; } .mainNavigation ul.mainNavigationLevel2 > li > a { text-transform: uppercase; } .mainNavigation ul.mainNavigationLevel3 li { padding-left: 0; width: 100%; } .mainNavigation ul.mainNavigationLevel3 li.cur a.cur, .mainNavigation ul.mainNavigationLevel3 li.cur a.curSub, .mainNavigation ul.mainNavigationLevel2 li.cur > a.cur { color: #aac600; } #rootline { background: transparent; margin: 40px 0 12px 0; color: #54585f; } #rootline span { font-size: 14px; margin-right: 8px; } #rootline li { padding: 0; font-size: 14px; } #rootline li:after { content: ">"; margin: 0 4px; } #rootline li.last:after { display: none; } #rootline li { display: inline-block; } #rootline li a { color: #cf1152; font-size: 14px; } #rootline li a:hover { color: #aac600; } /* sub navigation */ #subNavigation { margin: 0; border-top: 1px dotted #a9a9a7; } .subNavigation li { line-height: 16px; list-style-type: none; border-bottom: 1px dotted #a9a9a7; } .subNavigation li.levelTitle, .subNavigation li.levelTitle a { font-size: 14px; color: #444; } .subNavigation li, .subNavigation li a { font-size: 14px; font-weight: normal; color: #666666; } .subNavigation li:hover, .subNavigation li a.cur, .subNavigation li a.act, .subNavigation li a:focus , .subNavigation li a:hover { color: #e72b37; } .subNavigation li a { display: block; } .subNavigation li a { line-height: 16px; padding-top: 4px; padding-bottom: 4px; } /* second level */ .subNavigation ul { margin: 0; padding-bottom: 4px; } .subNavigation li li { border: none; } .subNavigation li li, .subNavigation li li a { font-weight: normal; font-size: 12px; } .subNavigation li li li { line-height: 13px; } .subNavigation li li li, .subNavigation li li li a { font-size: 93%; } .subNavigation li li li a { padding-left: 16px; background-position: 8px 7px; } .subNavigation li li li li a { background-position: 16px 7px; padding-left: 24px; } .subNavigation li li li li { line-height: 12px; } ul { list-style-type: disc; } li ul, li ol { margin: 0 14px; } ul, ol { line-height: 18px; padding-right: 45px; } ul.csc-menu { margin-left: 15px; } ol.upper-alpha { list-style-type: upper-alpha; margin: 0 0 0 1.8em; } dl { line-height: 18px; margin: 14px 0 0 0; } dl dt { font-weight: bold; font-size: 14px; margin-bottom: 5px; } dd { margin-left: 14px; } /* reset */ ul.inlineLarge, ul.inline, ul.browsebox, .listContainer, ul.filelinksList, .listContainer, ul.dragControls { list-style-type: none; margin: 0; padding: 0; } /* custom lists */ .releated { margin: 15px 0 0 0; } .releated dd { margin: 0; } .releated .listDate:before { content: "-"; padding: 0 3px; } ul.inlineLarge li, ul.inline li { display: inline; padding-left: 5px; padding-right: 4px; } ul.inlineLarge li { padding-right: 30px; } ul.inline li.printlink { background-image: none; } ul.inline li:first-child:before { content: none; } .ie67 ul.inline li { padding: 0 8px 0 8px; background: transparent url('vhs-assets-css-3fd92ecb06a16db47721fac57f9882f8.gif') 0 60% no-repeat; } .ie67 #metaNavigation li.printlink { padding: 0 16px 0 0; background: transparent url('vhs-assets-css-3fd92ecb06a16db47721fac57f9882f8.gif') 86% 60% no-repeat; } .ie67 ul.inline li.first{ padding-left: 0; background-image: none; } ul.inline a, ul.inline li { font-size: 11px; } ul.inlineli a:hover { text-decoration: none; } ul.inline2 li:before { padding: 0; content: ""; } .ie67 ul.inline2 li { background: transparent url('vhs-assets-css-64282b01bae4da6dc7d8bb218fc71e12.gif') 0 50% no-repeat; } ul.inline2 li:last-child:after, ul.inline2 li.last:after { padding-right: 0; content: ""; } ul#metaNavigation li.first{ background: transparent; } #header .metainfocontainer #languageNavigation li{ padding-left: 4px; padding-right: 3px; } #header .metainfocontainer #languageNavigation li, ul#metaNavigation li.printlink { background-image: none; } #col3 ul.filelinksList { margin: 0 14px 7px 14px; } ul.filelinksList { margin: 0 0 7px 15px; line-height: 22px; } ul.filelinksList dl { margin: 0; } ul.filelinksList dt { font-size: 93%; font-weight: normal; } ul.filelinksList dt, ul.filelinksList dd { display: inline; } ul.filelinksList dd { margin: 0; } .ie67 ul.filelinksList { list-style-position: outside; } .ie6 ul.filelinksList li.filelinkListItem { height: 100%; } .ie7 ul.filelinksList li.filelinkListItem { min-height: 100%; } .filelinksList li.filelinkListItem dt{ width: auto; padding-right: 4px; } ul.filelinksList span.fileInfo { text-transform: uppercase; } ul.filelinksListLayout1 dt img { vertical-align: middle; } ul.filelinksListLayout2 img { float: left; padding-right: 10px; } ul.filelinksListLayout2 li { clear: both; padding-top: 8px; } ul.filelinksListLayout2 li.filelinkListItem1 { padding-top: 0; } ul.noListStyle { margin-left: 0; list-style: none; } .coElColPos2 .listContainer h2, .listContainer h2 { margin: 0; font-size: 100%; font-weight: normal; line-height: 131%; } .listContainer { margin: 0; } .ie67 .listContainer { list-style-position: outside; } .listContainer .listItem { clear: both; padding: 4px 0; } .listContainer .listItem p { margin-bottom: 0; } .listContainer .listTitle { font-weight: bold; } .listContainer .listTitle a { float: left; } .listContainer .listDate { font-weight: bold; float: left; line-height: 17px; } .listContainer .listDate:after { content: "|"; padding: 0 3px; } .ie67 .listContainer .listDate { padding: 0 8px 0 0; background: transparent url('vhs-assets-css-3fd92ecb06a16db47721fac57f9882f8.gif') 96% 55% no-repeat; } .ie67 #col3 .listContainer .listDate { padding: 0 0 0 0; background: transparent; } .listHeaderContainer .listDate { font-weight: normal; float: right; } .listHeaderContainer .listTitle { font-weight: normal; } .listHeaderContainer .listItem { padding: 0; } .listHeaderContainer .listDate:after { content: ""; padding: 0; } .listContainer .listImage { float: left; margin-top: 2px; padding-right: 6px; } /* right col */ .coElColPos2 .listContainer { margin-left: 0; } .coElColPos2 .listContainer h2 { font-size: 100%; line-height: 24px; } .coElColPos2 .listContainer .listDate { float: left; font-size: 90%; } .coElColPos2 .listContainer, .coElColPos2 .listContainer li { border-top: none; border-bottom: none; } .coElColPos2 .listHeaderContainer .listDate { float: none; display: block; } .coElColPos2 .listHeaderContainer .listItem { margin-bottom: 6px; } div.pageBrowserContainer { padding-top: 3px; line-height: 18px; } div.pageBrowserContainer h4 { margin: 0; padding: 0; font-weight: normal; } div.pageBrowserContainer h4, div.pageBrowserContainer ul { display: inline-block; line-height: 18px; } ul.pageBrowserList { width: 400px; padding: 0; margin: 0 0 0 18px; } ul.pageBrowserList li, ul.browsebox li { display: inline; } ul.pageBrowserList li.listItemFirst { padding-left: 5px; } ul.pageBrowserList li:first-child, ul.browsebox li:first-child { padding-left: 0; } ul.pageBrowserList li:before, ul.browsebox li:before { content: "|"; padding: 0 8px; } .ie67 ul.pageBrowserList li { padding: 0 8px 0 8px; background: transparent url('vhs-assets-css-3fd92ecb06a16db47721fac57f9882f8.gif') 96% 55% no-repeat; } ul.pageBrowserList li.listItemBackward:before, ul.pageBrowserList li.listItemForeward:before, ul.pageBrowserList li.listItemFirst:before, ul.pageBrowserList li:first-child:before, ul.browsebox li:first-child:before { content: ""; padding: 0; } ul.pageBrowserList li.listItemForeward { padding-left: 13px; } .ie67 ul.pageBrowserList li.listItemBackward, .ie67 ul.pageBrowserList li.listItemLast, .ie67 ul.pageBrowserList li.listItemForeward { background-image: none; } .ie67 ul.pageBrowserList li.listItemFirst { padding-left: 0; } ul.quickTree li li a { } ul.quickTree li li li a { padding-left: 0; } ul.quickTree li li li li a { padding-left: 0; } ul.quickTree li li li li li a { padding-left: 0; } .tree, .tree ul { line-height: 18px; margin: 0; padding: 0; } .tree li, .tree span { background-repeat: no-repeat; } .tree li { list-style: none; padding-left: 19px; font-weight: bold; } .tree li.root { padding-left: 21px; } .tree li li { padding-left:19px; font-weight: normal; background-position: 17px center; } .tree li li.root { padding-left: 21px; background-position: 17px 0; } .tree li li.root .last { background-position: 17px 0; } .tree li li.last { background-position: 17px 0; } .tree .expand { background-position: 3px 1px; } .tree .contract { background-position: 3px 1px; } .tree li.root { padding-left:0; } .tree li li { margin-left:10px; padding-left: 29px; } .tree li li.root { padding-left: 10px; } .tree .expand { width:14px; height:14px; display:block; float:left; margin-top:4px; padding:0 5px 0 0; text-indent:-9999px; line-height:0; font-size:0; } .tree .expand:hover { cursor:pointer; } /* Sitemap configurations for IE 7 */ .ie67 .tree a { zoom: 1; } .ie67 .tree li { padding-left: 0; } .ie67 .tree li.root span { margin-right: -15px; padding-right: 0; } .ie67 .tree li li { padding-left: 10px; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin: 15px 0 21px 0; color: #000; line-height: 25px; text-transform: uppercase; } h2 { font-size: 21px; color: #cf1152; line-height: 22px; } h3 { font-size: 21px; line-height: 22px; } h4 { font-size: 18px; line-height: 24px; margin: 50px 0 15px; padding-bottom: 10px; border-bottom: 1px solid #DDD; color: inherit; font-weight: bold; } h5 { font-size: 16px; line-height: 21px; text-transform: none; margin: 15px 0 0 0; font-weight: bold; color: #505a50; } /* fonts.css from the YUI Library: developer.yahoo.com/yui/ Refer to http://developer.yahoo.com/yui/3/cssfonts/#fontsize for font sizing percentages There are three custom edits: * remove arial, helvetica from explicit font stack * we normalize monospace styles ourselves * table font-size is reset in the HTML5 reset above so there is no need to repeat */ body, .htmlarea-content-body { font-family: 'AvenirNext LT Pro', Arial, Helvetica, sans-serif; color: #54585F; font-size: 15px; } select, input, textarea, button { font:99% sans-serif; } .marginNone { margin: 0; } .marginTopNone { margin-top: 0; } .marginBottomNone { margin-bottom: 0; } /* Paragraphs */ p { margin: 0 0 8px 0; line-height: 21px; font-size: 15px; padding-right: 45px; } #col3 p { padding-right: 0; } #col3 .csc-textpic-text { padding-right: 0; } ul p, ol p, td p, th p { padding-right: 0; } .simpleTabsContainer p, .producttab p { padding-right: 45px; } p.caption { font-size: 85%; } .csc-textpic-text { margin-top: 8px;; } * + .csc-textpic-text { margin-top: 0; } p.size-big { font-size: 17px; line-height: 22px; } p.toplink { font-size: 85%; margin-top: 20px; } .content p.printlink { margin-top: 20px; } .noticeContainer { padding: 8px 0; } .noticeHeader { margin: 0 0 3px; } .errorContainer { padding: 8px 0; } .errorHeader { margin: 0 0 3px; font-size: 85%; font-weight: bold; } .error, p.error { line-height: 15px; margin: 0; padding: 0; font-size: 85%; } .notice, .warning { margin: 0; padding: 0; } #footer p { line-height: 25px; margin: 0; font-size: 16px; padding: 0; } #footer a { color: #d10452; text-decoration: none; font-weight: inherit; } #footer p a:hover { text-decoration: none; } /* helpers */ .detailDate { display: block; font-size: 85%; font-weight: normal; } /* link */ a, a:hover { color: #CF1053; text-decoration: none; outline-style: none; } a:hover { color: #aac600; } a.filelink img { margin-right: 5px; vertical-align: middle; } a:link { -webkit-tap-highlight-color: inherit !important; } /* do you have a better idea to overwrite the property */ .htmlarea-content-body a { text-decoration: none !important; } a.printLink span { font-weight: bold; font-size: 85%; } a.toplink:before, a.printLink span:before, .listAll a:before, .forward a:before { content: "> "; } a.style1 { /* forward */ background: transparent url('vhs-assets-css-64282b01bae4da6dc7d8bb218fc71e12.gif') 2px 50% no-repeat; padding-left: 12px; } a.style1:hover { /* forward */ background: transparent url('vhs-assets-css-142fa5b2964e76fe8a67309cc0143fd9.gif') 2px 50% no-repeat; } a.style2 { /* back */ background: transparent url('vhs-assets-css-901d73644eeb1ad2ab1f013966fb0dbc.gif') 2px 50% no-repeat; padding-left: 12px; } a.style2:hover { /* back */ background: transparent url('vhs-assets-css-d0fcce4597704f744e430ee2d245c2cd.gif') 2px 50% no-repeat; } ul.inline a.printLink span { font-weight: normal; } ul.inline a.printLink span:before { content: ""; } .back a { background-image: none; text-decoration: underline; } .back { padding-top: 15px; } .gridContent span { padding-left: 0 ; } .gridContent a { } .gridContent a span.title { display: block; font-size: 1.8vw; } .gridContent a span.text { display: block; position: absolute; font-size: 18px; bottom: 14px; } .Quote-gridElement { background-color: #FFFFFF; color: #020202; padding: 10px 14px 10px 14px; color: #63b9df; } .Quote-gridElement blockquote { font-size: 19.5px; text-indent: -21px; line-height: 23.5px; cursor: default; padding: 0 0 0 21px; } .Quote-gridElement blockquote a { color: #63b9df; cursor: pointer; } .Quote-gridElement blockquote:before, .Quote-gridElement blockquote:after { font-size: 37px; line-height: 0; position: relative; top: 2px; } .Quote-gridElement blockquote:before { content: '«'; } .Quote-gridElement blockquote:after { content: '»'; } .Quote-gridElement blockquote:hover, .Quote-gridElement blockquote a:hover { color: #aac600; } .Quote-gridElement .author { font-size: 12.5px; line-height: 25px; padding-left: 21px; } #col3 aside > div.Quote-gridElement.quote-blue { background-color: rgb(99, 185, 233); color: #fff; } #col3 aside > div.Quote-gridElement blockquote:hover { color: rgb(99, 185, 233); } #col3 aside > div.Quote-gridElement.quote-blue blockquote:hover { color: #fff; } .coEluploads .filelinkListItem a { text-decoration: underline; } #col3 .coEluploads h2 { margin-top: 10px; margin-bottom: 14px; } .home #col2 .coEltextpic .csc-textpic-text a.filelink { text-decoration: underline; color: #CF1053; } .coEluploads .filelinkListItem a:hover, .home #col2 .coEltextpic .csc-textpic-text a.filelink:hover { text-decoration: none; } .redBox:after { clear: both; content: ''; display: block; } .coElColPos0 .csc-textpic-above .csc-textpic-text span.box, .redBox a { /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ background-color: #cf1152; color: #FFFFFF; display: block; float: left; font-size: 13px; margin: 10px 15px 10px 0; padding: 9px; text-transform: uppercase; } .redBox a { line-height: 21px; margin: 8px 0 -3px 0; font-size: 14px; } .redBox a:hover { background: #aac600; } .home #col2 .coEltextpic .csc-textpic-text .box a, .box a { color: #FFFFFF; } .box a:hover { color: #AAC600; } span.fontBlack { color: #000; } span.fontBold { font-weight: normal; } .underline a { text-decoration: underline; } .underline a:hover { text-decoration: none; } #col3 .download .innerWrap h2, #col3 .download .innerWrap h3, #col3 .download .innerWrap h4, #col3 .download .innerWrap h5, #col3 .download .innerWrap h6 { margin: 4px 0 20px 0; } .download { padding-top: 5px !important; } .blackHeader h1, .blackHeader h2, .blackHeader h3, .blackHeader h4, .blackHeader h5, .blackHeader h6 { color: #000000; } select, input, textarea, button { /*font-family: 'AvenirNextLTW01-Regular',arial,helvetica,sans-serif;*/ } div.events_pi_list th.header, div.events_pi_list table tr td.fieldDescription { font-size: 14px; } div.events_pi_list table.list_generic tr th, div.events_pi_list table.list_generic tr td { font-size: 14px; } .infoBox h6, .infoBox p { font-size: 11px; line-height: 14px; } .infoBox h6 { margin: 0 0 5px 0; } .infoBox p { margin: 0; } .infoBox a { text-decoration: underline; } .infoBox a:hover { text-decoration: none; } .column ul li { line-height: 24px; } .column ol li { margin-bottom: 15px; } .teaser .innerWrap p.teaserLink { left: 14px !important; } .gm-style-iw div:first-child { overflow: hidden !important; } .subline { line-height: 26px; padding: 0; font-size: 18px; } .form input.text, .form input.title, .form textarea, .form select { border-width: 1px; border-style: solid; line-height: 16px; border-color: #54585F; } input.text, textarea, select { padding: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } legend { display: none; } .column2 .form { background: #FFFFFF; padding: 10px 0 10px 0; } .form label, .form p, .form fieldset { padding: 3px 5px 3px 0px; } .form input { margin: 1px 0; } .form input.checkbox { position: relative; top: 6px; padding: 0; margin: 0; } .form input.radio { position: relative; top: 2px; } .form li { margin: 5px 0 0 0; padding-bottom: 5px; } .form li:first-child { margin-top: 0; } .form li ul li { border-bottom: 0px solid #ff0000; } .ui-formular-error { padding: 15px 15px 0; } #searchBox { margin: 0 auto; position: relative; width: 1093px; } .ie6 #searchBox { } #searchBox input.text { color: #666666; font-size: 14px; padding: 4px 5px 4px 5px; position: absolute; width: 148px; border: none; background: #eceeef; top: 14px; right: 0; text-transform: uppercase; } #searchBox .searchButton, .offcanvas_search .searchButton { border: none; } .ie6 #searchBox .searchButton { margin-top: -8px; } .submitButton { background: #CF1053; border: 0; color: #FFFFFF; padding: 7px; text-transform: uppercase; } .submitButton:hover { background: #aac600; } .form input.submitButton:hover { color: #FFFFFF; } input[type="submit"] { -webkit-appearance: none; } .ie .submitButton { padding: 2px 4px; } .chrome .submitButton { padding: 4px 10px; } /* FORM NOTES */ .required label:after { content:" *"; } .requiredDesignation:after{ content:" *"; } .leftNote { padding: 3px 5px 0 5px; float: left; } .bottomNote { padding: 0; clear: both; display: block; } .ui-formular-error ul { margin-bottom: 18px; margin-left: 1.2em; } /* Error styling */ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content.ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { background: none; } .ui-formular-error .info { margin-bottom: 10px; } .form input.ui-state-error, .form textarea.ui-state-error, .form select.ui-state-error { border-color: #FF0000; } /** Formhandler for select box**/ @media screen and (min-width: 949px) { .pw_select_wrap { height: 28px; overflow: hidden; background: url('vhs-assets-css-9a753742a26a5963bb7ac90dca71e2f3.png') no-repeat right; border: 1px solid #ccc; position: relative; } .powermail_select { background: transparent; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; opacity: 0; z-index: 999; } .pw_select_wrap .value { display: block; left: 5px; line-height: 22px; overflow: hidden; position: absolute; z-index: 99; bottom: 3px; } } @media screen and (max-width: 949px) { .pw_select_wrap .value { display: none; } } @media screen and (min-width: 599px) { .powermail_textarea { width: 260px !important; } .powermail_text { width: 261px !important; } .pw_select_wrap { width: 270px; float: left; } .powermail_select { width: 273px !important; } .pw_select_wrap .value { width: 235px; } } .coEl { } .coElFirst { margin-top: 0; } .coElColPos0 .form label { width: 204px; } .coElColPos0 .form .radioCheck label { width: auto; } .coElColPos0 .form .submitButton { padding: 6px 5px 5px 6px; width: auto; } .coElColPos0 .form input, .coElColPos0 .form select, .coElColPos0 .form textarea { position: relative; } .coElColPos0 .form select { width: 175px; height: 28px; } .coElColPos0mailform .form select { left: 224px; } .coElColPos0 .form input, .coElColPos0 .form textarea { padding: 4px 5px 4px 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #54585F; } .coElColPos0 .form input { width: 163px; } .powermail_form .form input { width: 261px; } .coElColPos0 .form textarea { width: 235px; height: 145px; } .coElColPos0 .form .checkboxCheck input, .coElColPos0 .form .radioCheck input { width: auto; } .coElColPos0 .csc-textpic-above .csc-textpic-text span { padding-left: 0; line-height: 26px; } .coElColPos0 .csc-textpic-above .csc-textpic-text a.btn-link { display: inline-block; padding: 5px 10px; color: #FFFFFF; background-color: #CF1053; } .coElColPos0 .csc-textpic-above .csc-textpic-text a.btn-link:hover { background-color: #aac600 } .form span.text, .tx_portfolio_pi1 span.text { background: #FFFFFF url('vhs-assets-css-9a753742a26a5963bb7ac90dca71e2f3.png') right center no-repeat; border: 1px solid #54585F; padding: 5px; } .form span.text { width: 245px; } .tx_portfolio_pi1 span.text { margin-bottom: 10px; width: 350px; } .form span.text { width: 163px; } /* col2 */ .coElColPos2First { margin-top: 0; padding-top: 0; border-top: none; } .coElColPos2 .csc-textpic-text { padding-right: 14px; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.filterItem span.header { margin-bottom: 10px; } .content .tx_portfolio_search fieldset.search { margin-right: 15px; } /* layout */ body, select, input, textarea { /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ color: #000000; } /* text */ /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #e72b37; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } /* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink. */ ::-moz-selection{ background: #444444; color:#fff; } ::selection { background:#444444; color:#fff; } /* navigation */ .inline:target a, .inline:target li:before { color: #000; } /* lists */ ul.listContainer, ul.listContainer li, .tx-irfaq-pi1 dt, .coElColPos2 { border-color: #b4dbea; } /* form */ .searchButton { background-color: transparent; } .form { background-color: #fdfdfd; } .leftNote { color: #FF9933; } .bottomNote { color: #FF9933; } /* text */ input.radio:focus, input.checkbox:focus, input.submitButton:hover, input.submitButton:focus { color: #ff0000; } .errorHeader, .error, .error a { color: #ce1f1f; } .noticeHeader, .notice, .notice a { color: #66AF62; } .warningHeader, .warning, .warning a { color: #a2920b; } /* :target { background-color: #EFEFEF; } */ thead th { background: #ECEEEF; } .tr-even td { background: #ECEEEF; } .contenttable-0 thead th, .contenttable-0 .tr-even td { background: none; } del { color: #666; } caption { background: #eee; } abbr, acronym { border-color: #666; } /* form */ input.text, input.title, textarea, select { background-color: #fff; border-color: #b7b7b7; } .required span.required, .required label:after, .asterix{ color: #FF0000; } input.ui-state-error, textarea.ui-state-error, select.ui-state-error { border-color: #FF0000; } .mailformRadio .ui-state-error, .requiredDesignation:after, .requiredDesignation span.required { color: #FF0000; } /* plugins */ .tx-indexedsearch-res h3 { background-color: #F3F4F6; } .tx-indexedsearch-browselist-currentPage strong a { font-weight: normal; color: #000; } .jdGallery a.carouselBtn { background-color: #e72b37; } /* layers */ #col2 { z-index: 0; } ul.mainNavigationLevel2 { z-index: 1; } #searchBox { z-index: 9; } #accesskey, #logo, #languageNavigation, #skipNav { z-index: 10; } .tt_news h2, .tt_news h3, .tt_news h4, .tt_news h5, .tt_news h5 { font-weight: normal; } .tt_news h4 { padding: 0 14px; } #col3 .tt_news .pageBrowserContainer { display: none; } .tt_news .pageBrowserContainer h4 { font-size: 100%; } .tt_news div.pageBrowserContainer { background-color: #FFFFFF; padding: 15px 10px 10px 10px; } .tt_news .listResults { display: none; } .newsMedium .listImage { display: none; } .tt_news .listAll { margin-top: 20px; } .tt_news .news-amenu-item-year { list-style-type: none; margin: 0 0 0 -17px; padding: 0; } #col2 .tt_news .news-amenu-container { margin-left: 16px; } #col2 .tt_news .news-amenu-item-year { list-style-type: none; margin: 0; padding: 0; } .ie6 .news-amenu-container ul li { margin: 0 0 0 1.2em; } .ie6 .tt_news .news-amenu-item-year { margin: 0; } .tt_news .rssLink { } .tt_news .rssLink a { float: right; } .newsSingle ul.imageList { padding: 0 18px 0 0; margin: 0; list-style-type: none; } /*.newsSingle .subheader { margin-bottom: 10px; text-align: justify; }*/ .newsSingle .detailInfo { padding-bottom: 10px; } .newsSingle .csc-textpic-image { padding-bottom: 10px; } .news-search-form { padding-bottom: 15px; } ul.latestnews { padding-bottom: 10px !important; } .tt_news .listContainer .listItem:last-child, .tt_news .latestnews .listItem { border: none !important; } .tt_news .listContainer .listItem { border-bottom: 1px dotted #A9A9A7; padding: 0; } .column3 .tt_news .listContainer .listItem a { padding: 8px 0 10px; display: block; } .tt_news .listContainer .listItem a { padding: 4px 0 5px 0; display: block; } .tt_news .listContainer .listItem h5 { margin: 0; } .newsSingle .back a:hover { text-decoration: none; } .tt_news .latestnews .listDate, .tt_news .listContainer .listDate { font-size: 12px; font-weight: normal; } .ie67 #col3 .tt_news .latestnews .listDate { background-image: url('vhs-assets-css-561b13203e717a71a5e3f8110603b295.gif'); background-repeat: no-repeat; background-position: 50% right; padding-right: 4px; margin-right: 4px; } .column3 .tt_news .listContainer .listItem div { text-transform: uppercase; } .tt_news p, .newsSingle p, .tt_news h1, .newsSingle h1, .tt_news h2, .newsSingle h2, .tt_news h3, .newsSingle h3, .newsSingle h4, .tt_news span, .newsSingle span{ padding: 0; color: #000000; } .tt_news h2.titleFirst { background-color: #CF1053; padding: 11px 10px 11px 11px; top: 0; color: #FFFFFF; } .tt_news h2.titleFirst { line-height: 28px; padding: 15px 14px 15px 14px; font-size: 40px; } .tt_news h2.detailTitle { background: none; color: #000000; /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ font-size: 21px; line-height: 20px; padding:0 0 6px; text-transform: uppercase; } #col2 .content > div.tt_news { background: none; margin: 0; } #col2 .content .tt_news h2 { margin-bottom: 13px; margin-top: 0; } #col3 .tt_news .innerWrap h2 { margin: 0; } #col3 .listContainer { padding: 0 11px; } #col3 .tt_news h2 { padding: 0; } #col3 .tt_news h2 a { color: #FFFFFF; padding: 14px 0 13px 14px; display: block; font-size: 40px; /*font-family: 'Avenir Next LT W01 Demi',arial,helvetica,sans-serif;*/ } #col3 .tt_news span, #col3 .tt_news p { color: #CF1053; font-size: 14px; } #col3 .tt_news h2 a:hover { color: #aac600; } .newsSingle h2 { font-size: 21px; line-height: 25px; margin: 0 0 21px 0; text-transform: uppercase; } .newsSingle h3 { margin-top: 0; } .newsSingle .detailInfo .inline li { background: transparent; padding-left: 0; } .newsSingle h5 { margin-bottom: 15px; margin-top: 25px; padding-left: 0; padding-right: 0; line-height: 24px; font-weight: bold; color: #000; } .listContainer, .newsSingle { /*background-color: #FFFFFF;*/ } .listContainer { padding: 0 14px; } .newsSingle { padding: 8px 10px 14px; } .newsSingle { color: #000000; } .newsSingle a { text-decoration: underline; } .newsSingle a:hover { text-decoration: none; } .newsSingle .detailInfo .inline li.first a { background-image: url('vhs-assets-css-561b13203e717a71a5e3f8110603b295.gif'); background-repeat: no-repeat; background-position: right 50%; padding-right: 10px; } #col3 .tt_news .latestnews li a, #col3 .tt_news .listContainer .latestnews li a p { color: #CF1053; font-size: 14px; } #col3 .tt_news .latestnews li:hover a, #col3 .tt_news .latestnews li:hover span, #col3 .tt_news .latestnews li:hover p, .tt_news .listContainer li:hover a, .tt_news .listContainer li:hover a span, .tt_news .listContainer li:hover a p, .tt_news .listContainer li:hover a h5 { color: #aac600; } .tx_portfolio_search { margin-bottom: 60px; padding: 15px; } .tx_portfolio_search fieldset.search { padding: 0; margin: 0; margin-right: 20px; } div.tx_portfolio_search select.text{ width: 192px; padding: 0; margin: 0; } div.tx_portfolio_search .application{ margin-right: 0; } .tx_portfolio_pi1 .listContainer .listItem { margin: 0 20px 20px 0; width: 337px; } .tx_portfolio_pi1 dl { margin-top: 0; } .tx_portfolio_pi1 .listContainer .listItem:nth-child(2n) { margin-right: 0; } /*.content .tx_portfolio_pi1 .listContainer .lastRowChild { margin-right: 0; }*/ .tx_portfolio_pi1 .listContainer { padding: 15px 15px 0 15px; } div.tx_portfolio_list .ad-image-wrapper{ border: 1px solid #A8B2BA; } #col2 .tx_portfolio_single div.contentLeftContainer { float: left; width: 64%; } #col2 .tx_portfolio_single div.contentRightContainer { float: left; width: 30%; } .ad-gallery .ad-nav .ad-thumbs { margin-top: 5px } .ad-gallery .ad-nav .ad-thumbs li a.ad-active{ border: 1px solid #888687; } .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-forward { background-image: url('vhs-assets-css-84b09e2af4ab19bf44a996af441ae5c0.png') !important; margin-top: -92px; right: 10px; opacity: 1 !important; } .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-back { left: 10px; margin-top: 73px; background-image: url('vhs-assets-css-1444b9547aafcd447ca0bd7c1f660657.png') !important; opacity: 1 !important; } .tx_portfolio_single div.ad-gallery { padding-bottom: 44px; padding: 0; } .tx_portfolio_pi1 p.backward { padding-top: 30px; } .tx_portfolio_pi1 li.filelinkListItemUrl a { background-image: url(../../image/astyle_external_over.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 13px; } #col2 .tx_portfolio_single div.contentLeftContainer .ad-gallery .ad-image-wrapper { width: auto; height: 495px; } div.tx_portfolio_pi1 .listContainer ul.pageBrowserList { margin: 0; display: block; clear: both; } .ie7 div.tx_portfolio_pi1 .listContainer ul.pageBrowserList { padding-top: 15px; } div.tx_portfolio_pi1 .teaserImage .csc-textpic-image { float: left; } div.tx_portfolio_pi1 .teaserImage .csc-textpic-image dt { display: block; margin-bottom: 0; font-size: 0; line-height: 0; width: auto; } div.tx_portfolio_pi1 a:hover, div.tx_portfolio_pi1 a:focus { text-decoration: none !important; } /* overlib */ /* image description overlib tweaks */ .content .csc-textpic-caption { display: block !important; bottom: 41px !important; } .content .csc-textpic-image { overflow: hidden; position: relative; } .content .csc-textpic-caption div.captiontext { padding-left: 5px; padding-top: 3px; color: #FFFFFF; position: relative; z-index: 99; } .content .csc-textpic-caption div.captiontext p.caption { padding-bottom: 3px; color: #FFFFFF; } .content .csc-textpic-caption div.captiontext p.caption .title { font-size: 13px; } .content .csc-textpic-caption div.captiontext p.caption .separator { display: none; } .content .csc-textpic-caption div.captiontext p.caption .headline { display: block; } #col2 div.tx_portfolio_pi1 .teaserImage .csc-textpic-image { margin-bottom: 0; } div.tx_portfolio_pi1 .teaserImage .csc-textpic-image { height: 210px; width: 100%; } .content .tx_portfolio_pi1 .csc-textpic-caption div.captiontext { background: #EDEEF0; padding: 10px 10px 5px 10px; min-height: 6em; } .content .tx_portfolio_pi1 .csc-textpic-caption div.captiontext p.caption { color: #000000; /*font-family: 'AvenirNextLTW01-Regular',arial,helvetica,sans-serif;*/ margin-bottom: 0; } .content .tx_portfolio_pi1 .csc-textpic-caption div.captiontext p.caption .title { font-size: 20px; /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ } #col2 div.tx_portfolio_pi1 .teaserImage .csc-textpic-image:hover p.caption { color: #aac600; } .content .tx_portfolio_pi1 .csc-textpic-caption { position: absolute; bottom: 0 !important; margin-left: 0; } .captiontext p.caption { text-transform: uppercase; } .captiontext p.caption span.headline { font-size: 13px; } .content .csc-textpic-caption div.opacitypanel{ background-color: #666666; height: 100%; left: 0; opacity: 0.8; filter: alpha(opacity = 80); position: absolute; top: 0; width: 100%; z-index: 11; } .content .csc-textpic-caption { position: relative; bottom: 0px; width: 100%; } div.tx_portfolio_pi1 fieldset .application { display: none; } .tx_portfolio_pi1 .listContainer { padding-bottom: 15px !important; } .listContainer div.listItem { margin-bottom: 14px !important; } .tx_portfolio_single h2 { padding-left: 15px; margin: 44px 0 0 0; } #col2 .tx_portfolio_single .contentRightContainer { padding-left: 17px; } #col2 .tx_portfolio_single .contentRightContainer h2 { padding: 0; margin: 4px 0 24px 0; font-size: 21px; line-height: 21px; /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ color: #000000; } #col2 .tx_portfolio_single .contentLeftContainer { padding-left: 15px; } .tx_portfolio_pi1 .contentLeftContainer .ad-image { top: 7px !important; width: 100% !important; left: 0 !important; position: relative; } .tx_portfolio_pi1 .ad-next-image, .tx_portfolio_pi1 .ad-prev-image { display: block !important; } #col2 .tx_portfolio_single .tablet-view .ad-back { margin-top: 25px; } #col2 .tx_portfolio_single .tablet-view .ad-forward { margin-top: -45px; } .tx_portfolio_pi1 .ad-next-image:before, .tx_portfolio_pi1 .ad-prev-image:before { content: ">"; font-size: 35px; color: #FFFFFF; /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ } .tx_portfolio_pi1 .ad-prev-image:before { content: "<"; } .tx_portfolio_pi1 .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .tx_portfolio_pi1 .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: none; width: 31px; margin-top: -20px; } .tx_portfolio_pi1 .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image { left: 8px; } .tx_portfolio_pi1 p.backward a:before { content: "<"; margin-right: 6px; } .tx_portfolio_pi1 p.backward a { background: none; padding-left: 0; } .ad-gallery .ad-image-description, .ad-gallery .ad-info, .ad-gallery .contentLeftContainer .ad-nav .ad-thumbs li a { display: none; } .tx_portfolio_single .ad-gallery .ad-forward { margin-top: -66px; } /*#col2 .content > div, #col3 aside > div { margin-bottom: 5px; }*/ .tx_portfolio_pi1 p.backward { padding: 1px 0 0 14px; clear: both; } div#col2 .tx_portfolio_single div.contentRightContainer div.contentElement h4 { margin-top: 25px; margin-bottom: 0; color: #000000; /*font-family: 'Avenir Next LT W01 Bold',arial,helvetica,sans-serif;*/ font-size: 16px; line-height: 16px; text-transform: none; font-weight: normal; } div#col2 .tx_portfolio_single div.contentRightContainer li a, .ad-gallery .ad-thumbs li a { text-decoration: underline; } div#col2 .tx_portfolio_single div.contentLeftContainer li a { border: none !important; } div#col2 .tx_portfolio_single div.contentLeftContainer img { opacity: 1 !important; max-width: 100%; } .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-thumbs li { padding-right: 14px; } /* .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-thumbs li { padding-right: 7px; padding-left: 7px; } .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-thumbs li:first-child { padding-left: 0; } */ .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-thumbs li:last-child { padding-right: 0; } .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-controls { display: none; } html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ } .offcanvas, .offcanvas-aside { display: none; } /* -------------------------------------------------------------------------------- */ /* max-width 949px */ /* -------------------------------------------------------------------------------- */ @media screen and (max-width: 1219px) { html { overflow-x: hidden; } body { margin: 0; overflow-x: hidden; min-height: 100%; height: auto; } /* Toggle link */ .offcanvas-toggler { position: absolute; z-index: 999999; top: 0; left: 0; display: block; width: 85px; height: 85px; background: url('vhs-assets-css-47787afb0c9ccf7d7d375e283778ef9d.png') 0 -22px no-repeat; } .offcanvas-aside-toggler { position: absolute; z-index: 999999; top: 24px; right: 26px; display: block; width: 40px; height: 40px; background: url('vhs-assets-css-47787afb0c9ccf7d7d375e283778ef9d.png') 0 -110px no-repeat; } .pageOutline { width: 100%; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25); box-shadow: 0 0 20px rgba(0, 0, 0, .25); } .pageOutline, .offcanvas-background, .offcanvas { left: 0; -webkit-transition: left 500ms ease-out; -moz-transition: left 500ms ease-out; -o-transition: left 500ms ease-out; transition: left 500ms ease-out; -webkit-backface-visibility: hidden; } .offcanvas-overlay, .offcanvas-background { position: fixed; z-index: 2; width: 100%; height: 200%; top: 0; left: 0; } .offcanvas-background { background-color: #fff; display: block !important; } .offcanvas { display: block !important; position: fixed; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 1; top: 0; width: 225px; left: 0; margin-top: 0; padding: 0 15px; background: #eceeef; } .offcanvas-aside { display: block !important; position: fixed; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 1; top: 0; width: 225px; right: 0; margin-top: 0; padding: 10px 10px 0 10px; background: #eceeef; } /* If opened */ .offcanvas-opened .offcanvas-overlay, .offcanvas-opened .offcanvas-background, .offcanvas-opened .pageOutline { left: 255px; left: 300px; } .offcanvas-opened .offcanvas-aside { display: none !important; } /* If aside opened */ .offcanvas-aside-opened .offcanvas-overlay, .offcanvas-aside-opened .offcanvas-background, .offcanvas-aside-opened .pageOutline { left: -255px; left: -300px; } .offcanvas-aside-opened .offcanvas { display: none !important; } .offcanvas-opened .offcanvas-overlay { z-index: 99999; } #col2, #col3 { word-wrap: break-word; } #footer .content, #header .headerwrap, #content .colwrap { width: auto; } #header { height: 84px; padding: 0; } #icons, .ebanking, .contact_location, #header #mainNavigationWrapper, .sidebar, #metaNavigation { display: none; } .metainfocontainer { position: absolute; width: 82px; top: 100px; } #logo { left: 95px; top: 8px; } #logo img { height: 68px; width: 133px; } .home #content .colwrap { margin-top: 10px; } #content .colwrap { padding-top: 0 !important; } #content > nav { width: auto; } #header .metainfocontainer #languageNavigationSpecial a, #header .metainfocontainer #languageNavigation a { font-size: 16px; } .home #col2 { width: 592px; margin: 0; } #rootline { width: 100%; } #content { padding: 0 20px 25px; } .offcanvas { background: #FAFAF7; } .layout50 #col2 { width: 100%; margin: 0; margin-top: 21px; } .layout50 #col3 { display: none; width: 235px; width: 280px; } .sidebar { padding: 0; background: #EDEEF0; width: 255px; width: 300px; } #mainNavigation { float: left; width: 100%; } .mainNavigation .navTitle { display: none; } .mainNavigation li { float: left; width: 100%; } .mainNavigation li.act .submenucontainer { display: block; } .mainNavigation a, .mainNavigation li.act.active a { color: #4A575F; padding: 15px 40px 15px 20px; border-bottom: 1px solid #FFFFFF; position: relative; } .mainNavigation li.act.active a { text-align: left; } .mainNavigation li.hasSub > a:after { content: " "; display: block; width: 15px; height: 15px; background: url('vhs-assets-css-47787afb0c9ccf7d7d375e283778ef9d.png') no-repeat -42px -2px; position: absolute; top: 15px; right: 20px; } .mainNavigation li.hasSub > a.clear:after { background-position: -57px -2px; } .mainNavigation li.act > a:after { background-position: -72px -2px; color: #CF1053; } .mainNavigation li.act > a.clear:after, .mainNavigation li.tmp_act > a.clear:after, .mainNavigation li.hasSub > a.clear::after { background-position: -88px -2px; } .mainNavigation li.hasSub > a.inactive:after { background-position: -40px -2px; } .mainNavigation li.act > a, .mainNavigation li.act > a:hover, .mainNavigation li.actSub a, .mainNavigation li.cur > a, .mainNavigation li.tmp_act > a.clear, .mainNavigation li.level1.act:hover > a, .mainNavigation li.level1.tmp_clear:hover > a, .mainNavigation.tablet li.level1.act:hover > a, .mainNavigation.tablet li.level1.tmp_clear:hover > a, .mainNavigation ul.mainNavigationLevel2 li.cur a, .mainNavigation ul.mainNavigationLevel2 li.act > a, .mainNavigation ul.mainNavigationLevel2 li.cur li a:hover, .mainNavigation ul.mainNavigationLevel2 li.act li a:hover, .mainNavigation li ul.mainNavigationLevel2 a:focus, .mainNavigation li ul.mainNavigationLevel2 a:hover, .mainNavigation li ul.mainNavigationLevel2 > li.active > a, .mainNavigation li ul.mainNavigationLevel2 li.cur a.cur { color: #CF1053; } .mainNavigation.tablet li a:hover, .mainNavigation.tablet li.level1:hover > a { color: #4A575F; } .mainNavigation li:first-child a { padding-left: 20px; } .mainNavigation li a, .mainNavigation li:last-child a { text-align: left; } .submenucontainer { position: relative; width: 100%; background: #EDEEF0; top: 0; padding: 0; z-index: 0; } .mainNavigation ul.mainNavigationLevel2 li { width: 100%; padding: 0; margin: 0; } .mainNavigation li a.inactive { color: #4A575F; } .mainNavigation ul.mainNavigationLevel2 > li > a { /*font-family: 'AvenirNextLTW01-Regular',arial,helvetica,sans-serif;*/ padding: 15px 0 15px 40px; display: block; } .mainNavigation ul.mainNavigationLevel3 { margin: 0px; } .mainNavigation ul.mainNavigationLevel3 li a { padding: 10px 0 10px 60px; display: block; } .metaNavigation a { text-transform: none; } .collapemenu { display: none; } #content > nav > ul#rootline { padding: 40px 0 10px 2px; } .offcanvas #languageNavigation { float: left; width: 94%; border-bottom: 1px solid #fff; padding: 15px 0 12px 15px; } .offcanvas #languageNavigation a { font-size: 16px; color: #737373; } .offcanvas #languageNavigation li a:hover, .offcanvas #languageNavigation li.cur a { color: #CF1053; } .metainfocontainer { display: none; } #content > nav > ul#rootline { padding-top: 15px; } .offcanvas .offcanvas_ebanking { display: block; float: left; position: relative; top: 0; margin: 0 0 0 21px; } .offcanvas .offcanvas_contact_location { display: block; float: left; position: relative; top: 0; margin: 0 0 0 21px; } .offcanvas_search { float: left; padding: 15px 20px 5px 20px; height: 30px; } .offcanvas_search fieldset { display: table-row; } .offcanvas_search .visuallyhidden { display: table-cell; position: static; font-size: 13px; padding-right: 8px; } .offcanvas_search .inputField { display: table-cell; } .offcanvas_search input.text { width: 100%; color: #666; font-size: 13px; padding: 4px 5px 4px 5px; border: none; background: #fff; text-transform: uppercase; } .gridContent a span.title, #col3 .tt_news .innerWrap h2 { font-size: 25px; } .gridContent a span.title { font-size: 2.6vw; } .gridContent a span.text { font-size: 16px; } #footer { padding-top: 0; } #footer .multicolumnContainer .column { padding-top: 15px; } #footer .multicolumnContainer .column1 .columnItems { padding-left: 22px !important; } .multicolumnContainer .columnFirst { padding-right: 0.2%; } .Quote-gridElement blockquote a { font-size: 20px; } .offcanvas #searchBox { display: none; } .coEluser_productdatabase_pi_prod #producttab-headers a{ padding: 8px 6px 5px 6px; } .submitButton:hover { background: #CF1053; } .offcanvas-aside:after { content: " "; display: block; height: 10px; width: 100%; } .sidebar.offcanvas { overflow: hidden; } .sidebar.offcanvas:after { content: " "; display: block; height: 10px; width: 100%; } .sidebar.offcanvas nav { overflow-x: hidden; overflow-y: auto; } .language0.home #col3 aside > div.gridContent, .language0.home #col3 aside > div > div.innerWrap, .language2.home #col3 aside > div.gridContent, .language2.home #col3 aside > div > div.innerWrap { height: auto; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.filterItem .fields { width: 235px !important; } #col2 .tx_portfolio_single .contentLeftContainer { padding: 0 2% !important; } #col2 .tx_portfolio_single div.contentLeftContainer { width: 96% !important; } #col2 .tx_portfolio_single div.contentRightContainer { width: auto !important; padding-left: 14px; padding-right: 14px; } .tx_portfolio_single .contentLeftContainer #gallery_ .ad-forward { background-image: url(../../../Images/tablet-arrow-left.jpg) !important; margin-top: -92px !important; } .tx_portfolio_single .contentLeftContainer #gallery_ .ad-back { background-image: url(../../../Images/tablet-arrow-right.jpg) !important; margin-top: 73px !important; } .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-nav { padding: 0 28px 0 28px; position: relative; width: auto ; } .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-back { left: 0 !important; margin-top: 23px !important; } .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-forward { right: 0 !important; margin-top: -43px !important; } .ad-gallery .ad-info { display: block !important; width: auto !important; } .tx_portfolio_single h2 { margin-top: 21px !important; margin-bottom: 17px !important; font-size: 32px; } .tx_portfolio_single .contentLeftContainer .ad-gallery .ad-thumbs li { padding-right: 8px !important; } #col2 .tx_portfolio_single .contentRightContainer h2 { margin-bottom: 2px !important; margin-top: 19px !important; font-size: 15px !important; } .tx_portfolio_pi1 p.backward { padding-top: 20px; } .tx_portfolio_pi1 p.backward a { line-height: 50px !important; } #col2 .tx_portfolio_single .ad-image-description { bottom: -44px !important; padding-left: 0; } #col2 .tx_portfolio_single .ad-gallery .ad-image-wrapper { overflow: visible; } .ebanking, .contact_location { background: none !important; color: #CF1053 !important; width: 94%; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; padding: 15px 0 12px 20px; font-size: 14px; } .ebanking:hover, .contact_location:hover { background: none !important; color: #CF1053 !important; } .offcanvas .offcanvas_ebanking, .offcanvas .offcanvas_contact_location { margin: 0; } .disableAtive a, .disableAtive a:after, .inactive { color: #54585F !important; } .disableAtive a:after { background-position: -56px -2px !important; } .active { color: #CF1053 !important; } .effectBoxItem.active { color: #000 !important; } .coEluser_productdatabase_pi_prod #producttab-headers, .simpleTabNavigationContainer .simpleTabNavigation { border-bottom: none; } .Quote-gridElement blockquote { font-size: 2.2vw; } .Quote-gridElement .author { font-size: 2.0vw; } } /* -------------------------------------------------------------------------------- */ /* max-width 599px */ /* -------------------------------------------------------------------------------- */ @media screen and (max-width: 599px) { /* Font size*/ h2, h3 { font-size: 19px; line-height: 19px; } h4 { font-size: 12px; line-height: 12px; } h5, h6 { } table.contenttable-1 { font-size: 12px; line-height: 12px; } #logo img { height: 62px; width: 122px; } .home #col2 .coEltextpic .innerWrap .csc-textpic-text a { font-size: 18px; color: #54585F; } .home #col2 .coEltextpic .innerWrap .csc-textpic-text a:hover { color: #aac600; } .sidebar { width: 240px; width: 285px; } .offcanvas-opened .offcanvas-overlay, .offcanvas-opened .offcanvas-background, .offcanvas-opened .pageOutline { left: 240px; left: 285px; } .offcanvas-aside-toggler { right: 20px; } #content .column { width: 100% !important; margin: 0 !important; margin-top: 21px !important; } #col2 .coElColPos0.coElmulticolumn .column2 .columnItems .columnItem, #col2 .coElColPos0.coElmulticolumn .column1 .columnItems .columnItem { margin: 0 0 10px 0; } #col2 .coElColPos0.coElmulticolumn .columnItems .columnItem div.csc-textpic-text { padding: 10px; } .indent { padding-top: 0; } .layout50 #col3 { width: 215px; } .offcanvas-aside-opened .offcanvas-overlay, .offcanvas-aside-opened .offcanvas-background, .offcanvas-aside-opened .pageOutline { left: -235px; left: -280px; } #col2 .content > div, #col3 aside > div { margin-bottom: 10px; } #footer .multicolumnContainer .column { width: 100% !important; } .tx-damdownloadcenter-pi1-filters ul.filtersList li.filterItem span.header { padding: 0 0 5px 0; } .tx-damdownloadcenter-pi1 .fields.drilldownFilter { float: left; } .content .tx-damdownloadcenter-pi1 .contenttable th.file_type, .content .tx-damdownloadcenter-pi1 .contenttable td.file_type { padding-left: 5px; } .tx-damdownloadcenter-pi1 .contenttable td.title a { display: block; width: 130px; } .pageBrowserContainer ul.pageBrowserList { width: 80%; } .pageBrowserContainer h4 { width: auto; } .tx-damdownloadcenter-pi1 .contenttable th { padding-bottom: 3px; } .simpleTabNavigationContainer .simpleTabNavigation li, .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header { margin-right: 10px; } .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header { margin-bottom: 10px; } .coEluser_productdatabase_pi_prod #producttab-headers { border-bottom: none; } .mainNavigation a { line-height: 20px; } .coElColPos0 .tx-indexedsearch .form .submitButton { margin-left: 0; } .pageBrowserContainer ul.pageBrowserList { width: 75%; } .tx-indexedsearch-res .searchItem dt { min-width: 50%; } .tx-indexedsearch-res .searchItem dt:before { content: none; } .tx-indexedsearch .form li:last-child:before { width: auto; } .coElColPos0 .form select { left: 0; } .tx_portfolio_pi1 .listContainer .listItem { width: 100% !important; } div.tx_portfolio_pi1 .teaserImage .csc-textpic-image dt { width: 100% !important; } div.events_pi_list table.list_generic tr.bodyRow td.title { max-width: 140px; } div.events_pi_list table.list_generic tr.bodyRow td.title a { width: 100%; word-wrap: break-word; } #content #col2 .blackHeader .csc-textpic-imagewrap { padding-right: 14px; padding-left: 14px; } /* Porfolio plugin */ #col2 .tx_portfolio_single div.contentRightContainer { width: auto !important; padding-right: 8px; padding-left: 8px; } .tx_portfolio_single h2 { margin-top: 9px !important; padding-left: 8px !important; font-size: 21px !important; line-height: 22px !important; margin-bottom: 0 !important; } #col2 .tx_portfolio_single .contentRightContainer h2 { margin-bottom: 10px !important; margin-top: 8px !important; font-size: 18px !important; padding-left: 0 !important; } div#col2 .tx_portfolio_single div.contentRightContainer div.contentElement h4 { margin-top: 12px !important; } .tx_portfolio_pi1 p.backward a:before { content: none !important; } .tx_portfolio_pi1 p.backward a { text-transform: lowercase; text-decoration: underline; line-height: 50px; } .tx_portfolio_pi1 p.backward { padding-left: 8px !important; } .rtetable td { min-width: 36px; } #content #col2 .csc-textpic-text p, #content #col2 .csc-textpic-text ul, #content #col2 .csc-textpic-text ol { padding-right: 0; } .column2 .column2 .coElColPos0 .tx-powermail-pi1 .powermail_mandatory_js, .column2 .coElColPos0 .form .powermail_submit, .column2 .coElColPos0 #kreditanfragefirmen.tx_powermail_pi1_form .tx_powermail_pi1_submitmultiple_forward, .column2 .coElColPos0 .form .powermail_reset { margin-left: 0; } } /*.coEluser_productdatabase_pi_prod { background-color: #ffffff; padding: 14px 11px 12px 11px; }*/ .coEluser_productdatabase_pi_prod #producttab-headers { background-color: #ffffff; float: left; width: 100%; overflow: visible; } .coEluser_productdatabase_pi_prod #producttab-headers a, .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header { padding: 2px 13px 0 !important; height: 40px; line-height: 40px; min-width: 206px; text-align: center; margin: 0 !important; color: #54585f; font-weight: bold; text-transform: uppercase; font-size: 14px; background: #eceeef; position: relative; } .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header:focus, .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header:hover, .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header.selected { background-color: #54585F; color: #ffffff; text-decoration: none; font-weight: normal; text-transform: uppercase; } .simpleTabs .simpleTabNavigation .simpleTabNavigationItem.tabItemAct a, .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header.selected { padding-left: 0; border-right: 1px solid #cecece; } .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header.selected:before, .simpleTabs .simpleTabNavigation .simpleTabNavigationItem.tabItemAct a:before { content: ''; position: absolute; top: 39px; left: calc(50% - 7px); width: 0; height: 0; border-style: solid; border-width: 9px 7px 0 7px; border-color: #54585F transparent transparent transparent; } .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header.selected:before { top: 39px; } .coEluser_productdatabase_pi_prod #producttab-headers { border-bottom: 1px solid #cecece; margin-bottom: 20px; display: block; float: none; width: auto; height: 41px; } .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header { } .coEluser_productdatabase_pi_prod ul.producttab-1 { list-style: none; padding-right: 0; } .coEluser_productdatabase_pi_prod ul.producttab-1 li.group .title { background: none; border-bottom: none; border-top: 1px dotted #a9a9a7; border-bottom: 1px dotted #a9a9a7; font-size: 15px; font-weight: bold; margin: 16px 0 15px 0; padding: 3px 0 3px 0; text-transform: uppercase; font-size: 16px; } .coEluser_productdatabase_pi_prod ul li table tr td { border: none; } .coEluser_productdatabase_pi_prod table, .coEluser_productdatabase_pi_prod tr, .coEluser_productdatabase_pi_prod td { border: none; padding: 0; margin: 0; border-collapse:collapse; } .coEluser_productdatabase_pi_prod td { padding: 1px 8px 1px 0; } .coEluser_productdatabase_pi_prod #producttab-0 td { padding: 0px 0px 2px 0; } .coEluser_productdatabase_pi_prod #producttab-0 tr:first-child td { border-top: none!important; border-bottom: none!important; } .coEluser_productdatabase_pi_prod #producttab-0 .firstrow{ display:none; } .coEluser_productdatabase_pi_prod td { border-bottom: 1px dotted #a9a9a7; } .coEluser_productdatabase_pi_prod td ul { padding-left: 17px; } .coEluser_productdatabase_pi_prod #producttab-0 table td.firstrow { text-transform: uppercase; } .coEluser_productdatabase_pi_prod #producttab-0 td.firstrow { width: 154px; } .coEluser_productdatabase_pi_prod #producttab-0 td.secondrow { width: 325px; } .coEluser_productdatabase_pi_prod #producttab-1 td.firstrow { width: 260px; } .coEluser_productdatabase_pi_prod #producttab-1 td.secondrow { width: 219px; } /* default styles for extension "tx_multicolumn_pi1" */ .clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } .columnItems, .multicolumnContainer { padding: 0; margin: 0; list-style-type: none; } /* default styles for extension "user_productdatabase_pi_prod" */ /* Structure */ #producttab-headers { clear: left; overflow: hidden; } .producttab-header { display: block; float: left; } .producttab.hidden { display: none; } /* Minimum visual */ .producttab-header.selected { font-weight: bold; } .producttab-header { padding-right: 1em; } dl { clear: left; overflow: hidden; } dt { clear: left; float: left; font-weight: bold; margin-bottom: 5px; width: 150px; } dd { float: left; } .producttab .group .title { border-bottom: 1px solid black; clear: left; margin: 10px 0 3px; padding-bottom: 2px; } /* default styles for extension "tx_felogin_pi1" */ .tx-felogin-pi1 label { display: block; } /* default styles for extension "tx_cssstyledcontent" */ /* Headers */ .csc-header-alignment-center { text-align: center; } .csc-header-alignment-right { text-align: right; } .csc-header-alignment-left { text-align: left; } div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Clear floats after csc-textpic and after csc-textpic-imagerow */ div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; } /* Set padding for tables */ div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; } div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; } /* Settings for figure and figcaption (HTML5) */ div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; } /* Captions */ figcaption.csc-textpic-caption { display: table-caption; } .csc-textpic-caption { text-align: left; caption-side: bottom; } div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; } div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; } div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; } /* Float the columns */ div.csc-textpic div.csc-textpic-imagecolumn { float: left; } /* Border just around the image */ div.csc-textpic-border div.csc-textpic-imagewrap img { border: 1px solid #C4CED0; padding: 0px 0px; } div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; } /* Space below each image (also in-between rows) */ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; } /* colSpace around image columns, except for last column */ div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; } div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; } /* Add margin from image-block to text (in case of "Text & Images") */ div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 10px; } div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-left: 10px; } /* Positioning of images: */ /* Center (above or below) */ div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; } div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; } div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; } /* Right (above or below) */ div.csc-textpic-right .csc-textpic-imagewrap { float: right; } div.csc-textpic-right div.csc-textpic-text { clear: right; } /* Left (above or below) */ div.csc-textpic-left .csc-textpic-imagewrap { float: left; } div.csc-textpic-left div.csc-textpic-text { clear: left; } /* Left (in text) */ div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; } /* Right (in text) */ div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; } /* Left (in text, no wrap around) */ div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; } div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; } /* Browser fixes: */ /* Fix for unordered and ordered list with image "In text, left" */ .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; } /* File Links */ ul.csc-uploads { padding: 0; } ul.csc-uploads li { list-style: none outside none; margin: 1em 0; } ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; } ul.csc-uploads span { display: block; } ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; } /* Table background colors: */ table.contenttable-color-1 { background-color: #EDEBF1; } table.contenttable-color-2 { background-color: #F5FFAA; } table.contenttable-color-240 { background-color: black; } table.contenttable-color-241 { background-color: white; } table.contenttable-color-242 { background-color: #333333; } table.contenttable-color-243 { background-color: gray; } table.contenttable-color-244 { background-color: silver; } /* default styles for extension "tx_ipaper" */ textarea.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } input.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } .tx-ipaper table { border-collapse:separate; border-spacing:10px; } .tx-ipaper table th { font-weight:bold; } .tx-ipaper table td { vertical-align:top; } /* NEW fixes */ .multicolumnContainer .effectBox.vAccordion.vAccordion { padding: 0; } .simpleTabsContainer .innerWrap { padding: 0; } .simpleTabNavigation, .sudoControls ol { padding: 1px 1px 0 1px; } .simpleTabNavigationItem a { padding: 4px 1px 4px 1px; } #col3 { width: 33.33333333%; width: 411px; float: left; margin: 0; } #col3 .block { padding: 25px 23px 25px 25px; font-size: 16px; line-height: 23px; margin: 0 0 45px; font-weight: 400; min-height: 190px; } .home #col3 .block { height: 390px; margin-bottom: 60px; } .home #col3 .block.tall { height: 780px; margin-bottom: 60px; } #col3 .block p { font-size: 16px; line-height: 23px; } #col3 .block .innerWrap { position: relative; padding: 0; height: 100%; } #col3 a { color: #54585f; font-weight: 400; } #col3 .blue a, #col3 .dark_grey a { color: #FFF; } #col3 h2, #col3 h2 a, #col3 h3, #col3 h3 a { font-size: 32px; text-transform: uppercase; margin: 0 0 30px; color: #54585f; letter-spacing: 0.033em; word-spacing: 0.04rem; font-weight: 500; line-height: 40px; } #col3 .blue h2, #col3 .dark_grey h2 { color: #FFF; } #col3 .weitere_btn { font-weight: 500; height: 24px; padding-left: 20px; background-image: url('vhs-assets-css-2839d32cac87077b101cb0464b03eed4.svg'); background-repeat: no-repeat; background-size: 24px 24px; background-position: -6px 0; display: inline-block; position: absolute; left: 0; bottom: 0; min-width: 30px; } @media screen and (max-width: 1219px) { #col3 .weitere_btn { position: relative; } } #col3 .dark_grey .weitere_btn, #col3 .blue .weitere_btn { color: #FFF; background-image: url('vhs-assets-css-de228944bc1b8d54936105fa844e29d0.svg'); } #col3 .weitere_btn:hover { color: #cf1152; } #col3 .weitere_btn.static { position: static; } #col3 .weitere_btn.email { background-position: -6px 0; } #col3 .date { font-weight: bold; display: block; margin-bottom: 10px; } #col3 .listContainer .listItem { padding: 0; margin-bottom: 35px; } /* fixes */ #col3 .dark_grey .innerWrap, #col3 .light_grey .innerWrap, #col3 .blue .innerWrap { background: transparent; } #col3 a { font-weight: 500; min-height: 24px; padding-left: 20px; background-image: url('vhs-assets-css-2839d32cac87077b101cb0464b03eed4.svg'); background-position: -6px 0; background-repeat: no-repeat; background-size: 24px 24px; display: inline-block; left: 0; bottom: 0; /* IE 11 bugfix [4171.23] */ min-width: 30px; } #col3 .dark_grey a, #col3 .blue a { color: #FFF; background-image: url('vhs-assets-css-de228944bc1b8d54936105fa844e29d0.svg'); } #col3 a:hover, #col3 .dark_grey a:hover, #col3 .blue a:hover { color: #cf1152; } #col3 .dark_grey h2, .dark_grey.tt_address_pi1 h2, #col3 .light_grey h2, .light_grey.tt_address_pi1 h2, #col3 .blue h2, .blue.tt_address_pi1 h2, #col3 .block h2, .block.tt_address_pi1 h2 { padding-left: 0px !important; } #col3 .block.tt_address_pi1 .employeeslist, #col3 .dark_grey.tt_address_pi1 .employeeslist { color: inherit; } #col3 .block.tt_address_pi1 .employeeslist .info div, #col3 .dark_grey.tt_address_pi1 .employeeslist .info div { padding: 0; } #col3 .dark_grey.tt_address_pi1 .employeeslist .email a { text-decoration: none; font-weight: 500; padding-left: 15px; background-image: url('vhs-assets-css-de228944bc1b8d54936105fa844e29d0.svg'); background-position: -6px 1px; background-repeat: no-repeat; min-width: 30px; } /* news on home page fix */ #col3 .tt_news.blue .innerWrap span, #col3 .tt_news.blue .innerWrap p, #col3 .tt_news.blue .innerWrap h2 a, #col3 .tt_news.blue .innerWrap h3 a, #col3 .tt_news.blue .innerWrap li a, #col3 .tt_news.blue .innerWrapli a p { color: #FFF !important; padding-left: 0; background-image: none; } #col3 .tt_news.blue .innerWrap h2 a:hover, #col3 .tt_news.blue .innerWrap h3 a:hover, #col3 .tt_news.blue .innerWrap li a:hover, #col3 .tt_news.blue .innerWrap li a:hover p { color: #FFF; padding-left: 0; background-image: none; } #col3 .tt_news.blue .listContainer { padding: 0; } #col3 .tt_news.blue .listContainer .listItem a { padding: 0; } #col3 .tt_news.blue .listContainer .listItem span { font-weight: bold; display: block; margin-bottom: 10px; font-size: 16px; } #col3 .tt_news.blue .listContainer .listItem div { text-transform: unset; font-weight: normal; } #col3 .block ul.filelinksList { margin: 0px; } #col3 .block ul.filelinksList li { min-height: 24px; min-width: 30px; background-image: url('vhs-assets-css-2839d32cac87077b101cb0464b03eed4.svg'); background-position: -6px 0; background-repeat: no-repeat; background-size: 24px 24px; display: inline-block; left: 0; bottom: 0; padding-left: 20px; } #col3 .block.dark_grey ul.filelinksList li, #col3 .block.blue ul.filelinksList li { background-image: url('vhs-assets-css-de228944bc1b8d54936105fa844e29d0.svg'); } #col3 .block ul.filelinksList li a { display: inline; background-image: none; padding-left: 0px; } #col3 .block ul.filelinksList span.fileInfo { display: inline; } #footer { background: #f5f7f7; border-top: 1px solid #e6e6e6; color: #54585f; padding: 20px 0 60px; margin-top: 40px; } #footer .multicolumnContainer .column { width: 411px; float: left; margin-right: 21px; } #footer .multicolumnContainer .column1 { min-height: 300px; overflow: hidden; position: relative; } #footer .multicolumnContainer .column1 .columnItem { float: left; margin-right: 20px; } #footer .multicolumnContainer .column1 .columnItem:last-child { margin: 0; } #footer .multicolumnContainer .column.column3 { margin-right: 0; } #footer h4 { text-transform: none; color: inherit; font-weight: 700; line-height: 40px; margin: 20px 0 5px; line-height: 25px; border: 0 none; padding: 0; font-size: 16px; } #footer .locations_nav { margin-right: 21px; padding-right: 20px; } #footer .locations_nav a.link { display: block; border-bottom: 1px solid #ddd; color: #cf1152; height: 65px; line-height: 65px; font-size: 16px; font-weight: bold; padding-left: 25px; position: relative; } #footer .locations_nav a.link:before { content: ''; width: 24px; height: 24px; position: absolute; left: 0px; top: 21px; background-image: url('vhs-assets-css-753218ced8d3343dd42464d5a520d2b4.svg'); background-repeat: no-repeat; background-position: left bottom; background-size: 24px 48px; } #footer .locations_nav a.link.active:before { background-position: left top; } #footer .locations_nav > a:hover, #footer .locations_nav > a.active { color: #54585f; } #footer .column1 .columnItems { position: absolute; left: 0; top: 0; } #footer .locations_nav .address { border-bottom: 1px solid #ddd; padding: 20px 10px; display: none; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Avenir Next LT'; font-size: 16px; line-height: 24px; color: #54585f; background: #FFF; } ul { list-style-type:none; padding: 0; } p { font-size: 16px; line-height: 24px; padding: 0; } .col { float: left; } .col_1 { width: 8.33333333%; } .col_2 { width: 16.66666667%; } .col_3 { width: 25%; } .col_4 { width: 33.33333333%; } .col_5 { width: 41.66666667%; } .col_6 { width: 50%; } .col_7 { width: 58.33333333%; } .col_8 { width: 66.66666667%; } .col_9 { width: 75%; } .col_10 { width: 83.33333333%; } .col_11 { width: 91.66666667%; } .col_12 { width: 100%; } .dark_grey { background: #54585f; color: #FFF; } .light_grey { background: #eceeef; color: #54585f; } .mid_grey { background: #e6e6e6; } .blue { background: #63b9e9; color: #FFF; } .red { color: #cf1152; } .btn-secondary { background: #54585f; border-color: #54585f; color: #FFF; } .redBox a, .btn-primary, .btn-secondary { display: inline-block; text-transform: uppercase; font-size: 18px; line-height: 38px; height: 38px; padding: 0 25px; border-radius: 4px; font-weight: 700; border-style: solid; border-width: 1px; } .redBox a, .btn-primary { background: #cf1152; border-color: #cf1152; color: #FFF; } .redBox a:hover, .redBox a:focus, .btn-primary:hover, .btn-primary:focus { background: none; border-color: #cf1152; color: #cf1152; } .btn-secondary:hover, .btn-secondary:focus { background: none; color: #54585f; } #footer .content, #header .headerwrap, #content .colwrap { padding: 0; } #header .offcanvas-toggler { background: url('vhs-assets-css-bba39e074c4a63299d0d6d9ddb2e3831.png') 0 -22px no-repeat; } #box { padding-top: 190px; transition: padding-top .3s ease-out; } #box.sticky { padding-top: 135px; transition: padding-top .3s ease-out; } #header { height: 190px; box-shadow: 0px 2px 4px rgba(0,0,0,.15); position: fixed; width: 100%; top: 0; transition: all .3s ease-out; } #header .headerwrap { padding: 16px 0 0; height: 47px; position: relative; } #header .headerwrap .metainfocontainer { height: 31px; overflow: hidden; } #header .headerwrap .toggleSearch { background-image: url('vhs-assets-css-6ee554c7baedff7c1441c5ee7cf2719c.svg'); background-repeat: no-repeat; background-position: top center; background-size: 24px 48px; width: 24px; height: 24px; border: 0 none; position: relative; top: -2px; float: left; margin-right: 40px; } #header .headerwrap .toggleSearch:hover, #header .headerwrap .toggleSearch.active { background-position: bottom center; } #header .headerwrap .topSearch { width: 100%; position: absolute; top: 20px; left: 0; background: #aac600; transition: all .35s cubic-bezier(0,.72,.36,1); } #header .headerwrap .showSearch .topSearch { top: -5px; } #header .headerwrap #topSearchBox { float: left; } #header .headerwrap #topSearchBox label { color: #FFF; font-size: 14px; line-height: 25px; text-transform: uppercase; margin-right: 10px; display: inline-block; float: left; } #header .headerwrap #topSearchBox #searchField { border: 0; background: none; border-bottom: 1px solid #FFF; color: #FFF; outline: 0; line-height: 25px; width: 210px; float: left; } #header .headerwrap #topSearchBox .searchButton { background: url('vhs-assets-css-d54dbc211056041a10eb70581f43dc58.svg') center center no-repeat; width: 24px; height: 24px; border: 0 none; position: relative; top: 0; float: left; } #logo { position: absolute; width: 190px; top: 22px; left: -7px; transition: all .3s ease-out; } .sticky #header { position: fixed; width: 100%; top: 0; left: 0; height: 145px; transition: all .3s ease-out; height: 100px; } .sticky #header .headerwrap { padding-top: 10px; position: relative; } .sticky #logo { position: absolute; width: 135px; left: -10px; top: 15px; transition: all .3s ease-out; } /* IE10+ CSS specific */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #logo { /*top: -9px; ie11 on win7*/ top: 10px; } .sticky #logo { /*top: -25px; ie11 on win7*/ top: 10px; } } #header #mainNavigationWrapper { margin-top: 95px; transition: margin-top .3s ease-out; } .sticky #header #mainNavigationWrapper { margin-top: 55px; transition: margin-top .3s ease-out; margin-top: -5px; } .sticky #header #mainNavigationWrapper #mainNavigation { float:right; width: auto; } @media screen and (max-width: 1279px) { .sticky #header #mainNavigationWrapper { width:100%; } } #header .metainfocontainer > nav { display: inline-block; float: right; margin-top: 7px; position: relative; } @media screen and (min-width: 1220px) { #header .headerwrap #topSearchBox .visuallyhidden { position: static; } .ebanking, .contact_location { display: none; visibility: hidden; } .sticky #header .metainfocontainer > nav { display: none; visibility: hidden; } } #metaNavigation a { margin-right: 40px; font-weight: 500; } #metaNavigation li.last a, #header .metainfocontainer #metaNavigation li.last a, #header .metainfocontainer #metaNavigation li:last-child a { text-decoration: underline !important; } #languageNavigation a, #languageNavigationSpecial a { margin-right: 10px; } #languageNavigationSpecial li:last-child a { margin: 0; } @media screen and (max-width: 1220px) { #box { padding-top: 84px; } #box.sticky { padding-top: 84px; } .sticky #header { height: 84px; } .sticky #header .headerwrap { height: 100%; padding: 0; } } @media screen and (min-width: 950px) and (max-width: 1023px) { .sticky #header #mainNavigationWrapper #mainNavigation > li > a { font-size: 15px; } .sticky #header #mainNavigationWrapper #mainNavigation > li.online-schalter > a { padding: 9px 14px; bottom: -2px; } } #hero { box-shadow: 0px 2px 4px rgba(0,0,0,.2); max-height: 600px; height: 600px; overflow: hidden; margin-bottom: 50px; width:1275px; margin: 0 auto; } #hero .slide { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } #hero .content { width: 1215px; margin: 0 auto; color: #d10451; } #hero .heading { width: 33.33333333%; float: left; position: relative; right: 3px; margin-top: 160px; } #hero .heading .subtitle { font-size: 16px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; letter-spacing: 0.033em; word-spacing: 0.04rem; } #hero .heading h1 { font-size: 64px; line-height: 70px; text-transform: none; margin: 10px 0; font-weight: 300; position: relative; right: 5px; color: #cf1152; } #col2 { width: 66.66666667%; width: 843px; float: left; margin: 0 21px 0 0; } .home #col2 .multicolumnContainer .column { width: 411px; float: left; height: 390px; margin-bottom: 60px; } .home #col2 .multicolumnContainer .column { margin-right: 21px; } .home #col2 .multicolumnContainer .column:nth-child(2n) { margin-right: 0; } .home #col2 .multicolumnContainer .homeTeaser a { color: #54585f; display: block; } .home #col2 .multicolumnContainer .homeTeaser a:hover { color: #d10451; } .home #col2 .multicolumnContainer .homeTeaser img { width: 100%; margin: 0; } .home #col2 .multicolumnContainer .homeTeaser .category { font-size: 16px; line-height: 41px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.033em; word-spacing: 0.04rem; } .home #col2 .multicolumnContainer .homeTeaser h2, .home #col2 .multicolumnContainer .homeTeaser h2 p { font-size: 32px; line-height: 40px; text-transform: none; font-weight: 300; color: inherit; margin: 0; } .multicolumnLayout1 .column1, .multicolumnLayout1 .column2 { width:50%; } .multicolumnLayout1 .column2 .innerWrap { margin-left:100px; } .wrapper {width:100%; max-width: 600px; height:100%; margin:0 0;} .h_iframe {position:relative; padding-top: 56%;} .h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;} .multicolumnLayout1 .column2 a.landingCta { width:100%; display:inline-block; text-align:center; } .landingHr { margin-top: 38px; margin-bottom: 59px; } #hero.heroLanding .heading h1 { margin-left: 30px; color: white; font-size: 5vw; line-height: 7vw; font-weight: 400; margin-top: -45px; text-shadow: 3px 2px 22px rgba(0,0,0, 0.5); } #hero.heroLanding .heading { width: 50.333333%; } #hero.heroLanding { margin-top:-35px; } .landingHeader { font-size: 32px; line-height:49px; } @media screen and (min-width: 760px) and (max-width: 1219px) { #hero.heroLanding .heading h1 { font-size: 4vw; line-height: 6vw; } } @media screen and (max-width: 1219px) { #hero.heroLanding { margin-top: 0; } } @media screen and (min-width: 950px) { #hero.heroLanding .heading h1 { font-size: 45px; line-height: 60px; } } @media screen and (max-width: 799px) { .multicolumnLayout1 .column2 .innerWrap { margin-left:0; } .landingHr { margin-top: 38px; margin-bottom: 0; } .multicolumnLayout1 .column1, .multicolumnLayout1 .column2 { width:100%; } .landingHeader { font-size: 24px; line-height:36px; } .landingHr { margin-top: 19px; margin-bottom: -15px; } } @media screen and (max-width: 500px) { #hero.heroLanding .heading h1 { font-size: 6vw; line-height: 8vw; } .landingHeader { font-size: 6vw; line-height: 8vw; } } button { font-family: 'Avenir Next LT'; border: 1px solid #aaabad; background: #FFF; color: #54585f; letter-spacing: 0.033em; word-spacing: 0.04rem; font-size: 18px; padding: 0; margin: 0; border-radius: 2px; min-width: 140px; height: 47px; line-height: 47px; outline: 0; } button:hover { border: 1px solid #54585f; color: #FFF; background: #54585f; } button.left { border-top-right-radius: 0; border-bottom-right-radius: 0; } button.right { border-left: 0 none; border-top-left-radius: 0; border-bottom-left-radius: 0; } #col2 .pageTeaserBigImage, #col2 .pageTeaserSmallImage, #col2 .pageTeaserNoImage, #col3 .pageTeaserBigImage, #col3 .pageTeaserSmallImage, #col3 .pageTeaserNoImage, #pageHeader { display: none; visibility: hidden; } #pageHeader.pageTeaserBigImage, #pageHeader.pageTeaserSmallImage, #pageHeader.pageTeaserNoImage { display: block !important; visibility: visible !important; } #pageHeader { width: 1275px; margin: 50px auto 0px; } #pageHeader .titleBlock { /*width: 33.33333333%;*/ float: left; } #pageHeader.pageTeaserBigImage .titleBlock { width: 33.33333333%; } #pageHeader.pageTeaserSmallImage .titleBlock { width: 66.66666667%; } #pageHeader.pageTeaserNoImage .titleBlock { width: 100%; } #pageHeader .titleBlock .inner { margin-right: 10px; padding: 35px 30px; height: 330px; position: relative; } #pageHeader .titleBlock .headerTitle { text-transform: none; font-size: 48px; line-height: 56px; color: #54585f; font-weight: 300; } #pageHeader .titleBlock .subline { font-size: 18px; line-height: 24px; } #pageHeader .titleBlock .redBox, #pageHeader .titleBlock .btn-primary, #pageHeader .titleBlock .btn-secondary { position: absolute; left: 30px; bottom: 40px; } /* fixes for teasers without image */ #pageHeader.pageTeaserNoImage .titleBlock .inner { height: auto; } #pageHeader.pageTeaserNoImage .titleBlock .redBox, #pageHeader.pageTeaserNoImage .titleBlock .btn-primary, #pageHeader.pageTeaserNoImage .titleBlock .btn-secondary { position: static; } #pageHeader .imageBlock { /*width: 66.66666667%;*/ float: right; } #pageHeader.pageTeaserBigImage .imageBlock { width: 66.66666667%; } #pageHeader.pageTeaserSmallImage .imageBlock { width: 33.33333333%; } #pageHeader.pageTeaserNoImage .imageBlock { visibility: hidden; display: none; } #pageHeader .imageBlock .inner { margin-left: 11px; height: 330px; overflow: hidden; } #pageHeader .imageBlock img { /*width: 100%;*/ height: 330px; } #pageHeader.pageTeaserSmallImage .imageBlock img { position: relative; width: auto; left: 50%; transform: translateX(-50%); } /* overflow for all resolutions */ #pageHeader.pageTeaserBigImage .titleBlock, #pageHeader.pageTeaserSmallImage .titleBlock, #pageHeader.pageTeaserNoImage .titleBlock, #pageHeader .titleBlock { overflow: hidden; } @media screen and (max-width: 320px) { #pageHeader.pageTeaserBigImage .titleBlock .inner, #pageHeader.pageTeaserSmallImage .titleBlock .inner, #pageHeader.pageTeaserNoImage .titleBlock .inner, #pageHeader .titleBlock .inner { height: auto; } #pageHeader.pageTeaserBigImage .titleBlock h2, #pageHeader.pageTeaserSmallImage .titleBlock h2, #pageHeader.pageTeaserNoImage .titleBlock h2, #pageHeader .titleBlock h2 { font-size: 22px; line-height: 26px; } #pageHeader.pageTeaserBigImage .titleBlock .redBox, #pageHeader.pageTeaserBigImage .titleBlock .btn-primary, #pageHeader.pageTeaserBigImage .titleBlock .btn-secondary, #pageHeader.pageTeaserSmallImage .titleBlock .redBox, #pageHeader.pageTeaserSmallImage .titleBlock .btn-primary, #pageHeader.pageTeaserSmallImage .titleBlock .btn-secondary, #pageHeader.pageTeaserNoImage .titleBlock .redBox, #pageHeader.pageTeaserNoImage .titleBlock .btn-primary, #pageHeader.pageTeaserNoImage .titleBlock .btn-secondary, #pageHeader .titleBlock .redBox, #pageHeader .titleBlock .redBox a, #pageHeader .titleBlock .btn-primary, #pageHeader .titleBlock .btn-secondary { position: static; font-size: 12px; font-size: 3vw; } } @media screen and (min-width: 321px) and (max-width: 767px) { #pageHeader.pageTeaserBigImage .titleBlock h2, #pageHeader.pageTeaserSmallImage .titleBlock h2, #pageHeader.pageTeaserNoImage .titleBlock h2, #pageHeader .titleBlock h2 { font-size: 36px; font-size: 7vw; line-height: 44px; line-height: 8vw; } #pageHeader.pageTeaserBigImage .titleBlock .redBox, #pageHeader.pageTeaserBigImage .titleBlock .btn-primary, #pageHeader.pageTeaserBigImage .titleBlock .btn-secondary, #pageHeader.pageTeaserSmallImage .titleBlock .redBox, #pageHeader.pageTeaserSmallImage .titleBlock .btn-primary, #pageHeader.pageTeaserSmallImage .titleBlock .btn-secondary, #pageHeader.pageTeaserNoImage .titleBlock .redBox, #pageHeader.pageTeaserNoImage .titleBlock .btn-primary, #pageHeader.pageTeaserNoImage .titleBlock .btn-secondary, #pageHeader .titleBlock .redBox, #pageHeader .titleBlock .redBox a, #pageHeader .titleBlock .btn-primary, #pageHeader .titleBlock .btn-secondary { font-size: 13px; font-size: 3.5vw; } } @media screen and (min-width: 768px) and (max-width: 949px) { #pageHeader.pageTeaserBigImage .titleBlock h2, #pageHeader.pageTeaserSmallImage .titleBlock h2, #pageHeader.pageTeaserNoImage .titleBlock h2, #pageHeader .titleBlock h2 { font-size: 32px; line-height: 38px; } #pageHeader.pageTeaserBigImage .titleBlock .redBox, #pageHeader.pageTeaserBigImage .titleBlock .btn-primary, #pageHeader.pageTeaserBigImage .titleBlock .btn-secondary, #pageHeader.pageTeaserSmallImage .titleBlock .redBox, #pageHeader.pageTeaserSmallImage .titleBlock .btn-primary, #pageHeader.pageTeaserSmallImage .titleBlock .btn-secondary, #pageHeader.pageTeaserNoImage .titleBlock .redBox, #pageHeader.pageTeaserNoImage .titleBlock .btn-primary, #pageHeader.pageTeaserNoImage .titleBlock .btn-secondary, #pageHeader .titleBlock .redBox, #pageHeader .titleBlock .redBox a, #pageHeader .titleBlock .btn-primary, #pageHeader .titleBlock .btn-secondary { font-size: 16px; } } #col2, #col3 { margin-top: 45px; } #col2 .content > div, #col3 aside > div { margin-bottom: 20px; } /* teasers on home page fix */ body.pid2 #col2 .content > div { margin-bottom: 0px; } /* fix for 2nd version tabs */ .simpleTabNavigationContainer { padding: 0; } .simpleTabNavigationContainer .simpleTabNavigation { border-bottom: 1px solid #cecece; margin: 0 0 20px 0; } .simpleTabNavigationContainer .simpleTabNavigation li { padding: 0; margin: 0; } .simpleTabNavigation li h4 { padding: 0; padding-top: 14px; border: 0; } .simpleTabNavigation li a { padding: 2px 10px 0 !important; height: 40px; line-height: 40px; font-size: 14px; border-right: 1px solid #cecece; text-align: center; position: relative; } .simpleTabNavigation li:last-child a { border: 0; } @media screen and (max-width: 1220px) { .simpleTabNavigationContainer .simpleTabNavigation { display: flex; flex-wrap: wrap; flex-direction: row; } .simpleTabNavigationContainer .simpleTabNavigation li { flex-grow: 1; } .simpleTabNavigation li a { min-width: auto; } } /* TABS */ #col2 .content .producttab .secondrow ul, #col2 .content .simpleTabs .innerTab .innerWrap ul { padding-left: 12px; } #col2 .content .producttab .secondrow ul ul, #col2 .content .simpleTabs .innerTab .innerWrap ul li { padding: 0; margin: 0; } #col2 .content .producttab .secondrow ul li, #col2 .content .simpleTabs .innerTab .innerWrap ul li { margin-bottom: 22px; position: relative; padding-left: 25px; } #col2 .content .producttab .secondrow > ul > li:before, #col2 .content .simpleTabs .innerTab .innerWrap ul > li:before { content: ''; width: 9px; height: 9px; display: inline-block; background: #54585f; border-radius: 5px; position: absolute; top: 6px; left: 0px; } /* Margin for Downloads block */ #col2 .columnItemuploads { margin-top: 30px; } /* Fix for accordions */ #col2 .content .simpleTabs.vAccordion .innerTab .innerWrap ul { padding-left: 0px; } #col2 .content .simpleTabs.vAccordion .innerTab .innerWrap ul li { padding: 0; margin: 0; } #col2 .content .simpleTabs.vAccordion .innerTab .innerWrap ul li { padding-left: 0px; } #col2 .content .simpleTabs.vAccordion .innerTab .innerWrap ul > li:before { display: none; } /* custom styles for vAccordion */ .effectBox .vAccordion .effectBoxItem { position: relative; z-index: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0px; } .multicolumnContainer .effectBox.vAccordion.vAccordion { padding: 0; } .effectBox .vAccordion .effectBoxItem a.effectBoxTitleLink { outline: none; display: block; padding-left: 15px; background-color: #ECEEEF; margin-top: 12px; margin-bottom: 0px; border-radius: 0px; text-transform: uppercase; } .effectBox .vAccordion .effectBoxItem.active a.effectBoxTitleLink { border-bottom: 0px; background-color: #ECEEEF; margin-top: 12px; margin-bottom: 0px; } .effectBox .vAccordion .effectBoxItem a.effectBoxTitleLink h5 { height: 100%; line-height: 28px; color: #000; } .effectBox .vAccordion .effectBoxItem a.effectBoxTitleLink:hover { background-color: #54585F; text-decoration: none; } .effectBox .vAccordion .effectBoxItem.active a.effectBoxTitleLink:hover h5 { color: #fff; } .effectBox .vAccordion .effectBoxItem .effectBoxItemContent { padding-left:15px; background-color: #ECEEEF; margin-top: 1px; } /* ALLOW bullets in text */ #col2 .content .simpleTabs.vAccordion .innerWrap .csc-textpic-text ul li, #col2 .content .csc-textpic-text ul li { padding: 0; margin: 0; margin-bottom: 22px; position: relative; padding-left: 25px; } #col2 .content .simpleTabs.vAccordion .innerWrap .csc-textpic-text ul > li:before, #col2 .content .csc-textpic-text ul > li:before { content: ''; width: 9px; height: 9px; display: inline-block; background: #54585f; border-radius: 5px; position: absolute; top: 6px; left: 0px; } /* portfolio fix change breakpoint for portfolio single */ #col2 .tx_portfolio_single div.contentLeftContainer { overflow: hidden; } @media screen and (min-width: 768px) and (max-width: 1150px) { #col2 .tx_portfolio_single div.contentLeftContainer { width: 96% !important; display: block; float:none; } #col2 .tx_portfolio_single div.contentRightContainer { width: auto !important; padding-left: 14px; padding-right: 14px; display: block; float:none; } } /* Title and padding for plugins */ ul.listContainer { padding-left: 0px; } .tt_news div.pageBrowserContainer { padding-left: 0px; } ul.listContainer > li.listItem h5 { font-weight:bold !important; } /* fix for FF */ .redBox a, .btn-primary, .btn-secondary { line-height: 36px; } .coEluser_productdatabase_pi_prod #producttab-headers a, .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header { line-height: 38px; } /* Page id=740 fix for width */ .innerWrap ul.multicolumnContainer > li.column.column1, .pid740 #col2 .content .simpleTabs.vAccordion ul.simpleTabsContainer > li.tabItem .innerTab .coElColPos10multicolumn .innerWrap ul.multicolumnContainer > li.column.column1 { width:100%; } .pid740 #col2 .content .simpleTabs.vAccordion ul.simpleTabsContainer > li.tabItem .innerTab .coElColPos10multicolumn .innerWrap ul.multicolumnContainer > li.column.column1 ul.vAccordion > li.effectBoxItem .effectBoxItemContent { padding-left:15px; padding-right:15px; padding-bottom:1px; } .pid740 #col2 .content .simpleTabs.vAccordion ul.simpleTabsContainer > li.tabItem .innerTab .coElColPos10multicolumn .innerWrap ul.multicolumnContainer > li.column.column1 ul.vAccordion > li.effectBoxItem .effectBoxItemContent .employeeslist:nth-child(1) { padding-top: 15px; } /* pid=195 MONETA and pid=652 DOSSIERS fix for textmedia blocks to look like list */ .pid195 .csc-textpic-text, .pid652 .csc-textpic-text { padding-bottom: 15px; border-bottom-color: rgb(169, 169, 167); border-bottom-style: dotted; border-bottom-width: 1px; } /* temporarily hide contact form */ #kontoForm { visibility: hidden; } #online_schalter .fadeOut { color: #AAA !important; cursor: not-allowed; pointer-events: none; background-color:#f5f5f5; } /* disable click */ /* #online_schalter ul.mainNavigationLevel2 ul.mainNavigationLevel3 > li:nth-child(2) { background: rgb(237, 238, 240); } #online_schalter ul.mainNavigationLevel2 li.kontakt ul.mainNavigationLevel3 > li:nth-child(2) > a:nth-child(1) { color: #666 !important; display: none; visibility: hidden !important; cursor: not-allowed; pointer-events: none; } !* IE10+ CSS specific *! @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #kontoForm, #kontoForm.active { display: inline-block !important; !* For IE11/ MS Edge bug *! } #online_schalter ul.mainNavigationLevel2 li.kontakt ul.mainNavigationLevel3 > li:nth-child(2) > a:nth-child(1) { display: inline-block !important; !* For IE11/ MS Edge bug *! } } #online_schalter ul.mainNavigationLevel2 li.kontakt ul.mainNavigationLevel3 > li:nth-child(2):after { content: 'Mitteilung und Rückruf'; background: #edeef0; border: 0; border-right: 1px solid #FFF; line-height: 189px; height: 100%; font-size: 36px; color: rgba(207, 17, 82, .25); font-weight: 300; padding: 0; margin: 0; display: block; text-align: center; } html[lang='fr'] #online_schalter ul.mainNavigationLevel2 li.kontakt ul.mainNavigationLevel3 > li:nth-child(2):after { content: 'Message et rappel'; }*/ .hero2 { display: block; margin: 0 auto; max-height: 600px; overflow: hidden; position: relative; max-width: 1275px; } .hero2 a { display: block; position: relative; } .hero2 .baseline { display: inline-block; } .hero2 img { max-width: 100%; height: auto; } .hero2 .heading { left: 0; margin-left: 40px; position: absolute; top: 23%; width: 33%; } .hero2 .heading .subtitle { color: rgb(207, 17, 82); font-size: 16px; font-weight: bold; letter-spacing: 0.033em; margin-bottom: 5px; text-transform: uppercase; word-spacing: 0.04rem; } .hero2 .heading h1 { color: rgb(207, 17, 82); font-size: 64px; font-weight: 300; line-height: 60px; text-transform: none; } @media screen and (max-width: 767px) { .hero2 { margin: 20px; } .hero2 .heading { margin-left: 20px; width: 75%; } .hero2 .heading .subtitle { font-size: 13px; } .hero2 .heading h1 { font-size: 24px; line-height: 28px; } } @media screen and (min-width: 950px) and (max-width: 1350px) { .hero2 { /*height: 400px;*/ margin: 0 20px; overflow: hidden; } .hero2 img { margin-top: -6%; } .hero2 .heading { width: 50%; } .hero2 .heading h1 { font-size: 54px; line-height: 60px; } } .iframe-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } /* Then style the iframe to fit in the container div with full height and width */ .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } @media screen and (min-width: 1220px) { #mainNavigation a { color: #54585f; font-weight: 400; } #mainNavigation > li > a { letter-spacing: .03em; } #mainNavigation > li { margin-right: 40px; } #mainNavigation > li.online-schalter { margin-right: 0; float: right; } #mainNavigation > li.online-schalter > a { text-align: center; padding: 11px 17px; background: white; border-radius: 4px; font-weight: bold; box-shadow: 2px 3px 5px rgba(0,0,0,.2); position: relative; bottom: 2px; right: 4px; } #mainNavigation > li.online-schalter a:hover { box-shadow: none; color: #54585f; /*bottom: 5px;*/ bottom: 0px; right: 2px; background: #eceeef; } #mainNavigation > li > a:hover, #mainNavigation > li > a.active { color: #FFF; } #mainNavigation .submenucontainer a:hover, #mainNavigation .submenucontainer li.active > a { color: #cf1152; } #mainNavigation > li.active .submenucontainer { padding: 40px 0 50px; box-shadow: 0px 5px 17px rgba(0,0,0,.08); } #mainNavigation > li.active .submenucontainer .tabs-content { width: 75%; float: left; position: relative; } #mainNavigation > li .submenucontainer .tabs-content .btn-primary { color: #FFF; } #mainNavigation > li.active .submenucontainer .tabs-content .tab { display: none; padding-left: 65px; } #mainNavigation > li.active .submenucontainer .tabs-content .tab.active { display: block; } .mainNavigation ul.mainNavigationLevel2 { width: 24%; border-right: 1px solid #a9abaf; margin: 0; height: 440px; position: relative; min-width: 280px; } #mainNavigation ul.mainNavigationLevel3 { float: left; margin: 0; } #mainNavigation ul.mainNavigationLevel2 li, #mainNavigation ul.mainNavigationLevel3 li { display: block; font-size: 18px; line-height: 45px; padding: 0; margin-bottom: 15px; height: 45px; width: 100%; } #mainNavigation ul.mainNavigationLevel2 li > a, #mainNavigation ul.mainNavigationLevel3 li > a { display: block; text-align: left; line-height: 45px; } #mainNavigation ul.mainNavigationLevel2 li > ul { position: absolute; left: 100%; top: 0; margin-left: 65px; width: 100%; display: none; } #mainNavigation ul.mainNavigationLevel2 li.active > ul { display: block; } #mainNavigation li .tip { position: absolute; left: 470px; width: 350px; top: 0; line-height: 28px; font-size: 18px; } #mainNavigation .tab-0 .tip { width: 390px; line-height: 30px; } #mainNavigation ul.mainNavigationLevel3 li .tip { display: none; } } /* ONLINE SCHALTER */ #mainNavigation > li.online-schalter.active a.active { background: none; border: 1px solid #FFF; color: #FFF; box-shadow: none; bottom: 5px; right: 2px; cursor: default; } #mainNavigation > li.online-schalter.active .submenucontainer { padding: 0; } #mainNavigation > li.online-schalter.active .submenucontainer .submenuInner { position: relative; width: 100%; overflow: hidden; } #mainNavigation > li.online-schalter ul.mainNavigationLevel2 { width: 100%; } #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li { display: inline-block; float: left; width: 50%; margin: 0; height: 50%; border-bottom: 1px solid #FFF; } #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li a { text-align: center; text-transform: none; border-right: 1px solid #FFF; background: #edeef0; color: #cf1152; font-weight: 300; line-height: 210px; height: 100%; font-size: 36px; border-radius: 0; } #mainNavigation > li.online-schalter ul.mainNavigationLevel2.active li a { background: #FFF; border-right: 1px solid #edeef0; line-height: 42px; height: 100%; font-size: 18px; font-weight: 400; } #mainNavigation > li.online-schalter ul.mainNavigationLevel2.active li { display: inline-block; float: left; width: 25%; margin: 0; height: 42px; line-height: 42px; border-bottom: 1px solid #edeef0; } #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li.active a { background: #edeef0; color: #54585f; line-height: 42px; height: 42px; } #mainNavigation > li.online-schalter ul.mainNavigationLevel3 { margin: 0; left: 0; top: 42px; height: 398px; } #mainNavigation > li.online-schalter .active ul.mainNavigationLevel3 li { float: left; height: 50%; border-bottom: 1px solid #FFF; } #mainNavigation > li.online-schalter li.eroffnen ul.mainNavigationLevel3 li { width: 33.33333333%; } #mainNavigation > li.online-schalter li.tipps ul.mainNavigationLevel3 li { height: 100%; border-bottom: 0 none; } #mainNavigation > li.online-schalter .bigBtn, #mainNavigation > li.online-schalter ul.mainNavigationLevel3 li a, #mainNavigation > li.online-schalter ul.mainNavigationLevel3 li button, #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li.active ul.mainNavigationLevel3 li a, #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li.active ul.mainNavigationLevel3 li button { background: #edeef0; border: 0; border-right: 1px solid #FFF; line-height: 198px; height: 100%; font-size: 36px; color: #cf1152; font-weight: 300; padding: 0; margin: 0; } #mainNavigation > li.online-schalter .bigBtn { width: 100%; display: block; text-align: center; border: 0; border-bottom: 1px solid #FFF; height: calc(50% - 1px); } #mainNavigation > li.online-schalter li.kontakt ul.mainNavigationLevel3 li, #mainNavigation > li.online-schalter li.konditionen ul.mainNavigationLevel3 li { width: 50%; height: 50%; } #mainNavigation > li.online-schalter li.tipps ul.mainNavigationLevel3 li { width: 33.33333333%; height: 100%; } #mainNavigation > li.online-schalter li.tipps ul.mainNavigationLevel3 li a { line-height: 380px !important; } #mainNavigation > li.online-schalter a:hover, #mainNavigation > li.online-schalter .bigBtn:hover, #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li a:hover, #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li.active a:hover, #mainNavigation > li.online-schalter ul.mainNavigationLevel3 li a:hover, #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li.active ul.mainNavigationLevel3 li a:hover { background: #e8e9eb; } #mainNavigation #kontoForm, #mainNavigation #karteForm, #mainNavigation #ebankForm { display: none; height: 400px; width: 100%; position: absolute; top: 42px; left: 0; z-index: 10000; } #mainNavigation #kontoForm.active, #mainNavigation #karteForm.active, #mainNavigation #ebankForm.active { display: block; } #mainNavigation #kontoForm h2, #mainNavigation #karteForm h2, #mainNavigation #ebankForm h2 { font-size: 36px; text-transform: none; font-weight: 300; margin: 70px 0 22px; line-height: 48px; } #mainNavigation .mitteilung #kontoForm h2, #mainNavigation .mitteilung #karteForm h2, #mainNavigation .mitteilung #ebankForm h2 { margin: 40px 0 25px; color: #54585f; } #mainNavigation #kontoForm .slide, #mainNavigation #karteForm .slide, #mainNavigation #ebankForm .slide { background: #edeef0; height: 100%; width: 100%; left: 0; top: 380px; position: absolute; } #mainNavigation #kontoForm .slideInner, #mainNavigation #karteForm .slideInner, #mainNavigation #ebankForm .slideInner, #mainNavigation .mitteilung #kontoForm .slide_1 .slideInner, #mainNavigation .mitteilung #karteForm .slide_11 .slideInner, #mainNavigation .mitteilung #ebankForm .slide_21 .slideInner { max-width: 1275px; margin: 0 auto; } #mainNavigation #kontoForm .slide_1 .slideInner, #mainNavigation #kontoForm .slide_2 .slideInner, #mainNavigation #karteForm .slide_11 .slideInner, #mainNavigation #ebankForm .slide_21 .slideInner { max-width: 100%; width: 100%; } #mainNavigation #kontoForm .form-notice, #mainNavigation #karteForm .form-notice, #mainNavigation #ebankForm .form-notice { font-size: 22px; line-height: 34px; margin-top: 55px; opacity: 0; } #mainNavigation #kontoForm .slide nav a, #mainNavigation #karteForm .slide nav a, #mainNavigation #ebankForm .slide nav a { display: block; font-size: 24px; line-height: 36px; margin-bottom: 20px; font-weight: 400; } #mainNavigation #kontoForm .slide nav a:hover, #mainNavigation #karteForm .slide nav a:hover, #mainNavigation #ebankForm .slide nav a:hover { color: #cf1152; background: none; } #mainNavigation #kontoForm .col, #mainNavigation #karteForm .col, #mainNavigation #ebankForm .col { padding: 0 20px; position: relative; } #mainNavigation #kontoForm .row, #mainNavigation #karteForm .row, #mainNavigation #ebankForm .row { margin: 0 -20px; } #mainNavigation #kontoForm h4, #mainNavigation #karteForm h4, #mainNavigation #ebankForm h4 { margin: 0 0 5px; text-transform: none; padding: 0; border: 0 none; font-size: 18px; line-height: 24px; } #mainNavigation #kontoForm input[type='text'], #mainNavigation #kontoForm textarea, #mainNavigation #karteForm input[type='text'], #mainNavigation #karteForm textarea, #mainNavigation #ebankForm input[type='text'], #mainNavigation #ebankForm textarea { font-family: 'Avenir Next LT'; background: #FFF; box-shadow: none; border-radius: 0; border: 1px solid #aaabad; font-size: 18px; width: 100%; margin: 0; line-height: 24px; padding: 8px 16px; color: #54585f; font-weight: 400; } #mainNavigation #kontoForm input[type='text'], #mainNavigation #karteForm input[type='text'], #mainNavigation #ebankForm input[type='text'] { height: 40px; } #mainNavigation #kontoForm textarea, #mainNavigation #karteForm textarea, #mainNavigation #ebankForm textarea { height: 244px; } #mainNavigation #kontoForm .form_item, #mainNavigation #karteForm .form_item, #mainNavigation #ebankForm .form_item { position: relative; padding-top: 14px; margin-bottom: 14px; } #mainNavigation #kontoForm .form_item label, #mainNavigation #karteForm .form_item label, #mainNavigation #ebankForm .form_item label { position: absolute; cursor: text; font-size: 18px; left: 16px; top: 24px; pointer-events: none; height: 100%; transition: all .25s ease-out; } #mainNavigation #kontoForm .form_item.focus label, #mainNavigation #karteForm .form_item.focus label, #mainNavigation #ebankForm .form_item.focus label { transform-origin: 0 0; transform: scale(.7); left: 0; top: -3px; transition: all .25s ease-out; } #mainNavigation #kontoForm .btn-primary, #mainNavigation #karteForm .btn-primary, #mainNavigation #ebankForm .btn-primary { margin-right: 25px; } #mainNavigation #kontoForm .Select, #mainNavigation #karteForm .Select, #mainNavigation #ebankForm .Select { font-size: 18px; } #mainNavigation #kontoForm .Select-control, #mainNavigation #karteForm .Select-control, #mainNavigation #ebankForm .Select-control { height: 38px; border-radius: 0; border: 1px solid #aaabad; } #mainNavigation #kontoForm .Select-input, #mainNavigation #karteForm .Select-input, #mainNavigation #ebankForm .Select-input { height: 38px; padding-left: 16px; } #mainNavigation #kontoForm .Select-placeholder, #mainNavigation #kontoForm .Select--single > .Select-control .Select-value, #mainNavigation #karteForm .Select-placeholder, #mainNavigation #karteForm .Select--single > .Select-control .Select-value, #mainNavigation #ebankForm .Select-placeholder, #mainNavigation #ebankForm .Select--single > .Select-control .Select-value { color: #54585f; line-height: 38px; padding-left: 16px; } #mainNavigation #kontoForm .has-value.Select--single > .Select-control .Select-value .Select-value-label, #mainNavigation #kontoForm .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label, #mainNavigation #karteForm .has-value.Select--single > .Select-control .Select-value .Select-value-label, #mainNavigation #karteForm .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label, #mainNavigation #ebankForm .has-value.Select--single > .Select-control .Select-value .Select-value-label, #mainNavigation #ebankForm .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label { color: #54585f; } /* hide undefined menu items */ #online_schalter a.totaly_hidden { display: none !important; visibility: hidden !important; } @media screen and (max-width: 1275px) { #mainNavigation > li.online-schalter .bigBtn, #mainNavigation > li.online-schalter ul.mainNavigationLevel3 li a, #mainNavigation > li.online-schalter ul.mainNavigationLevel3 li button, #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li.active ul.mainNavigationLevel3 li a, #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li.active ul.mainNavigationLevel3 li button { font-size: 30px; } #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li, #mainNavigation > li.online-schalter ul.mainNavigationLevel2.active li { display: table; } #mainNavigation > li.online-schalter ul.mainNavigationLevel2 li a { font-size: 30px; display: table-cell; line-height: inherit !important; vertical-align: middle; } } @media screen and (max-width: 1350px) { #mainNavigation #kontoForm .slide, #mainNavigation #karteForm .slide, #mainNavigation #ebankForm .slide { padding: 0 20px; } } /* React App for larger screens only */ @media screen and (max-width: 1219px) { .mainNavigation > li.last { display: inline-block; visibility: visible !important; } .mainNavigation > li.level1.last.online-schalter { display: none; visibility: hidden; } } @media screen and (min-width: 1220px) { .mainNavigation > li.level1.last { display: none; visibility: hidden; } #mainNavigation > li.online-schalter { display: inline-block !important; visibility: visible !important; } } #formular-success-message { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); position: absolute; left: 0; text-align: center; padding-top: 100px; top: calc(100%); font-size: 36px; color: #cf1152; font-weight: 300; } @media screen and (max-width: 1219px) { .sidebar.offcanvas .uid832, .sidebar.offcanvas .uid585 { display: none !important; } } /* fix for tablets */ @media screen and (min-width: 950px) and (max-width: 1023px) { #header #mainNavigationWrapper { width:950px; } } @media screen and (min-width: 1024px) and (max-width: 1199px) { #header #mainNavigationWrapper { width:1024px; } } @media screen and (min-width: 1200px) and (max-width: 1279px) { #header #mainNavigationWrapper { width:1200px; } } @media screen and (min-width: 1280px) and (max-width: 1350px) { #header #mainNavigationWrapper { width:1280px; } } @media screen and (min-width: 1220px) and (max-width: 1350px) { #mainNavigation { width: auto; padding: 0; margin-left: 20px; margin-right: 20px; } #mainNavigation > li { margin-right: 10px; } #mainNavigation > li > a { letter-spacing: 0; font-size: 17px; } #mainNavigation > li.online-schalter > a { right: 0; } #mainNavigation li .submenucontainer .submenuInner { width: 95%; } #header .headerwrap { padding: 16px 0 0; width: auto; margin-left: 20px; margin-right: 20px; } #footer .content, #content .colwrap { width: auto; } #content { padding: 0 20px; } .home #content .colwrap, #content .colwrap { padding: 0; margin: 0; width: 100%; } #col2 { width: 66.66666667%; margin: 0; margin-top: 21px; } #col2 .content { margin-right: 10px; } .home #col2 .multicolumnContainer .homeTeaser img { margin: 0 0 8px; } .home #col2 .multicolumnContainer .column { padding: 0; width: calc((100% - 21px) / 2); margin-right: 21px; margin-bottom: 21px; height: 370px; } .home #col2 .multicolumnContainer .column:nth-child(2n), #pageHeader .imageBlock { margin-right: 0; } .home #col2 .multicolumnContainer .column .columnItems, #pageHeader .titleBlock .inner { margin: 0; } .home #col2 .multicolumnContainer .homeTeaser .category { font-size: 14px; line-height: 24px; } .home #col2 .multicolumnContainer .homeTeaser h2, .home #col2 .multicolumnContainer .homeTeaser h2 p { font-size: 28px; line-height: 36px; } #col3 { width: 33.33333333%; margin-top: 21px; } #col3 .content { margin-left: 11px; } #col3 h2, #col3 h2 a, #col3 h3, #col3 h3 a { font-size: 28px; line-height: 36px; } .home #col3 .block, #col3 .block { margin-bottom: 21px; } .home #col3 .block { height: 370px; } #pageHeader { width: 100%; margin: 21px auto 0px; } #pageHeader .titleBlock { /*width: 33.33333333%;*/ } #pageHeader.pageTeaserBigImage .titleBlock { width: 33.33333333%; } #pageHeader.pageTeaserSmallImage .titleBlock { width: 66.66666667%; } #pageHeader.pageTeaserNoImage .titleBlock { width: 100%; } #pageHeader .imageBlock { padding: 0; /*width: 66.66666667%;*/ } #pageHeader.pageTeaserBigImage .imageBlock { width: 66.66666667%; } #pageHeader.pageTeaserSmallImage .imageBlock { width: 33.33333333%; } #pageHeader.pageTeaserNoImage .imageBlock { visibility: hidden; display: none; } #pageHeader .titleBlock .inner { margin-right: 10px; } #pageHeader .imageBlock { overflow: hidden; } #pageHeader .imageBlock .inner { margin-left: 11px; } #pageHeader .imageBlock img { position: relative; width: auto; left: 50%; transform: translateX(-50%); } #hero { height: 400px; width: auto; margin: 0px 20px 1px; } #hero .content { width: auto; padding: 40px; } #hero .content .heading { margin: 40px 0 0; width: 50%; } #hero .heading h1 { font-size: 54px; line-height: 60px; } #footer { padding: 20px 20px 40px; margin: 0 } #footer .content { padding: 0; width: 100%; } #footer .multicolumnContainer .column { width: calc((100% - 42px) / 3); margin-right: 20px; } #footer h4 { margin-top: 0; } #footer .locations_nav { position: relative; bottom: 12px; } } @media screen and (max-width: 1200px) { #mainNavigation li .tip { left: calc(100% + 40px); } } @media screen and (max-width: 1000px) { #mainNavigation li .tip { left: 100%; } } @media screen and (max-width: 1219px) { #mainNavigation li .tip { display: none; visibility: hidden; } #mainNavigation li a.hide { display: none; visibility: hidden; } } @media screen and (min-width: 768px) and (max-width: 1219px) { h4 { font-size: 18px; line-height: 24px; } #col2 { margin-top: 21px; } #col2 .content { margin: 0; } .home #content .colwrap { margin: 0; } #header { height: 84px; } #header .headerwrap { text-align: center; } #header .headerwrap .metainfocontainer { display: none; } #logo, .sticky #logo { width: 110px; height: 56px; position: static; display: inline-block; margin-top: 14px; } #logo img { width: 100%; height: auto; } .offcanvas-aside-toggler { background: url('vhs-assets-css-65af9ff59ce4e57e28b829a61cd8468e.svg') center center no-repeat; background-size: 36px; } #footer .content, #header .headerwrap, #content .colwrap { width: 100%; padding: 0; } .home #col2 .multicolumnContainer .column { height: auto; padding-bottom: 10px; margin-bottom: 21px; } .home #col2 .multicolumnContainer .homeTeaser img { margin: 0; } .home #col2 .multicolumnContainer .column, #pageHeader .titleBlock, #pageHeader .imageBlock { padding: 0; width: calc((100% - 21px) / 2); margin-right: 21px; } .home #col2 .multicolumnContainer .column:nth-child(2n), #pageHeader .imageBlock { margin-right: 0; } .home #col2 .multicolumnContainer .column .columnItems, #pageHeader .titleBlock .inner { margin: 0; } #hero { height: 260px; width: auto; /*margin: 10px 10px 21px; margin: 0 0 21px;*/ margin: 20px 20px 5px; } #hero .content { width: auto; padding: 10px 25px; height: 100%; } #hero .content .heading { margin: 0; width: 50%; top: 50%; transform: translateY(-50%); } #hero .heading h1 { font-size: 36px; line-height: 42px; right: 2px; text-shadow: 0px 0px 8px rgba(255,255,255,.75); } #pageHeader { width: 100%; margin: 21px auto 0px; } #pageHeader .titleBlock, #pageHeader .imageBlock { /*width: 50%;*/ margin: 0; } #pageHeader.pageTeaserBigImage .titleBlock, #pageHeader.pageTeaserSmallImage .titleBlock, #pageHeader.pageTeaserBigImage .imageBlock, #pageHeader.pageTeaserSmallImage .imageBlock { width: 50%; } #pageHeader.pageTeaserNoImage .titleBlock { width: 100%; } #pageHeader.pageTeaserNoImage .imageBlock { visibility: hidden; display: none; } #pageHeader .titleBlock .inner { margin-right: 10px; } #pageHeader .imageBlock .inner { overflow: hidden; } #pageHeader .imageBlock img { position: relative; width: auto; left: 50%; transform: translateX(-50%); } #footer { margin: 0; padding: 0 20px 20px; } #footer .locations_nav { margin: 0 21px 0 0; padding: 0; } #footer .multicolumnContainer .column { padding: 0; width: 50%; margin: 0; } #footer .multicolumnContainer .column1 { display: none; } #footer .multicolumnContainer .column2 { margin-bottom: 20px; } #footer .multicolumnContainer .columnLast { padding-top: 0; } #footer .multicolumnContainer .columnLast .columnItems { margin-left: 10px; } .sidebar.offcanvas nav { height: 100%; } } @media screen and (max-width: 1219px) { #header { left: 0; transition: all .5s ease-out; } .sticky #header, .offcanvas-opened #header, .offcanvas-aside-opened #header { transition: all .5s ease-out; } .offcanvas_search { height: 50px; } .offcanvas #languageNavigation, .ebanking, .contact_location { width: 100%; } .offcanvas .offcanvas_ebanking { font-weight: bold; } .offcanvas .offcanvas_contact_location { font-weight: bold; } .offcanvas #mainNavigation > li, .offcanvas #mainNavigation > li:last-child { min-height: 50px; } .offcanvas #mainNavigation > li > a, .offcanvas #mainNavigation > li:last-child > a { min-height: 50px; padding: 15px 40px 15px 20px; line-height: 20px; } .offcanvas #mainNavigation > li.active .submenucontainer { padding: 0; box-shadow: none; } .offcanvas #mainNavigation .navTitle { display: none; } .offcanvas #mainNavigation ul.mainNavigationLevel2, .offcanvas #mainNavigation ul.mainNavigationLevel3 { float: none; margin: 0; border: 0; height: auto; } .offcanvas #mainNavigation ul.mainNavigationLevel2 li, .offcanvas #mainNavigation ul.mainNavigationLevel3 li, .offcanvas #mainNavigation ul.mainNavigationLevel2 li a, .offcanvas #mainNavigation ul.mainNavigationLevel3 li a, .offcanvas #mainNavigation .navTitle { line-height: 28px; font-size: 15px; margin: 0; text-transform: none; min-height: 50px; height: auto; float: none; } .offcanvas #mainNavigation ul.mainNavigationLevel3 li a { padding-top: 10px; padding-bottom: 10px; } .offcanvas #mainNavigation ul.mainNavigationLevel2 > li > a { padding-top: 15px 40px 15px 10px; text-transform: uppercase; } #mainNavigation li.hasSub > a:after, .mainNavigation li.hasSub > a:after { background-image: url('vhs-assets-css-bba39e074c4a63299d0d6d9ddb2e3831.png'); } /* remove icons for second level */ #mainNavigation .mainNavigationLevel2 li.hasSub > a:after, .mainNavigation .mainNavigationLevel2 li.hasSub > a:after { background-image: none; } /* fix after allowing pages without pageTeaser */ #col3 { margin-top: 0px; } .home #col3 .block { margin-bottom: 45px; height: auto; } #col3 h2, #col3 h2 a, #col3 h3, #col3 h3 a, #col3 aside .innerWrap h3, #col3 aside .tt_news .innerWrap h3 { font-size: 24px; line-height:30px; } #col3 h2, #col3 h2 a, #col3 h3, #col3 h3 a { margin: 0px; } #col3 h2, #col3 h2, #col3 h3, #col3 h3 { margin: 0 0 25px; } #col3 aside .innerWrap p { margin: 0 0 30px; } #col3 aside .tt_news .innerWrap p { margin: 0px; } } @media screen and (max-width: 599px) { .offcanvas-opened #header { left: 240px; left: 285px; } .offcanvas-aside-opened #header { left: -235px; left: -280px; } .layout50 #col3 { width: 235px; width: 280px; } .offcanvas #mainNavigation > li, .offcanvas #mainNavigation > li:last-child, .offcanvas #mainNavigation > li > a, .offcanvas #mainNavigation > li:last-child > a, .offcanvas #mainNavigation ul.mainNavigationLevel2 li, .offcanvas #mainNavigation ul.mainNavigationLevel3 li, .offcanvas #mainNavigation ul.mainNavigationLevel2 li a, .offcanvas #mainNavigation ul.mainNavigationLevel3 li a { line-height: 24px; width: 240px; width: 285px; } } @media screen and (min-width: 600px) and (max-width: 1219px) { .offcanvas-opened #header { left: 255px; left: 300px; } .offcanvas-aside-opened #header { left: -255px; left: -300px; } .layout50 #col3 { width: 255px; width: 300px; } .offcanvas #mainNavigation > li, .offcanvas #mainNavigation > li:last-child, .offcanvas #mainNavigation > li > a, .offcanvas #mainNavigation > li:last-child > a, .offcanvas #mainNavigation ul.mainNavigationLevel2 li, .offcanvas #mainNavigation ul.mainNavigationLevel3 li, .offcanvas #mainNavigation ul.mainNavigationLevel2 li a, .offcanvas #mainNavigation ul.mainNavigationLevel3 li a { width: 255px; width: 300px; } .offcanvas #mainNavigation ul.mainNavigationLevel2 li a, .offcanvas #mainNavigation ul.mainNavigationLevel3 li a { width: 235px; width: 300px; } } @media screen and (max-width: 767px) { h4 { font-size: 18px; line-height: 24px; margin-right: 0; } #header { height: 84px; } #header .headerwrap { text-align: center; } #header .headerwrap .metainfocontainer { display: none; } #logo, .sticky #logo { width: 110px; height: 56px; position: static; display: inline-block; margin-top: 14px; } #logo img { width: 100%; height: auto; } .offcanvas-aside-toggler { background: url('vhs-assets-css-65af9ff59ce4e57e28b829a61cd8468e.svg') center center no-repeat; background-size: 36px; } #footer .content, #header .headerwrap, #content .colwrap { width: 100%; padding: 0; } #mainNavigation > li { margin: 0; } #mainNavigation li.hasSub > a:after { background: url('vhs-assets-css-bba39e074c4a63299d0d6d9ddb2e3831.png') no-repeat -42px -2px; } #mainNavigation, #mainNavigation ul, #mainNavigation ul.mainNavigationLevel2, #mainNavigation ul.mainNavigationLevel3 { min-width: inherit; float: none; display: block; height: auto; width: auto; } #mainNavigation > li > a { padding: 15px 40px 15px 20px; line-height: 20px; width: auto; } #mainNavigation > li > a:hover, #mainNavigation > li.active > a { color: #cf1152; } #mainNavigation > li:hover > a:after, #mainNavigation > li.active > a:after { background-position: -88px -2px; } #mainNavigation ul.mainNavigationLevel2 li, #mainNavigation ul.mainNavigationLevel3 li { height: auto; line-height: inherit; margin: 0; float: none; } #mainNavigation > li.active .submenucontainer { padding: 0; } #mainNavigation > li.active .submenucontainer { box-shadow: none; } #mainNavigation ul.mainNavigationLevel2 a, #mainNavigation > li.hasSub:last-child > a { background: none; box-shadow: none; padding: 15px 40px 15px 20px; line-height: 20px; font-weight: normal; text-align: left; position: relative; border-radius: 0; bottom: auto; right: inherit; } #mainNavigation ul.mainNavigationLevel2 > li > a { padding-left: 40px; padding-right: 0; } #mainNavigation ul.mainNavigationLevel2 li > a, #mainNavigation ul.mainNavigationLevel3 li > a { font-size: 15px; line-height: 28px; } #mainNavigation ul.mainNavigationLevel3 li a { padding: 10px 0 10px 60px; text-transform: none; background: none; } #mainNavigation ul.mainNavigationLevel2 li > ul { position: static; margin: 0; display: block; } #mainNavigation > li, #mainNavigation > li:last-child { float: none; } .sidebar.offcanvas nav { height: 100%; } #col2 { margin-top: 21px; } #col2 .content, .home #content .colwrap { margin: 0; } .home #col2 .multicolumnContainer .column { height: auto; padding-bottom: 10px; width: auto; padding-right: 0; float: none; margin-right: 0; } .home #col2 .multicolumnContainer .column .columnItems { margin: 0; } .home #col2 .multicolumnContainer .homeTeaser .category { line-height: 24px; } #hero { height: 260px; margin: 20px; width: auto; } #hero .content { width: auto; padding: 10px 25px; height: 100%; } #hero .content .heading { margin: 0; width: 75%; top: 50%; transform: translateY(-50%); } #hero .heading h1 { font-size: 24px; line-height: 28px; right: 2px; text-shadow: 0px 0px 8px rgba(255,255,255,.75); } #hero .heading .subtitle { font-size: 13px; } #pageHeader { width: 100%; margin: 21px auto 0px; } #pageHeader .imageBlock { margin-bottom: 15px; } #pageHeader.pageTeaserBigImage .imageBlock, #pageHeader.pageTeaserSmallImage .imageBlock, #pageHeader .imageBlock, #pageHeader .imageBlock img { width: 100%; height: auto; } #pageHeader .imageBlock .inner { margin: 0; height: auto; } #pageHeader.pageTeaserBigImage .titleBlock, #pageHeader.pageTeaserSmallImage .titleBlock, #pageHeader .titleBlock { width: 100%; margin: 0; } #pageHeader .titleBlock .inner { margin: 0; } /* if we don't want image */ #pageHeader.pageTeaserNoImage .imageBlock { visibility: hidden; display: none; } .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header { width: calc(50% - 27px); min-width: inherit; } .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header:last-child { width: calc(50% - 26px); } .coEluser_productdatabase_pi_prod #producttab-headers { margin-right: 0; } .simpleTabsContainer p, .producttab p { padding-right: 20px; } #footer { margin: 0; padding: 0 20px 20px; } #footer .locations_nav { margin: 0; padding: 0; } #footer .multicolumnContainer .column { padding: 0; } #footer .multicolumnContainer .column1 { display: none; } #footer .multicolumnContainer .column2 { margin-bottom: 20px; } #footer .multicolumnContainer .column.column3 { padding: 0 5px; } .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header, .coEluser_productdatabase_pi_prod #producttab-headers a.producttab-header:last-child { width: 50%; } } @media screen and (min-width: 600px) and (max-width: 767px) { #footer .multicolumnContainer .column { margin: 0; width: 50%; } #footer .multicolumnContainer .column2 { padding: 0 10px 0 0; } #footer .multicolumnContainer .column4 { padding: 0 0 0 10px; } } @media screen and (max-width: 1339px) { .coEl .innerWrap iframe { height: calc(((66.6666666666vw - 40px) * 9) / 16); width: 100%; } } @media screen and (max-width: 1219px) { .coEl .innerWrap iframe { height: calc(((100vw - 40px) * 9) / 16); width: 100%; } } @media screen and (max-width: 599px) { .coEl .innerWrap iframe { padding:0 10px; } } body .buorg { color: black; background-color: #aac600; } #buorgul { display: none !important; } #buorgig { background-color: #5ab400 !important; } .buorg-mainmsg::after{ content: "\a"; white-space: pre; } .buorg-moremsg a:hover{ color: white; } .buorg-buttons { margin: 50px 0; } .buorg-pad { margin-top: 50px; } .Select{position:relative}.Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button{display:none!important}.Select input::-ms-clear,.Select input::-ms-reveal{display:none!important}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;box-sizing:border-box}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:.35}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{-webkit-box-shadow:none;box-shadow:none}.Select.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.Select.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.Select.is-searchable.is-focused:not(.is-open)>.Select-control,.Select.is-searchable.is-open>.Select-control{cursor:text}.Select.is-focused>.Select-control{background:#fff}.Select.is-focused:not(.is-open)>.Select-control{border-color:#007eff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1);background:#fff}.Select.has-value.is-clearable.Select--single>.Select-control .Select-value{padding-right:42px}.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover{color:#007eff;outline:none;text-decoration:underline}.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus{background:#fff}.Select.has-value.is-pseudo-focused .Select-input{opacity:0}.Select.is-open .Select-arrow,.Select .Select-arrow-zone:hover>.Select-arrow{border-top-color:#666}.Select.Select--rtl{direction:rtl;text-align:right}.Select-control{background-color:#fff;border-color:#d9d9d9 #ccc #b3b3b3;border-radius:4px;border:1px solid #ccc;color:#333;cursor:default;display:table;border-spacing:0;border-collapse:separate;height:36px;outline:none;overflow:hidden;position:relative;width:100%}.Select-control:hover{-webkit-box-shadow:0 1px 0 rgba(0,0,0,.06);box-shadow:0 1px 0 rgba(0,0,0,.06)}.Select-control .Select-input:focus{outline:none;background:#fff}.Select--single>.Select-control .Select-value,.Select-placeholder{bottom:0;color:#aaa;left:0;line-height:34px;padding-left:10px;padding-right:10px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.Select-input{height:34px;padding-left:10px;padding-right:10px;vertical-align:middle}.Select-input>input{width:100%;background:none transparent;border:0 none;-webkit-box-shadow:none;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:inherit;margin:0;outline:none;line-height:17px;padding:8px 0 12px;-webkit-appearance:none}.is-focused .Select-input>input{cursor:text}.has-value.is-pseudo-focused .Select-input{opacity:0}.Select-control:not(.is-searchable)>.Select-input{outline:none}.Select-loading-zone{cursor:pointer;display:table-cell;text-align:center}.Select-loading,.Select-loading-zone{position:relative;vertical-align:middle;width:16px}.Select-loading{-webkit-animation:Select-animation-spin .4s infinite linear;animation:Select-animation-spin .4s infinite linear;height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:2px solid #ccc;border-right-color:#333;display:inline-block}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn .2s;animation:Select-animation-fadeIn .2s;color:#999;cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:17px}.Select-clear-zone:hover{color:#d0021b}.Select-clear{display:inline-block;font-size:18px;line-height:1}.Select--multi .Select-clear-zone{width:17px}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:25px;padding-right:5px}.Select--rtl .Select-arrow-zone{padding-right:0;padding-left:5px}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;display:inline-block;height:0;width:0;position:relative}.Select-control>:last-child{padding-right:5px}.Select--multi .Select-multi-value-wrapper{display:inline-block}.Select .Select-aria-only{position:absolute;display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;float:left}@-webkit-keyframes Select-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{0%{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#fff;border:1px solid #ccc;border-top-color:#e6e6e6;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.06);box-shadow:0 1px 0 rgba(0,0,0,.06);-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;left:0;top:100%;width:100%;z-index:1;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;color:#666;cursor:pointer;display:block;padding:8px 10px}.Select-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.Select-option.is-selected{background-color:#f5faff;background-color:rgba(0,126,255,.04);color:#333}.Select-option.is-focused{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{-webkit-box-sizing:border-box;box-sizing:border-box;color:#999;cursor:default;display:block;padding:8px 10px}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0}.Select--multi.Select--rtl .Select-input{margin-left:0;margin-right:10px}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);border-radius:2px;border:1px solid #c2e0ff;border:1px solid rgba(0,126,255,.24);color:#007eff;display:inline-block;font-size:.9em;line-height:1.4;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:2px;border-top-right-radius:2px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#007eff;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:2px;border-top-left-radius:2px;border-right:1px solid #c2e0ff;border-right:1px solid rgba(0,126,255,.24);padding:1px 5px 3px}.Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:hover{background-color:#d8eafd;background-color:rgba(0,113,230,.08);color:#0071e6}.Select--multi .Select-value-icon:active{background-color:#c2e0ff;background-color:rgba(0,126,255,.24)}.Select--multi.Select--rtl .Select-value{margin-left:0;margin-right:5px}.Select--multi.Select--rtl .Select-value-icon{border-right:none;border-left:1px solid #c2e0ff;border-left:1px solid rgba(0,126,255,.24)}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover{background-color:#fcfcfc}@keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}} /*# sourceMappingURL=main.a6b6d2d1.css.map*/ /* New avenir */ @font-face { font-family: 'Avenir Next LT'; src: url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Light.eot'); src: url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Light.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Light.woff2') format('woff2'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Light.woff') format('woff'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Light.ttf') format('truetype'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Light.svg#AvenirNextLTW01-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Avenir Next LT'; src: url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Regular.eot'); src: url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Regular.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Regular.woff2') format('woff2'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Regular.woff') format('woff'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Regular.ttf') format('truetype'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Regular.svg#AvenirNextLTW01-Regular') format('svg'); font-weight: 400; font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir Next LT'; src: url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Medium.eot'); src: url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Medium.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Medium.woff2') format('woff2'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Medium.woff') format('woff'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Medium.ttf') format('truetype'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Medium.svg#AvenirNextLTW01-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Avenir Next LT'; src: url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Demi.eot'); src: url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Demi.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Demi.woff2') format('woff2'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Demi.woff') format('woff'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Demi.ttf') format('truetype'), url('/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Fonts/avenir/AvenirNextLTW01-Demi.svg#AvenirNextLTW01-Demi') format('svg'); font-weight: 600; font-weight: bold; font-style: normal; } @import url("/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Css/global/html5/print_raw.css") print; @import url("/typo3conf/ext/sfpsitetemplate/Resources/Public/Templates/Page/Css/local/global/print_raw.css") print;