/*Eric Brands 2001 eric.brands@12move.nl or eric.brands@hetnet.nl 
HTTP://www.oocities.com/ericbrandsarnhem/*/

/*Don't worry: It looks more complicated then it is. 
P {font-size:18px} means that the font size between every <P> and </P> tag is 18px
P.myname aplies to a P bock starting with <P class="myname">
.myname aplies to every possible tag containing class="myname"
A:visited, A:hover, etc. aplies to the <A> tag (links)  and the : means it's a special code. You can't combine these second codes with another tag.
All other codes are general and that means they can apply to (nearly) all possible HTML tags.
The link to this stylesheet is made in the header of the HTML page:
<LINK REL="StyleSheet" HREF="my_style.css" TYPE="text/css" TITLE="My Stylesheet">
*/

BODY { 
SCROLLBAR-FACE-COLOR: #330000; 
SCROLLBAR-HIGHLIGHT-COLOR: #660000; 
SCROLLBAR-SHADOW-COLOR: #330000;
SCROLLBAR-3DLIGHT-COLOR: #FFFFCC; 
SCROLLBAR-ARROW-COLOR: #FFFFCC; 
SCROLLBAR-TRACK-COLOR: #FFFFCC; 
SCROLLBAR-DARKSHADOW-COLOR: #660000; 
width:500px;
font-family:"Comic Sans MS","Arial";
font-size:18px;
color:#FFFFCC;
background: #330000 url("images/EB_page.jpg") repeat-y scroll;
margin-left:70px;
margin-top:10px;
margin-bottom:10px }

BODY.navbar { background: #330000; 
color: #FF9900;
margin-left:Auto;
margin-right:Auto}

BODY.front { color:#FFFFFF;
background: #330000 url(images/EB_front.jpg) repeat-y }

P { 
cursor: default;
width:500px;
font-family: "Comic Sans MS", "Arial"; 
font-size: 18px;
color: #FFFFCC}

P.nl { 
cursor: auto;
width:500px;
color: #FF9900 }

P.em { 
width:500px;
color: #99CCFF }

P.navbar{width:160px; text-align:center}

P.nl A:link {text-decoration:underline}
P.nl A:visited {text-decoration:underline}
P:first-letter {font-size:28px; font-weight:bold }

P.update {font-size: 16px; color: #99CCFF}
P.update A:hover{font-size:16px; font-weight:normal}

P.stijltest { color:#008000 }

MARQUEE {color: #FF9900; width:500px}

TABLE{width:500px}
TD {font-size:18px;
color:#FFFFCC}

CODE {
font-family:"arial";
font-weight: bold;
color:#FFFFCC }

SCRIPT{font-color:#99CCFF}

EM{ color: #99CCFF;
font-weight: bold;
font-style: normal }

UL{width:450px}
LI{width:450px; list-style-type: circle; list-style-position: inside}
LI.twee{width: 425px; list-style: none}
LI.drie{width: 300px; list-style: none}

DL {width:500px}

DT{color:#99CCFF}

BLOCKQUOTE{
margin-left:25; 
width:450px }

IMG {border-width:0; margin-left:10px; margin-right:15px}
IMG.divider{margin-left:0}
.rand {border-width:3px; border-style:ridge; border-color:#FFFFCC}

H1 { color: #99CCFF;
font-family: "Comic Sans MS", "Lucida Console";
font-size: 30px;
font-weight: bold;
width:500px}

H2 { color : #99CCFF;
font-weight: bold;
font-size : 25px;
font-family : "Comic Sans MS","Lucida Console";
width:500px}

H3 { color : #FF9900;
font-family: "Comic Sans MS", "Lucida Console";
font-weight:bold;
font-size: 20px;
width:500px }

INPUT{
background: url("images/bt_form.gif");
font-size:small;
font-weight:normal;
font-family:"FixedSys";
color:#000000}

A:link { color: #FF9900; text-decoration:none }
A:active { color: #FFFFFF }
A:visited { color: #FF9900; text-decoration:none}
A:hover { color: #99CCFF; font-size: 17px; font-weight:bold }