/*
#####################################################
   IMAGES CT
#####################################################
*/
/*2013-11-15 16:27*/

.portrait .pen,
.portrait .kurz {
	background-image: url(../images/note_pen.png);
		background-size: 12px 21px;
		background-repeat: no-repeat;
}
.portrait.rubrik_rubriken .pen,
.portrait.rubrik_rubriken .kurz {
	background-image: url(../images/note_pen_standard.png);
}
.portrait.rubrik_trends_news .pen,
.portrait.rubrik_trends_news .kurz {
	background-image: url(../images/note_pen_aktuell.png);
}
.portrait.rubrik_test_kaufberatung .pen,
.portrait.rubrik_test_kaufberatung .kurz {
	background-image: url(../images/note_pen_hardware.png);
}
.portrait.rubrik_software .pen,
.portrait.rubrik_software .kurz {
	background-image: url(../images/note_pen_software.png);
}
.portrait.rubrik_magazin .pen,
.portrait.rubrik_magazin .kurz {
	background-image: url(../images/note_pen_magazin.png);
}
.portrait.rubrik_praxis .pen,
.portrait.rubrik_praxis .kurz {
	background-image: url(../images/note_pen_praxis.png);
}
.portrait.rubrik_wissen .pen,
.portrait.rubrik_wissen .kurz {
	background-image: url(../images/note_pen_know-how.png);
}
.portrait.rubrik_internet .pen,
.portrait.rubrik_internet .kurz {
	background-image: url(../images/note_pen_internet.png);
}




.portrait .box_kids {
    background-image: url(../images/kids_bits_box_bg.png);
}
.portrait .play_text {
	background-image:url(../images/video_grey@2x.png);
}
.portrait .question .TypeSpecial,
.portrait .question .typespecial,
.portrait .question .initial {
    background-image: url(../images/hotline_fragezeichen.png);
    background-repeat: no-repeat;
}
.portrait .answer .TypeSpecial,
.portrait .answer .typespecial,
.portrait .answer .initial {
    background-image: url(../images/hotline_ausrufezeichen.png);
    background-repeat: no-repeat;
}


.portrait.body_aktuell .question .TypeSpecial,
.portrait.body_aktuell .question .typespecial {
	background-image: url(../images/aktuell_fragezeichen.png);
}
.portrait.body_aktuell .answer .TypeSpecial,
.portrait.body_aktuell .answer .typespecial {
	background-image: url(../images/aktuell_ausrufezeichen.png);
}

.portrait.rubrik_test_kaufberatung .question .TypeSpecial,
.portrait.rubrik_test_kaufberatung .question .typespecial {
	background-image: url(../images/hardware_fragezeichen.png);
}
.portrait.rubrik_test_kaufberatung .answer .TypeSpecial,
.portrait.rubrik_test_kaufberatung .answer .typespecial {
	background-image: url(../images/hardware_ausrufezeichen.png);
}

.portrait.rubrik_internet .question .TypeSpecial,
.portrait.rubrik_internet .question .typespecial {
	background: url(../images/internet_fragezeichen.png);
}
.portrait.rubrik_internet .answer .TypeSpecial,
.portrait.rubrik_internet .answer .typespecial {
	background-image: url(../images/internet_ausrufezeichen.png);
}

.portrait.rubrik_praxis .question .TypeSpecial,
.portrait.rubrik_praxis .question .typespecial {
	background-image: url(../images/praxis_fragezeichen.png);
}
.portrait.rubrik_praxis .answer .TypeSpecial,
.portrait.rubrik_praxis .answer .typespecial {
	background-image: url(../images/praxis_ausrufezeichen.png);
}

.portrait.rubrik_wissen .question .TypeSpecial,
.portrait.rubrik_wissen .question .typespecial {
	background-image: url(../images/know-how_fragezeichen.png);
}
.portrait.rubrik_wissen .answer .TypeSpecial,
.portrait.rubrik_wissen .answer .typespecial {
	background-image: url(../images/know-how_ausrufezeichen.png);
}

