/*****************************
* Base rules
*****************************/
.fleft {
    float: left;
}
.fright {
    float: right;
}

/* -- Tab-Area -- */
/* erweiterung tabs wg. zu langer bezeichnungen in den tabs */

div.tab_area ul.tabs-5 li.large {
    width: 129px;
}

/* -- Accordion V2 - Programmplaner Table-- */

.accordion_v2 dd table.programmplanertable .alternate {
    background:#F6F4F5;
}

.accordion_v2 dd table.programmplanertable .filmdaten {
    width: 150px;
}
.accordion_v2 dd table.programmplanertable .filmdaten .cover_icon {
    width: 37px;
    float: left;
    margin-right: 10px;
    display:block;
}
.accordion_v2 dd table.programmplanertable .filmdaten .cover_icon img {
    margin-bottom:10px;
}
.accordion_v2 dd table.programmplanertable .filmdaten .content {
    float:left;
}
.accordion_v2 dd table.programmplanertable .darsteller a {
    display: block;
}

/* abo-upgrade */
.film #upsellingBox {
    /*left: 310px;*/
}

div#upsellingBox {
    width: 950px;
    background-color: #fff;
    position: absolute;
    left: 10px;
    top: 500px;
    z-index: 1000;
}
    
div.aboupgrade {
    background: url(/_assets/pics/abobg.jpg) repeat-x 10px 53px;
    padding: 6px;
    font-weight: bold;
    background-color: #F3F3F3;
}
div.aboupgrade h2 {
    color: #A22521;
    font-size: 16px;
    margin: 25px 0px 10px 0px;
}
div.aboupgrade h3 {
    text-transform:uppercase;
    color: #A22521;
    font-size: 14px;
    margin: 5px 0px 0px 0px;
}
div.aboupgrade ul {
    border-top: 1px solid #ffffff;
    list-style-type: none;
    margin: 8px 0px 20px 0px;
    padding: 8px 0px 0px 0px;
}
div.aboupgrade ul li {
    background: url(/_assets/pics/upgrade_haken.gif) no-repeat;
    padding-left: 30px;
    margin: 10px 0px;
    font-weight: normal;
}
div.aboupgrade input.rightbutton {
    float: right;
}




/* IE 11 fixing of table for button-position and cell-borders. IE does not understand:  td:not(:first-of-type) */

div#upsellingBox .l-table tr td {
    width: 18%;
}

div#upsellingBox .l-table tr td:first-child {
    width: auto;
}

div#upsellingBox .l-table tr td {
    border-right: 1px solid #fff;
}




/* Abo Description */

div.abo-description h2 {
    margin:10px 0;
    color:#333;
}
div.abo-description h3 {
    font-size:12px;
    margin: 10px 0px;
}

/* Profitieren */
.profit {
    padding-left: 0px;
    
    font-size: 16px;
    
    width:390px;
}
.profit > li {
    margin-bottom: 12px;
}

.register-button {
    margin-left: 20px;
    margin-top: 80px;
}

