/* DEV */

body { top:0; left: 0; padding: 0; margin: 0; }


a {text-decoration: none}
a:hover {text-decoration:underline;}
a.gelb {color:#FCF7B2; text-decoration: none}
a.gelb:hover {color:#FCF7B2; text-decoration:underline}
a.weiss {color:#ffffff; text-decoration: none}
a.weiss:hover {color:#ffffff; text-decoration:underline}

.hinweis      { font-size: 12px; line-height: 15px; font-family: verdana }

.standard      { font-size: 11px; line-height: 15px; font-family: verdana }
.error      { color: red; font-size: 11px; line-height: 15px; font-family: verdana }
.subhead { font-size: 12px; line-height: 15px; font-family: verdana }
.gross  { font-size: 13px; line-height: 15px; font-family: verdana }
.klein { font-size: 10px; line-height: 12px; font-family: verdana }
.navig  { font-size: 11px; line-height: 12px; font-family: verdana }
.greyback { color: black; font-size: 11px; font-family: verdana; background-color:#dddddd  }

/* Ab hier die neuen Sachen: cg: Mai.2006 */




/* Farben von Tabellen etc., soweit nur bei radio.ARD.de verwendet, jeweils von hell nach dunkel. Alle anderen kommen aus ardbf.css */

.rpggrau1
{
background-color: #F8F3E9;
}

.rpggrau2
{
background-color: #EFEAE0;
}

.rpggrau3
{
background-color: #E5E0D6 !important;
}

/* Globale Breitenangaben fuer Tabellen. Diese koenne einfach mit sonstigen Anweisungen verkettet werden */

.width10
{
width: 10%;
}

.width20
{
width: 20%;
}

.width30
{
width: 30%;
}


.width35
{
width: 30%;
}

.width40
{
width: 40%;
}

.width50
{
width: 50%;
}

.width60
{
width: 60%;
}

.width65
{
width: 60%;
}

.width70
{
width: 70%;
}

.width80
{
width: 80%;
}








/* Globales */



/* So sollten alle Buttons aussehen. Egal wo */

.rpgbutton, .rpgbutton:link, .rpgbutton:visited 
{
background: #3d8fcc;
padding: 0.4em 0.25em 0.5em 0.25em;
border: #d8e9f5 1px solid;
font-size: 0.7em;
color: #fff !important;
margin: 0 auto 0 auto;

text-align: center;
background-image: url(/images/css/back_buttons.jpg);
background-repeat: repeat-x;
background-position: bottom center;
position: relative;
/* font-weight: bold; */

}

input.rpgbutton
{
background: #3d8fcc;
padding: 0.4em 0.25em 0.5em 0.25em;
border: #d8e9f5 1px solid;
font-size: 0.7em;
color: #fff !important;
margin: 0 auto 0 auto;

text-align: center;
background-image: url(/images/css/back_buttons.jpg);
background-repeat: repeat-x;
background-position: bottom center;
position: relative;
/* font-weight: bold; */

}


.width10em
{
width: 160px;
}

.width12em
{
width: 160px;
}

.width14em
{
width: 160px;
}



.rpgbutton:hover, .rpgbutton:active, .rpgbutton:focus
{
background-color: #3d8fcc !important;
padding: 0.4em 0 0.5em 0;
border: #3d8fcc 1px solid;
color: #fff;
text-decoration: none;
background-image: none;

}

.btnleft
{
float: left;
margin: 0 0 0 0;

}

.btnright
{
float: right;
margin: 0;

}

.btnresults
{
margin: 0.25em 0.5em 0.5em 1em !important;
}

.btntipps
{

clear: both;
}


/* LogInBox */


.logInBox
{
clear: both;
border: 1px solid;
width: 98%;
float: left;
padding: 0;
margin: 1em 0 1em 0;

/* float: left;  verursacht einen MARGIN COLLAPS, verursacht im IE diesen huepfer MARIA */
}


.logInBox .eingabefeld
{
font-size: 0.7em;
float: right;
width: 100px;
background: #e9e9e9;
padding: 0.15em;
border: 1px solid #d5d6d7;
margin: 0 0.35em 0.5em 0;
display: inline;
}

.logInBox p.meinRadio
{
font-size: 0.7em;
margin: 0;
padding: 1px 0 2px 5px;
font-weight: bold;
}

.logInBox fieldset {
margin: 0;
padding: 0;
border: 0px solid #d5d6d7;
border-bottom: 1px dotted #95999a;
float: left;
width: 100%;
}


.logInBox .formzeile {
/* border: #000000 1px solid; */
clear: both;
margin: 0;
padding: 0;
width: 100%;
}


.logInBox p.welcome {
font-size: 0.7em;
margin: 0;
padding: 0.3em 0 0.45em 0.3em;
line-height: 130%;
clear: both;
color: #516384;
}

.logInBox p.person {
background-image: url(/images/css/back_welcome.jpg);
background-repeat: repeat-x;
background-position: bottom center;
font-size: 0.7em;
margin: 0;
padding: 0.3em 0 0.45em 0.3em;
line-height: 130%;
clear: both;
}


.logInBox p.person img {
float: left;
margin: -1px 3px 0 0;
}



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


.logInBox li {
padding: 3px 0 4px 12px;
display: block;
font-size: 0.7em;
border-color: #3d8fcc;
border-style: dotted;
border-width: 1px 0px 0px 0px;
list-style: none;
margin: 0;
clear: both;
position: relative;
}




.logInBox .listIcon
{
border: 0;
vertical-align: text-bottom;
margin: 0px 0 0px -12px;
padding: 0;
float: left;
}

.logInBox label
{
padding: 0.25em 0 0.4em 0.25em;
font-size: 0.7em;
float: left;
width: 65px;
/* background: #e9e9e9; */
}

/* Ende LogInBox */



/* Formulare */


#einfache_suche h1 {
color: #3d8fcc;
margin: 0 0 1em 0;
float: left;
font-size: 0.95em;
}


#expSucheUndHilfe {
color: #3d8fcc;
margin: 0.25em 0 0 0;
padding: 0.5em 1% 0.5em 0;
font-size: 0.7em;
float: left;
width: 99%;
text-align: right;
border-top: 1px dotted #fff;
}

/* Verwaltung. Alle Quittierungen */
div.hinweis
{
border: #3d8fcc 2px solid;
padding: 0.25em;
color: #3d8fcc;
background: #D8E9F5;
margin: 0 0 1em 0;
clear: both;
text-align: center;
}


.hinweis.fehlermld
{
border: #d13f3f 2px solid !important;
padding: 0.5em;
color: #c20000 !important;
background: #f7e3e4 url(/images/verlauf_fehler.jpg) repeat-x !important;
margin: 0 0 1em 0;
clear: both;
font-size: 0.65em;
text-align: left !important;
}

div.hinweis img
{
margin: 0 0 0 0;
vertical-align: middle;
}

div.hinweis p
{
margin: 0;
padding: 0.25em;
font-weight: bold;
font-size: 1.2em;
}


/* Achtung ... dieser Passus ueberschreibt Anweisungen aus dem ARD-Haupt.css */

#ardContentFull 

{
background: #fff;
width: 784px;
display: inline;
float: left;
padding: 0;
margin: 0 8px 0 8px;
}


.ressortHead
{ 
padding: 0; 
	margin: 0.5em 0 0.75em 0; 
	float: right;
	text-align: right;
	display: inline;
}


/* Reiter zur Sortierung der Favoriten */

#favBox {
	padding: 0 0.5em  0 0.5em;
	margin: 0 0 0.5em 0;
	display: inline;
	float: left;

/* 	border-top: 2px solid #5CACD9; */
	border-bottom: 2px solid #5CACD9;
	background: #F2F6F9 url(/images/css/verlauf_fs.jpg) repeat-x bottom center;
}

#favBox h2.favLabel
{
	padding: 0.5em 0 1em 0;
	display: inline;
	margin: 0;
	float: left;
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	color: #5CACD9;
	background: none;
	} 


.favsort
{
font-size: 0.7em;
border-bottom: #E5E0D6 2px solid;
float: left;
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.favsort p
{
float: left;
margin: 0;
padding: 0;
font-size: 1.15em;
}

.favsort ul
{
float: right;
list-style-type: none;
margin: 0;
padding: 0;
border-left: #E5E0D6 1px solid;
}

.favsort .high
{
background: #E5E0D6 url('/images/css/back_favsort_a.jpg') repeat-x bottom center;

}

.favsort li
{
list-style-type: none;
display: inline;
/* background: #fff; */
float: left;
padding: 5px 8px 6px 8px;
margin: 0 0 0 0;
background: #FAF8F7 url('/images/css/back_favsort.jpg') repeat-x bottom center;
border-top: #E5E0D6 1px solid;
border-left: #fff 1px solid;
border-right: #E5E0D6 1px solid;
}


/* Favoritentabelle */
span.waehlen {
clear: both;
float: left;
padding: 0.5em 1% 0.5em 0;
margin: 0;
display: block;
font-size: 0.7em;
text-align: right;
color: #516384;
width: 99%;
background: #fff;
}


.allevents
{
text-align: right;
background: #E5E0D6;
}

.favtable table
{
border: 0px;
border-collapse: collapse;
width: 100%;
background: #F8F3E9;
clear: both;
padding: 0 0 10px 0;
margin: 0 0 1em 0;
}

.favtable table td
{
margin: 0;
font-size: 0.7em;
vertical-align: top;
padding: 5px 0 5px 0;
border-bottom: #fff 5px solid;
color: #516384;
line-height: 145%;
}

.favtable table td.center, .favtable table thead th.center
{
text-align: center;
}


.favtable th
{
font-size: 0.7em;
text-align: left;
font-weight: normal;
background: #ffffff;
color: #516384;
padding: 5px 0 5px 0;
}

.favtable td.conflict
{
width: 5%;
text-align: center;
border-left: 2px solid #fff;
}

.favtable td.zeitwelle
{
border-left: 2px solid #fff;
padding-left: 6px;
}

.favtable td.check
{
width: 7% !important;
text-align: center !important;
background: #E5E0D6;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

.favtable td.allmail
{
text-align: right;
background: #fff;
text-align: right !important;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

.favtable td.sendung
{
width: 40%;
border-right: 2px solid #fff;
padding: 0 5px 0 0;
}



p.favlegend
{
color: #516384;
display: block;
width: 100%;
font-size: 0.75em;
clear: both;
line-height: 140%;
margin: 0.75em 0 0 0;
padding: 0;


clear: both;
}

img.legende
{
float: left;

}


/* Howto favoriten anlegen */
#tutorial
{
margin: 0 0 2em 0;
padding: 0 0 0 5px;
/* background: #ff8400; */
}

#tutorial p
{
font-size: 0.75em;
line-height: 140%;
margin: 0 0 0 0;
padding: 0 0 0.75em 0;
}

#tutorial ul
{
list-style-type: none;
margin: 0 0 1em 1em;
padding: 0;
}

#tutorial li
{
font-size: 0.75em;
list-style-type: none;
margin: 0;
padding: 2px 0 2px 0;
}

#tutorial li img
{

vertical-align: text-bottom;
margin: 0 4px 0 0;

}


#tutorial .imgtut
{
float: right;
margin: 0 0 0 8px;
}






/* Newsletter Optionen  */

#optionsBox {
	padding: 0 0.5em  0 0.5em;
	margin: 0 0 1em 0;
	display: block;
	float: left;
width: 97.75%;
/* 	border-top: 2px solid #5CACD9; */
	border-bottom: 2px solid #5CACD9;
	background: #F2F6F9 url(/images/css/verlauf_fs.jpg) repeat-x bottom center;
}

#optionsBox fieldset {
color: #516384;
padding: 0.5em;
margin: -0.5em 0 2em 0;
font-size: 0.7em;
line-height: 140%;
border: #5CACD9 1px solid !important;
/* border: #fff 2px solid !important; */
background: #fff;

background: #fff url(/xximages/css/back_grau.jpg) repeat-x bottom center;
/* 	border-top: 2px solid #5CACD9; */
/* -moz-border-radius: 11px; */

}

#optionsBox fieldset p {

line-height: 140%;
/* 	border-top: 2px solid #5CACD9; */
}

#optionsBox .inputEingerueckt { 
clear: both;
padding: 0.25em 0 0.75em 1.3em; 
}


#optionsBox fieldset legend 
{
font-weight: bold;
color: #5CACD9;
font-size: 1.25em;
margin: 0 0.5em 0 0.5em;
padding: 0 0.5em 0 0.5em;

}

#optionsBox fieldset.period strong, #optionsBox fieldset.format strong 
{
width: 240px;
display: block;
float: left;
clear: both;
}


#optionsBox fieldset.period p, #optionsBox fieldset.format p
{
line-height: 160%;
padding: 0.25em 0 0.25em 0;
margin: 0;
border-bottom: #516384 1px dotted;
}

#optionsBox fieldset.period p.last, #optionsBox fieldset.format p.last
{
border: 0px; 
}


#optionsBox h2.favLabel
{
	padding: 0.5em 0 0.5em 0;
	display: inline;
	margin: 0;
	float: left;
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	color: #5CACD9;
	background: none;
	} 



#optionsBox fieldset.notify select
{

margin: 0 0.45em 0 0;
float: left;
}

#optionsBox fieldset.notify option
{
font-family: verdana, "sans serif";
padding: 2px 0 2px 2px;
background: #fff;
border-bottom: #d5d6d7 1px solid;
}


#optionsBox p.describe
{
font-family: verdana, "sans serif";
font-size: 0.75em;
line-height: 145%;
xxfont-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0 0;
color: #516384;
}







/* Suchausgabe */



.searchResultContainer
{
/* border: #000000 1px solid; */
}

.searchResultContainer .containerTop
{
/* border: #000000 1px solid; */
width: 520px;
float: left;
}

#swTeaser {
padding: 0 0 1em 0;
margin: 0;
width: 520px;
float: left;
}

