html{
	background:#153776 url(../img/bg.gif) top left repeat-x;
	font-family:Verdana, Sans-serif;
	font-size:11px;
	line-height:1.6em;
	color:#4A4A4A;
	margin:0;padding:0;
}

body{
	width:990px;
	margin:35px 0 65px 0px;
	background:white url(../img/bodybg.gif) top right repeat-y;
}

h1,h2,h3,h4,h5,h6{
	font-family:"Trebuchet MS", Sans-serif;
	padding:0;
	margin:0;
	color:#153776;
	margin-bottom:1.6em;
	letter-spacing:1px;
}
h2{
	text-transform:uppercase;
}

div.col{float:left;}
div.rightcol{margin-right:-20px;}

p{
	margin:0 0 1.6em 0;
}

p.clear{clear:both;}

button{
	border:none;
	cursor:pointer;
	background:transparent;
	padding:0;
	font-size:11px;
}

input, textarea{
	border:1px inset #BFBFBF;
}

/*** h1#main_logo ***/

h1#main_logo{
	line-height:0;
	color:white;
	margin:0;
	position:relative;
	top:-41px;
	margin-bottom:-41px;
	border-left:40px solid #ECF6FD;
	height:139px;
	overflow:hidden;
}

h1#main_logo a.logo{
	display:block;
	overflow:hidden;
	float:left;
	font-size:5px;
	height:0px;
	background:url(../img/logo.gif) bottom left no-repeat;
	width:320px;
	padding-top:139px;
	color:white;
}

h1#main_logo a.establishment{
	display:block;
	position:absolute;
	margin:93px 0px 0px 320px;
	font-size:25px;
	letter-spacing:-0.5px;
	text-decoration:none;
	font-weight:normal;
	font-weight:lighter;
}

/*** ul#path ***/

ul#path{
	position:relative;
	z-index:10;
	border-top:5px solid #56BAEC;
	border-bottom:1px solid #CDE7F9;
	list-style:none;
	height:24px;
	padding:11px 0px 0px 11px;
	margin:0 0 0 40px;
	font-size:9px;
	overflow:hidden;
	background:white;
}

ul#path li{
	float:left;
	margin:0 15px 0 -15px;
}

ul#path li a{
	padding:0 12px 0 15px;
	font-weight:bold;
	text-decoration:none;
	color:#56BAEC;
	background:url(../img/path.gif) left 2px no-repeat;
}

ul#path li a:hover{
	text-decoration:underline;
}

/*** ul#menu ***/

ul#menu{
	padding:0 0 1px 0;
	width:225px;
	list-style:none;
	position:absolute;
	top:174px;
	margin:0px 0 0 15px;
	z-index:10;
	padding-top:27px;
	background:url(../img/menu_bordertop.gif) top right no-repeat;
}

ul#menu li{
	background:#CDE7F9 url(../img/menubg.gif) top left repeat-y;
}

ul#menu li a{
	display:block;
	font-weight:normal;
	color:#153776;
	text-decoration:none;
	border-bottom:1px solid white;
	padding:5px 0 0 7px;
	margin:0 0 0 29px;
	height:23px;
}

ul#menu li a.selected,
ul#menu li a.selected:hover{
	position:relative;
	z-index:15;
	border-left:1px solid white;
	border-bottom:none;
	font-weight:bold;
	text-decoration:none;
	margin:-1px 0 0 5px;
	padding:6px 0 0 29px;
	background:#CDE7F9 url(../img/menuselected.gif) bottom left no-repeat;
}

ul#menu li a:hover{
	background:#CDE7F9 url(../img/menuhover.gif) -29px 0px repeat-y;
}

ul#menu li ul{
	list-style:none;
	position:relative;
	z-index:20;
	margin:-1px 0 0 0;
	padding:8px 0 9px 0;
	background:url(../img/submenubg.gif) top left repeat-y;
}

.js-enabled ul#menu li ul{
	display:none;
}
.js-enabled ul#menu li ul.selected{
	display:block;
}

ul#menu li ul li{
	background:none;
	border:none;
}

