/********************
 * Generic Elements *
 ********************/

body {
  margin: 0;
  text-align: left; /* Drupal's fix-ie.css sets text-align to center for IE, so we have to reset it to left align! TODO: Maybe we can kick the whole fix-ie.css file?! (Josh) */
  /* CMS-915 Hintergrundbild auf grossen Bildschirmen */
  background-position: top center;
}

.hidden {

}

body,
input,
textarea,
select,
p,
th,td,
ul {
  font-size: 11px;
  font-family: Verdana;
	line-height: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

a,
a:visited,
a:focus,
a:active {
  color: black;
  text-decoration: none;
	outline: none;
}


p a,
p a:visited,
p a:focus,
p a:active,
p a:hover,
p a.dot_link:hover,
#article .longtext ul a,
#article .longtext ul a:visited,
#article .longtext ul a:focus,
#article .longtext ul a:active,
#article .longtext ul a:hover,
#article .longtext ul a.dot_link:hover,
label a,
label a:visited,
label a:focus,
label a:active,
label a:hover,
label a.dot_link:hover,
p a.dot_link_inline:hover {
  color: red;
}

p a.dot_link,
p a.dot_link_inline {
  color: black;
	position: relative;
}

input {
  padding: 3px 0 2px 3px;
}

/*************
 * Container *
 *************/

div#container {
	clear: both;
  background: transparent url("/static/global/transparencies/transparency_container.png") top left repeat;
  margin-top: 24px;
  padding-top: 0; /* Der IE wendet das Margin-top nicht an, mit Padding sollte es aber denselben Effekt erreichen. */
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto;
  width: 968px;
  text-align: left;
}

/**********
 * Header *
 **********/

div#header {
  position: relative;
  z-index: 10;
  height: 92px;
}

#header a {
  color: black;
}

#header img {
  position: absolute;
  left: 17px;
  top: 25px;
  z-index: 10;
}

#logo {
  background-position: 110px 28px;
  height: 100%;
  position: relative;
  z-index: 7;
}

#logo, #drslogo {
  cursor: pointer;
  cursor: hand;
}

/**************
 * Navigation *
 **************/

div#navigation {
  width: 184px;
  float: left;
  position: relative;
  z-index: 10;
	margin-bottom: 32px;
}

#navigation_abisz,
#sgmenubox {
  position: relative;
}

#navigation_abisz span.abisz_overlay {
  background-image: url("/static/epgsgplus/a-z_unfold.png");
  background-repeat: no-repeat;
}

ul.link_list li span.sgmenu_icon,
ul.link_list li span.title {
  display: inline;
  padding-left: 0px;
}

ul.link_list li span.sgmenu_icon {
  position: absolute;
  left: 167px;
  top: 4px;
  width: 13px;
  background-position: left center;
  background-repeat: no-repeat;
}
li#onair-button {
  position: absolute;
  background: white;
  z-index: 30;
}

div.nichtmehraufsendung {
  background: none repeat scroll 0 0 red;
  color: white;
  font-weight: bold;
  padding: 5px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 200px;
  z-index: 20;
}

ul.sgimage_linklist {
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin: 0;
  padding: 0;
  height: 29px;
  width: 100%;
}

ul.sgimage_linklist li {
  cursor: auto;
  list-style-image: none;
  list-style-type: none;
  float: left;
}

ul.sgimage_linklist a {
  position: relative;
  width: 13px;
  height: 13px;
  margin: 8px 0px 8px 8px;
  display: block;
  padding: 0 0;
}
ul.sgimage_biglinklist {
  height: 31px;
}
ul.sgimage_biglinklist a {
  width: 15px;
  height: 15px;
}
ul.sgimage_smalllinklist {
  height: 53px;
}
ul.sgimage_smalllinklist a {
  width: 13px;
  height: 13px;
}

ul.sgimage_linklist span.title {
  display: block;
  visibility: visible;
  position: absolute;
  left: -5000px;
}

ul.sgimage_linklist span.sgmenu_icon {
  visibility: visible;
  position: absolute;
  left: 4pxpx;
  width: 13px;
  background-position: left top;
  background-repeat: no-repeat;
}
ul.sgimage_biglinklist span.sgmenu_icon {
  width: 15px;
}

/** big **/
ul.sgimage_biglinklist a span.sgmenu_home           { background-image: url("/static/epgsgplus/icons_big/home.png");    }
ul.sgimage_biglinklist a span.sgmenu_podcast        { background-image: url("/static/epgsgplus/icons_big/podcast.png"); }
ul.sgimage_biglinklist a span.sgmenu_info           { background-image: url("/static/epgsgplus/icons_big/info.png"); }
ul.sgimage_biglinklist a span.sgmenu_rss            { background-image: url("/static/epgsgplus/icons_big/rss.png"); }
ul.sgimage_biglinklist a span.sgmenu_termine        { background-image: url("/static/epgsgplus/icons_big/termine.png"); }
ul.sgimage_biglinklist a span.sgmenu_calendar       { background-image: url("/static/epgsgplus/icons_big/calendar.png"); }
ul.sgimage_biglinklist a span.sgmenu_email           { background-image: url("/static/epgsgplus/icons_big/email.png"); }
ul.sgimage_biglinklist a.beitrag_hoeren { 
  background-image: url("/static/epgsgplus/icons_big/jetztlive_rollover.png"); 
  background-position: 0px -1px;
  width: 120px;
}

ul.sgimage_biglinklist a:hover span.sgmenu_rss      { background-image: url("/static/epgsgplus/icons_big/rss_selected.png"); }

ul.sgimage_biglinklist a:hover span.sgmenu_home,
ul.sgimage_biglinklist a.active span.sgmenu_home    { background-image: url("/static/epgsgplus/icons_big/home_selected.png");    }

ul.sgimage_biglinklist a:hover span.sgmenu_podcast,
ul.sgimage_biglinklist a.active span.sgmenu_podcast { background-image: url("/static/epgsgplus/icons_big/podcast_selected.png"); }

ul.sgimage_biglinklist a:hover span.sgmenu_info,
ul.sgimage_biglinklist a.active span.sgmenu_info    { background-image: url("/static/epgsgplus/icons_big/info_selected.png"); }

ul.sgimage_biglinklist a:hover span.sgmenu_termine,
ul.sgimage_biglinklist a.active span.sgmenu_termine { background-image: url("/static/epgsgplus/icons_big/termine_selected.png"); }

ul.sgimage_biglinklist a:hover span.sgmenu_calendar,
ul.sgimage_biglinklist a.active span.sgmenu_calendar { background-image: url("/static/epgsgplus/icons_big/calendar_selected.png"); }

ul.sgimage_biglinklist a:hover span.sgmenu_email,
ul.sgimage_biglinklist a.active span.sgmenu_email   { background-image: url("/static/epgsgplus/icons_big/email_selected.png"); }


/** small **/
ul.sgimage_smalllinklist a span.sgmenu_home           { background-image: url("/static/epgsgplus/icons_small/home.png");    }
ul.sgimage_smalllinklist a span.sgmenu_podcast        { background-image: url("/static/epgsgplus/icons_small/podcast.png"); }
ul.sgimage_smalllinklist a span.sgmenu_info           { background-image: url("/static/epgsgplus/icons_small/info.png"); }
ul.sgimage_smalllinklist a span.sgmenu_rss            { background-image: url("/static/epgsgplus/icons_small/rss.png"); }
ul.sgimage_smalllinklist a span.sgmenu_termine        { background-image: url("/static/epgsgplus/icons_small/termine.png"); }
ul.sgimage_smalllinklist a span.sgmenu_calendar        { background-image: url("/static/epgsgplus/icons_small/calendar.png"); }
ul.sgimage_smalllinklist a span.sgmenu_email           { background-image: url("/static/epgsgplus/icons_small/email.png"); }
ul.sgimage_smalllinklist a.beitrag_hoeren {
  background-image: url("/static/epgsgplus/icons_small/jetztlive_rollover.png");
  background-position: 0px -1px;
  width: 120px;
}

ul.sgimage_smalllinklist a:hover span.sgmenu_rss      { background-image: url("/static/epgsgplus/icons_small/rss_selected.png"); }

ul.sgimage_smalllinklist a:hover span.sgmenu_home,
ul.sgimage_smalllinklist a.active span.sgmenu_home    { background-image: url("/static/epgsgplus/icons_small/home_selected.png");    }

ul.sgimage_smalllinklist a:hover span.sgmenu_podcast,
ul.sgimage_smalllinklist a.active span.sgmenu_podcast { background-image: url("/static/epgsgplus/icons_small/podcast_selected.png"); }

ul.sgimage_smalllinklist a:hover span.sgmenu_info,
ul.sgimage_smalllinklist a.active span.sgmenu_info    { background-image: url("/static/epgsgplus/icons_small/info_selected.png"); }

ul.sgimage_smalllinklist a:hover span.sgmenu_termine,
ul.sgimage_smalllinklist a.active span.sgmenu_termine { background-image: url("/static/epgsgplus/icons_small/termine_selected.png"); }

ul.sgimage_smalllinklist a:hover span.sgmenu_calendar,
ul.sgimage_smalllinklist a.active span.sgmenu_calendar { background-image: url("/static/epgsgplus/icons_small/calendar_selected.png"); }

ul.sgimage_smalllinklist a:hover span.sgmenu_email,
ul.sgimage_smalllinklist a.active span.sgmenu_email           { background-image: url("/static/epgsgplus/icons_small/email_selected.png"); }

ul.sgimage_smalllinklist li#prevnextnav {
  display: block;
  clear: both;
  width: 100%;
}

#prevnextnav ul.pager {
  background: transparent;
  width: 100%;
  padding: 0;
}
#prevnextnav a {
  margin: 0;
  height: auto;
  width: auto;
  line-height: 24px;
  padding-top: 0px;
  padding-bottom: 0px;
}
#prevnextnav li {
  background: url("/static/global/transparencies/bigger/transparency_80.png") repeat scroll left top transparent;
  width: 50%;
}

ul.main_navigation_link_list {
	margin-bottom: 40px;
}

#abiszContainer {
  left: 0;
  position: absolute;
  top: 0;
  text-align: left;
  width: 578px;
  z-index: 1000;
  background-color: white;
}

#abiszContainer #background {
  background: none;
  border: 1px solid #7f7f7f;
}

a#abiszClose, a.dot_close {
  height: 22px;
  background: transparent url('/static/global/link_remove_from_cart.gif') 0px 2px no-repeat;
  padding-left: 13px;
}

a#abiszClose {
  position: absolute;
  top: 5px;
  right: 7px;
  z-index: 20;
}

a#abiszClose:hover, a.dot_close:hover {
  color: red;
}

.shadow{
  zoom: 1;
  -moz-box-shadow: 11px 11px 0 rgba(0,0,0,0.25);
  -webkit-box-shadow: 11px 11px 0 rgba(0,0,0,0.25);
  box-shadow: 11px 11px 0 rgba(0,0,0,0.25);
}

.shadowIE6to8 {
  zoom: 1;
  filter:progid:DXImageTransform.Microsoft.DropShadow(color='#40000000',offX='11',offY='3') !important;
}

#sgmenubox {
  margin-top: 32px;
}

#sgmenubox span.header {
  line-height: 24px;
  height: 24px;
  display: block;
}

#nachladen {
  padding: 5px 5px 60px;
  background-image: url(/static/global/pleasewait.gif);
  background-repeat: no-repeat;
  background-position: center 75%;
  text-align: left;
  margin-bottom: 40px;
}

#nachladen.finished {
  background-image: none;
  padding: 5px;
  margin: 0;
}

#navigation li.taggroup div.header {
  background: url("/static/global/linie_hell.gif") repeat-x scroll left top transparent;
  margin: 0;
  display: block;
  padding-top: 1px;
}
#navigation li.taggroup div.header span {
  font-weight: normal;
  background: url("/static/global/transparencies/bigger/transparency_50.png") repeat scroll left top transparent;
}

#navigation li.taggroup div.box ul.link_list {
  margin: 0;
}
#navigation li.taggroup ul.link_list li {
  background: none;
}
#navigation li.taggroup div.box {
  margin: 0;
}

.abiszgrid a.cursor {
  background-color: #D5E2FF;
}
.abiszgrid a.hidden {
  display: none;
}

#sendungsuchen {
  width: 386px;
  margin: 0px 5px 5px 5px;
}


#related ul li {
  list-style: none;
}

/*********************
 * Sender Navigation *
 *********************/

div#programmnav {
  position: relative;
  z-index: 1000;
}

ul#programme {
  position: absolute;
  top: -116px;
  left: 100px;
  z-index: 20;
  padding-left: 4px;
  background: url("/static/global/circles/p3_front_red.gif");
  background-repeat: no-repeat;
  background-position: -97px -96px;
}

/**********************
 * Service Navigation *
 **********************/

ul#service_navigation {
  position: absolute;
  top: -24px;
  margin: 0;
  padding: 0;
  line-height: 24px;
  width: 100%; /* Safari nützt sonst nicht die ganze Breite */
}

ul#service_navigation li {
  padding: 0;
  list-style: none;
  float: right;
  margin-left: 1px;
}

li#senderwahl {
  float: left;
  margin: 0 0 0 121px;
  padding: 0;
  font-weight: bold;
}

ul#service_navigation a,
ul#service_navigation a:link,
ul#service_navigation a:visited {
  position: relative;
  z-index: 100;
  display: block;
  white-space: nowrap;
}

/* Here come the top links ("Administration" etc.) */

#logout a,
#empfang a,
#hilfe a,
#meindrs a,
#administration a,
#home a,
#kontakt a,
#base_10 a,
#base_11 a,
#base_12 a {
  padding: 5px 3px 6px 6px;
  line-height: 13px;
}

/* CMS-3498 Rückbau der Designauswahl und nur noch 1 Hintergrund je Programm
#base_12 {
  margin-right: 103px;
}
*/

#radioein {
  margin-left: 1px;
  padding: 0 4px;
}

#logout a,
#administration a,
#meindrs a,
#empfang a,
#home a,
#hilfe a,
#home a,
#kontakt a,
#base_10 a,
#base_11 a,
#base_12 a {
  margin-right: 3px;
  background: transparent url("/static/global/service_navigation_left_40.png") top left no-repeat;
}

#home.active a,
#empfang a.active,
#kontakt a.active,
#base_10.active a,
#base_11.active a,
#base_12.active a,
#hilfe a.active {
  font-weight: bold;
  background: transparent url("/static/global/service_navigation_left_100.png") top left no-repeat;
}

#logout,
#administration,
#meindrs,
#empfang,
#home,
#hilfe,
#home,
#kontakt,
#base_10,
#base_11,
#base_12 {
  background: url("/static/global/service_navigation_right_40.png") top right no-repeat;
}

#base_10 a,
#base_11 a,
#base_12 a {
  padding-left: 8px;
  padding-right: 4px;
}

#home.active,
#kontakt.active,
#hilfe.active,
#base_10.active,
#base_11.active,
#base_12.active,
#empfang.active {
  background: url("/static/global/service_navigation_right_100.png") top right no-repeat;
}

#logout,
#administration {
  margin-right: 4px;
}

/* Here come the bubble links ("Sendungen", "Themen" etc.) */

div#bubbles {
  position: absolute;
  top: 0;
  left: 0;
}

li#radioein {
  top: 56px;
  left: 199px;
}

div#radioein_bubble {
  top: -65px;
  left: 104px;
}

#themen a,
#beruns a,
#jederrappenzhlt a,
#programm a,
#suche a,
#meinemeinung a,
#podcasts a,
#spiele a,
#blogs a,
#nachrichten a,
#radiokiosk a {
  padding-left: 24px;
  background-position: -100px 121px;
}