.portrait.rubrik_magazin .question .TypeSpecial,
.portrait.rubrik_magazin .question .typespecial {
	background-image: url(../images/magazin_fragezeichen.png);
}
.portrait.rubrik_magazin .answer .TypeSpecial,
.portrait.rubrik_magazin .answer .typespecial {
	background-image: url(../images/magazin_ausrufezeichen.png);
}

.portrait.rubrik_software .question .TypeSpecial,
.portrait.rubrik_software .question .typespecial {
	background-image: url(../images/software_fragezeichen.png);
}
.portrait.rubrik_software .answer .TypeSpecial,
.portrait.rubrik_software .answer .typespecial {
	background-image: url(../images/software_ausrufezeichen.png);
}

.portrait.rubrik_staendige_rubriken .question .TypeSpecial,
.portrait.rubrik_staendige_rubriken .question .typespecial {
	background: url(../images/standard_fragezeichen.png);
}
.portrait.rubrik_staendige_rubriken .answer .TypeSpecial,
.portrait.rubrik_staendige_rubriken .answer .typespecial {
	background-image: url(../images/standard_ausrufezeichen.png);
}

.portrait#htmlId_1383133630883033 .question .TypeSpecial,
.portrait#htmlId_1383133630883033 .answer .typespecial {
	background-image: url(../images/hotline_fragezeichen.png);
}
.portrait#htmlId_1383133630883033 .answer .TypeSpecial,
.portrait#htmlId_1383133630883033 .answer .typespecial {
	background-image: url(../images/hotline_ausrufezeichen.png);
}

.portrait .bewt .question .TypeSpecial {
    background: url("../images/hotline_fragezeichen.png");
}



.portrait .servicebox_leserbriefe_ng {
	background-image: url(../../images/sprechblase.png);
}

.portrait .servicebox_leserbriefe_ng .sm_facebook {
	background-image:url(../../images/sm_facebook.png);
}
.portrait .servicebox_leserbriefe_ng .sm_gplus {
	background-image:url(../../images/sm_gplus.png);
}
.portrait .servicebox_leserbriefe_ng .sm_twitter {
	background-image:url(../../images/sm_twitter.png);
}


.portrait .po,
.portrait .gruenpfeilhoch {
	background-image:url(../images/Pfeiloben.png);
}
.portrait .pu,
.portrait .rotpfeilrunter {
	background-image:url(../images/Pfeilunten.png);
}
.portrait .pl {
	background-image:url(../images/Pfeillinks.png);
}
.portrait .pr {
	background-image:url(../images/pfeilrechts_gelb.png);
}

/* new ct-link */
.portrait .soft-link .logo {
	background-image: url(../images/ct_logo_sw.png);
}

.portrait .bewpungerade,
.portrait .bewp:nth-of-type(even)  {
	background-image: url(../images/gluehbirne.png);
}
.portrait .bewpgerade,
.portrait .bewp:nth-of-type(odd) {
	background-image: url(../images/kalender.png);
}


/* interview */
.portrait .frage .logo .fontspan {
	background-image: url(../images/ct_logo_sw.png);
}


/** tipp kasten **/
.portrait .kasten.tipp-kasten .pnotiz {
    background-image: url(../images/icons/material.png);
}
.portrait .kasten.tipp-kasten .phefte {
    background-image: url(../images/icons/kenntnisse.png);
}
.portrait .kasten.tipp-kasten .palter {
    background-image: url(../images/icons/alter.png);
}
.portrait .kasten.tipp-kasten .pkosten {
    background-image: url(../images/icons/kosten.png);
}
.portrait .kasten.tipp-kasten .pdauer {
    background-image: url(../images/icons/dauer.png);
}

