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

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

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

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

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

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

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

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

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

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

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

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

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

h2 {
    font-size: 1.5em;
    margin: 0.5em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

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

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

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

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

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

small {
    font-size: 80%;
}

/*
 * Prevents `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;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

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

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

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

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

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

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

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

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

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

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

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

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

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

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

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 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;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/*
 * Removes inner padding and border in Firefox 3+.
 */

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

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

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

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*base*/
/* ::: Basis-Elemente ::: */
form {
  /* opacity: 0; einkommentieren, wenn Fade-In gewünscht */
}
body {
    word-wrap: break-word;
}
.clear,
.spacer,
.halfspacer,
.quarterspacer,
.minispacer,
.doublespacer,
.imgfspacer {
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
  display:block;
}
.doublespacer   { height:24px; }
.spacer     { height:12px; }
.halfspacer   { height:6px; }
.quarterspacer   { height:3px; }
.minispacer   { height:2px; }
.imgfspacer { height:7px; }
.none,
.hide {
  display:none;
}
hr {
  clear: both; 
  height: 1px; 
  margin: 0;
  padding: 0;
  border: none; 
  background-color:#CCC;
  font-size: 0;
  line-height: 0;
}
.lt-ie8 hr {
  display: block;
  margin: -7px 0;
}
img {
    vertical-align:bottom;
}
.left   { float:left; }
.right   { float:right; }
.even   { background-color:#CCC; }
.odd   { background-color:#EEE; }
.caption {
 font-style:italic;
 font-size:16px;
 line-height:21px;
}
.error, label span {
  color:#cd0912;
}
.searchword {
  background-color:#333;
  color:#fff;
}

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

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

/* ::: Imgleft/Imgright ::: */
div.imgleft { /* display und width wegen gewuenschtem Caption-Verhalten */
  display:table;
  width:10px;
  float:left;
  margin:0 10px 5px 0;
  padding-top:2px;
}
div.imgright { /* display und width wegen gewuenschtem Caption-Verhalten */
  display:table;
  width:10px;
  float:right;
  margin:0 0 5px 10px;
  padding-top:2px;
}
.lt-ie8 div.imgleft,
.lt-ie8 div.imgright { /* weiteres für IE7 via JS */
  display:block;
  width:auto; 
}
div.text p:last-child {
  margin-bottom:5px;
}
div.textnf {
  display:table;
}

/* ::: Zoombox und Gallery hervorheben ::: */
a.fancybox,
a.gallery {
  position:relative;
  display:block;
  float:left;
  font-size:0;
  line-height:0;
}
img.zoomboxicon,
img.galleryicon {
  position:absolute;
  bottom:0;
  right:0;
}
.lt-ie8 img.galleryicon {
  bottom:2px;
}

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

/* :::  Korrekturen ::: */
body .ui-widget {
  font-size:1em;
}
.ui-tabs .ui-tabs-nav li a,
.ui-state-default a 
{ 
  outline:none;  /* Mix aus normalize und jquery-ui */
}

.notextransform {
    text-transform:none;
}

/* :::  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%; 
}
/*Javascript-Module/jquery-ui-smoothless-theme*/
/*! jQuery UI - v1.9.1 - 2012-11-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.tabs.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; right: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top:0; overflow: auto; zoom: 1; }
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 0px solid #aaaaaa; background: #ffffff url(/img/system/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 0px solid #aaaaaa; background: #cccccc url(/img/system/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px solid #d3d3d3; border-top:1px solid; background: #e6e6e6 url(/img/system/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0px solid #999999; background: #dadada url(/img/system/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0px solid #aaaaaa; background: #ffffff url(/img/system/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 0px solid #fcefa1; background: #fbf9ee url(/img/system/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 0px solid #cd0a0a; background: #fef1ec url(/img/system/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/img/system/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/img/system/jquery-ui/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/img/system/jquery-ui/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/img/system/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/img/system/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
/*Javascript-Module/jquery-fancybox-2.1.5*/
/*! 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');
}

.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*/
  }
}
/*Seitenelemente/table*/
/* ::: Tabelle ::: */
.tabelle-wrapper {
    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;
}
/*Seitenelemente/forms*/
/* ::: Formulare ::: */
fieldset {
  margin:0;
  padding:0;
  border:0;
  font-family:UniversLTPro-Condensed;
  font-size:16px;
  color:#666;
}
legend {
  display:none;
}
.row {
  margin-top:8px;
  clear:both;
}

.row.checkbox {
  margin-top:0px;
  clear:both;
}

label {
  float:left;
  clear:both;
  width:210px;
  padding:2px 0;
  line-height:21px;
}

.breit label {
  width:250px;
}


input.text, 
textarea.text,
select.text {
  width:385px;
  margin:1px 0;
  border:1px solid #bfbfbf;
  background:#fff;
  font-family:UniversLTPro-Condensed;
  font-size:16px;
  color:#666;

}
input.text, 
textarea.text {
  padding:2px;
}

input.text {
    height:19px;
}

textarea.text {
  height:120px;
}
select.text {
  width:214px;
}
input.vorname, input.nachname {
  width:186px;
}

input.nachname {
    margin-left:8px;
}


input.zipcode {
  width:43px;
}
input.city {
  width:328px;
  margin-left:8px;
}
.captcha img {
  cursor:pointer;
  margin:1px 0 4px 210px;
  border:1px solid #bfbfbf;
}

.breit .captcha img {
  cursor:pointer;
  margin:1px 0 8px 250px;
  border:1px solid #bfbfbf;
}


.absenden a {
  display:block;
  float:right;
  margin:1px 37px 0px 0;
  padding:2px 10px;
  background-color:#333;
  color:#fff;
  font-weight:normal;
  font-size:15px;
  line-height:28px;
}

.breit .absenden a {
  margin:1px 115px 0px 0;
}


.absenden a:hover {
    text-decoration:none;
}


input.radio { float:left; margin-top:6px; margin-right:4px; }
.radioButtonListWrapper {
  float:left;
}

.wunschtag .radioButtonListWrapper {
  width:385px;
}
.wunschtag .radioButtonWrapper {
  display:table;
  float:none;
}
.wunschzeit select.radio {
  border:1px solid #bfbfbf;
  padding:2px;
  width:391px;
  font-size:16px;
}

.radioButtonWrapper {
  float:left;
}
.radioButtonWrapper label,
label.labelradio {
  clear:none;
  width:auto;
  margin-right: 20px;
}

.row.checkbox input{
    margin-left:210px;
    margin-top:15px;
}

.breit .row.checkbox input{
    margin-left:250px;
}


.row.checkbox label{
    float:none;
    padding-left:13px;
}
/*Seitenelemente/pager*/
/* ::: Pager ::: */
.pager {
  margin-bottom:16px;
  padding:4px 5px;
  border-top:1px solid #cdcdcd;
  border-bottom:1px solid #cdcdcd;
}
.pager-backward,
.pager-forward {
  float:left;
  width:30px;
}
.pager-forward {
  float:right;
}
.pager a {
  float:left;
  width:15px;
  text-align:center;
  text-decoration:none;
  font-size:18px;
}
.pager-info {
  text-align:center;
  font-size:16px;
  color:#6a6a6a;
}
/*print*/
/* ::: Druckversion ::: */
@media print {

#metanav-oben, #hauptnav, #keyvisuals, #footer-oben, #subnavi, section#inhaltsseite .boxcontainer,
section aside .drucken, #seitenabschluss, #sitefunc, aside .link {
 display:none;   
}

aside #container {
    box-shadow:none;
    background-color:#fff;
    border:0;
}

#container h2 {
    background-image:none;
    color:#6a6a6a;
}

}
/*Seitenelemente/search*/
/* Search */
fieldset.search label.label {
  width:100px;
}
fieldset.search input.text {
  float:left;
}
a.search {
  float: left;
  display: block;
  margin: 1px 0 12px 16px;
  padding: 1px 10px 0;
  background-color: #333;
  color: #FFFFFF;
  font-weight: normal;
}
.searchHighlight {

}
/*Javascript-Module/jquery-mediaelementplayer*/
.mejs-container {
	position: relative;
	background: #000;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
}

.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}

.mejs-fullscreen {
	/* set it to not show scroll bars so 100% will work */
	overflow: hidden !important;
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}

.mejs-clear {
	clear: both;
}

/* Start: LAYERS */
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain ;
	background-position: 50% 50% ;
	background-repeat: no-repeat ;
}
:root .mejs-poster img {
	display: none ;
}

.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
}

.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-overlay-play {
	cursor: pointer;
}

.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url(/img/system/mediaelementplayer/bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button { 
	background-image: url(/img/system/mediaelementplayer/bigplay.png);
}

.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -100px ;
}

.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url(/img/system/mediaelementplayer/background.png);
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}

.mejs-overlay-loading span {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url(/img/system/mediaelementplayer/loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url(/img/system/mediaelementplayer/background.png);
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	height: 30px;
	width: 100%;
}
.mejs-container .mejs-controls  div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	font-family: Helvetica, Arial;
	border: 0;
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url(/img/system/mediaelementplayer/controls.svg) no-repeat;
}

.no-svg .mejs-controls .mejs-button button { 
	background-image: url(/img/system/mediaelementplayer/controls.png);
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
	outline: solid 1px yellow;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 8px 3px 0 3px ;
	overflow: hidden;
	text-align: center;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time span {
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto;
}
/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
	background-position: 0 0;
}

.mejs-controls .mejs-pause button {
	background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
	background-position: -112px 0;
}
/* Start: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
	direction: ltr;
	width: 200px;
	padding-top: 5px;
}

.mejs-controls .mejs-time-rail span {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
	width: 100%;
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60,170,200,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); 
	background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); 
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
	width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	left: 18px;
}

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
	background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
	position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background: url(/img/system/mediaelementplayer/background.png);
	background: rgba(50, 50, 50, 0.7);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: -115px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}

/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
	height: 26px;
	width: 60px;
	position: relative;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); 
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}

/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
	position: relative;
}

.mejs-controls .mejs-captions-button button {
	background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(/img/system/mediaelementplayer/background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 10px;
	margin: 0 0 5px 0;
}

.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	-xborder-right: solid 1px #fff;
	width: 10000px;
	z-index: 1;
}

.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);		
	overflow: hidden;
	border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 11px;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	background: #666;
	background: rgba(102,102,102, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);		
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
	font-size: 12px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 4px 0;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:center;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}

.mejs-captions-layer  a {
	color: #fff;
	text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: normal;
}

.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0;
}

.mejs-captions-position-hover {
	bottom: 45px;
}

.mejs-captions-text {
	padding: 3px 5px;
	background: url(/img/system/mediaelementplayer/background.png);
	background: rgba(20, 20, 20, 0.8);

}
/* End: Track (Captions and Chapters) */

/* Start: Error */
.me-cannotplay {
}

.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}

.me-cannotplay span {
	padding: 15px;
	display: block;
}
/* End: Error */


/* Start: Loop */
.mejs-controls .mejs-loop-off button {
	background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}

/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
	background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}
/* End: backlight */

/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
	background-position: -96px 0;
}
/* End: Picture Controls */


/* context menu */
.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333;	
}

