/*
		Uit voorbeeld rifas.css van de KNMP
*/
#rifasheader-logo 	{	float:	left;	border:	none;	padding:	10px;	}
#rifasheader-text		{	color:	white; font-family:	Georgia, "Times New Roman", serif; font-size:	2em; font-weight: bold; margin-left: 165px; }
#rifasheader-footer {	height:	40px;	}

/*
		Eigen definities
*/

/* ===================================================================================== */
/* Waarschuwing TESTSITE op hoofdpagina																	*/
.testwarning				{ color:	#AA0000; font-size:x-large; font-weight:bolder; }


/* ===================================================================================== */
/* Algemene classes																											*/
body, p, table, tr, td
{
  font-family:			Arial, sans-serif;
  font-size:				13px;
  font-style:				normal;
  font-variant:			normal;
  font-weight:			normal;
  color:						#565a5c;
}
body, table, p
{
  margin:						0px;
  padding:					0px;
}
/* Aangepaste margins en opvulling */
p										{	margin:	3px  0px  3px  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; }

h1              		{ color:#565a5c;	margin:	0px  0px 10px  0px; font-size:22px; font-weight:bold;	font-family:	Georgia, "Times New Roman", serif; }
h2             			{ color:#565a5c;	margin:10px  0px  0px  0px; font-size:20px; font-weight:normal;	font-family:	Georgia, "Times New Roman", serif; }
h3             			{ color:#565a5c;	margin:10px  0px  4px  0px; font-size:16px; font-weight:bold;	font-family:	Georgia, "Times New Roman", serif; }
h4             			{ color:#565a5c;	margin:15px  0px  0px  0px; font-size:14px; font-weight:bold;	font-family:	Georgia, "Times New Roman", serif; }
h5             			{ color:#565a5c;	margin:	5px  0px  0px  5px; font-size:12px; font-weight:bold;	font-family:	Georgia, "Times New Roman", serif; }
h6             			{ color:#565a5c;	margin:15px  0px  3px  5px; font-size:10px; font-weight:normal;	font-family:	Georgia, "Times New Roman", serif; }

hr 
{
	color:						#006ab1;
	background-color:	#006ab1;
	height:						1px;
	border:						0;
}
.small
{
	font:							normal 11px Tahoma;
}
.warning
{
  background-color: yellow;
	color:						#800000;
	font-weight:			700;
}
.toelichting
{
	font-size:				11px;
  border:						1px solid #565a5c;
  border-collapse:	collapse;
	background-color:	#FFFFCC;
	padding:					5px;
	margin-bottom:		5px;
}


/* ===================================================================================== */
/* Classes voor speciale meldingen																			*/
.DebugMessage
{
	color						: green;
	border					: 1px;
	padding					: 0px;
	margin					: 0px;
	width						: 100%;
	background-color: #FFFF88;
	font-style			: normal;
	font-size				: 11px;
}
.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;
}


/* ===================================================================================== */
/* Tabellen voor hoofdpagina																						*/
td.pagediv
{
  padding:					15px;
  text-align:				left;
}
.table2
{
  padding:					5px;
  background-color:	#00436F;
  color:						white;
}


/* ===================================================================================== */
/* Classes voor links                                                                 	*/
a:link, a:visited, a:active, .aLink
{
  color:						#006ab1;
  text-decoration:	none;
}
a:hover, .aLinkHover
{
	color:						#e130c4;
  text-decoration:	none;
  cursor:						pointer;
}
.imagelink
{
  text-align:				center;
  text-decoration:	none;
  vertical-align:		middle;
	margin:						0px;
	padding:					0px;
	border:						0px;
  cursor:						pointer;
}


/* ===================================================================================== */
/* Classes voor de startpagina																					*/
table.toegang
{
	border-spacing:		0px;
	border-collapse:	collapse;
	margin:						10px 0px 10px 0px;
	width:						100%;
}
th.toegang, th.toegangR
{
	text-align:				left;
	color:						#565a5c;
	padding:					5px;
	font-size:				20px;
	font-weight:			normal;
	font-family:			Georgia, "Times New Roman", serif;
	border-bottom:		4px #006ab1 solid;
}
th.toegangR
{
	border-left:			1px #a5acaf solid;
}
td.toegang, td.toegangR
{
	padding:					5px;
	vertical-align:		top;
	width:						20%;
}
td.toegangR
{
	border-left:			1px #a5acaf solid;
}


/* ===================================================================================== */
/* Classes voor het menu aan de linkerkant															*/
.menutable, .menutableouter, .menuheader, .menuemail, .menutext, .menuitem
.menuitemhover, a.menuitemhover:hover, .menuitemsmall, .menutextsmall
{
  background-color:	#00436F;
  color:						white;
  line-height:			20px;
}
.menutableouter
{
	padding:					5px;
}
.menuheader
{
	margin:						0px 0px 5px 0px;
	font-size:				16px;
	font-family:			Georgia, "Times New Roman", serif;
}
.menuemail
{
	margin:						0px 0px 0px 3px;
  font-size:				11px;
}
.menutext, .menuitem
{
	margin:						0px 0px 0px 2px;
  font-size:				14px;
  text-decoration:	none;
}
.menuitem
{
	color:						#6ecff6;
}
.menuitemhover, a.menuitemhover:hover
{
	margin:						0px 0px 0px 2px;
  font-size:				14px;
  text-decoration:	underline;
  color:						white;
  cursor:						pointer;
}
.menuitemsmall, a.menuitemsmall, a.menuitemsmall:link, a.menuitemsmall:visited, a.menuitemsmall:active
{
  color:						#6ecff6;
  font:							normal 11px Arial;
}
a.menuitemsmall:hover
{
  cursor:						pointer;
  color:						white;
  text-decoration:	underline;
}
.serverinfo
{
  font:							normal 11px Arial;
  color:						white;
}


/* ===================================================================================== */
/* Classes voor forms                                                     			*/
table.form
{
  margin:						5px;
}
td.header
{
	margin:						0px;
	padding:					10px 0px 0px 0px;
	font-weight:			bold;
}
td.form
{
  padding:					1px 3px 1px 3px;
}
td.formlinetop
{
  border-top:				1px dashed #006ab1;
}
td.formlinebottom
{
  padding:					5px  0px  5px  0px;
  border-bottom:		1px dashed #006ab1;
}
td.formlinetopbottom
{
  padding:					5px  0px  5px  0px;
  border-top:				1px dashed #006ab1;
  border-bottom:		1px dashed #006ab1;
}
input.flat, select.flat, option.flat
{
  font:							normal 11px Tahoma;
  padding:					2px 2px 0px 3px;
  height:						20px;
	background-color:	#EEEEFF;
  border:						1px solid #6699CC;
	vertical-align:		middle;
}
input.flaterror
{
  font:							normal 11px Tahoma;
  padding:					2px 2px 0px 3px;
  height:						20px;
	background-color:	#FFEEEE;
  border:						1px solid red;
	vertical-align:		middle;
}
.formerror
{
	color:						red;
	padding-left:			4px;
}


/* ===================================================================================== */
/* 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 #00436F;
  border-spacing:		2px;
}
table.subdata
{
  font:							normal 11px Tahoma;
  margin-left:			5px;
  border:						0px;
  border-collapse:	collapse;
  border-spacing:		2px;
}
td.subdata
{
  font:							normal 11px Tahoma;
  padding:					0px 10px 0px 0px;
}
th.data
{
  font:							normal 11px Tahoma;
	background-color:	#d5e0e7;
	margin:						0px;
	padding:					2px;
	font-weight:			400;
	text-decoration:	none;
	vertical-align:		middle;
}
tr.even
{
	background-color:	white;
}
tr.oneven
{
	background-color:	#e5f0f7;
}
tr.cmr
{
	background-color:	#ffcccc;
}
tr.selected
{
	background-color:	yellow;
}
td.compact
{
  font:							normal 11px Tahoma;
	margin:						0px;
	padding:					0px 2px 0px 2px;
	vertical-align:		top;
}
td.data
{
  font:							normal 11px Tahoma;
	margin:						0px;
	padding:					1px 2px 1px 2px;
	vertical-align:		top;
}
.thdatalinkOn
{
	color:						#006ab1;
  cursor:						pointer;
}
.thdatalinkOff
{
	color:						#565a5c;
	font-weight:			bold;
}
.thdatalinkHover
{
	color:						#e130c4;
  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 H-zinnen */
{
  width:						8px;
}

/* ===================================================================================== */
/* tbv VTGM advies */

p.data
{
  font:							normal 11px Tahoma;
	margin-top:				0px;
	padding:					2px;
	font-weight:			400;
}


table.vtgm
{
  border:						1px solid #00436F;
  border-collapse:	collapse;
}
th.vtgm
{
  font:							normal 11px Tahoma;
	background-color:	#d5e0e7;
	padding:					10px;
	font-weight:			400;
	vertical-align:		middle;
  border:						1px solid #00436F;
  height:           50px;
}
td.vtgm
{
  font:							normal 11px Tahoma;
	padding:					10px;
	font-weight:			400;
  border:						1px solid #00436F;
  height:           50px;
}