@charset "utf-8";
* {
	margin:						0;
	padding:					0;
	border:						0;
}

body {
	background:					#FFFFFF;
	font-family:				"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Text */
#content h1 {
	padding:					0 0 70px 0;
	font:						bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#BA0C6A;
}

#content h1.plain {
	margin:						0 0 30px 0;
	padding:					0;
	background:					none;
}

#content h2 {
	float:						left;
	padding:					10px;
	background:					#BA0C6A;
	font:						bold italic 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#FFF;
}

#content .box h2 {
	font-size:					14px;
	padding:					7px 10px;
}

#content h3 {
	font:						bold 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#333;
}

#content h4 {
	margin:						0 0 5px 0;
	font:						italic 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#B2B2B2;
}

#content h5 {
	margin:						0 0 5px 0;
	font:						bold 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#333;
}

#content h6 {
	margin:						0 0 20px 0;
	font:						bold 22px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#2B305A;
}

#content p {
	margin:						0 0 20px 0;
	font:						12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#666;
}

#content p.attention {
	font-weight:				bold;
	color:						#BA0C6A;
}

#content a {
	color:						#1092B4;
}

/* Buttons */
#content a.btn {
	overflow:					hidden;
	display:					block;
	height:						0;
}

#content  a.btn-klikhier {
	width:						82px;
	padding-top:				29px;
	background:					url(../image/btn-klikhier.gif) no-repeat top left;
}


/* Buttons > Rounded blue */
#content a.btn-roundedblue {
	float:						left;
	display:					block;
	height:						29px;
	margin:						0 5px 0 0;
	padding:					0 17px 0 0;
	background:					url(../image/btn-roundedblue-right.gif) no-repeat top right;
	font-size:					11px;
	font-weight:				bold;
	text-decoration:			none;
	text-transform:				uppercase;
	color:						#FFF;
}

#content a.btn-roundedblue span {
	display:					block;
	float:						left;
	height:						22px;
	padding:					7px 0 0 17px;
	background:					url(../image/btn-roundedblue-left.gif) no-repeat top left;
}

/* Buttons > Rounded blue > Back */
#content a.btn-back span {
	text-align:					right;
	padding-left:				35px;
	background:					url(../image/btn-roundedblue-back.gif) no-repeat top left;
}

/* Buttons > Rounded blue > Forward */
#content a.btn-forward {
	background:					url(../image/btn-roundedblue-forward.gif) no-repeat top right;
}

#content a.btn-forward span {
	padding-right:				17px;
}

/* Buttons > Rounded blue > Smaller */
#content a.btn-small {
	height:						25px;
	background:					url(../image/btn-roundedblue-small-forward.gif) no-repeat top right;
}

#content a.btn-small span {
	height:						20px;
	padding:					5px 12px 0 12px;
	background:					url(../image/btn-roundedblue-small-left.gif) no-repeat top left;
}

/* Buttons > Rounded blue > Grey button remove */
#content a.btn-remove {
	padding:					0 20px 0 0;
	color:						#666;
	background:					url(../image/btn-roundedgrey-remove.gif) no-repeat top right;
}

#content a.btn-remove span {
	padding-right:				10px;
	background:					url(../image/btn-roundedgrey-left.gif) no-repeat top left;
}

/* Buttons > Bulleted button */
#content a.blt {
	margin:						5px 0 0 0;
	padding:					0 0 0 28px;
	font:						bold italic 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:			none;
	color:						#BA0C6A;
}

#content a.btn-arrow {
	background:					url(../image/blt-roundedarrow-white.gif) no-repeat 0 0;
}

#content a.btn-min {
	background:					url(../image/blt-min.gif) no-repeat 0 0;
}

#content a.btn-plus {
	background:					url(../image/blt-plus.gif) no-repeat 0 0;
}



/* Forms */
#content form {
	font-size:					12px;
	color:						#999;
}

#content form.inschrijven {
	margin:						40px 0 0 0;
}

