/*das ist wieder die Variante wie in Revision 5049, die letze als funktionierend bekannte */
/********************
 * 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, a:hover, p a.dot_link:hover {
  color: red;
}

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

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

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

div#container {
  background: transparent url("/static/global/transparencies/transparency_container.png") top left repeat;
  margin-top: 24px;
	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: 190px;
  top: 34px;
  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;
}

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

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

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

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", "Radiokiosk" etc.) */

#administration a,
#radiokiosk a,
#empfang a,
#hilfe a,
#kontakt a,
#meindrs a,
#administration a,
#radiokiosk a,
#empfang a,
#home a,
#hilfe a,
#kontakt a,
#home 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;
}

#administration a,
#meindrs a,
#radiokiosk 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;
}

#administration,
#meindrs,
#radiokiosk,
#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;
}

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

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

div#bubbles {
  position: absolute;
  top: -88px;
  left: -66px;
}

#themen a,
#XXXmeindrs a,
#beruns a,
#sendungen a,
#suche a,
#meinemeinung a,
#podcasts a,
#spiele a,
#blogs 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#sendungen_bubble,
div#themen_bubble,
div#XXXmeindrs_bubble,
div#beruns_bubble,
div#suche_bubble,
div#meinemeinung_bubble,
div#podcasts_bubble,
div#spiele_bubble,
div#programme_bubble,
div#blogs_bubble,
div#radioein_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#sendungen_bubble,
div#themen_bubble,
div#XXXmeindrs_bubble,
div#beruns_bubble,
div#suche_bubble,
div#meinemeinung_bubble,
div#podcasts_bubble,
div#spiele_bubble,
div#programme_bubble,
div#blogs_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 {
  left: 102px;
  top: 1px;
  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,
#sendungen,
#themen,
#XXXmeindrs,
#meinemeinung,
#spiele,
#suche,
#beruns,
#radioein,
#blogs {
  position: absolute;
}

#podcasts a,
#sendungen a,
#themen a,
#XXXmeindrs a,
#meinemeinung a,
#spiele a,
#suche a,
#beruns a,
#radioein a,
#blogs 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/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: auto;
}
/* --- 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#sendungen_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 {
	width: 140px;
}

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

#drsbreadcrumb ul {
	margin: 0;
	padding: 0;
}

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

div#dossier_navigation {
  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.link {
  background-position: 5px 2px;
  padding-left: 19px;
}

a.top_link {
  background-image: url("/static/global/link_pageup.gif");
  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;
}

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

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

/*
 * 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/transparency_80.png") top left repeat;
  display: block;
}

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/transparency_50.png") repeat scroll left top;
  overflow: hidden;
}

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

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

div.box_white div.background {
  background-image: url("/static/global/transparencies/transparency_80.png");
}

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

#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: 192px;
}

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

/* 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;
	/* Auskommentiert, haben nun standardmässig korrektes Margin links und rechts */
  /*padding: 0pt 5px;*/
  /*margin-top: 5px;*/
}
#content_teasers .prefix_with_image h3 {
  font-weight: bold;
  padding: 0 0;
}

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

/* TODO: Pr¸fen, ob das nicht verallgemeinert werden kann. mz, 10.10.2007 */
#content_teasers h3 a.dot_link{
  background-image: url("/static/global/link.gif");
  background-position: 0 2px;
  padding-left: 15px;
}

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/transparency_80.png") repeat scroll left top;
}

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,
#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 {
	  font-size: 11px;
		margin-left: 4px;
}

#article .content_teaser div.prefix h3 {
}

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





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

div.box a.beitrag_hoeren {
  /* margin-left: 120px; */

	/* Auskommentiert da auf Mein DRS sonst nicht stimmt (die müssen ja sowieso immer 24px hoch sein, oder?!) (josh@quatico.com) */
  /*line-height: 16px;*/
}

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

/*
 * #sendungshinweis h3, .dossier h3 {
  font-size: 11px;
  font-weight: bold;
}
*/

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

div#stichwoerter {
  background-image: url("/static/global/transparencies/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;
        margin-bottom: 10px;
        padding: 6px 8px 6px 28px;
        background: url("/static/global/icon_alert.gif") left center no-repeat;
        background-color: #f8f8f8;
        color: #cc0000;
}















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

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%;
  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: 1px;
}
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: 166px;
  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;
}

#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/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: 200px;
}

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 {
	height: 22px;
}

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

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