/************ PAGE-DESIGN  ************/

.conHeadline
{
	font-size: 1.2em;		
	line-height: 110%;
    margin: 6px 0 6px 0;
    width: 98.5%;
    padding: 0 0 0 1.5%;
    float: left;
    color: #001a4b;
    text-indent: 0;
}

.collapseArrow
{
    width: 20px;
    height: 20px;
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/arrow_collapsible.png') no-repeat scroll 0px -20px transparent;
    	margin: 6px 5px 0 0;
}

.collapsed .collapseArrow
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/arrow_collapsible.png') no-repeat scroll 0px 0px transparent;

}

.button
{
}

.button a
{
    float: left;
}

a:focus, input:focus, select:focus
{
	
}






/* @group controls */

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


/* .button, z.B. fuer Social Media */

/* Unterscheidung: Button ist *ein* Buttons, 
Controls sind  */

.button, .controls
{ }

.button
{ }

.button a
{ }

.button a:hover
{
}



/* Regulaere Slider Controls */

.mod .controls
{
}

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

.mod .controls .buttons
{
}


.mod .controls.sliding
{
}

/* zurueck-Button in den Slider Controls */

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


/* Aktiver zurueck_button */
.mod .controls.sliding .prev.active
{
}

/* hover zurueck_button */
.mod .controls.sliding .prev.active:hover
{
}

/* Passiver Weiter_button */
.mod .controls.sliding .next
{
}

/* Aktiver next_button */
.mod .controls.sliding .next.active
{
  }

/* hover next_button */ 
.mod .controls.sliding .next.active:hover
{
 }


/* Controls fuer Buttons */

/* hover spezialfall fuer beschriftetete Buttons */ 

.mod .controls.buttonfield
{    
}

.mod .controls.buttonfield a.prev,
.mod .controls.buttonfield a.next
{
min-width: 0;
}

/* 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 1px 0 0;
    float: left;
    cursor: pointer;
}

.mod .controls.sliding .labels
{
    margin-top: -46px;
}

.mod .controls.sliding .labels .entry
{
    width: 8px;
    height: 8px;
    background-color: #a39f9c;
}

.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
{
    background-color: #a39f9c;
}

.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
{
 }
/* @end */