#content input {
	color:						#999;
}

#content input.input-radio {
	margin:						0 0 10px 0;
}

#content .buttons {
	margin:						20px 0;
}

#content .check-radio {
	margin:						0 0 20px 0;
	padding:					5px 0;
}

#content p.note {
	font-style:					italic;
}

/* Forms > Labels */
#content label.label-regular {
	float:						left;
	position:					relative;
	display:					block;
	width:						135px;
	margin:						0 15px 5px 0;
	font:						italic 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#666;
}

#content label.label-bordered {
	padding:					5px 0;
	border-bottom:				1px solid #EBEBEB;
}

#content label.label-large {
	font-size:					14px;
	font-weight:				bold;
	font-style:					normal;
	color:						#333;
}

#content label span {
	position:					absolute;
	top:						5px;
	right:						0;
	color:						#BA0C6A;
}

#content span.sublabel {
	float:						left;
	margin:						5px 12px 0 8px;
	font:						italic 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#666;
}


/* Forms > Custom dropdown */
#content select.select {
	position:					relative;
	margin-right:				5px;
	display:					block;
	width:						176px;
	height:						23px;
	border: 					1px solid #000;
}

#content div.base,
#content div.base-75px,
#content div.base-106px,
#content div.base-440px {
	float:						left;
	position: 					relative;
	display: 					block;
	width:						290px;
	height: 					25px;
	margin:						5px 0 10px 0;
	background-image:			url(../image/bg-select-rounded.gif);
	cursor:						pointer;
	font:						12px Arial, Helvetica, sans-serif;
	color:						#333;
}

#content div.base div.options,
#content div.base-75px div.options,
#content div.base-106px div.options,
#content div.base-440px div.options {
	position: 					absolute;
	top: 						28px;
	left: 						0px;
	display: 					none;
	width: 						290px;
	padding:					5px 0 0 0;
	overflow: 					hidden;
	z-index: 					2;
	background:					#FFF;
	border:						1px solid #EBEBEB;
}

#content div.base div.currentoption,
#content div.base-75px div.currentoption,
#content div.base-106px div.currentoption,
#content div.base-440px div.currentoption {
	position: 					absolute;
	top: 						0px;
	left: 						0px;
	display: 					block;
	padding:					3px 0px 0px 8px;
	width: 						282px;
	height: 					22px;
	overflow: 					hidden;
	z-index: 					10;
	color: 						#666;
}

#content div.base div.item,
#content div.base-75px div.item,
#content div.base-106px div.item,
#content div.base-440px div.item {
	display: 					block;
	padding:					3px 0px 0px 8px;
	width: 						282px;
	height: 					22px;
	color: 						#666;
	cursor:						pointer;
	overflow:					hidden;
}

#content div.base div.item_hover,
#content div.base-75px div.item_hover,
#content div.base-106px div.item_hover,
#content div.base-440px div.item_hover {
	color: 						#000;
}
	
	#content div.base-75px div.options,
	#content div.base-75px div.currentoption,
	#content div.base-75px div.item,
	#content div.base-75px {
		width:					75px;
	}
	
	#content div.base-106px div.options,
	#content div.base-106px div.currentoption,
	#content div.base-106px div.item,
	#content div.base-106px {
		width:					106px;
	}
	
	#content div.base-440px div.options,
	#content div.base-440px div.currentoption,
	#content div.base-440px div.item,
	#content div.base-440px {
		width:					440px;
	}

	#content div.base-75px {
		background-image:		url(../image/bg-select-rounded-75px.gif);
	}
	#content div.base-106px {
		background-image:		url(../image/bg-select-rounded-106px.gif);
	}
	#content div.base-440px {
		background-image:		url(../image/bg-select-rounded-440px.gif);
	}

/* Forms > Rounded inputs */
#content input.input-rounded {
	width:						270px;
	height:						17px;
	padding:					4px 10px;
	background:					url(../image/bg-input-rounded.gif) no-repeat top right;
}

