/**kalender**/
div.kalender_div{
	margin: 0.5em; 
	text-align: center;
}
div.kalender_div a{
	text-decoration:none;
}
div.kalender_div a:hover{
	text-decoration:underline;
}

ul.kalender {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-align: center;
}

ul.kalender li{
width:1.7em;
text-align:center;
list-style-type: none;
float:left;
}


/* Ueberschriften */ 
ul.kalender li.kalender_wochentag_beschriftung{
font-weight: bold;

}

ul.kalender li.kalender_wochentag_nicht_verlinkt{
	color: gray;
}
ul.kalender li.kalender_wochentag{
}
ul.kalender li#kalender_gewaehlter_tag{
	background:#ffffff;
	font-weight: bold;
}

.normal-weight {
	font-weight: normal;
}

/**für print-Link **/
div#wsFunction a{
text-decoration:none;
color:#192D2C;
font-size:0.9em;
line-height:0.92em;
}
div#wsFunction a:hover{
text-decoration:underline;
}

div#wsFunction img.pfeil{
margin-top:0.3em;
}
div#wsFunction img.drucker{
margin-left:2em;
vertical-align:bottom;
}


div.menu_container_relative{
  position:relative;
  top:0;
  left:0;
}

div.menu_hintergrund{
    position:absolute; 
    top:0; left:0;
    width: 100%;
    z-index:0;
}

div.menu_hintergrund img{
  margin-top:1.2em;
  width:100%;
}

	/* Ist auf jeder Seite zu sehen, kommt aus der Datei senderMenu.jsp*/
div#menu_container {
  position:relative; 
  top:0em; left:0;
  width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	clear: both;
	/* in css/2006/global/ws_geometrie.css wird das vorhhergehende element per #wsContentArea #wsBC auf float gesetzt. */
	height: 13em;
	/* IE braucht eine hoehenangabe, sonst faellt das div zusammen und der hintergrund ist nicht sichtbar */
	z-index:1;
}

div#menu_container a {
  font-size: 1em;
	font-weight: bold;

}

div#menu_container a:link {
	text-decoration: none;
}

div#menu_container a:visited {
	text-decoration: none;
}

div#menu_container a:hover {
	text-decoration: underline;
}

div#menu_container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* Ueberschriften */ /* Beide Ueberschriften */
div#menu_container ul#saeulenmenue li {
	/* Hier wieder viele Selektoren um Styles aus /css/global/ws_linklisten.css zu ueberschreiben.  */
	float: left; /* Um die zwei Saeulen (tv,radio) vertikal anzuordnen.  */
	list-style-type: none;
  font-size: 1em;
	font-weight: bold;
}

div#menu_container ul#saeulenmenue li h2 {
	color: #b30000;
	margin: 0;
  font-size: 1em;
	font-weight: bold;
	margin: 0 0 0.7em; /* abstand nach unten */
	padding-left: 0.5em;
	/* Da die li in der ul.wellenliste eingerueckt sind, muessen die Saeulen-Ueberschriften auch eingerueckt sein. */
	text-transform: uppercase;
}

/* Unterschiede der Ueberschriften */
div#menu_container ul#saeulenmenue li#saeule_tv { /* TV */
	width: 20em;
  font-size: 1em;
	font-weight: bold;
	/* nur das rechte menue (tv) braucht eine breitenangabe.  das andere kann sich ausdehnen */
}

div#menu_container ul#saeulenmenue li#saeule_radio { /* RADIO */
  font-size: 1em;
	font-weight: bold;
}

/* Wellenlisten */
div#menu_container ul.wellenliste {
	list-style-type: none;
	float: none;
	/* Floats wieder auschalten, wurden von ul#saeulenmenue ul li geerbt */
	padding: 0;
}

/* hier werden die vielen selektoren benoetigt, um eine hoehere spezifizitaet als "ul#saeulenmenue li" zu erreichen.
    der > (direkt child operator) wird nicht von ie unterstützt. */
div#menu_container ul#saeulenmenue ul.wellenliste li {
	float: none;
	padding-left: 0.7em;
	/* Einrueckung um Platz fuer den Marker beim aktiven li zu lassen */
}

div#menu_container ul#saeulenmenue ul.wellenliste li.active {
	background: transparent
		url(../img/closeable_pfeil.gif) 0.2em
		0.2em no-repeat;
}

