/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {   margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; } 
/* only inherit font stuff for form elements */ 
input,textarea,select,optgroup  {   font: inherit; } 
body  { 
  line-height: 1.5;  } 
/* Tables still need 'cellspacing="0"' in the markup. */
table  { border-collapse: separate; border-spacing: 0; } caption, th, td  { text-align: left; font-weight: normal; } table, td, th  { vertical-align: middle; } 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after  { content: ""; } blockquote, q  { quotes: "" ""; } 
/* Remove annoying border on linked images. */
a img  { border: none; } 
/* added mediamatic */
td, th  { vertical-align: top; }
/* -------------------------------------------------------------- 
   
   $Id: grid_dyn.css 49818 2010-09-27 13:27:28Z josias $
   
   * Sets up an easy-to-use grid of 61 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   
   By default, the grid of blueprint is 950px wide, with 24
   columns spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, use this 
   formula to find the new total width: 
   Total width = (columns * 40) - 10

   The generated grid is 966px wide, with 61 columns 
   spanning 6px, and a 10px margin between columns.
   
   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */



/* A container should group all your columns. */
.container  {   width: 966px;
  margin: 0 auto;
 } 
/* Use this class on any div.span / container to see the grid. */
.showgrid  { 
  background: url(src/grid.png);  } 
.container .container  { 	width: auto; } 
/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25, .span-26, .span-27, .span-28, .span-29, .span-30, .span-31, .span-32, .span-33, .span-34, .span-35, .span-36, .span-37, .span-38, .span-39, .span-40, .span-41, .span-42, .span-43, .span-44, .span-45, .span-46, .span-47, .span-48, .span-49, .span-50, .span-51, .span-52, .span-53, .span-54, .span-55, .span-56, .span-57, .span-58, .span-59, .span-60, .span-61 {   float: left;
  margin-right: 10px;
 } 
/* The last column in a row needs this class. */
.last  { margin-right: 0; } 
/* Use these classes to set the width of a column. */
.span-1 { width: 6px; }
.span-2 { width: 22px; }
.span-3 { width: 38px; }
.span-4 { width: 54px; }
.span-5 { width: 70px; }
.span-6 { width: 86px; }
.span-7 { width: 102px; }
.span-8 { width: 118px; }
.span-9 { width: 134px; }
.span-10 { width: 150px; }
.span-11 { width: 166px; }
.span-12 { width: 182px; }
.span-13 { width: 198px; }
.span-14 { width: 214px; }
.span-15 { width: 230px; }
.span-16 { width: 246px; }
.span-17 { width: 262px; }
.span-18 { width: 278px; }
.span-19 { width: 294px; }
.span-20 { width: 310px; }
.span-21 { width: 326px; }
.span-22 { width: 342px; }
.span-23 { width: 358px; }
.span-24 { width: 374px; }
.span-25 { width: 390px; }
.span-26 { width: 406px; }
.span-27 { width: 422px; }
.span-28 { width: 438px; }
.span-29 { width: 454px; }
.span-30 { width: 470px; }
.span-31 { width: 486px; }
.span-32 { width: 502px; }
.span-33 { width: 518px; }
.span-34 { width: 534px; }
.span-35 { width: 550px; }
.span-36 { width: 566px; }
.span-37 { width: 582px; }
.span-38 { width: 598px; }
.span-39 { width: 614px; }
.span-40 { width: 630px; }
.span-41 { width: 646px; }
.span-42 { width: 662px; }
.span-43 { width: 678px; }
.span-44 { width: 694px; }
.span-45 { width: 710px; }
.span-46 { width: 726px; }
.span-47 { width: 742px; }
.span-48 { width: 758px; }
.span-49 { width: 774px; }
.span-50 { width: 790px; }
.span-51 { width: 806px; }
.span-52 { width: 822px; }
.span-53 { width: 838px; }
.span-54 { width: 854px; }
.span-55 { width: 870px; }
.span-56 { width: 886px; }
.span-57 { width: 902px; }
.span-58 { width: 918px; }
.span-59 { width: 934px; }
.span-60 { width: 950px; }
.span-61 { width: 966px;  margin: 0;}


/* Add these to a column to append empty cols. */
.append-1 { padding-right: 16px; }
.append-2 { padding-right: 32px; }
.append-3 { padding-right: 48px; }
.append-4 { padding-right: 64px; }
.append-5 { padding-right: 80px; }
.append-6 { padding-right: 96px; }
.append-7 { padding-right: 112px; }
.append-8 { padding-right: 128px; }
.append-9 { padding-right: 144px; }
.append-10 { padding-right: 160px; }
.append-11 { padding-right: 176px; }
.append-12 { padding-right: 192px; }
.append-13 { padding-right: 208px; }
.append-14 { padding-right: 224px; }
.append-15 { padding-right: 240px; }
.append-16 { padding-right: 256px; }
.append-17 { padding-right: 272px; }
.append-18 { padding-right: 288px; }
.append-19 { padding-right: 304px; }
.append-20 { padding-right: 320px; }
.append-21 { padding-right: 336px; }
.append-22 { padding-right: 352px; }
.append-23 { padding-right: 368px; }
.append-24 { padding-right: 384px; }
.append-25 { padding-right: 400px; }
.append-26 { padding-right: 416px; }
.append-27 { padding-right: 432px; }
.append-28 { padding-right: 448px; }
.append-29 { padding-right: 464px; }
.append-30 { padding-right: 480px; }
.append-31 { padding-right: 496px; }
.append-32 { padding-right: 512px; }
.append-33 { padding-right: 528px; }
.append-34 { padding-right: 544px; }
.append-35 { padding-right: 560px; }
.append-36 { padding-right: 576px; }
.append-37 { padding-right: 592px; }
.append-38 { padding-right: 608px; }
.append-39 { padding-right: 624px; }
.append-40 { padding-right: 640px; }
.append-41 { padding-right: 656px; }
.append-42 { padding-right: 672px; }
.append-43 { padding-right: 688px; }
.append-44 { padding-right: 704px; }
.append-45 { padding-right: 720px; }
.append-46 { padding-right: 736px; }
.append-47 { padding-right: 752px; }
.append-48 { padding-right: 768px; }
.append-49 { padding-right: 784px; }
.append-50 { padding-right: 800px; }
.append-51 { padding-right: 816px; }
.append-52 { padding-right: 832px; }
.append-53 { padding-right: 848px; }
.append-54 { padding-right: 864px; }
.append-55 { padding-right: 880px; }
.append-56 { padding-right: 896px; }
.append-57 { padding-right: 912px; }
.append-58 { padding-right: 928px; }
.append-59 { padding-right: 944px; }
.append-60 { padding-right: 960px; }


/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 16px; }
.prepend-2 { padding-left: 32px; }
.prepend-3 { padding-left: 48px; }
.prepend-4 { padding-left: 64px; }
.prepend-5 { padding-left: 80px; }
.prepend-6 { padding-left: 96px; }
.prepend-7 { padding-left: 112px; }
.prepend-8 { padding-left: 128px; }
.prepend-9 { padding-left: 144px; }
.prepend-10 { padding-left: 160px; }
.prepend-11 { padding-left: 176px; }
.prepend-12 { padding-left: 192px; }
.prepend-13 { padding-left: 208px; }
.prepend-14 { padding-left: 224px; }
.prepend-15 { padding-left: 240px; }
.prepend-16 { padding-left: 256px; }
.prepend-17 { padding-left: 272px; }
.prepend-18 { padding-left: 288px; }
.prepend-19 { padding-left: 304px; }
.prepend-20 { padding-left: 320px; }
.prepend-21 { padding-left: 336px; }
.prepend-22 { padding-left: 352px; }
.prepend-23 { padding-left: 368px; }
.prepend-24 { padding-left: 384px; }
.prepend-25 { padding-left: 400px; }
.prepend-26 { padding-left: 416px; }
.prepend-27 { padding-left: 432px; }
.prepend-28 { padding-left: 448px; }
.prepend-29 { padding-left: 464px; }
.prepend-30 { padding-left: 480px; }
.prepend-31 { padding-left: 496px; }
.prepend-32 { padding-left: 512px; }
.prepend-33 { padding-left: 528px; }
.prepend-34 { padding-left: 544px; }
.prepend-35 { padding-left: 560px; }
.prepend-36 { padding-left: 576px; }
.prepend-37 { padding-left: 592px; }
.prepend-38 { padding-left: 608px; }
.prepend-39 { padding-left: 624px; }
.prepend-40 { padding-left: 640px; }
.prepend-41 { padding-left: 656px; }
.prepend-42 { padding-left: 672px; }
.prepend-43 { padding-left: 688px; }
.prepend-44 { padding-left: 704px; }
.prepend-45 { padding-left: 720px; }
.prepend-46 { padding-left: 736px; }
.prepend-47 { padding-left: 752px; }
.prepend-48 { padding-left: 768px; }
.prepend-49 { padding-left: 784px; }
.prepend-50 { padding-left: 800px; }
.prepend-51 { padding-left: 816px; }
.prepend-52 { padding-left: 832px; }
.prepend-53 { padding-left: 848px; }
.prepend-54 { padding-left: 864px; }
.prepend-55 { padding-left: 880px; }
.prepend-56 { padding-left: 896px; }
.prepend-57 { padding-left: 912px; }
.prepend-58 { padding-left: 928px; }
.prepend-59 { padding-left: 944px; }
.prepend-60 { padding-left: 960px; }


/* Border on right hand side of a column. */
.border  {   padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee; } 
/* Border with more whitespace, spans one column. */
.colborder  {   padding-right: 12px;
  margin-right: 13px;
  border-right: 1px solid #eee; } 

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1 { margin-left: -16px; }
.pull-2 { margin-left: -32px; }
.pull-3 { margin-left: -48px; }
.pull-4 { margin-left: -64px; }


.push-0 { margin: 0 -0px 0 18px; float: right; }
.push-1 { margin: 0 -16px 0 18px; float: right; }
.push-2 { margin: 0 -32px 0 18px; float: right; }
.push-3 { margin: 0 -48px 0 18px; float: right; }
.push-4 { margin: 0 -64px 0 18px; float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box  { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee;  } 
/* Use this to create a horizontal ruler across a column. */
hr  {   background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 1.45em;
  border: none;  } 
hr.space  {   background: #fff;
  color: #fff; } 
.clearfix:after, .container:after  {     content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; } 
.clearfix, .container  { display: inline-block; } 
* html .clearfix,
* html .container  { height: 1%; } .clearfix, .container  { display: block; } 
/* Regular clearing
   apply to column that should drop below previous ones. */

.clear  { clear:both; } 
/* skip link */
.skip  { 	display: block;
	left: -9999px;
	position: absolute;
	visibility: hidden; } 
/* footerStickAlt from Men in Blue to get the footer right */

html  { 
	height: 100%; } 

body  { 
	height: 100%;
	margin: 0 0; } 

#wrapper  { 
	position: relative;
	min-height: 100%; } 

* html #wrapper  { 
	height: 100%; } 

#wrapper-content  { 	padding: 0 0 120px 0; } 
#footer  { 	position: relative;
	margin: -90px auto 0;
	padding: 0; } 
.edit-page #footer  { 	margin-top: 16px;
	float: none;
	clear: both; } 
.left  { 	float: left; } 
.right  { 	float: right; } 
.align-justify   { text-align:justify; } 
.align-left      { text-align:left; } 
.align-center    { text-align:center; } 
.align-right     { text-align:right; } 
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label        { font-weight: normal; cursor: pointer; } 

/* Form fields
-------------------------------------------------------------- */

input.text, 
input.title,
textarea, 
select  { 	border: 1px solid #bbb;
	margin: 6px 0; } 
