td.klein	{	
	font-size: 10px;
	line-height: 14px
	color: #000;
}
/**************************************************************************

Basis stylesheet voor Clingendael-sites            Last update: 2008.09.24

**************************************************************************/

* {
	margin: 0; 
	padding: 0 }

img {
	border: none;
	display: block 
	}
img.drijfrechts {
	float: right;
	margin: 3px 0 0 8px;
}
img.drijflinks {
	float: right;
	margin: 3px 0 0 8px;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	background: #fff url(/img/036.gif) repeat-x 0 71px }

a {
	text-decoration: none }

.wrapper {
	margin: 0 auto;
	width: 744px;
	text-align: left;
	background: #fff url(/img/menu-bg.gif) repeat-y }

#can {
	position: relative;		/* IE needs this to show outside the parent container. */
	margin: 0 0 0 119px;	/* Critical left col dimension value */
	width: 623px }			/* Critical left col/divider dimension value (moves inversely) */ 

#contents {
	float: left;
	width: 625px;
	background: #fff }	/* Critical left col/divider dimension value (moves inversely) */


/**************************************************************************
 Label
**************************************************************************/
#label {
	clear: both;
	width: 744px;
	height: 140px;
	margin: 0 auto;
	text-align: left }
	
h1 {
	z-index: -11;
	position: absolute;
	margin: -140px 0 0 4px; /* de negatieve margin-top zorgt dat h1 ook in ie7 niet wordt getoond */
	font-size: 24px;
	line-height: 24px }

img#logo {
	display: inline;
	margin: 27px 0 0 83px }
	
img.icon,
.related p img.icon,
* html .related p img.icon {
	float: none;
	display: inline;
	vertical-align: middle;
	margin: -2px -2px 0 2px }
	
.related p img {
	float: right;
	clear: both;
	margin: -8px -6px 0 5px;
	padding: 0 }
* html .related p img {
	float: right;
	margin: -8px -4px -8px 0 }

	
/**************************************************************************
 Menu
**************************************************************************/
* html #ingredients {
	float:left;
	background: transparent }

#ingredients {
	position: relative;		/* IE needs this to show outside the parent container. */
	width: 119px;			/* Critical left col/divider dimension value */
	margin: 0 0 0 -119px }	/* Critical left col/divider dimension value */

#ingredients ul {
	margin: 0;
	padding: 4px 0;
	background: #fff }
	
#ingredients ul.site {
	margin-top: -8px }

#ingredients li {
	list-style: none;
	margin: 0 0 4px 0;
	border-left: 4px solid #fff;
	height: 16px;
	text-align: right;
	line-height: 16px;
	letter-spacing: 1px }	

#ingredients li a {
	display: block;
	padding: 0 4px 0 0;
	width: 111px;
	text-decoration: none }

/* basis kleurenschema ***************************************************/
#ingredients ul.content li {
	background: #bcd }

#ingredients .content a {
	color: #003 }
#ingredients ul.content a:hover,
#ingredients ul.content a:active {
	color: #fff;
	background: #036 }

#ingredients ul.site li {
	background: #79b }

#ingredients .site a {
	color: #fff }
#ingredients ul.site a:hover,
#ingredients ul.site a:active {
	color: #fff;
	background: #036 }

/* knop "Clingendael" ****************************************************/
#ingredients ul.site li.clingendael {
	color: #fff;
	background: #036 }

	
/**************************************************************************
 Main
**************************************************************************/
#main {
	float: right;
	width: 625px;	/* Critical left col/divider dimension value (moves inversely) */
	background: transparent url(/img/main-bg.gif) repeat-y }

#main h5, 
#main h6,
#main p,
#main ul,
#main ol,
#main dl {
	margin-left: 24px }
	
h2,
h3,
h4,
h5,
h6 {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #000 }

h2 {
	margin: 4px 0 0 4px;
	padding: 0 292px 0 20px;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 1px }

h3,
#main h3 .date {
	clear: left;
	margin: 4px 0 12px 24px;
	padding: 6px 6px 6px 0;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0;
	text-transform: none;
	font-variant: normal }
#main h3 .date {
	margin-left: 0 }
	
