/*
Theme Name: Innovation Mecom GmbH v1.5.2 responsive - translated
Theme URI: www.innovationmecom.de/
Description: Custom made theme for Mecom Innovation
Author: Doreen (design) & Igor Simic (PHP, JS, CSS, HTML)
Author URI: http://s-coder.com
Version: 1.5.2
*/


/*
  sticky footer
*/

html {
  height: 100%;
  min-height: 100%;
  position: relative;
  /*background: url(web_images/_background_small_5.jpg);  */

  }

body {
  margin: 0 0 0 0;
  /* bottom = footer height */
  /*background: url(web_images/_background.jpg) no-repeat;
  background-size: 100% !important;*/
  background: url(web_images/backgroundVertical.jpg);
  background: url(web_images/BG-100x100.jpg);
  /* background-size: 100% !important; */
  min-height: 100%;
  position: relative;
  overflow-x: hidden;
}


/*
  fonts
*/
@font-face {
  font-family: 'interstateBold';
  src: url("fonts/interstate_mono_bold-webfont.eot");
  src: url("fonts/interstate_mono_bold-webfont.eot#iefix") format("embedded-opentype"), url("fonts/interstate_mono_bold-webfont.woff") format("woff"), url("fonts/interstate_mono_bold-webfont.ttf") format("truetype"), url("fonts/interstate_mono_bold-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'interstateRegular';
  src: url("fonts/interstate_mono-webfont.eot");
  src: url("fonts/interstate_mono-webfont.eot#iefix") format("embedded-opentype"), url("fonts/interstate_mono-webfont.woff") format("woff"), url("fonts/interstate_mono-webfont.ttf") format("truetype"), url("fonts/interstate_mono-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'interstateLight';
  src: url("fonts/interstate_mono_-_lgt-webfont.eot");
  src: url("fonts/interstate_mono_-_lgt-webfont.eot#iefix") format("embedded-opentype"), url("fonts/interstate_mono_-_lgt-webfont.woff") format("woff"), url("fonts/interstate_mono_-_lgt-webfont.ttf") format("truetype"), url("fonts/interstate_mono_-_lgt-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }


@font-face {
    font-family: 'pulsarjsregular';
    src: url('fonts/pulsarjs-webfont.eot');
    src: url('fonts/pulsarjs-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/pulsarjs-webfont.woff') format('woff'),
         url('fonts/pulsarjs-webfont.ttf') format('truetype'),
         url('fonts/pulsarjs-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

h2,.slideTitleHolder > h1 {
  color: white;
  display: block;
  font-family: 'interstateRegular',sans-serif;
  font-size: 1.2em;
  font-weight: normal !important;
  line-height: 1.2em;
  position: relative;
  text-transform: uppercase; }

.slideTitleHolder > h2,.slideTitleHolder > h1{
  padding: 0.125em 0.3em 0.125em 1.5625em;
  top: 0;
 /*width: 273px;*/
  }

.plusButton {
  display: block;
  background: url("web_images/plus-button.png") repeat scroll 0 0 transparent;
  height: 26px;
  width: 26px;
  border: 1px solid black;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.plusButton:hover {
  border: 1px solid #4b4b4b; }

/*+++++++++++++++++++++++++++++++++++++++++++ header ++++++++++++++++++++++++++++++++++++++++++*/
/*
  HEADER
*/
#header {
  /*margin: 0 auto;
  padding: 0;
  position: relative;
  margin: 0 auto;
  padding: 0;
  height: 120px;
  overflow:hidden;
  position: fixed;
  width: 100%;
  z-index: 20;*/
  margin: 0 auto;
  padding: 0;
  position: fixed;
  z-index: 10;
  height: auto;
  overflow: hidden;
  float: left;
  width: 100%;
  top: 0;
}

@media (max-width: 860px) {
  #header {
    position: relative;
  }
}

/*split header in two piece to get left part on center all the time*/
.headerSplitParts {
  width: 50%;
  float: left;
  height: 120px; }

.leftHeaderSplit {
  position: relative;
  background-color: white;
  background: url(web_images/header-backgroundBig.png) no-repeat top right; }

/*empty*/
/*
  header logo
*/
.leftHeaderSplit > a {
  text-indent: -99999px;
  display: block;
  width: 253px;
  height: 59px;
  position: absolute;
  right: 160px;
  top: 25px;
  background: url(web_images/mecom-innovation.png) no-repeat 0 0;
  z-index: 100; }

/*
  language switcher
*/

  #hederLanguageSelector {
    position: absolute;
    padding: 1px 10px 5px;
    right: 15px;
    top: 15px;
    z-index: 2;

  }
  #qtranslate-chooser{
    list-style-type: none;
    margin: 5px 0px;
  }
  #qtranslate-chooser li{
    /* float:left; */
    display: inline-block;
    margin: 0;
    padding: 0px 7px 4px;
    background-color: white;
    border-right: 1px solid black;
  }
  #qtranslate-chooser li:last-child {
    border: none;
  }
 #qtranslate-chooser li a{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    /*border-radius: 10px;*/
    /*border:1px solid #ba4803;*/
    opacity: .4;
    color: white;
    font-family: "interstateRegular",​sans-serif;
    font-size: 12px;
    color: black;
 }
 /* #qtranslate-chooser li a:after {
     content: " |";
 }
 #qtranslate-chooser li:last-child a:after {
    content: "";
 } */

  #qtranslate-chooser li a:hover{
    /* border:1px solid #fb9c62;
    border-radius: 3px; */
    opacity: .9;
  }
  .active a{
    opacity: .9 !important;
    border-radius: 0px !important;

  }

  .active a:hover{
    /* border: 1px solid #ff6000 !important;
    border-radius: 5px; */
  }

  #hederLanguageSelector .active {
    /*box-shadow: 0 0 2px white;*/
}




/*  drop down temp style
    #qtrans_select_qtranslate-chooser {

        border: 0 none;
        text-indent: -99999px;
        font-family: 'interstateRegular',sans-serif;
      color: white;
    }
      #qtrans_select_qtranslate-chooser option {
        background: none repeat scroll 0 0 #FF6000;
        border: 0 none;
        padding: 5px 10px;
        cursor:pointer;
    }
*/


/*
  HEADER MENU
*/
/*position menu holder to the right*/
#headerMenuHolder {
  display: block;
  height: 100%;
  list-style: none outside none;
  margin-left: -150px;
  padding-left: 100%;
  position: relative;
  width: 150px; }

.headerMenuUlWrapper {
  position: relative; }

.headerMenuUlWrapper {
  width: 149px;
  border-left: 1px solid white;
  height: 100%; }

/*style main menu ul*/
#headerMenuHolder ul {
  height: 100%;
  padding-top: 20px; }

/*style sub menu*/
.headerMenuUlsub1Wrapper, .headerMenuUlsub2Wrapper {
  background: url("web_images/header-backgroundBig.png") no-repeat scroll right top transparent;
  border-left: 1px solid white;
  height: 120px;
  position: absolute;
  top: -140px;
  width: 150px;
  top: -150px;
  right: -150px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  z-index: 1;
}

#headerMenuHolder ul {
  margin: 0;
  padding: 8px 0 0 0;
  list-style: none;
  font-family: 'interstateRegular', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  text-align: right; }

#headerMenuHolder ul li {
  padding: 3px 13px 3px 3px;
  display: inline-block;
  min-width: 50%; }

#headerMenuHolder ul li a {
  text-decoration: none;
  /*color: white; */
}

#headerMenuHolder ul li a:hover{
  color: #fcc28f;
  text-decoration: underline;
}

  /*.current-menu-item,.current-menu-ancestor{
    background: white;
  }*/
  .current-menu-item>a,.current-menu-ancestor>a {
    text-decoration: none;
    /*color: #FF5900 !important;*/
  }
  .current-menu-item>a:hover{
    text-decoration: none;
  }

  .current-menu-ancestor>.headerMenuUlsub1Wrapper{
    top: 0px !important;
    z-index: 0;
  }

#headerMenuHolder ul li:hover>.headerMenuUlsub1Wrapper {
  top: 0px;
  right: -150px;
  z-index: 100;
   }

#headerMenuHolder ul li ul li:hover>.headerMenuUlsub1Wrapper {
  top: 0px;
  right: -150px; }

.headerMenuSub1Border {
  /*border-left: 1px solid white;*/
  height: 100px; }


  /* responsive menu  */

      #ResponsiveMenuButton{
        color: white;
        cursor: pointer;
        font-family: pulsarjsregular,sans-serif;
        left: 5%;
        position: absolute;
        top: 27%;
        display: none;
        z-index: 10200;
      }

      #ResponsiveMenuButton>img{
        width: 40px;
      }

      .responsive-nav-check {
          display: none;
        }

      /* position of site holder*/
      #pageWrapper {
        min-height: 100%;
         position: relative;
         left: 0%;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
        transition: all .2s;
      }
        .responsive-nav {
          position: absolute;
          top: 0;
          width: 0;
          height: auto;
          background-color:rgba(0, 0, 0, 0.5);
          overflow: hidden;
          -webkit-transition: all .2s;
          -moz-transition: all .2s;
          -o-transition: all .2s;
          -ms-transition: all .2s;
          transition: all .2s
          a {
            display: block;
            background: linear-gradient(#3E3E3E, #383838);
            border-top: 1px solid #484848;
            border-bottom: 1px solid #2E2E2E;
            color: white;
            padding: 15px;
            &:hover, &:focus {
              background: linear-gradient(#484848, #383838);
            }
          }
          &:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 34px;
            background: linear-gradient(left, rgba(black, 0), rgba(black, 0.4));
          }
        }/*main-nav*/

      /*
        #responsive-nav-check:checked + #responsive-nav {
          width: 50%;
        }
        #responsive-nav-check:checked ~ #pageWrapper {
         left: 50%;

          .open-menu {
             display: none;
          }
          .close-menu {
             display: block;
          }
          .main-header {
            width: 80%;
            left: 20%;
          }
        }
      */

        /* style for new navi buttons*/

        #responsive-nav ul {
            font-family: 'interstateRegular',sans-serif;
            margin: 5px;
            padding: 0;
        }

        /*
        #responsive-nav ul > li {
            background: #ff6600;
            border-radius: 5px 5px 5px 5px;
            list-style: none outside none;
            margin: 6px 0;
            padding: 5px;

        }
        */

