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

Stylesheet voor DOMTabs in Clingendael-sites       Last update: 2008.06.30

**************************************************************************/
#upper{
text-transform: uppercase;
}

div.domtab {
	width: 621px;
	margin: 0;
	padding: 0 0 0 4px }

div.domtab div {
	clear: both;
	width: auto;
	margin: -24px 0 0 0; /* voor IE7 (eerdere versies (NOG) niet getest) */
	background: #dce3ea url(/img/tab.home.bg.gif) repeat-x }

div.domtab h5 {
	display: none } /* deze kopjes zijn nodig voor de goede werking van domtab.js, maar dubbelop in de layout */
	
div.domtab div br {
	position: relative;
	clear: both;
	display: block;
	margin: 12px 0 }
	
#main ul.domtabs {
	float: left;
	width: 621px;
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	list-style-type: none }
	
div.domtab ul.domtabs li {
	float: left;
	padding: 0;
	font-size: 16px }

#main div.domtab ul.domtabs a:link,
#main div.domtab ul.domtabs a:visited,
#main div.domtab ul.domtabs a:active,
#main div.domtab ul.domtabs a:hover {
	display: block;
	height: 36px;
	padding: 0 0 0 20px;
	border: none;
	color: #eaf0f4;
	line-height: 36px }

ul.domtabs li a.tab_publications {
	width: 200px;
	margin: 0 2px 0 0;
	background: url(/img/tab.home.publications.mo.gif) }
ul.domtabs li a.tab_media {
	width: 117px;
	margin: 0 2px 0 0;
	background: url(/img/tab.home.media.mo.gif) }
ul.domtabs li a.tab_events {
	width: 240px;
	background: url(/img/tab.home.events.mo.gif) }
	
#main div.domtab ul.domtabs li a.tab_publications:hover {
	color: #fff;
	background: url(/img/tab.home.publications.mo.gif) }
#main div.domtab ul.domtabs li a.tab_media:hover {
	color: #fff;
	background: url(/img/tab.home.media.mo.gif) }
#main div.domtab ul.domtabs li a.tab_events:hover {
	color: #fff;
	background: url(/img/tab.home.events.mo.gif) }
	
#main div.domtab ul.domtabs li.active a.tab_publications:link,
#main div.domtab ul.domtabs li.active a.tab_publications:visited,
#main div.domtab ul.domtabs li.active a.tab_publications:active {
	color: #fff;
	background: url(/img/tab.home.publications.donker.gif) }
#main div.domtab ul.domtabs li.active a.tab_media:link,
#main div.domtab ul.domtabs li.active a.tab_media:visited,
#main div.domtab ul.domtabs li.active a.tab_media:active {
	color: #fff;
	background: url(/img/tab.home.media.donker.gif) }
#main div.domtab ul.domtabs li.active a.tab_events:link,
#main div.domtab ul.domtabs li.active a.tab_events:visited,
#main div.domtab ul.domtabs li.active a.tab_events:active {
	color: #fff;
	background: url(/img/tab.home.events.donker.gif) }



/* --------------------------------------------------------------------- */	
/* Vormgeving lijstjes met publicaties, media en events               */


div.domtab div {
	clear: both;
	width: 621px;
	margin: 0 0 4px 0 }

#main div.domtab div dl {
	margin: 0;
	padding: 16px 8px;
	font-family: verdana, arial, helverica, sans-serif;
	color: #000 }
#main div.domtab div dt {
	display: block;
	float: left;
	clear: right;
	margin: 1px 0 0 12px;
	font-size: 10px;
	line-height: 20px;
	color: #036 }
#main div.domtab div dd {
	display: block;
	float: left;
	margin: 3px 0;
	color: #000 }
	
#main div.domtab div.event dt {
	text-transform: uppercase }

#main div.domtab div dl a:link,
#main div.domtab div dl a:visited {
	border-bottom: none;
	color: #009 }
#main div.domtab div dl a:hover,
#main div.domtab div dl a:active {
	color: #c30 }
	
#main div.domtab div br {
	position: relative;
	clear: both;
	display: block;
	margin: 16px 0 }

#main div.domtab div p {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0 12px;
	text-align: right;
	background: #557ea8;
	color: #eaf0f4 }
#main div.domtab div p a:link,
#main div.domtab div p a:visited {
	border-bottom: none;
	color: #eaf0f4 }
#main div.domtab div p a:hover,
#main div.domtab div p a:active {
	border-bottom: none;
	color: #fff }