/* RESET */

* { margin:0; padding:0; }
ul, ol { list-style-type:none; margin:0; padding:0; }
a img { border:none; }
a { color:#c46a01; text-decoration:none; }
a:hover { text-decoration:underline; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; line-height:0; }


/* STRUCTURE */

body { background:#eee url("/images/header-style.jpg") repeat-x 50% 0; font:normal 12px Arial,Helvetica,sans-serif; color:#808080; position:relative; }
#start { width:980px; margin:0 auto; }
#title { float:left; width:380px; height:132px; }
#title a { outline:none; }
#logo { width:341px; height:42px; margin-top:38px; }
#tagline { margin-left:3px; color:#808080; font-size:11px; }

#meta-navigation { float:left; margin:30px 0 0 60px; }
#meta-navigation li { float:left; margin-right:15px; text-align:center; }
#meta-navigation li a { width:86px; padding:44px 0 12px 0; display:block; color:#f4f4f4; font-size:16px; outline:none; }
#meta-navigation li .active, #meta-navigation li a:hover { text-decoration:none; background:#2f2f2f; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#meta-navigation .neu { background:url("/images/icons_meta.png") center 12px no-repeat; }
#meta-navigation .top10 { background:url("/images/icons_meta.png") center -53px no-repeat; }
#meta-navigation .charts { background:url("/images/icons_meta.png") center -114px no-repeat; }
#meta-navigation .neu.active, #meta-navigation .neu:hover { background:rgba(64, 64, 64, 0.4) url("/images/icons_meta.png") center 12px no-repeat; }
#meta-navigation .top10.active, #meta-navigation .top10:hover { background:rgba(64, 64, 64, 0.4) url("/images/icons_meta.png") center -53px no-repeat; }
#meta-navigation .charts.active, #meta-navigation .charts:hover { background:rgba(64, 64, 64, 0.4) url("/images/icons_meta.png") center -114px no-repeat; }

#navigation li { float:left; margin-right:4px; }
#navigation li a { display:inline-block; padding:12px 20px; background:#2f2f2f; background:rgba(64, 64, 64, 0.6); color:#fff; font-weight:bold; line-height:15px; outline:none; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-radius-topleft:4px; -webkit-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px; }
#navigation li .active, #navigation li a:hover { background:#fff; color:#000; text-decoration:none; }
#navigation li #startseite { text-indent:-9999px; background:rgba(64, 64, 64, 0.6) url("/images/icon_home_white.png") no-repeat 11px; }
#navigation li #startseite.active, #navigation li #startseite:hover { background:#fff url("/images/icon_home.png") no-repeat 11px; }

#socialbox { padding-top:52px; float:right; background:url("/images/support.png") center 24px no-repeat; }
.social { margin-top:2px; padding:6px 0 6px 6px; background:rgba(255, 255, 255, 0.1); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.social.google { padding-left:56px; width:70px; background:rgba(255, 255, 255, 0.1) url("/images/google.png") 6px 9px no-repeat; }

#wrapper { position:absolute; top:100%; left:0; width:100%; background:#171717; color:#808080; }
#wrapper-article { width:980px; margin:auto; padding-bottom:40px; }
#wrapper h1, #wrapper h2 { color:#bfbfbf; font:bold 12px Arial,Helvetica,sans-serif; margin-bottom:10px; }
#wrapper h2 { margin-top:20px; }
#wrapper p { margin-bottom:10px; }
#wrapper a { color:#bfbfbf; }

#leftcol, #gamecol { margin:20px 0 10px 0; float:left; width:630px; }
#rightcol { margin:20px 0 0 20px; float:right; }

.scrgame { padding-right:15px; float:left; width:300px; }
.scrgame img { margin:0 10px 15px 0; float:left; width:99px; height:74px; padding:4px; border:1px solid #d4d4d4; }
.scrgame p { margin-top:5px; font-size:11px; line-height:18px; }
.scrgame.pdzero { padding-right:0; }

.recgame { font:bold 16px Arial,sans-serif; }
.recgame img { margin:0 15px 15px 0; border:1px solid #d4d4d4; padding:4px; float:left; width:75px; height:75px; }

.greybox { margin-bottom:25px; padding:10px 10px 0 10px; width:258px; background:#f4f4f4; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #dfdfdf; -moz-box-shadow:inset 0 0 3px #dfdfdf; -webkit-box-shadow:inset 0 0 3px #dfdfdf; box-shadow:inset 0 0 3px #dfdfdf; }
.greybox img { width:50px; height:50px; background:#fff; margin:0 10px 10px 0; float:left; padding:4px; border:1px solid #d4d4d4; }
.greybox p { margin-top:2px; font-size:11px; line-height:16px; }
.greybox.fb { padding:5px; width:268px; }

.greybox a, .scrgame a, .preview .genre, #fgsimilar a { font-weight:bold; }
.greybox img:hover, .recgame img:hover, .scrgame img:hover, .preview img:hover, .secgamelink img:hover, #fgsimilar img:hover, .chartgame img:hover { border:1px solid #aaa; }

#foot { background:#171717; margin-top:45px; }
#footer { width:980px; margin:25px auto 0 auto; padding:40px 0; font-size:11px; }
#footer li { margin-right:5px; float:left; }
#footer .primary { padding:4px 8px; color:#bfbfbf; background:#212121; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#footer .secondary { margin-left:16px; float:right; }
#footer a { color:#bfbfbf; }
#footer a:hover { color:#fff; text-decoration:none; }

#paginate { clear:both; margin:10px 0; padding-bottom:20px; }
#paginate li { float:left; margin-right:4px; }
#paginate li p { margin-right:10px; }
.preview .more, #paginate li a { padding:6px 10px; color:#333; background-color:#ededed; border:1px solid #d4d4d4; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.preview .more:hover, #paginate li a:hover, #paginate li .active { background:#393939; text-decoration:none; border:1px solid #393939; color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }

#kbgl, #bg { float:right; width:240px; height:150px; margin-left:15px; border:3px solid #444; padding:1px; }
#bg { float:left; height:158px; margin:2px 10px 0 0; }
#bs, #bgk { float:right; width:190px; height:190px; margin:3px 0 0 15px; border:1px solid #d4d4d4; padding:3px; }
#bgk { width:170px; height:210px; }

/* SECTIONS */

.preview { float:left; width:218px; margin-bottom:35px; }
.preview.break { margin-right:18px; }
.preview img { margin-bottom:10px; padding:4px; border:1px solid #d4d4d4; }
.preview a { font-weight:bold; font-size:14px; }
.preview p { margin:6px 0; }
.preview .desc { margin:6px 0 16px 0; }
.preview .more { font-weight:normal; font-size:12px; }

.introduction { margin:20px 0 25px 0; }
.introduction img, .midsec img { float:left; margin:2px 15px 0 0; }
#hlsocial { height:20px; margin-bottom:25px; border:1px solid #d4d4d4; border-width:1px 0; padding:8px 0; }
#hlsocial h2 { float:left; font-size:12px; }
#hlsocial span { float:right; }
.midsec { margin:5px 0 30px 0; }
.lowsec { margin:5px 0 15px 0; }

.secgamelink { font:bold 16px Arial,Helvetica,sans-serif; }
.secgamelink img { margin:0 25px 25px 0; border:1px solid #d4d4d4; padding:4px; float:left; width:208px; height:106px; }
.secgamenote { margin-bottom:10px; font:11px Arial,Helvetica,sans-serif; color:#949598; }

.top10game { float:left; width:48px; margin-right:25px; }
.top10game .rank { font-weight:bold; margin-bottom:20px; }
.top10game .rating, .top10game .favorite { margin-bottom:10px; line-height:13px; font-size:11px; color:#949598; background:url("/images/icons_top10.png") 0 -1px no-repeat; padding-left:20px; }
.top10game .favorite { background:url("/images/icons_top10.png") 0 -14px no-repeat; }
.top10gamedesc { font-size:11px; }

.chartbox { width:455px; float:left; margin-bottom:20px; }
.chartgame { padding:10px; border-bottom:1px solid #d4d4d4; }
.chartgame img { margin:0 10px 0 0; background:#fff; border:1px solid #d4d4d4; padding:4px; float:left; }
.chartgame p { font-size:11px; }
.chartgame a { font-size:12px; font-weight:bold; }
.chartgame .rating { float:right; font-size:11px; color:#949598; margin-right:5px; }
.cat { padding:12px 0 12px 28px; font:bold 12px Arial,Helvetica,sans-serif; border-bottom:1px solid #a4a4a4; }
.cat a { float:right; font-size:11px; font-weight:normal; margin-top:2px; }
.cat.strategiespiele { background:url("/images/icons_charts.png") 0 11px no-repeat; }
.cat.rollenspiele { background:url("/images/icons_charts.png") 0 -19px no-repeat; }
.cat.simulationen { background:url("/images/icons_charts.png") 0 -49px no-repeat; }
.cat.mmorpg { background:url("/images/icons_charts.png") 0 -77px no-repeat; }
.cat.actionspiele { background:url("/images/icons_charts.png") 0 -105px no-repeat; }
.cat.sportspiele { background:url("/images/icons_charts.png") 0 -134px no-repeat; }

#genre { float:left; width:600px; margin-right:30px; }
#genre p { margin-bottom:10px; }
#genre h3, .genresubhl { margin-top:20px; font:16px Georgia,'Times New Roman',serif; }
#genrepic { float:right; margin:2px 0 0 15px; border:1px solid #d4d4d4; padding:3px; }


/* TYPOGRAPHY */

.siteinfo { padding:25px; font-size:12px; line-height:150%; background:#fff; color:#2d2e2a; -moz-box-shadow:0 2px 3px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 3px 1px rgba(0,0,0,0.1); box-shadow:0 2px 3px 1px rgba(0,0,0,0.1); }
.siteinfo.game { margin-top:20px; padding-top:5px; }
.siteinfo h1 { font:normal 18px Georgia,'Times New Roman',serif; margin-bottom:10px; }
.siteinfo h3 { font-size:12px; margin-bottom:10px; }

.bighl, .genrehl { font:normal 20px Georgia,'Times New Roman',serif; margin:0 0 20px 0; border:0 solid #aaa; border-width:1px 0; border-bottom-style:dotted; padding:12px 0; }
.genrehl { font:normal 18px Georgia,'Times New Roman',serif; margin:20px 0 10px 0; }
.subhl { font:italic 16px Georgia,'Times New Roman',serif; margin:0 0 12px 14px; }
.brdhl { font-weight:bold; margin-bottom:15px; border-bottom:1px solid #d4d4d4; padding:8px 0; }
.mbot { margin-bottom:10px; }


/* PROFILE */

#gamecol { width:615px; }
#gamecol h2 { margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid #e4e4e4; font:16px Georgia,'Times New Roman',serif; }
#gamecol h3 { margin-bottom:10px; font-weight:bold; }
#gamecol p { line-height:160%; margin-bottom:14px; }

#intro { float:left; font-family:Georgia,'Times New Roman',serif; }
#intro.browsergame { width:490px; }
#intro h1 { font:22px Georgia,'Times New Roman',serif; margin-bottom:10px; }
#gametype { font:italic 16px Georgia,'Times New Roman',serif; }
#stats { height:36px; padding:0 2px; margin:14px 0; border:1px dotted #c6c6c6; border-width:1px 0; }
#stats .details { float:right; padding-top:11px; margin-left:30px; color:#909090; font-size:13px; }
.socialbutton { float:left; padding-top:8px; }
#gamedesc { font:13px Arial,Helvetica,sans-serif; line-height:160%; margin-bottom:10px; }
#gallery { float:right; padding:4px; background:#f4f4f4; border:1px solid #dfdfdf; -moz-box-shadow:inset 0 0 3px #dfdfdf; -webkit-box-shadow:inset 0 0 3px #dfdfdf; box-shadow:inset 0 0 3px #dfdfdf; }
#thumb { background:#f4f4f4; border:1px solid #e4e4e4; padding:4px; margin:2px 0 4px 0; cursor:pointer; }

#fgnote { margin-top:15px; font:13px Arial,Helvetica,sans-serif; }
#fgcontent { background:#f4f4f4; margin-top:15px; padding:10px; border:1px solid #dfdfdf; -moz-box-shadow:inset 0 0 3px #dfdfdf; -webkit-box-shadow:inset 0 0 3px #dfdfdf; box-shadow:inset 0 0 3px #dfdfdf; }
#fgsimilar { margin-top:25px; }
#fgsimilar ul { margin-top:15px; }
#fgsimilar li { width:50%; float:left; }
#fgsimilar img { margin:0 12px 15px 0; border:1px solid #dfdfdf; padding:4px; float:left; }
#fgsimilar p { margin-top:6px; padding-right:10px; }


/* MISC */

a.browsergames {
	float: right;
	height: 14px;
	color: #981f00;
	font-weight: bold;
	background:url("/images/arrow_right.gif") #fff no-repeat 130px center;
	padding: 8px 26px 8px 10px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.browsergames:hover { color: #fff; background:url("/images/arrow_right.gif") #282828 no-repeat 130px center; border: 1px solid #282828; }
.btn { outline: none; margin: 12px 12px 0 0; width: 192px; height: 38px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.btn.grey {
text-shadow: 1px 1px 1px #616161;
background: url("/images/btn-gradient.png") repeat-x center #808080;
background: -moz-linear-gradient(top, #9b9b9b 0%, #808080 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b9b9b), color-stop(100%,#808080));
background: -webkit-linear-gradient(top, #9b9b9b 0%,#808080 100%);
background: -o-linear-gradient(top, #9b9b9b 0%,#808080 100%);
background: -ms-linear-gradient(top, #9b9b9b 0%,#808080 100%);
background: linear-gradient(top, #9b9b9b 0%,#808080 100%);
border: 1px solid #808080;
border-bottom: 1px solid #5f5f5f;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);
}
.btn.grey:hover {
background: url("/images/btn-gradient.png") repeat-x center #929292;
background: -moz-linear-gradient(top, #808080 0%, #9b9b9b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#9b9b9b));
background: -webkit-linear-gradient(top, #808080 0%,#9b9b9b 100%);
background: -o-linear-gradient(top, #808080 0%,#9b9b9b 100%);
background: -ms-linear-gradient(top, #808080 0%,#9b9b9b 100%);
background: linear-gradient(top, #808080 0%,#9b9b9b 100%);
}
.btn.orange {
text-shadow: 0 1px 1px #346410;
background: url("/images/btn-gradient.png") repeat-x center #5ab01c;
background: -moz-linear-gradient(top, #78be45 0%, #5ab01c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78be45), color-stop(100%,#5ab01c));
background: -webkit-linear-gradient(top, #78be45 0%,#5ab01c 100%);
background: -o-linear-gradient(top, #78be45 0%,#5ab01c 100%);
background: -ms-linear-gradient(top, #78be45 0%,#5ab01c 100%);
background: linear-gradient(top, #78be45 0%,#5ab01c 100%);
border: 1px solid #5ab01c;
border-bottom: 1px solid #707070;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);
}
.btn.orange:hover {
background: url("../images/btn-gradient.png") repeat-x center #78be45;
background: -moz-linear-gradient(top, #5ab01c 0%, #78be45 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ab01c), color-stop(100%,#78be45));
background: -webkit-linear-gradient(top, #5ab01c 0%,#78be45 100%);
background: -o-linear-gradient(top, #5ab01c 0%,#78be45 100%);
background: -ms-linear-gradient(top, #5ab01c 0%,#78be45 100%);
background: linear-gradient(top, #5ab01c 0%,#78be45 100%);
}
.btn.orange.profile { float: left; margin-top: 7px; width: 265px; height: 45px; }
.btn.title { line-height: 36px; font-size: 18px; padding-left: 42px; }
.btn.title.profile { font-weight: bold; line-height: 44px; padding-left: 18px; }
.btn.title.greyicon { background: url("/images/icon-btn-glass.png") 15px 4px no-repeat; }
.btn.title.orangeicon { background: url("/images/icon-btn-arrow.png") 15px 3px no-repeat; }


/* ARTIKEL */

.leftbox { border: 1px solid #e4e4e4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; float:left; margin-bottom:10px; padding:10px; text-align:justify; font-size:12px; width:542px; line-height:160%; }
.leftbox h2 { font-size:20px; font-family:Georgia,'Times New Roman',serif; font-weight:normal; margin:0; padding-top:5px; }
.leftbox h3 { font-size:14px; padding-top:5px; margin-top:10px }
.leftbox p { margin-top:10px }
.leftbox a { color: #811e00; font-weight: bold }
.leftbox img { margin-top:10px; }
.rightbox { width:392px; float: right; margin-bottom: 10px; padding: 0 10px 10px 0; }
.rightbox .smallgame { width:382px; margin: 0 0 10px 0; color: #62676b; }
.rightbox .smallgame img { border: 1px solid #dedede; background:#fff; padding:5px; }
.rightbox .smallgame img:hover { border: 1px solid #939393; }
.rightbox .smallgame .title { color: #2d2e2a; }
.rightbox .smallgame .title:hover { color: #811e00; }
.rightbox .smallgame .rating { float: right; font-size: 13px; font-style: italic; font-weight: bold; color: #c9c9c9; padding-top: 2px; }

a.playbutton {
background: url("/images/btn-gradient.png") repeat-x center #5ab01c;
background: -moz-linear-gradient(top, #78be45 0%, #5ab01c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78be45), color-stop(100%,#5ab01c));
background: -webkit-linear-gradient(top, #78be45 0%,#5ab01c 100%);
background: -o-linear-gradient(top, #78be45 0%,#5ab01c 100%);
background: -ms-linear-gradient(top, #78be45 0%,#5ab01c 100%);
background: linear-gradient(top, #78be45 0%,#5ab01c 100%);
border: 1px solid #5ab01c;
border-bottom: 1px solid #707070;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
display:block;
padding: 8px 16px;
color: #fff;
text-shadow: 0 1px 1px #346410;
font:bold 15px Futura,'Century Gothic',AppleGothic,sans-serif;
text-decoration:none;
margin-top:8px;
float:left;
}
a.playbutton.big {
font: 18px Futura, 'Century Gothic', AppleGothic, sans-serif;
font-weight: bold;
padding: 11px 16px;
margin:10px 16px 0 0;
}
a.playbutton:hover {
background: url("../images/btn-gradient.png") repeat-x center #78be45;
background: -moz-linear-gradient(top, #5ab01c 0%, #78be45 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ab01c), color-stop(100%,#78be45));
background: -webkit-linear-gradient(top, #5ab01c 0%,#78be45 100%);
background: -o-linear-gradient(top, #5ab01c 0%,#78be45 100%);
background: -ms-linear-gradient(top, #5ab01c 0%,#78be45 100%);
background: linear-gradient(top, #5ab01c 0%,#78be45 100%);
}
a.playbutton:active { position:relative; top:2px; }
.btntrailer { cursor:pointer; background:url("/images/sprite-profile.png") 0 -47px no-repeat; width:133px; height:47px; display:block; outline:none; float:left; margin-top:10px; }
.btntrailer:hover { background:url("/images/sprite-profile.png") 0 0 no-repeat; }


/* TABS */

.index-tabs { clear:both; margin:12px auto 50px auto; position:relative; }
.index-tabs h2 { margin-left:8px; }
.index-tabs h2,
.index-tabs h3 ,
.index-tabs h4 { background:#ededed; border:1px solid #d4d4d4; float:left; cursor:pointer; padding:0 10px; font-size:12px; font-weight:bold; line-height:28px; height:28px; display:block; position:absolute; top:-1px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.index-tabs .tab-active h2,
.index-tabs .tab-active h3,
.index-tabs .tab-active h4,
.index-tabs h2:hover,
.index-tabs h3:hover,
.index-tabs h4:hover { background:#fff; border:1px solid #d4d4d4; border-bottom-width:0; }
.index-tabs .container { position:relative; top:28px; border-top:1px solid #d4d4d4; padding-top:12px }
.index-tabs .container p { margin-bottom:10px; }


/* KONTAKT-FORMULAR */

label { display:inline-block; height:26px; line-height:26px; width:70px; margin-top:6px; }
input, textarea { margin:5px 0; padding:5px; color:#666; background:#fff; border:1px solid #c9c9c9; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }   
input:focus, textarea:focus { color:#333; border:1px solid #afafaf; }
input.submit { color:#fff; cursor:pointer; background:#333; margin-left:10px; border:0; }
input.submit:hover { background:#444; }
.error_message { display:block; height:22px; line-height:22px; padding:3px 10px; margin:10px 0; background:#fbe3e4; color:#8a1f11; border:1px solid #8a1f11; }


/* JQUERY TOOLS */

.simple_overlay { display:none; background-color:#333; z-index:10000; min-width:300px; min-height:200px; border:10px solid #fff; -moz-box-shadow:0 0 40px 5px #000; -webkit-box-shadow:0 0 40px #000;	 box-shadow:0 0 40px 5px #000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.simple_overlay .close { background-image:url("/images/icon_close.png"); position:absolute; right:-27px; top:-27px; cursor:pointer; height:35px; width:35px; }
.scrollable { position:relative; overflow:hidden; width:402px; height:302px; }
.scrollable .items { width:20000em; position:absolute; }
.items div { float:left; }
a.browse { background:url("/images/sprite-profile.png") no-repeat; display:block; width:35px; height:35px; float:left; cursor:pointer; font-size:1px; margin:-20px 0 0 0; top:50%; position:absolute; }
a.right { background-position:-168px -35px; clear:right; right:-4px; }
a.right:hover { background-position:-168px 0; z-index:999; }
a.left { background-position:-133px -35px; left:-4px; }
a.left:hover { background-position:-133px 0; }
a.disabled { visibility:hidden !important; }

#tabs { float:right; width:279px; }
#tabs li { overflow:hidden; border-bottom:1px solid #000; border-top:1px solid #555; background:#1d1d1d; background: -moz-linear-gradient(top, #353535 0%, #1d1d1d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#1d1d1d)); background: -webkit-linear-gradient(top, #353535 0%,#1d1d1d 100%); background: -o-linear-gradient(top, #353535 0%,#1d1d1d 100%); background: -ms-linear-gradient(top, #353535 0%,#1d1d1d 100%); background: linear-gradient(top, #353535 0%,#1d1d1d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#1d1d1d',GradientType=0 ); }
#tabs li a { display:block; outline:none; font-weight:bold; color:#f09800; padding:8px; }
#tabs .tablink .genre { display:block; color:#fff; line-height:135%; margin:2px 0 0 0; font-size:11px; font-weight:normal; }
#tabs .tablink img { width:35px; height:35px; float:left; margin:0 10px 0 0; border:1px solid #1d1d1d; }
#tabs .tabarrow { display:none; }

#tabs li.active { border-bottom:1px solid #341f00; border-top:1px solid #ffcc81; background:#e28500; background: -moz-linear-gradient(top, #faac30 0%, #e28500 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faac30), color-stop(100%,#e28500)); background: -webkit-linear-gradient(top, #faac30 0%,#e28500 100%); background: -o-linear-gradient(top, #faac30 0%,#e28500 100%); background: -ms-linear-gradient(top, #faac30 0%,#e28500 100%); background: linear-gradient(top, #faac30 0%,#e28500 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faac30', endColorstr='#e28500',GradientType=0 ); }
#tabs li.active a, #tabs li.active a:hover  { font-weight:bold; font-size:14px; color:#000; text-shadow:1px 1px 0 #ffc065; display:block; text-decoration:none; }
#tabs li.active .tablink .genre { color:#fff; font-size:12px; font-weight:normal; line-height:135%; margin:2px 0 0 0; text-shadow:1px 1px 0 #8b5200; }
#tabs li.active .tablink img { border:1px solid #7a4800; }
#tabs .active .tabarrow { display:block; position:absolute; margin-left:-18px; }

.tab_container { padding:5px; background:#151515; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.tab_container a:hover { text-decoration:none; }
.tab_container .gametitle { font-weight:bold; font-size:16px; color:#f09800; }
.tab_container:hover .gametitle { text-decoration:underline; }
.tab_content { float:left; width:640px; height:220px; }
.tab_description { width:200px; background-color:rgba(0,0,0,0.8); color:#fff; margin:12px; padding:15px 15px 8px 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.tab_description p { margin-bottom:8px; }
.tab_description .link { margin-top:12px; width:106px; text-shadow:1px 1px 0 #834d00; font-weight:bold; padding:6px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; background:#e28500; }
.tab_description .link:hover { background:#ef9919; }