#content input.input-rounded-71px {
	width:						51px;
	background:					url(../image/bg-input-rounded-71px.gif) no-repeat top right;
}

/* Forms > Rounded searchbox */
#content div.rounded-440px {
	position:					relative;
	width:						440px;
	height:						25px;
	margin:						0 0 5px 0;
	background:					url(../image/bg-input-rounded-440px.gif) no-repeat top left;
}

#content div.rounded-440px input {
	position:					absolute;
	top:						5px;
}

#content div.rounded-440px input.input-regular {	
	left:						10px;
	width:						400px;
}

#content div.rounded-440px input.input-submit {
	top:						7px;
	right:						6px;
	width:						13px;
	height:						13px;
}



/* Global */
.clear {
	clear:						both;
	height:						0;
	font:						0/0 serif;
}

.floatLeft 						{ float: left !important; }
.floatRight						{ float: right !important; }

#container {
	position:					absolute;
	top:						0;
	left:						0;
	width:						100%;
}

.wrapper {
	margin:						0 auto;
}



/* Header */
#header {
	position:					relative;
	height:						102px;
	margin:						0 0 100px 0;
}

#header h1 a {
	position:					absolute;
	top:						50px;
	left:						0;
	display:					block;
	overflow:					hidden;
	width:						185px;
	height:						0;
	padding:					52px 0 0 0;
	background:					url(../image/logo.gif) no-repeat top left;
}

#header ul.navigation {
	position:					absolute;
	top:						50px;
	right:						0;
	list-style:					none;
}

#header ul.navigation li {
	float:						left;
}



/* Content */
#content .sidebar {
	float:						left;
	width:						230px;
}

#content .center {
	position:					relative;
	float:						left;
	width:						440px;
	margin:						0 40px;
}



/* Boxes: Global styles */
#content .box {
	margin:						0 0 20px 0;
}

#content .sidebar a.visual {
	display:					block;
	height:						68px;
	padding:					8px 0 0 5px;
	font:						bold italic 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#FFF;	
	text-decoration:			none;
}

#content .sidebar a.more-link {
	float:						right;
	margin:						5px 0 0 0;
	font-size:					11px;
	color:						#666;
	text-decoration:			none;
}



/* Box: Trainingen */
#content .sidebar .trainingen {
	margin:						0 0 20px 0;
}

#content .sidebar .trainingen h2 {
	float:						none;
	text-align:					center;
}

#content .sidebar .trainingen form {
	position:					relative;
	display:					block;
	height:						39px;
	background:					url(../image/bg-trainingen-searchbox.gif) no-repeat top left;
}

#content .sidebar .trainingen form input.input-regular {
	position:					absolute;
	top:						9px;
	left:						20px;
	width:						180px;
	padding:					4px 0;
	font-size:					11px;
	color:						#999;
}

#content .sidebar .trainingen form input.input-submit {
	position:					absolute;
	top:						13px;
	right:						15px;
	width:						13px;
	height:						13px;
}



/* Box: Videotip */
#content .sidebar .videotip a.visual {
	background:					url(../image/visual-videotip.gif) no-repeat top left;
}

#content .sidebar .videotip a.description {
	display:					block;
	padding:					10px 80px 10px 10px;
	background:					#2B305A url(../image/blt-roundedarrow.gif) no-repeat 196px 23px;
	font:						11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:			none;
	color:						#FFF;
}



/* Box: Informeer mij verder */
#content .sidebar .meerinfo {
	position:					relative;
	padding:					15px 15px 108px 15px;
	background:					#2B305A url(../image/bg-meerinfo-form.gif) no-repeat bottom left;
}

#content .sidebar .meerinfo h3 {
	font-style:					italic;
	color:						#FFF;
}

#content .sidebar .meerinfo p {
	color:						#FFF;
}

