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

div#wrapper { position: relative; width: 710px; }

/* head */
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; right: 0px; 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 { margin: auto auto auto 10px; position: relative; top: 153px; width: 700px; }
#wrapper_foot { background: #C8C8C8 url("../img/bg_boxen_bilderserien.png") no-repeat 0 -90px; font-size: 1px; height: 6px; left: 0; margin: 0 0 10px 0; width: 700px; }

/* navigation */
ul.navi { background: transparent url("../img/bg_boxen_bilderserien.png") no-repeat 0 -30px; height: 26px; margin: 0; padding: 0; }
ul.navi li { float: left; list-style: none; }
ul.navi li a { border-right: 1px solid #666666; 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_bilderserien.png") no-repeat -10px -60px; color: #FFFFFF; }
ul.navi li a.first:hover,
ul.navi li.active a.first { background: transparent url("../img/bg_boxen_bilderserien.png") no-repeat 0 -60px; color: #FFFFFF; }

ul.navi li ul.navi_sec { background: transparent url("../img/bg_boxen_bilderserien.png") no-repeat 0 0; display: none; height: 20px; 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; }



/* container */
.container { background: #2A425E; padding: 25px 10px 10px; }


/* start */
.container h2 { color: #FFFFFF; margin: 0; padding: 0; }
.container form { text-align: right;  }
.container form fieldset { border: none; margin: 0; padding: 0; }
.container form legend { display: none; }

/* seiten */
div.num_nav strong { color: #DADADA; float: left; font-size: 11px; font-weight: normal; padding: 4px 0; }
div.num_nav ul li { float: left; list-style: none; padding: 4px; }
div.num_nav ul li a { color: #DADADA; font-size: 11px; }
div.num_nav ul li.active a { color: #FFFFFF; font-weight: bold; }

/* raster */
ul#slide { margin: 0; padding: 0; }
ul#slide li { float: left; height: 60px; list-style: none; margin: 0 10px 5px 0; padding: 0; position: relative; width: 105px; }
ul#slide li.last { margin-right: 0; }
ul#slide li a.img img{ height: 60px; left: 0px; position: absolute; top: 0px; width: 105px; z-index: 1000; }
ul#slide li div.details { background: transparent url("../img/bg_rollover.png") no-repeat 0 0; display: none; height: 70px; left: -5px; overflow: hidden; position: absolute; top: -5px; width: 230px; }
ul#slide li div.details h3,
ul#slide li div.details h4 { color: #FFFFFF; font-size: 11px; margin: 0 5px 0 120px; }
ul#slide li div.details h3 { font-weight: normal; margin-top: 5px; }
ul#slide li div.details h4 { font-weight: bold; }



/* slideshow */
.slideshow { background: transparent url("../img/bg_bild.png") no-repeat; }
.slideshow h2 { color: #CDCDCD; font-size: 12px; font-weight: normal; margin: 0 10px; padding: 0; }
.slideshow h3 { color: #FFFFFF; font-size: 14px; font-weight: bold; margin: 0 10px; padding: 0; }
.slideshow #wrapper_img { height: 420px; overflow: hidden; position: relative; text-align: center; width: 680px; }
.slideshow #wrapper_nav { height: 70px; width: 680px; }
.slideshow #wrapper_nav a.backward,
.slideshow #wrapper_nav a.forward { cursor: pointer; float: left; height: 44px; margin: 13px 10px; overflow: hidden; text-indent: -9999px; width: 44px; }
.slideshow #wrapper_nav a.backward { background: transparent url("../../img/bg_buttons.png") no-repeat 0 -320px; }
.slideshow #wrapper_nav a.backward:active { background: transparent url("../img/bg_buttons.png") no-repeat 0 -380px; }
.slideshow #wrapper_nav a.forward { background: transparent url("../../img/bg_buttons.png") no-repeat 0 -200px; }
.slideshow #wrapper_nav a.forward:active { background: transparent url("../../img/bg_buttons.png") no-repeat 0 -260px; }
.slideshow #wrapper_nav p { color: #FFFFFF; float: left; font-size: 12px; line-height: 14px; margin: 0; padding: 4px 0; overflow: hidden; width: 552px; }

#layer { background: transparent url("../img/bg_layer.png") repeat 0 0; display: none; height: 420px; left: 0; position: absolute; text-align: left; width: 680px; }
#layer strong, #layer h4 { color: #FFFFFF; display: block; font-size: 11px; font-weight: bold; margin: 0 5px 5px; text-transform: uppercase; }
#layer div.box_head { background: transparent url("../img/bg_boxen_bilderserien.png") no-repeat 0 -105px; font-size: 1px; height: 6px; line-height: 1px; margin: 5px auto 0; width: 660px; }
#layer div.box_foot { background: transparent url("../img/bg_boxen_bilderserien.png") no-repeat 0 -120px; font-size: 1px; height: 6px; line-height: 1px; margin: 0 auto 5px; width: 660px; }
#bookmarking { background: #333333; margin: 0 auto; width: 660px; }
#bookmarking span { clear: both; color: #DADADA; font-size: 11px; float: left; margin: 5px; width: 130px; }
#bookmarking p { float: left; margin: 5px 0; }
#bookmarking p a { color: #FFFFFF; }
#bookmarking ul { float: left; padding: 0 5px; margin: 10px 0; }
#bookmarking ul li { list-style: none; float: left; }
#bookmarking ul li a { display: block; height: 18px; margin: 0 10px 0 0; text-indent: -9000px; width: 18px; }
#bookmarking ul li a.mrwong { background: transparent url("../../img/bg_social_boomarks.gif") no-repeat 0 0; }
#bookmarking ul li a.folkd { background: transparent url("../../img/bg_social_boomarks.gif") no-repeat 0 -20px; }
#bookmarking ul li a.oneview { background: transparent url("../../img/bg_social_boomarks.gif") no-repeat 0 -40px; }
#bookmarking ul li a.delicious { background: transparent url("../../img/bg_social_boomarks.gif") no-repeat 0 -60px; }
#bookmarking ul li a.linkarena { background: transparent url("../../img/bg_social_boomarks.gif") no-repeat 0 -80px; }
#bookmarking ul li a.google { background: transparent url("../../img/bg_social_boomarks.gif") no-repeat 0 -100px; }
#bookmarking ul li a.blinklist { background: transparent url("../../img/bg_social_boomarks.gif") no-repeat 0 -120px; }
#bookmarking ul li a.furl { background: transparent url("../../img/bg_social_boomarks.gif") no-repeat 0 -140px; }
#bookmarking ul li a.yahoomyweb { background: transparent url("../../img/bg_social_boomarks.gif") no-repeat 0 -160px; }
#bookmarking ul li a.yigg { background: transparent url("../../img/bg_social_boomarks.gif") no-repeat 0 -180px; }
#send { background: #333333; margin: 0 auto; position: relative; width: 660px; }
#send form { margin: 5px 0; text-align: left; }
#send form label { clear: both; color: #DADADA; float: left; font-size: 11px; font-weight: normal; margin: 0 5px; width: 130px; }
#send form input { border: 2px solid #575757; float: left; margin-bottom: 10px; padding: 2px; width: 425px; }

#layer div.error { background: #333333 url("../../img/mail_error.gif") no-repeat right top; border: none; padding: 0; }
#layer div.success { background: #333333 url("../../img/mail_ok.gif") no-repeat right top; border: none; padding: 0; }
#send form input.error { color: #820008; }

#send form input#submit_message { background: #9F9F9F; color: #FFFFFF; bottom: 0; float: right; margin: 10px 5px; position: absolute; right: 0; width: 60px; }
#send form textarea { border: 2px solid #575757; float: left; height: 50px; margin: 0 0 5px; padding: 2px; width: 425px; }
#ofInterest { background: #333333; margin: 0 auto; width: 660px; }
#ofInterest ul { margin: 0 42px; padding: 10px 0; }
#ofInterest ul li { float: left; list-style: none; overflow: hidden; margin: 0 40px 10px 0; width: 165px; }
#ofInterest ul li.last { margin-right: 0; }
#ofInterest ul li h5 { font-size: 11px; font-weight: normal; margin: 0; padding: 0; }
#ofInterest ul li h5 a { color: #CDCDCD; }
#ofInterest ul li h6 { font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
#ofInterest ul li h6 a { color: #FFFFFF; }


/* chron-list */
#more ul { list-style: none; margin: 0; padding: 0; }
#more ul.preview { margin: 10px 0 0; }
#more ul li { background: transparent url("../img/bg_hr.gif") repeat-x 0 0; padding: 10px 0; }
#more ul li div.wrapper { float: left; margin: 10px 0; }
#more ul.preview_detail li { background: none; float: left; height: 59px; margin-right: 10px; overflow: hidden; padding: 0; width: 105px; }
#more ul.preview_detail li a { display: block; }
#more ul.preview_detail li.first { height: 124px; width: 220px; }
#more ul.preview_detail li.last { margin: 0; }
#more ul li h5 { font-size: 12px; font-weight: normal; line-height: 14px; margin: 0; padding: 0; }
#more ul li h5 a { color: #CDCDCD; }
#more ul li h6 { font-size: 14px; font-weight: bold; line-height: 14px; margin: 0; padding: 0; }
#more ul li h6 a { color: #FFFFFF; }


/* search */
.search_res h2 { color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; }
.search_res h3 { color: #FFFFFF; font-size: 12px; font-weight: normal; margin: 0; padding: 0; }
ul#result { margin: 0; padding: 0; }
ul#result li { list-style: none; }
ul#result li .wrapper_img { float: left; margin-right: 10px; width: 160px; }
ul#result li .wrapper_text { float: right; width: 510px; }
ul#result li strong { color: #CDCDCD; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; }
ul#result li h4 { font-size: 11px; font-weight: normal; margin: 0; padding: 0; }
ul#result li h4 a { color: #CDCDCD; }
ul#result li h5 { font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
ul#result li h5 a { color: #FFFFFF; }
ul#result li p { color: #FFFFFF; font-size: 11px; font-weight: normal;  margin: 0; padding: 0; }
ul#result li span.found { background: #B1101F; }