/* Hoofdinstellingen */
*
{
    padding: 0;
    margin: 0;
    font-family: verdana,geneva,arial,serif; /*  */
}
body
{
    background: #ffffff; /* font-family: verdana,geneva,arial,serif; */
    font-size: 12px;
    color: #545047;
}
a:link
{
    color: #444444;
}
a:visited
{
    color: #555555;
}
a:hover
{
    color: #000000;
}
a:active
{
    color: #111111;
}

/* Div die alles bevat */
#main
{
    position: absolute;
    margin-left: -491px;
    left: 50%;
    width: 984px;
}


/* Titel, Kop, Logo */
#titel
{
    background: url(images/titel.jpg) no-repeat;
    position: relative;
    height: 140px;
}
#titel h6
{
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    height: 95px;
}
#titel h6 span
{
    position: absolute;
    width: 0px;
    overflow: hidden;
}
#titel h1
{
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    height: 95px;
}
#titel h2
{
    color: #ffffff;
    margin-top: 14px;
    margin-left: 45px;
    font: 18px normal;
}
#titel a
{
    position: relative;
    display: block;
    left: 40px;
    top: 17px;
    width: 240px;
    height: 60px;
}
#titel h1 span
{
    position: absolute;
    width: 0px;
    overflow: hidden;
}
#titel img
{
    position: absolute;
    top: 8px;
    right: 10px;
}

#headerimage
{
    margin-top: -92px;
    margin-right: 10px;
    padding-bottom: 10px;
    text-align: right;
}
#headerimage img
{
    border: solid 3px #444444;
}

/* Midden */
#kolomrechts
{
    position: relative; /* Lost het IE7 overflow probleem op zodat de layout niet rond springt */
    clear: both;
    float: left;
    width: 100%; /* breedte van de pagina */
    overflow: hidden; /* dit kap overhangende div af */
    background: #545047; /* achtergrondkleur van de rechter kolom */
}
#kolommidden
{
    float: left;
    width: 200%;
    margin-left: -200px; /* breedte van de rechterkolom */
    position: relative;
    right: 100%;
    background: #fff; /* achtergrondkleur van de middenkolom */
}
#kolomlinks
{
    float: left;
    width: 100%;
    margin-left: -50%;
    position: relative;
    left: 400px; /* breedte linkerkolom + rechterkolom */
    background: #545047; /* achtergrondkleur van de linkerkolom */
    margin-top: 15px;
    margin-bottom: 15px;
}
#inhoudwrap
{
    float: left;
    width: 50%;
    position: relative;
    right: 200px; /* Breedte van de linkerkolom */
    padding-bottom: 1em; /* Padding voor de middenkolom */
}
#inhoud
{
    margin: 5px 230px 0px 230px; /* Padding centrale kolom: linker padding = linker kolom breedte + gewenste padding links, rechter padding = rechter kolom breedte + gewenste rechterpadding */
    position: relative;
    left: 200%; /* overflow: hidden; */
}
#inhoud h1
{
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 0.5em;
}
#inhoud h2
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.3em;
    margin-left: 0.5em;
}
#inhoud h3
{
    font-size: 1.1em;
    font-weight: bolder;
    margin-bottom: 0.1em;
    margin-left: 0.8em;
}
#inhoud h4
{
    font-size: 1.0em;
    font-weight: bolder;
    margin-bottom: 0.1em;
    margin-left: 0.8em;
}
#inhoud p
{
    text-align: justify;
    line-height: 1.35em;
    margin-left: 1em;
    margin-bottom: 1em;
}
#inhoud table
{
    margin-left: 1em;
    margin-bottom: 1em;
    width: 100%;
}
#inhoud td
{
    padding: 2px;
}
#inhoud td span label
{
    margin-left: 5px;
    margin-right: 25px;
}
/* radiobuttonlist */

#inhoud a:link
{
    color: #008fff;
}
#inhoud a:visited
{
    color: #008fff;
}
#inhoud a:hover
{
    color: #719d81;
}
#inhoud a:active
{
    color: #008fff;
}

#inhoud ul
{
    margin-bottom: 1.25em;
}
#inhoud li
{
    list-style: bullets;
    text-align: left;
    margin-left: 3.5em;
    line-height: 1.35em;
}

#links
{
    float: left;
    float: right; /* This overrides the float:left above */
    width: 170px; /* Width of left column content (left column width minus left and right padding) */
    position: relative;
    right: 40px; /* Width of the left-had side padding on the left column */
    margin-top: 20px; /* font-family: Calibri, Verdana, Arial; */
}
/* Navigatie balk */
#links li
{
    list-style: none;
    text-align: left;
    margin-top: 10px;
}
#links ul li a
{
    text-decoration: none;
    font-size: 17px;
    margin-left: 50px;
}
#links ul ul li a
{
    background: none;
    text-decoration: none;
    font-size: 14px;
    margin-left: 0.8em;
    margin-left: 80px;
}
#links a:link
{
    color: #dddddd;
}
#links a:visited
{
    color: #dddddd;
}
#links a:hover
{
    color: #ffffff;
    font-weight: bold;
}
#links a:active
{
    color: #ffffff;
}

