/* //////////////////////////////////////////////////////
Rosa: weisse Kacheln, Schatten, Border
//////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////
Styles Definitionen 
//////////////////////////////////////////////////////// */
@import url("import_abstandborderschatten.css");

/*  Nachrichten weiss mit Schatten und Border  */
.tile {
	background-color:#fff;
	color:#000;
	border-color:#fff;
}
.tile a,
.serviceicon { 
	color:#aa005a; /* Maincolor */
}
.kachel.tile .transparent_postcard {
  background:rgba(255,255,255,0.85);
}
div[type="list"] .tile .connect .flypiconConnect {
	color:#fff;
}
/* special treat für chat und social stream */
#ebanner_frame.tile {
	background-color: #aa005a;
  color: #fff;
  border-color:#aa005a;
}
#ebanner_frame.tile a {
  color: #fff;
}

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

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

body.mobile #tetris {background-color:transparent;}
body.mobile #tetris .tile, 
body.mobile #matrix .frame{margin: 10px 0 0 0;}


/* Menubar und Social Icons-----------------------------*/
#menubar {background-color:#aa005a;}

/* Kommentareingabe Chatbox und ChatNamenseingabe -------------------------------*/
#chatboxdummy, 
#loginPopup div:nth-child(2) { 
	background-color: #f2f2f2; 
	border-color:transparent;
	color:#000;}
.ownerbody textarea,
.ownerbody input[type="text"] { color: #000; background-color:#fff;  }
.ownerbody input[type="submit"] { color: #fff; background: #aa005a; }

/*BG-Farben für die TDs der Form Felder---------------------*/
.eLCommentsFormContainer #messageCommentForm td:first-child, 
#chatboxdummy td:first-child  {
	background-color: #fff;
	border-color:#fff; }
.eLCommentsFormContainer #messageCommentForm td:last-child, 
#chatboxdummy td:last-child {
	background-color: #aa005a; }

.reiterkarte,
.reiterkarte.cptr.clickable {
	background: #aa005a; 
	color:#f7f7f7;
}
.reiterkarte.cptr {
	background: #ecd3db; 
	color:#aa005a;  
}


/* Powered by FlypSite ----------------------------------*/
#poweredByFlypSite {
	background-color:#aa005a;}



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


/* -----------------------------------------------------
Kommentareecke wird als Kreis dargestellt. 
--------------------------------------------------------*/
.tile .theComment { color: #fff; }

.tile .commentcount,
.tile .nocomment,
#esocial_frame .theComment { 
	background: #aa005a;
}


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


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


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


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


/* Pollfarben ---------------------------------------------*/ 
.pollEnabled { background-color:rgba(172, 13, 111,0.2); }
.pollDisabled {background-color: rgba(172, 13, 111,0.1);}
.pollHilite { background-color: #aa005a; color:#fff; }