.tabs { position: relative; clear: both;} 
.tab { float: left; width: 100px; } 

.tab label {
  width: 100px;
  font-family: 'Titillium Web', sans-serif; 
  font-size: 15px;
  color: #946055;
  text-transform: uppercase;
  background: #26261e;
  opacity: 0.8;
  padding: 0px 10px 0px 10px;
  position: relative;
}

.tab [type=radio] { display: none; } 

.content {
  height: 300px;
  position: absolute;
  background-color: #26261e;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  font-family: 'Titillium Web', sans-serif; 
  font-size: 10px;
  color: #946055;
  text-align: justify;
  padding: 10px;
} 

[type=radio]:checked ~ label {
  background-color: #26261e;
  z-index: 2;
  color: #946055;
}

[type=radio]:checked ~ label ~ .content { z-index: 1; } 

.t1 {
  font-family: 'Titillium Web', sans-serif; 
  font-size: 15px;
  color: #946055;
  text-align: right;
  text-transform: uppercase;
  paddingesuch-right: 20px;
  position: relative;
  top: 14px;
}


/** RELATION **/
.container {
  -moz-border: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-color: #26261e;
  height: 100%;
  width: 490px;
  paddingesuch-top: 240px;
  paddingesuch-bottom: 18px;
  paddingesuch-right: 5px;
  paddingesuch-left: 5px;
}

.container img {
  position: relative;
  margin-top: -235px;
  -moz-border: 30px 30px 0px 0px;
  -webkit-border-radius: 30px 30px 0px 0px;
  border-radius: 30px 30px 0px 0px;
  width: 490;
}

.container_innen {
  margin-top: 10px;
  width: 470px;
  background-color: #26261e;
  text-align: justify;
  padding: 10px;
  font-family: 'Titillium Web', sans-serif; 
  font-size: 11px;
  line-height: 1;
  color: #946055;
  -moz-border: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.container_left {
  overflow: auto;
  margin-top: 10px;
  width: 226px;
  background-color: #26261e;
  text-align: justify;
  padding: 8px;
  font-family: 'Titillium Web', sans-serif; 
  font-size: 11px;
  line-height: 1;
  color: #946055;
  float: left;
  -moz-border: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.container_right {
  overflow: auto;
  margin-top: 10px;
  width: 226px;
  background-color: #26261e;
  text-align: justify;
  padding: 8px;
  font-family: 'Titillium Web', sans-serif; 
  font-size: 11px;
  color: #946055;
  float: right;
  -moz-border: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  line-height: 1;
}

.clear{clear:both;}


.headline {
  text-align: center;
  font-family: 'Titillium Web', sans-serif; 
  font-size: 40px;
  letter-spacing: 4px;
  color: #946055;
  text-shadow: #313131 1px 1px 0px;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  margin-top: -28px;
  margin-bottom: -32px;
}

.subheadline {
  font-family: 'Titillium Web', sans-serif; 
  font-style: italic;
  text-transform: lowercase;
  font-size: 24px;
  border-bottom: 3px solid #767470;
  opacity: .5;
  letter-spacing: 0px;
  color: #946055;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  line-height: 0.8;
}

.headline2 {
  font-family: 'Titillium Web', sans-serif; 
  font-style: italic;
  font-size: 18px;
  letter-spacing: 4px;
  color: #946055;
  line-height: 0;
}


/*** lehrkörper ***/
#real-back {
  background-color: #26261e;
  border-right: 10px solid #26261e;
  border-left: 10px solid #26261e;
  width: 500px;
  paddingesuch-bottom: 20px;
}

#real-tit {
  font-size: 36px;
  paddingesuch-top: 20px;
  word-spacing: 3px;
  line-height: 0.8;
  line-height:50px;
  margin-bottom:-3px;
  text-align:center;
  font-family: 'Titillium Web', sans-serif; 
  font-style: italic;
  font-weight:normal;
  color:#946055;
}

#real-subtit {
  font-family: 'Titillium Web', sans-serif; 
  font-size: 9px;
  color: #946055;
  text-transform: uppercase;
  width: 480px;
  line-height: 1;
  margin-top: -5px;
  text-align: justify;
}

#real-image {
  border: 10px solid #26261e;
  width: 450px;
  height: 210px;
  margin-top: -10px;
}

/** RELATION 2 **/
.real1-tit {
	background-color: #26261e;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 1px;
	word-spacing: 3px;
	width: 480px;
	line-height:22px;
	text-align:center;
	font-family:Oswald;
	font-size:20px;
	color:#946055;
	text-transform: uppercase;
}

.real2-subtit {
  background-color: #26261e;
  font-family: 'Titillium Web', sans-serif; 
  font-size: 10px;
  color: #946055;
  text-transform: uppercase;
  text-align: center;
  font-weight: lighter;
  line-height: 1.5;
  word-spacing: 6px;
  margin-top: -15px;
  width: 480px;
}

.real-boxi {
  width: 460px;
  padding: 0px 10px 10px 10px;
  background-color: #26261e;
  min-height: 70px;
  overflow: auto;
  max-height: 200px;
  margin-top: -15px;
  text-align: left;
}