input.text-default,
textarea.text-default  { 	color: #bbb } 
input.text:focus, input.title:focus,
textarea:focus, select:focus,
input.text-auto:focus  {   border: 1px solid #666; } 
input.text, 
input.title  { 
  width: 390px; 
  padding: 2px 5px;
  line-height: 17px; /* Safari */ } 
input.text-auto  { 	margin: 3px 0;
	width: auto;
  	padding: 2px 5px;
  	line-height: 17px; /* Safari */
	border: 1px solid #bbb; } 
input.date2char,
input.date4char  { 	margin: 3px 0;
  	padding: 2px 5px;
  	line-height: 17px; /* Safari */
	border: 1px solid #bbb; } 
input.date2char  { 	width: 38px; } 
input.date4char  { 	width: 46px; } 
input.title    { font-size: 18px; } textarea       { width: 390px; height: 250px; padding: 2px 5px;   line-height:17px;           /* Safari */ } 

.form-item  { 	margin: 0 6px 12px 0;
	padding: 0; } 
	.form-item input  { 		margin: 0 6px 0 0;
		vertical-align: text-top;
 } 
	.form-item label  { 		float: none;
		display: inline;
		width: auto;
		font-size: 13px;
 } 
.form-item-block  { 	margin: 0 0 6px 0;
	padding: 0; } 
	.form-item-block input  { 		margin: 6px 0;
 } 
	.form-item-block label  { 		display: block;
 } 
	input.unfocused  { 		color: #ccc;
 } 	
	input.input-error  { 		color: #f00;
		border: 1px solid #f00 !important;
 } 

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success     { margin: 0 0 18px 0; } 
.notification ul  { list-style: none; margin: 0; } 
li .error,
li .notice, 
li .success     { margin: 0; } 
.error       { color: #ff0000; background: #ffe7e7; } .notice      { color: #514721; background: #FFF6BF; } .success     { color: #5cbb42; background: #e7ffe1; } .form-error  { color: #ff0000; } .error a     { color: #8a1f11; } .notice a    { color: #514721; } .success a   { color: #264409; } 
a.button,
a.button-alternative,
a.button-cancel,
button,
input.submit,
input.reset,
input.file  { 	display: block;
	float: left;
	margin: 0 3px 0 0;
	padding: 2px 6px; 
	border: 1px solid #ccc;
	border-color: #999 #858585 #666 #858585;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #ccc url(http://fast.mediamatic.nl/f/frzc/image/button.png) left top repeat-x;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
	color: #333;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: baseline; } 			
button  { 	width: auto;
	overflow: visible;
	padding: 1px 4px;   /* IE6 */  } 
button[type]  { 	padding: 1px 4px;   /* Firefox */ } 
input.submit,
input.reset  { 	line-height: 16px;
	padding: 1px 4px;
	overflow: visible;
	width: auto !important; 
	height: auto !important; } 
.isOpera input.submit,
.isOpera input.reset  { 	padding: 2px 4px 3px; } 
/* !important is used to overrule the input text element styling */

/*
.isMac.isSafari button  { 	padding: 1px 4px px; } */

.isWin.isSafari a.button,
.isWin.isSafari a.button-cancel,
.isWin.isSafari a.button-alternative  { 	padding: 2px 4px 4px; } 
.isIE6x a.button,
.isIE6x a.button-cancel,
.isIE6x a.button-alternative  { 	padding-bottom: 6px; } 
.isIE7x a.button,
.isIE7x a.button-cancel,
.isIE7x a.button-alternative  { 	line-height: 17px; } 
.isIE7x input.submit,
.isIE7x input.reset  { 	line-height: 16px; /* IE7 */ } 
a.button,
a.button-alternative,
a.button-cancel  { 	line-height: 14px; } 
.isGecko.isWin a.button,
.isGecko.isWin a.button-alternative,
.isGecko.isWin a.button-cancel,
.isGecko.isUnix a.button,
.isGecko.isUnix a.button-alternative,
.isGecko.isUnix a.button-cancel  { 	line-height: 13px; } 
button img, 
a.button img,
button.cancel img, 
a.button-cancel img,
button.alternative img,
a.button-alternative img  { 	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	float: none; } 
/* Button colors
-------------------------------------------------------------- */

a.button:hover,
a.button-alternative:hover,
a.button-cancel:hover,
input.submit:hover,
input.reset:hover,
button:hover  { 	color: #000;
	background-color: #ccc;
	border: 1px solid #000;
	text-decoration: none; } 
a.button:active  { 	color: #000;
	background-color: #ccc;
	border: 1px solid #000;
	text-decoration: none; } 

/* cancel
-------------------------------------------------------------- */

a.button-cancel,
button.cancel  { 	background: #fbe3e4;
	border:1px solid #fbc2c4;
	color: #d12f19; } 
a.button-cancel:hover, 
button.cancel:hover  { 	background: #d12f19;
	border:1px solid #d12f19;
	color: #fff; } 
a.button-cancel:active  { 	background: #d12f19;
	border: 1px solid #d12f19;
	color: #fff; } 

/* alternative
-------------------------------------------------------------- */

a.button-alternative,
button.alternative  { 	background-color: #e6efc2;
 	border: 1px solid #c6d880;
  	color: #529214; } 
a.button-alternative:hover, 
button.alternative:hover  { 	background-color: #529214;
 	border: 1px solid #529214;
  	color: #fff; } 
a.button-alternative:active  { 	background-color: #529214;
 	border: 1px solid #529214;
  	color: #fff; } 
/* special buttons / edit page 
-------------------------------------------------------------- */

.button-datepicker img,
.button-cc img,
.button-fig img,
.add-part-image-button img  { 	margin: 0;
	width: auto;
	height: auto; } 
.button-fig img  { 	width: 24px;
	height: 18px; } 
	.edit-page button.button-datepicker,
	.edit-page .button-cc, 
	.button-fig,
	.add-part-image-button  { 		border: none;
		padding: 0 0 2px 0;
 } 
	.button-fig,
	.add-part-image-button  { 		margin: 0;
 } 
	.button-fig  { 		float: none;
 } 	
	.edit-page button.button-datepicker:hover  { 		background: none;
	}
body  { 	background: #fff;
	color: #000; } 
a  { 	outline: none; } 
.block  { 	display: block; } 
.inline  { 	display: inline;. } 
.hide  { 	display: none; } 

/* person list item subtitle
---------------------------------------------------------- */

li.person span.subtitle  { 	display: block;
	font-size: 14px; } 
/* story
---------------------------------------------------------- */

.wrapper-date-location-item  { 	margin: 0; } tl.wrapper-date-location  { 	margin: 0 0 18px 0; } 	
	.wrapper-date-location .daterange-coverage,
	.wrapper-date-location .listbox,
	.wrapper-date-location .listbox .list-view-simple,
	.wrapper-date-location .listbox ul,
	.wrapper-date-location .sep  { 		display: inline;
 } 	
	.wrapper-date-location .list li  { 		display: inline;
		float: left;
		margin: 0;
		padding: 0;
 } 
/* figblock
---------------------------------------------------------- */

ul.fig  { 	margin: 0 0 18px 0;
	padding: 0;
	list-style: none; } 
	
	ul.fig li  { 		float: none;
		display: block;
 } 	
		ul.fig li img  { 			float: none;
			display: block;
			margin: 0;
	 } 


/* list item document 
---------------------------------------------------------- */

.doc-icon  { 	display: block;
	float: left; } 
.doc-info  { 	float: left; } 

/* predicate-rest 
---------------------------------------------------------- */
	
.predicate-rest ul.list li  { 	display: inline; } 	
	
	/* Search 
	---------------------------------------------------------- */
		
		/* Search Simple
		------------------------------------------------------ */
	
		.search-simple  { 			float: right;
	 } 		
		.search-simple fieldset  { 			border: none;
			margin: 0;
			padding: 0;
			display: inline;
	 } 		
		.search-simple input.text  { 			float: left;
			margin: 0 3px 0 0;
			padding: 1px;
			width: 100px;
	 } 
		
		
		/* Search Advanced
		------------------------------------------------------ */
		.search-advanced  { 			margin: 0 0 12px;
	 } 
		.search-advanced fieldset  { 			margin: 0;
			padding: 0;
			border: none;	
			clear: both;
	 } 			
		.search-advanced input.checkbox  { 			margin: 0;
			padding: 0;
	 } 		
		.search-advanced p  { 			margin: 0;
			padding: 0;
			display: inline;
	 } 		
		.search-advanced-horizontal div,
		.search-advanced-horizontal label  { 			float: left;
			clear: none;
			margin: 0 3px 0 0;
	 } 		
		.search-advanced-horizontal .form-element-advanced-search  { 			margin-right: 9px; 
	 } 
		
		.search-advanced-horizontal .search-advanced-type label  { 			display: none;
	 } 
		.search-advanced-horizontal select  { 			width: 100px;
	 } 		
		.search-advanced-viewmode-disabled  { 			filter:alpha(opacity=30);
			-moz-opacity: 0.3;
			opacity: 0.3;
			/* display: none !important; */
	 } 
	.dv-small  { 		display: none;
 } 
	

	/* part1
	---------------------------------------------------------- */
	
	.fn  { 		visibility: hidden;
		display: none;
 } 	
	.chapeau .claim-profile  { 		margin: 0 0 0 6px;
 } 	
	/* part2
	---------------------------------------------------------- */
		
		/* intro
		------------------------------------------------------ */
		
		.dv .intro img  { 			float: none;
	 } 
		/* body 
		------------------------------------------------------ */
		
		.body img  { 			float: none;
	 } 
			.body p img  { 				margin-right: 0;
		 } 	
		
		/* labels 
		------------------------------------------------------ */
		.edit .labels  { 			margin: 2em 0 0 0;
	 } 			
		.label div.q_a  { 			display: block;
			margin: 0 0 2em 0;
	 } 		
		.label div.q_a div.question  { 			display: block;
	 } 		
		.label  { 			margin: 0 0 18px 0;
	 } 		
		/* for now - ticket 4036 */
		.labels-institution  { 			display: none;
	 } 
/* Action logon specific styles 
  (on top of default form elements)
---------------------------------------------------- */

#action-logon-logon form  { 	margin-bottom: 30px; } 
#action-logon-logon .form-inline-elements  { 	margin-bottom: 0; } 
.page-logon div.action.profile  { 	display: none !important; } 
.dialog .form-element input.openid-form  { 	background: #fff url(http://fast.mediamatic.nl/f/frzc/ima/openid-large.jpg) right no-repeat; } 
#action-logon-logon .form-inline-last a  {     font-size: 12px;
    line-height: 18px; } 
/* Wiki: Table of contents
------------------------------------------------------ */

.wikitoc2  { 	margin-left: 1em; } 
.wikitoc3  { 	margin-left: 2em;
	list-style: circle outside; } 
.wikitoc4  { 	margin-left: 3em;
	list-style: square outside; } 
wikitoc5  { 	margin-left: 4em; } 
/* list-view-simple 
------------------------------------------------------ */

.list-view-simple-thing  { } 
	.list-view-simple-thing img  { 		height: 12px;
		width: 12px;
		margin: 0 3px 0 0;
		position: relative;
		float: none;
 } 	
	.page-view .list-view-simple-thing img:hover  { 		height: 55px;
		width: 55px;
		margin: 0 -40px -43px 0;
		z-index: 1;
 } 	
	.edit-page .list-view-simple-thing  { 		width: auto !important;
		margin-right: .25em;
 } 
/* List view item thing */

.isIE7x .li-title  { 	 clear: both; } 
/* Context
-------------------------------------------------------------- */

	/* connections
	---------------------------------------------------------- */
	
	.connections  { 		margin: 0;
 } 
	.connections .list li.topic,
	.connections .list li.book  { 		float: none
 } 

		
/* avatar
---------------------------------------------------------- */		
		
.avatar  { 	clear: none;
	float: left;
	height: 102px;
	width: 55px;
	overflow: hidden;
	margin: 0 6px 6px 0 !important; } 		
	.avatar img  { 		margin: 0 0 2px 0;
		padding: 0;
 } 
			
		.avatar a  { 			display: block;
			border: none;
	 } 
							
		.avatar a:hover  { 			background: #eee;
			color: #666;
	 } 	

	.avatar span  { 		font-size: 11px;
		line-height: 14px;
		word-wrap: break-word;
 } 	
	
	/* fans in sets
	---------------------------------------------------------- */
		

	/* metadata
	---------------------------------------------------------- */
	
	/* by default do not show the header for the tags */
	.metadata li  { 		display: inline;
		margin: 0;	
 } 	
	.metadata .selected  { 		font-weight: bold;
 } 
	.edit-page .list-metadata button  { 		clear: both;
 } 
	.edit-page .metadata  { 		background: none;
		border: none;
		padding: 0;
 } 	
	.edit-page .metadata:empty  { 		display: none;
 } 	
		.edit-page .metadata-tag  { 			height: auto;
			margin: 0 .25em 0 0 !important;
	 } 
	/* keyword picker */
	.edit-page .metadata.keywords-image-picker li  { 		margin: 0 12px 12px 0;
 } 
	.edit-page .keywords-image-picker li img  { 		display: block;
		margin: 0 0 3px;
 } 
	/* person page metadata */
	
	.list-metadata-person li,
	.list-metadata-person .list  { 		display: inline;
 } 	
	.list-metadata-person .metadata-person-address-location  { 		padding-left: 20px;
		background: url(http://fast.mediamatic.nl/f/frzc/image/person_metadata.gif) no-repeat 0 -60px;
 } 	
	.list-metadata-person .metadata-person-works_for  { 		padding-left: 20px;
		background: url(http://fast.mediamatic.nl/f/frzc/image/person_metadata.gif) no-repeat 0 -20px;
 } 	
	.list-metadata-person .metadata-person-address-info  { 		padding-left: 20px;
		background: url(http://fast.mediamatic.nl/f/frzc/image/person_metadata.gif) no-repeat 0 0;
 } 	
	.list-metadata-person .metadata-person-keywords .li-pos-1  { 		padding-left: 20px;
		background: url(http://fast.mediamatic.nl/f/frzc/image/person_metadata.gif) no-repeat 0 -40px;
 } 	
/* footer
-------------------------------------------------------------- */

	/* activity
	---------------------------------------------------------- */
	
	.activity  { 		margin: 0 0 6px 0;
 } 
		.activity a img,
		.design-by a img  { 			border: none;
	 } 					
		.activity .edit-cc  { 	 } 
			.isIE8x .activity .edit-cc  { 				height: 24px;	
		 } 
/* edit-page
-------------------------------------------------------------- */

.edit-page h5  { 	display: none; } 
	.edit-page .action .listbox h5,
	.edit-connection-box h5,
	.edit-page #address h5,
	.edit-page .org_pubdate h5,
	.edit-page #bio h5  { 		display: block;
 } 
.edit-page .dv-title  { 	margin: 0 0 18px; } 
	.edit-page .trustgroup .editinplace-active p  { 		margin: 0 0 6px 0;
 } 
.trustgroup  { 	margin: 0 0 18px 0;
	background: #fbfbfb;
	border: 1px solid #e7e7e7;
	padding: 4px; } 
	.trustgroup p  { 		margin: 0;
 } 	
	.trustgroup-header  { 		display: block;
		float: left;
		width: 100px;
		margin: 0 6px 0 0;
		color: #999;
 } 	
		.trustgroup-phone .trustgroup-header  { 			width: 80px;
	 } 
	.trustgroup .trust-action  { 		text-align: right;
		color: #999;
		font-size: 12px;
 } 	
	.trustgroup .trust-action a.button  { 		float: none;
		display: inline;
		margin: 0;
 } 	
	/* overrule display block in address edit blocks */
	.trustgroup span.do_editinplace  { 		display: inline;
 } 
	.trustgroup input.text  { 		width: 170px !important;
		float: left;
		margin: 0 3px 0 0;
 } 	
	.trustgroup-email input.text,
	.trustgroup-website input.text  { 		width: 55% !important;
 } 	
		.trustgroup select  { 			width: 180px;
			margin: 0;
	 } 
	.trustgroup-birth-decease .trustgroup-header  { 		width: auto;
 } 
	.trustgroup-birth-decease p  { 		margin: 0 0 12px;
 } 
	.trustgroup-birth-decease select  { 		width: 260px !important;
 } 		
	.trustgroup-button-wrap  { 		margin: 12px 0;
 } 
	.trustgroup-dates .trustgroup-header  { 		width: 8.5em;
 } 
	.trustgroup-dates a.ui_actionbutton  { 		margin-right: .3em;
		border: none;
 } 		
		.trustgroup-dates a.ui_actionbutton img  { 			margin: 0;
	 } 	
	.edit-page #sidebar button ul.fig,
	.edit-page ul.fig li  { 		margin-bottom: 18px;
		float: none;
 } 

	.edit-page ul.fig li.link-fig  { 		margin-bottom: 0;
 } 
	
	.edit-page button.button-datepicker,
	.edit-page .button-cc, 
	.button-fig,
	.add-part-image-button  { 		border: none;
		padding: 0 0 2px 0;
 } 	
	.edit-page a.button-datepicker  { 		border: none;
 } 	
		.button-fig,
		.add-part-image-button  { 			background: #fff url(http://fast.mediamatic.nl/f/frzc/image/camera.jpg) no-repeat left top;
			height: 18px;
			margin: 0 0 18px 0;
			padding: 0;
			text-indent: 26px;
			color: #999;
	 } 		
			.dialog-content.form-element .button-fig,
			.add-part-image-button  { 				margin: 0;
		 } 			
		.button-fig:hover,
		.add-part-image-button:hover  { 			background: #fff url(http://fast.mediamatic.nl/f/frzc/image/camera.jpg) no-repeat left bottom;
			border: none;
			color: #666;
	 } 
		.edit-page .button-cc img  { 			margin: 0;
			width: auto;
			height: 14px;
	 } 
		.edit-page .button-datepicker:hover  { 			border: none;
	 } 		
		.button-fig img  { 			margin: 0;
			width: 25px;
			height: 20px;
	 } 		
	.edit-page .list-head-wrapper h5  { 		float: left;
		margin: 0 6px 0 0;
 } 	
	.edit-page .chapeau  { 		margin: 0 .25em 6px 0;
		float: none;
 } 	
	.edit-page .chapeau-button-wrap  { 		width: 100%;
 } 			
		.edit-page .chapeau-button-wrap .chapeau  { 			margin: 8px 0 0 0;
			float: left;
	 } 	
	.edit-page .chapeau-button-wrap a.button  { 		float: right;
		margin: 0;
 } 
	.edit-page #header  { 		height: auto;
		margin: 0 0 18px;
 } 	
	.edit-page .connections .list li  { 		float: left;
 } 
	.edit-page .list-view-simple li  { 		color: #999;
		float: left;
		height: auto;
		margin: 0 3px 0 0 !important;
 } 
	.edit-page .daterange-coverage,
	.edit-page .edit_blog_posting  { 		margin: 0 0 18px 0;
		background: #fbfbfb;
		border: 1px solid #e7e7e7;
		padding: 3px;
 } 	
	.edit-page .listbox ul,
	.edit-page .daterange-coverage ul,
	.edit-page .edit_blog_posting ul,
	.edit-page .list-head-wrapper  { 		float: left;
 } 	
	.edit-page .list-date-edge-item ul  { 		float: none;
 } 	
	.edit-page .list-date-edge-item  { 		margin: 0 0 18px 0;
		background: none;
		border: none;
		padding: 0;
 } 	
	.edit-page .list-date-edge-item ul li.location-item  { 		margin: 0 0 18px 0 !important;
		background: #fbfbfb;
		border: 1px solid #e7e7e7;
		padding: 6px;
 } 	
	.edit-page .location-item-edit-buttons  { 		margin: 6px 0 0 0;
 } 	
	.edit-page .daterange-coverage  { 		display: block;
 } 
		.edit-page .daterange-coverage h5  { 			display: block;
	 } 
		li .daterange-coverage .daterange  { 			margin: 0;
	 } 
		.daterange-coverage span  { 			display: inline;
			height: auto;
			float: none;
			margin: 0;
			padding: 0;
			border: none;
	 } 
		.edit-page .list-author  { 			margin: 0;
	 } 		
		.edit-page .edit_blog_posting p  { 			clear: both;
			margin: 0;
	 } 		
		.edit-page .edit_blog_posting hr  { 			display: none;
	 } 	
	.edit-page .daterange  { 		color: #999;
 } 
	.edit-page .dv .body,
	.edit-page .dv .intro  { 		margin: 0 0 18px 0;
		clear: both;
 } 	
	.edit-page h5.location-predicate  { 		margin: 0;
		display: block;
 } 
	.edit-page .list-located_in ul,
	.edit-page .list-author ul,
	.edit-page .list-actor ul,
	.edit-page .list-located_in ul,
	.edit-page .list-interest ul,
	.edit-page .list-about ul,
	.edit-page .list-works_for ul,
	.edit-page .list-lived ul,
	.edit-page .list-member ul,
	.edit-page .list-resource ul,
	.edit-page .list-visitor ul,
	.edit-page .list-setmember ul,
	.edit-page .predicate-rest ul  { 		float: left;
 } 
	.edit-page.story .list-located_in  { 		float: none;
		display: block;
 } 	
	/* wrap around internal float */
	.edit-page .list-about  { 		overflow: hidden;
 } 	
	.edit-page ul.fig  { 		margin: 0;
 } 	
	input#max_attendance  { 		float: left;
		padding: 1px 5px; 
		width: 40px;
 } 	
	#max_attendance_label  { 		display: block; 
		float: none; 
		width: auto;
 } 	
	/* show first add attachment button only for persons */
	.figblock01 .link-fig  { 		display: none;
 } 
	/* show second add attachment button only for persons */
	
	.figblock02 .link-fig  { 		display: none;
 } 
		.person .figblock02 .link-fig  { 			display: block;
	 } 

	.sortable-item  { 		background: #fff;
		float: none;
		list-style: none;
		text-align: left;
		width: auto;
 } 			
	.sortable-item-placeholder  { 		padding: 0;
		margin: 12px 0;
		float: none !important;
		background: #f00;
		list-style: none;
		height: 2px;
 } 	
		.list-view-simple .sortable-item-placeholder  { 			background: '#f00';
			display: inline !important;
			padding-left: 2px;
			height: 1em;
	 } 	
		.dragging  { 			outline: 1px dotted #000;
			background: #fff;
			display: block;
	 } 		
	.tooltip-marker  { 		font-weight: normal;
		color: #f00;
		cursor: help;
 } 

/* making a new thing 
-------------------------------------------------------------- */

#nn0 h1  { 	padding-left: 0px; } 
#nn0 input  { 	margin: 2px 0;
	width: 96%; } 
#nn0_overlay  { 	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color: #ccc;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3; } 

/* block users
-------------------------------------------------------------- */

.btn-disabled, .btn-disabled:hover  { 	color: #ccc !important;
	background: #fff !important;
	cursor: default !important;
	border: 1px solid #ccc !important; } 
.dv .action-offensive  { 	border: none;
	padding: 2px 0 0 0; } 
.dv .action-offensive:hover  { 	background: #fff;
	color: #666; } 

/* manage my things
-------------------------------------------------------------- */

.managemythings td  { 	padding: 9px; } 
.managemythings td.edit  { 	width: 30%; } 
.manage-new-list-action button  { 	margin: 0 0 18px; } 
/* module openid
-------------------------------------------------------------- */

/* hide header and footer */

.page-module-openid-provider-logon #header,
.page-module-openid-provider-logon #footer  { 	display: none; } 
.page-module-openid-provider-logon #wrapper-content  { 	margin-top: 18px; } 

/* module message
-------------------------------------------------------------- */

.module-message .menu  { 	margin-bottom: 18px;	 } 
.module-message-link  { 	float: left; } 
.module-message-link span  { 	display: block;
	margin: 2px 6px 0 0;  } 
.module-message-list-notread td  { 	font-weight: bold; } 
.module-message-recipient-box  { 	margin: 0 0 18px 0; } 
.module-message-recipient  { 	background: #eee;
	border: 1px solid #aaa;
	-moz-border-radius: 6px;
	padding: 3px; } 
.module-message-edit-form p  { 	margin: 0 0 6px 0; } 
/* module contact
-------------------------------------------------------------- */

.module-contact-link  { 	float: left; } 
.module-contact-link span  { 	display: block;
	margin: .1em .3em 0 0;  } 
.module-contact-list td.prs  { 	width: 10%; } 
.module-contact-list td.cnt  { 	width: 60%; } 
.module-contact-list td.cnf  { 	width: 30%; } 
/* module snapshot
-------------------------------------------------------------- */

.module-snapshot-lbox-addtext div  { 	float: left; } 
.module-snapshot-lbox-addtext img  { 	margin-right: 1em; } 
.module-snapshot-lbox-addtext input.text,
.module-snapshot-lbox-addtext textarea  { 	width: 300px; } 
.module-snapshot-lbox-addtext textarea  { 	height: 118px; } 

/* accordion
-------------------------------------------------------------- */

div.acc-title  { 	cursor: pointer;
	background: #f00 url(http://fast.mediamatic.nl/f/frzc/image/accordion.gif) 0px -6px no-repeat;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 2px 6px 2px 22px;
	border-bottom: 4px solid #fff; } 
div.acc-title:hover  { 	background: #f00 url(http://fast.mediamatic.nl/f/frzc/image/accordion.gif) 2px -230px no-repeat; } 
div.acc-content-open  { 
	background: #f00 url(http://fast.mediamatic.nl/f/frzc/image/accordion.gif) 2px -230px no-repeat;  } 
div.acc-content-open:hover  { 	background: #f00 url(http://fast.mediamatic.nl/f/frzc/image/accordion.gif) 2px -114px no-repeat;  } 
.acc-content-inside  { 	padding: 1em;
	border: 1px solid #000;
	margin-bottom: 4px; } 
	.acc-content-inside fieldset  { 		margin: 0 0 12px 0;
		padding: 0;
		border: none;
 } 
.acc-content  { 	padding: 0;
	margin: 0; } 
	.acc-content h3,
	.acc-content h4  { 		padding-bottom: 6px;
 } 
.acc-login-left  { 	float: left;
	width: 433px; } 

/* nonauthoritative 
-------------------------------------------------------------- */

/* show only the img */
img.nonauthoritative-icon  { 	float: none !important;
	margin: 0 0 0 2px !important;
	padding: 0 !important;
	width: 11px !important;
	height: 11px !important; } 
a:hover img.nonauthoritative-icon:hover,
a img.nonauthoritative-icon:hover  { 	width: auto !important;
	height: auto !important; } 
ul.fig img.nonauthoritative-icon  { 	display: inline; } 
/* show link and img */
a.nonauthoritative-link  { 	display: inline !important; } 

/*	Editor Toolbar
-------------------------------------------------------------- */

.editinplace-input  { 	background: none !important; } 
.ui-wrapper  { 	padding: 0 !important;
	margin: 0 0 18px 0 !important;
	width: 100% !important;
	background: none !important; } 
	.ui-wrapper textarea  { 		border: solid #e0e0e0;
		border-width: 0 1px 1px 1px;
		position: relative;
		top: -2px;
		background: none !important;
		padding: 0 0 0 5px; /* padding right causes weirdness when overflowing */
 } 	
	* html .ui-wrapper textarea  { 		_width: 98% !important;
 } 
.toolbar  { 	background: #f8f8f8;
	border: 1px solid #e0e0e0;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	padding: 0;
	margin: 0;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px; } 	
	.edit-page .toolbar button  { 		float: none;
		display: inline;
		margin: 5px 0 5px 5px;
 } 	
/*
	.edit-page .toolbar button:active,
	.edit-page .toolbar button:focus,
	.edit-page .toolbar button:hover  { 		color: #333;
		border: 1px solid #bbb;
		border-right-color: #e0e0e0;
		border-bottom-color: #e0e0e0;
		background: #fff;
 } */
	.youtube_form_wrapper,
	.link_form_wrapper  { 		padding: 6px;
 } 	
		.youtube_form_wrapper input,
		.link_form_wrapper input  { 			width: 150px;
			font-size: 11px;
			color: #444;
			margin: 0 .25em 0 0;
	 } 		
			.youtube_form_wrapper button,
			.link_form_wrapper button  { 				float: none;
				display: inline;
		 } 	
	.wysiwyg-help  { 		float: right !important;
		margin: -25px 6px 0 !important;
 } 	

/*	sIFR
-------------------------------------------------------------- */

.sIFR-flash  { 	visibility: visible !important;
	margin: 0;
	padding: 0; } 
.sIFR-replaced, .sIFR-ignore  { 	visibility: visible !important; } 
.sIFR-alternate  { 	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden; } 
.sIFR-replaced div.sIFR-fixfocus  { 	margin: 0px; 
	padding: 0px; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none; } 
.sIFR-active object  { 	display: block; } 
.sIFR-dummy  { 
	width: 0px;
  	height: 0px;
  	margin-left: 42px !important;
  	z-index: 0; } 

/* menu-editable
---------------------------------------------------------------- */

.menu-editable .action  { 	display: inline;
	float: left;
	padding: 2px 0; } 
.save-this-page  { 	padding-top: 2px;
	float: left; } 
.menu-editable button  {     color: #f00;
    background-color: #fff; } 
	.menu-editable button:hover  {         color: #fff;
        background-color: #f00;
 } 
.page-view .menu-editable .edit-cc,
.page-view .menu-editable .edit-trust  { 	line-height: 14px;
	margin-top: 5px; } 
	.isGecko.isWin .menu-editable p.edit-cc,
	.isGecko.isWin .menu-editable p.edit-trust  { 		line-height: 14px;
 } 
.menu-editable .cc  { 	float: left; } 
.isIE7x .menu-editable .cc span  { 	display: block; } 
.cc a,
.cc a:hover,
.cc a:active  { 	border: none; } 
.edit-cc  { 	background-repeat: no-repeat;
	background-position: 0 45%; } 
	.page-view .edit-cc,
	.dialog-content .edit-cc  { 		background-repeat: no-repeat;
		background-position: 0 50%;
		text-indent: -9999px;
		display: inline-block;
 } 
	/* ie7 doesnt understand inline-block */
	.isIE7x .page-view .edit-cc,
	.isIE7x .dialog-content .edit-cc  { 		display: inline;
		zoom: 1;
 } 	
		.page-view .chapeau .edit-cc  { 			margin-right: -3px;
	 } 			
		/* ie7 doesnt understand inline-block */
		.isIE7x .page-view .chapeau .edit-cc  { 			display: inline;
			zoom: 1;
	 } 		
label .edit-cc  { 	float: left; } 
.cc-icons1  { 	width: 18px;  } 
.cc-icons2  { 	width: 33px;  } 
.cc-icons3  { 	width: 48px;  } 
.edit-page button .cc-icons1  { 	padding-left: 18px;  } 
.edit-page button .cc-icons2  { 	padding-left: 33px;  } 
.edit-page button .cc-icons3  { 	padding-left: 48px;  } 
.cc-by-nc-nd	 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/gray/by-nc-nd.png); } .cc-by-nc-sa	 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/gray/by-nc-sa.png); } .cc-by-nc		 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/gray/by-nc.png); } .cc-by-nd		 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/gray/by-nd.png); } .cc-by-sa		 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/gray/by-sa.png); } .cc-by			 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/gray/by.png); } .cc-cr			 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/gray/cr.png); } .cc-pd			 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/gray/pd.png); } 
.page-view .menu-editable .cc-by-nc-nd	 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/white/by-nc-nd.png); } .page-view .menu-editable .cc-by-nc-sa	 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/white/by-nc-sa.png); } .page-view .menu-editable .cc-by-nc		 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/white/by-nc.png); } .page-view .menu-editable .cc-by-nd		 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/white/by-nd.png); } .page-view .menu-editable .cc-by-sa		 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/white/by-sa.png); } .page-view .menu-editable .cc-by			 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/white/by.png); } .page-view .menu-editable .cc-cr			 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/white/cr.png); } .page-view .menu-editable .cc-pd			 { background-image: url(http://fast.mediamatic.nl/f/frzc/image/cc/white/pd.png); } 

/* menu-path 
---------------------------------------------------------------- */

.menu-path  { 	display: none; } 	
	ul.menu-path  { 		margin: 0 0 18px 0;
		color: #999;
 } 
	
	ul.menu-path li a  { 		color: #999;
		border-bottom: none;
 } 	
		ul.menu-path li a:hover  { 			color: #666;
			border-bottom: none;
	 } 	
		ul.menu-path li span.active  { 			color: #000;
	 } 

/* edit page help-functions
---------------------------------------------------------------- */

.help-area-wrapper  { 	display: none; } 
	.help-area  { 		padding: 2px 2px 2px 25px;
		background: #fff8cc url(http://fast.mediamatic.nl/f/frzc/image/info.png) no-repeat 5px 5px;
		width: auto;
		border: 1px solid #ddd;
		margin: 0 0 18px 0;
 } 		
		.help-area p  { 			margin: 0;
			padding: 0;
			color: #000;
	 } 
/* pubstate classes
---------------------------------------------------------------- */

.pubstate9  { 	text-decoration: line-through; } 
/* events info page
---------------------------------------------------------------- */

/* for now */
.event-opening-wrapper  { 	display: none; } 
.event-info-left  { 	float: left;
	margin: 0 12px 0 0; } 
.event-info-date_end  { 	display: none; } 
.event-info-event-opening  { 	display: none; } 
.date-wrapper  { 	background: #f2f2f2;
	border: 1px solid #ddd;
	padding: 6px 0 6px 6px; } 
.event-date-wrapper,
.event-opening-wrapper,
.event-location-wrapper  { 	margin: 0 0 18px 0; } 
.event-expl,
.event-expl-header,
.event-expl-error,
.ui-datepicker-status  { 	color: #666;
	font-size: 12px;
	margin: 0; } 
	.event-expl-header  { 		color: #000;
 } 	
	.event-expl-error  { 		color: #f00;
 } 
.error p  { 	margin: 0; } 
.listbox hr  { 	background-color: #999; } 
.date-start-time  { 	display: none; } 
.event-start-time  { 	display: none; } 
.event-info-new-thing  { 	display: none;
	background: #f2f2f2;
	border: 1px solid #ddd;
	padding: 12px;
	margin: 12px 0 0 0; } 
.event-info-new-thing-loading  { 	background: #f2f2f2 url(http://fast.mediamatic.nl/f/frzc/image/throbberwait.gif) no-repeat scroll 19% 92% !important; } 
.event-info-new-thing .no-selection  { 	display: none; } 
a.datepicker-icon,
a.datepicker-icon:focus,
a.datepicker-icon:hover  { 	border: none; } 
/* forum-activity
--------------------------------------------------------- */	
		
.num-reactions  { 	padding: 0 0 0 .4em; /* simulate a space, we cannot do it with spaces and display:inline because they are ignored in IE */
	display: inline;
	white-space: nowrap; } 
.dv .num-reactions  { 	padding: 0; } 
/* inactive styles could also be put in num-reactions */
.reactions-inactive  { 	color: #000; } 	
.reactions-active  { 	color: #f00; } 
.forum .list-interest-subject h5  { 	display: block; } 		
/* edit attachment page 
---------------------------------------------------------------- */
	
	.edit_attachment_wrapper  { 		margin-bottom: 18px;
 } 	
	.attachment_actors  { 		clear: left;
 } 	
	.attachment_actors h5  { 		display: block;
		clear: left;
		line-height: 2;
		color: #000;
 } 	
	.attachment_actors ul  { 		margin-bottom: 0;
		float: none;
 } 	
	.attachment_actors ul li  { 		float: none;
		white-space: nowrap;
 } 	
	.attachment_content  { 		margin: 0 0 18px;
 } 	
	.attachment_content .help-text  { 		display: none;
		width: auto;
 } 	
	.attachment_content button  { 		margin-top: 10px;
 } 	
	.edit-page .add_att_simple  { 		clear: both;
 } 	
	.attachment_actors .unlink-confirm  { 		border: 1px solid #000;
 } 	
	.attachment_actors .listbox  { 		background: none;
		border: 0;
		padding: 0;
 } 	
	.actors-without-annotations  { 		background: #f1f1f1;
		padding: 5px;
 } 	
	.replace_image_form  { 		display: none;
		margin-bottom: 18px;
 } 	
	button.replace_image_form_button  { 		margin-bottom: 18px;
 } 
/* help text 
---------------------------------------------------------------- */	
	
	div.help-text  { 		background-color: #fff8cc;
		width: 100%;
 } 	
		.help-text p  { 			margin: 0;
			padding: 0 6px;
			color: #000;
			border: 1px solid #ddd;
			font-size: 11px !important;
			height: auto;
			line-height: 2;
			font-style: normal;
	 } 		
		p.help-text  { 			clear: both;
			margin: 0;
			padding: 4px 6px 5px 23px;
			color: #000;
			border: 1px solid #ddd;
			font-size: 11px !important;
			height: auto;
			line-height: 1.3;
			font-style: normal;
			background: #fff8cc url(http://fast.mediamatic.nl/f/frzc/image/info.png) no-repeat 3px 3px;
	 } 

/* ikrip 
---------------------------------------------------------------- */	

a.ikrip-logo  { 	border: none; } 
a.ikrip-logo:hover  { 	border: none;
	text-decoration: none; } 
/* search dropdown
---------------------------------------------------------------- */	
#dropdown-outside  { 	position: relative;
	float: left;
	font-size: 14px;
	margin-right: 8px;
	width: 10em;
	z-index: 500; /* cover gmaps (contains high z-index values) and sifr */ } 
#dropdown-inside  { 	border: 1px solid #bbb;
	height: 18px;	
	padding: 0;
	overflow: hidden;
	background: #fff;
	width: 10em;
	background: #fff url(http://fast.mediamatic.nl/f/frzc/image/search-filter-dropdown.gif) no-repeat 100% 0; } 
#dropdown-inside.expanded  { 	border-color: #666; } 
#dropdown-inside ul  { 	border-top: 1px solid #666;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden; } 
#dropdown-current,
#dropdown-inside li  { 	margin: 0;
	padding: 0 23px 0 5px;
	height: 18px;
	cursor: pointer;
	text-transform: lowercase; } 
#dropdown-inside li  { } 
#dropdown-inside li.hover,
#dropdown-inside li.selected  { 	background: #eee;	 } 
#dropdown-inside ul:hover li.selected  { 	background-color: transparent;	 } 

/* images in body text
----------------------------------------------------------- */
.inline-image-wrapper,
.inline-image-wrapper img  { 	display: block;
	margin: 0; } 
	.inline-image-wrapper > a  { 		border: none;
 } 	

/* media in narrow columns
---------------------------------------------------- */
.span-20 object.wiki-youtube,
.span-20 embed.wiki-youtube  { 	width: 310px;
	height: 264px; } 
.span-20 object.wiki-vimeo,
.span-20 embed.wiki-vimeo  { 	width: 310px;
	height: 174px; } 
.span-20 object.wiki-slideshare,
.span-20 embed.wiki-slideshare  { 	width: 310px;
	height: 259px; } 
/* status messages
---------------------------------------------------- */

body.person .dv-title h1  { 	float: left; } 
	.edit-page .dv-title h1  { 		float: none !important;
 } 
.add-status-message-wrapper input.loading  { 	height: auto;
	background-position: 99% 50% !important } 
.add-status-message-wrapper  { 	clear: both; } 
#status-message-wrapper .status-editable:hover  { 	background: #fff8cc;
	cursor: pointer; } 
#add-status-massage  { 	margin: 24px 0 0 12px;	 } 

/* ie6 notice
----------------------------------------------------------- */

#ie6-upgrade  { 	padding: 6px;
	margin: 0;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px; } 
	#ie6-upgrade h4  { 		color: #000;
		font-size: 14px;
		font-weight: bold;
 } 	
	#ie6-upgrade p  { 		margin: 0;
 } 	
	#ie6-upgrade a  { 		color: #000;
		text-decoration: none;
		border-bottom: 1px dotted #000;
 } 
		#ie6-upgrade a:hover  { 			background-color: transparent;
			border-bottom: 1px solid #000;
	 } 	
	