#swTeaser img {
padding: 0;
margin: 0;
float: left;
display: block;
}

#swTeaser h2 {
clear: both;
padding: 0.5em 0 0.25em 0;
margin: 0;
width: 100%;
font-size: 0.95em;
color: #001a4b;
}

#swTeaser p {
padding: 0;
margin: 0;
width: 100%;
font-size: 0.75em;
}



.searchResultContainer .noMatch
{
width: 98%; 
padding: 4em 0 4em 0;
margin: 0 0 1em 0;
border: #E5E0D6 2px solid;
background: #F8F3E9;
color: #516384;
clear: both;
float: left;
text-align: center;
font-weight: bold;
font-size: 0.85em;
}

h2.search
{
/* background: #ff8400; */
margin: 0 0 0.5em 0;
font-size: 1em;
padding: 0.25em 0 0 0.25em;
color: #516384;
}


.searchResultContainer .anfrageSummary
{
/* background: #e9e9e9; */
margin: 0 0 0.5em 0;

}

/* Wiederholung der Suchanfrage */
.searchResultContainer .anfrageSummary p
{
font-size: 0.75em;
margin: 0 0 0.25em 0;
padding: 0.35em;
line-height: 140%;
}

.searchResultContainer .resultSummary
{
float: left;

width: 100%;
clear: both;
}

