/************ MODULE-DESIGN: DEFAULT  ************/

.mod
{
	width: 100%;
	float: left;
	font-size: 90%;

    position: relative;
    line-height: 140%;
}

.mod .teaser
{
    float: left;
    width: 100%;
}

.mod.modA .teaser
{
	width: 464px;
	width: 100%;
}


.mod  .teaserHeadline
{
    margin: 0 0 8px 0;
    width: auto;
    float: none;
}

.mod .ressort
{
    margin: -4px 0 8px -4px;
    padding: 2px 4px 2px 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100%;
	float: left;
}

.mod .mediaCon
{
    margin: 0 1% 8px 0;
    width: 100%;
    width: 39%;
    float: left;
}

/* Ausnahme fuer nebeneinander stehende B-Container in Z */
.sectionZ .modB .mediaCon
{
    margin: 0 1% 8px 0;
    width: 100%;
    width: 39%;
    float: left;
}

.mod  .portrait .mediaCon
{
    width: 50%;
    float: none;
    overflow: auto;
    margin-left:  auto;
    margin-right: auto;
}

.mod .media
{
    width: 100%;
    float: left;
    position: relative;
}

.mod .mediaB
{
    width: 48%;
    margin-left: 0.9%;
    margin-right: 0.9%;
}

.mod .mediaC
{
    width: 31.333%;
    margin-left: 0.9%;
    margin-right: 0.9%;
}

.mod .mediaD
{
    width: 23%;
    margin-left: 0.9%;
    margin-right: 0.9%;
}

.mod .mediaLink{
	width: 100%;
	float: left;
}

.mod  .mediaCon .img
{
	float: left;
	width: 100%;
}

.mod .icon
{
    left: 0;
    bottom: 0;
    width: 13%;
    position: absolute;
}

.mod .icon img
{
    width: 100%;
}

.mod .marke
{ 
	float: right;
    margin-right: 8px;
    margin-top: -80px;
}


.mod  .dachzeile
{ 
	margin: 0 0 4px 0;
	width: 100%;
	float: left;
	font-size: 1em;
	float: none;
	width: auto;
	
}

.mod  .headline
{	
	margin: 0 0 8px 0;	
	width: 100%;
	float: left;
	font-size: 1.15em;

	float: none;
	width: auto;
}

.mod .subtitle
{
    width: 100%;
    float: left;
}

.mod  .teasertext
{ 
	margin: 0 0 8px 0;
	width: 100%;
	float: left;
}

.mod .teasertext.colCnt2
{
	column-count: 2;
    column-gap: 15px;
	column-rule-color: #A3B5C1;
    column-rule-style: solid;
    column-rule-width: 1px;
	
	-moz-column-count: 2;
    -moz-column-gap: 15px;
    -moz-column-rule-color: #A3B5C1;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
	
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
    -webkit-column-rule-color: #A3B5C1;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
}

.mod .text
{
}

.mod .linklist
{
	float: left;
	margin: 0 0 8px 0;
	width: 100%;	
}

.mod .linklist .more
{
	clear: both;
	margin: 0 0 6px 0;
	width: 100%;	
}

.mod .linklist .more strong
{ 
	font-weight: bold;
}

.mod .linklist .list
{ 
	width: 100%;
	float: left;
	border-top: 1px solid #9dadc7;
}

.mod .linklist .list
{ 
}

.mod .linklist .list li
{ 
}


.mod .linklist .list li a
{ 
	padding: 4px 0 4px 0;
}

.mod .linklist .list li a:hover, 
.mod .linklist .list li a:focus, 
.mod .linklist .list li a:active
{ 

}


.mod .linklist .list strong
{ 

}





/* @group controls */

/************ MODULE-CONTROLS: SLIDER/PAGING ************/


/* 
controls.sliding = normale Slider 
controls.paging = mit Seitennavigation
controls.buttonfield = Buttons mit Beschriftung 
*/

/* Regulaere Slider Controls */

.mod .controls
{
}

/* Holder fuer Buttons (Pfeile und Beschriftung) in den Controls */

.mod .controls .buttons
{
}

/* zurueck-Button in den Slider Controls */

.mod .controls .prev, 
.mod .controls .next
{ 
	min-width: 48px;
}


/* Aktiver zurueck_button */
.mod .controls.sliding .prev.active
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/arrow_slider.png') no-repeat center -100px;
}

/* hover zurueck_button */
.mod .controls.sliding .prev.active:hover
{
	background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/arrow_slider.png') no-repeat center -300px;
}

/* Passiver Weiter_button */
.mod .controls.sliding .next
{
	background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/arrow_slider.png') no-repeat center -500px;
	float: right;
    margin-right: 0;
}

/* Aktiver next_button */
.mod .controls.sliding .next.active
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/arrow_slider.png') no-repeat center 0px;
 }

/* hover next_button */ 
.mod .controls.sliding .next.active:hover
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/arrow_slider.png') no-repeat center -200px;
 }


/* Controls fuer Buttons */

/* hover spezialfall fuer beschriftetete Buttons */ 

.mod .controls.buttonfield
{    
	width: 100%;
    background: none;
}

.mod .controls.buttonfield a.prev,
.mod .controls.buttonfield a.next
{
	font-size: 0.9em;
}

/* zurueck-Button in den beschrifteteten Buttons */

.mod .controls.buttonfield a.prev
{    
}

/* vorwaerts-Button in den beschrifteteten Buttons */
.mod .controls.buttonfield a.next
{    
}

.mod .controls.buttonfield a.next:hover,
.mod .controls.buttonfield a.prev:hover
{

}


/* Labels sind in den Controls die Seiten oder Umschalter */

.mod .controls .labels
{
}

.mod .controls .labels .entries
{
}




.mod .controls .labels .entry
{
    margin: 0 2px 0 0;
    float: left;
    cursor: pointer;
}

.mod .controls.sliding .labels
{

}

.mod .controls.sliding .labels .entry
{
    width: 12px;
    height: 9px;
 }

.mod .controls.paging .labels .entry
{
    padding: 0;
}

.mod .controls.paging .labels .entry a
{
    padding: 6px 8px 6px 8px;
    display: block;
    
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mod .controls.paging .labels .entry
{
}

.mod .controls .labels .entry:hover
{
    background-color: #fff;
}

.mod .controls .labels .entry.active
{
    background-color: #fff;
}

.mod .controls .labels .entry.active a
{ 
}

/* Verwendung unklar */
.mod .controls .info
{
    float: left;
    margin: 8px 0 0 25px;
}





/* @end */