#radioein a {
  padding-left: 30px;
  background: transparent url("/static/global/circles/radio_front_red.gif") no-repeat;
  background-position: -96px -97px;
}

div#programm_bubble,
div#themen_bubble,
div#beruns_bubble,
div#jederrappenzhlt_bubble,
div#suche_bubble,
div#meinemeinung_bubble,
div#podcasts_bubble,
div#spiele_bubble,
div#programme_bubble,
div#blogs_bubble,
div#radioein_bubble,
div#nachrichten_bubble,
div#radiokiosk_bubble {
  position: absolute;
  z-index: 5;
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

div#programm_bubble,
div#themen_bubble,
div#beruns_bubble,
div#jederrappenzhlt_bubble,
div#suche_bubble,
div#meinemeinung_bubble,
div#podcasts_bubble,
div#spiele_bubble,
div#programme_bubble,
div#blogs_bubble,
div#nachrichten_bubble,
div#radiokiosk_bubble {
  width: 152px;
  height: 152px;
  background-position: -33px -33px;
}

div#big_bubble {
  background-image: url("/static/global/circles/bg_circle_big.gif");
  background-repeat: no-repeat;
  width: 758px;
  height: 535px;
  opacity: 0.30;
  filter: alpha(opacity=30);
  position: absolute;
  z-index: -1;
  top: -24px;
  left: -201px;
  display: none; /* Bug #1217 */
}

div#programme_bubble {
  /* Behebt Bug #1709 */
  left: 36px;
  top: -87px;
  width: 218px;
  height: 218px;
  background-image: url("/static/global/circles/p3_bg_moving.gif");
}

div#radioein_bubble {
  width: 221px;
  height: 221px;
  background-image: url("/static/global/circles/radio_bg_normal.gif");
}

#podcasts,
#programm,
#themen,
#meinemeinung,
#spiele,
#suche,
#beruns,
#jederrappenzhlt,
#radioein,
#blogs,
#nachrichten,
#radiokiosk {
  position: absolute;
}

#podcasts a,
#programm a,
#themen a,
#meinemeinung a,
#spiele a,
#suche a,
#beruns a,
#jederrappenzhlt a,
#radioein a,
#blogs a,
#nachrichten a,
#radiokiosk a {
  font-weight: bold;
}

li#radioein {
  font-size: 18px;
}

/* Design chooser links */

#design_a,
#design_b,
#design_c {
  width: 26px; /* There is still a padding of 4px on the left and the right! */
}

#design_a {
  background-image: url("/static/global/background_design_a_60.png");
}

#design_b {
  background-image: url("/static/global/background_design_b_60.png");
}

#design_c {
  margin-left: 5px;
  background-image: url("/static/global/background_design_c_60.png");
}

#design_a:hover,
#design_b:hover,
#design_c:hover {
  text-decoration: none;
}

#design_a.active {
  background-image: url("/static/global/background_design_a_100.png");
}

#design_b.active {
  background-image: url("/static/global/background_design_b_100.png");
}

#design_c.active {
  background-image: url("/static/global/background_design_c_100.png");
}

/* Text size chooser links */

#base_10 {
  font-size: 10px;
}

#base_11 {
	font-size: 11px;
}

#base_12 {
  font-size: 12px;
}

#related li a {
  /*background-image: url("/static/global/link.gif");
  background-repeat: no-repeat;*/
  display: block;
}

#related li a.beitrag_hoeren ,
#related li a.beitrag_inline_hoeren {
  /*background-position: 0px 0px;
  background-image: url("/static/global/link_hoeren.gif");*/
}

div#main {
  margin-left: 196px;
}

/*
 * Content
 */

div#content {
  position: relative;
  z-index: 50;
  float: left;
  line-height: 16px;
  padding-top: 24px;
}

.content_only div#content {
  width: 100%;
}

.content_and_hinweise div#content {
  width: 100%;
}

.content_and_related div#content {
  width: 576px;
}

.content_and_hinweise_and_related div#content {
  width: 576px;
}

#contentbg {
  width: 576px;
  background: transparent url("/static/global/transparencies/bigger/transparency_35.png") top left repeat;
  float: left; /* Es ist mir ein Mysterium, wieso das hier gebraucht wird ... - mz, 19.10.07 */
  margin-bottom: 32px;
  overflow: visible;
}
/* --- Raster-Teilung der Informationen --- */

/* --- Inhalte bei Drittel-Teilung --- */
.drittel{width:184px;float:left;margin-bottom:8px;}
.drittelmin{width:184px;min-width:184px;float:left;margin-bottom:8px;}
.drittelcal{width:134px;}
.drittelform{width:170px;}
.drittelx2{width:380px;float:left;margin-bottom:8px;}

/* --- Inhalte bei sechstel-Teilung --- */
.sechstel{width:86px;float:left;margin-bottom:8px;}
.sechstelmin{width:86px;min-width:86px;float:left;margin-bottom:8px;}
.sechstelx5{width:468px;float:left;margin-bottom:8px;}

.drittelspace,.sechstelspace{width:12px;float:left;}
.drittelinner,.sechstelinner{padding-left: 5px; padding-right:5px;}


/* --- Form-Elemente in der Hinweisspalte --- */
.hinweis_formelement,
.hinweis_calinput {
	/* Auskommentiert, da sowohl in FF als auch IE sonst bei Programm Download unschöne Darstellung */
	/*margin-bottom: 8px;*/
	height: 16px;
	padding-top: 3px;
}

.hinweis_select,
div#programm_dropdown select {
	width: 99%;
	/* Auskommentiert: wird von umschliessendem <p> übernommen! josh@quatico.com */
	/*margin-bottom: 8px;*/
	height: 22px;

	/* Auskommentiert, da Firefox den Dropdownbutton (Pfeil nacht unten, rechts der Liste) unschön rendert (Dropdownbutton hat 3px Abstand von Listenumrandung oben) */
	/*padding-top: 3px;*/
}

input#ienddate {
	margin-left: 24px;
}

div#related input#ienddate {
	margin-left: 0;
}

.hinweis_calinput,
form.standard .form-item .calinput{
	width: 140px !important;
}

.hinweis_formelement {
	width: 170px;
}

.radio{
  background: transparent url("/static/global/red.png") no-repeat scroll 0px;
  padding-left: 3px;
}


/**************
 * Breadcrumb *
 **************/

div#drsbreadcrumb {
	font-weight: bold;
	padding-left: 4px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
        width: 570px;
        overflow: hidden;
}

#drsbreadcrumb ul {
	margin: 0;
	padding: 0;
        width: 5000px;
}

#drsbreadcrumb ul li {
	float:left;
	line-height:24px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-right:8px;
}

/**********************
 * Navigation Content *
 **********************/

#timeline {
  position: relative;
  z-index: 10;
	/* Sollte von basic_styles.css mittels higher_lines_link_list übernommen werden mittels Padding */
  /*height: 24px;*/
}

#timeline li {
  float: left;
  display: inline;
	/* Sollte von basic_styles.css mittels higher_lines_link_list übernommen werden mittels Padding */
  /*line-height: 24px;*/
}

#timeline a {
	/* Sollte von basic_styles.css mittels higher_lines_link_list übernommen werden mittels Padding */
  /*height: 24px;*/
  background-position: 5px 6px;
}


#timeline a.active {
  color: black;
  font-weight: bold;
  background-image: url("/static/global/link_sel.gif");
}

#timeline a.inactive,
#timeline a.inactive:hover {
  color: gray;
  background-image: url("/static/global/link_inactive.gif");
}

/***********
 * Article *
 ***********/

div#article {
  position: relative;
  z-index: 10;
  float: left;
  /*margin-bottom: 20px;*/
	overflow: hidden;
}

.content_only div#contentbg, /* Hinzugefügt, weil 4spaltiges Layout sonst doch nur 3spaltig war wenn #contentbg vorhanden (#1790) */
.content_only div#article {
  width: 100%;
}

.content_and_hinweise div#article {
  width: 576px;
}

.content_and_related div#article {
  width: 576px;
}

.content_and_hinweise_and_related div#article {
  width: 380px;
}

/* Content styles */

#content h1 {
  margin-top: -24px;
  line-height: 24px;
  font-size: 11px;
  font-weight: bold;
}

#content h1 a {
  padding: 4px 5px 4px 5px;
}

h2 {
  line-height: 24px;
  font-weight: bold;
  margin: 21px 4px 15px 4px;
	font-size: 18px;
	line-height: 24px;
  /* clear: both auskommentiert: Immer unters bildli... */
  clear: both;
}

.lead {
	font-weight: bold;
  margin: 0px 4px 15px 4px;
  font-size:12px;
  line-height:17px;
}

div#dossier_navigation {
  margin-top: 40px;
}

div#radiokiosk-programme-teaser {
  margin-top: 40px;
}

.dossier h3,
div#comments h3 {
  line-height: 16px;
  font-weight: bold;
  font-size: 11px;
}

div#comments h3 {
	margin-left: 4px;
	margin-right: 4px;
}

.dossier p {
  margin: 0 0;
}

/*
 * Hinweise
 */

div#hinweise {
  margin: 16px 0 24px 0;
}

.content_and_hinweise div#hinweise {
  margin-left: 588px;
}

.content_and_hinweise_and_related div#hinweise {
  margin-left: 392px;
}

a.wetterlink {
	display: block;
	overflow: auto;
}

a.wetterlink img {
	float: left;
	margin-right: 2px;
	margin-top: 13px;
	margin-bottom: 14px;
}

div.content_teaser div.more,
div.content_teaser_with_background div.more {
	  height: 24px;
}

/* eventuell deaktivierbar...  --> div.box
#hinweise .hinweis {
  background: transparent url("/static/global/frequency_single_column.png") top left repeat;
  margin-bottom: 16px;
}
*/

#hinweise .box p img, #related .box p img {
  width: 184px;
  margin: -4px -4px 0 -4px ;
}

#hinweise div.more h3 {
  clear: left;
  font-size: 11px;
  padding: 4px 0;
  margin: 0;
}

#hinweise div.more ul {
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
}

#hinweise div.more ul li {
  float: left;
  display: inline;
  padding-right: 6px;
}

ul.content {
  margin: 0pt;
  padding: 0pt;
  list-style: none;
	/* Auskommentiert (josh@quatico.com) */
  /*margin-top: -24px;*/
  margin-bottom: 24px;
}

ul.content li {
  background-repeat: no-repeat;
  background-image: url("/static/global/link_sel.gif");
  background-position: 5px 3px;
  padding-left: 19px;
  display: block;
  height: auto;
  line-height: 16px;
}

.box ul.externallinks, .box ul.attachments {
  margin:0pt;
  padding:0pt;
  list-style: none;
}

#related ul.attachments li a,
#hinweise ul.attachments li a,
.zimmerbox ul.attachments li a
{
  background-image: url("/static/global/link_downloaden.gif");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  padding-left: 19px;
  display: block;
  height: auto;
  line-height: 16px;
}

/* Image */

div.w184 {
  width: 184px;
}

div.w380 {
  width: 380px;
}

div.w576 {
  width: 576px;
}

/*div.image,*/
div.image_with_floating_text {
  margin-right: 17px;
  float: left;
}

div.image_with_floating_text {
  margin-top: 4px;
	margin-bottom: 16px;
}

#content #background div.image
#content #background div.image_with_floating_text {
  float: left;
  margin-top: 11px;
  margin-bottom: 16px;
}

.full_width div.image_with_floating_text,
#front234 div.image_with_floating_text {
  margin-bottom: 0px;
}

div.content_teaser div.image,
div.content_teaser_with_background div.image,
div.content_teaser div.image_with_floating_text,
div.content_teaser_with_background div.image_with_floating_text {
  float: left;
}

div.image span {
  display: block;
  clear: both;
}

div.box div.image {
	margin-bottom: 0;
}

div.video-teaser-image div.video-play-button {
  background-image: url("/static/global/playbutton_small.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  filter:alpha(opacity=80);
}

div.video-teaser-image:hover div.video-play-button {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

div.article_image_with_floating_text {
    float:left;
    margin:4px 10px 4px 0px;
}

div.box div.image_with_floating_text {
	margin-top: 4px;
}

div.image span, div.image a.dot_link {
  margin-left: 4px;
}

div.image p span, div.image p a.dot_link {
	margin-left: 0;
}

span.copyright {
  margin-left: 4px;
  display:block;
  clear: both;
}

#article p.caption {
  margin: 4px 0 0 4px;
}

/* Links */
a.dot_link {
  background-image: url("/static/global/link.gif");
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding-left: 15px;
  display: block;
}

a.dot_link_inline {
  background: transparent url("/static/global/link.gif") 2px 1px no-repeat !important;
  padding-left: 16px;
  display: inline !important;
  margin-left: -1px;
  margin-right: 8px;
}

a.link {
  background-position: 5px 2px;
  padding-left: 19px;
}

a.top_link {
  background-image: url("/static/global/link_pageup.gif") !important;
  background-position: 5px 6px;
  background-repeat: no-repeat;
  padding-left: 19px;
  display: block;
  line-height: 16px;
}

a.pagedown_link {
  background-image: url("/static/global/link_pagedown.gif");
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding-left: 15px;
  display: block;
  line-height: 16px;

}
a.external_link {
  background-image: url("/static/global/link_ext.gif");
  background-position: 5px 3px;
  background-repeat: no-repeat;
  padding-left: 19px;
  display: block;
  line-height: 16px;
}

a.external_link:hover {
  color: #566973;
}

p a.external_link {
  background-position: 0 !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  padding-left: 0px !important;
  display: inline !important;
}
a.iframe_smartvote_kandidat {
  background-image: url("/static/global/link_ext.gif");
  background-position: 5px 3px;
  background-repeat: no-repeat;
  padding-left: 15px;
  display: inline;
  line-height: 16px;
}

.dot_selected {
  background-image: url("/static/global/link_sel.gif");
  background-position: 0 6px;
  background-repeat: no-repeat;
  padding-left: 13px;
}

a.more_plus_link,
a.more_minus_link,
ul.link_list li a.more_plus_link,
ul.link_list li a.more_minus_link,
p a.more_plus_link, 
p a.more_minus_link {
  background-image: url("/static/global/link_more_plus.gif");
  background-position: 5px 3px;
  background-repeat: no-repeat;
  padding-left: 16px;
  display: block;
  line-height: 16px;
  color: black;
  cursor: pointer;
  cursor: hand;
}

ul.link_list li a.more_plus_link,
ul.link_list li a.more_minus_link {
  background-position: 5px 7px;
  padding-left: 20px;
}
ul.link_list li a.more_minus_link {
  background-image: url("/static/global/link_more_minus.gif");  
}

.zeitraumsuchfilter {
  background: url("/static/global/transparencies/bigger/transparency_80.png") repeat scroll left top transparent;
  margin-bottom: 16px;
}

.zeitraumsuchfilter input.date {
  width: 120px;
  margin-bottom: 4px;
  position: absolute;
  left: 20px;
  top: 0px;
}

.zeitraumsuchfilter input.form-submit {
  margin: 3px 0px 4px 20px;
}

.datebox {
  position: relative;
  height: 24px;
  padding-bottom: 4px;
}

.zeitraumsuchfilter .calendarlink {
  display: block;
  position: absolute;
  right: 8px;
  top: 0px;
}

a.more_minus_link,
p a.more_minus_link {
  background-image: url("/static/global/link_more_minus.gif");
}

/* Auskommentiert: sollte von ul.link_list übernommen werden */
/*a.linklist {
  background-image: url("/static/global/link.gif");
  background-position: 0 5px;
  background-repeat: no-repeat;
  padding: 4px 0 1px 15px;
  display: block;
}*/

/*
 * Related
 */

div#related {
  margin-left: 588px;
}

