/* GENERAL */

		* {
			margin: 0;
			padding: 0;
			outline: none;
		}
		
		img {
			margin:0;
			padding:0;
			border:0;
		}

		html {
			height:100%;
		}
		
		body {
			min-height:100.14%;	
			height:100%;
			font-family:"Arial", Sans-serif;
			font-size:14px;
			color: #2d2d2d;
			background-color:#ededed;
		}
		
		a {
			color: #DC4E28;
			text-decoration:none;
		}
		
		a:hover {
			color: #DC4E28;
			text-decoration:underline;
		}
		
		h1 {
			font-size:18px;
		}
		
		h2 {
			font-size:15px;
			font-weight:bold;
		}
		
		@font-face {
		  font-family: 'Merriweather';
		  font-style: normal;
		  font-weight:400;
		  src: url("Merriweather-Light.ttf") format("truetype");
		}
			
/* BASIC CLASSES */
		
		.clear {
			clear:both;
		}
		
		.left {
			float:left;
		}
		
		.right {
			float:right;
		}
		
		.strong {
			font-weight:bold;
		}
		
		.transparent {
			zoom: 1;
			filter: alpha(opacity=88);
			opacity: 0.88;
		}
		
		.grey_hover:hover {
			background-color:#ededed;
		}

/* MAIN CLASSES */

		#main {
			background-color:#ededed;
		}
		
		#head {
			height:90px;
			background-color:#000000;
			background-image:url('../img/header_bgb.jpg');
		}
		
		#header {
			width:300px;
			height:90px;
			background-image:url('../img/logo.png');
		}
		
		#search {
			width:400px;
		}
		
		
		#menu {
			height:36px;
			border-top:1px #DC4E28 solid;
			border-bottom:2px #DC4E28 solid;
			background:url('../img/blacknoise.png') #101010;
			
			letter-spacing:1px;
			
			-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4);
			-moz-box-shadow:0 2px 2px rgba(0,0,0,0.4); 
			box-shadow:0 2px 2px rgba(0,0,0,0.4);
		}
		
		#menu li
		{	
			list-style:none;
		}

		#menu li a
		{	
			display:block;
			text-align:center;
			text-decoration:none;
		}
		
		#menu div
		{	
			position: absolute;
			visibility: hidden;
			z-index:30;
			
			border-bottom:2px #DC4E28 solid;
		}
		
		#menu div a
		{	
			position:relative;
			display:block;
			padding:8px 10px;
			width:auto;
			text-align:left;
			text-decoration:none;
			line-height:16px;
			height:16px;
			font-size:13px;
			letter-spacing:0px;
			font-style:italic;
		}
		
		#menu div .standard
		{
			background:#2d2d2d;
		}
		
		#menu div .standard:hover
		{	
			background:#5B83B6;
		}
		
		#menu a {
			color:#ffffff;
			font-size:17px;
			display:block;
			height:36px;
			line-height:36px;
			padding-left:10px;
			padding-right:10px;
		}
		
		#menu a:hover {
			text-decoration:none;
			background-color:#2d2d2d;
		}
		
		#content {
			width:1000px; 
			margin-top:5px;
			margin-left:auto;
			margin-right:auto;
		}
		
		#foot {
			bottom:0;
			width:100%;
			height:30px;
			line-height:30px;
			padding:5px 0px 5px 0px;
			background-color:#101010;
			color:#ffffff;
			text-align:center;
			border-top:2px #DC4E28 solid;
		}
		
		.head_link {
			color: #2d2d2d;
		}
		
		.head_link:hover {
			color: #2d2d2d;
			text-decoration:none;
		}
		
		.box_small {
			width:351px;
			padding:5px;
			margin-bottom:5px;
			background:#ffffff;
			border:1px #dbdbdb solid;
		}
		
		.box_large {
			width:620px;
			padding:5px;
			margin-bottom:5px;
			background:#ffffff;
			border:1px #dbdbdb solid;
		}
		
		.box_full {
			width:988px;
			padding:5px;
			margin-bottom:5px;
			background:#ffffff;
			border:1px #dbdbdb solid;
		}
		
		.box_head {
			height:25px;
			padding-left:2px;
			margin-bottom:5px;
			border-bottom:1px #a9a9a9 dotted; 
		}
		
		.box_head a, .box_foot a {
			font-style:italic;
			font-size:12px;
			line-height:25px;
		}
		
		.box_meta {
			font-size:13px;
			color:#6d6d6d;
			line-height:25px;
			padding-left:8px;
			font-style:italic;
		}
		
		.box_entry {
			padding-bottom:5px;
			padding-top:5px;
		}
		
		.ticket {
			padding-top:5px;
			padding-bottom:5px;
			text-align:center;
			background:#1d1d1d;
			border-top:1px #d1d1d1 dotted;
		}
		
		.ticket a {
			color:#ffffff;
			font-style:italic;
		}
		
		.letter_box a {
			font-size:18px;
			font-weight:bold;
			float:left;
			padding:5px 9px 5px 9px;
		}
		
		.description_box {
			font-size:14px;
			line-height:22px;
			font-style:italic;
			text-align:justify;
			padding:5px 9px 5px 9px;
			
			border:1px #000000 solid;
			
			background-color:#000000;
			color:#ffffff;
						
			filter: alpha(opacity=78);
			opacity: 0.78;
			
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
		/*.description_box:hover {
			border:1px #dfdfdf solid; 
			-webkit-box-shadow:0 0px 5px rgba(0,0,0,0.7);
			-moz-box-shadow:0 0px 5px rgba(0,0,0,0.7); 
			box-shadow:0 0px 5px rgba(0,0,0,0.7);
						
			filter: alpha(opacity=88);
			opacity: 0.88;
		} */
		
		.text_box {
			display:block;
			font-size:16px;
			line-height:30px;
			text-align:justify;
			padding:10px 5px 5px 5px;
			
			font-family: Merriweather;
			
		   -moz-hyphens: auto;
		   -o-hyphens: auto;
		   -webkit-hyphens: auto;
		   -ms-hyphens: auto;
		   hyphens: auto; 
		}
		
		.text_box  ul {
			padding-top:0px;
			margin-top:0px;
			padding-left:25px;
		}
		
		.text_box  li{
			padding-top:5px;
		}
		
		#error {
			width:100%;
			text-align:center;
			line-height:20px;
		}
		
		.pages {
			padding:5px;
			font-size:16px;
		}
		
		.pages a, .pages span {
			padding:0px 4px 0px 4px;
		}
			
		