#responsive-nav ul > li {
     background-color: #FF6600;
    border-bottom: 2px solid #d05707;
    border-top : 2px solid #FE9148;
    border-radius: 0;
    list-style: none;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    padding: 0px 10px;
    overflow: hidden;
}
        #responsive-nav ul li a {
            display: block;
            line-height: 46px;
            text-decoration: none;
        }

        #responsive-nav .current-menu-item>a {
          color: black !important;
        }


        /* reset style sub menu*/
        #responsive-nav .headerMenuUlsub1Wrapper, #responsive-nav .headerMenuSub1Border{
          position: relative;
          margin: 0px 0px  0px  -5px !important;
          left: 0px  !important;
          min-height: 0  !important;
          right:0  !important;
          top: 0px  !important;
          height: auto !important;
          width: 110%;
          background: #FE9148;
          padding:0;
        }

        #responsive-nav .headerMenuSub1Border ul{
          display: none;
        }



        /*.current-menu-item .headerMenuUlsub1Wrapper{
          display: block;
        }*/

        .has_children{
          position: relative;
        }

         .ResponsiveNaviSlideToggle {
              color: white;
              cursor: pointer;
              font-family: pulsarjsregular,sans-serif;
              font-size: 2em;
              padding-bottom: 10px;
              padding-left: 10px;
              padding-right: 10px;
              padding-top: 0;
              position: absolute;
              right: 3px;
              text-shadow: 1px 1px 1px #222222;
              top: 4px;
          }
        .subMenu{
          margin: 0px !important;
        }
        /*remove line-height from buttons in subemenus*/
        #responsive-nav .subMenu>li{
          padding: 0px 5px;
          border-top:2px solid #d05707 !important;
          border-bottom: 0px;
          background: #FE9148;
        }
        #responsive-nav .subMenu a{
          line-height:46px !important;
           padding-left: 20px;
        }

       /*parent active menu is also black*/
        .responsive-nav .current-menu-parent > a {
            color: black ;
        }


/*+++++++++++++++++++++++++++++++++++++++++++ header ++++++++++++++++++++++++++++++++++++++++++*/



/*+++++++++++++++++++++ responsive slider+++++++++++++++++++++++++++++++++++++++++*/

.containerHomeSliderHolder {
  /* defaults for resposive height container */
  position: relative;
  top: 0;
  width: 100%;
  left:0px;
  height: 465px;   /* comment this */
  /*height: 0;*/   /* and uncomment this for responsive height /*

  /* 39% being the ratio we are maintaining
   * calculated by looking at the image
   * ratio: 460/1024 = ~0.39 */
  /*padding: 0 0 44% 0;*/
  padding: 0 0 0 0;
  clear: both;
}
/* full width */
.full-width-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  z-index: 3 !important;
}

.full-width-slider .slider {
  height: 465px;
}

.full-width-slider .slider .item {
  width: 100%;
  height: 100%;
}

.homeSliderLeftPart,.homeSliderRightPart{
  width:50%;
  height: 100%;
  margin-left: -150px;
  position: relative;
  z-index: 2;
}

.homeSliderLeftPart {
  float:left;

}
.homeSliderRightPart {
  float:right;
  padding: 0 150px 0 0;
}

.homeSliderTitleRibon{
  background-image: url("web_images/background-black-0.3.png");
  margin-top: 120px;
  width: 100%;
  height: auto;
  margin-left:-2000px;
  display: none;
}

.homeSliderTitleRibon>h2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: black;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    left: 100%;
    margin-left: -300px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 5px;
    padding-top: 10px;
    position: relative;
    width: 270px;
    min-height: 70px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.homeSliderTitleRibon2{
  margin-top: 120px;
  width: 100%;
  height: auto;
  margin-left:-2000px;
  display: none;
}

.homeSliderTitleRibon2>h2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: black;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    left: 100%;
    margin-left: -300px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 5px;
    padding-top: 10px;
    position: relative;
    width: 270px;
    min-height: 70px;
    margin-bottom: 0px;
    margin-top: 0px;
    letter-spacing: 3px;
}

.homeSliderLeftPart > p {
    padding-left: 25px;
    display: block;
    left: 100%;
    margin-left: -300px;
    padding-top: 0;
    position: relative;
    width: 275px;
    font-family: 'interstateRegular',sans-serif;
    font-size: 13px;
    text-shadow: 1px 1px 0 #C7C7C7;
    margin-left:-2000px;
    display: none;
    z-index: 1;
}

.homeSliderRightPart > img {
    bottom: 0;
    position: absolute;
    /*height: 100%;*/
    max-height: 465px;
    left:1900px;
    display: none;
}

.homeSliderLeftPart > img {
    bottom: 0;
    right: 900;
    display: none;
    position: absolute;
    width: 100%;

}



/********************** responsive slider****************************************+/



/*+++++++++++++++++++++++++++++++++++++++++++ home page +++++++++++++++++++++++++++++++++++++++*/
/*
* slider
*/
#homeSliderHolder {
  width: 100%;
  height: 463px;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0%;
  background: url(web_images/home-slider-background.jpg) no-repeat top center; }

#leistungenSliderHolder {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0%;
  margin-bottom: 5px;
  z-index: 3;
  padding-bottom: 80px;
  }

/*
  leistungen slider settings
*/
#leistungenSliderHolder h2,#leistungenSliderHolder h1 {
  color: #ff5900; }

.blackVerticalDescriptionArea > p {
  border: 0px solid red;
  color: white;
  display: block;
  font-family: 'interstateRegular',sans-serif;
  font-size: 13px;
  margin-top: 265px;
  padding: 270px 0 10px 30px;
  width: 260px; }

  p a{
    text-decoration:none; text-decoration: underline; color: #FF5900 !important; position: relative;
  }

.blackVerticalDescriptionArea > img {
  margin-left: -5px; }

.blackVerticalDescriptionArea {
      background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("web_images/background-black-0.7.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    float: right;
    height: 100%;
    margin-top: 90px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 0;
    position: relative;
    width: 300px;
    z-index: -1;

  }

.container {
  /* defaults for resposive height container */
  position: relative;
  width: 100%;
  height: 100%;
  visibility: hidden;
 /* 39% being the ratio we are maintaining
   * calculated by looking at the image
   * ratio: 400/1024 = ~0.39 */
  /*padding: 0 0 39% 0;*/ }

.iosHomeSlider {
  width: 100%;
  position: relative;
  /* this height ends up being your maximum height,
   * if you want it to scale forever, set it to
   * a very high number */
  height: 503px; }

.iosHomeSlider .slider, .iosLeistungenSlider .slider {
  width: 100%;
  height: 100%;
  cursor: url("web_images/openhand.png") 8 8, -moz-grab; }

.iosHomeSlider .slider .item, .iosLeistungenSlider .slider .item {
  float: left;
  height: 100%;
  width: 100%; }

.relativeItemlayerHolder {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.homeSliderOverlayShadow {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.9) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(1%, rgba(0, 0, 0, 0.9)), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.9) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.9) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.9) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.9) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000',GradientType=1 );
  /* IE6-8 */
  display: none;
 }

.homesliderLeftArea {
  height: 100%;
  left: 0;
  position: absolute;
  top: -150px;
  width: 50%;
  z-index: 3;
  margin-left: -150px;
  }

.homesliderLeftArea .sliderLeftBlackLine {
  background: url("web_images/background-black-0.3.png");
  height: 85px;
  margin-left: -187.5em;
  margin-top: 6.25em;
  width: 100%;
  position: relative;
  padding-top:170px;

   }

.homesliderLeftArea .sliderLeftBlackLine .slideTitleHolder {
  background: none repeat scroll 0 0 black;
  float: right;
  min-height: 100%;
  width: 300px;
  margin-right: -300px;
 }

.homesliderLeftArea > p {
color: black;
display: block;
float: right;
font-family: 'interstateRegular',sans-serif;
font-size: 13px;
font-weight: normal !important;
max-width: 265px;
text-shadow: 1px 1px 0 #C7C7C7;
padding: 0 !important;
margin: 12px 10px 0px 0px !important;
float: right !important;
   }

.homeSliderButtonHolder {
  /* background: none repeat scroll 0 0 red;*/
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 3000; }

.homeSliderButtonHolder > .plusButton {
  float: right;
  margin: 292px 395px 10px 10px;
  position: relative;
  z-index: 2000 !important; }

.relativeItemlayerHolder .sliderItemLayer2 img {
  margin-right: -1900px; }

.sliderItemLayer1, .sliderItemLayer2, .sliderItemLayer3 {
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
/*
.sliderItemLayer3 {
  z-index: 3;
}
*/
.sliderItemLayer1>img {
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;}

.sliderItemLayer1 img {
  z-index: 1000; }

.sliderItemLayer2 img {
  z-index: 1001; }

.sliderItemLayer3 img {
  z-index: 1002;
  display: none;
}

/* controls */
.homeSliderNaviBox {
  bottom: 0;
  height: 60px;
  position: absolute;
  width: 100%;
  z-index:4;
}

#leistungenSliderHolder .homeSliderNaviBox {
  background: url("web_images/background-black-0.3.png"); }

.homeSliderNaviHolder {
  height: 60px;
  margin: 0 auto;
  max-width: 51.25em;
  position: relative;
  overflow: hidden;
}

.homeSliderControls {
  position: relative;
  bottom: 0px;
  height: 60px;
  margin: 0 auto;
  max-width: 51.25em; }

.sliderButtonsHolder .sliderButton {
  width: 0.75em;
  height: 0.75em;
  /*background: #797979 !important;*/
  display: inline-block;
  margin: 0 0.313em 0.1em 0; }

.sliderButtonsHolder .selected {
  /*background: #000000 !important; */
}

.sliderButtonsHolder {
  height: 0.75em;
  margin: 0 auto;
  padding: 0.938em;
  position: relative;
  z-index: 3;
  width:90%;
}


.homeSliderNaviHolder .prevButton {
    display: block;
    font-family: pulsarjsregular,sans-serif;
    font-size: 5em;
    left: 0px;
    line-height: 40px;
    min-height: 40px;
    position: absolute;
    text-indent: -25px;
    top: 10px;
    width: 20px;
    z-index: 2001;
}

.homeSliderNaviHolder .nextButton {
    display: block;
    font-family: pulsarjsregular,sans-serif;
    font-size: 5em;
    right: 0px;
    line-height: 40px;
    min-height: 40px;
    position: absolute;
    text-indent: -30px;
    top: 10px;
    width: 20px;
    z-index: 2001;
}

.homeSliderNaviHolder .prevButton:hover {
  /*background: url("web_images/home-slider-arrows.png") repeat scroll 0 40px transparent !important;*/
  color: black;

}

.homeSliderNaviHolder .nextButton:hover {
  /*background: url("web_images/home-slider-arrows.png") repeat scroll -39px 40px transparent !important; */
}

/*
  Home Content
*/
#contenHolder {
  border: 0px solid red;
  margin: 20px auto 0;
  /*max-width: 820px;*/
  max-width: 850px;
  overflow: hidden;
  padding-bottom: 105px;
  position: relative; }

