@charset "utf-8";
/* CSS Document */

.clear {
	clear: both;
	float: none;
	display: block;
	height: auto;
	width: auto;
}

body {
	margin: 0px;
	background-image: url('../img/seite/bg_body.jpg');
	background-position: center 0px;
	background-repeat: no-repeat;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #262626;
}

img.lupe {
	position: relative;
	top: -15px;
	display: block;
	margin-bottom: -13px;
}

a.mail {
	padding-left: 20px;
	background: url('../img/seite/icon_mail.gif') no-repeat 2px 0px;
}

a img {
	border: none;
}

img {
	display: block;
}

a {
	color: #262626;	
}

a:hover {
	color: #c90000;
	text-decoration: none;
}

h1 {
	margin: 5px 0px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #c90000;
	font-weight: normal;
}

h2 {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #1e1e1e;
}

h3 {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #1e1e1e;
}

p {
	margin: 0px 0px 15px 0px;
}

.kasten {
	border-top: 2px solid #1e1e1e;
}

.kasten .inhalt {
	background: url('../img/seite/bg_kasten_rechts.jpg') repeat-y right;
	margin: 1px 0px;
}

.kasten .unten {
	background: #4a9a09;
	height: 19px;
	padding: 3px 5px 0px 0px;
	color: #fff;
	font-size: 12px;
	text-align: right;
}

.kasten .unten a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.kasten .unten a.more {
	padding-left: 20px;
	background: url('../img/seite/icon_more.gif') no-repeat 0px 3px;
}

.spalte {
	float: left;
	width: 31%;
	padding-left: 2%;
	padding-bottom: 20px;
}

.pos_positive {
	color: #4a9a09;
	font-weight: bold;
}

.pos_negative {
	color: #7e7e7e;
}

#seite,
#seite #oben,
#seite #mitte {
	width: 990px;
}

#seite {
	margin: 0px auto;
}

#seite #mitte {
	margin: 0px 0px 0px 0px;
}

#seite #mitte .links {
	width: 176px;
	margin: 0px 0px 0px 15px;
	float: left;
}

#seite #mitte .links .navigation {
	background: url('../img/seite/bg_kasten_links.jpg') repeat-y;
	font-family: Verdana, Geneva, sans-serif;
}

#seite #mitte .links .navigation ul {
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 0px 15px;
}

#seite #mitte .links .navigation ul li {
	margin: 0px;
	padding: 0px 0px 10px 15px;
	list-style-type: none;
}

#seite #mitte .links .navigation ul li a {
	text-decoration: none;
	color: #1e1e1e;
	font-size: 14px;
}

#seite #mitte .links .navigation ul li.act {
	background: url('../img/seite/navi_listpoint.gif') no-repeat 4px 5px;
}

#seite #mitte .links .naviAbschluss {
	width: 176px;
	height: 118px;
	background: url('../img/seite/navi_abschluss.gif');
}

#seite #mitte .zentrum {
	width: 512px;
	margin: 0px 0px 0px 30px;
	float: left;
}

#seite #mitte .zentrum .inhalt {
	border-top: 2px solid #1e1e1e;
	border-bottom: 2px solid #1e1e1e;
	padding: 15px;
	overflow: hidden;
	min-height: 250px;
}

#seite #mitte .zentrum .inhalt.forum {
	padding: 15px 0px 5px 0px;
}

#seite #mitte .zentrum .inhalt .newseintrag img,
#seite #mitte .zentrum .inhalt.forum img {
	display: inline !important;
}

#seite #mitte .zentrum .copyright {
	text-align: right;
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 20px;
}

#seite #mitte .rechts {
	width: 211px;
	margin: 0px 15px 0px 30px;
	float: left;
}

/**** INHALTE ****/

#seite #mitte .zentrum .inhalt .contentelement {
	margin-left: 7px;
}

#seite #mitte .zentrum .inhalt ul li {
	list-style-image: url('../img/seite/icon_pik.png');
}

#seite #mitte .zentrum .inhalt ul ul li,
#seite #mitte .zentrum .inhalt ul li li,
#seite #mitte .zentrum .inhalt ul li ul li {
	list-style-type: disc;
	list-style-image: none;
}