#content .sidebar .meerinfo ul {
	position:					absolute;
	bottom:						92px;
	left:						0;
	list-style:					none;
	display:					block;
	width:						230px;
	height:						26px;
	background:					url(../image/bg-meerinfo-tabs.gif) no-repeat top left;
}

#content .sidebar .meerinfo ul li {
	float:						left;
	width:						100px;
	padding:					5px 0 0 10px;
	font-size:					12px;
	color:						#CCC;
}

#content .sidebar .meerinfo ul li a {
	font-weight:				bold;
	color:						#BA0C6A;
	text-decoration:			none;
}

#content .sidebar .meerinfo ul li.active a {
	color:						#666;
}

#content .sidebar .meerinfo form {
	position:					absolute;
	bottom:						0;
	left:						0;
	display:					block;
	width:						230px;
	height:						92px;
}

#content .sidebar .meerinfo form input {
	position:					absolute;
	font-size:					11px;
	color:						#999;
}

#content .sidebar .meerinfo form input.input-name {
	bottom:						54px;
	left:						27px;
}

#content .sidebar .meerinfo form input.input-email {
	bottom:						22px;
	left:						27px;
}

#content .sidebar .meerinfo form input.input-submit {
	bottom:						19px;
	right:						24px;
	width:						21px;
	height:						21px;
}



/* Box: Eerstvolgende traingen */
#content .sidebar .eerstetrainingen a.visual {
	background:					url(../image/visual-eerstetrainingen.gif) no-repeat top left;
}



/* Box: Top 5 */
#content .sidebar .top5 ol {
	list-style-position:inside;
}

#content .sidebar .top5 ol li {
	padding:					5px;
	background:					#3A3F66;
	font-size:					11px;
	font-weight:				bold;
	color:						#FFF;
}

#content .sidebar .top5 ol li.dark {
	background:					#2B305A;
}

#content .sidebar .top5 ol li a {
	font-size:					11px;
	font-weight:				bold;
	color:						#FFF;
	text-decoration:			none;
}



/* Box: In-company trainingen */
#content .sidebar .incompany a.visual {
	overflow:					hidden;
	height:						0;
	padding:					68px 0 0 0;
	background:					url(../image/visual-incompany.gif) no-repeat top left;
}

#content .sidebar .incompany a.description {
	display:					block;
	padding:					10px 50px 10px 10px;
	background:					#1092b4 url(../image/blt-roundedarrow-light.gif) no-repeat 196px 23px;
	font:						11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:			none;
	color:						#FFF;
}

#content .sidebar .incompany a.description strong {
	display:					block;
}



/* Box: Kalender */
#content .sidebar .kalender a.visual {
	background:					url(../image/visual-kalender.gif) no-repeat top left;
}

#content .sidebar .kalender p {
	display:					block;
	margin:						0;
	padding:					10px;
	background:					#2B305A;
	font:						11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:			none;
	color:						#FFF;
}

#content .sidebar .kalender ul.training-list li {
	border-left:				3px solid #73B111;
}

#content .sidebar .kalender ul.training-list li.reserve {
	border-left:				3px solid #F9CA00;
}

#content .sidebar .kalender .legenda  {
	height:						26px;
	padding:					7px 15px 0 17px;
	background:					url(../image/bg-legenda.gif) no-repeat top left;
}

#content .sidebar .kalender .legenda p {
	float:						left;
	padding:					0 0 0 15px;
	font-size:					12px;
	color:						#999;
}

#content .sidebar .kalender .legenda p.green {
	margin:						0 25px 0 0;
	background:					url(../image/blt-square-green.gif) no-repeat 0 5px;
}

#content .sidebar .kalender p.yellow {
	background:					url(../image/blt-square-yellow.gif) no-repeat 0 5px;
}



/* Box: Gerelateerde trainingen */
#content .sidebar .gerelateerd ul.plain-grey li {
	height:						31px;
}

