body {
}

div.content
{
    width: 680px;
    min-height: 600px;
    float: left;
    background-color: White;
}

h1.page_title
{
    margin-top: 10px;
    margin-left: 5%;
    width: 580px;
    float: left;
    font-family: Verdana;
    font-size: 18pt;
    font-weight: lighter;    
    color: #234372;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    
}

h1.content_title
{
    margin-top: 10px;
    margin-left: 5%;
    width: 570px;
    float: left;
    font-family: Verdana;
    font-size: 14pt;
    font-weight: lighter;    
    color: #234372;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    
}

h2.content_title
{
    margin-top: 10px;
    margin-bottom: -0px;
    margin-left: 5%;
    width: 570px;
    float: left;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;    
    color: #234372;    
}

span.uitgiftedatum
{
    margin-top: 10px;
    margin-left: 5%;
    float: left;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;    
    color: #576F95;
}

p.content
{
    margin-top: 10px;
    margin-left: 5%;
    width: 570px;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;    
    color: #576F95;
}

p.content_image
{
    width: 350px;
    margin-top: 10px;
    margin-left: 5%;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;    
    color: #576F95;
}

image.content_image
{
    float: left;
}

p.content_terug
{
    margin-top: 10px;
    margin-left: 5%;
    width: 570px;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;    
    color: blue;
}

h1.nieuws_item
{
    float: left;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: normal;    
    color: #234372;
    border-bottom-color: #2343A6;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    margin-left: 10%;
    margin-top: 15px;
    margin-bottom: 5px;
    width: 500px;
}

div.datum_item
{
    width: 550px;
    float: left;
}

span.archief_datum
{
    margin-left: 10%;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;    
    color: #576F95;
}

span.archief_item
{
    margin-left: 10px;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;    
    color: #576F95;
}

/*REKENTOOL*/

div.rekentool_beschikbaar
{
    width: 500px;
    float: left;
    margin-top: 25px;
    margin-left: 50px;
    border-right: lightgrey 2px solid;
    border-top: lightgrey 2px solid;
    border-left: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
    padding: 15px;
}

h1.rekentool_titel
{
    float: left;
    margin-bottom: 10px;
    font-family: Verdana;
    font-size: 14pt;
    font-weight: normal;
    color: #234372;
    
}

div.vraag_antwoord
{
    padding-bottom: 5px;
    width: 500px;
    float: left;
    border-bottom: lightgrey 1px solid;
    
}

span.vraag
{
    width: 220px;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    margin-right: 20px;
    color: #796FA9;
    margin-top: 5px;
}

span.antwoord_radio
{
    
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 10px;
    color: #796FA9;
}


input.antwoord
{
    margin-top: 5px;
    margin-left: 10px;
    padding-right: 3px;
    width: 50px;
    float: left;
    color: #796FA9;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    background-position: left center;
    background-image: url(images/eur.jpg);
    background-repeat: no-repeat;
    background-color: #ffffff;
    text-align: right;
}

select.dropdown_antwoord
{
    margin-top: 5px;
    margin-left: 10px;
    padding-right: 3px;
    width: 200px;
    float: left;
    color: #796FA9;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
}

image.update_image
{
    float: left;
}

input.antwoord_button
{
    margin-top: 5px; 
    width: 100px;
    float: left;
    color: #234372;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    margin-left: 250px;
}

span.toevoeging
{
    margin-top: 5px; 
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    margin-left: 10px;
    color: #796FA9;
}



span.maxlening
{
    margin-top: 5px; 
    float: left;
    font-family: Verdana;
    font-size: 14pt;
    font-weight: normal;
    margin-left: 10px;
    color: #234372;
}

div.bereken
{
    float: left;
}

div.update
{
    width: 150px;
    height: 70px;
    background-color: #F2F1F3;
    position: absolute;
    left: 350px;
    padding: 5px;
    margin-top: 0px;
    border-right: #6fa1d9 1px solid;
    border-top: #6fa1d9 1px solid;
    border-left: #6fa1d9 1px solid;
    border-bottom: #6fa1d9 1px solid;
    float: left;
    
}

span.update
{
    font-family: Verdana;
    font-size: 14pt;
    font-weight: normal;
    color: #234372;
    float: left;
}

span.foutmelding
{
    clear: left;
    margin-left: 200px;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: Red;
    
}

div.google_page
{
    width: 600px;
    float: left;
    text-align: center; 
    margin-left: 25px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: #234372 1px dotted;
    border-bottom: #234372 1px dotted;
}