real-b {
  font-family: 'Titillium Web', sans-serif; 
  font-size: 18px;
  color: #946055;
}

real-i {
  line-height: 0.8;
	padding:10px;
	font-family: 'Titillium Web', sans-serif; 
    text-transform: uppercase;
	font-size:11px;
	color:#946055;
	text-align:justify;
}


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

.statstitle{
font-family: 'Oswald', sans-serif;
color: #d5d2d1;
font-size:20pt;
text-align:center;
letter-spacing:2px;
border-bottom:1px dotted #d5d2d1;}

.statsww{font-family: 'Titillium Web', sans-serif;
font-size: 11pt;}

.statsuser{font-family: 'Titillium Web', sans-serif;
font-size: 11pt;
}

.statsleft{width:448px;
height:140px;
overflow:auto;
margin-bottom:20px;}

.statsright{width:448px;
height:140px;
float:left;
margin-bottom:20px;}

.statscredits{font-family: 'Titillium Web', sans-serif;
font-size: 11pt;
text-align: justify;
margin-left:30px;
margin-right:30px;}

.statsmiddle{width: 898;
  height: 100px;
  text-align:center;}
  
.actualstats{font-family: 'Titillium Web', sans-serif;
font-size: 11pt;
width:185px;
text-align:center;
text-transform:uppercase;}
			#member-ava{
text-align:center;
}

#member-ava img {
  border-radius: 40%/100%;
}

#titel {
    display: block;
    background-color: #322d27;
    text-align: center;
    font-size: 15pt;
    font-family: 'Oswald', sans-serif;
    font-weight: lighter;
    margin: 0;
    letter-spacing: 4px;
    border-top: 1px solid #322d27;
    border-bottom: 1px solid #322d27;
    line-height: 0.8;
}

#titel-text {
  text-transform: uppercase;
  font-family: 'Titillium Web', sans-serif;
  font-size: 9pt;
  color:#d5d2d1;
  letter-spacing: 4px;
  padding: 2px 10px;
  text-align: center;
}

#member-name {
  text-align: center;
}

#member-name a {
    font-family: 'Oswald', sans-serif;
    font-size: 35px;
	opacity:0.6;
}

#member-name a:hover{font-family:'Oswald', sans-serif;
font-size:35px;}

#member-box0 {
    background-color: #322d27;
    border-bottom: 1px solid #322d27;
    color:#d5d2d1;


}

#member-box1 {
  width: 210px;
  padding: 10px 10px 0px 0px;
  color:#d5d2d1;

}

#member-box2 {
    background-color: #322d27;
    padding: 0px 10px;
    border-radius: 10px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-size: 9pt;
    letter-spacing: 1px;
    word-spacing: 2px;
    text-align: justify;
    height: 245px;
    color:#d5d2d1;

}

#member-links {
}

#member-links a {
    display: block;
    background-color: #25211d;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 10pt;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 4px;
}


#member-links a:hover {
   display: block;
    background-color: #25211d;
    text-align: center;
    color: #979593;
    font-family: 'Titillium Web', sans-serif;
    font-size: 10pt;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 4px; 
}
			.tabbed_content {
    width:900px;
    position: relative;
    height: 260px;
	right:0px;
	left:0px;
	}


.tabs {
    height: 32px;
    position: relative;
    width: 840px;
	text-align:center;
	border-radius:5px;
}

.tabs .moving_bg {
    position: absolute;
    width: 135px;
    height: 30px;
    z-index: 100;
    background-position: bottom left;
    background-repeat: no-repeat;
    border-radius:5px;
	color:#cbaca2;
}

.tabs .tab_item {
    color:#cbaca2; 
    font-family: 'Titillium Web', sans-serif;
    font-size: 13pt;
    display: block;
    float: left;
    width: 130px;
    text-align: center;
    z-index: 100;
    position: relative;
    cursor: pointer;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
    font-weight: regular;
	border-radius:5px;
}

.tabbed_content .slide_content {
    overflow: hidden;
    position: relative;
    width: 840px;
}

.tabslider {
    width: 5000px;
}

.tabslider ul {
    float: left;
    width: 840px;
    margin: 0px;
    padding: 0px;
}

.tabslider ul li {
    padding-bottom: 7px;
}
			#storybackmain2{width:450px; 
  height:500px; 
  background-image:url('https://hr.asthelon.de/images/dustandsmoke/storyline.png');} 

#storybackmain2 #storytext{width:450px; 
  height:500px; 
  opacity:0; 
  background-color:#191514; 
  transition: 0.6s all ease-in-out; 
  -moz-transition: 0.6s all ease-in-out; 
  -webkit-transition: 0.6s all ease-in-out; 
  -ms-transition: 0.6s all ease-in-out; 
  -o-transition: 0.6s all ease-in-out;} 

#storybackmain2:hover #storytext{opacity: 0.9; transition: 0.6s all ease-in-out; 
  -moz-transition: 0.6s all ease-in-out; 
  -webkit-transition: 0.6s all ease-in-out; 
  -ms-transition: 0.6s all ease-in-out; 
  -o-transition: 0.6s all ease-in-out;} 