/* Tags */
		.tag_head
		{
			padding:6px 6px 10px 3px; 
			width:90px;
			font-size:15px; 
			color:#6d6d6d;
		}
		

		.tag {
			max-width:202px;
			padding:3px 5px 3px 5px;
			margin-top:5px;
			margin-right:4px;
			font-size:12px;
			white-space:nowrap;
			text-overflow:ellipsis;
			overflow:hidden;
			
			border:1px #ffffff solid; 
			-webkit-box-shadow:0 0px 3px rgba(55,95,155,1); 
			-moz-box-shadow:0 0px 3px rgba(55,95,155,1); 
			box-shadow:0 0px 3px rgba(55,95,155,1);
			
			color:#ffffff;
			background:#638EC3;
			text-decoration:none;
		}
		
		.tag:hover {
			color:#ffffff;
			background:#6EA0DC;
			text-decoration:none;
		}
		
		.in-tag-icon {
			width:21px;
			height:21px;
			margin-top:5px;
			display:block; 
			float:left; 
			border-top:1px #638EC3 dashed;	
			border-left:1px #638EC3 dashed;	
			border-bottom:1px #638EC3 dashed;				
			font-size:0;
		}
		
		.uncommon_tag {
			padding:2px 4px 2px 4px;
			font-size:13px;
			text-decoration:none;
			border:1px #E84E53 solid;
			background:#E8764E;
			color:#ffffff;
			margin-top:5px;
			margin-right:5px;
		}
		
		.uncommon_tag:hover {
			text-decoration:none;
			color:#ffffff;
			background:#EF9372;
		}
		
		.tag_tooltip {
			position:absolute;
			display:none;
			max-width:250px;
			padding:5px;
			
			border:1px #dfdfdf solid; 
			-webkit-box-shadow:0 0px 5px rgba(0,0,0,0.7);
			-moz-box-shadow:0 0px 5px rgba(0,0,0,0.7); 
			box-shadow:0 0px 5px rgba(0,0,0,0.7);
			
			background-color:#000000;
			
			filter: alpha(opacity=88);
			opacity: 0.88;
			
			color:#ffffff;
			font-size:11px;
			text-align:left;
			z-index:100;
		}
	
