html, body {
	font-family: arial, verdana, tahoma;
	font-size: 13px;
	margin: 0px;
}

a {
	color: #7D1327;
}

.pageWidth {
  width: 1256px;
  background-color: #F9F9F9; 
  margin: auto auto;
}

.contentLeft {
  float: left; 
  background-color: #f0f0f0; 
  width: 990px; 
  padding: 10px;
}

.contentRight, .contentRightHalf {
  float: left; 
  height: 994px; 
  padding-left: 8px; 
  padding-right: 8px;
}

.contentRightHalf {
  width: 107px;
}

.loginField {
	height: 12px;
	width: 120px;
	font-size: 9px;
	border: 1px solid #7CB5DB;
  margin-top: 0px;
	margin-left: 4px;
	margin-right: 4px;
}

.loginButton {
	color: #000000;
  font-size: 12px;
	text-decoration: none;
}

.headerLoginField {
  text-align: right; 
  padding-right: 14px; 
  font-size: 10px; 
  font-weight: bold; 
  height: 20px;
  line-height: 24px;
  width: 720px;
}

.headerLogo {
  background-image: url('images/hoofd_nav_logo.png'); 
  background-repeat: no-repeat; 
  background-position: top; 
  width: 256px; 
  height: 69px; 
  float: left;
  cursor: hand;
  cursor: pointer;
}

.headerContainer {
  background-color: #FFFFFF; 
  width: 990px; 
  height: 104px; 
  margin-bottom: 9px;
}

.headerRight {
  float: left;
  background-color: #E6E6E6; 
}

.headerButtonsContainer {
  background-image: url('images/hoofd_nav_items.png'); 
  background-repeat: no-repeat; 
  background-position: top;
  background-color: #FFFFFF; 
  width: 734px; 
  height: 49px; 
  float: right; 
  padding-bottom: 10px;
}

.headerButtons {
  padding-right: 10px; 
  float: right; 
  height: 38px; 
  position: relative; 
  top: 10px;
}

.footerBar {
  background-image: url('images/footerbar.png'); 
  width: 982px; 
  height: 20px; 
  text-align: right; 
  line-height: 20px; 
  padding-right: 8px;
}

/* Hoofd navigate */

.hoofdNavFirstItem, .hoofdNavItem {
	line-height: 38px; 
	height: 38px; 
	float: left; 
	padding-right: 10px;
	float: left; 
}

.hoofdNavItem {
	background-image: url('images/hoofd_nav_seperator.png');
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 10px; 
	padding-right: 10px;
}

.hoofdNavLink, .hoofdNavLinkSelected {
	font-weight: bold; 
	text-decoration: none;
}

.hoofdNavLink {
	color: #73727B;
}

.hoofdNavLinkSelected {
	color: #AE0020;
}

/* Breadcrumb */

.breadcrumbBar {
	float: left; 
	width: 968px; 
	border: 1px solid #73727B; 
	background-color: #AE0020; 
	height: 13px;
  margin-left: 10px;
}

.breadcrumbLevel0, .breadcrumbLevel1, .breadcrumbLevel2, .breadcrumbLevel3 {
	font-size: 11px; 
	float: left; 
	line-height: 13px; 
	padding-right: 10px;
}

.breadcrumbLevel1, .breadcrumbLevel2, .breadcrumbLevel3 {
	padding-left: 20px; 
}

.breadcrumbLevel0 {
	width: 320px; 
	text-align: right;
	background-color: #AE0020;
}

.breadcrumbLevel1 { 
	background-color: #AE0020;
}

.breadcrumbLevel2 {
	background-color: #AE0020;
}

.breadcrumbLevel3 {
	background-color: #AE0020;
}

.breadcrumbLink, .breadcrumbLinkSelected {
	text-decoration: none;
	color: #ffffff;
}

.breadcrumbLink {
	width: 100%;
	color: #F2F3F4;
}

.breadcrumbLinkSelected {
	width: 100%;
}

.homeContentContainer {
  float: right;
  width: 734px;
  height: 459px;
  background-image: url('images/content.png');
  background-position: bottom;
  background-repeat: repeat-x;
}

.width460 {
  width: 520px;
}

.homeVIC {
  position: relative;
}

