/*
a { color: #006699; text-decoration: none }

a:hover { color: #FFCC00; text-decoration: none }





body {  font-family: Arial, Helvetica, sans-serif }

p {  font-size: 10pt; font-family: Arial, Helvetica, sans-serif }

*/

td, u, ul, ol, li { font-size: 10pt; font-family: Arial, Helvetica, sans-serif }




/* ------------------------------ MASTER Stylesheet fuer SWR - TATORT MENSCH ----------------------------- */
/* ---------------------------------------- Copyright [ka:media] --------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, br, ul, ol, li, hr, form, fieldset, select, input, textarea {
	 margin: 0;
	 padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, td, th, fieldset, select, input, textarea, address, blockquote { 
	font-family: Arial, Helvetica, sans-serif; 
}

html {
	background: #FFF;
}

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100.01%;
	background-color: #FFF;
	color: #000;
}

* html body {
	background-image: url(../img/main/rightbg.gif);
	background-repeat: repeat-y;
	background-position: top right;
}


html, body {
	/* hide overflow:hidden from IE5/Mac */
	/* \*/ 
	/*overflow: hidden;*/
	/* */ 
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	max-height: 100%; 
}

h1 {
	font-size: 0.95em;
	color: #032E50;
	margin: 0 0 1em 0;
}

h2 {
	font-size: 0.8em;
	color: #032E50;
	margin: 0 0 .5em 0;
}

h3 {
	font-size: 0.8em;
	color: #032E50;
	margin: 0 0 0 0;
}

img {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: none;
}

abbr, acronym {
	cursor: help;
	border-bottom: 1px dashed #069;
}

p {
	font-size: 10pt;
}

blockquote {
	border: 1px dotted #032E50;
	background-color: #ECF9FF;
	color: #333;
	padding: .5em;
	font-size: .8em;
	margin: .5em 1em .5em 1.2em;
}

html>body blockquote {
	margin: .5em 1em .5em 0;
}


ul, ol {
	list-style-position: outside;
	margin: 8px 8px 8px 20px;
}
li {
	padding-bottom: 3px;
	padding-top: 3px;
}

optgroup {
	font-style: normal;
	color: #069;
	font-weight: bold;
}

option {
	color: #000;
}

.floatleft {
	float: left;
}

img.floatleft {
	float: left;
	margin-right: .3em;
}

.floatright {
	float: right;
}

img.floatright {
	float: right;
	margin-left: .3em;	
}

dl.floatright {
	float: right;
	text-align: right;
}

.clear {
	clear: both;
}	

.boxborder {
	padding: .15em;
	border: 3px solid silver;
	background-color: #F2FAFD;
}

.needo2c {
	font-size: .70em;
}

.align-right {
	margin-left:auto;
	margin-right:0;
}

.align-left {
	text-align: left;
}

/* =============================== */
/* == LINK ZUSTÄNDE (ALLGEMEIN) == */
/* =============================== */

a:link, a:visited {
	text-decoration: none;
	color: #069;
}

a:hover, a:active {
	text-decoration: none;
	color: #FC0;
}

/* =================== */
/* == LEFTHAND NAVI == */
/* =================== */

#left-navi{
	position: absolute;
	top: 94px;
	left: 0;
	bottom: 24px;
	width: 166px;
	z-index: 3;
	background: transparent;
	color: #FFF;
	padding: 0 0 0 52px;
	background-image: url(../img/main/menubg.jpg);
	background-repeat: repeat-y;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/ 
	overflow: hidden;
	/* */ 
}

* html #left-bg {
	height: 100%;
	background-image: url(../img/main/menubg.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

#left-bg {
 height: 100%;
}

#left-navi ul, #left-navi li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#left-navi ul {
	margin-top: 10px;
}

#left-navi img {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: normal;
}

* html #left-navi img {
	/* hide from IE5/Mac */
	/* \*/ 
	margin-bottom: -3px;
	/* */ 
}

/* ======================== */
/* == HEADER & META NAVI == */
/* ======================== */

#header{
	margin: 0;
	width: 100%;
	height: 94px;
	background: #FFF;
	color: #333;
	background-image: url(../img/main/headbg.jpg);
	background-position: 166px 0;
}

