﻿/* ---- OVER BANK-SPAREN.NU ----*/

div.wrapperOverBanksparen
{
    margin-left: 25px;
    margin-bottom: 10px;
    width: 600px;
    float: left;
}

H1.titelOverBanksparen
{
    width: 600px;
    font: 14pt Verdana;
    color: #454399;
    border-bottom: solid 1px #D6EBFF;
}

p.textOverBanksparen
{
    font: 10pt Verdana;
    color: #454399;
}


/* ---- CONTENT ----*/

div.content
{
    float: left;
    width: 710px;
    padding-top: 10px;
    margin-top: 10px;
    min-height: 520px;
}

div.blok_een
{
     margin-top: 25px;
     margin-left: 50px;
     width: 500px;
     border-top: dotted 1px #6FA1D9;
     border-bottom: dotted 1px #6FA1D9;
}

div.blok_picture
{
    float: left;
}

div.blok_content
{
    float: left;
}

h2.blok_titel
{
    margin-left: 5px;
    margin-top: 15px;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #454299;
}

h2.titel
{
    margin-left: 20px;
    font: bold 11pt verdana;
    color: #454299;
}

h3.titel
{
    margin-left: 20px;
    font: bold 10pt verdana;
    color: #454299;
}


div.blok_twee
{
 margin-left: 50px;
 width: 500px;
 border-bottom:  dotted 1px #6FA1D9;
}

div.blok_drie
{
 margin-left: 50px;
 width: 500px;
 border-bottom: dotted 1px #6FA1D9;
}

span.bank_index
{
    width: 150px;
    display: inline-block;
}

span.rente_index
{
    width: 100px;
}

span.link_index
{
    margin-left:200px;
    text-decoration: underline;
}


a:link.index
{
    font: 10pt Verdana;
    color: #454399;
    cursor: pointer;
    text-decoration: none;
    padding-left: 5px;
}
a:visited.index
{
    font: 10pt Verdana;
    color: #454399;
    cursor: pointer;
    text-decoration: none;
    padding-left: 5px;
}
a:hover.index
{
    font: 10pt Verdana;
    color: #454399;
    cursor: pointer;
    text-decoration: underline;
    padding-left: 5px;
}
a:active.index
{
    font: 10pt Verdana;
    color: #454399;
    cursor: default;
    text-decoration: none;
    padding-left: 5px;
}

div.banner
{
    padding-top:10px;
    padding-bottom:15px;
    width: 650px;
    text-align: center;
}


H1.title
{
    font: lighter 18pt Verdana;
    color: #454299;
    width: 600px;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 1px;
    padding-right: 15px;
    margin-right: 15px;
}

H2.news_item
{
    font: lighter 14pt Verdana;
    color: #454399;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 10px;
}

H2.content
{
    font: lighter 12pt Verdana;
    color: #454399;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 10px;
}

p.content
{
    font: 10pt Verdana;
    color: #454399;
    width: 600px;
    padding-left: 10px;
    margin-left: 10px;
    
}

p.content_subheader
{
    padding-top: 10px;
    font: bold 11pt Verdana;
    color: #454399;
    width: 600px;
    padding-left: 10px;
    margin-left: 10px;
    
}

a:link.archief
{
    margin-left: 20px;
    margin-top: 5px;
    width: 600px;
    font: 10pt Verdana;
    color: #454399;
    cursor: pointer;
    text-decoration: none;
    padding-left: 5px;
    float: left;
}

a:visited.archief
{
    margin-left: 20px;
    margin-top: 5px;
    width: 600px;
    font: 10pt Verdana;
    color: #454399;
    cursor: pointer;
    text-decoration: none;
    padding-left: 5px;
    float: left;
}

a:hover.archief
{
    margin-left: 20px;
    margin-top: 5px;
    width: 600px;
    font: 10pt Verdana;
    color: #454399;
    cursor: pointer;
    text-decoration: underline;
    padding-left: 5px;
    float: left;
}

a:active.archief
{
    margin-left: 20px;
    margin-top: 5px;
    width: 600px;
    font: 10pt Verdana;
    color: #454399;
    cursor: default;
    text-decoration: none;
    padding-left: 5px;
    float: left;
}

div.rente_stand
{
    font: 10pt Verdana;
    color: #454399;
    width: 600px;
    padding-left:20px;
}

span.disclaimer
{
    font: 8pt Verdana;
    color: #454399;
}

div.bron
{
float: left;
}

span.header_bank
{
    font: bold 10pt Verdana;
    color: #454399;
    width: 100px;
    display: inline-block;
    border-bottom-style: solid;
    border-bottom-color: #454399;
    border-bottom-width: 1px;
    background-color: #EBE9ED;
    text-align: left;   
}

span.header_rente
{
    font: bold 10pt Verdana;
    color: #454399;
    width: 100px;
    display: inline-block;
    border-bottom-style: solid;
    border-bottom-color: #454399;
    border-bottom-width: 1px;
    background-color: #EBE9ED;
    text-align: left;   
}

span.header_comment
{
    font: bold 10pt Verdana;
    color: #454399;
    width: 200px;
    display: inline-block;
    border-bottom-style: solid;
    border-bottom-color: #454399;
    border-bottom-width: 1px;
    background-color: #EBE9ED;
    text-align: left;   
}

