html
{
overflow-y: scroll; 
}
html, body
{
margin: 0;
padding: 0;
height: 100%;
background: #e0e0e0; /* Kleur achtergrond */
}
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

a
{
color: #2f2f7f; /* Kleur links */
text-decoration: none;
}
h1
{
font-size: 1.2em;
}
h2
{
font-size: 1em;
}
h3
{
margin: 0em;
font-size: 1em;
}
img
{
border: none;
}
input, textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
td
{
vertical-align: top;
}

html>body #wrap
{
height: 100%;
}
#wrap {
width: 70em;
margin: 0 auto;
}
html>body #header
{
position: fixed;
z-index: 10;
}
html>body #content-wrap
{
height: 100%;
background: #ffffff;  /* Kleur achtergrond content-wrap */
background: url('/images/background.gif') repeat-y;
}
html>body #content
{
border-right: 0.1em solid #65625b; /* Kleur kaderlijn */
border-left: 0.1em solid #65625b; /* Kleur kaderlijn */
padding: 11em 1em;
background: #ffffff; /* Kleur achtergrond content */
}
html>body #footer
{
border-top: 0.1em solid #65625b; /* Kleur kaderlijn */
position: fixed;
bottom: 0;
z-index: 10; /* Prevent certain problems with form controls */
}

#header
{
width: 70em;
height: 10em;
background: #ffffff; /* Kleur achtergrond kop */
}
#header h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2.5em;
font-weight: bold;
color: #2f2f7f; /* Kleur koptekst */
margin-top: 1em;
text-indent: 3.5em;
}

#img-header
{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

#img-logo
{
position: absolute;
top: 1em;
left: 0.9em;
width: 6.3em;
}
#img-wapen
{
position: absolute;
top: 0.5em;
left: 62em;
width: 5.25em;
}

#linkerkolom
{
float: left;
width: 65%;
}
#rechterkolom
{
float: right;
width: 30%;
}
#foto
{
width: 100%;
}
#onder-marge
{
clear: both;
}
#footer
{
width: 70em;
height: 1.5em;
padding-top: 0.5em;
background: #a0a0a0; /* Kleur achtergrond footer*/
text-align: center;
}
#footer-tekst
{
font-size: 80%;
}

/* Box */
.bgbox-input
{
background: #e0e0e0; /* Kleur inputkader */
}
.bgbox-kader
{
background: #e0e0e0; /* Kleur tekstkader */
}

.top-left
{
margin-right: 10px; /* clip right corner */
background-image: url('/images/box.gif');
height: 10px; /* vertical: show first half of the image with the top-corners in it */
font-size: 2px; /* correct height for IE */
}
.top-left-color
{
margin-right: 10px; /* clip right corner */
background-image: url('/images/boxcolor.gif');
height: 10px; /* vertical: show first half of the image with the top-corners in it */
font-size: 2px; /* correct height for IE */
}
.top-right
{
margin-top: -10px; /* to level of top-left corner */
margin-left: 10px; /* clip left corner */
background-image: url('/images/box.gif'); 
background-position: 100% 0; /* show bg-image starting at the right */
height: 10px; 
font-size: 2px;
}
.top-right-color
{
margin-top: -10px; /* to level of top-left corner */
margin-left: 10px; /* clip left corner */
background-image: url('/images/boxcolor.gif'); 
background-position: 100% 0; /* show bg-image starting at the right */
height: 10px; 
font-size: 2px;
}
.bottom-left
{
margin-right: 10px; /* clip right corner */
background-image: url('/images/box.gif');
background-position: 0 -10px; /* show under half of the image */
height: 10px;
font-size: 2px;
}
.bottom-left-color
{
margin-right: 10px; /* clip right corner */
background-image: url('/images/boxcolor.gif');
background-position: 0 -10px; /* show under half of the image */
height: 10px;
font-size: 2px;
}
.bottom-right
{
margin-top: -10px; /* to level of bottom-left corner */
margin-left: 10px; /* clip left corner */
background-image: url('/images/box.gif'); 
background-position: 100% -10px; /* under half, right side */
height: 10px; 
font-size: 2px; 
}
.bottom-right-color
{
margin-top: -10px; /* to level of bottom-left corner */
margin-left: 10px; /* clip left corner */
background-image: url('/images/boxcolor.gif'); 
background-position: 100% -10px; /* under half, right side */
height: 10px; 
font-size: 2px; 
}
.inside
{
border-left: 1px solid #65625b; /* Kleur kaderlijn */
border-right: 1px solid #65625b; /* Kleur kaderlijn */
padding-left: 5px;
padding-right: 5px;
}
.notopgap
{
margin-top: 0;
}
.nobottomgap
{
margin-bottom: 0;
}

.inv-veldnaam
{
width: 10em;
}

.tbl-krimp
{
padding: 0;
margin: 0;
border: 0;
}
.inp-kortedatum
{
width: 10em;
}
.lst-gebruiker
{
width: 20em;
}
.lst-categorie
{
width: 20em;
}
.img-uitklappen
{
padding-top: 2px;
width: 1.5em;
}

.out-veldnaam
{
width: 25%;
}
.out-kortedatum
{
width: 7em;
}
.out-langedatum
{
width: 18em;
}

.links
{
text-align: left;
}
.midden
{
text-align: center;
}
.rechts
{
text-align: right;
}
.centrum
{
vertical-align: middle;
}
.onder
{
vertical-align: bottom;
}
.uitvullen
{
width: 100%;
}
.verborgen
{
visibility: hidden;
}
.vet
{
font-weight: bold;
}
.cursief
{
font-style: italic;
}
.grijs
{
color: grey;
}
.rood
{
color: red;
}
.zebra-uit
{
background: #e0e0e0;
}
.zebra-aan
{
background: #d0d0d0;
}
.pijl
{
cursor: pointer;
}
.fout
{
color: red;
}
.kader
{
padding: 0px;
border: 1px solid #e0e0e0;
}