#vicDiv {
  position: absolute;
  left: 778px;
  top: -470px;
  width: 220px;
  outline:none;
}

.contentArea {
  width: 990px; 
  padding: 0px;
  margin: 0px;
}

.defaultContent {
  width: 990px; 
  min-height:442px;
  height:auto !important;
  height:442px;
  background-image: url('images/content.png'); 
  background-position: top; 
  background-repeat: repeat-x;
}

.defaultContentInsideNoSize {
  float: left; 
  padding-left: 10px; 
  padding-top: 10px; 
}

.defaultContentInside {
  float: left; 
  padding-left: 10px; 
  padding-top: 10px; 
  width: 670px; 
  line-height: 20px;
}

.defaultTitle {
  height: 44px; 
  line-height: 36px;
}

.advancedSearch {
  float: left; 
  width: 410px; 
  line-height: 20px; 
  height: 423px; 
  padding: 8px; 
  color: #000000;
}

/* Video browser */

.videoBlockVideoBrowser {
	width: 219px;
	height: 96px;
	font-size: 11px;
	background-image: url('images/videobrowser_video.png');
	background-repeat: repeat-x;
	padding-left: 8px;
	padding-top: 6px;
}

.videoBlockVideoBrowserTitle, .videoBlockVideoBrowserTitle a {
  width: 216px;
	font-weight: bold;
	height: 13px;
	overflow: hidden; 
	text-overflow: ellipsis;
  white-space: nowrap;
	text-decoration: none;
	color: #AE0020;
cursor: pointer;
}

.videoBlockVideoBrowserTitle a span {
  display: none;
}

.videoBlockVideoBrowserTitle a:hover span {
  display: block;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  width: 212px;
  padding: 3px; 
  z-index: 100;
  color: #AE0020; 
  background: #ffffff;
  white-space: normal;
  overflow: visible;
	background-image: url('images/videobrowser_video.png');
  border: 1px solid #c3c3c3;
}


.videoBlockVideoBrowserDetailsLeft {
  float: left;
  width: 111px;
  margin-right: 10px;
}

.videoBlockVideoBrowserDetailsRight {
  float: left;
  width: 98px;
}

.videoBlockVideoBrowserThumbnail {
	margin-top: 6px;
	border: 2px solid #AE0020;
	width: 88px;
	height: 65px;
	float: right;
  margin-right: 10px;
}

.videoBlockVideoBrowserDuur {
	font-size: 9px;
	margin-bottom: 4px;
  padding-top: 3px;
  float: right;
  width: 100px;
  text-align: right;
}

.videoBlockVideoBrowserStars {
  padding-top: 48px;
  float: right;
  width: 100px;
  text-align: right;
}

.videoBlockVideoBrowserStar {
	padding-left: 6px;
}

/* Tab video's (Best bekeken .e.d) */

.videoBlockVertical {
	float: left;
	width: 230px;
	height: 96px;
	font-size: 11px;
	padding-right: 12px;
	padding-top: 10px;
}

.videoBlockVerticalTitle, .videoBlockVerticalTitle a {
  width: 227px;
	font-weight: bold;
	height: 13px;
	overflow: hidden; 
	text-overflow: ellipsis;
  white-space: nowrap;
	text-decoration: none;
	color: #AE0020;
  cursor: pointer;
}

.videoBlockVerticalTitle a span {
  display: none;
}

.videoBlockVerticalTitle a:hover span {
  display: block;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  width: 223px;
  padding: 3px; 
  z-index: 100;
  color: #AE0020; 
  background: #ffffff;
  white-space: normal;
  overflow: visible;
	background-image: url('images/videobrowser_video.png');
  border: 1px solid #c3c3c3;
}


.videoBlockVerticalDetailsLeft {
  float: left;
  width: 122px;
  margin-right: 10px;
}

.videoBlockVerticalDetailsRight {
  float: left;
  width: 98px;
}

.videoBlockVerticalThumbnail {
	margin-top: 6px;
	border: 2px solid #AE0020;
	width: 88px;
	height: 65px;
	float: right;
  margin-right: 10px;
}

.videoBlockVerticalDuur {
	color: #888888;
	font-size: 9px;
	margin-bottom: 4px;
  padding-top: 3px;
  float: right;
  width: 100px;
  text-align: right;
}

