/*** Sendungsdesign - Alle Views ***/


	body.tv #content {
		background-color: #0a1c28;
	}

	.sectionC .con,
	.sectionArticle,
	.conHeadline,
	.boxCon,
	.modCon,
	.mod, .tv .mod,
	#content .section.sectionA.index,
	#content .section.sectionB.index, 
	#content .section.sectionB.index .con:first-child, 
	.indexColumnWrapper,
	.videoplayer .wrapperInformation,
	.videoplayer .wrapperInformation .section .con {
		background-color: #ffffff;	
	}

	.tv .section .boxCon.slideractive,
	.tv .kurz .mod.modMini .boxCon.slideractive, 
	.boxCon.slideractive,
	.modForm fieldset,
	#content .modRatings .teaser  {
		background-color: #d5e6ee;
	}


	.playerNavItem.active,
	.playerNavItem.active:hover,
	.usercontentNavItem.active,
	.usercontentNavItem.active:hover,
	.modAV .controls .labels .entry.active a,
	.modAV .controls .labels .entry.active a:hover {
		
		background: none repeat scroll 0 0 #ecf4f6;
		
		color: #333333;
		cursor: default;
	}


 
	.sectionArticle,
	.conHeadline,
	.boxCon,
	.teaser a {
		color: #333333;
	}

	.naviSerialProgram .menu li a {
		color: #ffffff;
	}



	.naviSerialProgram .menu li.active,
	.naviSerialProgram .menu li.active span a,
	.naviSerialProgram .menu li:hover a,
	.naviSerialProgram .menu li:hover {
		
		background-color: #36bdec;
		
		color: #18222c;
		
	}


	.naviSerialProgram .menu a:hover {
		color: #18222c;
	}



	#content .transparent,
	#content .transparent .boxCon,
	#content .transparent h2
	 {
		background-color: transparent; /*overwrite bgcolor*/
	}


	.infoBroadcastDateBox .boxCon {
		color: #ffffff;
	}

	.home .infoBroadcastDateBox .boxCon {
		color: #ffffff;
	}

	.infoBroadcastDateBox .line {
		background-color: #36bdec;
	}

	.modConComments .form fieldset,
	.mod .linklist .list li a:hover, 
	.mod .linklist .list li a:focus, 
	.mod .linklist .list li a:active,
	.modParagraph .mediaInfo,
	.modParagraph .infokasten,
	.modParagraph .checklist,
	.sectionA .form fieldset,
	.sectionC .form fieldset,
	.sectionC .form option,
	.modQuiz form input.cptanswerInput,
	.playerNavItem.active,
	.usercontentNavItem.active {
		background-color: #ecf4f6;
	}


	.hrLineBottom,
	.mod .linklist .list,
	.modQuiz .answer {
	    border-bottom: 1px solid #b4c8d1;
	}

	.hrLineTop,
	.mod .linklist .list li { 
		border-top: 1px solid #b4c8d1;
	}
	
	iframe.twitter-timeline {
		border: 1px solid #b4c8d1;
	}
	
	/*** browserhack fuer farbe border bottom ***/
	.modTagcloud .linklist .list li {
    	border-bottom: 0px solid #b4c8d1;
	}


/* Teaser Linklisten */

	.index .linklist .list li a:hover, 
	.index .linklist .list li a:focus, 
	.index .linklist .list li a:active {
		
		background-color: #ecf4f6;
		
		color:#333333;
		
	}



	/*Slider*/
	.mod .controls {
	    background-color: #d5e6ee;
	}

	#content .mod .controls.sliding {
	    border-top: 2px solid #ffffff;
	}

	.mod .button,
	.mod .button a, 
	.mod .controls.buttonfield a,
	.mod .controls.sliding .labels .entry,
	.modSocialbar .agreement,
	.modSocialbar .shares,
	.modSocialbar .infoText,
	.mod .controls .labels .entry  {
	    background: #a6b9c0;
	}

	#content.imageGallery .box.active,
	.mod .controls .labels .entry.active {
	    background: #4c5167;
	}


/*Stage */
.contentStageCon.landscapeWithBackground {
background: url(/mediasrc/img/base/background/stage_black_halbtrans.png) repeat;
}


	.modConStage .boxCon {
		background-color: #2c404b;
	}


	.contentStageCon .linklist .list li a:hover, 
	.contentStageCon .linklist .list li a:focus, 
	.contentStageCon .linklist .list li a:active {
		
	}

 /* Slider Stage */


.modConStage .modMini .box.active a{
	color: #FFFFFF;
}


	.modConStage .modMini .box {
		background-color: #2c404b;
	}


	.tv .modConGallery .box.active,
	.tv .modMini .box.active, 
	.tv .modMini .box:hover, 
	.tv .modMini .box:hover a	{
		
		background-color: #2c404b;
		
		color: #FFFFFF;
	}

.contentStageCon.landscape {
	color:#ffffff;
}

.contentStageCon.c .linklist .list li a:hover, 
.contentStageCon.landscape .linklist .list li a:focus, 
.contentStageCon.landscape .linklist .list li a:active,
.contentStageCon.landscapeWithBackground .linklist .list li a:hover, 
.contentStageCon.landscapeWithBackground .linklist .list li a:focus, 
.contentStageCon.landscapeWithBackground .linklist .list li a:active
 {
background: url(/mediasrc/img/base/background/stage_hover_weisse_schrift.png) repeat;
color:#ffffff;
}

.contentStageCon.landscape.black {
color:#000000;
}
.contentStageCon.landscapeWithBackground.black {
color:#FFFFFF;
}

