html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Desktop-PC */
@media only screen and (min-width: 808px)
{
    .postIdentCoupon {
        background: url("../images/postident_coupon.png") no-repeat scroll 0 0 ;
        background-size: 100%;
        height: 72px;
        min-width: 807px;
        max-width: 807px;
    }

    #content {
        margin: 45px 0 10px;
    }

    div.tdcontentcolor div {
        font-size: 20px;
        display: inline-block;
        position: relative;
        text-align: center;
        width: 7.14%;
        height: 19%;
        margin-top: 2px;
    }

    div.tdcontentcolor div:after {
        height: 40%;
        top: 60%;
    }

    div.tdcontentcolor div:nth-child(4n):after {
        height: 75%;
        top: 25%;
    }

    .contact {
        float: right;
        font-size: 18px;
        margin: 40px 60px 0 0;
        width: 250px;
    }

    .paycenterLogo {
        float: left;
        margin-top: 30px;
    }

    .vimpayLogo {
        margin-top: 37px;
    }

    .textBottom {
        margin-top: 2px;
        font-size: 18px;
    }

    .imgText {
        font-size: 21px;
        top: 0 !important;
        position: relative;
        float: right;
        padding-right: 20px;
    }

    .contact img {
        float: left;
        margin-left: -50px;
        margin-top: 3px;
    }

    .telephone {
        background-size: 100%;
        margin: 3px 10px 0 0;
    }

    #content {
        height: 43.4%;
    }

    .headingLineOben {
        font-size: 20px;
    }

    .headingLineUnten {
        font-size: 20px;
    }

    .arrow_left {
        margin-right: 15px;
    }

    .arrow_right {
        margin-left: 760px;
        margin-top: -100px;
        background: url("../images/arrow_right_big.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
    }

    .important {
        padding-right: 10px;
    }

    .new {
        position: relative;
        top: 83px;
        left: 12px;
    }

    .print_icon {
        background: url("../images/print.png") no-repeat scroll 0 0;
        width: 21px;
        height: 21px;
    }

    .print_icon:hover {
        background: url("../images/print_hover.png") no-repeat scroll 0 0;
        width: 21px;
        height: 21px;
    }

    .print_button {
        padding-top: 80px;
        padding-left: 12px;
    }

    .print_line {
        display: inline-block;
        position: relative;
        top: 5px;
    }

    .print_text {
        font-size: 14px;
        position: relative;
        padding-left: 8px;
        top: -6px;
    }

    .print_text:hover {
        color: #FFA200;
    }

    .show_name {
        display: none;
    }
}

/* Mobile Devices */

@media only screen and (max-width: 807px)
{
    div.tdcontentcolor {
        width: 95%;
    }

    .postIdentCoupon {
        background: url("../images/img_postidentheader_788x72px.png") no-repeat scroll 0 0;
        background-size: 97%;
        max-width: 100%;
        height: auto;
    }

    .telephone {
        margin: 3px 10px 0 0;
    }

    .contact {
        margin: 0;
        float: right;
        width: 280px;
        padding-top: 25px;
    }

    .browser {
        font-size: 21px;
    }

    .infoButton {
        margin-left: 36.58%;
        margin-top: -60px;
        width: 28px;
        height: 30px;
    }

    #content {
        margin: 40px 0 30px 0;
        background-color: #D8D8D8;
        max-width: 807px;
        height: 39.8%;
    }

    .imgText {
        margin-left: 20%;
        font-size: 19px;
        padding: 10% 25px 0 0;
        text-align: right;
    }

    .achieve {
        font-size: 15px;
    }

    .important {
        padding-right: 10px;
    }

    .print_text {
        display: none;
    }

    .show_name {
        display: none;
    }
}

@media only screen and (min-width: 620px) and (max-width: 807px) {
    .vimpayLogo {
        margin-top: 7px;
        max-height: 166px;
    }

    .safetynote {
        position: relative;
        top: -15px;
    }
}

/* iPhone / iPod Touch */

