ul {
	margin:0px;
}

a, a:hover, a:visited, a:active {
	color:#0f202f;
	text-decoration:none;
	border:0px;
 	outline: none;
}

ul {
	list-style:none;
}

body {
	background:#0f2030 url("/images/bg.jpg") top center no-repeat;
	text-align:center;
	color:#0f202f;
	text-shadow: 1px 1px 0 #fcfcfc;
}


form input.text {
	color:#a3a9af;
	border:1px solid #FEFFFE;
	font-size:13px;
	-moz-box-shadow: inset 0 0 6px 1px #BBC0C5;
	-webkit-box-shadow: inset 0 0 6px 1px #BBC0C5;
	box-shadow: inset 0 0 6px 1px #BBC0C5;	
	height:30px;
	line-height:30px;
	padding:0 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

form input:focus {
	color:#2a2a2a;
}

span.button {
	display:inline-block;
	height:30px;
	border:1px solid #e3001a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

span.button input,
span.button a.button {
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family:'Ruda','Serif';
	font-weight:900;
	padding:0 10px;
	height:30px;
	line-height:30px;
	border:1px solid #E38B9F;
	background: -moz-linear-gradient(top, #f13f55, #e3001a);
	background: -webkit-gradient(linear, left top, left bottom, from(#f13f55), to(#e3001a));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f13f55', EndColorStr='#e3001a', GradientType=0);
	color:#FEFFFE;
	cursor:pointer;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}

table td,
table th {
	vertical-align:top;
}

.hinweis {
	text-shadow:none;
	color:#77787B;
	display:block;
}

#header {
	text-align:left;
	width:100%;
	padding-top:24px;
	position:absolute;
	top:20px;
}

#header .centered {
	width:970px;
	position:relative;
	margin:0 auto;
}

#header .background {
	background:#cfd0d2 url(/images/bg-header.png) top left repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position:relative;
	padding:10px 0px;
}

#header h1,
#header h2 {
	margin:0;
}

#loginstatus {
	opacity:0.8;
	position: absolute;
	top: 34px;
	right: 0px;
	text-align: right;
	color:#FDFDFD;
	text-shadow: 1px 1px 0 #2a2a2a;
}

#loginstatus a {
	color:#FDFDFD;
	text-decoration:none;
	border-bottom:1px dotted #FDFDFD;
}

#header .homelink {
	display:block;
	font-weight:900;
	margin:0px 10px 0px 10px;
	letter-spacing:-1px;
	color:#003851;
	line-height:64px;
	height:60px;
	overflow:hidden;
	font-size:36px;
	text-shadow: 1px 1px 0 rgba(252, 252, 252, 0.6);
	background:transparent url(/images/header-controller.png) top left no-repeat;
	padding-left:70px;
	font-family: 'Ruda', sans-serif;
}

#header #claim {
	font-weight:normal !important;
	font-family: 'Ruda', sans-serif;
	color:#fff;
	margin:0px 10px 0px 10px;
	font-size:16px;
	line-height:20px;
	text-shadow: 1px 1px 0 #000;
	position:absolute;
	opacity:0.7;
	left:0px;
	top:-26px;
}

#stage {
	background-color:#FDFDFD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:960px;
	padding:5px;
	margin:210px auto 30px auto;
	text-align:left;
	min-height:900px;
	-moz-box-shadow: 0 0 30px 0px #326998;
	-webkit-box-shadow: 0 0 30px 0px #326998;
	box-shadow: 0 0 30px 0px #326998;
}

#header .navigation {
	background:transparent url(/images/bg-navi.png) top left repeat-x;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow:visible;
	white-space:nowrap;
	padding:10px;
}

#header .navigation ul {
	border-bottom:1px solid #356684;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:48px;
	background:transparent url(/images/bg-navi-button.png) top left repeat-x;
}

#header .navigation li {
	border-right:1px solid #749802;
	border-left:1px solid #e8f512;
	line-height:48px;
	background:transparent url(/images/bg-navi-button.png) top left repeat-x;
}

#header .navigation li.first {
	border-left:0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#header .navigation li.last {
	border-right:0px;
}

#header .navigation li.active {
	border-right:1px solid #749802;
	border-left:1px solid #BFC911;
	line-height:48px;
	background:transparent url(/images/bg-navi-button-active.png) top left repeat-x;
}