/* Startseite */

		#top_artikel {
			width:620px;
			padding:5px;
			margin-bottom:5px;
			background-image:url('../img/ajax-loader.gif') center center no-repeat;
		}
		
		.top_preview {
			display:block;
			width:620px;
			height:320px;
			position:relative;
			overflow:hidden;
		}
		
		.header_image {
			position:absolute; 
			top:50%; /* 50% Abstand zum Parent von Oben */
			transform:translate(0%, -50%); /* Ziehe 50% der Bildgröße vom Abstand nach oben wieder ab */
		}
		
		.top_title {
			position:absolute;
			width:610px;
			padding-left:10px;
			padding-top:7px;
			height:73px;
			top:240px;
			background:#000000;
		}

		.top_title h2 {
			font-size:30px;
			color: #ffffff;
		}
		
		.top_title h3 {
			font-size:20px;
			color: #DC4E28;
		}
		
		.top_changer {
			background:#2c2c2c;
			font-size:12px;
			color:#ffffff;
		}
		
		.top_changer .inactive  {
			cursor:pointer;
			padding:8px;
			width:190px;
			text-align:center;
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
		}

		.top_changer .active  {
			cursor:pointer;
			padding:8px;
			width:190px;
			text-align:center;
			height:100%;
			background-color:#0e0e0e;
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
		}
		
		#datenstrom {
			width:620px;
			padding:5px;
			margin-bottom:5px;
			background:#ffffff;
			border:1px #dbdbdb solid;
		}
		
		.artikel {
			padding-bottom:10px;
			margin-bottom:10px;
			border-bottom:1px #a9a9a9 dotted;
		}
		
		.artikel .piclink {
			width:240px;
			height:130px;
			display:block;
			position:relative; 
			overflow:hidden;
		}
		
		.artikel .piclink img
		{
			position:absolute; 
			margin:auto; 
			top:0;
			left:0;
			right:0;
			bottom:0;
		}
		
		.artikel h2 {
			display:block;
			font-size:18px;
			color: #DC4E28;
		}
		
		.artikel h3 {
			display:block;
			font-size:14px;
		}
		
		.artikel .preview {
			padding-left:10px;
			width:370px;
		}
		
		.artikel .text {
			padding-top:5px;
			padding-right:5px;
			line-height:20px;
			text-align:justify;
		}
		
		.comment_button {
			width:30px;
			height:14px;
			padding-top:5px;
			background:url('../img/comment.gif') center no-repeat;
		}
		
		.comment_counter {
			width:30px;
			text-align:center;
			font-weight:bold;
			color:#DC4E28;
		}
	
		.test 
		{
			border-bottom:1px #a9a9a9 dotted;
			margin-bottom:5px;
			padding-bottom:5px;
		}
		
		.wertung {
			background-color:#2c2c2c;
			width:40px;
			padding:2px;
			border-right:1px #ffffff dotted;
		}
		
		.ranking {
			height:55px;
			line-height:55px;
			font-size:36px;
			font-weight:bold;
			text-align:center;
			border-bottom:1px #ffffff dotted;
			color:#ffffff;
		}
		
		.rank {
			height:20px;
			line-height:20px;
			font-size:12px;
			font-style:italic;
			text-align:center;
			color:#ffffff;
		}
		
		.info {
			padding-left:5px;
			width:211px;
		}
		
		#aktive_themen {
			width:341px;
			padding:5px;
			margin-bottom:5px;
			background:#ffffff;
			border:1px #dbdbdb solid;
		}
		
		#aktive_themen .thema {
			padding-bottom:10px;
			margin-bottom:10px;
			border-bottom:1px #a9a9a9 dotted;
		}
		
		#aktive_themen .thema .text {
			padding:0px 5px 5px 5px;
			line-height:20px;
			width:301px;
		}
		
		#aktive_themen .thema .tags {
			padding:0px 5px 0px 5px;
			width:301px;
		}
		
		
