.titel {
   font-weight: bold
}
.left {
   text-align : left;
}
.right {
   text-align : right;
}
html {
   /* usefull when embedded as object */
   overflow : auto;
   border   : none;
   /* opera needs full height */
   height         : 100%;
}
body {
   padding-left   : 10px;
   padding-right  : 10px;
   padding-top    :  5px;
   padding-bottom : 10px;
   /* opera needs full height */
   height         : 100%;
}
hr {
   margin-top        : 3px;
   margin-bottom     : 3px;
}
h1 {
   padding           : 5;
}
h2 {
   margin-top        : 5px;
   margin-bottom     : 5px;
}   
h3 {
   margin-top        : 5px;
   margin-bottom     : 5px;
}   
p {
   margin-top        : 5px;
   margin-bottom     : 10px;
   /*border            : none;/*1px solid black;*/
}
p.letter {
   font-size         : 120%;
   margin-left       : 3em;
}
ul.nav {
   margin-left       : 2%;
   margin-right      : 10px;
   margin-top        : 2px;
   margin-bottom     : 8px;
}
ul.nav li {
   /* lost probleem van splitsen items op, maar in IE is er wel geen terugloop meer*/
   white-space       : nowrap;
   /*beste oplossing: gebruik  */
   list-style        : none;
   display           : inline;
   /*width werkt niet in opera; is absoluut in IE dus lastig als de tekst toch langer is*/
   /*width             : 100;*/
   /*fix om overlaps tussen de regels te voorkomen*/
   line-height       : 200%;
   margin-left       : 2px;
   margin-right      : 2px;
   padding           : 4px;
}
a.nav {
   white-space       : nowrap;
   line-height       : 200%;
   margin-left       : 4px;
   margin-right      : 4px;
   padding           : 4px;
   padding-left      : 10px;
   padding-right     : 10px;
}
ul {
   margin-left       : 2%;
   margin-right      : 10px;
   margin-top        : 0px;
   margin-bottom     : 10px;
}
img {
   border-style      : none;
   vertical-align    : bottom;
}
img.icon {
   margin-right      : 4px;
}
.footer img {
   vertical-align    : middle;
}
div.container {
   padding: 5px;
   margin-left : 0px;
   /*border : 1px solid black;*/
}
div.thumb {
   /*display: inline-block;*/
   float: left;
   /*position: static;*/
   padding-top       : 0px;
   padding-bottom    : 5px;
   padding-left      : 20px;
   padding-right     : 25px;
   margin:  3px;
   /*border: 1px solid black;*/
   white-space: nowrap;
   text-align: left;
   vertical-align: top;
}
table {
   margin-top        : 4px;
   margin-bottom     : 4px;
}
table caption {
   font-size         : 120%;
   font-weight       : bold;
   padding-top       : 2px;
   padding-bottom    : 2px;
   padding-left      : 8px;
   padding-right     : 8px;
}
th {
   vertical-align    : top;
   padding-top       : 2px;
   padding-bottom    : 2px;
   padding-left      : 4px;
   padding-right     : 4px;
}
td {
   vertical-align    : top;
   padding-top       : 2px;
   padding-bottom    : 2px;
   padding-left      : 4px;
   padding-right     : 4px;
}
tr.form td {
   padding-left      : 0px;
   padding-right     : 0px;
}
table.name_value th {
   text-align        : right;
}
table.name_value th.left {
   text-align        : left;
}
table .nowrap {
   white-space       : nowrap;
   text-align        : left;
}
table .center {
   text-align        : center;
}
table .right {
   text-align        : right;
}
table.files .name {
   padding-right     : 5px;
   text-align        : left;
}
table.name_value td {
   text-align        : left;
}
table.detail tr td  {
   vertical-align    : top;
}
td.fileinfo {
   padding-left      : 1cm;
}
table.data td {
   white-space : nowrap;
   text-align  : right;
}
table tr td.hdr {
   text-align  : left;
}
table tr td.summary {
   /*
   text-align  : center;
   */
}