#meta-nav {
	margin: 26px 0 0 212px;
	float: left;
}

html>body #meta-nav {
	margin: 26px 0 0 270px;
}

#top-navlist ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#top-navlist li {
	display: inline;
	list-style-type: none;
}

.sendungen {
	margin-right: -10px;
}

.glossar {
	margin-right: -6px;
}

.service {
	margin-right: -3px;
}

#left-navi .swrlogo {
	margin: 32px 0 0 16px;
	background-color: #FFF;
}

/* ============= */
/* == CONTENT == */
/* ============= */

#content {
	margin: 0 57px 0 198px;
	position: relative;
	background: red;
	color: #000;
	z-index: 5;
	overflow: auto;
	clear: both;
	margin-bottom: 21px;
	bottom: 24px;
	height: 70%;
	padding-right: 20px;
	padding-top: 3px;
	top: 3px;
}

html>body #content {
	margin: 0 57px 0 200px;
}

#content-headline {
	margin: -34px 0 0 222px;
	position: absolute;
	display: inline;
	z-index: 10;
	font-size: 1.05em;
}

#content-navi {
	margin: -33px 0 0 618px;
}

#step-navlist ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#step-navlist li {
	display: inline;
	list-style-type: none;
}

/* ============ */
/* == LAYOUT == */
/* ============ */

#right {
	position: absolute;
	top: 94px;
	right: 0;
	bottom: 24px;
	width: 59px;
	z-index: 2;
	overflow: hidden;
	background: #215175;
	background: #FFF;
	background-image: url(../img/main/rightbg.gif);
	background-repeat: repeat-y;
	color: #333;
}

#footer {
	position: absolute; 
	margin:0;
	bottom:0;
	left:0;
	display: block;
	width: 100%;
	height: 24px;
	z-index: 40;
	overflow: hidden;
	background-color: #215175;
	background-image: url(../img/main/botbg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.hidden {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

/* ======================= */
/* == DEFINITIONSLISTEN == */
/* ======================= */

#auswahl dl {
	width: 31%;
	height: 9em;
	margin: 1em .2em 0 0;
	float: left;
}

html>body #auswahl dl {
	width: auto;
	min-width: 32%;
}

#auswahl dl img {
	width: 6.25em;
	height: 4.6875em;
}

#auswahl dd a {
	font-size: 1.2em;
	font-weight: bold;
}

/* ========================= */
/* == Übersicht SENDUNGEN == */
/* ========================= */

* html #sendungen-auswahl, * html #sendungen-list {
	width: 84.5%;
}

#sendungen-auswahl dl {
	width: 32%;
	height: 10em;
	margin: 1em 0.2em 0em 0em;
	float: left;
}

html>body #sendungen-auswahl dl {
	width: auto;
	min-width: 32%;
}

#sendungen-auswahl dd img {
	width: 6.25em;
	height: 4.6875em;
	font-size: 1.25em;
}

#content #sendungen-auswahl dd {
	font-size: .8em;
}

#sendungen-inhalt, #sendungen-list {
	width: 97.5%;
}

#sendungen-auswahl dt a {
	font-size: .8em;
	font-weight: bold;
}

#sendungen-list dl {
	float: left;
	width: 63%;
}

#sendungen-list ul {
	float: left;
	width: 10em;
	margin-right: 1em;
}

html>body #sendungen-list ul {
	margin-top: .85em;
}

#sendungen-list ul li, #sendungen-list dl dd, #sendungen-list dl dt {
	font-size: .8em;
}

#sendungen-list ul li {
	padding-bottom: .6em;
}

#sendungen-list h1 {
	text-align: center;
}

#sendungen-list ol {
	margin-left: 1.5em;
	font-size: .8em;
	list-style-type: decimal;
}

#sendungen-list ol li {
	margin: 1em 0 1em 0;
}