.searchResultContainer .pleaseMark
{
/* border: 1px solid #000;  */

float: right;
width: 33.5%;
color: #3d8fcc;
/* background: #E5E0D6; */
/* border-left: #3d8fcc 1px dotted; */
/* border-right: #3d8fcc 1px dotted; */
margin: 0 0 0.5em 0;

}

.searchResultContainer .pmtop
{
border-top: #3d8fcc 1px solid;
}

.searchResultContainer .pmbottom
{
/* border-bottom: #3d8fcc 1px solid; */
padding: 0 0 0 0; 
text-align: center;
}

.searchResultContainer .pleaseMark h4
{
font-size: 0.7em;
padding: 0.5em 0.5em 0.25em 0.5em;
margin: 0;
}

.searchResultContainer .pleaseMark p
{
font-size: 0.7em;
margin: 0 0 0 0;
padding: 0.5em;
line-height: 130%;
position: relative;
}

/* Fuer Sendung vormerken */
.searchResultContainer label
{
margin: 0 0 0 0;
vertical-align: 3px;
position: relative;
}

.searchResultContainer .pleaseMark input
{
margin: 2px 5px 2px 5.65em;
display: inline;
}


* html .searchResultContainer .pleaseMark input
{
margin: 2px 5px 2px 5.25em;
display: inline;
}

