

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

body {
	margin: 0px;
	padding: 0px;
	text-align: center; /* voor IE6win */
	}


p 
	{
	margin: 0px;
	padding: 0px;
	}

h1 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}

h2 
	{
	margin: 0px;
	padding: 0px;
	}	

h3 {
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	}

#home #left .list_item h3
	{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}	

h4 {
	margin: 0px;
	padding: 0px;
	}

h5 {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	}
	
form 
	{
	margin: 0px;
	padding: 0px;
	}


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

#cols2 
	{
	}

#cols2 table.main
	{
	width: 100%;
	}

#cols2 table.main,
#cols2 table.main td
	{
	border: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	}


#cols2 table.main td#left
	{
	vertical-align: top;
	width: 480px;
	}

#cols2 table.main td#right,
#cols2 table.main td#right_wiz
	{
	vertical-align: top;
	width: 270px;
	padding: 0px 0px 0px 0px;
	}
	
#cols2 table.main td#left
	{
	width: 55%;
	}
	
#spaceleft,
#spaceright,
#middle
	{
	width: 10%;
	}

#cols2 table.main td#middle,
#cols2 table.main td#middle_wiz
	{
	width: 12%;
	}

#cols2 table.main td#left .content_l
	{
	text-align: left;
	width: 480px;
	}

#cols2 table.main td#left .content_l .padding
	{
	padding: 0px 10px 10px 10px;
	}
	

#cols2 table.main td#right .content_r
	{
	vertical-align: top;
	text-align: left;
	width: 275px;
	padding: 0px 5px 10px 5px;
	}

#cols2 table.main td#right #context
	{
	vertical-align: top;
	margin-top: 20px;
	padding: 0px 0px 0px 0px;
	}

#cols2 table.main td#middle_wiz
	{
	width: 8%;
	}

#cols2 table.main td#right_wiz
	{
	padding-top: 40px;
	padding-right: 20px;
	}

/* three column layout -------------------------------------------------------- */

#cols3 
	{
	}

#cols3 table.main
	{
	width: 100%;
	}
	
#cols3 table.main,
#cols3 table.main td
	{
	border: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

#cols3 table.main td#left,
#cols3 table.main td#left .content_l
	{
	width: 273px;
	margin-left: 10px;
	}

#cols3 table.main td#middle,
#cols3 table.main td#middle .content_m
	{
	width: 272px;
	}

#cols3 table.main td#left .content_l,
#cols3 table.main td#middle .content_m,
#cols3 table.main td#right .content_r
	{
	padding-top: 10px;
	}
	
#cols3 table.main td#right,
#cols3 table.main td#right .content_r
	{
	width: 272px;
	margin-right: 10px;
	}

#cols3 table.main td#spaceleft,
#cols3 table.main td#spaceright
	{
	width: 15%;
	}

#cols3 table.main td#spacemiddle1 .content_s1,
#cols3 table.main td#spacemiddle2 .content_s2
	{
	width: 15px;
	}

/* extra margin for title, submenu and searchhead in set and searchresult pages */
#cols3 #set .extramargin,
#cols3 #searchresult .extramargin
	{
	margin-left: 10px;
	}

/* extra style to position zoom and search simple in a 3 column layout */
#cols3 .cols3_searchsimple_zoom
	{
	vertical-align: top;
	text-align: left;
	width: 270px;
	padding: 0px 5px 10px 5px;
	}

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

#login h1,
#login h3
	{
	margin: 0px 0px 10px 0px;
	}

#login input
	{
	height: 15px;
	width: 200px;
	margin: 8px 0px 10px 0px;
	padding: 0px;
	}

#login input.checkbox
	{
	width: 14px;
	margin: 0px 0px 0px 0px;
	}

#login input.submit
	{
	height: auto;
	width: auto;
	padding: 1px 10px 1px 10px;
	margin: 0px 0px 0px 0px;
	}

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

#navigation, 
#navigation_extension
	{
	text-align: left;
	width: 100%;
	}

#navigation .padding,
#navigation_extension .padding
	{
	padding: 4px 10px 6px 10px;
	}

#navigation ul,
#navigation_extension ul
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline; /* ie puts in a double margin if this object is not displayed inline: http://www.positioniseverything.net/explorer/doubled-margin.html */
	}

