html, body 
{
font-size: 100%;
}
body 
{
font-family: Verdana, arial, helvetica, sans-serif;
font-weight: normal;
color: #000;
}
p
{
font-size: 75%;
line-height: 125%;
}
.list_item p,
.list_item span,
label
{
font-size: 70%;
line-height: 160%;
}
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 
{
font-weight: normal;
color: #f00;
text-decoration: none;
}
a:hover 
{
text-decoration: underline;
}
#cols2 
{
background: #f8f8f8; /* Niet te zien op mac safari */
}
#cols2 table.main td#left .content_l
{
background: #fff;
}
#cols2 table.main td#middle_wiz
{
background: #fff;
}
#cols2 table.main td#right_wiz
{
background: #fff;
}
#pagetop 
{
}
#navigation 
{
background-color: #f00;
}
#navigation_extension
{
}
#searchresult #navigation_extension,
#set #navigation_extension
{
background-color: transparent;
}
#navigation li
{
}
#navigation a:link,
#navigation a:visited,
#navigation a:active 
{
color: #fff;
font-size: 70%;
line-height: 70%;
text-decoration: none;
border-right: 1px solid #fff;
}
#navigation a:hover 
{
text-decoration: underline;
}
#subnavigation li
{
}
#subnavigation a:link,
#subnavigation a:visited,
#subnavigation a:active
{
color: #039;
font-size: 70%;
line-height: 70%;
text-decoration: none;
border-right: 1px solid #039;
}
#detailed_view a.extra_react_link:link,
#detailed_view a.extra_react_link:visited,
#detailed_view a.extra_react_link:active 
{
color: #039;
font-size: 70%;
line-height: 70%;
text-decoration: none;
}
#subnavigation a:hover 
#detailed_view a.extra_react_link:hover 
{
text-decoration: underline;
}
#searchsimple input 
{
border: 1px solid #000;
font-size: 70%;
}
#searchsimple a
{
font-size: 70%;
font-weight: normal;
color: #000;
text-decoration: none;
}
#searchsimple a:hover
{
text-decoration: underline;
}
#textzoom a 
{
color: #039;
font-size: 70%;
}
#login h1
{
font-weight: normal;
color: #039;
}
#login input
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
}
#login .error
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #f00;
}
#home_intro h1
{
font-weight: normal;
color: #039;
}
#home_intro p
{
font-weight: bold;
}
#home_intro a,
#home_intro p a
{
font-size: 70%;
font-weight: normal;
color: #f00;
text-decoration: none;
}
#home_intro p a
{
font-size: 100%;
}
#home_intro p a:hover
{
font-size: 100%;
text-decoration: underline;
}
#home_sponsors
{
border-top: 1px solid #def;
}
#home_set2,
#home_set2 a
{
font-family: Verdana, arial, helvetica, sans-serif;
font-weight: normal;
color: #f00;
line-height: 110%;
}
#home_set2 h5
{
color: #000;
}
#home_set2 a
{
font-size: 80%;
line-height: 90%;
text-decoration: underline;
}
#home_member h3,
#home_list2 h3 
{
font-size: 150%;
line-height: 120%;
}
#home_list2 p
{
font-size: 75%;
line-height: 125%;
}
.detailed_view .choose_language
{
width: 400px;
text-align: right;
}
.detailed_view .choose_language
{
font-size: 80%;
color: #039;
}
.detailed_view .choose_language a
{
font-size: 90%;
color: #039;
text-decoration: underline;
}
.detailed_view .choose_language a:hover
{
color: #f00;
}
.detailed_view .smile
{
border: 0px;
float: none;
margin: 0px;
padding: 0px;
margin-left: 2px;
}
.detailed_view .exif
{
font-size: 90%;
color: #ccc;
text-decoration: underline;
}
.detailed_view,
.story .detailed_view 
{
}
.detailed_view h1,
.story .detailed_view h1
{
font-weight: normal;
color: #039;
}
.detailed_view h4,
.story .detailed_view h4
{
color: #039;
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 .body,
.story .detailed_view .body
{
}
.detailed_view .caption,
.story .detailed_view .caption
{
line-height: 90%;
font-size: 90%;
}
.detailed_view a,
.story .detailed_view a
{
font-size: 70%;
font-weight: normal;
color: #f00;
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: #f00;
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: #039;
}
.detailed_view .narratorof a,
.story .detailed_view .narratorof a,
.detailed_view .authorof a,
.story .detailed_view .authorof a
{
font-size: 100%;
color: #039;
text-decoration: none;
}
.detailed_view .narratorof a,
.story .detailed_view .narratorof a,
.detailed_view .narratorof span,
.story .detailed_view .narratorof span
{
font-weight: bold;
}
.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;
}
.list_item,
.story .list_item
{
border-top: 1px solid #def;
}
.list_item h3 a,
.story .list_item h3 a 
{
color: #039;
font-weight: normal;
}
.list_item p,
.story .list_item p
{
}
.list_item p.date_loc,
.story .list_item p.date_loc
{
color: #999;
}
.list_item p.author,
.story .list_item p.author
{
color: #f00;
font-weight: normal;
}
.list_item .smile
{
border: 0px;
float: none;
margin: 0px;
padding: 0px;
margin-left:1px;
}
.person .detailed_view
{
border-top: 1px solid #def;
}
.person .detailed_view h1
{
font-weight: normal;
color: #039;
}
.person .detailed_view h4
{
color: #039;
font-weight: normal;
}
.person .detailed_view span.narrator
{
font-size: 90%;
color: #039;
font-weight:bold;
}
.person .detailed_view a.narrator
{
font-size: 100%;
color: #039;
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 .body
{
}
.person .detailed_view .caption
{
font-style: italic;
}
.person .detailed_view a
{
font-size: 75%;
font-weight: normal;
color: #f00;
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: #f00;
text-decoration: none;
}
.person .detailed_view p a:hover
{
text-decoration: underline;
} 
.person .list_item
{
border-top: 1px solid #def;
}
.person .list_item
{
color:#666;
}
.person .list_item h3 a 
{
color: #000;
font-style:italic;
font-weight: normal;
}
.person .list_item p
{
}
.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 .detailed_view
{
border-top: 1px solid #def;
}
.news .detailed_view h1
{
font-weight: normal;
color: #039;
}
.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 .caption
{
font-style: italic;
}
.news .detailed_view a
{
font-size: 70%;
font-weight: normal;
color: #f00;
text-decoration: none;
}
.news .detailed_view a:hover
{
text-decoration: underline;
} 
.news .detailed_view p a
{
font-size: 100%;
font-weight: normal;
color: #f00;
text-decoration: none;
}
.news .detailed_view p a:hover
{
text-decoration: underline;
} 
.news .list_item
{
border-top: 1px solid #def;
}
.news .list_item h3 a 
{
color: #f00;
font-weight: normal;
}
.news .list_item p
{
}
.news .list_item p.date_loc
{
color: #999;
}
#set h1
{
font-weight: normal;
color: #039;
}
#set .introset
{
font-weight: bold;
margin-bottom: 20px;
}
.guestbook
{
}
.guestbook h1
{
font-weight: normal;
color: #039;
}
.guestbook h2
{
font-weight: normal;
color: #039;
}
.guestbook .intro
{
font-weight: bold;
}
.guestbook .body
{
font-weight: bold;
}
.guestbook a
{
font-size: 75%;
font-weight: normal;
color: #f00;
text-decoration: none;
}
.guestbook a:hover
{
text-decoration: underline;
} 
.ecard
{
border-top: 1px solid #def;
}
.ecard h1
{
font-weight: normal;
color: #039;
}
.pipe_see_att
{
font-size: 70%;
font-weight: normal;
color: #f00;
text-decoration: none;
}
.pipe_next_prev
{
font-size: 70%;
font-weight: normal;
color: #f00;
text-decoration: none;
}
.pipe_readon
{
font-size: 70%;
font-weight: normal;
color: #f00;
text-decoration: none;
}
.pipe_readon a
{
font-size: 90%;
color: #f00;
text-decoration: none;
}
#notes h2
{
margin: 10px 0px 10px 0px;
font-weight: normal;
color: #039;
}
.note .rcontent
{
background: #fe8;
}
.note p.title
{
font-size: 80%;
line-height: 120%;
color: #039;
font-weight: bold;
}
.note p.chapeau
{
font-size: 70%;
background: #fc3;
}
.note a
{
font-size: 70%;
font-weight: normal;
color: #f00;
text-decoration: none;
}
.note a:hover
{
text-decoration: underline;
} 
.react_nextprev a
{
font-size: 70%;
color: #f00;
text-decoration: none;
}
.react_nextprev a:hover
{
text-decoration: underline;
} 
#note_form .cont,
#mail_form .cont,
#mail_preview .cont,
#mail_send .cont
{
background: #def;
}
#note_form input,
#note_form textarea,
#mail_form input,
#mail_form textarea
{
font-family: Verdana, Arial, Helvetica, sans-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: 1px 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: #039;
}
#ecard_preview a,
#ecard_send a,
.pipe
{
font-size: 75%;
font-weight: normal;
color: #f00;
text-decoration: none;
}
#ecard_preview .receiver
{
font-size: 180%;
color: #f00;
font-style:italic;
border-top: 20px solid #f00;
width: 320px;
}
#ecard_preview .sender
{
font-weight:bold;
}
.metadata p,
.metadata a
{
font-size: 70%;
line-height: 130%;
color: #039;
text-decoration: none;
}
.metadata a
{
font-size: 100%;
}
.metadata a.selected
{
color: #f00;
}
.metadata a:hover
{
text-decoration: underline;
}
.metadata .arrowdown img
{
cursor: help;
}
#searchresult .searchhead h1
{
font-weight: normal;
color: #039;
}
#searchresult .searchhead p a
{
font-size: 90%;
color: #f00;
}
#searchresult .searchhead span
{
font-size: 90%;
font-weight: normal;
color: #000;
text-decoration: none;
}
#searchresult .searchhead span.noaction
{
color: #ccc;
}
.red
{
color: #f00;
}
#popup .content
{
text-align: left;
}
#popup .caption p
{
font-style: italic;
}
#popup a
{
font-size: 100%;
color: #f00;
text-decoration:none;
}
#popup a:hover
{
text-decoration:underline
}
#popup h3
{
color: #039;
font-weight: normal;
}
.action_edit a:link,
.action_edit a:visited, 
.action_edit a:active, 
.action_edit a:hover
{
font-weight: normal;
font-size: 80%;
background-color: #f00;
color: #fff;
border: 0px;
text-decoration:none;
}
#design_by span
{
font-family: georgia, sans-serif;
color: #ccc;
font-weight: normal;
font-size: 60%;
}
#design_by a
{
font-family: georgia, sans-serif;
color: #999;
font-weight: normal;
font-style: italic;
font-size: 60%;
text-decoration: none;
}
#design_by a:hover
{
color: #666;
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: #f00;
}
#subnav span.searchword
{
background-color: white;
}
#textzoom span.searchword
{
background-color: white;
font-weight: bold;
}
#footer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 100%;
color: #efefef;
}
#footer p
{
color: #efefef;
font-size: 20%;
}
#footer a
{
text-decoration: none;
border: none;
color: #efefef;
font-size: 100%;
}
.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: #039;
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: #f00;
text-decoration: none;
}
.wiki img
{
border: 0px;
margin: 0px 10px 10px 0px;
} 
#cols2 .wiki .caption
{
margin-top: -7px;
display: block;
} 
#cols2 .wiki .caption p
{
font-size: 100%;
} 
#cols2 .wiki table,
#cols3 .wiki table
{
border: 1px dotted #039;
padding: 0px;
border-collapse: collapse;
margin: 0px 0px 10px 0px;
text-align: left;
}
#cols2 .wiki th,
#cols3 .wiki th 
{
font-size: 70%; 
color: #039;
line-height: 110%; /*12px*/
border-bottom: 1px solid #000;
border-right: 1px dotted #039;
margin: 0px;
padding: 3px;
text-align: left;
}
#cols2 .wiki table td,
#cols3 .wiki table td 
{
font-size: 70%; 
color: #000;
padding: 3px;
margin: 0px;
border: 1px dotted #039;
text-align: left;
} 
.wiki ul li 
{
font-size: 100%; 
}
.wiki ul li a
{
font-size: 100%; 
}
.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;
}