h4 {
	clear: left;
	margin: 4px 0 0 24px;
	padding: 6px 6px 0 0;
	border-top: 1px dotted #036;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 1px }

h5 {
	margin: 0 0 0 24px;
	padding: 0;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0px }

h6 {
	margin: 0 0 0 24px;
	padding: 0 0 0 0;
	font-size: 11px;
	line-height: 21px;
	letter-spacing: 1px;
	text-transform: uppercase }
	
p {
	margin: 0 0 21px 0;
	padding: 0 }
	
p.smallprint {
	margin-top: 30px;
	padding-top: 6px;
	font-size: 80%;
	line-height: 160%;
	color: #666;
	border-top: 1px dotted #036 }
	
#main p.intro {
	margin: 0 0 21px 18px;
	padding: 0 6px }

blockquote {
	margin: 0 0 21px 24px;
	padding: 0;
	font-style: italic }
	
ul {
	margin: 0 0 21px 12px;
	padding: 0 0 0 16px }
ol.inline,
ul.inline {
	margin: -21px 0 18px 12px }
	
ul.hjd {
	margin: 0 0 18px 0;
	padding: 0 0 0 16px;
	list-style-type: disc }
* html ul.hjd li {
	margin: 0 0 0 2px }
ul.hjd ul li {
	list-style-type: disc;
	margin: 0;
	padding: 0 }
#main ul.hjd h6 {
	margin: 0;
	padding: 0;
	text-transform: none }

ul.notes {
	padding: 0;
	list-style-type: none }
#main ul.notes a {
	border: none }
#main a.note {
	padding: 1px;
	color: #fff;
	background: #336 }
	
ol {
	margin: 0 0 18px 24px;
	padding: 0 0 0 20px }
	
dl {
	margin: 0 0 20px 0 }
dl.publication {
	margin: -6px 0 12px 0 }
dl.publication dt {
	margin: 18px 0 0 27px;
	padding: 6px 12px 6px 12px;
	background: #dce3ea }

dt {
	display: block;
	float: none;
	clear: none;
	margin: 0 0 0 32px }
dt .counter {
	position: absolute;
	display: block;
	float: left;
	clear: left;
	width: 32px;
	margin: 0 0 0 -32px;
	font-size: 11px;
	color: #999 }
	
dd {
	margin: 0 0 6px 24px;
	font-size: 11px;
	line-height: 16px;
	color: #666 }
dd.intro {
	margin: 0 0 0 24px }
dd.title {
	margin: 0 0 2px 24px;
	font-weight: bold;
	color: #000 }
	
table {
	margin: 0 0 24px 22px;
	padding: 0 }
tr,
td,
th {
	margin: 0;
	padding: 0;
	vertical-align: top }
tr {
	margin: 0 0 10px 0 }
td ul,
th ul,
td ol,
th ol {
	margin-left: 6px;
	padding-left: 0;
	text-align: left }
td li,
th li {
	margin: 0 0 0 -3px;
	padding: 0 } 

td h4 {
	margin: 0;
	padding: 0;
	border-top: none;
	font-size: 12px;
	color: #000 }

table.illustration {
	margin: 18px 0 18px 48px;
	padding: 6px;
	border: 1px solid #000 }
table.illustration th,
table.illustration td {
	padding: 3px 6px }
	
#main table p {
	margin: 0;
	padding: 0 }

table ul {
	margin: 0 0 0 16px }

table .articles,
table .books {
	width: 120px }

.timeslot {
	width: 90px }

#main a {
	font-weight: bold }
#main a.thin {
	font-weight: normal }

#main .language {
	font-size: 10px;
	font-weight: normal }
#main dd .language {
	text-transform: uppercase;
	font-weight: normal;
	color: #036 }

#main .tag {
	font-size: 10px;
	font-weight: normal }
#main dd .tag {
	text-transform: uppercase;
	color: #036 }
	
#main .date {
	margin-left: 0;
	font-size: 11px;
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #036 }
	
#main .speaker {
	font-size: 11px;
	line-height: 18px;
	color: #036 }
	
a.weblink {
	display: block;
	height: 16px;
	margin: 4px 0 2px 0 }
* html a.weblink {
	padding-top: 4px;
	height: 13px }

.related a.weblink {
	display: inline }
	
#main a.maillink,
#main a.maillink:hover,
#main a.weblink,
#main a.weblink:hover {
	border: none }

#main a img,
#main a.maillink img,
#main a.weblink img {
	display: inline;
	border: none }

#main a.maillink img,
#main a.weblink img {
	margin: 3px 0 -4px 4px;
	background: transparent }

#main .related a.maillink img,
#main .related a.weblink img {
	display: inline;
	float: none;
	background: transparent }

.email {
	position: relative;
	height: 16px;
	margin: 0;
	padding: 2px 20px 2px 0;
	background: transparent url(/img/icons/email.png) no-repeat right }