.mejs-contextmenu .mejs-contextmenu-item {
	font-family: Helvetica, Arial;
	font-size: 12px;
	padding: 4px 6px;
	cursor: pointer;
	color: #333;	
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2C7C91;
	color: #fff;
}

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
	position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(/img/system/mediaelementplayer/background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}
/* End: Source Chooser */

/* Start: Postroll */
.mejs-postroll-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/img/system/mediaelementplayer/background.png);
	background: rgba(50,50,50,0.7);
	z-index: 1000;
	overflow: hidden;
}
.mejs-postroll-layer-content {
	width: 100%;
	height: 100%;
}
.mejs-postroll-close {
	position: absolute;
	right: 0;
	top: 0;
	background: url(/img/system/mediaelementplayer/background.png);
	background: rgba(50,50,50,0.7);
	color: #fff;
	padding: 4px;
	z-index: 100;
	cursor: pointer;
}
/* End: Postroll */
/*Javascript-Module/jquery-owlCarousel-1.3.2-transitions*/
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/*Javascript-Module/jquery-owlCarousel-1.3.3*/
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* MKY */
.owl-pagination { position:absolute; z-index:9; bottom:13px; right:25px; }
.owl-page { width:20px; height:20px; float:left; background:url(/img/system/keyvisual-navi.png) center -42px no-repeat; }
.owl-page.active { background-position:center -7px; }

.owl-prev,
.owl-next { position:absolute; z-index:9; top:50%; width:27px; height:39px; margin-top:-20px; background:url(/img/system/arrow-left.png) 0 0 no-repeat; }

.owl-prev { left:-2.5%; }
.owl-next { right:-2.5%; background-image:url(/img/system/arrow-right.png); }

#produkte-inner .owl-prev,
#produkte-inner .owl-next { position:absolute; z-index:9; top:50%; width:18px; height:32px; margin-top:0; background:url(/img/system/arrow-left-produkte.png) 0 0 no-repeat; }

#produkte-inner .owl-prev { left:-4%; }
#produkte-inner .owl-next { right:-4%; background-image:url(/img/system/arrow-right-produkte.png); }



/* clearfix */


.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 94%;
	margin:auto;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	height:100%;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
	height:100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
	height:100%;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
/*layout*/
/* ::: Allgemeine Layoutelemente ::: */

@font-face {
    font-family: UniversLTPro-Condensed;
    src: url("/webfonts/2AE624_0_0.eot");
    src: url("/webfonts/2AE624_0_0.eot?#iefix") format("embedded-opentype"),
         url("/webfonts/2AE624_0_0.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    line-height:14px;
}


@font-face {
	font-family: IsonormLT-Regular;
	src: url("/webfonts/2AE3F9_0_0.eot");
	src: url("/webfonts/2AE3F9_0_0.eot?#iefix") format("embedded-opentype"),
		 url("/webfonts/2AE3F9_0_0.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    line-height:14px;
}

@font-face {
    font-family: UniversLTPro-45Light;
    src: url("/webfonts/2AE3F9_1_0.eot");
    src: url("/webfonts/2AE3F9_1_0.eot?#iefix") format("embedded-opentype"),
         url("/webfonts/2AE3F9_1_0.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    line-height:14px;
}



body,
body .ui-widget,
input, 
textarea,
select {
/*  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-family:UniversLTPro-45Light;
  font-family:IsonormLT-Regular; */
  font-family:IsonormLT-Regular, 'Lucida Sans', sans-serif;
  font-size:11px;
  line-height:24px;
  color:#000;
}
* {
  outline:medium none !important;
}
h1 {
  font-size:34px;
  line-height:30px;
  margin-top:0;
  margin-bottom:20px;
  font-weight:normal;
padding-right:13px;
}

p.datumfreitext {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
}

h2 {
  font-size:20px;
  line-height:18px;
  color:#cd0912;
  margin-top:0;
  font-weight:bold;
  padding-right:13px;
}
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, main ul {
  margin:0 0 12px 0;
  word-wrap: break-word;
  font-size:16px;
  font-family:UniversLTPro-Condensed, Arial, sans-serif;
  color:#6a6a6a;
  line-height:21px;
}

main ul{
	padding-left:18px;
	padding-right:13px;
}

main ul ul{
    list-style:url(/img/system/icons/bullet2.png);
}



main ul li{
	padding-left:13px;
}

a {
  color:#6a6a6a;
  text-decoration:none;
}
a:hover,
a:focus,
a:active {
  text-decoration:underline;
}

main p + h2, main ul + h2{
    margin-top:20px;
    margin-bottom:5px;

}

main p a, main li a{
    text-decoration:underline;
}


main p a:hover, main li a:hover,
main p a:focus, main li a:focus,
main p a:active, main li a:active {
  text-decoration:none;
}

.totop a, .drucken a{
	color:#a6a5a5;
	font-size:14px;
	padding-right:28px;
	line-height:25px;
	display:block;	
}
.drucken {
    margin-top:10px;
}
.drucken a{
	background:url(/img/system/icons/print.png) no-repeat right 3px;	
}

.totop a{
	margin-right:20px;
	background:url(/img/system/icons/totop.png) no-repeat right center;	
}

/* ::: Seitenaufbau ::: */
.center{
 max-width:1145px;
 margin:auto;
}

header {
	background-color:#fff;
	min-height:116px;
}

#metanav-oben{
	float:right;
	padding-right:0px;	
}

#logo{
	/*padding-left:1.5%;*/
	padding-left:0;
	padding-top:27px;
	float:left;
	width:21.6%;
	min-width:250px;
}



#logo img {
	width:100%;	
}
#logo.america img {
    margin-top:10px;
}

#version {
	float:left;
	/*width:87px;*/
	padding-top:17px;
    font-size: 16px;  
}

#version a {
    color:  #8f8f8f
}
.startv2 #version a {
    color: #fff;
}

#version ul{
	margin:0;
	padding:0;
}

#version ul li{
	float:left;
	margin-right: 10px;
}


#version img{
	padding-right:9px;
	width:20px;
}


#metanavi {
	float:left;
	padding-top:18px;
}

#metanavi ul{
	margin:0;
	padding:0;
	padding-top:2px;
}

#metanavi ul li{
	float:left;
	border-left:1px solid #e5e5e5;
	position:relative;
	height:12px;
	margin-top:3px;
}

#metanavi ul li.last{
	border-right:1px solid #e5e5e5;
}

#metanavi ul li img{
	position:absolute;
	top:-1px;
	right:9px;
}

#metanavi ul li a{
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	color:#8f8f8f;
	text-transform:uppercase;
	line-height:18px;
	display:block;
	margin-top:-3px;
}

#metanavi ul li.last a{
	padding-right:55px;
}


div.search {
	margin-top:9px;
	width:181px;
	height:36px;
	margin-left:10px;
	float:left;
	background:url(/img/system/search-input.png) no-repeat 0 0;
	

}

div.search input{
    float:left;
	padding-left:10px;
	border:0;
	font-size:16px;
	color:#8f8f8f;
	margin:8px 0 0 3px;
	line-height:20px;
}


div.search a{
    float:left;
    height:36px;
}


div.search a span{
    visibility:hidden;
}



#mobile-nav-icon{
	display:none;
	float:right;
	cursor:pointer;
	margin-top:13px;
	margin-right:2%;
	width:14.5%;
	max-width:92px;
	min-width:46px;	
}


#mobile-nav-icon img{
	width:100%;	
}



#hauptnav {
	background:url(/img/system/bg-hauptnav.png) repeat-x 0 0;
	height:45px;
	position:relative;
}


#hauptnav ul{
	margin:0;
	padding:0;	
}

#hauptnav ul li{
	float:left;
	background:url(/img/system/hauptnav-trenner.png) no-repeat right center;
}

#hauptnav ul li a{
	color:#fff;
	font-family:IsonormLT-Regular, 'Lucida Sans', sans-serif;
	display:block;
	font-size:20px;
	text-transform:uppercase;
	padding-left:17px;
	padding-right:17px;
	line-height:45px;
	font-weight:bold;
}

#hauptnav ul li a:hover{
    text-decoration:none;
}

#hauptnav ul li.hover a, #hauptnav ul li.selected a{
	color:#000;
	text-decoration:none;
	background:url(/img/system/hauptnav-bg-hover.png) no-repeat center top;
}

#hauptnav ul li.hover .link a{
    background:none;
}

#hauptnav ul li.first{
	padding-left:5%;
}

#hauptnav ul li.last{
	background:none;
}

#hauptnav ul li.last a{
	padding-right:0px;
}

#hauptnav ul ul {
	
}

#hauptnav ul ul li{
	float:none;
	background:none;
}

#hauptnav ul ul li a{
	background:none;
}

#hauptnav ul li.hover ul li a, #hauptnav ul li.selected ul li a{
	background:none;
}

#hauptnav .u_navi_layer{
	position:absolute;
	display:none;
	margin:0px auto;
	padding:0 0 30px 0;
	overflow:hidden;
	background-image: -moz-linear-gradient( -90deg, rgb(228,228,228) 0%, rgb(255,255,255)100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(228,228,228) 0%, rgb(255,255,255)100%);
	background-image: -ms-linear-gradient( -90deg, rgb(228,228,228) 0%, rgb(255,255,255)100%);
	z-index:10;
	top:44px;
	left:0px;
	border-bottom:1px solid #b3b3b3;
	padding-top:12px;
    width:100%;
	z-index:110;
}
.lt-ie9 #hauptnav .u_navi_layer {
    background:rgb(228,228,228);
}
#hauptnav .u_navi_layer .center{
	padding-left:0px;
}

#hauptnav ul li.hover .u_navi_layer{
    display:block;
}

#hauptnav .box {
	width:17%;
	height:178px;
	margin:18px 16px 0 16px;
	border:1px solid #b2b1b1;
	float:left;
	position:relative;
    cursor:pointer;
}

#hauptnav .box img{
	width:100%;
	height:67.14%;
}

#hauptnav .box .block, #hauptnav ul li .u_navi_layer a .block {
	height:46px;
	background-color:#fff;
	font-size:17px;
	font-family:IsonormLT-Regular, 'Lucida Sans', sans-serif;
    line-height:22px;
	padding:6px 10px;
	font-weight:normal;
	text-transform:none;
}


#hauptnav .box .link {
	top:105px;
	height:19px;
	width:19px;
	position:absolute;
	right:-1px;
	z-index:30;
}

#hauptnav .box .link a{
	display:block;
	height:19px;
	width:19px;
	padding:0;
}

#hauptnav .box .link img{
    height:100%;
    vertical-align:initial;
}

#hauptnav-mobile{
	display:none;	
	position:absolute;
	width:100%;
    z-index: 999999;
}

#hauptnav-mobile  .version {
    font-size: 22px;
}
#hauptnav-mobile  .version ul {
    float: left !important;
}



#hauptnav-mobile .search {
	background:#d10912;
	position:relative;
	padding-top:15px;
	height:60px;
	width:94.55%;
	margin:0;
	padding-left:2.6%;
	padding-right:2.85%;
	float:none;
}

#hauptnav-mobile .search input{
	border:3px solid #efefef;
	width:97%;
	height:40px;	
	padding-left:2%;
}