/* Kundenrezensionen */
ul.kundenrezensionen {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul.kundenrezensionen li {
    border-bottom:1px solid #cfcece;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
ul.kundenrezensionen li.first {
    border-top:1px solid #cfcece;
    margin-top: 10px;
    padding-top: 10px;
}
ul.kundenrezensionen li .cover {
    float: left;
    margin-right: 10px;
}
ul.kundenrezensionen li span {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}
ul.kundenrezensionen li p {
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
}
ul.kundenrezensionen li div.clear {
    line-height: 0px;
    height: 0px;
    clear:both;
    padding: 0px;
    margin: 0px;
}

div.aboinfolayer,
div.profillayer
{
    width: 948px;
    height: 424px;
}

div.aboinfolayer div
{
    text-align: center;
    font-size: 13px;
}
div.aboinfolayer .headline
{
    font-weight: bold;
    color: #ffffff;
    height: 31px;
}

div.aboinfolayer .subtitle
{
    font-weight: bold;
    margin-top: 174px;
}
div.aboinfolayer .teaser
{
    margin: 0 70px 0 70px;
    font-size: 12px;
}
div.aboinfolayer .subtitle
{
    font-weight: bold;
    margin-top: 174px;
}
div.aboinfolayer .infos
{
    padding: 12px 0 0 13px;
    width: 210px;
    font-size: 12px;
}

div.profillayer div.main
{
    font-size: 11px;
    height:390px;
    font-weight: bold;    
}

div.profillayer .headline
{
    font-weight: bold;
    color: #ffffff;
    height: 35px;
    font-size: 14px;
}
div.profillayer .border
{
    border-right:1px solid #fff; 
    border-bottom:1px solid #fff
}

div.profillayer .film
{
    background-color: #5c84c8;
}
.inactive
{
    color: #7F7F7F;
}

div.bggraybordered
{
    border: 1px solid #d0cecf;
    background-color: #f0eeef;
}

/* community upgrade page */
h2.nomargin {
    margin-bottom: -10px;
}

p.bigtext {
    font-size: 13px;
}

div#upgradeVisual {
    width: 925px;
    height: 421px;
    margin-top: 5px;
    background-image: url(/account/pics/abos/abo_com_upgrade.jpg);
}

div#guestVisual {
    float: left;
    width: 210px;
}

div#guestVisual h2,
div#memberVisual h2,
div#memberVisual {
    color: #FFF;
}

div#guestVisual ul,
div#memberVisual ul {
    list-style-type: none;
    font-size: 13px;
}

div#memberVisual {
    float: left;
    margin-left: 30px;
    width: 650px;
}

div#footerText {
    margin: 10px 0 0 238px;
}

div#footerText label {
    color: #C00000;
}

/* end community upgrade page */

/* new upselling layers, in order of appearance */

.mainBoxBorder {
    border-left: 1px solid #cfcece;
    border-right: 1px solid #cfcece;
    border-bottom: 1px solid #cfcece;
}

.hasAboText {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #b72014;
    margin-top: 15px;
    margin-left: 8px;
    margin-bottom: 15px;
}

.hasAboTextHr {
    background-color: #b72014;
    height: 2px;
    width: auto;
}

.stoererBtn {
    float: left;
    width: 160px;
}

.stoererRightBtn {
    float: right;
    width: 160px;
}

.stoererBtnRight {
    float: right;
    width: 160px;

}

.upgrade-header {
    margin-left: 160px;
    padding-top: 20px;
}
.clearfloatline {
    clear:both;
}

.columnRight {
   float:left;
   width:630px;
   margin: 15px 0;
}

div.columnRight img#testitnow {
    margin-left:40px;
    }

.playerContainer {
    float: right;
    margin-right: 8px;
}

.playerLeftContainer {
    float: left;
    margin: 30px 15px;
    
}

.stoererInterstitial {
    margin-left: 240px;
    width: auto;
    margin-top: 40px;
}

.stoererInterstitialOnline {
    margin-left: 300px;
    width: auto;
    margin-top: 40px;
}

div.listcontainer_right {
    float: left;
}



div.listcontainer_right div.title span {
    color: #0c3896;
    font-size: 20px;
    font-weight: bold;
}

div.pseudoliste div.boeppel {
  float:left;
  width:41px;
  height:22px;
}

div.pseudoliste div.boeppeltext {
  padding-top:10px;
  float:left;
  width:320px;
  height:41px;
}

div.pseudoliste div.boeppel_relaunched {
  padding-top:5x;      
  float:left;
  width:41px;
  height:28px;
}

div.pseudoliste div.boeppeltextwide {
  padding-top:10px;
  float:left;
  width:520px;
  height:28px;
}

div.bf_bestinformiert {
    background-image: url(/account/pics/abos/bf_verlauf_2012.png); 
    background-repeat: repeat-y; 
    margin-left:15px; 
    margin-bottom:25px;
    padding-bottom: 10px;
}

.block-h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 20px;
}

.block-h1-bf {
        font-size: 28px; /* PSD is 36 */
}

.block-h2 {
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}

.block-h2-v2 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
}

