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

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

body 
	{
	font-family: Georgia, Times, serif;
	font-weight: normal;
	color: #1b1b1b;
	}

.list_item p,
.list_item span,
label
	{
	font-size: 80%;
	line-height: 110%;
	}


h1 
	{
	font-size: 220%;
	line-height: 120%;
	}

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

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 mac safari */
	/* background: #eee; */
	}

#cols2 table td#right 
	{
	background-image: url(../image/bg.gif);
	}

#cols2 table td#middle_wiz
	{
	background: #fff;
	}

#cols2 table td#right_wiz
	{
	background: #fff;
	}


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

#pagetop 
	{
	}

#navigation,
#navigation_extension
	{
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #fff;
	}

#searchresult #navigation_extension,
#set #navigation_extension
	{
	background-color: transparent;
	}

#navigation li,
#navigation_extension li
	{
	font-size: 66%;
	line-height: 70%;
	}

#navigation a:link,
#navigation a:visited,
#navigation a:active 
	{
	color: #666;
	text-decoration: none;
	border-right: 1px solid #666;
	}
	
#navigation a:hover 
	{
	text-decoration: none;
	color: #fff;
	background: #f00;
	}


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

#subnavigation
	{
	}
#subnavigation li
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 66%;
	}

#subnavigation a:link,
#subnavigation a:visited,
#subnavigation a:active 
	{
	color: #f00;
	line-height: 70%;
	text-decoration: none;
	border-right: 1px solid #fff;
	}
	
#subnavigation a:hover 
	{
	color: #fff;
	background: #f00;
	text-decoration: none;
	}


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

#searchsimple input 
	{
	font-family: verdana, arial, helvetica, sans-serif;
	border: 0px solid #1b1b1b;
	font-size: 60%;
	color: #666;
	}

#searchsimple a
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 66%;
	line-height: 180%;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	}

#searchsimple a:hover
	{
	color: #fff;
	background: #f00;
	text-decoration: underline;
	}

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

#textzoom a 
	{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #666;
	font-size: 66%;
	line-height: 180%;
	}
	
#textzoom a:hover
	{
	color: #fff;
	text-decoration: none;
	background: #f00;
	}

/* logon ---------------------------------------------------------------------- */

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

#login input
	{
	font-family: georgia, times, serif;
	font-size: 70%;
	}

#login .error
	{
	font-family: georgia, times, serif;
	font-size: 70%;
	color: #000;
	}

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

#home_intro h1
	{
	font-weight: normal;
	color: #000;
	font-size: 300%;
	}

#home #left #home_intro p
	{
	font-size: 120%;
	line-height: 130%;
	font-weight: normal;
	color: #1b1b1b;
	text-decoration: none;
	}
	

#home_intro a,
#home_intro p a
	{
	border-bottom: 1px solid #f00; 
	}

#home_intro p a:hover
	{
	color: #fff;
	background: #f00;
	text-decoration: none;
	}

#home_sponsors
	{
	border-top: 0px solid #def;
	}

#home_set2 h5
	{
	font-family: georgia, times, serif;
	font-weight: bold;
	color: #f00;
	font-size: 125%;
	line-height: 160%;
	}
	
#home_set2
	{
	font-size: 67%;
	line-height: 120%;
	font-family: georgia, times, serif;
	font-weight: normal;
	color: #000;
	}

#home #left #home_set2 a
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	line-height: 135%;
	}
	
#home #left #home_set2 a:hover
	{
	color: #fff;
	background: #f00;
	text-decoration: none;
	}

#home_member h3
	{
	font-size: 161%;
	line-height: 120%;
	}

#home_member h3 a
	{
	color: #fff;
	background: #f00;
	display: inline;
	}
	
#home_list2 h3 a
	{
	line-height: 120%;
	}


#cols2 .right_wiz
	{
	background: #fff;
	}


/* story (default) ------------------------------------------------------------ */

.detailed_view,
.story .detailed_view 
	{
	font-weight: normal;
	font-size: 110%;
	}

.detailed_view h1,
.story .detailed_view h1
	{
	font-weight: normal;
	color: #000;
	}

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

.detailed_view p.date_loc,
.story .detailed_view p.date_loc
	{
	color: #666;
	font-family: verdana, arial, sans-serif;
	font-size: 60%;
	}

.detailed_view p.date_loc a,
.story .detailed_view p.date_loc a
	{
	color: #666;
	font-family: verdana, arial, sans-serif;
	border-bottom: 0px solid #f00;
	}
	
.detailed_view p.date_loc a:hover,
.story .detailed_view p.date_loc a:hover
	{
	color: #fff;
	background: #f00;
	text-decoration: none;
	}