#content .sidebar .gerelateerd ul.plain-grey li a {
	height:						21px;
	background:					url(../image/bg-gradient-grey-bullet.gif) no-repeat top left;
	font-weight:				bold;
}



/* List: Grey gradient */
#content .sidebar ul.gradient-grey {
	list-style:					none;
}	

#content .sidebar ul.gradient-grey li {
	height:						29px;
} 

#content .sidebar ul.gradient-grey li a {
	display:					block;
	height:						19px;
	padding:					10px 0 0 10px; 
	background:					url(../image/bg-gradient-grey-link.gif) no-repeat top left;
	font-size:					11px;
	line-height:				11px;
	text-decoration:			none;
	color:						#666;
}



/* List: Grey Plain */
#content .sidebar ul.plain-grey {
	list-style:					none;
}

#content .sidebar ul.plain-grey li {
	height:						30px;
} 

#content .sidebar ul.plain-grey li a {
	display:					block;
	height:						20px;
	padding:					10px 0 0 10px; 
	background:					url(../image/bg-gradient-grey-plain.gif) no-repeat top left;
	font-size:					11px;
	line-height:				11px;
	text-decoration:			none;
	color:						#999;
}

#content .sidebar ul.plain-grey li a {
	color:						#666;
}



/* List: Detail list */
#content .center ul.detail-list {
	list-style:					none;
	margin:						0 0 20px 0;
}

#content .center ul.detail-list li {
	position:					relative;
	padding:					5px 0 5px 110px;
	font-size:					12px;
	color:						#666;
	border-bottom:				1px solid #EBEBEB;
}

#content .center ul.detail-list li span {
	position:					absolute;
	top:						5px;
	left:						0;
	font-weight:				bold;
}

#content .center ul.detail-list li a {
	text-decoration:			none;
	color:						#BA0C6A;
}

#content .center ul.detail-list li a.places {
	font-weight:				bold;
	color:						#2B305A;
}



/* List: Tab list */
#content .center ul.tab-list {
	list-style:					none;
	height:						27px;
	margin:						0 0 20px 0;
	background:					url(../image/bg-tablist.gif) repeat-x bottom left;
	border-left:				1px solid #EBEBEB;
}

#content .center ul.tab-list li {
	float:						left;
	height:						27px;
}

#content .center ul.tab-list li a {
	display:					block;
	width:						104px;
	height:						21px;
	padding:					5px 10px 0 0;
	background:					url(../image/bg-tab.gif) no-repeat top left;
	font-size:					12px;
	text-decoration:			none;
	color:						#999;
	outline:					none;
}

#content .center #details-toggle
{
	outline:					none;	
}

#content .center ul.tab-list li.first a {
	width:						94px;
	padding-left:				10px;
}

#content .center ul.tab-list li.last a {
	background:					url(../image/bg-tab-last.gif) no-repeat top left;
}

#content .center ul.tab-list li a.active {
	color:						#BA0C6A;
}



/* List: Image list */
#content .center ul.img-list {
	list-style:					none;
	height:						73px;
	margin:						0 0 20px 0;
}

#content .center ul.img-list li {
	float:						left;
	margin:						0 10px 0 0;
}



/* List: Trainingen list (gradient + arrow) */
#content .sidebar .box ul.training-list {
	list-style:					none;
}

#content .sidebar .box ul.training-list li a {
	display:					block;
	padding:					7px 15px 5px 15px;
	background:					#2B305A url(../image/bg-eerstetrainingen-link.gif) no-repeat bottom right;
	font:						11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:			none;
	color:						#999;
}

#content .sidebar .box ul.training-list li a strong {
	display:					block;
	color:						#666;
}



/* List: Searchresult list */
#content .center dl.resultlist {
	list-style:					none;
	margin:						0 0 20px 0;
}

#content .center dl.resultlist dt,
#content .center dl.resultlist dd {
	position:					relative;
	padding:					5px 200px 5px 0;
	border-bottom:				1px solid #F0F0F0;
	font:						bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#666;
}

