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

body {
	background:					#F3F1F2;
	font-family:				"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 					12px;
}



/* Text */
#content h1 {
	padding:					0 0 70px 0;
	background:					url(../image/bg-h1.png) no-repeat bottom left;
	font:						bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#BA0C6A;
}

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

#content h1.subtitle {
	margin:						0 0 10px 0;
}

#content h2 {
	float:						left;
	padding:					10px;
	background:					#BA0C6A;
	font:						bold 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 > Email button */
#content a.btn-email {
	display:					block;
	overflow:					hidden;
	width:						13px;
	height:						0;
	margin:						5px 0 0 0;
	padding:					9px 0 0 0;
	background:					url(../image/blt-email.gif) no-repeat top left;
}

/* Buttons > Bulleted button */
#content a.blt {
	margin:						5px 0 0 0;
	padding:					0 0 0 28px;
	font:						bold 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;
	display:					inline;
}

#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 3px 0 8px;
	font:						italic 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#666;
	display:					inline;
}


/* 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: 					inline;
	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 3px 8px;
	width: 						282px;
	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);
}

#content div.base div.currentoption
{
	width:					250px;
	height:					17px;
	overflow				hidden;	
}

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

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

input.input-rounded-190px {
	width:						170px;
	background:					url(../image/bg-input-rounded-190px.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;
}

#content select.largedropdown {
	border: 					1px solid #ebebeb;
	padding: 					2px;
	width: 						440px;
	margin: 					0 0 20px;
}




/* 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%;
	background:					#FFF url(../image/bg-body.png) repeat-x;
}

.wrapper {
	width:						980px;
	margin:						0 auto;
}



/* Header */
#header {
	position:					relative;
	height:						102px;
	margin:						0 0 50px 0;
	z-index:					999;
}

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

#header ul.navigation {
	position:					absolute;
	top:						65px;
	right:						0;
	list-style:					none;
	z-index:					999;
}

#header ul.navigation li {
	float:						left;
	margin:						0 15px 0 0;
}

#header ul.navigation li a {
	display:					block;
	overflow:					hidden;
	height:						0;
	margin-top:					13px;
	padding-top:				9px;
	outline:					none;
}

#header ul.navigation li.paddingfix {
	margin-right:				5px;
}

#header ul.navigation li a.btn-nav-home 		{ width:30px; background: url(../image/btn-nav-home.gif) no-repeat top left; }
#header ul.navigation li a.btn-nav-overons 		{ width:49px; background: url(../image/btn-nav-overons.gif) no-repeat top left; }
#header ul.navigation li a.btn-nav-trainingen	{ width:85px; background: url(../image/btn-nav-trainingen.gif) no-repeat top left; }
#header ul.navigation li a.btn-nav-trainers 	{ width:46px; background: url(../image/btn-nav-trainers.gif) no-repeat top left; }
#header ul.navigation li a.btn-nav-video 		{ width:30px; background: url(../image/btn-nav-video.gif) no-repeat top left; }
#header ul.navigation li a.btn-nav-meerweten { 
	width:						119px; 
	margin:						0;
	padding-top:				37px;
	background: 				url(../image/btn-nav-meerweten.gif) no-repeat top left;
	z-index:					999;
}

#header ul.navigation li a:hover,
#header ul.navigation li a.active {
	background-position:		 0 -9px;
}

#header ul.navigation li#meerweten {
	position:					relative;
}

#header ul.navigation li a.btn-nav-meerweten:hover {
	background-position:		0 -74px;
}

#header ul.navigation li.hover a,
#header ul.navigation li.hover a.btn-nav-meerweten:hover {
	background-position:		0 -37px;
}

#header ul.navigation li#meerweten div {
	position:					absolute;
	top:						37px;
	right:						0;
	width:						190px;
	padding:					20px;
	background:					#FFF;
	border:						1px solid #E6E6E6;
	border-top:					0;
	z-index:					999;
}

#header ul.navigation li.hover div {
	background:					#FFF url(../image/bg-meerweten-top.gif) no-repeat top left !important;
}

#header ul.navigation li#meerweten p {
	margin:						0 0 10px 0;
	font-size:					12px;
	color:						#333;
}

#header ul.navigation li#meerweten input.input-rounded {
	margin-bottom:				5px;
}

#header ul.navigation li#meerweten input.input-submit {
	float:						right;
	width:						87px;
	height:						21px;
}



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

#content .center,
#content .centermain {
	float:						left;
	width:						440px;
	height:						1%;
	z-index:					100;
	margin:						0 40px;
	display:					inline;
}

#content .centermain {
	width:						520px;
	margin:						0;
}

