body {margin:0px; padding: 0px; font-family:arial,helvetica,sans-serif; font-size:13px; line-height:16px; color:#464646; background-color:#ffffff; overflow:auto;} body#form {background-color:transparent;} h1 {font-size:21px; line-height:24px; color:#464646; font-weight:bold; margin:0px; padding:0px; display:block;} h4 {font-size:13px; line-height:16px; color:#464646; font-weight:bold; margin:0px 0px 2px 0px; padding:0px; display:block;} h1, h2, h3, h4 {color:#464646;} /*a h1 {display:inline;}*/ a:hover h1 {font-size:21px; line-height:24px; color:#003399; font-weight:bold; margin:0px; padding:0px; display:block;} p {margin:0px; padding:0px} span, td {font-family:arial,helvetica,sans-serif; font-size:13px; line-height:16px; color:#464646;} a {color: #999999; text-decoration: none} a:hover {color: #003399; text-decoration: none} a img {border:none;} ul, li {margin:0px; padding:0px; list-style-type:none;} .block {display:block;} a.linkArrow {position:static; width:auto; font-weight:bold; padding-left:8px; display:table; *display:inline-block; background-image:url(../img/standard_elements/arrow_standard_lo.gif ); background-repeat: no-repeat; background-position:0px 5px;} a.linkArrow:hover {color:#003399; background-image: url(../img/standard_elements/arrow_standard_hi.gif );} /* taf link */ #tafLink {float:right} a.tafLink {position:static; width:auto; height:20px; font-weight:bold; padding-left:25px; display:table; *display:inline-block; background-image:url(../img/standard_elements/icon_taf_lo.gif ); background-repeat: no-repeat; background-position:0px 0px;} a.tafLink:hover {color:#003399; background-image: url(../img/standard_elements/icon_taf_hi.gif );} .contentDiv{position: static;} .outerDiv{height:100%; width:1px;overflow:auto; z-index:1;} * html .outerDiv {height: 96%;width: 100%;} #completePageContent {position:absolute; top:0px; left:0px; width:100%;} #noscript{position:absolute; top:122px; left: 255px;padding:15px;z-index:1001;background-color:#FFFFFF; filter:alpha(opacity=70);-moz-opacity:0.7;} #idModul {position:absolute; top:30px; left:746px; width:242px; height:157px; background-image:url(../img/header/id_modul.gif ); background-repeat:no-repeat;} #idModul p {position:absolute; bottom:0px; font-size:11px; line-height:12px;} /* CONTENT AREA */ #mainContentContainer {position:absolute; top:217px; left:0px; width:725px; padding-bottom:50px;} #completeText, .completeText {margin-left:23px;} #contentText {width:460px; float:left;} .line {clear:both; width:100%; height:1px; overflow:hidden; background-image:url(../img/backgrounds/line_horizontal_bg.gif ); background-repeat:repeat-x; margin:5px 0px 13px 0px;} .clear {clear:both; width:100%; height:0px; overflow:hidden;} .topicHeadline {font-size:11px; line-height:17px; *line-height:18px; color:#003399; font-weight:normal; margin:0px; padding:0px; display:block;} #backLink {display:block;} #relatedTopics {display:block; margin-bottom:19px;} .relatedTopicsHeadline {display:block; margin:8px 0px 4px 0px;} .closeIcon {position:absolute; top:7px; right:10px; z-index:999} /* 1 column layout */ #mainImage {display:block; position:relative; margin-left:23px; margin-top:6px;} #legend {position:absolute; bottom:1px; left:1px; width:700px; height:21px; overflow:hidden; background-color:#ffffff; filter:alpha(opacity=95); opacity:0.95; z-index:99;} #legend a {float:right; margin-top:3px; margin-right:8px;} .contentImage {display:block; margin:13px 0px 0px 0px;} /* 3 column layout */ #threeColumnTable {margin:13px 0px 16px 0px; *margin-bottom:21px;} /* 2 column layout */ #twoColumnTable {margin:13px 0px -3px 0px;} #twoColumnTable p {margin-bottom:15px;} #twoColumnTable img {margin-bottom:13px; display:block;} /* content navigation */ #contentNavigation {margin-bottom:16px;} /* social media container in content pages */ .socialMediaContainer {position:relative; height:20px; display:block; margin-bottom:17px;} .socialMediaContainer #tafLink {margin-top:1px; margin-right:19px; float:left;} .socialMediaContainer, #facebookLikeButton {height:20px;} /* CO2 disclaimer */ .co2Container {position:relative; width:220px; font-size:11px; float:right;} .co2HeaderOn, .co2HeaderOff {font-weight:bold;} .co2HeaderOn a, .co2HeaderOff a {position:absolute; top:2px; right:0px;} .co2HeaderOff {visibility:hidden; display:none;} .co2Container .line {margin-top:1px;} /* contact */ body.contact #contactBox {width:100%; background-color:#eeeeee; margin-top:23px;} body.contact #contactBoxInline {padding:13px 14px 17px 14px;} body.contact #contentText {width:340px; margin-right:20px;} body.contact #teaserList {width:280px; float:left; margin-top:30px; overflow:hidden;} /* video */ body.video #mainContentContainer {margin-top:7px;} body.video #contentText {position:relative; width:220px; margin:0px 0px 10px 0px;} body.video #headlines, body.video #copyText {width:221px;} body.video #backLink {margin-top:16px;} body.video #tafLink {float:none; margin-top:5px;} body.video .socialMediaContainer {height:33px; margin-bottom:0px;} /* height: 20px + 11px margin top of #facebookLikeButton */ body.video #facebookLikeButton {display:block; float:none; margin-top:11px; height:20px;} #videoContainer, .videoContainer {width:462px; height:300px; *height:295px; float:left; margin-left:0px; margin-right:19px; *margin-right:14px;} #fallbackContainer {width:460px; *width:462px; height:287px; *height:289px; border:1px solid #999999;} #fallbackInline {padding:103px 50px 0px 77px;} #fallbackInline img.image {display:block; float:left; margin-top:2px; margin-right:15px;} #fallbackInline span {display:block; padding-bottom:11px;} /* picture gallery */ body.picture_gallery #mainContentContainer {margin-top:7px;} body.picture_gallery #contentText {position:relative; width:220px; margin:0px 0px 10px 0px;} body.picture_gallery #headlines, body.video #copyText {width:221px;} body.picture_gallery #backLink {margin-top:16px;} body.picture_gallery #tafLink {float:none; margin-top:5px;} body.picture_gallery #relatedTopics {display:block; margin-bottom:5px;} body.picture_gallery .socialMediaContainer {height:33px; margin-bottom:0px;} /* height: 20px + 11px margin top of #facebookLikeButton */ body.picture_gallery #facebookLikeButton {display:block; float:none; margin-top:11px; height:20px;} #pictureGalleryContainer {width:462px; height:310px; *height:305px; float:left; margin-left:0px; margin-right:19px; *margin-right:14px;} #pictureGalleryContainer #mainImage {width:462px; height:260px; margin-top:0px; margin-left:0px; display:block;} #pictureGalleryContainer #toolbar {margin-top:7px;} #pictureGalleryContainer #imagebarLeftNavi {position:relative; width:18px; height:18px; float:left; margin-top:3px; margin-right:5px;} #pictureGalleryContainer #imagebarRightNavi {position:relative; width:18px; height:18px; float:left; margin-top:3px; margin-left:5px;} #pictureGalleryContainer #counter {position:relative; width:42px; height:18px; float:left; margin-top:3px; margin-left:5px; padding-top:1px; font-size:11px; color:#ffffff; text-indent:4px; background-image:url(../img/standard_elements/icon_counter.gif ); background-repeat: no-repeat;} #pictureGalleryContainer #download img {margin-top:3px; margin-left:5px; float:right;} #pictureGalleryContainer #fullscreen img {margin-top:3px; margin-left:5px; float:right;} #pictureGalleryContainer div#imagebar {overflow:hidden; float:left;} #pictureGalleryContainer div#imagebar a img {width:41px; height: 24px; float:left; margin-right:3px;} #pictureGalleryContainer div#imagebar a:hover img {border:1px solid #003399;} #pictureGalleryContainer a.thumbLink img {border:1px solid #999999;} #pictureGalleryContainer a.thumbLinkHigh img {border:1px solid #003399;} #fullscreenLayer {position:absolute; z-index:9999; background-color:#333333; visibility:hidden; display:none;} #downloadZoom {position:absolute; top:500px; left:800px;} #fullscreenZoom {position:absolute; top:600px; left:800px;} .slideCopytext {display:none; visibility:hidden;} /* sweepstake */ body.sweepstake #completeText {margin-left:0px; margin-top:0px; background-repeat:no-repeat; background-position:0px 37px;} body.sweepstake #contentText {margin-top:4px; margin-left:16px; padding-bottom:20px; width:348px; background-color:#ffffff; opacity:0.95;} body.sweepstake #textContainer {padding-left:14px; width:310px;} body.sweepstake #infoContainer {font-size:11px; line-height:13px;} body.sweepstake #infoContainer .line {width:100%;} body.sweepstake #textContainer .line {margin-top:20px; margin-bottom:20px;} /* MARGINAL BAR */ #marginalContainer {position:absolute; top:192px; left:746px; width:242px; padding-bottom:40px; z-index:-1;/* otherwise we got problems with facebook comments */} .marginalHeadline {background-image:url(../img/backgrounds/headline_bg.gif ); background-repeat:repeat-x; width:242px; margin-bottom:4px;} .marginalHeadline p {background-color:#ffffff; display:inline; padding-right:3px; font-weight:bold;} #carInterestTable {width:239px; margin-left:1px; display:block;} #carInterestTable td {font-size:11px; line-height:12px;} #carInterestTable .carInterestSpacer {width:1px; background-color:#cccccc;} .carInterestContainer {width:79px; overflow:hidden;} .carInterestContainer img {display:block; margin-bottom:9px;} .carInterestContainer p {margin-left:9px;} img.icon_interests {float:left; margin:10px 5px 0px 0px;} /* voucher */ .voucherEntry {width:232px; height:16px; display:block; padding-left:10px; cursor:pointer; background-image:url(../img/backgrounds/accordion_bg.gif ); background-repeat: repeat-y; border-top:1px solid #ffffff;} .voucherEntry span {color:#ffffff; font-size:11px;} #voucher div {width:242px; background-color:#eeeeee;} #voucher div p {padding:5px 0px 4px 10px; font-size:11px; line-height:14px;} #voucher a .voucherEntryImg {width:5px; height:7px; background-image:url(../img/standard_elements/arrow_464646_right.gif ); background-repeat:no-repeat; margin:5px 16px 0px 0px; float:right;} #voucher a.selected {border-bottom:1px solid #464646;} #voucher a.selected .voucherEntryImg { width:7px; height:5px; background-image: url(../img/standard_elements/arrow_464646_down.gif ); background-repeat:no-repeat;} #voucher div .linkArrow {background-position:0px 3px; margin-top:2px;} #voucher a {border-bottom: 1px solid #ffffff;} #voucher a.linkArrow {border-bottom:none;} a.nobg {background-image: none; border-top:none; border-bottom: 1px solid #ffffff !important; cursor:default; display:block; height:0px; padding-left:0px; width:232px;} /* TEASER */ /* main teaser */ div.mainTeaser {width:725px; margin-bottom:15px; *margin-bottom:13px; padding-top:2px; display:block;} div.mainTeaser img.image {float:left; margin-top:8px; margin-bottom:10px;} div.mainTeaser div.copytextContainer {position:relative; width:503px; float:left; margin-bottom:15px;} div.mainTeaser span.copytext {width:400px; display:block;} div.mainTeaser div.links {margin-top:4px;} div.mainTeaser .topicHeadline, div.mainTeaser h1, div.mainTeaser .copytext {margin-left:23px;} div.mainTeaser a:hover h1 {margin-left:23px;} div.mainTeaser div.relatedTopicsContainer {position:relative; width:190px; float:left; background-image:url(../img/backgrounds/line_vertical_bg.gif ); background-repeat:repeat-y; padding:0px 0px 4px 10px; margin-bottom:15px; overflow:hidden;} div.mainTeaser .relatedTopicsHeadline {display:block; margin:0px 0px 4px 0px;} /* standard teaser */ div.standardTeaser {margin-bottom:15px; *margin-bottom:13px; padding-top:2px; display:block;} div.standardTeaser img.image {float:left; margin-top:8px; margin-bottom:15px;} div.standardTeaser span.copytext {width:400px; margin-top:6px; margin-left:240px; display:block;} div.standardTeaser div.links {margin-top:4px;} /* standard teaser gallery */ div.standardTeaserGallery {margin-bottom:15px; *margin-bottom:13px; padding-top:2px; display:block;} div.standardTeaserGallery img.image {float:left; margin-top:8px; margin-right:7px; display:block;} div.standardTeaserGallery span.copytext {clear:left; width:400px; padding-top:15px; display:block;} div.standardTeaserGallery div.links {margin-top:4px;} /* sweepstake teaser */ div.sweepstakeTeaser {width:242px;} div.sweepstakeTeaser img.image {display:block; margin-bottom:4px;} div.sweepstakeTeaser p {margin-bottom:3px;} /* small teaser */ .smallTeaser {display:block;} .smallTeaser .image {display:block; float:left; margin-top:3px; margin-right:9px; padding-bottom:21px;} .smallTeaser p {float:left; width:160px; padding-bottom:18px;} .smallTeaser .linkArrow {margin-top:3px;} /* FORMS */ #defaultAnchorButton {font-family:arial,helvetica,sans-serif; font-size:12px; line-height:12px; color:#000000;} a#defaultAnchorButton {background-color:#262626;} /* Content Paragraph Button */ a.defaultAnchorButton {color:#FFFFFF; display:block; font-size:12px; height:16px; line-height:12px; margin-top:5px; padding-top:4px; text-indent:7px; width:auto; min-width:174px;} a.defaultAnchorButton:hover, a.defaultAnchorButton:focus {color:#ffffff; background-color:#003399;} a.defaultAnchorButton {background-color: #262626; margin: 0px 0px 10px 0px;} /* LAYER */ #layerProfileUpdate {position:absolute; top:10px; left:100px;} #layerMeinBMW {position:absolute; top:200px; left:100px; width:302px; display:none;} .layerContent {padding:30px 25px 65px 25px; *padding:30px 25px 100px 25px; width:696px; *width:732px; background-color:#ffffff; border:1px solid #cccccc; overflow:hidden; z-index:999;} .layerContent img.image {display:block; margin:5px 0px 4px 0px;} .layerContent div.button {margin-top:11px; margin-bottom:13px;} .layerContent div.links {display:block; margin-top:8px;} .layerContent .mandatoryCaption {margin-right:45px;} .layerContent .closeIcon {position:absolute; top:7px; left:728px; *left:713px; z-index:999} /* silo dialog */ #profileDialog {position:absolute; top:230px; left:140px; width:730px; height:560px; z-index:3999; overflow:hidden; display:none; visibility:hidden;} #profileDialogIFrame {width:730px; height:560px;} /* info layer */ #infoContainer {margin-bottom:13px; margin-top:0px;} #infoContainer .line {width:460px; margin-top:3px; margin-bottom:4px;} #infoContainer span {float:left;} .layerInfo {position:absolute; top:350px; left:159px; visibility:hidden; display:block;} .layerInfo .layerContent {width:434px;} /* NAVIGATION */ /* logout link */ #logoutLink {display:none; visibility:hidden; position:relative; top:15px; right:0px; height:20px; float:left;} /* bottom navigation */ div#navigationContainer {position:absolute; top:168px; left:11px; width:715px; z-index:1000; overflow:hidden;} div.metaNavigation { bottom: expression( document.body.scrollBottom + 'px' ); } body > div.metaNavigation{position:fixed; background-color:#ffffff; left:0px; bottom:0px; width:100%; height:38px; color:#000000; z-index:1000;} /*.metaNavigation{position:fixed; background-color:#ffffff; left:0px; bottom:0px; width:100%; height:38px; color:#000000; z-index:1000;}*/ #metaNavigationInline {width:978px; height:38px; margin-left:10px; background-image:url(../img/backgrounds/headline_bg.gif ); background-repeat: repeat-x;} #metaNavigationText {position:relative; top:15px; right:0px; height:20px; float:right;} * html .metaNavigation {z-index:1000; position: absolute; border-bottom:1px solid white;} .menu {float:left; margin-left:18px;} /* main navigation */ /*#iap_article {width:90px;} #iap_events{width:132px;} #iap_benefit{width:132px;} #iap_glossary{width:90px;} #iap_contact{width:90px;} #iap_profil{width:131px;}*/ #iap_article {width:61px;} #iap_insider {width:137px;} #iap_events{width:122px;} #iap_benefit{width:115px;} #iap_glossary{width:65px;} #iap_contact{width:63px;} #iap_profil{width:92px;} #iap_2_drop {height:55px} #iap_3_drop{height:82px} #iap_4_drop{height:109px} #iap_5_drop{height:136px} #iap_6_drop{height:163px} #mainNavigationContainerIAP { text-align:left; background-color:transparent; background-image:url(../img/backgrounds/headline_bg.gif ); background-repeat:repeat-x; background-position:0px 37px; left:10px; height:65px; width:715px; position:absolute; top:154px; z-index:2000; } div.mainNavigationIAP ul li a{ background-image:url(../../../../../_common/narrowband/img/palette/1x1_ffffff.gif ); background-repeat:repeat-x; background-position:0px 21px; color:#333333; display:block; height:45px; } div.mainNavigationIAP ul li a.mainNaviHighlight,div.mainNavigationIAP ul li.mainNaviHighlight a { background-image:url(../img/backgrounds/7x1_003399.gif ); background-repeat:repeat-x; background-position:0px 20px; color:#003399; display:block; height:45px; } div.mainNavigationIAP ul li a:hover{ background-image:url(../img/backgrounds/7x1_003399.gif ); background-repeat:repeat-x; background-position:0px 20px; color:#003399; display:block; } div.mainNavigationIAP ul li.active a { background-image:url(../img/backgrounds/7x1_003399.gif ); background-repeat:repeat-x; background-position:0px 20px; color:#003399; display:block; } div.mainNavigationIAP ul { clear:both; display:block; height:30px; margin:0px; padding:0px; position:relative; width:715px; z-index:2000; } div.mainNavigationIAP ul li, div.mainNavigationIAP ul li.active, div.mainNavigationIAP ul li.mainNaviHighlight{ background-image:url(../img/backgrounds/2x1_999999.gif ); background-repeat:repeat-x; background-position:0px 17px; background-repeat:repeat-x; height:45px; margin:14px 10px 0 0; display:block; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; position:relative; z-index:2000; } div.mainNavigationIAP ul li.last{ margin:14px 0px 0 0; } div.mainNavigationIAP ul li div.dropDownContainer { background-color:#FFFFFF; border-color:#cccccc; border-style:solid; border-width:1px; display:none; margin:3px 0 0 -1px; padding:13px 0 0 0; position:absolute; top:36px; z-index:2000; width:234px; } div.mainNavigationIAP ul li.active div.dropDownContainer { display:block; } div.mainNavigationIAP ul li div.dropDownContainer div.dropDownColumn ul{ margin:0 0 0 10px; width:202px; } div.mainNavigationIAP ul li div.dropDownContainer div.dropDownColumn ul li { background-image:url(../img/backgrounds/1x2_999999dot.gif ); background-position:0px 21px; background-repeat:repeat-x; width:202px; margin:-1px 0 0 0; height:23px; float:left; padding:0 0px 5px 0; } /* special with for insider */ div.mainNavigationIAP ul li#iap_insider div.dropDownContainer div.dropDownColumn ul li {width:245px;} div.mainNavigationIAP ul li#iap_insider div.dropDownContainer {width:277px;} div.mainNavigationIAP ul li div.dropDownContainer div.dropDownColumn ul li a { background-image:url(../../../../../_common/html/img/palette/1x1_ffffff.gif ); background-repeat:repeat-x; background-position:0px 2px; color:#333333; height:23px; } div.mainNavigationIAP ul li div.dropDownContainer div.dropDownColumn ul li.last { background-image:url(../../../../../_common/html/img/palette/1x1_ffffff.gif ); background-position:0px 21px; background-repeat:repeat-x; } div.mainNavigationIAP ul li div.dropDownContainer div.dropDownColumn ul li a:hover{ color:#003399; } div.mainNavigationIAP ul li.active div.dropDownContainer div.dropDownColumn ul li a { color:#333333; } div.mainNavigationIAP ul li.active div.dropDownContainer div.dropDownColumn ul li a:hover { color:#003399; } div.mainNavigationIAP ul li.active div.dropDownContainer div.dropDownColumn ul li a.mainNaviHighlight{ color:#003399; } /* glossary */ #glossaryLayer {position:absolute; display:none; left:159px; z-index:65;} #glossaryLayer .layerContent {width:434px;} #glossaryLayer .layerContent h2 {margin:0 0 13px 0;} a.TLcontextlink {color:#666666;} a.TLcontextlinkHigh {color:#003399;} /* impulse insider */ #bmwInsiderBrand {position:relative; display:block; margin:14px 0px 0px 23px;} #bmwInsiderBrand img {display:block; width:198px; height:78px; background-image:url(../img/standard_elements/insider_brand.jpg ); background-repeat:no-repeat; background-position:0px 3px;} #bmwInsiderBrand .line {position:relative; margin-top:14px; margin-bottom:22px;} .standardTeaser a.linkArrow {display:inline;} /* insider reporter */ #bmwInsider {position:relative; width:460px; display:block; float:left;} #bmwInsider img {width:78px; height:99px; display:block; float:left; border:1px solid #cccccc;} #bmwInsider p {position:absolute; bottom:26px; *bottom:25px; left:90px; *left:89px; font-size:11px; line-height:13px;} #bmwInsider a {margin-top:11px;} /* insider subscription in forms */ #bmwInsiderUnsubscription img {display:block; width:190px; height:78px; background-image:url(../img/standard_elements/insider_brand.jpg ); background-repeat:no-repeat;} #bmwInsiderUnsubscription p {margin-top:-5px; margin-bottom:2px;} /* rebrush button */ .buttonGrey a, .buttonBlue a { min-width:173px; *width:173px; height:12px; padding:5px 7px; display:block; font-weight:bold; white-space:nowrap; } .buttonGrey a { color:#666666; border-top:solid #dddddd 1px; border-left:solid #dddddd 1px; border-bottom:solid #b0b0b0 1px; border-right:solid #b0b0b0 1px; background-image:url(../../../../../_common/rebrush/img/backgrounds/button_bg.gif ); } .buttonBlue a { color:#ffffff; border-top:solid #4081ec 1px; border-left:solid #4081ec 1px; border-bottom:solid #0044cc 1px; border-right:solid #0044cc 1px; background-image:url(../../../../../_common/rebrush/img/backgrounds/button_bg_blue.gif ); background-repeat:repeat-x; } .buttonGrey a:hover { border-top:solid #E5E5E5 1px; border-left:solid #E5E5E5 1px; border-bottom:solid #CFCFCF 1px; border-right:solid #CFCFCF 1px; background-image:none; background-color:#EEEEEE; color:#0044CC; font-weight:bold; } .buttonBlue a:hover { border-top:solid #6f91d5 1px; border-left:solid #6f91d5 1px; border-bottom:solid #587abe 1px; border-right:solid #587abe 1px; background-image:none; background-color:#0044cc; color:#ffffff; font-weight:bold; } /* icons & tooltip interest */ .iconInterestTooltip {display:none;position:absolute;left:0px;-left:-240px;top:38px;padding:5px 8px 5px 8px;width:223px;background-color:#fff;border:solid 1px #ccc;z-index:1000;}