.detailed_view .intro,
.story .detailed_view .intro 
	{
	font-weight: normal;
	font-size: 102%;
	line-height: 130%;
	}

.detailed_view .body,
.story .detailed_view .body 
	{
	font-weight: normal;
	font-size: 70%;
	line-height: 140%;
	}

.detailed_view .intro a,
.detailed_view .body a
	{
	border-bottom: 1px solid #f00;
	}	

.detailed_view .intro a:hover,
.detailed_view .body a:hover
	{
	background: #f00;
	color: #fff;
	border-bottom: 1px solid #f00;
	}		
.caption
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 60%;
	line-height: 130%;
	color: #666;	
	}

.detailed_view .caption a
	{
	color: #666;
	border-bottom: 1px solid #f00;
	}
	
.detailed_view .caption a:hover
	{
	color: #fff;
	background: #f00;
	text-decoration: none;
	}


.detailed_view a,
.story .detailed_view a
	{
	font-weight: normal;
	color: #000;
	text-decoration: none;
	}

.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: none;
	}

.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-family: verdana, arial, helvetica, sans-serif;
	font-size: 60%;
	color: #666;
	}

.detailed_view .narratorof a,
.story .detailed_view .narratorof a,
.detailed_view .authorof a,
.story .detailed_view .authorof a
	{
	color: #666;
	border-bottom: 0px solid #f00;
	}

.detailed_view .narratorof a:hover,
.story .detailed_view .narratorof a:hover,
.detailed_view .authorof a:hover,
.story .detailed_view .authorof a:hover
	{
	text-decoration: none;
	color: #fff;
	background: #f00;
	}

.detailed_view .exif
	{
	font-size: 80%;
	color: #ccc;
	}


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

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

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

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

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

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

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

.list_item,
.story .list_item
	{
	color: #1b1b1b;
	border-top: 0px solid #def;
	line-height: 100%;
	font-size: 70%;
	}

.list_item .intro p,
.story .list_item .intro p
	{
	font-size: 100%;
	line-height: 130%;
	}

.list_item h3
	{
	font-size: 161%;
	line-height: 120%;
	}
	
.list_item h3 a,
.story .list_item h3 a 
	{
	color: #000;
	font-weight: normal;
	}
	
.list_item h3 a:hover
	{
	color: #fff;
	background: #f00;
	text-decoration: none;
	}

.list_item p.date_loc,
.story .list_item p.date_loc
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 93%;
	line-height: 130%;
	color: #666;
	}

.list_item p.author,
.story .list_item p.author
	{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #666;
	font-weight: normal;
	line-height: 100%;
	font-size: 93%;
	}

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

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

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

.person .detailed_view h4
	{
	color: #000;
	font-weight: normal;
	}

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

.person .detailed_view a.narrator
	{
	font-size: 100%;
	color: #000;
	font-weight:normal;
	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:normal;
	}

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

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

.person .detailed_view a
	{
	font-size: 75%;
	font-weight: normal;
	color: #000;
	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: #000;
	text-decoration: none;
	}

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


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

.person .list_item
	{
	color:#666;
	}

.person .list_item h3 a 
	{
	color: #1b1b1b;
	font-weight: normal;
	background: #d7d7d7;
	}

.person .list_item p.date_loc
	{
	color: #d7d7d7;
	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: 0px solid #def;
	}

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

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

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

.news .detailed_view .body
	{
	}

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

.news .detailed_view a
	{
	font-weight: normal;
	text-decoration: none;
	}

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

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

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


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

.news .list_item
	{
	border-top: 0px solid #def;
	}

.news .list_item h3
	{
	color: #000;
	font-weight: normal;
	}
	
.news .list_item h3 a
	{
	background: #199DBF;
	color: #fff;
	}

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


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

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

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

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

.guestbook
	{
	}

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

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

.guestbook .intro
	{
	font-size: 140%;
	font-weight: normal;
	}

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

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


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

.ecard
	{
	border-top: 0px solid #def;
	}

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


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

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

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

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

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

/* note ------------------------------------------------------------------- */

#notes h2
	{
	margin: 10px 0px 10px 0px;
	font-weight: normal;
	font-size: 100%;
	color: #000;
	}

.note .rcontent
	{
	background: #fe8;
	}

#default .note p.title
	{
	font-size: 110%;
	line-height: 120%;
	color: #000;
	font-weight: normal;
	}

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

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

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

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

.react_nextprev a:hover
	{
	text-decoration: underline;
	}	
	
/* containers for forms: login, mail, note -------------------------------- */

#note_form .cont,
#mail_form .cont,
#mail_preview .cont,
#mail_send .cont
	{
	background: #d7d7d7;
	}
	
