@charset "utf-8";

#container {
	position: relative;
	width: 900px;
	width: 1080px;
	margin: 0 auto;
	padding-left: 180px;
	background: url(../img/wobbler_bg.png) 10px 0 no-repeat;
}

#ad_header {
	position: relative;
	width: 900px;
	margin-top: 20px;
	text-align: center;
}
#ad_column {
	position: absolute;
	width: 160px;
	right: 0px;
	top: 20px;
	height: 600px;
}

#header {
	position: relative;
	width: 900px;
	height: 140px;
	overflow: hidden;
	background: url(../img/header_bg.png) 0 0 no-repeat;
	}
	#header-toolbar {
		position: relative;
		height: 16px;
		width: 860px;
		padding: 7px 20px 7px 20px;
		background: url(../img/white_bg_50.png);
		}
		#header-toolbar-mywobbler {
			position: absolute;
			top: 0px;
			left: 360px;
			height: 14px;
			width: 184px;
			padding: 8px;
			background: url(../img/white_bg_50.png);
			}
			#header-toolbar-mywobbler-arrow { position: relative; margin-right: 6px; }
			#header-toolbar-mywobbler-statustxt { position: relative; margin-left: 10px; }
		#header-toolbar-search {
			position: absolute;
			top: 0px;
			right: 0px;
			height: 10px;
			width: 240px;
			padding: 10px;
			background: url(../img/white_bg_50.png);
		}
	#header-logo {
		position: absolute;
		top: 50px;
		left: 19px;
		height: 80px;
		width: 200px;
		background: url(../img/logo_text.png) 0 0 no-repeat;
	}
	#header-partner-logo {
		position: absolute;
		top: 70px;
		left: 230px;
		height: 40px;
		width: 110px;
		background: url(../img/do_partnerlogo_small_1_freigestellt.png) 0 0 no-repeat;
		display: block;
	}
	#header-mywobbler {
		position: absolute;
		top: 30px;
		left: 360px;
		height: 94px;
		width: 184px;
		padding: 8px;
		background: url(../img/white_bg_50.png);
		}
		#header-mywobbler input {
			position: relative;
			float: left;
			width: 100px;
		}
		#header-mywobbler label {
			position: relative;
			float: left;
			width: 80px;
			padding-top: 2px;
		}
		.header-mywobbler-sep {
			position: relative;
			height: 1px;
			overflow: hidden;
			margin: 0 0 6px 0;
			background: url(../img/mywobbler_sep.png);
		}
	#header-search {
		position: absolute;
		top: 30px;
		right: 0px;
		height: 110px;
		width: 260px;
		}
		#header-searchsimple {
			position: relative;
			height: 44px;
			width: 244px;
			padding: 8px;
			background: url(../img/white_bg_50.png);
			}
			#search {
				position: relative;
				float: left;
				padding: 3px;
				width: 214px;
				height: 14px;
				overflow: hidden;
			}
			.header-searchsimple-btn {
				position: relative;
				display: block;
				float: left;
				height: 22px;
				width: 22px;
				background: url(../img/formarrow_brown_big.png) 0 0 no-repeat;
			}
		#header-searchadvanced {
			position: relative;
			height: 50px;
			width: 260px;
			background: url(../img/searchadvanced_bg.png);
		}
		#header-searchadvanced-content {
			position: absolute;
			left: 0px;
			top: 28px;
			height: 66px;
			width: 244px;
			padding: 8px;
			}
			#header-searchadvanced-content label {
				position: relative;
				float: left;
				width: 80px;
				padding-top: 2px;
			}
			#header-searchadvanced-content select {
				position: relative;
				float: left;
				width: 164px;
				height: 17px;
				padding: 0px;
				margin: 0px;
				-khtml-appearance: none;
				border: 1px solid #bd8c00;
			}
			#header-searchadvanced-content option {
				padding: 0px;
				margin: 0px;
			}
			a.header-searchadvanced-content-searchbtn {
				position: relative;
				display: block;
				float: left;
				height: 14px;
				width: 54px;
				}
				.header-searchadvanced-content-searchbtn img{ border: 0; }
			span.header-searchadvanced-content-simple {
				position: relative;
				float: left;
				margin-left: 44px;
			}

