body
{
/*  font: 80% Arial, sans-serif ;  color: #1A2516;*/
  font-size:90%;
/*  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: arial;*/
/*  font-family: sans-serif;*/
}


/*-------------------------------------------------------------------*/
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}



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




/* ---------- 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.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.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.red
{
  color:#ff0000;
  background-color:transparent;
}
span.orange
{
  color:#ff3300;
  background-color:transparent;
}
span.gray
{
  color:#666666;
  background-color:transparent;
}


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: 1ppt;
  padding-left: 10px;
  border-left: 3px solid #ccc
}

blockquote.gray {
  background-color: #fff;
  padding: 1ppt;
  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";
	}





.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: 0px;*/
  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;
  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;
  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
{ 
  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: 9pt;
  font-weight: normal;
/*  font-weight: bold;*/)

}
table.bottom-menu td {
/*  color: #333388;*/
}

/*
table.bottom-menu td a:link { color:#433; text-decoration: none; }
table.bottom-menu td a:visited { color:#433; text-decoration: none; }
table.bottom-menu td a:hover { color: #522; text-decoration: underline; }
table.bottom-menu td a:active { color: #522;	text-decoration: underline; }
*/

table.bottom-menu td.bottom-menu-left {
  text-align: left;
}
table.bottom-menu td.bottom-menu-right {
  text-align: right;
}