/* Bedeutung der Kommentare 1 | [2] [3] | 4 1 = Titel/Bezeichnung fuer den definierten Block 2 = Kuerzel desjenigen der den Block als erster erstellt hat (unveraenderbar) 3 = Kuerzel desjenigen der den Block als letzter editiert hat 4 = Bemerkung (optional) */ /* Default Styles | [m] [] */ a.black:link, a.black:visited, a.black:active { color: #222; } a.grey:link, a.grey:visited, a.grey:active { color: #666; } a.red:link, a.red:visited, a.red:active { color: #a02; } a.white:link, a.white:visited, a.white:active { color: white; } a.white:hover { font-weight: bold; } a.noStyle:link, a.noStyle:visited, a.noStyle:hover, a.noStyle:active { color: #222; text-decoration: none; } a.link_searchDetails:link { color: #004dc1 } a.link_searchDetails:visited { color: #551A8B } h1 { font-family: Tahoma, Verdana; color: #222; font-size: 1.3em; display: inline; } h2 { font-family: Verdana; color: #222; font-size: 1.2em; display: inline; } h3 { font-family: Verdana; color: #222; font-size: 1.1em; display: inline; } h4 { font-family: Verdana; color: #222; font-size: 1.0em; display: inline; } .bold { font-weight: bold; } .left, .floatLeft, .leftFloat { float: left; } .right, .floatRight, .rightFloat { float: right; } .center { text-align: center; } .clearFloat { clear: both; height: 0px; } .black_small { color: #222; font-size: 0.9em; line-height: 1.1em; } .black { color: #222; } .white { color: #fff; } .grey, .disabled { color: #666; } .red { color: #a02; } .green { color: #0b0; font-size: 1.2em; line-height: 1.4em; } .blue { color: #1F71BF; } .blue_form { color: #558dd5; } .yellow { color: #fefe99; } .error, ul.error li { color: #a02 !important; line-height: 1.7em; font-weight: bold; } ul.error { padding: 0 0 0 15px; margin: 10px 0; } .myGrey { background-color: #999999; color: #FFFFFF} .mSystemFont { font-size: 0.9em; } .mSmallFont { font-size: 0.8em; } .block {display: block !important;} .xSpace { margin: 0px 4px; } .ySpace { margin: 4px 0px; } .xySpace { margin: 4px 4px; } .leftSpace { margin-left: 4px !important; } .rightSpace { margin-right: 4px !important; } .topSpace { margin-top: 4px !important; } .bottomSpace { margin-bottom: 4px !important; } .vAlign * { vertical-align: middle; } .xcontent { padding: 0px 6px; } .ycontent { padding: 6px 0px; } .content { padding: 6px; } .autoWidth { width: auto !important; } /* Layout Definition | [m] [] */ .motoso { width: 1196px; margin: 0px; padding: 0px; } .motoso_center { float: left; width: 960px; margin: 0px; padding: 0px; background-color: white; } .motoso_left { display: none; } .motoso_right { float: left; width: 170px; margin: 0px; padding: 0px; } .motoso_shadow { width: 940px; padding: 10px; position: relative; background: url('http://assets.motoso.de/images/v8/css-sprites.png') repeat-y; background-position: -960px; } .motoso_shadow_top { width: 960px; height: 20px; position: absolute; top: 0px; left: 0px; background: url('http://assets.motoso.de/images/v8/css-sprites.png') 0 0 no-repeat; } .motoso_shadow_bottom { width: 960px; height: 20px; margin-top: -20px; position: relative; background: url('http://assets.motoso.de/images/v8/css-sprites.png') 0px -20px no-repeat; } .mContent, .mFullsizeAd, .mFoot, .mAdWords, .mIndexMap { width: 940px; } .mContent { width: 920px; padding: 5px 10px; background-color: white; overflow: hidden; } /* Ad's | [m] [] */ .mFullsizeAd { display: block; padding-bottom: 4px; padding-right: 10px; width: 1196px; } .mFullsizeAd span { display: block; width: 970px; text-align: center; } .mSkyscraperAd { display: block; width: 200px; height: 600px; float: left; margin-left: 6px; margin-top: 10px; } .mRectangleAd { text-align: center; } .mRectangle300Ad { width: 300px; height: 290px; position: absolute; top: 410px; left: 620px; background-color: white; } .mDetailRectangle300Ad { width: 300px; height: 290px; } .mFlashStageAd {background-color: white; } .mFlashStageAd span { width: 770px; display: block; margin: 0px auto;} .mBannerHidden * { visibility: hidden; } /* --- */ /* Crumbs | [m] [sto] | bei aenderung an motozone css denken */ .mCrumbsNavigation { height: auto; margin-top: 10px; margin-bottom: 5px; } .mCrumbsNavigation div.content_left { float: left; width: 400px; padding-left: 8px; } .mCrumbsNavigation div.content_right { float: right; width: 300px; padding-right: 8px; text-align: right; position: relative; } .mCrumbsNavigation div.content_right a { color: #666; } /*---*/ /* Content Definition | [m] [m] */ .mBoxGroup1 { float: left; width: 300px; margin-left: 10px; } .mBoxGroup1 .mLoginInput { width: 212px; } .mBoxGroup2 { float: left; width: 440px; margin-right: 10px; } .mBoxGroup3 { float: left; width: 170px; } .mBoxGroup4 { float: left; width: 610px; } .mBoxGroup5 { float: left; width: 740px; margin-right: 10px; } .mBoxGroup7_left { float: left; width: 399px; margin-right: 6px; } .mBoxGroup7_right { float: left; width: 399px; } .mLoginPage .mBoxGroup7_left { float: left; width: 367px; margin-right: 6px; } .mLoginPage .mBoxGroup7_right { float: left; width: 367px; } /* Content Only | [m] [] */ .mContentOnlyBox { margin-top: 20px; } .mContentOnlyBox .content .left { text-align: left; width: 170px; padding-left: 2px; margin-top: 4px; font-weight: bold; } .mContentOnlyBox .content .right { text-align: left; width: 370px; padding-left: 2px; margin-top: 4px; } /*---*/ /* Universal Boxes | [m] [m] */ .mUBox { border: 1px solid #a2a2a2; position: relative; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; } .mUBoxHeadline { line-height: 19px; display: block; border: 1px solid #a2a2a2; border-bottom: 0px; padding: 0px 4px; margin: 0px; } /*---*/ /* errormessage | [gr] [] define style of errormessageDiv*/ .errormessage { width: auto; background-color: white; margin: 0px; } /* Search Mask Vehicles | [m] [gr] */ .msSearchScreen h2 { font-size: 1.3em; color: #a02; display: block; } .msSearchScreen hr { margin: 20px 0px; } .msSearchScreen .msFields { padding: 10px 0px; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; } .msSearchScreen .msFields .content_left { float: left; width: 300px; padding-left: 30px; } .msSearchScreen .msFields .content_right { float: left; width: 300px; padding-left: 30px; } .msSearchScreen .mFormSelect, .msSearchScreen .mFormInput, .msSearchScreen .mFormCombine { float: left; width: 150px; margin-top: 8px; } .msSearchScreen .mFormSelect label, .msSearchScreen .mFormInput label, .msSearchScreen .mFormCombine label { display: block; text-align: left; } .msSearchScreen .mFormSelect select { width: 124px; margin-right: 10px; } .msSearchScreen .mFormSelect .f_label_middle { float: none; margin-right: 10px; } .msSearchScreen .mFormInput input { width: 120px; margin-right: 10px; } .msSearchScreen .mFormCombine input { width: 90px; margin-right: 10px; } .msSearchScreen .mFormCombine select { width: 124px; margin-right: 10px; } .msSearchScreen .mFormCombine .f_label_middle { float: none; margin-right: 10px; } .msSearchScreen #msVCS_firstRegistration, .msSearchScreen #msVCS_mileage, .msSearchScreen #msVCS_power, .msSearchScreen #msVCS_price, .msSearchScreen #msVCS_VehicleStatus { width: 300px; } .msSearchScreen #msVCS_plz, .msSearchScreen #msVCS_distance { float: left; width: 150px; } #msVCS_mwst { padding-left: 0px !important; margin-left: 0px !important; width: auto !important; } #msVCS_Condition, #msVCS_withWithoutImage { float: left !important; margin-left: 0px !important; margin-top: 10px; width: 210px !important; } #msVCS_withWithoutImage_label, #msVCS_Condition_label { display: block; text-align: left;} .msSearchScreen .msFields .mFormCheckbox { float: left; margin-left: 122px; } .msSearchScreen .msCheckbox { margin-top: 10px; } .msSearchScreen .msCheckbox .content_left { float: left; width: 453px; margin-right: 10px; border: 1px solid #ccc; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; } .msSearchScreen .msCheckbox .content_right { float: left; width: 453px; border: 1px solid #ccc; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; } .msSearchScreen .mFormCheckbox * { vertical-align: middle; } .msSearchScreen .mFormCheckbox { float: left; width: 190px; margin-top: 6px; margin-left: 20px; } .msSearchScreen .mFormCheckbox input { margin-right: 4px; padding: 0px; } .msSearchScreen h3 { font-size: 1.1em; margin: 0px; color: #222; display: block; padding: 2px 4px; border-bottom: 1px solid #ccc; } .msSearchScreen .msCheckbox .content { padding: 0px; } .msBrowseVehicles { float: left; width: 200px !important; padding-left: 30px;} .msBrowseVehicles ul { list-style: none; padding: 0px; margin: 0px; } .msBrowseVehicles ul li { margin-top: 5px; vertical-align: middle; } .msBrowseVehicles ul li * { vertical-align: middle; } /* SearchMask Vehicles | [m] [m] */ #msVehiclesCarSearch .msCheckbox .content_left, #msVehiclesCarSearch .msCheckbox .content_right, #msVehiclesCaravanSearch .msCheckbox .content_left, #msVehiclesCaravanSearch .msCheckbox .content_right { height: 170px; } #msVehiclesBikeSearch .msCheckbox .content_left { width: 918px; height: 70px; } #msVehiclesBikeSearch .mFormCheckbox { width: 150px; } #msVehiclesCarWideCheckBox .content_left { width: 918px; height: 110px !important; } #msVehiclesCarSearch .mUBox, #msVehiclesBikeSearch .mUBox, #msVehiclesTruckSearch .mUBox, #msVehiclesCaravanSearch .mUBox { width: 880px; margin-top: 10px; padding: 20px; border: 0px; } /* SearchMask Classifieds | [m] [m] */ .msBrowseClassifieds { float: right; width: 450px; } .msBrowseClassifieds .mo_button_action { margin: 0 0 5px 0; } .msClassifiedsSearch { float: left; width: 450px; } /* SearchMask Services | [m] [m] */ .msServicesSearch .msFields { background: none; padding: 0px; } .msServicesSearch .msFields .content_left { float: left; width: 455px; margin: 0px 10px 0px 0px; padding: 0px; } .msServicesSearch .msFields .content_right { float: left; width: 455px; margin: 0px; padding: 0px; } .msServicesSearch .msFields .content { padding: 0px 10px; } .msServicesSearch #f_service_keywords { width: 322px; } .msServicesSearch #f_service_plz { width: 124px; } .msServicesSearch #f_service_service { width: 330px; } .msServicesSearch .mUBox { margin-top: 10px; width: auto; height: 100px; } .msServicesSearch .mUBox_content { padding: 6px; } .msServicesSearch .msTopServiceSearchBox { position: relative; height: 250px; background-color: transparent; background: url('http://assets.motoso.de/images/v8/mIndexSearchService_center.png') repeat-x; } .msServicesSearch .msServiceSearchBox_left, .msServicesSearch .msServiceSearchBox_right { position: absolute; height: 250px; width: 5px; } .msServicesSearch .msServiceSearchBox_left { top: 0px; left: 0px; background: url('http://assets.motoso.de/images/v8/mIndexSearchService_border.gif') no-repeat -5px 0px; } .msServicesSearch .msServiceSearchBox_right { top: 0px; right: 0px; background: url('http://assets.motoso.de/images/v8/mIndexSearchService_border.gif') no-repeat 0px 0px; } .msServicesSearch .msTopServiceSearchBox .content { background: none; margin-top: 24px; } .msServicesSearch .msTopServiceSearchBox .maButtonRed { margin-top: 20px; margin-right: 10px; } /* Service Search Headlines [m] [] */ .content_serviceHeadline { text-align: left; line-height: 22px; margin-left: 70px; padding: 12px 8px 0px 8px; color: white; } .content_serviceHeadline span { font-family: Tahoma, Arial; font-size: 12px; color: white; } .content_serviceHeadline h1 { font-family: Tahoma, Arial; font-size: 20px; line-height: 20px; color: white; text-transform: uppercase; } .content_serviceHeadline h2 { font-family: Tahoma, Arial; font-size: 12px; line-height: 16px; font-weight: normal; color: white; text-transform: uppercase; } .content_icon_serviceSearch { position: absolute; top: 4px; left: 5px; width: 60px; height: 66px; } .content_icon_serviceSearch { background: url('http://assets.motoso.de/images/v8/icon_serviceSearchHeadline.gif') no-repeat; } /* Service Action Boxes | [m] [] */ .msServiceActionBox { width: 450px; height: 100px; } .msServiceActionBox a { width: auto; height: 100px; display: block; text-decoration: none; } .msServiceActionBox .mUBox { width: auto; height: 100px; margin: 0px; } .msServiceActionBox .mUBox_content { padding: 6px; } .msServiceActionBox #msServiceActionBox_image { width: 80px; height: 80px; position: absolute; top: 8px; right: 20px; background: url('http://assets.motoso.de/images/v8/icon_serviceSearchRequestActionBox.gif') no-repeat; } .msServiceAction { float: left; margin: 0 0 10px 0; } /*---*/ .mClassifiedsContentAd { margin: 0px auto; text-align: center; } .mClassifiedsContentAd div.mHPTeaserBox { border: 1px solid #aaa; margin: 5px; } /*---*/ .mSpecialsBox * h2 { font-size: 1em; } .mBox_G5_content_center { width: 623px; border-left: 1px solid #848484; border-right: 1px solid #848484; background-color: #e9e7e7; position: relative; } .mBox_icon, .mzBox_icon { display: block; border: 0px; position: absolute; top: 4px; right: 4px; } /* Filialensuche | [m] [] */ .mSBranch { background-color: #fefe99; } .mSBranch * .mo_float_left *, .mSBranch * .mo_float_right * { vertical-align: middle; } /* Garage Entry */ .mGarageEntry .mo_float_left, .mGarageEntryDetail .mo_float_left { float: left; text-align:right; width: 110px; margin-right: 5px; margin-top: 5px; } .mGarageEntry .mo_float_right { float: left; text-align:left; width: 200px; margin-top: 5px; } .mGarageEntryDetail .mo_float_right { float: left; text-align:left; width: 250px; margin-top: 5px; } .mGarageEntry .content_left { float: left; width: 280px; } .mGarageEntry .content_right { float: left; width: 395px; } /* Suchergebnisliste | [m] [m] */ .mSRPager { margin-bottom: 4px; } .mSRPager .content { padding: 0px; } .mSRPager .content a { text-decoration: none; } .mSRPager .content a:hover { color: #a02; } .mSRPager .content span.mSRActivePager { color: #444; font-weight: bold; font-size: 1.2em; } .mSRPager * .mo_float_left { width: auto; } .mSRPager * .mo_float_right { width: 220px; text-align: right; } .mSRPager .content * { vertical-align: middle; } .mSRListBoxClassifieds, .mSRListBoxService { margin-bottom: 6px; background-color: #fff; border: 1px solid #999; border-top: 0px; } .mSRListBoxServiceTemplate { margin-bottom: 6px; background-color: #fefe99; border: 1px solid #999; } .mOrderListBox .headline { padding: 3px 6px; background-color: #d4d4d4; } .mSRListBox .headline h2, .mOrderListBox .headline h2 { font-size: 1em; display: block; margin: 0px; background: transparent; } .mSRListBox .headline a, .mOrderListBox .headline a { text-decoration: none; color: #222; } .mSRListBox .headline a { text-decoration: none; color: white; } .mSRListBox .headline { position: relative; padding: 4px; } div.mSRListBox {position: relative; } .mSRListBoxClassifieds .mSRListBox .headline { background: url('http://assets.motoso.de/images/v8/mIndexSearchClassified_center.gif') repeat-x; } .mSRListBoxService .mSRListBox .headline { background: url('http://assets.motoso.de/images/v8/mIndexSearchService_center.gif') repeat-x; } .mOrderListBox .content_left { float: left; width: 438px; } .mSRListBox .content_center p, .mSRListBox .content_right p, .mOrderListBox .content_right p { padding: 0px; margin: 0px 0px 2px 0px; line-height: 1.4em; } div.mSRListBox .content_left {float: left; width: 90px; height: 68px; margin: 0px; padding: 0px; overflow: hidden;} div.mSRListBox .content_center {float:left; margin-top: 3px; margin-bottom: 3px; width: 344px; } div.mSRListBox .content_right, .mOrderListBox .content_right { width: 160px; height: 68px; float: right; border-left: 1px dotted #848484; margin-top: 3px; margin-bottom: 3px; } div.mSRListBox p.mSRListDetailsLink { display: block; position: absolute; bottom: 5px;} .mOrderListBox .content_left .mo_float_left { float: left; width: 100px; text-align: left; margin-left: 15px; } .mOrderListBox .content_left .mo_float_right { float: left; text-align: right} /* and now move the product image to the left for search result teaser */ .mSRListBox .content_left { float: right; width: 500px; } .mSRListBox .content_right { float: left; } /* Search Details | [m] [m] */ #mDetailsImageSwitcher .boDetailsImagesContent {padding-top: 5px; margin-bottom: 10px; } .mDetailsImageBig { text-align: center; } .mDetailsImageBig img { margin: 0px 0px 5px 0px; } .mDetailsImageSwitcher { width: 300px; margin-bottom: 20px; } .mDetailsImageSmallBox { text-align: center; } .mDetailsImageSmall0, .mDetailsImageSmall1, .mDetailsImageSmall2 { float: left; width: 95px; margin: 0px 4px 0px 0px; position:relative;} .mDetailsImageSmall2 { margin: 0px 0px 0px 0px !important; } div.mDetailsXXLImages { width: 300px; margin: 5px 0; text-align: right; } div.mDetailsXXLImages a { font-size: 1.1em; color: #222; padding: 6px;} #mDetailsXXLImages {display: none;} div.boDetailsImagesContent.mUBox {background: none; } div.mDetailsImages {padding-bottom: 3px; } div.mDetailsXXLImageRectangleAd {width: 300px; float: right;} div.mDetailsXXLImagesDisplay { position: static; width: 982px;} div.mDetailsXXLImagesBox { width: 662px; overflow: hidden; float: left; margin-right: 10px;} #mDetailsXXLImagesHeadline { position: static; height: 40px; width: 662px !important;} #mDetailsXXLImagesHeadline .mIndexBoxSearch_left, #mDetailsXXLImagesHeadline .mIndexBoxSearch_right { height: 40px !important; } #mDetailsXXLImagesHeadline .mIndexBoxSearch_center { width: 652px !important; height: 40px !important; } #mDetailsXXLImagesShowcase .mDetailsImageBig { width: auto; text-align: center; } #mDetailsXXLImagesShowcase .mDetailRectangle300Ad { float: right; } #mDetailsXXLImagesShowcase .mDetailsImageSmallBox { width: 652px; text-align: left;} #mDetailsXXLImagesShowcase .mDetailsImageSmallBox .left { float: left; width: 95px; margin: 0 5px 5px 0; } #mDetailsXXLImagesShowcase #srFurtherResultsBox { border-top: 1px solid #848484; } .mDetailsImageSmallBoxHeadline { font-size: 1.1em; font-weight: bold; padding: 6px; display: block; border-top: 1px solid #848484; } #detailsImagesFooter {color: #444444 !important; border-top: 1px solid #BB2122; text-align:center; margin-top:8px; font-size:10px; padding: 5px 3px 0px 3px;} #detailsImagesFooter * {color: #444444 !important; font-size:10px; font-weight: normal;} #detailsImagesFooter .imagesFooterLinks {margin-top:10px;} #detailsImagesFooter .imagesFooterLinks a {font-size:11px !important; padding-right: 4px;} #mDetailsImageBackButton {border-top: 1px solid #848484; padding: 6px 0px 6px 0px; margin-top: 5px;} .mDetailPreviewButtons { width: 920px; padding: 0px 0px 4px 0px; } .mDetailPreviewButtons form div { margin-left: 5px; } .mDetailPreviewButtons input { width: 140px !important; } h1.mDetailHeadline { display: block; padding: 10px; margin: 0px; color: white; font-size: 1.5em; } h2.mDetailHeadline { display: block; padding: 2px 0px; margin: 0px; color: black; font-size: 1.15em !important; font-weight: bold; border-bottom: 1px dotted gray; } h2.mDetailHeadline em {font-size: 0.75em; font-weight: normal; color: #848484; } .mDetailNavHeadline { display: block; margin: 0px; color: #222; border-bottom: 1px solid #848484; padding: 6px; } .dc_suitableFor { width: 100%; } .dc_suitableForRow td { border-bottom: 1px solid #DCDCDC; } .dc_suitableForHeader { height: 25px; background-color: #e6eef5; } .dc_sf_kba { width: 60px; } .dc_sf_make { width: 120px; } .dc_sf_modelTypeVariant { width: 235px; } .dc_sf_kw { width: 40px; } .dc_sf_motorLiterSize { width: 55px; } .dc_sf_yoc { width: 90px; } .dc_suitableFor tr.dc_suitableForRow td {text-align: center;} .mDetailsCrumbs { color: #666; margin-bottom: 6px; } .mDetailsCrumbs a { color: #666; text-decoration: none; } .mDetailsContact { width: 590px; margin-top: 20px; background-color: #efefef; float: left; } .mDetailsContact .mDetailHeadline { display: block; margin: 0px; border-bottom: 1px dotted #848484; padding: 10px 6px 6px 67px; background: url('http://assets.motoso.de/images/v8/icon_contact_letter.gif') left top no-repeat; background-color: white; } .mDetailsContactForm { background-color: #efefef; } .mDetailsContactForm .content { width: 180px; font-weight: bold; margin-bottom: 2px; background-color: #e1eaf3; } .mDetailsContactForm .dcf_content { padding: 6px; } .mDetailsContactForm .dcf_content input { width: 190px; margin-bottom: 2px; } .mDetailsContactForm .dcf_content_bottom { width: 300px; padding: 6px 0px 0px 16px; margin-bottom: 2px; } .mDetailsContactForm .dcf_content_left { float: left; width: 230px; margin-bottom: 2px; padding-left: 62px; } .mDetailsContactForm .dcf_content_right { float: left; width: 260px; margin-bottom: 2px; } .mDetailsContactForm span .mButtonBox { text-align: right; padding-top: 2px;padding-left: 10px; padding-bottom: 10px; padding-right: 270px; } .mDetailsContactForm .dcf_content_right textarea { width: 240px; height: 124px; } .mDetailsContactForm input.text { width: 260px; } .mDetailsContactForm hr {height: 1px; border-bottom: 1px dotted #848484; margin: 5px 5px; display: none;} .dcf_negotiable_label, .dcf_negotiable_field { background-color: white; } .dcf_negotiable_field { width: 110px !important; } .dcf_negotiable_field input { text-align: right; width: 100px !important; } .dcf_captcha_label { padding: 6px; margin-left: 62px; } .dcf_content_captcha { width: auto; position: relative; height: 70px; margin-left: 62px; } .dcf_captcha_input { width: 80px; position: absolute; left: 280px; top: 44px; } .dcf_captcha_field { width: 200px; position: absolute; left: 6px; top: 30px; } .dcf_captcha_arrow { width: 42px; height: 30px; position: absolute; left: 220px; top: 40px; background: url('http://assets.motoso.de/images/v8/icon_arrow_blue.gif') no-repeat; } .dcf_captcha_reload { font-size: 0.9em; position: absolute; left: 7px; top: 83px; } .expiredMessageBox {border:10px solid #aa0022; padding:0px 10px 0px 10px; font-size:4em; line-height:2.5em; font-weight:bold; color:#aa0022; position:absolute; top:360px; left:250px; z-index:1000;} /* AnbieterInfo | [m] [] */ .mBInfo { color: #222; margin-bottom: 6px; } .mBInfoHeadline { color: #222; background-color: #eee; margin: 0px 0px 0px 0px; padding: 3px 2px 2px 4px; } .mBInfoGroup { float: left; width: 610px; margin-right: 10px; } .mBInfoGroup .mbi_content { padding: 0px 6px 6px 0px; } .mBInfoGroup_left { } .mBInfoGroup_left .mbi_content { padding: 0px 6px 6px 0px; } .mBInfoGroup_right { float: left; width: 251px; } .mBInfoGroup_right .mbi_content { padding: 0px 0px 6px 0px; } .mBInfoNav { float: left; width: 300px;} .mBInfoNav .mbi_content { padding: 0px 0px 6px 0px; } .mBInfoGroup, .mBInfoNav { margin-top: 6px; } .mBInfoGallery { margin: 6px 0px; } /* Headline Definition | [m] [] */ .mHeadline_G1, .mHeadline_G2, .mHeadline_G3, .mHeadline_G4 { margin-bottom: 0px; padding: 0px;} .mHeadline { color: white; background-color: #767676; padding: 2px 4px; letter-spacing: 0.06em; font-family: Verdana; font-size: 0.9em; margin: -2px 0px; overflow: visible; position: relative; z-index: 2; } .mHeadline h1 { color: white; background-color: #767676; } /* Headlines with anker | [m] [m] */ .mAnkerHeadline { background-color: #767676; color: white; padding: 2px 4px; } .mAnkerHeadline .mHeadline { background-color: #767676; float: left; color: white; } .mAnker { background-color: #767676; float: right; text-align: right; width: 150px; padding-right: 6px; margin: -1px 0px; } .mAnker .content { background-color: #767676; padding: 0px; } .mAnker a { background-color: #767676; color: white; } .mHPBox3 .content, .mHPBox2 .content { background-color: #e9f3fc; } div.serviceTemplateInputImage { position: relative; width: 90px; height: 50px; } div.serviceTemplateInputImage div.serviceTemplateInputImage { position: absolute; bottom: 3px; left: 2px; cursor: default;} .serviceTemplateInputImageBackground { position: absolute; top: 0px; left: 0px; } #map, #biMap { width: 588px; height: 300px; border: 1px solid #ccc; margin: auto auto;} div.hp #biMapBox, div.hp #biMap { width: 300px;} #biMapBox { position: relative; } #mapData { position: absolute; top: 50px; right: 10px; } div.hp #mapData {top: 10px;} #mapData div { padding: 4px; margin-top: 1px; margin-right: 1px; background-color: white; color: #222; } #mapData a { color: #222; text-decoration: none; } #mMapGarageHits { width: 596; height: 284px; margin-top: 6px; } #mMapServiceHits { width: 200px; height: 200px; margin-top: 6px; } .mMapServiceHits { width: 250px; height: 150px; margin-top: 6px; } /* MyMotoso - MyClassifieds | [m] [] */ .mMyCSearchBox * .left * { vertical-align: middle; } .mMyCSearchBox * .right { float: left; width: 400px; text-align: left; padding-left: 2px; margin-bottom: 4px; } .mMyCSearchBox * .right1 { float: left; width: 210px; text-align: left; padding-left: 2px; margin-bottom: 4px; } .mMyCSearchBox * .right2 { float: left; width: 190px; text-align: left; padding-left: 2px; margin-bottom: 4px; } .mMyCSearchBox * .right * { vertical-align: middle;} .mMyCSearchBox * .right label { font-weight: bold;} .mMyCSearchBox .mButtonBox {width: 528px; text-align: right; } .mMyCStatusPaid, .mMyCStatusPaidTxt { color: #0b0; } .mMyCStatusExpired, .mMyCStatusExpiredTxt { color: #f22; } /* Category List | [m] [m] */ .mCategoriesCatalog * h2 { font-size: 1.0em; display: block; } .mCategoriesCatalog .domain1, .mCategoriesCatalog .domain2, .mCategoriesCatalog .domain3 { width:296px; float: left; margin-top: 10px;} .mCategoriesCatalog .domain1, .mCategoriesCatalog .domain2 {margin-right: 10px; } .mCategoriesCatalog .column1, .mCategoriesCatalog .column2 {width: 350px; float: left; } .mCategoriesCatalog ul { padding: 0px; margin: 0px; } .mCategoriesCatalog li { list-style: none; padding: 0px; margin: 0px;} /* Form Elements | [m] [m] */ .mFormBox { margin: 0px; padding: 0px; background-color: #e1eaf3; border: 1px solid #e9e7e7; } .mFormBox .content { padding: 6px; } .mFormBox .left, .mFormBox .right, .mFormBox .content_left, .mFormBox .content_right, .mFormBox .content_left .left, .mFormBox .content_left .right, .mFormBox .content_right .left, .mFormBox .content_right .right { float: left; margin-top: 6px; } .mFormBox .content_left .left *, .mFormBox .content_left .right *, .mFormBox .content_right .left *, .mFormBox .content_right .right * { vertical-align: middle; } /*---*/ .mFormBox_G4, .mFormBox_G5, .mFormBox_G6 { margin-bottom: 4px; } .mFormBox_G4 .mFormBox .content .left { float: left; width: 190px; text-align: left; font-weight: bold; margin-bottom: 4px; } .mFormBox_G4 .mFormBox .content .right { float: left; width: 340px; text-align: left; margin-bottom: 4px; } .mFormBox_Tools .mFormBox .content .left { float: left; width: 50px; text-align: left; font-weight: bold; margin-bottom: 4px; } .mFormBox_Tools .mFormBox .content .right { float: left; width: 200px; text-align: left; margin-bottom: 4px; } /* G4 | [m] [m] */ .mFormBox_G4 .mFormBox .content_left { float: left; width: 267px; padding: 3px 0px 3px 6px; } .mFormBox_G4 .mFormBox .content_left .left { text-align: left; width: 100px; margin-top: 6px; font-weight: bold; } .mFormBox_G4 .mFormBox .content_left .right { text-align: left; width: 164px; margin-top: 6px; overflow: hidden; } .mFormBox_G4 .mFormBox .content_left .right select { width: 152px; } .mFormBox_G4 .mFormBox .content_left .right input { width: 146px; } .mFormBox_G4 .mFormBox .content_right { float: left; width: 267px; padding: 3px 0px 3px 6px; } .mFormBox_G4 .mFormBox .content_right .left { text-align: left; width: 140px; margin-top: 6px; font-weight: bold; } .mFormBox_G4 .mFormBox .content_right .right { text-align: left; width: 124px; margin-top: 6px; overflow: hidden; } .mFormBox_G4 .mFormBox .content_right .right select { width: 116px; } .mFormBox_G4 .mFormBox .content_right .right input { width: 110px; } /* SearchRequestService | [gr] [m] */ .mFormBox_G4 .mFormBox .content_bottom { margin-top: 10px; padding: 3px 6px; } .mFormBox_G4 .mFormBox .content_bottom .mButtonBox { margin-top: 0px; text-align: right; } div.mFormBox_G4 table { width: 100%;} div.mFormBox_G4 table th { color: #222; background-color: #e9e7e7; } div.mFormBox_G4 table .row2 { background-color: #e9e7e7; } /* G6 | [m] [m] */ .mFormBox_G6 .mFormBox .content .left { float: left; width: 372px; text-align: left; font-weight: bold; margin-bottom: 4px; } .mFormBox_G6 .mFormBox .content .right { float: left; width: 372px; text-align: left; margin-bottom: 4px; } .mFormBox_G6 .mFormBox .content_left { float: left; width: 384px; padding: 3px 0px 3px 6px; } .mFormBox_G6 .mFormBox .content_left .left { text-align: left; width: 190px; margin-top: 6px; font-weight: bold; } .mFormBox_G6 .mFormBox .content_left .right { text-align: left; width: 190px; margin-top: 6px; } .mFormBox_G6 .mFormBox .content_right { float: left; width: 384px; padding: 3px 0px 3px 6px; } .mFormBox_G6 .mFormBox .content_right .left { text-align: left; width: 190px; margin-top: 6px; font-weight: bold; } .mFormBox_G6 .mFormBox .content_right .right { text-align: left; width: 190px; margin-top: 6px; } .mFormBox_G6 .mFormBox .content_bottom { margin-top: 10px; padding: 3px 6px; } .mFormBox_G6 .mFormBox .content_bottom .mButtonBox { margin-top: 0px; text-align: right; } /*---*/ /* MyMotoso */ /* MyMotoso Startseite | [m] [m] */ .mMyMotosoIndexBox_classifieds, .mMyMotosoIndexBox_newspaper, .mMyMotosoIndexBox_order, .mMyMotosoIndexBox_searchRequest { position: relative; width: 453px; height: 110px; margin: 0px 10px 10px 0px; border: 1px dotted #222; } .mMyMotosoIndexBox_account, .mMyMotosoIndexBox_statistic, .mMyMotosoIndexBox_servicelister { position: relative; width: 453px; height: 110px; margin: 0px 0px 10px 0px; border: 1px dotted #222; } .mMyMotosoIndexBox_motosoActionBox { position: relative; width: 455px; height: 112px; margin: 0px 0px 10px 0px; } .mMyMotosoIndexBox_classifieds .content, .mMyMotosoIndexBox_newspaper .content, .mMyMotosoIndexBox_order .content, .mMyMotosoIndexBox_searchRequest .content, .mMyMotosoIndexBox_account .content, .mMyMotosoIndexBox_statistic .content { padding: 6px; width: 341px; font-size: 11px; } .mMyMotosoIndexBox_servicelister .content { padding: 0; font-size: 11px; } .mMyMotosoIndexBox_servicelister .content .noStyle div { padding: 6px; } .mMyMotosoIndexBox_classifieds { background: url('http://assets.motoso.de/images/v8/icon_my_classifieds.gif') right no-repeat; } .mMyMotosoIndexBox_order { background: url('http://assets.motoso.de/images/v8/icon_my_order.gif') right no-repeat; } .mMyMotosoIndexBox_account { background: url('http://assets.motoso.de/images/v8/icon_my_account.gif') right no-repeat; } .mMyMotosoIndexBox_statistic { background: url('http://assets.motoso.de/images/v8/icon_my_statistic.gif') right no-repeat; } .mMyMotosoIndexBox_searchRequest { background: url('http://assets.motoso.de/images/v8/icon_my_searchRequest.gif') right no-repeat; } .mMyMotosoIndexBox_servicelister { background: url('http://assets.motoso.de/images/v8/icon_my_servicelister.gif') right no-repeat; } .mMyMotosoIndexBox_newspaper { background: url('http://assets.motoso.de/images/v8/icon_my_newspaper.gif') right no-repeat; } .mMyMotosoIndexLink { position: absolute; right: 0px; top: 0px; width: 90px; height: 110px; display: block; } .mMyMotosoIndexLink#servicelister_top {position:relative; float: right; width: 60px; height: 30px; margin-left: 10px;} .mMyMotosoIndexLink#servicelister_bottom {position:relative; float: right; width: 150px; height: 80px; margin-left: 10px; clear: both; } /*---*/ .legend { height: 20px; } .myOrderInfoText ul { list-style: none; list-style-type: disc; margin: 0px; margin-bottom: 16px; padding-left: 20px; } .myOrderInfoText ul li { margin: 4px 0px; } .myOrdersInfo { background-color: #e9e7e7; padding-left:5px;} table.ppcOverview, table.ppcDetails { border-spacing: 2px; } table.ppcOverview tr th, table.ppcDetails tr th { background-color: #999999; color: #fff; } table.ppcOverview tr td.row1, table.ppcDetails tr td.row1 { background-color: #e9e6e6; color: #222; } table.ppcOverview tr td.row2, table.ppcDetails tr td.row2 { background-color: #ccc; color: #222; } table.ppcOverview tr td, table.ppcDetails tr td {text-align: center;} table.ppcOverview td.month {width: 90px;} table.ppcOverview td.detailPagesSum, table.ppcOverview td.detailPagesParts, table.ppcOverview td.detailPagesServices, table.ppcOverview td.detailPagesVehicles, table.ppcDetails td.count { width:130px;} table.ppcDetails td.headline {width: 398px;} table.ppcDetails td.picture, table.ppcDetails th.picture {width: 90px;} .mAvailableChars3 { font-size:9px; color:#aa0022; background-color:#E1EAF3; border-style:none; width:22px;} .mAvailableChars4 { font-size:9px; color:#aa0022; background-color:#E1EAF3; border-style:none; width:28px;} .mShowFormContent_G4 .content .left { float: left; width: 220px; text-align: left; font-weight: bold; margin-bottom: 4px; } .mShowFormContent_G4 .content .right { float: left; width: 310px; text-align: left; margin-bottom: 4px; } /* classifieds intro page | [or] */ body.subNav_mymotoso_newClassified div.private, body.subNav_mymotoso_newClassified div.commercial, body.subNav_mymotoso_newClassified div.print {border: 1px dotted #a20; margin-bottom: 20px; margin-top: 10px;padding: 4px; } body.subNav_mymotoso_newClassified div.private div, body.subNav_mymotoso_newClassified div.commercial div, body.subNav_mymotoso_newClassified div.print div {background-color: #e1e1e1; padding: 4px; margin-top: 10px; margin-bottom:10px;} body.subNav_mymotoso_newClassified div.private h1, body.subNav_mymotoso_newClassified div.private h2, body.subNav_mymotoso_newClassified div.private h3, body.subNav_mymotoso_newClassified div.commercial h1, body.subNav_mymotoso_newClassified div.commercial h2, body.subNav_mymotoso_newClassified div.commercial h3, body.subNav_mymotoso_newClassified div.print h1, body.subNav_mymotoso_newClassified div.print h2, body.subNav_mymotoso_newClassified div.print h3 {display:block; } /* o2p Direct Booking Wizard | [gr] [] */ .o2pDirectFillFields .eraseErrorStyle .labelrequirederror { color:#222222 } /* Buttons | [m] [m] */ .maButton, .maButtonSubmit, .maButtonSearch, .maButtonSave, .maButtonNext, .maButtonNoIcon, .maButtonBack, .maButtonEdit, .maButtonPreferences, .maButtonNew, .maButtonAction { height: 20px; border: 1px solid #7195af; background: url('http://assets.motoso.de/images/v8/buttons/maButton_blue_back.gif') repeat-x; } .maButtonCancel, .maButtonClose, .maButtonPrevious, .maButtonDelete { height: 20px; border: 1px solid #7195af; background: url('http://assets.motoso.de/images/v8/buttons/maButton_gray_back.gif') repeat-x; } .maButtonNoIcon input { background: none; } .maButtonSubmitIcon input { background: url('http://assets.motoso.de/images/v8/buttons/maButton_submit_icon.gif') left center no-repeat; background-position: 0px -1px; } .maButtonSearchIcon input { background: url('http://assets.motoso.de/images/v8/buttons/maButton_submit_icon.gif') left center no-repeat; background-position: 0px -1px; } .maButtonSaveIcon input, .maButtonEditIcon input, .maButtonPreferencesIcon input, .maButtonNewIcon input { background: url('http://assets.motoso.de/images/v8/buttons/maButton_search_icon.gif') left center no-repeat; background-position: 0px -1px; } .maButtonCancelIcon input, .maButtonPreviousIcon input, .maButtonDeleteIcon input { background: url('http://assets.motoso.de/images/v8/buttons/maButton_cancel_icon.gif') left no-repeat; background-position: 0px -1px; } .maButtonCloseIcon input, .maButtonCloseIcon button { background: url('http://assets.motoso.de/images/v8/buttons/maButton_close_icon.gif') left no-repeat; background-position: 0px -1px; } .maButtonSubmitIcon input, .maButtonSearchIcon input, .maButtonSaveIcon input, .maButtonNextIcon input, .maButtonNoIcon input, .maButtonEditIcon input, .maButtonPreferencesIcon input, .maButtonNewIcon input, .maButtonActionIcon input, .maButtonCancelIcon input, .maButtonPreviousIcon input, .maButtonDeleteIcon input, .maButtonCloseIcon input, .maButtonCloseIcon button { height: 20px; width: auto; border: 0px; padding-left: 20px; cursor: pointer; vertical-align: middle; font-size: 1.1em; font-family: Arial, Verdana; color: black; } .maButtonNoIcon input {padding-left: 13px; padding-right: 10px; } .maButtonNextIcon input { background: url('http://assets.motoso.de/images/v8/buttons/maButton_submit_icon.gif') right center no-repeat; padding-right: 20px; padding-left: 15px; } .maButtonPreviousIcon input { background: url('http://assets.motoso.de/images/v8/buttons/maButton_left_grey_icon.gif') left center no-repeat; } /* Buttons Sonderbedingungen | [m] [l] */ .maButtonActionIcon input { padding: 0px; background-color: transparent;} /* Button RED | [m] [m] */ .maButtonRed input { height: 25px; margin: 0; padding: 0px 13px; border: 0px; color: white; font-size: 1.1em; cursor: pointer; } .maButtonRed { height: 25px; } .maButtonRed input { background: url('http://assets.motoso.de/images/v8/buttons/maButton_red.gif') no-repeat center; } .maLinkButtonRed a { line-height: 25px; display: block; text-decoration: none; margin: 0; padding: 0px 10px 0px 0px; border: 0px; color: white; font-size: 1.1em; cursor: pointer; } .maLinkButtonRed { position: relative; z-index: 110; padding-left: 10px; height: 25px; background: url('http://assets.motoso.de/images/v8/buttons/maButton_red_left.gif') no-repeat left;} .maLinkButtonRed a { background: url('http://assets.motoso.de/images/v8/buttons/maButton_red_right.gif') no-repeat right; } .maLinkButtonBlue a { line-height: 20px; display: block; text-decoration: none; margin: 0; padding: 0px 10px 0px 20px; border: 0px; color: #222222; font-size: 1.0em; cursor: pointer; } .maLinkButtonBlue { position: relative; z-index: 110; height: 20px; background: url('http://assets.motoso.de/images/v8/buttons/maButton_blue_back.gif') repeat-x scroll 0 0; border: 1px solid #7195AF; margin-top:10px;} .maLinkButtonBlue a { background: url('http://assets.motoso.de/images/v8/buttons/maButton_submit_icon.gif') no-repeat left; } /*---*/ .mInput * { margin-top: -3px; margin-bottom: 4px; vertical-align: middle; } .mInputField { padding: 2px 2px; height: 14px; border: 1px solid #848484; border-left: 0px; border-right: 0px; } .mLoginInput, .mLoginInput:focus { padding: 2px 2px; width: 130px; height: 14px; border: 1px solid #848484; border-left: 0px; border-right: 0px; font-size: 0.9em; margin-right: 0; } div.mRememberme * { vertical-align: middle; } div.mRememberme { margin-bottom: 6px; } .mSearchRequest table tr td { width: 270px; text-align: center; font-weight: normal; } .mSearchRequest table tr td label { display: block; text-align: left; width: auto; } .mSearchRequest table tr td.sr_center { width: 40px; text-align: center; font-weight: normal; padding-top: 20px; } select.mSR_select { width: 270px; } .searchRequestTable tr { vertical-align:top; } .mSearchRequest .sr_left_box, .mSearchRequest .sr_right_box { margin-top: 10px; } .mSearchRequest .sr_center .mButtonBox div { text-align: center; padding: 2px 0px; } /* mySellerContactSettings */ .contactSettings, .contactSettings .label, .contactSettings .input { float: left; } .contactSettings .label { width: 100px; } /* myServiceTemplatesWizardStep */ .serviceTemplateInput .content_left { width: 670px; } .serviceTemplateInput .content_right { height: 120px; margin-right: 3px; margin-top: 3px; } .serviceTemplateInput .headline { font-weight: bold; font-size: 1.1em; } .serviceTemplateInput .headline .inputText { width: 450px; } .serviceTemplateInput .description { padding-left:6px; padding-top: 3px; } .serviceTemplateInput .description textarea { width: 500px; height: 40px; } .serviceTemplateInput .error { color: #a02; font-size: 1.0em; line-height: 1.2em; } .serviceTemplateInput .addSuitableForButton { margin-left: 5px; margin-bottom: 3px; } .serviceTemplateInput table.price th { white-space: nowrap; padding: 1px 4px; background-color: #e9e7e7; color: black; border-bottom: 2px solid #e9e7e7;} .serviceTemplateInput table.price tr.row1 td { background-color: #ccc; border-bottom: 1px solid #e9e7e0; } .serviceTemplateInput table.price tr.row2 td { background-color: #e9e6e6; border-bottom: 1px solid #bbc; } .serviceTemplateInput table.price input.priceInput { width: 60px; } .serviceTemplateInput .knowHow .left { float:left; width: 200px; } .serviceTemplateInput .knowHow .right { float:left; } .serviceTemplateInput .knowHow .advancedAdd { float:left; padding-top: 22px; } .serviceTemplateInput .knowHow .advancedChooser { float:left; width: 600px; } .serviceTemplateInput .knowHow .simpleAdd { float:left; padding-left: 5px; } /* MyVehicle | [gr] [] */ .extendedVehicle .vehicle .left { float:left; width: 200px !important; font-weight: bold; } .extendedVehicle .vehicle .right { float:left; } /* Footer | [m] [sto] */ .mIndexMap { background-color: white; padding: 10px 0px; border-top: 1px solid #b02; } .mIndexMap .domain {clear: both; margin-bottom: 25px; padding-left: 4px;} .mIndexMap .domain ul {list-style: none; margin: 0px; padding: 0px;} .mIndexMap .domain ul li {float: left; margin-right: 10px;} .mIndexMap .domain h1 { font-size: 10px; margin:0px;} .mIndexMap .domain a:link, .mIndexMap .domain a:visited {color: #666;} .mIndexMap .domain h1 a:link, .mIndexMap .domain h1 a:visited {color: #222; text-decoration: none;} div.catalogLinks {background-color: white; border-top: 1px solid #b02; padding: 5px; text-align: center; color: #666;} div.catalogLinks a, div.catalogLinks a:visited {color: #666;} div.catalogLinks {text-align: left; background-color: white; overflow: hidden;} div.catalogLinks ul {width: 270px; float:left; background-color: white;} .mFoot { text-align: center; background-color: white; padding: 10px 0px; border-top: 1px solid #b02; margin-bottom: 7px; } .mFoot a { color: #444; padding-left: 8px; } .mCopyright { text-align: center; margin-bottom: 10px; color: #444; font-size: 10px; padding: 0px 8px; } .mCopyright a.noPadding { padding: 0px; } .mCopyright p {display: inline;} #markt-gruppe-leiste { margin-top: 0px; margin-bottom: 20px; width: 940px; text-align: center;} #markt-gruppe-leiste img { padding-left:20px; border: none; } #markt-gruppe-leiste a:hover { background-color:#FFFFFF; } /*---*/ /* Press */ .mPressContentLeft { float: left; width: 171px; } .mPressContentRight { float: left; width: 378px; } .mPressContentLeft .content, .mPressContentRight .content { padding: 3px } .mInfoBox { position: absolute; z-index: 25; display: none; } .mBrandsList { margin: 0px auto; text-align: center; width: 500px; } .mBrandsSearchTermsList { margin: 0px auto; text-align: center; width: 650px; line-height: 1.8em;} .mBrandSearchTagCloud a:link, .mBrandSearchTagCloud a:visited, .mBrandSearchTagCloud a:active { color: #004dc1; text-decoration: none } .mBrandSearchTagCloud a:hover { color: #a02; text-decoration:underline } .mBrandSearchTagCloud h1 { font-size:large; font-weight:bolder; letter-spacing:0.3em; } .mBrandSearchTagCloud h2 { font-size:medium; } .mBrandSearchTagCloud h3 { font-size:small; } .mBrandSearchTagCloud h4 { font-size:small; font-weight:normal; } .mBrandSearchTagCloud { text-align:center; } .mBrandsSearchBoxList ul { list-style: none; list-style-type: disc; margin: 0px; padding-left: 20px; } .mBrandsSearchBoxList ul li { line-height: 1.8em; } .mBrandsSearchBoxList ul li h2 { font-size: 1em; font-weight: normal; color: #222; } /* Other Stuff */ .osxVisibility { visibility: visible; } .nowrap { white-space: nowrap; } .mSuccessImage, .mErrorImage { float: left; margin: 0px 15px 0 0px; } .labelBold { font-weight:bold; } .labelBolderror { color:#a02; font-weight:bold; } .labelrequired { font-weight:bold; } .labelrequirederror { color:#a02; font-weight:bold; } .labeloptionalerror { color:#a02; font-weight:bold; } table.tooltips td { background-color: #e0e0e0; color: #000; border: 1px solid #a02; } ul.mSuccessMessage { list-style: none; list-style-type: disc; margin: 0px; padding: 10px 20px; } .motoso-print { margin: 0px; padding: 0px; background-color: #fff; } /* dealerInfo | [l] [m] */ #dealerinfo h2 { color: #1F71BF; font-size: 16px; } #dealerinfo p { margin: 0 0 10px 0; } #dealerinfo ul { list-style: none; padding: 0 0 10px 0; margin: 0; } #dealerinfo ul li img { padding-right: 5px; vertical-align: middle; } #dealerInfoList { margin: 10px 0 30px 0; } #dealerInfoList img { float: left; display: block; margin: 5px auto 0px auto; } #dealerInfoList .dealerInfoText { margin-left: 80px; } #dealerInfoList .dealerInfoText p { margin-bottom: 10px; } #dealerInfoList .dealerInfoText p.headline { font-weight: bold; padding: 0; margin: 0; } /* Reifenspecial */ #WIDTH_RIM_CAR, #WIDTH_RIM_CV, #WIDTH_RIM_BIKE { margin-right: 25px; } #RIMS_SIZE_CAR, #RIMS_SIZE_CV { margin-right: 60px; } /* Offer Form */ .classifieds #RIMS_SIZE_CAR, .classifieds #RIMS_SIZE_CV { margin-right: 0px; } #WIDTH_TIRES_CAR, #WIDTH_TIRES_CV, #WIDTH_TIRES_BIKE, .mTiresField_01 { width: 60px; } #HIGHT_RATIO_TIRES_CAR, #HIGHT_RATIO_TIRES_CV, #HIGHT_RATIO_TIRES_BIKE, .mTiresField_02 { width: 60px; } #TIRE_RIMS_SIZE_CAR, #TIRE_RIMS_SIZE_CV, #TIRE_RIMS_SIZE_BIKE, .mTiresField_03 { width: 50px; } #LOAD_INDEX_TIRES_CAR, #LAST-INDEX_CV, .mTiresField_04 { width: 50px; } #SPEED_INDEX_TIRES_CAR, #SPEED_INDEX_TIRES_CV, #SPEED_INDEX_TIRES_BIKE, .mTiresField_05 { width: 120px; } #WIDTH_RIM_CAR, #WIDTH_RIM_CV, #WIDTH_RIM_BIKE, .mRimsField_01 { width: 50px; } #RIMS_SIZE_CAR, #RIMS_SIZE_CV, #RIMS_SIZE_BIKE, .mRimsField_02 { width: 50px; } #OFFSET_RIMS_CAR, #OFFSET_RIMS_CV, .mRimsField_03 { width: 60px; } #LUG_HOLES_CAR, .mRimsField_04 { width: 60px; } #BOLT_CIRCLE_CAR, .mRimsField_05 { width: 60px; } #newRimsLicence { display:none; } #newTiresLicence { display:none; } .mTiresField_01, .mTiresField_02, .mTiresField_03, .mTiresField_04, .mTiresField_05, .mRimsField_01, .mRimsField_02, .mRimsField_03, .mRimsField_04, .mRimsField_05 { float:left; } /* ------- */ .mHPBox4 .content .hpGarageBox input.mLoginInput { width: 100px; } .hpGarageBox div.mButtonBox { padding-top: 0.4em; } /* -- business info color picker boxes -- */ .mBIColorBox { border: 1px solid black; } a.mBIColorBox { border: none; text-decoration: none; } .mBIBGColor { background-color: white; } .mBIFontColor { background-color: #222; } .mBIHeadlineBGColor { background-color: #e9e7e7; } .mBIHeadlineFontColor { background-color: #222; } #adLandingSearchBox {height: 70px; } /* File upload */ div.fileinputs { position: relative; height:16px; width: 16px; cursor: default; } div.mFakeFile { position: absolute; top: 0px; left: 0px; overflow: hidden; cursor: default; } input.fakefile { position: absolute; right: 0; z-index: 2; opacity: 0; font-size: 50px; height: 46px; line-height: 50px; cursor: default; } div.serviceTemplateInputImageUploadButton { width:16px; height:16px; margin-left: 2px; margin-top: 2px; background: url('http://assets.motoso.de/images/v8/famfamfam/pencil.gif') no-repeat; cursor: default; } div.overlay { display: none; } /* SearchReuqestOverlay | [gr] [] */ #imageOverlay { display: none; } #imageContainer { position: absolute; z-index: 10000001; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; } #imageContainer img { border: 10px solid white; } #imageOverlayBack { width: 100%; height: 100%; position: absolute; z-index:10000000; left:0px; top:0px; } #imageContainer, #imageOverlayBack { cursor: pointer; } #imageOverlayBack { opacity: 0.75; background-color:#000; } img.mCaptcha { margin-bottom: 7px; } #jobs_nav li { margin-bottom: 10px;} @media print { .noprint { display: none; } } #table_filter th { text-align: left; } #table_filter tr.actions td.actions { text-align: left; border-top: 1px solid gray; border-bottom: 1px solid gray; padding: 6px 6px; background-color: #dfdfdf; } #table_filter td.mode select, #table_filter tr.category td.filter select, #table_filter td.filter input { border: 1px solid gray; padding: 2px; margin: 0; background-color: #fff; } #table_filter td.filter input { width: 462px; } #table_filter td { padding: 0 5px 5px 0; } #table_filter tr.category td.filter select { width: 156px; } #table_filter td.mode select { width: 120px; } #table_filter tr.status td.filter input, #table_filter tr.markedForPrint td.filter input, #table_filter tr.salable td.filter input{ border: 0px; margin: 0 4px 0 10px; width: auto; } #table_filter tr.status td.filter label, #table_filter tr.markedForPrint td.filter label, #table_filter tr.salable td.filter label { float: none; display: inline; } fieldset#filters .maButtonSearch { margin-top: 10px; } /* classifieds list | [or] [gr] */ div#classifiedsGrid, div#orderGrid { width: 920px; margin-top: 10px; overflow: auto; } table#classifiedsGrid-table, table#orderGrid-table { border: 1px solid #ccc; border-spacing: 1px; } table#classifiedsGrid-table td, table#classifiedsGrid-table th { white-space: nowrap; padding: 1px 4px; } table#classifiedsGrid-table td.rowHeader, table#classifiedsGrid-table th { background-color: #e9e7e7; color: black; } table#classifiedsGrid-table th { border-bottom: 2px solid #e9e7e7;} table#classifiedsGrid-table tr.row1.active td { background-color: #cfb; border-bottom: 1px solid #cfb; } table#classifiedsGrid-table tr.row2.active td { background-color: #cfc; border-bottom: 1px solid #cfc; } table#classifiedsGrid-table tr.row1.expired td { background-color: #fdb; border-bottom: 1px solid #fdb; } table#classifiedsGrid-table tr.row2.expired td { background-color: #fdc; border-bottom: 1px solid #fdc;} table#classifiedsGrid-table tr.row1.highlight td { border-bottom: 1px solid #a02;} table#classifiedsGrid-table tr.row2.highlight td { border-bottom: 1px solid #a02;} table#classifiedsGrid-table tr.row1.highlight td { border-bottom: 1px solid #a02;} table#classifiedsGrid-table tr.row2.highlight td { border-bottom: 1px solid #a02;} table#classifiedsGrid-table tr.row1.active td.rowHeader, table#classifiedsGrid-table tr.row2.active td.rowHeader, table#classifiedsGrid-table tr.row1.expired td.rowHeader, table#classifiedsGrid-table tr.row2.expired td.rowHeader, table#classifiedsGrid-table tr.highlight td.rowHeader { background-color: #e9e7e7; border-bottom: 1px solid #e9e7e7; } table#classifiedsGrid-table tr.actionBar th { font-weight: normal; background-color: white; color: #222; } table#classifiedsGrid-table tr.actionBar th:hover { border-bottom: 2px solid #e9e7e7;} table#classifiedsGrid-table tr.actionBar td { border-top: 2px solid #e9e7e7;} table#classifiedsGrid-table td.price, table#classifiedsGrid-table td.shippingCost, table#classifiedsGrid-table td.amount { text-align: right; } table#classifiedsGrid-table td.salable, table#classifiedsGrid-table td.status, table#classifiedsGrid-table td.isNew { text-align: center; } table#classifiedsGrid-table th.status, table#classifiedsGrid-table td.status, table#classifiedsGrid-table th.negotiable, table#classifiedsGrid-table td.negotiable, table#classifiedsGrid-table th.randomOrder, table#classifiedsGrid-table td.randomOrder, table#classifiedsGrid-table th.image, table#classifiedsGrid-table td.image, table#classifiedsGrid-table th.attributes, table#classifiedsGrid-table td.attributes { display: none; } div#classifiedsGrid-configureColumns { background-color: white; border: 1px solid black; width: 200px; } input.mFilterRemoveButton {font-weight: bold; background-color: #e9e7e7; border: none; background: url('http://assets.motoso.de/images/v8/famfamfam/cross.gif') no-repeat; width: 20px; height: 20px; margin-top: 4px; padding-left: 19px; color: #e9e7e7; cursor: pointer;} /* order list | [gr] */ table#orderGrid-table td, table#orderGrid-table th { white-space: nowrap; padding: 1px 4px; } table#orderGrid-table td.rowHeader, table#orderGrid-table th { background-color: #e9e7e7; color: black; } table#orderGrid-table th { border-bottom: 2px solid #e9e7e7;} table#orderGrid-table th:hover { border-bottom: 2px solid #a02;} table#orderGrid-table tr.row1.confirmed td { background-color: #fffb97; border-bottom: 1px solid #fffb97; } table#orderGrid-table tr.row2.confirmed td { background-color: #fffbb9; border-bottom: 1px solid #fffbb9; } table#orderGrid-table tr.row1.accepted td { background-color: #cfb; border-bottom: 1px solid #cfb; } table#orderGrid-table tr.row2.accepted td { background-color: #cfc; border-bottom: 1px solid #cfc; } table#orderGrid-table tr.row1.denied td { background-color: #fdb; border-bottom: 1px solid #fdb; } table#orderGrid-table tr.row2.denied td { background-color: #fdc; border-bottom: 1px solid #fdc;} table#orderGrid-table tr.row1.completed td { background-color: #f1e0f6; border-bottom: 1px solid #f1e0f6; } table#orderGrid-table tr.row2.completed td { background-color: #e9d1f1; border-bottom: 1px solid #e9d1f1; } table#orderGrid-table tr.row1.highlight td { border-bottom: 1px solid #a02;} table#orderGrid-table tr.row2.highlight td { border-bottom: 1px solid #a02;} table#orderGrid-table tr.row1.confirmed td.rowHeader, table#orderGrid-table tr.row2.confirmed td.rowHeader, table#orderGrid-table tr.row1.accepted td.rowHeader, table#orderGrid-table tr.row2.accepted td.rowHeader, table#orderGrid-table tr.row1.denied td.rowHeader, table#orderGrid-table tr.row2.denied td.rowHeader, table#orderGrid-table tr.highlight td.rowHeader { background-color: #e9e7e7; border-bottom: 1px solid #e9e7e7; } table#orderGrid-table tr.actionBar th { font-weight: normal; background-color: white; color: #222; } table#orderGrid-table tr.actionBar th:hover { border-bottom: 2px solid #e9e7e7;} table#orderGrid-table tr.actionBar td { border-top: 2px solid #e9e7e7;} table#orderGrid-table td { text-align: center; } table#orderGrid-table td.price, table#orderGrid-table td.shippingCost, table#orderGrid-table td.amount { text-align: right; } /* vehilcle list | [or] [m] */ div#classifiedsGrid_vehicleList div.row2, div#classifiedsGrid_vehicleList div.row1 { margin-bottom: 5px; border: 1px solid #ccc; position: relative; } div#classifiedsGrid_vehicleList div.row2.active { background-color: #cfb; } div#classifiedsGrid_vehicleList div.row1.active { background-color: #cfc; } div#classifiedsGrid_vehicleList div.row2.expired { background-color: #fdc; } div#classifiedsGrid_vehicleList div.row1.expired { background-color: #fdb; } div#classifiedsGrid_vehicleList input { width: 20px; margin-top: 5px; } div#classifiedsGrid_vehicleList span.headline { font-weight: bold; line-height: 2em; } div#classifiedsGrid_vehicleList span.sellerArticleId { font-weight: bold; display: block; margin-left: 24px; line-height: 2em; } div#classifiedsGrid_vehicleList span.attributes { font-weight: normal; display: block; margin: 0 0 35px 24px; overflow: hidden; } div#classifiedsGrid_vehicleList span.price { font-weight: normal; display: block; width: 150px; position: absolute; top: 52px; left: 24px;} div#classifiedsGrid_vehicleList span.image { display: block; width: 90px; float: right; text-align: right;} div#classifiedsGrid_vehicleList span.id { display: block; position: absolute; bottom: 5px; left: 24px; clear: both; } div#classifiedsGrid_vehicleList span.id a { text-decoration: none; vertical-align: middle; } div#classifiedsGrid_vehicleList span.id a img { vertical-align: middle; } div#classifiedsGrid_vehicleList span.id a em { text-decoration: underline; font-style: normal; padding-left: 5px; padding-right: 5px; } #classifiedsBox select.select_domain { width: 150px; } #classifiedsBox select.select_category { width: 180px; } #classifiedsBox select.select_subcategory { width: 180px; } div#serviceTemplates, div#knowHow { width: 100%; overflow: auto; } table#serviceTemplates-table, table#suitableFor-table { border: 1px solid #ccc; border-spacing: 1px; width: 100%; } table#serviceTemplates-table td, table#serviceTemplates-table th, table#serviceTemplates-table td.rowHeader, table#suitableFor-table td, table#suitableFor-table th, table#suitableFor-table td.rowHeader { white-space: nowrap; padding: 1px 4px; background-color: #e9e7e7; color: black;} table#serviceTemplates-table th.markAll, table#suitableFor-table th.markAll { width: 20px; } table#suitableFor-table tr.row1 td { background-color: #f9cd81;} table#suitableFor-table tr.row2 td { background-color: #fdd899; } table#serviceTemplates-table td.rowHeader {font-weight: bold; } table#serviceTemplates-table tr.row1 td { background-color: #c0e4fb; border-bottom: 1px solid #cfb; } table#serviceTemplates-table tr.row2 td { background-color: #a0ddf3; border-bottom: 1px solid #cfc; } table#suitableFor-table th.suitableFor-column-2, table#suitableFor-table th.suitableFor-column-3 { width: 90px; } table#suitableFor-table td.make {width: 50%; } table#suitableFor-table td.model {width: 50%; } table#suitableFor-table td.yocFrom {text-align: center; } table#suitableFor-table td.yocTo {text-align: center; } table#suitableFor-table td.price {white-space: nowrap; } table#batchJob-table td, table#batchJob-table th { white-space: nowrap; padding: 1px 4px; } table#batchJob-table th { border-bottom: 2px solid #e9e7e7; background-color: #e9e7e7; color: black;} table#batchJob-table tr.row1 td { background-color: #cfb; border-bottom: 1px solid #cfb; } table#batchJob-table tr.row2 td { background-color: #cfc; border-bottom: 1px solid #cfc; } table#classifiedsGrid-table td.price, table#classifiedsGrid-table td.shippingCost, table#classifiedsGrid-table td.amount { text-align: right; } .mGridPager a {text-decoration: none; } .mGridPager .mSRActivePager { font-weight: bold; color: black; } #loadProgress { width: 790px; height: 100%; position: absolute; top: 0; left: 0; z-index: 10000; text-align: center;} #loadProgress * {vertical-align: middle; } #printAdArchiveFilter #loadProgress {height: 100px;} #printAdArchiveFilter #loadProgress * {vertical-align: top; } div#mServiceWizardTemplateList {width: 170px; float: left; margin-top:10px;} div#mServiceWizardTemplateList table { border: 1px solid #aaa; width: 160px; } div#mServiceWizardTemplateList table tr td a { color: black; text-decoration: none; } div#mServiceWizardTemplateList table tr td a:hover { color: black; text-decoration: underline } div#mServiceWizardTemplateList table tr.current td a { font-weight: bold; color: #e99013; } div#mServiceWizardTemplateList table tr.ok td a { color: #0f7511; } div#mServiceWizardTemplateList table tr.disabled td a {text-decoration: line-through; } div#mServiceWizardTemplateInput {float: left; width: 633px; margin-top:10px;} div#mServiceWizardTemplateInput .errorDescription, div#mServiceWizardTemplateInput .errorHeadline {color: #a02; } table.price {width: 100%; margin-top: 5px;} table.price th {background-color: #ccc;} table.price tr.row1 td { background-color: #f9cd81;} table.price tr.row2 td { background-color: #fdd899; } table.price input.priceInput {width: 65px;} table.price td.make {width: 50%; } table.price td.model {width: 50%; } table.price td.yoc {text-align: center; } table.price td.price {white-space: nowrap; } table.price th {white-space: nowrap; } table.price tr.errorPrice td { color: #a02; } div#mOrderList { width: 218px; float: left; margin-top: 10px;} div#mOrderList table { border: 1px solid #aaa; width: 208px; } div#mOrderList table tr td a { color: black; text-decoration: none; } div#mOrderList table tr td a:hover { color: black; text-decoration: underline } div#mOrderList table tr.current td a { font-weight: bold; } div#mOrderList table tr.ok td a { color: #0f7511; } div#mOrderList table tr.disabled td a {text-decoration: line-through; } div#mOrderList tr.row1.confirmed td { background-color: #fffb97;} div#mOrderList tr.row2.confirmed td { background-color: #fffbb9; } div#mOrderList tr.row1.accepted td { background-color: #cfb;} div#mOrderList tr.row2.accepted td { background-color: #cfc;} div#mOrderList tr.row1.denied td { background-color: #fdb;} div#mOrderList tr.row2.denied td { background-color: #fdc;} div#mOrderList tr.row1.completed td { background-color: #f1e0f6;} div#mOrderList tr.row2.completed td { background-color: #e9d1f1;} /* div#mOrderList tr.row1.completed td { background-color: #cfb;} div#mOrderList tr.row2.completed td { background-color: #cfc;} */ div#mOrderData { float: left; margin-top: 10px; width: 700px; } div#mOrderData .errorDescription, div#mOrderData .errorHeadline { color: #a02; } table#orderTable { border-spacing: 1px; width: 100%;} /*table#orderTable td, table#orderTable th { border-collapse: collapse; } table#orderTable td { border: 1px solid black; } */ table#orderTable th {background-color: #bbb; } table#orderTable tr.orderItem td, table#orderTable tr.paymentMethod td, table#orderTable tr.cashOnDelivery td, table#orderTable tr.shippingCost td, table#orderTable tr.grossTotal td { background-color: #ddd; } table#orderTable td.price, table#orderTable td.totalPrice {text-align: right; } table#orderTable tr.grossTotal td.totalPrice {font-weight: bold; } table#orderTable td {padding: 2px 4px; } table#orderTable tr.row2 td { background-color: #f9cd81;} table#orderTable tr.row1 td { background-color: #fdd899; } table#orderTable tr.orderItem td {padding: 5px 4px;} #mOrderArchiveSearchBox div.content_left { float: left; width: 350px; } #mOrderArchiveSearchBox div.content_right { float: left; width: 420px; padding-left: 30px; } #mOrderArchiveSearchBox .left { font-weight: bold; width: 110px; } #mOrderArchiveSearchBox .right { width: 150px; } #mOrderArchiveSearchBox .left, #mOrderArchiveSearchBox .right { padding: 3px 0px; } #mOrderArchiveSearchBox .content_right .right { width: 250px; } #mOrderArchiveSearchBox div.mButtonBox { float: right; margin-right: 100px; } /* MyVehicleGrid | [gr] [] */ div#myVehiclesGrid { width: 790px; overflow: auto; } table#myVehiclesGrid-table { border: 1px solid #ccc; border-spacing: 1px; } table#myVehiclesGrid-table td, table#myVehiclesGrid-table th { white-space: nowrap; padding: 1px 4px; } table#myVehiclesGrid-table td.rowHeader, table#myVehiclesGrid-table th { background-color: #e9e7e7; color: black; } table#myVehiclesGrid-table th { border-bottom: 2px solid #e9e7e7;} table#myVehiclesGrid-table th:hover { border-bottom: 2px solid #a02;} table#myVehiclesGrid-table tr.row1 td { background-color: #f9cd81;} table#myVehiclesGrid-table tr.row2 td { background-color: #fdd899; } table#myVehiclesGrid-table tr.row1.highlight td { border-bottom: 1px solid #a02;} table#myVehiclesGrid-table tr.row2.highlight td { border-bottom: 1px solid #a02;} table#myVehiclesGrid-table tr.highlight td.rowHeader { background-color: #e9e7e7; border-bottom: 1px solid #e9e7e7; } table#myVehiclesGrid-table tr.actionBar th { font-weight: normal; background-color: white; color: #222; } table#myVehiclesGrid-table tr.actionBar th:hover { border-bottom: 2px solid #e9e7e7;} table#myVehiclesGrid-table tr.actionBar td { border-top: 2px solid #e9e7e7;} table#myVehiclesGrid-table td { text-align: center; } /* maProposal list | [gr] [] */ table.proposalList { background-color: #E1EAF3; width: 100%; } table.proposalList tr td { vertical-align: top; text-align:center; } /* facets | [or] [gr] */ .facets { padding: 10px 5px 5px 0; } .maFacet { position: relative; margin-right: 5px; margin-bottom: 5px; padding: 0px; height: 20px; border: 1px solid #7195af; } .maFacet { white-space: nowrap; } .maFacet label {font-size: 0.85em; margin-left: 4px;} .maFacet em {font-size: 0.9em; font-weight: bold; font-style: normal; } a.maFacetRemove {font-weight: bold; text-decoration: none; font-size: 1.1em; margin-left: 3px; margin-right: 3px; color: #38537c;} a.maFacetOpen {float: left; width: 10px; height: 20px; margin: 0; padding: 0; margin-left: 4px; display: block; background: url('http://assets.motoso.de/images/v8/buttons/maFacet_open_icon.gif') left no-repeat; } div.maFacetEdit {display: none; position: absolute; top: 20px; left: -1px; z-Index: 1000; padding: 5px; border: 1px solid #7195af; background: url('http://assets.motoso.de/images/v8/buttons/maButton_blue_back.gif') bottom repeat-x; background-color: white;} body.searchResults #mContentHead {margin: 17px 0 10px 0;} div.mDomainvehicles div.maFacet label {display:none; } div.mDomainvehicles div.maFacet { background: none; padding-left: 3px;} div.mDomainvehicles div.maFacet em {font-size: 0.9em; font-weight: normal; font-style: normal; } div.mSearchFacetsBar {margin-left: 0px; font-size: 1.3em; border: 1px solid #ccc; background: #f9f9f9; } div.mSearchFacetsBar * { text-align: left;} div.mSearchFacetsBar div.mSingleFacet { padding: 5px; margin-bottom: 21px; margin-top: 7px;} div.mSearchFacetsBar div.mSingleFacet .mo_facet_headline { font-weight: bold; color: #222; font-size: 0.9em; line-height: 1em; margin: 0; margin-bottom: 6px;} div.mSearchFacetsBar div.mSingleFacet .mo_facet_headline a { color: #222; text-decoration: none;} div.mSearchFacetsBar div.mSingleFacet .mo_facet_headline a:hover { color: #a20; text-decoration: underline;} div.mSearchFacetsBar div.mSingleFacet.hide .mo_facet_headline a { padding-left: 16px; background: url('http://assets.motoso.de/images/v8/famfamfam/more_details.gif') no-repeat -3px 1px;} div.mSearchFacetsBar div.mSingleFacet.show .mo_facet_headline a { padding-left: 16px; background: url('http://assets.motoso.de/images/v8/famfamfam/show_details.gif') no-repeat -3px 1px;} div.mSearchFacetsBar div.mSingleFacet:hover { background: #eee;} div.mSearchFacetsBar ul { list-style-type: none; margin: 0px; padding: 0px; margin-top: 5px;} div.mSearchFacetsBar ul a { text-decoration: none;} div.mSearchFacetsBar ul a:hover { text-decoration: underline;} div.mSearchFacetsBar ul li { margin-bottom: 2px; font-size: 0.9em; line-height: 1.2em;} .mSingleFacet ul li { margin-left:16px; list-style: disc outside; color: #aaa; } .mSingleFacet ul li.mFacetValueOpenClose {list-style: none;} .mSingleFacet ul li em, .mSingleFacet ul li span {color: #222;} .mSingleFacet li.category.level2 {padding-left: 5px;} .mSingleFacet li.category.level3 {padding-left: 10px;} .mSingleFacet li.category.level4 {padding-left: 15px;} .mSingleFacet li.category.level5 {padding-left: 20px;} .mSingleFacet li.category.level5 {padding-left: 25px;} div.mSingleFacet.all div.mSingleFacetSmall, div.mSingleFacet.small div.mSingleFacetAll {display: none;} div.mSingleFacet.hide div.mSingleFacetSmall, div.mSingleFacet.hide div.mSingleFacetAll {display: none !important;} div.mSingleFacetSmall.attribute {margin-left: 16px;} body.searchResults .mBoxGroup4 .content {padding-top: 0px;} .mSRListHead {background-color: #f9f9f9; padding: 7px 5px; border: 1px solid #ccc; border-bottom: none; margin:0;} .mPagerPrev { background: url('http://assets.motoso.de/images/v8/famfamfam/resultset_previous.gif') no-repeat;} .mPagerNext { background: url('http://assets.motoso.de/images/v8/famfamfam/resultset_next.gif') no-repeat;} .mPagerPrev, .mPagerNext { display:-moz-inline-box; display:inline-block; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom; width: 8px; height: 16px; background-position: -3px 0; } .search .mBoxGroup1 { width: 200px; margin: 0 10px 0 0; float: left; } .search .mBoxGroup4 { width: 710px; float: right; } .mSearchGlobalFacetsBar { margin-left: 0px; border: 1px solid #ccc; padding: 5px; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; background-color: white; } .mSearchGlobalFacetsBar div.mSingleFacet label {display: block; } .mSearchGlobalFacetsBar div.mSingleFacet div.left { width: 90px; margin-right:3px; float: left;} .mSearchGlobalFacetsBar div.mSingleFacet input, .mSearchGlobalFacetsBar div.mSingleFacet select { width: 80px; } .mSearchGlobalFacetsBar div.mSingleFacet div.right { width: 90px; margin-left:3px; padding: 0; float: left;} .mSearchGlobalFacetsBar div.mButton { margin-top: 10px; } .mSearchGlobalFacetsBar #mFacetQuery { width:170px; } .mSearchGlobalFacetsBar select, .mSearchGlobalFacetsBar input { width: 80px; font-size: 1em; } .mSearchGlobalFacetsBar label { font-size: 1em;} .mSearchGlobalFacetsBar input, .mSearchGlobalFacetsBar select { margin-bottom: 4px;} .mSearchGlobalFacetsBar input.mWithImage { width: auto; padding-left: 0px; margin-left: 0px;} .mSearchGlobalFacetsBar div.mWithImage { margin-top: 7px;} .mSearchGlobalFacetsBar #msVCS_make { float:left; width: 50%;} .mSearchGlobalFacetsBar #msVCS_model { float:left; width: 50%;} #mSearchDistance #POSTAL_CODE { width: 80px; } div.mSearchFacetsBar label {font-size: 0.8em;} div.mSearchFacetsBar input#mFacetQuery, div.mSearchFacetsBar label.priceFloor, div.mSearchFacetsBar select#priceFloor, div.mSearchFacetsBar label.hsn, div.mSearchFacetsBar input.mHSN, div.mSearchFacetsBar label.postalCode, div.mSearchFacetsBar input#POSTAL_CODE, div.mSearchFacetsBar input.mWithImage {margin-left: 16px;} div.mSearchFacetsBar select.intervalFrom, div.mSearchFacetsBar select.intervalTo, div.mSearchFacetsBar select#priceFloor, div.mSearchFacetsBar select#priceCeiling {width: 72px; margin-right: 3px;} div.mSearchFacetsBar label.intervalFrom, div.mSearchFacetsBar label.intervalTo, div.mSearchFacetsBar label.hsn, div.mSearchFacetsBar label.tsn {display: block; float:left; width: 77px;} div.mSearchFacetsBar div.mSingleFacet br {clear: both;} div.mSearchFacetsBar label.priceFloor, div.mSearchFacetsBar label.priceCeiling {display: block; float:left; width: 77px;} div.mSearchFacetsBar div#singleFacetDiv_hsntsn br {clear: both;} div.mSearchFacetsBar input#mFacetQuery {width: 142px; margin-right: 3px;} div.mSearchFacetsBar input.mHSN, div.mSearchFacetsBar input.mTSN {width: 66px; margin-right: 3px;} div.mSearchFacetsBar input.globalFacetsSubmit {padding: 1px;} div.mSearchFacetsBar .mSingleFacetSmall.attribute div input.globalFacetsSubmit {float: right;} div.mSearchFacetsBar div#singleFacetDiv_region label {display: block; float:left; width: 82px;} div.mSearchFacetsBar div#singleFacetDiv_region br {clear: both;} div.mSearchFacetsBar input#POSTAL_CODE {width: 66px; margin-right: 3px;} div.mSearchFacetsBar select#DISTANCE {width: 72px; margin-right: 3px;} div.mSearchFacetsBar #singleFacetDiv_images label {width: 128px; display: inline-block;} div.mSearchFacetsBar #singleFacetDiv_images input {vertical-align: bottom;} /* offer forms */ #mSuitableFor .mBrand, #mSuitableFor .mModel, #mSuitableFor .mType, #mSuitableFor .mVariant, #mSuitableFor .mYocFrom, #mSuitableFor .mYocTo {width: 130px;} /* vehicle offer form specials */ div.mCheckboxColumn1, div.mCheckboxColumn2 { width: 170px; float: left; } #div_CAR_FEATURES_SECURITY_ENVIRONMENT, #div_CAR_FEATURES_EXTERIOR , #div_CAR_FEATURES_INTERIOR, #div_CAR_FEATURES_OTHERS {margin-bottom: 10px;} #attr_KW input.txt { width: 50px; } #classifieds #VEHICLE_WIDTH, #classifieds #VEHICLE_LENGTH, #classifieds #VEHICLE_HEIGHT, #classifieds #SHIPPING_SPACE_LENGTH, #classifieds #SHIPPING_SPACE_WIDTH, #classifieds #SHIPPING_SPACE_HEIGHT, #classifieds #SHIPPING_SPACE_VOLUME, #classifieds #SHIPPING_SPACE_EUROPALETTE { width: 60px; } /* special headline-formatting concerning SEO | [sto] [] */ .headline1 {color: #222222; display: inline; font-family: Tahoma,Verdana; font-size: 1.3em; font-weight: bold; } .headline2 {color: #222222; display: inline; font-family: Verdana; font-size: 1.2em; font-weight: bold;} .headline3 {color: #222222; display: inline; font-family: Verdana; font-size: 1.1em; font-weight: bold;} .content_indexHeadline .headline1 {color: white; font-family: Tahoma,Arial; font-size: 17px; text-transform: uppercase; } .mIndexClassifiedsList .headline1teaser { font-size: 1.3em; color: #222222; font-family: Tahoma,Verdana; font-weight: bold; } .mUBox .headline2 {color: #000000 !important; cursor: pointer; font-size: 1.4em; position: absolute; top: 20px; left: 20px; line-height: 1.2em; } .mUBox .headline2 span {color: #AA0022 !important;} .msBrowseVehicles .headline2, .msSearchScreen .headline2, .msBrowseClassifieds .headline2 { color: #AA0022; display: block; font-size: 1.3em; margin-top: 11px; margin-bottom: 11px;} .msCheckbox .headline3 {border-bottom: 1px solid #CCCCCC; color: #222222; display:block; font-size: 1.1em; margin: 0; padding: 2px 4px;} .content_serviceHeadline .headline1 {color: white; font-family: Tahoma, Arial; font-size: 20px; line-height: 20px; text-transform: uppercase;} .content_serviceHeadline .headline2 {color: white; font-family: Tahoma, Arial; font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: normal;} .mHeadline_G4 .headline1 {margin-top: 8px; margin-bottom: 8px; color: white; background-color: #7195AF} .mFormBox .headline2 {color: #222222;} /* special styles for meinestadt details-page | [sto] [m] */ #sidebarForDetails { float: left; width: 350px; } #detailviewColumn { float: right; width: 560px; } #detailviewColumn .mo_details_side { display: none; } #detailviewColumn .mo_details_content { width: 530px; } #detailviewColumn .mo_details_image, #detailviewColumn .mo_details_image img { width: 200px; } #detailviewColumn .mo_details_contact_form { display: block; } #detailviewColumn .mo_details_data span.mo_column { width: 370px; } #detailviewColumn .mo_list_medium { width: 526px; } #detailviewColumn .mo_list_medium .mo_headline a, #detailviewColumn .mo_list_medium textarea { width: 410px; } #detailviewColumn .mo_list_medium ul { width: 418px; } #detailviewColumn .mo_list_medium .mo_link_area { width: 518px; } #detailviewColumn .mo_list_medium .mo_list_content { width: 416px; } #detailviewColumn #mapFormOverlay { display: none;} #detailviewColumn #mapFormOverlay #map { width: 540px; } #detailviewColumn #mapClose { right: 10px; } #detailSearchForm { width: 350px; } #detailSearchForm .mo_pageheadline { margin: 0; } #detailSearchForm form { padding:5px 0px 5px 10px; border-width: 0px 1px 1px 1px; border-color: #999999; border-style: solid; background: #E1EAF3 url('http://assets.motoso.de/images/v8/maIndexActionBox.png') repeat-x scroll center top;} .detailsSearchFormLine input, .detailsSearchFormLine select {width:150px; margin-bottom:3px;} .rightFieldNoPair {margin-left:20px;} div.detailsSearchFormLine input.wholeLine {width: 315px; } #detailSearchForm label.wholeLine {width:300px; display: block;} #detailSearchForm label.halfLine {width: 150px; display: block;} #detailSearchForm .maButtonSearch {margin-right: 15px; margin-top: 10px;} /* --- */ /* styles for vehicle landingpages | [sto] [sto] */ .landingpage {font-family: Verdana, sans-serif;} .landingpage .tileHeadline {color: #BC2123; font-size: 15px; font-weight: bold;} .landingpage .tileSubheadline {color:#222222; font-size: 12px; font-weight:bold;} .landingpage #searchBox {margin: 3px; width: 300px; height: 370px; float: left;} .landingpage #teaser {margin: 3px; width: 440px; height: 370px; float: left;} .landingpage #tagcloud {margin: 3px; width: 160px; height: 370px; float: left; overflow:hidden; background: transparent url('http://assets.motoso.de/images/v8/160x370_LP_tagcloud.gif') no-repeat center center;} .landingpage #popular {margin: 3px; width: 300px; height: 290px; float: left;} .landingpage #promo {margin: 3px; width: 300px; height: 290px; float: left;} .landingpage #advert {margin: 3px; width: 300px; height: 290px; float: left;} #usedCarsLanding #teaser {background: transparent url('http://assets.motoso.de/images/v8/440x370_LP_gebrauchtwagen.jpg') no-repeat center center;} #newCarsLanding #teaser {background: transparent url('http://assets.motoso.de/images/v8/440x370_LP_neuwagen.jpg') no-repeat center center;} .landingpage .vehicleCount {padding-left: 250px; padding-top: 8px;} .landingpage .vehicleCount p {margin-bottom: 4px; margin-top: 0px;} .landingpage #teaser span {display:block;} .landingpage #teaser a {display:block; width:100%; height:100%; text-decoration:none;} .popularHeadline {line-height: 55px; background: transparent url('http://assets.motoso.de/images/v8/300x055_LP_var_teaser_head.gif') no-repeat center center; text-align: center;} #promo .promoMain a {display: block; width: 100%; height: 100%;} #promo .promoHeadline {line-height: 55px; background: transparent url('http://assets.motoso.de/images/v8/300x055_LP_var_teaser_head.gif') no-repeat center center; text-align: center;} #promo .promoHeadline a {text-decoration: none; color: #BC2123;} #promo .promoMain {padding: 0px 4px; height: 234px; border-right: 1px solid #848484; border-bottom: 1px solid #848484; border-left: 1px solid #848484; background: transparent url('http://assets.motoso.de/images/v8/sommerreifen-teaser.png') no-repeat center bottom;} #promo .promoMain {background: transparent url('http://assets.motoso.de/images/v8/Winterreifen-Teaser_298x234.jpg') no-repeat center bottom;} #tagcloud .tagcloudHeadline {height: 55px; text-align: center; padding-top: 10px;} #tagcloud ul {padding: 0px; margin-left: 0px; padding-left: 3px; padding-right: 3px; margin-top: 0px; width:150px;} #tagcloud .tagcloudItem {list-style-type: none; display:inline; float:left; color:#ACACAC; font-weight: bold; text-transform:uppercase; margin-top:1px; margin-right: 4px;} #tagcloud .tagcloudItem a {text-decoration: none; color:#ACACAC;} #tagcloud .tagcloudItem a:hover {color:#AA0022} #tagcloud .tagsize20 {font-size: 26px; line-height: 26px;} #tagcloud .tagsize19 {font-size: 25px; line-height: 25px;} #tagcloud .tagsize18 {font-size: 24px; line-height: 24px;} #tagcloud .tagsize17 {font-size: 23px; line-height: 23px;} #tagcloud .tagsize16 {font-size: 22px; line-height: 22px;} #tagcloud .tagsize15 {font-size: 21px; line-height: 21px;} #tagcloud .tagsize14 {font-size: 20px; line-height: 20px;} #tagcloud .tagsize13 {font-size: 19px; line-height: 19px;} #tagcloud .tagsize12 {font-size: 18px; line-height: 18px;} #tagcloud .tagsize11 {font-size: 17px; line-height: 17px;} #tagcloud .tagsize10 {font-size: 16px; line-height: 16px;} #tagcloud .tagsize9 {font-size: 15px; line-height: 15px;} #tagcloud .tagsize8 {font-size: 14px; line-height: 14px;} #tagcloud .tagsize7 {font-size: 13px; line-height: 13px;} #tagcloud .tagsize6 {font-size: 12px; line-height: 12px;} #tagcloud .tagsize5 {font-size: 11px; line-height: 11px;} #tagcloud .tagsize4 {font-size: 10px; line-height: 10px;} #tagcloud .tagsize3 {font-size: 9px; line-height: 9px;} #tagcloud .tagsize2 {font-size: 8px; line-height: 8px;} #tagcloud .tagsize1 {font-size: 7px; line-height: 7px;} #popular .popularMain {padding: 4px; border-left: 1px solid #848484; border-bottom: 1px solid #848484; border-right: 1px solid #848484; height: 226px;} #popular .popularList {padding: 0px; margin:0px;} #popular .popularItem {list-style-type: none; margin-top: 3px; margin-bottom: 3px; height: 72px;} #popular .popularImage {float: left; margin-right: 5px; width: 100px; overflow: hidden;} #popular .popularImage a {text-decoration: none; color: #222222;} #popular .popularDescription {float: left; width:180px; font-size: 12px; font-weight: bold;} #popular .popularDescription a {text-decoration:none; color: #222222;} .landingpage #searchBox {font-size: 10px;} .landingpage #searchBox .searchBoxMain {border-left: 1px solid #848484; border-right: 1px solid #848484; border-bottom: 1px solid #848484; background-color: #E1EAF3; height:318px;} .landingpage #searchBox form {padding-left: 15px;} .landingpage #searchBox .submitButton {margin-top: 8px; margin-left: 15px;} .landingpage #searchBox .detailsSearchFormLine input, .landingpage #searchBox .detailsSearchFormLine select {width:120px; margin-bottom:3px; font-size: 11px;} .landingpage #searchBox .rightFieldNoPair {margin-left: 20px;} .landingpage #searchBox label.wholeLine {width:240px; display: block;} .landingpage #searchBox label.quarterLine {width: 65px; display: block;} .landingpage #searchBox input.quarterLine, .landingpage #searchBox select.quarterLine {width: 65px; margin-left: 0px;} .landingpage #searchBox .firstElement {margin-right: 24px;} .landingpage #searchBox .detailSearchFormEndLine {width: 270px;} .landingpage #searchBox .endLineElement {width: 90px; padding:0px !important;} .landingpage #searchBox .shortEntryElement {width: 90px; float: left;} .landingpage #searchBox .zipEntryElement {width: 75px !important; display: block;} .landingpage #searchBox .radiusEntryElement {width: 90px !important; display: block;} .landingpage #searchBox .maButtonRed input {width: 90px !important; margin-top: 15px;} .landingpage #searchBox .typeList {margin: 0px; padding: 0px;} .landingpage #searchBox .typeList li {float: left; list-style-type: none; border-bottom: 1px solid #848484;} .landingpage #searchBox .typeList li.rightBorder {border-right: 1px solid #848484;} .landingpage #searchBox .searchBoxHeadline_left {float: left; width: 5px; height: 50px; background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_border.png') no-repeat -5px 0px;} .landingpage #searchBox .searchBoxHeadline_center {float: left; width: 290px; height: 50px; background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_center.png') repeat-x;} .landingpage #searchBox .searchBoxHeadline_right {float: left; width: 5px; height: 50px; background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_border.png') no-repeat 0px 0px;} .landingpage #searchBox .searchBoxHeadline {color: white; text-transform: uppercase; font-size: 18px; line-height: 30px; font-weight: bold; height: 50px;} .searchBoxHeadline_center .subheadline {display:block; line-height: 15px; font-size:11px; text-transform: none;} .searchBoxHeadline_center .subheadline a {color: white;} .searchBoxHeadline_center .subheadline a:hover {color: #AA0022} .landingpage #searchBox .bottomLink {border-top: 1px solid #848484; text-align: center; font-size: 12px; height:30px; margin-top: 8px;} .landingpage #searchBox .bottomLink a {color: #BC2123; text-decoration: none; line-height: 30px;} .landingpage #searchBox .detailsSearchFormLine {height:35px; clear:left; margin-top:8px;} /* --- */ #mEditO2pTextOptions div.mFormBox div.content div.left { text-align: right; padding-right:10px; font-weight: normal; } /* --- */ /* styles for insurance-comparison | [sto] [] */ #insuranceIntroduction .logoContainer {width: 118px; margin: 10px 8px 15px 0px;} #insuranceIntroduction .listContainer {width: 470px; margin-top: 10px;} #insuranceIntroduction .listContainer ul {padding-left: 20px; margin-left: 20px; margin-top: 0px;} /* google adsense box */ div.mGoogleAdSense486_60 {margin: 10px auto; padding-top: 10px; border-top: 1px solid gray; } /* merchant hits */ div.mSRListBoxService.mGarageHits .content_right {border: none; float: left; width: 587px; margin-left: 10px; height: auto; } #mO2pIcon {float: left; padding: 5px 0px 0px 0px;} /* o2p wizard */ div.mO2pAdImage { float: left; width: 98px; text-align:center; border: 1px solid #ccc; margin-right: 5px; margin-bottom: 5px; padding-top: 4px;} div.mO2pAdImage label {display: block; height: 68px; text-align: center; margin: 0px;} div.mO2pAdImage input { margin: 7px 0px 7px 0px;} div.mO2pLoadProgress {position: absolute; } div.mLoginOrRegisterBusinessInfo {margin-top: 30px;} div.mFormBox_G4.mO2pArchive .mFormBox .content div.left {width: 220px; } div.mFormBox_G4.mO2pArchive .mFormBox .content div.left input {vertical-align: top;} div.mFormBox_G4.mO2pArchive .mFormBox .content div.left img {width: 180px; } div.mFormBox_G4.mO2pArchive .mFormBox .content div.right {} div.mFormBox_G4.mO2pArchive .mFormBox.row0 {background-color: #cfb; } div.mFormBox_G4.mO2pArchive .mFormBox.row1 {background-color: #cfc; } div.mFormBox_G4.mO2pArchive .mFormBox .content div.mO2pArchive a {padding-right: 3px; } div#mPrintAdAbbreviations table {margin-top: 15px; margin-bottom: 15px; width: 100%; cellspacing: 0px; border: 0px;} div#mPrintAdAbbreviations table th {text-align: left; border-bottom: 1px solid #ccc;} tr.section td { color: #a02; font-weight: bold; border-bottom: 1px dotted #ccc; padding-top: 12px; padding-left: 4px;} div#mPrintAdAbbreviations table tr.row2 {background-color: #eee; } /* reconfigure styles for wallpaper/background color ads */ /* - disable shadows */ /* - hide markt.gruppe logos */ /* - set border for content region to replace shadows */ body.mAdsBackgroundWallpaper div.motoso_shadow, body.mAdsBackgroundWallpaper div.motoso_shadow_top, body.mAdsBackgroundWallpaper div.motoso_shadow_bottom {background: none; } body.mAdsBackgroundWallpaper #mContent {border-left: 1px solid #ddd;border-right: 1px solid #ddd;} body.mAdsBackgroundWallpaper #mHead {border: 1px solid #ddd; border-bottom: none;} body.mAdsBackgroundWallpaper div.mFoot {border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} /* reposition fullsize & skyscraper for hockey stick */ /* hockey - dock fullsize on the left of skyscraper */ #mFullsizeAd.hockey span {text-align: right; width: 976px; } #mSkyscraperAd.hockey {position: absolute; top: 0px; margin-top: 0px;} #mFullsizeAd.hockey.hockeyIE6 span {text-align: right; margin-right: 0px; padding-right: 0px;} #mSkyscraperAd.hockey.hockeyIE6 {margin-left: 0px; padding-left: 0p;} /* expandable - dock skyscraper at bottom of fullsize */ #mFullsizeAd.hockeyExpand span {text-align: right; width: 1136px; } #mSkyscraperAd.hockeyExpand {position: relative; top: -14px;} .mFullsizeAd span#mBannerFullHandler { display: inline; width: auto; } img.ivw {position: absolute; top: 0px; left: 0px;} div#newPrintAdIntro {margin: 20px 0px; padding: 10px;} /* disable all the stuff marked portals-only */ div.mPortalsOnly {display: none; } /* info icon - tooltips [or] [m] */ a.mInfoIcon { position: relative; text-decoration: none !important; } a.mInfoIcon span { padding: 0px 4px; background: url('http://assets.motoso.de/images/v8/de/icon_info.gif') no-repeat;} a.mInfoIcon em { display: none; } /* to get a.mInfoIcon:hover em working in IE, we need this rule */ a.mInfoIcon:hover { display: inline; } a.mInfoIcon:hover em { display: block; width: 150px; border: 1px solid #a02; position: absolute; left: 30px; top: 7px; z-index: 1000; padding: 4px; color: #222; font-style: normal; background-color: #ddd; } a#infoIconKBA em {position: absolute; left: -250px; top: 30px; width: 500px; height:328px; padding: 3px; } body.search a#infoIconKBA em {position: absolute; left: -150px; top: 25px;} body.search.search_classifieds a#infoIconKBA em {position: absolute; left: 40px; top: -90px;} body.searchRequestPart a#infoIconKBA em {position: absolute; left: -98px; top: 25px;} a#infoIconFreeShipping em, a#infoIconMailOrderData em, a#infoIconPaymentHandling em { left: -160px !important; } body.classifiedsPreview div#msSubNavigation {display: none; } body.newClassifiedsStep2 div.maButtonNoIcon {width: auto !important; } body.newClassifiedsStep2 .maButtonPreviousIcon {float:left; } body.personalData .mRegisterFormBox .content_bottom { background-color: transparent; padding: 10px 10px 10px 0px; } body.newClassifiedsStep1 div.content.attributes br {line-height: 3em;} /* classifieds wizard progress bar | [or] */ ul.wizardProgress {margin:0; padding: 0; list-style: none; margin: 10px 0px 20px 0px; background-color: #7195af; float: left; width: 100%;} ul.wizardProgress li {display: block; float: left; padding: 3px 0px; color: white;} ul.wizardProgress li {width: 33.1%;} ul.wizardProgress.o2pRequired li {width: 14.15%;} ul.wizardProgress li {background: url('http://assets.motoso.de/images/v8/wizardProgressArrow.gif') no-repeat right center;} ul.wizardProgress li.step3, ul.wizardProgress li.step7 {background: none;} ul.wizardProgress.o2pRequired li.step3 {background: url('http://assets.motoso.de/images/v8/wizardProgressArrow.gif') no-repeat right center;} ul.wizardProgress li span {padding-left: 9px; } body.classifiedsWizard.newClassifiedsStep1 ul.wizardProgress li.step1, body.classifiedsWizard.newClassifiedsStep2 ul.wizardProgress li.step2, body.classifiedsWizard.personalData ul.wizardProgress li.step3, body.classifiedsWizard.o2pStep1 ul.wizardProgress li.step4, body.classifiedsWizard.o2pStep2 ul.wizardProgress li.step5, body.classifiedsWizard.o2pStep3a ul.wizardProgress li.step6, body.classifiedsWizard.o2pStep3 ul.wizardProgress li.step7, body.classifiedsWizard.o2pStep3b ul.wizardProgress li.step7, body.classifiedsWizard.o2pStep4 ul.wizardProgress li.step7 {font-weight: bold;} /* hide navigation for classifiedsWizard o2p steps */ body.classifiedsWizard.o2pStep1 .mo_sub_nav, body.classifiedsWizard.o2pStep2 .mo_sub_nav, body.classifiedsWizard.o2pStep3 .mo_sub_nav, body.classifiedsWizard.o2pStep3a .mo_sub_nav, body.classifiedsWizard.o2pStep3b .mo_sub_nav, body.classifiedsWizard.o2pStep4 .mo_sub_nav { display: none; } body.classifiedsWizard div#headerLogin {display: none; } /* new classifieds image uploader */ div.mUploadedImage {width: 90px; height: 68px; float: left; margin-right: 25px; margin-bottom: 20px; position: relative;} div.mUploadedImage a {position: absolute; top: 3px; right: 3px; background-color: white; text-decoration: none;} div.addImage {width: 90px !important; height: 68px !important; margin: 0 !important; overflow:hidden; position: relative; float:left; margin-right: 25px;} div.addImage img#fileUploadIndicator {position: absolute; top: -24px; left: -32px; z-index: 100;} div.addImage div.file_input_button { width: 88px; height: 62px; position: absolute; top: 0px; left: 0; background-color: #e1e1e1; color: #666; border: 1px dotted #bbb; text-align: center; padding-top: 4px; } div.addImage input.file_input_hidden { font-size: 68px; position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; } #msVCS_envPlacet{ margin-left:25px; margin-top:15px; } /* motomorph */ div#motomorph-top { height: 10px; width: 100%; background: url('/images/warnBorderTop.png') repeat-x; position: fixed; top: 0; z-index:10000; } div#motomorph-bottom { height: 10px; width: 100%; background: url('/images/warnBorderBottom.png') repeat-x bottom; position: fixed; bottom: 0; z-index:10000; } div#motomorph-left { height: 100%; width: 10px; background: url('/images/warnBorderLeft.png') repeat-y; position: fixed; top: 0; left: 0; z-index:9999; } div#motomorph-right { height: 100%; width: 10px; background: url('/images/warnBorderRight.png') repeat-y top right; position: fixed; top: 0; right: 0; z-index:9999; } div#motomorph-box { position: fixed; bottom: 0px; right: 0px; z-index: 9998; background-color: #fffabd; padding: 10px; } div#motomorph-box a { text-decoration: none; font-weight: bold; font-size: 1.2em; } /* Default Styles | [m] [m] */ html, body { margin: 0; padding: 0; } div.motoso, .mo_body { color: #222; font-size: 12px; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif; } .mo_body form { margin: 0; padding: 0; } .mo_body a, a { outline: none; } .mo_body a:link, a:link { color: #004dc1; } .mo_body a:visited, a:visited { color: #004dc1; } .mo_body a:hover, a:hover { color: #a02; } .mo_body a:active, a:active { color: #004dc1; } .mo_body a.noStyle { color: #222; text-decoration: none; } .mo_body h1, .mo_body h2, .mo_body h3, .mo_body h4 { font-family: Arial, Verdana; color: #222; display: block; } .mo_body h1 { font-size: 22px; } .mo_body h2 { font-size: 18px; } .mo_body h3 { font-size: 14px; } .mo_body h4 { font-size: 12px; } .mo_body p { margin: 12px 0; } .mo_body hr { border-bottom: 1px solid #bbb; height: 1px; } .mo_body button { outline: none; } .mo_clear { clear: both; height: 0; } .mo_hidden { display: none; } .mo_content { padding: 5px; } .mo_align_left { text-align: left; } .mo_align_center { text-align: center; } .mo_align_right { text-align: right; } .mo_float_right { float: right; } .mo_float_left { float: left; } .mo_space_right { margin-right: 10px !important; } .mo_space_left { margin-left: 10px !important; } .mo_space_top { margin-top: 10px !important; } .mo_space_bottom { margin-bottom: 10px !important; } .mo_nobr { white-space: nowrap; } ul.mo_list_default { list-style-type: disc !important; padding: 5px 0 5px 10px !important; margin: 0 0 0 10px !important; } ul.mo_list_default li { padding: 0; margin: 0; } .mo_body .mo_pageheadline { color: white; background-color: #767676; padding: 4px 8px; letter-spacing: 0.03em; font-size: 1.3em !important; position: relative; margin-top: 0; z-index: 2; margin: 10px 0; font-family: Arial, Helvetica; font-weight: bold; } .mo_body .mo_pageheadline a { color: white; } .mo_progress { position: relative; margin-right: 25px !important; } .mo_icon_progress { background: url('http://assets.motoso.de/images/v8/v12/mo_icon_progress.gif') no-repeat; position: absolute; top: 3px; right: -25px; width: 20px; height: 20px; } /* Layout */ .mo_page_index { width: auto; height: 670px; position: relative; } /* Default Box [m] [m] */ .mo_box { border: 1px solid #6c7175; margin: 0 0 10px 0; } .mo_box h2 { display: block !important; background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') repeat-x; text-align: center; font-size: 14px; line-height: 14px; padding: 8px 0; margin: 0; } .mo_box.mo_align_left h2 { padding-left: 15px; text-align: left; } .mo_box .mo_content { font-size: 12px; line-height: 1.5em; } .mo_box_footer { background-color: #efefef; padding: 8px; overflow: hidden; } .mo_box_footer h5 { display: block !important; font-size: 12px; background-color: #dedede; margin: -8px -8px 10px -8px; padding: 4px 8px; } .mo_box_footer .mo_form_submit { background-position: right -140px; } .mo_box_footer .mo_form_submit input{ background-position: left -112px; } .mo_body_content_only { width: 570px; margin: 0px 6px; } .mo_body_content_only .motoso_center { width: 570px; } /* Default Big Box [m] [m] */ .mo_box_big { position: relative; } .mo_box_big .mo_box_big_headline { display: block; color: #222 !important; font-size: 18px; height: 50px; overflow: hidden; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: right -50px; padding: 0 8px 0 0; margin: 0; text-align: center; text-decoration: none; font-family: 'Helvetica Neue', Arial; } .mo_box_big h4.mo_box_big_headline { font-size: 12px; } .mo_box_big span.mo_box_big_headline { display: block; background: transparent url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: left 0; line-height: 50px; } .mo_box_big .mo_box_big_headline .mo_align_left { padding-left: 15px; text-align: left; } .mo_box_big_content { padding: 5px; border: 2px solid #7a7a7a; border-top: none; margin-bottom: 10px; } /* Default Form [m] [m] */ .mo_body form h2, .mo_form h2 { color: #1F71BF; font-family: Arial, Verdana; font-size: 14px; margin: 4px 0; font-weight: bold; } .mo_body form h3, .mo_form h3 { color: #222; font-family: Arial, Verdana; font-size: 14px; margin: 4px 0; padding-bottom: 4px; border-bottom: 1px solid gray; font-weight: normal; } .mo_body fieldset { border: 0px; padding: 10px; background-color: transparent; } .mo_body fieldset ul { list-style: none; margin: 0; padding: 0; background-color: transparent; } .mo_body fieldset li { padding: 0; margin: 0 0 8px 0; background-color: transparent; clear: both; } .mo_body fieldset small { display: block; } .mo_body fieldset label { display: block; font-family: arial; font-size: 12px; line-height: 20px; float: left; width: 190px; } .mo_body fieldset label.mo_form_checkbox_label { display: inline; width: auto; float: none; } .mo_body fieldset label .mo_label_required { color: #1F71BF; display: inline; } .mo_form_area { padding: 1px; margin: 0; background-color: #f4f4f4; border: 0px; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; } .mo_form_column { float: left; width: 650px; } .mo_form_column_middle { float: left; width: 390px; } #o2pFormContainer .mo_form_column { width: 400px; } .mo_body .mo_col2 fieldset { float: left; width: 430px; } .mo_body .mo_col2 .mo_form_column { float: left; width: 240px; } .mo_body .mo_col2 .mo_form_column_middle { float: left; width: 240px; } .mo_body .mo_col3 fieldset { float: left; width: 280px; } .mo_body .mo_col3 .mo_form_range .mo_form_select, .mo_body .mo_col3 .mo_form_range .mo_form_select_auto { width: 110px; } .mo_body form .mo_vertical label { float: none; width: auto; } .mo_form_input_date, .mo_form_input, .mo_form_input_middle, .mo_form_input_short, .mo_form_input_long, .mo_form_select, .mo_form_select_short, .mo_form_select_middle, .mo_form_select_long, .mo_form_select_auto, .mo_form_textarea, .mo_form_textarea_short, .mo_form_input_phone_short, .mo_form_input_phone_number, .mo_form_select_distance { border: 1px solid gray; padding: 2px; margin: 0; background-color: #fff; } .mo_form_input_date { width: 70px; } .mo_form_input { width: 200px; } .mo_form_input_long { width: 318px; } .mo_form_input_middle { width: 150px; } .mo_form_input_short { width: 40px; } .mo_form_textarea { width: 358px; height: 100px; } .mo_form_textarea_short { width: 200px; height: 50px; } .mo_form_select { width: 206px; } .mo_form_select_middle { width: 156px; } .mo_form_select_short { width: 62px; } .mo_form_select_auto { width: auto; } .mo_form_select_distance { width: 72px; } .mo_form_input_phone_short { width: 35px; } .mo_form_input_phone_number { width: 101px; } .mo_body .mo_form_group label, .mo_body .mo_form_group .mo_form_select { width: 106px; } .mo_body .mo_form_group .mo_form_input { width: 100px; } .mo_body .mo_form_group_left { padding: 0 4px 0 0; } .mo_body .mo_form_group_right { padding: 0 0 0 4px; } .mo_body .mo_form_group_left, .mo_body .mo_form_group_right { width: 120px; float: left; } .mo_body .mo_col3 .mo_form_group label, .mo_body .mo_col3 .mo_form_group .mo_form_select, .mo_body .mo_col3 .mo_form_group .mo_form_input { width: 105px; } .mo_body .mo_col3 .mo_form_group_left, .mo_body .mo_col3 .mo_form_group_right { width: 120px; float: left; } .mo_form_top, .mo_form_top span { background: url('http://assets.motoso.de/images/v8/v12/mo_form_back.gif') no-repeat right -4px; height: 4px; padding: 0 5px 0 0;} .mo_form_top span { background-position: left 0; display: block; overflow: hidden; } .mo_form_bottom, .mo_form_bottom span { background: url('http://assets.motoso.de/images/v8/v12/mo_form_back.gif') no-repeat right -12px; height: 4px; padding: 0 5px 0 0; margin-bottom: 10px; clear: both; } .mo_form_bottom span { background-position: left -8px; display: block; overflow: hidden; } .mo_form_popup fieldset label { width: 454px; } .mo_form_popup .mo_form_input { width: 454px; } .mo_form_popup .mo_form_select { width: 458px; } .mo_form_popup .mo_form_textarea{ width: 458px; height: 100px; } .mo_body .mo_form_search_request fieldset { width: 175px; padding: 5px; float: none;} .mo_body .mo_form_search_request fieldset label { width: 80px; } .mo_body .mo_form_search_request .mo_form_group_left { margin-bottom: 8px; } .mo_body .mo_form_search_request .mo_form_group_left, .mo_body .mo_form_search_request .mo_form_group_right { width: 84px; } .mo_body .mo_form_search_request .mo_form_group_sr_fullsize { width: 170px; padding: 0; } .mo_body .mo_form_search_request .mo_form_group_sr_fullsize .mo_form_input { width: 165px; } .mo_body .mo_form_search_request .mo_form_group_sr_fullsize .mo_form_select { width: 165px; } .mo_body .mo_form_search_request .mo_form_input_long { width: 170px; } .mo_body .mo_form_search_request .mo_form_input { width: 80px; } .mo_body .mo_form_search_request .mo_form_select { width: 80px; } .mo_body .mo_form_services fieldset { padding: 5px 10px; } .mo_body .mo_form_seller_contact_settings .mo_form_column { width: 300px; } /* Form Specials [m] [] */ .mo_body .mo_form_my_services label { width: 300px; } .mo_form_values_content { background-color: white; border: 1px solid #bbb; border-radius: 10px; padding: 5px 10px; } /* Default Buttons [m] [] */ .mo_form_submit { padding: 0 42px 0 0; height: 28px; cursor: pointer; margin: 0; float: right; } .mo_form_submit input { height: 28px; border: 0px; cursor: pointer; padding: 0 0 2px 16px; margin: 0; color: #222; font-weight: bold; font-size: 12px; } /* BEGINN: IE Hack - All Versions */ .mo_form_submit input { padding-bottom: 0\9 } /* END: IE Hack */ .mo_form_submit, .mo_form_search, .mo_form_next { background: url('http://assets.motoso.de/images/v8/v12/button_ready.gif') no-repeat right -84px; } .mo_form_submit input, .mo_form_search input, .mo_form_next input { background: url('http://assets.motoso.de/images/v8/v12/button_ready.gif') no-repeat left -56px; } /* Default Tables [m] [] */ /* .mo_table { width: 100%; } .mo_table th { } .mo_table tr { } .mo_table td { } .mo_table .row2 { } */ /* ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ */ /* Head [m] [] */ .mo_head { background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') repeat-x 0 -36px; width: 940px; height: 90px; position: relative; z-index: 10; } .mo_head_links { position: absolute; top: 0; right: 0; text-align: right; padding: 2px 5px 0 0; width: 935px; height: 22px; font-size: 0.9em; background-color: white; } .mo_head_links a { padding-left: 10px; } .mo_head_links a, .mo_head_links a:link, .mo_head_links a:active, .mo_head_links a:visited { color: #222; } .mo_logo { position: absolute; top: 52px; left: 10px; background: url('http://assets.motoso.de/images/v8/v12/mo_logo1.gif') no-repeat; width: 178px; height: 37px; } .mo_head_search { position: absolute; bottom: 15px; right: 5px; } .mo_head_search label { float: left; width: 190px; line-height: 28px; font-weight: bold; } .mo_head_search .mo_form_input_search_left { height: 22px; float: left; width: 170px; padding: 0 0 0 5px; } .mo_head_search .mo_form_submit { height: 22px; float: left; padding: 0; background: none; } .mo_head_search .mo_form_submit input { height: 22px; background: url('http://assets.motoso.de/images/v8/v12/mo_search_loupe1.gif') no-repeat right bottom; padding: 0; width: 24px; } .mo_head_search .mo_form_input { width: 170px; height: 16px; color: gray; padding: 2px 5px 3px 5px; font-size: 12px; border: solid #929292; border-width: 1px 0 1px 1px; padding: 4px 5px 0 5px} .mo_head_search .mo_form_input_search_left, .mo_head_search .mo_form_input_search_right { height: 22px; } .mo_example { display: none; } *html .mo_head_search .mo_form_input { margin: -1px 0 0 0; width: 170px; padding: 4px 5px 1px 5px; } *+html .mo_head_search .mo_form_input { margin: -1px 0 0 0; height: 16px; } /* Navigation [m] [] */ .mo_navigation { list-style: none; margin: 0; padding: 0; position: absolute; top: 48px; right: 210px; } .mo_navigation li { float: left; padding: 0; margin: 0; cursor: pointer; } .mo_navigation li a { display: block; text-transform: uppercase; border-right: 1px solid #cacdca; line-height: 30px; padding: 0px 10px; text-decoration: none; font-size: 11px; color: #666 !important;} .mo_navigation li:hover a { color: #a02 !important; } .mo_navigation li:visited a { color: #666; } .mo_navigation li#navMotozone a { text-transform: none; border-right: 0; } /* Default Sub Navigation [m] [] */ .mo_sub_nav { width: 940px; position: relative; z-index: 10000; height: 32px; font-size: 13px; font-family: Arial, Verdana; } .mo_sub_nav { background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') repeat-x 0 -207px; } .mo_sub_nav ul { width: 940px; list-style: none; padding: 0; margin: 0 0 0 10px; } .mo_sub_nav li { float: left; margin: 0; padding: 0; position: relative; cursor: pointer; background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') no-repeat right -175px; } div.mo_sub_nav a { float: left; line-height: 32px; padding: 0 8px; color: #666; text-decoration: none; font-weight: normal; } .mo_nav_tablet_expand { float: left; font-size: 11px; padding: 0 8px; line-height: 32px; color: #666; } div.mo_sub_nav a:link, div.mo_sub_nav a:visited { color: #666; } div.mo_sub_nav a:hover { color: #a02; } .mo_sub_nav li.mo_selected a.mo_lvl1, .mo_sub_nav li.mo_selected .mo_nav_tablet_expand { background-color: #e8eaeb !important; } ul.mo_sub_nav_box { display: none; margin: 0; position: absolute; top: 31px; left: -1px; width: 220px; z-index: 10000; } .mo_sub_nav_box li { background-color: transparent; } ul.mo_sub_nav_box a { line-height: 26px; border: 1px solid #cbced0 !important; border-top: 0px !important; background-color: #e8eaeb; width: 180px; background-image: none; } ul.mo_sub_nav_box a:hover { background-color: #d5d5d5; } .mo_sub_nav_index li a { width: 135px; } .mo_sub_nav_index ul { margin: 0; } div.mo_sub_nav_index a { padding: 0 8px 0 12px; } .mo_sub_nav_index_top, .mo_sub_nav_index_bottom { border-top: 0; border-bottom: 1px solid #d5d5d5; } .mo_sub_nav_index_bottom { background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') repeat-x 0 -243px; } .mo_sub_nav_index #mo_sub_nav_index_tuning a, .mo_sub_nav_index #mo_sub_nav_index_tires a { background-image: none; width: 145px; } /* search navigation */ .search_vehicles #msSubNavVehicles a.mo_lvl1, .search_vehicles #msSubNavVehicles .mo_nav_tablet_expand, .search_classifieds #msSubNavClassifieds a.mo_lvl1, .search_services #msSubNavServices a.mo_lvl1 { color: #a02; background-color: #fff; font-weight: bold; } .search_vehicles_car #msYellowSubNavVehiclesCar a, .search_vehicles_bike #msYellowSubNavVehiclesBike a, .search_vehicles_rv #msYellowSubNavVehiclesCaravan a, .search_vehicles_cv #msYellowSubNavVehiclesTruck a { color: #a02; font-weight: bold; } /* mymotoso navigation */ /* level 2 - mymotoso */ .mymotoso_index li#mySubNavIndex a.mo_lvl1, .mymotoso_classifieds li#mySubNavClassifieds a.mo_lvl1, .mymotoso_orders li#mySubNavOrders a.mo_lvl1, .mymotoso_account li#mySubNavBusinessAccount a.mo_lvl1, .mymotoso_account li#mySubNavPrivateAccount a.mo_lvl1, .mymotoso_statistic li#mySubNavStatistic a.mo_lvl1, .mymotoso_printAd li#mySubNavMarkedForPrint a.mo_lvl1, .mymotoso_searchRequest li#mySubNavSearchRequest a.mo_lvl1 { color: #a02; font-weight: bold; } .mymotoso_index li#mySubNavIndex a.mo_lvl1, .mymotoso_classifieds li#mySubNavClassifieds a.mo_lvl1, .mymotoso_classifieds li#mySubNavClassifieds .mo_nav_tablet_expand, .mymotoso_orders li#mySubNavOrders a.mo_lvl1, .mymotoso_orders li#mySubNavOrders .mo_nav_tablet_expand, .mymotoso_account li#mySubNavBusinessAccount a.mo_lvl1, .mymotoso_account li#mySubNavBusinessAccount .mo_nav_tablet_expand, .mymotoso_account li#mySubNavPrivateAccount a.mo_lvl1, .mymotoso_account li#mySubNavPrivateAccount .mo_nav_tablet_expand, .mymotoso_statistic li#mySubNavStatistic a.mo_lvl1, .mymotoso_printAd li#mySubNavMarkedForPrint a.mo_lvl1, .mymotoso_printAd li#mySubNavMarkedForPrint .mo_nav_tablet_expand, .mymotoso_searchRequest li#mySubNavSearchRequest a.mo_lvl1 { background-color: #fff; } /* level 3 - mymotoso */ .subNav_mymotoso_classifieds li#my_listclassifieds a, .subNav_mymotoso_newClassified li#my_newclassified a, .subNav_mymotoso_serviceTemplates li#my_servicetemplateswizard a, .subNav_mymotoso_vehicleImport li#my_vehicleImport a, .subNav_mymotoso_serviceTemplates li#my_servicetemplateswizard a, .subNav_mymotoso_markedForPrint li#my_showMarkedForPrint a, .subNav_mymotoso_newOrders li#my_newOrders a, .subNav_mymotoso_openOrders li#my_openOrders a, .subNav_mymotoso_orderArchive li#my_orderArchive a, .subNav_mymotoso_showCompanyData li#my_showcompany_main a, .subNav_mymotoso_showCompanyInfo li#my_showcompanydata a, .subNav_mymotoso_orderStatus li#my_orderStatus a, .subNav_mymotoso_showSellerContactSettings li#my_SellerContactSettings a, .subNav_mymotoso_privateData li#my_showaccount_main a, .subNav_mymotoso_statistics li#my_orderArchive a, .subNav_mymotoso_showCompanyColors li#my_showcolorsimages a, .subNav_mymotoso_changePassword li#my_password a, .subNav_mymotoso_showNewsletter li#my_newsletter a, .subNav_mymotoso_homepage li#my_homepage a, .subNav_mymotoso_showAGB li#my_showAGB a, .subNav_mymotoso_myVehicle li#my_showmyVehicle a, .subNav_mymotoso_myO2pTextOptions li#my_showmyTemplateFormating a, .subNav_mymotoso_deleteAccount li#my_deleteAccount a, .subNav_mymotoso_myO2pTextOptions li#my_showmyTemplateFormating a, .subNav_mymotoso_printAd_running li#my_runningPrintAds a, .subNav_mymotoso_printAd_archived li#my_archivedPrintAds a, .subNav_mymotoso_printAd_new li#my_newPrintAd a, .subNav_mymotoso_markedForPrint li#my_showMarkedForPrint a, .subNav_mymotoso_printAd_proposal li#my_showMAProposal a { color: #a02; font-weight: bold; } /* Indexpage [m] [m] */ .index .mContent { padding: 0; width: 940px; } .mo_index_facebook { position: absolute; top: 228px; left: 620px; width: 300px; height: 156px; display: none; } .mo_indexclassifieds, .mo_ad_rectangle, .mo_indexteaser { position: absolute; top: 340px; } .mo_indexteaser1 { left: 10px; width: 208px; height: 265px; } .mo_indexteaser2 { left: 230px; width: 188px; height: 265px; } .mo_indexteaser3 { left: 430px; width: 188px; height: 265px; } .mo_indexteaser4 { top: 645px; left: 10px; width: 188px; height: 132px; } .mo_indexteaser5 { top: 787px; left: 10px; width: 188px; height: 132px; } .mo_ad_rectangle { left: 630px; width: 300px; font-size: 11px; text-align: right; } .mo_ad_rectangle .mo_ad_content { height: 250px; } /* Teaser [m] [] */ .mo_indexteaser a { position: relative; display: block; overflow: hidden; width: 188px; height: 235px; font-weight: bold; text-decoration: none; } .mo_indexteaser4 a, .mo_indexteaser5 a { height: 111px; } .mo_indexteaser img { border: 0px; } .mo_indexteaser_text { width: 155px; position: absolute; left: 5px; bottom: 5px; } .mo_indexteaser_headline { display: block; color: #a02; font-size: 14px; } .mo_indexteaser_subheadline { display: block; color: black; font-size: 12px; } .mo_indexteaser_subline { display: block; color: black; font-size: 10px; } /* Indexpage - Classifiedslist [m] [] */ .mo_indexclassifieds ul { list-style: none; padding: 10px 0; margin: 0; } .mo_indexclassifieds li { float: left; text-align: center; width: 180px; margin: 0 0 5px 0; padding: 0; font-size: 10px; } .mo_indexclassifieds a { display: block; text-decoration: none; color: #000; } .mo_indexclassifieds img { display: block; margin: 0px auto; border: 0px; } /* Indexpage - Search [m] [m] */ .mo_body .mo_indexsearch label { float: none; } .mo_indexsearch { position: absolute; top: 0; left: 0; width: 920px; padding: 30px 10px 0 10px; border-top: 2px solid #373737; border-bottom: 4px solid #373737; } .mo_indexsearch .mo_content { position: relative; height: 290px; padding: 0; } .mo_tab_offer_active { background: url('http://assets.motoso.de/images/v8/v12/teaser_car.jpg') no-repeat right 0; } .mo_tab_classified_active { background: url('http://assets.motoso.de/images/v8/v12/teaser_classifieds.jpg') no-repeat right 0; } .mo_tab_service_active { background: url('http://assets.motoso.de/images/v8/v12/teaser_service.jpg') no-repeat right 0; } .mo_tab_vehicle_active { background: url('http://assets.motoso.de/images/v8/v12/teaser_car.jpg') no-repeat right 0; } .mo_tab_vehicle_active.mo_pic_vehicles_bikes { background: url('http://assets.motoso.de/images/v8/v12/teaser_bike.jpg') no-repeat right 0; } .mo_tab_vehicle_active.mo_pic_vehicles_rv { background: url('http://assets.motoso.de/images/v8/v12/teaser_rv.jpg') no-repeat right 0; } .mo_tab_vehicle_active.mo_pic_vehicles_cv { background: url('http://assets.motoso.de/images/v8/v12/teaser_cv.jpg') no-repeat right 0; } /* Action Button [m] [] */ .mo_button_action { display: block; font-size: 14px; height: 40px; text-decoration: none; font-family: 'Helvetica Neue', Arial; color: #222 !important; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: left -564px; padding: 0 0 0 45px; margin: 0; overflow: hidden; } .mo_button_action .mo_ba_body { display: block; height: 40px; position: relative; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat left top; background-position: right -484px; } .mo_button_action .mo_ba_headline { position: absolute; left: 0px; top: 5px; color: #1F71BF; font-size: 14px; } .mo_button_action .mo_ba_label { position: absolute; left: 0px; top: 12px; color: #1F71BF; font-size: 14px; } .mo_button_action .mo_ba_content { position: absolute; left: 0px; top: 21px; font-size: 11px; } /* Tabnavigation [m] [m] */ /* Default [m] [m] */ .mo_tabnav { background-color: #aaa; height: 42px; } .mo_tabnav ul { list-style: none; margin: 0; padding: 0; background-color: #aaa; } .mo_tabnav li { background-color: #aaa; float: left; margin: 0 !important; padding: 0 0 0 10px; color: #222; font-family: 'Helvetica Neue', Arial; font-weight: normal; } .mo_tabnav a, .mo_tabnav div { display: block; color: white !important; font-size: 14px; line-height: 42px; padding: 0 5px 0 0; cursor: pointer; text-align: center; text-decoration: none; font-family: 'Helvetica Neue', Arial; font-weight: normal; } .mo_tabnav span { display: block; line-height: 42px; padding: 0 5px 0 10px; font-weight: normal; color: white; } .mo_tabnav_topic { background: #656565; padding: 0 5px 0 0 !important; font-size: 14px; } .mo_tabnav a:hover, .mo_tabnav div:hover{ text-decoration: underline; } .mo_tabnav_on a, .mo_tabnav_on div { color: #222 !important; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: right -442px; } .mo_tabnav_on span { color: #222; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat left top; background-position: left -400px; } /* Index - Searchbox [m] [or] */ .mo_search_tabnav { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 100;} .mo_search_tabnav li { height: 30px; float: left; margin: 8px 0 0 0; padding: 0; border: 1px solid #898989; background-color: #f5f5f5; } .mo_search_tabnav a { display: block; color: #222 !important; font-size: 14px; padding: 0px 22px; text-align: center; text-decoration: none !important; font-family: 'Helvetica Neue', Arial; } .mo_search_tabnav span { display: block; line-height: 30px; } .mo_tab_offer { display: none; } .mo_tab_vehicle_active .mo_tab_vehicle, .mo_tab_classified_active .mo_tab_classified, .mo_tab_service_active .mo_tab_service, .mo_tab_offer_active .mo_tab_offer { margin: 0; height: 39px; background-color: white; border-bottom: 0; } .mo_tab_vehicle_active .mo_tab_vehicle a, .mo_tab_classified_active .mo_tab_classified a, .mo_tab_service_active .mo_tab_service a, .mo_tab_offer_active .mo_tab_offer a { border-bottom: 1px solid white; } .mo_tab_vehicle_active .mo_tab_vehicle span, .mo_tab_classified_active .mo_tab_classified span, .mo_tab_service_active .mo_tab_service span, .mo_tab_offer_active .mo_tab_offer span { line-height: 38px; } .mo_tab_service_active .mo_tab_vehicle, .mo_tab_classified_active .mo_tab_vehicle { border-left: 0; border-right: 0; } .mo_tab_offer_active .mo_tab_vehicle, .mo_tab_vehicle_active .mo_tab_classified { border-right: 0; } .mo_tab_vehicle_active .mo_tab_offer, .mo_tab_vehicle_active .mo_tab_service { border-left: 0; } div.mo_indexsearch div.mo_tab_content {display: none;} div.mo_indexsearch.mo_tab_classified_active div.mo_tab_content.classifieds, div.mo_indexsearch.mo_tab_vehicle_active div.mo_tab_content.vehicle, div.mo_indexsearch.mo_tab_service_active div.mo_tab_content.service, div.mo_indexsearch.mo_tab_offer_active div.mo_tab_content.offer {display: block;} /* Category selection [m] [] */ .mo_indexsearch_category { background-color: #fff; margin-bottom: 6px; } .mo_indexsearch_category label { display: inline !important; padding-bottom: 2px; } .mo_indexsearch_category label * { vertical-align: middle; } .mo_indexsearch_category label input { margin: 4px; } .mo_indexsearch_category .mo_icon_car { background: url('http://assets.motoso.de/images/v8/v12/mo_icons_vehicles.gif') no-repeat 24px 0; width: 38px; padding-right: 40px; } .mo_indexsearch_category .mo_icon_bike { background: url('http://assets.motoso.de/images/v8/v12/mo_icons_vehicles.gif') no-repeat 24px -24px; width: 38px; padding-right: 40px; } .mo_indexsearch_category .mo_icon_rv { background: url('http://assets.motoso.de/images/v8/v12/mo_icons_vehicles.gif') no-repeat 24px -48px; width: 38px; padding-right: 40px; } .mo_indexsearch_category .mo_icon_cv { background: url('http://assets.motoso.de/images/v8/v12/mo_icons_vehicles.gif') no-repeat 24px -72px; width: 38px; padding-right: 40px; } /* Indexpage - Search - Form [m] [] */ .mo_formname_indexsearch { position: absolute; top: 39px; left: 0; z-index: 99; } .mo_tab_service_active .mo_formname_indexsearch .mo_form_group_left { width: 50px; } .mo_formname_indexsearch fieldset { float: left; width: 610px; } .mo_formname_indexsearch li { width: 282px; float: left; clear: none !important; } .mo_formname_indexsearch fieldset { padding: 30px; background-color: white; margin: 0; position: relative; border: 1px solid #898989; } .mo_formname_indexsearch .mo_form_group_left, .mo_formname_indexsearch .mo_form_group_right { width: 136px; float: left; } .mo_formname_indexsearch .mo_form_group_left label, .mo_formname_indexsearch .mo_form_group_right label { width: 136px; } .mo_formname_indexsearch .mo_form_input { width: 132px; } .mo_formname_indexsearch .mo_form_input_long { width: 276px; } .mo_formname_indexsearch .mo_form_select { width: 136px; } .mo_formname_indexsearch .mo_form_select_long { width: 284px; } .mo_formname_indexsearch .mo_form_group_shortfields div { float: left; width: 62px; margin-right: 2px; } .mo_formname_indexsearch .mo_form_group_shortfields label { width: 62px; } .mo_formname_indexsearch .mo_form_submit { margin: 14px 0 0 10px; float: left; width: 68px; } .mo_formname_indexsearch .mo_form_submit input { width: 66px; } .mo_formname_indexsearch .mo_indexsearch_postal_group { width: 160px; } .mo_formname_indexsearch .mo_indexsearch_used_group { width: 100px; } .mo_formname_indexsearch .mo_indexsearch_deeplink { padding-top: 10px; clear: both !important; width: 360px; } /* Searchresult List [m] [] */ /* new */ table.searchResults {border-collapse: collapse; width: 698px; font-size: 1.0em; line-height: 1.6em;} table.searchResults td {vertical-align: top;} table.searchResults td.price, table.searchResults td.links {text-align: right;} table.searchResults td.article h3 { display: inline; color: #004DC1; font-family: verdana; font-size: 1em; margin: 0; padding: 0; } table.searchResults td.image, table.searchResults td.article, table.searchResults td.price {border-top: 1px dotted #ccc;} table.searchResults td.image a { display: block; } table.searchResults td.article {border-bottom: 1px dotted #ccc;} table.searchResults td.price {border-bottom: 1px dotted #ccc;} table.searchResults td.image {padding: 12px 0px;} table.searchResults td.image img {border: none; margin-right: 15px;} table.searchResults td.article {padding: 10px 0px;} table.searchResults td.article a {text-decoration: none; font-weight: bold;} table.searchResults td.article a:hover {color: #a20;} table.searchResults td.article span.envkv a {font-weight: normal; color:#222;} table.searchResults td.article .description {margin: 7px 0;} table.searchResults td.price {white-space: nowrap;font-weight: bold; color:#222;padding-right: 5px; padding-top: 2px;} table.searchResults td.price .pickup, table.searchResults td.price .shipping {font-weight: normal; font-size: 0.9em; color: #555;} table.searchResults td.price {white-space: nowrap;font-weight: bold; color:#222;padding-right: 5px; padding-top: 10px;} table.searchResults tr:hover, table.searchResults tr.rowStyle1:hover {background-color: #eee;} /* old */ .mo_list { width: 698px; float: left; border-top: 1px solid gray; font-family: Verdana; font-size: 11px; line-height: 1.5em; margin: 0 0 10px 0; } .mo_list:hover, .mo_list_selected { background-color: #efefef; } .mo_list .mo_headline { border-bottom: none; margin-right: 0; } .mo_list .mo_headline a { width: 584px; color: #003468; font-weight: bold; font-size: 12px; padding: 0; display: block; text-decoration: underline; } .mo_list .mo_headline a h3 { color: #666; font-weight: bold; font-size: 12px; margin: 0; } .mo_list .mo_headline_service a { width: 552px; float:left; } .mo_list .mo_headline_service a.marker { display: block; margin: 0px; width: 20px; height: 20px; float:left;} .mo_list ul { width: 590px; list-style: none; font-size: 12px; margin: 0 0 2px 0; padding: 4px; loat: left; } .mo_list li { float: left; padding: 0px 4px; border: 0; border-bottom: 1px dotted gray; margin: 0 14px 4px 0; } .mo_list li a { text-decoration: none; color: #222; } .mo_list a { color: #003468; font-size: 12px; } .mo_list a:visited, .mo_list a:link, .mo_list a:hover { color: #666; } .mo_list .mo_price a { color: #0a8418; } .mo_list .mo_price a, .mo_list .mo_registration a, .mo_list .mo_shipping a, .mo_list .mo_mileage a { text-decoration: none; } .mo_list .mo_link_area { width: 690px; padding: 4px; text-align: right; float: right; } .mo_list .mo_image, .mo_list img { float: left; margin: 0 10px 10px 0; width: 90px; height: 68px; border: 0; } .mo_list .mo_image img { margin: 0; float: none; } .mo_list textarea { width: 585px; height: 35px; margin: 0 0 6px 0;} .mo_list .mo_image label{ background-color: #efefef; display: block; width: 90px; padding: 3px 0; margin: 0; display: block; line-height: 20px; } .mo_list_content { width: 590px; float: right; padding: 5px 5px 5px 0; text-align: left; } .mo_list_content a { text-decoration: none; } .mo_list .mo_price { width: 160px; } .mo_list .mo_registration { width: 80px; } .mo_list .mo_mileage { width: 150px; } .mo_list .mo_link_area { position: relative; left: -4000px;} .mo_list:hover .mo_link_area { position: relative; left: 0px;} /* Searchresult List - Maxsize [m] [m] */ .mo_list_maxsize { width: 920px; } .mo_list_maxsize .mo_headline a, .mo_list_maxsize textarea { width: 804px; } .mo_list_maxsize ul { width: 812px; } .mo_list_maxsize .mo_link_area { width: 912px; } .mo_list_maxsize .mo_list_content { width: 810px; } /* Searchresult List - Mediumsize [m] [m] */ .mo_list_medium { width: 596px; } .mo_list_medium .mo_headline a, .mo_list_medium textarea { width: 480px; } .mo_list_medium ul { width: 488px; } .mo_list_medium .mo_link_area { width: 582px; } .mo_list_medium .mo_list_content { width: 488px; } /* Searchresult List - Landingpage [m] [m] */ .mo_list_landingpage { width: 350px; } .mo_list_landingpage .mo_headline a, .mo_list_landingpage textarea { width: 234px; } .mo_list_landingpage ul { width: 242px; } .mo_list_landingpage .mo_link_area { width: 342px; } .mo_list_landingpage .mo_list_content { width: 240px; } /* Dealer Homepage List [m] [m] */ .hpContentMain_search_right .mo_list { width: 526px; } .hpContentMain_search_right .mo_list .mo_headline a, .hpContentMain_search_right .mo_list textarea { width: 410px; } .hpContentMain_search_right .mo_list ul { width: 418px; } .hpContentMain_search_right .mo_list .mo_link_area { width: 518px; } .hpContentMain_search_right .mo_list .mo_list_content { width: 416px; } body.searchResults a.mo_enVKV {font-style: italic; text-decoration: none; font-size: 11px;} body.searchResults div.mo_enVKVFootnote {border-top: 1px solid grey; padding-top: 3px; font-style: italic; color : #666; font-size: 11px; line-height: 14px;} body.searchResults div.mo_enVKVFootnote a {color: #666;} #POSITION_VHLR_front, #POSITION_VHLR_rear, #POSITION_VHLR_left, #POSITION_VHLR_right, #POSITION_VHLR_completeset { width: 20px; } body.searchResults div.mSRPager.bottom {text-align: center; padding: 15px;} /* Detailpage */ .mo_details { margin-bottom: 10px; width: 920px; } .mo_details_content { float: left; width: 590px; } .mo_details_content .mo_space_top { margin-top: 20px !important; } .mo_details_content .mo_tabnav { margin: 10px 0 0 -10px; } .mo_details_side { float: right; width: 300px; } .mo_details_seller { position: relative; } .mo_details_seller_action { margin: 20px 0; width: 250px; } .mo_details_content .mo_details_seller { height: auto; } .mo_details_content .mo_details_seller_action { position: absolute; top: 50px; right: 20px; } .mo_details_content .mo_details_seller_data { width: 310px; } .mo_details_seller_action .mo_button_action { margin-bottom: 10px; } .mo_details_link_video * { font-size: 12px; font-weight: normal; vertical-align: middle; } .mo_details_link_businessinfo_image { float: left; width: 20px; margin-top: 2px; } .mo_details_link_businessinfo_link { float: left; width: 200px; } .mo_details_seller_data_phone { display: block; font-size: 18px; color: #444; padding: 8px 0 0 0; } .mo_body .mo_details_headline { color: black; margin: 30px 0 10px 0; font-size: 21px; } .mo_details_price { font-size: 16px; font-weight: bold; } .mo_details_toolbox { margin: 15px 0 30px 0px; border-bottom: 2px solid #aaa; padding-bottom: 15px; } .mo_details_toolbox * { vertical-align: middle; } .mo_details_image { float: left; width: 300px; margin: 0 0 5px 0px; text-align: left; } .mo_details_image img { border: 1px solid #ddd; margin-top: 10px; } .mo_details_data_headline, .mo_details_data_headline_short { border-bottom: 1px dotted #222 !important; font-weight: bold; font-size: 14px; float: none !important; padding: 0 0 2px 0 !important; margin: 0 0 8px 0; } .mo_details_data_headline { width: 100% !important; } .mo_details_data_headline_short { width: 275px; } .mo_details_data_headline em { font-size: 11px; color: #999; font-weight: normal; } .mo_details_data { list-style: none; padding: 0; margin: 0; } .mo_details_data label { float: left; width: 145px; } .mo_details_data span { font-weight: bold } .mo_details_data span.mo_column { float: left; width: 400px; } .mo_details_data_col2 li { float: left; width: 285px; font-style: italic; } .mo_details_data_tech { float: right; width: 275px; } .mo_details_data_tech li { border-bottom: 1px solid #dcdcdc; padding: 4px 0; } .mo_details_area .mo_align_right { border-top: 1px dotted #222; } #mo_tab_similar_content, #mo_tab_seller_content { margin: 20px 0 0 -6px; } .mo_details_side #biMapBox { position: relative; } .mo_details_side #biMapBox #mapData { position: absolute; top: 40px; right: 5px; float: none; margin: 0; } .mo_details_side #biMapBox form { margin-top: 10px; } .mo_details_expired .mo_details_headline { color: #67a6e2; margin: 10px 0 5px 0; } .mo_details_expired .mo_details_price { color: #999 !important; } .mo_details_expired .mo_space_top { margin-top: 10px !important; } .mo_details_expired .mo_details_image { float: left; width: 95px; margin: 0 5px 0 0; } .mo_details_expired p { display: block; float: left; width: 485px; margin: 2px 0; } .mo_details_expired p span { font-size: 16px; font-weight: bold; line-height: 1.3em; } span.mo_enVKV { display: block; font-size: 1em; font-style: italic; line-height: 1.2em; margin-top: 5px; } /* Map Overlay | [m] [m] */ #mapFormOverlay { display: none; } .mo_details_side #mapFormOverlay { position: absolute; top: -20px; right: 330px; z-index: 10000; } .mo_details_content #mapFormOverlay { margin-top: 40px; } #mapFormOverlay #map { width: 590px; } #mapClose { position: relative; top: -300px; float: right; margin-right: 0px; padding: 2px; } #mapClose a { font-weight: bold; color: black; text-decoration: none; border: 1px solid black;padding: 2px 6px; background-color:white; } /* Navigation Highlighting [or] [m] */ /* Level 1 - Main Navigation */ body.index .mo_navigation li#navHomepage a, body.classifieds .mo_navigation li#navSell a, body.dealerInfo .mo_navigation li#navMerchant a, body.mymotoso .mo_navigation li#navMyMotoso a, body.motoblog .mo_navigation li#navMotozone { color: #a02 !important; font-weight: bold; } /* Anbieten / Suchen [m] [] .classifieds .mo_form_select, .search .mo_form_select { width: auto; border: 1px medium; } */ /* Footer [m] [] */ .mCopyright a:link, .mCopyright a:visited, .mCopyright a:hover, .mCopyright a:active { text-decoration: none; color: #444; } .mCopyright h1, .mCopyright h2, .mCopyright h3 { display: inline; font-size: 10px; color: #444; font-weight: normal; font-family: Verdana, Arial } /* Search attributes [gr] [] */ .msSearchScreen #msVehiclesCarVehicleStatusOldtimer { display:none; } .msSearchScreen #msVehiclesCarFeaturesInterior, .msSearchScreen #msVehiclesCarFeaturesInterior, .msSearchScreen #msVehiclesCarWideCheckBox { display:block; } /* jQuery Definition [m] [] */ .mo_jq_actionlink { color: #004dc1; text-decoration: underline; cursor: pointer; } .mo_jq_click { cursor: pointer; } /* progressBar.tag */ .mo_progressbar { border: 1px solid #888; height: 20px; } .mo_progressbar .success { float: left; background: #50A200; } .mo_progressbar .failure { float: left; background: #b02; } .mo_progressbar .todo { float: left; background: transparent; } .mo_progressbar_message { padding-left: 10px; margin-top: 5px; } /* Register [gr][]*/ .mo_body fieldset li div.mo_termsOfService { display: none; } /* Register Business JS */ #invoiceAddressPart { display: none; } /* Form fuer Anbieten - Fahrzeuge [m] [] */ #attr_MILEAGE input { width: 95px; } #attr_MOTOR_LITER_SIZE input, #attr_CONSUMPT_CITY input, #attr_CONSUMPT_HIGHWAY input, #attr_CONSUMPT_COMBINED input, #attr_EMISSION_COMBINED input, #attr_CONSTRUCTION_YEAR input, #attr_ELECTRIC_POWER_CONSUMPTION input, #attr_DEPOSIT_VALUE input, #attr_KW input { width: 50px; } /* link classifieds grid configuration */ body.subNav_mymotoso_classifieds div.mHeadline, body.subNav_mymotoso_markedForPrint div.mHeadline {position: relative;} body.subNav_mymotoso_classifieds div.maGridPreferences, body.subNav_mymotoso_markedForPrint div.maGridPreferences {position: absolute; right: 15px; top: 1px;} body.subNav_mymotoso_classifieds div.maGridPreferences a, body.subNav_mymotoso_classifieds div.maGridPreferences a:active, body.subNav_mymotoso_classifieds div.maGridPreferences a:visited, body.subNav_mymotoso_classifieds div.maGridPreferences a:link, body.subNav_mymotoso_markedForPrint div.maGridPreferences a, body.subNav_mymotoso_markedForPrint div.maGridPreferences a:active, body.subNav_mymotoso_markedForPrint div.maGridPreferences a:visited, body.subNav_mymotoso_markedForPrint div.maGridPreferences a:link { color: white;} /* search results - "save search" link */ body.search #hitcount { position: relative; } body.search #hitcount div.maSaveSearchAction {position: absolute; right: 5px; bottom: 1px;} body.search #hitcount div.maSaveSearchAction .green {color: #67e54e;} body.search #hitcount div.maSaveSearchAction, body.search #hitcount div.maSaveSearchAction a, body.search #hitcount div.maSaveSearchAction a:active, body.search #hitcount div.maSaveSearchAction a:visited, body.search #hitcount div.maSaveSearchAction a:link { color: white; font-size: 12px; } /* search results - "save search" form */ body.search div#mSavedSearchFormBox {margin-bottom: 20px;} body.search div#mSavedSearchFormBox div.mo_form_area {position: relative;} body.search div#mSavedSearchFormBox a.maCloseLink { position: absolute; right: 10px; top: 0px;} body.search div#mSavedSearchFormBox div.mo_form_area div.rightSpace {margin-right: 10px !important;} /* Other */ .mSearchInput { padding: 4px; border: 1px solid #999; border-width: 1px 0; } #mo_tabs_overview #mo_tab_businessinfo_content {display: none;} #mo_tabs_overview.mo_tab_businessinfo #mo_tab_businessinfo_content {display: block;} #mo_tabs_overview.mo_tab_businessinfo #mo_tab_details_content {display: none;} #mo_tabs_more #mo_tab_insurance_content, #mo_tabs_more #mo_tab_finance_content, #mo_tabs_more #mo_tab_businessinfo_content { display: none; } #mo_tabs_more.mo_tab_insurance #mo_tab_insurance_content { display: block; } #mo_tabs_more.mo_tab_finance #mo_tab_finance_content { display: block; } #mo_tabs_more.mo_tab_businessinfo #mo_tab_businessinfo_content { display: block; } #mo_tabs_more.mo_tab_finance #mo_tab_moreData_content, #mo_tabs_more.mo_tab_insurance #mo_tab_moreData_content, #mo_tabs_more.mo_tab_businessinfo #mo_tab_moreData_content { display: none; } #mo_tabs_similar.mo_tab_similar #mo_tab_seller_content, #mo_tabs_similar.mo_tab_seller #mo_tab_similar_content {display: none;} #mo_tabs_similar.mo_tab_similar #mo_tab_similar_content, #mo_tabs_similar.mo_tab_seller #mo_tab_seller_content {display: block;} #mo_tabs_more.mo_tab_businessinfo #mo_tab_businessinfo a, #mo_tabs_more.mo_tab_businessinfo #mo_tab_businessinfo div, #mo_tabs_more.mo_tab_moreData #mo_tab_moreData a, #mo_tabs_more.mo_tab_moreData #mo_tab_moreData div, #mo_tabs_more.mo_tab_insurance #mo_tab_insurance a, #mo_tabs_more.mo_tab_insurance #mo_tab_insurance div, #mo_tabs_more.mo_tab_finance #mo_tab_finance a, #mo_tabs_more.mo_tab_finance #mo_tab_finance div, #mo_tabs_similar.mo_tab_similar #mo_tab_similar a, #mo_tabs_similar.mo_tab_similar #mo_tab_similar div, #mo_tabs_similar.mo_tab_seller #mo_tab_seller a, #mo_tabs_similar.mo_tab_seller #mo_tab_seller div { color: #222 !important; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: right -442px; } #mo_tabs_more.mo_tab_businessinfo #mo_tab_businessinfo span, #mo_tabs_more.mo_tab_moreData #mo_tab_moreData span, #mo_tabs_more.mo_tab_insurance #mo_tab_insurance span, #mo_tabs_more.mo_tab_finance #mo_tab_finance span, #mo_tabs_similar.mo_tab_similar #mo_tab_similar span, #mo_tabs_similar.mo_tab_seller #mo_tab_seller span { color: #222; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat left top; background-position: left -400px; } /* MerchantLogoPage [gr][][] */ .mo_merchantLogoPage_contentOnly .mo_body_content_only, .mo_merchantLogoPage_contentOnly .mo_body_content_only .motoso_center, .mo_merchantLogoPage_contentOnly .mo_body_content_only .motoso_center .mBoxGroup4 { width: 100% !important; } /* iPhone Landingpage [m][] */ .mo_la_iphone_preview { width: 302px; float: left; margin-bottom: 10px; } .mo_la_iphone_top { width: 302px; height: 103px; background: url('http://assets.motoso.de/images/v8/v12/mo_iphone_top.jpg') no-repeat; } .mo_la_iphone_middle { position: relative; width: 302px; height: 357px; background: url('http://assets.motoso.de/images/v8/v12/mo_iphone_middle.jpg') no-repeat; } .mo_la_iphone_bottom { width: 302px; height: 88px; background: url('http://assets.motoso.de/images/v8/v12/mo_iphone_bottom.jpg') no-repeat; } .mo_la_iphone_content { width: 618px; float: right; margin-bottom: 10px; } .mo_la_iphone_copy { padding: 10px 20px; background: url('http://assets.motoso.de/images/v8/v12/mo_iphone_back.png') repeat-x left bottom; } .mo_la_iphone_copy h2 { line-height: 1.4em; margin: 30px 0; } .mo_la_iphone_action { width: 230px; margin: 20px; } .mo_la_iphone_image_container { list-style: none; margin: 0; padding: 0; } .mo_la_iphone_image_container li { display: none; margin: 0; padding: 0; position: absolute; left: 39px; z-index: 8; } .mo_la_iphone_image_container li.previous { z-index: 9; display: none; } .mo_la_iphone_image_container li.active { z-index: 10; display: block; } .mo_la_iphone_image_container li.next { z-index: 11; } /* info text box */ body.search.searchResults div.info { padding: 6px; color: #666; font-size: 0.9em; line-height: 1.3em; } .mo_details_data_envkv1 { float: left; list-style: none; padding: 0; margin-top: 9px; margin-bottom: 0; width: 240px;} .mo_details_data_envkv1 label { float: left; width: 77px; } .mo_details_data_envkv1 span { float: left; font-weight: bold; width: 120px; } .mo_details_data_envkv2 { float: left; list-style: none; padding: 0; margin-top: 9px; margin-bottom: 0; width: 340px;} .mo_details_data_envkv2 label { float: left; width: 125px; } .mo_details_data_envkv2 span { float: left; font-weight: bold; width: 215px; } .envkvConsumpt {margin-top: 15px; width: 560px; float: left; } .envkvConsumpt ul {list-style: none; padding: 0; margin: 0; float: left;} .envkvConsumpt h2 {width: 240px; padding: 0; margin: 0; font-size: 1.1em; font-family: Verdana,Arial,Helvetica,"Trebuchet MS",sans-serif;} .envkvConsumpt span { font-weight: bold; width: 220px; } .envkvConsumpt label{ float: left; width: 120px; } div.envkvConsumpt li span {font-style: italic;} li.SUPPORTED_FUELTYPES span.LOWEST_EMISSION_FUELTYPE {font-style: italic; display: inline; float: none;} .mo_GenVKV { font-size: 0.79em; margin-bottom: 20px; line-height: 1.4em; } h5.mo_GenVKV { margin-bottom: 0px; } .co2_efficiency label {font-weight: bold; font-size: 1.1em; font-family: Verdana,Arial,Helvetica,"Trebuchet MS",sans-serif; } body.search.details .co2 {margin-top: 5px; position: relative; width: 370px; } body.search.details .co2 div {color: white; font-weight: bold; margin-bottom: 5px; height: 19px; padding-left: 5px; background-image: url('http://assets.motoso.de/images/v8/v12/co2-arrow-right.gif'); background-position: right -51px; background-repeat: no-repeat; } body.search.details .Aplus {background-color: #009035; width: 109px; } body.search.details .A {background-color: #009035; width: 122px; } body.search.details .B {background-color: #56AA26; width: 142px; } body.search.details .C {background-color: #C9D004; width: 161px; } body.search.details .D {background-color: #FFF001; width: 180px; } body.search.details .E {background-color: #FFBC01; width: 198px; } body.search.details .F {background-color: #EA6812; width: 218px; } body.search.details .G {background-color: #E10217; width: 237px; } body.search.details .co2 div.blackArrow {background-color: black; height: 31px; width: 88px; position: absolute; right: 0; text-align: right; padding-left: 0px; padding-right: 5px; font-size: 1.7em; line-height: 1.4em; background-image: url('http://assets.motoso.de/images/v8/v12/co2-arrow-left.gif');background-position: left -45px; background-repeat: no-repeat;} body.search.details .blackArrow.Aplus {top: -6px; } body.search.details .blackArrow.A {top: 18px; } body.search.details .blackArrow.B {top: 42px; } body.search.details .blackArrow.C {top: 66px; } body.search.details .blackArrow.D {top: 90px; } body.search.details .blackArrow.E {top: 114px; } body.search.details .blackArrow.F {top: 138px; } body.search.details .blackArrow.G {top: 162px; } /* fb apps - Verlage Zeitungseite */ body.searchresultNewspaper .motoso_center, body.searchresultNewspaper .mo_body_content_only, body.searchresultNewspaper .motoso_center .mBoxGroup4 { width: 520px; margin: 0; } body.searchresultNewspaper .mo_list { display: block; width: 150px; border: 1px solid black; margin: 2px; padding: 2px 3px; text-align: justify; overflow: hidden; text-decoration: none; } body.searchresultNewspaper .mo_list * { display: inline; width: auto; height: auto; font-size: 11px; line-height: 13px; font-weight: normal; color: #222; background: none; text-decoration: none; border: none; } body.searchresultNewspaper .mo_list .mo_headline { font-weight: bold; } body.searchresultNewspaper .mo_list img { width: 156px; height: 118px; margin: -2px -3px 5px; padding: 0; float: none; display: block; } body.searchresultNewspaper .mo_list ul, body.searchresultNewspaper .mo_list ul li, body.searchresultNewspaper .mo_list div.mo_list_content { float: none; padding: 0; } body.searchresultNewspaper div.newspaperView {width: 520px; height: 700px; overflow: hidden; font-size: 11px; position: relative;} body.searchresultNewspaper div.mDefaultBox2 {width: 490px; margin-right: 15px; background-color: white;} body.searchresultNewspaper .mo_list div.mo_list_content {display: inline;} body.searchresultNewspaper .mo_list label {display: none;} body.searchresultNewspaper .mo_list.noImg img, body.searchresultNewspaper .mo_list a.placeholderImg img {display: none;} body.searchresultNewspaper .mo_list .mo_link_area {display: none;} body.searchresultNewspaper .mo_list .mo_enVKV { display: none;} body.searchresultNewspaper .mo_list span.postalCode { display: none;} body.searchresultNewspaper h1.pageHead { border-top: 1px solid #222; border-bottom: 1px solid #222; padding: 5px; font-size: 1.2em; float: left; width: 480px; margin: 0;} body.searchresultNewspaper h1.pageHead .brand {float: left; width: 200px;} body.searchresultNewspaper h1.pageHead .page {float: right; width: 100px; text-align: right;} body.searchresultNewspaper .content {clear: both;} body.searchresultNewspaper div.pagerPrev, body.searchresultNewspaper div.pagerNext {background-color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} body.searchresultNewspaper div.pagerPrev.true, body.searchresultNewspaper div.pagerNext.true {background-color: #ddd; background-repeat: repeat-y;} body.searchresultNewspaper div.pagerNext {margin-left: 15px;} body.searchresultNewspaper div.pagerPrev.true {background-image: url('/images/fb/fb-arrow-prev.gif'); background-position: top left; } body.searchresultNewspaper div.pagerNext.true {background-image: url('/images/fb/fb-arrow-next.gif'); background-position: top right;} body.searchresultNewspaper div.pagerPrev a.prev { display: block; width: 15px; position: absolute; top: 0px; bottom: 0px; text-decoration: none;} body.searchresultNewspaper div.pagerPrev a.next { display: block; width: 15px; position: absolute; top: 0px; bottom: 0px; right: 0; text-decoration: none;} body.searchresultNewspaper .brands .catalogLinks {margin-left:15px; border: none; padding-top: 10px; padding-bottom: 10px;} body.searchresultNewspaper .brands .catalogLinks a {margin-right:5px;} body.searchresultNewspaper .brands .catalogLinks a, body.searchresultNewspaper .brands .catalogLinks a:active, body.searchresultNewspaper .brands .catalogLinks a:visited {color: #222;} body.details.fb {margin: 0; padding: 0;} body.details.fb .mo_head, body.details.fb .mo_sub_nav, body.details.fb .mFoot, body.details.fb .mFullsizeAd, body.details.fb .motoso_shadow_top, body.details.fb .motoso_shadow_bottom, body.details.fb .motoso_right, body.details.fb .mo_details_toolbox, body.details.fb .mCrumbsNavigation, body.details.fb .mo_details_area, body.details.fb .mo_details_link_video, body.details.fb .mo_details_contact_form, body.details.fb .mo_details_seller_action, body.details.fb .mo_details_seller_data a, body.details.fb .mDetailSideContent, body.details.fb .mo_details_image a.imagePopup {display: none;} body.details.fb .motoso.mo_body, body.details.fb .motoso_center, body.details.fb .motoso_shadow, body.details.fb .mContent, body.details.fb .mContent .mo_details_content, body.details.fb .mo_details_side {width: 520px; overflow: hidden;} body.details.fb .motoso_shadow, body.details.fb .motoso_center {background: none;} body.details.fb .mo_details_image {width: 200px;} body.details.fb .mo_details_image img {width: 200px;} body.details.fb .mo_details_side {clear: both; float:left; margin-top: 20px;} body.tellAFriend {margin: 10px;} /* searchresults refactoring */ .mo_body span.mo_pageheadline {background-color: white; color: #666; font-weight: normal;} .mo_body span.mo_pageheadline em {font-style: normal; color: #222; font-weight: bold;} span.mo_pageheadline h1 {display: inline; font-size: 1em;} div.maSaveSearchAction {display: inline;} #singleFacetDiv_ {display: none;} * html .mHPTeaserBox .mHPTeaserImg { width: 85px; height: 61px; margin: 4px 5px; } * html .mHPTeaserBox .mHPTeaserImg img { width: 85px; } * html .mHPTeaserBox { width: 98px; } * html #searchRequestPartDiv .mFormBox { width: 595px; margin-right: 0px; } *html .hpContentMain_search_left .mSingleFacet select { width: 99px!important; } *html .hpContentMain_search_left #mFacetQuery { width: 215px; } *html .hpSearchBox_content div { padding-left: 0px; margin-left: 50px; } *html .maButtonSearch input{ margin: 0; padding: 10 0 0 20px!important; } *html .hpSearchBoxAttributes { padding: 0px; margin: 0px;} *html .landingpage #teaser {margin-bottom: 6px;} *html .landingpage #searchBox .detailsSearchFormLine {margin-top:3px;}/** * POPUP CONTAINER STYLES */ #popupMask { position: absolute; z-index: 200; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .4; filter: alpha(opacity=40); /* this hack is so it works in IE * I find setting the color in the css gives me more flexibility * than the PNG solution. */ /*background-color:transparent !important;*/ background-color: #000; /* this hack is for opera support * you can uncomment the background-image if you don't care about opera. * this gives you the flexibility to use any bg color that you want, instead of the png */ /*background-image*//**//*: url("maskBG.png") !important; // For browsers Moz, Opera, etc.*/ /*background-image:none;*/ /*background-repeat: repeat;*/ display:none; } #popupContainer { position: absolute; z-index: 201; top: 0px; left: 0px; display:none; padding: 0px; } #popupInner { border: 1px solid #000000; background-color: #ffffff; } #popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 202; } #popupTitleBar { background-color: #a02; color: #ffffff; font-weight: bold; height: 1.3em; padding: 5px; border-bottom: 1px solid #000000; /*border-top: 1px solid #000000;*/ /*border-left: 1px solid #000000;*/ /*border-right: 1px solid #000000;*/ position: relative; z-index: 203; } #popupTitle { float:left; font-size: 1.1em; } #popupControls * { font-size: 1.1em; float: right; cursor: pointer; cursor: hand; color: white; text-decoration: none; font-weight: normal; }