/* Formulare */

		.textfield
		{
			display:block;
			height:19px;
			width:90px;
			padding:5px;
			border:1px #dbdbdb solid;
			-webkit-box-shadow:0 0px 1px rgba(0,0,0,0.4);
			-moz-box-shadow:0 0px 1px rgba(0,0,0,0.4);
			box-shadow:0 0px 1px rgba(0,0,0,0.4);
			-webkit-border-radius:1px;
			-moz-border-radius:1px;
			border-radius:1px;
			font-size:15px;
			color:#666666;
		}

		.input 
		{
			display:block;
			height:19px;
			width:90px;
			padding:2px;
			border:1px #dbdbdb solid;
			-webkit-box-shadow:0 0px 1px rgba(0,0,0,0.4);
			-moz-box-shadow:0 0px 1px rgba(0,0,0,0.4);
			box-shadow:0 0px 1px rgba(0,0,0,0.4);
			-webkit-border-radius:1px;
			-moz-border-radius:1px;
			border-radius:1px;
			font-size:14px;
			color:#666666;
		}
		
		.input:hover
		{
			background:#f9f9f9;
			border:1px #dbdbdb solid;
			-webkit-box-shadow:0 0px 3px rgba(0,0,0,0.4);
			-moz-box-shadow:0 0px 3px rgba(0,0,0,0.4);
			box-shadow:0 0px 3px rgba(0,0,0,0.4);
		}
		
		.input:focus
		{
			background:#f9f9f9;
			border:1px #71B4FF solid;
			-webkit-box-shadow:0 0px 4px rgba(0,0,0,0.4);
			-moz-box-shadow:0 0px 4px rgba(0,0,0,0.4);
			box-shadow:0 0px 4px rgba(0,0,0,0.4);
		}
		

		.button 
		{
			height:26px;
			padding-left:5px;
			padding-right:5px;
			border:1px #dbdbdb solid;
			box-shadow:0 0px 0 rgba(0,0,0,0.2);
			-moz-box-shadow:0 0px 0 rgba(0,0,0,0.2);
			-webkit-box-shadow:0 0px 0 rgba(0,0,0,0.2);
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			border-radius:2px;
			font-size:14px;
			cursor:pointer;
			color:#969696;
			background-color:#ffffff;
			text-align:center;
		}
		
		.button:hover
		{
			-webkit-box-shadow:0 0px 2px rgba(0,0,0,0.3);
			-moz-box-shadow:0 0px 2px rgba(0,0,0,0.3);
			box-shadow:0 0px 2px rgba(0,0,0,0.3);
		}
		
		
		.button:focus
		{
			-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 rgba(0,0,0,0.2),0 0 12px rgba(255,255,255,0.5);
			-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px 0 rgba(0,0,0,0.2),0 0 12px rgba(255,255,255,0.5);
		}
		
		.long
		{
			width:250px;
		}
		
		.medium
		{
			width:178px;
		}
		
		.form_title {
			height:15px;
			font-size:11px;
			color:#666666;
			padding-bottom:5px;
		}
		
		.message {
			padding:5px; 
			text-align:center; 
			border:1px #DC4E28 solid; 
			background-color:#FBD3C9; 
			color:#DC4E28;
			-moz-border-radius:3px;
			border-radius:3px;
		}
		
