/* _/\_ _>,"<___________________________________________________ _ _ ___ _ _ _ ___ _ | \| || __|/_\ | \| |/ __| __| | ___ | .` || _|/ _ \ | .` |\__ \ _ / _` |/ -_) |_|\_||_|/_/ \_\|_|\_||___/(_)\__,_|\___| .�~--- STYL0RSH33T --- BY CENO --- 2oo9 | o5 | 13 ---~�. */ * { margin:0; padding:0; border:0; } html { font-size: 12px; } body { background:#a999bd url('../_img/design/bg.gif'); font-family: Arial, sans-serif; } a { text-decoration:none; } ul, ol { list-style:none; } /* Social Buttons */ .social_buttons { text-align: left; margin-left: 7px; } .social_button { float: left; margin-right: 5px; } /* Clearfix */ * html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */ *+html .clearfix { min-height: 1%; } /* IE7 Fix */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* Hidden Elements */ .hd { display:none !important; } :focus { outline: 0; } #mainframe { width:1000px; background:url('../_img/design/bg_splat.gif') no-repeat top left; padding:45px 0 0 67px; } /* -- HEAD -- */ #head { width:734px; height:135px; background:url('../_img/design/bg_head.gif') no-repeat 0 23px; padding:0 0 0 17px; position:relative; } #head img { display:block; } #head .logo { width:210px; height:131px; position:absolute; top:0; } #head .upper { height:115px; } #head .upper .advertising { width:468px; height:60px; float:right; margin:39px 18px 0 0; display:inline; } #head .menu { position:relative; height:20px; padding:0 0 0 148px; overflow:hidden; clear:both; font-weight:bold; font-family:Verdana; background:url('../_img/design/menu_bg.gif') no-repeat 132px bottom; } #head .menu menu { border-left:2px solid #000; border-right:2px solid #000; float:left; } #head .menu menu li { display:inline; float:left; background:#ffaa00 url('../_img/design/menu_item_bg.gif') repeat-x top; } #head .menu menu li a { display:block; float:left; overflow:hidden; height:16px; padding:2px 12px; color:#5c3b86; background-repeat:no-repeat; background-position:center 2px; line-height:50px; } #head .menu menu li a:hover { color:#000; /*background-color:#ffbd3a;*/ } #head .menu menu li.aktuelles a { background-image:url('../_img/design/mm_aktuelles.gif'); } #head .menu menu li.tests a { background-image:url('../_img/design/mm_tests.gif'); } #head .menu menu li.features a { background-image:url('../_img/design/mm_features.gif'); } #head .menu menu li.gamelist a { background-image:url('../_img/design/mm_gamelist.gif'); } #head .menu menu li.quiz a { background-image:url('../_img/design/mm_quiz.gif'); } #head .menu menu li.active { border-top-color:#FFF; border-bottom-color:#FFF; border-left:2px solid #000; border-right:2px solid #000;background:#FFF;} #head .menu menu li.active a, #head .menu ul li.active a:hover { color:#5c3b86; background-position:center -14px; } #chest { width:751px; background:url('../_img/design/chest_bg.gif') repeat-y 141px 0; } #chest a { color:#422a60; text-decoration:underline; font-weight:normal;} #chest a:hover { color:#d88f20; text-decoration:none; } /* -- LEFT -- */ #left { float:left; width:136px; padding:25px 0 0 5px; background:url('../_img/design/since_1999.gif') no-repeat 19px top;} #left .box { width:136px; display:relative; position:relative; left:2px; padding:0 0 14px 0; margin:0 0 8px 0; background:url('../_img/design/box_side_bottom.gif') no-repeat bottom left; } #left .box h4 { cursor:default; padding:11px 0 0 14px; color:#ffaa00; display:block; font-size:11px; line-height:12px; height:13px; width:122px; overflow:hidden; background:url('../_img/design/box_side_head.gif') no-repeat top left; } #left .box .inhalt { background:#e7e7e7 url('../_img/design/box_side_bg.gif') repeat-y; } #left .box .inhalt p { padding:4px 5px 0 11px; } #left .box .inhalt ul { margin:0 1px 0 7px; padding:4px 0 0 0; } #left .box .inhalt ul li { height:100%; } #left .box .inhalt ul li a { font-weight:bold; text-decoration:none; display:block; width:118px; border-bottom:1px solid #cbc5d4; padding:3px 3px 3px 7px; } #left .box .inhalt ul li a:hover { background-color:#dcd9df; color:#000; } #left .box h4 span { background-repeat:no-repeat; display:block; } #left .box.nfans h4 span { background-image:url('../_img/design/box_left_nfans.gif'); text-indent:-666px; } #left .box.partner h4 span { background-image:url('../_img/design/box_left_partner.gif'); text-indent:-666px; } #left .box.stuff h4 span { background-image:url('../_img/design/box_left_stuff.gif'); text-indent:-666px; } #left .box.useractivity h4 span { background-image:url('../_img/design/box_left_useractivity.gif'); text-indent:-666px; } /* random game / all eyes on: */ #left .box.randomgame h4 span, #left .box.alleyeson h4 span { text-indent:-666px; } #left .box.randomgame h4 span { background-image:url('../_img/design/box_left_random_game.gif'); } #left .box.alleyeson h4 span { background-image:url('../_img/design/box_left_all_eyes_on.gif'); } #left .box.randomgame p, #left .box.alleyeson p { text-align:center; font-size:11px; } #left .box.randomgame img, #left .box.alleyeson img { display:block; margin:0 0 3px 0; width:120px; } #left .box.randomgame a, #left .box.alleyeson a { font-weight:bold; text-decoration:none; display:block; } #left .box.stuff .inhalt p { text-align:left; } #left .box.stuff .inhalt p a { text-decoration:none; font-weight:bold; display:block; padding:2px 0; } #left .box.stuff .inhalt p a img { display:block; margin:0 0 2px 0; } #left .box.nfans .inhalt p {padding-left:14px; } #left .box.nfans ul { margin-left:6px !important; } #left .box.nfans ul li.active { background:#ffbd3a url('../_img/design/box_left_nfans_active.gif') no-repeat 0 0; } #left .box.nfans ul li.active a { cursor:default; color:#000; } #left .box.nfans ul li.active a:hover { background:none; color:#422a60; } #left .box.nfans ul li a { margin-left:1px; font-weight:normal !important; } /* useractivity */ #left .box.useractivity .inhalt p { text-align:center; font-size:11px; padding-left: 11px; } #left .box.useractivity img { float:left; margin: 2px 3px 0 0 } #left .box.useractivity a { font-weight:bold; text-decoration:none; } #left .box.useractivity p em { cursor:default; text-align:left; display:block; font-style:normal; background:#dcd9df; border:1px solid #cbc5d4; padding:1px; margin:4px 0 0 0; } #left .box.nfans .inhalt form { padding:7px 0 0 7px; } #left .box.nfans .inhalt input { display:inline; width:108px; border:1px solid #422A60; padding:1px 2px 1px 2px; margin:0 0 3px 6px; font-size:10px; line-height:10px; } #left .box.nfans .inhalt input.btnGo { cursor:pointer; overflow:hidden; border:1px solid #ab7200; border-left-color:#fff; border-top-color:#fff; color:#5c3b86; font-weight:bold; line-height:10px; width:114px; height:19px; margin:0 0 0 5px; padding:0; background:#ffaa00; } #left .box.nfans .inhalt input.hidden { display:none; } #left .box.partner ul { margin-left:6px !important; } #left .box.partner ul li.active { background:#ffbd3a url('../_img/design/box_left_nfans_active.gif') no-repeat 0 0; } #left .box.partner ul li.active a { cursor:default; color:#000; } #left .box.partner ul li.active a:hover { background:none; color:#422a60; } #left .box.partner ul li a { margin-left:1px; font-weight:normal !important; } /* -- RIGHT -- */ #right { float:left; width:141px; padding:25px 0 0 0; } #right .box { width:136px; display:relative; position:relative; right:2px; padding:0 0 14px 0; margin:0 0 8px 0; background:url('../_img/design/box_side_bottom.gif') no-repeat -136px bottom ; } #right .box h4 { cursor:default; padding:11px 2px 0 6px; color:#5c3b86; display:block; font-size:11px; line-height:12px; height:13px; width:128px; overflow:hidden; background:url('../_img/design/box_side_head.gif') no-repeat -136px top; } #right .box .inhalt { background:#e7e7e7 url('../_img/design/box_side_bg.gif') repeat-y -136px top; } #right .box .inhalt p { padding:4px 11px 0 6px; } #right .box .inhalt ul { margin:0 0 0 1px; padding:4px 0 0 0; } #right .box .inhalt ul li { height:100%; } #right .box .inhalt ul li a { font-weight:bold; text-decoration:none; display:block; width:118px; border-bottom:1px solid #cbc5d4; padding:3px 5px 3px 5px; } #right .box .inhalt ul li a:hover { background-color:#dcd9df; color:#000; } #right .box .inhalt form { padding:7px 0 0 0;} #right .box .inhalt input { float:left; width:79px; border:1px solid #422A60; padding:1px 2px 1px 2px; margin:0 0 0 6px; font-size:10px; line-height:10px; } #right .box .inhalt input.btnGo { cursor:pointer; text-indent:-666px; overflow:hidden; border:1px solid #ab7200; border-left-color:#fff; border-top-color:#fff; color:#5c3b86; font-weight:bold; width:27px; height:17px; margin:0 0 0 5px; padding:0; background:#ffaa00 url('../_img/design/btnGo_bg.gif') no-repeat 3px 5px; } #right .box h4 span { background-repeat:no-repeat; display:block; text-indent:-666px; } #right .box.suche h4 span { background-image:url('../_img/design/box_right_spiele_suche.gif'); } #right .box.forum h4 span { background-image:url('../_img/design/box_right_forum_aktuell.gif'); } #right .box.reviews h4 span { background-image:url('../_img/design/box_right_neuste_tests.gif'); } /* weitere M�glichkeiten: box_right_neuste_reviews.gif, box_right_testberichte.gif */ #right .box.comingsoon h4 span { background-image:url('../_img/design/box_right_comingsoon.gif'); } #right .box.shopping h4 span { background-image:url('../_img/design/box_right_shopping.gif'); } #right .box.shopping .inhalt p { text-align:center; } #right .box.shopping .inhalt p a { text-decoration:none; font-weight:bold; display:block; padding:5px 0; } #right .box.shopping .inhalt p a img { display:block; margin:0 auto 4px auto; } #right .box.shopping .inhalt iframe { padding:4px; } #right .box.comingsoon .inhalt p { text-align:center; font-size:11px; padding-left: 5px; } #right .box.comingsoon img { display:block; margin:0 0 3px 0; width:120px; } #right .box.comingsoon a { font-weight:bold; text-decoration:none; } #right .box.comingsoon p em { cursor:default; text-align:left; display:block; font-style:normal; background:#dcd9df; border:1px solid #cbc5d4; padding:1px; margin:4px 0 0 0; } #right .box.forum .inhalt ul li a, #right .box.reviews .inhalt ul li a { font-weight:normal; } /* Der Community-Button: */ #right .communityButton { width:112px; margin:-35px 0 14px 9px; position:relative; } #right .communityButton img { display:block; } /* -- MIDDLE -- */ #middle { float:left; width:462px; padding:4px 0 0 6px; background: url('../_img/design/chest_head.gif') no-repeat top left; } #middle .content { width:456px; padding:0;} #middle .content h1.headline { cursor:default; font-size:12px; line-height:12px; color:#FFF; font-weight:bold; padding:5px 12px; height:11px; overflow:hidden; background:url('../_img/design/headline_bg.gif') no-repeat top left; border-bottom:1px solid #000; } #middle .content h4.topic { cursor:default; display:block; width:431px; height:13px; overflow:hidden; padding:4px 5px; margin:7px; font-size:12px; line-height:12px; color:#FFF; background:url('../_img/design/headline_h4_bg.gif') no-repeat top left; } #middle .content h4.newstopic { cursor:default; display:block; width:431px; height:13px; overflow:hidden; padding:4px 5px; margin:7px; font-size:12px; line-height:12px; color:#FFF; background:url('../_img/design/headline_h4_bg_news.gif') no-repeat top left; } #middle .content h4.topic.disabled { background-position:left -21px; } #middle .content h1.headline em, #middle .content h4.topic em { display:block; float:right; font-style:normal; } #middle .content h1.headline span, #middle .content h4.newstopic span { float:left; } #middle .content h4.topic span { float:left; } #middle .content h4.topic em a:hover { color:#FFF; } #middle .content h4.topic em small, #middle .content h1.headline em small {font-size:11px; } #middle .content h2 { cursor:default; margin:7px; font-size:18px; font-weight:bold; color:#442c62; } #middle .content h3 { cursor:default; margin:7px; font-size:16px; font-weight:bold; color:#442c62; } #middle .content p { margin:7px 8px 7px 7px; line-height:17px; } #middle .content p.kommentare { font-size:11px; line-height:14px; border-top:2px dotted silver; padding-top:2px; } #middle .content p.kommentare a { font-weight:bold; text-decoration:none; } #middle .content p.kommentare a:hover { } #middle .content p.hinweis { font-size:11px; line-height:14px; color:#656565; padding:2px; } #middle .content p.hinweis b { color:#000; } #middle .content p.hinweis a { font-weight:normal; } #middle .content p.subline { font-size:11px; line-height:13px; } #middle .content p.subline a { text-decoration:none; } #middle .content p.seitenzahlen { font-size:16px; } #middle .content p br { line-height:10px; } #middle .content p img.left { float:left; margin:0 8px 2px 0; } #middle .content p img.right { float:right; margin:0 0 2px 8px; } #middle .content a { color:#422a60; text-decoration:underline; font-weight:bold;} #middle .content a:hover { color:#d88f20; text-decoration:none; } #middle .content small { font-size:10px; } #middle .content ul { margin:7px 14px; } #middle .content ul li { padding-left:10px; background:url('../_img/design/ul_bullet.gif') no-repeat left center; } #middle .content li { margin:7px 14px; list-style-type:none; padding-left:10px; background:url('../_img/design/ul_bullet.gif') no-repeat left center; } #middle .content table.overview { margin:0 7px; font-size:10px; border-collapse:collapse; cursor:default; } #middle .content table.overview tr.dark { background:#cbc5d4; } #middle .content table.overview tr.light { background:#dcd9df; } #middle .content table.overview td { padding:2px; vertical-align: top; } #middle .content table.overview td a { text-decoration:none; display:block; width:100%; } #middle .content table.overview td.typ { width:35px; color:#9074b3; } /* 30 */ #middle .content table.overview td.titel { width:344px; } /* 349 */ #middle .content table.overview td.datum { width:35px; text-align:right; } #middle .content table.overview td.comments { width:25px; text-align:right; } #middle .content .systeme { overflow:hidden; } #middle .content table.gamelist { line-height:17px; cursor:default; display:inline; color:#442c62; margin:0 7px 0 7px; width:210px; float:left; border-collapse:collapse;} #middle .content table.gamelist span { text-decoration:none; display:block; cursor:pointer; } #middle .content table.gamelist span:hover { background:#dcd9df; color:#000; } #middle .content table.gamelist small { font-size:11px; display:block; } #middle .content table.gamelist small a { padding-left:5px; } #middle .content table.gamelist thead { } #middle .content table.gamelist thead tr td.system { padding-bottom:8px; } #middle .content table.gamelist thead tr td.count { padding-bottom:8px; padding-right:8px; border:0; } #middle .content table.gamelist tbody { } #middle .content table.gamelist tbody td { font-size:13px; padding:2px; font-weight:bold; border-bottom:1px dotted #623f81; } #middle .content table.gamelist thead b { font-size:14px; padding-bottom:4px; display:block; } #middle .content table.gamelist td.system { width:170px; } #middle .content table.gamelist td.count { padding-right:8px; text-align:right; border-left:1px dotted #623f81; border-right:1px dotted #623f81; width:30px; font-weight:normal; } #middle .content table.gamelist tbody td.count { font-size:11px; } #middle .content table.gamelist tfoot td { font-size:11px; padding:2px; color:#888;} #middle .content .features { overflow:hidden; } #middle .content table.featlist { line-height:17px; cursor:default; display:inline; color:#442c62; margin:0 7px 0 7px; width:440px; float:left; border-collapse:collapse;} #middle .content table.featlist span { text-decoration:none; display:block; cursor:pointer; } #middle .content table.featlist span:hover { background:#dcd9df; color:#000; } #middle .content table.featlist small { font-size:11px; display:block; } #middle .content table.featlist small a { padding-left:5px; } #middle .content table.featlist thead { } #middle .content table.featlist thead tr td.kategorie { padding-bottom:8px; } #middle .content table.featlist thead tr td.count { padding-bottom:8px; padding-right:8px; border:0; } #middle .content table.featlist tbody { } #middle .content table.featlist tbody td { font-size:13px; padding:2px; font-weight:bold; border-bottom:1px dotted #623f81; } #middle .content table.featlist thead b { font-size:14px; padding-bottom:4px; display:block; } #middle .content table.featlist td.kategorie { width:300px; } #middle .content table.featlist td.count { padding-right:8px; text-align:right; border-left:1px dotted #623f81; border-right:1px dotted #623f81; width:30px; font-weight:normal; } #middle .content table.featlist tbody td.count { font-size:11px; } #middle .content table.featlist tfoot td { font-size:11px; padding:2px; color:#888;} #middle .content .titelliste { margin:7px 4px 7px 7px; display:none; } #middle .content .titelliste ul.sortierung { margin:7px 0; } #middle .content .titelliste ul.sortierung li { display:inline; background:none; padding:0; margin:0 5px; white-space:nowrap; } #middle .content .titelliste ul.sortierung li span { font-family:Verdana; cursor:pointer; font-weight:bold; color:#442C62} #middle .content .titelliste ul.sortierung li span.selected { color:#D88F20; text-decoration:none; cursor:default; } #middle .content .titelliste ul.sortierung.genre { font-size:10px; } #middle .content .titelliste select { border:1px solid #422A60; margin-left:10px; vertical-align:middle;} #middle .content .titelliste ul.eintraege { margin:10px 0 7px 0; } #middle .content .titelliste ul.eintraege li { margin:0; background:none; padding:4px 4px 4px 4px; display:block; width:432px; float:left; } #middle .content .titelliste ul.eintraege li.light { background:#DCD9DF; } #middle .content .titelliste ul.eintraege li.dark { background:#CBC5D4; } #middle .content .titelliste ul.eintraege span { margin-right:2px; } #middle .content .titelliste ul.eintraege span.titel { width:233px; display:block; float:left; } #middle .content .titelliste ul.eintraege span.titel a { font-weight:normal; text-decoration:none; display:block; } #middle .content .titelliste ul.eintraege span.titel a:hover { color:#FFF; } #middle .content .titelliste ul.eintraege span.genre { width:98px; display:block; float:left; font-size:10px; line-height:14px;} #middle .content .titelliste ul.eintraege span.release { width:62px; display:block; float:left;} #middle .content .titelliste ul.eintraege span.shopping { width:18px; display:block; float:left; text-align:center; } #middle .content .titelliste ul.eintraege span.award { width:40px; display:block; float:left; text-align:center; } #middle .content .titelliste ul.eintraege span.award span { display:block; width:15; height:15px; text-indent:-666px; overflow:hidden; background:url('../_img/design/awards_small.gif') no-repeat 0 0; margin:0 0 0 15px; } #middle .content .titelliste ul.eintraege span.award span.gold { background-position: 0 0; } #middle .content .titelliste ul.eintraege span.award span.silber { background-position: 0 -15px; } #middle .content .titelliste ul.eintraege span.award span.bronze { background-position: 0 -30px; } #middle .content .titelliste ul.eintraege span.kommentare { width:20px; display:block; float:right; text-align:center; font-size:10px; line-height:14px; margin:0;} #middle .content .titelliste ul.eintraege span.kommentare img { display:block; margin:3px auto 0 auto; } #middle .content .titelliste ul.eintraege span.wertung { background:none; padding:0; font-size:12px; display:block; float:left; width:48px; font-size:10px; letter-spacing:-1px; line-height:14px; } #middle .content .titelliste ul.eintraege span.wertung.NFANS { width:21px; border-right:1px solid #000; text-align:center; margin-right:0; padding-right:4px; letter-spacing:0; } #middle .content .titelliste ul.eintraege span.wertung.USER { width:21px; text-align:center; letter-spacing:0; } #middle .content .titelliste ul.eintraege span.wertungrev { background:none; padding:0; font-size:12px; display:block; float:left; width:48px; font-size:10px; letter-spacing:0px; line-height:14px; text-align:right;} #middle .content .titelliste ul.eintraege.legende li { border-bottom:1px solid #422A60; } #middle .content .titelliste ul.eintraege.legende span.genre { font-size:12px; } #middle .content .titelliste ul.eintraege.legende span.wertungrev { font-size:12px; } #middle .content .titelliste .eingrenzung { margin-top:4px; line-height:12px; } #middle .content .titelliste .eingrenzung input { vertical-align:bottom; display:inline; float:left; vertical-align:middle; margin-right:5px; cursor:pointer; width:16px; } #middle .content .titelliste .eingrenzung label { padding-bottom:2px;display:block; float:left; margin-right:10px; cursor:pointer; vertical-align:bottom;} #middle .content .titelliste .eingrenzung label.titel { width:130px; cursor:default; } #middle .content .titelliste2 { margin:7px 4px 7px 7px; display:none; } #middle .content .titelliste2 ul.eintraege { margin:10px 0 7px 0; } #middle .content .titelliste2 ul.eintraege li { margin:0; background:none; padding:4px 4px 4px 4px; display:block; width:432px; float:left; } #middle .content .titelliste2 ul.eintraege li.light { background:#DCD9DF; } #middle .content .titelliste2 ul.eintraege li.dark { background:#CBC5D4; } #middle .content .titelliste2 ul.eintraege span { margin-right:2px; } #middle .content .titelliste2 ul.eintraege span.cover { width:42px; display:block; float:left; } #middle .content .titelliste2 ul.eintraege span.titel { width:233px; display:block; float:left; } #middle .content .titelliste2 ul.eintraege span.titel a { font-weight:normal; text-decoration:none; display:block; } #middle .content .titelliste2 ul.eintraege span.titel a:hover { color:#FFF; } #middle .content .titelliste2 ul.eintraege span.genre { width:98px; display:block; float:left; font-size:10px; line-height:14px;} #middle .content .titelliste2 ul.eintraege span.system { width:25px; display:block; float:left; font-size:10px; line-height:14px;} #middle .content .titelliste2 ul.eintraege span.weg { width:18px; text-align:center; letter-spacing:0; } #middle .content .quicklinks { } #middle .content .quicklinks a { display:inline; width:125px; height:50px; padding:0 0 0 15px; overflow:hidden; background-color:#5c3b86; background-repeat:no-repeat; float:left; margin:7px 3px 3px 7px; } #middle .content .quicklinks a:hover { background-color:#ffaa00; } #middle .content .quicklinks a.win { background-image:url('../_img/design/quicklinks_win.gif'); } #middle .content .quicklinks a.test { background-image:url('../_img/design/quicklinks_test.gif'); } #middle .content .quicklinks a.special { background-image:url('../_img/design/quicklinks_special.gif'); } #middle .content .quicklinks a.kolumne { background-image:url('../_img/design/quicklinks_kolumne.gif'); } /* Styles f�r die Spieletests-Seite: */ #middle .content .gameinfobox { background-color:#d6d6d6; background-repeat:no-repeat; background-position:353px 9px; border:1px solid #000; border-top-color:#d6d6d6; border-left-color:#d6d6d6; margin:7px 8px 7px 7px; padding:8px; } #middle .content a.gameinfobox * { cursor:pointer !important; } #middle .content .gameinfobox a { float:left; font-weight:bold; white-space:nowrap; } #middle .content .gameinfobox .cover { float:left; margin:0 10px 0 0; } #middle .content .gameinfobox .cover img { border:1px solid #442c62; width:125px; display:block; } #middle .content .gameinfobox .cover a:hover img { border-color:#ffaa00; } #middle .content .gameinfobox .details { cursor:default; float:left; width:200px; margin:0 0 10px 0; } #middle .content .gameinfobox .details strong { display:block; width:75px; float:left; padding:0 0 4px 0; font-weight:bold; } #middle .content .gameinfobox .details em { display:block; font-style:normal; float:left; width:120px; padding:0 0 4px 0; font-weight:normal; } #middle .content .gameinfobox .freigabe { float:right; } #middle .content .gameinfobox .freigabe img { display:block; width:73px; height:73px; } /* Styles f�r die Hardwaretests-Seite: */ #middle .content div.hardwaretests ul { display:none; } #middle .content div.hardwaretests ul li { margin:0; } #middle .content div.hardwaretests ul li a { font-weight:normal; } #middle .content .gameinfobox.hardware .details { margin:0; width:280px; } #middle .content .gameinfobox.hardware .details em { width:200px; } #middle .content .gameinfobox.hardware p.hinweis { margin:0; } #middle .content .handpoint { cursor:pointer !important; } #middle .content .impressumbox { float:left; width:410px; margin:7px 8px 7px 7px; padding:2px; } #middle .content .impressumbox strong { display:block; width:160px; float:left; padding:0 0 4px 0; } #middle .content .impressumbox em { display:block; font-style:normal; float:left; width:250px; padding:0 0 4px 0; } #middle .content .showcase { margin:7px 8px 17px 7px; background:#d6d6d6; cursor:default; } #middle .content .showcase .main { min-height:300px; } #middle .content .showcase .main img { display:block; } #middle .content .showcase .head { padding:3px 5px; border-right:1px solid #3a3a3a; } #middle .content .showcase .head a { display:block; float:left; } #middle .content .showcase .head span { display:block; float:right; } #middle .content .showcase .desc { padding:3px 5px; border-right:1px solid #3a3a3a; } #middle .content .showcase .foot { padding:3px 5px; border-right:1px solid #3a3a3a; border-bottom:1px solid #3a3a3a; } #middle .content .showcase .foot a { font-weight:normal; text-decoration:none; background:url('../_img/design/handpoint_icons.gif') no-repeat 0 0; } #middle .content .showcase .foot a.prev { float:left; background-position: 0 -23px; padding:0 0 0 20px; } #middle .content .showcase .foot a.next { float:right; background-position: 100% 1px; padding:0 20px 0 0; } #middle .content .screenshots { margin:7px 0 7px 7px; } #middle .content .screenshots a { font-weight:normal; } #middle .content .screenshots a img { border:1px solid #442c62; width:141px; margin:0 3px 3px 0; } /* height:114px; */ #middle .content .screenshots a:hover img { border-color:#ffaa00; } #middle .content .screenshots small { display:block; text-align:right; margin:0 8px 0 0; font-size:10px; } #middle .content span.wertung { margin-left:3px; padding-left:125px; background:url('../_img/design/ratingtable_small.gif') no-repeat 0 -119px; font-size:10px; cursor:default; } #middle .content span.wertung.w10 { background-position:0 1px; } #middle .content span.wertung.w9_5 { background-position:0 -11px; } #middle .content span.wertung.w9 { background-position:0 -23px; } #middle .content span.wertung.w8_5 { background-position:0 -35px; } #middle .content span.wertung.w8 { background-position:0 -47px; } #middle .content span.wertung.w7_5 { background-position:0 -59px; } #middle .content span.wertung.w7 { background-position:0 -71px; } #middle .content span.wertung.w6_5 { background-position:0 -83px; } #middle .content span.wertung.w6 { background-position:0 -95px; } #middle .content span.wertung.w5_5 { background-position:0 -107px; } #middle .content span.wertung.w5 { background-position:0 -119px; } #middle .content span.wertung.w4_5 { background-position:0 -131px; } #middle .content span.wertung.w4 { background-position:0 -142px; } #middle .content span.wertung.w3_5 { background-position:0 -154px; } #middle .content span.wertung.w3 { background-position:0 -166px; } #middle .content span.wertung.w2_5 { background-position:0 -178px; } #middle .content span.wertung.w2 { background-position:0 -190px; } #middle .content span.wertung.w1_5 { background-position:0 -202px; } #middle .content span.wertung.w1 { background-position:0 -214px; } #middle .content span.wertung.w0_5 { background-position:0 -226px; } #middle .content span.wertung.w0 { background-position:0 -238px; } #middle .content .usercomment { margin:7px 8px -3px 7px; background:#d6d6d6 url('../_img/design/usercomment_bg.gif') repeat-y 111px top; } #middle .content .usercomment .user { width:102px; padding:4px; float:left; margin:0 2px 0 0; overflow:hidden; } #middle .content .usercomment .user img { display:block; margin:16px 0; } #middle .content .usercomment .text { width:329px; float:left; } #middle .content .usercomment .text small { margin:2px; padding-left:13px; background:#c3c3c3 url('../_img/design/usercomment_icon.gif') no-repeat 2px 2px; display:block; height:15px; line-height:15px; } #middle .content .usercommentsmall { margin:7px 8px -3px 7px; background:#d6d6d6 url('../_img/design/usercomment_bg.gif') repeat-y 44px top; } #middle .content .usercommentsmall .user { width:44px; padding:2px; float:left; margin:0 2px 0 0; overflow:hidden; } #middle .content .usercommentsmall .user img { display:block; margin:0px 0; } #middle .content .usercommentsmall .text { width:440px; } #middle .content .infokasten { cursor:default; float:right; display:inline; width:161px; margin:9px 7px 5px 7px; padding:7px; background:#d6d6d6; border:1px solid #000; border-top-color:#d6d6d6; border-left-color:#d6d6d6; } #middle .content .infokasten .screenshots { margin:0; } #middle .content .infokasten .screenshots a img { width:158px; height:auto !important; margin:0 0 3px 0; } #middle .content .infokasten .screenshots small { margin:0; margin:0 1px 0 0; } #middle .content .infokasten h4 { cursor:default; margin:7px 0; font-size:16px; font-weight:bold; color:#442c62; } #middle .content .infokasten p { margin:7px 0; } #middle .content .infokasten p b { display:block; } #middle .content .infokasten dl { padding:2px; margin:0 0 2px 0; border:1px solid #bbb6c0; } #middle .content .infokasten dl dt { display:none; } #middle .content .infokasten dl dd { padding:0 0 0 9px; background-repeat:no-repeat; background-position:0 5px; } #middle .content .infokasten dl.plus { background:#abd8ab; } #middle .content .infokasten dl.plus dd { background-image:url('../_img/design/li_plus.gif'); } #middle .content .infokasten dl.minus { background:#d8aeae; } #middle .content .infokasten dl.minus dd { background-image:url('../_img/design/li_minus.gif'); } #middle .content .fazitkasten { background:#ffcc65 url('../_img/design/fazitkasten_bg.gif') no-repeat bottom right; margin:0 1px; border-bottom:1px solid #000; } #middle .content .fazitkasten h2 { height:20px; line-height:20px; font-size:12px; font-weight:bold; color:#FFF; padding:0 7px; margin:0; border-bottom:1px solid #000; background:url('../_img/design/headline_fazit_bg.gif') no-repeat top left; } #middle .content .fazitkasten p.autor { margin:2px 3px; padding-top:2px; text-align:right; color:#5c3b86; font-size:11px; clear:both; } #middle .content .fazitkasten .cover { margin:10px 10px 6px 10px; float:left; display:inline; } #middle .content .fazitkasten .cover img { border:1px solid #442c62; width:120px; } #middle .content .fazitkasten .cover a:hover img { border-color:#ffaa00; } #middle .content .fazitkasten .text { padding:10px; margin: 10px 0 6px 0; float:left; background:url('../_img/design/big_quotes.gif') no-repeat -30px top; } #middle .content .fazitkasten .text p { font:11px Verdana; line-height:15px; padding:0 10px 10px 0; text-align:justify; width:280px; margin:0; background:url('../_img/design/big_quotes.gif') no-repeat 260px bottom; } #middle .content .fazitkasten .wertung { clear:both; } #middle .content .fazitkasten .wertung dl { display:inline; font-size:16px; font-weight:bold; color:#442c62; cursor:default; } #middle .content .fazitkasten .wertung dl dt { display:inline; text-align:right; float:left; width:122px; height:32px; line-height:32px; overflow:hidden; margin:-10px 0 0 10px; } #middle .content .fazitkasten .wertung dl dd { display:inline; float:left; width:110px; height:32px; line-height:32px; overflow:hidden; margin:-10px 0 0 20px; padding:0 0 0 180px; background:url('../_img/design/ratingtable_big.gif') no-repeat left -7px; } #middle .content .fazitkasten .wertung dl dt.gesamt { font-size:18px; line-height:30px; margin-top:0; } #middle .content .fazitkasten .wertung dl dd.gesamt { font-size:30px; width:95px; margin-top:0; padding:0 0 0 195px; line-height:30px; } #middle .content .fazitkasten .wertung dl dd.w10 { background-position:left 0; } #middle .content .fazitkasten .wertung dl dd.w9_5 { background-position:left -32px; } #middle .content .fazitkasten .wertung dl dd.w9 { background-position:left -64px; } #middle .content .fazitkasten .wertung dl dd.w8_5 { background-position:left -96px; } #middle .content .fazitkasten .wertung dl dd.w8 { background-position:left -128px; } #middle .content .fazitkasten .wertung dl dd.w7_5 { background-position:left -160px; } #middle .content .fazitkasten .wertung dl dd.w7 { background-position:left -192px; } #middle .content .fazitkasten .wertung dl dd.w6_5 { background-position:left -224px; } #middle .content .fazitkasten .wertung dl dd.w6 { background-position:left -256px; } #middle .content .fazitkasten .wertung dl dd.w5_5 { background-position:left -288px; } #middle .content .fazitkasten .wertung dl dd.w5 { background-position:left -320px; } #middle .content .fazitkasten .wertung dl dd.w4_5 { background-position:left -352px; } #middle .content .fazitkasten .wertung dl dd.w4 { background-position:left -384px; } #middle .content .fazitkasten .wertung dl dd.w3_5 { background-position:left -416px; } #middle .content .fazitkasten .wertung dl dd.w3 { background-position:left -448px; } #middle .content .fazitkasten .wertung dl dd.w2_5 { background-position:left -480px; } #middle .content .fazitkasten .wertung dl dd.w2 { background-position:left -512px; } #middle .content .fazitkasten .wertung dl dd.w1_5 { background-position:left -544px; } #middle .content .fazitkasten .wertung dl dd.w1 { background-position:left -576px; } #middle .content .fazitkasten .wertung dl dd.w0_5 { background-position:left -608px; } #middle .content .fazitkasten .wertung dl dd.w0 { background-position:left -640px; } /* Styles f�r eine beliebige Tabelle: */ #middle .content .anytable { margin:0 0 0 7px; width:441px; border-collapse:collapse; } #middle .content .anytable thead { background:#cbc5d4; font-weight:bold; color:#000; } #middle .content .anytable thead td { border-bottom:1px solid #422a60; } #middle .content .anytable tfoot td { border-top:1px solid #422a60; color:#656565; } #middle .content .anytable tr.hell { background:#dcd9df; } #middle .content .anytable tr.dunkel { background:#cbc5d4; } #middle .content .anytable td { padding:4px; vertical-align:top; } /* Styles f�r eine beliebige Tabelle: */ #middle .content .anytable_small { margin:0 0 0 7px; width:98%; border-collapse:collapse; } #middle .content .anytable_small thead { background:#cbc5d4; font-weight:bold; color:#000; } #middle .content .anytable_small thead td { border-bottom:1px solid #422a60; } #middle .content .anytable_small tfoot td { border-top:1px solid #422a60; color:#656565; } #middle .content .anytable_small tr.dunkel { background:#cbc5d4; } #middle .content .anytable_small td { padding:4px; vertical-align:top; } /* Styles f�r Formulare: */ #middle .content form { width:454px; display:block; } #middle .content form p { margin-top:0; } #middle .content form p span.line { display:block; padding-bottom:7px; } #middle .content form p span.line span.multiline { width:327px; float:left; display:block; } #middle .content form p span.line span.multiline label { width:310px; display:block; clear:both; cursor:pointer; text-align:left;} #middle .content form p span.line span.multiline label span { display:block; float:left; width:285px; } #middle .content form p span.line label { width:100px; display:block; float:left; text-align:right; padding-right:10px;} #middle .content form p span.line input.formText { width:50%; float:left; border:1px solid #BBB6C0; } #middle .content form p span.line input.formRadio { margin-right:5px; width:16px; float:left; } #middle .content form p span.line input.formCheck { margin-right:5px; width:16px; float:left; } #middle .content form p span.line textarea { width:327px; float:left; height:100px; border:1px solid #BBB6C0; } #middle .content form p span.line.error * { color:#e00000; } #middle .content form p span.line.error input.formText { border-color:#e00000; } #middle .content form p span.line.error textarea { border-color:#e00000; } #middle .content form p input.formButton { width:auto; padding:0; margin:0 0 0 2px; color:#422a60; font-size:10px; float:right; cursor:pointer; padding:2px; background:#FFAA00; border-color:#FFFFFF #AB7200 #AB7200 #FFFFFF; border-style:solid; border-width:1px; } /* Styles f�r die Spieletests-Seite: */ #middle .content a.gameinfobox { display:block; cursor:pointer; text-decoration:none; } #middle .content a.gameinfobox * { cursor:pointer !important; } #middle .content a.gameinfobox p { float:right; margin:0; width:286px;} #middle .content a.gameinfobox:hover { color:#000; background-color:#CBC5D4; } #middle .content a.gameinfobox p.hinweis { text-align:right; float:right; padding-right:20px; width:286px; margin:5px 0 0 0; background:url('../_img/design/handpoint_icons.gif') no-repeat 100% 2px; } #middle .content a.gameinfobox p span.wertung { margin-left:20px; } #middle .content p span.award { display:inline; width:15; height:16px; padding-left:18px; margin:-4px 0 0 2px; overflow:hidden; background:url('../_img/design/awards_small.gif') no-repeat 0 0; } #middle .content p span.award.gold { background-position: 0 0px; } #middle .content p span.award.silber { background-position: 0 -15px; } #middle .content p span.award.bronze { background-position: 0 -30px; } /*Styles f�r die Personal-Gameliste: */ #addgamebutton { width:auto; padding:0; margin:0 0 10px 2px; color:#422a60; font-size:10px; float:left; cursor:pointer; padding:2px; background:#FFAA00; border-color:#FFFFFF #AB7200 #AB7200 #FFFFFF; border-style:solid; border-width:1px; } /* Styles Cookie Warning: */ .cc_container .cc_btn { background-color: #ffbd3a !important; /* Farbe des Buttons */ color: #422a60 !important; /* Textfarbe des Buttons */ } .cc_container { background: #CBC5D4 !important; /* Hintergrundfarbe des gesamten Bereichs */ color: #422a60 !important; /* Schriftfarbe des gesamten Bereichs */ } .cc_container a { color: #000000 !important; font-weight:bold /* Textlink-Farbe "Mehr Infos" */ } /* -- FOOTER -- */ #footer { clear:both; width:751px; padding:20px 0; text-align:center; color:#FFF; background:url('../_img/design/footer_bg.gif') no-repeat 141px 0; } #footer a { font-weight:bold; color:#FFF; } #footer a:hover { text-decoration:underline; } #footer ul li { display:inline; margin:0 5px; }/*