#hauptnav-mobile .search a{
    background:url(/img/system/icons/lupe_gross.png) no-repeat 0 0;
    height:25px;
    position:absolute;
    top:34px;
    right:44px;
}

#hauptnav-mobile .mobilnav {
    display: block;
    background-image: -moz-linear-gradient(-90deg, #d10912 0%, #e00a13 100%);
    background-image: -webkit-linear-gradient(-90deg, #d10912 0%, #e00a13 100%);
    background-image: -ms-linear-gradient(-90deg, #d10912 0%, #e00a13 100%);
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    padding-left: 2.6%;
    padding-right: 2.85%;
    padding-bottom: 27px;
    border-bottom: 1px solid #eb8186;
    text-transform: uppercase;
    box-sizing: border-box;}
    #hauptnav-mobile .mobilnav *,
    #hauptnav-mobile .mobilnav *::before,
    #hauptnav-mobile .mobilnav *::after {
    box-sizing: border-box;}
    #hauptnav-mobile .mobilnav ul,
    #hauptnav-mobile .mobilnav ul ul {
      margin-top: 0;
      position: relative;
      width: 100%;
      padding-left: 0; }
      #hauptnav-mobile .mobilnav ul li,
      #hauptnav-mobile .mobilnav ul ul li {
        padding-left: 10px; }
        #hauptnav-mobile .mobilnav ul li:last-child,
        #hauptnav-mobile .mobilnav ul ul li:last-child {
          border-bottom: 0; }
    #hauptnav-mobile .mobilnav li {
      border-bottom: 1px solid #eb8186;
      width: 100%;
      position: relative; }
      #hauptnav-mobile .mobilnav li a {
        font-size: 22.5px;
        line-height: 1.4;
        padding: 15px 0;
        color: #fff;
        display: block;
        position: relative; }
      #hauptnav-mobile .mobilnav li.open > a {
        padding-bottom: 5px; }
      #hauptnav-mobile .mobilnav li .u_navi_layer,
      #hauptnav-mobile .mobilnav li .u_navi_layer2 {
        height: auto;
        overflow: hidden;
        max-height: 0;
        transition: all 0.5s ease-in-out; }
      #hauptnav-mobile .mobilnav li.open > .u_navi_layer,
      #hauptnav-mobile .mobilnav li.open > .u_navi_layer2 {
        height: auto;
        max-height: 3000px;
        transition: all 1.3s ease-in-out; }
      #hauptnav-mobile .mobilnav li.selected > a,
      #hauptnav-mobile .mobilnav li a:hover {
        color: #000;
        text-decoration: none; }

#hauptnav-mobile .version{
	position:relative;
	background-color:#e8e8e8;
    padding-top: 13px;	
}

#hauptnav-mobile .version ul{
	margin:0;
	padding:0;
	height:42px;
	float:right;
	padding-right:11px;
}


#hauptnav-mobile .version ul li{
	float:left;
	padding-left:17px;
}

#hauptnav-mobile .version ul li img{
	width:49px;
}




#hauptnav-mobile .metanavi{
	position:relative;
	background-color:#e8e8e8;
	padding-bottom:10px;
	border-bottom:1px solid #b8b8b8;
}


#hauptnav-mobile .metanavi ul{
	margin:0;
	padding:0 11px 0 21px;
}
#hauptnav-mobile .metanavi ul:after {
    content:"";
    display:block;
    clear:both;
}

#hauptnav-mobile .metanavi ul li{
}
#hauptnav-mobile .metanavi ul li.socialmedia {
    float:left;
    margin-right:24px;
}
#hauptnav-mobile .metanavi ul li.socialmedia img {
    vertical-align:middle;   
}


#hauptnav-mobile .metanavi ul li a{
	font-size:22.5px;
	color:#000;
	line-height:45px;
}

#keyvisuals{
	position:relative;
	background:url("/img/system/bg-headerbild.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}

#keyvisual-item-container {
    background-size: cover;
    height: 370px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.keyvisuals {
	height:100%;
	width:100%;
}
.keyvisuals > div {
	position:relative;
	height:100%;
	width:100%;
	margin:0 auto;
}
.keyvisuals > div.slim {
	max-width:1265px;
}
.keyvisuals img {
    display:none;   
}

#keyvisual-pager {
    bottom: 14px;
    position: absolute;
    width: 100%;
    z-index: 15;
	display:block;
}
#keyvisual-pager-inner {
    margin: 0 auto;
    text-align: left;
	float:right;
	padding-right:8.5%;
	/*padding-right:15.5%;*/
}
#keyvisual-pager-inner a {
    color: transparent;
    display: inline-block;
    height: 19px;
    margin-left: 5px;
    padding-left: 1px;
    padding-top: 3px;
    text-align: center;
    width: 19px;
    background: url(/img/system/icons/keyvisual-nav.png) no-repeat 0 0;
}
#keyvisual-pager-inner a.activeSlide, #keyvisual-pager-inner a:hover {
    background:url(/img/system/icons/keyvisual-nav-aktiv.png) no-repeat 0 0;
    color: transparent;
    text-decoration: none;
}

#headerbild{
	background:url(/img/system/bg-headerbild.png) repeat-x 0 0;
	height:370px;
}


section {
	margin:0;
	padding:0;
	background-color:#f5f5f5;
	background-image: -moz-linear-gradient( -90deg, rgb(228,228,228) 0%, rgb(255,255,255)100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(228,228,228) 0%, rgb(255,255,255)100%);
	background-image: -ms-linear-gradient( -90deg, rgb(228,228,228) 0%, rgb(255,255,255)100%);
}

#schwarze-ebene{
	background-color:#000;
	opacity:0.7;
	filter:Alpha(Opacity=70);
	width:100%;
	height:100%;
	position:fixed;
	top:161px;
	left:0;
	z-index:90;
	display:none;
}

#breadcrumb{
	overflow:hidden;
	padding-bottom:5px;
}
#breadcrumb .drucken {
    float:right;
}
#breadcrumb ol{
	margin:10px 0 0 0;
	padding:0;
}

#breadcrumb ol li{
	float:left;
	line-height:11px;
	border-left:1px solid #9c9c9c;
	font-size:15px;
	color:#9c9c9c;
	text-transform:uppercase;
	padding-left:12px;
	padding-right:12px;
	margin-top:10px;
}

#breadcrumb ol li:first-child{
	border-left:0;
	padding-left:0;
}


#breadcrumb ol li a{
	font-size:15px;
	color:#9c9c9c;
	text-transform:uppercase;
}

#subnavi {
	float:left;
	width:20.25%;
	margin-top:12px;
	margin-right:2.2%
}

#subnavi strong a{
	font-size:19px;
	color:#da0913;
	font-weight:bold;
	text-transform:uppercase;
}

#subnavi ul{
	margin:0;
	padding:10px 0 0 0;
}


#subnavi ul li{
	border-top:1px solid #c8c8c8;
	line-height:25px;
	padding-top:10px;
	padding-bottom:10px;
}

#subnavi ul li.sub{
	background:url(/img/system/icons/subnav-pfeil.png) no-repeat right top;
}


#subnavi ul li.selected ul{
	display:block;
}

#subnavi ul li.first-child{
	padding-top:5px;
}

#subnavi ul li.selected.sub, #subnavi ul li.sub:hover {
	background:url(/img/system/icons/subnav-pfeil-aktiv.png) no-repeat right top;
}

#subnavi ul li:last-child{
	border-bottom:1px solid #c8c8c8;
}


#subnavi ul li a{
	font-size:19px;
	color:#000;
	display:block;
	padding-right:18px;
	line-height:20px;
}

#subnavi ul li.selected > a{
	font-weight:bold;
}

#subnavi ul ul{
	margin:0;
	padding:0;
	display:none;
}


#subnavi ul ul li, #subnavi ul ul li.selected, #subnavi ul li:hover ul li{
	background:none;
	border:0;
}


#subnavi ul ul li:last-child{
	border:0;
}


#subnavi ul ul li a{
	padding-right:0;
	padding-left:10px;
	font-weight:normal;
}




main {
	float:left;	
	width:55.65%;
	padding-top:5px;
}

main.breit{
	width:66%;	
}

main.weltkarte{
/*	width:79.1%; */
}

main p{
	padding-right:0px;
}
main > img {
    max-width:100%;
}

aside {
	float:right;
	width:20.9%;	
}

#logos{
	min-height:92px;
	background-color:#fff;
	border-top:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
	overflow:hidden;
}

#startseite #logos .center{
	padding-top:0;
	padding-bottom:0;
}

#logos img{
	margin-left:3.44%;
	margin-right:3.44%;
	margin-top:22px;
	margin-bottom: 22px;
}

#logos a:first-child img {
	margin-left:0;
}

#logos a:last-child img {
	margin-right:0;
}


#seitenabschluss{
	height:75px;
	border-bottom:1px solid #c2c2c2;
	text-align:right;
	padding-top:50px;
}


#seitenabschluss .totop, #seitenabschluss .drucken {
	float:right;
}

#seitenabschluss .totop{
	height:19px;
}

#seitenabschluss .drucken{
	height:19px;
	margin:0;
}


footer {
 font-family:IsonormLT-Regular, 'Lucida Sans', sans-serif;
 border-top:1px solid #f6f6f6;
}

#footer-oben {
	background-color:#8b8989;
	padding-top:45px;	
	padding-bottom:50px;
}

#footer-oben ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#footer-oben ul li{
	float:left;
	position:relative;
	width:260px;
}


#footer-oben ul li ul li{
	float:none;
	position:relative;
}

#footer-oben ul li a{
	color:#000;
	font-family:IsonormLT-Regular, 'Lucida Sans', sans-serif;
	display:block;
	font-size:20px;
	line-height:38px;
	font-weight:bold;
}


#footer-oben ul li ul li a{
	color:#fff;
	display:block;
	font-size:16px;
	line-height:19px;
	font-weight:normal;
	
}

#footer-oben ul li a:hover{
	color:#fff;
	text-decoration:none;
}


#footer-oben ul li.last{
	background:none;
}

#footer-oben ul li.last a{
	padding-right:0px;
}

#footer-oben ul ul li a:hover{
	color:#000;
	text-decoration:none;
}

#footer-unten {
	background-color:#000;
	height:37px;
	line-height:37px;

}

#footer-unten #copyright {
	float:left;
	font-size:14px;
	color:#fff;
}

#footer-unten #sitefunc {
	float:right;
	height:37px;
}

#footer-unten ul{
	margin:0;
	padding:12px 0 0 0;	
}

#footer-unten ul li{
	float:left;
	position:relative;
	line-height:37px;
}

#footer-unten ul li a{
	color:#fff;
	font-family:IsonormLT-Regular, 'Lucida Sans', sans-serif;
	display:block;
	padding-left:8px;
	padding-right:8px;
	font-size:14px;
	line-height:14px;
	border-left:1px solid #fff;
}

#footer-unten ul li a:hover{
	text-decoration:underline;
}

#footer-unten ul li.first a{
	border:0;
	padding-left:14px;
}
#footer-unten ul li.socialmedia a{
	border:0;
	padding-left:5px;
	padding-right:5px;
}
#footer-unten ul li.socialmedia a img {
    margin-top:-1px;
}