*+html .searchResultContainer .pleaseMark input
{
margin: 2px 5px 2px 5.25em;
display: inline; }

/* Neue Suche unterhalb der Ergebnisse */
.searchResultContainer .newSearch
{
width: 30%;
float: left;
/* border: #ff8400 1px solid; */

}



.searchResultContainer .category, .titelbereich .category
{
color: #516384;
}

.searchResultContainer table
{
clear: both;
width: 100%;
background: #fff;
border-collapse: collapse;
}

.searchResultContainer .sendung
{
font-size: 1em;
}

.titelbereich h2
{
font-size: 1em;

}

.titelbereich p.archiveintrag
{
color: #A21520;

}



.searchResultContainer .details, .titelbereich .details
{
/* background: #ff8400; */
font-size: 1.2em;
display: block;
padding: 5px 0 3px 0;
color: #516384;
}


.searchResultContainer .subtitle, .titelbereich .subtitle
{
font-size: 1.05em;
font-weight: bold;
color: #516384;
padding: 0 0 3px 0;
}


.searchResultContainer .datetime, .titelbereich .datetime
{
/* background: #ff8400; */
padding: 5px 0 3px 0;

}


.searchResultContainer table td
{
padding: 6px 0 6px 4px;
color: #516384;
font-size: 0.7em;
line-height: 130%;
}

.searchResultContainer th
{
font-size: 0.7em;
text-align: left;
font-weight: normal;
}

.searchResultContainer td.eventinfo
{
text-align: center;
vertical-align: top;
/* border-left: #3d8fcc 1px dotted; */
/* border-right: #3d8fcc 1px dotted; */
}

.searchResultContainer td.check
{
width: 10%;
text-align: center !important;
}

.searchResultContainer tr.event td
{
border-bottom: #fff 1.5em solid !important;
}

.searchResultContainer tr.event
{
margin: 0 0 10px 0 !important;
}


.searchResultContainer p.broadcast
{
margin: 0;
padding: 0 0 0.25em 0;
}



p.streams
{
margin: 0.5em 0 0 0;
padding: 0 0 0.25em 0;
}

.streamIcon
{
vertical-align: -2px;
}

.streambutton
{
/* border: #000000 1px solid; */
}

.searchNavi
{
clear: both;
width: 100%;
/* background: #ff8400; */
margin: 1em 0 3em 0;
border-top: #3d8fcc 1px dotted;
border-bottom: #3d8fcc 1px dotted;
padding: 0.5em 0 0.5em 0;
float: left;
width: 100%;
}


.searchNavi ul
{

/* border: #000000 1px solid; */
list-style-type: none;
float: left;
margin: 0 0 0 7.5em;
padding: 0;
display: inline;
}

.searchNavi li
{
float: left;
display: inline;
list-style-type: none;

width: 32px;
height: 32px;
font-size: 0.75em;
margin: 2px;
background: #e9e9e9;
text-align: center;
font-weight: bold;

}



.searchNavi .left
{
float: left;
}

.searchNavi .right
{
float: right;
}

.searchNavi span.respage
{
background: #3d8fcc;
color: #fff;
padding: 4px 0 4px 0;
border: 1px solid #3d8fcc;
display: block;
}

