/* MULTIMEDIA-CENTER */
/* ************** */

#flowplayer_controlbar_2340123421340234 {
  background-image: url(/images/controlbar_hintergrund.gif);
}

#inhalte.mm {
  width: 100%;
}
#multimediacenter #seitenservice {
  font-size: 70%;
  margin: 0 30px 30px 30px;
}

#hilfe {
  position: absolute;
  width: 660px;
  background-color: #f2f2f2;
  background-image: url(/images/multimedia_audio_verlauf.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  font-size: 80%;
  display: none;
  border: 1px solid #000;
}
#hilfe_head {
  background-color: #000;
  color: #fff;
  padding: 10px;
}
#hilfe_text {
  padding: 10px;
  padding-bottom: 0;
}
#hilfe_text p {
  margin-top: 0;
}
#hilfe .close {
  padding: 0 10px 10px 10px;
}

#bfdwtv {
  float: right;
  padding-right: 20px;
  margin-top: 19px;
  display: block;
  height: 100%;
  overflow: hidden;
}
#bfdwtv_sp1 {
  float: left;
  font-size: 24px;
  color: #e75012;
  height: 100%;
  overflow: hidden;
}
#bfdwtv_sp2 {
  float: left;
  margin-left: 10px;
  margin-top: 8px;
  height: 100%;
  overflow: hidden;
}
#bfdwtv_sp2 a {
  color: #e75012;
  font-weight: bold;
  font-size: 80%;
  font-size: 13px;
  text-decoration: none;
  border-left: 1px solid #e75012;
  padding: 0 10px 0 10px;
  display: block;
  overflow: hidden;
  height: 100%;
  float: left;
}
#bfdwtv_sp2 a:hover {
  text-decoration: underline;
}
#bfdwtv_sp2 a.podcast {
  background-image: url(/images/icon_rss_mediathek.gif);
  background-repeat: no-repeat;
  background-position: right 0;
  padding-right: 23px;
}


#multimediacenter_reiter {
  clear: both;
  float: none;
  overflow: hidden;
  width: 100%;
  background-image: url(/images/multimedia_reiter_verlauf.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
#multimediacenter_reiter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 30px;
}
#multimediacenter_reiter ul li {
  float: left;
}
#multimediacenter_reiter ul li a {
  display: block;
  color: #000;
  text-decoration: none;
  font-size: 80%;
  padding: 9px 15px 9px 34px;
  border-right: 1px dotted #000;
  margin-left: -1px;
}
#multimediacenter_reiter ul li a.video {
  background-image: url(/images/icon_video.gif);
  background-repeat: no-repeat;
  background-position: 15px 9px;
}
#multimediacenter_reiter ul li a.audio {
  background-image: url(/images/icon_audio.gif);
  background-repeat: no-repeat;
  background-position: 15px 9px;
}
#multimediacenter_reiter ul li a.ppt {
  background-image: url(/images/icon_ppt.gif);
  background-repeat: no-repeat;
  background-position: 15px 9px;
}
#multimediacenter_reiter ul li a.aktiv {
  border: 1px solid #000;
  border-bottom: 0;
  background-color: #fff;
  font-weight: bold;
}
#multimediacenter_reiter ul li a:hover {
  text-decoration: underline;
}

/* Liste der Filme - Listenelement */

#filmliste_klammer .listenelement {
  width: 220px;
  font-size: 70%;
  overflow: hidden;
  position: absolute;
  left: 30px;
  top: 232px;
}
#filmliste_klammer .listenelement .film {
  height: 145px;
  z-index: 1;
}
#filmliste_klammer .listenelement .bild {
  display: block;
  width: 220px;
  height: 145px;
  overflow: hidden;
  background-repeat: no-repeat;
}
#filmliste_klammer .listenelement .bild .vorschau {
  display: none;
}
#filmliste_klammer .listenelement .link {
  height: 70px;
  padding: 10px 10px 0 0;
}
#filmliste_klammer .listenelement .bild a {
  display: block;
  width: 30px;
  height: 30px;
  float: right;
  background-image: url(../images/icon_film_play.gif);
  background-repeat: no-repeat;
}
#filmliste_klammer .listenelement .bild a.linkAus {
  background-image: url(/images/icon_film_play.gif);
}
#filmliste_klammer .listenelement .bild a.linkAn {
  background-image: url(/images/icon_film_checked.gif);
}
#filmliste_klammer .listenelement .bild a:hover {
  background-image: url(/images/icon_film_play_over.gif);
}
#filmliste_klammer .listenelement .bildtext {
  padding: 10px;
  height: 45px;
  color: #fff;
  background-image: url(/images/hintergrund_schwarz_40prozent.png);
}