/****************************************
        Startseite
*****************************************/
#startseite .center {
	padding-top:12px;
	padding-bottom:60px;
}

#startseite main {
	width:77.3%;
}

#startseite aside {
	width:22.7%;
	padding-top:5px;
}

#inhaltsseite aside {
	width:20.9%;
	min-width:193px;
}

section .box {
	width:29.1%;
	margin-top:25px;
	margin-right:3.9%;
	border:1px solid #b2b1b1;
	float:left;
	position:relative;
	cursor:pointer;
	box-shadow: 1.5px 2.598px 3px 0px rgba(230, 230, 230, 0.75);

}

section#inhaltsseite .boxcontainer {
    margin-bottom:20px;
}


section#inhaltsseite .box {
	width:31%;
	margin:10px 2% 10px 0;
}



section aside .box{
	width:99.27%;	
}

section .box img{
	width:100%;
}

section.news .imgleft{
    width:auto;
    max-width:100%;
    display:block;
}


section.news img{
    max-width:100%;
}



section .box .block {
	background-color:#fff;
	height:49px;
	font-size:22px;
	font-family:IsonormLT-Regular, 'Lucida Sans', sans-serif;
    line-height:24px;
	padding:4% 8%;
	position:relative;
}


section#inhaltsseite .box .block {
	font-size:19px;
    line-height:22px;
	padding:3% 6%;
	height:45px;
}


section aside .box .block{
	background-color:#da0913;
	color:#fff;
	position:relative;
}

.block-helper {
    /*word-wrap: normal;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
}

section .box .link {
	position:absolute;
	top:-25px;
	right:-1px;
	z-index:30;
}

section#inhaltsseite .box .link{
	position:absolute;
	top:-15px;
	height:19px;
	width:19px;
}

#hauptnav .box .link {
	position:absolute;
	top:-25px;
	height:19px;
	width:19px;
}


#hauptnav .box .block{
    position:relative;
}



section .box .link a{
	display:block;
	height:32px;
	width:32px;
}


section#inhaltsseite .box .link a{
	display:block;
	height:19px;
	width:19px;
}


section .box .hoverbox{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#000;
	opacity: 0.7;
    filter:Alpha(Opacity=70);	
	z-index:10;
	display:none;
}

section .box .hovertext{
	position:absolute;
	top:0;
	left:0;
	height:86%;
	width:84.8%;
	color:#fff;
	font-family:IsonormLT-Regular, 'Lucida Sans', sans-serif;
	font-size:17px;
	line-height:22px;
	z-index:20;
	padding:6.73% 9.7% 6.73% 5.5%;
	display:none;
}


section#startseite .box .hovertext{
	height:69%;
	width:84%;
	font-size:22px;
	line-height:28px;
	/*padding:16.73% 15.7% 11.67% 17.5%;*/
	padding:16.73% 8% 11.67% 8%;
}


section .box:hover .hoverbox, section .box:hover .hovertext {
	display:block;
}




section aside .drucken{
	text-align:right;
	padding-top:37px;
	height:19px;
}

aside #container{
	margin-top:31px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 180, 180, 180 );
	background-color: rgb( 221, 221, 221 );
	box-shadow: 1.5px 2.598px 3px 0px rgba( 107, 107, 107,0.17 );
	position:relative;
	background-color:#fff;
	padding:0 25px 0 25px;
}

#container h2{
	margin:20px 0 3px -1px;
    background-image: -moz-linear-gradient( 90deg, rgb(177,7,15) 0%, rgb(196,8,17) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(177,7,15) 0%, rgb(196,8,17) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(177,7,15) 0%, rgb(196,8,17) 100%);
	width:85%;
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
	font-size:19px;
	font-weight:normal;
	padding:5px 10px 2px 25px;
	margin-left:-26px;
	line-height:23px;
}

#container h3{
	color:#e1001f;
	font-size:19px;
	font-weight:normal;
	line-height:19px;
	padding-top:4px;
	margin:0;
}
#container p{
	color:#6a6a6a;
	font-size:16px;
	line-height:21px;
	padding-top:4px;
	margin:0;
	margin-bottom:10px;
}

#container h3 + .pdflink img {
    margin-top:10px;
}

#container ul{
	color:#6a6a6a;
	font-size:16px;
	line-height:21px;
	font-family: UniversLTPro-Condensed, Arial, sans-serif;
	padding-left:17px;
}

#container p + h3{
  margin-top:20px;
}

#container p a{
	text-decoration:underline;
}


#container .link{
	background-color:#000;
	min-width:77px;
	float:right;
	height:27px;
	margin-right:-26px;
	margin-bottom:20px;
}

#container .link a{
	display:block;
	color:#fff;
	font-size:19px;
	padding:2px 10px 2px;
	text-align:center;
}

#container .link a:hover{
	text-decoration:none;
}

#container img{
	padding-left:3px;
	width:180px;
	margin-bottom:10px;
}


.onAccordion .ui-corner-all, .onAccordion .ui-corner-top{
	border-top:1px solid #c2c2c2;
	border-left:0px solid #c2c2c2;
	border-right:0px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	border-radius:0;	
	margin-bottom:15px;
}

.onAccordion .ui-state-active .ui-corner-all, .onAccordion .ui-state-active.ui-corner-top{
	border-top:1px solid #c2c2c2;
	border-left:0px solid #c2c2c2;
	border-right:0px solid #c2c2c2;
	border-bottom:0px solid #c2c2c2;
	border-radius:0;	
}

.ui-accordion .ui-accordion-header{
	padding: .8em .5em .8em .9em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	margin-top:0;
	top:0;	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
	font-size:16px;
	font-family:UniversLTPro-Condensed, Arial, sans-serif;	
	color:#c70811;
	font-weight:bold;	
}

.ui-state-default .ui-icon{
	background-image:url(/img/system/icons/subnav-pfeil.png);
	background-position: right bottom;
}
.ui-state-active .ui-icon{
	background-image:url(/img/system/icons/subnav-pfeil-aktiv.png);
}

.onAccordion .ui-state-active .ui-corner-all, .onAccordion .ui-state-active.ui-corner-top{
	margin-bottom:0;
	padding-bottom:0;	
}

.ui-icon{
	height:25px;
	width:13px;	
}

.ui-widget-content {
	background:none;
	border:0;	
}
.ui-accordion .ui-accordion-content {
	padding-left:0.9em;
}

#owl-kacheln{
	height:370px;	
	vertical-align:middle;
}

#owl-kacheln .owl-item{
	float:left;	
	margin-top:0;
}

#owl-kacheln .item img {
	display: block;
	margin:auto;
}




/**************************************************
        Weltkarte
**************************************************/
#headerbild nav{
	width:34.5%;
	float:left;
	margin-top:43px;
	position:relative;
	z-index:20;
}

#headerbild nav ul li{
	border-bottom: 1px solid #e50a14;
	height:56px;
	width:257px;
}


#headerbild nav ul li a{
	line-height:56px;
	display:block;
	font-size:35px;
	color:#adacac;
	text-transform:uppercase;
	padding-left:55px;
	background:url(/img/system/icons/weltkarte-nav-pfeil.png) no-repeat 0 center;
}

#headerbild nav ul li a:hover, #headerbild nav ul li a.open, #headerbild nav ul li.selected a{
	text-decoration:none;
	color:#000;
}


#keyvisual-weltkarte{
	float:right;
	background:url(/img/system/weltkarte-blank.png) no-repeat 0 0;
	width:65.5%;
	margin-top:17px;
	margin-bottom:17px;
	height:332px;
	position:relative;
	z-index:10;
}

#keyvisual-weltkarte.Europa{
	background:url(/img/system/weltkarte-Europa.png) no-repeat 0 0;
}


#keyvisual-weltkarte.Amerika{
	background:url(/img/system/weltkarte-Amerika.png) no-repeat 0 0;
}


#keyvisual-weltkarte.Middle-East{
	background:url(/img/system/weltkarte-Middle-East.png) no-repeat 0 0;
}


#keyvisual-weltkarte.Asia-Pacific{
	background:url(/img/system/weltkarte-Asia-Pacific.png) no-repeat 0 0;
}


.news article {
    padding-bottom:10px;
    padding-right:0px;
}

.news article h2{
    /*margin-bottom:3px;*/
}

.news article time{
  font-size:18px;
  line-height:20px;
}

.news article h3{
  font-size:17px;
  line-height:22px;
  color:#000;
  margin:0;
  font-weight:normal;
}

.news article h2 a{
  font-size:20px;
  line-height:22px;
  color:#cd0912;
  margin-top:0;
  font-weight:bold;
}


.weltkarte article {
	width:30%;
	min-width:186px;
	border-right:1px solid #c2c2c2;
	float:left;
	margin-right:20px;
	font-size:16px;
	color:#5b5b5b;
	font-family: UniversLTPro-Condensed, Arial, sans-serif;
	line-height:21px;
	margin-top:49px;
}

.weltkarte article.firstrow{
    margin-top:49px;
}

.weltkarte article h1{
	color:#de0a13;
	font-size:16px;
	line-height:21px;
	margin:0;
}

.weltkarte article .kontakt{
		margin-top:20px;
}

.weltkarte article.last{
    border-right:0;
    margin-right:0;
}

#sitefunc_unten{
	float:right;
	height:48px;
	padding-top:24px;	
	display:none;
}

img.zoomboxicon, img.galleryicon{
    bottom:12px;
    right:12px;
}

main .link.back{
	background-color:#000;
	min-width:77px;
	height:27px;
	display:inline-block;
	margin-top:20px;
}

main .link.back a{
	display:block;
	color:#fff;
	font-size:19px;
	padding:3px 10px 4px;
	text-align:center;
	text-decoration:none;
}

main .link.back a:hover{
	text-decoration:none;
}


/* MKL */
.kv-box-wrapper {
    position:relative;
    width:1265px;
    margin:0 auto;
}
.kv-box {
    position:absolute;
    left:151px;
    top:99px;
    padding:20px 30px 25px;
    background:#FFF;
}
.kv-box-headline {
    color: #da0913;
    font-size: 35px;
    line-height: 35px;
    font-weight: normal;
}
.kv-box-text {
    color: #000;
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
    padding-top:4px;
}
.kv-box-ecke {
    position:absolute;
    bottom:-20px;
    right:60px;
    width:50px;
    height:20px;
    background:url(/img/system/kv-box-ecke.png) 0 0 no-repeat;
}