.searchNavi a.respage:link, .searchNavi a.respage:visited
{
display: block;
padding: 4px 0 4px 0;
border: 1px solid #d5d6d7;
background-image: url(/images/css/back_seitennavi.jpg);
background-repeat: repeat-x;
background-position: bottom center;
}

.searchNavi a.respage:hover, .searchNavi a.respage:focus 
{
background: #fff;
color: #000000;
border: 1px solid #d5d6d7;
display: block;
padding: 4px 0 4px 0;
}

.searchNavi p.resultcounter
{
clear: both;
font-size: 0.75em;
text-align: center;
padding: 0.5em 0 0 0;
margin: 0;

}


.bitteuebernehmen {
	clear:both;
	color: #3d8fcc;
	font-size: 0.7em;
	line-height: 130%;
	/* border-top: 1px dotted #e5e0d6; */
	padding: 2em 0 0 0;
	margin: 0;
	}


/* kurze programmsuche index.tpl */

#einfache_suche
{
background-image: url(/images/css/back_suche_klein.jpg);
background-color: #B3D1E9; /*#E3EFF6;*/
background-position: top;
background-repeat: repeat-x;
color: #3D8FCC;
border-top: #3D8FCC 2px solid;
border-bottom: #3D8FCC 2px solid;
float: left;
width: 100%;
margin: 0 0 1em 0;
}

#einfache_suche form
{
padding: 0;
margin: 0;
}


#einfache_suche h1
{
margin: 0;
padding: 0.5em 0 0.15em 0.75em;
font-weight: normal;
width: 90%;
}



#einfache_suche .spalte1, #einfache_suche .spalte2, #einfache_suche .spalte3
{
width: 220px;
float: left;
margin: 0.5em 0 0.5em 0;
padding: 0;
border-right: #6C8EAA 1px solid;
border-left: #fff 1px solid;
height: 3.75em;
/* background: #ff8400; */
}

*html #einfache_suche .spalte1, *html #einfache_suche .spalte2
{
padding: 0.25em 0 0 0;
height: 3.5em;
}

#einfache_suche .spalte1
{
border-left: 0;
}

#einfache_suche .spalte4
{
text-align: center;
margin: 0.5em 0 0.5em 0;
float: left;
width: 96px;
padding: 0.75em 0 0 0.5em;
display: inline;
border-left: #fff 1px solid;
height: 2.95em;
}


#einfache_suche .selwidth
{
width: 192px;
margin: 4px 0 0 0;
}

#einfache_suche .sucheIndexContainer
/* umfasst die Felder ohne Hinweis auf die Expertensuche */
{
float: left;
width: 100%;
/* padding: 0.5em 0 0.5em 0; */
padding: 0 0 0.5em 0;
height: 4em;
background-image: url(/images/css/back_suche_klein.jpg);
}

#detail_suche .sucheIndexContainer
/* umfasst die Felder ohne Hinweis auf die einfache Suche */
{
border-bottom: #7FBADC 1px solid;
float: left;
width: 100%;
padding: 0 0 0.25em 0;
}

#detail_suche .sucheIndexContainer p.backlinkLeft
{
color: #3d8fcc;
margin: 0;
padding: 0.5em 0 0 1em;
font-size: 0.75em;
float: left;
width: 90%;
}

#detail_suche .sucheIndexContainer p.zusatztext
{
clear: both;
color: #3d8fcc;
margin: 0;
padding: 0.95em 0 0 1em;
font-size: 0.75em;
float: left;
width: 90%;
}


#detail_suche .sucheIndexContainer p.zusatztext.coloriert
{
color: #6d7d89;
padding: 0.15em 0 0 1.15em;
font-size: 0.7em;
}




#einfache_suche fieldset
{
padding: 0 0 0 0.75em;
border: 0;
margin: 0 0 0 0;

}

#einfache_suche #suchopt
{
font-size: 0.7em;	
float: right;
padding-right: 1.5em;
}

#einfache_suche #suchoptlayer
{
float: left;
font-size: 0.7em;
background: #bdd8eb;
width: 100%;
}

#einfache_suche #suchoptlayer ul
{
cleaar: both;
float: left;
padding: 0.75em 0 0.5em 1em;
margin: 0;
}


#einfache_suche #suchoptlayer ul li
{

float: left;
color: #001a4b;
list-style-type: none;
padding: 0 0 0.25em 1.25em !important;
width: 97% !important;
margin: 0;
background: url(/images/pfeilopt.gif) no-repeat 0 3px;

}


#einfache_suche #suchoptlayer #closesuchopt
{
padding: 0.5em 0 0 0;
margin: 0;
position: absolute;
width: 824px;
text-align: right;
}

*html #einfache_suche #suchoptlayer #closesuchopt {
margin: 0 0 0 -2.5em;
width: auto;
}

*+html #einfache_suche #suchoptlayer #closesuchopt {
width: 84px;
}



#einfache_suche #suchkurz
{
border: #95999a 1px solid;
font-size: 0.7em;
padding: 2px;
width: 176px;
margin: 0.35em 0 0.25em 0;
}

