/* //////////////////////////////////////////////////////
Mpno Grün
//////////////////////////////////////////////////////// */


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


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

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

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

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

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

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

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

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

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

/* ################ STYLE E1 - E4 ################ */
.e1, .e2, .e3, .e4 {
	background-color:#fff;
	color: #435019; 
}
.e1 a, .e2 a, .e3 a, .e4 a {
	color: #435019;
}
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(32,38,12,0) 0%,rgba(32,38,12,0.81) 30px,rgba(32,38,12,0.91) 100%);
	color: #d4e1b1;
}
.kachel.tile .transparent_postcard a {
	color: #d4e1b1;
}





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




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

.ownerbody input[type="submit"] { 
	color: #fff; 
	background: #8bb519; /* Maincolor */
}
.eLCommentsFormContainer #messageCommentForm td:last-child, 
#chatboxdummy td:last-child {
	background-color: #8bb519; /* Maincolor */
}

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

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

/* Menubar ---------------------------------------------*/
#menubar {
	background-color:#6f9113; /* Maincolor + 20% schwarz*/
}
/* Kommentareingabe Chatbox und ChatNamenseingabe -------------------------------*/
#chatboxdummy, 
#loginPopup div:nth-child(2) { 
	background-color:#6f9113; /* Maincolor + 20% schwarz*/
	color:#fff; 
}
/* Powered by FlypSite ----------------------------------*/
#poweredByFlypSite {
	background-color:#6f9113; /* 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:#e8f1d6; }




/* 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"; }*/