/* --- Schwarz E-Commerce GmbH & Co. KG Stiftsbergstr. 1 74166 Neckarsulm Project: Lidl-Travel Version: 1.6 Last change: 25/03/10 Author: Tobias Beisel Index: 01 General .01 CSS-Reset .02 Settings for deactivated JS .03 Layer for specials 02 Main .01 Elements which are hidden for SEO & print-layout improvement .02 Breaking all floats .03 Frame of the whole website .04 Main elements 03 Header .01 Top-Tabs (eg. Online-Shop, Reisen, Blumen ... ) .02 Teaser with Image, Text, Status .03 Teaser with all weekdays .04 Searchfield top-right .05 Quicksearch-Result at Searchfield .06 Breadcrumb-Navigation under teasers .07 Specialsaction 04 Navigation .01 Headlines on dark-blue backgorund .02 First level .03 Menupoint with shortly-icon .04 Menupoint with new-icon .05 Menupoint with external-icon .06 Menupoints with permanent campaign-icons .01 multimedia .02 fashion .03 living .04 hobby .05 kitchen .06 car .07 garden .08 sport .09 wine .10 kids .11 wellness .12 jewel .13 contacts .14 supplies .15 office .07 Second level and deeper .08 Navigation end 05 Marginal .01 Standard teaser definitions .02 Login box .03 Highlight box .04 Baglist and watchlist box .05 Positive status .06 Negative status .07 Host box .08 Marginal Quicksearch 06 Footer .01 Main footer .02 Links footer 07 Content .01 Main definitions .02 Buttons .03 Tables .04 Formfields .01 Password criteria .02 Textfields .05 Grid-boxes .01 Big overview box with image (566 x 286 px) .02 Overview-box with image (566 x 166 px) .03 Small-box with Image (182 x 110 px) .04 Small-box with Image (182 x 110 px) .05 Wide-box with image (374 x 110 px) .06 High-box with image (182 x 286 px) .07 General box-styles .06 Pagemenu (1,2,3,4 ... zurück / weiter) .01 General .02 Numbers .03 Buttons .04 Left button (zurück) .05 Right button (weiter) .07 Detailpage .01 Tabs (Beschreibung, Technische Daten, ...) .02 Zoomed Image .03 Social Bookmark .04 Article Chooser .05 Flashintegration .08 All Status .01 Positive status .02 Negative status .03 Neutral status .04 Infolayer .05 Delivery status .09 Order process .01 Fitting articles .02 Order timeline .03 AGB text .04 Loading layer .10 Standard Themeworld-Grid-Definitions .01 Sold out flag .02 Again flag .03 Negative status .04 Positive status .05 Deliverydate of a campaign .06 View-Changer .07 Zoomed Image 08 TYPO3 Notice: - All CSS properties are sorted alphabetical! - Look into the mini-indexes for more detailed information. --- */ /************************************************************************* * 01 General **************************************************************************/ /* 01 General .01 CSS-Reset .02 Settings for deactivated JS .03 Layer for specials */ /* 01.01 CSS-Reset *******************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-style: inherit; font-size: 100.01%; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } acronym, abbr { cursor: help; } html { /* Setting a height of 101% makes scrollbar visible in every browser */ height: 101%; -webkit-text-size-adjust: 100%; } body { background: white url("../imgs/bg.png") repeat-x top left; color: #003278; font-family: verdana; font-size: 11px; line-height: 15px; text-align: center; } .popup { /* set in the body-tag of popups */ background-image: none; color: #003278; font-family: verdana; font-size: 11px; line-height: 15px; padding: 16px; text-align: left; } a, input { color: #003278; } br { clear: both; } /* 01.02 Settings for deactivated JS *************************************/ noscript p { background-color: #f5e2df; border-top: 2px solid #b41e0a; border-right: none; border-bottom: 2px solid #b41e0a; border-left: none; color: #b41e0a; display: block; font-family: verdana; font-size: 11px; margin: 16px auto; padding: 8px; line-height: 15px; text-align: center; width: auto; } noscript p strong { font-weight: bold; } /* 01.03 Layer for specials **********************************************/ .specialslayer { position: absolute; width: 976px; z-index: 9999999; } /************************************************************************* * 02 Main **************************************************************************/ /* 02 Main .01 Elements which are hidden for SEO & print-layout improvement .02 Breaking all floats .03 Frame of the whole website .04 Main elements */ /* 02.01 Elements which are hidden for SEO & print-layout improvement ****/ .hide, .hideclaim { display: none; } /* 02.02 Breaking all floats *********************************************/ .clearer { clear: both; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0; } /* 02.03 Frame of the whole website **************************************/ #wrapper { background: transparent url("../imgs/mainbgmenu.png") no-repeat 0 200px; margin: 29px auto 0 auto; text-align: left; width: 986px; } #wrappernomenu { background: transparent url("../imgs/mainbg.png") no-repeat 0 200px; margin: 29px auto 0 auto; text-align: left; width: 986px; } #innerwrapper { background-color: #ffffff; width: 976px; } #wrapper #innerwrapper { background: #ffffff url("../imgs/menubg.png") repeat-y 1px 0; } /* 02.04 Main elements ***************************************************/ #header { /* including logo, tabs, teasers and quicksearch */ background: transparent url("../imgs/header.png") no-repeat 0 0; height: 208px; width: 986px; } #nav { /* the surrounding navigation div */ display: block; float: left; margin-top: -8px; position: relative; width: 200px; } #smallcontent { /* with menu and marginal big borders outsite */ float: left; margin-top: -8px; position: relative; padding: 0 16px 0 8px; width: 552px; z-index: 1; } #content { /* with menu and marginal */ float: left; margin-top: -8px; position: relative; padding: 8px 0; width: 576px; z-index: 1; } #widecontent { /* no marginal */ float: left; position: relative; margin: 0 -8px 0 40px; width: 696px; z-index: 1; } #widestcontent { /* no menu and marginal */ float: left; margin: 0 -8px 0 30px; width: 896px; } #popupcontent { /* for popups */ width: 100%; } #marginal { /* right column mit teasers */ float: left; padding: 0 0 8px 0; width: 200px; } #footer { /* bottom-div */ display: block; height: 32px; margin: 0 auto; width: 986px; } /************************************************************************* * 03 Header **************************************************************************/ /* 03 Header .01 Top-Tabs (eg. Online-Shop, Reisen, Blumen ... ) .02 Teaser with Image, Text, Status .03 Teaser with all weekdays .04 Searchfield top-right .05 Quicksearch-Result at Searchfield .06 Breadcrumb-Navigation under teasers .07 Specialsaction */ #logo { float: left; } /* 03.01 Top-Tabs (eg. Online-Shop, Reisen, Blumen ... ) *****************/ #servicesitesnav { float: left; width: 780px; } #servicesitesnav li { background: transparent url("../imgs/tab.png") no-repeat left top; display: block; float:left; margin-right: 1px; padding-left: 8px; } #servicesitesnav li a { background: transparent url("../imgs/tab.png") no-repeat right -24px; display: block; font: normal 11px/15px "Verdana"; float:left; padding: 4px 8px 5px 0; text-decoration: none; } #servicesitesnav li a:hover { color: #b41e0a; } #servicesitesnav li.active { background: transparent url("../imgs/tab.png") no-repeat left -48px; display: block; float:left; margin-right: 1px; padding-left: 8px; } #servicesitesnav li.active a, #servicesitesnav li.active a:hover { background: transparent url("../imgs/tab.png") no-repeat right -72px; color: white; display: block; font: normal 11px/15px "Verdana"; float:left; padding: 4px 8px 5px 0; text-decoration: none; } /* 03.02 Teaser with Image, Text, Status *********************************/ #teaser { float: left; height: 92px; margin: 53px 0 0 8px; } #teaser li { background-repeat: no-repeat; display: block; float: left; } #teaser li a { cursor: pointer; display: block; font: normal 10px/12px verdana; height: 93px; width: 142px; text-decoration: none; } #teaser li a span em { color: #b41e0a; font-style: italic; } #teaser li a:hover { color: white; display: block; font: normal 10px/12px verdana; height: 93px; width: 142px; text-decoration: none; } #teaser li a:hover span em { color: white; font-style: italic; } /* 03.03 Teaser with all weekdays ****************************************/ #teaser li a span { display: block; height: 24px; padding: 62px 15px 0 22px; } #teaser li a.monday:hover span, #teaser li a.monday_hover span, #teaser li a.tuesday:hover span, #teaser li a.tuesday_hover span, #teaser li a.wednesday:hover span, #teaser li a.wednesday_hover span, #teaser li a.thursday:hover span, #teaser li a.thursday_hover span, #teaser li a.friday:hover span, #teaser li a.friday_hover span, #teaser li a.saturday:hover span, #teaser li a.saturday_hover span, #teaser li a.sunday:hover span, #teaser li a.sunday_hover span { display: block; height: 24px; padding: 62px 15px 0 22px; } #teaser li a.mondaysoldout, #teaser li a.mondaysoldout_standard, #teaser li a.tuesdaysoldout, #teaser li a.tuesdaysoldout_standard, #teaser li a.wednesdaysoldout, #teaser li a.wednesdaysoldout_standard, #teaser li a.thursdaysoldout, #teaser li a.thursdaysoldout_standard, #teaser li a.fridaysoldout, #teaser li a.fridaysoldout_standard, #teaser li a.saturdaysoldout, #teaser li a.saturdaysoldout_standard, #teaser li a.sundaysoldout, #teaser li a.sundaysoldout_standard { background: transparent url("../imgs/teaser.png") no-repeat 0 -373px; } #teaser li a.mondaysoldout:hover, #teaser li a.mondaysoldout_hover, #teaser li a.tuesdaysoldout:hover, #teaser li a.tuesdaysoldout_hover, #teaser li a.wednesdaysoldout:hover, #teaser li a.wednesdaysoldout_hover, #teaser li a.thursdaysoldout:hover, #teaser li a.thursdaysoldout_hover, #teaser li a.fridaysoldout:hover, #teaser li a.fridaysoldout_hover, #teaser li a.saturdaysoldout:hover, #teaser li a.saturdaysoldout_hover, #teaser li a.sundaysoldout:hover, #teaser li a.sundaysoldout_hover { background: transparent url("../imgs/teaser.png") no-repeat 0 -466px; } #teaser li a.mondayshortly, #teaser li a.mondayshortly_standard, #teaser li a.tuesdayshortly, #teaser li a.tuesdayshortly_standard, #teaser li a.wednesdayshortly, #teaser li a.wednesdayshortly_standard, #teaser li a.thursdayshortly, #teaser li a.thursdayshortly_standard, #teaser li a.fridayshortly, #teaser li a.fridayshortly_standard, #teaser li a.saturdayshortly, #teaser li a.saturdayshortly_standard, #teaser li a.sundayshortly, #teaser li a.sundayshortly_standard { background: transparent url("../imgs/teaser.png") no-repeat 0 -187px; } #teaser li a.mondayshortly:hover, #teaser li a.mondayshortly_hover, #teaser li a.tuesdayshortly:hover, #teaser li a.tuesdayshortly_hover, #teaser li a.wednesdayshortly:hover, #teaser li a.wednesdayshortly_hover, #teaser li a.thursdayshortly:hover, #teaser li a.thursdayshortly_hover, #teaser li a.fridayshortly:hover, #teaser li a.fridayshortly_hover, #teaser li a.saturdayshortly:hover, #teaser li a.saturdayshortly_hover, #teaser li a.sundayshortly:hover, #teaser li a.sundayshortly_hover { background: transparent url("../imgs/teaser.png") no-repeat 0 -280px; } #teaser li a.mondayshortlysoldout, #teaser li a.mondayshortlysoldout_standard, #teaser li a.tuesdayshortlysoldout, #teaser li a.tuesdayshortlysoldout_standard, #teaser li a.wednesdayshortlysoldout, #teaser li a.wednesdayshortlysoldout_standard, #teaser li a.thursdayshortlysoldout, #teaser li a.thursdayshortlysoldout_standard, #teaser li a.fridayshortlysoldout, #teaser li a.fridayshortlysoldout_standard, #teaser li a.saturdayshortlysoldout, #teaser li a.saturdayshortlysoldout_standard, #teaser li a.sundayshortlysoldout, #teaser li a.sundayshortlysoldout_standard { background: transparent url("../imgs/teaser.png") no-repeat 0 -559px; } #teaser li a.mondayshortlysoldout:hover, #teaser li a.mondayshortlysoldout_hover, #teaser li a.tuesdayshortlysoldout:hover, #teaser li a.tuesdayshortlysoldout_hover, #teaser li a.wednesdayshortlysoldout:hover, #teaser li a.wednesdayshortlysoldout_hover, #teaser li a.thursdayshortlysoldout:hover, #teaser li a.thursdayshortlysoldout_hover, #teaser li a.fridayshortlysoldout:hover, #teaser li a.fridayshortlysoldout_hover, #teaser li a.saturdayshortlysoldout:hover, #teaser li a.saturdayshortlysoldout_hover, #teaser li a.sundayshortlysoldout:hover, #teaser li a.sundayshortlysoldout_hover { background: transparent url("../imgs/teaser.png") no-repeat 0 -652px; } /* Monday */ #teaser li a.monday span, #teaser li a.monday_standard span, #teaser li a.mondaysoldout span, #teaser li a.mondaysoldout_standard span, #teaser li a.mondayshortly span, #teaser li a.mondayshortly_standard span, #teaser li a.mondayshortlysoldout span, #teaser li a.mondayshortlysoldout_standard span { background: transparent url("../imgs/teasericons.png") no-repeat 7px 65px; } #teaser li a.monday:hover span, #teaser li a.monday_hover span, #teaser li a.mondaysoldout:hover span, #teaser li a.mondaysoldout_hover span, #teaser li a.mondayshortly:hover span, #teaser li a.mondayshortly_hover span, #teaser li a.mondayshortlysoldout:hover span, #teaser li a.mondayshortlysoldout_hover span { background: transparent url("../imgs/teasericons.png") no-repeat -133px 65px; } /* Tuesday */ #teaser li a.tuesday span, #teaser li a.tuesday_standard span, #teaser li a.tuesdaysoldout span, #teaser li a.tuesdaysoldout_standard span, #teaser li a.tuesdayshortly span, #teaser li a.tuesdayshortly_standard span, #teaser li a.tuesdayshortlysoldout span, #teaser li a.tuesdayshortlysoldout_standard span { background: transparent url("../imgs/teasericons.png") no-repeat -274px 65px; } #teaser li a.tuesday:hover span, #teaser li a.tuesday_hover span, #teaser li a.tuesdaysoldout:hover span, #teaser li a.tuesdaysoldout_hover span, #teaser li a.tuesdayshortly:hover span, #teaser li a.tuesdayshortly_hover span, #teaser li a.tuesdayshortlysoldout:hover span, #teaser li a.tuesdayshortlysoldout_hover span { background: transparent url("../imgs/teasericons.png") no-repeat -414px 65px; } /* Wednesday */ #teaser li a.wednesday span, #teaser li a.wednesday_standard span, #teaser li a.wednesdaysoldout span, #teaser li a.wednesdaysoldout_standard span, #teaser li a.wednesdayshortly span, #teaser li a.wednesdayshortly_standard span, #teaser li a.wednesdayshortlysoldout span, #teaser li a.wednesdayshortlysoldout_standard span { background: transparent url("../imgs/teasericons.png") no-repeat -556px 65px; } #teaser li a.wednesday:hover span, #teaser li a.wednesday_hover span, #teaser li a.wednesdaysoldout:hover span, #teaser li a.wednesdaysoldout_hover span, #teaser li a.wednesdayshortly:hover span, #teaser li a.wednesdayshortly_hover span, #teaser li a.wednesdayshortlysoldout:hover span, #teaser li a.wednesdayshortlysoldout_hover span { background: transparent url("../imgs/teasericons.png") no-repeat -696px 65px; } /* Thursday */ #teaser li a.thursday span, #teaser li a.thursday_standard span, #teaser li a.thursdaysoldout span, #teaser li a.thursdaysoldout_standard span, #teaser li a.thursdayshortly span, #teaser li a.thursdayshortly_standard span, #teaser li a.thursdayshortlysoldout span, #teaser li a.thursdayshortlysoldout_standard span { background: transparent url("../imgs/teasericons.png") no-repeat -838px 65px; } #teaser li a.thursday:hover span, #teaser li a.thursday_hover span, #teaser li a.thursdaysoldout:hover span, #teaser li a.thursdaysoldout_hover span, #teaser li a.thursdayshortly:hover span, #teaser li a.thursdayshortly_hover span, #teaser li a.thursdayshortlysoldout:hover span, #teaser li a.thursdayshortlysoldout_hover span { background: transparent url("../imgs/teasericons.png") no-repeat -979px 65px; } /* Friday */ #teaser li a.friday span, #teaser li a.friday_standard span, #teaser li a.fridaysoldout span, #teaser li a.fridaysoldout_standard span, #teaser li a.fridayshortly span, #teaser li a.fridayshortly_standard span, #teaser li a.fridayshortlysoldout span, #teaser li a.fridayshortlysoldout_standard span { background: transparent url("../imgs/teasericons.png") no-repeat -1120px 65px; } #teaser li a.friday:hover span, #teaser li a.friday_hover span, #teaser li a.fridaysoldout:hover span, #teaser li a.fridaysoldout_hover span, #teaser li a.fridayshortly:hover span, #teaser li a.fridayshortly_hover span, #teaser li a.fridayshortlysoldout:hover span, #teaser li a.fridayshortlysoldout_hover span { background: transparent url("../imgs/teasericons.png") no-repeat -1261px 65px; } /* Saturday */ #teaser li a.saturday span, #teaser li a.saturday_standard span, #teaser li a.saturdaysoldout span, #teaser li a.saturdaysoldout_standard span, #teaser li a.saturdayshortly span, #teaser li a.saturdayshortly_standard span, #teaser li a.saturdayshortlysoldout span, #teaser li a.saturdayshortlysoldout_standard span { background: transparent url("../imgs/teasericons.png") no-repeat -1402px 65px; } #teaser li a.saturday:hover span, #teaser li a.saturday_hover span, #teaser li a.saturdaysoldout:hover span, #teaser li a.saturdaysoldout_hover span, #teaser li a.saturdayshortly:hover span, #teaser li a.saturdayshortly_hover span, #teaser li a.saturdayshortlysoldout:hover span, #teaser li a.saturdayshortlysoldout_hover span { background: transparent url("../imgs/teasericons.png") no-repeat -1544px 65px; } /* Sunday */ #teaser li a.sunday span, #teaser li a.sunday_standard span, #teaser li a.sundaysoldout span, #teaser li a.sundaysoldout_standard span, #teaser li a.sundayshortly span, #teaser li a.sundayshortly_standard span, #teaser li a.sundayshortlysoldout span, #teaser li a.sundayshortlysoldout_standard span { background: transparent url("../imgs/teasericons.png") no-repeat -1684px 65px; } #teaser li a.sunday:hover span, #teaser li a.sunday_hover span, #teaser li a.sundaysoldout:hover span, #teaser li a.sundaysoldout_hover span, #teaser li a.sundayshortly:hover span, #teaser li a.sundayshortly_hover span, #teaser li a.sundayshortlysoldout:hover span, #teaser li a.sundayshortlysoldout_hover span { background: transparent url("../imgs/teasericons.png") no-repeat -1826px 65px; } /* Days normal */ #teaser li a.monday, #teaser li a.monday_standard, #teaser li a.tuesday, #teaser li a.tuesday_standard, #teaser li a.wednesday, #teaser li a.wednesday_standard, #teaser li a.thursday, #teaser li a.thursday_standard, #teaser li a.friday, #teaser li a.friday_standard, #teaser li a.saturday, #teaser li a.saturday_standard, #teaser li a.sunday, #teaser li a.sunday_standard { background: transparent url("../imgs/teaser.png") no-repeat 0 -1px; } #teaser li a.monday:hover, #teaser li a.monday_hover, #teaser li a.tuesday:hover, #teaser li a.tuesday_hover, #teaser li a.wednesday:hover, #teaser li a.wednesday_hover, #teaser li a.thursday:hover, #teaser li a.thursday_hover, #teaser li a.friday:hover, #teaser li a.friday_hover, #teaser li a.saturday:hover, #teaser li a.saturday_hover, #teaser li a.sunday:hover, #teaser li a.sunday_hover { background: transparent url("../imgs/teaser.png") no-repeat 0 -94px; } /* Normal */ #teaser li a.normal, #teaser li a.normal_standard { background: transparent url("../imgs/teaser.png") no-repeat 0 -1px; } #teaser li a.normal:hover, #teaser li a.normal_hover { background: transparent url("../imgs/teaser.png") no-repeat 0 -94px; } #teaser li a.normal span, #teaser li a.normal_standard span, #teaser li a.normal:hover span, #teaser li a.normal_hover span { display: block; height: 24px; padding: 62px 15px 0 7px; } /* In Kürze / shortly */ #teaser li a.shortly, #teaser li a.shortly_standard { background: transparent url("../imgs/teaser.png") no-repeat 0 -187px; } #teaser li a.shortly:hover, #teaser li a.shortly_hover { background: transparent url("../imgs/teaser.png") no-repeat 0 -280px; } #teaser li a.shortly span, #teaser li a.shortly_standard span { display: block; height: 24px; padding: 62px 15px 0 7px; } #teaser li a.shortly:hover span, #teaser li a.shortly_hover span { display: block; height: 24px; padding: 62px 15px 0 7px; } /* Nicht mehr verfügbar! / Not available anymore! */ #teaser li a.soldout, #teaser li a.soldout_standard { background: transparent url("../imgs/teaser.png") no-repeat 0 -373px; } #teaser li a.soldout:hover, #teaser li a.soldout_hover { background: transparent url("../imgs/teaser.png") no-repeat 0 -466px; } #teaser li a.soldout span, #teaser li a.soldout_standard span, #teaser li a.soldout:hover span, #teaser li a.soldout_hover span { display: block; height: 24px; padding: 62px 15px 0 7px; } /* In Kürze und Nicht mehr verfügbar! / Shortly and not available anymore! */ #teaser li a.shortlysoldout, #teaser li a.shortlysoldout_standard { background: transparent url("../imgs/teaser.png") no-repeat 0 -559px; } #teaser li a.shortlysoldout:hover, #teaser li a.shortlysoldout_hover { background: transparent url("../imgs/teaser.png") no-repeat 0 -652px; } #teaser li a.shortlysoldout span, #teaser li a.shortlysoldout_standard span, #teaser li a.shortlysoldout:hover span, #teaser li a.shortlysoldout_hover span { display: block; height: 24px; padding: 62px 15px 0 7px; } /* Soldout Tooltip */ #teaser li a span.soldouttooltip { margin: 2px 0 0 113px; padding: 0; position: absolute; z-index: 2; } #teaser li a:hover span.soldouttooltip { background: transparent url("../imgs/redover.png") no-repeat 0 0; display: block; height: 25px; margin: 2px 0 0 113px; position: absolute; width: 130px; z-index: 3; } /* 03.04 Searchfield top-right *******************************************/ #teaser li#quicksearch { background: transparent url("../imgs/search.png") no-repeat 0 0; float: left; height: 93px; padding: 45px 6px 8px 6px; width: 196px; } #teaser li#quicksearch label { display: block; font: bold 10px/12px verdana; } #teaser li#quicksearch input { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; display: inline; font: normal 10px verdana; float: left; height: 12px; margin-top: 9px; width: 164px; } #teaser li#quicksearch input#quicksearchbtn { border: none; float: left; height: 16px; margin-left: -1px; width: 13px; } /* 03.05 Quicksearch-Result at Searchfield *******************************/ #quickresult { position: absolute; top: 0; left: 0; width: 337px; z-index: 999; } #quickresult a#quickresulthead { background: transparent url("../imgs/resulthead.png") no-repeat 0 0; display: block; font: bold 12px/14px "trebuchet ms"; height: 21px; padding: 10px 8px 0 8px; text-decoration: none; } #quickresult a#quickresulthead span { background: transparent url("../imgs/x.png") no-repeat 0 0; display: block; height: 7px; margin: -11px 0 0 308px; padding: 0; width: 10px; } #quickresult ul li { display: inline; } #quickresult ul li a.even, #quickresult ul li a.even:hover { background: transparent url("../imgs/darkbg.png") no-repeat 0 -1px; clear: both; display: block; font: normal 10px/14px verdana; min-height: 33px; height: auto !important; height: 33px; padding: 8px; text-decoration: none; } #quickresult ul li a.odd, #quickresult ul li a.odd:hover { background: transparent url("../imgs/brightbg.png") no-repeat 0 -1px; clear: both; display: block; font: normal 10px/14px verdana; min-height: 33px; height: auto !important; height: 33px; padding: 8px; text-decoration: none; } #quickresult ul li a.odd img, #quickresult ul li a.odd_standard img, #quickresult ul li a.odd:hover img, #quickresult ul li a.odd_hover img, #quickresult ul li a.even img, #quickresult ul li a.even_standard img, #quickresult ul li a.even:hover img, #quickresult ul li a.even_hover img { border: 1px solid #003278; float: left; margin: 0 8px 0 0; } #quickresult ul li a.odd span, #quickresult ul li a.odd_standard span, #quickresult ul li a.odd:hover span, #quickresult ul li a.odd_hover span, #quickresult ul li a.even span, #quickresult ul li a.even_standard span, #quickresult ul li a.even:hover span, #quickresult ul li a.even_hover span { color: #b41e0a; display: block; font: bold 10px/14px verdana; text-decoration: underline; } #quickresult a#quickresultfoot { background: transparent url("../imgs/resultfoot.png") no-repeat 0 0; color: #003278; display: block; font: bold 10px/14px verdana; height: 36px; padding: 8px 8px 0 8px; text-decoration: none; } #quickresult a#quickresultfoot:hover { color: #b41e0a; } #quickresult a#quickresultfoot span { background: transparent url("../imgs/circles.png") no-repeat -2048px 0; display: block; float: left; height: 16px; margin-right: 6px; width: 16px; } /* 03.06 Breadcrumb-Navigation under teasers *****************************/ #breadcrumb { display: block; float: right; font: normal 10px/12px verdana; height: 26px; padding: 13px 18px 0 0; width: 760px; overflow: hidden; } #breadcrumb a { font: normal 10px/12px verdana; text-decoration: none; } #breadcrumb a:hover { color: #b41e0a; } /* 03.07 Specialsaction **************************************************/ span.specialsactionpos { display: block; position: relative; } span.specialsactionpos span.specialsaction { display: block; height: 119px; left: 768px; position: absolute; top: 0; width: 208px; } /************************************************************************* * 04 Navigation **************************************************************************/ /* 04 Navigation .01 Headlines on dark-blue backgorund .02 First level .03 Menupoint with shortly-icon .04 Menupoint with new-icon .05 Menupoint with external-icon .06 Menupoints with permanent campaign-icons .01 multimedia .02 fashion .03 living .04 hobby .05 kitchen .06 car .07 garden .08 sport .09 wine .10 kids .11 wellness .12 jewel .13 contacts .14 supplies .15 office .07 Second level and deeper .08 Navigation end */ #nav { clear: both; } #nav ul { margin: 1px 0 0 1px; width: 191px; } #nav ul li { display: inline; font: bold 12px/14px "trebuchet ms"; } /* 04.01 Headlines on dark-blue backgorund ********************************/ #nav ul li strong { background: #003278 url("../imgs/menutabs.png") no-repeat -191px 0; border-bottom: 1px solid #01275b; border-top: 1px solid white; color: white; display: block; font: bold 12px/14px "trebuchet ms"; padding: 7px 24px 7px 7px; } #nav ul li strong.expanded a, #nav ul li strong.expanded a:hover { background: #003278 url("../imgs/menutabs.png") no-repeat -3629px 0; border-bottom: 1px solid #01275b; border-top: 1px solid white; color: white; display: block; font: bold 12px/14px "trebuchet ms"; padding: 7px 24px 7px 7px; } #nav ul li strong.first { background: transparent url("../imgs/menutabs.png") no-repeat 0 0; border-bottom: 1px solid #01275b; border-top: none; color: white; display: block; font: bold 12px/14px "trebuchet ms"; padding: 7px 24px 7px 7px; } #nav ul li strong.first_expanded a, #nav ul li strong.first_expanded a:hover { background: transparent url("../imgs/menutabs.png") no-repeat -3438px 0; border-bottom: 1px solid #01275b; border-top: 0px; color: white; display: block; font: bold 12px/14px "trebuchet ms"; padding: 7px 24px 7px 7px; } #nav ul li strong.first_expanded, #nav ul li strong.expanded { background: none; border-bottom: 0px; border-top: 0px; padding: 0px; } /* 04.02 First level *****************************************************/ #nav ul li a { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -382px 0; border-bottom: 1px solid #738eb5; border-top: 1px solid white; display: block; font: bold 12px/14px "trebuchet ms"; padding: 7px 24px 7px 7px; text-decoration: none; } #nav ul li a:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -573px 0; color: #375e95; } #nav ul li a.active, #nav ul li a.active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -764px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } #nav ul li a.parent { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -955px 0; } #nav ul li a.parent:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -1146px 0; } #nav ul li a.parent_expanded { background: #d9dfe9 url("../imgs/menutabs.png") no-repeat -4393px 0; } #nav ul li a.parent_expanded:hover { background: #ebeef2 url("../imgs/menutabs.png") no-repeat -4584px 0; } #nav ul li a.shoppingcart { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -1337px 0; } #nav ul li a em, #nav ul li a:hover em, #nav ul li a.active em, #nav ul li a.active:hover em, #nav ul li a.shoppingcart em, #nav ul li a.shoppingcart:hover em, #nav ul li a.shoppingcart_active em, #nav ul li a.shoppingcart_active:hover em { font-style: italic; padding: 0 1px; } #nav ul li a.shoppingcart:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -1528px 0; } #nav ul li a.shoppingcart_active, #nav ul li a.shoppingcart_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -1719px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.03 Menupoint with shortly-icon *************************************/ #nav ul li a.shortly { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -2865px 0; position: relative; } #nav ul li a.shortly:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -3056px 0; } #nav ul li a.shortly_active, #nav ul li a.shortly_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -3247px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.04 Menupoint with new-icon *****************************************/ #nav ul li a.new, #nav ul li a.Lay1 { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -2292px 0; } #nav ul li a.new:hover, #nav ul li a.Lay1:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -2483px 0; } #nav ul li a.new_active, #nav ul li a.new_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -2674px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.05 Menupoint with external-icon ************************************/ #nav ul li a.external { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -1910px 0; } #nav ul li a.external:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -2101px 0; } /* 04.06 Menupoints with permanent campaign-icons ************************/ /* 04.06.01 multimedia */ #nav ul li a.multimedia { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -6685px 0; } #nav ul li a.multimedia:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -6876px 0; } #nav ul li a.multimedia_active, #nav ul li a.multimedia_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -7067px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.02 fashion */ #nav ul li a.fashion { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -7258px 0; } #nav ul li a.fashion:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -7449px 0; } #nav ul li a.fashion_active, #nav ul li a.fashion_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -7640px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.03 living */ #nav ul li a.living { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -7831px 0; } #nav ul li a.living:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -8022px 0; } #nav ul li a.living_active, #nav ul li a.living_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -8213px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.04 hobby */ #nav ul li a.hobby { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -8404px 0; } #nav ul li a.hobby:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -8595px 0; } #nav ul li a.hobby_active, #nav ul li a.hobby_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -8786px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.05 kitchen */ #nav ul li a.kitchen { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -8977px 0; } #nav ul li a.kitchen:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -9168px 0; } #nav ul li a.kitchen_active, #nav ul li a.kitchen_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -9359px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.06 car */ #nav ul li a.car { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -9550px 0; } #nav ul li a.car:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -9741px 0; } #nav ul li a.car_active, #nav ul li a.car_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -9932px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.07 garden */ #nav ul li a.garden { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -10123px 0; } #nav ul li a.garden:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -10314px 0; } #nav ul li a.garden_active, #nav ul li a.garden_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -10505px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.08 sport */ #nav ul li a.sport { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -10696px 0; } #nav ul li a.sport:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -10887px 0; } #nav ul li a.sport_active, #nav ul li a.sport_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -11078px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.09 wine */ #nav ul li a.wine { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -11269px 0; } #nav ul li a.wine:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -11460px 0; } #nav ul li a.wine_active, #nav ul li a.wine_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -11651px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.10 kids */ #nav ul li a.kids { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -11842px 0; } #nav ul li a.kids:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -12033px 0; } #nav ul li a.kids_active, #nav ul li a.kids_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -12224px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.11 wellness */ #nav ul li a.wellness { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -12415px 0; } #nav ul li a.wellness:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -12606px 0; } #nav ul li a.wellness_active, #nav ul li a.wellness_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -12797px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.12 jewel */ #nav ul li a.jewel { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -12988px 0; } #nav ul li a.jewel:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -13179px 0; } #nav ul li a.jewel_active, #nav ul li a.jewel_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -13370px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.13 contacts */ #nav ul li a.contacts { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -13561px 0; } #nav ul li a.contacts:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -13752px 0; } #nav ul li a.contacts_active, #nav ul li a.contacts_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -13943px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.14 supplies */ #nav ul li a.supplies { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -14134px 0; } #nav ul li a.supplies:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -14325px 0; } #nav ul li a.supplies_active, #nav ul li a.supplies_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -14516px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.06.15 office */ #nav ul li a.office { background: #a3b5ce url("../imgs/menutabs.png") no-repeat -14707px 0; } #nav ul li a.office:hover { background: #c9d4e3 url("../imgs/menutabs.png") no-repeat -14898px 0; } #nav ul li a.office_active, #nav ul li a.office_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -15089px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: bold 12px/14px "trebuchet ms"; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } /* 04.07 Second level and deeper *****************************************/ #nav ul li ul { margin: 0; width: 191px; } #nav ul li ul li a { background: #d9dfe9 url("../imgs/menutabs.png") no-repeat -4775px 0; border-bottom: 1px solid #738eb5; border-top: 1px solid white; display: block; font: normal 11px/13px verdana; padding: 7px 24px 7px 7px; text-decoration: none; } #nav ul li ul li a:hover { background: #ebeef2 url("../imgs/menutabs.png") no-repeat -4966px 0; color: #375e95; } #nav ul li ul li a.active, #nav ul li ul li a.active:hover { background: #ffe300 url("../imgs/menutabs.png") no-repeat -5157px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; display: block; font: normal 11px/13px verdana; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } #nav ul li ul li a.parent { background: #d9dfe9 url("../imgs/menutabs.png") no-repeat -5348px 0; font: normal 11px/13px verdana; } #nav ul li ul li a.parent:hover { background: #ebeef2 url("../imgs/menutabs.png") no-repeat -5539px 0; font: normal 11px/13px verdana; } #nav ul li a.parent_active, #nav ul li a.parent_active:hover { background: #e0cb00 url("../imgs/menutabs.png") no-repeat -4202px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; color: #003278; display: block; font: normal 11px/13px verdana; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; font: bold 12px/14px "trebuchet ms"; } #nav ul li a.parent_expanded { font: bold 12px/14px "trebuchet ms"; } #nav ul li a.parent_deepest_expanded { background: #d9dfe9 url("../imgs/menutabs.png") no-repeat -3820px 0; font: bold 12px/14px "trebuchet ms"; } #nav ul li a.parent_deepest_expanded:hover { background: #d9dfe9 url("../imgs/menutabs.png") no-repeat -4011px 0; } #nav ul li ul li a.new { background: #d9dfe9 url("../imgs/menutabs.png") no-repeat -5730px 0; } #nav ul li ul li a.new:hover { background: #ebeef2 url("../imgs/menutabs.png") no-repeat -5921px 0; } #nav ul li ul li a.new_active, #nav ul li ul li a.new_active:hover { background: #ffe300 url("../imgs/menutabs.png") no-repeat -6112px 0; border-bottom: 1px solid #cbb900; border-top: 1px solid #003278; display: block; font: normal 11px/13px verdana; margin-top: -1px; padding: 8px 24px 7px 7px; text-decoration: none; } #nav ul li ul li a.external { background: #d9dfe9 url("../imgs/menutabs.png") no-repeat -6303px 0; } #nav ul li ul li a.external:hover { background: #ebeef2 url("../imgs/menutabs.png") no-repeat -6494px 0; } /* 04.08 Navigation end **************************************************/ #nav span { background: transparent url("../imgs/menuend.png") no-repeat 0 0; border-top: 1px solid white; display: block; height: 50px; margin-left: 1px; width: 191px; } /************************************************************************* * 05 Marginal **************************************************************************/ /* 05 Marginal .01 Standard teaser definitions .02 Login box .03 Highlight box .04 Baglist and watchlist box .05 Positive status .06 Negative status .07 Host box .08 Marginal Quicksearch */ /* 05.01 Standard teaser definitions *************************************/ #marginal div { background: transparent url("../imgs/marginal.png") no-repeat 0 0; height: 176px; width: 200px; } #marginal div.empty { background-image: none; height: auto; width: 200px; } #marginal div h4 { color: #003278; display: block; font: bold 14px/16px "trebuchet ms"; margin: 0 24px 0 8px; padding: 5px 0 11px 0; } /* 05.02 Login box *******************************************************/ #marginal div span.inputlayer { cursor: text; font: normal 10px/12px verdana; margin: 4px 0 0 13px; position: absolute; z-index: 2; } #marginal div input.logintextfield { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; display: inline; font: normal 11px verdana; margin: 2px 8px 4px 8px; width: 173px; } #marginal div input.logintextfield:focus { border: 1px solid #003278; display: inline; font: normal 11px verdana; margin: 2px 8px 4px 8px; width: 173px; } #marginal div ul { color: #b41e0a; list-style-type: disc; list-style-position: inside; margin: 0 8px 16px 8px; } #marginal div ul li a { color: #b41e0a; font: bold 11px/15px verdana; } #marginal div div.spacer { background-image: none; display: block; height: 102px; } #marginal div div.spacer p.blank { display: block; font: normal 11px/15px verdana; margin: 0 24px 8px 8px; } #marginal div div.spacer p.blank strong, #marginal div p.productlist_empty strong { font-weight: bold; } #marginal div div.spacer p.blank em, #marginal div p.productlist_empty em { font-style: italic; } #marginal div p.productlist_empty { color: #003278; display: block; font: normal 11px/15px verdana; margin: 2px 16px 8px 8px; } #marginal div a.strongnextbtn, #marginal div a.strongnextbtn_standard { background: transparent url("../imgs/circles2.png") no-repeat 8px 7px; border-top: 3px double #738eb5; color: #003278; display: block; font: bold 11px/11px verdana; padding: 9px 0 0 29px; text-decoration: none; text-align: left; width: 162px; } #marginal div a.strongnextbtn:hover, #marginal div a.strongnextbtn_hover { background: transparent url("../imgs/circles2.png") no-repeat 8px 7px; border-top: 3px double #738eb5; color: #b41e0a; display: block; font: bold 11px/11px verdana; padding: 9px 0 0 29px; text-decoration: none; text-align: left; width: 162px; } /* 05.03 Highlight box ***************************************************/ #marginal div.highlights h4 { color: #003278; display: block; font: bold 14px/16px "trebuchet ms"; margin: 0 24px 0 8px; padding: 5px 0 5px 0; } #marginal div.highlights div.slider { background: transparent url("../imgs/hl_border.png") no-repeat 8px 0; height: 134px; margin: 7px 0 0 4px; width: 184px; } #marginal div.highlights div.slider span { background-repeat: no-repeat; background-position: 9px 0; color: #b41e0a; display: block; font: bold 10px/14px verdana; float: left; height: 132px; margin-top: 1px; text-decoration: underline; position: absolute; width: 184px; } #marginal div.highlights div.slider span a { color: #b41e0a; display: block; font: bold 9px/12px verdana; text-decoration: underline; margin-left: 8px; width: 166px; } #marginal div.highlights div.slider span a.hlbackbtn { background: transparent url("../imgs/circles.png") no-repeat -5095px 42px; float: left; height: 20px; margin: 0; padding: 82px 0 0 1px; text-decoration: none; width: 20px; } #marginal div.highlights div.slider span a.hlmiddle { float: left; height: 100px; margin: 0; width: 142px; } #marginal div.highlights div.slider span a.hlnextbtn { background: transparent url("../imgs/circles.png") no-repeat -4079px 42px; float: right; height: 20px; margin: 0 0 0 0; padding: 82px 0 0 0; text-decoration: none; width: 20px; } #marginal div a.backbtn, #marginal div a.backbtn_standard, #marginal div a.backbtn:hover, #marginal div a.backbtn_hover { background: transparent url("../imgs/circles.png") no-repeat -3064px 0; font: bold 11px/15px verdana; float: left; margin: 0 24px 0 8px; padding: 0 0 4px 22px; text-decoration: none; } #marginal div a.nextbtn, #marginal div a.nextbtn_standard, #marginal div a.nextbtn:hover, #marginal div a.nextbtn_hover { background: transparent url("../imgs/circles2.png") no-repeat 0 0px; font: bold 11px/15px verdana; float: right; margin: 0 24px 0 8px; padding: 0 0 4px 22px; text-decoration: none; } #marginal div a.backbtn:hover, #marginal div a.nextbtn:hover { color: #b41e0a; } /* 05.04 Baglist and watchlist box ***************************************/ #marginal div.productlist_filled { background: transparent url("../imgs/marginal.png") no-repeat -400px 0; min-height: 93px; height: auto !important; height: 93px; overflow: hidden; position: relative; width: 200px; } #marginal div.productlist_filled a.showdetailsbtn { display: block; font: bold 11px/13px verdana; position: absolute; text-decoration: none; top: 31px; left: 8px; width: 180px; } #marginal div.productlist_filled a.hidedetailsbtn { background: transparent url("../imgs/circles2.png") no-repeat -10952px 4px; display: block; font: bold 11px/13px verdana; position: absolute; text-decoration: none; top: 31px; left: 8px; width: 180px; } #marginal div.productlist_filled span.productlist_abstract { position: absolute; top: 51px; left: 0; } #marginal div.productlist_filled span.productlist_detailled { margin-top: 19px; } #marginal div.productlist_filled span.odd strong.sumlabel, #marginal div.productlist_filled span.productlist_detailled span.sum strong.sumlabel { display: block; float: left; font: bold 14px/16px "trebuchet ms"; width: 100px; } #marginal div.productlist_filled span.odd strong.sumvalue, #marginal div.productlist_filled span.productlist_detailled span.sum strong.sumvalue { float: right; font: bold 14px/16px "trebuchet ms"; text-align: right; } #marginal div.productlist_filled span.productlist_detailled span.sum { border-top: 1px solid #738eb5; display: block; margin: 0 17px 0 1px; padding: 14px 8px 13px 8px; width: 174px; } #marginal div.productlist_filled span.productlist_detailled span.odd, #marginal div.productlist_filled span.odd { display: block; margin: 0 17px 0 1px; padding: 14px 8px 13px 8px; width: 174px; } #marginal div.productlist_filled span.productlist_detailled span.even { background-color: #c9d4e3; display: block; margin: 0 17px 0 1px; padding: 14px 8px 13px 8px; width: 174px; } #marginal div.productlist_filled span.productlist_detailled span.odd a.productname, #marginal div.productlist_filled span.productlist_detailled span.even a.productname { display: block; font: bold 14px/16px "trebuchet ms"; margin: 0 0 3px 0; text-decoration: none; } #marginal div.productlist_filled span.productlist_detailled span.odd a.productname:hover, #marginal div.productlist_filled span.productlist_detailled span.even a.productname:hover { color: #b41e0a; } #marginal div.productlist_filled span.productlist_detailled span.odd a.shoppingcart, #marginal div.productlist_filled span.productlist_detailled span.even a.shoppingcart { background: transparent url("../imgs/bag_icon.png") no-repeat 0 2px; color: #b41e0a; display: block; float: left; font: bold 11px/13px verdana; height: 14px; padding-left: 22px; width: 100px; text-decoration: underline; } #marginal div.productlist_filled span.productlist_detailled span.odd small, #marginal div.productlist_filled span.productlist_detailled span.even small { float: left; font: bold 11px/13px "trebuchet ms"; display: block; width: 70px; } #marginal div.productlist_filled span.productlist_detailled span.odd small.soldout, #marginal div.productlist_filled span.productlist_detailled span.even small.soldout { color: #b41e0a; display: block; float: left; font: bold 11px/13px "trebuchet ms"; width: 115px; } #marginal div.productlist_filled span.productlist_detailled span.odd small.again, #marginal div.productlist_filled span.productlist_detailled span.even small.again { color: #33720d; display: block; float: left; font: bold 11px/13px "trebuchet ms"; width: 115px; } span.strike { text-decoration: line-through; } #marginal div.productlist_filled span.productlist_detailled span.odd em, #marginal div.productlist_filled span.productlist_detailled span.even em { display: block; float: right; font: bold 11px/13px "trebuchet ms"; text-align: right; } #marginal div.productlist_filled span.productlist_detailled span.odd span.baseprice, #marginal div.productlist_filled span.productlist_detailled span.even span.baseprice { display: block; float: right; font: normal 9px/12px "trebuchet ms"; text-align: right; margin-top: -4px; } #marginal div.productlist_filled_foot { background: transparent url("../imgs/marginal.png") no-repeat -600px 0; display: block; height: 79px; } #marginal div.productlist_filled_foot small { color: #738eb5; display: block; font: normal 10px/12px verdana; padding: 9px 0 6px 8px; } #marginal div.productlist_filled_foot a.nextbtn, #marginal div.productlist_filled_foot a.nextbtn_standard { font: bold 11px/13px verdana; margin: 0 16px 0 8px; padding: 1px 0 8px 20px; float: left; } #marginal div.productlist_filled_foot a.nextbtn:hover, #marginal div.productlist_filled_foot a.nextbtn_hover { font: bold 11px/13px verdana; margin: 0 16px 0 8px; padding: 1px 0 8px 20px; float: left; } /* 05.05 Positive status *************************************************/ #marginal span.posstatus { background: transparent url("../imgs/marginal.png") no-repeat -800px 0; display: block; height: auto; padding-top: 8px; width: 192px; } #marginal span.posstatus strong { color: #296406; font: bold 11px/13px verdana; padding: 0 8px 0 39px; } #marginal span.posstatus span { color: #296406; display: block; font: normal 11px/13px verdana; font-style: normal; padding: 0 8px 0 39px; } #marginal span.posstatusfoot { background: transparent url("../imgs/marginal.png") no-repeat -992px 0; display: block; height: 8px; margin-bottom: 8px; width: 192px; } /* 05.06 Negative status *************************************************/ #marginal span.negstatus { background: transparent url("../imgs/marginal.png") no-repeat -1184px 0; display: block; height: auto; padding-top: 8px; width: 192px; } #marginal span.negstatus strong { color: #b41e0a; font: bold 11px/13px verdana; padding: 0 8px 0 39px; } #marginal span.negstatus span { color: #b41e0a; display: block; font: normal 11px/13px verdana; font-style: normal; padding: 0 8px 0 39px; } #marginal span.negstatusfoot { background: transparent url("../imgs/marginal.png") no-repeat -1376px 0; display: block; height: 8px; margin-bottom: 8px; width: 192px; } /* 05.07 Host box ********************************************************/ #marginal div.host { background: transparent url("../imgs/marginal.png") no-repeat -1568px 0; height: 105px; width: 200px; } #marginal div.host img { margin-left: 8px; } #marginal div.host p { margin-left: 8px; } #marginal div.host p strong { font-weight: bold; } #marginal div.host p a { color: #b41e0a; font-weight: bold; } /* 05.08 Marginal Quicksearch ********************************************/ #marginal div.marginalsearch { background: transparent url("../imgs/marginal.png") no-repeat -1768px 0; height: 352px; position: relative; width: 200px; } #marginal div.marginalsearch_new { background: transparent url("../imgs/marginal_suche.png") no-repeat 0 0; } #marginal div.marginalsearch h4 { padding: 5px 0 1px 0; } #marginal div.marginalsearch span { clear: both; display: block; font-weight: bold; margin: 3px 0 0 8px; padding: 5px 0 6px 0; width: 176px; } #marginal div.marginalsearch ul.kindchoose { color: #003278; float: left; height: 45px; list-style-type: none; margin: 0 0 0 8px; padding: 4px 0 0 0; width: 176px; } #marginal div.marginalsearch ul.kindchoose li { margin: 0 0 0 0; padding: 0; } #marginal div.marginalsearch ul.kindchoose li label { cursor: pointer; display: block; float: left; margin: 4px 0 0 8px; padding: 0; } #marginal div.marginalsearch span.traveltarget { display: block; float: left; height: 26px; margin: 0 0 0 8px; padding: 6px 0 0 0; width: 176px; } #marginal div.marginalsearch span.traveltarget select.selectfield, #marginal div.marginalsearch span.traveler select.selectfield, #marginal div.marginalsearch span.price select.selectfield { float: none; margin: 0 0 4px 0; width: 176px; } #marginal div.marginalsearch ul.datefields { color: #003278; display: block; float: left; height: 43px; list-style-type: none; margin: 0 0 0 8px; padding: 0; width: 184px; } #marginal div.marginalsearch ul.datefields li { float: left; margin: 0; padding: 0 0 0 0; width: 92px; } #marginal div.marginalsearch ul.datefields li span { color: #738eb5; font: bold 10px/12px "trebuchet ms"; margin: 4px 0 0 0; padding: 0; width: 85px; } #marginal div.marginalsearch ul.datefields li .textfieldmsearch { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; font: normal 11px/15px verdana; float: left; height: 14px; margin: 0 0 8px 0; text-align: left; width: 83px; } #marginal div.marginalsearch span.traveler { display: block; margin: 0 0 0 8px; padding: 8px 0 0 0; height: 50px; } /************************************************************************* * 06 Footer **************************************************************************/ /* 06 Footer .01 Main footer .02 Links footer */ /* 06.01 Main footer *****************************************************/ #footer { background: transparent url("../imgs/footer.png") no-repeat 0 0; } #footer a.copyright { color: white; display: block; float: left; height: 32px; text-align: center; width: 192px; font: normal 10px/12px verdana; margin-top: 5px; text-decoration: none; } #footer ul { display: block; float: left; height: 32px; width: 784px; } #footer ul li { float: left; padding-left: 7px; margin-top: 4px; } #footer ul li a { float: left; font: normal 11px/15px verdana; text-decoration: none; } #footer ul li a:hover { color: #b41e0a; } #footer ul li span { display: block; float: left; font: normal 11px/15px verdana; padding-left: 6px; } #footer a#totop { background: transparent url("../imgs/circles.png") no-repeat 0 0; cursor: pointer; float: right; height: 32px; position: relative; margin: -40px 24px 0 0; width: 32px; z-index: 101; clear: both; } /* 06.02 Links footer ****************************************************/ #footer ul.linksfooter { display: block; float: none; height: 32px; margin: 0 auto; width: 600px; } #footer ul.linksfooter li { float: left; padding-left: 7px; margin-top: 4px; } #footer ul.linksfooter li a, #footer ul.linksfooter li a:hover { color: #738eb5; float: left; font: normal 10px/14px verdana; text-decoration: none; } #footer ul.linksfooter li span { color: #738eb5; display: block; float: left; font: normal 10px/14px verdana; padding-left: 6px; } /************************************************************************* * 07 Content **************************************************************************/ /* 07 Content .01 Main definitions .02 Buttons .03 Tables .04 Formfields .01 Password criteria .02 Textfields .05 Grid-boxes .01 Big overview box with image (566 x 286 px) .02 Overview-box with image (566 x 166 px) .03 Small-box with Image (182 x 110 px) .04 Small-box with Image (182 x 110 px) .05 Wide-box with image (374 x 110 px) .06 High-box with image (182 x 286 px) .07 General box-styles .06 Pagemenu (1,2,3,4 ... zurück / weiter) .01 General .02 Numbers .03 Buttons .04 Left button (zurück) .05 Right button (weiter) .07 Detailpage .01 Tabs (Beschreibung, Technische Daten, ...) .02 Zoomed Image .03 Social Bookmark .04 Article Chooser .05 Flashintegration .08 All Status .01 Positive status .02 Negative status .03 Neutral status .04 Infolayer .05 Delivery status .09 Order process .01 Fitting articles .02 Order timeline .03 AGB text .04 Loading layer .10 Standard Themeworld-Grid-Definitions .01 Sold out flag .02 Again flag .03 Negative status .04 Positive status .05 Deliverydate of a campaign .06 View-Changer .07 Zoomed Image */ /* 07.01 Main definitions ************************************************/ #smallcontent h1, #content h1, #widecontent h1, #widestcontent h1, #popupcontent h1 { display: block; font: normal 24px/28px "trebuchet ms"; padding: 16px 0; } #smallcontent h2, #content h2, #widecontent h2, #widestcontent h2, #popupcontent h2 { color: #b41e0a; display: block; font: normal 18px/22px "trebuchet ms"; padding: 16px 0; } #smallcontent p, #content p, #widecontent p, #widestcontent p, #popupcontent p { font: normal 11px/15px verdana; margin-bottom: 16px; } #smallcontent p strong, #content p strong, #widecontent p strong, #widestcontent p strong, #popupcontent p strong { font: bold 11px/15px verdana; } #smallcontent p em, #content p em, #widecontent p em, #widestcontent p em, #popupcontent p em { font: normal 11px/15px verdana; font-style: italic; } #smallcontent p img.left, #content p img.left, #widecontent p img.left, #widestcontent p img.left, #popupcontent p img.left, #smallcontent img.left, #content img.left, #widecontent img.left, #widestcontent img.left, #popupcontent img.left { float: left; padding: 0 8px 4px 0; } #smallcontent p img.right, #content p img.right, #widecontent p img.right, #widestcontent p img.right, #popupcontent p img.right, #smallcontent img.right, #content img.right, #widecontent img.right, #widestcontent img.right, #popupcontent img.right { float: right; padding: 0 0 4px 8px; } #smallcontent p ul li a, #content p ul li a, #widecontent p ul li a, #widestcontent p ul li a, #popupcontent p ul li a, #smallcontent p a, #content p a, #widecontent p a, #widestcontent p a, #popupcontent p a { color: #b41e0a; font: bold 11px/15px verdana; } .line { border-top: 2px solid #003278; display: block; height: 1px; } .highlight { background-color: #ffe300; display: inline; font-style: normal; padding: 2px; text-decoration: none; } a em.highlight { background-color: #ffe300; display: inline; font-style: normal; padding: 2px; text-decoration: underline; } #content div.articlenotice { color: #738eb5; font: normal 9px/13px verdana; } #content div.articlenotice strong { font-weight: bold; } #content a.marker, #widecontent a.marker, #widestcontent a.marker, #popupcontent a.marker { color: #b41e0a; display: block; font: bold 11px/15px verdana; margin: 8px 0; } #smallcontent ul.list, #content ul.list, #widecontent ul.list, #widestcontent ul.list, #popupcontent ul.list { margin: 0 8px 8px 0; } #smallcontent ul.list ul, #content ul.list ul, #widecontent ul.list ul, #widestcontent ul.list ul, #popupcontent ul.list ul { margin: 0 8px 0 0; } #smallcontent ul.list li, #content ul.list li, #widecontent ul.list li, #widestcontent ul.list li, #popupcontent ul.list li { background: transparent url("../imgs/bullet.png") no-repeat 0 5px; color: #003278; padding: 0 0 0 12px; line-height: 15px; } #smallcontent ul.list li ul li, #content ul.list li ul li, #widecontent ul.list li ul li, #widestcontent ul.list li ul li, #popupcontent ul.list li ul li { background: transparent url("../imgs/bullet.png") no-repeat -1005px 5px; color: #003278; padding: 0 0 0 12px; line-height: 15px; } #smallcontent ul.list li strong, #content ul.list li strong, #widecontent ul.list li strong, #widestcontent ul.list li strong, #popupcontent ul.list li strong { font-weight: bold; } #smallcontent ul.list li em, #content ul.list li em, #widecontent ul.list li em, #widestcontent ul.list li em, #popupcontent ul.list li em { font-style: italic; } #smallcontent ul.list li a, #content ul.list li a, #widecontent ul.list li a, #widestcontent ul.list li a, #popupcontent ul.list li a { color: #b41e0a; font-weight: bold; } /* 07.02 Buttons *********************************************************/ .delbtn, .delbtn_standard, .delbtn:hover, .delbtn_hover { background: transparent url("../imgs/circles.png") no-repeat -7129px 0; cursor: pointer; display: block; height: 15px; text-indent: -99999999px; width: 15px; } .refreshbtn, .refreshbtn_standard, .refreshbtn:hover, .refreshbtn_hover { background: transparent url("../imgs/circles.png") no-repeat -6114px 0; cursor: pointer; display: block; float: left; height: 15px; text-indent: -99999999px; margin: 4px 0 0 2px; width: 15px; } .smallshopbtn { background: transparent url("../imgs/buttons.png") no-repeat 0 0; color: #b41e0a; display: block; font: bold 11px/11px "trebuchet ms"; height: 17px; margin-top: 8px; padding: 5px 0 0 32px; text-decoration: none; width: 103px; } .shopbtn { background: transparent url("../imgs/buttons.png") no-repeat 0 0; color: #b41e0a; display: block; font: bold 11px/11px "trebuchet ms"; height: 17px; padding: 5px 0 0 32px; text-decoration: none; width: 73px; } span.shopbtn, span.shopbtn:hover { background: transparent url("../imgs/buttons.png") no-repeat 0 -132px; color: #b57373; display: block; font: bold 11px/11px "trebuchet ms"; height: 17px; padding: 5px 0 0 32px; text-decoration: none; width: 73px; } .specialshopbtn { background: transparent url("../imgs/buttons.png") no-repeat 0 -176px; color: #b41e0a; display: block; font: bold 11px/11px "trebuchet ms"; height: 17px; padding: 5px 0 0 24px; text-decoration: none; width: 111px; } span.specialshopbtn, span.specialshopbtn:hover { background: transparent url("../imgs/buttons.png") no-repeat 0 -220px; color: #b57373; display: block; font: bold 11px/11px "trebuchet ms"; height: 17px; padding: 5px 0 0 24px; text-decoration: none; width: 111px; } table tbody tr.even a.shoppingcartbtn, table tbody tr.odd a.shoppingcartbtn { background: transparent url("../imgs/buttons.png") no-repeat 0 -22px; color: #003278; display: block; font: bold 11px/11px "trebuchet ms"; height: 17px; margin-top: 8px; padding: 5px 0 0 30px; text-decoration: none; width: 87px; } .watchbtn { background: transparent url("../imgs/buttons.png") no-repeat 0 -44px; color: #003278; display: block; font: bold 11px/11px "trebuchet ms"; height: 17px; padding: 5px 0 0 32px; text-decoration: none; width: 50px; } span.watchbtn, span.watchbtn:hover { background: transparent url("../imgs/buttons.png") no-repeat 0 -154px; color: #738eb5; display: block; font: bold 11px/11px "trebuchet ms"; height: 17px; padding: 5px 0 0 32px; text-decoration: none; width: 50px; } .advicebtn { background: transparent url("../imgs/buttons.png") no-repeat 0 -66px; color: #003278; display: block; font: bold 11px/11px "trebuchet ms"; height: 17px; padding: 5px 0 0 32px; text-decoration: none; width: 99px; } span.browse { display: block; margin: 4px 0 0 0; width: 94px; } span.browse span { display: block; float: left; } .arrowleft, .arrowleft_standard, .arrowleft:hover, .arrowleft_hover { background: transparent url("../imgs/circles.png") no-repeat -3064px 0; cursor: pointer; display: block; float: left; height: 18px; margin: 0 8px 0 0; width: 16px; } .arrowright, .arrowright_standard, .arrowright:hover, .arrowright_hover { background: transparent url("../imgs/circles.png") no-repeat -2048px 0; cursor: pointer; display: block; float: left; height: 18px; margin: 0 0 0 8px; width: 16px; } .printbtn { background: transparent url("../imgs/buttons.png") no-repeat 0 -88px; color: #003278; display: block; font: bold 11px/11px "trebuchet ms"; height: 17px; text-decoration: none; padding: 5px 0 0 32px; width: 54px; } .strongnextbtn { background: transparent url("../imgs/bigbuttons.png") no-repeat 0 0; color: #003278; display: block; font: bold 14px/14px "trebuchet ms"; height: 21px; padding: 6px 0 0 31px; text-decoration: none; text-align: left; } span.strongnextbtn, span.strongnextbtn:hover { background: transparent url("../imgs/bigbuttons.png") no-repeat 0 -105px; color: #738eb5; display: block; font: bold 14px/14px "trebuchet ms"; height: 21px; padding: 6px 0 0 31px; text-decoration: none; text-align: left; } input.nextbtn, input.nextbtn_standard { background: transparent url("../imgs/circles2.png") no-repeat 0 0; border: none; cursor: pointer; color: #003278; font: bold 11px/11px verdana; height: 16px; padding: 0 0 0 21px; text-align: left; } .strongbackbtn { background: transparent url("../imgs/bigbuttons.png") no-repeat 0 -52px; color: #003278; display: block; font: bold 14px/14px "trebuchet ms"; height: 21px; text-decoration: none; padding: 6px 0 0 31px; } .basketbtn, .basketbtn_standard { background: transparent url("../imgs/bigbuttons.png") no-repeat 0 -26px; color: #003278; display: block; font: bold 14px/14px "trebuchet ms"; height: 21px; padding: 5px 0 0 31px; text-decoration: none; width: 129px; } input.nextbtn:hover, input.nextbtn_hover, .strongnextbtn:hover, .nextbtn:hover, .basketbtn:hover, .basketbtn_hover, .printbtn:hover, .advicebtn:hover, .watchbtn:hover, .shoppingcartbtn:hover, .strongbackbtn:hover, table tbody tr.even a.shoppingcartbtn:hover, table tbody tr.odd a.shoppingcartbtn:hover { color: #b41e0a; } span.basketbtn, span.basketbtn_standard, span.basketbtn:hover, span.basketbtn_hover { background: transparent url("../imgs/bigbuttons.png") no-repeat 0 -79px; color: #738eb5; display: block; font: bold 14px/14px "trebuchet ms"; height: 21px; padding: 5px 0 0 31px; text-decoration: none; width: 129px; } /* 07.05 Tables **********************************************************/ .tableborder { border-bottom: 2px solid #b41e0a; border-top: 2px solid #b41e0a; display: block; padding: 6px 0; } table { border-collapse: collapse; width: 100%; } table thead th, table tbody td, table tfoot td { border-right: 1px solid #c9d4e3; font: normal 11px/15px verdana; vertical-align: top; padding: 10px 8px; } table thead th.lastcell, table tbody td.lastcell, table tbody tr.even td.lastcell, table tfoot td.lastcell { border-right: none; vertical-align: top; } table tbody tr.even td { background-color: #e6ebf2; vertical-align: top; } table tbody tr.even td table tbody tr.odd td { background-color: #fff; } table thead th strong, table tbody td strong, table tfoot td strong, table thead th.lastcell strong, table tbody td.lastcell strong, table tbody tr.even td.lastcell strong, table tfoot td.lastcell strong, table tbody tr.even td strong { font-weight: bold; } table thead th em.baseprice, table tbody td em.baseprice, table tfoot td em.baseprice, table thead th.lastcell em.baseprice, table tbody td.lastcell em.baseprice, table tbody tr.even td.lastcell em.baseprice, table tfoot td.lastcell em.baseprice, table tbody tr.even td em.baseprice { font: italic 9px/12px verdana; display: block; text-align: right; margin: 0; padding: 0; white-space: nowrap; } table thead th.right, table tbody td.right, table tfoot td.right, table thead th.lastcell .right, table tbody td.lastcell .right, table tbody tr.even td.lastcell .right, table tfoot td.lastcell .right, table tbody tr.even td.right { text-align: right; } table thead th.center, table tbody td.center, table tfoot td.center, table thead th.lastcell .center, table tbody td.lastcell .center, table tbody tr.even td.lastcell .center, table tfoot td.lastcell .center, table tbody tr.even td.center { text-align: center; } table tbody tr td strong.price, table tbody tr.even td strong.price { display: block; font-weight: bold; text-align: right; white-space: nowrap; } table tbody tr td a.headlinelink, table tbody tr.even td a.headlinelink { display: block; color: #b41e0a; font: bold 11px/15px verdana; } table tbody tr td p, table tbody tr.even td p { display: block; margin: 0; padding: 0; } table tbody tr td a, table tbody tr.even td a { color: #b41e0a; font-weight: bold; } table tbody tr td a.watchbtn, table tbody tr.even td a.watchbtn { color: #003278; } table tbody tr td a img, table tbody tr.even td a img { display: block; } table tbody tr td ul { margin: 0 8px 8px 0; } table tbody tr td ul li ul { margin: 0 8px 0 0; } table tbody tr td ul li { background: transparent url("../imgs/bullet.png") no-repeat 0 5px; color: #003278; padding: 0 0 0 12px; line-height: 15px; } table tbody tr td ul li ul li { background: transparent url("../imgs/bullet.png") no-repeat -1005px 5px; color: #003278; padding: 0 0 0 12px; line-height: 15px; } table tbody tr td ul li strong { font-weight: bold; } table tbody tr td ul li em { font-style: italic; } table thead th { background-color: #d9e0eb; font-weight: bold; } table thead th a.sort { background: transparent url("../imgs/circles2.png") no-repeat -4064px 4px; font: bold 11px/15px verdana; padding: 0 0 0 13px; text-decoration: none; } table thead th a.sortup { background: transparent url("../imgs/circles2.png") no-repeat -11118px 3px; font: bold 11px/15px verdana; padding: 0 0 0 16px; text-decoration: none; } table thead th a.sortdown { background: transparent url("../imgs/circles2.png") no-repeat -12126px 3px; font: bold 11px/15px verdana; padding: 0 0 0 16px; text-decoration: none; } table tbody td.lastcell span.icon_grey { background: transparent url("../imgs/status_icons.png") no-repeat -2030px 1px; display: block; float: left; height: 16px; padding: 0 4px 0 0; width: 16px; } table tbody td.lastcell span.icon_blue { background: transparent url("../imgs/status_icons.png") no-repeat -3045px 1px; display: block; float: left; height: 16px; padding: 0 4px 0 0; width: 16px; } table tbody td.lastcell span.icon_green { background: transparent url("../imgs/status_icons.png") no-repeat -1015px 1px; display: block; float: left; height: 16px; padding: 0 4px 0 0; width: 16px; } table tbody td.lastcell span.icon_red { background: transparent url("../imgs/status_icons.png") no-repeat 0 1px; display: block; float: left; height: 16px; padding: 0 4px 0 0; width: 16px; } table tfoot tr.bordertop td { border-top: 1px solid #c9d4e3; } table tfoot tr.bordertop td a { color: #b41e0a; font-weight: bold; } table tfoot tr.darkblue td { background-color: #d9e0eb; } /* 07.04 Formfields ******************************************************/ #smallcontent .fieldset { background: transparent url("../imgs/formfields.png") no-repeat -2528px 0; padding: 8px 0 0 0; overflow: hidden; /* ie6 */ width: 552px; } #content .fieldset { background: transparent url("../imgs/formfields.png") no-repeat -1392px 0; padding: 8px 0 0 0; width: 568px; } #widecontent .fieldset { background: transparent url("../imgs/formfields.png") no-repeat 0 0; padding: 8px 0 0 0; float: left; width: 696px; } #smallcontent .fieldsetfoot { background: transparent url("../imgs/formfields.png") no-repeat -3080px 0; display: block; height: 16px; } #content .fieldsetfoot { background: transparent url("../imgs/formfields.png") no-repeat -1960px 0; display: block; height: 16px; width: 568px; } #widecontent .fieldsetfoot { background: transparent url("../imgs/formfields.png") no-repeat -696px 0; display: block; height: 12px; margin-bottom: 16px; } .fieldset legend { display: inline-block; font-weight: bold; margin-bottom: 16px; padding-left: 8px; width: 100%; } #smallcontent .fieldset fieldset ol, #content .fieldset fieldset ol, #widecontent .fieldset fieldset ol { margin-left: 8px; } #smallcontent .fieldset fieldset ol li { float: left; width: 280px; } #content .fieldset fieldset ol li { float: left; width: 280px; } #smallcontent .fieldset fieldset ol li.wide { float: left; margin: 0; width: 536px; } #content .fieldset fieldset ol li.wide { float: left; margin: 0; width: 560px; } #widecontent .fieldset fieldset ol li.wide { float: left; margin: 0; width: 680px; } #content .fieldset fieldset ol li.wide a.closewindow, #content .fieldset fieldset ol li.wide a.closewindow_standard, a.closewindow, a.closewindow_standard { background: transparent url('../imgs/circles.png') no-repeat -8144px 2px; color: #003278; display: block; float: right; font-weight: bold; margin: 2px 8px 0 16px; padding: 1px 0 4px 22px; text-decoration: none; } #content .fieldset fieldset ol li.wide a.closewindow:hover, #content .fieldset fieldset ol li.wide a.closewindow_hover { background: transparent url('../imgs/circles.png') no-repeat -8144px 2px; color: #b41e0a; display: block; float: right; font-weight: bold; margin: 2px 8px 0 16px; padding: 1px 0 4px 22px; text-decoration: none; } #widecontent .fieldset fieldset ol li { float: left; width: 340px; } #widecontent .fieldset fieldset ol li div.help { background: transparent url('../imgs/help.png') no-repeat 8px 4px; cursor: help; display: block; float: left; position: relative; height: 24px; width: 24px; } #widecontent .fieldset fieldset ol li div.help span { background: #c2cedf url('../imgs/question.png') no-repeat 7px 7px; border: 1px solid #738eb5; display: none; font: normal 10px/14px verdana; left: -186px; top: 0; padding: 4px 4px 8px 39px; position: absolute; width: 190px; z-index: 90; } #widecontent .fieldset fieldset ol li div.help span strong { display: inline; font-weight: bold; height: 10px; margin: 0; padding: 0; } #content .fieldset fieldset ol li strong.headline { font: bold 14px/14px "trebuchet ms"; margin: 0; } #smallcontent .fieldset fieldset ol li strong.headline { display: block; font-weight: bold; } #content .fieldset fieldset ol li strong, #widecontent .fieldset fieldset ol li strong { display: block; font-weight: bold; margin-bottom: 8px; } #widecontent .fieldset fieldset ol li p { display: block; margin: 0; } #widecontent .fieldset fieldset ol.payment li p { display: block; margin: 2px 0 0 0; } #content .fieldset fieldset ol li p { display: block; margin: 2px 0 16px 0; } #content .fieldset fieldset ol li label, #content .fieldset fieldset ol li ul li label { cursor: pointer; display: block; float: left; margin: 4px 8px 0 0; width: 92px; } #smallcontent .fieldset fieldset ol li label, #widecontent .fieldset fieldset ol li label { cursor: pointer; display: block; float: left; margin: 4px 8px 0 0; width: 104px; } #widecontent .fieldset fieldset ol.payment li label { margin-bottom: 8px; } #widecontent .fieldset fieldset ol.payment li label strong { margin: 0 0 4px 0; padding: 0; } #widecontent .fieldset fieldset ol li ul.checkboxselection li label strong { display: inline; } #widecontent .fieldset fieldset ol li label a { color: #b41e0a; font: bold 11px/15px verdana; } #smallcontent .fieldset fieldset ol li a.smallbutton, #widecontent .fieldset fieldset ol li a.smallbutton, #smallcontent .fieldset fieldset ol li a.smallbutton_standard, #widecontent .fieldset fieldset ol li a.smallbutton_standard { background: transparent url("../imgs/circles.png") no-repeat -2048px 1px; color: #003278; font: bold 11px/15px verdana; margin: 0 0 0 112px; padding: 1px 0 4px 22px; text-decoration: none; } #smallcontent .fieldset fieldset ol li a.smallbutton:hover, #widecontent .fieldset fieldset ol li a.smallbutton:hover, #smallcontent .fieldset fieldset ol li a.smallbutton_hover, #widecontent .fieldset fieldset ol li a.smallbutton_hover { background: transparent url("../imgs/circles.png") no-repeat -2048px 1px; color: #b41e0a; font: bold 11px/15px verdana; margin: 0 0 0 112px; padding: 1px 0 4px 22px; text-decoration: none; } #content .fieldset fieldset ol li ul.formlist, #content .fieldset fieldset ol li ul.formlist li { width: 280px; } #widecontent .fieldset fieldset ol li ul.formlist, #widecontent .fieldset fieldset ol li ul.formlist li { width: 340px; } #widecontent .fieldset fieldset ol li ul.formlist li.wide, #widecontent .fieldset fieldset ol li ul.formlist li.wide strong { width: 680px; } #widecontent .fieldset fieldset ol li ul.formlist li strong.changedfield { background-color: #cef1b9; border: 1px dotted #296406; color: #296406; margin-top: 1px; padding-left: 8px; } #widecontent .fieldset fieldset ol li ul.formlist li.wide p strong { display: inline; float: none; margin: 0; padding: 0; width: auto; } #widecontent .fieldset fieldset ol li a.link { color: #b41e0a; display: block; float: left; font: bold 11px/15px verdana; padding-top: 2px; } #content .fieldset fieldset ol li ul.formlist li span.agb { display: block; float: right; width: 192px; } #widecontent .fieldset fieldset ol li ul.formlist li span.agb { display: block; float: right; width: 228px; } #content .fieldset fieldset ol li ul.formlist li span.agb label { line-height: 15px; margin-left: 4px; width: 154px; } #widecontent .fieldset fieldset ol li ul.formlist li span.agb label { line-height: 15px; margin-left: 4px; width: 180px; } #content .fieldset fieldset ol li ul.formlist li span.agb label a, #widecontent .fieldset fieldset ol li ul.formlist li span.agb label a { color: #b41e0a; font-weight: bold; } #content .fieldset fieldset ol li ul.formlist li label { cursor: pointer; display: block; float: left; margin-left: 0; width: 84px; } #widecontent .fieldset fieldset ol li ul.formlist li label { cursor: pointer; display: block; float: left; margin-left: 0; width: 104px; } #widecontent .fieldset fieldset ol li ul.formlist li strong { display: block; float: left; margin: 0; padding: 4px 0 6px 0; width: 184px; } #widecontent .fieldset fieldset ol li ul.formlist li p { margin: 0; } #widecontent .fieldset fieldset ol li ul.formlist li p a { color: #b41e0a; font-weight: bold; } #content .fieldset fieldset ol li ul { width: 220px; float: left; } #smallcontent .fieldset fieldset ol li ul.checkboxselection { float: left; margin-bottom: 16px; width: 408px; } #smallcontent .fieldset fieldset ol li ul.checkboxselection li { float: left; width: 368px; } #smallcontent .fieldset fieldset ol li ul.checkboxselection li label { display: block; float: left; line-height: 15px; margin: 4px 0 0 8px; width: 340px; } #smallcontent .fieldset fieldset ol li ul.checkboxselection li label strong { font-weight: bold; } #smallcontent .fieldset fieldset ol li ul.checkboxselection li label a { color: #b41e0a; font-weight: bold; } #widecontent .fieldset fieldset ol li ul.checkboxselection { float: left; margin-bottom: 16px; width: 568px; } #widecontent .fieldset fieldset ol li ul.checkboxselection li { float: left; width: 568px; } #widecontent .fieldset fieldset ol li ul { float: left; width: 220px; } #content .fieldset fieldset ol li ul li { width: 220px; } #widecontent .fieldset fieldset ol li ul li { width: 220px; } #content .fieldset fieldset ol li ul li label { cursor: pointer; display: block; float: left; margin-left: 8px; width: auto; } #widecontent .fieldset fieldset ol li ul li label { cursor: pointer; display: block; float: left; margin-left: 8px; width: auto; } /* 07.04.01 Password criteria */ #widecontent .fieldset fieldset ol li ul.criteria { width: 340px; } #widecontent .fieldset fieldset ol li ul.criteria li { float: left; padding: 3px 0 4px 6px; margin-bottom: 4px; width: 164px; } #widecontent .fieldset fieldset ol li ul.criteria li.neg { background: transparent url('../imgs/criteria.png') no-repeat 0 0; color: #b41e0a; } #widecontent .fieldset fieldset ol li ul.criteria li.pos { background: transparent url('../imgs/criteria.png') no-repeat 0 -22px; color: #296406; } /* 07.04.02 Textfields */ .textfield { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; font: normal 11px/15px verdana; float: left; margin: 0 0 8px 0; padding: 2px; width: 180px; } .selectfield { background-color: white; border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; color: #003278; font: normal 11px/15px verdana; float: left; margin-bottom: 8px; width: 186px; } .selectfieldsmall { background-color: white; border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; color: #003278; font: normal 11px/15px verdana; float: left; margin: 0 0 8px 0; padding: 2px; width: 46px; } .selectfielddoublesmall { background-color: white; border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; color: #003278; font: normal 11px/15px verdana; float: left; margin: 0 0 8px 0; padding: 2px; width: 56px; } .textfieldshort { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; font: normal 11px/15px verdana; margin: 0 0 8px 0; padding: 2px; width: 164px; } .textfieldsmall { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; font: normal 11px/15px verdana; float: left; margin: 0 0 8px 0; padding: 2px; text-align: left; width: 23px; } .textfielddoublesmall { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; font: normal 11px/15px verdana; float: left; margin: 0 0 8px 0; padding: 2px; text-align: left; width: 38px; } .textfieldmini { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; font: normal 11px/15px verdana; float: left; margin: 0 0 8px 0; padding: 2px; text-align: left; width: 36px; } .textfieldshort { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; font: normal 11px/15px verdana; float: left; margin: 0 0 8px 0; padding: 2px; width: 128px; } .textfieldmiddle { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; font: normal 11px/15px verdana; float: left; margin: 0 0 8px 0; padding: 2px; width: 143px; } .textarea { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; color: #003278; font: normal 11px/15px verdana; margin-bottom: 8px; width: 258px; } .textareabig { border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; color: #003278; font: normal 11px/15px verdana; margin-bottom: 8px; width: 566px; } .checkbox { float: left; margin: 5px 0 0 0; } #content .fieldset .formsubhead { display: block; font-weight: bold; padding: 8px 0 16px 8px; } #widecontent .fieldset .formsubhead { display: block; font-weight: bold; padding: 8px 0 16px 8px; } .buttonrow { display: block; margin: 16px 8px 8px; } .dateexplain { float: left; margin: 4px 0 0 0; } .formspacer { display: block; float: left; height: 8px; width: 8px; } .textfield:focus, .selectfield:focus, .textfieldsmall:focus, .selectfieldsmall:focus, .selectfielddoublesmall:focus, .textfieldshort:focus, .textfielddoublesmall:focus, .textfieldmini:focus, .textfieldshort:focus, .textfieldmiddle:focus, .textarea:focus { border: 1px solid #003278; } /* 07.05 Grid-boxes ******************************************************/ /* 07.05.01 Big overview box with image (566 x 286 px) */ .boxbigoverview { background: transparent url("../imgs/boxshadow.png") no-repeat 0 0; display: block; float: left; height: 352px; width: 576px; } .boxbigoverview a { background: transparent url("../imgs/boxgradient.png") repeat-x 0 286px; border: 1px solid #738eb5; cursor: pointer; display: block; height: 342px; position: relative; text-decoration: none; width: 566px; } .boxbigoverview a img.soldout { height: 37px; position: absolute; left: 200px; top: 126px; width: 170px; } .boxbigoverview a strong { display: block; font: bold 11px/13px "trebuchet ms"; margin: 7px 8px 0 8px; } .boxbigoverview a small { display: block; font: italic 9px/9px "trebuchet ms"; margin: 0 8px; } .boxbigoverview a em { font: bold 18px/20px "trebuchet ms"; display: block; left: 409px; position: absolute; text-align: right; top: 317px; width: 150px; } .boxbigoverview a em span { font: bold 12px/12px "trebuchet ms"; } /* 07.05.02 Overview-box with image (566 x 166 px) */ .boxoverview { background: transparent url("../imgs/boxshadow.png") no-repeat 0 -352px; display: block; height: 176px; float: left; width: 576px; } .boxoverview div { background: transparent url("../imgs//_overview.png") no-repeat 0 0; border: 1px solid #738eb5; display: block; height: 166px; position: relative; width: 566px; } /* 07.05.03 Small-box with Image (182 x 110 px) */ .contentstretch { display: block; height: auto; width: 704px; } .contentstretch .boxtiny { background: transparent url("../imgs/boxshadow.png") no-repeat 0 -704px; display: block; float: left; height: 166px; width: 176px; } .contentstretch .boxtiny a { background: transparent url("../imgs/boxgradient.png") repeat-x 0 100px; border: 1px solid #738eb5; display: block; float: left; height: 156px; position: relative; text-decoration: none; width: 166px; } .contentstretch .boxtiny a img.soldout { height: 37px; position: absolute; left: 20px; top: 35px; width: 133px; } .contentstretch .boxtiny a img.again { height: 26px; position: absolute; left: 0; top: 8px; width: 121px; } .contentstretch .boxtiny a strong { display: block; font: bold 11px/13px "trebuchet ms"; margin: 3px 8px 0 7px; } .contentstretch .boxtiny a small { display: block; font: italic 9px/9px "trebuchet ms"; margin: 0 7px; } .contentstretch .boxtiny a em { display: block; font: bold 16px/18px "trebuchet ms"; padding-bottom: 3px; left: 25px; position: absolute; text-align: right; top: 134px; width: 134px; } .contentstretch .boxtiny a em span.smallbasketbtn { background: transparent url("../imgs/bigbuttons.png") no-repeat 0 -26px; border: none; display: block; float: left; height: 22px; width: 22px; } .contentstretch .boxtiny a em span { font: bold 12px/12px "trebuchet ms"; } /* Slideshow */ .slideshow { background: transparent url("../imgs/slider_bg.png") no-repeat 0 0; display: block; height: 352px; position: relative; width: 576px; } .slideshow h3 { color: #003278; font: bold 14px/14px "trebuchet ms"; padding: 7px 0 0 7px; } .slideshow ul.imgrow { display: block; height: 286px; position: absolute; left: 1px; top: 1px; overflow: hidden; width: 566px; white-space: nowrap; z-index: 9999; } .slideshow ul.imgrow li { display: block; float: left; height: 286px; position: relative; } .slideshow ul.imgrow li a { text-decoration: none; display: block; height: 286px; } .slideshow ul.imgrow li a img.soldout { height: 37px; position: absolute; left: 195px; top: 140px; width: 170px; } .slideshow ul.imgrow li a img.notavail { height: 26px; position: absolute; left: 0; top: 8px; width: 145px; } .slideshow ul.imgrow li a span.furtherinfo { background: transparent url("../imgs/infobanner.png") no-repeat top right; color: white; display: block; font: bold 9px/9px "trebuchet ms"; height: 24px; padding: 5px 24px 0 7px; position: absolute; left: 0; bottom: 0; z-index: 9999; } .slideshow ul.imgrow li a img.sun { height: 24px; position: absolute; right: 8px; top: 8px; width: 24px; z-index: 9999; } .slideshow ul.imgrow li a img.snow { height: 24px; position: absolute; right: 8px; top: 8px; width: 24px; z-index: 9999; } .slideshow ul.textrow { display: block; height: 56px; position: absolute; left: 1px; bottom: 9px; } .slideshow ul.textrow li { display: block; float: left; height: 56px; position: relative; } .slideshow ul.textrow li a { text-decoration: none; display: block; height: 56px; } .slideshow ul.textrow li a.active, .slideshow ul.textrow li a:hover { background: transparent url("../imgs/slider_bg_active.png") repeat-x 0 0; color: white; } .slideshow ul.textrow li a strong { display: block; font: bold 11px/13px "trebuchet ms"; margin: 0 8px 0 8px; padding-top: 7px; } .slideshow ul.textrow li a small { display: block; font: italic 9px/9px "trebuchet ms"; margin: 0 8px; } .slideshow ul.textrow li a em { display: block; font: bold 18px/20px "trebuchet ms"; padding: 0 8px 3px 0; right: 0; position: absolute; text-align: right; bottom: 0; width: 100%; } .slideshow ul.textrow li a em span { font: bold 12px/12px "trebuchet ms"; } .slideshow ul.textrow li.element1 { width: 186px; } .slideshow ul.textrow li.element2 { margin-left: 1px; width: 191px; } .slideshow ul.textrow li.element3 { margin-left: 1px; width: 187px; } /* 07.05.04 Small-box with Image (182 x 110 px) */ .boxsmall { background: transparent url("../imgs/boxshadow.png") no-repeat 0 -528px; display: block; float: left; height: 176px; position: relative; width: 192px; } .boxsmall span.gridzoom { background: transparent url("../imgs/zoom.png") no-repeat 0 0; border: none; cursor: pointer; float: none; height: 30px; position: absolute; left: 145px; top: 8px; width: 30px; z-index: 100; } .boxsmall a { background: transparent url("../imgs/boxgradient.png") repeat-x 0 110px; border: 1px solid #738eb5; display: block; float: left; height: 166px; overflow: hidden; position: relative; text-decoration: none; width: 182px; } .boxsmall a img.soldout, .boxbigoverview a img.soldout { height: 37px; position: absolute; left: 8px; top: 39px; width: 170px; } .boxsmall a img.again, .boxbigoverview a img.again { height: 26px; position: absolute; left: 0; top: 8px; width: 121px; } .boxsmall a img.notavail, .boxbigoverview a img.notavail { height: 26px; position: absolute; left: 0; top: 8px; width: 145px; } .boxsmall a img.sun, .boxbigoverview a img.sun { height: 24px; position: absolute; right: 8px; top: 8px; width: 24px; z-index: 9999; } .boxsmall a img.snow, .boxbigoverview a img.snow { height: 24px; position: absolute; right: 8px; top: 8px; width: 24px; z-index: 9999; } .boxsmall a span.furtherinfo, .boxbigoverview a span.furtherinfo { background: transparent url("../imgs/infobanner.png") no-repeat top right; color: white; display: block; font: bold 9px/9px "trebuchet ms"; height: 24px; padding: 5px 24px 0 7px; position: absolute; left: 0; top: 81px; z-index: 9999; } .boxbigoverview a span.furtherinfo { top: 257px; } .boxsmall a strong { display: block; font: bold 11px/13px "trebuchet ms"; margin: 7px 8px 0 8px; } .boxsmall a strong img, .boxbigoverview a strong img { display: inline; clear: both; margin: 0; padding: 0; } .boxsmall a small { display: block; font: italic 9px/9px "trebuchet ms"; margin: 0 8px; } .boxsmall a em { display: block; font: bold 18px/20px "trebuchet ms"; padding-bottom: 3px; left: 25px; position: absolute; text-align: right; top: 141px; width: 150px; } .boxsmall a em span.smallbasketbtn { background: transparent url("../imgs/bigbuttons.png") no-repeat 0 -26px; border: none; display: block; float: left; height: 22px; width: 22px; } .boxsmall a em span { font: bold 12px/12px "trebuchet ms"; } /* 07.05.05 Wide-box with image (374 x 110 px) */ .boxwide { background: transparent url("../imgs/boxshadow.png") no-repeat -192px -528px; display: block; float: left; height: 176px; position: relative; width: 384px; } .boxwide span.gridzoom { background: transparent url("../imgs/zoom.png") no-repeat 0 0; border: none; cursor: pointer; float: none; height: 30px; position: absolute; left: 337px; top: 8px; width: 30px; z-index: 100; } .boxwide a { background: transparent url("../imgs/boxgradient.png") repeat-x 0 110px; border: 1px solid #738eb5; display: block; float: left; height: 166px; position: relative; text-decoration: none; width: 374px; } .boxwide a img.soldout { height: 37px; position: absolute; left: 104px; top: 38px; width: 170px; } .boxwide a img.again { height: 26px; position: absolute; left: 0; top: 8px; width: 121px; } .boxwide a strong { display: block; font: bold 11px/13px "trebuchet ms"; margin: 7px 8px 0 8px; } .boxwide a strong img { display: inline; clear: both; margin: 0; padding: 0; } .boxwide a small { display: block; font: italic 9px/9px "trebuchet ms"; margin: 0 8px; } .boxwide a em { display: block; font: bold 18px/20px "trebuchet ms"; left: 217px; padding-bottom: 3px; position: absolute; text-align: right; top: 141px; width: 150px; } .boxwide a em span { font: bold 12px/12px "trebuchet ms"; } /* 07.05.06 High-box with image (182 x 286 px) */ .boxhigh { background: transparent url("../imgs/boxshadow.png") no-repeat -576px 0; display: block; float: left; height: 352px; position: relative; width: 192px; } .boxhigh span.gridzoom { background: transparent url("../imgs/zoom.png") no-repeat 0 0; border: none; cursor: pointer; float: none; height: 30px; position: absolute; left: 145px; top: 8px; width: 30px; z-index: 100; } .boxhigh a { background: transparent url("../imgs/boxgradient.png") repeat-x 0 286px; border: 1px solid #738eb5; display: block; float: left; height: 342px; position: relative; text-decoration: none; width: 182px; } .boxhigh a img.soldout { height: 37px; position: absolute; left: 8px; top: 126px; width: 170px; } .boxhigh a img.again { height: 26px; position: absolute; left: 0; top: 8px; width: 121px; } .boxhigh a strong { display: block; font: bold 11px/13px "trebuchet ms"; margin: 7px 8px 0 8px; } .boxhigh a strong img { display: inline; clear: both; margin: 0; padding: 0; } .boxhigh a small { display: block; font: italic 9px/9px "trebuchet ms"; margin: 0 8px; } .boxhigh a em { display: block; font: bold 18px/20px "trebuchet ms"; left: 25px; padding-bottom: 3px; position: absolute; text-align: right; top: 317px; width: 150px; } .boxhigh a em span { font: bold 12px/12px "trebuchet ms"; } /* 07.05.07 General box-styles */ .boxbigoverview a img, .boxoverview div img, .boxsmall a img, .boxwide a img, .boxhigh a img { display: block; } .boxgroup { float: left; width: 192px; } /* 07.06 Pagemenu (1,2,3,4 ... zurück / weiter) **************************/ /* 07.06.01 General */ .pagemenu { background-color: white; border-top: 2px solid #003278; display: block; padding-top: 8px; width: 568px; } #widecontent .pagemenu { width: 100%; } /* 07.06.02 Numbers */ ul.pagemenulist { float: left; } ul.pagemenulist li { float: left; padding: 0 0 8px 8px; } ul.pagemenulist li a { border: 1px solid #003278; display: block; font: normal 11px/11px verdana; text-align: center; text-decoration: none; padding: 2px 4px; } ul.pagemenulist li a:hover { border: 1px solid #b41e0a; color: #b41e0a; } ul.pagemenulist li a.active { border: 1px solid #b41e0a; color: #b41e0a; display: block; font: bold 11px/11px verdana; text-align: center; text-decoration: none; padding: 2px 4px; } /* 07.06.03 Buttons */ ul.pagemenubuttons { float: right; } ul.pagemenubuttons li { float: left; margin-left: 8px; padding-top: 3px; } /* 07.06.04 Left button (zurück) */ ul.pagemenubuttons li a.tolastpage { background: transparent url("../imgs/circles2.png") no-repeat -8097px 3px; display: block; float: left; font: normal 11px/11px verdana; text-decoration: none; padding-left: 13px; } ul.pagemenubuttons li a.tolastpage:hover { background: transparent url("../imgs/circles2.png") no-repeat -9104px 3px; color: #b41e0a; } ul.pagemenubuttons li a.tolastpage.inactive, ul.pagemenubuttons li a.tolastpage.inactive:hover { background: transparent url("../imgs/circles2.png") no-repeat -10111px 3px; color: #9cadd3; cursor: text; display: block; float: left; font: normal 11px/11px verdana; padding: 0 0 0 13px; text-decoration: none; } ul.pagemenubuttons li span { display: block; float: left; font: normal 11px/11px verdana; padding-left: 6px; } /* 07.06.05 Right button (weiter) */ ul.pagemenubuttons li a.tonextpage { background: transparent url("../imgs/circles2.png") no-repeat -4020px 3px; display: block; float: left; font: normal 11px/11px verdana; padding: 0 23px 0 0; text-decoration: none; } ul.pagemenubuttons li a.tonextpage:hover { background: transparent url("../imgs/circles2.png") no-repeat -5027px 3px; color: #b41e0a; } ul.pagemenubuttons li a.tonextpage.inactive, ul.pagemenubuttons li a.tonextpage.inactive:hover { background: transparent url("../imgs/circles2.png") no-repeat -6034px 3px; color: #9cadd3; cursor: text; display: block; float: left; font: normal 11px/11px verdana; padding: 0 23px 0 0; text-decoration: none; } /* 07.07 Detailpage ******************************************************/ .articleout { background: transparent url("../imgs/status_detail_empty.png") no-repeat top left; color: #b41e0a; display: block; font: normal 10px Verdana; height: 27px; padding: 7px 0 0 32px; } .articleagain { background: transparent url("../imgs/status_detail_again.png") no-repeat top left; color: #33720d; display: block; font: normal 10px Verdana; height: 27px; padding: 7px 0 0 32px; } .delivernow { background: transparent url("../imgs/status_detail_deliver.png") no-repeat top left; cursor: pointer; color: #003278; display: block; font: normal 10px Verdana; height: 27px; padding: 7px 0 0 32px; } .articleout strong, .articleagain strong, .delivernow strong { font-weight: bold; } .articleout em, .articleagain em, .delivernow em { font-style: italic; color: #b41e0a; } .detailhead { background: transparent url("../imgs/detail.png") no-repeat 0 0; display: block; height: 392px; } .detailhead_de { background: transparent url("../imgs/de/detail.png") no-repeat 0 0; } .detailhead_at { background: transparent url("../imgs/at/detail.png") no-repeat 0 0; } .detailhead ul.mainheader { display: block; height: 58px; margin: 0; overflow: hidden; padding: 0; width: 568px; position: relative; } .detailhead ul.mainheader li.left { display: block; float: left; text-align: left; padding: 6px 0 0 8px; width: 380px; } .detailhead_nl ul.mainheader li.left { width: 365px; } .detailhead ul.mainheader li.left span.to_number { position: absolute; left: 400px; top:0px; background-image:url('../imgs/it/to_button.gif'); font: bold 22px/22px "trebuchet ms"; text-align:center; padding-top:12px; color:#fff; width:43px; height:31px; } .detailhead ul.mainheader li.left span.to_number_nl { position: absolute; left: 370px; top:0px; background-image:url('../imgs/nl/to_button.gif'); font: bold 22px/22px "trebuchet ms"; text-align:center; padding-top:12px; color:#fff; width:43px; height:31px; } .detailhead ul.mainheader li.left h3 { font: bold 14px/16px "trebuchet ms"; } .detailhead ul.mainheader li.left h3 small { display: block; font: italic 10px/12px "trebuchet ms"; margin-top: 3px; } .detailhead ul.mainheader li.right { display: block; float: none; text-align: right; padding: 7px 8px 0 0; } .detailhead ul.mainheader li.right strong { font: bold 24px/22px "trebuchet ms"; } .detailhead ul.mainheader li.right strong small { font: bold 12px/8px "trebuchet ms"; } .detailhead ul.mainheader li.right em { display: block; font: italic 9px/9px verdana; } .detailhead ul.mainheader li.right span { display: block; font: normal 9px/9px verdana; right: 8px; position: absolute; top: 42px; } .detailhead ul.mainheader li.right span strong { font: bold 9px/9px verdana; } .detailhead ul.mainheader li.right span a { color: #b41e0a; font: bold 9px/9px verdana; } .detailhead ul { padding: 8px 0 39px 8px; width: 568px; } .detailhead ul li { float: left; padding-right: 8px; } .detailhead div.shortdescription { background: transparent url("../imgs/detail2.png") no-repeat 0 0; display: block; float: left; height: 278px; padding: 8px 0 0 8px; width: 176px; } .detailhead div.shortdescription h4 { color: #003278; display: block; font: bold 14px/16px "trebuchet ms"; padding-bottom: 2px; } .detailhead div.shortdescription strong, .detailhead div.shortdescription label { font: bold 11px/15px verdana; font-weight: bold; } .detailhead div.shortdescription p { margin: 0; width: 168px; } .detailhead div.shortdescription ul { margin: 0 0 6px 0; padding: 0; width: 168px; } .detailhead div.shortdescription ul li { float: none; background: transparent url("../imgs/bullet.png") no-repeat 0 5px; color: #003278; padding: 0 0 0 12px; line-height: 15px; } .detailhead div.shortdescription .detaildropdown { background-color: white; border-top: 1px solid #7b95b9; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid #7b95b9; color: #003278; font: normal 11px verdana; margin: 0 0 8px 0; width: 166px; } .detailhead div.pictures { background: transparent url("../imgs/detail3.png") no-repeat 8px 0; display: block; float: left; height: 278px; overflow: hidden; padding: 1px 0 0 9px; width: 382px; } .detailhead div.pictures a { display: block; text-decoration: none; } .detailhead div.pictures a.pictureslink { display: block; height: 234px; text-decoration: none; } .detailhead div.pictures div { margin-top: 7px; position: absolute; left: 530px; z-index: 10; } .detailhead div.pictures div span#zoomicon { background: transparent url("../imgs/zoom.png") no-repeat 0 0; display: block; height: 30px; width: 30px; cursor:pointer; } .detailhead div.pictures a span.infotext { background: transparent url("../imgs/infotextbg.png") no-repeat 0 0; display: block; position: absolute; left: 9px; top: 215px; padding: 6px 8px 7px 8px; width: 374px; z-index: 11; } ul.thumbs { height: 35px; overflow: hidden; padding: 0; float:left; width:325px; margin-left:6px; } ul.thumbs li { float: left; padding-right: 8px; } ul.thumbs li a img { border: 1px solid #003278; } ul.thumbs li a img.active { border: 1px solid #b41e0a; } /* 07.07.01 Tabs (Beschreibung, Technische Daten, ...) */ ul.tablist li { background: transparent url("../imgs/tab2.png") no-repeat left top; float: left; padding-left: 8px; } ul.tablist li a, ul.tablist li a.standard { background: transparent url("../imgs/tab2.png") no-repeat right -32px; display: block; font: bold 12px/12px "trebuchet ms"; text-decoration: none; padding: 12px 8px 8px 0; } ul.tablist li.active { background: transparent url("../imgs/tab2.png") no-repeat left -64px; display: block; float: left; margin-bottom: -1px; padding: 0 0 1px 8px; position: relative; } ul.tablist li.active a { background: transparent url("../imgs/tab2.png") no-repeat right -97px; display: block; font: bold 12px/12px "trebuchet ms"; text-decoration: none; margin-bottom: -1px; padding: 12px 8px 9px 0; } .tabdiv { background-color: #e6ebf2; border: 1px solid #738eb5; clear: both; padding: 16px 8px; width: 550px; } .tabdiv br, .tabdiv p br { clear: none; } .tabdiv ul, .tabdiv ol { margin: 0 8px 16px 0; } .tabdiv ul li ul, .tabdiv ul li ul li ul, .tabdiv ul li ul li ul li ul, .tabdiv ul li ul li ul li ul li ul, .tabdiv ul li ul li ul li ul li ul li ul { margin: 0 8px 0 0; } .tabdiv ol li ol, .tabdiv ol li ol li ol, .tabdiv ol li ol li ol li ol, .tabdiv ol li ol li ol li ol li ol, .tabdiv ol li ol li ol li ol li ol li ol { margin: 0 8px 0 0; } .tabdiv ul li { background: transparent url("../imgs/bullet.png") no-repeat 0 5px; color: #003278; padding: 0 0 0 12px; line-height: 15px; } .tabdiv ol li, .tabdiv ol li ol li, .tabdiv ol li ol li ol li, .tabdiv ol li ol li ol li ol li, .tabdiv ol li ol li ol li ol li ol li, .tabdiv ol li ol li ol li ol li ol li ol li { list-style-type: decimal; color: #003278; margin: 0 0 0 16px; line-height: 15px; } .tabdiv ul li ul li, .tabdiv ul li ul li ul li, .tabdiv ul li ul li ul li ul li, .tabdiv ul li ul li ul li ul li ul li, .tabdiv ul li ul li ul li ul li ul li ul li { background: transparent url("../imgs/bullet.png") no-repeat -1005px 5px; color: #003278; padding: 0 0 0 12px; line-height: 15px; } .tabdiv ul li strong, .tabdiv strong { font-weight: bold; } .tabdiv ul li em, .tabdiv em { font-style: italic; } .tabdiv p a, .tabdiv a { color: #b41e0a; font-weight: bold; } .tabdiv hr { border-top: 1px dotted #738eb5; border-bottom: 0; border-left: 0; border-right: 0; margin: 0 0 8px 0; padding: 0; height: 1px; } .tabdiv div sup, .tabdiv p sup, .tabdiv ul li sup { font-size: 75%; position: relative; vertical-align: baseline; top: -3px; } .tabdiv div.material { background: transparent url("../imgs/articleicons.png") no-repeat -1100px 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .tabdiv div.size { background: transparent url("../imgs/articleicons.png") no-repeat 0 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .tabdiv div.weight { background: transparent url("../imgs/articleicons.png") no-repeat -550px 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .tabdiv div.shipment { background: transparent url("../imgs/articleicons.png") no-repeat -1650px 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .tabdiv div.features { background: transparent url("../imgs/articleicons.png") no-repeat -2200px 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .tabdiv div.info { background: transparent url("../imgs/articleicons.png") no-repeat -2750px 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .tabdiv div.laundry { background: transparent url("../imgs/articleicons.png") no-repeat -3300px 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .tabdiv div.service { background: transparent url("../imgs/articleicons.png") no-repeat -3850px 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .tabdiv div.color { background: transparent url("../imgs/articleicons.png") no-repeat -4400px 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .tabdiv div.amount { background: transparent url("../imgs/articleicons.png") no-repeat -4950px 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .tabdiv div.supplies { background: transparent url("../imgs/articleicons.png") no-repeat -5500px 0; display: block; min-height: 32px; height: auto !important; height: 32px; padding: 0 0 8px 40px; } .productlogos { display: block; padding: 8px 0; } .productlogos img { margin: 0 4px 5px 0; } /* 07.07.02 Zoomed Image */ .zoomer { background: transparent url("../imgs/zoomer.png") no-repeat 0 0; cursor: pointer; display: block; height: 436px; overflow: hidden; position: relative; width: 576px; } div.zoomer a.zoomback { background: white url("../imgs/zoombuttons.png") no-repeat 0 0; border: 1px solid #738eb5; display: block; height: 40px; top: 182px; left: 8px; position: absolute; width: 24px; z-index: 9999999; } div.zoomer a.zoomback:hover { background: white url("../imgs/zoombuttons.png") no-repeat 0 0; border: 1px solid #003278; display: block; height: 40px; top: 182px; left: 8px; position: absolute; width: 24px; z-index: 9999999; } div.zoomer a.zoomnext { background: white url("../imgs/zoombuttons.png") no-repeat 0 -40px; border: 1px solid #738eb5; display: block; height: 40px; top: 182px; left: 534px; position: absolute; width: 24px; z-index: 9999999; } div.zoomer a.zoomnext:hover { background: white url("../imgs/zoombuttons.png") no-repeat 0 -40px; border: 1px solid #003278; display: block; height: 40px; top: 182px; left: 534px; position: absolute; width: 24px; z-index: 9999999; } .zoomer span.zoomertext { background-color: #e6ebf2; border: 1px solid #738eb5; bottom: 70px; display: block; padding: 8px; position: absolute; left: 8px; width: 534px; vertical-align: baseline; z-index: 999999999; } .zoomer strong { display: block; float: left; font: bold 12px/12px "trebuchet ms"; padding: 10px 8px; width: 520px; } .zoomer img.zoomercontent, .zoomer object.zoomercontent { clear: both; margin-left: 1px; position: absolute; top: 32px; left: 0; z-index: 2; } div.zoomermenu { height: 35px; margin-top: 5px; position: absolute; bottom: 19px; left: 8px; width: 552px; } div.zoomermenu ul { margin: 0 0 0 0; display:block; height: 35px; float:left; width:504px; margin-left:6px; } div.zoomermenu ul li { float: left; margin-right: 8px; } div.zoomermenu ul li a.box img, div.zoomermenu ul li a.boxactive img { display: block; } div.zoomermenu ul li a.box { border: 1px solid #003278; display: block; } div.zoomermenu ul li a.boxactive { border: 1px solid #b41e0a; display: block; } /* 07.07.03 Social Bookmark */ .socialbookmark { display: block; height: 56px; padding: 0 8px 0 0; } .socialbookmark ul { margin: 0; padding: 0; list-style-type: none; } .socialbookmark ul li { background-color: white; display: block; float: left; margin: 0 8px 8px 0; } .socialbookmark ul li a { border: 1px solid #738eb5; display: block; margin: 0; padding: 0; } .socialbookmark ul li a img { display: block; margin: 0; padding: 1px; } .socialbookmark ul li a:hover { border: 1px solid #b41e0a; } /* 07.07.04 Article Chooser */ .fakedropdown { cursor: pointer; height: 34px; position: absolute; width: 168px; z-index: 88; } .articlechooser { text-align: left; top: 250px; position: absolute; width: 329px; z-index: 9999; } .articlechooser a { background: transparent url("../imgs/resulthead.png") no-repeat 0 0; display: block; font: bold 12px/14px "trebuchet ms"; height: 21px; padding: 10px 8px 0 8px; text-decoration: none; } .articlechooser a span { background: transparent url("../imgs/x.png") no-repeat 0 0; display: block; height: 7px; margin: -11px 0 0 300px; padding: 0; width: 10px; } .articlechooser div { background-color: #738eb5; border-bottom: 1px solid #738eb5; max-height: 250px; height: auto !important; height: 250px; overflow: auto; width: 325px; } .articlechooser div ul { margin: 0; padding: 0; width: 298px; } .articlechooser div ul li { display: inline; width: 298px; } .articlechooser div ul li label.odd.disabled, .articlechooser div ul li label.odd.disabled span, .articlechooser div ul li label.odd.disabled span span, .articlechooser div ul li label.odd.disabled img, .articlechooser div ul li label.even.disabled, .articlechooser div ul li label.even.disabled span, .articlechooser div ul li label.even.disabled span span, .articlechooser div ul li label.even.disabled img { cursor: text; color: #999999; text-decoration: none; } .articlechooser div ul li label.even, .articlechooser div ul li label.even:hover { background: transparent url("../imgs/darkbg.png") no-repeat 0 -1px; cursor: pointer; display: block; font: normal 10px/14px verdana; padding: 8px; text-decoration: none; width: 294px; } .articlechooser div ul li label.odd, .articlechooser div ul li label.odd:hover { background: transparent url("../imgs/brightbg.png") no-repeat 0 -1px; cursor: pointer; display: block; font: normal 10px/14px verdana; padding: 8px; text-decoration: none; width: 294px; } .articlechooser div ul li label.odd input, .articlechooser div ul li label.even input { float: left; margin: 14px 8px 0 0; } .articlechooser div ul li label.odd img, .articlechooser div ul li label.even img { border: 1px solid #003278; float: left; margin: 0 8px 0 0; } .articlechooser div ul li label.odd span, .articlechooser div ul li label.even span { float: left; width: 200px; } .articlechooser div ul li label.odd span span, .articlechooser div ul li label.even span span { color: #b41e0a; display: block; font: bold 10px/14px verdana; text-decoration: underline; } /* 07.07.05 Flashintegration */ .detailhead div.pictures #flashvideo { display: block; width:374px; height:226px; } /* 07.08 All status *******************************************************/ /* 07.08.01 Positive status */ #smallcontent div.posstatus { background: transparent url("../imgs/statusform.png") no-repeat 0 0; height: auto; margin-top: 8px; padding-top: 8px; width: 552px; } #smallcontent div.posstatus strong { color: #296406; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #smallcontent div.posstatus p { color: #296406; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #smallcontent div.posstatusfoot { background: transparent url("../imgs/statusform.png") no-repeat -552px 0; display: block; height: 8px; margin-bottom: 8px; width: 552px; } #smallcontent div.posstatusbig { background: transparent url("../imgs/statusmiddle.png") no-repeat 0 0; height: auto; margin-top: 8px; padding-top: 8px; width: 496px; } #smallcontent div.posstatusbig strong { color: #296406; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #smallcontent div.posstatusbig p { color: #296406; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #smallcontent div.posstatusbigfoot { background: transparent url("../imgs/statusmiddle.png") no-repeat -496px 0; display: block; height: 8px; margin-bottom: 8px; width: 496px; } #content div.posstatusbig { background: transparent url("../imgs/status.png") no-repeat 0 0; height: auto; padding-top: 8px; width: 568px; } #content div.posstatusbig strong { color: #296406; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #content div.posstatusbig p { color: #296406; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #content div.posstatusbigfoot { background: transparent url("../imgs/status.png") no-repeat -568px 0; display: block; height: 8px; margin-bottom: 8px; width: 568px; } #widecontent div.posstatusbig { background: transparent url("../imgs/statusbig.png") no-repeat 0 0; height: auto; padding-top: 8px; margin-top: 8px; width: 696px; } #widecontent div.posstatusbig strong { color: #296406; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #widecontent div.posstatusbig p { color: #296406; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #widecontent div.posstatusbigfoot { background: transparent url("../imgs/statusbig.png") no-repeat -696px 0; display: block; height: 8px; margin-bottom: 8px; width: 696px; } /* 07.08.02 Negative status */ #smallcontent div.negstatus { background: transparent url("../imgs/statusform.png") no-repeat -1104px 0; height: auto; padding-top: 8px; margin-top: 8px; width: 552px; } #smallcontent div.negstatus strong { color: #b41e0a; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #smallcontent div.negstatus p { color: #b41e0a; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #smallcontent div.negstatusfoot { background: transparent url("../imgs/statusform.png") no-repeat -1656px 0; display: block; height: 8px; margin-bottom: 8px; width: 552px; } #smallcontent div.negstatusbig { background: transparent url("../imgs/statusmiddle.png") no-repeat -992px 0; height: auto; padding-top: 8px; margin-top: 8px; width: 496px; } #smallcontent div.negstatusbig strong { color: #b41e0a; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #smallcontent div.negstatusbig p { color: #b41e0a; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #smallcontent div.negstatusbigfoot { background: transparent url("../imgs/statusmiddle.png") no-repeat -1488px 0; display: block; height: 8px; margin-bottom: 8px; width: 496px; } #content div.negstatusbig { background: transparent url("../imgs/status.png") no-repeat -1136px 0; height: auto; padding-top: 8px; width: 568px; } #content div.negstatusbig strong { color: #b41e0a; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #content div.negstatusbig p { color: #b41e0a; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #content div.negstatusbigfoot { background: transparent url("../imgs/status.png") no-repeat -1704px 0; display: block; height: 8px; margin-bottom: 8px; width: 568px; } #widecontent div.negstatusbig { background: transparent url("../imgs/statusbig.png") no-repeat -1392px 0; height: auto; padding-top: 8px; margin-top: 8px; width: 696px; } #widecontent div.negstatusbig strong { color: #b41e0a; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #widecontent div.negstatusbig p { color: #b41e0a; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #widecontent div.negstatusbigfoot { background: transparent url("../imgs/statusbig.png") no-repeat -2088px 0; display: block; height: 8px; margin-bottom: 8px; width: 696px; } /* 07.08.03 Neutral status */ #widecontent div.infostatusbig, #widestcontent div.infostatusbig { background: transparent url("../imgs/statusbig.png") no-repeat -2784px 0; height: auto; padding-top: 8px; width: 696px; } #widecontent div.infostatusbig strong, #widestcontent div.infostatusbig strong { color: #003278; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #widecontent div.infostatusbig p, #widestcontent div.infostatusbig p { color: #003278; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 39px; } #widecontent div.infostatusbigfoot, #widestcontent div.infostatusbigfoot { background: transparent url("../imgs/statusbig.png") no-repeat -3480px 0; display: block; height: 8px; margin-bottom: 8px; width: 696px; } /* 07.08.04 Infolayer */ .infolayer { background: transparent url("../imgs/infolayer.png") no-repeat 0 0; display: block; width: 576px; } .infolayer strong.infoheadline { display: block; float: left; font: bold 12px/12px "trebuchet ms"; padding: 10px 8px; width: 520px; } .infolayer a.close { display: block; float: right; height: 32px; width: 32px; text-decoration: none; } .infolayer p { display: block; clear: both; padding: 12px 0 16px 16px; width: 538px; } .infolayer p a.link { color: #b41e0a; font-weight: bold; } .infolayerend { background: transparent url("../imgs/infolayer.png") no-repeat -576px 0; display: block; height: 9px; margin-top: -16px; width: 576px; } /* 07.08.05 Shopping Card */ .deliverystatus { background: transparent url("../imgs/status_mini.png") no-repeat 0 0; color: #296406; display: block; float: left; height: 19px; margin-right: 8px; padding: 3px 0 0 32px; width: 152px; } .deliverystatusfalse { background: transparent url("../imgs/status_mini.png") no-repeat 0 -22px; color: #b41e0a; display: block; float: left; height: 19px; margin-right: 8px; padding: 3px 0 0 32px; width: 152px; } /* 07.09 Order process ***************************************************/ /* 07.09.01 Fitting articles */ .fittingarticles { display: block; width: 704px; } .fittingarticles li { float: left; } .fittingarticles li a img { float: left; } .fittingarticles li a { background: transparent url("../imgs/boxgradient2.png") repeat-x 0 0; border: 1px solid #738eb5; display: block; height: 110px; margin-right: 8px; text-decoration: none; width: 342px; } .fittingarticles li a strong { display: block; font: bold 14px/14px "trebuchet ms"; float: left; height: 16px; margin: 8px 8px 4px 8px; overflow: hidden; width: 144px; } .fittingarticles li a small { display: block; font: normal 11px/15px verdana; float: left; height: 48px; margin: 0 8px 8px 8px; overflow: hidden; width: 144px; } .fittingarticles li a em { display: block; font: bold 24px/14px "trebuchet ms"; float: left; margin: 2px 8px 0 8px; text-align: right; width: 144px; } .fittingarticles li a em span { font: bold 12px/12px "trebuchet ms"; } /* 07.09.02 Order timeline */ ol.timeline { border-bottom: 2px solid #003278; display: block; height: 18px; width: 696px; } ol.timeline li { color: #9cadd3; float: left; padding: 0 16px 0 8px; } ol.timeline li.visited { color: #003278; float: left; padding: 0 16px 0 8px; } ol.timeline li em { background: transparent url('../imgs/circles2.png') no-repeat -7085px 3px; color: #b41e0a; font-weight: bold; font-style: normal; padding-left: 20px; } ol.timeline li strong { background: transparent url('../imgs/circles2.png') no-repeat -6078px 3px; font-weight: bold; padding-left: 13px; } ol.timeline li.visited strong { background: transparent url('../imgs/circles2.png') no-repeat -4064px 3px; font-weight: bold; padding-left: 13px; } /* 07.09.03 AGB text */ #widecontent label.shoppingp { cursor: pointer; display: block; float: left; line-height: 15px; margin: 0; padding: 4px 0 0 8px; width: 600px; } #widecontent label.shoppingp a { color: #b41e0a; font-weight: bold; } #widecontent label.shoppingp strong { font-weight: bold; padding: 0; } /* 07.09.04 Loading layer */ .Loading { background:transparent url("../imgs/loader_bg.png") no-repeat top left; display:none; width:265px; height:137px; position:fixed; z-index:999999; top:400px; left:500px; } .Loading h3 { font: bold 12px "Trebuchet MS"; color: #003278; padding:8px 8px 12px 8px; display:block; } .Loading span { display:block; text-align:center; padding:10px 0 0 0; } .Loading span small { padding:10px 0 0 0; font:normal 11px/16px Verdana; color: #003278; display:block; } /* 07.10 Standard Themeworld-Grid-Definitions ****************************/ /* 07.10.01 Sold out flag */ span.soldoutpos { position: absolute; z-index: 998; } span.soldoutpos span.soldout { background: transparent url("../imgs/out.png") no-repeat 0 1px; display: block; height: 37px; width: 170px; } /* 07.10.02 Again flag */ span.againpos { position: absolute; z-index: 998; } span.againpos span.again { background: transparent url("../imgs/again.png") no-repeat 0 1px; display: block; height: 65px; width: 108px; } /* 07.10.03 Negative status */ #contenttheme div.negstatusbig { background: transparent url("../imgs/status.png") no-repeat -1136px 0; height: auto; padding-top: 8px; width: 568px; } #contenttheme div.negstatusbig strong { color: #b41e0a; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 38px; } #contenttheme div.negstatusbig p { color: #b41e0a; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 38px; } #contenttheme div.negstatusbigfoot { background: transparent url("../imgs/status.png") no-repeat -1704px 0; display: block; height: 8px; margin-bottom: 8px; width: 568px; } /* 07.10.04 Positive status */ #contenttheme div.posstatusbig { background: transparent url("../imgs/status.png") no-repeat 0 0; height: auto; padding-top: 8px; width: 568px; } #contenttheme div.posstatusbig strong { color: #296406; font: bold 11px/13px verdana; margin: 0; padding: 0 8px 0 38px; } #contenttheme div.posstatusbig p { color: #296406; display: block; font: normal 11px/13px verdana; margin: 0; padding: 0 8px 0 38px; } #contenttheme div.posstatusbigfoot { background: transparent url("../imgs/status.png") no-repeat -568px 0; display: block; height: 8px; margin-bottom: 8px; width: 568px; } /* 07.10.05 Deliverydate */ .deliverydate { position: relative; z-index: 3; } .deliverydate div { display: block; height: 22px; left: 8px; position: absolute; top: 8px; z-index: 3; width: 300px; } #contenttheme .deliverydate div { display: block; height: 22px; left: 7px; position: absolute; top: 7px; z-index: 3; width: 300px; } .deliverydate div strong { background: transparent url("../imgs/deliverydate.png") no-repeat 0 0; display: block; float: left; font: normal 10px/14px verdana; text-align: right; padding: 4px 0 4px 32px; } .deliverydate div strong em { color: #b41e0a; font-style: italic; } .deliverydate div span { background: transparent url("../imgs/deliverydate.png") no-repeat 0 -22px; display: block; text-align: left; float: left; height: 22px; width: 8px; } /* 07.10.06 View-Changer */ .viewchanger { position: relative; z-index: 2; } .viewchanger div { left: 415px; position: absolute; top: 0; z-index: 3; } #contenttheme .viewchanger div { left: 414px; top: -1px; } .viewchanger div a.listview { background: transparent url("../imgs/viewchanger.png") no-repeat 0 0; color: #003278; cursor: pointer; display: block; font: bold 11px/15px "trebuchet ms"; height: 30px; padding: 12px 0 0 38px; text-decoration: none; width: 115px; } .viewchanger div a.listview:hover { background: transparent url("../imgs/viewchanger.png") no-repeat 0 0; color: #b41e0a; display: block; font: bold 11px/15px "trebuchet ms"; height: 30px; padding: 12px 0 0 38px; text-decoration: none; width: 115px; } .viewchanger div a.themeview { background: transparent url("../imgs/viewchanger.png") no-repeat 0 -43px; color: #003278; cursor: pointer; display: block; font: bold 11px/15px "trebuchet ms"; height: 30px; padding: 12px 0 0 38px; text-decoration: none; width: 115px; } .viewchanger div a.themeview:hover { background: transparent url("../imgs/viewchanger.png") no-repeat 0 -43px; color: #b41e0a; display: block; font: bold 11px/15px "trebuchet ms"; height: 30px; padding: 12px 0 0 38px; text-decoration: none; width: 115px; } /* 07.10.07 Zoomed Image */ div.gridzoomerpos { cursor: pointer; position: absolute; z-index: 400; } div.gridzoomerpos .gridzoomer { background: transparent url("../imgs/zoomer2.png") no-repeat 0 0; cursor: pointer; height: 384px; position: relative; width: 576px; } div.gridzoomerpos .gridzoomer strong { display: block; font: bold 12px/12px "trebuchet ms"; padding: 10px 8px; width: 520px; } div.gridzoomerpos .gridzoomer img { margin-left: 1px; } #calendar { left: 392px; top: 166px; } #calendar a.calfoot { background: transparent url("../imgs/calfoot.png") no-repeat 0 0; display: block; font: bold 11px/15px verdana; height: 24px; text-decoration: none; padding: 8px 0 0 30px; width: 146px; } #calendar a.calfoot:hover { color: #b41e0a; } /* default dimensions and justification for each month including title */ .jCal { height: 26px; } /* default dimensions and justification for each month not including title */ .jCalMo { background: transparent url("../imgs/calhead.png") no-repeat 0 0; float: left; padding: 0 0 0 0; white-space: nowrap; } /* top month display block - i.e. January */ .jCal .month { color: #003278; display: block; float: left; font: bold 11px/15px verdana; height: 26px; text-align: center; } /* top month display block - i.e. January */ .jCal .monthName { color: #003278; display: block; float: left; font: bold 11px/15px verdana; padding: 5px 0 0 0; text-align: center; } /* do not edit - this enables the new month combobox selector */ .jCal .monthSelector { left: 0; top: 0; } /* this is the hover for the month name */ .jCal .monthNameHover { color: #003278; } /* this is the hover for the year */ .jCal .monthYearHover { color: #003278; } /* this is the hover for the new month or year hover in the new combobox selection */ .jCal .monthSelectHover { font-weight: bold; } /* day block dimensions and style - for all day blocks */ .jCalMo .dow, .jCalMo .day, .jCalMo .pday, .jCalMo .aday, .jCalMo .overDay, .jCalMo .invday, .jCalMo .selectedDay { border-left: 1px solid #738eb5; border-bottom: 1px solid #738eb5; color: #003278; font: normal 11px/15px verdana; float: left; text-align: center; padding: 5px 0 0 0; width: 24px; } /* day of week header specific style */ .jCalMo .dow { border-left: 1px solid #738eb5; border-bottom: 1px solid #738eb5; display: block; font-weight: bold; padding: 4px 0 0 0; height: 20px; } /* actual calendar day default style */ .jCalMo .day, .jCalMo .invday { height: 20px; text-align: center; } /* selectable calendar day specific style */ .jCalMo .day { cursor:pointer; background: #e6ebf2; } /* blacked-out calendar day specific style */ .jCalMo .invday { color: white; background: #b41e0a; text-decoration:line-through; } /* previous and subsequent months calendar day specific style */ .jCalMo .pday, .jCalMo .aday { height: 20px; background: #cdd6e4; color: #738eb5; } /* selected day */ .jCalMo .selectedDay { color: #003278; font-weight: bold; /* must use rgb() syntax for jquery.color.js compliance */ background: rgb(255,227,0); } /* mouseover hilighted selectable day */ .jCalMo .overDay { color: #FFF; /* must use rgb() syntax for jquery.color.js compliance */ background: rgb(0,50,120); } /* left month navigation button - no need to change */ .jCal .left { /*background-color: #003278;*/ display: block; width: 26px; height: 26px; vertical-align:middle; cursor:pointer; float:left; } /* right month navigation button - no need to change */ .jCal .right { /*background-color: #003278;*/ display: block; width: 26px; height: 26px; vertical-align:middle; cursor:pointer; float:right; } /* no need to change - this is for carousel opacity */ .jCalMask, .jCalMove { position:absolute; overflow:hidden; } /******************************************** 08 TYPO3 */ table.typo3-adminPanel { width:auto; } table.typo3-adminPanel td { padding:0; } .hotelThumb { float:left; margin-right:4px; margin-bottom:4px; } #ui-datepicker-div { z-index:9999; display: none; } div.pictures a.thumb_back, div.zoomermenu a.thumb_back { background: white url("../imgs/zoombuttons.png") no-repeat -4px -4px; border: 1px solid #738eb5; display: block; height: 33px; width: 16px; z-index: 9999999; float:left; margin-left:4px; margin-right:0px; } div.pictures a.thumb_back:hover, div.zoomermenu a.thumb_back:hover { background: white url("../imgs/zoombuttons.png") no-repeat -4px -4px; border: 1px solid #003278; display: block; height: 33px; width: 16px; z-index: 9999999; float:left; margin-left:4px; margin-right:0px; } div.pictures a.thumb_next, div.zoomermenu a.thumb_next { background: white url("../imgs/zoombuttons.png") no-repeat -4px -43px; border: 1px solid #738eb5; display: block; height: 33px; width: 16px; z-index: 9999999; float:left; } div.pictures a.thumb_next:hover, div.zoomermenu a.thumb_next:hover { background: white url("../imgs/zoombuttons.png") no-repeat -4px -43px; border: 1px solid #003278; display: block; height: 33px; width: 16px; z-index: 9999999; float:left; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../imgs/fancybox/fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('../imgs/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../imgs/fancybox/fancy_title_over.png'); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background-image: url('../imgs/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; } #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('../imgs/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF; } #fancybox-title-right { padding-left: 15px; background-image: url('../imgs/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('../imgs/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('../imgs/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../imgs/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../imgs/fancybox/fancybox-x.png'); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url('../imgs/fancybox/fancybox.png'); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../imgs/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; background-image: url('../imgs/fancybox/fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../imgs/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('../imgs/fancybox/fancybox.png'); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../imgs/fancybox/fancybox-y.png'); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url('../imgs/fancybox/fancybox.png'); background-position: -40px -122px; } /* IE */ #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }