@CHARSET "ISO-8859-1";

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #000;
	background: #fff url('background.png') repeat;
}

body a {
	text-decoration: none;
	font-weight: bold;
	color: #404040;
}

body a:hover {
	text-decoration: underline;
}

div#main {
	margin: auto;
	width: 1000px;
	min-width: 1000px;
	background: #eee;
	border: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div#header {
	margin: 0 auto;
	width: 1000px;
	min-width: 1000px;
	height: 124px;
	background: #eee url('header.png') no-repeat top left;	
}

div#headnavi {
	margin: 0 auto;
	margin-bottom: 20px;
	height: 26px;
	width: 1000px;
	min-width: 1000px;
	border: none;
	border-bottom: 1px solid #ccc;
}

div#headnavi ul {
	margin: 0;
	padding: 0;
	position: relative;
	height: 26px;
	background:#e0e0e0 none;
	color: #000;
	list-style: none;
	direction: ltr;
}

div#headnavi li {
	margin: 0;
	padding: 0;
	float: left;
	height: 26px;
	border: none;
	border-right: 1px solid #ccc;
}

div#headnavi li a {
	margin: 0;
	padding: 0 15px;
	display: block;
	height: 26px;
	line-height: 26px;
	color: #000;
	font-weight: bold;
}

div#headnavi li a:hover {
	background:#555 url('selected-tab-gradient-with-top-alpha.png') repeat-x   0 -4px;
    _background-image:none;
	text-decoration: none;
	color: #606060;
	/*color: #ff9000;*/
}

div#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 998px;
	min-width: 998px;
	text-align: right;
}

div#navleft {
	margin: 0;
	padding-left: 10px;
	float: left;
	width: 180px;
	/*background: #ddd;*/
}

div#navright {

	margin: 0;
	margin-left: 8px;
	float: left;
	width: 182px;
	/*background: #ddd;*/
}

div.navbox {
	margin: 20px 0;
	padding: 0;
	width: 172px;
}

div.navbox a {
	text-decoration: none;
	font-weight: bold;
	color: #404040;	
}

div.navbox a:hover {
	text-decoration: underline;
}
	
div.navihead {
	margin: 0;
	padding: 0;
	background: url('navhead.png') no-repeat;
	height: 33px;
	text-align: center;
	line-height: 22px;
	font-variant: small-caps;
	font-weight: bold;
	text-shadow: #bbb 3px 1px 2px;
}

div.naviheadclean {
	margin: 0;
	padding: 0;
	background: url('navhead2.png') no-repeat;
	height: 16px;
}

div.navicontent {
	margin: 0;
	padding: 0 20px;
	text-align: left;
	background: url('nav.png') repeat-y;
	font-size: 12px;
}

div.navicontent ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*line-height: 18px;*/	
}

div.navicontent ul li {
	padding: 3px 0;	
}

div.navicontent div.navbg1 {
 	margin: 0;
 	padding: 0;
	background: url('hintergrund_infos.jpg') no-repeat bottom right;
}

div.navicontent div.navbg2 {
 	margin: 0;
 	padding: 0;
	background: url('hintergrund_gotw.jpg') no-repeat bottom right;
}

div.navicontent div.navbg3 {
 	margin: 0;
 	padding: 0;
	background: url('hintergrund_community.jpg') no-repeat bottom right;
}

div.navicontent div.navbg4 {
 	margin: 0;
 	padding: 0;
	background: url('hintergrund_downloads.jpg') no-repeat bottom right;
}

div.navbg5 {
 	margin: 0;
 	padding: 0;
	background: url('hintergrund_tipps.jpg') no-repeat bottom right;
}

div.navifoot {
	margin: 0;
	paddinf: 0;
	background: url('navfoot.png') no-repeat;
	height: 18px;
}

div.hosted {
	margin: 0;
	padding: 0;
	padding-left: 39px;
	padding-top: 3px;
	background: url('hosted.png') no-repeat;
	height: 46px;
	text-align: left;	
}

div.navbox div.pdm {
	font-size: 12px;
	line-height: 18px;	
}