.HomeContentHolder {
  position: relative;
  overflow: hidden;
  cursor: pointer;

   }

.homeNewsWide {
  width: 820px; }

.HomeContentElementDescription {
  background: url(web_images/background-black-0.9.png);
  height: 100%;
  color: white;
  position: absolute;
  width: 270px;
  top: -550px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s; }

.HomeContentHolder > img {
  max-width: 100%;
  margin:0 !important;}

.HomeContentElementDescription h4 {
  padding: 2% 3%;
  color: white;
  font-family: 'interstateRegular',sans-serif;
  font-weight: normal !important;
  font-size: 18px; }

.HomeContentElementDescription p {
  padding: 0 3%;
  color: white;
  font-family: 'interstateRegular',sans-serif;
  font-weight: normal !important;
  font-size: 11px;
}

.HomeContentHolder:hover .HomeContentElementDescription {
  top: 0; }

#contenHolder > ul {
  margin: 0px;
  padding: 0px;
  list-style: none; }

#contenHolder > ul > li {

  margin-right: 20px;
  position: relative;
  display: block;
  
  }

.leftFloat{
  float: left;
}

.rightFloat{
  float: right;
  margin-right: 0 !important;
}

#contenHolder ul li{
  float: left;
  margin-right: 20px;
  position: relative;
  display: block;
  margin-top: 7%;
}

#contenHolder ul li:last-child {
  /*float: right;
  margin-right: 0 !important;
  */
}

#contenHolder h3 {
  color: #ff5900;
  font-family: 'interstateRegular',sans-serif;
  font-size: 1.8em !important;
  margin-bottom: 25px;
  margin-left: -3px !important;
  margin-right: 5px;
  margin-top: 50px;
  padding: 0;
  text-transform: uppercase; }


#contenHolder > ul > li > h3 {
  color: #ff5900;
  font-family: 'interstateRegular',sans-serif;
  font-size: 1.8em !important;
  margin-bottom: 25px;
  margin-left: -3px !important;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0;
  text-transform: uppercase; }

.readMoreButton {
  width: 26px;
  height: 26px;
  background: url(web_images/plus-button.png) no-repeat scroll left top transparent;
  border: 1px solid #000000;
  text-indent: -99999px;
  display: block;
  cursor: pointer; }

.readMoreButton:hover {
  border: 1px solid #4b4b4b; }

.newsButton {
  position: absolute;
  bottom: 10px;
  left: 10px; }

/*+++++++++++++++++++++++++++++++++++++++++++ /home page +++++++++++++++++++++++++++++++++++++++*/


/*+++++++++++++++++++++++++++++++++++++++++ single news display page ++++++++++++++++++++++++++*/

/* new news tempalate */
  .newsSingleHolder{


  }

  .singleNewsTemplateTitle>h3{
    text-indent: 12px;
  }

  .singleNewsTitle {
    position: absolute;
    width: 100%;
    background: url(web_images/background-black-0.5.png);
    min-height: 18.796992481203007518796992481203%;
    bottom: 3px;
  }

  #newsDisplayContainer{
    width: 542px;
    height: 650px;
    color: white;
    font-family: "interstateRegular",sans-serif;
    font-size: 13px;
    font-weight: 400;
  }

  /* news scroller conatiner*/
  #newsScrollContent {
    float: left;
    background: none;
    height: 380px;
    margin: 5px auto 80px;
    overflow: hidden;
    position: relative;
    width: 525px;
  }

  /* news scroller*/
   #newsDisplayContainer .dragscroll-scrollbar-container.v {
    display: block !important;
  }

  .singleNewsTitleNoImage {
      width: 100%;
      background: url(web_images/background-black-0.5.png);
      min-height: 18.796992481203007518796992481203%;

    }


  .dragscroll-scrollbar.v {
    top: 0;
    width: 10px !important;
}


  /*
      right info box area
  */

  #newsDisplayContainer{
    float: left;
  }

  .rightInfoBoxNewsArea {
    margin-left: 555px;
    width: 255px;
  }

  /*
      right info box
  */
  .rightInfoBoxNewsArea>.grouppeList {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    border: 0px solid white;
    float: left;
    margin-right: 1.29791%;
    margin-top: 0px;
    margin-bottom: 30px;
    background: url(web_images/background-black-0.3.png);
  }


/* end of new news tempalet */

#categoryTitle{
  width:840px;
  margin: 0px auto;
  text-align: left;
}
#categoryTitle>h3{
  color: #FF5900 !important;
 font-family: 'interstateRegular',sans-serif;
    font-size: 2em !important;
    margin-bottom: 5px !important;
    margin-left: -3px !important;
    margin-right: 5px;
    margin-top: 5px;
    padding-bottom: 0 !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-transform: uppercase;
}
#categoryTitle>h3>a,#searchDisplayContainer a {
    color: #FF5900 !important;

}


#searchDisplayContainer{
  max-width:820px;
  width: auto;
  margin: 10px auto 80px auto;
  min-height: 600px;
  background-image: url("web_images/background-black-0.3.png");
  color: white;
  font-family: "interstateRegular",sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding: 10px 10px 40px 10px;
  position: relative;
}


 #searchDisplayContainer ul{
  padding-left: 20px;
 }

 #searchDisplayContainer ul li{
  display: block;
  width: 90%;
  padding: 10px 0px;
  border-bottom: 1px solid #999999;
 }

  #searchDisplayContainer .navigation{
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    top: -33px;
    width: 205px;
  }

  .next-posts {
    float: left;
    padding-right: 10px;
}

#newsDisplayContainer a{
  color: white;
}
#newsDisplayContainer a:hover{
  text-decoration: underline;
}
#singleNewsInfoHolder>img{
  float:none;
  margin-right:10px;
}
/*+++++++++++++++++++++++++++++++++++++++++ /single news display page ++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++ archive list +++++++++++++++++++++++++++++++++++++*/

.archiveList{
  margin: 0 auto;
  max-width:860px;
   padding: 0 0 80px 0 !important;
}
.archiveList>ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.archiveList>ul>li{
  margin: 0px 20px 10px 0px;
}

.navigation {
    background: none repeat scroll 0 0 black;
    background: url(web_images/background-black-0.3.png);
    border-radius: 0 0 0 0;
    height: 70px;
    width: 100%;
    margin-bottom: 20px;
}

.navigation > .next-posts {
       float: left;
}
.navigation > .prev-posts {
       float: right;
}


.navigation > .next-posts, .navigation > .prev-posts {
  height: 100%;
}
.navigation > .next-posts a, .navigation > .prev-posts a{
  font-family: pulsarjsregular,sans-serif;
  font-size: 5em;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s
}

.navigation > .prev-posts a:hover{
  margin-right: -20px;
}
.next-posts  > a:hover{
  margin-left: -20px;
}




.prev-posts > .naviText,.next-posts > .naviText {
    color: white;
    display: block;
    font-family: 'interstateRegular',sans-serif;
    margin: -57px -15px;
    position: relative;
}

.next-posts > .naviText {
    margin: -60px 55px;
}




/*++++++++++++++++++++++++++++++++++++++++++ archive list +++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++ video site /references_video ++++++++++++++++++++++++++++++++*/
#videoHolder {
  margin: 0 auto;
  width:100% !important;
  height:100% !important;
  padding: 0;
  position: relative;
  margin-top: -140px;
  z-index: 0;
  padding-bottom:80px; }



  .videoWrapper {
      position: absolute;
      top: 0;
      width: 100%;

  }

/*++++++++++++++++++++++++++++ video site /references_video ++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++ references kunden - slider ++++++++++++++++++++++++++++++++++*/
#referenceSliderHolder {
  max-width: 1200px;
  min-height: 640px;
  position: relative;
  margin: 50px auto;
  padding: 0;
  border: 0px solid red; }

.RefKundeElementDescription a {
  border: 1px solid black;
  bottom: 10px;
  float: left;
  height: 26px !important;
  margin: 10px;
  position: absolute;
  width: 26px !important; }

/*test*/
/* slider container */
.iosSlider {
  /* required */
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  max-width: 1105px;
  height: 100%;
  margin-bottom: 30px; }

/* slider */
.iosSlider .slider {
  /* required */
  min-height: 620px !important;
  height: 100%; }

/* slide */
.iosSlider .slider .slide {
  /* required */
  float: left; }

.sliderItem {
  cursor: pointer;
  display: inline-block;
  margin: 5px;
  overflow: hidden;
  position: relative;
  float: left;
  min-height: 266px; }

.drag-scrollbar-scroll-container {
  width: 30%;
  background-color: #ff5900;
  position: absolute;
  bottom: 50px;
  left: 10px;
  margin: 0 auto;
  z-index: 1000; }

.scrollbarBlock1 {
  /*background: url(web_images/background-black-0.7.png);*/
  background-color: #5b5e62;
  border-radius: 5px;
  cursor: pointer; }

/* hover refernece*/
.RefKundeElementDescription {
  background: url(web_images/background-black-0.7.png);
  display: block;
  height: 100%;
  position: absolute;
  top: -100%;
  width: 100%;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s; }

.RefKundeElementDescription h4, .RefKundeElementDescription h1, .RefKundeElementDescription h5 {
  padding: 2% 3%;
  color: white;
  font-family: 'interstateRegular',sans-serif;
  font-weight: normal !important;
  font-size: 18px; }

.RefKundeElementDescription h1 {
  font-size: 5em;
  line-height: 14px;
  margin-bottom: 0 !important;
  margin-left: 10px !important;
  margin-right: 0 !important;
  margin-top: 68px;
  padding: 0; }

.RefKundeElementDescription h5 {
    color: #CCCDCF;
    font-size: 13px;
    font-style: italic !important;
    line-height: 14px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: -35px;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 0;
    padding-top: 0;
}

@media all and (min-width: 1050px) {
    .sliderItem:hover .RefKundeElementDescription {
      top: 0%; }

    .scrollItem:hover .RefKundeElementDescription {
      top: 0%; }
   }


.sliderItem img {
  margin: 0px;
  padding: 0px; }

/*++++++++++++++++++++++++++++ references kunden - slider ++++++++++++++++++++++++++++++++++*/
/*drag Scroll*/
/*++++++++++++++++++++++++++++++ TEAM ++++++++++++++++++++++++++++++++++++++++++++++++++*/
.scrollContainer {
  /*width: 3000px;
  height: 542px !important;
  border: 0px solid red;
  overflow: hidden;
  cursor: url("web_images/openhand.png") 8 8, -moz-grab; */
   z-index:0;
  }

.scrollContainer img {
  /*float:left;*/
  display: inline-block; }