/* ::: Diagnose-Visualisierung ::: */
#diagnosis {
    background:url("/img/diagnose/train.png") no-repeat scroll center 0 transparent;
    overflow:hidden;
}
#diagnosis .center {
    max-width:1265px;
    height:370px;
    position:relative;
    z-index:1;
}
#diagnosis #train {
    width:100%;
    opacity:0;
	filter:alpha(opacity=0);
}
#diagnosis .pointer {
    position:relative;
    z-index:1;
    width:56px;
    height:56px;
    overflow:hidden;
}
#diagnosis .pointer-bg {
    position:absolute;
    z-index:1;
}
#diagnosis .pointer-pulse {
    position:absolute;
    z-index:1;
    opacity:0;
    filter:alpha(opacity=0);
    width:36px;
    top:10px;
    left:10px;
}
#diagnosis .pointer-arrow {
    position:absolute;
    z-index:1;
    left:-17px;
    opacity:0;
    filter:alpha(opacity=0);
}
#diagnosis .pointer-x {
    position:absolute;
    z-index:1;
}
#diagnosis .pointer-a {
    position:absolute;
    z-index:2;
    top:45%;
    right:49%;
    opacity:0;
    filter:alpha(opacity=0);
}
#diagnosis .pointer-b {
    position:absolute;
    z-index:2;
    top:59%;
    right:20%;
    opacity:0;
	filter:alpha(opacity=0);
}
#diagnosis .pointer-c {
    position:absolute;
    z-index:2;
    top:56%;
    right:14%;
    opacity:0;
	filter:alpha(opacity=0);
}
#diagnosis .display {
    width:259px;
    height:235px;
    padding:5px 15px 5px 5px;
    background:url("/img/diagnose/display-bg.png") no-repeat scroll 0 0 transparent;
    position:relative;
    z-index:1;
    opacity:0;
	filter:alpha(opacity=0);
}
#diagnosis .display-a {
    position:absolute;
    z-index:1;
    top:30.5%;
    right:55%;
}
#diagnosis .display-b {
    position:absolute;
    z-index:1;
    top:30.5%;
    right:26%;
}
#diagnosis .display-c {
    position:absolute;
    z-index:1;
    top:30.5%;
    right:20%;
}
#diagnosis .display-img img {
    width:100%;
}
#diagnosis .display-txt {
    color:#646363;
    font-size:21px;
}
#diagnosis .display-txt .display-txt-item {
    padding:10px 22px;
    width:215px;
}

/* ::: Historie ::: */
#history {
    background:url("/img/historie/history-bg-full.png") no-repeat scroll center 0 transparent;
    overflow:hidden;
}
#history .center {
    max-width:1265px;
    height:370px;
    position:relative;
    z-index:1;
}
#history #history-slider {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    padding:62px 14.2% 43px 15.8%;
    width:70%;
    height:265px;
}
#history .owl-carousel .owl-item {
    position:relative;
}
#history .history-item {
    position:relative;
    z-index:1;
    padding:0 5.8% 0 6.1%;
}
#history .history-item img {
    width:100%;
}
#history .history-layer {
    background:#fff;
    position:absolute;
    z-index:1;
    top:45%;
    right:-236px;
    border:1px solid #b4b4b4;
    padding:6px 16px;
    width:243px;
    opacity:0;
    filter:alpha(opacity=0);
}
#history .history-layer p {
    color:#646363;
    font-size:18px;
    line-height:20px;
    margin:0;
}
#history .history-layer p strong {
    color:#e60a14;
    font-weight:normal;
}
#history .last-history .history-layer {
    right:inherit;
    left:-236px;
}
#history .owl-prev {
    background:url("/img/historie/history-controls.png") no-repeat scroll 0 0 transparent;
    width:23px;
    height:39px;
    top:46.8%;
    left:6.6%;
    margin-top:0;
}
#history .owl-next {
    background:url("/img/historie/history-controls.png") no-repeat scroll 0 -39px transparent;
    width:23px;
    height:39px;
    top:46.8%;
    right:6.6%;
    margin-top:0;
}
#history .owl-pagination {
    position: realtive;
    z-index: 1;
    right: 0;
    bottom: 3.5%;
    width:100%;
    text-align:center;
}
#history .owl-page {
    background: url("/img/historie/pagination-bg.png") no-repeat scroll 0 -14px transparent;
    float: left;
    height: 14px;
    width: 7.5%;
}
#history .owl-page.active {
    background-position: 0 0;
}
#history .history-item .history-layer-arrow {
    background: url("/img/historie/history-layer-arrow.png") no-repeat scroll 0 0 transparent;
    width:11px;
    height:21px;
    position:absolute;
    z-index:1;
    right:40px;
    top:45%;
    opacity:0;
    filter:alpha(opacity=0);
    margin-top:15px;
}
#history .last-history .history-item .history-layer-arrow {
    background-position:-11px 0;
    right:auto;
    left:40px;
}
#history #history-hl {
    position:absolute;
    z-index:1;
    top:26px;
    left:80px;
    font-size:40px;
}
#history #history-hl div {
    float:left;
}
#history #history-hl #history-hl-txt {
    color:#f00;
    font-size:34px;
    margin:2px 0 0 9px;
}

/* ::: IconTrust ::: */
#icontrust {
    background:url("/img/historie/history-bg-full.png") no-repeat scroll 0 0 transparent;
    overflow:hidden;
    opacity:0;
	filter:alpha(opacity=0);
}
#icontrust .center {
    max-width:1265px;
    height:370px;
    position:relative;
    z-index:1;
}
#icontrust #speedo {
    background:url("/img/icontrust/speedo-bg.png") no-repeat scroll 0 0 transparent;
    width:360px;
    height:312px;
    position:relative;
    z-index:1;
    top:15px;
    left:161px;
}
#icontrust #speedo-pointer {
    background:url("/img/icontrust/speedo-pointer.png") no-repeat scroll 0 0 transparent;
    position:absolute;
    z-index:1;
    top:88px;
    left:54px;
    width:170px;
    height:129px;
}
#icontrust #speedo-count {
    position:absolute;
    z-index:1;
    top:144px;
    left:147px;
    width:51px;
    height:49px;
    font-size:22px;
    color:#5e5c5c;
    text-align:center;
}
#icontrust #speedo-count-frame {
    position:absolute;
    z-index:1;
    top:134px;
    left:137px;
    width:67px;
    height:65px;
    border:2px solid #fff;
    display:none;
}
#icontrust #speedo-nr-bottom {
    background:url("/img/icontrust/speedo-nr-sprite.png") no-repeat scroll 0 13px transparent;
    position:absolute;
    z-index:1;
    bottom:0;
    right:31px;
    width:430px;
    height:32px;
    overflow:hidden;
}
#icontrust #speedo-nr-bottom-inner {
    position:absolute;
    z-index:1;
    width:1333px;
}
#icontrust #speedo-nr-bottom-inner span {
    font-size:26px;
    color:#5e5c5c;
    width:43px;
    text-align:center;
    display:inline-block;
}
#icontrust #speedo-mask-bottom {
    background:url("/img/icontrust/speedo-mask-sprite.png") no-repeat scroll 0 -66px transparent;
    position:absolute;

    z-index:1;
    bottom:2px;
    right:206px;
    width:38px;
    height:38px;
}
#icontrust .message {
    width:500px;
    position:absolute;
    z-index:1;
    top:55px;
    left:484px;
    color:#e60a14;
    font-size:40px;
    line-height:36px;
}
#icontrust .message#one, #icontrust .message#two, #icontrust .message#three, #icontrust .message#four {
    opacity:0;
	filter:alpha(opacity=0);
}
#icontrust #bullseye {
    position:absolute;
    z-index:1;
    top:159px;
    left:1013px;
    width:56px;
    height:56px;
    overflow:hidden;
    background:#ccc;
    display:none;
}
#icontrust #bullseye img {
    position:absolute;
    z-index:2;
    top:0;
    left:0;
}
#icontrust #bullseye-inner {
    position:absolute;
    z-index:1;
    top:0;
    margin-left:-209px;
    width:56px;
    height:39px;
    padding-top:17px;
    width:1333px;
}
#icontrust #bullseye-inner span {
    color:#5e5c5c;
    display:inline-block;
    font-size:26px;
    text-align:center;
    width:43px;
}
#icontrust #icontrust-logo {
    position:absolute;
    z-index:1;
    top:114px;
    left:636px;
    opacity:0;
	filter:alpha(opacity=0);
}
#icontrust #arrow-left {
    position:absolute;
    z-index:1;
    top:187px;
    left:374px;
    height:2px;
    width:257px;
}
#icontrust #arrow-left-inner {
    height:2px;
    width:0;
    background-color:#fff;
    float:right;
}
#icontrust #arrow-right {
    position:absolute;
    z-index:1;
    top:187px;
    left:742px;
    height:2px;
    width:0;
    background-color:#fff;
}


section.news {
    background:none;
}

/*Datenschutz*/
.checkbox.datenschutz {
    margin-bottom: 15px;
}
.checkbox.datenschutz p {
    margin-left: 250px;
    margin-top: 15px;
}
.checkbox.datenschutz_small p {
    margin-left: 210px;
}
.checkbox.datenschutz input[type="checkbox"] {
    float: left;
    margin-top: 4px;
    cursor: pointer;
}
.checkbox.datenschutz label {
    float: left;
    width: calc(100% - 280px);
    line-height: 1.2;
    cursor: pointer;
    clear: none;
}
.checkbox.datenschutz label a {
    text-decoration: underline;
}
.checkbox.datenschutz label a:hover {
    text-decoration: none;
}

@media only screen and (max-width : 1010px) {
    .breit .row.checkbox input {
        margin-left: 10px;
    }
    .checkbox.datenschutz p {
        margin-left: 10px;
    }
    .checkbox.datenschutz label {
        width: calc(100% - 40px);
    }
}
@media only screen and (max-width : 953px) {
    .row.checkbox input {
        margin-left: 10px;
    }
}

.contact-form  .captchawr {
 width: calc(100% - 150px);
 float: left;
}

.contact-form  .captchawr img {
 width: 140px;
 height: 30px;
 float: left;
 object-fit: cover;
}

.contact-form  .captchawr input[type="text"] {
 width: calc(100% - 150px);
 float: right;
}


#section_content_getxmas .absenden-disable a{
    opacity:0.3;
    transition: 0.5s all;
    cursor: default !important;
    pointer-events: none;
}

#section_content_getxmas .absenden-disable a.valid {
    opacity:1;
    cursor: pointer !important;
    pointer-events: all;
}

/* Mobile Nav*/
.sublayer {
  position: absolute;
  top: 5px;
  padding: 10px;
  right: 9px;
  cursor: pointer;
  z-index: 1; }
  .sublayer .icon {
    display: block;
    position: relative;
    width: 31px;
    height: 31px;
    cursor: pointer;
    transition: 0.2s ease-out all 0.2s; }
    .sublayer .icon:before,
    .sublayer .icon:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 90%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-bottom: 5px solid white;
      border-radius: 3px; }
    .sublayer .icon:before {
      -webkit-transform: translate(-50%, -50%) rotate(90deg);
      transform: translate(-50%, -50%) rotate(90deg);
      transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s; }
    .sublayer .icon:after {
      transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s; }

.open > .sublayer .icon:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg); }

.open > .sublayer .icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg); }
  
  
 /****************************************
        Webinar
*****************************************/ 
  
.webinar-form{
    margin-top:50px;
}

.webinar-form h2{
    margin-bottom:30px;
}

.news .datumfreitext + h2{
    margin-top:0;
}

.addCal{
    margin-top:30px;
}

.newsletter_page {
    font-size: 16px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}


/* Chrome, Safari, Edge, Opera */
.webinar-form input::-webkit-outer-spin-button,
.webinar-form input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

/* Firefox */
.webinar-form input[type=number] {
  -moz-appearance: textfield !important;
}
/*layout-1145*/
@media only screen and (max-width : 1318px) {

.owl-carousel{
	position:static;	
}
	
.owl-next{
	right:0;
}
.owl-prev{
	left:0;
}

}

