@CHARSET "UTF-8";

article,aside,figcaption,figure,footer,header,main,menu,nav,section { display:block; }
address,progress,time,video { display:inline; }

html, body {
	font:			normal normal 11pt/1.4 Arial, sans-serif;
	margin:			0;
	padding:		0;
	background:		#F9F9F9;
}

#all {
	text-align:		center;
	top:			0;
	width:			100%;
	min-width:		100%;
	background:		#811;
}

#center {
	width:			970px;
	margin:			0 auto;
	text-align:		left;
}

#content, #main {
	float:			left;
	position:		relative;
	min-height:		728px;
	width:			970px;
}

#main {
	display:		table;
	table-layout:	fixed;
	background:		#FFF;
	width:			970px;
}

#sky {
	position:		absolute;
	left:			100%;
	top:			0;
	max-width:		300px;
	max-height:		600px;
}

#sky > div {
	max-width:		300px;
	max-height:		600px;
}

#leader {
	max-height:		300px;
	max-width:		970px;
	outline:		1px solid transparent;
}

#page_print_content, #sidepanel {
	display:		table-cell;
	vertical-align:	top;
	border:			10px solid #FFF;
}

#page_print_content {
	width:			640px;
}

#sidepanel {
	width:			300px;
	border-width:	10px 5px;
}

#timeline {
	min-height:		870px;
}

#footer {
	overflow:		hidden;
	clear:			both;
	width:			970px;
}

ul.dropdown, ul.dropdown li, ul.dropdown ul {
	list-style:			none;
	margin:				0;
	padding:			0;
}

ul.dropdown {
	position:			relative;
	z-index:			597;
}

ul.dropdown li {
	float:				left;
}

ul.dropdown li.hover, ul.dropdown li:hover {
	position:			relative;
	z-index:			599;
	cursor:				default;
}

ul.dropdown li > ul {
	visibility:			hidden;
	position:			absolute;
	top:				100%;
	left:				0;
	z-index:			598;
	width:				100%;
}

ul.dropdown li > ul li {
	min-width:			150px;
	padding:			5px;
	margin-left:		-1px;
	background:			#FFF;
	border:				1px solid #CCC;
	border-width:		0 1px 5px 1px;
}

ul.dropdown ul ul {
	top:				0;
	left:				100%;
}

ul.dropdown li:hover > ul {
	visibility:			visible;
}

nav#headnav {
	display:			table;
	width:				100%;
	height:				60px;
	margin:				0;
	padding:			0;
	border-collapse:	collapse;
	vertical-align:		middle;
}

nav#headnav li.dir:hover {
	background:			#FFF;
}

nav#headnav li.dir:hover a, nav#headnav li.dir:hover span {
	color:				#000;
}

nav#headnav > * {
	display:			table-cell;
	vertical-align:		middle;
}

nav#headnav a#home {
	width:				220px;
}

nav#headnav a#home img {
	display:			block;
	float:				left;
}

#header_dropdown_navigation {
	position:			relative;
	z-index:			50;
}

#header_dropdown_navigation a, #header_dropdown_navigation span {
	display:			block;
}

#header_dropdown_navigation li.dir {
	display:			table-cell;
	vertical-align:		bottom;
	margin-top:			5px;
}

#header_dropdown_navigation li.dir > a, #header_dropdown_navigation li.dir > span {
	font-size:			12pt;
	margin:				20px 10px 10px 10px;
	font-weight:		bold;
	color:				#FFF;
	text-transform:		uppercase;
}

#header_dropdown_navigation li.dir ul {
	position:			absolute;
}

#header_dropdown_navigation li.dir ul li {
	min-width:			150px;
	padding:			5px;
	margin-left:		-1px;
	background:			#FFF;
	border:				1px solid #CCC;
	border-width:		0 1px 5px 1px;
}

ul#header_dropdown_navigation.dropdown li.dir ul a {
	overflow:			hidden;
	text-overflow:		ellipsis;
}

ul#header_dropdown_navigation.dropdown li.dir ul a:hover {
	background:			#EEE;
}

ul#header_dropdown_navigation.dropdown ul a {
	font-size:			10pt;
	padding:			5px;
}

#home img {
	display:			block;
	float:				left;
	margin:				5px 0;
}

ul#forum_menu {
	position:			absolute;
	left:				-305px;
	width:				970px;
}

ul#header_dropdown_navigation li ul#forum_menu, ul#header_dropdown_navigation li #Foren {
	width:				960px;
	max-width:			960px;
	display:			table;
	overflow:			hidden;
}

#header_dropdown_navigation #Foren > div {
	display:			table-cell;
	vertical-align:		top;
}

