/* general -------------------------------------------------------------------- */

html, body 
	{
	font-size: 100%;
	line-height: 100%;
	}

body 
	{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	}

p, span 
	{
	font-size: 70%;
	line-height: 120%;
	}

#left p,
#left span 
	{
	font-size: 75%;
	line-height: 125%;
	}

#home #left p,
#home #left span 
	{
	font-size: 100%;
	line-height: 130%;
	}

h1 
	{
	font-size: 300%;
	line-height: 130%;
	}

h2 
	{
	font-size: 190%;
	line-height: 120%;
	}

h3 
	{
	font-size: 115%;
	line-height: 110%;
	}

h4 
	{
	font-size: 80%;
	line-height: 120%;
	}

h5 
	{
	font-size: 75%;
	line-height: 120%;
	}

h6 
	{
	font-size: 130%;
	line-height: 100%;
	}

h7 
	{
	font-size: 60%;
	line-height: 100%;
	}

a 
	{
	text-decoration: none;
	}

a:hover 
	{
	text-decoration: underline;
	}


/* two column layout ---------------------------------------------------------- */

#cols2 
	{
	background: #fff; /* Niet te zien op de mac safari */
	/* background: #eee; */
	}

#cols2 table td#left .content
	{
	background: #fff;
	}

#cols2 table td#right
	{
	background:url(ima/smile_3.gif);
	}

/* pagetop / navigation ------------------------------------------------------- */

#pagetop 
	{
	}

#navigation 
	{
	background-color: #fff;
	}

#navigation li
	{
	}

#navigation a:link,
#navigation a:visited,
#navigation a:active 
	{
	color: #000;
	font-size: 70%;
	line-height: 70%;
	text-decoration: none;
	border-right: 1px solid #000;
	}
	
#navigation a:hover 
	{
	text-decoration: underline;
	}


/* subnavigation ------------------------------------------------------- */

#subnavigation li
	{
	}

#subnavigation a:link,
#subnavigation a:visited,
#subnavigation a:active 
	{
	color: #E1000F;
	font-size: 70%;
	line-height: 100%;
	text-decoration: none;
	border-right: 0px solid #E1000F;
	}
	
#subnavigation a:hover 
	{
	text-decoration: underline;
	}


/* simple search -------------------------------------------------------------- */

#zoek input 
	{
	border: 1px solid #000;
	font-size: 70%;
	}

#zoek a
	{
	font-size: 65%;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	}


/* textzoom ------------------------------------------------------------------- */

#textzoom a 
	{
	color: #E1000F;
	font-size: 60%;
	}


/* homepage ------------------------------------------------------------------- */

#home_intro h1
	{
	font-weight: normal;
	background-color: #E1000F;
	color: #fff;
	display: inline;
	}

#home_intro p
	{
	font-weight: normal;
	}

#home_intro .intro
	{
	font-size: 130%;
	font-weight: normal;
	}

#home_intro a,
#home_intro p a
	{
	font-size: 70%;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
	}

#home_intro p a
	{
	font-size: 180%;
	}

#home_intro p a:hover
	{
	font-size: 100%;
	text-decoration: underline;
	}


#home_sponsors
	{
	border-top: 1px solid #fff;
	}

#home_set2,
#home_set2 a
	{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
	line-height: 110%;
	}

#home_set2 span
	{
	color: #000;
	}

.list_title 
	{
	color: #000;
	font-size: 70%;
	}
	
#home_set2 a
	{
	font-size: 80%;
	line-height: 90%;
	text-decoration: underline;
	}

#home_member h3,
#home_list2 h3 
	{
	font-size: 130%;
	line-height: 100%;
	}

#home_member .intro,
#home_list2 .intro 
	{
	font-size: 80%;
	line-height: 100%;
	}
	
/* story (fffault) ------------------------------------------------------------ */

.detailed_view,
.story .detailed_view 
	{
	}