*html #einfache_suche #suchkurz
{
margin: 0.35em 0 0.15em 0;
}


#einfache_suche select
{
font-size: 0.7em;
font-family: verdana, "sans-serif";

}

#einfache_suche option
{

font-family: verdana, "sans serif";
padding: 2px 0 2px 2px;
background: #fff;
border-bottom: #d5d6d7 1px solid;
}

#einfache_suche fieldset label
{
font-size: 0.7em;
}


#einfache_suche p
/* nur fuer den Hinweis auf die Expertensuche */
{
clear: both;
margin: 0;
padding: 0.5em 1em 0.5em 0;
border-top: #fff 1px solid;
text-align: right;
font-size: 0.7em;
}

/* /kurze programmsuche index.tpl */


/* Programmtipps der Such-Index */
#programmteaser
{
background: #fff;
width: 100%;
float: left;

}

#programmteaser h3
{
font-size: 1em;
margin: 0;
padding: 0.5em 0 0.5em 0;
font-weight: normal;
color: #3D8FCC;
}

#programmteaser .teaserbox
{
margin: 0 0 1em 0;
padding: 0;
background: #E7EBEE;
float: left;
clear: both;
width: 100%;
position: relative;
}

#programmteaser .teaserbox img
{
display: block;
}

#programmteaser .teaserbox .bildbox 
{
float: left;
background: #e1eaf1;
border-right: #fff 3px solid;
margin: 0 0.25em 0 0;
}


#programmteaser .teaserbox .textbox 
{
padding: 0;
margin: 0;
float: right;
width: 82%;
position: relative;
}


#programmteaser .teaserbox p
{
font-size: 0.7em;
margin: 0;
padding: 0 0 0 0;
}

#programmteaser p.ressort
{

margin: 0;
padding: 0.25em 0 0 0;
text-transform: uppercase;
letter-spacing: 2px;
color: #95999a;
font-size: 0.7em;

}

#programmteaser p.genre
{
margin: 0;
padding: 0 0 0 0;
}

#programmteaser h4
/* fuer das Thema */
{
font-size: 0.8em;
margin: 0;
padding: 0.5em 0 0.25em 0;
}
#programmteaser p.unterzeile
{
margin: 0;
padding: 0 0 0.25em 0;

}

#programmteaser .streamingBox
{
background: #fff;
font-size: 0.7em;
margin: 0.25em 0.5em 0.5em 0;
padding: 0.3em 0 0.4em 0.5em;
border: #d5d6d7 1px solid;
display: block;
}


#programmteaser img.ardIconNormal
{
vertical-align: middle;
float: left;
margin: -2px 4px 0 0;
}

#programmteaser .programBox
{

border-top: #95999a 1px dotted;
margin: 0.25em 0 0 0;
padding: 0.25em 0 0.25em 0;
float: left;
width: 99%;
position: relative;
}

#programmteaser .programBox p.sendedatum
{
position: relative;
/* das ist hier nur wegen des Double Content Bug des IE */
}

/* /Programmtipps der Such-Index */




/* Detailsuche */

/* lange programmsuche fuer index.tpl */

#detail_suche
{
background-image: url(/images/css/back_suche_gross.jpg);
background-color: #F3F8FC;
background-position: bottom;
background-repeat: repeat-x;
color: #3D8FCC;
border-top: #3D8FCC 2px solid;
border-bottom: #3D8FCC 2px solid;
float: left;
width: 100%;
margin: 0 0 1em 0;
}

#detail_suche p.backlink
/* nur fuer den Hinweis auf die Expertensuche */
{
clear: both;
margin: 0 0 1em 0;
padding: 1em 1em 0.5em 0;
border-top: #fff 1px solid;
text-align: right;
font-size: 0.7em;
}


#detail_suche form
{
padding: 0 !important;
margin: 0 !important;
}


#detail_suche h1
{
margin: 0;
padding: 0.5em 0 0.15em 0.75em;
font-weight: normal;
width: 90%;
}



#detail_suche fieldset
{
padding: 0 0 0 0;
border: 0;
margin: 1.5em 0 0 0.6em;
width: 31%;
float: left;
display: inline;
}

#detail_suche fieldset.right
{
padding: 0 0 0 0;
border: 0;
margin: 1.5em 0 0 0.6em;
width: 31%;
float: left;
display: inline;
}


/* mittlere spalte mit Kalender */
fieldset.calhell
{
background: #E1ECF5;
}



#detail_suche fieldset legend
{
font-size: 1em;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0.75em 0.25em;
}

/* Box oben fuer die Suchbegriffe */
#detail_suche .detail_suchbegriffe
{
background: #C6DFF3;
border: #fff 1px solid;
width: 100%;
padding: 0;
color: #516384;
height: 9em;
}


#detail_suche .detail_suchbegriffe input.suche_frei
{

font-family: verdana, "sans serif";
font-size: 0.7em;
padding: 2px;
margin: 0.75em 0 0 0.75em;
}

