/* -----------------------------------------------------------------------
level2 navigation
für multimedia, börse
screen styles tagesschau.de rebrush
author: stefan bruemmer, vektorfabrik.de
version: 18.08.2011
----------------------------------------------------------------------- */
hr {
background:#fff;
color:#fff;
clear:both;
float:none;
width:100%;
height:8px;
margin:0;
border:none;
}
/* grid */
/* banner-kasten des neuen ARD-headers verkleinern damit dessen untere px-border verschwindet*/
.impretc {height:63px;}


#level2 {
clear:both;
width: 520px;
padding:50px 264px 0 198px;
margin: 0 auto;
font-size:75%;line-height:1.3em;
border:8px solid #fff;
border-top-width:1px;
background-color:#043ba0;
background-position:  0 0;
background-repeat: no-repeat;

}
#level2.money{background-image:url("/image/bg-moneytop.jpg");}
#level2.multimedia{background-image:url("/image/bg-multimediatop.gif");}
#contentWrapper {
float:left;
margin-right:0;
width:784px;
}

#contentWrapper li a {
	display:block;
	padding:.25em 0 .25em 22px;
}

#mediacontent {
	float:left;
	margin-right:0;
	width:784px;
}

#mediacontent li a {
	display:block;
	padding:.25em 0 .25em 22px;
}

#mediacontentSingle {
	background-color: #dee7f8;
	margin-bottom: -16px;
}

#mediacontentSingle img {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #ffffff;
}

#mediacontentSingle p {
	padding-left: 10px;
	padding-bottom: 10px;
}

#mediacontentSingle_wahlomat {
	background-color: white;
	margin-bottom: -16px;
}

#mediacontentSingle_wahlomat iframe{
	background: white;
	border: 0;
}



/* multimedia topnav */
#level2nav{
height:32px;
background:#013c80 url("/image/bg-level2nav.gif") 0 0 repeat-x;
}
#level2nav ul {
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
#level2nav ul li {
display:inline;
padding:0;
margin:0;
}
#level2nav ul li a{
display:block;
float:left;
padding: 7px 10px;
width:auto;
color:#fff;
font-weight:bold;
line-height:16px;
text-align:center;
border-top: 1px solid #89b3dd;
border-bottom:1px solid #013c80;
}
#level2nav ul li a:hover{
text-decoration:underline;
}
#level2nav ul li.active a{
color:#004;
background:#9bb2db url("/image/bg-level2active.gif") 0 0 repeat-x;
border-top-color:#ecf7f9;
border-bottom-color:#8192bd;
}
#level2nav ul li.active a:hover{text-decoration:none;}
/* multimedia content */
#mediacontent {
padding-bottom:2px;
background:transparent url("/image/bg-mediaouter.gif") left bottom no-repeat;
}
#media {
float:left;
margin-right:8px;
padding:0;
width:520px;
background:#dee7f8;
}

#media .fPlayer {
	margin-bottom: 0px;
}

#media #player1 {
	margin-bottom: 0px;
}

.row{
float:left;
padding:0;
margin:0;
width:784px;
border-bottom:8px solid #fff;
background:transparent url("/image/bg-row.gif") 0 0 repeat-y;
}
.span-4{
float:left;
margin-right: 8px;
width: 256px;
background:#dee7f8;
}
.span-2{
float:left;
width:124px;
}
.row .span-4 ul li, .morestuff ul li{
padding-right:8px;
padding-left:8px;
}
.bottom {
padding-bottom:2px;
background:transparent url("/image/bg-bottom-row.gif") left bottom no-repeat;
}

.teaserinterruptorbottom, .teaserinterruptortop, .teaserinterruptortopAndBottom {
	background: #DEE7F8;
	padding-bottom: 0px;
}

.teaserinterruptortop, .teaserinterruptortopAndBottom {
	margin-top: -12px;
}


