﻿@media screen 
{
    html, body 
    {
        margin: 0px;
    }
    body { background-color: #FFE86E; }
    html, body, form, table.pt { height: 100%; }
    body, td 
    {
        font-family: Verdana, Arial;
        font-size: 12px;
    }
    td { vertical-align: top; }
    h1 
    {
        font-family: Verdana, Arial;
        font-weight:bold;
        font-size: 18px;    
    }


    .geelbg { background-color: #FFE86E; }
    .groenbg { background-color: #008061; }
    .groen { color: #008061; }

    td.pgTop 
    {
        background-image: url(../../img/horTopBorder.gif);
        background-repeat:repeat-x;
        height: 22px;
        background-position: left bottom;
    }
    td.pgTopLeft 
    {
        background-image: url(../../img/frameTopCornLeft.gif);
        background-repeat:no-repeat;
        background-position: right bottom;
        height: 22px;
        width: 22px;
    }
    td.pgTopRight
    {
        background-position: left bottom;
        background-image: url(../../img/frameTopCornRight.gif);
        background-repeat:no-repeat;
        height: 22px;
        width: 22px;
    }
    td.pgLeft 
    {
        background-image: url(../../img/vertLeftborder.gif);
        background-repeat:repeat-y;
        width: 22px;
    }
    td.pgRight 
    {
        background-image: url(../../img/vertRightborder.gif);
        background-repeat:repeat-y;
        width: 22px;
    }

    td.pgContentLeft 
    {
        vertical-align:top;
        background-image: url(../../img/proefpakket/contentLeft.gif);
        background-repeat:repeat-y;
        width: 143px;
    }
    td.pgContentRight 
    {
        width: 634px;
        background-color: #ffffff;
    }

    img.pageImage 
    {
        display:block;
        margin-right: 10px;
        margin-top: 10px;
    }
    p.groen 
    {
        margin-right: 10px;
    }



    /** formulier */
    table.form 
    {
        width: 100%;
    }
    table.form, table.form td 
    {
        height: 20px;
        vertical-align:middle;
    }

    table.form td.label 
    {
        background-image: url(../../img/proefpakket/formback.jpg);
        background-position: right center;
        background-repeat:no-repeat;
        /*width: 330px;*/
    }
    table.form td.fields 
    {
        width: 267px;
    }
    table.form td.fields input
    {
        border: solid 1px #006546;
        height: 20px;    
        height: 18px;    
    }
    table.form td.fields input[type="radio"]{ height:12px}
    
    
    table.form td.radiobtns input { border: none; }
    table.form td.fields .full { -xx-width: 100%; width: 260px;}
    table.form td.fields .half {  width: 120px; }
    table.form td.fields .mini {  width: 60px; margin-right:6px }
    table.form td.fields .half.right {  margin-left:6px;  width: 122px;}

    div.lbl1  
    {
        position: relative;
    }
    div.lbl2
    {
        float:right;
    }
    .error { background-color: #fcc; }
    .mailPassword {color: #008061;}
    .ppSubmit {cursor:pointer;}
    
}
