/* FlashPlayer */

html { height: 100%; }	
body { height: 100%; } 
	

.headline {
	padding: 0 0 0 1em;
	margin: 0;
	width: 60%;
	float: left;
	}

span.dachzeile {
	padding: 0.5em 0 0 0;
	margin: 0;
	font-size: 0.7em;
	width: 100%;
	display: block;
	float: left;
	color: #da9d9e;
	}
	
h1 {
	padding: 0.15em 0 0 0;
	margin: 0;
	font-size: 0.75em;
	width: 90%;
	display: block;
	position: relative;
	float: left;
	}
	
img.rt_logo {
	padding: 0;
	margin: 0;
	float: right;
	}
	
	
	
.player_navi_verlauf {
	padding: 0;
	margin: 0;
	display: inline;
	width: 100%;
	float: left;
	background: url(/static/radiotatort/pics/backs/verlauf_player.jpg) repeat-x;
	}
	
.rt_tatort .rt_sp02 .player_navi_verlauf {
	padding: 0;
	margin: 0.5em 0 0 0.75em;
	display: inline;
	width: 27.5em;
	float: left;
	border-left: 1px solid #a3111b;
	border-right: 1px solid #a3111b;
	background: url(/static/radiotatort/pics/backs/verlauf_player.jpg) repeat-x;
	}
	
.player_navi_verlauf  ul {
	padding: 0.25em 0 0.25em 0;
	margin: 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #000;
	background: url(/static/radiotatort/pics/backs/audio_player.gif) no-repeat 0.5em 0;
	}
	
.player_navi_verlauf  ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 0.7em;
	color: #fff;
	float: right;
	}
	
.player_navi_verlauf ul li.einstellung.aktiv { padding: 0 0.5em 0 1.15em;  background: url(/static/radiotatort/pics/icons/einstellungen_h.gif) no-repeat 0 2px; }
.player_navi_verlauf ul li.hilfe.aktiv { padding: 0 0.5em 0 1em;  background: url(/static/radiotatort/pics/icons/hilfe_h.gif) no-repeat 0 1px; }

.player_navi_verlauf ul li.einstellung { padding: 0 0 0 1em; position: relative; }
.player_navi_verlauf ul li.hilfe { padding: 0 0 0 1em; position: relative; }
.player_navi_verlauf ul li.impressum { padding: 0 1em; position: relative; }
	
