/* Reset ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; } ul,ol { list-style:none; } fieldset,img { border:none; } caption,th { text-align:left; } table { border-collapse:collapse; border-spacing:0; } a:focus { outline:none; } */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ div#navLocal { display:none; } div#wrap { width:auto; float:none; margin-top:0px !important; } ul#navService { display:none; } div#footer { padding-left:20px; } /* Layout ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*body { background:url('../images/bg.gif') repeat-y; font-family:Arial, sans-serif, Verdana; }*/ div#mediaplayerCenter { overflow:hidden; } /* hidden fix opera-bug */ br.fix { display:none; } div.clear { clear:both; } /* playerArea (top) -----------------------------------------------------------------------------------------------------------*/ div#playerArea { background:#DEDEDE url(../images/player-area-background.jpg); color:#666; /*min-height:400px; height:auto !important; height:400px;*/ padding:45px 0 0 0; /*position:relative;*/ z-index:80; } div#player { margin:0pt auto; width:324px; } div#player div.border { border:1px solid #b5b5b5; padding:1px; } div#player div.swf { background:#000; } div#player div.under { margin:0pt auto; background:url(../images/title-background.jpg) repeat-x; padding:0 0 3px 0; } div#player div.chapterLink a { float:left; font-size:11px; text-decoration:none; color:#333333; display:block; outline:none; padding:3px 0 3px 6px; width:116px; } div#player div.chapterLink a:hover { color:#ffffff; } div#player div.chapterLink a.act { background:#fff; color:#333333 !important; } div#player div.chapterLink a.none { visibility:hidden; } div#player div.downloadLink a { float:right; font-size:11px; text-decoration:none; color:#333333; display:block; outline:none; padding:3px 6px 3px 6px; } div#player div.downloadLink a:hover { color:#ffffff; } div#player div.downloadLink a.act { background:#fff; color:#333333 !important; } div#player div.downloadLink a.none { visibility:hidden; } div#player div.title { clear:both; height:50px; font-size:13px; line-height:16px; color:#000; font-weight:bold; letter-spacing:0.04em; padding:10px 6px 0 6px; } /* div#playerSwf { position:relative; } */ div#statusNavi { height:19px; width:326px; margin:0pt auto; padding-top:14px; position:relative; } div#progressBarLayer { display:none; position:absolute; top:3px; left:30px; font-size:8px; background:#fff; font-family:verdana; border:1px dashed #CCC; padding:0 2px 0 2px; } div#playpause { float:left; margin:0 6px 0 5px; } div#progressSuperHolder { float:left; width:130px; margin:4px 4px 0 0; background:#FCFDFD url(../images/progressBgDefault.gif); height:8px; border:1px solid #B2B2B2; } div#progressHolder { background:#B8B8B8; background:url(../images/progressBg.gif); width:1px; height:8px; cursor:pointer; position:relative; } div#progressHandle { width:1px; height:8px; background:#78797B; position:absolute; top:0; } div#progress { background:#9AAEC2; background:url(../images/progressBgDone.gif); width:0px; height:8px; } div#time { float:left; font-size:10px; margin:3px 6px 0 0; } div#mute { float:left; margin:0 6px 0 0; } div#vol { float:left; margin:0 6px 0 0; } div#vol ul { margin:4px 0 0 0; } div#vol li { background:#C6C6C6; height:10px; width:4px; float:left; border-right:1px solid #F0F0F0; cursor:pointer; } div#vol li.act { background:#91A7BD; } div#fullscreen { float:left; cursor:pointer; } /* chapter div -----------------------------------------------------------------------------------------------------------*/ div#chapter { position:absolute; left:310px; z-index:99; display:none; } div#downloads { position:absolute; left:0px; z-index:90; display:none; } div#downloads a, div#chapter a { text-decoration:none; color:#303030; padding:8px 4px 8px 4px; display:block; } div#downloads a:hover, div#chapter a:hover { color:#333; background-color:#ebebeb; } div#downloads a:active, div#chapter a:active { } div#downloads a:focus, div#chapter a:focus { } div#chapter div.top { width:241px; height:5px; background:url(../images/chapter/top.png) no-repeat; } div#chapter div.inner { width:225px; background:url(../images/chapter/background.png) repeat-y; padding:3px 8px 8px 8px; } div#downloads div.top { width:241px; height:5px; background:url(../images/chapter/top_dl.png) no-repeat; } div#downloads div.inner { width:129px; background:url(../images/chapter/background_dl.png) repeat-y; padding:3px 8px 8px 8px; } div#chapter div.one { border-bottom:1px solid #a0a0a0; font-size:10px; width:220px; } div#downloads div.one { border-bottom:1px solid #a0a0a0; font-size:10px; width:121px; } div#downloads div.one.last, div#chapter div.one.last { border-bottom:none; } div#downloads div.left, div#chapter div.left { float:left; width:15px; font-weight:bold; } div#downloads div.right, div#chapter div.right { float:left; width:195px; } div#downloads div.text, div#chapter div.text { } div#downloads div.time, div#chapter div.time { font-style:italic; color:#b9b9b9; } div#chapter div.bottom { width:241px; height:5px; background:url(../images/chapter/bottom.png) no-repeat; } div#downloads div.bottom { width:145px; height:5px; background:url(../images/chapter/bottom_dl.png) no-repeat; } div.clear { clear:both; } /* listArea (rechts) -----------------------------------------------------------------------------------------------------------*/ div#navi { float:left; background:#ededed; width:740px; padding:0 0 13px 0; position:relative; height:54px; } div#navi a { outline:none; } div#navi div.a { float:left; width:560px; padding:0 0 0 32px; } div#navi div.one { float:left; } div#navi div#byThema { position:absolute; bottom:10px; display:none; width:560px; } div#navi div#byThema div.one { margin:3px 0 0 0; } div#navi div#byYear { position:absolute; bottom:10px; } div#navi div#byYear div.one { } div#navi a.toggle { display:block; color:#646464; text-decoration:none; font-size:10px; position:absolute; bottom:10px; right:28px; } div#navi a#toggleByYear { display:none; } div.one.not_show { display:none; } div#listArea { clear:both; } div#scrollbarArea { height:26px; background:#EDEDED url(../images/scrollbar_background.jpg) no-repeat; padding:10px 0 0 45px; position:relative; } div#scrollbar { height:16px; width:650px; } div#scrollbarInactive { position:absolute; top:0; left:0; z-index:99; } /* inline-block: http://groups.google.com/group/jquery-dev/browse_thread/thread/56566e5b773518a3 */ div#divDrag { height:16px; /*width:206px;*/ width:206px; top:0px; left:0px; background:url(../images/scrollbar_drag.gif); cursor:pointer; display:inline-block; } div#divDrag.ui-draggable-dragging { background:url(../images/scrollbar_drag_dragging.gif); } div.klickScroll { background:rgb(200,200,200); cursor:pointer; height:36px; width:40px; position:absolute; z-index:98; top:0; } div.klickScroll:hover { background:rgb(220,220,220); } div#scrollLeft { left:0; background:url(../images/scroller-arrow-left.gif) no-repeat; } div#scrollLeft.over { background:url(../images/scroller-arrow-left-over.gif) no-repeat; } div#scrollRight { right:0; background:url(../images/scroller-arrow-right.gif) no-repeat; } div#scrollRight.over { background:url(../images/scroller-arrow-right-over.gif) no-repeat; } div#playlistHolder { background:url(../images/playlist-holder-background.jpg); height:123px; position:relative; overflow:hidden; } div#playlist { position:absolute; top:0px; font-size:10px; height:123px; } div#playlist div.one { height:123px; float:left; width:165px; cursor:pointer; } div#playlist div.one div.inner { height:103px; color:#fff; border-left:1px solid #999999; padding:7px 8px 0 8px; margin:8px 8px 0 0; } div#playlist div.one.first div.inner { border-left:none; } /* div#playlist div.topicRow { padding:0 0 5px 0; } div#playlist div.topicRow a { padding:0 0 0 20px; text-decoration:none; color:#666666; font-size:12px; display:block; background:url(../images/pfeil_1.png) no-repeat left center; } div#playlist div.topicRow a:hover { color:#91A7BD; } */ div#playlist div.one.mouseover div.inner { background:url(../images/one-background.jpg); } div#playlist div.one.click div.inner { background:url(../images/one-background.jpg); color:#fff !important; } div#playlist div.image { height:48px; background:url(../images/clipbild-background.gif) no-repeat 0 2px; } div#playlist div.image img { height:44px; width:60px; border:1px solid #9F9F9F; margin:0 0 0 2px; } div#playlist div.title { font-family:Arial, Verdana, sans-serif; font-size:10px; line-height:12px; padding:3px 0 0 2px; } div#playlist div.desc { } div#playlist div#loading img { margin:40px 0 0 354px; }