@charset "utf-8";
#screen_top {
	height: 34px;
	width: 771px;
}
#screen_top_left {
	float: left;
	height: 34px;
	width: 264px;
	background-image: url(../Images/screen/bg_screen_top_left.gif);
	background-repeat: no-repeat;
}
#screen_top_button {
	background-image: url(../Images/screen/screen_button_main_up_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 243px;
	padding: 8px 0 0 0;
}
#screen_top_right {
	background-image: url(../Images/screen/bg_screen_top_right.gif);
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	width: 264px;
}
#screen_middle {
	height: 100%;
	width: 771px;
}
#screen_middle_container {
	height: 100%;
	float: left;
	width: 771px;
	display: block;
	background-image: url(../Images/screen/screen_middle_bg.gif);
	background-repeat: repeat-y;
}

#screen_middle_left {
	float: left;
	height: 10px;
	width: 26px;
	}
#screen_middle_content {
	float: left;
	height: 100%;
	width: 714px;
	background-image: url(../Images/screen/screen_content_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#screen_middle_top {
	background-image: url(../Images/screen/screen_content_top.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 714px;
	margin: 0;
	padding: 0;
}
#screen_middle_player {
	background-image: url(../Images/screen/screen_content_bg.gif);
	background-repeat: repeat-y;
	width: 714px;
	height: 281px;
	text-align: center;
	padding: 0 0 10px 0;
}
#screen_middle_sidebar_container {
	height: 13px;
	background-image: url(../Images/screen/screen_content_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#screen_middle_sidebar_container[id] {
	height: auto;
	min-height: 13px;
	 
}
	
#screen_middle_sidebar {
	background-image: url(../Images/screen/bg_screen_sidebar.gif);
	background-repeat: no-repeat;
	height: 84px; /*92px*/
	width: 714px;
	background-position: bottom;
	display: none; /** muss wieder entfernt werden wenn die sidebar wieder benutzt wird **/
	padding:8px 0 0 0;
}

#slider {
	margin-right: 10px;
	margin-left: 16px;
	-height: 5px;
	-overflow-y: hidden;
}

#sidebar_content_container {
	margin-right: 0px;
	margin-left: 6px;
	width: 703px;
	height: 65px;
	padding: 8px 0 0 0;
	position: relative;/*Important for IE*/
	overflow: hidden;
	overflow-x: hidden;	
}

#sidebar_content {
	position: relative;
	left: 0px;
	width: 3000px;
	white-space: nowrap;
	height: 54px;
	}
	
.sidebar_media_container {
	float: left;
	height: 54px;
	width: 72px;
	margin: 0 2px 0 2px;
	padding: 0;
	background-repeat: no-repeat;
	border: solid #FFCC00 1px;
}

.sidebar_media_link {
	background-image: url(../Images/screen/leer54x72.gif);
	background-repeat: no-repeat;
	}
	
.sidebar_video {
	background-image: url(../Images/screen/sidebar_media_video_icon.gif);
	background-repeat: no-repeat;
	background-position: right 36px;
	
}
.sidebar_image {
	background-image: url(../Images/screen/sidebar_media_image_icon.gif);
	background-repeat: no-repeat;
	background-position: right 36px;
}
.sidebar_music {

}



#screen_middle_right {
	float: left;
	height: auto;
	width: 30px;
}
#screen_sidebar_button {
	background-image: url(../Images/screen/screen_sidebar_button_off.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	height: 30px;
	width: 30px;
	display: none;
}
#screen_bottom  {
	height: 23px;
	width: 771px;
	float: left;
	clear:both;
}

#screen_bottom_control {
	background-image: url(../Images/screen/screen_control_button_hidden.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 108px;
	float: left;
}
#screen_bottom_control a {
	height: 15px;
	width: 33px;
	margin-top: 2px;
	margin-left: 35px;
	display: block;
}

#screen_bottom_center {
	background-image: url(../Images/screen/screen_bottom_center.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 492px;
	float: left;
}
#screen_bottom_playlist {
	background-image: url(../Images/screen/screen_playlist_button_hidden.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 72px;
	float: left;
}
#screen_bottom_playlist a {
	height: 15px;
	width: 33px;
	margin-top: 2px;
	display: block;
	cursor: pointer;
}

#screen_bottom_right {
	background-image: url(../Images/screen/screen_bottom_right.gif);
	background-repeat: no-repeat;
	float: left;
	height: 23px;
	width: 98px;
}
#screen_controlbar_container {
	float: left;
	height: auto;
	margin-bottom: 20px;
	width: 596px;
	
}

#screen_controlbar {
	background-image: url(../Images/screen/screen_bg_controlbar.gif);
	background-repeat: no-repeat;
	float: left;
	height: 43px;
	width: 596px;
	display: none; /** muss wieder entfernt werden wenn die sidebar wieder benutzt wird **/
}
#screen_controlbar_menue {
	height: 28px;
	width: 536px;
	margin: 5px 0 0 36px;
}
#controlbar_plink {
	background-image: url(../Images/screen/screen_control_playerlink_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 38px;
}
#controlbar_plink a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 16px;
}

#controlbar_sd {
	background-image: url(../Images/screen/screen_control_SD_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 52px;
}
#controlbar_sd a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 30px;
}

#controlbar_hq {
	background-image: url(../Images/screen/screen_control_HQ_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 26px;
}
#controlbar_hq a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 4px;
}

#controlbar_hd {
	background-image: url(../Images/screen/screen_control_HD_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 25px;
}
#controlbar_hd a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 4px;
}

#controlbar_back {
	background-image: url(../Images/screen/screen_control_back_off.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 46px;
	float: left;
}
#controlbar_back a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 23px;
}

#controlbar_stop {
	background-image: url(../Images/screen/screen_control_stop_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 26px;
}
#controlbar_stop a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 4px;
}

