/********** GENERAL **********/

/* body */
html, body { height:100% }
body {
    padding:0;
    margin:0;
    background: #fff repeat-y top left;
    font: 70% Verdana,sans-serif;
    color:#818182;
}

table, tr, td {margin: 0;padding: 0;}

/* for mozilla, IE treats height as min-height */
html>body #container { height:auto; }

/* combat IE's 3 pixel jog */
* html #maincontent {
    height:1%;
    margin-bottom:12px;
}

a, a:visited {color:#818182;}
a:hover {color:#646666;}

a.link_pdf {
    font-size: 1.0em;
    padding: 1px 1px 5px 18px;
    background: url(pdf.gif) no-repeat top left;
    line-height: 1.5em;
}

a.link_zip {
    font-size: 1.0em;
    padding: 1px 1px 5px 18px;
    background: url(zip.gif) no-repeat top left;
    line-height: 1.5em;
}

a.link_file {
    font-size: 1.0em;
    padding: 1px 1px 5px 18px;
    background: url(file.gif) no-repeat top left;
    line-height: 1.5em;
}

a.link_exe {
    font-size: 1.0em;
    padding: 1px 1px 5px 18px;
    background: url(exe.gif) no-repeat top left;
    line-height: 1.5em;
}

a.link_xls {
    font-size: 1.0em;
    padding: 1px 1px 5px 18px;
    background: url(xls.gif) no-repeat top left;
    line-height: 1.5em;
}

ul {
    list-style-image : url(list_dot.gif);
    padding:0;
    margin: 0 0 20px 15px;
}

ul.downloadlinks {
    list-style: none;
    list-style-image: none;
    margin-left: 0;
    padding: 10px 0 0 0;
}

body>div ul { padding-left:8px; }
ul li { padding-left: 0; }

h1{
    font: normal 2.1em Verdana, sans-serif;
    margin: 0;
    padding:4px 0;
}

h2{
    font: bold 1.4em Verdana,sans-serif;
    margin:0;
    padding:4px 0;
}

h2#meerinfohelp{ margin-bottom:5px; }

h3, h4 {
    font: bold 1.1em Verdana,sans-serif;
    margin:0;
    padding:1px 0;
}

td{
    _font-size:80%;
}

img{
    border:none;
}

/* Thema's en kleuren */

div.navmaintitel a{display:block;}

body.limegroen div.navmainbg { background-image: url(medici_menu_bg.gif);}
body.limegroen a.navmainonlinebankieren{background: url(bt_ob_medici.gif) no-repeat top left;}
body.limegroen a.navmainonlinebankieren:hover{background-position: -200px 0;}
body.limegroen .navmaintitel a, body.limegroen .navmainlink a, body.limegroen .navmainsublink a{color:#a5e1b9;}
body.limegroen h1, body.limegroen h2, body.limegroen h3 {color:#13af46;}
body.limegroen div.promo {background-color:#e5f7eb; color:#13af46;}
body.limegroen {background: url(navvuller_limegroen.gif) repeat-y top left;}
div.medici div.navmainpicture{ background: url(tp_sub_medici.jpg) no-repeat top left;}

body.mandarijnoranje div.navmainbg { background-image: url(apothekers_menu_bg.gif);}
body.mandarijnoranje a.navmainonlinebankieren{background: url(bt_ob_apothekers.gif) no-repeat top left;}
body.mandarijnoranje a.navmainonlinebankieren:hover{background-position: -200px 0;}
body.mandarijnoranje .navmaintitel a, body.mandarijnoranje .navmainlink a, body.mandarijnoranje .navmainsublink a{color:#ffce9e;}
body.mandarijnoranje h1, body.mandarijnoranje h2, body.mandarijnoranje h3 {color:#ff7e00;}
body.mandarijnoranje div.promo {background-color:#fdf2e8; color:#ff7e00;}
body.mandarijnoranje {background: url(navvuller_mandarijnoranje.gif) repeat-y top left;}
div.apothekers div.navmainpicture{ background: url(tp_sub_apothekers.jpg) no-repeat top left;}

body.korenblauw div.navmainbg { background-image: url(zorginstellingen_menu_bg.gif);}
body.korenblauw a.navmainonlinebankieren{background: url(bt_ob_zorginstellingen.gif) no-repeat top left;}
body.korenblauw a.navmainonlinebankieren:hover{background-position: -200px 0;}
body.korenblauw .navmaintitel a, body.korenblauw .navmainlink a, body.korenblauw .navmainsublink a{color:#b3c3e7;}
body.korenblauw h1, body.korenblauw h2, body.korenblauw h3 {color:#3761c1;}
body.korenblauw div.promo {background-color:#ebf0fa; color:#3761c1;}
body.korenblauw { background: url(navvuller_korenblauw.gif) repeat-y top left}
div.zorginstellingen div.navmainpicture{ background: url(tp_sub_zorginstellingen.jpg) no-repeat top left;}

body.vermiljoenrood div.navmainbg { background-image: url(themas_menu_bg.gif);}
body.vermiljoenrood a.navmainonlinebankieren{background: url(bt_ob_home.gif) no-repeat top left;}
body.vermiljoenrood a.navmainonlinebankieren:hover{background-position: -200px 0;}
body.vermiljoenrood .navmaintitel a, body.vermiljoenrood .navmainlink a, body.vermiljoenrood .navmainsublink a{color:#fbd3d1;}
body.vermiljoenrood h1, body.vermiljoenrood h2, body.vermiljoenrood h3 {color:#ec2417}
body.vermiljoenrood div.promo {background-color:#ffebea; color:#ec2417;}
body.vermiljoenrood { background: url(navvuller_vermiljoenrood.gif) repeat-y top left;}
body.vermiljoenrood .homepage {height: 100%; background: url(white_background.gif) repeat-y top left;}
body.vermiljoenrood .onlinebankieren {height: 100%; background: url(white_background.gif) repeat-y top left;}
div.betalen div.navmainpicture{ background: url(tp_sub_betalen.jpg) no-repeat top left;}
div.betalingsverkeer div.navmainpicture{ background: url(tp_sub_betalingsverkeer.jpg) no-repeat top left;}
div.wonen div.navmainpicture{ background: url(tp_sub_wonen.jpg) no-repeat top left;}
div.praktijkfinanciering div.navmainpicture{ background: url(tp_sub_praktijkfinanciering.jpg) no-repeat top left;}
div.vermogen div.navmainpicture{ background: url(tp_sub_vermogen.jpg) no-repeat top left;}
div.inkomen div.navmainpicture{ background: url(tp_sub_inkomen.jpg) no-repeat top left;}
div.onlinebankieren div.navmainpicture{ background: url(tp_sub_onlinebankieren.jpg) no-repeat top left;}

body.crimsonrood .navmaintitel a, body.crimsonrood .navmainlink a, body.crimsonrood .navmainsublink a{color:#f1ccd6;}
body.crimsonrood h1, body.crimsonrood h2, body.crimsonrood h3 {color:#bb0033;}
body.crimsonrood a.navmainonlinebankieren{background: url(bt_ob_overcene.gif) no-repeat top left;}
body.crimsonrood a.navmainonlinebankieren:hover{background-position: -200px 0;}
body.crimsonrood {background: url(navvuller_crimsonrood.gif) repeat-y top left;}
body.crimsonrood div.overcene div.navmainbg { background-image: url(overcene_menu_bg.gif);}
body.crimsonrood div.navmainbg { background-image: url(overcene_menu_bg.gif);}
body.crimsonrood div.navmainpicture{ background: url(tp_sub_service.jpg) no-repeat top left;}

body.tomaatrood .navmaintitel a, body.tomaatrood .navmainlink a, body.tomaatrood .navmainsublink a{color:#fe8989;}
body.tomaatrood h1, body.tomaatrood h2, body.tomaatrood h3 {color:#fc0202;}
body.tomaatrood a.navmainonlinebankieren {background: url(bt_ob_producten.gif) no-repeat top left;}
body.tomaatrood a.navmainonlinebankieren:hover{background-position: -200px 0;}
body.tomaatrood div.producten div.navmainbg { background-image: url(producten_menu_bg.gif);}
body.tomaatrood {background: url(navvuller_tomaatrood.gif) repeat-y top left;}
div.producten div.navmainpicture{ background: url(tp_sub_producten.jpg) no-repeat top left;}

div.overcene div.navmainpicture{ background: url(tp_sub_overcene.jpg) no-repeat top left;}
div.service div.navmainbg { background-image: url(overcene_menu_bg.gif);}
div.service div.navmainpicture{ background: url(tp_sub_service.jpg) no-repeat top left;}
body.crimsonrood div.help div.navmainbg { background-image: url(overcene_menu_bg.gif);}
div.help div.navmainpicture{ background: url(tp_sub_service.jpg) no-repeat top left;}

h3.preview{color:#646666 !important;}

.homepage .maincontentbox {
    margin-top: 15px;
}

.homepage .titelbox {
    height: 165px;
    width: 220px;
}

.homepage .thematitel {
    width: 100%;
    height: 100%;
}

/* RECHTER KOLOM */
.homepage .navright {
    position: absolute;
    width: 200px;
    margin-left: 552px;
    top: 100px;
}
*html .homepage .navright {
    margin-left: -125px;
}

.homepage .thematitel#home {  background: url(txt_home_default.gif) no-repeat;}
.homepage .thematitel#wonen {background: url(txt_home_wonen.gif) no-repeat;}
.homepage .thematitel#vermogen {background: url(txt_home_vermogen.gif) no-repeat;}
.homepage .thematitel#inkomen {background: url(txt_home_inkomen.gif) no-repeat;}
.homepage .thematitel#betalen {background: url(txt_home_betalen.gif) no-repeat;}
.homepage .thematitel#praktijkfinanciering {background: url(txt_home_praktijkfinanciering.gif) no-repeat;}
.homepage .thematitel#betalingsverkeer {background: url(txt_home_betalingsverkeer.gif) no-repeat;}

.boxback {
    height: 370px;
    width: 100%;
    margin-top: 101px;
}
.homepage .boxback {
    padding-top: 30px;
}
#boxbacktitel {
    border: 1px solid #fff;
}

#homepagelinx {
    height: 165px;
    width: 478px;
    overflow: hidden;
    margin-bottom: 20px;
}

#homepagelinx a {
	display: block;
	float: left;
}

/* fix ie5.5 */
*html #boxbacktitel, *html #homepagelinx a div {
    height: 1%;
}

.boxback {
    height: 370px;
    width: 100%;
    margin-top: 101px;
}

.navservice {
    position: relative;
    margin-top: 20px;
}

.navservice img {
	position: relative;
	top: 3px;
	margin: 0 2px 0 0;
}

hr.navright {
    border: none;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: -5px 0 25px 0;
    padding: 0;
    text-align: left;
    width: 221px;
}

body>div hr.navright{
    margin-top:10px;
    padding-top:10px;
}

hr.navright#crosslinks {
	margin: -5px 0 10px 0;
}

body>div hr.navright#crosslinks {
    margin-top:10px;
    padding-top:10px;
}

/* service nav vaste plek */
.navservice#fixedposition {
    position: absolute;
    width: 250px;
    top: 390px;
    z-index: 30;
}

.navservice a, .navservice a:visited {
    font: bold .9em Verdana,sans-serif;
	text-decoration:none;
	color:#ccc;
}

.navservice a:hover {
	color:#aaa;
}

div.navmaintitel {
	height: 56px;
    font: 1.52em Verdana,sans-serif;
    margin: 0 10px 0 3px;
    color:#fff;
}
div.navmaintitel a {
	text-decoration: none;
}
div.navmaintitel a:hover {
    color: #fff;
}

/* clear top margin for mozilla */
div {
    margin-top:0;
}

.navmaintitel {
    margin-bottom: 12px;
}

div.navmainlink {
    margin: 10px 0 10px 3px;
    font-weight:bold;
    color:#fff;
}

.homepage div.navmainlink{
    font: bold 1.1em Verdana,sans-serif;
    margin: 0;
    padding-bottom: 14px;
}

div.navmainlink a {
    font-weight: bold;
    text-decoration: none;
}
div.navmainlink a:hover {
    color: #fff;
}

.homepage div.navmainlink a {
    text-decoration: none;
    color: #ddd;
}
.homepage div.navmainlink a:hover {
    color: #fff;
}

div.navmainsublink {
    color:#fff;
    font-weight: bold;
    display: block;
    text-align:left;
    margin:3px 0 3px 22px;
}
div.navmainsublink a {
    font-weight: bold;
    text-decoration: none;
}
div.navmainsublink a:hover {
    color: #fff;
}

/********** PLACEHOLDERS **********/
/* main navigation background position */
.navmaincolumn {
    position:relative;/*ie needs this to show float */
    width:200px;
    float:left;
    margin-left:-200px;/*must be 1px less than width otherwise won't push footer down */
}
/* top left white fill */
.navmainbgwhitefill {
    position: relative;
    left: 0;
    top: 0;
    margin-left: 0;
    width:100%;
    background-color: #fff;
    height:53px;
    overflow: hidden;
}

.greylinethin {
    position: absolute;
    top: 100px;
    left: 0;
    height: 1px;
    width: 1000px;
    border-top: solid 1px #ccc;
    z-index: 20;
}

/* online bankieren position */
.navmainonlinebankieren {
    display: block;
    position: absolute;
    top: 470px;
    left: 0;
    z-index: 30;
    margin: 0;
    padding: 0;
    width:200px;
}
/* main navigation posititon */
.navmain {
    position: absolute;
    top: 128px;
    left: 15px;
    width: 185px;
    z-index: 30;
    overflow: hidden;
}
/* main navigation background */
.navmainbg {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    width: 200px;
    height: 565px;
    z-index: 10;
    overflow: hidden;
    background-position:top left;
    background-repeat:no-repeat;
}

.navmainbgbottom {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    width: 200px;
    height:4px;
    z-index: 10;
}
.navmainpicture {
    position: absolute;
    top: 100px;
    left: 200px;
    width: 76px;
    height: 400px;
    z-index:19;
    overflow: hidden;
}
div.homepage div.navmainpicture {position: absolute;top: 101px;}

/* container */
.container {
    height:100%;
    min-height:100%;
    margin-left: 200px;
    background-color: #fff;
}
/* main content */
.maincontent {
    position: static;
    float: left;
    width:800px;
    background-color: #fff;
}
/* main content position */
.maincontentbox {
	position: relative;
    float: left;
    left: 102px;
    width: 690px;
    z-index:40;
    margin-top:25px;
}

/* rechter kolom */
.navright {
    position: absolute;
    width: 230px;
    margin-left: 455px;
}
*html .navright {
    margin-left: 36px;
    margin-top: -72px;
}

.navright#fixed {
    position: absolute;
    width: 230px;
    margin-left: 552px;
}
*html .navright#fixed {
    margin-top: 0;
	margin-left: -140px;
}

.logolanschot {
    position: absolute;
    top: 24px;
    left: 593px;
    width: 238px;
    height: 38px;
    z-index: 10;
}

/* breadcrumb */
.breadcrumb {
    position: absolute;
    top: 85px;
    left: 303px;
    font-size: 1em;
    color: #9D9E9C;
    text-decoration: none;
    z-index: 30;
}
.breadcrumb span{
    color: #666;
}
.breadcrumb a, .breadcrumb a:visited {
    color: #9D9E9C;
    text-decoration: none;
}
.breadcrumb a:hover {
    color: #666;
}
/* grey bar 31px height */
.greybar {
    background-color: #EDEDED;
    position: absolute;
    top: 470px;
    left: 200px;
    margin-right: 0;
    margin-bottom: 0;
    height: 31px;
    width: 799px;
    z-index: 30;
}

div.onlinebankieren div.greybar{background-color: #DFDFDF;}

@page { margin: 2cm }

@media print {
    .navright {display: none;}
    .navmainbg {display: none;}
    .navmainbgbottom {display: none;}
    .navmain {display: none;}
    .navmainpicture {display: none;}
    .greybar {display: none;}
    .breadcrum {display: none;}
    .navmaincolumn {display: none;}
    .container {margin: 0; padding: 0 }
    .maincontent {margin: 0; padding: 0 }
    .maincontentbox {left: 0;top: 0;margin: 0;padding: 0;}
	.logolanschot {left: 0;}
}

/* THEMA */

div.maincontentbox div#content {
	width: 440px;
	float: left;
}

div.maincontentbox div#content2 {
	width: 440px;
	float:  left;
}

body>div #content, body>div #content2 {
	font-size: 1.1em;
}

div#content p.intro, div#vacature p.intro, div#foto p.intro{
    font-weight:bold;
    color:#646666;
    padding:0;
    margin:10px 0 15px 0;
}

div.preview{
    margin-bottom:20px;
}

div.preview p.intro{
    font-weight:normal;
    padding:0;
    margin: 0 15px 0 0;
}

div#content2 p{
    padding:0;
    margin:0 0 15px 0;
}

/* PRODUCTEN */
div.productgroep{
    color:#000;
    font-size: 0.8em;
    font-weight:bold;
    margin-top:15px;
    margin-left:15px;
    display:block;
}
/* IE 5.5 ziet dit niet */
div.productgroep{
    f\ont-size: 1.1em;
}

div.productlink {
	margin-top: 3px;
}

/* LIJST & KOLOMMEN */

div.pagelink{
   display:block;
   margin:3px 0;
}

div.pagelinksgroup{
    margin:2px 0 15px 0;
}

div.kolomcrosslinks { width: 440px; }

div.kolomcrosslinks div.crosslink {
	float: left;
	width: 210px;
	margin: 0;
	padding: 0 10px 15px 0;
}

div.kolomcrosslinks div.crosslink h3 {
	width: 200px;
}

div.kolomcrosslinks div.crosslink p.intro {
	width: 200px;
    margin:0;
    padding:0;
}

div.kolomlinks{
    width:209px;
    display:block;
    float:left;
    border-right:1px solid #ccc;
    padding-right:9px;
    clear: left;
}
div.linkerkolom {
    width:209px;
    display:block;
    float:left;
    padding-right:9px;
    clear: left;
}
div.rechterkolom, div.kolomrechts{
    padding-left:7px;
    display:block;
    width:210px;
    float:left;
}

/* HELP & FAQ */
div#helpfaqcat{
    width:200px;
    float:left;
    display:block;
    margin-top:10px;
}
*html div#helpfaqcat{
    width:210px;
}

div#helpfaqcat a.linksverderlezen, div#helpfaqcat a.linksverderlezen:hover{
    margin-top:6px;
    display:block;
    white-space:normal;
    background-position: left 0.05em;
    width:190px;
    text-decoration:none;
}

div#helpfaqcontent{
    width:200px;
    display:block;
    border-left:1px solid #ccc;
    padding-bottom: 15px;
    padding-left:15px;
    float:right;
    margin-top:10px;
}

*html div#helpfaqcontent{
    width:210px;
}

div.faqcatvraag{
    display:block;
    margin-top:10px;
    width:440px;
}

body.donkerpetrol a.linksverderlezen:hover, body.petrolgray a.linksverderlezen:hover{color:#013131;background-image: url(pijltje_donkerpetrol.gif);}

div.vraag{
    font-weight:bold;
    color:#646666;
    padding:10px 0;
    margin:10px 0 15px 0;
    border-bottom:1px solid #013131;
    border-top:1px solid #013131;
}
div.onlinebankieren div.vraag{
    border-bottom:1px solid #98958F;
    border-top:1px solid #98958F;
}

div.antwoord{
    margin:0 0 30px 0;
}

div.faqsiblingopsomming{
    margin-bottom:25px;
}

/* FOTO's */
div#foto{
    position:relative;
    top:-25px;
    width:440px;
    height:400px;
    overflow:auto;
    padding-top:25px;
    background-color:#fff;
}

div#foto img{
    padding-bottom:15px;
}