.pdf {
	position: relative;
	height: 16px;
	margin: 0;
	padding: 2px 20px 2px 0;
	background: transparent url(/img/icons/icon_acrobat_16x16.gif) no-repeat right }
.word {
	position: relative;
	height: 16px;
	margin: 0;
	padding: 2px 20px 2px 0;
	background: transparent url(/img/icons/icon_word_16x16.gif) no-repeat right }
.excel {
	position: relative;
	height: 16px;
	margin: 0;
	padding: 2px 20px 2px 0;
	background: transparent url(/img/icons/icon_excel_16x16.gif) no-repeat right }
	
.ppt {
	position: relative;
	height: 16px;
	margin: 0;
	padding: 2px 20px 2px 0;
	background: transparent url(/img/icons/icon_ppt_16x16.gif) no-repeat right }	
	
/* formulieren ***********************************************************/
form {
	margin: 0 0 4px 24px }
	
fieldset {
	margin: 0;
	padding: 6px;
	border: none }
	
input.term {
	display: block;
	float: left;
	height: 20px;
	margin: 4px 0 }
	
form .label {
	display: block;
	float: left;
	width: 90px }
	
input.submit {
	display: block;
	float: left;
	height: 24px;
	margin: 4px 0 4px 12px }

* html input.term {
	margin: 4px 0 4px -12px; }


/**************************************************************************
 Panel
**************************************************************************/
div#rss_feed a:link {
	color: #000066;
	font-size: 10px;
}
div#rss_feed a:visited {
	color: #000066;
	font-size: 10px;
}
div#rss_feed a:hover {
	color: #000066;
	font-size: 10px;
}

#main .related {
	position: relative;
	float: right;
	width: 260px;
	margin: -40px 0 0 15px;
	padding: 0;
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
	background: #fff }
#main .pic {
	margin: 0 0 6px 12px }
#main div.pic img.thickbox {
	margin-left: -13px }

#main .related div {
	float: left;
	width: 260px;
	margin: 0 0 4px 0;
	padding: 0 }
	
* html #main .related h4 {
	width: 246px }

#main .related h4 {
	margin: 0;
	padding: 6px 8px;
	border: none;
	font-size: 18px;
	line-height: 24px }

#main .related h5 {
	margin: 0 0 -8px 0;
	padding: 4px 8px }
	
#main .related p {
	width: 246px;
	margin: 0;
	padding: 8px;
	line-height: 20px }

#main .related ul {
	margin: 0 0 0 14px;
	padding: 8px;
	line-height: 20px }
#main .related ul.staff {
	margin: 0 2px 0 16px }
#main .related ul.inline {
	margin: -16px 0 0 16px }

#main .related ol {
	margin: 0 6px 0 20px;
	padding: 8px;
	line-height: 20px }
	
#main .related p.inline {
	padding-bottom: 0;
	margin-bottom: -8px; }
	
#main .related li {
	padding: 0;
	line-height: 20px }
	
/* taalkeuze op /publications*/
#main .related li .lang {
	float: right;
	display: inline;
/*	height: 16px;
	margin-top: -18px;*/
	font-size: 10px;
	color: #999 }
#main .related li .lang a:link,
#main .related li .lang a:visited {
	border-bottom: none;
	color: #999 }
#main .related li .lang a:hover,
#main .related li .lang a:active {
	color: #c30 }
	
#main .related address {
	width: 246px;
	margin: 4px 0 0 0;
	padding: 6px 8px 8px 8px }
	
#main .related .archive {
	background: #ddd }
#main .related .archive h4 {
	background: #aaa }
	
#main .related img {
	display: block }
	
#main .related p img {
	float: left }
	
#main .related p img.icon,
* html #main .related p img.icon {
	display: inline;
	float: none }

/* div.illustration bestaat alleen bj publicaties die een 
   plaatje van de cover in de rechtermarge voeren */
* html #main .related .illustration p {
	margin-bottom: 0px }
#main .related .illustration p {
	margin-bottom: -8px }
#main .related img.illustration,
#main .related .illustration img {
	float: right }
	
#main .related a {
	border: none }


/* publications en events ************************************************/
/* bijv. in lijsten met publicaties en (gearchiveerde) events naar thema */

/*hoop onzin: dl, dt en dd zijn eruit ivm IE8 problemen - ML*/

#p,#m,#e { /*tabblokje onderaan de homepages*/
	line-height: 14px;
	}