/* list question in poll 
------------------------------------------------------------- */

.page-view .list-question .dv  { 	margin: 0 0 12px; } 
.page-view .list-question li  { 	margin: 0 0 12px;
	color: #4D4D4D; } 
.page-view .list-question li input  { 	margin: 0 6px;
	float: left } 
.page-view .list-question li label  { 	display: table; } 
/* address */

#address address,
#address .address  { 
	margin: 0 0 18px;   } 
#address address p,
#address .address p  { 
	margin: 0;  } 
/* bio */

#bio  { 
	margin: 0 0 18px;   } 
.bio .bio-header  { 	display: none; } 
#bio p  { 
	margin: 0;  } 
.edit-page .trustgroup-decease  { 	margin-top: 6px; } 
.bio-name span  { 	margin: 0 3px 0 0; } 
/* bio for persons (not users) */
.dv .period-location-person  { 	margin: 0 0 12px; } 
.dv .bio,
.dv .bio p,
.list-view-item div.bio  { 	display: inline; } 
ins  { background-color:lightgreen;
	text-decoration: none;
 } /* del  { background-color:orange; } */


/* RTL support
------------------------------------------------------------- */
#content .rtl,
#content .rtl h1,
#content .rtl h2,
#content .rtl h3,
#content .rtl h4,
#content .rtl h5,
#content .rtl h6,
#content .rtl input,
#content .rtl textarea,
#content .rtl .caption,
#content .rtl .intro,
#sidebar .rtl h1,
#sidebar .rtl h2,
#sidebar .rtl h3,
#sidebar .rtl h4,
#sidebar .rtl h5,
#sidebar .rtl h6,
.listbox .rtl h1,
.listbox .rtl h2,
.listbox .rtl h3,
.listbox .rtl h4,
.listbox .rtl h5,
.listbox .rtl h6,
.listbox .rtl .intro,
.dialog .rtl input,
.dialog .rtl textarea,
.rtl .dv-title h1,
.rtl .li-title,
.list-view-item-thing.rtl .li-title,
.dv-part2.rtl .intro  { 	direction: rtl;
	font-style: normal !important; 
	text-align: right;
	unicode-bidi: embed; } 
