/**** CSS File - Standard ****/


/* Hauptschrift-Formatierung */

body, td, p
{
	font-family: Arial, Helvetica;
	font-size: 8pt;
}


/* Aufzählungen */

ul
{
	list-style-type: square;
	list-style-image: url(../images/square.gif);
	margin-top: 15px;
	margin-left: 30px;
	padding-left: 0px;
}

ul.notop
{
	list-style-type: square;
	list-style-image: url(../images/square.gif);
	margin-top: 0px;
	margin-left: 30px;
	padding-left: 0px;
}

ul.nopadding
{
	list-style-type: square;
	list-style-image: url(../images/square.gif);
	margin-top: 0px;
	margin-left: 18px;
	padding-left: 0px;
}

ol.nopadding
{
	margin-top: 0px;
	margin-left: 18px;
	padding-left: 0px;
}

li
{
	margin-bottom: 2px;
}


/* Überschriften */

h1
{
	color: #b9b9b9;
	font-family: Arial, Helvetica;
	font-size: 13pt;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 0px;
}

h1.notop
{
	margin-top: 0px;
}


h2
{
	color: #e8e8e8;
	font-family: Arial, Helvetica;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 0px;
}

h2.notop
{
	margin-top: 0px;
}


h3
{
	color: #b9b9b9;
	font-family: Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
}

h3.notop
{
	margin-top: 0px;
}


h4
{
	color: #ffffff;
	font-family: Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 20px;
	margin-bottom: 0px;
}

h4.notop
{
	margin-top: 0px;
}

iframe.steamcalculator
{
    border: 0;
    width: 100%;
    height: 1000px;
    padding: 0;
    margin: 0;
}

.headline
{
	color: #ffffff;
	font-family: Arial, Helvetica;
	font-weight: bold;
}

