/* Website Background */
html, body {
    font-family: robotoRegular, sans-serif;
    font-size: 13px;
    color: #666;
    background: #fff;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 150%;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;

}

/* START - - - - - - - - - - FONTS - - - - - - - - - - */
.bold{font-weight:bold;}



h1, h2, h3 {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 24px;
    line-height: 28px;
}

a:link, a:visited {
    color: #A9A9A9;
    font-size: 15px;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

/*ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}
     */
p {
    margin: 0;
    padding: 0;
}

/* Main container for all pages */
.mainContainer {
    /*background: #e5e5e5;
    box-shadow: 0 0 1px 3px #bbb;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;*/
    min-height: 600px;
}

/* START - - - - - - - - - - Header area - - - - - - - - - - */

header {
    position: relative;
}

.headerNavi {
    position: absolute;
    top: 10px;
    right: 10px;
}
.headerSearch {
    position: absolute;
    top: 70px;
    right: 10px;
    width:250px;
    height:35px;
    background: url(../images/ui/suchebackground.png) no-repeat center;
    
}
.sucheLupe{
    position: absolute;
    width:44px;height:35px;
    top:0px;left:0px;
    background: url(../images/ui/sucheLupe.png) no-repeat center;
}
.sucheLupe:hover{
    background-image:url(../images/ui/sucheLupeMov.png);
    cursor:pointer;
}
.sucheClose{
    position: absolute;
    width:34px;height:35px;
    top:0px;right:0px;
    background: url(../images/ui/sucheClose.png) no-repeat center;
    }
.sucheClose:hover{
    background-image:url(../images/ui/sucheCloseMov.png);
        cursor:pointer;
}
.sucheInput{
    position: absolute;
    width:172px;height:35px;
    top:3px;left:44px;



    }

.sucheInputBox{
width:100%;height:28px;
border:none;
background-color:transparent;
font-size: 15px;color:#797979;
}

.loginMask {
    position: relative;
    top: 5px;
    left: 10px;
    margin-bottom:30px;
}

a.logout {
    display: inline-block;
    float: right;
    margin: 5px 10px 0;
    text-decoration: none;
}
#navLine{
   font-size:19px;
   margin: 10px 10px;
   cursor:default;
   font-family:tahoma;
   font-weight:lighter;
}
#navSpan1{

}
#navSpan2{

}

#mainFrame{

width:950px;
min-height:770px;

border-radius:7px;
position:relative;
}
.colLeft{
   width:200px;
   float:left;
}
.colRight{
    width:720px;
    float:right;
    padding:7px 10px 0px 0px;
 }
.leftNav{
  width: 188px;

}
.loginP{
         font-size:15px;margin-bottom:5px;
}

.errorMsg{
         font-weight:bold;
}
.registerP{
         font-size:19px;
         margin:45px 15px 20px;
         text-decoration:underline;
         cursor:pointer;
}

.myIssues{
margin:10px;
   width:188px;
   height:48px;
   line-height:48px;
   text-align:center;
   vertical-align:middle;
   font-size:18px;
   font-weight:bold;
  }
.pointer{
         cursor:pointer;
}
.bShadow{
      box-shadow: 2px 2px 3px 0px gray;
}
.bRadius{
      border-radius:5px;

}
.navCategories{
   margin:10px;
   width:188px;
   font-size:15px;
}
.navEntry{
         margin-left:5px;margin-right:5px;
         font-size:16px;
         height:34px;line-height:34px;
         vertical-align:middle;
         text-indent:15px;
         font-weight:bold;
}
.subEntry{
        font-size:14px;
         font-weight:normal;
         margin-left:15px;margin-right:5px;
         text-indent:10px;
}
.subSubEntry,.subSubEntry2{
    font-weight:normal;
    margin-left:25px;
    	font-size: 12px !important;
        text-indent: 10px !important; 
}
.subSubEntry2{
    font-size: 11px !important;
        text-indent: 15px !important; 
}
.socialLinks{
         height:60px;line-height:60px;vertical-align:middle;text-align:center;
         text-indent:0px;
}
.bannerFrame{
         overflow:hidden;
         width:720px;    height:240px;
         margin:2px 0px 10px 0px;

}
 #slider li{
         
         width:720px;
         height:240px;
         overflow:hidden;

 }


