@charset "UTF-8";

  /*******************************
  * KHS BREMEN                   *
  *******************************/

/*  +++++++++++++++
  +++ FLYOUTS +++
  +++++++++++++++ */

/* flyout 2: hospitals */
.cL247 {left:298px;top:267px;} /* AMEOS Klinikum Dr. Heines */
.cL248 {left:184px;top:227px;} /* DIAKO Ev. Diakonie Krankenhaus */
.cL249 {left:326px;top:118px;} /* DRK Klinik Am Bürgerpark Bremerhaven */
.cL250 {left:218px;top:276px;} /* Klinikum Bremen-Mitte */
.cL251 {left: 93px;top:177px;} /* Klinikum Bremen-Nord */
.cL252 {left:293px;top:285px;} /* Klinikum Bremen-Ost */
.cL253 {left:345px;top:118px;} /* Klinikum Bremerhaven Reinkenheide */
.cL254 {left:226px;top:321px;} /* Klinikum Links der Weser */
.cL255 {left:225px;top:256px;} /* Krankenhaus St. Joseph-Stift */
.cL256 {left:267px;top:276px;} /* Paracelsus-Klinik Bremen */
.cL257 {left:220px;top:295px;} /* Roland Klinik */
.cL258 {left:202px;top:283px;} /* Rotes Kreuz Krankenhaus Bremen */
.cL259 {left:315px;top: 98px;} /* DRK Klinik St.-Joseph-Hospital */
.cL260 {left:336px;top:118px;} /* Tagesklinik Virchowstraße Bremerhaven */



/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  +++ BREMEN : KARTE VERSORGUNG VON SCHWERVERLETZTEN +++
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#schwerverletzt .map {
  position:relative;
  max-width:627px;
  margin-bottom:20px;
}
#schwerverletzt .map .circleLink {
  position:absolute;
  padding:0;
  margin:0;
  width:12px;
  height:12px;
   border:1px solid white;
  border-radius:8px;
  text-decoration:none;
   -moz-box-shadow:0 0 6px #4c739c;
  -webkit-box-shadow:0 0 6px #4c739c;
  box-shadow:0 0 5px #4c739c;
  background:#f28181; /* Old browsers */
  background:-moz-linear-gradient(top,  #f28181 0%, #e50303 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f28181), color-stop(100%,#e50303)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top,  #f28181 0%,#e50303 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top,  #f28181 0%,#e50303 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top,  #f28181 0%,#e50303 100%); /* IE10+ */
  background:linear-gradient(to bottom,  #f28181 0%,#e50303 100%); /* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28181', endColorstr='#e50303',GradientType=0 ); /* IE6-9 */
}
#schwerverletzt .map .circleLink.cc1 { /* grün */
  background:#c1f281; /* Old browsers */
  background:-moz-linear-gradient(top, #c1f281 0%, #a8e503 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1f281), color-stop(100%,#a8e503)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top, #c1f281 0%,#a8e503 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top, #c1f281 0%,#a8e503 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top, #c1f281 0%,#a8e503 100%); /* IE10+ */
  background:linear-gradient(to bottom, #c1f281 0%,#a8e503 100%); /* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1f281', endColorstr='#a8e503',GradientType=0 ); /* IE6-9 */
}
#schwerverletzt .map .circleLink.cc2 { /* blau */
  background:#81a6f2; /* Old browsers */
  background:-moz-linear-gradient(top, #81a6f2 0%, #0368e5 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#81a6f2), color-stop(100%,#0368e5)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top, #81a6f2 0%,#0368e5 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top, #81a6f2 0%,#0368e5 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top, #81a6f2 0%,#0368e5 100%); /* IE10+ */
  background:linear-gradient(to bottom, #81a6f2 0%,#0368e5 100%); /* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#81a6f2', endColorstr='#0368e5',GradientType=0 ); /* IE6-9 */
}
#schwerverletzt .map .circleLink.cc3 { /* yellow */
  background:#FFE31D; /* Old browsers */
  background:-moz-linear-gradient(top, #FFE31D 0%, #FFD51D 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE31D), color-stop(100%,#FFD51D)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top, #FFE31D 0%,#FFD51D 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top, #FFE31D 0%,#FFD51D 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top, #FFE31D 0%,#FFD51D 100%); /* IE10+ */
  background:linear-gradient(to bottom, #FFE31D 0%,#FFD51D 100%); /* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE31D', endColorstr='#FFD51D',GradientType=0 ); /* IE6-9 */
}
#schwerverletzt .map .circleLink:hover {
  text-decoration:none;
  background:#f1f1f1; /* Old browsers */
  background:-moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* IE10+ */
  background:linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 100%); /* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/* Legende */
#schwerverletzt .cL-L1 {left:3%;top:5.5%;}
#schwerverletzt .cLT-1 {position:absolute;left:7%;top:5%;}
#schwerverletzt .cL-L2 {left:3%;top:10.5%;}
#schwerverletzt .cLT-2 {position:absolute;left:7%;top:10%;}
#schwerverletzt .cL-L3 {left:3%;top:15.5%;}
#schwerverletzt .cLT-3 {position:absolute;left:7%;top:15%;}
/* Bremen */
.cL-VS1  {left:79%; top:77%;} /* Agaplesion Diakonieklinikum Rotenburg (Wümme)" */
.cL-VS2  {left:59%; top:43%;} /* AMEOS Klinikum Mitte Bremerhaven */
.cL-VS3  {left:45%; top:63%;} /* DIAKO Ev. Diakonie-Krankenhaus */
.cL-VS4  {left:58%; top:18%;} /* Helios Klinik Cuxhaven */
.cL-VS5  {left:52%; top:75%;} /* Klinikum Bremen-Mitte */
.cL-VS6  {left:29%; top:55.5%;} /* Klinikum Bremen-Nord */
.cL-VS7  {left:66%; top:80%;} /* Klinikum Bremen-Ost */
.cL-VS8  {left:65%; top:48%;} /* Klinikum Bremerhaven-Reinkenheide */
.cL-VS9  {left:53%; top:86%;} /* Klinikum Links der Weser */
.cL-VS10 {left:6%; top:91%;} /* Krankenhaus Johanneum Wildeshausen */
.cL-VS11 {left:49%; top:78%;} /* Rotes Kreuz Krankenhaus */
.cL-VS12  {left:53.2%; top:70%;} /* Krankenhaus St. Joseph-Stift */

/*Psychiatrie*/
#psychiatrie .map {
  position:relative;
  max-width:627px;
  margin-bottom:20px;
}

#psychiatrie .map {
  margin-bottom: 0;
}

#psychiatrie #career,
#psychiatrie .map-footer {
  max-width: 627px;
}

