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


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

/*  Nachrichten weiss mit Schatten und Border  */
.tile {
	background-color:#fff;
	color:#000;
	border-color:#fff;
}
.tile a,
.serviceicon { 
	color:#0d90c1; /* 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: #007fa8;
  color: #fff;
  border-color:#007fa8;
}
#ebanner_frame.tile a {
  color: #fff;
}
.reiterkarte,
.reiterkarte.cptr.clickable {
  background: #007fa8; /* originalfarbe + 0.15 schwarz*/
	color:#fff;
}
.reiterkarte.cptr {
	background: #dbeef6; 
	color:#007fa8;
}



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

/* Aufbau der FlypSite----------------------------------*/
.ownerbody, 
#lightBorder  {background-color:#dbeef6} /* Maincolor + 85% weiss */
.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: #00779e; } /* originalfarbe + 0.2 schwarz*/

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

/*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: #000; }



/* Powered by FlypSite ----------------------------------*/
#poweredByFlypSite {
	background-color: #007fa8; /* originalfarbe + 0.15 schwarz*/ 
}



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



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

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

/* KachelKommentare -  Anzahl im Listenclient--------------*/
.eLCommentCount { background-color: #f06d33; 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(4, 132, 177,0.3); }
.pollDisabled {background-color: rgba(4, 132, 177,0.1);}
.pollHilite { background-color: #ff6930; color:#fff; }