#header_dropdown_navigation #Foren strong {
	font-size:			11pt;
}

div.tools ul.dropdown li.dir ul {
	position:			absolute;
	top:				0px;
	left:				-535px;
	width:				640px;
	color:				#000;
}

section section div.tools ul.dropdown li.dir ul {
	left:				-470px;
}

div.tools ul.dropdown li.dir ul li {
	border-top:			5px solid #CCC;
	background:			#EAF6FF;
	float:				right;
	display:			table;
	border-spacing:		5px;
}

div.tools ul.dropdown li.dir ul li div {
	display:			table-cell;
	min-width:			150px;
	max-width:			210px;
}

div.tools ul.dropdown a {
	margin:				0 0 5px 0;
}

div.tools ul.dropdown form {
	margin:				5px 0;
	padding:			10px 0 5px 0;
	border-top:			2px solid #AAA;
}

div.tools ul.dropdown form label span {
	width:				70px;
}

div.tools ul.dropdown input {
	display:			block;
	margin:				5px auto;
}

div.tools ul.dropdown strong {
	display:			inline;
	color:				#000;
}

#gnSearch {
	padding:			10px;	
}

#gnSearch #cse-search-box div input[type="text"] {
	width:				175px;
	padding:			2px 10px !important;
	min-height:			30px;
	border:				none !important;
}

#gnSearch button[type="submit"], #gnSearch input[type="submit"] {
	background:			#600;
	color:				#FFF;
	font-weight:		bold;
}

.adbroker {
	overflow:			hidden;
}

.adbroker.InContent {
	float:				right;
	margin:				0 0 0 10px;
}

a {
	text-decoration:	none;
	color:				#127;
}

a article p,
a:active article p,
a:hover article p,
a:visited article p,
article a p,
article a:active p,
article a:hover p,
article a:visited p {
	text-decoration:	none;
	color:				#000;
}

#page_print_content .content a {
	text-decoration:	underline;
}

#page_print_content a:visited {
	color:				#662266;
}

h1, h2, h3, h4, h5, h6 {
	margin:				0 0 10px 0;
}

header img {
	display:			block;
	float:				left;
	margin:				0 10px 0 0;
}

header strong, a header strong {
	display:			block;
	color:				#888;
}

a h1, a h2, a h3, a h4, a h5, a h6 {
	color:				#127;
}

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

p {
	margin:				0 0 10px 0;
}

hr {
	border:				none;
	background:			#BBB;
	height:				2px;
}

a img {
	border:				none;
}

.content img {
	height:				auto;
}

figure.center, img.center {
	float:				none;
	clear:				both;
	margin:				10px auto;	
}

figure.left, img.left {
	float:				left;
	margin:				0 10px 0 0;
}

figure.right, img.right {
	float:				right;
	margin:				0 0 0 10px;
}

cite, blockquote, .cite {
	display:			block;
	background:			#EEF;
	border:				5px solid #CCD;
	border-width:		0 5px;
	margin:				0 0 10px 0;
	padding:			10px 40px;
	overflow:			hidden;
	position:			relative;
	font-style:			italic;
}

cite:before, blockquote:before, .cite:before {
	content:			url("/gfx/misc/oq.gif");
	position:			absolute;
	left:				10px;
	top:				10px;
}

cite:after, blockquote:after, .cite:after {
	content:			url("/gfx/misc/cq.gif");
	position:			absolute;
	right:				10px;
	bottom:				10px;
}

form label {
	display:			block;
	overflow:			hidden;
	float:				none;
	clear:				both;
	margin:				10px 0 20px 0;
}

form label span {
	display:			block;
	width:				180px;
	float:				left;
	clear:				left;
	font-weight:		bold;
}

button, input[type="submit"],
button.modify, input.modify, a.modify, a:visited.modify,
button.create, input.create, a.create, a:visited.create,
button.cancel, input.cancel, a.cancel, a:visited.cancel {
	background:			#666;
	border:				none;
	color:				#fff;
	text-decoration:	none !important;
	display:			inline-block;
	font-weight:		bold;
	padding:			10px 20px;
	margin:				5px 5px 5px 0;
	font-size:			110%;
	border-radius:		2px;
}

button.modify, input.modify, a.modify, a:visited.modify {
	background:			#039;
}

button.create, input.create, a.create, a:visited.create {
	background:			#090;
}

button.cancel, input.cancel, a.cancel, a:visited.cancel {
	background:			#900;
}

a#hosteurope {
	display:			block;
	float:				right;
	overflow:			hidden;
	margin:				0 0 5px 5px;
}

#halloffame {
	font-size:			10px;
	overflow:			hidden;
	margin:				5px 0;
}