.detailed_view h1,
.story .detailed_view h1
	{
	font-weight: normal;
	background-color: #E1000F;
	color: #fff;
	display: inline;
	}



.detailed_view h4,
.story .detailed_view h4
	{
	color: #E1000F;
	font-weight: normal;
	}

.detailed_view p.date_loc,
.story .detailed_view p.date_loc
	{
	color: #999;
	}

.detailed_view .intro,
.story .detailed_view .intro
	{
	font-weight: bold;
	}

.detailed_view .caption p,
.story .detailed_view .caption p
	{
	font-size: 60%;
	}

.detailed_view a,
.story .detailed_view a
	{
	font-size: 70%;
	font-weight: normal;
	text-decoration: underline;
	}

.detailed_view a:hover,
.story .detailed_view a:hover
	{
	text-decoration: underline;
	}	

.detailed_view p a,
.story .detailed_view p a
	{
	font-size: 100%;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
	}

.detailed_view p a:hover,
.story .detailed_view p a:hover
	{
	text-decoration: underline;
	}	

.detailed_view .narratorof,
.story .detailed_view .narratorof,
.detailed_view .authorof,
.story .detailed_view .authorof
	{
	font-size: 70%;
	color: #E1000F;
	}

.detailed_view .narratorof a,
.story .detailed_view .narratorof a,
.detailed_view .authorof a,
.story .detailed_view .authorof a
	{
	font-size: 100%;
	color: #E1000F;
	text-decoration: none;
	}

.detailed_view .narrator a:hover,
.story .detailed_view .narrator a:hover,
.detailed_view .authorof a:hover,
.story .detailed_view .authorof a:hover
	{
	text-decoration: underline;
	}


/* choose language ------------------------------------------------------------ */

.detailed_view .choose_language
	{
	width: 400px;
	text-align: right;
	}

.detailed_view .choose_language
	{
	font-size: 80%;
	color: #E1000F;
	}

.detailed_view .choose_language a
	{
	font-size: 90%;
	color: #E1000F;
	text-decoration: underline;
	}

.detailed_view .choose_language a:hover
	{
	color: #E1000F;
	}

.detailed_view .smile
	{
	border: 0px;
	float: none;
	margin: 0px;
	padding: 0px;
	margin-left: 2px;
	}

/* story: list_item (fffault) ------------------------------------------------- */

.list_item,
.story .list_item
	{
	border: none;
	background-color: #fff;
	}


	
.list_item h3 a,
.story .list_item h3 a 
	{
	color: #E1000F;
	font-weight: normal;
	}

.list_item p.date_loc,
.story .list_item p.date_loc
	{
	color: #999;
	}

.list_item p.author,
.story .list_item p.author
	{
	color: #666;
	font-weight: normal;
	}

.list_item .smile
	{
	border: 0px;
	float: none;
	margin: 0px;
	padding: 0px;
	margin-left:1px;
	}

/* person --------------------------------------------------------------------- */
.person .detailed_view
	{
	border-top: 1px solid #fff;
	}

.person .detailed_view h1
	{
	font-weight: normal;
	color: #E1000F;
	}

.detailed_view h2,
.story .detailed_view h2
	{
	font-weight: normal;
	background-color: #E1000F;
	color: #fff;
	display: inline;
	}
	
.person .detailed_view h4
	{
	color: #E1000F;
	font-weight: normal;
}

.person .detailed_view span.narrator
	{
	font-size: 90%;
	color: #E1000F;
	font-weight:bold;
}

.person .detailed_view a.narrator
	{
	font-size: 100%;
	color: #E1000F;
	font-weight:bold;
	text-decoration: none;
}

.person .detailed_view a.narrator:hover
	{
	font-size: 100%;
	text-decoration: underline;
}

.person .detailed_view p.date_loc
	{
	font-size: 70%;
	font-style: italic;
	font-weight:bold;
	}

.person .detailed_view .intro
	{
	font-weight: bold;
	}

