/* 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] [] */ html, body { margin: 0px; padding: 0px; } div.motoso { font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif; font-size: 11px; line-height: 1.5em; color: #222; } body { width: 100%; height: 100%; background-color: white; } form { margin: 0px; padding: 0px; } .v8mod { display: none; } a:link { color: #004dc1; } a:visited { color: #004dc1; } a:hover { color: #a02; } a:active { color: #004dc1; } 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; } hr { border: 1px solid #bbb; height: 1px; } .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.2em; } .blue { color: #004dc1; } .blue_form { color: #558dd5; } .yellow { color: #fefe99; } .error { color: #a02; font-size: 1.2em; line-height: 1.2em; } .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 { float: left; width: 1196px; margin: 0px; padding: 0px; } .motoso_center { float: left; width: 960px; margin: 0px; padding: 0px; } .motoso_left { float: left; width: 10px; height: 1px; } .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/mBackShadow_middle.gif'); } .motoso_shadow_top { width: 960px; height: 20px; position: absolute; top: 0px; left: 0px; background: url('http://assets.motoso.de/images/v8/mBackShadow_top.gif'); } .motoso_shadow_bottom { width: 960px; height: 20px; margin-top: -20px; position: relative; background: url('http://assets.motoso.de/images/v8/mBackShadow_bottom.gif'); } .mContent, .mFullsizeAd, .mHead, .mFoot, .mAdWords, .mIndexMap, .mSearchBox, .mySubNavigation, .myYellowSubNavigation, .myEmptyYellowSubNavigation { 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: 100%; } .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; } .mBannerHidden * { visibility: hidden; } /* --- */ /* SubNavigation | [m] [m] */ .mySubNavigation { background-color: #cedff3; margin-top: 1px; } .mySubNavigation ul { margin: 0px; padding: 0px; list-style: none; } .mySubNavigation ul li { float: left; } .mySubNavigation ul li a, .mySubNavigation ul li .disabled { display: block; height: 40px; float: left; padding: 0px 10px 0px 10px; margin-left: 1px; background-color: #cedff3; font-size: 1.1em; font-family: Arial, Verdana; text-decoration: none; position: relative; color: #666666; } .mySubNavigation ul li a { color: #222; cursor: pointer;} .mySubNavigation ul li .mySubNavText { line-height: 40px; white-space: nowrap; } .mySubNavigation ul li .mySubNavImage { margin-right: 5px; } .mySubNavigation ul li a * { vertical-align: middle; margin-top: -1px; } .mySubNavigation ul li a:visited { color: #222; } .mySubNavigation ul li a:hover .mySubNavText { text-decoration: underline; } #mySubNavigation_content { width: 650px; margin: 0px auto; } #mzSubNavigation_content { width: 645px; margin: 0px auto; } #msSubNavigation_content { width: 475px; margin: 0px auto; } #msSubNavVehicles .mySubNavImage img { width: 37px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subNav_vehicles.gif') no-repeat; } #msSubNavVehicles .mySubNavImage_on img { width: 37px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subNav_vehicles_on.gif') no-repeat; } #msSubNavClassifieds .mySubNavImage img { width: 20px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subNav_classifieds.gif') no-repeat; } #msSubNavClassifieds .mySubNavImage_on img { width: 20px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subNav_classifieds_on.gif') no-repeat; } #msSubNavServices .mySubNavImage img { width: 27px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subNav_services.gif') no-repeat; } #msSubNavServices .mySubNavImage_on img { width: 27px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subNav_services_on.gif') no-repeat; } /* SubSubNavigation | [m] [m] */ .myEmptyYellowSubNavigation { background-color: white; } .myYellowSubNavigation { background-color: #e9f3fc; } .myYellowSubNavigation ul { margin: 0px; padding: 0px; list-style: none; } .myYellowSubNavigation ul li { float: left; } .myYellowSubNavigation a, .myYellowSubNavigation .disabled { display: block; height: 40px; float: left; padding: 0px 8px 0px 8px; margin-left: 1px; background-color: #e9f3fc; font-size: 1.1em; font-family: Arial, Verdana; text-decoration: none; position: relative; } .myYellowSubNavigation a { cursor: pointer; color: #222; } .myYellowSubNavigation .disabled { color: #666666; } .myYellowSubNavigation ul li .mySubNavText { line-height: 40px; white-space: nowrap; } .myYellowSubNavigation ul li .mySubNavImage { margin-right: 5px; } .myYellowSubNavigation ul li a * { vertical-align: middle; margin-top: -1px; } .myYellowSubNavigation a:visited { color: #222; } .myYellowSubNavigation a:hover .mySubNavText { text-decoration: underline; } #msYellowSubNavVehiclesCar * img { width: 41px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subSubNav_car.gif') no-repeat; } #msYellowSubNavVehiclesBike * img { width: 28px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subSubNav_bike.gif') no-repeat; } #msYellowSubNavVehiclesCaravan * img { width: 37px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subSubNav_caravan.gif') no-repeat; } #msYellowSubNavVehiclesTruck * img { width: 35px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subSubNav_truck.gif') no-repeat; } .mz_groups { width: 530px !important; margin: 0px auto; } .mz_profiles { width: 530px !important; margin: 0px auto; } .mz_specials { width: 530px !important; margin: 0px auto; } .my_classifieds { width: 530px !important; margin: 0px auto; } .my_orders { width: 350px !important; margin: 0px auto; } .my_account { width: 900px !important; margin: 0px auto; } #msLovelyYellow_content { width: 480px; margin: 0px auto; } #myLovelyYellow_content { width: 900px; margin: 0px auto; } #mzLovelyYellow_content { width: 480px; margin: 0px auto; } /* Content TabNavigation | [m] [m] */ .mTabNavigation ul { margin: 0px; padding: 0px; list-style: none; } .mTabNavigation ul li { float: left; } .mTabNavigation ul li a { display: block; line-height: 27px; padding: 0px 10px; margin-right: 1px; cursor: pointer; color: white; background-color: #7195af; font-size: 1.1em; font-family: Arial, Verdana; text-decoration: none; } .mTabNavigation ul li a:visited { color: white; } .mTabNavigation ul li a:hover { color: white; text-decoration: underline; } .mTabNavigation ul li a.mTabNavPointON { color: #a02 !important; background-color: #e1eaf3 !important; font-weight: bold; } /* classifieds tab navi */ .mClassifiedsTabNavi { margin-top: -1px; border-top: 1px solid #848484; } #editClassifieds .mClassifiedsTabNavi { margin-top: 0px; border-top: none; } a.mSelectedCategory { color: #aa0022; } /*---*/ /* 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; } /*---*/ /* Box for further results | [sto] [] */ #furtherResultsBox {width:100%; font-family: Verdana, sans-serif; font-size: 11px; margin-top: 3px; margin-bottom: 3px;} #furtherResultsBox .boxHead {width:920px; height:9px; background: transparent url('http://assets.motoso.de/images/v8/details_googlebox_top.gif') no-repeat;} #furtherResultsBox .boxMain {border-width: 0px 1px 1px 1px; border-style: solid; border-color: #848484; width:908px; padding: 0px 5px 5px 5px;} #furtherResultsBox .staticPart {float:left; width:33%;} #furtherResultsBox .dynamicPart {float:right; width:66%;} #furtherResultsBox .heading {font-size: 12px; font-weight: bold; border-bottom: 1px dotted #848484; width:100%;} #furtherResultsBox .boxMain ul {list-style-type:none; margin-left: 0px; padding-left: 0px; margin-top: 2px;} #furtherResultsBox .dynamicPart li {width: 50%; float:left;} #furtherResultsBox a {color:#222222 !important; text-decoration: underline;} #furtherResultsBox a:hover {color:#BC2123 !important;} #furtherResultsBox .furtherResultsLink {font-weight: bold; margin-top:3px;} /*---*/ /* Box with links for further results | [gr] [] */ #srFurtherResultsBox {width:100%; font-family: Verdana, sans-serif; font-size: 11px; margin-top: 3px; margin-bottom: 3px;} #srFurtherResultsBox .heading {font-size: 12px; font-weight: bold; border-bottom: 1px dotted #848484; width:100%;} #srFurtherResultsBox .dynamicPart { width:100%; } #srFurtherResultsBox .dynamicPart li {width: 50%; float:left;} #srFurtherResultsBox a {color:#222222 !important; text-decoration: underline;} #srFurtherResultsBox a:hover {color:#BC2123 !important;} /* Content Definition | [m] [m] */ .mBoxGroup1 { float: left; width: 300px; margin-right: 10px; } .mBoxGroup1 .mLoginInput { width: 212px; } .mBoxGroup2 { float: left; width: 440px; margin-right: 10px; } .mBoxGroup3 { float: left; width: 160px; } .mBoxGroup4 { float: left; width: 610px; } .mBoxGroup5 { float: left; width: 750px; margin-right: 10px; } .mBoxGroup7_left { float: left; width: 399px; margin-right: 6px; } .mBoxGroup7_right { float: left; width: 399px; } .mLoginPage .mBoxGroup7_left { float: left; width: 372px; margin-right: 6px; } .mLoginPage .mBoxGroup7_right { float: left; width: 372px; } .mzBoxGroup9_left { float: left; width: 395px; } .mzBoxGroup9_right { float: left; width: 315px; } .mzBoxGroup9_left .mzBox { margin: 0px 40px; } /* 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; } .mLinkBox ul { list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; } .mLinkBox ul li * { vertical-align: middle; font-size: 1.2em; } .mLinkBox ul li { height: 46px; margin-bottom: 2px; background: url('http://assets.motoso.de/images/v8/mLinkBox_onBlue_right.gif') right no-repeat; } .mLinkBox ul li a { height: 46px; width: 140px; position: relative; display: block; background: url('http://assets.motoso.de/images/v8/mLinkBox_onBlue_left.gif') left no-repeat; font-size: 9px; text-decoration: none; color: #222; } .mLinkBox ul li span { cursor: pointer; position: absolute; top: 6px; left: 70px; color: #222; } /*---*/ /* 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; } #msBrowseBikeVehicles .mLinkBox ul li a { width: 120px; } /* 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: 90px !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 h2 { font-size: 1.3em; color: #a02; display: block; } .msBrowseClassifieds .mLinkBox ul li { float: left; margin-top: 5px; background: url('http://assets.motoso.de/images/v8/mLinkBox_onWhite_right.gif') right no-repeat; } .msBrowseClassifieds .mLinkBox ul li a { text-decoration: none; width: 450px; background: url('http://assets.motoso.de/images/v8/mLinkBox_onWhite_left.gif') left top no-repeat; } .msBrowseClassifieds .mLinkBox ul li span { position: absolute; top: 10px; left: 80px; cursor: pointer; font-size: 14px; } .msBrowseClassifieds .mLinkBox ul li .subline { position: absolute; top: 28px; left: 80px; font-size: 9px; } .msBrowseClassifieds img { position: absolute; top: 1px; left: 8px; } .msClassifiedsSearch { float: left; width: 450px; } .msClassifiedsSearch .msFields .content_left, .msClassifiedsSearch .msFields .content_right { float: left; width: 440px; padding-left: 10px; margin-left: 0px !important; } .msClassifiedsSearch .msFields .mFormSelect, .msClassifiedsSearch .msFields .mFormInput { width: 215px !important; } .msClassifiedsSearch .msFields .mFormSelect select, .msClassifiedsSearch .msFields .mFormInput input { width: 200px; } .msClassifiedsSearch #msVCS_newUsedPart label, .msClassifiedsSearch #msVCS_tuningPart label, .msClassifiedsSearch #msVCS_withWithoutImage label { display: inline; margin: 0; width: 0; } #msClassifiedsSearch #msVCS_newUsedPart input, #msClassifiedsSearch #msVCS_tuningPart input, #msClassifiedsSearch #msVCS_withWithoutImage input { margin: 0 5px 0 10px; width: auto; } .msClassifiedsSearch #f_vehicle_keywords { width: 414px; } .msClassifiedsSubmitAction { float: left; height: 62px; width: 415px; padding: 20px; border: 0px; margin: 10px 10px 10px 0px; } .msClassifiedsServiceAction { float: left; margin: 10px 0px; } /* 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 .msGarageSearchBox { 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, .msServicesSearch .msGarageSearchBox .content { background: none; margin-top: 24px; } .msServicesSearch .msTopServiceSearchBox .maButtonRed, .msServicesSearch .msGarageSearchBox .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_garageSearch, .content_icon_serviceSearch { position: absolute; top: 4px; left: 5px; width: 60px; height: 66px; } .content_icon_garageSearch { background: url('http://assets.motoso.de/images/v8/icon_garageSearchHeadline.gif') no-repeat; } .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 h2 { color: #000; cursor: pointer; position: absolute; top: 20px; left: 20px; font-size: 1.4em; line-height: 1.2em; } .msServiceActionBox h2 span { color: #a02; cursor: pointer; } .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; } .msServiceActionBox #msGarageActionBox_image { width: 80px; height: 80px; position: absolute; top: 8px; right: 20px; background: url('http://assets.motoso.de/images/v8/icon_serviceGarageActionBox.gif') no-repeat; } .msServiceAction { float: left; margin: 10px 10px 10px 0px; } .msGarageAction { float: left; margin: 10px 0px; } /*---*/ .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; } /* DealerInfo */ .mDealerBox2 * ul * { margin-bottom: 4px; } /* SearchBox | [m] [m] */ /* .mSearchBox { padding-top: 15px; padding-left: 50px; text-align: left; position: absolute; top: 64px; left: 0px; z-index: 20; } .mSearchBox a { font-family: Arial; font-size: 1em; } .mSearchBox .mSearchFields { float: left; width: 560px; } .mSearchInput { padding: 2px 2px; width: 300px; height: 18px; font-size: 1.4em; border: 1px solid #848484; border-left: 0px; border-right: 0px; font-family: Arial; } .mSearchBox select { width: 200px; } .mExampleQueries { position: absolute; top: 103px; left: 75px; z-index: 20; } .mExampleO2PQueries { position: absolute; top: 103px; left: 75px; z-index: 20; display: none; } .mSearchBox * { vertical-align: middle; } .mSeachBox_lens_image { width: 18px; height: 20px; background: url('http://assets.motoso.de/images/v8/mSearch_lupe.gif') no-repeat; } */ /* Filialensuche | [m] [] */ .mSBranch { background-color: #fefe99; } .mSBranch * .left { float: left; } .mSBranch * .left * { vertical-align: middle; } .mSBranch * .right { float: left; } .mSBranch * .right * { vertical-align: middle; } /* Garage Entry */ .mGarageEntry .left, .mGarageEntryDetail .left { float: left; text-align:right; width: 110px; margin-right: 5px; margin-top: 5px; } .mGarageEntry .right { float: left; text-align:left; width: 200px; margin-top: 5px; } .mGarageEntryDetail .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: #a02; font-weight: bold; font-size: 1.2em; } .mSRPager * .left { float: left; width: auto; } .mSRPager * .right { float: right; width: 220px; text-align: right; } .mSRPager .content * { vertical-align: middle; } .mSRListBoxVehicles, .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; } .mSRListBoxVehicles .mSRListBox .headline { background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_center.gif') repeat-x; } .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; } .mSRListBoxVehicles .mSRListHeadline_left { position: absolute; top: 0px; left: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_left.gif') no-repeat; } .mSRListBoxVehicles .mSRListHeadline_right { position: absolute; top: 0px; right: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_right.gif') no-repeat; } .mSRListBoxClassifieds .mSRListHeadline_left { position: absolute; top: 0px; left: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchClassified_left.gif') no-repeat; } .mSRListBoxClassifieds .mSRListHeadline_right { position: absolute; top: 0px; right: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchClassified_right.gif') no-repeat; } .mSRListBoxService .mSRListHeadline_left { position: absolute; top: 0px; left: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchService_left.gif') no-repeat; } .mSRListBoxService .mSRListHeadline_right { position: absolute; top: 0px; right: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchService_right.gif') no-repeat; } .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 .left { float: left; width: 100px; text-align: left; margin-left: 15px; } .mOrderListBox .content_left .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; } .mSRListBoxServiceSpecial { width:550px; margin-bottom: 4px; background-color: #fff; border: 1px solid #999; } .mSRListBoxSpecial .headline { padding: 1px 1px; background-color: #B8B8B8; } .mSRListBoxSpecial .headline h2 { font-size: 0.8em; } .mSRListBoxSpecial .headline a { text-decoration: none; color: #fff; } .mSRListBoxSpecial .content_left { float: left; width: 550px; line-height: 1.2em; font-size: 0.8em; } .mSRListBoxSpecial .content_left p { padding: 0px; margin: 0px 0px 2px 0px; } .mSRListBoxSpecial .content_right { float: right; width: 223px; line-height: 1.2em; font-size: 0.8em; } /* 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: 822px;} div.mDetailsXXLImagesBox { width: 502px; overflow: hidden; float: left; margin-right: 10px;} #mDetailsXXLImagesHeadline { position: static; height: 40px; width: 502px !important;} #mDetailsXXLImagesHeadline .mIndexBoxSearch_left, #mDetailsXXLImagesHeadline .mIndexBoxSearch_right { height: 40px !important; } #mDetailsXXLImagesHeadline .mIndexBoxSearch_center { width: 492px !important; height: 40px !important; } /*#mDetailsXXLImagesShowcase { width: 480px !important; border: 1px solid #848484; padding: 10px; } */ #mDetailsXXLImagesShowcase .mDetailsImageBig { float: left; width: auto; text-align: left; } #mDetailsXXLImagesShowcase .mDetailRectangle300Ad { float: right; } #mDetailsXXLImagesShowcase .mDetailsImageSmallBox { width: 480px; 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;} .mDetailData { position: relative; width: 918px; border: 1px solid #848484; } .mDetailTechData { float: left; width: 600px; } .mDetailSide { float: right; width: 300px; } .mDetailPreviewButtons { width: 920px; padding: 0px 0px 4px 0px; } .mDetailPreviewButtons form div { margin-left: 5px; } .mDetailPreviewButtons input { width: 140px !important; } #mDetailHeadlineType { position: static; width: 920px; height: auto; } #mDetailHeadlineType .mIndexBoxSearch_left, #mDetailHeadlineType .mIndexBoxSearch_right { height: 40px !important; } #mDetailHeadlineType .mIndexBoxSearch_center { width: 910px; height: 40px !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_content { font-size: 1.04em; padding: 0px; } .dc_content_price { font-size: 1.1em; padding: 0px; } .dc_content_price span { font-size: 1.2em; font-weight: bold; } .dc_adData { margin-top: 0px; } .dc_label, .dc_data, .dc_label_vehicle, .dc_data_vehicle { display: block; float: left; margin: 0px; } .dc_label { display: block; float: left; width: 200px; font-weight: normal; } .dc_data { display: block; float: left; width: 400px; font-weight: bold; } .dc_label_vehicle { display: block; float: left; width: 135px; font-weight: normal; } .dc_data_vehicle { display: block; float: left; width: 165px; font-weight: bold; } .dc_attributes_vehicle { float: left; width: 300px; } .dc_sellerArticleId { padding: 8px 0; } .dc_space { display: block; margin: 8px 0px; background-color: white; height: 2px; } .dc_actionButtons { margin: 0px !important; float: right; } .dc_actionButtons ul { list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; } .dc_actionButtons ul li * { vertical-align: middle; } .dc_actionButtons ul li { float: right; height: 24px; width: 150px; margin-right: 5px; background: url('http://www.motoso.de/images/v8/buttons/maButton_blue_3d_right.gif') right center no-repeat; } .dc_actionButtons ul li span, .dc_actionButtons ul li a { line-height: 24px; width: 150px; position: relative; display: block; background: url('http://www.motoso.de/images/v8/buttons/maButton_blue_3d_left.gif') left center no-repeat; text-align: center; font-size: 10px; text-decoration: none; color: black; cursor: pointer; font-weight: bold; } .dc_shopActionButton ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } .dc_shopActionButton ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } .dc_shopActionButton ul li * { vertical-align: middle; } .dc_shopActionButton ul li { float: left; height: 24px; width: 180px; margin-right: 5px; background: url('http://assets.motoso.de/images/v8/buttons/maButton_green_3d_right.gif') right center no-repeat; } .dc_shopActionButton ul li a { line-height: 24px; width: 180px; position: relative; display: block; background: url('http://assets.motoso.de/images/v8/buttons/maButton_green_3d_left.gif') left center no-repeat; text-align: center; font-weight: bold; font-size: 10px; text-decoration: none; color: #222; } .mDetailsCrumbs { color: #666; margin-bottom: 6px; } .mDetailsCrumbs a { color: #666; text-decoration: none; } .mDetailSellerData { width: 590px; margin-top: 20px; float: left; position: relative; } .mDetailSellerData .content { width: 200px; } .mDetailSellerData .content_left { float: left; padding: 6px; width: 250px; font-size: 1.1em; padding-left: 62px; overflow: hidden; } .mDetailSellerData .content_right { float: left; padding: 6px; width: 250px; font-size: 1.1em; } .mDetailSellerData .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_sheet.gif') left top no-repeat; background-color: white;} .mDetailSellerData .maButtonSubmit { width: 136px; margin: 5px 5px 0px 0px; } .mDetailSellerData .maButtonSubmit input { width: 136px; } .mDetailsToolBox { width: 300px; margin-left: 5px; text-align: center; } .mDetailsToolBox * { vertical-align: middle; } .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: 14px; } .dcf_captcha_field { width: 197px; position: absolute; left: 6px; top: 0px; } .dcf_captcha_arrow { width: 42px; height: 30px; position: absolute; left: 220px; top: 10px; background: url('http://assets.motoso.de/images/v8/icon_arrow_blue.gif') no-repeat; } .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;} /* Map Overlay | [m] [m] */ #mapFormOverlay { display: none;} #mapFormOverlay, #mapFormOverlay div.mDetailsContact, #mapFormOverlay div.mDetailsContactForm {background: none;} #mapFormOverlay div.mDetailsContactForm {padding: 0px; margin: 0px;} #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: 0px 1px; background-color:white;} .formContainerPerfectionMask { position: absolute; bottom: 0px; right: -1px; z-index:1003; width: 1px; height: 10px; background-color: white; } /* Form Navigation */ .mFormNav { width: 502px; position: relative; z-index: 4; } .mFormNav .mNav ul li span.mNavLink { color: #222; background-color: #b1b1b1; } .mFormNav .mNav ul li span.mNavIn { float: left; display: block; width: 1px; height: 19px; margin-top: 1px; background-color: #b1b1b1; border-top: 1px solid #848484; } .mFormNav .mNav ul li span.mNavOut { float: left; display: block; width: 1px; height: 19px; margin-top: 2px; background-color: #848484; } .mFormNav .mNav ul li a.mNavPointON span.mNavLink { background-color: #e9e7e7; border-bottom: 1px solid #e9e7e7; } .mFormNav .mNav ul li a.mNavPointON span.mNavIn { background-color: #e9e7e7; border-bottom: 1px solid #e9e7e7; } /* 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 { float: left; width: 251px; } .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: #7195af; 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: #7195af; } /* Headlines with anker | [m] [m] */ .mAnkerHeadline { background-color: #7195af; color: white; padding: 2px 4px; } .mAnkerHeadline .mHeadline { background-color: #7195af; float: left; color: white; } .mAnker { background-color: #7195af; float: right; text-align: right; width: 150px; padding-right: 6px; margin: -1px 0px; } .mAnker .content { background-color: #7195af; padding: 0px; } .mAnker a { background-color: #7195af; 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; } .mMapBox { visibility: hidden; } #map, #biMap { width: 590px; height: 300px; border: 1px solid #ccc; margin: auto auto;} #biMap { width: 298px;} #mapData { position: relative; top: -282px; float: right; margin-right: 2px; } #mapData div { padding: 4px; margin-top: 1px; margin-right: 1px; background-color: white; color: #222; } #mapData a { color: #222; text-decoration: none; } #mMapGarageHits { width: 907px; height: 284px; 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; } /* G2 | [m] [m] */ .mFormBox_G2 .mFormBox .content .left { float: left; width: 130px; margin-top: 6px; font-weight: bold; } .mFormBox_G2 .mFormBox .content .right { float: left; width: 238px; margin-top: 6px; overflow: hidden; } .mFormBox_G2 .mFormBox .content .right select { width: 200px; } .mFormBox_G2 .mFormBox .content .right input { width: 200px; } /* 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; } /* Search Request | [gr] [gr] */ .myVehicleDiv .content_left .left { width: 100px; } .myVehicleDiv .content_left .right { width: 164px; } .myVehicleDiv .content_left .right select { width: 156px; } .myVehicleDiv .content_left .right input { width: 150px; } .myVehicleDiv .content_right .left { width: 100px; } .myVehicleDiv .content_right .right { width: 164px; } .myVehicleDiv .content_right .right select { width: 156px; } .myVehicleDiv .content_right .right input { width: 150px; } .myVehicleDiv textarea { width: 524px; height: 80px; } .myDataDiv .mFormBox .content_left { float: left; width: 300px; padding: 3px 0px 3px 6px; } .myDataDiv .mFormBox .content_left .left { text-align: left; width: 100px; margin-top: 6px; font-weight: bold; } .myDataDiv .mFormBox .content_left .right { text-align: left; width: 164px; margin-top: 6px; overflow: hidden; } .myDataDiv .mFormBox .content_left .right select { width: 152px; } .myDataDiv .mFormBox .content_left .right input { width: 160px; } .myDataDiv .mFormBox .content_right { float: left; width: 323px; padding: 3px 0px 3px 6px; } .myDataDiv .mFormBox .content_right .left { text-align: left; width: 140px; margin-top: 6px; font-weight: bold; } .myDataDiv .mFormBox .content_right .right { text-align: left; width: 174px; margin-top: 6px; overflow: hidden; } .myDataDiv .mFormBox .content_right .right input { width: 170px; } /* advancedChooser | [gr] [] */ .advChooserBrand, .advChooserModel, .advChooserType, .advChooserVariant, .advChooserYOC, .advChooserYOCFrom, .advChooserYOCTo { margin: 2px; } /* simpleChooser | [gr] [] */ .simpleChooserBrand, .simpleChooserModel, .simpleChooserYOC { margin: 2px; } /* SearchRequestService | [gr] [gr] */ .extenedVehicleManualInput { padding-left: 12px; } .extenedVehicleManualInput .advancedChooser, .extenedVehicleManualInput #eVehicleInputDiv { margin-top: 6px; } .extenedVehicleManualInput .vehicle .left { float:left; width: 200px; font-weight: bold; } .extenedVehicleManualInput .vehicle .right { float:left; } .extenedVehicleManualInput .vehicle .advancedAdd { float:left; padding-top: 22px; } .extenedVehicleManualInput .vehicle .advancedChooser { float:left; width: 600px; } .extenedVehicleManualInput .vehicle .simpleAdd { float:left; padding-left: 5px; } .extenedVehicleManualInput .vehicle input { margin-bottom: 3px; } .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; } /*---*/ /* Register | [m] [m] */ .mRegisterFormBox .mFormBox_G6 .mFormBox { width: 910px; border: 1px solid #e9e7e7; background-color: #e1eaf3; } .mRegisterFormBox .mFormBox_G6 .mFormBox .content_left { background-color: transparent; float: left; width: 364px; padding: 3px 0px 3px 6px; } .mRegisterFormBox .mFormBox_G6 .mFormBox .content_left .left { background-color: transparent; text-align: left; width: 150px; margin-top: 6px; font-weight: bold; } .mRegisterFormBox .mFormBox_G6 .mFormBox .content_left .right { background-color: transparent; text-align: left; width: 210px; margin-top: 6px; } .mRegisterFormBox .mFormBox_G6 .mFormBox .content_right { background-color: transparent; float: left; width: 414px; padding: 3px 0px 3px 6px; } .mRegisterFormBox .mFormBox_G6 .mFormBox .content_right .left { background-color: transparent; text-align: left; width: 130px; margin-top: 6px; font-weight: bold; } .mRegisterFormBox .mFormBox_G6 .mFormBox .content_right .right { background-color: transparent; text-align: left; width: 240px; margin-top: 6px; } .mRegisterFormBox .mFormBox_G6 .mFormBox .content .left { background-color: transparent; float: left; width: 200px; text-align: left; font-weight: bold; margin-bottom: 4px; } .mRegisterFormBox .mFormBox_G6 .mFormBox .content .right { background-color: transparent; float: left; width: 372px; text-align: left; margin-bottom: 4px; } .mzGroupRegisterFormBox .mFormBox_G5 .mFormBox .content .left { float: left; width: 130px; text-align: left; font-weight: bold; margin-bottom: 4px; } .mzGroupRegisterFormBox .mFormBox_G5 .mFormBox .content .right { float: left; width: 200px; text-align: left; margin-bottom: 4px; } .mRegisterFormBox .content_bottom { background-color: transparent; padding: 10px 0px 0px 210px; } /* MyMotoso */ .mMyMotosoFormBox .mFormBox_G6 .mFormBox .content_left { float: left; width: 454px; padding: 3px 0px 3px 6px; } .mMyMotosoFormBox .mFormBox_G6 .mFormBox .content_left .left { text-align: left; width: 160px; margin-top: 6px; font-weight: bold; } .mMyMotosoFormBox .mFormBox_G6 .mFormBox .content_left .right { text-align: left; width: 230px; margin-top: 6px; } .mMyMotosoFormBox .mFormBox_G6 .mFormBox .content_right { float: none; width: 454px; padding: 3px 0px 3px 6px; } .mMyMotosoFormBox .mFormBox_G6 .mFormBox .content_right .left { text-align: left; width: 160px; margin-top: 6px; font-weight: bold; } .mMyMotosoFormBox .mFormBox_G6 .mFormBox .content_right .right { text-align: left; width: 230px; margin-top: 6px; } .mMyMotosoFormBox .mFormBox_G6 .mFormBox .content .left { float: left; width: 200px; text-align: left; font-weight: bold; margin-bottom: 4px; } .mMyMotosoFormBox .mFormBox_G6 .mFormBox .content .right { float: left; width: 330px; text-align: left; margin-bottom: 4px; } .mMyMotosoFormBox .mFormBox_G6 .mFormBox .content .left { width: 180px;} .mMyMotosoFormBox .mFormBox_G6 .mFormBox .content .right { width: 300px;} .mMyMotosoFormBox .mFormBox_G6 .mFormBox .companycolors { width: 325px; float: left;} .mMyMotosoFormBox .mFormBox_G6 .mFormBox .companycolors .right { width: 140px; margin-bottom: 20px;} .mMyMotosoFormBox .mFormBox_G6 .mFormBox div.companycolorinfo { width: 190px; float: right;} .mMyMotosoFormBox .mFormBox_G6 input.shorttext { width: 60px; } .mMyMotosoFormBox .mFormBox_G6 input.shorttext { width: 60px; } /* 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; } .mMyMotosoIndexBox_servicelister .content {padding: 0; } .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; } /*---*/ /* Speziallfall fuer MyMotoso | [m] [m] */ .mMyAccountBusiness .mFormBox_G6 .mFormBox .content_left { float: left; width: 370px; padding: 3px 0px 3px 6px; } .mMyAccountBusiness .mFormBox_G6 .mFormBox .content_left .left { text-align: left; width: 140px; margin-top: 6px; font-weight: bold; } .mMyAccountBusiness .mFormBox_G6 .mFormBox .content_left .right { text-align: left; width: 200px; margin-top: 6px; } .mMyAccountBusiness .mFormBox_G6 .mFormBox .content_right { float: right; width: 370px; padding: 3px 0px 3px 6px; } .mMyAccountBusiness .mFormBox_G6 .mFormBox .content_right .left { text-align: left; width: 140px; margin-top: 6px; font-weight: bold; } .mMyAccountBusiness .mFormBox_G6 .mFormBox .content_right .right { text-align: left; width: 200px; margin-top: 6px; } .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;} .myStatisticTable tr th { background-color: #999999; color: #fff; } .myStatisticTable tr td.row1 { background-color: #e9e6e6; color: #222; } .myStatisticTable tr td.row2 { background-color: #ccc; color: #222; } .mAvailableChars3 { font-size:9px; color:#aa0022; background-color:#E1EAF3; border-style:none; width:20px;} .mAvailableChars4 { font-size:9px; color:#aa0022; background-color:#E1EAF3; border-style:none; width:25px;} .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 Wizard | [or] [gr] */ .mO2PWizard_content .txt { width: 400px; } .mO2PWizard_content .txtarea { width: 404px; height: 100px; } .mO2PWizard_content .templateInput { float:left; width: 20px; margin-top: 8px; } .mO2PWizard_content div.templatePreview { float:left; width: 400px; padding: 5px;} div.loopIterationInfo h1, div.loopIterationInfo h2 {display: block; } div.loopIterationInfo h2, div.loopIterationInfo h3, div.loopIterationInfo h4 {font-size: 1em; font-weight: normal; line-height: 1.5em; margin: 0;} /* 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 { padding: 2px 2px; width: 130px; height: 14px; border: 1px solid #848484; border-left: 0px; border-right: 0px; font-size: 0.9em; } div.mRememberme * { vertical-align: middle; } div.mRememberme { margin-bottom: 6px; } .mSearchRequest .sr_left, .mSearchRequest .sr_right { float: left; width: 230px; font-weight: normal; } .mSearchRequest table tr td { width: 230px; text-align: center; font-weight: normal; } .mSearchRequest table tr td label { display: block; text-align: left; margin: 0px 0px -15px 10px; } .mSearchRequest table tr td.sr_center { width: 40px; text-align: center; font-weight: normal; } select.mSR_select { width: 230px; } .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; } div.searchRequestFormBox label { font-weight: bold; } /* 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;} div.catalogLinks {background-color: white; border-top: 1px solid #b02; padding: 5px; text-align: center;} div.catalogLinks a, div.catalogLinks a:visited {color: #666;} .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;} .mSocialBookmarks { margin: 10px 0px; text-align: center; } #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; } /* LoginBox */ .mLoginBoxMotozoneLinks * { vertical-align: middle; } /*---*/ .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 8px; } .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 | [gr] [l] */ div.dealerExtraInfo table.priceScale { border-collapse:collapse; width: 100%; } div.dealerExtraInfo table.priceScale tr.row1 td.content { background-color: #e9e7e7; } div.dealerExtraInfo table.priceScale tr.row2 td.content { background-color: #cccaca; } div.dealerExtraInfo table.priceScale td { padding: 2px 4px; } #dealerinfo h2 { margin: 0; padding: 3px 0 0 0; display: block; } #dealerinfo p { margin: 0 0 10px 0; width: 550px; } #dealerinfo ul { list-style: none; padding: 0 0 10px 0!important; margin: 0!important; } #dealerinfo ul * { list-style: none; margin: 0; padding:0; } #dealerinfo ul li img { padding-right: 5px; vertical-align: middle; } #dealerinfo #dealerInfoList { margin: 10px 0; } #dealerinfo #dealerInfoList p { width: 520px; padding-bottom: 5px; } #dealerinfo #dealerInfoList .dealerInfoImage { float: left; width: 75px; } #dealerinfo #dealerInfoList .dealerInfoImage img { display: block; margin: 5px auto 0px auto; } #dealerinfo #dealerInfoList #fon img { display: block; margin: 0 auto; } #dealerinfo #dealerInfoList .dealerInfoText { margin-left: 80px; } #dealerInfoList .dealerInfoText p { float: left; 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; } #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; } .mMailOrder { width: 435px; background-color: #FEFE99; padding: 10px 5px;} .mMailOrder .dcf_content_left { float: left; width: 200px; text-align: left; padding: 1px 1px 0px 6px; margin-bottom: 2px; font-weight: normal;} .mMailOrder .dcf_content_right { float: left; width: 221px; text-align: right; padding: 1px 6px 0px 1px; margin-bottom: 2px; } .mMailOrder hr { margin-left: 5px; width: 425px; } .mMailOrderCustomer .content .moc_content_left { float: left; width: 410px; } .mMailOrderCustomer .content .moc_content_right { float: left; width: 468px; } .mMailOrderCustomer .content .moc_content_left .left { float: left; width: 150px; text-align: left; padding: 1px 1px 0px 6px; margin-bottom: 2px;} .mMailOrderCustomer .content .moc_content_left .right { float: left; width: 220px; text-align: left; padding: 1px 6px 0px 1px; margin-bottom: 2px; } .mMailOrderCustomer .content .moc_content_right .left { float: left; width: 140px; text-align: left; padding: 1px 0px 0px 1px; margin-bottom: 2px;} .mMailOrderCustomer .content .moc_content_right .right { float: left; width: 220px; text-align: left; padding: 1px 6px 0px 1px; margin-bottom: 2px; } .mMailOrderConfirm .content .moc_content_left .left { float: left; width: 210px; text-align: left; padding: 1px 1px 0px 6px; margin-bottom: 2px;} .mMailOrderConfirm .content .moc_content_left .right { float: left; width: 185px; text-align: right; padding: 1px 6px 0px 1px; margin-bottom: 2px; } .mMailOrderConfirm .content .moc_content_right .left { width: 150px; } .mMailOrderConfirm .content .moc_content_right .right { width: 190px; } .mMailOrderConfirm hr { text-align: left; margin-left: 5px; } .mMailOrderConfirm .mButtonBox { float: left; width: 399px; text-align: right; margin-left: 5px; margin-top: 10px;} .mAlignTextBottom * { vertical-align: text-bottom; } #adLandingSearchBox .mExampleQueries {display: none; } #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; } /* 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.price, table#orderGrid-table td.shippingCost, table#orderGrid-table td.amount { text-align: right; } table#orderGrid-table td.id { text-align: center; } table#orderGrid-table td.status { text-align: center; } table#importJob-table td.login { text-align: center; } table#importJob-table td.type { text-align: center; } table#importJob-table td.bulkTable { text-align: center; } table#importJob-table td.currentPerTotalCount { text-align: center; } table#importJob-table td.processedCount { text-align: center; } table#importJob-table td.status { text-align: center; } /* 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 } 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: 5px; padding-left: 0px;} .maFacet { position: relative; float:left; 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;} 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; padding: 5px; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; background-color: white; } div.mSearchFacetsBar * { text-align: left;} div.mSearchFacetsBar div.mSingleFacet { padding-bottom: 5px; margin-bottom: 7px;} div.mSearchFacetsBar div.mSingleFacet h1 { color: black; font-weight:normal; font-size: 0.9em;} div.mSearchFacetsBar div.mSingleFacetAll {display:none;} 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;} /* div.mSearchFacetsBar ul li.domain_vehicles {border-left: 2px solid #fde65c; padding-left: 3px; } div.mSearchFacetsBar ul li.domain_partsAccessories {border-left: 2px solid #bc0023; padding-left: 3px; } div.mSearchFacetsBar ul li.domain_services {border-left: 2px solid #017acd; padding-left: 3px; } */ .search .mBoxGroup1 { width: 200px; } .search .mBoxGroup4 { width: 710px; } .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; } .mSearchFacetsBar, .mSearchGlobalFacetsBar { background: none; border-top: none;} .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; } /* 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} .myVehicleDiv .headline2, myDataDiv .headline2, .mFormBox_G4 .headline2 {color: #AA0022;} .mFormBox .headline2 {color: #222222;} /* styles concerning testdrive-landingpage | [sto] [] */ .testdrive { margin-top: 10px; } .testdrivetext { width: 500px; } .testdrivetext ul { color: #BA2121; padding-left: 15px; } .testdrivetext ul li span { color: #222222; } .testdrivetext h2 { margin-bottom: 4px; } .testdrivetext h2 a { color:#AA0022; font-size: 1.3em; } .testdrivetext h3 { font-size: 11px; } .noTopMargin { margin-top: 0px; } /* special styles for meinestadt details-page | [sto] [] */ #sidebarForDetails { float: left; width: 350px;} #similarClassifieds .detailListHeadline { font-weight: bold;} #similarClassifieds { width: 350px;} #similarClassifieds .content_center a { text-decoration: none; color:#222222;} #similarClassifieds .mSRListBox .content_left { width:90px;} #similarClassifieds .mSRListBox .content_center { width:250px; margin-left: 5px;} .selectedListEntry { background-color: #E1EAF3;} .selectedListEntry .content_left a { color:#AA0022 !important} #similarClassifieds .listHeadline { color: white; font-weight: bold; background-color: #7195AF; font-size: 1.3em; display: block; margin-bottom:5px; margin-top:20px; padding: 2px 4px;} #detailviewColumn { float: right; width: 560px;} #detailviewColumn .mDetailData { width: 558px; } #detailviewColumn .mDetailTechData { width: auto; } #detailviewColumn #mDetailHeadlineType { width: 560px; } #detailviewColumn #mDetailHeadlineType .mIndexBoxSearch_center { width: 550px; } #detailviewColumn #mDetailsImageSwitcher { position: relative; } #detailviewColumn #mDetailsImageSwitcher .mDetailsImageSmallBox { position: absolute; top: 0px; left: -95px; width: 100px; } #detailviewColumn #mDetailsImageSwitcher .mDetailsImageSmall0, #detailviewColumn #mDetailsImageSwitcher .mDetailsImageSmall1, #detailviewColumn #mDetailsImageSwitcher .mDetailsImageSmall2 { margin-bottom: 4px; } #detailviewColumn #mDetailsImageSwitcher .mDetailsToolBox { position: absolute; top: 0px; left: -235px; width: 110px; text-align: left; } #detailviewColumn #mDetailsImageSwitcher .mDetailsToolBox span { display: block; } #detailviewColumn #mDetailsImageSwitcher .mDetailsImageSmallBox {display: none;} #detailviewColumn #mDetailsXXLImagesCount {display: none;} #detailviewColumn #mDetailsXXLImages {display: block;} #detailviewColumn .dc_data { width: 300px; } #detailviewColumn .dc_data_vehicle { width: 135px !important; } #detailviewColumn .mDetailSideContent { display: none !important; } #detailviewColumn .mDetailSellerData { width: 550px !important; margin-left: 0; } #detailviewColumn .mDetailSellerData .content_left { width: 220px; padding: 6px 6px 6px 10px; } #detailviewColumn .mDetailSellerData .content_right { width: 220px; } #detailviewColumn .mDetailsContact { width:550px !important; } #detailviewColumn .mDetailsContactForm { width:550px !important; } #detailviewColumn .mDetailsContactForm .dcf_content_left { padding-left: 10px; } #detailviewColumn .mDetailsContactForm .dcf_captcha_label, #detailviewColumn .mDetailsContactForm .dcf_content_captcha{ margin-left: 10px; } #detailviewColumn .mCrumbsNavigation { height: auto !important; } #detailviewColumn #mapFormOverlay { display: none;} #detailviewColumn #mapFormOverlay #map { width: 540px; } #detailviewColumn #mapClose {right: 10px; } #detailSearchForm {width: 350px; margin-bottom: 10px;} #detailSearchForm .searchFormHeadline {color: white; font-weight: bold; background-color: #7195AF; font-size: 1.3em; display: block; padding: 2px 4px;} #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;} #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;} /* ---*/ /* styles for finance-comparison | [sto] [] */ .financeCompElement {width: 90px; margin: 2px; float:left;} .financeCompElement label, .financeCompElement select, .financeCompElement input {display: block; width: 82px;} .financeCompSubmit {margin-left: 2px; width:98px;} .financeCompSubmit input {width:98px;} .financeCompIndent {margin-left: 7px;} /* --- */ /* google adsense box */ div.mGoogleAdSense486_60 {margin: 10px auto; padding-top: 10px; border-top: 1px solid gray; } /* garage hits */ div.mSRListBoxService.mGarageHits .content_right {border: none; float: left; width: 700px; margin-left: 10px; height: auto; } #mO2pIcon {float: left; padding: 5px 0px 0px 0px;} #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.mO2pInvoice .mFormBox .content div.left {font-weight: normal; } div.mFormBox_G4.mO2pInvoice .mFormBox .content div.right {font-weight: bold; } 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.mFormBox_G4.mO2pTerms textarea {width: 900px; } 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; } div.individualIntervalBox input {width: 2em; } div.individualIntervalBox #yearFrom, div.individualIntervalBox #yearTo {width: 3.5em; } div.individualIntervalBox #yearTo {margin-right: 5px; } div.newspaperBox {margin-top: 7px; margin-bottom: 10px; } div.individualIntervalBox {margin-bottom: 7px; margin-top: 7px;} div#printAdArchiveFilterBox div.mFormBox div#intervalBox div.left { width: 80px; } /* 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 #markt-gruppe-leiste {display: 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: relative; top: -104px;} #mFullsizeAd.hockey.hockeyIE6 span {text-align: right; margin-right: 0px; padding-right: 0px;} #mSkyscraperAd.hockey.hockeyIE6 {top: -106px; 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;} /* navigation highlighting */ /* level 2 - mymotoso */ body.mymotoso.mymotoso_index li#mySubNavIndex a, body.mymotoso.mymotoso_classifieds li#mySubNavClassifieds a, body.mymotoso.mymotoso_orders li#mySubNavOrders a, body.mymotoso.mymotoso_account li#mySubNavBusinessAccount a, body.mymotoso.mymotoso_account li#mySubNavPrivateAccount a, body.mymotoso.mymotoso_statistic li#mySubNavStatistic a, body.mymotoso.mymotoso_printAd li#mySubNavMarkedForPrint a, body.mymotoso.mymotoso_searchRequest li#mySubNavSearchRequest a {color: #a02 !important; background-color: #e9f3fc; font-weight: bold; } /* level 3 - mymotoso */ body.mymotoso.mymotoso_classifieds.subNav_mymotoso_classifieds li#my_listclassifieds a, body.mymotoso.mymotoso_classifieds.subNav_mymotoso_newClassified li#my_newclassified a, body.mymotoso.mymotoso_classifieds.subNav_mymotoso_serviceTemplates li#my_servicetemplateswizard a, body.mymotoso.mymotoso_classifieds.subNav_mymotoso_vehicleImport li#my_vehicleImport a, body.mymotoso.mymotoso_classifieds.subNav_mymotoso_serviceTemplates li#my_servicetemplateswizard a, body.mymotoso.mymotoso_classifieds.subNav_mymotoso_markedForPrint li#my_showMarkedForPrint a, body.mymotoso.mymotoso_orders.subNav_mymotoso_newOrders li#my_newOrders a, body.mymotoso.mymotoso_orders.subNav_mymotoso_openOrders li#my_openOrders a, body.mymotoso.mymotoso_orders.subNav_mymotoso_orderArchive li#my_orderArchive a, body.mymotoso.mymotoso_account.subNav_mymotoso_showCompanyData li#my_showcompany_main a, body.mymotoso.mymotoso_account.subNav_mymotoso_showCompanyInfo li#my_showcompanydata a, body.mymotoso.mymotoso_account.subNav_mymotoso_orderStatus li#my_orderStatus a, body.mymotoso.mymotoso_account.subNav_mymotoso_showSellerContactSettings li#my_SellerContactSettings a, body.mymotoso.mymotoso_account.subNav_mymotoso_privateData li#my_showaccount_main a, body.mymotoso.mymotoso_account.subNav_mymotoso_statistics li#my_orderArchive a, body.mymotoso.mymotoso_account.subNav_mymotoso_showCompanyColors li#my_showcolorsimages a, body.mymotoso.mymotoso_account.subNav_mymotoso_changePassword li#my_password a, body.mymotoso.mymotoso_account.subNav_mymotoso_showNewsletter li#my_newsletter a, body.mymotoso.mymotoso_account.subNav_mymotoso_homepage li#my_homepage a, body.mymotoso.mymotoso_account.subNav_mymotoso_showAGB li#my_showAGB a, body.mymotoso.mymotoso_account.subNav_mymotoso_myVehicle li#my_showmyVehicle a, body.mymotoso.mymotoso_account.subNav_mymotoso_myO2pTextOptions li#my_showmyTemplateFormating a, body.mymotoso.mymotoso_account.subNav_mymotoso_deleteAccount li#my_deleteAccount a, body.mymotoso.mymotoso_printAd.subNav_mymotoso_myO2pTextOptions li#my_showmyTemplateFormating a, body.mymotoso.mymotoso_printAd.subNav_mymotoso_printAd_running li#my_runningPrintAds a, body.mymotoso.mymotoso_printAd.subNav_mymotoso_printAd_archived li#my_archivedPrintAds a, body.mymotoso.mymotoso_printAd.subNav_mymotoso_printAd_new li#my_newPrintAd a, body.mymotoso.mymotoso_printAd.subNav_mymotoso_markedForPrint li#my_showMarkedForPrint a, body.mymotoso.mymotoso_printAd.subNav_mymotoso_printAd_proposal li#my_showMAProposal a {color: #a02 !important; font-weight: bold; } /* search navigation */ body.search.search_vehicles li#msSubNavVehicles a, body.search.search_classifieds li#msSubNavClassifieds a, body.search.search_services li#msSubNavServices a { color: #a02 !important; background-color: #e9f3fc; font-weight: bold;} body.search.search_vehicles li#msSubNavVehicles .mySubNavImage img { width: 37px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subNav_vehicles_on.gif') no-repeat; } body.search.search_classifieds li#msSubNavClassifieds .mySubNavImage img { width: 20px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subNav_classifieds_on.gif') no-repeat; } body.search.search_services li#msSubNavServices .mySubNavImage img { width: 27px; height: 40px; background: url('http://assets.motoso.de/images/v8/icon_subNav_services_on.gif') no-repeat; } body.search.search_vehicles.search_vehicles_car li#msYellowSubNavVehiclesCar a, body.search.search_vehicles.search_vehicles_bike li#msYellowSubNavVehiclesBike a, body.search.search_vehicles.search_vehicles_rv li#msYellowSubNavVehiclesCaravan a, body.search.search_vehicles.search_vehicles_cv li#msYellowSubNavVehiclesTruck a { color: #a02 !important; background-color: #e9f3fc; font-weight: bold;} body.search #msYellowSubNavigation, body.search.search_classifieds #msYellowSubNavigation, body.search.search_services #msYellowSubNavigation {display: none; } body.search.search_vehicles #msYellowSubNavigation {display: block; } div#newPrintAdIntro {margin: 20px 0px; padding: 10px;} /* disable all the stuff marked portals-only */ div.mPortalsOnly {display: none; } /* parking lot 'merkliste' classifieds list */ .mPLListBoxVehicles, .mPLListBoxClassifieds, .mPLListBoxService { margin-bottom: 6px; background-color: #fff; border: 1px solid #999; border-top: 0px; } .mPLListBoxServiceTemplate { margin-bottom: 6px; background-color: #fefe99; border: 1px solid #999; } .mPLListBox .headline h2 { font-size: 1em; display: block; margin: 0px; background: transparent; } .mPLListBox .headline a { text-decoration: none; color: #222; } .mPLListBox .headline a { text-decoration: none; color: white; } .mPLListBox .headline { position: relative; padding: 4px; } div.mPLListBox {position: relative; } .mPLListBoxVehicles .mPLListBox .headline { background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_center.gif') repeat-x; } .mPLListBoxClassifieds .mPLListBox .headline { background: url('http://assets.motoso.de/images/v8/mIndexSearchClassified_center.gif') repeat-x; } .mPLListBoxService .mPLListBox .headline { background: url('http://assets.motoso.de/images/v8/mIndexSearchService_center.gif') repeat-x; } .mPLListBoxVehicles .mPLListHeadline_left { position: absolute; top: 0px; left: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_left.gif') no-repeat; } .mPLListBoxVehicles .mPLListHeadline_right { position: absolute; top: 0px; right: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_right.gif') no-repeat; } .mPLListBoxClassifieds .mPLListHeadline_left { position: absolute; top: 0px; left: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchClassified_left.gif') no-repeat; } .mPLListBoxClassifieds .mPLListHeadline_right { position: absolute; top: 0px; right: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchClassified_right.gif') no-repeat; } .mPLListBoxService .mPLListHeadline_left { position: absolute; top: 0px; left: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchService_left.gif') no-repeat; } .mPLListBoxService .mPLListHeadline_right { position: absolute; top: 0px; right: -1px; width: 5px; height: 5px; background: url('http://assets.motoso.de/images/v8/mIndexSearchService_right.gif') no-repeat; } .mPLListBox .content_center p, .mPLListBox .content_right p { padding: 0px; margin: 0px 0px 2px 0px; line-height: 1.4em; } div.mPLListBox .content_left {float: left; width: 90px; height: 90px; margin: 0px; padding: 0px; overflow: hidden;} div.mPLListBox .content_center {float:left; margin-top: 3px; margin-bottom: 3px; } div.mPLListBox .content_right, .mOrderListBox .content_right { width: 160px; height: 90px; float: right; border-left: 1px dotted #848484; margin-top: 3px; margin-bottom: 3px; } div.mPLListBox p.mPLListDetailsLink { display: block; position: absolute; bottom: 5px;} /* and now move the product image to the left for search result teaser */ .mPLListBox .content_left { float: right; width: 750px; } .mPLListBox .content_right { float: left; } .mPLListBox .content_center_left { float: left; width: 380px; } .mPLListBox .content_center_right { float: right; width: 250px; } #mSavedSearchFormBox { display:none; z-index: 200; top: 250px; left: 500px; border:1pt solid #000; padding: 5px; height: 200px; width: 300px; position: absolute; background-color:#fff; } .mHorizontalLineOr {color: #fff; background-color: #fff; border: 1px dotted #000; border-style: none none dotted; } .directBuyRedirect {color: #222;} /* info icon - tooltips */ a.mInfoIcon {position: relative; text-decoration: none; } 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; } 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 50px 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 #mySubNavigation, body.classifiedsWizard.o2pStep1 #myYellowSubNavigation, body.classifiedsWizard.o2pStep2 #mySubNavigation, body.classifiedsWizard.o2pStep2 #myYellowSubNavigation, body.classifiedsWizard.o2pStep3 #mySubNavigation, body.classifiedsWizard.o2pStep3 #myYellowSubNavigation, body.classifiedsWizard.o2pStep3a #mySubNavigation, body.classifiedsWizard.o2pStep3a #myYellowSubNavigation, body.classifiedsWizard.o2pStep3b #mySubNavigation, body.classifiedsWizard.o2pStep3b #myYellowSubNavigation, body.classifiedsWizard.o2pStep4 #mySubNavigation, body.classifiedsWizard.o2pStep4 #myYellowSubNavigation {display: none;} body.classifiedsWizard div#headerLogin {display: none; } /* new classifieds - personal data form */ div.newClassifiedsPersonalData .mFormBox .content .left {width: 270px; } div.newClassifiedsPersonalData input {width: 200px; } div.newClassifiedsPersonalData input.addressLine1 {width: 159px; } div.newClassifiedsPersonalData input.addressLine1StreetNumber {margin-left: 3px; width: 30px; } div.newClassifiedsPersonalData input.postalCode {width: 50px; } div.newClassifiedsPersonalData input.city {margin-left: 3px; width: 140px;} div.newClassifiedsPersonalData select.country {width: 204px; } div.newClassifiedsPersonalData input.phoneCountry {width: 30px; } div.newClassifiedsPersonalData input.phoneArea {margin-left: 0px; width: 45px; } div.newClassifiedsPersonalData input.phoneNumber {width: 100px;} div.newClassifiedsPersonalData div.right.mSmallFont {line-height: 0.8em; padding: 0; margin: 0;} div.newClassifiedsPersonalData span.phoneArea {margin-left: 15px;} div.newClassifiedsPersonalData span.phoneNumber {margin-left: 20px;} div.newClassifiedsPersonalData .right label {font-weight: normal;} div.newClassifiedsPersonalData input#GENDER_M, div.newClassifiedsPersonalData input#GENDER_F, div.newClassifiedsPersonalData input#publishPhone {width: auto; } /* Finanzierungsrechner - Detailseite */ .c24-clear{ clear:both; } .c24-frame{ width:300px; } .c24-header{ background: url('http://assets.motoso.de/images/v8/finance/c24-header.png') no-repeat; background-repeat:repeat-x; background-position:bottom; height:29px; border-left:1px solid #a2a2a2; border-top:1px solid #a2a2a2; border-right:1px solid #a2a2a2; } #c24-header-text{ color:#222; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:14px; padding:5px 0 0 5px; } .c24-content{ background: url('http://assets.motoso.de/images/v8/finance/c24-content.png') no-repeat; background-repeat:repeat-x; background-position:bottom; height:75px; border:1px solid #a2a2a2; } .c24-box-left { float:left; padding:5px 0 0 5px; width:123px; } .c24-box-right{ float:left; width:170px; padding:5px 0 0 0; } .c24-margin { margin:0 0 5px 0; } .c24-hakerl-img{ float:left; margin:0 5px 0 0; } .c24-hakerl-text{ font-size:11px; font-weight:normal; font-family:verdana,arial,sans-serif; } .c24-input{ margin-top:2px; margin-left:14px; position:absolute; border:1px solid #1a5ea4; width:40px; height:20px; text-transform:uppercase; font-weight:bold; font-family:verdana,arial,sans-serif; font-size:16px; text-align:center; } .c24-coop{ font-size:11px; font-weight:normal; font-family:verdana,arial,sans-serif; margin:5px 0 0 0; padding:5px 0 0 0; } *html .c24-ie-hack{ margin:5px 0 0 0; } *+html .c24-ie-hack{ margin:5px 0 0 0; } .c24-ie-hack{ margin:10px 0 0 0; } .c24-button{ padding:0 10px 0 5px; float:left; } #msVCS_envPlacet{ margin-left:25px; margin-top:15px; } /* Default Styles | [m] [] */ html, body { margin: 0; padding: 0; } /*.mo_body { position: relative; background-color: white; 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 ul { } .mo_body li { } .mo_body p { } .mo_body a { outline: none; } .mo_body a:link { color: #004dc1; } .mo_body a:visited { color: #004dc1; } .mo_body a:hover { color: #a02; } .mo_body a:active { color: #004dc1; } .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 hr { border: 1px solid #bbb; height: 1px; } .mo_left { float: left; } .mo_right { float: right; } .mo_clear { clear: both; height: 0; } .mo_body button { outline: none; } /* .mo_xspace { margin: 0 5px; } .mo_yspace { margin: 5px 0; } .mo_xyspace { margin: 5px; } .mo_leftspace { margin-left: 5px !important; } .mo_rightspace { margin-right: 5px !important; } .mo_topspace { margin-top: 5px !important; } .mo_bottomspace { margin-bottom: 5px !important; } .mo_xcontent { padding: 0 5px; } .mo_ycontent { padding: 5px 0; } */ .mo_align_left { text-align: left; } .mo_align_cente { text-align: center; } .mo_align_right { text-align: right; } .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_content { padding: 5px; } .mo_list_default { list-style-type: disc; padding: 5px 0 5px 10px; margin: 0 0 0 10px; } /* Layout */ .mo_page_index { width: auto; height: 670px; position: relative; margin-top: 6px; } /* 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_repeat.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 { margin: 0; background-position: right -140px; } .mo_box_footer .mo_form_submit input{ background-position: left -112px; } /* 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 .mo_box_big_content { padding: 5px; border: 2px solid #7a7a7a; border-top: none; margin-bottom: 10px; } /* Default Form [m] [] */ .mo_body form h2 { color: #26f; font-family: arial; font-size: 16px; margin: 4px 0;} .mo_body form h3 { color: #222; font-family: arial; 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; margin: 0; background-color: transparent; } .mo_body fieldset li { padding: 0; margin: 0; margin-bottom: 6px; background-color: transparent; } .mo_body fieldset label { width: 100px; display: block; font-family: arial; font-size: 12px; line-height: 20px; } .mo_body fieldset label.mo_form_checkbox_label { display: inline; } fieldset.mo_col1, fieldset.mo_col2, fieldset.mo_col3 { width: 439px; float: left; position: relative; } .mo_body .mo_form_area { background-color: #fff; border: 0px solid gray; } .mo_body .mo_form_input, .mo_body .mo_form_input_short, .mo_body .mo_form_input_long, .mo_body .mo_form_select, .mo_body .mo_form_select_short, .mo_body .mo_form_select_long { border: 1px solid gray; padding: 2px 0; margin: 0; background-color: #fff; } .mo_body .mo_form_input { width: 200px; } .mo_body .mo_form_input_short { width: 40px; } .mo_body .mo_form_select { width: 204px; } .mo_body .mo_form_select_short { width: 62px; } .mo_body .mo_form_group .mo_form_select, .mo_body .mo_form_group .mo_form_input { width: 105px; } .mo_form_group_left { padding: 0 4px 0 0; } .mo_form_group_right { padding: 0 0 0 4px; } .mo_form_group_left, .mo_form_group_right { width: 105px; float: left; } .mo_form_group_left label, .mo_form_group_right label { width: 105px; } .mo_form_group span { display: block; width: 20px; padding: 0 4px; float: left; line-height: 22px; } /* Default Buttons [m] [] */ .mo_form_submit { padding: 0 42px 0 0; height: 28px; cursor: pointer; margin: 14px 0 0 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; } /* ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ */ /* Head [m] [] */ .mo_head { background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat.gif') repeat-x 0 -35px; width: 940px; height: 130px; position: relative; z-index: 10; } .mo_head_links { position: absolute; top: 5px; right: 10px; } .mo_logo { position: absolute; top: 31px; left: 10px; background: url('http://assets.motoso.de/images/v8/v12/mo_logo.gif') no-repeat; width: 178px; height: 50px; } .mo_head_search { position: absolute; bottom: 20px; right: 10px; } .mo_head_search_content { float: right; width: 650px; } .mo_head_search label { float: left; width: 180px; line-height: 28px; font-weight: bold; } .mo_head_search .mo_form_input_search_left { float: left; width: 310px; background: url('http://assets.motoso.de/images/v8/v12/mo_input_round_back.gif') no-repeat left 0; padding: 0 0 0 5px; margin: 0 10px 0 0; } .mo_head_search .mo_form_input_search_right { background: url('http://assets.motoso.de/images/v8/v12/mo_input_round_back.gif') no-repeat right -28px; padding: 0 5px 0 0; } .mo_head_search .mo_form_submit { float: left; } .mo_head_search .mo_form_input { width: 295px; height: 22px; padding: 2px 5px; font-size: 14px; border: solid gray; border-width: 1px 0; padding: 4px 5px 0 5px\9} .mo_example { position: absolute; bottom: 4px; left: 500px; } *html .mo_head_search .mo_form_input { margin: -1px 0 0 0; } *+html .mo_head_search .mo_form_input { margin: -1px 0 0 0; } .mo_head_search .mo_form_submit { margin-top: 0; } .mo_head_search .mo_form_submit { background-position: right -196px; } .mo_head_search .mo_form_submit input { background-position: left -168px; } /* Navigation [m] [] */ .mo_navigation { list-style: none; margin: 0; padding: 0; position: absolute; top: 37px; right: 0px; } .mo_navigation li { float: left; background: url('http://assets.motoso.de/images/v8/v12/mo_nav_back.gif') no-repeat left 0; padding: 0 0 0 8px; margin: 0 0 0 1px; cursor: pointer;} .mo_navigation li a { display: block; text-transform: uppercase; background: url('http://assets.motoso.de/images/v8/v12/mo_nav_back.gif') no-repeat right -24px; line-height: 22px; padding: 2px 18px 0 10px; text-decoration: none; font-size: 11px; color: #222 !important; } .mo_navigation li:hover a { color: #a02; } .mo_navigation li:visited a { color: #222; } /* Indexpage [m] [m] */ .mo_index_facebook { position: absolute; top: 228px; left: 620px; width: 300px; height: 156px; } .mo_indexsearch { position: absolute; top: 0; left: 0; width: 610px; } .mo_indexsearch_service { position: absolute; top: 0; left: 620px; width: 300px; } .mo_indexclassifieds, .mo_ad_rectangle, .mo_indexteaser { position: absolute; top: 390px; } .mo_indexteaser1 { left: 0; width: 208px; height: 265px; } .mo_indexteaser2 { left: 220px; width: 188px; height: 265px; } .mo_indexteaser3 { left: 420px; width: 188px; height: 265px; } .mo_indexteaser4 { top: 645px; left: 0px; width: 188px; height: 132px; } .mo_indexteaser5 { top: 787px; left: 0px; width: 188px; height: 132px; } .mo_ad_rectangle { left: 620px; 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] [] */ .mo_indexsearch .mo_content { position: relative; border: 2px solid #b02; height: 330px; margin-top: -2px; padding: 0 !important; } .mo_indexsearch .mo_pic_offer { background: url('http://assets.motoso.de/images/v8/v12/teaser_car.jpg') no-repeat right 0; } .mo_indexsearch .mo_pic_classifieds { background: url('http://assets.motoso.de/images/v8/v12/teaser_classifieds.jpg') no-repeat left 0; } .mo_indexsearch .mo_pic_vehicles_cars { background: url('http://assets.motoso.de/images/v8/v12/teaser_car.jpg') no-repeat right 0; } .mo_indexsearch .mo_pic_vehicles_bikes { background: url('http://assets.motoso.de/images/v8/v12/teaser_bike.jpg') no-repeat right 0; } .mo_indexsearch .mo_pic_vehicles_rv { background: url('http://assets.motoso.de/images/v8/v12/teaser_rv.jpg') no-repeat right 0; } .mo_indexsearch .mo_pic_vehicles_cv { background: url('http://assets.motoso.de/images/v8/v12/teaser_cv.jpg') no-repeat right 0; } .mo_indexsearch_service .mo_box_big_content { height: 160px; background: url('http://assets.motoso.de/images/v8/v12/teaser_garage.jpg') repeat-y left 0; } .mo_indexsearch_service .mo_box_big_content fieldset { padding: 0px 10px; } .mo_indexsearch_service .mo_box_big_content fieldset li { margin: 4px 0; } .mo_indexsearch_service .mo_form_submit { background-position: right -28px; } .mo_indexsearch_service .mo_form_submit input{ background-position: left 0; } .mo_indexsearch_bottom { position: absolute; left: 0; bottom: 0; width: 606px; height: 48px; border-top: 1px dotted #b02; text-align: right; background-color: #ddd; } .mo_indexsearch_bottom span { display: none; font: 16px Verdana; } .mo_indexsearch_bottom button { margin: 4px; background: url('http://assets.motoso.de/images/v8/v12/button_action.png'); width: 200px; height: 40px; cursor: pointer; border: 0; padding: 0; } /* Tabnavigation [m] [] */ .mo_search_tabnav { list-style: none; margin: 0; padding: 0; } .mo_search_tabnav li { height: 50px; float: left; width: 290px; margin: 0 !important; } .mo_search_tabnav a { display: block; color: #222 !important; font-size: 18px; height: 50px; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: right -350px; padding: 0 8px 0 0; text-align: center; text-decoration: none; font-family: 'Helvetica Neue', Arial; } .mo_search_tabnav span { display: block; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat left top; background-position: left -300px; line-height: 50px; } .mo_tab_offer { display: none; } .mo_tab_vehicle { padding: 0 0 0 20px; } .mo_tab_vehicle_active .mo_tab_vehicle, .mo_tab_classified_active .mo_tab_classified, .mo_tab_offer_active .mo_tab_offer { width: 350px; } .mo_tab_vehicle_active .mo_tab_classified, .mo_tab_vehicle_active .mo_tab_offer, .mo_tab_classified_active .mo_tab_vehicle, .mo_tab_offer_active .mo_tab_vehicle { margin: -2px 0 0 0; border-bottom: 2px solid #b02; width: 210px !important; } .mo_tab_vehicle_active .mo_tab_classified a, .mo_tab_vehicle_active .mo_tab_offer a { margin: 8px 0 0 0; height: 42px; background-position: right -150px; } .mo_tab_classified_active .mo_tab_vehicle a, .mo_tab_offer_active .mo_tab_vehicle a { margin: 8px 0 0 0; height: 42px; background-position: left -250px; padding: 0 0 0 8px; } .mo_tab_vehicle_active .mo_tab_classified span, .mo_tab_vehicle_active .mo_tab_offer span { line-height: 42px; background-position: left -100px; } .mo_tab_classified_active .mo_tab_vehicle span, .mo_tab_offer_active .mo_tab_vehicle span { line-height: 42px; background-position: right -200px; } .mo_tab_classified_active .mo_formname_indexsearch { position: absolute; top: 0; left: 230px; } .mo_tab_offer_active .mo_formname_indexsearch { position: absolute; top: 0px; left: 230px; } .mo_body .mo_tab_offer_active .mo_formname_indexsearch fieldset { border: 2px solid #ccc; border-top: 0; margin: -2px 0 0 0; position: relative; padding-top: 20px; padding-bottom: 25px; } .mo_indexsearch_offer_switch { position: absolute; top: 0; left: 230px; width: 274px; height: 35px; padding: 4px 34px; border: 2px solid #ccc; margin: -2px 0 0 0; background-color: white; line-height: 15px; } .mo_indexsearch_offer_switch label, .mo_indexsearch_offer_switch input { margin: 4px 0 0 0; padding: 0; } .mo_tab_offer_active .mo_form_submit { margin-top: 6px; } /* 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 .mo_col1, .mo_formname_indexsearch li { width: 282px; float: left; } .mo_formname_indexsearch fieldset { padding: 10px 30px; } .mo_formname_indexsearch { position: absolute; top: 0; left: 20px; } .mo_body .mo_formname_indexsearch fieldset { border: 2px solid #ccc; border-top: 2px solid #c5c5c5; margin: -2px 0 0 0; position: relative; } .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; } /* Searchresult List [m] [] */ .mo_list { width: 700px; 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 { 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: 11px; padding: 0; display: block; text-decoration: underline; } .mo_list ul { width: 592px; list-style: none; font-size: 12px; margin: 0 0 2px 0; padding: 4px; overflow: auto; background-color: #efefef; float: 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:hover { color: #888; } .mo_list .mo_price a { color: #0a8418; } .mo_list .mo_link_area { width: 692px; padding: 4px; text-align: right; float: right; } .mo_list .mo_image, .mo_list img { float: left; margin: 0 10px 10px 0; width: 90px; 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 .mo_price { width: 160px; } .mo_list .mo_registration { width: 80px; } .mo_list .mo_mileage { width: 150px; } /* Searchresult List - Maxsize [m] [] */ .mo_list_maxsize { width: 900px; } .mo_list_maxsize .mo_headline a { width: 784px; } .mo_list_maxsize ul { width: 792px; } .mo_list_maxsize .mo_link_area { width: 892px; } .mo_list_maxsize .mo_list_content { width: 790px; } .mo_list_maxsize textarea { width: 785px; } /* Dealer Homepage List [m] [] */ .hpContentMain_search_right .mo_list { width: 526px; } .hpContentMain_search_right .mo_list .mo_headline a { 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; } .hpContentMain_search_right .mo_list textarea { width: 411px; } /* 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 { color: #a02 !important; font-weight: bold; } /* Anbieten / Suchen [m] [] .classifieds .mo_form_select, .search .mo_form_select { width: auto; border: 1px medium; } */ /* Detailseite [m] [] */ .mo_page_details { width: auto; } /* 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 } *html .ie6absolute { height: 0; he\ight: auto; zoom: 1; } * html .mHPTeaserBox .mHPTeaserImg { width: 85px; height: 61px; margin: 4px 5px; } * html .mHPTeaserBox .mHPTeaserImg img { width: 85px; } * html .mHPTeaserBox { width: 98px; } * html .classifiedsScroller_item { width: 98px; margin-left: 1px !important; margin-right: 1px !important; } * html #searchRequestPartDiv .mFormBox { width: 595px; margin-right: 0px; } * html .financeCompIndent { margin-left: 4px; } *html .mSRListBoxVehicles .mSRListHeadline_left { position: absolute; top: 0px; left: -5px; } *html .mSRListBoxVehicles .mSRListHeadline_right { position: absolute; top: 0px; right: 12px; } *html .mSRListBoxClassifieds .mSRListHeadline_left { position: absolute; top: 0px; left: -5px; } *html .mSRListBoxClassifieds .mSRListHeadline_right { position: absolute; top: 0px; right: 6px; } *html .mSRListBoxService .mSRListHeadline_left { position: absolute; top: 0px; left: -5px; } *html .mSRListBoxService .mSRListHeadline_right { position: absolute; top: 0px; right: 6px; } *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;}