/********************
 * 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) */
}

.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,
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;
}

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

#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;
}

#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 {
  /*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;
  padding-top: 3px;
  padding-bottom: 5px;
  list-style: none;
}

#related ul.attachments li a, #hinweise 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;
}

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.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;
}

.caption {
  margin-top: 4px;
  margin-left: 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;
  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;
}

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

/* 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 {
  line-height: 24px;
  padding-left: 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;
}
.searchblock .prefix {
  margin-left: 4px;
}

.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;
}

.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;
  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 ul.link_list li.srg_ssr {
	width: 184px;
  float: right;
}

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

#footer ul.link_list li.srg_ssr a:hover {
	color: gray;
}
a#onlinepodcatcherlinks:hover {
  color: black;
}

/*
 * Common links' layouts
 */

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

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

div.box 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.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.background {
  background: transparent url("/static/global/transparencies/bigger/transparency_50.png") repeat scroll left top;
  overflow: hidden;
}

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;
}

#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_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_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;
}

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

#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;
}

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

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

#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;
}

#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_audios {
  background:url("/static/global/linie_hell.gif") repeat-x scroll 0px 0px transparent;
  padding: 4px 0px;
  margin: 0px 0px 8px 0px !important;
}
p.content_teaser_audios a {
  color: black;
}

/* 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: left;
  margin-top: 0;
  overflow: hidden;
}

.themenkanal div#content_teasers {
  margin-top: 5px;
}
#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;
}
p.leadtext {
  margin: 0 0 !important;
  padding: 0 4px 16px !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;*/
}

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;
}

#background hr,
.tkplus .hr,
#background div.hr,
#background div.hr_light,
#verantwortlich hr,
#verantwortlich div.hr {
  margin-top: 20px;
	/*margin-bottom: 3px;*/
  margin-bottom: 0px;
}

#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.detail {
  margin-left: 4px;
  margin-right: 4px;
}

div#main div.detail .linke_spalte,
div#main div.more .linke_spalte {
  float: left;
	width: 50%;
}

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;
	border-left: 1px solid #ffffff;
	position: relative;
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

ul.pager li.previous a {
	width: 14px;
	background-image: url("/static/global/link_previous.gif");
}

ul.pager li.previous span.inactive {
	width: 14px;
	background-image: url("/static/global/link_previous_inactive.gif");
}

ul.pager li.next a {
	width: 14px;
	background-image: url("/static/global/link_next.gif");
}

ul.pager li.next span.inactive {
	width: 14px;
	background-image: url("/static/global/link_next_inactive.gif");
}

ul.pager li.calendar a {
	background: transparent url("/static/global/link_kalender.gif") top left no-repeat;
	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;
}

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

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;
}

a.beitrag_hoeren {
  padding-left: 16px;
  background-image: url("/static/global/link_hoeren.gif");
  background-repeat: no-repeat;
	display: block;
	/* 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_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");
  background-repeat: no-repeat;
  display: block;
}

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: 16px;
  background-image: url("/static/global/link_downloaden.gif");
  background-repeat: no-repeat;
	display: block;
}

p a.beitrag_hoeren {
  background-position: 0px 1px !important;
  display: inline;
  padding-bottom: 1px;
  margin-left: 4px;
}
p.leadtext a.beitrag_hoeren {
  color: black;
}
p.leadtext a.beitrag_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");
  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: 100px;
}

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

/** playlists und 2-spaltiges raster */
div.content_and_hinweise_and_related table.raster {
  width: 388px;
}

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;
}

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;
}

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

td.hoeren {
  padding-right: 12px;
}

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;
}

#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;
}

/* Aus Axel's quiz.css kopiert. */
/* Auskommentiert, da Hören Links vereinheitlicht werden zu link_list mit floating_link_list_two_columns */
/*div#background a.beitrag_hoeren{
  padding-left: 15px;
  color: black;
  background-image: url("/static/global/link_hoeren.gif");
  background-repeat: no-repeat;
}*/

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

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: 4px;
	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: 18px;
	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;
}

.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;
}

/* 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;
}

* 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,
div.more 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;
}

.themenkanal #content_teasers.tkplus {
  margin-top: 0;
  margin-bottom: 16px;
}

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

.white .title {
  background: transparent;
}

#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;
	margin-bottom: 16px;
}
#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;
}

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

.tkplus_tagesthema .white {
  background: #FFFFFF;
}

.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 {
	margin: 0;
	padding: 4px;
}

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

.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 .row23 {
  width: 380px;
  margin-left: 196px;
}
.layout_l1r2b .row23 #content_teasers.tkplus,
.layout_l1r2b .row23 .content_teaser {
  clear: none;
}

.layout_l2r1b .row12 {
  float: left;
  width: 380px;
}

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

.layout_l2br1 .row12 {
  float: left;
  width: 380px;
}

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

.layout_l2br1 .row12 .content_teaser {
  clear: none;
  float: left;
}


.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,
.tagesthema_contentteaser {
  background: #edeff1;
}

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

.zimmerbox div.image_with_floating_text {
	float: none;
}

.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;
}

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

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

.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.total {
	float: right;
	line-height: 24px;
	font-weight: bold;
	padding-right: 5px;
}
#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;
}

.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;
}

div.produkt_teaser div.text {
	width: 86px;
}

div.produkt_teaser div.image {
	float: right;
}

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.link_list {
  background: transparent url(/static/global/linie_hell.gif) repeat-x scroll top left;
  margin-bottom: 8px;
}

.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;
}

div#search,
div#searchbox {
  position: relative;
  z-index: 10;
}

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;
}

>>>>>>> .merge-right.r11118
/* 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 {
  background-image: none;
}

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

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;
}

div.bilder_galerie_teaser div.title a span {
	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;
}


form.standard div.imagefield-edit-image-detail .form-item {
  clear: none !important;
}

#front5 ul.floating_link_list li a span {
  padding-left: 0;
}

/** JRZ2010
 *  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");
 *  }
 *
 *  /JRZ2010 **/