body.ownerbody {
  background: url("https://www.eurovision.de/resources/img/eurovision/telaviv2019/topbg.png") center top no-repeat #040b24;
  background-attachment: fixed;
  webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }


body.ownerbody::after {
    content:'';
    display:block;
    background: 
url("https://www.eurovision.de/resources/img/eurovision/telaviv2019/tile.png") left bottom repeat-x;
    width: 100%;
    height: 60%;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -1;
}



body::before {
  content: '';
  background: url("https://www.eurovision.de/resources/img/eurovision/telaviv2019/topstar.png") 66% top no-repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: auto 400px; }




body.dragdrop,
body.dragdrop::before {
	background:transparent; }
	
#banner::before {
    content: '';
    width: 219px;
    height: 44px;
    position: absolute;
    right: 15px;
    top: 10px;
    background: url(logos.png) top no-repeat;
    background-size: contain;
}
	

@media all and (max-width: 720px) {
    #banner::before {
    width: 170px;
    height: 68px;
    }
	
}
@media all and (max-width: 620px) {
    #banner::before {
    width: 152px;
    height: 61px;
    }
}
    


#menubar {
	background-color:#042557;
}



#frame_banner > div > img {
    visibility: hidden;
}

#evideo_frame {background:rgba(0,33,84,0.5);}

#videoBtn {
    padding: 13px 20px 12px 22px;
    background:rgba(2, 9, 44, 0.6);
    border-top-left-radius: 11px;
    right: 0;
    bottom: 0;
    width: 133px;
    text-align: center;
}
#videoBtn[state="closed"]::before {
    content: "Video einblenden";
}
#videoBtn[state="open"]::before {
    content: "Video ausblenden";
}

div[type="list"] .slideshow .tile[layout="image"] .info, div[type="list"] .slideshow .tile[layout="image"] .text {    
    padding-bottom: 2px;
    padding-top:12px;
}

/* ################ Das muss in das 3rd Screen CSS!!! IE ################ */
.slideshow_scaler {
    transform-origin: 0 0;
}
/* ################ Das muss in das 3rd Screen CSS!!! IE ################ */



/* ################ Kommentarecke ################ */
.tile .nocomment {
    background-image: linear-gradient(45deg, rgba(255,154,42,0) 0%,rgba(255,154,42,0) 49.9%,rgba(255,154,42,1) 50%,rgba(255,154,42,1) 100%);
}




/* //////////////////////////////////////////////////////
Alle Elemente mit der Haupt-Schmuckfarbe
//////////////////////////////////////////////////////// */