.morestuff li{
border-bottom:1px solid #fff;
}
.morestuff{border-top:8px solid #fff;}
.last{
margin-right: 0;
float: right;
}

/* 
.imgLink img{
	border-bottom:1px solid #fff;
}
*/

.fPlayer {
margin:3px 3px 1em 3px;
padding-bottom: 6px;
}

.fPlayer ul{
	margin-top: 2px;
}

.teaserBox dl {margin:0;}
.teaserBox dt {
margin:-1px 0 0 0;
padding:0 8px;
border-top: 1px solid #fff;
}
.teaserBox dd {
margin:0;
padding: 0 0 8px 30px;
border-bottom: 1px solid #fff;
}
.teaserBox h4 {
border-bottom:none;
}
.livestream p {
margin:0;
padding: 0 0 8px 0;
border-bottom: 1px solid #fff;
}

#player2_div {
padding:0;
border-bottom:1px solid #fff;
margin: 0px;
}

#player-symbol, #player-symbol-meldung {
	background:transparent url("/image/videoplayer/playerbutton.png") 0 0 repeat-y;
	width: 250px;
	height: 50px;
	position: relative;
	top: -200px;
	left: 390px;
	display: block;
	margin-bottom: -50px;
}

#player-symbol-meldung {
	left: 170px;
	top: -150px;
	margin-bottom: -50px;
}

.videoSubline {
	margin-bottom: 4px;
}


#topright .menue{
	height: 500px;
}

/* Akkordeon Generisch */

ul.tsAkkordeon li.drawer {
	overflow: hidden;
}

ul.tsAkkordeon div.drawerHandle:hover {
	cursor: pointer;
}

ul.tsAkkordeon li.drawer .drawerContent{
	display: block;
	padding: 0px;
	height: auto;
}

/* Podcast-Download im Sendungsbereich */

#sendungPodcastAkkordeon div.drawerHandle {
    display: block;
    padding-bottom: 1px;
    height: 24px;  
}

#sendungPodcastAkkordeon div.drawerHandle img, #sendungPodcastAkkordeon div.drawerHandle span {
	float: left;
	display: block;
	margin-right: 4px;
}

#sendungPodcastAkkordeon div.drawerHandle span {
	margin-top: 2px;
}


#sendungPodcastAkkordeon table {
	margin: 0px;
	border: solid 1px white;
	width: 504px;
}


#sendungPodcastAkkordeon table a{
	padding: 0px;
}

#sendungPodcastAkkordeon table td, #sendungPodcastAkkordeon table th{
	background: #DEE7F8;
}

#sendungPodcastAkkordeon table th{
	text-align: left;
	border-bottom: solid 1px white;
}

#sendungPodcastAkkordeon .morePodcastsLink a {
	margin: 0px;
	padding: 3px;
	padding-top: 8px;
}

/* VideoDownload und AudioDownload*/

div.sendungDownloadAkkordeon, #sendungPodcastAkkordeon{
	background: #C3D1EB;
	padding-top: 4px;
	margin-top: 1px;
}

ul.downloadAkkordeon li.downloadAkkordeonLi {
	padding-left: 8px;
}

ul.downloadAkkordeon, ul.downloadAkkordeon li, ul.downloadAkkordeon ul,#contentWrapper ul.downloadAkkordeon li a.downloadLink, #sendungPodcastAkkordeon ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Segmente */

div.segmentDownloadAkkordeon {
	padding-bottom: 4px;
}

li.videoDownload, li.videoDownloadLi {
	margin: 0px;
	padding: 0px;
}

li.videoDownload {
	overflow: hidden;
}

div.videoDownloadDiv{
	overflow: hidden;
	margin-top: 4px;
}

div.videoDownloadDiv .hinweis{
	margin-top: 4px;
	font-size: .9em;
}


li.videoDownload:hover, span.videoDownloadLink:hover, ul.downloadBox:hover, div.downloadSubline:hover {
	cursor: pointer;
}

