@import url('/shared/css/colorbox-4.css');
@import url('/shared/css/iconset.css');

body {background: #fff;} 

.wrapper {
	clear: both;
	position: relative;
	} 
	
.pages {background: transparent;min-height: 380px;	} 

.crumbContainer {
	margin:0 0 0 0;
	}
	
.subNavContainer {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #fbfeff;
	background: #3673B3;
	}



/*
.mapHeader {font-size: 9pt;height:18pt;position:relative;left:50px;top:0;width: 800px;}
#map_canvas {margin:0;padding:0;width: 100% !important; height: 550px;border-top: 1px solid #587D82;}
*/

/* header */
.mainContainer {
	position: relative;
	clear: both;
	}
	
.headerContainer {
	background: #E4F0FE;
	} 
	
.mainHeader {
	position:relative;
	background: #D7E9FD;
}



.mainfull {
	position:relative;
	left: 0;
	top: 0;
}


.green, a.green {color:#00ACA9;}
a.green:hover {color:#2C3E3E;}

/* sitelogo en payoff */
#logo {
	background: #F2F8FE url(/gfx/logo_placeholder.png) left 20px no-repeat;
	position: relative;
	cursor: pointer;
  height:80px;
	width:265px;
	left: 0;
	top: 0;
  }
	 
#logo a, .logo a:visited {
	display:none;
	position: relative;
}

.payOff {
	position: absolute;
	bottom: 13px;
	left: 0;
	font-weight: normal;
	font-size: 8pt;
	color:#A2CCFD;
}



.inlezerHome {
	position: absolute;
	top: 205px;
	left: 10px;
	width: 290px;
	height: 228px;
	}

/* Navigatie horizontaal boven */
.courtesy {
	position:relative;
	padding: 0;
	margin: 0;
	height: 70px;
	}
	
.c_nav {
	height:24px;
	position: relative;
	float: right;
	top: 6px;
	margin: 0;
	padding: 0;
	}
	
.c_nav ul {
	position: relative;
	margin: 0;
	float: right;
	padding: 0;
	font: normal 8pt/11pt  Verdana, Arial, Geneva, sans-serif;
	text-transform: lowercase;
	}

.c_nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

.c_nav ul li a, .c_nav ul li a:visited {
	padding: 0 0 0 0;
	text-align:right;
	margin:9px 10px 0 5px;
	color: #1D2A28;
	text-decoration: none;
	float: left;
  letter-spacing: 0; 
	}
	
.c_nav ul li.rss a {
	padding: 0;
	width: 22px;
	height:23px;
	color: #1D2A28;
	text-decoration: none;
	float: left;
	margin: 7px 6px 0 7px;
	white-space: nowrap;
	background: transparent url(/gfx/rss.png) left top no-repeat ;
	}
	
.c_nav ul li.linkedIn a {
	padding: 0;
	width: 22px;
	height:22px;
	color: #1D2A28;
	text-decoration: none;
	float: left;
	margin: 7px 0 0 0;
	white-space: nowrap;
	background: transparent url(/gfx/linkedin.png) left top no-repeat ;
	}
	
.c_nav ul li.twitter a {
	padding: 0;
	width: 23px;
	height:23px;
	color: #1D2A28;
	text-decoration: none;
	float: left;
	margin: 7px 6px 0 0;
	white-space: nowrap;
	background: transparent url(/gfx/twitter.png) left top no-repeat ;
	}
	
.c_nav ul li a:hover{
	color: #0667B2;
	text-decoration: none;
}


.space {width: 100%;clear:both;position:relative;width: 100%;height:10px;}
.spaceline {width: 100%;clear:both;position:relative;min-height: 10px;padding:3px 0;background: transparent url('/gfx/line.gif') left center repeat-x; }


/*breadcrumb*/

.crumb {
	clear:both;
	position: relative;
	height:27px;
	margin: 0;
	top: 5px;
	left: 0;
	text-transform:lowercase;
	color:#2C3E3E;
	}
	
.crumb ul {
	padding: 0;
	width: 100%;
	margin: 0;
	}

.crumb ul li {
	margin:0 0 0 0; 
	padding: 0;
	float:left;
	list-style-type: none;
	font: normal 10pt/12pt Verdana,Arial,Geneva, sans-serif;
 }

.crumb ul li a, .crumb ul li a:visited {
	float:left;
	margin:0;padding:0;
	text-decoration: none;
	color: #2C3E3E;
	}
	
.crumb ul li a:hover {
	color: #0668B3;
}

.crumb ul li a.current {
	color: #2C3E3E;
	}
	
.crumb ul li a.current:hover {
	color: #0668B3;
	}
	
li.l1 a, li.l2 a {font-weight: bold;}
.next {width:34px;height: 26px;background: transparent url(/gfx/hc2_act.gif) center 5px no-repeat;}

.left-3, .left-4, .left-5, .left-8, .left-10, .left-15 {
	position:relative;
	color:#999;
	top:0;
	padding:0 0 0 12px;
	background: transparent url(/gfx/point_active2.gif) left 7px no-repeat;
	font-size: 8pt;
}

.left-3 {left: 3px;}
.left-4 {left: 4px;}
.left-5 {left: 5px;}
.left-8 {left: 8px;}
.left-10 {left:10px;}
.left-15 {left: 15px;}

.normArticle {padding:0 0 10px 0;margin:0 0 7px 0;background: transparent url('/gfx/line.gif') left bottom repeat-x;}
.vacArticle {
	padding:0 0 0 17px;
	margin:3px 0;
	line-height: 14pt;
	background: transparent url('/gfx/vac.gif') left 4px no-repeat;
}

.vacTitle {font-weight: bold;}

.chapeau {
	padding: 0 0 0 0;
	margin: 2px 0 2px 0;
	color:#00AAA6;
	font-weight: bold;
	font-size: 10pt;
	letter-spacing: 0;
}


.leesverder {
	clear: both;
	font-weight: bold;
	padding:  0 ;
	margin:0 0 0 2px;
}


.zoektop {
	position:relative;
	top: 10px;
	right: 5px;
	text-align: right;
	color:#333333;
	}	
	
.submit3 {
	cursor: pointer;
	font: bold 9pt/18pt Arial, sans-serif !important;
	border: none !important;
	width: 68px;
	height: 28px;
	font-size: 8pt;
	margin : 0 0 0 0 !important;
	padding:0 0 3px 0 !important;
	color: #fff;
	background: transparent url(/gfx/sprite.png) right -1px no-repeat;
	z-index: 10;
}

.fieldAbo {margin:3px 0;}


.input2 {
	width: 210px !important;
	height: 16px !important;

}



input.input2[type='text']:focus { border-color: #888; outline: none !important; }

/* Navigatie HOOFD horizontaal boven */
#topnav1 a, #topnav1 a:visited   {width:46px;text-align: left;padding-left: 0;background: none;}
#topnav1 a:hover   {background: none;}

.top {
	position:relative;
	width:700px;
	left: 0;
	margin:0;
	text-align:left;
	padding:0;
	}
	
.tR {
	position: absolute;
	width:65px;
	right: 0;
	margin:0;
	text-align:left;
	padding:0;
	}
	
.top ul, .tR ul {
	visibility: visible;
	background: transparent;
	margin:0;
	padding:0;
	font: bold 18px/20px Arial, sans-serif;
	}

.top ul li, .tR ul li {
	list-style-type: none;
	margin:0;
	padding:0;
	display: inline; 	float: left;
	}



.top ul li a,.top ul li a:visited {
	padding: 10px 10px 10px 30px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	margin: 0;
	background: transparent url(/gfx/ster.png) left 10px no-repeat ;
	white-space: nowrap;
	}

.top ul li a:link.current, .top ul li a:visited.current {
	color:#130802;
	text-decoration: none;
}

.top ul li a:hover {
	color: #971D20;
	background: transparent url(/gfx/ster_act.png) left 10px no-repeat ;
	text-decoration: none;
}

/*
hoofd navigatie
*/
.mainNavContainer {background: #CEE4FF;}

.mainNav {
	margin:0;
	padding:0;
	background: #A2CCFD;
	}


.hNav {
	padding: 0;
	color: #3B4F51;
	font: normal 10pt/14pt Verdana, Arial, sans-serif;
	margin: 0 5px 0 0;
	white-space: nowrap;
	float: left;
	text-align: left;
	}

.hNav a, .hNav a:visited {
	color:#fff;
	text-decoration: none;
	position: relative;
	display: block;
	padding: 8px 9px ;
	background: #0455B6;
}

.hNav a:hover {
	color: #fff;
	background: #587D82;
	text-decoration: none;
}


.hNav a.current {
	color: #fff;
	background: #587D82;
	text-decoration: none;
}

.hNav a.current:hover {
	color: #fff;
}
 /*
Navigatie SUB horizontaal boven 
*/

.oan {
	margin: 0 ;
	}



.topsub {
	padding: 0;
	margin: 5px 0 0 0px;
	white-space: nowrap;
	background: transparent;
	}
	
.topsub ul {
	height:30px;
	padding: 0;
	margin: 0;
	color: #f8f8f8;
	font: bold 10pt/12pt Arial, sans-serif;
	}

.topsub ul li { display: inline; 	float: left;	padding: 0;margin: 0 3px 0 0 ;}

.topsub ul li a, .topsub ul li a:visited {
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	text-transform: lowercase;
	}

.topsub ul li a:link.topsubcurrent, .topsub a:visited.topsubcurrent {
	color:#2C3F3E;
	text-decoration: none;
}

.topsub ul li a:hover {
	color: #3F4339;
	text-decoration: none;
}

/*
li.subactive a,  li.subactive a:visited {color: #000;text-decoration: underline;}

*/
.subNext {width:34px;height: 26px;background: transparent url(/gfx/active-white.png) center 6px no-repeat;}


.external {
white-space: nowrap;
padding-right: 12px;
background: url(/gfx/ext-link.gif) no-repeat 100% 50%;
zoom: 1;
}



	
.smallList {
	padding: 6px 5px 6px 10px;
	font-size: 8pt;
	line-height:12pt;
	background: transparent url(/gfx/hc2_act.gif) left 9px no-repeat;
}

.modUn, .modEv {background: transparent url(/gfx/hc2_act.gif) left 9px no-repeat;padding: 0 0 0 10px;}

.smallVerder {font-weight: bold;}

.navcontainer {
	position: relative;
	top: -4px;
	margin:0;
	padding:0 0 0 0 ;
	font-family: Verdana, Arial, Geneva, sans-serif;
}

ul.navlist,ul.navlist li ul.subnavlist {
	list-style-type: none;
	margin:0 0;
	padding:0;
}

ul.navlist li,ul.navlist li ul.subnavlist li { 
	display: inline; 
	margin:0;
	padding: 0;
}

ul.navlist li a, ul.navlist li a:visited {
	font-size: 10pt;
	line-height: 12pt;
	width:auto;
	text-decoration: none;
	margin:5px 0 0 0;
	display: block; 
	padding: 2px 0 2px 0;
	font-weight: bold;
	color: #2C3E3E;
}

ul.navlist li a:hover,ul.navlist li a:focus { 
	color: #0667B2;
	text-decoration: none;
}

ul.navlist li.active a, ul.navlist li.active, ul.navlist li.active a:visited {
	text-decoration: none;
	color:#00AAA6;
}


ul.navlist li ul.subnavlist li a, ul.navlist li ul.subnavlist li a:visited {
	padding: 2px 0 2px 13px;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	margin:0;
	color: #2C3E3E;
	background: transparent url(/gfx/hc2_act.gif) 2px 8px no-repeat;
}

ul.navlist li ul.subnavlist li a:hover, ul.navlist li ul.subnavlist li a:focus { 
	color: #0667B2;
	text-decoration: none;
}

ul.navlist li.active ul.subnavlist li.subactive a {
	font-weight: bold;
	text-decoration:none;
	color:#00AAA6;
}


/* artikel stijlen */
 .inlezer h2,  .inlezer h2 a,  .inlezer h2 a:visited {
	margin: 0;
	padding:0;
}

 .datum {
	font-size: 7pt;
	padding:5px 0 0 0;
}

 .inlezer {
	position: relative;
	top: 5px;
}

 .auteur {
	color: #95171A;
	margin: 3px 0;
}
	
.auteur a, .auteur a:visited {
	color: #95171A;
	}
	
.auteur a:hover, #featured .auteur a:hover {
	color: #3F4339;
	}

 .inlezerSmall {
	font-size: 8pt;
}

 .inlezerSmall h4 {
}

.layerNavContainer {
	position: relative;
	margin: 0;
	color:#ccc;
	background: #004F94 url(/gfx/gradient_blue.jpg) left bottom repeat-x ;
	}

.layerNavContainer a, .layerNavContainer a:visited {
	color:#fff;
	}
	
.layerNavContainer a:hover {
	color:#fff;
	text-decoration: underline;
	}
	
.layerNavContainer .headerGrey, .layerYouTube .headerGrey {
	background: transparent;
	margin: 0 0 10px 0;
}
.layerYouTube .headerGrey {margin: 0;}

.layerNavContainer .header, .layerYouTube .header {
	position: relative;
	top: 5px;
	left: 0px;
	font-weight: bold;
	margin: 0 0;
	padding:0;
	height: 25px;
	color:#fff;
}

.layerYouTube {
	position: relative;
	margin: 0;
	color:#3F4339;
	/*
background: #50564A url(/gfx/layerGradient.jpg) left bottom repeat-x ;
*/
	}
	
#myytplayer {position: relative;left: 7px; top: 7px;border: 1px solid #BDD1D3;}
	
.layerYouTube b {
	color:#fff;
	margin: 0 5px;
}

.youTube {margin: 0 0 0 0;}
.youTubeComment {margin: 10px 0;}

.intro {
	font-weight: normal;
	margin:10px 0;
}

.txt h1  {
	font-size: 14pt;
}
.txt a, .txt a:visited  {
	color: #00578E;
	font-weight: bold;
	text-decoration: none;
}

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

.l, .r {
	padding: 8px 8px 5px 8px;
	vertical-align: top;
	border-bottom:1px solid #ececec;
	}
.bigbox {font-size: 14pt;}
.showBorder {
	border-top: 1px solid #999;
}


.createBorder {
	margin-top: 0;
	background:#587D82;
	padding:0 0 7px 0;
	margin:0;
	width: 100%;
}

.createBorder img {
 	position: relative;
	border: 1px solid #BDD1D3;
	top: 6px;
	left: 6px;
	margin:0 0 0 0;
}

.sizeLarge {
	height: 290px;
	}
	
.sizeLarge img {
 	position: relative;
	border: 1px solid #BDD1D3;
	top: 8px;
	left: 8px;
	margin:0 0 6px 0;
}

.mp3 {
	position: relative;
	top: 0;
	left: -8px;
	padding:0;
	margin: 0;
	height: 42px;
	
}

.createBorder2 {
	margin-top: 0;
	background:#EBEBEB;
	padding:0 0 7px 0;
	margin:0;
	width: 100%;
}

.createBorder2 img {
 	position: relative;
	border: 1px solid #BDD1D3;
	top: 6px;
	left: 6px;
	margin:0 0 0 0;
}

.aa {
	margin-top: 2px;
	background:#ccc;
}

.bb, .cc {
 	border: 1px solid #cecece;
	margin: 0 2px 0 0;
	background:#fff;
}

.ddd {
 	border: 1px solid #ddd;
	margin: 8px 0 0 0;
}

.country {
	background: #fff url('/gfx/line.gif') left bottom repeat-x; 
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
}


.alias {
	background: transparent url(/gfx/link-out.gif) left 5px no-repeat;
	height:18px;
	padding:0 0 0 15px;
}

.box {
	position: relative;
	background: #00AAA6 url('/gfx/bg-boxGrey.png') left bottom repeat-x; 
	color: #fff;
	margin: 10px 0;
	padding: 10px 0;
	width: 220px;
	height: 180px;
	overflow: hidden;
}

.boxContent {
	margin: 5px 10px 10px 10px;
	color: #fff;
	font-size: 8pt;
	line-height:12pt;
}

.box h2 {
	margin: 0 0 0 10px;
}

.box h2 a, .box h2 a:visited {
	color: #fff;
}

.box h2 a:hover {
	color: #2C3E3E;
}

.width-200 {width: 200px !important;}

.greyBox {background-color: #666;}
.orangeBox {background-color: #FF8200;}
.blueBox {background-color: #087BA5;}
.yellowBox {background-color: #E9C100;color:#2C3E3E;}
.yellowBox .boxContent {color:#2C3E3E;}


.prepend-5 {padding: 10px 0 0 0;}
.prepend-10 {padding: 10px 0 0 0;}
.prepend-15 {padding: 15px 0 0 0;}
.prepend-20 {padding: 20px 0 0 0;}

.boxButton {
	position: absolute;
	bottom: 10px;
	font : bold 9pt/18pt Arial, sans-serif !important;
	letter-spacing: 0;
	text-align: center;
	overflow: hidden;
	width: 200px;
	height: 25px;
	padding:0 0 0 0;
	margin:  5px 0 0 10px;
	color: #2C3E3E;
	border: none !important;
	background: transparent url('/gfx/bgbox.png') left top repeat;
}

.login .input {font-size: 9pt;margin: 0 0 20px -5px;}
.login td {	padding: 3px 0 0 10px;}

.boxButton a, .boxButton a:visited {
	color:#2C3E3E;
}

.boxButton a:hover, .boxButton a:active, .boxButton a:focus {
	color:#00AAA6;
}

.headerGrey {
	background: #00AAA6 url('/gfx/bg-box.png') left bottom repeat-x;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.headerGrey a, .headerGrey a:visited {
	color:#fff;
}

.headerGrey a:hover {
	color:#0667B2;
}

.header {
	position: relative;
	color:#fff;
	top: 1px;
	left: 6px;
	font-weight: bold;
	margin: 0 0;
	padding:0;
	height: 25px;
}

 .br {
	margin: 0 0 0 10px;
}

.verplicht  {
	background: #FDECED !important;
}

.fr{float:right;}

.pt {
	font-size: 8pt;
	position:relative;
	top:20px;
	padding:0;
	color: #fff;
	clear:both;
	min-height:55px;
	margin:0;
}

.gendiv {
	font-size: 8pt;
	position:relative;
	top:10px;
	padding:0;
	color: #999;
	clear:both;
	height:65px;
	margin: 0;
}

.pager {
	padding:0;
	margin:5px  0;
}

a.PTLink, a:visited.PTLink {
	font-size: 14pt;
	line-height: 14pt;
	padding: 4px 0 0 0;
	text-align:center;
	letter-spacing : -1px;
	width:34px;
	height:28px;
	float : left;
	display:block;
	margin :0 5px 5px 0; 
	background: #fff url(/gfx/ptNormal.gif) left top repeat-x ;
	text-decoration : none;
	color: #fff;
}

a.na, a:visited.na {
	color: #ccc;
}

a.PTsel, a:visited.PTsel, .PTsel {
	font-size: 14pt;
	line-height: 14pt;
	padding: 4px 0 0 0;
	color:#00AAA6;
	text-align:center;
	letter-spacing : -1px;
	width:34px;
	height:28px;
	float:left;
	display:block;
	margin :0 5px 5px 0; 
	background:#fff url(/gfx/ptSelect.gif) left top no-repeat ;
	text-decoration : none;
}

a:hover.PTLink  {
	background:#fff url(/gfx/ptSelect.gif) left top no-repeat ;
	color:#007F3E;
	width:34px;
	height:28px;
}


/* extra footer */
.layerFooter {
	position: relative;
	margin: 0 0 0 0;
	padding: 5px 0 20px 0;
	color:#3F4339;
	background: #CEE4FF; 
	}
	


/* footer */
.footerContainer {
	width: 100%;
	clear:both;
	background: #E4F0FE;
	margin: 0 0 0 0;
	height:150px;
	} 


.footer {
	position: relative;
	top: 20px;
	left: 0;
	width: 800px;
	height:40px;
	padding: 0;
	float: left;
	color: #666;
	font: normal 7pt/11pt Arial, sans-serif;
	}

.footer a, .footer a:visited {
	color: #666;
	font-weight: bold;
}

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

.ehio {
	cursor: pointer;
	position:relative;
	top: 30px;
	float:right;
	width:70px;
	height:12px;
	margin: 0;
	background: transparent url(/gfx/ehio.png) right top no-repeat;
}

.ehio b a {
	font-size:8pt;
	font-weight:normal;
	display:none;
}



/* Navigatie horzontaal beneden */
.f_nav {
	position:relative;
	top:10px;
	left:0;
	padding: 0;
	margin:0;
	}


.f_nav ul {
	visibility: visible;
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
	font: normal 8pt/9pt Arial, sans-serif;
	background: transparent;
	}

.f_nav ul li { display: inline; }

.f_nav ul li a, .f_nav ul li a:visited {
	padding: 0 0 0 0;
	text-align:right;
	margin:0 20px 0 0;
	color: #587D82;
	text-decoration: none;
	float: left;
	font-weight: bold;
  text-transform: lowercase; 
	}  
	
.f_nav ul li a:hover {
	color: #0668B3;
	text-decoration: none;
	} 
	

.simplePagerNav {margin: 0;padding:0;}
.hidePager {display:none;}
.pagerTitle {
    clear: both;padding: 5px 0 0 0;
		border-top: 1px solid #cecece;
		width: 100%;
    margin: 10px 0 5px 0;
		font-size: 8pt;
		color:#666;
}

#ToggeIt {float: left;}

ul.simplePagerNav {
    float: left;
   	width: 80%;
}

ul.simplePagerNav li {
    float: left;
    padding: 0;
		text-align: center;
    margin: 0 8px 10px 0;
		border-bottom: 1px solid #DEDEDE;
		border-top: 1px solid #eee;
		border-right: 1px solid #DEDEDE;
		border-left: 1px solid #eee;
		list-style-type: none;
}

ul.simplePagerNav li a {
    color: #5A5148;
		background:#F5F5F5;
		display:block;
    text-decoration: none;
		padding: 3px 2px 2px 0;
		width: 24px;
		height: 22px; 
		font-weight: bold;
		display:block;
}

ul.simplePagerNav li a:hover {
   	color:#336699;
		background:#dff4ff;
}

li.currentPage {
 	 	background: #971D20;	
}

ul.simplePagerNav li.currentPage a {
	color: #fff;	
	background: #336699;	
}



.profiles {min-height: 330px;}
.profiles a, .profiles a:visited {font-weight: bold;}
.visit {cursor: pointer;height: 145px;width: 225px; float: left; margin: 0 20px 0 0;}
.panel {background: #fff; padding: 5px;width: 215px; margin: 0; overflow: hidden;float: left; text-align: left;}
.panelMember a, .panelMember a:visited {color:#2C3E3E;font-weight: bold;font-size: 10pt;}
.panelCompany{color:#2C3E3E;font-size: 8pt;font-weight: normal;}

.profileTwitter {
	background: transparent url('/gfx/sprite.png') -10px -212px repeat; 
	padding: 0;
	cursor: pointer;
	width: 104px; 
	height: 38px;
	margin: 5px 0; 
	}

.profileLinkedin {
	background: transparent url('/gfx/sprite.png') -10px -254px repeat; 
	padding: 0;
	width: 104px; 
	cursor: pointer;
	height: 38px;
	margin: 5px 0; 
	}


.event{
	/* Contains the event header and body list */
	float:left;
	padding:4px;
	text-align:left;
	width:300px;
	margin:0 5px 50px;
}

.eventList li {
	/* The individual events */
	background:#004984;
	border:1px solid #002F59;
	list-style:none;
	margin:5px;
	padding:4px 7px;
	color:#E6F8FF;
}

.eventList li a {
	/* The hover state: */
	cursor:pointer;
	color:#E6F8FF;
	text-decoration: underline;
}

.eventList li a:hover{
	/* The hover state: */
	cursor:pointer;
	color:#319EFF;
}

.eventHeading {
	/* The colorful year headings at the top */
	font-size:2em;
	margin:-5px -5px 10px;
	padding:4px 5px;
	text-align:center;
}

/* Three color style for the headings: */
.eventHeading.blue {
	background:#002F59;
	color:#fff;
}


#timelineLimiter{
	/* Hides the overflowing timeline */
	width:100%;
	overflow:hidden;
	padding-top:10px;
	margin:0 0;
}

#scroll{
	/* The small timeline below the main one. Hidden here and shown by jQuery if JS is enabled: */
	display:none;
	font-weight: bold;
	height:30px;
	background:#002F59;
	color:#999999;
}

.scrollPoints{
	/* The individual years */
	float:left;
	font-size:1.4em;
	padding:6px 10px 5px 10px;
	text-align:center;
	width:99px;
	border-right:1px solid #D4E6EE;

	position:relative;
	z-index:10;
}

#centered{
	/* Centers the years, width is assigned by jQuery */
	margin:0 auto;
	position:relative;
}

#slider{
	/* Holds the scroll bar */
	margin:10px auto;
	height:25px;
	display:none;
}

#bar{
	/* The scroll bar */
	background: transparent url(/gfx/slider_center2.png) repeat-x center center;
	height:25px;
	cursor:pointer;
}

#barLeft{
	background: transparent url(/gfx/slider2.png) no-repeat scroll left center;
	height:25px;
	width:20px;
	left:0;
	top:0;
	position:absolute;
}

#barRight{
	background: transparent url(/gfx/slider2.png) no-repeat scroll right center;
	height:25px;
	position:absolute;
	right:0;
	top:0;
	width:20px;
}

.sizeSuperSmall {float:left; margin: 0  3px 0 0;height: 30px;}

.eventTitle { margin-left: 75px;font-weight: normal;}

.eventDate {
	/* The date on the bottom of the windowBox */
	color:#999999;
	font-size:0.8em;
	padding:0 3px;
	margin: 0 8px 4px 0;
	width: 20px;
	text-align: center;
	float: left;
	background:#0059A8;
}

.evenDesc {
	/* The date on the bottom of the windowBox */
	padding: 0 0 0 32px;
	color:#fff;
	font-size:0.8em;
	line-height: 1.2em;
	margin: 2px 0;
}

.mijlpaal {margin: 0 0 10px 0;color:#fff;}

#highlight{
	/* The blue highlight that moves with the scroll bar */
	height:30px;
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	
	background:#004984;
	border:1px solid #D4E6EE;
	border-width:0 1px;
}

.clear{
	clear:both;
}