﻿/************************
  Common
***********************/
html,body {
  font-size: 100.01%;
  margin: 0;
  padding: 0;
  font-family: "Verdana", "Helvetica", "Arial", sans-serif;
  color: #516384;
  background-color: #fff;
}

a:link {
  color: #001a4b;
  text-decoration: none
}

a:visited {
  color: #001a4b;
  text-decoration: none;
}

a:hover,a:focus,a:active {
  color: #001a4b;
  text-decoration: underline
}

a:active {
  color: #333333;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
}

h1 { /*font-size: 1.25em;*/
  font-size: 1.15em;
  line-height: 1.25em;
  margin: 0 0 0 1.45em;
  padding: 0;
  display: block;
  font-weight: normal;
  color: #E20026;
}

h2 {
  font-size: 1.15em;
  line-height: 1.25em;
  margin: 0 0 0 1.45em;
  padding: 0;
  display: block;
  font-weight: normal;
}

h3 {
  font-size: 0.875em;
}

h4 {
  font-size: 0.75em;
}

p {
  margin: 0;
  padding: 0;
  border-width: 0;
}

/*p.hdl {
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 0 0 0 2.45em;
  padding: 0;
  display: block;
  font-weight: normal;
}*/
.inv {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
}

.clear {
  clear: both;
  font-size: 1px;
  height: 0;
  line-height: 0;
  margin: 0;
  overflow: hidden;
}

.blau {
  color: #003366;
}

.weiss {
  color: #fff;
}

/***********************
  Container
***********************/
#ardMBContainer { /*width: 62.5em;*/
  margin: 0 auto;
}

#ardMBKopfBlau { /*  padding-top: 3.2em;*/
  background-color: #0A2946;
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/hintergrund/092845.jpg')
    ;
  background-repeat: repeat-x;
  /*background-position: center; */
  height: 4em;
}

#ardMBKopfSportschau {
  background-color: #11226A;
  background-image:
    url('/sp/layout/img/sportschau/back_sportschau_header.jpg');
  background-repeat: repeat-x;
  height: 2.75em;
}

#ardMBTopSchatten {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/content_galerie/topschatten.jpg')
    ;
  background-repeat: repeat-x;
  background-position: bottom;
  width: 32.125em;
  height: 0.5em;
}

.ardMBCenter { /*width: 62.5em;*/
  width: 59.6em;
  margin: 0 auto;
}

/**********************
  Head
***********************/
#ardMBKopfLogos {
  width: 62.5em;
  margin: 0 auto;
/*  background-color: #0A2946; */
  background-image:
    url('/sp/layout/fifawm2010/img/mediabox/kopf_reiter/mediabox_bg_head.jpg')
    ;
  background-repeat: no-repeat;
  background-position: center;
  height: 4em;
}

.ardMBLogoL {
  float: left;
  width: 13.5em;
  height: 1.56em;
  padding: 1em 0 0 0;
}

.ardMBLogoR {
  float: right;
  width: 9.31em;
  height: 2.56em;
}

#ardMBKopfnav { /*width: 59.625em;*/
  height: 1.6875em;
  padding-left: 2.875em;
  /*padding-left: 11.0625em;*/
  margin: 0;
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/hintergrund/6385A0.jpg')
    ;
  background-repeat: repeat-x;
  border-top: #fff solid 0.0625em;
  background-color: #75a0c5;
}

#ardMBKopfnav a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0.5625em 1.125em 0.25em 1.125em;
  display: block;
  height: 1.4375em;
}

#ardMBKopfnav a:visited {
  color: #fff;
  text-decoration: none;
}

#ardMBKopfnav a:hover {
  color: #fff;
  text-decoration: none;
  background: #E20026;;
  /*background-image: url('/sp/layout/jsp/komponente/mediaseite/img/kopf_reiter/DD6200.jpg');*/
  background-repeat: repeat-x;
  display: block;
}

#ardMBnurNavi li a.ardMBNavSpecial {
  border-left: 0.0625em solid #fff;
  margin-left: 1em;
}

#ardMBnurNavi li a.ardMBNavSpecial:hover {
  background-image: url('/sp/layout/jsp/komponente/mediaseite/img/kopf_reiter/3272AD.jpg') !important;
}

#ardMBKopfnav a:active { /*color: #ff8400;*/

}

#ardMBKopfnav ul {
  list-style-type: none;
  padding: 0;
}

#ardMBKopfnav li {
  display: block;
  color: #fff;
  font-size: 0.75em;
  text-decoration: none;
  font-weight: bold;
  border-right: #fff solid 0.0625em;
}

#ardMBKopfnav #ardMBnurNavi li {
  float: left;
}

#ardMBKopfnav #ardMBnurNavi li a {
  float: left;
}

/*
#ardMBKopfnav .ardMBNavifirst {
  border-left: #fff 0.0625em solid;
}*/
#ardMBKopfnav a.akt {
  color: #516384;
  text-decoration: none;
  font-weight: bold;
  background-color: #fff;
}

#ardMBKopfnav a.akt:hover {
  color: #516384;
  text-decoration: underline;
  font-weight: bold;
  background: #e9ebef;
}

#ardMBKopfnav a.akt:visited {
  color: #516384;
  text-decoration: none;
}

#ardMBKopfnav li.ardfirst {
  border-left: 0.0625em solid #fff;
}

#ardMBKopfnav #ardMBnurNavi {
  margin: 0;
  padding: 0;
}

#ardMBnurNavi ul {
  margin: 0;
  padding: 0;
}

#ardMBnurNavi ul li {
  margin: 0;
  padding: 0;
}

/*********************
  Suchfeld in Navi
*********************/
#ardMBSuche {
  display: inline;
  width: 8.75em;
  float: right;
  color: #fff;
  /*margin: 0 2.5em 0 0;*/ /*margin: 0 5.5em 0 0;*/
  margin: 0 3em 0 0;
  padding: 0;
}

