body {
    font: 12px/15px Arial, Helvetica, sans-serif;
    color: #2F4144;
    background: #CCC;
}
.content p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 7px;
}
.content h1 {
    color: #8FA303;
    margin-bottom: 5px;
    font: bold normal 24px/26px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.content h2 {
    color: #8FA303;
    margin-bottom: 5px;
    font: bold normal 20px/22px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.content h3 {
    text-transform: none;
    color: #8FA303;
    margin-bottom: 5px;
    font: bold normal 12px/17px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.content h4 {
    font-weight: normal;
    color: #8FA303;
    margin-bottom: 5px;
    background: #DAE39A;
    padding: 7px;
    border: 1px solid #8FA303;
}
.content h5 {
    text-transform: uppercase;
    color: #333;
    margin-bottom: 5px;
    font: normal normal 14px/16px;
}
.content ul,
.content ol {
    margin-bottom:7px;
    margin-top:7px;
}
.content ol {
    list-style-type:decimal;
}
.content ol li {
    margin-left:20px;
    margin-bottom:5px;
}
.content ul li {
    list-style-position:outside;
    list-style-type:square;
    margin-left:20px;
    margin-bottom:5px; 
}
.content a {
    color:#333;
}
.content a:hover {
    color:#000;
}

.submenu {
    height: 20px;
    width: 490px;
    margin-top: 7px;
    margin-bottom: 15px;
}
.submenu ul {
    margin-bottom:0px;
    margin-top:0px;
}
.submenu ul li {
    float: left;
    list-style-type: none;
    margin-left:0px;
    margin-bottom:0px;                 
}
.submenu ul li a {
    color: #666;
    border-right: 1px solid #B2C628;
    border-bottom:none;
    text-decoration: none;
    display: block;
    margin: 0px 0px 0px 5px;
    padding: 0px 5px 0px 0px;
    list-style-type: none;
    font-size: 10px;
    text-decoration: none;
    line-height: 14px;
}
.submenu li:first-child a {
    border-left: 1px solid #B2C628;
    margin: 0px 0px 0px 5px;
    padding: 0px 5px;

}
.submenu li a:hover {
    color: #333;
    text-decoration: none;
    border-bottom:none;
}
.bkgrepeat {
    width: 995px;
    margin-right: auto;
    margin-left: auto;
    background: url(../_sysimg/bkg-wrapper.png) repeat-y;
    overflow: auto;
}
.mask{
    background-position:top right;
    background-repeat:no-repeat;
}
.wrapper {
    width: 935px;
    margin-right: auto;
    margin-left: auto;
    background: url(../_sysimg/bkg.png) no-repeat;
    padding-right: 30px;
    padding-left: 30px;
    clear: both;
    overflow: auto;
}
.header {
    height: 160px;
    width: 335px;
    float: left;
}
.header img {
    padding-right: 86px;
    padding-left: 46px;
}
.slogan {
    float: left;
    width: 300px;
}
.slogan p {
    font: bold 12px/16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #B2C628;
    text-align: right;
    padding-top: 92px;
}
.menu {
    width: 170px;
    float: left;
    margin-top: 45px;
    margin-right: 130px;
}
.menu li {
    font-size: 12px;
    color: #FFF;
    line-height: 16px;
    list-style-type: none;
}
.menu li a {
    color: #FFF;
    text-decoration: none;
    display: block;
    text-decoration: none;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 36px;
}
.menu li a:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.menu li .selected {
    color: #333;
    background: url(../_sysimg/pointer.png) no-repeat 0px 7px;
}

.contentwrap {
    width: 935px;
    float: left;
    margin-top: 5px;
}

.content {
    width: 490px;
    float: left;
    margin-left: 100px;
    margin-bottom: 20px;
}
.adres {
    float: left;
    width: 150px;
    padding-top: 160px;
}
.adres p {
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 10px;
}
.adres p strong {
    font-weight: bold;
    color: #FFF;
}

.nieuwshome {
    width: 150px;
    float: right;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 15px;
    border-left: 2px solid #EEE;
    margin-top: 40px;
    background: url(../_sysimg/nieuws.png) no-repeat;
    clear: right;
}
.esf {
    margin-top: 0px;
    background: url(../_sysimg/portal.png) no-repeat; 
    float: right;
}
.nieuwshome h3 {
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 30px;
}

.nieuwshome p {
    margin-bottom: 15px;
}

.nieuwshome a {
    color: #666;
    text-decoration: none;
}
.nieuwshome p a:hover {
    color: #333;
    text-decoration: underline;
}
.nieuwshome p strong{
    color: #8FA302;
    font-weight: normal;
}
.nieuwsitem {
    margin-bottom: 10px;
    width: 185px;
    border-top: 1px solid #CCC;
    padding-left: 15px;
    padding-top: 10px;
}
.nieuwsitem h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 7px;
}
.nieuwsitem h3 a {
    text-decoration: none;
}
.nieuwsitem p {
    font-size: 11px;
    line-height: 15px;
    color: #666;
}
.nieuwsitem p a {
    font-style: italic;
    text-decoration: none;
    line-height: 20px;
}
.nieuwsitem p a:hover {
    text-decoration: underline;
}
.nieuwsimg {
    float: left;
    height: 55px;
    width: 55px;
    margin-right: 10px;
    margin-bottom: 5px;
    overflow: hidden;
    background: no-repeat center center;
    border: 1px solid #CCC;
}
.nieuwslist {
    width: 490px;
    clear: both;
    float: left;
    border-top: 1px solid #CCC;
    margin-bottom: 10px;
    padding-top: 10px;
}
.nieuwslistimg {
    float: left;
    height: 85px;
    width: 85px;
    margin-right: 15px;
    margin-bottom: 5px;
    overflow: hidden;
    background: no-repeat center center;
    border: 1px solid #CCC;
}
.nieuwsitem h5,
.nieuwslist h5,
.nieuwsdetaillinks h5 {
    text-transform: uppercase;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    line-height: 12px;
    margin-top: 7px;
}
.nieuwsitem h5 a,
.nieuwslist h5 a,
.nieuwsdetaillinks h5 a {
    text-decoration: none;
}
.nieuwsdetail {
    width: 490px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow: auto;
    border-bottom: 1px solid #CCC;
}
.nieuwsdetaillinks {
    margin-bottom: 20px;
}
.footer {
    margin-right: auto;
    margin-left: auto;
    clear: both;
    width: 785px;
    padding-right: 30px;
    padding-left: 180px;
    background: url(../_sysimg/bkg-footer.png) repeat-y;
    overflow: auto;
}
.footer p strong {
    font-weight: normal;
    color: #8FA303;
}

.footer p {
    font-size: 10px;
    color: #2F4144;
    line-height: 20px;
    display: inline;
}
.footer a {
    font-size: 10px;
    color: #000;
    text-decoration: none;
    line-height: 20px;
}
.footleft {
    text-align: right;
    float: right;
    width: 500px;
    height: 20px;
}
.footright {
    float: left;
    width: 260px;
    height: 20px;
}

.footer a:hover {
    text-decoration: underline;

}
img.rechts,
.img-right {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}
img.rechts-met-rand{
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 2px;
    border: 1px solid #CCC;
}
img.links,
.img-left {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
img.links-met-rand {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 2px;
    border: 1px solid #CCC;
}
/*colors*/
.content h1, 
.left h2, 
.nieuwsitem h3 a,
.nieuwsitem p a,
.nieuwslist h2,
.nieuwsitem h5 a,
.nieuwslist h5 a,
.nieuwsdetaillinks h5 a{
    color: #8FA303;
}
/*visual fx*/
.nieuwsitem p a:hover,
.nieuwsitem h3 a:hover,
.nieuwsitem h5 a:hover,
.nieuwslist h5 a:hover,
.nieuwsdetaillinks h5 a:hover{
    text-decoration: underline;
}
form td {
 padding:5px;
}
form button{
    font: 12px;
    color: #333;
    border:1px solid silver; 
    width:150px;
}

form button:hover{
    color: #fff;
    background-color:#333;
}
form input {
    font: 12px;
    color: #333;
    border:1px solid silver; 
    width:250px;
}        
form textarea{
    font: 12px;
    color: #333;
    border:1px solid silver; 
    width:250px;     
    height:150px;
}
form input:hover,
form textarea:hover{
    border:1px solid #B2C628; 
}
.adres form input {
    width:80px;
}
.adres form button{
    width:20px;
}

.radio, .checkbox{

width:15px;

}
.ms table tr td{
 padding:2px;
}