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

#topwinkelwagen p {
  margin: 0;
  padding: 0;
}  

body {
	background: url(/assets/images/bg.jpg) repeat fixed center center transparent;
}

a {
	color: #D26C78;
}

img {
  border: 0;
}

/* Global structure */

.pageWidth {
  width: 1300px;
  margin: 0 auto;
  min-height: 100%;
}

.headerContainer {
  width: 1300px;
}

.contentContainerIndex {
  width: 1300px; 
  height: 654px; 
}

.contentContainer {
  width: 1300px; 
  min-height: 654px; 
}
.contentContainerFiller {
  width: 1300px; 
  min-height: 654px; 
  padding-bottom: 16px;
}
.contentContainerBottom {
  width: 1300px; 
  height: 2px; 
}

.footerContainer {
  background-color: #ffffff;
  width: 1292px; 
  height: 40px; 
  text-align: right; 
  line-height: 20px; 
  padding-right: 8px;
  padding-top: 4px;
}

/* Header */

.headerLeft {
  float: left;
}

.headerRight {
  float: left;
  background-image: url('images/header_below_buttons.png'); 
  background-repeat: repeat-x; 
  background-position: 0 50px;
  height: 65px;
}

.headerLogo {
  background-image: url('images/header_logo.png'); 
  background-repeat: no-repeat; 
  background-position: top; 
  width: 270px; 
  height: 121px; 
  cursor: pointer;
}

.headerLoggedIn {
  background-image: url('images/header_logged_in.png'); 
  background-repeat: no-repeat; 
  background-position: -585px 0px; 
  width: 470px; 
  height: 50px;
  background-color: #ffffff;
  float: left;
}


.headerLogin {
  background-image: url('images/header_login.png'); 
  background-repeat: no-repeat; 
  background-position: -585px 0px; 
  width: 470px; 
  height: 50px;
  background-color: #ffffff;
  float: left;
}

.headerLoggedInUser {
  color: #999999; 
  padding-right: 16px;
  margin-left: 6px;
  width: 310px;
  height: 23px;
  text-align: left;
  float: left;
  margin-top: 7px;
  overflow: hidden;
}

.headerLoginMessage {
  position: absolute;
  font-weight: bolder; 
  color: #ff0000; 
  padding-right: 16px;
  width: 250px;
  height: 23px;
  float: left;
  margin-top: 30px;
  margin-left: 6px;
}

.headerLoginEmailaddress {
  padding: 7px 0px 0px 68px;
  float: left;
  width: 178px;
}

.headerLoginPassword {
  padding: 7px 0px 0px 1px;
  float: left;
  width: 95px;
}

.loginField {
  border: 0;
  background-color: transparent;
  width: 94px;
  color: #999999;
  height: 16px;
  line-height: 14px;
}

/* Header buttons */

.headerButtonsContainer {
  background-color: #FFFFFF; 
  width: 830px; 
  height: 50px; 
  float: left; 
}

.headerButtons {
  padding-left: 80px; 
  height: 40px; 
  position: relative; 
  top: 10px;
}

.headerButtonFirst, .headerButton {
	margin-top: 0px;
  padding-top: 10px;
  line-height: 30px; 
	height: 30px; 
	float: left; 
	padding-right: 10px;
	float: left; 
}

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

.headerButtonLink, .headerButtonLinkSelected {
	font-size: 13px;
  font-weight: bold; 
	text-decoration: none;
}

.headerButtonLink {
	color: #999999;
}

.headerButtonLink:hover {
	color: #000000;
}

.headerButtonLinkSelected {
	color: #BD2137;
}

.headerBelowButtons {
  display: none;
}

/* Site buttons */

.loginButton {
  margin: 6px 0 0 32px;
}

.librarySearchButton {
  margin: 8px 0 0 0;
}

.smallButtonLeft {
  background-image: url('images/small_button_right.gif');
  background-repeat: no-repeat; 
  background-position: top right; 
  float: left;
  display: block;
  padding-right: 6px;
  font-size: 10px;
  text-decoration: none;
  color: #999999;
}

.smallButtonLeft:hover {
  color: #BD2137;
}

.smallButtonRight {
  background-image: url('images/small_button_left.gif');
  background-repeat: no-repeat; 
  background-position: top left; 
  display: block;
  line-height: 14px;
  padding: 3px 4px 3px 10px;  
}

.buttonLeft {
  background-image: url('images/button_right.gif');
  background-repeat: no-repeat; 
  background-position: top right; 
  float: left;
  display: block;
  padding-right: 6px;
  font-size: 10px;
  text-decoration: none;
  color: #999999;
}

