/* (c) it.x informationssysteme gmbh, Alle Rechte vorbehalten. */
/* (c) it.x informationssysteme gmbh, Alle Rechte vorbehalten. */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''), url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* Form Hilfe */
/* Form Login */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
/* Allgemein */
html {
  height: 100%;
}
body {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  color: #000000;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
@media print {
  html,
  body {
    height: auto;
  }
}
td {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  color: #000000;
  padding: 10px 3px 12px 3px;
}
tr.zeile-abstand td {
  padding: 0;
}
b {
  font-weight: bold;
}
i {
  font-style: italic;
}
img {
  border: 0px;
}
label {
  display: block;
}
/* Links */
a:link,
a:visited,
a:hover,
a:active {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  text-decoration: none;
}
a:link {
  color: #444444;
}
a:visited {
  color: #444444;
}
a:hover {
  color: #444444;
  text-decoration: underline;
}
a:active {
  color: #444444;
}
/* Texte */
.text-8 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 9px;
  color: #000000;
}
.text-9 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  color: #000000;
}
.text-10 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  color: #000000;
}
.titel-10 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 12pt;
}
.titel-11 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 13pt;
}
.titel-12 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 13pt;
}
.titel-14 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  line-height: 16pt;
}
/* Klapper allgemein */
.klapper {
  background-color: transparent;
  margin: 0 0 1px 0;
}
.klapper .hinweis {
  margin: 1px 0 0 0;
  padding: 10px 20px 12px 20px;
  background-color: #f5f5f5;
  width: auto;
  margin-bottom: 20px;
}
.klapper .hinweis input,
.klapper .hinweis select,
.klapper .hinweis .form-dropdown,
.klapper .hinweis .form-feld,
.klapper .hinweis textarea {
  background-color: #fff;
}
.klapper .zeile {
  overflow: hidden;
  background-color: #ccc;
  cursor: pointer;
  padding: 0 1px 0 2px;
}
.klapper .zeile:hover {
  background-color: rgba(145, 25, 34, 0.5);
  color: #ffffff;
}
.klapper .zeile:hover .bild .fa {
  color: #ffffff;
}
.klapper .zeile:hover .text {
  color: #ffffff;
}
.klapper .zeile .bild {
  float: left;
  overflow: hidden;
  width: 16px;
  height: 22px;
  padding: 6px 0 0 0;
  text-align: center;
  margin-right: 2px;
}
.klapper .zeile .bild .fa {
  font-size: 14px;
  display: block;
  color: #000000;
}
.klapper .zeile .text {
  color: #000000;
  margin: 0 0 0 20px;
  padding: 3px 1px 3px 1px;
  line-height: 20px;
  font-weight: bold;
}
.klapper .zeile .leiste {
  float: right;
  padding-top: 4px;
}
.klapper .zeile .leiste td {
  padding: 0;
}
/* Autocomplete für Textfelder */
div.autocomplete {
  position: absolute;
  max-height: 200px;
  overflow: auto;
  background-color: #FFF;
  border: 1px solid #6F6F6F;
  margin: 0px;
  padding: 0px;
  z-index: 9999;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}
div.autocomplete ul li.selected {
  background-color: rgba(145, 25, 34, 0.5);
}
/* Plugin Styles */
.mce-cyconlink,
.mce-cyconimage,
.mce-cycondownload {
  cursor: pointer !important;
}
@font-face {
  font-family: 'cycon';
  src: url('cycon.eot?1jkcz8');
  src: url('cycon.eot?#iefix1jkcz8') format('embedded-opentype'), url('cycon.woff?1jkcz8') format('woff'), url('cycon.ttf?1jkcz8') format('truetype'), url('cycon.svg?1jkcz8#cycon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.mce-i-download {
  font-family: 'cycon', Arial !important;
}
.mce-i-download:before {
  content: "\e600";
}
.mce-i-table_vita:before {
  content: "\e01b";
}
/* Bootstrap Table */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
.clearfix {
  clear: both;
  float: none;
  width: 100%;
}
#content .pixy .buehne {
  overflow: auto;
  background: #efefef url('../../pics/raster.gif');
}
#content .pixy .buehne img {
  display: block;
}
#content .pixy table {
  display: table;
}
#content .pixy table tr {
  display: table-row;
}
#content .pixy table tr td {
  display: table-cell;
}
#content .pixy .pixy-hoehenausgleich {
  height: 5 12px;
  width: 100%;
}
#content .pixy .pixy-infotable input.form {
  margin-right: 6px;
}
#content .pixy .titel-l {
  margin: 0;
}
#content .pixy .titel-l .titel-text {
  float: none;
}
#content .pixy .titel-l:first-of-type {
  margin-top: -8px;
}
#content .pixy .form-dropdown {
  background-color: #fff;
}
#content .pixy .pixy-tabelle {
  width: 100%;
  height: auto;
  max-height: 100%;
  background: #efefef;
  padding: 5px;
}
#content .pixy .pixy-tabelle input {
  background-color: #fff;
}
.form-colordisc .rgb.form {
  border: 0px solid transparent;
  display: block;
  padding: 0;
  float: left;
  width: auto;
}
.form-colordisc .rgb + img {
  float: left;
  cursor: pointer;
}
.form-colordisc .rgb input {
  float: left;
  width: auto;
}
.form-colordisc .rgb span {
  float: left;
  background-color: transparent;
  border: 1px solid #6D6D6D;
  border-radius: 0.5em;
  display: inline-block;
  height: 25px;
  margin: 0 7px 0 0;
  vertical-align: middle;
  width: 25px;
}
.form-colordisc .rgb-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 266px;
  height: 170px;
  border: 1px solid #6D6D6D;
}
.form-colordisc .rgb-popup div {
  float: left;
  height: 24px;
  width: 24px;
  border: 1px solid #fff;
  cursor: pointer;
}
.form-colordisc .colordisc {
  position: relative;
  overflow: visible;
  z-index: 1;
}