/*
  base colors

  #879200 : mosgroen (Aanbod)
  #AFBDA2 : blauw grijs (Visie)
  #E4E9E3 : licht grijs (Rechterbanner)
  #C4C7DA : licht blauw (Over mij)
  #5E89C2 : blauw (Meer)
  #5B6693 : donker blauw (Contact)

*/
.hidden
{
    visibility: hidden;
    display: none;
}

.xbase-color
{
    border: 1px solid #666666;
    color: #333333; /* #37291A; */
    background-color: #999999; /* #B78F60; */
}
.xbase-color-text
{
    color: #333333; /* #37291A; */
}
.xbase-light
{
    border: 1px solid #999999;
    color: #333333; /* #37291A; */
    background-color: #CCCCCC; /* #DDCBB5; */
}
.xbase-dark
{
    border: 1px solid #999999;
    color: #CCCCCC; /* #CEB595; */
    background-color: #333333; /* #61492C; */
}
.xbase-dark-text
{
    color: #CCCCCC;
}
.xbase-link
{
    color: #333333;
}
.xbase-lighter
{
    border: 1px solid #999999;
    color: #000000;
    background-color: #DDDDDD; /* EADDCE */
}

/* General html */
html, body
{
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #000000;
    margin: 0px;
}

a         { text-decoration: none; color: #003399; }
a:active  { background-color: transparent; }
a:hover   { text-decoration: underline; }
a:link    { background-color: transparent; }
a:visited { background-color: transparent; }

#mp_contentHolder a         { text-decoration: none; color: #5B6693; font-weight: bold; font-style: italic; text-decoration: underline; }
#mp_contentHolder a:active  { background-color: transparent; }
#mp_contentHolder a:hover   { text-decoration: underline; font-weight:normal; }
#mp_contentHolder a:link    { background-color: transparent; }
#mp_contentHolder a:visited { background-color: transparent; }

h1
{
    padding: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 175%px;
    font-weight: normal;
    clear: left;
    color: #5B6693;
    max-width: 700px;
}
h2
{
    padding: 0px;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 160%;
    clear: left;
    color: #5B6693;
    max-width: 550px;
}
h3
{
    padding: 0px;
    margin-top: 25px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 130%;
    clear: left;
    color: #5B6693;
    max-width: 550px;
}
h4
{
    padding: 0px;
    margin-top: 25px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 100%;
    max-width: 550px;
}
h5
{
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 120%;
    color: #879200;
    max-width: 550px;
}
h6
{
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 100%;
    color: #879200;
    max-width: 550px;
}
p
{
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 10px;
    font-size: 100%;
    max-width: 550px;
}
ul
{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 15px;
    max-width: 550px;
}
pre
{
    font-family: "Courier New", Courier, monospace;
    font-size: 90%;
    max-width: 550px;
}
address
{
    font-style: italic;
    font-variant: small-caps;
    font-size: 100%;
    margin-top: 10px;
    max-width: 550px;
}
hr
{
    color: #D9C1A6;
    clear: both;
}
table
{
    margin: 2px;
    border-collapse: collapse;
    background-color: #EEEEEE;
    font-size: 0.8em;
}
tr
{
}
td
{
    vertical-align: top;
    padding: 1px 5px 1px 2px;
}
th
{
    vertical-align: bottom;
    padding: 1px 5px 1px 2px;
    background-color: #DDDDDD;
    text-align: left;
}
img
{
    vertical-align: middle;
}

/* pages styles */
.kader
{
    border: 1px dotted #5E89C2;
    float: right;
    clear: right;
    padding: 10px 10px 10px 10px;
    margin: 10px 35px 15px 35px;
    background-image: url(../Images/background_kader.png);
    background-repeat: repeat;
}
.kader h1
{
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 110%;
    color: #5E89C2;
}
.kader h2
{

    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 100%;
    color: #5E89C2;
}
.kader p
{
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 90%;
    color: #5E89C2;    
}
.caption
{
    font-size: smaller;
    font-style: italic;
}
.hilight
{
    font-weight: bold;
    font-style: italic;
    color: #5B6693;
}
.p_left
{
    float: left;
    clear: left;
    display: block;
}
.img_left
{
    float: left;
    clear: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    border-spacing: 2px;
    display: block;
}
.img_right
{
    float: right;
    clear: right;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    border-spacing: 2px;
    display: block;
}

.table_inline
{
    margin-right: 10px;
    display: inline-table;
    float: left;
}
.table_inline td
{
    padding: 2px 5px 2px 5px;
}
.table_layout
{
    border-width: 0px;
    background-color: Transparent;
    padding: 2px;
    font-size: 1.0em;
    vertical-align: top;
}
.table_rowhead
{
    vertical-align: top;
    text-align: right;
    background-color: #DDDDDD;
}
.a_footer
{
    color: #584125;
}