body  { background-color : #FFFFF0;
		font-family : "Verdana";
		font-size : 8pt;
		color : black;}

/*paragaphs*/
p     { font-family : "Verdana";
     	font-size : 7pt;
     	color : black;}

.Error	  { font-family: Verdana;
			font-size: 8pt;
			font-weight: bold;
			color: red;
			background-color: transparent;}
			

/*Headers*/
h1 { font-family : "Verdana";
      font-weight : bold;
      font-size : 12.0pt;
      color : black;}
h2 { font-family : "Verdana";
      font-weight : bold;
      font-size : 10.0pt;
      color : black;}
h3 { font-family : "Verdana";
      font-weight : bold;
      font-size : 9.0pt;
	  color: red;}
h4 { font-family : "Verdana";
      font-weight : bold;
      font-size : 9.0pt;
	  color: blue;}
h5 { font-family : "Verdana";
      font-weight : bold;
      font-size : 9.0pt;
      color : black;}
h6 { font-family : "Verdana";
      font-weight : bold;
      font-size : 9.0pt;
      color : black;}

      /*Anchors*/
a.groot		{ font-size: 12pt; color: #FF0000; font-weight: bold; }
a.wit		{ font-size: 10pt; color: #FF0000; font-weight: bold;}
a.blauw		{ font-size: 10pt; color: Blue; font-weight: bold;}
a.ins		{ font-size: 7pt; color: blue; font-weight: bold;}
a.menu1		{ font-size: 8pt; font-weight: normal; text-decoration: none;
			  color: black; border: #000 solid 1px; background: #00FFFF; display: block;
			  height: 20px; width: 90px; }
a.menu2 	{ font-size: 8pt; font-weight: normal; text-decoration: none;
			  color: white; border: #000 solid 1px; background: #0000FF; display: block;
			  height: 20px; width: 90px; }
a.menu3 	{ font-size: 8pt; font-weight: normal; text-decoration: none;
			  color: black; border: #000 solid 1px; background: #FFFF80; display: block;
			  height: 20px; width: 90px; }
a.menu1:hover {background: red; color: white; border: #000 solid 1px; display: block; }
a.menu2:hover {background: red; color: white; border: #000 solid 1px; display: block; }
a.menu3:hover {background: red; color: white; border: #000 solid 1px; display: block; }

/*tabellen*/
table		{font-size : 8pt}

.noborder 	{ border: none;}
.noborder td { border: none;
			   padding : 2pt;}
.veld th 	{text-align: left;}
 
.alg			{background-color: #FFF8DC; color: black; font-size: 7pt; font-family: Verdana; }
.alg tr			{}
.alg td, th		{padding: 1px 4px; margin: 6px;}
.alg td			{border: 1px solid gray;}
.alg th			{background-color: #DEB887; color: #8B008B;}
.alg a			{background-color: #FFF8DC; color: green; font-size: 7pt; font-weight:normal; }

.invoer 	{border: 1px solid #000000; border-spacing: 0; font-family: Verdana; background-color: #FFFF99;}
.invoer tr	{}
.invoer td, th	{font-size:8pt; border: 1px solid #C0C0C0; padding:1px 4px; margin:6px;}
.invoer td 	{background-color: #FFFF99; margin: 0px; }
.invoer th	{background-color: #0000FF; color: #FFFFFF; }
.ro			{background-color:transparent; border:none;}

/*help teksten*/
.help			{font-size: 9pt; font-family: Verdana; border-collapse:collapse;}
.help tr		{}
.help td, th	{padding: 2px 6px 1px 6px;}
.help td		{background-color: #98FB98; border: 1px solid gray;}
.help th		{background-color: #2E8B57; color: #FFE4C4;}

.list	 	{border: 1px solid #C0C0C0; border-spacing: 0; font-family: Verdana;}
.list tr	{ }
.list td 	{font-size: 8pt; border: 1px solid #C0C0C0; background-color: #FFFF99; margin: 0px; }
.list th	{font-size: 8pt; border: 1px solid #C0C0C0; background-color: #0000FF; color: #FFFFFF; }

.stat		{font-family:Verdana;}
.stat tr		{}
.stat td, th	{font-size:8pt; padding:1px 4px; margin:6px;}
.stat td		{background-color:#FFE4C4; border:1px solid gray; text-align:right;}
.stat th		{background-color:#FFFF00; border:1px solid gray; color:black;}

/*input fields*/
input		{ font-family: Verdana; background-color: white ; font-size: 7pt}
input.ro	{ background-color:transparent; border:none; font-size: 7pt}
input.lijst	{ font-family: Verdana; background-color: white ; font-size: 7pt}

select		{ font-family: Verdana; background-color: white ; font-size: 7pt}
select.lijst{ font-family: Verdana; background-color: white ; font-size: 7pt}
option		{ font-family: Verdana; background-color: white ; font-size: 7pt}
option.lijst{ font-family: Verdana; background-color: white ; font-size: 7pt}

textarea.lijst{ font-family: Verdana; background-color: white ; font-size: 7pt}


/*buttons*/
.but_help {font-size : 9pt;
			font-weight:normal;
			padding:3pt;
			text-align:center;
			text-decoration: none;
			color: black;
			background-color: lightgreen; /*rgb(255,255,70);*/
			border-style: outset;
			border-color: #D3D3D3 #A9A9A9 #A9A9A9 #D3D3D3;
			border-width: 2pt;
			}
.but_help:hover {background-color: rgb(255,255,175);}

.but_terug {font-size : 9pt;
			font-weight:normal;
			padding:3pt;
			text-align:center;
			text-decoration: none;
			color: black;
			background-color: lightgreen;
			border-style: outset;
			border-color: #D3D3D3 #A9A9A9 #A9A9A9 #D3D3D3;
			border-width: 2pt;
			}
.but_terug:hover {background-color: rgb(150,255,150);}

.button	{text-align:center;
			font-size : 9pt;
			font-weight:normal;
			padding:3pt;
			text-decoration: none;
			background-color: #F5DEB3;
			color: black;
			border-style: outset;
			border-color: #D3D3D3 #A9A9A9 #A9A9A9 #D3D3D3;
			border-width: 2pt;
			}
.button:hover	{background-color: lightgray;}

.but_menu	{text-align:center;
			font-size : 7pt;
			font-weight:normal;
			padding:3pt;
			text-decoration: none;
			background-color: #F5DEB3;
			color: black;
			border-style: outset;
			border-color: #D3D3D3 #A9A9A9 #A9A9A9 #D3D3D3;
			border-width: 2pt;
			}
.but_menu:hover	{background-color: lightgray;}

.but_img1 {	text-align:center;
			text-decoration: none;
			background-color: transparent; background-image: url(./buttons/but1-bg.png);
			color: black;
			border-style: outset;
			}
.but_img1:hover{
			background-image: url(./buttons/but1-hover.png);
			}
.but_img1:active{	
			background-image: url(./buttons/but1-bg.png);
			border-style: inset;
			}

/*confirmationbox*/
.td1style {font-weight:bold;border:1px solid black;background-color:lightgrey;color:blue;font-size:14px;font-Family:Verdana;}
.td2style {font-weight:bold;border:1px solid black;background-color:lightyellow;font-size:12px;font-family:Verdana;}
/* the style below is for the links that are inside the div when it pops up */
.linkstyle {font-weight:bold;font-size:12px;text-decoration:none}


/*tabMenu*/
.tabOn{
	text-decoration:none;
	background-color: #000066;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-variant: small-caps;
	text-align: center;
	}
.tabOff{
	text-decoration:none;
	font-size : 8pt;
	background-color:#00FFCC;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-variant: small-caps;
	text-align: center;
	}
.tabOff a {text-decoration:none; color:black;}
.tabOff a:hover {text-decoration:none; color:red;}

.tabChild {
	background-color:#00CC66;
	text-decoration:none;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	padding:4px;
	}
.tabChild p {background-color:#00CC66}
.tabChild:hover {background-color:#FFCC00;}	

.tabChildbgrd {
	background-color:#00CC66;
	padding:4px;
	}

.tabLabel{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	}

/*Graphics */
 .graph {
 background-color: #C8C8C8;
 border: solid 1px black;
 }

 .graph td {
 font-family: verdana, arial, sans serif;
 }

 .graph thead th {
 border-bottom: double 3px black;
 font-family: verdana, arial, sans serif;
 padding: 1em;
 }

 .graph tfoot td {
 border-top: solid 1px #999999;
 font-size: x-small;
 text-align: center;
 padding: 0.5em;
 color: #666666;
 }

 .bar {
 background-color: white;
 text-align: right;
 border-left: solid 1px black;
 padding-right: 0.5em;
 width: 400px;
 }

 .bar div {
 border-top: solid 2px #0077DD;
 background-color: #004080;
 border-bottom: solid 2px #002266;
 text-align: right;
 color: white;
 float: left;
 padding-top: 0;
 height: 1em;
 }

 body {
 background-color: white;
 }