@media only screen and (max-width : 1264px) {
#keyvisual-item-container {
    height:auto;
}
.keyvisuals > div {
    background:none !important;
}
.keyvisuals  img {
    display:block;
    width:100%;
}
#footer-oben, #footer-unten {
	padding-left:25px;
	padding-right:25px;
}
}

@media only screen and (max-width : 1145px) {
	
#logo{
	padding-left:2%;	
}
section#startseite {
	padding-left:40px;
	padding-right:40px;
	box-sizing:border-box;
}
#logos {
    margin-left:-20px;
	margin-right:-20px;
	padding-left:25px;
	padding-right:25px;
}
#hauptnav ul li.first{
	padding-left:0;	
}

section .box .hovertext{
	padding: 10%;	
}

#subnavi {
	display:none;
}

section#inhaltsseite {
	padding-left:42px;
	padding-right:42px;
}

#inhaltsseite main{
	width:70.5%;	
}

}

@media only screen and (max-width : 1090px) {

	
#hauptnav .center, #metanav-oben {
	display:none;
}

#hauptnav{
	height:14px;
	border-top:1px solid #fafafa;	
}

header {
	height:100%;
	
}

section .box .hovertext{
	padding: 5%;	
}

#mobile-nav-icon, #sitefunc_unten{
	display:block;	
}

#logo{
	padding-top:40px;
	padding-bottom:9px;
}

section#inhaltsseite .box{
	width:48.1%;
	min-width:48.1%;
	height:auto;
	margin-right:1.5%;
}
section#inhaltsseite .box .link{
/*	top:55%;	 */
}

.weltkarte article{
    width:46%;
}

}


@media only screen and (max-width : 1012px) {
    input.text, textarea.text, select.text {
        width: 300px;
    }
    input.vorname, input.nachname {
        width: 143px;
    }
    input.zipcode {
        width: 43px;
    }
    
    input.city {
        width:243px;
    }
}


@media only screen and (max-width : 935px) {

section#startseite .box .hovertext {
    padding-top:8%;
    padding-bottom:8%;
    height:84%;
}
section .box .block,
section#startseite .box .hovertext {
    font-size:19px;
}
section#startseite .box .hovertext {
     line-height:19px;
}

#startseite main{
	width:100%;	
}

section .box.third {
	margin-right:0;	
}

#startseite aside, aside {
	float:none;
	width:100%;
}
#inhaltsseite aside{
	float:right;
	width:22.85%;		
}


section aside .box{
	width:29.1%;
}

#logos {
	background-color:#f5f5f5;	
}

#container h2{
/*	width:124%;	 */
}

.weltkarte article{
    width:42%;
}

#inhaltsseite main a.search{
    float:right;
}

}


@media only screen and (max-width : 1012px) {
    input.text, textarea.text, select.text {
        width: 250px;
    }
    input.vorname, input.nachname {
        width: 118px;
    }
    input.zipcode {
        width: 43px;
    }
    
    input.city {
        width:193px;
    }
}

@media only screen and (max-width : 818px) {
  .breit label {
      width: 200px;
  }
}

@media only screen and (max-width : 805px) {

section#inhaltsseite .box{
	width:47.1%;
	min-width:47.1%;
}

}
/*layout-768*/
@media only screen and (max-width : 767px) {

    #mobile-nav-icon{
    	margin-right:3%;
    }
    
    aside {
        float:none;
        clear:both;
        width:100% !important;
    }
    
    aside #container {
        margin-left:auto;
        margin-right:auto;
        width:50%;
    }
    
    #footer-unten {
        height: auto;
    }

}


@media only screen and (max-width : 740px) {

#inhaltsseite main {
	width:100%;	
}

.weltkarte article{
    width:46%;
}
#history .history-item .history-layer-arrow,
#history .last-history .history-item .history-layer-arrow {
    display:none;
}
#history .history-layer {
    right:-100px;
    top:35px;
}

#history .last-history .history-layer {
    left:-100px;
    top:35px;
}


section#inhaltsseite {
	padding-left:21px;
	padding-right:21px;
}


}


@media only screen and (max-width : 659px) {
    .vornachname, .plzort {
        width: 100% !important;
    }
    
    /* ----- */
    
    input.text, textarea.text, select.text {
        width: 100%
    }
    input.vorname, input.nachname {
        width: 46%;
    }
    input.zipcode {
        width: 50px;
    }
    
    input.city {
        width:calc(100% - 70px)
    }
    
}

@media only screen and (max-width : 600px) {
    #footer-unten {
        height:auto;
    }
}

@media only screen and (max-width : 560px) {

.kv-box-wrapper, .drucken {
    display:none;
}

header {
	min-height:67px;	
}

#keyvisual-pager{
	display:block;	
}

#logo {
	width:44%;
	min-width:141px;
}

.weltkarte article{
    width:100%;
    border-right:0;
    margin-right:0;
}

#history .history-layer {
    right:-120px;
    top:35px;
}

#history .last-history .history-layer {
    left:-120px;
    top:35px;
}

}

@media only screen and (max-width : 540px) {

#logo {
	padding-left:10px;
	padding-top:5%;	
}

section#startseite{
	padding-left:21px;	
	padding-right:21px;
}

section .box{
	min-width:120px;
	margin-right:3%;
}

section .box .block {
	font-size:17.5px;
	line-height:18px;	
}

section#inhaltsseite .box .block{
    height:65px;
}

section .box .hovertext{
	font-size:14.5px;
	line-height:14px;	
}

section .box .link{
    width:19px;
    top:-16px;
}

section .box .link img{
    width:19px;
}

section aside .box .link {
    width:19px;
    top:-9.5px;
}
/*
#keyvisual-item-container,
.keyvisuals,
.keyvisuals > div {
	height:118px;	
}
*/

#keyvisual-pager{
	display:none;	
}

#history .owl-pagination {
    display:none;
}

#history #history-hl {
    font-size:20px;
}
#history #history-hl #history-hl-txt {
    font-size:17px;
}


}

@media only screen and (max-width : 500px) {
    
    section#inhaltsseite .box {
        margin-right:2.4% !important;    
    }
    aside #container {
        width:80%;
    }
    
}

@media only screen and (max-width : 455px) {

section .box, section#inhaltsseite .box{
	width: 46.8%;
	margin-bottom:10px;
	min-width:120px;
}

section aside .box, section#inhaltsseite aside .box{
	width: 46.8%;
}	


section#inhaltsseite .box.second, section#startseite .box.second{
	margin-right:0;	
}

section#inhaltsseite .box ,section#startseite .box.third{
	margin-right:4.5%;	
}

section#startseite .box.second.third{
	margin-right:0%;	
}



}


@media only screen and (max-width : 420px) {
#section_content_Suche_searchvalue{
    width:98.7%;
}
}



@media only screen and (max-width : 400px) {

#sitefunc{
	display:none;	
}
#history .last-history .history-layer {
    left: 0;
    top: 74px;
    width: 180px;
}
#hauptnav-mobile .search input{
	width:94%;
}

section .box.second.third{
	margin-right:0;	
}

#inhaltsseite aside{
    /*margin-right:30px;*/
}
#headerbild, #owl-kacheln
{
    height:237px;
}

.owl-item .item img {
    height:237px !important;
}

}
/*cpl-tmp*/
#diagnosis .display-a .display {
    background:url("/img/diagnose/display-a-bg.png") no-repeat scroll 0 0 transparent;
}
#diagnosis .display-b .display {
    background:url("/img/diagnose/display-b-bg.png") no-repeat scroll 0 0 transparent;
}
#diagnosis .display-c .display {
    background:url("/img/diagnose/display-c-bg.png") no-repeat scroll 0 0 transparent;
}
#diagnosis .display-d .display {
    background:url("/img/diagnose/display-d-bg.png") no-repeat scroll 0 0 transparent;
}
#diagnosis .display-img {
    height:171px;
}
#diagnosis .display-txt .display-txt-item {
    padding: 10px 15px;
    width: 213px;
}
#diagnosis .pointer-d {
    position:absolute;
    z-index:2;
    top:75%;
    right:40%;
    opacity:0;
	filter:alpha(opacity=0);
}
#diagnosis .display-d {
    position:absolute;
    z-index:1;
    top:30.5%;
    right:46%;
}
#footer-oben ul {
    position:relative;
    z-index:1;
}
/*IconTrust*/
.icontrust #hauptnav ul li.first {
    padding-left:0;
}
.icontrust #hauptnav ul li a {
    /*padding-left:60px;*/
    /*padding-right:60px;*/
    padding-left: 30px;
    padding-right: 30px;
}
.icontrust #hauptnav ul li.first a {
     padding-left:0;
}

.icontrust #hauptnav ul li.last a {
  padding-right: 0px;
}
.icontrust #logo {
  width: 330px;
  padding-top:31px;
}
.icontrust #logo img {
  width: 330px;
  height:92px;
}
.icontrust #logo2 {
  clear:both;
  float: right;
  width: 247px;
  margin:11px 0 17px 0;
}
.icontrust #logo2 img {
  width: 247px;
  height:67px;
}
.icontrust #metanavi ul li {
    border-left:0;
}
.icontrust #logos img {
  margin-left: 1.6%;
  margin-right: 1.6%;
}
.icontrust #schwarze-ebene {
    top:185px;
}
#hp-icontrust {
    max-width:710px;
    margin-top:45px;
    margin-bottom:34px;
}
#hp-icontrust h2 {
    margin-bottom:41px;
}
#hp-icontrust p {
    font-size:22px;
    line-height:24px;
}
#hp-icontrust ul {
    font-size:22px;
    line-height:24px;
    color:#6a6a6a;
}
.icontrust div.search {
    margin-right:20px;
}
#keyvisuals.kv-video {
    max-height: 370px;
}

#keyvisuals.kv-video video {
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 370px;
    /*object-fit: cover;*/
    line-height: 0;
    display: block;
}
@media (max-width: 1023px) {
    #keyvisuals.kv-video video {
        height: 370px;
        object-fit: cover;
        max-height: 230px;
    }
}
@media (max-width: 767px) {
    #keyvisuals.kv-video video {
        object-position: left;
        object-position: -300px 0;
        max-height: 370px;
    }
}
@media (max-width: 400px) {
    #keyvisuals.kv-video video {
        object-position: left;
        object-position: -375px 0;
    }
}
/*Startseite Master White*/
.last-white{
    display:none;
}

.logo-white{
    display:none;
}
/*Startseite2016*/
/* #Video */

.videoMobile{
    display:none;
}


.keyvisualVideo {
    position: relative;
}

.video {
    position: relative;
    max-height: 700px;
    overflow: hidden;
}
.video video{
    width: 100% !important;
    height: auto;
    /*max-height:100%;*/
}

.video .mejs-container{
    width:100% !important;
    height:auto !important;
    padding-bottom: 50%;
    
}

.video .mejs-controls,
.video .mejs-overlay
{
    display:none !important;
}


.startseite2016 main{
    width:75% !important;
    padding-top:0 !important;
}



.startseite2016 aside{
    width:25% !important;
    padding-top:0 !important;
}

.startseite2016{
    width:100%;
}

