﻿html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
em, img, s, small, strike, strong, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption
{
	background: transparent;
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus, :active
{
	outline: 0;
}
html
{
	background: #fff url(/images/fonHome.jpg) repeat-x !important;
	height: 100%;
}
body
{
	color: #000;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	height: 100%;
	line-height: 18px;
	width: 100%;
}
.vervolg
{
}
#home
{
	background: url(/images/fon.jpg) top right no-repeat;
}
h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}
h1
{
	font-size: 14px;
	margin-bottom: 12px;
}
h2
{
	font-size: 13px;
	margin-bottom: 12px;
}
h3
{
	font-size: 12px;
	margin-bottom: 12px;
}
h4, h5, h6
{
	font-size: 12px;
	margin-bottom: 12px;
}
p
{
	font-size: 12px;
	margin-bottom: 12px;
}
ul, ol
{
	margin-bottom: 12px;
}
ul
{
	list-style: none;
}
ol
{
	list-style: decimal;
}
li
{
	color: #000;
	margin-left: 16px;
}
li p
{
	color: #000;
}
form#formGen
{
	width: 406px;
}
form#formGen div
{
	padding: 3px 0 3px 6px;
}
form#formGen div.odd
{
	background: #DEE1E8;
}
form#formGen label
{
	display: block;
	float: left;
	line-height: 1.5;
	width: 150px;
}
form#formGen img
{
	display: block;
	margin-left: 156px;
}
h1, h2, h3, h4, h5, h6
{
	color: #000;
	font-family: "Trebuchet MS", sans-serif;
}
p, pre, label, th, td, li
{
	font-family: "Trebuchet MS", sans-serif;
}
a:link, a:visited
{
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}
a:hover
{
	color: #977B11;
}
a:active
{
	color: #000;
}
a img
{
	border: 0;
}
.clear
{
	clear: both;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.textLeft
{
	text-align: left;
}
.textRight
{
	padding-top: 0 !important;
	text-align: right;
}
.textCenter
{
	text-align: center;
}
.textJustify
{
	text-align: justify;
}
.bold
{
	font-weight: bold !important;
}
.italic
{
	font-style: italic;
}
.underline
{
	border-bottom: 1px solid;
}
.highlight
{
	background: #ffc;
}
.noPadding
{
	padding: 0;
}
.noMargin
{
	margin: 0 !important;
}
.noIndent
{
	margin-left: 0;
	padding-left: 0;
}
.noBullet
{
	list-style: none;
	list-style-image: none;
}
.noBackground
{
	background: none !important;
}
#wrap
{
	margin: 0 auto;
	min-height: 100%;
	overflow: visible;
	position: relative;
	width: 1000px;
}
#home #wrap
{
}
#home #innerwrap
{
	overflow: hidden;
	padding-bottom: 40px;
	position: relative;
}
#logo
{
	height: 112px;
}
#logo img
{
	padding: 6px 0 0 6px;
}
#logoHome
{
	height: 231px;
}
#logoHome img
{
	padding: 85px 0 0 40px;
}
#header
{
	/*height: 167px;           Dit is de hoogte zonder de flashbanner */
	/*overflow:hidden;*/
	height:197px;
	overflow: visible;
}
#header .flashbanner,
#headerHome .flashbanner {
	width:778px;
	height:40px;
	margin:0 auto;
	}
#headerHome .flashbanner {
	margin-top:-26px;
	}