/* Search */
		.search_container {
			width:300px;
			margin-left:auto;
			margin-right:auto;
			margin-top:35px;
			background-color:#ffffff;
			
			-webkit-box-shadow:inset 0 0px 4px rgba(0,0,0,0.6);
			-moz-box-shadow:inset 0 0px 4px rgba(0,0,0,0.6);
			box-shadow:inset 0 0px 4px rgba(0,0,0,0.6);
		
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			-khtml-border-radius: 4px;

		}
		
		.search_container:hover
		{
			background:#f9f9f9;
		}
		
		.fbutton {
			display:block;
			padding:3px;
			height:19px;
			width:19px;
			cursor:pointer;
			
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			-khtml-border-radius: 4px;
		}
		
		.search_container input {
			display:block;
			margin:3px 3px 3px 5px;
			height:19px;
			width:266px;
			border:0;
			font-size:14px;
			color:#969696;
			font:"Arial";
			font-style:italic;
		}
		

/* Login */

		#login {
			width:280px;
			padding-top:20px;
		}
		
		#login input {
			margin-right:10px;
			-webkit-box-shadow:inset 0 0px 7px rgba(0,0,0,0.5);
			-moz-box-shadow:inset 0 0px 7px rgba(0,0,0,0.5);
			box-shadow:inset 0 0px 7px rgba(0,0,0,0.5);
		
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			-khtml-border-radius: 4px;
		}
		
		.login_title {
			height:15px;
			font-size:11px;
			color:#969696;
		}
		
		#forgot_pw {
			height:20px;
			line-height:20px;
			font-size:11px;
			font-style:italic;
		}
		
/* games */

		.packshot {
			width:80px;
			height:80px;
			display:block;
			position:relative; 
			overflow:hidden;
		}
		
		.packshot_sm {
			width:130px;
			height:130px;
			display:block;
			position:relative; 
			overflow:hidden;
		}
		
		.packshot_m {
			width:150px;
			height:150px;
			display:block;
			position:relative; 
			overflow:hidden;
		}
		
		.packshot_l {
			width:200px;
			height:200px;
			display:block;
			position:relative; 
			overflow:hidden;
		}
		
/* franchise */

		.background_text {
			position: absolute;
			width:980px;
			height:150px;
			line-height:150px;
			color:#2d2d2d;
			font-size:30px;
			text-align:center;
			vertical-align:middle;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			overflow: hidden;
		}
		
/* article */
				
		.article_rank
		{
			padding-left:10px;
			padding-right:10px;
			width:76px;
			height:150px;
			border-right:1px #ffffff dotted;
			background-color:#2c2c2c;
		}
		
		.article_rank .ranking {
			height:110px;
			line-height:110px;
			font-size:80px;
			font-weight:bold;
			text-align:center;
			border-bottom:1px #ffffff dotted;
			color:#ffffff;
		}
		
		.article_rank .rank {
			height:40px;
			line-height:40px;
			font-size:24px;
			font-style:italic;
			text-align:center;
			color:#ffffff;
		}
		
		.rank_description {
			height:130px;
			width:352px;
			padding:10px;
			border-right:1px #ffffff dotted;
			font-size:17px;
			line-height:22px;
			font-style:italic;
			text-align:justify;
			background-color:#2c2c2c;
			color:#ffffff;
		}
		
		.article_list_rank
		{
			padding-left:10px;
			padding-right:10px;
			width:66px;
			height:130px;
			border-right:1px #ffffff dotted;
			background-color:#2c2c2c;
		}
		
		.article_list_rank .ranking {
			height:90px;
			line-height:90px;
			font-size:70px;
			font-weight:bold;
			text-align:center;
			border-bottom:1px #ffffff dotted;
			color:#ffffff;
		}
		
		.article_list_rank .rank {
			height:30px;
			line-height:30px;
			font-size:20px;
			font-style:italic;
			text-align:center;
			color:#ffffff;
		}
		
		.article_sidebar_header {
			width:125px;
			height:70px;
			display:block;
			position:relative; 
			overflow:hidden;
		}
		
		.article_sidebar_headline {
			width:210px;
			padding-left:10px;
		}	
		
		.article_sidebar_headline h2 {
			padding-bottom:3px;
			font-size:14px;
			color: #DC4E28;
		}
		
		.article_sidebar_headline h3 {
			padding-bottom:3px;
			font-size:12px;
		}
		
		.full_box {
			background-color:#efefef;
			width:590px;
			margin-left:auto;
			margin-right:auto;
			padding:10px;
			text-align:left;
			font-size:13px;
			color:#4d4d4d;
			background-color:#f5f5f5;
			text-align:center;
		}
		
		.left_box {
			float:left;
			width:200px;
			padding:8px;
			margin-right:10px;
			text-align:left;
			font-size:13px;
			line-height:22px;
			color:#4d4d4d;
			background-color:#f5f5f5;
		}
		
		.right_box {
			float:right;
			width:200px;
			padding:8px;
			margin-left:10px;
			text-align:left;
			font-size:13px;
			line-height:22px;
			color:#4d4d4d;
			background-color:#f5f5f5;
		}
		
