body
{
font-family: Verdana;
font-size: 12px;
}

#back
{
position: absolute;
right: 0px;
top: 0px;
}

.titel
{
color: #808080;
font-size: 18px;
font-weight: 600;
vertical-align: bottom;
}
html>body .titel {padding: 10px;}

.titel .tekst, .titel2 .tekst
{
margin-top: 40px;
}
html>body .titel .tekst {margin-top: 27px;}
html>body .titel2 .tekst {margin-top: 27px;}

#box, #titel,
{
width: 1647;
}
html>body #box,#titel {width: 1806;}
html>body {width:auto;padding:0px;margin:0px;}

.regel
{
width: 101%;
}



#box, #box2
{
position: absolute;
top: 90px;
left: 0px;
border: 2px #C0C0C0 solid;
}


#box2 {
top: 110px;
left: 50px;
width: 661px;
}
html>body #box2 {width:700px;}


#titel, #titel2
{
font-weight: 600;
position: relative;
float: left;
border-bottom: 2px #C0C0C0 solid;
color: #808080;
}

.regel
{
display:block;
position: relative;
float: left;
color: #000000;
text-decoration: none;
}

.regel:hover
{
display:block;
position: relative;
width: 4000;
float: left;
background-color: #FFFFBF;
}

.colref, .colconr, .colbmt, .colqual, .colfin, .colwdt, .coldes, .colwarpc, .colweftc, .coltotp, .coltotm,
.coldisp, .coldism, .colbsp, .colbsm, .colssp, .colssm, .colfinp, .colfinm, .colwp, .colwm,
.colwstd, .coltbpm, .coltbpp, .invnbr, .invdat, .enddat, .amount, .crenot, .commts
{
float: left;
padding: 3px;
border: 1px #C0C0C0 solid;
border-bottom: none;
border-right: none;
width: 50px;
min-height: 20px;
}

.invnbr
{
width: 60px;
text-align: center;
}

.invdat
{
width: 70px;
text-align: center;
}

.enddat
{
width: 75px;
text-align: center;
}
.amount
{
width: 90px;
text-align: right;
}
#titel2 .amount {text-align: center;}

.crenot
{
width: 60px;
text-align: center;
}
.commts
{
width: 300px;
}
.colref
{
width: 100px;
}

.colconr
{
width: 100px;
}

.colbmt
{
width: 50px;
}

.colqual
{
width: 70px;
}

.colfin
{
width: 45px;
}

.colwdt
{
width: 50px;
}

.coldes
{
width: 100px;
}

.colwarpc
{
width: 100px;
}

.colweftc
{
width: 100px;
}

.coltotp
{
width: 60px;
}

.coltotm
{
width: 60px;
border-left: none;
}

.coldisp
{
width: 60px;
}

.coldism
{
width: 60px;
border-left: none;
}

.colbsp
{
width: 60px;

}

.colbsm
{
width: 60px;
border-left: none;
}

.colssp
{
width: 60px;
}

.colssm
{
width: 60px;
border-left: none;
}

.colfinp
{
width: 60px;
}

.colfinm
{
width: 60px;
border-left: none;
}

.colwp
{
width: 70px;
}

.colwm
{
width: 70px;
border-left: none;
}

.colwstd
{
width: 70px;
border-left: none;
}

.coltbpm
{
width: 60px;
}

.coltbpp
{
width: 60px;
border-right: 1px solid #C0C0C0;
border-left: none;
}

.regel2
{
color: #004080;
font-size: 10px;
}


.label
{
text-align: right;
font-size: 16px;
font-weight: 700;
color: #531D1B;
}

.entree
{
font-size: 16px;
font-weight: 700;
color: #531D1B;
border: 1px solid #531D1B;
padding: 1px;
}

.entreeknop
{
font-size: 16px;
font-weight: 700;
padding: 2px;
margin-top: 8px;
background-color: #FFF5FB;
color: #900058;
border-color: #900058;
border-right: 2px #900058 solid;
border-bottom: 2px #900058 solid;
border-left: 2px #F7C8EA solid;
border-top: 2px #F7C8EA solid;
width: 385px;
}

#logindiv
{
font-size: 16px;
font-weight: 700;
color: #900058;
}

#logo
{
position: absolute;
left: 50px;
top: 20px;
}

#userID
{
position: absolute;
left: 51px;
top: 200px;
width: 295px;
}

.subtitel
{
font-size: 10px;
margin-top: 2px;
color: #717B8E;
}

#menu
{
position: absolute;
top: 161px;
left: 400px;
font-size: 13px;
font-weight: 600;
}
html>body #menu {top: 149px;}

.menutitel
{
font-size: 12px;
font-weight: 600;
text-align: center;
width: 500px;
color: #531D1B;
border-top: 1px solid #531D1B;
border-bottom: 1px solid #531D1B;
}

#menu li
{
padding-bottom: 6px;
}

#menu li a
{
text-decoration: none;
color: #900058;
}

#menu li a:hover
{
background-color: #FFD7FF;
}

#menu ul, #topmenu ul
{
margin-left: 70px;
list-style-image: url('imgs/menu-arrow.gif')
}
html>body #menu ul
{
margin-left: 57px;
}

#topmenu ul
{
margin-left: 20px;
margin-bottom: 0px;
}
html>body #topmenu ul
{
margin-left: 0px;
margin-bottom: 12px;
}


.label2
{
text-align: right;
font-size: 15px;
font-weight: 700;
color: #900058;
}

.vulin
{
font-size: 15px;
font-weight: 700;
color: #900058;
border: 1px solid #900058;
padding: 1px;
}

#formdiv
{
font-size: 13px;
font-weight: 600;
color: #FF0000;
}

#back
{
position: absolute;
left: 51px;
top: 300px;
width: 295px;
padding: 12px;
border: 1px solid black;
}
html>body #back {width:270px;}

#back ul
{
margin: 0px;
margin-left: 30px;
list-style-image: url('imgs/menu-arrow.gif')
}
html>body #back ul {margin-left: 0px;}

#back li a
{
text-decoration: none;
color: #900058;
}

#back li a:hover
{
background-color: #FFD7FF;
}

#userID a
{
text-decoration: none;
color: #0080FF;
}

#userID a:hover
{
background-color: #FFD7FF;
}

.label3
{
text-align: left;
font-size: 15px;
font-weight: 700;
color: #900058;
}

#topmenu
{
position: absolute;
right: 10px;
top: 12px;;
width: 295px;
border: 1px solid black;
font-size: 12px;
padding: 12px;
}
html>body #topmenu {width:270px; padding: 0px;}

#topmenu li a, .selectie li a
{
text-decoration: none;
color: #900058;
}

#topmenu li a:hover, .selectie li a:hover
{
background-color: #FFD7FF;
}

.selectie
{
margin: 20px;
margin-left: 30px;
font-weight: 600;
color: #808080;
}

.keuzes
{
margin-top: 20px;
margin-left: 350px;
}

label
{
padding-left: 5px;
margin-bottom: 10px;
color: #900058;
}