#header .navigation a {
	color:#0f464d;
	text-shadow: 1px 1px 0 rgba(252, 252, 252, 0.6);
	text-decoration:none;
	line-height:46px;
	font-family: 'Helvetica', 'Lucida Grande', 'Tahoma MS', 'Tahoma', sans-serif;
	font-weight:bold;
	font-size:14px;
	display:block;
	padding:2px 30px 0px 30px;
}

#header .navigation a:hover {
	color:#004e79;
	opacity:0.5;
}

#header .navigation li {
	float:left;
}


#slider {
	height:320px;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px 0px #9B9B9B;
	-webkit-box-shadow: 0 0 5px 0px #9B9B9B;
	box-shadow: 0 0 5px 0px #9B9B9B;
}

#sliderImages {
	z-index:5;
}

#sliderImages div {
	position:absolute;
	top:0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	left:0px;
	z-index:5;
}

#sliderImages div.startup {
	opacity:0;
}

#sliderImages div.active {
	opacity:1;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition:    opacity 0.4s ease;
	-ms-transition:     opacity 0.4s ease;
	-o-transition:      opacity 0.4s ease;
}

#sliderImages div.out {
	-webkit-transition: opacity 0.4s ease;
	-moz-transition:    opacity 0.4s ease;
	-ms-transition:     opacity 0.4s ease;
	-o-transition:      opacity 0.4s ease;
}

#slider .labels {
	width:100%;
	height:80px;
	position:absolute;
	bottom:0px;
	color:#fff;
	left:0px;
	z-index:10;
}

#slider .labels li {
	background:transparent url("/images/slider-label-bg.png") center top no-repeat;
	display:inline-block;
	float:left;
	width:208px;
	border:0px;
	margin:0px;
	height:80px;
	line-height:16px;
	overflow:hidden;
	border-left:1px solid #093351;
	border-right:1px solid #01070D;
}

#slider .labels li.active {
	background-position:center -110px;
}

#slider .labels li:hover {
	background-position:center -224px;
	color:#0d1f2e;
	width:208px;
	border-left:1px solid #FED200;
}

#slider .labels li.first {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	border-left:0px;
	width:210px;
}

#slider .labels li.last {
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-right:0px;
}

#slider .labels a {
	padding:20px 20px;
	cursor:pointer;
	display:block;
	text-decoration:none;
	color:#fff;
	text-shadow: 1px 1px 0 #000A10;
}

#slider .labels a:hover {
}

#slider .labels li:hover a {
	color:#0d1f2e;
	text-shadow: 1px 1px 0 #FED200;
}

#content {
	clear:both;
	position:relative;
	z-index:1;
	margin-bottom:5px;
}

.stars,
.stars-mini {
	background:transparent url("/images/stars.png") top left no-repeat;
	width:96px;
	height:16px;
	display:inline-block;
	line-height:16px;
	vertical-align:middle;
	overflow:hidden;
	text-align:left;
}

.stars .score,
.stars-mini .score {
	background:transparent url("/images/stars.png") 0px -19px no-repeat;
	width:0px;
	height:16px;
	display:inline-block;
	line-height:16px;
	vertical-align:middle;
	overflow:hidden;
	vertical-align:top;
}

.stars-mini,
.stars-mini .score {
	background-image: url("/images/stars-mini.png");
	height:9px;
	width:50px;
	vertical-align:top;
}

.stars-mini .score {
	background-position:0px -9px;
	width:0px;
}


#content div.box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content div.box p {
	margin:5px 10px 5px 10px;
}

#content div.box p.last {
	padding-bottom:10px;
}

#content div.box label {
	display:block;
	padding:1px;
	font-family: 'Ruda', sans-serif;
	font-weight:900;
	font-size:18px;
	color:rgba(256,256,256,0.9);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	background:transparent url("/images/slider-label-bg.png") center top repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

#content div.box label b {
	display:block;
	padding:10px;
}

#content div.box label .sort {
	float:right;
	font-size:12px;
	color:#fcfcfc;
	text-align:right;
	margin:14px 10px 0px 0px;
}

#content div.box label .sort a {
	color:#fcfcfc;
}

#content div.box label .sort a.selected {
	border-bottom:1px dotted #fcfcfc;
}

