body{
	padding: 0;
	margin: 0;
	background-color: #BFCEE1; /*#ff9900; */ /*#BFCEE1; */
	color: #000000;
}
body,p,div,span,select,input,textarea{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	line-height:17px;
	
}
input,textarea,select{
	padding: 2pt;
	border: 1px inset #999999;
}
button{
	border: 1px outset #BAC6D7;
	padding: 2px;
	color: #FC7800;
	background-color: #DDE5F2;
	font-weight: bolder;
}
button:hover{
	border-style: inset;
}
.verplichtVeld{
	background-color: #f3f3f3;
	color: inherit; 
}
.foutmelding{
	color: #FF0000;
	background-color: inherit;
}
.goedmelding{
	color: #009900;
	background-color: inherit;
}
.clear{
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 0;
	height: 0;
	border: 0px none;
}
form td{
	line-height: 20px;
	padding: 3px;
}
.borderless{
	border: 0px none;
}
#website{
	width: 980px;
	padding: 1px;
	margin: 4px auto 2px auto;
	background-color: #ffffff; 	 /*FF9900 */
	color: inherit;
}
#headerhome{
	height: 92px;
	background-color: #e4ecf9;
	color: inherit;
	position: relative;
}
* html #headerhome{ background-position: 755px 22px; }

#header{
	height: 92px;
	background-color: #e4ecf9;
	color: inherit;
}
#independer {
	position: absolute;
	left: 445px;
	top: 1px;
	width: 102px;
	height: 89px;
}
/* tabs bovenin de header */
#tabs
{
padding: 0;
background: #E4ECF9;
height: 30px;
}
* html #tabs { height: 30px; }

#tabslist
{
margin: 0px;
padding: 0px 0px;
display: block;
}

#tabslist li
{
list-style: none;
float: left;
width: 109px;
height: 30px;
margin-right: 2px;
background-image: url(../img/bg_tabs.gif);
background-repeat: no-repeat;

}

#tabs a, #tabslist li.extend
{
margin: 0px;
display: block;
padding: 5px 0 0 0;
text-decoration: none;
color: #000;
font-size: 12px;
text-align: center;
}

#tabs a:hover, #tabs a#current
{
color: #FC7800;
background-image: url(../img/bg_tabs_mouse.gif);
background-repeat: no-repeat;
width: 109px;
height: 30px;
}

#tabs a#current
{
font-weight: bold;
color: #FC7800;
background-image: url(../img/bg_tabs_mouse.gif);
background-repeat: no-repeat;
width: 109px;
height: 30px;
}


#navigatie{
	height: 28px;
	padding: 0;
	margin: 0;
	background-color: #094989;
	color: inherit;
	border-bottom: 1px solid #FC7800;
}
#footer{
	height: 28px;
	padding: 0;
	margin: 0;
	background-color: #094989;
	color: inherit;
	border-top: 1px solid #FC7800;
}
a{
	margin: 0;
	padding: 0;
}
a img{
	border: 0px none;
	padding: 0;
	margin: 0;
}
a:link,
a:active,
a:visited {
	background: inherit;
	color: #094989;
	text-decoration: none;
	letter-spacing:0px;
}
a:hover {
	background: inherit;
	color: #FC7800;
	text-decoration: underline;
}
img.border{
	border: 1px solid #88aacc;
}
#imgLogo{
	float: left;
}
#imgContact{
	float: right;
}
#navigatie ul,
#footer ul{
	margin : 0;
	padding: 0;
	line-height: 28px;
}
#navigatie ul li,
#footer ul li{
	line-height: 28px;
	list-style-type: none;
	display: inline;
}
#navigatie li a,
#footer li a{
	padding: 20px;
	color: #ffffff;
	background-color: inherit;
	font-size: 12px;
}
#navigatie li a:link, 
#navigatie li a:visited,
#footer li a:link, 
#footer li a:visited{
	text-decoration: none;
}
#navigatie li a:hover, 
#navigatie li a:active,
#footer li a:hover, 
#footer li a:active{
	text-decoration: none;
	color: #FC7800;
}
#navigatie a.activeItem{
	font-weight: bolder;
	color: #FC7800;
}
#content{
	background-color: #ffffff;
	color: #000000;
	position:relative;
}
	#content #independer{
		position:absolute;
		left:20px;
		top:385px;
	}
	#right_content #independer_vervolg {
		margin:20px 0 20px 45px;
	}
	
#left_content{
	position: relative;
	float: left;
	min-height: 400px;
	padding: 5px 5px 5px 10px;
}
#left_footer{
	position: absolute;
	left: 0px;
	bottom: 5px;
	padding-top: 10px;
	text-align: center;
	width: 220px;
}
#left_footer img{
	margin-right: 27px;
}
h1,h2,h3{
	margin: 0px 0px 5px 0px;
	padding: 0;
}
h1{
	font-size: 11pt;
	color: #FC7800;
	border-top: 1px solid #FDC999;
	border-bottom: 1px solid #FDC999;
	padding: 2px 0 4px 2px;
	margin: 16px 0 20px 0;
}
#dossier {
	vertical-align: bottom;
	font-size: 9px;
	line-height: 20px;
	margin: 0 0 20px 5px;
	padding: 2px 2px 2px 5px;
	border: 0px solid #ABB5C5;
}
#buttonArow {
	float:left; 
	margin-left:150px; 
	margin-top:-20px;
}
* html #buttonArow { 
	margin-left:153px; 
	margin-top:-22px; 
}
h2{
	font-size: 10pt;
}
h3{
	font-size: 9pt;
}

