
/*
  GENERAL DOCUMENT DEFINITIONS
*/
html, body {
  margin: 0px;
  border-width: 0px;
  height: 100%;
  background-color: #ffffff;
}
body, table {
  font-family: arial, verdana, sans-serif;
  font-size: 100%;
  color: #000000;
}
table {
  margin: 0px;
  border-width: 0px;
  border-collapse: collapse;
  clear: both; /* fixes a bug in IE7 where a table cell containing a right-floating div followed by another table makes the parent table cell stretch unnaturally to the right */
}
th, td {
  vertical-align: top;
  text-align: left;
}
form {
  margin-top: 0px;
  margin-bottom: 0px;
}
ul {
  margin-left: 0px;
  padding-left: 20px;
}
img.borderedimg {
  border: 1px solid #000000;
}
a img {
  border-width: 0px;
}
a {
  color: #0000ff;
}
a:visited {
  color: #800080;
}
h1, h2, h3, h4, h5, h6 {
  color: #5b3b1e;
}
h1, h2 {
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
h1 {
  font-size: 130%;
}
h2 {
  font-size: 110%;
}
sup {
  font-size: 80%;
}
ul, ol {
  margin-top: 0px;
  margin-bottom: 0px;
}
.smaller {
  font-size: 80%;
}
.minwidth {
  width: 1px;
}
.maxwidth {
  width: 100%;
}
div.floatleft {
  float: left;
  clear: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
div.floatright {
  float: right;
  clear: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
.right {
  text-align: right;
}
.centered {
  text-align: center;
}
.emphasis {
  font-weight: bold;
}
.bordered {
  border: 1px solid #000000;
}
.contactimg {
  vertical-align: bottom;
}
.vcentered {
  vertical-align: middle;
}
.sunken {
  border-width: 1px;
  border-style: ridge;
}
.note {
  font-style: italic;
  font-weight: bold;
  color: #2020ff;
}
.padded {
  padding: 4px;
}
table.visual {
  border: 0px;
}
table.visual td,
table.visual th {
  padding: 0px 10px 1px 0px;
  border: 0px solid #000000;
}
table.visual th {
  font-weight: bold;
  text-align: left;
}



/*
  ACCESSIBILITY
*/
#skipnavigation {
  position: absolute;
  width: 80%;
  top: -300px;
  left: 0;
}
#skipnavigation a {
  position: absolute;
  top: 0;
}
.p7ie6Fix:active, #skipnavigation a:active, #skipnavigation a:focus {
  top: 300px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  background-color: #000000;
}