/* ct 7/2016 grün */
.portrait.y_2016.i_7 .kasten.tipp-kasten .pnotiz {
    background-image: url(../images/icons/material_gr.png);
}
.portrait.y_2016.i_7 .kasten.tipp-kasten .phefte {
    background-image: url(../images/icons/kenntnisse_gr.png);
}
.portrait.y_2016.i_7 .kasten.tipp-kasten .palter {
    background-image: url(../images/icons/alter_gr.png);
}
.portrait.y_2016.i_7 .kasten.tipp-kasten .pkosten {
    background-image: url(../images/icons/kosten_gr.png);
}
.portrait.y_2016.i_7 .kasten.tipp-kasten .pdauer {
    background-image: url(../images/icons/dauer_gr.png);
}

/* maennchen */
.portrait .kasten.tipp-kasten #tipp-icon {
    position: absolute;
    width: 75px;
    height: 150px;
    top: 44px;
    right: 1em;
    background-position: right 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/icons/pc-maennchen_sitzend.gif);
}

.portrait.fontSize12 .kasten.tipp-kasten #tipp-icon { top: 120px; }
.portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: 152px; }
.portrait.fontSize20 .kasten.tipp-kasten #tipp-icon { top: 204px; }
.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 310px; } /* 99px */

@media (min-width: 276px) {
	.portrait.fontSize12 .kasten.tipp-kasten #tipp-icon { top: 78px; }
}
@media (min-width: 286px) {
	.portrait.fontSize12 .kasten.tipp-kasten #tipp-icon { top: 56px; }
}
@media (min-width: 297px) {
	.portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: 128px; }
}
@media (min-width: 302px) {
	.portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: 102px; }
}
@media (min-width: 308px) {
	.portrait.fontSize12 .kasten.tipp-kasten #tipp-icon { top: 35px; }
}
@media (min-width: 313px) {
	.portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: 78px; }
}
@media (min-width: 317px) {
	.portrait.fontSize12 .kasten.tipp-kasten #tipp-icon { top: 14px; }
}
@media (min-width: 339px) {
	.portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: 53px; }
}
@media (min-width: 350px) {
	.portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: 28px; }
}
@media (min-width: 367px) {
	.portrait.fontSize12 .kasten.tipp-kasten #tipp-icon { top: -6px; }
}
@media (min-width: 372px) {
	.portrait.fontSize20 .kasten.tipp-kasten #tipp-icon { top: 174px; }
}
@media (min-width: 380px) {
	.portrait .kasten.tipp-kasten #tipp-icon {
    	top: 16px;
    }
    .portrait.fontSize20 .kasten.tipp-kasten #tipp-icon { top: 144px; }
}
@media (min-width: 381px) { /* neu */
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 139px; }
}
@media (min-width: 396px) {
	.portrait.fontSize20 .kasten.tipp-kasten #tipp-icon { top: 114px; }
}
@media (min-width: 400px) { /* neu */
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 99px; }
}
@media (min-width: 408px) {
	.portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: 4px; }
}
@media (min-width: 422px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 99px; } /* 267*/
}
@media (min-width: 432px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 99px; } /* 225 */
}
@media (min-width: 433px) {
	.portrait.fontSize20 .kasten.tipp-kasten #tipp-icon { top: 86px; }
}
@media (min-width: 448px) {
	.portrait.fontSize20 .kasten.tipp-kasten #tipp-icon { top: 56px; }
}
@media (min-width: 451px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 183px; }
}
@media (min-width: 480px) { /* neu */
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 99px; }
}
@media (min-width: 495px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 99px; } /* 142 */
}
@media (min-width: 497px) {
	.portrait.fontSize12 .kasten.tipp-kasten #tipp-icon { top: -28px; }
}
@media (min-width: 500px) { /* 499px */
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 56px; } /* 99 */
}
@media (min-width: 520px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 56px; }
}
@media (min-width: 532px) {
	.portrait.fontSize20 .kasten.tipp-kasten #tipp-icon { top: 26px; }
}
@media (min-width: 535px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 36px; }
}
@media (min-width: 550px) {
	.portrait .kasten.tipp-kasten #tipp-icon {
        top: -5px;
        width: 100px;
    }
    .portrait.fontSize12 .kasten.tipp-kasten #tipp-icon { width: 75px; top: -28px; }
    .portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: -18px; }
    .portrait.fontSize20 .kasten.tipp-kasten #tipp-icon { top: 5px; }
    /*.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 76px; }*/
}
@media (min-width: 559px) {
	.portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: -42px; }
}
@media (min-width: 598px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 36px; }
}
@media (min-width: 614px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 34px; }
}
@media (min-width: 622px) {
	.portrait .kasten.tipp-kasten #tipp-icon {
		top: -35px;
	}
}
@media (min-width: 640px) {
	.portrait .kasten.tipp-kasten #tipp-icon {
		top: -33px;
	}
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 34px; }
}
@media (min-width: 747px) {
	.portrait.fontSize20 .kasten.tipp-kasten #tipp-icon { top: -27px; }
}
@media (min-width: 768px) {
	.portrait .kasten.tipp-kasten #tipp-icon {
		top: -5px;
	}
	.portrait.fontSize12 .kasten.tipp-kasten #tipp-icon { width: 100px; top: -48px;}
	.portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: -18px; }
	.portrait.fontSize20 .kasten.tipp-kasten #tipp-icon { top: -18px; }
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 46px; }
}
@media (min-width: 783px) {
	.portrait.fontSize14 .kasten.tipp-kasten #tipp-icon { top: -42px; }
}