/* Der Link zur erweiterten Suche */
	/* befindet sich unterhalb des Hauptmenues, siehe senderMenu.jsp */
a#erweiterte_suche {
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	
	float: right;
	padding-left: 1em;
	margin-top: 1.2em;
	background: url(../img/pfeil_rechts.jpg) no-repeat 0 0.45em;
	
}

a#erweiterte_suche{
	text-decoration: none;
}

a#erweiterte_suche:visited {
	text-decoration: none;
}

a#erweiterte_suche:hover {
	text-decoration: underline;
}

/* Styles fuer die Ergebnisliste der Suche */
	/* Siehe ergebnisBroadcastsTable.jsp */
div#sender_ergebnisse ul {
	list-style-type: none;
	margin: 0;
}

div#sender_ergebnisse ul li {
	margin-bottom: 1em;
	list-style-type: none;
}

/* Style fuer das Form "Erweiterte Suche" */
	/* Siehe suchFormular.jsp */
div#suchform {
	width: 100%;
	margin: 0;
	padding: 0em;
}

div#suchform div#schlagwort {
	width: 100%;
}

/*
  div#suchform div#schlagwort #schlagwortinput{
    float:none;  /* die einzelnen elemente sind horizontal angeordnet
    margin: 0 auto;
  }
  */
div#suchform div#schlagwort label {
	float: none; /* die einzelnen elemente sind horizontal angeordnet */
	display: block;
	margin-top: 0.5em;
	width: 30em;
}

div#suchform div#schlagwort input,div#suchform div#schlagwort select {
	width: 12em;
	font-size: 1.2em;
}


div#suchform div#schlagwort span.beschriftung {
	width: 12em;
	float: left;
	text-align:right;
	vertical-align: middle;
	padding-right:0.5em;
	font-size: 1.2em;
}



div#suchform h2 {
	clear: both;
	font-size: 100%;
	background: #ADC3D8 no-repeat right top;
	/* url(http://www.wdr.de/themen/_config_/nav/2006/rubriken_bg.jpg) */
	font-weight: normal;
	width: 100%;
	margin:1em 0em 0em 0em;
	padding:0;
}

div#suchform h2.not_closeable {
	clear: both;
	font-size: 100%;
	background: #ADC3D8 no-repeat right top;
	/* url(http://www.wdr.de/themen/_config_/nav/2006/rubriken_bg.jpg) */
	font-weight: normal;
	width: 100%;
	margin:0.5em 0em 1em 0em;
	padding:0;
}
div#suchform h2.not_closeable span{
	padding:0em 0em 0em 1em;
}
div#suchform h2 a {
  text-decoration: none;
}

div#suchform h2 a:hover {
  text-decoration: underline;
}



/* es gibt drei Spalten im Formular, diese sind horizontal angeordnet */
div#suchform div.radiogroup {
	width: 33.2%;
	float: left;
	margin-bottom: 1em;
}

div#suchform div.h_radiogroup {
	width: 99.6%;
	margin-bottom: 1em;
}
div#suchform div.h_radiogroup input {
	vertical-align: middle;
	float:left;
	margin-top:0.35em;
}
div#suchform div.h_radiogroup label {
	/* die einzelnen Elemente sind horizontal angeordnet */
	display: block;
	color: #000000;
	float:left;
	width: 33.2%;
}
div#suchform div.h_radiogroup label span.suchform_cat {
	padding-left: 0.3em;
	display: block;
	font-size: 0.95em;
	height-line: 1.2em;
  	float:left;	
  	margin-top:0.35em;
	margin-bottom: 1em;
}
div#suchform div.radiogroup label {
	/* die einzelnen Elemente sind horizontal angeordnet */
	display: block;
	color: #000000;
	margin-bottom: 1em;
	vertical-align: middle;
}

div#suchform div.radiogroup input {
	vertical-align: middle;
}


div#suchform div.radiogroup label span.suchform_cat {
	padding-left: 0.3em;
	padding-top: 0em;
	display: inline-block;
	font-size: 0.95em;
	vertical-align: middle;

}

/* Um den Submit-Button des Form Zentrieren zu koennen muss er mit einem
     Extra-Div umgeben werden */
