.profhead{
	font-family: var(--font-headline1);
background-color:var(--akzent5);
color: var(--hintergrund2);
text-align:center;
font-size:20pt;
text-transform:uppercase;
padding:5px;
line-height:80px;}

.profsub{
	font-family: var(--font-main);
font-size:9pt;
text-align:center;
text-transform:uppercase;
background-color:var(--akzent3);
padding:5px;
color: var(--hintergrund2);}

.profchara{
	font-family: var(--font-main);
	height: 163px;
	width: 392px;
	display:block;
	overflow:auto;
	font-size: 12pt;
	text-align:justify;
	padding: 5px;
	float: left;
	}

.profusername{background-color:var(--akzent3);
font-family: var(--font-headline1);
color: var(--hintergrund2);
text-align:center;
width:auto;
display:block;
font-size:13pt;
padding:5px;
text-transform:uppercase;}

.profusername a{color: var(--hintergrund2);
font-family: var(--font-headline1);
font-size:13pt;
}


.profusername b{
font-family: var(--font-headline1);
color: var(--hintergrund2);
text-align:center;
font-weight: light;
font-size: 11pt;}

span.profpic3 {position:relative;display:block;}

span.profpic3 .profimage {
position: absolute;
    top: -24px;
    left: 790px;
    border: 3px solid var(--akzent5);
}



.usericon{
	border: 1px solid var(--akzent3);
	background-color: var(--hintergrund1);
	padding: 2px;
	width: 183px;
	height: 88px;
	float: left;
	margin: 92px 0px 0px 190px;
	position: absolute;
	}

.usericon img{
	width: 183px;
	height: 88px;
}

.miniicon{
	width: 85px;
	height: 85px;
	border: 1px solid var(--akzent3);
	background-color: var(--hintergrund1);
	padding: 2px;
	float: left;
	margin:1px;
}


.profava{
	width: 243px;
	height: 150px;
	float:left;
}

.profava img{
	border: 2px solid var(--akzent3);
	background-color: var(--hintergrund1);
	padding: 3px;
	margin: -57px 3px 0px -20px;
	position: absolute;
	}

.profside1{
	width: 1150px;
	height: 174px;
	/* margin: -27px 0px 3px 0px; */
	}

.profuserbox{
    width: 364px;
    height: 178px;
    float: left;
    }


.profsteckibox2 .plstatus{
    font-family: var(--font-headline1);
    text-align: center;
    background-color: #1c8fb8;
    font-size: 12pt;
    height: 37px;
	overflow: auto;
    text-transform: uppercase;
    color: #d6d7d7;
    padding: 3px;
	margin:1px;
    }

.profsteckibox2 .plstatus a{  font-family: var(--font-headline1);
	font-size:13pt;
    color: #1c8fb8;}

.profsteckibox2 small{font-size: 7pt;
text-align: right;}


.profsteckibox4{
    width: 365px;
    height: 176px;
    margin: 0;
    }

.profsteckibox4 .plstatus {
    font-family: var(--font-main);
    text-align: left;
    font-size: 15px;
    text-transform: uppercase;
    padding: 3px;
    width: 171px;
    height: 18px;
    margin: 1px;
    float: left;
    border: 1px solid var(--akzent3);
}

.profsteckibox4 .plstatus2 {
    font-family: var(--font-headline1);
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    padding: 3px;
    width: 352px;
    height: 25px;
    margin: 1px;
    float: left;
    border: 1px solid var(--akzent3);
}


.profsteckibox4 .plstatus2 audio{
     width: 353px;
     height: 25px;
}






/* proftabs mit radio-Buttons */

.proftabbed{
	width:1150px;
	height: 632px;
	margin-top: 15px;
}

.proftabbed figure { 
   display: block; 
   margin: 0; 
   background-color:var(--hintergrund2);
   clear: both;
}

.proftabbed > input,
.proftabbed figure > div { display: none; }

.proftabbed figure>div {
  width: 1147px;
  height: 586px;
  /* overflow:  auto; */
  border: 1px solid var(--hintergrund2);
  background: var(--hintergrund2);
  letter-spacing: 0.3px;
  color: var(--font-color);
}

#proftab1:checked ~ figure .proftab1,
#proftab2:checked ~ figure .proftab2,
#proftab3:checked ~ figure .proftab3,
#proftab4:checked ~ figure .proftab4,
#proftab5:checked ~ figure .proftab5,
#proftab6:checked ~ figure .proftab6,
#proftab7:checked ~ figure .proftab7    { display: block; }

profnav {
	margin:0px 8px;
	width: 996px;
	height: 41px;
	display: block;
}

profnav label {
   float: left;
   padding: 10px 10px;
   border-top: 1px solid var(--hintergrund2);
   border-right: 1px solid var(--hintergrund2);
   background-color:var(--akzent3);
   color: var(--hintergrund2);
   width: 117px;
   text-align:   center;
   text-transform:
   uppercase;
   margin: 0px 2px;
}

profnav label:nth-child(1) {  }
profnav label:hover {background-color: var(--hintergrund2);
  color: var(--akzent5); }
profnav label:active { background-color: var(--hintergrund2);
  color: var(--akzent5); }

#proftab1:checked ~ profnav label[for="proftab1"],
#proftab2:checked ~ profnav label[for="proftab2"],
#proftab3:checked ~ profnav label[for="proftab3"],
#proftab4:checked ~ profnav label[for="proftab4"],
#proftab5:checked ~ profnav label[for="proftab5"],
#proftab6:checked ~ profnav label[for="proftab6"],
#proftab7:checked ~ profnav label[for="proftab7"]  {
  background-color: var(--hintergrund2);
  color: var(--akzent5);
  position: relative;
  border-bottom: none;
}