/* Menu left_content */
#navcontainer { width: 175px; margin-top:17px; padding:0;}
#navcontainer ul
{
	margin-left: 0;
	padding-left: 4px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
#navcontainer ul ul
{
	margin-left: 0;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
}
#navcontainer a
{
	display: block;
	padding: 3px 3px 3px 6px;
	width: 150px;
	background-color: #D0D8E4;
	letter-spacing: 0px;
	font-size: 11px;
	font-weight: bold;
	border-bottom: solid 1px #BECADC;
}
#navcontainer a:link, #navlist a:visited
{
	color: #094989;
	text-decoration: none;
}
#navcontainer a:hover, #navcontainer a:active
{
	background-color: #BECADC;
	color: #FC7800;
}
#navcontainer a:link.activeItem,
#navcontainer a:visited.activeItem{
	background-color: #BECADC;
	color: #FC7800;
	font-weight: bold;
}
#subnavcontainer a
{
	padding: 3px 3px 3px 15px;
	width: 141px;
	background-color: #D0D8E4;
	letter-spacing: 0px;
	background-image: url(../img/bullit.gif);
	background-repeat: no-repeat;
	background-position: 6px 11px;
	font-weight: normal;
	border-bottom: solid 0px #BECADC;
}
#subnavcontainer a:hover, #subnavcontainer a:active
{
	background-color: #DDE5F2;
	color: #FC7800;
	background-image: url(../img/bullit_mouse.gif);
	background-repeat: no-repeat;
	background-position: 6px 11px;
}
#subnavcontainer a:link.activeItem,
#subnavcontainer a:visited.activeItem{
	background-color: #DDE5F2;
	color: #FC7800;
	font-weight: normal;
	background-image: url(../img/bullit_mouse.gif);
	background-repeat: no-repeat;
	background-position: 6px 11px;
}
p.center{	
	text-align: center;
}
/* Progressbar */
div#progressForm{
	position: relative;
	background-color: #88aacc;
	padding: 5px;
	color: white;
	border: 1px solid #000000;
	margin: 10px 0px 10px 0px;
	height: 25px;
}
div#progressForm h2{
	clear: left;
	float: left;
}
div#progressBar{
	float: right;
	position: relative;
	border: 1px solid #000000;
	height: 10px;
	width: 100px;
	background-color: #ffffff;
}
div#progressText{
	clear: right;
	float: right;
	display: block;
	width: 100px;
	font-size: 7pt;	
}
div#progressMeter{
	height: 10px;
	text-align: center;	
	background-color: #000000;
	color: inherit;	
}
/* Overzichten */ 
table.overzicht td, 
table.overzicht th{
  	padding: 5px;
	margin : 1px;
	border-bottom: 1px solid #cccccc;
}
table.overzicht td{
	vertical-align: text-top;
}
table.overzicht ul, 
table.overzicht li{
	list-style-position: outside;
} 
table.overzicht thead th{
	border-top: 3px solid #88aacc;
}
table.overzicht tfoot td{
	color: #cccccc;
	background-color: inherit;
	text-align: center;
	font-weight: normal;
}
table.overzicht tr.oneven td{
	background-color: #f5f5f5;
}
table.overzicht #colum1, 
table.overzicht tbody td:first-child{
	font-weight: bolder;
	white-space: nowrap;
}
table.overzicht #colum2{
	text-align: left;
}
/* Lijst */
dt{
	float: left;
}
dd{
	float: left;
	font-weight: bolder;
	font-size: 12px;
	padding-top: 15px;
}
/* Hypotheekmogelijkheden tekst blokken */
#top {
	background-color: #BECADC;
	font-weight: bold;
	font-size: 14px;
	color: #094989;
	letter-spacing: 0px;
	line-height: 10px;
	padding: 5px 5px 0 5px;
	height: 25px;
	border-bottom: 1px solid #BECADC;	
}
#foto1, #foto2, #foto3 {
	color: #000;
	font-weight: bold;
	font-size: 10px;
	padding-left: 6px;
	height: 40px;
	border-bottom: 1px solid #D0D8E4;
}
#foto1 {
	background-image: url(../img/bg_bereken.jpg);
	background-repeat: no-repeat;

}
#foto2 {
	background-image: url(../img/bg_bereken1.jpg);
	background-repeat: no-repeat;
}
#foto3 {
	background-image: url(../img/bg_hypotheek.jpg);
	background-repeat: no-repeat;
}
#text {
	background-color: #FFF;
	color: #000;
	font-weight: normal;
	font-size: 9px;
	padding: 5px;
	height: 100px;

}
#bottom {
	background-color: #DDE5F2;
	color: #000;
	font-weight: normal;
	font-size: 10px;
	padding: 5px;
	letter-spacing: 1px;
	border-top: 1px solid #D0D8E4;
	height: 15px;
}
/* Berekeningen */
#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: lightyellow;
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	color: navy;
	margin: 3px 8px;
}