body
{
/*  font: 80% Arial, sans-serif ;  color: #1A2516;*/
  font-family: arial, "lucida console", sans-serif;
  font-size: 80%;
/*  color: #000000;*/
/*  background-color: #f0f0f0;*/
/*  background-color: #f5f5dc;*/ /* Beige... */

/*margin: 0px;*/
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input
{
/*  font: Arial, sans-serif;*/
  color: #1A2516;
/*  font-family: verdana,helvetica,arial,sans-serif;*/
/*  font-family: arial, "lucida console", sans-serif;*/
/*  font-family: "lucida console";*/
/*  font-family: sans-serif;*/
/*  font-family: helvetica;*/
  font-family: arial, "lucida console", sans-serif;
/*  font-size: 80%;*/
/*  font-family: Georgia;*/
/*  font-family: trebuchet;*/
/*  font-family: verdana;*/
/*  font-family: "Times New Roman";*/
/*  font-family: sans-serif;*/

/*  font-family: baskerville;*/
/*  font-family: "palatino linotype";*/
/*  font-family: Geneva;*/
/*  font-family: "Lucida Grande";*/
}





/*-------------------------------------------------------------------*/
div { width: 100%; }

h1 { font-size: 160%; }
/*h2 { font-size: 120%; margin-top: 10px; margin-bottom: 10px; }*/
h2 { font-size: 125%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }

/*
h1, h2, h3
{
  background-color:transparent;
  color: #000000;
}
*/


h1 {color: #221122}
h2 {color: #113355}
h3 {color: #112233}



/*-------------------------------------------------------------------*/
span.comment
{
    /*   color: darkblue; */
    color: #479;
    font-style: italic;
}


/*-------------------------------------------------------------------*/
pre
{
  font-family:"Courier New", monospace;
/*  font-size:110%;*/
  font-size: 9pt;
  margin-left: 0;
  margin-bottom: 0;
}



/* ---------- Special sections ----------- */
div.bg-red0 {
    background: #fdd
}
div.bg-summary {
    background: #fdd
}
div.bg-green0 {
    background: #dfd
}

div.bg-yellow0 {
    background: #ffd
}

div.bg-blue0 { /* blue */
    background: #ddf
}
div.bg-calculations { /* blue */
    background: #ddf
}


/* ---------- Tables ----------- */
table, th, td, input, textarea
{
  font-size: 100%;
}

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }

table.page
{
  border:1px solid #c3c3c3;
  background-color:#ffffff;
  color:#000000;
}
table.oldex
{
  color: #000000;
  background-color: #f1f1f1;
  font-size: 100%;
  padding: 0px;
}

table.example
{
  color: #000000;
  background-color: #E5EAEF;
  font-size: 100%;
  padding: 6px;
  border:1px solid gray;
}



table.simple
{ 
    width:80%;
    text-align: left;
    border:1px solid gray;
    border-collapse: collapse;
    vertical-align: top;
}
table.simple td
{
    width: 20%;
    border:1px solid gray;
    vertical-align: top;
}

/*-------------------------------------------------------------------*/
table.pressure
{ 
/*  width:30%;*/
  text-align: left;
  border:1px solid gray;
  vertical-align: top;
}
table.pressure td
{ 
  vertical-align: top;
}
table.pressure td.number
{ 
  text-align: right;
}

table.small
{ 
  width:30%;
  text-align: left;
  border:1px solid gray;
  vertical-align: top;
}
table.small td
{ 
  vertical-align: top;
}
table.small50
{ 
  width: 50%;
  text-align: left;
  border:1px solid gray;
  vertical-align: top;
}
table.small50 td
{ 
  vertical-align: top;
}



table.all-pumps
{ 
/*  width:30%;*/
  text-align: right;
  border:1px solid gray;
  vertical-align: top;
}

table.all-pumps td.ok
{
  color: #000000;
  vertical-align: top;
}
table.all-pumps td.not-ok
{
/*  text-align: right*/
/*  background-color: #ff3300;*/
  color: #ff0000;
  vertical-align: top;
}
table.all-pumps td.not-ok-man-vrouw
{
/*  text-align: right*/
  color: #ff0000;
  vertical-align: top;
}
table.all-pumps td.not-ok-vrouw
{
/*  text-align: right*/
  color: #ff8800;
/*  background-color: #ff8800;*/
  vertical-align: top;
}

table.all-pumps td.left {
  text-align: left;
}

table.all-pumps th.left {
  text-align: left;
}



/*-------------------------------------------------------------------*/
table.center-table-text
{
  width: 80%;
  font-size: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 2px solid gray;
}



table.center-table-80
{
  width: 80%;
  font-size: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 3px;
  border:2px solid gray;
}
table.center-table-80-center-text-border
{
  width: 80%;
  font-size: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 2px solid gray;
}




/*-------------------------------------------------------------------*/
table.ex2
{
  color: #000000;
  background-color: #f6f6f6;
  font-size: 100%;
 margin: 0px;
  padding: 0px;
 border-spacing: 10px;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  width: 90%;
}


/*-------------------------------------------------------------------*/
table.ex
{
  color: #000000;
  background-color: #f1f1f1;
  font-size: 100%;
 margin: 0px;
  padding: 0px;
 border-spacing: 0px;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 0px solid gray;
  border-right: 0px solid gray;
  width: 90%;
}


table.ex caption
{
  color: #000000;
  background-color: #bbbbbb;
  font-size: 120%;
  padding: 0px;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 0px solid gray;
  border-right: 0px solid gray;
}

table.ex th 
{
  padding-bottom:2px;
  background-color: #ffffff;
  border-top: 0px solid gray;
  border-left: 0px solid gray;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}
table.ex td 
{
  padding-bottom:2px;
  border-top: 0px solid gray;
  border-left: 0px solid gray;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  vertical-align: top;
}



/*-------------------------------------------------------------------*/
/* WHS plain table */
table.whs-plain
{
  color: #000000;
  background-color: #f4f4f4;
  font-size: 100%;
  margin: 10px;
  padding:2px;
  border-spacing: 0px;
/*  border: 1px solid gray;*/
/*  width: 90%;*/
}

table.whs-plain caption
{
  color: #000000;
/*  background-color: #f8f8f8;*/
  font-size: 100%;
  padding: 0px;
  border: 0px solid gray;
}

table.whs-plain th
{
  padding-bottom:2px;
  background-color: #e0e0f0;
/*  border: 1px solid gray;*/
  text-align: left;
}
table.whs-plain td
{
  padding-bottom:2px;
/*  border: 1px solid gray;*/
  vertical-align: top;
}




/*-------------------------------------------------------------------*/
/*Fietsonderdelen: */
.plaatje
{
/*  width: 20%;*/
  text-align: left;
}


.specificaties-breed
{
  width: 40%;
  text-align: left;
}

.specificaties
{
  width: 15%;
  text-align: left;
}

.massa
{
  width: 6%;
  text-align: left;
}
.prijs
{
  width: 6%;
  text-align: left;
}

.aanwezig
{
  width: 6%;
  text-align: center;
}
/*-------------------------------------------------------------------*/

table.geen-rand
{
  margin: 0px;
  padding:2px;
  border-spacing: 0px;
}

table.geen-rand td 
{
/*  padding-bottom:2px;*/
  vertical-align: top;
}

/*-------------------------------------------------------------------*/

table.verlichting-samenvatting
{
  margin: 0px;
  padding:2px;
  border-spacing: 0px;
  vertical-align: text-top;
}

table.verlichting-samenvatting td.plaatje
{
  width: 170px;
/*  padding-bottom:2px;*/
  vertical-align: top;
}
table.verlichting-samenvatting td.beschrijving
{
  vertical-align: top;
}


/*-------------------------------------------------------------------*/
/* Tabel met korte informatie/plaatjes links, uitgebreid rechts */
.kort-links
{
  width: 36%;
  text-align: left;
}
.uitgebreid-rechts
{
  width: 64%;
  text-align: left;
}
/*-------------------------------------------------------------------*/
/* Tabel met korte informatie/plaatjes links, uitgebreid rechts */
.kort-links2
{
  width: 300px;
  text-align: left;
}
.lang-rechts2
{
/*  width: 64%;*/
  text-align: left;
}

/*-------------------------------------------------------------------*/
/* DIV met korte informatie/plaatjes links, uitgebreid rechts */
#kort-links1 {
 position : absolute;
  left : 0;
  width : 300px;
/*  width : 36%;*/
  margin-left : 10px;
  margin-top : 20px;
  color : #000000;
  padding : 3px;
}
#lang-rechts1 {
  position : absolute;
  left : 0px;
  top : 00px;
/*  width : 140px;
  padding-left : 10px;
  z-index : 3;
  color : #000000;
  padding : 3px; */
}



/*-------------------------------------------------------------------*/
p.intro
{
  font-size:100%;
  font-weight:bold;
  color: #000000;
  background-color:transparent;
  margin-top:10px;
}



/*-------------------------------------------------------------------*/
span.black
{
  color: #000000;
  background-color:transparent;
}
span.blue
{
  color: #00008B;
  background-color:transparent;
}
span.green
{
  color: #118822;
  background-color:transparent;
}


span.red
{
  color: #ff0000;
  background-color:transparent;
}
span.orange
{
  color: #ff3300;
  background-color:transparent;
}
span.gray
{
  color: #666666;
  background-color:transparent;
}

span.fake-link
{ 
  color: #833;
}


p.gray
{
  color: #666666;
}

p.invisible
{
  color:transparent;
}


p.courier-mono {
  font-family: "Courier New", monospace;
/*  font-size:110%;*/
  font-size: 9pt;
  margin-left: 0;
  margin-bottom: 0;
}



/*-------------------------------------------------------------------*/
hr
{
  background-color: #b1b1b1;
  color: #b1b1b1;
  height: 1px;
  border: 0px;

  width: 50%;
}



/*-------------------------------------------------------------------*/
/*a.nounderline {text-decoration:none}*/

/* Donker oranje / nog donkerder + onderstreept */

a:link    { color: #833; text-decoration: none; }
a:visited { color: #833; text-decoration: none; }
a:hover { color: #522; text-decoration: underline; }
a:active { color: #522;	text-decoration: underline; }


/* Donker blauw / zwart + onderstreept */
/*
a:link    { color: #036; text-decoration: none; }
a:visited { color: #036; text-decoration: none; }
a:hover { color: #111; text-decoration: underline; }
a:active { color: #111;	text-decoration: underline; }
*/

h1 a:link, h1 a:active, h1 a:visited {
  color: #025;
  text-decoration: none;
}
h2 a:link, h2 a:active, h2 a:visited {
  color: #025;
  text-decoration: none;
}
h3 a:link, h3 a:active, h3 a:visited {
  color: #025;
  text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
  color: #000;
  text-decoration: none;
}



/*-------------------------------------------------------------------*/
img { 
  border: none;
}


img.no-border { 
  border: none;
}

img.post {
  padding: 6px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  display:block;
  margin-left:auto;
  margin-right:auto;
}


img.horizontal {
  padding: 6px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  margin-left:auto;
  margin-right:auto;
}

img.omlijnd-margin {
  padding: 2px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  margin-left:10px;
  /*margin-right:auto;*/
}
img.omlijnd {
  padding: 2px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  margin-left:auto;
  margin-right:auto;
}
img.omlijnd-zwart {
  padding: 0px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  margin-left:auto;
  margin-right:auto;
}
 


/*-------------------------------------------------------------------*/
ul.geen-nadruk { 
    color: #666;
/*    font-size: 90%;*/
}

ul.whs {
  font-family: "Courier New", monospace;
/*  font-size:110%;*/
  font-size: 9pt;
  margin-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}



/*-------------------------------------------------------------------*/
blockquote {
  background-color: #eee;
  padding: 1px;
  padding-left: 10px;
  border-left: 3px solid #ccc
}

blockquote.gray {
  background-color: #fff;
  padding: 1px;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}


blockquote.decorated-quote {

/*  border : 2px solid #000;*/
  border-style: dotted;
  border-width: 1px;
  border-color: #000;
/*  border : 2px dotted #000;*/
  padding: 10px;

  background-color: #eee;

}

blockquote.whs-note {
/*  border : 2px solid #000;*/
  border-style: dotted;
  border-width: 1px;
  border-color: #000;
/*  border : 2px dotted #000;*/
  padding: 5px;

  background-color: #eee;
}



/*-------------------------------------------------------------------*/
#base {
	border: 1px solid #000;
	margin: 2em;
	width: 10em;
	padding: 5px;
	}

#custom-gen ul li:before {
	content: "\00BB \0020";
	}



div.small_graphics
{
  width: 20;
  height: 15;
 }

.article_tail {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  background: #efefff;
  padding:3px;
  margin-bottom: 5px;
}

div.email
{
  width: 60%;
  font-size: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px solid gray;
/*  background: #f0f0ff;*/
  padding:2px;
}


div.ex
{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  color: #000000;
  background-color: #f1f1f1;
  font-size: 100%;
  margin-left: auto;
  margin-right: auto;
/* margin: 0px;*/
  padding:2px;
 border-spacing: 0px;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}

div.ex2 /* Like ex but gray background */
{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  color: #000000;
  background-color: #aabbaa;
  font-size: 100%;
  margin-left: auto;
  margin-right: auto;
/* margin: 0px;*/
  padding:2px;
 border-spacing: 0px;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}

div.ex3 /* Like ex but gray background, no border */
{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  color: #000000;
  background-color: #f4f4f4;
  font-size: 100%;
  margin-left: auto;
  margin-right: auto;
/* margin: 0px;*/
  padding:2px;
 border-spacing: 0px;
/*  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
*/
  border: none;
}



div.unselectable
{
  color: #505050;
}

div.textbox-center-80-border
{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border: 2px solid gray;
/*  background: #f0f0ff;*/
  padding: 5px;
}

div.wbox
{
  width: 90%;
  border: 1px solid gray;
/*  background: #f0f0ff;*/
  padding:1px;
}

div.yellowbox
{
  width: 90%;
  border: 1px solid gray;
  background: #f0f0c8;
  padding:1px;
}

div.lichtbundel
{
  width: 100%;
/*  border: 0px;*/
  background: #000;
  padding:1px;
}


div.linkbox
{
  width: 90%;
  border: 1px solid gray;
/*  background: #eeeeee;*/
/*  background: #eeeebb;*/
  padding: 6px;
}

div.linkbox-klein
{
  width: 90%;
  border: 1px solid gray;
/*  background: #eeeeee;*/
/*  background: #eeeebb;*/
  padding: 2px;
}
div.infobox
{
  width: 60%;
  border: 1px solid #cccccc;
/*  background: #eeeeee;*/
/*  background: #eeeebb;*/
  padding: 3px;
  margin-left:10px;
}



/* ---- New menu structure ---- */
table.menu
{ 
  width:100%;
  border-bottom: 1px solid gray;
  border-collapse: collapse;
  background: #f3f3f3;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  font-size: 8pt;
  font-weight: normal;
}
table.menu td.menu-left {
  text-align: left;
}
table.menu td.menu-right {
  text-align: right;
}


table.bottom-menu2
{ 
  width:100%;
  border-top: 1px solid gray;
/*  border-top: 1px solid gray;*/
  border-collapse: collapse;
  background: #f3f3f3;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  font-size: 8pt;
  font-weight: normal;
}
table.bottom-menu2 td.bottom-menu-left {
  text-align: left;
}
table.bottom-menu2 td.bottom-menu-right {
  text-align: right;
}


table.bottom-menu
{ 
  background: #f3f3f3;
  width:20%;
  border-top: 2px solid gray;
/*  border-top: 1px solid gray;*/
  border-collapse: collapse;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  font-size: 8pt;
  font-weight: normal;
}
table.bottom-menu td.bottom-menu-left {
  text-align: left;
}
table.bottom-menu td.bottom-menu-right {
  text-align: right;
}

div.test
{
  width: 70%;
  margin-left: 5%;
  margin-right: 90%;
/*  text-align: center;*/
  border: 1px solid #f0f0f0;
  background: #f8f8f8;
  padding:2px;
}

div.test2
{
  width: 70%;
  margin-left: 5%;
  margin-right: 90%;
/*  text-align: center;*/
  border: 1px solid #e0e0e0;
/*  background: #f8f8f8;*/
  padding:2px;
}
div.test2red
{
  width: 70%;
  margin-left: 5%;
  margin-right: 90%;
/*  text-align: center;*/
  border: 2px solid #e01010;
/*  background: #f8f8f8;*/
  padding:2px;
}
span.test
{
  width: 70%;
  margin-left: 30%;
  margin-right: 90%;
  text-align: left;
/*  border: 1px solid gray;*/
/*  background: #f0f0ff;*/
/*  padding:2px;*/
}

div.red
{
  width: 70%;
  margin-left: 15%;
  margin-right: 90%;
  text-align: left;
  border: 4px solid red;
/*  background: #f0f0ff;*/
  padding:2px;
}
div.overview
{
  width: 90%;
  margin-left: 5%;
  margin-right: 90%;
  text-align: left;
  border: 1px solid #669999;
  background: #f0f0e0;
  padding:2px;
}

div.bg-red {
    background: #fdd
}
div.bg-green {
    background: #dfd
}

div.bg-yellow {
    background: #ffd
}

div.bg-blue {
    background: #ddf
}