/* ALGEMEEN */


* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial;
	font-size:9pt;
	background-image:url(bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#container {
	width:943px;
	background-image:url(top.png);
	background-position:top;
	background-repeat:no-repeat;
	margin:auto;
}

img {
	border:0;
}


/* TOP en MENU TOP RECHTS */


#top {
	background-image:url(logo.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:120px;
}

#menu-top {
	float:right;
	margin-top:15px;
	margin-right:5px;
	font-size:8pt;
}

#menu-top ul.menu-top {
	list-style:none;
}

#menu-top ul.menu-top li {
  	float:left;
	display:inline;
	margin-left:15px;
}

#menu-top ul.menu-top li a {
  	color:#919090;
  	text-decoration:none;
 	display:block;
}

#menu-top ul.menu-top li a:hover {
  	color: #000;
  	text-decoration:underline;
}


/* HOOFD MENU */


#menu {
	padding-top:10px;
	height:39px;
}

#menu ul.menu {
	list-style:none;
	margin-left:2px;
}

#menu ul.menu li {
  	float:left;
	display:inline;
}

#menu ul.menu li a {
  	color:#fff;
  	text-decoration: none;
 	display:block;
 	height:29px;
 	padding: 10px 46px 0 45px;
	margin-right:3px;
	font-size:16px;	
	background-image:url(menu-over.jpg);
	font-weight:bold;
}

#menu ul.menu li a:hover {
  	color: #fff;
	background-image:url(menu.jpg);
}

#menu ul.menu li.selected a {
  	color: #fff;
	background-image:url(menu.jpg);
}


/* HEADER: FLASH en TWEE BANNERS */

#header-home {
	height:325px;
	padding:5px 2px;
}

#header-home #header-flash {
	width:700px;
	height:325px;
	border:1px solid #c2c2c2;
	float:right;
}

#header-home #header-banner1 {
	width:233px;
	height:160px;
	background-image:url(maximale-hypotheek-banner-home.jpg);
	margin-bottom:6px;
}

#header-home #header-banner2 {
	width:233px;
	height:160px;
	background-image:url(koopsubsidie-banner-home.jpg);
}

#header-home h2 {
	text-align:center;
	font-size:12pt;
	padding-top:8px;
}

#header-home p {
	padding:96px 5px 0 5px;
	font-size:9pt;
}

#header-home a {
	background-image:url(red-arrow-knop.png);
	width:14px;
	height:14px;
	float:right;
	margin-right:1px;
}

#header-home a:hover {
	background-image:url(black-arrow-knop.png);
	width:15px;
}


/* BANNERS HOME PAGINA - ONDERAAN */


#banners-home {
	height:194px;
	padding:5px 2px;
}

#banners-home #banners-bottom1 {
	height:194px;
	width:184px;
	background-image:url(hypotheken-banner-home.png);
	margin-right:4px;
	margin-left:1px;
	float:left;
}

#banners-home #banners-bottom2 {
	height:194px;
	width:184px;
	background-image:url(pensioen-banner-home.png);
	margin-right:4px;
	float:left;
}

#banners-home #banners-bottom3 {
	height:194px;
	width:184px;
	background-image:url(autoverzekering-banner-home.png);
	margin-right:4px;
	float:left;
}

#banners-home #banners-bottom4 {
	height:194px;
	width:184px;
	background-image:url(woekerpolis-banner-home.png);
	margin-right:4px;
	float:left;
}

#banners-home #banners-bottom5 {
	height:194px;
	width:184px;
	background-image:url(uitvaartverzekering-banner-home.png);
	float:left;
}

#banners-home h2 {
	float:right;
	padding:10px 8px 0 0;
	font-size:11pt;
}

#banners-home .tekst {
	margin:85px 5px 0 5px;
	font-size:10px;
	height:85px;
}

#banners-home a {
	float:right;
	width:69px;
	height:18px;
	margin-right:7px;
	background-image:url(klik-hier-knop.png);
}