/* ONLINE BANKIEREN */
div.onlinebankierentitelblok{
    height:40px;
}

div.onlinebankierenlinkblok{
    border:2px solid #ccc;
    width:225px;
    margin:15px 0;
    padding:0 0 0 4px;
}

div.onlinebankierenlinkblok h2{
    margin-left:0;
}
div.onlinebankierenlinkcollectie{
    display:block;
    float:left;
}
div.onlinebankierenlink{
    height:28px;
    width:218px;
    margin:0;
    padding:0;
}
a.onlinebankierenlink{
    width:161px;
    background: url(pijltje_gray2px.gif) no-repeat left 0.5em;
    color: #646666;
    margin:0 0 0 3px;
    padding:0.5em 0 0 20px;
    display:block;
    float:left;
    text-decoration:none;
}

a.onlinebankierenlink:hover{color:#013131;background-image: url(pijltje_donkerpetrol.gif);}

div.onlinebankierenfaqblok{
    display:block;
    float:right;
    width:195px;
    margin:0;
    margin-top:17px;
    padding:0;
    margin-left:10px;
}

div.onlinebankierenfaqblok h2{margin-bottom:10px;width:195px;}
div.onlinebankierenfaqcatvraag{
    width:195px;
    padding:3px 0;
}

/* NIEUWSLINKS & CROSSLINKS */
div.nieuwslinks{
    width:440px;
    margin-top: 2px;
}

div.nieuwslinks div.nieuwslink {
	float:left;
	width:215px;
	margin:0;
	padding-right: 5px;
}

div.nieuwslinks p.titel{
    color:#646666;
    font-weight:bold;
    margin:0;
    padding:0;
}
div.nieuwslinks p.intro {
    margin:0;
    padding:0 0 15px 0;
}

div.crosslink h3 {
	width: 220px;
}

div.crosslink p.intro {
	width: 220px;
    margin:0;
    padding:0;
}

div.crosslink{
    display:block;
    margin-top:10px;
    margin-bottom: 10px;
}

/* PROMO */
div.promo {
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:15px;
    width:410px;
}
div.promo p.titel {
    font: normal 1.673em Verdana,sans-serif;
    margin-bottom: 10px;
    margin-top:0;
    padding:0;
    width: 410px;
}
div.promo p.intro {
    font-family: Verdana,sans-serif;
    margin:0;
    padding:0;
}

body>div .promo p.intro, body>div .preview, body>div .nieuwslink {
	font-size: 1.15em;
}

div.promo img, div.preview img {
    float:left;
    margin-top: 3px;
    margin-right: 15px;
    padding-bottom: 10px;
    display: block;
}
/* KANTOREN */
p.adres {display:block;margin-top:0;}
p.openingstijden {margin-top:15px;display:block;}
p.locatie {margin-top:15px;display:block;}

div.promo#kantoor {position:relative;display:block;margin-top:15px;}
div.kantoorimage {float:right;width:140px;height:100px;margin:0;padding:0;}

img.kantoor {width:140px;height:100px;display:block;margin-top: 0 !important;margin-right: 0 !important;padding-bottom: 0 !important;}

div.kantoorbody {margin-top:15px;}

/* VERDER LEZEN */
div.verderlezen{
    margin:0;
    padding:0;
}
a.verderlezenzonderpijl, a.verderlezenzonderpijl:visited{
    color: #646666;
    text-decoration:none;
}
span.pijltje{background: url(pijltje_gray2px.gif) no-repeat left;}

body.petrolblauw a.verderlezenzonderpijl:hover{color:#084F55;}
body.koningsoranje a.verderlezenzonderpijl:hover{color:#DB4E28;}
body.steenrood a.verderlezenzonderpijl:hover{color:#AF0808;}
body.grasgroen a.verderlezenzonderpijl:hover{color:#00862C;}
body.mosgroen a.verderlezenzonderpijl:hover{color:#067A46;}
body.staalblauw a.verderlezenzonderpijl:hover{color:#4999B2;}
body.kobaltblauw a.verderlezenzonderpijl:hover{color:#3A51B3;}
body.oudroze a.verderlezenzonderpijl:hover{color:#B172A1;}
body.donkermagenta a.verderlezenzonderpijl:hover{color:#9A2F78;}
body.donkerlila a.verderlezenzonderpijl:hover{color:#663366;}
body.donkerpetrol a.verderlezenzonderpijl:hover{color:#013131;}
body.turquoise a.verderlezenzonderpijl:hover{color:#007C89;}
body.petrolgray a.verderlezenzonderpijl:hover{color:#98958F;}
body.purple a.verderlezenzonderpijl:hover{color:#9C0053;}

body.petrolblauw a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_petrolblauw.gif) no-repeat left;}
body.koningsoranje a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_koningsoranje.gif) no-repeat left;}
body.steenrood a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_steenrood.gif) no-repeat left;}
body.grasgroen a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_grasgroen.gif) no-repeat left;}
body.mosgroen a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_mosgroen.gif) no-repeat left;}
body.staalblauw a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_staalblauw.gif) no-repeat left;}
body.kobaltblauw a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_kobaltblauw.gif) no-repeat left;}
body.oudroze a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_oudroze.gif) no-repeat left;}
body.donkermagenta a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_donkermagenta.gif) no-repeat left;}
body.donkerlila a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_donkerlila.gif) no-repeat left;}
body.donkerpetrol a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_donkerpetrol.gif) no-repeat left;}
body.turquoise a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_turquoise.gif) no-repeat left;}
body.petrolgray a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_petrolgray.gif) no-repeat left;}
body.purple a.verderlezenzonderpijl:hover span.pijltje{background: url(pijltje_purple.gif) no-repeat left;}

