#user-ranking-box {
  height:auto;
  min-height:154px;
  margin:0 0 20px auto;
}
#user-ranking-box .box-content { padding:5px; }
#user-ranking-box .hitem-1 {
  background-color:#F89307;
  padding:4px 0 0 0;
  text-align:center;
  width:108px;
}
#user-ranking-box .hitem-2 {
  background-color:#D51101;
  color:#fff;
  font-size:12px;
  width:126px;
}
#user-ranking-box .hitem-3 {
  background-color:#B2FD00;
  color:#314965;
  width:75px;
}
#user-ranking-box .hitem-4 {
  background-color:#BC157E;
  color:#fff;
  width:29px;
}
#user-ranking-box .hitem-3, #user-ranking-box .hitem-4 {
  font-size:10px;
  font-weight:bold;
}
#user-ranking-box .box-header {
  display:flex;
  overflow:hidden;
}
#user-ranking-box .box-header > div:not(:last-child) { border-right:1px solid #314965; }
#user-ranking-box #ranking, #user-ranking-box #username, #user-ranking-box #status, #user-ranking-box #fsk18 {
  border-bottom:1px solid #314965;
  flex-grow:1;
  float:left;
  height:30px;
}
#user-ranking-box #username { font-weight:bold; }
#user-ranking-box .v-wrap {
  display:table;
  height:100%;
  text-align:center;
}
#user-ranking-box .v-wrap span {
  display:table-cell;
  padding:0 5px;
  vertical-align:middle;
}
#user-ranking-box .star { margin:0 19px 0 0; }
#user-ranking-box .ranking-yellow {
  background:url(/img/blulife/icon-profil-stern-gelb.png) no-repeat;
  height:18px;
  position:absolute;
  width:19px;
}
#user-ranking-box .ranking-orange {
  background:url(/img/blulife/icon-profil-stern-gelb.png) no-repeat;
  height:18px;
  position:absolute;
  width:19px;
}
#user-ranking-box .ranking-blue {
  background:url(/img/blulife/icon-profil-stern-gelb.png) no-repeat;
  height:18px;
  position:absolute;
  width:19px;
}
#user-ranking-box .ranking-white {
  background:url(/img/blulife/icon-profil-stern-weiss.png);
  height:18px;
  position:absolute;
  width:19px;
}
#user-ranking-box .activity-row {
  display:flex;
  font-size:11px;
  font-weight:bold;
  margin-top:1px;
  padding:0 0 2px 4px;
}
#user-ranking-box .activity-row span {
  display:block;
  float:left;
}
#user-ranking-box .activity-label {
  flex-grow:1;
  width:89px;
}
#user-ranking-box .activity-text {
  flex-grow:1;
  width:134px;
}
#user-ranking-box .activity-box {
  float:left;
  width:auto;
}
#user-ranking-box .avatar {
  float:right;
  width:auto;
}
#user-ranking-box .avatar img {
  max-height:80px;
  max-width:80px;
}
#user-ranking-box .box-header:after, #user-ranking-box .activity-row:after {
  clear:both;
  content:"";
  display:table;
}
#user-ranking-box .activity { position:relative; }
#user-ranking-box .activity-scale {
  background:url(/img/blulife/icon-aktivitaet-weiss.jpg) repeat-x;
  border-right:1px solid #314965;
  height:14px;
  width:131px;
}
#user-ranking-box .activity-i {
  background:url(/img/blulife/icon-aktivitaet-gruen.jpg) repeat-x;
  height:14px;
  position:absolute;
  top:0;
  width:79px;
}