#proftab1:checked ~ profnav label[for="proftab1"]:after,
#proftab2:checked ~ profnav label[for="proftab2"]:after,
#proftab3:checked ~ profnav label[for="proftab3"]:after,
#proftab4:checked ~ profnav label[for="proftab4"]:after,
#proftab5:checked ~ profnav label[for="proftab5"]:after,
#proftab6:checked ~ profnav label[for="proftab6"]:after,
#proftab7:checked ~ profnav label[for="proftab7"]:after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  background-color:var(--akzent3);
  left: 0;
  bottom: -1px;
}


.proftabbox{
	height: 580px;
	overflow:auto;
}


.profname{font-family: var(--font-headline1);
font-size:20pt;
background-color:var(--akzent3);
color: var(--hintergrund2);
text-align:center;
display:block;
padding:5px;}

.profhead2{font-family: var(--font-headline1);
font-size:13pt;
color: var(--hintergrund2);
text-align:center;
display:block;
padding:5px;width: 406px;}

.profhead3{font-family: var(--font-headline1);
font-size:13pt;
background-color: var(--akzent3);
color: var(--hintergrund2);
text-align:center;
display:block;
padding:5px;}

.proftext{font-family: var(--font-main);
font-size:11pt;
color: var(--akzent5);
text-align:center;}


.profrelabox{margin: 1px;
	width: 413px;
	float: left;}

.profrelabox2{width: 403px;
height: 250px;
overflow:auto;
padding:5px;}

.profrelaname{font-family: var(--font-headline1);
font-size:20pt;
background-color:var(--akzent3);
color: var(--hintergrund2);
text-align:center;
display:block;
padding:5px;}

.profrelabox3{width: 393px;}

.profrelahead2{font-family: var(--font-headline1);
font-size:15pt;
border-bottom:1px solid var(--akzent3);
color: var(--akzent3);
text-align:center;
display:block;}

.profrelahead2 a{font-family: var(--font-headline1);
}

.profrelaava{width:80px;
height:66px;
border: 1px solid var(--akzent3);
float:left;
padding:2px;}

.profrelatext{font-family: var(--font-main);
font-size:10pt;
text-align:justify;
height:60px;
width: 297px;
overflow:auto;
padding:5px;}

.profrelalink{background-color:var(--akzent3);
font-family: var(--font-main);
color:var(--hintergrund2);
display:block;
text-align:center;
padding: 2px;}

.profrelalink a{font-family: var(--font-main);
color:var(--hintergrund2);
font-size: 7pt;
text-transform:uppercase;}


.profquesttext{
	font-family: var(--font-main);
	font-size:11pt;
	text-align: justify;
	padding:5px;
	height: 150px;
	overflow: auto;}



.profiptrhead{background-color:var(--akzent3);
font-family: var(--font-headline1);
color: var(--hintergrund2);
text-align:center;
width:auto;
display:block;
font-size:20pt;
padding:5px;}

.profiphead2{
	font-family: var(--font-headline1);
	font-size:11pt;
	text-align: center;
	padding:5px;
	background-color: #15467e;
	color: #d0d3d3;
	display:block;}

.profiphead3{font-family: var(--font-headline1);
font-size:11pt;
border-bottom:1px solid var(--akzent3);
color: var(--akzent3);
text-align:center;
display:block;}

.profiphead3 a{font-family: var(--font-headline1);
}

.profipsz{
	font-family: var(--font-main);
	font-size:11pt;
	text-align: justify;
	padding: 5px;
	height: 284px;
	width: 922px;
	overflow: auto;
	background-color: var(--hintergrund1);
	}

.profipbox{/* float:left; */margin:1px;}

/*Stecki*/

.profsteckipic{
	width: 160px;
	height: 400px;
	border:1px solid var(--akzent3);
	background-color:var(--hintergrund1);
	padding:5px;
	position: absolute;
	margin: -140px 0px 0px 1010px;
	border-radius: 100px 100px 0px 0px;
	}

.profsteckipic img{
	border-radius: 100px 100px 0px 0px;
	}


