﻿/* nieuwsberichten */
.nieuwsberichten {
    background-color: #808070;
    padding: 5px;
    border: 1px solid #707060;
    padding-top: 0px;
}
.nieuwsbericht {
    padding-top: 5px;
    margin: 0;
    margin-top: 5px;
    border: 3px solid #707060;
}
.nieuwsbericht.border {
    padding-bottom: 5px;
}
.nieuwsbericht h3, .nieuwsbericht p {
    margin: 0;
}
.nieuwsbericht h3 {
    padding-bottom: 2px;
    padding-left: 5px;
    cursor: pointer;
}
.nieuwsbericht.border h3 {
    border-bottom: 2px solid #707060;
}
.nieuwsbericht .nieuwscontent {
    padding-top: 2px;
    display: none;
    padding: 10px;
    overflow: hidden;
}
.nieuwsbericht .date {
    float: right;
    padding-right: 5px;
}
.nieuwscontent img.nieuwspic {
    text-align: right;
    float: right;
    height: 100px;
    margin: 10px 30px 10px 10px;
}
.nieuwsbericht a {
    color: #FF6600;
}

/* Verhaaltje waarom */
.site-tekst {
    color: #FF6600;
    width: 100%;
    
}

/* Stijl lijsten */
.list_eig {
    width: 480px;
    list-style: none outside none;
    padding-left: 0;
    overflow: hidden;
}
/* Stijl cellen: links, */
.left {
    color: #FF6600;
    font-style: italic;
    font-weight: bold;
    text-align: right;
    width: 140px;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    float: left;
}
/* midden, */
.mid {
    width: 320px;
    padding: 0;
    margin: 0;
    padding-left: 10px;
    float: left;
}
/* en rechts */
.right {
    width: 320px;
    padding: 0;
    margin: 0;
    padding-left: 10px;
    float: right;
}
/* uitzondering voor drie-optie lijst */
#drie_opties {
    width: 810px;
}

/* overlay */
#overlay {
 position: fixed;
 width: 100%; height: 100%;
 top: 0; left: 0; bottom: 0;
 z-index: 800;
 background: #999;
 opacity: 0.5;
 filter: alpha(opacity=\'50\');
}
#overcontent {
 background: #F7F7F7;
 padding: 10px;
 border: 2px solid #999;
 box-shadow: 0 0 4px #999;
 border-radius: 5px;
 z-index: 999;
 width: 330px;
 left: 50%;
 margin-left: -175px;
 top: 0;
 margin-top: 125px;
 position: absolute;
 display: none;
}
.head { float: left;}
.close {
 float: right;
 width: 66px;
 height: 22px;
 background: url("/afbeeldingen/cross.gif") center no-repeat;
 text-indent: -9999px;
}
#overcontent h2 {
 font-size: 14px;
 padding: 0;
 overflow: hidden;
 margin-bottom: 0;
}
.overlayimage {
    width: 330px;
}
#overcontent .beschrijving {
    color: grey;
}
