/* CSS Document */
h1 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 34px;
  margin: 5px 0 0 0;
  color: #325da9;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
#inhalt h1 {
  padding-bottom: 5px;
}
h2 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 15px;
  color: #325da9;
  line-height: 24px;
}
#teaser-news h2 {
  font-size: 1.41em;
}
div.p h2 {
  margin-top: 0;
}
/* hidden h2 for Accessibility */
#header h1,
#header h2 {
  display: inline;
  left: -1000px;
  overflow: hidden;
  width: 0px;
  position: absolute;
  top: -1000px;
  height: 0;
}
h3 {
  font-size: 13px;
  font-weight: bold;
  margin: 4px 0 4px 0;
  padding-top: 1px;
  color: #325da9;
}
hr {
  height: 0;
  width: 100%;
  background-color: #fff;
  color: #fff;
  margin: 0;
  border-bottom: 2px solid #325da9;
  border-top: none;
  border-left: none;
  border-right: none;
}
p.errormessage {
  color: #FF0000;
}
.anchorhidden,
.anchorhidden a {
  visibility: hidden;
  font-size: 0;
  content: ".";
  display: block;
  height: 0;
}
/* ------------ Content Template ------------------------------------------------------------- */
/* Paragraph Auto-Clearfixing */
.p:after {
  /*--- Clearfix f�r das Float-clearing ---*/
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .p {
  height: 1%;
}
/* End hide from IE-mac */
div.p {
  width: 100%;
  margin-bottom: 20px;
  line-height: 1.44em;
  max-width: 100%;
  overflow: hidden;
}
div.p.close {
  margin-bottom: 10px;
}
div.p.nospace {
  margin-bottom: 0;
}
/* --- Paragraph Text/Bild ---- */
div.p div.textbild {
  float: left;
  margin-right: 12px;
  padding-top: 4px;
  padding-bottom: 10px;
}
div.p div.textbildbreit {
  float: left;
  margin-right: 0px;
  margin-bottom: 10px;
}
div.p ul,
div.t ul {
  float: left;
  margin: 3px 0 3px 2px;
}
div.p ul ul,
div.t ul ul {
  float: none;
}
div.p ul li,
div.t ul li {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png);
  background-size: 13px;
  background-position: left 6px;
  background-repeat: no-repeat;
  list-style-position: outside;
  padding: 0 0 4px 12px;
}
div.p ul li {
  padding: 2px 13px 2px 18px;
  background-position: left 4px;
}
div.p ol,
div.t ol {
  float: left;
  padding-left: 5px;
  margin: 5px 0 5px 20px;
}
div.p ol li,
div.t ol li {
  list-style: decimal;
  padding: 0 0 4px 5px;
  padding-left: -5px;
}
div.imagetext p {
  margin-bottom: 10px;
}
div.imagetext h3 {
  line-height: 1.2em;
}
div.p.imagetext {
  margin-bottom: 10px;
}
/* --- Paragraph Bild ---- */
div.p p.bildlegende {
  margin: 2px 0 0 0;
  font-size: 0.93em;
}
/* --- Paragraph Tabelle ---- */
div.p table,
div.t table {
  width: 100%;
  border-collapse: collapse;
}
div.p table th,
div.t table th {
  font-weight: bold;
  padding: 2px 9px 2px 0;
  text-align: left;
  vertical-align: top;
}
div.p table tr td,
div.t table tr td {
  padding: 2px 9px 0 0;
  vertical-align: top;
}
div.p table tr.odd td,
div.t table tr.odd td,
div.p table tr.odd th,
div.t table tr.odd th {
  background-color: #e5e5e5;
}
/* --- Tabellen / Listen im Editor ---- */
div.p table td.subsiteright {
  text-align: right;
}
div.p table th.subsiteright {
  text-align: right;
}
/* --- Strukturierungstabelle / Tabelle mit Linien ---- */
div.p table.pure,
div.p table.pure td {
  background: none;
  margin: 0;
  padding: 0;
  border: none;
}
div.p table.pure tr {
  height: auto;
}
div.p table.pure thead th {
  background: none;
  padding: 0;
  height: auto;
  border: none;
}
div.p table.lines {
  background: none;
  color: #a67f00;
}
div.p table.lines td {
  border-bottom: solid #a67f00 2px;
  border-left: solid #a67f00 2px;
  padding: 2px 8px;
}
div.p table.lines th {
  border-bottom: solid #a67f00 2px;
  border-top: solid #a67f00 2px;
  border-left: solid #a67f00 2px;
  padding: 2px 8px;
}
div.p table.lines td:first-child,
div.p table.lines th:first-child {
  border-left: none;
  padding-left: 0;
}
/* --- Paragraph Download verschiedene Styles ---- */
div.p table.download-normal tr,
div.p table.download-pure tr {
  height: 18px;
}
div.p table.download-normal th,
div.p table.download-pure th {
  padding: 2px 9px 4px 0;
  vertical-align: top;
  font-size: 1.41em;
  font-weight: bold;
}
#service div.p table.download-normal th,
#service div.p table.download-pure th {
  font-size: 1em;
  font-weight: bold;
}
div.p table td img,
div.t table td img {
  padding-top: 2px;
}
div.p table td.icon,
div.t table td.icon {
  padding-left: 1px;
  width: 10px;
}
div.p table td.datei {
  width: 100%;
}
td.icon img {
  max-width: inherit;
}
div.p table td.kb {
  width: 20%;
  text-align: right;
}
/* --- Tabelle Redaktoren ---- */
div.p table.admin td,
div.t table.admin td {
  padding: 0px 0px;
  border-top: none;
  height: 20px !important;
}
/* --- Paragraph Links ---- */
div.p ul.links,
div.t ul.links {
  margin: 0;
  float: none;
}
hr + div.t ul.links {
  margin-top: 10px;
}
/* f�r weitere Newslinks */
div.p ul.links li,
div.t ul.links li,
.kontakt a.email {
  display: block;
  list-style-type: none;
  padding: 2px 0 0 19px;
  line-height: 1.1em;
}
div.p.link2sp ul.links li div.p ul.links li a:hover,
div.t ul.links li a:hover {
  text-decoration: underline;
}
div.p li.extern,
div.t li.extern,
.kontakt a.email {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png);
  background-size: 13px;
  background-position: 2px 3px;
  background-repeat: no-repeat;
  padding-left: 20px !important;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