.profsteckifactbox{
	width: 1142px;
	height: 109px;
	/* overflow:auto; */
	/* padding:3px; */
	}

.profsteckifactbox fact{
	float:left;
	margin: 1px;
	background-color: var(--akzent3);
	color: var(--hintergrund2);
	font-size: 15px;
	font-family: var(--font-main);
	width: 374px;
	height: 18px;
	padding:2px;
	}

.profsteckifactbox fact2{
	float:left;
	margin:1px 1px 0px 0px;
	background-color: var(--akzent3);
	color: var(--hintergrund2);
	font-size: 15px;
	font-family: var(--font-main);
	width: 280px;
	height: 18px;
	padding:2px;
	}

.profsteckifactbox fact3{
	float:left;
	margin:1px 1px 0px 0px;
	background-color: var(--akzent3);
	color: var(--hintergrund2);
	font-size: 15px;
	font-family: var(--font-main);
	width: 1135px;
	height: 30px;
	padding:2px;
	}

.profsteckifactbox fact4{
	float:left;
	margin:1px 1px 0px 0px;
	background-color: var(--akzent3);
	color: var(--hintergrund2);
	font-size: 15px;
	font-family: var(--font-main);
	width: 565px;
	height: 18px;
	padding:2px;
	}

.profsteckibox1{
	width: 1142px;
	height: 318px;
	}

.profsteckibox2{
	float: left;margin: 1px;}



.profsteckichara1{float:left;margin: 1px;}

.profsteckicharahead{font-family: var(--font-headline1);
font-size:16px;
text-align:center;
color: var(--akzent3);
border-bottom:1px solid var(--akzent3);}

.profsteckicharatext{
	width: 556px;
	height: 120px;
	padding:5px;
	overflow:auto;
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--akzent5);
	white-space: pre-line;
	text-align: justify;
	border: 1px solid;
	}

.profsteckihead2{font-family: var(--font-headline1);
font-size:16px;
text-align:center;
color: var(--akzent3);
border-bottom:1px solid var(--akzent3);}

.profsteckihead3{font-family: var(--font-headline1);
font-size:14px;
text-align:center;
color: var(--akzent3);
border-bottom:1px solid var(--akzent3);}

.proffistatbox{
    width: 570px;
    height: 81px;
    display: block;
}

.proffistatbox point{
    list-style: none;
    width: 278px;
    height: 17px;
    background-color: var(--akzent4);
    color: var(--hintergrund2);
    margin: 1px;
    float: left;
    padding: 2px;
    font-size: 16px;
    }

.profsteckipasttext{
	width: 560px;
	height: 420px;
	padding:5px;
	overflow:auto;
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--akzent5);
	white-space: pre-line;
	text-align: justify;
	}


.profsig{
	width:450px;
	height: 250px;
	border:3px solid #236193;
	margin:10px;
	}

.profsteckiboxdown{
    width: 1151px;
    height: 270px;
    }


.profsteckiboxdown3{
    width: 622px;
    height: 255px;
    float: left;
    margin: 5px;
    }

.profsteckiboxdown4{
	width: 500px;
	height:250px;
	float:left;
	margin: 5px;
	border:3px solid #1c8fb8;
	}



/*awards-profil*/

.plusertitel{
font-family: var(--font-headline1);
text-align:center;
font-size:16px;
height:19px;
 background-color: #1c8fb8;
color: #d0d3d3;
padding: 3px;}

.profawardbox{
	width: 628px;
	height: 255px;
}

.profawards{height: 231px;overflow: auto;}


.award {
	position: relative;
	display: inline-block;
	margin: 2px 5px;
}

.award .info {
	position: absolute;
	background: #03526e9e;
	color: #d0d3d3;
	opacity: 1;
	bottom: 0px;
	left: -4px;
	width: 100px;
	height: 100px;
	padding: 2px;
	display:
	none;
	z-index: 1;
	font-size: 9.5pt;
	text-align: justify;
}

.award .info i{color: #d0d3d3;}

.award:hover .info {
	display: block;
}

.award .info h3 {
	text-transform: uppercase;
	border-bottom: 1px solid #d0d3d3;
	color: #d0d3d3;
	text-align: center;
}

.award .info .date {
	font-style: oblique;
	font-size: 10px;
	float: right;
	background-color: #03526e33;
	color:#d0d3d3;
	display:
	block;
	width:
	auto;
	margin-top: -17px;
}


.away, .ban {
	width: 90%;
	border: solid #d0d3d3;
	border-width: 1px 5px;
	padding: 15px 10px 5px 10px;
	margin: 10px auto;
}

.ban { border: solid #d0d3d3; }

.away i, .ban i {
	font-size: 20px;
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	color: #d0d3d3;
}

.away div, .ban div {
	display: inline-block;
	width: 90%;
	border-top: 1px solid #d0d3d3;
	padding-top: 5px;
}