#register, #wronglogin, #featureregister, #registersuccess, #registererror, #forgotpw {
	position: relative;
	width: 860px;
	margin-top: 20px;
	padding: 20px;
	background: url(../img/white_bg_50.png);
	border-bottom: 1px solid #e3dcbb;
	}
	#register-cancel {
		position: relative;
		float: right;
		font-weight: normal;
		padding-top: 2px;
	}
	.register-sep {
		position: relative;
		height: 1px;
		overflow: hidden;
		margin: 6px 0 20px 0;
		background: url(../img/mywobbler_sep.png);
	}
	#register label, #myprofile label {
		clear: both;
		display: block;
		float: left;
		width: 130px;
	}
	#register input, #myprofile input {
		float: left;
		width: 160px;
	}
	#register select, #myprofile select {
		float: left;
		width: 160px;
	}
	#register td, #myprofile td { vertical-align: top; }

#contents {
	position: relative;
	width: 900px;
	margin-top: 20px;
	}
	#left {
		position: relative;
		width: 468px;
		display: block;
		float: left;
		}
		#player-container {
			position: relative;
			width: 468px;
			height: 380px;
			display: block;
			background: #000;
			}
			a.back2stream {
				display: block;
				height: 16px;
				width: 460px;
				background: #73be1e;
				color: #fff;
				font-size: 12px;
				padding: 2px;
				padding-left: 6px;
				text-decoration: none;
				overflow: hidden;
			}
			a.back2stream:hover {
				text-decoration: underline;
			}
		#ad {
			position: relative;
			width: 468px;
			height: 60px;
			margin-top: 10px;
			background: url(../img/ad-dummy.png);
		}
	#right {
		position: relative;
		width: 408px;
		display: block;
		float: left;
		margin-left: 24px;
		}
		#toolbar-nav {
			position: relative;
			height: 20px;
			margin-bottom: 6px;
		}
		#toolbar-contents {
			position: relative;
			min-height: 422px;
			background: url(../img/white_bg_50.png);
			border: 1px solid #eee2bf;
			}
			.panel-title {
				position: relative;
				padding: 4px 6px 4px 6px;
				background: #eee2bf;
				}
				.panel-title-tools {
					position: absolute;
					right: 6px;
					top: 6px;
				}
			.panel-sep-blank, .panel-sep-50, .panel-sep-75 {
				position: relative;
				height: 1px;
				margin: 0 0px 0 0px;
			}
			.panel-sep-50 {
				background: url(../img/toolbar-trenner-50.png);
			}
			.panel-sep-75 {
				background: url(../img/toolbar-trenner-75.png);
			}
			
			.search-thumb {
				position: relative;
				float: left;
				display: block;
				height: 98px;
				width: 90px;
				margin: 5px 0px 0px 6px;
				border-bottom: 2px solid #d2c17f;
				cursor: default;
				}
				.search-thumb-img {
					position: relative;
					height: 68px;
					width: 90px;
					background-repeat: no-repeat;
					overflow: hidden;
				}
				.search-thumb-title {
					position: absolute;
					top: 68px;
					left: 0px;
					width: 88px;
					height: 28px;
					padding: 1px;
					overflow: hidden;
					background: #fff;
				}
				.search-thumb-overlay {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 88px;
					height: 96px;
					padding: 1px;
					background: url(../img/white_bg_50.png);
					}
					.search-thumb-overlay-functions {
						position: absolute;
						top: 68px;
						left: 0px;
						width: 88px;
						height: 28px;
						padding: 1px;
						overflow: hidden;
						background: #fff;
					}
					a.search-thumb-overlay-click {
						position: absolute;
						display: block;
						width: 88px;
						height: 66px;
						padding: 1px;
						top: 0px;
						left: 0px;
						text-decoration: none;
						color: #000;
					}
				
				.search-list, .mylists-list {
					position: relative;
					float: left;
					display: block;
					height: 70px;
					width: 376px;
					margin: 5px 0px 0px 6px;
					border-bottom: 2px solid #d2c17f;
					cursor: default;
					}
					.search-list-img {
						position: absolute;
						left: 0px;
						top: 0px;
						height: 68px;
						width: 90px;
						background-repeat: no-repeat;
						overflow: hidden;
					}
					.search-list-title {
						position: absolute;
						top: 0px;
						left: 100px;
						width: 274px;
						height: 28px;
						padding: 1px;
						overflow: hidden;
						color: #000;
						text-decoration: none;
					}
					.search-list-overlay-functions {
						position: absolute;
						top: 40px;
						left: 100px;
						height: 28px;
						padding: 1px;
						overflow: hidden;
						/*background: #fff;*/
					}
				.mylists-list {
					width: 640px;
				}
			.search-res-duration { color: #333; }
			
			#panel-rc-contents-nav {
				position: relative;
				top: 8px;
				text-align: center;
				}
				a.search-res-nav-link, a.search-res-nav-link-active, a.search-res-nav-link-spacer {
					position: relative;
					text-decoration: none;
					padding: 2px;
					margin-right: 2px;
					border-bottom: 1px solid #d2c17f;
					font-size: 10px;
					color: #d2c17f;
				}
				a.search-res-nav-link-active {
					font-weight: bold;
					border-bottom: 2px solid #bd8c00;
					color: #bd8c00;
				}
				a.search-res-nav-link-spacer {
					border-bottom: 1px solid #fff;
					cursor: default;
					color: #bd8c00;
				}
				a.search-res-nav-link:hover {
					border-bottom: 1px solid #bd8c00;
					color: #bd8c00;
				}
			#panel-ml-contents, #panel-ml-contents li {
				list-style: none;
				margin: 0;
				padding: 0;
				}
				#panel-ml-contents li {
					margin: 5px 0px 0px 6px;
				}
				
		#mywobbler {
			position: relative;
			width: 900px;
			height: 450px;
			overflow: hidden;
			}
			#mywobbler-contents {
				position: relative;
				width: 900px;
				height: 380px;
				}
				#mywobbler-toolbar {
					position: relative;
					float: left;
					height: 378px;
					width: 198px;
					background: url(../img/mywobbler_bg.png);
				}
				#mywobbler-lists {
					position: relative;
					float: left;
					height: 378px;
					width: 678px;
					margin-left: 20px;
					background: url(../img/mywobbler_bg.png);
				}
				
			.mywobbler-list {
				position: relative;
				border-top: 2px solid #d2c17f;
				}
				.mywobbler-list-title {
					position: relative;
					padding: 6px;
					font-size: 12px;
					color: #bd8c00;
					}
					.mywobbler-list-title span { font-size: 12px; }
				.mywobbler-list-content {
					position: relative;
					overflow: auto;
				}
				
			