.storyheadline{
    letter-spacing:2px;
    font-family: 'Oswald', sans-serif;
    text-align: right;
    font-size: 20pt;
    color: #d3aa96;} 

.storytext1{ height:360px; 
  overflow:auto; 
  text-align:justify; 
  padding:10px;  
  margin:10px;
  font-family: 'Titillium Web', sans-serif; 
  font-size:11pt; 
  color:#ebeaf2;} 

.storytext1::-webkit-scrollbar { width: 4px;
  background-color: #36312b;} 
  
  .storytext1::-webkit-scrollbar-thumb { background-color: #d5d2d1 } 

.storyshort{font-family: 'Titillium Web', sans-serif;
  font-size:13pt; 
  color: #d5d2d1; 
  text-transform:uppercase; 
  text-align:center; 
  letter-spacing:2px;}

.storylinks{font-family: 'Titillium Web', sans-serif;
  font-size:13pt; 
  line-height:24px; 
  padding-bottom:10px; 
  padding-top:10px; 
  color: #979593; 
  text-align:center; 
  text-transform:uppercase;}

			.bookcharname{ font-family: 'Oswald', sans-serif;
font-size: 15pt;
text-align: center;
border-bottom: 1px solid;
display: block;}

.bookchartext{
height: 150px;
overflow: auto;
padding:8px;
font-family: 'Titillium Web', sans-serif; 
font-size: 11pt;
text-align: justify;
font-weight: 400;}


.bloodlistheadline{color: #d3aa96;
    font-family: 'Titillium Web', sans-serif; 
	font-size:15pt;
	text-align:center;
	display:block;
	border-bottom:#d5d2d1 1px solid;}
	
.bloodlistuser{font-family: 'Titillium Web', sans-serif; 
    color: #d5d2d1;
	font-size:11pt;
	width:250px;
	height:200px;
	overflow:auto;
    background-color: #2d2923;}


.bloodlistuser::-webkit-scrollbar {
  width: 3px;
  background-color: #36312b;
}

.bloodlistuser::-webkit-scrollbar-thumb {
    background-color: #d5d2d1 !important;
}

.roulsback{width:500px;
height:500px;
background-color:#322d27;}

.roulstext{font-family: 'Titillium Web', sans-serif; 
color:#d5d2d1;
font-size:11pt;
text-align: justify;
height:420px;
overflow:auto;
border-right:5px solid #797776;
padding: 8px;}

.roulco{font-family: 'Titillium Web', sans-serif; 
color:#d5d2d1;
font-size:20pt;
padding: 8px;
font-weight:700;}

.roulsheadline{font-family: 'Oswald', sans-serif;
text-align:right;
font-size:20pt;
color:#d3aa96;
height:50px;
display:block;}


.titel {
    font-size: 24px;
    font-family: 'Oswald', sans-serif;
    text-transform: lowercase;
    letter-spacing: 2px;
    margin: 0px;
    line-height: 1;
    display: block;
}

.titel a {
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  line-height: 0;
  letter-spacing: 4px;
  margin-left: 90px;
}

.titel a:hover {
  line-height: 0;
  -webkit-transition: all 1.0s ease-in-out;
  -moz-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  padding-left: 50px;
}

.htmltitel {
    font-family: Oswald;
    font-size: 40px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #282828;
    line-height: 0.5;
    font-weight: lighter;
}

h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    text-align: center;
    font-weight: lighter;
	border-bottom: solid 1px #946055;
    line-height: 0.8;
    letter-spacing: -2px;
    word-spacing: 6px;
    margin: 2px;
}

h1 a:link, h1 a:visited, h1 a:active {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;

}

h2 {
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif; 
    text-align: center;
    font-weight: lighter;
    word-spacing: 5px;
    font-variant: small-caps;
    margin: 4px;
}

h3 {
    display: block;
    text-align: center;
    font-size: 18px;
    font-family: 'Titillium Web', sans-serif; 
    text-transform: capitalize;
    font-weight: lighter;
    margin: 0;
    letter-spacing: 2px;
	color:#946055;
    line-height: 22px;
    word-spacing: 6px;
}

h4{
font-size: 11px;
font-family: 'Titillium Web', sans-serif; 
font-weight: light;
text-align: justify;
text-transform: uppercase;
margin-top: -5px;}



/*Einzelgesuch*/


.gesback{background-color: #322d27;
width:500px;
height:500px;}

.gesheadline{font-family: 'Oswald', sans-serif;
text-align:center;
text-transform:uppercase;
font-size:24pt;
color:#d3aa96;}

.gesside1{width:215px;
height:400px;
font-family: 'Titillium Web', sans-serif; 
color:#d5d2d1;
font-size:10pt;
text-align:center;
border-right:5px solid #797776;}

.gessi1sh{height:180px;
width:auto;
display:block;
overflow:auto;
font-family: 'Titillium Web', sans-serif; 
color:#d5d2d1;
font-size:10pt;
text-align:center;} 

.gesshhead{text-align:center;
color:#d3aa96;
font-weight:700;
font-family: 'Titillium Web', sans-serif; 
font-size:10pt;
text-transform:uppercase;
background-color:#25211d;
display:block;}

.gessh{text-align:center;
color:#d5d2d1;
font-weight:400;
font-family: 'Titillium Web', sans-serif; 
font-size:10pt;
text-transform:uppercase;}

.gesside2{width:auto;
height:380px;
overflow:auto;
font-family: 'Titillium Web', sans-serif; 
color:#d5d2d1;
font-size:11pt;
text-align: justify;
border-right:5px solid #797776;
padding:10px;}

.gesmihead{text-align:center;
color:#d3aa96;
font-family: 'Titillium Web', sans-serif; 
font-size:15pt;
border-bottom:#d5d2d1 1px solid;
text-transform:lowercase;
display:block;}

.gesdrop{width: 130px;
  font-size: 10pt;
  text-align:center;
  text-transform: uppercase;}

/*Gruppengesuch*/

.grugesback{background-color: #322d27;
width:480px;
height:480px;
padding:20px;
overflow:auto;}

.grugesheadline{font-family: 'Oswald', sans-serif;
text-align:center;
text-transform:uppercase;
font-size:24pt;
color:#d3aa96;}

.grugestext{width:auto;
height:180px;
font-family: 'Titillium Web', sans-serif; 
color:#d5d2d1;
font-size:11pt;
text-align: justify;
padding-left:20px;
padding-right:20px;
padding-top:8px;
padding-bottom:8px;
border-right:5px solid #797776;
overflow:auto;}

.grugessi1sh{height:180px;
width:auto;
display:block;
overflow:auto;
font-family: 'Titillium Web', sans-serif; 
color:#d5d2d1;
font-size:10pt;
text-align:center;} 

.grugesshhead{text-align:center;
color:#d3aa96;
font-weight:regular;
font-family: 'Titillium Web', sans-serif; 
font-size:10pt;
background-color:#25211d;
display:block;}

.grugessh{text-align:center;
color:#d5d2d1;
font-weight:400;
font-family: 'Titillium Web', sans-serif; 
font-size:10pt;
text-transform:uppercase;}


.grugesmihead{text-align:center;
color:#d3aa96;
font-family: 'Titillium Web', sans-serif; 
font-size:15pt;
border-bottom:#d5d2d1 1px solid;
text-transform:lowercase;
display:block;}

.grugesdrop{width: 130px;
  font-size: 10pt;
  text-align:center;
  text-transform: uppercase;}
			@charset "utf-8";
/* CSS Document */

hr {
    border: none;
    background-color: #25211d;
    height: 1px;
}

button-small a {
    padding: 0px 5px 0px 5px;
    font-family: 'Titillium Web', sans-serif; !Important;
    font-weight: lighter;
    font-size: 10pt !important;
    font-style: italic;
}

.button-large {
    display: inline-block;
    margin-left: 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 25pt;
    color: #d5d2d1;
    text-transform: uppercase;
    border-bottom: 6px solid;
}

.button-large:hover {
	color: #979593;
    -webkit-transition: all ease 1.6s;
    -moz-transition: all ease 1.6s;
    -o-transition: all ease 1.6s;
    transition: all ease 1.6s;
}

on {
  color: #a8dca4;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-size: 10pt;
	font-weight:400;
    line-height: 0;
    letter-spacing: 3px;
}

off {
    color: #dcb3a4;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-size: 10pt;
    font-weight:400;
    line-height: 0;
    letter-spacing: 3px;
}

.thread {
    background-color: #322d27;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

#msg {
    Font-size: 11pt;
	line-height:1.2;
    font-family: 'Titillium Web', sans-serif;
    border: 1px solid #25211d;
    background-color: #25211d;
    border-radius:5px;
    color: #d5d2d1;
    font-weight:400;
    width:100%;
    
}

.posting{text-align: justify;
    display: block;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:50px;
	padding-right:80px;
	font-family: 'Titillium Web', sans-serif;
    color: #d5d2d1;
    font-weight:400;
    font-size:11pt;
	}

#post-autor {
    width: 200px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    padding: 5px;
    border: 1px solid #25211d;
    background-color: #25211d;
    border-radius:5px;
    color: #d5d2d1;
  font-weight:400;
}

#post-name {
    text-align: center;
    font-style: normal;
    margin: 0px;
}

#post-name a {
    font-family: 'Oswald', sans-serif;
    font-size: 15pt;
    text-transform: uppercase;
    font-weight: lighter;
}

.timelinehead{font-family:'Oswald', sans-serif; 
  font-size:26px; 
  text-align:center;}

.timelinedate{width:150px; 
  font-family: 'Titillium Web', sans-serif;
  font-size:20pt; 
  text-align:center; 
  background-color:#25211d;}

.timelinetext{width:300px; 
  font-family: 'Titillium Web', sans-serif;
  font-size:11pt; 
  text-align:justify; 
  background-color:#25211d;}

.date{  font-family: 'Titillium Web', sans-serif;
  font-size:11pt; 
  text-align:center; 
  background-color:#25211d;}

.sidhesample{ font-family: 'Titillium Web', sans-serif;
  font-size:11pt; 
  text-align:justify; 
  background-color:#25211d; 
  padding:5px;}


.prossh{
color:#d5d2d1;
font-weight:400;
font-family: 'Titillium Web', sans-serif;
font-size:9pt;
text-transform:uppercase;
display:block;}

			.steckiback{background-color: #322d27;
width:500px;
height:500px;}

.steckiheadline{font-family: 'Oswald', sans-serif;
text-align:center;
text-transform:uppercase;
font-size:24pt;
color:#d3aa96;}

.steckiside1{width:155px;
height:400px;
overflow:auto;
font-family: 'Titillium Web', sans-serif;
color:#d5d2d1;
font-size:11pt;
text-align:center;
border-right:5px solid #797776;}

.stshhead{text-align:center;
color:#d3aa96;
font-weight:700;
font-family: 'Titillium Web', sans-serif;
font-size:12pt;
text-transform:uppercase;
background-color:#25211d;
display:block;}

.stsh{text-align:center;
color:#d5d2d1;
font-weight:400;
font-family: 'Titillium Web', sans-serif;
font-size:11pt;
text-transform:uppercase;}

.steckiside2{width:300px;
height:380px;
overflow:auto;
font-family: 'Titillium Web', sans-serif;
color:#d5d2d1;
font-size:11pt;
text-align: justify;
border-right:5px solid #797776;
padding:10px;}

.stmihead{text-align:center;
color:#d3aa96;
font-family: 'Titillium Web', sans-serif;
font-size:15pt;
border-bottom:#d5d2d1 1px solid;
text-transform:lowercase;
display:block;}

.steckidrop{width: 130px;
  font-size: 10pt;
  text-align:center;
  text-transform: uppercase;}
			#userlinks {
    opacity: 0.8;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    text-align: center;
    background-color: #25211d;
    text-transform: uppercase;
    z-index: 12;
    line-height: 120%;
    padding: 10px;
}

#userlinks a {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px;
    color: #d5d2d1;
	letter-spacing:3px;
	word-spacing:5px;
}

#userlinks a:hover {
		color: #979593;
}

.listen{ font-family: 'Titillium Web', sans-serif;
font-size:10pt;
background-color: #4d4d4d;
text-align:center;
color: #d5d2d1;}
			#ava-on {
  background-image: url('/images/Team/test.png');
  width: 165px;
  height: 38px;
  position: relative;
  top: -75px;
  left: 32px;
}

#ava-on:before {
  content: 'Online';
  font-family: 'Titillium Web', sans-serif;
  font-size: 40px;
  position: relative;
  top: -18px;
  left: 46px;
  font-style: italic;
  text-transform: lowercase;
}


#ava-off {
  background-image: url('/images/Team/offline.png');
  width: 165px;
  height: 38px;
  position: relative;
  top: -75px;
  left: 52px;
}

#ava-off:before {
  content: 'Offline';
  font-family: 'Titillium Web', sans-serif;
  font-size: 40px;
  position: relative;
  top: -18px;
  left: 46px;
  font-style: italic;
  text-transform: lowercase;
}

#ava-off img{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
filter: grayscale(100%)
}


#team-links {
  margin-top: 18px;
  width: 90%;
  float: right;
}

#team-links a {
    display: block;
    font-size: 11pt;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    background-color: #322d27;
    border-left: #979593 10px solid;
    border-right: #979593 10px solid;
    text-transform: uppercase;
    color: #d5d2d1;
}

#team-links a:hover {
  display: block;
  font-size: 11pt;
  text-align: center;
  font-family: 'Titillium Web', sans-serif;
  background-color: #322d27;
  border-left: 40px solid #979593 solid;
  border-right: 40px solid #979593 solid;
  color: #d5d2d1;
}

#info-link {
  font-size: 13pt;
  font-family: 'Titillium Web', sans-serif;
  font-style: italic;
  text-transform: none;
  
}
			#pava {
  margin: 0px 5px;
}