.touchScrollHolder {
  /*height: 572px !important;*/
  margin: 30px auto 80px;
  /* overflow: hidden; */
  position: relative;
  width: 1200px;
}

.scrollItem img {
  display: block; }

.itemBottomShadow {
  /*bottom: 5px;*/ }

.itemBottomShadow h3 {
  color: white;
  display: block;
  font-family: 'interstateRegular',sans-serif;
  font-weight: normal;
  line-height: 14px;
  margin: 0;
  padding: 6px 0 0;
  position: relative;
  text-transform: uppercase;
  font-size: 14px; }

.scrolls {
  cursor: url("web_images/closedhand.png") 8 8, -moz-grab; }

.dragscroll-scroller {
  overflow: hidden !important; }


.dragscroll-container,
.dragscroll-scroller {
  position: relative;
  padding-bottom: 60px; }

.dragscroll-scroller {
  height: 100%;
  /*height:530px;*/
  }

.dragscroll-inner {
  display: block; }

.dragscroll-scrollbar-container {
  cursor: pointer;
  position: absolute;
  /*background: rgb(220,220,220);
  background: rgba(0,0,0,.2);*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.dragscroll-scrollbar-container.autohide {
  display: none; }

.dragscroll-scrollbar-container.h {
  width: 100%;
  height: 12px;
  left: 0;
  bottom: 100px; }

.dragscroll-scrollbar-container.v {
  height: 100%;
  width: 12px;
  top: 0;
  right: -20px;
  display: none; }


.dragscroll-scrollbar.v {
  width: 4px;
  top: 0; }

.dragscroll-scrollbar.h {
  height: 12px;
  left: 0; }

.dragscroll-scrollbar {
  position: relative;
  cursor: url("web_images/openhand.png") 8 8, -moz-grab;
  /*background: #a0a0a0;
  background: rgba(0, 0, 0, 0.4);*/
    background:black;
  /* works for IE 5+. */
    filter:alpha(opacity=50);

    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity:0.5;

    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.5;

    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/*++++++++++++++++++++++++++++ sub categorie slider ++++++++++++++++++++++++++++++++*/
#sliderMoveToTopHolder {
  position: relative;
  top: -140px;
  margin-bottom: -140px; }

#subCategoryScrollHolder {
  margin: 0 auto;
  max-width: 1200px;
  min-height: 320px;
  padding: 0;
  position: relative;
  /*margin-top: -141px;*/
  z-index: 0; }

#subCategorySlider {
  margin-top: -141px;
  position: relative;
  border: 0px solid red; }

.infoBlackHolder {
  background: url("web_images/background-black-0.5.png") repeat scroll 0 0 transparent;
  display: block;
  /*height: 100%;*/
  left: 50%;
  margin-left: -33.75%;
  position: absolute;
  top: 0px;
  width: 21.25%;
  z-index: 2000; }

.infoBlackHolderh4 {
  color: #FF5900;
  display: block;
  font-family: 'interstateRegular',sans-serif;
  font-size: 1.2em;
  font-weight: normal !important;
  line-height: 1.2em;
  padding: 10px 20px;
  position: relative;
  text-transform: uppercase;
  top: 0px; }

.awardInfoBox {
  color: #FFFFFF;
  display: block;
  font-family: 'interstateRegular',sans-serif;
  font-weight: normal !important;
  padding: 10px 20px;
  position: relative;
  top: 90px; }

.awardInfoBox > h5 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 0.8em;
  text-transform: uppercase; }

.awardInfoBox > p {
  font-size: 0.75em;
  margin-top: 0;
  padding-top: 5px; }

#subCategorySlider > img {
  margin-top: -140px;
  min-height: 320px;
  position: relative; }

/*++++++++++++++++++++++++++++ /sub categorie slider ++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++ LEISTUNGEN +++++++++++++++++++++++++++++++++++++++*/
.iosLeistungen {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  max-width: 1106px !important;
  height: 550px;
  margin-bottom: 30px; }

.iosLeistungenSlider {
  width: 100%;
  position: relative;
  /* this height ends up being your maximum height,
   * if you want it to scale forever, set it to
   * a very high number */
  height: 100% !important; }

.leistungImageShadow, .itemBottomShadow {
  background: url(web_images/background-black-0.7.png);
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  height: 45px;
  z-index: 3000; }

  @-moz-document url-prefix() {
     .teamItemBottomShadow{
      bottom: 5px;
      }
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {

    .teamItemBottomShadow{
      bottom: 5px;
      }

}

.leistungImageShadow a img, .itemBottomShadow a img, .RefKundeElementDescription a img {
  border: 0px; }

.leistungImageShadow a, .itemBottomShadow a {
  border: 1px solid black;
  float: left;
  height: 26px !important;
  margin: 10px;
  position: relative;
  width: 26px !important;
  z-index: 20000; }

.leistungImageShadow a:hover, .itemBottomShadow a:hover, .RefKundeElementDescription a:hover {
  border: 1px solid #4b4b4b; }

.itemBottomShadow a:hover {
  border: 1px solid #6e6e6e;
}

.leistungImageShadow h3 {
  color: white;
  display: block;
  font-family: 'interstateRegular',sans-serif;
  font-size: 1em;
  line-height: 20px;
  margin: 0;
  padding: 5px 0 0;
  position: relative; }

/*****

    leistungen sub

******/
.leistungCategoryImage {
  margin-left: -20px;
  width: 85%; }

.infoBlackHolder h5 {
  color: white; }

.leistungBlackHolder {
  background: url(web_images/background-black-0.7.png); }

.leistungSubOverlayImages {
  display: block;
  left: 0%;
  bottom: 0%;
  position: absolute;
  width: 50%;
  z-index: 3000; }

.leistungenImgHolder {
  height: 100%;
  width: 100%; }

.leistungenImgHolder img{
  /*margin-top: 100px;*/
 /*width: 80%;*/
  z-index: 0; }

/*overlay image*/
.leistungenImgLayer3 img, .singleSliderItemLayer3>img  {
  bottom: 60px;
  left: 0;
  position: absolute; }

.leistungenImgLayer3 img, .singleSliderItemLayer3>img  {
 /* float: right !important;
  margin-right: 100px;
  margin-top: 260px !important;
  position: relative; */

    bottom: 0;
    float: right !important;
    margin-right: 100px;
    margin-top: 260px !important;
    position: absolute;

}

.leistungenImgLayer3,.singleSliderItemLayer3 {
  width: 50% !important; }


  /*
      sortingItems leistungen
  */
#sortingItems{
        margin: 25px auto 0;
        max-width: 850px;
        width:auto;
        position: relative;
      }

      #sortingItems > #filters {
        list-style: none outside none;
        margin: 0;
        padding: 0;
      }

      #sortingItems > #filters > li {

        display: inline-block;
        float: left;
        font-family:'interstateRegular',sans-serif;
        font-size: 0.78em;
        margin-right: 3px;
        margin-bottom: 5px;
        padding: 5px 10px;
        /*
        font-weight: bold;
          display: inline-block;
          float: left;
          font-family:"interstateRegulart", sans-serif;
          border-bottom: 1px solid #161616;
          border-left: 1px solid #161616;
          border-top: 1px solid #161616;
          box-shadow: 1px 0 1px #727272;
          font-size: 0.8em;
          font-weight: bold;
          margin-right: 1px;
          margin-bottom: 5px;
        */
      }
      #sortingItems > #filters > li > a{
       /*display: block; */
       /*
       line-height: 35px;
       padding: 10px;

       color: #B5B5B5;
       */
      }
      .touchScrollHolderNoSlide {
          margin: 0 auto;
          width: 300px;
      }

      .normalSelectButton{
        /*background: black;*/
        background: url(web_images/background-black-0.5.png);

        /*
        background: rgb(127,127,127);

        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iIzdmN2Y3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjNTY1NjU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjMzgzODM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjMTkxNjE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top,  rgba(127,127,127,1) 3%, rgba(86,86,86,1) 7%, rgba(56,56,56,1) 52%, rgba(25,22,22,1) 88%, rgba(22,22,22,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(127,127,127,1)), color-stop(7%,rgba(86,86,86,1)), color-stop(52%,rgba(56,56,56,1)), color-stop(88%,rgba(25,22,22,1)), color-stop(100%,rgba(22,22,22,1)));
        background: -webkit-linear-gradient(top,  rgba(127,127,127,1) 3%,rgba(86,86,86,1) 7%,rgba(56,56,56,1) 52%,rgba(25,22,22,1) 88%,rgba(22,22,22,1) 100%);
        background: -o-linear-gradient(top,  rgba(127,127,127,1) 3%,rgba(86,86,86,1) 7%,rgba(56,56,56,1) 52%,rgba(25,22,22,1) 88%,rgba(22,22,22,1) 100%);
        background: -ms-linear-gradient(top,  rgba(127,127,127,1) 3%,rgba(86,86,86,1) 7%,rgba(56,56,56,1) 52%,rgba(25,22,22,1) 88%,rgba(22,22,22,1) 100%);
        background: linear-gradient(to bottom,  rgba(127,127,127,1) 3%,rgba(86,86,86,1) 7%,rgba(56,56,56,1) 52%,rgba(25,22,22,1) 88%,rgba(22,22,22,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#161616',GradientType=0 );
        */
      }

      .hoverSelectButton{
        background: white;
        /*
        background: #c43100;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0MzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmY2MDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjZmY3ZjNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZmZjMWEwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(top,  #c43100 0%, #ff6000 3%, #ff7f3a 95%, #ffc1a0 97%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c43100), color-stop(3%,#ff6000), color-stop(95%,#ff7f3a), color-stop(97%,#ffc1a0));
        background: -webkit-linear-gradient(top,  #c43100 0%,#ff6000 3%,#ff7f3a 95%,#ffc1a0 97%);
        background: -o-linear-gradient(top,  #c43100 0%,#ff6000 3%,#ff7f3a 95%,#ffc1a0 97%);
        background: -ms-linear-gradient(top,  #c43100 0%,#ff6000 3%,#ff7f3a 95%,#ffc1a0 97%);
        background: linear-gradient(to bottom,  #c43100 0%,#ff6000 3%,#ff7f3a 95%,#ffc1a0 97%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c43100', endColorstr='#ffc1a0',GradientType=0 );
        */
      }

      .hoverSelectButton > a {
       color:#ff6000 !important;
        /*
          color: white !important;
          text-shadow: 0 0 2px #FF5003, 0 0 12px white !important;
        */
      }

      .normalSelectButton > a {
        color:#9c9e9f;
         /*text-shadow: -1px -1px 0 #3A3A3A, 1px 1px 1px #474E51;*/
      }

      #sortingItems > #filters > li:first-child{
       /* border-radius: 5px 0px 0px 5px;*/
      }

      #sortingItems > #filters > li:last-child{
       /* border-radius: 0px 5px 5px 0px;
        border-right: 1px solid #161616;
      */
      }

