@font-face{font-family:rsr;src:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/patientSatisfactionCompass/roboto-slab-regular.ttf");}
@font-face{font-family:rsl;src:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/patientSatisfactionCompass/roboto-slab-light.ttf");}
@font-face{font-family:rsb;src:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/patientSatisfactionCompass/roboto-slab-bold.ttf");}

.zufriedenheitskompass #inhalte{
   padding: 0 0 0 20px;
}
.zufriedenheitskompass #inhalte #spalte_2 {
  width: 100%;
}

div#patientSatisfactionCompass {
  margin: 20px 0 0 0;
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/pattern-bg.png");
  background-repeat:repeat;
  width:963px;
  position: relative;
  font-family:arial,verdana,sans-serif;
}

div#patientSatisfactionCompass div#patientSatisfactionCompass-title {
  background-color:#0072BB;
  color:#FFF;
  font-family:Georgia;
  padding:8px 15px;
  font-weight:bold;
}

div#patientSatisfactionCompass div#patientSatisfactionCompass-header {
  font-family:Georgia;
  padding:25px 28px;
  margin-bottom:20px;
  max-width:390px;
  font-size:15px;color:#4c474b;
}

div#patientSatisfactionCompass div#patientSatisfactionCompass-badge {
  position:absolute;
  right:0;
  top:0;
  width:265px;
  height:108px;
  z-index:2;
}

div#patientSatisfactionCompass div#patientSatisfactionCompass-badge div#patientSatisfactionCompass-badge-content {
  width:90px;
  height:72px;
  top:-2px;
  position:relative;
  left:0;
  float:left;
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/badge.png");
  background-size:100% 100%;
  background-repeat:no-repeat;
  font-family:rsb;
  color:#FFF;
  font-size:34px;
  text-align:center;
  padding:38px 0 0 0;
}