/* align chapeaus to the right: */
#content .rtl .chapeau  { 	float: right; } 
/* align do-something buttons to the right */
#content .rtl .dv-title .do-something,
.rtl_pag #footer .listbox .do-something  { 	float: right;
	margin-right: 0; } 
/* make Arabic text slightly larger: */
#sidebar .rtl .intro  { 	font-size: 10pt; } 

/* put images in line with text: */
#content .rtl ul.fig li img  { 	float: right; }  
#content div.rtl div.caption  { 	clear: both; }         
#content div.rtl .img-wrapper  { 	left: auto;
	right: 0;
	float: right; }               

#content div.rtl div.attachment_actors  { 	clear: both; } 
/* reset RTL for various elements */
#content .rtl .chapeau,
#content .rtl #list_author,
#content .rtl .link-fig,
#content .rtl .list-actor,
#content .rtl .button-fig,
#content .rtl .help-text,
#content .rtl .do-something,
#content .rtl .button-link  { 	direction: ltr !important;
	text-align: left !important; } 
/* make ghost-annotations appear correctly in FF: */
.rtl .img-with-annotations .annotation  { 	direction: ltr !important;
	text-align: left !important;
	text-indent: 0px !important; } 
/* display Arabic text from EN versions of images on AR pages the right way: */
#content .rtl .dv_image  { 	direction: rtl;
	float: right; } 
#content .rtl .intro  { 	clear: both; 
	font-style: normal !important;
	text-align: left; } 
/* create some space between chapeau and link in search results */
.rtl .li-title h3 a  { float: left; } 
/* align heading in detailed view on the right side: */
.rtl .dv-title .do-something,
.rtl h2.with-action  { 
	direction: rtl;
	float: right; } 
.rtl h2.with-action  { 	margin-right: 6px; } 
/* align titles to the left, even if they are rtl, see #8183: */
.rtl .li-title  { 	float: left; } 
/* align titles to the left, even if they are rtl, see #8183: */
.dv-part2.rtl .intro,
.list-view-item-thing.rtl .li-title,
.list-view-item-thing.rtl .li-part2 .intro  { 	text-align: left; } 
/* ensure that titles align correctly, see #8183: */
.rtl .li-title h3,
.rtl .li-title h4  { 	text-align: left; } 
/* ensure that links dont shift, see #8183: */
.rtl h3 a  { 	border: 1px solid transparent; } 
.rtl h3 a:hover,
.rtl h3 a:active,  { 	border: 1px solid #000 !important; } 

/* aligns chapeaus to the left in listitems and only triggers on RTL: */
.listbox .list .rtl .li-part1  { 	text-align: left;
	float: left;  } 
.listbox .list .rtl .li-part2  { 	clear: both; } 
/* enables display of "Fans" on the right side, see #8183: */
.rtl_pag .set-metadata  { 	width: 100%; /* used to be 98% but that doesnt work for RTL, so overriding this: */ } 
.rtl_pag .connections  { 	float: right;
	text-align: right;   } 
/* handlelist widget:
------------------------------------------------------------- */

/* setting this to 100% ensures that the listing does not shrink with small elements */
#list_setmember  { 	width: 100%;
	float: none; } 
/* setting this color to the background color of the surrounding element prevents ghosting */
.list-view-item-thing  { 	position: relative;
	background: #ffffff;
	overflow: hidden; /* to prevent long titles bleaking layout #8655 */ } 
