/*
		Algemene kleuren
			00 33 66		blauw
			33 99 00		groen

		Kleur in plaatjes
			16 47 8b		Blauwe kleur KNMP logo
			20 3e 7e		Blauwe kleur Niet om in te nemen
			74 a7 41		Groene kleur RiFaS
*/
/* ================================================================================== */
/* Standaard classes voor body, tabellen en hoofdpagina (index.php)										*/
body, table
{
  background-color: white;
  font-family     : Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size       : 11px;
  color           : #003366;
  margin          : 0px;
  padding         : 0px;
}
h1              	{ margin: 0px  0px 10px  0px; font:bold   15px Verdana; }
h2             	 	{ margin: 0px  0px  6px  0px; font:bold   14px Verdana; }
h3             	 	{ margin:10px  0px  4px  0px; font:bold   13px Verdana; }
h4             	 	{ margin:15px  0px  0px  0px; font:bold   11px Verdana; }
h5             	 	{ margin: 5px  0px  0px  5px; font:bold   11px Verdana; }
h6             	 	{ margin:15px  0px  3px  5px; font:italic 11px Verdana; }
p               	{	margin: 3px  0px  3px  0px; padding:0px; }
ol              	{ margin: 3px 30px  3px 35px; padding:0px; }
ul              	{ margin: 6px 30px  6px 30px; padding:0px; }
li              	{ margin: 1px  0px  1px  0px; padding:0px; }
hr
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	color						: #339900;
	height					: 1;
}
.remark
{
	font						: normal 11px Tahoma;
	color						: #800000;
}
.small
{
	font						: normal 10px Tahoma;
}
.smallVerdana
{
	font						: normal 10px Verdana;
}
.smallremark
{
	font						: italic 10px Tahoma;
}
.warning
{
	color						: #800000;
	font-weight			: 700;
}
cite
{
	color						: green;
	border					: 1px;
	padding					: 0px;
	margin					: 0px;
	width						: 100%;
	background-color: #FFFF88;
	font-style			: normal;
	font-size				: 11px;
}
samp
{
	padding					: 0px;
	margin					: 0px;
	width						: 100%;
	background-color: #BBBBFF;
	font-style			: normal;
	font-size				: 11px;
}
td.pagediv
{
  padding         : 15px 15px 15px 15px;
  text-align      : left;
  border          : 0px solid #008000;
  font            : normal 11px Verdana;
}
.table1
{
  background-color: white;
  padding         : 5px;
}
.table2
{
  background-color: #003366;
  color           : white;
  padding         : 5px;
}
.table2test
{
  background-color: maroon; /* test site !! */
  color           : white;
  padding         : 5px;
}
/* ================================================================================== */
/* Classes voor forms                                                     */
table.form
{
  margin          : 5px;
}
td.header
{
	margin					: 0px;
	padding					: 10px 0px 0px 0px;
	font						: bold 12px Verdana;
}
td.form
{
  padding         : 1px 3px 1px 3px;
  font            : normal 11px Verdana;
}
td.formlinetop
{
  font            : normal 11px Verdana;
  border-top      : 1px dashed #339900;
}
td.formlinebottom
{
  padding         : 5px  0px  5px  0px;
  font            : normal 11px Verdana;
  border-bottom   : 1px dashed #339900;
}
td.formlinetopbottom
{
  padding         : 5px  0px  5px  0px;
  font            : normal 11px Verdana;
  border-top      : 1px dashed #339900;
  border-bottom   : 1px dashed #339900;
}
input.flat, select.flat
{
  font            : normal 11px Tahoma;
  padding         : 2px 2px 0px 3px;
  height          : 20px;
	background-color: #EEEEFF;
  border          : 1px solid #6699CC;
}
input.flaterror
{
  font            : normal 11px Tahoma;
  padding         : 2px 2px 0px 3px;
  height          : 20px;
	background-color: #FFEEEE;
  border          : 1px solid red;
}
/* ================================================================================== */
/* Classes voor links                                                                 */
a:link, a:visited, a:active, .aLink
{
  color           : #339900;
  text-decoration : none;
}
a:hover, .aLinkHover
{
	color						: #800000;
  text-decoration : none;
  cursor					: pointer;
}
/* ================================================================================== */
/* Deze classes worden gebruikt voor links die alleen uit een image bestaan						*/
.imagelink
{
  text-align			: center;
  vertical-align  : middle;
	margin					: 0px;
	padding					: 0px;
	border					: 0px;
  cursor					: pointer;
}
/*
.imagelink_create
{
	background-color: #DDDDFF;
	color						: #FF0000;
  font-family     : Arial Black;
  text-align			: center;
  vertical-align  : middle;
	text-transform	: uppercase;
	margin					: 0px;
	padding					: 0px;
}
*/
/* ================================================================================== */
/* De ADV_KLEUR classes worden gebruikt voor de adviesweergave in de productentabel   */
.adv_green
{
	background-color: #008000;
	color						: #FFFFFF;
  font-family     : Arial Black, Impact, Verdana;
  text-align			: center;
  vertical-align  : middle;
	text-transform	: uppercase;
	margin					: 0px;
	padding					: 0px;
}
.adv_orange
{
	background-color: #FF9933;
	color						: #FFFFFF;
  font-family     : Arial Black, Impact, Verdana;
  text-align			: center;
  vertical-align  : middle;
	text-transform	: uppercase;
	margin					: 0px;
	padding					: 0px;
}
.adv_red
{
	background-color: #F00000;
	color						: #FFFFFF;
  font-family     : Arial Black, Impact, Verdana;
  text-align			: center;
  vertical-align  : middle;
	text-transform	: uppercase;
	margin					: 0px;
	padding					: 0px;
}
/* ================================================================================== */
/* De DATA class is voor tabellen die productgegevens en dergelijke weergeven					*/
table.data
{
  font            : normal 11px Tahoma;
  border          : 1px solid #003366;
  border-collapse	: collapse;
}
table.subdata
{
  font            : normal 11px Tahoma;
  margin-left			: 5px;
  border          : 0px;
  border-collapse	: collapse;
}
th.data
{
  font            : normal 11px Tahoma;
  border          : 1px solid #003366;
  border-collapse	: collapse;
	background-color: #DDDDFF;
	margin					: 0px;
	padding					: 2px;
	font-weight			: 400;
	text-decoration	: none;
	vertical-align	: middle;
}
td.compact
{
  font            : normal 11px Tahoma;
  border-collapse	: collapse;
	margin					: 0px;
	padding					: 0px 2px 0px 2px;
	vertical-align	: top;
}
td.data
{
  font            : normal 11px Tahoma;
  border-collapse	: collapse;
	margin					: 0px;
	padding					: 1px 2px 1px 2px;
	vertical-align	: top;
}
.thdatalinkOn
{
	color						: #339900;
  cursor          : pointer;
}
.thdatalinkOff
{
	color						: #8888FF;
}
.thdatalinkHover
{
	color						: #800000;
  cursor          : pointer;
}
input.data, select.data
{
	font						: normal 11px Tahoma;
  border          : 1px solid #003366;
  color           : #003366;
  height					: 19px;
}
.indicator				/* voor C,H en O indicatoren bij R-zinnen */
{
  width           : 8px;
}
/* ================================================================================== */
/* Classes voor speciale meldingen																										*/
.ErrorMessage
{
	color						: #800000;
  border          : 2px solid red;
  padding         : 2px;
  margin          : 5px;
  background-color: #FFEEEE;
}
.WarningMessage
{
  border          : 2px solid #339900;
  padding         : 2px;
  margin          : 5px;
  background-color: #DDDDFF;
}
.ActionMessage
{
	font						: bold 11px Tahoma;
	color						: #000000;
  border          : 1px solid red;
  padding         : 2px 4px 2px 4px;
  margin          : 5px 0px 5px 0px;
  background-color: #FFFF00;
}
/* ================================================================================== */
/* Classes voor het menu aan de linkerkant																						*/
.menutable
{
  background-color: #003366;
  color           : white;
}
.menutabletest
{
  background-color: maroon; /* test site !! */
  color           : white;
}
.menuemail
{
	text-transform	: lowercase;
	margin					: 0px 0px 5px 0px;
	padding					: 0px 0px 3px 0px;
	color					  : #CCCCCC;
	font						: normal 10px Verdana;
	padding-bottom	: 3px;
  border-bottom   : 1px dashed #339900;
}
.menuheader
{
	margin-left			: 0px;
	margin-right		: 0px;
	margin-top			: 15px;
	margin-bottom		: 5px;
	color					  : #CCCCCC;
	font						: normal 12px Verdana;
	padding-bottom	: 3px;
  border-bottom   : 1px dashed #339900;
}
.menuitem
{
	text-transform	: lowercase;
	margin-left			: 4px;
	margin-bottom		: 2px;
	padding					: 0px;
  text-decoration : none;
  font-weight     : bold;
}
.menuitemhover, a.menuitemhover:hover
{
	text-transform	: lowercase;
	margin-left			: 4px;
	margin-bottom		: 2px;
	padding					: 0px;
  cursor          : pointer;
  color           : #339900;
  font-weight     : bold;
}
.gray, a.gray, a.gray:link, a.gray:visited, a.gray:active
{
  color           : silver;
  font						: normal 10px Verdana;
  text-decoration : none;
}
.gray, a.gray:hover
{
  cursor          : pointer;
  color           : #339900;
  text-decoration : none;
}
.serverinfo
{
  font						: normal 10px Verdana;
  color           : blue;
}
/* ================================================================================== */