.subheadline
{
	color: #b9b9b9;
	font-family: Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

h1 a:link,
h1 a:hover,
h1 a:visited
{
	color: #CC6600;
	text-decoration: none !important;
}

h2 a:link,
h2 a:hover,
h2 a:visited
{
	color: #E8E8E8;
	text-decoration: none !important;
}

h3 a:link,
h3 a:hover,
h3 a:visited
{
	color: #B9B9B9;
	text-decoration: none !important;
}

/* Artikel-Kategorie Headline */
.h_news,
.h_news a:link,
.h_news a:hover,
.h_news a:visited,
.h_article,
.h_article a:link,
.h_article a:hover,
.h_article a:visited
{
	color: #b9b9b9 !important;
	font-family: Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
	text-decoration: none !important;
}

/* Textformatierungen */

.statustext
{
	font-family: Verdana, Helvetica;
	font-size: 7pt;
	color: #c0c0c0;
}

.statustext2
{
	font-family: Verdana, Helvetica;
	font-size: 7pt;
	color: #c0c0c0;
}

a.statustext2:link,
a.statustext2:visited,
a.statustext2:active
{
	font-family: Verdana, Helvetica;
	font-size: 7pt;
	color: #c0c0c0;
	text-decoration: none;
}

a.statustext2:hover
{
	font-family: Verdana, Helvetica;
	font-size: 7pt;
	color: #c0c0c0;
	text-decoration: underline;
}

a.textcolor:link,
a.textcolor:visited,
a.textcolor:hover
{
	color: #e0e0e0 !important;
}

.google_link
{
	background-image: url(../../../images/icons/google_mini.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}

.wikipedia_link
{
	background-image: url(../../../images/icons/wikipedia_mini.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}

.intern_options
{
	background-color: #353535;
	padding: 5px;
	text-align: center;
}

img
{
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

/* Weiterlesen Link */

.readon
{
	font-weight: bold;
}

.bullet
{
	background-image: url(../images/square2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

span.bullet
{
	cursor: default;
}

.form_title
{
	font-weight: bold;
}

td.form_title
{
	padding-bottom: 5px;
}

td.form_field
{
	padding-bottom: 5px;
}

td.form_row_block
{
	padding-bottom: 10px;
}

.quote
{
	/*font-style: italic;*/
	color: #c0c0c0;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 6px;
	border-color: #808080;
	border-style: solid;
	border-width: 1px;
	border-left-width: 3px;
	background-color: #303030;
}

.changelog
{
	color: #c0c0c0;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 6px;
	border-color: #808080;
	border-style: solid;
	border-width: 1px;
	border-left-width: 3px;
	background-color: #303030;
}

.cclassic
{
	list-style:square;
}

.cadded
{
	list-style:none;
	background: url(./../../../images/icons/1/bullet_green.png) no-repeat left center;
	padding-left: 18px;
	margin: 0 0 0 -20px;
	height: 14px;
}

.cremoved
{
	list-style:none;
	background: url(./../../../images/icons/1/bullet_red.png) no-repeat left center;
	padding-left: 18px;
	margin: 0 0 0 -20px;
	height: 14px;
}

.cfixed
{
	list-style:none;
	background: url(./../../../images/icons/1/bullet_orange.png) no-repeat left center;
	padding-left: 18px;
	margin: 0 0 0 -20px;
	height: 14px;
}

.cchanged
{
	list-style:none;
	background: url(./../../../images/icons/1/bullet_blue.png) no-repeat left center;
	padding-left: 18px;
	margin: 0 0 0 -20px;
	height: 14px;
}

.cnormal
{
	list-style:none;
	background: url(./../../../images/icons/1/bullet_black.png) no-repeat left center;
	padding-left: 18px;
	margin: 0 0 0 -20px;
	height: 14px;
}

.cnone
{
	list-style:none;
}

.errortext
{
	font-weight: bold;
	color: #e5622e;
	margin-left: 3px;
}

.highlight
{
	font-weight: bold;
	color: #e5622e;
}


/* Absatzformatierungen */

p
{
	margin-top: 15px;
	margin-bottom: 15px;
}

p.notop
{
	margin-top: 0px;
}

p.quote
{
	/*font-style: italic;*/
	color: #c0c0c0;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 6px;
	border-color: #808080;
	border-style: solid;
	border-width: 1px;
	background-color: #232323;
}

div.spoilerblock
{
	color: #c0c0c0;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 20px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 6px;
	background-color: #232323;
}

p.spoilerblock
{
	color: #c0c0c0;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 20px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 6px;
	background-color: #232323;
}


.spoilertext
{
	/* font-style: italic; */
	color: #232323;
}


/* Vordefinierte Hintergrund-Farben */

.bgcolor1
{
	background-color: #505050;
}

.bgcolor2
{
	background-color: #353535;
}




/* Panel-Boxen */

div.panel_content
{

}


.highlight_row
{
	background-color: #292929;
}


/* Tabellenformatierungen */

td.bordertop
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #696969;
}

td.borderbottom
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #696969;
}

td.header
{
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #696969;
}

td.footer
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #696969;
}

td.line_bg
{
	background-color: #696969;
}


/* Formulare */

textarea
{
	color: #ffffff;
	background-color: #292929;
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Helvetica;
	font-size: 8pt;
}

select
{
	color: #ffffff;
	background-color: #292929;
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Helvetica;
	font-size: 8pt;
}

input.textbox
{
	color: #ffffff;
	background-color: #292929;
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Helvetica;
	font-size: 8pt;
	margin: 0;
}

input.news_headline,
input.article_headline
{
	/*color: #cc6600;*/
	color: #ffffff;
	background-color: #292929;
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Helvetica;
	font-size: 13pt;
	font-weight: bold;
}

input.login_text, input.login_pw
{
	color: #ffffff;
	background-color: #292929;
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Helvetica;
	font-size: 8pt;
	width: 100px;
}

input.button
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #ffffff;
	/*background-color: #898989;*/
	background-color: #595959;
	/*border-color: #b9b9b9;*/
	border-color: #898989;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	height: 17px;
	font-weight: bold;
}

label
{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

input.button[disabled]
{
	color: #a0a0a0;
	cursor: default;
}

input.textbox:hover, input.login_text:hover, input.login_pw:hover, input.news_headline:hover, textarea:hover, select:hover
{
	border: 1px solid #ffffff;
}

input:focus,
select:focus,
textarea:focus
{
	outline: none;
}

input.button,
input[type=checkbox],
input[type=radio],
label
{
	cursor: pointer;
}


/* Ads */

div.ad_728x15
{
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #292929;
}

div.ad_468x15
{
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #292929;
}

div.ad_468x60
{
	width: 468px;
	height: 60px;
	overflow: hidden;
}

.openid
{
	background: transparent url(../images/openid_small_logo.png) no-repeat scroll 4px 50%;
	padding-left: 18px;
}



div#tag_autocomplete_choices
{
	background-color: #292929;
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969;
}

div#tag_autocomplete_choices ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}

div#tag_autocomplete_choices li
{
	margin: 0px;
	padding: 1px;
}

div#tag_autocomplete_choices li:hover
{
	cursor: pointer;
	background-color: #333333;
}

/* SteamCalculator */
#steamcalculator #error
{
    margin: 30px 20px;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    padding: 10px;
    background: #ff9b9b;
    border: 1px solid #d03a3a;
}


#steamcalculator ul, #steamcalculator li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

#steamcalculator #infobox
{
    padding: 0 5px;
}

#steamcalculator label
{
	font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

#steamcalculator h3
{
    margin: 10px 0 10px 0;
}

#steamcalculator h3.notop
{
	margin-top: 0px;
}

#steamcalculator input.textbox
{
	color: #ffffff;
	background-color: #292929;
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Helvetica;
    font-size: 11px;
    width: 200px;
}


#steamcalculator input.textbox:hover
{
	border: 1px solid #ffffff;
}

#steamcalculator input.textbox:focus
{
	border: 1px solid #e57e17;
}

#steamcalculator input[type="submit"], #steamcalculator input[type="button"]
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #ffffff;
	background: #595959;
    border: 1px solid #898989;
	height: 17px;
    width: 100px;
	font-weight: bold;
    cursor: pointer;
}

#steamcalculator form
{
    clear: both;
    margin: 0 0 0 0;
	width: 425px;
    padding: 20px auto;
    text-align: right;
}

#steamcalculator .center
{
    text-align: center;
}

#steamcalculator a, #steamcalculator h4
{
	color: #CC6600;
	text-decoration: none;
}

#steamcalculator a:hover
{
	color: #FFA64C;
	text-decoration: underline;
}

#steamcalculator .result {
    text-align:     right;
}

#steamcalculator .big {
    font-size:            17px;
}


.xdebug-error,
.xdebug-error th,
.xdebug-error td
{
	color: black;
}


/** COOKIE CONSENT **/

.cc_banner-wrapper {
	z-index: 9001;
	position: relative
}

.cc_container .cc_btn {
	cursor: pointer;
	text-align: center;
	font-size: 0.6em;
	transition: font-size 200ms;
	line-height: 1em
}

.cc_container .cc_message {
	font-size: 0.6em;
	transition: font-size 200ms;
	margin: 0;
	padding: 0;
	line-height: 1.5em
}

.cc_container .cc_logo {
	display: none;
	text-indent: -1000px;
	overflow: hidden;
	width: 100px;
	height: 22px;
	background-size: cover;
	background-image: url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png);
	opacity: 0.9;
	transition: opacity 200ms
}