div.publications,
div.events {
	float: right;
	width: 601px;
	margin: 0 0 4px 0;
	background: #dce3ea }

div.publications h4,
div.events h4 {
	margin: 0;
	padding: 0 0 0 16px;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	background: #036 }

div.publications dl,
div.events dl {
	margin: 0 0 16px 0;
	padding: 8px 8px 8px 0 }
div.events dt {
	display: block;
	float: left;
	clear: left;
	margin: 0 0 8px 0;
	font-size: 10px;
	line-height: 18px;
	text-transform: uppercase;
	color: #036 }
div.publications dd,
div.events dd {
	display: block;
	float: left;
	margin: 0 0 8px 0;
	line-height: 18px;
	color: #000 }
	
/* declaraties die alleen voor publicaties gelden */
div.publications dt {
	width: 25px }
div.publications dd {
	width: 530px }

/* declaraties die alleen voor events gelden */
div.events dt {
	width: 150px }
div.events dd {
	width: 405px }


/* publications in domtab ************************************************/
#main div.publication dt {
	width: 32px;
	text-transform: uppercase }
#main div.publication dd {
	width: 550px }

/* media in domtab ****************************************************/
#main div.media dt {
	width: 32px;
	text-transform: uppercase }
#main div.media dd {
	width: 550px }

/* events in domtab ******************************************************/
#main div.event dt {
	width: 72px }
#main div.event dd {
	width: 510px }


/**************************************************************************
 Shelf
**************************************************************************/
#shelf {
	clear: both;
	width: 744px;
	margin: 0 auto;
	text-align: right;
	font-size: 10px;
	letter-spacing: 2px }
	
p.copyright {
	clear: both;
	float: right;
	width: 734px;
	height: 20px;
	margin: 0 0 0 3px;
	padding: 0 6px 0 0;
	color: #fff;
	background: transparent url(/img/fff.gif) repeat-y 115px 0 }
	
#shelf ul {
	clear: both;
	float: right;
	width: 734px;
	height: 20px;
	margin: 0;
	padding: 0 6px 40px 0;
	background: transparent url(/img/036.gif) repeat-y 115px 0px }
	
#shelf li {
	display: inline;
	list-style: none }

li.lastupdate {
	padding: 0 4px 0 0;
	color: #999 }

li.nav {
	border-left: 1px solid #eee;
	padding: 0 0 0 10px;
	color: #999 }
li.nav a {
	color: #999 }
li.nav a:hover,
li.nav a:active {
	color: #666 }

li.validate {
	border-left: 1px solid #eee;
	padding: 0 0 0 10px;
	color: #ccc }

li.validate a {
	color: #ccc }
li.validate a:hover,
li.validate a:active {
	color: #666 }
	

/**************************************************************************
 Misc
**************************************************************************/

/* contact-infomatie anders weergeven ************************************/
p.contact {
	margin: -14px 0 20px 0;
	text-align: right }

#main .related div.contact ul {
	margin: 0 }
div.contact li {
	list-style-type: none;
	margin: 4px 0; }
div.contact li img {
	float: left;
	margin: 3px 8px -2px 0 }

	
/* corrigeer de positie van het eerste element in "#main" ****************/
.first {
	margin-top: 22px }

/* corrigeer IE als de middenkolom korter is dan de related kolom ********/
br.clear,
div.clear {
	height: 0;
	clear: both }


/**************************************************************************
 Pagina-specifieke stijlen
**************************************************************************/
/* courses ***************************************************************/
dl.courses dt {
	margin: 0;
	padding: 0 }
dl.courses dd {
	margin: 0;
	padding: 0 }
dl.courses dd ul {
	margin: 1px 0 21px 0;
	padding: 0 }
dl.courses dd li {
	margin: 0 0 0 -6px;
	padding: 0 }
		
/* directions ************************************************************/
#routeplanner form {
	margin: 0 0 0 -20px;
	padding: 0 }

#routeplanner td {
	margin: 0;
	padding: 0 }
	
/* events ****************************************************************/
body#events dt {
	margin-left: 0 }

body#events dd {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000 }

body#events dd.meta {
	font-size: 10px;
	font-weight: normal;
	color: #666 }
	
dl.event dd {
	font-weight: bold }
dl.event dd.meta {
	margin: -5px 0 16px 24px;
	line-height: 16px }

body#events div.photobox {
	clear: both;
	margin: 0 0 0 24px;
	width: 601px }
body#events div.photobox img {
	display: block;
	float: left;
	padding: 0 0 4px 0;
	width: 337px }
body#events div.photobox p {
	display: inline;
	float: left;
	width: 252px;
	margin: 0 0 0 12px;
	font-style: italic }
	
