/*** SKIN: ARD ***/






.boerse

{ 
	background: #4d6f87 url('../../../img/boerse/background/base.jpg') repeat-x top fixed;
}

.boerse #content
{
	background: none;
}

.boerse .conHeadline
{ }

.boerse .mod
{
	background-color: #fff;
}

/* Hintergrundfarbe fuer Teaser im Slider  */
.boerse .modConStage .modMini .box
{
	background: #fff;
}


/* Hintergrundfarbe fuer aktive Elemente  */

.boerse .box.active, 
.boerse .modConStage .modMini .box.active, 
.boerse .modConStage .modMini .box:hover, 
.boerse .modConStage .modMini .box:active, 
.boerse .modConStage .modMini .box:focus
{
	background-color: #ffd33b;
	color: #001a4b;
}
	
.boerse .box.active a
{
	color: #001a4b;
}




/*** HEADER ***/

.boerse .subnavi, .boerse .subnavi .ressorts, 
.boerse #header .subnavi .menueToggle.collapsed
{
    background: #ffd33b;
    color: #001a4b;
}

.boerse .subnavi ul.ressorts li a:link, 
.boerse .subnavi ul.ressorts .collapsed a,
.boerse .subnavi .collapsed a:link, 
.boerse #header .subnavi .menueToggle a

{
    color: #001a4b;
}



/* @group controls */

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


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

/* Unterscheidung: Button ist *ein* Buttons, 
Controls ist der Holder fuer alle  */

.boerse .controls
{
		background: #e5e5e5;
}



.boerse  .button, 
.boerse .button a, 
.boerse .mod .controls.buttonfield a,
.boerse .mod .controls .labels .entry
{
    background: #ffd33b;

}

.boerse .mod .controls .labels .entry.active
{
	background: #001a4b;
}


.boerse .button:hover, 
.boerse .button a:hover, 
.boerse .mod .controls .labels .entry:hover
.boerse .mod .controls .labels .entry a:hover
.boerse .mod .controls.buttonfield:hover,
.boerse .mod .controls.buttonfield a:hover,

{
    color: #fff;
    background: #396192;
}


.boerse .button
{
    font-size: 1em;
    margin: 0 2px 2px 0;
    padding: 0 0 0 0;
    float: left;
    width: auto;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
   	color: #fff;
}

.boerse .button a
{
    float: left;
    padding: 7px 8px;
    color: #fff;

}



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

/* Regulaere Slider Controls */

.boerse .mod .controls
{
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	text-transform: uppercase;
}

/* Holder fuer Buttons (Pfeile und Beschriftung) in den Controls */
.boerse .mod .controls .buttons
{ }


.boerse .mod .controls.sliding
{ }

/* zurueck-Button in den Slider Controls */

.boerse .mod .controls .prev, 
.boerse .mod .controls .next
{  }


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

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

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

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

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


/* Controls fuer Buttons */

/* hover spezialfall fuer beschriftetete Buttons */ 

.boerse .mod .controls.buttonfield
{     }

.boerse .mod .controls.buttonfield a.prev,
.boerse .mod .controls.buttonfield a.next
{

}

/* zurueck-Button in den beschrifteteten Buttons */

.boerse .mod .controls.buttonfield a.prev
{     }

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

.boerse .mod .controls.buttonfield a.next:hover,
.boerse .mod .controls.buttonfield a.prev:hover
{
    background: #396192;
    color: #fff;
}


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

.boerse .mod .controls .labels
{ }

.boerse .mod .controls .labels .entries
{ }

.boerse .mod .controls.sliding .labels .entries
{ }

.boerse .mod .controls.paging .labels .entries
{ }


.boerse .mod .controls .labels .entry
{ }


/* entry fuer slider */
.boerse .mod .controls.sliding .labels .entry
{ }

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

.boerse .mod .controls.paging .labels .entry a
{   

color: #fff;
}

.boerse .mod .controls.paging .labels .entry a:hover, 
.boerse .mod .controls.paging .labels .entry a:active,
.boerse .mod .controls.paging .labels .entry a:focus
{
    color: #001a4b;
}

.boerse .mod .controls .labels .entry.active
{
    padding: 6px 8px 6px 8px;
}

.boerse .mod .controls .labels .entry.active a
{ 
	background-color: #fff;
	color: #001a4b;
    padding: 0;
}

/* kein Padding fuer die Miniaturen in Stages */
.boerse .mod .controls.sliding .labels .entry.active
{
	padding: 0;
}

/* @end */