div#suchform div#submitcontainer {
	width: 100%;
	text-align: center;
	margin-top: 0.5em;
	font-size: 1.2em;
}

div#suchform div#submitcontainer input {
	background: white;
        border:1px solid black;
}

div#suchform .closebutton img {
  margin: 0em 0.2em 0em 0.3em;
}

div ul#ergebnistable {
	margin: 0;
}

div ul#ergebnistable li {
	list-style-type: none;
}

.hide {
	visibility: hidden;
}

.layout_dreispaltig_radio,.layout_dreispaltig_checkbox {
	
}

.layout_dreispaltig_radio_span,.layout_dreispaltig_checkbox_span {
	font-size: 0.9em;
}

.layout_dreispaltig_links {
	position: relative;
	top: 0em;
	left: 0em;
	float: left;
	width: 33%;
}

.layout_dreispaltig_mitte {
	position: relative;
	top: 0em;
	left: 0em;
	float: left;
	width: 34%;
}

.layout_dreispaltig_rechts {
	position: relative;
	top: 0em;
	left: 0em;
	float: right;
	width: 33%;
}

<!--
Ueberschrift -->.lokaer_ueberschrift {
	position: relative;
	text-align: center;
	top: 0em;
	left: 0em;
	width: 100%;
}

.lokaer_ueberschrift h2 {
	text-align: center;
}

<!--
Programmausgabe -->.jetzt_im_programm_uhrzeit {
	font-weight: normal;
}

/* 
  div.sendung wird in verschiedenen listen in verschiedenen jsp-files verwendet.
  die inhalte können sich unterscheiden.
*/
div.sendung { /*position:relative;*/
	width: 100%;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	font-size: 0.9em;
}

div.sendung a:visited {
	text-decoration: none;
}

div.sendung a:link {
	text-decoration: none;
}

div.sendung a:hover {
	text-decoration: underline;
}


/* Wochenprogramm */ /* Siehe index.jsp */
	/* innerhalb von div.sendung */
ul#wochenprogramm div.sender {
	float: left;
	width: 30%;
}

ul#wochenprogramm div.programminfo {
	float: left;
	width: 68%;
	font-size: 1.1em;
}

ul#wochenprogramm div.programminfo a {
	background: url(../img/wdr_pfeil.gif) no-repeat 0 0;
	padding-left: 1em;
	vertical-align:middle;
}

ul#wochenprogramm div.programminfo a:visited {
	text-decoration: none;
}

ul#wochenprogramm div.programminfo a:link {
	text-decoration: none;
}

ul#wochenprogramm div.programminfo a:hover {
	text-decoration: underline;
}

p.meldung {
	text-align: center;
	wirth: 100%;
}

/** Pagination **/
a.paginationslink:link {
	text-decoration: none;
	font-size: 0.9em;
}

a.paginationslink:visited {
	text-decoration: none;
}

a.paginationslink:hover {
	text-decoration: underline;
}

/* Broadcast Liste */ /* Auflistung des Programmes einer Welle */
	/* Siehe broadcastsTable.jsp */ /* Ergebnisliste  */
	/* In ergebnisBroadcastsTable.jsp */ /* innerhalb von div.sendung */
div.broadcast_objekt {
	float: left;
	width: 6%;
}

div.broadcast_sender { /* display:inline; */
	float: left;
	/* margin-left:2.5em;  */
	width: 28%;
	padding: 0;
	vertical-align: top;
}
li a.stundenanker {
	text-decoration:none;
	display:inline;
	margin:0;
	pagging:0;
}

div.broadcast_sender span.uhrzeit {
	display: inline-block;
	font-weight: bold;
	vertical-align: top;
	margin-right: 0.4em;
}

div.broadcast_sender span.uhrzeit_bindestrich {
	display: inline-block;
	font-weight: bold;
	vertical-align: top;
	margin-left: 1.6em;
}



div.broadcast_sender span.sendername {
	display: inline-block;
	font-weight: bold;
	vertical-align: top;
}

div.broadcast_sender span.uhrzeit_von_bis {
	display: inline-block;
	font-weight: normal;
	vertical-align: top;
	margin-right: 0.4em;
}

div.broadcast_beschreibung {
	float: left;
	width: 65%;
	font-weight: bold;
	vertical-align: top;
	font-size:1.1em;
}