li.videoDownload ul{
	display: block;
	margin-top: 4px;
}

li.videoDownloadLi ul{
	display: block;
	height: 25px;
	overflow: hidden;
	margin-top: 4px;
}

li.videoDownload li, li.videoDownloadLi li{
	float: left;
	padding-bottom: 0px;
	margin: 1px;
	padding: 0px;
}

li.videoDownload li a.downloadLink, li.videoDownloadLi li a.downloadLink{
	margin: 0px;
	padding: 0px;
}

li.videoDownload li a:hover, li.videoDownloadLi li a:hover {
	text-decoration: none;
	cursor: pointer;
}

li.videoDownload li a, li.videoDownloadLi li a{
	display: inline;
}

li.videoDownload li .title, li.videoDownloadLi li .title, div.flashaudio span.titel{
  width: 92px;	
  padding: 4px 0px;
  display: block;
  text-align: center;
  background: #DEE7F8;
}


li.videoDownload li .info, li.videoDownloadLi li .info{
   width: 92px;
   padding: 0px;
  display: block;
  font-size: 10px;
  	padding-bottom: 8px;
	text-align: center;
	margin-bottom: 0px;
	  background: #DEE7F8;  
}

div.downloadSubline {
	display: none;
	margin-top: 4px;
}

/* Ende VideoDownload */

div.flashaudio .zContentSmalLine {
	display: block;
}

div.flashaudio span {
	padding-left: 8px;
}

div.flashaudio span.videoDownloadLink {
	padding-left: 0px;
}

ul.audioflashdownload {
	margin: 2px 0px;
	display: block;
	padding: 0px;
	height: 20px;
	clear: both;
}

ul.audioflashdownload li {
	float: left;
	list-style-type: none;
	padding: 4px 8px;
	height: 30px;
}

ul.audioflashdownload li img{
	float: left;
	margin-top: -2px;
}

ul.audioflashdownload li a{
	padding: 0px;
	margin: 0px;
	line-height: 1em;
}


.span-4 h3, #animation h3, #moreBlickpunkte h3, .multimediaRow h3 {
padding: .5em 8px;
margin:0;
color:#fff;
font-size: 1em;
background:#5c84bf;
border-bottom:1px solid #fff;
}
#media ul li{
padding-right:3px;
padding-left:3px;;
}
.morestuff {
clear:both;
float:left;
width:784px;
background:#dee7f8;
}
/* leftCol navi*/
#multimedia li {
border-bottom: 1px solid #dee7f8;
}
#multimedia li a{
padding-left:8px;
}


/* video player */

#playercontrol{
margin:4px 0;
padding: 4px;
}

#playercontrol label {
display:block;
padding-left:3px;
margin-bottom: 0px;
}

input.radio  {margin-right:3px;}
input.radio:focus {border:1px solid #fff;}

#radioCons {
border-top:1px solid #c3d2ea;
border-bottom:1px solid #c3d2ea;
border-right:1px solid #c3d2ea;

}

#radioCons {
font-size:.8em;
height:4.5em;
/* border-top:1px solid #c3d1eb;
border-bottom:1px solid #c3d1eb; */
}
#radioCons .span-2 {
padding:.25em 0;
height:4em;
background:#c3d1eb;
}
#radioCons .last{
	background:#dee7f8;
	float: left;
	margin-right: 2px;
}

#radioCons ul{margin:0;}

#playercontrol .block {
}

/* Hinweis */
#hinweis{
	padding: 4px;
	font-size: 10px;
}

#hinweis h3 {
	margin: 0;
	margin-bottom: 4px;
	font-size: 12px;
}




/* video tabs */
.zweier ul {margin:0;height:1.8em;}
.zweier li {
float:left;
width:128px;
background:#9bb2db url("/sophora-ts/tagesschau/image/bg-level2active.gif") 0 0 repeat-x;
}
.zweier li strong{
display:block;
width:112px;
padding:.25em 8px;
}