a.verderlezen, a.verderlezen:visited{
    background: url(pijltje_gray2px.gif) no-repeat 100% 0.05em;
    color: #646666;
    padding-right: 15px;
    display:inline;
    text-decoration:none;
}

a.linksverderlezen, a.linksverderlezen:visited{
    background: url(pijltje_gray2px.gif) no-repeat 0 0.05em;
    color: #646666;
    padding-left: 15px;
    display:block;
    text-decoration:none;
}
body>div a.linksverderlezen{display:block;}
a.teruglink, a.teruglink:visited{
    background: url(linkspijltje_gray2px.gif) no-repeat 0 0.05em;
    color: #646666;
    padding-left: 15px;
    padding-bottom:15px;
    display:inline;
    text-decoration:none;
}
body>div a.teruglink{display:block;}
body.petrolblauw a.verderlezen:hover, body.petrolblauw a.linksverderlezen:hover{color:#084F55;background-image: url(pijltje_petrolblauw.gif);}
body.koningsoranje a.verderlezen:hover, body.koningsoranje a.linksverderlezen:hover{color:#DB4E28;background-image: url(pijltje_koningsoranje.gif);}
body.steenrood a.verderlezen:hover, body.steenrood a.linksverderlezen:hover{color:#AF0808;background-image: url(pijltje_steenrood.gif);}
body.grasgroen a.verderlezen:hover, body.grasgroen a.linksverderlezen:hover{color:#00862C;background-image: url(pijltje_grasgroen.gif);}
body.mosgroen a.verderlezen:hover, body.mosgroen a.linksverderlezen:hover{color:#067A46;background-image: url(pijltje_mosgroen.gif);}
body.staalblauw a.verderlezen:hover, body.staalblauw a.linksverderlezen:hover{color:#4999B2;background-image: url(pijltje_staalblauw.gif);}
body.kobaltblauw a.verderlezen:hover, body.kobaltblauw a.linksverderlezen:hover{color:#3A51B3;background-image: url(pijltje_kobaltblauw.gif);}
body.oudroze a.verderlezen:hover, body.oudroze a.linksverderlezen:hover{color:#B172A1;background-image: url(pijltje_oudroze.gif);}
body.donkermagenta a.verderlezen:hover, body.donkermagenta a.linksverderlezen:hover{color:#9A2F78;background-image: url(pijltje_donkermagenta.gif);}
body.donkerlila a.verderlezen:hover, body.donkerlila a.linksverderlezen:hover{color:#663366;background-image: url(pijltje_donkerlila.gif);}
body.donkerpetrol a.verderlezen:hover, body.donkerpetrol a.linksverderlezen:hover{color:#013131;background-image: url(pijltje_donkerpetrol.gif);}
body.turquoise a.verderlezen:hover, body.turquoise a.linksverderlezen:hover{color:#007C89;background-image: url(pijltje_turquoise.gif);}
body.petrolgray a.verderlezen:hover, body.petrolgray a.linksverderlezen:hover{color:#98958F;background-image: url(pijltje_petrolgray.gif);}
body.purple a.verderlezen:hover, body.purple a.linksverderlezen:hover{color:#9C0053;background-image: url(pijltje_purple.gif);}

body.petrolblauw a.teruglink:hover{color:#084F55;background-image: url(linkspijltje_petrolblauw.gif);}
body.koningsoranje a.teruglink:hover{color:#DB4E28;background-image: url(linkspijltje_koningsoranje.gif);}
body.steenrood a.teruglink:hover{color:#AF0808;background-image: url(linkspijltje_steenrood.gif);}
body.grasgroen a.teruglink:hover{color:#00862C;background-image: url(linkspijltje_grasgroen.gif);}
body.mosgroen a.teruglink:hover{color:#067A46;background-image: url(linkspijltje_mosgroen.gif);}
body.staalblauw a.teruglink:hover{color:#4999B2;background-image: url(linkspijltje_staalblauw.gif);}
body.kobaltblauw a.teruglink:hover{color:#3A51B3;background-image: url(pijltje_kobaltblauw.gif);}
body.oudroze a.teruglink:hover{color:#B172A1;background-image: url(linkspijltje_oudroze.gif);}
body.donkermagenta a.teruglink:hover{color:#9A2F78;background-image: url(linkspijltje_donkermagenta.gif);}
body.donkerlila a.teruglink:hover{color:#663366;background-image: url(linkspijltje_donkerlila.gif);}
body.donkerpetrol a.teruglink:hover{color:#013131;background-image: url(linkspijltje_donkerpetrol.gif);}
body.turquoise a.teruglink:hover{color:#007C89;background-image: url(linkspijltje_turquoise.gif);}
body.petrolgray a.teruglink:hover{color:#98958F;background-image: url(linkspijltje_petrolgray.gif);}
body.purple a.teruglink:hover{color:#9C0053;background-image: url(linkspijltje_purple.gif);}

/*  FORMULIER */
label {
    display: block;
    margin: 5px 0 3px;
    color:#646666;
}
label#eerstelabel{
    margin: 0 0 3px 0;
    color:#646666;
}
input, textarea {
    display: block;
    font-family: Verdana,sans-serif;
    color: #696969;
    width: 160px;
}
form#frmcontact textarea{
    width:auto;
}
textarea#evid{
    height:auto;
    font-size:1em;
}
input#ugid, input#clid, input.radio {
    width: 20px;
    display:inline;
    height:1.3em;
}
#evid {
    overflow: hidden;
}
form a img {
    margin-top: 10px;
}
form#frmMeerWeten{
    margin-top:0;
    margin-left:17px;
    font-size:1em;
}
div.result{
    margin-left:17px;
    display:block;
    color:#646666;
}
div.hiddenForm {
   display: none;
}
div.visibleForm {
   display: block;
}
.highlighted { color: red; }
.nonhighlighted { color: #696969; }

/* NAVIGATIERECHTS */
.TekstLink {
    background-color: #fff;
    border: none;
    display: block;
    font-size: 1px;
    margin: 0 0 15px 0;
    padding: 0;
    text-decoration: none;
}
#LinkProducten, #LinkOverCenE, #LinkPortfolio {
    width: 153px;
    height: 13px;
}
#LinkEvenementen {
    width: 124px;
    height: 33px;
}
#LinkMeerWeten {
    width: 153px;
    height: 27px;
}
body>div #LinkMeerWeten{
    padding-bottom:10px;
    display:block;
}

/*
    Einde NavigatieRechts
*/

/* POP UPs */
body.popup{
    background-image:none;
    background-color:#fff;
}

div.sluitpopup{
    position:relative;
    height:49px;
    display:block;
    padding-left:15px;
    margin-top:10px;
    float:left;
}

div.sluitpopup a{
    display:block;
    background: url(bt_sluitvenster_off.gif) no-repeat center center;
}

div.sluitpopup a:hover{
    background: url(bt_sluitvenster_on.gif) no-repeat center center;
}
div.popupgreylinethin{
    display:block;
    position:absolute;
    left: 0;
    top:60px;
    height: 1px;
    width: 100%;
    border-top: solid 1px #ccc;
    z-index: 20;
}
div.popuplogo {
    float:right;
    height:49px;
    display:block;
    padding-right:15px;
    width:auto;
    top:0;
}
div.popuplogo img{
    margin-top:10px;
}

body.popup div.navmainpicture{
    display:inline;
    top: 60px;
    left: 0;
    width: 76px;
    height: 400px;
    z-index:19;
    overflow: hidden;
}

div.popupcontentbox{
    display:block;
    padding-left:100px;
    padding-right:23px;
    padding-top:7px;
}

body.popup div#content{
    height:auto;
}
body.popup form{
    padding:0;
    margin:0;
    height:auto;
}

/* Sitemap */
div.sitemap ul { list-style-image:none; margin-bottom: 0; }
div.sitemap li { list-style-type:none; }
div.sitemap ul { margin-left : 0; }
div.sitemap ul li li { margin-left : 16px; }
body>div div.sitemap ul {padding-left:0;}
body>div div.sitemap ul ul{padding-left:15px;}
/* Let op , majordiv heet ook sitemap! */

div.sitemap div.kolomlinks ul li { margin-bottom:1em; }
div.sitemap div.kolomlinks ul li ul li { margin-bottom:0; }

body>div div.kolomlinks ul { margin-bottom:2.2em; }
body>div div.kolomlinks ul li { margin-bottom:-1em; }
body>div div.kolomlinks ul ul { margin-bottom:-1em; }
body>div div.kolomlinks ul ul li {
    margin-bottom:-1em;
    padding-bottom:0;
    margin-top:-1em;
}

body>div div.kolomrechts ul { margin-bottom:1em; }
body>div div.kolomrechts ul ul { margin-bottom:0; }

/* EVENEMENTEN */
div.evenement{
    display:block;
    margin:15px 0;
}

div.evenement div.titel{
    font: bold 1.1em Verdana,sans-serif;
    margin:0;
    padding:1px 0;
    color:#013131;
}

div.evenement div.startdatum{
    display:block;
    position:relative;
    height:auto;
    margin:1px 0 2px 0;
}

div#content div.startdatum, div#content div.plaats{
    font-weight:bold;
    color:#013131;
}

/* CONTACT */
div.contactlink{
    display:block;
    margin-bottom:15px;
}
div.contactlink a.verderlezen{
    font-weight:bold;
}
/* MODULES */
form#hypotheekanalyse input{
    width: 100px;
    display:inline;
    margin:2px 0;
}

form#hypotheekanalyse table{
    width:440px;
}

form#technischcontact input, form#technischcontact textarea, form#technischcontact select{
    display:inline;
    margin:2px 0;
    width:220px;
}
form#technischcontact input.radio{
    width: 20px;
    display:inline;
    height:1.3em;
}
table#tc td{
    padding-bottom:10px;
}

table#tc td.Small{
    padding:3px 15px 10px 0;
}

form#hypotheekanalyse input.texttwo, form#technischcontact input.texttwo{
    width: 20px;
}
form#hypotheekanalyse input.textfour, form#technischcontact input.textfour{
    width: 40px;
}
form#hypotheekanalyse input.textten, form#technischcontact input.textten{
    width: 100px;
}

/* PORTFOLIO */
div.portfoliooverzicht div.links {
    position: relative;
    float:left;
    width: 200px;
}
div.portfoliooverzicht div.rechts {
    clear: right;
    position: relative;
    float:right;
    background-color: #fce7f2;
    width: 200px;
    padding: 0 0 10px 10px;
    margin-bottom: 15px;
}
div.portfoliooverzicht div.links h2 {
    padding-top: 10px;
    margin-bottom:10px;
}
div.portfoliooverzicht div.rechts img.titel {
    padding-top: 10px;
    margin-bottom: 10px;
    float:left;
}
div.portfoliooverzicht div.links div.datum{
    padding-right: 10px;
}
div.portfoliooverzicht div.links div.linktekst {
    padding-right: 10px;
    font-weight: bold;
}
div.portfoliooverzicht div.links div.introtekst{
    padding-right: 10px;
}
div.portfoliooverzicht div.links .linksverderlezen {
    margin-bottom:10px;
}
div.portfoliooverzicht div.rechts div.datum{
    padding-right: 10px;
    color: #9c0053;
    clear:left;
}
div.portfoliooverzicht div.rechts div.linktekst {
    padding-right: 10px;
    color: #9c0053;
    font-weight: bold;
    margin-bottom:10px
}
div.portfoliooverzicht div.rechts div.introtekst{
    padding-right: 10px;
    color: #9c0053;
}
div.portfoliooverzicht img.foto {
    position: relative;
    float:right;
}

/****** ENQUETE ******/
.enquete-matrix label {
    width: 290px;
}
.enquete-matrix input {
    width:20px;
}
.enquete-item {
    margin-top: 25px;
}
.enquete-item hr {
    border: none;
    border-top: 4px solid #013131;
}
.enquete-vraag {
    margin-top: 10px;
    font-size: 12px;
    font-weight:bold;
    color: #013131;
}
.enquete-radio-group input {
    margin-left: 0;
    width: 20px;
}
.enquete input, textarea {
    display: inline;
    width: auto;
}

/********** LEVENSLOOP **********/
form#levensloop .toelichting {
    width: 90px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;

}
form#levensloop .invoer {
    width: 195px;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
form#levensloop input {
    display: inline;
    width: 100px;
}
form#levensloop .waarde {
    width: 90px;
    height: 30px;
    background: #eee;
    font-weight:bold;
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
}
form#levensloop .waarde-leeg {
    width: 90px;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
form#levensloop .waarde-kop {
    text-align: center;
    height: 25px;
}

/********** SPACERS **********/
div.spacer10 { height: 10px; }
div.spacer15 { height: 15px; }
div.spacer20 { height: 20px; }