/*
kleuren
#F3F2EF = licht         243-242-239
#DBD7CF = midden        221-221-221
#598178 = frontmidden   89-129-120
#43595D = donkere       67-89-93

#548DD4 = locafin blauw 94  141  212
#C6D9F1 = locafin lichtblauw 198-217-241
*/
html, body
{
    height: 100%;
    margin: 2px;
    padding: 0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
body
{
    background-color: #222223;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 5px;
    margin-top: 0px;
}

.topmessage
{
    font-size: 12px;
    font-weight: bold;
    color: #43595D;
    vertical-align: middle;
}

.bottommessage_wit
{
    font-size: 9px;
    font-weight: bold;
    color: white;
    text-decoration: none;
}
a.bottommessage_wit:link
{
    font-size: 9px;
    font-weight: bold;
    color: white;
}
.gen_container
{
    background-color: white;
    width: 900px;
    min-height: 800px;
}

.subtitle
{
    margin-left: 30px;
    color: #333333;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
}
.gen_content
{
    margin-left: 10px;
    color: #333333;
    font-size: 12px;
    text-align: left;
    height: 375px;
}
a.links_content:link
{
    color: #222223;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

a.links_content:visited
{
    color: #222223;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

a.links_content:active
{
    color: #222223;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

a.links_content:hover
{
    color: #222223;
    text-decoration: underline;
    font-weight: bold;
    font-size: 11px;
}


.title
{
    font-size: 15px;
    color: #43595D;
    background-color: #DBD7CF;
    text-decoration: none;
    text-align: left;
    margin-left: 15px;
}



.footer
{
    width: 800px;
    font-size: 10px;
    color: #bbbbbb;
    text-align: left;
}

a.footer:link
{
    text-decoration: none;
    color: #bbbbbb;
}

a.footer:active
{
    text-decoration: none;
    color: #bbbbbb;
}

a.footer:visited
{
    text-decoration: none;
    color: #bbbbbb;
}

a.footer:hover
{
    text-decoration: none;
    color: #999999;
}


/*** menu MAKELAAR***/
.navigation_bar
{
    background-color: #43595D;
    font-weight: bold;
    font-size: 12px;
}
.MainMenu
{
    color: white;
    text-decoration: none;
    width: 140px;
    background-color: #43595D;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
    text-align: center;
}
.MainMenuHover
{
    color: #43595D;
    text-decoration: none;
    width: 140;
    background-color: #F3F2EF;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
    border-bottom: 1px solid #43595D;
}
.MainSubMenu
{
    background-color: #F3F2EF;
    color: black;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    width: 140px;
    height: 25px;
    border-left: 1px dotted black;
    border-right: 1px dotted black;
    text-align: left;
    border-bottom: 1px dotted #43595D;
}
.MainSubMenuHover
{
    background-color: #DBD7CF;
    color: white;
    text-decoration: none;
    font-size: 11px;
    width: 140px;
    text-align: left;
    height: 25px;
}
/*** menu LOCAFIN ***/
.loc_navigation_bar
{
    background-color: #548DD4;
    font-weight: bold;
    font-size: 12px;
}
.MainMenuLoc
{
    color: white;
    text-decoration: none;
    width: 140px;
    background-color: #548DD4;
    font-size: 12px;
    height: 30px;
    text-align: center;
}
.MainMenuLocHover
{
    color: white;
    text-decoration: none;
    width: 140;
    background-color: #C6D9F1;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
    border-bottom: 1px solid #548DD4;
}
.MainSubMenuLocSelect
{
    color:Beige;
}
.MainSubMenuLoc
{
    background-color: #548DD4;
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    width: 140px;
    height: 25px;
    border-left: 1px dotted #C6D9F1;
    border-right: 1px dotted #C6D9F1;
    text-align: left;
    border-bottom: 1px dotted #C6D9F1;
}
.MainSubMenuLocHover
{
    background-color: #C6D9F1;
    color: white;
    text-decoration: none;
    font-size: 11px;
    width: 140px;
    text-align: left;
    height: 25px;
}


/** einde menu **/
tabel1
{
    border-bottom-color: White;
    border-bottom-style: solid;
}

div.tabel1
{
    float: left;
    width: 258px;
    background-color: #F3F2EF;
}
div.tabel1 div.servicetitle
{
    float: left;
    width: 238px;
    height: 25px;
    padding: 8px 5px 0 15px;
    text-align: left;
    margin-bottom: 7px;
    color: #222223;
    font-weight: bold;
    background: url(/images/title-onderdeel-verloop.gif) repeat-x left top;
}
div.tabel1 div.tabel1head
{
    float: left;
    width: 238px;
    height: 25px;
    padding: 8px 5px 0 15px;
    text-align: left;
    margin-bottom: 7px;
    color: White;
    font-weight: bold;
    background-color: #43595D;
}
div.tabel1 ul
{
    margin: 0;
    padding: 0 0 0 55px;
}
div.tabel1 ul li
{
    float: left;
    width: 190px;
    font-weight: bold;
    list-style-type: none;
    padding: 3px 3px;
    border-bottom: solid 1px #43595D;
}
div.tabel1 ul li a
{
    font-weight: bold;
    color: #222223;
    text-decoration: none;
}
div.tabel1 ul li a:hover
{
    color: #002360;
    text-decoration: underline;
}
div.tabel1 ul li a.active
{
    color: #69bde3;
}

.tabel1
{
    float: left;
    width: 258px;
    background-color: #F3F2EF;
}
.tabel1 div.servicetitle
{
    float: left;
    width: 238px;
    height: 25px;
    padding: 8px 5px 0 15px;
    text-align: left;
    margin-bottom: 7px;
    color: #222223;
    font-weight: bold;
    background: url(/images/title-onderdeel-verloop.gif) repeat-x left top;
}
.tabel1head
{
    float: left;
    width: 238px;
    height: 25px;
    padding: 8px 5px 0 15px;
    text-align: left;
    margin-bottom: 7px;
    color: White;
    font-weight: bold;
    background-color: #43595D;
}
.tabel1 ul
{
    margin: 0;
    padding: 0 0 0 55px;
}
.tabel1 ul li
{
    float: left;
    width: 190px;
    font-weight: bold;
    list-style-type: none;
    padding: 3px 3px;
    border-bottom: solid 1px #43595D;
}
.tabel1 ul li a
{
    font-weight: bold;
    color: #222223;
    text-decoration: none;
}
.tabel1 ul li a:hover
{
    color: #002360;
    text-decoration: underline;
}
.tabel1 ul li a.active
{
    color: #69bde3;
}

.kolomhoofd
{
    background-color: #43595D;
    height: 30px;
    text-align: center;
    margin-bottom: 7px;
    color: White;
    font-weight: bold;
    background-position: top left;
    background-repeat: no-repeat;
}
.kolomrest
{
    background-color: #F3F2EF;
    height: 80px;
    vertical-align: top;
}
.kolomrest ul
{
    margin: 0;
    padding: 0 0 0 55px;
}
.kolomrest ul li
{
    float: left;
    width: 390px;
    font-weight: bold;
    list-style-type: none;
    padding: 3px 3px;
    border-bottom: solid 1px #43595D;
    vertical-align: top;
}
.kolomrest ul li a
{
    font-weight: bold;
    color: #222223;
    text-decoration: none;
}
.kolomrest ul li a:hover
{
    color: #002360;
    text-decoration: underline;
}
.kolomrest ul li a.active
{
    color: #69bde3;
}
.kolomfooter
{
    background-color: #F3F2EF;
    height: 10px;
}

.li01
{
    height: 20px;
    vertical-align: middle;
}

.sim_row1
{
    background-color: #F3F2EF;
    font-size: x-small;
    vertical-align: middle;
}

.sim_row2
{
    background-color: #DBD7CF;
    font-size: x-small;
}
.sim_box
{
    text-align: right;
    height: 12px;
    background-color: #FFFFFF;
    width: 50px;
}
.sim_col2
{
    font-size: x-small;
    text-align: right;
}
.sim_button
{
    background-color: #43595D;
    border-style: ridge;
    color: White;
}

.gbox_row
{
    height: 12pt;
    background-color: white;
    font-size: 10px;
}
.gbox0
{
    width: 12pt;
    background-color: white;
}
.gbox1
{
    width: 12pt;
    background-color: #F3F2EF;
}
.gbox2
{
    width: 12pt;
    background-color: #DBD7CF;
}
.gbox3
{
    width: 700px;
    background-color: #43595D;
    color: White;
    font-weight: bold;
    padding-left: 12px;
}

.hbox_row
{
    width: 600px;
    height: 12pt;
    background-color: white;
    font-size: 10px;
}
.hbox0
{
    width: 12pt;
    background-color: white;
}
.hbox1
{
    width: 12pt;
    background-color: #F3F2EF;
}
.hbox2
{
    width: 12pt;
    background-color: #DBD7CF;
}
.hbox3
{
    background-color: #43595D;
    color: White;
    font-weight: bold;
    padding-left: 12px;
}


.frontpage_tabel
{
    border-width: thin;
    padding: 0px;
    text-align: right;
    font-size: 16px;
}
.frontpage_cel0
{
    height: 120px;
    width: 120px;
}
.frontpage_cel1
{
    color: #43595D;
    font-size: 20px;
    width: 120px;
    height: 120px;
    background-color: #F3F2EF;
}
.frontpage_cel2
{
    font-style: italic;
    width: 120px;
    height: 120px;
    background-color: #D5EBDD;
    color: #598178;
}
.frontpage_cel3
{
    font-style: italic;
    width: 120px;
    height: 120px;
    background-color: #598178;
    color: #D5EBDD;
}
.frontpage_cel4
{
    width: 120px;
    height: 120px;
    background-color: #43595D;
    color: White;
}

a.frontpage_cel1:link
{
    text-decoration: none;
}
a.frontpage_cel1:visited
{
    text-decoration: none;
}
a.frontpage_cel1:hover
{
    text-decoration: none;
}
a.frontpage_cel2:link
{
    text-decoration: none;
}
a.frontpage_cel2:visited
{
    text-decoration: none;
}
a.frontpage_cel2:hover
{
    text-decoration: none;
}
a.frontpage_cel3:link
{
    text-decoration: none;
}
a.frontpage_cel3:visited
{
    text-decoration: none;
}
a.frontpage_cel3:hover
{
    text-decoration: none;
}
a.frontpage_cel4:link
{
    text-decoration: none;
}
a.frontpage_cel4:visited
{
    text-decoration: none;
}
a.frontpage_cel4:hover
{
    text-decoration: none;
}



.column_bel2
{
    background-color: #DBD7CF;
    border: 1px solid #DBD7CF;
    vertical-align: super;
}
.alert
{
    color: Red;
}
/*
kleuren
#F3F2EF = licht         243-242-239
#DBD7CF = midden        221-221-221
#43595D = donkere       67-89-93
#222223 achtergrond

#D5EBDD         202	218	216		

#B1C8C5         177	200	197		
#598178   mid2 89	129	120	

#E4EDEB               228 237 235  heel licht groen (links vlak)

	

*/


.kla_overzicht_head
{
    background-color: #B1C8C5;
    color: White;
}
.kla_overzicht_detail1
{
    background-color: white;
    color: #43595D;
    text-align: right;
    font-style: italic;
}
.kla_overzicht_detail2
{
    background-color: #F3F2EF;
    color: #43595D;
    padding-left: 4px;
}
.kla_overzicht_detail3
{
    background-color: #F3F2EF;
    color: #43595D;
    padding-left: 4px;
    font-style: italic;
    font-size: x-small;
}
ul.SubNav
{
    text-align: left;
}
li.SubNav
{
    list-style: none;
    border-bottom-style: ridge;
    border-bottom-width: thin;
    border-bottom-color: #F3F2EF;
    padding-top: 15px;
}
a.SubNav
{
    text-decoration: none;
    color: #43595D;
}
a.SubNavActiv
{
    text-decoration: none;
    font-weight: bold;
    color: #222223;
}
a.SubNav:hover
{
    text-decoration: none;
    background-color: #43595D;
    color: white;
}
.LocData
{
    background-color: #C6D9F1;
}
.hr1
{
    color: #43595D;
}

.invisible
{
    color: black;
    border-style: none;
    border-color: white;
    font-size: xx-small;
}
.ErrorEID
{
    color: Red;
    border-style: none;
    border-color: white;
    font-size: xx-small;
}


.productinfo
{
    border-color: #548DD4;
    border-style: none;
    border-width: thin;
    text-align: right;
    padding: 3px;
    border-spacing: 3px;
    font-size: x-small;
}
.productinfo_in
{
    border-color: #C6D9F1;
    border-style: solid;
    border-width: thin;
    padding: 3px;
    border-spacing: 3px;
}
.productinfo_in_hilite
{
    background-color: #C6D9F1;
    border-color: #C6D9F1;
    border-style: solid;
    border-width: thin;
    padding: 3px;
    border-spacing: 3px;
    font-weight: bold;
}

.productinfo_tab2
{
    border-color: #C6D9F1;
    border-style: solid;
    border-width: thin;
    padding: 5px;
    border-spacing: 5px;
    text-align: center;
    vertical-align: top;
}
.productinfo_tab1
{
    background-color: #C6D9F1;
    border-color: #C6D9F1;
    border-style: solid;
    border-width: thin;
    padding: 5px;
    border-spacing: 5px;
    text-align: center;
    vertical-align: top;
}