#ardMBSuche p,#ardMBSuche input,#ardMBSuche label,#ardMBSuche form,#ardMBSuche fieldset
  {
  margin: 0;
  padding: 0;
}

#ardMBSuche input.mbsuche {
  border: #A8B2C2 0.083em solid;
  float: left;
  font-size: 0.75em;
  margin: 0.3125em 0 0 0;
  padding: 0 0 0 0.3125em;
  width: 8.43em;
  height: 1.25em;
}

#ardMBSuchbutton {
  float: right;
  margin: 0;
  padding: 0;
  width: 24px;
  width: 1.85em;
  height: 27px;
  height: 2em;
}

* html #ardMBSuchbutton {
  width: 1.5em;
  height: 1.6em;
}

*+html #ardMBSuchbutton {
  width: 1.5em;
  height: 1.6em;
}

#ardMBSuche fieldset {
  border: none;
}

/***************************
  Contentbereich der Seite
****************************/
#ardMBContent { /*width: 62.5em;  */ /*  padding: 0.975em 0 4em 0;*/
  padding: 0.5em 0 0 0;
  margin: 0;
  position: relative;
}

* html #ardMBContent {
  zoom: 1;
  /*position: absolute;*/
}

#ardMBContent h1.inv {
  display: none;
}

#ardMBBreadcrumb {
  margin: 1em 0 1.6em 2em;
  padding: 0;
  font-size: 0.75em;
}

#ardMBBreadcrumb ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#ardMBBreadcrumb ul li {
  padding: 0;
  margin: 0;
  display: inline;
}

#ardMBBreadcrumb li.ardMBBC1 {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/punkt_rot.gif');
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 1em;
}

#ardMBBreadcrumb li.ardMBBC2 {
  background-image:
    url('/sp/layout/fifawm2010/img/mediabox/pfeil_rot.gif');
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 1em;
}

#ardMBBG {
  width: 100%;
  float: left;
  background-color: #0e2c52;
  margin-top: 0.5em;
}

#ardMBKopfOrange {
  background-image:
    url('/sp/layout/fifawm2010/img/mediabox/kopf_reiter/092845.jpg');
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #d4e8f6;
  height: 4em;
}

* html #ardMBBlau {
  margin: 0;
  padding: 0;
}

#ardMBContent #ardMBAktuellContainer {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/hintergrund/4A6582.jpg')
    ;
  background-repeat: repeat-x;
  background-color: #4b6683;
  border-left: 0.0625em solid #76adde;
  border-right: 0.0625em solid #76adde;
  float: left;
  padding: 0.9375em 0 0 0.875em;
  margin-left: 1.5em;
  width: 56em;
  min-height: 37.5em;
}

* html #ardMBContent #ardMBAktuellContainer {
  margin-left: 0.75em;
  background-image: none;
  background-color: #448BC5;
}

#ardMBLinks {
  width: 31.25em;
  float: left;
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/content_galerie/5D9FC9.jpg')
    ;
  background-repeat: repeat-x;
  background-color: #5D9FC9;
  padding: 2.5em 0 0 0.75em;
}

#ardMBLinks p {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
}

#ardMBLinks h3 {
  margin: 0 0 0.83em 0;
  padding: 0;
  font-size: 0.75em;
}

#ardMBLinks h3 small {
  color: #000;
  font-weight: normal;
  font-size: 1em;
}

#ardMBLinks h3 a {
  color: #001f50;
}

#ardMBLinks .links {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/content_galerie/linkpfeil.gif')
    ;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 1em;
  margin: 0 0 0.41em 0;
  font-weight: normal;
}

#ardMBLinks ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#ardMBLinks ul li {
  font-size: 0.75em;
  margin-bottom: 0.83em;
}

#ardMBLinks ul li a {
  font-size: 1em;
  font-weight: bold;
  color: #003366;
  margin: 0;
  padding: 0;
}

#ardMBLinks ul.ardMBZurueckButton,#ardMBPlayerContent ul.ardMBZurueckButton
  {
  margin: 2.9375em 0 0 0;
  padding: 0 0.416em 0.9375em 1.5em;
  float: left;
  width: 12em;
  height: 1.66em;
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/content_galerie/zurueck.png')
    ;
  background-repeat: no-repeat;
}

* html #ardMBLinks ul.ardMBZurueckButton,* html #ardMBPlayerContent ul.ardMBZurueckButton
  {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/content_galerie/zurueck.gif')
    ;
  background-repeat: no-repeat;
  background-position: left top;
}

p.quelle {
  color: #000;
}

/****************************
  Aktuelle Teaser/Startseite
*****************************/
#test {
  float: left;
}

.ardMBAktuell {
  border-bottom: 0.0625em solid #84bde3;
  margin-bottom: 0.625em;
  width: 32em;
  /*  height: 10.68em; */
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/content_uebersicht/5FA0CA.jpg')
    ;
  background-repeat: repeat-x;
  background-position: top;
  background-color: #5FA0CA;
  /*position: relative;*/
}

* html .ardMBAktuell { /*margin: -6em 0 6.6em 0; */

}

.ardMBAktuell small {
  display: block;
  margin-bottom: 0.357em;
  color: #000;
  font-weight: normal;
}

* html .ardMBAktuell small {
  font-size: 0.81em;
}

.ardMBAktuell h2 {
  font-size: 0.875em;
  font-weight: bold;
  /*float: right;*/
  margin: 0.6875em 0 0.35em 0;
  padding: 0;
  width: 17.5em;
  color: #001f50;
}

.ardMBAktuell h2 a {
  color: #001f50;
}

.ardMBAktuellMedia,.ardMBAktuellMediaAudio,.ardMBAktuellMediaVideo {
  float: left;
  height: 9em;
}

.ardMBAktuellMedia {
  border-right: 0.0625em solid #84bee4;
}

.ardMBAktuellMediaAudio object,.ardMBAktuellMediaAudio embed {
  width: 16em;
}

