/****************************************************************/ /* -------------------- Allgemeine Angaben -------------------- */ /****************************************************************/ html { font-size: 100.01%; } html, * { font-family: Verdana, Arial, Helvetica, sans-serif; } body { font-size: 75.00%; line-height: 133.5%; } /* 12px/16px */ body.fontsize-middle { font-size: 81.82%; } /* 13.09px: ergibt von 11px => 12px */ body.fontsize-big { font-size: 88.63%; } /* 14.18px: ergibt von 11px => 13px */ body.fontsize-bigger { font-size: 95.45%; } /* 15.27px: ergibt von 11px => 14px */ body.fontsize-biggest { font-size: 102.27%; } /* 16.36px: ergibt von 11px => 15px */ html:last-child body { font-size: 75.50%; /* Safari */ } html:last-child body.fontsize-big { font-size: 89.22%; /* Safari */ } html:last-child body.fontsize-biggest { font-size: 102.95%; /* Safari */ } body * { font-size: 100.00%; font-family: Verdana, Arial, Helvetica, sans-serif; } html:first-child body * { line-height: 141.5%; /* Opera und Safari */ } html:first-child body.fontsize-big * { line-height: 145.0%; } html:first-child body.fontsize-biggest * { line-height: 141.5%; } html, body, ul, ol, li, dl, dt, dd, th, td, caption, p, div, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img { margin: 0px; padding: 0px; } * html ul, * html ol, * html dl { position: relative; } /* um zu verhindern, dass Hintergrundgrafiken verschwinden */ * { background-repeat: no-repeat; } li { display: block; list-style: none; } img { border: 0px; } fieldset { border: 0px solid; } /* Nur wegen Opera :-) */ body { color: #353A3D; background-color: #FFFFFF; } a:link { color: #187BAD; text-decoration: none; } a:visited { color: #7EABC1; text-decoration: none; } a:hover { color: #7EABC1; text-decoration: underline; } a:active { color: #7EABC1; text-decoration: none; } .skip * { display: none; } .hr, hr, .hr hr { display: none; } h1 { font-size: 133.35%; } /* 16px */ .fontsize-biggest h1 { font-size: 133.35%; } /* 16px */ h2 { font-size: 116.68%; } /* 14px */ .fontsize-biggest h2 { font-size: 110.00%; } /* 18px */ h3 { font-size: 116.68%; } /* 14px */ .fontsize-big h3 { font-size: 112.83%; } /* 16px */ .fontsize-biggest h3 { font-size: 110.00%; } /* 18px */ p { font-size: 91.68%; line-height: 1.36em; } /* 11px; 15px */ .fontsize-big p { line-height: 1.30em; } /* 17px */ .fontsize-biggest p { line-height: 1.26em; } /* 19px */ h3 { font-weight: normal; } /* Layer Workaround, sodass keine Elemente durchscheinen */ .overlay { position: absolute; } .overlay iframe { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; border: none; } * html .overlay iframe { height: expression((this.nextSibling.offsetHeight-1)+'px'); top: 1px; } *+html .overlay iframe { display: none; } html:last-child .overlay iframe { /* Safari 1-2 */ top: -10000px; display: none; } @media all and (min-width:0px) { /* Safari 3 */ :root body:not(:root:root) .overlay iframe { display: none; } } .overlay .layer { position: relative; width: 100%; } /****************************************************************/ /* Mindestbreite der Seite, inklusive Workaround fuer IE <= 7 */ /****************************************************************/ /* Mindesbreitenfunktion momentan ausgeschaltet */ /* html #wrMinwidth1 { float: left; display: inline; position: relative; z-index: 1; border-left: 500px solid #FFFFFF; border-right: 500px solid #FFFFFF; } * html #wrMinwidth2 { float: left; display: inline; position: relative; z-index: 2; margin: 0px -500px; }*/ /* --- Skalierung der Spalten bei Schriftvergroesserung --- */ body, #container { width: 1000px; } /* 2.Angabe wegen IE 5.5 */ /* body { min-width: 1000px; } * html #wrMinwidth1 { border-width: 0px 500px; } * html #wrMinwidth2 { margin: 0px -500px; }*/ #refiner { width: 16.67em; } /* 200px */ #addons { width: 18.75em; } #mainContent { margin-left: 16.67em; margin-right: 18.75em; } #refinerData { margin-right: 2.92em; width: 12.50em; } #addonsData { width: 15.84em; } #recommendation, #notice, #status, .searchForm, .paging, #hrContentToPostContent, .page-index .section-web div#mainContentData { margin-left: 16.67em; } /* Spalten fuer grosse Schrift */ body.fontsize-big, body.fontsize-big #container { width: 1100px; } /* 1181 */ /* body.fontsize-big { min-width: 1100px; } * html .fontsize-big #wrMinwidth1 { border-width: 0px 550px; } * html .fontsize-big #wrMinwidth2 { margin: 0px -550px; }*/ .fontsize-big #refiner { width: 15.00em; } /* 210px */ .fontsize-big #addons { width: 16.88em; } .fontsize-big #mainContent { margin-left: 15.00em; margin-right: 16.88em; } .fontsize-big #refinerData { margin-right: 2.08em; width: 11.67em; } .fontsize-big #addonsData { width: 13.96em; } .fontsize-big #recommendation, .fontsize-big #notice, .fontsize-big #status, .fontsize-big .searchForm, .fontsize-big .paging, .fontsize-big #hrContentToPostContent, .fontsize-big .page-index .section-web div#mainContentData { margin-left: 15.00em; } /* Spalten fuer groesste Schrift */ body.fontsize-biggest, body.fontsize-biggest #container { width: 1200px; } /* 1364 */ /* body.fontsize-biggest { min-width: 1200px; } * html .fontsize-biggest #wrMinwidth1 { border-width: 0px 600px; } * html .fontsize-biggest #wrMinwidth2 { margin: 0px -600px; }*/ .fontsize-biggest #refiner { width: 13.33em; } /* 218px */ .fontsize-biggest #addons { width: 15.00em; } .fontsize-biggest #mainContent { margin-left: 13.33em; margin-right: 15.00em; } .fontsize-biggest #refinerData { margin-right: 1.25em; width: 10.83em; } .fontsize-biggest #addonsData { width: 12.08em; } .fontsize-biggest #recommendation, .fontsize-biggest #status, .fontsize-biggest #notice, .fontsize-biggest .searchForm, .fontsize-biggest .paging, .fontsize-biggest #hrContentToPostContent, .fontsize-biggest .page-index .section-web div#mainContentData { margin-left: 13.33em; } /* Behebung des 3Pixel Bugs im IE und andere Breiten noetig */ * html #refiner { margin-right: -0.25em; } * html #addons { margin-left: -0.25em; } * html #mainContent { margin-left: 16.42em; margin-right: 18.50em; } * html .fontsize-big #refiner { margin-right: -0.20em; } * html .fontsize-big #addons { margin-left: -0.20em; } * html .fontsize-big #mainContent { margin-left: 14.80em; margin-right: 16.68em; } * html .fontsize-biggest #refiner { margin-right: -0.20em; } * html .fontsize-biggest #addons { margin-left: -0.20em; } * html .fontsize-biggest #mainContent { margin-left: 13.12em; margin-right: 14.80em; } /* Linksausrichtung bei Einspaltigkeit und zweipaltigem Content */ .section-pic .paging, .section-pic #hrContentToPostContent, .page-prodCompare .paging, .page-prodCompare #hrContentToPostContent, .section-games .paging, .section-games #hrContentToPostContent, .page-searchmash #hrContentToPostContent { margin-left: 1.25em; } /****************************************************************/ /* ---------------------- Seitenstruktur ---------------------- */ /****************************************************************/ #container { position: static; } #header, #preContent, #content, #postContent, #footer { position: relative; } #header { z-index: 12000; } #preContent { height: 9.2em; z-index: 11000; } #content { min-height: 4.2em; z-index: 10000; } #postContent { margin-top: 30px; } #footer { margin-top: 40px; } * html #container, * html #header, * html #postContent, * html #footer { height: 1%; } /* Layout-Vergabe IE <= 6 */ * html #footer { margin-right: -3px; } /* Duplicate Characters Bug */ * html #content { height: 4.2em; } /****************************************************************/ /* ------ Contentbereich: 3 Spalten incl. DataContainer ------- */ /****************************************************************/ #refiner, #addons, #mainContent { position: relative; } #refiner { float: left; z-index: 5; overflow: hidden; } #addons { float: right; z-index: 3; overflow: hidden; } #mainContent { float: none; z-index: 7000; width: auto; } #refinerData, #addonsData, #mainContentData { position: relative; } #refinerData { z-index: 6; } #addonsData { z-index: 4; } #mainContentData { z-index: 8000; } #refinerData { overflow: hidden; margin: 0em 2.92em 0em 1.25em; } #addonsData { overflow: hidden; margin: 0em 1.25em 0em 1.67em; } /* Ausblenden von Spalten */ .noRefiner #refiner, .noAddons #addons { display: none; } .noRefiner #mainContent, .noRefiner #postContent { margin-left: 0em !important; } .noRefiner #hrContentToPostContent { margin-left: 15px; } .noRefiner .paging { margin-left: 16.8em !important; } .noAddons #mainContent { margin-right: 0em !important; } .noAddons #mainContentData { margin-right: 1.25em; } .noRefiner #mainContentData { margin-left: 1.25em; } .page-index .section-web .tagcloudSpecial div#mainContentData {margin-left: 1.25em;} /* ------- Hacks, noetig fuer das korrekte Spaltenlayout ------ */ /* um gefloatete Elemente zu umschliessen ( Gecko ) */ #refinerData:after, #addonsData:after, #mainContentData:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } /* um gefloatete Elemente zu umschliessen ( IE <= 6 ) */ /* html #refinerData, * html #addonsData { height: 1%; } nicht noetig, da feste Breite schon Layout vergibt */ * html #mainContentData { height: 1%; } /* Layoutvergabe IE <= 6 */ /*+html #refinerData, *+html #addonsData */ *+html #mainContentData { height: 1%; } /* einleitendenr Seitentext der Suche-Seiten */ .generalTextContent h1 { padding-bottom: 1.25em; } .generalTextContent h3, .generalTextContent ul { font-size: 91.68%; } .generalTextContent h3 { font-weight: bold; } .generalTextContent p { padding-bottom: 1.25em; } .generalTextContent ul { padding-bottom: 2.00em; } .generalTextContent ul.tableIntro { padding-bottom: 1.25em; } .generalTextContent .withoutP { padding-bottom: 1.25em; } .generalTextContent .marker {color: #55AB01;} /* Verlaeufe oben und unten */ #hrHeaderToPreContent { background: url(//img.ui-portal.de/search/img/bg/bg-header.gif) left bottom repeat-x; clear: both; display: block; height: 25px; border: 0px solid; } .color-blue #hrHeaderToPreContent { background-image: url(//img.ui-portal.de/search/img/bg/blue/bg-header.gif); } .color-green #hrHeaderToPreContent { background-image: url(//img.ui-portal.de/search/img/bg/green/bg-header.gif); } .color-magenta #hrHeaderToPreContent { background-image: url(//img.ui-portal.de/search/img/bg/magenta/bg-header.gif); } .color-olive #hrHeaderToPreContent { background-image: url(//img.ui-portal.de/search/img/bg/olive/bg-header.gif); } .color-orange #hrHeaderToPreContent { background-image: url(//img.ui-portal.de/search/img/bg/orange/bg-header.gif); } .color-red #hrHeaderToPreContent { background-image: url(//img.ui-portal.de/search/img/bg/red/bg-header.gif); } .color-violet #hrHeaderToPreContent { background-image: url(//img.ui-portal.de/search/img/bg/violet/bg-header.gif); } #hrContentToPostContent { background: url(//img.ui-portal.de/search/img/bg/bg-content.gif) left bottom repeat-x; clear: both; display: block; height: 31px; border: 0px solid; } .color-blue #hrContentToPostContent { background-image: url(//img.ui-portal.de/search/img/bg/blue/bg-content.gif); } .color-green #hrContentToPostContent { background-image: url(//img.ui-portal.de/search/img/bg/green/bg-content.gif); } .color-magenta #hrContentToPostContent { background-image: url(//img.ui-portal.de/search/img/bg/magenta/bg-content.gif); } .color-olive #hrContentToPostContent { background-image: url(//img.ui-portal.de/search/img/bg/olive/bg-content.gif); } .color-orange #hrContentToPostContent { background-image: url(//img.ui-portal.de/search/img/bg/orange/bg-content.gif); } .color-red #hrContentToPostContent { background-image: url(//img.ui-portal.de/search/img/bg/red/bg-content.gif); } .color-violet #hrContentToPostContent { background-image: url(//img.ui-portal.de/search/img/bg/violet/bg-content.gif); } /* Linien zwischen den Ergebnissen */ .hr { border-bottom: 1px solid #E7E7E7; } .color-blue .hr { border-color: #E5F0FF; } .color-green .hr { border-color: #E6FAD4; } .color-magenta .hr { border-color: #FAE1F5; } .color-olive .hr { border-color: #EBF2DA; } .color-orange .hr { border-color: #F2E9DA; } .color-red .hr { border-color: #FAE1E1; } .color-violet .hr { border-color: #EFE1FA; } /****************************************************************/ /* -------------------------- Infobox ------------------------- */ /****************************************************************/ .infobox { float:left; width: 100%; margin-bottom: 10px; } .infobox h2 { font-weight: normal; background: url(//img.ui-portal.de/search/img/bg/bg-smartinfo.gif) 0px 1px repeat-x; padding: 8px 0.9em 0px; color: #90979A; font-size: 91.68%; line-height: 1.36em; position: relative; border: 1px solid #E7E7E7; border-width: 1px 1px 0px; } * html .infobox h2 { height: 1%; } *+html .infobox h2 { height: 1%; } .color-blue .infobox h2 { background-image: url(//img.ui-portal.de/search/img/bg/blue/bg-smartinfo.gif); } .color-green .infobox h2 { background-image: url(//img.ui-portal.de/search/img/bg/green/bg-smartinfo.gif); } .color-magenta .infobox h2 { background-image: url(//img.ui-portal.de/search/img/bg/magenta/bg-smartinfo.gif); } .color-olive .infobox h2 { background-image: url(//img.ui-portal.de/search/img/bg/olive/bg-smartinfo.gif); } .color-orange .infobox h2 { background-image: url(//img.ui-portal.de/search/img/bg/orange/bg-smartinfo.gif); } .color-red .infobox h2 { background-image: url(//img.ui-portal.de/search/img/bg/red/bg-smartinfo.gif); } .color-violet .infobox h2 { background-image: url(//img.ui-portal.de/search/img/bg/violet/bg-smartinfo.gif); } .infobox h2[onclick] { cursor: pointer; } * html .infobox h2 { cursor: expression( this.onclick ? 'pointer' : 'default' ); } .infobox h2 .opener span { display: none; } .infobox h2 .opener { background: url(//img.ui-portal.de/search/img/icons/icon-close.gif) right 6px no-repeat; float: right; display: inline; min-width: 9px; min-height: 11px; cursor: pointer; } * html .infobox h2 .opener { width: 9px; height: 11px; } .infoboxClosed h2 .opener { background-image: url(//img.ui-portal.de/search/img/icons/icon-open.gif) } .infoboxClosed .infoboxContent { padding-top: 8px; padding-bottom: 0px; } .infoboxClosed .infoboxPart { display: none; } .infoboxContent { padding: 0.8em; border: 1px solid #E7E7E7; border-width: 0px 1px 1px; } .infoboxPart { overflow: hidden; width: 100%; } * html .infoboxPart { height: 1%; } *+html .infoboxPart { height: 1%; } .infobox iframe { width: 100%; } /****************************************************************/ /* --------------- allgemeine Formularangaben ----------------- */ /****************************************************************/ option { background: #FFFFFF; } select { color: #55AB01; } legend { color: #353A3D; } input, select { line-height: 110%; padding: 0px; margin: 0px; vertical-align: bottom; } .fontsize-big input, .fontsize-big select { line-height: 118%; } .fontsize-biggest input, .fontsize-biggest select { line-height: 115%; } input { padding: 2px 2px 0px; } html:first-child input { padding: 1px 2px 1px; /* Opera und Safari */ } html:first-child select { padding: 3px 2px 3px; /* Opera und Safari */ } html:last-child select { font-size: 1.3em; /* Safari */ } .submit { padding: 0px 10px 1px; } * html .submit { padding: 1px 0px 0px; margin: 0px; } *+html .submit { padding: 1px 0px 0px; margin: 0px; } html:first-child .submit { padding: 1px 10px 2px; /* Opera und Safari */ } :root .radio { position: relative; margin-left: 3px; margin-top: 0px; margin-bottom:0.2em; } * html .radio { position: relative; margin-left: -3px; } *+html .radio { position: relative; margin-left: 3px; margin-top: -3px; margin-bottom: 1px; } html:first-child .radio { position: static; margin-left: 1px; margin-top: -1px; margin-bottom: -1px; /* Opera und Safari */ } html:last-child .radio { position: static; margin-left: 5px; /* Safari */ } label { line-height: 127.27%; } html:first-child label { line-height: 127.27%; } html:last-child label { line-height: 160%; /* Safari */ } * html label { display:inline-block; line-height: 160%; } *+html label { display:inline-block; } .button { background-color: #47839B; background-repeat: no-repeat; background-position: left top; border: 0px solid; color: #FFFFFF; padding: 0px !important; font-weight: bold; font-size: 91.68%; line-height: 1.36em; height: 24px; } .fontsize-big .button { height: 27px; } .fontsize-biggest .button { height: 30px; } .buttonAdd { background-image: url(//img.ui-portal.de/search/img/btn/btn-add.gif); width: 99px; } .fontsize-big .buttonAdd { background-image: url(//img.ui-portal.de/search/img/btn/btn-add-big.gif); width: 117px; } .fontsize-biggest .buttonAdd { background-image: url(//img.ui-portal.de/search/img/btn/btn-add-biggest.gif); width: 134px; } .buttonCalculate { background-image: url(//img.ui-portal.de/search/img/btn/btn-calculate.gif); width: 94px; } .fontsize-big .buttonCalculate { background-image: url(//img.ui-portal.de/search/img/btn/btn-calculate-big.gif); width: 111px; } .fontsize-biggest .buttonCalculate { background-image: url(//img.ui-portal.de/search/img/btn/btn-calculate-biggest.gif); width: 128px; } .buttonCalculateNew { background-image: url(//img.ui-portal.de/search/img/btn/btn-calculateNew.gif); width: 123px; } .fontsize-big .buttonCalculateNew { background-image: url(//img.ui-portal.de/search/img/btn/btn-calculateNew-big.gif); width: 145px; } .fontsize-biggest .buttonCalculateNew { background-image: url(//img.ui-portal.de/search/img/btn/btn-calculateNew-biggest.gif); width: 166px; } .buttonCancel { background-image: url(//img.ui-portal.de/search/img/btn/btn-cancel.gif); width: 98px; } .fontsize-big .buttonCancel { background-image: url(//img.ui-portal.de/search/img/btn/btn-cancel-big.gif); width: 112px; } .fontsize-biggest .buttonCancel { background-image: url(//img.ui-portal.de/search/img/btn/btn-cancel-biggest.gif); width: 128px; } .buttonClose { background-image: url(//img.ui-portal.de/search/img/btn/btn-close.gif); width: 89px; } .fontsize-big .buttonClose { background-image: url(//img.ui-portal.de/search/img/btn/btn-close-big.gif); width: 105px; } .fontsize-biggest .buttonClose { background-image: url(//img.ui-portal.de/search/img/btn/btn-close-biggest.gif); width: 120px; } .buttonCreate { background-image: url(//img.ui-portal.de/search/img/btn/btn-create.gif); width: 83px; } .fontsize-big .buttonCreate { background-image: url(//img.ui-portal.de/search/img/btn/btn-create-big.gif); width: 98px; } .fontsize-biggest .buttonCreate { background-image: url(//img.ui-portal.de/search/img/btn/btn-create-biggest.gif); width: 112px; } .buttonGenerate { background-image: url(//img.ui-portal.de/search/img/btn/btn-generate.gif); width: 97px; } .fontsize-big .buttonGenerate { background-image: url(//img.ui-portal.de/search/img/btn/btn-generate-big.gif); width: 115px; } .fontsize-biggest .buttonGenerate { background-image: url(//img.ui-portal.de/search/img/btn/btn-generate-biggest.gif); width: 132px; } .buttonGo { background-image: url(//img.ui-portal.de/search/img/btn/btn-go.gif); width: 49px; } .fontsize-big .buttonGo { background-image: url(//img.ui-portal.de/search/img/btn/btn-go-big.gif); width: 56px; } .fontsize-biggest .buttonGo { background-image: url(//img.ui-portal.de/search/img/btn/btn-go-biggest.gif); width: 64px; } .buttonNewsalert { background-image: url(//img.ui-portal.de/search/img/btn/btn-newsalert.gif); width: 208px; } .fontsize-big .buttonNewsalert { background-image: url(//img.ui-portal.de/search/img/btn/btn-newsalert-big.gif); width: 246px; } .fontsize-biggest .buttonNewsalert { background-image: url(//img.ui-portal.de/search/img/btn/btn-newsalert-biggest.gif); width: 283px; } .buttonReset { background-image: url(//img.ui-portal.de/search/img/btn/btn-reset.gif); width: 98px; } .fontsize-big .buttonReset { background-image: url(//img.ui-portal.de/search/img/btn/btn-reset-big.gif); width: 112px; } .fontsize-biggest .buttonReset { background-image: url(//img.ui-portal.de/search/img/btn/btn-reset-biggest.gif); width: 128px; } .buttonRSS { background-image: url(//img.ui-portal.de/search/img/btn/btn-rss.gif); width: 161px; } .fontsize-big .buttonRSS { background-image: url(//img.ui-portal.de/search/img/btn/btn-rss-big.gif); width: 190px; } .fontsize-biggest .buttonRSS { background-image: url(//img.ui-portal.de/search/img/btn/btn-rss-biggest.gif); width: 219px; } .buttonSearch { background-image: url(//img.ui-portal.de/search/img/btn/btn-search.gif); width: 74px; } .fontsize-big .buttonSearch { background-image: url(//img.ui-portal.de/search/img/btn/btn-search-big.gif); width: 86px; } .fontsize-biggest .buttonSearch { background-image: url(//img.ui-portal.de/search/img/btn/btn-search-biggest.gif); width: 98px; } .buttonSettings { background-image: url(//img.ui-portal.de/search/img/btn/btn-settings.gif); width: 180px; } .fontsize-big .buttonSettings { background-image: url(//img.ui-portal.de/search/img/btn/btn-settings-big.gif); width: 213px; } .fontsize-biggest .buttonSettings { background-image: url(//img.ui-portal.de/search/img/btn/btn-settings-biggest.gif); width: 244px; } .buttonToNews { background-image: url(//img.ui-portal.de/search/img/btn/btn-toNews.gif); width: 169px; } .fontsize-big .buttonToNews { background-image: url(//img.ui-portal.de/search/img/btn/btn-toNews-big.gif); width: 199px; } .fontsize-biggest .buttonToNews { background-image: url(//img.ui-portal.de/search/img/btn/btn-toNews-biggest.gif); width: 228px; } /* fix fuer einstellungsseite shopping und wikipedia anfang */ .section-wiki .buttonSettings, .section-prod .buttonSettings { background: #1B7098 url(//img.ui-portal.de/search/img/bg/bg-button-generic.gif) repeat-x scroll 0 50%; border-color: #47839B #8DA8B3 #8DA8B3 #47839B; border-style: solid; border-width: 1px; color: #FFFFFF; font-family: Arial, sans-serif; font-size: 14px; font-weight: 700; margin: 2px 0 5px 8px; padding: 1px 0.5em; /* 0 0.5em 2px; /* vorher: 0px 0.5em 0 */ /* height: auto /* 1.6em; /* vorher: auto */ text-decoration: none; } .section-wiki .buttonCancel, .section-wiki .fontsize-big .buttonCancel, .section-wiki .fontsize-biggest .buttonCancel, .section-prod .buttonCancel, .section-prod .fontsize-big .buttonCancel, .section-prod .fontsize-biggest .buttonCancel { background: none; } /* fix ende */ /****************************************************************/ /* -- Modulname: navi -- */ /* -- Beschreibung: Reiternavigation mit den versch. Suchen -- */ #navi { margin-left: 10px; } #navi li { display: inline; float: left; padding-left: 18px; } * html #navi li { height: 1%; vertical-align: bottom; } #navi li span { display: block; line-height: 200%; font-weight: bold; padding-right: 21px; padding-top: 5px; } #navi a { color: #90979A; font-weight: bold; text-decoration: none; } #navi a, #navi a * { cursor: pointer; } #navi .active { background: url(//img.ui-portal.de/search/img/bg/bg-topNav-left.gif) no-repeat left top; } .color-blue #navi .active { background-image: url(//img.ui-portal.de/search/img/bg/blue/bg-topNav-left.gif); } .color-green #navi .active { background-image: url(//img.ui-portal.de/search/img/bg/green/bg-topNav-left.gif); } .color-magenta #navi .active { background-image: url(//img.ui-portal.de/search/img/bg/magenta/bg-topNav-left.gif); } .color-olive #navi .active { background-image: url(//img.ui-portal.de/search/img/bg/olive/bg-topNav-left.gif); } .color-orange #navi .active { background-image: url(//img.ui-portal.de/search/img/bg/orange/bg-topNav-left.gif); } .color-red #navi .active { background-image: url(//img.ui-portal.de/search/img/bg/red/bg-topNav-left.gif); } .color-violet #navi .active { background-image: url(//img.ui-portal.de/search/img/bg/violet/bg-topNav-left.gif); } #navi .active span { background: url(//img.ui-portal.de/search/img/bg/bg-topNav-right.gif) no-repeat right top; color: #55AB01; } .color-blue #navi .active span { background-image: url(//img.ui-portal.de/search/img/bg/blue/bg-topNav-right.gif); } .color-green #navi .active span { background-image: url(//img.ui-portal.de/search/img/bg/green/bg-topNav-right.gif); } .color-magenta #navi .active span { background-image: url(//img.ui-portal.de/search/img/bg/magenta/bg-topNav-right.gif); } .color-olive #navi .active span { background-image: url(//img.ui-portal.de/search/img/bg/olive/bg-topNav-right.gif); } .color-orange #navi .active span { background-image: url(//img.ui-portal.de/search/img/bg/orange/bg-topNav-right.gif); } .color-red #navi .active span { background-image: url(//img.ui-portal.de/search/img/bg/red/bg-topNav-right.gif); } .color-violet #navi .active span { background-image: url(//img.ui-portal.de/search/img/bg/violet/bg-topNav-right.gif); } #navi .active span .marker { background-image: url(//img.ui-portal.de/search/img/bg/p.gif); } #navi li.help { float: right; position:relative; z-index:10; } #navi li.help a { background: url(//img.ui-portal.de/search/img/icons/icon-topNav-help.gif) no-repeat 100% 50%; color: #CDCDCD; display: block; margin-right: 10px; margin-top: 5px; padding-right: 25px; text-decoration: none; text-align: right; } #navi li.help span { font-weight: normal; padding-right: 0px; padding-top: 0px; } * html #navi li.help { width: 6em; } * html #navi li.help a { float: right; display:inline; } #navi .moreEntries { padding-left: 0px; position: relative; } #navi .moreEntries .overlay { width: 11em; } #navi .moreEntries .layer { background: #FFFFFF url(//img.ui-portal.de/search/img/bg/bg-moreEntries-left.gif) repeat-y left top; } #navi .moreEntries ul { background: url(//img.ui-portal.de/search/img/bg/bg-moreEntries-right.gif) repeat-y right top; } #navi .moreEntries li { clear: left; display: none; float: none; } #navi .moreEntries .opened li { display: block; } #navi .moreEntries li span { line-height: 133.5%; padding-top: 5px; } #navi .moreEntries .opener { background: #FFFFFF; line-height: 200%; padding-top: 5px; padding-left: 18px; } #navi .moreEntries .opener span { background: url(//img.ui-portal.de/search/img/icons/icon-open.gif) no-repeat 100% 5px; display: inline; padding-right: 15px; padding-top: 0px; } #navi .moreEntries .opened .opener span { background: url(//img.ui-portal.de/search/img/icons/icon-close.gif) no-repeat 100% 4px; } /* Workaround um Pfeil klickbar zu machen */ * html #navi .moreEntries .opener { height: 1%; } * html #navi .moreEntries .opener a { float: left; } #navi .moreLinks .first { padding-top: 5px; } #navi .moreLinks .first a { display: block; padding-right: 20px; } #navi .moreLinks .first span { border-top: 1px solid #E7E7E7; padding-top: 5px; } #navi .moreLinks .last { background: url(//img.ui-portal.de/search/img/bg/bg-moreEntries-bottom-left.gif) no-repeat left bottom; } #navi .moreLinks .last a { background: url(//img.ui-portal.de/search/img/bg/bg-moreEntries-bottom-right.gif) no-repeat right bottom; display: block; padding-bottom: 10px; } #navi .moreLinks .firstLast span { padding-right: 0px; } #navi li span.marker, #navi .moreEntries li span.marker { display: inline; padding: 0px; margin: 0px; } #navi li span.marker-maps, #navi li.active span.marker-maps, #navi .moreEntries li span.marker-maps { background: url(//img.ui-portal.de/search/img/icons/icon-beta.gif) no-repeat top right; padding-right: 25px; } /****************************************************************/ /* -- Modulname: searchForm -- */ /* -- Beschreibung: Sucheformular -- */ .searchForm { position: relative; } * html .searchForm { height: 1%; } *+html .searchForm form, *+html .searchForm { height: 1%; } /* -- Suche-Formularfelder -- */ .searchForm .searchFields { float: left; margin-top: 10px; } .searchForm .searchterm, .searchForm .searchtermWhere, .searchForm .searchtermWhat { float: left; font-size: 133.35%; font-weight: bold; margin-top: 2px; } /* Breiten der Eingabefelder */ .searchForm input.searchterm { width: 20.75em; } /* 332px => 340px bei 16px Schrift */ * html .searchForm input.searchterm { width: 21.35em; wid\th: 20.75em; } /* 340px IE<=6, 332px IE6 */ html:last-child .searchForm input.searchterm { width: 20.75em; /* 332px Safari */ } .searchForm .searchtermWhere, .searchForm .searchtermWhat { width: 9.20em; } /* 147px => 155px bei 16px Schrift */ * html .searchForm input.searchtermWhat, * html .searchForm input.searchtermWhere { width: 9.70em; wid\th: 9.20em; } /* 155px IE<=6, 147px IE6 */ html:last-child .searchForm input.searchtermWhat, html:last-child .searchForm input.searchtermWhere { width: 9.20em; } /* 147px Safari */ .searchForm span.betweenInput { float: left; font-size: 125%; margin-top: 0.3em; text-align: center; width: 1.95em; } .fontsize-big .searchForm span.betweenInput { width: 2.05em; } .fontsize-biggest .searchForm span.betweenInput { width: 2.15em; } * html .searchForm span.betweenInput { width: 1.90em; margin-top: 0.4em; } * html .fontsize-big .searchForm span.betweenInput, * html .fontsize-biggest .searchForm span.betweenInput { width: 2.10em; } *+html .fontsize-big .searchForm span.betweenInput, *+html .fontsize-biggest .searchForm span.betweenInput { width: 2.10em; } html:first-child .searchForm span.betweenInput { width: 2.00em; } html:first-child .fontsize-biggest .searchForm span.betweenInput { width: 2.10em; } html:last-child .searchForm span.betweenInput { width: 2.55em; } html:last-child .fontsize-biggest .searchForm span.betweenInput { width: 2.50em; } /* Submit-Buttons */ .searchForm .buttonSearch { margin-left: 8px; font-size: 116.67%; background-image: url(//img.ui-portal.de/search/img/btn/btn-searchform.gif); width: 93px; height: 29px; } .fontsize-big .searchForm .buttonSearch { font-size: 114.29%; background-image: url(//img.ui-portal.de/search/img/btn/btn-searchform-big.gif); width: 107px; height: 33px; } .fontsize-biggest .searchForm .buttonSearch { font-size: 111.11%; background-image: url(//img.ui-portal.de/search/img/btn/btn-searchform-biggest.gif);; width: 136px; height: 40px; } /* -- Links zu den Einstellungen, etc. -- */ .searchForm .searchConfig { position: absolute; top: 10px; left: 37.65em; } .searchForm .searchConfig ul { font-size: 75.00%; line-height: 1.33em; } .searchForm .searchConfig li a { color: #8F9699; } /* -- Links zu den Beispielen, Radiobuttons, etc. -- */ .searchForm .searchSubline { clear: left; line-height: 222%; padding-top: 2px; color: #353A3D; font-size: 75.00%; } .searchForm .searchSubline * { line-height: 222%; } .searchForm .secondSubline { position: absolute; top: 5.5em; font-size: 91.68%; } .searchForm .searchSubline .sublineWhat { position: absolute; left: 0em; } .searchForm .searchSubline .sublineWhere { position: absolute; left: 20.56em; } :root .searchForm .searchSubline .sublineWhere { font-size: 111.11%; left: 18.50em; } :root .searchForm .searchSubline .sublineWhere span { font-size: 90%; } html:last-child .searchForm .searchSubline .sublineWhere { left: 20.56em; } :root .fontsize-big .searchForm .searchSubline .sublineWhere { left: 20.30em; } :root .fontsize-biggest .searchForm .searchSubline .sublineWhere { left: 20.56em; } .searchForm .searchSubline label { margin-right: 5px; color: #8F9699; font-weight: normal; line-height: 222%; } .searchForm .searchSubline .radio { position: relative; bottom: 0.2em; } .fontsize-big .searchForm .searchSubline .radio { bottom: 0.3em; } .fontsize-biggest .searchForm .searchSubline .radio { bottom: 0.4em; } * html .searchForm .searchSubline .radio { bottom: 0.1em; } * html .fontsize-big .searchForm .searchSubline .radio { bottom: 0.2em; } * html .fontsize-biggest .searchForm .searchSubline .radio { bottom: 0.3em; } *+html .searchForm .searchSubline .radio { bottom: 0.0em; } *+html .fontsize-big .searchForm .searchSubline .radio { bottom: 0.1em; } *+html .fontsize-biggest .searchForm .searchSubline .radio { bottom: 0.2em; } html:first-child .searchForm .searchSubline .radio { bottom: 0em; } html:last-child .searchForm .searchSubline .radio { bottom: 0.6em; } html:last-child .fontsize-big .searchForm .searchSubline .radio { bottom: 0.2em; } html:last-child .fontsize-biggest .searchForm .searchSubline .radio { bottom: 0.3em; } /****************************************************************/ /* -------------------------- Module -------------------------- */ /****************************************************************/ /* -- Modulname: portalInfo -- */ /* -- Beschreibung: Logoeinbindung der drei Portale -- */ #portalinfo, #layerTopPortalinfo { position: absolute; left: 40px; top: 3px; width: 115px; height: 60px; } .site-gmxat #portalinfo, .site-gmxat #layerTopPortalinfo { position: absolute; top: 15px; width: 111px; height: 49px; } .site-smartsearch #portalinfo, .site-smartsearch #layerTopPortalinfo { position: absolute; left: 9px; top: -2px; width: 172px; height: 70px; } /* -- Modulname: partnerInfo -- */ /* -- Beschreibung: Einbindung des Partnerlogos -- */ #partnerinfo { position: absolute; right: 3.4em; top: 10px; font-size: 10px; height: 31px; width: 170px; } .fontsize-big #partnerinfo { right: 4.7em; } .fontsize-biggest #partnerinfo { right: 5.4em; } .section-games #partnerinfo { color: #8F9699; font-size: 75.00%; line-height: 1.33em; } /* -- Modulname: siteInfo -- */ /* -- Beschreibung: Hinweise wie z.B. Meinten Sie -- */ #notice, #recommendation, #status { position: absolute; top: 5.7em; left: 0em; width: 65.43em; height: 2.5em; overflow: hidden; } #notice .marker, #recommendation .marker, #status .marker { color: #55AB01; } .fontsize-big #notice, .fontsize-big #recommendation, .fontsize-big #status { width: 61.55em; } .fontsize-biggest #notice, .fontsize-biggest #recommendation, .fontsize-biggest #status { width: 58.90em; } #recommendation a { font-style: italic; } /****************************************************************/ /* -- Modulname: searchResultsNumber -- */ /* -- Beschreibung: Anzahl der Suchetreffer -- */ #searchResultsNumber { font-weight: bold; margin-bottom: 15px; } #searchResultsNumber dl { padding-bottom: 0px; } #searchResultsNumber dt { font-size: 91.68%; line-height: 1.36em; padding-bottom: 2px; } #searchResultsNumber dd { color: #55AB01; font-size: 1.33em; line-height: 1.19em; } .section-pic #searchResultsNumber, .section-prod.page-prodCompare #searchResultsNumber { float: left; width: 12.50em; } .section-pic.fontsize-big #searchResultsNumber, .section-prod.fontsize-big.page-prodCompare #searchResultsNumber { width: 11.67em; } .section-pic.fontsize-biggest #searchResultsNumber, .section-prod.fontsize-biggest.page-prodCompare #searchResultsNumber { width: 10.82em; } /* IE zuruecksetzen */ * html .fontsize-big #searchResultsNumber { width: auto; } * html .fontsize-biggest #searchResultsNumber { width: auto; } /* IE */ * html .section-pic #searchResultsNumber, * html .section-prod .page-prodCompare #searchResultsNumber { width: 12.50em; } * html .section-pic .fontsize-big #searchResultsNumber, * html .section-prod .fontsize-big .page-prodCompare #searchResultsNumber { width: 11.67em; } * html .section-pic .fontsize-biggest #searchResultsNumber, * html .section-prod .fontsize-biggest .page-prodCompare #searchResultsNumber { width: 10.82em; } /****************************************************************/ /* -- Modulname: searchResultsFunctionbar -- */ /* -- Beschreibung: - Sortier- und Filterfunktionen der Suchergebnisse - Umschalten zwischen Galerie und Listenansicht -- */ #searchResultsFunctionbar { float: left; width: 100%; } * html #searchResultsFunctionbar { height: 1%; } #searchResultsFunctionbar label, #searchResultsFunctionbar select, #searchResultsFunctionbar span { font-size: 75.00%; line-height: 190%; float: left; } .fontsize-big #searchResultsFunctionbar label, .fontsize-big #searchResultsFunctionbar span { line-height: 180%; } .fontsize-biggest #searchResultsFunctionbar label, .fontsize-biggest #searchResultsFunctionbar span { line-height: 166%; } html:first-child #searchResultsFunctionbar label { line-height: 230%; } html:first-child .fontsize-big #searchResultsFunctionbar label { line-height: 200%; } html:first-child .fontsize-biggest #searchResultsFunctionbar label { line-height: 190%; } #searchResultsFunctionbar label { margin-right: 0.5em; } #searchResultsFunctionbar select, #searchResultsFunctionbar span { margin-right: 1.5em; } #searchResultsFunctionbar .button { float: left; position: relative; top: -2px; } .jsActive #searchResultsFunctionbar .button { display: none; } .section-pic #searchResultsFunctionbar #inpFilterResultsType { margin-right: 0.5em; } .section-news #searchResultsFunctionbar { margin-bottom: 1.4em; } .section-news #searchResultsFunctionbar select { width: 10em; } .section-music #searchResultsFunctionbar .sortFunctions , .section-prod #searchResultsFunctionbar .sortFunctions { float: left; } .section-music #searchResultsFunctionbar .viewFunctions, .section-prod #searchResultsFunctionbar .viewFunctions { float: right; } .section-music #searchResultsFunctionbar .viewFunctions label, .section-prod #searchResultsFunctionbar .viewFunctions label { margin-left: 1.5em; } .section-music #searchResultsFunctionbar .viewFunctions span, .section-prod #searchResultsFunctionbar .viewFunctions span { margin-right: 0em; } .section-music #searchResultsFunctionbar img, .section-prod #searchResultsFunctionbar img { float:left; margin-top: 2px; } .section-music.fontsize-biggest #searchResultsFunctionbar img, .section-prod.fontsize-biggest #searchResultsFunctionbar img { margin-top: 3px; } * html .section-prod .fontsize-biggest #searchResultsFunctionbar img { margin-top: 3px; } * html .section-music .fontsize-biggest #searchResultsFunctionbar img { margin-top: 3px; } .section-music #searchResultsFunctionbar { margin-bottom: 10px; } .section-music #searchResultsFunctionbar .hr { display: block; margin-bottom: 9px; } /* Abstaende bei der Bildergalerie und des Produktvergleiches */ .section-music #searchResultsFunctionbar { margin-bottom: 10px; } .section-pic #searchResultsFunctionbar, .section-prod .page-prodCompare #searchResultsFunctionbar { float: none; width: auto; margin-left: 15.42em; } .section-pic .fontsize-big #searchResultsFunctionbar, .section-prod .fontsize-big .page-prodCompare #searchResultsFunctionbar { margin-left: 13.75em; } .section-pic .fontsize-biggest #searchResultsFunctionbar, .section-prod .fontsize-biggest .page-prodCompare #searchResultsFunctionbar { margin-left: 12.08em; } /* IE 3px Bug */ * html .section-pic #searchResultsFunctionbar, * html .section-prod .page-prodCompare #searchResultsFunctionbar { margin-left: 15.18em; } * html .section-pic .fontsize-big #searchResultsFunctionbar, * html .section-prod .fontsize-big .page-prodCompare #searchResultsFunctionbar { margin-left: 13.50em; } * html .section-pic .fontsize-biggest #searchResultsFunctionbar, * html .section-prod .fontsize-biggest .page-prodCompare #searchResultsFunctionbar { margin-left: 11.91em; } /****************************************************************/ /* -- Modulname: advIdentifier -- */ /* -- Beschreibung: Kategoriebezeichnung der Ergebnisse -- */ .advIdentifier { float: left; position: relative; width: 100%; } .advIdentifier .hr { display: block; margin-bottom: 9px; } .advIdentifier .hr hr { display: none; } .advIdentifier h2 { color: #CDCDCD; font-size: 75.00%; font-weight: normal; line-height: 1.33em; position: absolute; right: 0px; top: 8px; } #addons .advIdentifier { text-align: right; padding-bottom: 3px; } #addons .advIdentifier h2 { position: relative; top: -2px; } .advIdentifierWithImage img { } .advIdentifierWithImage h2 { position: static; color: #353A3D; font-size: 91.68%; line-height: 1.36em; } /****************************************************************/ /* -- Modulname: searchResultsInfo -- */ /* -- Beschreibung: Anzahlanzeige der Ergebnisse -- */ #searchResultsInfo { background: url(//img.ui-portal.de/search/img/bg/bg-smartinfo.gif) left 1px repeat-x; float: left; width: 100%; padding-bottom: 1.4em; } .color-blue #searchResultsInfo { background-image: url(//img.ui-portal.de/search/img/bg/blue/bg-smartinfo.gif); } .color-green #searchResultsInfo { background-image: url(//img.ui-portal.de/search/img/bg/green/bg-smartinfo.gif); } .color-magenta #searchResultsInfo { background-image: url(//img.ui-portal.de/search/img/bg/magenta/bg-smartinfo.gif); } .color-olive #searchResultsInfo { background-image: url(//img.ui-portal.de/search/img/bg/olive/bg-smartinfo.gif); } .color-orange #searchResultsInfo { background-image: url(//img.ui-portal.de/search/img/bg/orange/bg-smartinfo.gif); } .color-red #searchResultsInfo { background-image: url(//img.ui-portal.de/search/img/bg/red/bg-smartinfo.gif); } .color-violet #searchResultsInfo { background-image: url(//img.ui-portal.de/search/img/bg/violet/bg-smartinfo.gif); } * html #searchResultsInfo { height:1%; } #searchResultsInfo .hr { display: block; margin-bottom: 4px; } #searchResultsInfo p { color: #353A3D; font-size: 91.68%; line-height: 1.33em; } #searchResultsInfo span { color: #55AB01; font-weight: bold; } .section-music #searchResultsInfo { padding-bottom: 0px; } .section-pic #searchResultsInfo, .section-prod .page-prodCompare #searchResultsInfo { float: none; width: auto; margin-left: 15.42em; } .section-pic .fontsize-big #searchResultsInfo, .section-prod .fontsize-big .page-prodCompare #searchResultsInfo { margin-left: 13.75em; } .section-pic .fontsize-biggest #searchResultsInfo, .section-prod .fontsize-biggest .page-prodCompare #searchResultsInfo { margin-left: 12.08em; } /* IE 3px Bug */ * html .section-pic #searchResultsInfo, * html .section-prod .page-prodCompare #searchResultsInfo { margin-left: 15.18em; } * html .section-pic .fontsize-big #searchResultsInfo, * html .section-prod .fontsize-big .page-prodCompare #searchResultsInfo { margin-left: 13.50em; } * html .section-pic .fontsize-biggest #searchResultsInfo, * html .section-prod .fontsize-biggest .page-prodCompare #searchResultsInfo { margin-left: 11.91em; } /****************************************************************/ /* -- Modulname: sponsoredLinks -- */ /* -- Beschreibung: Partnerlinks -- */ .sponsoredLinks { float: left; width: 100%; padding-bottom: 1px; } .sponsoredLink { padding-bottom: 11px; } .sponsoredLink h3 { font-size: 108.44%; line-height: 1.16em; } .fontsize-big .sponsoredLink h3, .fontsize-big .sponsoredLink p { line-height: 1.31em; /* 17px */ } .fontsize-biggest .sponsoredLink h3, .fontsize-biggest .sponsoredLink p { line-height: 1.27em; /* 19px */ } .sponsoredLink .url { color: #55AB01; } .sponsoredLink p a:link, .sponsoredLink p a:hover, .sponsoredLink p a:visited { color: #353A3D; text-decoration: none; } /* rechte Spalte */ #addons .advertLink, #addons .sponsoredLink { padding-bottom: 16px; } #addons .advertLinks .hr, #addons .sponsoredLinks .hr { display: none; } #addons .sponsoredLink h3, #addons .sponsoredLink p { line-height: 1.27em; } /* Einstellungen für die errorPages */ .page-noresult .sponsoredLinks { border-bottom: 1px solid #E7E7E7; padding-bottom: 5px; margin-bottom: 25px; } .color-blue .page-noresult .sponsoredLinks { border-color: #E5F0FF; } .color-green .page-noresult .sponsoredLinks { border-color: #E6FAD4; } .color-magenta .page-noresult .sponsoredLinks { border-color: #FAE1F5; } .color-olive .page-noresult .sponsoredLinks { border-color: #EBF2DA; } .color-orange .page-noresult .sponsoredLinks { border-color: #F2E9DA; } .color-red .page-noresult .sponsoredLinks { border-color: #FAE1E1; } .color-violet .page-noresult .sponsoredLinks { border-color: #EFE1FA; } /****************************************************************/ /* -- Modulname: advertLinks -- */ /* -- Beschreibung: Anzeigemodul -- */ .advertLinks { float: left; width: 100%; padding-bottom:1px; } .advertLinks .hr { display: block; margin-bottom: 10px; } .advertLinks .hr hr { display: none; } .advertLinks h2 { font-size: 91.68%; line-height: 1.36em; font-weight: normal; padding: 2px 0px 11px; } .advertLink { padding-bottom: 11px; } .advertLink h3 { font-size: 91.68%; line-height: 1.36em; } .fontsize-big .advertLink h3, .fontsize-big .advertLink p { line-height: 1.31em; /* 17px */ } .fontsize-biggest .advertLink h3, .fontsize-biggest .advertLink p { line-height: 1.27em; /* 19px */ } .advertLink .url { color: #55AB01; } .advertLink .price { font-weight: bold; } .advertLink p a:link, .advertLink p a:hover, .advertLink p a:visited { color: #353A3D; text-decoration: none; } /****************************************************************/ /* -- Modulname: seachResults -- */ /* -- Beschreibung: Suchergebnisse der Web-, Verzeichnis-, Nachrichten- und Wikipediasuche mit/ohne Bilder -- */ #searchResults, .searchResults { float: left; width: 100%; } #searchResults .hr, .searchResults .hr { clear: left; display: block; margin-bottom:12px; } #searchResults .hr hr, .searchResults .hr hr { display: none; } #searchResults .searchResult, .searchResults .searchResult { clear: left; margin-bottom: 14px; float: left; width: 100%; } * html #searchResults .searchResult, * html .searchResults .searchResult { height: 1%; float: none; width: auto; } *+html #searchResults .searchResult, *+html .searchResults .searchResult { height: 1%; float: none; width: auto; } /* noetig, damit der resultContent bei den Bildmodulen rechts neben dem Bild bleibt */ #searchResults .searchResult.withImage .resultContent, .searchResults .searchResult.withImage .resultContent { overflow: hidden; } * html #searchResults .searchResult.withImage .resultContent, * html .searchResults .searchResult.withImage .resultContent { height: 1%; overflow: visible; } *+html #searchResults .searchResult.withImage .resultContent, *+html .searchResults .searchResult.withImage .resultContent { height: 1%; overflow: visible; } .searchResult.important { background-color: #F1F1F1; } .color-blue .searchResult.important { background-color: #EFF6FF; } .color-green .searchResult.important { background-color: #F0FCE5; } .color-magenta .searchResult.important { background-color: #FCEDF9; } .color-olive .searchResult.important { background-color: #F3F7E9; } .color-orange .searchResult.important { background-color: #F7F2E9; } .color-red .searchResult.important { background-color: #FCEDED; } .color-violet .searchResult.important { background-color: #F5EDFC; } .searchResult.important .resultContent { padding: 5px; } .searchResult.secondResult .resultContent { padding-left: 30px; } .searchResult h3 { display: inline; line-height: 1.25em; } .searchResult h3 a { line-height: 1.25em; } .searchResult .url, .searchResult .size, .searchResult .price, .searchResult .atonce, .searchResult .lastbid { white-space: nowrap; } .searchResult .url, .searchResult .size, .searchResult .date, .searchResult .title, .searchResult .source, .searchResult .atonce, .searchResult .lastbid, .searchResult .metainfo, .searchResult .expiration, .searchResult .timeliness { color: #55AB01; } .searchResult .rubric, .searchResult .context, .searchResult .chronology, .searchResult .geography, .searchResult .fileformat { color: #90979A; } .section-news .searchResult .rubric { color: #55AB01; } /* --- Ergebnismodule mit Bilder --- */ .searchResult .resultImage { clear: left; float: left; background: url(//img.ui-portal.de/search/img/bg/bg-box-top-110.gif) 0px top no-repeat; padding-top: 5px; margin-right: 10px; width: 118px; } * html .searchResult .resultImage { margin-right: 7px; } * html .searchResult .resultImage img { display: block; } .searchResult .imageInner { background: url(//img.ui-portal.de/search/img/bg/bg-box-bottom-110.gif) 0px bottom no-repeat; padding: 8px 5px 15px 3px; text-align: center; } .searchResult .imageInner p { margin: 0px auto; overflow: hidden; padding-top: 5px; width: 80px; font-size: 91.68%; line-height: 1.08em; } .searchResult .imageInner ul { position: relative; margin: 0px; ma\rgin: 0px auto; overflow: hidden; padding-bottom: 8px; width: 80px; height: 24px; he\ight: 16px; } .searchResult .imageInner ul li { float: left; } .searchResult .imageInner .rwd { text-align: left; width: 30%; } .searchResult .imageInner .play { text-align: center; width: 40%; } .searchResult .imageInner .fwd { text-align: right; width: 30%; } .searchResult .imageInner li.rwd span, .searchResult .imageInner li.play span, .searchResult .imageInner li.pause span, .searchResult .imageInner li.fwd span { display: none; } .searchResult .imageInner li.rwd, .searchResult .imageInner li.play, .searchResult .imageInner li.pause, .searchResult .imageInner li.fwd { width: 16px; height: 16px; } .searchResult .imageInner li.rwd { background: url(//img.ui-portal.de/search/img/icons/icon-rwd.gif) no-repeat left top; position: absolute; left: 0px; } .searchResult .imageInner li.play { background: url(//img.ui-portal.de/search/img/icons/icon-play.gif) no-repeat center top; float: none; margin: 0px auto; } .searchResult .imageInner li.pause { background: url(//img.ui-portal.de/search/img/icons/icon-pause.gif) no-repeat center top; float: none; margin: 0px auto; } .searchResult .imageInner li.fwd { background: url(//img.ui-portal.de/search/img/icons/icon-fwd.gif) no-repeat right top; position: absolute; right: 0px; } .searchResult .imageInner li.end { background: url(//img.ui-portal.de/search/img/icons/icon-empty.gif); } /* --- Suchetreffer Format-Angaben bei der Websuche --- */ .formatviewNone span.fileformat, .formatviewText span.fileformat, .formatviewSymbol span.fileformat { display: none; } .formatviewText .formatPDF span.fileformat, .formatviewText .formatDOC span.fileformat, .formatviewText .formatXLS span.fileformat, .formatviewText .formatPPT span.fileformat { display: block; float: left; padding-right: 5px; } .formatviewSymbol .formatPDF h3 { background: url(//img.ui-portal.de/search/img/icons/icon-pdf.gif) no-repeat; } .formatviewSymbol .formatDOC h3 { background: url(//img.ui-portal.de/search/img/icons/icon-doc.gif) no-repeat; } .formatviewSymbol .formatXLS h3 { background: url(//img.ui-portal.de/search/img/icons/icon-xls.gif) no-repeat; } .formatviewSymbol .formatPPT h3 { background: url(//img.ui-portal.de/search/img/icons/icon-ppt.gif) no-repeat; } .formatviewSymbol .formatPDF h3, .formatviewSymbol .formatDOC h3, .formatviewSymbol .formatXLS h3, .formatviewSymbol .formatPPT h3 { background-position: 0px 1px; padding-left: 21px; } /* --- Suchetreffer Zusatzfeatures --- */ .searchResult .features { padding-left: 10px; display: inline; } .searchResult .features li { margin-right: 5px; display: inline; position: relative; z-index: 10; } .searchResult .features a { display: inline; display: inline-block; height: 13px; width: 0px; position: relative; z-index: 100; padding-left: 14px; } .searchResult .features a.neww { background: url(//img.ui-portal.de/search/img/icons/icon-window.gif) no-repeat left top; } .searchResult .features a.talk { background: url(//img.ui-portal.de/search/img/icons/icon-talk.gif) no-repeat left top; } .searchResult .features a.info { background: url(//img.ui-portal.de/search/img/icons/icon-info.gif) no-repeat left top; } .searchResult .features a span { display: none; } .section-wiki .searchResult .features a.info { display: none; } .jsActive .section-wiki .searchResult .features a.info { display: inline; display: inline-block; } /* Info Layer bei der Wikipediasuche */ * html .layer { background-color: #FFFFFF; } .infoLayer { display: none; position: relative; z-index: 10000; } .infoLayer .overlay { width: 516px; top: 12px; right: -20px; z-index: 10000; } html:first-child .infoLayer .overlay { top: 15px; } .infoLayer .overlay .layer { position: absolute; z-index: 10000; } .infoLayer h2 { background: url(//img.ui-portal.de/search/img/bg/bg-infolayer-top.png) left top no-repeat; height: 19px; padding: 16px 20px 0px 20px; color: #90979A; font-size: 91.68%; line-height: 91.68%; font-weight: normal; } * html .infoLayer h2 { background-image: url(//img.ui-portal.de/search/img/bg/bg-infolayer-top.gif); height: 35px; heigh\t: 19px; } html:first-child .infoLayer h2 { padding-top: 14px; height: 21px; } .infoLayer h2 span { float: left; } .infoLayer h2 .close { float: right; font-weight: bold; color: #000000; cursor: pointer; } .infoLayer .layerContent { background: url(//img.ui-portal.de/search/img/bg/bg-infolayer-bottom.png) left bottom no-repeat; padding: 10px 20px 20px 20px; } * html .infoLayer .layerContent { background-image: url(//img.ui-portal.de/search/img/bg/bg-infolayer-bottom.gif); } *+html .infoLayer .layerContent { height: 1%; } html:first-child .infoLayer h3 { margin-bottom: 10px; } .infoLayer table { clear: left; margin: 10px 0px 5px; } .infoLayer table th, .infoLayer table td { padding-bottom: 5px; font-size: 91.68%; line-height: 1.36em; text-align: left; vertical-align: top; } .infoLayer table th { width: 130px; } .infoLayer table td .weblinks li { width: 346px; overflow: hidden; } .infoLayer table .more { font-size: 100%; margin-top: 5px; } .infoLayer table .more a { font-weight: bold; } .infoLayer .layerImage, #searchResults .infoLayer .hr, .searchResults .infoLayer .hr { margin-bottom: 10px; text-align: center; } .infoLayer .license { margin-top: 20px; color: #90979A; } /****************************************************************/ /* -- Modulname: productGallery -- */ /* -- Beschreibung: Galerieansicht der Bilder-/ Produktsuche -- */ #resultGallery, .resultGallery { overflow: auto; float: left; width: 100%; margin-top: 2em; } .section-prod #resultGallery { padding-bottom: 1.5em; } #resultGallery .searchResult, .resultGallery .searchResult { float: left; border-right: 1px solid #E7E7E7; margin-bottom: 2em; width: 15.80em; overflow: hidden; text-align: center; } * html #resultGallery .searchResult, * html .resultGallery .searchResult { margin-right: -3px; } /* Duplicate Characters */ .fontsize-big #resultGallery .searchResult, .fontsize-big .resultGallery .searchResult { width: 18.00em; } .fontsize-biggest #resultGallery .searchResult, .fontsize-biggest .resultGallery .searchResult { width: 17.50em; } .infobox #resultGallery, .infobox .resultGallery { margin-top: 0.5em; } .infobox #resultGallery .searchResult, .infobox .resultGallery .searchResult { margin: 0px -0.4em 0.5em; } * html .infobox #resultGallery .searchResult, * html .infobox .resultGallery .searchResult { margin: 0px -0.4em 0em; } .fontsize-big .infobox #resultGallery .searchResult, .fontsize-big .infobox .resultGallery .searchResult { width: 15.00em; } .fontsize-biggest .infobox #resultGallery .searchResult, .fontsize-biggest .infobox .resultGallery .searchResult { width: 14.40em; } .color-blue #resultGallery .searchResult, .color-blue .resultGallery .searchResult { border-color: #E5F0FF; } .color-green #resultGallery .searchResult, .color-green .resultGallery .searchResult { border-color: #E6FAD4; } .color-magenta #resultGallery .searchResult, .color-magenta .resultGallery .searchResult { border-color: #FAE1F5; } .color-olive #resultGallery .searchResult, .color-olive .resultGallery .searchResult { border-color: #EBF2DA; } .color-orange #resultGallery .searchResult, .color-orange .resultGallery .searchResult { border-color: #F2E9DA; } .color-red #resultGallery .searchResult, .color-red .resultGallery .searchResult { border-color: #FAE1E1; } .color-violet #resultGallery .searchResult, .color-violet .resultGallery .searchResult { border-color: #EFE1FA; } #resultGallery .resultImage, .resultGallery .resultImage { clear: none; float: none; background: url(//img.ui-portal.de/search/img/bg/bg-box-120x120.gif) 2px 2px no-repeat; margin: 5px auto 6px auto !important; padding: 0px; height: 130px; width: 130px; overflow: hidden; text-align: center; display: table; } #resultGallery .imageInner, .resultGallery .imageInner { background: none; display: table-cell; padding: 0px; vertical-align: middle; } * html #resultGallery .resultImage, * html .resultGallery .resultImage { position: relative; background-position: 2px 1px; } * html #resultGallery .imageInner, * html .resultGallery .imageInner { position: absolute; top: 50%; } * html #resultGallery .imageInner2, * html .resultGallery .imageInner2 { position: relative; top: -50%; left: -50%; } *+html #resultGallery .resultImage, *+html .resultGallery .resultImage { position: relative; background-position: 2px 1px; } *+html #resultGallery .imageInner, *+html .resultGallery .imageInner { position: absolute; top: 50%; } *+html #resultGallery .imageInner2, *+html .resultGallery .imageInner2 { position: relative; top: -50%; left: -50%; } #resultGallery .resultContent, .resultGallery .resultContent { float: left; width: 12.2em; margin-left: 3.00em; display: inline; text-align: left; overflow: hidden; } .infobox #resultGallery .resultContent, .infobox .resultGallery .resultContent { width: 11.0em; } .fontsize-big #resultGallery .resultContent, .fontsize-big .resultGallery .resultContent { margin-left: 4.74em; width: 12.5em; } .fontsize-big .infobox #resultGallery .resultContent, .fontsize-big .infobox .resultGallery .resultContent { margin-left: 3.24em; width: 10.5em; } .fontsize-biggest #resultGallery .resultContent, .fontsize-biggest .resultGallery .resultContent { margin-left: 5.07em; width: 11.8em; } .fontsize-biggest .infobox #resultGallery .resultContent, .fontsize-biggest .infobox .resultGallery .resultContent { margin-left: 3.58em; width: 9.8em; } #resultGallery .resultContent p, .resultGallery .resultContent p { font-weight: normal; font-size: 83.34%; line-height: 1.40em; } #resultGallery .resultContent a, .resultGallery .resultContent a { font-weight: bold; } /* Produkte-Gallerie */ #resultGallery .resultContent h3 { font-size: 100.00%; line-height: 1.16em; height: 3.48em; overflow: hidden; padding-bottom: 1px; display: block; } html:first-child #resultGallery .resultContent h3 a { line-height: 1.16em; } #resultGallery .resultContent .compare { height: 4.67em; overflow: hidden; padding-bottom: 1px; } #resultGallery .resultContent .details { padding-bottom: 5px; overflow: auto; } * html #resultGallery .resultContent .details { padding-bottom: 0px; height: 1%; } #resultGallery .resultContent .compare a, #resultGallery .resultContent .details a { float:left; font-size: 83.34%; line-height: 1.40em; } #resultGallery .resultContent .price { font-size: 100%; font-weight: bold; line-height: 1.16em; } .section-prod #resultGallery .resultContent .url { color: #353A3D; height: 1.40em; overflow:hidden; } /* Copyright-Hinweis bei der Bildersuche und Games */ .section-games #copyright, .section-pic #copyright { clear: left; text-align: right; } .section-games #copyright { margin-right: 1.25em; } .section-pic #copyright { padding-top: 15px; } .section-games #copyright p, .section-pic #copyright p { color: #8F9699; font-size: 75.00%; line-height: 1.33em; } /****************************************************************/ /* -- Modulname: resultDetail -- */ /* -- Beschreibung: Detailseite der Bildersuche -- */ #resultDetail .searchResult { float: left; display: inline; margin: 0em 1.25em 1.5em 16.67em; } #resultDetail .resultImage { float: left; width: 130px; height: 130px; margin: 0px; background: url(//img.ui-portal.de/search/img/bg/bg-box-120x120.gif) 2px 2px no-repeat; text-align: center; display: table; } #resultDetail .imageInner { background: none; display: table-cell; padding: 0px; vertical-align: middle; } * html #resultDetail .resultImage { position: relative; background-position: 2px 1px; } * html #resultDetail .imageInner { position: absolute; top: 50%; } * html #resultDetail .imageInner2 { position: relative; top: -50%; left: -50%; } *+html #resultDetail .resultImage { position: relative; background-position: 2px 1px; } *+html #resultDetail .imageInner { position: absolute; top: 50%; } *+html #resultDetail .imageInner2 { position: relative; top: -50%; left: -50%; } #resultDetail .resultContent { margin-left: 140px; margin-top: 20px; } #resultDetail .resultContent .navi { color: #CECECE; margin-top: 20px; } #resultDetail .resultContent .info { color: #CECECE; margin-top: 20px; } #resultDetail .resultDetailHint { clear: left; margin-left: 1.25em; } /****************************************************************/ /* -- Modulname: productList, productCompare -- */ /* -- Beschreibung: Produktsuche Listenansicht und Vergleich -- */ #musicList, #productList, #productCompare { float: left; width: 100%; margin-top: 2.0em; } #musicList .hr, #productList .hr, #productCompare .hr { clear: left; display: block; margin-bottom: 12px; } #musicList .searchResult, #productList .searchResult, #productCompare .searchResult { width: 100%; position: relative; padding-bottom: 10px; } :root #musicList .searchResult, :root #productCompare .searchResult { overflow: hidden; } /*:root #productList .searchResult => entfernt wegen Mozilla */ #musicList .resultHeader, #productList .resultHeader, #productCompare .resultHeader { padding: 0px 0px 15px; } #musicList .resultHeader h3, #musicList .resultHeader h3 a, #productList .resultHeader h3, #productList .resultHeader h3 a, #productCompare .resultHeader h3, #productCompare .resultHeader h3 a { float: none; } #productList .searchResult .resultImage, #productCompare .searchResult .resultImage { float: left; background: url(//img.ui-portal.de/search/img/bg/bg-box-65x65.gif) left top no-repeat; padding: 3px 5px 5px 3px; width: auto; } .section-software #productList .searchResult .resultImage { background: url(//img.ui-portal.de/search/img/bg/bg-box-60x60.gif) left top no-repeat; } #musicList .resultImage img, #productCompare .resultImage img, #productList .resultImage img { display: block; } #musicList .withImage .resultContent, #productList .withImage .resultContent, #productCompare .withImage .resultContent { margin-left: 90px; } #musicList .searchResult p, #musicList .resultContent p, #productList .searchResult p, #productList .resultContent p #productCompare .searchResult p, #productCompare .resultContent p { clear: none; font-size: 0.75em; line-height: 1.56em; } #musicList .resultContent a, #productList .resultContent a, #productCompare .resultContent a { font-size: 91.68%; font-weight: bold; } #musicList .resultContent .price, #productList .resultContent .price, #productCompare .resultContent .price { font-size: 1.25em; line-height: 1.20em; height: auto; overflow: hidden; font-weight: bold; padding-top: 11px; } .fontsize-biggest #productList .resultContent .price { padding-top: 20px; } /* -- Produkt-Listenansicht -- */ #productList .resultContent { min-height: 73px; } #musicList .resultContent .description, #productList .resultContent .description { float: none; margin-right: 27.20em; min-height: 73px; position: relative; } #productList .resultContent .description { margin-right: 28.50em; } * html #musicList .resultContent .description, * html #productList .resultContent .description { height: 73px; } #productList .resultContent .details, #productList .resultContent .compare { float: right; overflow: hidden; position: absolute; height: 6.0em; } #productList .resultContent .details { width: 11.25em; bottom: 2px; right: 0em; } #productList .resultContent .compare { width: 15.00em; bottom: 2px; right: 12.25em; } #productList .resultContent .compare p { padding-top: 15px; } .fontsize-biggest #productList .resultContent .compare p { padding-top: 25px; } #productList .resultContent p.url { color: #353A3D; height: 1.56em; overflow: hidden; white-space: nowrap; } #productList .resultContent .compare a, #productList .resultContent .details a { position: absolute; bottom: 10px; } /* -- Produkt-Listenansicht - Software -- */ .section-software #productList .resultContent .description { margin-right: 0em; } .section-software #productList .resultContent .description .price { bottom: 0px; font-size: 1em; height: auto; left: 0px; padding: 0px; position: absolute; } .section-software #productList .resultContent .description p { font-size: 75.00%; line-height: 1.56em; height: 3.12em; overflow: hidden; } .fontsize-biggest .section-software #productList .resultContent .description p { line-height: 1.4em; height: 2.8em; } .section-software #productList .resultContent .description a { font-size: 75.00%; line-height: 1.56em; font-weight: normal; } * html .section-software #productList .resultContent .description a { display: inline-block; } .section-software #productList .resultContent .details { bottom: 0px; float: right; height: 73px; margin-left: 2em; overflow: hidden; position: relative; right: 0px; width: 7em; } .section-software #productList .rating { text-align: right; z-index: 1; } .section-software #productList .rating a { bottom: 0px; right: 0px; } .section-software #productList .rate { background: url(//img.ui-portal.de/search/img/icons/productsearch/icon-ratingstars-small.gif) right top no-repeat; display: block; height: 14px; overflow: hidden; } .section-software #productList .rate-5_0 { background-position: 100% 0px; } .section-software #productList .rate-4_5 { background-position: 100% -14px; } .section-software #productList .rate-4_0 { background-position: 100% -28px; } .section-software #productList .rate-3_5 { background-position: 100% -42px; } .section-software #productList .rate-3_0 { background-position: 100% -56px; } .section-software #productList .rate-2_5 { background-position: 100% -70px; } .section-software #productList .rate-2_0 { background-position: 100% -84px; } .section-software #productList .rate-1_5 { background-position: 100% -98px; } .section-software #productList .rate-1_0 { background-position: 100% -112px; } .section-software #productList .rate-0_5 { background-position: 100% -126px; } .section-software #productList .rate-0_0 { background-position: 100% -140px; } /* -- Produkt-Vergleichsseite -- */ #productCompare .resultContent .description { float: none; overflow: hidden; } * html #productCompare .resultContent .description { height: 1%; } #productCompare .resultContent .details, #productCompare .resultContent .avail, #productCompare .resultContent .more { float: right; position: relative; top: 0px; height: 6.25em; margin-left: 15px; } #productCompare .resultContent .details { width: 11.25em; } #productCompare .resultContent .more { width: 11.25em; text-align: center; } #productCompare .resultContent .info { width: 13.75em; } #productCompare .resultContent .avail { width: 10.50em; height: 5.833em; border: 1px solid #E7E7E7; border-width: 0px 1px; background: url(//img.ui-portal.de/search/img/icons/productsearch/icon-available-atcall.gif) center top no-repeat; } #productCompare .resultContent .atcall { background-image: url(//img.ui-portal.de/search/img/icons/productsearch/icon-available-atcall.gif); } #productCompare .resultContent .many { background-image: url(//img.ui-portal.de/search/img/icons/productsearch/icon-available-many.gif); } #productCompare .resultContent .few { background-image: url(//img.ui-portal.de/search/img/icons/productsearch/icon-available-few.gif); } #productCompare .resultContent .not { background-image: url(//img.ui-portal.de/search/img/icons/productsearch/icon-available-not.gif); } #productCompare .resultContent .description .productinfo { color: #55AB01; } #productCompare .resultContent .details .tax { font-size: 75.00%; color: #90979A; } #productCompare .resultContent .details a, #productCompare .resultContent .more ul { position: absolute; bottom: 4px; } .fontsize-big #productCompare .resultContent .details a, .fontsize-big #productCompare .resultContent .more ul, .fontsize-big #productCompare .resultContent .details a, .fontsize-big #productCompare .resultContent .more ul { bottom: 7px; } #productCompare .resultContent .more ul { left: 6%; } .fontsize-big #productCompare .resultContent .more ul { left: 3%; } #productCompare .resultContent .more li { float: left; padding: 0px 4px 0px 6px; font-size: 91.68%; } #productCompare .resultContent .more li a { font-size:83.33%; } #productCompare .resultContent ul .first { border-right: 1px solid #E7E7E7; } /****************************************************************/ /* -- Modulname: musicList -- */ /* -- Beschreibung: Egebnisseite der Musiksuche -- */ #musicList .resultImage { float: left; background: url(//img.ui-portal.de/search/img/bg/bg-box-40x40.gif) left top no-repeat; padding: 11px 13px 13px 11px; } #musicList .resultContent .priceinfo, #musicList .resultContent .details, #musicList .resultContent .download { position: static; float: right; } #musicList .resultContent .details { width: 8.00em; } #musicList .resultContent .priceinfo { width: 7.25em; } #musicList .resultContent .download { width: 10.83em; } #musicList .resultContent .priceinfo .price { padding-top: 0px; } #musicList .resultContent .details p, #musicList .resultContent .description a { font-size: 91.68%; line-height: 145.46%; } /****************************************************************/ /* -- Modulname: searchmash -- */ /* -- Beschreibung: Alle Suchen auf einer Seite -- */ .infobox.searchmash { margin-bottom: 0px; } .infobox.searchmash .hr { display: none; } .infobox.searchmash h2 { background-position: 0px 0px; border-width: 1px 0px 0px; padding: 4px 0.9em; font-size: 100%; } .infobox.searchmash h2 .logo { float:left; margin-right: 3px; margin-top: -2px; } * html .infobox.searchmash h2 .logo { margin-right: 0px; } .infobox.searchmash-amazon h2 .logo { margin-top: 0px; } .infobox.searchmash h2 span.marker { font-weight: bold; font-size: 100%; } .infobox.searchmash h2 span.marker a { text-decoration: none; } .infobox.searchmash h2 span.more a { background: url(//img.ui-portal.de/search/img/icons/icon-arrow.gif) 100% 4px no-repeat; padding-right: 10px; font-size: 91.68%; text-decoration: underline; } .infobox.searchmash h2 a span, .infobox.searchmash h2 span.marker, .infobox.searchmash h2 span.marker a { color: #55AB01; } .infobox.searchmash h2 span.more span { font-weight: bold; } .infobox.searchmash span.marker { background-position: -1000% -1000%; display: inline; padding: 0px; margin: 0px; } /*.infobox.searchmash span.marker-ebay { background: url(//img.ui-portal.de/search/img/icons/icon-new.gif) no-repeat top right; padding-right: 25px; }*/ .infobox.searchmash .infoboxContent, .infobox.searchmash #resultGallery .searchResult, .infobox.searchmash .resultGallery .searchResult { border-width: 0px; } .infobox.searchmash .infoboxContent { padding-bottom: 30px; } .infobox.searchmash .searchResult .price { color: #55AB01; } .infobox.searchmash .searchResult .lastbid { white-space: normal; } .infobox.searchmash .searchResult .atonce { height: 1.4em; } .infobox.searchmash .searchResult .title { height: 2.8em; overflow: hidden; } .section-news .infobox.searchmash .searchResult .rubric { color: #90979A; } .infobox.searchmash .partner { float: right; color: #CDCDCD; font-size: 75.00%; font-weight: normal; line-height: 1.33em; } .infobox.searchmash-wiki .infoLayer h2 { font-size: 91.68%; padding: 16px 20px 0px; border-width: 0px; } .infobox.searchmash-wiki .infoboxContent { float: left; } .infobox.searchmash-wiki .infoboxPart { overflow: visible; } *+html .infobox.searchmash-wiki .searchResult .resultContent { height: 1%; overflow: visible; } /****************************************************************/ /* -- Modulname: pagingList -- */ /* -- Beschreibung: Seitenzahlanzeige -- */ .paging { clear: both; margin-top: 1.25em; font-weight: bold; } * html .paging { height: 1%; } *+html .paging { height: 1%; } .paging li { background-color: #187BAD; display: inline; font-size: 91.68%; line-height: 1.36em; float: left; padding: 0px 0px 1px 0px; margin: 0px 4px 0px 0px; } .paging li.first { margin-right: 20px; } .paging li.last { margin-left: 20px; } .paging li.disabled { background-color: #A3CADE; cursor: default; } .paging li.active { background-color: #55AB01; } .paging span { padding: 0px 6px; } .paging span.rwdArrows { padding: 0px 5px 0px 0px; } .paging span.fwdArrows { padding: 0px 0px 0px 5px; } .paging a:link, .paging a:visited, .paging a:hover, .paging a:active, .paging span { color: #FFFFFF; text-decoration: none; } /****************************************************************/ /* -- Modulname: footer -- */ /* -- Beschreibung: Fusszeile mit Links und Meinung zaehlt -- */ #footer { background: url(//img.ui-portal.de/search/img/bg/bg-footer.gif) repeat-x left bottom; float: left; width: 100%; padding: 5px 0px; border: 0px solid #f00; vertical-align: center; } .color-blue #footer { background-image: url(//img.ui-portal.de/search/img/bg/blue/bg-footer.gif); } .color-green #footer { background-image: url(//img.ui-portal.de/search/img/bg/green/bg-footer.gif); } .color-magenta #footer { background-image: url(//img.ui-portal.de/search/img/bg/magenta/bg-footer.gif); } .color-olive #footer { background-image: url(//img.ui-portal.de/search/img/bg/olive/bg-footer.gif); } .color-orange #footer { background-image: url(//img.ui-portal.de/search/img/bg/orange/bg-footer.gif); } .color-red #footer { background-image: url(//img.ui-portal.de/search/img/bg/red/bg-footer.gif); } .color-violet #footer { background-image: url(//img.ui-portal.de/search/img/bg/violet/bg-footer.gif); } #footer ul { display: inline; float: left; margin-left: 6px; margin-top: 3px; } html:first-child #footer ul { margin-top: 2px; } /* Opera und Safari */ #footer .copyright, #footer li { display: inline; float: left; padding: 0px 9px; border: 0px solid lime; border-right: 1px solid #90979A; line-height: 1.15em; font-weight: bold; font-size: 0.83em; } #footer .copyright { border: none; padding: 3px 0px 0px 15px; } #footer li.last { border: none; } #footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer .copyright { color: #90979A; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .survey { float: right; font-weight: bold; padding-right: 15px; font-size: 91.68%; } #footer .survey a:link { color: #187BAD; text-decoration: none; } #footer .survey a:visited { color: #7EABC1; text-decoration: none; } #footer .survey a:hover { color: #7EABC1; text-decoration: underline; } #footer .survey a:active { color: #7EABC1; text-decoration: none; } #footer .survey span { padding-right: 5px; } /****************************************************************/ /* -- Modulname: settings Page -- */ /* -- Beschreibung: Einstellungsseite, Dieses CSS wird ebenfalls genutzt von der Erweiterten Suche und den Modulen Nachrichten-RSS und Nachrichtenalarm -- */ #settingsForm, #layerTopContent { width: 65.43em; overflow: hidden; } .fontsize-big #settingsForm, .fontsize-big #layerTopContent { width: 62.32em; } .fontsize-biggest #layerTopContent, .fontsize-biggest #settingsForm { width: 58.79em; } #settingsForm form { overflow: hidden; } * html #settingsForm form { height: 1%; } #settingsTab { border-collapse: collapse; width: 100%; } #settingsTab td, #settingsTab th, #settingsTab caption, #settingsForm div.warning, #settingsForm p.additionalInfo, #sendArea span, #sendArea #settingsReset, #rssLink { font-size: 91.68%; font-weight: normal; text-align: left; padding: 0px; } #settingsForm div.warning { border: 1px solid #E7E7E7; margin: 0px 0px 2em 0px; padding: 1em 20px 1em 40px; background: url(//img.ui-portal.de/search/img/icons/icon-warning.gif) left center no-repeat; } #settingsForm div.warning span { color: #353A3D; } #settingsForm div.warning, #settingsTab { margin-top: 0.42em; } #settingsTab .error, #settingsTab .error td, #settingsTab .error th { color: #F00; font-weight: bold; } #settingsTab input, #settingsTab select { vertical-align: middle; } /* Spaltenbreiten für das 3 Spalten Standard Layout */ #settingsTab .col1 { width: 10.45em; } /* 115px */ #settingsTab .col2 { width: 40.45em; } /* 445px */ #settingsTab .col3 { width: 16.35em; } /* 180px */ #settingsTab .col1and2 { width: 50.90em; } /* 560px */ #settingsTab td, #settingsTab th { border-top: 1px solid #E7E7E7; height: 2.45em; } #settingsTab { border-bottom: 1px solid #E7E7E7; } #settingsTab .multiLineDynamic, #settingsTab .multiLine { vertical-align: top; padding: 5px 0px; } .jsActive #settingsTab .multiLineDynamic { vertical-align: middle; padding: 0px; } #settingsTab caption { padding: 1em 0em 0.6em; } #settingsTab ul.colorSelect { padding: 4px 0px; float: left; width: 100%; } #settingsTab li input { float: left; } #settingsTab li { clear: left; padding: 3px 0px; } * html #settingsTab li { padding: 0px 0px; } *+html #settingsTab li { padding: 0px 0px; } #settingsTab li span { float: left; padding: 0px; } #settingsTab li .icon { width: 10px; height: 10px; overflow: hidden; padding: 0px; margin: 1px 5px; border: 1px solid #CDCDCD; background: url(//img.ui-portal.de/search/img/bg/bg-colorbox.gif) top left; cursor: hand; c\ursor: pointer; } * html #settingsTab li .icon { width: 12px; height: 12px; margin-top: 3px; wid\th: 10px; hei\ght: 10px; } #settingsTab ul.colorSelect li.active .icon { border: 1px solid #55AB01; } #settingsTab .clr1 .icon { background-color: #D3D3D3; } #settingsTab .clr2 .icon { background-color: #CECAB3; } #settingsTab .clr3 .icon { background-color: #E4B3B4; } #settingsTab .clr4 .icon { background-color: #F8B3E8; } #settingsTab .clr5 .icon { background-color: #DCB3F8; } #settingsTab .clr6 .icon { background-color: #B4CEFB; } #settingsTab .clr7 .icon { background-color: #D1F2B3; } #settingsTab .clr8 .icon { background-color: #FFE4B4; } #settingsTab select { width: 16.36em; } /* 180px @ 11px Schrift */ html:last-child #settingsTab select { width: 12.25em; } /* Safari */ #settingsTab .input { width: 15.64em; } /* 172px=(180-8)px @ 11px Schrift */ * html #settingsTab .input { width: 16.36em; w\idth: 15.64em; } /* 165px IE5.x */ .jsActive #settingsTab ul.colorSelect li { clear: none; float: left; display: inline; width: 14px; w\idth: 12px; height: 14px; he\ight: 12px; overflow: hidden; margin-right: 2px; /* This is for Safari 1.3: */ font-size: 1px; color: #FFFFFF; } *+html .jsActive #settingsTab ul.colorSelect li { overflow: visible; } .jsActive #settingsTab ul.colorSelect li input { display: none; } .jsActive #settingsTab ul.colorSelect li span { margin: 0px; overflow: hidden; } .jsActive #settingsTab ul.colorSelect .col2 { vertical-align: middle; padding: 0px; } * html .jsActive #settingsTab ul.colorSelect { height: 14px; } *+html .jsActive #settingsTab ul.colorSelect { height: 14px; } .jsActive #settingsTab ul.colorSelect li .icon { margin-bottom: 1px; } /* fix fuer einstellungsseite shopping anfang */ .section-prod #settingsTab ul.pageFontSizeSelect { padding: 4px 0px; float: left; width: 100%; } .section-prod .pageFontSizeSelect, .section-prod .pageFontSizeSelect * { font-family: Arial, Verdana; } .section-prod .pageFontSizeSelect li.pageFontSizeNormal { font-size: 11px; font-weight: 700; } .section-prod .pageFontSizeSelect li.pageFontSizeBig { font-size: 15px; font-weight: 700; } .section-prod .pageFontSizeSelect li.pageFontSizeBiggest { font-size: 19px; font-weight: 400; } .section-prod #settingsTab ul.pageFontSizeSelect li .icon { display: none; } .section-prod #settingsTab .pageFontSizeSelect li * { display: inline; float: none; vertical-align: baseline; line-height: 19px; color: #187BAD; } .section-prod #settingsTab .pageFontSizeSelect li.active * { color: #55AB01; } .section-prod #settingsTab .pageFontSizeSelect li .radio { vertical-align: bottom; margin-right: 4px; } .section-prod #settingsTab .pageFontSizeSelect li .radio { margin-right: 6px; } * html .section-prod #settingsTab .pageFontSizeSelect li .radio { margin-right: 8px; } *+html .section-prod #settingsTab .pageFontSizeSelect li .radio { margin-right: 8px; } .jsActive .section-prod #settingsTab .pageFontSizeSelect li { display: inline; margin-right: 5px; } * html .jsActive .section-prod #settingsTab .pageFontSizeSelect li { margin-right: 8px; } *+html .jsActive .section-prod #settingsTab .pageFontSizeSelect li { margin-right: 8px; } .jsActive .section-prod #settingsTab .pageFontSizeSelect li .radio { display: none; } .jsActive .section-prod #settingsTab .pageFontSizeSelect li label { cursor: pointer; } /* fix ende */ #settingsTab .inlineSelect label { position: relative; top: 1px; } * html #settingsTab .inlineSelect label { top: -1px; } *+html #settingsTab .inlineSelect label { top: -1px; } #settingsTab .inlineSelect select, #settingsTab .inlineInput select { width: 10.91em; } html:last-child #settingsTab .inlineSelect select { width: 8.91em; } /* 270px Safari */ #settingsTab .radio { padding: 0px; } #settingsTab .inlineInput label { position: relative; top: 2px; } * html #settingsTab .inlineInput label { top: 0px; } *+html #settingsTab .inlineInput label { top: 0px; } html:first-child #settingsTab .inlineInput label { top: 0px; } #settingsTab .inlineInput input { width: 9.45em; padding-top: 1px; padding-bottom: 2px; position: relative; top: 1px; } * html #settingsTab .inlineInput input { padding-top: 2px; padding-bottom: 1px; top: 0px; } *+html #settingsTab .inlineInput input { padding-top: 2px; padding-bottom: 1px; top: 0px; } #settingsTab .inlineInput input.active { padding-top: 1px; padding-bottom: 0px; width: 9.36em; } #settingsTab .inlineInput input.inactive { color:#CECECE; padding-left: 3px; border:1px solid #CECECE; } #sendArea { position: relative; padding-top: 5px; float: left; width: 100%; margin: 0px 0px 15px; } #sendArea .button { float: right; display: inline; margin-left: 5px; } #sendArea #settingsReset { float: left; } #sendArea .msg { margin-bottom: 15px; } #sendArea .requiredFieldsMsg { color: #8F9699; float: none; display: block; } /* Abbrechen-Button nur im AJAX Layer anzeigen */ #sendArea #layerCloser { display: none; } #layerTop #sendArea #layerCloser { display: block; } /* --- Abweichendes Spalten Layout und Input-Breiten --- */ /* Wikipedia Erweiterte Suche, Einstellungen */ .wiki #settingsTab .col1 { width: 10.45em; } /* 115px @ 11px Schrift */ .wiki #settingsTab .col2 { width: 18.18em; } /* 200px @ 11px Schrift */ .wiki #settingsTab .col3 { width: 19.55em; } /* 215px @ 11px Schrift */ .wiki #settingsTab .col4 { width: 19.09em; } /* 210px @ 11px Schrift */ .wiki #settingsTab select { width: 19.09em; } /* 210px @ 11px Schrift */ html:last-child .wiki #settingsTab select, html:last-child .wiki #settingsTab select { width: 15.75em; } /* 270px Safari */ .wiki #settingsTab .input { width: 15.64em; } /* 172px=(180-8)px @ 11px Schrift */ * html .wiki #settingsTab .input { width: 16.36em; wid\th: 15.64em; } /* 165px IE5.x */ /* --- Nachrichten RSS-Feed abonnieren und Nachrichtenalarm --- */ .page-rss #settingsTab .col1, .page-newsalert #settingsTab .col1 { width: 42.72em; } /* 470px @ 11px Schrift */ .page-rss #settingsTab .col2, .page-newsalert #settingsTab .col2 { width: auto; } /* 270px @ 11px Schrift */ #formRssSubscription #settingsTab th, #formNewsalert #settingsTab th { width: 50.90em; } #formRssSubscription #settingsTab td, #formNewsalert #settingsTab td { width: 16.35em; } .page-rss #settingsTab select, .page-newsalert #settingsTab select { width: 24.55em; } /* 270px @ 11px Schrift */ html:last-child .page-rss #settingsTab select, html:last-child .page-newsalert #settingsTab select { width: 19.00em; } /* 270px Safari */ .page-rss #settingsTab .input, .page-newsalert #settingsTab .input { width: 23.82em; } /* 262px=(270-8)px @ 11px Schrift */ * html .page-newsalert #settingsTab .input, * html .page-newsalert #settingsTab .input { width: 24.55em; wid\th: 23.82em; } /* 165px IE5.x */ .page-rss #settingsTab .confirmationData td, .page-newsalert #settingsTab .confirmationData td { font-weight: bold; text-align: right; } #rssLink { padding-left: 20px; background: url(//img.ui-portal.de/search/img/icons/icon-rss.gif) left top no-repeat; float: left; } #settingsForm #rssLink { margin-bottom: 20px; } /* Zur Nachrichtensuche anzeigen im NichtLayerfall */ a.buttonToNews { clear: left; float: left; display: block; } a.buttonToNews span, #layerTop a.buttonToNews, .fontsize-big #layerTop a.buttonToNews, .fontsize-biggest #layerTop a.buttonToNews { display: none; } /****************************************************************/ /* -- Modulname: linkgroups -- */ /* -- Beschreibung: Kategorielinks, um Suche zu verfeinern -- */ #smartframe { width: 100%; height: 42.5em; } #smartsearch .hr { display: block; margin-bottom: 5px; } #preloader { display:none; font-size: 91.68%; } #preloader, #smartsearch h2 { padding: 0px 0px 6px; font-size: 100%; line-height: 1.33em; font-weight: normal; } .linkgroups .linkgroup { padding-bottom: 10px; } .linkgroups .linkgroup h3, .linkgroups .linkgroup li { font-size: 91.68%; line-height: 1.36em; color: #55AB01; background: url(//img.ui-portal.de/search/img/icons/icon-smartsearch-bullet.gif) no-repeat 0px 0.6em; padding: 1px 0px 1px 10px; } .fontsize-big .linkgroups .linkgroup h3, .fontsize-big .linkgroups .linkgroup li { line-height: 1.31em; /* 17px */ } .fontsize-biggest .linkgroups .linkgroup h3, .fontsize-biggest .linkgroups .linkgroup li { line-height: 1.27em; /* 19px */ } .linkgroups .linkgroup h3, .linkgroups .linkgroup li.more, .linkgroups .linkgroup li.toggle { background-image: none; padding-left: 0px; } .linkgroups .linkgroup li.toggle { display: none; } .linkgroups .linkgroup h3 { position: relative; font-weight: bold; } .linkgroups .linkgroup span { display: block; } .section-software .linkgroups .linkgroup span { display: inline; } .linkgroups .linkgroup .active { background-color: #F1F1F1; } /* abweichende Hintergrundfarben fuer andere Farbschemen */ .color-blue .linkgroups .linkgroup .active { background-color: #EFF6FF; } .color-green .linkgroups .linkgroup .active { background-color: #F0FCE5; } .color-magenta .linkgroups .linkgroup .active { background-color: #FCEDF9; } .color-olive .linkgroups .linkgroup .active { background-color: #F3F7E9; } .color-orange .linkgroups .linkgroup .active { background-color: #F7F2E9; } .color-red .linkgroups .linkgroup .active { background-color: #FCEDED; } .color-violet .linkgroups .linkgroup .active { background-color: #F5EDFC; } .linkgroups .linkgroup h3 a, .linkgroups .linkgroup h3 span, .linkgroups .linkgroup h3.active a, .linkgroups .linkgroup li a, .linkgroups .linkgroup .active span { color: #353A3D; } .linkgroups .linkgroup .more a, .linkgroups .linkgroup .active a, .linkgroups .linkgroup .toggle a { color: #187BAD; } /* Alle Filter aufheben */ .linkgroups .linkgroup .filterend { font-size: 91.68%; line-height: 1.36em; } /* Untermodul Suche-Preisspanne */ #smartsearch .pricerange { margin-bottom: 15px; } #smartsearch .pricerange h3 { font-size: 91.68%; font-weight: bold; margin-bottom: 3px; } #smartsearch .pricerange label { font-size: 91.68%; padding: 0px; line-height: 200%; } #smartsearch .pricerange input { font-size: 91.68%; } #smartsearch .pricerange input.inpPricerange { width: 7.28em; margin-left: 2px; } * html #smartsearch .pricerange input.inpPricerange{ width: 8.0em; wid\th: 7.28em; } #smartsearch .pricerange input.button { margin-top: 5px; } /****************************************************************/ /* -- Modulname: smartinfo -- */ /* -- Beschreibung: smartinfo-Module der Websuche -- */ .smartinfobox { margin-bottom: 15px; } .smartinfobox .sup { position: relative; top: -4px; left: 0px; } .smartinfo { overflow: hidden; } * html .smartinfo { height: 1%; overflow: visible; } *+html .smartinfo { height: 1%; overflow: visible; } body .smartinfo { width: 550px; } body.fontsize-big .smartinfo { width: 620px; } body.fontsize-biggest .smartinfo { width: 705px; } body .smartinfobox .smartinfo, body.fontsize-big .smartinfobox .smartinfo, body.fontsize-biggest .smartinfobox .smartinfo { width: auto; } .smartinfo h3 { padding-bottom: 3px; line-height: 107.14%; /*15px*/ } .fontsize-big .smartinfo h3, .fontsize-biggest .smartinfo h3 { padding-bottom: 2px; } html:first-child .smartinfo h3 { margin-top: -2px;} .smartinfobox .hr { display: block; margin: 10px 10px 8px 10px;} .smartinfobox .hr hr { display: none; } .smartinfoImage { float: left; height: 100%; } html:first-child .smartinfo .smartinfoImage img { margin-top: 1px; } .smartinfoContent { margin-left: 42px; } * html .smartinfoContent { height: 1%; margin-left: 39px; } *+html .smartinfoContent { height: 1%;} /* -- formular styles -- */ .smartinfo fieldset { padding: 0; margin: 0; display: inline; } .smartinfo .fields { margin-top: 5px; margin-bottom: -5px; } .smartinfo .fields input, .smartinfo .fields select, .smartinfo .fields label { display:block; float: left; margin-top: 5px; margin-right: 5px;} * html .smartinfo .fields label { margin-top: 5px; } .smartinfo .fields label { margin-right: 10px; line-height: 172.73%; } .smartinfo .fields .button { position: relative; top: -2px; } .smartinfo .fields .row { clear: both; } .smartinfo .fields .col { float: left; } .smartinfo .fields .labels { float: left; } .smartinfo .fields input, .smartinfo .fields select { font-size: 91.68%; } .smartinfo label { font-size: 91.68%; } html:first-child .smartinfo .fields select { padding:2px; } .smartinfo .related { color :#90979A; } /* -- ausnahmefälle -- */ .si-gmt .smartinfoContent { margin-left: 49px; } * html .si-gmt .smartinfoContent { margin-left: 46px; } *+html .si-gmt .smartinfoContent { margin-left: 46px; } .si-horoskop1 .smartinfoContent { margin-left: 0px !important; } .si-produkte .smartinfoContent { margin-left: 76px; } * html .si-produkte .smartinfoContent { margin-left: 73px; } *+html .si-produkte .smartinfoContent { margin-left: 73px; } .si-games .smartinfoImage { width: 60px; padding-right: 10px; text-align: center; } .si-games .smartinfoContent { margin-left: 72px; } * html .si-games .smartinfoContent { margin-left: 69px; } *+html .si-games .smartinfoContent { margin-left: 69px; } .si-games img { border: 1px solid #DBDBDB; margin-bottom:10px; } /*-- grauer rahmen für games --*/ .si-affiliate h3, .si-inetaddress h3 { line-height: 210% !important; } .si-kundenservice span { color: #888; } /* -- horoskop box -- */ .si-horoskop1 .astroRow { margin-top: 0.83em; margin-right: 0.83em; text-align: center; float: left; width: 6.00em; } .si-horoskop1 .astroRow p { margin-top: 4px; } /* -- dax & aktienkurs -- */ .si-meta .smartinfoContent, .si-index .smartinfoContent { margin-bottom: 5px; margin-left: 0 !important; } * html .si-meta .smartinfoContent h3 { line-height: 114.28%; } *+html .si-meta .smartinfoContent h3 { line-height: 114.28%; } .si-index .smartinfoChart { float: left; display: inline; width: 215px; } .si-meta .smartinfoChart { float: left; display: inline; margin-right: 0.91em; width: 215px; } * html .si-meta .smartinfoChart { margin-right: 0; } .smartinfoChart p { font-size: 11px; text-align: right; margin-right: 10px; } .smartinfoChart p span { float: left; } .chartNavi { margin-left: 7px; } .chartNavi span { display: block; float: left; width: 52px; font-size: 11px; } .chartNavi span a { float: right; } .chartNavi span.last { text-align: right; width: 55px; font-size: 10px; margin-right: -3px; } .smartinfoTable { float: left; } .smartinfoTable div { float: left;} .smartinfoTable .top5 { width: 14.50em; font-size: 0.833em; margin-left: 25px; display: inline; } .smartinfoTable .flop5 { width: 14.50em; font-size: 0.833em; margin-left: 5px; } .smartinfoTable .stockchart { width: 10.91em; font-size: 0.833em; float: left; margin-left: 5px; } .smartinfoTable .stockinfo { width: 16.50em; font-size: 0.833em; margin-left: 25px; display: inline; } .smartinfoTable .flop5 .head, .smartinfoTable .top5 .head, .smartinfoTable .stockchart .head, .smartinfoTable .stockinfo .head { width: 100%; font-weight: bold; } .smartinfoTable .top5 .head, .smartinfoTable .flop5 .head { background: #E7E7E7; } .smartinfoTable .flop5 .row, .smartinfoTable .top5 .row, .smartinfoTable .stockchart .row, .smartinfoTable .stockinfo .row { background: #f1f1f1; float: left; line-height: 1.60em !important; xfont-size: 0.833em; width:100%; white-space: nowrap; } .smartinfoTable .top5 .row.alt, .smartinfoTable .flop5 .row.alt, .smartinfoTable .stockinfo .row.alt, .smartinfoTable .stockchart .row.alt { background: #fff; } .smartinfoTable .flop5 span, .smartinfoTable .top5 span, .smartinfoTable .stockchart span, .smartinfoTable .stockinfo span { margin-left: 4px; white-space: nowrap; } .smartinfoTable .flop5 .value, .smartinfoTable .top5 .value, .smartinfoTable .stockchart .value, .smartinfoTable .stockinfo .value { float: right; color: #55AA00; margin-right: 4px; } .smartinfoTable .flop5 .value.neg, .smartinfoTable .top5 .value.neg, .smartinfoTable .stockchart .value.neg, .smartinfoTable .stockinfo .value.neg { color: #B30303; } .smartinfoTable p { clear: both; } /* -- lotto -- */ .si-lotto .smartinfoContent { margin-left: 0px !important; } .si-lotto .numbers .kugel { float: left; height: 40px; width: 35px; padding-right: 5px; background: url(//img.ui-portal.de/search/img/icons/smartinfo/bg-kugel2.gif) no-repeat; line-height: 40px; text-align: center; font-weight: bold; } .si-lotto .numbers span.zz, .si-lotto .numbers span.sz { text-align: center; height: 40px; line-height: 40px; float: left; margin-right: 10px; font-weight: bold; margin-left: 10px; } .si-lotto .numbers .sz, .si-lotto .numbers .zz { color:#A00101; } .si-lotto .extra { height: 40px; line-height: 40px; float: left; padding-top: 7px; margin-left: 10px; } .si-lotto .note { clear: both; color: #888; } /* -- millionenclick -- */ .si-mioklick .smartinfoContent { margin-left: 0px !important; } .si-mioklick .numbers { height: 24px; font-size: 91.68%; margin-top: 6px;} .si-mioklick .numbers div { float: left; height: 24px; width: 24px; background: url(//img.ui-portal.de/search/img/icons/smartinfo/bg-kugel.gif) no-repeat; line-height: 24px; text-align: center; font-weight: bold; margin-right: 8px; } .si-mioklick .numbers span { line-height: 218.18%; display: block; float: left; margin-right: 10px; } * html .si-mioklick .numbers div { padding-right: 1px; } .si-mioklick .numbers span.sz { margin-left: 12px; } /* -- jobsuche -- */ .si-jobss input.input { width: 251px; } .si-jobss select.input { width: 260px; } * html .si-jobss select.input { width/**/: 252px; wid\th: 260px; } *+html .si-jobss select.input { width: 259px; } html:first-child .si-jobss select.input { width: 259px; } html:last-child .si-jobss select.input { width: 251px !important; } /* -- bmi rechner -- */ .si-bmi .fields label { margin-right: 7px; } .si-bmi .fields input { margin-right: 15px; } .si-bmi .fields .buttonCalculate { margin-right: 0; } .si-bmi .scale { position: relative; left: -1px; margin: 5px 0px 5px 0px; } /* -- wiki, bilder & personensuche -- */ .smartinfoImages { height: 100%; float: left; } .slideshow .smartinfoImage img, .si-personen .smartinfoImage img, .si-lexikon .smartinfoImage img { margin-right: 10px; } .slideshow .smartinfoContent { margin-left: 210px !important; } * html .slideshow .smartinfoContent { margin-left: 207px !important; } *+html .slideshow .smartinfoContent { margin-left: 207px !important; } /* -- wenn kein bild gefunden wird, kommt ein grauer rahmen dazu %) */ .si-lexikon.nopic .smartinfoImages img { border: 1px solid #DBDBDB; } .si-lexikon.nopic .smartinfoContent { margin-left: 73px !important; } * html .si-lexikon.nopic .smartinfoContent { margin-left: 70px !important; } *+html .si-lexikon.nopic .smartinfoContent { margin-left: 70px !important; } .si-lexikon .smartinfoContent { margin-left: 74px !important; } * html .si-lexikon .smartinfoContent { margin-left: 71px !important; } *+html .si-lexikon .smartinfoContent { margin-left: 71px !important; } .si-personen.nopic .smartinfoImages img { border: 1px solid #DBDBDB; } .si-personen.nopic .smartinfoContent { margin-left: 73px !important; } * html .si-personen.nopic .smartinfoContent { margin-left: 70px !important; } *+html .si-personen.nopic .smartinfoContent { margin-left: 70px !important; } .si-personen .smartinfoContent { margin-left: 74px !important; } * html .si-personen .smartinfoContent { margin-left: 71px !important; } *+html .si-personen .smartinfoContent { margin-left: 71px !important; } /* -- produkt -- */ .si-produkte .smartinfoContent { margin-left: 77px !important; } /* -- wörterbuch -- */ .si-dictionary p { margin-top: 5px; } .si-dictionary p span { margin-left: 30px; } /* -- lokale suche -- */ .si-lokales p { margin-top: 8px; } /* -- abstand nach oben wiederherstellen -- */ .si-lokales .term2 { margin-left: 10px; } .si-lokales #su, .si-lokales #loc { width: 130px; } /* -- weltzeit -- */ .si-gmt .smartinfoImage { height: 39px; width: 39px; z-index: 1; position: relative; } .si-gmt .siMin { height:39px; left:1px; position:absolute; top:0px; width:39px; z-index:2; } .si-gmt .siHour { height: 39px; left: 1px; position: absolute; top: 0px; width: 39px; z-index: 3; } /* -- wetter -- */ .si-weather .fields { margin: 0px; } .si-weather .fields label { width: 7em; margin-right: 0px; } .si-weather .smartinfoWeatherSubline { display: block; clear: left; margin-left: 7em; font-size: 91.68%; color: #8F9699; } /****************************************************************/ /* -- Modulname: searchtips -- */ /* -- Beschreibung: Übersichtseite der einzelnen Suchen -- */ .searchtips { float: left; width: 100%; padding-bottom: 5px; } .searchtips .searchtip { float: left; width: 28.50em; padding-right: 4.15em; margin-right: -3px; display: inline; padding-bottom: 20px; } .fontsize-big .searchtip { width: 27.00em; padding-right: 3.55em; } .fontsize-biggest .searchtip { width: 26.00em; padding-right: 3.36em; } * html .searchtips .searchtip { width: 32.65em; wid\th: 28.50em; } * html .fontsize-big .searchtip { width: 30.55em; wid\th: 27.00em; } * html .fontsize-biggest .searchtip { width: 29.36em; wid\th: 26.00em; } .searchtips .searchtip .searchtipImage { clear: left; float: left; margin-right: 10px; width: 32px; } * html .searchtips .searchtip .searchtipImage { margin-right: 7px; } * html .searchtips .searchtip .searchtipImage img { display: block; } /* noetig, damit der resultContent bei den Bildmodulen rechts neben dem Bild bleibt */ .searchtips .searchtip.withImage .searchtipContent { overflow: hidden; } * html .searchtips .searchtip.withImage .searchtipContent { height: 1%; } *+html .searchtips .searchtip.withImage .searchtipContent { height: 1%; } .searchtip h3 { font-size: 91.68%; line-height: 1.36em; font-weight: bold; } .fontsize-big .searchtip h3, .fontsize-big .searchtip p { line-height: 1.31em; /* 17px */ } .fontsize-biggest .searchtip h3, .fontsize-biggest .searchtip p { line-height: 1.27em; /* 19px */ } /* -- formular styles -- */ .searchtip input { display: block; float: left; margin-top: 10px; margin-right: 5px; font-size: 91.68%; } .fontsize-biggest .searchtip a.button, .searchtip .button { position: relative; top: -2px; } .searchtip .buttonAdd { margin-right: 0px; } /* noetig wegen abwaertskompatibilitaet bis suchtippseite von se angepasst */ .searchtip .searchplugin { margin-top: 10px;} .searchtip .searchplugin img { display: block; float: left; top: 0px; margin-top: 0px; } /* noetig ende */ .searchtip .searchtipButton { margin-top: 10px;} .searchtip .searchtipButton img, .searchtip a.buttonAdd { display: block; float: left; top: 0px; margin-top: 0px; } .searchtip a.buttonAdd { margin-left: 5px; } .searchtip .searchterm { width: 16.64em; } .searchtip .searchtermwhat, .searchtip .searchtermwhere { width: 7.73em; } .searchtipSearchplugin, #searchtipSearchplugin { display: none; } .pluginCanBeInstalled .searchtipSearchplugin, .pluginCanBeInstalled #searchtipSearchplugin { display: block; } /* -- button styles -- */ /* .searchtip .button { margin-right: 0px; margin-left: 5px; } .searchtip a.button, .searchtipp .button img { display: inline; float: left; top: 0px; margin-top: 0px; } */ .searchtip .buttonDownloadGadget { background-image: url(//img.ui-portal.de/search/img/btn/btn-download-gadget.gif); width: 256px; margin-right: 0px; margin-left: 38px; display: inline; float: left; top: 0px; margin-top: 0px; } .fontsize-big .searchtip .buttonDownloadGadget { background-image: url(//img.ui-portal.de/search/img/btn/btn-download-gadget-big.gif); width: 303px; margin-right: 0px; margin-left: 13px; display: inline; float: left; top: 0px; margin-top: 0px; } .fontsize-biggest .searchtip .buttonDownloadGadget { background-image: url(//img.ui-portal.de/search/img/btn/btn-download-gadget-biggest.gif); width: 348px; margin-right: 0px; margin-left: 0px; display: inline; float: left; top: 0px; margin-top: 0px; } .searchtip .buttonShowCode { background-image: url(//img.ui-portal.de/search/img/btn/btn-show-code.gif); width: 120px; margin-right: 0px; margin-left: 4px; display: inline; float: left; top: 0px; margin-top: 0px; } .fontsize-big .searchtip .buttonShowCode { background-image: url(//img.ui-portal.de/search/img/btn/btn-show-code-big.gif); width: 142px; margin-right: 0px; margin-left: 4px; display: inline; float: left; top: 0px; margin-top: 0px; } .fontsize-biggest .searchtip .buttonShowCode { background-image: url(//img.ui-portal.de/search/img/btn/btn-show-code-biggest.gif); width: 162px; margin-right: 0px; margin-left: 4px; display: inline; float: left; top: 0px; margin-top: 0px; } /****************************************************************/ /* -- Modulname: layerTop -- */ /* -- Beschreibung: Einstellungen-/ Erweiterte Suche Layer -- */ body { position: relative; float: left; } #layerTopContainer { position: absolute; z-index: 1000; left: 0px; top: 0px; width: 100%; min-height: 65px; background: #FFFFFF; } * html #layerTopContainer { height: 65px; } #layerTop { padding-bottom: 50px; background: url(//img.ui-portal.de/search/img/bg/bg-layer-bottom.png) repeat-x left bottom; } #layerTopPortalinfo { z-index: 1; } * html #layerTop { height: 65px; background-image: url(//img.ui-portal.de/search/img/bg/bg-layer-bottom.gif); } #layerTopContent { margin-left: 16.67em; padding-top: 10px; } .fontsize-big #layerTopContent { margin-left: 15.00em; } .fontsize-biggest #layerTopContent { margin-left: 13.33em; } #inactivateContent { position: absolute; top: 0px; bottom: 0px; left: 0px; display: none; width: 100%; -moz-opacity: 0.50; opacity: 0.50; background-color: #FFFFFF; } * html #inactivateContent { filter: alpha(opacity=50); height: expression(this.parentNode.offsetHeight + 'px'); } *+html #inactivateContent { filter: alpha(opacity=50); } /****************************************************************/ /* -- Modulname: livesearch -- */ /* -- Beschreibung: livesearch modul der websuche -- */ #livesearch { width:100%; border: 1px solid #E7E7E7; } #livesearch h2 { font-weight: normal; background: #FFFFFF url(//img.ui-portal.de/search/img/bg/bg-smartinfo.gif) 0px 1px repeat-x; padding: 8px 0.9em 0px; color: #90979A; font-size: 91.68%; line-height: 1.36em; } .color-blue #livesearch h2 { background-image: url(//img.ui-portal.de/search/img/bg/blue/bg-smartinfo.gif); } .color-green #livesearch h2 { background-image: url(//img.ui-portal.de/search/img/bg/green/bg-smartinfo.gif); } .color-magenta #livesearch h2 { background-image: url(//img.ui-portal.de/search/img/bg/magenta/bg-smartinfo.gif); } .color-olive #livesearch h2 { background-image: url(//img.ui-portal.de/search/img/bg/olive/bg-smartinfo.gif); } .color-orange #livesearch h2 { background-image: url(//img.ui-portal.de/search/img/bg/orange/bg-smartinfo.gif); } .color-red #livesearch h2 { background-image: url(//img.ui-portal.de/search/img/bg/red/bg-smartinfo.gif); } .color-violet #livesearch h2 { background-image: url(//img.ui-portal.de/search/img/bg/violet/bg-smartinfo.gif); } #livesearch iframe, #livesearchIframe { width: 100.00%; height: 16.00em; } :root .fontsize-big #livesearch iframe, :root .fontsize-big #livesearchIframe { width: 99.98%; } /* fix bug FF - nur diese Ansicht */ .livesearchContent { margin: 0.8em; } .livesearchContent ul.searchterms { float: left; width: 30.5%; w\idth: 31.0%; margin-right: 3%; overflow: hidden; } .livesearchContent ul.last { width: 32%; margin-right: 0%; } .livesearchContent li { padding: 0px; margin-bottom: 5px; vertical-align: bottom; white-space: nowrap; font-size: 91.68%; line-height: 1.36em; } .livesearchContent p { color:#90979A; float: right; } .fontsize-big .livesearchContent p { margin-top: 0.5em; } .fontsize-biggest .livesearchContent p { margin-top: 0.8em; } /****************************************************************/ /* --- Module: rssFeed, newsAlert --- */ #addons #rssFeed, #addons #newsAlert { overflow: hidden; margin-bottom: 20px; } * html #addons #rssFeed, * html #addons #newsAlert { height: 1%; } #addons #rssFeed .hr, #addons #newsAlert .hr { display: block; margin-bottom: 20px; } #addons #rssFeed h3, #addons #newsAlert h3 { font-size: 91.68%; font-weight: bold; padding-bottom: 2px; } #addons #rssFeed p, #addons #newsAlert p { font-size: 91.68%; line-height: 1.36em; } #addons #inpRssFeedSearchterm, #addons #inpNewsalertSearchterm { width: 16.25em; margin:7px 5px 0px 0px; font-size: 91.68%; } .fontsize-big #addons #inpRssFeedSearchterm, .fontsize-big #addons #inpNewsalertSearchterm { width: 14.35em; } .fontsize-biggest #addons #inpRssFeedSearchterm, .fontsize-biggest #addons #inpNewsalertSearchterm { width: 12.50em; } #addons #rssFeed form, #newsAlert form { text-align: right; width: 100%; } #addons #rssFeed .button, #newsAlert .button { margin-top: 5px; } /****************************************************************/ /* -- Modulname: tagcloud -- */ /* -- Beschreibung: LinkWolke auf der Verzeichnis Startseite -- */ .tagcloud { background: url(//img.ui-portal.de/search/img/bg/bg-tagcloud-lefttop.gif) top left no-repeat; position: relative; width: 100%; } .tagcloud .tagcloudContent { background: url(//img.ui-portal.de/search/img/bg/bg-tagcloud-rightbottom.gif) right bottom no-repeat; padding: 3px 5px 5px 3px; text-align: center; line-height: 161.5%; } .tagcloud .leftBottom { background: url(//img.ui-portal.de/search/img/bg/bg-tagcloud-leftbottom.gif) top left no-repeat; width: 3px; height: 5px; display: block; position: absolute; overflow: hidden; left: 0; bottom: 0; } .tagcloud .rightTop { background:url(//img.ui-portal.de/search/img/bg/bg-tagcloud-righttop.gif) top left no-repeat; width: 5px; height: 3px; display: block; position: absolute; overflow: hidden; right: 0; top: 0; } * html .tagcloud .tagcloudContent { line-height: 148%; } *+html .tagcloud .tagcloudContent { line-height: 148%; } .tagcloud .tagcloudContent ul { min-height: 1.75em; } .tagcloud .tagcloudContent ul.first { padding-top: 20px; } .tagcloud .tagcloudContent ul.last { padding-bottom: 25px; } .tagcloud .tagcloudContent li { padding: 0px 1.8em; display: inline; } .tagcloud .tagcloudContent span { white-space: nowrap; } .tagcloud .tagcloudContent li.tiny { font-size: 83.34%; } .tagcloud .tagcloudContent li.small { font-size: 91.67%; font-weight: bold; } .tagcloud .tagcloudContent li.big { font-size: 108.34%; font-weight: bold; } .tagcloud .tagcloudContent li.bigger { font-size: 133.34%; font-weight: bold; } /* Tagcloud Specials */ .tagcloudSpecial .tagcloud { background: none; width: 100%; height: auto; position: relative; } .tagcloudSpecial .tagcloud .tagcloudContent { background: none; margin: 0px; padding: 0px; text-align: center; height: auto; padding: 0px 0px 20px; line-height: 208.33%; } x.tagcloudSpecial .tagcloud .tagcloudContent ul { line-height: 233.34%; } .page-index .tagcloudSpecial .generalTextContent { margin-left: 15.42em; } .fontsize-big .page-index .tagcloudSpecial .generalTextContent { margin-left: 13.75em; } .fontsize-biggest .page-index .tagcloudSpecial .generalTextContent { margin-left: 12.08em; } .tagcloudSpecial .tagcloud .tagcloudContent { padding-left: 15.42em; } * html .tagcloudSpecial .tagcloud .tagcloudContent { padding-left: 15.17em; } *+html .tagcloudSpecial .tagcloud .tagcloudContent { padding-left: 15.17em; } .fontsize-big .tagcloudSpecial .tagcloud .tagcloudContent { padding-left: 13.75em; } .fontsize-big * html .tagcloudSpecial .tagcloud .tagcloudContent { padding-left: 13.55em; } .fontsize-big *+html .tagcloudSpecial .tagcloud .tagcloudContent { padding-left: 13.55em; } .fontsize-biggest .tagcloudSpecial .tagcloud .tagcloudContent { padding-left: 12.08em; } .fontsize-biggest * html .tagcloudSpecial .tagcloud .tagcloudContent { padding-left: 11.88em; } .fontsize-biggest *+html .tagcloudSpecial .tagcloud .tagcloudContent { padding-left: 11.88em; } .tagcloudSpecial .tagcloud .tagcloudContent ul { padding-right: 17.50em; } * html .tagcloudSpecial .tagcloud .tagcloudContent ul { padding-right: 17.25em; line-height: 240%; } *+html .tagcloudSpecial .tagcloud .tagcloudContent ul { padding-right: 17.25em; line-height: 240%; } .fontsize-big .tagcloudSpecial .tagcloud .tagcloudContent ul { padding-right: 15.63em; } .fontsize-big * html .tagcloudSpecial .tagcloud .tagcloudContent ul { padding-right: 15.43em; } .fontsize-big *+html .tagcloudSpecial .tagcloud .tagcloudContent ul { padding-right: 15.43em; } .fontsize-biggest .tagcloudSpecial .tagcloud .tagcloudContent ul { padding-right: 13.75em; } .fontsize-biggest * html .tagcloudSpecial .tagcloud .tagcloudContent ul { padding-right: 13.55em; } .fontsize-biggest *+html .tagcloudSpecial .tagcloud .tagcloudContent ul { padding-right: 13.55em; } .tagcloudSpecial .tagcloud .tagcloudContent li { padding: 0px 0.38em; display: inline; } .tagcloudSpecial .tagcloud .tagcloudContent li.tiny { font-size: 91.67%; font-weight: 400; } .tagcloudSpecial .tagcloud .tagcloudContent li.small { font-size: 108.33%; font-weight: 400; } .tagcloudSpecial .tagcloud .tagcloudContent li.medium { font-size: 141.67%; font-weight: 400; } .tagcloudSpecial .tagcloud .tagcloudContent li.big { font-size: 174.9%; font-weight: 400; } .tagcloudSpecial .tagcloud .tagcloudContent li.bigger { font-size: 208.33%; font-weight: 700; } /******************************************************************/ /* -- Modulname: hotspots -- */ /* -- Beschreibung: Top10 Suchbegriffe auf den NoResult Seiten -- */ /* noch noetig fuer abwaertskompatibilitaet fuer alte version */ #hotspots { width: 100%; border: 1px solid #E7E7E7; } #hotspots h2 { font-weight: normal; background: #FFFFFF url(//img.ui-portal.de/search/img/bg/bg-smartinfo.gif) 0px 1px repeat-x; padding: 8px 0.9em 0px; color: #90979A; font-size: 91.68%; line-height: 1.36em; } :root .fontsize-biggest #hotspots h2 { line-height: 1.35em; } .color-blue #hotspots h2 { background-image: url(//img.ui-portal.de/search/img/bg/blue/bg-smartinfo.gif); } .color-green #hotspots h2 { background-image: url(//img.ui-portal.de/search/img/bg/green/bg-smartinfo.gif); } .color-magenta #hotspots h2 { background-image: url(//img.ui-portal.de/search/img/bg/magenta/bg-smartinfo.gif); } .color-olive #hotspots h2 { background-image: url(//img.ui-portal.de/search/img/bg/olive/bg-smartinfo.gif); } .color-orange #hotspots h2 { background-image: url(//img.ui-portal.de/search/img/bg/orange/bg-smartinfo.gif); } .color-red #hotspots h2 { background-image: url(//img.ui-portal.de/search/img/bg/red/bg-smartinfo.gif); } .color-violet #hotspots h2 { background-image: url(//img.ui-portal.de/search/img/bg/violet/bg-smartinfo.gif); } #hotspots iframe { width: 100.00%; height: 20.67em; } :root .fontsize-big #hotspots iframe { width: 99.98%; } /* fix bug FF - nur diese Ansicht */ /* alte version ende */ .hotspotsbox .infoboxContent { padding: 0.8em 0 0; } .hotspotsbox iframe { height: 19.80em; } .fontsize-biggest .hotspotsbox iframe { width: 78%; } .fontsize-biggest .site-smartsearch .hotspotsbox iframe { width: 90%; } .hotspotsContent .hs_box { float:left; padding: 0em 0.8em; margin-bottom: 0.8em; border-right: 1px solid #E7E7E7; } .hotspotsContent .hs_box .content { overflow: hidden; } /* max textbreite wie oberste farbige Hinterlegung */ .hotspotsContent .hs_box .hotspot { overflow: hidden; padding-left: 5px; } /* max textbreite wie akt. farbige Hinterlegung */ .hotspotsContent .cat4 { border: none; } .hotspotsContent .cat1 .hotspot, .hotspotsContent .cat2 .hotspot, .hotspotsContent .cat3 .hotspot, .hotspotsContent .cat4 .hotspot { background-color: #E7E7E7; } .hotspotsContent .hs_box h3 { border-bottom: 1px solid #E7E7E7; font-weight: bold; font-size: 91.68%; padding-bottom: 4px; margin-bottom: 0.59em; } .hotspotsContent .hs_box .hotspot { height: 1.27em; margin-bottom: 0.42em; padding-right: 5px; line-height: 1.27em; } .hotspotsContent .hs_box span { white-space: nowrap; font-size: 91.68%; } .hotspotsContent .hs_box span a, .hotspotsContent .hs_box span a:visited, .hotspotsContent .hs_box span a:hover, .hotspotsContent .hs_box span a:active { color: #353A3D;} .hotspotsContent .hs_box .pos0 { width: 13.00em; w\idth: 12.58em; } /* 156/151px*/ .hotspotsContent .hs_box .pos1 { width: 12.58em; w\idth: 12.17em; } /* 151/146px*/ .hotspotsContent .hs_box .pos2 { width: 12.17em; w\idth: 11.75em; } /* 146/141px*/ .hotspotsContent .hs_box .pos3 { width: 11.75em; w\idth: 11.33em; } /* 141/136px*/ .hotspotsContent .hs_box .pos4 { width: 11.33em; w\idth: 10.92em; } /* 136/131px*/ .hotspotsContent .hs_box .pos5 { width: 10.92em; w\idth: 10.50em; } /* 131/126px*/ .hotspotsContent .hs_box .pos6 { width: 10.50em; w\idth: 10.08em; } /* 126/121px*/ .hotspotsContent .hs_box .pos7 { width: 10.08em; w\idth: 9.67em; } /* 121/116px*/ .hotspotsContent .hs_box .pos8 { width: 9.67em; w\idth: 9.25em; } /* 116/111px*/ .hotspotsContent .hs_box .pos9 { width: 9.25em; w\idth: 8.83em; /* 111/106px*/ margin-bottom: 0em; } /****************************************************************/ /* -- Modulname: relatedSearch -- */ #relatedSearch { float: left; width: 100%; padding-bottom: 11px; } #relatedSearch .hr { display: block; height: 1%; margin-bottom: 9px; } #relatedSearch .hr hr { display: none; } #relatedSearch h2 { font-size: 91.68%; line-height: 1.36em; margin-bottom: 5px; font-weight: normal; } #relatedSearch li { float: left; font-size: 91.68%; width: 16.00em; margin-left: 0.92em; overflow: hidden; } #relatedSearch .left { clear: left; margin-left: 0em; } .fontsize-biggest #relatedSearch li { width: 15.4em; } .noAddons #relatedSearch li { width: 23em; } .fontsize-big .noAddons #relatedSearch li, .fontsize-biggest .noAddons #relatedSearch li { width: 20.5em; } /****************************************************************/ /* -- Modulname: relatedLinks -- */ /* -- Beschreibung: Liste der gefunden bei Marke Links -- */ .relatedLinksBox { float:left; width: 100%; } .relatedLinksBox h2 { font-weight: normal; padding: 8px 0.9em 0px; color: #90979A; font-size: 91.68%; line-height: 1.36em; position: relative; } * html .relatedLinksBox h2 { height: 1%; } *+html .relatedLinksBox h2 { height: 1%; } .relatedLinks { padding: 0.8em; } .relatedLinks .relatedLinksContent {margin-left: 42px;} .relatedLinksImage { float: left; height: 100%; padding-bottom: 10px; } .relatedLinksImage img { display: block; } .relatedLinks p.navi {margin-top:10px;} .relatedLinksBoxSearchtool { display: none; } .pluginCanBeInstalled .relatedLinksBoxSearchtool { display: block; } /****************************************************************/ /* -- Modulname: resultList -- */ /* -- Beschreibung: Liste der Suggestfunktion -- */ #searchTop { z-index: 10; } #postContent { z-index: 10; } .resultList { display: none; position: absolute; background-color: #FFFFFF; z-index: 32000; } #container .resultList, #container .resultList .layer { width: auto; } * html #container .resultList iframe { width: expression((this.nextSibling.firstChild.offsetWidth)+'px'); } .resultList ul { border: 1px solid #CCCCCC; } .resultList li { padding: 0px 2px 0px 3px; } /* Usual sizes and positions: */ .resultList li { width: 27.76em; } .fontsize-big .resultList li { width: 27.70em; } .fontsize-biggest .resultList li { width: 27.70em; } /* .resultList { margin-top: -2.20em; } .fontsize-big .resultList { margin-top: -2.05em; } .fontsize-biggest .resultList { margin-top: -2.20em; } */ .resultList { margin-top: -2.35em; } .fontsize-big .resultList { margin-top: -2.05em; } .fontsize-bigger .resultList { margin-top: -1.85em; } .fontsize-biggest .resultList { margin-top: -2.24em; } /* Size- and position-fixes for IE: */ * html .resultList li { width: 27.66em; } * html .fontsize-big .resultList li { width: 27.73em; } * html .fontsize-bigger .resultList li { width: 27.59em; } *+html .resultList li { width: 27.66em; } * html .resultList { margin-top: -2.20em; } * html .fontsize-big .resultList { margin-top: -2.05em; } * html .fontsize-bigger .resultList { margin-top: -1.85em; } * html .fontsize-biggest .resultList { margin-top: -2.18em; } /* Size- and position-fixes for Opera: */ html:first-child .resultList { margin-top: -2.05em; } html:first-child .fontsize-big .resultList { margin-top: -1.65em; } html:first-child .fontsize-bigger .resultList { margin-top: -1.80em; } html:first-child .fontsize-biggest .resultList { margin-top: -1.70em; } html:first-child .resultList li { width: 27.75em; } html:first-child .fontsize-big .resultList li { width: 26.80em; } html:first-child .fontsize-biggest .resultList li { width: 27.30em; } /* Size- and position-fixes for Safari 2: */ html:last-child .resultList { } .resultList a { display: block; padding: 0px 2px 2px 2px; color: #000000; text-decoration: none; } .resultList .selected { background-color: #F1F1F1; } .resultList ul { background-color: #FFFFFF; } .resultList li { position: relative; } .resultList span.itemName { display: block; overflow: hidden; } .resultList span.itemAmount { position: absolute; right: 4px; top: 0px; background: #FFFFFF; padding-left: 6px; text-align: right; color: #888888; font-size: 83.33%; line-height: 140%; } .resultList li:first-child span.itemAmount { top: 1px; } /* Opera inhalates */ :root .resultList li:first-child span.itemAmount { top: 0px; } .resultList .selected span.itemAmount { background: #F1F1F1; } .showResultList .resultList { display: block; } .showResultList .searchSubline { visibility: hidden; } /****************************************************************/ /* -- Modulname: mobilesearch -- */ /* -- Beschreibung: Mobile Suche Uebersichtsseite -- */ .mobilesearch { width:100%; padding-bottom: 15px; overflow: hidden; } .mobilesearchHeader h3 { margin-bottom: 15px; font-weight: bold; } .mobilesearchContent h3 { font-size: 91.68%; line-height: 1.36em; font-weight: bold; } .mobilesearchContent ul { margin-bottom: 15px; } .mobilesearchContent li { background: url(//img.ui-portal.de/search/img/icons/icon-smartsearch-bullet.gif) no-repeat 0px 0.6em; font-size: 91.68%; line-height: 1.36em; padding: 1px 0px 1px 10px; } .mobilesearchImage { float: right; display: inline; background: url(//img.ui-portal.de/search/img/bg/bg-mobilesearch-handy.jpg) repeat scroll 0%; height: 354px; width: 223px; margin: 0px 150px 0px 50px; } .minisearch { display: none; margin-bottom: 15px; } .jsActive .minisearch { display: block; border-bottom: 1px solid #E7E7E7; overflow: hidden; } * html .jsActive .minisearch { height: 1%; overflow: visible; } .minisearch .infobox { margin-bottom: 0px; } .minisearch .infobox .infoboxContent { border-bottom: 0px solid #E7E7E7; } .minisearch .searchResult { margin-bottom: 0.7em; } .minisearch .searchResult h3 { font-size: 91.68%; line-height: 1.36em; white-space: nowrap; } .minisearch .searchResult h3, .minisearch .noResult p, .minisearch .searchResult p { line-height: 1.27em; } .minisearch .searchResult p, .minisearch .noResult p, .minisearch .moreResults a { font-size: 83.33%; } .minisearch .searchResult .rubric, .minisearch .searchResult .rubric a { color: #55AB01; } .minisearch .moreResults { clear:left; padding-top:4px; } .minisearch .resultGallery { margin: 0px; } #addons .minisearch .resultGallery .searchResult { border-width: 0px; margin: 0px 0px 4px; width: 82px; height: 82px; } .minisearch .resultGallery .spacer { float:left; width: 4px; height: 82px; } .minisearch .resultGallery .resultImage { background: url(//img.ui-portal.de/search/img/bg/bg-box-74x74.gif) 1px 1px no-repeat; margin: 0px; height: 82px; width: 82px; } .minisearch .resultGallery .resultImage .imageInner2 { max-width: 74px; max-height: 74px; overflow: hidden; margin: auto; } * html .minisearch .resultGallery .resultImage img { height: expression( this.height >= 74 ? 74+'px' : '' ); width: expression( this.width >= 74 ? 74+'px' : '' ); } .minisearch span.marker { background-position: -1000% -1000%; display: inline; padding: 0px; margin: 0px; } .minisearch span.marker-web, .minisearch span.marker-dir { background: url(//img.ui-portal.de/search/img/icons/icon-new.gif) no-repeat top right; padding-right: 25px; }