@charset "UTF-8";

  /*******************************
  * WASABI TPLS                  *
  *******************************/



/*  +++++++++++++++++++++++
  +++ PAGE: ALL PAGES +++
  +++++++++++++++++++++++ */
body {
  margin:0;
  padding:0;
  background:#f1f1f1;
}
.nodecoration {
  text-decoration:none !important;
}

/*content*/
#container {
  background:#cccccc;
}
#container .container {
  position:relative;
  background:white;
}
#head {
  position:relative;
  height:100px;
  background:#5870a6; /* Old browsers */
  background:-moz-linear-gradient(top, #5870a6 0%, #3f648a 100%); /* FF3.6-15 */
  background:-webkit-linear-gradient(top, #5870a6 0%,#3f648a 100%); /* Chrome10-25,Safari5.1-6 */
  background:linear-gradient(to bottom, #5870a6 0%,#3f648a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5870a6', endColorstr='#3f648a',GradientType=0 ); /* IE6-9 */
}
#logo {
  display:block;
  width:272px;
  height:101px;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
.layout3 header {
  display: none;
}
#socialBookmarking {
  display:inline-block;
}
#socialBookmarking a {
  margin-right:5px;
  padding:0;
  background-repeat:no-repeat;
  background-position:left top;
  text-decoration:none;
}
#socialBookmarking a#yahoo {background:#744199 url(/fileadmin/tpls/res/social_yahoo.png);}
#socialBookmarking a#stumbleupon {background:#7bba41 url(/fileadmin/tpls/res/social_stumbleupon.png);}
#socialBookmarking a#delicous {background:#0d0e0f url(/fileadmin/tpls/res/social_delicous.png);}
#socialBookmarking a#misterwong {background:#ad3832 url(/fileadmin/tpls/res/social_misterwong.png);}
#socialBookmarking a:hover {opacity:0.7;}

#content {
  padding:30px 0;
  font:normal normal 14px/18px Arial, sans-serif;
  color:#333333;
}
/*
#footer {
  position:relative;
  overflow:hidden;
  margin:30px 0 0 0;
  padding:10px 20px;
  background:#f1f1f1;
  font:normal normal 11px/14px Arial, sans-serif;
  color:#686868;
}
#footer a:link, #footer a:visited {
  text-decoration:none;
  color:#686868;
}
#footer a:hover, #footer a:focus, #footer a:active {
  text-decoration:none;
  color:#4c739c;
}
*/
footer {
  padding-top:20px;
  padding-bottom:20px;
  background:#f1f1f1;
  color:#686868;
  font-size:14px;
}
footer a:link, footer a:visited {
  display:inline-block;
  padding:3px 15px;
  text-decoration:none;
}
.footer-bigger {
  font-size:15px;
}
.footer-mobile {
  text-align:center;
  font-size:16px;
}
.footer-mobile > .row {
  padding:10px;
}
.footer-mobile #socialBookmarking a {
    padding: 0 10px;
}
#action_bar {
  margin:30px 0 0 0;
  text-align:right;
}
#action_bar:before {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#meta_links {
  height:16px;
  position:absolute;
  top:10px;
  right:20px;
}
a.contact {
  display:block;
  padding:1px 0 0 25px;
  background:url(/fileadmin/tpls/res/metalink_mail_lo.gif) no-repeat;
}
a.privacy {
  padding:1px 20px 1px 25px;
  background:url(/fileadmin/tpls/res/metalink_information_lo.gif) no-repeat;
}
a.imprint {
  padding:1px 0 1px 25px;
  background:url(/fileadmin/tpls/res/metalink_section_lo.gif) no-repeat;
}
a.top {
  display:inline-block;
  width:16px;
  height:16px;
  background:url(/fileadmin/tpls/res/actionlink_top_lo.gif) no-repeat;
}
a.folder {
  display:inline-block;
  width:16px;
  height:16px;
  background:url(/fileadmin/tpls/res/actionlink_add2folder_lo.gif) no-repeat;
}
a.printer {
  display:inline-block;
  width:16px;
  height:16px;
  background:url(/fileadmin/tpls/res/actionlink_printer.gif) no-repeat;
}
a.wiki {
  width:25px;
  height:25px;
  padding:4px 20px 10px 30px;
  background:url(/fileadmin/tpls/res/icon_wikipedia.png) no-repeat;
}
.download {
  padding:20px;
  margin:0 0 20px 0;
  border:1px solid #e0e0e0;
}
.download a {
  display:block;
  padding-top:10px;
  text-align:right;
  background-image: url(/fileadmin/tpls/res/nav_icos.gif);
  background-repeat: no-repeat;
  background-position:right 108px top 6px;
}
.mood-pic {
  margin-bottom:5px;
}

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

