/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}/* ::: Basis-Elemente ::: */
/* einkommentieren, wenn Fade-In gewünscht => dann initLazyLoad() erst beim Success ShowAll() ausführen
form {
  opacity: 0;
}
*/

.clear,
.spacer,
.halfspacer,
.quarterspacer,
.minispacer,
.doublespacer,
.imgfspacer {
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
  display:block;
}
.doublespacer   { height:32px; }
.spacer     { height:16px; }
.halfspacer   { height:8px; }
.quarterspacer   { height:4px; }
.minispacer   { height:2px; }
.none,
.hide {
  display:none;
}
hr {
  clear: both;
  height: 2px;
  margin: 30px 0 5px;
  padding: 0;
  border: none;
  background-color: #6588a4;
  font-size: 0;
  line-height: 0;
}
img {
    vertical-align:bottom;
    width:100%;
    max-width:100%;
}
.left   { float:left; }
.right   { float:right; }
.even   { background-color:#CCC; }
.odd   { background-color:#EEE; }
figcaption {
 font-style:italic;
 font-size:10px;
}
.error {
  color:#e60003;
}

.errorlabel {
  display: block;
}
.searchword {
  background-color:#333;
  color:#fff;
}
.anker {
    text-decoration:none;
}

/* ::: onpublix-Textausrichtung ::: */
.textleft    { text-align:left; }
.textcenter  { text-align:center; }
.textright   { text-align:right; }
.textjustify { text-align:justify; }

/* ::: Abstände ::: */
figure,
audio,
video,
canvas,
.youtube,
.generate-ui-tab,
div.ui-accordion,
table.tabelle,
.errorlabel {
  margin: 0 0 16px;
}

audio {
    max-width:100%;
}
video {
    max-width:100%;
    height:auto;
}

figure {
    position:relative;
    z-index:1;
    text-align:center;
}

/* ::: Imgleft/Imgright/Gallery/Zoomable ::: */
figure.imgleft,
figure.imgright {
    display:table;
    padding-top:2px;
    max-width: 250px; /* je nach Layout anzupassen */
    width: 100%;
}
figure.imgleft { /* display und width wegen gewuenschtem Caption-Verhalten */
  float:left;
  margin:0 10px 5px 0;
  text-align:left;
}
figure.imgright { /* display und width wegen gewuenschtem Caption-Verhalten */
  float:right;
  margin:0 0 5px 10px;
  text-align:right;
}
figure.imgleft img,
figure.imgright img {
    width:100%;
}
figure.zoomable > span.figurewrapper,
figure.gallery > span.figurewrapper {
    position:relative;
    z-index:1;
    display:inline-block;
    width:100%;
    cursor:pointer;
}
figure.imgleft span.figurewrapper,
figure.imgright span.figurewrapper {
    display:block;
}
figure.gallery > span.figurewrapper a:first-child {
    position:relative;
    z-index:1;
    display:block;
}
figure.zoomable > span.figurewrapper:after,
figure.gallery > span.figurewrapper a:first-child:after {
    content:'';
    display:block;
    position:absolute;
    z-index:1;
    bottom:0;
    right:0;
    width:19px;
    height:19px;
    background:url(/img/system/icons/zoombox.gif) 0 0 no-repeat;
}
figure.gallery > span.figurewrapper a:first-child:after {
    background-image:url(/img/system/icons/gallery.gif);
}
div.textnf {
  display:table;
}

/* :::  Quicknav ::: */
a.jumpto {
  display:block; 
  position:absolute; 
  top:6px; 
  left:-1000px; 
  z-index:100; 
  padding:10px; 
  font-size:16px; 
  line-height:1.5em;
  font-weight:bold; 
  color:#000;
  background-color:#FFFF8D; 
}
a.jumpto:focus, 
a.jumpto:active {
  left:0;
}

/* :::  YouTube-Baustein ::: */
.youtube {
  position: relative; 
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.youtube iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/* :::  Korrekturen ::: */
body .ui-widget {
  font-size:1em;
}

.generate-ui-tab .supertab-head {
    display:none;
}

.ui-tabs .ui-tabs-nav li a,
.ui-state-default a 
{ 
  outline:none;  /* Mix aus normalize und jquery-ui */
}
.mejs-container,
.mejs-container .mejs-layer {
    max-width:100%;
}




.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom:1;
}

.clear {
    clear: both;
}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('/img/system/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/img/system/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/img/system/fancybox/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  /*background: url('/img/system/fancybox/fancybox_overlay.png');*/
  background: rgba(0, 0, 0, .3);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5){

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('/img/system/fancybox/fancybox_sprite@2x.png');
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url('/img/system/fancybox/fancybox_loading@2x.gif');
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}/* ::: Tabelle ::: */
.tabelle-wrapper {
  width: 100%;
  overflow: auto;
}

.tabelle {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

  .tabelle thead tr {
  }

    .tabelle thead tr th,
    .tabelle tbody tr.headline td {
      padding: 5px;
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc;
      background: #e8e8e8;
      font-weight: bold;
      text-align: left;
      vertical-align: top;
    }

  .tabelle tbody tr td {
    padding: 5px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: top;
  }

  .tabelle p {
    margin: 0;
  }

    .tabelle p + p {
      margin-top: 12px;
    }/* ::: Formulare ::: */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  width: 550px;
}

legend {
  display: none;
}

.row {
  margin-bottom: 5px;
}

  .row:last-child {
    margin-bottom: 0;
  }

  .row:after {
    content: "";
    display: block;
    clear: both;
  }

.lt-ie9 .row:after {
  zoom: 1;
}

label {
  float: left;
  width: 170px;
  line-height: 30px;
  padding: 4px 0;
  margin-right: 20px;
}

  label + span {
    float: left;
    width: 652px;
    line-height: 30px;
    padding: 4px 0;
  }

  label span {
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    display: block;
  }

  label.infoLabel {
    width: 100%;
    float: none;
    margin: 10px 0 5px;
    display: block;
  }
  
  
  input[type=date],
  input[type=datetime],
  input[type=datetime-local],
  input[type=email],
  input[type=month],
  input[type=number],
  input[type=password],
  input[type=range],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=time],
  input[type=url],
  input[type=week],
  textarea,
  select {
    border-radius: 3px;
  }

  input.buttonafter,
  select.buttonafter {
    border-radius: 3px 0 0 3px;
    border-right: 0;
  }


  input.text,
  textarea.text,
  select.text,
  div.plzort,
  div.radioButtonListWrapper,
  div.captcha div,
  div.captcha input {
    float: left;
    line-height: 36px;
    height: 36px;
  }

div.radioButtonListWrapper,
div.plzort {
  width: 300px;
}

div.captcha div {
  height: auto;
  width: 307px;
}

input.text,
textarea.text,
select.text {
  width: 288px;
  border: 1px solid #CCC;
  background: #fff;
}

input.text,
textarea.text,
select.text {
  padding: 0 10px;
}

input.zipcode {
  float: left;
  width: 50px;
  margin-right: 10px;
}

input.zipcodeen {
  float: left;
  width: 75px;
}

input.city {
  width: 206px;
}

input.cityen {
  width: 191px;
}

textarea.text {
  height: 150px;
}

select.text {
  width: 310px;
  height: 38px;
}

input.file {
  margin: 8px 0;
}

div.radioButtonWrapper {
  float: left;
  margin-right: 20px;
}

  div.radioButtonWrapper label,
  label.labelradio {
    width: auto;
  }

input.radio {
  float: left;
  margin-top: 9px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

div.captcha {
  margin: 20px 0 20px 190px;
}

  div.captcha div {
    clear: both;
    margin-bottom: 5px;
  }

  div.captcha img {
    float: left;
    cursor: pointer;
    border: 1px solid #CCC !important;
    margin-bottom: 5px;
  }

  div.captcha input {
    float: left;
    width: 130px;
  }

.ErrorLabel {
  line-height: normal;
  padding: 6px 0;
}

  .ErrorLabel.red {
    color: #9e3039;
  }

div.absenden {
  padding-top: 20px;
  float: right;
  position: relative;
}

  div.absenden a {
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 19px;
    background-color: #9e3039;
    color: #FFFFFF;
    border-radius: 3px;
    margin-left: 15px;
    text-decoration: none;
  }


.sucheingabe {
  margin-bottom: 20px;
}




select.text.radius {
  margin-left: 10px;
  width: 70px;
}

select.text.einheit {
  margin-left: 10px;
  width: 120px;
}

a.searchsubmit {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 42px;
  line-height: 40px;
  padding: 0 19px;
  background-color: #9e3039;
  color: #FFFFFF;
  border-radius: 0 3px 3px 0;
  text-decoration: none !important;
}

  a.searchsubmit.withmargin {
    margin-left: 20px;
    border-radius: 3px;
  }

.formleft {
  float: left;
  width: 60%;
}

.formright {
  float: right;
  width: 40%;
}

.one2nList {
  margin-bottom: 20px;
}

.one2nListGrid td,
.one2nListGrid th {
  padding: 5px;
}

.one2nListTableWrapper {
  margin-bottom: 10px;
}

.one2nListGrid td.deleteItem {
  padding-left: 11px;
}

.one2nListGrid td select {
  float: right;
  width: 100%;
}

.one2nList {
  float: left;
}

.one2nListTableWrapper table td:first-child {
  padding-left: 0;
}

.one2nListTableWrapper th, .one2nListTableWrapper td {
  border-bottom: none;
  padding: 10px;
}

.one2nlistaction {
  width: 25px;
}

.one2nListTableWrapper select {
  width: 251px;
}

.one2nlistaction a {
  display: block;
  height: 38px;
  line-height: 38px;
  margin: 0 0 0 0;
  padding: 0 10px;
  background: #6588a4;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
}


  .one2nlistaction a span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 0 -3px 0;
    background: url(/img/system/sprite.png) 0 0 no-repeat;
  }


.one2nListWrapper button.add,
.one2nListWrapper button.remove {
  display: block;
  height: 38px;
  line-height: 38px;
  margin: 0 0 0 0;
  padding: 0 10px;
  background: #6588a4;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
}

.one2nListWrapper button.add span,
.one2nListWrapper button.remove span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 0 -3px 0;
}

.one2nListWrapper button.add span {
  background: url(/img/system/sprite.png) -150px -60px no-repeat;
}
.one2nListWrapper button.remove span {
  background: url(/img/system/sprite.png) -420px -120px no-repeat;
}

.one2nListWrapper .buttons {
  margin: 0;
}




.buttons button {
  background-repeat: no-repeat;
  background-position: 13px 12px;
  border-radius: 8px;
  height: 40px;
  line-height: 40px;
  padding: 0 13px 0 40px;
  background-color: #6589a5;
  color: #FFFFFF;
  text-decoration: none;
  border: 0;
}

button.deletebutton {
  background-image: url(/img/system/minus.png);
  float: left;
}

button.addbutton {
  background-image: url(/img/system/add.png);
  float: right;
}

.oldvalue {
  float: left;
  line-height: 30px;
  padding: 6px 0 6px 20px;
  color: #aaaaaa;
}


.formfullwidth textarea.text {
  width: 916px;
  height: 250px;
}

img.ui-datepicker-trigger {
  width: 30px;
  height: 30px;
  margin: 5px 0 0 5px;
}

input.date {
  width: 250px !important;
  border-right: 0;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 3px !important;
}

  input.date + img.ui-datepicker-trigger {
    width: 38px;
    height: 38px;
    margin: 0;
    background: #6588a4;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }

.sucheingabe input.date {
  width: 80px !important;
  margin-left: 10px;
}

  .sucheingabe input.date + img.ui-datepicker-trigger {
    width: 42px;
    height: 42px;
    background: #9e3039;
    float: left;
  }

input.error,
input[type=text].error,
input[type=number].error,
textarea.error,
select.error,
#stammdaten input[type=text].error,
#stammdaten input[type=number].error,
#stammdaten textarea.text.error,
#stammdaten select.error {
  border-color: #e60003;
}




/**//* ::: Gallery ::: */
.gallery {
}
div.gallerybox {
}
div.gallnavi {
    float:right;
}
div.gallnavi a {
  float:left;
  height:16px;
  width:11px;
  line-height:16px;
  padding: 0 2px 1px 2px;
  margin-left:6px;
  font-weight:bold;
  color:#FFF;
  background-color:#DFC686;
  text-decoration:none;
  text-align:center;
}
div.gallnavi a.selected {
  background-color:#A44E13;
}
div.gallerybox {
  margin-top:10px;
}
div.galleryrow {
  clear:both;
}
div.gallerybox a.gallery {
  display:block;
  float:left;
  width: 180px;
  height:140px;
  background-color:#ebebeb;
  background-position:center center;
  background-repeat:no-repeat;
  margin: 0 20px 20px 0;
}
div.gallerybox a.last {
  margin-right:0;
}/* ::: Pager ::: */
.pager {
  margin: -26px 25px 16px;
  padding: 25px 0 16px;
  border-top: 1px solid #ccc;
}

.pager-backward {
  float: left;
}

.pager-forward {
  float: right;
}

.pager .nav a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/img/system/sprite.png) 0 0 no-repeat;
  margin: -7px 5px 0;
  text-decoration: none;
}

.pager-info {
  text-align: center;
}


.pager-small {
  margin: 0 0 0;
  padding: 5px 0 0;
}

  .pager-small .nav a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/img/system/sprite.png) 0 0 no-repeat;
    margin: 0;
    text-decoration: none;
  }

  .pager-small .nav {
    width: 60px;
    min-height: 10px;
  }

  .pager-small.prevnextonly .nav {
    width: 30px;
  }

  .pager-small .pager-info {
    text-align: center;
    font-size: 12px;
    line-height: 30px;
  }

  .pager .nav .first, .pager-small .nav .first {
    background-position: -180px -90px;
  }

  .pager .nav .prev, .pager-small .nav .prev {
    background-position: -210px -90px;
  }

  .pager .nav .next, .pager-small .nav .next {
    background-position: 0 -120px;
  }

  .pager .nav .last, .pager-small .nav .last {
    background-position: -30px -120px;
  }/* ::: uaWarning ::: */
#uaWarningWrapper {
  background-color: #ffe9af;
  border-bottom: 1px solid #c0c0c0;
}

#uaWarning {
  max-width: 1024px;
  margin: 0 auto;
  padding: 24px 16px;
}

#uaWarningClose {
  text-align: right;
  cursor: pointer;
}/*!
 * FullCalendar v3.1.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2016 Adam Shaw
 */


.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
  font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content, /* for gutter border */
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

  .fc-unthemed .fc-divider,
  .fc-unthemed .fc-popover .fc-header,
  .fc-unthemed .fc-list-heading td {
    background: #eee;
  }

    .fc-unthemed .fc-popover .fc-header .fc-close {
      color: #666;
    }

.fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
  background: #bce8f1;
  opacity: .35;
}

.fc-bgevent { /* default look for background events */
  background: rgb(143, 223, 130);
  opacity: .35;
}

.fc-nonbusiness { /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

  /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

  .fc-icon:after {
    position: relative;
  }

.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em; /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

  /* Firefox has an annoying inner border */
  .fc button::-moz-focus-inner {
    margin: 0;
    padding: 0;
  }

.fc-state-default { /* non-theme */
  border: 1px solid;
}

  .fc-state-default.fc-corner-left { /* non-theme */
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .fc-state-default.fc-corner-right { /* non-theme */
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
  position: relative;
  top: -0.05em; /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
  margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

  .fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
    padding: 2px 4px;
  }

    .fc-popover .fc-header .fc-title {
      margin: 0 2px;
    }

    .fc-popover .fc-header .fc-close {
      cursor: pointer;
    }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

  .fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px;
  }

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0; /* strech bg to bottom edge */
}

  .fc-bg table {
    height: 100%; /* strech bg to bottom edge */
  }


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
  width: 100%;
  box-sizing: border-box; /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em; /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

  .fc td.fc-today {
    border-style: double; /* overcome neighboring borders */
  }


/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/

a[data-goto] {
  cursor: pointer;
}

  a[data-goto]:hover {
    text-decoration: underline;
  }


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
  position: relative;
}

  .fc-row .fc-bg {
    z-index: 1;
  }

  /* highlighting cells & background event skeleton */

  .fc-row .fc-bgevent-skeleton,
  .fc-row .fc-highlight-skeleton {
    bottom: 0; /* stretch skeleton to bottom of row */
  }

    .fc-row .fc-bgevent-skeleton table,
    .fc-row .fc-highlight-skeleton table {
      height: 100%; /* stretch skeleton to bottom of row */
    }

    .fc-row .fc-highlight-skeleton td,
    .fc-row .fc-bgevent-skeleton td {
      border-color: transparent;
    }

  .fc-row .fc-bgevent-skeleton {
    z-index: 2;
  }

  .fc-row .fc-highlight-skeleton {
    z-index: 3;
  }

  /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

  .fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px; /* matches the space above the events */
  }

  .fc-row .fc-helper-skeleton {
    z-index: 5;
  }

    .fc-row .fc-content-skeleton td,
    .fc-row .fc-helper-skeleton td {
      /* see-through to the background below */
      background: none; /* in case <td>s are globally styled */
      border-color: transparent;
      /* don't put a border between events and/or the day number */
      border-bottom: 0;
    }

    .fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
    .fc-row .fc-helper-skeleton tbody td {
      /* don't put a border between event cells */
      border-top: 0;
    }


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

  /* TODO: move to agenda/basic */
  .fc-scroller > .fc-day-grid,
  .fc-scroller > .fc-time-grid {
    position: relative; /* re-scope all positions */
    width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  }


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
  position: relative; /* for resize handle and other inner positioning */
  display: block; /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad; /* default BORDER color */
  font-weight: normal; /* undo jqui's ui-widget-header bold */
}

.fc-event,
.fc-event-dot {
  background-color: #3a87ad; /* default BACKGROUND color */
}

  /* overpower some of bootstrap's and jqui's styles on <a> tags */
  .fc-event,
  .fc-event:hover,
  .ui-widget .fc-event {
    color: #fff; /* default TEXT color */
    text-decoration: none; /* if <a> has an href */
  }

    .fc-event[href],
    .fc-event.fc-draggable {
      cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
    }

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25;
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