.topNav{
          margin:10px 0px 10px 0px;
          width:720px;    height:48px;line-height:48px;
          vertical-align:middle;

          text-align:right;

}


.catSelector{
  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  appearance:none;
    text-indent: 0.01px;
    text-overflow: '';
             width:180px;height:25px;
             margin-right:10px;
             padding:4px 2px;
             background:#ffffff url(../images/ui/dropdown.png) no-repeat right center;
             background-size:20px 22px;
             color:black;

}

.magazineFrame{
         position:relative;
         margin:10px 0px 0px 0px;
         width:720px;
}

.magazineBox{
         margin:5px 0px 0px 0px;
         width:33.33%;
         height:340px;
}
.magazineBoxSmall{
         margin:5px 0px 0px 0px;
         width:25%;
         height:185px;
}
.boxImg{
         text-align:center;
         width: 213px;
        height: 295px;
        margin-left: auto;
        margin-right: auto;
        position:relative;
        overflow: hidden;
        
}
.boxImg_small{
    width: 150px;
    height: 190px;
}
.shadowbox{
    box-shadow: 2px 2px 4px 1px gray;
}

.extraSchild,kostenlos{
    position: absolute;
    width: 200px;
    height: 25px;
    bottom: 20px;
    right: -70px;
    line-height: 25px;
    font-size: 21px;
    font-weight: bold;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.kostenlos{
    bottom: 45px;
    right: -45px;
}
.extra_small{
    bottom:auto;right:auto;
   top: 71%;
  left: 4%; 
  
}

.boxImgPlaceholder{
         background:url(../../images/ui-elements/wait.gif) no-repeat center;
         background-size:213px auto;
         width:213px;height:295px;
         
}
.boxImgPlaceholderSmall{
         background:url(../../images/ui-elements/wait.gif) no-repeat center;
         background-size:130px auto;
         width:130px;height:180px;
         box-shadow: 2px 2px 4px 1px gray;
}
.boxText{
         margin:5px 0px 0px 10px;
         font-size:20px;
         font-weight:bold;
}
.magDetailSmall{
         position:relative;top:-5px;
         width:100%;
         height:190px;
         border-bottom:1px solid #000;
         padding-bottom:5px;padding-top:5px;
}
.magDetailSmall:hover{
         cursor:pointer;
 }
.magDetail{
         position:relative;
         width:100%;
         height:auto;
}


.innerRight{
         color:black;
         position:relative;
         padding-top:10px;
         float:left;
         width:66.66%;
         font-size:15px;
         }

.innerRightLarge{
         color:black;
         position:relative;
         padding-top:10px;
         float:left;
         width:75%;
         font-size:12px;

}
.ausgabeP{
position:absolute;top:32px;
font-size:15px;
         font-weight:bold;
         color:#666;
         width:100%;
}


/* CONTROLS f�r den Slider */
.controls{
        list-style-type: none;
         position:relative;
         top:-247px;left:-700px;
         text-align:center;
         padding-left:705px;
}

#controls li {
   width:20px;
   height:20px;
   line-height:20px;
   vertical-align:middle;
   margin-bottom:3px;

}
#controls a {
         font-weight:bold;
         text-decoration:none;
         }

 /* - ENDE - CONTROLS*/

 /* ABSTANDHALTER - "topSpace" wird erg�nzt, wenn das Banner aktiv ist */
.topSpace1{top:267px;}
.topSpace2{top:330px;}



/* this container displays the name of the logged user */
.loggedinAsContainer {
    float: right;
    text-align: right;
    margin: 5px 20px 0 0;
    font-family: robotoRegular, sans-serif;
    font-size: 15px;
}

.loggedInAsText {
    color: #000;
}