.sprechertext {
	margin-bottom: 3.5em;
	width: 78%;
	padding-left: 94px;
	background-image: url(../sendungen/images/moviestrip.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 15.6em;
}

html>body .sprechertext {
	height: auto;
	min-height: 15.6em;
}

.filmlink {
	width: 60px;
	float: left;
	margin: 0 0 0 -2.95em;	
}

html>body .filmlink {
	margin: 0 0 0 -5.85em;
}

.filmlink a {
	text-decoration: underline;
}

.film01 {
	margin-top: 25.5em;
}

html>body .film01 {
	margin-top: 27.25em;
}

.film03 {
	margin-top: 17em;
}

html>body .film03 {
	margin-top: 17.5em;
}

/* ============================================= */
/* == DEFINITIONSLISTE FÜR BILDUNTERSCHRIFTEN == */
/* ============================================= */

#content dl.floatleft {
	margin: 0 .4em .2em 0;
}

#content dl.floatright {
	margin: 0 0 .2em .4em;
}

.rspace {
	margin-right: .2em;
}

 dd {
	margin: .2em 0 0 0;
	font-size: .70em;
}

/* ==================== */
/* == KURSAUFLISTUNG == */
/* ==================== */

#kurs ul, #kurs ol {
	font-size: .8em;
	font-weight: bold;
	list-style-type: none;
	margin: 2em 0 0 2em;
}

#kurs li {
	margin-bottom: 1em;
}

/* ============ */
/* == LISTEN == */
/* ============ */

.liste ul, .liste ol {
	font-size: .8em;
	list-style-type: disc; 
	margin: 0 0 0 2em;
}

.liste dl {
	font-size: 1.25em;
}

.dreispalter ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.dreispalter li {
	float: left;
	background-color: #FFF;
	padding: .5em;
	display: inline;
	width: auto;
	list-style-type: none; 
}

.dreispalter li.text {
	width: 18%;
}

.dreispalter li.text2 {
	width: 40%;
}

.unterschrift {
	font-size: .70em;
}

#tab-organ table, #tab-tumor table, #tab-risiko table, #tab-histamin table, #tab-abwehr table {
	margin-left: .2em;
	font-size: .8em;
	width: 90%;
	border: 1px solid gray;
	border-collapse: collapse;
}

#tab-organ table {
	margin-left: auto;
	margin-right: auto;
}

#tab-organ img, #tab-tumor img, #tab-risiko img {
	font-size: 1.25em;
}

#tab-organ td, #tab-organ th, #tab-tumor td, #tab-tumor th, #tab-risiko td, #tab-risiko th, #tab-histamin td, #tab-histamin th, #tab-abwehr td, #tab-abwehr th {
	padding: 0.2em;	
	border: 1px solid gray;
}

#tab-organ th {
	background-color: #D1E7EF; 
	font-weight: normal;
}

#tab-risiko {
	width: 80%;
	text-align: left;	
}

#tab-tumor, #tab-histamin {
	width: 99%;
	text-align: left;	
}

#tab-tumor th, #tab-risiko th, #tab-histamin th, #tab-abwehr th {
	background-color: #DFDFDF; 	
}

.abwehrzellen {
	font-size: .8em;
}

/* ============= */
/* == ERREGER == */
/* ============= */

/* ======================== */
/* illdef klassen zuordnung */
/* ======================== */

.def-ok {
	margin-top: 3.8em;
}

.def-mk {
	margin-top: 4.35em;
}

#erreger {
	width: 29.875em;
	margin-left: auto;
	margin-right: auto;
}

#erreger h1 {
	font-size: 1em;
	color: #006699;
}

.karte {
	position: absolute;
	top: 16em;
}

.ohnekarte {
	position: absolute;
	top: 1.5em;
}

#erregerauswahl select {
	width: 21em;
	font-size: .75em;
	margin-right: 1em;	
	background-color: #ECF9FF;
	border: 1px solid #006699;
}

#erregerauswahl option {
	color: #000000;
	background-color: #ECF9FF;
}

#erregerauswahl input:hover {
	color: #006699;
	background-color: white;	
}

#erregerauswahl input {
	background-color: #006699;
	border: 1px solid #006699;
	color: #FFFFFF;	
}

#erregerauswahl input:focus, #erregerauswahl select:focus {
	background-color: #ECF9FF;
	color: #000000;
}	

#erregerauswahl optgroup {
	background-color: #ECF9FF;
}

.alt-erregerliste {
	width: 14.6875em;
	padding: .1em;
}

.redh2 {
	color: #CC3300;
}

.blueh2 {
	color: #006699;
}

/* ========================= */
/* hygiene klassen zuordnung */
/* ========================= */

