/* ------------- Main Declarations ------------- */

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
}


/* ------------- Header ------------- */

.header {
    padding-top: 0px;
    height: 54px;
}


/** meta **/
span.metaNav {
    display: block;
    width: 34px;
    height: 27px;
    background: url("images/icon_metaNav.png") 0 0 no-repeat;
    cursor: pointer;
}

span.metaNav.active,
span.metaNav:hover {
    background-position: 0 -28px;
}


/* ------------- Content ------------- */

.allWrap {
    padding: 34px;
    margin-top: -1px;
    border-top: 1px solid #fff;
}

div.content {
    display: block;
}

.cWrap {
    width: 1000px;
    height: 546px;
    overflow: hidden;
}

div.temp-content {
    display: none;
}


.pagemenu {
    margin-right: -11px;
}

.item {
    position: relative;
    z-index: 0;
    display: block;
    margin: 0 11px 11px 0;
    padding: 0;
    width: 326px;
    height: 262px;
    overflow: hidden;

    background: #00b8ee url(images/icon_arrowUp.png) center bottom no-repeat;
    color: #fff;

    cursor: pointer;
}

.item .entry {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    padding: 30px;
    width: 266px;
    height: 202px;
    background: #00b8ee url(images/icon_arrowUp.png) center bottom no-repeat;
    color: #fff;
}

.item .entry.zi0 {
    z-index: 0;
}
.item .entry.zi10 {
    z-index: 10;
}

.entry .scroller-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.entry .scroller {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.item .entry.two {
    z-index: 10;
    padding: 0 !important;
    width: 100%;
    height: 100%;
}

.item .entry.slider {
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
}


.item .entry.two .imgNav {
    display: none;
}


.item .entry.two img,
.item .entry.slider img {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
}

.content .item .entry.start {
    display: block;
    z-index: 100;
    background: #00b8ee url(images/icon_arrowUp.png) center bottom no-repeat; /* Fallback */
    background: rgba(0,184,238,1) url(images/icon_arrowUp.png) center bottom no-repeat;
}




.content .item.disabled .entry.start {
    background: #e5e6e6 url(images/icon_arrowUp.png) center bottom no-repeat !important;
}

.content .item:hover .entry.start,
.content .item.disabled:hover .entry.start {
    background: url(images/icon_arrowUp.png) center bottom no-repeat !important; /* Fallback */
    background: rgba(0,184,238,0.6) url(images/icon_arrowUp.png) center bottom no-repeat !important;
}




/* video einbindung */
.mejs-offscreen,
.mejs-overlay,
.mejs-controls {
    display: none !important;
}

div.meta .item .entry.two {
    background: #fff;
}

div.meta .item .entry.start {
    background: url("videos/elevator.png") 0 0 no-repeat !important;
    background-size: cover !important;
}

div.meta .item .entry.start:after {
    content: url(images/icon_arrowUp.png);
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -6px;
}

div.meta .item:hover .entry.start:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;

    margin: -5px 0 0 -10px;
    width: 30px;
    height: 22px;

    display: block;
    background: url("images/btn_play.png") 0 0 no-repeat;
    background-size: contain;
}

.mejs-container,
.mejs-inner,
.mejs-mediaelement,
video {
    position: relative;
}









.item .entry a,
.item .entry a:hover,
.item .entry a:visited {
    color: #fff;
    text-decoration: underline;
}
.item .entry a:hover {
    text-decoration: underline;
}


.item h2 {
    margin: 0 0 0.75em 0;
    padding: 0;
    font-family: "robotomedium",sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;

    letter-spacing: 0.12em
}

.item h1,
.item h3 {
    margin: 6px 0 0;
    padding: 0;
    min-height: 24px;
    font-family: "robotoregular",sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 28px;

    letter-spacing: 0.04em;
}
.item h3 {
    margin: 0;
}


.item ul {
    padding: 0;
    margin: 1em 0 1em 12px;
}

.item li {
    list-style: disc url(images/bullet.png);
}




/*
 * Nav
 */

div.navBar {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    height: 45px;
    width: 100%;
    background: url(images/bg_navWrap.png) center 0 no-repeat;
}

div.navBar .wrap {
    margin-top: 6px;
    padding: 0;
    height: 39px;
    background: #fff;
}

div.nav {
    position: relative;
    float: left;
    padding: 6px 0 6px;
    height: 27px;
    width: 20%;
    text-align: center;
}

div.nav span {
    display: inline-block;
    margin: 0;
    height: 27px;
    width: 21px;
}

div.nav.one span {
    background: url("images/icon_one_heart.png") 0 0 no-repeat;
}

div.nav.two span {
    background: url("images/icon_two_people.png") 0 0 no-repeat;
}

div.nav.three span {
    background: url("images/icon_three_circle.png") 0 0 no-repeat;
}

div.nav.four span {
    background: url("images/icon_four_lock.png") 0 0 no-repeat;
}

div.nav.five span {
    background: url("images/icon_five_bars.png") 0 0 no-repeat;
}


div.nav.active span,
div.nav:hover span {
    background-position: 0 -33px;
}

div.nav.disabled span {
    display: none;
}


.content .navBar .wrap {
    padding: 0;
    text-align: center;
}

.navBar,
h1.nav,h2.nav,h3.nav {
    display: inline;
    margin: 0;
    padding: 0;
    font-family: "robotoregular",sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;

    color: #8c8c8c;
}

h1.nav.active,
h1.nav:hover,
h2.nav.active,
h2.nav:hover,
h3.nav.active,
h3.nav:hover {
    color: #00b8ee;
}


.videoLink {
    padding: 24px 0;
}


/* ------------- Footer ------------- */
.footer {
    padding-top: 15px;
    height: 20px;

    font-family: "robotoregular", sans-serif;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #8c8c8c;
}

.footer a,
.footer a:hover,
.footer a:visited {
    color: #00b8ee;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}





td {
  vertical-align: top;
}
td p {
  margin: 2px 0;
}




/* ------------- Global Classes and Attributes ------------- */
.fll {
    float: left;
}

.flr {
    float: right;
}

.page {
    position: relative;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* ------------- Clearfix ------------- */

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