#main .specs a:link,
#main .specs a:visited {
	border: none;
	color: #666 }
#main .specs a:hover,
#main .specs a:active {
	border: none;
	color: #333 }

/* publications **********************************************************/
body#publications dl {
	margin: 0 0 20px -6px }
body#publications dl.counting {
	margin: 0 0 20px 24px }
body#publications dt {
	line-height: 18px }
body#publications dd {
	margin: 2px 0 18px 48px;
	line-height: 16px }

body#publications dl#archive dt {
	list-style-type: none }	

body#publications .related ul.midpage {
	padding-top: 0 }

/* media *****************************************************************/
body#media dl {
	margin: 0 0 20px -6px }
body#media dl.counting {
	margin: 0 0 20px 24px }
body#media dt {
	line-height: 18px }
body#media dd {
	margin: 3px 0 18px 48px }

body#media dl#archive dt {
	list-style-type: none }	

body#media .related ul.midpage {
	padding-top: 0 }

/* research **************************************************************/
body#research .related ul {
	margin-top: -12px;
	margin-bottom: 4px }

body#research .related ul.first {
	margin-top: 0 }
	
/* resources *************************************************************/
body#resources .related ul {
	margin-top: -12px;
	margin-bottom: 4px }
	
/* search ****************************************************************/
body#search dl {
	margin-bottom: 42px }
body#search dt {
	line-height: 18px;
	list-style-type: none }
body#search dd.meta {
	margin: 2px 0 18px 50px }

body#search ul ul {
	margin-bottom: 0 }

/* staff *****************************************************************/
body#staff #main h3.name {
	margin-bottom: -6px }
body#staff #main h3.name,
body#staff #main h3.title {
	display: table }
	
body#staff #main h4 {
	margin-bottom: 20px;
	border: none }
body#staff #main .related h4 {
	margin-bottom: 0 }
body#staff #main h5 {
	border: none }

body#staff dl.recent {
	margin: 2px 0 0 12px }
body#staff dl.recent dt {
	display: list-item;
	margin: 0 0 0 30px }		
body#staff dl.recent dd {
	margin: 0 0 6px 30px }
	
body#staff #main li {
	padding: 2px 0 0 0 }
body#staff #main .related li {
	padding: 0 }

* html .staff li {
	margin: 8px 0 }

#main .midpage {
	margin-top: -4px }
	
#main ul.midpage {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 20px }

#staff #main .publications {
	width: 620px;
	margin: 0 0 4px 4px }

#staff #main .publications h5 {
	margin: 0;
	padding: 6px 8px 6px 20px;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	background: #036 }
#staff #main h5 a,
#staff #main h5 a.link,
#staff #main h5 a.visited,
#staff #main h5 a.active {
	border: none;
	color: #eaf0f4 }
#staff #main h5 a:hover {
	border: none;
	color: #fff }
#staff .publications p {
	margin: 0 }
#staff .publications dl,
#staff .publications dt,
#staff .publications dd {
	float: none;
	margin: 0;
	pading: 0;
	width: 100%;
	font-variant: normal }
#staff .publications dl {
	width: 586px;
	margin: 0 0 12px 0;
	padding: 8px 12px 0 20px }
#staff .publications dt {
	width: 580px;
	line-height: 18px }
#staff .publications dd {
	width: 556px;
	margin: 0 0 10px 24px;
	color: #666 }
#staff dd.meta {
	margin: 0 0 10px 32px }
#staff .publications p {
	padding: 0 12px 0 0;
	text-align: right;
	background: #036 }
#staff .publications p a {
	border: none;
	color: #fff }
	
	
/**************************************************************************
 Homepages
**************************************************************************/
#home h3 {
	margin: 4px 0 -6px 24px;
	font-size: 16px;
	letter-spacing: 1px }
	
#home h4 {
	padding: 6px 0 0 0 }
	
* html #home div.publications {
	margin-bottom: -14px }

#home div.publications h4 {
	padding: 0 0 0 6px }
	
#home .related {
	margin: 0 0 0 20px }
	
#home .related div {
	margin-top: 0 }


/**************************************************************************
 News
**************************************************************************/
#news h3 {
	margin-bottom: -6px }

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

#main img.thumb {
	float: left;
	margin: 4px 10px 0 0;
	text-align: left }


/**********************************************************************
 Jobs
**********************************************************************/
.appointment {
	margin: -20px 0 20px 0 }