div#search div.background form div.form-radios {
  padding-left: 0px;
}

div#search label.option {
  padding: 4px 0 4px 22px !important;
  background-position: 0 5px !important;
  line-height: 16px;
  margin-bottom: 4px;
}

div#search span.preceder {
  display: block;
  margin-top: -24px;
  background-color: red;
}

.searchfield,
.dot_link_submit {
  padding: 0;
  margin: 0;
  line-height: 16px;
  border: 0;
}

.searchfield {
  background: transparent url("/static/global/search_input_background.gif") repeat-y;
  background-position: 1px 1px;
  padding: 0 0 0 6px;
  width: 105px;
}

.searchfield {
  display: inline-block;
  height: 16px !important;
  line-height: 16px;
}

.searchbox {
  position: relative;
  height: 16px;
  margin: 5px;
  width: 174px;
}

.searchbox .searchfield {
  position: absolute;
  left: 0px;
}

.searchbox .searchfield.hasPlaceholder {
  color: #aaa;
}

.searchbox .dot_link_submit {
  position: absolute;
  right: 0px;
}

.searchblock .prefix {
  margin-left: 4px;
}

#searchoptions {
  overflow: auto;
}

.localsearch {padding: 5px 5px;}
.localsearch .searchfield {background: #fff url("/static/global/search_input_background.gif") repeat-y;}
.mundartlexikonimage .searchfield {
  margin-left: 4px;
  background: transparent url("/static/global/searchfield.gif") repeat;
  background-position: 0px 0px;
  border: 1px solid red;
  border-top-width: 0px;
  border-bottom-width: 0px;
  width: 168px;
  margin: 0 4px;
}

.dot_link_submit {
  background: transparent url("/static/global/link.gif") 0 2px no-repeat;
}

.dot_link_submit {
  font-weight: bold;
  padding-left: 12px;
  text-align: left;
}

/* aus quiz.css */
.form-submit,
.download_submit {
  border-width: 0;
  font-weight: bold;

	/* Auskommentiert: wird von Container übernommen. josh@quatico.com */
	/* Nachtrag: Argh, das wird im quiz.css wieder überschrieben... Drum auf 0 erzwingen! */
  margin-bottom: 0;
  
	margin-right: 10px;
  margin-top: 3px;
  padding: 5px 5px 5px 17px;
}

.form-submit:hover,
.dot_link_submit:hover,
.download_submit:hover {
  cursor:pointer;
  text-decoration:underline;
}

.form-submit {
  background: #ffffff url("/static/global/link.gif") no-repeat scroll 5px 7px;
}

#facebook-anmelden-link, #meindrs-anmelden-link {
  width: 97px;
  height: 24px;
  border: 0 none;
  cursor: hand;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

#facebook-anmelden-link {
  background-image: url("/static/sso2/facebook.png");
  color: transparent;
}

#meindrs-anmelden-link {
  background: url("/static/sso2/sf.png") no-repeat top left white;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  text-align: center;
  padding: 2px 0 0 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 20px;
}

form.standard .form-submit-plus {
  background: #ffffff url("/static/global/link_more_plus.gif") no-repeat scroll 5px 7px !important;
}

.download_submit {
  background: #ffffff url("/static/global/link_downloaden.gif") no-repeat scroll 5px 7px;
}

/*
 * Footer
 */

div#footer {
  background: transparent url("/static/global/linie_hell.gif") top left repeat-x;
  line-height: 24px;
  height: 92px;
  clear: both;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

#footer ul.link_list {
  line-height: 24px;
  overflow: hidden;
}

#footer ul.link_list li {
  float: left;
}

#footer ul.link_list li a {
  background-position: 5px 6px;
}

#footer ul.link_list li.copyright {
  width: 197px;
}

#footer div.fo_left {float: left; width: 400px;}
#footer div.fo_left a.srf_logo {margin: 10px 5px; display: block; width: 52px; height: 35px; }

#footer div.fo_right {float: right; width: 560px;}
#footer div.fo_right ul.link_list {float: right;}
#footer div.fo_right a {background-image: url("/static/global/link_ext.gif"); background-position: 6px 7px;}
#footer div.fo_right a.srg_logo {float: right; margin: 27px 7px; display: block; width: 532px; height: 18px; background: none; }


/*
#footer ul.link_list li.srg_ssr {
	width: 184px;
  float: right;
}

#footer ul.link_list li.srg_ssr a,
#footer ul.link_list ul.partner li a {
	background-image: url("/static/global/link_ext.gif");
	background-position: 6px 7px;
}

#footer ul.link_list li.srg_ssr a:hover {
	color: gray;
}
#footer ul.link_list ul.partner {
	position: absolute;
	top: 22px;
	left: 197px;
	width: 400px;
}
#footer ul.link_list ul.partner li a {
	background-position: 5px 3px;
}
#footer ul.link_list ul.partner li.desc {
	width: 400px;
	padding-left: 4px;
}
#footer ul.link_list ul.partner li.break {
        width: 100%;
}
*/

a#onlinepodcatcherlinks:hover {
  color: black;
}

/*
 * Common links' layouts
 */

/*********
 * Boxes *
 *********/



div.box {
  margin-bottom: 16px;
  overflow:hidden;
}

#commentsform div.box {
  overflow: visible;
}

div.box div.preceder,
#related div.preceder,
#navigation div.preceder {
  line-height: 24px;
}

div.box .image {
  margin-right: 0px;
}

div.box div.header {
  background: transparent url("/static/global/transparencies/bigger/transparency_80.png") top left repeat;
  display: block;
}
div.box div.header2 {
   background:transparent;
}

div.white div.box div.header {
  background: transparent !important;
}

div.box div.header a,
div.box div.header span {
  padding: 4px;
  margin: 0px;
  font-weight: bold;
  display: block;
  line-height: 16px;
}

div.box div.header a {
  padding-left: 20px;
  background: transparent url("/static/global/link.gif") 5px 6px no-repeat;
}
div.box div.header:hover a {
  color: red;
}

div.box div.background {
  background: transparent url("/static/global/transparencies/bigger/transparency_50.png") repeat scroll left top;
  overflow: hidden;
}
div.box div.header2 h3,
div.box div.header h3 {
  font-weight: bold;  
  line-height:16px;
}


div#front23 div.box div.background {
  background-image: url("/static/global/transparencies/bigger/transparency_65.png");
}

div.box div.background div.content_teaser_front {
  background: none;
}

div.box_white div.background {
  background-image: url("/static/global/transparencies/bigger/transparency_80.png");
}
div.headerimage div.background {
  background: #ffffff;
}
div.headerimage div div.headerform {
  padding-top:72px;
}
div.headerimage div div.headerform div {
  line-height:24px;
  /*width:180px;
  */
}
div.headerimage div div.headerform div.fr {
  float:right;
  padding: 0;
  margin: 0px 0px 0px 5px;
  width: 184px;
}
div.headerimage div div.headerform div.separator {
  width: 1px;
  height: 24px;
  background: #e0ef9b;
  margin-left: 6px;
}

#article.themenkanal .mundartlexikonimage {
  margin-bottom: 16px;
}


#mplf_category {
  width: 174px;
  margin-left: 5px;
}

div.headerform div#mplf_query_liveresults {
    background-color:#ffffff;
    position:absolute;
    z-index:10000;
    border:1px solid #404040;
    margin:0px;
    padding:0px;
}
div.headerform div#mplf_query_liveresults ul {
    list-style:none;
    padding:0 10px;
}

div.headerform div#mplf_query_liveresults ul li {
    margin:0px;    
}

div.headerform div#mplf_query_liveresults_shadow {
    position:absolute;    
    z-index:9999;
    background: #ff3300 none repeat scroll 0 0; 
}

div.box p {
  margin: 4px 4px 12px 4px;
	/* Auskommentiert (einheitliche Zeilenhöhe in body, damit base_10.css und base_12.css nicht X Rules überschreiben müssen */
  /*line-height: 16px;*/
}

div.box ul.link_list {
  margin-top: 4px;
  margin-bottom: 12px;
}
div.box ul.content_list {
  margin-top:0px;
  margin-bottom:0px;
}


#footer a,
a.header {
  background-repeat: no-repeat;
  color: black;
}

#related a {
  color: black;
}

#related a:hover,
#footer a:hover,
#header a:hover {
  color: red;
}

a.header,
#footer a {
  display: block;
}

a.header {
  background-position: 5px 6px;
  padding-left: 19px;
  padding-right: 3px;
}

/* Im Inhalt keine paddings fuer alle links... #content p a, */
#article h3 a,
ul.links a,
a.beitrag_inline_hoeren,
a.beitrag_anschauen,
a.bildergalerie {
  padding-left: 14px;
}

#content p a:hover {
  color: red;
}

#article h3 a {
  background-position: 0 6px;
}

#content p a,
ul.links a,
a.beitrag_inline_hoeren,
a.beitrag_anschauen,
a.bildergalerie {
  background-position: 0 3px;
}

/* moment mal. nicht so reinschiessen mit den dots... ok?
#content a,
*/

a.header,
.tags a,
#footer a {
  background-image: url("/static/global/link.gif");
}

.hinweis p a {
  font-weight: bold;
}

a.header {
  font-weight: bold;
  background-color: #ffffff;
}

/* Markierung von Inhalten als 'ungelesen' ausblenden. */
span.marker {
  display: none;
}

div#top_image {
  float: left;
  height: 104px;
  background-color: yellow;
  background-position: top left;
  background-repeat: no-repeat;
}


/* Inlineklassen fuer bestimmte Form-Elemente */
.selfinline{
  display:inline;
}
.inline div{
  display:inline;
}





/* Unterhalb dieser Linie werde ich das CSS noch aufräumen! (Josh) */
/* =========================================== */

#dossiernav ul ul a {
  height: auto;
  line-height: 16px;
  background-position:20px 1px;
}

#sendungshinweis {
  padding-top: 12px;
}

#article p,
#comments p {
  margin: 0 4px 16px 4px;
}

#article p.with_content_teaser_links {
  margin-bottom: 4px;
}

.longtext p,
.longtext input,
.longtext textarea,
.longtext select,
.longtext th,
.longtext td,
.longtext ul
 {
  font-size: 12px;
  line-height: 17px;
}

.hasbox ul {
    margin-left:204px;
    padding:0;

}

#comments div.comment p,
#comments div.comment div.content {
  margin-bottom: 4px;
}

.indented {
	margin-bottom: 20px;
}

#article p.prefix {
  padding-top: 16px;
}

#article p.top_teaser_prefix {
  margin-top: 12px;
  margin-bottom: 2px;
}

div#content_teasers p.top_teaser_prefix {
  margin-top: 0px;
	margin-bottom: 0;
}

/* Auskommentiert, damit folgende Seite ordentlich aussieht: http://josh.test.drs.ch/cms/de/drs1/themen.html */
/*div#content_teasers hr,
div#content_teasers hr.hr_light,
div#content_teasers div.hr,
div#content_teasers div.hr_light {
	margin-top: 0;
}

p.content_teaser_body span.hr_light {
  margin-top: 0;
  display: block;
  background: transparent url("/static/global/linie_hell.gif") bottom left repeat-x;
}

div#content_teasers hr,
div#content_teasers div.hr {
	margin-bottom: 20px;
}

div#content_teasers hr.hr_light {
	margin-bottom: 0;
}*/

#weiterempfehlen-toggle {
  margin: 16px 0px;
  background-position: 5px 3px;
  font-size: 11px;
  padding-left: 20px;
}

#weiterempfehlen-toggle.more_minus_link {
  margin-bottom: 5px;
}

.audiogalerie #weiterempfehlen-toggle {
}

#weiterempfehlen-toggle span {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 2px;
  clear: none;
  color: transparent;
}
#weiterempfehlen-toggle span.facebook-like { background-image: url("/static/global/facebook_12x12.gif"); }
#weiterempfehlen-toggle span.facebook-share { background-image: url("/static/global/facebook_12x12.gif"); }
#weiterempfehlen-toggle span.google-plus { background-image: url("/static/global/googleplus_12x12.gif"); width: 19px; }
#weiterempfehlen-toggle span.twitter { background-image: url("/static/global/twitter_12x12.gif"); }
#weiterempfehlen-toggle span.mail { background-image: url("/static/global/mail_12x12.gif"); }


hr.hr_light_tagesthema, div.hr_light_tagesthema {
  margin-top: 0px !important;
}

#article p.schlagzeile {
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: bold;
}

#articleXXX div.image {
  margin-right: 17px;
  float: left;
  margin-top: 7px;
}

/* Bilder gibts in drei Breiten: 184, 380 und 576. Trennung in Klasse div.image und div.w184|div.w380|div.w576 */
#article div.imageXXX img {
  float: left;
  width: 184px;
}

.prefix_with_portrait {
  margin-left: 96px !important;
}

#article div.prefix_with_image,
div.content_teaser_front div.prefix_with_image {
  margin-left: 196px;
}
#article div.prefix_with_image_hoch,
div.content_teaser_front div.prefix_with_image_hoch {
  margin-left: 99px;
}

#article div.prefix ul.floating_link_list_two_columns li.right/*,
div.content_teaser_front div.prefix ul.floating_link_list_two_columns li.right*/ { /* Auskommentiert, da sonst dort zu breit */
	width: 184px;
  /*margin-left: 192px;*/
}

p.content_teaser_links {
  background:url("/static/global/linie_hell.gif") repeat-x scroll 0px 0px transparent;
  padding: 4px 0px;
  margin: 0px 4px 8px 4px !important;
}
p.content_teaser_links a {
  margin: 0px 8px 0px 0px !important;
}

p.content_teaser_links a {
  color: black;
  display: inline;
  padding-left: 17px;
}

#content p.content_teaser_links a.beitrag_downloaden {
  background-position: 0 1px;
}

p.content_teaser_links a.beitrag_hoeren {
  padding-left: 16px;
}

p.content_teaser_links a.external_link {
  background-image: url("/static/global/link_ext.gif") !important;
  background-position: 1px 1px !important;
  background-repeat: no-repeat !important;
  display: inline !important;
  line-height: 16px !important;
  padding-left: 14px !important;
}

/* Auskommentiert: benötigt standard margin von links und rechts 4px, damit hr kein Minus Margin benötigt! josh@quatico.com */
/*#article div.prefix_with_image p {
  margin: 0;
}*/

div#content_teasers {
  clear: none;
  margin-top: 0;
  overflow: hidden;
}

div#content_teasers.tkplus_resttk {
  clear: left;
}

.themenkanal > div#content_teasers,
.epgsgplus-mitfront > div#content_teasers {
  margin-top: 16px;
  margin-bottom: 16px;
}
.epgsgplus-mitfront {
  margin-top: 16px;
}
#content_teasers .prefix h3 {
  font-weight: bold;
}
#content_teasers .prefix_with_image h3 {
  font-weight: bold;
  padding: 0 0;
}

#content_teasers .prefix .linke_spalte {
  padding: 0pt 5px;
}

#content_teasers h3 a.dot_link,
h3 a.dot_link {
  background-image: url("/static/global/link.gif");
  background-position: 1px 2px;
  /**margin-top: -0.1px;**/
  padding-left: 17px;
  font-weight: bold;
}
h2:hover a, h3:hover a.dot_link {
  color: red;
}
div.cluster h3 {
  padding-top: 4px;
}
div.cluster img.portrait_teaser {
  margin-top: 4px;
}

p.leadtext {
  margin: 0 0 !important;
  padding: 0 4px 16px !important;
}

p.leadtext_withlinks {
  margin: 0 0 !important;
  padding-bottom: 4px !important;
}

div.cluster_hr_separated {
  background-image:url("/static/global/linie_dunkel.gif");
  background-position: 0px 0px;
  background-repeat: repeat-x;
}