ul#menu ul li a,
ul#menu ul li a:hover,
ul#menu ul li a.selected,
ul#menu ul li a.selected:hover{
	margin:0 0 0 29px;
	padding:2px;
	padding-left:20px;
	height:17px;
	border:none;
	background:url(../img/submenuitem.gif) 0px 6px no-repeat;
}
ul#menu ul li a.selected{
	font-weight:bold;
}

ul#menu ul li a:hover,
ul#menu ul li a.selected:hover{
	text-decoration:underline;
}

/*** ul#servicesmenu ***/

ul#servicesmenu{
	margin:0;
	padding:7px 0 0 0;
	width:195px;
	height:23px;
	left:40px;
	position:relative;
	top:30px;
	list-style:none;
	background:#56BAEC;
	font-family:"Trebuchet MS", Sans-serif;
	border-left:5px solid #4FBAED;
	overflow:hidden;
}

ul#servicesmenu li{
	float:left;
	text-transform:uppercase;
	margin:0 2px 0 -2px;
}

ul#servicesmenu li a{
	color:white;
	letter-spacing:1px;
	text-decoration:none;
	padding:0 7px 0 9px;
	background:url(../img/servicesmenu_sep.gif) 0px 1px no-repeat;
}

ul#servicesmenu li a:hover{
	text-decoration:underline;
}


/*** div#aside ***/

div#aside{
	float:right;
	width:200px;
	background:#CDE7F9;
	margin-top:-99px;
	border-top:24px solid white;
}

div#aside form{
	background:#56BAEC;
	padding-top:9px;
	padding:9px 0px 10px 9px;
	width:191px;
	margin-bottom:10px;
}

div#aside form h2{
	position:relative;
	z-index:10;
	display:block;
	overflow:hidden;
	font-size:5px;
	height:0px;
	width:225px;
	padding-top:26px;
	margin:0px 0 10px -34px;
}

div#aside form input{
	width:162px;
	height:15px;
}

/*** form#search ***/

div#aside form#search{
	z-index:20;
	height:57px;
}

div#aside form#search h2{
	background:url(../img/zoeken.gif) top left no-repeat;
}

div#aside form#search button{
	display:block;
	overflow:hidden;
	text-indent:100px;
	background:url(../img/arrowbutton.gif) top left no-repeat;
	height:20px;
	width:20px;
	float:right;
}

div#aside form#search button:hover{
	background:url(../img/arrowbutton_hover.gif) top left no-repeat;
}

div#aside form#search input{
	float:left;
}

/*** form#mailing ***/

div#aside form#mailing{
	padding-bottom:38px;
}

div#aside form#mailing h2{
	background:url(../img/nieuwsbief.gif) top left no-repeat;
	margin-bottom:3px;
}

div#aside form#mailing label{
	display:block;
	color:#CDE7F9;
	font-weight:bold;
	font-size:9px;
	height:2.3em;
	padding-top:3px;
}

div#aside form#mailing button{
	display:block;
	overflow:hidden;
	text-indent:200px;
	background:url(../img/aanmelden.gif) top left no-repeat;
	width:103px;
	height:20px;
	float:right;
	margin-top:8px;
}
div#aside form#mailing button:hover{
	background:url(../img/aanmelden_hover.gif) top left no-repeat;
}

div#aside a.banner,
div#aside a.ad{
	display:block;
	margin:0px 10px 10px 10px;
}

div#aside a.banner img,
div#aside a.ad img{
	border:none;
	border-top:3px solid #51B1E0;
	border-bottom:1px solid #51B1E0;
	display:block;
}

div#ad{
	margin:0px 10px 0px 10px;
	background-color: #fff;
	border:none;
	border-top:3px solid #51B1E0;
	border-bottom:1px solid #51B1E0;
	display:block;
}


/*** div#main ***/

div#main{
	display:block;
	padding:0px 25px 25px 270px;
	margin-bottom:-30px;
	width:480px;
	background:url(../img/mainbg.gif) bottom left no-repeat;
	overflow:hidden;
}
div#main h1{
	font-size:20px;
	padding:10px 11px 0 11px;
	min-height:30px;
	background:url(../img/h1bg.gif) top left repeat-x;
	border-bottom:1px solid #CDE7F9;
	margin-bottom:1em;
}

