.header
{
    width:760px;
    height:165px;
    background-image: url("images/secundair-header.jpg");
}

.middenfoto
{
    width:760px;
    height:165px;
    background-image: url("images/secundair-middenfoto.jpg");
}

.groenemiddenbalk
{
    background-color: #006666;
    height: 20px;
    width:760px;
}
.wittestreep1
{
    width: 1px;
    height: 20px;
    background-color: white;
    position: absolute;
    margin-left: 190px;
}
.wittestreep2
{
    width: 1px;
    height: 20px;
    background-color: white;
    position: absolute;
    margin-left: 380px;
}
.wittestreep3
{
    width: 1px;
    height: 20px;
    background-color: white;
    position: absolute;
    margin-left: 570px;
}
.kiesberoep
{
    color: #7352A4;
    font-weight:bold;
}
.margin
{
    height:86px;
    margin: 15px;
}
.keuzeopties
{
    width:760px;
    height:230px;
}
.top1012
{
    width: 190px;
    height: 116px;
    background-image: url("images/secundair-10-12.jpg");
    cursor: pointer;
}
.top1315
{
    width: 190px;
    height: 116px;
    background-image: url("images/secundair-13-15.jpg");
    cursor: pointer;
}
.top1618
{
    width: 190px;
    height: 116px;
    background-image: url("images/secundair-16-18.jpg");
    cursor: pointer;
}
.topkiesjeberoep
{
    width: 190px;
    height: 116px;
}

.bottom1012
{
    width: 190px;
    height: 112px;
    background-image: url("images/secundair-10-12-bottom.gif");
    cursor: pointer;
}
.bottom1315
{
    width: 190px;
    height: 112px;
    background-image: url("images/secundair-13-15-bottom.gif");
    cursor: pointer;
}
.bottom1618
{
    width: 190px;
    height: 112px;
    background-image: url("images/secundair-16-18-bottom.gif");
    cursor: pointer;
}
.bottomkiesjeberoep
{
    width: 190px;
    height: 112px;
    background-image: url("images/technocentrum.jpg");
}
.keuze1012
{
    float: left;
    width: 190px;
    height: 228px;
}
.keuze1315
{
    float: left;
    width: 190px;
    height: 228px;
}
.keuze1618
{
    float: left;
    width: 190px;
    height: 228px;
}
.kiesjeberoep
{
    float: right;
    width: 190px;
    height: 228px;
}
.login
{
    width: 190px;
    height: 19px;
    background-image: url("images/secundair-login.jpg");
    background-color: #996666;
}
.login2
{
    width: 190px;
    height: 95px;
}
form
{
    margin-top: 15px;
    margin-left: 15px;
}
input
{
    border: 1px solid #CCCCCC;
    background-color: white;
}
.footer
{
    background-color: #006666;
    color: white;
    height: 20px;
    width:760px;
    clear: both;
    vertical-align: middle;
    text-align: center;
    padding-top: 3px;
    font-size: 10px;
}