/* ******************************************* */ /* Style Sheet definitions for different Boxes */ /* and their main Elements */ /* ******************************************* */ /* ******************************************* */ /* Main Box Definitions */ /* ******************************************* */ .BoxHeader { position: relative; z-index: 4; line-height: 12px; background: transparent none top left no-repeat; clear: both; overflow: hidden; } .BoxBody { position: relative; z-index: 1; background: transparent none 0 0 repeat-y; clear: both; overflow: hidden; } .BoxContent { position: relative; z-index: 2; padding: 0px 10px 19px 0px; background: transparent none 0 0 no-repeat; xbackground: transparent none 0 5px no-repeat; clear: both; overflow: hidden; } .BoxFooter { position: relative; z-index: 3; height: 1px; font-size: 1px; line-height: 1px; background: #cccccc; clear: both; overflow: hidden; } .BoxFill { position: absolute; z-index: 1; top: 0; left: 1px; height: 2000px; background: #ffffff; } .BoxHeader a.HeaderLink { display: block; position: relative; clear: both; overflow: hidden; cursor: pointer; } .BoxHeader a.HeaderLink:hover { color: #666666; } .BoxHeader img { display: block; float: left; padding: 0 0 0 10px; } .BoxHeader img.icon { padding: 6px 0 0 5px; } .BoxHeader .main { display: block; float: left; height: 17px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; padding: 8px 0 0 10px; } .BoxHeader .superscript { display: block; float: left; height: 12px; font-size: 8px; line-height: 8px; text-transform: uppercase; padding: 6px 0 0 3px; } .BoxHeader .additional { display: block; float: left; height: 12px; font-size: 11px; line-height: 11px; padding: 10px 0 0 20px; } .BoxContent a.HeaderLink { display: block; color: #ffffff; } .BoxContent a.HeaderLink:hover { color: #ffffff; } .BoxDescription { position: relative; height: 18px; margin-top: 5px; margin-bottom: -5px; margin-left: 5px; padding: 0px 5px; background: transparent none 0 0 repeat-x; color: #ffffff; font-size: 11px; line-height: 18px; } .BoxSuper { text-align: left; font-size: 10px; text-transform: uppercase; line-height: 11px; margin-top: -2px; padding-bottom: 2px; } .BoxMarker { position: absolute; z-index: 10; top: -10px; left: 240px; background: transparent; } /* Box 300px */ .Box300 { position: relative; width: 300px; margin-top: 20px; margin-left: 10px; margin-bottom: 0px; clear: both; overflow: visible; } .Box300 .BoxHeader { width: 300px; background-image: url(/pics/x_start/header_box_small.png); } .Box300 .BoxHeader a.HeaderLink { width: 300px; } .Box300 .BoxBody { width: 300px; background-image: url(/pics/_backgrounds/box_s_content_kachel_t.gif); } .Box300 .BoxContent { width: 290px; background-image: url(/pics/_backgrounds/box_s_content_verlauf_t.gif); } .Box300 .BoxFill { width: 298px; } .Box300 .BoxDescription { width: 280px; } /* Box 610px */ .Box610 { position: relative; width: 610px; margin-top: 20px; margin-left: 10px; margin-bottom: 0px; clear: both; overflow: visible; } .Box610 .BoxHeader { width: 610px; background-image: url(/pics/x_start/header_box_big.png); } .Box610 .BoxHeader a.HeaderLink { width: 610px; } .Box610 .BoxBody { width: 610px; background-image: url(/pics/_backgrounds/box_content_kachel_t.gif); } .Box610 .BoxContent { width: 600px; background-image: url(/pics/_backgrounds/box_content_verlauf_t.gif); } .Box610 .BoxFill { width: 608px; } .Box610 .BoxDescription { width: 590px; } /* Box 920px */ .Box920 { position: relative; width: 920px; margin-top: 20px; margin-left: 10px; margin-bottom: 0px; clear: both; overflow: visible; } .Box920 .BoxHeader { width: 920px; background-image: url(/pics/x_start/header_box_920.png); } .Box920 .BoxHeader a.HeaderLink { width: 920px; } .Box920 .BoxBody { width: 920px; background-image: url(/pics/_backgrounds/box_b_content_kachel_t.gif); } .Box920 .BoxContent { width: 910px; background-image: url(/pics/_backgrounds/box_b_content_verlauf_t.gif); } .Box920 .BoxFill { width: 918px; } /* Box 575px */ .Box575 { position: relative; width: 575px; margin-top: 20px; margin-left: 10px; margin-bottom: 0px; clear: both; overflow: hidden; } .Box575 .BoxHeader { width: 575px; background-image: url(/pics/_backgrounds/layer/hg_box.jpg); } .Box575 .BoxHeader a.HeaderLink { width: 575px; } .Box575 .BoxBody { width: 575px; background-image: url(/pics/_backgrounds/layer/box_content_kachel.gif); } .Box575 .BoxContent { width: 565px; background-image: url(/pics/_backgrounds/layer/box_content_verlauf.jpg); } .Box610 .BoxMarker { left: 550px; } .Box920 .BoxMarker { left: 860px; } /* Box Area- and Genrepages with coloured offset Headerbar, gray border and gradient between border and fill */ .BoxArea { } .BoxArea .BoxHeader, .BoxArea .BoxHeader a.HeaderLink, .BoxArea .BoxHeader a.HeaderLink:hover { color: white; } .BoxArea .BoxFill { left: 5px; } .BoxArea .BoxFooter { height: 29px; margin-top: -10px; background: transparent none bottom left no-repeat; } /* Box Box Right Column with coloured offset Headerbar, gray border and gradient between border and fill */ .BoxRight { } .BoxRight .BoxFill { left: 5px; } .BoxRight .BoxFooter { height: 29px; margin-top: -10px; background: transparent none bottom left no-repeat; } /* Box Coloured with coloured standard Headerbar and simple gray border */ .BoxColoured { } .BoxColoured .BoxHeader, .BoxColoured .BoxHeader a.HeaderLink, .BoxColoured .BoxHeader a.HeaderLink:hover { color: white; } .BoxColoured .BoxFill { } .BoxColoured .BoxFooter { } /* Box Area- and Genrepages - different sizes */ .Box300Area .BoxHeader { background-image: url(/pics/x_aktionen/inhalt/header_box_small.gif); } .Box610Area .BoxHeader { background-image: url(/pics/x_aktionen/inhalt/header_box_big.gif); } .Box920Area .BoxHeader { display:none; /*background-image:url(/pics/x_aktionen/inhalt/header_box_gesamt.gif);*/ } .Box300Area .BoxContent { background-image: url(/pics/x_aktionen/inhalt/mid_box_small.gif); } .Box610Area .BoxContent { background-image: url(/pics/x_aktionen/inhalt/mid_box_big.gif); } .Box920Area .BoxContent { background-image: none; /*url(/pics/x_aktionen/inhalt/mid_box_gesamt.gif);*/ } .Box300Area .BoxBody { background-image: url(/pics/x_aktionen/inhalt/kachel_box_small.gif); } .Box610Area .BoxBody { background-image: url(/pics/x_aktionen/inhalt/kachel_box_big.gif); } .Box920Area .BoxBody { background-image: url(/pics/x_aktionen/inhalt/kachel_box_gesamt.gif); padding-top:5px; border-top:1px solid #dbdbdb;} .Box300Area .BoxFooter { background-image: url(/pics/x_aktionen/inhalt/footer_box_small.gif); } .Box610Area .BoxFooter { background-image: url(/pics/x_aktionen/inhalt/footer_box_big.gif); } .Box920Area .BoxFooter { background-image: url(/pics/x_aktionen/inhalt/footer_box_gesamt.gif); } .Box300Area .BoxFill { width: 290px; } .Box610Area .BoxFill { width: 600px; } .Box920Area .BoxFill { width: 910px; } /* Box Right Column - different sizes */ .Box300Right .BoxContent { background-image: url(/pics/x_aktionen/inhalt/mid_box_small.gif); } .Box300Right .BoxBody { background-image: url(/pics/x_aktionen/inhalt/kachel_box_small.gif); } .Box300Right .BoxFooter { background-image: url(/pics/x_aktionen/inhalt/footer_box_small.gif); } .Box300Right .BoxFill { width: 290px; } /* Headers BoxColoured for different Genres */ .Box300ColouredPCGames .BoxHeader { background-image: url(/pics/x_pc_games/header_box_small.png); } .Box300ColouredCasual .BoxHeader { background-image: url(/pics/x_casual/header_box_small.png); } .Box300ColouredOnline .BoxHeader { background-image: url(/pics/x_online/header_box_small.png); } .Box300ColouredBrowser .BoxHeader { background-image: url(/pics/x_browser/header_box_small.png); } .Box300ColouredFlatrate .BoxHeader { background-image: url(/pics/x_flatrate/header_box_small.png); } .Box300ColouredMobile .BoxHeader { background-image: url(/pics/x_mobile/header_box_small.png); } .Box300ColouredKonsole .BoxHeader { background-image: url(/pics/x_konsole/header_box_small.png); } .Box300ColouredSpecials .BoxHeader { background-image: url(/pics/x_aktionen/header_box_small.png); } .Box610ColouredPCGames .BoxHeader { background-image: url(/pics/x_pc_games/header_box_big.png); } .Box610ColouredCasual .BoxHeader { background-image: url(/pics/x_casual/header_box_big.png); } .Box610ColouredOnline .BoxHeader { background-image: url(/pics/x_online/header_box_big.png); } .Box610ColouredBrowser .BoxHeader { background-image: url(/pics/x_browser/header_box_big.png); } .Box610ColouredFlatrate .BoxHeader { background-image: url(/pics/x_flatrate/header_box_big.png); } .Box610ColouredMobile .BoxHeader { background-image: url(/pics/x_mobile/header_box_big.png); } .Box610ColouredKonsole .BoxHeader { background-image: url(/pics/x_konsole/header_box_big.png); } .Box610ColouredSpecials .BoxHeader { background-image: url(/pics/x_aktionen/header_box_big.png); } .Box920ColouredPCGames .BoxHeader { background-image: url(/pics/x_pc_games/header_box_920.png); } .Box920ColouredCasual .BoxHeader { background-image: url(/pics/x_casual/header_box_920.png); } .Box920ColouredOnline .BoxHeader { background-image: url(/pics/x_online/header_box_920.png); } .Box920ColouredBrowser .BoxHeader { background-image: url(/pics/x_browser/header_box_920.png); } .Box920ColouredFlatrate .BoxHeader { background-image: url(/pics/x_flatrate/header_box_920.png); } .Box920ColouredMobile .BoxHeader { background-image: url(/pics/x_mobile/header_box_920.png); } .Box920ColouredKonsole .BoxHeader { background-image: url(/pics/x_konsole/header_box_920.png); } .Box920ColouredSpecials .BoxHeader { background-image: url(/pics/x_aktionen/header_box_920.png); } /* Simple Box without Headerbar, only gray border */ .BoxSimple { overflow: hidden; } .BoxSimple .BoxHeader { position: relative; z-index: 2; height: 1px; padding-top: 0; font-size: 1px; line-height: 1px; background: #eeeeee !important; } .BoxSimple .BoxBody { position: relative; z-index: 1; margin-top: -5px; padding-top: 0px; } .BoxSimple .BoxTitle { font-size: 14px; font-weight: bold; line-height: 19px; margin: 10px 0 9px 10px; padding: 0; border-bottom: 1px solid #cccccc; } /* Box with editorial Tipps (Gradient) */ .BoxTipp .BoxBody { background: white url(/pics/_backgrounds/cg_verlauf_beige_small_kachel.jpg) 0 0 repeat-y;} .BoxTipp .BoxContent { position: relative; z-index: 1; padding-top: 0px; background: transparent url(/pics/_backgrounds/cg_verlauf_beige_small.jpg ) 0 -33px no-repeat; } .BoxTipp .BoxHeader { position: relative; z-index: 2; height: 33px; background: white url(/pics/_backgrounds/cg_verlauf_beige_small.jpg ) 0 0px no-repeat !important; color: #666666; } .BoxTipp .BoxMarker { top: -18px; xtop: 2px; left: 200px; background: transparent; } /* Box with editorial Tipps (Gradient) */ .Box610Tipp .BoxBody { background-image: url(/pics/_backgrounds/cg_verlauf_beige_kachel.jpg); } .Box610Tipp .BoxContent { background-image: url(/pics/_backgrounds/cg_verlauf_beige_big.jpg ); } /* ******************************************* */ /* Boxes Productpages */ /* ******************************************* */ /* Box for Screenshots and Video (Product) */ .BoxGradientSimple { background: white; } .BoxGradientSimple .BoxHeader { height: auto; line-height: 15px; padding-top: 4px; padding-bottom: 4px; width: 280px; background: transparent url(/pics/_backgrounds/dots_quer.gif) bottom left repeat-x; margin-left: 10px; margin-right: 10px; } .BoxGradientSimple .BoxBody { background: white; } .BoxGradientSimple .BoxContent { background: transparent url(/pics/_backgrounds/hg_bookmark_leer.jpg) bottom left no-repeat; } /* Box rounded for Productpage Video and Screenshots */ .BoxRounded .BoxHeader { height: auto; line-height: 15px; padding-bottom: 4px; width: 280px; background: transparent url(/pics/_backgrounds/dots_quer.gif) bottom left repeat-x; margin-left: 10px; margin-right: 10px; } .BoxRounded .BoxBody { background: white; } .BoxRoundedBig .BoxContent { background: transparent url(/pics/_backgrounds/hg_video_leer.jpg) bottom left no-repeat; } .BoxRoundedSmall .BoxContent { background: transparent url(/pics/_backgrounds/hg_bookmarks.jpg) bottom left no-repeat; } .BoxGradientSimple .BoxHeader .main, .BoxRounded .BoxHeader .main { height: auto; font-size: 15px; line-height: 15px; padding: 0px; color: #666666; text-transform: none; } /* Box with Shadow (Popup Downloads) */ .BoxShadow {} .BoxShadow .BoxHeader { height: 4px; xpadding-top: 16px; font-size: 1px; line-height: 1px; background: #ffffff url(/pics/_backgrounds/layer/box_grau_top.gif) bottom left no-repeat; } .BoxShadow .BoxBody { background: transparent url(/pics/_backgrounds/layer/box_grau_kachel.gif) 0 0 repeat-y; } .BoxShadow .BoxContent { background: transparent url(/pics/_backgrounds/layer/box_grau_end.gif) bottom left no-repeat; } .BoxShadow .Module { margin-top: 11px; } .BoxShadow .TextBlock { padding-top: 11px; } /* Box for Search (Stoebern) */ .BoxStoebern { height: 115px; background: transparent url(/pics/_suche/hg_box_stoebern.jpg) 0 0px no-repeat; clear: both; overflow: hidden; } .BoxStoebern .BoxHeader { height: 25px; background: transparent; clear: both; overflow: hidden; } .BoxStoebern .BoxBody, .BoxStoebern .BoxContent { background: transparent; } .BoxStoebern .BoxHeader .main { height: 18px; padding: 6px 0 0 0px; margin: 0px 10px; float: none; border-bottom: 1px solid #cccccc; color: #666666; text-transform: none; } /* New filter box for search */ .BoxFilter { width: 300px; /*height: 208px;*/ background: transparent url(/pics/_suche/filter_box_bg.gif) 0 0 no-repeat; clear: both; overflow: hidden; margin-top:10px;} .BoxFilter .BoxHeader { height: 30px; background: none; clear: both; overflow: hidden; /*color: white;*/ } .BoxFilter .BoxHeader .main {text-transform:none;} .BoxFilter .BoxHeader .submit { display:block; float:right; height: 25px; width: 78px; border: 0; margin: 5px 15px 0 0; font-weight: bold; background: transparent url(/pics/_suche/confirm_btn.gif) no-repeat; cursor: pointer; padding-bottom:3px;} .BoxFilter .BoxBody { background: transparent; padding: 9px; padding-top:4px;} .BoxFilter .BoxContent { background: transparent; } .BoxFilter ul.FilterLinks { list-style-image: none; list-style-type: none; margin: 0; padding: 0; line-height: 21px; width: 100%; } .BoxFilter ul.FilterLinks li { float:left; margin: 0 0 0 0; padding: 0 5px; } .BoxFilter ul.FilterLinks li span { float: left; overflow: visible; } .BoxFilter ul.FilterLinks li input { display: block; float: left; vertical-align: middle; margin: 4px 0 0 4px; border: 0; width: 15px; height: 15px; } .BoxFilter ul.FilterLinks li label { display: block; float: left; width: 110px; margin-left: 5px; white-space: nowrap; overflow: visible; font-size: 11px; font-weight: bold; } .BoxFilter hr { width: 280px; height: 1px; clear: both; margin: 5px auto; float: left; color: #cccccc; } .BoxFilter ul.FilterLinks li.dark { background: transparent url(/pics/_suche/filtersuchbox_btn.png) no-repeat bottom right; color: #ffffff; } .BoxFilter ul.FilterLinks li.dark span { background: transparent url(/pics/_suche/filtersuchbox_btn.png) no-repeat top left; } .FilterLinksLeft {padding:10px 0;} .FilterLinksLeft input {margin: -3px 0 0 5px; vertical-align:middle; border: 0; width: 15px; height: 15px; } .FilterLinksLeft label {font-weight:bold;} .FormFiltersLeft {display:inline;} /* search overview page */ .Box920Area .BoxContentOverview { background: transparent url(/pics/_suche/mid_box_full_gesamt.jpg) repeat-x 0 0; } .SearchResultBox { width: 916px; margin: 10px 2px; } .SearchResultBox .Header { height: 9px; background: transparent url(/pics/_suche/modul_top.png) no-repeat top left; } .SearchResultBox .Body { background: transparent url(/pics/_suche/modul_body.png) repeat-y 0 0; } .SearchResultBox .Footer { height: 15px; background: transparent url(/pics/_suche/modul_footer.png) no-repeat bottom left; } .SearchResultBox .Headline { width: 896px; height: 30px; background: transparent url(/pics/_suche/modul_head_bg.png) no-repeat 0 0; margin: 0 10px; } .SearchResultBox .Headline div { float: left; height: 100%; font-size: 14px; padding: 7px 0 0 10px; font-weight: bold; } .SearchResultBox .Headline .Label { width: 90px; border-right: 1px #ffffff solid; text-transform:uppercase; } .SearchResultBox .Headline .Label2 { } .SearchResultBox .Headline .Label3 { float: right; padding-right: 10px; font-size: 12px; text-decoration: underline; } /* search results */ .recoMin {min-height:70px;} .SearchResultBox .TeaserSearch { } .SearchResultBox .TeaserSearch .TeaserLink { color: #333333; } .SearchResultBox .TeaserSearch .TeaserLink:hover .Title span { text-decoration: underline; } .SearchResultBox .TeaserSearch .Offset { float: left; font-weight: bold; width: 27px; padding-left: 10px; color: #666666; } .SearchResultBox .TeaserSearch .PicContainer { float: left; padding: 3px; width: 58px; } .SearchResultBox .TeaserSearch56x80 a:hover .PicContainer { background: transparent url(/pics/_suche/artikel_hover.png) no-repeat 0 0; } .SearchResultBox .TeaserSearch50x50 a:hover .PicContainer { background: transparent url(/pics/_suche/artikel_hover_sm.png) no-repeat 0 0; } .SearchResultBox .TeaserSearch .Pic img { width: 100%; height: 100%; } .SearchResultBox .TeaserSearch .Txt { float: left; width: 480px; margin-left: 10px; } .SearchResultBox .TeaserSearch .Txt .Title .Area { float: left; padding-right: 5px; margin-right: 5px; border-right: 1px black solid; } .SearchResultBox .TeaserSearch .Text { margin-top: 15px; } .SearchResultBox .TeaserSearch .Price { font-weight: bold; margin-top: 10px; font-size:18px; line-height:18px; } .SearchResultBox .TeaserSearch .Price .strike { float: left; font-size: 14px; } .SearchResultBox .TeaserSearch .Price .current { float: left; clear: left; white-space: nowrap; } .SearchResultBox .TeaserSearch .Price .percentage { float: left; background: url(/pics/_backgrounds/price_percentage_52_18.png) no-repeat; width: 52px; height: 18px; font-weight: normal; margin-left: 4px; } .SearchResultBox .TeaserSearch .Metadata { float: right; width: 274px; height: 104px; background: transparent url(/pics/_suche/infobox_bg.jpg) no-repeat 0 0; padding: 8px; line-height: 22px; } .SearchResultBox .TeaserSearch .Metadata .MetaHeadline { float: left; font-weight: bold; font-size: 14px; } .SearchResultBox .TeaserSearch .Button { float: right; background: transparent url(/pics/_suche/btn_page.png) repeat scroll 0 0; font-weight:bold; height:23px; text-align:center; width:77px; color: #666666; } .SearchResultBox .TeaserSearch .Metadata .Rating { clear: both; padding: 0; } .SearchResultBox .TeaserSearch .Metadata .Label { font-size: 12px; font-weight: bold; } .SearchResultBox .TeaserSearch .Metadata .RatingIncl { position: relative; top: 0; left: 0; } .SearchResultBox .TeaserSearch56x80 .Pic { width: 56px; height: 80px; } .SearchResultBox .TeaserSearch50x50 .Pic { width: 50px; height: 50px; } .SearchResultBox .TeaserSearch .AreaLink { float: right; background: transparent none no-repeat 0 0; width: 270px; height: 18px; color:#FFFFFF; font-size: 14px; padding:6px 10px; } .SearchResultBox .TeaserSearch .AreaLinkBold { font-weight: bold; } /*.SearchResultBox .TeaserSearchSpecial .Txt { width: 780px; }*/ /* Box for Tagcloud */ .BoxTagcloud {} .BoxTagcloud .BoxContent { background-image: url(/pics/_backgrounds/hg_gradient_small.jpg); } .BoxTagcloud .BoxHeader { height: auto; padding-bottom: 4px; } .BoxTagcloud .BoxHeader .main { background: url(/pics/_icons/suchwolke_lupe.gif) top left no-repeat; display: block; float: none; height: auto; padding-left: 22px; padding-top: 2px; padding-bottom: 2px; } .BoxTagcloud .TextBlock { margin-top: 0; } .BoxTagcloud .TextBlock a, .BoxTagcloud .TextBlock a:visited, .BoxTagcloud .TextBlock a:active, .BoxTagcloud .TextBlock a:link { text-decoration: none; } /* Box for Console Recos (looks like Box300HomeKonsole */ .Box300RecosKonsole { } .Box300RecosKonsole .BoxBody { margin-top: -5px; background-image: url(/pics/_backgrounds/konsolenrecos/kachel_box_small.png); } .Box300RecosKonsole .BoxContent { padding: 0px 6px 5px 0px; margin-left: 2px; background: transparent url(/pics/_backgrounds/konsolenrecos//mid_box_small.png) -2px 5px no-repeat; } .Box300RecosKonsole .BoxHeader { height: auto; background-image: url(/pics/_backgrounds/konsolenrecos//header_box_small.png); } .Box300RecosKonsole .BoxHeader, .Box300RecosKonsole .BoxHeader a.HeaderLink, .Box300RecosKonsole .BoxHeader a.HeaderLink:hover { color: white; } .Box300RecosKonsole .BoxFill { left: 5px; width: 290px; } .Box300RecosKonsole .BoxFooter { height: 2px; margin-top: 0px; background: transparent url(/pics/_backgrounds/konsolenrecos//footer_box_small.png) bottom left no-repeat; } .Box300RecosKonsole .SubHeadline, .Box300RecosKonsole .Module .SubHeadline, .Box300RecosKonsole .colored { color: #222222; line-height: 15px; } .Box300RecosKonsole .Module { margin-left: 8px; } .Box300RecosKonsole .BottomLinks { position: relative; bottom: 0; left: 0; padding: 13px 0px 0px 0px; margin-left: 0px; clear: both; overflow: hidden; } .Box300RecosKonsole .BottomLinks .BottomLink { height: auto; background: transparent; text-align: right; } .Box300RecosKonsole .BottomLinks .BottomLink a { font-size: 11px; font-weight: normal; text-decoration: underline; } /* Box Tabbed */ .BoxTabbed { } .BoxTabbed .BoxHeader { position: relative; z-index: 2; height: 31px; clear: both; background:none; overflow: hidden; } .BoxTabbed .BoxFill { left: 5px; } .BoxTabbed .BoxFooter { position: relative; z-index: 2; height: 6px; margin-top: -4px; background: transparent none bottom left no-repeat; border: none; } .BoxTabbed .BoxContent .Columns610two { margin-top: 5px; } /* Box Tabbed - different sizes */ .Box300Tabbed .BoxHeader { background-image: url(/pics/_backgrounds/_reiterbox/reiterbox_header_300.gif); } .Box610Tabbed .BoxHeader { background-image: url(/pics/_backgrounds/_reiterbox/reiterbox_header.gif); } .Box610Tabbed .BoxHeader {background:none;} .Box300Tabbed .BoxContent { background-image: url(/pics/_backgrounds/_reiterbox/reiterbox_hg_300.gif); } .Box610Tabbed .BoxContent { background-image: url(/pics/_backgrounds/_reiterbox/reiterbox_hg.gif); } .Box300Tabbed .BoxBody { background-image: url(/pics/_backgrounds/_reiterbox/reiterbox_kachel_300.gif); } .Box610Tabbed .BoxBody { background-image: url(/pics/_backgrounds/_reiterbox/reiterbox_kachel.gif); } .Box300Tabbed .BoxFooter { background-image: url(/pics/_backgrounds/_reiterbox/reiterbox_footer_300.gif); } .Box610Tabbed .BoxFooter { background-image: url(/pics/_backgrounds/_reiterbox/reiterbox_footer.gif); } .Box300Tabbed .BoxFill { width: 290px; } .Box610Tabbed .BoxFill { width: 600px; } .Tabs { position: relative; z-index: 2; height: 25px; margin: 6px 0 0 5px; padding: 0; list-style-image: none; list-style-type: none; background: transparent; color: #666666; } .Tabs li { float: left; height: 25px; padding: 0px 0px 0 2px; list-style-image: none; list-style-type: none; background: transparent url(/pics/_backgrounds/hg_suche_trenner.gif) 0 -4px no-repeat; } .Tabs li.first { padding-left: 0px; background-image: none; } .Tabs li a, .Tabs li span { display: block; float: left; height: 18px; padding: 4px 5px 3px 5px; font-size: 11px; font-weight: bold; line-height: 11px; background: transparent url(/pics/_navigation/5_reiter/x_aktion/reiterbox_reiter_hg.gif) 0 -25px repeat-x; text-transform: uppercase; } .Tabs li a:hover, .Tabs li.elem_active span, .Tabs li.elem_active a, .Tabs li.elem_active a:hover { background-position: 0 0; } .container { position: relative; display: block; width: 280px; } .container_elem { position: relative; top: 0; left: 0; float: left; width: 280px; } .container_elem_inactive { position: absolute; display: none; } .tabcontainer { display: none; } .tabcontainer_active { display: block; } .tabcontainer_active #wrapper, .tabcontainer #wrapper { margin-left: -20px; } /* Box with Flash on Homepage */ .BoxFlash { width: 600px; height: 334px; background: transparent url(/pics/x_start/produktfenster/back_topteaser_start_01.gif) 0 0 no-repeat; overflow: hidden; } .BoxFlash .BoxHeader { height: 21px; background-image: none; margin: 0; padding: 10px 10px 0px 10px; font-size: 11px; font-weight: bold; line-height: 11px; text-transform: uppercase; } .BoxFlash .BoxBody { padding: 5px; } /* Layer Element */ .BoxLayer { position: relative; padding: 0; margin: 0; width: 640px; height: auto; background: transparent url(/pics/_backgrounds/layer/hg_layer_footer.gif) bottom left no-repeat; clear: both; overflow: hidden; } .BoxLayer .BoxLayerBody { position: relative; float: left; width: 632px; height: auto; padding: 0px 0px 0px 4px; } .BoxLayer .BoxSizer { position: relative; width: 2px; height: 480px; float: right; } .BoxLayer .Box575 { margin-top: 25px; margin-left: 28px; } .BoxLayer .BoxShadow { margin-top: 20px; margin-bottom: 25px; } .BoxLayer .GalleryBig { width: 590px; height: 440px; padding: 0; margin-top: 20px; margin-left: 20px; } /* ******************************************* */ /* Elements belonging to Boxes */ /* ******************************************* */ /* Navigation Bar */ .BoxNavigation { height: 16px; margin: 5px -9px 0 1px; padding: 3px 0 0 0; background: transparent url(/pics/_backgrounds/hg_grau_uebersicht.gif) 0 0 repeat-x; clear: both; overflow: hidden; font-size: 10px; line-height: 11px; text-transform: uppercase; } .BoxNavigation ul { position: relative; margin: 0; padding: 0; list-style-image: none; list-style-type: none; } .BoxNavigation li { position: relative; float: left; height: 13px; margin: 0; background: transparent; border-right: 1px solid #666666; } .BoxNavigation li.elem_hoover, .BoxNavigation li.active { background: transparent url(/pics/_navigation/2_Sub/x_start/start_links.gif) top left no-repeat; } .BoxNavigation li a { display: block; float: left; height: 13px; padding: 1px 10px 0px 10px; background: transparent; color: #666666; text-transform: uppercase; font-size: 10px; font-weight: bold; line-height: 11px; white-space: nowrap; } .BoxNavigation li.elem_hoover a, .BoxNavigation li.active a { background: transparent url(/pics/_navigation/2_Sub/x_start/start_rechts.gif) top right no-repeat; color: #333333; } /* Sub-Navigation Area (Produktkatalog) */ .BoxSubnavigation { position: relative; margin-left: 10px; width: 610px; padding: 15px 0 15px 0; clear: both; overflow: hidden; } .BoxSubnavigation .Section { float: left; width: 145px; margin-right: 10px; background: transparent url(/pics/_backgrounds/dots_hoch.gif) top right repeat-y; } .BoxSubnavigation .Section .Links li { float: none; height: 18px; border: none; font-size: 12px; font-weight: bold; line-height: 14px; } .BoxSubnavigation .Section .Links li a { line-height: 14px; margin: 0; } .BoxSubnavigation .last { background-image: none; margin-right: 0; width: 120px; } /* Sorting and Batchnavigation Element */ .BoxSortingTOI { position: relative; height: 31px; margin: 0px -9px 0px 1px; padding: 0; background:transparent url(/pics/_backgrounds/hg_sortierung_920.gif) 4px 0 no-repeat; clear: both; overflow: hidden; font-size: 10px; line-height: 14px; text-transform: uppercase; } /* Code TOI */ #toi_wrapper {float:left; padding:0 0 10px 0px; } .toi_lGrid {float:left; width:920px; position:relative; display:inline;} /*.toi_sheetsLi {clear:both; float:left; width:100%; padding:10px 0 5px; background:#eee url(/pics/_backgrounds/_page_toi/box-1x79-verlauf-fff.gif) 0 -20px repeat-x;}*/ .toi_sheetsLi {clear:both; float:left; width:100%; padding:5px 0 5px; background: transparent;} .toi_sheetsLi div {width:440px; padding:0 10px 4px; text-transform:uppercase; } .toi_sheetsLi .sp01 {float:left; margin-top: 2px; line-height: 12px; width:340px; } .toi_sheetsLi .sp02 {float:right; width:490px; text-align:right; font-size:10px;} .toi_sheetsLi select {text-transform:uppercase; font-size:10px; vertical-align: middle; } .toi_sheetsLi option {padding:0 10px 0 0;} .toi_sheetsLi span {display:-moz-inline-box; display:inline-block; margin:0 1px; text-align:center;} .toi_sheetsLi span span {float:left; width:27px; margin:0; padding:3px 0 5px; background:url('/pics/_backgrounds/_page_toi/blaettern-box.gif') 1px 0px no-repeat;} .toi_sheetsLi span a {float:left; width:27px; padding:3px 0 5px; background:url('/pics/_backgrounds/_page_toi/blaettern-box-ia.gif') 1px 0px no-repeat; border:0px solid green; text-align:center; text-decoration:none;} .toi_sheetsLi span a:hover {background:url('/pics/_backgrounds/_page_toi/blaettern-box.gif') 1px 0px no-repeat; text-decoration:none;} .toi_sheetsLi span.ty1 span {width:40px; background:url('/pics/_backgrounds/_page_toi/blaettern-li-pfeil-ia.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty1 a {width:40px; background:url('/pics/_backgrounds/_page_toi/blaettern-li-pfeil.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty1 a:hover {width:40px; background:url('/pics/_backgrounds/_page_toi/blaettern-li-pfeil-a.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty2 { } .toi_sheetsLi span.ty2 span {background:url('/pics/_backgrounds/_page_toi/blaettern-li-zahl-ia.gif') 0 0 no-repeat; color:#999;} .toi_sheetsLi span.ty2 a {background:url('/pics/_backgrounds/_page_toi/blaettern-li-zahl.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty2 a:hover {background:url('/pics/_backgrounds/_page_toi/blaettern-li-zahl-a.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty3 { color:#999;} .toi_sheetsLi span.ty3 span {background:url('/pics/_backgrounds/_page_toi/blaettern-re-zahl-ia.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty3 a {background:url('/pics/_backgrounds/_page_toi/blaettern-re-zahl.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty3 a:hover {background:url('/pics/_backgrounds/_page_toi/blaettern-re-zahl-a.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty4 span {width:40px; background:url('/pics/_backgrounds/_page_toi/blaettern-re-pfeil-ia.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty4 a {width:40px; background:url('/pics/_backgrounds/_page_toi/blaettern-re-pfeil.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty4 a:hover {width:40px; background:url('/pics/_backgrounds/_page_toi/blaettern-re-pfeil-a.gif') 0 0 no-repeat;} .toi_sheetsLi span.ty5 span {background:transparent;} .toi_sheetsLi span.tyT span {float:left; width:auto; padding:0 0 4px; background:transparent; font-weight:bold;} html>/**/body span.tyT span {padding:0;} /* //Code TOI */ .Box610 .BoxSortingTOI { background-image: url(/pics/_backgrounds/hg_sortierung_610.gif); } .Box610 .toi_lGrid { width:610px; } .Box610 .toi_sheetsLi div { padding:0 10px 0px; text-transform:uppercase;} .Box610 .toi_sheetsLi .sp01 {float:left; width:300px; padding:0 0 0 10px; } .Box610 .toi_sheetsLi .sp02 {float:right; width:280px; } .Box610 .toi_sheetsLi span { margin:0 0px; } .Box610 .toi_sheetsLi span span { margin:0; padding:3px 0 5px; } .Box610 .toi_sheetsLi span a { padding:3px 0 5px; } .Box610 .toi_sheetsLi span.ty5 span { width: 12px; } .Box610 .toi_sheetsLi .sp01 a { line-height: 16px;} .Box610 .toi_sheetsLi .sp01 .LinkIcon { vertical-align: top;} .BoxFooter .BoxSortingTOI { height: 30px; background-position: -1px 0px; } .BoxFooter .BoxSortingTOI .toi_sheetsLi { padding-top: 3px; } .Box920 .BoxFooter .BoxSortingTOI { background-image: url(/pics/_backgrounds/hg_sortierung_footer_920.gif); } .Box610 .BoxFooter .BoxSortingTOI { background-image: url(/pics/_backgrounds/hg_sortierung_footer_610.gif); } /* Box Footer Links */ .BottomLinks { position: relative; bottom: 0; left: 0; padding: 8px 10px 0 10px; margin-left: 10px; clear: both; overflow: hidden; } .BottomLinks .BottomLink { height: 20px; background: transparent; text-align: right; } .BottomLinks .Double1 { width: 290px; float: left; margin-right: 10px; } .BottomLinks .Double2 { width: 280px; float: left; margin-left: 10px; } .BottomLinks.Simple { position: relative; bottom: 0; left: 0; height: 20px; padding-top: 0px; clear: both; overflow: hidden; } .BottomLinks.Simple .BottomLink { height: 20px; background: transparent; text-align: left;} .BoxTabbed .BottomLinks { padding: 8px 9px 0px 9px; margin: 2px 1px 0 1px; background: #eeeeee; } .BoxTabbed .BottomLinks .BottomLink {position: relative; line-height: 14px; } .Box300Tabbed .BottomLinks { width: 280px; } .BoxRounded .BottomLinks { margin: 0 0 -16px 0; padding: 3px 10px 0px 10px; } /* Area Colours */ .Box300ColouredPCGames .SubHeadline, .Box610ColouredPCGames .SubHeadline, .Box300ColouredPCGames .colored, .Box610ColouredPCGames .colored, .coloredPCGames { color: #165992; } .Box300ColouredCasual .SubHeadline, .Box610ColouredCasual .SubHeadline, .Box300ColouredCasual .colored, .Box610ColouredCasual .colored, .coloredCasualGames { color: #920037; } .Box300ColouredOnline .SubHeadline, .Box610ColouredOnline .SubHeadline, .Box300ColouredOnline .colored, .Box610ColouredOnline .colored, .coloredOnlineGames, .coloredOnline { color: #FF8A00; } .Box300ColouredBrowser .SubHeadline, .Box610ColouredBrowser .SubHeadline, .Box300ColouredBrowser .colored, .Box610ColouredBrowser .colored, .coloredBrowserGames { color: #a10000; } .Box300ColouredFlatrate .SubHeadline, .Box610ColouredFlatrate .SubHeadline, .Box300ColouredFlatrate .colored, .Box610ColouredFlatrate .colored, .coloredFlatrateGames { color: #0088A3; } .Box300ColouredMobile .SubHeadline, .Box610ColouredMobile .SubHeadline, .Box300ColouredMobile .colored, .Box610ColouredMobile .colored, .coloredMobileGames { color: #313853; } .Box300ColouredKonsole .SubHeadline, .Box610ColouredKonsole .SubHeadline, .Box300ColouredKonsole .colored, .Box610ColouredKonsole .colored, .coloredKonsoleGames { color: #222222; } .Box300ColouredSpecials .SubHeadline, .Box610ColouredSpecials .SubHeadline, .Box300ColouredSpecials .colored, .Box610ColouredSpecials .colored, .coloredSpecials { color: #4C8600; } .Box300ColouredFlatrate .SubHeadline, .Box610ColouredFlatrate .SubHeadline, .Box300ColouredFlatrate .colored, .Box610ColouredFlatrate .colored, .coloredFlatrate { color: #00b0c4; } .SubHeadline.default { color: #666666 !important; } /* Link to top of page on productpage */ .PageTopLink { display: none; } /* Link not visible on other pages */ a.PageTopLink .PageTopLinkIcon { background: transparent url(/pics/_icons/pfeil_top.gif) 0px 0px no-repeat; width: 2px; height: 12px; line-height: 12px; padding-right: 10px; text-decoration: none; } a.PageTopLink:hover .PageTopLinkIcon { background-position: 0px -12px; } /* Link only visible on productpage */ .Productpage .PageTopLink { position: absolute; z-index: 4; display: block; right: 10px; top: 14px; margin: 0; font-weight: bold; font-size: 11px; line-height: 12px; white-space: nowrap; } .Productpage .BoxSimple a.PageTopLink { top: 9px; } .Productpage .BoxRight a.PageTopLink { display: none !important; } /* Flash Teaser */ .TeaserMain { position: relative; width: 920px; height: 362px; margin-top: 10px; margin-left: 10px; padding: 0 0 0 10px; background: transparent url(/pics/x_start/produktfenster/back_topteaser_start.jpg) 0 0 no-repeat; clear: both; overflow: hidden; } .TeaserMain .BoxHeader h1 { font-size: 11px; line-height: 12px; } .TeaserMain .BoxFlash { float: left; width: 600px; height: 334px; margin-top: 10px; } .TeaserMain .BoxFlash .BoxBody { padding: 0; margin: 0; } .TeaserMain .Box300 { float: left; width: 300px; margin-top: 10px; margin-bottom: 0; clear: none; } .TeaserMain .Box300 .BoxBody { background-color: #ffffff; } .TeaserMain .Box300 .BoxContent { padding-bottom: 10px; } .TeaserMain .Box300Tabbed .BoxContent { height: 300px; } .TeaserMain .Box300 .BottomLinks { position: relative; left: 0; bottom: 0; margin-bottom: -10px; } /* wenn die hoehe der Box fix sein soll, diesen block verwenden */ /* .TeaserMain .Box300 .BoxContent { height: 290px; padding-bottom: 10px; } .TeaserMain .Box300Short .BoxContent { height: 236px; } .TeaserMain .Box300 .BottomLinks { position: absolute; right: 0; bottom: 0; width: 289px; } */ /* Box Tiny */ .TeaserMain .BoxTiny { margin-bottom: 0px; } .TeaserMain .BoxTiny .BoxHeader { height: 20px; xpadding-top: 10px; background: white url(/pics/_backgrounds/header_box_tiny.gif) 0 0px no-repeat; color: #666666; } .TeaserMain .BoxTiny .BoxHeader .main { display: block; float: left; height: 12px; padding: 5px 4px 3px 10px; font-size: 11px; font-weight: bold; line-height: 11px; text-transform: none; } .TeaserMain .BoxTiny .BoxBody { } .TeaserMain .BoxTiny .BoxContent { height: auto; padding-bottom:5px; background-image: url(/pics/_backgrounds/box_tiny_content_verlauf.jpg); } /* reset styles for seo-relevant headline markup */ .BoxFooter .BottomLinks h1, .BoxFooter .BottomLinks h2, .BoxFooter .BottomLinks h3, .BoxFooter .BottomLinks h4, .BoxFooter .BottomLinks h5, .BoxFooter .BottomLinks h6, .BoxHeader h1, .BoxHeader h2, .BoxHeader h3, .BoxHeader h4, .BoxHeader h5, .BoxHeader h6 { display: inline; font-size: 12px; line-height: 12px; background: transparent; border: none; margin: 0; padding: 0; }