/* CSS Document */

#nav img
{
    behavior: url(iepngfix.htc);
}


body
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 10px 0 0 0;
    background-color: #333333;
}


#container
{
    position: relative;
    margin: 0px auto;
    width: 782px;
    background-image: url('images/back_container.gif');
    border: 1px solid #fff;
}

#leftcolumn
{
    float: left;
    width: 217px;
    margin: 0;
}


#leftcolumn #divSelection
{
    background-color:#fff;
}

#leftcolumn #kader
{
    width: 177px;
    margin-left: 17px;
    margin-top: 10px;
}

#leftcolumn #kader_middle
{
    background-color: #fff;
    padding: 5px;
}

#leftcolumn #kader_middle span
{
}


#leftcolumn #kader_bottom
{
    background-image: url('images/kader_bottom.png');
    height: 6px;
    behavior: url(iepngfix.htc);
}

#leftcolumn FORM
{
    margin: 0;
}

#leftcolumn INPUT
{
    margin-bottom: 5px;
    vertical-align: middle;
    font-size: 11px;
    border: 1px solid #666;
    padding: 2px;
}

#leftcolumn #submit
{
    border: 1px solid #666;
    padding: 0;
    float: right;
}

#leftcolumn #checkbox
{
    border: 0;
}

#leftcolumn FORM a
{
    color: #666;
    font-weight: bold;
}

#leftcolumn #aanvraag_account a
{
    color: #669900;
}

/* NAVIGATIE */
#leftcolumn #nav
{
    margin: 20px 0 20px 0;
    padding: 0;
    list-style: none;
}

#leftcolumn #nav b
{
    display: none;
}


#leftcolumn #nav li
{
    margin: 0;
    padding: 0;
}


#leftcolumn #nav b
{
    display: none;
}


#leftcolumn #nav li a
{
    display: inline-block;
    display: block;
    width: 210px;
    height: 33px;
    padding: 0;
}

#leftcolumn .nav1 a:hover
{
    background-position: 0 100%;
}

#leftcolumn .nav2 a:hover
{
    background-position: 0 100%;
}

#leftcolumn .nav3 a:hover
{
    background-position: 0 100%;
}

#leftcolumn .nav4 a:hover
{
    background-position: 0 100%;
}

#leftcolumn .nav5 a:hover
{
    background-position: 0 100%;
}

#leftcolumn .nav6 a:hover
{
    background-position: 0 100%;
}

#explain #leftcolumn .nav1 a
{
    background-position: 0 100%;
}

#consultent_info #leftcolumn .nav3 a
{
    background-position: 0 100%;
}

#compare #leftcolumn .nav2 a
{
    background-position: 0 100%;
}

#payment #leftcolumn .nav4 a
{
    background-position: 0 100%;
}

#advantages #leftcolumn .nav5 a
{
    background-position: 0 100%;
}

#history #leftcolumn .nav6 a
{
    background-position: 0 100%;
}

/* MAIN */

#maincolumn
{
    float: right;
    padding: 0 0 0 0;
    width: 565px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}



#maincolumn #inhoud
{
    margin: 0 10px 0 10px;
}

#maincolumn #inhoud #countries
{
    font-size: 9px;
    text-align: right;
    padding: 2px;
}

#inhoud
{
    padding-bottom: 20px;
}

#inhoud H1
{
    font-size: 14px;
    color: #336699;
    font-family: Arial, Helvetica, sans-serif;
    margin: 2px 0 10px 0;
}

#inhoud a
{
    color: #669900;
}






/* HOE WERKT HET? *//* KOOP CREDITS */

#werking #inhoud DL, #koop_credits #inhoud DL
{
    margin-top: 10px;
}

.btnRegisterClass
{
    margin-bottom: 5px;
    vertical-align: middle;
    font-size: 12px;
    border: 1px solid #666;
    padding: 2px;
    width: 100px;
}