.ui-sortable-handle:hover  { 	cursor: move; } 
.ui-unlinkable-handle:hover,
.ui-tag-handle:hover,
.ui-zoom-handle:hover  { 	cursor: pointer; } 
.ui-sortable-helper  { 	-moz-box-shadow: 3px 3px 3px #888888;
	-webkit-box-shadow: 3px 3px 3px #888888;
	box-shadow: 3px 3px 3px #888888; } 
.ui-state-highlight  { 	background: #ffffff;
	border: 1px dashed #000000 !important;
	color: #000000 !important;
	text-align: center !important; } 
.handlelist-toolbar  { 	position: absolute;
	right: 0;
	top: 6px;
	display: none; } 
/* sprite generation information at anymeta:#7902 */
span.handlelist-toolbar-icon-unlink,
span.handlelist-toolbar-icon-unlink:hover,
span.handlelist-toolbar-icon-zoom,
span.handlelist-toolbar-icon-zoom:hover,
span.handlelist-toolbar-icon-drag,
span.handlelist-toolbar-icon-drag:hover,
span.handlelist-toolbar-icon-tag,
span.handlelist-toolbar-icon-tag:hover  { 	background-image: url(http://fast.mediamatic.nl/f/frzc/image/handlelist_sprite.png);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	margin: 0 6px 0 0;
	text-indent: -9999px;
	width: 20px;  } 
span.handlelist-toolbar-icon-unlink  { 
	background-position: 0 -200px;  } 
span.handlelist-toolbar-icon-unlink:hover  { 
	background-position: 0 -240px;  } 
span.handlelist-toolbar-icon-zoom  { 
	background-position: 0 -80px;  } 

span.handlelist-toolbar-icon-zoom:hover  { 
	background-position: 0 -280px;  } 

span.handlelist-toolbar-icon-drag  { 	background-position: 0 0;  } 

span.handlelist-toolbar-icon-drag:hover  { 
	background-position: 0 -40px; } 

span.handlelist-toolbar-icon-tag  { 
	background-position: 0 -120px; } 

span.handlelist-toolbar-icon-tag:hover  { 
	background-position: 0 -160px;  } 

.handlelist-additem  { 	width: 100%;
	position: absolute;
	left: 0;
	clear: both;
	border: none;
	margin: 8px 0 0 0; } 
.handlelist-additem-button-trigger  { 	border: 1px dashed transparent;
	display: block; 
    height: 18px; } 
.handlelist-additem-button  { 	border: 1px dashed #333;
	display: none;
    height: 18px; } 
.handlelist-additem-button button  { 	background: transparent none no-repeat;
    border: 0;
	text-align: center;
	width: 100%; } 
.ui-sortable embed  { 	position: relative;
	top: 32px; } 
/* Animate content
------------------------------------------------------------- */
.list-view-item-thing-animate-content-hidden  { 	opacity: 0;
	height: 0;
	display: block; } 
.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper,
.list-view-item-thing-animate-content-no-icon .list-view-item-thing-content-wrapper  { 	padding: 6px 12px; } 

.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper .intro  { 	display: block; } 
.list-view-item-thing-animate-content,
.list-view-item-thing-animate-content-no-icon  { 	height: 228px;
	width: 300px;
	background: #bfbfbf; } 
.list-view-item-thing-animate-content-no-icon  { } 
.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper,
.list-view-item-thing-animate-content-no-icon .list-view-item-thing-content-wrapper,
.page-view.layout-listitem-enabled .fig .caption,
.page-view.layout-listitem-enabled .caption-inline  { 	width: 276px;
	background: url(http://fast.mediamatic.nl/f/frzc/image/list-animated-content-bg.png);
	position: absolute;
	bottom: 0;
	left:0; } 
.page-view.layout-listitem-enabled.isIE8up .caption-inline .title  { 	display: block;
	float: left; } 
/* IE6 cannot find the height of an absolute postioned element. Position set to relative. Reset in javascript */
.isIE6x .list-view-item-thing-animate-content .list-view-item-thing-content-wrapper,
.isIE6x .list-view-item-thing-animate-content-no-icon .list-view-item-thing-content-wrapper,
.page-view.layout-listitem-enabled.isIE6x .caption,
.page-view.layout-listitem-enabled.isIE6x .caption-inline  { 	position: relative;
	visibility: hidden; } 
.list-view-item-thing-animate-content .icon  { 	margin: 0 !important; } 
/* hide animated intro's/captions */
.list-view-item-thing-animate-content-hover .li-part2,
.layout-listitem-enabled.page-view .fig .caption,
.layout-listitem-enabled.page-view .caption-inline  { 	height: 0;
	overflow: hidden;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0); } 
body.layout-listitem-enabled .fig .caption,
body.layout-listitem-enabled .caption-inline  { 	padding: 6px 12px; } 
/* START Temporary fix for video controls caption hover issue, see Anymeta:#7840 */

.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption  { 	opacity: 1;
	height: auto;
	background: none;
	position: inherit;
	bottom: auto;
	left: auto;
	width: auto !important;
	color: #000;
	padding: 0;
    font-size: 12px; } 
	.isIE.page-view.layout-listitem-enabled  ul.fig li.fig-li-object div.caption  { 		filter: alpha(opacity=100);
		position: relative;
 } 	
	.isWebkit.page-view.layout-listitem-enabled  ul.fig li.fig-li-object div.caption  { 		margin: 12px 0 0 0;
 } 	
	.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption p.title a,
	.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption span.caption-sep,
	.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption p.caption-body  { 		color: #000;
 } 	
	.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption p.title a:hover  { 		color: #8C8C8C;
 } 
/* END temp fix Anymeta:#7840 */

.list-view-item-thing-animate-content-hover .intro  { 	height: auto !important; } 	

.list-search-advanced li.list-view-item-thing-animate-content  { 	float: left;
	margin-right: 15px; } 
.list-search-advanced li.list-view-item-thing:nth-child(odd)  { 	margin-right: 30px; } 
.list-search-advanced li.list-view-item-thing:nth-child(even)  { 	margin-right: 0px; } 
/*
.list-search-advanced li .li-part2,
.list-search-advanced .caption.clearfix,
.list-search-advanced .caption-inline  { 	height: auto;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1); } */


/* Show the daterange as an inline element */
.list-view-item-thing-animate-content .daterange  { 	float: left; } 
	.list-view-item-thing-animate-content .date,
	.list-view-item-thing-animate-content .day,
	.list-view-item-thing-animate-content .month,
	.list-view-item-thing-animate-content .year,
	.list-view-item-thing-animate-content .datesep  { 		background: none;
		margin: 0 3px 0 0;
		display: block;
		float: left;
		border: none;
		padding: 0;
		height: auto;
		width: auto;
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		font-weight: inherit;
 } 
	.list-view-item-thing-animate-content .date,
	.list-view-item-thing-animate-content .daterange  { 		margin: 0;
 } 	
	.list-view-item-thing-animate-content .day  { 		padding: 0;
		display: block;
		float: left;
		text-align: center;
		width: 16px;
 } 
/* Chapeau Icons
------------------------------------------------------------- */

.list-view-item-thing-animate-content .daterange .day  { 	background: url(http://fast.mediamatic.nl/f/frzc/image/list-item-sprite.png) no-repeat 0 -2px;
	padding-right: 1px; } 
	.isIE7up .list-view-item-thing-animate-content .daterange .day  { 		padding-right: 3px;
 } 
.chapeau-part  { 	margin-right: 4px; } 
.chapeau-comments  { 	background: url(http://fast.mediamatic.nl/f/frzc/image/list-item-sprite.png) no-repeat 0 -31px;
	padding-left: 18px; } 
  	.dv-blog  .chapeau .chapeau-comments  { 		background: none;
		padding-left:0;
 } 
.chapeau-interest  { 	background: url(http://fast.mediamatic.nl/f/frzc/image/list-item-sprite.png) no-repeat 0 -63px;
	padding-left: 20px; } 
.chapeau-participant  { 	background: url(http://fast.mediamatic.nl/f/frzc/image/list-item-sprite.png) no-repeat -2px -95px;
	padding-left: 15px; } 
/* Facebook
------------------------------------------------------------- */

/* facebook logon link */
div.form-element a.facebook-logon,
p a.facebook-logon  {     padding-left: 26px;
    background: transparent url(http://fast.mediamatic.nl/f/frzc/library/FacebookGraph/fb_icon.png) no-repeat 4px -116px;
    background-repeat: no-repeat;
    border: 0; } 
p a.facebook-logon span  {     border-bottom: 1px dotted #999999; } 
div.form-element a.facebook-logon:hover,
p a.facebook-logon:hover  {     background-position: 4px -58px; } 
#fb_disconnect  { 
 	float: right; 
	font-size: 12px;  } 
/* facebook menu */

.nav-personal-wrapper li a.facebook-logon  {     padding-left: 26px;
    background: transparent url(http://fast.mediamatic.nl/f/frzc/library/FacebookGraph/fb_icon.png) no-repeat 4px 3px;
    background-repeat: no-repeat; } 
.nav-personal-wrapper li a.facebook-logon:active,
.nav-personal-wrapper li a.facebook-logon:hover  {     background-position: 4px -55px; } 
/* FIX TO BE PORTED OVER TO STYLE.CSS AT A LATER DATE; SEE #7945 */

#nav li.li-pos-1 ul.ul-lvl-1 li a  { 	background-image: none;
	padding-left: 24px; } 
/* fixes misalignment in "I dont need an invoice" label: */
.form-item-invoice label  { 
	display: inline; } 
/* fixes misalignment for copy in gray boxes: */
#billing-information h6  { 	padding-left: 4px;	 } 
/* fixes nigh-invisible copy in gray boxes: */
#billing-information h6 label,
#billing-information h6 .expl  { 	color: #ffffff; } 
/* Default font settings. 18px baseline grid - v0.1 
-------------------------------------------------------------- */ 
   
body  { 
  color: #222;
  background: #fff;
  font: 13.5px/18px Georgia, Times, serif;
  /* background: url(/image/gridbg18px.gif); */ } 
/* resets
-------------------------------------------------------------- */
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img  { 	margin: 0; } 
h1 a, h2 a, h3 a, 
h4 a, h5 a, h6 a  { 	border: none; } 
/* Headings - add bottom margin if the line-height isn't a multiple of 18px
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6  { font-weight: normal; color: #111; } 
h1  { font-size: 51px;	line-height: 54px; } h2  { font-size: 36px;	line-height: 48px; } h3  { font-size: 18px;	line-height: 24px; } h4  { font-size: 18px;	line-height: 24px; } h5  { font-size: 13px;	font-weight: bold; } h6  { font-size: 13px;	font-weight: bold; } 
.dv-title h1,
.dv-title h2  { 	margin: 0; /*set*/ } 
.dv-part1 .dv-title h1  { 	margin-bottom: 0; } 
.dv .dv-title h2  { 	margin-bottom: 6px; } 
.dv .intro  { 	font-size: 18px;
	line-height: 24px;
	font-weight: normal; } 
.list li h3  { 	color: ;
	font-size: 18px;
	line-height: 18px; } 
.list li h4  { 	font-size: 13px;
	line-height: 18px; } 
li.blogposting h4  { 	font-size: 18px; 
	line-height: 18px;  
	font-style: italic; } 
li.blogposting .intro  { 	font-size: 13px;
	color: #000; } 
li.person h3  { 	line-height: 18px;
	font-size: 18px; } 

/* Text elements
-------------------------------------------------------------- */

p            { margin: 0 0 18px; } 
p img,
li img 		 { float: left; margin: 4px 8px 0 0; } 
p img.right  { float: right; margin: 4px 0 0 8px; } 
a            { color: #000; text-decoration: none;}
a:focus, 
a:hover      { color: #08e;}

.c_link		 { font-weight: bold } 
.dv a		 { color: #000; } .dv a:hover	 { color: #08e; } 
blockquote	 { margin: 18px; color: #666; font-style: italic; } strong		 { font-weight: bold; } em,dfn		 { font-style: italic; } dfn			 { font-weight: bold; } sup, sub	 { line-height: 0; } 
abbr, 
acronym      { border: none; } address      { margin: 0 0 1.5em; } 				
del          { color:#666; } 
pre,code     { margin: 1.5em 0; white-space: pre; } 					
pre,code,tt  { font: 9px 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Search
-------------------------------------------------------------- */

.search-simple button  { 	font-size: 13px;
	font-weight: normal;
	font-family: Georgia, Times;
	color: #000;
	background: none;
	height: 15px; } .search-simple button:hover  { 	color: #666;
	background: none;
	border: none; } .search-advanced button  { 	color: #000;
	font-family: Georgia, Times;
	font-size:48px;
	height: 48px;
	font-weight:normal; } 

/* chapeau 
------------------------------------------------------ */

.chapeau  { 	color: #8c8c8c;
	font-style: italic;
	margin: 0 6px 0 0;
	float: left; } 
	li .chapeau  { 		margin: 0;
		font-style: normal;
		float: none;
 } 	
	li .chapeau .city  { 		font-style: italic;
 } 

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

.metadata  { 	padding: 6px;
	background: #f2f2f2;
	border: 1px solid #ddd; } 
.metadata li.similar a  { 	font-style: italic;
	border-bottom: 1px dotted #666; } 

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol        { margin:0 18px; } 
ul, ol       { margin: 0 18px 18px; } 

ul           { list-style-type: disc; } ol           { list-style-type: decimal; } 
dl           { margin: 0 0 18px; } 
dl dt        { font-weight: bold; } dd           { margin-left: 18px; } 

/* Tables
-------------------------------------------------------------- */

table        { margin-bottom: 1.4em; width:100%; } th           { font-weight: bold; background: #8c8c8c; } th,td        { padding: 4px 10px 4px 5px; } tr.even td   { background: #eee; } tfoot        { font-style: italic; } caption      { background: #eee; } 

/* Misc classes
-------------------------------------------------------------- */

.small       { font-size: 10px;  margin-bottom: 18px; line-height: 18px; } .large       { font-size: 14px; margin-bottom: 18px; line-height: 24px;  } .hide        { display: none; } 
.quiet       { color: #666; } .loud        { color: #000; } .highlight   { background:#ff0; } .added       { background:#060; color: #fff; } .removed     { background:#900; color: #fff; } 
.first       { margin-left:0;	padding-left:0; } .last        { margin-right:0; 	padding-right:0; } .top         { margin-top:0; 	padding-top:0; } .bottom      { margin-bottom:0; 	padding-bottom:0; } 

/* Footer styles
-------------------------------------------------------------- */

.activity,
.design-by  { 	color: #bbb; } .activity a, 
.design-by a  { 	color: #777; } 

/* top iframe 
------------------------------------------------------------------- */
#jhm-topmenu  { 
	width: 950px;
	border: none;
	height: 24px;
	margin: 0 auto 24px;
	position: relative;	
	display: block;
	left: -6px; } 

body.page-home #jhm-topmenu  { 
	width: 980px; } 



/* basic lists
-------------------------------------------------------------- */

.listbox  { 
	margin: 0 0 18px 0; } 

.list  { 
	list-style: none;
	margin: 0;
	padding: 0; } 

	.list li  { 
		padding: 0;
		margin: 0 0 36px;
 } 

	.dv .list li  { 
		margin: 0 0 9px;
 } 

	.list li h3,
	.list li h4  { 
		margin: 0;
 } 
	
	.list li h3 a  { 
		text-decoration: none;
 } 

	li .intro p  { 
		font-size: 12px;
 } 
		    
	li .author  { 
		font-style: italic;
 } 
	
	li.article img  { 
		width: 66px;
		height: 66px;
 } 
	
	li.topic  { 
		padding: 6px;
 } 


/* structure
-------------------------------------------------------------- */
#wrapper, .container  { 
	overflow: hidden; } 

.clearfix, .container .container  { 
	overflow: visible; } 

.span-20 .padding  { 
	border-left: 10px solid #eee;
	padding: 0 0 180px 10px; } 

.last .padding  { 
	border-right: 10px solid #eee; } 

.span-60 .padding  { 
	border-right: none; } 

/* set page
--------------------------------------------------------------- */
body.set .span-20 .padding  { 
	padding: 0 0 0 10px;
	border-right: none; } 


/* homepage
--------------------------------------------------------------- */
body.page-home div.span-60,
body.page-home div.container  { 
	margin: 0 auto !important;
	float: none;
	width: 980px; } 

body.page-home a  { 
	color: #666; } 

body.page-home a:hover  { 
	color: #08e; } 

body.page-home p.home-link  { 
	float: left;
	line-height: 16px;
	margin: 5px 0 0;
	padding-bottom: 2px; } 

body.page-home .home-menu  { 
	list-style: none;
	margin: 0 0 0 60px;
	padding: 0;
	float: right; } 

	.home-menu li  { 
		border-right: 1px solid #999;
		float: left;
		line-height: 16px;
		margin: 5px 0 0 9px;
		padding: 0 9px 2px 0;
 } 

	.home-menu li.lang  { 
		padding-right: 0;
		border: none;
 } 
	

	.home-menu li.lang  { 
 } 
		.home-menu li.lang a  { 
			color: #993;
	 } 
		
		.home-menu li.lang a:hover  { 
			color: #08e;
	 } 

body.page-home .imagemap  { 
	margin: 13px 0; } 

body.page-home .imagemap input  { 
	cursor: crosshair; } 

body.page-home .caption  { 
	font-weight: bold;
	color: #666;
	margin: 0 0 18px;
	float: left; } 

body.page-home .home-menu-wrapper  { 
	margin: 10px 0 0; } 

body.page-home form.home-search  { 
	float: right;
	color: #666;
	position: relative;
	top: 4px; } 

body.page-home form.home-search-city  { 
	float: right;
	width: auto;
	padding: 0 0 10px; } 


	form.home-search input  { 
		border: 1px solid #666;
		width: 124px;
		padding: 0 0 1px;
		margin: 0 0 0 9px;
		font-size: 13.5px;
		color: #666;
 } 
	
	form.home-search input,
	form.home-search button,
	form.home-search label  { 
		display: inline;
		float: none;
 } 
	
	form.home-search-site  { 
		text-align: right;
 } 
	
	form.home-search button[type]  { 
		padding-bottom: 0;
		margin-right: 0;
 } 




/* person / institution page / location
-------------------------------------------------------------- */
div.dv-part1  { 
	margin-left: 33%;
	padding-left: 30px;
	padding-bottom: 10px;
	min-height: 135px; } 

	.furni  { 
		font: normal bold 12px/18px arial, sans-serif;
 } 


body.person .body,
body.institution .body  { 
	font-size: 12px;
	color: #663; } 

	div.tooltip  { 
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-color: #000;
		color: #000;
		font-size: 12px;
		background-color: #ccf;
 } 

.person-data  { 
	padding: 0 0 1.3em; } 

.person-data p,
.date-situation,
.survived  { 
	margin: 0;
	color: #993; } 

body.person .jhm_institution h2  { 
	font-size: 21px;
	line-height: 1;
	color: #993; } 


.jhm_location  { 
	margin-bottom: 1.5em; } 

	.jhm_institution p,
	.jhm_location p  { 
		margin: 0;
 } 

.jhm_family  { 
	margin-bottom: 30px; } 

.jhm_family h3  { 
	font-size: 15px;
	line-height: 1; } 


/* content directly under page title */
div.dv-part1-extra  { 
	float: left;
	width: 50%; } 

/* location page
--------------------------------------------------------------- */
body.location h1  { 
	height: 130px; } 

body.location #sidebar_location_left .padding,
body.location #sidebar_location_right .padding  { 
	background: #eee;
	border: none; } 

#view_location .padding  { 
	border: none;
	padding-left: 5px; } 

#sidebar_location_left  { 
	padding-left: 10px; } 

body.location #sidebar_location_right  { 
	width: 300px; } 

body.location #sidebar_location_right .padding  { 
	border: none; } 

	body.location h2  { 
		font-size: 18px;
		line-height: 23px;
		margin: 0 0 27px;
 } 

	body.location .jhm_family ul  { 
		list-style: none;
		margin: 0;
		padding: 0;
 } 
	
	body.location ul img  { 
		float: none;
 } 

	.carousel-side a  { 
		color: #999;
 } 
	
	.carousel-side .jhm_institution,
	.carousel-side .jhm_family,
	.carousel-side .jhm_institution a,
	.carousel-side .jhm_family a  { 
		color: #ccc;
 } 
	
	body.location .jhm_institution  { 
		margin: 24px 0 0;
 } 
	
		body.location .jhm_institution:first-child  { 
			margin-top: 0;
	 } 

	.carousel-side .jhm_institution a:hover,
	.carousel-side .jhm_family a:hover,
	.carousel-side h2 a:hover,
	.jhm_institution h2 a:hover  { 
		color: #08e;
 } 

	#view_location h2,
	.carousel-side h3  { 
		font-size: 21px;
		margin: 0;
 } 

	#view_location p.owns,
	.carousel-side p.owns  { 
		font-family: arial, sans-serif;
		font-size: 11.5px;
 } 
	
	#view_location p.owns  { 
		font-weight: bold;
		position: relative;
 } 
	
/* global styles for text pages
--------------------------------------------------------------- */
.side-menu  { 
	margin: 0;
	clear: both; } 

	.side-menu li  { 
		margin: 0;
		font-weight: bold;
		font-size: 15px;
		line-height: 20px;
 } 
	
		.side-menu strong  { 
			color: #993;
	 } 
		
	.submenu li a  { 
		font-weight: normal;
		color: #666;		
 } 
	
		.submenu li a:hover  { 
			color: #08e;		
	 } 
		
	.submenu li strong  { 
		font-weight: normal;
		color: #996;
 } 

body.article .span-20 .padding,
body.article #c_left .padding  { 
	border: none; } 

body.term #c_left .padding,
body.terms #c_left .padding  { 
	border: none;
	padding-left: 0; } 

	#article_menu  { 
		padding: 0 16px 0 0;
		background: #eee;
		margin: 0 4px 0 0;
 } 
	
		#article_menu .padding  { 
			border-left: 10px solid #fff;
	 } 

body.article .dv h2,
body.add_info .dv h2  { 
	font-size: 13.5px;
	color: #993;
	line-height: 27px; } 

body.article .body h2  { 
	color: #663;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0; } 


/* furniture page (rooms / artefact / inboedel )
--------------------------------------------------------------- */
body.furniture .owned-by  { 
	color: #993 } 

body.furniture .list-rooms  { 
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	list-style: none;
	margin: 0;
	padding: 0; } 

	.list-rooms strong  { 
		color: #993;
 } 
	
body.furniture .body h2  { 
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	margin: 0 0 16px;
	color: #993; } 

body.furniture .body p  { 
	font-size: 12px;
	line-height: 18px;
	color: #663; } 


/* article pages
--------------------------------------------------------------- */
#c_left  { 
	background: #eee;
	margin: 0 4px 0 0;
	padding: 0 20px 0 0; } 

#c_right  { 
	width: 306px; } 

	#c_right .doc  { 
		margin-bottom: 27px;
 } 

body.term #c_left,
body.terms #c_left  { 
	background: #fff !important;
	padding-left: 0 !important;
	border-left: 0 !important; } 

#c_left .padding  { 
	border-left: 12px solid #fff; } 

#c_mid  { 
	background: #eee;
	margin: 0; } 

	#c_mid .padding  { 
		padding-right: 10px;
		border: none;
 } 

	#c_mid .intro  { 
		padding-top: 10px;
		font-weight: bold;
		color: #996;
		font-size: 12px;
		line-height: 18px;
 } 
	
	#c_mid .body  { 
		color: #663;
		font-size: 12px;
 } 

#c_void  { 
	width: 0;
	overflow: hidden; } 

#c_right .padding  { 
	padding-right: 20px; } 

body.spanjaardslaan133 #c_right,
body.gezin_de_jongh #c_right,
body.bekijk_huis #c_right  { 
	background: #eee; } 

.jongh_index embed  { 
	margin: 10px 0 0; } 


/* attachment page
--------------------------------------------------------------- */
body.attachment .span-40 .padding  { 
	border-left: 10px solid #eee;
	padding: 0 0 180px 10px; } 

body.attachment .span-20 .padding  { 
	padding-right: 10px; } 

body.attachment .intro p  { 
	margin: 0; } 

/* bekijk huis
--------------------------------------------------------------- */
body.bekijk_huis #c_mid  { 
	width: 64%; } 

body.bekijk_huis #c_right  { 
	display: none; } 

	#qtcontainer  { 
		padding: 10px 0 0;
 } 

	#qtcontainer .placeholder  { 
		margin: 0;
		width: 600px;
		height: 456px;
 } 
	
	#qtcontainer .placeholder a  { 
		display: block;
		overflow: auto;
		color: #996;
 } 
	
		#qtcontainer .placeholder a:hover  { 
			color: #08e;
	 } 
	
		#qtcontainer .placeholder img  { 
			float: left;
			margin: 0 10px 0 0;
	 } 
		
		#qtcontainer .placeholder span  { 
			font-size: 51px;
			line-height: 72px;
	 } 



/* term page (begrippenlijst)
--------------------------------------------------------------- */
body.term .padding  { 
	border: none; } 

.list-alphabet  { 
	margin: 0 0 20px;
	padding: 0;
	overflow: hidden; } 

	.list-alphabet li  { 
		float: left;
		font-size: 52px;
		line-height: 60px;
		padding: 0;
		margin: 0 14px 0 0;
 } 
	
		.list-alphabet strong  { 
			color: #993;
			font-weight: normal;
	 } 

/* fig
--------------------------------------------------------------- */
.fig  { 
	margin: 0 0 18px; } 

.fig img  { 
	margin: 0 0 4px;	 } 

.caption a,
.caption h4,
.caption p  { 
	color: #663;
	font: normal normal 12px/18px arial, sans-serif;
	margin: 0; } 

	.caption p a,
	.caption h4  { 
		font-weight: bold;
 } 
	
	.caption a  { 
		color: #000;
 } 
	
	.caption a:hover  { 
		color: #08e;
 } 
	

/* graphs
-------------------------------------------------------------- */
.graph 
	 { 
	position: relative;
	border: 0px solid;
	border-color: #000;
	height: 38px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 16px;
 } 

.graph .d1, 
.graph .d2,
.graph .d3,
.graph .d4,
.graph .d5,
.graph .d6,
.graph .d7,
.graph .d8,
.graph .d9,
.graph .da,
.graph .db,
.graph .dc,
.graph .dd,
.graph .de,
.graph .df,
.graph .dg,
.graph .di,
.graph .dj
	 { 
	position: absolute;
	border-right: 1px solid #fff;
	width: 10px;
	background-color: #fff;
 } 

.graph .d1 
	 { 
	border: 1px solid #00f;
	height: 36px;
	background-color: #00f;
 } 

.graph .d2 
	 { 
	border: 1px solid #f00;
	height: 36px;
	background-color: #f00;
 } 

.graph .d3 
	 { 
	top: 12px;
	border: 1px solid #0f0;
	height: 24px;
	background-color: #0f0;
 } 

.graph .d4 
	 { 
	top: 12px;
	border: 1px solid #ff0;
	height: 24px;
	background-color: #ff0;
 } 

.graph .d5 
	 { 
	top: 22px;
	border: 1px solid #0ff;
	height: 14px;
	background-color: #0ff;
 } 

.graph .d6 
	 { 
	top: 22px;
	border: 1px solid #f0f;
	height: 14px;
	background-color: #f0f;
 } 

.graph .d7 
	 { 
	border: 1px solid #ccc;
	height: 36px;
 } 

.graph .d8 
	 { 
	border: 1px solid #ccc;
	height: 36px;
 } 

.graph .d9 
	 { 
	border: 1px solid #ccc;
	height: 36px;
 } 

.graph .da 
	 { 
	border: 1px solid #00f;
	height: 36px;
	background-color: #00f;
 } 

.graph .db 
	 { 
	border: 1px solid #f00;
	height: 36px;
	background-color: #f00;
 } 

.graph .dc 
	 { 
	top: 12px;
	border: 1px solid #0f0;
	height: 24px;
	background-color: #0f0;
 } 

.graph .dd 
	 { 
	top: 12px;
	border: 1px solid #ff0;
	height: 24px;
	background-color: #ff0;
 } 

.graph .de 
	 { 
	top: 22px;
	border: 1px solid #0ff;
	height: 14px;
	background-color: #0ff;
 } 

.graph .df 
	 { 
	top: 22px;
	border: 1px solid #fcf;
	height: 14px;
	background-color: #fcf;
 } 

.graph .dg 
	 { 
	border: 1px solid #ccc;
	height: 36px;
 } 

.graph .di 
	 { 
	border: 1px solid #ccc;
	height: 36px;
 } 

.graph .dj 
	 { 
	border: 1px solid #ccc;
	height: 36px;
 } 

/*
#graph_close 
	 { 
	position: relative;
	border: 0px solid;
	border-color: #000;
	height: 36px;
	width: 100%;
	overflow:hidden;
 } 
*/

.graph .d1_close,
.graph .d2_close,
.graph .d3_close,
.graph .d4_close,
.graph .d5_close,
.graph .d6_close,
.graph .d7_close,
.graph .d8_close,
.graph .d9_close,
.graph .da_close,
.graph .db_close,
.graph .dc_close,
.graph .dd_close,
.graph .de_close,
.graph .df_close,
.graph .dg_close,
.graph .di_close,
.graph .dj_close
	 { 
	position: absolute;
	border-right: 1px solid #eee;
	border: 1px solid #ddd;
	width: 10px;
	background-color: #ddd
 } 

.graph .d1_close 
	 { 
	height: 36px;
 } 

.graph .d2_close 
	 { 
	height: 36px;
 } 

.graph .d3_close 
	 { 
	top: 12px;
	height: 24px;
 } 

