/************  MODULE-DESIGN: LISTE  ************/


.modBroadcastList
{
}

.modBroadcastList .boxCon
{
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom: 1px solid #9da4b2;
	border-top: 1px solid #9da4b2;	
}


.modBroadcastList .boxCon.tvCon
{
	overflow-x: visible;
	overflow-y: visible;
}



.modBroadcastList .box
{
	min-height: 80px;
}

.modBroadcastList .teaser
{
    padding-top: 6px;
}

.modBroadcastList .teaserHeadline
{

}


.mod.modBroadcastList  .mediaCon
{
    width: 50%;
    margin-top: 8px;
    margin-bottom: 0;
}

.modBroadcastList  .media
{

}

.modBroadcastList .mediaLink{

}

.modBroadcastList  .mediaCon .xxl
{
    width: 100%;
}

.modBroadcastList  .mediaCon .xl
{
    width: 100%;
}

.modBroadcastList .mediaCon .l
{
    width: 100%;
}

.modBroadcastList  .mediaCon .m
{
    width: 100%;
}

.modBroadcastList  .mediaCon .s
{
    width: 100%;
}

.modBroadcastList .icon
{ 

}

.modBroadcastList .icon.video
{ 

}

.modBroadcastList .icon.audio
{ 

}

.modBroadcastList .icon.galerie
{  	

}

.modBroadcastList .marke
{ 

}


.modBroadcastList .dachzeile
{ 
    font-size: 0.9em;
    margin-bottom: 4px;
}

.modBroadcastList h3.headline
{
	font-size: 1.1em;
    width: 100%;
    margin: 1px 0 2px 0;
    
}

.mod.modBroadcastList  .teasertext
{
    font-size: 1em;
    float: left;
    margin-bottom: 4px;
    line-height: 130%;
}

.mod.modBroadcastList .linklist
{
    width: 48%;
    float: right;
    margin: 8px 0 0 0;
}

.modBroadcastList .linklist .more
{  

}

.modBroadcastList .linklist .more strong
{ 

}

.modBroadcastList .linklist .list
{
    border-top: none;
}

.modBroadcastList .linklist .list li
{
	font-size: 0.9em;
    padding: 0 0 0;
}

.modBroadcastList .linklist .list li a
{
    color: #516384;
}

/************ MODULE-DESIGN: SLIDER  ************/

.modBroadcastList .controls
{
	background: #fff !important;
}

.modBroadcastList .controls .labels .entries
{
	padding: 6px 0;
}


/************ passive   ************/


.modBroadcastList .controls.paging .labels .entry
{
	letter-spacing: 0.75px;	
}

.modBroadcastList .controls.paging .labels .entry.active, 
.modBroadcastList .controls.paging .labels .entry.passive
{
	padding: 6px 8px;
	font-size: 0.9em;
	cursor: default;
}


.modBroadcastList .controls.paging .labels .entry.passive
{
	color: #467da4;
}

.modBroadcastList .controls.paging .labels .entry a 
{
	padding: 6px 8px;
	display: block;
}

/* diese Anweisung konnnte nicht in die obere mit rein,da es sonst eine multiplikation der anweisungen gegeben haette */
.modBroadcastList .controls.paging .labels .entry a
{
	font-size: 0.9em;	
}

.modBroadcastList .controls.paging .labels .entry.active, 
.modBroadcastList .controls.paging .labels .entry a:hover,
.modBroadcastList .controls.paging .labels .entry a:active,
.modBroadcastList .controls.paging .labels .entry a:focus
{
	background: #dee8f4;
}

.modBroadcastList .controls.paging .labels .entry.active a, 
.modBroadcastList .controls.paging .labels .entry.active a:hover,
.modBroadcastList .controls.paging .labels .entry.active a:active,
.modBroadcastList .controls.paging .labels .entry.active a:focus
{
	padding: 0;
	background: #dee8f4;
}

.modBroadcastList .controls .labels .entry.active a, 
.modBroadcastList .controls .labels .entry a:hover
{
background: #dee8f4;
color: #001a4b;
}

.modBroadcastList .controls .buttons
{

}

.modBroadcastList .controls .prev
{ 

}

.modBroadcastList .controls .next
{
	
}

.modBroadcastList .show-and-hide
{
	z-index: 1000;
	position: relative;
	width: 100%;
}

.modBroadcastList .inputSuggest
{
        display: none;
	height: 180px;
	overflow-y: scroll;
	position: absolute;
	background: #fff;
	left: 0;
	top: 1px;
	box-shadow: 0px 4px 8px #000;
	width: 100%;
}

.modBroadcastList .broadcastSwap
{
	overflow: auto;
        height: 180px;
        width: 100%;
}


.modBroadcastList .inputSuggest li a
{
	padding: 5px 6px 5px 6px;
	display: block;
	border-bottom: 1px solid #9DADC7;
	background: #ffffff;	
	line-height: 110%;
}


.modBroadcastList .inputSuggest li a:hover
{
		background: #e9ebef;
}

.modCon.serviceModulTV .modBroadcastList h3.headline, 
.modCon.serviceModulRadio .modBroadcastList h3.headline,
.modCon.serviceModulTV .modBroadcastList p.teasertext, 
.modCon.serviceModulRadio .modBroadcastList p.teasertext
{
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}