.player_navi_verlauf ul li a { color: #dca4a5 !important; }

.player_navi_verlauf ul li.einstellung a { padding: 0 0.5em 0 1.15em;  background: url(/static/radiotatort/pics/icons/einstellungen.gif) no-repeat 0 2px; position: relative; }
.player_navi_verlauf ul li.hilfe a { padding: 0 0.5em 0 1em;  background: url(/static/radiotatort/pics/icons/hilfe.gif) no-repeat 0 1px; position: relative; }

.player, .rt_tatort .rt_sp02 .player {
	clear: both;
	padding: 0 0 0.5em 0;
	margin: 0;
	float: left;
	width: 100%;
	background: #1d0505 url(/static/radiotatort/pics/backs/verlauf_playerBG.jpg) repeat-x bottom;
	border-bottom: 1px solid #c03039;
	}
	
*html .player, *html .rt_tatort .rt_sp02 .player {
	padding: 0 0 0.5em 0;
	}
	
.player.klein {
	background: none;
	border-bottom: none;
	}
	
	
.rt_tatort .rt_sp02 .player {
	margin: 0 0 0 0.75em;
	display: inline;
	width: 27.5em;
	border-left: 1px solid #9198a8;
	border-right: 1px solid #9198a8;
	border-bottom: 1px solid #9198a8;
	}
	
.player a { color: #fff; }
.player a:hover { color: #fff; text-decoration: underline; }
	
#flash {
	padding: 0 0 0 0.25em;
	margin: 0;
	float: left;
	width: 15em;
	height: 50px;
	border: 0;
	background: #9097a7 url(/static/radiotatort/pics/backs/verlauf_player_wmp.jpg) repeat-x left top;
	}

.player .nodownload {
	padding: 0;
	margin: 0;
	float: left;
	width: 47%;
	}
	
.player .nodownload p {
	padding: 0.5em 0 0 0.9em;
	margin: 0;
	float: left;
	width: 95%;
	position: relative;
	font-size: 0.65em;
	color: #bc5350;
	line-height: 120%;
	cursor: pointer;
	}
	
.player span {
	clear: both;
	display: block;
	padding: 0.5em 0 0.5em 0.9em;
	margin: 0;
	font-size: 0.7em !important;
	width: 96%;
	position: relative;
	}
	
.player .bttBar {
	padding: 0;
	margin: 0.5em 0.5em 0 3.5em !important;
	float: left;
	display: inline;
	border: 1px solid #fff;
	}
	
.player img.btt_hoerspiel, .player img.btt_download {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	position: relative;
	}

.player #flash object { float: left; height: 50px; } 
	
.player .navigation {
	padding: 0;
	margin: 0;
	width: 12.25em;
	float: left;
	height: 50px;
	background: #9097a7 url(/static/radiotatort/pics/backs/verlauf_player_wmp.jpg) repeat-x left top;
	}

	
.player .navigation span {
	padding: 0;
	margin: 0;
	font-size: 0.7em !important;
	display: inline;
	}
	
.player .navigation span.wmp { visibility: visible; padding: 5px 0 5px 3.75em; background: url(/static/radiotatort/pics/icons/all.jpg) no-repeat 1em 0; display: block; width: 74%; }

.player .navigation span.download { padding: 5px 0 5px 3.75em; margin: 0.35em 0 0 0; background: url(/static/radiotatort/pics/icons/download.gif) no-repeat 1.15em 0.1em; display: block; width: 74%; }

.player .navigation a { color: #5d6f85; }
.player .navigation a:hover { color: #5d6f85; text-decoration: underline; }

.player .navigation span.label {
	padding: 0.85em 0 0 0.5em;
	margin: 0;
	font-size: 0.7em !important;
	width: 5.4em;
	float: left;
	}
	
	
.player .navigation ul {
	padding: 0.45em 0 0 0;
	margin: 0;
	float: right;
	display: inline;
	}
	
.player .navigation ul li {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	font-size: 0.7em !important;
	position: relative;
	}
	
	
.player .navigation ul li.aktiv {
	display: block;
	padding: 0.25em 0.65em 0.25em 0.65em;
	background: #230f0f url(/static/radiotatort/pics/backs/bg_navi_player_wmp_h.jpg) repeat-x; 
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	position: relative;
	}
	
.player .navigation ul li a {
	display: block;
	color: #22344c;
	padding: 0.25em 0.65em 0.25em 0.65em;
	background: #564444 url(/static/radiotatort/pics/backs/bg_navi_player_wmp.jpg) repeat-x; 
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	position: relative;
	}
	
.player .navigation ul li a:hover {
	color: #fff;
	display: block;
	padding: 0.25em 0.65em 0.25em 0.65em;
	background: #230f0f url(/static/radiotatort/pics/backs/bg_navi_player_wmp_h.jpg) repeat-x; 
	position: relative;
	}

	
/* EINSTELLUNGEN */	
	
.clipEinstellungen, .rt_sp02 .clipEinstellungen {
	clear: both;
	padding: 0 0 0.5em 0;
	margin: 0;
	width: 100%;
	float: left;
	display: inline;
	background: #1d0505 url(/static/radiotatort/pics/backs/verlauf_playerBG.jpg) repeat-x bottom;
	color: #dedede;
	border-bottom: 1px solid #c03039;
	}

.rt_sp02 .clipEinstellungen {
	margin: 0 0 0 0.75em;
	width: 27.5em;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
.clipEinstellungen form, .clipEinstellungen fieldset {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	display: inline;
	}
	
	
.clipEinstellungen form label {
	padding: 0.1em 0 0.25em 0.75em;
	margin: 0;
	float: left;
	font-size: 0.7em;
	}
	
*html .clipEinstellungen form label {
	padding: 0.25em 0 0.25em 0.75em;
	}
	
.clipEinstellungen form input {
	background: none;
	border: 0;
	}

	
.clipEinstellungen form input.btt {
	padding: 0.5em 0.5em 0 0;
	margin: 0;
	float: right;
	background: none;
	border: 0;
	}
	
	
.clipEinstellungen span.label {
	padding: 0 0 0.45em 0.75em;
	margin: 0.5em 0 0 0;
	float: left;
	display: block;
	width: 95%;
	font-size: 0.7em;
	}
	
.clipEinstellungen ul {
	padding: 0 0 0 0.5em;
	margin: 0;
	float: left;
	width: 90%;
	}
	
.clipEinstellungen ul li {
	padding: 0.25em 0 0.25em 0;
	margin: 0;
	float: left;
	display: block;
	border-top: 1px solid #474747;
	width: 100%;
	}
	
.clipEinstellungen span.externerPL {
	padding: 0.5em 0 0 2.75em;
	margin: 0;
	float: left;
	display: block;
	width: 80%;
	font-size: 0.7em;
	}
	
	
.clipEinstellungen span.externerPL a { color: #fff; }
	
/* HILFE */

.playerHilfe, .rt_sp02 .playerHilfe {
	clear: both;
	padding: 0 0 0.5em 0;
	margin: 0 0 0 0;
	width: 100%;
	float: left;
	display: inline;
	background: #1d0505 url(/static/radiotatort/pics/backs/verlauf_playerBG.jpg) repeat-x bottom;
	color: #dedede;
	border-bottom: 1px solid #c03039;
	}
	
.rt_sp02 .playerHilfe {
	margin: 0 0 0 0.75em;
	width: 27.5em;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
	
.playerHilfe p {
	padding: 0 0 0.25em 0;
	margin: 0.5em 0 0 0;
	float: left;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 0.7em;
	}
	
.playerHilfe ul {
	padding: 0 0 0 0;
	margin: 0;
	float: left;
	width: 100%;
	}
	
.playerHilfe ul li {
	padding: 0.25em 0 0 0;
	margin: 0;
	float: left;
	display: block;
	text-align: center;
	width: 50%;
	font-size: 0.7em;
	}
	
.playerHilfe ul li a { color: #fff; }
.playerHilfe ul li a:hover { color: #fff; text-decoration: underline; }
	

.playerHilfe img.hilfe_schliessen {
	padding: 0.75em 0.5em 0 0;
	margin: 0;
	float: right;
	display: block;
	}

	

/* POP UP */

.zusatzinfo {
	clear: both;
	padding: 0 0 1em 0;
	margin: 0;
	display: inline;
	float: left;
	width: 100%;
	/* height: 13em; Hier kann keine feste h�he eingetragen werden da die NoScriptVersion dann nicht mehr sch�n aussieht*/
	background: #1d1d1b url(/static/radiotatort/pics/backs/verlauf_rolleunddarsteller.jpg) repeat-x;
	}

.zusatzinfo ul.navi {
	clear: both;
	padding: 0.5em 0 0 0;
	margin: 0 auto 0 auto;
	width: 96%;
	}
	
.zusatzinfo ul.navi li {
	padding: 0 0 1em 1.25em;
	margin: 0;
	float: left;
	text-align: center;
	font-size: 0.75em;
	list-style-type: none;
	color: #a3111b;
	display: inline;
	}
	
.zusatzinfo ul.navi li.handlung { width: 15%; }
.zusatzinfo ul.navi li.ort { width: 15%; }
.zusatzinfo ul.navi li.rud { width: 33%; }
.zusatzinfo ul.navi li.hdk { width: 33%; }
	
.zusatzinfo ul.navi li a, .zusatzinfo ul.navi li a:visited, .zusatzinfo ul.navi li a:hover, .zusatzinfo ul.navi li a:active { color: #fff; }
.zusatzinfo ul.navi li a:hover { color: #fff; text-decoration: underline; }

/* Rolle und Darsteller */
.zusatzinfo table {
	clear: both;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 96%;
	color: #fff;
	border: 0;
	border-collapse: collapse;
	}
	
.zusatzinfo table th {
	padding: 0.25em 0 0.25em 0;
	margin: 0;
	width: 48%;
	font-size: 0.75em;
	text-align: center;
	
	}
	
.zusatzinfo table td {
	padding: 0.25em 0 0.25em 0;
	margin: 0;
	width: 48%;
	text-align: center;
	border-top: 1px solid #562e2f;
	vertical-align: top;
	}
	
	
.zusatzinfo table th.rechts, .zusatzinfo table td.rechts {
	padding-right: 1em;
	text-align: right;
	}
	
.zusatzinfo table th.links, .zusatzinfo table td.links {
	padding-left: 0;
	text-align: left !important;
	}
	
.zusatzinfo table td.links a {
	float: left !important;
	color: #fff !important;
	}
	
.zusatzinfo table td a:hover {
	text-decoration: underline;
	}
	
.zusatzinfo table td.rechts a {
	color: #fff !important;
	}

.zusatzinfo table td h4, .zusatzinfo table td p {
	padding: 0;
	margin: 0;
	font-size: 0.75em;
	}
	
.zusatzinfo table td h4 {
	padding: 0 0 0.5em 0;
	font-weight: normal;
	}
	
.zusatzinfo img {
	padding: 0 0.5em 0 0;
	margin: 0;
	float: left;
	}

.zusatzinfo table td a { clear: both; float: right; color: #fff; font-size: 0.7em; padding: 0.5em 0 0 0; }
.zusatzinfo table td h4 a, .zusatzinfo table td h4 a:visited, .zusatzinfo table td h4 a:hover, .zusatzinfo table td h4 a:active { font-size: 1em !important; color: #b5b7b6; padding: 0; }

/* Fenster fuer Rollen und Darsteller */
.gesWindow {
	clear: both;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 86%;
	color: #b5b7b6;
	/*position: absolute;*/
	z-index: 100;
	}

.gesWindow .bttBack, .gesWindow .bttNext {
	padding: 3em 0 0 0;
	margin: 0;
	float: left;
	height: 8.38em;
	}
	
.gesWindow .bttBack img, .gesWindow .bttNext img {
	display: block;
	margin: 0;
	padding: 0;
	}
	

.winInhalt {
	padding: 0;
	margin: 0;
	float: left;
	background: #000;
	width: 334px;
	height: 11.38em;
	border: 1px solid #a0a4af;
	}
	
.winInhalt .winKopf {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	border-bottom: 1px solid #a0a4af;
	}
	
.gesWindow .winKopf span.masken {
	float: left;
	padding: 0.25em 0 0 0.25em;
	}
	
.gesWindow .winKopf span.close {
	float: right;
	padding: 0 0.25em 0.25em 0;
	}
	
.gesWindow .winKopf span.rolle, .gesWindow .winKopf span.schauspieler {
	padding: 0.25em 1em 0 0;
	float: left;
	display: block;
	width: 34%;
	font-size: 0.75em;
	text-align: right;
	color: #fff;
	}
	
.gesWindow .winKopf span.schauspieler {
	text-align: left;
	padding: 0.25em 0 0 1em;
	}
	
.gesWindow .winKopf span.rolle a, .gesWindow .winKopf span.schauspieler a {
	color: #b5b7b6;
	}
	
.gesWindow .winKopf img {
	display: block;
	}
	
.winInhalt .winBody {
	clear: both;
	padding: 0 0 0 0.75em;
	margin: 0;
	float: left;
	width: 96%;
	height: 7em;
	}
	
.winInhalt .winBody p {
	padding: 1em 0 0 0;
	margin: 0;
	font-size: 0.7em;
	clear: none !important;
	}
	
.winInhalt .winBody img {
	padding: 0.95em 0.5em 0 0;
	margin: 0;
	float: left;
	position: relative;
	}
	

.winInhalt .winFoot {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	}
	
.winInhalt .winFoot a {
	padding: 0.5em 0.5em 0 0;
	margin: 0;
	float: right;
	color: #fff;
	font-size: 0.7em;
	}
	
/* Hinter den Kulissen */

#hinterdenkulissen {
	clear: both;
	padding: 0;
	margin: 0;
	float: left;
	}

ul.hdkulissen {
	clear: both;
	padding: 0;
	margin: 0;
	width: 45%;
	float: left;
	}
	
ul.hdkulissen li {
	clear: both;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
	width: 90%;
	float: left;
	list-style-type: none;
	text-align: right;
	font-size: 0.75em;
	color: #fff;
	}
	
ul.hdkulissen li a, ul.hdkulissen li a:visited, ul.hdkulissen li a:hover, ul.hdkulissen li a:active { color: #79151d; }
ul.hdkulissen li a:hover { color: #fff; text-decoration: underline; }
	
	

.teaserbox {
	padding: 0;
	margin: 0.5em 0 1em 0;
	width: 50%;
	float: left;
	display: inline;
	background: #6d0a0d;
	height: 170px;
	}	
	
.teaserbox p {
	padding: 0.75em !important;
	margin: 0 auto 0 auto;
	width: 95%;
	font-size: 0.7em;
	}	
	
	
.teaserbox p a { color: #fff; }	


/* Ort und Handlung */

.zusatzinfo .teaser { 
	clear: both;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 96%; 
	}

.zusatzinfo .teaser h4, .zusatzinfo .teaser p {
	padding: 0;
	margin: 0;
	line-height: 120%;
	font-size: 0.75em;
	}
	
.zusatzinfo .teaser p a { color: #fff; }	.zusatzinfo .teaser p a:hover { color: #fff; text-decoration: underline; }
.zusatzinfo .teaser h4 {font-size: 0.85em; padding-bottom: 0.5em; }


/* Link zu den Zusatzinformationen */
p.zusatz {
	padding: 0 0 1em 0;
	margin: 0;
	display: inline;
	width: 100%;
	background: none;
	border-top: 1px solid #460e0f;
	}
	
p.zusatz a { 
	color: #fff !important;
	padding: 0.25em 0.5em 0.5em 0.5em;
	margin: 0 0.5em 0 0; 
	float: right; 
	font-size: 0.7em; 
	display: inline;
	background: #1d1d1b;
	cursor: pointer;
	}
		
p.zusatz a:hover { 
	color: #1d1d1b !important;
	padding: 0.25em 0.5em 0.5em 0.5em;
	margin: 0 0.5em 0 0; 
	float: right; 
	font-size: 0.7em; 
	display: inline;
	background: #fff; 
	}
	
	
/* STab */

/* Link zu den Zusatzinformationen */
.stabTeaser {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	}
	
.stabTeaser ul {
	padding: 0;
	margin: 0 2%;
	width: 96%;
	float: left;
	border-top: 1px solid #562e2f;
	}
		
.stabTeaser ul li {
	clear: both;
	padding: 0.5em 0 0.5em 4%;
	margin: 0;
	width: 96%;
	float: left;
	list-style-type: none;
	font-size: 0.75em;
	border-bottom: 1px solid #562e2f;
	}
	
	
	
/* Download Hilfe */
	
#downloadInfo {
	color: #44586D;
	background: #fff;
	font-size: 0.7em !important;
	padding: 0;
	margin: 1px 0 0 0;
	float: left;
	width: 100%;
	}
	
#downloadInfo #downloadInfoText  {
	width: 90%;
	float: left;
	padding: 0.5em 0 0.75em 0.9em;
	position: relative;
	}

#downloadInfo img.closeButton {
	float: right;
	padding: 0; 
	margin: 0;
	display: block;
	}
	
#downloadInfo a {
	float: right;
	padding: 0; 
	margin: 0;
	}