@CHARSET "utf-8";
* /* Sets border, padding and margin to 0 for all values */
{
	padding: 	0;
	margin: 	0;
	border: 	0;
}
body, html {
	color: 				#000000; 
	font-family: 		Verdana, Arial, sans-serif;
	font-size:			medium;
	margin:				0;
	padding:			0;
	height: 			100%;
	background-color: 	#BAA9C0;
}
div#body {
	position:			relative; /* needed for footer positioning*/
	margin:				0 auto; /* center, not in IE5 */
	width:				80%;
	min-width:			850px;	
	height:				auto !important; /* real browsers */
	height:				100%; /* IE6: treaded as min-height*/
	min-height:			100%; /* real browsers */
	background-color:	#F8F6F8;
	line-height: 		1.3em;
}
div#main_left {
	width: 				260px;
	height:				400px;
	min-height:			400px;
	float: 				left;
	margin:				0;
	padding:			0 0 1em 5px;
	background-image:	url("../images/lijn_sidebar.png");
	background-repeat: 	no-repeat;
	background-position:right 160px;
}
div#main_left img#logo {
	display: 			block;
	margin:				1em auto 2.5em auto;
}
div#header {
	height: 			90px;
	line-height: 		90px;
}
div#menu {
	margin-left: 		275px;
	margin-right:		1em;
	margin-bottom:		10px;
	text-align: 		justify;
}
#main_menu_top {
	background: 		#996699; 
	border-right:		1px solid #996699; 
	border-left:		1px solid #996699;
	color:				#ffffff;
	line-height: 		30px;
	height:				30px;
	padding-left: 		5px;
}
#main_menu_bottom {
	background: 		#ffffff; 
	border-right:		1px solid #996699; 
	border-left:		1px solid #996699;
	color:				#996699;
	line-height: 		20px;
	height:				20px;
}
.top_menu_option {
	display:			block;
	color:				#ffffff;
	text-decoration: 	none;
	float:				left;
	margin:				-2px 10px 0 10px;
	text-align: 		center;
}
.top_menu_option:hover {
	display:			block;
	color:				#ffffff;
	text-decoration: 	underline;
}
.top_menu_selected {
	display:			block;
	font-weight: 		bold;
	font-size: 			large;
}
.bottom_menu_option {
	display:			block;
	color:				#996699;
	text-decoration: 	none;
	float:				left;
	margin:				0 10px 0 10px;
	font-size: 			small;
}
.bottom_menu_option:hover {
	color:				#996699;
	text-decoration: 	underline;
}
div#content {
	padding:			0 1em 0 0; /* bottom padding for footer */
	margin-left: 		260px;
	background-image: 	url("../images/lijn_verticaal.png");
	background-repeat: 	repeat-y;
	background-position: left;
}
div#content h3, div#content p, div#content table, div#content h4, div#content ul, div#content li {
	margin-left: 		2em;
}
div#content p {
	text-align:			justify;
	padding:			.5em 1em .5em 0;
}
li {
	margin:				.3em 0 .3em 0;
}img.image {
	margin: 			.3em auto .3em auto;
	display: 			block;
}
div#main_content {
	min-height: 		300px;
}
div#top_line {
	background-image:	url("../images/lijn_horizontaal.png");
	background-repeat: 	repeat-x;
	background-position:top;
	padding:			0;
	margin:				0 0 1em 0;
	height: 			20px;
}
div#top_line img {
	display: 			block;
	float:				right;
}
img#pijl_onder {
	display: 			block;
	margin: 			0 0 0 260px;
	padding:			0 0 1.1em 0;
}
div#footer {
	position:			absolute;
	width:				100%;
	bottom:				0; /* stick to bottom */
	background:			#F8F6F8; /* #ddd; */
	color:				#8F8F8F;
	font-size: 			small;
	text-align: 		right;
	font-style: 		italic;
}
div#footer p {
	padding:			0;
	margin:				0 1em 0 0;
}
a {
	font-style: 		normal;
	text-decoration: 	underline;
}
a:hover {
	color:				#A1C7E7;
	text-decoration: 	none;
}
h1 {
	font-size: 			2.0em;
	text-align: 		center;
	margin:				0 0 .5em 0;
}
h3 {
	font-size: 			1.2em;
	text-align: 		left;
	margin:				0 0 .3em 0;
}
h4 {
	font-size: 			1em;
	text-align: 		left;
	margin:				.5em 0 0 0;
}
h1, h2, h3, h4, a {
	color:				#996699;
}
/* Agenda rounded corners, source: http://blog.yosle.com/2007/09/20/css-round-corners/ */
div#main_left div#sidebar_agenda {
	font-size: 			small;
	margin:				5em auto 0 auto;
	width:				250px;
}
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{
	font-size:			1px; 
	overflow:			hidden; 
	display:			block;
}
.b1h {
	height:				1px; 
	background:			#996699; 
	margin:				0 5px;
}
.b2h, .b2bh {
	height:				1px; 
	background:			#996699; 
	border-right:		2px solid #996699; 
	border-left:		2px solid #996699; 
	margin:				0 3px;
}
.b3h, .b3bh {
	height:				1px; 
	background:			#996699; 
	border-right:		1px solid #996699; 
	border-left:		1px solid #996699; 
	margin:				0 2px;
}
.b4h, .b4bh {
	height:				2px; 
	background:			#996699; 
	border-right:		1px solid #996699; 
	border-left:		1px solid #996699; 
	margin:				0 1px;
}
.b2bh, .b3bh, .b4bh {
	background: 		#ffffff; /* #F8F6F8; */
}
.sidebar_agenda_header {
	background: 		#996699; 
	border-right:		1px solid #996699; 
	border-left:		1px solid #996699;
	text-align: 		center;
	font-weight: 		bold;
	color:				#ffffff;
}
.sidebar_agenda_content {
	background: 		#ffffff; /* #F8F6F8; */ 
	border-right:		1px solid #996699; 
	border-left:		1px solid #996699;
}
.sidebar_agenda_content div {
	margin-left: 		12px; 
	padding-top: 		5px;
}

table.agenda {
	width: 				100%;
	font-size: 			x-small;
	line-height: 		1.1em;
}
table.agenda th {
	text-align: 		left;
}
table.agenda .left { 	/* datum */
}
table.agenda td {
	text-align: 		left;
	vertical-align: 	top;
	padding:			0 0 5px 0;
}

.hidden {
	display: 			none;	
}
.shown {
	display: 			block;
}
.clear {
	height: 			0px;
	clear: 				both;
}
table.datatable {
	border-spacing: 	0;
	margin:				.5em 0 .5em 0;
	text-align: 		left;
}
table.datatable td {
	border: 			1px solid #996699;
	padding:			.1em;
}
table.datatable .left {
	width:				25%;
}
table.simpledata td {
	padding:            0 2px 0 2px;
}