/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translateX(0%);
      transform: translateX(0%); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translateX(-30%);
      transform: translateX(-30%); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    right: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }
  html.mm-opened .mm-page {
    box-sizing: border-box;
    position: relative; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(440px, 0);
    transform: translate(440px, 0); } }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-page,
html.mm-front #mm-blocker {
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  z-index: 0; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: #f3f3f3; }
  .mm-menu.mm-light .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header .mm-prev:before,
  .mm-menu.mm-light .mm-header .mm-next:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.06); }
  .mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white; }
  .mm-menu.mm-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white; }

.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header .mm-prev:before,
  .mm-menu.mm-white .mm-header .mm-next:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-menu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25); }
  .mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black; }
  .mm-menu.mm-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black; }

.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header .mm-prev:before,
  .mm-menu.mm-black .mm-header .mm-next:after {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}

.custom{margin-right: 1%}
#footer{ margin-right: 1%}
section {clear: both;}
#slider-elment .container {
    position: absolute;
    right: 10%;
    bottom: 10%;
    max-width: 44%;
}

/* ----- GRID FIX HOME ---- */
#wrapper {padding: 0 0.5% 0 1% !important}

/* ------------------------------------------------*/
/* -------- HEADER HOME -------------- */
/* ------------------------------------------------*/
#home {overflow: hidden; clear: both; width: 100%; padding-bottom: 12px}
#header{background-color: #fff; height: 545px}
#header .inside {position: relative}

#LOGO {
	background-color: #fff;
    box-shadow: 5px 5px 5px 0 rgba(92, 92, 92, 0.38);
    padding: 4px 2px 2px;
    position: absolute;
    top: 10%;
    width: 150px;
    z-index: 99}

/* ------------------------------------------------*/
/* -------- CAROUSEL -------------- */
/* ------------------------------------------------*/

#layer {position: absolute;top: 0;left: 0;width: 100%;z-index: 1;height: 100%}
#layertext{position: absolute; bottom: 20px; left: 20px}
#layertext h1{color: #fff; font-size: 30px}

.carousel-caption.layer h1
{
	color: #666;
	font-size: 22px;
}
.carousel-caption.layer p
{
	font-size: 13px;
	color: #666;
}

/* ------------------------------------------------*/
/* -------- MEDIA BREAKS -------------- */
/* ------------------------------------------------*/

@media screen and (max-width: 1030px){
.custom, #footer,#header,div.kabox.last {margin-right: 0}
#wrapper {padding-left: 12px; padding-right: 12px}
 
}
@media screen and (max-width: 850px){
#layer {display: none}
#LOGO, #route {display: block}
.custom, #footer,#header {margin-right: 0}
#home {margin-top: 20px;}

#slider-elment .container {max-width: 100%; left: 5%; bottom: 15%}
}
/* ------------------------------------------------*/
/* -------- MOBILE NAVIGATION  ----------- */
/* ------------------------------------------------*/
#nav_mobile_trigger {position: relative;display: none;width: 50%;float: right; height:24px} 

/* ------------------------------------------------*/
/* --------HOME ICON  ----------- */
/* ------------------------------------------------*/

#homeIcon {
	float: left;
	margin: 17px 10px 0 15px; 
    background: url("/files/simg/home.png") 50% 49% no-repeat;
    background-size: contain;
    width: 18px;
    cursor: pointer}
#homeIcon:hover {background: url("/files/simg/home-red.png") 50% 49% no-repeat}


/* ------------------------------------------------*/
/* -------- MAIN NAVIGATION -------------- */
/* ------------------------------------------------*/

#mnav
{
    background-color: #919191;
    width: 100%;
    min-height: 48px;
    height: auto;
    position: relative;
}
.block {
    overflow: visible;
}
#mainnav{padding-left: 32px}

ul.level_3 {left: 250px;margin-top: -30px !important;}