.ardMBAktuellMediaVideo object,.ardMBAktuellMediaVideo embed {
  width: 16em;
}

.ardMBAktuellText {
  float: right;
  width: 15.4em;
  height: 9em;
  overflow: hidden;
}

.ardMBAktuellText p {
  width: 21.5em;
  margin: 0pt 0pt 0.5em 0;
  padding: 0pt;
  font-size: 0.68em;
  color: #000;
}

.ardMBAktuellText ul {
  list-style-type: none;
  color: #000;
  /*  margin: 0 0 0 24.5em;*/
  padding: 0;
  font-size: 0.68em;
  width: 22.125em;
  /*  clear: right; */
}

* html .ardMBAktuellText ul { /*  margin: 0 0 0 24.5em; */

}

.ardMBAktuellText ul li {
  margin: 0 0 0.5em 0;
  padding: 0;
  display: block;
}

ul.ardMBAktuellStichwoerter {
  font-size: 1em;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}

ul.ardMBAktuellStichwoerter li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline;
}

ul.ardMBAktuellStichwoerter li a {
  font-weight: normal !important;
  color: #001f50;
}

#ardMBAktuellContainer .ardMBAktuellPlay {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/hintergrund/315C7E.jpg')
    ;
  background-repeat: repeat-x;
  background-position: top;
  background-color: #5594C0;
  height: 1.6875em;
  width: 32em;
  float: right;
}

#ardMBAktuellContainer .ardMBAktuellPlay a {
  color: #fff;
  font-weight: bold;
  font-size: 0.75em;
  display: block;
  text-align: right;
  margin: 0.5em 0.5833em 0 0;
  padding: 0;
  width: 14em;
  float: right;
}

* html #ardMBAktuellContainer .ardMBAktuellPlay a {
  margin-top: 0.4166em;
}

#ardMBAktuellContainer .ardMBAktuellPlay img {
  float: right;
  margin: 0.5em 0.5em 0 0;
  padding: 0;
}

* html #ardMBAktuellContainer .ardMBAktuellPlay img {
  margin: 0.55em 0.25em 0 0;
}

#ardMBAktuellContainer img.ardMBAktuellIcon {
  width: 1em;
  height: 0.75em;
}

.ardMBAktuell_265x171 {
  width: 16em;
  height: 10.68em;
}

.ardMBAktuell_256x144 {
  width: 16em;
  height: 9em;
}

/****************************
  Weitere Teaser/Startseite
*****************************/
#ardMBContent #ardMBWeitereContainer {
  /*border-right: 0.0625em solid #62a2d9;*/
  width: 22em;
  padding-right: 0.875em;
  float: right;
}

#ardMBContent #ardMBWeitereContainer p.ardMBWeitereHdl {
  font-size: 0.75em;
  color: #fff;
  margin: 0;
  padding: 0.5em 0 0 0.75em;
  height: 1.7em;
  background-color: #405d7f;
  border-bottom: 0.0625em solid #4189c4;
}

#ardMBWeitereContainer .ardMBWeitere {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/img/content_galerie/rechts/A1C6E3.jpg')
    ;
  background-repeat: repeat-x;
  background-position: top;
  background-color: #A1C6E3;
  color: #000;
  border-bottom: 0.0625em solid #4189c4;
}

* html #ardMBWeitereContainer .ardMBWeitere {
  border-top: 0.0625em solid #4189C4;
  border-bottom: 0;
}

#ardMBWeitereContainer  .ardMBWeitere.aktiv {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/content_uebersicht/rechts/D3E7F5.jpg')
    ;
  background-repeat: repeat-x;
  background-position: top;
  background-color: #D3E7F5;
  color: #000;
  border-bottom: 0.0625em solid #4189c4;
}

#ardMBWeitereContainer h3 a {
  color: #001f50;
}

#ardMBWeitereContainer .ardMBWeitere h3 {
  margin: 0 0 0 2.5em;
  padding: 0.416em 0 0 0;
  width: 18.66em;
  float: left;
  font-size: 0.75em;
}

* html #ardMBWeitereContainer .ardMBWeitere h3 {
  margin: 0 0 0 1.25em;
}

.ardMBWeitere small {
  display: block;
  font-size: 0.875em;
  font-weight: normal;
}

.ardMBWeitereBild {
  float: right;
  border-left: 0.0625em solid #5FA0CA;
}

.ardMBWeitereBildClip { /*position: absolute;
  top: 6.125em;
  right: 12.25em;
  width: 8em;
  height: 4.5em;
  clip: rect(0 0.85em 4.25em 7em);  */
  overflow: hidden;
  width: 6em;
  height: 4.5em;
}

.ardMBWeitere128x72 {
  margin: 0 -0.75em 0 -0.75em;
  width: 8em;
  height: 4.5em;
}

.ardMBWeitere96x72 {
  width: 6em;
  height: 4.5em;
}

.ardMBWeitere p {
  padding: 4.7em 0 0 0;
  margin: 0;
  width: 20em;
  font-size: 0.68em;
}

* html .ardMBWeitere p {
  padding: 0.6em 0 0 0;
}

*+html .ardMBWeitere p {
  padding: 0.6em 0 0 0;
}

.ardMBWeitereText img.ardMBWeitereIcon {
  width: 2em;
  height: 1.9em;
  margin: -0.35em 0 0 0.45em;
  padding: 0 0.2em 0 0;
  float: left;
}

* html .ardMBWeitereText img.ardMBWeitereIcon {
  margin: -0.35em 0 0 0.25em;
}

#ardMBWeitereBlaettern {
  width: 29.16em;
  height: 2.5em;
  margin: 0.33em 0 3.66em 0;
  color: #fff;
  font-size: 0.75em;
  background-color: #405d7f;
  float: left;
  /*padding: 0.083em; */
}

#ardMBBlaetternText {
  width: 24.33em;
  text-align: center;
  padding: 0.55em 0 0 0;
  float: left;
}

#ardMBBlaetternButtonL {
  background-color: #405d7f;
  float: left;
}

