/* content.css: Layout des Inhalts */ /* Style Reset * hier wird auch der Standardwert für font-family (Arial, ...) * font-size (12px) und color (#fff MINI Specific) 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:#fff;} /* MINI Specific */ 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-color: #000; /* MINI Specific */ 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: #FFF; /* MINI Specific */ text-decoration: underline; } a:visited { color: #99FF00; /* JKozak Request - overridden for menu navigation elements */ } a.searchResult:visited { color: #99FF00; /* JKozak Request */ } /* Eigenschaften für den Inhaltsbereich */ #contentarea { padding-top: 10px; /* 81px; */ margin-left: 177px; min-width: 820px; } body.nonavigation #contentarea { padding-top: 81px; } body.nonavigation #contentarea #minshim { padding-top: -81px; } /* Überschriften */ #headlines { clear: both; /* height: 48px; */ margin-left: 0; /* padding-top: 19px; */ padding-top: 108px; padding-bottom: 7px; } #headlines h2 { font-size: 16px; line-height: 18px; } #headlines h2#subheadline { color: #999; /* MINI Specific */ } /* Position/Dimension Inhaltsbereich */ #content { margin-bottom: 7px; clear: both; overflow: visible; } /* Formatierung der Inhaltselemente */ #content h3 { font-size: 12px; font-weight: bold; margin-bottom: 5px; } #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; } 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_mini.gif) no-repeat center center; /* MINI Specific */ } /* 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: #000 url(../img/pagination_mini.png) no-repeat 0 0; /* MINI Specific */ 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: #999; /* MINI Specific */ margin: 0 3px 0 0; text-decoration: none !important; } span.pagination-pages a:hover { color: #FFF; /* MINI Specific */ } span.selected-page { color: #FFF; /* MINI Specific */ font-weight: bold; margin: 0 3px 0 0; } span.pagination-label { color: #FFF; /* MINI Specific */ margin-top: 21px; margin-right: 7px; float: right; } /* Eigenschaften für Container */ #content .container { line-height: 14px; border: 1px solid #999; background-color: #000; /* MINI Specific */ margin-bottom: 7px; } #content .container h3 { background-color: transparent; border-bottom: 1px solid #999; color: #FFF; /* MINI Specific */ 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; /* MINI Specific */ border-bottom: 1px solid #999; } #content .container .integrated-window h3 { background-color: transparent; color: #000; /* MINI Specific */ 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 */ /* MINI Specific */ #content ul.container-icons a.container-info { background: #000 url(../img/portlet_icons_mini.png) no-repeat 0px 0px; } #content ul.container-icons a.container-reload { background: #000 url(../img/portlet_icons_mini.png) no-repeat -13px 0px; } #content ul.container-icons a.container-help { background: #000 url(../img/portlet_icons_mini.png) no-repeat -26px 0px; } #content ul.container-icons a.container-edit { background: #000 url(../img/portlet_icons_mini.png) no-repeat -39px 0px; } #content ul.container-icons a.container-close { background: #000 url(../img/portlet_icons_mini.png) no-repeat -52px 0px; } #content ul.container-icons a.container-forward { background: #000 url(../img/portlet_icons_mini.png) no-repeat -65px 0px; } #content ul.container-icons a.container-back { background: #000 url(../img/portlet_icons_mini.png) no-repeat -78px 0px; } #content ul.container-icons a.container-max { background: #000 url(../img/portlet_icons_mini.png) no-repeat -91px 0px; } #content ul.container-icons a.container-min { background: #000 url(../img/portlet_icons_mini.png) no-repeat -104px 0px; } #content ul.container-icons a.container-info:hover { background: #000 url(../img/portlet_icons_mini.png) no-repeat 0px -12px; } #content ul.container-icons a.container-reload:hover { background: #000 url(../img/portlet_icons_mini.png) no-repeat -13px -12px; } #content ul.container-icons a.container-help:hover { background: #000 url(../img/portlet_icons_mini.png) no-repeat -26px -12px; } #content ul.container-icons a.container-edit:hover { background: #000 url(../img/portlet_icons_mini.png) no-repeat -39px -12px; } #content ul.container-icons a.container-close:hover { background: #000 url(../img/portlet_icons_mini.png) no-repeat -52px -12px; } #content ul.container-icons a.container-forward:hover { background: #000 url(../img/portlet_icons_mini.png) no-repeat -65px -12px; } #content ul.container-icons a.container-back:hover { background: #000 url(../img/portlet_icons_mini.png) no-repeat -78px -12px; } #content ul.container-icons a.container-max:hover { background: #000 url(../img/portlet_icons_mini.png) no-repeat -91px -12px; } #content ul.container-icons a.container-min:hover { background: #000 url(../img/portlet_icons_mini.png) no-repeat -104px -12px; } /* MINI Specific - inverted icons for integrated windows */ #content div.integrated-window ul.container-icons a.container-info { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat 0px 0px; } #content div.integrated-window ul.container-icons a.container-reload { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -13px 0px; } #content div.integrated-window ul.container-icons a.container-help { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -26px 0px; } #content div.integrated-window ul.container-icons a.container-edit { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -39px 0px; } #content div.integrated-window ul.container-icons a.container-close { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -52px 0px; } #content div.integrated-window ul.container-icons a.container-forward { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -65px 0px; } #content div.integrated-window ul.container-icons a.container-back { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -78px 0px; } #content div.integrated-window ul.container-icons a.container-max { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -91px 0px; } #content div.integrated-window ul.container-icons a.container-min { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -104px 0px; } #content div.integrated-window ul.container-icons a.container-info:hover { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat 0px -12px; } #content div.integrated-window ul.container-icons a.container-reload:hover { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -13px -12px; } #content div.integrated-window ul.container-icons a.container-help:hover { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -26px -12px; } #content div.integrated-window ul.container-icons a.container-edit:hover { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -39px -12px; } #content div.integrated-window ul.container-icons a.container-close:hover { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -52px -12px; } #content div.integrated-window ul.container-icons a.container-forward:hover { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -65px -12px; } #content div.integrated-window ul.container-icons a.container-back:hover { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -78px -12px; } #content div.integrated-window ul.container-icons a.container-max:hover { background: #000 url(../img/portlet_icons_mini_invert.png) no-repeat -91px -12px; } #content div.integrated-window ul.container-icons a.container-min:hover { background: #000 url(../img/portlet_icons_mini_invert.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: #999; /* MINI Specific */ margin-bottom: 4px; } /* Mit newsdummy wird der untere Rand des Containers hochgezogen */ #content div.container-content div.newsdummy { margin-bottom: -11px; } /*tagcoud div ist für tag clouds mit unterschiedlich grosser Schrift und entfernt die fixe Zeilenhoehe*/ #content div.tagcloud { line-height:normal; } /* Tabellen */ table { border: 0; border-collapse: collapse; } td, th { line-height: 14px; margin: 0; padding: 0; vertical-align: top; color: #FFF; /* MINI Specific */ border-left: 1px solid #000; /* MINI Specific */ } /* 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 #999; /* MINI Specific */ padding: 2px 6px; } table.data tr.even td { background-color: #333; } /* MINI Specific */ 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; } #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_mini.png) right -19px no-repeat; /* MINI Specific */ color: #999; /* MINI Specific */ border-left: 1px solid #999; position: relative; } #content div.tabcontainer ul.tabs li.ui-state-hover a:hover { color: #FFF; /* MINI Specific */ } /* MINI Specific */ #content div.tabcontainer ul.tabs li.ui-tabs-selected a, #content div.tabcontainer ul.tabs li.ui-tabs-selected a:visited, #content div.tabcontainer ul.tabs li.ui-tabs-selected a:hover { background: transparent url(../img/tabs_mini.png) right 0px no-repeat; /* MINI Specific */ 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: #999; /* MINI Specific */ background: url("../img/accordiontabs_mini.png") 0 -57px no-repeat; /* MINI Specific */ } #content div.accordion-header.next-closed-tab { background: url("../img/accordiontabs_mini.png") 0 -76px no-repeat; /* MINI Specific */ } #content div.accordion-header-selected { color: #000; background: url("../img/accordiontabs_mini.png") 0 -38px no-repeat; /* MINI Specific */ cursor: default; } #content div #accordion-header.accordion-header{ background: url("../img/accordiontabs_mini.png") 0 -19px no-repeat; /* MINI Specific */ } #content div #accordion-header.accordion-header-selected { background: url("../img/accordiontabs_mini.png") 0 -0px no-repeat; /* MINI Specific */ } #content div.accordion-header:hover { text-decoration: none; color: #FFF; /* MINI Specific */ } /* MINI Specific */ #content div.accordion-header-selected: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: #999; /* MINI Specific */ } #footer a, footer a:visited { color: #999; /* MINI Specific */ 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: #000 url(../img/bmw_group_logo_mini.png) no-repeat; /* MINI Specific */ position: fixed; top: 0px; /* MINI Specific */ left: 876px; /* MINI Specific */ width: 104px; /* MINI Specific */ height: 46px; /* MINI Specific */ z-index: 1001; } #header { background: #000 url(../img/bmw_ngi_header_mini_01.jpg) no-repeat 0px 0px; /* MINI Specific */ height: 89px; width: 1000px; /* position: fixed; */ /* PND IE 11 updates */ position: fixed; _position: absolute; 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; top: 2.333em; left: 177px; z-index: 1010; color: #999; display: none; } #header #personalization { font-size: 10px; position: fixed; 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; MINI Specific */ background-color: #000; /* MINI Specific */ border-bottom: 1px solid #999; /* MINI Specific */ height: 31px; /* MINI Specific */ width: 100%; position: fixed; top: 0; left: 0; margin-top: 57px; z-index: 1009; } /* Variation Minimierter Portalheader () */ body.smallheader #header { height: 2.917em; background: #000; /* MINI Specific */ } 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; /* MINI Specific */} #top-navigation li.first a.hover, #top-navigation li.first.active > a {margin-right: 0px; /* MINI Specific */} #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; margin-left: -4px; /*MINI Specific */ margin-right: 4px; /* MINI Specific */ z-index: 1010; position: relative; color: #999; /* MINI Specific */ } /* MINI Specific */ #top-navigation li.first a.top{ margin-right: 0px; text-indent:-4px; } /* MINI Specific */ #top-navigation li.active > a { padding-right: 5px; margin-right: -1px; background: transparent url(../img/ActiveTab2_mini.png) no-repeat 0px 14px; color: #000; } /* MINI Specific */ #top-navigation li.active.first > a{ background: transparent url(../img/ActiveTab1_mini.png) no-repeat 3px 14px; } /* MINI Specific */ #top-navigation li.active span.toplevelimage { color: #000; background: url("../img/arrow_meta_black.gif") no-repeat scroll right center transparent; padding-right: 14px; } /* MINI Specific */ #top-navigation a.haschildren:hover, #top-navigation a.hover { color: #FFF; border: 1px solid #999; border-bottom: none; background: #000; width: 140px; margin-right: -1px; text-indent: -2px; margin-top: -4px; height: 32px; line-height: 32px; } /* MINI Specific */ #top-navigation li.first a.haschildren:hover, #top-navigation li.first a.hover { width: 161px; margin-left: 3px; text-indent: 0px; margin-right: 7px; } #top-navigation a.hover { z-index: 2000 !important; position: relative; color: #FFF; } #top-navigation dd a { color: #999; /* MINI Specific */ } #top-navigation li ul { background: #000; /* MINI Specific */ /* background:url(../img/dropdownShadow.png) no-repeat scroll right bottom transparent; MINI Specific */ border: 1px solid #999; /* MINI specific */ border-top: 0px; /* MINI Specific */ padding-right: 0px; /* MINI Specific */ padding-bottom: 3px; /* MINI Specific */ padding-left: 0px; /* MINI Specific */ padding-top: 19px; /* MINI Specific */ width: 140px; /* MINI Specific */ left: -4px; /* MINI Specific */ top: -8px; position: relative; margin-right: -19px; } /* MINI Specific */ #top-navigation ul li ul { border-top: 1px solid #999; } #top-navigation li.first ul { left: 3px; /* MINI Specific */ width: 161px; /* background:url(../img/dropdownShadowFirst.png) no-repeat scroll right bottom transparent; MINI Specific */ border: 1px solid #999; /* MINI Specific */ border-top: 0px; /* MINI Specific */ } #top-navigation li.first ul li ul { margin-top: 2px; /* MINI Specific */ left: -7px; width: 134px; /* MINI Specific */ /* background:url(../img/dropdownShadow.png) no-repeat scroll right bottom transparent; MINI Specific */ border: 1px solid #999; /* MINI specific */ } #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: 13px; /* MINI Specific */ z-index: 1095; line-height: 14px; color: #999; /* MINI Specific */ 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 { margin-top: 2px; /* MINI Specific */ width: 134px; /* MINI Specific */ position: absolute; display: none; } #top-navigation li ul li ul{ padding-top: 0px; } #top-navigation li ul li.subfirst{ padding-top: 10px; /* MINI Specific */ /* border-top: 1px solid #e9e9e9; MINI Specific */ } #top-navigation li span.toplevelimage { padding-right: 14px; background: transparent url(../img/arrow_meta_grey_mini.gif) no-repeat right 5px; /* MINI Specific */ } #top-navigation li span.toplevelimagehover { background: transparent url(../img/arrow_meta_white_mini.gif) no-repeat right 5px; /* MINI Specific */ color: #FFF; /* MINI Specific */ } #top-navigation a.top:hover { color: #FFF; /* MINI Specific */ } #top-navigation li.first.active > a {/* background-position: -4px 2px; MINI Specific */ margin-right: 0px;} #top-navigation a, #top-navigation a:visited {text-decoration: none;} #top-navigation a.top:hover, #top-navigation div.sub a:hover {text-decoration: none; color: #FFF; /* MINI Specific */} #top-navigation li.active a.top:hover { color: #000; /* MINI Specific */ } #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; MINI Specific */ top:28px; padding-bottom: 7px; padding-right: 4px;padding-left:3px;margin-left: -2px; /* MINI Specific */} #top-navigation li.first div.sub {margin-left: 0;} #top-navigation li div.relative {margin-left: -4px;} #top-navigation a:hover { color: #FFF; /* MINI Specific */ } #top-navigation a.dropdown { background:transparent url(../img/arrow_grey_mini.gif) no-repeat 113px 3px; /* MINI Specific */ } #top-navigation li ul li ul a.dropdown { background:transparent url(../img/arrow_grey_mini.gif) no-repeat 106px 3px; /* MINI Specific */ } #top-navigation li.first a.dropdown { background:transparent url(../img/arrow_grey_mini.gif) no-repeat 134px 3px; /* MINI Specific */ } #top-navigation li.first ul li ul li a.dropdown { background:transparent url(../img/arrow_grey_mini.gif) no-repeat 107px 3px; /* MINI Specific */ } #top-navigation a.highlighted { color: #FFF; /* MINI Specific */ background:transparent url(../img/arrow_white.gif) no-repeat 113px 5px; /* MINI Specific */ } #top-navigation li ul li ul a.highlighted { color: #FFF; /* MINI Specific */ background:transparent url(../img/arrow_white.gif) no-repeat 106px 5px; /* MINI Specific */ } #top-navigation li.first a.highlighted { color: #FFF; /* MINI Specific */ background:transparent url(../img/arrow_white.gif) no-repeat 133px 5px; /* MINI Specific */ } #top-navigation li.first ul li ul li a.highlighted { color: #FFF; /* MINI Specific */ background:transparent url(../img/arrow_white.gif) no-repeat 106px 5px; /* MINI Specific */ } /* 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: #000; /* MINI Specific */ padding:11px 0 10px 7px; border: 1px solid #999; /* MINI Specific */ 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; color: #999; /* MINI Specific */ line-height: 100%; } #metanavigation a:hover, #meta-menu a.hover { color: #999; /* MINI Specific */ 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: #999; /* MINI Specific */ 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: #999; /* MINI Specific */ 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: #FFF; /* MINI Specific */ } #portalheader li.haschildren li span { color: #000000; } #portalheader li ul { background: none #000; /* MINI Specific */ border: 1px solid #999; /* MINI Specific */ position: absolute; left: -7px; height: auto; padding: 0px 0px 3px 6px; /* MINI Specific */ 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: #FFF !important;} /* MINI Specific */ #search-box.focused #global-search-input { border-bottom-style: none; } #search-box form { margin: 0; padding: 0; width: 263px; } /* this might not be used any more */ #search-box .sub { z-index: 9999; display: none; /* background: transparent url(../img/sub_navigation_shadow.png) no-repeat bottom right; MINI Specific */ background: #000; /* MINI Specific */ padding-bottom: 6px; padding-right: 5px; margin-left: 12px; border-top: 1px solid #666; /* MINI Specific */ } /* this might not be used any more */ #search-box .sub .wrapper { height: 70px; /* background: transparent url(../img/search_options_background.png) repeat-x bottom left; */ background: #000; padding: 20px 30px; border-left: 1px solid #666; /* MINI Specific */ } #global-search-input { float: left; padding-top: 2px; /* MINI Specific */ font-size: 12px; font-weight: normal; color: #666; /* MINI Specific */ width: 232px; /* MINI Specific */ height: 15px; /* MINI Specific */ border: 1px solid #666; /* MINI Specific */ border-right: none; /* MINI Specific */ background: none #333; /* MINI Specific */ } a#global-search-trigger, a#global-search-trigger:visited { text-indent: -5000px; overflow: hidden; background: transparent url(../img/searchButton_mini.png) no-repeat top left; /* MINI Specific */ width: 24px; height: 21px; display: block; float: left; } #search-results-wrapper { width: 261px; /* MINI Specific */ z-index: 9998; display: none; background: #000; /* MINI Specific */ margin-left: 0px; /* MINI Specific */ margin-top: 1px; /* MINI Specific */ /*background:transparent url(../img/search_suggest_shadow.png) no-repeat scroll right bottom; MINI Specific */ padding-bottom: 1px; /* MINI Specific */ padding-right: 0px; /* MINI Specific */ padding-left: 0px; /* MINI Specific */ border: 1px solid #999; /* MINI Specific */ overflow: hidden; } #search-results { padding-bottom: 11px; } #search-results-arrow { width: 268px; height: 7px; position: absolute; background: transparent url(../img/searchArrow_mini.png) no-repeat top left; /* MINI Specific */ 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 #999; */ background: transparent url(../img/ajax-loader_mini.gif) no-repeat -100px 0; /* MINI Specific */ } #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: #999; /* MINI Specific */ } #search-results a.title:hover { color: #FFF; /* MINI Specific */ } #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_mini.gif) no-repeat center left; /* MINI Specific */ color: #999; /* MINI Specific */ text-decoration: none; margin: 7px; font-size: 11px; } #search-results a.more-link:hover { color: #FFF; /* MINI Specific */ background: url("../img/arrow_white_mini.gif") no-repeat scroll left center transparent; /* MINI Specific */ } #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: #000; /* MINI Specific */ padding: 0 7px; } .search-result-item div.item-content { padding: 4px 0 5px; border-top: 1px solid #999; /* MINI Specific */ } .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: #FFF; /* MINI Specific */ } .search-result-dept { float: right; } .search-result-item .light { color: #999; /* MINI Specific */ } .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; MINI Specific */ background: #000; 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 { /* position: absolute; */ /* PND IE 11 */ position: fixed; _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 ul { margin: 0; padding: 0; list-style-type: none; } #navigation ul li { margin: 0; padding: 0; } #tree-navigation { margin-left: 7px; padding-top: 70px; } #history-navigation { margin-left: 7px; padding-top: 45px; } /**