.loggedInAsName {
    color: #fff;
}

/* Content area */

.content {
    margin: 0 auto;
}

/* -- General Styles -- */

/* ///// General item manipulations START */

.opacity70 {
    opacity: 0.7;
}

.hidden, .hide {
    display: none;
}

/* General item manipulations END ///// */

/* Text style properties */

.bold {
    font-family: robotoBold, sans-serif;
}

.boldCondensed {
    font-family: robotoCondensedRegular, Arial, sans-serif;
}

.italic {
    font-family: robotoItalic, sans-serif;
}

.withListStyle {
    list-style-type: square;
    margin-left: 18px;
}

.lineHeight12 {
    line-height: 12px;
}

.lineHeight16 {
    line-height: 15px;
}

.lineHeight30 {
    line-height: 29px;
}

.lineHeight120percent {
    line-height: 120%;
}

.smallText {
    font-size: 11px;
}

.largeText {
    font-size: 18px;
}

.highlightRed {
    color: #f00;
}

.underline {
    text-decoration: underline;
}

.justify {
    text-align: justify;
}

.fontWhite {
    color: #fff;
}

.orangeHeadline {
    color: #ff7613;
    font-family: robotoCondensedRegular, Arial, sans-serif!important;
    font-size: 24px;
    line-height: 27px;
}

.passwordCell {
    line-height: 10px !important;

}

.passwordLabel {
    line-height: 17px;
    display: block;
}

.passwordAdditional {
    font-size: 10px;
}

/* ---------- Container ---------- */

.whiteBox {
    background: #fff;
    box-shadow: 0 1px 8px #444;
    border-radius: 6px;
}

.greenBorderBox {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e4e4e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e5', GradientType=0); /* IE6-9 */
    border: 4px solid #090;
    border-radius: 14px;
      box-shadow: 2px 2px 4px 2px gray;
    z-index:99999;
}

/* First carousel in starting page ----- */

.firstMagazineCarousel {
    position: relative;
}

/* Second carousel in starting page */

.secondMagazineCarousel {
    height: 212px;
    overflow: hidden;
}

fieldset {
    border: 0;
    background: none;
    padding: 0;
}

label {
    font-size: 18px;
    cursor: pointer;
}

label.checkboxText {
    font-size: 20px;
    font-style: normal;
}

input[type=text], input[type=password], input[type=email], select, textarea {
    margin: 0;

    color: #666;
    -webkit-appearance: inherit;
    border: 1px solid #aaa;
    border-radius: 6px;
    font-size: 12px;
    padding: 4px 10px;
    box-shadow: 0 2px 3px #ddd inset;

}

input[type=text].plzField {
    width: 50px;
}

input[type=text].cityField {
    width: 174px;
}

select.countryField {
    width: 274px;
}

select {
    width: 300px;
}

select.titleField {
    width: 130px;
}

.justifyingList {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 0;
}

.whiteBackground {
    background: #fff;
}

.confirmationBorderBox {
    padding: 25px;
    margin-bottom: 20px;
}

.chooseMagazineTable td {
    position: relative;
    margin: 0 2px;
}

.accountTableCell {
    display: table-cell;
    vertical-align: top;
    line-height: 28px;
    font-family: robotoItalic, Arial, sans-serif;
    text-align: right;
    padding-right: 20px;
}

.paymentLabel {
    display: table-cell;
    text-align: right;
    font-family: robotoItalic, Arial, sans-serif;
    vertical-align: top;
    line-height: 30px;
    padding-right: 20px;
}

/* ///// Images START */

.websiteLogo {
    width: 450px;
    height: 112px;
    background-repeat: no-repeat;
    background-position:center left;
}

.iPadPictogram {
    width: 100px;
    height: 130px;
    background: url(../images/pictograms/pictogram_magazine_flatrate_ipad.png) center no-repeat;
    background-size: 100px 130px;
}

.iPadPictogramSmall {
    width: 60px;
    height: 75px;
    background: url(../images/pictograms/pictogram_magazine_flatrate_ipad.png) center no-repeat;
    background-size: 60px 75px;
}