/*++++++++++++++++++++++++++++++++++++++ LEISTUNGEN +++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++ UBER UNS +++++++++++++++++++++++++++++++++++++++++++++*/
.holder820 {
  max-width: 850px;
  border: 0px solid red;
  margin: 0 auto;
  clear: both;
  position: relative;
  overflow: hidden;
  padding: 120px 0 80px;}

.companyList > .grouppeList{
  position: relative;
  overflow: hidden;
  display: block;
  width: 32.439024390243902439024390243902%;
  height: 590px;
  border: 0px solid white;
  float: left;
  margin-right: 1.29791%;
  margin-top: 30px;
  margin-bottom: 30px;
  background: url(web_images/background-black-0.3.png); }

.holder820 .companyList > .grouppeList:last-child {
  margin-right: 0px; }

.grouppeListSectionTopBlock {
  width: 100%;
  position: relative;
  top: 0;
  height: 45.084745762711864406779661016949%; }

.orange {
 /* background: #ff5900;
  background: -moz-linear-gradient(top, #ff7000 0%, #ff4b00 100%);
  /* FF3.6+ */
 /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7000), color-stop(100%, #ff4b00));
  /* Chrome,Safari4+ */
 /* background: -webkit-linear-gradient(top, #ff7000 0%, #ff4b00 100%);
  /* Chrome10+,Safari5.1+ */
 /* background: -o-linear-gradient(top, #ff7000 0%, #ff4b00 100%);
  /* Opera 11.10+ */
 /* background: -ms-linear-gradient(top, #ff7000 0%, #ff4b00 100%);
  /* IE10+ */
 /* background: linear-gradient(to bottom, #ff7000 0%, #ff4b00 100%);
  /* W3C */
 /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7000', endColorstr='#ff4b00',GradientType=0 );
  /* IE6-9 */
  background: -webkit-linear-gradient(top, rgb(255,113,0) 0%, rgb(255,79,0) 100%);
  background: -o-linear-gradient(top, rgb(255,113,0) 0%, rgb(255,79,0) 100%);
  background: -ms-linear-gradient(top, rgb(255,113,0) 0%, rgb(255,79,0) 100%);
  background: -moz-linear-gradient(top, rgb(255,113,0) 0%, rgb(255,79,0) 100%);
  background: linear-gradient(to bottom, rgb(255,113,0) 0%, rgb(255,79,0) 100%);
}

.blue {
 /* background: #3b5984;
  background: -moz-linear-gradient(top, #718daf 0%, #253d65 100%);
  /* FF3.6+ */
 /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #718daf), color-stop(100%, #253d65));
  /* Chrome,Safari4+ */
 /* background: -webkit-linear-gradient(top, #718daf 0%, #253d65 100%);
  /* Chrome10+,Safari5.1+ */
 /* background: -o-linear-gradient(top, #718daf 0%, #253d65 100%);
  /* Opera 11.10+ */
 /* background: -ms-linear-gradient(top, #718daf 0%, #253d65 100%);
  /* IE10+ */
 /* background: linear-gradient(to bottom, #718daf 0%, #253d65 100%);
  /* W3C */
 /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#718daf', endColorstr='#253d65',GradientType=0 );
  /* IE6-9 */
  background: -webkit-linear-gradient(top, rgb(0,130,208) 0%, rgb(0,103,191) 75%, rgb(0,92,184) 100%);
  background: -o-linear-gradient(top, rgb(0,130,208) 0%, rgb(0,103,191) 75%, rgb(0,92,184) 10%);
  background: -ms-linear-gradient(top, rgb(0,130,208) 0%, rgb(0,103,191) 75%, rgb(0,92,184) 100%);
  background: -moz-linear-gradient(top, rgb(0,130,208) 0%, rgb(0,103,191) 75%, rgb(0,92,184) 100%);
  background: linear-gradient(to bottom, rgb(0,130,208) 0%, rgb(0,103,191) 75%, rgb(0,92,184) 100%);
}

.gray {
 /* background: #a0a5a9;
  background: -moz-linear-gradient(top, #aaadb0 0%, #6e7377 100%);
  /* FF3.6+ */
 /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaadb0), color-stop(100%, #6e7377));
  /* Chrome,Safari4+ */
 /* background: -webkit-linear-gradient(top, #aaadb0 0%, #6e7377 100%);
  /* Chrome10+,Safari5.1+ */
 /* background: -o-linear-gradient(top, #aaadb0 0%, #6e7377 100%);
  /* Opera 11.10+ */
 /* background: -ms-linear-gradient(top, #aaadb0 0%, #6e7377 100%);
  /* IE10+ */
 /* background: linear-gradient(to bottom, #aaadb0 0%, #6e7377 100%);
  /* W3C */
 /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaadb0', endColorstr='#6e7377',GradientType=0 );
  /* IE6-9 */
  background: -webkit-linear-gradient(top, rgb(135,210,0) 0%, rgb(95,187,0) 100%);
  background: -o-linear-gradient(top, rgb(135,210,0) 0%, rgb(95,187,0) 100%);
  background: -ms-linear-gradient(top, rgb(135,210,0) 0%, rgb(95,187,0) 100%);
  background: -moz-linear-gradient(top, rgb(135,210,0) 0%, rgb(95,187,0) 100%);
  background: linear-gradient(to bottom, rgb(135,210,0) 0%, rgb(95,187,0) 100%);

}
/*
.grouppeListLogo {
  width: 95.112781954887218045112781954887%;
  padding: 14.981273408239700374531835205993% 0 0 3.7453183520599250936329588014981%; }
*/
.mapsLocation {
  position: absolute;
  width: 100%;
  background: url(web_images/background-black-0.5.png);
  bottom: 0px;
  left:0px;
  }

.mapsLocation > a {
  clear: both;
  float: left; }

.mapsLocation > a > img {
  margin: 10px;
  border: 0px; }

.mapsLocation > p {
  color: #9ba3ad;
  font-family: "interstateRegular", sans-serif;
  font-size: 13px;
  line-height: 20px; }

.mapsLocation > p > span {
  color: white; }

.grouppeList > h5, .aboutMecom > h5 {
  font-family: "interstateRegular", sans-serif;
  -moz-font-family: "interstateRegular", sans-serif;
  -webkit-font-family: "interstateLight", sans-serif;
  font-size: 13px;
  color: #ffffff;
  padding: 0px 10px 0px 10px;
  font-weight: 400; }

.grouppeList > a {
  border: 1px solid black;
  bottom: 10px;
  float: left;
  height: 26px !important;
  margin: 10px;
  position: absolute;
  width: 26px !important;
  z-index: 15; }

.grouppeList > a > img {
  border: 0px; }

.grouppeList > a:hover {
  border: 1px solid #4b4b4b; }

.aboutMecom {
  clear: both;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  background: url(web_images/background-black-0.3.png); }

.holder820 > h3, .memberImgHolder h3 {
  color: #FF5900;
  font-family: 'interstateRegular',sans-serif;
  font-size: 24px !important;
  margin: 0px 0px;
  padding: 0;
  text-transform: uppercase; }

.aboutMecom > img {
  margin-right: 20px;
  float: left;
  max-width: 270px;}

/*++++++++++++++++++++++++++++ /UBER UNS +++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++ TEAM ++++++++++++++++++++++++++++++++++++++++++++++++++*/
.scrollContainer {
  /*width: 3300px;*/
  /*height: 542px !important;*/
  border: 0px solid red;
  /*overflow: hidden;
  cursor: url("web_images/openhand.png") 8 8, -moz-grab;*/ }

.scrollContainer img {
  /*float:left;*/
  display: inline-block; }

.touchScrollHolder {
  /*height: 600px !important;*/
  margin: 0 auto 0;
  max-width: 860px;
  /*margin: 0px auto 0px;*/
  /* overflow: hidden; */
  position: relative;
  padding-bottom:80px;}

@media (max-width: 860px) {
  .touchScrollHolder {
    margin: 0;
    /* padding: 140px 5px 100px 5px; */
  }
}

.scrollItem {
  position: relative;
  overflow: hidden; }

  .scrollItemTeam{
    overflow:visible;
  }


.scrollItem img {
    display: block;
    margin: 0 auto;
}

.itemBottomShadow {
 /*bottom: 5px;*/ }

.itemBottomShadow h3 {
  color: white;
  display: block;
  font-family: 'interstateRegular',sans-serif;
  font-weight: normal;
  line-height: 14px;
  margin: 0;
  padding: 6px 0 0;
  position: relative;
  text-transform: uppercase;
  font-size: 14px; }

/*
    single
  */
.teamSingleHolder, .newsSingleHolder {
  height: 600px;
    margin: 30px auto -30px auto;
    padding-bottom: 100px;
    position: relative;
    width: 810px;}

.teamSingleHolder {
  margin-top: 145px;
}

.memberInfoHolder {
  /*max-width: 66.219512195121951219512195121951%;*/
  width: 66.219512195121951219512195121951%;
  height: 100%;
  background: url(web_images/background-black-0.3.png);
  float: left;
  position: relative; }



#memberSocialLinks {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1000;
  width: auto !important;
  overflow: hidden;
  }

#memberSocialLinks > .fbAndTwitter {
  /*
    width: 59px;
  */
   }

#memberSocialLinks ul {
  /*background: url(web_images/background-black-0.3.png);*/
  margin: -20px -1px 0 0;
  padding: 0;
  list-style: none;
  display: block;
  float: left; }

.memberRestSocialLinks {
  margin: 0 1px 0 0 !important; }

.memberRestSocialLinks > li {
  float: left !important;
  display: inline-block;
  padding: 5px;
  background: url(web_images/background-black-0.3.png);
  margin-left: 1px; }

#memberSocialLinks > .fbAndTwitter > li {
  float: right;
  height: 70px;
  display: block;
  width: 29px;
  background: url(web_images/background-black-0.5.png) repeat scroll 0 0 transparent;
  margin-right: 1px;
   }

#memberSocialLinks a img {
  border: 0px; }

#memberFB > a, #memberTW > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(http://www.innovationmecom.de/wp-content/themes/mecomV1.5/mecomV1.5/web_images/footer-social-2.png) no-repeat;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s; }

#memberFB > a {
  background-position: -60px 8px; }

#memberFB > a:hover {
  background-position: -60px -70px; }

#memberTW {
  margin-right: 1px; }

#memberTW > a {
  background-position: -91px 8px; }

#memberTW > a:hover {
  background-position: -91px -70px; }