#detail_suche .detail_suchbegriffe p
{
font-size: 0.7em;
padding: 0.65em 0 0 0.75em !important;
margin: 0 !important;
}

#detail_suche .detail_suchbegriffe .inputs
{

font-size: 0.7em;
padding: 0.5em 0 0.5em 0.5em !important;
margin: 0 !important;
}

/* eingabe suchwort */
#detail_suche .detail_suchbegriffe .suche_frei
{
background: #fff;
border: #fff 1px solid;
width: 80%;
padding: 3px;
color: #516384;
margin: 0.5em 0 0 1em;
display: inline;
}


#detail_suche .height3em
{
height: 2em;
/* background: #000000; */
}

#detail_suche h3.programmarten 
{
font-size: 0.75em;
margin: 0 0 0 0.35em;
padding: 1.5em 0 0 0;
font-weight: normal;
color: #3D8FCC;
}

#detail_suche .detail_programmarten
{
width: 100%;
height: 28.85em;
overflow: auto;
background: #E1ECF5;
color: #454545;
border: 1px solid #fff; 
}

#detail_suche .detail_programmarten span
{
font-size: 0.7em;
}

#detail_suche .detail_uhrzeit
{
background: #E1ECF5;
float: left;
width: 100%;
height: 40em;
border: 1px solid #fff; 
}


#detail_suche .detail_wellen
{
width: 100%;
height: 38.06em;
overflow: auto;
background: #E1ECF5;
margin-top: 0.5em;
color: #454545;
border: 1px solid #fff; 
}

#detail_suche .detail_wellen h3
{
font-size: 1em;
margin: 1em 0 0.35em 0.15em;
padding: 0 0 0 0;
color: #454545;
}


#detail_suche .detail_wellen span
{
font-size: 0.7em;
}

/* das sind die nach geners zusammengefassten wellengruppen */
#detail_suche .detail_wellen .wellengenres
{

/* background: #ff8400; */
border-bottom: 8px solid #fff;
margin: 0.5em 0 0.75em 0;
padding: 0.25em 0 0.75em 0.35em;
}

#detail_suche .detail_wellen .wellengenres select
{
font-family: verdana, "sans serif";
width: 224px;
font-size: 0.7em;
/* background: #ff8400; */
}

#detail_suche .detail_wellen .wellengenres select option
{
font-family: verdana, "sans serif";
padding: 2px 0 2px 2px;
background: #fff;
border-bottom: #d5d6d7 1px solid;
}


#detail_suche .detail_treffer
{
clear: both;
padding: 0.5em 0 0 0;

}


#detail_suche .detail_treffer p
{
float: left;
font-size: 0.75em;
color: #454545;
width: 65%;
padding: 0 0 0 0.85em;
}

#detail_suche .detail_treffer select
{
font-size: 0.95em;
}

/* Ende Detailsuche */



/* viewEvent = Sendungsseite */

#viewEvent
{
float: left;
margin: 0 0 1em 0;
width: 100%;
}


#viewEvent img
{
float: left;
margin: 0;

}

#viewEvent .titelbereich
{

width: 100%;
float: left;
}


#viewEvent .titelbereich h2
{
margin: 0 0 0.25em 0;
padding: 0;
clear: both;
}

#viewEvent p
{
font-size: 0.75em;
padding: 0;
margin: 0;
line-height: 140%;
}


#viewEvent p.kurztext
{
font-size: 0.75em;
padding: 0 0 1em 0;
font-weight: bold;
color: #516384;
margin: 0 0 0 0;
line-height: 140%;
}


#viewEvent p.datetime
{
font-size: 0.75em;
padding: 0.5em 0 0.5em 0;
margin: 1em 0 1.5em 0;
line-height: 135%;
border-bottom: #A2AFC5 2px solid;
border-top: #A2AFC5 2px solid;
}

#viewEvent .derTag {
clear: both;
padding: 0.5em 0 0.75em 1.75em;
margin: 0;
font-size: 0.75em;
font-weight: bold;
background: url(images/audio.gif) no-repeat 0 4px;
}


#viewEvent .bildbox
{
margin: 0 0.5em 0.25em 0;
display: inline;
float: left;
/* border-bottom: #A2AFC5 2px solid; */
/* border-top: #A2AFC5 2px solid; */
background: #e1eaf1;
}

#viewEvent .bildbox img
{
border: #fff 1px solid;
display: block;
}


#viewEvent .bildbox p
{
clear: both;
padding: 4px;
font-size: 0.7em;
background-image: url(/images/css/back_bu.jpg);
background-repeat: repeat-x;
background-position: bottom center;
}



#viewEvent .streamingbox
{
width: 100%;
background: #D8E9F5;
border: #A1C6ED 1px solid;

float: left;
margin: 0 0 1em 0;
background-image: url(/images/css/back_streaming.jpg);
background-repeat: repeat-x;
background-position: center bottom;

}

#viewEvent .streamingbox p
{
margin: 0 0 0 0;
padding: 4px;
font-size: 0.7em;
line-height: 140%;
width: 100%;
}