.cc_container .cc_logo:hover, .cc_container .cc_logo:active {
	opacity: 1
}

@media screen and (min-width: 500px) {
	.cc_container .cc_btn {
		font-size: 0.8em
	}

	.cc_container .cc_message {
		font-size: 0.8em
	}
}

@media screen and (min-width: 768px) {
	.cc_container .cc_btn {
		font-size: 1em
	}

	.cc_container .cc_message {
		font-size: 1em;
		line-height: 1em
	}
}

@media screen and (min-width: 992px) {
	.cc_container .cc_message {
		font-size: 1em
	}
}

@media print {
	.cc_banner-wrapper, .cc_container {
		display: none
	}
}

.cc_container {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	/*padding: 10px*/
}

.cc_container_inner {
	width: 1001px;
	margin: 0 auto;
}

.cc_container .cc_btn {
	padding: 8px 10px;
	/*background-color: #f1d600;*/
	cursor: pointer;
	transition: font-size 200ms;
	text-align: center;
	font-size: 0.6em;
	display: block;
	width: 30px;
	margin-left: 10px;
	float: right;
	max-width: 120px
}

.cc_container .cc_message {
	transition: font-size 200ms;
	font-size: 0.6em;
	display: block
}

@media screen and (min-width: 500px) {
	.cc_container .cc_btn {
		/*font-size: 0.8em*/
	}

	.cc_container .cc_message {
		margin-top: 0.5em;
		/*font-size: 0.8em*/
	}
}

@media screen and (min-width: 768px) {
	.cc_container_inner {
		padding: 5px 0 10px
	}

	.cc_container .cc_btn {
		font-size: 1em;
		padding: 5px 10px
	}

	.cc_container .cc_message {
		font-size: 1em
	}
}

@media screen and (min-width: 992px) {
	.cc_container .cc_message {
		font-size: 1em
	}
}

.cc_container {
	background: #444;
	color: #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	box-sizing: border-box
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
	color: #fff;
	background-color: #777;
	font-weight: bold;
	transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
	/*background-color: #fff;*/
	color: #fff;
	text-decoration: none;
}

/*
.cc_container a,
.cc_container a:visited {
	text-decoration: none;
	color: #31a8f0;
	transition: 200ms color
}

.cc_container a:hover,
.cc_container a:active {
	color: #b2f7ff
}
*/

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(66px);
		transform: translateY(66px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideUp {
	0% {
		-webkit-transform: translateY(66px);
		-ms-transform: translateY(66px);
		transform: translateY(66px)
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.cc_container, .cc_message, .cc_btn {
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	-webkit-animation-name: slideUp;
	animation-name: slideUp
}