/************************************************************************
****************************** PROGRAMM *********************************
************************************************************************/
.section .modCon.modConProgramm { padding: 8px; width: 980px; }

.section .modCon.modConProgramm .boxCon {  }
.section .modCon.modConProgramm .box { padding: 0; width: 100%; }


/* TAGE NAVIGATION */
.modConProgramm .controls { clear: both; float: left; width: 100%; }

/*
.modConProgramm .controls .prev,
.modConProgramm .controls .next { min-width: 30px; background: url("../../../img/base/icon/arrow_blank.png") no-repeat 0 0; }
.modConProgramm .controls .next { float: right; }
.modConProgramm .controls .prev { background-position: 0 -100px; } */

.modConProgramm .mod .controls .entry { width: auto; }
.modConProgramm .mod .controls .entry.active {  }
.modConProgramm .mod .controls .entry.active a {  }


/* PFEILE */ 
.modConProgramm .box .collapseArrow { margin-right: 10px; margin-top: 10px; }

/* auf */
.modConProgramm .box .collapseArrow { background-position: 0 -60px; }
.modConProgramm .box .entries .collapseArrow { background-position: 0 -20px; }

/* zu */
.modConProgramm .box .collapsed .collapseArrow { background-position: 0 -40px; }
.modConProgramm .box .entries .collapsed .collapseArrow { background-position: 0 0; }
		

/* BOX */
.modConProgramm .modHead .box h3 { font-size: 1.25em; }

.modConProgramm .box h3 { 
	margin: 0; padding: 8px 0; 
	font-size: 1.25em; font-weight: normal;
	text-indent: 10%; text-transform: uppercase;
	width: 100%;
	}

.modConProgramm .box h3 a span.senderlogo { font-family: 'ThesisAntiqua', Georgia, serif; text-transform: none; }


