@charset "UTF-8";
body {
	font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
}
body {
	padding:0px;
	margin:0px;
	background-image:url(http://www.nrw.tv/static/gfx/videoarchiv/global-bkd.jpg);
	background-position:-100px -50px;
	background-repeat:no-repeat;
	background-color:#1a1a1a;
}
#main {
	position:absolute;
	top:10px;left:0px;
}


#meldungen {
	position:absolute;
	width:610px;
	display:none;
	top:538px;
	left:58px;
	color:#bb2222;
	background-color:#222222;
	font-size:1.1em;
	padding-top:2px;
	height:20px;
	font-weight:bold;
	z-index:111;
}


#werbehinweis {
	position:absolute;
	width:610px;height:210px;
	top:559px;
	left:58px;
	opacity:0.8;
	background-color:#121212;
	z-index:111;
}

#videoinformation {
	position:absolute;
	width:610px;height:210px;
	top:539px;
	left:58px;
}
#videoinformation #info_show{
	font-size:1.2em;
	padding-bottom:10px;
}
#videoinformation #info_title {
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
}

#videoinformation #info_subtitle{
	font-size:1.0em;
	padding-bottom:15px;
}

#videoinformation #btn_mail {
	background-image:url(http://www.nrw.tv/static/gfx/videoarchiv/ico-14-mail.png);
	background-position:-1px -1px;
	background-repeat:no-repeat;
	padding-left:17px;
	margin-left:8px;
}
#videoinformation #btn_facebook {
	background-image:url(http://www.nrw.tv/static/gfx/videoarchiv/ico-14-facebook.png);
	background-position:-1px -1px;
	background-repeat:no-repeat;
	padding-left:17px;
	margin-left:8px;
}
#videoinformation #btn_twitter {
	background-image:url(http://www.nrw.tv/static/gfx/videoarchiv/ico-14-twitter.png);
	background-position:-1px -1px;
	background-repeat:no-repeat;
	padding-left:17px;
	margin-left:8px;
}
#videoinformation #btn_link {
	background-image:url(http://www.nrw.tv/static/gfx/videoarchiv/ico-14-link.png);
	background-position:-1px -1px;
	background-repeat:no-repeat;
	padding-left:17px;
	margin-left:0px;
}
#videoinformation #video_rating {
	right:17px;
	top:0px;
	padding-bottom:1px;
	position:absolute;
	color:#808080;
	text-decoration:none;
	cursor:pointer;
}

#video_rating #rating_label {
	float:left;
}
#video_rating #rating_img {
	float:left;
}
#video_rating #rating_loader {
	float:left;
}


#videoinformation #mail{
	font-size:1.0em;
	padding-top:5px;
	display:none;
}


#videoinformation #link{
	font-size:1.0em;
	padding-top:5px;
	display:none;
}
#videoinformation #syndication{
	width:100%;
}

.mailfrm_label {
	float:left;
	width:130px;
	font-size:1.1em;
	color:#efefef;
	text-align:right;
	padding-right:5px;
	padding-top:2px;
}
.mailfrm_input {
	float:left;
	width:300px;
	font-size:1.1em;
	color:#efefef;
}
.mailfrm {
	border:0px solid #808080;
	background-color:#efefef;
	color:#222222;
	padding: 1px 3px 1px;
	width:100%;
}
.mailfrm_clearer {
height:3px; overflow:hidden;clear:both;
}

#top {
	width:729px;height:94px;
	top:30px;
	left:368px;
	position:absolute;
	overflow:hidden;
}
#top #sendungen_auswahl {
	position:absolute;
	width:1700px;
	height:94px;
	left:0px;
	top:0px;
}
#top #sendungen_auswahl .sendung{
	color:#ffffff;
	font-size:1.2em;
	position:relative;
	padding-right:20px;
	height:94px;
	float:left;
	cursor:pointer;
}
#top #sendungen_auswahl .sendung .active { 
	text-decoration:underline;
}

#top #sendungen_auswahl .sendung .image { 
	position:absolute;
	top:15px;
	left:0px;
}
#top #sendungen_auswahl .sendung .title { 
	position:relative;
	font-size:14px;
	top:50px;
}
#top #sendungen_auswahl .sendung .title_hl { 
	font-size:14px;
	position:relative;
	top:50px;
	display:none;
}

#top #sendungen_auswahl .sendung .title_hl > span { 
	font-size:14px;
	padding:0px;
	margin:0px;
}
#top #sendungen_auswahl .sendung .title_hl span { 
	font-size:14px;
	padding:0px;
	margin:0px;
}

