.username {
  width: 320px; 
  align:center;
  border: 1px solid #202020;
  background: #202020;
  background-image:url(/design/goth/background.png');
  padding: 5px;
  font-family:oswald;
  text-align: center;
  font-size:25px;
position:relative;
margin-left:15px;
margin-top:5px;
margin-bottom:5px;
  text-transform:uppercase;
}

.spotypint {
 font-size: 30px;
 margin-top: -10px;
}

.userava {
	background: #202020;
	width: 250px;
	border: 1px solid #202020;
	padding: 3px;
	text-align: center;
	margin-left: 15px;
	margin-bottom:15px;
	font-family: oswald;
}

.usericon {
  width: 250px;
  border: 1px solid #202020;
  background: #202020;
  padding: 3px;
  margin-top:-5px;
  font-family:oswald;
  text-align: center;
}

.usersig{
  max-width: 450px;
  border: 1px solid #202020;
  background: #202020;
  padding: 5px;
  margin-top:-5px;
  font-family:oswald;
  text-align: center;
}

.userbanner {
  width: 250px;
  border: 1px solid #202020;
  background: #202020;
  padding: 3px;
  font-family:oswald;
  text-align: center;
  margin-left:18px;
}

.userbanners {
  width: 250px;
  height:60px;
  background-image:url(/design/goth/background.png');
  font-family:oswald;
  text-align: center;
}

.userinfos {
        background:#202020;
        font-size:9px;
        width:257px;
        height:16px;
	padding:2px;
	text-transform: uppercase;
	font-family: open sans;
	font-weight: bold;
        text-align:left;
       margin:1px;
float:left;
}

.userinfos2 {
	background-image:url(/design/goth/background.png');
    color: #707070;
        font-size:9px;
        letter-spacing:1px;
	padding:2px;
	text-transform: uppercase;
	font-family: oswald;
	font-weight: bold;
        text-align:center;
       margin-right:5px;
float:left;
}

.userinfos3 {
	background:#202020;
 border: 1px solid #202020;
        font-size:9px;
        width:50px;
        height:50px;
	padding:5px;
	text-transform: uppercase;
	font-family: open sans;
	font-weight: bold;
        text-align:center;
       margin:4px;
float:left;
}

.userinfos4 {
	border: 1px solid #202020;
  background: #202020;
        font-size:9px;
        width:280px;
        height:16px;
	padding:2px;
	text-transform: uppercase;
	font-family: open sans;
	font-weight: bold;
        text-align:left;
       margin-left:10px;
       margin-top:1px;
       margin-bottom:1px;
}

.usertext {
	background: #202020;
	width: 297px;
	height: 130px;
	overflow: auto;
	padding: 10px;
	text-align: justify;
		border: 1px solid #202020;
	font-family: tahoma;
	font-size: 12px;
	font-style: none;
}

.usertext img {
   max-width: 389px;
   padding: 5px;
   float: left;
}

.ptabs input[id^="ptab"][type=radio] {
         position: absolute;
          display: none; /* blendet die Radio-Punkte aus, die wir nicht brauchen */
}

.ptabs {
	width: 700px;
       position:relative;
       align:center;
	float: none;
	list-style: none;
	padding: 0;
	top: 15px;
        z-index:1;
	height: 580px;
}

.ptabs li{
       float: left; /* entweder rechts oder links */
z-index:1;
}

.ptabs label {
	display: block;
	cursor: pointer;
	padding:4px;
	min-width:50px;
	margin:10px;
	border-bottom:2px solid #474747;
	text-align:center;
	position: relative;
	top: 0;
	 z-index:1;
	letter-spacing:1px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:oswald;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.ptabs label:hover {
   border-bottom:2px solid #701f1f;
       top: 0;
}

.ptabs [id^="ptab"][type=radio]:checked ~ label {
 /* Defintion des ausgewählten Feldes */
       top: 0;
       -webkit-transition: opacity 2.0s ease-in;
       -moz-transition: opacity 2.0s ease-in;
         -o-transition: opacity 2.0s ease-in;
border-bottom:2px solid #701f1f;
}

.ptabs [id^="ptab"][type=radio]:checked ~ label ~ .tab-content {
         display: block;
}

.ptabs .tab-content{
 /* Hier wird des ganz normale Inhalt des Tabs definiert wie Schrift, Farbe, Zeilenhöhe etc */
       z-index: 1;
       display: none;
       text-align: left;
       width: 100%;
    height: 600px;
    overflow: auto; /*Höhe (muss ca 50px kleiner sein als bei .tabs vorgegeben und Overflow sollten definiert werden, da ansonsten überschüssiger Text verschluckt wird */
       font-size: 10px;
       padding:10px;
       padding: 5px;
       position: absolute;
       top: 60px;
       left: 0;
       box-sizing: border-box;
       -webkit-animation-duration: 0.5s;
       -o-animation-duration: 0.5s;
       -moz-animation-duration: 0.5s;
       animation-duration: 0.5s;
}

.infopop {
  position:fixed; top: 20px; right: 0; bottom: 0; left: 0; background: hsla(0, 0%, 0%, 0.5);  opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none; z-index:3;
}

.infopop:target {
 opacity:1; pointer-events: auto; z-index:3;
}

.infopop > .pop {
 background: #131313;  width: 400px; height:260px; overflow:auto; position: relative; margin: 10% auto; padding: 10px; z-index:3;
}

.closepop {
 position:absolute; right: -5px; top:-5px; width: 100%; height: 100%;
}

.closeepop {
 position.absolute; top:20px; right:30px; transition: all 200ms; font-size:20px; font-weight:bold;
}

.headerbt {
	color: #ff;
	margin: 4px;
	padding: 6px;
	overflow: hidden;
	text-transform: uppercase;
	border: 1px solid #701f1f;
	background-image: url(/design/goth/background.png');
	text-align: center;
	
	font-family: open sans;
	font-size: 12px;
	font-weight: bold;
}

.bubbles {
  width: 290px;
  border: 1px solid #202020;
  height:80px;
  margin: 10px auto;
  background: #202020;
  padding: 10px;
  text-align: justify;
  position:relative;
}

.b2:before {
 content: "";
 width: 0px;
 height: 0px;
 position: absolute;
 border-top: 15px solid transparent;
 border-right: 15px solid #202020;
 border-left: 15px solid transparent;
 border-bottom: 15px solid transparent;
 right: 100%;
 top: 20px;
}

.infosuser {
  width: 265px;
  height:160px;
  border: 1px solid #151515;
  margin-left: 10px;
  margin-bottom:10px;
  margin-right:10px;
  background: #151515;
  padding: 3px;
  text-align: justify;
  position:relative;
}
.inplaytracker {
height:395px;  padding:5px; float:left; overflow:auto;
}