#ardMBBlaetternButtonR {
  background-color: #405d7f;
  float: right;
}

#ardMBBlaetternButtonR .ardMBGalerieVor,#ardMBBlaetternButtonL .ardMBGalerieZurueck
  {
  margin: 0;
  padding: 0;
  width: 2.41em;
  height: 2.5em;
}

#ardMBBlaetternButtonR a,#ardMBBlaetternButtonL a {
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  /*font-size: 1.5em;*/ /*        margin-left: 0.75em; */
}

/****************************
  Footer
****************************/
#ardMBFuss {
  clear: both;
  background: #ff8400;
  padding: 0.2em 1em 0.5em 1em;
  text-align: right;
  /*border-top: #fff 2px solid;*/
  display: block;
}

/******************************
  Suchausgabe
******************************/
#ardMBSuchausgabeButtonL {
  float: left;
  /*width: 1.8125em;*/
  height: 28.125em;
  padding: 17.75em 0 0 0;
}

#ardMBSuchausgabeButtonR {
  float: right;
  width: 1.8125em;
  padding: 17.75em 0 0 0;
}

#ardMBSuchausgabe .ardMBSuchausgabeButton {
  width: 1.8125em;
  height: 11.1875em;
}

#ardMBSuchausgabe {
  width: 54.65em;
  float: left;
}

#ardMBSuchausgabe h1 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 0.9375em;
}

#ardMBSuchausgabe h3 {
  font-size: 0.75em;
  margin: 0 0 2.5em 0;
  padding: 0 0.4166em 0 0.4166em;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

#ardMBSuchausgabe h3 a {
  color: #001f50;
}

#ardMBSuchausgabe h3 small {
  color: #fff;
  display: block;
  font-weight: normal;
  font-size: 0.9375em;
  margin: 0;
}

#ardMBSuchausgabe .ardMBSucheBox {
  border: 0.125em solid #fff;
  width: 12.5em;
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/content_suchausgabe/5FA0CA.jpg')
    ;
  background-repeat: repeat-x;
  background-color: #5FA0CA;
  position: relative;
  padding-top: 0.4375em;
  float: left;
  z-index: 4;
}

#ardMBSuchausgabe .ardMBSucheMedia {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/content_suchausgabe/AFCDE8.jpg')
    ;
  background-repeat: repeat-x;
  background-color: #AFCDE8;
  width: 8em;
  height: 4.5em;
  border: 0.0625em solid #fff;
  margin: 0 0 4.8em 2.1875em;
  z-index: 2;
}

#ardMBSuchausgabe .ardMBSucheMedia img {
  margin: 0 auto;
  padding: 0;
}

/*128x72*/
#ardMBSuchausgabe .ardMBSucheMedia img.ardMBSuchausgabe128x72 {
  width: 8em;
  height: 4.5em;
}

/*96x72*/
#ardMBSuchausgabe .ardMBSucheMedia img.ardMBSuchausgabe96x72 {
  width: 6em;
  height: 4.5em;
}

#ardMBSuchausgabe .ardMBSuchePlay {
  position: absolute;
  bottom: 0;
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/content_uebersicht/5594C0.jpg')
    ;
  background-repeat: repeat-x;
  background-position: top;
  background-color: #5594C0;
  height: 1.6875em;
  width: 12.5em;
  float: right;
  border-bottom: 0.0625em #99cccc;
  z-index: 3;
}

#ardMBSuchausgabe .ardMBSuchePlay a {
  color: #b5d5ee;
  font-weight: bold;
  font-size: 0.75em;
  display: block;
  text-align: right;
  margin: 0.35em 0.5833em 0 0;
  padding: 0;
  width: 12em;
  float: right;
}

#ardMBSuchausgabe .ardMBSuchePlay img {
  float: right;
  margin: 0.33em 0.5em 0 0;
  padding: 0;
}

* html #ardMBSuchausgabe .ardMBSuchePlay img {
  margin: 0.35em 0.25em 0 0;
}

#ardMBSuchausgabe img.ardMBSucheIcon {
  width: 1.375em;
  height: 1.31em;
}

#ardMBSuchausgabeBlaettern {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/content_suchausgabe/FFFFFF.jpg')
    ;
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  width: 32.625em;
  margin: 0 0 0 2.5em;
  padding: 0;
  border-left: 0.0625em solid #fff;
  border-right: 0.0625em solid #fff;
  border-bottom: 0.0625em solid #fff;
  float: left;
}

#ardMBSuchausgabeBlaettern ul {
  list-style-type: none;
  margin: 0 0 0 0.75em;
  padding: 0 0 0 7.81em;
}

#ardMBSuchausgabeBlaettern ul li {
  float: left;
  display: block;
}

#ardMBSuchausgabeBlaettern ul li a {
  color: #015ca3;
  font-weight: bold;
  font-size: 0.75em;
  text-decoration: none;
  height: 1.7em;
  display: block;
  float: left;
  margin: 0;
  padding: 0.4166em 0.6em 0 0.6em;
}

#ardMBSuchausgabeBlaettern ul li a:hover {
  background-color: #fff;
}

#ardMBSuchausgabeBeitraege,#ardMBSuchausgabeSeiten {
  float: left;
  color: #fff;
  font-size: 0.75em;
  padding-top: 0.416em;
}

#ardMBSuchausgabeSeiten {
  margin-left: 5.2em;
}

/****************************
  MEDIENAUSWAHL BOX
*****************************/
#ardMBMedienauswahl {
  position: absolute;
  top: -4.8em;
  left: 29.5em;
  border: 0.16em solid #E20026;
  background-color: #fff;
  width: 25.41em;
  /* height: 6.25em; */
  font-size: 0.75em;
  margin: 0;
  padding: 0.416em;
}

* html #ardMBMedienauswahl {
  left: 29.2em;
}

#ardMBMedienauswahl p { /*padding-left: 0.16em;*/
  margin: 0 0 0.416em 0;
}

