@charset "utf-8";
/* CSS Document */
html, body {
  margin: 0px;
  padding:0px;
	height:100%;
}

body {
  font-family: Verdana, Arial;
  font-size: 11px;
  line-height:20px;
  font-style : normal;
  font-weight : normal;
  color: #fff;
	background-image:URL("/images/bg_rodajc_tv.jpg");
	background-position:top center;
	background-repeat:no-repeat;
  background-color: #333;
  text-align:center;
}

#page {
  width: 980px; 
  position: relative; 
  padding:0px 0px 0px 0px;
  margin: 0 auto;
  text-align:left;
}

/** --- header sponsoren --- */

#logos_businesspartners {
	float:left;
	vertical-align:top;
}

#title_businesspartners {
	width:117px;
	text-align:right;
	float:left;
}

#logo_hoofdsponsor{
	width:331px;
	float:left;
}

#title_hoofdsponsor {
	width:112px;
	height:54px;
	text-align:right;
	float:left;
}

#header_sponsoren {
	width:auto;
	height:54px;
}

/* --- // --- */

#header_rodajc {
	width:auto;
	height:100px;
	z-index:0;
}

#mainmenu {
	height:28px;
	padding:0px;
	margin:0px;
	position:relative;
}

/* Voor de Registreren Button */
#itemcontainerRegister {
	height:27px;
	padding:0px;
	margin-top:4px;
	position:absolute;
	right:140px;
}

.itemcontainer {
	height:27px;
	padding:0px;
	margin-top:4px;
	margin-left:1px;
	margin-right:2px;
	margin-bottom:0px;
	float:left;
}

.mainmenuitem {
	height:26px;
	border-top:1px solid #999;
	padding-left:15px;
	padding-right:15px;
	color:#ffcc00;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	float:left;
	background-image:url("/images/bg_menu_tv.gif");
	background-position:top left;
	background-repeat:repeat-x;
}

.mainmenuitem_on {
	height:26px;
	border-top:1px solid #999;
	padding-left:15px;
	padding-right:15px;
	color:#ffcc00;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	float:left;
	background-image:url("/images/bg_menu_tv_on.gif");
	background-position:top left;
	background-repeat:repeat-x;
}

.mainmenuitem a {
	color:#ffcc00;
	text-decoration:none;
}

.mainmenuitem_on a {
	color:#ffcc00;
	text-decoration:none;
}

a.mainmenuitemRegister {
	color:#fff;
	text-decoration:none;
}

.mainmenuitemSide {
	height:25px;
	float:left;
	margin:0px;
	padding:0px;
	width:1px;
	background-image:url(/images/bg_mainmenuitemside.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

#headerfader {
	height:73px; 
	width:555px; 
	position:absolute;
	right:-3px;
	top:80px;
}

/** --- content -- */

#content {
	width:auto;
	min-height:360px;
	padding-top:25px;
	color:#000;
}

#content_top {
	background-image: url('/images/bg_rodajc_top.gif');
	height: 23px;
}

#content_middle {
	background-color: #fc0;
	padding-left: 16px;
	padding-right: 16px;
	min-height:314px;
}

#content_bottom {
	background-image: url('/images/bg_rodajc_bottom.gif');
	height: 23px;
}

#content_left {
	width: 640px;
	float: left;	
}

#content_right {
	width: auto;
	padding-left: 10px;
	float:left;
}

/** --- content -- */

#contentLower {
	width:auto;
	min-height:250px;
	padding-top:25px;
	color:#000;
}

#contentLower_top {
	background-image: url('/images/bg_rodajc_top.gif');
/*	background-image: url('/images/bg_rodajc_top.jpg'); */
	height: 23px;
}

#contentLower_middle {
	background-color: #fc0;
/*	background-color: #fff; */
	padding-left: 16px;
	padding-right: 16px;
	min-height:204px;
}

#contentLower_bottom {
	background-image: url('/images/bg_rodajc_bottom.gif');
/*	background-image: url('/images/bg_rodajc_bottom.jpg'); */
	height: 23px;
}

#contentLower_left {
	width: 640px;
	float: left;	
}

#contentLower_right {
	width: auto;
	padding-left: 10px;
	float:left;
}

/** --- footer --- */

#footer_left {
	width:665px;
	text-align:center;
	padding-top:15px;
	float:left;
}

#footer_right {
	width:auto;
	text-align:right;
	float:right;
}

#footer {
	width:auto;
	margin-bottom:10px;
}



/** --- Video Module --- */