#quick_menu {
  position:absolute;
  top:70px;
  right:15px;
  font:normal normal 12px/16px Arial, sans-serif;
  color:white;
  -webkit-box-shadow:0 8px 6px -6px rgba(0,0,0,0.2);
  -moz-box-shadow:0 8px 6px -6px rgba(0,0,0,0.2);
  box-shadow:0 8px 6px -6px rgba(0,0,0,0.2);
  margin:0;
  padding:0;
}
#quick_menu ul.flyoutButtons {
  /*width:454px;*/
  z-index:598;
  position:relative;
  margin:0;
  padding:0;
  font:bold 11px/14px Arial, sans-serif;
  color:#333333;
  list-style:none outside;
  white-space:nowrap;
}
#quick_menu ul.flyoutButtons li.quickNav {
  display:block;
  position:relative;
  float:left;
  text-align:center;
}
#quick_menu ul.flyoutButtons li.quickNav:hover {
  z-index:599;
  position:relative;
  cursor:default;
}
#quick_menu ul.flyoutButtons li.quickNav.button1 {
  background:#4c739c;
   border:1px solid white;
  width:133px;
}
#quick_menu ul.flyoutButtons li.quickNav.button2 {
  background:#6788ab;
  border-top:1px solid white;
   border-bottom:1px solid white;
  width:142px;
}
#quick_menu ul.flyoutButtons li.quickNav.button3 {
  background:#829dba;
  border:1px solid white;
  width:176px;
}
#quick_menu ul.flyoutButtons a:link, #quick_menu ul.flyoutButtons a:visited {
  display:block;
  padding:8px;
  font:bold normal 12px/16px Arial, sans-serif;
  color:white;
  text-decoration:none;
  border:1px solid transparent;
}
#quick_menu ul.flyoutButtons a:hover, #quick_menu ul.flyoutButtons a:focus, #quick_menu ul.flyoutButtons a:active {
  border:1px solid #4c739c;
   background:#dbe1e6;
  color:#4c739c;
}
#quick_menu ul.flyoutButtons li.quickNav div.flyout {
  z-index:598;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  padding:0;
  background:white;
  text-align:left;
}