div.content_teaser,
div.content_teaser_with_background {
	  clear: left;
		overflow: hidden;
}

div.content_teaser_image0, div.content_teaser_image1 , div.content_teaser_image2 {
	width: 184px;
  float: left;
  margin-top: 16px;
	margin-bottom:16px;
}

div.content_teaser_image0 h3,
div.content_teaser_image1 h3,
div.content_teaser_image2 h3 {
	padding-bottom: 4px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 4px;
	padding-top: 4px;
	background:transparent url("/static/global/transparencies/bigger/transparency_80.png") repeat scroll left top;
	margin-left: 0px;
}

div.content_teaser_image1 {
	margin-left: 12px;
	margin-right: 12px;
}

#content_teasers div.content_teaser_with_background {
	/* Sieht aufgrund Margins hässlich aus (erstreckt sich nicht über ganze Höhe... josh@quatico.com */
  /*background: transparent url("/static/global/content_teaser_background.gif") top left repeat;*/
}

hr,
hr.clear,
div.hr,
div.hr_clear,
hr.hr_clear_dark,
div.hr_clear_dark {
	/* Cleared sonst ungewollt bei div.prefix_with_image das links gefloatete Image */
  /*clear: left;*/
  border: none;
  height: 1px;
  padding: 0;
  margin: 0;
	margin-bottom: -1px; /* Darf keinen Platz einnehmen, da der HR im Abstand zum unteren Element praktisch inbegriffen ist! (8px gegen oben, dann 1px HR, dann 7px gegen unten) => aber nachfolgendes Element sorgt selber für 8 (NICHT 7) Pixel Abstand, deshalb Höhe des HR neutralisieren! */
  /*background: transparent url("/static/global/linie_dunkel.gif") bottom left repeat-x;*/
}

div.hr_dark {
  background-image: url("/static/global/linie_dunkel.gif");
  background-position: bottom left;
  background-repeat: repeat-x;
  background-color:transparent;
}
div.hr_top {
  background-position:left top; 
}

hr.hr_clear,
div.hr_clear {
  background: transparent url("/static/global/linie_hell.gif") bottom left repeat-x;
  clear:left;
}

hr.hr_clear_dark,
div.hr_clear_dark {
  background: transparent url("/static/global/linie_dunkel.gif") bottom left repeat-x;
  clear: left;
}

#verantwortlich hr,
#verantwortlich div.hr {
  margin-top: 20px;
	/*margin-bottom: 3px;*/
  margin-bottom: 0px;
}
div.subnode {
  clear: none;
  margin-top: 0pt;
  overflow: hidden;
}
#background div.hr_article,
#background hr.hr_article {
    margin-top:4px;
    padding-bottom:4px;
}


div.hell,
hr.hell {
    background-image: url("/static/global/linie_hell.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
    /*background: transparent url("/static/global/linie_hell.gif") bottom left repeat-x;
    */
}

div#content_teasers.fix001 .hr_clear_dark { margin-top: 15px; }


#content_teasers hr.hr,
#content_teasers div.hr{
	margin-bottom: 3px;
}

div#content_teasers hr.hr_clear,
div#content_teasers div.hr_clear,
div#content_teasers hr.hr_clear_dark,
div#content_teasers div.hr_clear_dark {
	/*margin-top: 0;*/
	margin-top: 20px;
	margin-bottom: 4px;
}

#background table.raster hr {
  margin-top: 0px;
	font-size: 0px;
	line-height: 0px;
}
tr.hr td {
  line-height: 5px;
}

.details hr,
.more hr {
  margin-top: 16px;
  margin-bottom: 0px;
}

.details div.hr,
.details div.hr_light,
.more div.hr,
.more div.hr_light {
  margin-top: 16px;
}



#artichle.themenkanal h2 {
  margin: 16px 0 2px 5px;
}

div.hr_light,
hr.light,
div.hr,
div.hr_formlight,
hr.hr_formlight,
.details hr.light,
div.hr_clear_dark {
  padding: 0;
  font-size: 0px;
  line-height: 0px;
	height: 1px;
}

div.hr_light,
hr.light,
div.hr_formlight,
hr.hr_formlight,
.details hr.light {
  background: transparent url("/static/global/linie_hell.gif") bottom left repeat-x;
}

div.hr_light, div.hr_formlight {
	/* Auskommentiert: IE6 cleared sonst z.B. wenn HR in einem Container um ein links gefloatetes Image */
  /*clear: left;*/
  border: none;
  height: 1px;
}

div.hr_formlight, hr.hr_formlight {
  width: 388px;
  margin: 5px 0px;
}

#content_teasers div.termline {
  border: none;
  height: 1px;
  padding: 0;
  margin: 0;
  margin-top: -12px;
  clear: left;
  background: transparent url("/static/global/linie_dunkel.gif") bottom left repeat-x;
}



#article .content_teaser .prefix_with_image hr,
#article .content_teaser_with_background .prefix_with_image hr,
#article .content_teaser .prefix_with_image div.hr,
#article .content_teaser_with_background .prefix_with_image div.hr,
#article .content_teaser .prefix_with_image div.hr_light,
#article .content_teaser_with_background .prefix_with_image div.hr_light
#article .content_teaser_with_background hr.hr_light,
#article .content_teaser hr.hr_light,
#article .content_teaser_with_background div.hr_light,
#article .content_teaser div.hr_light{
	background: transparent url("/static/global/linie_hell.gif") bottom left repeat-x;
  clear: none;
  margin: 4px 0 3px 0;
  padding: 0;
}

#article .content_teaser h3,
#article .content_teaser_with_background h3,
h3 {
  font-size: 11px;
  margin-left: 4px;
}

#article .content_teaser .content_teaser_body,
#article .content_teaser_with_background .content_teaser_body {
  padding-right: 24px;
	margin-bottom: 3px;
}

#related .content_teaser,
#related .content_teaser_with_background {
	  clear: none;
  margin-bottom: 16px;
}







div.detail,
div.more {
  padding: 0;
}

div.longtext,
div.detail {
  margin-left: 4px;
  margin-right: 4px;
}

div.noaudioyet {
  margin-bottom: 16px;
}

div#main div.detail .linke_spalte,
div#main div.more .linke_spalte {
  float: left;
	width: 50%;
}
div.detail,
div.detail div.longtext,
div.detail p {
  font-size:12px;  
  line-height:17px;
}

#article div.longtext p.lastchild {
    margin-bottom:0px;    
}


div.detail h3.subtitle {
    line-height:17px;    
    font-size:12px;
}
div#main.content_and_hinweise_and_related div.detail .linke_spalte,
div#main.content_and_hinweise_and_related div.more .linke_spalte {
  width: 184px;
}

div#main.content_and_related div.detail .linke_spalte,
div#main.content_and_related div.more .linke_spalte {
}

div#main.content_and_related div.prefix li.right_without_left {
  margin-left: 384px;
  width: 184px;
}

div#main.content_and_hinweise_and_related div.detail .rechte_spalte,
div#main.content_and_hinweise_and_related div.more .rechte_spalte {
  padding-left: 196px;
}

div#main.content_and_related div.detail .rechte_spalte,
div#main.content_and_related div.more .rechte_spalte,
div#front23 .rechte_spalte, div#front234 .rechte_spalte {
	margin-left: 51%;
}

/* Paging (Vorhergehende/Nächste) */

ul.pager {
	width: 100%;
	background-color: #eaebed;
}

ul.pager li {
	float: right;
}

ul.pager li.caption {
	float: left;
	text-align: left;
	line-height: 24px;
	padding-left: 4px;
}

ul.pager li.caption span {
	display: inline;
}

/*div#main.content_and_hinweise_and_related ul.pager li.caption {
	width: 321px;
}

div#main.content_and_related ul.pager li.caption {
	width: 542px;
}*/

ul.pager li.caption span.current {
	font-weight: bold;
	display: inline;
}

ul.pager li a,
ul.pager li span.inactive {
	padding-left: 0;
	padding-right: 0;
	
	position: relative;
	background-repeat: no-repeat;
	
}

ul.pager li.previous a {
	background-image: url("/static/global/link_previous.gif");
        text-align: left;
	border-left: 1px solid #FFFFFF;  
        padding-left: 30px;
        background-position: 1px 2px;
}

ul.pager li.previous span.inactive {
	background-image: url("/static/global/link_previous_inactive.gif");
        text-align: left;
        padding-left: 30px;
        border-left: 1px solid #FFFFFF;
        background-position: 1px 2px;
}

ul.pager li.next a {
	background-image: url("/static/global/link_next.gif");
        background-position: 99% 2px;
        border-left: 1px solid #ffffff;
        text-align: right;
        padding-right: 30px;
}

ul.pager li.next span.inactive {
	background-image: url("/static/global/link_next_inactive.gif");
        background-position: 99% 2px;
	border-left: 1px solid #ffffff;
        text-align: right;
        padding-right: 30px;
}

ul.pager li.calendar a {
	background: transparent url("/static/global/link_kalender.gif") top left no-repeat;
        border-left: 1px solid #ffffff;
	width: 24px;
}


.pager {
  clear: both;text-align: center;
}
.pager a, .pager strong.pager-current {
  padding: 0.5em;
}


div.detail h3,
div.more h3,
ul.link_list li h3 {
  font-size: 11px;
  font-weight: bold;
  line-height: 24px;
  margin:0px;
}

#article div.detail p {
margin: 0 0 16px;  
}

#article div.detail div p {
padding:0px;
}
#article div.longtext p,
#article div.detail p.lastchild,
#article div.detail div p.lastchild {
margin:0px;
padding-top:0px;
}

#article div.longtext p {
margin-bottom:10px;
}
#article div.longtext p.lastchild {
margin-bottom:0px;
}

ul.link_list li h3 {
	margin-left: 4px;
}

div#main.content_and_related div.detail ul.floating_link_list_two_columns li.left {
  width:388px;
}
div.detail ul.floating_link_list_two_columns li.right {
  width:180px;  
}
div.more h2 {
  font-weight: lighter;
  clear: both;
}

div.more h3 {
  font-weight: lighter;
}

div.detail h4,
div.more h4 {
  margin: 4px 0 4px 0;
  font-size: 11px;
}

div.detail ul,
div.more ul {
  margin: 0;
  padding: 0;
}

div.detail ul li,
div.more ul li {
	/* Auskommentiert: sonst wirkt li.right_without_left von two_columns_link_list (basic_styles.css)! (josh@quatico.com) */
  /*margin: 0;*/
  padding: 0;
}

div.detail ul li,
div.more ul li {
	/* Auskommentiert: wird per padding von higher_lines_link_list erledigt (basic_styles.css)! (josh@quatico.com) */
  /*line-height: 24px;*/
  list-style: none;
}

div.detail li a,
div.more li a {
}

div.detail h4 a {
  background-repeat: no-repeat;
  background-image: url("/static/global/link.gif");
  background-position: 1px 2px;
  padding-left: 14px;
  display: block;
}

div.detail div.morelinks {
  /* display:inline; */
  /* float:left;  */
  margin-left:392px;
  margin-top:4px;
  margin-bottom:20px;
}


br.lclr {
  /* clear:left;  */ 
}

a.beitrag_hoeren {
  padding:0px;
  background-color:transparent;
  background-image:url('/static/global/link_hoeren.gif');
  background-repeat:no-repeat;
  background-position:5px center; 
  padding-left:21px;
  /* Auskommentiert, sonst macht der FF keinen Umbruch in Liste bei "Download Link" (http://josh.test.drs.ch/cms/de/drs1/sendungen/top/ratgeber.html)... :-/ josh@quatico.com */
  /*float: left;*/
}
a.beitrag_hoeren span {
    
}

a.beitrag_inline_hoeren{
  padding-left: 16px;
  background-image: url("/static/global/link_hoe_play.gif");
  background-repeat: no-repeat;
  display: block;
}
a.isplaying {
  padding-left: 16px;
  background-image: url("/static/global/link_hoe_stop.gif");
  background-repeat: no-repeat;
}

#divsrdrsinlineplayer, #divsrdrsinlineplayer iframe{
    width: 190px; width: 490px;
    width: 0px; width: 0px;
}
#divsrdrsinlineplayer{position:absolute; margin-top: 3px; height: 18px;
    border: 0px solid #ddd;
    opacity: 0.9;
    z-index:1000;
}
#divsrdrsinlineplayer iframe{position:absolute;  }

a.beitrag_anschauen {
  padding-left: 16px;
  background-image: url("/static/global/link_video.gif");
  background-repeat: no-repeat;
	display: block;
}

a.bildergalerie {
  padding-left: 16px;
  background-image: url("/static/global/link_gallery.gif") !important;
  background-repeat: no-repeat;
  display: block;
}
p.content_teaser_links a.bildergalerie {
  background-image: url("/static/global/link_gallery.gif") !important;
  background-position: 1px 0px !important;
}
p.content_teaser_links a.video {
  background-image: url("/static/global/link_video.gif") !important;
  background-position: 1px 0px !important;
}

a.produkt_kaufen {
  padding-left: 16px;
  background-image: url("/static/global/link_kaufen.gif") !important; 
  background-repeat: no-repeat;
  display: block;	
}

a.beitrag_downloaden {
  padding-left: 21px;
  background-image: url("/static/global/link_downloaden.gif");
  background-repeat: no-repeat;
	display: block;
}

p a.beitrag_hoeren, p a.beitrag_inline_hoeren{
  background-position: 0px 1px !important;
  display: inline;
  padding-bottom: 1px;
  margin-left: 4px;
}

p.titleandaudio a.beitrag_hoeren {
  margin-left: 0px;
}

a.beitrag_hoeren,
p.leadtext a.beitrag_hoeren,
p.titleandaudio a.beitrag_hoeren,
p.leadtext a.beitrag_inline_hoeren {
  color: black;
}

a.beitrag_hoeren:hover,
p.leadtext a.beitrag_hoeren:hover,
p.titleandaudio a.beitrag_hoeren:hover,
p.leadtext a.beitrag_inline_hoeren:hover {
  color: red;
}

/* ul li a.beitrag_downloaden hinzu, da sonst von "ul li a" in basic_styles.css uebersteuert - hahnax */
ul li a.beitrag_downloaden,
a.beitrag_downloaden, div.detail a.beitrag_downloaden,
div.more a.beitrag_downloaden {
  display: block;
  clear: left;
  background-repeat: no-repeat;
  background-image: url("/static/global/link_downloaden.gif");
  background-position: 5px center;
  color: black;
}

div.detail a.beitrag_downloaden:hover,
div.more a.beitrag_downloaden:hover {
  color: red;
}

ul.rastershortcuts {
  padding: 0 4px;
  margin: 2px 0 0px 0;
 	position: relative;
 	overflow: auto;
}

ul.rastershortcuts li {
  list-style: none;
  display: list-item;
  position: relative;
  white-space: nowrap;
}

ul.rastershortcuts li,
div.detail ul.float li,
div.more ul.float li {
  float: left;
  line-height: 16px;
  padding-right: 8px;
}

ul.rastershortcuts li a,
div.detail ul.float li a,
div.more ul.float li a {
  padding-left: 15px;
  background-image: url("/static/global/link.gif");
  background-position: 0 2px;
}

ul.rastershortcuts li a:hover {
 	color: red;
}

div.more2 ul.float {
  margin-bottom: 0px;
}

/* Give the ID "background" to the element that surrounds the whole article except the "more" divs! */
div#background {
  background: transparent url("/static/global/transparencies/bigger/transparency_80.png") top left repeat;
  overflow: hidden; /* Makes sure that this div clears at the bottom (according to this article: http://www.quirksmode.org/css/clearing.html) */
}