/*
  MAIN PAGE LAY-OUT
*/
#main {
  height: 100%;
  width: 100%;
  text-align: center;
}
#page {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  background-color: #f6ffcd;
  max-width: 900px;
  width: expression(document.body.clientWidth > 900? "900px": "auto");
}
#page .pagepart {
  padding: 0px;
  margin: 0px;
}
#page .spacerimg {
  display: block;
}
#logo {
  padding: 55px 0px 0px 55px;
}
#header {
  padding: 45px 55px 10px 0px;
  text-align: center;
}
#languages {
  vertical-align: center;
  text-align: left;
  float: right;
  padding: 0px 0px 0px 10px;
}
#languages .language {
  padding-bottom: 8px;
  vertical-align: center;
}
#languages a,
#languages a:visited,
#languages a:hover {
  color: #000000;
  text-decoration: none;
}
#toc {
  padding: 10px 10px 0px 45px;
}
#toc_column {
  width: 225px;
}
#content {
  padding: 0px 55px 0px 15px;
}
#footer {
  padding: 0px 45px 75px 45px;
  font-size: 90%;
  text-align: center;
}
.page_1-2-5-8-11_l {
  background-image: url(/images/page_1-2-5-8-11_l.png);
  background-repeat: repeat-y;
  background-position: top left;
  background-color: transparent;
}
.page_1-7-11_r {
  background-image: url(/images/page_1-7-11_r.png);
  background-repeat: repeat-y;
  background-position: top right;
  background-color: transparent;
}
.page_10_t {
  background-image: url(/images/page_10_t.png);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: transparent;
}
.page_10_tl {
  background-image: url(/images/page_10_tl.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
}
.page_10_tr {
  background-image: url(/images/page_10_tr.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: transparent;
}
.page_11_b {
  background-image: url(/images/page_11_b.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  background-color: transparent;
}
.page_11_bl {
  background-image: url(/images/page_11_bl.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: transparent;
}
.page_11_br {
  background-image: url(/images/page_11_br.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: transparent;
}
.page_11_tr {
  background-image: url(/images/page_11_tr.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: transparent;
}
.page_1_br {
  background-image: url(/images/page_1_br.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: transparent;
}
.page_1_t {
  background-image: url(/images/page_1_t.png);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: transparent;
}
.page_1_tl {
  background-image: url(/images/page_1_tl.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
}
.page_1_tr {
  background-image: url(/images/page_1_tr.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: transparent;
}
.page_3_tl {
  background-image: url(/images/page_3_tl.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
}
.page_4_t {
  background-image: url(/images/page_4_t.png);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: transparent;
}
.page_4_tl {
  background-image: url(/images/page_4_tl.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
}
.page_4_tr {
  background-image: url(/images/page_4_tr.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: transparent;
}
.page_6_l {
  background-image: url(/images/page_6_l.png);
  background-repeat: repeat-y;
  background-position: top left;
  background-color: transparent;
}
.page_6_tl {
  background-image: url(/images/page_6_tl.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
}
.page_7_tr {
  background-image: url(/images/page_7_tr.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: transparent;
}
.page_9_tl {
  background-image: url(/images/page_9_tl.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
}



/*
  HEADER
*/
#header_title {
  font-size: 160%;
  font-weight: bold;
  color: #5b3b1e;
}
#header_slogan {
  font-size: 100%;
  font-style: italic;
  font-weight: bold;
  color: #5b3b1e;
}



/*
  TOC
*/
#toc a,
#toc a:visited,
#toc a:hover {
  color: #000000;
  text-decoration: none;
}
#toc ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
}
#toc li {
  margin-left: 0px;
  padding-left: 18px;
  text-indent: -18px;
}
#toc img {
  margin: 0px 4px 0px 0px;
  vertical-align: middle;
}
.toc_heading {
  font-weight: bold;
}
.toc_label {
  font-weight: normal;
}



/*
  HEADING
*/
#heading {
  width: 100%;
}
#langswitch {
  text-align: right;
  margin-right: 10px;
  margin-left: 10px;
  float: right;
}



/*
  SHOP CREDIT CARDS
*/
.shop_cards {
  text-align: center;
}
.shop_cards img {
  border: 1px solid #000000;
}



/*
  AVANGATE INTEGRATION
*/
#avangatebox {
  width: 100%;
}



/*
  KNOWLEDGE TABLES
*/
table.knowledge tr.knowledgefield td {
  font-weight: bold;
  padding-top: 0.75em;
}
table.knowledge tr.knowledgeitems td {
  border-width: 0px 1px;
  border-color: #000000;
  border-style: solid;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
table.knowledge tr.first td {
  border-width: 1px 1px 0px 1px;
  border-color: #000000;
  border-style: solid;
}
table.knowledge tr.last td {
  border-width: 0px 1px 1px 1px;
  border-color: #000000;
  border-style: solid;
}
table.knowledge tr.knowledgeitems td.y,
table.knowledge tr.knowledgeitems td.n {
  text-align: center;
  vertical-align: center;
}
table.knowledge tr.knowledgeitems td.y {
  background-color: #e49129;
  border-width: 1px;
}
table.knowledge tr.knowledgeitems img {
  vertical-align: middle;
}
table.knowledge tr.knowledgeheader td {
  border-bottom: 1px solid #000000;
  font-weight: bold;
}
table.knowledge tr.knowledgesubheader td.year {
  border: 1px solid #000000;
  line-height: 0.9;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}



/*
  REFERENCES
*/
table.references {
  border-collapse: collapse;
}
table.references th {
  text-align: left;
  font-weight: normal;
}
table.references th li {
  list-style-type: none;
}
table.references td {
  border: 0px solid #000000;
  border-top-width: 1px;
  padding-top: 10px;
}
table.references ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
table.references img {
  border: 1px solid #000000;
}



/*
  SPLASH SCREEN
*/
#splash_outer {
  text-align: center;
}
#splash_content {
  margin-left: auto;
  margin-right: auto;
  background-color: #f6ffcd;
}
#splash_inner {
  padding: 40px 40px 55px 40px;
}
#splash_inner td {
  padding: 8px;
  font-size: 100%;
  text-align: center;
}
#splash_inner tr.splash_companyname td {
  padding-bottom: 0px;
  font-size: 180%;
  font-weight: bold;
}
#splash_inner tr.splash_slogan td {
  padding-top: 0px;
  font-style: italic;
  font-size: 130%;
}
#splash_inner tr.splash_slogan td,
#splash_inner tr.splash_companyname td {
  color: #5b3b1e;
}
#splash_inner td.splash_langNL,
#splash_inner td.splash_langEN {
  width: 50%;
}
#splash_inner td.splash_langNL {
  text-align: right;
}
#splash_inner td.splash_langEN {
  text-align: left;
}
#splash_inner p.splash_description {
  font-weight: bold;
}
#splash_inner p.links {
  line-height: 1.5;
}



/*
  SOURCE CODE
*/
div.code {
  padding: 4px;
  border-width: 1px;
  border-style: ridge;
  font-size: 80%;
}
div.code pre {
  font-family: "Lucida Console", monospace;
}