.videoBlockVerticalStars {
  padding-top: 48px;
  float: right;
  width: 100px;
  text-align: right;
}

.videoBlockVerticalStar {
	padding-left: 6px;
}

/* Search results */

.videoBlockSearch {
	width: 518px;
	height: 108px;
	background-image: url('images/content.png');
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 11px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	border: 1px solid #BBBBBB;
	margin-bottom: 8px;
	margin-left: 8px;
}

.videoBlockSearchTitle, .videoBlockSearchTitle a {
	width: 460px;
	font-weight: bold;
	line-height: 13px;
	height: 13px;
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis;
	text-decoration: none;
	color: #AE0020;
}

.videoBlockSearchDescription {
	color: #000000;
	width: 460px;
	font-size: 11px;
	height: 13px;
	margin-bottom: 5px;
}

.videoBlockSearchDetails {
	height: 50px;
	margin-bottom: 8px;

}

.videoBlockSearchDetailsLeft {
	width: 420px;
	float: left;
}

.videoBlockSearchDetailsLeftTop {
	width: 415px;
	color: #000000;
	font-size: 9px;
	font-weight: bold;
	line-height: 11px;
	height: 33px;
	max-height: 52px;
	overflow: hidden;
}
.videoBlockSearchDetailsLeftBottom {
	width: 420px;
	margin-top: 6px;
	height: 20px;
}

.videoBlockSearchDetailsRight {
	width: 84px;
	float: right;
	padding-right: 6px;
}

.videoBlockSearchThumbnail {
	border: 2px solid #AE0020;
	width: 88px;
	height: 65px;
	float: right;
}

.videoBlockSearchDuur {
	color: #888888;
	font-size: 9px;
	margin-bottom: 4px;
}

.videoBlockSearchStar {
	padding-right: 6px;
}

.videoBlockSearchTreePath, .videoBlockSearchTreePath a {
	color: #AE0020;
	text-decoration: none;
	font-weight: bold;
}

.videoBlockSearchTreePath a:hover {
	text-decoration: underline;
}

/*Browse*/

.videoBlockBrowse {
	width: 950px;
	height: 108px;
	background-image: url('images/content.png');
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 11px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	border: 1px solid #BBBBBB;
	margin-bottom: 8px;
	margin-left: 8px;
}

.videoBlockBrowseTitle, .videoBlockBrowseTitle a {
	width: 920px;
	font-weight: bold;
	line-height: 13px;
	height: 13px;
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis;
	text-decoration: none;
	color: #AE0020;
}

.videoBlockBrowseDescription {
	color: #000000;
	width: 920px;
	font-size: 11px;
	height: 13px;
	margin-bottom: 5px;
}

.videoBlockBrowseDetails {
	height: 50px;
	margin-bottom: 8px;
}

.videoBlockBrowseDetailsLeft {
	width: 840px;
	float: left;
}

.videoBlockBrowseDetailsLeftTop {
	width: 840px;
	color: #000000;
	font-size: 9px;
	font-weight: bold;
	line-height: 11px;
	height: 33px;
	max-height: 52px;
	overflow: hidden;
}
.videoBlockBrowseDetailsLeftBottom {
	width: 360px;
	margin-top: 6px;
	height: 20px;
}

.videoBlockBrowseDetailsRight {
	width: 84px;
	float: right;
	padding-right: 6px;
}

.videoBlockBrowseThumbnail {
	border: 2px solid #AE0020;
	width: 88px;
	height: 65px;
	float: right;
}

.videoBlockBrowseDuur {
	color: #888888;
	font-size: 9px;
	margin-bottom: 4px;
}

.videoBlockBrowseStar {
	padding-right: 6px;
}

.videoBlockBrowseTreePath, .videoBlockBrowseTreePath a {
	color: #AE0020;
	text-decoration: none;
	font-weight: bold;
}

.videoBlockBrowseTreePath a:hover {
	text-decoration: underline;
}




/* Tabs */

.tabs {
	float: left;
	background-image: url('images/beste_videos.png'); 
	background-repeat: repeat-x; 
	width: 970px; 
	height: 130px; 
	padding: 10px;
}

.tabRow {
	height: 29px;
}