.memberImgHolder {
  position: relative; }

.memberImgHolder img {
  width: 100%; }

.memberContactHolder {
  max-width: 32.439024390243902439024390243902%;
  float: right;
  height: 100%;
  background: url(web_images/background-black-0.3.png);overflow: hidden; }

.memberSectionCompanyBlock {
  width: 100%;
  position: relative;
  top: 0;
  height: 273px; }

.memberImgHolder h3 {
  padding: 10px; }

.memberTitleHolder {
  position: absolute;
  height: 30px;
  bottom: -27px;
  left: 0px;
  border-top: 0px solid black;
  background: #b72900;
  /* Old browsers */
  background: -moz-linear-gradient(left, #b72900 1%, #ff4a00 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #b72900), color-stop(100%, #ff4a00));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #b72900 1%, #ff4a00 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #b72900 1%, #ff4a00 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #b72900 1%, #ff4a00 100%);
  /* IE10+ */
  background: linear-gradient(to right, #b72900 1%, #ff4a00 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b72900', endColorstr='#ff4a00',GradientType=1 );
  /* IE6-9 */ }

.memberTitleHolder p {
  color: white;
  font-family: 'interstateRegular',sans-serif;
  font-size: 13px;
  line-height: 30px;
  margin-left: 10px;
  margin-top: 2px;
  position: relative;
  text-transform: uppercase;
  padding-right: 10px; }

.memberQuoteIcon {
  margin-top: 100px;
  margin-left: 45px; }

.memberQuote {
  color: white;
  font-family: "interstateRegular",sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-left: 114px;
  margin-top: -51px;
  /*display: inline-block;*/}

.memberQuote > h5 {
  text-transform: uppercase;
  font-family: "interstateRegular",sans-serif;
  font-size: 10px;
  font-weight: bold; }

/*++++++++++++++++++++++++++++++ /TEAM ++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*
  karriere
*/
.itemBottomShadowKarriere {
  bottom: 0 !important; }

/*
  team

*/
.itemBottomShadowTeam {
  /*bottom: 5px !important;*/
   }


/*++++++++++++++++++++++++++++++++++++ SITEMAP  ++++++++++++++++++++++++++++++++++++++++++++++*/




.sitemapDisplayContainer a, .subLevelListTeam>a{
  color: white;
  text-decoration: none;
  color: #ffffff;
  font-family: 'interstateRegular', sans-serif;
  font-weight: normal;

}
.sitemapDisplayContainer h3{
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'interstateRegular', sans-serif;
  font-weight: normal;
}

.sitemapDisplayContainer a:hover{
 color:#FF5900;
}

.sitemapDisplayContainer{
  margin: 0 auto;
  max-width: 840px;
  width: auto;
}
/*.sitemapDisplayContainer h3{
  color:#FF5900;
  text-transform: uppercase;
   font-family: 'interstateRegular', sans-serif;
}
*/

#wp-realtime-sitemap-pages ul{
  list-style-type:none;
}
#wp-realtime-sitemap-pages > ul > li{
    display: block;
    width: 100%;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    clear: both;
}

.wp-realtime-sitemap-posts>ul>li {
    float: left;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    width: 33%;
}

#wp-realtime-sitemap-pages > ul > li > a,.sitemapDisplayContainer h3{

  border-bottom: 1px solid  #7b8084;
  display: block;
  padding: 15px 0px 5px 0px;
  text-indent: 10px;
}

.children {
    list-style: none outside none;
}

.children > li {
    float: left;
    margin-right: 150px;
    padding: 10px;
}

.children > li > a, .wp-realtime-sitemap-posts>ul>li>ul{
   text-transform: none;

}

.wp-realtime-sitemap-posts > ul {
  list-style: none;
}

.subLevelSitemap{
     color: white;
    font-family: 'interstateLight',sans-serif;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 19px;
    /*margin: 0 10px 50px;*/
    margin: 0 30px 5px 0px;
    padding: 10px 0 0 2px;
    height: 260px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.subLevelSitemap::-webkit-scrollbar {
width: 5px;
}

.subLevelSitemap::-webkit-scrollbar-thumb:vertical {
margin: 5px;
background-color: #999;
-webkit-border-radius: 5px;
}

.subLevelSitemap::-webkit-scrollbar-button:start:decrement,
.subLevelSitemap::-webkit-scrollbar-button:end:increment {
height: 5px;
display: block;
}

#wp-realtime-sitemap-posts ul>li {
margin-bottom: 5px;
}

.subLevelListTeam, #wp-realtime-sitemap-archives>ul>li,.cat-item{
  color: white;
  font-family: 'interstateLight',sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 19px;
  position: relative;
}

 #wp-realtime-sitemap-archives>ul>li{
  list-style-type: square;
 }

.subLevelList,.subLevelListTeam, #wp-realtime-sitemap-archives>ul>li {
    display: block !important;
    float: left;
    width: 23% !important;
    margin-right: 2%;
}
.subLevelList {
  margin-bottom: 20px !important;
}
#wp-realtime-sitemap-posts>ul>li:nth-child(5){
  width: 100% !important;
}
#wp-realtime-sitemap-posts>ul>li:nth-child(5) ul li{
  width:43% !important;
  float: left;
  margin-right: 40px;
}

#wp-realtime-sitemap-posts {
    clear: both;
    margin-top: 20px;
}

.subLevelSitemap li{
 list-style-type: square !important;
 margin-left: 10px;
}


.subLevelSitemapLI:before {
    background: none repeat scroll 0 0 white;
    content: "";
    height: 4px;
    left: 0;
    margin-top: 7px;
    /*position: absolute;*/
    width: 4px;
}



.cat-item,#wp-realtime-sitemap-archives ul li{
  list-style-type: square !important;
}
.subLevelSitemap .v{
 display: block;
  min-height: 20px;
}
.subLevelSitemap .h{
 display: none;
}



#wp-realtime-sitemap-team,#wp-realtime-sitemap-archives {
    clear: both;
    margin-bottom: 20px;
    min-height: 210px;
}
.subLevelListTeam:before,#wp-realtime-sitemap-archives>ul>li:before {
   background: none repeat scroll 0 0 white;
    content: "";
    height: 4px;
    left: -10px;
    margin-top: 7px;
    position: absolute;
    width: 4px;
}



#wp-realtime-sitemap-categories,#wp-realtime-sitemap-tags {
    clear: both;
    float: left;
    height: 200px;
    padding-top: 20px;
    width: 100%;
}


/*++++++++++++++++++++++++++++++++++++ SITEMAP  ++++++++++++++++++++++++++++++++++++++++++++++*/

/*+++++++++++++++++++++++++++++++++++++++++++ footer ++++++++++++++++++++++++++++++++++++++++++*/
footer {

  width: 100%;
  height: 50px;
  background: #000000;
  /*background: url(web_images/footer-background.png) repeat-x;*/
  background: url(web_images/footer-background.png);
  position: fixed;
  bottom: 0px !important;
  /*opacity: .7;
  filter: alpha(opacity=50);*/
  z-index: 9999;}

@media (max-width: 800px) {
  footer {
    position: absolute;
    bottom: 0;
  }
}

#footerWrapper {
  max-width: 820px;
  height: 100%;
  margin: 0 auto;
  clear: both;
  overflow: hidden; }

.footerAreas {
  width: 50%;
  height: 100%;
  position: relative;
  float: left; }

#menu-footer-menu{
  list-style: none outside none;
  margin: 20px 0 10px;
  padding: 0;
  color: #9ba3ad; }

#menu-footer-menu > li {
  float: left;
  padding: 0px 8px;
  border-right: 1px solid #9ba3ad;
  line-height: 12px; }

#menu-footer-menu > li:first-child {
  padding-left: 0px; }

#menu-footer-menu > li:last-child {
  border-right: 0px; }

#menu-footer-menu > li > a {
  color: #9ba3ad;
  font-family: 'interstateRegular', sans-serif;
  /*font-weight: bold;*/
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase; }

#menu-footer-menu > li > a:hover {
  text-decoration: underline; }

.footerLeft > p {
  clear: both;
  color: white;
  font-family: 'interstateRegular', sans-serif;
  font-size: 10px;
  margin: 0px;
  padding-top: 10px;
  line-height: 20px; }

.footerRight > #footerSocialIcons, #footerSkype {
  margin: 0px;
  padding: 0;
  list-style: none; }

.footerRight > #footerSocialIcons > li {
  float: right;
  height: 40px;
  display: block;
  width: 30px; }

#footerFB {
  border-right: 0px solid #9ba3ad;
  border-left: 0px solid #9ba3ad; }

#footerFB > a, #footerTwitter > a, #footerXing > a, #footerSkype > a, #footerYoutube > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(web_images/footer-social.png) no-repeat;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s; }

#footerFB > a {
  background-position: -91px -13px; }

#footerFB > a:hover {
  background-position: -91px -89px; }

#footerTwitter {
  border-right: 0px solid #9ba3ad; }

#footerTwitter > a {
  background-position:  -121px -13px; }

#footerTwitter > a:hover {
  background-position: -121px -92px; }

#footerSkype  > a{
  background-position: -31px -13px; }

#footerSkype  > a:hover {
  background-position: -31px -92px; }

#footerXing  > a{
  background-position: -61px -13px; }

#footerXing  > a:hover {
  background-position: -61px -92px; }

#footerYoutube  > a{
  background-position: 0px -13px; }

#footerYoutube > a:hover {
  background-position: 0px -92px; }


  /*
     search footer
  */
    #searchform > div {
        bottom: 12px;
        position: absolute;
        right:130px;
    }


    #searchform {
        height: 70px;
        width: 287px;
    }

   #s{
    border:0px;
    color: #CCCCCC;
    height: 26px;
    line-height: 20px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 25px;
    padding-top: 0;
    width: 40px;
    border-radius: 10px;
    background-color: #494949;
   /* -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s; */
}

 #s:focus{
 /* width: 160px;*/
  outline:none;
 }
  #searchform #searchsubmit{
    text-indent: -9999px;
    background: url(web_images/search_icon.png) no-repeat scroll 0px 0px transparent;
    border: 0px solid red;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 20px;
  }

.goToTopButton{
    display: none;
 }

/*+++++++++++++++++++++++++++++++++++++++++++ /footer ++++++++++++++++++++++++++++++++++++++++++*/
/*

media queries
mobile screen: 480*320

*/
/*@media all and (max-width: 1001px) {
  .leistungenImgHolder img {
    bottom: 15%; }

  #leistungenSliderHolder {
    height: 670px; }


     }
@media all and (min-width: 1651px) {
    .leistungenImgHolder img {
      margin-top: -80px; }
    #leistungenSliderHolder {
      height: 100%;
      padding-bottom: 80px;
    }

  }*/