span.header_update
{
    font: bold 10pt Verdana;
    color: #454399;
    width: 100px;
    display: inline-block;
    border-bottom-style: solid;
    border-bottom-color: #454399;
    border-bottom-width: 1px;
    background-color: #EBE9ED;
    text-align: left;   
}

span.content_bank
{
    font: 10pt Verdana;
    color: #454399;
    width: 100px;
    display: inline-block;
    text-align: left;
}

span.content_rente
{
    font: 10pt Verdana;
    color: #454399;
    width: 100px;
    display: inline-block;
    text-align: right;
}

span.content_comment
{
    font: 10pt Verdana;
    color: #454399;
    width: 200px;
    display: inline-block;
    text-align: left;
}

span.content_update
{
    font: 10pt Verdana;
    color: #454399;
    width: 100px;
    display: inline-block;
    text-align: left;
}

span.bank
{
    width: 100px;
    display: inline-block;
}

span.rente
{
    width: 100px;
    display: inline-block;
}

img.image
{
    margin-left: 10%;
}

span.datum
{
    font: 7pt Verdana;
    color: #454399;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 5px;
}

p.dikgedrukt
{
    font: bold 10pt Verdana;
    color: #454399;
    width: 600px;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 10px;
}

p.inhoud
{
    font: 10pt Verdana;
    color: #454399;
    width: 600px;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 20px;
}
    
div.content_sitemap
{
    padding-left: 15px;

}

a:link.content_sitemap
{
    font: bold 10pt Verdana;
    color: #2C69BD;
    cursor: pointer;
    text-decoration: none;
}
a:visited.content_sitemap
{
    font: bold 10pt Verdana;
    color: #2C69BD;
    cursor: pointer;
    text-decoration: none;
}
a:hover.content_sitemap
{
    font: bold 10pt Verdana;
    color: #2C69BD;
    cursor: pointer;
    text-decoration: underline;
}
a:active.content_sitemap
{
    font: bold 10pt Verdana;
    color: #2C69BD;
    cursor: default;
    text-decoration: none;
}

a:link.content_sitemap_sub
{
    font: 10pt Verdana;
    color: #2C69BD;
    cursor: pointer;
    text-decoration: none;
    margin-left: 20px;
}
a:visited.content_sitemap_sub
{
    font: 10pt Verdana;
    color: #2C69BD;
    cursor: pointer;
    text-decoration: none;
    margin-left: 20px;
}
a:hover.content_sitemap_sub
{
    font: 10pt Verdana;
    color: #2C69BD;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 20px;
}
a:active.content_sitemap_sub
{
    font: 10pt Verdana;
    color: #2C69BD;
    cursor: default;
    text-decoration: none;
    margin-left: 20px;
}

/*BEGRIPPENLIJST*/

div.letter_box
{
    width: 600px;
    float: left;
}

h1.letter
{
    font: 14pt Verdana;
    padding-left:10px;
    margin-left:20px;
    color: #2C69BD;
    width: 600px;
    background-color: #FFF7EC;
    border-bottom-color: #2C69BD;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

h1.begrip
{
    font: 10pt Verdana;
    margin-left:20px;
    color: #2C69BD;
    padding-left: 10px;    
    float: left;
}

div.begrip_uitleg
{
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    width: 600px;
}

div.begrip
{
    float: left;
    width: 200px;
    
}

div.uitleg
{
    font-family: Verdana;
    font-size: 10pt;
    color: #2C69BD;
    width: 400px;
    float: left;
    
}

/*PRODUCTEN*/

div.hypotheek_producten_lijst
{
    margin-left: 25px;
    font: 10pt Verdana;
    color: #2C69BD;
    
}


div.google_page
{
    
    margin-top: 25px;
    margin-left: 25px;
    margin-right: 25px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-top-style:solid;
    border-top-width: 1px;
    border-top-color: #A7A6AA;
    border-bottom-style: solid 1px #A7A6AA;
    width: 600px;
    float: left;   
}

/* ---- RENTE ----*/
div.tabel
{
    float: left;
    
}

div.depositos
{ 
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 10px;
    margin-bottom: 50px;
    border-top: #A7A6AA 1px solid; 
    border-bottom: #A7A6AA 1px solid;
    width: 400px; 
    float: left;
}

a:link.sluiten
{
    margin-left: 25px;
    font: 7pt Verdana;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: -25px;
    font-weight: bold;
    text-align: right;
    background-color: #E9E8EC;
    border-bottom-color: #454399;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #454399;
    float: left;
}


a:visited.sluiten
{
    margin-left: 25px;
    font: 7pt Verdana;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: -25px;
    font-weight: bold;
    text-align: right;
    background-color: #E9E8EC;
    border-bottom-color: #454399;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #454399;
    float: left;
}

a:hover.sluiten
{
    margin-left: 25px;
    font: 7pt Verdana;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: -25px;
    font-weight: bold;
    text-align: right;
    background-color: #E9E8EC;
    border-bottom-color: #454399;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #454399;
    float: left;
}


a:active.sluiten
{
    margin-left: 25px;
    font-family: Verdana;
    font-size: 7pt;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: -25px;
    font-weight: bold;
    text-align: right;
    background-color: #E9E8EC;
    border-bottom-color: #454399;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #454399;
    float: left;
}



span.title_tabel
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: bold;
    background-color: #E9E8EC;
    border-bottom-color: #454399;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #454399;
    float: left;
}