#headerHome
{
	/*height: 218px;
	overflow: hidden;*/
	height:247px;
	overflow:visible;
}
#topMenu
{
	margin: 0 auto;
	text-align: center;
	width: 688px;
}
#topMenu li
{
	float: left;
	height: 156px;
	list-style: none;
	margin: 0;
	width: 172px;
}
.woningen
{
	background: url(/images/menuButton1.png) no-repeat;
}
.nieuwbouw
{
	background: url(/images/menuButton2.png) no-repeat;
}
.bog
{
	background: url(/images/menuButton4.png) no-repeat;
}
.buitenland
{
	background: url(/images/menuButton3.png) no-repeat;
}
a.fon
{
	color: #fff;
	display: block;
	font: bold 17px "Trebuchet MS", sans-serif !important;
	height: 29px;
	left: 8px;
	padding-top: 104px;
	position: relative;
	text-decoration: none;
	top: 13px;
	width: 156px;
}
a.fon:hover,
body#search li.woningen a,
body.hypothekenpagina li.nieuwbouw a,
body.verzekeringenpagina li.bog a,
body.financieringenpagina li.buitenland a
{
	background: url(/images/menuFon.png) no-repeat left bottom;
	color: #fff;
}
#topMenuHome
{
	margin: 12px auto;
	text-align: center;
	width: 960px;
}
#topMenuHome li
{
	float: left;
	height: 210px;
	list-style: none;
	margin: 0;
	position: relative;
	width: 240px;
}
#home .woningen
{
	background: url(/images/menuHome1.png) no-repeat;
}
#home .nieuwbouw
{
	background: url(/images/menuHome2.png) no-repeat;
}
#home .bog
{
	background: url(/images/menuHome3.png) no-repeat;
}
#home .buitenland
{
	background: url(/images/menuHome4.png) no-repeat;
}
a.fonh
{
	color: #fff;
	display: block;
	font: bold 17px/21px "Trebuchet MS", sans-serif !important;
	height: 30px;
	left: 16px;
	padding-top: 130px;
	position: relative;
	text-align: bottom;
	text-decoration: none;
	text-transform: uppercase;
	top: 30px;
	width: 204px;
}
a.fonh:hover
{
	background: url(/images/bg-fonh.gif) no-repeat 1px bottom;
	color: #fff;
}
.active a
{
	background: none !important;
}
#buttons
{
	background: url(/images/menu.gif) no-repeat;
	height: 29px;
	margin-top: 6px;
}
#menuLeft
{
	float: left;
	margin-left: 20px;
}
#menuLeft li
{
	background: url(/images/border.gif) right top no-repeat;
	float: left;
	height: 29px;
	list-style: none;
	margin: 0;
	padding-top: 0;
}
#menuLeft li a
{
	color: #fff;
	display: block;
	font: bold 13px/2 "Trebuchet MS", sans-serif;
	height: 29px;
	padding: 0 12px;
	text-decoration: none;
	text-transform: uppercase;
}
#menuLeft li a:hover
{
	background: url(/images/bg-menuLeftOver.gif) repeat-x;
	color: #fff;
}
body#links #menuLeft li.linkslink,
body#nieuws #menuLeft li.nieuwslink,
body#contact #menuLeft li.contactlink,
body#contactform #menuLeft li.inschrijflink
{
}
body#links #menuLeft li.linkslink a,
body#nieuws #menuLeft li.nieuwslink a,
body#contactgegevens #menuLeft li.contactlink a,
body#contactpersonen #menuLeft li.contactlink a,
body#contactform #menuLeft li.inschrijflink a,
body#prospect #menuLeft li.prospectlink a,
body#downloadplein #menuLeft li.downloadplein a  
{
	background: url(/images/bg-menuLeftActive.gif) repeat-x;
	color: #001648 !important;
}
.activ
{
	background: #fff !important;
}
.activ a
{
	color: #757c08 !important;
}
#menuRight
{
	float: right;
	margin-right: 30px;
}
#menuRight li
{
	float: left;
	list-style: none;
	margin: 0;
	padding-top: 3px;
}
#menuRight li a
{
	color: #fff;
	font: bold 11px/21px "Trebuchet MS", sans-serif !important;
	padding: 0 5px;
	text-decoration: none;
	text-transform: uppercase;
}
#menuRight li a:hover
{
	color: #fff;
}
#content
{
	clear: both;
	overflow: hidden;
	padding-bottom: 85px;
}
.left
{
	float: left;
	padding: 0 5px;
	width: 260px;
}
.left ul
{
	margin-bottom:12px;
}
.main
{
	margin-left: 270px;
	padding: 10px 30px 0 0;
}
.main h2,
.main h3
{
	font-weight: bold;
	margin-bottom: 0;
}
#leftMenu
{
	margin-bottom: 12px;
}