@media (min-width: 802px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 4px; }
}

@media (min-width: 821px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 46px; }
}

@media (min-width: 890px) {
	.portrait .kasten.tipp-kasten #tipp-icon {
        top: -33px;
    }
    .portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 45px; }
}
@media (min-width: 916px) {
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 3px; }
}

@media (min-width: 950px) { /* 940 */
	.portrait .kasten.tipp-kasten #tipp-icon {
        top: -5px;
    }
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 3px; }
}
/*
@media (min-width: 990px) {
	.portrait .kasten.tipp-kasten #tipp-icon {
        top: -5px;
    }
} */
@media (min-width: 1040px) {
	.portrait .kasten.tipp-kasten #tipp-icon {
		top: -33px;
	}
	.portrait.fontSize24 .kasten.tipp-kasten #tipp-icon { top: 4px; }
}

/* ct /2015 */
/* .portrait .kasten.tipp-kasten #tipp-icon {
    background-image: url(../images/icons/pc-maennchen_sitzend3.gif);
}*/

/* ct /2015 */
.portrait#htmlId_1431298478626417 .kasten.tipp-kasten #tipp-icon {
    width: 120px;
    height: 150px;
    top: -10px;
    right: 1em;
    background-position: right 5px;
    background-image: url(../images/icons/pc-maennchen_sitzend4.gif);
}
@media (min-width: 760px) {
    .portrait#htmlId_1431298478626417 .kasten.tipp-kasten #tipp-icon {
        top: 24px;
    }
}

/* ct 13/2015 */
.portrait#htmlId_1433640139035757 .kasten.tipp-kasten #tipp-icon {
	background-image: url(../images/icons/pc-maennchen_sitzend4.gif);
}

/* ct 15/2015 */
.portrait#htmlId_1436136629584558 .kasten.tipp-kasten #tipp-icon {
	background-image: url(../images/icons/pc-maennchen_sitzend5.gif);
}
@media (min-width: 33.8em) {
    .portrait#htmlId_1438561235291632 .kasten.tipp-kasten #tipp-icon,
    .portrait#htmlId_1436136629584558 .kasten.tipp-kasten #tipp-icon {
        top:17px;
    }
}
@media (min-width: 34.2em) {
    .portrait#htmlId_1438561235291632 .kasten.tipp-kasten #tipp-icon,
    .portrait#htmlId_1436136629584558 .kasten.tipp-kasten #tipp-icon {
        top:-3px;
    }
}
@media (min-width: 39.5em) {
    .portrait#htmlId_1438561235291632 .kasten.tipp-kasten #tipp-icon,
    .portrait#htmlId_1436136629584558 .kasten.tipp-kasten #tipp-icon {
        top:-33px;
    }
}
@media (min-width: 48em) {
    .portrait#htmlId_1438561235291632 .kasten.tipp-kasten #tipp-icon,
	.portrait#htmlId_1436136629584558 .kasten.tipp-kasten #tipp-icon {
		top:-3px;
	}
}
@media (min-width: 55.7em) {
    .portrait#htmlId_1438561235291632 .kasten.tipp-kasten #tipp-icon,
	.portrait#htmlId_1436136629584558 .kasten.tipp-kasten #tipp-icon {
		top:-33px;
	}
}
@media (min-width: 59.4em) {
    .portrait#htmlId_1438561235291632 .kasten.tipp-kasten #tipp-icon,
	.portrait#htmlId_1436136629584558 .kasten.tipp-kasten #tipp-icon {
		top:-3px;
	}
}

