.profhead{font-family: 'Playfair Display', serif;
background-color:#002755;
color: #c8caca;
text-align:center;
font-size:20pt;
text-transform:uppercase;
padding:5px;
line-height:80px;}

.profsub{font-family: 'Roboto Condensed', sans-serif;
font-size:9pt;
text-align:center;
text-transform:uppercase;
background-color:#3081a6;
padding:5px;
color: #c8caca;}

.profchara{
	font-family: 'Roboto Condensed', sans-serif;
	height: 336px;
	width: 240px;
	display:block;
	overflow:auto;
	font-size:11pt;
	text-align:justify;
	padding:8px;
	}

.profusername{background-color:#3081a6;
font-family: 'Playfair Display', serif;
color: #c8caca;
text-align:center;
width:auto;
display:block;
font-size:13pt;
padding:5px;
text-transform:uppercase;}

.profusername a{color: #c8caca;
font-family: 'Playfair Display', serif;
font-size:13pt;
}


.profusername b{
font-family: 'Playfair Display', serif;
color: #c8caca;
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 #002755;
}



.profimage{border: 3px solid #3081a6;}

.profava{border: 3px solid #3081a6;}

.profside1{height: 751px;}

/* proftabs mit radio-Buttons */
.proftabbed figure { 
   display: block; 
   margin-left: 0; 
   background-color:#c8caca;
   clear: both;
}

.proftabbed > input,
.proftabbed figure > div { display: none; }

.proftabbed figure>div {
  width: 934px;
  height: 700px;
  overflow:  auto;
  border: 1px solid #c8caca;
  background: #c8caca;
  letter-spacing: 0.3px;
  color: #002755;
}

#proftab1:checked ~ figure .proftab1,
#proftab2:checked ~ figure .proftab2,
#proftab3:checked ~ figure .proftab3,
#proftab4:checked ~ figure .proftab4,
#proftab5:checked ~ figure .proftab5,
#proftab6:checked ~ figure .proftab6   { display: block; }

profnav label {
   float: left;
   padding: 10px 10px;
   border-top: 1px solid #c8caca;
   border-right: 1px solid #c8caca;
   background-color:#3081a6;
   color: #c8caca;
   width: 135px;
   text-align:   center;
   text-transform:
   uppercase;
}

profnav label:nth-child(1) {  }
profnav label:hover { background-color:#15467e; }
profnav label:active { background: #15467e; }

#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"]  {
  background-color:#15467e;
  color: #c8caca;
  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 {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  background-color:#3081a6;
  left: 0;
  bottom: -1px;
}


.profname{font-family: 'Playfair Display', serif;
font-size:20pt;
background-color:#3081a6;
color: #c8caca;
text-align:center;
display:block;
padding:5px;}

.profhead2{font-family: 'Playfair Display', serif;
font-size:13pt;
background-color:#e0717d;color: #c8caca;
text-align:center;
display:block;
padding:5px;width: 406px;}

.profhead3{font-family: 'Playfair Display', serif;
font-size:13pt;
background-color: #3081a6;
color: #c8caca;
text-align:center;
display:block;
padding:5px;}

.proftext{font-family: 'Roboto Condensed', sans-serif;
font-size:11pt;
color: #002755;
text-align:center;}


.profrelabox{margin: 1px;
	width: 413px;
	float: left;}

.profrelabox2{width: 403px;
height: 250px;
overflow:auto;
padding:5px;}

.profrelaname{font-family: 'Playfair Display', serif;
font-size:20pt;
background-color:#3081a6;
color: #c8caca;
text-align:center;
display:block;
padding:5px;}

.profrelabox3{width: 393px;}

.profrelahead2{font-family: 'Playfair Display', serif;
font-size:15pt;
border-bottom:1px solid #3081a6;
color: #3081a6;
text-align:center;
display:block;}

.profrelahead2 a{font-family: 'Playfair Display', serif;
}

.profrelaava{width:80px;
height:66px;
border: 1px solid #3081a6;
float:left;
padding:2px;}

.profrelatext{font-family: 'Roboto Condensed', sans-serif;
font-size:10pt;
text-align:justify;
height:60px;
width: 297px;
overflow:auto;
padding:5px;}

.profrelalink{background-color:#3081a6;
font-family: 'Roboto Condensed', sans-serif;
color:#c8caca;
display:block;
text-align:center;
padding: 2px;}

.profrelalink a{font-family: 'Roboto Condensed', sans-serif;
color:#c8caca;
font-size: 7pt;
text-transform:uppercase;}


.profquesttext{font-family: 'Roboto Condensed', sans-serif;
font-size:11pt;text-align: justify;
padding:5px;height: 254px;overflow: auto;}



.profiptrhead{background-color:#3081a6;
font-family: 'Playfair Display', serif;
color: #c8caca;
text-align:center;
width:auto;
display:block;
font-size:20pt;
padding:5px;}

.profiphead2{
	font-family: 'Playfair Display', serif;
	font-size:11pt;
	text-align: center;
	padding:5px;
	background-color: #15467e;
	color: #d0d3d3;
	display:block;}

.profiphead3{font-family: 'Playfair Display', serif;
font-size:13pt;
border-bottom:1px solid #3081a6;
color: #3081a6;
text-align:center;
display:block;}

.profiphead3 a{font-family: 'Playfair Display', serif;
}

.profipsz{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:11pt;
	text-align: justify;
	padding: 5px;
	height: 590px;
	width: 455px;
	overflow: auto;
	background-color: #d0d3d3;}

.profipbox{float:left;
margin:1px;}

/*Stecki*/

.profsteckipic{
	width: 160px;
	height: 400px;
	border:3px solid #1c8fb8;}

.profsteckifactbox{
	width: 749px;
	height: 60px;
	overflow:auto;
	padding:3px;
	}

.profsteckifactbox fact{
	float:left;
	margin:1px 1px 0px 0px;
	background-color: #3081a6;
	color: #d4d7d7;
	font-size:13px;
	font-family: 'Roboto Condensed', sans-serif;
	width: 239px;
	height:15px;
	padding:2px;
	}

.profsteckifactbox fact2{
	float:left;
	margin:1px 1px 0px 0px;
	background-color: #3081a6;
	color: #d4d7d7;
	font-size:13px;
	font-family: 'Roboto Condensed', sans-serif;
	width: 179px;
	height:15px;
	padding:2px;
	}

.profsteckifactbox fact3{
	float:left;
	margin:1px 1px 0px 0px;
	background-color: #3081a6;
	color: #d4d7d7;
	font-size:13px;
	font-family: 'Roboto Condensed', sans-serif;
	width: 734px;
	height: 30px;
	padding:2px;
	}

.profsteckifactbox fact4{
	float:left;
	margin:1px 1px 0px 0px;
	background-color: #3081a6;
	color: #d4d7d7;
	font-size:13px;
	font-family: 'Roboto Condensed', sans-serif;
	width: 364px;
	height: 15px;
	padding:2px;
	}

.profsteckibox1{
	width: 745px;
	height: 206px;
	}

.profsteckibox2{
	float: left;margin: 1px;}



.profsteckichara1{float:left;
margin-left:1px;
margin-bottom:1px;}

.profsteckicharahead{font-family: 'Playfair Display', serif;
font-size:16px;
text-align:center;
color: #3081a6;
border-bottom:1px solid #3081a6;}

.profsteckicharatext{
	width: 361px;
	height: 80px;
	padding:5px;
	overflow:auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12pt;
	color:#002755;
	white-space: pre-line;
	text-align: justify;
	}

.profsteckihead2{font-family: 'Playfair Display', serif;
font-size:16px;
text-align:center;
color: #3081a6;
border-bottom:1px solid #3081a6;}

.profsteckihead3{font-family: 'Playfair Display', serif;
font-size:14px;
text-align:center;
color: #3081a6;
border-bottom:1px solid #3081a6;}

.proffistatbox{width: 435px;
    height: 81px;
    display: block;
}

.proffistatbox point{list-style: none;
    width: 210px;
	height:14px;
    background-color: #427f95;
    border-bottom: 1px solid #023661;
    color: #d6d7d7;
    margin: 1px;
    float: left;
    padding: 2px;
    font-size: 13px;}

.profsteckipasttext{
	width: 445px;
	height: 227px;
	padding:5px;
	overflow:auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12pt;
	color:#002755;
	white-space: pre-line;
	text-align: justify;
	}


.profsig{
	width:450px;
	height: 250px;
	border:3px solid #236193;
	margin:10px;
	}

.profsteckiboxdown{
    width: 1195px;
    height: 270px;
    }

.profsteckiboxdown2{
    width: 1194px;
    height: 144px;
    }

.profsteckiboxdown3{
    width: 663px;
    height: 255px;
    float: left;
    margin: 5px;
    }

.profsteckiboxdown4{
	width: 500px;
	height:250px;
	float:left;
	margin: 5px;
	border:3px solid #1c8fb8;
	}

.profsteckibox2 .plstatus{
    font-family: 'Playfair Display', serif;
    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: 'Playfair Display', serif;
	font-size:13pt;
    color: #1c8fb8;}

.profsteckibox2 small{font-size: 7pt;
text-align: right;}


.profsteckibox4{    width: 1177px;
    height: auto;
	margin: 5px;}

.profsteckibox4 .plstatus {
    font-family: 'Playfair Display', serif;
    text-align: center;
    background-color: #1c8fb8;
    font-size: 15px;
    text-transform: uppercase;
    color: #d0d3d3;
    padding: 3px;
    width: 580px;
    height: 56px;
    margin: 1px;
    float: left;
}


.profsteckibox4 .plstatus a{
    font-family: 'Playfair Display', serif;
    font-size: 15px;
    color: #d0d3d3;
}

/*awards-profil*/

.plusertitel{
font-family: 'Playfair Display', serif;
text-align:center;
font-size:16px;
height:19px;
 background-color: #1c8fb8;
color: #d0d3d3;
padding: 3px;}

.profawardbox{
	width: 663px;
	height: 255px;
}

.profawards{height: 231px;overflow: auto;}


.award {
	position: relative;
	display: inline-block;
	margin: 2px 10px;
}

.award .info {
	position: absolute;
	background: #03526e9e;
	color: #d0d3d3;
	opacity: 0.9;
	bottom: 0px;
	left: -6px;
	width: 100px;
	height: 100px;
	padding: 2px 5px;
	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;
}