/* 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 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 {
	position:					relative;
	margin:						0 0 20px 0;
	z-index:					999;
}

#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: Optie nemen */
#content .sidebar .optienemen,
#content .sidebar .downloadpdf
{
	display:					block;
	margin:						0 0 20px 0;
	padding:					10px 10px 10px 65px;
	background:					#1092b4 url(../image/visual-optie.gif) no-repeat top left;
	font:						14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:			none;
	color:						#FFF;
}
#content .sidebar .downloadpdf
{
	background:					#1092b4 url(../image/pdf-optie.gif) no-repeat top left;
	font-size:					14px !important;
}
#content .sidebar .downloadpdf strong
{
	font-size:					12px !important;
}

#content .sidebar .optienemen strong {
	display:					block;
	font-size:					12px;
}

#content .sidebar .downloadpdf a
{
	font-size:					12px !important;	
}

/* Box: Videotip */
#content .sidebar .videotip
{
	position:					relative;	
}

#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 bottom right;
	font:						11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:			none;
	color:						#FFF;
}

#content .sidebar .videotip .title {
	position:					absolute;
	top:						0px;
	left:						0px;
	width:						69px;
	height:						29px;
	background-color:			#ba0c6a;
	z-index:					99;
}

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

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

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

#content .sidebar .meerinfo ul {
	position:					absolute;
	top:						205px;
	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.overstate {
	background-position:		top right;
}

#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:						#666;
	text-decoration:			none;
	outline:					none;
}

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

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

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

#content .sidebar .meerinfo form input.input-firstname {
	bottom:						214px;
	left:						27px;
	width:						160px;
}

#content .sidebar .meerinfo form input.input-lastname {
	bottom:						182px;
	left:						27px;
	width:						160px;
}

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

#content .sidebar .meerinfo form input.input-phone {
	bottom:						118px;
	left:						27px;
	width:						160px;
}

#content .sidebar .meerinfo form input.input-address {
	bottom:						86px;
	left:						27px;
	width:						160px;
}

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

#content .sidebar .meerinfo form input.input-city {
	bottom:						18px;
	left:						27px;
	width:						160px;
}

#content .sidebar .meerinfo form input.input-submit {
	bottom:						-20px;
	right:						24px;
}



/* Box: Eerstvolgende traingen */
#content .sidebar .eerstetrainingen
{
	overflow-x:					hidden;	
}

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

#content .sidebar .eerstetrainingen div.visual {
	background:					url(../image/visual-eerstetrainingen.gif) no-repeat top left;
	display:					block;
	height:						68px;
	padding:					8px 0 0 5px;
	font:						bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#FFF;	
	text-decoration:			none;
}

/* Box: Hoeverder trainingen */
#content .sidebar .glcels a.visual {
	overflow:					hidden;
	height:						0;
	padding:					76px 0 0 0;
	background:					url(../image/visual-glcels.jpg) no-repeat top left;
}

#content .sidebar .glcels 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 .glcels a.description strong {
	display:					block;
}


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

#content .sidebar .top5 ol li {
	padding:					5px;
	background:					#fcfcfc;
	font-size:					11px;
	font-weight:				bold;
	color:						#666666;
	border-bottom:				1px solid #e7e7e7;
	border-right:				1px solid #e7e7e7;
}

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

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



/* Box: In-company trainingen */
#content .sidebar .incompany a.visual {
	overflow:					hidden;
	height:						0;
	padding:					68px 0 0 0;
	background:					#1092B4 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: Hoeverder trainingen */
#content .sidebar .hoeverder a.visual {
	overflow:					hidden;
	height:						0;
	padding:					68px 0 0 0;
	background:					url(../image/visual-hoeverder.gif) no-repeat top left;
}

#content .sidebar .hoeverder a.description {
	display:					block;
	padding:					10px 50px 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;
}

#content .sidebar .hoeverder 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;
}

#content .sidebar .kalender p.show {
	background-color:			transparent;
	/*text-align:					center;*/
	cursor:						pointer;
	padding-left:				0px;
}