#mainnav ul 
{
    padding: 0px;
    margin: -1px 0 0;
	z-index: 9999;
   padding: 4px 8px
}
#mainnav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
#mainnav ul li a.last
{
	border: none;
}
#mainnav ul li 
{
    list-style: none;
    float:left;    
	font-size: 16px; 
    padding: 12px 0;
}

#mainnav ul li:hover > ul
{
    visibility: visible;
}

#mainnav ul li ul
{
    display: inline;
    visibility: hidden;
    padding:0px;
	margin: 6px 0 0;
	position: absolute;
	background-color: rgba(232, 232, 232, 0.96);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
#mainnav ul li ul li
{
	float: none;
    height: 40px;
    border-bottom: 1px solid #fff;
    border-right: none;
	min-width: 250px;
    
}
#mainnav ul li ul li ul li{
    float: none;
    width: 450px;
}

#mainnav ul li a, #mainnav ul li span.trail, #mainnav ul li span.active, #mainnav ul li span.forward 
{
   	text-decoration: none;
    display: block;
	color: #fff; 
    padding: 0 10px;
    border-right: 1px solid #FFF;
 	opacity: 0.99;
    -webkit-transition: background 0.8s ease-out 0s;
    -moz-transition: background 0.8s ease-out 0s;
    -o-transition: background 0.8s ease-out 0s;
    transition: background 0.8s ease-out 0s;
}

#mainnav ul li:hover > a, #mainnav ul li ul li a:hover,  #mainnav .active
{
    color: #ec1b23;
}

#mainnav ul li ul li a 
{
    color: #444; border-right: none
}


/* ------------------------------------------------*/
/* -------- MEDIA BREAKS ----------- */
/* ------------------------------------------------*/

@media (max-width: 1060px)
{
	#mainnav ul li {font-size: 14px;}
}
@media (max-width: 960px)
{
	#mainnav ul li {font-size: 12px;}
}

@media (max-width: 850px)
{
	#mainnav {display: none}
	#nav_mobile_trigger {position: absolute;
    right: 0;
    top: 6px;
    display: block;
    text-align: right;}
	#nav_mobile_trigger a {
	background: url("/files/simg/nav.png") 50% 50% no-repeat;
	background-size: cover;
	width: 35px;
	height: 30px;
	color: #fff;
	display: inline-block}
}

@font-face
{
    font-family: "DBHeadRegular";
    font-style: normal;
    font-weight: normal;
    src: 	url("../../files/css/fonts/dbhea03-web.woff"),
    		url("../../files/css/fonts/dbhea03-web.ttf"),
    		url("../../files/css/fonts/dbhea03-web.svg");
}

@font-face
{
    font-family: "DBHeadRegular";
    font-style: normal;
    font-weight: bold;
    src: 	url("../../files/css/fonts/dbhea07-web.woff"),
    		url("../../files/css/fonts/dbhea07-web.ttf"),
    		url("../../files/css/fonts/dbhea07-web.svg");
}


@font-face
{
    font-family: "DBSerifRegular";
    font-style: normal;
    font-weight: normal;
    src: 	url("../../files/css/fonts/dbsan03-web.woff"),
    		url("../../files/css/fonts/dbsan03-web.ttf"),
    		url("../../files/css/fonts/dbsan03-web.svg");
}

@font-face
{
    font-family: "DBSerifRegular";
    font-style: normal;
    font-weight: bold;
    src: 	url("../../files/css/fonts/dbsan06-web.woff"),
    		url("../../files/css/fonts/dbsan06-web.ttf"),
    		url("../../files/css/fonts/dbsan06-web.svg");
}


/* ------------------------------------------------*/
/* -------- GENERAL HOME -------------- */
/* ------------------------------------------------*/

.onerow, .row {
	clear: both;
	overflow: hidden
}

.space {margin-top: 3%; margin-bottom: 3%}
.up {margin-top: 3%;}
.down {margin-bottom: 3%}


.carousel-caption.layer h1
{
	margin: 0 !important;
}