#content div.box li {
	display:block;
	border-top:1px solid rgba(250,250,250,0.9);
	border-bottom:1px solid rgba(0,0,0,0.15);
}

	
#content div.box form {
	padding:5px 10px 10px 10px;
}

ul.games li {
	height:68px;
}

#content .games a {
	display:block;
	overflow:hidden;
}

#content div.box li:last-child {
	border-bottom:0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#content div.box li:first-child {
	border-top:0px;
}

#content div.box .games li:first-child {
	height:58px;
}

#content .complete_list li {
	display:block;
	width:314px;
	float:left;
}

#content .complete_list li.left {
	width:316px;
}

#content .games a,
#content .ratings a {
	display:block;
	margin:10px;
}

#content div.box .alt {
	background-color:rgba(0,0,0,0.05);
}

#content div.box .games .logo {
	width:40px;
	height:40px;
	background-color:#fff;
	padding:3px;
	border:1px solid rgba(0,0,0,0.15);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	margin-right:10px;
}

#content div.box .games .title {
	font-weight:bold;
	line-height:15px;
	display:block;
}

#content div.box .games .description {
	line-height:16px;
	display:block;
	text-shadow: 1px 1px 0 #D2D2D2;
}

#content div.box .games li {
	position:relative;
}

#content div.box .games li:hover,
#content div.box .ratings li:hover {
	background-color:#E8FFC0;
	-webkit-transition: all 0.8s ease;
	-moz-transition:    all 0.8s ease;
	-ms-transition:     all 0.8s ease;
	-o-transition:      all 0.8s ease;
}

#content div.box .games li:hover .like_count,
#content div.box .ratings li:hover .like_count {
	opacity:1;
	-webkit-transition: opacity 0.8s ease;
	-moz-transition:    opacity 0.8s ease;
	-ms-transition:     opacity 0.8s ease;
	-o-transition:      opacity 0.8s ease;
}

#content .like_count {
	background:#fcfcfc url("/images/like.png") 4px center no-repeat;
	font-size:12px;
	color:#49639F;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height:15px; 
	text-align:right;
	border:1px solid #acacac;
	padding:2px 5px 2px 26px;
}

#content div.box .games .like_count {
	position:absolute; 
	bottom:5px; 
	right:5px;
	opacity:0.3;
}

#content div.box .ratings .like_count {
	position:absolute; 
	top:10px; 
	right:10px;
	opacity:0.3;
}

#content div.grau label {
}

#content div.grau label b {

}

#quicksearch {
	position:absolute;
	top: 20px;
	right: 10px;
	height: 49px;
	width: 300px;
	z-index:10;

}

#quicksearch form {
	margin:10px;
	line-height: 20px;
}

#quicksearch input.text {
	margin-right:70px;
	width:188px;
}

#quicksearch .button {
	position:absolute;
	top:10px;
	right:10px;
	line-height:25px;
}

#quicksearch .button input {
	width:60px;
}

#header_social {
	position:absolute;
	text-align:right;
	top:-30px;
	right:-28px;
	height:30px;
	width:320px;
}

#header_social .fb-like {
	position:absolute;
	right:178px;
	top:0px;
}

#header_social .stumble {
	position:absolute;
	right:100px;
	top:1px;
}

#header_social .google div {
	position:absolute;
	right:0px;
	top:0px;
}

#gameheader {
	height:104px;
	overflow:visible;
}

#gameheader h1 {
	padding-top:10px;
}

#game {
}

#game h2 {
	margin-top:10px;
	margin-bottom:10px;
}

#game h3 {
	margin-top:10px;
	margin-bottom:10px;
}

#game .screenshot {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#game .ratings {
	border:3px solid #CCC;
	background-color:#DEDEDE;
	line-height:19px;
	color:#2a2a2a;
	padding:10px 10px 10px 20px;
	font-weight:bold;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
	position:relative;
}

#game .ratings table {
	margin-bottom:0px;
}

#game .ratings .redakteur {
	float:right;
	text-align:right;
	width:300px;
}

#game .ratings .redakteur .name {
	display:block;
	font-weight:bold;
}

#game .ratings .redakteur .title {
	color:#ACB1B5;
	font-weight:bold;
}

#game .ratings .redakteur a {
	padding:0px;
}