.block-h2-v3 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
}

.blockList {
    padding-left: 48px;
    width: auto;
    margin-top: 25px;
    height: 488px;
}

.dynCover {
    margin-left: 10px;
    float: left;
    width: 230px;
    height: 300px;
}

.screen {
    margin-left: 10px;
    float: left;
    width: 230px;
    height: 300px;   
}

.onlineScreen {
    margin-left: 10px;
    float: left;
    width: 290px;
    height: 300px;
}

.premiumScreen {
    margin-left: 10px;
    margin-right: 20px;
    float: left;
    width: 375px;
    height: 340px;
}

.jaText {
    width: auto;
    margin-left: 48px;
    margin-top: 30px;
    font-size: 13px;
    font-family: Arial;
}

.useInfo {
     width: auto;
     padding-left: 48px;
     padding-top: 15px;
     padding-bottom: 15px;
     margin-top: 30px;
     margin-bottom: 20px;
     font-size: 13px;
     font-family: Arial;
}

.useInfo img {
    float: right;
    margin-right: 20px;
    margin-top: 6px;
    margin-left: 10px;
}

.wiederruf {
     width: auto;
     margin-left: 48px;
     margin-top: 30px;
     margin-bottom: 20px;
     font-size: 13px;
     font-family: Arial;
}

.wiederruf .intro {
    font-weight: bold
}
.subTitle {
    font-family: Arial;
    font-size: 12px;
    width: 280px;
    padding-top: 4px;
}

.listing {
    font: 14px/1.2 "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

.fButton {
  background-image: url(/account/pics/abos/jetzt-testen-greybg.png);
  cursor: pointer;
  margin: 5px 15px; 0px 0px;
  padding: 0px;
  border: 0px;
  width: 280px;
  height: 54px;
  float: right;
}

.fButtonMbase {
  background-image: url(/microsites/img/jetzt-testen-greybg.png);
  cursor: pointer;
  margin: 5px 15px 0 0;
  padding: 0px;
  border: 0px;
  width: 280px;
  height: 54px;
  float: right;
}

.fButtonZahlungspflichtig {
  background: url(/microsites/img/zahlungspflichtig-bestellen-trans.png) transparent;
  cursor: pointer;
  margin: 5px 5px 35px 0;
  padding: 0px;
  border: 0px;
  width: 320px;
  height: 50px;
  float: right;
}

/* new form */
.sem-form {
    margin: 0px;
    padding: 0px;
    height: 190px;
}
.sem-form-c1 {
    width: 85px;
    color: #313131;
    line-height: 23px;
    float: left;
    padding: 4px;
    margin: 0px;
}
.sem-form-c2 {
    width: 330px;
    float: left;
    text-align: left;
    padding-bottom: 8px;
    padding-right: 40px;
    padding: 4px;
    margin: 0px;
}
.sem-form-c2 input {
    border: 1px solid #d6d6d6;
    color: #313131;
    background-color: #f5f5f6;
    font-family: Arial;
    font-size: 13px;
    line-height: 15px;
    width: 288px;
    height: 23px;
    margin: 0px;
    padding: 0px;
}
.sem-form-c2 select {
    border: 1px solid #d6d6d6;
    background-color: #f5f5f6;
    color: #313131;
    width: 288px;
    font-family: Arial;
    font-size: 13px;
    line-height: 15px;
    height: 23px;
    -moz-border-radius: 1px 1px;
}
.sem-form-c2 input.checkbox {
  width: 20px;
  border: 0px;
  background-color: transparent;
}

.sem-form-c2 label {

}

.sternchen {
  font-weight: bold;
  font-size: 11px;
}
/* channel-specific colors and backgrounds */
.color-bf {
    color: #2a5296;
}
.color-gm {
    color: #2b8f29;
}
.color-vm {
    color: #ad0d57;
}
.color-mw {
    color: #f2a227;
}
.color-mbp {
    color: #9d0f0d;
}


.bg-onepix-w2g {
     background-image: url(/account/pics/abos/background-px-w2g.png);
}
/* BF */
.bg-bf-charts {
    background-image: url(/account/pics/abos/background-bf-charts_2011.png);
}
.bg-bf-online {
    background-image: url(/account/pics/abos/background-bf-online.png);
}
.bg-bf-premium {
    background-image: url(/account/pics/abos/background-bf-premium.png);
}

/* VM */
.bg-vm-charts {
    background-image: url(/account/pics/abos/background-vm-charts_2012.png);
    background-repeat: no-repeat;
}
.bg-vm-online {
    background-image: url(/account/pics/abos/background-vm-online.png);
    background-repeat: no-repeat;
}
.bg-vm-premium {
    background-image: url(/account/pics/abos/background-vm-premium.png);
}

/* GM */
.bg-gm-charts {
    background-image: url(/account/pics/abos/background-gm-charts.png);
    background-repeat: no-repeat;
}
.bg-gm-online {
    background-image: url(/account/pics/abos/background-gm-online.png);
    background-repeat: no-repeat;
}
.bg-gm-premium {
    background-image: url(/account/pics/abos/background-gm-premium.png);
}

/* MW */
.bg-mw-charts {
    background-image: url(/account/pics/abos/background-mw-charts.png?1);
    background-repeat: no-repeat;
}
.bg-mw-online {
    background-image: url(/account/pics/abos/background-mw-online.png);
    background-repeat: no-repeat;
}
.bg-mw-premium {
    background-image: url(/account/pics/abos/background-mw-premium.png);
}

/* mbp */
.bg-mbp {
    background-image: url(/account/pics/abos/background-mbp.png);
    background-repeat: no-repeat;
}

/* mbb */
.bg-mbb {
    background-image: url(/microsites/img/background-mbb.png);
    background-repeat: no-repeat;
}

/* Static Sites */
#upsellingStatic {
    width: 950px;
    background-color: #fff;
    border-top: 1px solid #CFCECE;
    left: 10px;
    top: 180px;
    z-index: 1000;
}