#halloffame h3 {
	font-size:			9px;
	color:				#666;
	margin:				0 0 5px 0;
	padding:			0;
}

#halloffame a {
	display:			block;
	float:				left;
	margin:				0;
}

#halloffame img {
	display:			block;
	max-width:			50px;
	max-height:			50px;
}

#usercontext {
	font-size:			9pt;
	border:				1px solid #eee;
	background:			#f6f6f6;
	padding:			5px;
	margin:				0 0 10px 0;
	overflow:			hidden;
}

#usercontext img {
	float:				left;
	margin:				0 10px 0 0;
}

#usercontext h1, #usercontext h2 {
	margin:				0;
	font-size:			10pt;
}

#usercontext h2 {
	font-size:			9pt;
	clear:				both;
	margin:				20px 0 0 0;
}

#usercontext p {
	margin:				10px 0;
}

#usercontext #guest a, #usercontext input[type="submit"] {
	display:			inline-block;
	background:			#0A1;
	color:				#FFF;
	padding:			5px 10px;
	text-align:			center;
	font-weight:		bold;
	margin:				5px auto;
	border:				none;
}

#usercontext #state strong {
	display:			block;
}

#sidepanel #nickles_topics a {
	font-weight:		bold;
	display:			block;
	float:				left;
	padding:			2px 3px;
	margin:				0 10px 0 0;
	font-size:			12pt;
}

#online {
	max-height:			250px;
	overflow:			auto;
	border:				1px solid #ccc;
	margin:				5px 0;
}

#online a {
	display:			block;
	padding:			5px;
	color:				#000;
	font-weight:		bold;
	font-size:			12px;
	overflow:			hidden;
	text-decoration:	none;
}

#online a em {
	display:			block;
	font-weight:		normal;
	font-size:			10px;
}

#online a:hover {
	background:			#f5f5f5;
}

#online a img {
	max-width:			50px;
	max-height:			50px;
	display:			block;
	float:				left;
	margin:				0 10px 0 0;
}

.content {
	padding:			20px 0;
	font-size:			12pt;
	line-height:		17pt;
	clear:				both;
}

.content img.zoomable, .content img.resizeable {
	cursor:				-webkit-zoom-in;
	cursor:				-moz-zoom-in;
	cursor:				url('/gfx/mag.cur'), pointer;
}

.content figure {
	display:			table;
	margin:				0;
	padding:			0;
}

.content figure img {
	float:				none;
	margin:				0;
	max-width:			100%;
}

.content figure figcaption {
	display:			block;
	max-width:			100%;
	display:			table-caption;
	caption-side:		bottom;
	font-size:			8pt;
	text-align:			right;
}

.content figure * img {
	display:			inline;
}

.content .ui-dialog, .content img.zoomable {
	z-index:			10000;
}

.related {
	box-sizing:				border-box;
	width:					100%;
	margin:					10px 0 0 0;
	padding:				0;
}

.related * {
	box-sizing:				border-box;
	color:					initial !important;
	font-size:				9pt;
	margin:					0;
	padding:				0;
}

.related div {
	font-size:				9pt;
	overflow:				hidden;
	padding:				1%;
	text-decoration:		none;
	color:					#000 !important;
	margin:					0 10px 0 0;
}

.related a {
	text-decoration:		none !important;
}

.related strong {
	white-space:			nowrap;
	overflow:				hidden;
	text-overflow:			ellipsis;
}

.related div:hover {
	box-shadow:				0 0 5px #333;
	text-decoration:		none !important;
}

.related div div:hover {
	box-shadow:				none;
}

.related h1, .related h2 {
	color:					#127 !important;
	font-size:				10pt;
	white-space:			nowrap;
	overflow:				hidden;
	text-overflow:			ellipsis;
}

.related img {
	margin:					5px 10px 10px 0;
	display:				block;
	float:					left;
}

.related div div img {
	margin:					auto;
	display:				inline-block;
	float:					none;
}

#timeline a {
	color:			#000;
}

#timeline a p {
	max-height:		250px;
	text-overflow:	ellipsis;
}

.FOTC {
	padding:		0;
	overflow:		hidden;
	margin:			10px 0;
	clear:			both;
	float:			none;
	display:		block;
	max-width:		100%;
}

.FOTC a {
	margin:			10px 0 20px 0;
	padding:		0 1px;
	outline:		1px solid transparent;
	display:		block;
	clear:			both;
	float:			none;
	max-width:		100%;
	text-overflow:	ellipsis;
	text-overflow:	ellipsis-word;
}

