/* Algemeen */

body,table,input,select,textarea {
   font: 10pt Arial,Helvetica,sans-serif;
}
body {
   background-color: white;
   color: black;
}
body.content {
   margin: 0;
   padding: 0 0 8pt 77px;
}
a {
   background-color: transparent;
   color: rgb(205,32,32);
   text-decoration: underline;
}
a:hover {
   background-color: transparent;
   color: rgb(153,15,15);
   text-decoration: underline;
}
h1 {
   font-size: 18pt;
   font-weight: normal;
}
h2 {
   font-size: 14pt;
   font-weight: normal;
   margin-bottom: 0;
}
div.para {
   max-width: 551px;
}
div.para, div.para table {
   background-color: transparent;
   color: inhert;
}
div.para table td {
   padding: 0 1ex 2pt 0;
}
div.para table table td {
   padding: 0;
}
input.default {
   font-weight: bold;
}
p.error, td.loginerror {
   font-weight: bold;
   background-color: transparent;
   color: red;
}
table.accountcode td {
   vertical-align: middle;
   white-space: nowrap;
}
div#login1 input, div#login2 input {
   font-weight: bold;
}
table td {
   padding: 0 2pt 2pt 0;
}

/* Navigatie */

body.nav {
   background-color: rgb(240,220,151);
   color: white;
   padding: 0 7px;
   margin: 0;
}
div#menu {
   width: 100%;
   position: absolute;
   top: 108px;
}
div#menu div {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   background: transparent url(images/buttons/navigatie_links.png) no-repeat;
   color: white;
   padding: 4px 2px 4px 10px;
   text-align: left;
   vertical-align: middle;
   cursor: pointer;
   width: 160px;
   height: 25px;
   margin-bottom: 2px;
}
div#menu div.menu2 {
   background-image: url(images/buttons/navigatie_links_klein.png);
   margin-left: 20px;
   font-size: 80%;
   width: 140px;
   height: 22px;
}
div#menu div:hover, div#menu div.selected1, div#menu div.selected2 {
   background: transparent url(images/buttons/navigatie_links_hover.png);
   color: white;
   opacity: 1.0;
}
div#menu div.menu2:hover, div#menu div.selected2 {
   background-image: url(images/buttons/navigatie_links_hover_klein.png);
}
div#menu a {
   background-color: transparent;
   color: white;
   text-decoration: none;
}
#tangramlogo {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   position: absolute;
   bottom: 12pt;
   width: 160px;
   text-align: center;
}
#loggedon {
   position: absolute; 
   height: 100px; 
}
#loggedon .inner {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   position: absolute;
   bottom: 8px;
   border: solid 1px rgb(120,110,76);
   border-left-width: 4px;
   width: 160px;
   text-align: right;
   background-color: transparent;
   color: rgb(120,110,76);
   font-size: 90%;
   padding: 0 2px 1px 2px;
}
#loggedon .inner a {
   color: rgb(120,110,76);
   font-weight: bold;
}
#loggedon .inner a:hover {
   color: black;
}

/* Top-frame */

body.top {
   background-color: white;
   color: black;
   height: 100%;
}
div#leftbackground, div#topbackground {
   position: absolute;
   background-color: rgb(240,220,151);
   color: black;
}
div#topbackground {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100px;
   vertical-align: bottom;
}
div#topbackground div.inner1 {
   position: absolute;
   bottom: 10px;
   left: 15px;
}
div#topbackground div.inner2 {
   position: absolute;
   bottom: 28px;
   left: 75px;
}
#redblack {
   position: absolute;
   bottom: 1px;
   left: 570px;
}