#pava img {
  width: 100px;
}

#pbox {
    background-color: #322d27;
    border-radius: 5px;
    width: 800;
    margin-bottom: 10px;
}

#pbox1 {
    background-color: #322d27;
    border-radius: 5px;
    padding: 5;
    font-family: 'Titillium Web', sans-serif;
    font-size: 11pt;
    text-align: justify;
    height: 70px;
}

#plink {
    background-color: #322d27;
    line-height: 1;
    text-align: center;
    margin-top: 5px;
}

#plink a {
  border-right: 10px solid;
  font-family: 'Titillium Web', sans-serif;
  text-transform: lowercase;
  font-size: 13pt;
  word-spacing: 4px;
  display: block;
}


.charlistside1{width:300px; height:auto;}
			img.bild{
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-webkit-transition:-webkit-transform 1s ease-out;
opacity:.6;transition:transform 1s ease-out;
}

img.bild:hover{
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
opacity:1;
transform:rotate(360deg);
}

img.bild:visited{
opacity:1;
}

#story {
width: 490px;
height: 520px;
background-color: #ededed;
padding: 5px;
border-bottom: 6px solid #ededed;
}

.st-tit {
  font-size: 36px;
  paddingesuch-top: 20px;
  word-spacing: 3px;
  line-height: 0.8;
  line-height:50px;
  margin-bottom:-3px;
  text-align:center;
  font-family: stream;
  font-style: italic;
  font-weight:normal;
  color:#292929;
}