.FOTC strong {
	font-weight:	bold;
	display:		block;
	color:			#127;
	font-size:		12pt;
}

.FOTC div strong {
	font-size:		10pt;
	white-space:	nowrap;
	overflow:		hidden;
	max-width:		230px;
	text-overflow:	ellipsis;
	text-overflow:	ellipsis-word;
}

.FOTC img {
	float:			left;
	margin:			0 10px 10px 0;
	max-height:		50px;
	max-width:		50px;
}

#footer {
	color:				#333;
	font-size:			12px;
	background:			#bbb;
}

#footer .copyright {
	margin:				10px 30px;
	font-size:			8pt;
}

#footer a {
	display:			block;
	width:				20%;
	margin:				5px 0;
	float:				left;
	color:				#fff;
}

#footer p {
	clear:				left;
	padding:			20px 10px;
}

a[data-premium], a[data-idlevel], a[data-troll] {
	position:			relative;
	overflow:			hidden;
	outline:			1px solid transparent;
	display:			inline-block;
	vertical-align:		top;
}

a[data-premium]:after, a[data-idlevel]:after, a[data-troll]:after {
	display:			block;
	position:			absolute;
	bottom:				0;
	left:				35px;
	margin:				0;
	font-weight:		bold;
	font-size:			10px;
	line-height:		10px;
	vertical-align:		middle;
	color:				#FFF;
	padding:			0 2px 1px 2px;
	font-style:			normal;
}

a[data-premium="1"]:after {
	content:			'P';
	background:			#C21;
}

a[data-idlevel="1"]:after, a[data-idlevel="2"]:after {
	content:			'VIP';
	background:			#34C;
}

a[data-idlevel="99"]:after {
	content:			'R';
	background:			#129;
}

a[data-troll="1"]:after {
	content:			'T';
	background:			#000;
}

div.nickles_messages_container {
	position:			fixed;
	width:				100%;
	z-index:			1000000;
}

div.nickles_messages_window {
	position:			relative;
	min-width:			320px;
	max-width:			640px;
	overflow:			hidden;
	box-shadow:			0 0 50px #666;
	background:			#FFF url('/gfx/misc/msgbg.gif') repeat-x bottom;
	margin:				70px auto;
	padding:			10px;
	border-radius:		7px;
}

div.nickles_messages_title {
	padding:			7px 5px 10px 5px;
	margin:				0 -10px 10px -10px;
	color:				#5BF;
	text-align:			center;
	font-size:			16pt;
	text-transform:		uppercase;
	overflow:			hidden;
}

div.nickles_messages_content {
	font-size:			11pt;
	overflow:			hidden;
}

div.nickles_messages_footer {
	padding:			10px 5px 7px 5px;
	margin:				10px -10px 0 -10px;
	color:				#7CF;
	text-align:			center;
	font-size:			16pt;
	text-transform:		uppercase;
	overflow:			hidden;
	border-top:			1px solid #CEF;
}

span.nickles_messages_close {
	cursor:				pointer;
}

div.nickles_messages_success div.nickles_messages_title {
	background:			#193;
	color:				#FFF;
}

div.nickles_messages_warning div.nickles_messages_title {
	background:			#FC0;
	color:				#FFF;
}

div.nickles_messages_error div.nickles_messages_title {
	background:			#B21;
	color:				#FFF;
}

div.nickles_messages_success div.nickles_messages_title:before {
	content:			' Erfolgreich ausgeführt ';
}

div.nickles_messages_notice div.nickles_messages_title:before {
	content:			' Hinweis ';
}

div.nickles_messages_warning div.nickles_messages_title:before {
	content:			' Warnhinweis ';
}

div.nickles_messages_error div.nickles_messages_title:before {
	content:			' Fehler! ';
}

#page_print_content .pageinator {
	display:			table;
	emptys-cells:		show;
	table-layout:		fixed;
	margin:				10px auto;
	border-spacing:		10px;
}

#page_print_content .pageinator li {
	display:			table-cell;
	width:				6.67%;
	text-align:			center;
}

#page_print_content .pageinator li a:link,
#page_print_content .pageinator li a:visited,
#page_print_content .pageinator li a:focus,
#page_print_content .pageinator li a:hover,
#page_print_content .pageinator li a:active {
	display:			block;
	padding:			5px 10px;
	background:			#EEE;
	color:				#27C !important;
	font-weight:		bold;
	line-height:		150%;
	text-decoration:	none !important;
}

#page_print_content .pageinator li a.active:link,
#page_print_content .pageinator li a.active:visited,
#page_print_content .pageinator li a.active:focus,
#page_print_content .pageinator li a.active:hover,
#page_print_content .pageinator li a.active:active {
	background:			#27C;
	color:				#FFF !important;
}

