html,body 
{
	height:100%;
	margin:0 0 0 5px;
	padding:0;
	font-family:Verdana,Arial,Georgia;
	background-color:#FFFFFF;
}
.hoofdblok
{
	vertical-align:top;
	height:100%;
	height:auto;
	min-height:100%;
}

.header
{
	height:121px;
	width:1003px;
	background-image:url(../Images/Header.jpg);
	vertical-align:top;
}

.balkje
{
	height:5px;
	width:1003px;
	background-color:Red;
}
.taalkeuze
{
	text-align:right;
	background-color:#e8e3e3;
	border:solid 1px black;
	padding:0 10px 0 10px;
	font-size:10pt;
}
.hoofdnav
{
	width:200px;
	vertical-align:top;
	background-color:#e8e3e3;
	border-left: solid 1px black;
	border-right: solid 1px black;
	text-align:right;
	height:100%;
	height:auto;
	min-height:100%;
	font-size:10pt;
}

.hoofdnav a{
	display:block;
	width:210px;
	_width:170px;
	line-height:25px;
	background-color:#e8e3e3;
	color:#000000;
	border-bottom:1px solid black;
	padding-right:19px;
	text-decoration:none; 
}

.hoofdnav a:hover, .hoofdnav a.here{
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	border-right:7px solid #e8ef7d;
	padding-right:12px;
}

.hoofdnav strong{
	width:190px;
	_width:250px;
	line-height:25px;
	background-color:#26610F;
	color:#000000;
	padding-right:10px;
	display:block;
	
}
.content
{	
	width:750px;
	text-align:left;
	border-right: solid 1px black;
	padding:0 10px 0 10px;
	vertical-align:top;
	height:100%;
	height:auto;
	min-height:100%;
}

.footer 
{
	text-align:right;
	border: solid 1px black;
	background-color:#e8e3e3;
	padding:0 10px 0 10px;
	font-size:10pt;
}

center
{
	min-height:100%;
	height:100%;
	height:auto !important;
}
.wmk
{
	font-size:10pt;
	color:#000000;
	text-decoration:underline;
}

.wmk a:link
{
	font-size:10pt;
	color:#000000;
	text-decoration:underline;
}
.wmk a:visited
{
	font-size:10pt;
	color:#000000;
	text-decoration:none;
}

.wmk a:hover
{
	font-size:10pt;
	color:#000000;
	text-decoration:underline;
}
.wmk a:active
{
	font-size:10pt;
	color:#000000;
	text-decoration:none;
}

p
{
	font-size:10pt;
}

h1
{
	color :#000000;
	background-color:#FFFFFF;
	font-family:Georgia,verdana,Arial;
	font-size:14pt;
    line-height:14pt;
    letter-spacing:normal;
}

ul li a
{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

ul li a:hover
{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}

ul li a:visited
{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

ul li a:active
{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}

.CuteEditorFrame {width:100%;height:100%;padding:0;}

.containerEditor
{
}



.containerNormal
{
	margin-right:20px;
	margin-left:20px;
	font-size:11px;
	padding-top:57px;
}
/* We collapse borders because we don't want cell spacing.
   We specify the font family here too, including a generic fall-back.
   We specify a global table font size, using 'ems' because they are
   resizable and take their relative value from the global stylesheet. */
.listview
{
	margin: auto;
	font-size: 12px;
	width: 100%;
	height: 100%;
	font-family:  Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
}
table.listview {
	border-collapse: collapse;
	background: #fff no-repeat center;
	color: #000;
	font-family:  Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}



/* We add letter spacing because all caps makes the letters scrunchy
   Also, left aligned because it was favoured by my university for table
   captions, but yours might be different. Actually for a scientific paper,
   the caption would be more detailed, resembling a table 'summary' */
table.listview caption {
	padding-bottom: 5px;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	text-align: left;
	font-family: Verdana,"Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Table headers should be clear, but concise and discreet.
   The double border separates the row from caption and the table body 
   without needing a different background colour. Because we've specified
   a text colour, we also specify a background colour (even though it's the
   same as the main table colour) to accommodate personal stylesheets. */
table.listview thead th
{
	border-top: 3px double #ccc;
	border-bottom: 3px double #ccc;
	padding: 2px 10px;
	color: #FFFFFF;
	text-align: left;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	white-space: nowrap;
	background-color: #26610F;
	border-style: solid none solid none;
	border-width: 1px 1px 4px 1px;
	border-color: #E8EF7D;
	font-family: Verdana, "Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* We've given the table footer the same double border treatment for the
   same reason.  It also acts as a nice "end of table" indicator. It's 
   part of the data so we leave the text black. We also treat the header
   and data the same way. */
table.listview tfoot th,
table.listview tfoot td {
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
    padding: 2px 10px;
    font-variant: small-caps;
    letter-spacing: 0.1em;
}

/* We now revert to discreet single pixel horizontal borders to separate
   each entry.  If your table content is numerical data, you might want the
   vertical borders too, but I find it's visually more pleasing and easier to
   read online when there is plenty of padding instead of borders. 
   NOTE: we treat the headers and data cells the same here, visually it's clear
   enough (header text is bold) and does not affect screen-reader software */
table.listview tbody th,
table.listview tbody td {
	border-bottom: 1px solid #ccc;
	padding: 2px 10px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana,"Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-color: #E8EF7D;
}

table.listview tbody tr.selected
{
	background: #E8E8FF;
}

table.listview tbody tr.odd
{
	background: #E8EF7D;
}
table.listview tbody tr:hover
{
	background: #A9A83E;
	cursor: hand;
	font-family: Verdana,"Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.listview tbody tr:hover a
{
	color: #000000;
}