/*root*/
:root {	
	--basecolor: #222547;
	--colorlighter: #33365e;
	--colorlightest: #B5BAFD;
	--colordarker: #151730;
	--colordarkest: #06081c;
	--accentcolorbase: #5499D1;
	--accentcolorlighter: #569ac4;
	--accentcolordarker: #3e67ad;
	--black: #07070A;
	--white: #f5f8fa;
	--background: url(../../../images/waterfalls/backgroundAlt.png);
}
/*#00010a*/
/*gruppenfarben*/

	.g8 {background: #79A9BA!important} /*geister*/
	.g9 {background: #5FBA9F!important} /*magiebegabte*/
	.g10 {background: #4BBA73!important} /*mensch*/
	.g11 {background: #C33264!important} /*vampir*/
	.g12 {background: #96302A!important} /*werwolf*/
	.g13 {background: #690C2D!important} /*dämon*/
	.g14 {background: #DE79B4!important} /*engel*/
	.g15 {background: #99BA36!important} /*mischwesen*/
	.g16 {background: #3D6AAB!important} /*Sirenen*/
	.g18 {background: #23752E!important} /*Mutanten*/
	.g19 {background: #8A8A8A!important} /*Sonstige*/
	geister {color: #79A9BA}
	magiebegabte {color: #5FBA9F}
	mensch {color: #4BBA73}
	vampir {color: #C33264}
	wolf {color: #96302A}
	demon {color: #690C2D}
	angel {color: #DE79B4}
	hyb {color: #99BA36}
	wb {color: #3D6AAB}
	gm {color: #23752E}
	blob {color: #8A8A8A}
	admin {display: inline-block; text-decoration: none;}
		admin:before {content: '❅'; margin-left:5px;}

/*allgemeines*/

body {
	background-color: var(--basecolor);
	background-image: var(--background)!important;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	color: #333;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	overflow-y: scroll;
	position: relative;
	z-index: 1
}

body:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--);
	opacity: 0.75;
	z-index: -1
}


#content {
	background: none;
	width: auto!important;
	padding: 20px 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

	#content:before {
		content:'';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		z-index: -1;
		opacity: .5;
	}

table {
	color: #333;
	font-size: 12px;
	width: 80%!important;
	min-width:900px;
	padding: 0px 10%;
}

.tborder {
	background: var(--basecolor)!important;
	width: 100%;
	margin: auto auto;
	border: 1px solid #ccc;
	padding: 1px;
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}

.thead {
	background-color: var(--colordarker);
	background-image: url(/images/waterfalls/navy.png);
	color: var(--accentcolorbase);
	padding: 20px;
}

.thead a:link {
	font-size: 30px;
	color: var(--accentcolorbase);
	text-decoration: none;
}

.thead a:visited {
	color: var(--accentcolorbase);
	text-decoration: none;
}

.thead a:hover,
.thead a:active {
	color: var(--accentcolorbase);
	text-decoration: underline;
}

.tcat {
	background: var(--black);
	color: var(--colorlighter);
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 6px;
	font-size: 12px;
}

.tcat a:link {
	color: #fff;
}

.tcat a:visited {
	color: #fff;
}

.tcat a:hover,
.tcat a:active {
	color: #fff;
}

/* Header Stuff */
#logo {
	background: none;
	padding: 10px 0;
}

#logo a:hover {
	text-decoration: none;
}

#headertext {
	display: block;
	width: 100%;
	font-size: 60px;
	text-transform: uppercase;
	color: var(--colorlightest);
	text-align: center;
	font-family: Papyrus, fantasy;
	text-shadow: 3px 3px 1px var(--black);
	font-weight: 800;
	margin: 300px 0 250px;
}

#headeruntertext {
	display: block;
	width: 40%;
	height: auto;
	font-size: 20px;
	color: var(--colorlighter);
	position: relative;
	left: 60%;
	margin: -250px 0 150px 0;
	font-family: Comic Sans MS, cursive, sans-serif;
}

.miniIconIndex {
	display: inline-block;
	border: 1px solid var(--white);
	padding: 8px;
	border-radius: 100%;
	height: 60px;
	width: 60px;
	float: left;
	margin-right: 20px;
}

.headertabelle {
	display: grid;
	grid-template-columns: 30% 38% auto;
	grid-template-rows: 220px 220px 30px;
	gap: 30px;
	width: 60%;
	background-color: var(--black);
	margin: 50px;
	border: 20px solid var(--colordarker);
	padding: 30px;
}

.headertabelle > span {
	display: inline-block;
	background: var(--colordarker);
	padding: 10px;
	overflow: auto;
	color: var(--colorlightest);
	position: relative;
	z-index: 0;
	text-align: justify;
}

#infotext {
	display: inline-block;
}

#adminbilder {
	text-align: center;
}

#adminbilder img {
	display: inline-block;
	width: 100px;
	height: 100px;
	border: 1px solid var(--white);
	padding: 8px;
	border-radius: 100%;
	margin: 10px;
}

#links {
	background: none!important;
	grid-column-start: 1;
  	grid-column-end: 4;
	text-align: center;
	padding: 0;
}

#links a {
	background: var(--colordarker);
	padding: 5px;
	color: var(--colorlightest);
	font-size: 14px;
	margin: 5px;
	text-align: center;
}

#kalender {
	background: none;
	grid-column-start: 2;
  	grid-column-end: 3;
	color: var(--colorlightest);
}

#shortfacts {
	background: none;
	grid-column-start: 3;
	grid-column-end: 4;
	justify-self: stretch;
	padding: 0;
}

#shortfacts p {
	background: var(--colordarker);
	width: 100%-45px;
	padding: 5px;
	font-size: 14px;
	margin: 0px 0px 8px;
	text-align: center;
}

#news {
	grid-column-start: 1;
  	grid-column-end: 2;
}

/* Postbit */
.post {
	overflow: hidden;
	background: var(--black);
}

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	border-bottom: none;
	border-top: none;
	background: var(--colordark);
	padding: 5px;
	overflow: hidden;
}

.post.classic .post_author {
	border: 1px solid #ddd;
	float: left;
	width: 320px;
	margin: 0 1% 15px 0;
	border-left: 0;
	padding: 5px 1%;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
	padding: 5px;
	border: 1px solid #ddd;
	background: var(--colordark);
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}

.post .post_author div.author_statistics {
	float: right;
	font-size: 11px;
	padding: 3px 10px 3px 5px;
	color: #666;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	border-top: 1px dotted #ccc;
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: none;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #666;
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

.post .post_head span.edited_post a {
	color: #666;
}

.post_body {
	font-size: 14px;
	padding: 15px 7%;
	background: var(--black);
	color: var(--colorlightest);
	display: block;
	width: auto;
}

.post.classic .post_content {
	float: left;
	padding: 0px;
	width: calc(100% - 400px);
}

.post_content {
	padding: 0px;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

.posthead {
	display: block;
	width: 100%;
	background: #acacac;
	color: var(--white);
	font-size: 40px;}