.person .detailed_view p.caption
	{
	font-style: italic;
	}

.person .detailed_view a
	{
	font-size: 100%;
	font-weight: normal;
	color: #E1000F;
	text-decoration: none;
	}

.person .detailed_view a:hover
	{
	font-size: 75%;
	text-decoration: underline;
	}	

.person .detailed_view p a
	{
	font-size: 100%;
	font-weight: normal;
	color: #E1000F;
	text-decoration: none;
	}

.person .detailed_view p a:hover
	{
	text-decoration: underline;
	}	

.person .detailed_view .labels
	{
	font-size: 100%;
	font-weight: bold;
	}
	
.detailed_view .type
	{
	font-size: 60%;
	text-transform: uppercase;
	}



/* person list_item ----------------------------------------------------------- */
.person .list_item
	{
	border-top: 1px solid #fff;
	}

.person .list_item
	{
	color:#666;
	}

.person .list_item h3 a 
	{
	color: #000;
	font-style:italic;
	font-weight: normal;
	}

.person .list_item p.date_loc
	{
	color: #000;
	font-size:70%;
	font-style:italic;
	font-weight: normal;
	}

.person .list_item p.pers
	{
	font-size:70%;
	color: #093;
	font-style:italic;
	font-weight: normal;
	margin-left:5px;
	}


/* news ----------------------------------------------------------------------- */

.news .detailed_view
	{
	border-top: 1px solid #fff;
	}

.news .detailed_view h1
	{
	font-weight: normal;
	color: #fff;
	}

.news .detailed_view p.date_pers
	{
	font-size: 70%;
	font-style: italic;
	}

.news .detailed_view .intro
	{
	font-weight: bold;
	}

.news .detailed_view .body
	{
	}

.news .detailed_view p.caption
	{
	font-size: 70%;
	font-style: italic;
	}

.news .detailed_view a
	{
	font-size: 70%;
	font-weight: normal;
	color: #E1000F;
	text-decoration: none;
	}

.news .detailed_view a:hover
	{
	text-decoration: underline;
	}	

.news .detailed_view p a
	{
	font-size: 100%;
	font-weight: normal;
	color: #E1000F;
	text-decoration: none;
	}

.news .detailed_view p a:hover
	{
	text-decoration: underline;
	}	


/* news list_item ------------------------------------------------------------- */

.news .list_item
	{
	border-top: 1px solid #fff;
	}

.news .list_item h3 a 
	{
	color: #E1000F;
	font-weight: normal;
	}

.news .list_item p.date_loc
	{
	color: #999;
	}


/* set ------------------------------------------------------------------------ */

#set h1
	{
	font-weight: normal;
	color: #E1000F;
	}

#set .introset
	{
	font-weight: bold;
	margin-bottom: 20px;
	}
	

/* guestbook ------------------------------------------------------------------ */

.guestbook
	{
	}

.guestbook h1
	{
	font-weight: normal;
	color: #E1000F;
	}

.guestbook h2
	{
	font-weight: normal;
	color: #E1000F;
	}

.guestbook .intro
	{
	font-weight: bold;
	}

.guestbook a
	{
	font-size: 75%;
	font-weight: normal;
	color: #E1000F;
	text-decoration: none;
	}

.guestbook a:hover
	{
	text-decoration: underline;
	}	


/* ecard ---------------------------------------------------------------------- */

.ecard
	{
	border-top: 1px solid #fff;
	}

.ecard h1
	{
	font-weight: normal;
	color: #E1000F;
	}


/* pipe sign ------------------------------------------------------------------ */

.pipe_see_att
	{
	font-size: 70%;
	font-weight: normal;
	color: #E1000F;
	text-decoration: none;
	}

.pipe_next_prev
	{
	font-size: 70%;
	font-weight: normal;
	color: #E1000F;
	text-decoration: none;
	}