span.row_tabel_white
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: normal;
    background-color: #ffffff;
    color: #454399;
    float: left;
}

a:link.row_tabel_white
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: normal;
    background-color: #ffffff;
    color: #454399;
    float: left;
    text-decoration: underline;
}

a:visited.row_tabel_white
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: normal;
    background-color: #ffffff;
    color: #454399;
    float: left;
    text-decoration: underline;
}

a:hover.row_tabel_white
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: normal;
    background-color: #ffffff;
    color: #454399;
    float: left;
    text-decoration: none;
}

a:active.row_tabel_white
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: normal;
    background-color: #ffffff;
    color: #454399;
    float: left;
    text-decoration: underline;
}

span.row_tabel_color
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: normal;
    background-color: #FEECC6;
    color: #454399;
    float: left;
}

a:link.row_tabel_color
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: normal;
    background-color: #FEECC6;
    color: #454399;
    float: left;
    text-decoration: underline;
}

a:visited.row_tabel_color
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: normal;
    background-color: #FEECC6;
    color: #454399;
    float: left;
    text-decoration: underline;
}

a:hover.row_tabel_color
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: normal;
    background-color: #FEECC6;
    color: #454399;
    float: left;
    text-decoration: none;
}

a:active.row_tabel_color
{
    margin-left: 25px;
    width: 145px;
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    margin-right: -25px;
    font-weight: normal;
    background-color: #FEECC6;
    color: #454399;
    float: left;
    text-decoration: underline;
}


div.product
{
    margin-left: 25px;
    font-family: Verdana;
    font-size: 10pt;
    width: 250px;
    float: left;
}

div.rente_meer
{
    margin-left: 25px;
    font-family: Verdana;
    font-size: 10pt;
    width: 250px;
    float: left;
}



span.title
{
    width: 600px;
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #E9E8EC;
    display: block;
    font-weight: bold;
    clear: left;
    float: left;
}

div.disclaimer_lijfrente_rente
{
    margin-top: 15px;
    margin-left: 30px;
    float: left
}

div.movie
{
    margin-left: 100px;
    float: left
}

/*KOSTEN*/
div.menu_kosten
{
    background-color: #FFECC9;
    height: 18px;
    width: 650px;
    padding-top: 2px;
}

span.uitsparing_left_kosten
{
    height: 18px;
    width: 7px;
    float: left;
    background-color: #ffffff;
    background-position: left top;
    background-image: url(Images/spacer.jpg);
    background-repeat: repeat-x;
}

span.uitsparing_right_kosten
{
    height: 18px;
    width: 193px;
    float: left;
    background-color: #ffffff;
    background-position: left top;
    background-image: url(Images/spacer.jpg);
    background-repeat: repeat-x;
}

div.kosten_tabel
{
    margin-left: 20px;
    float: left;
}

span.spaar_titel
{
    width: 600px;
    background-color: #E9E8EC;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #4543A8;
    float: left;
}

div.kosten_maatschappij
{
    margin-top: 20px;
    width: 600px;
    float: left;
}

image.image_kosten
{
    float: left;    
}

div.kosten
{
    margin-top: 10px;
    width: 500px;
    float: left;
}

span.kostenpost
{
    margin-left: 20px;
    width: 250px;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #454399;
    float: left;
}

span.antwoord_kosten
{
    width: 225px;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #454399;
    float: left;
}

span.antwoord_kosten_toelichting
{
    margin-top: 10px;
    width: 500px;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #454399;
    float: left;
}

/*MAILFORM*/

span.mailHeader
{
    float: left;
    background-color: #D6EBFF;
    font: 13pt Verdana;
    color: #454399;
    margin-left: 30px;
    margin-top: 20px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 610px;
}

div.wrapper_mailform
{
    margin-left: 30px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 600px;
    float: left;
    border-right: #D6EBFF 5px solid;
    border-left: #D6EBFF 5px solid;
    border-bottom: #D6EBFF 5px solid;
}



div.vraag_antwoord
{
    width: 500px;
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    
}

span.vraag
{
    font-family: Verdana;
    font-size: 9pt;
    font-weight: lighter;
    color: #454399;
    width: 200px;
    float: left;
    margin-top: 3px;
}

input.antwoord
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: lighter;
    color: #454399;
    width: 200px;
    float: left;
    margin-top: 2px;
}

textarea.antwoord
{
    font: 9pt verdana;
    color: #454399;
    width: 300px;
    height: 100px;
    float: left;
    margin-top: 2px;
    margin-left: 200px;
}

input.verzenden
{
    font: 9pt verdana;
    color: #454399;
    width: 100px;
    height: 25px;
    margin-left: 300px;
    float: left;
    margin-top: 2px;
}

div.status
{
    margin-left: 30px;
    margin-top: 30px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 500px;
    float: left;
    border-right: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
    border-bottom: #c0c0c0 1px solid;
}

span.bevestiging
{
    font-family: Verdana;
    font-size: 11pt;
    font-weight: lighter;
    color: #2C69BD;
    float: left;
    margin-left: 10px;
    width: 95%;
}

span.error
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: lighter;
    color: Red;
    margin-left: 200px;
    width: 200px;
    float: left;
}

p.Mailformcontent
{
    float: left;
    font: 9pt verdana;
    color: #454399;
    margin-top: 5px;
    margin-left: 5px;
}