div#videoModule {
	width:946px;
	height:379px;
	background-image:url("/images/bg_videomodule_379_2.gif");
	background-position:top left;
	background-repeat:no-repeat;
	text-align:left;
	position:relative;
}

div#videoControls {
	position:absolute;
	width:300px;
	height:35px;
	background-image:url("/images/bg_videomodule_controls.png");
	background-position:top left;
	background-repeat:no-repeat;
	z-index:100;
	/*bottom:21px;
	left:75px;*/
	/*top:267px;
	left:45px;*/
	/*top:273px;*/
	/*top:277px;
	left:23px;*/
	top:327px;
	left:65px;
}

div#videoControlsPlay {
	margin-top:7px;
	margin-left:49px;
	height:21px;
	width:12px;
	float:left;
}

div#videoControlsTimeLine {
	float:left;
	margin-top:14px;
	margin-left:14px;
	height:8px;
	width:200px;
	background-image:url("/images/videomodule_timeline.png");
	background-position:center left;
	background-repeat:no-repeat;
}

div#videoControlsPlay img {
	border:none;
}

div#videoPlayer {
	margin:16px;
	margin-bottom:0px;
	height:297px;
	width:401px;
	float:left;
	background-image:url("/images/loading.gif");
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	z-index:90;
}

div#videoData {
	margin-top:13px;
	float:left;
	width:239px;
	/*height:276px;*/
	height:346px;
	border-bottom:1px solid #454545;
}

div#videoDataHeader {
	border-bottom:1px solid #545454;
	padding-bottom:4px;
	text-align:left;
}

div#videoDataContent {
	margin-top:10px;
	margin-bottom:7px;
	border-right:1px solid #3a3a3a;
	/*height:243px;*/
	height:312px;
	width:213px;
	color:#000;
	font-family:Arial;
	font-size:12px;
	text-align:left;
	padding-left:5px;
	padding-right:20px;
	position:relative;
}


div#videoDataContentRating {
	position:absolute;
	color:#414242;
	bottom:0px;
	left:0px;
}

div#videoDataContentRating a {
	text-decoration:none;
	color:#414242;
}

div#videoDataContentRating img {
	padding-right:2px;
	border:none;
}

div#videoDataContent h3 {
	margin:0px;
	padding:0px;
	color:#fc0;
	font-family:Arial;
	font-size:16px;
	width:200px;
	line-height:18px;
}

div#videoList {
	margin-top:14px;
	float:left;
	/*height:275px;*/
	height:345px;
	width:231px;
	border-bottom:1px solid #454545;
}
div#videoListHeader {
	border-bottom:1px solid #545454;
	padding-left:14px;
	padding-bottom:5px;
	text-align:left;
}

div#videoListContent {
	margin-left:14px;
	margin-top:11px;
	/*border-top:1px solid #3a3a3a;*/
	width:217px;
	/*height:243px;*/
	height:312px;
	overflow:hidden;
	position:relative;
}

table#tblVideos {
	border:none;
	width:217px;
}

div#tblVideos { width:217px;}
div#tblVideos div.item table { border:none; margin:0px; padding:0px;}

div#tblVideos div.item { height:75px;}

div#tblVideos td.left {
	border-top:1px solid #3a3a3a;
	width:82px;
	height:75px;
	padding-left:7px;
	vertical-align:top;
}

div#tblVideos td.left img {
	border:1px solid #f8f8f8;
	border-bottom:1px solid #a4a3a3;
	width:73px;
	height:48px;
	margin-top:9px;
}
div#tblVideos td.right {
	border-top:1px solid #3a3a3a;
	width:123px;
	padding-top:9px;
	padding-left:5px;
	vertical-align:top;
	font-family:Arial;
	font-size:10px;
	color:#fdc91a;
	position:relative;
}

div#tblVideos td.right div.cellWrapper {
	height:60px;
	position:relative;
}

/*table#tblVideos td.right div.cellWrapper h4 {
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:12px;
	color:#666;
	width:122px;
	line-height:12px;
}*/

div#tblVideos td.right div.cellWrapper span.title {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#666;
	width:122px;
	line-height:12px;
}

/*table#tblVideos td.right div.cellWrapper h4 a {
	text-decoration:none;
	color:#666;
}*/

div#tblVideos td.right div.cellWrapper span.title a {
	text-decoration:none;
	color:#666;
}

div#tblVideos td.right div.cellWrapper div.cellRating {
	position:absolute;
	bottom:0px;
	line-height:8px;
}

div#tblVideos td.right div.cellWrapper div.cellRating img {
	padding-right:1px;
	vertical-align:bottom;
}

