BODY
{
	font:12px 'Trebuchet MS', Verdana, sans-serif;
	color:#777777;
	background:#FFF;
	margin:0;
	padding:0;
}

H1
{
	font-size:18px;
	color:#7695A8;
}

H2
{
	margin:12px 0 5px 0;
	font-size:16px;
	color:#7695A8;
}

TD
{
	padding:1px;
}

#container
{
	margin:0  auto;
	padding:0 10px;
	width:727px;
}

#header
{
	width:727px;
	height:35px;
	text-align:right;
	padding-top:5px;
}

#header2
{
	width:727px;
	height:106px;
}

#header2_left
{
	width:597px;
	height:106px;
	float:left;
}

#header2_right
{
	width:130px;
	height:106px;
	float:right;
}

#menu
{
	height:24px;
	width:100%;
	background:#BAE0F7;
}

#content
{
	width:727px;
	background:#FFFFFF;
}

.clear
{
	:both;
	height:0;
	line-height:0;
	font-size:0;
}

#footer
{
	width:727px;
	height:5px;
}

#lfooter
{
	background:#FFFFFF url('./hoekl.gif')  bottom left no-repeat;
	float:left;
	width:27px;
	height:5px;
}

#rfooter
{
	background:#FFFFFF url('./hoekr.gif')  bottom right no-repeat;
	float:right;
	width:700px;
	height:5px;
}

#menu ul
{
	margin:0;
	padding:0;
	white-space:nowrap;
}

#menu ul li
{
	margin:0;
	padding:0;
	display:block;
	float:left;
	text-align:center;
}

#menu ul li a
{
	background:#BAE0F7 no-repeat;
	color:#005288;
	text-decoration:none;
	display:block;
	border:none;
	padding:3px 15px;
	font-size:13px;
}

#menu ul li a:hover
{
	background:#B8CFDF no-repeat;
	color:#005288;
	text-decoration:underline;
	display:block;
	border:none;
	padding:3px 15px;
	font-size:13px;
}

#footer ul
{
	margin-left:250px;
	padding:0;
	white-space:nowrap;
}

#footer ul li
{
	margin:0;
	padding:0;
	display:block;
	float:left;
	text-align:center;
}

#footer ul li a
{
	color:#005288;
	display:block;
	border:none;
	padding:3px 10px;
	font-size:14px;
}

#footer ul li a:hover
{
	background:#B8CFDF no-repeat;
	color:#005288;
	text-decoration:underline;
	display:block;
	border:none;
	padding:3px 10px;
	font-size:14px;
}


.field1
{
	background:#E5F3FC;
}

.field2
{
	background:#E5F3FC;
}

IMG
{
	border:0;
}
form
{
	margin: 10px;
	padding: 10px;
	border: 1px solid #384D5B;
	background-color: #F7F8E4;
}

INPUT
{
	border:1px solid #0E4661;
	background:#F7F7F7;
}

.jnButtons
{
	text-align:center;
}

.jnNoError
{
	width:12px;
}

.jnError
{
	width:12px;
	background:url('fout.jpg') no-repeat;
	cursor:pointer;
}

.jnNoHelp
{
	width:12px;
}

.jnHelp
{
	width:12px;
	background:url('info.gif') no-repeat;
	cursor:pointer;
}

.jnMandatory
{
	background:url('ster.gif') no-repeat top right #F7F7F7;
}

input[type^=button]
{
	background:#FFF;
	border:1px solid #0E4661;
	font-weight:bold;
}

input[readonly]
{
	background:#F7F7F7;
	border:none;
}

#Geachtehrmvrw
{
	border:none;
	width:550px;
	background:#FFF;
}

#Bedanktintrss
{
	border:none;
	width:550px;
	background:#FFF;
}

#GroetenSite
{
	border:none;
	width:550px;
	background:#FFF;
}

#HypotheekVormHypotheekVorm .jnColumnLabel
{
	vertical-align:top;
}

#WideTextArea2
{
	border:none;
	background-color:#FFF;
	width:550px;
	height:150px;
	overflow:hidden;
}

#WideTextArea4
{
	border:none;
	background-color:#FFF;
	width:550px;
	height:130px;
	overflow:hidden;
}

.thermometer
{
	background-image:url('thermometer.gif');
}

#TopScoreHypot
{
	border:none;
	background-color:#FFF;
	width:300px;
}

#Bedankthypvrm1
{
	border:none;
	background-color:#FFF;
	width:550px;
	height:90px;
	overflow:hidden;
}

#Bedankthypvrm2
{
	border:none;
	background-color:#FFF;
	width:550px;
	height:90px;
	overflow:hidden;
}

#WideTextArea
{
	border:none;
	background-color:#FFF;
	width:550px;
	height:60px;
	overflow:hidden;
}

#header a
{
	font-size:1.6em;
}



#tabmenu {
width:725px;
overflow:auto;
margin:0;
padding:0;
}

#tabmenu ul {
list-style-type:none;
margin:0;
padding:0;
}

#tabmenu li {
float:left;
width:145px;
background:url('menubg.jpg');
text-align:center;
color: #FFF;
}

#tabmenu li.selPeriode {
float:left;
width:145px;
background:url('menubg.jpg') -145px 0;
text-align:center;
}
#tabmenu li.selPeriode  a{
color: #FFF;
}
#tabmenu a {
padding-top:6px;
display:block;
width:100%;
text-decoration:none;
height:20px;
color: #FFF;
font-size:1em;
font-weight:700;
}

#tabmenu a:hover {
background:url('menubg.jpg') -145px 0;
}

#rentetabel 
{
	border: 1px solid #E9E9E9;
}
#rentetabel  td
{
border: 1px solid white;
}
.evenRij {
background:#F9F9F9;
}

.onevenRij {
background:#F0F2F9;
}