div#comments {
  background: transparent url("/static/global/transparencies/bigger/transparency_80.png") repeat scroll left top;
  overflow: hidden;
  clear: left;
}

div#comments div.indented hr,
div#comments div.indented hr.hr_light,
div#comments div.indented div.hr,
div#comments div.indented div.hr_light {
	margin-left: 5px;
	margin-right: 5px;
}

#sendungshinweis p  {
  padding-bottom: 16px;
}

div#verantwortlich {
  background-image: url("/static/global/transparencies/bigger/transparency_50.png");
}

div#stichwoerter {
  background-image: url("/static/global/transparencies/bigger/transparency_35.png");
}

div#stichwoerter p,
div#verantwortlich p,
div.detail p,
div#links p {
  margin: 0px 4px;
  padding-top: 3px;
}

#error {
	border-top: 1px dotted #cc9999;
	border-bottom: 1px dotted #cc9999;
	/* Gibt ansonsten in den Fehlermeldungen im Warenkorb einen unwerwünschten "Spalt".
	 * Hat es noch auf andere Fehlermeldungen Auswirkung?
	margin-bottom: 10px;
	*/
	padding: 6px 8px 6px 28px;
	background: url("/static/global/icon_alert.gif") left center no-repeat;
	background-color: #f8f8f8;
	color: #cc0000;
}

 /* Achtung: 
  * Klassen, die auf Formularfeder wirken, wirken auch auf das ugebende Div
  * Darum notieren mit div.xxx resp input.xxx!
  */
div.error {
	color: #cc0000;
}

input.error {
	border-color: #cc0000;
}

input.navinputfield {
  margin-left: 18px;
}

ul.paging-bar {
  margin-bottom: 4px;
  margin-top: 4px;
}

li.paging-resultcount {
  width: 220px;
}

li.paging-pagenumber {
	text-align: center;
  width: 120px;
}

li.paging-pageindex {
  text-align: right;
  width: 236px;
}

ul.paging-bar li.paging-pageindex span,
ul.paging-bar li.paging-pageindex a {
	display: inline;
	padding-left: 5px;
	padding-right: 4px;
}

ul.paging-bar li.paging-pageindex a {
  color: red;
  background: none;
}

/**** Programmraster ****/
table.raster {
  width: 576px;
  clear: left;
  padding: 0 0;
  margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 24px;
	/*background-image: url("/static/global/linie_dunkel.gif");*/
	background-position: bottom left;
	background-repeat: repeat-x;
}

table.musikrecherche td.duration, table.musikrecherche th.duration { 
  width: 82px;
}

table.musikrecherche table.expandedsong {
  margin: 0;
  padding: 0;
  width: 100%;
}

div#main table.expandedsong div.kanalansicht div.prefix_with_image ul.floating_link_list_two_columns li.left {
  width: 246px;
}
div#main table.expandedsong div.kanalansicht div.prefix_with_image ul.floating_link_list_two_columns li.right {
  width: 112px;
  padding-left: 4px;
  padding-right: 12px;
}

table.expandedsong td, table.musikrecherche tr.entry td {
  background-image: none;
}

table.musikrecherche th.duration {
  padding-left: 4px;
}
table.musikrecherche tr.programmabschnitt_separator td {
  background-image: none;
  padding-bottom: 16px;
}

td.hoeren a.more_plus_link, td.hoeren a.more_minus_link {
  background-position: 1px 3px;
}

/** playlists und 2-spaltiges raster */
div.content_and_hinweise_and_related table.raster {
  width: 388px;
}
#article .details table.raster {
  margin-bottom: 0px;
  margin-top: 0px;
}

/** playlist Zwischentitel */
#article .details table.raster p {
  line-height: 24px;
  margin: 0pt 4px;
}

table.raster a:hover {
  color: red;
}

table.raster td {
	background-image: url("/static/global/linie_hell.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-top: 3px;
	padding-bottom: 3px;
}
table.raster td.noseparator {
  background-image: none;
}

tr.pa td {
	/*background-image: url("/static/global/linie_dunkel.gif");*/
  font-weight: bold;
  padding-top: 24px;
}

td.name {
  vertical-align: top;
}

td.duration, td.hoeren {
  width: 92px;
  padding-right: 12px;
  padding-left: 4px;
  vertical-align: top;
}

table.musikrecherche td.hoeren,
table.expandedsong td.hoeren {
  width: 112px;
}
table.expandedsong td.name {
  width: 348px;
}

tr.pa td {
  padding-left: 4px;
	padding-right: 4px;
}

td .hr_light {
  font-size: 2px;
  padding-top: 1px;
}

tr .hr td {
  font-size: 2px;
  line-height: 2px;
}

tr .hr div, tr .hr hr {
  margin-top: 0px;
}

table.raster a.dot_link:hover {
  color: red;
}

table.raster tr.first td {
	background-image: url("/static/global/linie_dunkel.gif");
}

table.raster tr.last td {
	background-image: url("/static/global/linie_dunkel.gif");
}

table tr.pr td {
}

#letterlist {
  margin-top: 4px;
  margin-left: 1px;
  margin-bottom: 0;
  margin-right: 5px;
  padding: 0;
}

#letterlist li {
	position: relative;
  float: left;
  display: inline;
  margin-left: 4px;
}

#letterlist .inactive {
  color: gray;
  background-image: url("/static/global/link_inactive.gif");
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-left: 14px;
}

#abisztable {
	clear: left;
}

#abisztable td {
  padding: 5px;
}

#abisztable tr {
  background: transparent url("/static/global/linie_hell.gif") bottom left repeat-x;
}

#abisztable tr.lastprogram {
  background: transparent url("/static/global/linie_dunkel.gif") bottom left repeat-x;
}

#abisztable tr.topbar {
  background: none;
}
#abisztable tr.topbar td {
  padding-left: 0;
}

#abisztable th {
  background: transparent url("/static/global/linie_dunkel.gif") bottom left repeat-x;
  border: none;
  padding: 5px;
  padding-top: 24px;
  font-size: 16px;
  font-weight: bold;
}
.abiszgrid {float: left; }
.abiszbox {float: left; height: auto; width: 191px; margin: 0px 1px 1px 0px;}
.abiszbox .abisztitle {background: url("/static/global/linie_dunkel.gif") repeat-x scroll left top transparent; padding: 3px 10px; font-weight: bold;}
.abiszbox .abiszcontent {background: url("/static/global/linie_hell.gif") repeat-x scroll left top transparent; padding: 3px 10px 20px 10px;}
.abiszbox .abiszcontent a:hover {color: #f00; }
.abiszlink {background: url("/static/global/linie_dunkel.gif") repeat-x scroll left top transparent; padding: 3px 10px;clear: both;}
#abisztip { padding: 3px; border: 1px solid #566973; background: #fff; width: 210px;  text-align: left; overflow: hidden; }
#abisztip .arrow {background-image: url("/static/global/abiszhalfarrow.gif"); text-align: left; width: 15px; height: 8px; display: block; position: absolute; top: -8px; left: 5px; }

span.hilite {
  background-color: rgb(255, 255, 102);
}

#schwerpunkte-heute-newslist ul.link_list li a {
  font-weight: bold;
}

#schwerpunkte-heute .background {
	padding: 0;
	margin: 0;
}

#schwerpunkte-heute-newslist {
  border: none;
	padding: 0;
	margin: 0;
	/* TODO: noch dunklen Hintergrund einfuegen! */
}

#content_teasers h2.termtitle, h2.termtitle {
	/*padding: 0;
	padding-bottom: 4px;
  padding-left: 4px;*/
}

#content_teasers h2.termtitle a {
	background-image: url("/static/global/link_big.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 18px;
}


div#background a.beitrag_hoeren:hover a.beitrag_anschauen:hover {
  color: red;
}

a.attachment_link span.head {
  display: none;
}

div.linkgalerie a.attachment_link span.head,
div.linkgalerie a.attachment_link span.tail {
  display: inline;
  padding-left: 0px;
}
div.linkgalerie a.attachment_link span.hellip {
  display: none;
}

div.more div.attachmentlist {
  margin-left: 196px;
  width: auto;
  position: relative;
  margin-bottom: 24px;
	margin-top: -24px;
}

div.more div.attachmentlist a.beitrag_downloaden {
  display: block;
	padding-top: 4px;
	padding-bottom: 3px;
}

div.content_teaser_front {
  margin-bottom: 16px;
}

div.content_teaser_front .top_teaser_prefix,
div.content_teaser_front .more
 {
  margin: 0;
	padding: 4px;
}

#front23 div.content_teaser_front .more {
  width: 372px;
}

#front234 div.content_teaser_front .more {
  width: 568px;
}

div.content_teaser_front .more {
	position: relative;
	float: left;
  padding-bottom: 12px;
}

div.content_teaser_front h2 {
  position: relative;
  margin-top: 5px;
  margin-bottom: 7px;
  margin-left: 2px;
  font-weight: bold;
}

div.content_teaser_front h2 a {
  background-image: url("/static/global/link_big.gif");
  background-repeat: no-repeat;
  background-position: 1px 3px;
  padding-left: 16px;
  padding-right: 4px;
  display: block;
}

div.content_teaser_front .content_teaser_body {
  margin-bottom: 4px;
}

div.content_teaser_inlineaudios p.content_teaser_body,
div.content_teaser_inlineaudios p.content_teaser_body {
  margin-bottom: 4px !important;
}

ul.link_list ul li#meindrs_noBroadcast {
	padding: 5px;
	line-height: 16px;
}

ul.link_list ul li#meindrs_noBroadcast a {
	display: inline;
  line-height: 16px;
	margin: 0;
	padding: 0;
	background-position: 0 0;
	padding-left: 16px;
}

ul.tabs li.active {
  font-weight: bold;
}

div.term_0 {
	padding-top: 16px;
	padding-left: 5px;
	vertical-align: middle;
}

div.term_1 {
  padding-left: 21px;
  vertical-align: middle;
}

input.meindrs-submit {
  margin: 6px 10px 24px 4px;
  background: #FFFFFF url("/static/global/link.gif") no-repeat scroll 5px 5px;
  border: 0px solid #DDDDDD;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 3px 3px 5px 16px;
  cursor: pointer;
  cursor: hand;
}

.meindrs input.text {
  width: 380px;
  height: 16px;
  line-height: 16px;
}

form.meindrs .form-loginbuttons {
  width: 386px;
  padding: 6px;
}

.image_multicol img {
  display: block;
}

table.content a {
  display: block;
}

table.content {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  background: transparent url("/static/global/linie_dunkel.gif") bottom left repeat-x;
}

table.content thead {
  background: transparent url("/static/global/linie_dunkel.gif") top left repeat-x;
}

table.content thead tr {
  vertical-align: top;
  background: transparent url("/static/global/linie_hell.gif") top left repeat-x;
}

table.content thead tr.first {
  background: none;
}

table.content tbody {
  background: transparent url("/static/global/linie_dunkel.gif") top left repeat-x;
}

table.content tbody tr {
  background: transparent url("/static/global/linie_hell.gif") top left repeat-x;
}

table.content tbody tr.first {
  background: none;
}

table.content td,
table.content th {
  padding: 4px 3px 4px 3px;
  text-align: left;
  vertical-align: top;
}

table.content th {
  text-align: left;
  border-bottom: none;
}

table.content th.wichtig,
table.content td.wichtig,
table.content tr.wichtig {
  background: transparent url("/static/global/content_teaser_background.gif") top left repeat;
}

/* Newsticker */
ul.newsticker {
  margin: 0;
  padding: 0;
}

ul.newsticker li {
  background: transparent url("/static/global/linie_hell.gif") repeat-x scroll left bottom;
  padding: 5px;
}

table.podcasts {
	clear: left;
	margin-bottom: 20px;
}

table.podcasts td {
  padding-top: 2px;
  padding-bottom: 12px;
}
table.podcasts td.desc {
  padding-left: 12px;
  width: 380px;
  vertical-align: top;
}

#content table.podcasts h2 {
  margin-top: 14px;
  margin-bottom: 3px;
}

table.podcasts td input {
  margin: 3px 5px 7px 5px;
  width: 360px;
  padding: 2px;
}
table.podcasts div.name {
  margin: 3px 5px 2px 5px;
}

table.podcasts tr {
  background: transparent url("/static/global/linie_hell.gif") bottom left repeat-x;
}

table.podcasts tr.lastprogram {
  background: transparent url("/static/global/linie_dunkel.gif") bottom left repeat-x;
}

table.podcasts tr.topbar {
  background: none;
}
table.podcasts tr.topbar td {
  padding-left: 0;
}

table.podcasts th {
  background: transparent url("/static/global/linie_dunkel.gif") bottom left repeat-x;
  border: none;
  padding: 5px;
  padding-top: 24px;
  font-size: 16px;
  font-weight: bold;
}

/************
 * Dossiers *
 ************/

ul.dossier_link_list {
  margin-top: 40px;
  margin-bottom: 40px;
}

#related-hitparade p {
  padding: 0px;
  width: 176px;
  text-align: left; 
  margin: 0px;

}
#related-hitparade ul {
  /* Auskommentiert (josh@quatico.com) */
  /*margin: -4px -4px 0px -4px;*/
	margin-top: 0;
  padding: 0px;
  text-align: left;
  list-style-type: none;
}

#related-hitparade p {
  padding: 0px;
  width: 176px;
  text-align: left; 
  margin: 0px;

}
#related-hitparade ul {
  padding: 0px;
  text-align: left;
  list-style-type: none;
}

ul.suchfilter_link_list {
  margin-top: 0px;
  margin-bottom: 16px;
}

ul.custom_suchfilter_link_list {
  margin-bottom: 0px;
}

/* Hitparade:begin */

div#hitparade {
	background-image: url("/static/global/transparencies/bigger/transparency_40.png");
	overflow: hidden; /* H2 Margin wird sonst nicht umschlossen */
}

#hitparade table {
	width: 100%;
}

#hitparade table tr.odd {
	background: transparent url("/lib/hitparade/hit_bg.png") top left repeat;
}

#hitparade table tr td {
	padding-top: 8px;
	padding-bottom: 20px;
	background: transparent url("/static/global/linie_dunkel.gif") top left repeat-x;
}

#hitparade table tr td.rank {
	width: 60px;
}

#hitparade table tr td.cover {
	width: 90px;
}

#hitparade table tr td.cover img {
	width: 70px;
}

#hitparade table tr td span.rank,
#hitparade table tr td span.old_rank {
	font-weight: bold;
}

#hitparade table tr td span.old_rank {
	color: #98999b;
	margin-left: 4px;
}

#hitparade table tr td hr.light,
#hitparade table tr td div.hr_light {
	margin-bottom: 2px;
}

/* Hitparade:end */

#sendungen_dropdown .background {
	/* Auskommentiert! Inner Elements müssen selber für Abstände zu Container sorgen! Sonst einfach mit <p> umschliessen! josh@quatico.com */
	/*padding: 8px 5px 8px 5px; */
}

.very_small_vertical_spacer {
  height: 3px;
	line-height: 1px;
}

/* TODO: Konnte floating_link_list nicht finden für die Link Listen in den entsprechenden DIV's, bitte bei Gelegenheit diese UL's mit higher_lines_link_list ausstatten und diese Definitionen hier löschen! (josh@quatico.com) */
/*div#links ul.floating_link_list li,
div#links ul.floating_link_list li a,
div#verantwortlich ul.floating_link_list li a {
	background-position: 5px 6px;
	line-height: 24px;
}*/

/* Kommentieren */
input#edit-subject,
textarea#edit-comment {
	width: 384px;
	display: block;
}

div.comment {
	margin-top: 3px;
}

input#delete-submit {
	margin-left: -4px;
}