@media only screen and (max-width: 555px)
{
    .postIdentCoupon {
        background: url("../images/img_postidentheader_699x65px.png") no-repeat scroll 0 0;
        background-size: 97% auto;
        display: inline-block;
        height: 65px;
        left: 0;
        top: 0;
        z-index: 3;
        width: 699px;
    }

    .imgText {
        margin-left: 10px;
        padding: 12% 15px 0 0;
    }

    #content {
        margin-top: 20px;
    }

    .browser {
        font-size: 18px;
    }

    .textBottom {
        font-size: 14px;
        margin-top: -7px;
        margin-left: 10px;
    }

    div.tdcontentcolor div:after {
        border-right: thin solid #7a7d7f;
        content: "";
        display: inline-block;
        height: 35%;
        margin-left: 5px;
        position: absolute;
        right: 0;
        top: 66%;
        width: 0;
    }

    div.tdcontentcolor div:nth-child(4n):after {
        border-right: thin solid #070707;
        height: 75%;
        top: 29%;
    }

    .contact img {
        margin-top: -50px;
        margin-left: 0;
    }

    .important {
        padding-right: 10px;
    }

    .arrow_left {

    }

    .arrow_right {
        background: url("../images/arrow_right_big.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        position: relative;
    }

    .telephone {
        margin-top: 2px;
    }

    .print_text {
        display: none;
    }

    .show_name {
        display: none;
    }

    .safetynote {
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 556px) and (max-width: 807px)
{
    #content {
        height: 43%;
    }

    .postIdentCoupon {
        background: url("../images/img_postidentheader_788x72px.png") no-repeat scroll 0 0;
        background-size: 97%;
        max-width: 100%;
        height: 72px;
    }

    .headingLineOben {
        font-size: 19px;
    }

    .headingLineUnten {
        font-size: 19px;
    }

    div.tdcontentcolor div
	{
        height: 19%;
        font-size: 19px;
        padding-top: 2px;
    }

    div.tdcontentcolor div:nth-child(4n):after {
        height: 80%;
        top: 20%;
    }

    div.tdcontentcolor div:after {
        height: 40%;
        top: 64%;
    }

    .textBottom {
        margin-top: 5px;
        font-size: 17px;
    }

    .telephone {
        background-size: 100%;
    }

    .arrow_right {
        margin-left: 760px;
        background: url("../images/arrow_right_big.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: right;
        margin-right: 10px !important;
    }

    .achieve {
        font-size: 16px;
    }

    .browser {
        font-size: 20px;
    }

    .new {
        position: relative;
        left: 12px;
        top: 63px;
        width: 320px;
    }

    .print_text {
        display: none;
    }

    .show_name {
        display: none;
    }
}

@media only screen and (min-width: 501px) and (max-width: 620px) {
    .paycenterLogo {
        margin-top: 30px;
    }

    .vimpayLogo {
        margin-top: 37px;
    }
}

@media only screen and (min-width: 465px) and (max-width: 500px)
{
    .postIdentCoupon {
        background: url("../images/img_postidentheader_699x65px.png") no-repeat scroll 0 0;
        background-size: 97% auto;
        display: inline-block;
        height: 65px;
        left: 0;
        top: 0;
        z-index: 3;
        width: 699px;
    }

    .imgText {
        padding: 48px 15px 0 0;
    }

    div.tdcontentcolor div {
        display: inline-block;
        position: relative;
        text-align: center;
        width: 7.14%;
        height: 17%;
        font-size: 18px;
        margin-top: 3px;
    }

    #content {
        height: 54%;
        margin-top: 8px;
    }

    .headingLineOben {
        font-size: 18px;
    }

    .headingLineUnten {
        font-size: 18px;
        width: 450px;
        padding-left: 8px;
    }

    .important {
        padding-right: 6px;
    }

    .contact {
        margin-right: 30px;
        padding-top: 42px;
        float: right;
        width: 235px;
    }

    .arrow_left {
        top: -65px;
        background: url("../images/arrow_left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-size: 60%;
    }

    .arrow_right {
        float: right;
        margin-right: 5px;
        background-size: 60% auto;
        position: relative;
    }

    .achieve {
        font-size: 15px;
    }

    .print_text {
        display: none;
    }

    .show_name {
        display: none;
    }

    .paycenterLogo {
        margin-top: 20px
    }

    .vimpayLogo {
        margin-top: 27px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 450px) {
    #content {
        height: 45%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 464px)
{
    .paycenterLogo {
        margin-top: 50px;
        background-size: 80%;
    }

    .vimpayLogo {
        margin-right: 40px;
        background-size: 80%;
        margin-top: 56px;
    }

    .contact {
        padding-top: 10px;
        width: 255px;
    }

    .arrow_left {
        background-size: 60%;
        top: -70px;
    }

    .arrow_right {
        background-size: 60% auto;
    }

    .print_text {
        display: none;
    }

    .show_name {
        display: none;
    }
}

@media only screen and (max-width: 340px)
{
    .postIdentCoupon {
        background: url("../images/img_postidentheader_311x33px.png") no-repeat scroll 0 0;
        background-size: auto;
        display: inline-block;
        height: 33px;
        left: 0;
        top: 0;
        z-index: 3;
        width: 311px;
    }

    .imgText {
        padding: 43px 3px 0 85px;
    }

    #content {
        height: 39%;
        margin-top: 40px;
    }

    .contact {
        padding: 3% 0 0 22%;
        float: none;
    }

    .paycenterLogo {
        margin-top: 30px;
    }

    .vimpayLogo {
        margin-top: 36px;
    }

    .littleDisplay {
        max-width: 180px;
    }

    .arrow_left {
        background-size: 55% auto;
        float: right;
        position: relative;
        top: -75px;
    }

    .arrow_right {
        background-size: 55% auto;
        float: right;
        top: -165px;
        position: relative;
    }

    .textBottom {
        margin-top: -6px;
    }

    .achieve {
        font-size: 15px;
    }

    .print_text {
        display: none;
    }

    .show_name {
        display: none;
    }
}

@media only screen and (max-width: 378px)
{
    #content {
        height: 45%;
    }
}
.safetynote
{
	font-size: 14px;
	padding-left: 10px;
	padding-top: 20px;
    color: #ff0000;
    font-weight: bold;
}