.buttonLeft:hover {
  color: #BD2137;
}

.buttonRight {
  background-image: url('images/button_left.gif');
  background-repeat: no-repeat; 
  background-position: top left; 
  display: block;
  line-height: 22px;
  padding: 3px 4px 3px 10px;  
}

/* -- */

.libraryContainer {
  float: right;
}

.librarySearchContainerIndex {
  background-image: url('images/libray_zoek_index.png');
  background-repeat: no-repeat; 
  background-position: top left; 
  width: 250px;
  height: 34px;
}

.librarySearchContainer {
  background-image: url('images/libray_zoek.png');
  background-repeat: no-repeat; 
  background-position: top left; 
  width: 270px;
  height: 34px;
}

.librarySearch {
  padding: 9px 0px 0px 26px;
  float: left;
  width: 160px;
}

.librarySearchField {
  border: 0;
  background-color: transparent;
  width: 144px;
  color: #999999;
  height: 16px;
  line-height: 14px;
}

.libraryContents {
  width: 266px;
  height: 607px;
  background-color: #FBFBFB;
  border-top: 1px solid #D9D9D9;
  border-left: 2px solid #D9D9D9;
  border-right: 2px solid #D9D9D9;
  overflow-x: hidden;
  overflow-y: auto;
}

.libraryContainerBottomIndex {
  background-image: url('images/libray_bottom_index.png');
  background-repeat: no-repeat; 
  background-position: top left; 
  width: 270px;
  height: 11px;
}
.libraryContainerBottom {
  background-image: url('images/libray_bottom.png');
  background-repeat: no-repeat; 
  background-position: top left; 
  width: 270px;
  height: 11px;
}
.libraryContainerBottomVideo {
  background-image: url('images/libray_bottom_video.png');
  background-repeat: no-repeat; 
  background-position: top left; 
  width: 270px;
  height: 11px;
}


.contentIndex {
  width: 1030px;
  float: left;
  height: 200px;
}

.content {
  width: 1016px;
  float: left;
}

.contentInsideIndex {
  margin: 0 16px 0 50px;
  height: 452px;
  width: 720px;
}

.tabsContainerIndex {
  position: relative;
  margin-top: -31px;
  height: 232px;
}

/* -- */

.homeVIC {
  position: relative;
}

#vicDiv {
  position: absolute;
  left: 378px;
  top: -452px;
  width: 611px;
  height: 450px;
  outline: none;
  background-image: url('images/dummy_vic.png'); 
}

.defaultTitle {
  height: 44px; 
  line-height: 36px;
  padding-left: 44px;
  width: 986px;
}

.defaultContent {
  padding-left: 44px;
  width: 940px;
}

.videoContent {
  padding-left: 20px;
  width: 982px;
}

.advancedSearchContent {
  padding-left: 44px;
  width: 960px;
}

.advancedSearch {
  float: left; 
  width: 443px; 
  line-height: 20px; 
  height: 351px; 
  background-image: url('images/advanced_search_background.png'); 
  background-repeat: repeat-x; 
  padding: 8px; 
  color: #ffffff;
  font-weight: bold;
}

.advancedSearchFormTitle {
  font-weight: bold;
}

.advancedSearchResultsContainer {
  float: left;
  margin-left: 16px;
  width: 480px;
}

/* Video browser */

.videoBlockVideoBrowser {
	float: left;
	width: 250px;
	height: 160px;
	font-size: 11px;
  padding: 10px 0 0 16px;
  border-bottom: 3px solid #F0F0F0;
}

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

.videoBlockVideoBrowserTitle a span {
  display: none;
}

.videoBlockVideoBrowserTitle a:hover span {
  width: 228px;
  display: block;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  padding: 3px; 
  z-index: 100;
  color: #000000; 
  background: #ffffff;
  white-space: normal;
  overflow: visible;
  border: 1px solid #c3c3c3;
}


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

.videoBlockVideoBrowserThumbnail {
  height:65px;
  width:88px;
}

.videoBlockVideoBrowserDetailsRight {
  margin-top: 3px;
  float: left;
  width: 132px;
  color: #666666;
}

.videoBlockVideoBrowserDuur {
	font-size: 9px;
  font-weight: bold;
  margin-top: 4px;
	margin-bottom: 4px;
  padding-top: 3px;
  text-align: left;
  color: #666666;
}

.videoBlockVideoBrowserModules {
  color: #BD2137;
  font-weight: bold;
}


.videoBlockVideoBrowserStars {
  margin-top: 8px;
  border-top: 1px solid #F2EFEE;
  padding-top: 8px;
  text-align: left;
}