/* 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 {
	display:					inline;
	height:						1%;
	z-index:					999;
} 

#content .sidebar ul.gradient-grey li a {
	display:					inline-block;
	width:						230px;
	height:						17px;
	padding:					6px 0 0 10px; 
	background:					url(../image/bg-gradient-grey-link.gif) no-repeat left -3px;
	font-size:					11px;
	line-height:				11px;
	text-decoration:			none;
	color:						#666;
}
#content .sidebar ul.gradient-grey li a:hover {
	color:						#FFF;
	background-position:		0 -32px;
}

#content .sidebar ul.gradient-grey li ul {
	position:					absolute;
	z-index:					999;
	top:						0;
	left:						230px;
	list-style:					none;
	width:						230px;
	display:					none;
}

#content .sidebar ul.gradient-grey li ul li {
	position:					relative;
	z-index:					999;
}

#content .sidebar ul.gradient-grey li ul li a {
	background:					url(../image/bg-gradient-grey-sublink.gif) repeat top left;
	color:						#666;
	z-index:					999;
}

#content .sidebar ul.gradient-grey li ul li a:hover {
	background:					url(../image/bg-gradient-grey-sublink.gif) repeat -29px left;
	color:						#BA0C6A;
}

#content .sidebar ul.gradient-grey li ul.floating-menu {
	width:						460px;
}

#content .sidebar ul.gradient-grey li ul.floating-menu li {
	display:					block;
	width:						230px;
	margin:						0;
	float:						left;
}



/* 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;
	height:						1%;
	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;
}

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

#content .center div.sale {
	position:					relative;
	float:						left;
	width:						58px;
	height:						1px;
	color:						#FFF;	
	font-size:					11px;
	font-weight:				bold;
	text-align:					center;
	z-index:					20;
	margin-left:				4px;
}

#content .center div.sale div {
	line-height:				13px;
	position: 					absolute;
	top: 						-23px;
	right: 						0;
	padding:					12px 0 0 0;	
	width:						58px;
	height:						45px;
}

#content .center .detail-list div.sale {
	position:					absolute;
	left:						auto;
	right:						440px;
	top:						-20px;
	font-size:					13px;
	padding:					20px 0 0;
	letter-spacing:				-1px;	
}
#content .center .detail-list div.sale.big {
font-size:13px;
height:56px;
left:auto;
letter-spacing:-1px;
padding:15px 0 0;
right:20px;
top:-19px;
vertical-align:middle;
width:71px;
z-index:20;
line-height: 18px;
}
#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;
}

/* 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 {
	padding:					10px 0px 10px 0;
	border-bottom:				1px solid #F0F0F0;
	font:						bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#666;
	position:					relative;
}

#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 dd div.smallbuttons {
	position: 					absolute;
	right: 						0;
	top: 						8px;
}

#content .center dl.resultlist dd span.newtraining {
	display: 					block;
	float: 						left;
	background: 				url(../image/label_new_small.png) no-repeat left top;
	width: 						45px;
	height: 					12px;
	margin-top:					4px;	
}
#content .center dl.resultlist dd span.els {
	display: 					block;
	float: 						left;
	background: 				url(../image/label_els.png) no-repeat left top;
	width: 						26px;
	height: 					12px;
	margin-right: 				4px;
	margin-top:					4px;	
}
#content .center dl.resultlist dd span.glc {
	display: 					block;
	float: 						left;
	background: 				url(../image/label_glc.png) no-repeat left top;
	width: 						28px;
	height: 					12px;
	margin-right: 				4px;
	margin-top:					4px;
}

#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:						210px;
	height:						76px;
	margin:						0 0 5px 0;
	padding:					10px 0px 10px 10px;
	cursor:						pointer;
	overflow:					hidden;
}

#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:						120px;
	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;
}

#content .center .videolist li .flashdata
{
	display:					none;
}

#content .center .videolist li a
{
	text-decoration:			none;
}

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

.videobox {
	position:					relative;
	width:						440px;
	height:						335px;
	margin:						0 auto;
	background:					#FFF;
	overflow:					hidden;
}

.videobox .title {
	height:						30px;
	width:						423px;
	background:					#FFF;
	text-align:					left;
	padding:					10px 0 0 17px;
	font-weight:				bold;
	color:						#2B305A;
}

.videobox .close {
	position:					absolute;
	top:						10px;
	right:						8px;	
}


/* 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;
}



/* Content: Videodetail contentdiv */
#content .center .details {
	margin:						30px 0 0 0;
}



/* Flash videobox */
#content .center #flash {
}

#content .center p.description {
	margin:						5px 0 20px 0;
	font:						11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	text-align:					right;		
	color:						#999;
}



/* Paginator */
#content p.paginate {
	margin:						0 0 5px 0;
}

#content ul.paginator {
	position:					relative;
	list-style:					none;
	margin:						0 auto;
	width:						100%;
	padding:					5px 0 0 0;
	text-align:					center;
	border-top:					1px solid #E5E5E5;
}

#content ul.paginator li {
	display:					inline;
	padding:					0 6px 0 2px;
	font:						11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:						#999;
	border-right:		        1px solid #EDEDED;
}

