
/*  Style sheet voor Voedselwoordenlijst en klein woordenboek.*/


 @media print { div.screen {display:none }}
div.main,table {
	color: #008000;
	font-family:Verdana,sans-serif}
p.footer {
	font-family:Arial,sans-serif;
	font-size: .7em;
	text-align: center;
}
span.klein {
	font-family:Arial,sans-serif;
	font-size: .7em;
}
tr	{
	min-width: 40em;
}
td a	{
	position: relative;
	top: 0px;
	left: 0px;
	font-weight: 500;
	text-decoration: underline;
	border: none;
}
td a.internal	{
	color: #008000;
}
td a.external	{
	color: #000080;
}

td a span {
	display: none;
}
td a:hover {
	text-decoration: none;
	background: inherit;
	color:  #c00000;
	z-index: 10;

}
td a:hover span {
	min-width: 400px;
	display: block;
	/*  Voor firefox. */
	text-decoration: none;
	z-index: 100;
	position: absolute;
	border: #bbbbbb 3px outset;
	padding: 2px;
	background: #ffe0d0;
	color: #000099;
	top: 30px;
	font-size: smaller;
}
td a:hover span.syn {
	width: auto;
	min-width: 200px;
	left: -2em;
}
td a:hover span.inuse {
	min-width: 200px;
	/*  Voor firefox. */
	right: 20px;
}

td a:hover span.left {
	width: auto;
	left: -10px;
	/*  Voor firefox. */
}
td a:hover span.mid	{
	left: -150px;
}

td a:hover span.right	{
	width: auto;
	left: -300px
}
td a:hover span.right2	{
	width: auto;
	left: -100px

}

div.main {
	background: #ffffcc;

	border: 2px silver solid;
	margin: 0.5em 0.5em 0.5em 1em;
	padding: 0.5em;
	text-align: left;
	font-weight: 700;
}
table {
	background: #ffffdd;
	border: 1px silver solid;
	font-weight: 500;
}
h1 {
	font-size: 1.2em; text-align: center; color: #e00000
}
h2	{font-size:xx-small; display:none}
a { font-weight: 600; color: #c00000;}
th {color: #c00000}
h3	{font-size:x-small; text-align: center; color: #000080}

