/* CSS Document */
	
html {
	height: 100%;
	background: #a3111b url(/static/radiotatort/pics/backs/blut.jpg) no-repeat top center;
	}	

body {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
	height: 100%;
	background: url(/static/radiotatort/pics/backs/blut_footer.jpg) no-repeat bottom center; 
	}
	
.hintergrundbild {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	/* background: url(/static/radiotatort/pics/backs/blut_footer.jpg) no-repeat bottom center; */
	} 
	
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }

.inv { display: none !important; }

img { border: 0; }
	
	
/* BREITNANGABEN */
.width100 { width: 100%; }
	.width99 { width: 99%; }
	.width98 { width: 98%; }
	.width97 { width: 97%; }
	.width96 { width: 96%; }
.width95 { width: 95%; }
	.width94 { width: 94%; }
	.width93 { width: 93%; }
	.width92 { width: 92%; }
	.width91 { width: 91%; }
.width90 { width: 90%; }
.width85 { width: 85%; }
	.width84 { width: 84%; }
	.width83 { width: 83%; }
	.width82 { width: 82%; }
	.width81 { width: 81%; }
.width80 { width: 80%; }
	.width79 { width: 79%; }
	.width78 { width: 78%; }
	.width77 { width: 77%; }
	.width76 { width: 76%; }
.width75 { width: 75%; }
	.width74 { width: 74%; }
	.width73 { width: 73%; }
	.width72 { width: 72%; }
	.width71 { width: 71%; }
.width70 { width: 70%; }
	.width69 { width: 69%; }
	.width68 { width: 68%; }
	.width67 { width: 67%; }
	.width66 { width: 66%; }
.width65 { width: 65%; }
	.width64 { width: 64%; }
	.width63 { width: 63%; }
	.width62 { width: 62%; }
	.width61 { width: 61%; }
.width60 { width: 60%; }
.width55 { width: 55%; }
.width50 { width: 50%; }
	.width49 { width: 49%; }
	.width48 { width: 48%; }
.width45 { width: 45%; }
	.width44 { width: 44%; }
	.width43 { width: 43%; }
.width40 { width: 40%; }
	.width39 { width: 39%; }
	.width38 { width: 38%; }
	.width37 { width: 37%; }
	.width36 { width: 36%; }
.width35 { width: 35%; }
	.width34 { width: 34%; }
	.width33 { width: 33%; }
	.width32 { width: 32%; }
	.width31 { width: 31%; }
.width30 { width: 30%; }
	.width29 { width: 29%; }
	.width28 { width: 28%; }
	.width27 { width: 27%; }
	.width26 { width: 26%; }
.width25 { width: 25%; }
	.width24 { width: 24%; }
	.width23 { width: 23%; }
	.width22 { width: 22%; }
	.width21 { width: 21%; }
.width20 { width: 20%; }
	.width19 { width: 19%; }
	.width18 { width: 18%; }
	.width17 { width: 17%; }
	.width16 { width: 16%; }
.width15 { width: 15%; }
	.width14 { width: 14%; }
	.width12 { width: 12%; }
.width10 { width: 10%; }
	.width8 { width: 8%; }
	.width6 { width: 6%; }
.width5 { width: 5%; }
/* ENDE BREITENANGABEN /*


/* FARBEN */

