
/* CSS Container */
/* PAGENAME: CSS Container - isWide (vodafone.iswide.css) PAGEID: 218491 PUBLISHING DATE: 2015-11-23 12:46:03 */
/* URL-Prefix: [] */
/* -[SNIPPETS >>>]---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - isWide Basic */
/* PAGEID: 218572 */
/* PUBLISHING DATE: 2015-11-23 12:46:03 */
/* ------------------------------------------------------------------------------------------- */

body.isWide {
  background: url(/images/v5/css/body_bg_grey2650.png) repeat-y !important
}
/*
.isWide .divMatrix.noAds     { margin:0;padding-left:130px;  }
.isWide .divMatrix.noAds     { width:100%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }
*/
.isWide #imheader {
  margin-bottom: 525px
}
/* bodyBg Bildausspieler LP Selbständige /images/v5/css/body_bg_grey_gk_2650x500.png */

 /* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - wideHero */
/* PAGEID: 218573 */
/* PUBLISHING DATE: 2015-11-23 12:46:03 */
/* ------------------------------------------------------------------------------------------- */
 

.wideHero {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 560px;
}
.wideHero li {
  position: relative;
  height: 560px;
  background-position: center;
}
.wideHero .wideHeroNav {
  position: relative;
  top: -42px;
  left: 0px;
  width: 956px;
  height: 26px;
  border-top: 1px solid #333333;
  z-index: 1;
  margin: 0 auto;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,.8);
}
.wideHero .wideHeroNav .navItem {
  position: relative;
  display: block;
  float: left;
  width: 190px;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.wideHero .wideHeroNav .navItem {
  color: #333333
}
.wideHero .wideHeroNav .navItem:hover {
  text-decoration: underline
}
.wideHero .wideHeroNav .navItem.active {
  font-weight: bold;
  color: #E60000;
}
.wideHero .wideHeroNav .navItem.active:hover {
  text-decoration: none
}
.wideHero .wideHeroNav .progressbar {
  position: absolute;
  top: -1px;
  left: 0px;
  width: 30px;
  height: 1px;
  background-image: url(/images/v5/progress_glow2.png);
}
.wideHero .sImg {
    position:absolute;top:0;
}
.wideHeroContentWrapper {
  position: relative;
  top: -1px;
  margin: 0 auto;
  width: 956px;
  height: 560px;
}
.wideHeroContentBox {
  position: absolute
}
.wideHeroContentBox .headline,
.wideHeroContentBox .headline p {
  font-family: 'VodafoneExBRegular',Arial,Helvetica,sans-serif;
  font-size: 48px;
  line-height: 44px;
  font-weight: normal;
  color: #E60000;
  margin-bottom: 14px;
}
.wideHeroContentBox .subline,
.wideHeroContentBox .subline p {
  font-family: 'VodafoneLtRegular',Arial,Helvetica,sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
  color: #000000;
  margin-bottom: 18px;
}
.wideHeroContentBox .subline sup,
.wideHeroContentBox .subline p sup {
  font-family: 'VodafoneLtRegular',Arial,Helvetica,sans-serif;
  font-size: 13px;
  line-height: 13px;
}
.wideHeroContentBox .wideHeroButtonBox {
  position: relative;
  float: left;
  margin-right: 7px;
}
.wideHeroContentBox .buttonBig {
  float: left
}

/* promoCounter */
.promoCounter                    { position:absolute;top:452px;right:0; }
.promoCounter img                { position:relative;float:left; }
.promoCounter .txtBox            { position:relative;float:left;margin-left:10px;font-family:'VodafoneRegular',Arial,Helvetica,sans-serif;font-size:18px;line-height:38px;font-weight:normal; }
.promoCounter .txtBox strong     { font-family:'VodafoneBold',Arial,Helvetica,sans-serif;font-size:18px;line-height:38px;font-weight:normal;color:#e60000; }
 /* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - emergency screen */
/* PAGEID: 219089 */
/* PUBLISHING DATE: 2015-11-23 12:46:03 */
/* ------------------------------------------------------------------------------------------- */


  .emergency                       { position:relative;width:100%;height:50px;font-size:14px;line-height:50px; }
  .emergency .emergencyWrapper     { width:956px;margin:0 auto; }

  .emergency .txt       { position:relative;height:50px;overflow:hidden; }
  .emergency a          { text-decoration:none; }
  .emergency .icon      { position:relative;float:left;width:34px;height:50px;margin-right:18px;background:url(/images/v5/emergency_sprite_2.png); }
  .emergency:before            { position:absolute;content:" ";top:0px;left:-130px;height:100%;width:130px; }
  .emergency a.read b          { position:relative; }
  .emergency a.read b:after    { position:absolute;content:" ";top:2px;right:-20px;height:0;width:0;border:solid transparent;border-width:6px; }
  
  .emergency.grau .icon.error             { background-position:0 0; }
  .emergency.grau .icon.warning           { background-position:0 -50px; }
  .emergency.grau .icon.info              { background-position:0 -100px; }
  .emergency.grau,
  .emergency.grau a,
  .emergency.grau:before            { background-color:#c2c2c2;color:#000000; }
  .emergency.grau a.read b:after    { border-left-color:#000000; }
  
  .emergency.lila .icon.error             { background-position:-34px 0; }
  .emergency.lila .icon.warning           { background-position:-34px -50px; }
  .emergency.lila .icon.info              { background-position:-34px -100px; }
  .emergency.lila,
  .emergency.lila a,
  .emergency.lila:before            { background-color:#9c2aa0;color:#ffffff; }
  .emergency.lila a.read b:after    { border-left-color:#ffffff; }
  
  .emergency.rot .icon.error             { background-position:-34px 0; }
  .emergency.rot .icon.warning           { background-position:-34px -50px; }
  .emergency.rot .icon.info              { background-position:-34px -100px; }
  .emergency.rot,
  .emergency.rot a,
  .emergency.rot:before             { background-color:#990000;color:#ffffff; }
  .emergency.rot a.read b:after     { border-left-color:#ffffff; } 

  .emergency.dunkelgrau .icon.error             { background-position:-34px 0; }
  .emergency.dunkelgrau .icon.warning           { background-position:-34px -50px; }
  .emergency.dunkelgrau .icon.info              { background-position:-34px -100px; }
  .emergency.dunkelgrau,
  .emergency.dunkelgrau a,
  .emergency.dunkelgrau:before             { background-color:#666666;color:#ffffff; }
  .emergency.dunkelgrau a.read b:after     { border-left-color:#ffffff; } 
 /* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - contentCarousel */
/* PAGEID: 218574 */
/* PUBLISHING DATE: 2015-11-23 12:46:03 */
/* ------------------------------------------------------------------------------------------- */

.contentCarousel    { position:relative;width:956px;height:270px;margin:0 0 0 3px;background-color:#F4F4F4;visibility:hidden; }
.contentCarousel .ccSlider      { position:relative; }

.contentCarousel .ccSlider .slide img         { width:109px; }
.contentCarousel .ccSlider .slide span        { position:relative;display:block;width:110px;height:36px;text-align:center;font-size:14px;font-weight:bold;line-height:18px;color:#333333;padding-top:20px;overflow:hidden; }
.contentCarousel .ccSlider .slide a           { color:#333333;text-decoration:none; }
.contentCarousel .ccSlider .slide a:hover     { color:#333333;text-decoration:underline; }

.contentCarousel .miniNav             { position:absolute;top:10px;display:inline-block;width:69px;height:29px;margin-left:15px;background-image:url(/images/v5/css/bx_tarifslider_prenext.png); }
.contentCarousel .miniNav .miniPrev   { position:relative;width:33px;height:27px;float:left;margin-left:2px;cursor:pointer; }
.contentCarousel .miniNav .miniNext   { position:relative;width:32px;height:27px;float:left;margin-left:1px;cursor:pointer; }

.contentCarousel .buttonBox               { position:absolute;bottom:30px;right:-2px; }
.contentCarousel ul.ulTextLinkList li a   { font-size:12px;font-weight:bold;padding:0 2px 0 7px; }

/* BxSlider v4.0 */

/* RESET AND LAYOUT */

.contentCarousel .bx-wrapper {
    position: relative;
    margin: 20px auto 0;
    padding: 0;
    *zoom: 1;
}
.contentCarousel .bx-wrapper img {
    display: block;
}

/* THEME */

.contentCarousel .bx-wrapper .bx-viewport {
    background: transparent;
}
.contentCarousel .bx-wrapper .bx-pager,
.contentCarousel .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -45px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(/images/v5/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.contentCarousel .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.contentCarousel .bx-wrapper .bx-pager .bx-pager-item,
.contentCarousel .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.contentCarousel .bx-wrapper .bx-pager .bx-pager-item     { float:none;margin:0 0 10px; }

.contentCarousel .bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin: 0 5px;
    outline: 0;
    background:url(/images/v5/css/cc_pager.png)
}
.contentCarousel .bx-wrapper .bx-pager.bx-default-pager a:hover,
.contentCarousel .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-position:0 -10px;    
}



/* DIRECTION CONTROLS (NEXT / PREV) */

.contentCarousel .bx-wrapper .bx-controls { position:relative;top:0px;left:0px;right:0px; }
.contentCarousel .bx-controls-direction   { position:relative; }
.contentCarousel .bx-wrapper .bx-prev {
    left: -73px;
    right:auto;
    background: url(/images/v5/cc_slider_arrows.png) no-repeat -28px -25px;
}
.contentCarousel .bx-wrapper .bx-next {
    left:auto;
    right: -73px;
    background: url(/images/v5/cc_slider_arrows.png) no-repeat -103px -25px;
}
.contentCarousel .bx-wrapper .bx-prev:hover {
    background-position: -28px -161px;
}
.contentCarousel .bx-wrapper .bx-next:hover {
    background-position: -103px -161px;
}
.contentCarousel .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top:-190px;
    outline: 0;
    width: 38px;
    height: 122px;
    text-indent: -9999px;
    z-index: 200;
}
.contentCarousel .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}



/* content carousel - landingpages */

.divContent4Col .contentCarousel {
    float:left;
    width:752px;
    height:298px;
    margin:0 0 30px 9px;
    border-bottom:1px solid #cdcdcd;
    background-color:#ffffff;
}
.divContent4Col .contentCarousel .bx-wrapper .bx-prev {
    left:-96px;
}
.divContent4Col .contentCarousel .bx-wrapper .bx-next {
    right:-96px;
}
  
/* -[SNIPPETS <<<]---------------------------------------------------------------------------- */
 