/* ENTRIES */
.modConProgramm .box .entries { background: #fff; float: left; width: 100%; }
.modConProgramm .box .entries h3 { text-indent: 0; float: left; font-size: 1em; text-transform: none; }

.modConProgramm .box .entries h3 span.date { float: left; width: 10%; font-weight: normal; display: inline-block; text-align: center; font-size: 1em; line-height: 110%; }
.modConProgramm .box .entries h3 span.trenner { display: block; line-height: 60%; }
.modConProgramm .box .entries h3 span.dachzeile { margin: 0; font-weight: normal; }
.modConProgramm .box .entries h3 span.titel { float: left; font-weight: bold; font-size: 1.12em; }
.modConProgramm .box .entries h3 span.subtitel { clear: both; font-weight: normal; font-size: 0.85em; display: block; padding-top: 6px; }

/* FORTSCHRITTSBALKEN */ 
.modConProgramm .box .entries h3 .fortschritt { display: none; } /* Eintrag offen */
.modConProgramm .box .entries .fortschritt { width: 100%; height: 6px; float: left; }
.modConProgramm .box .entries .fortschritt span { height: 6px; float: left; }

.modConProgramm .box .entries h3.collapsed .fortschritt { display: block; position: absolute; bottom: 0; } /* Eintrag geschlossen */


/* ENTRY */
.modConProgramm .entry { float: left; width: 100%; }

.modConProgramm .entry .metainfo { float: left; width: 10%; display: block; text-align: center; }
.modConProgramm .entry .metainfo a { display: block; white-space: normal; margin-bottom: 10px; }
.modConProgramm .entry .metainfo img { float: left; display: block; margin: 0 0 2px 5px; }

.modConProgramm .mod .entry .teaser { width: 85%; padding-right: 5%; padding-bottom: 8px; float: right; }

.modConProgramm .mod .entry .teaser .mediaCon { width: 256px; }
.modConProgramm .mod .entry .teaser p.teasertext { float: none; width: auto; }

		/* MIT BILD */
		.modConProgramm .mod .entry .teaser.alignLeft .mediaCon { float: left; padding-right: 10px; } /* Bild links */
 		.modConProgramm .mod .entry .teaser.alignRight .mediaCon { float: right; } /* Bild rechts */

/* BUTTOM */
.modConProgramm .entry .modSocialbar {  }

.modConProgramm .entry .modSocialbar .collapseArrow { background-position: 0 -60px; } /* auf */
.modConProgramm .entry .modSocialbar .collapsed .collapseArrow { background-position: 0 -40px; } /* zu */


/* ENTRY - modMINI */
.section .modCon.modConProgramm .box .teaserbox { float: right; width: 85%; padding: 0 5% 10px 0; }
.section .modCon.modConProgramm .box .teaserbox .teaser { padding: 8px; width: 266px; float: left; }
.section .modCon.modConProgramm .box .teaserbox .teaser .mediaCon { width: 100%; }
.section .modCon.modConProgramm .box .teaserbox .teaser h4 { clear: both; width: auto; float: none; }
.section .modCon.modConProgramm .box .teaserbox .teaser .dachzeile { width: auto; float: none; }



/* TV SENDER LISTE */
.modConProgramm .tv-sender { }
.modConProgramm .tv-sender li { 
	clear: both;
	width: 100%;
	font-family: 'ThesisAntiqua', Georgia, serif; 
	text-transform: none; text-indent: 14.5%; 
	line-height: 150%;
	float: left;
	}
	
.modConProgramm .tv-sender li a { color: #fff; }
.modConProgramm .tv-sender li.active a { color: #5183b1; }

.modConProgramm .tv-sender li a + a { padding: 0 0 0 30px; }



/* FARBEN */
.section .modCon.modConProgramm .boxCon { background: #fff; }
.modCon.modConProgramm .controls { border-bottom: 1px solid #fff; background: #D0C9C4; }

.modConProgramm .mod .controls .entry.active a { color: #001a4b; }

/* HINWEIS TEXT */
.section .modCon.modConProgramm .box.hinweis h3 { background: #E1E7F2; }

/* Ebene 1 */
.modConProgramm .box { background: #E1E7F2; border-bottom: 1px solid #fff; }
.modConProgramm .box h3, 
.modConProgramm .box h3 + .entries,
.modConProgramm .box .entries h3 + .entries { background: #396192; } /* auf */
.modConProgramm .box h3 a { color: #fff; } /* auf */

.modConProgramm .box h3.collapsed,
.modConProgramm .box.calender .controls { 
	/* background: linear-gradient(to bottom, #396192 0%, #12305C 101%) repeat scroll 0 0 transparent; */
	background-image: -webkit-linear-gradient(#396192 0%, #12305C 100%); 
	background-image: -moz-linear-gradient(#396192 0%, #12305C 100%); 
	background-image: -o-linear-gradient(#396192 0%, #12305C 100%); 
	background-image: linear-gradient(#396192 0%, #12305C 100%);
	} /* zu */
	
.modConProgramm .box h3.collapsed a { color: #fff; } /* zu */

/* Ebene 2 */
.modConProgramm .box .entries,
.modConProgramm .box .entries h3 + .entry { background: #fff; color: #001a4b; }
.modConProgramm .box .entries h3 { background: #fff; border-top: 1px solid #E1E7F2; } /* auf */
.modConProgramm .box .entries h3 a { color: #001a4b; } /* auf */

.modConProgramm .box .entries h3.collapsed { background: #E1E7F2; border-top: 1px solid #fff; } /* zu */

.section .modCon.modConProgramm .box .teaserbox .teaser { background: #E1E7F2; margin-bottom: 2px; }
.section .modCon.modConProgramm .box .teaserbox .teaser a { color: #001a4b; }


/* Text */
.modConProgramm .box.calender h3 a { color: #fff; }
.modConProgramm .entry .metainfo,
.modConProgramm .entry .metainfo a { color: #001a4b; }

/* Fortschrittsbalken */
.modConProgramm .box .entries .fortschritt { background: #f0f2f6; }
.modConProgramm .box .entries .fortschritt span { background: #e60026; }