#navigation li,
#navigation_extension li
	{
	display: inline;
	margin: 0px;
	margin: 0px 5px 0px 0px;
	}

#navigation a,
#navigation_extension a
	{
	padding: 0px 5px 0px 0px;
	}

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

#subnavigation 
	{
	text-align: left;
	width: 100%;
	}

#subnavigation .sub_padding
	{
	padding: 4px 0px 2px 0px;
	}

#subnavigation ul
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline; /* ie puts in a double margin if this object is not displayed inline: http://www.positioniseverything.net/explorer/doubled-margin.html */
	}

#subnavigation li
	{
	display: inline;
	margin: 0px;
	margin: 0px 5px 0px 0px;
	}

#subnavigation a 
	{
	padding: 0px 5px 0px 0px;
	}


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

#searchsimple
	{
	margin: 0px;
	padding: 0px;
	}

#searchsimple .padding 
	{
	padding: 3px 3px 7px 0px;
	}


#searchsimple input 
	{
	float: left;
	width: 100px;
	height: 15px;
	margin-right: 5px;
	padding-left: 2px;
	padding-top: 1px;
	}


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

#textzoom 
	{
	float: right;
	text-align: right;
	margin: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
	z-index: 20;
	}

#textzoom .padding 
	{
	padding: 1px 0 0 0;
	}

#textzoom a 
	{
	margin: 0px;
	padding: 0px;
	}


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

#home_intro,
#home_set2,
#home_logo,
#home_sponsors
	{
	margin-bottom: 20px;
	padding: 0px;
	}

#home_intro .att
	{
	float: left;
	padding-top: 5px;
	}

#home_intro .att img
	{
	padding: 0px 5px 5px 0px;
	}

#home_sponsors img 
	{
	float: left;
	margin: 0px 20px 5px 0px;
	padding: 0px;
	}

#home_logo img 
	{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}


#home_member
	{
	margin: 30px 0px 0px 0px;
	padding: 0px;
	}
	

/* detailed_view -------------------------------------------------------------- */

.detailed_view
	{
	width: 100%;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	}
	
.detailed_view .intro,
.detailed_view .body
	{
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 0px 0px;
	}

.detailed_view .fig01
	{
	padding: 5px 0px 5px 0px;
	}

.detailed_view .doc_list .doc img
	{
	float: left;
	margin: 0px 5px 15px 0px;
	}
	
.detailed_view .doc_list .doc 
	{
	margin: 10px 0px 0px 0px;
	}

.detailed_view .caption 
	{
	padding: 4px 0px 8px 0px;
	}

.detailed_view .caption p
	{
	display: inline;
	}
	
.detailed_view img
	{
	margin: 0px 0px 0px 0px;
	}

.person .detailed_view img.pasfoto 
	{
	float: left;
	display: inline;
	margin: 0px 4px 0px 0px;
	padding: 0px;
	}

.detailed_view .narratorof
	{
	padding: 0px 0px 5px 0px;
	}

.detailed_view .authorof
	{
	padding: 0px 0px 20px 0px;
	}

.detailed_view .attrest
	{
	padding-top: 10px;
	}

.detailed_view .attrest p
	{
	display: inline;
	}

.detailed_view .attrest img
	{
	margin: 0px 10px 0px 0px;
	}
	
.detailed_view .date_loc
	{
	padding: 0px 0px 10px 0px;
	}


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

.metadata
	{
	position: relative;
	margin: 45px 0px 10px 0px;
	}

#cols2 table td#right .content_r .metadata .content
	{
	width: 265px;
	background: #C8C850;
	padding: 0px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	}

#cols2 table td#right .content_r .metadata .content .padding
	{
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 3px 0px;
	}

.metadata .arrowleft 
	{
	position: absolute;
	top: 0px;
	left: -25px;
	}

.metadata .arrowdown 
	{
	position: relative;
	width: 275px;
	text-align: right;
	}
	
	
/* list_items ----------------------------------------------------------------- */

.list_item
	{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 15px 0px;
	}
	
