*HTML {height:100%;}
* HTML #all {height:100%} 
* html #content, * html #main {height:1px;}

BODY {
margin:0; 
padding:0; 
height:100%;
background-color:#ffffff;
font-family: arial, helvetica, tahoma, serif;
font-size: 0.9em; }

A {
color: #000000;}

A:hover {
color: #C60000;}

IMG {border: 0;}

TABLE {
border-collapse: collapse;}

TD {
vertical-align: top;}

H1, .divider {font-size: 1.6em; margin: 0 0 5px 0; border-bottom: solid 1px #CCCCCC;}
H2 {font-size: 1.2em; margin: 0;}
H3 {font-size: 1em; margin: 5px 0 0 0; text-decoration: none;}

#all {
background:url(/images/achter/achter.gif) top left repeat-y;
min-height:100%;
width:980px;
margin:auto;
position:relative;}

#top {
width: 980px;
height: 72px;
background-color: #000000;
background-image: url(/images/achtertop.gif);
background-repeat: no-repeat;}

#topmenu {
width: 980px;
background-color: #C0C0C0;
text-align: center;
height: 20px;}

#topmenu ul {
width: 940px;
padding: 0 0 0 0;
margin: 0;
list-style-type: none;}

#topmenu ul li {
display: inline;}

#topmenu ul li a {
padding:2px 20px 2px 20px;
float: left;
color: #000000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
background-image: url(/images/topmenudivider.gif);
background-repeat: no-repeat;
background-position: right 5px;}

#topmenu ul li a:hover {
color: #FF0000;}

#topmenu ul li a.selected {
color: #666666;}

#topmenu ul li a.laatste {
background-image: none;}

#topmenu ul li a.laatstes {
color: #666666;
background-image: none;}

#bottomtopmenu {
height: 18px;
width: 980px;
background-image: url(/images/bottomtopmenu.gif);
background-repeat: no-repeat;}

#left {
float:left;
width:160px;
text-align:left;
margin: 0 5px 5px 8px;
display: inline;
font-size: 0.75em;
text-align: left;
padding-bottom: 20px;}

#left H1 {
color: #C60000;
margin: 0;
font-size: 1.2em;
border: 0;}

#left H1 A {
color: #C60000;
text-decoration: none;}

#main {
position:relative;
margin-left:175px;}

#content {
width: 620px;
margin: 0 140px 0 0;
padding: 0px 10px 0px 10px;
text-align:left;
z-index: 20;}

.leesverder, .terug, .besteldepdf {
float:right;
background-repeat: no-repeat;
margin-top: 5px;}

.leesverder {
background-image: url(/images/pijl.gif);
background-position: top right;
padding-right: 18px;}

.terug {
background-image: url(/images/terug.gif);
background-position: top left;
padding-left: 18px;}

.besteldepdf {
text-align: right;
background-image: url(/images/pdf.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 22px;}

.dossierul {
list-style-image: url(/images/pijl.gif);
list-style-type: circle;
margin: 20px 0 0 0;
padding-left: 20px;}

.dossierli {
margin: 0 0 0 5px;}

A.artikel {
color: #D21F33;
text-decoration: none;}

.small {
font-size: 0.8em;}

.gray {
color: #555555;}

.foto {
float: left;
margin-right: 10px;
border: solid 1px #555555;}

.form {
border-top: dashed 1px #CCCCCC;
border-right: dashed 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;}

#leesverder A, #leesverder {
color: #C60000;
font-weight: bold;
text-decoration: none;
padding: 10px 0 0 0; }

#right {
float:right;
width:140px;
text-align:left;
margin: 0 7px 5px 5px;
display: inline;
font-size: 8pt;}

#ookadverteren {
text-align: center;
padding: 5px;
margin: 10px 0 10px 0;
border: solid 1px #C60000;
background-color: #FFFFFF;}
#ookadverteren1 {
text-align: left;
padding: 5px;
margin: 0px 10 0px 0;
border: solid 1px #C60000;
background-color: #FFFFFF;}


.abocell1 {padding: 0 0 0 5px}
.abocell2 {padding: 3px 0 10px 5px}

.viernul {width: 40px;}
.driedrienul {width: 330px;}
.viertweenul {width: 420px;}

#clearfooter {
clear:both;
height:10px;
overflow:hidden;}

#footer {
position:relative;
/*bottom:0;*/
width:100%;
color:#000000;
text-align: center;
margin:auto;
padding: 0px 0 5px 0;
font-size: 0.8em;
font-weight: bold;
background-color: #C0C0C0;
background-image: url(/images/topbottom.gif);
background-repeat: no-repeat;}

#footer A {color: #FFFFFF; text-decoration: none;}
#footer A:hover {text-decoration: underline;}
#footer A:visited {color: #D7D7D7;}