#controlbar_play {
	background-image: url(../Images/screen/screen_control_play_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 23px;
}
#controlbar_play a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 3px;
}


#controlbar_pause {
	background-image: url(../Images/screen/screen_control_pause_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 21px;
}
#controlbar_pause a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 1px;
}

#controlbar_next {
	background-image: url(../Images/screen/screen_control_next_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 36px;
}
#controlbar_next a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 4px;
}

#controlbar_full {
	background-image: url(../Images/screen/screen_control_full_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 37px;
}
#controlbar_full a {
	display: block;
	margin-top: 5px;
	margin-left: 17px;
}

#controlbar_sc1    {
	background-image: url(../Images/screen/screen_control_sbig_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 23px;
}
#controlbar_sc1 a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 3px;
}

#controlbar_sc2 {
	background-image: url(../Images/screen/screen_control_sm_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 20px;
}
#controlbar_sc2 a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 1px;
}

#controlbar_sc3 {
	background-image: url(../Images/screen/screen_control_ssmall_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 28px;
}
#controlbar_sc3 a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 0px;
}

#controlbar_L4 {
	background-image: url(../Images/screen/screen_control_l4_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 16px;
}
#controlbar_L4 a {
	display: block;
	height: 18px;
	width: 6px;
	margin-top: 5px;
	margin-left: 10px;
}

#controlbar_L3 {
	background-image: url(../Images/screen/screen_control_l3_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 6px;
}
#controlbar_L3 a {
	display: block;
	height: 18px;
	width: 6px;
	margin-top: 5px;
}

#controlbar_L2 {
	background-image: url(../Images/screen/screen_control_l2_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 6px;
}
#controlbar_L2 a {
	display: block;
	height: 18px;
	width: 6px;
	margin-top: 5px;
	margin-left: 0px;
}

#controlbar_L1 {
	background-image: url(../Images/screen/screen_control_l1_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 8px;
}
#controlbar_L1 a {
	display: block;
	height: 18px;
	width: 6px;
	margin-top: 5px;
	margin-left: 0px;
}

#controlbar_soundon {
	background-image: url(../Images/screen/screen_control_soundon_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 29px;
}
#controlbar_soundon a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 4px;
}

#controlbar_pall {
	background-image: url(../Images/screen/screen_control_endl_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 42px;
}
#controlbar_pall a {
	display: block;
	height: 18px;
	width: 20px;
	margin-top: 5px;
	margin-left: 17px;
}

#controlbar_pone {
	background-image: url(../Images/screen/screen_control_einz_off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 27px;
}
#controlbar_pone a {
	display: block;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-left: 0px;
}

#screen_playlist {
	float: left;
	height: auto;
	width: 174px;
	margin: 0 0 20px 0;
	display: none; /** muss wieder entfernt werden wenn die sidebar wieder benutzt wird **/
}
#screen_playlist_top {
	height: 20px;
	width: 174px;
}
#screen_playlist_clear_button {
	background-image: url(../Images/screen/screen_playlist_clearbutton_off.gif);
	float: left;
	height: 20px;
	width: 51px;
	background-repeat: no-repeat;
}
#screen_playlist_clear_button  a {
	height: 11px;
	width: 11px;
	display: block;
	margin-left: 9px;
	margin-top: 3px;
}

#screen_playlist_top_right {
	background-image: url(../Images/screen/screen_playlist_top.gif);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 123px;
}

#screen_playlist_content {
	background-image: url(../Images/screen/screen_playlist_bg.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 174px;
	padding: 0 0 0 8px;
}
#screen_playlist_content   a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	clear: both;
	height: 12px;
	width: 160px;
	margin: 1px 0 1px 0;
	overflow: hidden;
}

#screen_playlist_content   a:hover {
	color: #FFCC00;
	cursor: pointer;
	}

#pane2    {
	height: 99px;
	width: 142px;


}
.pl_bild {
	background-image: url(../Images/screen/screen_playlist_bicon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 20px;
	display: block;
	float: left;
}
.pl_video {
	background-image: url(../Images/screen/screen_playlist_vicon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 20px;
	display: block;
	float: left;
}

.pl_audio {
	background-image: url(../Images/screen/screen_playlist_aicon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 20px;
	display: block;
	float: left;
}
.mname {
	width: 76px;
	overflow: hidden;
	height: 12px;
	display: block;
	float: left;
	padding:0 2px 0 0px;
}
.mdauer {
	float: left;
	display: block;
}



#screen_playlist_bottom {
	background-image: url(../Images/screen/screen_playlist_bottom.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 174px;
}
#screen_playlist_content   .scroll-pane  {
	float:left;
	overflow:auto;
	display: block;
	margin: 0 0 0 0;
}
#screen_playlist_content   a.jScrollArrowUp {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../Images/news/news_scrollB_up.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 14px;	
}
#screen_playlist_content   a.jScrollArrowUp:hover {
	background-position:0 -14px;
}
#screen_playlist_content   a.jScrollArrowDown {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../Images/news/news_scrollB_down.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 14px;
}
#screen_playlist_content   a.jScrollArrowDown:hover {
	background-position:0 -14px;
}
#screen_playlist_content   a.jScrollActiveArrowButton:hover {
background-position:0 -28px;
}
#screen_playlist_content   a.jScrollActiveArrowButton {
background-position:0 -28px;
}
#screen_playlist_content   .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#screen_playlist_content   .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-image: url(../Images/news/news_scroll_rail.gif);
	background-repeat: repeat-y;
}
#screen_playlist_content   .jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background-image: url(../Images/news/news_scroll_cursor.gif);
	background-repeat: no-repeat;
	left: 0;
}
#screen_playlist_content   .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#screen_playlist_content   .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}