#home #left .list_item
	{
	padding: 3px 0px 20px 0px;
	}

#home #left .list_item
	{
	padding-top: 7px;
	}

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

.list_item .date_loc
	{
	padding: 0px 0px 0px 0px;
	}

.list_item .intro p,
.list_item .intro p.author
	{
	display: inline;
	}


/* notes ------------------------------------------------------------------ */

#notes 
	{
	display: block;
	width: 100%;
	}

#notes img 
	{
	margin: 0px;
	}

.note
	{
	width: 98%;
	}

.note .rcontent
	{
	width: 100%;
	padding: 4px 4px 4px 4px;
	}

.note p.chapeau
	{
	width: 100%;
	padding: 2px 4px 2px 4px;
	}

.note p.body
	{
	padding: 2px 0px 4px 0px;
	}

.react_nextprev 
	{
	width: 100%;
	text-align:right;
	display: block;
	width: 100%;
	margin-bottom: 5px;
	}

#notes h2,
.note 
	{
	margin-bottom: 20px;
	}


/* forms ---------------------------------------------------------------------- */

input
	{
	margin: 0px 0px 2px 0px;
	width: 120px;
	padding: 0px;
	}

input.ecardradio 
	{
	height: 15px;
	margin: 0px 0px 2px 0px;
	width: 20px;
	padding: 0px;
	}

input.chooselanguage 
	{
	height: 15px;
	margin: 0px 0px 2px 0px;
	width: 20px;
	padding: 0px;
	}

#note_form .cont,
#mail_form .cont,
#mail_preview .cont,
#mail_send .cont
	{
	margin: 10px 8px 10px 0px;
	padding: 10px;
	}

#note_form input,
#mail_form input 
	{
	width: 230px;
	height: 18px;
	margin-bottom: 10px;
	}	

#note_form textarea,
#mail_form textarea 
	{
	width: 230px;
	height: 200px;
	margin-bottom: 10px;
	}


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

#cols2 .action_edit
	{
	padding: 0;
	margin: 4px 0px 10px 0px;
	}

#cols3 .action_edit
	{
	padding: 0;
	margin: 7px 0px 6px 0px;
	}

.action_edit a
	{
	padding: 2px 2px 2px 2px;
/*	margin: 2px 0px 2px 0px; */
	}


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

#searchresult .searchhead
	{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}

#searchresult .searchhead h1
	{
	display: inline;
	margin: 10px 5px 0px 0px;
	padding: 5px 0px 0px 0px;
	}

#searchresult .searchhead p
	{
	display: inline;
	padding: 5px 0px 0px 0px;
	}


.guestbook h1
	{
	margin: 22px 5px 20px 0px;
	padding: 5px 0px 0px 0px;
	}

#login .content_l h1
	{
	margin: 22px 5px 10px 0px;
	padding: 5px 0px 0px 0px;
	}
	
/* popup ---------------------------------------------------------------------- */
#popup 
	{
	padding: 10px 0px 10px 0px;
	margin: 0px 20px 0px 20px;
	}

#popup h3 
	{
	color: red;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 3px 0px;
	}
	
#popup .caption p
	{
	margin: 0px 0px 10px 0px;
	padding: 1px 2px 3px 0px;
	}
	
#popup .date p
	{
	display: inline;
	}
	
/* design by ----------------------------------------------------------------- */

#design_by
	{
	width: auto;
	display: block;
	text-align: left;
	padding-top: 20px;
	padding-left: 10%;
	}

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

#footer
	{
	margin-top: 10px;
	padding: 0px 0px 4px 0px;
	}

#footer .activity
	{
	padding-bottom: 4px;
	padding: 0px 10px 4px 10px;
	}
	
#footer .client
	{
	padding: 4px 10px 4px 10px;
	}
	
#footer .client p,
#footer .design_by p
	{
	display: inline;
	margin: 0px;
	}
	
#footer .client ul,
#footer .client ul li
	{
	margin: 0px;
	padding: 0px;
	display: inline;
	}
	
#footer .client ul li
	{
	padding-right: 4px;
	}

#design_by
	{
	padding: 5px 10px 0px 10px;
	}