/* Flyout charts */
#flyout1 {
  z-index:600;
  position:absolute;
  top:-1px;
  right:-320px;
  width:650px;
  border:1px solid #4c739c;
  background-image:url('/fileadmin/tpls/res/quick_nav_bgr_we.gif');
  background-repeat:repeat-x;
  background-color:#fafafa;
}
#flyout2 {
  z-index:600;
  position:absolute;
  top:-1px;
  right:-177px;
  width:650px;
  border:1px solid #4c739c;
  background-image:url('/fileadmin/tpls/res/quick_nav_bgr_we.gif');
  background-repeat:repeat-x;
  background-color:#fafafa;
}
#flyout3 {
  z-index:600;
  position:absolute;
  top:-1px;
  right:0;
  width:650px;
  border:1px solid #4c739c;
  background-image:url('/fileadmin/tpls/res/quick_nav_bgr_we.gif');
  background-repeat:repeat-x;
  background-color:#fafafa;
}
.flyoutContainer h2 {
  margin:0;
  padding:10px;
  font:bold normal 12px/16px Arial, sans-serif;
   color:#4c739c;
  white-space:normal;
}
.flyoutContainer h3 {
  margin:0;
  padding:10px 10px 3px 10px;
  font:bold normal 12px/16px Arial, sans-serif;
   color:#4c739c;
  white-space:normal;
}
.imageContainer {
  margin:0 0 20px 0;
  width:408px;
   height:427px;
  float:left;
}
.selectContainer {
  margin:0 10px 10px 0;
  width:224px;
   border:1px solid #4c739c;
   float:left;
}
#quick_menu ul.flyoutButtons .selectContainer ul {
  width:214px;
  list-style:none;
  margin:5px;
  padding:0;
}
#quick_menu ul.flyoutButtons .selectContainer ul li {
  position:relative;
}
#quick_menu ul.flyoutButtons .selectContainer ul li.pleaseSelect span {
  display:block;
  padding:4px 8px;
  font:normal 11px/14px Arial, sans-serif;
  color:#4c739c;
  text-decoration:none;
  border:1px solid #999999;
  background-color:white;
  background-image:url('/fileadmin/tpls/res/dblue_arrow_down.png');
  background-position:center right;
  background-repeat:no-repeat;
}
#quick_menu ul.flyoutButtons .selectContainer ul li.pleaseSelect:hover span {
  background-color:#dbe1e6;
  cursor:pointer;
}
#quick_menu ul.flyoutButtons .selectContainer ul.inner {
  z-index:999;
  position:absolute;
  top:23px;
  left:0;
  width:auto;
  white-space:nowrap;
  list-style:none;
  margin:0;
  padding:0;
  background:white;
  border:1px solid #999999;
}
#quick_menu ul.flyoutButtons .selectContainer ul.inner li a {
  display:block;
  padding:4px 8px;
  font:normal 11px/14px Arial, sans-serif;
  color:#4c739c;
  text-decoration:none;
  border-top:1px solid transparent;
  border-bottom:1px solid transparent;
  border-left:none;
  border-right:none;
}
#quick_menu ul.flyoutButtons .selectContainer ul.inner li a:hover,
#quick_menu ul.flyoutButtons .selectContainer ul.inner li a:focus,
#quick_menu ul.flyoutButtons .selectContainer ul.inner li a:active {
  border-color:#4c739c;
   background:#dbe1e6;
}
#quick_menu ul.flyoutButtons .selectContainer ul.inner li.active a {
   background:#dbe1e6;
}
#quick_menu ul.flyoutButtons .selectContainer ul.inner li.seperator {
  margin-top:8px;
  padding:1px 8px;
  font-size:10px;
  color:#aaa;
  background:#fafafa;
}