/*SITEMAP*/
h2.sitemap
{
    font: normal bold 11pt verdana;
    height: 20px;
    width: 650px;
    float: left;
    color: #454399;
}

a:link.sitemap
{
    font: normal 9pt verdana;
    height: 20px;
    width: 650px;
    float: left;
    color: #454399;
    text-decoration: none;
}

a:visited.sitemap
{
    font: normal 9pt verdana;
    height: 20px;
    width: 650px;
    float: left;
    color: #454399;
    text-decoration: none;
}

a:hover.sitemap
{
    font: normal 9pt verdana;
    height: 20px;
    width: 650px;
    float: left;
    color: #454399;
    text-decoration: underline;
}

a:active.sitemap
{
    font: normal 9pt verdana;
    height: 20px;
    width: 650px;
    float: left;
    color: #454399;
    text-decoration: none;
}

/*AANBIEDERS*/

div.contentBank
{
    float:left;
    width: 650px;
    margin-left: 30px;
}

H1.title-aanbieder
{
    margin-top: 10px;
    font: normal 18pt Verdana;
    color: #454399;
}

H2.product
{
    margin-top: -15px;
    font: normal 12pt Verdana;
    color: #454399;    
}

div.alinea1
{
    float: left;
    width: 600px;
}

p.text-alinea1
{
    margin-top: 10px;
    font: normal 9pt Verdana;
    color: #454399; 
    line-height: 20px;  
}

img.logo
{
    float: right;
    display: inline;
    padding-right: 10px;
}

div.alinea2
{
    margin-top: 10px;
    float: left;
    width: 700px;
}

p.text-alinea2
{
    margin-top: 5px;
    font: normal 9pt Verdana;
    width: 650px;
    float: left;
    color: #454399;  
    line-height: 20px; 
}

div.producten
{
    margin-top: 10px;
    margin-left: 10px;
    width: 700px;
    float: left;
}

h2.producten-aanbieder
{
    font: normal 14pt Verdana;
    color: #454399;
    float:left;
}

h3.producten-aanbieder
{
    font: normal 11pt Verdana;
    color: #454399;
    width: 500px;
    float: left;
    margin-top: 10px;
}

a:link.product
{
    margin-top: 3px;
    font: normal 9pt Verdana;
    color: #454399;
    cursor: pointer;
    text-decoration: underline;
    width: 500px;
    float: left;
}

a:visited.product
{
    margin-top: 3px;
    font: normal 9pt Verdana;
    color: #454399;
    cursor: pointer;
    text-decoration: underline;
    width: 500px;
    float: left;
}

a:hover.product
{
    margin-top: 3px;
    font: normal 9pt Verdana;
    color: #454399;
    cursor: pointer;
    text-decoration: none;
    width: 500px;
    float: left;
}

a:active.product
{
    margin-top: 3px;
    font: normal 9pt Verdana;
    color: #454399;
    cursor: pointer;
    text-decoration: underline;
    width: 500px;
    float: left;
    
}

/*AANBIEDERS OVERZICHTSPAGINA*/
div.bankenOverzicht
{
    margin-left: 25px;
    width: 700px;
    float: left;
    font: 10pt Verdana;
    color: #796FA9;
}

a:link.aanbieder
{
    display:block;
    width: 200px;
    text-decoration: none;
    cursor: pointer;
}

a:visited.aanbieder
{
    display:block;
    width: 200px;
    text-decoration: none;
    cursor: pointer;
}

a:hover.aanbieder
{
    display:block;
    width: 200px;
    text-decoration: underline;
    cursor: pointer;
}

a:active.aanbieder
{
    display:block;
    width: 200px;
    text-decoration: none;
    cursor: pointer;
}

span.buttonLeftAanbieder
{
    margin-top: 10px;
    padding-top: 3px;
    height: 25px;
    width: 23px;
    float: right;
    background: #FFF url(Images/buttonLeft.jpg) no-repeat left top;
        
}

span.buttonMiddleAanbieder
{
    margin-top: 10px;
    background: #FFF url(Images/buttonMiddle.jpg) repeat-x left top;
    float: right;
    color: White;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    height: 25px;
    padding-top: 4px;
    padding-left: 3px;
}

span.buttonRightAanbieder
{
    margin-top: 10px;
    padding-top: 3px;
    height: 25px;
    width: 30px;
    float: right;
    background: #FFF url(Images/buttonRight.jpg) no-repeat left top;
    margin-right: 150px;
}

a:link.buttonLPAanbieder
{
    cursor: pointer;
    text-decoration: none;
    color: White;
}

a:visited.buttonLPAanbieder
{
    cursor: pointer;
    text-decoration: none;
    color: White;
}

a:hover.buttonLPAanbieder
{
    cursor: pointer;
    text-decoration: underline;
    color: White;
}

a:active.buttonLPAanbieder
{
    cursor: pointer;
    text-decoration: none;
    color: White;
}

/*HOME CSS*/
div.homepage-wrapper
{
    float: left;
    width: 920px;
    border-bottom: solid 1px #D6EBFF;
    padding-bottom: 20px;
}


div.homepage-ingang
{
    float: left;
    width: 255px;
    margin-left: 30px;
    
}

div.productIngangContent
{
    float: left;
    width: 253px;
    border-left: solid 1px #CFCFCF;
    border-right: solid 1px #CFCFCF;
    border-bottom: solid 1px #CFCFCF;
    min-height: 300px;
    padding-bottom: 20px;
}

