@charset "utf-8";
/* CSS Document */
html, body {height: 100%;}
body {
	text-align: center;
	font-family: "Trebuchet MS", Arial, serif;
	font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6, p, q, li, td {	color: #fff;}
h2 { font-size: 1.7em; font-weight: bold; margin: 5px 0; }
h3 { font-size: 1.4em; font-weight: bold; margin: 1em 0 0 0; }

a { color: #b3e720; font-size: 1.2em; text-decoration: none; }
a:hover { text-decoration: underline; }

p, td { font-size: 1.2em; margin: 1em 0 0 0;}
table { margin-top: 10px; }
td { padding: 3px 10px; }
td a { font-size: 1em; }
p.first { margin: 0;}
li {font-size: 1.2em;}
li li {font-size: 1em;}
li a { font-size: 1.0em;}

q { font-size: 1.5em; font-weight: bold; margin: 10px 0; display: block; }

strong { font-weight: bold; font-size: 1.2em; }

div#wrapper { background: #662082 url(../images/back-bd.jpg) bottom left no-repeat; width: 922px; margin: 0 auto; text-align: left; position: relative; height: 100%;}

div#hd { background: #662082 url(../images/back-top.gif) top left no-repeat; height: 120px; }
div#hd h1 { position: absolute; top: 21px; left: 60px; display: block; width: 207px; height: 75px; }
div#hd h1 a { display: block; width: 207px; height: 75px; }

div#hd ul#breadcrumbs { position: absolute; right: 0; top: 35px; }
div#hd ul#breadcrumbs li { float: left; color: #662082; padding: 0 10px 0 5px; background: transparent url(../images/breadcrumb_separator.gif) right no-repeat; }
div#hd ul#breadcrumbs li.last { background-image: none; }
div#hd ul#breadcrumbs li a { color: #662082; }

div#hd ul#tabs { position: absolute; right: 0; top: 72px; }
div#hd ul#tabs li { width: 287px; float: left; }
div#hd ul#tabs li a { height: 40px; display: block; text-indent: -10000px; width: 100%; }
div#hd ul#tabs li a.fd { background: transparent url(../images/tab_financieel_dienstverleners.gif) top left no-repeat; }
div#hd ul#tabs li a.pro { background: transparent url(../images/tab_professionals.gif) top left no-repeat; }
div#hd ul#tabs li a.fd:hover { background-image: url(../images/tab_over_financieel_dienstverleners.gif); }
div#hd ul#tabs li a.pro:hover { background-image: url(../images/tab_over_professionals.gif); }
div#hd ul#tabs li.selected a { cursor: default; }
div#hd ul#tabs li.selected a.fd { background-image: url(../images/tab_selected_financieel_dienstverleners.jpg); }
div#hd ul#tabs li.selected a.pro { background-image: url(../images/tab_selected_professionals.jpg); }

div#bd { height: 1%; }
div#bd div#main a { font-weight: bold; }

div#ft { height: 60px; position: absolute; bottom: 0; display: block; width: 100%;}
div#ft div { background-color: #fff; height: 40px; }
div#ft li { background: transparent url(../images/separator.gif) left no-repeat; float: left; line-height: 40px; padding: 0 5px 0 6px; }
div#ft li.first { background: none; }
div#ft li a { color: #662082; }
div#ft img { position: absolute; right: 7px; top: 9px;}

/** Homepage **/
div#bd div#home-image { padding: 0 35px; margin: 10px 0; margin-bottom: 20px; }
body.home div#bd div#main { padding: 0 400px 0 50px; width: 435px; height: 280px; overflow: auto; }
body.contact div#bd div#main  { padding: 0 0 30px 50px; }

/** Financieel Dienstverlening **/
body.fd div#bd div#fd-image { float: left; width: 187px; margin-top: 10px; padding-left: 30px; }
body.fd div#bd div#main { float: right; width: 640px; margin-top: 10px; padding: 0 30px 0 0; }
body.fd div#bd div#main ul { margin-left: 20px; }
body.fd div#bd div#main ul li { margin: 5px 0;}

body.fd div#bd ul#main-nav { height: 30px; display: block; width: 100%; padding-top: 30px; position: absolute; bottom: 60px; left: 0; }
body.fd div#bd ul#main-nav li { float: right; }
body.fd div#bd ul#main-nav li a { background: transparent url(../images/main-nav.jpg) top left no-repeat; height: 30px; width: 119px; display: block; text-indent: -10000px; }
body.fd div#bd ul#main-nav li a:hover { background-image: url(../images/main-nav-over.jpg);}
body.fd div#bd ul#main-nav li.selected a { cursor: default; background-image: url(../images/main-nav-over.jpg);}
body.fd div#bd ul#main-nav li a.professionals { width: 143px;}
body.fd div#bd ul#main-nav li a.klankbord { background-position: -143px;}
body.fd div#bd ul#main-nav li a.finalystics {background-position: -262px;}
body.fd div#bd ul#main-nav li a.diensten {background-position: -381px;}
body.fd div#bd ul#main-nav li a.contact {background-position: -500px;}

body.fd div#bd div#main ul#contact { margin: 0; }
body.fd div#bd div#main ul#contact li { list-style: none; margin-bottom: 10px;}
body.fd div#bd div#main ul#contact li a { font-size: 1.2em;}

/** Professionals **/
body.prof div#bd div#prof-image { float: right; width: 187px; margin-top: 10px; padding-right: 30px; }
body.prof div#bd div#main { float: right; width: 640px; margin-top: 10px; padding-right: 30px; }
body.prof div#bd div#main ul { margin-left: 20px; }
body.prof div#bd div#main ul li { margin: 5px 0;}

body.prof div#bd ul#main-nav { height: 30px; left:0; display: block; width: 100%; padding-top: 30px; position: absolute; bottom: 60px; }
body.prof div#bd ul#main-nav li { float: left; }
body.prof div#bd ul#main-nav li a { background: transparent url(../images/main-nav-pro.jpg) top left no-repeat; height: 30px; width: 152px; display: block; text-indent: -10000px; }
body.prof div#bd ul#main-nav li a:hover { background-image: url(../images/main-nav-over-pro.jpg);}
body.prof div#bd ul#main-nav li.selected a { cursor: default; background-image: url(../images/main-nav-over-pro.jpg);}
body.prof div#bd ul#main-nav li a.zoek { background-position: -152px;}
body.prof div#bd ul#main-nav li a.meld {background-position: -304px;}
body.prof div#bd ul#main-nav li a.contact {background-position: -456px;}

body.prof div#bd div#main ul#contact { margin: 0; }
body.prof div#bd div#main ul#contact li { list-style: none; margin-bottom: 10px;}
body.prof div#bd div#main ul#contact li a { font-size: 1.2em;}

body.fd div#bd div#main,
body.prof div#bd div#main { height:370px; overflow: hidden; }

div#bd div#home-image { height: 140px; }

body.home div#bd div#main,
body.fd div#bd div#main,
body.prof div#bd div#main {
	overflow: auto;
	scrollbar-face-color:#77398E;
	scrollbar-arrow-color:#FFFFFF;
  	scrollbar-track-color:#662082;
  	scrollbar-shadow-color:#662082;
  	scrollbar-highlight-color:#662082;
  	scrollbar-3dlight-color:#662082;
  	scrollbar-darkshadow-Color:#662082;
}

/*
body.home div#wrapper { background: #662082 url(../images/back-bd.jpg) bottom left no-repeat; width: 922px; margin: 0 auto; text-align: left; position: relative; height: auto;}
body.home div#ft { position: relative; display: block; width: 100%;}
*/

/* Clearing */
.clear:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden; }
.clear {}
* html .clear { height:1%; }
.clear { display:block; }