/*************************************************************************
 rw1.css
 Basis stylesheet voor The Reel World
 Februari 2007
 Gebaseerd op Suckerfish Dropdowns (alistapart.com en htmldog.com)
 Auteur: Marc de Wit
**************************************************************************/


/****************************
 H O O F D S T R U C T U U R
 ****************************/
BODY {
	PADDING-RIGHT: 2em; 
	PADDING-LEFT: 2em; 
	FONT-SIZE: 85%; 
	BACKGROUND:#330000; 
	PADDING-BOTTOM: 2em; 
	MARGIN: 0px; 
	PADDING-TOP: 2em; 
	FONT-FAMILY: sans-serif
	}

#content {
	BORDER: #FF3300  1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #FF3300  1px solid; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0em; 
	MARGIN: auto; 
	BORDER-LEFT: #FF3300  1px solid; 
	WIDTH: 50em; 
	PADDING-TOP: 1em; 
	BORDER-BOTTOM: #FF3300  1px solid; 
	voice-family: inherit;
	background: #7E5F42 url(PIX/kust.jpg) no-repeat; 
	}
/*achtergrondkleur bewaren #FCB18F   #FACB69*/

#contentM {
	BORDER: #FF3300  1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #FF3300  1px solid; 
	PADDING-LEFT: 1em; 
	PADDING-BOTTOM: 0em; 
	MARGIN: auto; 
	BORDER-LEFT: #FF3300  1px solid; 
	WIDTH: 50em; 
	PADDING-TOP: 1em; 
	BORDER-BOTTOM: #FF3300  1px solid; 
	voice-family: inherit;
	background: #FCB18F; 
	}

HR {
	DISPLAY: none;
	}

P {
	CLEAR: left; 
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 1em;  
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 1em; 
	MARGIN: 0px; 
	COLOR: #FFEAD5;
	font-size: 110%;
	}

/****************************
 LINKS E.D.
 ****************************/

A {
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
A:link {
	COLOR: #FFFF99;
	}

A:visited {
	COLOR: #D9FFC6;
	}

A:active {
	COLOR: #D9FFC6;
	}

A:hover { 
	TEXT-DECORATION: underline;
	}

/****************************
 PAGINAKOP EN HEADERS
 ****************************/

H1 {
	color: #FFEAD5; 
	font-size: 375%;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 0.45em; 
	MARGIN: 0px; 
	PADDING-TOP: 0.2em; 
	TEXT-ALIGN: center;
	FONT-FAMILY: serif
	}

H2 {
	color: #FFEAD5; 
	font-size: 160%;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 1.65em; 
	MARGIN: 0px; 
	PADDING-TOP: 0px;  
	TEXT-ALIGN: center;
	FONT-FAMILY: serif
	}

H3{
	color: #FFEAD5;
	FONT-SIZE: 130%; 
	SPACING: 0.1em;
	padding-top: 2em;
	padding-left: 4em;
	padding-bottom: 0.8em;
	background: url(PIX/lijnnote.gif) no-repeat 10px 35px;
	FONT-FAMILY: serif
	}

img.lijn{
	padding-left: 1em;
	float: left;
	padding-top: -3px;
	}


H4 {
	PADDING-RIGHT: 0.2em; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 0.2em; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	FLOAT: left; 
	}


#topcontact {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0.4em; 
	COLOR: #666600; 
	font-size: smaller; 
	clear: left; 
	TEXT-ALIGN: center; 
	}


/********************************************
 DROPDOWN LIJSTJES
 *********************************************/

UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	}

#nav A {
	/* FONT-WEIGHT: bold; */ 
	COLOR: #FF3300;
	}

#nav A {
	TEXT-DECORATION: none;
	}

#nav LI LI A {
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: normal; 
	PADDING-BOTTOM: 0.2em; 
	COLOR: #FF3300; 
	PADDING-TOP: 0.2em; 
	}

#nav LI LI A:hover {
	BORDER-RIGHT: #FF3300  5px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #FF3300  0px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 0.2em; 
	BORDER-LEFT: #FF3300  5px solid; 
	PADDING-TOP: 0.2em; 
	BORDER-BOTTOM: #FF3300  0px solid;
	}

LI {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	BORDER-RIGHT: #FF3300  0px solid; 
	BORDER-TOP: #FF3300  1px solid; 
	FLOAT: left; 
	BORDER-LEFT: #FF3300  0px solid; 
	WIDTH: 12.485em; <!-- = Breedte van CONTENT - (border width LI#FIRST+LI#last) / aantal LISTKOPPEN -->
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	CURSOR: default; 
	BORDER-BOTTOM: #FF3300  1px solid; 
	POSITION: relative; 
	BACKGROUND-COLOR: #FFDFAE;
	TEXT-ALIGN: center;
	z-index: 2;
	}

LI#first {
	BORDER-LEFT-WIDTH: 0em;
	}

LI#last {
	BORDER-RIGHT-WIDTH  0em;
	}

LI UL {
	BORDER-RIGHT: #FF3300  1px solid; 
	BORDER-LEFT: #FF3300  1px solid;
	BORDER-BOTTOM: #FF3300  1px solid;
	PADDING-RIGHT: 0px; 
	DISPLAY: none; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	BACKGROUND-COLOR: #FFDFAE;
	LEFT: 0px; 
	PADDING-BOTTOM: 1em; 
	PADDING-TOP: 0.5em; 
	POSITION: absolute; 
	TOP: 100%
	}