#top #sendungen_auswahl .sendung .subtitle { 
	position:absolute;
	color:#808080;
	font-size:0.7em;
	top:70px;
	left:0px;
	width:160px;
	display:none;
}


/* extra fuer livestrm */
#livestream_btn {
	position:absolute;
	width:129px;height:94px;
	top:30px;
	left:245px;
	
}
#livestream_btn .sendung{
	color:#ffffff;
	font-size:1.2em;
	position:absolute;
	height:94px;
	cursor:pointer;
}

#livestream_btn .sendung .image { 
	position:absolute;
	top:44px;
	left:10px;
}
#livestream_btn .sendung .title { 
	position:relative;
	font-size:14px;
	top:50px;
	left:40px;
}
#livestream_btn .sendung .title_hl { 
	font-size:14px;
	position:relative;
	top:50px;
	left:40px;
	display:none;
}

#livestream_btn .sendung .subtitle { 
	position:absolute;
	color:#808080;
	font-size:0.7em;
	top:70px;
	left:40px;
	width:160px;
	display:none;
}



#player {
	width:610px;height:377px;
	top:165px;
	left:58px;
	position:absolute;
	z-index:23;
}


#debug {
	position:absolute;bottom:10px;right:10px; padding:5px;border:1px solid #999999; background-color:#666;opacity:0.8;
	width:500px;
	}
	
	
	
#content-slider {
  width: 490px;
  height: 6px;
  margin: 5px;
  background: #BBBBBB;
  position: relative;
}

.ui-slider-handle {
  width: 8px;
  height: 14px;
  position: absolute;
  top: -4px;
  background: #478AFF;
  border: solid 1px black;
}
	
.clearer {
	height:0px; overflow:hidden;clear:both;
}







input, textarea {
    font-family:arial,helvetica,verdana;
    font-size:1em;
}
.form {
    -moz-border-radius:2px 2px 2px 2px;
    background-color:#555;
    border:1px solid #CCCCCC;
	color:#efefef;
    font-size:1em;
    margin-bottom:4px;
    margin-top:12px;
    padding:1px 2px;
    width:100%;
    font-family: Verdana,Helvetica,Genova,sans-serif;
}
.form_big_white {
    -moz-border-radius:2px 2px 2px 2px;
    background:url("http://admin.broadcast.tneg.de/gfx/inputshadow.gif") no-repeat scroll -1px -1px #FFFFFF;
    border:1px solid #CCCCCC;
    font-size:1em;
    margin-bottom:2px;
    padding:2px 3px 2px 1px;
    width:100%;
}
textarea.form {
    font-size:0.9em;
    height:67px !important;
}
.formlabel {
    color:#666666 !important;
    font-size:0.8em;
    opacity:0.3;
    position:absolute;
    right:0;
    top:2px;
    z-index:1;
}
.formbig_traeger {
    position:relative;
    width:100%;
}
.big {
    font-size:1.0em;
 
    position:relative;
    width:100%;
}
.biglabel {
    color:#ccc !important;
    font-size:0.85em;
    position:absolute;
    left:5px;
    top:1px;
}
.biglabel_oben {
    color:#666666 !important;
    font-size:0.8em;
    padding-left:5px;
    padding-top:10px;
    position:relative;
    text-align:left;
    width:100%;
}
textarea.big {
font-size:1em;
height:80px;
}


label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }





/* NOTIFICATIONs */
#notifications {
	border:1px solid #000;
	color:#efefef;
	background: url(http://www.nrw.tv/static/gfx/videoarchiv/bkd_k-80.png) 0 0 repeat;
	position:absolute;
	overflow:hidden;
	width:608px;min-height:60px;
	z-index:11;
	
}

#notifications_content {
	width:3500px;
	position:absolute;
}

#notifications_content > div {
	width:608px;
	position:relative;
	float:left;
}

#notifications .content{
	position:relative;
	left:40px;
	width:520px;
	padding:5px;
	
}
#notifications .content .leftside {
	width:330px;
	border-right:1px solid #333;
	height:50px;
	float:left;
	padding-right:5px;
}
#notifications .content .rightside {

	width:180px;
	text-align:right;
	float:left;
	color:#efefef;
	padding-top:10px;
	font-size:1.1em;
}
#notifications .content .title {
	font-size:1.0em;
	font-weight:bold;
	/*text-decoration:underline;*/
}
#notifications .content .desc {
	font-size:0.9em;
	padding-top:3px;
}

