/* allgemeines */
body { background: #2A425E url("../img/bg_mediathek.jpg") no-repeat 0 0; font-family: Arial, Verdana, sans-serif; margin: 0; padding: 0; text-align: left; }
a { text-decoration: none; }

.p5l { padding-left: 5px; }
.p5r { padding-right: 5px; }

h1#logo { background: transparent url("../img/logo_mediathek.png") no-repeat; height: 55px; left: 13px; margin: 0; position: absolute; text-indent: -9999px; top: 95px; width: 312px; }
form#main_search { height: 23px; left: 460px; position: absolute; text-align: right; top: 124px; width: 250px; }
form#main_search fieldset { border: 0; margin: 0; padding: 0; }
form#main_search fieldset legend { display: none; }

#wrapper_main { background: #2A425E; margin: auto auto 10px 10px; position: relative; top: 153px; width: 700px; }
#wrapper_foot { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -405px; font-size: 1px; height: 6px; margin: 0; width: 700px; }

/* navigation */
ul.navi { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -345px; height: 26px; margin: 0; padding: 0; }
ul.navi li { float: left; list-style: none; }
ul.navi li a { border-right: 1px solid #2A425E; color: #FFFFFF; display: block; font-size: 14px; font-weight: bold; line-height: 26px; padding: 0 10px; }
ul.navi li a:hover,
ul.navi li.active a { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat -10px -375px; color: #FFFFFF; }
ul.navi li a.video:hover,
ul.navi li.active a.video { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -375px; color: #FFFFFF; }

ul.navi li ul.navi_sec { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -318px; display: none; height: 22px; left: 0; position: absolute; margin: 0 10px; padding: 0; width: 680px; }
ul.navi li ul.navi_sec li { }
ul.navi li ul.navi_sec li a { background: transparent; border: none; color: #959595; font-size: 12px; font-weight: normal; line-height: 20px; padding: 0 5px; text-transform: none; }
ul.navi li ul.navi_sec li a:hover,
ul.navi li ul.navi_sec li.active a { background: transparent; color: #FFFFFF; }

ul.navi li.active ul.navi_sec { display: block; }


/* content */
.content { padding: 25px 10px 10px; }
.content h2 { color: #CDCDCD; font-size: 13px; font-weight: normal; margin: 0; padding: 0; }
.content h3 { color: #FFFFFF; font-size: 15px; font-weight: bold; margin: 0 0 5px; padding: 0; }
.content .wrapper_player { height: 395px; position: relative; width: 680px; }

#content_single_head { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -285px; font-size: 1px; height: 5px; width: 680px; }
#content_single_body { background: #383838; }
#content_single_foot { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -300px; font-size: 1px; height: 11px; width: 680px; }

#triple_head { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -30px; font-size: 1px; height: 5px; }
#triple_body { background: transparent url("../img/bg_m_dgrey_dgrey_dgrey.png") repeat-y; height: 98px; position: relative; }
#triple_foot { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -46px; font-size: 1px; height: 11px; }

.content div.wrapper_player div.send_overlay { display: none; left: 0; margin: 10px; position: absolute; top: 0; width: 660px; z-index: 9999; }
.content div.wrapper_player div.send_overlay div.box_head { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -420px; font-size: 1px; height: 6px; line-height: 1px; margin: 5px auto 0; width: 660px; }
.content div.wrapper_player div.send_overlay div.box_foot { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -435px; font-size: 1px; height: 6px; line-height: 1px; margin: 0 auto 5px; width: 660px; }
.content div.wrapper_player div.send_overlay #send { background: #333333; margin: 0 auto; position: relative; width: 660px; }
.content div.wrapper_player div.send_overlay #send strong { color: #FFFFFF; display: block; font-size: 11px; font-weight: bold; margin: 0 5px 5px; text-transform: uppercase; }
.content div.wrapper_player div.send_overlay #send form { margin: 5px 0; text-align: left; }
.content div.wrapper_player div.send_overlay #send fieldset { border: none; margin: 0; padding: 0; }
.content div.wrapper_player div.send_overlay #send form label { clear: both; color: #DADADA; float: left; font-size: 11px; font-weight: normal; margin: 0 5px; width: 130px; }
.content div.wrapper_player div.send_overlay #send form input { border: 2px solid #575757; float: left; margin-bottom: 10px; padding: 2px; width: 425px; }
.content div.wrapper_player div.send_overlay #send form input#submit_message { background: #9F9F9F; color: #FFFFFF; bottom: 0; float: right; margin: 10px 5px; position: absolute; right: 0; width: 60px; }
.content div.wrapper_player div.send_overlay #send form textarea { border: 2px solid #575757; float: left; height: 250px; margin: 0 0 5px; padding: 2px; width: 425px; }

.content div.send { margin: 5px 0; text-align: right; }
.content div.send a.more_light { background: transparent url(../../img/li_bullet_939393.png) no-repeat 0px 50%; color: #939393; font-size: 10px; line-height: 11px; padding: 0 0 0 12px; text-transform: uppercase; }

.more ul { list-style: none; margin: 0; padding: 0; }
.more ul li { background: transparent url("../img/bg_hr.gif") repeat-x 0 0; float: left; padding: 10px 10px 10px 0; width: 220px; }
.more ul li.last { padding-right: 0; }

.more ul.large li a.img { display: block; margin: 0 0 5px; position: relative; }
.more ul.large li a span.play { background: transparent url("../../img/bg_play.png") no-repeat 0 0; height: 48px; left: 70px; position: absolute; top: 36px; width: 81px; }
.more ul.large li a:hover span.play { background-image: url("../../img/bg_play_roll.png"); }
.more ul.large li h3,
.more ul.large li h4 { height: auto; margin: 0 5px; padding: 0; }
.more ul.large li h3 { font-size: 13px; font-weight: normal; line-height: normal; }
.more ul.large li h3 a { color: #C3C3C3;  }
.more ul.large li h4 { font-size: 15px; font-weight: bold; line-height: normal; }
.more ul.large li h4 a { color: #FFFFFF; }

.more ul.small li a.img { display: block; float: left; margin: 0 10px 0 0; position: relative; width: 105px; }
.more ul.small li a span.play { background: transparent url("../../img/bg_play_mini.png") no-repeat 0 0; height: 18px; left: 37px; position: absolute; top: 21px; width: 30px; }
.more ul.small li a:hover span.play { background-image: url("../../img/bg_play_mini_roll.png"); }
.more ul.small li h3,
.more ul.small li h4,
.more ul.small li p { float: right; height: auto; margin: 0; padding: 0; width: 105px; }
.more ul.small li h3 a { color: #C3C3C3; font-size: 10px; font-weight: normal; line-height: normal; }
.more ul.small li h4 a { color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: normal; }
.more ul.small li p { clear: right; color: #808080; }

/* faces */
.faces { background: transparent url("../img/bg_boxen_mediathek_fade.png") no-repeat 10px bottom; padding-bottom: 75px; }
.faces h2 { background: #383838; clear: both; color: #FFFFFF;  font-size: 12px; font-weight: bold; margin: 0; padding: 0 5px; }
.faces dl dt { color: #DADADA; font-size: 11px; font-weight: bold; padding: 0 5px;  }
.faces dl dd { margin: 0; }
.faces dl dd a { color: #DADADA; font-size: 11px; font-weight: normal; padding: 0 5px; }
.faces dl dd a:hover { color: #FFFFFF; }
.faces dl dd div.detail_wrapper { position: relative; width: 220px; }
.faces dl dd div.detail { color: #DADADA; display: none; font-size: 11px; font-weight: normal; left: 0; padding: 0 5px 5px; position: absolute; z-index: 9999;}
.faces dl dd div.detail img { float: left; margin-right: 5px;  width: 100px; }
.faces dl dd div.detail p { float: left; margin: 0; width: 105px; }

/* faces_detail */
.faces_detail h2 { color: #FFFFFF; font-size: 18px; font-weight: bold; margin: 0; padding: 0 5px; }
.faces_detail h3 { color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 0 0 10px; }
.faces_detail h3.shows { margin: 15px 0 2px; }
.faces_detail p { color: #CDCDCD; font-size: 12px; }
.faces_detail p a,
.faces_detail p a:hover { color: #CDCDCD; font-size: 12px; font-weight: bold; }
.faces_detail ul.shows { margin: 0; padding: 0; }
.faces_detail ul.shows li { list-style: none; }
.faces_detail ul.shows li a { color: #CDCDCD; font-size: 12px; }

/* programm */
.program { padding-bottom: 75px; height: 1000px; }
.program #nav_prog { overflow: hidden; position: relative; }
.program #nav_prog ul { background: #000000; height: 44px; margin: 0 0 5px; overflow: hidden; padding: 0 45px; position: relative; width: 590px; }
.program #nav_prog ul li { background: #000000; float: left; height: 44px; list-style: none; margin: 0; text-align: center; width: 117px !important; }
.program #nav_prog ul li a { color: #B4B4B4; font-size: 11px; line-height: 44px; }
.program #nav_prog ul li a.active { color: #FFFFFF; }
.program #nav_prog ul li a strong { font-size: 23px;}
.program #nav_prog a.backward { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat -44px 0; left: 0; height: 44px; position: absolute; top: 0; width: 44px; text-indent: -9999px; }
.program #nav_prog a.backward:hover { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat -44px -44px; }
.program #nav_prog a.forward { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat 0 0; right: 0; height: 44px; position: absolute; top: 0; width: 44px; text-indent: -9999px; }
.program #nav_prog a.forward:hover { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat 0 -44px; }

.program h2 { background: #383838; color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 0; padding: 0 5px; }
.program ul { margin: 0; padding: 0; }
.program ul li { background: #383838; font-size: 11px; list-style: none; margin: 2px 0 0; padding: 0; }
.program ul li a { color: #DADADA; }
.program ul li div.time { float: left; margin: 0 5px; width: 25px; }
.program ul li div.wrapper { float: right; padding: 0 0 2px; width: 175px; }
.program ul li div.wrapper div { float: left; margin: 0 5px 0 0; }
.program ul li div.detail_wrapper { clear: both; position: relative; }
.program ul li div.detail { background: #535353; display: none; left: 0; position: absolute; top: 0; width: 220px; }
.program ul li div.detail img { float: left; height: 39px; margin: 0 2px 0 5px; width: 68px; }
.program ul li div.detail div.wrapper { float: right; width: 140px; }
.program ul li div.noimg div.wrapper { float: right; width: 175px; }
.program ul li div.detail div.wrapper strong { color: #B4B4B4; font-size: 11px; font-weight: bold; }
.program ul li div.detail div.wrapper ul { margin: 0; padding: 0; }
.program ul li div.detail div.wrapper ul li,
.program ul li div.detail div.wrapper p { background: transparent; color: #FFFFFF; font-size: 11px; margin: 0; padding: 0 5px 0 0; }
.program ul li div.detail div.wrapper ul li { list-style: disc; list-style-position: inside; }


.program ul li div.play a { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat 0 -264px; display: block; height: 11px; line-height: 11px; text-indent: -9999px; width: 17px; }
.program ul li div.play a:hover { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat -44px -264px; }
.program ul li div.live a { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat 0 -308px; display: block; height: 12px; line-height: 12px; text-indent: -9999px; width: 34px; }
.program ul li div.live a:hover { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat -44px -308px; }


/* sendung */
.sendungen { background: transparent url("../img/bg_boxen_mediathek_fade.png") no-repeat 10px bottom; padding-bottom: 75px;}
.sendungen h2 { background: #383838; color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 15px 0 0; padding: 0 5px; }
.sendungen ul { margin: 0; padding: 0; }
.sendungen ul li { background: #373737; list-style: none; margin: 2px 0 0; }
.sendungen ul li a { color: #DADADA; font-size: 11px; }
.sendungen ul li div { float: left; }
.sendungen ul li div.play a { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat 0 -264px; display: block; height: 11px; line-height: 11px; margin: 3px 0 2px 5px; text-indent: -9999px; width: 17px; }
.sendungen ul li div.play a:hover { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat -44px -264px; }
.sendungen ul li div.titel_wrapper { clear: both; padding: 0 5px; }
.sendungen ul li div.detail_wrapper { clear: both; position: relative;}
.sendungen ul li div.detail { display: none; left: 0; position: absolute; top: 0; width: 220px; }
.sendungen ul li div.detail img { float: left; height: 39px; margin: 2px 5px 0; padding: 0 0 5px 0; width: 68px; }
.sendungen ul li div.wrapper { float: right; margin: 2px 5px 5px 0; width: 132px; }
.sendungen ul li div.wrapper h3 { color: #DADADA; font-size: 11px; margin: 0; }
.sendungen ul li div.wrapper em { color: #A9A9A9; font-size: 11px; }

/* sendungen_detail */
.sendungen_detail { color: #CDCDCD; }
.sendungen_detail a { color: #CDCDCD; }
.sendungen_detail h2 { color: #FFFFFF; font-size: 18px; font-weight: bold; margin: 0 0 5px; padding: 0 5px; }
.sendungen_detail h3 { color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 0; }
.sendungen_detail h3.show { margin: 5px 0 0 ; }
.sendungen_detail em {  font-size: 11px; font-variant: normal;  }
.sendungen_detail ul { margin: 0 0 15px 15px; padding: 0; }
.sendungen_detail ul li { list-style: disc; }
.sendungen_detail .wrapper div.play a { background: transparent url("../img/bg_buttons_mediathek.png") no-repeat 0 -264px; display: block; float: left; height: 11px; margin-right: 5px; text-indent: -9999px; width: 17px; }
.sendungen_detail .wrapper a { float: left; font-size: 11px; line-height: 13px; }


/* search */
.search .bottom { position: absolute; bottom: 0; }
.search #search_head { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -60px; font-size: 1px; height: 5px; }
.search #search_body { background: #000000; }
.search #search_foot { background: transparent url("../img/bg_boxen_mediathek.png") no-repeat 0 -75px; font-size: 1px; height: 11px;}

#search_body form { margin: 0; padding: 0; }
#search_body form fieldset { border: none; margin: 0; padding: 5px; text-align: center;  }
#search_body form legend { display: none; }
#search_body form label { color: #FFFFFF; font-size: 11px; font-weight: normal; }
#search_body form select { width: 100px; }
#search_body form input#search { width: 120px; }

.search h2, .search h3, .search h4 { margin: 0; }
.search h2 { color: #FFFFFF; font-size: 16px; font-weight: bold; }
.search h3 a { color: #C1C1C1; font-size: 12px; font-weight: normal; }
.search h4 a { color: #FFFFFF; font-size: 14px; font-weight: bold;  }
.search p { color: #C1C1C1; font-size: 12px; }
.search .result_nav { margin: 5px auto; }
.search .result_nav strong { color: #959595; float: left; font-weight: normal; }
.search .result_nav ul { float: left; margin: 0; padding: 0; }
.search .result_nav ul li { color: #959595; float: left; list-style: none; padding: 0 3px; }
.search .result_nav ul li.last { clear: both;  }
.search .result_nav ul li a { color: #959595; }
.search .result_nav ul li.active a { color: #FFFFFF; font-weight: bold; }
.search .result_nav ul li.nav_backward a,
.search .result_nav ul li.nav_forward a { color: #FFFFFF; font-weight: bold; }

.search .result em.found { background: #B1101F; font-style: normal; }
.search .result ul { margin: 0; padding: 0; }
.search .result ul li { clear: both; list-style: none; margin: 10px 0 0; }
.search .result ul li div.info { color: #818181; font-size: 11px; }
.search .result ul li a.more { background: transparent url("../img/li_bullet_CCCCCC.png") no-repeat 0 50%; color: #CCCCCC; font-size: 10px; padding-left: 10px; text-transform: uppercase; }

/* bottom def */
#wrapper_bottom { height: 114px; left: 0; margin: 10px 0 0; width: 680px; }
#wrapper_bottom h2 { color: #818181; font-size: 12px; font-weight: bold; margin: 0; padding: 0 5px; text-transform: uppercase; }
#wrapper_bottom div.bottom { bottom: 0; clear: both; position: absolute; text-align: right; }
#wrapper_bottom div.bottom a.more { background: transparent url("../img/li_bullet_CCCCCC.png") no-repeat 0 50%; color: #CCCCCC; font-size: 10px; padding-left: 10px; text-transform: uppercase; }


/* triple def */
#triple_body dl { padding: 0 5px; }
#triple_body dl dt { float: left; margin-right: 5px; width: 105px; }
#triple_body dl dd { float: left; margin: 0; width: 100px; }
#triple_body dl dd a { font-size: 11px; line-height: 12px; }
#triple_body dl dd a.time { color: #CDCDCD; }
#triple_body dl dd a.thema { color: #818181; }
#triple_body dl dd a.titel { color: #FFFFFF; }
#triple_body dl dd a.length { color: #818181; }

#triple_body fieldset { border: none; margin: 0; padding: 0 5px; }
#triple_body fieldset label { clear: both; color: #CDCDCD; display: block; float: left; margin-top: 4px; width: 65px; }
#triple_body fieldset input,
#triple_body fieldset select { float: left; }
#triple_body fieldset input { width: 40px; }
#triple_body fieldset select { margin: 4px 0 0;  width: 140px; }

#triple_body div.bottom { width: 215px; }