/* resizer (cursor AND touch devices) */

.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

/* resizer (touch devices) */

.fc-event .fc-resizer {
  display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

  /* hit area */

  .fc-event.fc-selected .fc-resizer:before {
    /* 40x40 touch area */
    content: "";
    position: absolute;
    z-index: 9999; /* user of this util can scope within a lower z-index */
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }


/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/

.fc-event.fc-selected {
  z-index: 9999 !important; /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

  .fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }


/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3; /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px; /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px; /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px; /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px; /* overcome border */
}

/* resizer (mouse devices) */

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px; /* overcome top border */
  bottom: -1px; /* overcome bottom border */
}

/* resizer (touch devices) */

.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px; /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px; /* centers the 8x8 dot on the right edge */
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
  margin: 1px 2px 0; /* spacing between events and edges */
  padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px; /* a little bit more space before the first event */
}

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1; /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}

.fc-day-grid-event .fc-content { /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resizer (cursor devices) */

/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px; /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px; /* to the day cell's edge */
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

  a.fc-more:hover {
    text-decoration: underline;
  }

.fc-limited { /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
  z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

  .fc-more-popover .fc-event-container {
    padding: 10px;
  }


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}


/* Utilities
--------------------------------------------------------------------------------------------------*/

.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
  text-align: center;
}

  .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em;
  }

  .fc-toolbar.fc-footer-toolbar {
    margin-top: 1em;
  }

  .fc-toolbar .fc-left {
    float: left;
  }

  .fc-toolbar .fc-right {
    float: right;
  }

  .fc-toolbar .fc-center {
    display: inline-block;
  }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */

.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}



/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
  overflow: hidden;
}

  .fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

/* week and day number styling */

.fc-day-top.fc-other-month {
  opacity: 0.3;
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px;
}

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px; /* column headers can't have as much v space */
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

/* when week/day number have own column */

.fc-basic-view td.fc-week-number {
  text-align: center;
}

  .fc-basic-view td.fc-week-number > * {
    /* work around the way we do column resizing and ensure a minimum width */
    display: inline-block;
    min-width: 1.25em;
  }


/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2; /* so the "more.." popover will be over the time grid */
}

  .fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em; /* all-day section will never get shorter than this */
  }

    .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
      padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
    }


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

.ui-widget td.fc-axis {
  font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

  .fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
    border: 0 hidden transparent;
  }

  .fc-time-grid > .fc-bg {
    z-index: 1;
  }

  .fc-time-grid .fc-slats,
  .fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
    position: relative;
    z-index: 2;
  }

  .fc-time-grid .fc-content-col {
    position: relative; /* because now-indicator lives directly inside */
  }

  .fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
  }

  /* divs within a cell within the fc-content-skeleton */

  .fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1;
  }

  .fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2;
  }

  .fc-time-grid .fc-highlight-container {
    position: relative;
    z-index: 3;
  }

  .fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4;
  }

  .fc-time-grid .fc-now-indicator-line {
    z-index: 5;
  }

  .fc-time-grid .fc-helper-container { /* also is fc-event-container */
    position: relative;
    z-index: 6;
  }


  /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

  .fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0; /* each cell is responsible for its top border */
  }

  .fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted;
  }

  .fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
    background: none; /* see through to fc-bg */
  }


  /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

  .fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
    position: relative; /* scopes the left/right of the fc-highlight to be in the column */
  }

  .fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0;
    /* top and bottom will be in by JS */
  }


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}


/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
  overflow: hidden; /* don't let the bg flow over rounded corners */
}

  .fc-time-grid-event.fc-selected {
    /* need to allow touch resizers to extend outside event's bounding box */
    /* common fc-selected styles hide the fc-bg, so don't need this anyway */
    overflow: visible;
  }

    .fc-time-grid-event.fc-selected .fc-bg {
      display: none; /* hide semi-white background, to appear darker */
    }

  .fc-time-grid-event .fc-content {
    overflow: hidden; /* for when .fc-selected */
  }

  .fc-time-grid-event .fc-time,
  .fc-time-grid-event .fc-title {
    padding: 0 1px;
  }

  .fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap;
  }

  /* short mode, where time and title are on the same line */

  .fc-time-grid-event.fc-short .fc-content {
    /* don't wrap to second line (now that contents will be inline) */
    white-space: nowrap;
  }

  .fc-time-grid-event.fc-short .fc-time,
  .fc-time-grid-event.fc-short .fc-title {
    /* put the time and title on the same line */
    display: inline-block;
    vertical-align: top;
  }

    .fc-time-grid-event.fc-short .fc-time span {
      display: none; /* don't display the full time text... */
    }

    .fc-time-grid-event.fc-short .fc-time:before {
      content: attr(data-start); /* ...instead, display only the start time */
    }

    .fc-time-grid-event.fc-short .fc-time:after {
      content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
    }

  .fc-time-grid-event.fc-short .fc-title {
    font-size: .85em; /* make the title text the same size as the time */
    padding: 0; /* undo padding from above */
  }

  /* resizer (cursor device) */

  .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
  }

    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
      content: "=";
    }

  /* resizer (touch device) */

  .fc-time-grid-event.fc-selected .fc-resizer {
    /* 10x10 dot */
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    /* horizontally center */
    left: 50%;
    margin-left: -5px;
    /* center on the bottom edge */
    bottom: -5px;
  }


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px; /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}



/* List View
--------------------------------------------------------------------------------------------------*/

/* possibly reusable */

.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

/* view wrapper */

.fc-rtl .fc-list-view {
  direction: rtl; /* unlike core views, leverage browser RTL */
}

.fc-list-view {
  border-width: 1px;
  border-style: solid;
}

/* table resets */

.fc .fc-list-table {
  table-layout: auto; /* for shrinkwrapping cell content */
}

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.fc-list-table tr:first-child td {
  border-top-width: 0;
}

/* day headings with the list */

.fc-list-heading {
  border-bottom-width: 1px;
}

  .fc-list-heading td {
    font-weight: bold;
  }

.fc-ltr .fc-list-heading-main {
  float: left;
}

.fc-ltr .fc-list-heading-alt {
  float: right;
}

.fc-rtl .fc-list-heading-main {
  float: right;
}

.fc-rtl .fc-list-heading-alt {
  float: left;
}

/* event list items */

.fc-list-item.fc-has-url {
  cursor: pointer; /* whole row will be clickable */
}

.fc-list-item:hover td {
  background-color: #f5f5f5;
}

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

  .fc-list-item-title a[href]:hover {
    /* hover effect only on titles with hrefs */
    text-decoration: underline;
  }

/* message when no events */

.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.fc-unthemed .fc-list-empty { /* theme will provide own background */
  background-color: #eee;
}@charset "UTF-8";
/*
$default-color: #0052A8; //6588a4;
$primary-color: #FFD800; //9e3039;
$error-color: #a80000;
$warning-color: orange;
*/
:root {
  --default-color: #6588a4;
  --default-color-font: #fff;
  --primary-color: #9e3039;
  --primary-color-font: #fff;
  --link-color: #6588a4;
  --gray-background: #CDCCD2;
  --red-background: #EC8F8F;
  --green-background: #B8EDAE;
  --yellow-background: #decc26;
  --error-color: #a80000;
  --warning-color: orange; }

/* ::: Allgemeine Layoutelemente ::: */
html {
  height: 100%; }

body,
body .ui-widget,
input,
textarea,
select {
  font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 16px;
  color: #333; }

.sucheingabe select.text {
  height: 42px; }

.dropdownsfullwidth select.text {
  width: 100%; }

body {
  position: relative;
  word-wrap: break-word;
  /* Macht dies mehr Probleme als Vorteile? Zuvor nur auf <p>. Bitte Rückmeldung an MKL */
  background-image: url(/img/system/background-pattern.png);
  background-image: url(/img/system/background-pattern.png), url(/img/system/background-glow.png);
  background-position: center 45px;
  background-attachment: fixed;
  background-color: #6A85A5;
  /*#526882;*/
  min-height: 100%;
  padding: 0 0 95px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333; }

body.popup {
  min-height: 0;
  padding: 10px;
  background: #fff;
  line-height: 1.4; }

#popupcontainer h2 {
  margin: 0 0 10px; }

* {
  outline: medium none !important; }

h1 {
  font-size: 16px;
  line-height: 18px; }

h1.bigred {
  color: #f00;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  margin: 10px 0 0 25px;
  padding: 0; }

h2 {
  font-size: 12px;
  line-height: 16px; }

h3 {
  font-size: 11px;
  line-height: 14px; }

h4 {
  font-size: 11px;
  line-height: 14px; }

h5 {
  font-size: 11px;
  line-height: 14px; }

h6 {
  font-size: 11px;
  line-height: 14px; }

p {
  margin: 0 0 12px 0; }

a,
.button span {
  color: var(--link-color);
  text-decoration: none; }

a:hover,
a:focus,
a:active {
  text-decoration: underline; }

a[href^="tel"] {
  color: #000; }

.hide, .hidden {
  display: none; }

.green {
  color: #309e39; }

.red {
  color: #b74441; }

.widthauto {
  width: auto; }

.fontsize13 {
  font-size: 13px; }

.lightgrey, .lightgrey a {
  color: #D8D8D8; }

.strikethrough {
  text-decoration: line-through; }

/* ######## Header ######## */
header {
  background-color: #FFFFFF;
  min-width: 1180px; }

.headerinner {
  padding: 20px 0 0;
  margin: 0 auto;
  width: 1180px; }

.headerleft {
  float: left; }

.headerleft .logo,
.headerleft h1 {
  float: left; }

.headerleft .logo img {
  width: auto;
  height: 70px; }

.headerright {
  float: right;
  color: #999;
  line-height: 1rem; }

.headmetanavi .settings {
  color: #999; }

.headmetanavi .settings span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -3px 0 -5px 5px;
  background: url(/img/system/sprite.png) 0 0 no-repeat; }

#vertreter {
  float: right;
  margin-top: 10px; }

#vertreterdropdown {
  float: right;
  margin-top: 20px;
  line-height: 30px;
  padding: 10px;
  background-color: #f0f0f0; }

#vertreterdropdown select {
  margin-top: 5px;
  padding: 5px;
  width: 100%; }

.navbar {
  float: left;
  min-height: 70px; }

.mainnavi {
  margin-top: 30px; }

.mainnavi ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.mainnavi ul li {
  padding: 0;
  margin: 0 20px 0 0;
  list-style: none;
  float: left;
  font-size: 18px;
  line-height: 20px; }

.mainnavi ul li:last-child {
  margin: 0; }

.mainnavi ul li a {
  color: #666666;
  padding: 10px 20px 13px;
  display: block;
  text-decoration: none;
  cursor: pointer; }

.mainnavi ul li:hover a,
.mainnavi ul li.selected a {
  text-decoration: none;
  color: var(--primary-color);
  padding-bottom: 10px;
  border-bottom: 3px var(--primary-color) solid; }

.partnerportallogo {
  float: right; }

.partnerportallogo img {
  width: 303px; }

/* ##### Footer ##### */
footer {
  position: absolute;
  width: 100%;
  min-width: 1180px;
  background-color: #262626;
  color: #999;
  height: 95px;
  bottom: 0px;
  z-index: 1; }

.footerinner {
  padding: 50px 0 0;
  margin: 0 auto;
  width: 1180px; }

footer a {
  color: #999;
  text-decoration: none; }

footer a:hover {
  text-decoration: underline;
  cursor: pointer; }

footer .copyright {
  float: left;
  margin: 0 auto;
  padding: 0 0;
  max-width: 1100px; }

footer .metanavi {
  float: right; }

.ui-tester {
  background-color: yellow; }

/* ::: Seitenaufbau ::: */
#container {
  border-top: #999 4px solid; }

#container.vertriebsansicht {
  border-top: var(--primary-color) 4px solid; }

/* ##### Content ##### */
.contentwrapper {
  padding: 50px 0;
  width: 1180px;
  margin: 0 auto; }

ul.vertical {
  list-style: none;
  margin: 0;
  padding: 0; }

ul.vertical li {
  float: left;
  margin: 0 30px 0 0; }

ul.vertical li:last-child {
  margin: 0; }

header ul.vertical {
  float: right; }

header ul.vertical div a,
#vertreter a {
  margin: 0 0 0 10px; }