p.contentHomepage
{
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    color: #454399;
    width: 850px;
    padding-left: 10px;
    margin-left: 10px;
}

h2.homepage
{
    float: left;
    margin-bottom: 0px;
}

span.titelLeft
{
    float: left;
    height: 25px;
    width: 8px;
    margin-top: 0px;
    padding-top: 3px;
    background: #FFF url(Images/title-left.jpg) no-repeat left top;
}

span.titelMiddle
{
    float: left;
    height: 23px;
    width: 239px;
    padding-top: 5px;
    font: bold 13px verdana;
    text-align: center;
    color: #454399;
    background: #FFF url(Images/title-middle.jpg) repeat-x left top;
}

a:link.titelMiddle
{
    float: left;
}

a:visited.titelMiddle
{
    float: left;
}

a:hover.titelMiddle
{
    float: left;
}

a:active.titelMiddle
{
   float: left;
}

span.titelRight
{
    float: left;
    height: 25px;
    width: 8px;
    margin-top: 0px;
    padding-top: 3px;
    background: #FFF url(Images/title-right.jpg) no-repeat left top;
}

img.homepage
{
    width: 253px;
    height: 155px;
    float: left;
}

p.homepage-content
{
    float: left;
    font: bold 8pt verdana;
    color: #454399;
    margin-top: 5px;
    margin-left: 5px;
}



div.homepage-weblog
{
    float: left;
    width: 470px;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 70px;
    background: #FFF url(Images/weblog.jpg) no-repeat left top;
    
}

img.homepage-weblog
{
    float: left;
}

span.homepage-actueel
{
    margin-left: 5px;
    float: left;
    font: bold 9pt verdana;
    color: #454399;
    width: 100%;
}

a:link.homepage-actueel
{
    float: left;
   width: 100%;
    margin-top: 5px;
    margin-left: 5px;
    font: 8pt verdana;
    color: #454399;
    text-decoration: none;
}

a:visited.homepage-actueel
{
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-left: 5px;
    font: 8pt verdana;
    color: #454399;
    text-decoration: none;
}

a:hover.homepage-actueel
{
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-left: 5px;
    font: 8pt verdana;
    color: #454399;
    text-decoration: underline;
}

a:active.homepage-actueel
{
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-left: 5px;
    font: 8pt verdana;
    color: #454399;
    text-decoration: none;
}

a:link.homepage-actueel-weblog
{
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-left: 5px;
    font: 8pt verdana;
    color: #454399;
    text-decoration: underline;
}

a:visited.homepage-actueel-weblog
{
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-left: 5px;
    font: 8pt verdana;
    color: #454399;
    text-decoration: underline;
}

a:hover.homepage-actueel-weblog
{
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-left: 5px;
    font: 8pt verdana;
    color: #454399;
    text-decoration: none;
}

a:active.homepage-actueel-weblog
{
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-left: 5px;
    font: 8pt verdana;
    color: #454399;
    text-decoration: underline;
}

a:link.homepage-links
{
	margin-left: 5px;
	height: 20px;
	float: left;
	font: 8pt verdana;
	width: 250px;
	text-decoration: none;
	color: #674399;
	}

a:visited.homepage-links
{
	margin-left: 5px;
	height: 20px;
	float: left;
	font: 8pt verdana;
	width: 250px;
	text-decoration: none;
	color: #674399;
	}

a:hover.homepage-links
{
	margin-left: 5px;
	height: 20px;
	float: left;
	font: 8pt verdana;
	width: 250px;
	text-decoration: underline;
	color: blue;
	}

a:active.homepage-links
{
	margin-left: 5px;
	height: 20px;
	float: left;
	font: 8pt verdana;
	width: 250px;
	text-decoration: none;
	color: #674399;
	}


/*PRODUCTHOMEPAGE*/

div.content-homepage
{
    float: left;
    width: 900px;
    margin-top: 10px;
}

