body {
  background-image: url('/bg.png');
  background-color: #FFFFFF;
  font-size: 16px; /* set default font size */
  margin-left: 15%;
  margin-right: 15%;
  border: 1px dotted gray;
  padding: 10px 10px 10px 10px;
  font-family: sans-serif;
  text-rendering: optimizeLegibility;
}
body.list {
  background-image: url('/bg.png');
  background-color: #FFFFFF;
  font-size: 14px; /* set default font size */
  margin-left: 10%;
  margin-right: 10%;
  border: 1px dotted gray;
  padding: 10px 10px 10px 10px;
  font-family: sans-serif;
}
h1 {
  font-size: 150%; /* set h1 font size to be 150% of default body font size */
}
h2 {
  font-size: 1.2em; /* scaling factor: 120% of default font size */
}

table {
  border: 1px solid gray;
}
header {
  text-align: center;
}
footer {
  font-size: 70%; 
  text-align: center;
}
div.klant {
  padding: 0px 0px 30px 0px;
}
div.standard {
  padding: 0px 0px 30px 0px;
}
div.invoice {
  padding: 10px 10px 20px 0px;
  text-align: center;
}
div.infofield {
  padding: 0px 0px 0px 0px;
}
textarea.infofield {
  width: 100%;
}
textarea.form_content {
  width: 50em;
  height: 14em;
}
td.res {
  background-color: white;
  text-align: right;
}
input.date {
  width: 90px;
}
input.description {
  width: 300px;
}
input.eekboek {
  width: 50px;
}
td.res2 {
  text-align: right;
}
input.res {
  width: 100px;
  text-align: right;
}
td.ttext {
  text-align: right;
  font-weight: bold;
}
td.id {
  text-align: right;
}
td.eek {
  text-align: left;
}
td.sum {
  text-align: right;
}
td.desc {
  text-align: left;
}
td.naam {
  text-align: left;
}
#nav {
  width: 170px;
  position: fixed;
  top: 10px;
  right: 10px;
  text-align: left;
  padding: 10px 10px 10px 20px;
  border: 1px solid gray;
  border-radius: 0.4em;
}
img.nav {
}
input.nav {
  width: 50px;
  margin-top: 5px;
  vertical-align: top;
}

input.button {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
  height: 32px;
  width: 32px;
  padding-left: 0px;
  vertical-align: middle;
}

input.minibutton {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
  height: 16px;
  width: 16px;
  padding-left: 0px;
  vertical-align: middle;
}

input#addRow {
  background: url('iconz/plus.png');
}

input.delButton {
  background: url('iconz/minus_button.png');
  background-color: transparent;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  width: 21px;
}

input#prevButton {
  background: url('iconz/go_previous.png');
}

input#nextButton {
  background: url('iconz/go_next.png');
}

input#newButton {
  background: url('iconz/new.png');
}

input#editButton {
  background: url('iconz/edit.png');
}

input#exportButton {
  background: url('iconz/export.png');
}

input#recycleButton {
  background: url('iconz/recycle.png');
}

input#saveButton {
  background: url('iconz/save.png');
}

input#printButton {
  background: url('iconz/print.png');
}

input#emailButton {
  background: url('iconz/email.png');
}
input#cancelButton {
  background: url('iconz/cancel.png');
}
input#listButton {
  background: url('iconz/list.png');
}
input#relnaam {
  text-transform: uppercase;
}
input#info {
  width: 400px;
}
input#viewButton {
  background: url('iconz/view.png');
}


.linkset { 
  text-align: left;
}
.listbutton {
  text-decoration: none;
}

table.loginform,table.passwordtable {
  margin: 0 auto;
  padding: 10px 10px 10px 10px;
  background-color: #ffffff;
  border: 1px solid gray;
}

.loginform_message {
  text-align: center;
}

.loginBut {
  text-align: right;
}

.passwordsubmit {
  text-align: right;
}

#loginButton,#navLoginButton {
  background: url('iconz/login.png');
  background-color: transparent;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}

#logoutButton {
  background: url('iconz/login.png');
  background-color: transparent;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}