div#main h2{
	letter-spacing:2px;
	padding:7px 9px 0 9px;
	font-size:14px;
	display:block;
	overflow:hidden;
	height:23px;
	margin:1.6em 0 .8em 0;
	background:url(../img/h2bg.gif) top left no-repeat;
}
div#main h1,div#main h2{
	margin-left:-10px;
}

div#main img.left{
	float:left;
	margin:5px 15px 10px 0;
}

a{
	color:#56BAEC;
}
a:hover{
	text-decoration:none;
	color:#97B929;
}
div#naarboven {
	width:504px;
	color:#A8D5F4;
	border-top:1px solid #A8D5F4;
	font-size:9px;
	font-weight:bold;
	padding-top: 3px;
}
div#naarboven a{
	font-size:9px;
	font-weight: normal;
	text-decoration:none;
}
div#main a.top{
	clear:both;
	font-weight:bold;
	color:#A8D5F4;
	font-size:9px;
	background:url(../img/top.gif) top right no-repeat;
	text-align:right;
	text-decoration:none;
	padding-right: 3em;
	float: right;
	margin-top: -18px;
	background-position: 70px -5px;
}

div#main a.top:hover{
	color:#97B929;
	background:url(../img/top_hover.gif) top right no-repeat;
	background-position: 70px -5px;
}

div#main button{
	padding: 0px 25px 0 0;
	letter-spacing:1px;
	clear:left;
	float:right;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Sans-serif;
	font-weight:bold;
	color:#153776;
	background:url(../img/arrowbutton2.gif) right 0px no-repeat;
	height:20px;
}

div#main button:hover{
	color:#97B929;
	background:url(../img/arrowbutton3.gif) right 0px no-repeat;
}


ul#top5tabs {
	background:url(../img/mortgagemenu.gif) bottom left repeat-x;
	margin:0 0 10px 0;
	padding:0 5px 0 5px;
	display:block;
	height:27px;
	list-style: none;
}

ul#top5tabs li {
	float:left;
	margin-right: 2px;
}

ul#top5tabs li a{
	width: 57px;
	height:22px;
	padding-top: 3px;
	text-align: center;
	border: 1px solid #97B92B;
	border-bottom: 0px;
	color: #97B92B;
	font-weight:bold;
	float:left;
	text-decoration:none;
	outline: none;
	background: #F4F6E7 ;
	z-index: 100;
	padding-bottom: 0px;
}

ul#top5tabs li a.active,
ul#top5tabs li a:hover {
	background: #FFFFFF;
	border-bottom: 1px solid white;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 1px;
}

table.top5table td {
	color: #4BA4D3;
	height: 27px;
	background: #CFE7F9 ;
	border: 1px solid #FFFFFF;
	border-bottom: 0px;
	border-left: 0px;
	border-bottom: 1px solid #56BAEC;
	font-weight:bold;
}

table.top5table tr.dark td {
	color: #FFFFFF;
	height: 27px;
	background: #56BAEC ;
	border: 1px solid #FFFFFF;
	border-bottom: 0px;
	border-left: 0px;
	border-bottom: 1px solid #56BAEC;
}


table.top5table th {
	color: #56BAEC;
	height: 27px;
	font-size: 13px;
	text-align: left;
	border-bottom: 1px solid #56BAEC;
}

table.top5table td.number,
table.top5table th.number{
	width: 27px;
	text-align:center;
	font-weight:bold; 
}


table.top5table tr.hover td {
	background-color: white;
	color: #56BAEC;
	font-weight:bold;
	cursor: pointer;
}

table.top5table td.name,
table.top5table th.name{
	width: 234px;
	padding-left:10px;
}

table.top5table td.rente,
table.top5table th.rente{
	width: 60px;
	padding-left:10px; 
}

table.top5table td.contact{
	width: 134px;
	margin:0px;
}

table.top5table tr.dark td.contact a{
	width: 134px;
	background: url(../img/contact_hover.jpg) no-repeat;
	height: 27px;
	float:left;
}

table.top5table td.contact a{
	width: 134px;
	background: url(../img/contact.jpg) no-repeat;
	height: 27px;
	float:left;
}

div#top5banner {
margin: 10px;
}
div#top5banner a{
border: 0px;
}

div#top5banner a img {
border:0px;
}