.startseite2016 .center{
    max-width:100%;
    margin:0 auto;
    padding:0 !important;
    
}

.startseite2016 .content-startseite {
    background: #f5f5f5;
}


.startseite2016 #logos .center{
    text-align:center;
}


.area{
    min-height:520px;
    width:100%;
    padding: 80px 55px 50px 55px;
    box-sizing: border-box;
    border-top:1px solid #b2b1b1;
}

.area:first-child{
    border-top:none;
}

.area.area1{
    background: #f5f5f5 url("/img/system/areaSchatten.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.area.area2{
    background:url("/img/system/areaBg.png"), url("/img/system/areaSchatten.png");
    background-position:top,bottom;
    background-repeat:no-repeat;
    background-size:cover;
}

.area-left.left {
    width: 50%;
    max-width:720px;
}


.area-right.right {
    width: 50%;
    text-align:center;
}

.area-image{
    position:relative;
    display: inline-block;
}

.area-image img {
    width: auto;
    max-width: 100%;
    border: 10px solid #fff;
    -webkit-box-shadow: 1px 0px 10px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 0px 10px -2px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 10px -2px rgba(0,0,0,0.75);

}

.no-border .area-image img {
    border:none !important;
    box-shadow:none !important;
}

.no-border .area-image:after{
    content:"";
    display:none;
}

.area-image:after{
    content: "";
    background: url("/img/system/imageSchatten.png");
    width: 100%;
    height: 25px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.5;
    margin-top: 20px;
}


.area-small p {
    font-size: 13px;
    line-height: 15px;
    text-transform:uppercase;
    color:#6a6a6a;
}

.area-headline{
    
}

.area-headline h1{
    font-size:48px;
    line-height:50px;
    color:#000;
    margin-bottom:0;
}

.area-headline h2{
    font-size:30px;
    line-height:32px;
    color:#000;
}

.area-headline:after {
    content: "";
    border-top: 9px solid #E30A14;
    max-width: 123px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}


/*.area-headline h2:before{*/
/*    content:"";*/
/*    display:inline-block;*/
/*}*/

/*.area-headline h2:after{*/
/*    content:"";*/
/*    display:inline-block;*/
/*}*/


.area-text p{
    font-size:19px;
    line-height:25px;
    color:#6a6a6a;
}


.area-button a{
    background:#000;
    display:inline-block;
    text-align:center;
    padding: 3px 21px 1px 21px;
    color:#fff;
    font-size:19px;
}

.area-button a:hover{
    text-decoration:none;
    background:#E40A14;
}

/* #Videotext */

.vd-wrapper {
    position: absolute;
    top: 30%;
    left: 10%;
    padding: 15px;
    background: #fff;
    z-index: 99;
}

.videoText p{
    margin:0;
    padding:0;
}

.videoText{
    position:relative;
    z-index:99;
}

.videoText:after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 25px 0 25px;
    border-color: #ffffff transparent transparent transparent;
    position:absolute;
    bottom:-35px;
    right:30px;
    z-index:99;
    
}


.videoText h1{
    color:#da0913;
    font-size:35px;
    line-height:36px;
    padding:0;
    margin:0;
}

.videoText p{
   font-size:25px;
   line-height:26px;
   color:#000;
}

.videoOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    top: 0;
    z-index: 98;
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 1px, transparent 1px, transparent 100%);
    -webkit-background-size: 3px 3px;
    -moz-background-size: 3px 3px;
    background-size: 3px 3px;

}

/* Kacheln*/


.box-area {
    /*display: inline-block;*/
    width: 33.33%;
    float: left;
    background: #fff;
    border: 1px solid #b2b1b1;
    border-left: 0;
    border-top: 0;
    overflow:hidden;
    position:relative;
    box-sizing:border-box;
}

.box-area:first-child{
    border-left:1px solid #b2b1b1;
}

.box-area:nth-child(4){
    border-left:1px solid #b2b1b1;
}

.ba-image{
    position:relative;
}

.ba-image img{
    width:100%;
    max-width:100%;
}


.ba-image{
    width:100%;
}

.ba-link {
    position: absolute;
    right: 0;
    bottom: -20px;
    height: 38px;
    width: 38px;
    z-index: 999;
    background:#fff;
}

.ba-link a {
    display: inline-block;
    position: relative;
    right: 0;
    z-index:99;
}


.ba-text {
    /*height:100%;*/
    padding:25px;
    box-sizing:border-box;
    height:115px;
}    
.ba-text p{
    font-size:26px;
    line-height:30px;
    color:#000;
    margin:0;
}


.ba-hover,
.tbox-hover{
    display:none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    
}

.box-area:hover .ba-hover{
    display:table;
}



.ba-hover p,
.tbox-hover p{
    padding:10%;
    box-sizing:border-box;
    color:#fff;
    font-size: 22px;
    line-height: 28px;
    display: table-cell;
    vertical-align: middle;
    
}

/* #teaser*/

.t-box{
    width: 100%;
    border: 1px solid #b2b1b1;
    border-left:none;
    border-left: 0;
    border-top: 0;
    overflow: hidden;
    position: relative;
    box-sizing:border-box;
        background: #da0913;
}

.t-box:hover .tbox-hover{
    display:table;
}

.tbox-image {
    position: relative;
}


.tbox-image img{
    width:100%;
    max-width:100%;
}

.tbox-link img{
    width:auto;
    max-width:100%;
}


.tbox-link {
    position: absolute;
    right: 0;
    bottom: -20px;
    z-index:99;
}

.tbox-link a{
    display: inline-block;
    position: relative;
    right: 0;
    z-index: 999;

}

.tbox-text {
    /*min-height: 77px;*/
    padding: 25px;
    box-sizing: border-box;
    width:100%;
    height:115px;
}

.tbox-text p {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    margin: 0;
}



/* News*/

.news-box{
background: #2c2c2c;
 border-bottom: 1px solid #b2b1b1;
 border-left:none;
 box-sizing: border-box;
}


.newsBox-inner:last-child{
    border-bottom:none; 
}

.news-box.single .newsBox-inner{
        border-bottom: 1px solid #b2b1b1;
    /*padding: 30px;*/
    /*min-height: 158px;*/
    box-sizing: border-box;
    display: table;
    height: 100%;
    width: 100%;
}

.news-box.single .newsBox-center{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 0 30px 0 30px;
    box-sizing: border-box;
}


.news-box.dual .newsBox-inner {

    border-bottom: 1px solid #b2b1b1;
    /*padding: 30px;*/
    /*min-height: 158px;*/
    box-sizing: border-box;
    display: table;
    height: 50%;
    width: 100%;
}



.news-box.dual .newsblock-headline {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
    padding-right:15px;
    box-sizing:border-box;
}


.news-box.single{
    background: #2c2c2c;
}

.news-box.single .newsBox-inner{
    border-bottom:none;
    background:none;
}


.newsBox-inner a{
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    margin: 0;
}

.newsBox-inner a:hover{
    text-decoration:none;
}

.newsblock-text {
    margin-top: 20px;
}

.newsblock-text p{
    color:#fff;
}






@media only screen and (max-width : 1280px) {
    .box-area{
        width:33.3%;
    }
}

@media only screen and (max-width: 1145px){
.startseite2016{
     padding-left: 0px !important; 
     padding-right: 0px !important; 
    box-sizing: border-box;
}

.startseite2016 #logos{
    margin-left: 0; 
    margin-right: 0; 
    box-sizing: border-box;
}



}


@media only screen and (max-width: 1090px){
#hauptnav {
    height: 1px;
    border-top: 1px solid #fafafa;
}

/*.startv2 .keyvisualVideo{*/
/*    top:-117px !important;;*/
/*    margin-bottom:-117px !important;*/
/*}*/


}


@media only screen and (max-width : 1050px) {
    .video .mejs-container {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 56.2%;
}
}


@media only screen and (max-width : 935px) {
    
    .t-box,
    .news-box{
        border-left: 1px solid #b2b1b1;
    }
    
    .startseite2016 main{
        width:100% !important;
        
    }
    
    .startseite2016 aside{
        width:100%!important;
    }
    
    .startseite2016 .t-box{
        float:left;
        width:33.3%;
    }
    
    .news-box.dual{
        float:left; 
        width:66.7%;
    }
    
        .news-box.single{
            float:left;       
            width:33.3%;
            
        }
    
    .news-box.dual .newsBox-inner{
        float:left;
        width: 50%;
        height: 100%;
        border-right: 1px solid #b2b1b1;
    }
    
.area {
    padding: 80px 50px 50px 50px;
}
}
@media only screen and (max-width : 767px) {
   .videoMobile{
    display:block;
    width:100%;
    display:block;
    max-width:100%;
    }
    
    .video{
        display:none;
    }

    
}

@media only screen and (max-width : 750px) {
    
    .area-right.right {
    width: 35%;
}
}


@media only screen and (max-width: 700px){

.vd-wrapper{
    position:relative;
    top:0;
    left:0;
}

.videoText:after{
    display:none;
}

}


@media only screen and (max-width : 650px) {

.box-area {
    width: 50%;
}

.startseite2016 aside {
    width: 100%!important;
}

.box-area:nth-child(4){
    border-left: none;
}

.startseite2016 .t-box{
    width:50%;
}

.news-box.single{
    width:50%;
}

.news-box.dual{
    width:50%;
}

.news-box.dual .newsBox-inner{
    float:none;
    width:100%;
    height:50%;
    border-right:none;
    
}

}

@media only screen and (max-width : 600px) {
    
  .area-right.right{
      float:none;
      width:100%;
      margin-top: 50px;
  }  
  
  .area-left.left{
      float:none;
      width:100%;
  }
  
  .area {
    padding: 80px 45px 50px 40px;
  }
    
}

@media only screen and (max-width : 450px) {

.box-area {
    width: 100%;
}

.startseite2016 aside {
    width: 100%!important;
}

.startseite2016 .t-box{
    width:100%;
}

.news-box.single{
    width:100%;
}

.news-box.dual{
    width:100%;
}


}


@media only screen and (max-width : 400px) {

.videoText h1 {
    font-size: 25px;
    line-height: 26px;
}

.videoText p {
    font-size: 20px;
    line-height: 20px;
}

}
/*Startseite2016v2*/
.startv2{
    position:relative;
}

.startv2 .logo-black{display:none;}
.startv2 .logo-white{display:block;}
.startv2 .last-black{display:none;}
.startv2 .last-white{display:block;}

.startv2 header {
    position: relative;
    z-index: 9999;
    background:transparent;
}

.startv2 #hauptnav{
    position:relative;
    z-index:999;
    background:none;
}


.startv2 #hauptnav ul {
    margin: 0;
    padding: 0;
    display: flex;
    display: ms-flex;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
}

.startv2 #hauptnav ul li.first{
    padding-left:0;
}

.startv2 #hauptnav ul li a{
    padding-left:0;
    padding-right:30px;
}



.startv2 #hauptnav.show{
	background:url(/img/system/bg-hauptnav.png) repeat-x 0 0;
}