/* CLEAR FIX*/
.clearfix:after {content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*+++++++++++++++++++++++ MEDIA QUERIES  ++++++++++++++++++++++++++++++*/

 /* Large screens ----------- */
@media only screen and (max-width : 2500px) {
    /* Styles */
     .leistungenImgLayer3 img, .singleSliderItemLayer3 > img {

              margin-left: 0px !important;
        }
}


/* create bigger navigation buttons on tablets*/
 @media all and (max-width: 1249px) {

    /*
      fix main navigation
    */
    #menu-main-navigation{

    }

    #headerMenuHolder ul li a {
      display: block;
      /*padding: 5px 0px 5px 0px;*/
    }

    .headerSplitParts,.headerMenuUlsub1Wrapper {
      min-height: 120px;
    }
    .homeSliderTitleRibon {
      margin-top: 120px;

    }
    .slideTitleHolder > h2 {
        padding: 1.125em 0.3em 0.125em 1.5625em;
    }

     .goToTopButton{
      position: fixed;
      right:0px;
      bottom:30px;
      z-index: 10000;
    }
    .goToTopButton > a {
      color: #ffffff !important;
      display: block;
      font-family: pulsarjsregular,sans-serif;
      font-size: 90px;
      opacity:0.8;
      text-decoration: none;
      text-shadow: 0px 0px 3px rgba(0,0,0, 0.9);
     }


    /*remove default background slider image */
     .containerHomeSliderHolder {
            background-image: none !important;
        }
     /*remove text shadow and change color of p description tag*/
    .homeSliderLeftPart > p{
      text-shadow: 0 0 0 #C7C7C7;
      color: #C7C7C7;
    }


    .leistungenImgHolder img{
                  width: 100%;
              }

    .homesliderLeftArea .sliderLeftBlackLine .slideTitleHolder {
                   margin-top: 5px;
                }

	 .touchScrollHolder{
                  /*position: absolute;*/
                  width: 100%;
                }

  }

/* move left black vertical line to center*/
  @media all and (max-width: 860px){

      /*hide  right part of navi split screen */
      .rightHeaderSplit {
          display: none;
      }

      /*language selector*/
      #hederLanguageSelector{
        right: 15px;
      }

    .homeSliderLeftPart {
         margin-left: -150px;
         z-index: 3;
         width: 75%;
      }

      .homeSliderTitleRibon {
          margin-top: 0;
      }

      /*move image container to the top because it is pushed down*/
      .homeSliderRightPart {
          top: -420px;
          width: 75%;
        }

      /*make image repsonsiive*/
      .homeSliderRightPart img{
        /*width: 100%;*/
        bottom: 55px;
      }

      /* move header block to 75% from left*/
      .headerSplitParts {
            width: 75%;
        }

      /*move slider holder down*/
      .containerHomeSliderHolder {
            top: 120px;
            background-image: none !important;
        }

      /*move content holder more to the bottom*/
        #contenHolder {
              margin: 520px auto 0;
          }


        /* RESPONSIVE NEWS IMAGES*/
        .selectorsi{
          width: auto !important;
        }

        /*remove margin-right at every second news element*/
         #contenHolder > ul > li:nth-child(2n+2) {

           /* margin-left: 24px;*/
             margin-right: 0;
             float:right;
          }

          #contenHolder > ul {
              display: block;
              margin: 0 auto;
              width: 90%;
          }

          /*ad transparent black color to the p(slider description) tag*/
          /* hide p tag content*/
          .homeSliderLeftPart > p {
               /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);*/
               visibility: hidden;
            }


            /* Fix header navigation */
              .headerMenuUlWrapper {
                  border-left: 0px solid white;
                  height: 100%;
                  left: 0px;
                  position: absolute;
                  top: 0;
                  width: 100%;
              }


              .leftHeaderSplit > a {
                 background: url("web_images/logo.png") no-repeat scroll 0 0 transparent;
                 height: 59px;
                 left: 4%;
                 position: absolute;
                 top: 22%;
              }
              .leftHeaderSplit {
                    background: url("web_images/header-background-repeate.png") repeat scroll 0 0 transparent;
                    position: relative;
                }

              .headerSplitParts {
                  width: 100%;
              }

              #headerMenuHolder {
                  border-right: 1px solid white;
                  display: block;
                  height: 120px;
                  list-style: none outside none;
                  margin-left: 265px;
                  padding-left: 5px;
                  position: relative;
                  width: 144px;
              }

              .headerMenuSub1Border {
                    border-left: 0px solid white;
                }
              .headerMenuUlsub1Wrapper, .headerMenuUlsub2Wrapper {
                    left: 149px !important;
                    top: -150px;
                    width: 140px;
                    /*background: none;*/

                }



                  /*
                    video
                */

                #videoHolder{
                  margin-top: 0px;
                }
                .mejs-controls{
                 /* width: 100%;*/
                }

                .touchScrollHolder{
                  /*position: absolute;*/
                  width: 100%;
                }


                /*
                    news
                */

                #categoryTitle {

                    width: auto;
                    max-width: 840px;
                    margin-top: 50px;
                }

                .HomeContentHolder > img {
                  width: 100% !important;
                  height: auto !important;
                }

                .archiveList > ul > li {
                  margin:0 auto;
              }


              /*
                  single news
              */

              .teamSingleHolder, .newsSingleHolder {
                max-width: 810px;
                width: auto;

              }


              #newsDisplayContainer{
                  width: 66.913580246913580246913580246914%;
              }
              #newsScrollContent{
                width:100%;
              }
              .rightInfoBoxNewsArea {
                  margin-left: 68.518518518518518518518518518519%;
                  width: 31.481481481481481481481481481481%;
              }

              .memberImgHolder img {
                    height: auto;
                    width: 100%;
              }
              #newsScrollContent>.dragscroll-scrollbar-container.v {
                  right: -5px;
              }


              /*
                  Leistungen
              */

              .homesliderLeftArea{
                margin-left: 0px;
              }

              .leistungenImgHolder > center {
               margin-top: 30%;
              }

               .videoWrapper{
                position: relative;
                /*top:120px !important;*/
              }


  }

  /* align images back on center*/
  @media all and (max-width: 640px){

      /*float them againt to left*/
      #contenHolder > ul > li:nth-child(2n+2) {
            float:left;
          }

        /*align container to center*/
         #contenHolder > ul {
              width: 50%;
          }

        /*move black slider box to rigth*/

          .homeSliderLeftPart {
              margin-left: 0;
          }

        .homeSliderRightPart > img {
                height: auto;
                margin: 0 auto 0 20%;
                max-width: 500px !important;
                position: relative;
                text-align: center;
                top: 15%;
            }

        .leftHeaderSplit > a {
                  left: 100%;
                  margin-left: -270px;
                  top: 30px;

              }


        /*
            fix slider height on small screens

        */
        /*
        .touchScrollHolder {
            height: 266px !important;
        }*/
        .dragscroll-scrollbar-container{
          display: none;
        }
        .dragscroll-scroller {
            height: auto;
        }


        /*
            footer fix
        */
          .footerLeft{
            width:65%;

          }

          .footerRight{
            width:35%;
          }

          /*hide default navigation*/
          #headerMenuHolder{
            display: none;
          }

          /* show new navigation button*/
          #ResponsiveMenuButton{
            display: block;
          }


          /*
            about us page
          */

            .companyList > .grouppeList{
              width: 100%;
            }
            .grouppeListLogo {
               width: auto;
            }

          /*
              members single
          */
          .memberInfoHolder,.memberContactHolder {
              float: none;
              width: 100%;
              margin-bottom: 20px;
              max-width: 100%;
          }

          /*
              leistungen slider
          */

          /*prevent vertical iamges*/
          .scrollItem {
                max-height: 266px;
                overflow: hidden;
          }



          /*
              leistungen single
          */

          .homesliderLeftArea {
            margin-left: 150px !important;
          }

         .leistungenImgHolder > center {
             margin-top: 50%;
            }

          #newsScrollContent {
            height:auto;
           }

         /*
            SITEMAP
         */

         .subLevelSitemap {
              height: auto;
              margin: 0 30px 0px 0;
          }
          .subLevelList, .subLevelListTeam, #wp-realtime-sitemap-archives > ul > li {
               width: 100% !important;
            }

          footer {
            /*display:none;*/
            clear:both;
            /*position:relative;*/
          }

           /*move video down*/
         .videoWrapper {
            /*top: 120px;*/
          }

    }/*end of media query 640*/


    @media all and (max-width: 520px){
        #newsDisplayContainer {
            width: 95%;
            margin: 0 auto;
            display: block;
            float: none;
            height: auto !important;
        }
        .rightInfoBoxNewsArea {
            margin-left: 0;
            width: 100%;
            margin-right: 20px;
             overflow:hidden;
        }
        #newsDisplayContainer {
            min-height: 650px;
            height: auto;
             overflow:hidden;
        }
        .teamSingleHolder, .newsSingleHolder {
          height: auto;
        }
        #contenHolder > ul {
              width:100%;
              padding-left: 5%;
          }

    }


  /*footer menu*/
    @media all and (max-width: 480px){
      /* fix footer*/
          footer {
             height: 120px;
          }

          .footerAreas {
              width: 100%;

          }
          .footerLeft{
            height:40%;
          }

          .footerRight {
              height: 60% !important;
           }
           /*
           .touchScrollHolder {
            height: 252px !important;
        }*/


          /*
              About us page
          */

          .aboutMecom > img {
              display: block;
              float: none;
              margin:0 auto;
              max-width: 270px;
          }

          footer {
           /* display:none;*/
          }

          .homeSliderLeftPart {
            width: 100%;
        }

        .leftHeaderSplit > a{
          background-size: 70% auto;
           margin-left: -191px;
        }

        #sortingItems{
         margin: 25px auto 0 3px;
        }

  }

/*+++++++++++++++++++++++ / MEDIA QUERIES  ++++++++++++++++++++++++++++++*/


/*separator*/
.separator{height:80px; width:100%;}


/*test*/
.scrollItemWrapper{
 padding: 5px;
  width: auto;
  float:left;
}

.scrollContainer{
 /*height: 545px !important;*/
}
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
/*img { display: block; margin: 1em 0; }*/
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }

/*++++++++++++++++++ fix slider for smartphones+++++++++++++++++++++++*/

    /*** create sliding box inside of fixed box**/

    .scrollContainerNoSLIde > .scrollItemWrapper {
      display: block;
      margin: 20px auto;
      width: 266px;
    }



/*++++++++++++++++++ fix slider for smartphones+++++++++++++++++++++++*/