/* ----------------------------------------------------------------------
Module Quiz - im IE6 wurde quiz.css nicht geladen
---------------------------------------------------------------------- */

/*
** Definitions that apply while taking the quiz
*/
#quiz_progress {
  font-style: italic;
  font-size: 80%;
}

div#background.quiz div#content_teasers .hr_clear_dark {
	margin-top: 24px;
	/*_margin-top: 8px;
	_margin-bottom: 0;*/
}

/*
** Definitions that apply on the summary pages
*/
.quiz_question_bullet {
  font-weight: bold;
  font-size: 120%;
}

#quiz_score_possible, #quiz_score_percent {
  /* font-weight: bold; */
}

.quiz_summary_question {
  margin-bottom: 0.5em;
  font-weight: bold;
}
.quiz_summary_question_text {
  width:478px;
  margin-left:0;
  border: 0px solid #0f0;
}
.quiz_summary_question_hoeren {
  float:right;
  width:179px;
  position:relative;
  border: 0px solid #f00;
  font-weight:normal;
  text-align:left;
  margin-left: 10px;
}

.quiz_answer_feedback {
  /*
  font-style: italic;
  */
  color:#666666;
}

/* -- div mit allen Antworten -- 
  unten eine Linie als Trenner zum Submitz Button
  padding-bottom: Abstand zw. Schrift und Linie (.form-item - margin-bottom)
  margin-bottom: Abstand zw. Linie und Submit
#background div.form-checkboxes{
*/

#multichoice-render-question-form div #background div.form-radios,
#multichoice-render-question-form div #background div.form-checkboxes{
  padding-bottom:14px;
  border-bottom: 2px solid #000;
  margin-bottom: 7px;
  border: 0px solid #f00;
  background: transparent url("/static/global/linie_dunkel.gif") repeat-x bottom;
  
}

#multichoice-render-question-form div #background div .form-radios .form-item{
  padding:0px 0px 0px 0px;
  margin-bottom: 10px;
  border: 0px solid #880;
  clear: both;
}

/* -- Label vor dem Radio-Button / vor der Checkbox -- */
#background div.form-radios div.form-item label.option,
#background div.form-checkboxes div.form-item label.option{
  background: transparent url("/static/global/red.png") no-repeat 0px 0px;
  padding:0px 0px 0px 5px;
  margin:10px 0px 0px 4px;
  border: 0px solid #c0c;
}
#background div.form-radios div.form-item label.option .form-radio,
#background div.form-checkboxes div.form-item label.option .form-checkbox{
  line-height:0px;
  padding:0px;
  margin:0px;
}

div.multichoice_answer_text p,
div.quiz_summary_question p,
div.takequestion-left p {
  margin:0;
  padding:0;
  display: inline;
}

div.form-item p {
  margin:0;
  left:25px;
  padding:0;
  border: 0px solid #f00;
}
div.form-item div.multichoice_answer_text p {
  margin:0;
  padding:0;
  border: 0px solid #f00;
}

.multichoice_answer_text {
  /*
  margin: -1.8em 0 0 2em;
  */
  margin: -1.7em 0 1em 2em;
  margin-left: 30px;
  padding:0;
  border: 0px solid #00f;
}

#background.quizbg{
  padding: 5px;
}

.takequestion-right{
  float:right;
  width:30%;
  position:relative;
  border: 0px solid #f00;
  font-weight:normal;
  text-align:left;
}

.summary-answer-left{
  width:478px;
  margin-left:0;
  border: 0px solid #0f0;
  font-weight:normal;
}
.summary-answer-right{
  float:right;
  width:76px;
  position:relative;
  border: 0px solid #f00;
  font-weight:normal;
  text-align:left;
}
/* ----------------------------------------------------------------------
ENDE: Module Quiz
---------------------------------------------------------------------- */

div.details ul.floating_link_list_two_columns li.hr_separated {
	background-position: 0 0;
	padding-top: 0;
}

div.details ul.floating_link_list_two_columns a,
div.details ul.floating_link_list_two_columns span {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 4px;
	margin-bottom: 4px;
}

div#search_results span.hit {
	color: #999999;
}

div#search_results a.link_to_hit {
	color: #999999;
}

div#search_results p {
	margin-top: 0;
	margin-bottom: 20px;
}

div#search_results h3 {
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 3px;
	margin-bottom: 0;
	font-size: 11px;
	font-weight: bold;
}

div#search_results hr.hr,
div#search_results div.hr,
div#search_results hr.hr_light,
div#search_results div.hr_light {
	margin-top: 0;
	margin-bottom: 0;
}

div#search_results hr.hr_light,
div#search_results div.hr_light {
	margin-top: 20px;
}

div#article div.image_with_floating_text {
	margin-bottom: 0;
}
div#article .zimmerbox div.image_with_floating_text {
  margin-bottom: 16px;
}
div#article .zimmerbox_viewaspect div.image_with_floating_text {
  margin-bottom: 0;
}

/** local mod auf stage (bch)
div#article .zimmerbox div.box {
    clear:left;    
}
**/

* html div#article div.quiz div.hr_clear_dark {
	margin-top: 0;
}

* html div#article div.quiz ul.floating_link_list_two_columns {
	margin-bottom: 20px;
}

div.content_only ul.floating_link_list_two_columns li.right,
div.content_only ul.floating_link_list_two_columns li.right_without_left {
	width: 380px;
}

div#content_teasers.fix001 .hr_clear_dark {
	/*_margin-bottom: 0;*/
}

div#main.content_and_related ul.floating_link_list_two_columns li.left {
	width: 392px;
}

div#main.content_and_related ul.floating_link_list_two_columns li.right_without_left {
	margin-left: 392px; /* Wegen Bug #676 */
}

div#main.content_and_related div.prefix_with_image ul.floating_link_list_two_columns li.right_without_left {
	margin-left: 200px; /* Wegen Bug #676 */
}

div#main.content_and_related div.prefix_with_image ul.floating_link_list_two_columns li.left {
	width: 196px;
}

/* Wortsendungen! */
div#main.content_and_related div.kanalansicht div.prefix_with_image ul.floating_link_list_two_columns li.left {
	width: 192px;
}

table.wochenuebersicht tr.pa td,
table.wochenuebersicht tr.pr td {
	background-image: url("/static/global/linie_dunkel.gif");
}

div#comments div.comment div.content {
	margin-left: 4px;
	margin-right: 4px;
}

div#commentsform div.box h2 {
	margin-top: 3px;
}

div.detail ul.service_link_list,
ul.search_navigation {
	padding-bottom: 20px;
}

form#srdrsforms-form {
	margin-bottom: 20px;
}

form#musicsearch select#date {
  width: 170px !important;
}
form#musicsearch select#time_s,
form#musicsearch select#time_e {
  width: 76px !important;
}

/*******************************************
 * Euro08  mauro.barro@srdrs,ch 01.04.2008 *
 *******************************************/
table.euro08 {
  margin-left: 7px;
  width: 98%;
  border: 0px;
}

table.euro08 td {
  padding: 3px;
}



.titlerow,
.titleright {
  font-weight: bold;
  background-color: #e1e1e1;
}

.titlerow,
.titleright,
.row,
.evenline,
td.right {
  border-top: 1px solid #b1b1b1;
  border-left: 1px solid #b1b1b1;
}

.titleright,
.titlerow,
.titleright,
.evenline {
  border-right: 1px solid #b1b1b1;
}

.notqual {
  color: gray;
}
/**Euro08 ENDE**/

/*********************************************************
 * Swisstext Sportfeeds  mauro.barro@srdrs,ch 01.04.2008 *
 *********************************************************/
div.cm_title_sport h2 {
  font-weight: bold;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-left: 7px;
}

table.sport_kiosk {
  margin: 4px 4px 2px;
  width: 94%;
  border: 0px;
}

table.sport_kiosk td {
  padding: 2px;
}

 table.sport_feed {
  margin-left: 7px;
  width: 98%;
  border: 0px;
}

table.sport_feed th {
  border: 0px;
  background:transparent url(/static/global/linie_dunkel.gif) repeat-x scroll left bottom;
  height:1px;
  padding:6px 0px;
  
}

table.sport_feed td {
  padding: 1px;
}

table.sport_feed div.line, td.line, th {
  background:transparent url(/static/global/linie_hell.gif) repeat-x scroll left bottom;
  height:1px;
}

table.content th {
  background: none;
}

tr.last td.right td.row {
  border: 1px solid #b1b1b1
}

td.sport_kiosk {
  vertical-align: text-top;
}

.even, tr.tr_highlight {
  /*background-color: #f0f0f0;*/
}

.odd {
  /*background-color: #ffffff;*/
}

.table_left {
	text-align: left;
	padding: 0pt 0pt 0pt 0px
}

.table_right {
	text-align: right;
	padding: 0px 0px 0px 0px;
}
/**Swisstext Sportfeeds**/

/*******************************************
 * mouseover map *
 *******************************************/
#map li{margin:0; float:left; list-style:none;}
#map li * span{
	display:none; cursor:default;
	position: relative; color: #000; background: #fff;
	top: 0px; left:0px; z-index:200; width: 360px;
	border: 0px solid #aaf;
}

#map a:hover span{display:block;}
#map a:hover{border:0px;}

#map a span.tooltip{
width: 360px; padding:16px 0 24px 0;
}

#map img {
float: left;
margin-right: 4px;
}
#map hr {clear:both;}
#map a{
text-align: left;
position: absolute;
margin: 0px;
padding: 0px;
border:0px solid;
text-decoration:none;
width:20px; height:20px;  
}
#map a:hover {background:none;}
#map a.beitrag_hoeren {width: 100%; border: 0px; padding-left: 16px; }
#map a.beitrag_hoeren:hover {background:url(/static/global/link_hoeren.gif) no-repeat 0 3px;}
#map{
position:relative;
background-repeat: no-repeat;
}
/**ENDE mouseover map **/

/* Eingefuegt wegen Bug #1150 */
ul#service_navigation .first_design a,
ul#service_navigation .second_design a,
ul#service_navigation .third_design a {
  height: 24px;
}

ul#service_navigation .first_design span,
ul#service_navigation .second_design span,
ul#service_navigation .third_design span {
  top: 24px;
  left: auto !important;
  right: 0;
}

ul#service_navigation .second_design span {
  right: -33px;
}

ul#service_navigation .third_design span {
  right: -66px;
}

/* Eingefuegt wegen Bug #1067 */
#contentbg #timeline li a.dot_selected {
  white-space: normal;
}

/* Eingefuegt wegen Bug #999 */
div#content div#contentbg div#article div#background .hr_light {
  clear: left;
}

#content_teasers.tkplus .title {
  background: transparent url('/static/global/transparencies/bigger/transparency_80.png') repeat scroll left top;
}

.white .title {
  background: transparent;
}

.superbanner {
  position: relative;
  cursor: pointer;
  cursor: hand;
}

.superbanner-video div.video-play-button {
  background-image: url("/static/global/playbutton_small.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  filter:alpha(opacity=80); 
}
.superbanner-video:hover div.video-play-button {
  opacity: 1.0;
  filter:alpha(opacity=100); 
}

.tkplus_tagesthema .white .superbanner .background,
.superbanner .background {
  position: absolute;
  bottom: 0px;
  background: transparent url("/static/global/transparencies/bigger/transparency_80.png") repeat scroll left top !important;
  width: 100%;
}

#content_teasers.tkplus_tagesthema .white .superbanner .background h2,
div.content_teaser_front .superbanner h2 {
  margin-top: 7px;
  margin-bottom: 7px;
}

#content_teasers.tkplus .title > a,
#content_teasers.tkplus .title > span {
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
  padding-right: 4px;
  font-weight: bold;
}

#content_teasers.tkplus .title > span {
	padding-left: 4px;
}

#content_teasers.tkplus .title a {
  padding-left: 21px;
  background: transparent url('/static/global/link.gif') 5px 6px no-repeat;
}
#content_teasers.tkplus .title:hover a {
  color: red;
}

#content_teasers.tkplus > .background {
	background-color: #fff;
	overflow: hidden;
}

h2.epgsgplus {
  font-family: arial; 
  color: transparent;
  font-size: 40px; 
  padding-left: 6px;
  margin: 0;
  line-height: 38px;
  padding-top: 2px;
  letter-spacing: 1.25px;
}

h2.epgsgplus a {
  display: block;
  width: 564px;
  height: 84px;
}

h2.epgsgplus-defaultimage a,
h2.epgsgplus-defaultimage:hover a {
  color: white;
  text-shadow: 2px 2px rgba(255, 255, 255, 0.3);
}

.epgsgplus-ohnefront #content_teasers.tkplus > .background {
  padding-top: 8px;
}
.epgsgplus-mitzwischentitel #content_teasers.tkplus > .background {
  padding-top: 0px;
}

#content_teasers.tkplus_tagesthema .background {
  background:url("/static/global/transparencies/bigger/transparency_50.png") repeat scroll left top transparent;
}
#content_teasers.tkplus_tagesthema .background p.top_teaser_prefix {
  background-image: none;
}

#content_teasers.tkplus_tagesthema .background p.top_teaser_prefix {
  background-image: none;
}

#content_teasers.tkplus .cluster_hr_separated .background {
  margin-top: 1px;
}
#content_teasers.tkplus .cluster_hr_separated p.top_teaser_prefix {
  padding-top: 3px !important;
}
#content_teasers.tkplus .image_with_floating_text {
  margin-bottom: 12px !important;
}
#content_teasers.tkplus .row1 .image_with_floating_text,
#content_teasers.tkplus .row2 .image_with_floating_text,
#content_teasers.tkplus .row3 .image_with_floating_text {
  margin-bottom: 4px !important;
}

#content_teasers.tkplus .cluster_last .image_with_floating_text {
  margin-bottom: 0px !important;
}

.tkplus_tagesthema .background,
.tkplus_tagesthema .content_teaser_front {
  margin-bottom: 0px !important;
}

.tkplus_tagesthema .white {
  background: url("/static/global/transparencies/bigger/transparency_50.png") repeat scroll left top transparent;
  overflow: auto;
}
.tkplus_tagesthema .white .background {
  background-image: none !important;
}

.tkplus_tagesthema .hr_dark {
  margin: 0;
  padding: 16px 0px 0px 0px !important;
  background-position: bottom left;
}


.row1,
.row2,
.row3,
.columns .front2,
.columns .front3,
.columns .front4
{
	width: 184px;
	float: left;
	min-height: 1px; /* Damit die Box auch tatsächlich Platz reserviert, auch wenn sie keinen Inhalt hat (IE6, welcher dieses Attribut nicht unterstützt, braucht es zum Glück auch gar nicht) */
}

.row1,
.row2,
.columns .front2,
.columns .front3 
{
	margin-right: 12px;
}

#article.themenkanal .box p {
	margin: 4px 4px 12px;
}

#article.themenkanal .box p.top_teaser_prefix,
#article.epgsgplus .box p.top_teaser_prefix {
	margin: 0;
	padding: 4px;
}

#content_teasers.tkplus_tagesthema .box p.top_teaser_prefix {
  padding-top: 4px;
  padding-bottom: 0px;
}
div.content_teaser_front h2 a {
  background-position: 3px 3px;
  padding-left: 22px;
}
#content_teasers.tkplus_tagesthema .box h2 {
  margin-top: 1px;
  margin-left: 2px;
}
#content_teasers.tkplus_tagesthema .box h2 a {
  padding-left: 20px;
}

.layoutseparator {
  clear: both;
}

.missingteaser {
  clear: left;
  background-color: red;
}

.layout_0 .cluster .image_with_floating_text, .layout_l1r2b .row23 .image_with_floating_text {
  margin-right: 12px !important;
  margin-bottom: 0px !important;
}