#allCols .zweier li a{
width:112px;
padding:.25em 8px;
color:#fff;
font-weight:bold;
background:#013c80 url("/sophora-ts/tagesschau/image/bg-level2nav.gif") 0 0 repeat-x;
}


/* Livestream-Liste */
.livestream h3 {margin-bottom:0;}
#topright .livestream ul{margin:0;}
.livestream li {padding:.25em 8px;}
#topright .livestream li a {display:block;padding:0;}



/* video sendung */
.sendung h3, .sendung-suche h3{
color:#004;
font-weight:normal;
line-height:1.3em;
background:transparent;
}
.themen, .checkboxen{
padding:.25em 0;
}
.themen a {
display:block;
padding:.25em 0 .25em 30px;
border-bottom: 1px solid #fff;
}
.themen a.cap {
background: url("/image/icon_intern_dee7f8.gif") 8px .25em no-repeat;
}

.checkboxen {line-height:1.8em;}
.checkboxen input {background:#dee7f8;border:1px inset #dee7f8;}
.menue .sendung-suche fieldset{border:none;}
#playBut{padding-right:4px;}


/* video archiv */
.menue fieldset {
padding: 0 30px;
border-bottom:1px solid #fff;
}
.menue input, .menu select, .menu option{
padding: 2px;
margin:0;
font-size:.8em;
font-family:verdana, sans-serif;
background:#fff;
border: 1px solid #fff;
}
.buts {
clear:both;
padding:1em 0 0 0;
text-align:right;
display: block;
}

#topright div.buts {
	padding-right: 8px;
}

#topright div.blaettern {

}

input.formBut, #topright div.buts a {
padding: .5em 8px;
color:#fff;
font-size:1em;
line-height:1.3em;
text-align:center;
background:#013c80 url("/image/bg-level2nav.gif") 0 0 repeat-x;
cursor:pointer;
}
#broadcastType {width:194px;margin-bottom:.25em;}
#selectMonth{float:left;}
#selectYear{float:right}
#selectDay{margin-top:-2px;padding-bottom:1px;}
#archivByForm h3 {
color:#004;
padding-left:0;
line-height:1.3em;
background:transparent;
border:none;
}



#archivByDate fieldset, #archivByForm fieldset {
	padding: 0px 8px;
}

#archivByDate table {
border-top:1px solid #c3d1eb;
border-collapse: separate;
background:#dee7f8;
}
#archivByDate tr {
background:#c3d1eb;
}
#archivByDate th, #archivByDate td.besideColGr{
background:#dee7f8;
border:none;
text-align: center;
}

#archivByDate td {
background:#c3d1eb;
border: 1px solid #c3d1eb;
border-bottom-color:#dee7f8;
text-align: center;
}

#archivByDate td a{
text-decoration:underline;
}

#archivByDate td.choosenOne a{
	font-weight: bold;
}

