/* 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: 300%;
	line-height: 100%;
	}

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: #efefef;
	}

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

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


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

#pagetop 
	{
	}

#navigation,
#navigation_extension
	{
	background-color: #969696;
	}

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

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

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


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

#subnavigation li
	{
	}

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


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

#searchsimple input 
	{
	font-family: Georgia, Times, serif;
	border: 1px solid #1b1b1b;
	font-size: 65%;
	}

#searchsimple a
	{
	font-size: 70%;
	line-height: 180%;
	font-weight: normal;
	color: #1b1b1b;
	text-decoration: none;
	}

#searchsimple a:hover
	{
	text-decoration: underline;
	}

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

#textzoom a 
	{
	color: #1b1b1b;
	font-size:70%;
	line-height: 180%;
	}

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

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

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

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

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

#home_intro h1
	{
	font-weight: normal;
	color: #307300;
	}


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

#home_intro a,
#home_intro p a
	{
	font-weight: normal;
	color: #307300;
	text-decoration: none;
	}

#home_intro p a:hover
	{
	text-decoration: underline;
	}


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

#home_set2 h5
	{
	font-family: georgia, times, serif;
	font-weight: normal;
	color: #C8C850;
	font-size: 140%;
	line-height: 110%;
	}
	
#home_set2
	{
	font-size: 80%;
	font-family: georgia, times, serif;
	font-weight: normal;
	color: #000;
	}

#home #left #home_set2 a
	{
	font-family: georgia, times, serif;
	font-weight: normal;
	color: #6e6e6e;
	line-height: 130%;
	}

#home_member h3,
#home_member h3 a
	{
	font-size: 150%;
	line-height: 120%;
	background: #fff;
	}

#home_list2 h3 a
	{
	font-size: 130%;
	line-height: 120%;
	background: #fff;
	}


#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: #307300;
	}

.detailed_view h4,
.story .detailed_view h4
	{
	color: #307300;
	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: normal;
	font-size: 110%;
	line-height: 120%;
	}

.detailed_view .body,
.story .detailed_view .body 
	{
	font-weight: normal;
	font-size: 70%;
	line-height: 140%;
	}
	
.caption
	{
	font-size: 70%;
	line-height: 130%;
	color: #666;	
	}

.detailed_view .caption a,
	{
	line-height: 100%;
	color: #666;	
	}


.detailed_view a,
.story .detailed_view a
	{
	font-weight: normal;
	color: #307300;
	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: #307300;
	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-size: 70%;
	color: #6e6e6e;
	}

.detailed_view .narratorof a,
.story .detailed_view .narratorof a,
.detailed_view .authorof a,
.story .detailed_view .authorof a
	{
	font-size: 100%;
	color: #6e6e6e;
	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;
	}

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

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

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

.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
	{
	background: #d7d7d7;
	font-size: 160%;
	}
	
.list_item h3 a,
.story .list_item h3 a 
	{
	color: #1b1b1b;
	font-weight: normal;
	}

.list_item p.date_loc,
.story .list_item p.date_loc
	{
	font-size: 100%;
	line-height: 130%;
	color: #999;
	}

.list_item p.author,
.story .list_item p.author
	{
	color: #6e6e6e;
	font-weight: normal;
	line-height: 100%;
	font-size: 100%;
	}

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

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

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

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

.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;
	color: #307300;
	text-decoration: none;
	}

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

.news .detailed_view p a
	{
	font-size: 100%;
	font-weight: normal;
	color: #307300;
	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,
.news .list_item h3 a 
	{
	color: #307300;
	font-weight: normal;
	background: #fff;
	}

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


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

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

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

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

.guestbook
	{
	}

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

.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: #307300;
	text-decoration: none;
	}

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

.react_nextprev a
	{
	font-size: 70%;
	color: #307300;
	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: #307300;
	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: #307300;
	}

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


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

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


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

.metadata
	{
	width: 100px;
	}
	
.metadata p,
.metadata a
	{
	font-size: 70%;
	line-height: 130%;
	color: #1b1b1b;
	text-decoration: none;
	background: #C8C850;
	}
	
.metadata a
	{
	font-size: 100%;
	}

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

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

.metadata .arrowdown img
	{
	cursor: help;
	}


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

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

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

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

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


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

.red
	{
	color: #307300;
	}
	
/* 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: #307300;
	}

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

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

#popup h3
	{
	color: #307300;
	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:link,
.action_edit a:visited, 
.action_edit a:active, 
.action_edit a:hover
	{
	font-weight: normal;
	font-size: 80%;
	background-color: #307300;
	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: #307300;
	}

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

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

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

#footer
	{
	font-family: georgia, times, serif;
	line-height: 100%;
	color: #efefef;
	font-size: 70%;
	text-align: left;
	}
	
#footer .activity,
#footer .activity a
	{
	color: #ddd;
	}
	
#footer .activity a:hover
	{
	text-decoration: none;
	color: #666;
	}
	
#footer .client
	{
	background: #ddd;
	color: #999;
	}
	
#footer .client .text
	{
	width: 130px;
	color: #cdcdcd;
	float: right;
	}
	
#footer .client p,
#footer .design_by p
	{
	font-size: 1px;
	display: inline;
	}
	
#footer .client ul,
#footer .client ul li
	{
	font-size: 107%;
	text-align: left;
	display: inline;
	list-style: none;
	}
	
#footer .client ul li
	{
	border-right: 1px solid #999;
	}

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

#design_by
	{
	width: auto;
	text-align: left;
	}
	
#footer .text
	{
	width: 130px;
	color: #efefef;
	float: right;
	}
	


/* 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: #307300;
	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: #307300;
	text-decoration: none;
	}

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

#cols2 .wiki table,
#cols3 .wiki table
	{
	border: 1px dotted #307300;
    padding: 0px;
    border-collapse: collapse;
	margin: 0px 0px 10px 0px;
	text-align: left;
	}
	
#cols2 .wiki th,
#cols3 .wiki th 
	{
	font-size: 70%; 
	color: #307300;
	line-height: 110%; /*12px*/
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px dotted #307300;
	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 #307300;
	text-align: left;
	}	

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



/* manage my stuff ------------------------------------------------------------ */

.manage_my_things table
	{
	width: 720px;
	margin: 10px 10px 40px 10px;
	}

#searchresult .manage_my_things a
	{
	font-size: 70%; 
	float: left;
	margin-right: 20px;
	}

#searchresult .manage_my_things h3
	{
	color: #039;
	padding: 40px 10px 10px 10px;
	margin: 0;
	}

#searchresult .manage_my_things table td
	{
	padding: 5px;
	}

#searchresult .manage_my_things table td .intro
	{
	display: block;
	font-size: 70%;
	line-height: 125%;
	padding: 0;
	margin: 0;
	}

#searchresult .manage_my_things table td .intro img
	{
	float: left;
	margin: 0;
	padding: 0;
	}

#searchresult .manage_my_things table td.td1
	{
	width: 510px;
	}

#searchresult .manage_my_things table td.td2
	{
	width: 190px;
	}

#searchresult .manage_my_things .cc
	{
	font-size: 70%;
	color: #666;
	}

#searchresult .manage_my_things .td1,
#searchresult .manage_my_things .td2
	{
	padding-top: 10px;
	}

#searchresult .manage_my_things .td4
	{
	padding-bottom: 10px;
	}

#searchresult .manage_my_things .odd
	{
	background: #eee;
	}