@import url(notfornn4.css);

/* copyleft Christian Eggermont 2005
   enjoy the source (-;
*/

body
{
	margin:	0;
	padding: 0;
	font-family: georgia, serif;
	color: #ff3;
	background: #000 url(../i/lightning-bg.jpg) 0 0 no-repeat fixed;;
}
div, p, th, td, li, dd, dl, dt
{
	/* redundant selectors to help NS4 not forget */
	font-family:  georgia, serif;
}
dt
{
	font-weight: bold;
}
ol, li, dl, dt, dd
{
	line-height: 1.5em;
}
p
{
	line-height: 1.3em;
}
h1     
{
	font-size: 2em;
	font-weight: bolder;
}
h2
{
	font-size: 1.75em;
}
h3
{
	font-size: 1.5em;
}
h4
{
	font-size: 1.25em;
}
h5
{
	font-size: 1em;
}
h6
{
	font-size: 0.8em;
}
h1, h2, h3, h4, h5, h6
{
	color: #c30;
	vertical-align: middle;
	white-space: nowrap;
	margin:	1.5em 0 0 0;
	font-family: Sanvito, sans-serif;
}
img
{
	border:	0
}
code, tt, pre
{
	font: 12px "andale mono", monaco, courier, "courier new", monospace;
	/*color: #06c; */
	background: transparent;
}
strong, dfn
{
	font-weight: bold;
}
dfn
{
	color: #c30;
	font-style: normal;
	text-decoration: none;
	border-bottom: 1px dotted orange;
}

:link:focus, :visited:focus
{
	color: #900;
	background-color: transparent;
}
:link
{
	color: #f30;
	text-decoration: none;
	font-weight: bold;
}
:visited
{
	color: #c30;
	text-decoration: none;
}
:link:active, :visited:active
{
	color: #cc0;
}
:link:hover
{
	color:	#f60;
	background-color: transparent;
	text-decoration: underline;
}

#IEwinonly
{
	display: none;
}

.first
{
	margin-top: 1em;
	font-size: 200%;
	text-align: right; 
	padding: .2em .5em .2em .5em;
	margin-bottom: 1em;
	letter-spacing: 0.2em;
	background: transparent url(../i/orange008.png);
	text-transform: lowercase;
	direction: rtl;
	unicode-bidi: bidi-override;
}
/*
.first:before
{
	display: marker;
	content: ">>";
	font-size: small;
	vertical-align: middle;
	letter-spacing: .5em;
}
.first:after
{
	display: marker;
	content: "<<";
	font-size: x-small;
	vertical-align: middle;
}
*/

.statement
{
	margin-top: 0;
	font-size: 1.25em;
	white-space: normal;
}

#announce
{
	position: relative;
	margin: 2em auto 2em auto;
	background: transparent url(../i/orange020.png);
	width: 80%;
	padding: 1em;
	border: 1px dotted #f30;
}
#announce :link
{
	color: #300;
	text-decoration: none;
}
#announce p
{
	margin: .2em 1em;
}
#announce h2
{
	color: #f90;
}

#ill
{
	position: relative;
	display: block;
	margin: 2em auto;
	text-align: center;
	font-size: small;
	background: transparent url(../i/orange020.png);
	height: 218px;
	vertical-align: middle;
	color: #fff;
}
#ill img
{
	background-color: white;
	padding: 2px;
	border: 2px double #e30;
	float: right;
}

#ancient
{
	position: relative;
	bottom: 0em;
	width: 450px;
	margin-left: auto;
	padding: 3px 6px 1px 4px;
	font-style: italic;
	font-weight: lighter;
	font-size: small;
	background: transparent url(../i/orange020.png);
	border-style: none solid none solid;
	border-width: thin thick thin thin;
	border-color: #f30;
}
#ancient > ul
{
	list-style: none;
}

body, td, th
{ /* redundant rules for bad browsers  */
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:    small
	}
html>body, html>body td, html>body th
{
	font-size:    small;
}

/* classes */
/* layout */
.content
{
	padding: 10px 20px;
	margin: 5% 15%;
	border: 1px dotted #333;
	background-image: url(../i/orange008.png);
}

#copy
{
	position: relative;
	margin: 10px auto;
	padding-top: 10px;
	text-align: center;
	width: 70%;
	font-family: "Georgia Regular", georgia, palantino, sans-serif;
	font-weight: lighter;
	font-size: x-small;
	word-spacing: 0.5em;
	letter-spacing: 0.3em;
	border-top: 1px dotted #333;
}
#copy :link
{
	margin-left: 0.5em;
}

#quote
{
	position: relative;
	float: left;
	width: 23%;
	font-family: "Georgia Regular", georgia, palantino, serif;
	font-size: x-small;
	background: transparent url(../i/lightning-bg.jpg) 0 0 no-repeat fixed;
	color: #fff;
	padding: 1em 2em 2em 1em;
	border-right: 1px dotted #333;
	border-bottom: 1px dotted #333;
	margin: -11px 0 0 -21px; 
}
#quote:first-letter
{
	font-size: 2.3em;
	font-weight: bolder;
	color: #fe0;
	float: left;
	padding: .15em .2em;
	margin: 0;
}

td
{
	color: #123;
}

#pan5 table
{
	border: 0;
	background-color: #f60;
}
#r2c1, #r2c2, #r2c3, #r2c4, #r1c1, #r1c2, #r1c3, #r1c4
{
	color: #f30;
}
#pan5 td 
{
	vertical-align: middle;
	text-align: center;
	font-family: "andale mono", courier, "courier new", monospace;
	width: 3em;
	height: 3em;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	color: #610;
	background-color: #ffc;
}
#pan5 .odd
{
	background-color: #fe0;
}
#pan5 input
{
	vertical-align: baseline;
	text-align: center;
	color: #e60;
	background-color: #ffc;
}

#pan5 .odd input
{
	color: #e60;
	background-color: #fe0;
}
#ms
{
	margin-left: 2em;
}
#ms table
{
	margin-left: auto;
	margin-right: auto;
}
#ms li
{
	position: relative;
	list-style-type: circle;
	list-style-position: outside;
	left: 1em;
	margin-right: 4em;
}

/* Miscellaneous */
/* in omniweb geeft dit lichtelijk vreemde effecten ...
::-moz-selection
{
        background:#AF0078;
        color:#fff;
}

::selection
{
        background:#AF0078;
        color:#fff;
}
*/
/*
#nav
{
	position: fixed;
	right: 1em;
	top: 5em;
	width: 13%;
	font-family: "Georgia Regular", georgia, palantino, serif;
	color: #400;
	padding-left: 3px;
}
#nav ul
{
	list-style-type: none;
	list-style-position: outside;
}
#nav a, #nav li
{
	display: block;
	text-align: left;
	background: transparent url(../i/orange008.png);
}
#nav a
{
	padding: 5px 10px;
	margin: 0 0 2px;
	border: 1px solid #f90;
	text-decoration: none;
	color: #400;
}
#nav a:hover
{
	color: #ff0;
	background: transparent url(../i/orange050.png);
}

#tools
{
	position: fixed;
	right: 1em;
	top : 4em;
	width: 13%;
	margin: 0;
	padding-left: 3px;
	font-family: "Georgia Regular", georgia, palantino, serif;
	font-size: x-small;
	text-align: left;
}

*/