/*
#9f9e9f - Schrift  -> #9f9e9f
#9f9e9f - Hauptschrift -> #9f9e9f
#cacaca - Links
#1b1a1b - Nebenbackground
#1f1e1e - Hauptbackground
#bcbcbc - Headerbox
#444 - Navbox
#444 - kleine Boxen
*/

body {
		background: #242424;
		background-image: url(../../../styles/01/gfx/background1.jpg);
		background-repeat:no-repeat;
		color: #9f9e9f;
		margin-top: 0px;
		font-family: Arial, Sans-Serif;
		font-size: 12px;
		text-align: left; /* IE 5 fix */
		line-height: 1.4;
}

.logo {
		padding: 0px;
		margin-left: -2px;
}

/* ############# NEW/OLD POSTS ICONS - START*/

.forum_status {
	height: 125px;
	width: 95px;
	background: url(../../../images/forum_icon_sprite.png) no-repeat 0 0;
	display: inline-block;
}

.forum_on {
	background-position: 0 0;
	background: url(../../../styles/01/on.gif) no-repeat 0 0;
}

.forum_off {
	background-position: 0 0px;
	background: url(../../../styles/01/off.gif) no-repeat 0 0;
}

.forum_offclose {
	background-position: 0 -60px;
	background: url(../../../styles/01/offlock.gif) no-repeat 0 0;
}


/* ############# NEW/OLD POSTS ICONS - ENDE*/

a:link {
	color: #cacaca;
	text-decoration: none;
        text-transform: uppercase;
        font-family: tahoma;
}

a:visited {
	color: #cacaca;
	text-decoration: none;
        text-transform: uppercase;
        font-family: tahoma;
}

a:hover, a:active {
	color: #cacaca;
	text-decoration: none;
    font-family: tahoma;
}

#container {
	background: #1f1e1e;
	background-image: url(../../../styles/01/gfx/background_forum.jpg);
	width: 1100px;
	color: #9f9e9f;
	margin: auto auto;
	'padding-top: 28px;
	text-align: left;
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
}

#content {
	/* FIX: Make internet explorer wrap correctly */
	width: auto !important;
}

.menu ul {
	color: #9f9e9f;
	font-weight: bold;
	text-align: right;
	padding: 4px;
}

.menu ul a:link {
	color: #cacaca;
	text-decoration: none;
}

.menu ul a:visited {
	color: #cacaca;
	text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
	color: #cacaca;
	text-decoration: none;
}

#panel {
	background: #1b1a1b;
	background-image: url(../../../styles/01/gfx/threads_hg.jpg);
	color: #9f9e9f;
	font-size: 11px;
	border: 0px solid #c6c6c6;
	padding: 8px;
}

#panel .remember_me input {
	vertical-align: middle;
	margin-top: -1px;
}