#werking #inhoud DT, #koop_credits #inhoud DT
{
    font-size: 13px;
    font-weight: bold;
    color: #666;
    padding-bottom: 2px;
    margin: 15px 0 5px 10px;
    background-color: #eee;
}

#werking #inhoud DD, #koop_credits #inhoud DD
{
    font-size: 11px;
    padding-left: 10px;
    margin-bottom: 5px;
}

/* VERGELIJK TARIEVEN */
#vergelijk_tarieven #inhoud TABLE
{
    width: 544px;
}

#vergelijk_tarieven #inhoud TR
{
    height: 25px;
    border-bottom: 1px solid #ccc;
}

#vergelijk_tarieven #inhoud TD
{
    margin: 0;
    padding: 2px 2px 0 5px;
    border-bottom: 1px solid #ccc;
    border-right: 1px dotted #ccc;
}

#vergelijk_tarieven #inhoud .kolom1
{
    width: 145px;
    border-right: 1px solid #ccc;
}

#vergelijk_tarieven .toprow
{
    background-image: url('images/top_kader_tarieven.png');
    color: #fff;
}

#vergelijk_tarieven #inhoud .toprow, .row2, .row5
{
    font-weight: bold;
}

#vergelijk_tarieven #inhoud .row2, .row5
{
    color: #006699;
    background-color: #eee;
}

#vergelijk_tarieven #inhoud .row4, .row6
{
    color: #669900;
}



#vergelijk_tarieven #inhoud .noborder
{
    border-right: 0;
}


/* KOOP CREDITS */

#koop_credits #betaalbtn
{
    margin-left: 50px;
}

#koop_credits .icon
{
    margin-top: 5px;
    vertical-align: bottom;
}

#betalingswijze span
{
    vertical-align: super;
}

.icon_bank
{
    width: 20px;
}


/* CONSULENTEN */

#inhoud .consulent
{
    border-bottom: 1px dotted #ccc;
    padding: 0.5em;
    color: #666;
}

#inhoud .consulent_even
{
    background-color: #eee;
}

#inhoud .consulent .foto
{
    height: 75px;
    width: 100px;
    float: left;
    border: 1px solid #666;
}

#inhoud .nickname a
{
    font-size: 12px;
    color: #3399CC;
    font-weight: bold;
    text-decoration: none;
}

#inhoud .text, #inhoud .nickname
{
    margin-right: 150px;
    margin-left: 110px;
}

#inhoud .call_info
{
    float: right;
    width: 120px;
    margin-top: 10px;
    padding: 0.5em;
    border-left: 1px solid #666;
}

#inhoud .call_info .telnr
{
    font-size: 12px;
    font-weight: bold;
    color: #666;
}

#inhoud .call_info .telnr img
{
    float: left;
    margin-right: 2px;
}

#inhoud .call_info .toestelnr
{
    font-size: 11px;
    font-weight: bold;
    color: #336699;
}

#inhoud .call_info .btn_koopcredits
{
    margin: 10px 0 0 0;
}

#inhoud .consulent .status
{
    clear: both;
    padding: 2px;
}

#inhoud .beschikbaar .status
{
    color: #339900;
}

#inhoud .bezet .status
{
    color: #FF6600;
}

#inhoud .consulent img
{
    float: left;
    margin: 1px 2px 2px 2px;
}

#inhoud .consulent .status span
{
    padding: 0;
    margin-top: 1px;
    display: block;
}

#footer
{
    clear: both;
    height: 20px;
    background-color: #669900;
}

.huidig_krediet
{
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.persoonlijke_code
{
    font-weight: bold;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
}

/* HISTORY */

.grid_alternating_rowstyle
{
    background-color: #eee;
}

.grid_normal_rowstyle
{
    background-color: #fff;
}

.grid_header
{
    background-image: url('images/back.jpg');
    background-color: #669900;
    color:#000;
}

.grid_footer
{
    background-image: url('images/back.jpg');
    background-color: #669900;
    color:#000;
}