.clear {
clear: both;
}

/* **Gastavatar im postbit** */
.gastavatar {
  padding: 5px;
  background: #2c100c;
  border-bottom: 6px solid #2e110d;
  border-top: 3px solid #2e110d;
  border-radius: 0px;
}

/* **Sidebar** */
.ntff_sidebar {
   list-style: none;	
  top: 95px;
  margin-left: 972px;	
  position: fixed;
  width: 20px;
}

.ntff_sidebar a {
	width: 20px;
	color: #999;
	float: right;
	height: 20px;
	position: relative;
	margin-bottom: 10px;
	padding: 10px 10px;
	border-right: 1px solid  #938d8c;
	border-bottom: 3px solid  #938d8c;
	border-radius: 3px;
	background-image: linear-gradient(45deg, #2c100c 20%, #60585c 100%);
	opacity: 0.9;
	-moz-opacity: 0.9;
	
	font-size: 19px;
}

.ntff_sidebar a:hover {
color: #785959;
border-right: 1px solid  #785959;
border-bottom: 3px solid  #785959;	
transform: scale(1.1);
}

/* **Tabs im Profil** */
/* ICON #1 */
#request476-wrap .request476-tabs label[for="tab1"] {
background: url(/images/new/profilinfos.png);
background-size: 100% 90px;
}

/* ICON #2*/
#request476-wrap .request476-tabs label[for="tab3"] {
 
background: url(/images/new/profilinplay.png);
background-size: 100% 90px;
}

/* ICON #3 */
#request476-wrap .request476-tabs label[for="tab4"] {
 
background: url(/images/new/profilrelas.png);
background-size: 100% 90px;
}

#request476-wrap {
	background: url(https://beyondtherules.de/beyondtherules/images/new/bg4.png);
	width: 710px;
	position: relative;
	margin: 20px auto;
	padding: 20px 50px;
	height: 1200px;
	border-top: 10px solid #11070c;
	border-bottom: 10px solid #11070c;
}

#request476-wrap .request476-tabs {
position:relative;
top:0;
margin:10px 0 20px;
padding-left: 6px;
height: 800px;
list-style:none;
}

#request476-wrap .request476-tabs li {
float:left;
}

#request476-wrap .request476-tabs label:hover {
cursor:pointer;
}

#request476-wrap .request476-tabs label[for^=tab] {
float:left;
display:block;
margin:0 5px;
width:160px;
height:85px;
border:3px solid #0d0d0d;
}

#request476-wrap .request476-tabs input[type=radio] {
display:none;
}

#request476-wrap .request476-tabs [id^=tab-content] {
z-index:2;
display:none;
position:absolute;
top:140px;
left:0;
padding:10px;
width:700px;
height:600px;
background: rgba(13, 13, 13, .8);
color:#9b9c98;
font-family:Cantarell;
font-size:14px;
line-height:14px;
text-align:justify;
}

#request476-wrap .request476-tabs [id^=tab-content] .headline {
margin:0 auto 7px;
padding:3px;
width:680px;
border-bottom:2px solid rgba(120,89,89,.7);
color:#9b9c98;
font-family:Cantarell;
font-size:10px;
line-height:10px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}

#request476-wrap .request476-tabs [id^=tab-content] i {
color:#8f2c36;
font-size:14px!important;
text-transform:none;
text-shadow:1px 1px 0 #000;
}

#request476-wrap .request476-tabs [id^=tab-content] b,#request476-wrap .request476-tabs [id^=tab-content] strong {
color:#8f2c36;
font-size:11px;
font-weight:400;
letter-spacing:0;
text-transform:uppercase;
text-shadow:1px 1px 0 #000;
}

#request476-wrap .request476-tabs [id^=tab-content] s {
color:#4a4a4a;
text-shadow:1px 1px 0 #000;
}

#request476-wrap .request476-tabs [id^=tab-content]:before {
content:"";
position:absolute;
bottom:100%;
width:100px;
height:100px;
border-left:20px solid transparent;
border-right:20px solid transparent;
border-bottom:26px solid rgba(13,13,13,.8);
}

