/* * Main CSS file defining styles for: * - basic layout * - header * - footer * 13.01.2010 TT #01 #ContentPolepositionAds_ResultNavigation td: add background-color * 20.05.2010 TT #02 change "#GlobalHeader .globalLogo {z-index: 100;}" to 99, cause of greybox-shading */ body { margin-top: 0px; margin-left: 5px; background-color: #FFF; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-align: left; } a { color: #000; } a:visited { color: #666; } a:hover, a:active { color: #0063A9; } td { color: #000; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } cite { color: #4164CC; font-style: normal; cursor: help; } .clearboth { clear: both; } .fillheigth { height: 100%; padding: 100% 0px; margin: 0px; } .textleft { text-align: left; } .question { color: red; font-weight: bold; text-decoration: none; } .hlBlue { color: #0063A9; } .ServerInfo { text-align: right; font-size: 9px; color: #AAA; } .pale { color: #999; } div.CoverBox { padding: 0px; margin: 0px; } hr { color: #4164CC; background-color: #4164CC; height: 1px; padding: 0px; border: 0px none; text-align: center; } ul { text-align: left; } /* otherwise IE6 shows ul tags centered */ div.MisterWong { font-size: 11px; text-align: right; } .QTooltip { position: absolute; z-index: 1000; width: 150px; padding: 5px; background-color: #FBFBFB; border: 2px solid #808080; text-align: center; display: none; } .QTooltipPlain { position: absolute; z-index: 1000; width: 150px; text-align: center; display: none; } .QTooltip h3, .QTooltipPlain h3 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 12px; font-weight: bold; } .QTooltip ul, .QTooltipPlain ul { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 14px; text-indent: 0px; list-style-type: none; list-style-image: url('../../images/common/nav_dot.gif'); } .QTooltip li, .QTooltipPlain li { margin-bottom: 3px; } /* * Set headline tags font size */ h1 { font-size: 22px; } h2 { font-size: 18px; } h3 { font-size: 14px; } h4 { font-size: 11px; } h5, h6 { font-size: 9px; } /*h1, h2, h3, h4, h5, h6 { color: #000; font-weight: bold; }*/ /* --- START legacy styles from mainXX.css --------------------------------- */ .stuffcolor { background-color: #F7F7F7; } .boxbordercolor { background-color: #E7E7E7; } .resultnavtextsmall { font-size: 10px; color: #FFF; } a.resultnavtextsmall:visited { color: #FFF; } a.resultnavtextsmall:hover, a.resultnavtextsmall:active { color: #FDA414; } .resulttextlink { font-size: 12px; color: #000; font-weight: normal; text-decoration: none; } a.resulttextlink:link, a.resulttextlink:visited { color: #000; text-decoration: none; } a.resulttextlink:hover, a.resulttextlink:active { color: #0063A9; text-decoration: none; } div.resultpagescala .resultnavtextsmall { font-size: 10px; color: #4D4D4D; } div.resultpagescala a.resultnavtextsmall:visited { color: #4D4D4D; } div.resultpagescala a.resultnavtextsmall:hover, div.resultpagescala a.resultnavtextsmall:active { color: #0063A9; } div.resultsorting .resultnavtextsmall { font-weight: bold; font-size: 10px; color: #4D4D4D; } div.resultsorting a.resultnavtextsmall:visited { color: #4D4D4D; } div.resultsorting a.resultnavtextsmall:hover, div.resultsorting a.resultnavtextsmall:active { color: #0063A9; } .paletext, a.paletext:link, a.paletext:visited { color: #808080; } a.paletext:hover, a.paletext:active { color: #0063A9; } .paletextsmall, a.paletextsmall:link, a.paletextsmall:visited { font-size: 10px; color: #808080; } a.paletextsmall:hover, a.paletextsmall:active { color: #0063A9; } .paletexttiny, a.paletexttiny:link, a.paletexttiny:visited { font-size: 9px; color: #808080; } a.paletexttiny:hover, a.paletexttiny:active { color: #0063A9; } .textbold { font-size: 14px; font-weight: bold; text-decoration: none; } a.textbold:visited { color: #666; } a.textbold:hover, a.textbold:active { color: #0063A9; } .textsmall { font-size: 10px; } a.textsmall:visited { color: #666; } a.textsmall:hover,a.textsmall:active { color: #0063A9; } .adtextsmall { font-size: 12px; text-decoration: none; } .adtextnormal { font-size: 12px; font-weight: bold; text-decoration: none; } .adtextbig { font-size: 14px; font-weight: bold; text-decoration: none; } .boxbordertextsmall { font-size: 10px; color: #000; } a.boxbordertextsmall:visited { color: #000; } a.boxbordertextsmall:hover, a.boxbordertextsmall:active { color: #0063A9; } .infotext { font-size: 12px; color: #4089C1; font-weight: bold; } a.infotext:visited { color: #4089C1; } a.infotext:active, a.infotext:hover { color: #0063A9; } .infotextbold { font-size: 14px; color: #4089C1; font-weight: bold; } a.infotextbold:visited { color: #4089C1; } a.infotextbold:active,a.infotextbold:hover { color: #0063A9; } .infotextsmall { font-size: 10px; color: #4089C1; } a.infotextsmall:visited { color: #4089C1; } a.infotextsmall:active, a.infotextsmall:hover { color: #0063A9; } .errortext { color: #f00; } .errortextbold { font-size: 14px; font-weight: bold; color: #f00; } .errortextsmall { font-size: 10px; color: #f00; } /* --- END legacy styles from mainXX.css ----------------------------------- */ /* --- START legacy styles from screenXX.css ------------------------------- */ /* * Area: Content-Ausgabe */ #Content { top: 0px; left: 0px; padding: 0px; margin: 0px; width: 990px; font-size: 100.01%; } /* 1 Spaltiges Layout: Nur Content-Box ueber ganze Breite */ #Content div.Layout1Column1 { width: 985px; } /* 2 Spaltiges Layout: Content-Box links und rechts Bereich fuer Werbung */ #Content div.Layout2Column1 { display: block; width: 785px; padding: 0px; margin: 0px; top: 0px; float: left; text-align: left; overflow: hidden; } #Content div.Layout2Column2 { display: block; width: 200px; padding: 0px; margin: 0px 0px 0px 785px; top: 0px; overflow: hidden; } * html #Content div.Layout2Column2 { width: 197px; } /* Margin fix for IE */ /* 1 Spaltiges Layout: Content-Box ueber ganze Breite fuer Info-Popup */ #Content div.Layout3Column1 { width: 620px; padding: 0px; margin: 0px; top: 0px; } /* Gemeinsame Eigenschaften des Contentbereiches */ #Content div.ContentFullSection { margin: 0px; padding: 0px; border: 1px solid #E7E7E7; background-color: #ffffff; text-align: center; } #Content div.ContentFullSectionDetail { margin: 0px; padding: 0px; background-color: #ffffff; text-align: center; } #Content div.ContentSection { margin: 0px; padding: 14px 20px 14px 20px; border: 1px solid #E7E7E7; background-color: #FFF; text-align: center; } #Content div.Layout2Column1 div.ContentSection { margin: 0px 10px 0px 0px; padding: 14px 20px 14px 20px; border: 1px solid #E7E7E7; background-color: #FFF; text-align: center; } #Content div.AdsBoxSection { margin: 0px; padding: 0px; top: 0px; text-align: center; vertical-align: top; } /* START styles for headline of content section */ /* grey : bg_rd_grey.gif, background: #E6E6E6; border: 1px solid #E7E7E7; color: #4D4D4D; */ #Content div.ContentHeadline { height: 29px; margin: 0px 10px 0px 0px; padding: 0px; background: #E6E6E6 url(../../images/quoka/tabs/navi_bg_grey_30.gif) repeat-x; border: 1px solid #E7E7E7; overflow: hidden; } #Content div.ContentHeadline h1 { margin: 0px; padding: 5px 0px 0px 10px; font: bold 15px Arial,Verdana,Geneva,Helvetica,Sans-Serif; text-align: left; color: #4d4d4d; } #Content div.Layout1Column1 div.ContentHeadline { height: 29px; margin: 0px; padding: 0px; border: 1px solid #E7E7E7; background: #E6E6E6 url(../../images/quoka/tabs/navi_bg_grey_30.gif) repeat-x; overflow: hidden; } #Content div.Layout1Column1 div.ContentHeadline h1 { margin: 0px; padding: 6px 0px 0px 10px; font: bold 15px Arial,Verdana,Geneva,Helvetica,Sans-Serif; text-align: left; color: #4d4d4d; } /* Navigation (Tabs) in Headline */ div.ContentHeadline div.navbar { margin: 8px 6px; color: #3580D8; font-weight: bold; } div.ContentHeadline div.navbar .normal { color: #3580D8; } div.ContentHeadline div.navbar .current { color: #000; } /* END styles for headline of content section */ #ContentSearchResult { margin: 0px; padding: 0px; background-color: #FFF; border-style: solid; } #ContentSearchResult { border:0px; } #ContentSearchResult div.ColumnBox { margin: 0px; padding: 0px; } #ContentSearchResult div.Column1 { padding: 0px; margin: 0px; } #ContentSearchResult div.Column2 { padding: 0px; margin: 0px 10px 0px 10px; } /* IE doubled float-margin bug-fix */ * html #ContentSearchResult div.Column2 { margin: 0px 4px 0px 10px; } /* 1. Spalte in Ausgabe */ #ContentSearchResult div.Column1 { float: left; width: 205px; overflow: hidden; font-size: 11px; text-align: left; } #ContentSearchResult div.Column1 { background-color: transparent; } #ContentSearchResult div.Column2 { float: right; width: 560px; overflow: hidden; } #ContentSearchResult div.Column2 { padding: 0px; background-color: transparent; text-align: center; } #ContentSearchResult div.Column1 a { line-height: 17px; } #ContentSearchResult div.Column1ContentBox { border-width: 1px 1px 0px 1px; border-color: #E7E7E7; border-style: solid; border-top-color: #E7E7E7; } #ContentSearchResult div.Column1Headline { } #ContentSearchResult div.Column1Headline h3, #ContentSearchResult div.Column1Headline b { margin: 0px; padding: 3px 0px 0px 5px; height: 18px; background: url(../../images/quoka/tabs/navi_bg_grey.gif) repeat-x; font-weight: bold; font-size: 12px; color: #4D4D4D; display: block; } #ContentSearchResult div.Column1Content { padding: 5px 10px 10px; background: #FFFFFF; } #ContentSearchResult div.Column1Content strong { display: block; margin: 10px 0px 0px 0px; font-size: 11px; font-weight: bold; } #ContentSearchResult div.Column1Content div.LinkBlockDisplay a { line-height: 13px; margin-bottom: 5px; display: block; } #ContentSearchResult div.Column1Content div.info { margin: 0px 0px 2px 15px; line-height: 12px; font-size: 10px; font-weight: normal; } #ContentSearchResult div.Column1Content div.search_insertlink { font-size: 12px; color: #000000; } #ContentSearchResult ul.Column1ContentList { margin: 0px 0px 0px 0px; padding: 5px 10px 10px; list-style-type: none; font-weight: bold; /*border-width: 0px 0px 1px 0px; border-color: #E7E7E7; border-style: solid;*/ background: #FFFFFF; } #ContentSearchResult div.Column1Content h1, #ContentSearchResult div.Column1Content h2, #ContentSearchResult div.Column1Content h3 { margin: 10px 0px 5px 0px; font-size: 12px; font-weight: bold; } #ContentSearchResult div.Column1Content #more a, #ContentSearchResult div.Column1Content #less a { display: block; color:#808080; text-decoration: none; } /* Content Data Box */ #ContentPolepositionAds, #ContentSectionPartnerAds { margin: 5px auto 15px auto; padding: 0px 0px 4px 0px; /*width: 500px;*/ border: 1px solid #E7E7E7; font-size: 11px; color: black; text-align: left; } /*#ContentSectionAds, #ContentSectionTopAds,*/ #ContentPolepositionAds { background: #EDF1FC; } #ContentPolepositionAds_Result { background: #FFF; width: 558px; margin: 10px 0px; padding: 0px 0px 10px 0px; /*border: 0px;*/ border-width: 0px; border-color: #E7E7E7; border-style: solid; text-align: center; } /* h3 in Content Data Box */ #ContentPolepositionAds h3, #ContentSectionPartnerAds h3 { margin: 0px; padding: 3px 0px 0px 0px; /*width: 500px;*/ height: 18px; background: url(../../images/quoka/tabs/bg_rd_grey.gif) repeat-x; /*background-color: #3366cc;*/ font-weight: bold; font-size: 12px; color: white; text-align: center; } #ContentPolepositionAds_Result h3 { margin: 0px; padding: 3px 0px 0px 0px; height: 18px; background: url(../../images/quoka/tabs/navi_bg_grey.gif) repeat-x; font-weight: bold; font-size: 12px; color: #4d4d4d; text-align: center; } /* Table for Section Ads and Snip Of The Week */ #ContentPolepositionAds table { margin: 10px 10px 0px 10px; padding: 0px; width: 538px; overflow: hidden; background-color: #FFF; } #ContentPolepositionAds_Result table { margin: 0; padding: 0; /*width: 538px;*/ overflow: hidden; } #ContentPolepositionAds td.adtext { width: 127px; } #ContentPolepositionAds_Result td.adtext { width: 120px; } #ContentPolepositionAds td.adtext, #ContentPolepositionAds_Result td.adtext { text-align: center; vertical-align: top; overflow: hidden; background-color: #FFF; font-size: 9px; /*border-bottom: 1px #EEEEEE solid;*/ } #ContentPolepositionAds td.adtext img { margin: 5px; border: 0px; cursor: pointer; } #ContentPolepositionAds_Result td.adtext img { margin: 5px 0px; border: 0px; cursor: pointer; } #ContentPolepositionAds td.adspacer { width: 10px; } #ContentPolepositionAds_Result td.adspacer { width: 10px; } #ContentPolepositionAds a, #ContentPolepositionAds_Result a { font-size: 10px; text-decoration: none; } #ContentPolepositionAds a:visited, #ContentPolepositionAds_Result a:visited { color: #666; } #ContentPolepositionAds a:hover, #ContentPolepositionAds a:active, #ContentPolepositionAds_Result a:hover, #ContentPolepositionAds_Result a:active { color: #0063A9; } #ContentPolepositionAds_Result .ImageLimiter { height: 100px; overflow: hidden; margin-bottom: 5px; display: table-cell; vertical-align: middle; } #ContentSectionBanner { margin: 5px auto 5px auto; padding: 0px; /*width: 500px;*/ text-align: center; } /* START styles for content boxes with grey color gradient and icon */ #ContentInsertBox, #ContentServiceBox, #ContentCategoryBox, #ContentSearchBox { margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #E7E7E7; background: #E6E6E6; overflow: hidden; } #ContentCategoryBox { background: #FFF; } #ContentCategoryBox { border: 0px; margin: 0px; } #ContentInsertBox { height: 105px; } #ContentInsertBox div.Headline, #ContentServiceBox div.Headline, #ContentCategoryBox div.Headline, #ContentSearchBox div.Headline { height: 29px; background: url(../../images/quoka/tabs/boxhead_bg_blue.gif); } #ContentCategoryBox div.Headline { border-width: 1px 1px 0px 1px; border-color: #E7E7E7; border-style: solid; } #ContentInsertBox div.Headline h6, #ContentServiceBox div.Headline h6, #ContentCategoryBox div.Headline h6, #ContentSearchBox div.Headline h6 { margin: 0px; padding: 6px 0px 0px 30px; height: 23px; font: bold 12.5px Arial,Verdana,Geneva,Helvetica,Sans-Serif; text-align: left; color: #FFF; } #ContentInsertBox div.Headline .HeadlineColumn1, #ContentServiceBox div.Headline .HeadlineColumn1, #ContentCategoryBox div.Headline .HeadlineColumn1, #ContentSearchBox div.Headline .HeadlineColumn1 { height: 29px; text-align: left; vertical-align: middle; font-size: 11px; color: #4D4D4D; } #ContentInsertBox div.Headline .HeadlineColumn2, #ContentServiceBox div.Headline .HeadlineColumn2, #ContentCategoryBox div.Headline .HeadlineColumn2, #ContentSearchBox div.Headline .HeadlineColumn2 { height: 29px; text-align: right; vertical-align: middle; font-size: 11px; font-weight:bold; color: #4D4D4D; } #ContentInsertBox div.Headline h6 { background: url(../../images/quoka/tabs/icon_inserieren.gif) no-repeat 4px 0px; } #ContentServiceBox div.Headline h6 { background: url(../../images/quoka/tabs/icon_inserieren.gif) no-repeat 4px 0px; } #ContentCategoryBox div.Headline h6 { background: url(../../images/quoka/tabs/icon_rubriken.gif) no-repeat 4px 0px; } #ContentSearchBox div.Headline h6 { background: url(../../images/quoka/tabs/icon_suche.gif) no-repeat 4px 0px; } #ContentInsertBox div.Content, #ContentServiceBox div.Content, #ContentCategoryBox div.Content, #ContentSearchBox div.Content { margin: 0px; padding: 5px; overflow: hidden; } #ContentInsertBox div.Content { padding: 0px; } #ContentCategoryBox div.Content { padding: 0px; } /* END styles for content boxes with grey color gradient and icon */ /* Styles for partner logo */ #PartnerLogo { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; overflow: hidden; } /* START: Styles for Towerlayer section */ /* class definition for Infobox in AdsBoxSection Towerlayer section */ #Content div.AdsBoxSection div.InfoBox { padding: 0px; margin: 0px 0px 10px 0px; width: 198px; overflow: hidden; border: 1px solid #E7E7E7; background: #FFF; } #Content div.AdsBoxSection div.InfoBox div.head { height: 21px; padding: 0px; margin: 0px; background: url( ../../images/quoka/tabs/bg_rd_blue.gif ) repeat-x; overflow: hidden; } #Content div.AdsBoxSection div.InfoBox div.head h3 { height: 21px; padding: 3px 0px 0px 0px; margin: 0px 0px -5px 0px; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; } #Content div.AdsBoxSection div.InfoBox div.content { margin: 5px; text-align: left; font-size: 10px; overflow: hidden; } #Content div.AdsBoxSection div.InfoBox div.content h4 { margin: 4px; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; } #Content div.AdsBoxSection div.InfoBox div.footer { margin: 0px; padding: 1px 10px 2px 10px; background: url(../../images/quoka/tabs/bg_rd_blue_inv.gif) repeat-x; font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; color: #FFF; overflow: hidden; } #Content div.AdsBoxSection div.InfoBox div.footer a { font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; } #Content div.AdsBoxSection div.InfoBox div.footer a:hover { color: #FFF; } /* class definition for showing ads (partner, galerie) in AdsBoxSection Towerlayer section */ #Content div.AdsBoxSection div.AdsBoxTop { margin: 0px; padding: 0px; width: 200px; height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rc_top_200_bg_fff.gif') no-repeat; } #Content div.AdsBoxSection div.AdsBoxTop h3 { width: 200px; margin: 0px; padding: 6px 0px 0px 0px; text-align: center; color: #FFF; } #Content div.AdsBoxSection div.AdsBoxBottom { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rc_btm_200_bg_fff.gif') no-repeat; } #Content div.AdsBoxSection div.AdsBox { padding: 0px; margin: 0px; width: 198px; overflow: hidden; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #E7E7E7; } #Content div.AdsBoxSection div.AdsBoxItem { margin: 0px; padding: 5px 0px 5px; background: url('../../images/common/dotted_border.gif') repeat-x bottom left; } #Content div.AdsBoxSection div.AdsBoxItem { margin: 0px; text-align: left; font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif; overflow: hidden; } #Content div.AdsBoxSection div.AdsBoxItem table { width: 100%; margin: 0px; padding: 0px; } #Content div.AdsBoxSection div.AdsBoxItem td { margin: 4px; cursor: pointer; text-align: left; vertical-align: middle; overflow: hidden; } #Content div.AdsBoxSection div.AdsBoxItem td.adimage { margin: 4px; width: 64px; cursor: pointer; text-align: center; vertical-align: top; overflow: hidden; } #Content div.AdsBoxSection div.AdsBoxItem td.adtext { margin: 4px; font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif; cursor: pointer; vertical-align: top; overflow: hidden; } #Content div.AdsBoxSection div.AdsBoxItem a { font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; } #Content div.AdsBoxSection div.AdsBoxItem a:visited { color: #666; } #Content div.AdsBoxSection div.AdsBoxItem a:hover { color: #0063A9;} #Content div.AdsBoxSection div.AdsBox div.footer { margin: 5px 0px 0px; padding: 0px; font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; } /* * Area: CompanyLinks SelectBox (Nur Index-Seite) */ div#ContentCompanyLinksSelectBox { padding: 0px; margin: 0px 0px 10px 0px; } #ContentCompanyLinksSelectBox div.head { width: 200px; height: 21px; background: url( ../../images/quoka/tabs/bg_rd_blue.gif ) repeat-x; } #ContentCompanyLinksSelectBox div.head h3 { margin: 0px; padding: 5px 0px 0px 9px; text-align: center; color: #FFF; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; } #ContentCompanyLinksSelectBox div.content { background: #FFF; border-width: 0px 1px; border-style: solid; border-color: #E7E7E7; padding: 4px 0px 0px 0px; margin: 0px; overflow: hidden;} #ContentCompanyLinksSelectBox div.content form { width: 190px; padding: 0px; margin: 0px auto; } #ContentCompanyLinksSelectBox div.content select { font-size: 10px; width: 190px; margin-bottom: 4px; } #ContentCompanyLinksSelectBox div.footer { height: 16px; background: url( ../../images/quoka/tabs/bg_rd_blue_inv.gif ) repeat-x; font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; color: #FFF; padding: 1px 10px 2px 10px; } #ContentCompanyLinksSelectBox div.footer a { font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; } /* * Area: CompanyLinks Box-Ausgabe */ div#ContentCompanyLinks { padding: 0px; margin: 0px 0px 10px 0px; } #ContentCompanyLinks div.head { width: 200px; height: 21px; background: url( ../../images/quoka/tabs/bg_rd_blue.gif ) repeat-x; } #ContentCompanyLinks div.head h3 { margin: 0px; padding: 5px 0px 0px 9px; text-align: center; color: #FFF; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; } #ContentCompanyLinks div.content { background: #EDF1FC; border-width: 0px 1px; border-style: solid; border-color: #E7E7E7; padding: 4px 0px; margin: 0px; overflow: hidden;} #ContentCompanyLinks div.content a { display: block; margin-left: 3px; padding: 1px 4px; font-size: 10px; text-align: left; } #ContentCompanyLinks div.footer { height: 16px; background: url( ../../images/quoka/tabs/bg_rd_blue_inv.gif ) repeat-x; font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; color: #ffffff; padding: 1px 10px 2px 10px; } #ContentCompanyLinks div.footer a { font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; } /* END: Styles for Towerlayer section */ /* * Area: Sub Categories */ #ContentSubCategoryBox { margin: 0px; padding: 0px; } #ContentSubCategoryBox div.head { margin: 0px; padding: 3px 0px 0px 5px; height: 18px; background: url(../../images/quoka/tabs/bg_rd_blue.gif) repeat-x; } #ContentSubCategoryBox div.head h3 { margin: 0px; padding: 0px; font-weight: bold; font-size: 12px; color: #FFF; text-decoration: none; } #ContentSubCategoryBox div.content { padding: 5px 0px 0px 0px; border-width: 0px 1px 0px 1px; border-color: #E7E7E7; border-style: solid; background: #FFFFFF; } /* * Area: Relative Categories */ #ContentRelativeCategory { overflow:hidden; margin: 0px; padding: 0px; border-width: 0px 1px 1px 1px; border-color: #E7E7E7; border-style: solid; background: #FFFFFF; } /* * Area: Premium Ads Placement */ #ContentAdsPremiumPlacement { margin: 0px; padding: 3px 0px 3px 0px; border-width: 0px 1px 0px 1px; border-color: #E7E7E7; border-style: solid; background: #FFFFFF; } /* START: Styles for category homepages */ #ContentCategoryHomepage h1 { margin: 0px; padding: 0px; color: #000; font: normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif; } /* END: Styles for category homepages */ /* START: Styles for "Gebrauchte Autos" page */ #ContentUsedCars { text-align: left; margin: 0px; padding: 0px; } #ContentUsedCars h1 { padding: 0px; margin: 0px; color: #000; font: normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif; } #ContentUsedCars ul { list-style: none outside; margin: 0px; padding: 0px; } #ContentUsedCars li { margin-bottom: 20px; } /* END: Styles for "Gebrauchte Autos" page */ /* START: Styles for special category pages */ #ContentSpecialCategoryPage { text-align: left; margin: 0px; padding: 0px; } #ContentSpecialCategoryPage h1 { padding: 0px; margin: 0px; color: #000000; font: normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif; } #ContentSpecialCategoryPage ul { list-style: none outside; margin: 0px; padding: 0px; } #ContentSpecialCategoryPage li { margin-bottom: 20px; } #ContentSpecialCategoryPage td { width: 225px; height: 20px; } /* END: Styles for special category pages */ /* START: Styles for "autoaktuell Gebrauchtwagen" page */ #ContentUsedCarsAutoaktuell { margin: 0px; padding: 0px; } #ContentUsedCarsAutoaktuell h3 { font-size: 22px; } /* END: Styles for "autoaktuell Gebrauchtwagen" page */ /* ANFANG: Style-Angaben fuer Popups */ #PopupSearchDetailContent h1 { margin: 0px; display: inline; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; } div#PopupInfo { padding: 0px; margin: 0px; } #PopupInfo div.head { padding: 0px; margin: 0px; } #PopupInfo div.head h3 { margin:0px; padding: 5px 0 0 9px; text-align: right; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; } #PopupInfo div.content { padding: 5px; margin:10px 20px; } #PopupInfo div.info, #PopupInfo div.infowhite { padding: 5px; margin: 0px auto; width: 610px; font-size: 11px; border: 1px solid #E7E7E7; background-color:#F7F7F7; } #PopupInfo div.infowhite { background-color:#FFF; } /* ENDE: Style-Angaben fuer Popups */ /* ANFANG: Style-Angaben fuer Mail-Formular */ div#MailForm { padding: 0px; margin: 0px; } div#MailForm .reason { width: 130px; vertical-align: top; font-weight: bold; font-size: 12px; } div#MailForm .input { width: 450px; vertical-align: top; font-size: 10px; } div#MailForm .error { color: red; font-weight: bold; font-size: 10px; } /* ENDE: Style-Angaben fuer Mail-Formular */ /* * Styles for city name in cat hits, when doing a city search */ #ContentCatHitsSearchCity { font: bold 12px Verdana, Geneva, Arial, Helvetica, Sans-Serif; } /* --- END legacy styles from screenXX.css --------------------------------- */ /* --- START styles for header --------------------------------------------- */ #GlobalHeader fieldset, #GlobalHeader img { border: 0px; } #GlobalHeader ul, #GlobalHeader ol, #GlobalHeader dl { margin: 0px; padding: 0px; list-style: none; } #GlobalHeader li { background: 0; margin: 0px; padding: 0 0 2px 20px; } #GlobalHeader div { overflow: hidden; } #GlobalHeader a:link { color: #999; text-decoration: underline; } #GlobalHeader a:visited { color: #999; } #GlobalHeader a:hover { color: #0063a9; } /* * Layout */ div#GlobalHeader { margin-bottom: 15px; left: 0px; position: relative; width: 985px; font: normal 10px/1.8em Arial, Helvetica, Sans-Serif; } #GlobalHeader { height: 164px; width: 100%; } /* * Globals */ #GlobalHeader .globalLogo h1 { margin: 0px; padding: 0px; } #GlobalHeader .globalLogo { height: 77px; width: 230px; top: 5px; left: 5px; position: absolute; z-index: 99; text-align: center; } #GlobalHeader .globalNavigationMain { height: 60px; width: 740px; top: 26px; left: 236px; position: absolute; z-index: 2; background: transparent; } #GlobalHeader .globalNavigationMain ul { margin: 0px; padding: 0px; height: 60px; list-style: none; } #GlobalHeader .globalNavigationMain ul li { margin: 0px; padding: 0px; display: block; float: left; height: 60px; } #GlobalHeader .globalNavigationMain ul li a { display: block; padding-top: 35px; height: 60px; font: bold 14px Arial, Helvetica, Sans-Serif; text-indent: 0px; text-decoration: none; } #GlobalHeader .globalNavigationMain ul li.classifieds a { background: url('../../images/quoka/nav/navKleinanzeigen.png') no-repeat; width: 145px; text-indent: 19px; } #GlobalHeader .globalNavigationMain ul li.classifieds a:link, #GlobalHeader .globalNavigationMain ul li.classifieds a:visited, #GlobalHeader .globalNavigationMain ul li.classifieds a:active, #GlobalHeader .globalNavigationMain ul li.classifieds a:hover { color: #0063A9; } #GlobalHeader .globalNavigationMain ul li.classifiedsActive a { background: url('../../images/quoka/nav/navKleinanzeigen.png') 0 -100px no-repeat; width: 145px; text-indent: 19px; } #GlobalHeader .globalNavigationMain ul li.classifiedsActive a:link, #GlobalHeader .globalNavigationMain ul li.classifiedsActive a:visited, #GlobalHeader .globalNavigationMain ul li.classifiedsActive a:active, #GlobalHeader .globalNavigationMain ul li.classifiedsActive a:hover { color: #FFF; } #GlobalHeader .globalNavigationMain ul li.insert a { background: url('../../images/quoka/nav/navInserieren.png') no-repeat; width: 195px; text-indent: 11px; } #GlobalHeader .globalNavigationMain ul li.insert a:link, #GlobalHeader .globalNavigationMain ul li.insert a:visited, #GlobalHeader .globalNavigationMain ul li.insert a:active, #GlobalHeader .globalNavigationMain ul li.insert a:hover { color: #0063A9; } #GlobalHeader .globalNavigationMain ul li.insertActive a { background: url('../../images/quoka/nav/navInserieren.png') 0 -100px no-repeat; width: 195px; text-indent: 11px; } #GlobalHeader .globalNavigationMain ul li.insertActive a:link, #GlobalHeader .globalNavigationMain ul li.insertActive a:visited, #GlobalHeader .globalNavigationMain ul li.insertActive a:active, #GlobalHeader .globalNavigationMain ul li.insertActive a:hover { color: #FFF; } #GlobalHeader .globalNavigationMain ul li.myQuoka a { background: url('../../images/quoka/nav/navMeinQuoka.png') no-repeat; width: 120px; text-indent: 13px; } #GlobalHeader .globalNavigationMain ul li.myQuoka a:link, #GlobalHeader .globalNavigationMain ul li.myQuoka a:visited, #GlobalHeader .globalNavigationMain ul li.myQuoka a:active, #GlobalHeader .globalNavigationMain ul li.myQuoka a:hover { color: #0063A9; } #GlobalHeader .globalNavigationMain ul li.myQuokaActive a { background: url('../../images/quoka/nav/navMeinQuoka.png') 0 -100px no-repeat; width: 120px; text-indent: 13px; } #GlobalHeader .globalNavigationMain ul li.myQuokaActive a:link, #GlobalHeader .globalNavigationMain ul li.myQuokaActive a:visited, #GlobalHeader .globalNavigationMain ul li.myQuokaActive a:active, #GlobalHeader .globalNavigationMain ul li.myQuokaActive a:hover { color: #FFF; } #GlobalHeader .globalNavigationMain ul li.ccinfo div { padding: 27px 0px 0px 10px; height: 60px; width: 270px; font: normal 11px Arial, Helvetica, Sans-Serif; text-indent: 0px; } #GlobalHeader .globalNavigationMain ul li.ccinfo a { font: normal 11px Arial, Helvetica, Sans-Serif; display: inline; } #GlobalHeader .globalNavigation { color: #989898; font-size: 120%; right: 0; position: absolute; text-align: right; top: 0; z-index: 3; } #GlobalHeader .globalNavigation, #GlobalHeader .globalNavigation .modul, #GlobalHeader .globalNavigation .modul .modulBody, #GlobalHeader .globalNavigation .modul .modulBody .modulBodyInner { float: right; } #GlobalHeader .globalNavigation .modul .modulBody .modulBodyInner ul { display: inline; } #GlobalHeader .globalNavigation li { display: inline; padding: 0 4px 0 0; } #GlobalHeader .modul .modulBody { /* background: url('../../images/quoka/nav/slidingDoor.png') 100% 100% repeat-y;*/ background: url('../../images/quoka/nav/slidingDoorC.gif') 100% 100% repeat-y; /* use w/ banner above header */ padding-right: 11px; } #GlobalHeader .modul .modulBody .modulBodyInner { /* background: url('../../images/quoka/nav/slidingDoor.png') 0 100% repeat-y;*/ background: url('../../images/quoka/nav/slidingDoorC.gif') 0 100% repeat-y; /* use w/ banner above header */ padding-left: 0px; } #GlobalHeader .modul .modulContent { /* padding: 3px 8px 7px 23px;*/ padding: 10px 8px 8px 23px; /* use w/ banner above header */ } #GlobalHeader .modul .modulContent a { text-decoration: none; } #GlobalHeader .globalSearchBar { /*background: #f0ce67 url('../../images/quoka/nav/searchBar984.png') no-repeat;*/ background: url('../../images/quoka/nav/searchBar984.png') no-repeat; height: 54px; left: 0px; position: absolute; top: 83px; width: 984px; z-index: 1; } #GlobalHeader .globalSearchBar .info { float: left; font-size: 110%; height: 54px; width: 220px; } #GlobalHeader .globalSearchBar .info .infoOverall { height: 12px; left: 32px; padding-bottom: 5px; position: relative; top: 10px; width: 188px; text-align: center; } #GlobalHeader .globalSearchBar .info .infoNewThisWeek { height: 12px; left: 32px; padding-bottom: 5px; position: relative; top: 9px; width: 188px; text-align: center; } #GlobalHeader .globalSearch { float: right; height: 54px; width: 749px; } #GlobalHeader .globalSearch ul { height: 40px; } * html #GlobalHeader .globalSearch ul { margin-top: -1px; } *+html #GlobalHeader .globalSearch ul { margin-top: -1px; } #GlobalHeader .globalSearch ul li { display: block; font-size: 120%; font-weight: bold; float: left; padding: 17px 8px 0 0; vertical-align: middle; } #GlobalHeader .globalSearch ul li.globalSearchText { padding: 20px 5px 0 3px; } #GlobalHeader .globalSearch ul li input.fieldSearch, #GlobalHeader .globalSearch ul li input.fieldCity { border: 1px solid #9b9a96; font: 100% Arial, Helvetica, Sans-Serif; height: 18px; padding: 2px 3px 0 3px; /*width: 224px;*/ width: 160px; } #GlobalHeader .globalSearch ul li input.fieldCity { width: 90px; } #GlobalHeader .globalSearch ul li select.fieldRadius { border: 1px solid #9b9a96; font: 100% Arial, Helvetica, Sans-Serif; height: 20px; width: 68px; } #GlobalHeader .globalSearch ul li select.fieldRadius option { padding-left: 3px; } #GlobalHeader .globalSearch ul li select.fieldCategory { border: 1px solid #9b9a96; font: 100% Arial, Helvetica, Sans-Serif; height: 20px; width: 168px; } #GlobalHeader .globalSearch ul li select.fieldCategory option { padding-left: 3px; } #GlobalHeader .globalSearch ul li.findButton { margin-left: 5px; padding-top: 11px; } #GlobalHeader div.globalBreadcrumb { position: absolute; top: 138px; left: 0px; width: 100%; height: 22px; padding: 4px 0px 0px 0px; color: #989898; font-size: 110%; } #GlobalHeader div.globalBreadcrumb span.globalBreadcrumbIndent { padding-left: 2px; } #GlobalHeader div.globalBreadcrumb #SearchNavCategoryPath { display: inline; } #GlobalHeader div.globalBreadcrumb div.Notebook { float: right; padding: 0px 5px 0px 5px; text-align: right; font-size: 11px; font-weight: bold; } #GlobalHeader div.globalBreadcrumb a { color: #989898; text-decoration: none; } #GlobalHeader div.globalBreadcrumb a:hover { color: #0063a9; text-decoration: none; } #GlobalHeader #CustomerCenterInfo { width:200px; float: left; } #GlobalHeader #iPhoneAppBtn { margin: 0px; padding: 11px 0px 0px; width: 57px; height: 47px; float: right; } /* --- END styles for header ----------------------------------------------- */ /* --- START styles for QAC ------------------------------------------------ */ .AutoCompleteContainer { position: absolute; left: 0px; top: 0px; z-index: 1000; background: #EEE; border: 1px solid #CCC; margin: 0px; padding: 0px; width: 380px; display: none; } .AutoCompleteItem { margin: 0px; padding: 2px; background-color: transparent; font: normal 11.5px Arial,Verdana,Sans-Serif; width: 376px; } .AcItemHighlight { background-color: #DDD; } #AcDebugContainer { margin: 0px; padding: 10px; border: 1px solid black; font: normal 11px Arial; text-align: left; display: none; overflow: auto; } /* --- END styles for QAC -------------------------------------------------- */ /* --- START styles for "small" header ------------------------------------- */ #SmallHeader fieldset, #SmallHeader img { border: 0px; } #SmallHeader ul, #SmallHeader ol, #SmallHeader dl { margin: 0px; padding: 0px; list-style: none; } #SmallHeader li { background: 0; margin: 0px; padding: 0 0 2px 20px; } #SmallHeader div { overflow: hidden; } #SmallHeader a:link { color: #999; text-decoration: underline; } #SmallHeader a:visited { color: #999; } #SmallHeader a:hover { color: #0063a9; } div#SmallHeader { position: relative; left: 0px; width: 610px; margin: 0px auto 15px auto; font: normal 10px/1.8em Arial, Helvetica, Sans-Serif; } #SmallHeader { width: 100%; height: 84px; } #SmallHeader .globalLogo h1 { margin: 0px; padding: 0px; } #SmallHeader .globalLogo { position: absolute; top: 12px; left: 0; width: 144px; height: 58px; z-index: 100; } #SmallHeader .globalNavigation { position: absolute; top: 0; right: 0; z-index: 3; color: #989898; text-align: right; font-size: 120%; } #SmallHeader .globalNavigation, #SmallHeader .globalNavigation .modul, #SmallHeader .globalNavigation .modul .modulBody, #SmallHeader .globalNavigation .modul .modulBody .modulBodyInner { float: right; } #SmallHeader .globalNavigation .modul .modulBody .modulBodyInner ul { display: inline; } #SmallHeader .globalNavigation li { display: inline; padding: 0 4px 0 0; } #SmallHeader .modul .modulBody { padding-right: 11px; background: url('../../images/quoka/nav/slidingDoor.png') 100% 100% repeat-y; } #SmallHeader .modul .modulBody .modulBodyInner { padding-left: 0px; background: url('../../images/quoka/nav/slidingDoor.png') 0 100% repeat-y; } #SmallHeader .modul .modulContent { padding: 3px 8px 7px 23px; } #SmallHeader .modul .modulContent a { text-decoration: none; } #SmallHeader .globalSearchBar { position: absolute; top: 37px; right: 0; width: 450px; height: 40px; z-index: 1; padding-top: 13px; background: url('../../images/quoka/nav/popupBar450.gif') no-repeat; font: bold 13px Arial, Helvetica, Sans-Serif; text-align: center; } #SmallHeader .globalSearchBar a:link, #SmallHeader .globalSearchBar a:visited, #SmallHeader .globalSearchBar a:active, #SmallHeader .globalSearchBar a:hover { color: #000; text-decoration: none; } /* --- END styles for "small" header --------------------------------------- */ /* --- START styles for message section ------------------------------------ */ #Message { margin: 0px; padding: 0px; width: 985px; overflow: hidden; } .MessageSuccess, .MessageSuccessPlain, .MessageNote, .MessageNotePlain, .MessageError, .MessageErrorPlain { margin: 10px; padding: 10px 32px; border: 2px solid; text-align: left; font: normal 12px Verdana, Geneva, Arial, Helvetica, Sans-Serif; overflow: hidden; } .MessageSuccess, .MessageSuccessPlain { border-color: #009933; background: #DDFFCC url('../../images/quoka/msg_icon_ok.gif') no-repeat 5px 10px; } .MessageSuccess .title, .MessageSuccessPlain .title { color: #009933; font-weight: bold; font-size: 14px; } .MessageSuccess hr, .MessageSuccessPlain hr { color: #009933; background: #009933; height: 1px; padding: 0px; border: 0px none; text-align: center; } .MessageNote, .MessageNotePlain { border-color: #FF9900; background: #FFFFCC url('../../images/quoka/msg_icon_att.gif') no-repeat 5px 10px; } .MessageNote .title, .MessageNotePlain .title { color: #FF9900; font-weight: bold; font-size: 14px; } .MessageNote hr, .MessageNotePlain hr { color: #FF9900; background: #FF9900; height: 1px; padding: 0px; border: 0px none; text-align: center; } .MessageError, .MessageErrorPlain { border-color: #CC0000; background: #FFEEEE url('../../images/quoka/msg_icon_err.gif') no-repeat 5px 10px; } .MessageError .title, .MessageErrorPlain .title { color: #CC0000; font-weight: bold; font-size: 14px; } .MessageError hr, .MessageErrorPlain hr { color: #CC0000; background: #CC0000; height: 1px; padding: 0px; border: 0px none; text-align: center; } /* * Styles for different message box modes overriding default styles above */ .MessageSuccessPlain { border: 0px none; background: transparent url('../../images/quoka/msg_icon_ok.gif') no-repeat 5px 10px; } .MessageNotePlain { border: 0px none; background: transparent url('../../images/quoka/msg_icon_att.gif') no-repeat 5px 10px; } .MessageErrorPlain { border: 0px none; background: transparent url('../../images/quoka/msg_icon_err.gif') no-repeat 5px 10px; } /* * System Message Box */ div.SystemMessage { width: 700px; margin: 10px auto; padding: 0px; border: 1px solid #A8BBD5; overflow: hidden; } div.SystemMessage div.headline { height: 29px; background: #DEE7F0 url('../../images/quoka/tabs/bgheadblue01.gif') repeat-x; } div.SystemMessage div.headline h1 { margin: 0px; padding: 5px 0px 0px 10px; overflow: hidden; font: bold 15px Arial,Verdana,Geneva,Helvetica,Sans-Serif; text-align: center; color: red; } div.SystemMessage div.content { margin: 5px; padding: 0px; text-align: center; } div.SystemMessage div.footer { margin: 1px; padding: 3px 5px; background: #E6EDFD; } /* --- END styles for message section -------------------------------------- */ /* Result-Citylist: substract padding(left|right) from width: 985px-50-50 = 885 (i don't know why this doesn't work in other way?) */ #LocationList { width: 885px; padding: 20px 50px 0px 50px; text-align: center; font-size: 10px; color: #000000; } /* --- START styles for footer --------------------------------------------- */ #Footer { margin-top: 35px; } /* 1-column layout: one content box spanning whole width */ #Footer div.Layout1 { width: 985px; padding-top: 9px; background: url('../../images/quoka/nav/searchBar984.png') top left no-repeat; } /* 2-column layout: left-hand content box with right-hand area for advertisement */ #Footer div.Layout2 { width: 780px; } /* 1-column layout: content box spanning whole width (for info popup) */ #Footer div.Layout3 { width: 590px; margin-left: auto; margin-right: auto; } /* Redesign: 3-column layout: footer in middle column */ #Footer div.Layout4 { margin-left: auto; margin-right: auto; } #Footer hr { width: 98%; border: 0px none; color: #4164CC; background-color: #4164CC; height: 1px; padding: 0px; text-align: center; } #Footer span.bullet { color: #000; } #Footer div { text-align: center; font-size: 10px; color: #000000; } #Footer div.ftrColumnLeft { width: 40%; float: left; text-align: center; } #Footer div.ftrColumnRight { margin-left: 40%; width: 60%; text-align: center; } * html #Footer div.ftrColumnRight { width: 59%; } /* Margin fix for IE */ #Footer a { font-size: 10px; color: #000000; } #Footer a:visited { color: #666666; } #Footer a:hover { color: #0063a9; } #Footer a:active { color: #0063a9; } #Footer div.info { margin: 10px 0px 6px 0px; font-style: italic; } #Footer div.copyright { margin-top: 15px; font-weight: normal; color: #949494; } #Footer div.partner { margin: 0px 0px 6px 0px; color: #949494; } #Footer div.partner a, #Footer div.partner a:visited, #Footer div.partner a:hover, #Footer div.partner a:active{ font-size: 10px; color: #949494; text-decoration: none; } /* --- END styles for footer ----------------------------------------------- */ /* --- START styles for basic layout --------------------------------------- */ #Content { padding: 0px; margin: 0px; width: 990px; font-size: 100.01%; } /* 1-column layout: single content box spanning full width */ #Content div.Layout1Column1 { width: 985px; } /* 2-column layout: left-hand content box and right-hand region for ads */ #Content div.Layout2Column1 { display: block; width: 785px; padding: 0px; margin: 0px; top: 0px; float: left; text-align: left; } #Content div.Layout2Column2 { display: block; width: 200px; padding: 0px; margin: 0px 0px 0px 785px; top: 0px; } #ContentMain { margin: 0px; padding: 0px; background-color: #FFFFFF; border-style: solid; border: 0px; } #ContentMain div.ColumnBox { margin: 0px; padding: 0px; } #ContentMain div.Column1 { margin: 0px; padding: 0px; float: left; width: 200px; overflow: hidden; font-size: 11px; text-align: left; background-color: transparent; } #ContentMain div.Column2 { margin: 0px 10px 0px 10px; padding: 0px; float: right; width: 565px; overflow: hidden; text-align: center; background-color: transparent; } /* IE doubled float-margin bug-fix */ * html #ContentMain div.Column2 { margin: 0px 4px 0px 10px; } #ContentMain div.Column1 a { line-height: 17px; } #ContentMain div.Column1 div.post h2 { margin-top: 0px; } /* --- END styles for basic layout ----------------------------------------- */ /* --- START styles for city pages ----------------------------------------- */ #CitySign { width: 200px; height: 144px; margin-bottom: 10px; background: url('../../images/common/oes.gif') no-repeat; } #CitySign td { font-weight: bold; } /* --- END styles for city pages ------------------------------------------- */ /* --- START styles generic column 1 content boxes ------------------------- */ #ContentMain .Column1ContentBox, #ContentMain .Column1ContentBoxVanilla { margin: 0px; padding: 0px 10px 0px; width: 180px; border: none; background: #FFF url('../../images/quoka/tabs/rcd_mid_200_bg_fff.gif') repeat-y; overflow: hidden; text-align: left; } #ContentMain .Column1ContentBoxTop, #ContentMain .Column1ContentBoxVanillaTop { margin: 0px; padding: 0px; width: 200px; height: 15px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_200_bg_fff_nofade.gif') no-repeat; } #ContentMain .Column1ContentBoxBottom, #ContentMain .Column1ContentBoxVanillaBottom { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 15px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_200_bg_fff_nofade.gif') no-repeat; } #ContentMain .Column1ContentBoxTop h3 { width: 200px; margin: 0px; padding: 7px 0px 0px 0px; text-align: center; color: #fff; } #ContentMain .Column1ContentBoxVanilla h3 { width: 200px; margin: 3px 0px; padding: 0px; text-align: left; color: #000; } #ContentMain .Column1ContentBox .separator, #ContentMain .Column1ContentBoxVanilla .separator { height: 7px; border-bottom: 1px dotted #999; margin-bottom: 7px; } #ContentMain .Column1ContentBox a, #ContentMain .Column1ContentBoxVanilla a { font-size: 11px; display: block; } /* * Styles for box with blue-bg headline */ #ContentMain .Column1ContentBoxTop { height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_200_bg_fff.gif') no-repeat; } #ContentMain .Column1ContentBoxBottom { height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_200_bg_fff.gif') no-repeat; } /* --- END styles generic column 1 content boxes --------------------------- */ /* --- START styles for newest ads ----------------------------------------- */ #ContentNewestAds { margin: 0px; padding: 10px 10px 5px; width: 565px; border: none; background: #FFF url('../../images/quoka/tabs/rcd_mid_565_bg_fff.gif') repeat-y; overflow: hidden; text-align: left; } #ContentNewestAdsTop { margin: 0px; padding: 0px; width: 565px; height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_565_bg_fff.gif') no-repeat; } #ContentNewestAdsBottom { margin: 0px 0px 10px 0px; padding: 0px; width: 565px; height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_565_bg_fff.gif') no-repeat; } #ContentNewestAdsTop h3 { width: 565px; margin: 0px; padding: 7px 0px 0px 0px; text-align: center; color: #fff; } #ContentNewestAds p { margin: 0px 0px 4px 0px; padding: 0px; } #ContentNewestAds table { width: 545px; margin: 5px 0px 15px 0px; } #ContentNewestAds table td { vertical-align: top; text-align: left; font-size: 11px; } #ContentNewestAds table#ContentImage { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; } #ContentNewestAds table#ContentImage td.adpic { width: 70px; } #ContentNewestAds table#ContentImage td.adseparator { width: 15px; } #ContentNewestAds table#ContentImage td.adtext { width: 190px; } #ContentNewestAds table#ContentAll { margin-bottom: 0px; } #ContentNewestAds table#ContentAll td.adtime { width: 70px; font-weight: bold; color: #0063a9; } #ContentNewestAds table#ContentAll td.adtext { width: 430px; } #ContentNewestAds table#ContentAll td.adicon { width: 40px; padding-left: 5px; } /* --- END styles for newest ads ------------------------------------------- */ /* --- START styles for pole position ads (Hotspot) ------------------------ */ #ContentPolepositionAds { margin: 0px; padding: 5px 0px 0px; width: 200px; border: none; background: #FFF url('../../images/quoka/tabs/rcd_mid_200_bg_fff.gif') repeat-y; overflow: hidden; text-align: center; } #ContentPolepositionAdsTop { margin: 0px; padding: 0px; width: 200px; height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_200_bg_fff.gif') no-repeat; } #ContentPolepositionAdsBottom { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_200_bg_fff.gif') no-repeat; } #ContentPolepositionAds .PolePositionItem { margin: 0px 10px; height: 137px; text-align: center; font-size: 11px; overflow: hidden; } #ContentPolepositionAds .PolePositionItem a { text-decoration: none; } #ContentPolepositionAds .separator { margin: 0px 10px 7px; height: 7px; border-bottom: 1px dotted #999; overflow: hidden; } #ContentPolepositionAds .ImageLimiter { height: 107px; overflow: hidden; } #ContentPolepositionAdsTop h3 { width: 200px; margin: 0px; padding: 7px 0px 0px 0px; text-align: center; color: #fff; } #ContentPolepositionAds img { margin: 4px auto; display: block; } #ContentPolepositionAds a { font-size: 11px; } /* --- END styles for pole position ads (Hotspot) -------------------------- */ /* --- START styles for region banner (city pages) ------------------------- */ #ContentRegionBanner { margin-bottom: 10px; } /* --- END styles for region banner (city pages) --------------------------- */ /* --- START styles for video ad ------------------------------------------- */ #ContentVideoAds { margin: 0px; padding: 10px 10px 5px; width: 180px; border: none; background: #FFF url('../../images/quoka/tabs/rcd_mid_200_bg_fff.gif') repeat-y; overflow: hidden; text-align: left; } #ContentVideoAdsTop { margin: 0px; padding: 0px; width: 200px; height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_200_bg_fff.gif') no-repeat; } #ContentVideoAdsBottom { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_200_bg_fff.gif') no-repeat; } #ContentVideoAdsTop h3 { width: 200px; margin: 0px; padding: 7px 0px 0px 0px; text-align: center; color: #fff; } #ContentVideoAds table td.adtext p { margin: 3px 0px 0px 0px; padding: 0px; line-height: 13px; text-align: center; } #ContentVideoAds table td.adtext a { font-size: 11px; line-height: 13px; text-decoration: none; } /* --- END styles for video ad --------------------------------------------- */ /* --- START styles for newsletter opt-in box ------------------------------ */ #ContentNewsletterOptIn { margin: 0px; padding: 10px 10px 5px; width: 180px; border: none; background: #FFF url('../../images/quoka/tabs/rcd_mid_200_bg_fff.gif') repeat-y; overflow: hidden; text-align: left; } #ContentNewsletterOptInTop { margin: 0px; padding: 0px; width: 200px; height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_200_bg_fff.gif') no-repeat; } #ContentNewsletterOptInBottom { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_200_bg_fff.gif') no-repeat; } #ContentNewsletterOptInTop h3 { width: 200px; margin: 0px; padding: 7px 0px 0px 0px; text-align: center; color: #fff; } #ContentNewsletterOptIn table td.adtext p { margin: 3px 0px 0px 0px; padding: 0px; line-height: 13px; text-align: center; } #ContentNewsletterOptIn table td.adtext a { font-size: 11px; line-height: 13px; text-decoration: none; } #ContentNewsletterOptIn form { margin: 0px; padding: 0px; } #ContentNewsletterOptIn input.fieldEMail { border: 1px solid #9B9A96; font: 100% Arial, Helvetica, Sans-Serif; height: 18px; padding: 2px 3px 0px 3px; } /* --- END styles for newsletter opt-in box -------------------------------- */ /* --- START styles for CMS content ---------------------------------------- */ /* * Shared class */ .SharedContentQuokaPress { margin-bottom: 10px; text-align: justify; font-size: 11px; } .SharedContentQuokaPress div.post { margin-bottom: 0px; } .SharedContentQuokaPress h2 { margin: 0; padding: 0; font-size: 14px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .SharedContentQuokaPress h3 { margin: 0; padding: 0; font-size: 14px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .SharedContentQuokaPress div.entry { margin-bottom: 10px; } .SharedContentQuokaPress p { margin: 5px 0 0; padding: 0; font-size: 11px; } .SharedContentQuokaPress table { margin: 0px 0px 10px; } .SharedContentQuokaPress td { font-size: 11px; } .SharedContentQuokaPress td p { margin: 5px 0 0; padding: 0; font-size: 11px; } .SharedContentQuokaPress img { margin-bottom: 10px; } /* * Type "cat" */ #ContentQuokaPressCat { } /* * Type "city" */ #ContentQuokaPressCity { } /* * Type "content" */ #ContentQuokaPressMain { } #ContentMain .CMSMainContentBox td { text-align: left; } #ContentMain .CMSMainContentBox td.content { padding: 0px 10px 0px; } #ContentMain .CMSMainContentBox td.content p { font-size: 12px; } #ContentMain .CMSMainContentBox td.content table td { font-size: 12px; } #ContentMain .CMSMainContentBox td.content table td p { font-size: 12px; } #ContentMain .CMSMainContentBox td.content ul { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 14px; text-indent: 0px; list-style-type: none; list-style-image: url('../../images/common/nav_dot.gif'); } #ContentMain .CMSMainContentBox td.content ul li { margin-bottom: 3px; font-size: 12px; } /* * CMS-based column1 content boxes */ #ContentMain .CMSColumn1ContentBox td { text-align: left; } #ContentMain .CMSColumn1ContentBox td.content { padding: 0px 10px 0px; } #ContentMain #divBannerCATSPONSOR .CMSColumn1ContentBox { margin-bottom: 5px; } /* * CMS-based "category-style" box */ #ContentMain .CMSColumn1CategoryBox { } #ContentMain .CMSColumn1CategoryBox img { border: 0px; } #ContentMain .CMSColumn1CategoryBox h2 { font-size: 16px; } #ContentMain .CMSColumn1CategoryBox h2 a:link, #ContentMain .CMSColumn1CategoryBox h2 a:visited, #ContentMain .CMSColumn1CategoryBox h2 a:active, #ContentMain .CMSColumn1CategoryBox h2 a:hover { text-decoration: none; } #ContentMain .CMSColumn1CategoryBox p, #ContentMain .CMSColumn1CategoryBox p { margin: 7px 0px 2px; padding: 0px; } #ContentMain .CMSColumn1CategoryBox td { vertical-align: top; padding-right: 10px; } #ContentMain .CMSColumn1CategoryBox ul { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 14px; text-indent: 0px; list-style-type: none; list-style-image: url('../../images/common/nav_dot.gif'); } #ContentMain .CMSColumn1CategoryBox ul li, #ContentMain .CMSColumn1CategoryBox ul li { margin-bottom: 3px; font-size: 12px; font-weight: bold; } #ContentMain .CMSColumn1CategoryBox ul li a:link, #ContentMain .CMSColumn1CategoryBox ul li a:visited, #ContentMain .CMSColumn1CategoryBox ul li a:active { text-decoration: none; } #ContentMain .CMSColumn1CategoryBox ul li a:hover { text-decoration: underline; } /* --- END styles for CMS content ------------------------------------------ */ /* --- screenXX.css --- */ #ContentCategoryBoxTop { margin: 0px; padding: 0px; width: 205px; height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rc_top_205_bg_fff.gif') no-repeat; } #ContentCategoryBoxBottom { margin: 0px 0px 10px 0px; padding: 0px; width: 205px; height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rc_btm_205_bg_fff.gif') no-repeat; } #ContentCategoryBoxTop h6 { width: 205px; margin: 0px; padding: 6px 0px 0px 0px; text-align: center; color: #fff; } /* PolePosition scrolling #01 */ #ContentPolepositionAds_ResultNavigation { width: 558px; border: 0px; } #ContentPolepositionAds_ResultNavigation td { vertical-align: middle; text-align: center; background-color: #FFFFFF; } #ContentPolepositionAds_ResultNavigation td.navigation { width: 24px; } #ContentPolepositionAds_ResultContainer { padding: 5px 0px 5px; width: 510px; overflow: hidden; } /* --- searchresultXX.css --- */ .NAV_HEAD_OPEN, .NAV_HEAD_CLOSED { border-top: 1px solid #bbb; } /* Styles below should NOT be needed as soon as "mainXX.css" and "screenXX.css" have been merged into "masterXX.css" */ #ContentCategoryBoxTop h6 { font-size: 14px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } #SearchResultListTop h6 { font-size: 14px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } /* --- START styles for Greybox -------------------------------------------- */ /* 02.06.2009 TT for greybox-display */ #ContentGreyboxPopup { margin: 0px; padding: 0px; min-height: 100%; width: 98%; position: absolute; } *html #ContentGreyboxPopup { height: 95%; width: 99%; } /* for IE */ #ContentGreyboxPopup .GBContent { margin-bottom: 1.5em; float: left; } #ContentGreyboxPopup .GBContent .head { font-size: 14px; color: #4089C1; font-weight: bold; margin:10px 0 10px 0; } /* #ContentGreyboxPopup .GBContent .head h3 { margin: 0px; padding: 6px 0px 0px 6px; height: 23px; font: bold 12.5px Arial,Verdana,Geneva,Helvetica,Sans-Serif; text-align: left; color: #4D4D4D; } */ #ContentGreyboxPopup .GBContent .content { margin: 0px; padding: 6px; /*overflow: hidden;*/ } /*#ContentGreyboxPopup .GBContent hr {background-color: #B7B7B7;}*/ #ContentGreyboxPopup .GBFooter { position: absolute; bottom: 2px; left: 0; width:100%; text-align: center; } *html #ContentGreyboxPopup .GBFooter { bottom: -18px; } /* for IE */ #ContentGreyboxPopup .GBFooter hr { background-color: #d3d3d3; color: #d3d3d3; } #ContentGreyboxPopup .GBFooter a { color: #808080; } #ContentGreyboxPopup .GBFooter a:visited { color: #808080; } #ContentGreyboxPopup .GBFooter a:hover, a:active { color: #0063A9; } /* 08.07.2009 TB css sprite data for ContentGreyboxPopup */ #ContentGreyboxPopup .GBContent .content div.ico_login_48x48, #ContentGreyboxPopup .GBContent .content div.ico_search_save_48x48, #ContentGreyboxPopup .GBContent .content div.ico_search_livesearch_48x48 { margin: auto; width: 48px; height: 48px; background: url('../../images/common/sprite_ico_search_48x48.gif') no-repeat; } #ContentGreyboxPopup .GBContent .content div.ico_login_48x48 { background-position: -24px -24px; } #ContentGreyboxPopup .GBContent .content div.ico_search_save_48x48 { background-position: -24px -216px; } #ContentGreyboxPopup .GBContent .content div.ico_search_livesearch_48x48 { background-position: -24px -120px; } #ContentInfoPopup .IPContent .content div.ico_search_mysearches_24x24, #ContentInfoPopup .IPContent .content div.ico_search_livesearch_24x24, #ContentInfoPopup .IPContent .content div.ico_search_mailservice_24x24, #ContentInfoPopup .IPContent .content div.ico_search_delete_24x24 { margin: auto; width: 24px; height: 24px; background: url('../../images/common/sprite_ico_search_24x24.gif') no-repeat; } #ContentInfoPopup .IPContent .content div.ico_search_mysearches_24x24 { background-position: -12px -204px; } #ContentInfoPopup .IPContent .content div.ico_search_livesearch_24x24 { background-position: -12px -108px; } #ContentInfoPopup .IPContent .content div.ico_search_mailservice_24x24 { background-position: -12px -156px; } #ContentInfoPopup .IPContent .content div.ico_search_delete_24x24 { background-position: -12px -60px; } /* --- END styles for Greybox ---------------------------------------------- */ /* --- START styles for SearchToolbox -------------------------------------- */ /* 06.07.2009 TB SearchToolbox Styles */ #SearchToolBox { background-color: #efefef; } #SearchToolBox .SearchToolBoxTable { width: 100%; border-width: 1px; border-style: solid; border-color: #d3d3d3; } #SearchToolBox td { width: 20%; text-align: center; vertical-align: middle; } /* 08.07.2009 TB css sprite data for SearchToolBox */ #SearchToolBox .SearchToolBoxTable div { margin: auto; width: 24px; height: 24px; background: url('../../images/common/sprite_ico_search_24x24.gif') no-repeat; } #SearchToolBox .SearchToolBoxTable div.ico_search_mysearches_24x24 { background-position: -12px -204px; } #SearchToolBox .SearchToolBoxTable div.ico_search_save_24x24 { background-position: -12px -252px; } #SearchToolBox .SearchToolBoxTable div.ico_search_mailservice_24x24 { background-position: -12px -156px; } #SearchToolBox .SearchToolBoxTable div.ico_notepad_24x24 { background-position: -12px -12px; } #SearchToolBox .SearchToolBoxTable div.rss_feed_24x24 { background-position: -12px -300px; } /* --- END styles for SearchToolbox ---------------------------------------- */ /* --- START styles for Netzpiloten AG Raffle Ads -------------------------- */ /* Raffle Ads with width 200px */ div.Raffle200Top { margin: 0px; padding: 0px; width: 200px; height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_200_bg_fff.gif') no-repeat; } div.Raffle200Top h3 { width: 200px; margin: 0px; padding: 7px 0px 0px 0px; text-align: center; color: #fff; } div.Raffle200 { margin: 0px; padding: 10px 10px 5px; width: 180px; border: none; background: #FFF url('../../images/quoka/tabs/rcd_mid_200_bg_fff.gif') repeat-y; overflow: hidden; text-align: left; } div.Raffle200 table { margin: 0px auto; padding: 0px; width: 180px;} div.Raffle200 .npTitle { padding: 2px; color: #000; font: bold 12px Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-align:center; } div.Raffle200 .npText { padding: 2px; color: #000; font: normal 10px Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-align:center; cursor: pointer; } div.Raffle200 .npImage { padding: 2px; margin: 0px auto; text-align:center; cursor: pointer; } div.Raffle200Bottom { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_200_bg_fff.gif') no-repeat; } /* Raffle Ads with width 200px in Rubrik */ div.Raffle200RubTop { margin: 0px; padding: 0px; width: 200px; height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rc_top_200_bg_fff.gif') no-repeat; } div.Raffle200RubTop h3 { width: 200px; margin: 0px; padding: 7px 0px 0px 0px; text-align: center; color: #fff; } div.Raffle200Rub { margin: 0px; padding: 10px 10px 5px; width: 178px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #E7E7E7; overflow: hidden; text-align: left; } div.Raffle200Rub table { margin: 0px auto; padding: 0px; width: 180px;} div.Raffle200Rub .npTitle { padding: 2px; color: #000; font: bold 12px Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-align:center; } div.Raffle200Rub .npText { padding: 2px; color: #000; font: normal 10px Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-align:center; cursor: pointer; } div.Raffle200Rub .npImage { padding: 2px; margin: 0px auto; text-align:center; cursor: pointer; } div.Raffle200RubBottom { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rc_btm_200_bg_fff.gif') no-repeat; } /* Raffle Ads with width 565px Leaderboard */ div.Raffle565Top { margin: 0px; padding: 0px; width: 565px; height: 29px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_565_bg_fff.gif') no-repeat; } div.Raffle565Top h3 { width: 565px; margin: 0px; padding: 7px 0px 0px 0px; text-align: center; color: #fff; } div.Raffle565 { margin: 0px; padding: 10px 10px 5px; width: 545px; border: none; background: #FFF url('../../images/quoka/tabs/rcd_mid_565_bg_fff.gif') repeat-y; overflow: hidden; text-align: left; } div.Raffle565 table { margin: 0px auto; padding: 0px; width: 545px; } div.Raffle565 .npTitle { padding: 2px; color: #000; font: bold 12px Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-align:left; width: 192px;} div.Raffle565 .npText { padding: 2px; vertical-align: top; color: #000; font: normal 10px Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-align:left; width: 192px; cursor: pointer; } div.Raffle565 .npImage { padding: 2px; width: 80px; cursor: pointer; } div.Raffle565Bottom { margin: 0px 0px 10px 0px; padding: 0px; width: 565px; height: 25px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_565_bg_fff.gif') no-repeat; } /* --- END styles for Netzpiloten AG Raffle Ads ---------------------------- */ /* --- START styles for partner ad display --------------------------------- */ #DisplayAdZweiteHand { margin: 0px; padding: 0px; } #DisplayAdZweiteHand p { margin: 0px 0px 2px; } /* --- END styles for partner ad display ----------------------------------- */ /* --- START styles for hockeystick banner --------------------------------- */ #BannerHockeyStickTop { margin-bottom: 5px; width: 995px; height: 100px; background: #FFCD42; } #BannerHockeyStickRight { position: absolute; top: 0px; left: 1000px; z-index: 1; width: 200px; height: 100%; background: #FFCD42; } /* --- END styles for hockeystick banner ----------------------------------- */