body
	{
		font-family: Sans-serif;
		background: white;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}

	a:hover
	{
		text-decoration: none;
	}

	a
	{
		color: black;
		font-weight: bold;
		padding-left: 4px;
		padding-right: 4px;
		text-decoration: none;
	}
	

	table.title
	{
		height: 100px;
		width: 100%;
		overflow: hidden;
		background: #eeeeee;
		padding: 0px;
		margin: 0px;
		border: 0px;
		border-top: 10px solid white;
		border-bottom: 10px solid white;
	}

	td.title1 
	{
		text-align: right; 
		font-family: Serif;
		background: #aaaaff;
		border: 1px solid #8888bb;
		border-left: 0px;
		color: #222288;

		width: 350px;
		height: 80px;
		padding: 8px;
		margin-right: 10px;
		overflow: hidden;
	}

	td.title2
	{
		width: 10px;
		height: 100px;
		background: white;
		border: 0px dashed;
		padding: 0px;
		margin: 0px;
	}

	.title1 h1 
	{
		font-family: Serif;
		font-size: 20px;
		color: black;
		font-weight: bold;

		margin: 0px;
		padding: 0px;
	}
	
	td.title_intro
	{
		text-align: center; 
		font-family: Serif;
		background: #ccccff;
		border: 1px solid #8888bb;
		border-left: 0px;
		color: #222288;

		width: 650px;
		height: 80px;
		padding: 8px;
		overflow: hidden;
	}
	.title_intro h1 
	{
		font-family: Serif;
		font-size: 50px;
		color: black;
		font-weight: bold;
		text-align: center;

		margin: 0px;
		padding: 0px;
	}
	
	.title2 h1 
	{
		font-family: Serif;
		font-size: 28px;
		color: black;
		font-weight: bold;

		margin: 0px;
		padding: 0px;
	}
	

	td.title3_yellow
	{
		font-family: Serif;
		font-size: 28px;
		font-weight: bold;
		vertical-align: top;
		
		background: #ffffaa;
		border: 1px solid #dddd88;
		border-right: 0px;

		width: 800px;
		height: 80px;
		padding: 8px;
		overflow: hidden;
	}

	td.title3_red
	{
		font-family: Serif;
		font-size: 28px;
		font-weight: bold;
		vertical-align: top;
		
		background: #ffcccc;
		border: 1px solid #ddaaaa;
		border-right: 0px;

		width: 800px;
		height: 80px;
		padding: 8px;
		overflow: hidden;
	}

	td.title3_blue
	{
		font-family: Serif;
		font-size: 28px;
		font-weight: bold;
		vertical-align: top;
		
		background: #ccccff;
		border: 1px solid #aaaacc;
		border-right: 0px;

		width: 800px;
		height: 80px;
		padding: 8px;
		overflow: hidden;
	}
	
	table.main
	{
		vertical-align: top;
		margin: 0px;
		padding: 0px;
		height: 400px;
		width: 100%;
		overflow: hidden;
		background: #eeeeee;
		border: 1px solid #cccccc;
	}
	
	td.menu
	{
		font-family: Sans-Serif;
		font-size: 12px;
		font-weight: bolder;
		padding: 4px;
		width: 150px;

		vertical-align: top;
		text-align: right;

		margin: 0px;
		padding: 0px;
		border: 0px;

		background: #ddddff;
	}
	.menu div
	{
		padding: 8px;
		width: 150px;
	}
	
	td.main a, .kader a
	{
		color: #aa2222;
		border: 1px solid white;
	}
	td.main a:hover, .kader a:hover
	{
		border: 1px solid #ffdddd;
		background: #ffeeee;
	}	

	
	a.menuitem
	{
		font-family: sans-serif;
		font-size: 12px;
		font-weight: bolder;
		color: black;
		text-align: center;
		width: 140px;
		display: block;
		padding: 2px;
		margin: 4px;
		background: #ffcccc;
		border: 1px solid #cc6666;
	}
	
	a.menuitem:hover
	{
		background: #eeaaaa;
	}	

	a.menuitem2
	{
		font-family: sans-serif;
		font-size: 12px;
		font-weight: bolder;
		color: black;
		text-align: center;
		width: 140px;
		display: block;
		padding: 2px;
		margin: 4px;
		background: #ffffcc;
		border: 1px solid #cccc66;
	}	

	a.menuitem2:hover
	{
		background: #eeeeaa;
	}	


	a.menuitem3
	{
		color: black;
		text-align: center;
		width: 140px;
		display: block;
		padding: 2px;
		margin: 4px;
		background: #ffffff;
		border: 1px solid #cccccc;
	}	

	a.menuitem3:hover
	{
		background: #dddddd;
	}	

	a.menuitem4
	{
		font-family: sans-serif;
		font-size: 12px;
		font-weight: bolder;
		color: black;
		text-align: center;
		width: 140px;
		display: block;
		padding: 2px;
		margin: 4px;
		background: #ccccff;
		border: 1px solid #6666cc;
	}	

	a.menuitem4:hover
	{
		background: #aaaaee;
	}	
	

	a#makelaar_intro
	{
		width: 250px;
		height: 250px;
	}
	a#opleiding_intro
	{
		width: 250px;
		height: 250px;
	}
	td.kolom 
	{
		vertical-align: top;
		font-family:  Sans-Serif;
		font-size: 9px;
		font-weight: bold;
		padding: 8px;
		width: 150px;

		background: #ffffcc;
		padding: 4px;
	}

	div.kader
	{
		font-size: 9px;
		font-family: sans-serif;
		display: block;
		width: 140px;
		margin: 4px;
		padding: 2px;
		background: white;
		border: 1px dashed #dddddd;
	}
	
	.kader a
	{
		border: 1px solid white;
	}
	
	td.main
	{
		vertical-align: top;
		font-family: Serif;
		font-size: 14px;
		color: #666666;
		background: white;
		padding: 8px;
		border-left: 1px dashed #cccccc;
		border-right: 1px dashed #cccccc;
		width: 600px;
	}
	
	.cell
	{
		vertical-align: top;
		color: #666666;
		padding: 8px;
	}

	.main h4
	{
		font-family: Sans-Serif;
		font-weight: bold;
		font-size: 12px;
		letter-spacing:0px;
		margin: 0px;
		spacing: 0px;
		padding: 0px;
		color: #884444;
	}

	.main h3
	{
		font-family: Sans-Serif;
		font-weight: bold;
		font-size: 14px;
		letter-spacing:2px;
		margin: 0px;
		spacing: 0px;
		padding: 0px;
		color: #884444;
	}

	.main h1
	{
		text-align: center;
		font-family: Sans-Serif;
		font-size: 20px;
		color: #cc8888;
	}

	.main h2
	{
		font-weight: bold;
		font-family: Sans-Serif;
		font-size: 16px;
		color: #cc8888;
		margin: 0px;
		spacing: 0px;
		padding: 0px;
	}

	td.main a, .kader a
	{
		color: #aa2222;
		border: 1px solid white;
	}

	td.main a:hover, .kader a:hover
	{
		border: 1px solid #ffdddd;
		background: #ffeeee;
	}	

	table.grid
	{
		border-bottom: 1px solid #000000;
		border-left: 1px solid #000000;
	}
	
	table.grid tr td
	{
		padding: 2px;
		border-top: 1px solid #000000;
		border-right: 1px solid #000000;
	}

	.tr_even td
	{
		background: #ffffcc;
	}

	.tr_head td
	{
		background: #cc6666;
		color: #ffffcc;
		font-weight: bold;
		text-align: center;
		padding: 4px;
	}