.videoBlockVideoBrowserStar {
	padding-right: 4px;
}


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

.videoBlockVertical {
	float: left;
	width: 230px;
	height: 160px;
	font-size: 11px;
  padding: 24px 16px 0 0;
}

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

.videoBlockVerticalTitle a span {
  display: none;
}

.videoBlockVerticalTitle a:hover span {
  display: block;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  padding: 3px; 
  z-index: 100;
  color: #000000; 
  background: #ffffff;
  white-space: normal;
  overflow: visible;
  border: 1px solid #c3c3c3;
}


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

.videoBlockVerticalThumbnail {
  height:65px;
  width:88px;
}

.videoBlockVerticalDetailsRight {
  margin-top: 3px;
  float: left;
  width: 120px;
  color: #666666;
}

.videoBlockVerticalDuur {
	font-size: 9px;
  font-weight: bold;
  margin-top: 4px;
	margin-bottom: 4px;
  padding-top: 3px;
  text-align: left;
  color: #666666;
}

.videoBlockVerticalModules {
  color: #BD2137;
  font-weight: bold;
}


.videoBlockVerticalStars {
  margin-top: 8px;
  border-top: 1px solid #F2EFEE;
  padding-top: 8px;
  text-align: left;
}

.videoBlockVerticalStar {
	padding-right: 4px;
}

/* Search results */

.videoBlockSearch {
	float: left;
	width: 440px;
	height: 140px;
	font-size: 11px;
  padding: 10px 0 0 16px;
  border-bottom: 1px solid #E9E7E6;
}

.videoBlockSearchTitle, .videoBlockSearchTitle a {
  width: 430px;
  font-weight: bold;
	height: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	text-decoration: none;
	color: #BD2137;
  cursor: pointer;
  padding-bottom: 10px;
}

.videoBlockSearchTitle a span {
  display: none;
}

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


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

.videoBlockSearchThumbnail {
  height:65px;
  width:88px;
}

.videoBlockSearchDetailsRight {
  margin-top: 3px;
  float: left;
  width: 338px;
  height: 80px;
  overflow: hidden;
  color: #666666;
}

.videoBlockSearchDuur {
	font-size: 9px;
  font-weight: bold;
  margin-top: 4px;
	margin-bottom: 4px;
  padding-top: 3px;
  text-align: left;
  color: #666666;
  float: left;
}

.videoBlockSearchModules {
  color: #BD2137;
  font-weight: bold;
}


.videoBlockSearchStars {
  margin-top: 8px;
  text-align: left;
  float: right;
}

.videoBlockSearchStar {
	padding-left: 4px;
}

/* Tabs */

.tabRow {
	height: 29px;
  z-index: 100;
  float: left;
  position: relative;
  width: 100%;
}

.selectedTabFirst {
	background-image: url('images/tab_selected_first.png');
  float: left;
  height: 30px;
  width: 248px;
	text-align: center;
  z-index: 101;
}
.unselectedTabFirst {
	background-image: url('images/tab_unselected_first.png');
  float: left;
  height: 30px;
  width: 248px;
	text-align: center;
  z-index: 101;
}


.selectedTab, .unselectedTab {
  margin-left: 6px;
	float: left; 
	height: 30px; 
	width: 241px;
	text-align: center;
  z-index: 101;
}

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

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

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

.selectedTabLink:hover, .unselectedTabLink:hover {
  color: #000000;
}

.selectedTabLink {
	color: #BD2137; 
}

.unselectedTabLink {
	color: #999999; 
}

.tabNavigation {
  background-image: url('images/tab_navigation.png'); 
  height: 23px;
  width: 63px;
  float: right;
  text-align: center;
  padding-top: 7px;
  padding-left: 10px;
}

.tabNavigationPrevious {
  background-image: url('images/arrow_left.png'); 
  background-position: bottom left;
  width: 28px;
  height: 21px;
  line-height: 28px;
  display: block;
  float: left;
}
.tabNavigationNext {
  background-image: url('images/arrow_right.png'); 
  background-position: bottom left;
  width: 28px;
  height: 21px;
  display: block;
  float: left;
}
.tabNavigationPrevious:hover, .tabNavigationNext:hover {
  background-position: top left;
}


.tabVideoArea {
	width: 990px;
  height: 201px;
  padding-left: 12px;
  position: relative;
  z-index: 1;
  margin-top: 0px;
  background-color: #ffffff;
  border-top: 1px solid #DED9D7;
  border-bottom: 1px solid #DED9D7;
  float: left;
}

