/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Container Global - SD 3 - (v6) */
/* PAGENAME: SD3 - CSS Container - Vodafone www Styles - SD III - (vodafone.cms.v6.css) */
/* PAGEID: 209567 */
/* FILENAME: vodafone.cms.v6.css */
/* PATH: /styles/vodafone.cms.v6.css */
/* PROJECT VARIANT: 101B266092D0441D922D8B549EA19BF0 */
/* STATUS: PUBLISH READY */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 6 SD3 Simplify */
/* PUBLISHING DATE: 2025-12-10 18:21:04 */
/* ------------------------------------------------------------------------------------------- */

/* -[SNIPPETS >>>]---------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - GRID with zoom fix */
/* PAGENAME: CSS Snippet - GRID with zoom fix - CMS Fixes */
/* PAGEID: 212141 */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 6.0.0 */
/* LAST CHANGES: 2013-04-03 */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */

/* GRID with zoom-fix */
div.divContent1Col {
 float: left;
 overflow: hidden;
 width: 212px;
 margin-right:-20px;
}
div.divContent2Col {
 float: left;
 overflow: hidden;
 width: 404px;
 margin-right:-20px;    
}
div.divContent3Col {
 float: left;
 overflow: hidden;
 width: 596px;
 margin-right:-20px;    
}
div.divContent4Col {
 float: left;
 overflow: hidden;
 width: 788px;
 margin-right:-20px;    
}
div.divContent5Col {
 float: none;
 clear: both;
 overflow: hidden;
 width: 981px;
 margin-right:-20px;
}
div.divContent1Col div.divModuleBasicExtension,
div.divContent1Col div.divArticleBasic,
div.divContent1Col > div.divInlay,
dividerLine {
 max-width:186px;
}
div.divContent2Col div.divModuleBasicExtension,
div.divContent2Col div.divArticleBasic,
div.divContent2Col > div.divInlay {
 max-width:378px;
}
div.divContent3Col div.divModuleBasicExtension,
div.divContent3Col div.divArticleBasic,
div.divContent3Col > div.divInlay {
 max-width:570px;
}
div.divContent4Col div.divModuleBasicExtension,
div.divContent4Col div.divArticleBasic,
div.divContent4Col > div.divInlay {
 max-width:762px;
}
div.divContent5Col div.divModuleBasicExtension,
div.divContent5Col div.divArticleBasic,
div.divContent5Col > div.divInlay,
div.divContent5Col .divHeroLinkBoxBottom {
 max-width:954px;
} 
/* END GRID with zoom-fix*/
/* CMS Special Fixes */
div.divSubjectModule div.divInlay > div.divInlay {
    padding: 0px !important;
}
div.divSubjectModule div.divInlay div.divModuleAppTeaser3Col {
    width: auto;
}
/* SD4 DEV */
ul.ulLinkList {
  border-bottom: 1px solid #cccccc;
}
ul.ulLinkList li {
  border-top: 1px solid #cccccc;
}
ul.ulRelatedLinkList {
  border-bottom: 1px solid #cccccc;
}
ul.ulRelatedLinkList li {
  border-top: 1px solid #cccccc;
}
.width1Col, .width1-33Col, .width1-5Col, .width1-66Col, .width2Col, .width2-5Col, .width2-66Col, .width3Col, .width4Col, .width5Col, .widthAutoCol {
  border: 1px solid #FFFFFF;
}
div.divModuleBasic h1, div.divModuleBasic h2, div.divModuleBasic h3, div.divModuleBasic h4, div.divModuleBasic h5, div.divModuleBasic h6, div.divModuleBasic strong.headline {
    background: none #ffffff;
}
.dividerLine {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    display: block;
    float: none;
    height: 9px;
    margin: 0 7px 20px 9px;
}
div.divArticleBasic {
    padding-bottom:0;
}
div.divContent2Col .dividerLine {
 max-width:368px;
}
div.divContent3Col .dividerLine {
 max-width:560px;
}
div.divContent4Col .dividerLine {
 max-width:752px;
}
div.divContent5Col .dividerLine{
 max-width:944px;
} 
.divTabbedNavigationSimplify .divModuleBasic {
    margin-top:10px;
    }
/*
div.divSubjectModule .imgTeaser {
  margin: 5px 5px 5px;
}
*/
/*
div.divSubjectModule .divTabbedNavigationSmall div.divTabsContainer {
  border: 0px none;
    margin: 0px 1px;
}
*/
div.divRightHandColumn {
  border: 1px solid #cccccc !important;    
    border-right-color:#ffffff !important;
    border-bottom: 0px none !important;
  margin-bottom: 0;
  padding-bottom: 10px;    
}
div.clear {
  float:none;
  clear:both;
}


 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - Herospace Module - Strategic Design II - (for include only!) */
/* PAGENAME: SD2 CSS Snippet - Herospace Module - SD2 */
/* PAGEID: 205864 */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 5.2.0 */
/* LAST CHANGES: 2012-05-01 */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */
div.herospace {
  position:relative;
}
div.herospaceImages div {
  position: absolute;
}
div.herospaceMinimized {
    height: 30px;
/* only if Breadcrumb is shown with herospace
   position: absolute;
   right: 10px;
   top: 7px; */
}
div.herospaceMinimizer {
  position: absolute;
  right: 4px;
  top: 5px;
  z-index: 7;
}
div.herospaceControls {
  position: absolute;
  right: 28px;
  top: 5px;
  z-index: 7;
}
div.herospaceImages  a.topLink  span {
    position: absolute;
    width: 138px;
    height: 70px;
    padding: 62px 5px 5px 40px;
    border: none;
    top: 0px;
    text-decoration: none;
    font-size: 14px;
}
div.herospaceImages a.bottomLink {
    position: absolute;
    background-color: #ececec;
    width: 138px;
    height: 70px;
    padding: 62px 5px 5px 40px;
    border: none;
    border-left: #d0d0d0 1px solid;
    border-top: #d0d0d0 1px solid;
    top: 137px;
    text-decoration: none;
    font-size: 14px;
}
.width5Col div.herospaceImages  a.topLink  span, 
.width5Col div.herospaceImages a.bottomLink {
    left: 770px;
}
.width4Col div.herospaceImages  a.topLink  span, 
.width4Col div.herospaceImages a.bottomLink {
    left: 578px;
}
.width3Col div.herospaceImages  a.topLink  span, 
.width3Col div.herospaceImages a.bottomLink {
    left: 386px;
}


/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - Herospace SD3 xtensions */
/* PAGENAME: CSS Snippet - Herospace SD3 xtensions */
/* PAGEID: 205865 */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 6.0.9 */
/* LAST CHANGES: 2013-05-14 */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */

.styleSD3Herospace>.width5Col{
   border: 1px solid #cecece!important;
}
.styleHero5 .herospaceControls,
.styleHero4 .herospaceControls,
.styleHero3 .herospaceControls {
    position:absolute;
    left:0px;
    top: 230px;
}
.styleSD3Herospace .herospace .slidetabs{
    width:955px!important;
    height: 46px!important; 
    background: transparent!important;
    padding:0px;
    float:left;
    /*overflow: hidden;*/
    margin-left: 0px;
    /*border-left: 1px solid #cecece;*/
}
.styleSD3Herospace .herospace .slidetabs a {
    /*border-left: 1px solid #cecece;*/
    border-right: 1px solid #cecece;
    border-top: 1px solid #cecece!important;
}
.styleSD3Herospace .herospace .slidetabs a:link, 
.styleSD3Herospace .herospace .slidetabs a:visited {
    display: inline;
    float: left;
    font-size: 13px;
    color: #333333;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    margin-top: 16px;
    padding-top: 0px;
    text-align: center;
    margin-left: 0px;
    background: #ffffff;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}
.styleSD3Herospace .herospace .slidetabs a:hover{
    text-decoration:none !important;
    color: #BD0000!important;
    opacity: 0.9;
    filter: alpha(opacity = 90);    
}
.styleSD3Herospace .herospace .slidetabs a.current:hover{
    text-decoration:none !important;
    color: #E60000!important;
    opacity: 1;
    filter: alpha(opacity = 100);   
}
.styleSD3Herospace .herospace .slidetabs a.current  {
    padding-top :8px;
    margin:0;
    margin-top:9px;
    opacity: 1;
    filter: alpha(opacity = 100);
    margin-left: 0px;
    font-weight: bold;
    font: Arial;
    color: #333333;
    size: 13px;
    border: none!important;
}
.styleHero5 .slidetabs a.current  {
    background: transparent url(/images/v5/css/herospaceTabHorizontalSprite.png) !important;
    background-repeat: no-repeat !important;
    background-position: right -110px !important;
}
.styleHero4 .slidetabs a.current{
    background: transparent url(/images/v5/css/herospaceTabHorizontalSprite.png) !important;
    background-repeat: no-repeat !important;
    background-position: right -55px !important;
}
.styleHero3 .slidetabs a.current{
    background: transparent url(/images/v5/css/herospaceTabHorizontalSprite.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 0px !important;
}
.styleHero5 .slidetabs a {width: 190px;}
.styleHero5 .slidetabs a:last-child {width: 190px;}

.styleHero4 .slidetabs a {width: 238px;}
.styleHero4 .slidetabs a:last-child {width: 237px;}

.styleHero3 .slidetabs a {width: 317px;}
.styleHero3 .slidetabs a:last-child {width: 318px;}

.styleSD3Herospace .herospace .herospaceMinimizer,
.styleSD3Herospace .herospace .herospaceControls .backward,
.styleSD3Herospace .herospace .herospaceControls .forward,
.styleSD3Herospace .herospace .herospaceControls .stop {
    display: none;
}
/* Herospace Action-Space Vertical Tabs */
.styleSD3Vertical .herospace .herospaceMinimizer,
.styleSD3Vertical .herospace .herospaceControls .backward,
.styleSD3Vertical .herospace .herospaceControls .forward,
.styleSD3Vertical .herospace .herospaceControls .stop {
    display: none;
}
.styleSD3Vertical .herospaceImages > div {display:none;}
.styleSD3Vertical .herospaceImages > div:first-child {display:block;}

.styleSD3Vertical .hero-tabs-nav {
    background: none repeat scroll 0 0 transparent;
    height: 460px;
    right: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 195px;
    display:block;
    margin:0;
}
.styleSD3Vertical .hero-tabs-nav li {
    display:block;
    vertical-align:middle;
    color: #333333;
    font-size: 18px;
    line-height: normal;
    width: 195px;
    margin:0;    
}
.styleSD3Vertical .hero-tabs-nav a,
.styleSD3Vertical .hero-tabs-nav a:link,
.styleSD3Vertical .hero-tabs-nav a:visited {
    position:relative;
    height:inherit;
    display:table;
    color: #333333;
    font-size: 18px;
    line-height: normal;
    text-decoration: none;
    width: 185px;
    margin-left:10px;
}
.styleSD3Vertical .hero-tabs-nav a span {
    display: table-cell;
    vertical-align:middle;
    padding: 0 18px;
    color: #333333;
    font-size: 18px;
    line-height: normal;
    text-decoration: none;
    border-bottom:1px solid #cecece;
    border-left:1px solid #cecece;    
    background: #ffffff;
    opacity: 0.7;
    filter: alpha(opacity = 70);   
}
.styleSD3Vertical .hero-tabs-nav li:last-child a span {
    border-bottom:0px none;   
}
.styleSD3Vertical .hero-tabs-nav a.current span {
    background: transparent;
    border-left:0px none;
    opacity: 1;
    filter: none;
    color: #333333;
    size: 13px;
    font-weight:bold;
}
.styleSD3Vertical .hero-tabs-nav a.current {
    padding-left:8px;
    margin-left:2px;
    background: transparent url(/images/v5/css/SD3bgHeroVerTabActive.png);
    background-repeat: no-repeat;
    background-position: 0px center;    
}
.styleSD3Vertical .hero-tabs-nav a:hover span {
    text-decoration:none !important;
    color: #BD0000!important;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}
.styleSD3Vertical .hero-tabs-nav a.current:hover span {
    text-decoration:none !important;
    color: #333333!important;
    opacity: 1;
    filter: none;
}
/* Herospace ActionBox Extension */
.herospaceActionBox .imgTeaser {
    margin:0px;
}
div.mediaLeft div.divInlay {
    float: right;
    position: relative;
}
.herospaceActionBox .imageLeft .imgTeaser,
.herospaceActionBox .mediaLeft .divMediaAddOn {
    margin:5px !important;
        float:left;
}
.herospaceActionBox .height560 .imageLeft .imgTeaser {
    height:550px;
}
.herospaceActionBox .width4Col .imageLeft.width250 .imgTeaser {
    width:250px;
}
.herospaceActionBox .height465 .divTabbedNavigationSimplifyBig .imageLeft .imgTeaser,
.herospaceActionBox .height465 .divTabbedNavigationSimplifyBig .mediaLeft .divMediaAddOn {
    height:374px;
}
.herospaceActionBox .width5Col .imageLeft.width566 .imgTeaser {
    width:566px;
}
.herospaceActionBox .width5Col .imageLeft.width470 .imgTeaser,
.herospaceActionBox .width4Col .imageLeft.width470 .imgTeaser,
.herospaceActionBox .width3Col .imageLeft.width470 .imgTeaser {
    width:470px !important;
}
.herospaceActionBox .width5Col .imageLeft.width350 .imgTeaser,
.herospaceActionBox .width4Col .imageLeft.width350 .imgTeaser,
.herospaceActionBox .width5Col .mediaLeft.width350 .divMediaAddOn,
.herospaceActionBox .width4Col .mediaLeft.width350 .divMediaAddOn {
    width:350px !important;
}
.herospaceActionBox .width5Col .imageLeft.width470 .imgEyeCatcher {
    width:135px;
    margin-right:24px;
    float:right;
}
.herospaceActionBox .width4Col .imageLeft.width350 .imgEyeCatcher {
    width:135px;
    position:absolute;
    right:0px;
    bottom:0px;
}
.herospaceActionBox .width4Col.height465 .imageLeft.width350 .imgEyeCatcher,
.herospaceActionBox .width4Col.height465 .mediaLeft.width350 .imgEyeCatcher {
    width:135px;
    margin-right:10px;
    float:right;
    position: relative;
}
.herospaceActionBox .width4Col.height303 .imageLeft.width250 .imgEyeCatcher {
    float: right;
    margin-right: 0px;
    position: relative;
    width: 135px;
}
.herospaceActionBox .width5Col .imageLeft.width566 .divInlay {
    width:335px;
    padding:50px 24px 20px 19px !important;
}
.herospaceActionBox .width5Col .imageLeft.width470 .divInlay {
    width:431px;
    padding:50px 24px 20px 19px !important;
}
.herospaceActionBox .width4Col .imageLeft.width470 .divInlay {
    width:239px;
    padding:50px 24px 20px 19px !important;
}
.herospaceActionBox .width4Col .imageLeft.width350 .divInlay,
.herospaceActionBox .width4Col .mediaLeft.width350 .divInlay {
    width:359px;
    padding:50px 24px 20px 19px !important;
}
.herospaceActionBox .width4Col .imageLeft.width250 .divInlay {
    padding: 50px 24px 20px 19px !important;
    width: 323px;
}
div.herospaceActionBox div.height303 div.divInlay {
    height: 177px;
}

.herospaceActionBox .width5Col .imageLeft.width470.imageEyeCatcher .divInlay {
    width:296px;
    padding:50px 0px 20px 19px !important;
}
.herospaceActionBox .width4Col.height465 .imageLeft.width350.imageEyeCatcher .divInlay,
.herospaceActionBox .width4Col.height465 .mediaLeft.width350.imageEyeCatcher .divInlay {
    width:238px;
    padding:43px 0px 20px 19px !important;
}
.herospaceActionBox .width5Col div.divButtonLeft {
    bottom: 20px;
    left: auto;
    position: absolute;
    margin-left:-2px;
}
.herospaceActionBox div.divInlay h1,
.herospaceActionBox div.divInlay h2,
.herospaceActionBox div.divInlay h3,
.herospaceActionBox div.divInlay h4,
.herospaceActionBox div.divInlay h5 {
    font-family:VodafoneRgRegular, Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: normal;
    padding-bottom:10px;
}

 
 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - DirectEntry Teaser - Strategic Design II - (for include only!) */
/* PAGENAME: SD2 CSS Snippet - DirectEntry Teaser - Strategic Design II  */
/* PAGEID: 205866 */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 5.2.0 */
/* LAST CHANGES: 2012-05-01 */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */

.directEntryTeaser {
    position: relative;
    display: block;
    width: 181px;
    height: 100px;
    float: left;
    margin: 5px 1px 1px 5px;
    background-image: url(/images/v5/bg_directentry.png);
    text-decoration: none !important;
}
.directEntryTeaser .imgBox {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 98px;
    top: 2px;
    left: 0px;
    vertical-align: middle;
}
.directEntryTeaser .imgBox img {
    position: relative;
    display: block;
    width: 70px;
    margin: 0px auto;
}
.directEntryTeaser .textBox {
    position: relative;
    display: inline-block;
    width: 82px;
    vertical-align: middle;
    font-weight: bold;
    padding: 0px 0px 0px 9px;
    background: url(/images/v5/linkArrows-transparent.png) no-repeat 0 3px;
}
.directEntryTeaser:hover .textBox {
    background-position: 0 -153px;
}


/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS SNIPPET - SHOP+WWW - Product Module (Handyslider) - SD2 */
/* PAGENAME: SD2 CSS Snippet - Product Module (Handyslider) - SD2 */
/* PAGEID: 205868 */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 5.2.0 */
/* LAST CHANGES: 2012-05-01 */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */
div.handySliderControls {
  position: absolute;
  right: 5px;
  top: 7px;
  z-index: 7;
}
div.divModuleBasic.herospace div.handySliderControls {
  right: 10px;
  top: 10px;
}
div.divModuleBasic div.teaserSliderSmall {
  padding: 6px 5px 0 5px !important;
  width: 368px;
  height: 317px;
}
div.divModuleBasic.height400.styleHeaderLanding div.teaserSliderSmall,
div.divModuleBasic.height400.styleHeaderBasic div.teaserSliderSmall {
  height: 347px;
}
div.divModuleBasic.herospace div.teaserSliderSmall {
  padding: 0px !important;
}
div.divModuleBasic div.mysliderSmall {
  position:relative;
  overflow:hidden;
  width: 368px;
  height: 317px;
}
div.divModuleBasic.height400.styleHeaderLanding div.mysliderSmall,
div.divModuleBasic.height400.styleHeaderBasic div.mysliderSmall {
  height: 347px;
}
div.divModuleBasic.width5Col.herospace div.teaserSliderSmall,
div.divModuleBasic.width5Col.herospace div.mysliderSmall {
  width:954px;
}
div.divModuleBasic.height260.herospace div.teaserSliderSmall,
div.divModuleBasic.height260.herospace div.mysliderSmall {
  height:260px;
}
div.divModuleBasic div.teaserSliderSmall .items {
  width:20000em;
  position:absolute;
}
div.divModuleBasic div.teaserSliderSmall .items div {
  float:left;
}
div.divModuleBasic div.teaserSliderSmall .items div.teaserHandset.big {
  height: 322px;
  position: relative;
  width: 368px;
}
div.divModuleBasic.height400.styleHeaderLanding div.teaserSliderSmall .items div.teaserHandset.big,
div.divModuleBasic.height400.styleHeaderBasic div.teaserSliderSmall .items div.teaserHandset.big {
  height: 357px;
}
div.divModuleBasic div.teaserHandset.big img {
  float: left;
  height: 252px;
  margin: 8px 10px 5px 0px;
  width: 176px;
  padding: 0;
}
div.divModuleBasic.height400.styleHeaderLanding div.teaserSliderSmall .items div.teaserHandset.big img,
div.divModuleBasic.height400.styleHeaderBasic div.teaserSliderSmall .items div.teaserHandset.big img {
  height: 285px;
}
div.divModuleBasic div.teaserHandset.big h2 {
  font-size: 1.18em;
  padding-bottom: 5px;
  padding-top: 15px;
  font-weight:bold;
}
div.divModuleBasic div.teaserHandset.big h3 {
  font-size: 1em;
  padding-bottom: 5px;
  font-weight:bold;
}
div.divModuleBasic div.teaserHandset ul.ulInfo, 
div.divModuleBasic div.teaserHandset ul.ulContent {
   overflow: hidden;
   height: auto;
   list-style:disc outside;
   margin-bottom:20px;
   padding-left:0px !important;
}
div.divModuleBasic div.teaserHandset ul.ulInfo li, 
div.divModuleBasic div.teaserHandset ul.ulContent li {
   margin-left: 15px;
   list-style-position: outside;
   list-style-type:disc;
   line-height:1.64em;
   font-size:1em;
}
div.divModuleBasic div.teaserHandset ul.ulTextLinkList {
    max-width:160px;
}
div.teaserHandset div.divPrice {
   width:170px;
}
div.teaserHandset div.divButtonLeft {
   position:absolute;
   left:3px;
   bottom:20px;
}
div.teaserHandset div.divButtonRight {
   position:absolute;
   right:3px;
   bottom:20px;
}
div.divModuleBasic.width5Col.height260 div.teaserSliderSmall .items div.divHeroContainer {
    height: 260px;
    position: relative;
    width: 954px;
}

/* ePengList ist kein Slider, benutzt aber fast das gleiche Layout*/
div.divModuleBasic div.teaserSliderSmall.ePengList                               { height:407px !important; }
div.divModuleBasic div.teaserSliderSmall.ePengList div.teaserHandset.big img     { width:170px;height:230px;margin:8px 10px 120px 0; }
div.divModuleBasic div.teaserSliderSmall.ePengList .divPrice                     { float:left;height:auto;padding-bottom:0;margin-bottom:7px; }
div.divModuleBasic div.teaserSliderSmall.ePengList div.teaserHandset ul.ulInfo   { margin-bottom:6px; }
div.divModuleBasic div.teaserSliderSmall.ePengList div.teaserHandset .note       { position:relative;margin-bottom:6px; }
div.divModuleBasic div.teaserSliderSmall.ePengList div.teaserHandset .note       { position: relative;width:188px;margin-bottom:6px;float:left; }

/*Offer Module - ist kein Slider-Inhalt, aber ein Slider Derivat*/ 
div.divModuleBasic div.offerModule h2 {
   font-size: 1.18em;
   padding-bottom: 5px;
   padding-top: 25px;
   font-weight:bold;
}
/*Offer Module Widget */
.sliderWidget strong.h2 {
   font-size: 1.178em;
   font-weight: bolder;
   height:auto;
   line-height:normal;
   padding:0 0 5px;
}
.sliderWidget strong.h3 {
   display: block;
   font-size: 1em;
   font-weight: bold;
   height: auto;
   line-height: normal;
   padding: 0 0 5px;
}
.sliderWidget .divAlertBox {
   margin: 15px 0 20px;
   padding: 10px 20px 10px;
   width: 130px;
}
.sliderWidget .offerModule {
   border: none;
   background: none;
}
/* Teaser Widget 2Col Handyslider */
div.HandySlide div.sliderWidget div.width2Col {
   border: 0px;
}
/* Teaser Widget HandySlider Right Button Styles*/
.sliderWidget .divButtonRight {
     position:absolute;
     right: 9px!important;
}
.sliderWidget .divButtonRight span {
    text-align: center;
    width: 150px;
}

 
 
 
 
 
 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS SNIPPET - SHOP+WWW - 3D Carousel Modules - SD2 */
/* PAGENAME: SD2 CSS Snippet - 3D Carousel Modules - SD2 */
/* PAGEID: 205869 */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 5.2.0 */
/* LAST CHANGES: 2012-05-01 */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */
.carouselControls {
  margin-right: 6px;
}
/*3D Application */
#title-text.appStyle {
    position: relative; 
    left: 160px; 
    top: 224px;
    width:200px;
    font-size:13pt;
    font-weight:bold;
    line-height:30px;
    padding-left: 10px;
    z-index:100;
    display:block;
    text-align: center;
}
/* 3D Vodafonestars */
#title-text.starsStyle{
    position: relative; 
    left: 380px; 
    top: 40px;
    width:180px;
    z-index:100;
    height:200px;
}
#title-text.starsStyle h2 {
    font-size:12px;
    font-weight:bold;
    line-height:15px;
    background: #ffffff none repeat scroll 0 0 !important;
}
#title-text.starsStyle  .ulRelatedLinkList{
    border: none !important;
}
#title-text.starsStyle  .ulRelatedLinkList li{
    border: none;
    margin-bottom: 0px;
    padding-bottom:0px;
    height:100%;
}
#alt-text.starsStyle{
    position: relative; 
    left: 100px; 
    top: 264px;
    width:150px;
    font-size:12px;
    font-weight:bold;
    line-height:15px;
    padding-left: 10px;
    z-index:100;
    display:block;
    text-align:center;
}
/* ------------------------------------------------------------------------------------------- */
/*
CONTENT CLASS: CSS SNIPPET - SHOP+WWW - CalIYa Handyslider - R27.2 --PAGENAME: CSS SNIPPET - WWW - Contentslider (bxSlider Karussell) --PAGEID: 209878 --PROJECT VARIANT: 101B266092D0441D922D8B549EA19BF0 --STATUS: PUBLISH READY --VERSION: R27.2 -- LAST CHANGES: 2013-01-22 PUBLISHING DATE: 2025-12-10 18:21:04*/
/* The Pager Navigation >> */
.bx-controls { position:absolute; top:-55px; right:-65px;}
.bx-pager-link { background:url(/images/v5/css/pagerOff.gif); margin-right:5px; width:6px; height:6px; overflow:hidden; display:block; overflow:hidden; text-indent:100%; white-space:nowrap; float:left;}
div.bx-pager-item a.active  { background:url(/images/v5/css/pagerOn.gif);}
.bx-pager-item { float:left; margin-right:2px; }
a#goNext, a#goNext:active, a#goNext:focus, a#goNext:link { background-image:url(/images/v5/css/arrows.png); background-position:-45px 0px; width:30px; height:45px; background-repeat: no-repeat; display: block; position: absolute; left: 25px; top: 80px;}
a#goNext:hover { background-image:url(/images/v5/css/arrows.png); background-position:-46px -61px; width:30px; height:45px; background-repeat: no-repeat; display: block; position: absolute; left: 25px; top: 80px;}
a#goPrev, a#goPrev:active, a#goPrev:focus, a#goPrev:link { background-image:url(/images/v5/css/arrows.png); background-position:0 0; width:30px; height:45px; background-repeat: no-repeat; display: block; position:absolute; left: 19px; top: 80px;}
a#goPrev:hover { background-image:url(/images/v5/css/arrows.png); background-position:1px -61px; width:30px; height:45px; background-repeat: no-repeat; display: block; position:absolute; left: 19px; top: 80px;}
#goPrev img { width:26px; height:26px;  position:absolute;  top:92px;  left:19px;  cursor:pointer;}
#goNext img { width:27px; height:27px;  position:absolute;  top:92px;  left:25px;  cursor:pointer;}
/* The Pager Navigation  */
/* The Frame >> */
.ct_top { width:892px; height:10px;}
.ct_topDevice { width:852px; height:10px;}
.ct_content { width:892px; height:606px;}
.ct_contentDevice { width:852px; height:606px;}
.content { width:863px; height:606px; background:#fff; float:left; overflow:hidden;}
#page-phone-overview-by-product.divMatrix .chatFlyout {display:none;}
.contentDevice { width:823px; height:606px; background:#fff; float:left; overflow:hidden;}
.ct_bottom { width:892px; height:15px;}
.ct_bottomDevice { width:852px; height:15px;}
.contentLeft { width:18px; height:172px; float:left;}
.contentCenter { width:820px; height:172px; float:left; position:relative;}
.contentCenterDevice { width:805px; height:172px; float:left; position:relative;}
.contentCenter01 { width:832px; color:#ff4444; font-size:40px; line-height:100%; position:absolute; top:50px; font-family:'VodafoneLtRegular';}
.contentCenter01Device { width:792px; color:#ff4444; font-size:40px; line-height:100%; position:absolute; top:50px; font-family:'VodafoneLtRegular';}
.contentCenter02 { font-weight:bold; font-size:13px; position:absolute; top:112px;}
.contentCenter03 { border-top:1px solid #cecece; width:832px; position:absolute; top:135px; padding-top:8px;}
.contentCenter03Device { border-top:1px solid #cecece; width:792px; position:absolute; top:110px; padding-top:8px;}
.contentRight { width:13px; height:172px; float:left;}
.contentLeftCarousel { width:70px; height:421px; float:left; position:relative;}
.contentRightCarousel { width:61px; height:421px; float:left; position:relative;}
.marginT10 { margin-top:10px;}
.noBackground { background:none !important;}
/* The Frame << */
/* The Frame Close button >> */
.closeHTML { width:84px; height:16px; position:absolute; top:27px; right:50px; cursor:pointer; font-family:arial; font-size:12px;}
.closeHTML a{ float:left; cursor:pointer; font-family:arial; font-size:12px; margin-top:2px; text-decoration:none;}
.closeHTML img{ float:left; cursor:pointer; margin-left:6px;}
/* The Frame Close button << */
.ct_contentSmall { width:658px; height:355px;}
.contentSmall { width:629px; height:355px; background:#fff; float:left; overflow:hidden; border:solid 3px #cccccc; border-radius:10px;}
.contentCenterSmall { width:611px; height:172px; float:left; position:relative;}
.contentCenter01Small { width:598px; color:#e60000; font-size:40px; line-height:100%; position:absolute; top: 60px; font-family:'VodafoneLtRegular'; margin-top: 0px;}
.contentCenter03Small { width:598px; position:absolute; top:110px; padding-top:8px;}
.contentCenter04Small { position:absolute; top:160px; width:586px;}
.contentCenter04Small div.buttons { width:586px; margin-top:10px;}
.contentCenter01Small, .contentCenter04Small { margin-left:8px;}
.contentCenter05Small { background-color:#ddd; width:566px; height:53px; padding:10px; margin-top:20px;}
.contentCenter05Small p { margin:4px 0; }
.contentCenter05Small input { vertical-align:top; margin:0 8px 0 10px;}
.contentCenter05Small input.first { vertical-align:top; margin:0 8px 0 0;}
.marginL10 { margin-left:10px;}
.moveRadioLeft { margin-left:-10px;}
.backLinkTop { display:none; padding-top:13px;}
.page-InfoPadding { padding-left:0px !important;}
.phone-visualPadding { padding-top:4px !important;}
.phoneDetailsOverlay { position:absolute; top:140px; height:450px; width:780px; overflow:auto;}
.writeReviewOverlay { height: 450px; position: absolute; right: 24px; top: 140px; width: 910px;}
.hideOverlayURL { display:none;}
.phoneInfoWidth { width:265px;}
.phoneVisualWidth { width:265px;}
.priceVisualWidth { width:180px;}
.showDivInSameLine { float:left; display:inline;}
.btEqualWidth { width:96px; text-align:center;}
a.goFromWriteReview { font-size: 11px; padding: 0 0 5px 0; display: block; cursor: pointer; text-decoration: underline; color: #525252; margin: 0px; padding: 0px; border: none; font-family: Arial, Helvetica, sans-serif;}
a.goFromWriteReview:hover { color:#E60000;}
/*
.top-left { background-image:url(/images/v5/css/top-left_13x10.png); width:13px; height:10px; float:left;}
.topDevice { background-image:url(/images/v5/css/top_1x10.png); width:823px; height:10px; float:left;}
.top-right { background-image:url(/images/v5/css/top-right_16x10.png); width:16px; height:10px; float:left;}
.leftOverlay { background-image:url(/images/v5/css/left_13x1.png); width:13px; height:606px; float:left;}
.rightOverlay { background-image:url(/images/v5/css/right_16x1.png); width:16px; height:606px; float:left;}
.bottom-left { background-image:url(/images/v5/css/bottom-left_13x15.png); width:13px; height:15px; float:left;}
.bottomDevice { background-image:url(/images/v5/css/bottom_1x15.png); width:823px; height:15px; float:left;}
.bottom-right { background-image:url(/images/v5/css/bottom-right_16x15.png); width:16px; height:15px; float:left;}
*/
/* RedDot SD3 ContentSlider Styles */
.contentSliderContainer contentSliderWrapper { width:762px; height:394px; float:left; } 
.contentSliderContainer.imageEyeCatcher contentSliderWrapper { width:612px; }
.contentSliderContainer img.imgEyeCatcher { width:150px; float:right; }
.contentSliderContainer .contentLeftCarousel, .contentSliderContainer .contentRightCarousel { height: 394px; width: 40px;} 
.contentSliderContainer .contentSliderItems { width:510px; height:394px; padding:0; float:left; }
.contentSliderContainer .contentSliderItems .bx-viewport, .contentSliderContainer .contentSliderItem { height:394px !important; }
.contentSliderContainer .contentSliderItem { float:left; width:170px; }
.contentSliderContainer .contentTeaser .divItemInlay { position:relative; margin:30px 0 0 30px; height:364px; }
.contentSliderContainer .contentTeaser .divPriceOrderAddon { padding:2px 0;}
.contentSliderContainer .contentSliderEyeCatcher .contentSliderItem .divItemInlay { position:relative; margin:30px 0 0 0px; height:364px; }     
a.bx-next, a.bx-next:active, a.bx-next:focus, a.bx-next:link { background-image:url(/images/v5/css/arrows.png); background-position:-45px 0px; width:30px; height:45px; background-repeat: no-repeat; display: block; position: absolute; left: 11px; top: 100px;}
a.bx-next:hover { background-image:url(/images/v5/css/arrows.png); background-position:-46px -61px; width:30px; height:45px; background-repeat: no-repeat;display: block; position: absolute; left: 11px; top: 100px;}
a.bx-prev, a.bx-prev:active, a.bx-prev:focus, a.bx-prev:link { background-image:url(/images/v5/css/arrows.png); background-position:0 0; width:30px; height:45px; background-repeat: no-repeat; display: block; position:absolute; left: 10px; top: 100px;}
a.bx-prev:hover { background-image:url(/images/v5/css/arrows.png); background-position:1px -61px; width:30px; height:45px; background-repeat: no-repeat; display: block; position:absolute; left: 10px; top: 100px;}
a.bx-prev img { width:26px; height:26px;  position:absolute;  top:92px;  left:19px;  cursor:pointer;}
a.bx-next img { width:27px; height:27px;  position:absolute;  top:92px;  left:25px;  cursor:pointer;}
a.bx-next.disabled, a.bx-prev.disabled { opacity: 0.3; filter: alpha(opacity = 30); }
a.bx-next.disabled, a.bx-next.disabled:active, a.bx-next.disabled:focus, a.bx-next.disabled:link { background-position:-45px 0px; }
a.bx-prev.disabled, a.bx-prev.disabled:active, a.bx-prev.disabled:focus, a.bx-prev.disabled:link { background-position:0px 0px; }
.imageEyeCatcher .contentSliderWrapper { width:610px; float:left; }
.contentSliderEyeCatcher { float:right; width:150px; }
/* EOF--CSS SNIPPET - SHOP+WWW - CalIYa Handyslider - R27.2*/
 
 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - CallyaColors - Strategic Design II - (for include only!) */
/* PAGENAME: CSS Snippet - CallyaColors CallYa Rampe - Strategic Design II  */
/* PAGEID: 206279 */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 5.0.4 */
/* LAST CHANGES: 2013-07-17 */
/* ------------------------------------------------------------------------------------------- */
.height500 {
    height: 498px;
}
.height500.callyaWithExtension {
    height:666px;
    }
.callyaWithExtension .SD2TarifTeaser .divInlay {
    height:460px;
    position:relative;
    }    
.callyaWithExtension div.divModuleBasicExtension {
    border: 0px none;
    margin:0;
    }        
.callyaWithExtension div.divModuleBasicExtension div.divInlay {
    height:147px;
    padding-top:0px !important;
    }
.callyaWithExtension div.divModuleBasicExtension div.divInlay .divButtonLeft a.aButton span  {
    font-weight:normal;
    text-align:center;
    width:146px;
    }            
.callyaColors div.colorBlock {
    line-height: 1.45em;
    width: 184px;
    height: 43px;
    border-bottom: 1px solid #f2f5da;
    text-align:left;
    padding-left: 10px;
    vertical-align:middle;
    display:table;
    overflow: hidden;
}
.callyaColors div.colorBlock {
    line-height: 1.45em;
    width: 184px;
    height: 43px;
    border-bottom: 1px solid #f2f5da;
    text-align:left;
    padding-left: 10px;
    vertical-align:middle;
    display:table;
    overflow: hidden;
}
.callyaColors div.colorBlock>div {
      display: table-cell; vertical-align: middle;
}

.callyaColors div.colorBlock.green1 {background: #f2f5da;border-bottom: 1px solid #ffffff;}
.callyaColors div.colorBlock.green2 {background: #ebe9b2;border-bottom: 1px solid #ffffff;}
.callyaColors div.colorBlock.green3 {background: #d4db7e;border-bottom: 1px solid #ffffff;}
.callyaColors div.colorBlock.green4 {background: #c3cc4d;border-bottom: 1px solid #ffffff;}
.callyaColors div.colorBlock.green5 {background: #abb600;border-bottom: 1px solid #ffffff;}

.callyaColors .iconBlock{
    width:164px;
    margin-left: 10px;
    padding-top: 15px;
    height: 44px;
    border-bottom: 1px solid #cecece;
    font: Arial;
    font-size: 16px;
    /*line-height: auto;*/
}
.callyaColors .iconFunM {
    background: transparent url('/images/v5/css/iconCallyaVieltelefonierer.png')!important;
    background-repeat: no-repeat!important;
    background-position: 135px 15px!important;
}
.callyaColors .iconTalk {
    background: transparent url('/images/v5/css/iconCallyaSparfuechse.png')!important;
    background-repeat: no-repeat!important;
    background-position: 135px 15px!important;
}
.callyaColors .iconFunS {
    background: transparent url('/images/v5/css/iconCallyaSurfprofis.png')!important;
    background-repeat: no-repeat!important;
    background-position: 135px 15px!important;
}
.callyaColors .iconFunL{
    background: transparent url('/images/v5/css/iconCallyaAnspruchsvolle.png')!important;
    background-repeat: no-repeat!important;
    background-position: 135px 15px!important;
}
 .callyaColors .divSubjectModule .priceBlock {
    height:24px;
    padding: 0px 10px 12px 0!important;
    margin-top:10px;
}
.callyaColors .priceBlock div{
    float:right;
}
.callyaColors .priceBlock .divPrice{
    float:right!important;
    padding-right: 10px;
    font-size: 32px;
}
 .callyaColors .divSubjectModule .priceBlock {
}
.callyaColors .divSubjectModule .priceBlock .divPricePretext {
    padding:12px 5px 0 5px!important;
}
.callyaColors div.linkBlock>.ulTextLinkList>li>a{
    font-weight :bold!important;
}

 .callyaColors .divSubjectModule .iconBlock h4 {
    font-size: 16px!important;
    line-height: 18px;
    font-weight: normal!important;
    background: transparent!important;
    margin: 0!important;
    padding: 0;
}
 .callyaColors div.divModuleBasic div.divInlay h4 {
    margin: 0;
    padding: 0px 0!important;
}
 
.callyaColors div.divPrice sup{ 
    font-size: 20px!important;
    position:relative;
    line-height:0px;
    vertical-align:top;
    top:6px; 
}

/*Applications Plattform Icons*/

.plattformIcon {
    background-image: url("/images/v5/css/sprite_PlattformIcons.png");
    background-repeat: no-repeat;
    background-position: right 0px;
    height: 26px;
    width:26px;
    display:block;
    margin-right: 3px;
}
a.iconAndroid {
    background-position: left 0px;
}
a.iconAndroid:hover {
    background-position: -31px 0px;
}
a.iconIos {
    background-position: left -31px;
}
a.iconIos:hover {
    background-position: -31px -31px;
}

a.iconBlackberry {
    background-position: left -62px;
}
a.iconBlackberry:hover {
    background-position: -31px -62px;
}
a.iconMac {
    background-position: left -93px;
}
a.iconMac:hover {
    background-position: -31px -93px;
}
a.iconWindows {
    background-position: left -124px;
}
a.iconWindows:hover {
    background-position: -31px -124px;
}
a.iconDiverses {
    background-position: left -155px;
}
a.iconDiverses:hover {
    background-position: -31px -155px;
}
a.iconWindowsPhone {
    background-position: left -186px;
}
a.iconWindowsPhone:hover {
    background-position: -31px -186px;
}

/*CallYa Rampe 2013 2013.07.17 */
.callyaColorsSD3 {
        height: 378px;
    }
.callyaColorsSD3.mostWanted {
        height: 381px;
    }
.callyaColorsSD3 div.colorBlock {
    line-height: 1.45em;
    width: 184px;
    height: 43px;
    border-bottom: 1px solid #f2f5da;
    text-align:left;
    padding-left: 10px;
    vertical-align:middle;
    display:table;
    overflow: hidden;
}
.callyaColorsSD3 div.colorBlock>div {
      display: table-cell; vertical-align: middle;
}
.callyaColorsSD3 div.colorBlock.color1 {background: #dbdbdb;border-bottom: 1px solid #ffffff;}
.callyaColorsSD3 div.colorBlock.color2 {background: #4ba3b1;border-bottom: 1px solid #ffffff;}
.callyaColorsSD3 div.colorBlock.color3 {background: #007c92;border-bottom: 1px solid #ffffff;}
.callyaColorsSD3 div.colorBlock.color4 {background: #acd1d9;border-bottom: 1px solid #ffffff;}
.callyaColorsSD3 div.colorBlock.color5 {background: #cde0e4;border-bottom: 1px solid #ffffff;}
.callyaColorsSD3 .iconBlock{
    width:161px;
    margin-left: 5px;
    padding-top: 10px;
    height: 45px;
    border-bottom: 1px solid #cecece;
    font: Arial;
    font-size: 16px;
    /*line-height: auto;*/
}
 .callyaColorsSD3 .divSubjectModule .iconBlock h4 {
    font-size: 12px!important;
    line-height: 14px;
    font-weight: normal!important;
    background: transparent!important;
    margin: 0!important;
   padding-left: 10px;
   padding-top:0;
}
 .callyaColorsSD3 .divSubjectModule .iconBlock h4 strong{
    font-size: 20px!important;
    line-height: 26px;
    font-weight: bold!important;
 }
 .callyaColorsSD3 .divSubjectModule .iconBlock.callyaBox h4{
    color: #ffffff;
 }
 
.callyaColorsSD3 .divSubjectModule .colorBlock.color2 div,   
.callyaColorsSD3 .divSubjectModule .colorBlock.color2 p{
    color: #ffffff;
 }
.callyaColorsSD3 .divSubjectModule .colorBlock.color2 div strong{
    font-size:14px;
}
div.callyaColorsSD3 div.divSubjectModule div.divInlay {
    background-color: transparent;
    padding: 14px 10px 10px !important;
     padding: 3px 0 0 !important; width:186px; float:left;
}
 .callyaColorsSD3 div.divModuleBasic div.divInlay h4 {
    margin: 0;
    padding: 0px 0!important;
}
.callyaColorsSD3 div.linkBlock>.ulTextLinkList>li>a{
    font-weight :bold!important;oliver201
}
 .callyaColorsSD3 .iconBlock {
    margin-top:21px;
 }
.callyaColorsSD3.mostWanted .iconBlock {
    margin-top:5px;
 }
.callyaColorsSD3.mostWanted {
    border: 3px solid #e60000;
}
div.divModuleBasic.mostWanted div.divSubjectModule > h3 {
    background: #e60000;
    border: 0 none;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    height: 17px!important;
    line-height: 17px!important;
    margin: 0;
    overflow: hidden;
    padding: 0 10px 3px;
    white-space: nowrap;
}
.callyaColorsSD3 .greyBox {
  background: url("/images/v5/css/greybox_bg.png") repeat-x scroll 0 0 #ebebeb;
  color: #ffffff; 
}
.callyaColorsSD3 .callyaBox {
  background: url("/images/v5/callyabox_landing_bg.png") repeat-x scroll 0 0 #007c92;
   color: #ffffff;
}
.callyaColorsSD3 .divSubjectModule .priceBlock {
    height:24px;
    padding: 0px 10px 12px 0!important;
    margin-top:10px;
}
.callyaColorsSD3 .priceBlock div{
    float:right;
}
.callyaColorsSD3 .priceBlock .divPrice{
    float:right!important;
    padding-right: 10px;
    font-size: 32px;
}
 .callyaColorsSD3 .divSubjectModule .priceBlock {
}
.callyaColorsSD3 .divSubjectModule .priceBlock .divPricePretext {
    padding:12px 5px 0 5px!important;
}
.callyaColorsSD3.mostWanted .priceBlock,
.callyaColorsSD3 .priceBlockRed{
    background-color: #e60000;
    color:#ffffff;
    font-size: 14px;
}
.callyaColorsSD3 .divSubjectModule .priceBlock{
    display: block;
    height: 40px;
}
.callyaColorsSD3 .divSubjectModule .priceBlockRed {
    padding: 5px 10px 12px 42px !important;
    border-bottom: 1px #ffffff solid; 
    height: 33px;
}
.callyaColorsSD3 .divSubjectModule .priceBlockRed strong{
        position:absolute;
        left: 30px;
}
.callyaColorsSD3.mostWanted .priceBlock strong{
    color:#ffffff;
    font-size: 14px;
    font-weight: bold;
}
.divModuleBasic.callyaColorsSD3{
    margin-top:5px;
}
.divModuleBasic.callyaColorsSD3.mostWanted{
    margin-top:0px;
}
.callyaColorsSD3 .divPriceContainer{
    bottom:65px !important;
}
.callyaColorsSD3 .divPriceContainer .divPrice{
    padding-bottom: 0px; 
    font-size: 16px;!important;
    line-height:15px!important;
    margin:0px;
    height: 15px;
}



 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet Advantage Shop+WWW-Part */
/* PAGENAME: CSS Snippet - Advantage Shop+WWW-Part - SD3 PAGEID: 205883 */
/* ------------------------------------------------------------------------------------------ */
/* VERSION: 5.2.2 */
/* LAST CHANGES: 2013-07-23 */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */
/* GLOBAL BASICS */

.vfRed                      { position:relative; }

.vfRed .redBox              { position:absolute;top:31px;left:7px;width:70px;height:32px;padding:24px 4px 4px;background:#e60000 url(/images/v5/redbox_bg.png) repeat-x;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:10px;line-height:10px;color:#ffffff; }
.vfRed .redBox strong       { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:26px;line-height:22px;font-weight:normal; }
.vfRed .redBox strong span  { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:20px;line-height:22px;font-weight:normal; }
.vfRed .redBox .icon        { position:absolute;top:5px;left:55px; }

.vfRed .greenBox              { position:absolute;top:31px;left:7px;width:70px;height:52px;padding:4px 4px 4px;background:#ABB600 url(/images/v5/greenbox_bg.png) repeat-x;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:10px;line-height:10px;color:#ffffff; }
.vfRed .greenBox strong       { position:absolute;bottom:4px;left:4px;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:26px;line-height:20px;font-weight:normal; }
.vfRed .greenBox strong span  { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:20px;line-height:22px;font-weight:normal; }

.vfRed .callyaBox              { position:absolute;top:31px;left:7px;width:70px;height:52px;padding:4px 4px 4px;background:#ABB600 url(/images/v5/css/callyabox_bg.png) repeat-x;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:10px;line-height:10px;color:#ffffff; }
.vfRed .callyaBox strong       { position:absolute;bottom:4px;left:4px;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:26px;line-height:20px;font-weight:normal; }
.vfRed .callyaBox strong span  { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:20px;line-height:22px;font-weight:normal; }


.vfRed .barBox                          { position:absolute;top:96px;left:2px;width:274px;background-color:transparent;padding-top:6px; }
.vfRed .greenBarBox                     { position:absolute;top:221px;left:2px;width:274px;height:135px;background-color:transparent;padding-top:6px; }
.vfRed .bar                             { position:relative;width:264px;height:28px;background-color:#ffffff;border:0;border-bottom:1px solid #cccccc;border-top:1px solid #ffffff;margin:0 5px 6px; }
.vfRed .bar .redBar                     { position:relative;top:0px;left:0px;float:left;height:24px;background-color:#ededed;background-image:none;font-size:11px;font-weight:bold;line-height:21px;color:#333333;padding:4px 0 0 0; }
.vfRed .bar .greenBar                   { position:relative;top:0px;left:0px;float:left;height:19px;background-color:#ededed;background-image:none;font-size:11px;font-weight:bold;line-height:21px;color:#333333;padding:0 0 0 0; }
.vfRed .bar .whiteBar                   { position:relative;top:0px;left:0px;float:left;height:24px;background-image:none;font-size:11px;font-weight:normal;line-height:21px;color:#333333;padding:4px 0 0 3px;display:none; }
.vfRed .bar .textBar                    { position:absolute;top:0px;left:0px;height:24px;font-size:11px;font-weight:normal;line-height:21px;color:#333333;padding:4px 0 0 5px; }

.vfRed .basic  .bar,
.vfRed .smarts .bar,
.vfRed .smartm .bar,
.vfRed .black  .bar,
.vfRed .callYaSliderBox .bar,
.vfRed .greenBarBox .bar                { height:19px; }

.vfRed .basic  .bar .redBar,
.vfRed .smarts .bar .redBar,
.vfRed .smartm .bar .redBar,
.vfRed .black  .bar .redBar,
.vfRed .callYaSliderBox .bar .redBar,
.vfRed .greenBarBox .bar .redBar        { height:19px;padding:0 0 0 0; }

.vfRed .basic  .bar .whiteBar,
.vfRed .smarts .bar .whiteBar,
.vfRed .smartm .bar .whiteBar,
.vfRed .black  .bar .whiteBar,
.vfRed .callYaSliderBox .bar .whiteBar,
.vfRed .greenBarBox .bar .whiteBar       { height:19px;padding:0 0 0 3px; }

.vfRed .basic  .bar .textBar,
.vfRed .smarts .bar .textBar,
.vfRed .smartm .bar .textBar,
.vfRed .black  .bar .textBar,
.vfRed .callYaSliderBox .bar .textBar,
.vfRed .greenBarBox .bar .textBar        { height:19px;padding:0 0 0 5px; }

.vfRed .bar.bar0 .redBar                { min-width:100% !important;color:#837f72;font-weight:normal;background:none; }
.vfRed .bar.bar100 .redBar,
.vfRed .bar.bar100 .greenBar            { min-width:100% !important; }
.vfRed .bar.bar0 .whiteBar,
.vfRed .bar.bar100 .whiteBar            { display:none; }
.vfRed .bar.barPromo                    { width:264px;height:21px;background:#00879d url(/images/v5/promobar_bg.png);border:0; }
.vfRed .bar.barPromo .redBar            { top:0px;left:0px; }
.vfRed .bar.barPromo .greenBar          { top:0px;left:0px;background:none; }
.vfRed .bar.barPromo .whiteBar          { top:0px;left:0px;color:#ffffff;background:none; }

.vfRed .premium .redBox          { background:#dcdcdc url(/images/v5/prembox_bg2.png);color:#e60000; }
.vfRed .basic .redBox            { background:none;color:#e60000; }

.vfRed .smarts .redBox,
.vfRed .smartm .redBox           { color:#333333; }
.vfRed .mobileinternet .redBox   { color:#ffffff; }

.vfRed .smarts .redBox strong,
.vfRed .smartm .redBox strong,
.vfRed .black  .redBox strong    { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif; }
.vfRed .smarts .redBox           { background:#ebebeb url(/images/v5/smart_s_110x60.png); }
.vfRed .smartm .redBox           { background:#ebebeb url(/images/v5/smart_m_135x60.jpg); }
.vfRed .black  .redBox           { background:#000000 none; }
.vfRed .mobileinternet .redBox   { background:#007C92 none; }


.vfRed .bar .redBar.barWidth26px      { width:26px; }
.vfRed .bar .redBar.barWidth52px      { width:52px; }
.vfRed .bar .redBar.barWidth78px      { width:78px; }
.vfRed .bar .redBar.barWidth104px     { width:104px; }
.vfRed .bar .redBar.barWidth130px     { width:130px; }
.vfRed .bar .redBar.barWidth155px     { width:155px; }
.vfRed .bar .redBar.barWidth181px     { width:181px; }
.vfRed .bar .redBar.barWidth207px     { width:207px; }
.vfRed .bar .redBar.barWidth233px     { width:233px; }
.vfRed .bar .redBar.barWidth259px     { width:253px; }

/* TARIF DETAIL */
.tarifDetail                       { position:relative;padding:0 0 0 7px;margin-bottom:10px; }
.tarifDetail .tarifBox             { position:relative;float:left;width:280px;height:246px;background:url(/images/v5/tarif_detail_bg_white.png); }
.tarifDetail .tarifBox .footnote   { position:absolute;bottom:12px;left:10px; }
.tarifDetail .redBox               { left:8px; }
.tarifDetail .barBox               { left:3px; }
.tarifDetail .greenBox             { left:8px; }
.tarifDetail .callyaBox            { left:8px; }
.tarifDetail .greenBarBox          { top:195px;left:3px; }
.tarifDetail .claimBox             { position:relative;float:left;width:242px;padding:24px 19px; }
.tarifDetail .claimBox ul          { padding:0 0 0 15px;margin: 12px 0 12px 0px; }

.tarifDetail.callYaTarifDetail .tarifBox                { height:341px;background:url(/images/v5/tarif_callya_detail_bg_white.png); }
.tarifDetail.callYaTarifDetail .tarifBox .tarifIcon     { position:absolute;top:79px; }
.tarifDetail.callYaTarifDetail .tarifBox h2             { position:absolute;top:104px;left:68px;color:#333333;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:24px;height:auto;line-height:32px;font-weight:normal;-webkit-text-size-adjust:none;padding:0;border:0;background:none; }
.tarifDetail.callYaTarifDetail .tarifBox .price         { position:absolute;top:132px;width:274px;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:50px;line-height:50px;font-weight:normal;color:#187c95;text-align:center; }
.tarifDetail.callYaTarifDetail .tarifBox .price span    { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:12px;color:#333333; }

.tarifDetail.callYaTarifDetail .divButtonBox                  { position:absolute;bottom:0px;left:300px;width:242px; }
.tarifDetail.callYaTarifDetail .divButtonBox .divButtonLeft   { position:relative;bottom:0px;margin-bottom:5px; }



.tariffDetailPackageTable                     { position:relative;width:259px;padding-top:17px;margin:0 8px 50px 10px;float:left; }
.tariffDetailPackageTable.odd                 { clear:both; }
.tariffDetailPackageTable .head               { position:relative;height:36px;padding-left:30px;text-align:left;font-size:12px;line-height:36px;font-weight:bold;background:#ebebeb url(/images/v5/icons_details.png) no-repeat; }
.tariffDetailPackageTable.safe .head          { background-position:1px 0px; }
.tariffDetailPackageTable.more .head          { background-position:1px -36px; }
.tariffDetailPackageTable.help .head          { background-position:1px -72px; }
.tariffDetailPackageTable .row                { position:relative;font-size:11px;line-height:14px;padding:6px 50px 6px 0;border-bottom:1px solid #ebebeb; }
.tariffDetailPackageTable .row.checkGreen     { background:url(/images/v5/icon_check_green.png) no-repeat right 6px; }
.tariffDetailPackageTable .row.checkRed       { background:url(/images/v5/icon_check_red.png) no-repeat right 6px; }
.tariffDetailPackageTable .row .icon          { position:absolute;top:6px;right:31px; }
.tariffDetailPackageTable .bar                { width:257px;margin:10px 0 6px; }

.tariffDetailPackageTable.callYaTarifDetailPackageTable.odd       { margin:0 8px 50px 2px; }
.tariffDetailPackageTable.callYaTarifDetailPackageTable           { margin:0 2px 50px 8px; }
.tariffDetailPackageTable.callYaTarifDetailPackageTable .head     { padding-left:44px;background:#ebebeb url(/images/v5/icons_callya_details.png) no-repeat; }
.tariffDetailPackageTable.check .head                             { background-position:1px 0px; }
.tariffDetailPackageTable.hotline .head                           { background-position:1px -36px; }
.tariffDetailPackageTable.mycallya .head                          { background-position:1px -72px; }

.tariffDetailPackageTable .bar.bar0 .redBar,
.tariffDetailPackageTable .bar.bar100 .redBar { min-width:253px !important; }
.tariffDetailPackageTable .bar.barPromo       { width:259px; }

.popupLinkCSSDivContent .tarifDetail                     { padding:0px; }
.popupLinkCSSDivContent .tariffDetailPackageTable.even   { margin:0 0px 30px 10px; }
.popupLinkCSSDivContent .tariffDetailPackageTable.odd    { margin:0 10px 30px 0px; }

.redTipp             { position:absolute;top:20px;right:-18px;width:168px;padding-top:25px;background:url(/images/v5/tooltipp_detail_top.png) no-repeat;z-index:1;display:none; }
.redTipp.active      { display:block; }
.redTipp .tippBody   { position:relative;padding:0 15px 17px;background:url(/images/v5/tooltipp_detail_bottom.png) bottom left; }
 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - Roundabout Karussel Styles */
/* PAGENAME: CSS Snippet - Roundabout Karussel Styles */
/* PAGEID: 211028 */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 6.0.4 */
/* LAST CHANGES: 2013-07-09 */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */

/*
.divMediaAddOn {
    background: rgb(243,243,243);
    background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(254,254,254,1) 100%);    
}
.divMediaAddOn  { 
  behavior: url(/scripts/PIE.htc); 
  -pie-background: linear-gradient(rgba(243,243,243,1) 0%,rgba(254,254,254,1) 100%);    
 }
*/
.raList {
    float:left;
}
ul.raList li img.bgRoundAbout {
    position: absolute; 
    top:0; 
    left: 0; 
    width:100%;
    max-width:195px;
    max-height:195px;
}
.raPrev,
.raNext {
    width:19px;
    height:29px;
    float:left;
    background:url(/images/v5/css/buttonSpriteRoundAbout.png) no-repeat;
    background-position:0 0;
    margin:125px 5px 0 25px;    
}
.raNext {
    float:right;
    background-position:-28px 0;
    margin:125px 25px 0 5px;    
}
.raPrev:hover,
.raPrev:focus,
.raPrev:active {background-position:-0 -35px;}
.raNext:hover,
.raNext:focus,
.raNext:active {background-position:-28px -35px;}
ul.raList,
.roundabout-holder {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 120px;
    width: 120px;
    margin-left:67px;
    margin-top:85px;
    position:relative;
}
ul.raList li,
.roundabout-moveable-item {
    height: 195px;
    width: 195px;
    list-style:none;
    font-size:14px;
}
/*Placeholder carousel with only 1 entry*/
div.raPrev, div.raNext {
    background: none;
}
.withPriceAddOn.roundabout-in-focus {
    height:327px !important;
}
.raTeaserAddOn {
    display: none;
    font-size: 11px;
    height: 110px;
    margin-top: 32px;
    position: relative;
    width: 183px;
}
.roundabout-in-focus .raTeaserAddOn {
    display:block;
}
div.herospaceActionBox div.divHeroContainer div.raTeaserAddOn div.divButtonLeft {
    bottom: 15px;
    left: -1px;
    position: absolute;
}
div.raTeaserAddOn div.textLine {
    height:15px;
}
div.raTeaserAddOn div.divPrice {
    font-size:22px;
}
/* TarifInfos */
.raTeaserLine1,
.raTeaserLine2,
.raTeaserLine3,
.raTeaserLine4,
.raTeaserLine5 {
    margin:0;
    padding:0 1.143em;
    position:relative;
}
.raTeaserLine1 {
    height:4.071em;
    font-family: 'VodafoneRgBold', Arial, Helvetica, sans-serif;
}
.raTeaserLine1 .raTS {
    font-family: 'VodafoneRgBold', Arial, Helvetica, sans-serif;
    font-size: 0.741em;
    line-height: 0.741em;
    padding: 1.8em 0 0;
    display:block;
}
.raTeaserLine1 .raTB {
    font-family: 'VodafoneRgBold', Arial, Helvetica, sans-serif;
    font-size: 1.857em;
    line-height: 1em;
    display:block;
    padding: 0;
}

.raTeaserLine1.tColorRedblack3 .raTB { font-family: 'VodafoneExBRegular',Arial,Helvetica,sans-serif; }

.raTeaserLine4 .raT {
    font-family: 'VodafoneRgBold', Arial, Helvetica, sans-serif;
}
.tColorRed,
.tColorRedred3,
.tColorReddsl,
.tColorReddsl3,
.tColorRedblack {
    color: #FFFFFF;
}

.tColorRedblack3 {
    color:#000000;
}

.tColorRedbasic,
.tColorRedbasic3 {
    color: #E60000;
}
.tColorRedpremium,
.tColorRedpremium3 {
    color: #E60000;
}
.tColorRedvoice,
.tColorRedinternet,
.tColorRedcallya,
.tColorRedwebsessions,
.tColorRedmobileinternet {
    color: #FFFFFF;
}
.raT {
    font-family: 'VodafoneRgBold', Arial, Helvetica, sans-serif;
    font-size: 0.857em;
    padding:0;
    display:table-cell;
    height:2.667em;
    vertical-align:middle;
    line-height:0.857em;
}
.raT strong { 
    font-family: 'VodafoneRgBold', Arial, Helvetica, sans-serif;
    font-weight:normal;
 }
.raList a,
a span.raT {
    text-decoration:none !important;
}
div.raTeaserAddOn .divPriceOrderAddon,
div.raTeaserAddOn .divButtonLeft {
    margin-left:7px;
}
/* styleTarifOverview */
.styleVariousTariff .raTeaserLine1,
.styleVariousTariff .raTeaserLine2,
.styleVariousTariff .raTeaserLine3,
.styleVariousTariff .raT,
.styleVariousTariff .raT p {
    font-family: 'VodafoneRgRegular', Arial, Helvetica, sans-serif;
}
.styleVariousTariff .raTeaserLine2 .raT {
    height:8em;
    line-height:1.5em;
}
 
 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - HUB-Page */
/* PAGENAME: CSS Snippet - HUB-Page PAGEID: 211334 */
/* ------------------------------------------------------------------------------------------ */
/* VERSION:  */
/* ------------------------------------------------------------------------------------------- */

.hub           { margin-bottom:10px; }
.hubGradient   { position:relative;width:956px;min-height:470px;margin: 0 2px 0px 3px;
                 background: #ffffff; /* Old browsers */
                 background: -moz-linear-gradient(#ffffff 0%, #ffffff 60%, #d9d9d2 100%); /* FF3.6+ */
                 background: -webkit-linear-gradient(#ffffff 0%,#ffffff 60%,#d9d9d2 100%); /* Chrome10+,Safari5.1+ */
                 background: -o-linear-gradient(#ffffff 0%,#ffffff 60%,#d9d9d2 100%); /* Opera 11.10+ */
                 background: -ms-linear-gradient(#ffffff 0%,#ffffff 60%,#d9d9d2 100%); /* IE10+ */
                 background: linear-gradient(#ffffff 0%,#ffffff 60%,#d9d9d2 100%); /* W3C */
}
 
.hubGradient   { behavior: url(/scripts/PIE.htc); 
                 -pie-background: linear-gradient(#ffffff 0%,#ffffff 60%,#d9d9d2 100%);    
}
.hubImgBox                            { position:relative;width:455px;float:left; }
.hubImgBox .imgBox                    { position:relative;width:433px;height:310px;margin:0 0 30px 7px; }
.hubImgBox ul.thumbsBox               { position:relative;list-style:none; }
.hubImgBox ul.thumbsBox li.thumb      { position:relative;list-style:none;width:106px;height:73px;margin:0 14px 0 7px;float:left;background-color:#d9d9d2;box-shadow: 0px 2px 2px 1px rgba(0, 0, 1);behavior: url(/scripts/PIE.htc);cursor:pointer; }
.hubImgBox ul.thumbsBox li.thumb a    { position:absolute;top:0px;left:0px;display:block;width:104px;height:71px;background-color:transparent;outline:none; }

.hubImgBox a.vf3D-trigger   { position:absolute;top:420px;left:170px;padding:0 20px 0 0;background:url(/images/v5/css/3d.gif) right top no-repeat;text-decoration:none;font-weight:bold;line-height:14px;display:none; }


.hubTxtBox                                  { position:relative;width:500px;float:left; }

.hubTxtBox .featureText                     { position:relative;font-size:13px;line-height:24px;height:182px;overflow:hidden; }
.hubTxtBox .featureText ul                  { position:relative;left:15px; }
.hubTxtBox .featureText br.demi             { line-height:12px; }
.hubTxtBox .featureText a.details           { position:relative;padding-left:15px;text-decoration:none;background:url(/images/v5/linkArrows-transparent.png) no-repeat scroll 2px 4px transparent; }
.hubTxtBox .featureText a.details:hover     { text-decoration:underline; }

.hub .phoneContainer             { position:relative;height:212px; }
.hub .phoneBox                   { position:relative;width:200px;height:202px;margin-bottom:10px; } 
.hub .phoneBox .txtBox           { position:absolute;top:60px;left:0px;width:200px;height:98px; } 
.hub .phoneBox .txtBox h3        { position:relative;margin-bottom:5px;color:#333333;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:18px;line-height:20px;font-weight:normal;height:42px;overflow:hidden; } 
.hub .phoneBox .txtBox .pr-stars { position:relative;width:83px;height:15px;margin:0 10px 8px 0;background:url(/images/v5/stars_small_gold.gif);float:left; }
.hub .phoneBox .txtBox a.ratings { position:relative;width:14px;height:14px;display:block;margin-top:1px;float:left;background-image:url(/images/v5/button_hub_rating.png); }
.hub .phoneBox .txtBox a.ratings:hover  { background-position:0 -14px; }
.hub .phoneBox .txtBox .rateNow         { position:relative;padding-bottom:8px; }
.hub .phoneBox .details select   { width:80px;margin:0 5px 10px 0; } 
 
.hub .phoneBox .delivery         { position:absolute;bottom:0px;left:0px;width:200px;font-size:11px;line-height:11px;font-weight:normal; } 
                                   
.hub .insurance              { position:relative;margin-bottom:10px; }
.hub .insurance div          { line-height:17px;margin-bottom:5px; }
.hub .insurance .checkBox    { margin-bottom:5px; }
.hub .insurance a            { position:relative;font-size: 11px;padding-left: 9px;background:url(/images/v5/linkArrows-transparent.png) no-repeat scroll 0 2px transparent;text-decoration:none; }
.hub .insurance a:hover      { text-decoration:underline; }

.hub .roundaboutHeadline     { position:absolute;top:0px;left:25px;width:240px;padding-left:60px;border-top:1px solid #cccccc;color: #333333;font-family: 'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size: 18px;line-height:36px;font-weight: normal; }

.hub .contentRoundaboutContainer                    { position:absolute;top:182px;left:168px;width:350px;height:280px; }
.hub .contentRoundaboutContainer .raTeaserAddOn     { margin:12px 0 0 10px;height:auto; }
.hub .contentRoundaboutContainer .raTeaserAddOn a           { position:relative;font-size:11px;padding-left:9px;background:url(/images/v5/linkArrows-transparent.png) no-repeat scroll 0px 2px transparent; }
.hub .contentRoundaboutContainer .raTeaserAddOn a:hover     { text-decoration:underline !important; }
.hub .roundabout-in-focus                           { height: 185px !important; }

.hub .checkBox          { position:relative;height:17px;font-size:11px;line-height:17px;padding-left:25px;background:url(/images/v5/checkbox.png) no-repeat left top;cursor:pointer; } 
.hub .checkBox.active   { background-position:left bottom; }

.hub .redSummery                           { position:relative;height:194px;margin: 0 2px 0px 3px;background-color:#d9d9d2; }
.hub .redSummeryBox                        { position:absolute;top:0px;right:0px;height:194px;background-color:transparent;line-height:16px; } 
.hub .redSummeryBox .txtBox                { position:relative;width:250px;height:164px;border:1px solid #eeeeee;padding:6px 9px;margin:10px 15px 0 14px;font-size:11px;float:left; } 
.hub .redSummeryBox .txtBox.monthly        { margin:10px 0 0 -1px; } 
.hub .redSummeryBox .txtBox strong         { font-size:14px;display:block;margin-bottom:10px; } 
.hub .redSummeryBox .txtBox .left          { position:relative;width:180px;float:left;line-height:18px;overflow:hidden; } 
.hub .redSummeryBox .txtBox .left.total    { position:absolute;width:142px;bottom:7px;left:9px;line-height:30px; } 
.hub .redSummeryBox .txtBox .right         { position:relative;width:70px;float:left;text-align:right;font-size:13px;font-weight:bold;line-height:18px; } 
.hub .redSummeryBox .txtBox .right.total   { position:absolute;width:90px;bottom:7px;right:9px;font-size:20px;line-height:30px; } 
.hub .redSummeryBox .txtBox .runtime       { position:absolute;bottom:-16px;right:0px;font-size:10px; } 
.hub .redSummeryBox .txtBox ul             { padding:0 15px; } 
.hub .redSummeryBox .orderBox              { position:relative;width:282px;height:160px;float:left;padding:20px 0 0 14px; } 
.hub .redSummeryBox .orderBox #discounts       { position:relative;height:114px; }
.hub .redSummeryBox .checkBox                  { margin-bottom:4px; }
.hub .redSummeryBox .buttonBox                 { position:relative; }
.hub .redSummeryBox .buttonBox .divButtonLeft  { margin-right:10px; }


.hub div.herospaceActionBox .divTabbedNavigationSimplify .tabs-nav a strong           { font-family: VodafoneRgRegular,Arial,Helvetica,sans-serif;font-weight:normal; }
.hub div.herospaceActionBox .divTabbedNavigationSimplify .divHeroContainer .divInlay  { position:relative;padding:10px 30px; }

.pr-review-sort-box p {vertical-align: middle !important;}

 
 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet Advantage - vfmodal details base */
/* PAGENAME: CSS Snippet Advantage - vfmodal details base PAGEID: 216119 */
/* ------------------------------------------------------------------------------------------ */
/* VERSION:  */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */

.vfmodal-content .divModuleBasicExtension     { margin:0 0 10px 0 !important;border:0px;background-color:transparent; }
.vfmodal-content .divModuleBasic              { float:none;margin:0px;border:0px; }
.vfmodal-content .width3Col                   { width:716px;overflow:visible; }
.vfmodal-content .divModuleBasicOpenBottom    {  }
.vfmodal-content .divSubjectModule            { background-image:none;background-color:#ffffff !important; }
.vfmodal-content .divTabsContainer            { background-color:#ffffff; } 

.vfmodal-content.callyamodal .width3Col       { width:570px; } 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet Advantage - vfmodal details tariff */
/* PAGENAME: CSS Snippet Advantage - vfmodal details tariff PAGEID: 216120 */
/* ------------------------------------------------------------------------------------------ */
/* VERSION:  */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */
 
.vfmodal-content .tarifDetail                      { top:-14px; }
.vfmodal-content .tarifDetail .claimBox .backLink  { display:none; }

.vfmodal-content .width3Col .divTabsContainer .tableTariffDetails    { width:684px; }

.vfmodal-content .tariffDetailPackageTable                     { width:208px;margin:0 9px 30px 11px; }
.vfmodal-content .tariffDetailPackageTable .bar                { width:206px; }
.vfmodal-content .tariffDetailPackageTable .bar.bar0 .redBar,
.vfmodal-content .tariffDetailPackageTable .bar.bar100 .redBar { min-width:202px !important; }
.vfmodal-content .tariffDetailPackageTable .bar.barPromo       { width:208px; }
.vfmodal-content .tariffDetailPackageTable .bar .redBar.barWidth26px      { width:20px; }
.vfmodal-content .tariffDetailPackageTable .bar .redBar.barWidth52px      { width:41px; }
.vfmodal-content .tariffDetailPackageTable .bar .redBar.barWidth78px      { width:61px; }
.vfmodal-content .tariffDetailPackageTable .bar .redBar.barWidth104px     { width:82px; }
.vfmodal-content .tariffDetailPackageTable .bar .redBar.barWidth130px     { width:102px; }
.vfmodal-content .tariffDetailPackageTable .bar .redBar.barWidth155px     { width:122px; }
.vfmodal-content .tariffDetailPackageTable .bar .redBar.barWidth181px     { width:142px; }
.vfmodal-content .tariffDetailPackageTable .bar .redBar.barWidth207px     { width:163px; }
.vfmodal-content .tariffDetailPackageTable .bar .redBar.barWidth233px     { width:184px; }
.vfmodal-content .tariffDetailPackageTable .bar .redBar.barWidth259px     { width:202px; }
.vfmodal-content .tariffDetailPackageTable.odd           { clear:none; }
.vfmodal-content .tariffDetailPackageTable.first         { clear:both; }

.vfmodal-content.callyamodal .width3Col .divTabsContainer .tableTariffDetails    { width:558px; }
.vfmodal-content.callyamodal .tariffDetailPackageTable                           { width:259px;margin:0 2px 30px 8px; }
.vfmodal-content.callyamodal .tariffDetailPackageTable.odd                       { margin:0 8px 30px 2px;clear:both; }

.vfmodal-content.callyamodal .divButtonLeft,
.vfmodal-content.callyamodal .divButtonRight                                     { display:none; }
 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet Advantage - vfmodal details device */
/* PAGENAME: CSS Snippet Advantage - vfmodal details device PAGEID: 216121 */
/* ------------------------------------------------------------------------------------------ */
/* VERSION:  */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */
 
/* deviceDetail */
.deviceDetail                          { position:relative;margin-bottom:20px; }
.deviceDetail .imgBox                  { position:relative;width:250px;float:left;margin-left:6px; }
.deviceDetail .txtBox                  { position:relative;width:270px;float:left; }
.deviceDetail .txtBox h3               { position:relative;margin-bottom:5px;color:#333333;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:24px;line-height:24px;font-weight:normal; }
.deviceDetail .txtBox h4               { position:relative;margin-bottom:5px;font-size:14px;color:#db0000; }
.deviceDetail .txtBox .pr-stars        { position:relative;width:83px;height:15px;float:left;margin:0 8px 8px 0;background:url(/images/v5/stars_small_gold.gif); }
.deviceDetail .txtBox a.ratings        { background-image: url(/images/v5/button_hub_rating.png);display:block;float:left;height:14px;margin-top:1px;position:relative;width:14px; }
.deviceDetail .txtBox a.ratings:hover  { background-position:0 -14px; }
.deviceDetail .rateNow                 { display:block;padding-bottom:8px; }
.deviceDetail .txtBox ul               { position:relative;list-style:none; }
.deviceDetail .txtBox ul li            { position:relative;list-style:none;font-size:11px;line-height:11px;padding:0 0 6px 18px;background:url(/images/v5/check.gif) no-repeat 0px 3px; }


/* tabellen device details */
div.tabcontent                          { position:relative; }
div.tabcontent div.column               { position:relative;float:left;width:50%; }
div.tabcontent div.column .delivery     { position:relative;padding-left:30px; }
div.tabcontent table                    { width:100%;margin:0 0 12px 0;font-size:11px;border:1px solid #cdcdcd;empty-cells:show;}
div.tabcontent table caption            { text-align:left;padding:0 0 6px 6px;font-weight:bold;font-size:13px;}
div.tabcontent th,div.tabcontent td     { text-align:left;vertical-align:top;}
div.tabcontent div.column th,
div.tabcontent div.column td            { width:50%; }
div.tabcontent table tbody td,
div.tabcontent table tbody th           { padding:6px;border-bottom:1px solid #cdcdcd; }
div.tabcontent table tbody tr.last td,
div.tabcontent table tbody tr.last th   { border-bottom:0; }
div.tabcontent table tbody th           { background:#ededed; }
div.tabcontent table tbody td           { padding-left:6px; }
div.tabcontent span.checklist,
div.tabcontent span.available,
div.tabcontent span.not-available       { background:url(/images/v5/checkmark_available.png) 0 2px no-repeat;padding-left:18px;display:block; }
div.tabcontent span.not-available       { background-image:url(/images/v5/checkmark_notavailable.gif); }
div.tabcontent span.available,
div.tabcontent span.not-available       { overflow:hidden;width:14px;height:14px;padding:0;text-indent:-3000em; }
div.divModuleBasic div.divInlay div.tabcontent h2,
div.divModuleBasic div.divInlay div.tabcontent h2 span      { font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:28px;font-weight:bold;color:#333333;left:0px;padding:0 0 0 2px; }

/* special for rating button */
div.tabcontent .writeRating              {height: 35px; }
 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - SD4 - ImageTeaser */
/* PAGENAME: CSS Snippet - SD4 - ImageTeaser - TextTeaser */
/* PAGEID: 224641 */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 6.0.1 */
/* LAST CHANGES: 2014-04-07 - jd */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */

.divModuleBasicSimplicity {
    position: relative;
    float: left;
    margin: 0 1px 10px 3px;
    padding: 0;
}
.divModuleBasicSimplicity.height200, .divModuleBasicSimplicity.height280 {
    height: auto;
}
.divModuleBasicSimplicity.width4Col, .divModuleBasicSimplicity.width5Col {
    border: 0;
    margin: 1px 2px 11px 4px;
}
.divModuleBasicSimplicity.width4Col .imgTeaser {
    position: relative;
    width: 752px;
    margin: 0 5px;
}
.divModuleBasicSimplicity.width5Col .imgTeaser {
    position: relative;
    width: 944px;
    margin: 0 5px;
}
.divModuleBasicSimplicity.height280 .imgTeaser {
    height: 280px;
}
.divModuleBasicSimplicity.height200 .imgTeaser {
    height: 200px;
}
.divModuleBasicSimplicity .imgTeaser.onlyResponsive  { display:none; }
.divModuleBasicSimplicity .divInlay {
    position: absolute;
    top: 12px;
    left: 25px;
    width: 250px;
}
.divModuleBasicSimplicity.width4Col .divInlay.posRight {
    left: 500px;
}
.divModuleBasicSimplicity.width5Col .divInlay.posRight {
    left: 640px;
}
.divModuleBasicSimplicity .divInlay h3 {
    position: relative;
    font-family: VodafoneRgRegular, Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: normal;
    padding: 0 0 5px 0;
}
.divModuleBasicSimplicity .divInlay p,
.divModuleBasicSimplicity .divInlay .fs13 {
    font-size:13px;
    line-height:18px;
}
.divModuleBasicSimplicity .divInlay .divButtonLeft {
    margin: 10px 0 0 -2px;
}
.divModuleBasicSimplicity .line {
    position: relative;
    height: 20px;
    border-top: 1px solid #cdcdcd;
    margin: 0 5px;
    display: none;
}
.divModuleBasicSimplicity.closeLine .line {
    display: block;
}
.divModuleBasicSimplicity.spaceLine .line {
    display: block;
    margin: 30px 5px 0;
}

/* ---- onlyHeadline ---- */

.divModuleBasicSimplicity.onlyHeadline {
    margin: 1px 2px 6px 4px;
}
.divModuleBasicSimplicity.onlyHeadline .divInlay {
    position: relative;
    top: 0px;
    left: 0;
    width: auto;
    padding-left: 25px;
}
.divModuleBasicSimplicity.onlyHeadline .divInlay h3 {
    padding: 0;
}

/* ---- onlyText ---- */

.divModuleBasicSimplicity.onlyText .divInlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding:12px 25px 20px;
    box-sizing: border-box;
}
.divModuleBasicSimplicity.onlyText .divInlay ul,
.divModuleBasicSimplicity.onlyText .divInlay td {
    font-size:13px;
    line-height:18px;
}

/* ------------------------------------------------------------------------------------------- */


 
 
 
 
 
 
 
 
 
 
 
 
 
/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - Responsive ImageTeaser */
/* PAGENAME: CSS Snippet - Responsive ImageTeaser */
/* PAGEID: 248203 */
/* ------------------------------------------------------------------------------------------- */
/* VERSION: 6.0.1 */
/* LAST CHANGES: 2014-04-07 - jd */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */

.responsiveImageTeaser                      { position:relative;margin:0 0 20px 3px; }
.responsiveImageTeaser .txtBox              { position:absolute; }
.responsiveImageTeaser .txtBox p            { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:28px;line-height:30px;font-weight:normal;color:#656565; }
.responsiveImageTeaser .txtBox .subtext p   { margin-top:8px; font-size: 18px;line-height: 21px;font-weight: bold;}
.responsiveImageTeaser .imgLink             { position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;opacity:0;text-indent:200%;white-space:nowrap;z-index:100; }

@media only screen and (max-width: 767px) {
    
    .responsiveImageTeaser      { margin:0 10px 20px; }
    .responsiveImageTeaser img  { display:none; }
    
    .responsiveImageTeaser .txtBox p            { font-size:14px;line-height:17px; }
    .responsiveImageTeaser .txtBox .subtext p   { margin-top:4px; font-size: 9px; line-height: 11px;}

}

/* ------------------------------------------------------------------------------------------- */


 
 
 
 
 
 
 
 
 
 
 
 
 /* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - contentCarousel */
/* PAGEID: 218574 */
/* PUBLISHING DATE: 2025-12-10 18:21:05 */
/* ------------------------------------------------------------------------------------------- */

.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;
}
 /* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - oneBrand HomeTeaser */
/* PAGEID: 304752 */
/* PUBLISHING DATE: 2025-12-10 18:21:05 */
/* ------------------------------------------------------------------------------------------- */
 
.homeTeaserContainer                  { position:relative;padding-top:30px; }
.homeTeaserContainer .boxHeadline     { position:relative;margin:0 0 0 9px;font:normal 45px/50px "VodafoneRgRegular",Arial,sans-serif;color:#e60000; }

.homeTeaser              { position:relative;width:225px;float:left;margin:10px 15px 5px 3px; }
.homeTeaser img          { width:225px;height:135px; }
.homeTeaser .headline    { position:relative;font:normal 30px/34px "VodafoneLtRegular",Arial,sans-serif;color:#333333;padding:13px 0 9px; }
.homeTeaser .txt         { position:relative;padding:0 0 7px; }
.homeTeaser .txt p       { font:normal 14px/18px Arial,sans-serif;color:#333333; }
.homeTeaser a.buttonBig  { margin-top:9px; }
.homeTeaser.trio         { width:304px;margin:20px 7px 25px 9px; }
.homeTeaser.trio img     { width:304px;height:172px; }
.bottomLine              { position:relative;height:1px;width:956px;padding:0 0 10px;margin:0 21px 0 3px;border-top:1px solid #e0e0e0; }

.homeTeaserContainer.noLine .bottomLine    { display:none; }

.simpleLegacyTeaser                    { position:relative;width:944px;height:240px;margin:40px 0 10px 9px; }
.simpleLegacyTeaser .txtBox            { position:absolute;top:25px;left:25px;padding:14px 20px 9px;max-width:360px;
                                         background-color: rgb(221,221,221);
                                         background-color: rgba(221,221,221,.8);
                                         background-color: transparent\9;
                                         filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#CCDDDDDD,endColorstr=#CCDDDDDD);
                                         zoom:1; }

.simpleLegacyTeaser .txtBox.noBG       { background-color:transparent;filter:none; }
.simpleLegacyTeaser.boxRight .txtBox   { left:520px; }                                   
.simpleLegacyTeaser .headline          { position:relative;font:normal 30px/34px "VodafoneLtRegular",Arial,sans-serif;color:#333333;padding:0 0 9px; }
.simpleLegacyTeaser .txt               { position:relative;padding:0 0 7px; }
.simpleLegacyTeaser .txt p             { font:normal 14px/18px Arial,sans-serif;color:#333333; }
.simpleLegacyTeaser a.buttonBig        { margin-top:9px; }
 

.mod                { position:relative;margin:0 0 80px; }
          
.mod .head,
.mod .head p        { position:relative;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:30px;line-height:35px;font-weight:normal;margin-bottom:20px; }
.mod .txt,
.mod .txt p,
.mod .txt span      { position:relative;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;font-weight:normal; }
.mod .txt strong    { position:relative;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;font-weight:normal; }

/* modXSx3 */
.modXSx3                   { float:left;margin-right:6px; }
.modXSx3 .imgBox           { width:314px;height:314px;margin-bottom:0; }
.modXSx3 .imgBox img       { width:314px;height:314px; }
.modXSx3 .txtContainer     { position:absolute;top:auto;bottom:0;left:0;width:314px; }
.modXSx3 .txtBox           { width:314px; }
.modXSx3 .head,
.modXSx3 .head p           { margin-bottom:12px; }
.modXSx3 .head             { padding:0 20px;color:#ffffff; }
.modXSx3 .txt              { background-color:#e60000;color:#ffffff;height:0px;min-height:auto !important;overflow:hidden;
                            -moz-transition-property:           height;
                            -moz-transition-duration:           0.35s;
                            -moz-transition-timing-function:    ease;
    
                            -webkit-transition-property:        height;
                            -webkit-transition-duration:        0.35s;
                            -webkit-transition-timing-function: ease;
                        
                            -o-transition-property:             height;
                            -o-transition-duration:             0.35s;
                            -o-transition-timing-function:      ease;
                        
                            transition-property:                height;
                            transition-duration:                0.35s;
                            transition-timing-function:         ease;
                          }
 
.modXSx3:hover .txt        { height:68px; }
 
 
.modXSx3 .txt p            { padding:11px 20px 0;opacity:0;
 
                            -moz-transition-property:           opacity;
                            -moz-transition-duration:           0.35s;
                            -moz-transition-timing-function:    ease;
    
                            -webkit-transition-property:        opacity;
                            -webkit-transition-duration:        0.35s;
                            -webkit-transition-timing-function: ease;
                        
                            -o-transition-property:             opacity;
                            -o-transition-duration:             0.35s;
                            -o-transition-timing-function:      ease;
                        
                            transition-property:                opacity;
                            transition-duration:                0.35s;
                            transition-timing-function:         ease;
                          }
  
.modXSx3:hover .txt p      { opacity:1; }
 
.modXSx3 .buttonBox        { display:none; }
.modXSx3 .imgLink          { position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;opacity:0;text-indent:200%;white-space:nowrap;z-index:100; }

.homeTeaserContainer .modXSx3                   { height:225px;margin:0 15px 0 3px; }
.homeTeaserContainer .modXSx3 .imgBox           { width:225px;height:225px; }
.homeTeaserContainer .modXSx3 .imgBox img       { width:225px;height:225px; }
.homeTeaserContainer .modXSx3 .txtContainer     { width:225px; }
.homeTeaserContainer .modXSx3 .txtBox           { width:225px; }
.homeTeaserContainer .modXSx3 .head             { padding:0 15px;margin-bottom:5px; }
.homeTeaserContainer .modXSx3 .head p           { margin-bottom:5px; }
.homeTeaserContainer .modXSx3 .txt p            { padding:6px 15px 0;line-height:18px; }

.homeTeaserContainer .modXSx3 .head:before      { position:absolute;bottom:-5px;left:0px;content:" ";width:225px;height:225px;
                                                  background:url(/images/v5/css/Verlauf_450x450.png);background-size:225px 225px; }


/* EinstiegsModule HomePage */

.entrance             { position:relative;width:200px;margin:10px 16px 20px 3px;border:1px solid #999999;padding:20px 20px 20px 83px;float:left; }
.entrance .head       { position:relative;font: 400 22px/25px 'VodafoneRgRegular',Arial,Helvetica,sans-serif;margin-bottom:10px; }
.entrance p           { position:relative;font: 400 16px/18px 'VodafoneRgRegular',Arial,Helvetica,sans-serif; }
.entrance .imgLink    { position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;opacity:0;text-indent:200%;white-space:nowrap;z-index:100; }

.entrance.young       { background:url(//www.vodafone.de/images/v5/css/junge-leute-96x96.png) no-repeat 20px 30px;background-size:48px 48px; }
.entrance.vvl         { background:url(//www.vodafone.de/images/v5/css/vvl-96x96.png) no-repeat 20px 30px;background-size:48px 48px; }
.entrance.soho        { background:url(//www.vodafone.de/images/v5/css/geschaeftskunden-96x96.png) no-repeat 20px 30px;background-size:48px 48px; }
 /* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - EnterpriseNewsletterTeaser */
/* PAGEID: 328684 */
/* PUBLISHING DATE: 2025-12-10 18:21:05 */
/* ------------------------------------------------------------------------------------------- */
 
.EnterpriseNewsletterTeaser {
	border: 1px solid #ccc;
	border-radius: 3px;
	overflow: hidden;
	height: 225px;
}

@media only screen and (min-width: 768px) {
	.EnterpriseNewsletterTeaser img {
		max-width: 101%;
		max-height: 100%;
	}
	.EnterpriseNewsletterTeaserInlay {
		margin: 20px;
		width: 37%;
	}
}

@media only screen and (max-width: 767px) { 
	.EnterpriseNewsletterTeaser img { 
		margin-left: -157px;
	}
	.EnterpriseNewsletterTeaserInlay {
	    margin: 7px;
		top: -238px;
		width: 77%;
	}
}

.EnterpriseNewsletterTeaserInlay {
	background-color: rgba(255, 255, 255, 0.8);
	background-color: transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
	zoom:1;
	color: #333333;
	position: relative;
	padding: 20px;
	top: -220px;
}

.EnterpriseNewsletterTeaserInlay h2 {
	font-size: 28px;
}

.EnterpriseNewsletterTeaserInlay p {
	font-size: 14px;
	margin-top: 10px;
}

.EnterpriseTeaserSubscribeBtn {
	margin-left: -3px;
	margin-top: 20px;
}/**CONTENT CLASS: CSS Snippet - Genesis-Chat --PAGEID: 632350 --PROJECT VARIANT: 101B266092D0441D922D8B549EA19BF0 --STATUS: PUBLISH READY --VERSION: 1.0 -- LAST CHANGES: 2018-08-30 JDreess PUBLISHING DATE: 2025-12-10 18:21:05*/

#genesis-overlay.mod {

  position:fixed;
}

#genesis-overlay.mod * {

  font-family:"VodafoneRgRegular",Arial,sans-serif;
  box-sizing: border-box;
}

#genesis-overlay .overlay-content .h1 {

  font-size: 45px;
  line-height: 50px;
}

#genesis-overlay .module .h2 {

  font-size: 30px;
  line-height: 34px;
  margin-bottom: 20px;
}

#genesis-overlay .module p.text {

  line-height: 20px;
  margin-bottom: 15px;
}

#genesis-overlay .standard-form .fm-data {

    position: relative;
    padding: 0 40px 5px 0;
    width: 60%;
    border:0;
}

#genesis-overlay .standard-form .forms-head {

    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding: 0 0 5px;
    color: #333;
}

#genesis-overlay .standard-form .fm-checkbox .fm-check {

    position:relative;
    padding-bottom: 10px;
}

#genesis-overlay .standard-form .fm-checkbox .fm-check label {

    position:relative;
    display:inline-block;
    line-height: 20px;
    padding: 4px 0 3px 30px;
    text-align:left;
}

#genesis-overlay .standard-form .fm-checkbox .fm-check label .bgdiv {

    position: absolute;
    left: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 1px;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    background-color: #f4f4f4;
    font-size: 12px;
    line-height: 18px;
}

#genesis-overlay .standard-form .fm-checkbox .fm-check label.checked .bgdiv {

    background-color: #428600;
    background-image: url(/simplicity/simplicity-smaller/svgs/svgdefs.svg#i-list-tick-sml-white);
    background-size: 20px 20px;
    background-position: -1px -1px;
}

#genesis-overlay .standard-form .btn {
  
    font-family:"VodafoneRgBold",Arial,sans-serif;
    text-decoration:none;
}


#genesis-overlay .standard-form .btn:hover,
#genesis-overlay .standard-form .btn:focus {
  
  color:#ffffff;
}

#genesis-overlay .standard-form .fm-checkbox .fm-check input {
    display: none;
}

#genesis-overlay .standard-form .fm-checkbox .fm-check input:checked + label {
    font-weight: normal;
}

#genesis-overlay .standard-form .fm-checkbox .fm-check input:checked + label .bgdiv {
    background-color: #428600;
    background-image: url(//www.vodafone.de/simplicity/simplicity-smaller/svgs/svgdefs.svg#i-list-tick-sml-white);
    background-size:20px 20px;
    background-position: -1px -1px;
}
 
/* -[SNIPPETS <<<]---------------------------------------------------------------------------- */