.iPhonePictogram {
    width: 64px;
    height: 106px;
    background: url(../images/pictograms/pictogram_magazine_flatrate_iphone.png) center no-repeat;
    background-size: 64px 106px;
}

.iPhonePictogramSmall {
    width: 112px;
    height: 50px;
    background: url(../images/pictograms/pictogram_magazine_flatrate_iphone.png) center no-repeat;
    background-size: 30px 50px;
}

.kindlePictogram {
    width: 100px;
    height: 140px;
    background: url(../images/pictograms/pictogram_magazine_flatrate_kindle.png) center no-repeat;
    background-size: 100px 140px;
}

.kindlePictogramSmall {
    width: 54px;
    height: 75px;
    background: url(../images/pictograms/pictogram_magazine_flatrate_kindle.png) center no-repeat;
    background-size: 54px 75px;
}

.galaxyTabPictogram {
    width: 150px;
    height: 100px;
    background: url(../images/pictograms/pictogram_magazine_flatrate_galaxy_tab.png) center no-repeat;
    background-size: 150px 100px;
}

.galaxyTabPictogramSmall {
    width: 72px;
    height: 50px;
    background: url(../images/pictograms/pictogram_magazine_flatrate_galaxy_tab.png) center no-repeat;
    background-size: 72px 50px;
}

.windowsTabletPictogram {
    width: 152px;
    height: 95px;
    background: url(../images/pictograms/pictogram_magazine_flatrate_windows.png) center no-repeat;
    background-size: 152px 95px;
}

.windowsTabletPictogramSmall {
    width: 72px;
    height: 46px;
    background: url(../images/pictograms/pictogram_magazine_flatrate_windows.png) center no-repeat;
    background-size: 72px 46px;
}

.magazineCover1 {
    background-image: url(../images/magazine-covers/carhifi_4_2013.jpg) !important;
}

.magazineCover2 {
    background-image: url(../images/magazine-covers/digitalhome_3_2013.jpg) !important;
}

.magazineCover3 {
    background-image: url(../images/magazine-covers/einsnull_3_2013.jpg) !important;
}

.magazineCover4 {
    background-image: url(../images/magazine-covers/heimkino_7_2013.jpg) !important;
}

.magazineCover5 {
    background-image: url(../images/magazine-covers/heimkino_8_2013.jpg) !important;
}

.magazineCover6 {
    background-image: url(../images/magazine-covers/heimwerkerPraxis_4_2013.jpg) !important;
}

.magazineCover7 {
    background-image: url(../images/magazine-covers/hifitestvideo_4_2013.jpg) !important;
}

.magazineCover8 {
    background-image: url(../images/magazine-covers/klangton_4_2013.jpg) !important;
}

.magazineCover9 {
    background-image: url(../images/magazine-covers/lp_5_2013.jpg) !important;
}

.magazineCover10 {
    background-image: url(../images/magazine-covers/player_3_2013.jpg) !important;
}

.magazineCover11 {
    background-image: url(../images/magazine-covers/satempfang_3_2013.jpg) !important;
}