#container:not(.trainingscenter) {
  /* ##### Content Homepage ##### */
  /*
  .contentoverview .button a > span,
  .contentoverview .button > span > span {
    position:absolute;
    top:7px;
    left:13px;
    display:inline-block;
    width:30px;
    height:30px;
    background:url(/img/system/sprite.png) 0 0 no-repeat;
    margin-right:13px;
  }
  */
  /***** normale Content-Seiten *****/
  /*#verkaufsinformationen input[type=text],*/
  /*
    #verkaufsinformationen table {
        margin:0;
        border-collapse:collapse;
    }
    #verkaufsinformationen thead {
        background:#f0f0f0;
    }
    #verkaufsinformationen thead th {
        font-weight:normal;
        text-align:center;
        vertical-align:top;
        padding:35px 25px 15px;
    }
    #verkaufsinformationen tbody td {
        text-align:center;
        vertical-align:middle;
        padding:10px 25px;
        border:none;
    }
    #verkaufsinformationen tr th:first-child,
    #verkaufsinformationen tr td:first-child {
        font-weight:bold;
        padding-left:20px;
        text-align:right;
    }
    #verkaufsinformationen tr th:last-child,
    #verkaufsinformationen tr td:last-child {
        padding-right:20px;
    }
    #verkaufsinformationen tr th.title {
        font-size:20px;
        font-weight:bold;
        color:var(--primary-color);
    }
    #verkaufsinformationen input[type=text] {
        width:120px;
        text-align:center;
    }
    #verkaufsinformationen .sales {
        margin-left:10px;
    }
    */
  /* ##### Besuche ##### */
  /* ##### Historie ##### */
  /* ##### Massnahmen ##### */
  /* Touren */
  /* ##### Audit ##### */
  /* ##### News ##### */
  /* DatePicker jQuery-UI */ }
  #container:not(.trainingscenter) .textcenter {
    text-align: center !important; }
  #container:not(.trainingscenter) .textright,
  #container:not(.trainingscenter) .number {
    text-align: right !important; }
  #container:not(.trainingscenter) .textbold {
    font-weight: bold !important; }
  #container:not(.trainingscenter) .reject {
    background-color: var(--primary-color) !important; }
  #container:not(.trainingscenter) .accept {
    background-color: #309e39 !important; }
  #container:not(.trainingscenter) .inactive {
    background-color: #ccc !important;
    cursor: default; }
  #container:not(.trainingscenter) .relative {
    position: relative; }
  #container:not(.trainingscenter) .padding30 {
    padding: 30px; }
  #container:not(.trainingscenter) .paddingtop30 {
    padding-top: 30px; }
  #container:not(.trainingscenter) .cbToggle {
    display: none; }
  #container:not(.trainingscenter) .cbToggleUI {
    display: inline-block;
    width: 40px;
    height: 22px;
    margin: -2px 0 0 0;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) .rbToggle {
    display: none;
    margin-right: 5px; }
  #container:not(.trainingscenter) .rbToggleUI {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 5px -5px 0;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) .rbToggleUI + label {
    float: none; }
  #container:not(.trainingscenter) .width490 {
    width: 490px; }
  #container:not(.trainingscenter) .logincontainer,
  #container:not(.trainingscenter) .width500 {
    width: 500px; }
  #container:not(.trainingscenter) .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -ms-box-orient: horizontal;
    display: -webkit-flex;
    display: flex; }
  #container:not(.trainingscenter) .flexwrap {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  #container:not(.trainingscenter) .button,
  #container:not(.trainingscenter) .button * {
    text-decoration: none !important; }
  #container:not(.trainingscenter) .contentoverview {
    background-color: #FFFFFF;
    border-radius: 4px;
    margin-bottom: 50px; }
  #container:not(.trainingscenter) .contentoverview .button a,
  #container:not(.trainingscenter) .contentoverview .button > span {
    position: relative;
    display: block;
    background-color: var(--primary-color);
    border-radius: 4px;
    padding: 14px;
    color: var(--primary-color-font);
    font-size: 14px;
    text-align: center; }
  #container:not(.trainingscenter) .contentoverview .cols {
    padding-left: 2px; }
  #container:not(.trainingscenter) .contentoverview .cols .col {
    width: 157px;
    float: left;
    padding: 18px 19px 35px;
    border-right: 1px #d8d9db solid; }
  #container:not(.trainingscenter) .contentoverview .cols .col:last-child {
    border: 0 none; }
  #container:not(.trainingscenter) .contentoverview .col.disabled .button {
    opacity: 0.3; }
  #container:not(.trainingscenter) .contentoverview .col.disabled a {
    text-decoration: none;
    cursor: default; }
  #container:not(.trainingscenter) .contentoverview .col h2 {
    color: var(--link-color);
    font-size: 16px;
    line-height: 44px;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    margin: 0;
    text-align: center; }
  #container:not(.trainingscenter) .contentoverview .col .plaintext {
    font-size: 14px;
    height: 140px;
    line-height: 20px;
    text-align: center; }
  #container:not(.trainingscenter) .contentoverview .wartung {
    padding: 18px 19px 35px;
    line-height: 2;
    font-size: 1rem; }
  #container:not(.trainingscenter) .contentoverview .wartung h1 {
    margin: 15px 0 25px;
    font-size: 2rem;
    font-weight: bold; }
  #container:not(.trainingscenter) .contentoverview .wartung h2 {
    margin: 0 0 30px;
    font-size: 1.2rem;
    font-weight: bold; }
  #container:not(.trainingscenter) .newsarea {
    padding: 30px 30px 40px;
    background-color: #232c36;
    border-radius: 4px; }
  #container:not(.trainingscenter) .newsarea .leftarea {
    width: 530px;
    float: left;
    margin-right: 20px; }
  #container:not(.trainingscenter) .newsarea .rightarea {
    width: 560px;
    float: right; }
  #container:not(.trainingscenter) .newsarea .fullwidtharea {
    border-top: 1px #afbecf solid;
    margin-top: 20px;
    padding-top: 20px; }
  #container:not(.trainingscenter) .newsarea h2 {
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 22px; }
  #container:not(.trainingscenter) .newsarea ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #container:not(.trainingscenter) .newsarea li {
    margin: 0 0 18px 0;
    color: #fff;
    /*#afbecf;*/
    line-height: 24px; }
  #container:not(.trainingscenter) .newsarea li span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) .newsarea li a {
    color: #afbecf; }
  #container:not(.trainingscenter) .newsarea .news h3 {
    padding: 0;
    margin: 0;
    font-weight: normal; }
  #container:not(.trainingscenter) .newsdetail h1 {
    font-size: 32px;
    font-weight: normal;
    color: var(--link-color);
    margin: 10px 0 20px;
    line-height: 1.2; }
  #container:not(.trainingscenter) .newsdetail .newstext {
    line-height: 28px; }
  #container:not(.trainingscenter) .newsdetail .fussnote {
    font-size: 12px;
    margin-top: 20px;
    font-weight: bold; }
  #container:not(.trainingscenter) .content {
    background: #fff;
    padding: 0;
    border-radius: 3px;
    /*overflow:hidden;*/ }
  #container:not(.trainingscenter) .content.transparent {
    background: none; }
  #container:not(.trainingscenter) .content.withtabs {
    border-top-left-radius: 0; }
  #container:not(.trainingscenter) #sucheingabetabs,
  #container:not(.trainingscenter) #tourentabs {
    list-style: none;
    margin: 0;
    padding: 0; }
  #container:not(.trainingscenter) #sucheingabetabs li,
  #container:not(.trainingscenter) #tourentabs li {
    float: left;
    margin: 0 5px 0 0;
    background: #e0e0e0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    color: #999;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  #container:not(.trainingscenter) #sucheingabetabs.ohnea li,
  #container:not(.trainingscenter) #tourentabs.ohnea li {
    padding: 15px 20px; }
  #container:not(.trainingscenter) #sucheingabetabs.white li {
    background: #eeeeee; }
  #container:not(.trainingscenter) #sucheingabetabs li a {
    color: #999;
    text-decoration: none;
    padding: 15px 20px;
    display: block; }
  #container:not(.trainingscenter) #sucheingabetabs li a:hover {
    text-decoration: none; }
  #container:not(.trainingscenter) #sucheingabetabs li:last-child,
  #container:not(.trainingscenter) .touren #tourentabs li:last-child {
    margin: 0; }
  #container:not(.trainingscenter) #sucheingabetabs li:not(.active):hover,
  #container:not(.trainingscenter) #sucheingabetabs li:not(.active):hover a,
  #container:not(.trainingscenter) #tourentabs li:not(.active):hover {
    color: #333; }
  #container:not(.trainingscenter) #sucheingabetabs li.active,
  #container:not(.trainingscenter) #tourentabs li.active {
    background: #f0f0f0;
    color: var(--link-color);
    cursor: default; }
  #container:not(.trainingscenter) #sucheingabetabs li.active a {
    color: var(--link-color);
    cursor: default; }
  #container:not(.trainingscenter) #sucheingabetabs.white li.active,
  #container:not(.trainingscenter) #tourentabs.white li.active {
    background: #fff; }
  #container:not(.trainingscenter) #sucheingabetabs li.disabled,
  #container:not(.trainingscenter) #sucheingabetabs li.disabled a,
  #container:not(.trainingscenter) #tourentabs li.disabled {
    cursor: default; }
  #container:not(.trainingscenter) #sucheingabetabs li.disabled:hover,
  #container:not(.trainingscenter) #sucheingabetabs li.disabled:hover a,
  #container:not(.trainingscenter) #tourentabs li.disabled:hover {
    color: #999; }
  #container:not(.trainingscenter) .touren #tourentabs li {
    padding: 10px 13px;
    margin: 0 4px 0 0;
    font-size: 13px; }
  #container:not(.trainingscenter) #tourenMassnahmenUnterKalender {
    position: relative; }
  #container:not(.trainingscenter) #tourenMassnahmenUnterKalender h3 {
    font-size: 13px; }
  #container:not(.trainingscenter) .tourenMassnahmenUnterKalenderListe {
    margin: 15px 0 0 0;
    padding: 0px 0 0px 78px;
    height: 250px;
    overflow-y: scroll;
    border: 1px #ddd solid; }
  #container:not(.trainingscenter) .tourenMassnahmenUnterKalenderListe.monatsAnsicht .massnahmenUnterKalenderSpalte,
  #container:not(.trainingscenter) .tourenMassnahmenUnterKalenderListe.tagesAnsicht .massnahmenUnterKalenderSpalte,
  #container:not(.trainingscenter) .tourenMassnahmenUnterKalenderListe.monatsAnsicht .massnahmenUnterKalenderSpalte.wochenende,
  #container:not(.trainingscenter) .tourenMassnahmenUnterKalenderListe.tagesAnsicht .massnahmenUnterKalenderSpalte.wochenende {
    display: none; }
  #container:not(.trainingscenter) .tourenMassnahmenUnterKalenderListe.tagesAnsicht .massnahmenUnterKalenderSpalte.activeDay {
    display: block;
    width: 585px; }
  #container:not(.trainingscenter) .massnahmenUnterKalenderSpalte {
    width: 115px;
    min-height: 240px;
    float: left;
    padding: 3px;
    border-left: 1px #ddd solid; }
  #container:not(.trainingscenter) .mitWochenende .massnahmenUnterKalenderSpalte {
    width: 80px; }
  #container:not(.trainingscenter) .massnahmenUnterKalenderSpalte.wochenende {
    display: none; }
  #container:not(.trainingscenter) .mitWochenende .massnahmenUnterKalenderSpalte.wochenende {
    display: block; }
  #container:not(.trainingscenter) .massnahmeUnterKalender {
    color: #343434;
    font-size: 11px;
    border: #ddd 1px solid;
    border-radius: 0;
    z-index: 1;
    margin-bottom: 3px; }
  #container:not(.trainingscenter) .onlineKontaktAuswahl {
    border-bottom: #ddd 1px solid;
    padding: 5px; }
  #container:not(.trainingscenter) .massnahmeUnterKalender .so .content {
    padding: 5px;
    background: #f5f5f5;
    border-radius: initial; }
  #container:not(.trainingscenter) .massnahmeUnterKalender .so .content.active {
    background-color: #ddd; }
  #container:not(.trainingscenter) .massnahmeUnterKalender h4 {
    font-size: 12px;
    margin: 0 0 2px;
    padding: 0 0 1px;
    max-height: 34px;
    overflow: hidden;
    line-height: 16px; }
  #container:not(.trainingscenter) .massnahmeUnterKalender .address {
    line-height: normal;
    margin: 0 0 6px; }
  #container:not(.trainingscenter) .massnahmeUnterKalender b {
    display: block; }
  #container:not(.trainingscenter) .massnahmeUnterKalender .red {
    color: #b74441; }
  #container:not(.trainingscenter) .tabcontent {
    display: none; }
  #container:not(.trainingscenter) .tabcontent.default {
    display: block; }
  #container:not(.trainingscenter) .sucheingabe {
    margin: 0 0 26px;
    padding: 29px 26px 26px;
    -webkit-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.1);
    background: #f0f0f0; }
  #container:not(.trainingscenter) .sucheingabe.map {
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  #container:not(.trainingscenter) .sucheingabe.additionalActionsAfter {
    margin: 0; }
  #container:not(.trainingscenter) .sucheingabe input[type=text],
  #container:not(.trainingscenter) .sucheingabe input[type=number] {
    width: 533px;
    padding: 2px 10px; }
  #container:not(.trainingscenter) .sucheingabe h2 {
    margin: 0 0 5px 0; }
  #container:not(.trainingscenter) .sucheingabe h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 10px 0 9px; }
  #container:not(.trainingscenter) .sucheingabe .mitarbeiter {
    width: 248px; }
  #container:not(.trainingscenter) .sucheingabe .absenden,
  #container:not(.trainingscenter) .sucheingabe .back {
    margin: 0;
    padding: 0; }
  #container:not(.trainingscenter) .zusammenfassung {
    background: #44566a;
    color: #fff; }
  #container:not(.trainingscenter) .zusammenfassungitem {
    float: left;
    width: 25%;
    border-right: #a2acb5 1px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #container:not(.trainingscenter) .multiple .zusammenfassungitem {
    width: 24.5%; }
  #container:not(.trainingscenter) .multiple .zusammenfassungselector {
    position: relative;
    float: right;
    width: 2%;
    height: 72px;
    background: url(/img/system/selectorbutton.png) center center no-repeat; }
  #container:not(.trainingscenter) .zusammenfassungselector > div {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999999;
    padding: 72px 0 0 0; }
  #container:not(.trainingscenter) .zusammenfassungselector:hover > div,
  #container:not(.trainingscenter) .zusammenfassungselector > div:hover {
    display: block; }
  #container:not(.trainingscenter) .zusammenfassungselector ul {
    list-style: none;
    background: #fff;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.3); }
  #container:not(.trainingscenter) .zusammenfassungselector ul li {
    padding: 13px;
    color: #666;
    cursor: pointer; }
  #container:not(.trainingscenter) .zusammenfassungselector ul li:hover,
  #container:not(.trainingscenter) .zusammenfassungselector ul li.selected {
    background: #666;
    color: #fff; }
  #container:not(.trainingscenter) .zusammenfassungitem:last-child {
    border-right: 0; }
  #container:not(.trainingscenter) .zusammenfassungitem .icon {
    float: left;
    height: 50px;
    margin: 11px 22px 11px 22px;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) .zusammenfassungitem .text {
    padding: 16px 10px 16px 0;
    /*11px 22px 11px 0;*/
    /*max-width:210px;*/
    line-height: 20px;
    font-size: 12px;
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
  #container:not(.trainingscenter) .userinfo {
    padding: 5px 10px;
    line-height: 24px;
    background: #d9d9d9; }
  #container:not(.trainingscenter) #mapwrapper,
  #container:not(.trainingscenter) #portfoliowrapper {
    position: relative;
    overflow: hidden; }
  #container:not(.trainingscenter) #portfoliowrapper {
    z-index: 10;
    margin-top: -26px; }
  #container:not(.trainingscenter) #standortmapcontainer {
    height: 664px;
    z-index: 0; }
  #container:not(.trainingscenter) #standortmapcontainer > div {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ddd; }
  #container:not(.trainingscenter) #standortmapwaitcontainer,
  #container:not(.trainingscenter) .mapLayer,
  #container:not(.trainingscenter) .waitLayer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.6) url(/img/system/loader.gif) center center no-repeat; }
  #container:not(.trainingscenter) .waitLayer {
    display: none;
    min-height: 100px; }
  #container:not(.trainingscenter) #standortmaplegend {
    position: absolute;
    top: 45px;
    right: 10px;
    z-index: 99999;
    background: #fff;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0 1px 4px -1px;
    border-radius: 2px;
    opacity: .4;
    transition: opacity 500ms; }
  #container:not(.trainingscenter) #standortmaplegend:hover {
    opacity: 1;
    transition: opacity 500ms; }
  #container:not(.trainingscenter) #standortmaplegend hr {
    background-color: #d4d4d4;
    margin: 18px 0; }
  #container:not(.trainingscenter) #standortmaplegend ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #container:not(.trainingscenter) #standortmaplegend ul li {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 11px; }
  #container:not(.trainingscenter) #standortmaplegend ul li:last-child {
    margin: 0; }
  #container:not(.trainingscenter) #standortmaplegend ul li img {
    width: 16px;
    height: 25px;
    margin: -2px 7px 0px 0; }
  #container:not(.trainingscenter) #standortmaplegend ul li img.iconInteressent {
    width: 16px;
    height: 16px;
    margin: 9px 7px 0px 15px; }
  #container:not(.trainingscenter) #standortmaplegend ul li span.iconfarbe {
    display: inline-block;
    width: 20px;
    border-top: 3px solid;
    margin: 0 10px 2px 0; }
  #container:not(.trainingscenter) #standortlistecontainer,
  #container:not(.trainingscenter) #portfoliolistecontainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 378px;
    background: #fff;
    z-index: 1;
    -webkit-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2); }
  #container:not(.trainingscenter) #listtoggle {
    position: absolute;
    width: 30px;
    height: 74px;
    margin-top: -37px;
    top: 50%;
    right: -31px;
    background: #fff;
    border: #d4d4d4 1px solid;
    border-left: none;
    z-index: 2;
    cursor: pointer;
    -webkit-box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.2); }
  #container:not(.trainingscenter) #listtoggle span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 22px;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) #standortliste,
  #container:not(.trainingscenter) #portfolioliste {
    overflow: auto;
    height: 100%; }
  #container:not(.trainingscenter) #suchzusammenfassung {
    padding: 20px 20px 14px;
    border-bottom: #d4d4d4 1px solid;
    line-height: 24px; }
  #container:not(.trainingscenter) #suchzusammenfassung strong {
    color: var(--link-color); }
  #container:not(.trainingscenter) .standortitem,
  #container:not(.trainingscenter) .portfolioitem {
    padding: 11px 20px 8px;
    border-bottom: #d4d4d4 1px solid;
    cursor: pointer;
    line-height: 1.3; }
  #container:not(.trainingscenter) .portfolioitem:first-child {
    border-top: none; }
  #container:not(.trainingscenter) .standortitem:last-child,
  #container:not(.trainingscenter) .portfolioitem:last-child {
    border-bottom: none; }
  #container:not(.trainingscenter) .portfolioitem.selected,
  #container:not(.trainingscenter) .standortitem.selected {
    background-color: rgba(31, 119, 180, 0.25); }
  #container:not(.trainingscenter) .standorticon {
    float: left;
    width: 22px;
    height: 34px;
    background: url(/img/system/sprite.png) 0 0 no-repeat;
    margin-right: 9px; }
  #container:not(.trainingscenter) .standortdaten {
    float: left;
    line-height: 20px;
    font-size: 14px;
    width: 320px; }
  #container:not(.trainingscenter) .standortdetails,
  #container:not(.trainingscenter) .portfoliodetails {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f0f0f0;
    cursor: default;
    line-height: 20px; }
  #container:not(.trainingscenter) .standortdetails .basisdaten,
  #container:not(.trainingscenter) .portfoliodetails .basisdaten {
    background: #fff;
    padding: 15px 20px 30px; }
  #container:not(.trainingscenter) .standortdetails .closedetails,
  #container:not(.trainingscenter) .portfoliodetails .closedetails {
    color: #666; }
  #container:not(.trainingscenter) .standortdetails h3,
  #container:not(.trainingscenter) .portfoliodetails h3 {
    font-size: 24px;
    font-weight: normal;
    color: var(--link-color);
    margin: 20px 0 14px;
    line-height: 1.2; }
  #container:not(.trainingscenter) .standortdetails .weiteredaten,
  #container:not(.trainingscenter) .portfoliodetails .weiteredaten {
    padding: 20px 20px 30px; }
  #container:not(.trainingscenter) .standortdetails .weiteredaten h4,
  #container:not(.trainingscenter) .portfoliodetails .weiteredaten h4 {
    font-size: 16px;
    margin: 3px 0 14px; }
  #container:not(.trainingscenter) .standortdetails .weiteredaten ul,
  #container:not(.trainingscenter) .portfoliodetails .weiteredaten ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 180px;
    overflow-y: scroll; }
  #container:not(.trainingscenter) .standortdetails .weiteredaten ul li,
  #container:not(.trainingscenter) .portfoliodetails .weiteredaten ul li {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0 0 0 15px; }
  #container:not(.trainingscenter) .standortdetails .weiteredaten ul li:last-child,
  #container:not(.trainingscenter) .portfoliodetails .weiteredaten ul li:last-child {
    margin: 0; }
  #container:not(.trainingscenter) .standortdetails .weiteredaten ul li span,
  #container:not(.trainingscenter) .portfoliodetails .weiteredaten ul li span {
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) .standortdetails .weiteredaten hr,
  #container:not(.trainingscenter) .portfoliodetails .weiteredaten hr,
  #container:not(.trainingscenter) .hr {
    border: none;
    border-bottom: #ccc 1px solid;
    margin: 15px 0;
    padding: 0;
    height: 0;
    line-height: 0; }
  #container:not(.trainingscenter) .standortdetails .weiteredaten .left,
  #container:not(.trainingscenter) .portfoliodetails .weiteredaten .left {
    float: left;
    width: 49%;
    margin: 0 2% 0 0; }
  #container:not(.trainingscenter) .standortdetails .weiteredaten .right,
  #container:not(.trainingscenter) .portfoliodetails .weiteredaten .right {
    float: right;
    width: 49%; }
  #container:not(.trainingscenter) .sales57 {
    width: 57px;
    height: 57px;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) .closedetails span {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/img/system/sprite.png) 0 0 no-repeat;
    margin: 0 5px 0 0; }
  #container:not(.trainingscenter) .partner {
    padding: 0 26px 26px; }
  #container:not(.trainingscenter) .dateiliste .buttonszelle,
  #container:not(.trainingscenter) .dateiliste .sizezelle,
  #container:not(.trainingscenter) .dateiliste .datumzelle {
    width: 100px; }
  #container:not(.trainingscenter) .dateiliste .typezelle {
    width: 70px; }
  #container:not(.trainingscenter) .dateiliste .erstellerzelle {
    width: 180px; }
  #container:not(.trainingscenter) .dateiliste .buttonszelle a {
    background-image: url(/img/system/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: -4px 0 -8px 10px; }
  #container:not(.trainingscenter) .dateiliste .buttonszelle a:first-child {
    margin-left: 0; }
  #container:not(.trainingscenter) .dateiliste .buttonszelle .download {
    background-position: -116px -266px; }
  #container:not(.trainingscenter) .dateiliste .buttonszelle .edit {
    background-position: -56px -266px; }
  #container:not(.trainingscenter) .dateiliste .buttonszelle .delete {
    background-position: -86px -266px; }
  #container:not(.trainingscenter) .dokumente img {
    width: auto; }
  #container:not(.trainingscenter) .dokumente .dokument {
    display: inline-block;
    margin-top: 10px; }
  #container:not(.trainingscenter) .fulltable table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0; }
  #container:not(.trainingscenter) .fulltable table th {
    text-align: left;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    padding: 12px 10px; }
  #container:not(.trainingscenter) .fulltable table td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: #ccc 1px solid;
    padding: 21px 10px; }
  #container:not(.trainingscenter) .fulltable table .noborder td {
    border-bottom: 0 none; }
  #container:not(.trainingscenter) .fulltable table .vertragsicons td,
  #container:not(.trainingscenter) .fulltable table .vertragsicons td:first-child {
    padding-top: 0; }
  #container:not(.trainingscenter) .fulltable table .vertragsicons img {
    width: auto;
    height: 20px;
    margin-right: 25px;
    vertical-align: top;
    opacity: 0.1;
    filter: grayscale(100%);
    /* Standard */
    -webkit-filter: grayscale(100%);
    /* Webkit */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
    /* Old WebKit */ }
  #container:not(.trainingscenter) .fulltable table .vertragsicons img.active {
    opacity: 1;
    filter: none; }
  #container:not(.trainingscenter) .fulltable table th:first-child,
  #container:not(.trainingscenter) .fulltable table td:first-child {
    padding-left: 20px; }
  #container:not(.trainingscenter) .fulltable table th:last-child,
  #container:not(.trainingscenter) .fulltable table td:last-child {
    padding-right: 20px; }
  #container:not(.trainingscenter) .fulltable table tr:last-child td {
    border-bottom: none; }
  #container:not(.trainingscenter) .fulltable.potenzialkennzahlen table th {
    text-align: center; }
  #container:not(.trainingscenter) .fulltable.potenzialkennzahlen table td {
    text-align: center;
    padding: 15px 10px; }
  #container:not(.trainingscenter) .stammdatenhead {
    padding: 16px 20px 25px;
    background: #fff; }
  #container:not(.trainingscenter) .stammdatenhead .closedetails {
    color: #666; }
  #container:not(.trainingscenter) .stammdatenhead h3 {
    font-size: 32px;
    font-weight: normal;
    color: var(--link-color);
    margin: 17px 0 6px;
    line-height: 1.2; }
  #container:not(.trainingscenter) .stammdatenhead b {
    font-size: 19px;
    display: block; }
  #container:not(.trainingscenter) .stammdatenhead .sdheadleft {
    float: left;
    width: 70%; }
  #container:not(.trainingscenter) .stammdatenhead .sdheadright {
    float: right;
    width: 30%; }
  #container:not(.trainingscenter) .stammdatenhead .sdheadright .button,
  #container:not(.trainingscenter) .stammdatenhead .sdheadright .button.edit,
  #container:not(.trainingscenter) .stammdatenhead .sdheadright .button.delete,
  #container:not(.trainingscenter) .stammdatenhead .sdheadright .button.green,
  #container:not(.trainingscenter) .stammdatenhead .sdheadright .button.statistic {
    float: right; }
  #container:not(.trainingscenter) .stammdatenhead .vertragsicons {
    margin: 30px 0 0; }
  #container:not(.trainingscenter) .stammdatenhead .vertragsicons img {
    width: auto;
    height: 20px;
    margin-right: 15px;
    vertical-align: top;
    opacity: 0.4;
    filter: grayscale(100%);
    /* Standard */
    -webkit-filter: grayscale(100%);
    /* Webkit */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
    /* Old WebKit */ }
  #container:not(.trainingscenter) .stammdatenhead .vertragsicons img:last-child {
    margin-right: 0; }
  #container:not(.trainingscenter) .stammdatenhead .vertragsicons img.active {
    opacity: 1;
    filter: none; }
  #container:not(.trainingscenter) .stammdatentabs {
    border-top: #e6e6e6 1px solid;
    background: #fff;
    -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1); }
  #container:not(.trainingscenter) .stammdatentabs ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  #container:not(.trainingscenter) .stammdatentabs ul li {
    float: left;
    margin: 0;
    padding: 0; }
  #container:not(.trainingscenter) .stammdatentabs a {
    display: block;
    height: 38px;
    line-height: 38px;
    margin: 0 0 -1px 0;
    padding: 0 12px;
    color: #333;
    border-bottom: transparent 3px solid;
    text-decoration: none;
    font-size: 14px; }
  #container:not(.trainingscenter) .stammdatentabs a:hover,
  #container:not(.trainingscenter) .stammdatentabs .selected a {
    color: var(--primary-color);
    border-bottom: var(--primary-color) 3px solid;
    text-decoration: none; }
  #container:not(.trainingscenter) .additionalActions {
    background: #f0f0f0;
    padding: 15px 30px;
    -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
    border-top: #e6e6e6 1px solid; }
  #container:not(.trainingscenter) .additionalActions ul,
  #container:not(.trainingscenter) .sucheingabe ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none; }
  #container:not(.trainingscenter) .sucheingabe ul.back {
    float: left; }
  #container:not(.trainingscenter) .additionalActions ul.leftbuttons,
  #container:not(.trainingscenter) .sucheingabe ul.leftbuttons {
    float: left; }
  #container:not(.trainingscenter) .additionalActions ul li,
  #container:not(.trainingscenter) .sucheingabe ul li {
    float: left;
    margin: 0 0 0 20px;
    padding: 0; }
  #container:not(.trainingscenter) .additionalActions ul.leftbuttons li,
  #container:not(.trainingscenter) .sucheingabe ul.leftbuttons li {
    margin: 0 20px 0 0; }
  #container:not(.trainingscenter) .additionalActions a,
  #container:not(.trainingscenter) .sucheingabe ul.rightbuttons a {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 10px 0 15px;
    background: var(--default-color);
    color: var(--default-color-font);
    border-radius: 3px;
    text-decoration: none; }
  #container:not(.trainingscenter) .additionalActions a.buttonsave,
  #container:not(.trainingscenter) .sucheingabe ul.rightbuttons a.buttonsave {
    background: var(--primary-color);
    color: var(--primary-color-font);
    padding: 0 15px; }
  #container:not(.trainingscenter) .additionalActions a span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 0 -3px 10px;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) a.buttonright {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 10px 0 15px;
    background: var(--default-color);
    color: var(--default-color-font);
    border-radius: 3px;
    text-decoration: none;
    float: right; }
  #container:not(.trainingscenter) a.buttonright span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 0 -3px 10px;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) .massnahmen {
    display: inline-block;
    width: 22px;
    height: 27px;
    background: url(/img/system/sprite.png) 0 0 no-repeat;
    margin: -5px 0 -7px 0; }
  #container:not(.trainingscenter) .sales {
    display: inline-block;
    width: 23px;
    height: 19px;
    background: url(/img/system/sprite.png) 0 0 no-repeat;
    margin: 0 0 -5px 0; }
  #container:not(.trainingscenter) .audits {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(/img/system/sprite.png) 0 0 no-repeat;
    margin: -10px 0 -15px 0;
    line-height: 39px;
    text-align: center;
    font-size: 12px; }
  #container:not(.trainingscenter) .menu {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 33px;
    background: url(/img/system/sprite.png) 0 0 no-repeat;
    margin: -1px 0 -5px 0; }
  #container:not(.trainingscenter) .menu ul {
    position: absolute;
    display: none;
    list-style: none;
    top: 33px;
    right: 0;
    background: #fff;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.3); }
  #container:not(.trainingscenter) .menu ul li {
    margin: 0;
    padding: 0;
    border-bottom: #e6e6e6 1px solid;
    text-align: left; }
  #container:not(.trainingscenter) .menu ul .first {
    position: absolute;
    border-top: currentColor 0 none;
    border-left: transparent 8px solid;
    border-right: transparent 8px solid;
    border-bottom: #fff 8px solid;
    line-height: 0;
    margin: 0;
    top: -8px;
    right: 9px;
    height: 0;
    width: 0; }
  #container:not(.trainingscenter) .menu ul li:last-child {
    border-bottom: none; }
  #container:not(.trainingscenter) .menu ul li a {
    display: block;
    padding: 13px;
    color: #333;
    text-decoration: none;
    min-width: 150px; }
  #container:not(.trainingscenter) .menu:hover {
    background-color: #fff; }
  #container:not(.trainingscenter) .menu:hover ul,
  #container:not(.trainingscenter) .menu.open ul {
    display: block;
    z-index: 99999; }
  #container:not(.trainingscenter) .menu ul li a:hover {
    background-color: #666;
    color: #fff; }
  #container:not(.trainingscenter) .basisdaten .menu {
    margin-top: 36px; }
  #container:not(.trainingscenter) .bgd9d9d9 {
    background: #d9d9d9;
    min-height: 610px; }
  #container:not(.trainingscenter) .bgf0f0f0 {
    background: #f0f0f0; }
  #container:not(.trainingscenter) .bgffffff {
    background: #ffffff; }
  #container:not(.trainingscenter) #stammdaten {
    position: relative;
    padding: 30px; }
  #container:not(.trainingscenter) .col23 {
    float: left;
    width: 690px;
    margin-right: 20px;
    padding: 10px 20px;
    border-radius: 3px;
    background: #fff; }
  #container:not(.trainingscenter) .col13 {
    float: left;
    width: 370px; }
  #container:not(.trainingscenter) .col13white {
    padding: 10px;
    border-radius: 3px;
    background: #fff; }
  #container:not(.trainingscenter) .form23 {
    width: 690px; }
  #container:not(.trainingscenter) .ansprechpartner {
    background: #fff;
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 20px; }
  #container:not(.trainingscenter) .ansprechpartner h3 {
    color: #6589a5;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 10px;
    line-height: 26px; }
  #container:not(.trainingscenter) .ansprechpartner h4 {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    line-height: 25px;
    margin: 12px 0 0; }
  #container:not(.trainingscenter) #stammdaten .row {
    margin-bottom: 10px; }
  #container:not(.trainingscenter) #stammdaten .plz {
    float: left;
    width: 200px;
    margin-right: 20px; }
  #container:not(.trainingscenter) #stammdaten .ort {
    float: left;
    width: 470px; }
  #container:not(.trainingscenter) #stammdaten .lat {
    float: left;
    width: 335px;
    margin-right: 20px; }
  #container:not(.trainingscenter) #stammdaten .lon {
    float: left;
    width: 335px; }
  #container:not(.trainingscenter) #stammdaten label {
    width: 100%;
    line-height: 20px;
    font-weight: bold;
    margin-right: 0; }
  #container:not(.trainingscenter) .checkboxrow .icon15 {
    margin-top: 6px; }
  #container:not(.trainingscenter) #stammdaten .checkboxrow label,
  #container:not(.trainingscenter) .checkboxrow label {
    width: auto; }
  #container:not(.trainingscenter) .checkboxrow input[type=checkbox] {
    float: left;
    width: 20px;
    height: 20px;
    margin: 6px 10px 0 0; }
  #container:not(.trainingscenter) .formular label {
    line-height: 25px; }
  #container:not(.trainingscenter) .formular .row {
    padding-bottom: 10px; }
  #container:not(.trainingscenter) .formular .checkboxrow label {
    line-height: 20px; }
  #container:not(.trainingscenter) .formular fieldset {
    border: 1px solid #c0c0c0;
    padding: 20px 20px 5px;
    margin-bottom: 10px; }
  #container:not(.trainingscenter) #stammdaten input[type=text],
  #container:not(.trainingscenter) #stammdaten input[type=number],
  #container:not(.trainingscenter) #stammdaten textarea.text {
    width: 90%;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    border: #ccc 1px solid;
    border-radius: 3px;
    background: #fff;
    line-height: 36px;
    height: 36px;
    padding: 0 10px; }
  #container:not(.trainingscenter) #stammdaten textarea.text {
    height: 200px; }
  #container:not(.trainingscenter) #stammdaten.bearbeitung input[type=text],
  #container:not(.trainingscenter) #stammdaten.bearbeitung input[type=email],
  #container:not(.trainingscenter) #stammdaten.bearbeitung input[type=number],
  #container:not(.trainingscenter) #stammdaten.bearbeitung textarea.text {
    width: calc(100% - 60px); }
  #container:not(.trainingscenter) #stammdaten .readonlyvaluebox {
    width: 90%;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    border: #ccc 1px solid;
    border-radius: 3px;
    background: #fff;
    line-height: 36px;
    min-height: 36px;
    padding: 0 10px;
    float: left;
    clear: both; }
  #container:not(.trainingscenter) #stammdaten.bearbeitung input.standardWidth {
    width: 288px; }
  #container:not(.trainingscenter) .verkaufsinformationen {
    margin: 20px;
    border: 1px #cccccc solid;
    border-radius: 6px;
    background-color: #FFFFFF; }
  #container:not(.trainingscenter) .verkaufsinformationen .bezeichnung {
    width: 250px;
    text-align: center;
    line-height: 60px;
    font-size: 25px; }
  #container:not(.trainingscenter) .verkaufsinformationen.artikelgruppe .bezeichnung {
    width: 200px;
    font-size: 21px; }
  #container:not(.trainingscenter) .verkaufsinformationen canvas {
    position: absolute;
    top: 0;
    left: 0; }
  #container:not(.trainingscenter) .verkaufsinformationen .vorjahr {
    margin-top: 15px;
    width: 400px;
    float: left; }
  #container:not(.trainingscenter) .verkaufsinformationen .vorjahr .chart,
  #container:not(.trainingscenter) .verkaufsinformationen .vorjahr .bezeichnung {
    margin-left: 150px; }
  #container:not(.trainingscenter) .verkaufsinformationen .abweichung {
    margin: 79px 80px 0 10px;
    width: 156px;
    float: left; }
  #container:not(.trainingscenter) .verkaufsinformationen .abweichungprozent {
    text-align: center;
    font-size: 16px;
    line-height: 30px; }
  #container:not(.trainingscenter) .verkaufsinformationen .abweichungprozent .sales {
    vertical-align: text-top;
    margin-left: 10px; }
  #container:not(.trainingscenter) .verkaufsinformationen .greyfont {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #808080; }
  #container:not(.trainingscenter) .verkaufsinformationen .vorvorjahr {
    margin-top: 15px;
    width: 400px;
    float: left; }
  #container:not(.trainingscenter) .verkaufsinformationen .vorvorjahr .chart,
  #container:not(.trainingscenter) .verkaufsinformationen .vorvorjahr .bezeichnung {
    margin-right: 150px; }
  #container:not(.trainingscenter) .klapper h2 {
    font-size: 16px;
    border-bottom: #ccc 1px solid;
    padding: 0 0 5px 20px;
    margin: 20px 0 0; }
  #container:not(.trainingscenter) #plzFilterList {
    float: left;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    /*margin: 0;
        max-height: 100px;
        overflow: auto;*/ }
  #container:not(.trainingscenter) #plzFilterList li {
    float: left;
    margin: 0 0 10px 0; }
  #container:not(.trainingscenter) #plzFilterList li.add,
  #container:not(.trainingscenter) #plzFilterList li.remove {
    margin-right: 10px;
    padding: 0 10px;
    background: #fff;
    border: #ccc 1px solid;
    border-radius: 3px;
    height: 40px;
    line-height: 40px; }
  #container:not(.trainingscenter) #plzFilterList li.add {
    margin-right: 0; }
  #container:not(.trainingscenter) #plzFilterList li.add a,
  #container:not(.trainingscenter) #plzFilterList li.remove a {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 0 -3px 10px;
    border-radius: 50%;
    background: url(/img/system/sprite.png) no-repeat; }
  #container:not(.trainingscenter) #plzFilterList li.remove a {
    background-position: -90px -120px; }
  #container:not(.trainingscenter) #plzFilterList li.remove a:hover {
    background-position: -120px -120px;
    background-color: #cc0101; }
  #container:not(.trainingscenter) #plzFilterList li.add select {
    background: none;
    border: none;
    padding: 0;
    height: 40px;
    line-height: 40px; }
  #container:not(.trainingscenter) #plzFilterList li.add input {
    background: none;
    border: none;
    padding: 0;
    width: 45px;
    height: 40px;
    line-height: 40px; }
  #container:not(.trainingscenter) #plzFilterList li.add a {
    background-position: -150px -120px;
    background-color: #ccc; }
  #container:not(.trainingscenter) #plzFilterList li.add a:hover {
    background-color: var(--default-color); }
  #container:not(.trainingscenter) .contentoverview .button.idashboard > a > span, #container:not(.trainingscenter) .contentoverview .button.idashboard > span > span {
    background-position: 0 0; }
  #container:not(.trainingscenter) .contentoverview .button.idatenbank > a > span, #container:not(.trainingscenter) .contentoverview .button.idatenbank > span > span {
    background-position: -30px 0; }
  #container:not(.trainingscenter) .contentoverview .button.imassnahme > a > span, #container:not(.trainingscenter) .contentoverview .button.imassnahme > span > span {
    background-position: -60px 0; }
  #container:not(.trainingscenter) .contentoverview .button.iportfolio > a > span, #container:not(.trainingscenter) .contentoverview .button.iportfolio > span > span {
    background-position: -90px 0; }
  #container:not(.trainingscenter) .contentoverview .button.igeoanalyse > a > span, #container:not(.trainingscenter) .contentoverview .button.igeoanalyse > span > span {
    background-position: -120px 0; }
  #container:not(.trainingscenter) .contentoverview .button.ikalender > a > span, #container:not(.trainingscenter) .contentoverview .button.ikalender > span > span {
    background-position: -60px -120px; }
  #container:not(.trainingscenter) .newsarea li span {
    background-position: -150px 0; }
  #container:not(.trainingscenter) .headmetanavi .settings span {
    background-position: -180px 0; }
  #container:not(.trainingscenter) #listtoggle span {
    background-position: -210px 0; }
  #container:not(.trainingscenter) #listtoggle.open span {
    background-position: -240px 0; }
  #container:not(.trainingscenter) .standorticon {
    background-position: -270px 0; }
  #container:not(.trainingscenter) .sales57 {
    background-position: -300px 0; }
  #container:not(.trainingscenter) .sales57.up {
    background-position: -360px 0; }
  #container:not(.trainingscenter) .sales57.down {
    background-position: -420px 0; }
  #container:not(.trainingscenter) .icon15 {
    display: inline-block;
    float: right;
    width: 15px;
    height: 15px;
    margin: 10px 5px 0 0;
    padding: 0;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) .locked {
    background: url(/img/system/sprite.png) -270px -210px no-repeat; }
  #container:not(.trainingscenter) .closedetails span {
    background-position: -480px 0; }
  #container:not(.trainingscenter) .standortdetails .weiteredaten ul li span, #container:not(.trainingscenter) .portfoliodetails .weiteredaten ul li span {
    background-position: -480px -30px; }
  #container:not(.trainingscenter) .cbToggleUI {
    background-position: 0 -30px; }
  #container:not(.trainingscenter) .cbToggleUI.active {
    background-position: -60px -30px; }
  #container:not(.trainingscenter) .rbToggleUI {
    background-position: -120px -30px; }
  #container:not(.trainingscenter) .rbToggleUI.active {
    background-position: -150px -30px; }
  #container:not(.trainingscenter) .sales {
    background-position: -180px -30px; }
  #container:not(.trainingscenter) .sales.up {
    background-position: -210px -30px; }
  #container:not(.trainingscenter) .sales.down {
    background-position: -240px -30px; }
  #container:not(.trainingscenter) .massnahmen.mf0 {
    background-position: 0 -60px; }
  #container:not(.trainingscenter) .massnahmen.mf1 {
    background-position: -30px -60px; }
  #container:not(.trainingscenter) .massnahmen.mf2 {
    background-position: -60px -60px; }
  #container:not(.trainingscenter) .menu.horizontal {
    background-position: -82px -54px; }
  #container:not(.trainingscenter) .menu.vertical {
    background-position: -120px -60px; }
  #container:not(.trainingscenter) a.add span {
    background-position: -150px -60px; }
  #container:not(.trainingscenter) a.edit span, #container:not(.trainingscenter) a.button.edit span {
    background-position: -120px -90px; }
  #container:not(.trainingscenter) a.delete span, #container:not(.trainingscenter) .one2nlistaction a.delete span, #container:not(.trainingscenter) a.button.delete span {
    background-position: -210px -60px; }
  #container:not(.trainingscenter) a.button.green span {
    background-position: -150px -60px; }
  #container:not(.trainingscenter) a.statistic span, #container:not(.trainingscenter) a.button.statistic span {
    background-position: -480px -90px; }
  #container:not(.trainingscenter) #reset {
    background-position: -480px -120px; }
  #container:not(.trainingscenter) .audits {
    background-position: -300px -60px; }
  #container:not(.trainingscenter) .audits.up {
    background-position: -360px -60px; }
  #container:not(.trainingscenter) .audits.down {
    background-position: -420px -60px; }
  #container:not(.trainingscenter) .zusammenfassungitem .icon.chart {
    width: 48px;
    background-position: 0 -140px; }
  #container:not(.trainingscenter) .zusammenfassungitem .icon.wdk {
    width: 76px;
    background-position: -60px -140px; }
  #container:not(.trainingscenter) .zusammenfassungitem .icon.sellin {
    width: 30px;
    background-position: -150px -155px; }
  #container:not(.trainingscenter) .zusammenfassungitem .icon.piechart {
    width: 47px;
    background-position: -210px -140px; }
  #container:not(.trainingscenter) .zusammenfassungitem .potentialIcon {
    float: left;
    width: 30px;
    height: 30px;
    margin: 21px 22px; }
  #container:not(.trainingscenter) .buttons {
    margin-top: 20px; }
  #container:not(.trainingscenter) .buttons a.button {
    float: right;
    padding: 0 12px;
    background-color: #f0f0f0;
    color: #4c4c4c;
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin-left: 10px;
    height: 33px;
    line-height: 33px; }
  #container:not(.trainingscenter) .buttons a.button:last-child {
    margin-left: 0; }
  #container:not(.trainingscenter) .buttons a.buttonsave {
    background: var(--primary-color);
    color: var(--primary-color-font); }
  #container:not(.trainingscenter) .back {
    float: left;
    padding-top: 20px; }
  #container:not(.trainingscenter) .back a {
    display: block;
    padding: 0 19px;
    background-color: #f0f0f0;
    color: #4c4c4c;
    border: 1px solid #cccccc;
    border-radius: 3px;
    height: 38px;
    line-height: 38px;
    text-decoration: none; }
  #container:not(.trainingscenter) .benutzerliste {
    padding: 0 26px 26px; }
  #container:not(.trainingscenter) .benutzerliste .mitarbeiter {
    padding: 7px 0;
    border-bottom: 1px solid #ccc; }
  #container:not(.trainingscenter) .benutzerliste .mitarbeiter:last-child {
    border: 0 none; }
  #container:not(.trainingscenter) .benutzerliste .mitarbeitericon {
    float: left;
    width: 30px;
    height: 28px;
    background: url(/img/system/sprite.png) -120px -210px no-repeat; }
  #container:not(.trainingscenter) .benutzerliste .mitarbeitericon.noopuser {
    float: left;
    width: 30px;
    height: 28px;
    background: url(/img/system/sprite.png) -180px -210px no-repeat; }
  #container:not(.trainingscenter) .benutzerliste .mitarbeitername {
    float: left;
    width: 450px;
    padding: 0 30px;
    line-height: 28px; }
  #container:not(.trainingscenter) .benutzerliste .mitareiterbearbeiten {
    float: left;
    width: 350px;
    line-height: 28px; }
  #container:not(.trainingscenter) .news {
    padding: 0 26px 26px; }
  #container:not(.trainingscenter) .news article {
    padding: 7px 0;
    border-bottom: 1px solid #ccc; }
  #container:not(.trainingscenter) .news article time {
    font-size: 11px; }
  #container:not(.trainingscenter) .klapper {
    border-radius: 3px;
    background: #ffffff;
    margin-bottom: 15px; }
  #container:not(.trainingscenter) .klapperhead {
    border-radius: 3px 3px 0 0;
    padding: 10px 60px 10px 20px;
    background: #cccccc;
    position: relative;
    line-height: 30px; }
  #container:not(.trainingscenter) .klapperhead .fett {
    font-weight: bold; }
  #container:not(.trainingscenter) .klapperhead .openClose {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 10px;
    background: url(/img/system/sprite.png) 0 -90px no-repeat;
    cursor: pointer; }
  #container:not(.trainingscenter) .klapperhead img {
    width: auto; }
  #container:not(.trainingscenter) .klapperhead .kategorieicon {
    margin-right: 10px; }
  #container:not(.trainingscenter) .klapperhead.open .openClose {
    background-position: -30px -90px; }
  #container:not(.trainingscenter) .klappercontent {
    border-radius: 0 0 3px 3px;
    padding: 10px 20px;
    line-height: 22px;
    font-size: 14px;
    display: none; }
  #container:not(.trainingscenter) .klappercontent.open {
    display: block; }
  #container:not(.trainingscenter) .klapper.historie hr {
    margin: 6px 0; }
  #container:not(.trainingscenter) .massnahmeItem {
    width: 320px;
    float: left;
    background-color: #fff !important;
    padding: 20px;
    margin: 0 20px 20px 0;
    color: #666;
    line-height: 20px;
    font-size: 14px;
    position: relative; }
  #container:not(.trainingscenter) .massnahmeItem:nth-child(3n) {
    margin-right: 0; }
  #container:not(.trainingscenter) .massnahmeItem h2 {
    color: #6589a5;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    margin: 0 0 28px;
    padding: 0;
    border: none; }
  #container:not(.trainingscenter) .massnahmeItem h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    margin: 10px 0 0; }
  #container:not(.trainingscenter) .massnahmeItem h3.red,
  #container:not(.trainingscenter) .massnahmeItem div.red {
    color: #b74441; }
  #container:not(.trainingscenter) .massnahmeItem .faelligkeit {
    width: 100px;
    float: left; }
  #container:not(.trainingscenter) .massnahmeItem .ueberfaelligbox {
    position: relative;
    width: 170px;
    float: left;
    background-color: #f2dedf;
    color: #b74441;
    padding: 7px 10px;
    line-height: 22px;
    border-radius: 3px;
    border: 1px #ecccd1 solid; }
  #container:not(.trainingscenter) .massnahmeItem .ueberfaelligbox i,
  #container:not(.trainingscenter) .massnahmeItem .ueberfaelligbox b {
    position: absolute;
    border-left: currentColor 0 none;
    border-top: transparent 12px solid;
    border-bottom: transparent 12px solid;
    border-right: #f2dedf 12px solid;
    line-height: 0;
    margin: 0;
    top: 16px;
    left: -12px;
    height: 0;
    width: 0; }
  #container:not(.trainingscenter) .massnahmeItem .ueberfaelligbox i {
    border-right: #ecccd1 12px solid;
    left: -13px; }
  #container:not(.trainingscenter) .massnahmeItem .kategorie {
    padding-top: 5px;
    width: 78px;
    float: left; }
  #container:not(.trainingscenter) .massnahmeItem .kategorie .icon {
    margin-left: 15px;
    width: 48px;
    height: 48px;
    border: #5B5B5B 1px solid;
    border-radius: 3px;
    display: block;
    background: url(/img/system/sprite.png) 0 -330px no-repeat; }
  #container:not(.trainingscenter) .massnahmen2besuch,
  #container:not(.trainingscenter) .massnahmen2standort,
  #container:not(.trainingscenter) .aussendienstmitarbeiter2besuch,
  #container:not(.trainingscenter) .benachrichtigungsEmail2besuch {
    margin: 20px 0 0 0; }
  #container:not(.trainingscenter) .massnahmen2besuch .massnahmeItem,
  #container:not(.trainingscenter) .massnahmen2standort .massnahmeItem {
    border-right: #d9d9d9 1px solid;
    border-bottom: #d9d9d9 1px solid;
    border-left: #d9d9d9 1px solid;
    width: 304px;
    margin-bottom: 0; }
  #container:not(.trainingscenter) .massnahmen2besuch .massnahmeItemt:nth-child(3n) {
    margin-right: 0; }
  #container:not(.trainingscenter) .massnahmen2besuch .col50 .massnahmeItem,
  #container:not(.trainingscenter) .massnahmen2standort .col50 .massnahmeItem {
    width: auto;
    float: none;
    margin: 0 0 15px; }
  #container:not(.trainingscenter) .massnahmen2besuch .massnahmeItem h2,
  #container:not(.trainingscenter) .massnahmen2standort .massnahmeItem h2 {
    margin: 0 0 12px; }
  #container:not(.trainingscenter) .massnahmen2besuch .massnahmeItem .comment {
    margin: 0 0 12px; }
  #container:not(.trainingscenter) .massnahmen2standort ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  #container:not(.trainingscenter) .massnahmen2standort ul li {
    margin: 5px 0; }
  #container:not(.trainingscenter) .sucheingabeleft {
    float: left;
    margin-right: 25px;
    width: 700px; }
  #container:not(.trainingscenter) .sucheingabeleft.kategorieVolltext .searchsubmit {
    float: right; }
  #container:not(.trainingscenter) .sucheingaberight {
    float: right; }
  #container:not(.trainingscenter) .sucheingaberight.kategorieFilter {
    width: 300px; }
  #container:not(.trainingscenter) .kategorieFilter div.cat {
    float: left;
    width: 66px;
    height: 65px;
    text-align: center;
    margin: 0 8px 10px 0; }
  #container:not(.trainingscenter) .kategorieFilter div.cat:nth-child(n+5) {
    margin-bottom: 0; }
  #container:not(.trainingscenter) .kategorieFilter div.cat:last-child {
    margin-right: 0; }
  #container:not(.trainingscenter) .kategorieFilter input.cat {
    display: none; }
  #container:not(.trainingscenter) .kategorieFilter .kategorieCB {
    width: 48px;
    height: 48px;
    border: #5B5B5B 1px solid;
    border-radius: 3px;
    margin: 0 auto;
    background: #eee url(/img/system/sprite.png) 0 -330px no-repeat; }
  #container:not(.trainingscenter) .kategorieFilter label {
    font-size: 10px;
    float: none;
    width: auto;
    line-height: normal;
    padding: 0;
    margin: 3px 0 0 0;
    color: #aaa; }
  #container:not(.trainingscenter) .kategorieFilter .active label {
    color: #333; }
  #container:not(.trainingscenter) .standorttypenFilter {
    margin-top: 20px; }
  #container:not(.trainingscenter) .standorttypenFilter div.checkbox {
    margin-right: 45px; }
  #container:not(.trainingscenter) .standorttypenFilter div.checkbox:last-child {
    margin-right: 0; }
  #container:not(.trainingscenter) .standorttypenFilter .typCB {
    width: 55px;
    height: 58px;
    margin: 0 auto 2px;
    background: transparent url(/img/system/sprite.png) 0 -450px no-repeat; }
  #container:not(.trainingscenter) .standorttypenFilter .active .typCB {
    border-bottom: 2px solid #333;
    margin-bottom: 0; }
  #container:not(.trainingscenter) .standorttypenFilter label,
  #container:not(.trainingscenter) .standorttypenFilter input.checkbox {
    display: none; }
  #container:not(.trainingscenter) .allleft * {
    float: left; }
  #container:not(.trainingscenter) .allleft input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 10px 10px 0 0; }
  #container:not(.trainingscenter) .scrollable {
    overflow-x: hidden;
    overflow-y: scroll; }
  #container:not(.trainingscenter) .top0 {
    margin: -26px 0 0 0; }
  #container:not(.trainingscenter) #touren1 {
    width: 223px;
    border-right: #ddd 1px solid;
    padding: 26px 16px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #container:not(.trainingscenter) #touren2 {
    width: 734px;
    padding: 26px 16px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #container:not(.trainingscenter) #touren3 {
    width: 223px;
    border-left: #ddd 1px solid;
    padding: 26px 14px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #container:not(.trainingscenter) .flexcol h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 8px 0;
    color: #666; }
  #container:not(.trainingscenter) #tourenStandorte,
  #container:not(.trainingscenter) #tourenMassnahmen {
    margin: 0 0 20px 0; }
  #container:not(.trainingscenter) #tourenStandorte .sucheingabefilter,
  #container:not(.trainingscenter) #vorschlaegeStandorte .sucheingabefilter,
  #container:not(.trainingscenter) #tourenMassnahmen .sucheingabefilter {
    border: #ddd 1px solid;
    border-bottom: none;
    background: #f4f4f4;
    padding: 5px;
    margin: 0;
    box-shadow: none;
    -webkit-box-shadow: none; }
  #container:not(.trainingscenter) #tourenStandorte .sucheingabefilter .row,
  #container:not(.trainingscenter) #vorschlaegeStandorte .sucheingabefilter .row,
  #container:not(.trainingscenter) #tourenMassnahmen .sucheingabefilter .row {
    margin: 0; }
  #container:not(.trainingscenter) #tourenStandorte .sucheingabefilter input.text,
  #container:not(.trainingscenter) #tourenMassnahmen .sucheingabefilter input.text {
    border: #ddd 1px solid;
    background: #fff;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 35px 0 5px; }
  #container:not(.trainingscenter) #vorschlaegeStandorte .sucheingabefilter select {
    border: #ddd 1px solid;
    background: #fff;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 5px;
    height: 40px;
    line-height: 40px; }
  #container:not(.trainingscenter) #tourenStandorte .sucheingabefilter .searchsubmit,
  #container:not(.trainingscenter) #tourenMassnahmen .sucheingabefilter .searchsubmit {
    border: none;
    background: #fff;
    width: 34px;
    height: 34px;
    margin: 1px 0 0 -35px;
    padding: 0;
    background: url(/img/system/sprite.png) -180px -120px no-repeat; }
  #container:not(.trainingscenter) #vorschlaegeStandorte .sucheingabefilter .searchsubmit {
    display: none; }
  #container:not(.trainingscenter) #tourenStandorte .pageable,
  #container:not(.trainingscenter) #vorschlaegeStandorte .pageable,
  #container:not(.trainingscenter) #tourenMassnahmen .pageable {
    border: #ddd 1px solid;
    height: 659px; }
  #container:not(.trainingscenter) #tourenStandorte .so,
  #container:not(.trainingscenter) #vorschlaegeStandorte .so,
  #container:not(.trainingscenter) #tourenMassnahmen .so {
    border-bottom: #ddd 1px solid;
    padding: 5px; }
  #container:not(.trainingscenter) #tourenStandorte .so:last-child,
  #container:not(.trainingscenter) #vorschlaegeStandorte .so:last-child,
  #container:not(.trainingscenter) #tourenMassnahmen .so:last-child {
    border-bottom: none; }
  #container:not(.trainingscenter) #tourenStandorte .so .content,
  #container:not(.trainingscenter) #vorschlaegeStandorte .so .content,
  #container:not(.trainingscenter) #tourenMassnahmen .so .content {
    padding: 7px 9px;
    background: #f5f5f5;
    color: #343434;
    font-size: 11px;
    height: 105px;
    border: #f5f5f5 1px solid;
    border-radius: 0;
    z-index: 1; }
  #container:not(.trainingscenter) #tourenStandorte .so .content.active,
  #container:not(.trainingscenter) #tourenMassnahmen .so .content.active {
    border: rgba(200, 20, 20, 0.6) 1px solid; }
  #container:not(.trainingscenter) #vorschlaegeStandorte .so .content.active {
    border: rgba(47, 152, 229, 0.6) 1px solid; }
  #container:not(.trainingscenter) #tourenStandorte .so .content h4,
  #container:not(.trainingscenter) #vorschlaegeStandorte .so .content h4,
  #container:not(.trainingscenter) #tourenMassnahmen .so .content h4,
  #container:not(.trainingscenter) .massnahmeZuweisen h4 {
    font-size: 13px;
    color: #666;
    margin: 0 0 2px;
    padding: 0 0 1px;
    max-height: 34px;
    overflow: hidden;
    line-height: 16px; }
  #container:not(.trainingscenter) #tourenMassnahmen .so .content h4 {
    max-height: 18px; }
  #container:not(.trainingscenter) #tourenMassnahmen .standortbezeichnung,
  #container:not(.trainingscenter) #tourenMassnahmen .standortstrasse {
    max-height: 15px;
    overflow: hidden; }
  #container:not(.trainingscenter) #tourenStandorte .so .content .address,
  #container:not(.trainingscenter) #vorschlaegeStandorte .so .content .address,
  #container:not(.trainingscenter) #tourenMassnahmen .so .content .address,
  #container:not(.trainingscenter) .massnahmeZuweisen .address {
    line-height: normal;
    margin: 0 0 6px; }
  #container:not(.trainingscenter) #tourenStandorte .so .content b,
  #container:not(.trainingscenter) #vorschlaegeStandorte .so .content b,
  #container:not(.trainingscenter) #tourenMassnahmen .so .content b,
  #container:not(.trainingscenter) .massnahmeZuweisen b {
    display: block; }
  #container:not(.trainingscenter) #tourenMassnahmen .red,
  #container:not(.trainingscenter) .massnahmeZuweisen .red {
    color: #b74441; }
  #container:not(.trainingscenter) .fc-title .small {
    font-size: 11px; }
  #container:not(.trainingscenter) .fc-event {
    border-radius: 0;
    border: none; }
  #container:not(.trainingscenter) .fc-event,
  #container:not(.trainingscenter) .fc-event-dot,
  #container:not(.trainingscenter) .massnahmeItem {
    background-color: rgba(200, 200, 200, 0.4);
    /*rgba(47,152,229,.4);*/
    border-top: rgba(47, 152, 229, 0.6) 2px solid;
    /*rgba(47,152,229,.3)*/ }
  #container:not(.trainingscenter) .fc-event.fix,
  #container:not(.trainingscenter) .fc-event-dot.fix,
  #container:not(.trainingscenter) .massnahmeItem.ueberfaellig {
    border-top: rgba(200, 20, 20, 0.6) 2px solid; }
  #container:not(.trainingscenter) .fc-event.ok,
  #container:not(.trainingscenter) .fc-event-dot.ok,
  #container:not(.trainingscenter) .massnahmeItem.erledigt {
    border-top: rgba(55, 165, 55, 0.6) 2px solid; }
  #container:not(.trainingscenter) .massnahmeItem.beendet {
    border-top: rgba(30, 30, 30, 0.6) 2px solid; }
  #container:not(.trainingscenter) .fc-event.extern,
  #container:not(.trainingscenter) .fc-event-dot.extern,
  #container:not(.trainingscenter) #calendarActions .newevent {
    background-color: rgba(231, 180, 28, 0.4);
    /*226,83,47*/
    border-top: rgba(231, 180, 28, 0.3) 2px solid; }
  #container:not(.trainingscenter) .fc-event,
  #container:not(.trainingscenter) .fc-event:hover,
  #container:not(.trainingscenter) .ui-widget .fc-event {
    color: #000; }
  #container:not(.trainingscenter) .fc button {
    height: 36px;
    line-height: 35px;
    padding: 0 10px; }
  #container:not(.trainingscenter) .fc-state-default {
    background: var(--default-color);
    color: var(--default-color-font);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border-color: transparent rgba(0, 0, 0, 0.1) transparent; }
  #container:not(.trainingscenter) .fc-state-down,
  #container:not(.trainingscenter) .fc-state-active {
    background: #56758C; }
  #container:not(.trainingscenter) .fc-state-default.fc-corner-left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  #container:not(.trainingscenter) .fc-state-default.fc-corner-right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  #container:not(.trainingscenter) .fc-center h2 {
    margin-top: 10px; }
  #container:not(.trainingscenter) .fc-more-popover {
    z-index: 9999; }
  #container:not(.trainingscenter) .fc-time-grid-event .fc-content {
    overflow: initial; }
  #container:not(.trainingscenter) #currenttime {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13px;
    margin: -6px 0 0 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB9AAAAANAgMAAACMUR2VAAAADFBMVEUAAAAATswATszmAAkNqLGWAAAAA3RSTlMAM4DjpSLOAAAARElEQVRYw+3YQREAIAzEwDOJSVQgiQ8/hkNIsh46aZsV4ewI50Y4jXBq1Hl6hmDSNwXjpAPZdCK3dyDvdCA/ckAmnecDDRWmQPAP8boAAAAASUVORK5CYII=) left center no-repeat;
    pointer-events: none; }
  #container:not(.trainingscenter) #calendarActions,
  #container:not(.trainingscenter) #calendarLegend {
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
    border-bottom: #ddd 1px solid; }
  #container:not(.trainingscenter) #calendarActions > div,
  #container:not(.trainingscenter) #calendarLegend > div {
    float: left;
    margin: 0 20px 0 0;
    font-size: 12px; }
  #container:not(.trainingscenter) #calendarActions input {
    float: left;
    margin: 0; }
  #container:not(.trainingscenter) #calendarActions input[type=checkbox] {
    margin: 2px 5px 0 0; }
  #container:not(.trainingscenter) #calendarActions label {
    line-height: normal;
    margin: 0;
    padding: 0;
    font-size: 12px; }
  #container:not(.trainingscenter) #calendarActions .newevent {
    z-index: 100;
    border-radius: 0;
    padding: 1px 5px;
    cursor: default; }
  #container:not(.trainingscenter) #calendarLegend > div span {
    display: inline-block;
    width: 20px;
    border-top: 2px solid;
    margin: 0 10px 4px 0; }
  #container:not(.trainingscenter) #calendarLegend .sonstige {
    border-color: #e7b41c; }
  #container:not(.trainingscenter) #calendarLegend .geplant {
    border-color: #2f98e5; }
  #container:not(.trainingscenter) #calendarLegend .offen {
    border-color: #c81414; }
  #container:not(.trainingscenter) #calendarLegend .abgeschlossen {
    border-color: #37a537; }
  #container:not(.trainingscenter) #editBesuchLayer,
  #container:not(.trainingscenter) #onlineTermineLayer,
  #container:not(.trainingscenter) #assignMassnahmenLayer,
  #container:not(.trainingscenter) #createMassnahmeLayer {
    display: none;
    position: relative;
    padding: 10px 0 0; }
  #container:not(.trainingscenter) #editBesuchLayer iframe,
  #container:not(.trainingscenter) #onlineTermineLayer iframe,
  #container:not(.trainingscenter) #assignMassnahmenLayer iframe,
  #container:not(.trainingscenter) #createMassnahmeLayer iframe {
    width: 100%;
    height: 400px;
    border: 0;
    background: url(/img/system/loader.gif) center center no-repeat; }
  #container:not(.trainingscenter) #createMassnahmeLayer iframe {
    height: 650px; }
  #container:not(.trainingscenter) .ui-dialog {
    z-index: 99999;
    background: #fff;
    -webkit-box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.4); }
  #container:not(.trainingscenter) .ui-dialog-titlebar {
    -webkit-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.1);
    background: #f0f0f0;
    padding: 10px;
    color: #666; }
  #container:not(.trainingscenter) .ui-dialog-titlebar-close {
    float: right;
    background: url(/img/system/sprite.png) -480px -60px no-repeat;
    border: none;
    width: 18px;
    height: 18px;
    text-indent: -999px;
    overflow: hidden; }
  #container:not(.trainingscenter) .dialog-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #container:not(.trainingscenter) .dialog-buttons > div {
    margin: 10px 0 0; }
  #container:not(.trainingscenter) .dialog-buttons .buttonright {
    padding: 0 15px;
    margin-left: 15px; }
  #container:not(.trainingscenter) .dialog-buttons .buttonright:last-child {
    margin-left: 0; }
  #container:not(.trainingscenter) .ui-widget-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3); }
  #container:not(.trainingscenter) #tourenKarteMapwrapper {
    position: relative;
    overflow: hidden;
    margin: 20px 0 0 0; }
  #container:not(.trainingscenter) #tourenKarte {
    position: relative; }
  #container:not(.trainingscenter) #tourenKarte > div {
    height: 500px; }
  #container:not(.trainingscenter) #tourenDatepicker,
  #container:not(.trainingscenter) #tourenDatepicker a {
    font-size: 12px; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker {
    position: relative;
    box-shadow: none;
    width: auto !important;
    background: none; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-group {
    position: relative;
    margin: 15px 0 0 0;
    border: #ddd 1px solid; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-group:first-child {
    margin: 0; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar {
    width: 100%;
    background: none;
    border-spacing: 0; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-header {
    background: none;
    height: auto;
    line-height: 1.4; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-header .ui-datepicker-title {
    color: #000;
    height: auto;
    line-height: 1.4;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    padding: 5px 5px; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar th,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar th:first-child,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar th:last-child {
    width: auto;
    padding: 5px 2px 3px;
    font-weight: normal;
    font-size: 12px; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td:first-child,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td:last-child {
    width: auto;
    border: transparent 1px solid !important; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td a {
    padding: 3px 2px; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar .ui-state-active {
    background: none;
    color: #666; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td.ui-datepicker-other-month,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td.ui-datepicker-other-month:hover,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td.ui-state-disabled,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td.ui-state-disabled:hover {
    padding: 0;
    background: none !important; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td.ui-datepicker-other-month a,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td.ui-datepicker-other-month:hover a,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td.ui-state-disabled a,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td.ui-state-disabled:hover a {
    color: #aaa !important; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-calendar td.ui-datepicker-today {
    border: #e60003 1px solid !important; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-week-col {
    font-size: 12px;
    color: #aaa; }
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-prev,
  #container:not(.trainingscenter) #tourenDatepicker .ui-datepicker-next {
    display: none; }
  #container:not(.trainingscenter) .currentWeek {
    background: #ACD2FF; }
  #container:not(.trainingscenter) #tourenDatepicker .event {
    background-color: rgba(200, 200, 200, 0.2);
    /*rgba(47,152,229,.2)*/ }
  #container:not(.trainingscenter) #tourenDatepicker .fix {
    background-color: rgba(200, 200, 200, 0.2); }
  #container:not(.trainingscenter) #tourenDatepicker .fix.ok {
    background-color: rgba(200, 200, 200, 0.2); }
  #container:not(.trainingscenter) #tourenDatepicker .event a {
    font-weight: bold;
    color: #2f98e5 !important; }
  #container:not(.trainingscenter) #tourenDatepicker .fix a {
    color: #c81414 !important; }
  #container:not(.trainingscenter) #tourenDatepicker .fix.ok a {
    color: #37a537 !important; }
  #container:not(.trainingscenter) .massnahmenListeCol,
  #container:not(.trainingscenter) .mitarbeiterNewsListeCol {
    float: left;
    margin: 0 14px 0 0;
    padding: 0 15px 0 0;
    border-right: #aaa 1px solid;
    width: 353px;
    min-height: 10px; }
  #container:not(.trainingscenter) .massnahmenListeCol:last-child,
  #container:not(.trainingscenter) .mitarbeiterNewsListeCol:last-child {
    margin: 0;
    padding: 0;
    border: none; }
  #container:not(.trainingscenter) .massnahmenListeCol h2,
  #container:not(.trainingscenter) .mitarbeiterNewsListeCol h2 {
    font-size: 18px;
    font-weight: normal; }
  #container:not(.trainingscenter) .massnahmenListeCol .massnahmeItem {
    float: none;
    margin: 0 0 20px 0;
    width: auto; }
  #container:not(.trainingscenter) .massnahmenListeCol .massnahmeItem:last-child {
    margin: 0; }
  #container:not(.trainingscenter) .mitarbeiterNewsListeCol {
    width: 545px; }
  #container:not(.trainingscenter) .mitarbeiterNewsListeCol .pager {
    margin: 0 0 16px;
    padding: 25px 0 16px;
    border-top: 1px solid #ccc; }
  #container:not(.trainingscenter) #newsbezeichnung {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 -20px 0;
    padding: 0 30px; }
  #container:not(.trainingscenter) .massnahmenListeCol .pager {
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-top: 0; }
  #container:not(.trainingscenter) .kommentarehead {
    margin-top: 20px;
    padding: 5px;
    border-top: 1px solid #ccc;
    position: relative;
    line-height: 20px;
    cursor: pointer; }
  #container:not(.trainingscenter) .openCloseSmall {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    background: url(/img/system/sprite.png) -388px -114px no-repeat;
    cursor: pointer; }
  #container:not(.trainingscenter) .kommentarewrapper.open .openCloseSmall {
    background-position: -358px -114px; }
  #container:not(.trainingscenter) .kommentarewrapper.open .kommentare {
    display: block; }
  #container:not(.trainingscenter) .kommentarewrapper .kommentare {
    display: none; }
  #container:not(.trainingscenter) .kommentare {
    position: relative;
    padding-top: 10px; }
  #container:not(.trainingscenter) .kommentar {
    margin: 0 0 10px 10px;
    background-color: #dddddd;
    padding: 8px;
    border: 1px solid #ccc; }
  #container:not(.trainingscenter) .kommentar:before {
    background-color: #dddddd;
    content: " ";
    display: block;
    height: 8px;
    position: absolute;
    -moz-transform: rotate(29deg) skew(-35deg);
    -ms-transform: rotate(29deg) skew(-35deg);
    -o-transform: rotate(29deg) skew(-35deg);
    -webkit-transform: rotate(29deg) skew(-35deg);
    transform: rotate(29deg) skew(-35deg);
    width: 10px;
    box-shadow: -1px 1px 0 0 #ccc;
    left: 7px; }
  #container:not(.trainingscenter) .kommentarinfo {
    font-size: 10px; }
  #container:not(.trainingscenter) .kommentarinhalt {
    font-size: 12px; }
  #container:not(.trainingscenter) .upload label:last-child {
    margin: 0 0 10px 190px;
    width: 500px;
    line-height: normal;
    padding: 0; }
  #container:not(.trainingscenter) #stammdaten .scrollableCheckboxList .DropDownCheckboxListWrapper {
    overflow-y: scroll;
    width: 650px;
    height: 185px;
    clear: both;
    border: #ccc 1px solid;
    border-radius: 3px; }
  #container:not(.trainingscenter) #stammdaten .scrollableCheckboxList > label {
    float: left;
    width: auto; }
  #container:not(.trainingscenter) #stammdaten .scrollableCheckboxList .DropDownCheckboxListWrapper div {
    margin: 4px 0 5px 0; }
  #container:not(.trainingscenter) #stammdaten .scrollableCheckboxList .checkAll input[type=checkbox],
  #container:not(.trainingscenter) #stammdaten .scrollableCheckboxList .DropDownCheckboxListWrapper input[type=checkbox] {
    float: left;
    width: 20px;
    height: 20px;
    margin: 1px 10px 0 5px; }
  #container:not(.trainingscenter) #stammdaten .scrollableCheckboxList .checkAll label,
  #container:not(.trainingscenter) #stammdaten .scrollableCheckboxList .DropDownCheckboxListWrapper label {
    float: left;
    width: 500px;
    padding: 0;
    line-height: normal;
    font-weight: normal; }
  #container:not(.trainingscenter) #stammdaten .scrollableCheckboxList .checkAll {
    float: right;
    margin: 4px 0 0 0; }
  #container:not(.trainingscenter) #stammdaten .scrollableCheckboxList .checkAll label {
    width: auto;
    margin: 0 40px 0 0; }
  #container:not(.trainingscenter) .icon.schulung, #container:not(.trainingscenter) .kategorieFilter .kategorieCB.schulung {
    background-position: 0 -330px; }
  #container:not(.trainingscenter) .icon.organisation, #container:not(.trainingscenter) .kategorieFilter .kategorieCB.organisation {
    background-position: -60px -330px; }
  #container:not(.trainingscenter) .icon.edv, #container:not(.trainingscenter) .kategorieFilter .kategorieCB.edv {
    background-position: -120px -330px; }
  #container:not(.trainingscenter) .icon.akquise, #container:not(.trainingscenter) .kategorieFilter .kategorieCB.akquise {
    background-position: -180px -330px; }
  #container:not(.trainingscenter) .icon.netzwerk, #container:not(.trainingscenter) .kategorieFilter .kategorieCB.netzwerk {
    background-position: -240px -330px; }
  #container:not(.trainingscenter) .icon.marketing, #container:not(.trainingscenter) .kategorieFilter .kategorieCB.marketing {
    background-position: -300px -330px; }
  #container:not(.trainingscenter) .icon.technik, #container:not(.trainingscenter) .kategorieFilter .kategorieCB.technik {
    background-position: -360px -330px; }
  #container:not(.trainingscenter) .icon.vertrieb, #container:not(.trainingscenter) .kategorieFilter .kategorieCB.vertrieb {
    background-position: -420px -330px; }
  #container:not(.trainingscenter) .standorttypenFilter .typCB.industrie {
    background-position: 0px -450px; }
  #container:not(.trainingscenter) .standorttypenFilter .typCB.holding {
    background-position: -90px -450px; }
  #container:not(.trainingscenter) .standorttypenFilter .typCB.zentrale {
    background-position: -180px -450px; }
  #container:not(.trainingscenter) .standorttypenFilter .typCB.filiale {
    background-position: -270px -450px; }
  #container:not(.trainingscenter) .standorttypenFilter .typCB.werkstatt {
    background-position: -360px -450px; }
  #container:not(.trainingscenter) .standorttypenFilter .typCB.werkstattfiliale {
    background-position: 0px -510px; }
  #container:not(.trainingscenter) .icon.active.schulung, #container:not(.trainingscenter) .kategorieFilter .active .kategorieCB.schulung {
    background-position: 0 -390px; }
  #container:not(.trainingscenter) .icon.active.organisation, #container:not(.trainingscenter) .kategorieFilter .active .kategorieCB.organisation {
    background-position: -60px -390px; }
  #container:not(.trainingscenter) .icon.active.edv, #container:not(.trainingscenter) .kategorieFilter .active .kategorieCB.edv {
    background-position: -120px -390px; }
  #container:not(.trainingscenter) .icon.active.akquise, #container:not(.trainingscenter) .kategorieFilter .active .kategorieCB.akquise {
    background-position: -180px -390px; }
  #container:not(.trainingscenter) .icon.active.netzwerk, #container:not(.trainingscenter) .kategorieFilter .active .kategorieCB.netzwerk {
    background-position: -240px -390px; }
  #container:not(.trainingscenter) .icon.active.marketing, #container:not(.trainingscenter) .kategorieFilter .active .kategorieCB.marketing {
    background-position: -300px -390px; }
  #container:not(.trainingscenter) .icon.active.technik, #container:not(.trainingscenter) .kategorieFilter .active .kategorieCB.technik {
    background-position: -360px -390px; }
  #container:not(.trainingscenter) .icon.active.vertrieb, #container:not(.trainingscenter) .kategorieFilter .active .kategorieCB.vertrieb {
    background-position: -420px -390px; }
  #container:not(.trainingscenter) .massnahmeItem .kategorie .bezeichnung {
    font-size: 12px;
    line-height: 24px;
    color: #333333;
    text-align: center; }
  #container:not(.trainingscenter) .audithead {
    padding: 10px 30px;
    border-bottom: 1px solid #cccccc; }
  #container:not(.trainingscenter) .audithead h2 {
    float: left;
    padding: 20px 60px 0 0;
    line-height: 25px;
    font-size: 20px;
    font-weight: normal;
    margin: 0; }
  #container:not(.trainingscenter) .audithead .anzahlpunkte {
    float: left;
    padding: 20px 55px 0 0;
    line-height: 25px; }
  #container:not(.trainingscenter) .audithead .auditprozent {
    float: left;
    line-height: 25px; }
  #container:not(.trainingscenter) .audithead .prozentlabel {
    float: left;
    padding: 20px 10px 0 0; }
  #container:not(.trainingscenter) .audithead .chartwrapper {
    float: left; }
  #container:not(.trainingscenter) .auditpfeile {
    height: 60px;
    display: block;
    background: url(/img/system/audit-pfeile.png) 280px 25px no-repeat; }
  #container:not(.trainingscenter) .bewertungenwrapper {
    padding: 0 22px 20px; }
  #container:not(.trainingscenter) .bewertungRow {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 8px; }
  #container:not(.trainingscenter) .frage {
    float: left;
    width: 250px;
    line-height: 22px;
    font-size: 15px; }
  #container:not(.trainingscenter) .antworten {
    float: left;
    width: 850px;
    padding-left: 20px; }
  #container:not(.trainingscenter) .antworten .radioButtonListWrapper {
    float: none;
    width: auto;
    height: auto; }
  #container:not(.trainingscenter) .antworten .radioButtonWrapper {
    float: left;
    padding: 0 5px;
    width: 160px;
    text-align: center;
    margin: 0; }
  #container:not(.trainingscenter) .antworten .radioButtonWrapper input {
    float: none;
    display: block;
    margin: 0;
    width: 20px;
    height: 20px;
    margin-left: 70px;
    margin-top: 13px; }
  #container:not(.trainingscenter) .antworten .radioButtonWrapper label {
    float: none;
    display: block;
    padding: 0;
    margin: 0;
    line-height: 22px;
    font-size: 15px; }
  #container:not(.trainingscenter) .newsliste {
    padding: 0 26px 26px; }
  #container:not(.trainingscenter) .newsliste .newseintrag {
    padding: 7px 0;
    border-bottom: 1px solid #ccc; }
  #container:not(.trainingscenter) .newsliste .newseintrag:last-child {
    border: 0 none; }
  #container:not(.trainingscenter) .newsicon {
    float: left;
    width: 30px;
    height: 28px;
    background: url(/img/system/sprite.png) -90px -83px no-repeat; }
  #container:not(.trainingscenter) .lightgrey .newsicon {
    opacity: 0.25; }
  #container:not(.trainingscenter) .newsliste .newsbezeichnung {
    float: left;
    width: 490px;
    padding: 0 30px 0 0;
    line-height: 28px; }
  #container:not(.trainingscenter) .newsliste .newsbuttons {
    float: left;
    width: 500px;
    line-height: 28px; }
  #container:not(.trainingscenter) .buttonright {
    float: right; }
  #container:not(.trainingscenter) .buttonright a {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 10px 0 15px;
    background: var(--default-color);
    color: var(--default-color-font);
    border-radius: 3px;
    text-decoration: none;
    margin: 0 20px 0 0; }
  #container:not(.trainingscenter) .buttonright a span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 0 -3px 10px;
    background-image: url(/img/system/sprite.png);
    background-repeat: no-repeat; }
  #container:not(.trainingscenter) .button.edit,
  #container:not(.trainingscenter) .button.delete,
  #container:not(.trainingscenter) .button.green,
  #container:not(.trainingscenter) .button.statistic {
    height: 38px;
    line-height: 38px;
    margin: 0 0 0 0;
    padding: 0 10px;
    background: var(--default-color);
    color: var(--default-color-font);
    border-radius: 3px;
    text-decoration: none;
    float: left;
    margin-right: 15px; }
  #container:not(.trainingscenter) .button.edit span,
  #container:not(.trainingscenter) .button.delete span,
  #container:not(.trainingscenter) .button.green span,
  #container:not(.trainingscenter) .button.statistic span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 0 -3px 0;
    background: url(/img/system/sprite.png) 0 0 no-repeat; }
  #container:not(.trainingscenter) .button.green {
    background-color: #309e39;
    color: #ffffff; }
  #container:not(.trainingscenter) .buttonright a.back {
    padding: 0 15px; }
  #container:not(.trainingscenter) .buttonright a.back span {
    display: none; }
  #container:not(.trainingscenter) .ui-datepicker {
    display: none;
    white-space: nowrap;
    position: absolute;
    margin-top: 4px;
    z-index: 9999 !important;
    width: 300px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #container:not(.trainingscenter) .ui-datepicker-header {
    background: var(--default-color);
    height: 35px;
    line-height: 35px; }
  #container:not(.trainingscenter) .ui-datepicker-header .ui-datepicker-prev,
  #container:not(.trainingscenter) .ui-datepicker-header .ui-datepicker-next {
    background: url(/img/system/datepickerbuttons.png) no-repeat;
    width: 31px;
    height: 31px;
    cursor: pointer;
    margin: 2px 0 2px; }
  #container:not(.trainingscenter) .ui-datepicker-header .ui-datepicker-prev {
    float: left; }
  #container:not(.trainingscenter) .ui-datepicker-header .ui-datepicker-next {
    float: right;
    background-position: right 0; }
  #container:not(.trainingscenter) .ui-datepicker-header .ui-datepicker-prevYear span,
  #container:not(.trainingscenter) .ui-datepicker-header .ui-datepicker-prev span,
  #container:not(.trainingscenter) .ui-datepicker-header .ui-datepicker-next span,
  #container:not(.trainingscenter) .ui-datepicker-header .ui-datepicker-nextYear span {
    display: none; }
  #container:not(.trainingscenter) .ui-datepicker-header .ui-state-disabled {
    cursor: default; }
  #container:not(.trainingscenter) .ui-datepicker-header .ui-datepicker-title {
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    height: 35px; }
  #container:not(.trainingscenter) .ui-datepicker-calendar {
    border-collapse: separate;
    border-spacing: 2px;
    background: #fff;
    margin: 0; }
  #container:not(.trainingscenter) .ui-datepicker-calendar th,
  #container:not(.trainingscenter) .ui-datepicker-calendar th:first-child,
  #container:not(.trainingscenter) .ui-datepicker-calendar th:last-child {
    font-weight: bold;
    padding: 10px 7px 3px 7px;
    text-align: center; }
  #container:not(.trainingscenter) .ui-datepicker-calendar td,
  #container:not(.trainingscenter) .ui-datepicker-calendar td:first-child,
  #container:not(.trainingscenter) .ui-datepicker-calendar td:last-child {
    color: #333;
    text-align: center;
    border: #d3d3d3 1px solid !important;
    padding: 0;
    width: 14.28571428571429%; }
  #container:not(.trainingscenter) .ui-datepicker-calendar td a {
    display: block;
    padding: 10px 10px;
    color: #333;
    text-decoration: none;
    text-align: center; }
  #container:not(.trainingscenter) .ui-datepicker-calendar td:hover {
    color: #333;
    border: var(--default-color) 1px solid !important; }
  #container:not(.trainingscenter) .ui-datepicker-calendar .ui-state-active {
    background: var(--default-color);
    color: var(--default-color-font);
    font-weight: bold; }
  #container:not(.trainingscenter) .ui-datepicker-calendar td:hover .ui-state-active {
    color: #fff; }
  #container:not(.trainingscenter) .ui-datepicker-calendar td.ui-datepicker-today {
    color: #333;
    border: #f00 1px solid !important; }
  #container:not(.trainingscenter) .ui-datepicker-calendar td.ui-datepicker-today a,
  #container:not(.trainingscenter) .ui-datepicker-calendar td:hover a {
    color: #000; }
  #container:not(.trainingscenter) .ui-datepicker-calendar td.ui-datepicker-other-month,
  #container:not(.trainingscenter) .ui-datepicker-calendar td.ui-datepicker-other-month:hover,
  #container:not(.trainingscenter) .ui-datepicker-calendar td.ui-state-disabled,
  #container:not(.trainingscenter) .ui-datepicker-calendar td.ui-state-disabled:hover {
    color: #333;
    background: #ccc;
    padding: 10px 7px; }
  #container:not(.trainingscenter) .legend {
    font-size: 12px;
    margin: 0 0 5px 0; }
  #container:not(.trainingscenter) .legend:last-child {
    margin: 0; }
  #container:not(.trainingscenter) .legend div {
    width: 12px;
    height: 12px;
    float: left;
    margin: 1px 15px -1px 0; }
  #container:not(.trainingscenter) .legend.geplant div {
    background-color: #e6e616; }
  #container:not(.trainingscenter) .legend.abgeschlossen div,
  #container:not(.trainingscenter) .legend.erledigt div,
  #container:not(.trainingscenter) .legend.gelesen div {
    background-color: #14ca1e; }
  #container:not(.trainingscenter) .legend.abgesagt div,
  #container:not(.trainingscenter) .legend.faellig div,
  #container:not(.trainingscenter) .legend.ungelesen div {
    background-color: #ca141e; }
  #container:not(.trainingscenter) .legend.gelesenalt div {
    background-color: #cccccc; }
  #container:not(.trainingscenter) .legend.ungelesenalt div {
    background-color: #aaaaaa; }
  #container:not(.trainingscenter) .paster {
    margin: 5px 0 0 0;
    clear: both; }
  #container:not(.trainingscenter) .pasteTartgetWrapper {
    position: relative; }
  #container:not(.trainingscenter) .pasteTargetText {
    clear: both;
    height: 32px;
    padding: 10px;
    background: #e0e0e0; }
  #container:not(.trainingscenter) .pasteTarget {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 52px;
    cursor: pointer;
    overflow: hidden; }
  #container:not(.trainingscenter) .pasteTarget:focus {
    border: #0274ff 1px solid; }
  #container:not(.trainingscenter) .pastePreview img {
    width: 100%;
    height: auto;
    max-width: 308px;
    max-height: 250px;
    border: #b0b0b0 1px solid;
    margin: 15px 0 0 0; }
  #container:not(.trainingscenter) .pastedFileName {
    display: none;
    max-width: 288px;
    margin: 5px 0 0 0; }
  #container:not(.trainingscenter) .pasteRemove {
    display: none;
    margin: 5px 0 0 0; }
  #container:not(.trainingscenter) label .normal {
    display: inline; }
  #container:not(.trainingscenter) label.widelabel {
    width: 270px; }
  #container:not(.trainingscenter) .withIndicator {
    position: relative; }
  #container:not(.trainingscenter) .withIndicator i {
    position: absolute;
    top: -9px;
    right: -9px;
    border: #fff 1px solid;
    border-radius: 9px;
    background: #ff6a00;
    color: #fff;
    text-align: center;
    font-size: 11px;
    font-style: normal;
    padding: 1px 5px;
    line-height: 14px;
    height: 14px; }
  #container:not(.trainingscenter) body > .ui-widget-overlay ~ .ui-widget-overlay {
    background: transparent; }
  #container:not(.trainingscenter) .massnahmeZuweisen {
    background: #f5f5f5;
    border: #ddd 1px solid;
    padding: 5px;
    margin: 0 0 10px 0;
    color: #343434;
    font-size: 11px; }
  #container:not(.trainingscenter) .massnahmeZuweisen:last-child {
    margin-bottom: 0; }
  #container:not(.trainingscenter) .massnahmeZuweisen h4 {
    margin: 0 0 6px; }
  #container:not(.trainingscenter) .col13white h2 {
    font-size: 15px;
    margin: 0 0 15px 0; }
  #container:not(.trainingscenter) .col13white .massnahmeZuweisen {
    font-size: 15px;
    padding: 10px; }
  #container:not(.trainingscenter) #stammdaten .col13white .massnahmeZuweisen label {
    width: 100px; }
  #container:not(.trainingscenter) #stammdaten .col13white .row:last-child {
    margin: 0; }
  #container:not(.trainingscenter) #stammdaten .col13white textarea.text {
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    padding: 5px; }
  #container:not(.trainingscenter) #zugewieseneMassnahmen {
    margin: 0 0 20px; }
  #container:not(.trainingscenter) #zugewieseneMassnahmen + h2 {
    margin: 0 0 10px; }
  #container:not(.trainingscenter) .one2nListWrapper .massnahmeZuweisen button.add span,
  #container:not(.trainingscenter) .one2nListWrapper .massnahmeZuweisen button.remove span {
    margin: 0 0 -5px 0; }
  #container:not(.trainingscenter) .bottomButtons {
    margin: 20px 0 10px; }
  #container:not(.trainingscenter) .janeinleer .radioButtonListWrapper {
    width: auto;
    line-height: normal;
    height: auto; }
  #container:not(.trainingscenter) .janeinleer .radioButtonWrapper:first-child {
    display: none; }
  #container:not(.trainingscenter) .janeinleer .radioButtonWrapper input[type=radio] {
    margin: 8px 10px -8px 0; }
  #container:not(.trainingscenter) .janeinleer .radioButtonWrapper input[type=radio] + label {
    width: 50px !important; }
  #container:not(.trainingscenter) .tinyboxrow {
    width: -webkit-calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: -ms-calc(100% - 36px);
    width: calc(100% - 36px); }
  #container:not(.trainingscenter) .tinyboxrow label {
    float: none; }
  #container:not(.trainingscenter) #content_BesuchVerwalten,
  #container:not(.trainingscenter) #content_TerminVerwalten {
    height: 380px; }
  #container:not(.trainingscenter) #content_BesuchVerwalten .content {
    height: 285px; }
  #container:not(.trainingscenter) .onlineKontaktAuswahl {
    cursor: pointer;
    border-bottom: #ddd 1px solid;
    padding: 5px;
    margin: 0; }
  #container:not(.trainingscenter) .onlineKontaktAuswahl:hover {
    background-color: #eee; }
  #container:not(.trainingscenter) .onlineKontaktAuswahl:last-child {
    border-bottom: none; }
  #container:not(.trainingscenter) .w30,
  #container:not(.trainingscenter) .w33,
  #container:not(.trainingscenter) .w69 {
    float: left;
    width: 33%;
    min-height: 10px; }
  #container:not(.trainingscenter) .w30 {
    width: 30%; }
  #container:not(.trainingscenter) .w69 {
    width: 69%; }
  #container:not(.trainingscenter) .arrow {
    float: left;
    width: 3%;
    text-align: center; }
  #container:not(.trainingscenter) .fc-title .m {
    display: none;
    position: absolute;
    top: 0;
    right: -3px;
    z-index: 5;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FF8800; }
  #container:not(.trainingscenter) #layerMsg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.5); }
  #container:not(.trainingscenter) #layerMsg .success {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 120px;
    margin: -60px 0 0 -60px;
    background: url(/img/system/layerSuccess.png) left center no-repeat; }
  #container:not(.trainingscenter) #layerMsg .success.top {
    top: 15%; }
  #container:not(.trainingscenter) .advice {
    margin: 10px -10px 10px;
    padding: 9px;
    border: #ffaa00 1px solid;
    background: #fff999;
    line-height: normal; }
  #container:not(.trainingscenter) .col50Left,
  #container:not(.trainingscenter) .col50Right {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #container:not(.trainingscenter) .col50Left {
    padding-right: 15px;
    border-right: #aaa 1px solid; }
  #container:not(.trainingscenter) .col50Right {
    padding-left: 15px;
    border-left: #aaa 1px solid;
    margin: 0 0 0 -1px; }
  #container:not(.trainingscenter) .hide, #container:not(.trainingscenter) .hidden {
    display: none; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokollHeader,
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll,
  #container:not(.trainingscenter) #pdfBesprechungsprotokollFooter {
    background: none !important; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokollHeader img {
    width: 100%;
    height: auto; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll .pdfheader .pdfheaderleft {
    float: left;
    width: 68%;
    margin: 0 2% 0 0; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll .pdfheader .pdfheaderright {
    float: right;
    width: 30%;
    font-size: 12px;
    color: #333; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 25px;
    float: none; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll .row {
    margin: 0 0 15px; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll thead tr {
    background: #eee; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll th,
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll td {
    font-size: 12px;
    padding: 2px 5px;
    border: #ddd 1px solid; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll th {
    font-weight: bold;
    text-align: center;
    vertical-align: middle; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll td {
    vertical-align: middle; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll .textbold {
    font-weight: bold; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll .textcenter {
    text-align: center; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokoll .number {
    text-align: right; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokollFooter {
    font-size: 7px !important;
    line-height: 10px;
    color: #666; }
  #container:not(.trainingscenter) #pdfBesprechungsprotokollFooter img {
    float: right;
    width: 50px;
    margin: 0 0 0 25px; }
  #container:not(.trainingscenter) .caratVertraegeFilter label,
  #container:not(.trainingscenter) .caratVertraegeFilter input.checkbox {
    display: none; }
  #container:not(.trainingscenter) .vertragsicons.caratVertraegeFilter {
    margin: 15px 0 25px; }
  #container:not(.trainingscenter) .vertragsicons.caratVertraegeFilter div.checkbox {
    margin-right: 11px;
    float: left; }
  #container:not(.trainingscenter) .vertragsicons.caratVertraegeFilter div.checkbox:last-child {
    margin-right: 0; }
  #container:not(.trainingscenter) .vertragsicons.caratVertraegeFilter img {
    width: auto;
    height: 20px;
    vertical-align: top;
    opacity: 0.4;
    filter: grayscale(100%);
    /* Standard */
    -webkit-filter: grayscale(100%);
    /* Webkit */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
    /* Old WebKit */ }
  #container:not(.trainingscenter) .vertragsicons.caratVertraegeFilter .active img {
    opacity: 1;
    filter: none; }
  #container:not(.trainingscenter) .margin-top-30px {
    margin-top: 30px; }

/**/:root {
  --default-color: #004EA8;
  --default-color-font: #fff;
  --primary-color: #FEDA00;
  --primary-color-font: #000;
  --link-color: #004EA8;
}
body {
  background-color: var(--gray-background);
}
a.searchsubmit {
  background-color: var(--primary-color);
  color: var(--primary-color-font);
}
.mainnavi ul li:hover a,
.mainnavi ul li.selected a {
  color: var(--primary-color-font);
  border-bottom: 3px var(--primary-color) solid;
}
.stammdatentabs a:hover,
.stammdatentabs .selected a {
  color: var(--primary-color-font);
  border-bottom: var(--primary-color) 3px solid;
}@font-face {
  font-family: 'mobilenav';
  src: url("/fonts/mobilenav/mobilenav.eot?19440014");
  src: url("/fonts/mobilenav/mobilenav.eot?19440014#iefix") format("embedded-opentype"), url("/fonts/mobilenav/mobilenav.woff?19440014") format("woff"), url("/fonts/mobilenav/mobilenav.ttf?19440014") format("truetype"), url("/fonts/mobilenav/mobilenav.svg?19440014#mobilenav") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="mn-"]:before, [class*=" mn-"]:before {
  font-family: "mobilenav";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mn-angle-left:before {
  content: '\e800'; }

.mn-angle-right:before {
  content: '\e801'; }

.mn-menu:before {
  content: '\e802'; }

.mobile-logo {
  display: none;
  position: absolute;
  top: 10px;
  left: 0;
  text-align: center;
  width: 100%; }
  .mobile-logo img {
    height: 50px; }

html.mobilenav-open {
  overflow: hidden !important; }

.mobilenav-open body {
  position: fixed !important; }

.mobilebutton {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 10px;
  right: 10px;
  height: 40px;
  width: 40px;
  background: #333;
  color: #FFF;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 28px;
  padding: 5px 0;
  cursor: pointer; }

#mobilenav {
  display: none;
  -moz-transform: translate(-105%);
  -ms-transform: translate(-105%);
  -o-transform: translate(-105%);
  -webkit-transform: translate(-105%);
  transform: translate(-105%);
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.6);
  padding-top: 70px;
  font-size: 18px;
  line-height: 1.3rem;
  color: #FFF;
  width: 320px;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #333;
  background: -moz-linear-gradient(top, #333 50px, #333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50px, #333), color-stop(100%, #333));
  background: -webkit-linear-gradient(top, #333 50px, #333 100%);
  background: -o-linear-gradient(top, #333 50px, #333 100%);
  background: -ms-linear-gradient(top, #333 50px, #333 100%);
  background: linear-gradient(to bottom, #333 50px, #333 100%);
  position: fixed;
  z-index: 9990;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden; }
  #mobilenav.no-overflow {
    overflow-y: hidden; }
  .mobilenav-open #mobilenav {
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0); }
  #mobilenav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #mobilenav ul.sub {
      display: none;
      background: rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 -3px 3px -2px rgba(0, 0, 0, 0.3); }
  #mobilenav li {
    position: relative;
    z-index: 20; }
    #mobilenav li > .mobilenav-submenu i:before {
      -moz-transform: rotateZ(90deg);
      -ms-transform: rotateZ(90deg);
      -o-transform: rotateZ(90deg);
      -webkit-transform: rotateZ(90deg);
      transform: rotateZ(90deg);
      -moz-transition: transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      -webkit-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out; }
    #mobilenav li.open > .mobilenav-submenu i:before {
      -moz-transform: rotateZ(90deg) rotateY(180deg);
      -ms-transform: rotateZ(90deg) rotateY(180deg);
      -o-transform: rotateZ(90deg) rotateY(180deg);
      -webkit-transform: rotateZ(90deg) rotateY(180deg);
      transform: rotateZ(90deg) rotateY(180deg); }