#content ul.paginator li.last,
#content ul.paginator li.navigate {
	border-right:		        0;
	padding-right:		        0;
}

#content ul.paginator li a {
	color:						#666;
	font-weight:		        bold;
	text-decoration:	        none;
}

#content ul.paginator li a.active {
	font-weight:		        bold;
	text-decoration:	        none;
}

#content ul.paginator li a:hover {
	color:						#1092B4;
	text-decoration:	        none;
}

#content ul.paginator li.navigate {
	position:					absolute;
	top:						9px;
}

#content ul.paginator li.previous {
	left:						0;
}

#content ul.paginator li.next {
	right:						0;
}

#content ul.paginator li.navigate a {
	font-weight:		        bold;
	color:						#1092B4;
	text-decoration:	        none;
}

#content ul.paginator li.navigate a:hover {
	text-decoration:	        underline;
}

#content ul.paginator li.disabled,
#content ul.paginator li.disabled *,
#content ul.paginator li .disabled,
#content ul.paginator li .disabled * {
	color:						#999 !important;
}




/* Footer */
#footer {
	height:						20px;
	margin:						50px 0 0 0;
	padding:					30px 0;
	background:					#F3F1F2;
	font-size:					12px;
}

#footer a {
	text-decoration:			none;
}

#footer p {
	float:						left;
	color:						#999;
} 

#footer p a {
	color:						#BA0C6A;
}

#footer p em {
	color:						#666;
}

#footer span {
	float:						right;
	color:						#999;
}

#footer span a {
	color:						#666;
}

div.usercontent
{
	margin:						0;
	padding:					0 0 15px 0;
	color:						#666;
	font-size:					12px;
}

div.usercontent ul
{
	list-style-type:			none;	
}

div.usercontent ul li
{
	background-image:			url(../image/list-item-1.gif);
	background-repeat:			no-repeat;
	padding:					0 0 0 15px;
}

div.usercontent ul li.style2
{
	background-image:			url(../image/list-item-2.gif);
	background-position:		15px 3px;
	padding-left:				30px;
}

.buttons .btn-search
{
	padding-right:				10px;
	float:						left;	
}

#show-saf-bottom
{
	outline:					none;	
}

.hidden,
.hibbem
{
	display:					none !important;
}

.error
{
	color:						#BA0C6A !important;	
}

div.trainerdetailtitle
{
	color:						#666666 !important;
	font-size:					12px;
	font-weight:				bold;
	padding:					40px 0 0 0;
}

ul.trainerdetail
{
	list-style-type:			none;
	border-top:					1px solid #f0f0f0;
}

ul.trainerdetail li
{
	border-bottom:				1px solid #f0f0f0;
}

ul.trainerdetail li a
{
	color:						#666666 !important;
	font-size:					12px;	
}

form.more input
{
	font-size:					11px;
	color:						#999;	
}

.saf-example
{
	border:						1px solid #EBEBEB;
	margin:						0 0 25px 0;
}

div.inputerror
{
	color:						#BA0C6A;
	padding:					5px 0 2px 0;
}

.jsbutton
{
	display:					none !important;	
}

table.about
{
	margin:						0 0 10px 0;
}

table.about td
{
	width:						200px;
}

table.about td.rank
{
	color:						#BA0C6A;
	width:						20px;
}

#content p.motto
{
	padding:					10px 0 0 35px;
	font-size:					16px;
	font-family:				Georgia;
	font-style:					italic;
	width:						350px;
	line-height:				24px;
}

dl.resultlist span.monthsale
{
	color:						#BA0C6A;
	display:inline-block;
	float:left;
	height:12px;
	margin-top:2px;
	margin-right: 5px;
}

div#noscript
{
	background-color:			#fff;
	padding:					15px;
	text-align:					center;
	margin:						0 0 15px 0;
	color:						#666;
	border:						1px solid #ba0c6a;
}

span.required
{
	color:						#BA0C6A;
}

#content .sidebar .searchblock
{
	margin-top:					43px;
	margin-top:					0;	
}

#content h3.form
{
	color:						#BA0C6A;
	padding:					5px 0 5px 0;
}

#content p.subtitle
{
	font-weight:				bold;
	color:						#666666;
}



table.trainingoverview {
}
table.trainingoverview tr th {
	background: 				#BA0C6A;
	text-align: 				left;
	padding: 					6px 10px;
	color: 						#fff;
	border-top: 				10px solid #fff;
}
table.trainingoverview tr th a {
	color: 						#fff !important;
	text-decoration: 			none;
}
table.trainingoverview tr td {
	border-bottom: 				1px solid #999;
	text-align: 				left;
	padding: 					6px 10px;
	color: 						#fff;
}