div#content {
	float: left;
	width: 620px;
	/*background: #ccc;*/
}

div.contentbox {
	margin: 20px 18px;
	padding: 0;
	width: 584px;
}

div.contenthead {
	margin: 0;
	padding: 0 20px;
	background: url('contenthead.png') no-repeat;
	height: 33px;
	text-align: left;
	line-height: 22px;
	font-variant: small-caps;
	font-weight: bold;
	text-shadow: #bbb 3px 1px 2px;
}

div.contenthead_gold {
	margin: 0;
	padding: 0 20px;
	background: url('contenthead_gold.png') no-repeat;
	height: 33px;
	text-align: left;
	line-height: 22px;
	font-variant: small-caps;
	font-weight: bold;
	text-shadow: #bbb 3px 1px 2px;
}

div.contenthead_silber {
	margin: 0;
	padding: 0 20px;
	background: url('contenthead_silber.png') no-repeat;
	height: 33px;
	text-align: left;
	line-height: 22px;
	font-variant: small-caps;
	font-weight: bold;
	text-shadow: #bbb 3px 1px 2px;
}

div.contenthead2 {
	margin: 0;
	padding: 0;
	background: url('contenthead2.png') no-repeat;
	height: 16px;
}

div.contentcontent {
	margin: 0;
	padding: 0 20px;
	text-align: left;
	background: url('content.png') repeat-y;
}

div.contentfoot {
	margin: 0;
	paddinf: 0;
	background: url('contentfoot.png') no-repeat;
	height: 18px;
}

div.contentcontent div.bg1 {
 	margin: 0;
 	margin-right: 0.5em;
 	padding: 0;
	background: url('hintergrund_content.jpg') no-repeat bottom right;
}

div.contentcontent div.genrebg0 {
 	margin: 0;
 	margin-right: 0.5em;
 	padding: 0;
	background: url('hintergrund_adventure_big.jpg') no-repeat top right;
}

div.contentcontent div.genrebg1 {
 	margin: 0;
 	margin-right: 0.5em;
 	padding: 0;
	background: url('hintergrund_fanfic_big.jpg') no-repeat top right;
}

div.contentcontent div.genrebg2 {
 	margin: 0;
 	margin-right: 0.5em;
 	padding: 0;
	background: url('hintergrund_horror_big.jpg') no-repeat top right;
}

div.contentcontent div.genrebg3 {
 	margin: 0;
 	margin-right: 0.5em;
 	padding: 0;
	background: url('hintergrund_humor_big.jpg') no-repeat top right;
}

div.contentcontent div.genrebg4 {
 	margin: 0;
 	margin-right: 0.5em;
 	padding: 0;
	background: url('hintergrund_scifi_big.jpg') no-repeat top right;
}

div.contentcontent div.genrebg5 {
 	margin: 0;
 	margin-right: 0.5em;
 	padding: 0;
	background: url('hintergrund_sonstiges_big.jpg') no-repeat top right;
}

div.contentcontent div.genrebg6 {
 	margin: 0;
 	margin-right: 0.5em;
 	padding: 0;
	background: url('hintergrund_programme.jpg') no-repeat top right;
}

div.contentcontent dl {
	margin: 4px;
	margin-top: 8px;
	padding-left: 1em;
	list-style: none inside;
}

div.contentcontent dt {
	font-weight: bold;
	font-size: 13px;
}

div.contentcontent dd {
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 4px;
}

div.contentcontent div.screenshots {
	margin-left: 60px;
	width: 450px;
}

div.contentcontent img.screenshots {
	margin: 5px;
}

div.contentcontent h1 {
	margin: 0 10px;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
}

div.contentcontent table.sdj {
	margin: 0 auto;
	padding: 0;
	border-spacing: 30px;
	width: 500px;
	border: none;
	text-align: center;
	vertical-align: top;

}

div.contentcontent div.floatboxleft {
	float: left;
	width: 260px;
	margin: 0;
	padding: 0;
}

div.contentcontent div.floatboxleft select{
	min-width: 200px;
}

div.contentcontent div.floatboxright {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	background: url('divider.png') no-repeat top left;
}