/* videodetails */
.videodetails p, .videodetails dl {margin: 1em 8px 1.3em;line-height:1.3em;}
.videodetails dt {
margin-top:.5em;
padding:.25em 0;
border-top:1px solid #fff;
}
.videodetails dd {
margin:0;
clear:left;
}
.videodetails dd a img {
float:left;
padding:0;
margin:0 5px 0 0;
width:17px;
height:17px;
}
/* audio */
.audio-kasten {
border:1px solid #fff;
background-color:#dee7f8;
background-position: right top;
background-repeat:no-repeat;
}
.audio-kasten dl{
margin:85px 8px 0 256px;
}
.audio-kasten dt {
padding:.25em 0;
font-weight:normal;
}
.audio-kasten dd {
padding:.25em 0;
font-weight:bold;
border-bottom:1px solid #c3d1eb;
}
.photo {
float:left;
margin:0 0px 0 0;
}
.photoBig8x9 {
float:left;
margin:0 30px 0 0;
}
.download{padding:.25em 0;}
.download img {
float:left;
padding:0;
margin:0 5px 0 0;
width:17px;
height:17px;
}
#allCols li.download a {display:inline;padding:0;}
/* audio infowellen */
/* optisch angleichen an .zweier tabs! */
.einer h3 {
width:112px;
padding:.25em 8px;
color:#004;
line-height:1.3em;
background:#013c80 url("/image/bg-multimediatopnav.gif") 0 0 repeat-x;
border:none;
}
.liste ul { margin-top:1.3em;}
.liste ul li{border-bottom: 1px solid #fff;}
.liste ul li a:hover{text-decoration:underline;}
/* bildergalerie */
#gallery {
padding:3px;
width:778px;
background:#dee7f8;
border-bottom:1px solid #5c84bf;
}
#gallery h2 {
float:left;
margin-right:8px;
padding:0 0 0 8px;
width:500px;
font-size:1.3em;
margin-top: 8px;
}
#interactiveplayer {
padding:0px;
width:784px;
background:#dee7f8;
}
#controls {
float:left;
margin:0 0 .25em 0;
padding:0;
width:152px;
height:1.3em;
}

#controls a, #thumbs a#more {
display:block;
float:left;
width:70px;
height:17px;
color:#fff;
text-align:center;
background:#013c80 url("/image/bg-multimediatopnav.gif") 0 0 repeat-x;
border:1px solid #fff;
}

#controls a:hover, #thumbs a#more:hover {text-decoration:none;}
#controls a#prev {
margin:0 8px 0 0;
}
#controls a#prev span{
padding-left:6px;
background:transparent url("/image/bg-prev.gif") 0 0 no-repeat;
}

#controls #next {
	float: right;
}

#controls a#next span, #thumbs a#more span{
padding-right:6px;
background:transparent url("/image/bg-next.gif") right top no-repeat;
}
#info {
float:left;
margin-right:8px;
width:100px;
}
#pic {
clear:both;
border:1px solid #fff;
}
#pic p {
margin:0 -1px;
padding:.25em 8px;
background:#c3d1eb;
}
#thumbs {
padding:8px 0;
margin:0 -3px;
border-bottom:1px solid #fff;
}
#thumbs a {
float:left;
display:block;
margin:0 0 4px 0;
width:94px;
height:53px;
border:2px solid #dee7f8;
}
#thumbs a:hover {
border-color:#fff;
}
#thumbs a.on {border:2px solid #fff;}
#thumbs p {
clear:both;
text-align:right;
}
#thumbs a#more {
float:right;
margin-right:3px;
width:150px;
}
/* IE6 only */
* html #archivByDate table td, * html #archivByDate table th {f\ont-size:.8em;}

#wahlhead {
	clear:both;
	width: 520px;
	height: 30px;
	padding:50px 264px 0 198px;
	margin: 0 auto;
	font-size:75%;line-height:1.3em;
	border:8px solid #fff;
	border-top-width:1px;
	background-image:url("/image/header_wahl_982x82.jpg");
	background-color:#043ba0;
	background-position:  0 0;
	background-repeat: no-repeat;
}

#klimahead {
	clear:both;
	width: 520px;
	height: 30px;
	padding:50px 264px 0 198px;
	margin: 0 auto;
	font-size:75%;line-height:1.3em;
	border:8px solid #fff;
	border-top-width:1px;
	background-image:url("/image/header_klima1_982x82.jpg");
	background-color:#043ba0;
	background-position:  0 0;
	background-repeat: no-repeat;
}


#tagesschau24head {
	clear:both;
	width: 520px;
	height: 30px;
	padding:50px 264px 0 198px;
	margin: 0 auto;
	font-size:75%;line-height:1.3em;
	border:8px solid #fff;
	border-top-width:1px;
	background-image:url("/image/header_tagesschau24_982x82.jpg");
	background-color:#043ba0;
	background-position:  0 0;
	background-repeat: no-repeat;
}