#viewEvent .streamingbox .links .icon
{
float: left;
margin: 3px 3px 0 3px;
}

#viewEvent .streamingbox .rechts .icon
{
float: right;
margin: 0 2px 0 0;
}



#viewEvent .streamingbox .links
{
float: left;
width: 192px;

}

#viewEvent .streamingbox .rechts
{
float: right;
width: 192px;
}




#viewEvent p.untersendung, #viewEvent p.obersendungInfo

{
color: #516384;
background: #fff;
border: #d5d6d7 1px solid;
padding: 0.5em;
line-height: 140%;
margin: 0.5em 0 0.5em 0;
clear: both;
}




#viewEvent p.untersendung a:link

{
clear: both;
display: block;
margin: 0 0 0.5em 0;
}



#viewEvent p.untersendung strong
{
display: block;
color: #516384;
margin: 0 0 0 0;
padding: 0;

}

#viewEvent .externerLink {
width: 100%;
float: left;
font-size: 0.7em;
padding: 0.35em 0 0.35em 1.95em;
margin: 0;
background: url(/images/www_links.gif) no-repeat 0 2px;
}




/* servicekasten */


.ardLinklisteRPG
{
width: 100%;
margin: 1em 0 1em 0;
padding: 0;
display: inline;
float: left;
clear: both;
position: relative;
border-bottom: #B1D2EB 2px solid;
border-top: #B1D2EB 2px solid;
}


.ardLinklisteRPG p
{
font-size: 0.7em;
padding: 3px 0 2px 5px;
margin: 0 0 0 1.5em;

}

.ardLinklisteRPG li
{
padding: 5px 0 1px 24px;
display: block;
line-height: 1.2em;
font-size: 0.7em;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #fff;
list-style: none;
margin: 0;
clear: both;
position: relative;
height: 1.8em;
}

.ardLinklisteRPG .ardIcon
{
margin: 0 5px 0 -20px !important;
vertical-align: middle;
}


.ardLinklisteRPG ul
{

padding: 0 0 1px 0;
margin: 0 0 0 0;


}


/* Fuer den Hinweis auf die vergangene Sendung */

#viewevent_rechts_past
{
float: left;
width: 100%;
padding: 0.35em 0 0 0;
margin: 0 0 1.25em 0;
border-top: 2px solid #A21520;
border-bottom: 2px solid #A21520;
}


#viewevent_rechts_past p
{
font-size: 0.7em;
margin: 0;
padding: 0 2px 0 4px;
line-height: 130%;

}


#viewevent_rechts_past p.wannlief
{
color: #A21520;
font-size: 0.7em;
padding:  0 0 0.5em 0;
}


#viewevent_rechts_reihe
{
float: left;
width: 100%;
padding: 0;
margin: 0 0 1.25em 0;
}


#viewevent_rechts_tipps
{
width: 100%;
padding: 0;
margin: 0 0 1.25em 0;
float: left;
}

#viewevent_rechts_tipps input.rpgbutton2
{
width: 50px;
padding: 4px;
margin: 0 0 0 0;
display: inline;
position: relative;
}





/*  kasten fuer kategorie etc. */ 
#viewevent_rechts_bereich
{
float: left;
width: 100%;
padding: 0;
margin: 0 0 1.25em 0;



}

.viewevent_rechts_sendung
{
float: left;
width: 100%;

}

.viewevent_rechts_sendung p
{
font-size: 0.7em;
margin: 0;
padding: 0 2px 0 4px;
line-height: 130%;
color: #516384;
}

p.viewevent_rechts_tipp_genre
{

margin: 0;
padding: 0.25em 0 0.25em 0.45em;
clear: both;
float: left;
width: 90%;

}

/* Hinweis aus welchem Bereich */
.viewevent_rechts_sendung .viewevent_rechts_text
{
padding: 0.5em 0.25em 0 0.5em;
background: #fff;
color: #516384; 
font-size: 0.75em;
}

/* ist immer der Pfeil nach unten */
.viewevent_rechts_text img
{
display: block;
margin: 3px 0 0 0;
padding: 0 0 3px 0;
}

/* titel der sendung */
.viewevent_rechts_sendung h3
{

padding: 0.5em 0.25em 0.35em 0.5em;
margin: 0;
font-size: 0.7em;
color: #516384;
}

.viewevent_rechts_vormerken
{
padding: 0 0 0 0 !important;
margin: 0.4em 0 0 0 !important;
border-bottom: #fff 8px solid;
position: relative;
float: left;
width: 100%;
}

.viewevent_rechts_vormerken input
{

margin: 2px;
padding: 0;
float: left;
display: inline;
}

.viewevent_rechts_vormerken label
{
/* background: #ff8400; */
padding: 0 0 0 4px;
margin: 1px 0 0 0;
float: left;
}

#ardRechteSpalte fieldset
{
clear: both;
padding: 0;
border: 0;
padding: 0 0 0 0;
width: 100%;
margin: 0;
text-align: center;
}