/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #797979; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #797979; }
body { height: 100%; background: #fff; }
img { border: 0px; display: block; }
fieldset { border:0; }

.thema:after { content:'.'; display:block; visibility:hidden; clear:both; height:0; }
.thema { display:inline-block; }
.thema { display:block; }

/*###HOME###*/
#home .thema .more { float:right; }
#home .thema h1 .more, #home .thema p .more { float:none; }
#home .overBox .internal-link { font-size:12px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; /* background: url('../images/wrapperBg.gif') repeat-x; */ }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 888px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { margin-bottom: 14px; position: relative; width: 888px; height: 101px; }
	#headerCntr h1 { position: absolute; top: 15px; left: 0px; }
	#headerCntr h1 a { display: block; width: 181px; height: 41px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 69px; left: 0px; width: 588px; }
		#menuCntr ul { overflow: hidden; width: 588px; height: 32px; list-style: none; }
		#menuCntr li { padding-right: 1px; float: left; display: inline; font-family: Verdana; font-size: 14px; background: #fff; }
		#menuCntr li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 32px; line-height: 32px; text-decoration: none; color: #000; }
		#menuCntr li a:hover {color:#fff; background: url(../images/menuBg.gif);} 
		#menuCntr li.selected a, #menuCntr li li.selected a { background: url('../images/menuBHBg.gif') repeat-x; color:#fff;}
		#menuCntr li a.cl36:hover, #menuCntr li.selected a.cl36 { background: url('../images/menuH2Bg.gif') repeat-x; }
		#menuCntr li a.cl37:hover, #menuCntr li.selected a.cl37 { background: url('../images/menuGHBg.gif') repeat-x; }
		
		#menuCntr li.selected li a { background: none; }
		
		/* ### ZOEK CONTAINER ### */
		#zoekCntr { position: absolute; top: 0px; right: 0px; width: 300px; height: 101px; }
		#zoekCntr ul.tel { padding-top: 18px; overflow: hidden; float: left; width: 150px; }
		#zoekCntr ul.tel li { padding-bottom: 5px; float: left; display: inline; width: 100px; text-indent: 5px; font-size: 11px; }
		#zoekCntr ul.tel li.first { width: 50px; text-align: right; color: #d0373b; }
		#zoekCntr ul.link { padding-top: 5px; overflow: hidden; float: right; width: 150px; }
		#zoekCntr ul.link li { margin-left: 5px; float: left; display: inline; text-indent: -9999px; }
		#zoekCntr ul.link li.icon1 { width: 41px; height: 58px; }
		#zoekCntr ul.link li.icon1 a { display: block; float: left; width: 41px; height: 58px; background: url('../images/icon1.gif') no-repeat; }
		#zoekCntr ul.link li.icon2 { width: 41px; height: 58px; background: url('../images/icon2.gif') no-repeat; }
		#zoekCntr ul.link li.icon3 { width: 53px; height: 58px; background: url('../images/icon3.gif') no-repeat; }
		#zoekCntr fieldset { position: absolute; bottom: 3px; right: 0px; overflow: hidden; width: 199px; border: 0px; }
		#zoekCntr input.field { padding: 4px 5px 0px 5px; float: left; width: 138px; height: 18px; border: 1px solid #ae1b1f; border-right: 0px; background: #fff; }
		#zoekCntr input.submit { float: left; width: 50px; height: 24px; font-weight: bold; text-transform: uppercase; font-size: 10px; color: #ccc; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-top: 20px; overflow: hidden; width: 888px; }
	
		/* ### SIDE CONTAINER ### */
		#sideCntr { float: left; width: 215px; }
		
			/* ### NAV BOX ### */
			.navBox { margin-bottom: 20px; width: 215px; }
			.navBox h2 { padding-right: 10px; height: 60px; line-height: 60px; text-align: right; font-size: 24px; text-transform: uppercase; font-weight: bold; color: #ffb7ba; background: url('../images/nahH2.gif') no-repeat; }
			.navBox ul { list-style: none; }
			.navBox li { display: inline; }
			.navBox li.sub a { background: url('../images/navSBg.gif') no-repeat; }
			.navBox ul ul li a { font-weight: normal; }
			.navBox li a { padding-right: 10px; display: block; height: 31px; line-height: 31px; text-align: right; text-decoration: none; font-weight: bold; color: #ffb7ba; background: url('../images/navBg.gif') no-repeat; }
			.navBox li a:hover, .navBox li.selected a, .navBox li a.selected { color: #fff; background: url('../images/navHBg.gif') no-repeat; }
			
			/* ### CASE BOX ### */
			.caseBox { width: 215px; }
			.caseBox h2 { height: 42px; line-height: 42px; text-indent: 15px; font-size: 15px; font-weight: bold; color: #fff; background: url('../images/caseH2.gif') no-repeat; }
			.caseBox ul { padding: 10px; height: 81px; list-style: none; background: url('../images/caseUl.gif') no-repeat; }
			.caseBox li { line-height: 26px; text-indent: 5px; font-family: Verdana; }
			.caseBox li a { text-decoration: none; color: #159ddf; }
			.caseBox li a:hover { text-decoration: underline; }
			
		/* ### LARGE CONTAINER ### */
		#largeCntr { float: right; width: 581px; }
			
			/* ### VACATURE BOX ### */
			.vacatureBox { position: relative; width: 581px; }
			.vacatureBox h1 { padding-bottom: 30px; font-size: 24px; font-weight: normal; color: #ea3a42; }
			.vacatureBox h2 { padding-bottom: 20px; font-size: 20px; font-weight: normal; color: #797979; }
			.vacatureBox fieldset { position: absolute; top: 10px; right: 40px; border: 0px; }
			.vacatureBox label { padding-right: 20px; font-style: italic; color: #797979; }
			.vacatureBox select { padding: 1px; width: 150px; color: #797979; border: 1px solid #bcc3c8; background: #fff; }
			.vacatureBox h3 { margin-bottom: 5px; height: 42px; line-height: 42px; text-indent: 15px; font-size: 20px; font-weight: normal; color: #8b8b8b; background: url('../images/vacatureH3.gif') no-repeat; }
			.vacatureBox div.fieldset { position: relative; }
			.vacatureBox p { padding-bottom: 11px; line-height: 18px; }
			.vacatureBox a.terug { position: absolute; top: 7px; right: 10px; }
			.vacatureBox a { text-decoration: none; color: #ea3a42; }
			.vacatureBox a:hover { text-decoration: underline; }
			.vacatureBox ul { padding-bottom: 11px; overflow: hidden; width: 581px; list-style: none; }
			.vacatureBox li { line-height: 18px; }
			.vacatureBox ul.link li { float: left; width: 250px; }
			.vacatureBox ul.link li.right { float: right; text-align: right; }
			.vacatureBox ul.over { padding-bottom: 0px; width: 551px; border: 1px solid #dae0e4; border-bottom:0; background: #fff; }
			.vacatureBox ul.over li { padding: 1px; border-bottom: 1px solid #dae0e4; }
			.vacatureBox ul.over li.last { border-bottom: 0px; }
			.vacatureBox ul.over li a { display: block; height: 38px; line-height: 38px; text-indent: 15px; text-decoration: none; font-size: 14px; color: #ea3a42; background: url('../images/arrow.png') #f7f8f9 no-repeat 500px center; }
			.vacatureBox ul.over li a:hover { text-decoration: none; color: #b7020a; background-color: #e0e4e7; }
			.vacatureBox .pageBox ul { width:auto; margin-right:27px; display:inline; }
			
			/* ### TEXT BOX ### */
			.textBox { position: relative; width: 581px; }
			.textBox h1 { padding-bottom: 30px; font-size: 24px; font-weight: normal; color: #ea3a42; }
			.textBox p { padding: 5px 0 11px 0; line-height: 18px; }
			.textBox img { margin: 0px 10px 10px 0px; float: left; border: 5px solid #e6e6e6; }
			.textBox a { text-decoration: none; color: #ea3a42; }
			.textBox a:hover { text-decoration: underline; }
			.textBox p.right { text-align: right; }
			.textBox a.terug { position: absolute; top: 5px; right: 10px; }
			
			/* ### CASE CONTAINER ### */
			#caseCntr { width: 581px; }
			#caseCntr h2 { padding-bottom: 30px; font-size: 24px; font-weight: normal; color: #159ddf; }
			
			/* ### NIEUWS CONTAINER ### */
			#nieuwsCntr { width: 581px; }
			#nieuwsCntr h2 { padding-bottom: 30px; font-size: 24px; font-weight: normal; color: #ea3a42; }
			
				/* ### LISTVIEW BOX ### */
				.listviewBox { margin-bottom: 20px; position: relative; overflow: hidden; width: 581px; background: url('../images/listviewBg.gif') repeat-y; }
				.listviewBox div.bottom { padding: 10px; overflow: hidden; width: 561px; background: url('../images/listviewBottom.gif') no-repeat bottom; }
				.listviewBox img { border: 5px solid #e6e6e6; margin-right:20px; }
				.listviewBox div.text { padding-top: 5px; float: right; width: 361px; }
				.listviewBox h1 { padding: 0px 125px 0px 10px; height: 39px; line-height: 39px; font-size: 16px; font-weight: normal; color: #ea3a42; background: url('../images/listviewH1.gif') repeat-x; }
				.listviewBox h1.double { padding-top: 5px; height: 34px; line-height: 16px; }
				.listviewBox h4 { padding-left: 15px; position: absolute; top: 13px; right: 10px; font-size: 11px; font-weight: normal; background: url('../images/date.gif') no-repeat left; }
				.listviewBox a { text-decoration: none; color: #ea3a42; }
				.listviewBox a:hover { text-decoration: underline; }
				.listviewBox p { padding-bottom: 11px; line-height: 20px; }
				
				/* ### PAGE BOX ### */
				.pageBox { overflow: hidden; width: 581px; }
				.pageBox p { float: left; width: 100px; }
				.pageBox ul { float: right; overflow: hidden; /*width: 481px;*/ list-style: none; }
				.pageBox li { margin-left: 4px; /*float: right;*/ float:left; font-size: 11px; }
				.pageBox li a { display: block; float: left; width: 17px; height: 17px; line-height: 17px; text-align: center; text-decoration: none; color: #a6a6a6; background: url('../images/pageBg.gif') no-repeat; }
				.pageBox li a:hover, .pageBox li.selected a { color: #929292; background: url('../images/pageHBg.gif') no-repeat; }
				.pageBox li.prev a { text-indent: -9999px; background: url('../images/prev.gif') no-repeat; }
				.pageBox li.next a { text-indent: -9999px; background: url('../images/next.gif') no-repeat; }
	
		/* ### INTRO CONTAINER ### */
		#introCntr { float: left; overflow: hidden; width: 578px; }
		#introCntr div.technology { float: right; }
		#introCntr div.business h2 { background-image: url('../images/business.gif'); }
		#introCntr div.technology h2 { background-image: url('../images/technology.gif'); }
		#introCntr div.technology a { color: #ebfdaa; }
		#introCntr div.business a { color: #b6e0fa; }
			
			/* ### SLIDE BOX ### */
			.slideBox { margin-bottom: 10px; position: relative; width: 578px; }
			.slideBox h1 { position: absolute; left: 0px; bottom: 20px; width: 578px; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-size: 24px; font-family: 'Arial Black'; font-weight: normal; color: #fff; background: url('../images/slideBg.png'); }
			
			/* ### INTRO BOX ### */
			.introBox { float: left; width: 283px; background: url('../images/introBg.gif') repeat-y; min-height: 372px; height: auto; position: relative; _height:372px; }
			.introBox h2 { height: 65px; text-indent: -9999px; background: no-repeat; }
			.introBox p { padding: 20px 10px 20px 10px; line-height: 18px; color: #f5f5f9; /*height: 173px;*/ }
			.introBox p a { text-decoration: none; }
			.introBox p a:hover { text-decoration: underline; }
			.introBox ul { list-style: none; position: absolute; left: 0; bottom: 0; width: 283px; }
			.introBox li { display: inline; }
			.introBox li a { display: block; height: 32px; line-height: 32px; text-indent: 10px; text-decoration: none; font-weight: bold; background: url('../images/introLi.gif') no-repeat; }
			#introCntr div.introBox li a:hover { color: #fff; background: url('../images/introHLi.gif') no-repeat; }
			
		/* ### SMALL CONTAINER ### */
		#smallCntr { float: right; width: 287px; }
			
			/* ### OVER BOX ### */
			.overBox { width: 287px; background: url('../images/smallBg.gif') repeat-y; }
			.overBox div.top { padding: 10px 15px 10px 15px; width: 257px; background: url('../images/overTop.gif') no-repeat top; }
			.overBox h2 { padding-bottom: 10px; font: bold 14px Verdana; color: #989898; }
			.overBox p { padding-bottom: 11px; line-height: 18px; font-size: 11px; color: #979797; }
			.overBox a { text-decoration: none; color: #e23d44; }
			.overBox a:hover { text-decoration: underline; }
			
			/* ### THEMA BOX ### */
			.themaBox { margin-bottom: 10px; width: 287px; font-size: 11px; background: url('../images/smallBg.gif') repeat-y; }
			.themaBox div.bottom { background: url('../images/themaBottom.gif') no-repeat bottom; }
			.themaBox h1 { padding-bottom: 3px; font-size: 11px; font-weight: normal; color: #e23d44; }
			.themaBox h1 span { color: #989898; }
			.themaBox h2 { padding: 10px 0px 10px 15px; font: bold 14px Verdana; color: #989898; background: url('../images/themaBg.gif') no-repeat top; }
			.themaBox p { line-height: 18px; font-size: 11px; color: #838383; }
			.themaBox div.thema { padding: 10px 15px 10px 15px; position: relative; background: url('../images/themaBg.gif') no-repeat top; }
			.themaBox a { text-decoration: none; color: #e23d44; }
			.themaBox a:hover { text-decoration: underline; }
			.themaBox a.right { position: absolute; bottom: 10px; right: 15px; }
			
			/* ### BUTTON BOX ### */
			.buttonBox { width: 287px; }
			.buttonBox a { padding: 8px 0px 0px 10px; display: block; height: 53px; text-decoration: none; font-size: 11px; color: #fff; background: url('../images/buttonBg.gif') repeat-x; }
			.buttonBox a span { padding-bottom: 5px; display: block; font: bold 18px Verdana; color: #f9f9f9; }
	
/* ### FOOTER CONTAINER ### */
/*#footerCntr { width: 100%; background: url('../images/footerBg.gif') repeat-x bottom; } */
#footerCntr div.content { margin: 0 auto; width: 888px; }
#footerCntr p { height: 32px; line-height: 32px; text-align: center; font-size: 11px; color: #454544; /*background: url('../images/footer2Bg.gif') no-repeat top; */ }
#footerCntr a { text-decoration: none; color: #454544; }
#footerCntr a:hover { text-decoration: underline; }
#footerCntr h2 { padding: 20px 0px 5px 0px; font-size: 18px; font-weight: bold; color: #808080; }
a.mobile { padding: 0 0 0 17px; background: url('../images/mobile.png') no-repeat center left; }

/*###NEWS###*/
.news-single-backlink { text-align:right;}
/*###FORMS###*/
#largeCntr .tx-indexedsearch-searchbox div { clear:both; }
#largeCntr .tx-indexedsearch-searchbox select { width:145px; }
#largeCntr #tx-indexedsearch-selectbox-sections, #largeCntr #tx-indexedsearch-selectbox-group, #largeCntr #tx-indexedsearch-selectbox-results { width:295px; }
#largeCntr .tx-indexedsearch-searchbox input { width:295px; border:1px solid #999999; }
#largeCntr .tx-indexedsearch-searchbox label { font-weight:bold; display:block; float:none; }
#largeCntr #tx-indexedsearch-searchbox-button-submit { width:auto; border:0; padding:3px 7px 3px 7px; cursor:pointer; }
#largeCntr #tx-indexedsearch-searchbox-sword {  }
#largeCntr div.tx-indexedsearch-search-submit { clear:none; }
#largeCntr #tx_indexedsearch_extResume { width:auto; clear:left; float:left; margin:5px 5px 0 0; border:0; }
#largeCntr .tx-indexedsearch-search-submit { padding-top:18px; }
/*###POWERMAIL ###*/
.tx-powermail-pi1 { border:0; color:#828181;}
.tx-powermail-pi1_fieldset legend{display:none;}
.tx_powermail_pi1_fieldwrap_html {display:block; width:320px; }
.tx_powermail_pi1_fieldwrap_html label { font-weight:bold; margin-top:4px; display:block; }
.tx_powermail_pi1_fieldwrap_html label .powermail_mandatory{color:#eb0000}
.tx_powermail_pi1_fieldwrap_html .powermail_mandatory_js{font-style:italic; color:#c30; padding: 2px 0; font-size: 10px;}
.tx_powermail_pi1_fieldwrap_html input.powermail_text{ width:295px; border:1px solid #999999; padding: 2px; font-family: Arial; font-size: 11px; }
.tx_powermail_pi1_fieldwrap_html textarea {width:295px; border:1px solid #999999; padding: 2px; font-family: Arial; font-size: 11px;}
input.jscalendar {border:1px solid #999999; padding: 2px; font-family: Arial; font-size: 11px;}
.tx_powermail_pi1_fieldwrap_html select.powermail_select, .tx_powermail_pi1_fieldwrap_html select.powermail_countryselect {width:301px; border:1px solid #999999; padding: 2px; font-family: Arial; font-size: 11px;}
.tx_powermail_pi1_fieldwrap_html .powermail_submit { text-align:center; float:left; background:#999999; border:none; color:#FFF; font-size:12px; font-weight:bold; padding:3px 7px 3px 7px; margin-top:5px; margin-bottom:7px; cursor: pointer;}
#uid30_help, #uid30_cb, #uid30_msgCnt { display:none; }
#uid30_trigger { border:none!important; float:left; margin-left: 10px; clear: right; }
#uid30_hr { float: left; width: 269px; }
/*###INDEXEDSEARCH###*/
.tx-indexedsearch-searchbox  div { padding-bottom:5px; }
.tx-indexedsearch-searchbox-sword, .tx-indexedsearch-searchbox label, .tx-indexedsearch-form, .tx-indexedsearch-search-submit  { float:left;}
.tx-indexedsearch-searchbox label { padding:5px 5px 0 0; }
.tx-indexedsearch-searchbox-sword  { height:15px; display:block; padding-top:3px; }
/*###SITEMAP###*/
.csc-sitemap { width: 690px; padding: 10px 0 10px 0; }
.csc-sitemap ul { margin: 0; 	padding:0px 0 0px 0;}
.csc-sitemap ul li {list-style:none; margin-bottom: 2px;}
.csc-sitemap li { margin: 0; padding: 0; }
.csc-sitemap a { display: block; padding: 0 8px; font-weight:bold; line-height: 2em; color: #EA3A42; text-decoration: none; background: #e9e9e9; border-bottom: 1px solid #dedfde }
.csc-sitemap ul li ul {	margin-top:10px; margin-left:20px;	margin-bottom:10px; }
.csc-sitemap ul ul a { padding-left: 28px; font-weight:normal; background-color: #fafafa; border-bottom: 1px solid #dedfde; }
.csc-sitemap ul ul ul a { padding-left: 58px; color: #EA3A42; }
.csc-sitemap a:hover, .csc-sitemap a:focus { color: #EA3A42; background-color: #dfdfdf; font-weight: bold;  }
/*###SEARCH###*/
.browsebox  { padding-bottom:10px; }
.browsebox  li { list-style:none; display:inline; padding-right:5px; }

#contact .powermail_radio_inner {width: 75px!important; float: left;} 
#contact .powermail_radio_inner label {width: 50px!important; float: left;}
#contact .powermail_radio_inner input {margin-top: 3px; float: left;}
#contact p.tx_powermail_pi1_fieldwrap_html_radio_title { float: left; font-weight: bold; height: 0px; width: 100px;}

#contact  .tx_powermail_pi1_fieldwrap_html_2 label { float: left; width: 200px;}

.textBox ul, .textBox ol {margin-left: 35px;}



.csc-textpic .csc-textpic-image img { border: 5px solid #E6E6E6; }
.themaBox div.thema h1 a.more { margin-top:0; }
.themaBox div.thema a.more { margin-top:-14px; }

table td { padding: 3px; }

#referentie img { border: 0px!important; }

#largeCntr ul { padding-left: 20px; list-style-type: disc!important; }
#largeCntr ul.link, #largeCntr ul.over { padding-left: 0px; list-style-type: none!important; }

#referentie .csc-textpic-image { display: block; width: 160px; height: 100px; overflow: hidden; }

.video-js-box {
    border: medium none !important;
    line-height: 0 !important;
    margin: 0;
    padding: 0 !important;
    position: relative;
    text-align: left;
    margin-top:15px;
    margin-bottom: 15px;
} 

/*MOVIE BOX*/
.movie { padding-bottom: 5px; text-align: center; }
.tx-lumogooglemaps-pi1 p { padding: 0; }

VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important;  }

/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0;  height: 162px !important; width: 288px; }

.vjs-flash-fallback { display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 101% !important; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */

/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute; margin: 0; opacity: 0.85; color: #fff;
  display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
  width: 100%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px; /* Including any margin you want above or below control items */
  padding: 0; /* Controls are absolutely position, so no padding necessary */
}

.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center; margin: 0; padding: 0;
  height: 25px; /* Default height of individual controls */
  top: 5px; /* Top margin to put space between video and controls when controls are below */

  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control       { left: 5px;   width: 25px;  }
.vjs-controls > div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px;  }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px;   }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
  height: 9px; border: 1px solid #777;
  margin: 7px 1px 0 5px; /* Placement within the progress control item */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
  /* CSS Gradient */
  /* Default */ background: #fff;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  /* Default */ background-color: #555;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
  float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 3px solid #fff; opacity: 0.9;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

div.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }

#referentie2 #largeCntr ul {padding-left: 0px;}