#psychiatrie #career,
#psychiatrie .subline {
  margin: 10px 0;
}

#career.well p {
  margin: 0;
}

#psychiatrie .map .map_legend {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 100%;
}

#psychiatrie .map .pos {
  position: absolute;
  text-decoration: none;
}

#psychiatrie .map .pos_499_1 {
  left: 36%;
  top: 49%;
}

#psychiatrie .map .pos_500_2 {
  left: 70%;
  top: 76%;
}

#psychiatrie .map .pos_501_3 {
  left: 58%;
  top: 71%;
}

#psychiatrie .map .pos_502_4 {
  left: 54%;
  top: 77%;
}

#psychiatrie .map .pos_503_5 {
  left: 53%;
  top: 62%;
}

#psychiatrie .map .pos_504_6 {
  left: 32%;
  top: 48%;
}

#psychiatrie .map .pos_505_7 {
  left: 71%;
  top: 70%;
}

#psychiatrie .map .pos_506_8 {
  left: 52%;
  top: 67%;
}

#psychiatrie .map .pos_507_9 {
  left: 70%;
  top: 39%;
}

#psychiatrie .map .pos_508_10 {
  left: 67%;
  top: 39%;
}

#psychiatrie .map .pos_509_11 {
  left: 55%;
  top: 71%;
}

#psychiatrie .map .pos_510_12 {
  left: 65%;
  top: 31%;
}

#psychiatrie .map .pos_511_13 {
  left: 63%;
  top: 34%;
}


#psychiatrie .map .map_legend ul {
  list-style: none;
  padding: 5px;
  margin: 0;
  width: 50%;
  background: #fff;
}

#psychiatrie .map ul .yellow {
  color: #f7e908;
}

#psychiatrie .map ul .red {
  margin-top: 8px;
  color: #f7082a;
}

#psychiatrie .map ul .blue {
  color: #087ef7;
}

#psychiatrie .map .rect.red:before,
#psychiatrie .map .circle.red:before {
  background-color: #f7082a;
}

#psychiatrie .map .circle.red_yellow:before,
#psychiatrie .map .rect.red_yellow:before {
  background-image: linear-gradient(90deg, #f7082a 0, #f7082a 50%, #f7e908 50%, #f7e908 100%);
}

#psychiatrie .map .circle.red_yellow_blue:before,
#psychiatrie .map .rect.red_yellow_blue:before {
  background-image: linear-gradient(90deg, #f7082a 0, #f7082a 33%, #f7e908 33%, #f7e908 66%, #087ef7 66%, #087ef7 100%);
}

#psychiatrie .map .triangle.red:before {
  background-image: linear-gradient(90deg, #f7082a 0, #f7082a 100%);
}

#psychiatrie .map .triangle.red_yellow:before {
  background-image: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 50%, rgba(255,252,0,1) 50%, rgba(252,253,0,1) 100%);
}

#psychiatrie .map .triangle.red_yellow_blue:before {
  background-image: linear-gradient(90deg, #f7082a 0, #f7082a 33%, #f7e908 33%, #f7e908 66%, #087ef7 66%, #087ef7 100%);
}

#psychiatrie .map .hexagon.red:before {
  background-image: linear-gradient(90deg, #f7082a 0, #f7082a 100%);
}

#psychiatrie .map .hexagon.red_yellow:before {
  background-image: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 50%, rgba(255,252,0,1) 50%, rgba(252,253,0,1) 100%);
}