.st-sub {
letter-spacing: 2px;
  background-color: #ededed;
  font-family: Oswald;
  font-size: 12px;
  color: #292929;
  text-transform: uppercase;
  text-align: center;
  font-weight: lighter;
  line-height: 1.5;
  word-spacing: 6px;
  margin-top: -15px;
  width: 480px;
}

#image{
}

#st-select {
border-radius: 0px;
width: 240px;
background-color: #1b1b1b;
border: 2px solid #334f56;
color: #292929;
margin-top: -14px;
font-family: Lateef;
font-style: normal;
font-size: 10px;
}

.st-sub1 {
margin-top: 3px;
	background-color: #131313;
	font-style: italic;
	line-height: 1;
	font-weight: 500;
	word-spacing: 3px;
	line-height:22px;
	text-align:center;
	font-family:vis;
	font-size:22px;
	color:#a1abac;
	text-transform:uppercase;
}

story-links a {
    Font-size: 15px !Important;
    font-family: stream !Important;
    text-transform: lowercase !Important;
    font-style: italic;
    letter-spacing: 5;
	text-align: center;
}

story-links a:hover {
color: #FFF !Important;
text-decoration: none;
-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
-o-transition: all ease 0.6s;
transition: all ease 0.6s;
}

#st-1 {
float: left;
width: 240;
margin-top: -30px;
}