.mobilenav-header {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  border-bottom: 1px solid #666;
  overflow: hidden;
  font-weight: 600;
  margin-bottom: 15px;
  cursor: pointer; }
  .mobilenav-header .mobilenav-header-link {
    float: left;
    display: block;
    padding: 11px 0;
    color: #FFF;
    text-decoration: none;
    width: 67%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .mobilenav-header .mobilenav-back {
    float: right;
    padding: 11px 0;
    max-width: 33%; }

.mobilenav-submenu {
  padding: 11px 10px;
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  cursor: pointer;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.1); }
  .mobilenav-submenu:hover {
    background: rgba(255, 255, 255, 0.2); }

.mobilenav-ul {
  width: 100%;
  z-index: 100; }
  .mobilenav-ul.sub {
    display: none; }

.mobilenav-li {
  margin-bottom: 5px;
  -moz-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
  -webkit-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out; }
  .mobilenav-li.open,
  .mobilenav-li.open > ul > li:last-child {
    margin-bottom: 0; }
  .mobilenav-li.padding {
    padding-bottom: 5px !important; }

.seperator {
  margin: 10px 0;
  background-color: #666;
  height: 1px; }

.mobilenav-a {
  padding: 11px 45px 11px 20px;
  display: block;
  color: #FFF;
  text-decoration: none;
  background: transparent;
  -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
  .mobilenav-a:hover,
  .selected > .mobilenav-a {
    text-decoration: none;
    background: #666;
    color: #FFF; }

@media only screen and (max-width: 768px) {
  #mobilenav,
  .mobile-logo,
  .mobilebutton {
    display: block; } }.cc_container .cc_logo {
    display:none !important;
}.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}


.chart.w250 {
  width: 250px;
  height: 250px;
  text-align: center;
  line-height: 250px;
  position: relative;
  font-size: 35px;
}

.chart.w200 {
  width: 200px;
  height: 200px;
  text-align: center;
  line-height: 200px;
  position: relative;
  font-size: 30px;
}

.chart.w60 {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  position: relative;
  color: #999999;
  font-size: 20px;
}

.chart.w57 {
  width: 57px;
  height: 57px;
  text-align: center;
  line-height: 57px;
  position: relative;
  color: #999999;
  font-size: 16px;
  display: block;
}

.chart.w40 {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  position: relative;
  color: #999999;
  font-size: 12px;
  display: block;
}/*PORTFOLIO PLOT*/
#portfolioplot {
    margin: 20px 20px 50px 400px;
}