/* SCHRIFTFARBEN */
.col1 { color: #eceff3; } 
.col2 { color: #d7dee7; }
.col3 { color: #cdd5e0; }
.col4 { color: #c2ccd8; }
.col5 { color: #b6c2d0; }
.col6 { color: #abb9c8; } 
.col7 { color: #a0afc0; }
.col8 { color: #96a7ba; }
.col9 { color: #8da0b3; }
.col10 { color: #869aaf; }

/* HINTERGRUNDFARBEN */
.col1back { background: #eceff3; } 
.col2back { background: #d7dee7; }
.col3back { background: #cdd5e0; }
.col4back { background: #73abde; }
.col5back { background: #b6c2d0; }
.col6back { background: #abb9c8; } 
.col7back { background: #a0afc0; }
.col8back { background: #96a7ba; }
.col9back { background: #8da0b3; }
.col10back { background: #869aaf; }

/* BORDERFARBEN */
.col1bord { border-color: #eceff3; } 
.col2bord { border-color: #d7dee7; }
.col3bord { border-color: #cdd5e0; }
.col4bord { border-color: #c2ccd8; }
.col5bord { border-color: #b6c2d0; }
.col6bord { border-color: #abb9c8; } 
.col7bord { border-color: #a0afc0; }
.col8bord { border-color: #96a7ba; }
.col9bord { border-color: #8da0b3; }
.col10bord { border-color: #869aaf; }

.red { color: #a3111b; }

/* Sonderfarben */

/* ENDE FARBEN */



/* VERLAUF */

/* ENDE VERLAUF */



/* link Farben */
a:link {text-decoration: none; color: #000; }
a:visited {text-decoration: none; color: #000; }
a:hover {text-decoration: none; color: #fff; }
a:active {text-decoration: none; color: #000; }
a:focus {text-decoration: none; color: #000; }

a.weiss:link {text-decoration: none; color: #fff; }
a.weiss:visited {text-decoration: none; color: #fff; }
a.weiss:hover {text-decoration: underline; color: #fff; }
a.weiss:active {text-decoration: none; color: #fff; }
a.weiss:focus {text-decoration: none; color: #fff; }
/* ENDE Link Farben */



/* headlines */
h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	line-height: 140%;
	}
	
h2 { font-size: 1em; }	
h3 { font-size: 0.9em; }	
h4 { font-size: 0.8em; }
h5 { font-size: 0.7em; }
/* ENDE headlines */


form { border: 0; padding: 0; margin: 0; float: left; }
fieldset { border: 0; padding: 0; margin: 0; float: left; }
label { padding: 0 0 0.5em 0; margin: 0; float: left; font-family: Verdana; font-size: 0.7em;}
input { border: 1px solid #fff; background: #fff; padding: 0.25em; margin: 0; font-size: 0.75em; float: left; font-family: Verdana; }	


.rt_kopfbereich, .rt_navigation, .rt_tatort, .rt_inhalt, .rt_footer {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	}
	
.content {
	clear: both;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 50.38em !important;
	}
	
.rt_kopfbereich {  }
.rt_navigation { background: #bf222d url(/static/radiotatort/pics/backs/verlauf_navigation.jpg) repeat-x; height: 2.19em; }
.rt_tatort { background: #000; height: 19.5em; } 
.rt_inhalt {  } 
.rt_footer {  }

#rtURLPrint { display: none; }

/* Spalten */

.rt_sp01, .rt_sp02, .rt_sp03, .rt_sp04 {
	padding: 0;
	margin: 0;
	float: left;
	}
	
/* ENDE Spalten */




/* NAVIGATION */
.rt_navigation ul {
	padding: 0;
	margin: 0;
	}
	
.rt_navigation ul li {
	padding: 0.65em 1em 0 0;
	margin: 0;
	float: left;
	list-style-type: none;
	font-size: 0.9em;
	color: #fff;
	}
/* ENDE NAVIGATION */


/* FOOTER */
.rt_footer .breadcrumb {
	padding: 1em 0 0 0;
	margin: 0;
	width: 74%;
	float: left;
	}
	
.rt_footer .breadcrumb span.standard {
	padding: 0.65em 1em 0 0;
	margin: 0;
	float: left;
	list-style-type: none;
	font-size: 0.75em;
	position: relative;
	}
	
	
.rt_footer .breadcrumb  ul {
	padding: 0.5em 0 0 0;
	margin: 0;
	width: 80%;
	float: left;
	}
	
.rt_footer .breadcrumb  ul li {
	padding: 0 0.35em 0 0;
	margin: 0;
	float: left;
	font-size: 0.75em;
	list-style-type: none;
	}
	
	
.rt_footer .konsulativ {
	padding: 1.5em 0 0 0;
	margin: 0;
	width: 25%;
	float: right;
	display: block;
	}
	
.rt_footer .konsulativ ul {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	}
	
.rt_footer .konsulativ ul li {
	padding: 0 0.35em 0 0;
	margin: 0;
	float: left;
	font-size: 0.7em;
	list-style-type: none;
	}
	
.rt_footer .konsulativ ul li a { color: #fff; }
.rt_footer .konsulativ ul li a:hover { color: #fff; text-decoration: underline; }
	
	
.rt_footer .konsulativ .logo_ard {
	clear: both;
	padding: 0.25em 0 0 0;
	display: block;
	}
	
	
.rt_footer .logosText { clear: both; display: none; /* font-size: 0.7em; visibility: hidden; */ }

.rt_footer .logos {
	clear: both !important;
	padding: 1em 0 0 0;
	margin: 0;
	
	width: 100%;
	
	}
	
*html .rt_footer .logos {
	padding: 1em 0 0 0;
	}
	
.rt_footer .logos ul { 
	clear: both;
	padding: 0 0 0 4%;
	margin: 0;
	float: left;
	display: block;
	width: 95% !important;
	}
	
*html .rt_footer .logos ul { 
	clear: both;
	padding: 0 0 0 1%;
	margin: 0;
	float: left;
	display: block;
	width: 99% !important;
	}
	
.rt_footer .logos ul li { 
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	text-align: center;
	}
	
*html .rt_footer .logos ul li { 
	width: 10%;
	text-align: center;
	}




/* ENDE FOOTER */



/* suche */
.suche {
	padding: 0.3em 0 0 0;
	margin: 0;
	float: left;
	width: 11.5em;
	
	}
	
.suche form {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	background: none;
	}
	
.suche fieldset {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	border: 0;
	}
	
.suche fieldset input {
	padding: 0.25em 0 0.25em 0.5em;
	margin: 0;
	float: left;
	font-size: 0.75em;
	border: 1px solid #fff;
	background: #d3d3d3 url(/static/radiotatort/pics/backs/verlauf_suche.jpg) repeat-x;
	}
	
.suche fieldset input.lang {
	width: 11em;
	}
	
.suche fieldset input.btt {
	padding: 0 0 0 0.15em;
	margin: 0;
	float: left;
	border: 0;
	background: none;
	}


/* ENDE suche */


/* rt_tatort - auf allen Seiten gleich */

/* Bild links - Tatort */
.rt_tatort .rt_sp01 img  {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	}


/* Aufmacher */


.rt_tatort .rt_sp02 h1 {
	padding: 0.25em 0 0 0.6em;
	margin: 0;
	float: left;
	font-size: 1.12em;
	color: #9a0e17;
	width: 90%;
	}
	
.rt_tatort .rt_sp02 h1 a { color: #9a0e17; }
.rt_tatort .rt_sp02 h1 a:hover { color: #9a0e17; text-decoration: underline;}

.rt_tatort .rt_sp02 p {
	clear: both;
	padding: 0 0 0 1em;
	margin: 0;
	float: left;
	font-size: 0.75em;
	color: #ccc;
	width: 95%;
	line-height: 130%;
	}


/* schaufenster RPG */

.schaufenster_rpg {
	padding: 0.5em 0 0.75em 0;
	margin: 1em 0 0 0;
	display: inline;
	float: left;
	width: 10em;
	border: 1px solid #b9202a;
	background: url(/static/radiotatort/pics/backs/verlauf_schaufenster.jpg) repeat-x;
	}
	
.schaufenster_rpg h4 {
	padding: 0.1em 0 0 2.25em;
	margin: 0;
	font-size: 0.7em;
	color: #b9202a;
	background: url(/static/radiotatort/pics/icons/radio_rot.gif) no-repeat 0.75em 0;
	}
	
.schaufenster_rpg h4.ohneIcon {
	clear: both;
	background: none;
	padding: 0.85em 0 0 0.85em;
	line-height: 110%;
	}
	
.schaufenster_rpg p {
	padding: 0.5em 0 0 0.75em;
	margin: 0;
	width: 90%;
	font-size: 0.7em;
	}

.schaufenster_rpg p.hinweis {
	padding: 0.5em 0 0 0;
	color: #646464;
	font-size: 0.7em;
	}

.schaufenster_rpg a.text { color: #646464; padding: 0.5em 0 0 0.75em; display: block; }
.schaufenster_rpg a.text:hover { color: #fff; text-decoration: underline; }
	
.schaufenster_rpg a img.btt_livestream {
	clear: both;
	padding: 0.25em 0 0 0; 
	border: 0;
	}
	
.schaufenster_tvttatort {
	padding: 0.5em 0 0.5em 0;
	margin: 0.5em 0 0 0;
	display: inline;
	float: left;
	width: 10em;
	border: 1px solid #222;
	background: url(/static/radiotatort/pics/backs/verlauf_schaufenster.jpg) repeat-x 0 -3em;
	}
	
.schaufenster_tvttatort p {
	padding: 0 0 0 2.5em;
	margin: 0;
	width: 80%;
	color: #646464;
	font-size: 0.7em;
	background: url(/static/radiotatort/pics/icons/tv.gif) no-repeat 0.75em 0;
	}
	
.schaufenster_tvttatort p a:link, .schaufenster_tvttatort p a:visited, .schaufenster_tvttatort p a:hover, .schaufenster_tvttatort p a:active { color: #646464; }
.schaufenster_tvttatort p a:hover { color: #ccc; text-decoration: underline; }
	
/* ENDE schaufenster */



/* kleiner Flash Player - die faelle */

/* schaufenster RPG */

/* .rt_tatort .rt_sp03 .player.klein {
	padding: 0;
	margin: 2em 0 0 0;
	display: inline;
	float: left;
	width: 80%;
	border: 1px solid #b9202a;
	position: relative;
	background: url(/static/radiotatort/pics/backs/verlauf_schaufenster.jpg) repeat-x;
	} */
	
/* player klein als button */
.rt_tatort .rt_sp03 .player.klein {
	padding: 0;
	margin: 2em 0 0 1em;
	display: inline;
	float: left;
	width: 70%;
	position: relative;
	}
/* ENDE */
	
.rt_tatort .rt_sp03 .player.klein h4 {
	padding: 0;
	margin: 0;
	font-size: 0.7em;
	text-align: center;
	color: #b9202a;
	background: url(/static/radiotatort/pics/backs/verlauf_player.jpg) repeat-x;
	}
	
.rt_tatort .rt_sp03 .player.klein p {
	padding: 0.5em 0 0 0.75em;
	margin: 0;
	width: 90%;
	text-align: center;
	}
	
.rt_tatort .rt_sp03 .player.klein p img {
	padding: 0 0.3em 0 0;
	}

.rt_tatort .rt_sp03 .player.klein p.hinweis {
	clear: both;
	padding: 0 0 0 0;
	margin: 0.25em 0 0.5em 0;
	position: relative;
	text-align: center;
	font-size: 0.7em;
	width: 86% !important;
	background: url(/static/radiotatort/pics/icons/popup_player.gif) no-repeat top right;
	}

	
/* ENDE schaufenster */

/* ENDE rt_tatort */










/* VORABSEITE */

/* KOPFBEREICH LOGO */
.logo { padding: 0; margin: 0; float: right; display: block; }

.content_vorab {
	clear: both;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 52.5em !important;
	}

.content_vorab h1 { padding: 0 0 1em 0; margin: 0; font-size: 1.25em; }
.content_vorab h3 { clear: both; padding: 0.5em 0 0.25em 0; margin: 0; font-size: 0.95em; float: left; }

.content_vorab .text { clear: both; padding: 0; margin: 1em 0 0 0; float: left; height: 39em; }
.content_vorab .text p { clear: both; padding: 0; margin: 0; font-size: 0.75em; float: left; width: 100%; }
	
.content_vorab img.logo_ard { 
	clear: both;
	padding: 0 1em 0 0;
	margin: 0 0 0 0;
	}
	
.rt_footer .content_vorab {
	clear: both;
	padding: 2em 0 0 0;
	margin: 0 auto 0 auto;
	width: 52.5em !important;
	}


/* rechte spalte tv_button und ACCORDION */

.reSp { 
	margin: 0;
	padding: 0;
	float: right;
	}
	
.reSp img.tvbtt { 
	margin: 0;
	padding: 1em 0 0 0;
	float: right;
	}

/* ACCORDION */
.accordion { 
	margin: 1em 0 0 0;
	padding: 0;
	float: right;
	/* background: #000; */
	height: 40em;
	}
	

.accordion #list1 { 
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	background: #000;
	}
	
.accordion h2 { 
	padding: 0.25em 0.6em 0.25em 0;
	margin: 0;
	color: #a3111b;
	font-size: 0.95em;
	text-align: right;
	font-weight: bold;
	position: relative;
	line-height: 180%;
	display: block;
	width: 98%;
	border-bottom: 1px solid #a3111b;
	background: #000;
	}

	
.accordion #list1 h3 { 
	clear: both;
	padding: 0.25em 0 0.25em 0.65em;
	margin: 0;
	color: #e50e1d;
	font-size: 0.75em;
	text-align: left;
	font-weight: normal;
	line-height: 180%;
	display: block;
	width: 30.85em !important;
	border-bottom: 1px solid #a3111b;
	cursor: pointer;
	float: left;
	}
	
.accordion #list1 h3.selected { 
	border-bottom: none;
	}
	
	
.accordion #list1 h3 span.breite { 
	width: 25%;
	display: block;
	float: left;
	
	
	}

.accordion #list1 h3 strong { 
	
	}	
	

.accordion #list1 h3.br { background: url(/static/radiotatort/pics/logos/br.gif) no-repeat top right; }
.accordion #list1 h3.hr { background: url(/static/radiotatort/pics/logos/hr.gif) no-repeat top right; }	
.accordion #list1 h3.mdr { background: url(/static/radiotatort/pics/logos/mdr.gif) no-repeat top right; }	
.accordion #list1 h3.ndr { background: url(/static/radiotatort/pics/logos/ndr.gif) no-repeat top right; }
.accordion #list1 h3.sr { background: url(/static/radiotatort/pics/logos/sr.gif) no-repeat top right; }
.accordion #list1 h3.swr { background: url(/static/radiotatort/pics/logos/swr.gif) no-repeat top right; }
.accordion #list1 h3.rb { background: url(/static/radiotatort/pics/logos/rb.gif) no-repeat top right; }
.accordion #list1 h3.rbb { background: url(/static/radiotatort/pics/logos/rbb.gif) no-repeat top right; }
.accordion #list1 h3.wdr { background: url(/static/radiotatort/pics/logos/wdr.gif) no-repeat top right; }
	
	
.accordion #list1 p { 
	clear: both;
	padding: 0.5em 0 0.5em 0;
	margin: 0 0 0 0;
	font-size: 0.7em;
	float: left;
	width: 33.75em; /* bei schriftgrad 0.75em breite 32.5 */
	background: #4a4a4a url(/static/radiotatort/pics/backs/verlauf_accordion.jpg) repeat-x left top;
	border-bottom: 1px solid #a3111b;
	position: relative !important;
	}
	
*html .accordion #list1 p { 
	padding: 0.5em 0 0.5em 0;
	margin: 0 0 0 0;
	font-size: 0.7em;
	display: block;
	float: none;
	width: 33.75em; /* bei schriftgrad 0.75em breite 32.5 */
	background: #4a4a4a url(/static/radiotatort/pics/backs/verlauf_accordion.jpg) repeat-x left top;
	border-bottom: 1px solid #a3111b;
	position: relative !important;
	}
	
.accordion #list1 p span { 
	padding: 0 0 0.5em 9em;
	display: block;
	/* background: #012966 url(/static/avportal/pics/backs/verlaufAccordion.jpg) repeat-x left 46px; */
	color: #d4d4d4;
	width: 23.55em;
	}
	
*html .accordion #list1 p span { 
	padding: 0 0 0.5em 9.25em;
	display: block;
	/* background: #012966 url(/static/avportal/pics/backs/verlaufAccordion.jpg) repeat-x left 46px; */
	color: #d4d4d4;
	width: 22.8em;
	position: relative;
	}
	
.accordion #list1 p span img { 
	margin: 0;
	padding: 0 0.5em 0 0;
	display: block;
	float: left;
	}
	
.accordion #list1 .zusatz { color: #fff; padding: 0; font-size: 1.15em; float: left; position: relative; }
.accordion #list1 .abstand { padding: 0.25em 0 0 0; display: block; }
.accordion #list1 span.kursiv { font-style: italic;  }
.accordion #list1 span.red { color: #c80b19;  }

/* ENDE VORABSEITE */