/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background-color:#E5E5E5;
	
	background:#E5E5E5 url(../gfx/background.gif) top center no-repeat;
	}
	
img, div, span{ behavior: url(css/iepngfix.htc);}
img {border:none;}
	
body, table, th, td, p, input, textarea, select {
	font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#535355;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	} 
* {
	/*color:#535355;*/
	line-height:15px;
	}
form {
	margin:0px;
	}
input,
select {
	vertical-align:middle;
	}
/*a {color:#005CAF;}*/
/*.contentBlock a {
	color:#a2a4a7;
	text-decoration:none;
}*/
/*.contentBlock a:hover {text-decoration:underline;}*/
.mainContent a, .mainContent a * {color:#005CAF; text-decoration:underline;}

.mainContent div.social a span {
    color:#333 !important;
    text-decoration:none !important;
}

.mainContent strong {color:#535355;}

.mainContent .body IMG 
{
    padding:0 16px 8px 0;
}
.mainContent .body IMG[align="right"] 
{
    padding:0 0 8px 16px;
}
a:focus {outline:none;}
h1 {
	font-size:18px;
	}
h1 span {
	font-weight:normal;
	color:#A2A4A7;
	font-size:13px;
	}
h2 {font-size:12px !important; }
h3 {font-size:12px !important;}
h4 {}
h5 {}
h6 {}	

p {
	margin:0 0 0 0;
	padding:0 0 15px 0;
	display:block;
	}


ol {list-style:decimal;list-style-position:outside;}
ul {
	background:transparent;
	/*list-style:none;*/
	list-style:disc ;
	/*margin:0 0 0 35px;
	margin:0 0 0 0;
	padding:0 0 0 0;*/
	/*display:block;*/
	}

li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*display:block;*/
	/*background:transparent url(../gfx/min-dgrijs.gif) 0px 8px no-repeat;*/
	}
ul ul,
li li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	
.sitemap ul ul {
	padding:0 0 0 10px;
	}
.sitemap ul ul a 
{
	margin:0 0 0 8px;
	}
th {
	text-align:left;
}

.keuzemenu ul
{
    margin:0;padding:0;
    list-style:none;
}
ul#legend 
{   margin:0;padding:0;
    list-style:none;
}
.courseOverviewTable ul 
{
    list-style:none;
}
/* ============================================================	*/ 
/* ========	SOCIAL		===============================	*/
/* ============================================================	*/ 

.menuMarginNoLinks .social {margin-right:25px;}
.menuMargin .social { margin-right:0px;}
.social { float:right;margin-bottom:25px; margin-top:27px;}
.social div
{
    float:left;
    padding-left:8px;
}
/* ============================================================	*/ 
/* ========	ZOEKRESULTATEN		===============================	*/
/* ============================================================	*/ 


div.information span.zoekwoord {
	color:red;
	}
div.zoekresultaten {
	
	}
	
div.zoekresultaten table,
div.zoekresultaten table td {
	border:0px solid #FFFFFF !important;
	}
div.zoekresultaten div.border {
	padding:10px 0 10px 0;
	overflow:hidden;
	}
	
div.zoekresultaten .heading {
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;
	display:block;
	}
div.zoekresultaten .heading span {
	text-decoration:underline;
	}
div.zoekresultaten span.productaanbod {color:#78B901;}
div.zoekresultaten span.praktijkleren {color:#B70B9B;}
div.zoekresultaten span.onderwijs {color:#7A54C5;}
div.zoekresultaten span.werkgevers {color:#E55302;}
div.zoekresultaten span.werknemers {color:#AC1A2F;}
div.zoekresultaten span.overgoc {color:#EA4194;}

span.zoekwoord {
	color:#005CAF;
	}
div.zoektermen {
	margin:0 0 0 8px;
	line-height:15px;
	}
div.zoektermen a {
	display:block;
	clear:both;
	color:#1F6EB6;
	text-decoration:none;
	}
	div.zoektermen a:hover {
		text-decoration:underline;
		}
div.zoektermen span.border {
	display:block;
	border-top:1px solid #A6A6A6;
	border-bottom:1px solid #A6A6A6;
	padding:10px 0 10px 0;
	overflow:hidden;
	position:relative;
	top:-1px;
	}
	
.zoekenIn {
	margin:0 175px 0 0px;
	padding:20px 30px 5px 30px;
	overflow:hidden;
	}
	.siteSearch {
		padding:10px 0 0 0;
		clear:left;
		overflow:hidden;
		}
	.categorien {
		margin:0 175px 0 0px;
		padding:20px 0px 20px 30px;
		background-color:#E5E5E5;
		overflow:hidden;
		}
		.categorien table {
			margin:0 0 0 0px;
			#margin:0 0 0 -4px;
			}
		.categorien table td {
			padding:0 5px 0 0;
			height:20px;
			}
		.categorien input {
			margin:0 0 0 0;
			}
		.categorien label {
			padding:0 0 0 3px;
			#padding:0 0 0 0px;
			position:relative;
			top:2px;
			#top:1px;
			}
	.zoekenIn table {
		table-layout:fixed;
		background-color:#E5E5E5;
		}
	.zoekenIn table td {
		padding:0 10px 0 0;
		vertical-align:top;
		}
	.zoekenIn strong {
		display:block;
		}

.resultatenPaginas {
	border-top:10px solid #FFFFFF;
	line-height:33px;
	background-color:#E5E5E5;
	margin-left:-30px;
	margin-right:-15px;
	padding:4px 20px 4px 0;
	text-align:right;
	height:32px;
	}
.resultatenPaginas a {
	color:#737578;
	text-decoration:none;
	font-size:12px;
	}
.resultatenPaginas a:hover {text-decoration:underline}
.resultatenPaginas a:hover,
.resultatenPaginas a.selected {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:987px;
	min-height:100%;
	_height:100%;
	text-align:left;
	background-color:#FFFFFF;
	}
	/*
#aspnetForm 
{
	display:block;
	position:relative;
	width:100%;
	overflow:hidden;
	min-height:100%;
	}*/

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

/* delete by wenbin
div.flashHeader {
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
	}
div.flashIntro_alternative 
{
	cursor:default;
	background:#396281 url('../gfx/intro_alt.jpg') top left no-repeat;
	width:987px;
	height:274px;
}
div.flashIntro_alternative IMG 
{
	position:absolute;
	right:24px;
	bottom:24px;
}*/

div.header {
	height:88px;
	}
	div.header img {
		display:block;
		position:absolute;
		top:14px;
		left:27px;
		}
		
div#printHeader 
{
    display:none;
}

div#printFooter 
{
    display:none;
}

div.favorieten {
	position:absolute;
	top:70px;
	right:40px;
	border:solid 1px #DEDEDE;
	background-color:#ffffff;
	z-index:9999;
	display:none;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;		
	}
	div.favorieten div.link 
	{
		display:block;
		padding:0;
		margin:0;
		clear:both;
	}
	div.favorieten a.href
	{
		
		
		color:#555555;
		text-decoration:none;
		padding: 1px 10px 3px 3px;
		}
		
	div.favorieten a.href:hover {
		background-color:#999999;
		color:#efefef;
		}
		
	div.favorieten a.delete 
	{	
		float:left;
		text-decoration:none;
		margin:0;
		padding:0 0 3px 6px;
		
		width:12px;
		color:#aa0000;
	}
	div.favorieten a.delete:hover
	{
		background-color:#aa0000;
		color:#ffffff;
	}
/* ============================================================	*/ 
/* ========	KEUZEMENU			===============================	*/
/* ============================================================	*/
div.keuzemenu {
	position:relative;
	width:987px;
	z-index:10;
	height:36px;
	}
	body.home div.keuzemenu 
	{
	    height:274px;
	    background-color:#0094D4;
	}
	div.keuzemenu div.schaduw {
		background:transparent url(../gfx/schaduw.png) top left no-repeat;
		width:987px;
		height:10px;
		overflow:hidden;
		position:absolute;
		z-index:2;
		top:0px;
		left:0px;
		}
div.flashHeader {
	left:0px;
	overflow:hidden;
	position:absolute;
	top:0px;
	width:987px;
	}
	div.flashHeader div.schaduw {
		background:transparent url(../gfx/schaduw-bottom.png) top left no-repeat;
		bottom:0;
		top:auto;
		}
div.flashIntro_alternative 
{
	cursor:default;
	background:#396281 url('../gfx/intro_alt2.jpg') top left no-repeat;
	width:987px;
	height:274px;
}
div.flashIntro_alternative IMG 
{
	position:absolute;
	right:24px;
	bottom:24px;
}
.main-keuzemenu{
	position:absolute;
	z-index:5;
}
.main-keuzemenu li{
	background:url(../gfx/menu-tab.png) no-repeat left top;
	float:left;
	list-style:none;
	margin-right:3px;
	position:relative;
	text-align:center;
	width:162px;
	z-index:3;
	
}
.main-keuzemenu li.first{
	background-position:right;
	/*width:158px;*/
}
.main-keuzemenu li.last{
	margin:0;
	/*width:158px;*/
}
.main-keuzemenu a{
	color:#505052;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	height:36px;
	line-height:36px;
	text-decoration:none;
}
.main-keuzemenu li.current,
.main-keuzemenu li:hover{
	background:none;
}
.main-keuzemenu li.current > a,
.main-keuzemenu li:hover > a{
	color:#FFF;
	position:relative;
	z-index:4;
}
.main-keuzemenu li.current > a{
	background:url(../gfx/menu-buttons.png) no-repeat left top;
}
.main-keuzemenu li.current > a.menu-productaanbod{
	background-position:right -36px;
}
.main-keuzemenu li.current > a.menu-praktijkleren{
	background-position:right -72px;
}
.main-keuzemenu li.current > a.menu-onderwijs{
	background-position:right -108px;
}
.main-keuzemenu li.current > a.menu-werkgevers{
	background-position:right -144px;
}
.main-keuzemenu li.current > a.menu-werknemers{
	background-position:right -180px;
}
.main-keuzemenu li.current > a.menu-overgoc{
	background-position:right -216px;
}
div.sub-keuzemenu {
    display: block;
    visibility:hidden;
	min-height:40px;
	padding:36px 0 0 12px;
	position:absolute;
	top:0;
	text-align:left;
	width:975px;
	z-index:3;
	min-height:238px;
}
div.sub-keuzemenu.active {
	display:block !important;
    visibility:visible;
}
.main-keuzemenu a.menu-productaanbod:hover { background: #78B901 url(../gfx/buttonBG.png) no-repeat top left;}
.main-keuzemenu a.menu-praktijkleren:hover { background: #B70B9B url(../gfx/buttonBG.png) no-repeat top left;}
.main-keuzemenu a.menu-onderwijs:hover { background: #7A54C5 url(../gfx/buttonBG.png) no-repeat top left; }
.main-keuzemenu a.menu-werkgevers:hover {background: #E55302 url(../gfx/buttonBG.png) no-repeat top left;}
.main-keuzemenu a.menu-werknemers:hover {background: #AC1A2F url(../gfx/buttonBG.png) no-repeat top left;}
.main-keuzemenu a.menu-overgoc:hover {background: #005ABB url(../gfx/buttonBG.png) no-repeat top left;}

.home .main-keuzemenu a.menu-productaanbod:hover {	background:#78B901 url(../gfx/button-homeBG.png) no-repeat top left;}
.home .main-keuzemenu a.menu-praktijkleren:hover {	background:#B70B9B url(../gfx/button-homeBG.png) no-repeat top left;}
.home .main-keuzemenu a.menu-onderwijs:hover {	background:#7A54C5 url(../gfx/button-homeBG.png) no-repeat top left;}
.home .main-keuzemenu a.menu-werkgevers:hover{background:#E55302 url(../gfx/button-homeBG.png) no-repeat top left;}
.home .main-keuzemenu a.menu-werknemers:hover{background:#AC1A2F url(../gfx/button-homeBG.png) no-repeat top left;}
.home .main-keuzemenu a.menu-overgoc:hover{background:#005ABB url(../gfx/button-homeBG.png) no-repeat top left;}

.sub-keuzemenu.menu-productaanbod {	background:#78B901;}
.sub-keuzemenu.menu-praktijkleren {	background:#B70B9B;}
.sub-keuzemenu.menu-onderwijs {	background:#7A54C5;}
.sub-keuzemenu.menu-werkgevers {background:#E55302;}
.sub-keuzemenu.menu-werknemers {background:#AC1A2F;}
.sub-keuzemenu.menu-overgoc {background:#005ABB;}

div.sub-keuzemenu div
{
    position:relative;
    padding-bottom:20px;
}
/* add by wenbin */


div.sub-keuzemenu li
{
	list-style:none;
	width:310px;
    position:absolute;
    display: block;
    margin-right:10px;
}

div.sub-keuzemenu a:hover {
	  /*background:url(../gfx/li-line.png) no-repeat left top;*/
}
div.sub-keuzemenu a 
{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
    /*background:url(../gfx/li-line.png) no-repeat left top;*/
	color:#FFF;
    display: block;
    padding:4px;
}

div.sub-keuzemenu li.menu-title a
{
	font-size:14px;
	font-weight:bold;
	background:none;
	padding:4px;
}

div.sub-keuzemenu.menu-productaanbod li a:hover {
	background:#68A900;
}
div.sub-keuzemenu.menu-praktijkleren li a:hover {
	background:#A7008B;
}
div.sub-keuzemenu.menu-onderwijs li a:hover {
	background:#6A44B5;
}
div.sub-keuzemenu.menu-werkgevers li a:hover {
	background:#D54300;
}
div.sub-keuzemenu.menu-werknemers li a:hover {
	background:#9C0A1F;
}
div.sub-keuzemenu.menu-overgoc li a:hover {
	background:#004AAB;
}
div.sub-keuzemenu li.last-item a:hover 
{
    background:transparent;
}

div.sub-keuzemenu li.last-item {
    height:16px;
    background-image: url(../gfx/bevel.png);
    background-repeat:repeat-x;
    background-position: 0 8px;
    
}

div.sub-keuzemenu li.menu-title:first-child{
	margin-top:0;
}

/* ============================================================	*/ 
/* ========	HOOFDMENU			===============================	*/
/* ============================================================	*/

div.hoofdmenu {
	position:relative;
	width:987px;
	height:36px;
	overflow:hidden;
	}

div.hoofdmenu div.schaduw {
	background:transparent url(../gfx/schaduw.png) top left no-repeat;
	width:987px;
	height:10px;
	overflow:hidden;
	position:absolute;
	z-index:999;
	top:0px;
	left:0px;
	}

.hoofdmenu a {
	background:transparent url(../gfx/menu-buttons.gif) 0 0 no-repeat;
	display:block;
	line-height:36px;
	height:36px;
	width:162px;
	margin-left:3px;
	float:left;
	text-align:center;
	text-decoration:none;
	font-size:10px;
	overflow:hidden;
	color:#535355;
	}
.hoofdmenu a.productaanbod,
.hoofdmenu a.productaanbod-selected {margin-left:0px !important;}
	
.hoofdmenu a.productaanbod:hover,
.hoofdmenu a.productaanbod-selected {
	background-position:0px -36px;
	color:#FFFFFF;
	}
.hoofdmenu a.praktijkleren:hover,
.hoofdmenu a.praktijkleren-selected {
	background-position:0px -72px;
	color:#FFFFFF;
	}
.hoofdmenu a.onderwijs:hover,
.hoofdmenu a.onderwijs-selected {
	background-position:0px -108px;
	color:#FFFFFF;
	}
.hoofdmenu a.werkgevers:hover,
.hoofdmenu a.werkgevers-selected {
	background-position:0px -144px;
	color:#FFFFFF;
	}
.hoofdmenu a.werknemers:hover,
.hoofdmenu a.werknemers-selected {
	background-position:0px -180px;
	color:#FFFFFF;
	}
.hoofdmenu a.overgoc:hover,
.hoofdmenu a.overgoc-selected {
	background-position:0px -216px;
	color:#FFFFFF;
	}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:987px;
	clear:both;
	background:#D9D9D9;
	font-size:10px;
	line-height:33px;
	height:48px;
	}
	div#footer a {
		text-decoration:none;
		color:#535355;
		}
	div#footer a:hover {
		text-decoration:underline;
		}
	.disclaimer {
		line-height:33px;
		float:left;
		padding:0 0 0 20px;
		}

	.talen, .font-size-switch  {
		line-height:33px;
		float:right;
		padding:0 20px 0 0;
		}
		
.footer-border {
	border-top:15px solid #FFFFFF;
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	border-left:0px solid #FFFFFF;
	}
	

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 48 + "px"); /* IE7 fix */
	}
	
/* ============================================================	*/ 
/* ========	BLOKKEN RECHTS		===============================	*/
/* ============================================================	*/
div.contentBlock div.right {
	float:right;
	width:153px;
	position:relative;
	right:11px;
	display:block;
	padding-top:47px;
	padding-left:12px;
	padding-right:5px;
	border-top:1px solid #e5e5e5;
	}


.right .docent {
	background-color:#E5E5E5;
	border-bottom:10px solid #FFFFFF;
	overflow:hidden;
	padding:0 0 0 7px;
	}
	.docent span {
		display:block;
		padding:3px 0 3px 0;
		}
.right .volg-tips {
	padding:8px;
	overflow:hidden;
	font-size:10px;
	border-bottom:10px solid #FFFFFF;
	}
	.right .volg-tips strong {
		display:block;
		clear:both;
		}
	.right .volg-tips a {
		display:block;
		clear:both;
		color:#646466;
		padding:0 0 0 6px;
		background:transparent url(../gfx/min-blauw.gif) 0px 8px no-repeat;
		}
.right .empty {
	border-top:1px solid #A6A6A6;
	display:block;
	}
.right .links 
{
	border-top:1px solid #A6A6A6;
	border-left:1px solid #A6A6A6;
	clear:both;
	overflow:hidden;
	display:block;
	}
.right .links span {
	display:block;
	padding:8px 0 8px 22px;
	line-height:14px;
	margin:0 0 0 8px;
	border-bottom:1px solid #A6A6A6;
	font-size:10px;
	
	clear:both;
	color:#535355;
	_height:30px;
	}
	.lnk-favorieten,
	.lnk-download,
	.lnk-print,
	.lnk-vraag,
	.lnk-versturen {
		display:block;
		overflow:hidden;
		text-decoration:none;
		}
	.lnk-favorieten:hover,
	.lnk-download:hover,
	.lnk-print:hover,
	.lnk-vraag:hover,
	.lnk-versturen:hover {
		background-color:#DEDEDE;
		text-decoration:none;
		}
	.lnk-favorieten span {background:transparent url(../gfx/icon-ster.gif) 0px 8px no-repeat;}
	.lnk-download span {background:transparent url(../gfx/icon-download.gif) 0px 8px no-repeat;}
	.lnk-print span {background:transparent url(../gfx/icon-print.gif) 0px 8px no-repeat;}
	.lnk-versturen span {background:transparent url(../gfx/icon-envelop.gif) 0px 8px no-repeat;}
	.lnk-vraag span {background:transparent url(../gfx/icon-question.gif) 0px 8px no-repeat;}

div.cursusdata 
{
	padding: 12px 0px 12px 0px;	
}

div.cursusdata ul li {
    margin-top:10px;
}
div.cursusdata strong 
{
	font-size:12px !important;
	display:block;
}

p.courseDataHeader 
{
    font-weight:bold;
    background-color:#c6c7c8;
    height:20px;
    padding:8px 5px 3px 10px;
    line-height:23px;
    display:block;
    vertical-align:middle;
}

div.cursusdata ul 
{
    margin-top:20px;
    font-size:11px;
    padding:0 0 0 10px;
    list-style-type:none;
}

div.cursusdata ul li span
{
    display: -moz-inline-box;
    display: inline-block;
    line-height: normal;
    vertical-align:middle;
}

div.cursusdata ul li span { *display : inline; }

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	border-top:11px solid #FFFFFF;
	clear:both;
	width:987px;
	overflow:hidden;
	padding:0 0 30px 0;
	/*background:transparent url(../gfx/lijn-rechts.gif) 835px 0px repeat-y; 07/07/08*/
	}
body.home div.contentBlock {
	padding:0 0 0 0;
	position:relative;
	border-bottom:20px solid #FFFFFF;
	border-top:25px solid #FFFFFF;
	}

.menuMargin {
	margin-left:251px;
	background:transparent url(../gfx/lijn-rechts.gif) 555px 0px repeat-y;

	_margin-left:0px;
	_float:left;
	}
	
.menuMarginNoLinks{
	margin-left:251px;
	_margin-left:0px;
	_float:left;
	}
div.contentBlock div.left {
	float:left;
	clear:both;
	width:241px;
	overflow:hidden;
	position:relative;
	left:10px;
	/*IE6 uitzonderingen*/
	_left:0px;
	_width:251px;	
	_border-left:10px solid #FFFFFF;
	}
body.home div.contentBlock div.left {
	width:300px;
	left:20px;
	clear:none;
	}

div.outer 
{
    background-color:#e5e5e5;
}

div.info-panel {
    padding: 4px 0px 4px 0px;
	float:left;
	width:380px;
	background-color:#fff;
}

div.info-panel div {
    float:left;
    padding:0 10px 0 10px;
}

div.course-price, div.course-duration {
    max-width:126px;
}

div.info-panel div.separator {
    border-right:2px solid #e5e5e5;
}

/*==============================================================================================================================================================================================*/
.visual {
	min-height:177px;
	}
.breadcrumb {
	background-color:#CCCCCC;
	padding:8px 0 8px 30px;
	border-top:3px solid #FFFFFF;
	border-bottom:10px solid #FFFFFF;
	color:#292929;
	
	font-weight:bold;
	}
	.breadcrumb a {
		color:#666666 !important;
		text-decoration:none;
		font-weight:bold;
		}
.information {
	background-color:#E5E5E5;
	margin:0 181px 0 0px;
	#overflow:hidden;
	padding:0px 0 0 0;
	}
	.information table {
		margin:0 10px 0 30px;
		table-layout:fixed;
		}
	.information table td {
		padding:0 10px 0 0;
		vertical-align:top;
		}
	.information strong {
		display:block;
		}
.information.noLinks 
{
	margin:0 10px 0 0px;
}

.courseInformation 
{
    /*border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;*/
    background-color:#fff;
    padding:20px;
    height:70px;
    margin-right:0px;
}

.courseInformation h1 
{
    color:#78B901;
    margin-bottom:20px;
}

.courseMainContent 
{
    padding:20px 7px 0 0 !important;
}

.mainContent {
	margin:0 181px 30px 0px;
	padding:19px 25px 0 30px;
	position:relative;
	_height:1px;
	}
	.mainContent a,
	.mainContent a strong {
		color:#005CAF;
		}
	.mainContent strong {
		color:#535355;
		}
	
.mainContent.noLinks		
{
	margin:0 0px 30px 0px;
}
body.home .mainContent 
{
    width:300px;
	margin:0 345px 0 335px;
	padding:0 0 0 0;
	}

/* ============================================================	*/ 
/* ========	"INSCHRIJVEN" BUTTON	===========================	*/
/* ============================================================	*/

a.btn-inschrijven img 
{
    margin:0 3px 0 10px;
    vertical-align:middle;
}

a.btn-inschrijven
{
    display:block;
    float:right;
    background-color:#79b901;
    width:111px;
    height:29px;
    margin-left:10px;
    margin-right:10px;
    color:#fff;
	line-height:29px;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
}

.smallfont A
{
	font-size:9px;
	color:#555555;
}

/* ============================================================	*/ 
/* ========	LEFT SUBMENU		===============================	*/
/* ============================================================	*/

.submenu {
	_height:45px;
	min-height:45px;
	background:transparent url(../gfx/hoek-groen-rb.gif) 100% 34px no-repeat;
	font-size:12px !important;
	}
.submenu strong {
	display:block;
	color:#FFFFFF;
	line-height:34px;
	padding:0 0 0 30px;
	background:#61B22A url(../gfx/hoek-groen-lo.gif) bottom left no-repeat;
	}
.submenu a {
	text-decoration:none !important;
	display:block;
	color:#535355;
	padding:0 0 0 8px;
	overflow:hidden; /*IE7fix*/
	}

.submenu ul {
	display:block;
	padding:0 0 0 0;
	list-style:none;
	
	margin:0 19px 0 7px;
	border-bottom:1px solid #A6A6A6;
	border-top:8px solid #FFFFFF;
	
	}
	.submenu ul ul {
		margin:0 0 0 10px;
		border-bottom:0px solid #FFFFFF;
		border-top:0px solid #FFFFFF;
		}
.submenu li li {
	_line-height:13px;
	height:auto;
	}
	
.submenu li {
	/*background:transparent url(../gfx/submenu-down.gif) 0px 0px no-repeat;*/
	}
.submenu li.selected {
	background:transparent url(../gfx/submenu-down.gif) 202px 0px no-repeat;
	}
.submenu li.selected a {
	font-weight:bold;
	}
.submenu li.selected ul li a {
	font-weight:normal;
	}

.submenu li {
	display:block;
	padding:0 0 0 0;
	margin:0 0 0 0;
	line-height:13px;
	
	padding:6px 0 4px 20px;
	border-top:1px solid #A6A6A6;
	background:transparent url(../gfx/min-dgrijs.gif) 20px 15px no-repeat;
	}
	.submenu li li {
		padding:0 0 0 0;
		border-top:0px solid #FFFFFF;
		background:transparent url(../gfx/min-dgrijs.gif) 0px 8px no-repeat;
		}

/* ============================================================	*/ 
/* ========	FORMLAYOUT		  	===============================	*/
/* ============================================================	*/
div.form 
{
	margin-bottom:24px;
	}
div.form span {
	display:block;
	position:relative;
	border-bottom:5px solid #FFFFFF;
	line-height:22px;
	overflow:hidden;
	top: 0px;
	left: 1px;
}
div.form span.kop {
	color:#000000;
	font-weight:bold;
	}
div.form span.kopGroot {
	font-size:15px;
	font-weight:bold;
	}
div.form span.wisknop 
{
	display:inline;
	font-size:11px;
	font-weight:normal;
	margin-left:12px;
}
div.form span label {
	float:left;
	line-height:22px;

	}
div.form span.margin {
	margin:0 0 0 155px;
	text-align:left;
	} 

div.form div.border {
	border-bottom:1px solid #A6A6A6;
	padding:10px 0 0 0;
	overflow:hidden;
	}
	
div.form .typeText {
	background-color:#F1F1F1;
	border-top:1px solid #B5B5B5;
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	border-left:1px solid #B5B5B5;
	width:250px;
	}
div.form input.typeText.Tenth 
{
	width:40px;
}
div.form input.typeRadio 
{
	
}
span.checkbox 
{
	width:250px;
}
span.checkbox input
{
	clear:both;	
}
span.checkbox label 
{
	float:right;
	
}
div.form .typeRadioList
{
	margin:0;
	padding:0;	
	display:inline-block;
	position:relative;
	
}
div.form td label 
{
	margin-left:8px;
}
table.typeRadioList td 
{
	height:16px;
}
table.typeRadioList td input 
{
	float:left;
}
table.typeRadioList td label
{
	line-height:14px;
}
div.form .typeRadioList input 
{
	float:left;
	display:inline;
	position:relative;
	
}
div.form .typeRadioList label 
{
	margin:0 18px 0 6px;
	padding:0;
	position:relative;

}
div.form input.typeSubmit {
	}
div.form div.submitRow {
	padding:14px 0 0 0;
	overflow:hidden;
	}
div.form div.submitRow input.typeSubmit {
	float:right;
}


/* ---------- factuur (stap4) ---------- */

table.factuur {
	border-top:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	}
	table.factuur th,
	table.factuur td {
		border-bottom:1px solid #DEDEDE;
		border-left:1px solid #DEDEDE;
		padding:0 0 0 5px;
		vertical-align:top;
		}
.voorwaarden {
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	background-color:#F1F1F1;
 	height:100px;
 	overflow-y:scroll;
 	padding:10px;
	}

/* ---------- Flexibele tabbladen ---------- */

div.tabs a.tab,
div.tabs a.tab-selected,
div.tabs span.tab-selected,
div.tabs span.tab-inactive,
div.tabs a.tab-volgende
{
	float:left;
	_width:130px;
	_overflow:visible;
	/*background:transparent url(../gfx/tab-links.jpg) top left no-repeat;*/
	font-weight:bold;
	width:124px;
	display:block;
	border-right:5px solid #FFFFFF;
	height:32px;

	}

div.tabs a.tab span,
div.tabs span.tab-selected span,
div.tabs a.tab-selected span
{
	float:left;
	min-width:105px;
	line-height:32px;
	height:32px;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	white-space:nowrap;
	/*background:transparent url(../gfx/tab-rechts.jpg) top right no-repeat;*/
	color:#FFFFFF;
	
	}
	
div.tabs a.tab-volgende 
{
	background:transparent url(../gfx/tab-selected.jpg) top left no-repeat;
	float:right;
	}
div.tabs a.tab-volgende:hover
{
	background:transparent url(../gfx/tab-hover.jpg) top left no-repeat;
	float:right;
	}	
	
div.tabs a.tab-volgende span 
{
	min-width:105px;
	line-height:32px;
	height:32px;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	white-space:nowrap;
}
div.tabs span.tab-selected,
div.tabs a.tab-selected {
	background:transparent url(../gfx/tab-selected.jpg) top left no-repeat;
	}
div.tabs span.tab-inactive 
{
	float:left;
	background:transparent url(../gfx/tab-inactive.jpg) top left no-repeat;
}	
div.tabs a.tab-selected:hover {
	background:transparent url(../gfx/tab-hover.jpg) top left no-repeat;
	}
div.tabs span.tab-inactive span 
{
	min-width:105px;
	line-height:32px;
	height:32px;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	white-space:nowrap;
}	
div.tabs span,
div.tabs a 
{
	font-size:10pt;
	text-decoration:none;
	color:#FFFFFF;
}
div.tabs a 
{
	cursor:pointer;
}
div.tabs
{
	border-bottom:1px solid #A6A6A6;
	width:100%;
	overflow:hidden;
	
	}

div.foutmeldingen 
{
	background:#FFEEEE url('../gfx/fout.gif') no-repeat;
	background-position: 10px 10px;
	border:solid 1px #660000;
	color:#660000;
	width:430px;
	padding:18px 24px 24px 54px;
	margin-bottom:12px;
}

div.foutmeldingen UL 
{
	margin-top:8px;
}
div.foutmeldingen UL LI 
{
	color:#660000;
}
div.goedmeldingen 
{
	background:#EEFFEE url('../gfx/goed.gif') no-repeat;
	background-position: 10px 10px;
	border:solid 1px #006600;
	color:#006600;
	width:430px;
	padding:18px 24px 24px 54px;
	margin-bottom:12px;
}
div.goedmeldingen UL 
{
	margin-top:8px;
}

div.cursistenoverzicht 
{
	background-color:#EEEEEE;
	border:solid 1px #AAAAAA;
	padding:12px;
	margin-bottom:32px;
	overflow:hidden;
	width:490px;
}
div.cursistenoverzicht div.eromheen 
{
	overflow:hidden;
	clear:both;	
	border-top:solid 1px #CCCCCC;
	margin-top:8px;
	padding-top:8px;
} 
div.cursistenoverzicht div.eromheen  div.cursist 
{
	float:left;
		
}
div.cursistenoverzicht div.eromheen div.cursistacties 
{
	float:right;
	width: 120px;
	
}


/* ============================================================	*/ 
/* ========	THEMA'S				===============================	*/
/* ============================================================	*/

/*productaanbod*/
body.productaanbod .submenu {
	background:transparent  url(../gfx/hoek-groen-rb.gif) 100% 34px no-repeat;
	}
body.productaanbod .submenu strong {
	background:transparent  url(../gfx/hoek-groen-lo.gif) bottom left no-repeat;
	}
body.productaanbod .visual {
	background-color:#c6e095;
	}
.productaanbod .submenu li.selected li a,
.productaanbod .submenu li.selected li.selected li a,
.productaanbod .submenu li.selected li.selected li.selected li a,
.productaanbod .submenu li.selected li.selected li.selected li.selected li a,
.productaanbod .submenu li.selected li.selected li.selected li.selected li.selected li a,
.productaanbod .submenu li.selected li.selected li.selected li.selected li.selected li.selected li a,
.productaanbod .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a,
.productaanbod .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a {
	color:#7F8082;
	}
.productaanbod .submenu li.selected a,
.productaanbod .submenu li.selected li.selected a,
.productaanbod .submenu li.selected li.selected li.selected a,
.productaanbod .submenu li.selected li.selected li.selected li.selected a,
.productaanbod .submenu li.selected li.selected li.selected li.selected li.selected a,
.productaanbod .submenu li.selected li.selected li.selected li.selected li.selected li.selected a,
.productaanbod .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected a,
.productaanbod .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected a {
	color:#78b901;
	}
.productaanbod .submenu a:hover {
	color:#78b901!important;
	}

/*praktijkleren*/
body.praktijkleren .submenu {
	background:transparent url(../gfx/hoek-dblauw-rb.gif) 100% 34px no-repeat;
	}
body.praktijkleren .submenu strong {
	background:#0094D4 url(../gfx/hoek-dblauw-lo.gif) bottom left no-repeat;
	}
body.praktijkleren .visual {
	background:#e099d4;
	}
.praktijkleren .submenu li.selected li a,
.praktijkleren .submenu li.selected li.selected li a,
.praktijkleren .submenu li.selected li.selected li.selected li a,
.praktijkleren .submenu li.selected li.selected li.selected li.selected li a,
.praktijkleren .submenu li.selected li.selected li.selected li.selected li.selected li a,
.praktijkleren .submenu li.selected li.selected li.selected li.selected li.selected li.selected li a,
.praktijkleren .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a,
.praktijkleren .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a {
	color:#7F8082;
	}
.praktijkleren .submenu li.selected a,
.praktijkleren .submenu li.selected li.selected a,
.praktijkleren .submenu li.selected li.selected li.selected a,
.praktijkleren .submenu li.selected li.selected li.selected li.selected a,
.praktijkleren .submenu li.selected li.selected li.selected li.selected li.selected a,
.praktijkleren .submenu li.selected li.selected li.selected li.selected li.selected li.selected a,
.praktijkleren .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected a,
.praktijkleren .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected a {
	color:#b70b9b;
	}
.praktijkleren .submenu a:hover {
	color:#b70b9b !important;
	}

/*onderwijs*/
body.onderwijs .submenu {
	background:transparent url(../gfx/hoek-lblauw-rb.gif) 100% 34px no-repeat;
	}
body.onderwijs .submenu strong {
	background:#3AAFC0 url(../gfx/hoek-lblauw-lo.gif) bottom left no-repeat;
	}
body.onderwijs .visual {
	background-color:#c7b7e5;
	}
.onderwijs .submenu li.selected li a,
.onderwijs .submenu li.selected li.selected li a,
.onderwijs .submenu li.selected li.selected li.selected li a,
.onderwijs .submenu li.selected li.selected li.selected li.selected li a,
.onderwijs .submenu li.selected li.selected li.selected li.selected li.selected li a,
.onderwijs .submenu li.selected li.selected li.selected li.selected li.selected li.selected li a,
.onderwijs .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a,
.onderwijs .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a {
	color:#7F8082;
	}
.onderwijs .submenu li.selected a,
.onderwijs .submenu li.selected li.selected a,
.onderwijs .submenu li.selected li.selected li.selected a,
.onderwijs .submenu li.selected li.selected li.selected li.selected a,
.onderwijs .submenu li.selected li.selected li.selected li.selected li.selected a,
.onderwijs .submenu li.selected li.selected li.selected li.selected li.selected li.selected a,
.onderwijs .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected a,
.onderwijs .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected a {
	color:#7a54c5;
	}
.onderwijs .submenu a:hover {
	color:#7a54c5 !important;
	}

/*werkgevers*/
body.werkgevers .submenu {
	background:transparent url(../gfx/hoek-oranje-rb.gif) 100% 34px no-repeat;
	}
body.werkgevers .submenu strong {
	background:#E68C00 url(../gfx/hoek-oranje-lo.gif) bottom left no-repeat;
	}
body.werkgevers .visual {
	background-color:#f2b795;
	}
.werkgevers .submenu li.selected li a,
.werkgevers .submenu li.selected li.selected li a,
.werkgevers .submenu li.selected li.selected li.selected li a,
.werkgevers .submenu li.selected li.selected li.selected li.selected li a,
.werkgevers .submenu li.selected li.selected li.selected li.selected li.selected li a,
.werkgevers .submenu li.selected li.selected li.selected li.selected li.selected li.selected li a,
.werkgevers .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a,
.werkgevers .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a {
	color:#7F8082;
	}
.werkgevers .submenu li.selected a,
.werkgevers .submenu li.selected li.selected a,
.werkgevers .submenu li.selected li.selected li.selected a,
.werkgevers .submenu li.selected li.selected li.selected li.selected a,
.werkgevers .submenu li.selected li.selected li.selected li.selected li.selected a,
.werkgevers .submenu li.selected li.selected li.selected li.selected li.selected li.selected a,
.werkgevers .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected a,
.werkgevers .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected a {
	color:#e55302;
	}
.werkgevers .submenu a:hover {
	color:#e55302 !important;
	}

/*werknemers*/
body.werknemers .submenu {
	background:transparent url(../gfx/hoek-lgroen-rb.gif) 100% 34px no-repeat;
	}
body.werknemers .submenu strong {
	background:#9CC61C url(../gfx/hoek-lgroen-lo.gif) bottom left no-repeat;
	}
body.werknemers .visual {
	background-color:#f7a5ab;
	}
.werknemers .submenu li.selected li a,
.werknemers .submenu li.selected li.selected li a,
.werknemers .submenu li.selected li.selected li.selected li a,
.werknemers .submenu li.selected li.selected li.selected li.selected li a,
.werknemers .submenu li.selected li.selected li.selected li.selected li.selected li a,
.werknemers .submenu li.selected li.selected li.selected li.selected li.selected li.selected li a,
.werknemers .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a,
.werknemers .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a {
	color:#7F8082;
	}
.werknemers .submenu li.selected a,
.werknemers .submenu li.selected li.selected a,
.werknemers .submenu li.selected li.selected li.selected a,
.werknemers .submenu li.selected li.selected li.selected li.selected a,
.werknemers .submenu li.selected li.selected li.selected li.selected li.selected a,
.werknemers .submenu li.selected li.selected li.selected li.selected li.selected li.selected a,
.werknemers .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected a,
.werknemers .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected a {
	color:#ac1a2f;
	}
.werknemers .submenu a:hover {
	color:#ac1a2f !important;
	}

/*overgoc*/
body.overgoc .submenu {
	background:transparent url(../gfx/hoek-roze-rb.gif) 100% 34px no-repeat;
	}
body.overgoc .submenu strong {
	background:#005ABB url(../gfx/hoek-roze-lo.gif) bottom left no-repeat;
	}
body.overgoc .visual {
	background-color:#95b9e1;
	}
.overgoc .submenu li.selected li a,
.overgoc .submenu li.selected li.selected li a,
.overgoc .submenu li.selected li.selected li.selected li a,
.overgoc .submenu li.selected li.selected li.selected li.selected li a,
.overgoc .submenu li.selected li.selected li.selected li.selected li.selected li a,
.overgoc .submenu li.selected li.selected li.selected li.selected li.selected li.selected li a,
.overgoc .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a,
.overgoc .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected li a {
	color:#7F8082;
	}
.overgoc .submenu li.selected a,
.overgoc .submenu li.selected li.selected a,
.overgoc .submenu li.selected li.selected li.selected a,
.overgoc .submenu li.selected li.selected li.selected li.selected a,
.overgoc .submenu li.selected li.selected li.selected li.selected li.selected a,
.overgoc .submenu li.selected li.selected li.selected li.selected li.selected li.selected a,
.overgoc .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected a,
.overgoc .submenu li.selected li.selected li.selected li.selected li.selected li.selected li.selected li.selected a {
	color:#005ABB;
	}
.overgoc .submenu a:hover {
	color:#005ABB !important;
	}

/* ============================================================	*/ 
/* ========	home	  	===============================	*/
/* ============================================================	*/ 

body.home div.main-block a.meer {
	background:url(../gfx/link-more.png) no-repeat right;
	color:#505052;
	display:block;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding:0 10px;
	text-decoration:none;
	bottom:0;
	width:280px;
	position:absolute;
	}
body.home div.event-block a.meer,	
body.home div.about-block a.meer 
{
    width:280px;
}

body.home div.mainContent a {
	color:#A2A4A7;
	text-decoration:none;
	}

body.home div.mainContent strong 
{
	color:#535355;
	text-decoration:none;
}
body.home div.mainContent strong a {
	color:#005CAF;
	text-decoration:none;
	}

td.formElementLabel
{
	height: 24px;
}

/* ============================================================	*/ 
/* ========	BUGFIXES	  	===============================	*/
/* ============================================================	*/ 

/*content overflow*/
.mainContent .overflow {_width:513px; overflow:hidden;}
.menuMarginNoLinks .mainContent .overflow {_width:680px; overflow:hidden;}
.mainContent .overflow ul {margin-top:0px;}
/* lijst */

.lijst 
{
	border:solid 1px #eee;
}
.lijst .title
{
	padding:3px;
	background-color:#eee;
	font-weight:bold;
}
.lijst A.cursus
{
	padding:1px 0 3px 4px;
	display:block;
	text-decoration:none;
}
.lijst .pager 
{
	background-color:#eee;
	font-weight:bold;
}
.lijst .pager TD 
{
	padding:3px;
}
.lijst A.cursus:hover 
{
	background-color:#eee;
}


/* updatepanel AJAX */
.centerajax 
{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	min-height:100%;
	background-color:#fff;
	color:#000;
	z-index:5000;
	text-align:center;
}

#progressBackgroundFilter 
{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	padding:0;
	margin:0;
	background-color:#000; 
	z-index:1000;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75	
}
.xScrollStick 
{
	padding:15px;
	width:300px;
	height:60px;
	z-index:1001;
	background-color:#ffffff;	
	border:solid 3px #bbbbbb;
	margin: 0 auto 0 auto;
	margin-left:400px;
	margin-top:200px;
}

/* TABS */
.tab {
	height:41px;width:687px;color:#fff;padding:0;margin:0;float:left;cursor:pointer;background-image: url(../images/tab-top-bg.png)
}
.tab-end {
	width:8px;float:right;position:relative;background-image: url(../images/tab-end.png);height:41px;
}
.leftEdgeBlue {
	width:21px;float:left;position:relative;background-image: url(../images/tab-leftedge-blue.png);height:41px;
}
.leftEdgeGrey {
	width:21px;float:left;position:relative;background-image: url(../images/tab-leftedge-grey.png);height:41px;
}
.MiddleBlue {
	height:41px;position:relative;padding:6px;padding-top:12px;font-weight:bold;font-size:12px;background-repeat:repeat-x;background-image: url(../images/tab-middle-blue.png);float:left;
}
.MiddleGrey {
	height:41px;position:relative;color:#585858;padding:6px;padding-top:12px;font-weight:bold;font-size:12px;background-repeat:repeat-x;background-image: url(../images/tab-middle-grey.png);float:left;
}
.BlueGrey {
	width:27px;float:left;position:relative;background-image: url(../images/tab-right-bluegrey.png);height:41px;
}
.GreyGrey {
	width:27px;float:left;position:relative;background-image: url(../images/tab-right-grey.png);height:41px;
}
.GreyBlue {
	width:27px;float:left;position:relative;background-image: url(../images/tab-right-greyblue.png);height:41px;
}
.rightEdgeBlue {
	width:19px;float:left;position:relative;background-image: url(../images/tab-rightedge-blue.png);height:41px;
}
.rightEdgeGrey {
	width:19px;float:left;position:relative;background-image: url(../images/tab-rightedge-grey.png);height:41px;
}

	
/*%%%%%%%%%% CURSUSROOSTER %%%%%%%%%%*/
.absolute {position:absolute !important; z-index:999; float:none !important;}
.absolute .links {border-bottom:1px solid #A6A6A6 !important;}
.absolute .links .lnk-versturen span {border-bottom:0px solid #FFFFFF;}
/**/

/*%%%%%%%%%% SPONSORLINKS %%%%%%%%%%*/

div.sponsors {
    margin:0 4px 0 4px;
    padding:10px 0 0 0;
    border-top:2px solid #D6D6D6;
    border-bottom:50px solid #FFFFFF;
    text-align:center;
    }
    div.sponsors a {line-height:38px; height:38px; background-position:left top; display:block; text-decoration:none; position:relative; left:15px;}
    div.sponsors a:hover {background-position:left bottom;}
    
    div.sponsors table {width:970px; margin:0 auto 0 auto; position:relative;}
    div.sponsors table td {text-align:center; padding:0 34px 0 0;}
    
    div.sponsors .hBtnaofonds {width:136px; background-image:url(../gfx/hBtn-aeno-grafimediabranche.gif);}
    div.sponsors .hBtncrew {width:66px; background-image:url(../gfx/hBtn-crew.gif);}
    div.sponsors .hBtnmbo {width:116px; background-image:url(../gfx/hBtn-mboci.gif);}
    div.sponsors .hBtndrukwereld {width:32px; background-image:url(../gfx/hBtn-ontdek-de-drukwereld2.gif);}
    div.sponsors .hBtnc3 {width:51px; height:46px;margin-top:4px;background-image:url(../gfx/hBtn-C3n.gif);}
    div.sponsors .hBtnleerbedrijven {width:144px; background-image:url(../gfx/hBtn-registreer-leerbedrijv.gif);}
    div.sponsors .hBtnvacaturekracht {width:86px; background-image:url(../gfx/hBtn-vacaturekracht.gif);}

/*%%%%%%%%%% EVENEMENTEN KALENDER %%%%%%%%%%*/

div.event {border-bottom:1px solid #FFFFFF;}
div.event a.headerLeft {display:block; background:#f1f1f2 url(../gfx/event-hover-left.gif) 0 0 no-repeat; height:42px; cursor:pointer;}
/*div.event a.headerLeft:hover {background:#cccccc url(../gfx/event-hover-left.gif) 0 100% no-repeat; height:42px;}*/
/*div.event a.headerLeft:hover div.headerRight {background:transparent url(../gfx/event-hover-right.gif) 100% -42px no-repeat; height:42px;}
div.event div.headerRight {background:transparent url(../gfx/event-hover-right.gif) 100% 0 no-repeat; height:42px;}*/
div.event div.headerRight span {display:block; clear:left;}
div.event div.headerRight .margin {margin:0 0 0 10px; padding:6px 0 0 0;}
div.event div.eventContent {display:none;}

div.active a.headerLeft {background:#cccccc url(../gfx/event-hover-left.gif) 0 100% no-repeat; height:42px; cursor:pointer;}
div.active div.headerRight {background:transparent url(../gfx/event-hover-right.gif) 100% -84px no-repeat; height:42px;}
div.active div.eventContent {display:block;}

div.event div.eventContent {padding:15px 0 15px 0;}
div.event div.eventVisual {float:left;}
div.event div.eventText {margin:0 0 0 160px;}

div.homeEvent {background:#f0f0f1 url(../gfx/home-event-top.gif) top left no-repeat; width:250px; overflow:hidden; border-bottom:3px solid #FFFFFF;}
div.homeEvent div.eventBottom {background:transparent url(../gfx/home-event-bottom.gif) bottom left no-repeat; width:250px; overflow:hidden;}
div.homeEvent div.margin {padding:7px 0; margin:0 7px;}
div.homeEvent strong.date {color:#155EAB;}
div.homeEvent a {color:#A2A4A7;}
div.homeEvent p {padding:0 0 0 0;}


/*CURSUS overzicht*/

div.cCategorie
{
    background:transparent url(../gfx/cursus-shadow.gif) top left no-repeat;
    width:328px;

    
    }
div.cCategorie div.cHeading
{
    line-height:25px;
    border:2px solid #FFFFFF;
    margin:2px 2px 0 2px;
    font-size:14px;
    color:#FFFFFF;
    font-weight:bold;
    padding:0 0 0 8px;
    }
div.cCategorie div.cCursus,
div.cCategorie div.cModule
{
    margin:0 4px 0 4px;
    border-bottom:1px solid #FFFFFF;
    padding:0 0 0 10px;
    line-height:22px;
    height:22px;
    }
    div.cCategorie div.cCursus a,
    div.cCategorie div.cModule a
    {
        float:left;
        line-height:22px;
        color:#3e3d40;
        text-decoration:none;
        overflow:hidden;
        width:240px;
        height:22px;
        }
    div.cCategorie div.cCursus img,
    div.cCategorie div.cModule img
        {
            position:relative;
            float:right;
            margin-right:2px;
            }
    
div.cCategorie div.cModule 
{
    padding:0 0 0 30px;
    background-image:url(../gfx/li.gif);
    background-position:20px 50%;
    background-repeat:no-repeat;
    }
    
 /*Theme*/
 
div.cOrange div.cHeading {background-color:#e55302;}
div.cOrange div.cCursus,
div.cOrange div.cModule {background-color:#f7cbb3;}
div.cOrange div.cCursus:hover,
div.cOrange div.cModule:hover {background-color:#f5ba9a;}

div.cBlue div.cHeading {background-color:#0078bf;}
div.cBlue div.cCursus,
div.cBlue div.cModule {background-color:#99c9e5;}
div.cBlue div.cCursus:hover,
div.cBlue div.cModule:hover {background-color:#7fbbdf;}

div.cYellow div.cHeading {background-color:#f5be03;}
div.cYellow div.cCursus,
div.cYellow div.cModule {background-color:#fcebb3;}
div.cYellow div.cCursus:hover,
div.cYellow div.cModule:hover {background-color:#fbe59a;}

div.cGreen div.cHeading {background-color:#97be0d;}
div.cGreen div.cCursus,
div.cGreen div.cModule {background-color:#e0ebb6;}
div.cGreen div.cCursus:hover,
div.cGreen div.cModule:hover {background-color:#d5e59e;}


/* add by wenbin */
body.home, .home table, .home th, .home td, .home p, .home input, .home textarea, .home select {
	color:#58585A;
	font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:12px;
	}
.home h2 {font-size:18px; color:#006FB7;}

.clearfix {
	display:block;
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
/* For Safari */
html[xmlns] .clearfix {
	display:block;
}
/* For IE6 */
*html .clearfix {
	height:1%;
}
/* For IE7 */
*+html .clearfix {
	height:1%;
}

@font-face {
	font-family: 'InterstateRegular';
	src: url('fonts/interstate-regular-webfont.eot');
	src: local('☺'), url('fonts/interstate-regular-webfont.woff') format('woff'), url('fonts/interstate-regular-webfont.ttf') format('truetype'), url('fonts/interstate-regular-webfont.svg#webfontEITnDG8f') format('svg');
	font-weight: normal;
	font-style: normal;
}

div.header {
	height:88px;
	}
	div.header img {
		display:block;
		position:absolute;
		top:14px;
		left:27px;
		}
	div.header span{
		color:#006FB7;
		font-size:13px;
		left:155px;
		position:absolute;
		top:50px;
		}
a.quicklink {
	background:url(../gfx/icon-contact.png) no-repeat right;
	color:#006FB7;
	display:inline-block;
	height:26px;
	line-height:26px;
	padding-right:33px;
	position:absolute;
	right:10px;
	top:15px;
	text-decoration:none;
	}
div.search {
	position:relative;
	float:right;
	margin:47px 10px 0 0;
	line-height:22px;
	}
	div.search label {
		color:#001B2D;
		left:11px;
		position:absolute;
		top:5px;
		}
	div.search input[type="text"] {
		background:url(../gfx/search-text.png) no-repeat;
		border:none;
		height:17px;
		line-height:21px;
		margin-right:5px;
		padding:2px 10px;
		width:258px;
		}
	div.search input[type="submit"] {
		background:url(../gfx/icon-search.png) no-repeat;
		border:none;
		cursor:pointer;
		height:26px;
		width:26px;
		}
		
body.home .footer-link{
	background:#ECEDED;
	clear:both;
	padding:20px;
}
body.home .footer-link div{
	float:left;
	width:189px;
}
body.home .footer-link h6{
	font-size:12px;
}
body.home .footer-link li{
	background:url(../gfx/li-line2.png) no-repeat left top;
	line-height:12px;
	list-style:none;
	padding-left:8px;
}
body.home .footer-link a{
	color:#878889 !important;
	font-size:11px;
}
body.home div.contentBlock div.right {
	right:20px;
	padding:0;
	border:none 0;
	}
body.home div.contentBlock div.right {
	width:310px;
	}
	div.flash-block{
		/*background:url(../gfx/flash-block.png) no-repeat; modified by wenbin */
		height:224px;
		/*margin-bottom:10px;
		padding:10px 5px 5px;*/
		width:310px;
		padding:0;
		margin:0;
		position:relative;
	}
	div.flash-block.first
	{   
	    height:196px;
	}
	
	div.flash-block object
	{
	    position:absolute;
	    bottom:0;
	}
body.home div.main-block
{
    position:relative;
	margin-bottom:20px;
}
body.home div.main-block h2{
	margin-bottom:15px;
}
body.home div.main-block p{
	margin-bottom:20px;
}
body.home div.main-block strong{
	color:#58585A;
	display:block;
	font-size:13px;
}
body.home div.main-block a{
	display:block;
}
body.home div.event-block {min-height:200px;}
body.home div.about-block {min-height:200px;}
body.home div.mainContent {min-height:420px;}
body.home div.news-block {min-height:165px;}

body.home div.event-block ul{
	margin:0;padding:0;
	margin-bottom:20px;
}
body.home div.event-block li{
	list-style:none;
	margin:0;padding:0;
	margin-bottom:8px;
	
}

body.home div.event-block h2 
{
    margin:0px 0 15px 0;
}
body.home div.event-block li a{
	background:url(../gfx/icon-search.png) no-repeat left;
	color:#58585A;
	display:block;
	font-size:14.5px;
	font-weight:bold;
	
	line-height:18px;
	padding-left:30px;
	text-decoration:none;
	min-height:26px;
	margin-bottom:15px;
}

body.home div.newsSeparator{
	border-bottom:1px solid #CFD0D2;
	margin-bottom:20px;
}
body.home div.news-block.last{
	border:none;
}
body.home div.news-block p{
	margin:0;
	padding:0;
}
body.home div.news-block a{
	color:#006FB7 !important;
	display:block;
	margin-bottom:20px;
}


/*
.font-size-switch{
	clear:both;
	color:#404040;
	font-size:12px !important;
	padding:0 40px;
	text-align:right;
}
*/
.font-size-switch a{
	color:#404040;
}
.font-size-switch a.current{
	text-decoration:none;
}
.font-size-switch a.small{
	font-size:12px !important;
}
.font-size-switch a.middle{
	font-size:13px !important;
}
.font-size-switch a.big{
	font-size:14px !important;
}


.startDate 
{
    display:block;
    font-size:0.9em;
    font-weight:bold;
    padding-top:0px;
}

.eventTitle 
{
    display:block;  
    font-size:0.8em;
    font-weight:normal;
    padding:0;
    margin-top:-1px;
}

ul#legend 
{
    float:left;
    display:block;
    margin:30px 0 30px 40px;
    list-style-type:none;
}

ul#legend li 
{
    float:left;
    display:block;
    width:200px;
    margin:7px 0 7px 0;
    
}

ul#legend li img 
{
    vertical-align:middle;
    margin:0 3px 0 3px;
}

/* Course Tabs */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px; /*--Set height of tabs--*/
	/*border-bottom: 1px solid #999;
	border-left: 1px solid #999;*/
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	/*border: 1px solid #999;
	border-left: none;*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e3e4e6;
}
ul.tabs li a {
	text-decoration: none;
	color: #58585a;
	display: block;
	font-size: 1em;
	font-weight:bold;
	padding: 0 20px;
	height:31px;
	line-height:31px;
	/*border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

ul.tabs li a span 
{
    display:none;
}

html ul.tabs li#liAlgemeen 
{
    width:109px;
    background:url(/gfx/course-tabs.gif);
}

html ul.tabs li#liAlgemeen.active
{
    background:url(/gfx/course-tabs.gif);
    background-position:0 -31px;
}

html ul.tabs li#liKostenspecificatie 
{
    width:151px;
    background:url(/gfx/course-tabs.gif);
    background-position:0 -62px;
}

html ul.tabs li#liKostenspecificatie.active
{
    background:url(/gfx/course-tabs.gif);
    background-position:0 -93px;
}

html ul.tabs li#liStudieprogramma 
{
    width:154px;
    background:url(/gfx/course-tabs.gif);
    background-position:0 -124px;
}

html ul.tabs li#liStudieprogramma.active
{
    background:url(/gfx/course-tabs.gif);
    background-position:0 -155px;
}

html ul.tabs li#liPraktischeInfo 
{
    width:134px;
    background:url(/gfx/course-tabs.gif);
    background-position:0 -186px;
}

html ul.tabs li#liPraktischeInfo.active
{
    background:url(/gfx/course-tabs.gif);
    background-position:0 -217px;
}

.tab_content 
{
    display:none;
    padding:20px 20px 20px 20px !important;
}

.showFirstTime 
{
    padding-top:51px !important;
}

span.printheader 
{
    display:none;
}

div.courseMainContent div.print-email-buttons {
    top:-97px;
}

div.print-email-buttons {
    position:absolute;
    right:-165px;
    top:13px;
}

div.mainContent.noLinks div.print-email-buttons {
    right:27px;
}

div.print-email-buttons a {
    display:block;
    float:right;
    text-decoration:none;
    color:#000;
    font-size:11px;
    padding-top:4px;
}

a.email-button {
    height:18px;
    width:50px;
    background:url(/gfx/email-button-bg.gif) no-repeat;
    padding-left:30px;
    _width:80px;
    _height:22px;
}

a.print-button {
    width:32px;
    height:18px;
    background:url(/gfx/print-button-bg.gif) no-repeat;
    margin-left:10px;
    padding-left:31px;
    _width:63px;
    _height:22px;
}

div.no-right-bar div.menuMargin {
    background:none !important;
}

div.no-right-bar div.links {
    border:none !important;
}

div.no-right-bar div.mainContent {
    margin-right:28px !important;
    padding-right:0px !important;
}

div.no-right-bar div.right {
    display:none !important;
}

div.no-right-bar div.print-email-buttons {
    right:0px !important;
}

div.mainContent h1 {
    margin-bottom:24px;
}

div.right hr {
    height:1px;
    border:0px none;
    background-color:#e0e0e0;
    margin:0px;
}

div.related-links {
    margin-top:11px;
}

div.related-links span {
    color:#646466;
}

div.related-links a {
    color:#0072b9;
}

div.related-links img {
    margin:8px 0 8px 0;
}

div.related-links a.external {
    background: url(/gfx/icon-external-link.png) no-repeat top right;
    padding-right:16px;
}

div.related-links ul {
    margin:6px 0 0 0;
    display:block;
    list-style-type:none;
    padding:0;
}

div.related-links li {
    display:block;
    margin-top:8px;
}

div.related-links li a {
    color:#646466;
}

div.related-links span {
    color:#9b9b9b;
    font-size:12px;
    font-weight:bold;
}