#seite #mitte .zentrum .inhalt table {
	margin-bottom: 15px;
}

#seite #mitte .zentrum .inhalt table tr th {
	text-align: left;
	font-weight: bold;
}

#seite #mitte .zentrum .inhalt table tr th,
#seite #mitte .zentrum .inhalt table tr td {
	padding: 1px 10px 1px 0px;
}

#seite #mitte .zentrum .inhalt .bild_rechts {
	float: right;
	margin: 0px 0px 10px 20px;
}

#seite #mitte .zentrum .inhalt .bild_links {
	float: right;
	margin: 0px 20px 10px 0px;
}

#seite #mitte .zentrum .inhalt .download .icon {
	float: left;
	width: 30px;
}

#seite #mitte .zentrum .inhalt .download .system {
	overflow: hidden;
	margin-bottom: 15px;
}

#seite #mitte .zentrum .inhalt .download h3 {
	display: inline;
	float: left;
	padding: 5px 0px 10px 5px;
}

#seite #mitte .zentrum .inhalt .download .eintrag {
	clear: both;
	float: none;
	display: block;
	margin: 0px 0px 6px 37px;
	overflow: hidden;
}

#seite #mitte .zentrum .inhalt .download .file {
	width: 220px;
	float: left;
}

#seite #mitte .zentrum .inhalt .download .redir {
	width: 220px;
	float: left;
}

#seite #mitte .zentrum .inhalt .download .description  {
	width: 210px;
	float: left;
}

#seite #mitte .zentrum .inhalt .download .file a {
	background: url('../img/seite/icon_download.gif') no-repeat;
	padding-left: 18px;
	padding-bottom: 2px;
	font-size: 12px;
	margin-bottom: 2px;
}

#seite #mitte .zentrum .inhalt .download .redir a {
	/*background: url('../img/seite/icon_download.gif') no-repeat;*/
	color: rgb(100,100,100);
	padding-left: 18px;
	padding-bottom: 2px;
	font-size: 12px;
	margin-bottom: 2px;
}

#seite #mitte .zentrum .inhalt .newseintrag {
	margin-bottom: 15px;
}

#seite #mitte .zentrum .inhalt .newseintrag h3 {
	display: block;
	margin: 0px;
	padding: 0px;
}

#seite #mitte .zentrum .inhalt .newseintrag .untertitel {
	font-size: 10px;
	color: #4c4c4c;
}

#seite #mitte .zentrum .inhalt .newseintrag .text {
	padding: 7px 0px 0px 0px;
}

#seite #mitte .zentrum .inhalt .newseintrag .text p {
	padding: 0px;
	margin: 0px;
}

#seite #mitte .zentrum .inhalt .newseintrag .comments {
	text-align: right;
	font-size: 11px;
	font-style: italic;
}

#seite #mitte .zentrum .faqs h1 {
	margin-top: 10px;
}

#seite #mitte .zentrum .faqs .question {
	display: block;
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: bold;
}

#seite #mitte .zentrum .screenshot {
	float: left;
	margin: 0px 15px 15px 0px;
	width: 140px;
	min-height: 135px;
}

#seite #mitte .zentrum .screenshot .caption {
	margin: 2px 0px 0px 0px;
}

#seite #mitte .zentrum table.donations {
	width: 420px;
	margin: 15px 20px 20px 20px;
}

#seite #mitte .zentrum table.donations tr th ,
#seite #mitte .zentrum table.donations tr td{
	padding: 4px;
}

#seite #mitte .zentrum table.donations tr th {
	background: url('../img/seite/verlauf_grau.png') repeat-x;
	vertical-align: top;
	border-bottom: 1px solid #808080;
}

#seite #mitte .zentrum .inhalt.polls ul {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#seite #mitte .zentrum .inhalt.polls ul li {
	list-style: none;
	margin-bottom: 8px;
}

#seite #mitte .zentrum .inhalt.polls .answer {
	font-size: 11px;
}