#ardMBMedienauswahl ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#ardMBMedienauswahl li.ardMBMedienauswahlL {
  clear: left;
  float: left;
  margin: 0;
  padding: 0.25em;
  width: 9.16em;
}

* html #ardMBMedienauswahl li.ardMBMedienauswahlL {
  padding: 0;
}

#ardMBMedienauswahl li.ardMBMedienauswahlR {
  float: left;
  width: 11em;
  margin: 0;
  padding: 0.25em;
}

* html #ardMBMedienauswahl li.ardMBMedienauswahlR {
  padding: 0;
}

*+html #ardMBMedienauswahl li.ardMBMedienauswahlL,*+html #ardMBMedienauswahl li.ardMBMedienauswahlR
  {
  padding: 0;
}

#ardMBMedienauswahlX {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.35em 0.35em 0 0;
}

#ardMBMedienauswahlX img {
  width: 1.416em;
  height: 1.416em;
}

#ardMBMedienauswahlInput {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0.35em 0.35em 0;
}

#ardMBMedienauswahlInput input {
  color: #fff;
  border: none;
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/kopf_reiter/577EA5.jpg');
  background-repeat: repeat-x;
  background-color: #577ea5;
}

#ardMBMedienauswahl label {
  padding: 0 0 0 0.25em;
}

* html #ardMBMedienauswahl label {
  padding: 0;
}

*+html #ardMBMedienauswahl label {
  padding: 0;
}

/*******************************************
  HILFE
*******************************************/
#digHilfe {
  color: #000;
  width: 32em;
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/hintergrund/ebf2fa.jpg');
  background-repeat: repeat-x;
  background-color: #ebf2fa;
  padding: 0.5em 0.5em 5em 1em;
  border: 0.0625em solid #A7CAE6;
}

#digHilfe p {
  font-size: 0.75em;
}

#digHilfe h3 {
  margin: 4em 0 0.93em 0;
}

#digHilfe h3.first {
  margin: 0.93em 0;
}

#digHilfe h4 {
  margin: 0.93em 0;
}

#digHilfe ul {
  font-size: 0.75em;
  margin: 0 0 0 1.25em;
  padding: 0;
}

#digHilfe ul li {
  margin: 0 0 0.68em 0;
}

#digHilfe ul.digHilfeSprung {
  list-style-type: none;
  margin: 0 0 3em 0;
  padding: 0;
}

#digHilfe ul.digHilfeSprung li {
  margin: 0 0 0.083em 0;
}

#digHilfe ul.digHilfeSprung li a {
  font-weight: bold;
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/hintergrund/verlauf_hilfeLink.jpg')
    ;
  background-repeat: repeat-x;
  display: block;
  padding: 0.25em 0pt 0.25em 1%;
  width: 40%;
}

#digHilfe ul.digHilfeSprung li a:hover {
  background-image:
    url('/sp/layout/jsp/komponente/mediaseite/hintergrund/verlauf_hilfeLink_a.jpg')
    ;
  background-repeat: repeat-x;
  display: block;
  padding: 0.25em 0pt 0.25em 1%;
  width: 40%;
  text-decoration: none;
}

#digHilfe .digUplink {
  float: right;
  font-size: 0.68em;
  margin: 0 2em 0 0;
}

#digHilfe .digUplinkImg {
  display: inline;
  margin: 0 0 0 0.75em;
}

#digHilfe #digHilfeFlContainer {
  background-image:
    url('http://www.ard.de/static/avportal/pics/icons/hilfe_flash.gif');
  background-repeat: no-repeat;
  margin: 1em 0;
}

#digHilfe #digHilfeFlContainer p {
  margin: 0 0 0 4em;
  width: 31em;
  float: left;
}

* html #digHilfe #digHilfeFlContainer p {
  margin: 0 0 0 2em;
}

/* ---------------------------------------
Ab hier alls fuer Integration DMC-Player
---------------------------------------- */
*+html #ardMBPlayerMedia #page {
  float: left;
}

/* Layer mit HQ-Video, soweit vorhanden */
#hqvideo {
  display: none;
  background: #fff;
  padding: 10px 10px 30px 10px;
  margin: 0;
  border: #cdd9e1 1px solid;
  width: 960px;
  z-index: 600;
  position: relative;
}

* html #hqvideo {
  top: 10px;
  left: 8px;
  width: 961px;
}

.xqplayer,
.hqplayer {
  background: #fff;
  padding: 30px 10px 10px 10px;
  z-index: 600;
  position: absolute;
}

.hqclose {
        font-size: 0.75em;
        float: left;
        position: relative;
        top: 0.5em;
        left: 75em;
        z-index: 700
}

.xqlayer .hqclose {
        left: 102em !important;
}

*+html .hqclose {
        left: 81em;
}



#hqvideo embed { /* padding: 10px 10px 30px 10px; */
  /* border: #cdd9e1 1px solid; */

}

#hqvideo #hqvideoclose {
  float: right;
  font-size: 0.7em;
  padding: 0.25em 0.75em 0.25em 0.25em;
  text-align: right;
  margin: 5px 0 0 0;
  width: 7em;
  z-index: 10;
}

#hqvideo .fullscreen {
  background:
    url("/sp/layout/jsp/komponente/mediaseite/img/icons/full.gif")
    no-repeat;
  display: block;
  float: right;
  margin: 5px 0 0 0;
}

#hqvideo .fullscreen:hover {
  background:
    url("/sp/layout/jsp/komponente/mediaseite/img/icons/full_a.gif")
    no-repeat;
  display: block;
  float: right;
  margin: 5px 0 0 0;
}

/*
#hqvideo,.rpview{display:none; position:absolute; left:15px; top:90px; width:960px; border:10px solid #002349; background:#002349; z-index:1;}
#hqvideo,#popupcclose,.rpview{clear:both;} /* IE6 bugfix (position:absolute not visible)
#hqvideoclose, #rpclose{float:right; padding-top:10px; margin-right:10px;}
*/
.dmcPlayer { /*margin: 0 0 0.75em 0;*/
  font-size: 0.7em;
  width: 32em;
  display: inline;
  float: left;
  padding: 0;
  /*position: absolute; */
  z-index: 1000;
}