#banners-home a:hover {
	background-image:url(klik-hier-knop-over.png);
}


/* BANNERS SUBPAGINA'S */


#banner-subpagina {
	width:940px;
	height:150px;
	margin:auto;
	margin:7px 0 7px 1px;
	padding-bottom:7px;
	border-bottom:1px solid #a8a8a8;
}


/* TEKSTEN VELD SUBPAGINA'S */


#inhoud {
	padding:7px 0;
	background-color:#e9e9e9;
	width:940px;
	margin:auto;
}

html > body #inhoud {
	min-height:100px;
	height:100%;
}

#inhoud #right {
	float:right;
	width:722px;
}

#inhoud #sub-banner {
	width:156px;	
	margin-right:5px;
	float:right;
}

#inhoud #sub-banner .sub-banner {
	margin-bottom:8px;
}

#inhoud #sub-menu {
	width:200px;
	margin-left:5px;
	float:left;
}

#inhoud #sub-menu h3 {
	font-size:11pt;
	padding-bottom:3px;
	border-bottom:1px solid blue;
	display:block;
	width:100%;
	margin:2px 0 8px 0;
}

#inhoud ul.sub-menu {
	list-style:none;
}

#inhoud ul.sub-menu li {
  	float:left;
	display:inline;
	width:195px;
	height:auto;
	padding:8px 0 5px 5px;
	border-bottom:1px dotted #1d4dde;
}

#inhoud ul.sub-menu li a {
	display:block;
  	color:#000;
  	text-decoration: none;
	font-size:9pt;	
	background-image:url(blue-arrow-knop.png);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
	padding-left:20px;
}

#inhoud ul.sub-menu li a:hover {
  	color: #1d4dde;
	background-image:url(black-arrow-knop.png);
}

#inhoud ul.sub-menu li.selected a{
  	color: #1d4dde;
	background-image:url(black-arrow-knop.png);
}

#inhoud #tekst {
	width:546px;
	float:left;
}

#inhoud #tekst a {
	color:#1d4dde;
	text-decoration:underline;
	font-weight:bold;
}

#inhoud #tekst a:hover {
	color:#1d4dde;
	text-decoration:none;
	font-weight:bold;
}

#inhoud #tekst h4 {
	font-size:12pt;
	padding-bottom:3px;
	border-bottom:1px solid red;
	display:block;
	width:100%;	
	margin-bottom:8px;
}	

#inhoud #tekst p {
margin: 5px 0 5px 0;
}

/* MAXIMALE HYPOTHEEK TABLE */

td.desc {
	color:#1d4dde;
	font-weight:bold;
	vertical-align:top;
}

input.sub {
	width:200px;
	text-align:center;
	border:0;
	color:#1d4dde;
	background-image:url(blue-arrow-knop.png);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#fff;
	margin: 5px 0 5px 0;
}


/* FOOTER */


#foot {
	background-image:url(foot.png);
	text-align:right;
	height:26px;
	color:#fff;
	padding:20px 10px 0 0;
	font-size:8pt;
	margin:auto;
	width:932px;
	margin-top:7px;
}

#footerlinks, #footerlinks a{
font-size:10px;color:#ccc;
}

/* NEWS */

#inhoud #news {
	width:530px;
	margin-left:5px;
	float:left;
}
#inhoud ul.news {
	list-style:none;
}
#inhoud ul.news li {
  	float:left;
	display:inline;
	width:510px;
	height:auto;
	padding:8px 0 5px 5px;
	border-bottom:1px dotted #1d4dde;
	background-image:url(blue-arrow-knop.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

#inhoud ul.news li a {	
  	color:#000;
  	text-decoration: none;
	font-size:9pt;		
	font-weight:bold;	
}

#inhoud ul.news li a:hover {
  	color: #1d4dde;	
}

#inhoud ul.news li.selected a{
  	color: #1d4dde;
	background-image:url(black-arrow-knop.png);
}