/* icon links */
.iconLink {
  position:absolute;
  padding:0 !important;
  margin:0 !important;
  width:57px;
  height:40px;
  border:1px solid transparent;
}
.iconLink:hover,
.iconLink.highlighted {
  border:1px solid #e50303 !important;
}
/* circle links */
#quick_menu ul.flyoutButtons #flyout1 .circleLink,
#quick_menu ul.flyoutButtons #flyout2 .circleLink,
#quick_menu ul.flyoutButtons #flyout3 .circleLink {
  position:absolute;
  padding:0;
  margin:0;
  width:9px;
  height:9px;
   border:1px solid white;
  border-radius:6px;
   -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 */
}
#quick_menu ul.flyoutButtons #flyout1 .circleLink:hover,
#quick_menu ul.flyoutButtons #flyout2 .circleLink:hover,
#quick_menu ul.flyoutButtons #flyout3 .circleLink:hover,
#quick_menu ul.flyoutButtons #flyout1 .circleLink.highlighted,
#quick_menu ul.flyoutButtons #flyout2 .circleLink.highlighted,
#quick_menu ul.flyoutButtons #flyout3 .circleLink.highlighted {
  background:#829dba; /* Old browsers */
  background:-moz-linear-gradient(top,  #829dba 0%, #6788ab 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#829dba), color-stop(100%,#6788ab)); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top,  #829dba 0%,#6788ab 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top,  #829dba 0%,#6788ab 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top,  #829dba 0%,#6788ab 100%); /* IE10+ */
  background:linear-gradient(to bottom,  #829dba 0%,#6788ab 100%); /* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#829dba', endColorstr='#6788ab',GradientType=0 ); /* IE6-9 */
}
/* flyout 1 + 3 */
/*
  for icon links:
  left = X
  top  = Y + 36
  + 36 = height headline
*/
.iL286 {left:103px;top:400px;} /* Altersmedizin */
.iL35  {left: 30px;top: 80px;} /* Brustkrebsoperationen */
.iL36  {left:266px;top:138px;} /* Bypassoperationen */
.iL480 {left:323px;top:158px;} /* Defibrillator Einsatz */
.iL37  {left: 30px;top:140px;} /* Gallenblasenoperationen */
.iL38  {left: 30px;top:240px;} /* Geburtshilfe */
.iL39  {left: 30px;top:200px;} /* Gynäkologische Operationen */
.iL40  {left:266px;top:178px;} /* Herzkatheteranwendungen */
.iL276 {left:323px;top:158px;} /* Herzklappenoperationen */
.iL41  {left:323px;top:118px;} /* Einsatz Herzschrittmacher */
.iL517  {left:323px;top:158px;} /* Einsatz Defibrillator*/
.iL42  {left:266px;top:278px;} /* Hüftgelenkersatz */
.iL43  {left: 30px;top:300px;} /* Kniegelenkersatz */
.iL44  {left:323px;top:198px;} /* Lungenentzündung */
.iL459 {left: 87px;top:260px;} /* Neonatologie */
.iL45  {left:323px;top:258px;} /* Oberschenkelhalsbruch */
.iL287 {left:176px;top:400px;} /* Psychiatrische Behandlungen */
.iL46  {left:323px;top: 60px;} /* Rekonstruktion der Halsschlagader */
.iL318 {left:266px;top: 80px;} /* Schlaganfallversorgung */
.iL345 {left:323px;top:298px;} /* Verbesserte Beindurchblutung */
.iL48  {left: 30px;top:400px;} /* Vermeidung von Druckgeschwüren */
.iL306 {left:248px;top:400px;} /* Versorgung vom Schwerverletzten */
/*
  for circle links:
  left = X - 6
  top  = Y + 36 - 6
  + 36 = height headline
  - 6  = center of the circle
*/
.cL1   {left:193px;top:136px;} /* Bypassoperationen, Herzkatheteranwendungen, Einsatz Herzschrittmacher, Lungenentzündung */
.cL2   {left:183px;top:182px;} /* Geburtshilfe, Gynäkologische Operationen */
.cL3   {left:206px;top:188px;} /* Hüftgelenkersatz, Oberschenkelhalsbruch, Verbesserte Beindurchblut */

.cL35  {left:170px;top:134px;} /* Brustkrebsoperationen */
.cL36  {left:193px;top:136px;} /* Bypassoperationen */
.cL37  {left:173px;top:163px;} /* Gallenblasenoperationen */
.cL38  {left:183px;top:182px;} /* Geburtshilfe */
.cL39  {left:183px;top:182px;} /* Gynäkologische Operationen */
.cL40  {left:193px;top:136px;} /* Herzkatheteranwendungen */
.cL276 {left:193px;top:136px;} /* Herzklappenoperationen */
.cL41  {left:193px;top:136px;} /* Einsatz Herzschrittmacher */
.cL42  {left:206px;top:188px;} /* Hüftgelenkersatz */
.cL43  {left:165px;top:260px;} /* Kniegelenkersatz */
.cL44  {left:193px;top:136px;} /* Lungenentzündung */
.cL45  {left:206px;top:188px;} /* Oberschenkelhalsbruch */
.cL46  {left:193px;top: 92px;} /* Rekonstruktion der Halsschlagader */
.cL318 {left:182px;top: 64px;} /* Schlaganfallversorgung */
.cL48  {left: 53px;top:438px;} /* Vermeidung von Druckgeschwüren */

/*menu always as mobile dropdown*/
.navbar {
   border-radius:0;
}
.navbar-header {
   float: none;
}
.navbar-left,.navbar-right {
   float: none !important;
}
.navbar-toggle {
   display: block;
}
.navbar-collapse {
   border-top: 1px solid transparent;
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
   top: 0;
   border-width: 0 0 1px;
}
.navbar-collapse.collapse {
   display: none!important;
}
.navbar-nav {
   float: none!important;
   margin-top: 7.5px;
}
.navbar-nav>li {
   float: none;
}
.navbar-nav>li>a {
   padding-top: 10px;
   padding-bottom: 10px;
}
.navbar-brand {
  padding:0;
}
.dropdown-menu > li > a {
  white-space:normal;
}
.collapse.in {
   display:block !important;
}

/*tile-links frontpage*/
#tiles {
   margin-bottom:20px;
}
#tiles a {
   display:block;
   width:100%;
}
#tiles a:last-child {
   margin-right:0;
}
#tiles:after {
   content:".";
   clear:both;
   display:block;
   visibility:hidden;
   height:0px;
}
.tile-frontpage {
  -webkit-touch-callout: none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  display:inline-block;
  width:100%;
  padding:10px;
  border:1px solid #ccc;
  background:#4c739c;
}
.tile-frontpage#tile-portraits {
  background:#6788ab;
}
.tile-frontpage#tile-info {
  background:#829dba;
}
.tile-frontpage:hover {
  cursor:pointer;
  background:#9fb8d2 !important;
}
.tile-frontpage-icon {
  padding:20px 0;
  display:none;
}
.tile-frontpage-icon span {
  display:block;
  width:80px;
  margin:10px auto;
  text-align:center;
  font-size:60px;
  color:white;
}
.tile-frontpage hr {
  display:none;
  width:80%;
  border-color:white;
}
.tile-frontpage h3 {
  color:white;
  font:normal 15px "Arimo", sans-serif;
  margin-bottom:0;
}
.tile-frontpage-icon .glyphicon-signal {
  -moz-transform:scaleX(-1) rotate(-90deg);
  -webkit-transform:scaleX(-1) rotate(-90deg);
  -o-transform:scaleX(-1) rotate(-90deg);
  -ms-transform:scaleX(-1) rotate(-90deg);
  transform:scaleX(-1) rotate(-90deg);
}
.tile-frontpage .glyphicon-play {
  float:left;
  margin-right:10px;
  font-size:11px;
  line-height:15px;
  color:white;
}