/* Audio */
#filmliste_klammer .listenelement .audio {
  height: 145px;
  z-index: 1;
  background-color: #f2f2f2;
  background-image: url(/images/multimedia_audio_verlauf.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
#filmliste_klammer .listenelement .audio_head {
  background-color: #777;
  overflow: hidden;
  width: 100%;
  color: #fff;
}
#filmliste_klammer .listenelement .audio_bild {
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: left;  
}
#filmliste_klammer .listenelement .audio_bild img {
  width: 76px;
  height: 50px;
  margin-left: -13px;
}
#filmliste_klammer .listenelement .audio_titel {
  float: left;
  width: 125px;
  padding: 3px 0 0 5px;
}
#filmliste_klammer .listenelement .audio_link {
  float: right;
  padding: 10px 10px 0 0;
}
#filmliste_klammer .listenelement .audio_link a {
  display: block;
  width: 30px;
  height: 30px;
  float: right;
  background-image: url(/images/icon_film_play.gif);
  background-repeat: no-repeat;
}
#filmliste_klammer .listenelement .audio_link a.linkAus {
  background-image: url(/images/icon_film_play.gif);
}
#filmliste_klammer .listenelement .audio_link a.linkAn {
  background-image: url(/images/icon_film_checked.gif);
}
#filmliste_klammer .listenelement .audio_link a:hover {
  background-image: url(/images/icon_film_play_over.gif);
}
#filmliste_klammer .listenelement .audio_text {
  padding: 5px;
  color: #000;
  float: none;
  clear: both;
  height: 85px;
  overflow: hidden;
}
#filmliste_klammer .listenelement .audio_text p {
  margin: 0;
}




#filmliste_klammer .listenelement .buttons {
  background-color: #000;
  height: 100%;
  overflow: hidden;
  border-top: 1px dotted #fff;
}
#filmliste_klammer .listenelement .buttons_links {
  float: left;
  height: 100%;
  overflow: hidden;
}
#filmliste_klammer .listenelement .buttons_rechts {
  float: right;
  height: 100%;
  overflow: hidden;
}
#filmliste_klammer .listenelement .buttons a {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 21px;
  height: 21px;
  float: left;
}
#filmliste_klammer .listenelement .buttons_links a {
  border-right: 1px dotted #fff;
}
#filmliste_klammer .listenelement .buttons_rechts a {
  border-left: 1px dotted #fff;
}
#filmliste_klammer .listenelement .buttons a#btn_versenden {
  background-image: url(/images/icon_video-versenden_weiss.gif);
}
#filmliste_klammer .listenelement .buttons a#btn_einbetten {
  background-image: url(/images/icon_video-einbetten_weiss.gif);
}
#filmliste_klammer .listenelement .buttons a#btn_downloaden {
  background-image: url(/images/icon_video-downloaden_weiss.gif);
}
#filmliste_klammer .listenelement .buttons a#btn_versenden:hover,
#filmliste_klammer .listenelement .buttons a#btn_einbetten:hover,
#filmliste_klammer .listenelement .buttons a#btn_downloaden:hover
{
  background-color: #E75012;
}
#filmliste_klammer .listenelement .buttons a#btn_myspace {
  background-image: url(/images/icon_myspace.gif);
}
#filmliste_klammer .listenelement .buttons a#btn_myspace:hover {
  background-image: url(/images/icon_myspace_over.gif);
}
#filmliste_klammer .listenelement .buttons a#btn_twitter {
  background-image: url(/images/icon_twitter.gif);
}
#filmliste_klammer .listenelement .buttons a#btn_twitter:hover {
  background-image: url(/images/icon_twitter_over.gif);
}
#filmliste_klammer .listenelement .buttons a#btn_facebook {
  background-image: url(/images/icon_facebook.gif);
}
#filmliste_klammer .listenelement .buttons a#btn_facebook:hover {
  background-image: url(/images/icon_facebook_over.gif);
}

.video_versenden, .video_einbetten {    
    display: none;
    padding: 10px;
    background-color: #f2f2f2;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 440px; /* 460 - 20padding */
    height: 334px; /* 354 - 20padding */
    overflow: auto;
    font-size: 120%;
}
.video_versenden h2, .video_einbetten h2 {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 120%;    
}
.video_einbetten textarea {
  width: 428px;
  height: 230px;
}
.video_versenden .formular_zeile_video, .video_einbetten .formular_zeile_video {
  clear: both;
  float: none;
  padding: 0 0 10px 0;
  overflow: hidden;
}
div.close {
  overflow: hidden;
  margin-top: 20px;
}
div.close a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
}
div.close a:hover {
  color: #E75012;
}



/* Liste der Filme - Einzeldarstellung */
#filmliste_klammer.gross .listenelement {
  width: 700px;
  font-size: 70%;
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  margin: 40px 0 30px 30px;
}
#filmliste_klammer.gross .listenelement .film {
  height: 461px;
}
#filmliste_klammer.gross .video_versenden,
#filmliste_klammer.gross  .video_einbetten
{    
    width: 680px;
    height: 441px;
}
#filmliste_klammer.gross .video_einbetten textarea {
  width: 668px;
  height: 330px;
}
#filmliste_klammer.gross .formularfeld input,
#filmliste_klammer.gross .formularfeld_textarea textarea
{
  width: 518px;
}

/* Liste der Filme - Einzeldarstellung Audio */
#filmliste_klammer.gross .listenelement .audio_titel {
  float: none;
  clear: both;
  width: 100%;
  padding: 10px;
}