div.broadcast_beschreibung a {
	background: url(../img/closeable_pfeil.gif) no-repeat 0 0;
	padding-left: 1em;
}

.broadcast_beschreibung a:link {
	text-decoration: none;
}

.broadcast_beschreibung a:hover {
	text-decoration: underline;
}
/*Sendungsdetails-Seite*/
.objektZurSendung {
	float: none;
	width: 100%;
}
/* 
  div.sendung_details wird in der Object4Broadcast.jsp
	für die Ausgabe von Sendungsdetails verwendet
*/
div.sendung_details { /*position:relative;*/
	width: 94%;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	font-size:1.1em;
}


/* ist innnerhalb von div.objektZurSendung */
div.sendung_details span.bilderZurSendung{
  	font-size:0.9em;
}


div.sendung_details div.objektZurSendung_haupttitel {
	width: 100%;
	font-weight: bold;
	font-size:1em;
}

div.sendung_details div.objektZurSendung_haupttitel a {
	text-decoration: none;
	background: url(../img/closeable_pfeil.gif) no-repeat 0 0;
	padding-left: 1em;

}


div.sendung_details div.objektZurSendung_haupttitel a:hover {
	text-decoration: underline;
}

div.sendung_details div.objektZurSendung_haupttitel span {
	text-decoration: none;
	font-weight: normal;
}

/* ist innnerhalb von  .sendung_ergebniss_beschreibung */
.sendung_ergebniss_untertitel {
	font-weight: normal;
	font-size:1em;
}
/*Ende der Sendungsdetails-Seite*/

/*--Legende in der rechten Spalte, footer.jsp--*/
img.icon {
	vertical-align: top;
	padding-left: 0.1em;
	margin-top: 0.4em;
}

span.symbolerklaerung{
  display:-moz-inline-box;
  display:inline-block;
  padding-left: 0.2em;
  font-size:0.9em;
  text-align:left;
}

/* ---- */
ul#ergebnistable div.sender {
	float: left;
	width: 30%;
}

ul#ergebnistable div.wochenprogramm_downloadlinks {
	float: left;
	width: 68%;
}

ul#ergebnistable div.wochenprogramm_downloadlinks a {
	background: url(../img/download.gif) no-repeat 0 0;
	padding-left: 1.5em;
	vertical-align:middle;
	text-decoration: none;
	font-size:1.2em;
}

ul#ergebnistable div.wochenprogramm_downloadlinks a:hover {
	text-decoration: underline;
}

ul#ergebnistable div.wochenprogramm_downloadlinks a.selected {
	font-weight: bold;
	color: red;
}

ul#ergebnistable div.wochenprogramm_downloadlinks a.selected:hover {
	text-decoration: underline;
}

.sendung_untertitel {
	position: relative;
	top: 0em;
	left: 0em;
	font-weight: normal;
	font-size: 1em;
}

<!--
MENUES -->.ueberschrift {
	position: relative;
	top: 0em;
	left: 0em;
	width: 100%;
}

.ueberschrift a:link {
	text-decoration: none;
}

.ueberschrift a:visited {
	text-decoration: none;;

}

.ueberschrift a:hover {
	text-decoration: underline;;

}

.ueberschrift_dreispaltig_links {
	position: relative;
	top: 0em;
	left: 0em;
	width: 21%;
	float: left;
	font-weight: normal;
}

.ueberschrift_dreispaltig_mitte {
	position: relative;
	top: 0em;
	left: 0em;
	float: left;
	width: 58%;
	text-align: center;
}

.ueberschrift_dreispaltig_rechts {
	position: relative;
	top: 0em;
	left: 0em;
	width: 21%;
	float: right;
	text-align: right;
	font-weight: normal;
}

/* die teaser in der rechten spalte */
/* markup in footer.jsp */
div.teaser h3 {
 color:#EAF1EF; 
 line-height:1.35;
 padding:0.4em 0.5em;
 font-size:100%; 
 background:#305A80; 
}

div.teaser {
 margin-top:0.4em;
 background:#ADC3D8;
}

#wsDisclaimer{
  border-bottom:0em;
  margin-bottom:0em;
}

.clear {
	clear: both;
}
 

h2.closebutton {
	margin-bottom: 0.6em !important;	
}