.graph .d4_close 
	 { 
	top: 12px;
	height: 24px;
 } 

.graph .d5_close 
	 { 
	top: 22px;
	height: 14px;
 } 

.graph .d6_close 
	 { 
	top: 22px;
	height: 14px;
 } 

.graph .d7_close 
	 { 
	height: 36px;
 } 

.graph .d8_close 
	 { 
	height: 36px;
 } 

.graph .d9_close 
	 { 
	height: 36px;
 } 

.graph .da_close 
	 { 
	height: 36px;
 } 

.graph .db_close 
	 { 
	height: 36px;
 } 

.graph .dc_close 
	 { 
	top: 12px;
	height: 24px;
 } 

.graph .dd_close 
	 { 
	top: 12px;
	height: 24px;
 } 

.graph .de_close 
	 { 
	top: 22px;
	height: 14px;
 } 

.graph .df_close 
	 { 
	top: 22px;
	height: 14px;
 } 

.graph .dg_close 
	 { 
	height: 36px;
 } 

.graph .di_close 
	 { 
	height: 36px;
 } 

.graph .dj_close 
	 { 
	height: 36px;
 } 





/* buttons
-------------------------------------------------------------- */

	/** regular buttons 
	 * 
	 * Cancel-button classes and alternative button classes
	 * are also there.
	---------------------------------------------------------- */
	
	a.button, button, input.submit, input.reset  { 
		border: 1px solid #ccc;
		border-color: #999 #858585 #666 #858585;
 } 
	
	input.reset,
	input.submit:hover  { 
		background: #fff;
		border: 1px solid #666;
		color: #666;
 } 
	
	input.submit,
	input.reset:hover  { 
		background: #666;
		border: 1px solid #666;
		color: #fff;
 } 
	
	button:hover, 
	a.button:hover  { 
		color: #000;
		background-color: #ccc;
		border: 1px solid #000;
		text-decoration: none;
 } 
	
	a.button:active  { 
		color: #000;
		background-color: #ccc;
		border: 1px solid #000;
		text-decoration: none;
 } 
	
	button.clear  { 
		float: none;
 } 
	
	/* button .cancel
	---------------------------------------------------------- */
	
	a.button-cancel, 
	button.cancel,
	.edit-page a.button-cancel, 
	.edit-page button.cancel  { 
		border: 1px solid #f00;
		background: #fff;
		color: #f00;
 } 
	
	button.cancel:hover, 
	a.button-cancel:hover,
	a.button-cancel:active,
	.edit-page a.button-cancel:hover,
	.edit-page button.cancel:hover,
	.edit-page a.button-cancel:active  { 
		background: #f00;
		border: 1px solid #f00;
		color: #fff;
 } 


	/* button .alternative
	---------------------------------------------------------- */
	
	a.button-alternative, button.alternative  { 
		border: 1px solid #333;
		background-color: #fff;
		color: #333;
 } 

	button.alternative:hover, 
	a.button-alternative:hover  { 
		background-color: #333;
		border: 1px solid #333;
		color: #fff;
 } 

	a.button-alternative:active  { 
		background-color: #333;
		border: 1px solid #333;
		color: #fff;
 } 

	/* button status
	---------------------------------------------------------- */

	button.status,
	button.status:hover  { 
		border: 1px solid #bbb;
		background: #fff;
		color: #bbb;
 } 

		.module-contact-link button.status,
		.module-contact-link button.status:hover  { 
			border: 1px solid #fff;
			background: #fff;
			color: #099;
	 } 

/* add info page
-------------------------------------------------------------- */
div.noborder .padding  { 
	border: none; } 

div.add-info-column .padding  { 
	background: #eee;
	border: none;
	padding-right: 10px;
	margin-left: 10px; } 

div.add-info  { 
	float: left;
	width: 40%;
	padding-left: 20px; } 

	div.add-info p  { 
		margin: 0;
		font-size: 15px;
		color: #993;
		font-weight: bold;
 } 
	
	div.add-info a  { 
		font: bold 12px/18px arial, sans-serif;
 } 


.instruct-sendinfo p  { 
	font-weight: bold;
	color: #663; } 

/* This form could probaly cleaned up */
form.add-info-form  { 
	width: 100%;
	overflowe: hidden; } 

	form.add-info-form .instruct  { 
		font-weight: bold;
		color: #663;
 } 

	.add-info-form input,
	.add-info-form textarea  { 
		width: 300px;
		max-width: 100%;
		mn-width: 100px;
		padding: 1px 0 0;
		border: 1px solid #666;
		color: #222;
		font-size: 13.5px;
		font-weight: normal;
		margin-right: 100%;
 } 
	
	.add-info-form textarea  { 
		height: 180px;
 } 
	
	.add-info-form .req  { 
		color: #08e;
 } 
	
	.add-info-form #fl-pc  { 
		width: 54px;
		margin: 0;
 } 
	
	.add-info-form #fl-city  { 
		width: 218px;
		margin: 0;
 } 

	.add-info-form label,
	.add-info-form .label  { 
		display: block;
		margin: 0 0 1em;
		cursor: default;
		color: #663;
		font-weight: bold;
 } 
	

		.add-info-form label.inline  { 
			display: inline;
	 } 

/* confirm */
p.info-sent  { 
	color: #993; } 


/* Header
-------------------------------------------------------------- */

#header  { 
	margin: 0 0 36px; } 

	/* default menu's
	---------------------------------------------------------- */
	
	.menu  { 
		list-style: none;
		padding: 4px 3px;
		margin: 0;
 } 
	
		.menu li  { 
			float: left;
			margin: 0 12px 0 0;
	 } 
		
		.menu li.lang  { 
			text-transform: capitalize;
	 } 

			.menu li a  { 
				border: none;
				color: #666;
		 } 
			
			.menu li a.selected  { 
				font-weight: normal;
		 } 
			
			.menu li img  { 
				margin: 0;
		 } 
	
				.menu li ul li  { 
					float: none;
					display: block;
					background-color: #ccc;
			 } 

				.menu li ul.ul-lvl-1  { 
					display: none;
			 } 
				.menu li ul li a  { 
					display: block;
					padding: 1px 2px;
			 } 

		.menu .highlight  { 
			background: transparent;
	 } 
		
	.menu-nav  { 
		float: left;
		position: relative;
		top: 2px;
 } 
	
	.nav-personal-wrapper  { 
		display: none;
 } 
	
	.nav-language-wrapper  { 
		float: right;
		position: relative;
		top: -24px;
		right: 95px;
		height: 0;
		overflow: visible;
		width: 200px;
		margin-left: -200px;
 } 
	
		.nav-language-wrapper li a:hover  { 
			color: #08e;
	 } 
	


	
	/* dropdown menu styles 
	--------------------------------------------------------- */
	
	.do_menu ul  { 			/* dropdown styling */
		width: 12em;
 } 
	
	ul.do_menu li li:hover ul, 
	ul.do_menu li li.sfHover ul, 
	ul.do_menu li li li:hover ul, 
	ul.do_menu li li li.sfHover ul  { 
		left: 12em; 		/* match ul width */
 } 
	
	.do_menu li:hover ul,
	.do_menu li.sfHover ul  { 
		top: 18px; 		/* match top ul list item height: font-size + any padding on the li or a */
 } 

	.do_menu ul li.li-lvl-0  { /* add padding to the top of the submenu here */
		padding-top: 0;
 } 		
	
	/* parent <a> while its submenu is being shown */
	.do_menu li:hover a, .do_menu .sfHover a, 
	.do_menu a:focus, .do_menu a:hover, .do_menu a:active  { 
		color: #08e;
 } 
	
	/* submenu <a> hover style */
	.do_menu li:hover li:hover a, .do_menu li:hover li.sfHover a, 
	.do_menu li:hover li:hover a:focus, .do_menu li:hover li:hover a:hover, .do_menu li:hover li:hover a:active,
	.do_menu li:hover li:hover li:hover a, .do_menu li:hover li:hover li.sfHover a,
	.do_menu li:hover li:hover li:hover a:focus, .do_menu li:hover li:hover li:hover a:hover, .menu li:hover li:hover li:hover a:active  { 
		color: #08e;
 } 
	
	/* submenu <a> styling when not being hovered. needs this to overwrite the previous styling */
	.do_menu li:hover li a,
	.do_menu li:hover li:hover li a,
	.do_menu li:active li a,
	.do_menu li:active li:active li a,
	.do_menu li:focus li a,
	.do_menu li:focus li:focus li a,
	.do_menu li.sfHover li a,
	.do_menu li.sfHover li.sfHover li a  { 
		color: #000;
		background-color: transparent;
 } 
				
	/* menu-auth (visible when user is logged in)	
	---------------------------------------------------------- */
	
	.menu-auth  { 
		background: #eee;
 } 

	
	/* menu-path	
	---------------------------------------------------------- */
	
	.menu-path  { 
		display: block;
 } 
	
	.menu-path  { 
		margin: 0 0 18px 0;
 } 
	
		.menu-path li span.active  { 
			font-weight: normal;
	 } 

	
	/* menu-theme (basics)
	---------------------------------------------------------- */

	.menu-theme-box  { 
		padding: 0 0 1em 0; 
		margin: 0;
 } 
	
	.menu-theme-box img  { 
		float: left;
		margin: 0 1em 0 0;
 } 

	.menu-theme  { 
		background: none;
		float: left;
 } 

	.menu-theme li.li-pos-0  { 
		display: block;
		padding: 0 0 .5em 0;
 } 
	
	.menu-theme li.li-pos-1  { 
		clear: left;
 } 
	
	
	/* menu-edit
	---------------------------------------------------------- */

	.menu-edit-box  { 
		background: #999933;
		padding: 0 2px;
 } 
	
		.menu-edit  { 
			color: #fff;
			font-family: Georgia, Times, serif;
			font-weight: normal;
	  } 

		.menu-edit-part1  { 
			display: block;
			margin: 0;
	 } 

			.menu-edit-part1 li  { 
				border-right: none;
				padding: 0 9px 0 0;
				margin: 0;
		 } 
	 	
			.menu-edit-part1 button img  { 
				width: auto;
				height: auto;
				padding: 0;
				margin: 0;
		 } 
				
		.menu-edit-part2  { 
			display: block;
			margin: 0;
			padding: .2em 0;
	 } 
		
		.menu-edit-part2 li  { 
			border: none;
			margin: 0;
			padding: 0;
	 } 
		
		.menu-edit-box button  { 
			color: #fff;
			background: #999933;
			border: 1px solid #fff;
	 } 
		
		.menu-edit-part2 button:hover  { 
			color: #999933;
			background: #fff;
			border: 1px solid #999933;
	 } 
	
		.menu-edit-part2 li.save-this-page button  { 
			color: #999933;
			background: #fff;
			border: 1px solid #fff;
	 } 
		
		.menu-edit-part2 li.save-this-page button:hover  { 
			color: #fff;
			background: #999933;
			border: 1px solid #fff;
	 } 
		
		
		/* alternative buttons for menu-edit
		------------------------------------------------------ */
		
		.edit-page li.button-alt  { 
			border: none;
			padding: 1px 2px 0;
			margin: 0;
	 } 
		
		.edit-page .button-alt button  { 
		 	background: #fff;
			color: #999933;
			font-weight: normal;
			text-transform: none;
			font-size: 11px;
			border: 1px solid #fff;
	 } 
		 
		.edit-page .button-alt button:hover  { 
			background: #fff;
			color: #999933;
			border: 1px solid #fff;
	 } 


	/* menu-footer	
	---------------------------------------------------------- */
	
	.menu-footer  { 
		list-style: none;
		padding: 0;
		margin: 0;
 } 
	

	/* menu menu-editable
	---------------------------------------------------------- */
	.menu-editable  { 
		margin: 0;
		background: #993;
		padding-left: 3px;
 } 
		
		.menu-editable button,
		.menu-editable a.button-editable  { 
			border-color: #333;
			background: #fff;
			color: #333;
			line-height: 14px;
	 } 
			
		.menu-editable button:hover,
		.menu-editable a.button-editable:hover  { 
			color: #fff;
			border-color: #fff;
			background: #999933;
	 } 
		
		.menu-editable p.buttons  { 
			padding: 3px 3px 3px 0;
			margin: 0;
			border-right: none;
	 } 
		
		.menu-editable p  { 
			margin: 0;
			float: left;
			display: inline;
			margin: 6px 3px 0 0;
			padding: 0 3px 0 0;
			line-height: 1;
			color: #fff;
			font-family: arial, helvetica, sans-serif;
			font-weight: normal;
			font-size: 11px;
			border-right: 1px solid #fff;
	 } 
		
		.menu-editable p img  { 
			float: left;
			margin: 0 3px 0 0;
			padding: 0;
	 } 


	/* Search 
	---------------------------------------------------------- */
		
		/* Search Simple
		------------------------------------------------------ */

		.search-simple-x  { 
			padding: 5px 0 0 0;
			position: relative;
			z-index: 1;
	 } 
		
			.search-simple-x input  { 
				width: 100px;
				float: left;
				margin: 0 4px 0 0;
				padding: 1px 3px;
		 } 
			
			.search-simple-x button  { 
				margin-right: 0;
		 } 


	
/* Search Advanced (people search)
------------------------------------------------------ */
div.searchfields  { 
	background: #eee;
	margin-right: 0;
	padding-right: 1.04167%; } 

.searchresult  { 
	color: #993; } 

#search_advanced p.total, 
#search_advanced h2,
.searchresult h3  { 
	color: #996;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	margin: 0; } 

#search_advanced p.total .range  { 
	font-size: 51px;
	font-weight: normal; } 

#search_advanced fieldset  { 
	margin: 0;
	border: none;
	padding: 0; } 

#search_advanced input.text,
#search_advanced select  { 
	width: 268px;
	border: 1px solid #8c8c8c;
	margin: 0 0 5px;
	font-size: 13.5px;
	color: #000; } 

#search_advanced select  { 
	padding: 1px; } 

#search_advanced select.dd  { 
	width: 45px; } 

#search_advanced select.mm  { 
	width: 162px; } 

#search_advanced input.yy  { 
	width: 45px; } 

.searchresult .p_location  { 
	font-size: 12px; } 

.searchresult .occupation,
.searchresult .age  { 
	display: none; } 

.searchresult li img  { 
	display: inline;
	float: none;
	width: auto;
	height: auto; } 

.searchresult li  { 
	margin: 0 0 30px; } 

.searchresult .person-data  { 
	padding: 0; } 

.searchresult .pager_simple  { 
	margin-top: 60px; } 

.kaddiesj  { 
	font-size: 15px;
	font-weight: bold;
	margin-top: 45px; } 


