#themen-titel {
background:var(--back);
border:1px solid var(--border);
padding:10px;
text-align:center;
margin-bottom:10px;
}

#themen-titel .titel {
    background-image: var(--link);
    font-size: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--link);
    color: var(--link);
    letter-spacing: 2px;
}

#themen-titel .titel span {
font-size:14px;
letter-spacing:2px;
font-style:italic;
}


#post_container {
background:var(--box);
/*border:1px solid var(--border);*/
padding:5px;
overflow:hidden;
}

/*#post_container .wavecon, .wavecon {
overflow:hidden;
}

#post_container  .wave, .wave {
  position: relative;
  background: var(--container);
  text-align: center;
overflow:hidden;
text-align:center;
margin-top:-40px;
margin-bottom:-75px;
}

#post_container  .wave .text {
position:absolute;
text-transform:uppercase;
margin-top:40px;
}


.wave .text {
position:absolute;
margin-top:40px;
font-family:montserrat;
font-size:45px;
text-transform:uppercase;
color:var(--box);
text-align:justify;
padding:20px 30px;
}

.wave .text span {
font-size:11px;
font-weight:bold;
}*/

#post_container .head {
padding:20px 30px;
display:grid;
grid-template-columns: 640px  170px 56px;
}

#post_container .head .icon {
width:150px;
height:100px;
border:5px solid var(--back);
/*border-radius:10px;
margin:10px 65px;*/
margin-left: 0px;
}

#post_container .head .icon img {
width:150px;
height:100px;
/*border-radius:10px;*/
}

#post_container .head .posticon {
float:right:
}


#post_container .charaname {
 font-size:40px;
	font-family: Aboreto;
padding-bottom:3px;
width:620px;
border-bottom:1px solid var(--link);
text-align:left;
}

#post_container .head .facts {
padding-bottom:3px;
text-align:right;
margin:10px 13px;
font-size:9px;
color:var(--green);
background:var(--box);
text-transform:uppercase;
padding:4px 8px;
float:left;
border-radius:4px;
position:relative;
}

#post_container .head .facts:after {
content: "";
        display: block;
        width: 15px;
        height: 1px;
        background: var(--box);
        right: -20px;
        top: 10px;
        position: absolute;
}

#post_container .contenta {
background:var(--back);
padding:10px; 
display:grid;
grid-template-columns:250px auto;
}

#post_container .contenta .headline {
display:grid;
grid-template-columns:200px auto;
}

#post_container .contenta .headline .date {
background:var(--box);
border:1px solid var(--border);
padding:8px; 
font-size:10px;
color:var(--link);
margin-left:10px;
}

#post_container .contenta .headline .buttons {
background:var(--box);
border:1px solid var(--border);
padding:8px; 
font-size:17px;
margin-left:10px;
float:right;
color:var(--link);
}

#post_container .contenta .headline .buttons a:link, #post_container .contenta .headline .buttons a:visited {
color:var(--link);
}

#post_container .contenta .userinfos {
background:var(--box);
border:1px solid var(--border);
padding:10px;
}


#post_container .contenta .userinfos .fields {
padding-bottom:3px;
border-bottom:1px solid var(--back);
  font-weight:bold;
margin:5px;
font-size:10px;
text-transform:uppercase;
}
#post_container .contenta .userinfos .usertitle .icon {
position:absolute;
opacity:0.4;
z-index:1;
font-size:25px;
left:2px;
top:3px;
color:var(--link);
}

#post_container .contenta .userinfos .usertitle {
position:relative;
z-index:2;
padding-bottom:3px;

  font-weight:bold;
font-family:Aboreto;
margin:15px 5px;
font-size:15px;
text-transform:uppercase;
}


#post_container .contenta .userinfos img {
border:5px solid var(--back);
margin-bottom:10px;
}


#post_container .contenta .post {
background:var(--box);
border:1px solid var(--border);
margin-left:10px;
padding:15px 35px;
text-align:justify;
font-size:13px;
margin-top:10px;
	color: #aaa;
	
    min-height: 334px
}

#post_chat_title {
background:var(--box);
color:var(--link);
padding:10px;
font-size:30px;
margin:0px 5px;
height:35px;
margin-bottom:1px;
}

#post_chat_title .icons {
float:right;
margin:0px 20px;
}


#post_chat_right .bttns , #post_chat_left .bttns {
float:left;
margin:0px 7px;
font-size:13px;
}

#post_chat_right .bttns_con , #post_chat_left .bttns_con {
margin-left:320px;
}


#post_chat_right {
display:grid;
grid-template-columns:75px 700px;
}


#post_chat_right .micon {
border-radius:100px;
width:50px;
height:50px;
margin:10px;
margin-left:20px;
background: var(--box);
padding:8px;
border:1px solid var(--border);
}

#post_chat_right .micon img {
width:50px;
height:50px;
border-radius:100px;
}


#post_chat_right .bubble {
width:550px;
  border-radius:10px;
  margin: 10px auto;
  background: var(--box);
  padding: 20px;
  text-align: justify;
  position:relative;
}

#post_chat_right .bubble .author {
position:absolute;
top:5px;
right:10px;
font-size:8px;
letter-spacing:1px;
}

#post_chat_right .bubble .date {
position:absolute;
bottom:5px;
left:10px;
font-size:8px;
letter-spacing:1px;
}

#post_chat_right .bubble:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-right: 10px solid var(--box);
  border-left: 10px solid transparent;
  border-bottom: 10px solid var(--box);
  border-top: 10px solid transparent;
  left: -20px;
  top: 10px;
}

#post_chat_left {
margin-left:150px;
display:grid;
grid-template-columns:700px 65px;
}


#post_chat_left .micon {
border-radius:100px;
width:50px;
height:50px;
margin:10px;
background: var(--box);
padding:8px;
border:1px solid var(--border);
}

#post_chat_left .micon img {
width:50px;
height:50px;
border-radius:100px;
}


#post_chat_left .bubble {
width:550px;
  border-radius:10px;
  margin: 10px auto;
  background: var(--back);
  padding: 20px;
  text-align: justify;
  position:relative;
}

#post_chat_left .bubble .author {
position:absolute;
top:5px;
left:10px;
font-size:8px;
letter-spacing:1px;
}

#post_chat_left .bubble .date {
position:absolute;
bottom:5px;
left:10px;
font-size:8px;
letter-spacing:1px;
}

#post_chat_left .bubble:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid var(--back);
  border-right: 10px solid transparent;
  border-top: 10px solid var(--back);
  border-bottom: 10px solid transparent;
  right: -20px;
  top: 10px;
}

.post-chat-titel {
color:var(--box);
  font-weight:bold;
font-size:30px;
font-family:Aboreto;
text-transform:uppercase;
padding-bottom:5px;
width:90%;
margin:auto;
border-bottom:1px solid var(--link);
}

ul.thread_tools,
ul.thread_tools li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.thread_tools li {
	padding-left: 24px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	font-size: 11px;
	background-image: url(../../../images/showthread_sprite.png);
	background-repeat: no-repeat;
}

ul.thread_tools li.printable {
	background-position: 0 0;
}

ul.thread_tools li.sendthread {
	background-position: 0 -20px;
}

ul.thread_tools li.subscription_add {
	background-position: 0 -40px;
}

ul.thread_tools li.subscription_remove {
	background-position: 0 -60px;
}

ul.thread_tools li.poll {
	background-position: 0 -80px;
}

.showthread_spinner {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 20px;
}