p.content-producthomepage
{
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    color: #454399;
    width: 600px;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

div.producthomepage-intro
{
    float: left;
    width: 600px;
}

div.producthomepage-knop-wrapper
{
    float: left;
    width: 550px;
    margin-left: 40px;
}

div.producthomepage-hoofdknop-border
{
    float: left;
    width: 550px;
    height: 90px;
    margin-bottom: 15px;
}

div.producthomepage-hoofdknop
{
    float: left;
    width: 550px;
    height: 90px;
        
    background-image: url(Images/arrow-knop.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

a:link.hoofdknop
{
    float: left;
    text-decoration: none;
    color: #454399;
   
    border: solid 1px #454399;   
}

a:visited.hoofdknop
{
    float: left;
    text-decoration: none;
    color: #454399;
    
    border: solid 1px #454399;   
}

a:hover.hoofdknop
{
    float: left;
    text-decoration: none;
    background-image: url(Images/blok-fade.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    color: #454399;
    border: solid 1px #454399;
}

a:active.hoofdknop
{
    float: left;
    text-decoration: none;
    color: #454399;
   
    border: solid 1px #454399;   
}

h2.hoofdknop
{
    float: left;
    font: bold 12pt verdana;
    color: #454399;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 0px;
    height: 30px;
    width: 545px;
}

img.hoofdknop
{
    float: left;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    
    
}

p.hoofdknop
{
    float: left;
    font: 9pt verdana;
    color: #454399;
    margin-top: -5px;
    margin-left: 4px;
    width: 425px;
    line-height: 18px;
}

img.homepage-productImage
{
    float: right;
    
}

div.homepage-blokken
{
    margin-top: 30px;
    float: left;
    width: 950px;
    
}


h2.blok-titel
{
    float: left;
    font: bold 11pt verdana;
    color: #454399;
    margin-top: 5px;
    height: 30px;
    width: 250px;
    text-align: center;
    
}

img.imgBlok
{
    float: left;
    margin-top: -10px;
    
}





div.homepage-wrapper 
{
float:left;
width:920px;
border-bottom:solid 1px #D6EBFF;
padding-bottom:20px;
}

div.homepage-ingang {
float:left;
width:255px;
margin-left:30px;
}

div.productIngangContent {
float:left;
width:253px;
border-left:solid 1px #CFCFCF;
border-right:solid 1px #CFCFCF;
border-bottom:solid 1px #CFCFCF;
min-height:300px;
padding-bottom:20px;
}

p.contentHomepage {
font-family:Verdana;
font-size:10pt;
font-weight:400;
color:#454399;
width:850px;
padding-left:10px;
margin-left:10px;
}

h2.homepage {
float:left;
margin-bottom:0;
}

span.titelLeft {
float:left;
height:25px;
width:8px;
margin-top:0;
padding-top:3px;
background:#FFF url(Images/title-left.jpg) no-repeat left top;
}

span.titelMiddle {
float:left;
height:23px;
width:239px;
padding-top:5px;
font:bold 13px verdana;
text-align:center;
color:#454399;
background:#FFF url(Images/title-middle.jpg) repeat-x left top;
}

span.titelRight {
float:left;
height:25px;
width:8px;
margin-top:0;
padding-top:3px;
background:#FFF url(Images/title-right.jpg) no-repeat left top;
}

img.homepage {
width:253px;
height:155px;
float:left;
}

p.homepage-content {
float:left;
font:bold 8pt verdana;
color:#454399;
margin-top:5px;
margin-left:5px;
}

div.content-homepage {
float:left;
width:900px;
margin-top:10px;
}

p.content-producthomepage {
font-family:Verdana;
font-size:10pt;
font-weight:400;
color:#454399;
width:600px;
padding-left:10px;
margin-left:10px;
margin-bottom:10px;
}

div.producthomepage-intro {
float:left;
width:600px;
}

div.producthomepage-knop-wrapper {
float:left;
width:550px;
margin-left:40px;
}

div.producthomepage-hoofdknop-border {
float:left;
width:550px;
height:90px;
margin-bottom:15px;
}

div.producthomepage-hoofdknop {
float:left;
width:550px;
height:90px;
background-image:url(Images/arrow-knop.gif);
background-repeat:no-repeat;
background-position:right center;
}

a:hover.hoofdknop {
float:left;
text-decoration:none;
background-image:url(Images/blok-fade.jpg);
background-repeat:repeat-x;
background-position:left top;
color:#454399;
border:solid 1px #454399;
}

h2.hoofdknop {
float:left;
font:bold 12pt verdana;
color:#454399;
margin-left:10px;
margin-top:5px;
margin-bottom:0;
height:30px;
width:545px;
}

img.hoofdknop {
float:left;
width:50px;
height:50px;
margin-left:10px;
}

p.hoofdknop {
float:left;
font:9pt verdana;
color:#454399;
margin-top:-5px;
margin-left:4px;
width:425px;
line-height:18px;
}

img.homepage-productImage {
float:right;
}

div.homepage-blokken {
margin-top:30px;
float:left;
width:950px;
}

a:link.titelMiddle,a:visited.titelMiddle,a:hover.titelMiddle,a:active.titelMiddle,img.homepage-weblog {
float:left;
}

a:link.hoofdknop,a:visited.hoofdknop,a:active.hoofdknop {
float:left;
text-decoration:none;
color:#454399;
border:solid 1px #454399;
}


/*SIDEBAR*/
div.google {
margin-top:20px;
margin-right:5px;
text-align:center;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A7A6AA;
border-bottom-style:solid;
border-bottom-color:#A7A6AA;
border-bottom-width:1px;
float:right;
}

div.sidebar_wrapper {
width:180px;
float:right;
}

div.sidebar {
width:180px;
margin-top:10px;
border-bottom-color:#C9E1F4;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color:#C9E1F4;
border-left-style:solid;
border-left-width:1px;
border-right-color:#C9E1F4;
border-right-style:solid;
border-right-width:1px;
float:right;
}



a:hover.sidebar {
font-family:Verdana;
font-size:8pt;
font-weight:400;
color:#6FA1D9;
cursor:pointer;
text-decoration:underline;
padding-left:5px;
display:block;
}

a:active.sidebar {
font-family:Verdana;
font-size:8pt;
font-weight:400;
color:#6FA1D9;
cursor:default;
text-decoration:none;
padding-left:5px;
display:block;
}

div.LaatsteReacties {
width:180px;
margin-top:10px;
margin-left:20px;
border-bottom-color:#C9E1F4;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color:#C9E1F4;
border-left-style:solid;
border-left-width:1px;
border-right-color:#C9E1F4;
border-right-style:solid;
border-right-width:1px;
float:right;
}

span.LaatsteReacties {
margin-left:5px;
margin-bottom:5px;
font:normal 8pt Verdana;
color:#6C4199;
width:175px;
float:left;
}

a:hover.LaatsteReacties {
margin-left:5px;
margin-bottom:5px;
font:normal 8pt Verdana;
color:Blue;
width:175px;
text-decoration:underline;
float:left;
}

span.sidebar_header_rente {
font-family:Verdana;
font-size:9pt;
font-weight:700;
color:#454399;
cursor:normal;
text-decoration:none;
padding-left:5px;
width:100px;
float:left;
}

span.sidebar_content_rente {
font-family:Verdana;
font-size:8pt;
font-weight:400;
color:#6FA1D9;
cursor:normal;
text-decoration:none;
padding-left:5px;
width:100px;
float:left;
}

a:hover.sidebar_content_rente {
font-family:Verdana;
font-size:9pt;
font-weight:400;
color:#6FA1D9;
cursor:normal;
text-decoration:none;
padding-left:5px;
width:150px;
margin-top:5px;
}

a:hover.tag2 {
font:8pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:underline;
line-height:20px;
margin-left:5px;
}

a:hover.tag3 {
font:9pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:underline;
line-height:20px;
margin-left:5px;
}

a:hover.tag4 {
font:10pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:underline;
line-height:20px;
margin-left:5px;
}

a:hover.tag5 {
font:11pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:underline;
line-height:20px;
margin-left:5px;
}

a:hover.tag6 {
font:12pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:underline;
line-height:20px;
margin-left:5px;
}

a:hover.tag7 {
font:13pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:underline;
line-height:20px;
margin-left:5px;
}

a:hover.tag8 {
font:14pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:underline;
line-height:20px;
margin-left:5px;
}

a:hover.tag9 {
font:15pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:underline;
line-height:20px;
margin-left:5px;
}

a:hover.tag10 {
font:17pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:underline;
line-height:20px;
margin-left:5px;
}

span.sidebar_header,span.LaatsteReactiesHeader {
background-color:#454399;
height:19px;
width:175px;
padding-left:5px;
padding-top:2px;
margin-bottom:5px;
font-family:Verdana;
font-size:10pt;
font-weight:700;
color:#fff;
float:left;
}

a:link.sidebar,a:visited.sidebar {
font-family:Verdana;
font-size:8pt;
font-weight:400;
color:#6FA1D9;
cursor:pointer;
text-decoration:none;
padding-left:5px;
display:block;
line-height: 20px;
}

a:link.LaatsteReacties,a:visited.LaatsteReacties,a:active.LaatsteReacties {
margin-left:5px;
margin-bottom:5px;
font:normal 8pt Verdana;
color:Blue;
width:175px;
text-decoration:none;
float:left;
}

a:link.sidebar_content_rente,a:visited.sidebar_content_rente,a:active.sidebar_content_rente {
font-family:Verdana;
font-size:9pt;
font-weight:400;
color:#6FA1D9;
cursor:normal;
text-decoration:underline;
padding-left:5px;
width:150px;
margin-top:5px;

}

a:link.tag0,a:visited.tag0,a:active.tag0,a:link.tag1,a:visited.tag1,a:active.tag1 {
font:7pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:none;
line-height:20px;
margin-left:5px;
}

a:hover.tag0,a:hover.tag1 {
font:7pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:underline;
line-height:20px;
margin-left:5px;
}

a:link.tag2,a:visited.tag2,a:active.tag2 {
font:8pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:none;
line-height:20px;
margin-left:5px;
}

a:link.tag3,a:visited.tag3,a:active.tag3 {
font:9pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:none;
line-height:20px;
margin-left:5px;
}

a:link.tag4,a:visited.tag4,a:active.tag4 {
font:10pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:none;
line-height:20px;
margin-left:5px;
}

a:link.tag5,a:visited.tag5,a:active.tag5 {
font:11pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:none;
line-height:20px;
margin-left:5px;
}

a:link.tag6,a:visited.tag6,a:active.tag6 {
font:12pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:none;
line-height:20px;
margin-left:5px;
}

a:link.tag7,a:visited.tag7,a:active.tag7 {
font:13pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:none;
line-height:20px;
margin-left:5px;
}

a:link.tag8,a:visited.tag8,a:active.tag8 {
font:14pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:none;
line-height:20px;
margin-left:5px;
}

a:link.tag9,a:visited.tag9,a:active.tag9 {
font:15pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:none;
line-height:20px;
margin-left:5px;
}

a:link.tag10,a:visited.tag10,a:active.tag10 {
font:17pt Verdana;
float:left;
color:#6FA1D9;
text-decoration:none;
line-height:20px;
margin-left:5px;
}

/*PRODUCT OVERZICHTPAGE*/
div.productDetails {
float:left;
margin-left:15px;
width:650px;
}

H1.titel {
font:normal 18pt Verdana;
float:left;
color:#454399;
}

div.PropertyWrapper {
margin-left:20px;
width:600px;
float:left;
}

div.PropertyPanelHeader {
width:600px;
height:25px;
margin-top:10px;
background-color:#D6EBFF;
float:left;
}

span.propertyHeader {
padding-top:3px;
padding-left:5px;
font:bold 10pt Verdana;
color:#454399;
float:left;
}

div.PropertyPanel {
padding-top:5px;
width:600px;
min-height:22px;
float:left;
border-top:solid 1px #D6EBFF;
}

span.propertyQ {
padding-left:5px;
font:normal 10pt Verdana;
float:left;
width:200px;
color:#454399;
margin-bottom:5px;
}

span.propertyA {
font:normal 10pt Verdana;
float:left;
color:#454399;
}

a:hover.propertyA {
font:normal 10pt Verdana;
text-decoration:underline;
color:#454399;
}

div.placeholder {
float:left;
}

a:hover.actueleRente {
margin-left:50px;
font:8pt Verdana;
color:#454399;
float:left;
text-decoration:none;
}

a:link.propertyA,a:visited.propertyA,a:active.propertyA {
font:normal 10pt Verdana;
text-decoration:none;
color:#454399;
}

a:link.actueleRente,a:visited.actueleRente,a:active.actueleRente {
margin-left:50px;
font:8pt Verdana;
color:#454399;
float:left;
text-decoration:underline;
}

/*Rente voor banken specifieke pagina*/

h1.TitelRenteBank
{
    font: 18pt Verdana;
    color: #454399;
    
}

h2.headerBankRente
{
    font: bold 12pt Verdana;
    color: #454399;
    
}

div.BlokRenteVorm
{
    margin-left: 20px;
    width: 500px;
    float: left;
}

div.depHeader
{
    margin-left: 15px;
    width: 400px;
    float: left; 
}

span.depHeader
{
    height: 17px;
    padding-top: 3px;
    padding-left: 5px;
    width: 150px;
    font: bold 9pt Verdana;
    color: #454399;
    float: left;
    background-color: #D6EBFF;
    border-bottom: solid 1px #454399;
}

span.deposito
{
    margin: 3px;
    
    width: 150px;
    font: 9pt Verdana;
    color: #454399;
    float: left;
}

span.geenrente
{
    margin: 3px;
    width: 450px;
    font: 9pt Verdana;
    color: #454399;
    float: left;
}

input.infoIcon
{
    float: left;
    margin-left: 1px;
}

/*BANNERSTAMRECHT*/

div.bannerStamrecht
{
	float: left;
	width: 180px;
	border: solid 1px #454399;
	padding: 5px;
	margin-top: 10px;
	margin-left: -10px;
}


img.bannerStamrecht
{
	margin-top: 18px;
	float: left;
	width: 45px;
}
span.bannerStamrecht
{
	float: left;
	font: bold 11pt Verdana;
	color: #454399;
	margin-bottom: 5px;
}

p.bannerStamrecht
{
	
	font: 8pt Verdana;
	color: #454399;
}

span.bannerStamrechtLink
{
	padding-top: 6px;
	float: right;
	font: 8pt Verdana;
	color: #454399;
	width: 140px;
	height: 20px;
	background-color: #ffffff;
    background-position: right top;
    background-image: url(Images/buttonSmall.png);
    background-repeat: no-repeat;
}

a:link.bannerStamrecht
{
	float:right;
	text-decoration: none;
	cursor: auto;
}

a:visited.bannerStamrecht
{
	float:right;
	text-decoration: none;
	cursor: auto;
}

a:hover.bannerStamrecht
{
	float:right;
	text-decoration: underline;
	cursor: pointer;
}

a:active.bannerStamrecht
{
	float:right;
	text-decoration: none;
	cursor: auto;
}

/*BLOKKEN OP PRODUCTHOMEPAGE*/
div.blokWrapper
{
    float: left;
    margin-left: 40px;
    width: 251px;
    height: 130px;
    margin-top: 10px;
    
}

div.blok
{
    float: left;
    width: 250px;
    height: 100px;
    margin-bottom: 20px;
    background-image: url(Images/blok-fade.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    
}

h2.blok-titel {
float:left;
font:bold 11pt verdana;
color:#454399;
margin-top:5px;
height:30px;
width:250px;
text-align:center;
}

img.imgBlok {
float:left;
margin-top:-10px;
}

p.blok-text
{
    float: left;
    font: 9pt verdana;
    color: #454399;
    width: 170px;
    margin-top: 0px;
    margin-left: 3px;
}

a:link.blok
{
    float: left;
    text-decoration: none;
    cursor: pointer;  
    border: solid 1px #FFFFFF;       
          
}

a:visited.blok
{
    float: left;
    text-decoration: none;
    cursor: pointer;        
    border: solid 1px #FFFFFF;       
   
}

a:hover.blok 
{
	float:left;
	text-decoration:none;
	cursor:pointer;
	border:solid 1px #454399;
}



a:active.blok
{
    float: left;
    text-decoration: none;
    cursor: pointer;  
    border: solid 1px #FFFFFF;       
} 

/*PRODUCT INGANG HOMEPAGE*/

a:link.productIngang
{
	float: left;
    text-decoration: none;
    cursor: pointer;  
   
}

a:visited.productIngang
{
	float: left;
    text-decoration: none;
    cursor: pointer;  
   
}

a:hover.productIngang
{
	float: left;
    text-decoration: none;
    cursor: pointer;  
   
}

a:active.productIngang
{
	float: left;
    text-decoration: none;
    cursor: pointer;  
   
}

div.pnlTwitter
{
	margin-top: 5px;
	float: left;
	width: 300px;
	border: solid 1px #CFCFCF;
}