div.contentcontent a.genrebox {
	display: block;
	float: left;
	margin: 15px 5px;
	padding: 0;
	width: 120px;
	height: 120px;
	text-align: center;	
	vertical-align: text-bottom;
}

div.contentcontent a.genrebox:hover {
	text-decoration: none;
}

div.contentcontent a.adventure {
	background: url('link_adventure_sw.jpg') bottom no-repeat;
}

div.contentcontent a.adventure:hover {
	background: url('link_adventure_color.jpg')  bottom no-repeat;
}

div.contentcontent a.fanfic {
	background: url('link_fanfic_sw.jpg') bottom no-repeat;
}

div.contentcontent a.fanfic:hover {
	background: url('link_fanfic_color.jpg')  bottom no-repeat;
}

div.contentcontent a.horror {
	background: url('link_horror_sw.jpg') bottom no-repeat;
}

div.contentcontent a.horror:hover {
	background: url('link_horror_color.jpg')  bottom no-repeat;
}

div.contentcontent a.humor {
	background: url('link_humor_sw.jpg') bottom no-repeat;
}

div.contentcontent a.humor:hover {
	background: url('link_humor_color.jpg')  bottom no-repeat;
}

div.contentcontent a.scifi {
	background: url('link_scifi_sw.jpg') bottom no-repeat;
}

div.contentcontent a.scifi:hover {
	background: url('link_scifi_color.jpg')  bottom no-repeat;
}

div.contentcontent a.sonstiges {
	background: url('link_sonstiges_sw.jpg') bottom no-repeat;
}

div.contentcontent a.sonstiges:hover {
	background: url('link_sonstiges_color.jpg')  bottom no-repeat;
}

div.contentcontent table.bordertable th {
	background: #eee;
	border: 1px #ccc solid;
}

div.contentcontent table.bordertable td {
	background: #fff;
	border: 1px #ccc solid;
}

div.picbox {
	margin: 20px 18px;
	padding: 0;
	width: 500px;
}

div.picbox div.picboxhead {
	margin: 0;
	padding: 0;
	background: url('picboxhead.png') no-repeat;
	height: 6px;
}

div.picbox div.picframe {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 11px;
	width: 143px;
	max-width: 143px;
	height: 102px;
	max-height: 102px;
	background: url('picframe.png') no-repeat;
	
}

div.picbox div.picframe dl {
	margin-top: 10px;
	font-size: 12px;
}

div.picbox div.picframe dt {
	font-size: 11px;
}

div.picbox div.picboxcontent {
	float: left;
	margin: 0;
	padding: 8px 8px;
	width: 310px;
	max-width: 357px;
}

div.picbox div.picboxcontent h1 {
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	font-variant: small-caps;
}

div.picbox div.picboxfoot {
	clear: both;
}

.center {
	text-align: center !important;
}

.smallfont {
	font-size: 12px !important;
}

.smallerfont {
	font-size: 11px !important;
}

.smallestfont {
	font-size: 10px !important;
}

.bigfont {
	font-size: 14px !important;
}

.biggerfont {
	font-size: 15px !important;
}

.biggestfont {
	font-size: 16px !important;
}

.justify {
	text-align: justify !important;
}

.nores {
	color: Gray !important;
}

.darkred {
	color: DarkRed !important;
}

.smallcaps {
	font-variant: small-caps !important;
}

.block {
	width: 100px !important;
	border: 1px black solid;
}

.indent {
	margin: 0 30px !important;
	text-align: justify !important;
}

.bold {
	font-weight: bold !important;
}

div.newgames {
	overflow: hidden;
	float: left;
}

div.newgames div {
	position: relative;
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
}

div.newgames div img {
	width: 130px;
	height: 98px;
}

div.newgames div span {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 122px;
	line-height: 1.5;
	padding: 2px 4px;
	color: #fff;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
}

div.newgames div:hover span {
	background-color: #000;
}

div .newgames a {
	font-weight: normal;
	color: #fff;
}

div .newgames a:hover {
	font-weight: normal;
	color: #fff;
}

div.social img {
	width: 32px;
}