/* ========================================================================== */
/*	CSS-Design Video-Cast													  */
/*  h.franz@FFH.de - Jan 07													  */
/*  k.karger@FFH.de - 2009-04-29											  */
/* ========================================================================== */

#azcontent {
	text-align: center;
	width: 560px;
	height: 340px;
	overflow: hidden;
	background-color: transparent;
	
}

.az, .azEven {
	width: 364px;
	height: 80px;
	overflow: hidden;
	background-color: #0F8B87;
	clear: both;
}

.azEven {
	background-color: #289794;
}

#azUploadLink {
	bottom:36px;
	display:block;
	height:33px;
	overflow:hidden;
	position:absolute;
	width:364px;
}

#auswahl {
	height:		160px;
	left:		0;
	position:	absolute;
	top:		-21px;
	width:		314px;
}

#augenzeugen {
	height:	20px;
}

#advert
{
	height:				264px;
	left:				602px;
	position:			absolute;
	top:				330px;
	width:				285px;
}	

#bottom {
	background-color: #49AF99;
	overflow: hidden;
	width: 100%;
	height: 25px;
	clear: both;	
	display: block;
}

#back {
	float: left;
	visibility: hidden;
}

#cat {
	position: 		absolute; 
	top: 			70px; 
	left: 			156px; 
	font-size: 		20px; 
	font-weight:	bold; 
	color: 			#fff;
	z-index:		3;
}


#cat0 {
	height:		25px;
	left:		187px;
	position:	absolute;
	top:		5px;
	width:		125px;
}

#cat1 {
	height:		25px;
	left:		187px;
	position:	absolute;
	top:		30px;
	width:		125px;
}

#cat2 {
	height:		25px;
	left:		187px;
	position:	absolute;
	top:		55px;
	width:		125px;
}

#cataz {
	height:		25px;
	left:		187px;
	position:	absolute;
	top:		80px;
	width:		125px;
}

#catbcv {
	height:		25px;
	left:		187px;
	position:	absolute;
	top:		130px;
	width:		125px;
}

#catgalleries {
	height:		25px;
	left:		187px;
	position:	absolute;
	top:		105px;
	width:		125px;
}

#clips {
	height:	30px;
}

#clip-tipps {
	height:	30px;
}

div .vidprev {
	height: 25px;
}

div .video_even {
	background: url(/images/mediaplayer/maginal_highlight_1.jpg) no-repeat; 
	height: 100px;
	width:	312px;
}

div.video_odd {
	height: 100px;
	width:	312px;
}

div .previewImage {
	float: 			left;
	padding-top: 	5px;
	padding-left:	5px;
}

#header {
	height: 	119px; 
	padding: 	0px;
	margin:		0px;
}

#infos {
 	overflow:		auto; 
 	position: 		absolute; 
 	top: 			375px; 
 	left: 			13px; 
 	width: 			399px; 
 	height: 		90px; 
 	color: 			#000;
 	margin: 		5px 0; 
 	font-size: 		10px; 
 	font-family: 	Verdana,Arial,Helvetica,sans-serif;
}	

#infos a {
	text-decoration: underline;
}

#info {
	position: 	absolute; 
	top: 		0px; 
	left: 		345px;
	z-index:	10;	
}

#ivw {
	width: 		0px;
	height: 	0px;
	z-index:	1000;	
	overflow:	hidden;
}

#left {
	position: 	absolute; 
	left: 		15px; 
	top: 		125px;
}

#main {
	width: 		900px; 
	height: 	611px;
}

#meistgeklickt {
	height:		30px;
}

#nav_right {
	position: 	absolute;
	left:		470px;
	top:		340px;
}

#nav_center {
 	float: 			left; 
 	height: 		20px; 
	position: 		absolute;
	left:			270px;
	top:			344px;
 	font-family: 	Verdana,Arial,Helvetica,sans-serif; 
 	color: 			#000; 
 	font-weight: 	bold; 
 	font-size: 		13px; 
 	text-align: 	center;
}

#nav_left {
	position: 	absolute;
	left:		0px;
	top:		340px;
}

#navi1 {
	position: 	absolute;
	position:	absolute;
	top:		568px;
	left:		15px;
	width:		148px;
	height:		25px;
	background:	url(/images/mediaplayer/navi1.jpg) no-repeat;
}