.contentStageCon.landscape.black .linklist .list li a:hover, 
.contentStageCon.landscape.black .linklist .list li a:focus, 
.contentStageCon.landscape.black .linklist .list li a:active {
background: url(/mediasrc/img/base/background/stage_hover_schwarze_schrift.png) repeat;
color:#000000;
}

/*Topteaser*/

	.topTeaser .mod.modStage .linklist .list li  {
	    border-top: 1px solid #b4c8d1;
	}
	.topTeaser .mod.modStage .linklist .list {
	    border-bottom: 1px solid #b4c8d1;
	}


.topTeaser .mod.modStage .linklist .list li a:hover, 
.topTeaser .mod.modStage .linklist .list li a:focus, 
.topTeaser .mod.modStage .linklist .list li a:active {
	
	background-color: #ecf4f6;
	
	color:#333333;
	
}

/*Kurz*/
/*Topteaser*/

	.tv .kurz .mod.modMini .boxCon {
		/*background-color: transparent; siehe http://mantis.deonet.daserste.de/view.php?id=1069*/
		background-color: #ffffff;
	}



.tv .kurz .modMini .box:hover,
.tv .kurz .modMini .box:hover a {
	
	background-color: #2c404b;
	
	color:#FFFFFF;
}

/*Programm Modul*/

	.rubric #slider-2 .boxCon {
		background-color: #2c404b;
	}


.rubric #slider-2 .box:hover a {
	color: #FFFFFF;
}

.rubric .modProgramm .controls .labels .entry {
background: linear-gradient(to bottom, #396192 0%, #12305C 101%) repeat scroll 0 0 transparent;
}
.rubric .modProgramm .controls .labels .entry:first-child {
background: linear-gradient(to bottom, #fbe18d 0%, #e2b127 101%) repeat scroll 0 0 transparent;
}

	.modQuiz.voting .pagingBox .submitButton,
	.modQuiz.quiz .pagingBox .submitButton,
	.modQuiz.voting .vote-detail .vote-bar,
	.modSocialbar .button,
	.modSocialbar .button a,
	.pagingBox .button,
	.pagingBox .button a,
	.usercontentNavItem,
	.buttons .prev,
	.buttons .next,
	.modSocialbar .likeCon,
	.submitAjax, 
	.playerNavItem,
	.modAV .controls .labels .entry {
		background: #3a5662; /* Old browsers */
		background: -moz-linear-gradient(top,  #3a5662 0%, #253336 101%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a5662), color-stop(100%,#253336)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3a5662 0%,#253336 101%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3a5662 0%,#253336 101%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3a5662 0%,#253336 101%); /* IE10+ */
		background: linear-gradient(to bottom,  #3a5662 0%,#253336 101%); /* W3C */
	}

	
	.pagingBox .button a:hover,
	.usercontentNavItem:hover,
	.button.send:hover,
	.button.share:hover,
	.button.like:hover,
	.button.info:hover,
	.button a:hover,
	.buttons .prev:hover,
	.buttons .next:hover,
	.submitAjax:hover,
	.playerNavItem:hover,
	.deactivated:hover,
	.modAV .controls .labels .entry:hover {
		background: none repeat scroll 0 0  #3a5662;
}

.mod .controls.sliding .prev:hover,
.mod .controls.sliding .next:hover {
	background: none repeat scroll 0 0 transparent;
}

.modQuiz.voting .pagingBox .submitButton,
.modQuiz.quiz .pagingBox .submitButton {
	border: 0;
	font-size: 1em;
}

.modQuiz.voting .pagingBox .submitButton:hover,
.modQuiz.quiz .pagingBox .submitButton:hover {
	cursor: pointer;
}


	.mod.modGlossar .controls .labels .entry {
		background-color: #253336;
	}

	.mod.modGlossar .controls .labels .entry.inactive {
		color: #3a5662;
	}

.mod .controls.sliding .prev.active {
	
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -300px, #3a5662; /* Old browsers */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -300px, -moz-linear-gradient(top,  #3a5662 0%, #253336 101%); /* FF3.6+ */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -300px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a5662), color-stop(100%,#253336)); /* Chrome,Safari4+ */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -300px, -webkit-linear-gradient(top,  #3a5662 0%,#253336 101%); /* Chrome10+,Safari5.1+ */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -300px, -o-linear-gradient(top,  #3a5662 0%,#253336 101%); /* Opera 11.10+ */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -300px, -ms-linear-gradient(top,  #3a5662 0%,#253336 101%); /* IE10+ */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -300px, linear-gradient(to bottom,  #3a5662 0%,#253336 101%); /* W3C */
		
    cursor: pointer; 
}

.mod .controls.sliding .next.active {		
		
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -200px, #3a5662; /* Old browsers */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -200px, -moz-linear-gradient(top,  #3a5662 0%, #253336 101%); /* FF3.6+ */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -200px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a5662), color-stop(100%,#253336)); /* Chrome,Safari4+ */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -200px, -webkit-linear-gradient(top,  #3a5662 0%,#253336 101%); /* Chrome10+,Safari5.1+ */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -200px, -o-linear-gradient(top,  #3a5662 0%,#253336 101%); /* Opera 11.10+ */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -200px, -ms-linear-gradient(top,  #3a5662 0%,#253336 101%); /* IE10+ */
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -200px, linear-gradient(to bottom,  #3a5662 0%,#253336 101%); /* W3C */
		
    cursor: pointer; 
}


.mod .controls.sliding .prev.active:hover {
	
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -300px #3a5662;
				
}

.mod .controls.sliding .next.active:hover {
	
			background: url('/mediasrc/img/base/icon/daserste-slider.png') no-repeat center -200px #3a5662;
		
}