#content_teasers.bilder_galerie_teaser .last_in_row {
  margin-right: 0px !important;
}

.layout_l1r2b .row23 .missingteaser,
.layout_l2r1b .row3 .missingteaser {
  clear: none;
}

.layout_l1r2b {
  clear: both;
}

.layout_l1r2b .box,
.layout_l2r1b .box {
  margin-bottom: 0px;
}

.layout_l1r2b .row23 {
  width: 380px;
  margin-left: 196px;
  margin-bottom: 0px;
}
.layout_l1r2b .row23 #content_teasers.tkplus,
.layout_l1r2b .row23 .content_teaser {
  clear: none;
}

.layout_l2r1b .row12 {
  float: left;
  width: 380px;
  margin-bottom: 0px;
}

.layout_l2r1b .row3 {
  margin-left: 392px;
  float: none;
  margin-bottom: 0px;
}

.layout_l2br1 .row12 {
  float: left;
  width: 380px;
  margin-bottom: 0px;
}

.layout_l2br1 .row3 {
  margin-left: 392px;
  float: none;
  margin-bottom: 0px;
}

.layout_l2br1 .row12 .content_teaser {
  clear: none;
  float: left;
  margin-bottom: 0px;
}

.layout_0 .layout_l1r2b,
.themenkanal .layout_0 div#content_teasers {
  margin-top: 0px;
  margin-bottom: 0px;
}

.full_width .box,
#front234 .box {
  margin-bottom: 0px;
}

.full_width > .layout_0,
.full_width > .layout_l1r2b,
.full_width > .layout_l2r1b,
.full_width > .layout_l2br1,
.full_width > .layout_l1br2,
.full_width > .layout_l1bm1br1b,
#front234 > .layout_0,
#front234 > .layout_l1r2b,
#front234 > .layout_l2r1b,
#front234 > .layout_l2br1,
#front234 > .layout_l1br2,
#front234 > .layout_l1bm1br1b,
#front2 .box,
#front3 .box,
#front4 .box
{
  margin-bottom: 16px;
}

/* FIX: CMS-3287  */
.layout_l1bm1br1b {padding-bottom: 144px;}

.epgsgplus p.top_teaser_prefix,
.themenkanal p.top_teaser_prefix {
  background: transparent url(transparencies/bigger/transparency_80.png) repeat scroll left top;
}

.zimmerbox {
  float: left;
  width: 184px;
  margin-right: 12px;
}

.zimmerbox .zimmerbox_item {
  overflow: hidden;
  margin-bottom: 16px;
}

.zimmerbox .zimmerbox_item .box {
	margin-bottom: 0;
}

.zimmerbox div.box div.header,
.zimmerbox_item h2 {
  background: #dee1e4;
}

.zimmerbox div.box div.background,
.zimmerbox_item
{
  background: #edeff1;
}

.tagesthema_contentteaser {
   /** CMS-2797: Korrekturen contentteaser background: url("/static/global/linie_dunkel.gif") no-repeat scroll 0 0 #EDEFF1; **/
  background-color: #EDEFF1;
}

.tagesthema_contentteaser {
  clear: both;
}

.tagesthema_contentteaser hr.first,
.tagesthema_contentteaser div.first {
  margin-top: 0px !important;
  background: none !important;
}

.tagesthema_contentteaser #content_teasers.bilder_galerie_teaser {
  margin-top: 22px;
  margin-bottom: 24px;
}

.tagesthema_contentteaser #content_teasers.bilder_galerie_teaser .image_with_floating_text {
  margin-bottom: 16px !important;
}

div#article .zimmerbox div.image_with_floating_text,
.zimmerbox div.image_with_floating_text {
	float: none;
    margin-bottom:16px;
}

.zimmerbox div.content_teaser_image0,
.zimmerbox div.content_teaser_image1,
.zimmerbox div.content_teaser_image2 {
	margin-top: 0;
}

#article .zimmerbox h3 a {
	background-position: 0 2px;
}

#article .zimmerbox .subnode-hinweise-teaser2 h3 a {
  background-position: 0 6px;
}

.zimmerbox h2 {
  font-size: 11px;
  line-height: 16px;
  padding: 4px;
  margin: 0;
}

.zimmerbox .background p {
  margin: 4px !important;
}

#article .zimmerbox div.image_with_floating_text p,
.zimmerbox div.image_with_floating_text p {
  margin: 4px;    
}

/**.zimmerbox .background div {
  margin: 4px !important;
}**/
.zimmerbox .background div.header {
  margin: 0px 0px 4px 0px !important;    
}
#background .zimmerbox .background hr,
.zimmerbox .background hr {
  margin-top:0px;    
}

.zimmerbox ul.link_list {
  background: url('/static/global/linie_hell.gif') top left repeat-x;
  line-height: 24px;
  margin-top: -1px;
}

.zimmerbox ul.zum_thema_link_list {
  line-height: 16px;
  background: none;
}

.zimmerbox ul.zum_thema_link_list li a {
  background-position:5px 2px;
}

.zimmerbox ul.link_list li {
  background: url('/static/global/linie_hell.gif') bottom left repeat-x;
  float: none;
}
.zimmerbox ul.zum_thema_link_list li.last {
  background: none;
}
.zimmerbox ul.zum_thema_link_list a.comment_link {
  background-image:url(/static/global/link_kommentar.gif);
  background-position: 4px 3px;
}

.zimmerbox ul.link_list a {
  background-position: 5px 6px;
}

#timeline li.rss_feed {
  display: block;
  float:right;
  padding-right: 4px;
}
#timeline li.rss_feed a {
  width: 16px;
  height: 16px;
  background: transparent url(/static/global/rss_feed.gif) no-repeat scroll right center;
}


/* --- Radiokiosk (auslagern in eigene Datei?) --- */

.radiofon-box {
  background-color: #f8f8f8;
}

.warenkorb h2 {
	/*margin-bottom: 0;*/
}

table.warenkorb {
	margin-left: 0;
	width: 100%;
	background:transparent url(/static/global/linie_dunkel.gif) repeat-x scroll left top;
}

table.warenkorb thead th {
	background: none;
	border: none;
}

table.warenkorb tbody tr {
}

/* Alternativ könnten diese in tr.bottom zusammengefasst werden? */
table.warenkorb tbody tr.total,
table.warenkorb tbody tr.change_quantity {
	background: transparent url(/static/global/linie_hell.gif) repeat-x scroll left top;
}

table.warenkorb tbody tr.change_quantity td input{
	margin-top: 5px;
	margin-bottom: 5px;
}

table.warenkorb tbody td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

table.warenkorb div.form-item {
	float: left;
}

table.warenkorb div.form-item input {
	text-align: right;
	padding-top: 1px;
	line-height: 1 !important;
}

table.warenkorb td.quantity {
	padding-bottom: 0;
}

table.warenkorb td.quantity div.quantity_field {
	margin-top: 4px;
	padding-top: 3px;
	background:transparent url(/static/global/linie_hell.gif) repeat-x scroll left top;
	text-align: right;
	padding-right: 16px;
	float: none;
}

/* Definiert diselbe Zelle wie gleich darüber, allerdings im bestaetigungs-Modus,
 * in dem die Anzahl nicht mehr geändert werden kann. --daniel.donatsch@quatico.com */
table.bestaetigung td.quantity {
	font-weight: bold;
	text-align: center;
}

table.warenkorb td.title input {
	text-align: right;
}

table.warenkorb td.title {
	font-size: 12px;
	padding-top: 7px;
	padding-left: 0;
}

table.warenkorb td.title a {
	font-weight: bold;
}

table.warenkorb td.title a span.stueckpreis,
table.warenkorb td.title a span.medium,
#related-mini-cart span.stueckpreis  {
	display: inline;
	font-weight: normal;
	font-size: 11px;
}
#related-mini-cart span.stueckpreis  {
	float: right;
	padding-right: 5px;
}
/* Im Teaser: */ 
.box .header span.medium,
.box .header span.lighter {
	display: inline;
	font-weight: normal;
	padding: 0;
}

#related-mini-cart span.quantity  {
	padding-left: 20px;
}

table.warenkorb th.price,
table.warenkorb td.price {
	text-align: right;
	white-space: nowrap;
}

table.warenkorb th.description {
	padding-left: 5px;
}

table.warenkorb th.quantity {
	text-align: right;
	padding-right: 16px;
}

table.warenkorb th.price {
	padding-right: 5px;
}

table.warenkorb td.price span {
	display: block;
	margin-top: 4px;
	padding-top: 3px;
	padding-right: 5px;
	background:transparent url(/static/global/linie_hell.gif) repeat-x scroll left top;
}

table.warenkorb td.description {
	padding-left: 0;
}

form table.warenkorb td.description div.kanalansicht {
	margin-bottom: 0px !important;
}

form table.warenkorb td.description div.image_with_floating_text {
	margin-bottom: 0px !important;
	padding-bottom: 12px;
}

table.warenkorb td.description a.remove_item_from_cart {
	display: block;
	margin-bottom:-22px;
	margin-left: 81px;
	background-position: 2px 9px;
	position: relative; /* Sonst nicht klickbar! */
}

table.warenkorb tr.change_quantity {
	padding-top: 10px;
	background-color: transparent;
}

table.warenkorb tr.change_quantity input {
	margin-top: 0;
}
table.warenkorb span.zuschlag,
table.warenkorb span.total {
  float: right;
  line-height: 24px;
  padding-right: 5px;
  font-weight: bold;
}

#related-mini-cart span.total {
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
}

table.warenkorb #edit-button-quantity {
	margin-right: 0;
	padding-right: 0;
}

#edit-button-order {
	margin-left: 4px;
}

a.remove_item_from_cart {
	width: 16px;
	height: 22px;
	background: transparent url('/static/global/link_remove_from_cart.gif') center center no-repeat;
}

.warenkorb p {
	margin: 4px;
}

.warenkorb .bestaetigung .form-item {
	width: auto;
}

.warenkorb .bestaetigung .form-item {
	width: auto;
}

.warenkorb .bestaetigung #edit-abschliessen {
	margin: 0;
}

.bestaetigen {
	background: #ffffff;
}

.bestaetigen table.warenkorb th,
.abgeschlossen table.warenkorb th {
	padding-top: 3px;
	padding-bottom: 1px;
}

table p a {
  color: black;
}

/* Wegen Bug #1440 */
div#content #contentbg #article #content_teasers .content_teaser .prefix_with_image .hr_light {
	clear: none;
}


/* Auslagern in eigenes radiokiosk-track.css File? --Josh */
/* Eher Auslagern in ein radiokiosk.css File! --Dani */

.radiokiosk_track .download_infos {
	padding-top: 3px !important;
	margin-bottom: 13px !important;
	background-image: url('/static/global/linie_dunkel.gif') !important;
}

.radiokiosk .prefix_with_image,
.radiokiosk_product .prefix_with_image {
	background: transparent url('/static/global/linie_hell.gif') 1px 4px repeat-x;
	margin-left: 202px;
	padding-top: 7px;
	margin-bottom: 2px;
}

.radiokiosk_product .prefix_with_image {
  margin-left: 195px !important;
  padding-left: 5px;
  margin-bottom: 0 !important;
  position: relative;
}

.schnaeppchenstern {
  position: absolute; 
  float:right; 
  top: 0px; 
  right: 0px;
}

.schnaeppchenpreis .alterpreis {
  text-decoration: strike-through;
}

.schnaeppchenpreis .neuerpreis {
  font-weight: bold;
  color: red;
  padding-right: 12px;
  background-image: url(/static/radiokiosk/schnaeppchen_stern.gif);
  background-position: center right;
  float: right;
  background-repeat: no-repeat;
}

.radiokiosk_product .prefix_with_image p {
	margin-left: 0 !important;
}

.radiokiosk_product .prefix_with_image h3 {
	padding-left: 0 !important;
	padding-top: 0 !important;
	margin-left: 0 !important;
}

.radiokiosk_product .prefix_with_image ul.link_list span {
	padding-top: 0;
	padding-bottom: 1px;
}

.radiokiosk_product .prefix_with_image ul.link_list span.track_link {
	padding-top: 4px;
}

strong span.lighter, a span.lighter{
	font-weight: normal;
	padding-bottom: 0;
}

.radiokiosk_product .download_infos {
	background-image: url('/static/global/linie_dunkel.gif');
}

.radiokiosk_product .download_infos a.produkt_kaufen {
	padding-top: 0;
	background-position: 7px 3px !important;
}

.kanalansicht a.produkt_kaufen {
	font-weight: normal;
}

.radiokiosk_artist .prefix_with_image {
	padding-left: 4px;
}

.radiokiosk ul.floating_link_list_two_columns li.left {
	width: 194px;
}

.radiokiosk ul.floating_link_list_two_columns li.right {
	width: 180px;
}

.radiokiosk a, .kanalansicht a {
	font-weight: bold;
}

.radiokiosk a span.sub {
	font-weight: normal;
}

.radiokiosk .download_infos a {
	font-weight: normal;
}

.radiokiosk ul.link_list li span {
	padding-left: 0;
}

.radiokiosk ul.floating_link_list_two_columns li.right_without_left {
	margin-left:193px;
	background: transparent url('/static/global/linie_hell.gif') top left repeat-x;
}

.radiokiosk .image_with_floating_text, .kanalansicht .image_with_floating_text {
	width: 184px;
	margin-right: 0;
}

.radiokiosk .image_with_floating_text img.radiokiosk_image_teaser {
	width: 184px;
	/* height: 184px; Für nicht-Tracks ist eine Fixe Höche schlecht... */
}

.radiokiosk h3 {
	font-size: 11px;
}

.radiokiosk li a, .kanalansicht li a {
	padding-left: 17px !important;
	background-position: 0px 2px !important;
}

.radiokiosk .higher_lines_link_list li a {
	padding-left: 22px !important;
	background-position: 6px 6px !important;
}

.radiokiosk .cover_versionen {
	clear: both;
	background: transparent url('/static/global/linie_dunkel.gif') 1px 0 repeat-x;
	padding-left: 3px;
	margin-top: 21px;
}

.radiokiosk .cover_versionen h3 {
	font-weight: bold;
	padding-top: 3px;
	float: left;
}

.radiokiosk .cover_versionen .link_list {
	margin-left: 192px;
}

.radiokiosk .cover_versionen .link_list li {
	background: transparent url('/static/global/linie_hell.gif') top left repeat-x;
}

.radiokiosk .releases, 
.radiokiosk .rabatt,
.radiokiosk .tracks,
.radiokiosk .found_products,
.radiokiosk .adressen,
.radiokiosk .shipping_and_payment, 
.radiokiosk .confirm_terms {
	clear: both;
	margin-top: 21px;
	background: transparent url('/static/global/linie_dunkel.gif') 1px 0 repeat-x;
}

.radiokiosk .found_products {
	margin-bottom: 21px; /* Hat sonst zu wenig Abstand nach unten, wenn keine Suchergebnisse gefunden wurden. */
}

.radiokiosk .confirm_terms #radiokiosk-cart-abschliessen-form {
	margin-top: 13px !important;
	padding-bottom: 0 !important;
}

.radiokiosk .confirm_terms #radiokiosk-cart-abschliessen-form .hr {
	margin-top: 17px;
}

.radiokiosk .tracks {
	padding-bottom: 16px;
}

.radiokiosk_release .release_image {
	background: transparent url('/static/global/linie_dunkel.gif') 1px 0 repeat-x;
}

.radiokiosk .releases h3,
.radiokiosk .rabatt h3,
.radiokiosk .tracks h3,
.radiokiosk .found_products h3,
.radiokiosk .delivery_time h3,
.radiokiosk .adressen h3,
.radiokiosk .shipping_and_payment h3,
.radiokiosk .confirm_terms h3 {
	/** padding-left: 5px; **/
	font-weight: bold;
	padding-top: 3px;
}