div.posting_votes {
	clear:				both;
	float:				right;
	font-size:			8pt;
	color:				#666;
	margin:				3px 0 3px 5px;
}

div.posting_votes button {
	border:				none;
	color:				#FFF;
	font-weight:		bold;
	padding:			2px 3px;
	text-align:			center;
	min-width:			25px;
	min-height:			25px;
	font-size:			18px;
	line-height:		18px;
	float:				none;
	cursor:				pointer;
}

div.posting_votes button.posting_votes_plus {
	background:			green;
	margin:				0 3px 0 0;
}

div.posting_votes button {
	background:			darkred;
}

.votes_1 .content, .votes_1 .content * {
	-moz-opacity:		0.85;
	-o-opacity:			0.85;
	-ms-opacity:		0.85;
	-webkit-opacity:	0.85;
	opacity:			0.85;
}

.votes_2 .content, .votes_2 .content * {
	-moz-opacity:		0.8;
	-o-opacity:			0.8;
	-ms-opacity:		0.8;
	-webkit-opacity:	0.8;
	opacity:			0.8;
}

.votes_3 .content, .votes_3 .content * {
	-moz-opacity:		0.7;
	-o-opacity:			0.7;
	-ms-opacity:		0.7;
	-webkit-opacity:	0.7;
	opacity:			0.7;
	font-size:			100%;
	line-height:		120%;
}

.votes_out .content, .votes_out .content * {
	-moz-opacity:		0.5;
	-o-opacity:			0.5;
	-ms-opacity:		0.5;
	-webkit-opacity:	0.5;
	opacity:			0.5;
	font-size:			50%;
	line-height:		100%;
}


#rating {
	float:				none;
	clear:				both;
	overflow:			hidden;
	display:			table;
	margin:				5px auto;
	outline:			2px solid #EEE;
}

#rating > * {
	display:			inline-block;
	display:			table-cell;
	vertical-align:		middle;
	padding:			0 10px;
}

#rating strong, #rating em {
	font-size:			8pt;
	text-align:			center;
}

#rating strong {
	background:			#EEE;
}

#rating #details {
	display:			none;
}

#rating div {
	float:				left;
	color:				#BBB;
}

#rating div span {
	display:			table-cell;
	text-align:			center;
	width:				40px;
	height:				40px;
	display:			block;
	float:				right;
	background:			url('/gfx/bstar.gif') no-repeat center center;
}

#rating.active div span {
	cursor:				pointer;
}

#rating div.vote span, #rating div.vote div span {
	background-image:	url('/gfx/ystar.gif');
}

#rating.active div span:hover, #rating.active div.vote span:hover, #rating.active div.voted span {
	background-image:	url('/gfx/gstar.gif');
}

.buttonbar {
	display:			table;
	table-layout:		fixed;
	width:				100%;
	max-width:			100%;
	border-spacing:		10px;
}

.buttonbar > * {
	display:			table-cell !important;
	text-align:			center;
	padding:			5px !important;
	margin:				0 !important;
}

@media (max-width: 720px) {

	* {
		box-sizing:			border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	}

	#center {
		width:			100%;
		min-width:		100%;
	}

	#content, #main {
		float:			left;
		position:		relative;
		width:			100%;
	}

	#main {
		display:		block;
		width:			100%;
	}

	#page_print_content, #sidepanel, #footer {
		display:		block;
		width:			100%;
		border:			10px solid #FFF;
	}

	ul.dropdown li {
		display:			block;
		width:				50%;
		float:				left;
	}

	nav#headnav a#home {
		width:				100%;
		float:				none;
	}

	nav#headnav {
		display:			block;
		height:				auto;
	}

	nav#headnav > * {
		display:			block;
		width:				100%;
	}

	#header_dropdown_navigation li.dir {
		display:			block;
	}

	#header_dropdown_navigation li.dir ul li {
		min-width:			100%;
	}

	ul#forum_menu {
		left:				0;
	}

	#header_dropdown_navigation #Foren {
		width:				100%;
		display:			block;
		left:				0;
	}

	#header_dropdown_navigation #Foren > div {
		display:			block;
	}

}

@media (max-width: 320px) {

	ul.dropdown li {
		width:				100%;
		float:				none;
	}

		nav#headnav a#home {
		width:				100%;
	}

	nav#headnav > * {
		width:				100%;
	}

}

nav#header_dropdown_navigation div.dropdown-menu a.dropdown-item {
	white-space:	normal;
}

article a, articloe a * {
	text-decoration:	none !important;
}

.render_block article header h2 {
	font-weight:	bold;
}