/* article_comments */

		.comment_entry {
			padding:5px 5px 15px 5px;
			margin-bottom:15px;
			border-bottom:1px #a9a9a9 dotted; 
		}
		
		.comment_entry img {
			max-width:450px;
		}
		
		.content {
			font-size:14px;
			line-height:24px;
			text-align:justify;
			padding:5px;
		}	
		
		.start_comment_headline h2 {
			padding-bottom:3px;
			font-size:14px;
			color: #DC4E28;
			
			width:320px;
			white-space:nowrap;
			text-overflow:ellipsis;
			overflow:hidden;
		}
		
		.start_comment_headline h3 {
			padding-bottom:3px;
			font-size:12px;
			
			width:320px;
			white-space:nowrap;
			text-overflow:ellipsis;
			overflow:hidden;
		}
		
		.comment_box {
			font-size:12px;
			text-align:justify;
			font-style:italic;
			color:#999999;
		}
		
		

/* Topics */

		.topic_headline {
			width:100%; 
			height:26px; 
			
			line-height:26px; 
			font-size:14px;
			
			background-color:#638EC3;
			color:#ffffff; 
		}
		
		.topic_headline .col {
			border-right:1px white solid;
			padding:0px 4px 0px 4px;
		}
		
		.topic_entry {
			width:100%;
			
			background-color:#F1F5FA;
		}
		
		.topic_entry .col {
			border-right:1px white solid;
			padding:5px 4px 5px 4px;
		}
		
		.topic_entry .date {
			font-size:11px;
		}
		
		.topic_entry .title a {
			text-decoration:underline;
			color:#2d2d2d;
		}
		
		
		.topic_reply .headline {
			width:988px;
			height:22px;
			
			line-height:22px; 
			font-size:12px;
			
			background-color:#638EC3;
			color:#ffffff; 
		}
		
		.topic_reply .date {
			padding-left:5px;
		}
		
		.topic_reply .jumper {
			padding-right:5px;
		}
		
		.topic_reply .jumper a {
			text-decoration:underline;
			color:#ffffff;
		}
		
		.topic_reply .usercol {
			width:198px;
			padding:5px;
			text-align:left;
			
			background-color:#F1F5FA;
		}
		
		.topic_reply .textcol {
			width:770px;
			padding:5px;
		}
		
		.topic_reply .username {
			
			font-size:18px;
			font-weight:bold;
		}
		
		.topic_reply .userinfo {
			padding-bottom:5px;
			font-size:12px;
		}
		
		.topic_reply .userpic {
			width:100px;
			height:100px;
			margin-bottom:5px;
			border:1px #ffffff solid; 
			
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
			background-color:#ffffff;
		}
		
		.topic_end {
			width:988px;
			height:15px;
			
			background-color:#638EC3;
			color:#ffffff; 
		}