.pipe_readon
	{
	font-size: 70%;
	font-weight: normal;
	color: #E1000F;
	text-decoration: none;
	}

.pipe_readon a
	{
	font-size: 90%;
	color: #E1000F;
	text-decoration: none;
	}

/* containers for forms: login, mail, reaction -------------------------------- */

#note_form
	{
	background: #fff;
	}
	
#note_form .form_text,
#note_form .form_title
	{
	font-size: 70%;
	color: #333;
	padding: 0px;
	}

#note_form .form_title
	{
	font-size: 75%;
	font-weight: bold;
	}

#note_form input,
#note_form textarea
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	}

#note_form a.note_submit
	{
	color: #000;
	font-size: 80%;
	}

#note_form a.note_cancel
	{
	color: #666;
	font-size: 80%;
	}

/* mail story mail ecard ------------------------------------------------------ */

.mail_form,
.mail_preview,
.mail_send,
.mail_ecard_preview,
.mail_ecard_send
	{
	border-top: 1px solid #fff;
	}

.mail_form h2,
.mail_preview h1,
.mail_preview h2,
.mail_preview p,
.mail_send h1,
.mail_send h2,
.mail_ecard_preview h1,
.mail_ecard_preview h2,
.mail_ecard_send h1,
.mail_ecard_send h2
	{
	font-weight: normal;
	color: #E1000F;
	}

.mail_preview a,
.mail_send a,
.mail_ecard_preview a,
.mail_ecard_send a,
.pipe
	{
	font-size: 75%;
	font-weight: normal;
	color: #E1000F;
	text-decoration: none;
	}


.mail_preview .receiver,
.mail_ecard_preview .receiver
	{
	font-size: 180%;
	color: #E1000F;
	font-style:italic;
	border-top: 20px solid #E1000F;
	width: 320px;
	}

.mail_preview .sender,
.mail_ecard_preview .sender
	{
	font-weight:bold;
	}


/* metadata ------------------------------------------------------------------- */
.metadata p,
.metadata a
	{
	font-size: 70%;
	line-height: 130%;
	color: #E1000F;
	text-decoration: none;
	}
	
.metadata a
	{
	font-size: 100%;
	}

.metadata a.selected
	{
	color: #E1000F;
	}

.metadata a:hover
	{
	text-decoration: underline;
	}

.metadata .arrowdown img
	{
	cursor: help;
	}



/* reaction ------------------------------------------------------------------- */

.reaction_form
	{
	border-top: 1px solid #fff;
	}

.reaction_form h2
	{
	font-weight: normal;
	color: #E1000F;
	}


#reactions h2
	{
	margin: 10px 0px 10px 0px;
	font-weight: normal;
	color: #E1000F;
	}

.note .rcontent
	{
	background: #fe8;
	}

.note p.title
	{
	font-size: 80%;
	line-height: 120%;
	color: #E1000F;
	font-weight: bold;
	}

.note p.chapeau
	{
	font-size: 70%;
	background: #fc3;
	}

.note a
	{
	font-size: 70%;
	font-weight: normal;
	color: #E1000F;
	text-decoration: none;
	}

.note a:hover
	{
	text-decoration: underline;
	}	

.react_nextprev a
	{
	font-size: 70%;
	color: #E1000F;
	text-decoration: none;
	}

.react_nextprev a:hover
	{
	text-decoration: underline;
	}	


/* searchpage ----------------------------------------------------------------- */

#searchresult .searchhead h1
	{
	font-weight: normal;
	color: #E1000F;
	}

#searchresult .searchhead p a
	{
	font-size: 100%;
	color: #E1000F;
	}

#searchresult .searchhead span
	{
	font-size: 100%;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	}

#searchresult .searchhead span.noaction
	{
	color: #ccc;
	}


/* alert ---------------------------------------------------------------------- */

.red
	{
	color: #E1000F;
	}
	

/* popup ---------------------------------------------------------------------- */