#wpadminbar {
  position: fixed !important;
}

@media (min-width: 861px) {
  .content-wrapper {
    margin-top: 200px;
  }
}

.scrollItemWrapper h3.caption {
  margin: 5px 0;
  color: #ff5900;
  font-family: 'interstateRegular',sans-serif;
  font-size: 22px;
}

@media (max-width: 860px) {
  #header {
    margin-bottom: 10px;
  }
  .content-wrapper {
    padding-top: 140px;
  }
  .holder820 {
    padding-top: 0;
  }
  #contenHolder {
    margin-top: 150px;
  }
}

.content-wrapper > h2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    color: #ff5900;
    font-size: 2.3em;
}

.vjs-default-skin .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
    top: 50% !important;
    left: 50% !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
    border: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    width: 113px !important;
    height: 113px !important;
    -webkit-transition: 0 !important;
    -moz-transition: 0 !important;
    -o-transition: 0 !important;
    transition: 0 !important;
    margin-top: -50px !important;
    margin-left: -50px !important;
    background: url('web_images/playbutton_big.png') no-repeat !important;
    opacity: 0.5 !important;
}

.mecom-we-offer > div {
    margin-bottom: 15px;
}

.mecom-we-offer > div .img-left {
    float: left;
    margin-right: 15px;
}
.mecom-we-offer > div .img-scale {
    max-width: 100%;
}

.mecom-we-offer > div > h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
    white-space: normal;
    font-family: 'interstateRegular',
    sans-serif;
    float:left;
    margin-top: 0;
    max-width: 530px;
}

.cursor-default {
	cursor: default !important;
}

.padding-top-25 {
  padding-top: 25px;
}

.padding-top-70 {
  padding-top: 70px;
}

.line-height {
  line-height: 1.4;
}


.one-fourth {
  width: 100%;
  max-width: 180px;
  margin: 0 20px 10px 0;
  float: left;
  display: inline-block;
}

.three-fourth {
  width: 100%;
  max-width: 620px;
  margin: 0 20px 10px 0;
  float: left;
  display: inline-block;
}


.one-half {
  width: 100%;
  max-width: 400px;
  margin: 0 20px 20px 0;
  float: left;
  display: inline-block;
}


.one-third {
  width: 100%;
  max-width: 328px;
  margin: 0 20px 20px 0;
  float: left;
  display: inline-block;
}


.one-fifth {
  width: 100%;
  max-width: 140px;
  margin: 0 20px 20px 0;
  float: left;
  display: inline-block;
}


.two-fifth {
  width: 100%;
  max-width: 320px;
  margin: 0 20px 20px 0;
  float: left;
  display: inline-block;
}


.one-sixth {
  width: 100%;
  max-width: 124px;
  margin: 0 20px 20px 0;
  float: left;
  display: inline-block;
}


.one-twelve {
  width: 100%;
  max-width: 820px;
  margin: 0 20px 20px 0;
  float: left;
  display: inline-block;
}






.padding-top {
  padding-top: 30px;
}

.mecom-form-div {
  position: relative;
  padding: 0 12px;
  background-color: #15191c;
  border:1px solid #15191c;
}

.mecom-from-textarea {
  background-color: #15191c !important;
  display: block !important;
  width: 100% !important;
  min-height: 140px !important;
  color: #f2f2f2 !important;
  border: none !important;
  font-size: 16px !important;
  font-family: 'interstateRegular', sans-serif;
  /*font-weight: bold;*/
  padding: 12px 0;
}

.mecom-from-textarea:focus {
  border: none;
  outline: 0;
}

.mecom-form select {
  background-color: #15191c;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #f2f2f2;
  border: none;
  font-size: 16px;
}

.mecom-form select:focus {
  border: none;
  outline: 0;
}

.mecom-form input[type=text] { 
  background-color: #15191c;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #f2f2f2;
  border: none;
  font-size: 16px;
  font-family: 'interstateRegular', sans-serif;
  font-weight: normal;  

}

.mecom-form input[type=text]:focus {
  border: none;
  outline: 0;
}


.mecom-form input[type=password] {
  
  background-color: #15191c;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #f2f2f2;
  border: none;
  font-size: 16px;
  font-family: 'interstateRegular', sans-serif;
  font-weight: normal; 

}

.mecom-form input[type=password]:focus {
  border: none;
  outline: 0;
}


.mecom-form input[type=button] {
  
  display: block;
  width: 100%;
  height: 52px;
  line-height: 52px;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;

  font-size: 16px;
  font-family: 'interstateRegular', sans-serif;
  font-weight: bold;
  background: rgba(254,105,30,1);
  background: -moz-linear-gradient(top, rgba(254,105,30,1) 0%, rgba(219,86,14,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,105,30,1)), color-stop(100%, rgba(219,86,14,1)));
  background: -webkit-linear-gradient(top, rgba(254,105,30,1) 0%, rgba(219,86,14,1) 100%);
  background: -o-linear-gradient(top, rgba(254,105,30,1) 0%, rgba(219,86,14,1) 100%);
  background: -ms-linear-gradient(top, rgba(254,105,30,1) 0%, rgba(219,86,14,1) 100%);
  background: linear-gradient(to bottom, rgba(254,105,30,1) 0%, rgba(219,86,14,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe691e', endColorstr='#db560e', GradientType=0 );

}

.mecom-form input[type=button]:hover {
  background: rgba(219,86,14,1);
  background: -moz-linear-gradient(top, rgba(219,86,14,1) 0%, rgba(254,105,30,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,86,14,1)), color-stop(100%, rgba(254,105,30,1)));
  background: -webkit-linear-gradient(top, rgba(219,86,14,1) 0%, rgba(254,105,30,1) 100%);
  background: -o-linear-gradient(top, rgba(219,86,14,1) 0%, rgba(254,105,30,1) 100%);
  background: -ms-linear-gradient(top, rgba(219,86,14,1) 0%, rgba(254,105,30,1) 100%);
  background: linear-gradient(to bottom, rgba(219,86,14,1) 0%, rgba(254,105,30,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db560e', endColorstr='#fe691e', GradientType=0 );
}


.mecom-label {
  display: inline-block;
  margin: 0 30px 10px 0;
  vertical-align: middle;
  cursor: pointer;
}

.mecom-radial {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  background-image: url('images/radial-unchecked.png');
}

.mecom-radial-checked {
  background-image: url('images/radial-checked.png');
}

.mecom-check {
  width: 25px;
  height: 20px;
  display: inline-block;
  margin: 7px 10px 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  background-image: url('images/check-unchecked.png');
  cursor: pointer;
}
.mecom-check-checked {
  background-image: url('images/check-checked.png');
}

#Q7SliderLeft img {
  display: block;
  right: 100px;
  width: auto;
}

#padding-0 {
  padding: 0;
}

.required {
  border:1px solid #ff5900;
}

.orange_link {
  color: #ff5900;
}

.orange_link:hover {
  color: #fff;
}

.ajax-message {
  color: #ff5900;
}

.ajax-message-white {
  font-family: "interstateRegular", sans-serif;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
}

#logout {
  cursor: pointer;
  color: #ff5900;
}

#logout:hover {
  color: #fff;
}

.thumb-inline {
  max-width: 74px;
  height: auto;
  display: inline-block;
  margin: 0 15px 15px 0;
  display: inline-block;
  vertical-align: middle;
}

.thumb-inline img {
   width: 100%;
   height: auto;
}

.thumb-info {
  display: inline-block;
  color: #fff !important;
  font-size: 16px;
  text-decoration: none;
}

.thumb-info:hover {
  color: #ff5900 !important;
}


.thumb-info-large {
  display: block;
  width: 144px;
  color: #fff !important;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  float: right;
}

.thumb-info-large:hover {
  color: #ff5900 !important;
}

.margin-bottom {
  margin-bottom: 20px;
}

.hide {
  
  display: none !important;

}

.fullscreen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 9999;
}

.fullscreenVideo {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 999;
    overflow: hidden;
}

#playVideo {
  background: url(images/video-play-icon.png);
  width: 120px;
  height: 120px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  z-index: 2;
  text-indent: -9999px;
  white-space: nowrap;
}


#playVideo:hover {
  box-shadow: 0 0 10px #ff5900;
}

#inline_content {
  max-height: 754px;
  overflow: hidden;
}

.blank-page-content {
  font-family: "interstateRegular", sans-serif;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
}

.blank-page h5 {
  color:#a2a2a2;
  font-family: "interstateRegular",​ sans-serif;
  font-size: 12px;
}

.blank-page h1 {
  font-family: "interstateRegular",​ sans-serif;
  color: #ff5900;
  font-size: 4em;  
  text-transform: uppercase;
  font-weight: bold;
}

#form_kopie {
  margin-top: 5px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.mecom-button {
  max-width: 120px;
  display: inline-block;
  margin: 0 auto;
}

.mecom-select-box {
  display: block;
  cursor: pointer;
  position: relative;
}

.mecom-select-val {
  background-color: #15191c;
  background-image: url('images/mecom-drop-down.png');
  background-repeat: no-repeat;
  background-position: 100px 20px;
  color: #a9a9a9;
  display: block;
  width: 100%;
  height: 52px;
  line-height: 52px;
  border: none;
  position: relative;
  font-size: 16px;
  font-family: 'interstateRegular', sans-serif;
  font-weight: normal;
}

.mecom-select-dropdown {
  display: none;
  list-style: none;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 99;
  padding: 0;
  margin: 0;
  width: 100%;
}

.mecom-select-dropdown li {
  display: block;
  padding: 5px;
  background-color: #494949;
  color: #f2f2f2;
  margin: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  float: none !important;
  font-size: 16px;
  font-family: 'interstateRegular', sans-serif;
  font-weight: normal;  
}

.mecom-select-dropdown li:hover {
  background-color: #f2f2f2;
  color: #15191c;
}

ul#menu-footer-menu .current-menu-item, .current-menu-ancestor {
  background-color: transparent !important;
}

.blank-page-text {
  margin-bottom: 30px;
}

.current-menu-parent a:first-child {
  color: #fff;
}


.current_page_item a:first-child {
  color: #FF5900;
}

.current_page_item:hover ul.subMenu li a {
   color: #fff;
}

.current_page_item {
  background-color: #fff;
}


.current-menu-item a {

}

.white-border-bottom {
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
  color: #fff;
}



.gaOptout {
  display: inline-block;
  text-decoration: underline;
  color: #ffffff !important;

}

.gaOptout:active {
  
  color: #ff5900 !important;
}

.homeSliderCentered {
  text-align: center;
  max-height: 465px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;  
}

.homeSliderCentered img {
  max-width: 100%;
  max-height: 100%;
  height: auto;

}

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