#navi1input {
	margin-left:	12px;
	margin-top:		4px;
	width:			107px;
}

#navi2 {
	position:	absolute;
	position:	absolute;
	top:		568px;	
	left:		140px;
	width:		25px;
	cursor:		pointer;
}

#navi3 {
	height:		25px;
	left:		162px;
	position:	absolute;
	top:		568px;
	width:		251px;
	background:	url(/images/mediaplayer/navi3.jpg) no-repeat;	
}

#navi4 {
	left:		419px;
	position:	absolute;
	top:		568px;
	width:		87px;
	background:	url(/images/mediaplayer/navi4.jpg) no-repeat;	
}

#navi5 {
	left:		514px;
	position:	absolute;
	top:		568px;
	width:		72px;
	background:	url(/images/mediaplayer/navi5.jpg) no-repeat;	
}

#news {
	height:	30px;
}

#next {
	float: right;
	visibility: visible;
}

#open_0 {
	height:25px;
	left:0px;
	position:absolute;
	top:5px;
	width:189px;	
}

#open_1 {
	height:25px;
	left:0px;
	position:absolute;
	top:30px;
	width:189px;	
}

#open_2 {
	height:25px;
	left:0px;
	position:absolute;
	top:55px;
	width:189px;	
}

#open_az {
	height:25px;
	left:0px;
	position:absolute;
	top:80px;
	width:189px;	
}

.previewText {
	margin-top: 5px;
	margin-left: 5px;
	display: block;
	width: 175px;
	float: left;
	color: #FFF;
	font-size: 10px;
}

.previewText a {
	color: #000;
}

#player h1 {
	padding-top: 25px;
	text-align: center;
	font-size: 12px;
}

#player a {
	font-size: 10px;
	padding-top: 10px;
	text-align: center;
	width: 100%;
	display: block;
}

#recommendForm {
	font-size: 10px;
}


#recommendForm p {
	font-size: 10px;
	clear: both;
	padding: 4px;
	width: 400px;
}

#recommendForm p.box {
	padding-left:	9px;
}

#recommendForm label {
	float: left;
	width: 120px;
	font-weight: bold;
	height: 14px;
	padding: 4px 6px;
}

#recommendForm input.text {
	width: 200px;
	float: left;
}

#recommendForm .formField {
	clear: both;
	margin: 6px 0;
}

#recommendForm .formField input {
	margin-right: 2px;
}

#recommendForm textarea {
	float: left;
	width: 200px;
	height: 60px;
}

#right {
	position: 	absolute; 
	left: 		588px; 
	top: 		25px;
}

#recommend {
	position: 	absolute;
	top: 		460px;
	left: 		431px;
}

#rate {
	display:block;
	width: 120px;
	height: 22px;
	font-weight: bold;
	color: #000;
	font-size: 10px;
	position:	absolute;
	left:	438px;
	top:	380px;
}

.rating{
	float:			left;
	width:			72px;
	height:			15px;
	margin: 		0 5px 20px 0;
	padding:		0;
	list-style:		none;
	clear:			both;
	position:		relative;
	background: 	url(/images/mediaplayer/ratingstars.gif) no-repeat 0 0;
}

#sendToFFH {
	float: left;
}

#space13020 {
	height:			25px;
	left:			0;
	padding-left:	10px;
	position:		absolute;
	top:			0;
	width:			130px;
}

#schliessen {
	padding-left:	476px;
	padding-top:	18px;
}

#summary {
	padding-top: 	37px; 
	padding-left: 	15px; 
	font-size: 		10px; 
	font-family: 	Helvetica, Arial, Verdana;
}

#summary a {
	text-decoration: underline;
}

#searchForm {
	left:			10px;
	margin:			0;
	padding:		0;
	position:		absolute;
	top:			3px;
	vertical-align:	top;
}

#searchFormUebersicht {
	left:			0px;
	margin:			0;
	padding:		0;
	position:		absolute;
	top:			0px;
	vertical-align:	top;
}


#searchButton {
	position: 	absolute;
	left:		122px;
	top:		-2px;
	height:		24px;
	cursor:		pointer;
}