.magazineCover12 {
    background-image: url(../images/magazine-covers/tabletpc_2_2013.jpg) !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (        min-device-pixel-ratio: 2), only screen and (                min-resolution: 192dpi), only screen and (                min-resolution: 2dppx) {

    .websiteLogo {
        width: 176px;
        height: 78px;
        background: url('../images/logo/mf_logo176x78@2x.png') no-repeat center;
        background-size: 176px 78px;
    }

    .iPadPictogram {
        width: 100px;
        height: 130px;
        background: url(../images/pictograms/pictogram_magazine_flatrate_ipad.png) center no-repeat;
        background-size: 100px 130px;
    }

    .iPadPictogramSmall {
        width: 60px;
        height: 75px;
        background: url(../images/pictograms/pictogram_magazine_flatrate_ipad.png) center no-repeat;
        background-size: 60px 75px;
    }

    .iPhonePictogram {
        width: 64px;
        height: 106px;
        background: url(../images/pictograms/pictogram_magazine_flatrate_iphone.png) center no-repeat;
        background-size: 64px 106px;
    }

    .iPhonePictogramSmall {
        width: 112px;
        height: 50px;
        background: url(../images/pictograms/pictogram_magazine_flatrate_iphone.png) center no-repeat;
        background-size: 30px 50px;
    }

    .kindlePictogram {
        width: 100px;
        height: 140px;
        background: url(../images/pictograms/pictogram_magazine_flatrate_kindle.png) center no-repeat;
        background-size: 100px 140px;
    }

    .kindlePictogramSmall {
        width: 54px;
        height: 75px;
        background: url(../images/pictograms/pictogram_magazine_flatrate_kindle.png) center no-repeat;
        background-size: 54px 75px;
    }

    .galaxyTabPictogram {
        width: 150px;
        height: 100px;
        background: url(../images/pictograms/pictogram_magazine_flatrate_galaxy_tab.png) center no-repeat;
        background-size: 150px 100px;
    }

    .galaxyTabPictogramSmall {
        width: 72px;
        height: 50px;
        background: url(../images/pictograms/pictogram_magazine_flatrate_galaxy_tab.png) center no-repeat;
        background-size: 72px 50px;
    }

    .windowsTabletPictogram {
        width: 152px;
        height: 95px;
        background: url(../images/pictograms/pictogram_magazine_flatrate_windows.png) center no-repeat;
        background-size: 152px 95px;
    }

    .windowsTabletPictogramSmall {
        width: 72px;
        height: 46px;
        background: url(../images/pictograms/pictogram_magazine_flatrate_windows.png) center no-repeat;
        background-size: 72px 46px;
    }

    .closeButton {
        background: url(../images/ui-elements/mf_button_x30x30@2x.png) center no-repeat;
        background-size: 30px 30px;
    }

    input[type=checkbox] {
        background: url(../images/ui-elements/mf_box18x18@2x.png) no-repeat left bottom;
        background-size: 18px 18px;
        -webkit-appearance: inherit;
    }

    input[type=checkbox]:checked {
        background: url(../images/ui-elements/mf_checkbox_checked21x20@2x.png) no-repeat left bottom;
        background-size: 21px 20px;
    }

    .magnifierIcon {
        background: url(../images/ui-elements/mf_magnifier22x22@2x.png) no-repeat center;
        background-size: 22px 22px;
    }

    .checkIcon {
        background: url(../images/ui-elements/mf_check12x11@2x.png) no-repeat center;
        background-size: 12px 11px;
    }

}

/* Images END ///// */

/* ///// Buttons START */

.button {
    text-decoration: none;
    text-align: center;
    width: 120px;
    height: 34px;
    font-size: 13px;
    padding: 2px 15px 0;
    border-radius: 6px;
    cursor: pointer;
}

.greenButton {

    color: #fff;
    font-family: robotoBold, sans-serif;
    border: 0;
    text-align: center;
    display: block;
    border-top: 1px solid #19c234;
    background: #09b224; /* Old browsers */
    background: -moz-linear-gradient(top, #09b224 0%, #008d0b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09b224), color-stop(100%, #008d0b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #09b224 0%, #008d0b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #09b224 0%, #008d0b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #09b224 0%, #008d0b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #09b224 0%, #008d0b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09b224', endColorstr='#008d0b', GradientType=0); /* IE6-9 */

}

.pushedGreenButton {
    color: #fff;
    font-family: robotoBold, sans-serif;
    border: 0;
    text-align: center;
    display: block;
    border-top: 1px solid #90d695;
    background: #80c685; /* Old browsers */
    background: -moz-linear-gradient(top, #80c685 0%, #84da93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #80c685), color-stop(100%, #84da93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #80c685 0%, #84da93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #80c685 0%, #84da93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #80c685 0%, #84da93 100%); /* IE10+ */
    background: linear-gradient(to bottom, #80c685 0%, #84da93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80c685', endColorstr='#84da93', GradientType=0); /* IE6-9 */
    cursor: default;

}

a.greenButton {
    color: #fff;
    text-decoration: none;
}

.greyButton {
    border: 1px solid #999;
    background: #f1f3ef; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f3ef 0%, #dee3e6 48%, #c9d2da 49%, #f5f6f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f3ef), color-stop(48%, #dee3e6), color-stop(49%, #c9d2da), color-stop(100%, #f5f6f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f3ef 0%, #dee3e6 48%, #c9d2da 49%, #f5f6f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f3ef 0%, #dee3e6 48%, #c9d2da 49%, #f5f6f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f3ef 0%, #dee3e6 48%, #c9d2da 49%, #f5f6f7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f3ef 0%, #dee3e6 48%, #c9d2da 49%, #f5f6f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f3ef', endColorstr='#f5f6f7', GradientType=0); /* IE6-9 */
}

.greyButtonSmall {
    font-size:10px;
    font-weight:bold;
    min-width:85px;
    padding: 2px;
    margin-top:10px;

    border-radius: 4px;
    border: 1px solid #999;
    background: #f1f3ef; /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #C3C4C3 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),  color-stop(60%, #C3C4C3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #C3C4C3 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%,  #C3C4C3 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #C3C4C3 60%); /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #C3C4C3 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#C3C4C3', GradientType=0); /* IE6-9 */

}
.greyButtonSmall:hover {
    background: #f1f3ef; /* Old browsers */
    background: -moz-linear-gradient(top, #C3C4C3 0%, #fff 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C3C4C3),  color-stop(60%, #fff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #C3C4C3 0%, #fff 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #C3C4C3 0%,  #fff 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #C3C4C3 0%, #fff 60%); /* IE10+ */
    background: linear-gradient(to bottom, #C3C4C3 0%, #fff 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C3C4C3', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

a.greyButton {
    text-decoration: none;
}

.closeButton {
    background: url(../images/ui-elements/mf_button_x30x30.png) center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    top: 25px;
    right: 25px;
    position: absolute !important;
    z-index:10200 !important;

}

.confirmation2Button {
    margin-top: 25px;
    line-height: 30px;
}
.confirmation2Text{
    line-height: 22px;
}
.archiveButton {
    text-decoration: none;
    text-align: center;
    height: 34px;
    font-size: 13px;
    padding: 2px 15px 0;
    border-radius: 6px;
    cursor: pointer;
    line-height: 15px;
    display: inline-block;
    float: right;
}

/* Checkbox */
input[type=checkbox] {
    cursor: pointer;
    width: 21px;
    height: 20px;
    background: url(../images/ui-elements/mf_box18x18.png) no-repeat left bottom;
    -webkit-appearance: inherit;
    border: 0;
}

input[type=checkbox]:checked {
    background: url(../images/ui-elements/mf_checkbox_checked21x20.png) no-repeat left bottom;

}

input[type=checkbox]:disabled {
    opacity: 0.7;
    cursor: default;
}

.checkedMagazine {
    background: #afa;
    box-shadow: inset 0 0 16px #fff;
}

.disabledMagazine {
    opacity: 0.6;
}

/* Payment Accordion */

.accordionButton {
    display: table;
    font-family: robotoBold, sans-serif;
}

/* Magnifier Icon */

.magnifierIcon {
    background: url(../images/ui-elements/mf_magnifier22x22.png) no-repeat center;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.buttonArea {
    margin: 15px 0 0;
}

.saveChangesButton {
    margin: 25px 13px 0 0;
    line-height: 15px;
    float: right;
}

/* Buttons END ///// */

/* ///// UI Elements START */

.checkIcon {
    background: url(../images/ui-elements/mf_check12x11.png) no-repeat center;
    width: 12px;
    height: 11px;
    display: inline-block;
    margin-left: 2px;
}

/* UI Elements END ///// */

/* Layout properties */

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

footer.noMarginFooter {
    margin-top: 0;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop40 {
    margin-top: 40px;
}

.marginTop50 {
    margin-top: 50px;
}

.marginTop60 {
    margin-top: 60px;
}

.marginTop70 {
    margin-top: 70px;
}

.marginTop72 {
    margin-top: 72px;
}

.marginTop100 {
    margin-top: 100px;
}

.marginTop130 {
    margin-top: 130px;
}

.marginTop142 {
    margin-top: 142px;
}

.marginTop150 {
    margin-top: 150px;
}

.marginTop210 {
    margin-top: 210px;
}

.marginTop230 {
    margin-top: 230px;
}

.marginBottom0 {
    margin-bottom: 0;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginBottom22 {
    margin-bottom: 22px;
}

.marginBottom25 {
    margin-bottom: 25px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginBottom35 {
    margin-bottom: 35px;
}

.marginBottom45 {
    margin-bottom: 45px;
}

.marginBottom50 {
    margin-bottom: 50px;
}

.marginBottom90 {
    margin-bottom: 90px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft15 {
    margin-left:15px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft25 {
    margin-left: 25px;
}

.marginLeft35 {
    margin-left: 35px;
}

.marginLeft50 {
    margin-left: 50px;
}

.marginLeft100 {
    margin-left: 100px;
}

.marginLeft410 {
    margin-left: 410px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginRight25 {
    margin-right: 25px;
}

.marginRight35 {
    margin-right: 35px;
}

.marginRight40 {
    margin-right: 40px;
}

.marginRight50 {
    margin-right: 50px;
}

.marginRight55 {
    margin-right: 55px;
}

.marginAuto {
    margin-left: auto;
    margin-right: auto;
}

.marginAutoAll {
    margin: auto;
}

.noMargin {
    margin: 0;
}

.marginCenter15px {
    margin-left: 15px;
    margin-right: 15px;
}

.marginCenter35px {
    margin-left: 35px;
    margin-right: 35px;
}

.padding25 {
    padding: 25px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom15 {
    padding-bottom: 15px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.paddingBottom35 {
    padding-bottom: 35px;
}

.paddingRight20 {
    padding-right: 20px;
}

.paddingRight100 {
    padding-right: 100px;
}

.paddingRight150 {
    padding-right: 150px;
}

.textAlignCenter {
    text-align: center !important;
}

.textAlignRight {
    text-align: right !important;
}

.vAlignTop {
    vertical-align: top !important;
}

.vAlignMiddle {
    vertical-align: middle !important;
}

.noOverflow {
    overflow: hidden;
}

.inline {
    display: inline-block;
}

.block {
    display: block;
}

.inlineBlock {
    display: inline-block;
}

.table {
    display: table;
}

.tableRow {
    display: table-row;
}

.tableCell {
    display: table-cell;
}

.clear {
    clear: both;
}

.scrollable {
    overflow: scroll;
}

.magazinePlaceholder {
    box-shadow: 0 0 7px #333;
    background-image: url(../../images/ui-elements/wait.gif);
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.magazineListCover {
    background-size: auto 148px;
    background-position: center;
    background-repeat: no-repeat;
    width: 110px;
    height: 148px;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}

.top0 {
    top: 0;
}

.right0 {
    right: 0;
}

.bottom0 {
    bottom: 0;
}

.left0 {
    left: 0;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

.maxWidth450 {
    max-width: 450px;
}

.maxWidth650 {
    max-width: 650px;
}

.maxWidth900 {
    max-width: 900px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8888;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.popUpCover {
    display: table;
    margin: 70px auto;
}

/* Test Border */
 .bannerpic{
         width:720px;height:240px;
 }
.testBorder {
    border: 1px solid #f00;
}

     .smallGreenBorderBox{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d4d4d4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #d4d4d4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=0); /* IE6-9 */

     box-shadow: 5px 5px 10px 2px #444;
     border-radius: 14px;
         border: 2px solid #090;
         margin:10px;
         padding:10px;
     }
     .smallRedBorder{
         border: 2px solid #900;
     }
     
     .inputWarning{background-color:lightpink;}
     .dl_but,.dl_but_out{width:120px;height:35px;font-size:15px;text-shadow:1px 1px 1px #fff;}
     

.rosetext{color:#ffe0e0;}

.greentext{color:lightgreen;}
.rosetext:hover,.greentext:hover{background-color:lightgray;}
#bestell_wait{
    width:110%;
    height:110%;
    position: absolute;
    top:-25px;
    left:-25px;
    background: white url('../images/ui-elements/ajax-loader2.gif') no-repeat center center;
    opacity:0.7;
}
#bestell_wait p{
    font-size:20px;
    margin-top:42%;
    margin-left:42%;
}

.pagelink{
    width:25px;
    height:25px;
    min-width:0px;
    line-height:25px;
    text-align: center;
    float:left;
    margin:0px 10px 0px 0px;
    padding:0px;
    cursor:pointer;
    font-size: 11px;
    
}
.pagelink a,.pagelink a:hover{
    color:#666 !important;
    text-decoration: none;
}

.choose_format{
    cursor:pointer;
    position:relative;
    left:-50px;
    float:left;
    width:84px;
    height:64px;
    margin:42px 10px 0 0;
    text-align:center;

     box-shadow: 5px 5px 10px 2px #444;
     border-radius: 14px;
     padding:10px;
}
.choose_format:hover{
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d4d4d4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #d4d4d4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=0); /* IE6-9 */
    
    box-shadow: 7px 7px 10px 2px #484;
    margin:40px 12px 2px -2px;
    
}

.AutorHeadline{
    cursor:pointer;margin:0px 0px 4px 0px;
}
.AutorHeadline:hover{
    text-decoration: underline;color:black !important;
}



.hinweis{color:gray;font-style: italic;}

.leistung{width:700px; min-height:28px;margin-bottom:6px;position:relative;height: 28px;overflow:hidden;margin-left:12px;text-align:center;
}

.leistung h3{
    position:absolute;
    top:0px; 
    left:0px;
    width:100%; 
    height:30px;line-height:30px;vertical-align: middle; 
    margin:0px;
    font-size:16px;
    font-family: monospace;
    background-color: rgba(125,125,125,0.6);
    


    color:#fff;
    text-shadow: 1px 1px 1px #000,0px 0px 5px #444,0px 0px 5px #444;
    cursor:pointer;
    
}

.leistung div{
    text-align: justify;padding:15px;
}
#leistung1{margin-top:3px;}
#leistung13{margin-bottom:0px;}
    .underlogo,.underlogo:hover{
        position:relative;width:450px; 
        height:40px;
        line-height:40px;vertical-align:middle;text-align: center;
        margin-top:0px;
        font-size:22px;
        text-decoration: none;
    }
    
#orderAbo1{
    width:50px;
 }
#orderAbo1Small{
    width:38px;
}

.breadcrumb_entry{
    color:inherit !important;
    font-size:inherit !important;
    font-style:inherit !important;
    text-decoration: inherit !important;
}

.weitere_ausgaben, .weitere_ausgaben:hover{
  position: absolute;
width: 80%;
  text-align: center;
  top: 10px;
  font-size: 17px !important;
  text-decoration:none;
}
.hidden_prio{
    display: none !important;
    
}
    #hidden_plz_field,#hidden_ort_field{
     margin: 0;
    color: #666;
    background:#fff;
    -webkit-appearance: inherit;
    border: 1px solid #aaa;
    border-radius: 6px;
    font-size: 12px;
    padding: 1px 1px;
    box-shadow: 0 2px 3px #ddd inset; 
    position:absolute;
    }
.active_row:hover{background:#ddd;}  

.zahlsystem_button{
    width:100%;
    margin: 0px 0px 6px 0px;
}
.zahlsystem_button:hover,.zahlsystem_button_active{
    margin:-2px 2px 8px -2px;
}
.abo_extra_div{
    float:left;
}