#seite #mitte .zentrum .inhalt.polls .bar {
	padding: 1px;
	height: 9px;
	border: 1px solid #b3b3b3;
	float: left;
	margin-right: 3px;
	min-width: 1px;
}

#seite #mitte .zentrum .inhalt.polls .bar .background {
	height: 9px;
	background: #73cc2b;
}

#seite #mitte .zentrum .inhalt.polls .percent {
	float: left;
	font-size: 11px;
}

#seite #mitte .zentrum .inhalt .ranking button,
#seite #mitte .zentrum .inhalt .ranking input {
	border: 1px solid #999;
	padding: 3px;
	font-size: 11px;
}

#seite #mitte .zentrum .inhalt .ranking button {
	
}

#seite #mitte .zentrum .inhalt .ranking label {
	padding-top: 10px;
	display: block;
}

#seite #mitte .zentrum .inhalt .ranking .rowcolor1 { background-color: transparent }
#seite #mitte .zentrum .inhalt .ranking .rowcolor2 { background-color: #eeeeee }
#seite #mitte .zentrum .inhalt .ranking .rowcolor_selected {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
	background-color: #dadada;
}

#seite #mitte .zentrum .inhalt .ranking .colleft table {
	font-size: 13px;
}

#seite #mitte .zentrum .inhalt .ranking .colright table {
	font-size: 11px;
	border: 1px solid #999;
	padding: 0px;
}

#seite #mitte .zentrum .inhalt .ranking table th {	
	background: #eaeaea url('../img/seite/verlauf_grau.png') repeat-x 0px bottom;
	vertical-align: top;
	border-bottom: 1px solid #808080;
	text-align: right;
	padding: 5px 10px;
	font-size: 13px;
}

#seite #mitte .zentrum .inhalt .ranking table.playerranking th {	
	background: url('../img/seite/verlauf_green.png') repeat-x 0px bottom;
	color: #fff;
	border-bottom: 1px solid #214600;
}

#seite #mitte .zentrum .inhalt .ranking table.playerranking th a {	
	color: #fff;
}

#seite #mitte .zentrum .inhalt .ranking table td {
	padding: 3px 10px;
}

#seite #mitte .zentrum .inhalt .ranking .colleft {
	width: 265px;
	margin-right: 20px;
	display: inline;
	float: left;
}

#seite #mitte .zentrum .inhalt .ranking .colright {
	display: inline;
	float: left;
	width: 180px;
}

/***** TEASER ****/

#seite #mitte .rechts .kasten {
	margin-bottom: 20px;
}

#seite #mitte .rechts .kasten .inhalt {
	padding: 15px 10px;
}

#seite #mitte .rechts .kasten .inhalt .breakeven .breakeven_bar {
	background-color: gray;
	border: 1px solid #4a4a4a;
	text-align: center;
	margin: auto;
}

#seite #mitte .rechts .kasten .inhalt .breakeven .negative_bar {
	background-color: #cecece;	/* TODO: color */
	float: left;
}

#seite #mitte .rechts .kasten .inhalt .breakeven .positive_bar {
	background-color: #5dbb0f;	/* TODO: color */
	float: left;
}

#seite #mitte .rechts .kasten .inhalt .breakeven .coverage_text {
	margin: 12px 20px 0px 0px;
	text-align: right;
}

#seite #mitte .rechts .kasten .inhalt .sponsors .eintrag {
	padding: 5px 0px 5px 0px;
}

#seite #mitte .rechts .kasten .inhalt .downloads .eintrag {
	overflow: hidden;
	padding: 7px 0px 7px 0px;
}

#seite #mitte .rechts .kasten .inhalt .downloads .eintrag .icon {
	float: left;
	width: 40px;
	text-align: center;
}

#seite #mitte .rechts .kasten .inhalt .downloads .eintrag .text {
	float: left;
	width: 150px;
}

#seite #mitte .rechts .kasten .inhalt .downloads .eintrag .text strong {
	display: block;
	margin-bottom: 2px;
	font-size: 14px;
}

#seite #mitte .rechts .kasten .inhalt .downloads .eintrag .text a {
	background: url('../img/seite/icon_download.gif') no-repeat;
	padding-left: 18px;
	padding-bottom: 2px;
	font-size: 10px;
	margin-bottom: 2px;
	display: block;
}

