/* --> GRID --> COMMON - Fonts - Reset - Form Elemente - Basics - Paging - header - icon --> BOX --> Leftcol - makespage overview - makepage - messages - evote - listpage - search - article - article modules - techdata - gallery - inline - newsletter - slider --> Rightcol - textAndLink - special - already read - search - tagcloud - usedCarSearch - newsletter - social */ /* GRID */ /* grid testing only - remove, when done - by AHD*/ .content-area.content-area-margin { width:974px;margin-top:0px;} .content-area.content-area-margin.mobile {width:646px} .content-area.content-area-margin.mobile.smart {width:100%} .content-area.content-area-margin .mag-col-left { width:500px;margin-right:10px;padding-left:146px;} .content-area.content-area-margin .mag-col-left .teaser-item a { text-decoration:none;color:#000066} .content-area.content-area-margin .mag-col-left .teaser-item .link a { text-decoration:underline;} .content-area.content-area-margin .magazine-left { margin-right:10px;float:left;} .content-area.content-area-margin.mobile .magazine-left { margin-left: 10px; margin-right:10px;float:left;} /* grid testing end */ .magazine-left { width:646px;} .smart .magazine-left { width:100%} .magazine-right {float: left; width: 318px;} .pageHeader.gwp { height: 154px; position: relative; z-index: 500;} /* COMMON */ /* Fonts */ /* FONTS */ .fontDefault {color: #333333;cursor: default;font: 12px/18px Verdana;} .fontLoud {color: #333333;font: bold 12px/18px Verdana;} .fontLoudBlue {color: #003468;font: bold 12px/18px Verdana;} .fontSilent {color: #999999; font: 12px/18px Verdana;} .fontInvisible {color: #CCCCCC; font: 12px/18px Verdana;} .fontLegal {color: #999999;font: 10px/14px Verdana;} .fontHeadline {color: #333333;} .fontHeadlineHighlight {color: #003468;} .fontHeadline, .fontHeadlineHighlight {font: 16px/21px Tahoma,Geneva,Kalimati,sans-serif;} .fontXxlHeadline {color: #333333; font: 24px Tahoma,Geneva,Kalimati,sans-serif;} .fontLabelError {color: #FF0000; font: 12px/18px Verdana;} .fontDescriptionError {color: #FF0000; font: 10px/14px Verdana;} .fontBreadcrumb {color: #666666;font: 10px/18px Verdana; text-decoration: none;} .fontBreadcrumb:hover {color: #FF7400;cursor: pointer; text-decoration: none;} .fontIconLink { color: #0026B3; font: 12px/18px Verdana; text-decoration: none;} .fontIconLink:hover {color: #FF7400;cursor: pointer; text-decoration: none;} .fontIconLinkSilent { color: #333333;font: 12px/18px Verdana; text-decoration: none;} .fontIconLinkSilent:hover { color: #FF7400;cursor: pointer;text-decoration: none;} .fontLoudLink {color: #0026B3;font: bold 12px/18px Verdana;text-decoration: none;} .fontLoudLink:hover {color: #FF7400;text-decoration: none;} a.fontLegal, .fontLegal a {color: #0026B3; font: 10px/14px Verdana; text-decoration: underline;} a.fontLegal:hover, .fontLegal a:hover { color: #FF7500;cursor: pointer; text-decoration: underline;} a.fontLegalSilent,.fontLegalSilent a { color: #999999;font: 10px/14px Verdana;text-decoration: none;} a.fontLegalSilent:hover,.fontLegalSilent a:hover {color: #FF7500;text-decoration: none;} .fontMenuLinkNavi, .fontMenuLinkNavi a,a.fontMenuLinkNavi{ color: #003468; font: normal 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none;} .fontMenuLinkNavi:hover, .fontMenuLinkNavi a:hover,a.fontMenuLinkNavi:hover,.fontMenuLinkNavi.active{ color: #FF7500; font: normal 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none; cursor: pointer;} .fontIconLinkNavi:hover,.fontIconLinkNavi a:hover,a.fontIconLinkNavi:hover{ color: #FF7500; font: normal 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none; cursor: pointer;} .fontIconLinkNavi,.fontIconLinkNavi a,a.fontIconLinkNavi{ color: #003468; font: normal 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none;} .fontLoudNavi,.fontLoudNavi a,a.fontLoudNavi{ color: #003468; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none;} .fontLoudNavi:hover,.fontLoudNavi a:hover,a.fontLoudNavi:hover{ color: #FF7500; font: bold 12px/18px Verdana,Helvetica,Arial,sans-serif; text-decoration: none;} .fontCustomerInformation{ color: #003468; font: normal 10px/15px Verdana,Helvetica,Arial,sans-serif; text-decoration: none;} /* Reset */ .magazine-right h3, .magazine-right p, .magazine-left p, .magazine-left h3, .magazine-left h1 {padding:0px; margin:0px;font-weight:normal;} .magazine-right img {border-width:0px;} .cms-clear { clear:both;width:0px;height:0px;padding:0px;margin:0px;} .cms-magazine-articleColumn pre {display: none} /* Form Elemente */ .magazine-right select { font-size:12px;line-height:18px;color:#333;height:18px;} .magazine-right input { font-size:12px;line-height:18px;color:#333;height:18px;} /* Basics */ .silent { color:#999;font-size:12px;line-height:18px;font-family:verdana;} .magazine-left .cat-headline h2 { display:block;font-family:tahoma,Geneva,Kalimati,sans-serif;font-size:24px;color:#999;font-weight:normal;padding:9px 0px 27px 0px;} .magazine-left .cat-headline h1 { display:block;font-family:tahoma,Geneva,Kalimati,sans-serif;font-size:24px;color:#999;font-weight:normal;padding:9px 0px 27px 0px;} #topNavigation { width:974px;float:left;display:inline;} /* Breadcrumb */ .container .breadcrumb {margin-left:10px;margin-bottom:18px;width:974px;font-size:10px;color:#666;line-height:14px;} .container .breadcrumb a {font-size:10px;line-height:14px;color:#666;text-decoration:none;} .container .breadcrumb a:hover {color:#ff7500} .container .breadcrumb-path {padding:11px 0px 9px 0px;} .container .breadcrumb-left {height:0px;float:left;width:646px;margin-right:10px;border-bottom:1px solid #0095D5;} .container .breadcrumb-right {height:0px;float:left;width:318px;border-bottom:1px solid #0095D5;} .container.dontshowbreadcrumb .breadcrumb {display:none;} .container.dontshowbreadcrumb .content-area.wevi {margin-top:27px;} /* Paging */ .magazine-left .cms-paging {font-size: 12px} .magazine-left .cms-paging a {font-size: 12px} .magazine-left .cms-paging .bottomPaging {height:27px; background-color: #EEEEEE; color: #333; font-weight: normal; line-height: 27px; padding: 0 0 0 18px;} .magazine-left .cms-paging .bottomPaging a {height:27px; line-height: 27px} .magazine-left .cms-paging .bottomPagingText1 {float: left; padding: 0; border 0 } .magazine-left .cms-paging .bottomPagingText2 {float: left; padding: 0; border 0 } .magazine-left .cms-paging .bottomPagingText {padding: 0 10px 0 0; float: left;} .magazine-left .cms-paging .bottomPagingRight {float: right;} .magazine-left .cms-paging .pagingImage {border: 0 none; height: 7px; padding-bottom: 10px; width: 5px; padding-top: 10px} .magazine-left .cms-paging .bottomPagingLink {font-weight: normal; text-decoration: none;} .magazine-left .cms-paging .bottomPagingLink {color: #333;} .magazine-left .cms-paging .bottomPagingItemActive, .magazine-left .cms-paging .bottomPagingItemTextRight, .magazine-left .cms-paging .bottomPagingItemLast, .magazine-left .cms-paging .bottomPagingItemFirst, .magazine-left .cms-paging .bottomPagingLink {padding: 0 10px; float:left;} .magazine-left .cms-paging .bottomPagingItemActive, .magazine-left .cms-paging .bottomPagingItemTextRight, .magazine-left .cms-paging .bottomPagingItemLast, .magazine-left .cms-paging .bottomPagingItemFirst, .magazine-left .cms-paging .bottomPagingLink {border-left: 1px solid #FFF;} .magazine-left .cms-paging .bottomPagingItemActive {font-weight: bold;} .magazine-left .cms-paging .bottomPagingLink:hover, .magazine-left .cms-paging .bottomPagingItemActive {background-color: #FFF;} .magazine-left .cms-paging .bottomPagingItemTextRight {text-align: right;} .magazine-left .cms-paging .bottomPagingItemLast {border-right: 1px solid #FFF;} .magazine-left .cms-paging .bottomPagingItemFirst {border-left: 0 none;} /* Header */ /*HEADER wevi*/ .topNavigationContainer { margin-left:10px;width:974px;*margin-top:-15px;} /* Icon */ .content-area.wevi .cms-framedbox .icon-twitter, .cms-framedbox .icon-twitter {background: url('http://ww2.autoscout24.be/as24-common-icons-twitter.png') no-repeat scroll 0 0px transparent; float: left; height: 27px; right: 9px; position: absolute; top: 10px; width: 40px; } .content-area.wevi .cms-framedbox .icon-dmax, .cms-framedbox .icon-dmax {background: url('http://ww2.autoscout24.be/as24-common-icon-dmax.gif') no-repeat 0 0px; float:right; right: 9px; position: absolute; top: 9px;width:50px;height:20px;} .content-area.wevi .cms-framedbox .icon-dmax, .cms-framedbox .icon-driver {background: url('http://ww2.autoscout24.be/as24-common-icon-driver.gif') no-repeat 0 0px; float:right; right: 9px; position: absolute; top: 9px;width:50px;height:20px;} .content-area.wevi .cms-framedbox .icon-search, .cms-framedbox .icon-search {background: url('http://ww2.autoscout24.be/as24-common-icons-search.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px -50px; position: absolute; top: 9px;width:35px;height:40px;} .content-area.wevi .cms-framedbox .icon-vote, .cms-framedbox .icon-vote {background: url('http://ww2.autoscout24.be/as24-common-icons-vote-sprite.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px -50px; position: absolute; top: 9px;width:35px;height:40px;} .content-area.wevi .cms-framedbox .icon-mail, .cms-framedbox .icon-mail {background: url('http://ww2.autoscout24.be/as24-common-icon-mail.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px -40px; position: absolute; top: 9px;width:40px;height:40px;} /* Box */ /* --> COMMON --> ICON --> BOX --> NAVI --> TABLES --> HEADERTOP --> FOOTER */ /* COMMON*/ ul.cms-list-orange {margin:0; padding: 0px 0px 12px 0px} ul.cms-list-orange li{vertical-align:middle;list-style-type:none;background-image:url('http://s.autoscout24.net/images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 50%;padding:0px 0px 0px 12px;line-height: 18px} ul.cms-list-orange li a {font-weight:normal; text-decoration:none; color: #0026B3;font-size:12px; line-height: 18px} ul.cms-list-orange li a:hover {color: #FF7500: underline} /* BOX*/ /* --> ICON --> BOX - contentbox - framedbox - tabbed - intended - contact */ /* Icon*/ .cms-button-expand {background: url("//s.autoscout24.net/images/shared/buttons/button_expand_sprite.png") no-repeat 0px 0px #FFFFFF; height: 16px; width: 16px;} .cms-button-expand:hover {background: url("//s.autoscout24.net/images/shared/buttons/button_expand_sprite.png") no-repeat -17px 0px #FFFFFF; height: 16px; width: 16px;} .content-area.wevi .cms-framedbox .icon-telefon, .cms-framedbox .icon-telefon, .cms-teaserBox-default .icon-telefon {background: url('//s.autoscout24.net/images/shared/icons/phone_XL.png') no-repeat scroll 0 0px transparent; float: left; height: 38px; right: 9px; position: absolute; top: 10px; width: 38px; } .content-area.wevi .cms-framedbox.cms-secure .icon-telefon, .cms-framedbox.cms-secure .icon-telefon {background: url('//s.autoscout24.net/images/shared/icons/phone_XL.png') no-repeat scroll 0 0px transparent;} .content-area.wevi .cms-framedbox .button-browse, .cms-framedbox .button-browse {background: url('//s.autoscout24.net/images/shared/buttons/button_browse_sprite.png') no-repeat 0 0px; background-position: 0px -22px; float:right; right: 9px; position: absolute; top: 9px;width:22px;height:22px; cursor: pointer} .content-area.wevi .cms-framedbox .button-browse:hover, .cms-framedbox .button-browse:hover {background: url('//s.autoscout24.net/images/shared/buttons/button_browse_sprite.png') no-repeat 0 0px; background-position: -22px -22px; float:right; right: 9px; position: absolute; top: 9px;width:22px;height:22px;cursor: pointer} .content-area.wevi .cms-framedbox .icon-question, .cms-framedbox .icon-question {background: url('//s.autoscout24.net/images/shared/icons/forum_discussion_XL_sprite.png') no-repeat scroll -159px -41px transparent; float: left; height: 38px; right: 9px; position: absolute; top: 10px; width: 38px; } .content-area.wevi .cms-framedbox .icon-question, .cms-framedbox.cms-secure .icon-question {background: url('//s.autoscout24.net/images/shared/icons/forum_discussion_XL_sprite.png') no-repeat scroll -159px -41px transparent;} .content-area.wevi .cms-framedbox .icon-bulb, .cms-framedbox .icon-bulb {background: url('//s.autoscout24.net/images/shared/icons/bulb_XL.png') no-repeat scroll 0 0px transparent; float: left; height: 38px; right: 2px; position: absolute; top: 10px; width: 38px; } .content-area.wevi .cms-framedbox .icon-documentEditXL, .cms-framedbox .icon-documentEditXL {background: url('//s.autoscout24.net/images/shared/icons/document_edit_XL.png') no-repeat scroll 0 0px transparent; float: left; height: 40px; right: 2px; position: absolute; top: 10px; width: 40px; } .content-area.wevi .cms-framedbox .icon-bulb, .cms-framedbox.cms-secure .icon-bulb {background: url('//s.autoscout24.net/images/shared/icons/bulb_XL.png') no-repeat scroll 0 0px transparent;} .content-area.wevi .cms-framedbox .icon-pdf, .cms-framedbox .icon-pdf {background: url('//s.autoscout24.net/images/shared/icons/pdf_file_XL.png') no-repeat scroll 0 0px transparent; float: left; height: 40px; right: 4px; position: absolute; top: 10px; width: 38px; } .content-area.wevi .cms-framedbox .icon-pdf, .cms-framedbox.cms-secure .icon-pdf {background: url('//s.autoscout24.net/images/shared/icons/pdf_file_XL.png') no-repeat scroll 0 0px transparent;} .content-area.wevi .cms-framedbox .icon-forum, .cms-framedbox .icon-forum {background: url('//s.autoscout24.net/images/shared/icons/forum_XL.png') no-repeat scroll 0 0px transparent; float: left; height: 40px; right: 9px; position: absolute; top: 10px; width: 38px; } .content-area.wevi .cms-framedbox .icon-insertion-edit, .cms-framedbox .icon-insertion-edit {background: url('//s.autoscout24.net/images/shared/icons/insertion_car_edit_L.png') no-repeat scroll 0 0px transparent; float: left; height: 40px; right: 9px; position: absolute; top: 10px; width: 40px; } .content-area.wevi .cms-framedbox .icon-star, .cms-framedbox .icon-star {background: url('//s.autoscout24.net/images/shared/icons/document_star_XL.png') no-repeat scroll 0 0px transparent; float: left; height: 40px; right: 9px; position: absolute; top: 10px; width: 40px; } .content-area.wevi .cms-framedbox .icon-editmoto, .cms-framedbox .icon-editmoto {background: url('//s.autoscout24.net/images/shared/icons/insertion_moto_edit_XL.png') no-repeat scroll 0 0px transparent; float: left; height: 40px; right: 9px; position: absolute; top: 10px; width: 40px; } .content-area.wevi .cms-framedbox .icon-forum, .cms-framedbox .icon-forum {background: url('//s.autoscout24.net/Images/shared/icons/forum_XL.png') no-repeat scroll 0 0px transparent; float: left; height: 40px; right: 9px; position: absolute; top: 10px; width: 40px; } .content-area.wevi .cms-framedbox .icon-vote, .cms-framedbox .icon-vote {background: url('//s.autoscout24.net/Images/shared/icons/hook_square_XL.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:35px;height:40px;} .content-area.wevi .cms-framedbox .icon-play, .cms-framedbox .icon-play {background: url('//s.autoscout24.net/Images/shared/icons/placeholder_video_M_sprite.png') no-repeat 0 0px; float:right; right: 9px; background-position: -41px 0px; position: absolute; top: 9px;width:41px;height:40px;} .content-area.wevi .cms-framedbox .icon-lock, .cms-framedbox .icon-lock {background: url('//s.autoscout24.net/images/shared/icons/document_lock_L.png') no-repeat 0 0px; float:right; right: 6px; background-position: 0px 0px; position: absolute; top: 9px;width:35px;height:40px;} .content-area.wevi .cms-framedbox .icon-new, .cms-framedbox .icon-new {background: url('//ww2.autoscout24.de/as24-icon-NFS-new.png') no-repeat 0 0px; float:right; right: 6px; background-position: 0px 0px; position: absolute; top: 9px;width:56px;height:56px;} .content-area.wevi .cms-framedbox.cms-secure .icon-lock, .cms-framedbox.cms-secure .icon-lock {background: url('//s.autoscout24.net/images/shared/icons/document_lock_L.png') no-repeat 0 0px; float:right; right: 6px; background-position: 0px 0px; position: absolute; top: 9px;width:35px;height:40px;} .content-area.wevi .cms-framedbox .icon-calendar, .cms-framedbox .icon-calendar {background: url('//s.autoscout24.net/Images/shared/icons/calendar_inactive_XL.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:40px;height:40px;} .content-area.wevi .cms-framedbox .icon-calculator, .cms-framedbox .icon-calculator {background: url('//s.autoscout24.net/Images/shared/icons/calculator_inactive_XL.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:25px;height:40px;} .content-area.wevi .cms-framedbox .icon-documentStartXL, .cms-framedbox .icon-documentStartXL {background: url('//cms.autoscout24.de/Images/shared/icons/as24-common-icon-documentstar.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:32px;height:40px;} .content-area.wevi .cms-framedbox .icon-detailSearchL, .cms-framedbox .icon-detailSearchL {background: url('//s.autoscout24.net/images/shared/icons/detailsearch_L.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:40px;height:40px;} .content-area.wevi .cms-framedbox .icon-searchCarXL, .cms-framedbox .icon-searchCarXL {background: url('//s.autoscout24.net/images/shared/icons/search_car_XL.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:36px;height:40px;} .content-area.wevi .cms-framedbox .icon-detailSearchXL, .cms-framedbox .icon-detailSearchXL {background: url('//s.autoscout24.net/images/shared/icons/detailsearch_XL.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:36px;height:40px;} .content-area.wevi .cms-framedbox .icon-vehicleCatXL, .cms-framedbox .icon-vehicleCatXL {background: url('//s.autoscout24.net/images/shared/icons/vehicle_catalogue_XL.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:40px;height:40px;} .content-area.wevi .cms-framedbox .icon-editXL, .cms-framedbox .icon-vehicleCatXL {background: url('//s.autoscout24.net/images/shared/icons/vehicle_catalogue_XL.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:40px;height:40px;} .content-area.wevi .cms-framedbox .icon-euroXL, .cms-framedbox .icon-euroXL {background: url('//cms.autoscout24.de/as24-common-icon-euro-xl.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:40px;height:40px;} .content-area.wevi .cms-framedbox .icon-teaserNew, .cms-framedbox .icon-teaserNew {background: url('//s.autoscout24.net/images/shared/icons/de-de/teaser_new_XL.png') no-repeat scroll 0 0px transparent; float: left; height: 54px; right: -4px; position: absolute; top: -4px; width: 54px; } .content-area.wevi .cms-framedbox .icon-teaserNew, .cms-framedbox.cms-secure .icon-teaserNew {background: url('//s.autoscout24.net/images/shared/icons/de-de/teaser_new_XL.png') no-repeat scroll 0 0px transparent;} .content-area.wevi .cms-framedbox .icon-teaserNew-nl-NL, .cms-framedbox .icon-teaserNew-nl-NL {background: url('//s.autoscout24.net/images/shared/icons/nl-nl/teaser_new_XL.png') no-repeat scroll 0 0px transparent; float: left; height: 54px; right: -4px; position: absolute; top: -4px; width: 54px; } .content-area.wevi .cms-framedbox .icon-teaserNew-nl-NL, .cms-framedbox.cms-secure .icon-teaserNew-nl-NL {background: url('//s.autoscout24.net/images/shared/icons/nl-nl/teaser_new_XL.png') no-repeat scroll 0 0px transparent;} .content-area.wevi .cms-framedbox .icon-num1, .cms-framedbox .icon-num1 {background: url('//s.autoscout24.net/Images/shared/icons/numbers_XL_sprite.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:38px;height:38px;} .content-area.wevi .cms-framedbox .icon-num2, .cms-framedbox .icon-num2 {background: url('//s.autoscout24.net/Images/shared/icons/numbers_XL_sprite.png') no-repeat 0 0px; float:right; right: 9px; background-position: -39px 0px; position: absolute; top: 9px;width:38px;height:38px;} .content-area.wevi .cms-framedbox .icon-num3, .cms-framedbox .icon-num3 {background: url('//s.autoscout24.net/Images/shared/icons/numbers_XL_sprite.png') no-repeat 0 0px; float:right; right: 9px; background-position: -78px 0px; position: absolute; top: 9px;width:38px;height:38px;} .content-area.wevi .cms-framedbox .icon-num4, .cms-framedbox .icon-num4 {background: url('//s.autoscout24.net/Images/shared/icons/numbers_XL_sprite.png') no-repeat 0 0px; float:right; right: 9px; background-position: -117px 0px; position: absolute; top: 9px;width:38px;height:38px;} .content-area.wevi .cms-framedbox .icon-num5, .cms-framedbox .icon-num5 {background: url('//s.autoscout24.net/Images/shared/icons/numbers_XL_sprite.png') no-repeat 0 0px; float:right; right: 9px; background-position: -156px 0px; position: absolute; top: 9px;width:38px;height:38px;} .content-area.wevi .cms-framedbox .icon-adac, .cms-framedbox .icon-adac {background: url('//secure.ww2.autoscout24.de/as24-common-adac.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:40px;height:40px;} .content-area.wevi .cms-framedbox .cms-list-check24-icon, .cms-framedbox .cms-list-check24-icon {background: url('//magazin.autoscout24.de/microsites/details/de-de/check24/as24-list-cms-check24.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: 9px;width:100px;height:40px;} .content-area.wevi .cms-framedbox .icon-whatsapp, .cms-framedbox .icon-whatsapp, .cms-teaserBox-default .icon-whatsapp {background: url('whatsapp_XL.png') no-repeat scroll 0 0px transparent; float: right; height: 38px; right:55px;position: absolute; top: 10px; width: 38px; } /* BOX*/ * simple Box (Style 2) */ div.cms-simplebox {width:300px;font-size:12px;margin-bottom:12px;} div.cms-simplebox a {font-size:12px;} .cms-simplebox.greybox_rounded h4 {margin:0px ;padding:5px 0px 6px 10px;} .cms-simplebox.greybox h4 {margin:0px ;padding:5px 0px 6px 10px !important;} .cms-simplebox.greybox-headless .lb .body h4, .greybox-headless.cms-simplebox .lb .body h3 {font-size:12px;margin:0px 0px 10px 0px !important;padding:0px !important;display:block;} .cms-simplebox.greybox-headless .lb .body {margin:0px;} .cms-simplebox.greybox-headless .lb .body a {text-decoration: underline} .cms-simplebox.greybox-headless .lb .body a:hover {text-decoration: underline; color: #FF7500} .cms-simplebox .body {margin:10px;width:280px;_width:240px} .cms-simplebox .body img {float:left;margin-right:10px;} .cms-simplebox .body p {font-weight: normal} .cms-simplebox .body .seperator-line {border-top:1px solid #AAA;margin:0px;margin-bottom:8px;padding:0px;overflow:hidden;clear:both;height:0px;} .cms-simplebox ul.orange li {vertical-align:middle;list-style-type:none;background-image:url('//s.autoscout24.net/images/orange_arrow.gif');background-repeat:no-repeat;background-position:0px 2px;padding:0px 0px 6px 17px;} .cms-simplebox.orange-bullet li {vertical-align:top;list-style-type:none;background-image:url('//s.autoscout24.net/images/orange_bulletpoint.gif');background-repeat:no-repeat;background-position:0px 6px;padding:0px 0px 10px 11px;} .cms-simplebox.black-bullet li {font-size: 12px; vertical-align:top;list-style-type:none;background-image:url('//s.autoscout24.net/Images/shared/icons/bull.png');background-repeat:no-repeat;background-position:0px 6px;padding:0px 0px 5px 11px;} .cms-simplebox.paddingBottom {margin-bottom: 12px} /* cms-boxF1EEE9 Backgroundcolorbox */ .cms-framedbox.cms-boxF1EEE9 {background-color:#F1EEE9} /* standard contentbox */ .content-area.wevi .cms-contentbox, .cms-contentbox {position:relative; border-color: #AAAAAA; border-style: solid; border-width: 0 1px 0px 1px;margin-bottom: 9px} .content-area.wevi .cms-contentbox-header, .cms-contentbox-header {background: url('//s.autoscout24.net/images/myprivatearea/AS24_gradient_header_blue_1pixel.gif') repeat-x scroll 0 0 transparent; height: 25px; margin: 0 -1px; position: relative;} .content-area.wevi .cms-contentbox-header div, .cms-contentbox-header div {color: white; font-weight: bold; line-height: 24px; padding-left: 10px} .content-area.wevi .cms-contentbox-content, .cms-contentbox-content {padding: 15px 18px 0px 18px; border-color: #AAAAAA; border-style: solid; border-width: 0 1px 1px; margin: 0 -1px} /* exceptions */ /* standard framedbox */ .hp_110113 .cms-framedbox,.hp_110114 .cms-framedbox,.hp_110115 .cms-framedbox,.hp_110116 .cms-framedbox {margin-bottom:0px;} .content-area.wevi .cms-framedbox, .cms-framedbox {position:relative; border: 1px solid #ccc;padding:15px 18px 0px 18px;color:#333; margin-bottom: 18px;background-color:#fff;} .content-area.wevi .cms-framedbox.noMargin, .cms-framedbox.noMargin {padding: 0} .content-area.wevi .cms-framedbox.cms-hideframe, .cms-framedbox.cms-hideframe {border: 0px solid #ccc;} .content-area.wevi .cms-framedbox p, .cms-framedbox p {line-height:18px; padding: 0px 0px 15px 0px; font-size:12px;} .content-area.wevi .cms-framedbox h3, .cms-framedbox h3 {color: #333333; font-weight: bold; font-size: 12px; line-height: 18px; padding: 0px 0px 12px 0px;} .content-area.wevi .cms-framedbox h3 div, .cms-framedbox h3 div {font-size: 12px; font-weight:normal; line-height: 18px;padding-top:2px;} .content-area.wevi .cms-framedbox img, .cms-framedbox img {margin:3px 0px 18px 0px;border-width:0px;} .content-area.wevi .cms-framedbox a, .cms-framedbox a {font-weight:normal; text-decoration:underline; color: #0026B3;font-size:12px; } .content-area.wevi .cms-framedbox a:hover, .cms-framedbox a:hover {color: #FF7500} .cms-framedbox ul.orange li a, .cms-framedbox ul.download li a {text-decoration:none;} .content-area.wevi .cms-framedbox a.orange, .cms-framedbox a.orange { text-decoration:none; vertical-align:middle;background-image:url('//s.autoscout24.net/images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 50%;padding:0px 0px 0px 12px;line-height: 18px} .content-area.wevi .cms-framedbox ul.orange, .cms-framedbox ul.orange {margin:0; padding: 0px 0px 12px 0px} .content-area.wevi .cms-framedbox ul.orange li, .cms-framedbox ul.orange li { vertical-align:middle;list-style-type:none;background-image:url('//s.autoscout24.net/images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 6px;padding:0px 0px 0px 12px;line-height: 18px} .content-area.wevi .cms-framedbox.cms-secure ul.orange li, .cms-framedbox.cms-secure ul.orange li { background-image:url('//s.autoscout24.net/images/shared/icons/arrow_left_XS.gif');} .content-area.wevi .cms-framedbox ul.download, .cms-framedbox ul.download {margin:0; padding: 0px 0px 18px 0px} .content-area.wevi .cms-framedbox ul.download li, .cms-framedbox ul.download li { vertical-align:middle;list-style-type:none;background-image:url('//s.autoscout24.net/images/shared/icons/document_download_S.png');background-repeat:no-repeat;background-position:0px 50%;padding:0px 0px 0px 18px;line-height: 18px} .content-area.wevi .cms-framedbox.cms-secure ul.download li, .cms-framedbox.cms-secure ul.download li { background-image:url('//s.autoscout24.net/images/shared/icons/document_download_S.png');} .content-area.wevi .cms-framedbox ul.cms-iconListHookSquareS, .cms-framedbox ul.cms-iconListHookSquareS {margin:0; padding: 0px 0px 18px 0px} .content-area.wevi .cms-framedbox ul.cms-iconListHookSquareS li, .cms-framedbox ul.cms-iconListHookSquareS li { vertical-align:middle;list-style-type:none;background-image:url('//s.autoscout24.net/Images/shared/icons/hook_square_S.png');background-repeat:no-repeat;background-position:0px 4px;padding:0px 0px 0px 18px;line-height: 18px} .content-area.wevi .cms-framedbox.cms-secure ul.cms-iconListHookSquareS li, .cms-framedbox.cms-secure ul.cms-iconListHookSquareS li { background-image:url('//s.autoscout24.net/Images/shared/icons/hook_square_S.png');} .content-area.wevi .cms-framedbox .buttonRoss a, .cms-framedbox .buttonRoss a {font-weight:bold; text-decoration:none; color: #FFFFFF;font-size:12px; } .cms-framedbox .buttonWill a {text-decoration:none;color:#003367} .cms-framedbox .buttonKateS {text-decoration:none; color: #003468} .cms-framedbox .link {margin:0px 0px 15px 0px;} .cms-framedbox .gridSpan1.borderColumn, .cms-framedbox .gridWidth1.borderColumn {width: 71px;} .cms-framedbox .gridSpan2.borderColumn, .cms-framedbox .gridWidth2.borderColumn {width: 153px;} .cms-framedbox .gridSpan3.borderColumn, .cms-framedbox .gridWidth3.borderColumn {width: 235px;} .cms-framedbox .gridSpan4.borderColumn, .cms-framedbox .gridWidth4.borderColumn {width: 317px;} .cms-framedbox .gridSpan5.borderColumn, .cms-framedbox .gridWidth5.borderColumn {width: 399px;} .cms-framedbox .gridSpan6.borderColumn, .cms-framedbox .gridWidth6.borderColumn {width: 481px;} .cms-framedbox .gridSpan7.borderColumn, .cms-framedbox .gridWidth7.borderColumn {width: 563px;} .cms-framedbox .gridSpan8.borderColumn, .cms-framedbox .gridWidth8.borderColumn {width: 645px;} .cms-framedbox .gridSpan9.borderColumn, .cms-framedbox .gridWidth9.borderColumn {width: 727px;} .cms-framedbox .gridSpan10.borderColumn, .cms-framedbox .gridWidth10.borderColumn {width: 809px;} .cms-framedbox .gridSpan11.borderColumn, .cms-framedbox .gridWidth11.borderColumn {width: 891px;} .cms-framedbox.paddingHorizontalM .gridSpan1.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth1.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan1.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth1.borderColumn { width: 53px;} .cms-framedbox.paddingHorizontalM .gridSpan2.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth2.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan2.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth2.borderColumn { width: 135px;} .cms-framedbox.paddingHorizontalM .gridSpan3.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth3.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan3.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth3.borderColumn { width: 217px;} .cms-framedbox.paddingHorizontalM .gridSpan4.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth4.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth4.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan4.borderColumn { width: 299px;} .cms-framedbox.paddingHorizontalM .gridSpan5.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth5.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan5.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth5.borderColumn { width: 381px;} .cms-framedbox.paddingHorizontalM .gridSpan6.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth6.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan6.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth6.borderColumn { width: 463px;} .cms-framedbox.paddingHorizontalM .gridSpan7.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth7.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan7.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth7.borderColumn { width: 545px;} .cms-framedbox.paddingHorizontalM .gridSpan8.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth8.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan8.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth8.borderColumn { width: 627px;} .cms-framedbox.paddingHorizontalM .gridSpan9.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth9.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan9.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth9.borderColumn { width: 709px;} .cms-framedbox.paddingHorizontalM .gridSpan10.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth10.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan10.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth10.borderColumn { width: 791px;} .cms-framedbox.paddingHorizontalM .gridSpan11.borderColumn, .cms-framedbox.paddingHorizontalM .gridWidth11.borderColumn, .cms-framedbox .paddingHorizontalM .gridSpan11.borderColumn, .cms-framedbox .paddingHorizontalM .gridWidth11.borderColumn { width: 873px;} .cms-framedbox.success {padding: 0px 0px 0px 0px} .cms-framedbox.success .msg1 {background-color: #DFEBDC; padding: 18px 18px 18px 18px; height: 20px} .cms-framedbox.success .result-img {float: left; padding-right: 9px} .cms-framedbox.success .result-text {float: left; font-size: 14px; color: #666666;} .cms-framedbox.success .msg2 {font-size: 12px; color: #666666; clear: both; padding: 18px 18px 18px 18px} /* exceptions */ /* standard no-frame box */ .cms-noframe { margin-bottom: 18px } /* standard tabbed box */ .content-area.wevi .cms-tabbedbox, .cms-tabbedbox {margin-bottom: 18px} .content-area.wevi .cms-tabbedbox ul, .cms-tabbedbox ul {list-style: none; list-style-position: outside; margin: 0; padding: 0; vertical-align: baseline} .content-area.wevi .cms-tabbedbox ul.cms-tabbedbox-tabs li, .cms-tabbedbox ul.cms-tabbedbox-tabs li {float: left; margin-right: 9px; margin-bottom: -1px; font-weight: normal; display: block; padding: 6px 9px 6px 9px; background: #FFFFFF; margin-bottom: -1px; border: 1px solid #DDDDDD; border-width: 1px 1px 1px 1px; position: relative; color: #333333; cursor: pointer; line-height: 18px} .content-area.wevi .cms-tabbedbox ul.cms-tabbedbox-tabs li, .cms-tabbedbox ul.cms-tabbedbox-tabs li { } .content-area.wevi .cms-tabbedbox ul.cms-tabbedbox-tabs li:hover, .cms-tabbedbox ul.cms-tabbedbox-tabs li:hover {color: #FF7500} .content-area.wevi .cms-tabbedbox ul.cms-tabbedbox-tabs li.active, .cms-tabbedbox ul.cms-tabbedbox-tabs li.active {background: #fff; top: 1px; ;border: 1px solid #CCCCCC; border-width: 1px 1px 1px 1px;border-bottom: 0; color: #333333; font-weight: normal; cursor: auto;} .content-area.wevi .cms-tabbedbox ul.cms-tabbedbox-tabs li.active:hover, .cms-tabbedbox ul.cms-tabbedbox-tabs li.active:hover {color: #333333 } .content-area.wevi .cms-tabbedbox .content, .cms-tabbedbox .content {background: #fff; border: 1px solid #CCCCCC; text-align: left; padding: 15px 18px 3px 18px; font-size: 12x; margin-top: 0px; *margin-top: -18px; margin-left: 0px;o margin-bottom: 0px; margin-right: 0px; } .content-area.wevi .cms-tabbedbox a, .cms-tabbedbox a {font-weight:normal; text-decoration:none; color: #0026B3;font-size:12px; } .content-area.wevi .cms-tabbedbox a:hover, .cms-tabbedbox a:hover {color: #FF7500} .content-area.wevi .cms-tabbedbox a.orange, .cms-tabbedbox a.orange { vertical-align:middle;background-image:url('//s.autoscout24.net/images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 50%;padding:0px 0px 0px 12px;line-height: 18px} .content-area.wevi .cms-tabbedbox ul.orange, .cms-tabbedbox ul.orange {margin:0; padding: 0px 0px 12px 0px} .content-area.wevi .cms-tabbedbox ul.orange li, .cms-tabbedbox ul.orange li { vertical-align:middle;list-style-type:none;background-image:url('//s.autoscout24.net/images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 6px;padding:0px 0px 0px 12px;line-height: 18px} /* standard intended brown box */ .cms-teaserBox-intented-brown .cms-teaserBox-default { background-color:#F1EEE9;padding:18px 18px 3px 18px;margin-bottom:20px;} .cms-teaserBox-intented-left { width:309px;padding:0px 0px 0px 9px;} .cms-teaserBox-intented-middle {width:308px;padding:0px 5px 0px 5px;} .cms-teaserBox-intented-right { width:309px;padding:0px 9px 0px 0px;} .cms-teaserBox-intented-left .cms-teaserBox-default , .cms-teaserBox-intented-right .cms-teaserBox-default , .cms-teaserBox-intented-middle .cms-teaserBox-default { height:141px; } .cms-teaserBox-intented-full { width:955px;padding:0px 9px 0px 9px;} .cms-teaserBox-intented-full.grid8 {width: 625px} .cms-teaserBox-intented-full div.container {margin: 0; padding: 0; background-color: #F1EEE9;} .cms-teaserBox-intented-full div.container .text {padding: 25px 0px 25px 0px} .cms-teaserBox-intented-full div.container .image {padding: 13px 0px 10px 0px} .cms-teaserBox-intented-brown h3.fontHeadline {padding:6px 0px 11px 0px;} /* contact box b2b */ /* contact box b2b */ /* style1 old */ .cms-contact-b2b-style1 {background-color: #F3EFEC; color: #4F443E; font-size: 11px} .cms-contact-b2b-style1 h3 {color: #4F443E; font-size: 12px; padding: 5px 0px 5px 3px; margin: 0} .cms-contact-b2b-style1 .cms-contact-b2b-style1-links {color: #4F443E;padding: 0px 0px 9px 3px} .cms-contact-b2b-style1 .cms-contact-b2b-style1-links a {color: #4F443E; text-decoration: underline} .cms-contact-b2b-style1 .cms-contact-b2b-style1-links a:hover {color: #4F443E; text-decoration: underline} .cms-contact-b2b-style1 p {color: #4F443E;padding: 3px 0px 9px 3px} .cms-contact-b2b-style1 p span {display: block} .box-top-right-grey .cms-contact-b2b-style1 img {margin:0px;} .box-top-right-grey .cms-contact-b2b-style1 p {margin:0px;line-height:13px;} .cmsbox1 div.cms-contact-b2b-style1, .cmsbox2 div.cms-contact-b2b-style1,.cmsbox3 div.cms-contact-b2b-style1 {padding:0px;} .cmsbox1 div.cms-contact-b2b-style1 h3 ,.cmsbox2 div.cms-contact-b2b-style1 h3 ,.cmsbox3 div.cms-contact-b2b-style1 h3 {border-width:0px;} .cmsbox1 .cms-contact-b2b-style1 h3, .cmsbox2 .cms-contact-b2b-style1 h3, .cmsbox3 .cms-contact-b2b-style1 h3 {border-width:0px;background-image:none;color:#4F443E;font-size:12px;margin:0px;padding:5px 0px 5px 3px;} .cmsbox1 .cms-contact-b2b-style1 p, .cmsbox2 .cms-contact-b2b-style1 p, .cmsbox3 .cms-contact-b2b-style1 p {padding:3px 0px 9px 3px;} /* style2 middle */ .cms-contact-b2b-style2 {} .content-area.wevi .cms-contact-b2b-style2 img, .cms-contact-b2b-style2 img {float: left; margin-right: 10px; margin-top: 5px} .cms-contact-b2b-style2 .cms-contact-b2b-style2-links-right {float: left} .cms-contact-b2b-style2 .cms-contact-b2b-style2-text {clear: both; font-size: 12px } .cms-contact-b2b-style2 .cms-contact-b2b-style2-text.extra {padding-top: 10px} /* NAVI */ .ie7 .topNavigationContainer { margin-top:-18px } .topNavigationInternal { margin-top:-22px;} .ie9 .topNavigationInternal,.ie8 .topNavigationInternal { margin-top:0px;} .ie7 .topNavigationInternal { margin-top:18px;} .topNavigationInternalCompany {margin-top:0px;} .ie7 .topNavigationInternalCompany {margin-top:18px;} /* BREADCRUMB */ .cmsBreadcrumb {padding-bottom:7px} /* TABLES */ .tableDefault td, .tableDefault th {padding-right:9px;} .tableDefault td.rightAlign {text-align:right;padding-right:0px;} .gridSpan8.tableFacts {border:1px solid #ccc;padding:16px 9px 18px 18px;width:617px;} .tableFacts td, .tableFacts th {padding-right:9px;border-right:9px solid #FFF;} .tableFacts td.rightAlign {text-align:right;padding-right:0px;width:136px;font-weight:bold;} .tableFacts p {font-weight:inherit;font:inherit;text-align:inherit;padding:0px;} .tableFacts p.fontLegal {color: #999999; font: 10px/15px Verdana,Helvetica,Arial,sans-serif;} .tableFacts td.rightAlign p {text-align:right;padding-right:0px;font-weight:bold;} .tableFacts .lastrow .lineSilent {border-bottom-width:0px;} .tableFactsSwitch {padding-left:145px;} .tableFacts ul {padding: 0; margin: 0} .tableFacts li {padding-left: 13px;background: url("http://s.autoscout24.net/Images/shared/icons/bull.png") no-repeat scroll 0 8px transparent;} /*HEADER TOPLINE*/ .headerTopContainer {position:absolute;left:9px;top:0px;width:974px;z-index:500;} // .pageHeader .headerTop {display:none;} /*FOOTER*/ #footer {width:974px !important;clear:both;} #footer div, #footer a {text-align:center;font-family:verdana, arial,helvetica; font-size:12px; color:#333;text-decoration:none; font-weight:normal;line-height:18px;} #footer .footer-distance-15 {clear:both;height:15px;width:1px;} #footer .footer-distance-20 {clear:both;height:20px;width:1px;} #footer .footer-distance-30 {clear:both;height:30px;width:1px;} #footer a:hover {color:#ff7500;} #footer .footer-wevi-specialtracking {float:left;} #footer .footer-wevi-specialtracking img {margin-left:10px;} #footer .footer-wevi-socialbookmark {} #footer .footer-wevi-socialbookmark a{margin-left:12px;} #footer .footer-wevi-claim, #footer .footer-wevi-copy {color:#999999;line-height:18px;} #footer .nobrandday {background-color:#ffffff;width:100%;} .footer-distance-17 {clear:both;height:17px;width:1px;} #footer .footer-wevi-verticals { width:100%;padding:9px;} #footer .footer-wevi-verticals-col { width:33%; float:left; text-align:left; vertical-align:middle; } #footer .verticals-img {float:left;margin-right:9px;margin-top:3px;} #footer .verticals-img img {vertical-align:middle;} #footer .verticals-text {max-width:250px;text-align:left;float:left;line-height:16px;} /* Leftcol */ /* makes page overview */ .cms-magazine-makepage-tagcloud { width:446px;padding:10px 100px 36px 100px;border-bottom:1px solid #ccc;margin-bottom:18px;} .cms-magazine-makepage-tagcloud p { align:center; text-align:center;} .cms-magazine-listpage .magazine-left .cms-magazine-makepage-tagcloud a {color:#333;text-decoration:none;} .cms-magazine-makepage-tagcloud a:hover.w1,.magazine-left .cms-magazine-makepage-tagcloud a:hover.w2, .magazine-left .cms-magazine-makepage-tagcloud a:hover.w3, .magazine-left .cms-magazine-makepage-tagcloud a:hover.w4 ,.magazine-left .cms-magazine-makepage-tagcloud a:hover.w5 {color: #c95e1a;} .cms-magazine-makepage-tagcloud a.w1 {font-size: 14pt;font-weight: bold;} .cms-magazine-makepage-tagcloud a.w2 {font-size: 13pt;font-weight: bold;} .cms-magazine-makepage-tagcloud a.w3 {font-size: 11pt;font-weight: bold;} .cms-magazine-makepage-tagcloud a.w4 {font-size: 9pt;} .cms-magazine-makepage-tagcloud a.w5 {font-size: 7pt;} .cms-magazine-makepage-tagcloud a.w6 {display:none;} .cms-magazine-makepage-makelist .make {width:90px;padding:31px 31px 0px 31px;border:1px solid #ccc;float:left;margin:0px 10px 18px 0px;} .cms-magazine-makepage-makelist .make.lastMake {margin-right:0px;} .cms-magazine-listpage .magazine-left .cms-magazine-makepage-makelist a {color:#333;text-decoration:none;} .cms-magazine-makepage-makelist a:hover {color: #c95e1a;} .cms-magazine-makepage-makelist p {text-align:center;line-height:15px;font-size:12px;padding:4px 0px 8px 0px;margin:0px;} /* single make page */ .cms-magazine-make { width:646px;font-size:12px;} .cms-magazine-make a {font-size:12px;} .cms-magazine-make a:hover {color:#ff7500;} .cms-magazine-make h1 {font-size:16px;font-family:tahoma,Geneva,Kalimati,sans-serif;line-height:21px;color:#33AADD;font-weight:normal;padding:0px 0px 24px 0px;margin:0px;} .cms-magazine-make h2 {font-size:12px;line-height:14px;color:#333;font-weight:bold;padding:0px;margin:0px 0px 2px 0px;} .cms-magazine-make select {font-size:12px;color:#333} .cms-magazine-make option {height:14px;color:#333} .cms-magazine-listpage .magazine-left .cms-magazine-make-left { float:left;width:154px;margin-right:10px;} .cms-magazine-listpage .magazine-left .cms-magazine-make-left p { font-size:12px;line-height:15px;color:#999;} .cms-magazine-listpage .magazine-left .cms-magazine-make-left a { line-height:15px;color:#999;text-decoration:none;} .cms-magazine-listpage .magazine-left .cms-magazine-make-right { float:left;width:482px;} .cms-magazine-listpage .magazine-left .cms-magazine-make-right .cms-magazine-make-toppicture img { width:476px;padding:2px;margin-bottom:14px;border:1px solid #CCC} .cms-magazine-make-selectbar {padding:0px 0px 21px 0px;} .cms-magazine-make-selectbar a { color:#0026B3;text-decoration:none;} .cms-magazine-make-selectbar-left {float:left;*padding-top:2px;} .cms-magazine-make-selectbar-right {float:right;padding-top:1px;*padding-top:0px;color:#333} .cms-magazine-make-right a.orange { vertical-align:middle;background-image:url('http://s.autoscout24.net/Images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 50%;padding:0px 0px 0px 12px;line-height: 18px} .cms-magazine-make-list ul.orange {margin:0; padding: 0px 0px 23px 0px} .cms-magazine-make-list ul.orange li { vertical-align:middle;list-style-type:none;background-image:url('http://s.autoscout24.net/Images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 6px;padding:0px 0px 0px 12px;line-height: 18px} .cms-magazine-make-list ul a {line-height:15px;color:#333;text-decoration:none;} .cms-magazine-make-date {float:left; width:78px; font-size:12px;line-height:18px;color:#999; } .cms-magazine-make-title {float:left; width:385px;font-size:12px;line-height:15px; padding-bottom:2px;color:#333;} .cms-magazine-make-suffix {font-size:12px;line-height:15px;color:#999;} .cms-magazine-make-more {display:none} .cms-magazine-make-more a {cursor:hand;cursor:pointer;display:none;text-decoration:none;font-weight:bold;color:#333;} .cms-magazine-make-moreicon { margin-right:10px;background: url("as24_common_expand.png") no-repeat scroll 0 0 #FFFFFF; float: left; font-size: 12px;height: 16px;width: 16px;} /* messages and recalls */ .cms-magazine-listpage .magazine-left .cms-magazine-messages-left {float:left;width:154px;margin-right:10px;} .cms-magazine-listpage .magazine-left .cms-magazine-messages-right {float:left;width:482px;border-bottom:1px solid #ccc;margin-bottom:15px;padding-bottom:2px;color:#333;} .cms-magazine-listpage .magazine-left .cms-magazine-messages-right p { line-height:18px;padding:0px 0px 15px 0px;color:#333} .cms-magazine-listpage .magazine-left .cms-magazine-messages h3 {font-size:16px;color:#33AADD;padding:0px 0px 21px 0px;line-height:21px;} .cms-magazine-listpage .magazine-left .cms-magazine-messages a.invisble {text-decoration:none;color:#000066;cursor:text;} .cms-magazine-listpage .magazine-left .cms-magazine-messages .date {text-align:right;font-size:16px;color:#999;padding:0px 0px 23px 0px;line-height:21px;} .cms-magazine-listpage .magazine-left .cms-magazine-messages .make {padding:31px 31px 0px 31px;border:1px solid #ccc;float:left;margin:0px 10px 18px 0px;} .cms-magazine-listpage .magazine-left .cms-magazine-messages .make a {color:#333;text-decoration:none;} .cms-magazine-listpage .magazine-left .cms-magazine-messages .make a:hover {color: #c95e1a;} .cms-magazine-listpage .magazine-left .cms-magazine-messages .make p {text-align:center;line-height:15px;font-size:12px;padding:4px 0px 8px 0px;margin:0px;} .cms-magazine-listpage .magazine-left .cms-magazine-messages .make p a {font-size:12px;color:##0026B3;} /* advices */ .cms-magazine-listpage .magazine-left .cms-magazine-advise-left {float:left;width:154px;margin-right:10px;} .cms-magazine-listpage .magazine-left .cms-magazine-advise-right {float:left;width:482px;margin-bottom:15px;padding-bottom:2px;color:#333;} .cms-magazine-listpage .magazine-left .cms-magazine-advise-right p { line-height:18px;padding:0px 0px 15px 0px;color:#333} .cms-magazine-listpage .magazine-left .cms-magazine-advise h3 {font-size:16px;color:#33AADD;padding:0px 0px 21px 0px;line-height:21px;} .cms-magazine-listpage .magazine-left .cms-magazine-advise a.invisble {text-decoration:none;color:#000066;cursor:text;} .cms-magazine-listpage .magazine-left .cms-magazine-advise b {font-weight:bold;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .date {text-align:right;font-size:16px;color:#999;padding:0px 0px 23px 0px;line-height:21px;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .make {padding:31px 31px 0px 31px;border:1px solid #ccc;float:left;margin:0px 10px 18px 0px;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .make a {color:#333;text-decoration:none;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .make a:hover {color: #c95e1a;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .make p {text-align:center;line-height:15px;font-size:12px;padding:4px 0px 8px 0px;margin:0px;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .make p a {font-size:12px;color:##0026B3;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .morelinks {border-top: 1px dotted #999999;padding-top:15px;margin-top:1px;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .morelinks .linklist {padding:11px 0px 0px 0px;width:482px;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .morelinks ul.orange {margin:0; padding: 0px 0px 23px 0px} .cms-magazine-listpage .magazine-left .cms-magazine-advise .morelinks ul.orange li { list-style-type:none;vertical-align:middle;background-image:url('http://s.autoscout24.net/Images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 6px;padding:0px 0px 0px 12px;line-height: 18px} .cms-magazine-listpage .magazine-left .cms-magazine-advise .morelinks h5 { font-size:12px;line-height:18px;font-family:verdana;font-weight:bold;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .morelinks a { text-decoration:none; color: #333;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .morelinks ul.orange li.li-noarrow {background-image:none;} .cms-magazine-listpage .magazine-left .cms-magazine-advise .cms-magazine-advise-abbinder {padding-top:24px;} .cms-magazine-listpage .magazine-left .cms-magazine-advise-right table {background-color:#F1F1F1;width:100%} .cms-magazine-listpage .magazine-left .cms-magazine-advise-right td {padding:12px 18px 15px 18px;line-height: 18px;} .cms-magazine-listpage .magazine-left .cms-magazine-advise-right table tr:first-child td {padding:15px 18px 0px 18px;font-weight:bold;} .cms-magazine-listpage .magazine-left .cms-magazine-advise-right table ul {list-style-type:disc;margin-left:15px;} /* evote */ .cms-magazine-vote .magazine-left {width: 646px; float: left} .cms-magazine-vote .magazine-left .lightBlueButtonDeactive .m {color: #999999} .cms-magazine-vote .magazine-left .lightBlueButtonDeactive .r {background-position: -13px -110px;} .cms-magazine-vote .magazine-left .evote-item {clear:both; margin-bottom: 0px; padding-top: 10px} .cms-magazine-vote .magazine-left .evote-item-icon.opened {display: block;background: url('http://ww2.autoscout24.be/as24-common-icons-vote-xl.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: -5px;width:35px;height:40px;} .cms-magazine-vote .magazine-left .evote-item-question {position: relative; padding: 0px 0px 0px 164px; } .cms-magazine-vote .magazine-left .evote-item-question-icon {float: left; background: url("http://s.autoscout24.net/images/shared/buttons/button_expand_sprite.png") no-repeat 0px 0px #FFFFFF; font-size: 12px; height: 16px; width: 16px; float:left } .cms-magazine-vote .magazine-left .evote-item-question-icon:hover {background: url("http://s.autoscout24.net/images/shared/buttons/button_expand_sprite.png") no-repeat -17px 0px #FFFFFF; font-size: 12px; height: 16px; width: 16px; float:left } .cms-magazine-vote .magazine-left .evote-item.opened .evote-item-question-icon {float: left; background: url("http://s.autoscout24.net/images/shared/buttons/button_expand_sprite.png") no-repeat 0px -17px #FFFFFF; font-size: 12px; height: 16px; width: 16px; float:left; } .cms-magazine-vote .magazine-left .evote-item.opened:hover .evote-item-question-icon {background: url("http://s.autoscout24.net/images/shared/buttons/button_expand_sprite.png") no-repeat -17px -17px #FFFFFF; font-size: 12px; height: 16px; width: 16px; float:left } .cms-magazine-vote .magazine-left .evote-item.opened {background-color: #F1EEE9; padding-top: 15px} .cms-magazine-vote .magazine-left .evote-item-question-link {display: block; line-height:18px; font-size: 12px; color: #333333; text-decoration: none; width: 390px; padding. 0; padding-left: 25px; *padding-left: 12px; /* IE7 + IE6*/ _padding-left: 12px; /* <= IE6 */ } .cms-magazine-vote .magazine-left .evote-item-containerDisplay {padding: 10px 0px 0px 0px; clear: both} .cms-magazine-vote .magazine-left .evote-item-containerDisplay .listAnswers {list-style-image: none; list-style-type: none; margin: 0; padding: 20px 0px 0px 0px;} .cms-magazine-vote .magazine-left .evote-item-containerDisplay .listAnswers li {clear:both; padding: 0px 0px 21px 0px; padding-bottom: 21px; *padding-bottom: 0px; /* IE7 + IE6*/ _padding-bottom: 0px; /* <= IE6 */ } .cms-magazine-vote .magazine-left .evote-item-containerDisplay .listAnswers li .barcontainer {float: left; width: 154px; padding: 5px 0px 0px 3px} .cms-magazine-vote .magazine-left .evote-item-containerDisplay .listAnswers li .barcontainer .evotebar {float: right; height: 9px} .cms-magazine-vote .magazine-left .evote-item-containerDisplay .listAnswers li .barcontainer div.evotebar {background-color: #999999; } .cms-magazine-vote .magazine-left .evote-item-containerDisplay .listAnswers li .barcontainer div.maxbar.evotebar {background-color: #0095D5} .cms-magazine-vote .magazine-left .evote-item-containerDisplay .listAnswers li .barcontainer span.perc {display: none} .cms-magazine-vote .magazine-left .evote-item-containerDisplay .listAnswers li .answer {float: left; padding: 0px 0px 8px 9px; color: #333333; width:480px;} .cms-magazine-vote .magazine-left .evote-item-containerDisplay .listAnswers li .answer span {font-family: tahoma,Geneva,Kalimati,sans-serif; color: #333333; font-size: 16px} .cms-magazine-vote .magazine-left .evote-item-containerDisplay .evote-item-container-footer {padding: 13px 0px 0px 194px; padding-top: 13px; *padding-top: 8px; /* IE7 + IE6*/ _padding-top: 8px; /* <= IE6 */ } .cms-magazine-vote .magazine-left .evote-item-containerVoting {padding: 0px 0px 0px 190px; clear: both} .cms-magazine-vote .magazine-left .evote-item-containerVoting .listVoting {width: 400px; list-style-image: none; list-style-type: none; margin: 0; padding: 25px 0px 0px 0px;} .cms-magazine-vote .magazine-left .evote-item-containerVoting .listVoting li {clear: both; padding: 0; margin: 0px 0px 0px 0px} .cms-magazine-vote .magazine-left .evote-item-containerVoting .listVoting input {float:left; color: #666666; margin-left: 0px; margin-right: 5px; line-height: 18px; font-size: 12px; padding: 0px} .cms-magazine-vote .magazine-left .evote-item-containerVoting .listVoting label {width: 350px;display: block;float:left; line-height: 15px; font-size: 12px; color: #333333; padding: 1px 0px 6px 0px; padding-bottom: 6px; *padding-bottom: 5px; /* IE7 + IE6*/ _padding-bottom: 5px; /* <= IE6 */ } .cms-magazine-vote .magazine-left .evote-item-container-footer {clear: both} .cms-magazine-vote .magazine-left .evote-item-container-footer .evote-item-container-footer-action {padding: 11px 0px 0px 0px} .cms-magazine-vote .magazine-left .evote-item-container-footer .evote-item-container-footer-action .left {float: left} .cms-magazine-vote .magazine-left .evote-item-container-footer .evote-item-container-footer-action .right {float: left; padding: 0px 0px 0px 9px } .cms-magazine-vote .magazine-left .evote-item-container-footer .evote-item-container-footer-action .right a {text-decoration: underline; font-size: 12px; line-height: 18px; color: #0026B3} .cms-magazine-vote .magazine-left .evote-item-container-footer .evote-item-container-footer-action .right a:hover {text-decoration: underline; font-size: 12px; line-height: 18px; color: #FF7500} .cms-magazine-vote .magazine-left .evote-item-container-footer .evote-item-container-footer-article {padding: 15px 0px 0px 0px} .cms-magazine-vote .magazine-left .evote-item-container-footer .evote-item-container-footer-article ul.cms-list-orange {padding: 0px 0px 14px 0px} .cms-magazine-vote .magazine-left .cms-paging {padding-top: 18px} /* listpage */ .cms-magazine-listpage .magazine-left a {font-size:12px;text-decoration:none;line-height:18px;} .cms-magazine-listpage .magazine-left a.orange { color:#0026B3;vertical-align:middle;background-image:url('http://s.autoscout24.net/Images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 50%;padding:0px 0px 0px 12px;line-height: 18px} .cms-magazine-listpage .magazine-left a:hover {color:#FF7500;} .cms-magazine-listpage .magazine-left h2 {font-size:12px;margin:0px;padding:0px;color:#999;padding-bottom:2px;} .cms-magazine-listpage .magazine-left h2 a {font-size:12px;color:#999;line-height:18px;text-decoration:none;} .cms-magazine-listpage .magazine-left h3 {color: #33AADD; font-family: tahoma,Geneva,Kalimati,sans-serif; font-weight: normal; margin: 0; padding: 0px 0px 20px 0px;font-size: 16px; line-height: 21px;} .cms-magazine-listpage .magazine-left h3 a {color: #33AADD;font-size: 16px; line-height: 21px;} .cms-magazine-listpageDis .magazine-left h3 {font-size:12px;margin:0px;padding:0px;color:#999;padding-bottom:2px;} .cms-magazine-listpageDis .magazine-left h3 a {font-size:12px;color:#999;line-height:18px;text-decoration:none;} .cms-magazine-listpage .magazine-left h4 {font-family:tahoma,Geneva,Kalimati,sans-serif;margin:0px;padding:0px;color:#33AADD;font-weight:normal;} .cms-magazine-listpage .magazine-left h4 a {color:#33AADD;} .cms-magazine-listpage .magazine-left .listpagetoppic {border:1px solid #ccc;padding:2px;} .cms-magazine-listpage .magazine-left .listpagetoptext a { text-decoration:none;color:#333} .cms-magazine-listpage .magazine-left .listpagetoptext a:hover { text-decoration:none;color:#333} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-top {border-bottom:1px solid #0095D5;margin-bottom:19px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-top h2 {padding:11px 0px 1px 0px; color: #999999; font-size: 12px; margin: 0;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-top h3 {padding:0px 0px 20px 0px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-top h3 a {font-size:24px;line-height:28px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-top h3 a:hover {color:#33AADD !important;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-top .listpagetoplink {padding:0px 0px 16px 0px; } .cms-magazine-listpage .magazine-left .cms-magazine-listpage-top .listpagetopicons {padding:7px 0px 20px 0px;} .cms-magazine-listpage .magazine-left p { color:#333;font-size:12px;line-height:18px; } .cms-magazine-listpage .magazine-left p a { color:#0026B3;font-size:12px;line-height:18px;text-decoration:underline;} .cms-magazine-listpage .magazine-left p a:hover { color:#ff7500;} .cms-magazine-listpage .magazine-left .listpageitemcontent { float:left;position:relative;height:166px;width:391px;} .cms-magazine-listpage .magazine-left .listpageitemcontent { float:left;position:relative;height:auto; width:391px;} .cms-magazine-listpage .magazine-left .listpageitemicons { position:absolute;bottom:0px;} .cms-magazine-listpage .magazine-left .listpageitempicdiv {float:left;width:246px;padding-right:9px;min-height:120px;} .cms-magazine-listpage .magazine-left .listpageitempicdiv.listpageitempicdivsmall {width:156px;min-height:110px} .cms-magazine-listpage .magazine-left .listpageitemcontent-top {height:166px; overflow:hidden; } .mobile.cms-magazine-listpage .magazine-left .listpageitemcontent-top {height:auto; overflow:hidden; } .cms-magazine-listpage .magazine-left .listpageitempic { border:1px solid #ccc;padding:2px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-item { border-bottom:1px solid #CCC;margin-bottom:20px;padding-bottom:16px;} .content-area.mobile .cms-magazine-listpage .magazine-left .cms-magazine-listpage-item { border-bottom:1px solid #CCC;margin-bottom:20px;padding-bottom:9px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-intro { border-bottom:1px solid #CCC;margin-bottom:20px;padding-bottom:7px;color:#333} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-intro select {color: #333333; font-size: 12px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-intro option {color: #333333; height: 14px;} //.cms-magazine-listpage .magazine-left .cms-magazine-listpage-item.last { border-bottom:0px solid #CCC;padding-bottom:18px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-item h4 {padding:0px 0px 20px 0px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-item h4 a {font-size:16px;line-height:21px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-item h4 a:hover {color:#33AADD;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-cooliris { border-bottom:1px solid #CCC;margin-bottom:20px;padding-bottom:16px;} .cms-magazine-listpage .magazine-left .listpageressortitempicdiv {float:left;width:154px;padding-right:10px;} .cms-magazine-listpage .magazine-left .listpageressortitemcontent { float:left;width:482px;} .cms-magazine-listpage .magazine-left .listpageressortitemtext a {text-decoration:none;color:#333;} .cms-magazine-listpage .magazine-left .listpageressortitempic {border:1px solid #ccc;padding:1px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-ressortteaser {padding:0px 0px 18px 0px;margin-bottom:18px;border-bottom:1px solid #ccc;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-ressortteaser h4 {font-size:16px;line-height:21px;padding:0px 0px 11px 0px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-ressortteaser h4 a {font-size:16px;line-height:21px;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-ressortteaser h3 {color: #999999; font-size: 12px; margin: 0; padding: 0 0 2px; font-family:verdana;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-ressortteaser h3 a {color:#33AADD;font-size:12px;line-height:18px;font-family:verdana;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-ressortteaser .listpageitemcontent-top {height:auto;} .cms-magazine-listpage .magazine-left .listpageressortitemseperator {padding:0px;height:0px;margin:15px 0px 15px 0px;border-bottom: 1px dotted #CCCCCC} .cms-magazine-listpage .magazine-left .mag-seperator {display:none;} .cms-magazine-listpage .magazine-left .cms-magazine-listpage-multimedia-item { background-color:#f5f5f0;margin-bottom:36px;} .cms-magazine-listpage .magazine-left .multimedia-item { float:left;width:154px;padding:18px 18px 7px 18px;} .cms-magazine-listpage .magazine-left .multimedia-item img { border:1px solid #ccc;padding:2px;margin-bottom:5px;} .cms-magazine-listpage .magazine-left .multimedia-spacer { float:left;width:38px;} /* search */ .cms-magazine-listpage.cms-magazine-search .teaser-item-text {float: left; width: 474px;} /* article */ .cms-magazine-article {color:#333;line-height:18px;} .cms-magazine-article a {color:#0026B3} .cms-magazine-article a:hover {color:#ff7500} .cms-magazine-article u {font-weight:bold;text-decoration:none;} .cms-magazine-article .cms-magazine-toolColumn {float:left;width:154px;margin-right:10px;text-align:right;color:#999} .cms-magazine-article .cms-magazine-toolColumn img {padding-left:7px;} .cms-magazine-article .cms-magazine-toolColumn .author {text-align:right; color: #999;} // .cms-magazine-toolColumn.cms-magazine-toolColumn-topTools { padding-top: 22px } .cms-magazine-article .cms-magazine-articleColumn {float:left;width:482px;} .cms-magazine-article .toppic {width:476px;border:1px solid #ccc;padding:2px;margin-bottom:15px;} .cms-magazine-article .toppicicon {position:absolute;top:-29px;*top:138px;right:10px;} .cms-magazine-article p {padding-bottom:21px;} .cms-magazine-article p.first, .cms-magazine-article p.first i {font-weight:bold;color:#333;text-decoration:none;} .cms-magazine-article p.first a {color:#0026B3;font-weight:bold;text-decoration:none;} .cms-magazine-article p img {text-align:left;border:1px solid #ccc;padding:2px;float:left;margin:3px 10px 0px 0px;} .cms-magazine-article p img.ct-right {text-align:right;float:right;margin:3px 0px 0px 10px;} .cms-magazine-article p img.ct-bottom {width:478px;float:none;} .cms-magazine-article p b {font-size:12px;font-weight:bold;color:#333;line-height:18px;} .cms-magazine-article p b:first-child {font-size:16px;color:#33AADD;line-height:21px;font-family:tahoma,Geneva,Kalimati,sans-serif;padding-bottom:20px;font-weight:normal;} .cms-magazine-article .cms-magazine-articleColumn h2 {font-size:16px;color:#33AADD;line-height:21px;font-family:tahoma,Geneva,Kalimati,sans-serif;padding-bottom:20px;font-weight:normal;} .cms-magazine-article p:first-child b {font-size:12px;font-weight:bold;color:#333;line-height:18px;} .cms-magazine-article .subheaddotted {border-top: 1px dotted #33AADD;padding: 15px 0 0px;} .cms-magazine-article .cms-magazine-articleColumn>ul {position:relative;padding-bottom:22px;} .cms-magazine-article .cms-magazine-articleColumn>ul>li {background: url('http://s.autoscout24.net/Images/shared/icons/bull.png') no-repeat 0 0px;background-position: 0px 7px; position: relative;padding-left:10px;} .cms-magazine-article .cms-magazine-articleColumn>ol {list-style-type:decimal;padding-bottom:9px;padding-left:27px;} .cms-magazine-article .cms-magazine-articleColumn>ol>li {padding-bottom:11px;} .magazine-left .cms-magazine-article .cms-magazine-articleColumn h1 { font-style: Verdana,Helvetica,Arial,sans-serif; font-size:12px;color:#999;line-height:18px;padding-bottom:3px;} .magazine-left .cms-magazine-article h3 { font-size:12px;color:#999;line-height:18px;padding-bottom:3px;} .magazine-left .cms-magazine-article h4 { font-size:16px;color:#33AADD;line-height:21px;font-family:tahoma,Geneva,Kalimati,sans-serif;padding-bottom:18px;} /* article - link row */ .cms-magazine-article .cms-magazine-article-inline-additemsrow { width:482px;border-top: 1px dotted #999999;border-bottom: 1px dotted #999999;padding:15px 0px 16px 0px;margin:4px 0px 24px 0px;} .cms-magazine-article .cms-magazine-article-inline-additemsrow a { text-decoration:none; color: #0026B3;} .cms-magazine-article .cms-magazine-article-inline-additemsrow .infoboxitem {float:left;padding-right:19px;} .cms-magazine-article .cms-magazine-article-inline-additemsrow .infoboxitem img {padding-right:9px;} /* article - TechData */ .cms-magazine-article .techdata { } /* simple data table */ .cms-magazine-article-inline-simpledatatable td {width:232px;border-bottom:1px solid #CCC;padding:5px 2px 6px 2px;vertical-align:center;} .cms-magazine-article-inline-simpledatatable td.sepcell {width:10px;border-bottom:0px solid #333;} .cms-magazine-article-inline-simpledatatable .header td {width:232px;padding-bottom:13px;border-bottom:1px solid #333;} .cms-magazine-article-inline-simpledatatable td.sepcell {width:10px;border-bottom:0px solid #333;} .cms-magazine-article-inline-simpledatatable td.firstcell {text-align:right;font-weight:bold;} /* article - Video */ .cms-magazine-article .fullvideo { width:482px;padding:4px 0px 24px 0px;} .cms-magazine-article .cms-magazine-article-inline-simpletable .fullvideo { width:446px;padding:1px 0px 15px 0px;} /* article - Fazit */ .cms-magazine-article .cms-magazine-article-fazit-header .fazit-left {float: left; width: 154px; margin-right: 10px} .cms-magazine-article .cms-magazine-article-fazit-header .fazit-right {padding: 15px 0px 20px; float: left; width: 482px; font-size:16px;color:#33AADD;line-height:21px;font-family:tahoma,Geneva,Kalimati,sans-serif;font-weight:normal;border-top: 1px dotted #33AADD;} .smart .cms-magazine-article .cms-magazine-article-fazit-header .fazit-right {padding: 15px 0px 20px; float: left; width: 100%; font-size:16px;color:#33AADD;line-height:21px;font-family:tahoma,Geneva,Kalimati,sans-serif;font-weight:normal;border-top: 1px dotted #33AADD;} .cms-magazine-article .cms-magazine-article-fazit .cms-magazine-article-fazit-pic {color: #999999; float: left; margin-right: 10px; text-align: right; width: 154px;} .cms-magazine-article .cms-magazine-article-fazit .cms-magazine-article-fazit-pic img {border:1px solid #ccc;padding:2px;margin-top: 4px} .cms-magazine-article .cms-magazine-article-fazit .cms-magazine-article-fazit-txt {float: left; width: 482px;} .smart .cms-magazine-article .cms-magazine-article-fazit .cms-magazine-article-fazit-txt {float: left; width: 100%;} .cms-magazine-article .cms-magazine-article-fazit .cms-magazine-article-fazit-txt h3 {font-weight: bold; color: #333333} /* article - eVote */ .cms-magazine-article .cms-magazine-article-eVote.noShow {display: none} .cms-magazine-article .cms-magazine-article-eVote {width: 646px;} .cms-magazine-article .cms-magazine-article-eVote {background-color: #F1EEE9; padding-top: 15px; margin-bottom: 20px} .cms-magazine-article .cms-magazine-article-eVote h2 {color: #333333; font-weight: bold; font-size: 12px; padding-left: 164px} .cms-magazine-article .cms-magazine-article-eVote .lightBlueButtonDeactive .r {background-position: -13px -110px;} .cms-magazine-article .cms-magazine-article-eVote {clear:both; margin-bottom: 18px; padding-top: 15px} .cms-magazine-article .cms-magazine-article-eVote .evote-item-question {position: relative; padding: 0px 0px 0px 154px; } .cms-magazine-article .cms-magazine-article-eVote .evote-item-question-link {display: block; line-height:18px; font-size: 12px; color: #333333; text-decoration: none; width: 390px; padding. 0; padding-left: 10px; *padding-left: 10px; /* IE7 + IE6*/ _padding-left: 10px; /* <= IE6 */ } .cms-magazine-article .cms-magazine-article-eVote .evote-item-icon {display: block;background: url('http://ww2.autoscout24.be/as24-common-icons-vote-xl.png') no-repeat 0 0px; float:right; right: 9px; background-position: 0px 0px; position: absolute; top: -20px;width:35px;height:40px;} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay {padding: 10px 0px 0px 0px; clear: both} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay .listAnswers {list-style-image: none; list-style-type: none; margin: 0; padding: 20px 0px 0px 0px;} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay .listAnswers li {clear:both; padding: 0px 0px 21px 0px; padding-bottom: 21px; *padding-bottom: 0px; /* IE7 + IE6*/ _padding-bottom: 0px; /* <= IE6 */ } .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay .listAnswers li .barcontainer {float: left; width: 154px; padding: 5px 0px 0px 3px} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay .listAnswers li .barcontainer .evotebar {float: right; height: 9px} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay .listAnswers li .barcontainer div.evotebar {background-color: #999999; } .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay .listAnswers li .barcontainer div.maxbar.evotebar {background-color: #0095D5} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay .listAnswers li .barcontainer span.perc {display: none} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay .listAnswers li .answer {float: left; padding: 0px 0px 8px 9px; color: #333333;width:480px;} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay .listAnswers li .answer span {font-size: 16px; font-family: tahoma,Geneva,Kalimati,sans-serif; color: #333333; font-size: 16px} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerDisplay .evote-item-container-footer {padding: 13px 0px 0px 194px; padding-top: 13px; *padding-top: 8px; /* IE7 + IE6*/ _padding-top: 8px; /* <= IE6 */ } .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerVoting {padding: 0px 0px 0px 164px; clear: both} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerVoting .listVoting {width: 400px; list-style-image: none; list-style-type: none; margin: 0; padding: 25px 0px 0px 0px;} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerVoting .listVoting li {clear: both; padding: 0; margin: 0px 0px 0px 0px} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerVoting .listVoting input {float:left; color: #666666; margin-left: 0px; margin-right: 5px; line-height: 18px; font-size: 12px} .cms-magazine-article .cms-magazine-article-eVote .evote-item-containerVoting .listVoting label {width: 350px;display: block;float:left; line-height: 15px; font-size: 12px; color: #333333; padding: 2px 0px 6px 0px; padding-bottom: 6px; *padding-bottom: 5px; /* IE7 + IE6*/ _padding-bottom: 5px; /* <= IE6 */ } .cms-magazine-article .cms-magazine-article-eVote .evote-item-container-footer {clear: both} .cms-magazine-article .cms-magazine-article-eVote .evote-item-container-footer .evote-item-container-footer-action {padding: 11px 0px 0px 0px} .cms-magazine-article .cms-magazine-article-eVote .evote-item-container-footer .evote-item-container-footer-action .left {float: left} .cms-magazine-article .cms-magazine-article-eVote .evote-item-container-footer .evote-item-container-footer-action .right {float: left; padding: 0px 0px 0px 9px } .cms-magazine-article .cms-magazine-article-eVote .evote-item-container-footer .evote-item-container-footer-action .right a {text-decoration: underline; font-size: 12px; line-height: 18px; color: #0026B3} .cms-magazine-article .cms-magazine-article-eVote .evote-item-container-footer .evote-item-container-footer-action .right a:hover {text-decoration: underline; font-size: 12px; line-height: 18px; color: #FF7500} .cms-magazine-article .cms-magazine-article-eVote .evote-item-container-footer .evote-item-container-footer-article {padding: 15px 0px 0px 0px} .cms-magazine-article .cms-magazine-article-eVote .evote-item-container-footer .evote-item-container-footer-article ul.cms-list-orange {padding: 0px 0px 14px 0px} .cms-magazine-article .cms-magazine-article-eVote .lightBlueButtonDeactive .m {color: #999999} .cms-magazine-article .cms-magazine-article-eVote .cms-paging {padding-top: 18px} /* article - Rating */ .cms-magazine-article div.rating-cancel,.cms-magazine-article div.star-rating{float:left;width:16px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} .cms-magazine-article div.rating-cancel,.cms-magazine-article div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px} .cms-magazine-article div.star-rating,.cms-magazine-article div.star-rating a{background:url(star11.png) no-repeat 0 0px} .cms-magazine-article div.rating-cancel a,.cms-magazine-article div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} .cms-magazine-article div.star-rating-on a{background-position:0 -16px!important} .cms-magazine-article div.star-rating-hover a {background-position:0 -32px} .cms-magazine-article div.star-rating-readonly a{cursor:default !important} .cms-magazine-article div.star-rating{background:transparent!important;overflow:hidden!important} // .cms-magazine-article .articleRating {margin:13px 0px 18px 0px;width:482px;border-top: 1px dotted #999999;border-bottom: 1px dotted #999999;padding:15px 0px 16px 0px;} .cms-magazine-article .articleRating {margin:13px 0px 0px 0px;width:482px;border-top: 1px dotted #999999;border-bottom: 0px dotted #999999;padding:15px 0px 16px 0px;} .cms-magazine-article .ratingStars {float:left;padding-right:7px;} .cms-magazine-article .ratingText {float:left;} /* article - More links */ .cms-magazine-article .morelinks {padding:15px 0px 18px 0px} .cms-magazine-article .morelinks .linklist {padding:15px 0px 0px 164px;width:318px;border-top: 1px dotted #999999;} .cms-magazine-article .morelinks img {text-align:left;border:1px solid #ccc;padding:2px;float:left;margin:3px 0px 18px 0px;} .cms-magazine-article .morelinks h4 { font-size:12px;line-height:18px;color:#33aadd;font-family:verdana;padding-bottom:20px;} .cms-magazine-article .morelinks h5 { font-size:12px;line-height:18px;font-family:verdana;font-weight:bold;padding-bottom:12px;} .cms-magazine-article .morelinks .left { float:left;width:154px;padding-right:10px;} .cms-magazine-article .morelinks .right { float:left;width:318px;} .cms-magazine-article .morelinks a:hover {color:#ff7500;} .cms-magazine-article .morelinks a { text-decoration:none; color: #333;} .cms-magazine-article .morelinks ul.orange {margin:0; padding: 0px 0px 23px 0px} .cms-magazine-article .morelinks ul.orange li { list-style-type:none;vertical-align:middle;background-image:url('http://s.autoscout24.net/Images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 6px;padding:0px 0px 0px 12px;line-height: 18px} .cms-magazine-article .morelinks a { background-image:url('1x1-transparent-empty.gif') } .cms-magazine-article .morelinks .firstteaser p {padding-bottom:16px;} .cms-magazine-article .morelinks ul.orange li.li-noarrow {background-image:none;} .cms-magazine-article .morelinks .firstteaser a.orange { vertical-align:middle;background-image:url('http://s.autoscout24.net/Images/shared/icons/arrow_left_XS.gif');background-repeat:no-repeat;background-position:1px 50%;padding:0px 0px 0px 12px;line-height: 18px;text-decoration:none;} /* article - Tools bottom */ .cms-magazine-article .tools-bottom {margin-bottom:18px;width:482px;border-top: 1px dotted #999999;border-bottom: 1px dotted #999999;padding:15px 0px 16px 0px;} .cms-magazine-article .tools-bottom .left { float:left;width:318px;padding-right:10px;} .cms-magazine-article .tools-bottom .right { float:right;width:154px;text-align:right;padding-top:2px;} .cms-magazine-article .tools-bottom a { text-decoration:none; color: #0026B3;} .cms-magazine-article .tools-bottom a:hover {color:#ff7500;} .cms-magazine-article .tools-bottom img {padding-right:9px;vertical-align:baseline;} .cms-magazine-article .tools-bottom .right img {vertical-align:top;padding-top:8px;*padding-top:6px} /* article - pro and contra boxes*/ .cms-magazine-article .cms-magazine-article-probox { margin-top:4px;margin-bottom:24px;width:216px;border:1px solid #A4C79D;float:left;padding:9px;margin-right:9px;color:#A4C79D;} .cms-magazine-article .cms-magazine-article-conbox { margin-top:4px;margin-bottom:24px;width:216px;border:1px solid #DD4433;float:left;padding:9px;color:#DD4433;} .cms-magazine-article .cms-magazine-article-proconbox-symbol { width:12px;background-color:white;float:left; } .cms-magazine-article .cms-magazine-article-proconbox-header { font-size:24px;font-weight:bold;background-color:#A4C79D;color:white;height:23px;padding:3px 0px 0px 7px;margin-bottom:7px;} .cms-magazine-article .cms-magazine-article-conbox .cms-magazine-article-proconbox-header { background-color:#DD4433;} .cms-magazine-article .cms-magazine-article-proconbox-text { color:#333;float:left;width:200px;} /* article - Social bottom */ .cms-magazine-article .social-bottom {padding:2px 0px 18px 0px;} .cms-magazine-article .social-bottom #___plusone_0 {width:79px !important;padding-top:3px;} .cms-magazine-article .social-bottom .fb_edge_widget_with_comment {top:-2px;} .cms-magazine-article .social-bottom .twitter-share-button {padding-right:18px;} /* article - tellAFriend */ #cms-magazine-article-tellafriend-container .contact-caption-close {background: url('http://ww2.autoscout24.be/as24-common-icon-close-xl.png') no-repeat scroll 0 0px transparent; height: 38px; left: 456px; position: absolute; top: -19px; width: 38px;z-index: 3000} #tellafriend {padding: 15px 18px 15px 18px} #tellafriend .btn-orange-grey-standard span {padding-top: 0px} #tellafriend ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix {display: none} #tellafriend .contact-caption {font-size: 16px; color: #333333; position:relative ; z-index: 3000 !important; padding-bottom: 15px; font-family: tahoma,Geneva,Kalimati,sans-serif} #tellafriend .item {clear:both} #tellafriend .item .item-label {} #tellafriend .item .item-element .validation-box {padding-bottom: 15px} #tellafriend .item .item-element .validation-box input {color: #333333; font-size: 12px; height: 18px; width: 216px} #tellafriend .item .item-element .validation-box textarea {color: #333333; font-size: 12px; width: 422px; padding: 5px} #tellafriend .item .item-element .validation-box .checkbox-check {float: left; line-height. 18px; padding: 0; padding-top: 2px; *padding-top: 0px; /* IE7 + IE6*/ _padding-top: 0px; /* <= IE6 */ } #tellafriend .item .item-element .validation-box .checkbox-check input {margin: 0; padding: 0; width: 20px} #tellafriend .item .item-element .validation-box .checkbox-text {padding-left: 5px; float:left} #tellafriend .item .item-label .item-label-txt.not-valid {color: #FF0000} #tellafriend .item .item-element .validation-box.not-valid .validation-errors span {font-size: 10px; line-height: 14px; color: #FF0000} #tellafriend .contact-bottom {padding-top: 15px} #tellafriend .contact-bottom .m {padding-top: 1px !important; line-height: 21px} #tellafriend .contact-footer {clear: both; padding-top: 15px;} #tellafriend .contact-footer img {float:left; padding-top: 5px; padding-right: 9px; width: 18px} #tellafriend .contact-footer .footer-title {font-size: 10px; color: #999999; float:left; width: 390px; line-height: 12px; padding-top: 2px} #tellafriendSuccess {background-color: #DFEBDC; padding: 18px; display:none; height: 20px} #tellafriendSuccess .tip-caption .tip-caption-img {float: left; padding-right: 9px} #tellafriendSuccess .tip-caption .tip-caption-text {float: left; color: #666666; font-size: 14px} /* Techdata */ .cms-magazine-article div.techdata { border:1px solid #ccc;padding:9px 18px 16px 18px;} .cms-magazine-article table.techdataheader a { cursor: pointer; float: right; height: 22px; position: relative; right: 0; top: -1px; width: 22px;} .cms-magazine-article table.techdataheader a.leftarrow { background: url("as24_common_common_browse.png") no-repeat scroll 0 0px transparent;top:3px} .cms-magazine-article table.techdataheader a.rightarrow { background: url("as24_common_common_browse.png") no-repeat scroll 0 -22px transparent;top:3px} .cms-magazine-article table.techdataheader a.leftarrow:hover { background: url("as24_common_common_browse.png") no-repeat scroll -22px 0px transparent;top:3px} .cms-magazine-article table.techdataheader a.rightarrow:hover { background: url("as24_common_common_browse.png") no-repeat scroll -22px -22px transparent;top:3px} .cms-magazine-article table.techdataheader h5 {font-size:16px;line-height:21px;color:#333;text-align:right;} .cms-magazine-article table.techdataheader .firstrow td { border-bottom:1px solid #999;padding:0px 0px 15px 0px;} .cms-magazine-article table.techdataheader .firstrow td.sepcell {width:9px;border-bottom-width:0px;} .cms-magazine-article table.techdataheader .verticalbuttons {width:188px;text-align:right;} .cms-magazine-article table.techdata td {vertical-align:top;padding:5px 0px 6px 0px;border-bottom:1px solid #f1f1f1;} .cms-magazine-article table.techdata tr.noline td {border-bottom:0px solid #f1f1f1;} .cms-magazine-article table.techdata tr.lastrow td {border-bottom:0px solid #f1f1f1;border-top:1px solid #999;padding:15px 0px 0px 0px;} .cms-magazine-article table.techdata .horizontalbuttons a { cursor: pointer; float: right; height: 17px; position: relative; right: 0; width: 17px;} .cms-magazine-article table.techdata .horizontalbuttons a.showmore_link { background: url("as24_common_button_expand_sprite.png") no-repeat scroll 0 -0px transparent;} .cms-magazine-article table.techdata .horizontalbuttons a.showless_link { background: url("as24_common_button_expand_sprite.png") no-repeat scroll 0 -16px transparent;} .cms-magazine-article table.techdata .horizontalbuttons a.showmore_link:hover { background: url("as24_common_button_expand_sprite.png") no-repeat scroll -17px -0px transparent;} .cms-magazine-article table.techdata .horizontalbuttons a.showless_link:hover { background: url("as24_common_button_expand_sprite.png") no-repeat scroll -17px -16px transparent;} .cms-magazine-article table.techdata .showless {display:none;cursor:hand;cursor:pointer;color:#0026B3;} .cms-magazine-article table.techdata .showmore {cursor:hand;cursor:pointer;color:#0026B3;} .cms-magazine-article table.techdata .showmore:hover, .cms-magazine-article table.techdata .showless:hover {color:#FF7500;} .cms-magazine-article table.techdata td.sepcell {width:9px;border-bottom-width:0px;} .cms-magazine-article table.techdata tr.header td {padding:27px 0px 7px 0px;border-bottom:1px solid #CCC;font-weight:bold;} .cms-magazine-article table.techdata tr.header td.sepcell {width:9px;border-bottom-width:0px;} .cms-magazine-article table.techdata tr.header.first td {padding-top:15px;border-bottom-width:0px;} .cms-magazine-article table.techdata b {font-weight:bold;} .cms-magazine-article table.techdata tr td.firstcell, .cms-magazine-article table.techdataheader tr td.firstcell {width:210px;text-align:right;} .cms-magazine-article table.techdata tr td.contcell, .cms-magazine-article table.techdataheader tr td.contcell {text-align:left;width:188px;} .cms-magazine-article table.techdata tr td.contcell.contcelllarge, .cms-magazine-article table.techdataheader tr td.contcelllarge {width:385px;} .cms-magazine-article table.techdata tr.opt {display:none;} .cms-magazine-article table.techdata tr.opt.show {display:inline-table;} /* Gallery */ #cms-magazine-article-gallery-container {display:none;} #cms-magazine-article-gallery-toolColumn {display:none;} .cms-magazine-article-gallery-image { position:relative;width:476px;height:317px;border:1px solid #ccc;padding:2px;text-align:center;margin-bottom:15px;background: url("http://s.autoscout24.net/Images/shared/icons/wait_ani_XL.gif") no-repeat scroll center center transparent;} .gallery-image-overlay {z-index:20; cursor: pointer;display: block;outline: medium none; position: absolute;top: 3px; width: 46%;background-color:white; opacity: 0; filter: alpha(opacity = 0);} .gallery-image-overlay.galleryDoLeft {left:3px;height:98%} .gallery-image-overlay.galleryDoRight {right:3px;height:98%} .galleryDoLeftIcon {display: none; position:absolute; top:150px;left: 3px; height: 22px; width: 22px;} .galleryDoLeftIcon.showArrow {background: url("http://s.autoscout24.net/images/shared/buttons/button_browse_gallery_sprite.png") no-repeat scroll 0px 0px transparent;} .galleryDoRightIcon {display: none; position:absolute; top:150px;right: 2px; height: 22px; width: 22px;} .galleryDoRightIcon.showArrow {background: url("http://s.autoscout24.net/images/shared/buttons/button_browse_gallery_sprite.png") no-repeat scroll -21px 0px transparent;} a.gallery-image-overlay.galleryDoRight {background: url("icon_gallery_arrow_right.png") no-repeat scroll right center transparent;} .cms-magazine-article-gallery-tools { border-bottom:1px dotted #ccc;margin-bottom:15px;color:#999;padding-bottom:16px;} .gallery-tools-text { float:left;width:335px;} .gallery-tools-counter { float:right;position:relative;right:25px} .gallery-tools-navi { float:right;cursor: pointer; height: 22px; position: relative; right: 0px; top: -1px; width: 22px;} .gallery-tools-navi.galleryDoLeft { background: url("as24_common_common_browse.png") no-repeat scroll 0 0px transparent;right:8px;} .gallery-tools-navi.galleryDoRight { background: url("as24_common_common_browse.png") no-repeat scroll 0 -22px transparent; } .gallery-tools-navi.galleryDoRight.inactive { background: url("as24_common_common_browse.png") no-repeat scroll -44px -22px transparent; cursor: default} .gallery-tools-navi.galleryDoRight.inactive:hover { background: url("as24_common_common_browse.png") no-repeat scroll -22px -22px transparent; cursor: default} .gallery-tools-navi.galleryDoLeft.inactive { background: url("as24_common_common_browse.png") no-repeat scroll -44px -0px transparent; cursor: default} .gallery-tools-navi.galleryDoLeft.inactive:hover { background: url("as24_common_common_browse.png") no-repeat scroll -22px -0px transparent; cursor: default} .gallery-tools-navi.galleryDoLeft:hover { background: url("as24_common_common_browse.png") no-repeat scroll -22px 0px transparent;right:8px;} .gallery-tools-navi.galleryDoRight:hover { background: url("as24_common_common_browse.png") no-repeat scroll -22px -22px transparent; } #relatedGalleries { position:relative;top:0px;left:0px;z-index:30;height:294px;padding:7px 18px 15px 18px;} #galleryTitle {margin:0px;padding:0px;font-size:16px;line-height:21px;font-familiy:tahoma,Geneva,Kalimati,sans-serif;color:#999;} .interstitialItem { background-color:white;width:220px;float:left;height:131px;overflow:hidden;margin-top:10px;} .interstitialItem img {border:1px solid #CCC;padding:2px;margin-bottom:3px;} .interstitialItem a { color:#999;} #galleryAdBanner {left: 181px; position: absolute; top: 28px; z-index: 10001;} #galleryAdSky {left: 1006px; position: absolute; top: 146px; z-index: 10001;} /* gallery wide image */ .cms-magazine-article .cms-magazine-articleColumn.cms-magazine-article-gallery-fullColumn {width:646px;} .cms-magazine-article-gallery-fullColumn .cms-magazine-article-gallery-image { position:relative;width:640px;height:427px;border:1px solid #ccc;padding:2px;text-align:center;margin-bottom:15px;background: url("http://s.autoscout24.net/Images/shared/icons/wait_ani_XL.gif") no-repeat scroll center center transparent;} .cms-magazine-article-gallery-fullColumn .galleryDoLeftIcon, .cms-magazine-article-gallery-fullColumn .galleryDoRightIcon {top:210px;} /* inline */ /* tabs common */ .cms-magazine-article .ui-widget-content {border: 0px} .cms-magazine-article .ui-state-active.ui-state-hover a {color: #333333} .cms-magazine-article .ui-state-active.ui-state-hover a:hover {color: #333333} .cms-magazine-article .ui-widget-header {background: none; border: 0px} /* tabs - as24_tabbed_table_2cols */ /* tabs - as24_tabbed_table_2cols_fullwidth */ /* tabs - as24_tabbed_table_2cols_fullwidth_scrollable */ /* tabs - as24_tabbed_table_3cols_fullwidth */ /* tabs - as24_tabbed_table_3cols_fullwidth_scrollable */ .cms-magazine-article .idTabContentScrollable {border: 1px solid #CCCCCC; padding: 9px 0px 9px 9px; height: 150px; overflow: auto !important} .cms-magazine-article .idTabContentScrollable {height:150px !important; overflow:auto !important; scrollbar-face-color: white; scrollbar-highlight-color: #666666; scrollbar-shadow-color: #666666; scrollbar-3dlight-color: white; scrollbar-arrow-color: #666666; scrollbar-track-color: white; scrollbar-darkshadow-color: white;} .cms-magazine-article .idTabContentScrollable p {padding-bottom: 15px} .cms-magazine-article .idTabContent {border:1px solid #CCCCCC; min-height:108px; padding:9px 9px 9px 9px; text-align: left; font-size:12px !important;} .cms-magazine-article .idTabContent p {padding-bottom: 15px} /* tabs - as24_tabbed_table_1cols_fullwidth_scrollable */ .cms-magazine-article .tabContainer .tabContainerHeader1ColFullWidth {line-height:18px; } .cms-magazine-article .tabContainer .tabContainerHeader1ColFullWidth li {color: #333333;font-weight: bold; text-align:left;padding: 0px 0px 9px 9px;width: 473px; line-height: 18px} .cms-magazine-article .tabContainer .tabContainerHeader1ColFullWidth li span {font-weight: bold} /* tabs - as24_onetab_box_left */ /* tabs - as24_onetab_box_right */ .cms-magazine-article .info-box.ct-left {background-color: #f1f1f1; margin-bottom: 15px; margin-top: 0px; padding: 15px 18px 15px 18px} .cms-magazine-article .info-box.ct-right {background-color: #f1f1f1; float: right; margin-bottom: 15px; margin-top: 0px; padding: 15px 18px 15px 18px} .cms-magazine-article .info-box.box-in-contentCol {font-size:12px;} .cms-magazine-article .info-box h2 {color: #333333; font-weight: bold; padding-bottom: 15px} .cms-magazine-article .info-box h2 b {color: #333333; font-weight: bold; padding-bottom: 15px} /* tabs - simpleMagData */ .cms-magazine-article .cms-magazine-article-inline-simpletable { background-color:#f1f1f1;padding:15px 18px 15px 18px; margin-bottom: 15px} .cms-magazine-article .cms-magazine-article-inline-simpletable-header {font-weight:bold; padding-bottom: 15px } .cms-magazine-article .cms-magazine-article-inline-simpletable-header b { font-weight:bold; } .cms-magazine-article .cms-magazine-article-inline-simpletable-content { line-height:18px;font-size:12px;} /* newsletter */ .cms-magazine-newsletter .magazine-left h4 { font-size:16px;color:#33AADD;line-height:21px;font-family:tahoma,Geneva,Kalimati,sans-serif;padding-bottom:18px; padding: 0 0 0 164px; padding-bottom: 18px} .cms-magazine-newsletter .magazine-left p { font-size:12px;color:#333333;line-height:18px; padding: 0 0 15px 164px; } .cms-magazine-newsletter .magazine-left p b {font-weight:normal; color: #33AADD; font-family: tahoma,Geneva,Kalimati,sans-serif; font-size: 16px;line-height: 21px; padding-bottom: 20px;} .cms-magazine-newsletter .magazine-left .intro p b, .cms-magazine-newsletter .magazine-left .intro p b a {color: #333333;font-family:verdana; font-size:12px;line-height:18px; font-weight:bold;} .cms-magazine-newsletter .magazine-left .cms-magazine-newsletter-box {background-color:#F1EEE9;padding:15px 18px 0px 0px;margin-bottom:15px;} .cms-magazine-newsletter .magazine-left .cms-magazine-newsletter-box .newsletterbox-field {width:200px;float:left;} .cms-magazine-newsletter .magazine-left .cms-magazine-newsletter-box .cms-magazine-newsletter-box-frm {padding: 0 0 0 164px;} .cms-magazine-newsletter .magazine-left .cms-magazine-newsletter-box .cms-magazine-newsletter-box-frm input { color: #999999;font-size: 12px; height: 18px;width: 180px;} .cms-magazine-newsletter .magazine-left .cms-magazine-newsletter-box .cms-magazine-newsletter-box-frm {padding: 0 0 0 164px;} .cms-magazine-newsletter .magazine-left .cms-magazine-newsletter-box div.not-valid { border: 0 solid #ED9F97; color: #FF0000; font-size: 10px;line-height: 14px;} .cms-magazine-newsletter .magazine-left a.orange, .cms-magazine-newsletter .magazine-left a.magstart { background-image: url("http://s.autoscout24.net/images/shared/icons/arrow_left_XS.gif"); background-position: 1px 50%; background-repeat: no-repeat; line-height: 18px; padding: 0 0 0 12px; vertical-align: middle;text-decoration:none;} /* slider */ .cms-start-box {position: relative; margin-bottom: 18px} .cms-start-box-text {bottom: 0; position: absolute; background-color: #FFFFFF; margin: 10px; opacity: 0.7; padding: 5px 10px 10px; z-index: 2000;} .cms-start-box #header { height:427px; cursor:pointer} .cms-start-box .boxDefault.boxPicturePanoramaL {height:429px; } .cms-start-box .boxDefault {border: 1px solid #CCCCCC; clear: both;} .cms-start-box .headerimg { background-position: center top; background-repeat: no-repeat; width:644px; height:298px; position:absolute; } .cms-start-box .boxPicturePanoramaL .innerWhiteBorderS {height: 424px;border: 2px solid #FFFFFF} .cms-start-box #headertxt { width:960px; margin:0 auto; clear:both; position:relative;} .cms-start-box #firstline {color: #999999; font-size: 12px; margin: 0; padding:16px 15px 0px 15px; float:left; display:block; } .cms-start-box #secondline {color: #33AADD; font-family: tahoma,Geneva,Kalimati,sans-serif; font-weight: normal; margin: 0; padding: 0; float:left; display:block; clear:both; } .cms-start-box #secondline:hover { color: #33AADD; font-family: tahoma,Geneva,Kalimati,sans-serif; font-weight: normal; margin: 0; padding: 0; cursor: default} .cms-start-box .standard a {text-decoration: none; cursor: default} .cms-start-box .standard a:hover {text-decoration: none; cursor: default} .cms-start-box #headertxt.standard { max-width:400px; margin:0 auto; clear:both; position:absolute; bottom:18px; left: 3px } .cms-start-box #headertxt.standard #firstline {color: #999999; font-size: 12px; margin: 0; padding:15px 15px 0px 15px; float:left; display:block; cursor: pointer; width: 350px } .cms-start-box #headertxt.standard #secondline {color: #33AADD; font-family: tahoma,Geneva,Kalimati,sans-serif; font-size: 16px; line-height: 21px; padding:0px 15px 0px 14px; float:left; display:block; cursor: pointer; width: 350px } .cms-start-box #headertxt.standard #secondline:hover {width: 800px; color:#33AADD; font: 16px/21px Tahoma,Geneva,Kalimati,sans-serif padding:0px 15px 0px 14px; float:left; display:block; cursor: pointer; width: 350px } .cms-start-box #teaser {float: left; padding-left: 14px; padding-bottom: 15px; padding-top: 15px; padding-right: 18px; color: #333333; font-size: 12px; line-height: 18px;cursor: default} .cms-start-box .caption {position: relative; z-index: 200} .cms-start-box .cms-opac80 {opacity: 0.9; background-color: white; height: 100%; position: absolute; right: 0; width: 100%; z-index: 100;} .cms-start-box .cms-start-box-navi {position: absolute; top; 10px; left: 4px; z-index: 200} .cms-start-box .cms-start-box-navi li {float: left; margin-left: 4px; cursor: pointer; background-color: white; color: #33AADD;font-size: 12px; padding: 7px 9px 7px 7px; border: 1px solid #CCCCCC;} .cms-start-box .cms-start-box-navi li:hover {float: left; margin-left: 4px; cursor: pointer; background-color: white; color: #FF7500;font-size: 12px; padding: 7px 9px 7px 7px} .cms-start-box .cms-start-box-navi li.active {float: left; margin-left: 4px; cursor: pointer; background-color: white; color: #FF7500;font-size: 12px; padding: 7px 9px 7px 7px; border: 1px solid #CCCCCC;} .cms-start-box .cms-start-box-navi li.active:hover {float: left; margin-left: 4px; cursor: pointer; background-color: white; color: #FF7500;font-size: 12px; padding: 7px 9px 7px 7px} /* Rightcol */ /* textAndLink box */ .magazine-right .cms-magazine-rightcol-textOnly .link { padding-bottom:15px;} .magazine-right .cms-magazine-rightcol-textOnly p { padding-bottom:0px;} /* special and video */ .magazine-right .cms-magazine-rightcol-special .image { float:left;margin-right:9px; position: relative} .magazine-right .cms-magazine-rightcol-special .imageVideoPlayLayer {margin-top:4px;width:150px;height:100px;background: url('http://ww2.autoscout24.be/as24.common.icon.videolayer.sprite.png') no-repeat 0 0px; background-position: 0px 0px; float:right; right: 0px; position: absolute; top: -1px;width:150px;height:100px;cursor: pointer} .magazine-right .cms-magazine-rightcol-special .imageVideoPlayLayer:hover {margin-top:4px;width:150px;height:100px;background: url('http://ww2.autoscout24.be/as24.common.icon.videolayer.sprite.png') no-repeat 0px -101px; float:right; right: 0px; position: absolute; top: -1px;width:150px;height:100px;cursor: pointer} .magazine-right .cms-magazine-rightcol-special .text { float:left;width:120px;} // .magazine-right .cms-magazine-rightcol-special .link { padding-bottom:15px;} .magazine-right .cms-magazine-rightcol-special p { padding-bottom:0px;} .magazine-right .cms-magazine-rightcol-special .playericon {border:0px solid black;position:absolute;left:49px;top:24px; opacity:0.80; filter: alpha(opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';} /* already read */ .magazine-right .cms-magazine-rightcol-alreadyRead h3 div a {text-decoration: none; color: #333333} .magazine-right .cms-magazine-rightcol-alreadyRead h3 div a {text-decoration: none; color: #333333} .magazine-right .cms-magazine-rightcol-alreadyRead .image {float: left; margin-right: 9px} .magazine-right .cms-magazine-rightcol-alreadyRead .text {float: left; width: 120px} .magazine-right .cms-magazine-rightcol-alreadyRead .text a {color: #333333; text-decoration: none} .magazine-right .cms-magazine-rightcol-alreadyRead .text a:hover {color: #333333; text-decoration: none} /* twitter */ .magazine-right .cms-magazine-rightcol-twitter span {color: #999999} .magazine-right .cms-magazine-rightcol-twitter p {border-bottom: 1px dotted #CCCCCC; padding: 0px 0px 9px 0px} .magazine-right .cms-magazine-rightcol-twitter p.last {padding-top: 9px} .magazine-right .cms-magazine-rightcol-twitter a {text-decoration: underline} .magazine-right .cms-magazine-rightcol-twitter a.orange {text-decoration: none} .magazine-right .cms-magazine-rightcol-twitter div.link{padding-top: 9px;margin:0px;} .magazine-right .cms-framedbox.cms-magazine-rightcol-twitter {padding-bottom: 18px} /* search */ .magazine-right .cms-magazine-rightcol-search .searchbox {display:block; float: none; height: auto; padding-bottom: 18px} .magazine-right .cms-magazine-rightcol-search .searchbox .searchbox-field {float:left; padding-right: 9px} .magazine-right .cms-magazine-rightcol-search .searchbox .searchbox-field input {height: 18px; width: 180px; font-size: 12px} .magazine-right .cms-magazine-rightcol-search.fr .searchbox .searchbox-field input {height: 18px; width: 165px; font-size: 12px} .magazine-right .cms-magazine-rightcol-search .searchbox .searchbox-field input.input-inactive {color: #999999} .magazine-right .cms-magazine-rightcol-search .searchbox .searchbox-field input.input-active {color: #333333} .magazine-right .cms-magazine-rightcol-search .searchbox .searchbox-field {float:left; padding-right: 9px} .magazine-right .cms-magazine-rightcol-search .searchbox .searchbox-button {float: right} /* messages */ /* evote */ .magazine-right .cms-framedbox.cms-magazine-rightcol-vote { padding-bottom: 18px; *padding-bottom: 10px; /* IE7 + IE6*/ _padding-bottom: 10px; /* <= IE6 */ } .magazine-right .cms-framedbox.cms-magazine-rightcol-vote img {padding: 0; margin: 0} .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-question {padding: 0px 0px 15px 0px; font-size: 12px; line-height: 18px; width: 240px } .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-loading {padding: 0px 0px 0px 110px} .magazine-right .cms-magazine-rightcol-vote .lightBlueButtonDeactive .r {background-position: -13px -110px;} .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-answers .listAnswers {list-style-image: none; list-style-type: none; margin: 0; padding: 0px 0px 0px 0px;} .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-answers .listAnswers li {float: left; background:none; padding-bottom: 0px; *padding-bottom: 0px; /* IE7 + IE6*/ _padding-bottom: 0px; /* <= IE6 */ } .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-answers .listAnswers li input {display: block;margin-right: 5px; margin-left: 0px; float: left; line-height: 18px; font-size: 12px} .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-answers .listAnswers li label {display: block; float: left; width: 240px; line-height: 18px; font-size: 12px; padding-top: 2px; *padding-top: 0px; /* IE7 + IE6*/ _padding-top: 0px; /* <= IE6 */ } .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-answers .listAnswers li div.barcontainer {width:250px; float:left;line-height:18px;} .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-answers .listAnswers li div.barcontainer div.evotebar {background-color:#999999; height: 9px; float: left; margin-right: 9px; margin-top: 5px} .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-answers .listAnswers li div.barcontainer div.maxbar {background-color:#0095D5;} .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-answers .listAnswers li div.barcontainer span.perc {overflow:hidden;display: block; float: left; font-size:12px;line-height: 18px} .magazine-right .cms-magazine-rightcol-vote .answer {clear: both; width: 280px; padding-bottom: 15px} .magazine-right .cms-magazine-rightcol-vote #cms-magazine-rightcol-vote-button-id {padding-top: 15px} .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-footer {clear: both;} .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-footer .left {float:left} .magazine-right .cms-magazine-rightcol-vote .cms-magazine-rightcol-vote-footer .right {float:left} /* auto service words */ .magazine-right .cms-magazine-rightcol-worlds {padding:0px;background-color:#ECEDF4;} .magazine-right .cms-magazine-rightcol-worlds .adlabel { float:left;position: relative;width:16px;text-align:center;} .magazine-right .cms-magazine-rightcol-worlds .text { width:265px;float:left;background-color:#ffffff;padding:15px 18px 0px 17px;} .magazine-right .cms-magazine-rightcol-worlds .link { padding-bottom:15px;} .magazine-right .cms-magazine-rightcol-worlds .worldlogo {float:left;} .magazine-right .cms-magazine-rightcol-worlds .worlddropdown {float:left;width:100px;padding:12px 0px 18px 18px;} .magazine-right .cms-magazine-rightcol-worlds select { width:100px;} /* tagcloud */ .magazine-right .cms-magazine-rightcol-tagcloud p { text-align:center; } .magazine-right .cms-magazine-rightcol-tagcloud a {color:#333;text-decoration:none;} .magazine-right .cms-magazine-rightcol-tagcloud a:hover.w1, .magazine-right .cms-magazine-rightcol-tagcloud a:hover.w2, .magazine-right .cms-magazine-rightcol-tagcloud a:hover.w3, .magazine-right .cms-magazine-rightcol-tagcloud a:hover.w4 , .magazine-right .cms-magazine-rightcol-tagcloud a:hover.w5 {color: #FF7500;} .magazine-right .cms-magazine-rightcol-tagcloud a.w1 {font-size: 14pt;font-weight: bold;} .magazine-right .cms-magazine-rightcol-tagcloud a.w2 {font-size: 13pt;font-weight: bold;} .magazine-right .cms-magazine-rightcol-tagcloud a.w3 {font-size: 11pt;font-weight: bold;} .magazine-right .cms-magazine-rightcol-tagcloud a.w4 {font-size: 9pt;} .magazine-right .cms-magazine-rightcol-tagcloud a.w5 {font-size: 7pt;} .magazine-right .cms-magazine-rightcol-tagcloud a.w6 {display:none;} /* usedCarsearch */ .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch-headline {padding: 0px 0px 3px 0px; margin: 0px} .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch-headline .make {float:left; width: 131px; padding-right: 18px; line-height: 18px } .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch-headline .model{float:left; width: 131px; line-height: 18px } .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch {clear: both; padding: 0px 0px 15px 0px} .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch select {width: 131px} .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch .make {float:left; width: 131px; padding-right: 18px} .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch .model{float:left; width: 131px} .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch-btn {clear:both; padding: 0px 0px 18px 0px} .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch-btn .insert {float:left;width: 131px; padding-right: 18px} .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch-btn .insert a {text-decoration: underline} .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch-btn .insert a:hover {} .magazine-right .cms-magazine-rightcol-usedCarSearch .cms-usedcarsearch-btn .search {float:right; } /* callbackservice */ .magazine-right .cms-magazine-rightcol-callbackservice {padding-bottom:12px;} .magazine-right .cms-magazine-rightcol-callbackservice .marginTopFontM { margin-top:10px;} .magazine-right .cms-magazine-rightcol-callbackservice .lightBlueButton { margin-top:15px;margin-bottom:11px;} /* adtag */ .magazine-right .cms-magazine-rightcol-adtag { padding:0px;background-color:#ECEDF4;} .magazine-right .cms-magazine-rightcol-adtag .adlabel { float:left;position: relative;width:16px;text-align:center;} .magazine-right .cms-magazine-rightcol-adtag .adtag { width:300px;float:left;background-color:#fff;} .magazine-right .cms-magazine-rightcol-adtag .adtag img { padding:0px;margin:0px;} /* newsletter */ .magazine-right .cms-magazine-rightcol-newsletter p { width:240px;} //.magazine-right .cms-magazine-rightcol-newsletter .link { padding-bottom:15px;} .magazine-right .cms-magazine-rightcol-newsletter .newsletterbox {display:block; float: none; height: auto; padding-bottom: 15px} .magazine-right .cms-magazine-rightcol-newsletter .newsletterbox-field {float:left; padding-right: 9px} .magazine-right .cms-magazine-rightcol-newsletter .newsletterbox-field input {height: 18px; width: 180px;color:#999;font-size:12px;height:18px;} .magazine-right .cms-magazine-rightcol-newsletter.nl .newsletterbox-field input {height: 18px; width: 155px;color:#999;font-size:12px;height:18px;} .magazine-right .cms-magazine-rightcol-newsletter #magazineRightcolNewsletterForm div.not-valid { display: inline;font-size: 10px; line-height: 14px;} .magazine-right .cms-magazine-rightcol-newsletter #magazineRightcolNewsletterForm span.not-valid { clear: left; display: block; float: left; margin-bottom: 1px; padding-top: 1px; width: 180px; } .magazine-right .cms-magazine-rightcol-newsletter #magazineRightcolNewsletterForm div.not-valid { background-color: #FFFFFF; border: 0 solid #ED9F97; color: #FF0000;} .magazine-right .cms-magazine-rightcol-newsletter #magazineRightcolNewsletterForm .validation-box.validation-box-small { padding-bottom: 2px; padding-top: 0;} .magazine-right .cms-magazine-rightcol-newsletter #magazineRightcolNewsletterFormButton {float:right;} /* social */ .magazine-right .cms-magazine-rightcol-social img {margin:0px;} .magazine-right .cms-magazine-rightcol-social a {font-size:12px;line-height:20px;text-decoration:none;color:#0026B3;} .magazine-right .cms-magazine-rightcol-social a:hover {text-decoration:none;color:#ff7500;} .magazine-right .cms-magazine-rightcol-social .social-icon {width:29px;float:left;height:20px;} .magazine-right .cms-magazine-rightcol-social .social-link {width:111px;float:left;} /* * jQuery UI CSS Framework 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; opacity:0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);} /* * jQuery UI CSS Framework 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 9px solid #B2C2D1; background: #ffffff; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #DDDDDD; background: none; font-weight: normal; color: #CCCCCC; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #DDDDDD; background: none; font-weight: normal; color: #CCCCCC; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #CCCCCC; background: #ffffff ; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { background: #FFFFFF ; opacity:0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* /* * jQuery UI Dialog 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: 0; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content{ position: relative; border: 0; padding: 0; background: none; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar {display: none; cursor: move; } /* * jQuery UI Tabs 1.8.15 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0px 9px 0px 0px; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: 6px 9px 6px 9px; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 1px; padding: 9px 18px 9px 18px; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .magazine-right .navigationTabs li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 transparent; border-color: #CCCCCC #CCCCCC -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; display: block; float: left; height: 27px; margin-right: 9px; } .magazine-right .navigationTabs li a { background: -moz-linear-gradient(center top , white 50%, #E5EAF0 50%) repeat-x scroll 0 0 transparent; color: #003468; cursor: pointer; display: block; padding: 6px 9px; text-decoration: none; } .magazine-right .navigationTabs li a:hover { background: none repeat scroll 0 0 #E5EAF0; color: #003468; cursor: pointer; text-decoration: none; } .magazine-right .navigationTabs li a.active, .navigationTabs li a.active:hover, .navigationTabs li.ui-tabs-selected a, .navigationTabs li.ui-tabs-selected a:hover { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #FFFFFF; color: #333333; cursor: default; } .magazine-right .navigationTabContent { border: 1px solid #CCCCCC; clear: both; } .magazine-right .navigationTabContent .ui-tabs-hide, .ui-tabs-hide { display: none; } .magazine-right .tabContentBoxTopAlign { margin-top: 31px; }