#leftMenu li
{
	list-style: none;
	margin: 0;
	width: 249px;
}
#leftMenu li p
{
	background: url(/images/leftMenubottom.gif) bottom left no-repeat;
	color: #977B11;
	font: normal 11px/15px "Arial", sans-serif;
	margin: 0;
	padding: 10px 15px 10px 20px;
}
#leftMenu2 li
{
	list-style: none;
	margin: 0;
	width: 249px;
}
#leftMenu3 li
{
	list-style: none;
	margin: 0;
	width: 249px;
}
#leftMenu2 li p
{
	background: url(/images/leftMenubottom.gif) bottom left no-repeat;
	color: #757c08;
	font: normal 11px/15px "Arial", sans-serif;
	margin: 0;
	padding: 10px 15px 10px 20px;
}
#leftMenu3 li p
{
	background: url(/images/leftMenubottom.gif) bottom left no-repeat;
	color: #757c08;
	font: normal 11px/15px "Arial", sans-serif;
	margin: 0;
	
	zoom:1;
	padding: 10px 15px 10px 20px;
}
.left a
{
	color: #977B11;
	font-size: 11px;
	text-decoration: underline;
}
.left a:hover
{
	color: #001548;
}
.title1
{
	background: url(/images/leftMenu1.gif) no-repeat !important;
	color: #977B11 !important;
	font: bold 12px/16px "Trebuchet MS", sans-serif !important;
	height: 20px;
	text-transform: uppercase;
}
.title2
{
	background: #fff url(/images/leftMenu2.gif) bottom no-repeat !important;
	color: #977B11 !important;
	font: bold 12px/16px "Trebuchet MS", sans-serif !important;
	height: 20px;
	text-transform: uppercase;
}
.title3
{
	background: #fff url(/images/leftMenu3.gif) bottom no-repeat !important;
	color: #977B11 !important;
	font: bold 12px/16px "Trebuchet MS", sans-serif !important;
	height: 20px;
	text-transform: uppercase;
}
div.left h2
{
	color: #977B11;
	font: bold 12px "Trebuchet MS", sans-serif;
	margin: 15px 0 6px 0px;
	text-transform: uppercase;
}
#leftMenuPaginaas
{
	list-style: none;
}
#leftMenuPaginaas li
{
	list-style: none;
	margin: 0 0 3px;
}
#leftMenuPaginaas li a
{
	border: solid 1px #977B11;
	display: block;
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
	width: 241px;
}
#leftMenuPaginaas li a:hover
{
	border: solid 1px #616A8A;
}
#mainMenu
{
	overflow: hidden;
}
#mainMenu li
{
	background: url(/images/blue.gif) repeat-x;
	float: left;
	list-style: none;
	margin: 0 7px 0 0;
	padding: 0;
}
#mainMenu li a
{
	color: #0d3d70;
	display: block;
	font: normal 12px/19px "Trebuchet MS", sans-serif !important;
	padding: 0 15px !important;
	text-decoration: none;
}
.activM
{
	background: url(/images/grau.gif) repeat-x !important;
}
.activM	a
{
	color: #000 !important;
}
#mainMenuVer
{
	overflow: hidden;
}
#mainMenuVer li
{
	background: url(/images/menuBorder.gif) no-repeat;
	float: left;
	list-style: none;
	margin: 0 7px 0 0;
	padding: 0;
	width: 128px;
}
#mainMenuVer li a
{
	color: #303030;
	display: block;
	font: normal 11px/19px "Arial", sans-serif;
	padding: 1px 5px !important;
	text-align: center;
	text-decoration: none;
}
#mainMenuVer li a:hover
{
	font-weight: bold !important;
}
.activeVer
{
	background: url(/images/menuBorder-active.gif) no-repeat !important;
}
.activeVer a
{
	font-weight: bold !important;
}
#contentmenuknoppen
{
	overflow: hidden;
}
#contentmenuknoppen h1
{
	color: #977B11;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-right: 12px;
}
.tableMain
{
	margin-bottom: 10px;
}
.tableMain 	td
{
	font: normal 11px/19px Arial, Tahoma, sans-serif !important;
}
#menuHome
{
	float: left;
	margin: 0 0 10px 38px;
}
#menuHome li
{
	float: left;
	list-style: none;
	margin: 0 6px 0 0;
	padding-top: 5px;
}
#menuHome li a
{
	border-bottom: solid 1px #977b11;
	color: #977b11;
	font: bold 12px/21px "Trebuchet MS", sans-serif !important;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}
