#lpmain {
position:relative;
width: 770px;
margin: 0 auto;
text-align: left;
}
#lpmidden {
position:absolute;
top:65px;
left:0px;
width:500px;
}
#lpright {
position:absolute;
top:55px;
width:150px;
left:610px;
border-left:2px solid green;
}

#main {
position:relative;
width: 1000px;
margin: 0 auto;
text-align: left;
}


#titeldiv {
position:absolute;
top:0px;
left:0px;
width:790px;
height:49px;
border-bottom:2px solid purple;
}

#titel2div {
position:absolute;
top:0px;
left:790px;
width:210px;
height:49px;
border-left:2px solid green;
border-bottom:2px solid green;
}

#menudiv {
position:absolute;
top:55px;
left:0px;
width:185px;
height:570px; 
background-color:lightgrey;
}
#disclaimer {
position:absolute;
top:600px;
left:0px;
width:185px;
height:15px; 
background-color:lightgrey;
font-size:7pt;
font-weight:normal;
}

#rechtsdiv {
position:absolute;
top:52px;
left:790px;
width:210px;
height:570px;
border-left:2px solid green;
}

#middendiv {
position:absolute;
top:55px;
left:205px;
width:580px;
}

#onderdiv {
position:absolute;
top:580px;
left:206px;
width:580px;
}
#proefaccount {
background-color:green;
color:white;
text-align:center;
line-height:32px;
font-size:12pt;
position:absolute;top:30px;left:250px;width:200px;height:65px;
border:4px solid;
border-bottom-color:darkgreen;border-right-color:darkgreen;
border-left-color:lightgreen;border-top-color:lightgreen;
}

a {
cursor:pointer;
}

.menu {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
cursor: pointer;
height: 28px;
line-height: 28px;
text-align: left;
color:purple;
border-bottom:1px solid white;
}

.menu a {
text-decoration: none;
margin-left:5px;
display: block;
height: 100%;
color:purple;
}

.menu a:hover {
background-color:purple;
color:white;
}

body {
margin: 0;
padding: 0;
background-color: white;
text-align: center;
background:#ffffff;
font-size: 8pt;
font-family:verdana;
}


img {
	border:0px;
	}
	
td.label {
	background-color:#CCE7CA;
	}
td.label a{
	color:#811788;
	font-weight: bold;
	}
td.veld {
	background-color:#E6E6E6;
	}
big {
color:#33A02B;
font-weight:bold;
}
strong {
color:#811788;
font-weight:bold;
}

hr {
color:#811788;
}

img.knop {
	border:0px;
	text-align:right;
	width:30px;
	height:30px;
	margin-left:10px;
	}

h1 { 
	font: bold 15pt arial; 
	text-align:left;
	margin-bottom:3px;
	color:#33A02B;
}
h2 { 
	font: bold 12pt arial; 
	text-align:left;
	color:#811788;
	margin-bottom:3px;
	}
h3 { 
	font: bold 11pt arial; 
	text-align:left;
	color:#33A02B;
	margin-bottom:3px;
	}
h4 { 
	font: 10pt arial; 
	text-align:left;
	color:#811788;
}
h6 { 
	font: 8pt arial; 
	text-align:center;
	color:#811788;
}

a:link, 
a:visited { 
	font-weight:bold;
	text-decoration: none; 
}

a.label:link, 
a.label:visited { 
	text-decoration: underline; 
}
a.label { 
	text-decoration: underline; 
}


table.browser {
	font-family: verdana;
	font-size:8pt;
	cursor:hand;
	background-color:#E6E6E6;
	empty-cells:inherit;
}

table.browser td{
	padding:0pt;
	border-collapse:inherit;
	border-style:inset;
	border:1px solid white;
	empty-cells:inherit;
}

table.browser tr:hover{
	background-color:#CCE7CA;	
}

tr.hovered{
	background-color:#CCE7CA;	
}
tr.sel{
	background-color:#CCE7CA;
}
th.tot {
	font:Arial, Helvetica, sans-serif 8pt bold;
	color:white;
	background-color:#811788;
	margin-top:12px;
	margin-bottom:2px;
	border:1px solid white;
}

td.tot {
	font:Arial, Helvetica, sans-serif 8pt bold;
	color:white;
	background-color:#811788;
	margin-top:12px;
	margin-bottom:2px;
	border:1px solid white;
}

table.browser td a{
	color: #000;
	display: block;
	text-decoration: none;
	empty-cells:inherit;
/*	width:100% */
}

/* make the TH elements pretty */
thead.fixedHeader td {
	background-color:#33A02B;
	/*filter: alpha(opacity=100,finishopacity=20 , style=1);
	  background-image:url(../img/labelbg.jpg)*/
	font-size:10pt;
	font-weight: bold;
	color: #FFF;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	margin:0px;
	text-align: left;
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, 
thead.fixedHeader a:link, 
thead.fixedHeader a:hover, 
thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width:100%
}

tfoot.fixedHeader td {
	background: #C01060;
	border-left: 0px solid #EB8;
	border-right: 0px solid #B74;
	border-top: 0px solid #EB8;
	font-size:10pt;
	font-weight: normal;
	padding: 0px 0px;
	text-align: right
}

tr.fixedHeader td {
	background: #33A02B;
	border: 0px;
	font-size:10pt;
	font-weight: normal;
	padding: 0px 0px;
	text-align: right
}

dt, dd{
margin: 0;
padding: 0;
background-color: white;
color:black;
width:380px;
}

dt {
cursor: pointer;
margin: 3px 0;
height: 22px;
line-height: 20px;
text-align: left;
font-weight: bold;
color:green;
width:380px;
}

dt a {
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
color:green;
background-color:white;
}

dt a:hover {
background-color:green;
color:white;

}

dd {
margin:0px 0px 0px 20px;
width:360px;
display:none;
}