#searchForm #searchString {
	margin-top: 2px;
	float: left;
	width: 120px;
	height: 12px;
	font-size: 10px;
}

#text {
	position: 		absolute;
	left:			28px;
	top:			145px;
	color:			#000;
	font-weight:	bold;
	font-size:		13px;
}

.nostar {background-position:0 -161px}
.nostarP {background-position:0 -176px}
.onestar {background-position:0 -190px}
.onestarP {background-position:0 -205px}
.twostar {background-position:0 -220px}
.twostarP {background-position:0 -233px}
.threestar {background-position:0 -248px}
.threestarP {background-position:0 -263px}
.fourstar {background-position:0 -277px;}
.fourstarP {background-position:0 -291px;}
.fivestar {background-position:	0 -307px;}


ul.rating li {
	cursor: pointer;
	/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
	float:left;
	/* end hide*/
	text-indent:-999em;/* hide text*/
	}
	ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:15px;
	height:15px;
	text-decoration:none;
	z-index: 200;
}

ul.rating li.one a {left:0}
ul.rating li.two a {left:15px;}
ul.rating li.three a {left:30px;}
ul.rating li.four a {left:45px;}
ul.rating li.five a {left:60px;}

ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:15px;
	overflow:hidden;
	left:0;
	background: url(/images/mediaplayer/ratingstars.gif) no-repeat 0 0
}

ul.rating li.one a:hover {background-position:0 -30px;}
ul.rating li.two a:hover {background-position:0 -59px;}
ul.rating li.three a:hover {background-position:0 -88px}
ul.rating li.four a:hover {background-position:0 -117px}
ul.rating li.five a:hover {background-position:0 -146px}

#uebersicht_unten {
	position:	absolute;
	left:		170px;
	top:		2px;
	width:		130px;
	height:		25px;
}

#videoCast {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 800px;	
	overflow: hidden;
	background: #FE860C url(/images/videocast/bottom.gif) no-repeat bottom;
	padding-bottom: 9px;
	margin-bottom: 1px;
}

#videoCast #content {
	background: #FE860C url(/images/videocast/header.gif) no-repeat;	
	float: left;
	width: 435px;
}

#videoCast #content #player {
	margin-top: 123px;
	margin-left: 10px;
	background-color: #FE860C;
	display:block;
	width: 425px;
	height: 350px;
}

#videoCast #content #recommend {
	display:block;
	width: 100px;
	height: 22px;
	position: absolute;
	top: 477px;
	left: 220px;
}

#videoCast #content #infos {
	margin-left: 10px;
	background-color: #F5BA1E;
	display:block;
	width: 425px;
	height: 105px;
	overflow: auto;
	position: absolute;
	top: 495px;
}

#videoCast #content #infos p {
	margin-left: 5px;
	margin-top: 2px;
	margin-right: 5px;
	color: #000;
	font-size: 10px;
}
#videoCast #content #infos a {
	text-decoration: underline;
}

#videoCast #content #infos h2 {
	margin-left: 5px;
	margin-top: 2px;
	margin-right: 5px;	
	color: #000;
	font-size: 10px;
	font-weight: bold;
}

#videoCast #videoSelector {
	float:right;
	background-color: #0B6E70;
	width: 364px;
	height: 600px;
	border-left: 1px solid #E5E5E5;
}

#videobarnavi {
	background: url(/images/mediaplayer/zur_uebersicht_maginal.jpg) no-repeat;
	position: 	absolute;
	top:		553px;
	width:		312px;
	height:		33px;	
}

#videos p {
	font-size: 10px;
	color: #FFF;
	margin-left: 5px;
	margin-right: 5px;
}

.video, .videoEven {
	width: 364px;
	height: 97px;
	overflow: hidden;
	background-color: #0F8B87;
	clear: both;
}

.videoEven {
	background-color: #289794;
}

#videos {
	width: 			307px;
}

#videobar {
	height:			437px;
	padding-top:	13px;
	position:		absolute;
	top:			140px;
	width:			312px;
}

#videobarnavi {
	height:		33px;
	position:	absolute;
	top:		413px;
	width:		312px;
}

#facebook {
	left:427px;
	position:absolute;
	top:428px;
}