#notifications .back{
	position:absolute;
	left:0px;top:5px;
	width:30px;
	height:50px;
	background: url(http://www.nrw.tv/static/gfx/videoarchiv/btn-25-qp-zurueck-1.png) 5px 50% no-repeat;
}
#notifications div.back:hover {
	background: url(http://www.nrw.tv/static/gfx/videoarchiv/btn-25-qp-zurueck-2.png) 5px 50% no-repeat;
	cursor:pointer;
}

#notifications .forward{
	position:absolute;
	right:0px;top:5px;
	width:30px;
	height:50px;
	background: url(http://www.nrw.tv/static/gfx/videoarchiv/btn-25-qp-vor-1.png) 0px 50% no-repeat;
}
#notifications div.forward:hover {
	background: url(http://www.nrw.tv/static/gfx/videoarchiv/btn-25-qp-vor-2.png) 0px 50% no-repeat;
	cursor:pointer;
}

#notifications .forward_s{
	position:absolute;
	right:0px;top:5px;
	width:30px;
	height:50px;
	background: url(http://www.nrw.tv/static/gfx/videoarchiv/btn-25-qp-s-1.png) 0px 50% no-repeat;
}
#notifications div.forward_s:hover {
	background: url(http://www.nrw.tv/static/gfx/videoarchiv/btn-25-qp-s-2.png) 0px 50% no-repeat;
	cursor:pointer;
}

#notifications #note_err {
	position:absolute;
	bottom:10px;left:50px;
	color:red;
	font-size:0.9em;
}

#notifications #notes_end {
	position:absolute;
	width:608px;
	background: url(http://www.nrw.tv/static/gfx/videoarchiv/bkd_k-80.png) 0 0 repeat;
	min-height:60px;
	border:1px solid #000;
	display:none;
}

/*Äusserer Kasten -----------------------------------------*/

#qpointcontrol {
	position:absolute;top:533px;left:58px;	
	color: #fff;
	float: left;
	width: 609px;
	min-height: 130px;
	background: url(http://www.nrw.tv/static/gfx/videoarchiv/bkd_k-80.png) 0 0 repeat;
	border: 1px #4e4e4e dashed;
	z-index:12;
	padding-top:5px;
	padding-bottom:5px;
}

/*Einleitung -----------------------------------------*/

#qeinleitung {
	margin:2px;
	margin-top:2px;
	border-bottom:1px solid #555;
}

#qeinleitung h2 {
	font-size: 12px;
	margin:4px;
	margin-bottom: 0px;
	padding:0px;
	text-decoration:underline;
}

#qeinleitung p {
	margin:4px;
	margin-bottom: 2px;
	font-size: 11px;
	color: #aaa;
}


/* Eingabe  **/
#qinput {
	min-height:75px;
	position:relative;
	overflow:hidden;
	/*overflow-x: hidden;
	overflow-y: visible;*/
}

#qinput #qpoint_back {
	position:absolute;
	left:4px;bottom:0px;
}

#qinput #qpoint_forward {
	position:absolute;
	right:4px;bottom:0px;
}
#qinput .nav.active {
	color:#efefef;
	z-index:2;
	cursor:pointer;
}
#qinput .nav {
	color:#555;
	z-index:2;
	cursor:default;
}
#qinput_content {
	width:3500px;
	position:absolute;
}
#qinput_content > div {
	min-width:609px;
	float:left;
}
#qinput_content > div.option {
	width:600px;
	position:relative;
}
#qinput_content > div.option > div {
	padding:10px;
	min-height:65px;
	padding-top:5px;
}
#qinput_content div.option .qpoint_title {
	font-size:0.9em;
	font-weight:bold;
	color:#ddd;
}
#qinput_content div.option .qpoint_desc {
	font-size:0.9em;
	padding-top:3px;
	color:#aaa;
}
#qinput_content div.option .back {
	position:absolute;
	left:5px;
	bottom:5px;
	font-size:0.9em;
	cursor:pointer;
}
#qinput_content div.option .note_proceed {
	position:absolute;
	right:5px;
	bottom:5px;
	font-size:0.9em;
	cursor:pointer;
}
#qinput_content div.option .optional {
	position:absolute;
	right:260px;
	bottom:5px;
	font-size:0.9em;
	cursor:pointer;
}
#note_endpoint_err {
	color:red;
	font-size:0.9em;
}
/*Button-Kasten -----------------------------------------*/




.SchriftHeadline 	{	color:#ffffff; }
.SchriftHell 		{	color:#cccccc; }
.SchriftMittel 		{	color:#808080; }
.SchriftDunkel 		{	color:#333333; }
.WerbungHell 		{	color:#4b9aab; }
.WerbungMittel 		{	color:#1d3338; }
.Fortschrittsbalken 	{	color:#3d3d3d; }
.Cachingbalken 		{	color:#222221; }