body {
  margin: 0;
  padding: 0;
}
body.htmlEditor {
    margin: 10px;
}
body,td,th,pre,input,select,textarea {
  background-color: #FFF;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  vertical-align: top;
}

a {
  color: #555;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: underline;
}

h1 {
  font-size: 13pt;
}

H3 {
	margin: 0px 0px 20px 0px;
	font-size: 1.1em;
}
H3.special {
	color: #00aedd;
}
H3.regular {
	color: #3D6119;
}  
I.quote {
	color: #3D6119;
}
span.quote {
  color: #3D6119;
  font-style: italic;
}

B.emphasis {
	color: #DD0000;
}

span.emphasis {
  color: #DD0000;
  font-style: bold;
}

h4 {
  color: #FFF;
  font-family: Helvetica, sans-serif;
  font-size: 24pt;
  font-weight: bold;
  letter-spacing: 4px;
  margin: 10px 10px 0px 20px;
  padding: 0;
}

h5 {
  color: #FFF;
  font-family: Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: normal;
  padding: 0;
  margin: 0 20px;
}

input.text,textarea,select {
  border: 1px solid #000;
  padding: 0 0 0 2px;
}
input.button {
  background-color: #00AEDD;
  border: 1px solid #000;
  font-weight: bold;
  margin: 2px;
}

table.kengetal td {
  padding: 2px 10px 0px 0px;
}
table.kengetal th {
  padding: 2px 10px 0px 0px;
}
table.kengetal td.onderwerp {
  font-size: 14px;
  font-weight: bold;
}

table.kengetallen td {
  border: 0;
  border-left: 1px solid #FFF;
  padding: 2px;     
  background-color: #E2E7DD;
}
table.kengetallen td.onderwerp {
  background-color: #FFF;      
}
table.kengetallen th {
  border: 0;
  border-left: 1px solid #FFF;
  padding: 2px;
  text-align: right;
  background-color: #FFF;
  border-bottom: 6px solid #FFF;
}

table.kengetallen td.kleur0 {
  background-color: #C4CFBA;
}


table.pad td {
  padding: 2px 8px 2px 0;
}

table.zoek select {
  width: 180px;
}

td.bar {
  background-color: #E2E7DD;
  color: #903;
  font-size: 25px;
  height: 25px;
}

td.content {
  padding: 20px 20px 40px 25px;
}

td.menu {
  background-color: #E2E7DD;
  width: 180px;
}

DIV.menu a {
  color: #3d6119;
  display: block;
  font-size: 9pt;
  font-weight: bold;
  margin: 2px 0;
  padding: 5px 12px;
  text-decoration: none;
}
DIV.menu a.current, DIV.menu a:hover {
  background-color: #00AEDD;
  color: #FFF;
  text-decoration: none;
}

td.nieuws {
  border-right: 1px solid #C4CFBA;
  padding: 20px 10px 10px 25px;
  width: 220px;
}

td.top {
  background-color: #3D6119;
  height: 85px; /* avoid stretching by tableheight */
}
td.top2 {
  text-align: right;
  background-color: #C4CFBA;
  height: 25px; /* avoid stretching by tableheight */
}

th {
  text-align: left;
  white-space: nowrap;
}
.nb {
  white-space: nowrap;
}

TABLE.maintable {
  height: 100%;
  width: 1000px;
}

TABLE.archief TD {
  font-size: 8pt;
}

/* kleuren aanbestedingen */
.werken {
  color: #D00;
}             
.diensten {
  color: #00F;
}             
.leveringen {
  color: #090;
}             


.benchmark { width: 730px; }
.benchmark .data-column { float:left; width:450px; overflow: hidden; }
.benchmark .data-column select { max-width: 360px; }
.benchmark .info-column { float:right; width:270px; }
.benchmark .info-column p { margin: 0 0 1em 0;}

table.data {
  border-spacing:0;
}
table.data tr.even td {
  background-color:#E2E7DD;
}
table.data td {
  padding:1px 4px;
}
table.data th {
  border-bottom:1px solid black;
  padding:1px 4px;
}
div.pageNav {
    padding: 0 0 1em 0;
}

table.ranking { width: 640px; }
table.ranking td { white-space:nowrap; }
table.ranking td.counter { width: 30px; }
table.ranking td.amount { width: 60px; }
table.ranking td.percentage { width: 50px; }