@charset "UTF-8";

* { padding: 0; margin: 0; }

ul li{
list-style:none;
}

a:link {color: #FFFFFF; text-decoration:none;}
a:visited {color: #CCCCCC; text-decoration:none;}
a:hover {text-decoration: none; color: #999999;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: 500;
 background-color:#FFE143;
}

#wrapper { 
 margin: 5px auto;
 width: 920px;
 background-color:#FFFFFF;
}

font {
	font-size: inherit !important;
	font-family: inherit !important;
	color: inherit !important;
}
span {
	font-size: inherit !important;
	font-family: inherit !important;
	color: inherit !important;
}
big {
	font-size: inherit !important;
	font-family: inherit !important;
	color: inherit !important;
}

table{
padding:5px;
margin:5px;
}
#header {
 color: #FFF;
 width: 900px;
 float: left;
 height: 150px;
 margin: 0px 0px 0px 0px;
 padding:0px 10px 0px 10px;
 background-color: #FF0000;
 background-image:url(header.gif);
 background-repeat:no-repeat;
 font-size:30px;
 line-height:8em;
}

#header span {
 margin-left:130px;
}

#navigation {
 float: left;
 width: 920px;
 height:15px;
 color: #FFF;
 margin: 0px 0px 0px 0px;
 background-color: #FF0000;
}
#leftcolumn {
	color: #FFF;
	background-color: #3333FF;
	margin: 15px 10px 5px 10px;
	padding: 10px;
	width: 180px;
	float: left;
}

#leftcolumn p{
	margin-left:10px; 
	margin-top:10px;
}

#leftcolumn a{
color: #000000;
text-decoration:underline;
}


#rightcolumn { 
 float: right;
 color: #333;
 padding: 10px;
 padding-right:40px;
  width: 638px;
 display: inline;
}

#rightcolumn a {
color:#0000FF;
}

#rightcolumn li {
	margin: 5px 0px 5px 20px;
	list-style: inside;
}

#footer { 
 width: 920px;
 clear: both;
 color: #333;
 background-color:#FFE143;
 margin:0px;
 text-align:center;
}

	#nav a {text-decoration:none;}
	#nav li a:link {color: #FFFFFF;}
	#nav li a:visited {color: #FFFFFF;}
	#nav li a:hover {text-decoration: none; color:#000000;}
	
	a.tekstlink:link {color: #000;}
	a.tekstlink:visited {color: #000;}
	a.tekstlink:hover {text-decoration: none; color:#000000;}

	#inhoud a { text-decoration:none;}
	#inhoud a:link {color: #0000FF;}
	#inhoud a:visited {color: #0000FF;}
	#inhoud a:hover {text-decoration: none; color:#FF0000;}
	
	#footer a { text-decoration:none;}
	#footer a:link {color: #0000FF;}
	#footer a:visited {color: #0000FF;}
	#footer a:hover {text-decoration: none; color:#FF0000;}

#nav, #nav ul { /* all lists */
	padding: 0;
	padding-left:10px;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav b {
font-size:13px;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-image:url(65.png);
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	line-height:2;

}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

/* CSS voor date picker */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */