/* ******************************************* */ /* Main Style definitions for page framework */ /* ******************************************* */ body { margin: 0; padding:0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; color: #666666; background: #f7f8f3; } img { border: none; } p { margin: 0; padding: 0; } table, div, form { margin: 0; padding: 0; border: none; } ul { margin: 0px 0px 0px 16px; padding: 0; } ol { margin: 1px 0px 1px 22px; padding: 0; } li { } h1 { font-size: 14px; font-weight: bold; line-height: 18px; margin: 10px 0 15px 0; padding: 0; border-bottom: 1px solid #cccccc; } h2 { font-size: 14px; font-weight: bold; line-height: 18px; margin: 10px 0 10px 0; padding: 0; } h3 { font-size: 12px; font-weight: bold; line-height: 18px; margin: 0; padding: 0; } h5 { font-size: 12px; line-height: 18px; } h6 { font-size: 12px; line-height: 18px; } input, select, textarea { color: #666666; border: 1px solid #bcbcbc; background-color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; } /* generelle textformatierung */ a, a:visited, a:active, a:link { color: #666666; text-decoration: none; } a:hover { color: #333333; text-decoration: none; } a:focus { outline: 0} ul.nostyle { margin: 0; padding: 0; list-style-image: none; list-style-type: none; } ul.nostyle li { margin: 0; padding: 0; list-style-image: none; list-style-type: none; } ul.Links { margin: 0; padding: 0; list-style-image: none; list-style-type: none; } ul.Links li { float: left; margin: 0; padding: 0; list-style-image: none; list-style-type: none; border-right: 1px solid #666666; } ul.Links li a { margin: 0px 10px; } ul li.last, ul li.last a { border-right: none !important; } .bold { font-weight: bold; } .uppercase { text-transform: uppercase; } .invisible { display: none; } .linethrough { text-decoration: line-through; } .underlined { text-decoration: underline; } /* Zurueck zur Uebersicht */ a.Anchor { position: relative; float: left; margin: 0; padding: 0; width: 1px; height: 1px; font-size: 1px; line-height: 1px; text-decoration: none !important; } a.MoreLink { display: block; float: right; padding: 0 18px 0 0; background: transparent url(/pics/_icons/pfeil_rund_all.gif) 100% 0% no-repeat; line-height: 12px; height: 14px; font-size: 11px; font-weight: bold; text-decoration: none !important;} a.MoreLink:hover { background-position: 100% 100%; } a.TopLink { padding: 0; font-weight: bold; text-decoration: none !important;} a.SimpleLink { padding: 0; font-size: 11px; line-height: 12px; font-weight: normal; text-decoration: underline;} a.BackLink { position: relative; display: block; z-index: 10; margin: 15px 0 -15px 20px; text-decoration: none !important; } a.HiddenLink { position: absolute; top: -10px; left: 0; z-index: 1; width: 1px; height: 1px; line-height: 1px; } a.RSSLink { padding: 0 0 0 37px; background: transparent url(/pics/_icons/icon_rss.gif) 0 0 no-repeat; font-size: 12px; line-height: 16px; font-weight: bold; text-decoration: none !important;} a.RSSLink2 { display: block; float: left; padding: 0px 0 0px 22px; margin-top: 4px; background: transparent url(/pics/_icons/icon_rss2.gif) 0 0px no-repeat; font-size: 12px; line-height: 16px; font-weight: bold; text-decoration: none !important;} a.nolink, a.nolink:hover, a.nolink:visited, a.nolink:active, a.nolink:link { text-decoration: none !important; color: #666666; cursor: default;} .LinkIcon { background: transparent url(/pics/_icons/doppel_pfeil_all.gif) 4px 5px no-repeat; width: 2px; height: 12px; padding-left: 12px; font-size: 12px; line-height: 12px; } .TopLinkIcon { background: transparent url(/pics/_icons/pfeil_top_all.gif) 4px 3px no-repeat; width: 2px; height: 12px; padding-left: 20px; font-size: 12px; line-height: 12px; } .LinkExternalIcon { width: 2px; height: 11px; padding-left: 4px; background: transparent url(/pics/_icons/icon_pfeil_pfadnav.gif) 100% 50% no-repeat; font-size: 10px; line-height: 11px; } a:hover .LinkIcon { background-position: 4px -15px; } a:hover .TopLinkIcon { background-position: 4px -17px; } .BlowupLink a { padding: 0 0 0 18px; background: transparent url(/pics/_icons/lupe.gif) 0 0px no-repeat; font-size: 11px; font-weight: bold; } /* .BlowupLink a:hover { background-position: 0 -12px; } */ .external { background: transparent url(/pics/_icons/pfeil_close.gif) right center no-repeat; padding-right: 10px;} #PageWrapper { margin: 0; padding: 0; width: 100%; } #ContentWrapper { position: relative; width: 1250px; margin: auto; background: transparent url(/pics/_backgrounds/hg_mitte.jpg) 0px 0px repeat-y; clear: both; overflow: hidden; } /* Header Area */ #NetworkHeader { position: absolute; z-index: 30; top: 0; left: 0; width: 100%; } #PageHeader { position: relative; z-index: 3; width: 1040px; height: auto; padding-top: 92px; background: transparent url(/pics/_backgrounds/hg_oben.jpg) 0px 0px no-repeat; clear: both; overflow: visible; } #PageHeaderNoNav { position: relative; z-index: 3; width: 1040px; height: auto; padding-top: 92px; background: transparent url(/pics/_backgrounds/hg_oben.jpg) 0px 0px no-repeat; clear: both; overflow: visible; } /* right padding for ie 6 */ * html #PageHeaderNoNav { padding-top: 75px; } /* right padding for ie 7 */ *:first-child+html #PageHeaderNoNav { padding-top: 75px; } #GlobalNav { width: 1170px; margin: auto; height: 35px; padding: 5px 0 0px 80px; font-size: 11px; line-height: 12px; clear: both; overflow: hidden; } #GlobalNav .Label { width: 125px; float: left; font-weight: bold; } #GlobalNav .Links { position: relative; width: 800px; float: left; } #GlobalNav .Links li { height: 10px; } #NetLogin { position: absolute; top: 50px; left: 0; width: 942px; height: 30px; padding: 0 248px 0px 60px; background: transparent; z-index: 10; overflow: visible; } #NetLogin .LoginBox { float: right; padding-right: 10px; height: 30px; width: 568px; background: transparent url(/pics/_backgrounds/hg_oben_feld.gif) 0 2px no-repeat; overflow: hidden; } #NetLogin .PoweredBy { float: left; padding-left: 10px; padding-top: 8px; } #Logo { display: block; position: absolute; margin: 0px 0 0 61px; height: 36px; width: 260px; background: transparent url(/pics/_basics/spacer.gif) 0 0 repeat; clear: both; overflow: hidden; } #LogoSmall { display: block; height: 27px; width: 160px; background: transparent url(/pics/_basics/gl_logo_small.png) 0 5px no-repeat; overflow: hidden; float: left; } /* Banners */ .BannerSky { position: absolute; top: 35px; left: 1050px; padding-right: 0px; } .BannerSuper { position: relative; top: 30px; width: 1250px; margin: auto; height: auto; padding: 0 0px 20px 0; z-index: 20; clear: both; } .BannerSuper img, .BannerSuper object { margin-left: 40px; } /* JS Pulldown Menu */ #jsddm { position: relative; z-index: 10; margin: 0px 0 0 292px; height: 42px; width: 950px; padding: 5px 0 0 0; list-style-image: none; list-style-type: none; } #jsddm li { position: relative; z-index: 1; float: left; margin: 0; padding: 0; xlist-style-image: none; list-style-type: none; } #jsddm li a { position: relative; display: block; float: left; padding: 0; overflow: visible; } #jsddm li a img { display: block; z-index: 1; } #jsddm li a img.image_hover { position: absolute; z-index: 2; xmargin-left: -2px; xmargin-top: -2px; visibility: hidden; } #jsddm li.active { z-index: 100; } #jsddm li.active a img.image_hover { visibility: visible; } #jsddm li.active a img.image_hover_active { visibility: visible !important; } #jsddm .jsddm_submenu { position: absolute; z-index: 20; top: 27px; margin: 0; padding: 0; visibility: hidden; background: transparent; font-size: 12px; font-weight: bold; width: 422px; } #jsddm .wide { width: 562px; } #jsddm .jsddm_submenu .tooltip_top, #jsddm .jsddm_submenu .tooltip_bottom { width: 385px; background: transparent none top left no-repeat; padding: 0px 0px 0px 21px; overflow: hidden; } #jsddm .jsddm_submenu .tooltip_top { height: 28px; } #jsddm .jsddm_submenu .tooltip_bottom { height: 18px; } #jsddm .jsddm_submenu .tooltip_content_wrapper { position: relative; width: 422px; background: transparent; clear: both; overflow: hidden; } #jsddm .jsddm_submenu .tooltip_content { width: 393px; background: transparent; margin: 0 0 0 11px; padding: 0 0 0 8px; clear: both; overflow: hidden; } #jsddm .wide .tooltip_top, #jsddm .wide .tooltip_bottom { width: 525px; } #jsddm .wide .tooltip_content_wrapper { width: 562px; } #jsddm .wide .tooltip_content { width: 533px; } #jsddm .jsddm_submenu .tooltip_content_left, #jsddm .jsddm_submenu .tooltip_content_right { position: absolute; top: 0px; height: 400px; background: transparent none top left repeat-y; } #jsddm .jsddm_submenu .tooltip_content_left { width: 11px; left: 0px; } #jsddm .jsddm_submenu .tooltip_content_right { width: 16px; right: 0px; } /* #jsddm .wide .tooltip_content { width: 543px; } */ #jsddm .jsddm_submenu .tooltip_top_right, #jsddm .jsddm_submenu .tooltip_bottom_right { position: absolute; right: 0px; width: 16px; background: transparent none top left no-repeat; } #jsddm .jsddm_submenu .tooltip_top_right { top: 0px; height: 28px; } #jsddm .jsddm_submenu .tooltip_bottom_right { bottom: 0px; height: 18px; } #jsddm .jsddm_submenu .Label { display: block; float: none; background: #ffffff; padding: 4px 0px 4px 5px; margin: 0 8px 0 0; font-size: 14px; clear: both; overflow: hidden; } #jsddm .jsddm_submenu .submenu_grid { position: relative; display: block; float: left; padding: 0 2px 0 0; margin: 0; background: transparent none top right repeat-y; } #jsddm .jsddm_submenu .submenu_grid_separated { background: transparent none top right repeat-y; } #jsddm .jsddm_submenu .submenu_grid_more { background: transparent none top left repeat-y; width: 137px; margin: 0 0 0 -2px; padding: 0 0 0 10px; overflow: hidden; } #jsddm .wide .submenu_grid_more { background: transparent none top left repeat-y; width: 280px; margin: 0 0 0 -2px; padding: 0 0 0 10px; overflow: hidden; } #jsddm .jsddm_submenu ul.submenu_grid_col { display: block; float: left; padding: 0; margin: 6px 0 0 0; } /* #jsddm .jsddm_submenu .submenu_grid_more .submenu_grid_col { width: 137px; } */ #jsddm .jsddm_submenu ul.submenu_grid_col li { display: block; padding: 4px 0 4px 0; margin: 0 8px 0 0; float: none; background: transparent none top left repeat-x; } /* Fix for IE6 to display images in the mouseover layer */ #jsddm .jsddm_submenu .submenu_grid_more ul.submenu_grid_col li { position: relative; float: left; width: 272px; } #jsddm .jsddm_submenu ul.submenu_grid_col li.first { background-image: none !important; } #jsddm .jsddm_submenu ul.submenu_grid_col li a { display: block; background: transparent none 3px 8px no-repeat; padding: 0px 0px 0px 10px; margin: 0; line-height: 16px; float: none; } #jsddm .jsddm_submenu ul.submenu_grid_col li a:hover, #jsddm .jsddm_submenu ul.submenu_grid_col li a.active, #jsddm .jsddm_submenu ul.submenu_grid_col li a.active:hover { background: transparent url(/pics/_navigation/4_tooltipps/dot.gif) 3px 8px no-repeat; color: #ffffff; } #jsddm .jsddm_submenu ul.submenu_grid_col li a.overview, #jsddm .jsddm_submenu ul.submenu_grid_col li a.overview:hover { background: #ffffff url(/pics/_icons/icon_home.gif) 5px 4px no-repeat !important; padding: 0 0 0 20px; } /* Fix for IE 6 to put selects under Navigation */ #jsddm .jsddm_submenu iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute;/*must have*/ top:0;/*must have*/ left:0;/*must have*/ z-index:-1;/*must have*/ filter:mask();/*must have*/ width:372px;/*must have for any big value*/ height:100px;/*must have for any big value*/; } /* color coding */ #jsddm .area_pcgames { left: -182px; } #jsddm .area_pcgames .tooltip_top { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_pc_top.png); } #jsddm .area_pcgames .tooltip_top_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_pc_topr.png); } #jsddm .area_pcgames .tooltip_content { background: #cbe3ee; } #jsddm .area_pcgames .tooltip_content_left { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_pc_mid.png); } #jsddm .area_pcgames .tooltip_content_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_pc_midr.png); } #jsddm .area_pcgames .tooltip_bottom { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_pc_end.png); } #jsddm .area_pcgames .tooltip_bottom_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_pc_endr.png); } #jsddm .area_pcgames .Label, #jsddm .area_pcgames ul.submenu_grid_col li a.overview, #jsddm .area_pcgames ul.submenu_grid_col li a.overview:hover { color: #165992; } #jsddm .area_pcgames .submenu_grid_separated, #jsddm .area_pcgames .submenu_grid_more { background-image: url(/pics/_navigation/4_tooltipps/vline_pc.gif); } #jsddm .area_pcgames ul.submenu_grid_col li { background-image: url(/pics/_navigation/4_tooltipps/dotline_pc.gif); clear: both; } #jsddm .area_pcgames ul.submenu_grid_col li a { color: #093d69; background-image: url(/pics/_navigation/4_tooltipps/dot_pc.gif); } #jsddm .area_pcgames ul.submenu_grid_col li a:hover, #jsddm .area_pcgames ul.submenu_grid_col li a.active, #jsddm .area_pcgames ul.submenu_grid_col li a.active:hover, #jsddm .area_pcgames ul.submenu_grid_col li .NavTeaserSmall a:hover .Title span { background-color: #165992; } #jsddm .area_pcgames ul.submenu_grid_col li .NavTeaserSmall a:hover .Text { color: #093d69; } #jsddm .area_casualgames { left: -145px; } #jsddm .area_casualgames .tooltip_top { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_casual_top.png); } #jsddm .area_casualgames .tooltip_top_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_casual_topr.png); } #jsddm .area_casualgames .tooltip_content { background: #faecf3; } #jsddm .area_casualgames .tooltip_content_left { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_casual_mid.png); } #jsddm .area_casualgames .tooltip_content_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_casual_midr.png); } #jsddm .area_casualgames .tooltip_bottom { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_casual_end.png); } #jsddm .area_casualgames .tooltip_bottom_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_casual_endr.png); } #jsddm .area_casualgames .Label, #jsddm .area_casualgames ul.submenu_grid_col li a.overview, #jsddm .area_casualgames ul.submenu_grid_col li a.overview:hover { color: #920037; } #jsddm .area_casualgames .submenu_grid_separated, #jsddm .area_casualgames .submenu_grid_more { background-image: url(/pics/_navigation/4_tooltipps/vline_casual.gif); } #jsddm .area_casualgames ul.submenu_grid_col li { background-image: url(/pics/_navigation/4_tooltipps/dotline_casual.gif); clear: both; } #jsddm .area_casualgames ul.submenu_grid_col li a { color: #740931; background-image: url(/pics/_navigation/4_tooltipps/dot_casual.gif); } #jsddm .area_casualgames ul.submenu_grid_col li a:hover, #jsddm .area_casualgames ul.submenu_grid_col li a.active, #jsddm .area_casualgames ul.submenu_grid_col li a.active:hover, #jsddm .area_casualgames ul.submenu_grid_col li .NavTeaserSmall a:hover .Title span { background-color: #920037; } #jsddm .area_casualgames ul.submenu_grid_col li .NavTeaserSmall a:hover .Text { color: #740931; } #jsddm .area_onlinegames { left: -182px; } #jsddm .area_onlinegames .tooltip_top { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_online_top.png); } #jsddm .area_onlinegames .tooltip_top_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_online_topr.png); } #jsddm .area_onlinegames .tooltip_content { background: #fef7d3; } #jsddm .area_onlinegames .tooltip_content_left { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_online_mid.png); } #jsddm .area_onlinegames .tooltip_content_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_online_midr.png); } #jsddm .area_onlinegames .tooltip_bottom { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_online_end.png); } #jsddm .area_onlinegames .tooltip_bottom_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_online_endr.png); } #jsddm .area_onlinegames .Label, #jsddm .area_onlinegames ul.submenu_grid_col li a.overview, #jsddm .area_onlinegames ul.submenu_grid_col li a.overview:hover { color: #FF8A00; } #jsddm .area_onlinegames .submenu_grid_separated, #jsddm .area_onlinegames .submenu_grid_more { background-image: url(/pics/_navigation/4_tooltipps/vline_online.gif); } #jsddm .area_onlinegames ul.submenu_grid_col li { background-image: url(/pics/_navigation/4_tooltipps/dotline_online.gif); clear: both; } #jsddm .area_onlinegames ul.submenu_grid_col li a { color: #b66200; background-image: url(/pics/_navigation/4_tooltipps/dot_online.gif); } #jsddm .area_onlinegames ul.submenu_grid_col li a:hover, #jsddm .area_onlinegames ul.submenu_grid_col li a.active, #jsddm .area_onlinegames ul.submenu_grid_col li a.active:hover, #jsddm .area_onlinegames ul.submenu_grid_col li .NavTeaserSmall a:hover .Title span { background-color: #ff8a00; } #jsddm .area_onlinegames ul.submenu_grid_col li .NavTeaserSmall a:hover .Text { color: #b66200; } #jsddm .area_browsergames { left: -161px; } #jsddm .area_browsergames .tooltip_top { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_browser_top.png); } #jsddm .area_browsergames .tooltip_top_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_browser_topr.png); } #jsddm .area_browsergames .tooltip_content { background: #fce4e4; } #jsddm .area_browsergames .tooltip_content_left { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_browser_mid.png); } #jsddm .area_browsergames .tooltip_content_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_browser_midr.png); } #jsddm .area_browsergames .tooltip_bottom { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_browser_end.png); } #jsddm .area_browsergames .tooltip_bottom_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_browser_endr.png); } #jsddm .area_browsergames .Label, #jsddm .area_browsergames ul.submenu_grid_col li a.overview, #jsddm .area_browsergames ul.submenu_grid_col li a.overview:hover { color: #a10000; } #jsddm .area_browsergames .submenu_grid_separated, #jsddm .area_browsergames .submenu_grid_more { background-image: url(/pics/_navigation/4_tooltipps/vline_browser.gif); } #jsddm .area_browsergames ul.submenu_grid_col li { background-image: url(/pics/_navigation/4_tooltipps/dotline_browser.gif); clear: both; } #jsddm .area_browsergames ul.submenu_grid_col li a { color: #6c0000; background-image: url(/pics/_navigation/4_tooltipps/dot_browser.gif); } #jsddm .area_browsergames ul.submenu_grid_col li a:hover, #jsddm .area_browsergames ul.submenu_grid_col li a.active, #jsddm .area_browsergames ul.submenu_grid_col li a.active:hover, #jsddm .area_browsergames ul.submenu_grid_col li .NavTeaserSmall a:hover .Title span { background-color: #a10000; } #jsddm .area_browsergames ul.submenu_grid_col li .NavTeaserSmall a:hover .Text { color: #6c0000; } #jsddm .area_flatrategames { left: -163px; } #jsddm .area_flatrategames .tooltip_top { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_flatrate_top.png); } #jsddm .area_flatrategames .tooltip_top_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_flatrate_topr.png); } #jsddm .area_flatrategames .tooltip_content { background: #daf1f3; } #jsddm .area_flatrategames .tooltip_content_left { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_flatrate_mid.png); } #jsddm .area_flatrategames .tooltip_content_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_flatrate_midr.png); } #jsddm .area_flatrategames .tooltip_bottom { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_flatrate_end.png); } #jsddm .area_flatrategames .tooltip_bottom_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_flatrate_endr.png); } #jsddm .area_flatrategames .Label, #jsddm .area_flatrategames ul.submenu_grid_col li a.overview, #jsddm .area_flatrategames ul.submenu_grid_col li a.overview:hover { color: #0088a3; } #jsddm .area_flatrategames .submenu_grid_separated, #jsddm .area_flatrategames .submenu_grid_more { background-image: url(/pics/_navigation/4_tooltipps/vline_flatrate.gif); } #jsddm .area_flatrategames ul.submenu_grid_col li { background-image: url(/pics/_navigation/4_tooltipps/dotline_flatrate.gif); clear: both; } #jsddm .area_flatrategames ul.submenu_grid_col li a { color: #006275; background-image: url(/pics/_navigation/4_tooltipps/dot_flatrate.gif); } #jsddm .area_flatrategames ul.submenu_grid_col li a:hover, #jsddm .area_flatrategames ul.submenu_grid_col li a.active, #jsddm .area_flatrategames ul.submenu_grid_col li a.active:hover, #jsddm .area_flatrategames ul.submenu_grid_col li .NavTeaserSmall a:hover .Title span { background-color: #0088a3; } #jsddm .area_flatrategames ul.submenu_grid_col li .NavTeaserSmall a:hover .Text { color: #006275; } #jsddm .area_mobilegames { left: -163px; } #jsddm .area_mobilegames .tooltip_top { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_mobile_top.png); } #jsddm .area_mobilegames .tooltip_top_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_mobile_topr.png); } #jsddm .area_mobilegames .tooltip_content { background: #dde1ed; } #jsddm .area_mobilegames .tooltip_content_left { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_mobile_mid.png); } #jsddm .area_mobilegames .tooltip_content_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_mobile_midr.png); } #jsddm .area_mobilegames .tooltip_bottom { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_mobile_end.png); } #jsddm .area_mobilegames .tooltip_bottom_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_mobile_endr.png); } #jsddm .area_mobilegames .Label, #jsddm .area_mobilegames ul.submenu_grid_col li a.overview, #jsddm .area_mobilegames ul.submenu_grid_col li a.overview:hover { color: #313853; } #jsddm .area_mobilegames .submenu_grid_separated, #jsddm .area_mobilegames .submenu_grid_more { background-image: url(/pics/_navigation/4_tooltipps/vline_mobile.gif); } #jsddm .area_mobilegames ul.submenu_grid_col li { background-image: url(/pics/_navigation/4_tooltipps/dotline_mobile.gif); clear: both; } #jsddm .area_mobilegames ul.submenu_grid_col li a { color: #1b2135; background-image: url(/pics/_navigation/4_tooltipps/dot_mobile.gif); } #jsddm .area_mobilegames ul.submenu_grid_col li a:hover, #jsddm .area_mobilegames ul.submenu_grid_col li a.active, #jsddm .area_mobilegames ul.submenu_grid_col li a.active:hover, #jsddm .area_mobilegames ul.submenu_grid_col li .NavTeaserSmall a:hover .Title span { background-color: #313853; } #jsddm .area_mobilegames ul.submenu_grid_col li .NavTeaserSmall a:hover .Text { color: #1b2135; } #jsddm .area_specials { left: -298px; } #jsddm .area_specials .tooltip_top { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_aktionen_top.png); } #jsddm .area_specials .tooltip_top_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_aktionen_topr.png); } #jsddm .area_specials .tooltip_content { background: #e6f0c4; } #jsddm .area_specials .tooltip_content_left { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_aktionen_mid.png); } #jsddm .area_specials .tooltip_content_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_aktionen_midr.png); } #jsddm .area_specials .tooltip_bottom { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_aktionen_end.png); } #jsddm .area_specials .tooltip_bottom_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_aktionen_endr.png); } #jsddm .area_specials .Label, #jsddm .area_specials ul.submenu_grid_col li a.overview, #jsddm .area_specials ul.submenu_grid_col li a.overview:hover { color: #4c8600; } #jsddm .area_specials .submenu_grid_separated, #jsddm .area_specials .submenu_grid_more { background-image: url(/pics/_navigation/4_tooltipps/vline_aktionen.gif); } #jsddm .area_specials ul.submenu_grid_col li { background-image: url(/pics/_navigation/4_tooltipps/dotline_aktionen.gif); clear: both; } #jsddm .area_specials ul.submenu_grid_col li a { color: #3a6205; background-image: url(/pics/_navigation/4_tooltipps/dot_aktionen.gif); } #jsddm .area_specials ul.submenu_grid_col li a:hover, #jsddm .area_specials ul.submenu_grid_col li a.active, #jsddm .area_specials ul.submenu_grid_col li a.active:hover, #jsddm .area_specials ul.submenu_grid_col li .NavTeaserSmall a:hover .Title span { background-color: #4c8600; } #jsddm .area_specials ul.submenu_grid_col li .NavTeaserSmall a:hover .Text { color: #3a6205; } #jsddm .area_konsolengames { left: -189px; } #jsddm .area_konsolengames .tooltip_top { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_konsolen_top.png); } #jsddm .area_konsolengames .tooltip_top_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_konsolen_topr.png); } #jsddm .area_konsolengames .tooltip_content { background: #eeeeee; } #jsddm .area_konsolengames .tooltip_content_left { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_konsolen_mid.png); } #jsddm .area_konsolengames .tooltip_content_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_konsolen_midr.png); } #jsddm .area_konsolengames .tooltip_bottom { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_konsolen_end.png); } #jsddm .area_konsolengames .tooltip_bottom_right { background-image: url(/pics/_navigation/4_tooltipps/tooltipps_konsolen_endr.png); } #jsddm .area_konsolengames .Label, #jsddm .area_konsolengames ul.submenu_grid_col li a.overview, #jsddm .area_konsolengames ul.submenu_grid_col li a.overview:hover { color: #222222; } #jsddm .area_konsolengames .submenu_grid_separated, #jsddm .area_konsolengames .submenu_grid_more { background-image: url(/pics/_navigation/4_tooltipps/vline_konsole.gif); } #jsddm .area_konsolengames ul.submenu_grid_col li { background-image: url(/pics/_navigation/4_tooltipps/dotline_konsole.gif); clear: both; } #jsddm .area_konsolengames ul.submenu_grid_col li a { color: #000000; background-image: url(/pics/_navigation/4_tooltipps/dot_konsole.gif); } #jsddm .area_konsolengames ul.submenu_grid_col li a:hover, #jsddm .area_konsolengames ul.submenu_grid_col li a.active, #jsddm .area_konsolengames ul.submenu_grid_col li a.active:hover, #jsddm .area_konsolengames ul.submenu_grid_col li .NavTeaserSmall a:hover .Title span { background-color: #222222; } #jsddm .area_konsolengames ul.submenu_grid_col li .NavTeaserSmall a:hover .Text { color: #000000; } #Search { position: relative; z-index: 5; left: 60px; height: 36px; width: 930px; padding: 2px 0px 3px 10px; background: transparent; } #Search .SearchField { display: block; float: left; width: 258px; height: 20px; margin-top: 3px; padding: 6px 10px 6px 10px; color: #999999; background: transparent url(/pics/_suche/suche_eingabe.gif) 0 0 no-repeat; border: none; } #Search .SearchButton { display: block; float: left; width: 97px; height: 30px; margin-top: 3px; padding: 0; background: transparent; border: none; cursor: pointer; font-size: 1px; line-height: 1px; color: #77ad01; } #Search .Section { float: right; height: 34px; padding: 0px 8px 0 6px; background: transparent url(/pics/_backgrounds/hg_suche_trenner.gif) top left no-repeat; } #Search a.MoreLink { display: block; float: left; margin-top: 13px; margin-left: 10px; font-size: 12px; line-height: 12px; height: 14px; } #Search a.Button { display: block; float: left; height: 34px; margin-top: 1px; padding: 0px; font-size: 12px; line-height: 34px; font-weight: bold; } #Search a.Button img { vertical-align: middle; } html>/**/body #Search a.MoreLink { margin-top: 12px; } #portal_search { position: absolute; top: 34px; left: 10px; } #portal_search #completeDiv { background: white; width: 277px; padding: 0px; border: 1px solid #cccccc; cursor: pointer; } .AutoCompleteDivListe { word-wrap:break-word;} .AutoCompleteDiv { display: block; padding: 0 5px; overflow: hidden; background-color: white; } .AutoCompleteDivAct { background-color: #75ab00; padding: 0 5px; color: white ! important; } /* Breadcrumbs */ #Breadcrumbs { position: relative; left: 60px; height: 22px; width: 920px; margin: 0; padding: 1px 0px 0px 20px; background: transparent url(/pics/_navigation/2_breadcrumb/x_start/breadcrumb_hg.gif) 0 0 repeat-x; clear: both; overflow: hidden; } ul#Breadcrumbs { list-style-image: none; list-style-type: none; } ul#Breadcrumbs li { position: relative; float: left; height: 14px; margin: 3px 2px 0 0; padding: 0; background: transparent none 16px 0 no-repeat; font-size: 11px; font-weight: normal; line-height: 12px; color: #ffffff; } ul#Breadcrumbs li a, ul#Breadcrumbs li span.item { display: block; float: left; height: 14px; padding: 1px 6px 0px 6px; margin: 0; background: transparent none top right no-repeat; color: #ffffff; } ul#Breadcrumbs li.elem_hoover, ul#Breadcrumbs li.active { background-image: url(/pics/_navigation/2_breadcrumb/x_start/breadcrumb_front.gif); } ul#Breadcrumbs li.elem_hoover a, ul#Breadcrumbs li.active a, ul#Breadcrumbs li.elem_hoover span.item, ul#Breadcrumbs li.active span.item { background-image: url(/pics/_navigation/2_breadcrumb/x_start/breadcrumb_end.gif); color: #415D00; } ul#Breadcrumbs li.active a, ul#Breadcrumbs li.active span.item { font-weight: bold; } #Breadcrumbs .marker { display: block; float: left; width: 16px; height: 14px; line-height: 14px; background: transparent url(/pics/_navigation/2_breadcrumb/x_start/bc_pfeil.gif) top left no-repeat; } #Breadcrumbs .home { background: transparent url(/pics/_icons/icon_home.gif) 0px 1px no-repeat !important; } #Breadcrumbs span.marker { display: block; float: left; margin-top: 3px; } ul#Breadcrumbs li span.marker { margin-top: 0px; } /* Quick Navigation */ #QuickNavigation { position: relative; z-index: 1; left: 60px; height: auto; width: 920px; margin: 0; padding: 8px 0px 5px 20px; background: transparent url(/pics/_navigation/3_schnellnav/hg_schnellnav_start.gif) bottom left no-repeat; clear: both; overflow: hidden; } #QuickNavigation .Label { position: relative; width: 130px; float: left; background: transparent; margin: 1px 0 0 0; padding: 0; } #QuickNavigation .Label a { width: auto; height: 18px; padding: 0; margin: 0; background-image: none; } #QuickNavigation ul { position: relative; float: left; height: auto; width: 760px; list-style-image: none; list-style-type: none; margin: 0; padding: 0 0 1px 0px; } #QuickNavigation li { position: relative; float: left; height: auto; margin: 0 3px 0 0; padding: 0 6px 0 0; background: transparent url(/pics/_navigation/3_schnellnav/genres_schnellnav_end.gif) top right no-repeat; font-size: 11px; font-weight: normal; line-height: 12px; color: #ffffff; overflow: visible; } #QuickNavigation li a { display: block; float: left; height: 17px; padding: 3px 1px 2px 7px; margin: 0; background: transparent url(/pics/_navigation/3_schnellnav/genres_schnellnav.gif) top left no-repeat; } #QuickNavigation li.elem_hoover { background-image: url(/pics/_navigation/3_schnellnav/genres_schnellnav_end_mo.gif); } #QuickNavigation li.elem_hoover a { background-image: url(/pics/_navigation/3_schnellnav/genres_schnellnav_mo.gif); } #PageBody { position: relative; z-index: 1; top: 0; margin: 0 60px -182px 60px; padding: 0 0 222px 0px; background: white; width: 940px; } #PageFooter { position: relative; z-index: 1; width: 975px; height: auto; padding: 0 0 55px 70px; background: transparent url(/pics/_backgrounds/hg_unten.jpg) bottom left no-repeat; clear: both; overflow: hidden; font-size: 11px; } .FooterNavigation { height: 127px; padding-top: 10px; padding-left: 10px; background: transparent url(/pics/_backgrounds/hg_footer_nav.jpg) bottom left no-repeat; clear: both; overflow: hidden; } .FooterNavigation .Section { float: left; height: 100px; width: 165px; padding: 0; margin-right: 85px; border-right: 1px solid #777777; } .FooterNavigation .Section .Links li { display: block; float: none; border: none; padding-top: 2px; line-height: 12px; clear: both; } .FooterNavigation .Section .Links li a { display: block; float: left; margin: 0; padding-right: 6px; line-height: 12px; background: transparent url(/pics/_icons/footer_pfeil.gif) 100% 0% no-repeat; } .FooterNavigation .Section .Links li a:hover { background-position: 100% 100% } .FooterNavigation .Section .Label { height: 20px; line-height: 11px; padding: 0; margin-top: -1px; font-weight: bold; } .FooterNavigation .last { border-right: none; margin-right: 0; } .FooterNavigationPartner { height: auto; padding-top: 0px; text-align: center; width: 940px; margin-left: -10px; background: white; clear: both; overflow: hidden; } .FooterNavigationPartner .Links { display: inline; width: auto; margin: auto; clear: both; overflow: hidden; } .FooterNavigationPartner .Links li { display: inline; float: none; border: none; } .FooterNavigationPartner .Links li img { vertical-align: bottom; } .FooterNavigationPartner .Links li img.Spacer { height: 30px; width: 1px; } .FooterNavigationPartner .Label { margin-top: 2px; font-weight: bold; } /* navigation teaser */ #jsddm .jsddm_submenu ul.submenu_grid_col li .NavTeaserSmall { width: 272px; overflow: hidden; float: left; padding-bottom: 5px; } #jsddm .jsddm_submenu ul.submenu_grid_col li .NavTeaserSmall img { text-align: left; margin-right: 10px; float: left; position: relative; } #jsddm .jsddm_submenu ul.submenu_grid_col li .NavTeaserSmall a, #jsddm .jsddm_submenu ul.submenu_grid_col li .NavTeaserSmall img { display: inline; background-image: none; padding: 0; } #jsddm .jsddm_submenu ul.submenu_grid_col li .NavTeaserSmall .Text { font-size:12px; line-height:14px; margin-bottom:4px; margin-top:4px; font-weight: normal; } #jsddm .jsddm_submenu ul.submenu_grid_col li .NavTeaserSmall a:hover, #jsddm .jsddm_submenu ul.submenu_grid_col li .NavTeaserSmall a:hover .Text { background-color: transparent; } #jsddm .jsddm_submenu ul.submenu_grid_col li .NavTeaserSmall .Title { font-size:14px; font-weight:bold; line-height:15px; margin-bottom:4px; } /* TOI Simple Template */ .PageSimple #PageHeader { height: 48px; } /* ****************** */ /* Column Definitions */ /* ****************** */ .Columns920three { position: relative; top: 0; left: 0; margin: 0; padding: 0; width: 940px; clear: both; overflow: hidden; } .Columns920two { position: relative; top: 0; left: 0; margin: 0; padding: 0; width: 940px; clear: both; overflow: hidden; } .Columns610two { position: relative; top: 0; left: 0; margin: 0; padding: 0; width: 620px; clear: both; overflow: hidden; } .ColumnsMargin { margin-top: 5px; } .Column1 { position: relative; float: left; width: 310px; } .Column2 { position: relative; float: left; width: 310px; } .Column3 { position: relative; float: left; width: 310px; } .Columns920two .Column1 { width: 620px; } .Columns920two .Columns610two .Column1 { width: 310px; } /* Module Definitions due to Columns */ .Box300 .Module, .Box300 .container, .Box300 .container_elem, .Box300 .TextBlock { width: 280px; } .Box610 .Module, .Box610 .container, .Box610 .container_elem, .Box610 .TextBlock { width: 590px; } .Box920 .Module, .Box920 .container, .Box920 .container_elem, .Box920 .TextBlock { width: 900px; } .Box575 .Module, .Box575 .container, .Box575 .container_elem, .Box570 .TextBlock { width: 555px; } /* two columns with Modules outside box */ .Columns610two .Column1 .Module, .Columns610two .Column1 .container, .Columns610two .Column1 .container_elem { width: 290px;} .Columns610two .Column2 .Module, .Columns610two .Column2 .container, .Columns610two .Column2 .container_elem { width: 290px;} /* two columns with Modules inside box */ .Box610 .Column1 .Module, .Box610 .Column1 .container, .Box610 .Column1 .container_elem { width: 290px; } .Box610 .Column2 .Module, .Box610 .Column2 .container, .Box610 .Column2 .container_elem { width: 280px; } /* Modules inside small boxes */ .Columns610two * .Box300 .Module, .Columns610two * .Box300 .container, .Columns610two * .Box300 .container_elem { width: 280px; } .Columns610two .Column1 .Module, .Columns610two .Column2 .Module { margin-left: 20px; } .Columns610two .Column1 .Box300 .Module, .Columns610two .Column2 .Box300 .Module, .Box610 .Column1 .Module, .Box610 .Column2 .Module { margin-left: 10px; } .Columns920three * .Module { width: 280px; } /* Text Blocks */ .Columns920two .Column1 .TextBlock { width: 590px; } .Columns610two .Column1 .TextBlock, .Columns610two .Column2 .TextBlock, .Columns920two .Column2 .TextBlock { width: 280px; } /* Column Separators */ .Box610 .Columns610two.ColumnsVSeparated { background: transparent url(/pics/_backgrounds/dots_hoch.gif) 310px 35px no-repeat; } .Box610 .Columns610two.ColumnsVSeparatedHigh { background: transparent url(/pics/_backgrounds/dots_hoch.gif) 310px 15px no-repeat; } .Columns610two.ColumnsVSeparated { background: transparent url(/pics/_backgrounds/dots_hoch.gif) 320px 35px no-repeat; } .Columns610two.ColumnsVSeparatedHigh { background: transparent url(/pics/_backgrounds/dots_hoch.gif) 320px 15px no-repeat; } .Box920 .Columns920three.ColumnsVSeparated { background: transparent url(/pics/_backgrounds/dots_hoch_twocols.gif) 0 0 repeat-y; } .ColumnsHSeparated .Column1, .ColumnsHSeparated .Column2 { background: transparent url(/pics/_backgrounds/dots_quer.gif) 0 0 no-repeat; } .ColumnsHSeparated .Column1 { background-position: 10px 5px; } .ColumnsHSeparated .Column2 { background-position: -10px 5px; }