#popup .content
	{
	text-align: left;
	}

#popup .caption p
	{
	font-style: italic;
	}

#popup a
	{
	font-size: 100%;
	color: #E1000F;
	text-decoration:none;
	}

#popup a:hover
	{
	text-decoration:underline
	}

#popup h3
	{
	color: #E1000F;
	font-weight: normal;
	}



/* 28: DESIGN BY */
.anymeta-light
	{
	font-family: georgia, sans-serif;
	color: #ccc;
	font-weight: normal;
	font-size: 60%;
}

.anymeta-dark
	{
	font-family: georgia, sans-serif;
	color: #999;
	font-weight: normal;
	font-style: italic;
	font-size: 60%;
	text-decoration: none;
}

a.anymeta-dark:link
	{
	text-decoration: none;
}

a.anymeta-dark:hover
	{
	color: #666;
	text-decoration: none;
}



/* login ---------------------------------------------------------------------- */

.login
	{
	border-top: 1px solid #fff;
	}

.login h1
	{
	font-weight: normal;
	color: #E1000F;
	}

.login .intro
	{
	font-weight: bold;
	}

.login a
	{
	font-size: 75%;
	font-weight: bold;
	color: #E1000F;
	text-decoration: none;
	}

.login .alert
	{
	color: #E1000F;
	}





/* The searchword class is used to highlight the
 * searched words in the body.  We use yellow as
 * the background color.  Highlighting is suppressed
 * in the header of the searchresult page.
 */	
span.searchword
	{
	background-color:	#ff0;
	font-size:			100%;
	padding:			0px;
	margin:				0px;
	}

b span.searchword
	{
	font-weight: bold;
	}

#searchhead span.searchword
	{
	background-color: white;
	}

#pagetop span.searchword
	{
	background-color: #E1000F;
	}

#subnav span.searchword
	{
	background-color: white;
	}

#textzoom span.searchword
	{
	background-color: white;
	font-weight: bold;
	}

/* footer -------------------------------------------------- */	

#footer
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30%;
	line-height: 100%;
	color: #efefef;
	}

#footer a
	{
	text-decoration: none;
	border: none;
	color: #efefef;
	}

#footer p
	{
	color: #efefef;
	}


/* wiki ---------------------------------------------------------------------- */

.wiki p,
.wiki ul,
.wiki ol
	{
	margin-bottom: 10px;
	}

.wiki h1,
.wiki h2,
.wiki h3,
.wiki h4,
.wiki h5,
.wiki h6 
	{
	font-family: Verdana, arial, helvetica, sans-serif;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;
	color: #E1000F;
	background-color: #fff;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	}	
	
.wiki h1 
	{
	font-size: 300%;
	}	
	
.wiki h2 
	{
	font-size: 250%;
	}	

.wiki h3 
	{
	font-size: 200%;
	}	
	
.wiki h4 
	{
	font-size: 150%;
	}	
	
.wiki h5 
	{
	font-size: 100%;
	}	
	
.wiki h6 
	{
	font-size: 80%;
	}	
	
.wiki img
	{
	float: left;
	border: 0px;
	margin: 0px 10px 10px 0px;
	}	

#cols2 .wiki table
	{
	border: 1px dotted #E1000F;
    padding: 0px;
    border-collapse: collapse;
	margin: 0px 0px 10px 0px;
	text-align: left;
	}
	
#cols2 .wiki th 
	{
	font-size: 70%; 
	color: #E1000F;
	line-height: 110%; /*12px*/
	border-bottom: 1px solid #000;
	border-right: 1px dotted #E1000F;
	margin: 0px;
    padding: 3px;
	text-align: left;
	}
	
	
#cols2 .wiki table td 
	{
	font-size: 70%; 
	color: #000;
    padding: 3px;
    margin: 0px;
	border: 1px dotted #E1000F;
	text-align: left;
	}	

.wiki ul li  
	{
	font-size: 80%; 
	}