#st-2 {
float: right;
width: 245px;
position: relative;
top: -16px;
height: 400px;
overflow: auto;
text-align: justify;
font-size: 11px;
font-family: sans-serif;
  background-color: #1b1b1b;
}
			@charset "utf-8";
/* CSS Document */

#head-box {
    height: 229px;
    text-align: justify;
    overflow: auto;
    font-size: 10pt;
    font-family: 'Titillium Web', sans-serif; 
}

#head-box1 {
    height: 229px;
    text-align: justify;
    overflow: auto;
    font-size: 10pt;
    font-family: 'Titillium Web', sans-serif; 
}

point {
    font-family: 'Titillium Web', sans-serif; 
    font-size: 23px;
    color: #d5d2d1;
	text-transform:uppercase;
}

.pointcount{font-family: 'Titillium Web', sans-serif; 
font-size:8pt;
color: #d5d2d1;
text-align:center;
width:100px;}

.footer-td {
  background-image: url('/images/dustandashes/footer.png');
  width: 900px;
  height: 250px;
  text-align: center;
}

.userchange{text-align:center;
font-size:11pt;
text-transform:uppercase;
word-spacing:3px;
line-height:120%;
height:15px;
padding:10px;}

/***********************************
Index
************************************/
.cindex1 {
    width: 450px;
    padding: 10px;
    background-color: #322d27;
    font-family: 'Titillium Web', sans-serif; 
    font-size: 18pt;
	line-height: 1;
	text-align:justify;
    color: #d5d2d1;
}

.cindex1 a {
    font-family: 'Titillium Web', sans-serif; 
    font-size: 18pt;
    line-height: 0;
    position: relative;
    top: -2px;
    text-transform: none;
	color:#d5d2d1;
}

.cindex1 a:hover{
	color: #979593;
	font-size:30pt;}
	
headercontainer_2 {
	font-size: 16pt;
    font-family: 'Titillium Web', sans-serif; 
    text-align: center;
    color: #d5d2d1;
    word-spacing: 5px;
    margin: 4px;
}

headercontainer_2 a { 
	font-size: 11pt !Important;
    font-family: 'Titillium Web', sans-serif;  !Important;
    color: #d5d2d1 !Important;
    word-spacing: 5px !Important;
    margin: 4px !Important;
}

headercontainer_2 a:hover { 
color: #979593  !Important;
text-decoration: none;
-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
-o-transition: all ease 0.6s;
transition: all ease 0.6s;
}

.cindex2 {
    padding: 10px;
    background-color: #322d27;
    font-family: 'Titillium Web', sans-serif; 
    font-size: 18pt;
	line-height: 20pt;
	text-align:center;
	text-transform:uppercase;
    color: #d5d2d1;
}

.cindex2 a {
    font-family: 'Titillium Web', sans-serif; 
    font-size: 18pt;
    line-height: 0;
    position: relative;
    top: -2px;
	text-transform:uppercase;
    letter-spacing: 2px;
    color: #d5d2d1;
}

.cindex2 a:hover{
color: #979593;
font-size: 18pt;
text-transform:uppercase;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}

.footerlinks {
	font-size:9pt;
    text-align: center;
	font-family: 'Titillium Web', sans-serif; 
	background-color:#322d27;
	border-left: #979593 10px solid;
	border-right:#979593 10px solid;
	text-transform: uppercase;
    color: #d5d2d1;
	}

