/* -------------------------------------------------------------------------------- Start Stylesheet: common/css/markdown_output.css -------------------------------------------------------------------------------- */ #content .container div.clsMarkdownOutput.custom_at_markdown_red em { color: red; font-style: normal; } #content .container div.clsMarkdownOutput b, #content .container div.clsMarkdownOutput strong { font-weight: bold; } #content .container div.clsMarkdownOutput { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /*font-size: 14px;*/ /*line-height: 1.428571429;*/ padding: 5px; } #content .container div.clsMarkdownOutput a { text-decoration: underline; } #content .container div.clsMarkdownOutput a:hover, #content .container div.clsMarkdownOutput a:focus { text-decoration: underline; } #content .container div.clsMarkdownOutput a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #content .container div.clsMarkdownOutput hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; display:block; } #content .container div.clsMarkdownOutput h1, #content .container div.clsMarkdownOutput h2, #content .container div.clsMarkdownOutput h3, #content .container div.clsMarkdownOutput h4, #content .container div.clsMarkdownOutput h5, #content .container div.clsMarkdownOutput h6, #content .container div.clsMarkdownOutput .h1, #content .container div.clsMarkdownOutput .h2, #content .container div.clsMarkdownOutput .h3, #content .container div.clsMarkdownOutput .h4, #content .container div.clsMarkdownOutput .h5, #content .container div.clsMarkdownOutput .h6, div.zonenregelung-iconrow h4, div.zonenregelung-iconrow h5, div.markdown-iconrow h4, div.markdown-iconrow h5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; border-bottom: 0px solid #fff; padding:0px; } #content .container div.clsMarkdownOutput h1, #content .container div.clsMarkdownOutput h2 { margin-top: 20px; margin-bottom: 10px; margin-left:0px; } #content .container div.clsMarkdownOutput h3 { margin-top: 50px; margin-bottom: 10px; margin-left:0px; } #content .container div.clsMarkdownOutput>h1:first-child, #content .container div.clsMarkdownOutput>h2:first-child, #content .container div.clsMarkdownOutput>h3:first-child, #content .container div.clsMarkdownOutput>h4:first-child, #content .container div.clsMarkdownOutput>h5:first-child, #content .container div.clsMarkdownOutput>h6:first-child { margin-top: 0px; margin-left:0px; } #content .container div.clsMarkdownOutput h4, #content .container div.clsMarkdownOutput h5, #content .container div.clsMarkdownOutput h6 { margin-top: 10px; margin-bottom: 10px; } #content .container div.clsMarkdownOutput h3, #content .container div.clsMarkdownOutput h4, #content .container div.clsMarkdownOutput h5, #content .container div.clsMarkdownOutput h6 { /*color: #000;*/ } #content .container div.clsMarkdownOutput h2, #content .container div.clsMarkdownOutput h3 { font-weight:bold; } #content .container div.zonenregelung-iconrow h5, #content .container div.markdown-iconrow h5, #content .container div.clsMarkdownOutput h2, #content .container div.clsMarkdownOutput h3, #content .container div.clsMarkdownOutput h4, #content .container div.clsMarkdownOutput h5, #content .container div.clsMarkdownOutput h6 { font-size:14px; } #content .container div.zonenregelung-iconrow h4, #content .container div.markdown-iconrow h4 { font-size:16px; } #content .container div.clsMarkdownOutput h1 { font-size:22px; } /* #content .container div.clsMarkdownOutput ul, #content .container div.clsMarkdownOutput ol { margin-top: 0; margin-bottom: 10px; } #content .container div.clsMarkdownOutput ul ul, #content .container div.clsMarkdownOutput ol ul, #content .container div.clsMarkdownOutput ul ol, #content .container div.clsMarkdownOutput ol ol { margin-bottom: 0; } */ #content .container div.clsMarkdownOutput ul, #content .container div.clsMarkdownOutput ol { margin-top: 0px; margin-bottom: 0px; } #content .container div.clsMarkdownOutput ul li, #content .container div.clsMarkdownOutput ol li{ margin-top: 5px; margin-bottom: 0px; } /* i18n-markdown-output */ #content .container div.i18nMarkdownOutput.clsMarkdownOutput { padding: 0px; } #content .container div.i18nMarkdownOutput.clsMarkdownOutput h1, #content .container div.i18nMarkdownOutput.clsMarkdownOutput h2 { margin-top: 20px; margin-bottom: 5px; } #content .container div.i18nMarkdownOutput.clsMarkdownOutput h3 { margin-top: 20px; } #content .container div.i18nMarkdownOutput.clsMarkdownOutput h4, #content .container div.i18nMarkdownOutput.clsMarkdownOutput h5, #content .container div.i18nMarkdownOutput.clsMarkdownOutput h6 { margin-top: 10px; } #content .container div.i18nMarkdownOutput.clsMarkdownOutput h2, #content .container div.i18nMarkdownOutput.clsMarkdownOutput h3 { font-size:12px; font-weight:bold; } #content .container div.i18nMarkdownOutput.clsMarkdownOutput h1 { font-size:14px; font-weight:bold; } #content .container div.i18nMarkdownOutput.clsMarkdownOutput p { margin-bottom: 0px; } /*Rot*/ #content .container div.clsMarkdownOutput.red * { color: red; } /* -------------------------------------------------------------------------------- End Stylesheet: common/css/markdown_output.css -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- Start Stylesheet: common/css/ModalComunication.css -------------------------------------------------------------------------------- */ body[class*=" modal-is-active-"], body[class^="modal-is-active-"] { overflow:hidden; } div.modal-communication div.modal-overlay { /*z-index:1004;*/ position:fixed; top:0; bottom:0; left:0; width:100%; background:#000; opacity:0; filter: alpha(opacity=0); } div.modal-communication div.modal-content-container{ /*z-index:1005;*/ position:fixed; top:0; bottom:0; left:0; width:100%; text-align: center; overflow: auto; } div.modal-communication div.modal-content-table { width:100%; height:100%; display:table; /*border: 3px solid white;*/ } div.modal-communication div.modal-content-cell { display:table-cell; vertical-align:middle; /*border: 3px solid pink;*/ } div.modal-communication span.modal-content-wrapper { margin-left:auto; margin-right:auto; /*border: 3px solid red;*/ } div.modal-communication div.modal-content { padding: 10px; margin-top:80px; margin-bottom:80px; background:#FFF; border: 2px solid black; text-align:left; display:inline-block; } /*hide during animation //--> funktioniert so leider nicht im IE, bleibt aus irgendeinem Grund bis zu einem digest, Klick, etc hidden :( --> wieder im JS div.modalfade-animation.ng-animate + div div.modal-content.show-after-anim { display:none; } */ div.loading-spinner-container div.loading-spinner-table { display:table; } div.loading-spinner-container div.loading-spinner-table>div { display:table-cell; /*border: 2px solid pink;*/ } div.loading-spinner-container div.loading-spinner { width: 30px; height: 30px; background: transparent url(../img/loader.gif) no-repeat center center; } div.loading-spinner-container div{ font-weight:bold; font-size:12px; } /* -------------------------------------------------------------------------------- End Stylesheet: common/css/ModalComunication.css -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- Start Stylesheet: wui/css/screen.css -------------------------------------------------------------------------------- */ /* Group screen.css * Version: 2.4 * Date: 21.06.2011 */ /* Style Reset * hier wird auch der Standardwert für font-family (Arial, ...) * font-size (12px) und color (#000) gesetzt * Achtung: line-height nicht mehr standardmäßig 14px!!! */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#000;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;} ol,ul{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} /* Allgemeine Eigenschaften Body */ body { height: 100%; background: url("../img/side_navigation_bg.png") no-repeat scroll left top #FFFFFF; margin-top: 0; margin-left: 0; } /* Breite und linker Rand des Inhalts */ #page-wrapper { width: 825px; margin-left: 175px; } /* horizontale Linie */ hr { display: none; } /* Default Links */ a { color: #000; text-decoration: underline; } /* Eigenschaften für den Inhaltsbereich */ #contentarea { padding-top: 81px; margin-left: 177px; min-width: 820px; } /* Überschriften */ #headlines { clear: both; /* height: 48px; */ margin-left: 0; padding-top: 19px; padding-bottom: 7px; } #headlines h2 { font-size: 16px; line-height: 18px; } #headlines h2#subheadline { color: #666; } /* Position/Dimension Inhaltsbereich */ #content { margin-bottom: 7px; clear: both; overflow: visible; } /* Allgemeine Eigenschaften Listen */ #content ul{ list-style: disc; } #content ol { list-style: decimal; } #content ul,ol { padding-left: 18px; } /* Formatierung der Inhaltselemente */ #content h3 { font-size: 12px; font-weight: bold; margin-bottom: 5px; } #content strong { font-weight: bold; } #content p, #content h4, #content li { margin-bottom: 5px; } /* Spaltenlayout */ div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col1first, div.col2first, div.col3first, div.col4first, div.col5first, div.col6first, div.col7first { float: left; display: inline; overflow: hidden; margin: 0 7px 0 0; } div.col1 { width: 128px; } div.col2 { width: 263px; } div.col3 { width: 398px; } div.col4 { width: 533px; } div.col5 { width: 668px; } div.col6 { width: 803px; } div.col7 { width: 973px; } div.col1first { width: 163px; } div.col2first { width: 298px; } div.col3first { width: 433px; } div.col4first { width: 568px; } div.col5first { width: 703px; } div.col6first { width: 838px; } div.col7first { width: 973px; } /* Variation ohne Navigation () */ body.nonavigation { padding-left: 0; background-image: none; } body.nonavigation #contentarea { min-width: 1014px; } body.nonavigation #contentarea { margin-left: 0px; } body.nonavigation #content, body.nonavigation #footer, body.nonavigation #headlines { margin-left: 7px; } /* Variation ohne Portalheader () */ body.noheader { padding-top: 0; background-position: 0 -89px; } body.noheader #contentarea { margin-top: 0; padding-top: 0; } /* Loading indicator */ #loader { position: fixed; top: 107px; left: 6px; width: 20px; height: 20px; z-index: 351; background: transparent url(../img/ajax-loader.gif) no-repeat center center; } /* Portal Iframe */ #iframecontent { border: medium none; margin-top: 89px; padding: 0; width: 100%; } /* Userinfo */ #userinfo { font-size: 12px; left: 0; position: absolute; text-align: right; top: 15px; width: 980px; } /* Pagination Controls */ a.pagination-first, a.pagination-previous, a.pagination-next, a.pagination-last { background: #FFF url(../img/pagination.png) no-repeat 0 0; height: 7px; width: 6px; text-indent: 200px; overflow: hidden; margin-top: 25px; margin-left: 3px; text-decoration: none !important; display: block; float: right; } a.pagination-last { margin-right: 7px; } a.pagination-first {background-position: 0 0;} a.pagination-previous {background-position: -10px 0;margin-left:4px;margin-right:4px;} a.pagination-next {background-position: -18px 0;margin-left:4px;margin-right:-1px;} a.pagination-last {background-position: -26px 0;} a.pagination-first:hover {background-position: 0 -7px;} a.pagination-previous:hover {background-position: -10px -7px;margin-left:4px;margin-right:4px;} a.pagination-next:hover {background-position: -18px -7px;margin-left:4px;margin-right:-1px;} a.pagination-last:hover {background-position: -26px -7px;} span.pagination-pages { float: right; margin-top: 21px; } span.pagination-pages a, span.pagination-pages a:visited { color: #666; margin: 0 3px 0 0; text-decoration: none !important; } span.pagination-pages a:hover { color: #000; } span.selected-page { color: #000; font-weight: bold; margin: 0 3px 0 0; } span.pagination-label { color: #666; margin-top: 21px; margin-right: 7px; float: right; } /* Eigenschaften für Container */ #content .container { line-height: 14px; border: 1px solid #999; background-color: #FFF; margin-bottom: 7px; } #content .container h3 { background-color: transparent; border-bottom: 1px solid #999; color: #000; font-size: 12px; font-weight: bold; margin: 0 6px; padding: 3px 0 3px 0; } /* Fix zur Positionierung des RSS-Icons */ #content .container h3 img{ margin-left: 4px; margin-top: 1px; margin-bottom: -1px; } #content .container .container-content { padding: 0px 6px 0px 6px; overflow: hidden; margin-top: 10px; margin-bottom: 7px; } /* minimierte Container */ #content .container.minimized h3{ border-bottom: none; } #content .container-content.minimized { display: none; } /* geschlossene Container */ #content .container.closed { display: none; } /* Integrierte Fenster (modifiziertes portlets.html -> integrierte_fenster.html) */ #content .container .integrated-window { background: #FFF url(../img/portlet_title_bg.png) repeat-x; border-bottom: 1px solid #999; } #content .container .integrated-window h3 { background-color: transparent; color: #FFF; border-bottom: none; padding: 4px 0 4px 0; } #content .container.minimized .integrated-window { border-bottom: none; } /* Icons */ #content ul.container-icons { float: right; margin-right: 4px; } #content ul.container-icons li { float: left; list-style: none; margin: 2px; padding: 0; } #content ul.container-icons li a { margin: 2px 0px 2px -1px; width: 13px; height: 12px; display: block; overflow: hidden; text-indent: -500px; } /* nicht angezeigte Icons */ #content ul.container-icons li.icon-inactive { display: none; } /* Portlet-Icons Grafiken: Die Datei enthält 9 Portlet-Icons mit der Breite 13px (Start bei * Pixel 0 bis 104) und 2 Tabellen-Icons (Start bei Pixel 117 und 130) für dynamische Tabellen. * Hier werden bisher nur die 9 Portlet-Icons definiert */ #content ul.container-icons a.container-info { background: #FFF url(../img/portlet_icons.png) no-repeat 0px 0px; } #content ul.container-icons a.container-reload { background: #FFF url(../img/portlet_icons.png) no-repeat -13px 0px; } #content ul.container-icons a.container-help { background: #FFF url(../img/portlet_icons.png) no-repeat -26px 0px; } #content ul.container-icons a.container-edit { background: #FFF url(../img/portlet_icons.png) no-repeat -39px 0px; } #content ul.container-icons a.container-close { background: #FFF url(../img/portlet_icons.png) no-repeat -52px 0px; } #content ul.container-icons a.container-forward { background: #FFF url(../img/portlet_icons.png) no-repeat -65px 0px; } #content ul.container-icons a.container-back { background: #FFF url(../img/portlet_icons.png) no-repeat -78px 0px; } #content ul.container-icons a.container-max { background: #FFF url(../img/portlet_icons.png) no-repeat -91px 0px; } #content ul.container-icons a.container-min { background: #FFF url(../img/portlet_icons.png) no-repeat -104px 0px; } #content ul.container-icons a.container-info:hover { background: #FFF url(../img/portlet_icons.png) no-repeat 0px -12px; } #content ul.container-icons a.container-reload:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -13px -12px; } #content ul.container-icons a.container-help:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -26px -12px; } #content ul.container-icons a.container-edit:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -39px -12px; } #content ul.container-icons a.container-close:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -52px -12px; } #content ul.container-icons a.container-forward:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -65px -12px; } #content ul.container-icons a.container-back:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -78px -12px; } #content ul.container-icons a.container-max:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -91px -12px; } #content ul.container-icons a.container-min:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -104px -12px; } /* News-Container */ #content div.news { padding-top: 0px; padding-bottom: 16px; } #content div.news div.image { float: right; margin-top: 3px; margin-left: 7px; } #content div.news div.text { margin-right: 135px; } #content div.news div.text h4 { font-weight: bold; } #content div.news div.text span.date { display: block; font-size: 12px; color: #666; margin-bottom: 4px; } /* Mit newsdummy wird der untere Rand des Containers hochgezogen */ #content div.container-content div.newsdummy { margin-bottom: -11px; } /*tagcoud element ist für tag clouds mit unterschiedlich grosser Schrift und entfernt die fixe Zeilenhoehe*/ #content .tagcloud { line-height:normal; } /* Tabellen */ table { border: 0; border-collapse: collapse; } td, th { line-height: 14px; margin: 0; padding: 0; vertical-align: top; color: #000; border-left: 1px solid #FFF; } /* 16px padding added */ td.col1, th.col1 { width: 117px; } td.col2, th.col2 { width: 251px; } td.col3, th.col3 { width: 385px; } td.col4, th.col4 { width: 519px; } td.col5, th.col5 { width: 654px; } td.col6, th.col6 { width: 787px; } td.col7, th.col7 { width: 922px; } td.hcol1, th.hcol1 { width: 53px; } td.hcol3, th.hcol3 { width: 173px; } td.hcol5, th.hcol5 { width: 293px; } td.hcol7, th.hcol7 { width: 413px; } td.hcol9, th.hcol9 { width: 533px; } td.hcol11, th.hcol11 { width: 653px; } td.hcol13, th.hcol13 { width: 773px; } /* Table Data */ table.data td { padding: 3px 7px; } table.data th { background-color: transparent; text-align: left; font-weight: bold; border-bottom: 1px solid #666; padding: 2px 6px; } table.data tr.even td { background-color: #F2F2F2; } th.right, td.right { text-align: right; } th.center, td.center { text-align: center; } th.left, td.left { text-align: left; } td input, td textarea, td select, td button { margin: 3px 0; vertical-align: middle; } /* Eigenschaften für Tab-Container */ #content div.tabcontainer ul.tabs { display: block; overflow: auto; list-style: none; padding-left: 0; } #content div.tabcontainer ul.tabs li { float: left; margin: 0 7px 0 0; overflow: hidden; display: block; } #content div.tabcontainer ul.tabs li.ui-state-default a, #content div.tabcontainer ul.tabs li.ui-state-default a:visited { height: 14px; overflow: hidden; padding-left: 7px; padding-right: 8px; padding-top: 2px; padding-bottom: 3px; display: block; text-decoration: none !important; background: transparent url(../img/tabs.png) right -19px no-repeat; color: #666; border-left: 1px solid #999; position: relative; } #content div.tabcontainer ul.tabs li.ui-state-hover a:hover { color: #000; } #content div.tabcontainer ul.tabs li.ui-tabs-selected a, #content div.tabcontainer ul.tabs li.ui-tabs-selected a:visited { background: transparent url(../img/tabs.png) right 0px no-repeat; color: #000; cursor: default; } #content div.tabcontainer ul.tabs li.large_398px { width: 398px; } #content div.tabcontainer ul.tabs li.large_128px { width: 128px; } #content div.tabcontainer ul.tabs li.small_83px { width: 83px; } #content div.tabcontainer ul.tabs li.small_38px { width: 38px; } #content div.tabcontainer ul.tabs li.last { margin-right: 0px; } #content div.tabcontainer ul.tabs li a{ padding-right: 5px; } #content div.tabcontainer div.tabcontent { line-height: 14px; margin-top: -1px; margin-bottom: 7px; border: 1px solid #999; padding: 6px 7px 7px 7px; overflow: hidden; clear: both; } /* Tab view mit neuem JavaScript. display: none; ist unerlässlich */ #content div.tabcontainer div.tabcontent.ui-tabs-hide { display: none; } /* Akkordeon-Tabs */ #content .accordion-content { height: 0px; visibility: hidden; border: none; display: none; } #content .accordion-content-selected { height: 205px; visibility: visible; display: block; overflow: hidden; white-space: normal; padding-left: 5px; padding-top: 5px; border-left: solid 1px #999; border-right: solid 1px #999; } #content div.accordion-header { height: 17px; font-size: 12px; vertical-align: middle; cursor: pointer; padding-left: 6px; padding-top: 2px; text-decoration: none; color: #666; background: url("../img/accordiontabs.png") 0 -57px no-repeat; } #content div.accordion-header.next-closed-tab { background: url("../img/accordiontabs.png") 0 -76px no-repeat; } #content div.accordion-header-selected { color: #000; background: url("../img/accordiontabs.png") 0 -38px no-repeat; cursor: default; } #content div #accordion-header.accordion-header{ background: url("../img/accordiontabs.png") 0 -19px no-repeat; } #content div #accordion-header.accordion-header-selected { background: url("../img/accordiontabs.png") 0 -0px no-repeat; } #content div.accordion-header:hover { text-decoration: none; color: #000; } #accordion{ top: 0px; left: 0px; width: 263px; border-bottom: solid 1px #999; margin-bottom: 7px; } /* Fusszeile */ #footer { padding-top: 4px; padding-left: 7px; clear: both; } #footer p { font-size: 11px; line-height: 13px; color: #666; } #footer a, footer a:visited { color: #666; text-decoration: none; } #footer a:hover { text-decoration: underline; } /* header.css: Layout des Headers */ /* screen_header.css: Eigenschaften fuer den Kopfbereich */ /* Formatierung */ #header-logo img { display: none; /* nur print */ } #header-logo { background: transparent url(../img/bmw_group_logo.png) no-repeat; position: fixed; _position: absolute; top: 0px; left: 710px; width: 277px; height: 63px; z-index: 1001; } #header { background: #FFF url(../img/bmw_ngi_header.jpg) no-repeat bottom left; height: 89px; width: 4000px; position: fixed; z-index: 850; left: 0; top: 0; } #header-title { color: #FFFFFF; font-size: 16px; left: 14px; position: fixed; top: 26px; z-index: 1010; } #header-subtitle { position: fixed; _position: absolute; top: 2.333em; left: 177px; z-index: 1010; color: #999; display: none; } #header #personalization { font-size: 10px; position: fixed; _position: absolute; top: 30px; left: 20px; z-index: 1010; color: #369; } #header p { display: none; } #navigation-wrapper { background: transparent url(../img/ShadowPortalNavigation.png) repeat-x top left; height: 32px; width: 100%; position: fixed; top: 0; left: 0; margin-top: 57px; z-index: 1009; } /* Variation Minimierter Portalheader () */ body.smallheader #header { height: 2.917em; background: #FFF; } body.smallheader #header * { display: none; } body.smallheader #header iframe { display: block; } body.smallheader #header-logo { display: none; } /* screen_portalheader.css: Eigenschaften fuer die Portalheader-Menueleisten */ /* Nicht benoetigt f?r media!=screen */ #portalheader h3 { display: none; } /* Positionen / Dimensionen */ #portalheader { position: fixed; top: 0; left: 0; z-index: 1009; width: 100%; } #metanavigation { position: absolute; top: 4px; left: 0; z-index: 1050; width: 4815px; } #portalheader ul { height: 1.417em; display: block; } #metanavigation ul { background:none repeat scroll 0 0 transparent; color:#336699; list-style-type:none; margin-left:14px; margin-top:2px; } #metanavigation li { margin: 0; padding-right: 21px; /*background: transparent url(../img/arrow_white.gif) no-repeat 0 4px;*/ } #meta-menu li.haschildren ul li{ display: block !important; float: none !important; line-height: 13px; vertical-align: bottomline; } #portalnavigation { position: absolute; top: 0; left: 0; z-index: 1049; margin-top: 8em; width: 4815px; } #portalnavigation ul { background: #000 url(../img/portalheader_background_navigation.gif) repeat-y; color: #FFFFFF; } /************************ Portal Menu **************************/ #top-navigation {padding:0; margin:3px 0 0 0; list-style:none; position:absolute; top: 0; left: 0; height:25px; float:left;} #top-navigation li {display:inline; float:left; background: transparent; margin: 0 -2px 0 0;} #top-navigation li ul li {float: none; display: block;} #top-navigation li.first {margin-left: 4px; margin-right: -3px;} #top-navigation li.first a.top{width: 173px; margin-left: 0; background: transparent url(../img/ActiveTab1.png) no-repeat -200px 0;} #top-navigation li.first a.hover, #top-navigation li.first.active > a {margin-right: 0px; background: transparent url(../img/ActiveTab1.png) no-repeat -4px 2px;} #top-navigation a.top, #top-navigation li.active > a{ display:block; height:46px; text-decoration:none; line-height:45px; font-size:14px; text-indent:-4px; width: 137px; text-align: center; margin-top: -10px; background: transparent url(../img/ActiveTab2.png) no-repeat 0 -200px; z-index: 1010; position: relative; color: #666; } #top-navigation li.active > a, #top-navigation a.haschildren:hover , #top-navigation a.hover { background-position: -5px 2px; width: 149px; margin-left: -6px; margin-right: -6px; } #top-navigation a.hover { z-index: 2000 !important; position: relative; } #top-navigation dd a { color: #666; } #top-navigation li ul { background: white; background:url(../img/dropdownShadow.png) no-repeat scroll right bottom transparent; padding-right: 5px; padding-bottom: 8px; padding-left: 3px; padding-top: 12px; width: 142px; left: -7px; top: -8px; position: relative; margin-right: -20px; } #top-navigation li.first ul { left: 0px; width: 163px; background:url(../img/dropdownShadowFirst.png) no-repeat scroll right bottom transparent; } #top-navigation li.first ul li ul { left: -7px; width: 135px; background:url(../img/dropdownShadow2ndLevel.png) no-repeat scroll right bottom transparent; } #top-navigation li ul li { padding-bottom: 9px; } #top-navigation ul li { margin: 0; } #top-navigation li ul li a { /* width: 135; */ display: block; margin-left: 14px; z-index: 1095; line-height: 14px; color: #666; padding-right: 20px; } #top-navigation li ul li ul li a, #top-navigation li ul li ul li ul li a { width: 121px; padding-right: 40px; } #top-navigation li ul li ul { background:url(../img/dropdownShadow2ndLevel.png) no-repeat scroll right bottom transparent; width: 135px; position: absolute; display: none; } #top-navigation li ul li ul{ padding-top: 0px; } #top-navigation li ul li.subfirst{ padding-top: 12px; border-top: 1px solid #e9e9e9; } #top-navigation li span.toplevelimage { padding-right: 14px; background: transparent url(../img/arrow_meta_grey.gif) no-repeat right center; } #top-navigation li span.toplevelimagehover { background: transparent url(../img/arrow_meta_black.gif) no-repeat right center; color: black; } #top-navigation a.top:hover { color: black; } #top-navigation li.first.active > a {background-position: -4px 2px; margin-right: 0px;} #top-navigation a, #top-navigation a:visited {text-decoration: none;} #top-navigation a.top:hover, #top-navigation div.sub a:hover, #top-navigation li.active > a {text-decoration: none; color: #000 !important;} #top-navigation a.nolink, #top-navigation a.nolink:visited {text-decoration: none !important;} #top-navigation div.sub {display:none; background:transparent url(../img/sub_navigation_shadow.png) no-repeat left bottom; top:28px; padding-bottom: 7px; padding-right: 4px;padding-left:3px;margin-left: -1px;} #top-navigation li.first div.sub {margin-left: 0;} #top-navigation li div.relative {margin-left: -4px;} #top-navigation a:hover { color: black; } #top-navigation a.dropdown { background:transparent url(../img/arrow_grey.gif) no-repeat 113px 3px; } #top-navigation li ul li ul a.dropdown { background:transparent url(../img/arrow_grey.gif) no-repeat 106px 3px; } #top-navigation li.first a.dropdown { background:transparent url(../img/arrow_grey.gif) no-repeat 134px 3px; } #top-navigation li.first ul li ul li a.dropdown { background:transparent url(../img/arrow_grey.gif) no-repeat 107px 3px; } #top-navigation a.highlighted { color: black; background:transparent url(../img/arrow_black_down.gif) no-repeat 112px 5px; } #top-navigation li ul li ul a.highlighted { background:transparent url(../img/arrow_black_down.gif) no-repeat 105px 5px; } #top-navigation li.first a.highlighted { color: black; background:transparent url(../img/arrow_black_down.gif) no-repeat 132px 5px; } #top-navigation li.first ul li ul li a.highlighted { color: black; background:transparent url(../img/arrow_black_down.gif) no-repeat 105px 5px; } /* Navigation Tab Width */ #top-navigation div.col1 { width: 130px; } #top-navigation div.col2 { width: 267px; } #top-navigation div.col3 { width: 404px; } #top-navigation div.col4 { width: 541px; } #top-navigation div.col5 { width: 672px; } #top-navigation div.col6 { width: 811px; } #top-navigation div.col7 { width: 981px; } #top-navigation div.left {left: 6px;} #top-navigation div.wrapper { min-height: 210px; background-color: #fff; padding:11px 0 10px 7px; border: 1px solid #D6D6D6; border-width: 1px 0 0 0; z-index: 1012; position: relative;} #top-navigation li.hover div.sub {display: block; position: absolute;} #header .clear {clear:both;} #top-navigation div.sub h2 {margin-bottom: 5px; font-size: 14px; color: #369; font-weight: bold;} #top-navigation div.list {float: left; margin-right: 7px; margin-bottom: 10px;} #top-navigation div.list.last {margin-right: 0;} /** Dropdown Column Width **/ #top-navigation div.sub div.first { width: 156px !important; } #top-navigation div.sub div.list, #top-navigation div.sub div.col1 { width: 128px; } #top-navigation div.sub div.col2 { width: 263px; } #top-navigation div.sub div.col3 { width: 404px; } #top-navigation div.sub div.col4 { width: 541px; } #top-navigation div.sub div.col5 { width: 672px; } #top-navigation div.sub div.col6 { width: 811px; } #top-navigation div.sub div.col7 { width: 974px; } #top-navigation div.list dl {height: 195px; float: left; margin-bottom: 5px; width: 128px;} #top-navigation div.sub div.first dl {width: 156px;} #top-navigation div.list p.more { display: block; font-size: 11px; } #top-navigation div.sub h3, #top-navigation div.sub dt {font-size: 12px; letter-spacing: -0.5px; padding-bottom: 3px; font-weight: bold; margin-bottom: 5px; text-align: left;} #top-navigation div.sub dd {font-size: 11px;} #top-navigation div.sub dl.paddedSubNavDl {padding-left: 7px;} #top-navigation div.sub dd.last {border-top: 1px solid #93AEC9; margin-left: 0px; padding-left: 5px; padding-top: 5px;} #top-navigation div.details-container {width: 450px; height: 200px; float: right; color: #369;} #top-navigation div.details-container img {float: left; margin: 0 20px 10px 0;} #top-navigation div.details-container h3 {margin: 0; padding: 0; font-size: 14px;} #top-navigation div.details-container p {font-size: 12px;} #top-navigation div.details-container .details_title {font-size: 13px; font-weight: bold; display: block; margin-bottom: 5px;} /************************ Portal Menu **************************/ /* Ebene 1: Horizontale Anordnung */ #portalnavigation a, #metanavigation a, #portalnavigation span, #metanavigation span { font-size: 11px; line-height: 100%; } #metanavigation a:hover, #meta-menu a.hover { color: #FFF; text-decoration: underline; } #portalheader li { float: left; position: relative; display: inline; margin-right: 0; } div.portalheaderscroll { overflow: hidden; position: absolute; } #portalheader li a, #portalheader li span { display: inline; margin: 1px 0; padding: 1px 0 3px 0; color: #FFF; text-decoration: none; overflow: hidden; } #portalheader li img { display: inline; margin: 0px 5px; cursor: pointer; } #portalheader li.haschildren { z-index: 1; padding-right: 0px; margin-right: 21px; } #metanavigation ul li ul li a, #portalnavigation li ul li span { color: #666666; padding-top: 0; white-space: nowrap; line-height: 15px; } #metanavigation ul li ul li { padding-right: 0px; margin-right: 7px; white-space: nowrap; } #portalnavigation li ul li a:hover, #metanavigation li ul li a:hover { text-decoration: none; color: black; } #portalheader li.haschildren li span { color: #000000; } #portalheader li ul { background:url(../img/ShadowMetaNavigation.png) no-repeat scroll right bottom transparent; position: absolute; left: -7px; height: auto; padding: 1px 5px 9px 7px; margin-left: 0px; top: -3px; display: none; } #portalheader li ul li { padding-right: 0px; } /* Variation Minimierter Portalheader () */ body.smallheader #portalnavigation { margin-top: 1.5em; } /* Variation ohne Portalheader () */ body.noheader #portalheader, body.noheader #header, body.noheader #header-logo { display: none; } /****************** TODO ******************************************************************/ /* Suchbox */ #search-box { left: 706px; padding: 22px 13px 5px 11px; position: absolute; top: 40px; } .focused {color: #000 !important;} #search-box.focused #global-search-input { border-bottom-style: none; } #search-box form { margin: 0; padding: 0; width: 263px; } /* still uses sub navigation bg-image -> change it to search_suggest_shadow.png? */ #search-box .sub { z-index: 9999; display: none; background: transparent url(../img/sub_navigation_shadow.png) no-repeat bottom right; padding-bottom: 6px; padding-right: 5px; margin-left: 12px; border-top: 1px solid #EFEFEF; } #search-box .sub .wrapper { height: 70px; background: transparent url(../img/search_options_background.png) repeat-x bottom left; padding: 20px 30px; border-left: 1px solid #EFEFEF; } #global-search-input { float: left; padding-top: 0px; font-size: 12px; font-weight: normal; color: #999; width: 233px; height: 21px; border: none; background: transparent url(../img/searchBody.png) no-repeat top left; } a#global-search-trigger, a#global-search-trigger:visited { text-indent: -5000px; overflow: hidden; background: transparent url(../img/searchButton.png) no-repeat top left; width: 24px; height: 21px; display: block; float: left; } #search-results-wrapper { width: 263px; z-index: 9998; display: none; background: #fff; margin-left: -3px; margin-top: -1px; background:transparent url(../img/search_suggest_shadow.png) no-repeat scroll right bottom; padding-bottom: 6px; padding-right: 5px; padding-left: 3px; overflow: hidden; } #search-results { padding-bottom: 11px; } #search-results-arrow { width: 268px; height: 7px; position: absolute; background: transparent url(../img/searchArrow.png) no-repeat top left; border: none; margin-top: -7px; } #search-box.focused #search-results-wrapper { display: block; } #search-results h2 { display: block; font-size: 12px; height: 20px; line-height: 20px; margin: 0 7px; padding: 8px 0 1px; font-weight: bold; /* border-bottom: 1px solid #D6D6D6; */ background: transparent url(../img/ajax-loader.gif) no-repeat -100px 0; } #SuggestGoogleIntranetSearchTitle { padding-top: 7px !important; } #SuggestNetworkSearchTitle { padding-bottom: 0px !important; } #search-results h2.loading { background-position: 230px 8px; } #search-results div.results { /*padding: 7px;*/ } #search-results a.title, #search-results a.title:visited { padding-right: 14px; /*background: transparent url(../img/search_results_link.gif) no-repeat 100% 70%;*/ text-decoration: none; color: #666; } #search-results a.title:hover { color: black; } #search-results .search-results-separator { height: 1px; width: 247px; margin: 0 auto; } #search-results .right { text-align: right; } #search-results p.more { display: block; text-align: right; margin-top: 3px; margin-bottom: -2px; } #search-results a.more-link, #search-results a.more-link:visited { padding-left: 7px; background: transparent url(../img/arrow_grey.gif) no-repeat center left; color: #666; text-decoration: none; margin: 7px; font-size: 11px; } #search-results a.more-link:hover { color: #000; background: url("../img/arrow_black.gif") no-repeat scroll left center transparent; } #search-results p.notification { margin: 4px 7px 11px; font-style: italic; color: #999999; } #search-closer-div { /*height: 20px;*/ display: none; } .search-closer-hover, a#search-close-button:hover { background-position: 0 0 !important; } a#search-close-button, a#search-close-button:visited, #search-closer { /*cursor: pointer; background: transparent url(../img/search_results_close.png) no-repeat 0 -12px; text-indent: -200px; width: 24px; height: 12px; position: absolute; bottom: 11px; right: 14px; overflow: hidden;*/ display: none; } a#search-close-button:hover { background-position: 0 0 !important; } .search-result-item { background: #fff url(../img/search_results_highlight.png) repeat-x 0 -1000px; padding: 0 7px; } .search-result-item div.item-content { padding: 4px 0 5px; border-top: 1px solid #D6D6D6; } .search-result-item div.first { border-top: none; } #search-results .hidden { display: none; } #search-results div.hover { /*background-position: bottom left;*/ } #search-results div.hover .hidden { display: block; } .search-result-item * { color: #000; } .search-result-dept { float: right; } .search-result-item .light { color: #b2b2b2; } .search-result-item .emphasized * { font-weight: bold !important; } a#global-search-options-trigger, a#global-search-options-trigger:visited { text-indent: -5000px; overflow: hidden; width: 12px; height: 21px; display: block; float: left; } a#global-search-options-trigger:active { background-position: 0 -21px; } #global-search-options { display: none; margin: 0; padding: 0; width: 305px; height: 60px; margin-left: -43px; background: transparent url(../img/sub_navigation_shadow.png) no-repeat bottom right; padding-bottom: 6px; padding-right: 5px; border-top: 1px solid #EFEFEF; border-left: 1px solid #EFEFEF; } #search-box .visible { display: block; } #global-search-options dl { background: #efefef url(../img/search_options_background.png) repeat-x 0 0; height: 40px; padding: 10px; } #global-search-options dd { float: left; width: 140px; display: inline; height: 22px; line-height: 22px; } #global-search-options dd label { color: #369; } .clear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; } #border-helper { display: none; width: 125px; height: 1px; background-color: #fff; position: fixed; top: 87px; left: 312px; z-index: 9999; } /* navigation.css: Layout der Navigation */ /***** navigation div *****/ div#navigation { position: absolute; left: 0; top: 75px; padding: 0; z-index: 2; width: 170px; overflow: hidden; } /** hide headings on screen **/ #navigation h2, #navigation h3 { display: none; } /***** navigation types: tree navigation/history navigation *****/ /** tree navigation **/ div#tree-navigation { padding-top: 70px; margin-left: 7px; } /** history navigation **/ #history-navigation { padding-top: 9px; margin-left: 7px; } #history-navigation ul#backlinks { padding-top: 61px; margin-bottom: 14px; } #history-navigation ul#backlinks li { margin-bottom: 2px; } #history-navigation ul#backlinks li a { padding-bottom: 3px; padding-left: 7px; } #history-navigation #backlinks a { font-weight: bold; border-bottom: 1px solid #999999; margin-left: 0; padding: 2px 5px 4px 0; margin-right: 0; } /***** list styling for both types *****/ /** first level (and below, if not overridden) **/ #navigation ul { margin: 0; padding: 0; list-style-type: none; } #navigation ul li { margin-bottom: 5px; } #navigation ul li a { margin-left: 7px; padding: 2px 14px 7px 10px; } #navigation ul li a, #navigation ul li span { color: #666666; display: block; font-size: 12px; line-height: 14px; text-decoration: none; } /** color black for open/active links and on mouseover **/ #navigation ul li a.active, #navigation ul li a.open, #navigation ul li a:hover { color: black; } /** items with children **/ #navigation ul li a.haschildren { background: transparent url(../img/navigation_arrows.png) no-repeat -1px 2px; padding-left: 10px; } #navigation ul li a.haschildren:hover { background: transparent url(../img/arrow_black.gif) no-repeat -1px 5px; } #navigation ul li a.open:hover { background: transparent url(../img/navigation_arrows.png) no-repeat 0 -82px; /* BMW Specific */ } /** active links **/ #navigation ul li a.active { padding-bottom: 13px; margin-bottom: -6px; } /** opened items with children **/ #navigation ul li a.open { background: transparent url("../img/navigation_arrows.png") no-repeat scroll 0px -82px; padding-left: 17px; margin-bottom: 5px; } /* #navigation ul li a.active.open { margin-bottom: -1px; } */ /** Active item, defaults for all levels **/ #navigation ul li.active { background: transparent url(../img/navigation/navigation_highlight_top.png) no-repeat right top; margin-left: -11px; margin-top: -8px; padding-top: 8px; } #navigation ul li.active.open { background-image: url(../img/navigation/navigation_highlight_top_open.png); } #navigation ul li.active a.active, #navigation ul li.active a.active:visited { padding-left: 28px; background: transparent url(../img/navigation/navigation_highlight_bottom.png) no-repeat right bottom; } /*** second level ***/ #navigation ul li.open ul { margin-top: -8px; padding-top: 8px; } /** compensate margin-left: -11px from #navigation ul li.active **/ #navigation ul li.open.active ul { margin-left: 11px; margin-top: -14px; } #navigation ul li.open ul li { margin-bottom: 2px; } #history-navigation ul li.open ul li { margin-bottom: 5px; } #navigation ul li.open ul li a { padding-left: 17px; } /** third level **/ #navigation ul li.open ul li.open ul { margin-bottom: 5px; padding-left: 13px; } #navigation ul li.open ul li.open.active ul { margin-top: -14px; } #navigation ul li.open ul li.open ul li.active { margin-left: -24px; } #navigation ul li.open ul li.open ul li.active a { padding-left: 41px; } #history-navigation ul li.open ul li a { padding-left: 11px; } /***** variations: noheader, nonavigation ******/ body.nonavigation div#navigation { display: none; } body.noheader div#navigation { top: 19px; } /* forms.css: Layout für Formulare */ form { line-height: 14px; overflow: visible; margin-bottom: 7px; /* Abstand zu Footer */ } input, form input, select, form select, textarea, form textarea, button, form button { font-size: 12px; margin-bottom: 4px; } textarea { overflow: auto; } /* Comboboxen - temp. Layout */ select { background: url(../img/form_input_bg_shadow.png) no-repeat; border: 1px solid #999; height: 21px; } select option { padding-top: 1px; padding-bottom: 2px; } /* neues Textbox-Design */ input.textbox, textarea { background: url(../img/form_input_bg_shadow.png) no-repeat; border: 1px solid #999; padding: 2px 3px; } /* neues Button-Design */ input.button, button { background: url(../img/form_button_128.png) no-repeat; border: 0; color: #FFF; text-align: left; font-weight: bold; width: 128px; height: 21px; padding: 0 4px 4px 4px; overflow: hidden; margin-right: 4px; } input.smallbutton, button.smallbutton { background: url(../img/form_button_114.png) no-repeat; width: 114px; padding: 0 4px 3px 4px; } input.button:hover, button:hover, input.button:active, button:active { background-position: 0 -21px; } /* Button deaktiviert */ input.button-disabled, input.button-disabled:hover { background-position: 0 -42px; } input.checkbox, input.radio { margin-right: 11px; vertical-align: middle; } /* Cursor */ .checkbox, .radio, .select, .button, button, select { cursor: pointer; } .disabled, .checked-disabled, .button-disabled, .readonly { cursor: default; } /* Fehlermarkierung */ label.error { color: #C33 !important; } input.error, select.error, textarea.error { border-color: #C33 !important; } /* Input Dimensions - Alte Werte! mit Hack */ input.col1, textarea.col1 { width: 113px; w\idth: 105px; } input.col2, textarea.col2 { width: 233px; w\idth: 225px; } input.col3, textarea.col3 { width: 353px; w\idth: 345px; } input.col4, textarea.col4 { width: 473px; w\idth: 465px; } input.col5, textarea.col5 { width: 593px; w\idth: 585px; } input.hcol1, textarea.hcol1 { width: 53px; w\idth: 45px; } input.hcol3, textarea.hcol3 { width: 173px; w\idth: 165px; } input.hcol5, textarea.hcol5 { width: 293px; w\idth: 285px; } input.hcol7, textarea.hcol7 { width: 413px; w\idth: 405px; } input.hcol9, textarea.hcol9 { width: 533px; w\idth: 525px; } select.col1 { margin-right: 7px; width: 120px; w\idth: 113px; } select.col2 { margin-right: 7px; width: 240px; w\idth: 233px; } select.col3 { margin-right: 7px; width: 360px; w\idth: 353px; } select.col4 { margin-right: 7px; width: 480px; w\idth: 473px; } select.col5 { margin-right: 7px; width: 600px; w\idth: 593px; } select.col6 { margin-right: 7px; width: 720px; w\idth: 713px; } select.hcol1 { margin-right: 7px; width: 60px; w\idth: 53px; } select.hcol3 { margin-right: 7px; width: 180px; w\idth: 173px; } select.hcol5 { margin-right: 7px; width: 300px; w\idth: 293px; } select.hcol7 { margin-right: 7px; width: 420px; w\idth: 413px; } select.hcol9 { margin-right: 7px; width: 540px; w\idth: 533px; } select.hcol11 { margin-right: 7px; width: 660px; w\idth: 653px; } input.scol1, textarea.scol1 { width: 105px; w\idth: 97px; } input.scol2, textarea.scol2 { width: 225px; w\idth: 217px; } input.scol3, textarea.scol3 { width: 345px; w\idth: 337px; } input.scol4, textarea.scol4 { width: 465px; w\idth: 457px; } input.scol5, textarea.scol5 { width: 585px; w\idth: 577px; } input.shcol1, textarea.shcol1 { width: 45px; w\idth: 37px; } input.shcol3, textarea.shcol3 { width: 165px; w\idth: 157px; } input.shcol5, textarea.shcol5 { width: 285px; w\idth: 277px; } input.shcol7, textarea.shcol7 { width: 405px; w\idth: 397px; } input.shcol9, textarea.shcol9 { width: 525px; w\idth: 517px; } select.scol1 { margin-right: 7px; width: 112px; w\idth: 105px; } select.scol2 { margin-right: 7px; width: 232px; w\idth: 225px; } select.scol3 { margin-right: 7px; width: 352px; w\idth: 345px; } select.scol4 { margin-right: 7px; width: 472px; w\idth: 465px; } select.scol5 { margin-right: 7px; width: 592px; w\idth: 585px; } select.scol6 { margin-right: 7px; width: 712px; w\idth: 705px; } select.shcol1 { margin-right: 7px; width: 52px; w\idth: 45px; } select.shcol3 { margin-right: 7px; width: 172px; w\idth: 165px; } select.shcol5 { margin-right: 7px; width: 292px; w\idth: 285px; } select.shcol7 { margin-right: 7px; width: 412px; w\idth: 405px; } select.shcol9 { margin-right: 7px; width: 532px; w\idth: 525px; } select.shcol11 { margin-right: 7px; width: 652px; w\idth: 645px; } /* Datepicker * Abstände nicht genau nach Vorlage! */ .ui-datepicker-trigger { vertical-align: bottom; margin-bottom: 0px; margin-left: -1px; cursor: pointer; } .ui-datepicker-calendar { margin: 7px; } .ui-datepicker.ui-widget-content { margin-top: -1px; border: 1px solid #999; background: #ffffff; padding: 4px 0px 4px 5px; } .ui-datepicker-title { font-weight: bold; text-align: center; height: 16px; } .ui-datepicker a.ui-state-default { display: block; width: 17px; height: 14px; text-decoration: none; padding: 0px 2px; } .ui-datepicker a.ui-state-default:hover { background: url(../img/form_calendar_select.png) 0px 1px no-repeat; color: #000 !important; font-weight: bold; } .ui-datepicker th { font-weight: bold; } .ui-datepicker th, .ui-datepicker td { width: 24px; text-align: left; } .ui-datepicker th span { padding: 0px 2px; } .ui-datepicker-week-end, .ui-datepicker-week-end a { color: #666 !important; } .ui-datepicker-week-col { color: #999 !important; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } /* Position der Datepicker Forward- und Backward-Icons */ .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 16px; height: 16px; display: block; position: absolute; top: 3px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev { left: 32px; } .ui-datepicker .ui-datepicker-next { right: 32px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin: 5px 6px; display: block; width: 4px; height: 7px; text-indent: -99999px; overflow: hidden; } /* Datepicker Forward- und Backward-Icon-Grafiken */ .ui-datepicker .ui-datepicker-prev .ui-icon { background: url(../img/pagination.png) no-repeat 0 0; } .ui-datepicker .ui-datepicker-next .ui-icon { background: url(../img/pagination.png) no-repeat -18px 0; } .ui-datepicker-prev:hover .ui-icon { background: url(../img/pagination.png) no-repeat 0 -7px; } .ui-datepicker-next:hover .ui-icon { background: url(../img/pagination.png) no-repeat -18px -7px; } /* -------------------------------------------------------------------------------- End Stylesheet: wui/css/screen.css -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- Start Stylesheet: common/css/ie8.css -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- End Stylesheet: common/css/ie8.css -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- Start Stylesheet: common/css/console.highlighting.css -------------------------------------------------------------------------------- */ .ClientLoggingConsole{ background:#AAA; opacity:0.8; z-index:999; } .ClientLoggingConsole>div>div { background : #eee; } .ClientLoggingConsole pre { padding-left: 5px; padding-bottom: 5px; white-space:pre; font-family:monospace; } .ClientLoggingConsole td { padding:3px; } .ClientLoggingConsole pre span.string { color: green; } .ClientLoggingConsole pre span.number { color: darkorange; } .ClientLoggingConsole pre span.boolean { color: blue; } .ClientLoggingConsole pre span.null { color: magenta; } .ClientLoggingConsole pre span.key { color: red; } /* -------------------------------------------------------------------------------- End Stylesheet: common/css/console.highlighting.css -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- Start Stylesheet: wui/css/bmwui.css -------------------------------------------------------------------------------- */ /** * AlgoTec WUI Erweiterung für BMW Styleguide 2012 * */ /* Chrome IE11 Anpassungen, die nicht Rueckwaertskompatibel sind */ body.html5 input.textbox { height: 15px; } /* Der IE stylt auch ng:form mit 7px margin --> brauchen wir nicht*/ body.html5 form { margin-bottom: 0px; } body.html5 .form { margin-bottom: 7px; } body.html5 input.button, body.html5 button { background: url(../img/form_button_131.png) no-repeat; width: 131px; } body.html5.better_fe input.button, body.html5.better_fe button { background: url(../img/form_button_127.png) no-repeat; width: 127px; } body.html5 button.button.pfeil.links { background: url(../img/form_pfeil_links_131.png) no-repeat; } body.html5 table.fe td input.checkbox { margin-top: 5px; margin-bottom: 4px; vertical-align: top; } /*UTF-8 test*/ /* Logo ohne Rolls Royce Abmessungen alt: 277 x 46 neu: 229 x 46 */ #header-logo { background: transparent url(../img/bmw_group_logo_bmw_mini.png) no-repeat; position: fixed; _position: absolute; top: 0px; left: 758px; width: 229px; height: 63px; z-index: 1001; } .header-logo-2021-svg { background: transparent url(../img/bmw_group_logo_2021.svg) no-repeat; } /* Validierungsklassen validate-pristine --> zeige den roten Rand auch wenn das input-Feld selbst noch nicht angefasst wurde (z.B. da ein anderes Feld geändert wurde) custom-invalid --> zeige den roten Rand, unabhängig von der angular Validierung */ input.ngvalidation.ng-dirty.ng-invalid, textarea.ngvalidation.ng-dirty.ng-invalid, select.ngvalidation.ng-dirty.ng-invalid, input.ngvalidation.validate-pristine.ng-invalid, textarea.ngvalidation.validate-pristine.ng-invalid, select.ngvalidation.validate-pristine.ng-invalid, input.ngvalidation.custom-invalid, textarea.ngvalidation.custom-invalid, select.ngvalidation.custom-invalid, div.ngvalidation.custom-invalid { border-color: #C33 !important; } /* im IE8 muss line-height = height sein!! sonst stehen die Texte am unteren Rand!*/ /* noch nicht verifiziert!!*/ select { height: 21px; line-height: 21px; } /*Nummern Eingabe*/ input.number { text-align: right; } div.fevaluereadonly.number { text-align: right; padding-right: 6px; } /* datepicker image hack ===================== Beim zusammenfügen der einzelprojekte common, wui und projekt wird der relative pfad zu diesem icon geändert (von /wui/img/form_calendar.png zu /img/form_calendar.png) davon kann das js nichts wissen, weil es nicht feststellen kann ob es im devmodus (apache baut die 3 ausgecheckten verzeichnisse zusammen) oder im deploymodus (ant fügt alle) scriptfiles zusammen aufgerufen wird. daher wird im script das favicon.ico referenziert (dieses bild sollte immer in / verzeichnis vorhanden sein, damit man keine Fehlermeldungen im Log hat). Über diese Klasse hier wird dann das richtige Bild eingeblendet. Man sollte also immer versuchen (wenn es geht) images per Stylesheet und relativer url "../img/name.png" zu referenzieren */ img.ui-datepicker-trigger { background-image: url("../img/form_calendar.png"); /* lets say 18x21 */ width: 18px; display:inline-block; padding: 21px 0 0 0; height: 0px !important; /* for IE 5.5's bad box model */ height /**/:21px; } /* ende datepicker image hack */ /* datepicker wurde vor der ersten "Benutzung" als schmaler Kasten angezeigt - FIX:*/ .ui-datepicker { display:none; } .ui-datepicker .ui-datepicker-prev { left: 22px; } .ui-datepicker .ui-datepicker-next { right: 22px; } /* datepicker default heighlighten*/ /* active default heighlighten*/ body .ui-datepicker a.ui-state-default:hover { background: url(../img/form_calendar_select_trans.png) 0px 0px no-repeat; } body .ui-datepicker a.ui-state-default.ui-state-highlight, body .ui-datepicker a.ui-state-default.ui-state-active { background: url(../img/form_calendar_active.png) 0px 0px no-repeat; } body .ui-datepicker a.ui-state-default.ui-state-highlight:hover , body .ui-datepicker a.ui-state-default.ui-state-active:hover { background: url(../img/form_calendar_select_active.png) 0px 0px no-repeat; } select.ui-datepicker-year { margin-left:5px; margin-right:5px; } select.ui-datepicker-month { margin-left:5px; margin-right:5px; } /* Brotkrumenspur in Unterüberschrift schreibweise mit p deprecated. */ div.breadcrump { color: #666; font-weight: normal; } div.breadcrump>span.current { color: #000; font-weight: bold; } div.breadcrumb { color: #666; font-weight: normal; } div.breadcrumb>span.current { color: #000; font-weight: bold; } div.breadcrumb.step1 span.step1 {color: #000;font-weight: bold;} div.breadcrumb.step2 span.step2 {color: #000;font-weight: bold;} div.breadcrumb.step3 span.step3 {color: #000;font-weight: bold;} div.breadcrumb.step4 span.step4 {color: #000;font-weight: bold;} div.breadcrumb.step5 span.step5 {color: #000;font-weight: bold;} div.breadcrumb.step6 span.step6 {color: #000;font-weight: bold;} div.breadcrumb.step7 span.step7 {color: #000;font-weight: bold;} div.breadcrumb.step8 span.step8 {color: #000;font-weight: bold;} div.breadcrumb.step9 span.step9 {color: #000;font-weight: bold;} div.breadcrumb.step10 span.step10 {color: #000;font-weight: bold;} .invisible{ visibility:hidden !important; } .unvisible{ visibility:hidden !important; } div.container-tabs { float:left; } div.tabcontent { width: 803px; } #content div.container-tabs div.tabcontainer ul.tabs li.ui-state-default a, #content div.container-tabs div.tabcontainer ul.tabs li.ui-state-default a:visited { height: 14px; overflow: hidden; padding-left: 7px; padding-right: 8px; padding-top: 2px; padding-bottom: 3px; display: block; text-decoration: none !important; background: transparent url(../img/tabs-large.png) right -19px no-repeat; color: #666; border-left: 1px solid #999; position: relative; cursor:pointer; } #content div.container-tabs div.tabcontainer ul.tabs li.ui-tabs-selected a, #content div.container-tabs div.tabcontainer ul.tabs li.ui-tabs-selected a:visited { background: transparent url(../img/tabs-large.png) right 0px no-repeat; color: #000; cursor: default; } #content div.container-tabs div.tabcontainer ul.tabs li.disabled a, #content div.container-tabs div.tabcontainer ul.tabs li.disabled a:visited { color: #ccc; cursor:default; /*visibility: hidden;*/ } #content div.container-tabs div.tabcontent h3{ margin-left:0px; margin-right:0px; margin-bottom:7px; background-color: transparent; border-bottom: 1px solid #999; color: #000; font-size: 12px; font-weight: bold; padding: 3px 0 3px 0; } #content div.container-tabs div.tabcontainer ul.tabs li { float: left; margin: 0 9px 0 0; overflow: hidden; display: block; } #content div.container-tabs div.tabcontainer ul.tabs li.last { margin-right: 0px; } #content div.container-tabs div.tabcontainer ul.tabs li.large_398px { width: 405px; } #content div.container-tabs div.tabcontainer ul.tabs li.large_128px { width: 129px; } #content div.container-tabs div.tabcontainer ul.tabs li.small_83px { width: 83px; } #content div.container-tabs div.tabcontainer ul.tabs li.small_38px { width: 37px; } /*li.wuitab{ float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 19px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 7px; margin-top: 0px; padding: 0px; text-align: left; width: 398px; height: 14px; overflow: hidden; padding-left: 7px; padding-right: 8px; padding-top: 2px; padding-bottom: 3px; display: block; text-decoration: none !important; background: transparent url(../img/tabs.png) right -19px no-repeat; color: #666; border-left: 1px solid #999; position: relative; }*/ /*um eine ng:form als form zu benutzen!*/ .form { margin-bottom: 7px; /* kopiert aus screen.css -> form */ } div.warning{ /*font-weight:bold;*/ color:#c00; } div.feInfo{ /*font-weight:bold;*/ color:#00c; font-size: smaller; } div.feError{ /*font-weight:bold;*/ color:#c00; font-size: smaller; } div.feWarning{ /*font-weight:bold;*/ color:#f60; font-size: smaller; } table.fe td input.checkbox { padding-top:3px; padding-bottom:4px; } /*erste Zeile einer Tabelle, die nur die Splatenbreiten angibt --> daher keine Höhe!*/ table.fe tr.colrow { line-height:0px; height:0px; } table tr.colrow { line-height:0px; height:0px; } table.data tr.th_bottom th, table.data tr.th_bottom td { vertical-align:bottom; } table.data tr.th_bottom td { background-color: transparent; text-align: left; font-weight: bold; border-bottom: 1px solid #666; padding: 2px 6px; } table.data.withbutton tr td { padding-top:5px; } table.data tr td.buttoncell { padding: 0px; } tr td.data { padding: 3px 7px; } tr th.data { font-weight: bold; border-bottom: 1px solid #666; padding: 3px 7px; } tr.even td { background-color: #F2F2F2; } tr.odd td { background-color: #FFFFFF; } table.fixed { table-layout: fixed; } table.fixed td { table-layout: fixed; } span.feRequiredMarker{ font-weight: bold; color: #c00; padding-left: 0px; line-height:5px; } table.data th.topic { border-bottom: none; } table.data td div.td_list:first-child { padding-top: 0px; } table.data td div.td_list { padding-top: 4px; } .forcebreak { word-break: break-word; word-wrap: break-word; } /* hover GIF ICONS */ div.icon_edit { margin:3px 0px; background: #FFF url(../img/portlet_icons.png) no-repeat -39px 0px; min-width: 13px; max-width: 13px; height:12px; } div.icon_edit:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -39px -12px; } div.icon_close { margin:3px 0px; background: #FFF url(../img/portlet_icons.png) no-repeat -52px 0px; min-width: 13px; max-width: 13px; height:12px; } div.icon_close:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -52px -12px; } div.icon_right { margin:3px 0px; background: #FFF url(../img/portlet_icons_custom.png) no-repeat 0px 0px; min-width: 13px; max-width: 13px; height:12px; } div.icon_right:hover { background: #FFF url(../img/portlet_icons_custom.png) no-repeat 0px -12px; } div.icon_loupe { margin:3px 0px; background: #FFF url(../img/portlet_icons_custom.png) no-repeat -38px 0px; min-width: 13px; max-width: 13px; height:12px; } div.icon_loupe:hover { background: #FFF url(../img/portlet_icons_custom.png) no-repeat -38px -12px; } div.icon_left { margin:3px 0px; background: #FFF url(../img/portlet_icons_custom.png) no-repeat -13px 0px; min-width: 13px; max-width: 13px; height:12px; } div.icon_left:hover { background: #FFF url(../img/portlet_icons_custom.png) no-repeat -13px -12px; } div.icon_add { margin:3px 0px; background: #FFF url(../img/portlet_icons_custom.png) no-repeat -26px 0px; min-width: 12px; max-width: 12px; height:12px; } div.icon_add:hover { background: #FFF url(../img/portlet_icons_custom.png) no-repeat -26px -12px; } /* #content ul.container-icons a.container-info { background: #FFF url(../img/portlet_icons.png) no-repeat 0px 0px; } #content ul.container-icons a.container-reload { background: #FFF url(../img/portlet_icons.png) no-repeat -13px 0px; } #content ul.container-icons a.container-help { background: #FFF url(../img/portlet_icons.png) no-repeat -26px 0px; } #content ul.container-icons a.container-edit { background: #FFF url(../img/portlet_icons.png) no-repeat -39px 0px; } #content ul.container-icons a.container-close { background: #FFF url(../img/portlet_icons.png) no-repeat -52px 0px; } #content ul.container-icons a.container-forward { background: #FFF url(../img/portlet_icons.png) no-repeat -65px 0px; } #content ul.container-icons a.container-back { background: #FFF url(../img/portlet_icons.png) no-repeat -78px 0px; } #content ul.container-icons a.container-max { background: #FFF url(../img/portlet_icons.png) no-repeat -91px 0px; } #content ul.container-icons a.container-min { background: #FFF url(../img/portlet_icons.png) no-repeat -104px 0px; } #content ul.container-icons a.container-info:hover { background: #FFF url(../img/portlet_icons.png) no-repeat 0px -12px; } #content ul.container-icons a.container-reload:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -13px -12px; } #content ul.container-icons a.container-help:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -26px -12px; } #content ul.container-icons a.container-edit:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -39px -12px; } #content ul.container-icons a.container-close:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -52px -12px; } #content ul.container-icons a.container-forward:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -65px -12px; } #content ul.container-icons a.container-back:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -78px -12px; } #content ul.container-icons a.container-max:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -91px -12px; } #content ul.container-icons a.container-min:hover { background: #FFF url(../img/portlet_icons.png) no-repeat -104px -12px; } */ /*Buttons untereinander (z.Bsp. colspan, oder neben textareas) */ button.button ~ button.button { margin-top: 4px; } /* Pfeilbuttons */ /*Links <-- */ /*Vorsicht! kein BetterFE */ button.button.pfeil.links { background: url(../img/form_pfeil_links_128.png) no-repeat; } button.button.pfeil.links.button-disabled, button.button.pfeil.links.button-disabled:hover { background-position: 0 -42px; cursor: default; } button.button.pfeil.links:hover, button.button.pfeil.links:active { background-position: 0 -21px; } /* disabled buttons BMW Styleguide only supports input[type="button"] not button */ button.button-disabled, button.button-disabled:hover { background-position: 0 -42px; cursor: default; } /* input border */ div.input-border { background: url("../img/form_input_bg_shadow.png") no-repeat; border: 1px solid #999; } /*keine Umbrüche im Button*/ button { white-space:nowrap; } /* searchButton neben Inputfeld */ div.search-trigger { overflow: hidden; background: transparent url(../img/input_search_trigger.png) no-repeat top left; width: 18px; height: 19px; margin-top:3px; cursor: pointer; border-color: rgb(153, 153, 153); border-style: solid; border-width: 1px; border-left-width:0px; border-collapse: collapse; float:left; } div.add-trigger { overflow: hidden; background: transparent url(../img/input_add_trigger.png) no-repeat top left; width: 18px; height: 19px; margin-top:3px; cursor: pointer; border-color: rgb(153, 153, 153); border-style: solid; border-width: 1px; border-left-width:0px; border-collapse: collapse; float:left; } div.remove-trigger { overflow: hidden; background: transparent url(../img/input_remove_trigger.png) no-repeat top left; width: 18px; height: 19px; margin-top:3px; cursor: pointer; border-color: rgb(153, 153, 153); border-style: solid; border-width: 1px; border-left-width:0px; border-collapse: collapse; float:left; } div.select-trigger { overflow: hidden; background: transparent url(../img/input_select_trigger.png) no-repeat top left; width: 18px; height: 19px; margin-top:3px; cursor: pointer; border-color: rgb(153, 153, 153); border-style: solid; border-width: 1px; border-left-width:0px; border-collapse: collapse; float:left; } /*VORISCHT better-fe!!!! */ div.search-field-wrapper {float:left;} div.search-field-wrapper>input.fe_col1 { width: 104px;} div.search-field-wrapper>input.fe_col2 { width: 238px;} div.two-trigger-field-output, div.search-remove-field-output, div.search-field-output {float:left; /*width: 104px;*/ overflow: hidden; margin-top:3px; padding-top:2px; padding-left:2px; height: 17px; background: url(../img/form_input_bg_shadow.png) no-repeat; /* Anpassung an BMW Styleguide input.TEXTBOX */ border-color: rgb(153, 153, 153); border-style: solid; border-width: 1px; border-collapse: collapse; } td.fefield[colspan="1"] div.search-field-output { margin-right:0px; width: 108px;} td.fefield[colspan="2"] div.search-field-output { margin-right:0px; width: 243px;} td.fefield[colspan="3"] div.search-field-output { margin-right:0px; width: 378px;} td.fefield[colspan="4"] div.search-field-output { margin-right:0px; width: 513px;} td.fefield[colspan="5"] div.search-field-output { margin-right:0px; width: 648px;} td.fefield[colspan="6"] div.search-field-output { margin-right:0px; width: 783px;} td.fefield[colspan="1"] div.search-remove-field-output { margin-right:0px; width: 89px;} td.fefield[colspan="2"] div.search-remove-field-output { margin-right:0px; width: 224px;} td.fefield[colspan="3"] div.search-remove-field-output { margin-right:0px; width: 359px;} td.fefield[colspan="4"] div.search-remove-field-output { margin-right:0px; width: 494px;} td.fefield[colspan="5"] div.search-remove-field-output { margin-right:0px; width: 629px;} td.fefield[colspan="6"] div.search-remove-field-output { margin-right:0px; width: 764px;} td.fefield[colspan="1"] div.two-trigger-field-output { margin-right:0px; width: 89px;} td.fefield[colspan="2"] div.two-trigger-field-output { margin-right:0px; width: 224px;} td.fefield[colspan="3"] div.two-trigger-field-output { margin-right:0px; width: 359px;} td.fefield[colspan="4"] div.two-trigger-field-output { margin-right:0px; width: 494px;} td.fefield[colspan="5"] div.two-trigger-field-output { margin-right:0px; width: 629px;} td.fefield[colspan="6"] div.two-trigger-field-output { margin-right:0px; width: 764px;} div.search-remove-field-wrapper {float:left;} div.search-remove-field-wrapper>input.fe_col1 { width: 85px;} div.search-remove-field-wrapper>input.fe_col2 { width: 219px;} /*Sprachauswahl*/ div.arrow_meta_black { background-image: url("../img/arrow_meta_black.gif"); /* lets say 18x21 */ width: 5px; height: 5px; display: inline-block; } div.arrow_white { background-image: url("../img/arrow_white.gif"); /* lets say 18x21 */ width: 5px; height: 5px; display: inline-block; } /*andere Buttons*/ div.icon_button { overflow: hidden; width: 18px; height: 19px; cursor: pointer; border-color: rgb(153, 153, 153); border-style: solid; border-width: 1px; border-collapse: collapse; float:left; } div.icon_button.document { background: transparent url(../img/icon_document.png) no-repeat top left; } div.icon_button.email { background: transparent url(../img/icon_email.png) no-repeat top left; } div.icon_button.emtpyDocument { background: transparent url(../img/icon_shadow.png) no-repeat top left; } /* Überschreibe das AjaxLoader gif (siehe ClientSideComponents ModalCommunication!) */ div.loading-spinner-container div.loading-spinner { background: transparent url(../img/ajax-loader.gif) no-repeat center top !important; height: 16px !important; } div.loading-spinner-container div.loading-spinner + div { padding-top:1px; } /* Fehlermeldungen / Infomeldungen am Anfang der Maske */ div.messagescontainer{ position:fixed; top:94px; /*debug:*/ /* border:1px solid yellow; background-color: #ffc; */ pointer-events:none; /*man kann durchklicken!*/ width: 817px; left: 177px; text-align: center; z-index: 19999; } body.noheader div.messagescontainer{ top:13px; } div.messagescontainer div.messagewrapper{ /*debug*/ /* border:1px solid pink; background-color: #fcc; */ pointer-events:none; /*man kann durchklicken!*/ padding-top: 2px; padding-bottom: 2px; } div.clearfix{ clear:both; display: block; visibility: hidden; height:4px; } span.message div.inner { border:2px solid #666; background: #ddd; box-shadow: 1px 1px 5px 0px black; border-radius: 5px; display:inline-block; font-size: 12px; font-weight: bold; max-width: 600px; } span.message{ margin-left: auto; margin-right: auto; pointer-events:auto; /*man kann nicht mehr durchklicken!*/ /*background-color: purple; border:1px solid white;*/ } table.message-table { border: none; } table.message-table td.message { padding-left:20px; padding-top:5px; padding-bottom:8px; padding-right:10px; border-left: none; } table.message-table td.close { padding-top:2px; padding-right:2px; text-align: right; border-left: none; } table.message-table td.close div { margin-top:0px; } div.messagewrapper span.ERROR div, div.messagewrapper span.ERROR .clsMarkdownOutput * { color:#C00; } div.messagewrapper span.INFO div, div.messagewrapper span.INFO .clsMarkdownOutput * { color:#00C; } div.messagewrapper span.SUCCESS div, div.messagewrapper span.SUCCESS .clsMarkdownOutput * { color:#0C0; } div.messagewrapper span.WARN div, div.messagewrapper span.WARN .clsMarkdownOutput * { color:#F80; } /*****************************************/ /* wird bei der BMWDesk Berechtigungsverwaltung für Musterbenutzer verwendet */ /* und im Suchbaum Typauswahl bei der GAMMA-Fahrzeugsuche*/ .checkbutton { /*border:1px solid #666;*/ border-radius: 3px; padding-left: 1px; padding-right: 1px; min-width: 1.1em; width: 1.1em; text-align: center; display: inline-block; background: url(../img/form_input_bg_shadow.png) no-repeat; /* Anpassung an BMW Styleguide input.TEXTBOX */ border: 1px solid #999; /* Anpassung an BMW Styleguide input.TEXTBOX */ } .green{color:#0c0 !important;} /* gruener Haken in Berechtigungsliste */ .grey{color:#bbb !important;} /* grauer Haken in Berechtigungsliste */ .red{color:#c00 !important;} /* rotes Kreuzchen in Berechtigungsliste */ /* sorgt dafür, dass ein klickbares element eine Hand zeigt wenn man mit der Maus drüberfährt */ .pseudolink{ cursor:pointer !important; } /* sorgt dafür, dass ein klickbares element eine Hand zeigt wenn man mit der Maus drüberfährt ('body ', damit der body selbst keinen Pointer kriegt)*/ body [ng-click]{ cursor:pointer; } /* sorgt dafür, dass ein text-element unterstrichen ist eine Hand zeigt wenn man mit der Maus drüberfährt z.B.
klick mich
*/ .textlink { text-decoration:underline; cursor:pointer; } /* um [ng-click]--> pointer aufzuheben */ .nopointer{ cursor:default !important; } .helper{ cursor:help !important; } /* fix für BMW UI, funktionierte sonst nicht im Chrome */ #navigation ul li a.active span, #navigation ul li a.open span, #navigation ul li a:hover span{ color: black !important; cursor: pointer !important; } /* paginierung: style für die aktuelle Seite */ a.selected-page { color: #000 !important; font-weight: bold; margin: 0 3px 0 0; cursor: default; } /* paginierung: style für alle Seiten */ span.pagination-pages a:hover { cursor:pointer; } div.wrap { white-space: pre-wrap; /* CSS3 */ word-wrap: break-word; /* IE */ } .error { color: #cc0000; } table.fe { table-layout: fixed; border-collapse: collapse; border-spacing: 0px; /*width:810px;*/ } table.fe[cols="3"] { width:405px; } table.fe[cols="5"] { width:675px; } table.fe[cols="6"] { width:810px; } table.fe[cols="7"] { width:945px; } table.fe[cols="8"] { width:1080px; } table.coltable table.fe { margin-left: -1px; /*position:relative; left:-1px;*/ } /*Tabelle mit sticky Kopfzeile*/ table.stickyheader { border-collapse: separate; } table.stickyheader th { background-color: white; position: sticky; top: 0; } #content div.container.container-standard.scrollable div.container-content { padding-bottom:7px; margin-bottom:0px; overflow-x:auto; } #content div.container.container-standard.scrollable div.container-content div.content-wrapper{ display:inline-block; margin-right:25px; } /* table.coltable { border-collapse: collapse; border-style: hidden; } table.coltable>tr>td, table.coltable>tr>th, table.coltable>tbody>tr>td, table.coltable>tbody>tr>th { border-top: 1px solid #999; } */ table.fe tr { height:28px; } table.data>tr, table.data>tbody>tr { height: auto; } td.repeatedfevaluereadonly { padding-bottom: 9px; } div.fevaluereadonly { padding-top:5px; } div.fevaluereadonly pre.textareaoutput { margin-bottom: 5px; } /* div.fevaluereadonly pre.textareaoutput { word-wrap: break-word; white-space: pre-wrap; margin-bottom: 5px; } table.data td pre.textareaoutput { word-wrap: break-word; white-space: pre-wrap; } //modal-box sind sie sicher= p pre.textareaoutput { word-wrap: break-word; white-space: pre-wrap; } */ pre.textareaoutput { word-wrap: break-word; white-space: pre-wrap; } td.fecaption { padding-top:5px; padding-right:4px; text-align:right; overflow: hidden; } div.datatable_wrapper { overflow-x:auto; } table.data td.fecaption { padding-top:10px; padding-right:4px; text-align:right; overflow: hidden; } table.data td.right, table.data th.right { text-align:right; } table.data td.center, table.data th.center { text-align:center; } table.data td.borderleft, table.data th.borderleft { border-left: 1px solid #666; } td.fefield { text-align:left; overflow:hidden; } div.fe_caption { display: table-cell; overflow: hidden; text-align:right; padding-right:4px; } div.fe_content { display: table-cell; overflow: hidden; } div.fe_wrapper { border:0px; margin: 0px; padding:0px; } div.fe_error { overflow: hidden; margin: 0 0 0 0; text-align:right; color: #cc0000; } td.error{ color:#E00 !important; } td.fe_col1 { min-width: 133px; max-width: 133px; width: 133px;} td.fe_col2 { min-width: 268px; max-width: 268px; width: 268px;} input.fe_col1, textarea.fe_col1 {width: 123px;} input.fe_col2, textarea.fe_col2 {width: 258px;} input.fe_col3, textarea.fe_col3 {width: 393px;} input.fe_col4, textarea.fe_col4 {width: 528px;} input.fe_col5, textarea.fe_col5 {width: 663px;} /*input mit trigger*/ input.inputMitTrigger {float: left;} input.fe_col1.inputMitTrigger {width: 105px;} input.fe_col2.inputMitTrigger {width: 240px;} input.fe_col3.inputMitTrigger {width: 375px;} input.fe_col4.inputMitTrigger {width: 510px;} input.fe_col5.inputMitTrigger {width: 645px;} /* Anpassung Breite der Texteingabefelder*/ select.col1 { margin-right:0px; width: 131px;} select.col2 { margin-right:0px; width: 266px;} select.col3 { margin-right:0px; width: 401px;} select.col4 { margin-right:0px; width: 536px;} select.col5 { margin-right:0px; width: 671px;} /* select mit static width schneiden im ie8 auch in den Optionen den Text ab! */ /* Workaround: */ div.selectdiv.col1 select.col1:focus{ width:auto; min-width:131px;} div.selectdiv.col2 select.col2:focus{ width:auto; min-width:266px;} div.selectdiv.col3 select.col3:focus{ width:auto; min-width:401px;} div.selectdiv.col4 select.col4:focus{ width:auto; min-width:536px;} div.selectdiv.col5 select.col5:focus{ width:auto; min-width:671px;} div.selectdiv{overflow:hidden;} div.selectdiv.col1 { width:131px;} div.selectdiv.col2 { width:266px;} div.selectdiv.col3 { width:401px;} div.selectdiv.col4 { width:536px;} div.selectdiv.col5{ width:671px;} /* /Workaround */ input.col1.hasDatepicker { width:106px; margin: 3px 0px 3px 0; } img.ui-datepicker-trigger { /*margin: 3px 6px 3px -1px; */ margin: 3px 0px 3px -1px; } div.datetime img.ui-datepicker-trigger { margin-right: 1px; /*Abstand zwischen Dateeingabe und Timeeingabe*/ } input.hasDatepicker.ng-hide + img.ui-datepicker-trigger { display:none; /* versteckt auch den trigger, wenn das inputfeld hidden ist!*/ } /* statt 4px, sonst ist das Datefiled nach unten verrutscht*/ div.datetimewrapper input.timefield { margin-bottom: 3px; } div.datetimewrapper select.timedd { margin-bottom: 3px; } /* ÜBERSCHREIBUNG DES CI !!! * BESSERE LESBARKEIT DER FE-TABLES DURCH graue Caption und größerere Abstand */ /* Bessere Unterscheidung Caption RO-Felder --> caption grau + mehr abstand! --> mehr abstand --> kleinere inputfelder und mehr padding-right für die caption */ /********************************************************************************/ /********************************************************************************/ body.better_fe td.fecaption { padding-right:8px; /*eigentlich 4px*/ } body.better_fe div.fevaluereadonly .fecaption, body.better_fe td.fecaption .fecaption{ color:#666666; } body.better_fe input.col1.hasDatepicker { width:102px; } body.better_fe div.datetime img.ui-datepicker-trigger { margin-right: 5px; } body.better_fe input.fe_col1, body.better_fe textarea.fe_col1 {width: 119px;} body.better_fe input.fe_col2, body.better_fe textarea.fe_col2 {width: 254px;} body.better_fe input.fe_col3, body.better_fe textarea.fe_col3 {width: 389px;} body.better_fe input.fe_col4, body.better_fe textarea.fe_col4 {width: 524px;} body.better_fe input.fe_col5, body.better_fe textarea.fe_col5 {width: 659px;} body.better_fe input.fe_col6, body.better_fe textarea.fe_col6 {width: 794px;} /*input mit trigger*/ body.better_fe input.fe_col1.inputMitTrigger {width: 101px;} body.better_fe input.fe_col2.inputMitTrigger {width: 236px;} body.better_fe input.fe_col3.inputMitTrigger {width: 371px;} body.better_fe input.fe_col4.inputMitTrigger {width: 506px;} body.better_fe input.fe_col5.inputMitTrigger {width: 641px;} body.better_fe input.fe_col6.inputMitTrigger {width: 776px;} /* Anpassung Breite der Texteingabefelder*/ body.better_fe select.col1 { margin-right:0px; width: 127px;} body.better_fe select.col2 { margin-right:0px; width: 262px;} body.better_fe select.col3 { margin-right:0px; width: 397px;} body.better_fe select.col4 { margin-right:0px; width: 532px;} body.better_fe select.col5 { margin-right:0px; width: 667px;} /* select mit static width schneiden im ie8 auch in den Optionen den Text ab! */ /* Workaround: */ body.better_fe div.selectdiv.col1 select.col1:focus{ width:auto; min-width:127px;} body.better_fe div.selectdiv.col2 select.col2:focus{ width:auto; min-width:262px;} body.better_fe div.selectdiv.col3 select.col3:focus{ width:auto; min-width:397px;} body.better_fe div.selectdiv.col4 select.col4:focus{ width:auto; min-width:532px;} body.better_fe div.selectdiv.col5 select.col5:focus{ width:auto; min-width:667px;} body.better_fe div.selectdiv.col1 { width:127px;} body.better_fe div.selectdiv.col2 { width:262px;} body.better_fe div.selectdiv.col3 { width:397px;} body.better_fe div.selectdiv.col4 { width:532px;} body.better_fe div.selectdiv.col5{ width:667px;} /* /Workaround */ body.better_fe div.search-field-wrapper>input.fe_col1 { width: 100px;} body.better_fe div.search-field-wrapper>input.fe_col2 { width: 235px;} body.better_fe div.search-remove-field-wrapper>input.fe_col1 { width: 81px;} body.better_fe div.search-remove-field-wrapper>input.fe_col2 { width: 216px;} body.better_fe div.search-remove-field-wrapper>input.fe_col3 { width: 351px;} body.better_fe div.search-remove-field-wrapper>input.fe_col4 { width: 486px;} body.better_fe td.fefield[colspan="1"] div.checklist { margin-right:0px; width: 121px;} body.better_fe td.fefield[colspan="2"] div.checklist { margin-right:0px; width: 256px;} body.better_fe td.fefield[colspan="3"] div.checklist { margin-right:0px; width: 391px;} body.better_fe td.fefield[colspan="4"] div.checklist { margin-right:0px; width: 526px;} body.better_fe td.fefield[colspan="5"] div.checklist { margin-right:0px; width: 661px;} body.better_fe td.fefield[colspan="6"] div.checklist { margin-right:0px; width: 796px;} body.better_fe td.fefield[colspan="1"] div.checklistoutput { margin-right:0px; width: 123px;} body.better_fe td.fefield[colspan="2"] div.checklistoutput { margin-right:0px; width: 258px;} body.better_fe td.fefield[colspan="3"] div.checklistoutput { margin-right:0px; width: 393px;} body.better_fe td.fefield[colspan="4"] div.checklistoutput { margin-right:0px; width: 528px;} body.better_fe td.fefield[colspan="5"] div.checklistoutput { margin-right:0px; width: 663px;} body.better_fe td.fefield[colspan="6"] div.checklistoutput { margin-right:0px; width: 798px;} body.better_fe td.fefield[colspan="1"] div.checklistTop { margin-right:0px; width: 121px;} body.better_fe td.fefield[colspan="2"] div.checklistTop { margin-right:0px; width: 256px;} body.better_fe td.fefield[colspan="3"] div.checklistTop { margin-right:0px; width: 391px;} body.better_fe td.fefield[colspan="4"] div.checklistTop { margin-right:0px; width: 526px;} body.better_fe td.fefield[colspan="5"] div.checklistTop { margin-right:0px; width: 661px;} body.better_fe td.fefield[colspan="6"] div.checklistTop { margin-right:0px; width: 796px;} body.better_fe td.fefield[colspan="1"] div.search-field-output { margin-right:0px; width: 104px;} body.better_fe td.fefield[colspan="2"] div.search-field-output { margin-right:0px; width: 239px;} body.better_fe td.fefield[colspan="3"] div.search-field-output { margin-right:0px; width: 374px;} body.better_fe td.fefield[colspan="4"] div.search-field-output { margin-right:0px; width: 509px;} body.better_fe td.fefield[colspan="5"] div.search-field-output { margin-right:0px; width: 644px;} body.better_fe td.fefield[colspan="6"] div.search-field-output { margin-right:0px; width: 779px;} body.better_fe td.fefield[colspan="1"] div.search-remove-field-output { margin-right:0px; width: 85px;} body.better_fe td.fefield[colspan="2"] div.search-remove-field-output { margin-right:0px; width: 220px;} body.better_fe td.fefield[colspan="3"] div.search-remove-field-output { margin-right:0px; width: 355px;} body.better_fe td.fefield[colspan="4"] div.search-remove-field-output { margin-right:0px; width: 490px;} body.better_fe td.fefield[colspan="5"] div.search-remove-field-output { margin-right:0px; width: 625px;} body.better_fe td.fefield[colspan="6"] div.search-remove-field-output { margin-right:0px; width: 760px;} body.better_fe td.fefield[colspan="1"] div.two-trigger-field-output { margin-right:0px; width: 85px;} body.better_fe td.fefield[colspan="2"] div.two-trigger-field-output { margin-right:0px; width: 220px;} body.better_fe td.fefield[colspan="3"] div.two-trigger-field-output { margin-right:0px; width: 355px;} body.better_fe td.fefield[colspan="4"] div.two-trigger-field-output { margin-right:0px; width: 490px;} body.better_fe td.fefield[colspan="5"] div.two-trigger-field-output { margin-right:0px; width: 625px;} body.better_fe td.fefield[colspan="6"] div.two-trigger-field-output { margin-right:0px; width: 760px;} td.fefield div.fecheckboxinlinevalue { padding-top: 5px; display: inline-block; max-width: 105px; } td.fefield[colspan="1"] div.fecheckboxinlinevalue { max-width: 100px; } td.fefield[colspan="2"] div.fecheckboxinlinevalue { max-width: 235px; } td.fefield[colspan="3"] div.fecheckboxinlinevalue { max-width: 370px; } td.fefield[colspan="4"] div.fecheckboxinlinevalue { max-width: 505px; } td.fefield[colspan="5"] div.fecheckboxinlinevalue { max-width: 640px; } td.fefield[colspan="6"] div.fecheckboxinlinevalue { max-width: 775px; } /********************************************************************************/ /********************************************************************************/ div.fe_info { overflow: hidden; margin: 0 7px 0 7px; text-align:center; color: #0000cc; } div.container-standard { width:817px; float:left; min-height:25px; } /*Für überbreite Suchkriterien oder überbreite Suchergebnisse*/ div.container-expanded { width : 1087px; } /*Für überbreite Suchkriterien oder überbreite Suchergebnisse*/ div.container-super-expanded { width : 1627px; } /*Für überbreite Suchkriterien oder überbreite Suchergebnisse*/ div.container-expanded div.tabcontent { width : 1073px; } .right { text-align:right; } th.actioncol { width:15px; } div.bon { text-align:center; visibility:hidden; } pre.bonzeile { font-family: Courier New,monospace,Courier; font-size:10pt; margin: 7px 7px 7px 7px; } div.overlay { visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 999; opacity: 0.5; filter: Alpha(opacity=50); -moz-opacity: 0.5; background-color: #000; } div.modal { position:absolute; color: #000000; top: 50%; left: 50%; text-align:center; background-color: #ff0000; border: 1px solid #000000; } select.size5 { height: 76px; } select.size4 { height: 60px; } select.size3 { height: 48px; } select.size2 { height: 32px; } h3.separator { font-size: 12px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #999; } div.radio { white-space: pre-line; } div.checkbox { white-space: pre-line; } input.check_list { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin: 0 0 0 0; } input.radio_list { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin: 0 0 0 0; } div#footer { margin-left: 177px; } .footerspacer { height: 13px; } #metanavigation li.haschildren { } #metanavigation li.haschildren ul { display:none; } #metanavigation li.haschildren:hover ul { display: block; } .nav-meta-menu li a.dropdown-trigger~div.dropdown { display:none; } .nav-meta-menu li:hover a.dropdown-trigger~div.dropdown { display: block; } .tooltip { } .tooltip div.tooltip_wrapper { display:none; position: absolute; } .tooltip.tooltiptimerdone:hover div.tooltip_wrapper { display: block; } .tooltip div.tooltip_content { font-weight: normal; border: 1px solid #999; padding: 4px; z-index: 1000; background:#FFF; min-width:150px; text-align: left; cursor: default; position: absolute; top:-20px; left:20px; } .underlined { text-decoration:underline; } div.checklistTop { background: url("../img/form_input_bg_shadow.png") no-repeat; border: 1px solid #999; max-height: 80px; overflow-y: auto; overflow-x: hidden; padding:2px; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; margin-bottom: -1px; margin-right: 7px; } /*TODO: wird das irgendwo mit großem L verwendet?? div.checkListTop > div.entryTop{ overflow-x:hidden; width:100%; padding-left:2px; } */ div.checklist { background: url("../img/form_input_bg_shadow.png") no-repeat; border: 1px solid #999; max-height: 80px; overflow-y: auto; overflow-x: hidden; padding:2px; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; margin-bottom:4px; } div.checkList > div.entry{ overflow-x:hidden; width:100%; padding-left:2px; } div.checklistoutput { max-height: 80px; overflow-y: auto; overflow-x: hidden; padding:5px 2px 2px 2px; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; } div.checklistoutput > div.entry{ height:19px; } /* checkList divs innerhalb von fefield-tds mit bestimmten colspans */ /* siehe auch better_fe */ td.fefield[colspan="1"] div.checklist { margin-right:0px; width: 125px;} td.fefield[colspan="2"] div.checklist { margin-right:0px; width: 260px;} td.fefield[colspan="3"] div.checklist { margin-right:0px; width: 395px;} td.fefield[colspan="4"] div.checklist { margin-right:0px; width: 530px;} td.fefield[colspan="5"] div.checklist { margin-right:0px; width: 665px;} td.fefield[colspan="6"] div.checklist { margin-right:0px; width: 800px;} td.fefield[colspan="1"] div.checklistoutput { margin-right:0px; width: 127px;} td.fefield[colspan="2"] div.checklistoutput { margin-right:0px; width: 262px;} td.fefield[colspan="3"] div.checklistoutput { margin-right:0px; width: 397px;} td.fefield[colspan="4"] div.checklistoutput { margin-right:0px; width: 532px;} td.fefield[colspan="5"] div.checklistoutput { margin-right:0px; width: 667px;} td.fefield[colspan="6"] div.checklistoutput { margin-right:0px; width: 802px;} td.fefield[colspan="1"] div.checklistTop { margin-right:0px; width: 125px;} td.fefield[colspan="2"] div.checklistTop { margin-right:0px; width: 260px;} td.fefield[colspan="3"] div.checklistTop { margin-right:0px; width: 395px;} td.fefield[colspan="4"] div.checklistTop { margin-right:0px; width: 530px;} td.fefield[colspan="5"] div.checklistTop { margin-right:0px; width: 665px;} td.fefield[colspan="6"] div.checklistTop { margin-right:0px; width: 800px;} /* div.checkList.col1 { margin-right:0px; width: 131px;} div.checkList.col2 { margin-right:0px; width: 224px;} div.checkList.col3 { margin-right:0px; width: 398px;} div.checkList.col4 { margin-right:0px; width: 536px;} div.checkList.col5 { margin-right:0px; width: 671px;} */ /* */ /* ChangeLog */ /* */ table.changelog tr.data td:first-child { min-width: 100px; width: 100px; max-width: 100px; font-weight:bold; } table.changelog tr.version-header th div { font-weight: bold; padding-bottom: 20px; padding-top: 30px; font-size: 15px; } table.changelog { width:100%; margin-bottom:20px; } /* */ /* ChangeLog */ /* */ table.changelog tr.data td:first-child { min-width: 100px; width: 100px; max-width: 100px; font-weight:bold; } table.changelog tr.version-header th div { font-weight: bold; padding-bottom: 20px; padding-top: 30px; font-size: 15px; } table.changelog { width:100%; margin-bottom:20px; } /* radio-buttons */ div.radiobuttonouter { } div.radiobuttonouter div.radiobutton.radiobutton-active{ background-color: #ddd; color:black; } div.radiobuttonouter div.radiobutton{ border:1px solid #999; display:inline-block; padding:0px; padding-left: 4px; padding-right: 4px; line-height:21px; height:21px; text-align: center; color: white; font-weight: bold; background-color: grey; cursor: pointer; /*background:url(../wui/img/form_button_128.png) no-repeat; background-position: 0 -21px;*/ } div.radiobuttonouter div.radiobutton.radiobutton-left{ border-bottom-left-radius: 3px; border-top-left-radius: 3px; } div.radiobuttonouter div.radiobutton.radiobutton-middle{ border-left: 0px; } div.radiobuttonouter div.radiobutton.radiobutton-right{ border-left: 0px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } /*Wenn man das hier nicht hat, so klebt die Summe der Kosten einer Aufbereitung zu nah am rechten Rand.*/ td.fevalue.right div.fevaluereadonly.currency { padding-right: 10px; } /* 3-stufige Navigation */ #navigation ul li ul li a.haschildren { background-position-x: 7px; } #navigation ul li ul li a.haschildren:hover { background-position-x: 7px; } #navigation ul li ul li a.open { background-position-x: 6px; } #navigation ul li ul li a.open:hover { background-position-x: 6px; } #navigation ul li.open ul li.open ul { padding-left: 0px; } #navigation ul li ul li.open a { padding-left: 24px; } #navigation ul li.open ul li.open ul li.active a { padding-left: 48px; } /* -------------------------------------------------------------------------------- End Stylesheet: wui/css/bmwui.css -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- Start Stylesheet: css/elan2.css -------------------------------------------------------------------------------- */ body.html5 input.button, body.html5 button { background: url(../img/form_button_131_blau.png) no-repeat; } body.html5.better_fe input.button, body.html5.better_fe button { background: url(../img/form_button_127_blau.png) no-repeat; } #header { background: #FFF url(../img/header_bg_home_breit.jpg) no-repeat bottom left; } #headerbgswitch.headerImg01 , #header.headerImg01 { background: #FFF url(../img/header/header01.jpg) no-repeat bottom left; } #headerbgswitch.headerImg02 , #header.headerImg02 { background: #FFF url(../img/header/header02.jpg) no-repeat bottom left; } #headerbgswitch.headerImg03 , #header.headerImg03 { background: #FFF url(../img/header/header03.jpg) no-repeat bottom left; } #headerbgswitch.headerImg04 , #header.headerImg04 { background: #FFF url(../img/header/header04.jpg) no-repeat bottom left; } #headerbgswitch.headerImg05 , #header.headerImg05 { background: #FFF url(../img/header/header05.jpg) no-repeat bottom left; } #headerbgswitch.headerImg06 , #header.headerImg06 { background: #FFF url(../img/header/header06.jpg) no-repeat bottom left; } #headerbgswitch.headerImg07 , #header.headerImg07 { background: #FFF url(../img/header/header07.jpg) no-repeat bottom left; } #headerbgswitch.headerImg08 , #header.headerImg08 { background: #FFF url(../img/header/header08.jpg) no-repeat bottom left; } #headerbgswitch.headerImg09 , #header.headerImg09 { background: #FFF url(../img/header/header09.jpg) no-repeat bottom left; } #headerbgswitch.headerImg10 , #header.headerImg10 { background: #FFF url(../img/header/header10.jpg) no-repeat center left; } #header.headerGeb { background: #FFF url(../img/header/headerGeb.jpg) no-repeat bottom left; } h1#header-logo { background: transparent url(../img/bmw_group_logo.png) no-repeat; position: fixed; _position: absolute; top: 0px; left: 980px; /* breiteres HeaderBild */ width: 277px; height: 63px; z-index: 1001; } #portalheader li a, #portalheader li span { color:#000; } #portalheader.headerColorWhite li a, #portalheader.headerColorWhite li span { color:#fff; } #portalheader.headerColorWhite #metanavigation ul li ul li a { color: #666666; } #portalheader.headerColorWhite #metanavigation>ul>li>div.arrow_meta_black { background-image: url(../img/arrow_white.gif); } #header-title { color:#000; } #header.headerColorWhite #header-title { color:#fff; } /* Headlines an Startseite anpassen */ /* body { background: #FFFFFF; } body #density-navigation div#tree-navigation { padding-top: 103px; } #headlines { height: 31px; padding-top: 29px; padding-bottom: 0px; padding-left: 169px; margin-right: 7px; margin-bottom: 15px; margin-left: -169px; // TODO: nonavigation! border-bottom: 4px solid var(--color-bmw-basic3-shade3); } #headlines h2 { display: inline; font-size:14pt; font-weight:bold; height: 25px; padding-left: 15px; padding-right: 35px; padding-bottom:10px; color: var(--color-bmw-basic4); border-bottom: 4px solid; border-image: linear-gradient(to right, white, white 6px, var(--color-bmw-basic3-shade3) 6px, var(--color-bmw-basic3-shade3)) 1; } #headlines h2#subheadline { color: var(--ds-color-typography-action-hover); border-bottom: 4px solid var(--ds-color-typography-action-hover); border-bottom: 4px solid; border-image: linear-gradient(to right, white, white 6px, var(--ds-color-typography-action-hover) 6px, var(--ds-color-typography-action-hover)) 1; } #headlines:after { display: inline-block; content: '\00a0'; width: 6px; color: var(--ds-color-typography-action-hover); border-bottom: 4px solid white; height: 28px; margin-left: -2px; } body.html5.better_fe #content div.container h3 { margin: 20px 0px; padding: 10px 25px 10px 5px; font-size: 16px; background-color: #F0F5F7; border-bottom: 1px solid #136379; color: #035970; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.html5 #content .container { border-top: 0px; border-left: 0px; border-right: 0px; } /* ---- Headlines an Startseite anpassen */ input.button, button { background-image: url(../img/form_button_128_blau.png); } div.checklist { min-height: 17px; } #content table.fe tr.separatorrow { height:1px; } #content table.fe tr.separatorrow h3{ line-height:0px; height:0px; margin:0px 5px 0px 0px; padding: 0px 0px 0px 0px; border-color: #ccc; } .blueinfo { color:#00f; } .redinfo { color:#c00; } .greyoutput, .greyoutput div, .greyoutput dl, .greyoutput dt, .greyoutput dd, .greyoutput ul, .greyoutput ol, .greyoutput li, .greyoutput h1, .greyoutput h2, .greyoutput h3, .greyoutput h4, .greyoutput h5, .greyoutput h6, .greyoutput pre, .greyoutput p, .greyoutput blockquote, .greyoutput th, .greyoutput td, .greyoutput span, .greyoutput a { color: #666666; } .align_right { text-align: right; } div.wf_tile { width:159px; margin-left:5px; } div.wf_tile>div.wft_header { width:150px; height:50px; /*background:#ddd;*/ font-weight: bold; font-size: 14px; line-height: 16px; padding-top:5px; text-align: center; } div.wf_tile>div.wft_body { width:150px; height:150px; } div.wf_tile>div.wft_body.film_und_foto { background-image: url(../img/ELAN_ICON_FILM_UND_FOTO.png); } div.wf_tile>div.wft_body.vowi { background-image: url(../img/ELAN_ICON_VERKEHRSVERSTOSS.png); } div.wf_tile>div.wft_body.abmotw{ background-image: url(../img/ELAN_ICON_UEBERSTUNDEN.png); } div.wf_tile>div.wft_body.abm { background-image: url(../img/ELAN_ICON_ARBEITSMELDUNG.png); } div.wf_tile>div.wft_body.otw { background-image: url(../img/ELAN_ICON_UEBERSTUNDEN.png); } div.wf_tile>div.wft_body.cva { background-image: url(../img/ELAN_ICON_SOZIALESENGAGEMENT.png); } div.wf_tile>div.wft_body.zbg { background-image: url(../img/ELAN_ICON_ZUTRITTSBERECHTIGUNG.png); } div.wf_tile>div.wft_body.ercp { background-image: url(../img/ELAN_ICON_BESUCHERVORANMELDUNG.png); } div.wf_tile>div.wft_body.edk { background-image: url(../img/ELAN_ICON_ED_KENNKARTE.png); } div.wf_tile>div.wft_body.mit { background-image: url(../img/ELAN_ICON_MITNAHMESCHEIN.png); } div.wf_tile>div.wft_body.kav { background-image: url(../img/ELAN_ICON_KAMERA.png); } div.wf_tile>div.wft_body.epm { background-image: url(../img/ELAN_ICON_EXTERNE.png); } div.wf_tile>div.wft_body.par { background-image: url(../img/ELAN_ICON_PARKEN.png); } div.wf_tile>div.wft_body.dfa { background-image: url(../img/ELAN_ICON_DIENSTFAHRTEN.png); } /*TODO PosiIT WF-ID*/ div.wf_tile>div.wft_body.pit { background-image: url(../img/ELAN_ICON_POST_IT.png); } /*TODO Schluessel WF-ID*/ div.wf_tile>div.wft_body.slv { background-image: url(../img/ELAN_ICON_SCHLUESSEL.png); } /*TODO AusweisTermin WF-ID*/ div.wf_tile>div.wft_body.awt { background-image: url(../img/ELAN_ICON_AUSWEIS_TERMIN.png); } /*TODO AusweisErstellung WF-ID*/ div.wf_tile>div.wft_body.awe { background-image: url(../img/ELAN_ICON_AUSWEISERSTELLUNG.png); } /*TODO AusweisVerlustDefekt WF-ID*/ div.wf_tile>div.wft_body.avm { background-image: url(../img/ELAN_ICON_AUSWEISVERLUST.png); } /*TODO Auftragnehmer WF-ID*/ div.wf_tile>div.wft_body.ane { background-image: url(../img/ELAN_ICON_AUFTRAGNEHMER.png); } div.homeactionlist { display: flex; flex-direction: column; margin-bottom: 30px; } div.homeactionitemrow { display: flex; flex-direction: row; height: 55px; border-top: 1px solid transparent; border-bottom: 1px solid #999; /*border-bottom: 2px solid var(--color-bmw-basic3-shade3); */ margin-bottom: 0px; padding-top: 10px; } div.homeactionitemrow:hover { background-color: #F0F5F7; } div.homeactionitemrow div.homeactionitemicon { height: 50px; width: 60px; background-size: 50px; /*background-image: url(../img/WFITEM_Default.png);*/ background-repeat: no-repeat; } div.homeactionitemrow div.homeactionitemicon.neu { background-image: url(../img/ht_icons/NEU.svg); } div.homeactionitemrow div.homeactionitemicon.suche { background-image: url(../img/ht_icons/SUCHE.svg); } div.homeactionitemrow div.homeactionitemicon.genehmigung { background-image: url(../img/ht_icons/GENEHMIGEN.svg); } div.homeactionitemrow div.homeactionitemicon.admin { background-image: url(../img/ht_icons/ADMIN.svg); } div.homeactionitemrow div.homeactionitemicon.mat { background-image: url(../img/ht_icons/MAT.svg); } div.homeactionitemrow div.homeactionitemicon.zutritt { background-image: url(../img/ht_icons/ZUTRITT.svg); } div.homeactionitemrow div.homeactionitemicon.rzk { background-image: url(../img/ht_icons/RZK.svg); } div.homeactionitemrow div.homeactionitemicon.zfa { background-image: url(../img/ht_icons/ZFA.svg); } div.homeactionitemrow div.homeactionitemicon.externe { background-image: url(../img/ht_icons/ADMIN.svg); } div.homeactionitemrow div.homeactionitemicon.berichte { background-image: url(../img/ht_icons/REPORTS.svg); } div.homeactionitemrow div.homeactionitemicon.stllv { background-image: url(../img/ht_icons/STLLV.svg); } div.homeactionitemrow div.homeactionitemicon.aau { background-image: url(../img/ht_icons/AAU.svg); } div.homeactionitemrow div.homeactionitem { flex: 1; display: flex; flex-direction: column; min-width: 0; width: 0; padding: 0px 10px; } div.homeactionitemrow div.homeactionitem * { font-size: 14px; } div.homeactionitemrow div.homeactionitem div.homeactionitemtitle { padding: 3px 0px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; line-height: normal; } div.homeactionitemrow div.homeactionitem div.homeactionitemdesc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; line-height: normal; } div.homeactionitemrow div.homeactionitemlinkicon { height: 50px; width: 50px; background-size: 35px; background-position: 5px 10px; background-repeat: no-repeat; background-image: url(../img/icons_svg/arrow-right_rg.svg); } div.homeactionitemrow div.homeactionitemlinkicon.plus { background-image: url(../img/icons_svg/plus_rg.svg); } div.homeactionitemrow div.homeactionitemlinkicon.list { background-image: url(../img/icons_svg/list-checkmarks_rg.svg); } div.homeactionitemrow div.homeactionitemlinkicon.admin { background-image: url(../img/icons_svg/settings_rg.svg); } div.homeactionitemrow div.homeactionitemlinkicon.extern { background-image: url(../img/icons_svg/external-link_rg.svg); } div.hometile { width:134px; margin-left:5px; } div.hometile>div.ht_header { width:125px; height:33px; /*background:#ddd;*/ font-weight: bold; font-size: 14px; line-height: 14px; padding-top:5px; text-align: center; } div.hometile>div.ht_body { width:125px; height:125px; background-position: center; background-size: 90px; background-repeat: no-repeat; } div.hometile>div.ht_body.neu { background-image: url(../img/ht_icons/NEU.svg); } div.hometile>div.ht_body.suche { background-image: url(../img/ht_icons/SUCHE.svg); } div.hometile>div.ht_body.genehmigung { background-image: url(../img/ht_icons/GENEHMIGEN.svg); } div.hometile>div.ht_body.admin { background-image: url(../img/ht_icons/ADMIN.svg); } div.hometile>div.ht_body.mat { background-image: url(../img/ht_icons/MAT.svg); } div.hometile>div.ht_body.zutritt { background-image: url(../img/ht_icons/ZUTRITT.svg); } div.hometile>div.ht_body.rzk { background-image: url(../img/ht_icons/RZK.svg); } div.hometile>div.ht_body.zfa { background-image: url(../img/ht_icons/ZFA.svg); } div.hometile>div.ht_body.externe { background-image: url(../img/ht_icons/ADMIN.svg); } div.hometile>div.ht_body.berichte { background-image: url(../img/ht_icons/REPORTS.svg); } div.hometile>div.ht_body.stllv { background-image: url(../img/ht_icons/STLLV.svg); } /* S.N. 20191127: jetzt in bmwui.css div.container-expanded { width : 1087px; } div.container-super-expanded { width : 1627px; } div.container-expanded div.tabcontent { width : 1073px; } */ /* Um Checkboxen in einer Daten Tabelle anzuzeigen (table.data>tr>td>div.checkbox_wrapper>checkbox) reine Anzeige! */ div.checkbox_wrapper { height: 20px; overflow:hidden; padding:0px; } /*table.data tr habn eine line-height von 14px --> +3px oben und unten*/ table.data div.checkbox_wrapper { margin-top:-3px; margin-bottom:-3px; } /*table.data tr habn eine line-height von 14px --> +3px oben und unten*/ table.data th div.checkbox_wrapper { margin-top:0px; margin-bottom:-6px; } #content .container h3.noborder { border:0px solid #000; } div.elan_icon { height: 16px; width:16px; float:left; } /* Abstand zwischen zwei icons */ div.elan_icon + div.elan_icon { margin-left:5px; } /*table.data tr habn eine line-height von 14px --> +1px oben und unten*/ table.data div.elan_icon { margin-top:-1px; margin-bottom:-1px; } div.fevaluereadonly div.elan_icon { margin-top:-2px; } table.data div.elan_icon.fedata { margin-top:4px; } h3 div.elan_icon { float:right; margin-top:-2px; } div.elan_icon.refresh { background: url(../img/icons_svg/update_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.archive { background: url(../img/icons_svg/lock-locked_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.xlsx { background: url(../img/icons_svg/document-chart_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.questionmark { background: url(../img/icons_svg/help_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.check { background: url(../img/icons_svg/checkmark_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.info { background: url(../img/icons_svg/information_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.copy { background: url(../img/icons_svg/duplicate_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.loupe { background: url(../img/icons_svg/search_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.cylinder { background: url(../img/icons_svg/self-service-kiosk_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.delete { background: url(../img/icons_svg/close_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.minus { background: url(../img/icons_svg/minus_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.pdf { background: url(../img/icons_svg/document-pdf_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.fatup { background: url(../img/icons_svg/arrow-chevron-up_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.fatdown { background: url(../img/icons_svg/arrow-chevron-down_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.up { background: url(../img/icons_svg/arrow-up_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.left { background: url(../img/icons_svg/arrow-left_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.rightup { background: url(../img/icons_svg/arrow-up-right_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.right { background: url(../img/icons_svg/arrow-up_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.down { background: url(../img/icons_svg/arrow-down_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.plus { background: url(../img/icons_svg/plus_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.edit { background: url(../img/icons_svg/edit_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.hicon { background: url(../img/icons_svg/personal-data-storage_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.picon { background: url(../img/icons_svg/parking_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.ticon { background: url(../img/icons_svg/t_icon.png) no-repeat 0px 0px; } div.elan_icon.vicon { background: url(../img/icons_svg/share_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.back { background: url(../img/icons_svg/reset_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.portup { background-image: url(../img/icons_svg/arrow-chevron-up_rg.svg); background-size: 16px; } div.elan_icon.portdown { background-image: url(../img/icons_svg/arrow-chevron-down_rg.svg); background-size: 16px; } div.elan_icon.exclamation { background: url(../img/icons_svg/warning-sign_rg.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.exclamation.red { background: url(../img/icons_svg/ausrufezeichen_rot.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.exclamation.orange { background: url(../img/icons_svg/ausrufezeichen_orange.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.circle.red, div.elan_icon.circle[color="red"] { background: url(../img/icons_svg/boebble_rot.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.circle.green, div.elan_icon.circle[color="green"] { background: url(../img/icons_svg/boebble_gruen.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.circle.yellow, div.elan_icon.circle[color="yellow"] { background: url(../img/icons_svg/boebble_gelb.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.circle.black, div.elan_icon.circle[color="black"] { background: url(../img/icons_svg/boebble_schwarz.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.circle.grey, div.elan_icon.circle[color="grey"] { background: url(../img/icons_svg/boebble_grau.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.circle.blue, div.elan_icon.circle[color="blue"] { background: url(../img/icons_svg/boebble_blau.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.circle.orange, div.elan_icon.circle[color="orange"] { background: url(../img/icons_svg/boebble_orange.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.circle.pink, div.elan_icon.circle[color="pink"] { background: url(../img/icons_svg/boebble_pink.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.circle.purple, div.elan_icon.circle[color="purple"] { background: url(../img/icons_svg/boebble_violett.svg) no-repeat 0px 0px; background-size: 16px; } div.elan_icon.circle.redyellow, div.elan_icon.circle[color="redyellow"] { background: url(../img/icons_svg/boebble_rot_gelb.svg) no-repeat 0px 0px; background-size: 16px; } /*Switches*/ div.elan_switch_caption { display: inline-block; vertical-align:top } div.elan_switch_caption.fe_col3 { padding-top:5px; width: 175px; } div.elan_switch_caption.links { text-align:right; } div.elan_switch_wrapper.links div.elan_switch_caption.links, div.elan_switch_wrapper.rechts div.elan_switch_caption.rechts { font-weight: bold; } div.elan_switch { height: 18px; width: 40px; margin-top: 1px; display: inline-flex; flex-direction: row; } div.elan_switch>div { flex-grow: 1; } div.elan_switch_wrapper { height: 20px; } @keyframes background { 0% { background-color: #FF0; } 100% { background-color: #AD310B; } } div.elan_switch_wrapper div.elan_switch { position: relative; border-radius: 9px; background: #C1C1BF; -webkit-transition: background .1s linear; transition: background .1s linear; vertical-align: middle; } div.elan_switch_wrapper div.elan_switch:before { content: ''; position: absolute; top: 2px; left: 13px; width: 14px; height: 14px; background: #fff; border-radius: 50%; -webkit-transition: left .2s ease-out; transition: left .2s ease-out; } div.elan_switch_wrapper.disabled div.elan_switch { opacity: 0.5; } div.elan_switch_wrapper.links div.elan_switch:before { left: 2px; } div.elan_switch_wrapper.rechts div.elan_switch:before { left: 24px; } div.elan_switch_wrapper.cfg_links_gruen.links div.elan_switch { background: #3ea359; } div.elan_switch_wrapper.cfg_rechts_orange.rechts div.elan_switch { background: #ff8761; } /**/ /* div.elan_switch.switch_orange_rechts { background: url(../img/icons/switch_orange_rechts.png) no-repeat 0px 0px; background-size: 40px 20px; } div.elan_switch.switch_gruen_links { background: url(../img/icons/switch_gruen_links.png) no-repeat 0px 0px; background-size: 40px 20px; } div.elan_switch.switch_neutral_links { background: url(../img/icons/switch_neutral_links.png) no-repeat 0px 0px; background-size: 40px 20px; } div.elan_switch.switch_neutral_rechts { background: url(../img/icons/switch_neutral_rechts.png) no-repeat 0px 0px; background-size: 40px 20px; } div.elan_switch.switch_neutral { background: url(../img/icons/switch_neutral.png) no-repeat 0px 0px; background-size: 40px 20px; } div.elan_switch.switch_neutral_links_disabled { background: url(../img/icons/switch_neutral_links_disabled.png) no-repeat 0px 0px; background-size: 40px 20px; } div.elan_switch.switch_neutral_rechts_disabled { background: url(../img/icons/switch_neutral_rechts_disabled.png) no-repeat 0px 0px; background-size: 40px 20px; } div.elan_switch.switch_neutral_disabled { background: url(../img/icons/switch_neutral_disabled.png) no-repeat 0px 0px; background-size: 40px 20px; } */ div.checkListTop{ margin-right: 7px; } div.checkListTop > div.entryTop{ overflow-x:hidden; width:100%; padding-left:2px; } div.markdown-icon-list { background: url(../img/md_icons/list.png) no-repeat 0px 0px; width:24px; height:20px; margin-top:2px; } /*Ausweis klein*/ div.ausweis-klein { width: 52px; height: 80px; background-size: 52px 80px; background-repeat: no-repeat; background-position: 0px 0px; } div.ausweis-klein.ausweisPlus { background-image: url(../img/ausweise/plus.png); width: 20px; background-size: 19px 200px; background-position: 3px -45px; } div.ausweis-klein.ausweis10er { background-image: url(../img/ausweise/10.png); } div.ausweis-klein.ausweis20er { background-image: url(../img/ausweise/20.png); } div.ausweis-klein.ausweis30er { background-image: url(../img/ausweise/30.png); } div.ausweis-klein.ausweis33er { background-image: url(../img/ausweise/33.png); } /*Ausweise fuer WF Parken*/ div.ausweis-plus { width: 19px; height: 200px; background: url(../img/ausweise/plus.png) no-repeat 0px 0px; } div.ausweis-10er { width: 130px; height: 200px; background: url(../img/ausweise/10.png) no-repeat 0px 0px; } div.ausweis-10er.inactive { background: url(../img/ausweise/10_inactive.png) no-repeat 0px 0px; } div.ausweis-10er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/10_inactive.png) no-repeat 0px 0px; } div.ausweis-20er { width: 130px; height: 200px; background: url(../img/ausweise/20.png) no-repeat 0px 0px; } div.ausweis-20er.inactive { background: url(../img/ausweise/20_inactive.png) no-repeat 0px 0px; } div.ausweis-20er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/20_inactive.png) no-repeat 0px 0px; } div.ausweis-21er { width: 130px; height: 200px; background: url(../img/ausweise/21.png) no-repeat 0px 0px; } div.ausweis-21er.inactive { background: url(../img/ausweise/21_inactive.png) no-repeat 0px 0px; } div.ausweis-21er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/21_inactive.png) no-repeat 0px 0px; } div.ausweis-21er-small { width: 100px; height: 100px; background: url(../img/ausweise/21.png) no-repeat center; background-size: 65px 100px; } div.ausweis-22er { width: 130px; height: 200px; background: url(../img/ausweise/22.png) no-repeat 0px 0px; } div.ausweis-22er.inactive { background: url(../img/ausweise/22_inactive.png) no-repeat 0px 0px; } div.ausweis-22er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/22_inactive.png) no-repeat 0px 0px; } div.ausweis-22er-small { width: 100px; height: 100px; background: url(../img/ausweise/22.png) no-repeat center; background-size: 65px 100px; } div.ausweis-30er { width: 130px; height: 200px; background: url(../img/ausweise/30.png) no-repeat 0px 0px; } div.ausweis-30er.inactive { background: url(../img/ausweise/30_inactive.png) no-repeat 0px 0px; } div.ausweis-30er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/30_inactive.png) no-repeat 0px 0px; } div.ausweis-31er { width: 130px; height: 200px; background: url(../img/ausweise/31.png) no-repeat 0px 0px; } div.ausweis-31er.inactive { background: url(../img/ausweise/31_inactive.png) no-repeat 0px 0px; } div.ausweis-31er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/31_inactive.png) no-repeat 0px 0px; } div.ausweis-33er { width: 130px; height: 200px; background: url(../img/ausweise/33.png) no-repeat 0px 0px; } div.ausweis-33er.inactive { background: url(../img/ausweise/33_inactive.png) no-repeat 0px 0px; } div.ausweis-33er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/33_inactive.png) no-repeat 0px 0px; } div.ausweis-40er { width: 130px; height: 200px; background: url(../img/ausweise/40.png) no-repeat 0px 0px; } div.ausweis-40er.inactive { background: url(../img/ausweise/40_inactive.png) no-repeat 0px 0px; } div.ausweis-40er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/40_inactive.png) no-repeat 0px 0px; } div.ausweis-40er-small { width: 100px; height: 100px; background: url(../img/ausweise/40.png) no-repeat center; background-size: 65px 100px; } div.ausweis-49er { width: 130px; height: 200px; background: url(../img/ausweise/49.png) no-repeat 0px 0px; } div.ausweis-49er.inactive { background: url(../img/ausweise/49_inactive.png) no-repeat 0px 0px; } div.ausweis-49er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/49_inactive.png) no-repeat 0px 0px; } div.ausweis-49er-small { width: 100px; height: 100px; background: url(../img/ausweise/49.png) no-repeat center; background-size: 65px 100px; } div.ausweis-50er { width: 130px; height: 200px; background: url(../img/ausweise/50.png) no-repeat 0px 0px; } div.ausweis-50er.inactive { background: url(../img/ausweise/50_inactive.png) no-repeat 0px 0px; } div.ausweis-50er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/50_inactive.png) no-repeat 0px 0px; } div.ausweis-60er { width: 130px; height: 200px; background: url(../img/ausweise/60.png) no-repeat 0px 0px; } div.ausweis-60er.inactive { background: url(../img/ausweise/60_inactive.png) no-repeat 0px 0px; } div.ausweis-60er_inactive { width: 130px; height: 200px; background: url(../img/ausweise/60_inactive.png) no-repeat 0px 0px; } table.ffInnerTable { border: 1px solid #000; /*border-collapse: separate;*/ } table.ffInnerTable th { vertical-align: middle; padding-left: 17px; border: 1px solid #000; } table.ffInnerTable td { border-left: 1px solid #000; } table.ffInnerTable td { padding-top: 10px; padding-bottom: 10px; } table.ffInnerTable td.ffeButtonTD { border-top: 1px solid #fff; text-align: center; } body.html5.better_fe td.ffeButtonTD button { background: url(../img/form_button_127_blau.png); background-size: 220px 63px; width: 220px; } @font-face { font-family: 'iwp'; src: url('../fonts/iwp.woff2') format('woff2'); } .iwp-icon { font-family: iwp!important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; font-size: 12px; line-height: 14px; vertical-align: bottom; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iwp-icon.gen_user:before { content: '\e9f1'; } .iwp-icon.gen_arrow_down:before { content: '\e92f'; } .iwp-icon.gen_arrow_up:before { content: '\e932'; } .center { text-align: center; } .right { text-align: right; } body.html5.better_fe .info-container { background-color: transparent; line-height: 14px; border: 1px solid #999; background-color: #FFF; margin-bottom: 7px; } body.html5.better_fe .info-container h3 { background-color: transparent; /*color: var(--ds-color-typography-neutral);*/ /*color: var(--ds-color-typography-base);*/ color: var(--ds-color-red-700); font-size: 14px; font-weight: 500; line-height: 16px; border-bottom: 1px solid #999; margin: 0 6px; padding: 3px 0 3px 0; } body.html5.better_fe .info-container h3.noborder { border: 0px solid #000; } body.html5.better_fe .info-container .info-container-content { padding: 0px 6px 0px 6px; overflow: hidden; margin-top: 10px; margin-bottom: 7px; } body.better_fe.html5 div.redinfo.clsMarkdownOutput > ul > li { color: var(--ds-color-red-700); } body.better_fe.html5 td.bordered-cell.head { border: 1px solid #999; font-size: 14px; line-height: 16px; padding: 3px; } body.better_fe.html5 td.bordered-cell { border: 1px solid #999; padding: 3px; } /* -------------------------------------------------------------------------------- End Stylesheet: css/elan2.css -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- Start Stylesheet: css/density.css -------------------------------------------------------------------------------- */ :root { --color-bmw-signal2: #3ea359; --ds-color-grey-100: #f5f6f6; --ds-color-grey-200: #e0e2e3; --ds-color-grey-300: #c6c8cb; --ds-color-grey-400: #a9abaf; --ds-color-grey-500: #8c8e91; --ds-color-grey-600: #707173; --ds-color-grey-700: #555658; --ds-color-grey-800: #3d3e3e; --ds-color-grey-900: #282828; --ds-color-cool-grey-950: #0b0d10; --ds-color-ocean-100: #e0f2ff; --ds-color-ocean-200: #a8dfff; --ds-color-ocean-300: #3ccaff; --ds-color-ocean-400: #00aede; --ds-color-ocean-500: #0291b7; --ds-color-ocean-600: #037493; --ds-color-ocean-700: #035970; --ds-color-green-500: #3ea359; --ds-color-green-600: #2a813f; --ds-color-green-700: #185f28; --ds-color-green-800: #084114; --ds-color-yellow-300: #f6c800; --ds-color-yellow-400: #daaa00; --ds-color-red-600: #df001a; --ds-color-red-700: #aa0014; --ds-color-red-800: #79010d; --ds-color-blue-100: #ecf3ff; --ds-color-blue-200: #cbdfff; --ds-color-blue-300: #9ec7ff; --ds-color-blue-600: #0071c5; --ds-color-blue-700: #005499; --color-bmw-basic-hover: var(--ds-color-cool-grey-950); --color-bmw-basic4: #353a41; /*used in png and svg home3*/ --color-bmw-basic3-shade3: #dcdee1; --color-bmw-accent2-shade3: #dcdee1; --ds-color-surface-button-primary: var(--ds-color-ocean-600); --ds-color-surface-button-primary-hover: var(--ds-color-ocean-700); --ds-color-cool-grey-700-alpha-70: rgba(78, 84, 93, .7); --ds-color-typography-base: var(--color-bmw-basic4); --ds-color-typography-neutral: #69707a; --ds-color-text-input-label: var(--ds-color-typography-neutral); --ds-color-iput-background-hover: #e0f2ff; --ds-color-text-list-item: #4e545d; --ds-color-border-input: #c1c5cb; --ds-color-surface-neutral: #f2f3f4; --ds-color-typography-action: var(--ds-color-ocean-600); --ds-color-typography-action-hover: var(--ds-color-ocean-700); --ds-color-typography-action-active: var(--ds-color-ocean-700); --ds-color-surface-nav-item-selected: #e0f2ff; --ds-color-surface-list-item-selected-hover: #a8dfff; --default-font-family: BMWGroupTNCondensedPro, sans serif; --default-background-color: #ffffff; } @font-face { font-family: 'BMWGroupTNCondensedPro'; font-style: normal; font-weight: normal; src: url('../fonts/BMWGroupTNCondensedPro-Regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: "BMWGroupTNCondensedPro"; font-style: normal; font-weight: 500; src: url('../fonts/BMWGroupTNCondensedPro-Medium.woff2') format('woff2'); } @font-face { font-display: swap; font-family: "BMWGroupTNCondensedPro"; font-style: normal; font-weight: 700; src: url('../fonts/BMWGroupTNCondensedPro-Bold.woff2') format('woff2'); } @font-face { font-display: swap; font-family: "BMWGroupTNCondensedPro"; font-style: normal; font-weight: 300; src: url('../fonts/BMWGroupTNCondensedPro-Light.woff2') format('woff2'); } @font-face { font-family: 'BMWGroupTN'; font-style: normal; font-weight: normal; src: url('../fonts/BMWGroupTNPro-Regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: "BMWGroupTN"; font-style: normal; font-weight: 500; src: url('../fonts/BMWGroupTNPro-Medium.woff2') format('woff2'); } @font-face { font-display: swap; font-family: "BMWGroupTN"; font-style: normal; font-weight: 700; src: url('../fonts/BMWGroupTNPro-Bold.woff2') format('woff2'); } @font-face { font-display: swap; font-family: "BMWGroupTN"; font-style: normal; font-weight: 300; src: url('../fonts/BMWGroupTNPro-Light.woff2') format('woff2'); } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; font-size:12px; color: var(--ds-color-typography-base); font-family: var(--default-font-family); } html,body,form, #density-navigation, #content .container { background-color: transparent; } textarea { font-size:12px; color: var(--ds-color-typography-base); font-family: var(--default-font-family); } /* hasplaceholder select.hasplaceholder { color: var(--color-bmw-basic4); } select.hasplaceholder > option { color: var(--color-bmw-basic4); } select.hasplaceholder.placeholder-selected { color: var(--ds-color-grey-300); } select.hasplaceholder.placeholder-selected > option.placeholder { display: none; } body.html5.better_fe select { -webkit-border-radius:0px; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: white; background-image: linear-gradient(45deg, transparent 50%, var(--color-bmw-basic4) 50%), linear-gradient(135deg, var(--color-bmw-basic4) 50%, transparent 50%), linear-gradient(to right, transparent, transparent); background-position: calc(100% - 10px) 8px, calc(100% - 5px) 8px, 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; padding-left: 3px; padding-right: 20px; outline: none; } */ /* wieder raus */ body.html5.better_fe select { background: none; background-color: white; } body.html5.better_fe select, body.html5.better_fe option { font-family: var(--default-font-family); } body.html5.better_fe option { background: white; } body.html5.better_fe input.textbox, body.html5.better_fe textarea, body.html5.better_fe div.two-trigger-field-output, body.html5.better_fe div.search-remove-field-output, body.html5.better_fe div.search-field-output, body.html5.better_fe div.checklistTop, body.html5.better_fe div.checklist { background: none; } body.html5.better_fe div.feInfo { color: var(--ds-color-blue-600); } body.html5.better_fe .greenInfo { color: var(--color-bmw-signal2); } body.better_fe div.fevaluereadonly .fecaption, body.better_fe td.fecaption .fecaption { color: var(--ds-color-text-input-label); } body.better_fe td.fecaption .fecaptionsuffix { color: var(--ds-color-text-input-label); } body.html5.better_fe button { background: none; background-color: var(--ds-color-surface-button-primary); border-radius: 2px; padding-top: 3px; text-align: center; font-weight: normal; font-family: 'var(--default-font-family);', sans-serif; } body.html5.better_fe button.negativ{ background-color:var(--ds-color-red-700); } body.html5.better_fe button.negativ:hover{ background-color:var(--ds-color-red-800); } body.html5.better_fe button.positiv{ background-color:var(--ds-color-green-600); } body.html5.better_fe button.positiv:hover{ background-color:var(--ds-color-green-700); } body.html5.better_fe button:hover { background: none; background-color: var(--ds-color-surface-button-primary-hover); border-radius: 2px; padding-top: 3px; text-align: center; font-weight: normal; font-family: 'var(--default-font-family);', sans-serif; } body.html5.better_fe textarea, body.html5.better_fe select, body.html5.better_fe input { border: 1px solid var(--ds-color-border-input); } body.html5.better_fe textarea:focus, body.html5.better_fe textarea:focus-visible, body.html5.better_fe select:focus, body.html5.better_fe select:focus-visible, body.html5.better_fe input:focus, body.html5.better_fe input:focus-visible { border: 1px solid var(--ds-color-surface-button-primary-hover); outline: 2px solid rgb(2, 145, 182, .3); outline-offset: -2px; } body.html5.better_fe input.textbox:hover { background-color: var(--ds-color-iput-background-hover); background-image: none; border: 1px solid var(--ds-color-surface-button-primary-hover); } body.html5.better_fe select:hover { background-color: var(--ds-color-iput-background-hover); /*background-image: none;*/ border: 1px solid var(--ds-color-surface-button-primary-hover); } body.html5.better_fe input.ngvalidation.ng-dirty.ng-invalid, body.html5.better_fe input.ng-dirty.ng-invalid.ng-invalid-required, body.html5.better_fe input.ng-dirty.ng-invalid.ng-invalid-pattern, body.html5.better_fe textarea.ngvalidation.ng-dirty.ng-invalid, body.html5.better_fe input.ngvalidation.validate-pristine.ng-invalid, body.html5.better_fe textarea.ngvalidation.validate-pristine.ng-invalid, body.html5.better_fe input.ngvalidation.custom-invalid, body.html5.better_fe textarea.ngvalidation.custom-invalid, body.html5.better_fe div.ngvalidation.custom-invalid { background: none; background-color: #ffefef; border-color: #df001a; } body.html5.better_fe select.ngvalidation.ng-dirty.ng-invalid, body.html5.better_fe select.ngvalidation.validate-pristine.ng-invalid, body.html5.better_fe select.ngvalidation.custom-invalid { background-color: #ffefef; border-color: #df001a; } body.html5.better_fe input.ngvalidation.ng-dirty.ng-invalid:focus-visible, body.html5.better_fe input.ng-dirty.ng-invalid.ng-invalid-required:focus-visible, body.html5.better_fe input.ng-dirty.ng-invalid.ng-invalid-pattern:focus-visible, body.html5.better_fe textarea.ngvalidation.ng-dirty.ng-invalid:focus-visible, body.html5.better_fe input.ngvalidation.validate-pristine.ng-invalid:focus-visible, body.html5.better_fe textarea.ngvalidation.validate-pristine.ng-invalid:focus-visible, body.html5.better_fe input.ngvalidation.custom-invalid:focus-visible, body.html5.better_fe textarea.ngvalidation.custom-invalid:focus-visible, body.html5.better_fe div.ngvalidation.custom-invalid:focus-visible { background: none; background-color: #ffefef; border-color: #df001a; outline-color: #df001a; } body.html5.better_fe select.ngvalidation.ng-dirty.ng-invalid:focus-visible, body.html5.better_fe select.ngvalidation.validate-pristine.ng-invalid:focus-visible, body.html5.better_fe select.ngvalidation.custom-invalid:focus-visible { background-color: #ffefef; border-color: #df001a; outline-color: #df001a; } body.better_fe div.selectdiv.col1 select.col1:focus { width: 127px; } body.better_fe div.selectdiv.col2 select.col2:focus { width: 262px; } body.better_fe div.selectdiv.col3 select.col3:focus { width: 397px; } body.better_fe div.selectdiv.col4 select.col4:focus { width: 532px; } body.better_fe div.selectdiv.col5 select.col5:focus { width: 667px; } body.html5.better_fe #content .container h3 { background-color: transparent; /*color: var(--ds-color-typography-neutral);*/ color: var(--ds-color-typography-base); font-size: 12px; /*ELAN-1498: 3rd: UI Schriftgroessen Ueberschriften Unterseiten verkleinern*/ font-weight: 500; line-height: 16px; } body.html5.better_fe #content .container h3.home, body.html5.better_fe #content .container h3.home * { font-size: 14px; /*ELAN-1498: 3rd: UI Schriftgroessen Ueberschriften Unterseiten verkleinern*/ } /* body.html5.better_fe div.modal-communication div.modal-overlay{ background-color: var(--ds-color-cool-grey-700-alpha-70); } */ body.html5.better_fe div.modal-communication div.modal-content{ border: none; box-shadow: 0 5px 10px 10px rgb(6 6 6 / 30%); } body.html5.better_fe div.messagescontainer { width: 100%; left: auto; } body.html5.better_fe table.message-table td.message { padding: 16px; line-height: 20px; filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, .2)) drop-shadow(0px 1px 1px rgba(0, 0, 0, .2)); } body.html5.better_fe span.message.ERROR div.inner { border-left: 4px solid #df001a; border-top: 1px solid #df001a; border-right: 1px solid #df001a; border-bottom: 1px solid #df001a; background-color: #ffefef; border-radius: 2px; display: inline-block; width: 600px; max-width: 600px; } body.html5.better_fe span.message.INFO div.inner { border-left: 4px solid #0071c5; border-top: 1px solid #0071c5; border-right: 1px solid #0071c5; border-bottom: 1px solid #0071c5; background-color: #ecf3ff; border-radius: 2px; display: inline-block; width: 600px; max-width: 600px; } body.html5.better_fe span.message.WARN div.inner { border-left: 4px solid #f6c800; border-top: 1px solid #f6c800; border-right: 1px solid #f6c800; border-bottom: 1px solid #f6c800; background-color: #fff7de; border-radius: 2px; display: inline-block; width: 600px; max-width: 600px; } body.html5.better_fe span.message.SUCCESS div.inner { border-left: 4px solid #2a813f; border-top: 1px solid #2a813f; border-right: 1px solid #2a813f; border-bottom: 1px solid #2a813f; background-color: #e5fceb; border-radius: 2px; display: inline-block; width: 600px; max-width: 600px; } body.html5.better_fe span.message div.inner td.message div { color: #353a41; font-family: var(--default-font-family); font-size: 14px; line-height: 20px; font-weight: 300; } body.html5.better_fe table.message-table { width: 100%; } body.html5.better_fe table.message-table td.close { padding-top: 2px; padding-right: 2px; text-align: right; border-left: none; vertical-align: middle; } /* breadcrumb*/ body.html5.better_fe div.breadcrumb{ color: #69707a; font-weight: 400; } body.html5.better_fe div.breadcrumb>span.current, body.html5.better_fe div.breadcrumb.step1 span.step1, body.html5.better_fe div.breadcrumb.step2 span.step2, body.html5.better_fe div.breadcrumb.step3 span.step3, body.html5.better_fe div.breadcrumb.step4 span.step4, body.html5.better_fe div.breadcrumb.step5 span.step5, body.html5.better_fe div.breadcrumb.step6 span.step6 { font-weight: 600; color: #353a41; } /*Date Picker*/ body.better_fe .ui-datepicker a.ui-state-default.ui-state-active { background: none; border:1px solid #035970; background-color: var(--ds-color-iput-background-hover); } body.better_fe .ui-datepicker a.ui-state-default.ui-state-hover { background: none; background-color: var(--ds-color-iput-background-hover); } body.better_fe .ui-datepicker a.ui-state-default.ui-state-highlight { background: none; border-color: #035970; background-color: #f2f3f4; } /*Result Tables*/ body.better_fe.html5 table.data th, body.better_fe.html5 table.fe th { border-bottom-color: rgb(220, 222, 225); padding: 2px 6px 10px 6px; } body.better_fe.html5 table.data tr[ng-click]:hover, body.better_fe.html5 table.fe tr[ng-click]:hover { background-color: var(--ds-color-iput-background-hover); } body.better_fe.html5 table.data th div, body.better_fe.html5 table.fe th div { color:var(--ds-color-typography-neutral); font-weight: 500; } body.better_fe.html5 table.data.zebra>tbody>tr:nth-of-type(1) { border-top: 1px solid transparent; } body.better_fe.html5 table.data.zebra tr:not(.th_bottom) { border-top: 1px solid rgb(220, 222, 225); } body.better_fe.html5 table.data.zebra tr.even td, body.better_fe.html5 table.fe tr.even td { background-color: transparent; } body.better_fe.html5 .toggle-switch.ongreen input:not(:disabled):checked + .toggle-knob { background: var(--ds-color-green-500); } body.better_fe.html5 .toggle-switch.onblue input:not(:disabled):checked + .toggle-knob { background: var(--ds-color-surface-button-primary-hover); } body.better_fe.html5 .toggle-switch.offblue input:not(:disabled) + .toggle-knob { background: var(--ds-color-surface-button-primary-hover); } body.better_fe.html5 .toggle-switch.boldlabel_false .off-label, body.better_fe.html5 .toggle-switch.boldlabel_true .on-label { font-weight: bold; } body.better_fe.html5 .toggle-switch.boldlabel_false .on-label, body.better_fe.html5 .toggle-switch.boldlabel_true .off-label { font-weight: normal; } body.better_fe.html5 .tooltip div.tooltip_content { border: 1px solid #1f2328; padding: 4px; background: #1f2328; color: #fff; border-radius: 2px; } body.better_fe.html5 .tooltip div.tooltip_content * { color: #fff; } #content .container div[i18n-markdown-output].clsMarkdownOutput p body.better_fe.html5 .calenderbutton, body.better_fe.html5 .terminbutton { background: var(--ds-color-green-700); } body.better_fe.html5 .quad_frei{ background: var(--ds-color-green-700); border: 2px var(--ds-color-green-700) solid; } body.better_fe.html5 .tagAusgebucht, body.better_fe.html5 .terminAusgebucht{ background: var(--ds-color-red-700); } body.better_fe.html5 .quad_gesperrt { background: var(--ds-color-red-700); border: 2px var(--ds-color-red-700) solid; } /* Navigation */ #density-navigation { width: 169px; overflow: hidden; position: absolute; z-index: 2; top: 60px; left: 0px; } #density-navigation div#tree-navigation{ padding-top: 60px; } #density-navigation #tree-navigation ul { background-color: var(--default-background-color); } #density-navigation #tree-navigation ul li, #density-navigation #tree-navigation ul li ul li{ font-size: 12px; line-height: 16px; } #density-navigation #tree-navigation ul li.active, #density-navigation #tree-navigation ul li.open ul li.active { /*border-left: 2px solid var(--ds-color-ocean-600);*/ border-left: 2px solid #136379; border-radius: 2px; } #density-navigation #tree-navigation ul li.active a:hover, #density-navigation #tree-navigation ul li.open ul li.active a:hover { /*background-color: var(--ds-color-surface-list-item-selected-hover);*/ background-color: #F0F5F7; } #density-navigation #tree-navigation>ul>li a:hover, #density-navigation #tree-navigation>ul ul ul li a:hover, #density-navigation #tree-navigation>ul ul li a:hover { /*background-color: var(--ds-color-surface-neutral);*/ background-color: #F0F5F7; } #density-navigation #tree-navigation ul li ul li, #density-navigation #tree-navigation ul li ul>li:hover { margin-left: 12px; border-left: 2px solid transparent; } #density-navigation ul li.open>a { background: url(../img/icons/arrow_up.png) no-repeat 144px 12px; background-size: 16px 16px; } #density-navigation ul ul li.open>a { background: url(../img/icons/arrow_up.png) no-repeat 130px 12px; background-size: 16px 16px; } #density-navigation ul li.haschildren:not(.open)>a{ background: url(../img/icons/arrow_down.png) no-repeat 144px 12px; background-size: 16px 16px; } #density-navigation ul ul li.haschildren:not(.open)>a { background: url(../img/icons/arrow_down.png) no-repeat 130px 12px; background-size: 16px 16px; } body.better_fe.html5 #tree-navigation ul li a{ padding: 10px 5px 10px 10px; display: block; } body.better_fe.html5 #tree-navigation ul li a, body.better_fe.html5 #tree-navigation ul li span { color: var(--ds-color-text-list-item); text-decoration: none; } body.better_fe.html5 #density-navigation ul li.active a { /*background-color: var(--ds-color-surface-nav-item-selected);*/ background-color: #F0F5F7; color: var(--ds-color-typography-action-active); text-decoration: none; } body.better_fe.html5 #navigation ul li a span, body.better_fe.html5 #navigation ul li a.active span, body.better_fe.html5 #navigation ul li a.open span, body.better_fe.html5 #navigation ul li a:hover span { color: var(--ds-color-text-list-item); } body.better_fe.html5 h1#header-logo { background: transparent url(../img/BMWGroupNext_BMW_MINI_RR_GB_Grey-Colour_RGB_195.png) no-repeat; position: fixed; top: 28px; left: 1050px; width: 277px; height: 63px; z-index: 1001; } div.ausweisauswahl { float:left; } body.better_fe.html5 #content div.container-tabs div.tabcontainer ul.tabs li.ui-state-default.ui-tabs-selected a, body.better_fe.html5 #content div.container-tabs div.tabcontainer ul.tabs li.ui-state-default.ui-tabs-selected a:visited { background: transparent; color: var(--ds-color-typography-action-hover); cursor: default; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; border-bottom: 4px solid var(--ds-color-typography-action-hover); font-weight: 500; } body.better_fe.html5 #content div.container-tabs div.tabcontainer ul.tabs li.ui-state-default a, body.better_fe.html5 #content div.container-tabs div.tabcontainer ul.tabs li.ui-state-default a:visited { height: 24px; overflow: hidden; padding-left: 7px; padding-right: 8px; padding-top: 2px; padding-bottom: 3px; display: block; text-decoration: none !important; background: transparent; color: #666; border-left: 1px solid transparent; position: relative; cursor: pointer; font-weight: 500; } body.better_fe.html5 #content div.tabcontainer div.tabcontent { line-height: 14px; margin-top: -4px; margin-bottom: 7px; border-top: 4px solid #efefef; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; padding: 26px 7px 7px 7px; overflow: hidden; clear: both; } body.better_fe.html5 #content div.container-tabs div.tabcontainer ul.tabs li{ float: left; margin: 0 19px 0 0; overflow: hidden; display: block; } body.better_fe.html5 .grey { color: var(--ds-color-grey-500); } body.better_fe.html5 .marked { background-color: var(--ds-color-yellow-300); } body.better_fe.html5 .redinfo { color: var(--ds-color-red-700); } body.better_fe.html5 .yellowinfo { color: var(--ds-color-yellow-400); } body.better_fe.html5 .greeninfo { color: var(--ds-color-green-600); } body.better_fe.html5 .bold { font-weight: bold; } body.better_fe.html5 div.i18nMarkdownOutput.clsMarkdownOutput.disabled p, body.better_fe.html5 div.i18nMarkdownOutput.clsMarkdownOutput.disabled ul li { color: #ccc; } /* -------------------------------------------------------------------------------- End Stylesheet: css/density.css -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- Start Stylesheet: css/header.css -------------------------------------------------------------------------------- */ .bmwlogo { width:250px; height:43px; background-size: auto 20px; background-position: 20px 10px; z-index: 1001; } @media only screen and (max-width: 750px) { .bmwlogo { width:72px; } } div.header { background: #FFF; position:fixed; top:0; left:0; right:0; z-index:1001; display: flex; flex-direction: row; box-shadow: 0 2px 4px 0 #6666663d; } /* v.a. Abstand nach oben */ div.messagescontainer { left: 0px; right: 0px; width: auto; top:48px; } .elanheader { flex: 1; margin: 10px 20px 10px 0; display: flex; flex-direction: row; } .elanheader>div { height: 20px; /*overflow: hidden;*/ display: flex; align-items: center; } .elanheader h1 { font-weight: bold; font-size: 22px; color: var(--ds-color-grey-400); } .elanheader #headeritems { position: absolute; /*top:10px; right: 20px;*/ list-style-type: none; flex: 1; display: flex; flex-direction: row; justify-content: end; min-width: 0px; /* overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; */ background: white; top: 0px; right: 0px; height: 43px; padding-right: 20px; } .elanheader #headeritems * { font-size: 14px; } .elanheader #headeritems>div { padding-right: 5px; } .elanheader #headeritems>div~div { padding-left: 5px; border-left: 1px solid var(--color-bmw-basic4); } .elanheader #headeritems li.dropdown-menu { position: relative; } .elanheader #headeritems li span.dropdown-trigger~div.dropdown { display: none; } .elanheader #headeritems li:hover span.dropdown-trigger~div.dropdown { display: block; } .elanheader #headeritems li span.dropdown-trigger { padding-bottom: 10px; /* fuer den Hover nach unten*/ } .elanheader #headeritems li span.dropdown-trigger-icon { display: inline-block; background-size: 16px; background-position: 0px -1px; background-repeat: no-repeat; background-image: url(../img/header_icons/arrow-chevron-down_rg.svg); width: 16px; height: 16px; vertical-align: bottom; } .elanheader #headeritems li:hover span.dropdown-trigger-icon { background-image: url(../img/header_icons/arrow-chevron-up_rg.svg); } .elanheader #headeritems span.header-user-icon { display: inline-block; background-size: 20px; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(../img/header_icons/person_rg.svg); width: 20px; height: 20px; vertical-align: bottom; margin-bottom: -1px; } .elanheader #headeritems span.helpselect-icon { display: inline-block; background-size: 20px; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(../img/header_icons/help_rg.svg); width: 20px; height: 20px; vertical-align: bottom; margin-bottom: -1px; } .elanheader #headeritems span.header-email-icon { display: inline-block; background-size: 20px; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(../img/header_icons/e-mail_rg.svg); width: 20px; height: 20px; vertical-align: bottom; margin-bottom: -1px; } .elanheader #headeritems span.header-home-icon { display: inline-block; background-size: 20px; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(../img/header_icons/home_rg.svg); width: 20px; height: 20px; vertical-align: bottom; margin-bottom: -1px; } .elanheader #headeritems li div.dropdown { min-width: 49px; position: absolute; top: 0; right: -5px; z-index: 1000; display: none; margin-top: 20px; padding: 5px; text-align: left; background-color: white; border: 1px solid #ececec; box-shadow: 0 6px 12px rgba(0,0,0,0.175); white-space: nowrap; } .elanheader #headeritems li div.dropdown div:hover * { color: var(--color-bmw-basic-hover); } .elanheader #title { /*width: 300px;*/ } .elanheader #title>div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #density-navigation { top: 15px; } body { background-position: 0px -60px; } #contentarea { padding-top: 35px; } /* -------------------------------------------------------------------------------- End Stylesheet: css/header.css -------------------------------------------------------------------------------- */