/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7-dec-2014, 14:25:55
    Author     : Jim
*/

/*---------------MET SCROLLBAR----------------------------------------------------------------------*/
/* Hier kunt u de achtergrond kleur en de standaard tekstkleur aanpassen */
/*body
{
    color: #000000;
    font-family: Arial,Helvetica;
    font-size: 9pt;
    background-color: #FFFFFF;
    background-color: red;
    margin-left: 0pt;
    margin-top: 0px;
}*/
div.menu
{
    width: 170px;
    height: 100%;
    color: black;
    position: relative;
    padding-top: 15px;
    left: 0px;
    right: 10px;
    float: left;
    background-image: url(/images/bgleft.gif);
    background-position: 169px;
    background-repeat: repeat-y;
}
/* Hier kunt u de stijl van de kop aanpassen */
#kop
{
    width: expression(total.offsetWidth-menu.offsetWidth-20);
}
#total
{
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#content
{
    position: relative;
    height: 96%;
    overflow: auto;
    margin-top: 15px;
    width: expression(total.offsetWidth-menu.offsetWidth-3);
    padding-left: 15px;
}
span.submenubutton
{
    color: lightgrey;
}
td.submenubutton
{
    color: #32526E;
    text-align: right;
    font-size: 8pt;
    font-family: Arial,Helvetica;
    text-decoration: none;
    top: 0px;
    font-weight: bold;
    color: #32526E;
    top: 4px;
    padding-right: 10px;
    position: relative;
    background-image: url(../images/squar8x8_darkblue.gif);
    background-repeat: no-repeat;
    background-position: center right;
    white-space: nowrap;
}
a.submenubutton
{
    color: #32526E;
    text-decoration: underline: none;
}
a.submenubutton:hover
{
    color: red;
    text-decoration: underline: none;
    overflow: hidden;
}
td.submenubuttonrood
{
    color: #32526E;
    text-align: right;
    font-size: 8pt;
    font-family: Arial,Helvetica;
    text-decoration: none;
    top: 0px;
    font-weight: bold;
    color: #32526E;
    top: 4px;
    padding-right: 10px;
    position: relative;
    cursor: hand;
    white-space: nowrap;
}
/* Hier kunt u de weergave aanpassen van alle tabelkopjes */
th
{
    background-color: white;
    color: black;
    font-size: 9pt;
    padding-left: 0px;
    padding-right: 5px;
    text-align: left;
}
/* Hier kunt u de weergave aanpassen van alle tabelkolommen */
td
{
    font-size: 9pt;
    vertical-align: top;
}
table.LIST
{
    spacing: 0;
    background-color: #EEEEEE;
}
/* Hier kunt u de weegave van de vergelijk-link aanpassen*/
a.header
{
    color: white;
    text-decoration: underline: none;
}
div.scrollableTable
{
    overflow: auto;
    width: 98%;
    height: expression(document.body.offsetHeight-kop.offsetHeight-60);
}
.error
{
    color: red;
}
.warning
{
    color: brown;
}
.remark
{
    color: darkgreen;
}
a:link.prodinfo
{
    color: black;
}
.bedrag
{
    text-align: right;
    padding-right: 10px;
}
/* Hier kan de stijl van de invoervelden worden aangepast */
input
{
    padding: 0px;
    margin: 0px;
}
.Stappenlabel
{
    color: black;
    font-size: 12pt;
    text-align: left;
    text-decoration: none;
}

/*----------------------ZONDER SCROLLBAR DEZE GAAN WE DOEN, IS MOOIER/PROFESSIONELER-----------------------------------------------------------------------------*/

/* Hier kunt u de achtergrond kleur en de standaard tekstkleur aanpassen */
/*body
{
    color: #000000; 
    font-family: Arial,Helvetica;
    font-size: 9pt;
    background-color: lightgray;
    margin-left: 0pt; AANGEPAST, KAN WEL WEG
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    overflow: hidden;
    margin-top: 0px;
}
div.menu
{
    width: 170px;
    height: 100%;
    color: #32526E;
    position: relative;
    padding-top: 15px;
    left: 0px;
    right: 10px;
    float: left;
    background-image: url(/images/bgleft.gif);
    background-position: 169px;
    background-repeat: repeat-y;
}
 Hier kunt u de stijl van de kop aanpassen 
#kop
{
    width: expression(total.offsetWidth-menu.offsetWidth-20);
}
#total
{
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#content
{
    position: relative;
    height: 96%;
    overflow: auto;
    margin-top: 15px;
    width: expression(total.offsetWidth-menu.offsetWidth-3);
    padding-left: 15px;
}
span.submenubutton
{
    color: lightgrey;
}
td.submenubutton
{
    color: #32526E;
    text-align: right;
    font-size: 8pt;
    font-family: Arial,Helvetica;
    text-decoration: none;
    top: 0px;
    font-weight: bold;
    color: #32526E;
    top: 4px;
    padding-right: 10px;
    position: relative;
    background-image: url(../images/squar8x8_darkblue.gif);
    background-repeat: no-repeat;
    background-position: center right;
    white-space: nowrap;
}
a.submenubutton
{
    color: #32526E;
    text-decoration: underline: none;
}
a.submenubutton:hover
{
    color: red;
    text-decoration: underline: none;
    overflow: hidden;
}
td.submenubuttonrood
{
    color: #32526E;
    text-align: right;
    font-size: 8pt;
    font-family: Arial,Helvetica;
    text-decoration: none;
    top: 0px;
    font-weight: bold;
    color: #32526E;
    top: 4px;
    padding-right: 10px;
    position: relative;
    cursor: hand;
    white-space: nowrap;
}
 Hier kunt u de weergave aanpassen van alle tabelkopjes 
th
{
    background-color: white;
    color: black;
    font-size: 9pt;
    padding-left: 0px;
    padding-right: 5px;
    text-align: left;
}
 Hier kunt u de weergave aanpassen van alle tabelkolommen 
td
{
    font-size: 9pt;
    vertical-align: top;
}
table.LIST
{
    spacing: 0;
    background-color: #EEEEEE;
}
 Hier kunt u de weegave van de vergelijk-link aanpassen
a.header
{
    color: white;
    text-decoration: underline: none;
}
div.scrollableTable
{
    overflow: auto;
    width: 98%;
    height: expression(document.body.offsetHeight-kop.offsetHeight-60);
}
.error
{
    color: red;
}
.warning
{
    color: brown;
}
.remark
{
    color: darkgreen;
   
}
a:link.prodinfo
{
    color: black;
}
.bedrag
{
    text-align: right;
    padding-right: 10px;
}
 Hier kan de stijl van de invoervelden worden aangepast 
input
{
    padding: 0px;
    margin: 0px;
}
.Stappenlabel
{
    color: black;
    font-size: 12pt;
    text-align: left;
    text-decoration: none;
}*/