/* CSS Document */

/* kleuren
donkerblauw tinten
dblauw donker:	173B6F
dblauw middel:	2F4F7E
dblauw licht:	44618B

lichtblauw tinten
lblauw donker:	CAD2DE
lblauw licht:	E7EBF0

rood:			D51724

*/

body {width: 100%;
	height: 300px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	padding: 6px;}
BR.pageBreak {page-break-after: always;}
td {	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;}
td.klein {font-size: 10px;}
td.grootvet {font-size: 28px;font-weight: bold;}
td.middel {font-size: 14px;}
td.wit {color:#FFFFFF;}
td.witklein {font-size: 10px; color:#FFFFFF;}
	margin-bottom: 0px;}
h1 {	font-size:25px;
	color:#000;
	font-weight:normal;
	font-style:normal;
	margin-bottom: 10px;}
h2 {	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	font-weight: bold;
	margin-bottom: 10px;}
h3 {	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;}
h3.wit {color:#FFFFFF;}
a {	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: inherit;
	color:#000000;}
a:hover {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: inherit;
	color:#546f8f;
	text-decoration: none;}
a.x {	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration: none;}
a.x:hover {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration: underline;}
a.y {	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration: underline;}
a.y:hover {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration: none;}
a.branche 
	{font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	text-decoration:underline;
	background-color: #E26316;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:8px;
	height:31px;}
.branche:hover, .topmenuitem-selected, .topmenuitem-selected:hover {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
	text-decoration:none;
	background-color: #C1604B;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:8px;
	height:31px;}

.cursusblock {background-image: url(images/back-cursus.gif);
	background-position:top;
	background-repeat:repeat-x;}
.contentblock {background-image: url(images/back-block.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #E7EBF0;}
.contentblock-bottom {width: 100%;
	background-image: url(images/back-block-bottom.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom: 3px solid #000000;}
.menublock {background-image: url(images/back-block.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #E7EBF0;}
.menublock-bottom {width: 100%;
	padding-top: 18px;
	padding-bottom: 14px;
	background-image: url(images/back-block-bottom.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom: 3px solid #000000;}
.menubottom {background-image: url(images/menu-bottom.gif);
	background-position:top;
	background-repeat:repeat-x;
	height: 54px;}
.zoekblock-bottom {width: 100%;
	padding-top: 16px;
	padding-left: 6px;
	background-image: url(images/back-block-bottom.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom: 3px solid #000000;}
/* formulier */
input, .input, textarea, option, select, .option {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;}
.menuwrapper {
	border-top: 1px solid #CAD2DE; 
	border-bottom: 1px solid #FFFFFF;}
.menuitem {font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
	display: block;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CAD2DE;
	padding-left: 6px;
	height: 18px;
	background-image:url(images/menu-arrow.gif);
	background-position:right 3px;
	background-repeat:no-repeat;}
.menuitem:hover {font-family: inherit;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
	display: block;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CAD2DE;
	padding-left: 6px;
	height: 18px;
	background-image:url(images/menu-arrow-hover.gif);
	background-position:right 3px;
	background-repeat:no-repeat;
	background-color:#FFFFFF;}
.menuitem-selected, .menuitem-selected:hover {
	font-family: inherit;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
	display: block;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CAD2DE;
	padding-left: 6px;
	height: 18px;
	background-color:#FFFFFF;
	background-image:url(images/menu-arrow-select.gif);
	background-position:right 3px;
	background-repeat:no-repeat;
	background-color:#FFFFFF;}
.menukop {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
	padding-left: 6px;}
.menukop:hover {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #D51724;
	font-weight: bold;
	text-decoration:none;}
.mark	{color: #000000}
/* topmenu */
.topmenuitem {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	text-decoration:none;
	background-color: #E26316;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:8px;
	height:31px;}
.topmenuitem:hover, .topmenuitem-selected, .topmenuitem-selected:hover {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
	text-decoration:none;
	background-color: #C1604B;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:8px;
	height:31px;}
.menubullet {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 12px;
	text-align:center;}
.topmenu, .topmenu bullet {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 100%;
	height: 31px;
	margin: 0 auto 0 auto; 
	background-color: #D51723;
	text-align:right;
	padding-right: 3px;}

/* ============================================================	*/ 
/* ========	SIDEBAR				===============================	*/
/* ============================================================	*/

div.sidebar {
	float:left;
	width:186px;
	min-height:430px;
	background-color:#E26316;
	}
.sidebar .logo {
	padding:20px 0 20px 15px;
	background-color:#FFF;
	}
.sidebar .sideNav {
	padding:18px 0px 18px 0px;
	}
.sidebar .sideNav a {
	display:block;
	margin:0px 0px 0px 0px;
	padding:4px 15px 2px 15px;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	background:transparent url(images/nav_line.gif) no-repeat 15px 20px;
	cursor:pointer;
	}
.sidebar .sideNav a div {
	width:156px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.sidebar .sideNav a:hover,
.sidebar .sideNav a:active,
.sidebar .sideNav a.active  {
	color:#FFF;
	background-color:#C1604B;
	}
	
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/


.searchBlock {
	position:absolute;
	top:112px;
	left:714px;
	width:250px;
	height:23px;
	z-index:50;
	}
.searchText {
	width:186px;
	border-top:1px solid #98989B;
	border-right:1px solid #D8DADC;
	border-bottom:1px solid #D8DADC;
	border-left:1px solid #504E53;
	padding-left:4px;
	font-size:12px;
	}
	
#UitlegBox3 {
	position: absolute;
	top:100px; 
	left:150px; 
	width: 225px; 
	visibility: hidden; 
	z-index: 1; 
	font-Size: 9pt; 
	color: #FFFFFF;
	background-color: #E26316; 
	border: 2 solid #000000; 
	padding:5px;
}

#nascholing{
	color: #FFFFFF;
}
#nascholing span {
	margin-left:15px;
}
#nascholing h2 {
	color: #FFFFFF;
	margin-left:15px;
}

.center {
	text-align:center;
}

.cursor {
	cursor:pointer;
}