.row {
    position: relative;
    
    width: 100%;
    height: 350px;
    
    margin-bottom: 30px;
}
.row > .column {
    margin: 30px 0 0;
}
.row .playerContainer {
    margin-left: 40px;
}

/*community upselling page*/

div.community_upselling .clearline_big {
    clear: both;
    height: 100px;
    width: 940px;
}

div.community_upselling div.image_two_line_4 {
    background: url("/account/pics/abos/chair_top.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 129px;
    margin: -30px 78px 0 0;
    width: 100px;
}

div.community_upselling div.bg_left_white {
    background: url("/account/pics/abos/bg_line.gif") repeat scroll 0 0 transparent;
    width: 940px;
}

div.community_upselling div.line_image_left {
    color: #313131;
    float: left;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    height: 282px;
    line-height: 15px;
    padding-top: 20px;
    text-align: left;
    z-index: 1;
}

div.community_upselling div.image_line_5 {
    background: url("/account/pics/abos/chair_bottom.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 455px;
    margin: -22px -1px -435px -16px;
    width: 504px;
}

div.community_upselling div.listcontainer_left {
    float: left;
    margin-left: 40px;
}

div.community_upselling div.listcontainer_left, div.community_upselling div.listcontainer_right {
    font-size: 12px;
    line-height: 15px;
    width: 500px;
}

/*END community upselling page*/


/* ####  ADS ##### */


/* ADS-SKIN mediabiz START */
/*
.mediabiz #upsellingBox {
    left: 3px;
}
*/

/* ADS-SKIN mediabiz End */


/* ADS-SKIN Film START */
/*
.film #upsellingBox {
    left: 3px;
}
*/
/* ADS-SKIN Film End */


/* ADS-SKIN video START */
/*
.video #upsellingBox {
    left: 3px;
}
*/
/* ADS-SKIN video End */


/* ADS-SKIN Games START */
/*
.games #upsellingBox {
    left: 3px;
}
*/
/* ADS-SKIN Games End */


/* ADS-SKIN musik START */
/*
.musik #upsellingBox {
    left: 310px;
}
*/
/* ADS-SKIN musik End */