#footer {
	position: relative;
	height: 100px;
	width: 100%;
	margin-top: 20px;
	background: url(../img/footer_bg.png) repeat-x;
	}
	#schedule {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 84px;
		overflow: hidden;
		}
		#schedule_playing {
		
		}
		#schedule_playlist {
			position: absolute;
			top: 0px;
			left: 0px;
			width: auto;
			height: 84px;
			}
			.schedule-thumb {
				position: relative;
				display: block;
				float: left;
				height: 66px;
				width: 110px;
				overflow: hidden;
				margin-right: 1px;
				margin-top: 18px;
				background: url(../img/white_bg_50.png);
				}
				.schedule-thumb-img {
					position: absolute;
					left: 4px;
					top: 4px;
					width: 53px;
					height: 44px;
					background: #333;
				}
				.schedule-thumb-title {
					position: absolute;
					font-size: 11px;
					top: 50px;
					left: 4px;
					width: 102px;
					overflow: hidden;
					color: #333;
				}
				.schedule-thumb-time {
					position: absolute;
					font-size: 9px;
					left: 72px;
					top: 14px;
					color: #333;
				}
				.schedule-thumb-overlay {
					position: absolute;
					left: 0px;
					top: 0px;
					width: 102px;
					height: 100px;
					overflow: hidden;
					padding: 4px;
					background: url(../img/white_bg_50.png);
					cursor: pointer;
					}
	#footer-footer {
		position: relative;
		width: 900px;
		top: 86px;
		margin: 0 auto;
	}



div.clear, div.clearspacer {
	position: relative;
	clear: both;
}
div.clearspacer {
	height: 6px;
}