/*top button*/
.topButton {
  position:fixed;
  display:none;
  z-index:99;
  left:40px;
  bottom:80px;
  width:40px;
  height:40px;
  padding:10px;
  font-size:18px;
  text-align:center;
  border-radius:50%;
  background-color:#4c739c;
  color:white;
}
.topButton:hover {
  opacity:1;
  cursor:hand;
  cursor:pointer;
}




/*  +++++++++++++++++++++++
  +++ EXPANDER TABLES +++
  +++++++++++++++++++++++ */
#expanderBox {
  margin-bottom: 5px;
}
.panel-group .panel {
  border-radius:0;
}
.panel-group.m-0{
  margin-bottom: 0px;
}
/*.panel-group .panel + .panel {
  margin-top:-1px;
}*/
.panel-group .panel-heading {
  padding:0;
  border-radius:0;
}
.panel-group .panel-heading a {
  position:relative;
  display:block;
  padding:10px 15px 10px 31px;
  text-decoration:none;
  font-weight:bold;
}
.panel-group .panel-heading a span.subline {
  font-weight:normal;
  font-size:11px;
}
.panel-group .panel-heading a:hover {
  text-decoration:none;
}
.panel-group .panel-heading .icon {
  position:absolute;
  top:10px;
  left:12px;
  width:15px;
  height:15px;
  font-size:8px;
}
.panel-group .panel-heading a .icon .glyphicon {
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  -moz-transform:rotate(-180deg);
  -ms-transform:rotate(-180deg);
  -o-transform:rotate(-180deg);
  -webkit-transform:rotate(-180deg);
}
.panel-group .panel-heading a.collapsed .icon .glyphicon {
  -moz-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
}
.panel-group .panel-heading .bold {
  font-weight:bold;
}
/* Hilfe im Notfall */
.panel-group .list-group-item {
  padding-left:35px;
  border-top-left-radius:0;
  border-top-right-radius:0;
  text-decoration:none;
  border-left:none;
  border-right:none;
}
.panel-group .list-group-item.red  {
  background: url(/fileadmin/tpls/res/legend_red.png) no-repeat 8px center;
}
.panel-group .list-group-item.blue {
  background: url(/fileadmin/tpls/res/legend_blue.png) no-repeat 8px center;
}
.panel-group .list-group-item.green {
  background: url(/fileadmin/tpls/res/legend_green.png) no-repeat 8px center;
}
.panel-group .list-group-item.white {
  background: url(/fileadmin/tpls/res/legend_white.png) no-repeat 8px center;
}
.panel-group .list-group-item.gray  {
  background: url(/fileadmin/tpls/res/legend_gray.png) no-repeat 8px center;
}
.panel-group .list-group-item.yellow  {
  background: url(/fileadmin/tpls/res/legend_yellow.png) no-repeat 8px center;
}
.panel-group .list-group-item span.glyphicon {
  color:#999;
}