/* ------------------------------------------------*/
/* -------- COLUMNS HOME -------------- */
/* ------------------------------------------------*/

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 1% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 24%; }
.col4 { width: 49%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 73.9%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }


.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}


/* ------------------------------------------------*/
/* -------- MEDIA BREAK HOME -------------- */
/* ------------------------------------------------*/

@media all and (max-width: 850px) {
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11{
		float: none;
		width: 100%;
	}
}


/* ------------------------------------------------*/
/* -------- IE FIX -------------- */
/* ------------------------------------------------*/
/* -------- IE 7 - 9 FIX ------------- */
/* ------------------------------------------------*/
.ie7 img, .ie8 img, .ie9 img {max-width: 100% !important}
body.ie8, .ie8 #mnav li {font-size: 12px !important}


/* -------- IE 8 FIX ------------- */
/*MENU*/
.ie8 #mainnav ul li ul {background-color: #e8e8e8 !important}

/*IMG*/
.ie8 .mod_article img, .ie8 .sr_service img {width: 100% !important}
.ie8 .sr_service.ifl figure.float_left img, .ie8 .mod_article .ce_download .mime_icon
{width: auto !important}

/*SERVICESPALTE*/
.ie8 .sr_service.ifl .sr_text {float: right; width: 75%}
.ie8 .sr_service figure.float_left {float: none}
.ie8 .sr_service.ifl figure.float_left {float: left !important}

/*LINKICON*/
.ie8 .hyperlink_txt {background-image: url("/files/simg/info_link_arrow.gif") !important; background-repeat: no-repeat !important}


#browserinfo {display:none}
body.ie7 #browserinfo,
body.ie8 #browserinfo,
body.ie9 #browserinfo {
    width:100%;
    min-height:50px;
    top:0;
    padding: 0;
    margin: 0;
    display:block;
    text-align:center;
    background-color:#f00;
    color:#fff;
    z-index: 99999}
#browserinfo p{margin: 0}

#cboxContent{margin-top: 40px !Important;}
#cboxTitle{top: -39px !Important; }
/* ------------------------------------------------*/
/* -------- BARBA.JS ------------- */
/* ------------------------------------------------*/

.barba-container {position: relative;display: block}

/* ------------------------------------------------*/
/* -------- GENERAL -------------- */
/* ------------------------------------------------*/