#rechts
{
    float: left;
    float: right; /* This overrides the float:left above */
    width: 170px; /* Width of right column content (right column width minus left and right padding) */
    margin-right: 45px; /* Width of right column right-hand padding + left column left and right padding */
    position: relative;
    left: 50%;
    background: #ffffff;
    margin-top: -15px;
    margin-bottom: -15px;
}

#rechts ul
{
    margin-top: 1em;
    margin-bottom: 2em;
}
#rechts li
{
    margin-left: 2.5em;
    margin-bottom: 0.2em;
}
#rechts .cred
{
    margin-bottom: 1.5em;
    text-align: center;
}
#rechts .foto
{
    margin-top: 15px;
    margin-left: 15px;
    width: 140px;
}
#rechts p
{
    margin-top: 15px;
    margin-left: 20px;
}


/* Footer */
#footer
{
    clear: both;
    height: 30px;
    background: #545047;
    position: relative;
    font: normal 9px;
    color: #dddddd;
}
#footer a
{
    text-decoration: none;
    font-weight: normal;
}
#footer a:link
{
    color: #dddddd;
}
#footer a:visited
{
    color: #dddddd;
}
#footer a:hover
{
    color: #ffffff;
}
#footer a:active
{
    color: #dddddd;
}
#footer .copyright
{
    position: absolute;
    left: 15px;
    bottom: 8px;
}
#footer .disclaimerlink
{
    position: absolute;
    right: 50%;
    width: 100px;
    margin-right: -50px;
    bottom: 8px;
}
#footer .m-it
{
    position: absolute;
    right: 15px;
    bottom: 8px;
}

/* Verbergen navigatie voor slechtzienden */
.weg
{
    display: inline;
}
.weg a, .weg a:hover, .weg a:visited
{
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.weg a:active, .weg a:focus
{
    position: static;
    width: auto;
    height: auto;
}

.referenceitem
{
    margin-bottom: 5px;
    padding-bottom: 10px;
    margin-left: 2em;
}

.referenceheader
{
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    font-size: 1.1em; /* font-weight: bold; */
    padding: 5px;
    margin-top: 5px;
    min-height: 17px;
}

.referencecontent
{
    background-color: #ffffff;
    border: 1px dashed #dddddd;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

#inhoud .emptynewsitem
{
    margin: 15px;
}

#inhoud .newsitem
{
    clear: both;
    margin-bottom: 2em;
}

#inhoud .newsitem h2
{
    font-size: 13px;
}
#inhoud .newsitem p
{
    margin-left: 2em;
}

#inhoud .newsitemtitle
{
    float: left;
}

#inhoud .newsitemdate
{
    float: right;
    vertical-align: bottom;
    margin-top: 5px;
}

#inhoud .newsitemtags
{
    clear: both;
    float: right;
    margin-bottom: 10px;
}

#inhoud .newsitemcontent
{
    clear: both;
}

#inhoud .newsitemshowmore
{
    float:right; 
    margin-bottom:5px; 
    margin-top:-10px;
}

#inhoud .newsitem hr, #inhoud .newsitemfooter
{
    margin-left: 0.5em;
    margin-bottom: 4px;
    margin-top: 15px;
    border: none;
    border-top: solid 1px;
}

#inhoud .cloud1
{
    font-size: 10px;
    text-decoration: none;
}
#inhoud .cloud2
{
    font-size: 13px;
    text-decoration: none;
}
#inhoud .cloud3
{
    font-size: 16px;
    text-decoration: none;
}
#inhoud .cloud4
{
    font-size: 19px;
    text-decoration: none;
}
#inhoud .cloud5
{
    font-size: 22px;
    text-decoration: none;
}

.news
{
}

.cloud
{
    border: none 1px #545047;
    color: #3249D2;
    padding: 5px; /*    padding-left:75px;     padding-right:75px; */
    text-align: center;
}

.cloud a
{
    margin-left: 5px;
    margin-right: 5px;
}

.monthlist
{
    padding: 5px;
    margin-top: 5px;
    margin-right: 0px;
    font-size: 11px;
    text-decoration: none;
    text-align: right;
    background: #ffffff;
    border: solid 1px #cccccc;
}

.monthlist a:link
{
    color: #0000ff;
}
.monthlist a:visited
{
    color: #0000ff;
}
.monthlist a:hover
{
    color: #000088;
}
.monthlist a:active
{
    color: #000088;
}


.archief a
{
    margin-right: 5px;
}

.monthlist a
{
    margin-right: 0px;
}
.archief .monthlist
{
    position: absolute;
    top: -2000px;
}
.archief:hover .monthlist
{
    position: relative;
    top: 0px;
}