#game .ratings .redakteur img {
	float:right;
	margin-left:10px;
	background-color:#fff;
	padding:3px;
	border:1px solid rgba(0,0,0,0.15);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:60px;
	width:60px;
	margin-top:-5px;
}

#game .ratings q {
	display:block;
	font-size:25px;
	line-height:29px;
	text-align:center;
	font-style:italic;
	padding-right:10px;
	margin-bottom:10px;
}

#game .ratings .stars {
	margin-right:20px;
	vertical-align:top;
}

#game .stats {
	color:#C0C0C0;
	font-size:12px;
	margin-bottom:10px;
}

#social {
	margin-bottom:10px;
}

#social div,
#social a {
	vertical-align:top;
}

#social .stumble {
	position:relative;
	top:-3px;
	display:inline-block;
}

#social .google {
	margin-right:3px;
}

#social .button {
	margin-left:2px;
	background-color:#ECEEF5;
	border:1px solid #BFCADF;
	padding:4px 5px;
	display:inline-block;
	color:#3B5998;
	line-height:14px;
	font-family: 'lucida grande', sans-serif;
	font-size:11px;
	vertical-align:top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#social .button:hover {
	border:1px solid #9DACCE;
}

#player {
	text-align:center; 
	min-height:600px; 
	margin:20px auto;
	position:relative;
	border:10px solid #fff;
	-moz-box-shadow: 0 0 30px 0px #000;
	-webkit-box-shadow: 0 0 30px 0px #000;
	box-shadow: 0 0 30px 0px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	cursor:pointer;
}

#player #a1 {
	position:absolute;
	top:0px;
	left:0px;
}

#player #a2 {
	position:absolute;
	top:0px;
	right:0px;
}

#content .logoMedium,
#content .logoBig {
	width:50px;
	height:50px;
	background-color:#555;
	border:5px solid #fff;
	padding:1px;
	vertical-align:text-top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin-right:10px;
}

#content .logoBig {
	width:100px;
	border:1px solid #1F1F1F;
	height:100px;
}

#content h1,
#content h2.game_name {
	font-size:40px;
	text-transform:uppercase;
	font-family: 'Helvetica', 'Lucida Grande', 'Tahoma MS', 'Tahoma', sans-serif;
	font-weight:700;
	line-height:44px;
	color:#F4AD27;
	text-shadow: 1px 1px 0px #ED7B25;
	margin-bottom:7px;
}

#sidebar {
	position:absolute;
	top:0px;
	right:0px;

}

ul.ratings .logoBig {
	border:5px solid #fff !important;
}

ul.ratings li {
	position:relative;
}

ul.ratings .comment {
	display:block;
	text-shadow: 1px 1px 0 #D2D2D2;
	font-style:italic;
	margin-top:5px;
	padding:0 10px 0 0;
}

ul.ratings .text {
	float:left; 
	display:block;
	width:482px;
}

ul.ratings .scores {
	display:block;
	margin-top:10px;
	margin-left:0px;
	line-height:19px;
	color:#2a2a2a;
	padding:10px 0px 10px 0px;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:475px;
}
ul.ratings .scores .stars {
	margin-right:10px;
	vertical-align:top;
}

.featured_game {
	padding-bottom:5px;
}

.featured_game .screenshot {
	margin:0 auto;
	background-color:#555;
	border:5px solid #fff;
	margin-bottom:10px;
	margin-top:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
}

#facebook_activity {
	height:318px; 
	background-color:#FEFFFE !important;
	border:1px solid #D6D6D6;
}

.download_links table {
	margin:0 10px;
}

.download_links table .system {
	font-weight:bold;
	font-size:16px;
	vertical-align:middle;
	padding-bottom:10px;
}

.download_links table .price {
	padding:0 0 10px 10px;
	vertical-align:middle;
	font-size:16px;
}

.download_links table .link {
	padding:0 0 10px 10px;
	vertical-align:middle;	
}

#footer {
	text-shadow: none;
	text-align: left;
	color: #fcfcfc;
	margin:0 auto 50px auto;
	width: 960px;
	padding-left:10px;
}

#footer a {
	color: #fcfcfc;
	outline-bottom:1px dotted #fcfcfc;
}

div.ad {
	padding:5px 5px 1px 5px;
}