.footerlinks a {
    font-family: 'Titillium Web', sans-serif; 
    text-transform: uppercase;
    font-size: 9pt;
    color: #d5d2d1;
	text-align: center;
}

.footerlinks a:hover {
	font-size:9pt;
    color: #979593;
	text-align: center;
	text-transform: uppercase;
}


.cindex4 {
   width: 300px;
    padding: 10px;
    background-color: #322d27;
    font-family: 'Titillium Web', sans-serif; 
    font-size: 11pt;
	line-height: 1;
	text-align:center;
}

.cindex4 a{font-family: 'Titillium Web', sans-serif; 
    font-size: 11pt;
    line-height: 0;
    position: relative;
    text-transform: none;
    letter-spacing: 2px;}

.cindex5 {
    text-align: center;
    border-bottom: 1px solid #d5d2d1;
    line-height: 1;
   	  padding: 20px;
}

.cindex5 a {
    font-family: 'Titillium Web', sans-serif; 
    text-transform: uppercase;
    font-size: 13pt;
    font-weight: 400;
	color: #d5d2d1;
}

.cindex5 a:hover {
	color:#979593;
	font-size: 13pt;
}

.cindex6 {
    text-align: center;
    text-transform: uppercase;
    font-size: 10pt;
    letter-spacing: 1;
}

.cindex7 {
    text-align: center;
    text-transform: uppercase;
    font-size: 10pt;
	font-family: 'Titillium Web', sans-serif; 
}

.cindex9 {
      position: relative;}

.boardsdiscription{
	font-size:9pt;
	text-align:justify;
	font-family: 'Titillium Web', sans-serif; 
	background-color:#322d27;
	text-transform:uppercase;}
	
.userchange{font-family: 'Titillium Web', sans-serif; 
text-align:center;
font-size:11pt;
padding-bottom:4px;
padding-top:4px;
word-spacing:5px;}
			#g-name a {
  font-family: 'Titillium Web', sans-serif;
  font-size: 45px;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  line-height: 0.8;
}

#g-ava img {
  width: 90px;
  -webkit-border-radius: 40%/100%;
  -moz-border-radius: 40%/100%;
  border-radius: 40%/100%;
  box-shadow: 1px -1px 5px #0E0E0E;
}

/*Ravenclaw*/
g2 {
color: #ABB6FF;
}

/*Hufflepuff*/
g3 {
color: #FFFFAB;
}


/* Slytherin */
g4 {
    color: #ABFFB6;
}

/* Gryffindor */
g5 {
    color: #FFABAB;
}

/* Erwachsene */
g6 {
    color: #D2ABFF;

}

/* Orden des Phönix */
g7 {
    color: #EEECEC;
}

/*Todesser*/
g8{
color:#000000;/*807f7e;C8B0A5;*/
}

/* Schulpersonal */
g9 {
    color: #ffd1ab;
}


/* Npc */
g11 {
    color: #D0CABA;
    border-bottom: 1px dotted;
}

/* Sister */
g12 {
    color: #D0CABA;
    border-top: 1px solid;
}

/* Bewerber */
g13 {
    color: #D0CABA;
    border-bottom: 1px solid #D0CABA;
    border-top: 1px solid #D0CABA;
}