.selectedTab, .unselectedTab {
	float: left; 
	height: 29px; 
	width: 225px;
}

.selectedTab {
	background-image: url('images/tab_dark.png'); 
}

.unselectedTab {
	background-image: url('images/tab_dark.png'); 
}

.selectedTabLink, .unselectedTabLink {
	margin-left: 20px; 
	line-height: 28px; 
	height:20px; 
	font-size: 13px; 
	font-weight: bold; 
	text-decoration: none;
}

.selectedTabLink {
	color: #AE0020; 
}

.unselectedTabLink {
	color: #73727B; 
}

.tabLine {
	background-color: #000000; 
	height: 1px; 
	width: 970px; 
	padding: 0px; 
	margin: 0px; 
	line-height: 1px;
}

.tabVideoArea {
	width: 970px;
	padding: 0px;
	margin: 0px;
}

/* Standaard content */

.pageTitle {
	color: #73727B;
	font-size: 16px;
	font-weight: bolder;
}

.pageSubTitle, .pageSubTitle a {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

.helpBox {
	background-color: #f0f0f0;
	width: 214px;
	padding: 8px;
}

.searchBox {
	background-color: #f0f0f0;
	width: 214px;
	padding: 8px;
  margin-top: 8px;
}

.searchBoxLink {
	position: relative;
	line-height: 20px;
	left: 4px;
	color: #AE0020;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: none;
}

/* Video browser */

.videoBrowserFrameIndex {
	float: left;
	background-image: url('images/videobrowser_back.png');
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0 10px 10px 10px;
}

.videoBrowserFrame {
	float: left;
  background-color: #f0f0f0;
  width:227px;
	margin-top: 10px;
}

.videoBrowser {
}

.videoBrowserTitle {
	width: 219px;
	height: 29px;
  padding: 0px 8px 0px 0px;
  background-color: #f1e2cf;
}

.videoBrowserTitleText {
	position: relative;
	line-height: 28px;
	left: 18px;
	color: #AE0020;
	font-size: 14px;
	font-weight: bolder;
}

.videoBrowserContents {
  padding-bottom: 0px;
}

.videoBrowserLine {
  height: 1px;
  border-top: 1px solid black;
}

.categoryparent, .categorycurrent, .categorychild {
	font-size: 11px;
	height: 22px;
	width: 205px;
	padding-left: 18px;
	padding-right: 4px;
	line-height: 22px;
}

.categoryparent {
	background-image: url(images/videobrowser_parent.png);
}

.categoryparent a, .categorychild a  {
	text-decoration: none;
	color: #000000;
}

.categoryparent a:hover, .categorychild a:hover {
	color: #888888;
}

.categorycurrent {
	background-image: url(images/videobrowser_current.png);
	font-weight: bold;
	color: #AE0020;
}

.categorychild  {
	background-image: url(images/videobrowser_child.png);
	color: #000000;
}

/* Popup truc */

a.info {
    position: relative;
    z-index: 1001; 
    text-decoration: none
}

a.info:hover {
	z-index: 1002; 
	background-color: #ffffff;
}

a.info span {
	display: none;
}

a.info:hover span { 
    display: block;
    position: absolute;
	right: 50px; 
	width: 140px;
	padding: 4px;
    border: 2px solid #AE0020;
	background-color: #ffffff;
	color: #000000;
}

.clearer {
	clear: left; 
	line-height: 0; 
	height: 0;
}

.searchInputBox, .advancedsearchInputBox {
	border: 1px solid #73727B;
	height: 18px;
}

.searchInputBox {
	width: 148px;
}
.searchInputBoxButton {
  background-color: #f1e2cf;
  width: 62px; 
  height: 22px;
}

.searchButton {
  background-color: #ffffff; 
  border: 1px solid #73727B; 
  width: 62px; 
  height: 22px; 
  padding-left: 1px;
}

.advancedsearchInputBox {
	margin-left: 8px;
	width: 292px;
}

.advancedsearchComboBox {
	margin-left: 8px;
	width: 295px;
}

.searchContent {
  width: 410px;
  line-height: 20px;
}

.transcriptBlock {
  margin-top: 8px; 
  padding: 8px; 
  display: none; 
  background-color: #f8f8f8; 
  border: 1px solid #444444;
}