.tabVideoAreaVideo {
	width: 1004px;
  height: 201px;
  padding-left: 12px;
  position: relative;
  z-index: 1;
  margin-top: 0px;
  background-color: #ffffff;
  border-top: 1px solid #DED9D7;
  border-bottom: 1px solid #DED9D7;
  float: left;  
}

.tabVideoAreaRightIndex {
  float: left;
  background-image: url('images/tabs_right_index.png');
  background-position: 0 1px;
  background-repeat: no-repeat; 
  width: 9px;
  height: 203px;
}

/* Standaard content */

.pageTitle {
	color: #BD2137;
	font-size: 16px;
	font-weight: bold;
}

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

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

.searchBox {
	background-color: #E6E6E6;
	background-image: url('images/topright_corner.png');
	background-position: top right;
	background-repeat: no-repeat;
	width: 214px;
	padding: 8px;
	margin-top: 35px;
}

.searchBoxLink {
	position: relative;
	line-height: 20px;
	left: 4px;
	color: #4FA6D6;
	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;
}

.videoBrowser {
}

.videoBrowserTitle {
	height: 29px;
  background-color: #F0F0F0;
}

.videoBrowserTitleText {
	line-height: 28px;
	left: 18px;
	color: #BD2137;
	font-size: 14px;
	font-weight: bolder;
  text-align: left;
  padding-left: 20px;
}

.categoryparent, .categorycurrent, .categorychild {
	font-size: 12px;
	height: 22px;
	padding-left: 18px;
	padding-right: 4px;
	line-height: 22px;
  background-color: #E4E4E4;
  cursor: pointer;
}

.categoryparent {
	background-image: url(images/videobrowser_parent.png);
  background-repeat: no-repeat;
}
.categoryparent a, .categorycurrent a, .categorychild a  {
	text-decoration: none;
}

.categoryparent a, .categorychild a  {
	color: #5A5A5A;
}

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

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

.categorychild  {
	background-image: url(images/videobrowser_child.png);
  background-repeat: no-repeat;
	color: #5A5A5A;
}

/* 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 #4FA6D6;
	background-color: #ffffff;
	color: #000000;
}

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

.searchInputBox, .advancedSearchInputBox {
	border: 1px solid #7CB5DB;
	height: 18px;
}

.searchInputBox {
	width: 148px;
}
.searchInputBoxButton {
  background-image: url('images/button_zoeken.png'); 
  width: 62px; 
  height: 22px;
}

.advancedSearchButton {
  float: right;
  font-size: 13px;
}

.advancedSearchInputBox {
	margin-left: 8px;
	width: 292px;
  border: 0;
}

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

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

.videoPlayer {
  padding-left: 10px;
  outline-style: none;
}

.videoTag, .videoLink {
  text-decoration: none;
}
.videoTag:hover, .videoLink:hover {
  text-decoration: underline;
  color: #000000;
}

.videoDownloadsContainer {
  margin-top: 10px;
  float: right;
  font-size: 10px;
  font-weight: bold;
}

.videoDownloadsContainerLeft {
  background-image: url('images/big_button_left.gif'); 
  padding: 6px 2px 8px 10px;
  height: 58px;
  float: left;
  text-align: center;
}
.videoDownloadsContainerRight {
  float: left;
  background-image: url('images/big_button_right.gif'); 
  height: 72px;
  width: 8px;
}

.videoDownloadText {
  margin-bottom: 4px;
}

.videoDownloadPPT {
  background-image: url('images/icon_ppt.png'); 
  background-position: bottom left;
  width: 52px;
  height: 45px;
  display: block;
  float: left;
}
.videoDownloadPDF {
  background-image: url('images/icon_pdf.png'); 
  background-position: bottom left;
  width: 52px;
  height: 45px;
  display: block;
  float: left;
}
.videoDownloadMP3 {
  background-image: url('images/icon_mp3.png'); 
  background-position: bottom left;
  width: 52px;
  height: 45px;
  display: block;
  float: left;
}
.videoDownloadPPT:hover, .videoDownloadPDF:hover, .videoDownloadMP3:hover {
  background-position: top left;
}

.videoBuyButton {
  background-image: url('images/button_buy.png'); 
  background-position: top left;
  margin-top: 10px;
  padding-top: 11px;
  width: 200px;
  height: 45px;
  display: block;
  float: right;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}
.videoBuyButton:hover {
  background-position: bottom left;
}
.videoBuyButtonPrice {
  font-size: 18px;
}

.buyFormButton {
  font-size: 13px;
}

.errorMessage {
  font-weight: bold;
  color: #ff0000;
}

#playerDiv, #playerObject {
  outline-style: none;
}

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