/*.dmcPlayer embed,.dmcPlayer object {*/
#center embed,#center object { /*  width: 45.714em;
  height: 28.39em;*/

}

.dmcPlayer table,.player table {
  border-collapse: collapse;
  padding: 0;
  border: 0;
  margin: 0;
  /* background: #063668; */
}

.dmcPlayer table {
  width: 45.714em;
}

.dmcPlayer table td,.Player table td {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  text-align: center;
}

.Player table td div {
  padding: 0;
  margin: 0;
  border: 0;
}

/* einstellungen und icons */
.dmcPlayer #options {
  width: 45.714em;
  background: #fff;
  float: left;
  padding: 0.7em 0 0.7em 0;
  /* negatives margin entfernt den Rand unter grossem Player */
  margin: -0.25em 0 0 0;
}

* html .dmcPlayer #options {
  padding: 0.8em 0 0.8em 0;
}

/* Schalter fuer Einstellungen */
a.option:link,a.option:visited {
  cursor: hand;
  float: left;
  color: #001a4b;
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/label.gif')
    no-repeat 0.3125em 0.25em;
  padding: 0 0 0 1.25em;
}

a.optActive:link,a.optActive:visited {
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/label_a.gif')
    no-repeat 0.3125em 0.25em;
  padding: 0 0 0 1.25em;
  padding: 0 0 0 1.25em;
  float: left;
  color: #001a4b;
}

.dmcPlayer span.text {
  float: left;
  padding: 0.125em 0 0.1875em 0;
}

/* Das sind auch die zusaetzlichen Reiter: Info etc. */
.dmcPlayer .options .option a.option:link {
  float: left;
  margin: 0 0.125em 0 0;
  cursor: hand;
}

.dmcPlayer div.optIcons {
  float: right;
  font-size: 0.7em;
  text-align: right;
  /* width: 100px; */ /* border: #000000 1px solid; */
  text-align: right !important;
  padding: 0 0.25em 0 0;
}

.dmcPlayer .options .option .icons span {
  display: none
}

.dmcPlayer a.carry_open {
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/fenster.gif')
    no-repeat;
  width: 1.5em;
  height: 1.125em;
  margin: 0 0.125em 0 0;
  display: block;
  float: left
}

.dmcPlayer a.carry_open:hover {
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/fenster_a.gif')
    no-repeat;
  width: 1.5em;
  height: 1.125em;
  margin: 0 0.125em 0 0;
  float: left
}

.dmcPlayer div.optIcons .popup {
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/full.gif')
    no-repeat;
  width: 1.5em;
  height: 1.125em;
  margin: 0 0.125em 0 0;
  display: block;
  float: left
}

.dmcPlayer div.optIcons .popup:hover {
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/full_a.gif')
    no-repeat;
  width: 1.5em;
  height: 1.125em;
  margin: 0 0.125em 0 0;
  display: block;
  float: left
}

.dmcPlayer .hq {
  background: url('/sp/layout/jsp/komponente/mediaseite/img/icons/hq.gif')
    no-repeat;
  width: 3em;
  height: 2.25em;
  margin: 0 0.125em 0 0;
  float: left
}

.dmcPlayer .hq:hover {
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/hq_a.gif')
    no-repeat;
  width: 3em;
  height: 2.25em;
  margin: 0 0.125em 0 0;
  float: left
}

a.podcast:link {
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/rss.gif')
    no-repeat;
  width: 1.5em;
  height: 1.125em;
  margin: 0 0.125em 0 0;
  float: left
}

a.podcast:hover {
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/rss_a.gif')
    no-repeat;
  width: 1.5em;
  height: 1.125em;
  margin: 0 0.125em 0 0;
  float: left
}

#ic_rss span {
  display: none;
}

.dmcPlayer .download {
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/download.gif')
    no-repeat;
  width: 1.5em;
  height: 1.125em;
  margin: 0 0.125em 0 0 !important;
  display: inline;
}

.dmcPlayer .download:hover {
  background:
    url('/sp/layout/jsp/komponente/mediaseite/img/icons/download_a.gif')
    no-repeat;
  display: block !important;
}

/* wird eingeblendet bei Klick auf Einstellungen */
.boxSettings { /* border: #000000 1px solid; */ /*width: 510px;*/

}

.dmcPlayer #optionBoxContainer { /*border-bottom: 6px #fff solid;*/
  padding: 0;
  margin: 0 0 0 0 !important;
  background: #FFFFFF;
  /*background: #cdd9e1;*/
  float: left;
  width: 45.714em;
}

#settingsform { /*background: #cdd9e1;*/
  background: #fff;
  width: 100%;
}

.dmcPlayer .boxSettings {
  margin: 0;
  padding: 0;
}

.dmcPlayer #optionBoxContainer ul {
  padding: 0 0 0.5em 1em;
  margin: 0;
  list-style-type: none;
  float: left;
  width: 12em;
}

.dmcPlayer input {
  background: none;
  margin: 0.125em 0.125em 0 0;
  padding: 0 0 0 0 !important;
  border: 0;
}

.dmcPlayer #optionBoxContainer ul li p {
  padding: 0.25em 0 0.25em 0;
  font-weight: bold;
  margin: 0;
  font-weight: bold;
  font-size: 1em;
}

.dmcPlayer #optionBoxContainer ul li {
  clear: both;
  display: block;
  padding: 0 0 0 0;
  margin: 0;
}

/* Beschriftungen der PlugIns */
.dmcPlayer label {
  padding: 0.1875em 0 0.1875em 0.25em;
  font-size: 1em;
  display: inline;
  color: #000;
}

.dmcPlayer #optionBoxContainer .clearer {
  display: none !important;
  font-size: 0;
}