UNKNOWN {
	LEFT: auto; 
	TOP: auto
	}

LI LI {
	BORDER-TOP-WIDTH: 0px; 
	DISPLAY: block; 
	BORDER-LEFT-WIDTH: 0px; 
	FLOAT: none; 
	BORDER-BOTTOM-WIDTH: 0px; 
	BACKGROUND-COLOR: transparent; 
	BORDER-RIGHT-WIDTH: 0px;
	}

LI:hover UL {
	DISPLAY: block;
	}

LI.over UL {
	DISPLAY: block;
	}

/****************************
Overige lijstjes
 ****************************/
UL#agenda {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 2%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	WIDTH: 95%;
	 
	}

#agenda li {
	display: block;
/*	background-color: #99FFCC; 
	LIST-STYLE-TYPE: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Garamond, Times serif;
	
	
	font-size: 120%;
	BORDER-RIGHT: #FF3300  0px solid; 
	BORDER-TOP: #FF3300  0px solid; 
	FLOAT: none; 
	BORDER-LEFT: #FF3300  0px solid; 
	WIDTH: 99%;
	CURSOR: default; 
	BORDER-BOTTOM: #FF3300  1px solid; 
	POSITION: relative; 
	TEXT-ALIGN: LEFT;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	z-index: 1;
	color: #FFEAD5;
	}

#agenda li.actueel {
	BACKGROUND-COLOR: #7E5F42;
	BORDER-TOP: #FF3300  1px solid;
	color: #FFEAD5;
	}

#agenda li.on {
	BACKGROUND-COLOR: transparent;
	}



/****************************
 PLAATJES e.d. 
 ****************************/
P.image {
	PADDING-RIGHT: 1.25em; 
	PADDING-LEFT: 2.25em; 
	FONT-SIZE: 0.8em; 
	FLOAT: left; 
	PADDING-BOTTOM: 0.25em; 
	border-width: 1px solid;
	border-COLOR: #FF3300; 
	PADDING-TOP: 1.25em; 
	TEXT-ALIGN: center;
	border: 5px;
	}
/* aan linkerkant!
P.imageL {
	PADDING-RIGHT: 0.25em; 
	PADDING-LEFT: 1.25em; 
	FONT-SIZE: 0.8em; 
	FLOAT: left; 
	PADDING-BOTTOM: 0.25em; 
	border-width: 1px solid;
	border-COLOR: #FF3300; 
	PADDING-TOP: 1.25em; 
	TEXT-ALIGN: center;
	/*DISPLAY: block;
	}

/*P.image1 {
	BORDER-TOP: THIN #666600; 
	PADDING-RIGHT: 1.25em; 
	PADDING-LEFT: 0.25em; 
	FONT-SIZE: 0.8em; 
	FLOAT: right; 
	PADDING-BOTTOM: 0.25em; 
	COLOR: #FFEAD5; 
	PADDING-TOP: 1.25em; 
	/*TEXT-ALIGN: center*/
	}

	
/***** HANDTEKENING! *****/
P.image2 {
	PADDING-RIGHT: 1.25em; 
	PADDING-LEFT: 3em; 
	FONT-SIZE: 0.8em; 
	FLOAT: left; 
	PADDING-BOTTOM: 0.25em; 
	COLOR: #FFEAD5; 
	PADDING-TOP: 1.25em; 
	/*TEXT-ALIGN: center*/
	} 

P.image IMG {
	BORDER-RIGHT: #FF3300  1px solid; 
	BORDER-TOP: #FF3300  1px solid; 
	DISPLAY: block; 
	BORDER-LEFT: #FF3300  1px solid; 
	BORDER-BOTTOM: #FF3300  1px solid
	}

P.image object {
	BORDER-RIGHT: #FF3300  1px solid; 
	BORDER-TOP: #FF3300  1px solid; 
	DISPLAY: block; 
	BORDER-LEFT: #FF3300  1px solid; 
	BORDER-BOTTOM: #FF3300  1px solid
	}

H6 { 
	font-family: sans-serif;
	border-top: 1px dashed #FF3300;
	FONT-SIZE: SMALLER; 
	font-weight: lighter;
	COLOR: #FF3300; 
	/*  float: left; */ 
	PADDING-TOP: 1em; 
	PADDING-BOTTOM: 0em; 
	PADDING-RIGHT: 0em;
	TEXT-ALIGN: CENTER;
	clear: both;
	}

#bottom {
	}

/****************************
 TABELLEN!
 ****************************/
table {
	position: relative; left: 10px;
	padding-left: 5px;
	COLOR: #666600; 
	}

tr {
	border-width: 1px; 
}

td {
	border-width: 1px; 
	vertical-align: top; 
	FONT-SIZE: small;
	}

td.rght {
	text-align: right; 
	}

/****************************
 OVERIG EN AANTEKENINGEN!
 ****************************

//
// VOOR KOPPEN RANDEN EN TEKST: #666600
// ACHTERGRONDKLEUR BODY: 
// ACHTERGRONDKLEUR ACHTER BODY: #F7E6F7
/* originele BACKGROUND-COLOR: #f4ecd9;
TB oude style KOP  background-color: #8ABEE6;

*****************************/