rect {
  fill: transparent;
  shape-rendering: crispEdges;
}

.axis path,
.axis line {
  fill: none;
  stroke: rgba(0, 0, 0, 0.1);
  shape-rendering: crispEdges;
}

.axisLine {
  fill: none;
  shape-rendering: crispEdges;
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 2px;
}

.dot {
  fill-opacity: .5;
}
.dot.selected {
  stroke: rgba(255, 0, 0, .8);
  stroke-width: 2px;
}

.d3-tip {
  line-height: 1.2;
  padding: 6px;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  border-radius: 2px;
  z-index: 99999;
  font-size: .75rem;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -2px 0 0 0;
  top: 100%;
  left: 0;
}



/*PIE CHART*/
.piechart {
    width: 225px;
    height: 100px;
}
.piechart svg {
	width: 100%;
	height: 100%;
}
.piechart path.slice {
	stroke-width: 2px;
}
.piechart polyline {
	opacity: .3;
	stroke: black;
	stroke-width: 2px;
	fill: none;
}
.piechart .labels {
   font-size: 10px;   
}/* ::: Druckversion ::: */
@media print {
    #standortlistecontainer{
        position:relative;
        width:auto;
        left:0!important;
    }
    
    #standortliste{
        height:auto!important;
    }
    
    .metanavi{
        display:none;
    }
    
    .mainnavi ul li{
        display:none;
    }
    
    .mainnavi ul li.selected{
        display:block;
    }
    
    .sucheingabe{
        display:none;
    }
    
}@media print {
  /*!
     * FullCalendar v3.1.0 Print Stylesheet
     * Docs & License: http://fullcalendar.io/
     * (c) 2016 Adam Shaw
     */

  /*
     * Include this stylesheet on your page to get a more printer-friendly calendar.
     * When including this stylesheet, use the media='print' attribute of the <link> tag.
     * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
     */

  .fc {
    max-width: 100% !important;
  }


  /* Global Event Restyling
    --------------------------------------------------------------------------------------------------*/

  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid;
  }

    .fc-event .fc-resizer {
      display: none;
    }


  /* Table & Day-Row Restyling
    --------------------------------------------------------------------------------------------------*/

  .fc th,
  .fc td,
  .fc hr,
  .fc thead,
  .fc tbody,
  .fc-row {
    border-color: #ccc !important;
    background: #fff !important;
  }

  /* kill the overlaid, absolutely-positioned components */
  /* common... */
  .fc-bg,
  .fc-bgevent-skeleton,
  .fc-highlight-skeleton,
  .fc-helper-skeleton,
  /* for timegrid. within cells within table skeletons... */
  .fc-bgevent-container,
  .fc-business-container,
  .fc-highlight-container,
  .fc-helper-container {
    display: none;
  }

  /* don't force a min-height on rows (for DayGrid) */
  .fc tbody .fc-row {
    height: auto !important; /* undo height that JS set in distributeHeight */
    min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */
  }

    .fc tbody .fc-row .fc-content-skeleton {
      position: static; /* undo .fc-rigid */
      padding-bottom: 0 !important; /* use a more border-friendly method for this... */
    }

      .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */
        padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */
      }

      .fc tbody .fc-row .fc-content-skeleton table {
        /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
    	   making it look more like 3em. for other browers, it will already be this tall */
        height: 1em;
      }


  /* Undo month-view event limiting. Display all events and hide the "more" links
    --------------------------------------------------------------------------------------------------*/

  .fc-more-cell,
  .fc-more {
    display: none !important;
  }

  .fc tr.fc-limited {
    display: table-row !important;
  }

  .fc td.fc-limited {
    display: table-cell !important;
  }

  .fc-popover {
    display: none; /* never display the "more.." popover in print mode */
  }


  /* TimeGrid Restyling
    --------------------------------------------------------------------------------------------------*/

  /* undo the min-height 100% trick used to fill the container's height */
  .fc-time-grid {
    min-height: 0 !important;
  }

  /* don't display the side axis at all ("all-day" and time cells) */
  .fc-agenda-view .fc-axis {
    display: none;
  }

  /* don't display the horizontal lines */
  .fc-slats,
  .fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */
    display: none !important; /* important overrides inline declaration */
  }

  /* let the container that holds the events be naturally positioned and create real height */
  .fc-time-grid .fc-content-skeleton {
    position: static;
  }

    /* in case there are no events, we still want some height */
    .fc-time-grid .fc-content-skeleton table {
      height: 4em;
    }

  /* kill the horizontal spacing made by the event container. event margins will be done below */
  .fc-time-grid .fc-event-container {
    margin: 0 !important;
  }


  /* TimeGrid *Event* Restyling
    --------------------------------------------------------------------------------------------------*/

  /* naturally position events, vertically stacking them */
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important;
  }

    /* for events that continue to a future day, give the bottom border back */
    .fc-time-grid .fc-event.fc-not-end {
      border-bottom-width: 1px !important;
    }

      /* indicate the event continues via "..." text */
      .fc-time-grid .fc-event.fc-not-end:after {
        content: "...";
      }

    /* for events that are continuations from previous days, give the top border back */
    .fc-time-grid .fc-event.fc-not-start {
      border-top-width: 1px !important;
    }

      /* indicate the event is a continuation via "..." text */
      .fc-time-grid .fc-event.fc-not-start:before {
        content: "...";
      }

    /* time */

    /* undo a previous declaration and let the time text span to a second line */
    .fc-time-grid .fc-event .fc-time {
      white-space: normal !important;
    }

      /* hide the the time that is normally displayed... */
      .fc-time-grid .fc-event .fc-time span {
        display: none;
      }

      /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
      .fc-time-grid .fc-event .fc-time:after {
        content: attr(data-full);
      }


  /* Vertical Scroller & Containers
    --------------------------------------------------------------------------------------------------*/

  /* kill the scrollbars and allow natural height */
  .fc-scroller,
  .fc-day-grid-container, /* these divs might be assigned height, which we need to cleared */
  .fc-time-grid-container { /* */
    overflow: visible !important;
    height: auto !important;
  }

  /* kill the horizontal border/padding used to compensate for scrollbars */
  .fc-row {
    border: 0 !important;
    margin: 0 !important;
  }


  /* Button Controls
    --------------------------------------------------------------------------------------------------*/

  .fc-button-group,
  .fc button {
    display: none; /* don't display any button-related controls */
  }
}/* COCKPIT-FILTER */
.cockpit-filter {
  float: right;
  width: 295px;
  margin-left: 20px;
}