/* einstellungen speichern */
.dmcPlayer #optionBoxContainer #savesetting {
  background: #516384;
  padding: 0.25em 0.3125em 0.25em 0.3125em;
  float: right;
  margin: 0 1em 0.625em 0;
  display: block;
  color: #fff;
  border: #fff 1px solid;
  background: url('/sp/layout/pics/backs/button.jpg') #78aed0 repeat-x
    bottom;
}

.dmcPlayer #optionBoxContainer #savesetting .title {
  text-decoration: underline;
}

.dmcPlayer #optionBoxContainer #savesetting :hover {
  color: #fff;
  text-decoration: none;
  background: url('/sp/layout/pics/backs/button_a.jpg') #5d9dcb repeat-x
    bottom;
}

/* Im externen Player oeffnen */
.dmcPlayer #openextended {
  clear: both;
  width: 90%;
  display: block;
  padding: 0 0 0.43em 0.75em;
}

.dmcPlayer #openextended .title {
  text-decoration: underline;
  /*color: #cdd9e1;*/
  color: blue;
}

.dmcPlayer  #optionBoxContainer  span#settingserror {
  padding: 0.3125em;
  margin: 0 0.5em 0 0;
  float: right;
  height: 2em;
  width: 16em;
  line-height: 100%;
}

.error {

}

.dmcPlayer  #optionBoxContainer  span#settingserror b {
  padding: 0.25em;
  color: #c92424;
  line-height: 120% !important;
  border: #c92424 0.0625em solid;
}

.dmcPlayer  #optionBoxContainer  #settingserror span {
  font-size: 0.75em;
}

.dmcPlayer  .errormsg {
  color: #fff;
  padding: 0.5em 0 0.5em 0;
}

.audio .errormsg {
  position: relative;
  top: 2em;
}

* html .audio .errormsg {
  top: -0.5em;
}

/* Angabe fuer Audiopics im Player */
.simplePlayer {
  margin: 0 0 0 0;
  float: left;
}

.simplePlayer table {
  clear: both;
  margin: 0 0 0 0;
  float: left;
  border-collapse: collapse;
}

/* Dieser unsinnige Tag nur, weil bei der Implementierung das SimplePlayer-Div gedoppelt wurde aus Versehen */
.simplePlayer .simplePlayer embed,.simplePlayer .simplePlayer object {
  margin: 0 auto 1em 0;
}

.simplePlayer .simplePlayer embed {
  margin: 0 auto 1em 0;
}

/* fuer den simple-player */
.audiopicContainer {
  padding: 0;
  background: url('/sp/layout/jsp/komponente/mediaseite/img/default.jpg')
    no-repeat !important;
  width: 16em;
  height: 9em;
  margin: 0;
  float: left;
}

/* Bild fuer den  grossen Audioplayer */
.audiopicContainer_m {
  padding: 0;
}

.audiopicContainer_m img {
  display: block;
  /*border-bottom: #fff 1px solid;*/
}

/* Dies ist das redaktionierte Bild (meistens die verzerrten Logos) */
.simplePlayer .audiopicContainer .audiopic {
  padding: 0;
  margin: 0;
  display: block;
  /* toby */ /* display: none; */
}

/* Dies ist das quadratische kleine Bild in der Mitte */
.simplePlayer .audiopicContainer img.defaultPic {
  margin: 1.875em 0 0 5.68em;
  border: #fff 0.0625em solid;
  background: #fff;
  /* toby */
  display: inline;
  /* display: none; */
}

.simplePlayer .audiopicLabel {
  padding: 0 0 0 0;
  width: 16em;
  height: 9em;
  margin: -9em 0 0 0;
}

.simplePlayer .audiopicLabel p {
  padding: 0.3125em 0 0 0.3125em;
  color: #fff;
}

#audiopane {
  padding: 0;
}

#audiopane embed {
  padding: 0;
  display: block;
  margin: 0 0 0 0 !important;
}

#audiopane img {
  display: block;
}

/* Popup Player zum Mitnehmen */
* {
  margin: 0;
  padding: 0;
  font-family: verdana, sans-serif;
}

#carrier {
  float: left;
  width: 256px;
  background: #bdcbd8;
}

#carrier .info {
  width: 16em;
  height: 7.31em;
  overflow: hidden;
  padding-top: 0.625em;
  padding-left: 0.625em;
  background: url(/sp/layout/img/carrier_bg.gif) repeat-x;
}

#carrier  .colLeft {
  float: left;
  width: 9.68em;
}

#carrier .colRight {
  float: right;
  width: 5.25em;
}

#carrier  h1 {
  margin-bottom: 2px;
  font-size: 0.7em;
}

#carrier  h2 {
  margin-bottom: 0.125em;
  font-size: 0.7em;
  font-weight: normal;
}

#carrier h3 {
  font-size: 0.75em;
}

#carrier a.carrier_close {
  float: right;
  margin: 0.43em;
  text-decoration: none;
  cursor: hand;
}

#carrier a.carrier_close:hover {
  display: inline;
}

#carrier a.carrier_close .icon {
  float: left;
  width: 1.375em;
  height: 1.0625em;
  background:
    url(/sp/layout/img/mediaseite/modElements/blue3/icon_carry_close.gif);
}

#carrier a.carrier_close:hover .icon {
  background-position: -1.37em 0;
}

#carrier a.carrier_close .text {
  font-size: 0.75em;
  float: left;
  margin-right: 0.43em;
  color: black;
}

#carrier a.carrier_close:hover .text {
  text-decoration: underline;
}

/* Ende Popup Player zum Mitnehmen */
  /* ----------------------  Ende Integration DMC-Player ------------------------------ */
.ardMBAktuellMediaVideo .player a {
  width: 100%;
  float: left;
  height: 144px;
  width: 256px;
  margin: -144px 0 0 0 !important;
  padding: 0 !important;
  z-index: 1;
  position: relative;
  background: url(/sp/layout/fifawm2010/img/backs/videoteaser_sprite.png)
    no-repeat 0 0;
}