#seite #mitte .rechts .kasten .inhalt .screenshot {
	padding: 0px 20px;
	font-size: 12px;
}

#seite #mitte .rechts .kasten .inhalt .screenshot .eintrag {
	padding: 6px 0px;
}

#seite #mitte .rechts .kasten .inhalt .screenshot .eintrag img {
	display: block;
}

#seite #mitte .rechts .kasten .inhalt .forumstats {
	font-size: 12px;
	line-height: 15px;
	overflow: hidden;
}

#seite #mitte .rechts .kasten .inhalt .forumstats img {
	display: inline;
	float: left;
	margin-right: 4px;
}

#seite #mitte .rechts .kasten .inhalt .forumstats h4 {
	font-size: 12px;
	margin: 0px 0px 8px 0px;
}

#seite #mitte .rechts .kasten .inhalt .forumstats a {
	display: block;
	font-weight: bold;
	color: #3b8906;
	font-size: 12px;
	text-decoration: underline;
}

#seite #mitte .rechts .kasten .inhalt .forumstats a:hover {
	text-decoration: none;
}

#seite #mitte .rechts .kasten .inhalt .forumstats .eintrag {
	margin-bottom: 3px;
	padding-bottom: 3px;
}

#seite #mitte .rechts .kasten .inhalt .forumstats .eintrag.server {
	font-size: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 4px;
	padding-top: 7px;
	border-top: 1px solid #ccc;
	line-height: 11px;
}

#seite #mitte .rechts .kasten .inhalt .forumstats .eintrag.date {
	font-size: 10px;
	margin-top: 5px;
	line-height: 11px;
}

#seite #mitte .rechts .kasten .inhalt .forumstats .eintrag.playerstats {
	font-size: 10px;
	margin-top: 5px;
	border: 1px gray solid;
}

#seite #mitte .rechts .kasten .inhalt.polls h4 {
	margin: 0px;
	margin-bottom: 10px;
}

#seite #mitte .rechts .kasten .inhalt.polls .text {
	font-size: 11px;
	float: left;
	padding: 2px 0px 3px 1px;
}

#seite #mitte .rechts .kasten .inhalt.polls .comment {
	margin-top: 10px;
	padding-left: 15px;
}

#seite #mitte .rechts .kasten .inhalt.polls .comment input {
	border: 1px solid #ccc;
	padding: 1px;
	font-size: 11px;
}

#seite #mitte .rechts .kasten .inhalt.polls input.radiobutton {
	float: left;
}

#seite #mitte .rechts .kasten .inhalt.polls .buttons {
	padding-left: 15px;
	margin-top: 7px;
}

#seite #mitte .rechts .kasten .inhalt.polls .buttons input {
	border: 1px solid #9f9f9f;
	padding: 1px;
	font-size: 12px;
	background: #fff;
	color: #1E1E1E;
	float: left;
	width: 75px;
}

#seite #mitte .rechts .kasten .inhalt.polls .buttons input[disabled] {
	color: #ccc;
	border: 1px solid #ccc;
}

#seite #mitte .rechts .kasten .inhalt.polls .buttons a {
	float: right;
	font-size: 11px;
	min-height: 16px;
	color: #4d4b4c;
	text-decoration: none;
	margin-top: 4px;
}

#seite #mitte .rechts .kasten .inhalt.polls ul {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#seite #mitte .rechts .kasten .inhalt.polls ul li {
	list-style: none;
	margin-bottom: 7px;
}

#seite #mitte .rechts .kasten .inhalt.polls .answer {
	font-size: 11px;
}

#seite #mitte .rechts .kasten .inhalt.polls .bar {
	padding: 1px;
	height: 8px;
	border: 1px solid #b3b3b3;
	float: left;
	margin-right: 3px;
}

#seite #mitte .rechts .kasten .inhalt.polls .bar .background {
	height: 8px;
	background: #73cc2b;
}

#seite #mitte .rechts .kasten .inhalt.polls .percent {
	float: left;
	font-size: 10px;
}