.rt_tatort { height: 9.56em; background:#000;padding-top:0;} 

.rt_inhalt { background: #181818; padding-top: 1em; } 


/* Spalten */
.rt_tatort .rt_sp01, .rt_tatort .rt_sp03 { width: 10.62em; }
.rt_tatort .rt_sp02 { width: 29.12em; /* 29.38 */ }

.rt_inhalt .rt_sp01 { width: 10.62em; }
.rt_inhalt .rt_sp02 { width: 39.74em; /* 29.38 */ }
/* ENDE Spalten */

.fontnormal { font-weight: normal; }
.redcol { color: #a3111b; }

/* Eingef�gt von Mercedes */
.color--red { color: #a3111b; }

/* rt_inhalt - navigation linke spalter */

.rt_inhalt .rt_sp01 ul {
	padding: 0 4% 0 0;
	margin: 0 0 2em 0;
	width: 96%;
	float: left;
	}
		
.rt_inhalt .rt_sp01 ul.subsub {
	padding: 1em 0 0.75em 0;
	margin: 0.5em 0 0 0;
	width: 100%;
	float: left;
	background: url(/static/radiotatort/pics/backs/verlauf_subsub.jpg) no-repeat;
	}
	
.rt_inhalt .rt_sp01 ul li, .rt_inhalt .rt_sp01 ul.subsub li {
	clear: both;
	padding: 0.5em 0 0 0;
	margin: 0;
	font-size: 0.85em;
	list-style-type: none;
	float: left;
	text-align: right;
	color: #fff;
	width: 100%;
	}
	
.rt_inhalt .rt_sp01 ul.subsub li {
	padding: 0 4% 7px 0 !important;
	font-size: 0.95em !important;
	width: 96%;
	color: #999;
	}
	
	
.rt_inhalt .rt_sp01 ul li a, .rt_inhalt .rt_sp01 ul li.sub a { color: #999999; }
.rt_inhalt .rt_sp01 li a:hover, .rt_inhalt .rt_sp01 ul li.sub a:hover  { color: #999999; text-decoration: underline; }

	
.rt_inhalt .rt_sp01 ul li.sub {
	clear: both;
	padding: 0.5em 0 0 0;
	margin: 0;
	font-size: 0.75em;
	list-style-type: none;
	float: left;
	text-align: right;
	color: #a3111b;
	width: 100%;
	}
	

.rt_inhalt .rt_sp01 ul li.first {
	padding: 3em 0 0 0;
	margin: 0;
	width: 100%;
	float: left;
	}
	
	
.rt_inhalt .rt_sp01 ul li .aktiv {
	color: #fff !important;
	}
	
.rt_inhalt .rt_sp01 ul.subsub li .aktiv {
	color: #999 !important;
	}
	
	
.rt_inhalt .rt_sp01 ul li.sub .aktiv  {
	color: #a3111b !important;
	} 
	
	
.rt_inhalt .rt_sp01 ul.subsub li a.aktiv  {
	color: #fff !important;
	} 
	
	
.rt_inhalt .rt_sp01 ul li.sub a, .rt_inhalt .rt_sp01 ul.sub li a { color: #adadad; }
.rt_inhalt .rt_sp01 li.sub a:hover, .rt_inhalt .rt_sp01 ul.sub li a:hover  { color: #fff; text-decoration: underline; }

.rt_inhalt .rt_sp01 ul.subsub li a { color: #999 !important; }
.rt_inhalt .rt_sp01 ul.subsub li a:hover  { color: #999; text-decoration: underline; }
	
.rt_inhalt .rt_sp01 .lra_logo {
	clear: both;
	padding: 0;
	margin: 0 0 2em 0;
	display: inline;
	float: left;
	width: 100%;
	}
	
.rt_inhalt .rt_sp01 img {
	clear: both;
	padding: 0;
	margin: 0 0 2em 0;
	display: block;
	display: inline;
	float: right;
	}
	
	
/* content */


/* Container fuer mittlere Spalte */
#ardContent
{ 
clear: both;
width: 90%;
float: left;
padding: 0 0 0 1em;
margin: 0;
color: #fff;
 }
 
 

/* Fetter Leadtext */
#ardIntro
{
font-size: 0.7em;
line-height: 1.3em;
font-weight: bold;
margin: 0.5em 0 0.5em  0;
padding: 0;
}


/* Div fuer jeden Absatz im Beitrag */
.cmsAbschnitt
{
margin: 0;
padding: 0;
margin: 0;
float: left;
clear: both;
width: 100%;
}

.cmsAbschnitt a:link, .cmsAbschnitt a:visited, .cmsAbschnitt a:hover,.cmsAbschnitt a:active, .cmsAbschnitt a:focus { padding: 0; margin: 0; color: #fff; }
.cmsAbschnitt a:hover { color: #fff; text-decoration: underline; }

.cmsAbschnitt p
{
display: block;
font-size: 0.75em;
margin: 0;
padding: 0 0 1em 0;
}


/* Fetter Leadtext */
#ardContent p.dachzeile
{
font-size: 0.7em;
line-height: 1.3em;
font-weight: bold;
margin: 0.5em 0 0.5em  0;
padding: 0;
color: #a3111b;
}

.cmsAbschnitt p.kursiv { font-style: italic; color: #4e4f5c; }

.cmsAbschnitt p a.redcol { color: #a3111b; padding: 1em 0 0 0; float: left;}

 


.cmsAbschnitt hr.clear
{
clear: both;
width: 100%;
visibility: hidden;
height: 1px !important;
margin: 0;
padding: 0;
}

*html .cmsAbschnitt hr.clear {
display: none;
}

/* Zwischenhead */
/* Hauptueberschrift der Seite/des Beitrags */
.rt_inhalt .rt_sp02 h1 
{ 
clear: both;
font-size: 1em;
padding: 0.3em 0 0.5em 1em;
margin: 0;
width: 90%;
display: block;
float: left;
font-size: 0.95em;
}


.rt_inhalt .rt_sp02 #ardContent h1 
{ 
clear: both;
font-size: 1em;
padding: 0.3em 0 0.5em 0;
margin: 0;
width: 100%;
float: left;
font-size: 0.95em;

}

 
.cmsAbschnitt h1 {
clear: both;
margin: 0.5em 0 0 0;
padding: 0;
display: block;
float: left;
font-size: 0.95em;
}


.cmsAbschnitt h3, .cmsAbschnitt h2 {
margin: 0 0 0 0;
padding: 0.3em 0 0.5em 0;
color: #a6a6a6;
display: block;
font-size: 0.95em;
}

.ardAbsatzBildLinks, .ardAbsatzBildMitte, .ardAbsatzBildRechts {
display: block;
padding: 0 !important;
float: right; 
margin-left: 0.5em; 
margin-bottom: 0.5em; 
border: 1px solid #333 !important;
}

.ardAbsatzBildLinks img, .ardAbsatzBildMitte img, .ardAbsatzBildRechts img {
border: 0 !important;
display: block;

}



/* Typo fuer Bildunterschrift.  */
.ardBU
{
display: block;
padding: 0.25em;
margin: 0 0 0.5em 0;
line-height: 1.2em;
font-size: 0.85em;
background: #2c2c2c;
color: #ccc;
}


/* Listen */

.cmsAbschnitt ul {
clear: both;
padding: 0 0 1em 0;
margin: 0;
}

.cmsAbschnitt ul li {
padding: 0 0 0.25em 0;
margin: 0;
list-style-type: disc;
list-style-position: inside;
font-size: 0.75em;
}



/* id fuer ganzen Abbinder */
#ardAbbinder
{
text-align: right;
clear: both;
color: #4E505C !important;
}

#ardAbbinder p
{
}

/* id fuer Quelle und Autor etc. */
#ardQuelle
{
color: #4E505C;
}

/* id fuer Datum Stand */
#ardStand
{
font-size: 0.7em;
text-align: right;
}

/* Seitenabschluss mit Drucken etc. */
.ardContentEnd
{
clear: both;
display: block;
float: left;
border-top: 1px solid #2c2c2c;
border-bottom: 1px solid #2c2c2c;
padding: 0.5em 0  0.5em 0;
margin: 0 0 0.25em 0;
width: 100%;
}

.ardContentEnd ul
{
margin: 0;
padding: 0;
}

.ardContentEnd li
{
font-size: 0.75em;
display: inline;
padding: 0;
margin: 0 0.75em 0 0;
float: left;
}

.ardContentEnd li img
{
width: 1.49em;
height: 1.17em;
padding: 0 0.5em 0 0;
margin: 0 !important;
border: 0;
float: left;
}

.ardContentEnd li a {
padding: 0;
margin: 0;
float: left;
color: #ccc;
}


/* Wir sind nicht verantwortlich */
#ardDisclaimer
{
position: relative;
padding: 1em 0 2em 0;
float: left;
display: block;
margin: 0;
font-size: 0.7em;
color: #516384;
text-align: left;
width: 100%;
color: #ccc;
}

/* ENDE rt_inhalt */




/* Audio Interview */

.audio_interview {
	clear: both;
	padding: 0;
	margin: 1em 0 1em 0;
	float: left;
	width: 100%;
	border: 1px solid #61605e;
	background: #000 url(/static/radiotatort/pics/backs/verlauf_audio_interview.jpg) repeat-x left top;
	}
	
.audio_interview .text {
	padding: 0 0 0 0.5em;
	margin: 0;
	float: left;
	width: 55%;
	}
	
.audio_interview h4 {
	padding: 0.25em 0 0 0;
	margin: 0;
	float: left;
	width: 100%;
	color: #a3111b;
	font-size: 0.7em;
	}
	
.audio_interview h3 {
	padding: 0 0 0.2em 0;
	margin: 0;
	float: left;
	width: 100%;
	color: #f3f3f3;
	font-size: 0.8em;
	}
	
.audio_interview #player_container {
	padding: 0;
	margin: 0;
	float: right;
	display: inline;
	width: 43%;
	}
	
.audio_interview .player {
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	background: none;
	border: 0;
	}
	
.audio_interview .player embed{
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	background: none;
	border: 0;
	}
	

.audio_interview .player .navigation {
	display: none;
	}	
	
	
	
/* PLAYER */

#ardContent .ardPlayer {
    background: #000;
	color: #fff;
}

.ardPlayer h2 {
    clear: both;
    float: left;
    font-size: 0.85em;
    margin: 0;
    padding: 10px 0 0 5px;
    width: 98%;
}