/*Ministerium*/
g14{color:#FFC4AB;}
			.sliderwrapper {
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom-width: 6px;
height: 265px;
}



.sliderwrapper .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: {tablecolora};
height: 96%;
width: 98%;
overflow: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
			@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Abel');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

body {
  background-image: url('images/dustandashes/back.png');
  background-position: center;
  background-repeat: repeat;
  background-attachment: fixed;
  position: relative;
  top:0px;
}

::-webkit-scrollbar-track {
	
}

::-webkit-scrollbar {
  width: 7px;
  background-color: #36312b;
}

::-webkit-scrollbar-thumb {
    background-color: #d5d2d1 !important;
}


@font-face {
  font-family: stream;
  src: url(fonts/Streamster.ttf) format("TrueType");
}

@font-face {
  font-family: vis;
  src: url(fonts/Vis-A-Vis.ttf) format("TrueType");
}

@font-face {
  font-family: Sacramento;
  src: url(fonts/SACRAMENTO-REGULAR.TTF) format("TrueType");
}

@font-face {
  font-family: Ruritania;
  src: url(fonts/Ruritania.ttf) format("TrueType");
}

@font-face {
  font-family: Rock;
  src: url(fonts/ROCK.ttf) format("TrueType");
}

@font-face{font-family:Elephant ;
src:url(fonts/ELEPHNT.TTF) format("TrueType");}

@font-face{font-family: DesertQueen;
src:url(/fonts/DesertQueenPersonalUse.ttf) format("TrueType");}

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&subset=latin-ext');

@import 'https://fonts.googleapis.com/css?family=Anaheim|Yanone+Kaffeesatz:200,300,400,700';

@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900|Kaushan+Script|Nixie+One|Ultra&subset=latin-ext');

@import url(https://fonts.googleapis.com/css?family=Amatic+SC);

@import url(https://fonts.googleapis.com/css?family=Dancing+Script:400,700);

@font-face {
  font-family: BirchStd;
  src: url(fonts/BirchStd.otf) format("TrueType");
}

@import url('https://fonts.googleapis.com/css?family=Pathway+Gothic+One&subset=latin-ext');

@import url('https://fonts.googleapis.com/css?family=Economica:400,400i,700,700i|Oswald:200,300,400,500,600,700');


/* ######### Eingabe und Dropdown ######### */

.headertext{width:950px; height:250px; position:relative; top:0px; transition:1s;} .headertext:hover{width:950px; height:250px; position:relative; top:250px; transition:0.5s;} 

.headertableback{background-color:#322d27;
border: 3px #322d27;}

.headertabletitle{background-color:#322d27; 
color:#d5d2d1; 
font-family: 'Titillium Web', sans-serif; 
text-align:center;
font-size:13pt;
text-transform:uppercase;
letter-spacing:2px;
font-weight:bold;}

.headertabletext{background-color:#322d27;
color: #d5d2d1;
font-family: 'Titillium Web', sans-serif; 
font-size:10pt;
text-align:justify;}


SELECT {
FONT-SIZE: 10pt;
font-family: 'Titillium Web', sans-serif; 
COLOR: #d5d2d1;
border: #322d27 1px;
border-radius: 5px;
padding: 5px;
text-align:center;
BACKGROUND-COLOR: #3d3730;
border: #322d27 1px;
}

TEXTAREA { FONT-SIZE: 11pt;
font-family: 'Titillium Web', sans-serif; 
COLOR: #d5d2d1;
BACKGROUND-COLOR: #3d3730;
border: #322d27 1px;
border-radius: 5px;
padding: 5px;
}

input {
FONT-SIZE: 11pt;
font-family: 'Titillium Web', sans-serif; 
COLOR: #d5d2d1;
BACKGROUND-COLOR: #3d3730;
border: #322d27 1px;
border-radius: 5px;
padding: 3px;
}


.minifont {
font-family: 'Titillium Web', sans-serif; 
  font-size: 9pt;
  color: #d5d2d1;
}

b {
    color: #c8a89d;
    font-weight: 700;
	font-family: 'Titillium Web', sans-serif; 
   }

u {
  color: #c8a89d;
  border-top: 1px solid #c8a89d;
border-bottom: 1px  solid #c8a89d;
}

i {
  color: #c8a89d;
}

s {
  color: #c8a89d;
  text-decoration: line-through;
}

.go {
    font-size: 10pt;
    font-family: 'Oswald', sans-serif;
    background-color: #322d27;
    color: #d5d2d1;
    padding-left: 10px;
    border: 1px solid #322d27;
    text-transform: uppercase;
    letter-spacing: 1px;
}




/****************************************
   Link colors
*****************************************/

a:link, a:visited, a:active {
  text-decoration: none;
  color: #d5d2d1;
  font-family: 'Titillium Web', sans-serif; 
  text-transform: uppercase;
  font-weight:400; 
  text-overflow:ellipsis;
  white-space: nowrap;
   overflow: hidden;
   width: 100%;
}

a:hover {
  color: #d5d2d1;
  text-decoration: none;
  text-overflow:ellipsis;
  white-space: nowrap;
   overflow: hidden;
   width: 100%;
  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

.button-large a:after, button-small a:after, #board a:after,
#head-box a:after, #head-box1 a:after, .footer-td a:after, #boarduser a:after, 
.textthingy a:after, .tooltip a:after, .subforumlist a:after, .toplinks a:after, #statswrap a:after {
  color: #3a561d;
  clear: both;
  display: block;
  content: "";
  width: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
   background: transparent;
  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
  z-index: 0;
}

.button-large a:hover:after, button-small a:hover:after, #board a:hover:after, #head-box a:hover:after, #head-box1 a:hover:after, 
.footer-td a:hover:after, #boarduser a:hover:after, 
.textthingy a:hover:after, .tooltip a:hover:after, 
.subforumlist a:hover:after, .toplinks a:hover:after, #statswrap a:hover:after{ 
left: 0; width: 100%;
  color:#d5d2d1;
 }

.clsCursor {  cursor: hand}


green{color: #ABFFB6;
  text-transform: uppercase;
  font-size: 11pt;
  font-weight: bold;
}

red {
    color: #FFABAB;
  text-transform: uppercase;
  font-size: 11pt;
  font-weight: bold;
}


dgsvo-ja{color: #ABFFB6;
  text-transform: uppercase;
  font-size: 11pt;
  font-weight: bold;}

dgsvo-nein{
    color: #FFABAB;
  text-transform: uppercase;
  font-size: 11pt;
  font-weight: bold;
}
			#kalender {
	width: 540px;
}

#weak {
    background-color: #25211d;;
	width: 12,5%;
}

#day {
    background-color: #25211d;
	width: 12,5%;
}

#empty {
    background-color: #25211d;
	width: 12,5%;
}

#weakend {
    background-color: #25211d;
	width: 12,5%;
}

sunday {
color: #d5d2d1;
}