﻿/************************************************************************************
smaller than 5000px OR put some value which yor wish (ZIM) :-) 
*************************************************************************************/
@media screen and (max-width: 5000px) {

    /*.qsf-product-families    { width: 1115px; height: 38px; margin: 0px auto; margin-left: 90px; }*/
    .qsf-product-families   { margin: 0px auto; margin-left: 20px; padding: 0px 20px 0px 0px; height: 38px; position: relative; }
    .qfp-controls p, .ts-Mandanten ul   { font-size: 15px; line-height: 20px; }
    .qfp-controls H3, .ts-Mandanten H3  { font-size: 25px; }
    .qfp-popular-controls               { max-width: 1140px; width: 100%;}
    .pageTiles                          { max-width: 1140px; width: 100%;}
    .pageTile p                         { font-size: 15px; line-height: 20px; }
    .pageTile H2                        { font-size: 25px; }
    .pageTile H3                        { font-size: 15px; font-weight: bold; }
    .squareTile                         { width: 100px; height: 100px; } /*Quadrat*/
    .rectangleTile                      { width: 300px; height: 200px; } /*Rechteck*/
    
    /* Footer Styles */
	.qfp-copyrights {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 40px;
		height: 25px;
		color: #808080;
		font-size: 10px;
		background-repeat: no-repeat;
		background-position: 20px 2px;
	}
    .qfp-copyrights address { font-style: normal; line-height: 12px; white-space: nowrap; }
    .qfp-terms          { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; top: 5px; right: 80px; position: absolute; }
    .qfp-terms a        { padding: 0px 0px 0px 8px; color: #808080; text-transform: uppercase; font-size: 10px; text-decoration: none;}
    .qfp-terms a:hover  { text-decoration: underline; }

    /* Green Tiles */
    .ts-Antrag          { width: 200px; height: 200px; }
    .ts-RiVo            { width: 300px; height: 200px; }
    .ts-Fachanfrage     { width: 200px; height: 200px; }
    .ts-Bestand         { width: 200px; height: 200px; }

    /* Green Tiles 2e Reihe */
    .ts-Download        { width: 200px; height: 200px; }
    .ts-Vorgang         { width: 200px; height: 200px; }
    .ts-newsTicker      { width: 310px; height: 205px; margin-top: 20px; }
    .ts-Twitter         { width: 333px; height: 229px; padding: 0px 0px 0px 0px!important; border: solid 3px #55af46; background-color: #fff; }
    .twitter-timeline   { width: 375px; height: 229px; }
    .ts-Infos           { width: 200px; height: 200px; }
    .ts-Rechner         { width: 200px; height: 200px; margin-top: 20px; }
}

/************************************************************************************
smaller than 1280px OR put some value which yor wish (ZIM) :-) 
*************************************************************************************/
@media screen and (max-width: 1280px) {

    /*.qsf-product-families   { width: 1015px; height: 38px; margin: 0px auto; margin-left: 90px; }*/
    .qsf-product-families   { margin: 0px auto; margin-left: 20px; padding: 0px 20px 0px 0px; height: 38px; position: relative; }
    .qfp-controls p         { font-size: 14px; line-height: 16px; }
    .qfp-controls H3        { font-size: 22px; } @-moz-document url-prefix() { .qfp-controls H3 { font-size: 20px; line-height: 22px;}}
    .qfp-popular-controls   { max-width: 1180px; width: 100%;}
    .pageTiles              { max-width: 1180px; width: 100%;}
    .pageTile p             { font-size: 14px; line-height: 16px; }
    .pageTile H2            { font-size: 22px; }
    .pageTile H3            { font-size: 15px; font-weight: bold; }
    .squareTile             { width: 100px; height: 100px; } /*Quadrat*/
    .rectangleTile          { width: 260px; height: 180px; } /*Rechteck*/

    /* Footer Styles */
    .qfp-copyrights {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 40px;
        height: 25px;
        color: #808080;
        font-size: 10px;
        background-repeat: no-repeat;
        background-position: 20px 2px;
    }
    .qfp-copyrights address { font-style: normal; line-height: 12px; white-space: nowrap; }
    .qfp-terms          { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; top: 5px; right: 80px; position: absolute; }
    .qfp-terms a        { padding: 0px 0px 0px 8px; color: #808080; text-transform: uppercase; font-size: 10px; text-decoration: none;}
    .qfp-terms a:hover  { text-decoration: underline; }

    /* Orange Tiles */
    .ts-Antrag          { width: 180px; height: 180px; }
    .ts-RiVo            { width: 260px; height: 180px; }
    .ts-Fachanfrage     { width: 180px; height: 180px; }
    .ts-Bestand         { width: 180px; height: 180px; }

    /* Orange Tiles 2e Reihe */
    .ts-Download        { width: 180px; height: 180px; }
    .ts-Vorgang         { width: 180px; height: 180px; }
    .ts-newsTicker      { width: 270px; height: 185px; margin-top: 20px; }

    .ts-Twitter         { width: 294px; height: 209px; padding: 0px 0px 0px 0px!important; border: solid 3px #55af46; background-color: #fff; }
    .twitter-timeline   { width: 294px; height: 209px; }
    
    .ts-Infos           { width: 180px; height: 180px; }
    .ts-Rechner         { width: 180px; height: 180px; margin-top: 20px; }
}



/************************************************************************************
smaller than 1222px OR put some value which yor wish (ZIM) :-) 
*************************************************************************************/
@media screen and (max-width: 1222px) {

    /*.qsf-product-families   { width: 1015px; height: 38px; margin: 0px auto; margin-left: 90px; }*/
    .qsf-product-families   { margin: 0px auto; margin-left: 20px; padding: 0px 20px 0px 0px; height: 38px; position: relative; }
    .qfp-controls p         { font-size: 14px; }
    .qfp-controls H3        { font-size: 22px; } @-moz-document url-prefix() { .qfp-controls H3 { font-size: 20px; line-height: 22px;}}
    .qfp-popular-controls   { max-width: 1140px; width: 100%; }
    .pageTiles              { max-width: 1140px; width: 100%; }
    .pageTile p             { font-size: 14px; }
    .pageTile H2            { font-size: 22px; }
    .pageTile H3            { font-size: 15px; font-weight: bold; }
    .squareTile             { width: 100px; height: 100px; } /*Quadrat*/
    .rectangleTile          { width: 260px; height: 180px; } /*Rechteck*/

    /* Footer Styles */
    .qfp-copyrights {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 40px;
        height: 25px;
        color: #808080;
        font-size: 10px;
        background-repeat: no-repeat;
        background-position: 20px 2px;
    }
    .qfp-copyrights address { font-style: normal; line-height: 12px; white-space: nowrap; }
    .qfp-terms          { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; top: 5px; right: 80px; position: absolute; }
    .qfp-terms a        { padding: 0px 0px 0px 8px; color: #808080; text-transform: uppercase; font-size: 10px; text-decoration: none;}
    .qfp-terms a:hover  { text-decoration: underline; }

    /* Orange Tiles */
    .ts-Antrag          { width: 180px; height: 180px; }
    .ts-RiVo            { width: 260px; height: 180px; }
    .ts-Fachanfrage     { width: 180px; height: 180px; }
    .ts-Bestand         { width: 180px; height: 180px; }

    /* Orange Tiles 2e Reihe */
    .ts-Download        { width: 180px; height: 180px; }
    .ts-Vorgang         { width: 180px; height: 180px; }
    .ts-newsTicker      { width: 270px; height: 185px; margin-top: 20px; }

    .ts-Twitter         { width: 294px; height: 209px; padding: 0px 0px 0px 0px!important; border: solid 3px #55af46; background-color: #fff; }
    .twitter-timeline   { width: 294px; height: 209px; }


    .ts-Infos           { width: 180px; height: 180px; }
    .ts-Rechner         { width: 180px; height: 180px; margin-top: 20px; }
}

/************************************************************************************
smaller than 1222px OR put some value which you wish (ZIM) :-) 
*************************************************************************************/

@media screen and (max-width: 1140px) {

    /*.qsf-product-families   { width: 1015px; height: 38px; margin: 0px auto; margin-left: 90px; }*/
    .qsf-product-families   { margin: 0px auto; margin-left: 20px; padding: 0px 20px 0px 0px; height: 38px; position: relative; }
    .qfp-controls p         { font-size: 12px; line-height: 18px; }
    .qfp-controls H3        { font-size: 20px; line-height: 26px; } @-moz-document url-prefix() { .qfp-controls H3 { font-size: 18px; line-height: 22px;}}
    .qfp-popular-controls   { max-width: 1050px; width: 100%; } 
    .pageTiles              { max-width: 1050px; width: 100%; } 
    .pageTile p             { font-size: 12px; line-height: 18px; }
    .pageTile H2            { font-size: 20px; line-height: 26px; }
    .pageTile H3            { font-size: 15px; font-weight: bold; }
    .squareTile             { width: 100px; height: 100px; } /*Quadrat*/
    .rectangleTile          { width: 260px; height: 170px; } /*Rechteck*/

    /* Footer Styles */
    .qfp-copyrights {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 40px;
        height: 25px;
        color: #808080;
        font-size: 10px;
        background-repeat: no-repeat;
        background-position: 20px 2px;
    }
    .qfp-copyrights address { font-style: normal; line-height: 12px; white-space: nowrap; }
    .qfp-terms          { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; top: 5px; right: 80px; position: absolute; }
    .qfp-terms a        { padding: 0px 0px 0px 8px; color: #808080; text-transform: uppercase; font-size: 10px; text-decoration: none;}
    .qfp-terms a:hover  { text-decoration: underline; }

    /* Orange Tiles */
    .ts-Antrag          { width: 170px; height: 170px; }
    .ts-RiVo            { width: 260px; height: 170px; }
    .ts-Fachanfrage     { width: 170px; height: 170px; }
    .ts-Bestand         { width: 170px; height: 170px; }

    /* Orange Tiles 2e Reihe */
    .ts-Download        { width: 170px; height: 170px; }
    .ts-Vorgang         { width: 170px; height: 170px; }
    .ts-newsTicker      { width: 270px; height: 175px; margin-top: 20px; }

    .ts-Twitter         { width: 294px; height: 199px; padding: 0px 0px 0px 0px!important; border: solid 3px #55af46; background-color: #fff; }
    .twitter-timeline   { width: 294px; height: 199px; }

    .ts-Infos           { width: 170px; height: 170px; } 
    .ts-Rechner         { width: 170px; height: 170px; margin-top: 20px; }

    /* Landing Page Gesellschafts Logos */
    .GesLogos { max-width: 1040px; }
    /*.GesLogos div { width: 95px; margin-right: 30px;margin-bottom: 5px;float: left;}
    .GesLogos div { background-size: 95px auto;}*/

    .lblContentHeader       { font-size: 150%; }
    .lblContentHeaderSub    { font-size: 150%; }
    .backBtn span.virtualTitle {font-size: 150%;}

    .coinCounter { width: 60px; height: 60px; }
    .coinCounter H1 { font-size: 115% !important; }
    .coinCounter p.top { font-size: 11px; }
    .CSD0 { background-image: url('img/circleRed60x60.png'); }
    .CSD1 { background-image: url('img/circleRed60x60.png'); }
    .CSD2 { background-image: url('img/circleOrange60x60.png'); }
    .CSD3 { background-image: url('img/circleYellow60x60.png'); }
    .CSD4 { background-image: url('img/circleGreen60x60.png'); }
    .CSD5 { background-image: url('img/circleDarkGreen60x60.png');}
}



/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

    /*.qsf-product-families   { width: 805px; height: 38px; margin: 0px auto; margin-left: 90px; }*/
    .qsf-product-families   { margin: 0px auto; margin-left: 20px; padding: 0px 20px 0px 0px; height: 38px; position: relative; }
    .qfp-controls p         { display: none; }
    .qfp-controls H3        { font-size: 17px; line-height: 18px; } @-moz-document url-prefix() { .qfp-controls H3 { font-size: 15px; line-height: 16px;}}
    .qfp-popular-controls   { max-width: 880px; width: 100%; }
    .pageTiles              { max-width: 880px; width: 100%; }
    .pageTile p             { display: none; }
    .pageTile H3            { font-size: 15px; font-weight: bold; }
    .squareTile             { width: 100px; height: 100px; } /*Quadrat*/
    .rectangleTile          { width: 150px; height: 150px; } /*Rechteck*/


    /* Footer Styles */
    .qfp-copyrights {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 40px;
        height: 25px;
        color: #808080;
        font-size: 10px;
        background-repeat: no-repeat;
        background-position: 20px 2px;
    }
    .qfp-copyrights address { display: none; }
    .qfp-terms          { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; top: 5px; right: 80px; position: absolute; }
    .qfp-terms a        { padding: 0px 0px 0px 8px; color: #808080; text-transform: uppercase; font-size: 10px; text-decoration: none;}
    .qfp-terms a:hover  { text-decoration: underline; }

    /* Orange Tiles */
    .ts-Antrag          { width: 150px; height: 150px; }
    .ts-RiVo            { width: 150px; height: 150px; } .ts-RiVo-icon { display: none; width: 0px; height: 0px;  }
    .ts-Fachanfrage     { width: 150px; height: 150px; }
    .ts-Bestand         { width: 150px; height: 150px; }

    /* Orange Tiles 2e Reihe */
    .ts-Download        { width: 150px; height: 150px; }
    .ts-Vorgang         { width: 150px; height: 150px; }
    .ts-newsTicker      { width: 160px; height: 155px; }

    .ts-Twitter         { width: 184px; height: 180px; padding: 0px 0px 0px 0px!important; border: solid 3px #55af46; background-color: #fff; }
    .twitter-timeline   { width: 184px; height: 181px; }

    .ts-Infos           { width: 150px; height: 150px; } .ts-Infos-icon { display: none; width: 0px; height: 0px;  }
    .ts-Rechner         { width: 150px; height: 150px; }

    /* Landing Page Gesellschafts Logos */
    .GesLogos { max-width: 980px; }
    /*.GesLogos div { width: 85px; margin-right: 30px;margin-bottom: 5px;float: left;}*/
    /*.GesLogos div { background-size: 85px auto;}*/

    /* Content Sections */
    .backBtn span { width: 20px;height: 20px;line-height: 20px;vertical-align: top;margin: 4px 5px 0px 0px;display: inline-block;background-image: url('img/arrowBackWhite20x20.png');background-position-x: 0px;background-position-y: 0px;}
    .siteSubHeader a.backBtn span { width: 20px;height: 20px;line-height: 20px;vertical-align: top;margin: 36px 5px 0px 0px;display: inline-block;background-image: url('img/arrowBackWhite20x20.png');background-position-x: 0px;background-position-y: 0px;left: 90px;position: relative;}
    .backBtn span.virtualTitle {font-size: 125%;}

    #content-full-right H1  { font-size: 155%; }
    H1.head                 { font-size: 155%; }
    .lblContentHeader       { font-size: 125%; }
    .lblContentHeaderSub    { font-size: 125%; }

    .coinCounter { width: 60px; height: 60px; }
    .coinCounter H1 { font-size: 115% !important; }
    .coinCounter p.top { font-size: 11px; }
    .CSD0 { background-image: url('img/circleRed60x60.png'); }
    .CSD1 { background-image: url('img/circleRed60x60.png'); }
    .CSD2 { background-image: url('img/circleOrange60x60.png'); }
    .CSD3 { background-image: url('img/circleYellow60x60.png'); }
    .CSD4 { background-image: url('img/circleGreen60x60.png'); }
    .CSD5 { background-image: url('img/circleDarkGreen60x60.png');}

    /* Antrag specific btn adjustments */
    .tileBtn95px {
        float: right;
        position: absolute;
        top: 45px;
        left: 605px;
        z-index: 4000;
    }

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

    /*.qsf-product-families   { width: 400px; height: 38px; margin: 0px auto; margin-left: 90px; }*/
    .qsf-product-families   { margin: 0px auto; margin-left: 20px; padding: 0px 20px 0px 0px; height: 38px; position: relative; }
    .qfp-controls p         { display: none; }
    .qfp-controls H3        { font-size: 18px; }
    .qfp-popular-controls   { max-width: 550px; width: 100%; } 
    .pageTiles              { max-width: 550px; width: 100%; } 
    .pageTile p             { display: none; }
    .pageTile H3            { font-size: 15px; font-weight: bold; }
    .squareTile             { width: 100px; height: 100px; } /*Quadrat*/
    .rectangleTile          { width: 150px; height: 150px; } /*Rechteck*/

    .qfp-controls-icon      { display: none; }
    .pageTile-icon          { display: none; }

    /* Footer Styles */
    .qfp-copyrights         { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 40px; height: 25px; color: #808080; font-size: 10px; background-image: none; background-repeat: no-repeat; }
    .qfp-copyrights address { display: none; }
    .qfp-terms          { list-style: none; margin: 0px 0px 0px 90px; padding: 0px; top: 5px; right: 80px; position: absolute; }
    .qfp-terms a        { padding: 0px 0px 0px 8px; color: #808080; text-transform: uppercase; font-size: 10px; text-decoration: none;}
    .qfp-terms a:hover  { text-decoration: underline; }

    /* Orange Tiles */
    .ts-Antrag          { width: 150px; height: 150px; }
    .ts-RiVo            { width: 150px; height: 150px; }
    .ts-Fachanfrage     { width: 150px; height: 150px; }
    .ts-Bestand         { width: 150px; height: 150px; }

    /* Orange Tiles 2e Reihe */
    .ts-Download        { width: 150px; height: 150px; }
    .ts-Vorgang         { width: 150px; height: 150px; }
    .ts-newsTicker      { width: 160px; height: 155px; }

    /*.ts-Twitter         { width: 189px; height: 187px; background-image: url('img/TwitterTail.svg'); background-color: #ff6a00; }
    .twitter-timeline   { display: none; }*/

    .ts-Twitter         { width: 189px; height: 186px; background-image: url('img/TwitterIcon100x100.svg'); background-size:180px 180px; background-repeat:no-repeat; background-color: #38812d; border: none 0px;}
    .twitter-timeline   { display: none; }

    .ts-Infos           { width: 150px; height: 150px; }
    .ts-Rechner         { width: 150px; height: 150px; }

    /* Landing Page Gesellschafts Logos */
    .GesLogos { max-width: 650px; }
    /*.GesLogos div { width: 75px; margin-right: 25px;margin-bottom: 5px;float: left;}
    .GesLogos div { background-size: 75px auto;}*/

    /* Content Sections */
    .backBtn span { width: 16px;height: 16px;line-height: 20px;vertical-align: top;margin: 6px 5px 0px 0px;display: inline-block;background-image: url('img/arrowBackWhite16x16.png');background-position-x: 0px;background-position-y: 0px;}
    .siteSubHeader a.backBtn span { width: 16px;height: 16px;line-height: 20px;vertical-align: top;margin: 38px 5px 0px 0px;display: inline-block;background-image: url('img/arrowBackWhite16x16.png');background-position-x: 0px;background-position-y: 0px;left: 90px;position: relative;}
    .backBtn span.virtualTitle {font-size: 115%;}

    #content-full-right H1  { font-size: 145%; }
    H1.head                 { font-size: 145%; }
    .lblContentHeader       { font-size: 115%; }
    .lblContentHeaderSub    { font-size: 115%; }

    .coinCounter { width: 60px; height: 60px; }
    .coinCounter H1 { font-size: 125%; }
    .coinCounter p.top { font-size: 11px; }
    .CSD0 { background-image: url('img/circleRed60x60.png'); }
    .CSD1 { background-image: url('img/circleRed60x60.png'); }
    .CSD2 { background-image: url('img/circleOrange60x60.png'); }
    .CSD3 { background-image: url('img/circleYellow60x60.png'); }
    .CSD4 { background-image: url('img/circleGreen60x60.png'); }
    .CSD5 { background-image: url('img/circleDarkGreen60x60.png');}

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

    /*.qsf-product-families   { width: 290px; height: 38px; margin: 0px auto; margin-left: 90px; }*/
    .qsf-product-families   { margin: 0px auto; margin-left: 20px; padding: 0px 20px 0px 0px; height: 38px; position: relative; min-width: 260px;}
    .qfp-controls p         { display: none; }
    .qfp-controls H3        { font-size: 15px; font-weight: bold; }
    .qfp-popular-controls   { max-width: 380px; width: 100%; }
    .pageTiles              { max-width: 380px; width: 100%; }
    .pageTile p             { display: none; }
    .pageTile H3            { font-size: 15px; font-weight: bold; }
    .squareTile             { width: 100px; height: 100px; } /*Quadrat*/
    .rectangleTile          { width: 100px; height: 100px; } /*Rechteck*/

    .qfp-controls-icon      { display: none; }
    .pageTile-icon          { display: none; }

    /* Footer Styles */
    .qfp-copyrights         { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 40px; height: 25px; color: #808080; font-size: 10px; background-image: none; background-repeat: no-repeat; }
    .qfp-copyrights address { display: none; }
    .qfp-terms          { list-style: none; margin: 0px 0px 0px 90px; padding: 0px; top: 5px; right: 80px; position: absolute; }
    .qfp-terms a        { padding: 0px 0px 0px 8px; color: #808080; text-transform: uppercase; font-size: 10px; text-decoration: none;}
    .qfp-terms a:hover  { text-decoration: underline; }

    /* Green Tiles */
    .ts-Antrag          { width: 100px; height: 100px; }    
    .ts-RiVo            { width: 100px; height: 100px; }
    .ts-Fachanfrage     { width: 100px; height: 100px; }
    .ts-Bestand         { width: 100px; height: 100px; }

    /* Green Tiles 2e Reihe */
    .ts-Download        { width: 100px; height: 100px; }
    .ts-Vorgang         { width: 100px; height: 100px; }
    .ts-newsTicker      { width: 110px; height: 105px; }

    .ts-Twitter         { width: 140px; height: 135px; background-image: url('img/TwitterIcon100x100.svg'); background-size:135px 135px; background-repeat:no-repeat; background-color: #38812d; border: none 0px; }
    .twitter-timeline   { display: none; }

    .ts-Infos           { width: 100px; height: 100px; }
    .ts-Rechner         { width: 100px; height: 100px; }

    /* LandingPage GesellschaftsLogos */
    .GesLogos { max-width: 480px; }
    /*.GesLogos div { width: 70px; margin-right: 25px;margin-bottom: 5px;float: left;}
    .GesLogos div { background-size: 70px auto;}*/

    /* Content Sections */
    .backBtn span { width: 16px;height: 16px;line-height: 20px;vertical-align: middle;margin: 0px 5px 0px 0px;display: inline-block;background-image: url('img/arrowBackWhite16x16.png');background-position-x: 0px;background-position-y: 0px;}
    .siteSubHeader a.backBtn span { width: 16px;height: 16px;line-height: 20px;vertical-align: top;margin: 38px 5px 0px 0px;display: inline-block;background-image: url('img/arrowBackWhite16x16.png');background-position-x: 0px;background-position-y: 0px;left: 90px;position: relative;}
    .backBtn span.virtualTitle {font-size: 105%;}

    #content-full-right H1  { font-size: 125%; }
    H1.head                 { font-size: 125%; }
    .lblContentHeader       { font-size: 105%; }
    .lblContentHeaderSub    { font-size: 105%; }

    .coinCounter { width: 60px; height: 60px; }
    .coinCounter H1 { font-size: 115%; }
    .coinCounter p.top { font-size: 11px; }
    .CSD0 { background-image: url('img/circleRed60x60.png'); }
    .CSD1 { background-image: url('img/circleRed60x60.png'); }
    .CSD2 { background-image: url('img/circleOrange60x60.png'); }
    .CSD3 { background-image: url('img/circleYellow60x60.png'); }
    .CSD4 { background-image: url('img/circleGreen60x60.png'); }
    .CSD5 { background-image: url('img/circleDarkGreen60x60.png');}

}


/******************************************
iPad STYLES
-------------------------------------------
RadContentTemplateTile rctt:
BigTile     310x310 
WideTile    310x150
SquareTile  150x150 (small square)
*******************************************/


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

    .rcttBigTile    { width: 310px; height: 310px; }
    .rcttWideTile   { width: 310px; height: 150px; }
    .rcttSmallTile  { width: 150px; height: 150px; } /* small square tile */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

    .rcttBigTile    { width: 310px; height: 310px; }
    .rcttWideTile   { width: 310px; height: 150px; }
    .rcttSmallTile  { width: 150px; height: 150px; } /* small square tile */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    .rcttBigTile    { width: 310px; height: 310px; }
    .rcttWideTile   { width: 310px; height: 150px; }
    .rcttSmallTile  { width: 150px; height: 150px; } /* small square tile */
}

@media only print{
	.noPrintH{
		visibility:hidden !important;
	}
	.noPrint {
		display:none !important;
	}
	.qfp-content{
		padding: 0px;
	}
}