#note_form input,
#note_form textarea,
#mail_form input,
#mail_form textarea
	{
	font-family: georgia, times, serif;
	font-size: 70%;
	}

#note_form a.note_submit,
#mail_form a.note_submit,
#mail_preview a.note_submit,
#mail_send a.note_submit
	{
	color: #000;
	font-size: 80%;
	text-decoration: underline;
	}

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

#note_form span.explanation,
#mail_form span.explanation
	{
	color: #666;
	font-size: 60%;
	}

#note_form,
#mail_form,
#mail_preview,
#mail_send,
.mail_send,
.mail_ecard_preview,
.mail_ecard_send
	{
	border-top: 0px solid #def;
	}

#note_form h2,
#mail_form h2,
#mail_preview h2,
#mail_send h2,
#ecard_preview h1,
#ecard_preview h2,
#ecard_send h1,
#ecard_send h2
	{
	font-weight: normal;
	color: #000;
	}

#ecard_preview a,
#ecard_send a,
.pipe
	{
	font-size: 75%;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	}


#ecard_preview .receiver
	{
	font-size: 180%;
	color: #000;
	font-style:italic;
	border-top: 20px solid #000;
	width: 320px;
	}

#ecard_preview .sender
	{
	font-weight:bold;
	}


/* metadata ------------------------------------------------------------------- */

.metadata
	{
	width: 100px;
	font-family: verdana, arial, helvetica, sans-serif;
	}
	
.metadata p,
.metadata a
	{
	font-size: 70%;
	line-height: 130%;
	color: #1b1b1b;
	text-decoration: none;
	background: #fff;
	}
	
.metadata a
	{
	font-size: 100%;
	}

.metadata a.selected
	{
	color: #fff;
	background: #f00;
	}

.metadata a:hover
	{
	color: #fff;
	background: #f00;
	text-decoration: none;
	}

.metadata .arrowdown img
	{
	cursor: help;
	}


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

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

#searchresult .searchhead p a
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #fff;
	background: #f00;
	}

#searchresult .searchhead span
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	}

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


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

.red
	{
	color: #000;
	}
	
/* action box */

.action_box .submit,
.action_box .reset
	{
	height: 20px;
	cursor: hand;
	cursor: pointer;
	}

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

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

#popup .caption p
	{
	font-style: italic;
	}
	
#popup .date p
	{
	float: left;
	font-style: normal;
	color: #000;
	}

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

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

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



/* design by ----------------------------------------------------------------- */
#design_by span
	{
	font-family: georgia, sans-serif;
	color: #ddd;
	font-weight: normal;
	font-size: 100%;
	}

#design_by a
	{
	font-family: georgia, sans-serif;
	color: #ddd;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	}

#design_by a:hover
	{
	color: #666;
	text-decoration: none;
	}

/* action edit --------------------------------------------------------------- */

.action_edit a
	{
	font-weight: normal;
	background-color: #f00;
	color: #fff;
	border: 0px;
	text-decoration:none;
	}


/* 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: #000;
	}

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

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

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

#footer
	{
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 100%;
	color: #666;
	background: #fff;
	font-size: 66%;
	text-align: left;
	}
	
#footer .activity,
#footer .activity a
	{
	color: #666;
	}
	
#footer .activity a:hover
	{
	text-decoration: none;
	color: #666;
	}
	
#footer .client
	{
	background: #ddd;
	color: #666;
	}
	
#footer .client .text
	{
	width: 130px;
	color: #666;
	float: right;
	}
	
#footer .client p,
#footer .design_by p
	{
	font-size: 1px;
	line-height: 2px;
	display: inline;
	height: 2px;
	}
	
#footer .client ul,
#footer .client ul li
	{
	text-align: left;
	display: inline;
	list-style: none;
	}
	
#footer .client ul li
	{
	border-right: 1px solid #999;
	}

#footer .client ul li a
	{
	color: #999;
	}
	
#footer .client ul li a:hover
	{
	color: #fff;
	text-decoration: none;
	background: #000;
	}

#design_by
	{
	width: auto;
	text-align: left;
	}
	
#footer .text
	{
	color: #efefef;
	}
	
#footer .text p
	{
	display: inline;
	}
	



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

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

.wiki h1,
.wiki h2,
.wiki h3,
.wiki h4,
.wiki h5,
.wiki h6 
	{
	font-family: georgia, times, serif;
	line-height: 110%;
	font-weight: normal;
	font-style: normal;
	color: #000;
	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 a
	{
	font-size: 100%;
	line-height: 110%;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	border-bottom:1px solid #FF0000;
	}

.wiki img
	{
/*	float: left; */
	border: 0px;
	margin: 0px 10px 10px 0px;
	}	

.wiki .caption
	{
	display: block;
	font-size: 85%;
	}

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

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