/* Search advanced -common
-------------------------------------------------------------- */
.search-advanced button  { 
	font-size: 11px;
	font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	height: auto; } 

.searchresult .span-20  { 
	width: 330px } 
.searchresult .span-20 .padding  { 
	border: none;
	background: #eee;
	padding: 10px 0 10000px 10px; /*to make both columns equally long (the script doesn't work)*/
	margin-bottom: -10000px;
	height: auto !important; } 

.searchresult .span-40  { 
	width: 610px; } 

.searchresult .span-60  { 
	overflow: hidden; } 

.searchresult .chapeau  { 
	display: none; } 
.searchresult .period-location-person-item  { 
	color:#999933;
	font-size: 12px; } 

/* Detailed view
-------------------------------------------------------------- */

.dv  { } 

	/* part1
	---------------------------------------------------------- */
	
	.dv-title  { 
		margin: 0 0 18px; /*set*/
		clear: both;
 } 
	
	.institution .figblock01  { 
		float: left;
		margin-right: 12px;
 } 
	
		.institution .label  { 
			margin: 18px 0;
	 } 
			
			.institution .label-subhead  { 
				font-weight: bold;
		 } 
			
			.institution .label-content  { 
				color: #aaa;
				font-style: italic;
		 } 


	/* figblock
	---------------------------------------------------------- */
	ul.fig li a,
	ul.fig li a:hover  { 
		border-bottom: none;
 } 
	
	ul.fig li img  { 
		display: inline;
		margin: 0;
 } 


	.action	.button,
	.action	button  { 
		margin: 0 3px 15px 0; 
 } 
				
		/* list-author / list-actor 
		------------------------------------------------------ */

		.list-author  { 
			margin: 0;
	 } 

		.list-author span,
		.list-author a,
		.list-actor span,
		.list-actor a  { 
			color: #8c8c8c;
	 } 

		.list-actor a  { 
			margin-bottom: 1em;
	 } 

		/* pubdate
		------------------------------------------------------ */
		
		.org-pubdate  { 
			color: #bbb;
	 } 
		
		.attachment_actors  { 
			display: none;
	 } 
	

	/* part2
	---------------------------------------------------------- */

	.dv-part2  {  } 

		
		/* body (see wiki styles in typography css)
		------------------------------------------------------ */
		
		.caption  { 
			color: #8c8c8c;
	 } 
		
			.caption p  { 
				margin: 0;
		 } 
			
			.caption-sep  { 
				display: none;
		 } 

	/* pager
	---------------------------------------------------------- */
	
	h5.pager  { 
		background: #eee;
		border: none;
		display: block;
		font-weight: bold;
		margin:0 0 18px;
		padding:9px;
 } 

	
	/* similar search
	---------------------------------------------------------- */
	.metatypes  { 
		font-weight: bold;
		color: #8c8c8c;
		margin: 0 0 .5em 0;
 } 

		.metatypes a  { 
			color: #8c8c8c;
	 } 
					
	
/* Context
-------------------------------------------------------------- */

	/* connections
	---------------------------------------------------------- */
	
	/* predicate-rest
	---------------------------------------------------------- */
	
	.dv .predicate-rest  { 
		display: none;
 } 


/* Tilemap for /274013
-------------------------------------------------------------- */
dl.jongh-map  { 
	list-style: none;
	padding: 0;
	margin: 34px 0 0;
	width: 242px;
	height: 170px;
	position: relative;
	overflow: hidden;
	background: url(http://fast.mediamatic.nl/f/frzc/image/jongh-map.png) no-repeat 0 0; } 

	dl.jongh-map li  { 
		margin: 0;
		padding: 0;
 } 
	
		dl.jongh-map a  { 
			display: block;
			background-image: url(http://fast.mediamatic.nl/f/frzc/image/jongh-map.png);
			position: absolute;
			text-indent: -999px;
			overflow: hidden;
			border: none;
	 } 	

		dl.jongh-map a:hover  { 
			background-image: url(http://fast.mediamatic.nl/f/frzc/image/jongh-map-mo.png);
	 } 
		
		
	dl.jongh-map dt  { 
		position: absolute;
		bottom: 0;
		font-size: 13px;
		text-transform: lowercase;
		text-align: center;
		font-weight: normal;
 } 
		
	dt.floor-0  { 
		left: 0;
		width: 85px;
 } 
	
	dt.floor-1  { 
		left: 92px;
		width: 85px;
 } 
	
	dt.floor-2  { 
		left: 184px;
		width: 58px;
 } 
	
	/* ground floor */
	dd.huis-keuken a  { 
		top: 0;
		left: 0;
		background-position: 0 0;
		width: 31px;
		height: 44px;
 } 

	dd.huis-gangv a  { 
		top: 44px;
		left: 0;
		background-position: 0 -44px;
		width: 31px;
		height: 60px;
 } 

	dd.huis-hal a  { 
		top: 104px;
		left: 0;
		background-position: 0 -104px;
		width: 31px;
		height: 31px;
 } 

	dd.huis-kamera a  { 
		top: 0;
		left: 31px;
		background-position: -31px 0;
		width: 56px;
		height: 78px;
 } 

	dd.huis-kamerv a  { 
		top: 78px;
		left: 31px;
		background-position: -31px -78px;
		width: 56px;
		height: 63px;
 } 
	
	/* first floor */
	dd.huis-gang2 a  { 
		top: 44px;
		left: 92px;
		background-position: -92px -44px;
		width: 87px;
		height: 50px;
 } 
	
	dd.huis-balkon a  { 
		top: 11px;
		left: 126px;
		background-position: -126px -11px;
		width: 48px;
		height: 11px;
 } 
	
	dd.huis-kamera2 a  { /* overlaps gang2 (we want that actually) */
		top: 22px;
		left: 123px;
		background-position: -123px -22px;
		width: 56px;
		height: 56px;
 } 
	
	dd.huis-kamerv2 a  { 
		top: 94px;
		left: 123px;
		background-position: -123px -94px;
		width: 56px;
		height: 40px;
 } 
	
	/* second floor */
	dd.huis-zolder a  { 
		top: 22px;
		left: 184px;
		background-position: -184px -22px;
		width: 58px;
		height: 113px;
 } 

/* blog
-------------------------------------------------------------- */
	
.blogposting .listbox  { 
	margin: 0; } 
	
li.blogposting  { 
	margin: 0 0 36px 0; } 		

li.blogposting .tags  { 
	margin: 0; } 

li.blogposting .intro  { 
	margin-bottom: 18px;
 } 

li.blogposting .intro p  { 
	display: inline; } 

li.blogposting .body img  { 
	margin: 0 .5em 0 0;
	display: block;
	float: none; } 

li.blogposting p.info a  { 
	border-right: 1px solid #ccc;
	margin: 0 3px 0 0;
	padding: 0 3px 0 0; } 

li.blogposting p.info .link-icons a  { 
	border: none;
	margin: 0;
	padding: 0; } 

li.blogposting .footer  { 
	line-height: 18px; } 

li.blogposting .link-icons  { 
	display: block;
	height: 18px; } 

li.blogposting .link-icons img  { 
	margin: 1px 3px 0 0; } 

.feed  { 
	margin : 0 0 18px; } 

.feed img  { 
	vertical-align: top;
	margin-top: 1px; } 


/* tagcloud */

.tagcloudbox button  { 
	margin-bottom: 15px; } 

.tagcloud  { 
	display: none; } 


	.tagcloud a  { 
		color: #7f7f7f;
 } 
	
	.tagcloud .tags .size0  { font-size: 0.9em; } 
	.tagcloud .tags .size1  { font-size: 1.3em; } 
	.tagcloud .tags .size2  { font-size: 1.6em; } 
	.tagcloud .tags .size3  { font-size: 1.9em; } 
	.tagcloud .tags .size4  { font-size: 2.2em; } 
	.tagcloud .tags .size5  { font-size: 2.5em; } 


/* Calendar 
------------------------------------------------------------- */

.calendar-search  { 
	margin-top: 0; } 

	.calendar-search label,
	.calendar-search input,
	.calendar-search select  { 
		margin-bottom: 0;
		margin-top: 0;
 } 

	.calendar-search fieldset  { 
		margin: 0 0 7px 0;
		padding: 0;
		border: none;
 } 

	.calendar-search label  { 
		font-weight: normal;
 } 

	.calendar-search p  { 
		display: inline;
 } 

	.calendar-search fieldset.period-buttons,
	.calendar-search fieldset.period-select  { 
		float: left
 } 


/* forum 
------------------------------------------------------------- */

.forum  { 
	margin-top: 24px 0 0 0; } 

#forum p  { 
	margin-bottom: 12px; } 

.list-notes li  { 
	display: block; } 


	/* commentform
	--------------------------------------------------------- */	
	
	.comment_form input.text  { 
		font-size: 16px;
		font-style: italic;
		padding: 2px;
 } 
	
	.comment_form textarea, 
	.comment_form input.text  { 
		border: 1px solid #8c8c8c;
		display: block;
		margin: 0;
		width: 99%;
 } 
	
	comment_form textarea  { 
		font-size: 11em;
		height: 140px;
 } 
	
	.comment_form input.text  { 
		border: 1px solid #8c8c8c;
		display: block;
		margin: 0;
		width: 98%;
 } 
	
	.comment_form textarea  { 
		width: 98.5%;
		padding: 0;
		margin: 0;
 } 
	
	.comment_form input.checkbox  { 
		border: none;	
		clear: left;
		display: inline;
		width: auto;
 } 
	
	.expl  { 
		color: #8c8c8c;
 } 
	
	
	/* comments 
	--------------------------------------------------------- */	
	
	.comment  { 
		background: #eee;
		margin: 0 0 1em 0;
		padding: 1em;
 } 
	
	.comment .avatar  { 
		float: left;
		padding: 0 1em 1em 0;
 } 
	
	.comment .avatar span  { 
		background: #fff;
		display: block;
		font-size: 10px;
		height: 25px;
		line-height: 13px;
		padding: 2px 1px 0;
		text-transform: none;
		width: 53px;
 } 
	
	.comment .btm  { 
		clear: left;
		color: #bbb;
		font-size: 13px;
 } 
	
	
	/* forum-activity
	--------------------------------------------------------- */	
		
	.forum-activity p  { 
		margin: 0;
		color: #fff;
		float: left;
		margin: 10px 0 0 0;
		width: 20px;
		height: 20px;
		text-align: center;
 } 
	
	.forum-activity h3  { 
		float: left;
 } 
	
	.forum-activity-normal  {  
		background: #fff url(http://fast.mediamatic.nl/f/frzc/image/forum-activity-normal.jpg) no-repeat left 10px;
 } 
		 
	.forum-activity-active  { 
		background: #fff url(http://fast.mediamatic.nl/f/frzc/image/forum-activity-active.jpg) no-repeat left 10px;
 } 
		
	li .forum-activity-normal,  
	li .forum-activity-active  { 
		background-position: left 2px;
 } 

	li .forum-activity p  { 
		margin-top: 3px
 } 
		

	/* forum topic 
	---------------------------------------------------------- */
	
	.topic  { 
		border: 1px solid #8c8c8c;
		margin: 0 0 2em 0;
		padding: 1em;
 } 
	
	.topic h3  { 
		line-height: 2;
 } 
	
	.topic .partof,
	.topic .btm  { 
		margin: .2em 0;
		font-size: 12px;
		color: #bbb;
 } 
	
	
	/* resources
	---------------------------------------------------------- */
	
	 .connections .list-resources li  { 
	 	display: block;
	 }  
	
		
/* module contact
-------------------------------------------------------------- */

.contact-couple  { 
	background: #fff;
	border:1px dashed #bbb;
	clear: left;
	display: block;
	height: 130px;
	margin: 7px 0 21px;
	padding: 7px 7px 0; } 
	.contact-couple .date  { 
		float: left;
		font-size: 11px;
		padding: 30px 7px 7px;
		text-align: center;
		width: 66px;
		border: none;
 } 
	.contact-couple .avatar  { 
		margin: 0;
		padding: 0;
 } 
	
/* date range 
------------------------------------------------------ */


.daterange  { 
	float: left;
	margin: 0 6px 0 0; } 
	.date,
	.datesep  { 
		display: block;
		float: left;
 } 

	.date  { 
		border: 1px solid #ccc;
		color: #8c8c8c;
		background: #fff;
		margin: 0 6px 4px 0;
		padding: 6px 10px;
		text-align: center;
 } 
	
		.day  { 
			color: #999933;
			display: block;
			font-size: 18px;
			margin: 0 0 3px;
			padding: 0;
			font-weight: bold;
	 } 		
			
		.month,
		.year  { 
			float: left;
			margin: 0 3px 0 0;
			font-size: 12px;
			line-height: 1;
			display: block;
			font-weight: normal;
	 } 
		
		.time  { 
			color: #333;
			font-weight: normal;
	 } 
		
		.datesep  { 
			color: #8C8C8C;
			font-size: 1em;
			margin: 12px 0 0;
			text-align: left;
			width: 14px;
	 } 
		
		.info  { 
			color: #8c8c8c;
			margin: 0 1em 0 0;
	 } 
		
			.info a  { 
				color: #8c8c8c;
				border: none;
				text-decoration: underline;
		 } 
			
				.info a img  { 
					float: none;
					margin: 0;
			 } 

/* edit-page
----------------------------------------------------------------- */
.edit-page .list-view-simple .list li img  { 
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important; } 

.edit-page #list_located_in  { 
	margin: 0 0 8px; } 

.edit-page .dv-part2 .labels  { 
	display: none; } 

.edit-page .trustgroup-address,
.edit-page .trustgroup-phone,
.edit-page .trustgroup-email,
.edit-page .trustgroup-im,
.edit-page .trustgroup-website  { 
	display: none; } 

.trustgroup-cities .do_editinplace  { 
	width: 180px; } 


/* download link on att page
----------------------------------------------------------------- */
		div.download  { 
			margin: 0 0 1.5em 0;
	 } 
		
			div.download .cc  { 
				float: left;
		 } 
			
				div.download .cc a  { 
					float: left;
					margin-right: .3em;
					height: 18px;
					overflow: hidden;
			 } 
		
			div.download .cc .edit-cc  { 
				padding: 0;
				display: block;
				overflow: hidden;
				text-indent: -999em;
		 } 
			
				div.download .cc-icons1  { width: 13px; } 
				div.download .cc-icons2  { width: 28px; } 
				div.download .cc-icons3  { width: 43px; } 


/* footer
----------------------------------------------------------------- */
#wrapper-content  { 
	padding: 0; } 

#footer  { 
	display: none;
}