table {
	color: #cacaca;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

.tborder {
	width: 100%;
	margin: auto auto;
	border: 1px solid #1b1a1b;
}

.thead {
	background: #1f1e1e;
	color: #cacaca;
	background-image: url(../../../styles/01/gfx/headnav_bg.jpg);
}

.thead a:link {
	color: #cacaca;
	text-decoration: none;
}

.thead a:visited {
	color: #cacaca;
	text-decoration: none;
}

.thead a:hover, .thead a:active {
	color: #444;
	text-decoration: underline;
}

.tcat {
	background: #444;
	color: #cacaca;
	font-size: 11px;
        font-family: tahoma;
        text-transform: uppercase;
}

.tcat a:link {
	color: #cacaca;
        text-transform: uppercase;
}

.tcat a:visited {
	color: #cacaca;
        text-transform: uppercase;
}

.tcat a:hover, .tcat a:active {
	color: #444;
        text-transform: uppercase;
}

.trow1 {
	background: #1b1a1b;
	background-image: url(../../../styles/01/gfx/postbit_bgH.jpg);
}

.trow2 {
	background: #1b1a1b;
	background-image: url(../../../styles/01/gfx/postbit_bgH.jpg);
}

.trow_shaded {
	background: #111111;
}

.trow_selected td {
	background: #FFFBD9;
}

.trow_sep {
	background: #444;
        border-left: 10px solid #e2e2e2; 
        border-right: 10px solid #e2e2e2; 
        font-family: 'Open Sans Condensed', sans-serif;
	color: #9f9e9f;
	font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
}

.tfoot {
	background: #444 url(../../../) top left repeat-x;
	color: #000000;
        text-transform: uppercase;
}

.tfoot a:link {
	color: #cacaca;
	text-decoration: none;
}

.tfoot a:visited {
	color: #cacaca;
	text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
	color: #cacaca;
	text-decoration: underline;
}

.bottommenu {
	background: #1b1a1b;
	color: #9f9e9f;
	border: 0px solid #595959;
	padding: 10px;
}

.navigation {
	color: #9f9e9f;
	font-size: 13px;
	font-weight: bold;
        width: 1100px;
        text-align: center;
        background-color: #1f1e1e;
        border-left: 1px solid #444; 
        border-right: 1px solid #444;
		background-image: url(../../../styles/01/gfx/postbit_bgH.jpg);
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover, .navigation a:active {
	text-decoration: none;
}

.navigation .active {
	color: #9f9e9f;
	font-size: 13px;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

input.textbox {
	background: #1f1e1e;
	color: #9f9e9f;
	border: 1px solid #1b1a1b;
	padding: 1px;
}

textarea {
	background: #1f1e1e;
	color: #9f9e9f;
	border: 1px solid #1b1a1b;
	padding: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 1.4;
	font-size: 13px;
}

select {
	background: #1f1e1e;
	color: #9f9e9f;
	border: 1px solid #9f9e9f;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #9f9e9f;
}

.autocomplete {
	background: #fff;
	border: 1px solid #000;
	color: black;
}

.autocomplete_selected {
	background: #adcee7;
	color: #000;
}

.popup_menu {
	background: #ccc;
	border: 1px solid #000;
}

.popup_menu .popup_item {
	background: #fff;
	color: #000;
}

.popup_menu .popup_item:hover {
	background: #C7DBEE;
	color: #000;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #1b1a1b;
}

.reputation_negative {
	color: red;
}

.invalid_field {
	border: 1px solid #f30;
	color: #f30;
}

.valid_field {
	border: 1px solid #0c0;
}

.validation_error {
	background: url(../../../images/invalid.gif) no-repeat center left;
	color: #f30;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_success {
	background: url(../../../images/valid.gif) no-repeat center left;
	color: #00b200;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_loading {
	background: url(../../../images/spinner.gif) no-repeat center left;
	color: #555;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

/* Additional CSS (Master) */
img {
	border: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background-color: #FFFBD9;
	font-weight: bold;
	text-align: center;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.menu ul {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
	padding-left: 5px;
}

.menu img {
	padding-right: 5px;
	vertical-align: top;
}

#panel .links {
	margin: 0;
	float: right;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

.copyright {
	background-image: url(../../../styles/01/starbound02.jpg);
	width: 860px;
	height: 250px;
    position: relative;
	float: left;
}

.copyright_text {
	margin-top: 232px;
	margin-left: 4px;
	width: 840px;
	text-align: center;
    text-transform: uppercase;
	font: 10px Verdana, Arial, Sans-Serif;
	background-color: #1b1a1b;
	padding-left: 6px;
	padding-right: 6px;
	position: absolute;
}

.footer {
	width: 235px;
	height: 250px;
	margin-left: 0px;
    position: relative;
	background-color: #1b1a1b;
	background-image: url(https://zeitschatten.nachtzirkel.de/forum/styles/01/gfx/threads_hg.jpg);
	float: left;
}

.footer_text {
	padding: 5px;
	font-family: tahoma;
	font-size: 12px;
	line-height: 13px;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 0;
}

blockquote {
	border-left: 2px solid #fff;
	margin-left: 20px;
	background-image: url(../../../styles/01/gfx/list_bg.jpg);
	padding: 6px;
}

blockquote cite {
	font-weight: bold;
     text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
	font-style: normal;
	display: block;
	margin: 4px 0;
}

blockquote cite span {
	float: right;
	font-weight: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #444;
	border: 1px solid #ccc;
	padding: 4px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 4px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.subforumicon {
	border: 0;
	vertical-align: middle;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

form {
	margin: 0;
	padding: 0;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 3px;
	text-decoration: none;
	white-space: nowrap;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.autocomplete {
	text-align: left;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #9a6161;
	border-left: 10px solid #cfcfd0; 
	border-right: 10px solid #cfcfd0; 
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #cfcfd0;
}

.red_alert {
	background: #a17c97;
	border: 1px solid #a17c97;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 15px;
	text-transform: uppercase;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #000;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(../../../images/error.gif) no-repeat 0;
}

div.error ul {
	margin-left: 24px;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current, .pagination a {
	padding: 2px 6px;
	margin-bottom: 3px;
}

.pagination a {
	border: 1px solid #cfcfd0;
}

.pagination .pagination_current {
	background: #444;
	border: 1px solid #cfcfd0;
	font-weight: bold;
	color: #000;
}

.pagination a:hover {
	background: #444;
	text-decoration: none;
}

.thread_legend, .thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
        text-transform: uppercase;
}

.forum_legend dt {
	margin-right: 0px;
        margin-left: 20px;
        text-align: center;
	float: left;
        text-transform: uppercase;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.post_body {
		padding: 12px;
        text-align: justify;
        font-size: 12px;
		
}

.post_content {
	padding: 5px 10px;
}

.quick_jump {
	background: url(../../../images/jump.gif) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	vertical-align: middle;
	border: none;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

.pagination_breadcrumb {
	background-color: #f5f5f5;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
	white-space: nowrap;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

/* ############ FORMATIERUNG DER INDEX-SEITE */

.indexueber1:before {
        content: "   « ";
}

.indexueber1 {
		font-family: 'Raleway', sans-serif;
        font-size: 23px;
        letter-spacing: 3px;
		font-weight: bold;
        
}

.unterforumue1 {
        font-family: font-family: 'Raleway', sans-serif;
        font-size: 15px;
        letter-spacing: 2px;
	    margin-left: 12px;
	    margin-bottom: 2px;
}

.indexbox {
        font-size: 12px;
        letter-spacing: 0px;
        padding: 5px;
	    margin-left: 10px;
	    margin-right: 0px;
	    margin-top: -3px;
	    margin-bottom: 10px;
        text-align: justify;
		float:left;
	   	width: 640px;
		filter:alpha(opacity=70);
		opacity:0.7;
}

.indexbox_links {
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		margin-top: 10px;
		padding-top: 5px;
		border-top: 1px solid #6c6f74;
}

.forum_threadname {
	font-size: 20px;
	text-transform: none;
	white-space: normal;
}

.forum_threadname_box {
	max-width:300px;
	word-wrap: break-word;
}

.forum_threadinfo {
	filter:alpha(opacity=70);
	opacity:0.7;
}

.indexnav1 {
	margin-top: 3px;
}

#indexnav a:link, a:visited {
    font-size: 12px;
    font-family: tahoma;
	background-color: #444;
	padding: 3px;
	color: #cacaca;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#indexnav a:hover, a:active {
    background-color: #cfcfd0;
	color: #cacaca;
}

.index_gosquotes {
	width: 1100px;
	text-align: center;
}

.index_gosquotes_inhalt {
	float: left;
	width: 510px;
	background-color: #444;
	border: 1px dotted #5f5f5f; 
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.index_gosquotes_inhalt_quotes {
	text-align: justify;
}

.index_tp_count_box {
float: left; 
width:145px; 
background-color: #1f1e1e; 
padding: 2px; 
filter:alpha(opacity=70); 
opacity:0.7;
}

.index_tp_count_text {
color: #fff; 
font-size: 20px; 
font-weight: bold;
}


/* ############ FORMATIERUNG DER LINKS FÜR NEUES THEMA & NEUER BEITRAEGE */

.neuesThema {
        background-color: #444;
        font-size: 14px;
        font-weight: bold;
}

.neuerBeitrag {
        background-color: #444;
        font-size: 14px;
        font-weight: bold;
}

.geschlossen {
        background-color: #444;
        font-size: 14px;
        font-weight: bold;
        text-decoration: line-through;
}

.button_postbit {
        font-family: tahoma; 
        font-size: 11px; 
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 2px;
        border-left: 10px solid #444; 
        padding-left: 6px;
        background: #1f1e1e;
        line-height: 13px;
        margin-top: 0px;
        margin-bottom: -25px;
        padding-bottom: 0px;
}

.button_postbit:hover {
	background-color:#444;
}

.button_postbit:active {
	position:relative;
	top:1px;
}

/* ############  PROFIL-FORMATIERUNG */

.profilbox {
        background-color: #1f1e1e;
	    background-image: url(../../../styles/01/gfx/headnav_bg.jpg);
        font-size: 9px;
        letter-spacing: 3px;
        padding: 5px;
	    margin-left: 0px;
	    margin-right: 0px;
	    margin-top: 10px;
	    margin-bottom: 10px;
        text-transform: uppercase;
        text-align: justify;
		float:left;
	   	width: 600px;
		opacity:0.7;
}

.profil_general_quote {
	text-align: justify;
	font-family: georgia;
	font-style: italic;
	font-size: 11px;
	line-height: 17px;
	width: 270px;
	background-color: #1f1e1e;
	padding: 5px;
	opacity: 0.7;
}

.profil_username {
    font-size: 35px;
    text-transform: lowercase;
    letter-spacing: -2px;
    font-weight: bold;
    line-height: 25px;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* ############  HEADERTABELLE-FORMATIERUNG */

.headernavfix {
	   	'position: fixed;
		'left: 50%;
		'transform: translateX(-50%);
	   	width: 1100px;
	   	background-image: url(../../../styles/01/gfx/headnav_bg.jpg);
}

.headernavfix ul {
  list-style-type: none;
  padding: 0px;
	margin-top: 0px;
  margin: auto auto;
  overflow: hidden;
  text-align: center;
  background-color:rgba(31, 30, 30, 0.6);
}

.headernavfix li {
  float: left;
}

.headernavfix li a {
  display: block;
  text-align: center;
  padding: 5px;
  margin-right: 3px;
  width: 142px;
  text-decoration: none;
  font-size: 12px;
  border: 1px dotted #444; 
}

.headernavfix li a:hover {
  background-color: #444;
}

.headertabelle {
	background-color: #1b1a1b;
	background-image: url(https://zeitschatten.nachtzirkel.de/forum/styles/01/gfx/threads_hg.jpg);
	border-bottom: 6px solid #1f1e1e;
	font-family: tahoma;
	font-size: 12px;
	line-height: 11px;
	letter-spacing: 1.3px;
	text-align: justify;
	
}

.headerbox {
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px;
	margin-top: 1px;
	color: #bcbcbc;
	height: 315px;
}

.headnav1 {
   	float: left; 
	width: 350px;
	background-image: url(../../../styles/01/gfx/headnav_bg.jpg);
}

.headnav2 {
   float: left; 
   padding-right: 7px;
}

#headnav ul.headnav, li.headnav {
	list-style-type:none;
    margin: 0;
    margin-left: -40px;
	margin-top: -10px;
    padding: 0;
    overflow: hidden;
    float: none;
}

#headnav a:link, a:visited {
    display: inline-block;
    width: 350px;
    font-size: 10px;
    font-family: tahoma;
    background-color:rgba(31, 30, 30, 0.6);
    padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#headnav a:hover, a:active {
    background-color: #444;
}

/* ############  KALENDER */

.kalender {
	width: 270px;
    height:auto;
	margin-top: 5px;
	padding: 4px;
    position:relative;
    display:inline-block;
}
.head {
	font-size: 13px;
	letter-spacing: 7px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #cacaca;
    text-align:center;
	padding-bottom: 5px;
}
.inhalt{
    width:270px;
    padding:0px;
    border:none;
}
.text {
    width:10px;
    padding:2px;
	padding-left: 12px;
	padding-right: 12px;
    display:inline-block;
    position:relative; 
	background-image: url(../../../styles/01/gfx/headnav_bg.jpg);
	filter:alpha(opacity=90);
	opacity:0.9;
	font-size: 9px;
	color: #bcbcbc;
	font-family: tahoma;
    text-align:center;
}

.marker {
    width:10px;
    padding: 2px;
	padding-left: 12px;
	padding-right: 12px;
	display:inline-block;
	position:relative; 
	background-color: #444;
	filter:alpha(opacity=70);
	opacity:0.7;
    font-family:arial;
    font-size:9px; 
	color: #cacaca;
	font-family: tahoma;
	text-align:center;
}

.leer{
    width:10px;
    padding: 2px;
	padding-left: 12px;
	padding-right: 12px;
    display:inline-block;
    position:relative; 
	filter:alpha(opacity=40);
	opacity:0.4;
    font-size:9px; 
	font-style: italic;
    text-align:center;
}

/* ############  DIE UEBERSCHRIFTEN */

h1 {
color:#393939; 
font-family: Georgia;
font-size: 33px;
font-style: italic;
font-weight: normal;
letter-spacing: -1px; 
word-spacing:1px;
line-height: 33px;
text-align:center;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

h2 {
font-family: arial; 
color: #393939; 
line-height: 10px; 
font-size: 10px; 
font-weight: normal;
text-transform: uppercase; 
letter-spacing: 3px;
text-align:center;
margin-top: -10px;
margin-bottom: 2px;
padding-bottom: 0px;
}

h3 {
font-family: arial; 
font-size: 14px; 
font-weight: normal;
	font-style: italic;
color: #cacaca; 
border-bottom: 1px dotted #cacaca; 
text-transform: uppercase;
letter-spacing: 4px;
line-height: 15px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

h5 {
	font-family: 'Raleway', sans-serif;
	font-size: 12px; 
	letter-spacing: 2px;
	margin: 0px 5px 13px;
	padding-top: 10px;
	color: #cacaca;
	font-weight: bold;
}

h5::before {
    content: "\00AB ";
    margin-right: 5px;
}


element.style {
}

h6 {
    font-size: 10px;
    background-image: url(../../../styles/01/gfx/list_bg.jpg);
    line-height: 15px;
    font-family: verdana;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #cacaca;
    margin: 0px 0px;
    margin: 0px;
    padding: 0px;
}

/* ############  PROFILFELD */

h4 {
font-family: tahoma; 
font-size: 13px; 
font-weight: normal;
color: #cacaca; 
border-bottom: 1px solid #666666; 
text-transform: uppercase;
letter-spacing: 2px;
padding-left: 6px;
line-height: 15px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.postbit_regis_post {
	font-size: 11px;
	text-align: left;
	border-top: 1px dotted #cfcfd0; 
	padding-left: 6px;
}

.profilicon {
    max-width: 250px;
    max-height: 130px;
    margin: auto; ' (Optional! Damit das Icon immer automatisch zentriert bleibt)
}

/* ############ POSTBIT */

.basic_information {
	width: 190px;
	text-align: center;
}

.b_info {
	background-color: #1f1e1e;
	width: 180px;
	height: 35px;
	padding-top: 17px;
	margin-bottom: 3px;
	position: relative;	
	
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
}

.ranggrad {
	font-family: georgia;
	font-style: italic;
	font-size: 25px;
	margin-top: -20px;
}

.kompanie_untertitel {
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 3px;
	margin-top: -25px;
}

.author_name  a {
    font-size: 25px;
    text-transform: lowercase;
    letter-spacing: -2px;
    font-weight: bold;
    line-height: 20px;
	opacity:0.7;
}

.author_name {
	font-size: 20px;
	font-family: georgia;
}

.author_avatar {
	width: 280px;
	height: 290px;
	margin-left: 1px;
}

.postbit_profilfeld {
	width: 280px;
	height: 170px;
	overflow: hidden;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}

.postbit_profilfeld_text {
	width: 98%;
	height: 150px;
	text-align: justify;
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
	padding-left: 2px;
    padding-right: 25px;
	padding-bottom: 18px;
}

.postbit_profilfeld_text::-webkit-scrollbar {
    display: none;
}

/* ############ TEXTFORMATIERUNG */

i {
	font-family: georgia;
	letter-spacing: 1px;
	color: #fff;
}

b {
	font-family: verdana;
	font-size: 11px;
	letter-spacing: 1px;
	color: #fff;
}

s {
color: #989898;
font-family: tahoma;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}

u {
	font-size: 10px;
	background: #393939;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 3px;
}

.nf_table {
	border: 1px solid #909091;
	padding: 0px;
}

.nf_table td {
	padding: 5px;
}

.nf_table tr:nth-child(even) {
	background-color: #dededf;
}

.nf_table .ueber1 {
	font-family: times;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	letter-spacing: 3px;
	text-align: center;
	width: 120px;
}

.nf_table ul {
    list-style-type: none;	
}

.nf_table li {
	margin-left: -25px;
	margin-bottom: 8px;
}

.nf_table li:before {
	content: "» ";
	font-weight: bold;
	font-family: georgia;
	font-size: 18px;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.nf_table .neben {
	filter:alpha(opacity=60);
	opacity:0.6;
}

.bildLinks {
 	float: left;
	margin: 5px;
	border: 1px solid #cfcfd0;
}
.bildRechts {
 	float: right;
	margin: 5px;
	border: 1px solid #cfcfd0;
}

.fragile_list {
    display: block;
    padding: 26px 0 26px 26px;
	list-style-type: none;
    overflow: hidden;
    background: #444;
    width: 600px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px dotted #5f5f5f;
}

.fragile_list li {
    width: 550px;
    margin-right: 44px;
    margin-bottom: 15px;
    position: relative;
    text-align: justify;
}

.fragile_list span {
    float: left;
    
    font: bold 15px sans-serif;
    text-align: center;
    color: #fff;
    line-height: 38px;
    
    width: 40px;
    height: 40px;
    background: #6a3f43;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 3px 5px;
    margin-right: 0.5em;
}

.siw_day {
min-height: 100px;
padding: 0px 20px 0px 10px; 
display: flex; 
} 

.siw_date {
padding: 10px; 
padding-top: 20px; 
font-size: 28px; 
font-weight: 100; 
letter-spacing: 1pt;
text-align: right; 
text-transform: uppercase; 
line-height: 20px; width: 40px;
} 

.siw_date_month {
width: 40px; 
padding: 3px 0px 3px 0px; 
font-size: 10px;
} 

.siw_info {
padding: 15px 10px 10px 10px; 
font-size: 9px; 
font-family: 'arial', sans-serif; 
letter-spacing: 0.2pt;
text-transform: uppercase; 
border-left: 1px solid #1f1e1e; 
}

/* ############ GRUPPENFORMATIERUNG */
.admin {
color: #9f9e9f;
letter-spacing: 1px;
border-bottom: 2px dotted #9f9e9f;
}

.mod {
color: #9f9e9f;
letter-spacing: 1px;
font-style: italic;
border-bottom: 2px dotted #9f9e9f;
}

.bewerber {
color: #6c6f74;
}

.pathstrider {
color: #A5C2EB;
}

.emanators {
color: #EBDFA5;
}

.unbound {
color: #A2C98F;
}

.aeon {
color: #EDF3F4;
}

/* ############# GRUPPEN-LEGENDE */

.gruppenlegende {
	overflow: auto;
	text-align: left;
	width: 360px;
}

.legende_counter {
	width: 30px;
	margin-left: 180px;
	position: absolute;
	text-align: right;
	float: left;
}

.legende_text {
	font-family: arial;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #9f9e9f;
	position: relative;
	margin-left: 10px;
	float: left;
}

.legende_pathstrider {
	width: 240px;
	border-left: 40px solid #A5C2EB; 
}

.legende_emanators {
	width: 240px;
	border-left: 40px solid #EBDFA5; 
}

.legende_unbound {
	width: 240px;
	border-left: 40px solid #A2C98F; 
}

.legende_aeon {
	width: 240px;
	border-left: 40px solid #EDF3F4; 
}

.legende_bewerber {
	width: 240px;
	border-left: 40px solid #6c6f74; 
}

/* ############# MEMBERLIST */

.mitglied {
	float: left;
	margin-left: 30px;
	margin-bottom: 10px;
	width:230px;
}

.memberL_name {
	text-align: center;
	font-size: 15px;
	letter-spacing: 1px;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-bottom: 2px;
}

.memberL_avatar {
	text-align: justify;
}

.memberL_charbox {
	text-align: center;
	font-size: 12px;
	font-family: arial;
	margin-top: 3px;
	padding: 5px;
	background-image: url(../../../styles/01/gfx/headnav_bg.jpg);
}

/* ############# MEMBERLIST ENDE*

/* ############# STECKBRIEF TABS */

[type=radio]:checked ~ label  ~ .tab-contentprofil { /* Defintion des ausgewählten Feldes */

		color: #9f9e9f !important;
		text-decoration: none;
		display: block;
		padding: 3px;
		padding-right: 35px;
		border: none;
     }

.tabs_profil input[type=radio] {
         position: absolute;
         display: none; 
     }

.tabs_profil {
		width: 640px; 
		float: none;
		list-style: none;
		position: relative;
		padding: 0;
		margin:auto;
		margin-top: -20px;
		margin-bottom: 0px;
		height: 680px; /* Höhe muss definiert werden, damit Inhalt nicht überlappt */
     }

.tabs_profil li:first-child{
		float:left;
		margin-left:10px;
     }

.tabs_profil li{
       float:left; /* entweder rechts oder links */

     }

.tabs_profil label { /* Defintion der anklickbaren Felder */
		font-family:  Arial, Sans-Serif;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 3px;
		color: #9f9e9f !important;
		display: block;
		background-color: #1f1e1e;
		border-left: 10px solid #444; 
		margin-right: 5px;
		margin-left: 5px;
		margin-top: 15px;
		padding: 3px;
		font-weight: bold;
	

     }

.tabs_profil label:hover {
		background-color: #cfcfd0;
		text-decoration: none;
     }
        
[type=radio]:checked ~ label ~ .tab-contentprofil {
		display: block;
     }

.tab-contentprofil{ /* Hier wird des ganz normale Inhalt des Tabs definiert wie Schrift, Farbe, Zeilenhöhe etc */
		z-index: 2;
		display: none;
		width: 640px;
		#height: 680px;
		overflow-y: scroll;
		-ms-overflow-style: none;  /* IE and Edge */
  		scrollbar-width: none;  /* Firefox */
		padding-top: 10px;
	    margin-top: 15px;
		margin-left: 5px;
		padding: 5px;
		position: absolute;
		top: 34px;
		left: 0;
		text-align: justify;
		box-sizing: border-box;
		font-size: 11px !important;;
		color: #9f9e9f;
}

.tab-contentprofil::-webkit-scrollbar {
    	display: none;
}

.profilansicht {
		width: 100%;
		margin-left: 10px;
}

.infos {
		padding: 3px;
		width: 415px;
		height: 600px;
		margin-top: 20px;
		float: left;
		background-image: url(../../../styles/01/postbit_bgV.jpg);
}

.profildiv {
		float: left;
		padding: 3px;
		width: 640px;
		height: 700px;
		margin-left: 16px;
		overflow: hidden;
}

.profildiv_content {
		width: 98%;
		height: 680px;
		padding-left: 5px;
		padding-right: 5px;
		overflow-y: scroll;
		-ms-overflow-style: none;  /* IE and Edge */
  		scrollbar-width: none;  /* Firefox */
}

.profildiv_content::-webkit-scrollbar {
    display: none;
}

/* ############# STECKBRIEF TABS - ENDE*/

/* ############# STECKBRIEF PROFIL - START*/

/* -------------  Trennlienie */

.hr_steckbrief {
	width: 80%;
	border-top: 1px dotted #000;
	margin-left: 12%;
	margin-top: 10px;
}

/* -------------  Profilbild */

.steckbrief_bild {
	float: left;
	width: 260px;
	height: 300px;
	border: 1px solid #cfcfd0;
}

.steckbriefbild {
    max-width: 260px;
    max-height: 300px;
}

/* -------------  Zusammenfassung */

.steckbrief_kurz {
	float: left;
	padding: 3px;
	width: 340px;
	height: 300px;
	overflow: hidden;
}

.steckbrief_kurz_inhalt {
	width: 335px;
	height: 300px;
	overflow: auto;
	padding-left: 5px;
	padding-right: 20px;
}

/* -------------  Kurzinfos */

.steckbrief_kurzinfos {
		width: 600px;
}

.steckbrief_kurzinfos_box {
	float: left;
	width: 170px;
	height: 50px;
	background-color: #1f1e1e;
	padding: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	font-family: georgia;
	font-size: 18px;
	text-align: center;
}

.steckbrief_kurzinfos_box_ueber {
	font-family: Arial, Sans-Serif;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	opacity: 0.5;
}

.icon_quote_box {
	overflow: auto;
	padding-left: 20px;
	margin-left: 5px;
	margin-top: 30px;
}

.icon_quote_box_01 {
	float: left;
	padding: 5px;
}

.icon_quote_box_02 {
	float: left;
	padding: 5px;
}

/* -------------  Charakter */

.steckbrief_charaketer {
	width: 280px;
	height: 550px;
	margin-left: 5px;
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
	float: left;
	padding-right: 8px;
}

.steckbrief_charaketer::-webkit-scrollbar {
    display: none;
}

/* -------------  Staerken/Schwaechen und Vorlieben/Abneigungen */

.steckbrief_charaketer_inhalt_ss {
	float:left;
	margin-top: 20px;
	margin-left: 40px;
	padding: 5px;
	width: 230px;
	height: 100%;
}

.steckbrief_charaketer_inhalt_list {
	padding: 5px;
	list-style: circle;
	text-transform: uppercase;
	display:grid;
	line-height: 11px;
	grid-row-gap: 3px;
  	grid-template-columns: auto auto 1;
}

.steckbrief_charaketer_inhalt_list li:first-child{
	margin-left: 25px;
	margin-top: 8px;
}

.steckbrief_charaketer_inhalt_list li {
	margin-left: 25px;
}

.steckbrief_charaketer_inhalt_list li:after { 
     'content: "\A";
	 'padding-right: 20px;
     'white-space: pre; 
}

/* -------------  Wusstest du schon, dass... */

.steckbrief_charaketer_inhalt_wissen {
}

.steckbrief_charaketer_inhalt_wissen_list {
	padding: 5px;
    list-style-type: none;
	list-style-position: outside;
	display:grid;
	line-height: 11px;
	grid-row-gap: 3px;
  	grid-template-columns: auto auto 1;
}

.steckbrief_charaketer_inhalt_wissen_list li:before {
    content: "... ";
	padding-right: 10px;
}

.steckbrief_charaketer_inhalt_wissen_list li:first-child{
	margin-left: 25px;
	display: flex;
}

.steckbrief_charaketer_inhalt_wissen_list li {
	margin-left: 25px;
	padding-right: 3px;
	display: flex;
}

.steckbrief_charaketer_inhalt_wissen_list li:nth-child(1):after { 
     'content: "\A";
     'white-space: pre; 
}

/* -------------  Familie */

.steckbrief_familie {
	width: 95%;
	margin-left: 25px;
}

.steckbrief_familie_inhalt {
	padding: 5px;
	list-style: none;
	margin-bottom: 10px;
}

.steckbrief_familie_inhalt li:first-child{
	margin-left: 5px;
}

.steckbrief_familie_inhalt li:before {
  	content: url(https://zeitschatten.nachtzirkel.de/forum/styles/01/gfx/steckbrief_fam.png);
  	padding-right: 8px;
	float: left;
	vertical-align:middle;
}

.steckbrief_familie_inhalt li {
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #cfcfd0;
}

/* -------------  Lebenslauf */

.steckbrief_lebenslauf {
	width: 95%;
	margin-left: 25px;
}

.steckbrief_lebenslauf_ueber {
	float: left;
	width: 200px;
	padding-top: 5px;
	text-align: center;
	font-family: georgia;
	font-style: italic;
	font-size: 20px;
	border-top: 30px solid #cfcfd0;
}

.steckbrief_lebenslauf_inhalt {
	float: left;
	width: 370px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cfcfd0;
}

/* -------------  Kompanie */

.steckbrief_kompanie {
	width: 95%;
	margin-left: 25px;
}

.steckbrief_kompanie_ueber {
	float: left;
	width: 200px;
	padding-top: 5px;
	text-align: center;
	border-top: 30px solid #cfcfd0;
}

.steckbrief_kompanie_rang {
	font-family: georgia;
	font-style: italic;
	font-size: 20px;
	margin-top: -35px;
	padding-bottom: 10px;
}

.steckbrief_kompanie_inhalt {
	float: left;
	width: 370px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cfcfd0;
}

/* -------------  Faehigkeit */

.steckbrief_grundfaehigkeit {
	width: 95%;
	margin-left: 25px;
}

.steckbrief_grundfaehigkeit_inhalt {
	padding: 5px;
	list-style: none;
	margin-bottom: 10px;
}

.steckbrief_grundfaehigkeit_inhalt li:first-child{
	margin-left: 5px;
}

.steckbrief_grundfaehigkeit_inhalt li:before {
  	content: url(https://zeitschatten.nachtzirkel.de/forum/styles/01/gfx/steckbrief_fam.png);
  	padding-right: 8px;
	float: left;
	vertical-align:middle;
}

.steckbrief_grundfaehigkeit_inhalt li {
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #cfcfd0;
}

/* -------------  Zanpakuto */

.steckbrief_zanpakuto {
	width: 95%;
	margin-left: 25px;
}

.steckbrief_zanpakuto_ueber {
	float: left;
	width: 200px;
	margin-top: 10%;
	display: flex;
	height: 100%;
    justify-content: center;
    align-items: center;
}

.steckbrief_zanpakuto_inhalt {
	float: left;
	width: 370px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cfcfd0;
}


/* ############# STECKBRIEF PROFIL - ENDE*/

/* ############# RELATIONS PROFIL - START*/

.relations_type_box {
	width: 100%;
	height: 390px;
	overflow: auto;
	text-align: center;
}

.relations_entry_box {
	width: 280px;
	height: 175px;
	overflow: hidden;
	border-left: 1px solid #cfcfd0;
	border-right: 1px solid #cfcfd0;
	border-bottom: 10px solid #cfcfd0;
	float: left;
}

.relations_entry_text {
	width: 290px;
	height: 175px;
	text-align: justify;
	overflow: auto;
	padding-left: 5px;
    padding-right: 13px;
}

.relations_delete {
	border-top: 1px dotted #000;
	margin-top: 5px;
	font-size: 10px;
	text-align: right;
}

.relations_text {
	text-align: justify;
}

.relations_avatar {
	width: 120px;
	float:left;
}

.relations_name {
	width: 120px;
	margin-top: 40px;
	padding-right: 5px;
	font-size: 16px;
	float:left;
}

.relations_npc_text {
	border-bottom: 1px dotted #000;
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.end_float {
	clear: both;
}

/* ############# RELATIONS PROFIL - ENDE*/

/* ############# LISTEN - START */

.listen {
	width: 1000px;
	height: 100px;
	text-align: center;
}

.listen_box {
	float: left;
	width: 200px;
	height: 40px;
	background-color: #1b1a1b;
	border: 1px dotted #5f5f5f; 
	padding: 5px;
	padding-top: 20px;
	margin-left: 25px;
	margin-bottom: 10px;
	font-family: georgia;
	font-size: 16px;
	text-align: center;
}

.listen_box:hover{
	background-color: #444;
}

/* ############# LISTEN - ENDE */

/* ############# CHARAKTERVORSTELLUNG - START */
/* BOX
*/ #steckbrief_fragilebox { box-sizing: border-box; width: 550px; background: #1f1e1e; background-image: url(https://zeitschatten.nachtzirkel.de/forum/styles/01/gfx/bgindexbox.jpg); border: solid 10px #1b1a1b; padding: 10px;} /*
TOPBOX
*/ #steckbrief_fragiletopbox { 530px; height: 300px; } /*
HEADER
*/ #steckbrief_fragileheader { border: dotted 1px #9f9e9f; float: left; width: 260px;} /*
SHORTFACTS
*/ #steckbrief_fragileshortfacts { padding: 5px; text-align: center; float: left; width: 230px;} /*
TITEL
*/ #steckbrief_fragiletitel { font-family: 'Julius Sans One', sans-serif; font-size: 30px; text-transform: uppercase; color: #9f9e9f;} /*
UNTERTITEL
*/ #steckbrief_fragilefacts { font-family: arial; font-size: 13px; color: #9f9e9f; line-height: 20px; } /*
INHALTBOX
*/ .steckbrief_fragileinhalt { background: #1b1a1b; margin-top: 5px; padding: 15px; font-family: arial; font-size: 12px; text-align: justify; color: #9f9e9f; border: dotted 1px #9f9e9f;} /*
MARKIERUNG
*/ .steckbrief_fragi { font-style: italic; font-family: georgia; background: #b6b6b6; letter-spacing: 1px; font-size: 12px;} /*

/* ############# CHARAKTERVORSTELLUNG - ENDE */

/* ############# WIKI - START */
.wiki_liste_mitBild {
	border-collapse: collapse;
}

.wiki_liste_mitBild tr:nth-child(even) {
	border: 1px solid #393939;
}

.wiki_div_infobox{
	background-image: url(../../../styles/01/gfx/headnav_bg.jpg);
	border: 1px dotted #393939;
	padding: 6px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}
/* ############# WIKI - ENDE */

/* -------------  Familienstammbaum - Start */
.family_user {
	float: left;
	width: 112px;
	background-image: url(../../../styles/01/gfx/headnav_bg.jpg);
    border-top: 5px solid #393939;
	border-bottom: 5px solid #393939;
	text-transform: uppercase;
	text-align: center;
	margin-right: 5px;
	height: 168px;
}

.family_user_name {
	min-height: 37px;
}

.family_user_rank {
	color: #FFF;
	font-style: italic;
	font-size: 9px;
	letter-spacing: 1px;
	margin-top: 2px;
}

.family_user_age {
	color: #FFF;
	font-style: italic;
	font-size: 11px;
	letter-spacing: 1px;
}

.family_user_job {
	color: #FFF;
	font-style: italic;
	font-size: 8px;
	letter-spacing: 1px;
}

/* -------------  Familienstammbaum - Ende */

/* ############# Modal Start */

.blocker {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 9999;
padding: 20px;
box-sizing: border-box;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.75);
text-align: center;
}

.blocker:before{
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}

.blocker.behind {
background-color: transparent;
}

.modal {
width: 400px;
text-align: left;
background: #9f9e9f;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url(../../../images/close.png) no-repeat 0 0;
}

.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url(../../../images/spinner_big.gif) no-repeat center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}

/* ############# Modal End */

#circle {
		width: 195px;
		height: 195px;
		background-color: #393939;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50%;
		margin-left: 140px;
		margin-top: -10px;
		overflow: hidden;
		position: absolute;
   	 	z-index: 10;
}

.circle_img {
	width: 210px;
    height: 200px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50%;
    opacity: 0.7;
    margin-left: -15px;
    margin-top: -5px;
}

.head_user {
	width: 200px;
	position: absolute;
   	z-index: 20;
	text-align: center;
}