body{margin: 0;padding: 0;background-color: #fff;color: #333;font: 14px 'DBSerifRegular',Arial,Helvetica,sans-serif;outline: medium none;overflow-y:scroll}
* { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:focus {outline:0; border: 0px}

.image_container {margin: 0}
img{max-width: 100%;height: auto; display: block}
figure.image_container.float_right {padding: 20px 0 20px 20px}
figure.image_container.float_below, figure.image_container.float_above {padding: 20px 0}
figure.image_container.float_left  {padding: 20px 20px 20px 0}
figcaption {font-size: 12px;max-width: 100%; width: 100%!Important;}
a, img {outline: 0; border: 0px}
.invisible{display: none}
.center{text-align: center; display: block;}
.red{color: #f00 !important}
#wrapper{
	width: 95%;
	max-width: 1024px;
	margin: 0 auto;
	overflow: hidden; 
	padding: 0 1%;
    box-shadow: -1px -1px 18px #bdbdbd}
    
    
/* rote quadratische Aufzählungszeichen */    
#main .ce_text ul{padding-left: 20px;list-style-type: none}
#main .ce_text ul li{padding-top: 10px}
#main .ce_text ul li::before {list-style-type: none; content:"\25A0"; color: red; padding-right: 10px; font-size: 18px; margin-left: -20px}


input.submit {	
	    -moz-appearance: button;
    -webkit-appearance: button;
    appearance: button }

.imgborder img {border: 1px solid #B2B1AC}




/* ------------------------------------------------*/
/* -------- FONTS-------------- */
/* ------------------------------------------------*/

a, a:active, a:focus, a:visited 
{
    color: #cc0000;
    text-decoration: none;
    outline: none;
}

a:hover
{
    color: #ff0000;
    text-decoration: underline;
}
p
{
line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
    color: #666;
    line-height: 1.2em;}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a
{
    letter-spacing: 0.05em;
    font-family: "DBHeadRegular", Arial, sans-serif;
}
h1 {
    font-size: 22px;
    font-weight: bold;
}
h2{
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
h3
{
	color: #fe0000;
    font-size: 16px;
    font-weight: bold;
}

h4
{
    font-size: 13px;
    font-weight: bold;
    color: #696969;
}
h6 {margin: 0; font-size: 26px}

/* ---------------------------- */
/* ----- RECHTE SPALTE ----- 

#right h2{
	background-color: #919191;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 6px}*/

/* ------------------------------------------------*/
/* -------- HEADER -------------- */
/* ------------------------------------------------*/

#header{padding-top:12px;position:relative}
#logo {width: 170px;float: left;margin-left: 13px}
#route {float: right;padding-top: 10px}
#route p {margin: 0}

#LOGOS{margin-bottom: 13px}

/* ------------------------------------------------*/
/* -------- SUCHFELD  ----------- */
/* ------------------------------------------------*/
#topsearch {
    height: 36px;
    background-color: #fff}
#SEBOX {
    height: 36px;
    background-color: #919191;
    max-width: 240px}
#SEBOX input {
    max-width: 208px;
    float: left;
    margin-left: 6px;
    margin-top: 4px;
     border-right: 0px !important;
    font-size: 15px;
    height: 26px;
    line-height: 0;
padding: 0 5px;}

#SEBOX input.submit {
    margin-top: 4px;
    margin-left: 0;
    width: 20px; 
    background: #FFF;
    height: 26px;
    padding: 5px;
}


.ios #SEBOX input.submit{display: none !important}
/* ------------------------------------------------*/
/* -------- FORMULARE-------------- */
/* ------------------------------------------------*/

input, input:focus, input.submit { height: 36px;}

input, input:focus, textarea, textarea:focus {
	width: 99%;
    margin: 0;
    padding: 5px;
    margin-top: 4px;
    text-align: left;
    border: 1px solid #C4C4C4;
    font: 16px 'DBSerifRegular',Arial,Helvetica,sans-serif;}
input.submit {width: 50%;text-align: center; color: #fff; border: 1px solid #919191;margin-top: 10px;background-color: #919191}
span.mandatory {color: #919191}
label {
 display: block;
    padding-top: 10px}
    
    
/* ------------------------------------------------*/
/* -------- VIDEOS-------------- */
/* ------------------------------------------------*/

.ce_youtube h3, .ytelement h3 {color: #666}
    
.videobox {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 25px 0;
}

.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: medium none;
     margin: 0;
    padding: 0;
}
section.col4.last > div.ytelement {margin-top: -24px}

/* ------------------------------------------------*/
/* -------- ICON NAVIGATION PAGEBOTTOM ----------- */
/* ------------------------------------------------*/

.iconbox {width: 100%; float: left;overflow: hidden}
.iconbox .iicon {width: 11.5%; margin: 0 0.5%; float: left;text-align: center}
.iconbox .iicon .caption {font-size: 13px;margin-top: 5px}
.iconbox .iicon a {color: rgba(255, 255, 255, 0)}
.footer_icon {height: 60px; width: 60px;background-size: cover !important; margin: 0 auto}

/*Infozentrum*/
#infozentrum_icon {background: url("/files/simg/footer-icons/Infozentrum.png") 50% 50% no-repeat}
#infozentrum_icon:hover {background: url("/files/simg/footer-icons/Infozentrum-2.png") 50% 50% no-repeat}

/*Newsletter*/
#newsletter_icon {background: url("/files/simg/footer-icons/Newsletter.png") 50% 50% no-repeat}
#newsletter_icon:hover {background: url("/files/simg/footer-icons/Newsletter-2.png") 50% 50% no-repeat}

/*Downoad*/
#download_icon {background: url("/files/simg/footer-icons/Downloads.png") 50% 50% no-repeat}
#download_icon:hover {background: url("/files/simg/footer-icons/Downloads-2.png") 50% 50% no-repeat}

/*Webcam*/
#webcam_icon {background: url("/files/simg/footer-icons/Webcam.png") 50% 50% no-repeat}
#webcam_icon:hover {background: url("/files/simg/footer-icons/Webcam-2.png") 50% 50% no-repeat}

/*Facebook*/
#fb_icon {background: url("/files/simg/footer-icons/facebook-2.png") 50% 50% no-repeat}
#fb_icon:hover {background: url("/files/simg/footer-icons/facebook.png") 50% 50% no-repeat}

/*Instagram*/
#insta_icon {background: url("/files/simg/footer-icons/Insta-2.png") 50% 50% no-repeat}
#insta_icon:hover {background: url("/files/simg/footer-icons/Insta.png") 50% 50% no-repeat}

/*Twitter*/
#twitter_icon {background: url("/files/simg/footer-icons/Twitter-2.png") 50% 50% no-repeat}
#twitter_icon:hover {background: url("/files/simg/footer-icons/Twitter.png") 50% 50% no-repeat}

/*Youtube*/
#yt_icon {background: url("/files/simg/footer-icons/youtube-2.png") 50% 50% no-repeat}
#yt_icon:hover {background: url("/files/simg/footer-icons/youtube.png") 50% 50% no-repeat}

/* ------------------------------------------------*/
/* -------- FOOTER ----------- */
/* ------------------------------------------------*/

#footer{
	min-height: 48px;
    height: auto;
	background-color: #fff;
	position: relative;
	clear: both}

#footer .first {border: 0 solid #fff}
#footer ul li {
    color: #fff;
    float: left;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid #fff}

#footer ul li a {color: #fff}

#footer .mod_navigation
{
	background-color: #919191;
	height: 48px;
position: relative
}
#footer ul {
    list-style-type: none;
    margin: 5px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 14px;
}
#footer .copyright
{
	z-index:99;
	color:#fff;
	position:absolute;
	bottom:15px;
	left:17px;
}


/* ------------------------------------------------*/
/* -------- DOWNLOADS  ----------- */
/* ------------------------------------------------*/

.ce_download{margin-bottom: 10px;padding-left: 4px;}
.ce_download a{font-size: 14px; padding-right: 5%;}
.ce_download .size{font-size: 10px; color: #333; display: block;}
#pressemitteilungen .mime_icon, #downloads .mime_icon
{
	padding-right: 0;
	vertical-align: bottom;
	float: left;
	margin-bottom: 30px;
    margin-right: 6px;	
}


/* ------------------------------------------------*/
/* -------- MEDIA BREAKS  ----------- */
/* ------------------------------------------------*/
@media screen and (max-width: 850px) 
{
#headpicture img{height: auto !important}
	#wrapper {box-shadow: none}
	#slider-elment .bsc_spic {height: 300px !important}
	
	/* -- FONTS -- */
	h1 {font-size: 18px}

	/* -- HEADER + NAVIGATION -- */
	#header {height: auto}
	
	#mnav {display: none}
    #route {clear: both; float: left}
    #route h6 {font-size:16px; padding-bottom: 10px}
    #logo {margin-left: -4px}
	
    /* -- FOOTER -- */
    .iconbox .iicon {width: 32.33333%; margin: 3% 0.5%}
    
    #footer ul, #footer .copyright {position: inherit !important; top: 0; left: 0}
    #footer ul li, #footer .first {float: none;padding: 10px 0;text-align: center; border-left: none; border-bottom: 2px solid #fff;}
    #footer .copyright {text-align: center;padding: 20px 4px}
    
	#footer .mod_navigation{height: auto; clear: both}
	#footer ul {margin: 0}
	#footer .copyright {background-color: #f00}
}