.cockpit-filter-heading {
  float: left;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 15px 0;
  font-size: 22px;
  line-height: 15px;
}

#resetFilter {
  float: right;
  margin: 0 10px 15px 0;
  width: 18px;
  height: 18px;
  background: url(/img/system/sprite.png) -480px -120px no-repeat;
  cursor: pointer;
}

.cockpit-filter-group {
  border: #ccc 1px solid;
  margin-bottom: 10px;
  background: #fff;
}

.cockpit-filter-group-heading {
  text-transform: uppercase;
  border-bottom: 1px solid;
  padding: 10px;
  margin: -1px -1px 0 -1px;
  background-color: #666;
  color: #fff;
  font-weight: normal;
  cursor: pointer;
}

  .cockpit-filter-group-heading span {
    float: right;
    width: 18px;
    height: 18px;
    background: url(/img/system/sprite.png) -240px -120px no-repeat;
  }

  .cockpit-filter-group-heading.open span {
    background-position: -210px -120px;
  }

.cockpit-filter-box {
  position: relative;
  border: #ccc 1px solid;
  margin: 10px;
}

.cockpit-filter-box-heading {
  text-transform: uppercase;
  border-bottom: #ccc 1px solid;
  padding: 10px;
  margin: 0;
  background-color: #e6e6e6;
}