#hygiene {
	margin-left: auto;
	margin-right: auto;
	width: 29.875em;
}

.hygiene ul {
	list-style-type: none;
	font-size: .8em;
}

.hygiene2 ul {
	list-style: outside;
	list-style-type: disc;
	font-size: .8em;
}

.hygiene3 ul {
	margin: 1em 0 0 1em;
	list-style: outside;
	list-style-type: disc;
	font-size: 1em;
}

.hygiene li, .hygiene2 li, .hygiene3 li {
	margin: 0 0 1.2em 3em;
}

/* ============================== */
/* mückenschutz klassen zuordnung */
/* ============================== */

#muecken {
	margin-left: auto;
	margin-right: auto;
	width: 29.875em;
}

#muecken ul {
	list-style: outside;
	list-style-type: disc;
	font-size: .8em;
}

#muecken li {
	margin: 0 0 1.2em 3em;
}

/* ========================== */
/* impfstoffe & malaria texte */
/* ========================== */

#impf h1, #malaria h1, #muecken h1 {
	color: #006699;	
}

#impf li h2 {
	margin: 0;
}

#impf, #malaria {
	margin-left: auto;
	margin-right: auto;
	width: 29.875em;
}

#impf dl, #malaria dl {
	font-size: .8em;
}

#impf dt {
	color: #CC3300;
	margin-top: 1.5em;
}

#malaria dt {
	color: #006699;	
}

#impf dd {
	font-size: 1em;
	margin: 0 0 2.5em 2em;
}

#malaria dd {
	font-size: 1em;
	margin: 0 0 2.5em 0;
}

#impf dl p, #impf ul, #impf ol, #malaria dl p, #malaria ul, #malaria ol {
	font-size: 1em;
	margin-top: 1em;
}

#impf ul, #malaria ul {
	list-style: outside;
	list-style-type: disc;
}

#impf ol, #malaria ol {
	list-style: outside;
	list-style-type: decimal;
}

#impf li, #malaria li {
	margin: 0 0 .5em 3em;
}

.impf {
	list-style-type: none;
	font-size: .8em;
}

.impf li {
	margin: 0 0 1.5em 3em;
}

/* ============= */
/* == AKTEURE == */
/* ============= */

* html #akteure-auswahl {
	width: 84.5%;
}

#akteure-auswahl dl {
	width: 32%;
	height: 10em;
	margin: 1em 0.2em 0em 0em;
	float: left;
}

html>body #akteure-auswahl dl {
	width: auto;
	min-width: 32%;
}

#akteure-auswahl dd img {
	width: 7.5625em;
	height: 6.5625em;
	font-size: 1.25em;
}

#akteure-auswahl dd {
	font-size: .8em;
}

#akteure-auswahl dt a {
	font-size: .8em;
	font-weight: bold;
}

#akteure-abwehr {
	margin: 0;
	padding: 0;
}

/* um den oberen abstand zu bekommen */
.akteure-abwehr-spalte1,
.akteure-abwehr-spalte2 {
padding-top: 10px;
padding-left: 10px;
}

#akteure-abwehr ul {
	width: 100%;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	font-size: .8em;
	list-style: none;	
}

#akteure-abwehr ul {
	list-style: none;
	margin-left: 0;
}

#akteure-abwehr li {
	margin-bottom: .1em;
}

.akteure-abwehr-spalte1 {
	width: 18.75em;
}

.akteure-abwehr-spalte2 {
	margin: 0 0 0 20px;
	width:48%;
}

.akteure-abwehr-zurueck {
	width: 100%;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;	
}

#akteure-abwehr .akteure-abwehr-filme {
	list-style-image: url(../akteure/images/anim_ie.jpg);
	list-style-position: outside;
}

html>body #akteure-abwehr .akteure-abwehr-filme {
	list-style-image: url(../akteure/images/anim.jpg);
	list-style-position: outside;
}

.akteure-abwehr-filme li {
	margin-top: .1em;
	margin-bottom: .2em;
	height: 2.5em;
	margin-left: 2.8em;
}

html>body .akteure-abwehr-filme li {
	margin-left: 3em;
}

#flashcontainer {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
}

.flash-test {
font-size: 9pt;
text-align:center;
margin-top:1em;
}