@media (min-width: 64.65em) {
    .portrait#htmlId_1438561235291632 .kasten.tipp-kasten #tipp-icon,
	.portrait#htmlId_1436136629584558 .kasten.tipp-kasten #tipp-icon {
		top:-33px;
	}
}

/* maennchen neu ab 3/2016 */
.portrait .kasten.tipp-kasten #tippicon {
    position: absolute;
    width: 75px;
    height: 150px;
    top: auto;
	bottom: -1.3em;
    right: 0;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/icons/pc-maennchen_sitzend.gif);
}
.portrait.fontSize12 .kasten.tipp-kasten #tippicon { bottom: -1.8em; }
.portrait.fontSize14 .kasten.tipp-kasten #tippicon { bottom: -1.6em; }
.portrait.fontSize20 .kasten.tipp-kasten #tippicon { bottom: -1.05em; }
.portrait.fontSize24 .kasten.tipp-kasten #tippicon { bottom: -0.9em; }

@media (min-width: 550px) {
	.portrait .kasten.tipp-kasten #tipp-icon {
        width: 100px;
    }
}

/** sondermeannchen **/
/* ct 17/2015 */
.portrait#htmlId_1438561235291632 .kasten.tipp-kasten #tipp-icon {
    background-image: url(../images/icons/pc-maennchen_sitzend4.gif);
}
/* ct 19/2015 */
.portrait#htmlId_1440975403877490 .kasten.tipp-kasten #tipp-icon {
    background-image: url(../images/icons/pc-maennchen_sitzend6.gif);
}

/***********
    HIRES
************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

	.portrait .pen,
	.portrait .kurz {
		background-image: url(../images/note_pen@2x.png);
		background-size: 24px 42px;
		background-repeat: no-repeat;
	}
	.portrait.rubrik_rubriken .pen,
	.portrait.rubrik_rubriken .kurz {
		background-image: url(../images/note_pen_standard@2x.png);
	}
	.portrait.rubrik_aktuell .pen,
	.portrait.rubrik_aktuell .kurz {
		background-image: url(../images/note_pen_aktuell@2x.png);
	}
	.portrait.rubrik_test_kaufberatung .pen,
	.portrait.rubrik_test_kaufberatung .kurz {
		background-image: url(../images/note_pen_hardware@2x.png);
	}
	.portrait.rubrik_software .pen,
	.portrait.rubrik_software .kurz {
		background-image: url(../images/note_pen_software@2x.png);
	}
	.portrait.rubrik_magazin .pen,
	.portrait.rubrik_magazin .kurz {
		background-image: url(../images/note_pen_magazin@2x.png);
	}
	.portrait.rubrik_praxis .pen,
	.portrait.rubrik_praxis .kurz {
		background-image: url(../images/note_pen_praxis@2x.png);
	}
	.portrait.rubrik_wissen .pen,
	.portrait.rubrik_wissen .kurz {
		background-image: url(../images/note_pen_know-how@2x.png);
	}
	.portrait.rubrik_internet .pen,
	.portrait.rubrik_internet .kurz {
		background-image: url(../images/note_pen_internet@2x.png);
	}
}