/* KachelKommentare -  BGcolor / color  - Icons als Flypicon Font --------------*/
.tile .theComment {color: #fff;background-image: linear-gradient(45deg, rgba(255,154,42,0) 0%,rgba(255,154,42,0) 49.9%,rgba(255,154,42,1) 50%,rgba(255,154,42,1) 100%);}

/* KachelKommentare -  im Listenclient BGcolor / color --------------*/
.eLCommentCount { background-color: #ff9a2a; color: #fff; }


/* overlayCloseButton BGcolor / color -----------------------------*/
#overlayCloseButton { background-color: #ff9a2a; color: #fff; }  


/* Play Video in Kachel------------------------------------*/ 
.playVideoKachel,
.double-bounce1, 
.double-bounce2 { color: #ff9a2a; }


/* scroll to top - Button ---------------------------------*/
#scrollToTopBtn { background: #ff9a2a; }
#scrollToTopBtn:before { border-color: transparent transparent #fff transparent; }
#scrollToTopBtn:hover {	background: #ff9a2a; }


/* Pollfarben ---------------------------------------------*/ 
.pollEnabled { background-color:rgba(255,255,255,0.4); }
.pollDisabled { background-color:rgba(255,255,255,0.2); }
.pollHilite {  
    color:#02224a;
    background: #fae38a;
    background: linear-gradient(to bottom, #fae38a, #ff9c35);
    background-color: #fae38a;
}













/* ################ Kopf für twolist html ################ */
.reiterkarte {
	background: #001a4b; 
	background: linear-gradient(135deg,  #001a4b 0%,#003770 100%); 
	border-top: 0px solid #001a4b;
  color: #fff;
}
.clickable {
	border-top: 0px solid #777;
	background: #114881;
}
.clickable span{
	color: #BED3E5;
}

/* ################  neu: .social ################ */
#social .s1 {
	background-color: #160f38;
}


/* ################ Buttons - Video und scroll to top ################ */
#scrollToTopBtn {
	background-image: url(../../assets/scroll_up.png);
}

/* ################ Chatbox - Kommentareingabe chatbox und message im Overlay ################ */
#chatboxdummy, .overlayCommentsFormContainer {
	background: #38b5e6; 
	background: linear-gradient(135deg,  #38b5e6 0%,#01376a 100%); 
  background-color: #38b5e6;
	color:#fff; 
}
.ownerbody input[type="submit"] {
	color: #fff;
  background: #001a4b;
}
.eLCommentsFormContainer #messageCommentForm td:first-child, #chatboxdummy td:first-child {
	background-color: #fff;
}
.eLCommentsFormContainer #messageCommentForm td:last-child, #chatboxdummy td:last-child {
	background: #e7e7e7;
  background: linear-gradient(to bottom, #e7e7e7 0%, #a7a7a7 100%);
}



/* ################ STYLE plain ################ */
.plain { 
	background: #1d408e; 
	background: linear-gradient(135deg,  #002f58 0%,#125985 100%); 
	background-color: #1d408e;	
	color: #ffffff; 
}
.plain a { 
	color: #fffff; 
	text-decoration: none;
}
div[type="list"] .plain .connect .flypiconConnect {
	color: #05416b;
}




div[type="list"] .plain .transparent_postcard {
	background-image: none;
}






/* ################ STYLE 1: ################ */
.s1 { 
	background: #1d408e; 
	background: linear-gradient(135deg,  #002f58 0%,#125985 100%); 
	background-color: #1d408e;	
	color: #ffffff; 
}
.s1 a { 
	color: #ffffff; 
	text-decoration: none;
}
div[type="list"] .s1 .connect .flypiconConnect {
	color: #05416b;
}


/* ################ STYLE 2: Verlauf dunkelblau Schrift weiss ################ */
.s2 { 
background: #fae38a;
	background: linear-gradient(to bottom, #fae38a, #ff9c35);
	background-color: #fae38a;
	color: #02224a;
}
.s2 a { 
	color: #02224a; 
}
div[type="list"] .s2 .connect .flypiconConnect {
	color: #ff9c35;
}



/* ################ STYLE 3:  ################ */
.s3 { 
	color: #ffffff; 
	background-color: #1f9bde;
}
.s3 a { 
	color: #ffffff;
}
div[type="list"] .s3 .connect .flypiconConnect {
	color: #1f9bde; 
}




/* ################ Verlauf mittelblau heller zu mittelblau dunkler, von oben nach unten, Schrift weiss */
.s4 { 
	background: #041237; 
	background: linear-gradient(135deg,  #041237 0%,#002f58 100%); 
	background-color: #041237;
	color: #ffffff;
}
.s4 a { 
	color: #ffffff; 
}
div[type="list"] .s4 .connect .flypiconConnect {
	color: #031f46; 
}




/* ################ STYLE 5: blauer verlauf ################ */
.s5 { 
	background: #5396b2; 
	background: linear-gradient(135deg,  #5396b2 0%,#9ec2de 100%); 
	background-color: #5396b2;
	color: #ffffff;	
}
.s5 a { 
	color: #ffffff; 
}
div[type="list"] .s5 .connect .flypiconConnect {
	color: #73a9c5;	
}



.s6 {
	background: #012c56; 
	background: linear-gradient(135deg,  #012c56 0%,#308bc2 100%); 
	background-color: #012c56;
	color: #ffffff;	
}
.s6 a { 
	color: #ffffff;
}
div[type="list"] .s6 .connect .flypiconConnect {
	color: #145483;
}



/* ################ STYLE 7:  Verlauf hellgrau zu grau, von oben nach unten, Schrift grau ################ */
.s7 { 
	color: #ffffff; 
	background-color: #38b4e7 ;
}
.s7 a { 
	color: #ffffff; 
}
div[type="list"] .s7 .connect .flypiconConnect {
	color: #38b4e7 ;
}





/* ################ STYLE 8: Roter Verlauf mit weißer Schrift ################ */
.s8 { 
	color: #ffffff; 
	background-color:#061f5c;
}
.s8 a { 
	color: #ffffff; 
}
div[type="list"] .s8 .connect .flypiconConnect {
	color: #061f5c;
}



/* transparenter Hinterleger */
.kachel.tile .transparent_postcard  {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 20px;
}
.kachel.tile .transparent_postcard a { 
    color: #fff;
}


/* ################ E 1 - E 4 für den listclient: ################ */


.e1 a,
.e2 a,
.e3 a,
.e4 a {
	color:#001a4b; 
}

div[type="list"] .e1,
div[type="list"] .e2,
div[type="list"] .e3,
div[type="list"] .e4 {
	background: #ffffff; 
	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4de 100%); 
	background-color: #e4e4de;	
	background-repeat: no-repeat;
	background-position: right top;	
	color:#001a4b; 
}
div[type="list"] .e7 .connect .flypiconConnect,
div[type="list"] .e2 .connect .flypiconConnect, 
div[type="list"] .e3 .connect .flypiconConnect, 
div[type="list"] .e4 .connect .flypiconConnect {
	color:#e4e4de;
}

div[type="list"] .e1 .tilecontent, 
div[type="list"] .e2 .tilecontent, 
div[type="list"] .e3 .tilecontent, 
div[type="list"] .e4 .tilecontent {
	margin-right: 25%;
	min-height: 90px;
}
.e1 .transparent_postcard,
.e2 .transparent_postcard,
.e3 .transparent_postcard,
.e4 .transparent_postcard {
	background-image: none;
}



div[type="list"] .tile[layout="postcard"].e1 .text,
div[type="list"] .tile[layout="postcard"].e2 .text,
div[type="list"] .tile[layout="postcard"].e3 .text,
div[type="list"] .tile[layout="postcard"].e4 .text, 
div[type="list"] .tile[layout="postcard_text"].e1 .text,
div[type="list"] .tile[layout="postcard_text"].e2 .text,
div[type="list"] .tile[layout="postcard_text"].e3 .text,
div[type="list"] .tile[layout="postcard_text"].e4 .text {
	margin-right: 25%;
	padding-right: 0;
}

div[type="list"] .tile[layout="video"].e1,
div[type="list"] .tile[layout="video"].e2,
div[type="list"] .tile[layout="video"].e3,
div[type="list"] .tile[layout="video"].e4 {
	background-repeat: no-repeat;
	background-position: right 104%;
}	
	
	
div[layout="image"] .flypiconConnect {
    display: none;
}