/* //////////////////////////////////////////////////////
Mono Dunkelgrau
//////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////
Styles Definitionen 
//////////////////////////////////////////////////////// */


/* ################ STYLE plain ################ */
.plain { 
	background-color: #2e2e30; /* Maincolor + 5% schwarz*/
	color: #fff; 
}
.plain a { 
	color: #fff;
}
div[type="list"] .plain .connect .flypiconConnect {
	color: #2e2e30;
}

/* ################ STYLE 1 ################ */
.s1 { 
	background-color: #303033; /* Maincolor */
	color: #fff; 
}
.s1 a { 
	color: #fff; 
}
div[type="list"] .s1 .connect .flypiconConnect {
	color: #303033;
}

/* ################ STYLE 2 ################ */
.s2 { 
	background-color: #4f4f51;
	color: #fff;
}
.s2 a { 
	color: #fff;	
}
div[type="list"] .s2 .connect .flypiconConnect {
	color: #4f4f51;
}

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

/* ################ STYLE 4 ################ */
.s4 { 
	background-color: #838385;
	color: #fff;
}
.s4 a { 
	color: #fff;
}
div[type="list"] .s4 .connect .flypiconConnect {
	color: #838385;
}

/* ################ STYLE 5 ################ */
.s5 { 
	background-color: #a2a2a3;
	color: #1e1e20; 
}
.s5 a { 
	color: #1e1e20;
}
div[type="list"] .s5 .connect .flypiconConnect {
	color: #a2a2a3;
}

/* ################ STYLE 6 ################ */
.s6 { 
	background-color: #c0c0c1; 
	color: #1e1e20; 
}
.s6 a { 
	color: #1e1e20;
}
div[type="list"] .s6 .connect .flypiconConnect {
	color: #c0c0c1;
}

/* ################ STYLE 7 ################ */
.s7 { 
	background-color: #e0e0e1;
	color: #1e1e20;
}
.s7 a { 
	color: #1e1e20;
}
div[type="list"] .s7 .connect .flypiconConnect {
	color: #e0e0e1;
}

/* ################ STYLE 8 ################ */
.s8 { 
	background-color:#fff;
	color: #1e1e20; 
}
.s8 a { 
	color: #1e1e20;
}
div[type="list"] .s8 .connect .flypiconConnect {
	color: #fff;
}

/* ################ STYLE E1 - E4 ################ */
.e1, .e2, .e3, .e4 {
	background-color:#fff;
	color: #1e1e20; 
}
.e1 a, .e2 a, .e3 a, .e4 a {
	color: #1e1e20;
}
div[type="list"] .e1 .connect .flypiconConnect,
div[type="list"] .e2 .connect .flypiconConnect,
div[type="list"] .e3 .connect .flypiconConnect,
div[type="list"] .e4 .connect .flypiconConnect {
	color: #fff;
}

/* ################ transparent_postcard für alle Styles ################ */
.kachel.tile .transparent_postcard {
	background:#20260c;
	background: linear-gradient(to bottom,  rgba(30,30,32,0) 0%,rgba(30,30,32,0.81) 30px,rgba(30,30,32,0.91) 100%);
	color: #fff;
}
.kachel.tile .transparent_postcard a {
	color: #fff;
}





/* //////////////////////////////////////////////////////
Struktur Elemente der FlypSite
//////////////////////////////////////////////////////// */




/* Aufbau der FlypSite----------------------------------*/
.ownerbody,
#lightBorder { background-color:#f1f2ee; }

#chatboxdummy {
	background-color: #262629;
	color:#fff; 
}
 
#loginPopup div:nth-child(2) { 
	background-color: #838385;
	color:#fff; 
}

.ownerbody input[type="submit"] { 
	color: #000;
	background-color: #e0e0e1; 
}	
.eLCommentsFormContainer #messageCommentForm td:last-child, 
#chatboxdummy td:last-child {
	background-color: #e0e0e1; 
}

#ebanner_frame {
	background-color:#2b2b2e; /* Maincolor + 10% schwarz*/
}

/* Reiterelement Twolist Client------------------------*/
.reiterkarte {
	background: #29292b; /* Maincolor + 15% schwarz*/
	color: #fff;
}
.reiterkarte.clickable { 
	color: #29292b;   /* Maincolor + 15% schwarz*/
	background: #fff;
}

/* Menubar ---------------------------------------------*/
#menubar {
	background-color:#262629; /* Maincolor + 20% schwarz*/
}
/* Kommentareingabe Chatbox und ChatNamenseingabe -------------------------------*/
#chatboxdummy { 
	background-color:#262629; /* Maincolor + 20% schwarz*/
	color:#fff; 
}
/* Powered by FlypSite ----------------------------------*/
#poweredByFlypSite {
	background-color:#262629; /* Maincolor + 20% schwarz*/ 
}




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


/* -----------------------------------------------------
Kommentarecke nicht-/anzeigen - screen/touch
hier wird ein Verlauf mit einem Flypicon-Font im :after-Element.
Über den Verlauf hat man Einfluss auf die Farbe der Ecke. 
--------------------------------------------------------*/

/*.tile .theComment { color: #fff; }*/

/*mit Kommentarecke in Orange -----------------
#esocial_frame .theComment,
.tile .nocomment,
.tile .commentcount { 
background-image: linear-gradient(45deg, rgba(255,105,48,0) 0%,rgba(255,105,48,0) 49.9%,rgba(255,105,48,1) 50%,rgba(255,105,48,1) 100%); }*/


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


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

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


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


/* Pollfarben ---------------------------------------------*/ 
.pollEnabled { background-color:rgba(255,255,255,0.2); }
.pollDisabled { background-color:rgba(255,255,255,0.2); }
.pollHilite { background-color: #ff6930; color:#fff;}

.s7 .pollEnabled,
.s8 .pollEnabled,
.s7 .pollDisabled,
.s8 .pollDisabled { background-color:#cdcdce; }



/* VideoButton für NEUE Events mit Video--------------
#videoBtn,
#videoBtn[state="closed"]:hover,
#videoBtn[state="open"]:hover { color: #fff; }
#videoBtn[state="closed"]:before { content: "Video einblenden"; }
#videoBtn[state="open"]:before { content: "Video ausblenden"; }*/