/*#### general box styles ###############################################################*/ .roundbox{position:relative; overflow:hidden; margin: 0px; font-size:0px; line-height:0px;} .roundbox .tl , .roundbox .tr , .roundbox .left , .roundbox .right , .roundbox .bl , .roundbox .br{background-image:url('http://i02.rnhh.de/de/fd/si/frame.png'); /*z-index:10; border:1px solid red;*/} .roundbox .tl,.roundbox .tr,.roundbox .bl,.roundbox .br,.roundbox .mid,.roundbox .left,.roundbox .right, .clear{position:relative; background-repeat:no-repeat; margin:0px;} .roundbox .tl{background-position: top left;} .roundbox .tr{background-position: top right;} .roundbox .left{background-position: left center;} .roundbox .right{background-position: right center;} .roundbox .bl{background-position: left bottom;} .roundbox .br{background-position: right bottom;} /*for filled corners or content at the baseline between the corners put tr(br) inside of tl(bl) */ .roundbox .tl,.roundbox .bl{width:100%; height:14px; min-height:14px; margin:0px; /*border:1px solid red;*/} .roundbox .tr,.roundbox .br{width:95%; height:14px; min-height:14px; float:right; margin:0px; /*border:1px solid green;*/} /*end filled corners*/ /*for transparent corners put tl-tr/bl-br-divs side by side and add classname 'trans' to them*/ .roundbox .trans{width:50%!important;} .roundbox .trans{float:left!important;} /*end transparent corners*/ .roundbox .mid, .roundbox .left{/*overflow:hidden;*/width:100%;} .roundbox .right{width:98%; margin-left:2%;} .roundbox .content{position:relative; min-width:1px; margin:0 8px 0 8px; font-size:12px; line-height:16px; border:none;} /*### general box styles ################################################################*/ .clear {clear:both; font-size:1px; line-height:0px;} .textleft {text-align:left;} .textcenter {text-align:center;} .textright {text-align:right;} /*### general button styles #############################################################*/ .btn {position:relative; overflow:hidden; margin: 5px auto 5px auto; font-size:0px; line-height:0px;} .btn_tl,.btn_tr,.btn_left,.btn_right,.btn_bl,.btn_br,.btn_clear {position:relative; background-repeat:no-repeat; margin:0px; background-image:url('http://i03.rnhh.de/uk/fd/img/btn_small_bg--r15330.png');} .btn_tl,.btn_tr,.btn_bl,.btn_br {width:50%; height:10px; float:left;} .btn_clear {clear:both;} .btn_tl{background-position: top left;} .btn_tr{background-position: top right;} .btn_bl{background-position: left bottom;} .btn_br{background-position: right bottom;} .btn_left, .btn_mid {width:100%; background-repeat:no-repeat; background-position: 0px -10px; margin:0px;} .btn_right {position:relative; min-width:1px; background-position: 100% -10px; margin-left:4px; background-repeat:no-repeat; text-align:center;} .btn_right a {display:block; margin:0px; width:100%!important; font-family:"Trebuchet MS", VERDANA, ARIAL, HELVETICA; padding:0; font-size:18px; line-height:18px; color:#5C4215!important; text-decoration:none!important; font-weight:bold!important; outline:none;} .btn_right a:hover {text-decoration:none;} .buttonarea {position:relative; text-align:center; margin:0px;} .buttonarea span {font-size:11px;} .buttonarea span a {margin:0 10px 0 10px; font-size:10px; font-weight:normal; color:#0000CC;} .btn_right a sup {font-size:0.8em; line-height:0.8em;} /*### general button styles #############################################################*/ /*overwriting default main*/ #main {float:none!important; padding:0px!important; margin-left:5px!important; width:960px!important;} #bredcrumbbar,#content #main .breadcrumb{display:none;} .buttonarea span a{white-space:nowrap;} /*begin special offer text*/ .buttonarea span em {font-size:12px; font-style:normal;} .buttonarea span em span{color:red; font-size:1.2em;} /*end special offer text*/ /*Windows 7 compatibility logo*/ #w7compatible{position:absolute; bottom:15px; left:15px;} /*end of Windows 7 compatibility logo*/ /*EU-top-version*/ .ec_eu #eu_player_top{position:relative; min-height:505px; background:#171d22 url('http://i03.rnhh.de/de/fd/si/realplayer.img/eu_bg.jpg') no-repeat;} .ec_fr #eu_player_top{position:relative; min-height:505px; background:#171d22 url('http://i04.rnhh.de/de/fd/si/realplayer.img/fr_bg.jpg') no-repeat;} .ec_it #eu_player_top{position:relative; min-height:505px; background:#171d22 url('http://i05.rnhh.de/de/fd/si/realplayer.img/it_bg.jpg') no-repeat;} .ec_es #eu_player_top{position:relative; min-height:505px; background:#171d22 url('http://i06.rnhh.de/de/fd/si/realplayer.img/es_bg.jpg') no-repeat;} .ec_nl #eu_player_top{position:relative; min-height:505px; background:#171d22 url('http://i07.rnhh.de/de/fd/si/realplayer.img/nl_bg.jpg') no-repeat;} #eu_player_top h1,#eu_player_top h2{font-size:31px; padding:0 20px 10px 20px; font-weight:normal; color:white!important;} #eu_player_top h1{text-align:center;} #eu_player_top h2{font-size:17px;} #eu_player_top a{color:#4F4F4F;} #eu_player_top .buttonarea span a {margin:0px;} #eu_top_btn_area span, #eu_top_btn_area span a{color:white;} #eu_top_btn_area, #eu_top_box{float:right; display:inline; margin:10px 20px 5px 20px;} #eu_top_btn_area, #eu_top_btn, #eu_top_box{width:270px!important;} #eu_top_btn{} #eu_top_btn .btn_tl,#eu_top_btn .btn_tr,#eu_top_btn .btn_left,#eu_top_btn .btn_right,#eu_top_btn .btn_bl,#eu_top_btn .btn_br{background-image:url('http://i08.rnhh.de/de/fd/si/realplayer.img/bluebutton_500x86--r19306.png');} #eu_top_btn .btn_tl,#eu_top_btn .btn_tr,#eu_top_btn .btn_bl,#eu_top_btn .btn_br {height:9px;} #eu_top_btn .btn_left {background-position: 0px -9px;} #eu_top_btn .btn_right {background-position: 100% -9px;} #eu_top_btn .btn_right a{height:68px; overflow:hidden;} #eu_top_btn .btn_right a {color:#FFFFFF!important; font-size:17px; line-height:30px;} #eu_top_btn .btn_right a em{font-size:1.2em; font-style:normal;} #eu_top_btn .btn_right img{margin-left:5px;} #eu_top_box{ margin-bottom:30px;} #eu_top_box .tl, #eu_top_box .tr, #eu_top_box .left, #eu_top_box .right, #eu_top_box .bl, #eu_top_box .br{background-image:url('http://i09.rnhh.de/de/fd/si/realplayer.img/grey_topbox_on485663--r19306.png'); z-index:10;} #eu_top_box .tl, #eu_top_box .tr, #eu_top_box .bl, #eu_top_box .br{height:8px; min-height:8px;} #eu_top_box .content {padding:0 8px 0 8px;} #eu_top_box h3 {font-size:14px; line-height:18px; font-weight:bold; margin-top:0px; text-align:center;} #eu_top_box h3 em{font-size:18px; font-style:normal;} #eu_top_box ul li {text-indent:-8px; font-size:11px; margin:5px 0 5px 0;} #eu_top_box ul li span {color: #ef0909;} #eu_top_box_btn{width:180px;} #eu_top_box_btn div{background-image:url('http://i02.rnhh.de/de/fd/si/realplayer.img/bluebutton_300x44--r19306.png');} #eu_top_box_btn .btn_tl,#eu_top_box_btn .btn_tr,#eu_top_box_btn .btn_bl,#eu_top_box_btn .btn_br {height:7px;} #eu_top_box_btn .btn_left {background-position: 0px -7px;} #eu_top_box_btn .btn_right {background-position: 100% -7px;} #eu_top_box_btn a{color:#FFFFFF!important; height:30px; font-size:14px; line-height:30px;} #eu_top_box_btn a span{ font-size:16px; line-height:16px;} /*end of EU-top-version*/ /*de-top-version*/ #de_player_top{position:relative; min-height:505px; background:white url('http://i03.rnhh.de/de/fd/si/realplayer.img/de_bg.jpg') no-repeat center -40px;} #de_player_top h1,#de_player_top h2{font-size:31px; padding:0 20px 10px 20px; font-weight:normal} #de_player_top h2{font-size:17px;} #de_player_top a{color:#4F4F4F;} #de_player_top .buttonarea span a {margin:0px;} #de_top_btn_area, #de_top_box{float:right; display:inline; margin:10px 20px 5px 20px;} #de_top_btn_area, #de_top_btn, #de_top_box{width:270px!important;} #de_top_btn_area .simple_video_editing {font-size: 14px; color: #ef0909;} #de_top_btn{} #de_top_btn .btn_tl,#de_top_btn .btn_tr,#de_top_btn .btn_left,#de_top_btn .btn_right,#de_top_btn .btn_bl,#de_top_btn .btn_br{background-image:url('http://i08.rnhh.de/de/fd/si/realplayer.img/bluebutton_500x86--r19306.png');} #de_top_btn .btn_tl,#de_top_btn .btn_tr,#de_top_btn .btn_bl,#de_top_btn .btn_br {height:9px;} #de_top_btn .btn_left {background-position: 0px -9px;} #de_top_btn .btn_right {background-position: 100% -9px;} #de_top_btn .btn_right a{height:68px; overflow:hidden; color:#FFFFFF!important; font-size:20px; line-height:30px;} #de_top_btn .btn_right a em{font-size:1.2em; font-style:normal;} #de_top_btn .btn_right img{margin-left:5px;} #de_top_box{} #de_top_box .tl, #de_top_box .tr, #de_top_box .left, #de_top_box .right, #de_top_box .bl, #de_top_box .br{background-image:url('http://i04.rnhh.de/de/fd/si/realplayer.img/grey_topbox_onFEFEFE--r19306.png'); z-index:10;} #de_top_box .tl, #de_top_box .tr, #de_top_box .bl, #de_top_box .br{height:8px; min-height:8px;} #de_top_box .content {padding:0 8px 0 8px;} #de_top_box h3 {font-size:14px; line-height:18px; font-weight:bold; margin-top:0px;} #de_top_box h3 em{font-size:18px; font-style:normal;} #de_top_box ul li {text-indent:-8px; font-size:11px; margin:5px 0 5px 0;} #de_top_box_btn{width:230px;} #de_top_box_btn div{background-image:url('http://i05.rnhh.de/de/fd/si/realplayer.img/rpplusbtn_green--r19306.png');} #de_top_box_btn .btn_tl,#de_top_box_btn .btn_tr,#de_top_box_btn .btn_bl,#de_top_box_btn .btn_br {height:9px;} #de_top_box_btn a{color:#FFFFFF!important; height:32px; overflow:hidden; font-size:16px; line-height:32px;} /*end of UK-top-version*/ /*=====panels general=====*/ #panels, #flower, .tab, .tab a,.plus {background-image:url('http://i06.rnhh.de/de/fd/si/realplayer.img/panel_sprite--r19306.png'); background-repeat:no-repeat; outline:none;} #panels {text-align:left; background-color:#D3D3D3; background-repeat:repeat-x; background-position:0px -212px;} #panels {font-family:ARIAL; color:#333333; font-size:12px; /*line-height:18px;*/} #flower {width:100%; background-position:right -1412px; } .tab {height:30px; padding-left:8px; margin:14px -12px 0px 20px; float:left; display:inline; background-position:0px -171px; } .tab a {display:block; _width:95px; min-width:90px; height:100%; background-position:right -136px; padding-right:8px; text-align:center; font-size:14px; line-height:30px; color:white; font-weight:bold; text-decoration:none;} .current {background-position: 0px -101px; height:31px;} .current a {background-position:right -66px;} #panels h1,#panels h2,p{padding-left:24px; padding-right:24px; margin-bottom:5px;} #panels h1{font-size:21px; padding-top:30px; margin-bottom:15px;} #panels h2{font-size:16px; margin-top:0px;} #panels h2.section{font-size:24px; margin-top:50px; margin-bottom:20px;} #panels ul, #panels ol, p, img.main{margin-left:24px; margin-right:0px; margin-top:5px; margin-bottom:15px; padding:0px;} #panels ol {font-weight:bold; padding-left:24px;} #panels ol li{line-height:12px; margin-top:5px; margin-bottom:5px;} #panels ol li span{font-weight:normal;} .intro {font-size:16px; color:#4F4F4F;} p.intro{margin-bottom:60px; padding-right:350px;} p.main{font-size:12px; line-height:16px; margin-bottom:20px;} img.main{width:285px; height:205px; background-image:url('http://i07.rnhh.de/de/fd/si/realplayer.img/features.jpg'); background-repeat:no-repeat; display:inline; float:right; margin-right:24px;} #panels table {width:936px; margin:0px 24px 20px 0px; clear:both;} #panels #download table.w25proz, #panels #convert table.w25proz, #panels #share table.w25proz{margin-top:30px;} #panels table td {padding-left:24px; vertical-align:top;} #panels table th {padding-left:24px; padding-bottom:2px; font-size:16px; vertical-align:bottom; text-align:left;} #panels table th .plus{display:block; padding-left:20px; background-position:1px 4px; } #panels table.w30proz td {width:30%;} #panels table.w25proz td {width:25%;} #panels table.w25proz td img{width:207px; height:150px; background-image:url('http://i07.rnhh.de/de/fd/si/realplayer.img/features.jpg'); background-repeat:no-repeat; margin-bottom:12px;} span.plus{font-size:16px; padding-left:15px; background-position:1px 2px; vertical-align:middle;} #plusonly {font-size:11px; line-height:18px; margin:100px 24px 0 20px;} hr {background-color:#CCCCCC; color:#CCCCCC; height:1px; margin:10px 30px 10px 30px; border:none;} /*=====end of panels general======*/ /*=====panels individual======*/ #download,#convert,#share,#rpplus{display:none;} #overview{display:none;} #overview h1{font-size:28px; text-align:center;} #convert img.main{height:313px; margin-top:-20px;} img.bg1 {background-position:0px 0px;} img.bg2 {background-position:0px -150px;} img.bg3 {background-position:0px -300px;} img.bg4 {background-position:0px -450px;} img.bg5 {background-position:0px -600px;} img.bg6 {background-position:0px -750px;} img.bg7 {background-position:0px -900px;} img.bg8 {background-position:0px -1050px;} img.bg9 {background-position:0px -1200px;} img.bg10 {background-position:0px -1350px;} img.bg11 {background-position:0px -1555px;} img.bg12 {background-position:0px -1868px;} /*=====end of panels individual======*/ /*====this Realplayer-plus button has been added belately to the right side of the rpplus-panel===*/ #panels #rpplus .intro{float:left; width:60%; padding-right:10px; } #rpp_panel_btn_area{float:right; width:40%; display:inline; margin:30px 38px 5px 20px;} #rpp_panel_btn_area span a{color:#4F4F4F; margin: 0; font-size:10px;} #rpp_panel_btn_area, #rpp_panel_btn{width:230px!important;} #rpp_panel_btn{} #rpp_panel_btn .btn_tl,#rpp_panel_btn .btn_tr,#rpp_panel_btn .btn_left,#rpp_panel_btn .btn_right,#rpp_panel_btn .btn_bl,#rpp_panel_btn .btn_br{background-image:url('http://i05.rnhh.de/de/fd/si/realplayer.img/rpplusbtn_green--r19306.png');} #rpp_panel_btn .btn_tl,#rpp_panel_btn .btn_tr,#rpp_panel_btn .btn_bl,#rpp_panel_btn .btn_br {height:9px;} #rpp_panel_btn .btn_left {background-position: 0px -9px;} #rpp_panel_btn .btn_right {background-position: 100% -9px;} #rpp_panel_btn .btn_right a{height:32px; overflow:hidden;} #rpp_panel_btn .btn_right a {color:#FFFFFF!important; font-size:16px; line-height:30px;} #rpp_panel_btn .btn_right a em{font-size:1.2em; font-style:normal;} /* #rpp_panel_btn_area{float:right; width:40%; display:inline; margin:30px 20px 5px 20px;} #rpp_panel_btn_area span a{color:#4F4F4F; font-size:11px;} #rpp_panel_btn_area, #rpp_panel_btn{width:270px!important;} #rpp_panel_btn{} #rpp_panel_btn .btn_tl,#rpp_panel_btn .btn_tr,#rpp_panel_btn .btn_left,#rpp_panel_btn .btn_right,#rpp_panel_btn .btn_bl,#rpp_panel_btn .btn_br{background-image:url('http://i08.rnhh.de/de/fd/si/realplayer.img/bluebutton_500x86--r19306.png');} #rpp_panel_btn .btn_tl,#rpp_panel_btn .btn_tr,#rpp_panel_btn .btn_bl,#rpp_panel_btn .btn_br {height:9px;} #rpp_panel_btn .btn_left {background-position: 0px -9px;} #rpp_panel_btn .btn_right {background-position: 100% -9px;} #rpp_panel_btn .btn_right a{height:68px; overflow:hidden;} #rpp_panel_btn .btn_right a {color:#FFFFFF!important; font-size:20px; line-height:30px;} #rpp_panel_btn .btn_right a em{font-size:1.2em; font-style:normal;} #rpp_panel_btn .btn_right img{margin-left:5px;} */ /*===/Realplayer-plus at the right side of the rpplus-panel===*/ /*resizing required due to translation*/ /*UK-top-version resizing*/ /*background*/ .ec_uk #de_player_top,.ec_eu #de_player_top{background-position: 0px -180px;} /*headers*/ .ec_fr #de_player_top h1{font-size:27px;} /*top button*/ .ec_es #de_top_btn .btn_right a{font-size:17px;} .ec_fr #de_top_btn .btn_right a{font-size:17px; line-height:21px;} .ec_de #de_top_btn .btn_right a, .ec_it #de_top_btn .btn_right a, .ec_nl #de_top_btn .btn_right a{font-size:18px; line-height:21px;} /*box button*/ .ec_de #de_top_box_btn .btn_right a{line-height:16px;} .ec_de #rpp_panel_btn .btn_right a{line-height:16px;} /*end of UK-top-version resizing*/ /*EU-top-version resizing*/ /*background*/ .ec_de #eu_player_top{background-position: 0px 90px;} /*headers*/ .ec_fr #eu_player_top h1{font-size:28px;} .ec_es #eu_player_top h1{font-size:29px;} .ec_it #eu_player_top h1{font-size:28px;} .ec_nl #eu_player_top h1{font-size:28px;} /*top button*/ .ec_de #eu_top_btn .btn_right a{font-size:17px; line-height:21px;} .ec_it #eu_top_btn .btn_right a{font-size:17px; line-height:21px;} .ec_es #eu_top_btn .btn_right a{font-size:16px;} /*box button*/ .ec_de #eu_top_box_btn .btn_right a{font-size:14px; line-height:15px;} /*end of EU-top-version resizing*/ /*panel styles resizing*/ /*headers*/ .ec_es #panels ul.w210 li h3{font-size:15px;} .ec_nl #panels h2{font-size:22px;} /*lists*/ .ec_uk #panels ul.w288 li, .ec_uk #panels ul.w288 li {height:100px;} .ec_uk #panels ul.w210 li, .ec_uk #panels ul.w210 li {height:280px;} .ec_nl #panels ul.w210 li, .ec_fr #panels ul.w210 li {height:320px;} /*end of panel styles resizing*/ /*end of resizing*/