.cockpit-filter-box-text-search {
  padding: 10px;
  border: 0 none;
  border-bottom: 1px solid #CCC;
  width: calc(100% - 20px);
  float: left;
}

.cockpit-filter-box-text-search-icon {
  float: left;
  width: 34px;
  height: 34px;
  margin: 1px 0 0 -35px;
  background: url(/img/system/sprite.png) -180px -120px no-repeat;
  cursor: pointer;
}

.cockpit-filter-box-data {
  overflow: auto;
  max-height: 202px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both;
}

  .cockpit-filter-box-data li {
    border-bottom: #ccc 1px solid;
    padding: 6px 10px;
  }

    .cockpit-filter-box-data li:last-child {
      border-bottom: none;
    }

    .cockpit-filter-box-data li.active {
      background: #a0323b;
      color: #fff;
    }

  .cockpit-filter-box-data .artikelgruppen-anzahl {
    float: right;
  }

.cockpit-filter-box-cover {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

  .cockpit-filter-box-cover.loading {
    background: rgba(255, 255, 255, .6) url(/img/system/loader-small.gif) center center no-repeat;
    display: block;
  }

  .cockpit-filter-box-cover.locked {
    background: rgba(255, 255, 255, .6) url(/img/system/locked.png) center center no-repeat;
    display: block;
  }

/* COCKPIT-DATA */
.cockpit-letzter-sales-import {
  float: right;
  font-size: small;
  margin-top: -20px;
}

.cockpit-data {
  float: left;
  width: 815px;
  padding: 25px;
}

  .cockpit-data div.tooltip {
    position: absolute;
    text-align: center;
    padding: 5px;
    background: lightsteelblue;
    border: 0;
    border-radius: 3px;
    pointer-events: none;
    opacity: 0;
  }

  .cockpit-data .istjahr-color {
    fill: #a0323b;
  }

  .cockpit-data .vorjahr-color {
    fill: #6c90b0;
  }

  .cockpit-data .plan-color {
    fill: #a4b070;
  }

  .cockpit-data .hochrechnung-color {
    fill: #fead00;
  }

  .cockpit-data .tick line {
    opacity: 0.2;
    stroke-dasharray: 5,5;
  }

  .cockpit-data .domain {
    opacity: 0.2;
  }

  .cockpit-data #circleChart text {
    text-anchor: middle;
  }

  .cockpit-data #circleChart .istjahr-abweichung text.abweichung-value {
    font-size: 14px;
  }

  .cockpit-data #circleChart .istjahr-abweichung text.abweichung-text {
    font-size: 12px;
  }

  .cockpit-data text.circle-name {
    font-size: 14px;
  }

  .cockpit-data #quataleChart .quatal-group text.abweichung-value {
    font-size: 11px;
  }

  .cockpit-data #quataleChart .quatal-group text.abweichung-text {
    font-size: 9px;
  }

.cockpit-data-box {
  padding: 10px;
  border: #ccc 1px solid;
  border-radius: 3px;
  margin-bottom: 20px;
}

.cockpitcontainer #sucheingabetabs li {
  background: #e8e8e8;
}

.cockpitcontainer .cockpit-data {
  width: 755px;
}

.cockpitcontainer {
  padding: 30px;
}




/**/