#request476-wrap .request476-tabs [id=tab-content1]:before {
left:22px;
}

#request476-wrap .request476-tabs [id=tab-content2]:before {
left:195px;
}

#request476-wrap .request476-tabs [id=tab-content3]:before {
left:370px;
}

#request476-wrap .request476-tabs [id=tab-content4]:before {
right:30px;
}

#request476-wrap .request476-tabs [id^=tab-content]>.scroll-box {
padding-right:20px;
height:600px;
overflow:auto;
}

#request476-wrap .request476-tabs [id^=tab]:checked+label {
top:0;
}

#request476-wrap .request476-tabs [id^=tab]:checked~[id^=tab-content] {
display:block;
}

#request476-wrap #request476-quote {
position:relative;
top:15px;
padding:10px;
width:700px;
height:auto;
background:rgba(13,13,13,.8);
color:#9b9c98;
font-family:Fjalla One;
font-size:19px;
line-height:20px;
text-transform:uppercase;
text-align:justify;
text-indent:35px;
}

#request476-wrap #request476-quote:after,#request476-wrap #request476-quote:before {
color:rgba(120,89,89,.6);
font-family:trebuchet ms;
font-size:80px;
line-height:0;
text-shadow:1px 1px 0 rgba(0,0,0,.7);
}

#request476-wrap #request476-quote:before {
content:"„";
position:absolute;
z-index:99;
bottom:30px;
right:5px;
}

#request476-wrap #request476-quote:after {
content:"”";
position:absolute;
top:20px;
left:-33px;
}

#request476-wrap #request476-credit,#request476-wrap #request476-credit:after,#request476-wrap #request476-credit:hover,#request476-wrap #request476-credit:hover:after {
content:"\2666";
position:absolute;
bottom:-19px;
left:0;
display:block!important;
margin:0 auto 10px!important;
padding:0!important;
width:100%!important;
background-color:none!important;
background-image:none!important;
border:0!important;opacity:1!important;
color:rgba(10,10,10,.9)!important;
font-family:arial!important;
font-size:40px!important;
line-height:40px!important;
font-weight:400!important;
font-style:normal!important;
letter-spacing:0!important;
word-spacing:0!important;
text-transform:uppercase!important;
text-decoration:none!important;
text-shadow:none!important;
text-align:center!important;
}

#request476-wrap ::-webkit-scrollbar {
width:7px;
background-color:transparent;
}

#request476-wrap ::-webkit-scrollbar-thumb {
background:#090909;
}

#request476-wrap ::-webkit-scrollbar-corner {
background:#0e0e0e;
}

#request476-wrap ::-webkit-scrollbar-track {
background:#0e0e0e;
}

/*Bildrotation im Header*/
.inhaltbox_rotate {
  animation: rotation 12s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
}

to {
    transform: rotate(359deg);
}


}

.pbox1 {
     float: left;
     width: 320px;
     margin-right: 2%;
     padding: 10px;
     background: transparent;
     box-sizing: border-box;
}

.pbox2 {
     float: left;
     width: 320px;
     margin-right: 2%;
     padding: 10px;
     background: transparent;
     box-sizing: border-box;
}

.statsbox {
	background: #000000;
	width: 310px;
	height: 200px;
}

.statsboxtitel {
	background: #000000;
	width: 295px;
	height: 20px;
	padding: 10px;
	text-align: center;
	letter-spacing: 2px;
	
	font-family: 'Electrolize';
	font-size: 20px;
}

.statsboxtext {
	background: #000000;
	width: 275px;
	height: 130px;
	padding: 10px;
	margin-top: 14px;
	margin-bottom: 14px;
	line-height: 1.1em;
	text-align: justify;
	overflow: auto;
	border-top: 3px solid #2e110d;
	border-left: 3px solid #2e110d;
	border-right: 3px solid #2e110d;
	border-bottom: 3px solid #2e110d;
	
	font-family: 'Calibri';
	font-size: 13px;
}