#menuHome li a:hover
{
	border-bottom: solid 1px #001648;
	color: #001648;
}
.activH
{
	color: #0d3d70 !important;
}
.logo
{
	float: right;
	margin-right: 30px;
	margin-top: -5px;
}
.logoH
{
	float: right;
	margin-right: 40px;
	margin-top: 0;
}
#footerH
{
	background: url(/images/footerH.gif) no-repeat;
	clear: both;
	height: 30px;
	margin: -38px auto 0;
	overflow: hidden;
	padding-top: 8px;
	position: relative;
	width: 1000px;
}
#footerH a,
#footer a
{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
}
#footerH a:hover,
#footer a:hover
{
	color: #124479;
}
.leftFooterH
{
	color: #fff;
	float: left;
	font-weight: bold;
	padding: 0 0 0 30px;
	text-transform: uppercase;
}
.rightFooterH
{
	color: #fff;
	float: right;
	padding: 0 30px 0 0;
	text-transform: uppercase;
}
#footer
{
	background: url(/images/footer.gif) no-repeat;
	height: 85px;
	margin: -85px auto 0;
	position: relative;
	width: 1000px;
}
.leftFooter
{
	clear: both;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 48px 0 0 30px;
	text-transform: uppercase;
}
.rightFooter
{
	color: #fff;
	float: right;
	font-weight: bold;
	margin: 0;
	padding: 48px 30px 0 0;
	text-transform: uppercase;
}
table#TableNeiuwsOverzicht
{
	width: 680px;
}
#prospect td
{
	vertical-align: top;
}
#locatieframe
{
	height: 74px;
}
#prospect select#selectbox
{
	width: 300px;
}
body.popup #thickboxForm td
{
	text-align: left !important;
}
body#verzekeringenparticulieren .main ul.first,
body#verzekeringenparticulieren .main ul.second,
body#verzekeringenzakelijk .main ul.first,
body#verzekeringenzakelijk .main ul.second
{
	float: left;
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	width: 200px;
}
body#verzekeringenparticulieren .main ul.first,
body#verzekeringenzakelijk .main ul.first

{
	margin-right: 60px;
}
body#verzekeringenparticulieren .main ul.first li,
body#verzekeringenparticulieren .main ul.second li
body#verzekeringenzakelijk .main ul.first li,
body#verzekeringenzakelijk .main ul.second li
{
	list-style: none;
	margin: 0;
	padding: 0;
}
body#verzekeringenparticulieren .main ul.first li ul,
body#verzekeringenparticulieren .main ul.second li ul,
body#verzekeringenzakelijk .main ul.first li ul,
body#verzekeringenzakelijk .main ul.second li ul
{
	float: none;
}
body#verzekeringenparticulieren .main ul.first li li,
body#verzekeringenparticulieren .main ul.second li li,
body#verzekeringenzakelijk .main ul.first li li,
body#verzekeringenzakelijk .main ul.second li li
{
	margin: 0 0 0 16px;
}
#search ul#leftMenuPaginaas li.search a,
#aankoop ul#leftMenuPaginaas li.aankoop a,
#verkoop ul#leftMenuPaginaas li.verkoop a,	
#verhuur ul#leftMenuPaginaas li.verhuur a,	
#contactform ul#leftMenuPaginaas li.inschrijflink a,	
#hypotheken ul#leftMenuPaginaas li.algemeen a,
#lineairehypotheek ul#leftMenuPaginaas li.lineairehypotheek a,
#annuiteitenhypotheek ul#leftMenuPaginaas li.annuiteitenhypotheek a,
#aflossingsvrijehypotheek ul#leftMenuPaginaas li.aflossingsvrijehypotheek a,
#spaarhypotheek ul#leftMenuPaginaas li.spaarhypotheek a,
#levenhypotheek ul#leftMenuPaginaas li.levenhypotheek a,
#belegginghypotheek ul#leftMenuPaginaas li.belegginghypotheek a,
#krediethypotheek ul#leftMenuPaginaas li.krediethypotheek a,
#bankspaarhypotheek ul#leftMenuPaginaas li.bankspaarhypotheek a,
#verzekeringenparticulieren ul#leftMenuPaginaas li.particulier a,
#verzekeringenzakelijk ul#leftMenuPaginaas li.zakelijk a,
#verzekeringen ul#leftMenuPaginaas li.algemeen a,
#financieringen ul#leftMenuPaginaas li.financieringenalgemeen a,
#doorlopendkrediet ul#leftMenuPaginaas li.doorlopendkrediet a,
#doorlopendhypotheekkrediet ul#leftMenuPaginaas li.doorlopendhypotheekkrediet a,
#persoonlijkelening ul#leftMenuPaginaas li.persoonlijkelening a,
#seniorenlening ul#leftMenuPaginaas li.seniorenlening a,
#particulierelease ul#leftMenuPaginaas li.particulierelease a,
#huurkoop ul#leftMenuPaginaas li.huurkoop a,
#spaarkrediet ul#leftMenuPaginaas li.spaarkrediet a,
#contactgegevens ul#leftMenuPaginaas li.contactgegevens a,
#contactpersonen ul#leftMenuPaginaas li.contactpersonen a,
#contactgegevens ul#leftMenuPaginaas li.contactgegevens a,
#huur ul#leftMenuPaginaas li.huur a
{
	background: #977B11;
	color: #fff;
}