/* expander for info tables*/
.expander-toggle {
  cursor:pointer;
}
.expander-plusminus {
  position:relative;
  float:left;
  width:18px;
  height:18px;
  margin-right:8px;
}
.expander-plusminus span {
  content:"";
  position:absolute;
  transition:0.3s;
  background:#4c739c;
}
.expander-plusminus span:first-of-type {
  top:5%;
  bottom:5%;
  width:15%;
  left:42%;
}
.expander-plusminus span:last-of-type {
  left:5%;
  right:5%;
  height:15%;
  top:42%;
}
.expander-plusminus.open span:first-of-type {
  top:50%;
  bottom:50%;
}
.expander-inner {
  padding:15px;
  background:#8da1b9;
  color:white;
}

/*Hilfe im Notfall list*/
.area-sublist {
  padding:0;
}
.area-sublist > li {
  list-style:none;
}
.area-sublist .kh-info {
  background:white;
  margin-top:5px;
  padding:15px;
}
.list-legend {
  vertical-align:bottom;
  margin-right:5px;
}
.area-header .header-label {
  font-weight:600;
}

/* Weitere Indikatoren */
#more-indicators {
  margin:30px 0 15px 0;
}
#more-indicators ul {
  padding:5px 0;
  list-style:none;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
#more-indicators ul:after {
  display:table;
  content:" ";
  clear:both;
}
#more-indicators ul > li > a {
  display:block;
  margin:5px 0;
  padding:10px 15px;
  background:#f1f1f1;
  text-decoration:none;
}
#more-indicators ul > li > a:hover {
  background:#6788ab;
  color:white;
}
#more-indicators ul li.cur a {
  color:white;
  background:#556fa3;
}

/* legend for special data */
p.legend {
  position:relative;
  padding-left:28px;
  margin-bottom:10px;
}
p.legend.last {
  margin-bottom:20px;
}
p.legend span {
  position:absolute;
  display:inline-block;
  top:0px;
  left:5px;
  width:13px;
  height:13px;
  margin:0;
  vertical-align:top;
  border:1px solid #ccc;
}