#content .center dl.resultlist dt div {
	cursor:						pointer;
}

#content .center dl.resultlist dt,
#content .center dl.resultlist dt .date,
#content .center dl.resultlist dt .location {
	font-weight:				bold;
	font-style:					normal;
	color:						#333;
	text-decoration:			none;
}

#content .center dl.resultlist dd a {
	color:						#666;
	text-decoration:			none;
}

#content .center dl.resultlist .training {
	display:					inline;
}

#content .center dl.resultlist .date {
	position:					absolute;
	top:						4px;
	left:						250px;
	width:						60px;
	color:						#999;
}

#content .center dl.resultlist dd .date {
	width:						75px;
}

#content .center dl.resultlist .location {
	position:					absolute;
	top:						5px;
	right:						5px;
	width:						80px;
	font-weight:				100;
	font-style:					italic;
	color:						#999;
}

#content .center dl.resultlist dt .sort-up {
	padding-right:				15px;
	background:					url(../image/blt-sort-up.gif) no-repeat right 6px;
}

#content .center dl.resultlist dt .sort-down {
	padding-right:				15px;
	background:					url(../image/blt-sort-down.gif) no-repeat right 6px;
}



/* List: Video list */
#content .center .videolist {
	list-style:					none;
}

#content .center .videolist li {
	float:						left;
	width:						200px;
	height:						76px;
	margin:						0 0 5px 0;
	padding:					10px;
	cursor:						pointer;
}

#content .center .videolist li.hover {
	background:					url(../image/bg-videolist.gif) no-repeat top left;
}

#content .center .videolist li .details {
	float:						left;
	display:					block;
	width:						110px;
	margin:						0;
	font:						12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#999;
}

#content .center .videolist li .details strong {
	color:						#666;
}

#content .center .videolist li .visual,
#content .center .videolist li .visual:hover {
	float:						left;
	display:					block;
	width:						76px;
	height:						76px;
	margin:						0 10px 0 0;
	background-position:		top left;
}

#content .center .videolist li.hover .visual {
	background-position:		top right;
}



/* Popup: Videobox */
#content .center .videobox {
	z-index:					999;
	position:					absolute;
	top:						-20px;
	left:						-20px;
	width:						530px;
	height:						500px;
	background:					#FFF;
}



/* Content: Expertise */
#content .center .expertise {
	position:					relative;
	width:						394px;
	margin:						0 auto;
}

#content .center .expertise .type {
	position:					absolute;
	top:						308px;
	left:						120px;
	width:						290px;
	height:						65px;
	background:					#29305A;
}

#content .center .expertise .type h2 {
	float:						none;
}

#content .center .expertise .type p {
	float:						left;
	padding:					5px 10px 0 10px;
	font-size:					12px;
	color:						#FFF;
}

#content .center .expertise .type a.btn-klikhier {
	float:						right;
}

#content .center .expertise .choose {
	position:					relative;
	width:						200px;
	margin:						0 auto;
	text-align:					center;
}

#content .center .expertise .choose a {
	display:					block;
	height:						35px;
	padding:					7px 0 0 0;
	background:					url(../image/bg-expertise-link.gif) no-repeat top left;
	font:						bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#666;
	text-transform:				uppercase;
	text-decoration:			none;
	text-align:					center;
}



#header,
#content .sidebar,
#footer,
div.buttons,
#details-toggle
{
	display:none;	
}

#content .center ul.overview {
	margin:						20px 0 20px 0;
}

#content .center ul.overview li {
	position:					relative;
	padding:					5px 0 5px 165px;
	font-size:					12px;
	color:						#666;
	border-bottom:				1px solid #EBEBEB;
}

#content .center ul.overview li span {
	font-style:					italic;
	color:						#666666;
	font-size:					12px;
	font-weight:				normal;
}

#content .center ul.detail-list .content
{
	position:					relative;
	color:						#999999;
	top:						0px;	
}