div#tblVideos td.right div.cellWrapper div.cellTime {
	position:absolute;
	bottom:0px;
	right:0px;
	line-height:10px;
}

div#videoListScroller{
	float:left;
	width:29px;
	margin-top:14px;
}

div#videoListScrollerHeader {
	border-bottom:1px solid #545454;
	padding-left:14px;
	padding-bottom:5px;
	/*Nu leeg, daarom padding-top*/
	padding-top:11px;
	text-align:left;
}

div#videoListScrollerContent {
	margin-top:14px;
	padding-left:12px;
}

div#videoListScrollerContent img {
	border:none;
	margin:0px;
	padding:0px;
}

/* Internet Explorer Bug*/
div#videoModuleFooter {
	position:absolute;
	height:37px;
	width:255px;
	background-color:#171717;
	bottom:0px;
	right:10px;
}


/* Voor videocategorien */
div#videoCats {
	width:946px;
	height:329px;
	background-image:url("/images/bg_videomodule_379_2.gif");
/*	background-image:url("/images/bg_videomodule.gif"); */
	background-position:top left;
	background-repeat:no-repeat;
	text-align:left;
	position:relative;
}

div.catsListWrapper { float:left;}


div.videoCatsList {
	margin-top:14px;
	margin-left:42px;
	float:left;
	height:275px;
	width:231px;
	border-bottom:1px solid #454545;
}
div.videoCatsListHeader {
	border-bottom:1px solid #545454;
	padding-left:14px;
	padding-bottom:5px;
	text-align:left;
}

div.videoCatsListContent {
	margin-left:14px;
	margin-top:11px;
	/*border-top:1px solid #3a3a3a;*/
	width:217px;
	height:243px;
	overflow:hidden;
	position:relative;
}

table.tblCatsVideos {
	border:none;
	width:217px;
}

div.tblCatsVideos {
	width:217px;
}
div.tblCatsVideos div.item { height:75px;}
div.tblCatsVideos div.item table { border:none; margin:0px; padding:0px;}

div.tblCatsVideos td.left {
	border-top:1px solid #3a3a3a;
	width:82px;
	height:75px;
	padding-left:7px;
	vertical-align:top;
}

div.tblCatsVideos td.left img {
	border:1px solid #f8f8f8;
	border-bottom:1px solid #a4a3a3;
	width:73px;
	height:48px;
	margin-top:9px;
}
div.tblCatsVideos td.right {
	border-top:1px solid #3a3a3a;
	width:123px;
	padding-top:9px;
	padding-left:5px;
	vertical-align:top;
	font-family:Arial;
	font-size:10px;
	color:#fdc91a;
	position:relative;
}

div.tblCatsVideos td.right div.cellWrapper {
	height:60px;
	position:relative;
}

/*table.tblCatsVideos td.right div.cellWrapper h4 {
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:12px;
	color:#fff;
	width:122px;
	line-height:12px;
}

table.tblCatsVideos td.right div.cellWrapper h4 a {
	text-decoration:none;
	color:#fff;
}*/

div.tblCatsVideos td.right div.cellWrapper span.title {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#666;
	width:122px;
	line-height:12px;
}

div.tblCatsVideos td.right div.cellWrapper span.title a {
	text-decoration:none;
	color:#666;
}

div.tblCatsVideos td.right div.cellWrapper div.cellRating {
	position:absolute;
	bottom:0px;
	line-height:8px;
}

div.tblCatsVideos td.right div.cellWrapper div.cellRating img {
	padding-right:1px;
	vertical-align:bottom;
}

div.tblCatsVideos td.right div.cellWrapper div.cellTime {
	position:absolute;
	bottom:0px;
	right:0px;
	line-height:10px;
}

div.videoCatsListScroller{
	float:left;
	width:29px;
	margin-top:14px;
}

div.videoCatsListScrollerHeader {
	border-bottom:1px solid #545454;
	padding-left:14px;
	padding-bottom:5px;
	/*Nu leeg, daarom padding-top*/
	padding-top:11px;
	text-align:left;
}

div.videoCatsListScrollerContent {
	margin-top:14px;
	padding-left:12px;
}

div.videoCatsListScrollerContent img {
	border:none;
	margin:0px;
	padding:0px;
}

/* Internet Explorer Bug*/
div#videoCatsModuleFooter {
	position:absolute;
	height:37px;
	width:255px;
	background-color:#fff;
	bottom:0px;
	right:10px;
}

/* Zoekbutton */
div#videoSearchBtn {
	position:absolute; 
	right:10px; 
	top:9px;
}