/* mindshape cookie hint */
.cc_banner-wrapper .cc_container {
  padding:30px;
  border:none;
  background:rgba(64,90,109,0.85);
}
.cc_banner-wrapper .cc_container .cc_message {
  margin:0;
  font-size:16px !important;
  line-height:22px;
  color:white;
}
.cc_banner-wrapper .cc_container .cc_btn, .cc_banner-wrapper .cc_container .cc_btn:visited {
  width:50%;
  font-size:14px !important;
  text-transform:uppercase;
  text-decoration:none;
  border-radius:0;
  border-color:white;
  background:white;
  color:#3e5567;
}
.cc_banner-wrapper .cc_container .cc_btn:hover, .cc_banner-wrapper .cc_container .cc_btn:active {
  text-decoration:none;
  background:#3e5567;
  color:white;
}
.cc_banner-wrapper .cc_container a, .cc_banner-wrapper .cc_container a:visited,
.cc_banner-wrapper .cc_container a:hover, .cc_banner-wrapper .cc_container a:active {
  text-decoration:underline;
  color:white;
}

/* powermail */
.powermail_form select,
.powermail_form input[type=text],
.powermail_form input[type=email],
.powermail_form textarea {
  width: 100%;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 6px;
}

.powermail_form textarea.parsley-error,
.powermail_form input.parsley-error {
  border-color: red;
}
.powermail_fieldwrap {
  margin-bottom: 1em;;
}
.powermail_fieldwrap label {
  font-style: italic;
  font-size: 12px;
  font-weight: bold;
  color: #264363;
}
.parsley-required,
.parsley-custom-error-message {
  color: red;
}
#powermail_captchaimage {
  margin-top: 1em;
}
.powermail_submit {
  border: 1px solid #999;
  border-radius: 4px;
  color: #fff;
  padding: 12px;
}
.powermail_fieldwrap_type_check,
.powermail_fieldwrap_type_radio {
  border: 1px solid #999;
  border-radius: 4px;
  padding: 12px;
}

.powermail_fieldwrap_agb {
  border: none;
}

h3.error {
  margin: 1em;
  padding: 1em;
  color:  red;
}

/* career hint */
#career {
  margin-bottom:20px;
  border-radius:0;
  border:1px solid red;
  background: white;
}
#career .btn-primary {
  padding:4px 15px;
  border-radius:0;
  border:1px solid darkred;
  background: red;
  text-decoration: none;
  color:white;
}

/*--------------------------------------------------
[Media Queries]

# 480px - Extra Small Devices, Phones
# 768px - Small Devices, Tablets
# 992px - Medium Devices, Desktops
# 1200px - Large Devices, Wide Screens
# 1600px - Very Large Devices, Wide Screens
--------------------------------------------------*/
/* 480px */
@media only screen and (min-width:480px) {
   #tiles a {display:block;width:32%;margin-right:2%;float:left;}
   .tile-frontpage {min-height:220px;}
  .tile-frontpage-icon {display:block;}
  .tile-frontpage hr {display:block;}
  .tile-frontpage h3 {margin-bottom:20px;}
  .tile-frontpage .glyphicon-play {display:none;}
  #container {}
  #more-indicators ul > li {float:left;}
  #more-indicators ul > li a {margin:5px 10px 5px 0;}
}
/* 768px */
@media only screen and (min-width:768px) {
 #container {margin-top:101px;}
}
/* 992px */
@media only screen and (min-width:992px) {
  footer {padding-bottom:100px;}
}
/* 1200px */
@media only screen and (min-width:1200px) {
  .topButton {right:40px;left:unset;}
  #container {margin-top:0;}
  footer {padding-bottom:200px;}
}

@media only screen and (max-width:480px) {
  a#logo img {
    max-width: 230px;
  }
}