div.p li.intern,
div.t li.intern {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png);
  background-size: 13px;
  background-position: 2px 3px;
  background-repeat: no-repeat;
  padding-left: 20px !important;
}
div.p li.email,
div.t li.email {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png);
  background-size: 13px;
  background-position: 2px 3px;
  background-repeat: no-repeat;
  padding-left: 20px !important;
}
div.p li.download,
div.t li.download {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png);
  background-size: 13px;
  background-position: 0px 3px;
  background-repeat: no-repeat;
  padding-left: 20px !important;
}
div.p li.kalender,
div.t li.kalender {
  background-image: url(../images/design/bhp/icon_kalender.gif);
  background-position: 2px 3px;
  background-repeat: no-repeat;
  padding: 0 0 4px 22px !important;
}
div.p .more,
div.t .more {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png);
  background-position: left 2px;
  background-repeat: no-repeat;
  background-size: 13px;
  font-weight: bold;
  float: right;
  padding-left: 17px;
}
/* --- Paragraph Suche ---- */
div.p div.search {
  height: 30px;
  width: 300px;
}
div.p div.search label {
  padding: 0 10px 0 0;
  font-size: 0.93em;
  vertical-align: middle;
}
div.p div.search input {
  width: 167px;
  height: 15px;
  margin-top: 5px;
  padding: 1px 1px 2px 2px;
  border: solid 1px #999999;
  vertical-align: middle;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 15px;
  font-size: 1em;
}
div.p div.search input.go {
  height: 20px;
  width: 20px;
  margin-left: 11px;
  vertical-align: middle;
  margin-top: 6px;
  border: none;
}
div.p div.search img.help {
  height: 20px;
  width: 20px;
  margin-left: 3px;
  vertical-align: middle;
  margin-top: 5px;
  border: none;
}
/* --- Paragraph 4 Bilder ---- */
div.p.narrow {
  width: 100%;
}
div.p div.bild4 {
  float: left;
  width: 23%;
  margin-right: 5px;
  height: 150px;
}
div.p div.bild4 p {
  font-weight: bold;
  margin-bottom: 4px;
  height: 30px;
}
div.p div.bild4 ul.links {
  padding-top: 4px;
}
div.p div.bild4 ul.links li {
  padding: 0 0 4px 12px;
}
/* --- Paragraph Adressen ---- */
div.p table.adresse th {
  font-size: 1em;
  font-weight: bold;
  border-top: solid #fff 1px;
  height: auto;
  width: 130px;
}
div.p table.adresse tr {
  height: 16px;
}
div.p table.adresse td {
  width: 500px;
}
div.p ul.adresslink {
  margin: 10px 0 0 0;
  padding: 0;
}
div.p ul.adresslink li {
  list-style: none;
  padding: 0 0 6px 23px;
}
div.p ul.adresslink li a:link,
div.p ul.adresslink li a:visited {
  color: #325da9;
}
div.p ul.adresslink li a:hover {
  color: #a67f00;
  text-decoration: none;
}
div.p p.adresszusatz,
div.t p.adresszusatz {
  font-size: 0.93em;
}
/* --- Paragraph Bild/Links ---- */
div.p img.bildlinks {
  float: left;
  margin-right: 12px;
  width: 200px;
}
div.p ul.bildlinks {
  margin: 0;
  float: left;
  width: 250px;
}
div.p ul.bildlinks li {
  list-style: none;
  padding: 0 0 4px 12px;
}
div.p ul.bildlinks li a:link,
div.p ul.bildlinks li a:visited {
  color: #325da9;
}
div.p ul.bildlinks li a:hover {
  color: #a67f00;
  text-decoration: underline;
}
/* --- Paragraph Links 2/3-spaltig ---- */
div.p.link2sp {
  width: 47%;
  padding-right: 10px;
  float: left;
}
div.p.link2sp ul.links li {
  padding: 0 0 4px 12px;
}
div.p.link2sp ul.links {
  margin-top: 10px;
}
div.p.link3sp ul li {
  float: left;
  width: 27%;
  padding-right: 5px;
}
div.p.link3sp {
  clear: left;
}
/* --- Paragraph 2spaltig   ---- */
div.p.content2spmain {
  margin-bottom: 20px;
}
div.p.content2sp {
  border: none;
}
div.p.content2sp a {
  text-decoration: underline;
}
div.p.content2sp div {
  float: left;
  width: 48.9%;
}
div.p.content2sp div.left {
  margin-right: 2.2%;
}
div.p.content2sp div img {
  margin-bottom: 2px;
  max-width: 100%;
}
div.p.content2sp div p.bildlegende {
  margin: 0 0 5px 0;
}
/* --- Paragraph Buttons ---- */
div.p ul.button,
div.t ul.button {
  margin: 20px 0 0 0;
}
div.p ul.button li,
div.t ul.button li {
  padding: 1px;
  margin: 0;
  display: inline;
  float: left;
  line-height: 16px;
}
div.p ul.button li a,
div.t ul.button li a {
  color: #325da9;
  text-decoration: none;
  padding: 0 20px 0 12px;
}
div.p ul.button li a:link,
ul.button li a:visited,
ul.button li a:active,
ul.button li a:hover,
div.t ul.button li a:link,
ul.button li a:visited,
ul.button li a:active,
ul.button li a:hover {
  color: #325da9;
  text-decoration: none;
  font-weight: bold;
}
div.p ul.button li a:hover,
div.t ul.button li a:hover {
  color: #a67f00;
}
ul.button li.top {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-top-retina.png);
  background-size: 13px;
  background-position: left 1px;
  background-repeat: no-repeat;
  padding-left: 6px !important;
}
ul.button li.back {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-left-retina.png);
  background-size: 13px;
  background-position: left 3px;
  background-repeat: no-repeat;
  padding-left: 6px !important;
}
ul.button li.frage {
  background-image: url(../images/design/bhp/icon_frage.gif);
  background-position: left 2px;
  background-repeat: no-repeat;
}
ul.button li.warenkorb {
  background-image: url(../images/design/bhp/icon_warenkorb.gif);
  background-position: left 2px;
  background-repeat: no-repeat;
}
ul.button li.submit {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png);
  background-size: 13px;
  background-position: left 2px;
  background-repeat: no-repeat;
}
ul.button li.mehr {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png);
  background-size: 13px;
  background-position: left 5px;
  background-repeat: no-repeat;
}
/* --- Blockquotes im Editor ---- */
div.p blockquote {
  margin-left: 30px;
}
/* --- Paragraph Adresse ---- */
div.p.adresse ul {
  margin-top: 15px;
}
/* ------------ Templates / Applikationen ------------------------------------------------------------- */
/* Paragraph Auto-Clearfixing */
.t:after {
  /*--- Clearfix f�r das Float-clearing ---*/
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .t {
  height: 1%;
}
/* End hide from IE-mac */
div.t {
  width: 100%;
  margin-bottom: 10px;
  line-height: 1.38em;
}
/* --- Template Home ------------------------------------------------------------------------------------------ */
div.t div.newstext p {
  margin-bottom: 10px;
}
div.t div.newstext strong p {
  margin-bottom: -10px;
}
div.t div.newsbild {
  float: left;
  width: 228px;
  margin-right: 10px;
}
div.t div.newsbild p {
  font-size: 0.83em;
  margin: 2px 0 5px 0;
}
div.t.newsA {
  width: 217px;
  float: left;
  padding-right: 10px;
  border-right: solid 1px #ccc;
}
div.t.newsB {
  width: 217px;
  float: left;
  padding-left: 10px;
  border-left: solid 1px #ccc;
  margin-left: -1px;
}
div.t.newsA div.newsbild,
div.t.newsB div.newsbild {
  width: 125px;
}
div.t.newsA h2,
div.t.newsB h2 {
  margin-top: 0;
}
/* --- Template Formular -------------------------------------------------------------------------------------- */
div.t fieldset {
  border: none;
}
div.t fieldset div.p {
  background-color: #fff;
  margin-bottom: 20px;
  width: 452px;
}
div.t fieldset div.p.positionbutton {
  padding: 0px;
}
div.t fieldset div.p ul {
  float: none;
}
div.t fieldset legend {
  /* only Firefox */
  display: none;
}
div.t form div.hr {
  height: 1px;
  background-color: none;
  margin: 3px 0 3px 0;
  clear: both;
}
div.t form div.hr hr {
  display: none;
}
div.t form label {
  float: left;
  clear: left;
  vertical-align: middle;
  width: 146px;
  min-height: 13px;
  padding: 6px 0 5px 0;
}
div.t form .label2 {
  width: 100px;
}
div.t form .short {
  margin-right: 10px;
  width: auto;
}
div.t form input {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  padding: 1px 1px 0 1px;
  width: 280px;
  margin: 4px 0 1px 0;
  height: 18px;
  font-size: 1em;
  color: #325da9;
  border: solid #a67f00 2px;
}
div.t form select {
  float: left;
  margin: 4px 4px 4px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  min-height: 18px;
  color: #325da9;
  padding: 4px 0 3px;
  line-height: 30px;
  border: solid #a67f00 2px;
}
div.t form option {
  padding-right: 5px;
}
div.t form textarea {
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  padding: 1px;
  font-size: 1em;
  width: 280px;
  margin: 4px 0 4px 0;
  border: solid 2px #a67f00;
  color: #325da9;
  resize: vertical;
}
div.t form span.feldbeschreibung {
  float: left;
  width: 325px;
  margin-left: 146px;
}
div.t form span.pflicht {
  margin: 2px 0 2px 0;
  width: 285px;
}
div.t form span.pflichtrot {
  float: left;
  margin: 2px 0 2px 154px;
  font-size: 0.93em;
  width: 285px;
  color: red;
}
div.t form input.radio {
  width: auto;
  border: none;
  background: none;
  float: left;
  display: block;
  margin: 0 5px 0 0;
  height: auto;
}
div.t form label.radio {
  width: 120px;
  clear: none;
  float: left;
  line-height: 15px;
  margin: 0;
  padding: 0;
}
div.t form span.auswahl {
  float: left;
  display: inline;
  width: auto;
  margin: 6px 10px 0 0;
}
div.t form span.auswahleinspaltig {
  float: left;
  display: inline;
  margin: 4px 0 4px 0;
}
div.t form input.checkbox {
  width: auto;
  border: none;
  background: none;
  float: left;
  margin: 0 5px 0 0;
  height: auto;
  width: 25px;
  height: 25px;
}
div.t form label.checkbox {
  width: 120px;
  clear: none;
  float: left;
  line-height: 15px;
  margin: 0;
  padding: 0;
}
input.checkbox + label.checkbox {
  padding-top: 5px !important;
}
div.t form select.dropdown {
  width: 280px;
  border: solid #a67f00 2px;
}
div.t form input.dateidownload {
  padding: 1px;
  height: 20px;
  width: 280px;
  border: solid #a67f00 2px;
}
div.t form span.adresse {
  font-weight: bold;
  display: block;
}
div.t form input.datum {
  width: 120px;
}
div.t form img.datum {
  margin: 6px 0 0 5px;
  border: none;
}
div.t div#caldiv table {
  width: auto;
}
div.t form span.zeit {
  float: left;
  margin: 6px 4px 0 0;
}
div.t form span.col1,
div.t form span.col2,
div.t form span.col3 {
  position: relative;
  float: left;
  margin-top: 2px;
}
div.t form span.col1 {
  width: 146px;
  font-weight: bold;
}
div.t form span.col2 {
  width: 148px;
}
div.t form span.col3 {
  width: 150px;
}
div.t form input.feld2 {
  width: 130px;
  margin-right: 14px;
}
/* Formularbuttons */
div.t form input.abbrechen,
div.t form input.senden,
div.t form input.submit,
div.t form input.suchen,
div.t form input.anzeigen {
  width: 106px;
  margin: 20px 13px 20px 0;
  cursor: pointer;
  cursor: hand;
  border: none;
  color: #325da9;
  font-weight: bold;
  text-align: left;
  height: 25px;
  font-size: 0.93em;
}
div.t form input.submit {
  padding: 0 0 0 10px;
}
div.t form input.abbrechen,
div.t form input.senden {
  color: #fff;
  background: #325da9;
  padding-top: 3px;
  text-align: center;
}
div.t form label a.help,
div.t form label a.help:link,
div.t form label a.help:visited,
div.t form label a.help:hover,
div.t form label a.help:active {
  position: relative;
  left: 20px;
}
div.t form .left {
  float: left;
  width: 235px;
}
div.t form .right {
  float: left;
  width: 235px;
}
div.t form .red {
  color: #E10024;
}
/* --- Template Glossar -------------------------------------------------------------------------------------------- */
div.t span.glossarlink,
div.p span.glossarlink {
  width: auto;
  position: relative;
  margin-right: 12px;
  display: inline;
  z-index: 24;
}
div.p span.glossarlink span.arrow,
div.t span.glossarlink span.arrow {
  width: 13px;
  height: 13px;
  margin-top: 1px;
  text-indent: -9999px;
  position: absolute;
  background: url(../images/design/bhp/icon-bhp-arrowgold-bottom-retina.png) no-repeat right;
  background-size: 13px;
}
div.p span.glossarlink:hover,
div.t span.glossarlink:hover {
  z-index: 25;
  background-color: #fff;
}
div.p span.glossarlink span.glossarcontent,
div.t span.glossarlink span.glossarcontent {
  position: absolute;
  left: -999em;
  z-index: 26;
}
div.p span.glossarlink:hover span.glossarcontent,
div.t span.glossarlink:hover span.glossarcontent,
div.p span.glossarlink.sfhover span.glossarcontent,
div.t span.glossarlink.sfhover span.glossarcontent div.p span.glossarlink:focus span.glossarcontent,
div.t span.glossarlink:focus span.glossarcontent {
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  border: solid #ccc 1px;
  padding: 12px 18px;
  width: 400px;
  color: #325da9;
  text-decoration: none;
  background-color: #dde5f0;
  z-index: 27;
}
div.p span.glossarcontent span.glossartitle,
div.t span.glossarcontent span.glossartitle {
  margin: 0 0 8px 0;
  padding: 0;
  font-weight: bold;
}
div.p span.glossarcontent span,
div.t span.glossarcontent span {
  margin: 5px 0;
  padding: 0;
  display: block;
}
div.p span.glossarcontent span span,
div.t span.glossarcontent span span {
  margin: 0;
}
div.p span.glossarcontent span.liste,
div.t span.glossarcontent span.liste {
  display: block;
  margin: 0;
}
div.p span.glossarcontent span.liste img,
div.t span.glossarcontent span.liste img {
  margin-right: 10px;
  vertical-align: middle;
}
div.p span.glossarcontent span.liste a,
div.t span.glossarcontent span.liste a {
  vertical-align: middle;
  text-decoration: none;
}
div.p span.glossarcontent .intern,
div.p span.glossarcontent .extern,
div.p span.glossarcontent .download,
div.p span.glossarcontent .mail,
div.t span.glossarcontent .intern,
div.t span.glossarcontent .extern,
div.t span.glossarcontent .download,
div.t span.glossarcontent .mail {
  display: block;
  list-style-type: none;
  padding: 0 0 4px 19px;
}
div.p span.glossarcontent .intern {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right.png);
  background-position: 2px 5px;
  background-repeat: no-repeat;
}
div.p span.glossarcontent .extern {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right.png);
  background-position: 2px 5px;
  background-repeat: no-repeat;
}
div.p span.glossarcontent .download {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right.png);
  background-position: 0 5px;
  background-repeat: no-repeat;
}
div.p span.glossarcontent .mail {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right.png);
  background-position: 2px 5px;
  background-repeat: no-repeat;
}
div.p span.glossarcontent span.liste-ul span,
div.p span.glossarcontent span.liste-ol span {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right.png);
  background-position: left 6px;
  background-repeat: no-repeat;
  list-style-position: outside;
  padding: 0 0 4px 19px;
}
/* --- Template Linkliste aufklappbar -------------------------------------------------------------------------------------------- */
div.p .klapplink {
  position: relative;
  display: block;
  z-index: 24;
}
div.p .klapplink a:link,
div.p .klapplink a:visited {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-top-retina.png);
  background-size: 13px;
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}
div.p .klapplink:hover {
  z-index: 25;
  background-color: #fff;
}
div.p .klapplink span.klappcontent {
  position: absolute;
  left: -9999px;
  z-index: 26;
}
div.p .klapplink:hover span.klappcontent,
div.p .klapplink.sfhover span.klappcontent {
  display: block;
  position: absolute;
  left: auto;
  top: 20px;
  left: 0px;
  background-color: #c8c8c8;
  color: #000;
  text-decoration: none;
  z-index: 30;
}
div.p ul.klapp {
  margin: 0;
  padding: 0;
  font-size: 0.93em;
  display: block;
  width: 201px;
}
div.p ul.klapp li {
  background: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
div.p ul.klapp li p.hidden,
div.p ul.klapp li span {
  display: none;
}
div.p ul.klapp li a,
div.p ul.klapp li a:link,
div.p ul.klapp li a:visited {
  display: block;
  line-height: 15px;
  border-bottom: solid #e5e5e5 1px;
  text-decoration: none;
  font-weight: bold;
  padding: 0 0 0 5px;
  background: none !important;
  font-size: 0.75em;
}
div.p ul.klapp li a:hover {
  text-decoration: underline;
}
div.p table.admin td a {
  /* Ausblenden der Klapplink-Icons in der Admin-Table */
  background: none !important;
}
/* --- Template Suche (Resultate)   --------------------------------------------------------- */
div.p ul.searchresult,
div.p ul.searchpaging {
  margin: 0;
  float: left;
  text-indent: 0px;
}
div.p ul.searchresult li {
  padding: 0 0 10px 0;
  background-image: none;
}
div.p ul.searchpaging li {
  float: left;
  line-height: 12px;
  padding: 0 4px 0 4px;
  background-image: none;
}
div.p ul.searchresult li a {
  text-decoration: underline;
  color: #325da9;
}
div.p ul.searchpaging li a {
  color: #325da9;
}
div.p ul.searchresult span.extension {
  font-size: 1em;
  line-height: 14px;
  vertical-align: bottom;
  float: left;
  margin-right: 2px;
}
div.p ul.searchresult h3 {
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: 14px !important;
  margin: 0 0 3px 0 !important;
  padding: 0 !important;
}
div.p ul.searchresult span.url {
  font-size: 1em;
  line-height: 1.3em;
  color: #325da9;
}
div.p ul.searchresult span.lastmodified {
  font-size: 1em;
  line-height: 1.3em;
}
div.searchinfo {
  /*padding-left: 20px;*/
  margin-bottom: 10px;
}
div.searchinfo-crx {
  margin-bottom: 10px;
}
div.searchinfo a,
div.searchinfo-crx a {
  color: #325da9;
}
div.searchinfo ul.button {
  margin: 0 0 10px 0;
}
div.searchinfo ul.button li.frage {
  background-image: url(../images/design/ktsg/icon_frage_neutral.gif);
  background-position: left 2px;
  background-repeat: no-repeat;
}
div.searchinfo ul.button li.frage a {
  color: #325da9;
  font-size: 1em;
}
div.searchinfo a img {
  display: none;
}
/* --- Template Sitemap   ------------------------------------------------------------------------------------------------------- */
div.t.sitemap .wrapper-sitemap {
  background: #dfdfdf;
  width: 955px;
}
div.t.sitemap ul {
  float: none;
  margin: 0;
  padding: 0 0 0 20px;
}
div.t.sitemap h3 {
  padding: 10px 0  6px 18px;
}
div.t.sitemap > h3 {
  margin-top: -30px;
}
div.t.sitemap .left,
div.t.sitemap .center,
div.t.sitemap .right {
  float: left;
  width: 318px;
}
div.t.sitemap .liste-sitemap {
  padding: 0 0 10px 0;
  border-right: dotted 1px #fff;
  margin: 0 10px;
  border-bottom: dotted 1px #c8c8c8;
}
div.t.sitemap ul li {
  background: none;
  padding: 0 0 0 10px;
  list-style-type: none;
  line-height: 1.6em;
}
div.t.sitemap ul li:hover {
  background: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png) 0 5px no-repeat;
  background-size: 13px;
}
div.t.sitemap ul ul {
  margin-left: 3px;
  padding-left: 0;
}
div.t.sitemap ul ul li {
  padding-left: 10px;
}
div.t.sitemap ul ul ul {
  margin-left: 5px;
}
/* --- Template  Framed Content   -------------------------------------------------------------------------------------------------- */
iframe.iframeborder {
  border: solid black 1px;
  margin-bottom: 30px;
}
iframe.iframe {
  border: none;
  margin-bottom: 30px;
}
/* --- Template Index A-Z ------------------------------------------------------------------- */
div.indexaz .p,
div.indexaz-mutierbar .p {
  border: none;
}
div.t ul.index {
  width: 100%;
  margin: 0 0 20px 0;
}
div.t ul.index li {
  background-position: left 3px;
  padding: 0 5px 0 5px;
  display: inline;
  float: left;
}
div.t ul.index li:last-child {
  padding-right: 0;
}
div.t.indexaz ul.normal {
  float: none;
  margin: 0;
}
div.t.indexaz ul.normal li {
  background-image: none;
  padding: 0;
  list-style-type: none;
}
/* --- Template Departement / Regierungsrat --------------------------------------------------------------------- */
div.t img.adressbild {
  float: left;
  margin-right: 10px;
}
div.t div.departement {
  display: table;
  margin-bottom: 10px;
}
div.t span.deptitle {
  height: 22px;
  line-height: 20px;
  display: block;
  font-weight: bold;
  font-size: 1em;
}
div.t div.departement table {
  margin-bottom: 10px;
}
div.t div.departement table th {
  font-size: 1em;
  font-weight: bold;
  border-top: solid #fff 1px;
  height: 16px;
  width: 130px;
}
div.t div.departement table td {
  width: 500px;
}
div.t div.departement ul,
div.t div.departement p {
  margin: 0 0 10px 0;
}
div.t div.departement ul li {
  padding: 0 0 6px 20px;
}
/* --- Service --------------------------------------------------------------------- */
#service {
  font-size: 13px;
}
#service h2 {
  font-size: 13px;
  line-height: 13px;
  padding: 4px 0 2px 10px;
  margin: 0 0 3px 0;
  color: #325da9;
  line-height: 22px;
}
#service h3 {
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  padding: 4px 0 2px 10px;
  margin: 0 0 3px 0;
}
#service div.p {
  margin: 0;
  padding: 0 0 20px 0;
  color: #325da9;
}
#service div.nospace {
  padding: 0;
}
#service div.p p {
  padding: 0 0 0 10px;
  line-height: 1.38em;
}
#service div.textbildbreit img {
  margin: 0 0 5px 0;
}
div#service div.teaser {
  float: left;
  border: solid #999 1px;
  padding: 1px 5px;
  margin: 0 10px 0px 10px;
}
div#service div.teaser h2 {
  padding: 2px 0 2px 5px;
  margin: 0;
  background-image: none;
}
div#service div.teaser p {
  padding: 0;
}
div#service ul.links,
div#service iframe,
div#service table,
div#service div.search {
  margin-left: 10px;
}
#service .p.adresse {
  font-weight: bold;
}
#service .p.adresse .kontakt {
  /* font-weight: normal; */
}
#service .p.adresse .kontakt p {
  margin-top: 20px;
}
#service .p.adresse .kontakt span {
  display: block;
  width: 100%;
}
/* --- Template News Abo -------------------------------------------------------------------------------------- */
div.t form.newsabo fieldset {
  background: none;
  margin-top: 20px;
}
div.t form.newsabo label {
  padding: 0;
  font-size: 1em;
}
div.t form.newsabo input.mail {
  margin: 0;
  height: 16px;
  padding: 1px;
  border: solid 1px #999999;
  margin-bottom: 20px;
}
div.t form.newsabo div {
  float: left;
}
div.t form.newsabo span {
  float: left;
  width: 146px;
}
div.t form.newsabo fieldset legend {
  display: block;
  float: left;
  width: 146px;
  font-size: 0.93em;
}
div.t form.newsabo label.checkbox {
  clear: none;
  width: 280px;
}
div.t form.newsabo input.checkbox {
  clear: both;
  margin-bottom: 5px;
}
/* --- Template Aboservice ------------------------------------------------------------------------------------ */
div.fenster {
  margin: 0 23px;
  text-align: left;
  font-size: 0.75em;
}
div.fenster h1 {
  margin: 0 0 30px 0;
  padding: 0 0 6px 0;
}
div.fenster #inhalt {
  border: none;
}
div.fenster-header {
  height: 54px;
  background-image: none;
  background-repeat: repeat-x;
  background-position: left top;
}
div.fenster-header ul {
  padding: 15px 20px 0 0;
  font-size: 0.75em;
  line-height: 19px;
}
div.fenster-header ul li {
  float: right;
  border-left: solid #fff 1px;
  padding: 0 8px 0 8px;
}
div.fenster-header ul li a:link,
div.fenster-header ul li a:visited,
div.fenster-header ul li a:active {
  color: #505050;
  text-decoration: underline;
}
div.fenster-header ul li a:hover {
  color: #E20024;
}
div.t table td.service {
  width: 80%;
}
div.t table td.service a {
  text-decoration: underline;
}
/* --- Template Lebenslagen   ------------------------------------------------------------------------------------------------------- */
div.t.lebenslagen div {
  float: left;
  width: 45%;
  padding-right: 20px;
}
div.t.lebenslagen h2 {
  padding: 0 0;
  margin-bottom: 5px;
}
div.t.lebenslagen ul {
  padding: 0;
  margin: 0;
  float: none;
}
div.t.lebenslagen ul li {
  float: none;
  display: inline;
  padding: 0;
  background: none;
}
div.t.lebenslagen div.lagen {
  float: none;
  width: auto;
  padding: 0 0 0 0;
}
div.t.lebenslagen a {
  border-right: solid black 1px;
  padding-right: 6px;
}
div.t.lebenslagen li:last-child a {
  border-right: none;
}
/* --- Template Intranet Home   ------------------------------------------------------------------------------------------- */
div.t.intranethome div.left,
div.t.intranethome div.right {
  width: 220px;
  float: left;
}
div.t.intranethome div.left {
  margin-right: 20px;
}
div.t.intranethome div.box {
  clear: left;
  padding: 5px 0 0 0;
  margin-bottom: 10px;
}
div.t.intranethome h2 {
  margin: 0;
  padding: 3px 5px 4px 0px;
}
div.t.intranethome div.p {
  margin-bottom: 10px;
}
div.t.intranethome div.p ul.links {
  margin-bottom: 5px;
}
div.t.intranethome div.textbildbreit {
  margin-bottom: 10px;
  overflow: hidden;
}
div.t.intranethome div.newsA,
div.t.intranethome div.newsB {
  border: none;
  padding: 0;
}
/* Abstimmung */
div.t.intranethome div.boxgrey {
  clear: left;
  background-color: #e5e5e5;
  padding: 10px 5px 10px 10px;
  margin: 5px 0 10px 0;
}
div.t.intranethome div.boxgrey form p {
  clear: both;
  margin-bottom: 10px;
}
div.t.intranethome div.boxgrey img {
  margin: 0 0 10px 0;
}
div.t.intranethome div.boxgrey form input {
  clear: both;
}
/* --- Template Intranet Umfrage  ---------------------------------------------------------------------------------- */
div.t.umfrage table td {
  background-color: #fff;
  padding: 0 0 2px 0;
  font-size: 1.06em;
  vertical-align: middle;
}
div.t.umfrage table tr.line td {
  padding: 4px 0 0 0;
}
div.t.umfrage table td input {
  font-size: 1em;
  width: 50px;
}
/* --- Template Picture Gallery -------------------------------------------------------------------------------------------- */
div.t div.paging {
  background-color: none;
  height: 22px;
  line-height: 20px;
  font-weight: bold;
  text-align: right;
  padding: 0;
  clear: both;
  border-bottom: solid 1px #ccc;
}
div.t div.paging span {
  float: left;
  padding-left: 0;
  font-weight: bold;
}
div.t span.pageicons {
  text-align: right;
  display: block;
  margin: 10px 0 0 0;
}
div.t span.pageicons img {
  margin: 0 5px 0 5px;
  vertical-align: middle;
}
div.t span.pageicons img.last {
  margin: 0 0 0 5px;
}
div.t div.picturegalery {
  margin: 20px 0 20px 0;
  width: 100%;
}
div.t div.picturegalery div.picture {
  width: 117px;
  height: 98px;
  float: left;
}
div.t div.picturedetail {
  margin: 40px 0 0 0;
  width: auto;
  color: #325da9;
}
div.t div.picturedetail img {
  float: left;
  margin: 0 15px 0 0;
}
/* --- Template Kantonskalender / Marktplatz / Personalnachrichten  --------------------------------------------------------------------- */
div.t.kalender table.liste td {
  border-top: solid 1px #ccc;
  vertical-align: top;
  padding-right: 8px;
}
div.t.kalender table.liste {
  border-bottom: solid 1px #ccc;
}
/* Kantonskalender Detail */
div.t.kalender ul.links {
  margin: 5px 0 0 0;
  clear: left;
}
div.t.kalender img.detail {
  float: left;
  margin-right: 15px;
}
div.t.kalender div.detail {
  display: table;
}
div.t.kalender div.detail table td,
div.t.kalender div.detail table th {
  background-color: #FFFFFF;
  padding: 0 15px 5px 0;
  vertical-align: top;
  border-bottom: none;
}
/* Kantonskalender Kalenderansicht */
div.t.kalender div.header {
  height: 30px;
  margin-bottom: 10px;
}
div.t.kalender div.header p {
  float: left;
}
div.t.kalender div.header form {
  float: right;
}
div.t.kalender div.header input.go {
  height: 19px;
  width: 19px;
  vertical-align: top;
  border: none;
  margin-top: 3px;
}
/* Kalender Suche Servicespalte */
#service div.t.kalender ul.links {
  margin: 10px 0 10px 10px;
}
#service div.t.kalender label {
  width: 100%;
  margin-left: 10px;
}
#service div.t.kalender select.dropdown-rubriken,
#service div.t.kalender input.field {
  width: 150px;
  margin-left: 10px;
}
#service div.t.kalender input.go {
  height: 20px;
  width: 20px;
  vertical-align: middle;
  border: none;
  margin-left: 10px;
}
#service div.t.kalender img.help {
  float: left;
  margin: 5px 0 0 3px;
}
#service div.t.kalender input.submit {
  margin: 0 0 0 10px;
  width: 130px;
}
/* Marktplatz */
div.t.kalender div.left {
  float: left;
  width: 210px;
  background-color: #ebebeb;
  margin: 10px 20px 20px 0;
}
div.t.kalender div.left h3 {
  background-color: #ccc;
  padding: 2px 0 3px 12px;
  margin: 0;
}
div.t.kalender div.left ul.links {
  margin: 5px 0 8px 12px;
}
div.t.kalender div.left ul.links li {
  background-image: none;
  padding: 0 0 2px 0;
}
div.t.kalender div.paging {
  margin-bottom: 15px;
}
div.t.kalender form div.nutzung {
  padding-top: 10px;
  padding-bottom: 0px;
}
div.t.kalender form div.nutzung label {
  width: auto;
}
div.t.kalender form div.fileupload {
  float: left;
  display: inline;
  margin: 0px 10px 5px 146px;
}
div.t.kalender form div.fileupload img {
  margin: 5px 0 0 0;
}
div.t.kalender form div.loeschen {
  float: left;
  margin: 5px 0 0 0;
  font-size: 0.93em;
}
/* Abfallkalender */
div.p.einstiegstext {
  font-size: 20px;
  line-height: 1.2em;
}
/* Adresse */
div.t p.adresstitel {
  height: 22px;
  line-height: 20px;
  display: block;
  font-weight: bold;
  font-size: 1em;
}
div.t div.adresse table {
  margin-bottom: 10px;
}
div.t div.adresse table th {
  font-weight: bold;
  width: 100px;
}
div.t div.adresse div.p {
  margin-bottom: 0;
}
div.t div.adresse ul {
  margin: 0 0 10px 0px !important;
}
div.t div.adresse p {
  margin: 0 0 10px 0px;
}
/* --- Template News Search (News Archiv) -------------------------------------------------------------------------------------- */
div.t form div.newssearch {
  border: solid #c1c1c1 1px;
  width: 100%;
  height: 60px;
}
div.t form div.newssearch label {
  width: 50px;
  padding-bottom: 10px;
  margin-left: 5px;
}
div.t form div.newssearch span.zeitraum {
  vertical-align: middle;
  float: left;
  margin: 5px 10px 0 0;
}
div.t form div.newssearch input {
  width: 130px;
  height: 14px;
  padding: 1px;
  border: solid 1px #999999;
  vertical-align: middle;
  margin-top: 5px;
}
div.t form div.newssearch input.go {
  height: 17px;
  width: 17px;
  margin-left: 11px;
  vertical-align: middle;
  border: none;
}
div.t form div.newssearch img.help {
  height: 17px;
  width: 17px;
  margin-left: 3px;
  margin-top: 6px;
  border: none;
}
div.t form div.newssearch select {
  padding: 0;
  margin: 4px 10px 0 0;
  vertical-align: middle;
  float: left;
  font-size: 0.93em;
}
div.t form div.newssearch select.sector {
  width: 170px;
}
div.t p.newsresult {
  font-weight: bold;
  color: #325da9;
  margin-top: 60px;
  clear: left;
}
div.p ul.newsresults li,
div.t ul.newsresults li {
  padding: 1px 0 4px 22px;
  background-position: left 8px;
}
div.p ul.newsresults li li,
div.t ul.newsresults li li {
  background-position: left 2px;
}
div.t input.mehr {
  height: 14px;
  width: auto !important;
  padding: 0 0 0 22px;
  border: none;
  margin: 5px 0 0 0;
  cursor: pointer;
  cursor: hand;
  color: #339900;
  text-align: left;
  font-size: 0.93em;
}
div.t input.mehr {
  background: url(../images/design/icon_mehr.gif) no-repeat 0 0;
}
div.t.news-suche ul.button {
  float: none;
  clear: left;
  margin: 5px 0 0 0;
}
div.t.news-suche ul.links {
  float: none;
  clear: left;
  margin: 5px 0 0 0;
}
/* --- Babygalery ---------------------------------------------------------------------------------- */
div.t.babygalery table th {
  width: 150px !important;
}
div.t.babygalery form input.submit {
  margin-left: 153px;
}
/* --- Template Handbuch (Steuern) -------------------------------------------------------------------------------- */
div.p table.handbuch,
div.p table.handbuch td {
  margin: 0;
  padding: 0;
  background: none;
  font-size: 1em;
  vertical-align: top;
}
div.p table.handbuch a.intern {
  background-image: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png);
  background-size: 13px;
  background-position: 2px 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 19px;
  float: left;
}
div.p table.handbuch td.art {
  width: 30%;
  padding-right: 5px;
}
/* ----- Start Seite wic ---------------------------------------------------------------------- */
.fixit {
  float: left;
  width: 162px;
  height: 360px;
  background: #fff;
}
.fix a,
.leftlinks a {
  line-height: 2em;
  font-weight: bold;
  display: block;
  width: 151px;
}
.fix a {
  background: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png) right no-repeat;
  background-size: 13px;
}
.leftlinks a {
  background: url(../images/design/bhp/icon-bhp-arrowgold-right-retina.png) right no-repeat;
  background-size: 13px;
}
#emotion-content h2 {
  width: 200px;
  padding: 15px 0 0 15px;
  color: #325da9;
}
.headerwidth h1 {
  margin-top: 20px;
}
#inhalt-startseite {
  float: left;
  width: 790px;
  height: 309px;
}
/* Suche Startseite */
#suche-startseite input {
  width: 151px;
  height: 20px;
  line-height: 20px;
  padding: 2px 2px 2px 6px;
  border: none;
  vertical-align: middle;
  background: none;
  float: left;
}
#suche-startseite input.go {
  height: 25px;
  width: 61px;
  vertical-align: middle;
  padding: 0;
  border: none;
  background: #e20025;
  color: #325da9;
  cursor: pointer;
  -webkit-appearance: none;
}
/* Linkliste */
.lebensbereiche {
  width: 810px !important;
  margin-left: 162px;
  border-bottom: none !important;
  padding: 6px 0 0 0 !important;
}
.lebensbereiche .linkliste {
  float: left;
  width: 190px !important;
  margin-right: 10px;
  border: none;
  padding: 0;
}
.lebensbereiche h2 {
  border-bottom: solid 1px #ccc;
  padding-left: 5px;
  font-size: 1.41em;
}
.lebensbereiche .linkliste .links {
  padding-left: 10px;
}
.lebensbereiche .linkliste .weiter {
  padding-left: 10px;
}
#teaser-news {
  position: absolute;
  top: 103px;
  left: 562px;
  width: 360px;
  height: 173px;
  padding: 10px;
  z-index: 1;
  background-color: #FFF;
  filter: alpha(opacity=90);
  /* F�r IE */
  -moz-opacity: 0.9;
  /* F�r Gecko-Browser */
  opacity: 0.9;
  /* F�r Opera 9+ */
}
#teaser-news h2 {
  margin: 0 0 20px 0;
  padding-top: -20px;
  line-height: 0.5em;
}
#teaser-news p {
  padding: 4px 0 0 12px;
  color: #505050;
}
#teaser-news a {
  display: block;
  font-weight: bold;
  padding: 0 0 0 10px;
}
.weitereinfos {
  position: absolute;
  top: 306px;
  height: 5px;
  background: #000;
  border-top: solid 1px #FFF;
  color: #325da9;
  width: 370px;
  padding: 5px 10px;
  left: 162px;
}
.weitereinfos a {
  color: #fff;
  padding-left: 15px;
}
.weitereinfos a:hover {
  color: #df0225;
}
.weiterenews {
  position: absolute;
  top: 306px;
  left: 400px;
  height: 5px;
  background: #000;
  border-top: solid 1px #FFF;
  color: #325da9;
  width: 370px;
  padding: 5px 10px;
  left: 562px;
}
.weiterenews a {
  color: #325da9;
  padding-left: 15px;
}
.weiterenews a:hover {
  color: #df0225;
}
/* ------------ Einstiegsseite ------------------------------------------------------------- */
#box-einstieg {
  border-right: solid #325da9 3px;
  border-bottom: solid #325da9 3px;
  display: inline-block;
  width: 100%;
  width: calc(100% - 3px);
}
div.inhalt-einstieg {
  padding: 0 0 !important;
  width: 100% !important;
  border: none !important;
  margin: 0 !important;
  margin-top: 38px !important;
}
/* ---------------------------------------------------------------------------- */
/* Keyword-Search Hover with Tabbing Startseite */
#inhalt-startseite img.emotion {
  position: absolute;
  z-index: 0;
}
#inhalt-startseite div.keyword-search {
  margin: 0 0 0 400px;
}
.keyword,
.keyword ul {
  float: left;
}
#inhalt-startseite .keyword a {
  float: left;
  line-height: 19px;
  padding: 3px 4px 4px 10px;
  color: #325da9;
  font-weight: bold;
}
#inhalt-startseite .keyword {
  width: 147px;
}
.keyword a {
  width: 147px;
  margin-right: -147px;
}
/* take into account the borders when calculating the link width, margin-right = total link width - 1px */
#inhalt-startseite .keyword ul li {
  max-width: 147px;
}
/* fix for IE8 */
#inhalt-startseite .keyword ul li a {
  background-image: none;
  color: #325da9;
  font-weight: bold;
}
.keyword ul li a:hover,
.keyword ul li a:focus,
.keyword ul li a:active {
  background-color: #e5e5e5 !important;
  color: #a67f00 !important;
  text-decoration: none !important;
}
/* ---------------------------------------------------------------------------- */
/* Keyword-Search Hover with Tabbing Einstiegsseite */
.select-einstieg div.keyword-search {
  margin: 10px 0 10px 0;
}
.select-einstieg .keyword a {
  float: left;
  line-height: 16px;
  padding: 3px 4px 4px 5px;
  background: #fff url('../images/design/bhp/icon-bhp-arrowgold-bottom-retina.png') 202px 8px no-repeat;
  background-size: 13px;
}
.select-einstieg .keyword {
  width: 218px;
}
.select-einstieg .keyword a {
  width: 210px;
  margin-right: -210px;
}
/* take into account the borders when calculating the link width, margin-right = total link width - 1px */
.select-einstieg .keyword ul {
  background: #fff;
}
.select-einstieg .sub-li:hover ul li {
  width: 219px;
  max-width: 219px;
  background: #fff;
}
.select-einstieg .keyword ul li {
  max-width: 218px;
  color: #325da9;
  background: #fff;
}
/* fix for IE8 */
.select-einstieg .keyword ul li a {
  background-image: none;
}
/* ---------------------------------------------------------------------------- */
/* DO NOT CHANGE ANYTHING BELOW THIS LINE */
/* ---------------------------------------------------------------------------- */
.keyword ul {
  position: relative;
  margin-bottom: -1000px;
  z-index: 500;
}
/* make all sub menus line up at the top and a high z-index to cover the top links drop shadow */
.keyword ul li {
  float: left;
  clear: left;
}
/* get the sub links in a vertical column */
.keyword a {
  position: relative;
}
.keyword .sub-li {
  margin-top: -3000px;
}
/* move the sub menus off the top of the screen out of sight */
.keyword .sub-a {
  margin-top: 3000px;
}
/* move the top level links back to their original positions */
/* The bit that does ALL the work to bring the sub menus into view */
.keyword .sub-li a:hover,
.keyword .sub-li a:focus,
.keyword .sub-li a:active {
  margin-right: 0;
}
/* ---------------------------------------------------------------------------- */
/* Start Einstieg News */
.medientipp {
  float: left;
}
div.einstieg-news {
  float: left;
  width: 33.3%;
  padding: 5px 10px 10px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border: solid #325da9 3px;
  margin-bottom: 0;
  height: 350px;
  overflow: hidden;
}
div.einstieg-news.author {
  border-top: solid #325da9 3px !important;
  border-left: solid #325da9 3px !important;
  margin-bottom: -3px !important;
}
div.einstieg-news:nth-child(3n+2),
div.einstieg-news:nth-child(3n+3) {
  border-left: none;
}
/*div.einstieg-news:nth-child(3n+3) {border-right: none;}*/
div.einstieg-news:nth-child(n+4) {
  border-top: none;
}
.einstieg-news p {
  color: #325da9;
  font-weight: bold;
}
.einstieg-news h3 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.einstieg-news h3 + p {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.einstieg-news h2 {
  font-size: 1em;
  line-height: 1.4em;
  font-weight: bold;
  text-align: center;
  margin: 2px 0 4px;
  text-transform: uppercase;
}
a.einstieg-box-img {
  height: 140px;
  width: 100%;
  display: block;
  background-size: cover;
}
.einstieg-news .top-paragraph {
  margin: 10px 0;
}
.einstieg-news .bot-paragraph p {
  position: relative;
  max-height: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  line-height: 1.3em;
}
.einstieg-news .bot-paragraph {
  height: 93px;
  position: relative;
}
.einstieg-news .bot-paragraph a.mehr {
  position: absolute;
  bottom: 0;
  width: 100%;
}
/*.einstieg-news .bot-paragraph p:after { 
    position: absolute;right: 0;
    border-left: solid red 1px;
    background: #fff;
    z-index: 99;
    width: 20px;height: 20px;content: "...";
} */
div.inhalt-einstieg a.mehr {
  display: block;
  background: #fff url(../images/design/bhp/icon-bhp-arrow-right.png) right no-repeat;
  padding: 0;
  font-weight: bold;
}
div.inhalt-einstieg a:hover {
  color: inherit;
}
.link-row a.kantonsbibliothek,
.link-row a.stadtbibliothek {
  display: inline-block;
  float: left;
  width: 50%;
  padding: 10px;
  margin-top: 28px;
  margin-bottom: 28px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
.link-row a.neuebibliothek {
  display: inline-block;
  float: left;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 38px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
.link-row a.kantonsbibliothek .inner,
.link-row a.stadtbibliothek .inner {
  padding: 8px 45px 8px 8px;
  display: block;
  min-height: 2em;
  min-width: 88%;
}
.link-row a.kantonsbibliothek .inner {
  background: rgba(50, 93, 169, 0.85);
  display: inline-block;
  background-image: url(../images/design/bhp/icon-bhp-arrowwhite-right-retina.png);
  background-repeat: no-repeat;
  background-position: right;
  background-position: right 15px top 13px;
  background-size: 17px;
}
.link-row a.stadtbibliothek .inner {
  background: rgba(50, 93, 169, 0.65);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: right;
  background-position: right 15px top 13px;
  background-image: url(../images/design/bhp/icon-bhp-arrowwhite-right-retina.png);
}
.link-row a.neuebibliothek .inner {
  background: #325da9;
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: right;
  background-position: right 15px top 13px;
  background-image: url(../images/design/bhp/icon-bhp-arrowwhite-right-retina.png);
  display: inline-block;
  padding: 8px 45px 8px 8px;
  min-height: 2em;
  min-width: calc(100% - 53px);
}
.link-row a .title {
  text-transform: uppercase;
  float: left;
  font-size: 1.8em;
  display: block;
  font-weight: normal;
  width: 100%;
  min-height: 1.13em;
}
.link-row a .description {
  display: block;
  float: left;
  width: 100%;
  font-weight: bold;
  max-height: 2.4em;
  overflow: hidden;
  min-height: 2.4em;
}
/* Bilderwechsler */
.slideshow {
  top: 0;
  left: 0;
  overflow: hidden;
  width: 925px;
  height: 244px;
  margin: 16px auto;
}
.p .slideshow {
  width: 470px;
}
.width .slideshow {
  width: 727px;
}
/* Mitglieder */
div.t.stadtparlament .mitglieder {
  width: 100%;
}
div.t.stadtparlament .mitglied {
  float: left;
  width: 50%;
}
/* Mitglieder Detail */
div.t img.adressbild,
div.t div.adresse {
  float: left;
}
div.t div.adresse table {
  width: 301px;
  margin-bottom: 10px;
}
div.t div.adresse table th {
  width: 100px;
}
/* Suche */
div.geschaeftssuche div.search input.go {
  background: #fff url(../images/design/bhp/icon_suche.gif) no-repeat;
}
/* ------------ Veranstaltungen ------------------------------------------------------------- */
/* �bersicht */
div.t.stadtevent div.liste {
  float: left;
  border-bottom: 1px dotted #C8C8C8;
  padding: 10px 0 10px 0;
}
div.t.stadtevent div.liste img {
  float: left;
  width: 100px;
  padding: 0 10px 0 0;
}
div.t.stadtevent div.liste div.facts {
  float: left;
  width: 286px;
  margin-right: 10px;
}
div.t.stadtevent div.liste div.facts p.kategorie {
  font-weight: bold;
  text-transform: uppercase;
}
div.t.stadtevent div.liste div.datum {
  float: left;
  width: 65px;
  text-align: center;
  padding: 4px 0 0 0;
}
div.t.stadtevent div.liste div.datum span {
  display: block;
  color: #325da9;
}
div.t.stadtevent div.liste div.datum span.monat {
  font-size: 16px;
  padding: 0 0 2px 0;
}
div.t.stadtevent div.liste div.datum span.tag {
  font-size: 26px;
  padding: 5px 0 20px 0;
}
div.t.stadtevent span.pageicons {
  float: right;
}
div.t.stadtevent h3 {
  line-height: 1.3em;
}
/* Detail */
div.t.stadteventdetail img.detail {
  float: right;
  width: 200px;
  padding: 0 0 0 10px;
  margin: 0 0 10px 0;
}
div.t.stadteventdetail img.logo {
  width: 120px;
  margin: 10px 0 25px 0;
  float: left;
}
div.t.stadteventdetail div.facts {
  float: left;
  width: 250px;
}
div.t.stadteventdetail div.mehr {
  float: left;
}
div.t.stadteventdetail h3 {
  margin: -3px 0 10px 0;
  line-height: 1.3em;
}
div.t.stadteventdetail ul.links {
  margin: 5px 0 0 0;
}
div.t.stadteventdetail iframe {
  margin: 10px 0 0 0;
}
/* Suche */
div.t.stadtevent form.eventsuche label {
  width: auto;
  clear: none;
}
div.t.stadtevent form.eventsuche input.date {
  width: 120px;
  margin: 0 5px 0 8px;
}
div.t.stadtevent form.eventsuche img.datum {
  float: left;
  margin: 2px 15px 0 5px;
}
div.t.stadtevent form.eventsuche input.go {
  width: auto;
}
div.t.stadtevent form.eventsuche p {
  margin: 0 0 7px 0;
}
div.t.stadtevent div.sucheregional {
  float: left;
  width: 100%;
  margin: 10px 0 15px 0;
}
div.t.stadtevent div.sucheregional img {
  float: left;
}
div.t.stadtevent div.sucheregional p {
  float: left;
  margin: 6px 10px 0 0;
}
/* Teaser */
#service div.t.stadtevent img.kalender {
  margin: 0 0 15px 0;
}
#service div.t.stadtevent form {
  padding: 0 0 0 10px;
}
#service div.t.stadtevent form label,
#service div.t.stadtevent form input {
  width: auto;
}
#service div.t.stadtevent form label {
  color: #325da9;
}
#service div.t.stadtevent form div.search input.go {
  width: auto;
}
#service div.t.stadtevent form div.search input {
  width: 180px;
}
#service div.t.stadtevent form input.senden {
  width: 106px;
}
#service div.t.stadtevent select.dropdown-rubriken {
  width: 225px;
}
#service div.t.stadtevent input.datum {
  margin: 0 0 10px 10px;
  padding: 1px 1px 0 1px;
  border: solid 1px #c8c8c8;
  height: 18px;
  font-size: 1em;
  color: #325da9;
}
/* Kalender */
#service div.t.stadtevent #datepicker a:focus {
  border: 1px solid #E00025;
  outline: thin dotted;
}
/* Video */
.id-video .media a {
  display: none;
}
.video-wrapper,
.audio-wrapper {
  --plyr-color-main: #325da9;
}
.video-wrapper .plyr--video .plyr__control--overlaid {
  background-color: transparent;
  border: 2px solid #fff;
}
.video-wrapper .plyr--video .plyr__control--overlaid:hover {
  background-color: #325da9;
  border: none;
}
.audio-wrapper {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.video-wrapper .plyr__poster {
  background-size: cover;
}
.video-wrapper .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper,
.video-wrapper .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 100%;
}
.video-wrapper .plyr:-webkit-full-screen.plyr--vimeo > .plyr__video-wrapper > .plyr__video-embed__container,
.video-wrapper .plyr--fullscreen-fallback.plyr--vimeo > .plyr__video-wrapper > .plyr__video-embed__container {
  transform: none !important;
  position: initial;
}
.video-wrapper iframe {
  margin-top: 0 !important;
}
.video-wrapper .responsive-iframe {
  position: relative;
  padding-top: 56.25%;
  /* Default for 1600x900 videos 16:9 ratio*/
  padding-bottom: 5px;
  height: 0;
  overflow: hidden;
}
.video-wrapper .responsive-iframe iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
/* Videosammlung */
.videocollection .scrollable {
  position: relative;
  overflow: hidden;
  width: 400px;
  float: left;
  height: 120px;
}
.videocollection .scrollable .items {
  width: 20000em;
  position: absolute;
  clear: both;
}
.videocollection .scrollable .items div {
  float: left;
  width: 400px;
}
.videocollection .thumbs {
  background: url(../images/design/bhp/bg_videocollection.png) repeat-x top;
  height: 120px;
  margin-top: 10px;
  border-radius: 2px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.videocollection .thumbs .scrollable a {
  float: left;
  margin: 0;
  width: 116px;
  height: 75px;
  padding: 15px 0 0 17px;
}
.videocollection .thumbs .scrollable a img,
.videocollection .thumbs a span {
  display: block;
}
.videocollection .thumbs .scrollable a img {
  margin-bottom: 5px;
}
.videocollection .thumbs .scrollable a span {
  font-weight: bold;
}
.videocollection a.browse {
  background: url(../images/design/bhp/videocollection_arrow-right.png) no-repeat;
  float: left;
  width: 30px;
  height: 30px;
  margin: 40px 0 0 0;
  cursor: pointer;
  font-size: 1px;
}
.videocollection a.right {
  background: url(../images/design/bhp/videocollection_arrow-right.png) 10px 5px no-repeat;
}
.videocollection a.left {
  background: url(../images/design/bhp/videocollection_arrow-left.png) 10px 5px no-repeat;
}
.videocollection a.disabled {
  visibility: hidden !important;
}
/* Formulare */
::-webkit-input-placeholder {
  color: #325da9;
  text-transform: uppercase;
  font-weight: bold;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #325da9;
  text-transform: uppercase;
  font-weight: bold;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #325da9;
  text-transform: uppercase;
  font-weight: bold;
}
:-ms-input-placeholder {
  color: #325da9;
  text-transform: uppercase;
  font-weight: bold;
}
/* --- Paragraph Accordion ---- */
.minimalist-accordion {
  box-sizing: border-box;
  border-top: 2px solid #325da9;
  border-bottom: 2px solid #325da9;
  padding: 0 5px;
  margin-bottom: 10px;
  background-color: rgba(0, 70, 122, 0.05);
  width: 100%;
}
.minimalist-accordion__panel {
  padding-left: 2px;
}
h2.minimalist-accordion__title {
  display: none;
}
.minimalist-accordion__panel[aria-hidden=true] {
  display: none;
}
.minimalist-accordion__panel > .parsys > div:nth-last-child(2) {
  margin-bottom: 10px;
}
.minimalist-accordion__panel > .parsys > div:nth-last-child(2).p.imagetext {
  margin-bottom: 30px;
}
.minimalist-accordion__panel.noTitle div.parsys div.p:first-child > h2 {
  display: none;
}
.minimalist-accordion__header {
  display: block;
  background: none;
  margin: 0;
  padding: 5px 0 5px 20px;
  text-align: left;
  min-height: 28px;
  width: 100%;
  font-size: 1.32em;
  font-weight: normal;
  color: #325da9;
}
button.minimalist-accordion__header {
  border: 0;
  cursor: pointer;
  position: relative;
  outline: none;
}
.minimalist-accordion__header[aria-expanded="true"] {
  padding: 5px 0 15px 20px;
}
.minimalist-accordion__header:before {
  position: absolute;
  left: 0;
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  border-right-color: #325da9;
  content: '';
  height: 0.45em;
  vertical-align: top;
  width: 0.45em;
  color: #325da9;
}
.minimalist-accordion__header[aria-expanded="true"]:before {
  transform: rotate(135deg);
  top: 0.4em;
  left: 4px;
}
.minimalist-accordion__header[aria-expanded="false"]:before {
  transform: rotate(45deg);
  top: 0.5em;
}
/* 2. Ebene */
.minimalist-accordion .minimalist-accordion {
  border-top: none;
  border-bottom: none;
  padding: 0 0 0 15px;
}
.minimalist-accordion__panel > button {
  display: none;
}
button {
  outline: none;
}