* html .ardMBAktuellMediaVideo .player a {
  background:
    url(/sp/layout/fifawm2010/img/backs/videoteaser_sprite_IE.gif)
    no-repeat 0 0;
}

.ardMBAktuellMediaVideo .player.video a {
  background-position: 0 0;
}

.ardMBAktuellMediaVideo .player.video a:hover {
  background-position: 0 -204px;
}

.ardMBAktuellMediaVideo .player.audio a {
  background-position: 0 -614px;
}

.ardMBAktuellMediaVideo .player.audio a:hover {
  background-position: 0 -819px;
}

/** von ARD mediathek *************************************************************************************************/
#ardMBPlayer .controlpanel,#ardMBPlayer .controlpanelbox {
  clear: both;
  width: 31.75em;
  padding-right: 2px;
  float: left;
  border-top: none;
  margin: 0;
}

#ardMBPlayer .controlpanelbox { /* notlösung */
  margin: 0;
}

#ardMBPlayer .controlpanel {
  width: 32em;
  background: #142A48;
  padding: 0.625em 0 0 0;
/*  margin: 0.3125em 0 0; */
}

#ardMBPlayer .controlpanel a {
  padding: 5px 0 5px 4px;
  font-size: 0.7em;
  float: left;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

#ardMBPlayer .controlpanel a span.mt-icon {
        background: url("/sp/layout/fifawm2010/img/mediabox/hintergrund/icons.png") no-repeat;
  float: left;
  margin-top: 4px; *
  margin-top: 2px;
  margin-right: 4px;
  width: 0.8em;
  height: 0.8em;
  background-position: -113px -521px;
}

#ardMBPlayer .controlpanel.opened a span.mt-icon { *
  margin-top: 4px;
  background-position: -100px -521px;
}

#ardMBPlayer .controlpanelbox {
  width: 32em;
  padding: 5px 0 10px 0;
  background: #142A48
    url(/sp/layout/fifawm2010/img/mediabox/hintergrund/gradients_player.png)
    no-repeat -3656px bottom;
}

#ardMBPlayer .controlpanelbox .format,#ardMBPlayer .controlpanelbox .connection,#ardMBPlayer .controlpanelbox .save,#ardMBPlayer .controlpanelbox .deletesave
  {
  display: block;
  font-size: 0.7em;
  width: 48%;
  float: left;
  /* letter-spacing: 1px;
  text-transform: uppercase;  */
  font-weight: bold;
  padding: 5px 0 10px 10px;
}

#ardMBPlayer .controlpanelbox .format,#ardMBPlayer .controlpanelbox .connection
  {
  width: 47%;
  padding: 5px 0 10px 15px;
}

#ardMBPlayer .controlpanelbox ul {
  clear: both;
  display: block;
  width: 90%;
  float: left;
  /* letter-spacing: 0;
  text-transform: none; */
  font-weight: normal;
  padding: 5px 0 0 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #194362;
}

#ardMBPlayer .controlpanelbox ul li {
  clear: both;
  display: block;
  padding: 3px 0 3px 0;
  border-top: 1px solid #194362;
  width: 100%;
  margin: 0;
  float: left;
  font-size: 1em;
}

#ardMBPlayer .controlpanelbox ul li a {
  padding-left: 17px;
  background: none;
  text-decoration: none;
  color: #fff !important;
  font-size: 1em !important;
}

#ardMBPlayer .controlpanelbox ul li a:hover {
  text-decoration: underline;
}

#ardMBPlayer .controlpanelbox ul li a.selected {
  background:
    url(/sp/layout/fifawm2010/img/mediabox/hintergrund/icons.png)
    no-repeat -332px -316px;
}

#ardMBPlayer .controlpanelbox a.save,#ardMBPlayer .controlpanelbox a.deletesave
  {
  display: inline;
  font-size: 0.7em;
  float: left;
  background: #4c8ebd
    url(/sp/layout/fifawm2010/img/mediabox/hintergrund/gradients_player.png)
    no-repeat -4168px bottom;
  border: 1px solid #4c8ebd;
  padding: 5px 10px;
  margin: 0 5px 10px 8px;
  width: auto;
  /* letter-spacing: 0;
  text-transform: none; */
  font-weight: normal;
  text-align: center;
  text-decoration: none;
}

#ardMBPlayer .controlpanelbox a.deletesave {
  background: none;
  border: none;
  float: left;
  text-align: left;
  color: #396d9a;
  padding-left: 8px;
  visibility: hidden;
}

#ardMBPlayer .controlpanelbox a.save {
  float: right;
}

#ardMBPlayer .controlpanelbox a.save:hover {
  background-color: #4280ad;
}

#ardMBPlayer .controlpanelbox a.deletesave:hover {
  color: #fff;
}

a.hqbutton {
  background: transparent
    url(/sp/layout/fifawm2010/img/mediabox/icons/hq.png) no-repeat scroll
    0 0;
  width: 2.5em;
  height: 2.14em;
  display: block;
  float: right !important;
  padding: 0;
}

a.xqbutton {
  background: transparent
    url(/sp/layout/fifawm2010/img/mediabox/icons/xq.png) no-repeat scroll
    0 0;
  width: 2.5em;
  height: 2.14em;
  display: block;
  float: right !important;
  padding: 0;
}

a.downloadbutton {
  background: transparent
    url(/sp/layout/fifawm2010/img/mediabox/icons/download.png) no-repeat
    scroll 0 0;
  width: 2.5em;
  height: 2.14em;
  float: right !important;
  padding: 0;
}

a.podcastbutton {
  background: transparent
    url(/sp/layout/fifawm2010/img/mediabox/icons/podcast.png) no-repeat
    scroll 0 0;
  width: 2.5em;
  height: 2.14em;
  float: right !important;
  padding: 0;
}

.selected {
  background-color: #0C5ED8;
}