.startv2.scroll #hauptnav{
    /*display:none;*/
}
.startv2 .mainHeader{
        position:fixed;
    z-index:9999;
    width:100%;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.startv2.scroll .mainHeader{
    background: rgba(0, 0, 0, 0.7);
}


/*.startv2 .keyvisualVideo {*/
/*    position: relative;*/
/*    top:-165px;*/
/*    margin-bottom: -165px;*/
    
/*}*/

.startv2 .video{
    max-height:750px;
}

.startv2 #metanavi ul li a{
    color:#fff;
}


.startv2 div.search{
    position:relative;
}

.startv2 div.search input{
    background: rgba(255,255,255,0.3);
    color: #fff;
    border: 1px solid #fff;
    position: relative;
    padding: 6px;
    padding-left: 10px;
    padding-right: 30px;
    box-sizing: border-box;
    min-width: 180px;
}

.startv2 div.search a{
    content:"";
    position:absolute;
    top:16px;
    right:8px;
    width:18px;
    height:18px;
    background:url("/img/system/lupe.png");
}

.startv2 div.search input::-webkit-input-placeholder {
    color:#fff;
}

.startv2 div.search input:-moz-placeholder { /* Firefox 18- */
    color:#fff;
}

.startv2 div.search input::-moz-placeholder {  /* Firefox 19+ */
    color:#fff;
}

.startv2 div.search input:-ms-input-placeholder {  
    color:#fff; 
}


.startv2 div.search{
    background:none;
    width:auto;
    height:auto;
    
}


.startv2 #hauptnav ul li.hover a,
.startv2 #hauptnav ul li.selected a {
    color: #000;
    text-decoration: none;
    background: none;
}

.startv2 #hauptnav ul li {
    float: left;
    background: url(/img/system/hauptnav-trenner-white.png) no-repeat right center;
    -moz-box-flex: 1;
}
.startv2 #hauptnav ul li.last{
    background:none;
}


.startv2 .vd-wrapper{
    top: 45%;
    background:#da0913;
}

.startv2 .videoText h1{
    color:#fff;
}
.startv2 .videoText p{
    color:#fff;
}
.startv2 .videoText:after{
       border-color: #da0913 transparent transparent transparent;
}

.startv2 #hauptnav-mobile .search a {
    background: url(/img/system/icons/lupe_gross.png) no-repeat 0 0;
    height: 25px;
    position: absolute;
    top: 31px;
    right: 54px;
    width:auto;
}

.startv2 #hauptnav{
    border:none!important;
}

.startv2 .area.area2.no-border .area-image img{
    max-width:380px;
    max-height:420px;
    width:100%;
}
.startv2 .area.area1 .area-image img,
.startv2 .area.area2 .area-image img{
    max-width:500px;
    max-height:340px;
    width:100%;
}

/* #Inhaltsseiten Header# */
.mainHeader{
    position:fixed;
    z-index:9999;
    width:100%;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.mainHeader + #keyvisuals {
    padding-top:161px;
}

@media only screen and (max-width : 1090px) {
    /*#Keyvisual#*/
.mainHeader + #keyvisuals {
    padding-top:116px;
    }
}

@media only screen and (max-width : 540px) {
       .mainHeader + #keyvisuals {
            padding-top: 102px; 
       }
}

@media only screen and (max-width : 530px) {
     .mainHeader + #keyvisuals {
            padding-top: 95px; 
       }
}

@media only screen and (max-width : 490px) {
    .mainHeader + #keyvisuals {
            padding-top: 86px; 
       }
}

@media only screen and (max-width : 450px) {
     .mainHeader + #keyvisuals {
            padding-top: 80px; 
       }
}

@media only screen and (max-width : 410px)  {
    .mainHeader + #keyvisuals {
            padding-top: 77px; 
       }
}

@media only screen and (max-width : 375px)  {
         .mainHeader + #keyvisuals {
            padding-top: 72px; 
       }
}

@media only screen and (max-width : 350px) {
    .mainHeader + #keyvisuals {
            padding-top: 69px; 
       }
}

@media only screen and (max-width: 1350px){
    
.startv2 .video{
    max-height:580px;
}
}

.mobilenav-open .mainHeader {
    position:absolute;
    top:0;
    background: rgba(0, 0, 0, 0.7);
}
/*Bietergemeinschaft*/
.bg #logo {
  float: none;
  text-align: center;
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  box-sizing: border-box;
}
.bg #logo a {
  display: inline-block;
}
.bg #logo a img {
  width: 100%;
  max-width: 100%;
}
.bg .startseite2016 .area.area2 {
  background: url("/img/system/muster.png"), url("/img/system/areaSchatten.png");
  background-position: top,bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg #hauptnav {
  background: #b3b3b3;
}
.bg #hauptnav:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: url("/img/system/navColor.jpg");
  position: relative;
  z-index: 999;
  top: -1px;
  background-size: 100%;
}
.bg #hauptnav ul li {
  background: none;
}
.bg #hauptnav ul li:last-child a:after {
  display: none;
}
.bg #hauptnav ul li.last a {
  padding-right: 0;
}
.bg #hauptnav ul li.hover > a,
.bg #hauptnav ul li.selected > a {
  background: url(/img/system/bg-hauptnav-bg-hover.png) no-repeat center top;
}
.bg #hauptnav ul li > a {
  position: relative;
  padding-left: 57px;
  padding-right: 64px;
}
.bg #hauptnav ul li > a:after {
  content: "";
  border-right: 1px solid #dadada;
  height: 22px;
  width: auto;
  position: absolute;
  right: 0;
  top: 10px;
}
.bg #hauptnav .u_navi_layer .box .link a:after {
  content: "";
  display: none !important;
}
.bg #keyvisuals .kv-box-headline {
  color: #b3b3b3;
}
.bg #keyvisuals #keyvisual-pager #keyvisual-pager-inner a {
  background: url(/img/system/icons/bg-keyvisual-nav.png) no-repeat 0 0;
}
.bg #keyvisuals #keyvisual-pager #keyvisual-pager-inner a:hover {
  background: url(/img/system/icons/bg-keyvisual-nav-aktiv.png) no-repeat 0 0;
}
.bg #keyvisuals #keyvisual-pager #keyvisual-pager-inner a.activeSlide {
  background: url(/img/system/icons/bg-keyvisual-nav-aktiv.png) no-repeat 0 0;
}
.bg #keyvisuals .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
}
.bg .area .area-headline:after {
  border-top: 0;
  background: url("/img/system/bau-linie.png");
  height: 5px;
  width: auto;
  max-width: 122px;
}
.bg .area .area-headline h2 {
  color: #b1b1b1;
  font-weight: normal;
}
.bg .area .area-button a:hover {
  background: #000000;
}
.bg aside #container h2 {
  background-image: none;
  background: transparent;
  color: #b3b3b3;
}
.bg aside #container h3 {
  color: #b1b1b1;
}
.bg #inhaltsseite h2 {
  color: #b1b1b1;
}
.bg fieldset label span {
  color: #000000;
}
.bg .news article h2 a {
  color: #b3b3b3;
}
.bg .news article h2 time {
  color: #b3b3b3;
}
.bg .onAccordion .ui-state-default a,
.bg .onAccordion .ui-state-default a:link,
.bg .onAccordion .ui-state-default a:visited {
  color: #000000;
}
.bg .ui-tabs .ui-state-default a,
.bg .ui-tabs .ui-state-default a:link,
.bg .ui-tabs .ui-state-default a:visited {
  color: #000000;
}
.bg #subnavi strong a {
  color: #b1b1b1;
}
.bg #hauptnav-mobile .mobilnav {
  background-image: none;
  background: #b3b3b3;
  border-bottom: 1px solid #ffffff;
}
.bg #hauptnav-mobile .mobilnav li {
  border-bottom: 1px solid #ffffff;
}
.bg #hauptnav-mobile .mobilnav ul li {
  border-color: #ffffff;
}
.bg #hauptnav-mobile .search {
  background: #b3b3b3;
}
.bg #hauptnav-mobile .socialmedia {
  display: none;
}
@media only screen and (max-width: 1090px) {
  .bg header #logo {
    float: left;
    max-width: 80%;
    padding-left: 2% !important;
    padding-right: 2%!important;
  }
}
@media only screen and (max-width: 500px) {
  .bg header #logo {
    float: left;
    max-width: 100%;
  }
}
/*cookieconsent*/
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/*i60r*/
.i60r #history .history-item img {
  width: auto;
  max-width: 100%;
}
.i60r #inhaltsseite h2:after {
  content: "";
  border-top: 0;
  background: url(/img/system/bau-linie.png);
  height: 5px;
  width: auto;
  max-width: 122px;
  margin-top: 10px;
  display: block;
}
.i60r #inhaltsseite aside h2:after {
  margin-top: 7px;
}
.i60r .startseite2016 .content-startseite .area.area2 {
  padding-left: 31.4%;
}
@media only screen and (max-width: 1145px) {
  .i60r .startseite2016 .content-startseite .area.area2 {
    padding-left: 11%;
  }
}
.i60r .startseite2016 .content-startseite .area .area-inner {
  width: 100%;
  max-width: 1145px;
  margin: 0 auto;
}
.i60r .startseite2016 .content-startseite .area .area-inner .area-left {
  width: 100%;
}
.i60r #hauptnav ul li a:before {
  content: "";
  width: 100%;
  height: 10px;
  background: transparent;
  bottom: -5px;
  left: 0;
  position: absolute;
  z-index: 9999;
}
/*layout-DeutaGroup*/
.deutagroup.icontrust #logo img {
  width: auto;
  height: auto; }
/*protect*/
.protect.gmap {
  position: relative;
}
.protect__info {
  position: absolute;
  background: #e2e2e2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  overflow: auto;
}
.protect__info .youtube__icon svg,
.protect__info .gmaps__icon svg {
  width: 39px;
  height: 39px;
  margin-bottom: 10px;
}
@media (max-width: 490px) {
  .protect__info .youtube__icon,
  .protect__info .gmaps__icon {
    display: none;
  }
}
.protect__info p {
  max-width: 100% !important;
  margin: 0 auto;
  text-align: center;
  width: auto !important;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 490px) {
  .protect__info p {
    line-height: 1.1;
  }
}
@media (max-width: 340px) {
  .protect__info p {
    font-size: 13px;
  }
}
.protect__info a {
  display: inline-block;
}
.protect__info .loaddata {
  display: block;
  width: 260px;
  border: none;
  border-radius: 0;
  background: #B51F2A;
  color: #fff;
  font-weight: 100;
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 25px;
  text-shadow: none;
  margin: 0 auto;
  margin-top: 10px;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.1em;
}
@media only screen and (max-width: 650px) {
  .protect__info .loaddata {
    width: auto;
    padding: 10px 20px;
    font-size: 3vw;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 450px) {
  .protect__info .loaddata {
    margin-top: 10px;
  }
}
/*failure-layer-js*/
/* störung layer */
.failure-layer {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  z-index: 99;
}
.failure-layer .flinner {
  padding: 10px 20px;
  text-align: center;
  background: #da0913;
  color: #fff;
  font-size: 20px;
}
@media (max-width: 767px) {
  .failure-layer .flinner {
    font-size: 16px;
    padding: 5px 10px;
  }
}
@keyframes pulse {
  0% {
    background-color: #840a0f;
  }
  100% {
    background-color: #da0913;
  }
}