div.gridview
{
    width: 600px;
    float: left;
    text-align: left;
    margin-left: 50px;
    margin-top: 20px;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #576F95;
}

div.gridview_lenen
{
    width: 600px;
    float: left;
    text-align: left;
    margin-left: 150px;
    margin-top: 20px;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #576F95;
}


div.header_uitkomst
{
    float: left;
    width: 500px;
    margin-top: 10px;
    background-color: #ffffff;
}

div.uitkomst
{
    padding-bottom: 5px;
    width: 500px;
    float: left;   
}

span.header_uitkomst
{
    width: 220px;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    margin-right: 20px;
    color: #234372;
    margin-top: 5px;
}

span.optellen
{
    width: 220px;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bolder;
    margin-right: 20px;
    color: #234372;
    margin-top: 5px;
}

span.uitkomst
{
    width: 100px;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    color: #796FA9;
    margin-top: 5px;
}


span.toevoeging_uitkomst
{
    width: 150px;
    margin-top: 5px; 
    float: left;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #0000FF;
}

/*AANBIEDERS*/

p.content_logo
{
    margin-top: 10px;
    margin-left: 5%;
    width: 430px;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    color: #796FA9;
    
}

image.logo
{
    margin-top: 10px;
    margin-left: 15px;
    float: left;
}

div.kolom1
{
    margin-top: 10px;
    margin-left: 40px;
    width: 210px;
    float: left;
}

div.kolom
{
    margin-top: 10px;
    width: 210px;
    float: left;
}

span.aanbieder
{
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    color: #796FA9;
    width: 200px;
}

a:link.aanbieder
{
   text-decoration: none;
   cursor: pointer;
   float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    color: #796FA9;
    width: 200px;
}

a:visited.aanbieder
{
   text-decoration: none;
   cursor: pointer;
   float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    color: #796FA9;
    width: 200px;
}

a:hover.aanbieder
{
   text-decoration: underline;
   cursor: pointer;
   float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    color: #796FA9;
    width: 200px;
}

a:active.aanbieder
{
   text-decoration: none;
   cursor: pointer;
   float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    color: #796FA9;
    width: 200px;
}

/*INTRO LENEN */

div.maxlenen_intro
{
    width: 260px;
    margin-top: 25px;
    margin-left: 35px;
    min-height: 100px;
    border-left-color: #C1C0C5;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #C1C0C5;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #C1C0C5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    float: left;
}

h2.maxlenen_intro
{
    float: left;
    width: 255px;
    height: 21px;
    background-color: #234372;
    font-family: Verdana;
    font-size: 11pt;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    padding-left: 5px;
    padding-top: 2px;
    margin-top: 0px;
}

span.maxlenen_intro
{
    float: left;
    width: 195px;
    background-color: #ffffff;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #810081;
    padding-left: 5px;
    padding-top: 3px;
}

div.vraag_antwoord_intro
{
    margin-left: 5px;
    padding-bottom: 5px;
    width: 300px;
    float: left;
}

span.vraag_intro
{
    width: 120px;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    margin-right: 20px;
    color: #796FA9;
    margin-top: 5px;
}

span.vraag_intro2
{
    width: 260px;
    float: left;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    margin-right: 20px;
    color: #796FA9;
    margin-top: 5px;
}

input.antwoord_intro
{
    margin-top: 5px;
    margin-left: 10px;
    padding-right: 3px;
    width: 50px;
    float: left;
    color: #796FA9;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    background-position: left center;
    background-image: url(images/eur.jpg);
    background-repeat: no-repeat;
    background-color: #ffffff;
    text-align: right;
}

input.antwoord_button_intro
{
    margin-top: 5px; 
    width: 100px;
    float: left;
    color: #234372;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    margin-left: 100px;
}

/*FAQ*/
div.faq
{
    float: left;
    width: 550px;
    margin-top: 15px;
    padding-bottom: 15px;
    margin-left: 5%;
    border-bottom-color: #C1C0C5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

h1.faq_vraag
{
    float: left;
    width: 550px;
    color: #234372;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
}

p.faq_antwoord
{
    float: left;
    width: 550px;
    color: #234372;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
}


/*WEBLOG*/

div.onderbalk
{
    background-color: #E1E1E9;
    width: 600px;
    height: 20px;
    margin-top: 10px;
    margin-left: 30px;
    margin-bottom: 10px;
    float: left;
}

span.onderbalk
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #234372;
    margin-left: 2px;
    padding: 3px;
    float: left;
}