.radiokiosk ul.bandmembers li span.sub {
	display: none;
}

.radiokiosk .kanalansicht {
	overflow: hidden;
	margin-bottom: 12px;
}

.kanalansicht .image_with_floating_text {
	clear: left;
}

.kanalansicht .image_with_floating_text img.radiokiosk_image_preview {
	width: 86px;
	height: 86px;
	float: right;
}

.radiokiosk .cover_versionen .higher_lines_link_list li a {
	padding-top: 3px;
	padding-bottom: 5px;
}

.radiokiosk .delivery_time label {
	display: block;
}

.radiokiosk_artist ul.link_list {
	margin-left: 4px;
	margin-right: 4px;
}

ul.bandmembers span.sub {
	display: none;
}

#radiokiosk-cart-form #edit-button-order {
	margin-bottom: 24px;
}

#radiokiosk-cart-rechnungsadresse-form,
#radiokiosk-cart-payment-form {
	padding-bottom: 0 !important;
}

.radiokiosk #edit-anrede {
  width: 80px !important;
}

/* Formular "Bezahlen" */
.warenkorb #exp-date .form-item {
	clear: none !important;
	float: left !important;
	margin: 0 !important;
	width: auto !important;

}

.warenkorb #exp-date .form-item input, form.standard .cvv input {
	width: 34px !important;

}

.warenkorb #exp-date .form-item label {
	display: none !important;

}

/* Einkauf bestätigen */

/* normalerweise auf 371px beschränkt. Dann bricht der Text nach 2/3 der Seite um... */
.radiokiosk .bestaetigen .standard .form-item {
	width: auto !important;
}

.warenkorb #exp-date .slash {
	line-height: 24px !important;
	padding: 0 5px !important;
}


.radiokiosk div.adressen div.prefix_with_image {
	background: none;
	overflow: hidden;
}

.radiokiosk div.adresse {
	width: 184px;
	margin-left: 12px;
	float: left;
}

.radiokiosk div.adresse h3 {
	background:transparent url(/static/global/linie_hell.gif) repeat-x scroll bottom left;
	padding-bottom: 5px;
	margin: 0;
	padding-left: 5px;
	padding-top: 0;
}

.radiokiosk div.adresse span {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	background:transparent url(/static/global/linie_hell.gif) repeat-x scroll top left;
	padding-left: 5px;
}

	.radiokiosk div.adresse a, .radiokiosk div.shipping_and_payment a {
	background: transparent url(/static/global/link.gif) no-repeat 0 2px;
	display: block;
	padding-left: 15px;
	font-weight: normal;
}

.radiokiosk div.adresse a:hover {
	color: red;
}
.radiokiosk .warenkorb div.adresse {
	margin-top: 0;
	margin-right: 0;
	margin-left: 4px;
}

.radiokiosk h2 {
	margin-bottom: 15px;
}

.radiokiosk .bestaetigen tr.change_quantity td {
	padding-top: 0;
	padding-bottom: 0;
}

.radiokiosk .bestaetigen tr.change_quantity td a {
	line-height: 24px;
	background-position: 0 7px;
	margin-left: 4px;
}

.radiokiosk div.adressen div.prefix_with_image {
	padding-left: 0;
	padding-top: 0;
	margin-bottom: 16px;
	margin-left: 183px;
}

.bestaetigen .kanalansicht,
.abgeschlossen .kanalansicht {
	margin-bottom: 0;
}

.bestaetigen .change_quantity a.dot_link {
	margin-left: 4px;
	font-weight: normal;
	margin-top: 3px;
}

.track_link .track,
.track_link .artist {
	display: inline;
}

.track_link .track {
	font-weight: bold;
}

.track_link a.artist {
	padding: 0;
	background-image: none;
	color: red;
}

.radiokiosk li .track_link a.artist {
	padding-left: 0 !important;
}

.shipping_and_payment .prefix_with_image {
	padding-top: 0;
	background-position: 1px 1px;
	overflow: hidden;
	margin-bottom: 0;
}

.radiokiosk .confirm_terms {
	margin-top: 17px;
}

.radiokiosk .confirm_terms label a {
	font-weight: normal;
}

.radiokiosk .confirm_terms label input {
	margin-right: 0 !important;
}

.expiry_notification {
	margin-top: 3px;
	color: #ff0000;
}

/* Eingefuegt wegen Bug #1726 */
div#main div#article.node div.details {
  clear: left;
}

a.radiokiosk-logo span {
  display: none !important;
}

a.radiokiosk-logo {
  height: 16px;
  background: transparent url('/static/radiokiosk/radiokiosk_logo.gif') 20px 3px no-repeat !important;
}

div.produkt_teaser {
  width: 184px;
  position: relative;
}

div.produkt_teaser div.text,
div.produkt_teaser ul.link_list {
  width: 86px;
}

div.produkt_teaser div.image {
  float: right;
  width: 86px;
}

div.produkt_teaser div.image img {
  display: block;
  width: 86px;
}

div.produkt_teaser div.text p {
  margin: 3px 4px 4px 4px;
}

div.produkt_teaser ul.higher_lines_link_list {
  background: transparent url(/static/global/linie_hell.gif) repeat-x scroll top left;
  margin-bottom: 0px;
  position: absolute;
  bottom: 0;
  left: 0;
}

ul.higher_lines_link_list a.produkt_kaufen {
  padding-left: 16px;
  background-image: url("/static/global/link_kaufen.gif") !important;
  background-repeat: no-repeat;
  display: block;
  background-position: 1px 7px;
}

.shipping_and_payment h3 {
  padding-bottom: 4px;
}

#card-data-fields fieldset {
  border: none !important;
}

#related-mini-cart ul.link_list {
	margin-bottom: 13px;
}

#related-mini-cart ul.link_list,
#related-mini-cart ul.link_list li.cart-item {
  margin-top: 3px;
}

#related-mini-cart ul.link_list li.cart-item {
  padding-bottom: 6px;
}

#related-mini-cart ul.link_list li.last {
  margin-top: 2px;
}

#related-mini-cart div.one_column form {
  margin-bottom: 16px !important;
}

#radiokiosk-cart-payment-form ul {
  padding-left: 24px;
}

span.mundart {
  font-weight: bold;
}

span.subtitle {
  color: #566973;
}

#article.mundart_index h2, 
div.mundart_index h2 {
  margin-bottom: 0;
  background: transparent url("/static/global/linie_dunkel.gif") bottom left repeat-x;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 0;
  margin-right: 0;
}
h2.mundart_suchergebnisse {
  margin-top: 0;
  padding-top: 21px;
}
#article.mundart_detail h2 {
  font-weight: normal;
}

#article.mundart_index h4,
div.mundart_index h4 {
  font-size: 11px;
  line-height: 16px;
  padding: 4px 4px 0 4px;
}

#article.mundart_index h4 a:hover,
div.mundart_index h4 a:hover {
  color: red;
}

#article.mundart_index ul#letterlist {
	overflow: hidden;
}

div#mplf_query_liveresults {
    margin: 0 0 16px 0;
}

#article.mundart_index h3 {
  font-size: 18px;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  background: transparent url("/static/global/linie_dunkel.gif") bottom left repeat-x;
  padding-bottom: 4px;
  line-height: 24px;
}

#article.mundart_index p, div.mundart_index p {
  background: transparent url("/static/global/linie_hell.gif") bottom left repeat-x;
  padding: 0 4px 5px 4px;
  margin: 0 !important;
}

#article.mundart_index a.top_link {
  margin-bottom: 20px;
  margin-top: -1px;
  background-position: 5px 10px !important;
}

#article.mundart_index ul.link_list {
	padding-top: 1px;
  margin-top: -1px;
  background: transparent url("/static/global/linie_dunkel.gif") top left repeat-x;
}

#article.mundart_detail ul.pager li.caption {
  height: 24px;
  overflow: hidden;
  /*width: 540px; CMS-2482*/
}

/* Siehe Ticket #2048 */
.produkt_teaser .background .text p {
  width: 80px;
}

/* Haben sonst einen fast undurchlässigen (80%) weissen Background auf http://www.drs3.ch.local/cms/de/drs3/meine-meinung.html; mehr dazu siehe #2215 */
div#article.themenkanal div#content_teasers p.top_teaser_prefix,
div#front234 div.white p.top_teaser_prefix {
  background-image: none;
}

/* Siehe Ticket #2272 */
div.content_teaser_front h2.first {
  font-size: 22px;
  line-height: 26px;
  margin-left: 4px;
}

div.content_teaser_front h2.first a {
  background-position: 1px 5px;
}

/* Siehe Ticket #2205 */
div.bilder_galerie_teaser div.title a { 
	background-image: url('/static/global/link_gallery.gif') !important;
}

.content_teaser_image h3 a.bilder_galerie_icon {
	background: url('/static/global/link_gallery.gif') no-repeat scroll 0px 0px transparent !important;
}

div.bilder_galerie_teaser div.title a span.info {
	display: inline !important;
	font-weight: normal !important;
	padding: 0 !important;
}

div.bilder_galerie_teaser div.image_with_floating_text {
	margin-top: 0;
  margin-right: 12px !important;
}

div.bilder_galerie_teaser div.last_in_row {
  margin-right: 0 !important;
}


/* EPG SENDETERMINE */
#sendetermine-toggle { 
  background-image: url('/static/global/uhr.gif'); 
  background-repeat: no-repeat;
  padding: 0 5px 3px 15px; 
  margin-left: 10px;
  color: #000000;
  float: right;
}
#sendetermine-toggle:hover {color: #f00;}
#zeitbox {
  display: none; 
  margin-top: 4px;
}
#zeitbox .whitebox {
  background-color: #fff;
  padding: 3px;
}
#zeitbox .hr {
  margin: 0px; 
  padding: 0px; 
  height: 1px; 
  overflow: hidden;
} 

/** bis Ende JRZ2010 drinlassen **/
li#jederrappenzhlt {
  left: 768px;
  top: 77px;
}

div#jederrappenzhlt_bubble {
  left: 702px;
  top: -11px;
  left: 728px;
  top: 15px;
  background-position: center center;
  height: 100px;
  width: 100px;
}


#jederrappenzhlt a {
  font-size: 11px;
  background-image: url("/static/global/circles/p3_front_red.gif");
}

div#jederrappenzhlt_bubble {
   background-image: url("/static/global/circles/p3_bg_normal.gif");
}

div#jederrappenzhlt_bubble.active {
   background-image: url("/static/global/circles/p3_bg_selected_red.gif");
}

div#jederrappenzhlt_bubble.active_home {
   background-image: url("/static/global/circles/p3_bg_selected_black.gif");
}

#jederrappenzhlt.active_home a {
   background-image: url("/static/global/circles/p3_front_black.gif");
}

/** bis Beginn JRZ2011 einblenden nach Abschluss JRZ2010
li#jederrappenzhlt, div#jederrappenzhlt_bubble {
  display: none;
}
**/

.dummy_image_print {
    display: none;
}

/* CMS-3380: Verunstalteter "Live hören" Link */
div#container div#main.content_and_related div#content.node div#contentbg div#background table.raster tr.pr td.hoeren a.beitrag_hoeren {
    background-position: 0 2px;
    display: block;
    padding-left: 16px;
}

/* CMS-3380: Abstand Linie zu Programmabschnitten wie „Vor Mitternacht" zu klein */
div#container div#main.content_and_related div#content.node.node-script div#contentbg div#background table.raster {
  margin-top: 1px;
}

div#container div#main.content_and_related div#content.node.node-script div#contentbg div#background div ul.link_list.floating_link_list {
  margin-bottom: 3px;
}

/* CMS-3471: Kalender schlecht positioniert */
div#timenav_calendar_container.yui-calcontainer {
  top: auto !important;
  margin-top: 0 !important;
  margin-left: 0!important;
  left: auto !important;
  right: 0 !important;
}

/* CMS-3380 "Wochenprogramm als PDF downloaden" */
div#container div#main.frontpage div#columns div#front1 div.box div.background p a.beitrag_downloaden {
  background-position: 5px 3px;
}

/* CMS-3380: "Mehr Einkaufen" Button in Warenkorb */
div#container div#main.content_and_related div#content div#contentbg div#background.body form#radiokiosk-cart-form div table.warenkorb tr.change_quantity td input#edit-button-order.form-submit {
  margin-bottom: 5px;
}

div#container div#main.content_and_related div#content div#contentbg div#background.body form#radiokiosk-cart-form div table.warenkorb tr.change_quantity td {
  padding-bottom: 20px;
}

/* CMS-3380: Abgeschnittener "Beitrag hören" Link */
div#container div#main.content_and_related div#related div.box div.background p a.beitrag_hoeren {
  display: block;
  margin-left: 0;
  padding-left: 18px;
}

div.zimmerbox div.box div.background ul.link_list li.last a.beitrag_downloaden:hover {
  color: red;
}

/** musikrecherche **/
a.radiokiosk_musiksuche { position: relative; }
div.radiokiosk-preview-searchresults { d_isplay: none; }
div.radiokiosk-preview-searchresults .noresults {
  font-weight: bold;
  margin-left: 98px;
  margin-top: 8px;
}

table.musikrecherche tr:hover td {
  background: white;
  color: black !important;
}
#background table.raster .radiokiosk-preview-searchresults hr.hr_clear {
  margin-left: 92px;
}

#background table.raster .radiokiosk-preview-searchresults hr.hr_clear,
#background table.raster .radiokiosk-preview-searchresults ul.floating_link_list_two_columns {
  padding-top: 8px;
}

table.musikrecherche tr:hover a.radiokiosk_musiksuche div.radiokiosk-preview-searchresults {
  display: block;
  position: absolute;
  width: 340px;
  left: -360px;
  height: auto;
  background: white;
  padding: 8px;
  border: 1px solid grey;
  border-top-width: 0px;
  color: black !important;
}


/* Links/Rechts Pfeile des Kalenders sollen grössere klickbare Fläche haben */
a.calnavright,
a.calnavleft {
  padding-left: 4px !important;
  padding-right: 4px !important;
  background-position: center center !important;
}

li#meinemeinung,
div#meinemeinung_bubble,
li#spiele,
div#spiele_bubble,
li#blogs,
div#blogs_bubble {
  display: none !important;
}

#content.node-epgsg-sendebeitrag ul.socialbox,
#content.node-epgsg-sendehinweis ul.socialbox {
  margin-left: 5px;
}


/* CMS-3546 Umfrage: CAPTCHA-Feld nicht vollständig sichtbar */
fieldset.captcha {
  clear: both;
}

#front5 .box.countdown .header a {
    background: none;
    padding-left: 2px !important;
    padding-top: 5px;
    padding-right: 0;
    max-width: 180px;
    over_flow: hidden;
}

#front5 .box.countdown .header a:hover {
    color: black;
}

#front5 .box.countdown .header #countdown_display {
    font-size: 34px;
    width: 180px;
    padding-top: 5px;
    he_ight: 30px;
}

#front5 .box.countdown .header #countdown_title {
    font-size: 14px;
    width: 180px;
}

#columns #front234 .countdown {
    position: relative;
    z-index: 9999;
}

#columns #front234 .countdown #countdown_display {
    color: #FFFFFF;
    display: block;
    font-size: 56px;
    height: 56px;
    left: 38px;
    line-height: 56px;
    position: absolute;
    top: 64px;
    width: 100%;
    z-index: 100000;    
    zoom: 1;
}

#related #srdrsforms-form #podcasturl_0 {
    f__ont-size:8px !important;
    width:93%;
}

#related #srdrsforms-form,
#related #srdrsforms-form p {
    margin-bottom: 0px;
}