div#patientSatisfactionCompass div#patientSatisfactionCompass-badge div#patientSatisfactionCompass-badge-text {
  color:#EE7530;
  font-family:rsb;
  line-height:1.2;
  font-size:13px;
  padding:45px 0 0 10px;
  float:left;
  width:135px;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram {
  border-collapse:collapse;
  font-size:12px;
  color:#484848;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr.patientSatisfactionCompass-border {
  border-bottom:1px solid #C6C4C5;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td {
  position:relative;
  width:81px;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram .patientSatisfactionCompass-grayed {
  background-color:rgba(150,150,150,0.4);
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td.patientSatisfactionCompass-grade {
  padding:10px 5px 10px 15px;
  height:20px;
  width:75px;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td#patientSatisfactionCompass-average {
  font-weight:bold;
  font-size:15px;
  padding:8px 0 8px 15px;
  height:18px;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td div.patientSatisfactionCompass-shape {
  background-color:rgba(180,180,180,0.5);
  bottom:35px;
  height:246px;
  left:48%;
  margin:0 -14px;
  overflow:hidden;
  position:absolute;
  width:28px;
  z-index:0;
  border-radius:8px 8px 0 0;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td div.patientSatisfactionCompass-shape div.patientSatisfactionCompass-bar {
  width:100%;
  background-color:#0195DB;
  height:0;
  bottom:0;
  position:absolute;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td div.patientSatisfactionCompass-shape div.patientSatisfactionCompass-bar div.patientSatisfactionCompass-bar-shadow {
  height:100%;
  width:100%;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td div.patientSatisfactionCompass-layer {
  height:33px;
  left:0;
  position:absolute;
  top:0;
  width:81px;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td div.patientSatisfactionCompass-layer div.patientSatisfactionCompass-score {
  background-color:#0195DB;
  border-radius:30px;
  color:#FFF;
  font-family:rsb;
  font-size:25px;
  height:26px;
  margin:-11px auto;
  padding:20px 5px 14px;
  position:relative;
  text-align:center;
  width:50px;
  z-index:1;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc {
  position:relative;
  height:200px;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td div.patientSatisfactionCompass-desc {
  font-size:11px;
  font-weight:bold;
  height:65px;left:0;
  padding-top:98px;
  position:absolute;
  text-align:center;
  top:-1px;
  width:81px;
  z-index:0;
  font-family:rsl;
  background-repeat:no-repeat;
  background-position:50% 30px;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td div.patientSatisfactionCompass-desc#patientSatisfactionCompass-desc-0 {
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/versorgung.png");
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td div.patientSatisfactionCompass-desc#patientSatisfactionCompass-desc-1 {
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/betreuung.png");
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td div.patientSatisfactionCompass-desc#patientSatisfactionCompass-desc-2 {
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/hygiene.png");
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td div.patientSatisfactionCompass-desc#patientSatisfactionCompass-desc-3 {
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/sauberkeit.png");
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td div.patientSatisfactionCompass-desc#patientSatisfactionCompass-desc-4 {
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/service.png");
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td div.patientSatisfactionCompass-desc#patientSatisfactionCompass-desc-5 {
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/information.png");
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td div.patientSatisfactionCompass-desc#patientSatisfactionCompass-desc-6 {
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/aufnahme.png");
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td div.patientSatisfactionCompass-desc#patientSatisfactionCompass-desc-7 {
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/station.png");
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td div.patientSatisfactionCompass-desc#patientSatisfactionCompass-desc-8 {
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/entlassung.png");
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td.patientSatisfactionCompass-last {
  width:119px;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td.patientSatisfactionCompass-last div.patientSatisfactionCompass-shape div.patientSatisfactionCompass-bar {
  background-color:#0072BB;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td.patientSatisfactionCompass-last div.patientSatisfactionCompass-layer {
  width:120px;
  margin:0 -3px 0 -2px;
  padding-right:3px;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr td.patientSatisfactionCompass-last div.patientSatisfactionCompass-layer div.patientSatisfactionCompass-score {
  background-color:transparent;
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/endnote.png");
  background-repeat:no-repeat;
  background-size:100% 100%;
  border-radius:45px;
  font-size:36px;
  height:30px;
  margin:-25px auto;
  width:62px;
  padding:32px 11px 22px;
}

div#patientSatisfactionCompass table#patientSatisfactionCompass-diagram tr#patientSatisfactionCompass-desc td.patientSatisfactionCompass-last div.patientSatisfactionCompass-desc {
  background-color:transparent;
  font-size:14px;color:#0072BB;
  background-image:url("/fileadmin/templates/kb/main/qualitaetskompass-statisch/images/zufriedenheit.png");
  background-position:50% 40px;
  padding-top:108px;
  width:118px;
  margin-right:-3px;
  padding-right:3px;
  font-family:rsr;
}
div#patientSatisfactionCompass.patientSatisfactionCompass-modern table#patientSatisfactionCompass-diagram tr td div.patientSatisfactionCompass-shape {
  box-shadow:inset 0 0 6px #AAA;
}

div#patientSatisfactionCompass.patientSatisfactionCompass-modern table#patientSatisfactionCompass-diagram tr td div.patientSatisfactionCompass-shape div.patientSatisfactionCompass-bar {
  box-shadow:inset 0 -3px 7px #666;
}

div#patientSatisfactionCompass.patientSatisfactionCompass-modern table#patientSatisfactionCompass-diagram tr td div.patientSatisfactionCompass-shape div.patientSatisfactionCompass-bar div.patientSatisfactionCompass-bar-shadow {
  box-shadow:0 0 5px #888;
}

div#patientSatisfactionCompass.patientSatisfactionCompass-modern table#patientSatisfactionCompass-diagram tr td div.patientSatisfactionCompass-layer div.patientSatisfactionCompass-score {
  box-shadow:inset 0 -10px 6px rgba(0,0,0,.2);
}

div#patientSatisfactionCompass.patientSatisfactionCompass-modern table#patientSatisfactionCompass-diagram tr td.patientSatisfactionCompass-last div.patientSatisfactionCompass-layer div.patientSatisfactionCompass-score {
  box-shadow:none;
}

.legend {
  border-collapse: collapse;
  color: #4c474b;
  font-family: Georgia;
  font-size: 12px;
  margin-bottom: 20px;
  max-width: 390px;
  padding: 0px 28px 25px 28px;
}