#psychiatrie .map .hexagon.red_yellow_blue:before {
  background-image: linear-gradient(90deg, #f7082a 0, #f7082a 33%, #f7e908 33%, #f7e908 66%, #087ef7 66%, #087ef7 100%);
}

.psy_bereiche div:before {
  display: inline-block;
}

.psy_bereiche span {
  margin-left: 8px;
}

.psy_bereiche li {
  display: flex;
  font-size: 0.75em;
}

/*Circle*/
#psychiatrie .map .circle::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #000;
  display: inline-block;
  background-color: #000;
}

/*rect*/
#psychiatrie .map .rect:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 0%;
  border: 1px solid #000;
  display: inline-block;
  background-color: #000;
}

/*triangle*/
#psychiatrie .map .triangle:before {
  content:'';
  position: absolute;
  z-index: 2;
  background-image: linear-gradient(90deg, #000 0%, #000 100%);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  width: 15px;
  height: 15px;
  display: inline-block;
}

#psychiatrie .map .triangle:after {
  content: '';
  position: absolute;
  z-index: 1;
  background-image: linear-gradient(90deg, #000 0%, #000 100%);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  width: 18px;
  height: 18px;
  display: inline-block;
  left: -2px;
  top: -2px;
}

/*hexagon*/
#psychiatrie .map .hexagon:before {
  content:'';
  position: absolute;
  z-index: 2;
  background-image: linear-gradient(90deg, #000 0%, #000 100%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  width: 15px;
  height: 15px;
  display: inline-block;
}

#psychiatrie .map .hexagon:after {
  content: '';
  position: absolute;
  z-index: 1;
  background-image: linear-gradient(90deg, #000 0%, #000 100%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  width: 17px;
  height: 17px;
  display: inline-block;
  left: -1px;
  top: -1px;
}

/*Legende*/
.psy_bereiche .psy_circle:before {
  content: '';
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background-color: #000;
}

.psy_bereiche .psy_rect:before {
  content: '';
  position: relative;
  width: 15px;
  height: 15px;
  border: none;
  border-radius: 0%;
  display: inline-block;
  background-color: #000;
}

.psy_bereiche .psy_triangle:before {
  content:'';
  background-image: linear-gradient(90deg, #000 0%, #000 100%);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  width: 15px;
  height: 15px;
  border: none;
}

.psy_bereiche .psy_hexagon:before {
  content:'';
  background-image: linear-gradient(90deg, #000 0%, #000 100%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  width: 15px;
  height: 15px;
  border: none;
}

/* Onkologie */
#onkologie .map {
  position:relative;
  max-width:627px;
  margin-bottom:20px;
}

#onkologie .map {
  margin-bottom: 0;
}

#onkologie .map-footer {
  max-width: 627px;
}

#onkologie .subline {
  margin: 10px 0;
}

#onkologie .map .circleLink {
  position:absolute;
  padding:0;
  margin:0;
  width:12px;
  height:12px;
   border:1px solid white;
  border-radius:8px;
  text-decoration:none;
   -moz-box-shadow:0 0 6px #4c739c;
  -webkit-box-shadow:0 0 6px #4c739c;
  box-shadow:0 0 5px #4c739c;
  background:#f28181; /* Old browsers */
  background:-moz-linear-gradient(top,  #f28181 0%, #e50303 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f28181), color-stop(100%,#e50303)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top,  #f28181 0%,#e50303 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top,  #f28181 0%,#e50303 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top,  #f28181 0%,#e50303 100%); /* IE10+ */
  background:linear-gradient(to bottom,  #f28181 0%,#e50303 100%); /* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28181', endColorstr='#e50303',GradientType=0 ); /* IE6-9 */
}

#onkologie .map .circleLink.cc1 { /* rot */
  background:#f28181; /* Old browsers */
  background:-moz-linear-gradient(top,  #f28181 0%, #e50303 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f28181), color-stop(100%,#e50303)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top,  #f28181 0%,#e50303 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top,  #f28181 0%,#e50303 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top,  #f28181 0%,#e50303 100%); /* IE10+ */
  background:linear-gradient(to bottom,  #f28181 0%,#e50303 100%); /* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28181', endColorstr='#e50303',GradientType=0 ); /* IE6-9 */
}
#onkologie .map .circleLink:hover {
  text-decoration:none;
  background:#e8e8e8; /* Old browsers */
  background:-moz-linear-gradient(top,  #e8e8e8 0%, #dddddd 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top,  #e8e8e8 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top,  #e8e8e8 0%,#dddddd 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top,  #e8e8e8 0%,#dddddd 100%); /* IE10+ */
  background:linear-gradient(to bottom,  #e8e8e8 0%,#dddddd 100%); /* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

#onkologie #selectIcd {
  width: 100%;
}

.map_warning {
  position:absolute;
  right:5px;
  top:5px;
  width:265px;
  padding:10px;
  background:white;
}
.map_warning p {
  color:black;
  margin:0;
}
.map_warning p span {
  color:black;
  font-weight:bold;
  text-transform:uppercase;
}