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

.tile {
	background-color:#e7eef6;
	color: #333;
	box-sizing:border-box;
	
}
.tile a { 
	color:#0c327d;
}
.tile a:hover { 
	text-decoration: underline;
}
.serviceicon  {
	color:#0c327d;
}

.tile .headline { font-size:20px; }
.tile .text { font-size:16px; }


.slideshow .tile,
.column40 .slideshow .tile, 
.column60 .slideshow .tile,
.column .slideshow .tile {
    box-shadow: none;
    margin: 0;
    padding: 0;
    border:0;
}

/* special treat für banner, chat und social stream */
#ebanner_frame {
	background: #1d5596; 
	border-color:transparent;
} 

div[type="list"] .tile .connect .flypiconConnect {
	color: #fff;
}

.kachel.tile .transparent_postcard {
	background:#fff;
	padding-top: 7px;
	line-height: 1.2;
}

/* Abstand für die Tiles im Listenclient ----------------*/
.column40 .tile, 
.column60 .tile, 
.column .tile {
    margin: 20px 0px 0 0px;
}
.listCommentsContainer {
	margin:0 10px;
}

.reiterkarte,
.reiterkarte.cptr.clickable {
	background: #1d5596; 
	color:#fff;
}
.reiterkarte.cptr {
  background: #2974cc; 
  color:#fff;
}


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


/* Aufbau der FlypSite----------------------------------*/
.ownerbody, 
#lightBorder  {background-color:#fff; font-family: arial, helvetica, sans-serif;}
.black_overlay { background-color: #fff;}	


/* Menubar und Social Icons-----------------------------*/
#menubar { background: #1d5596; } 
#menubar a { opacity:0.9 }
#menubarLinks a:hover, 
.twoStepSocial:hover { opacity:0.8; }

/* Kommentareingabe Chatbox und ChatNamenseingabe -------------------------------*/
#chatboxdummy, 
#loginPopup div:nth-child(2) { 
	background-color: #1d5596;
	border: transparent;
	color:#fff;
	margin-top:0;
} 
.ownerbody textarea,
.ownerbody input[type="text"] { color: #000; }
.ownerbody input[type="submit"] { 
	text-decoration: none;
	color: #1d5596;
/* 	font-family: "NDRSansCondRegular"; */
	border: 1px solid #aabed2;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	background-color: #2568b4; 
	border: 1px solid #1d5596 !important; 
	color:#fff; 
}

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



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



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


/* -----------------------------------------------------
Kommentarecke nicht-/anzeigen - screen/touch
hier wird ein Verlauf mit einem transparenten BG bild 
gleichzeitig angewendet. Über den Verlauf hat man Einfluss
auf die Farbe.
--------------------------------------------------------*/
.tile .theComment { color: #fff; }


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


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


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


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


/* Pollfarben ---------------------------------------------*/ 
.pollEnabled { background-color:#2568b4; color:#fff; }
.pollDisabled { background-color:rgba(37,104,180,0.05); }
.pollHilite { background-color: #2568b4; }




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




.tile.e1 .serviceicon {display:none}