/* ---------------------------------------------------------------- */
/*																	*/
/*						CSS BY GENKGO V.O.F 						*/
/*						HTTP://WWW.GENKGO.NL						*/
/*																	*/
/* ---------------------------------------------------------------- */


/* -------------------------------------------- */
/* STANDARD HTML TAG DEFINITION & BASE OVERRIDE */

	body { color: #333; background: #9F9F9F; padding: 0 0 75px 0;
		  font: 12px/1.5 "Trebuchet MS","Lucida Sans unicode",Helvetica,Arial,sans-serif; }
		
	p { font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin: 0 0 1.5em 0; }
	p {font: 1em/1.5em "Trebuchet MS","Lucida Sans unicode",Arial,Helvetica,sans-serif,courier}
	
	#content p, #content table, #content pre {margin-bottom:1.5em;}
	
	a { color: #C41E3A;text-decoration: none; }
	a:hover { color: #333;text-decoration: underline; }
	a.special {background: url(../../images/dutchinvestor.com/common-special-link.png) 0 0 no-repeat; padding-left: 20px;color: #C41E3A;}
	a.special:hover {background-image: url(../../images/dutchinvestor.com/common-special-link-hover.png); color: #333 !important;}
	a.special-small {background: url(../../images/dutchinvestor.com/common-special-link-small.png) 0 3px no-repeat; padding-left: 15px;color: #C41E3A;}
	
	a.line {background-position: 0 13px;border-top:1px solid #CCC;color:#C41E3A;display:block;padding-left:20px;padding-top:1em;}
	
	.content li a {color: #333;}
	
	#content ul, #content ol {margin: 0 0 1.5em 0;}
	
	em {font-style: italic;}
			
	/* headings */
		h1, h2, h3, h4, h5, h6 { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif ; }
		h1 { font-size: 2em; 		/* 24px */ line-height: 1.5em; 		/* 36px */ margin-top: 0.75em; margin-bottom: 0em; }
		h2 { font-size: 1.8333em; 	/* 22px */ line-height: 1.6364em; 	/* 36px */ margin-top: 0.8182em; margin-bottom: 0em; }
		h3 { font-size: 1.6667em; 	/* 20px */ line-height: 1.8em; 		/* 36px */ margin-top: 0.9em; margin-bottom: 0em; color:#C41E3A;}
		h4 { font-size: 1.5em; 		/* 18px */ line-height: 1em; 		/* 18px */ margin-top: 1em; margin-bottom: 0em; }
		h5 { font-size: 1.3333em; 	/* 16px */ line-height: 1.125em; 	/* 18px */ margin-top: 1.125em; margin-bottom: 0em; }
		h6 { font-size: 1.1667em; 	/* 14px */ line-height: 1.2857em; 	/* 18px */ margin-top: 1.2857em; margin-bottom: 0em; }
		
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
		

/* ---------------------------- */
/* PAGE ELEMENTS			    */

	#container { width: 1048px; border: solid 1px #818181;background:#CBCBCB url(../../images/dutchinvestor.com/common-container-bg.png) repeat-x;margin: 10px auto 0; padding: 0 30px; }	
	
	/* -------- */
	/* tables   */
	
		#content table {width: 540px;border: none;border-collapse: separate;}
		#content table th, #content table td, #content table tr {border:none;text-align: left;}
		#content table td {border-bottom: 1px solid #CBCBCB;}
		#content table th, #content table td {padding: 0;}
		#content table h3 {color: #C41E3A;}
		
		/* ------------------------- */
		/* HEADER					 */

			#notification {background: #fff; color: #fff;border-bottom: 3px solid #C41E3A;}
				#notification p {width: 960px; line-height: 32px;display: block;margin: 0 auto;font-size: 13px;color: #333;font-family: Helvetica;}
				#notification img {padding: 6px 0 5px;float: left;margin-right: 20px;}
				#notification p strong {font-weight: bolder;}

			#banner {width: 728px;background: #888;height: 80px;float: right;}
			
			#header {padding: 30px 0 20px;}
			
		/* ------------------------- */
		/* NAVIGATION                */
		
			#navigation ul { 
				width: auto; 
				height: 30px; 
				padding: 0 20px 0; 
				background: #fff; 
				border: solid 1px #E5E5E5; 
				font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
				line-height: 30px;
				margin-bottom: 20px;
				display: block;
			}
			
			#nav { font-size: 1.1667em; text-transform: capitalize;line-height:2.4em; }
				#navigation li { float:left; display:block; }
					#navigation li a { color: #333; text-decoration: none; float:left; height: 35px;margin-right: 30px;}
					#navigation li a:hover, #navigation li.active a, #navigation li a:active { background: url(../../images/dutchinvestor.com/common-nav-hover-bg.png) no-repeat 50% 30px;}
								

				#breadcrumbs { float: right; }
				#breadcrumbs ul, #breadcrumbs li { display:inline; margin:0 3px; }
				#breadcrumbs li:after { content:" » "; }
				#breadcrumbs li:last-child:after { content:""; }

		/* ------------------------- */
		/* COLUMNS & PAGE BLOCKS     */
		
			/* common */
			div.section { float:left;margin-right: 20px; }
			div.section-last { margin-right:0; }
			div.smallest { width:230px; }
			div.small { width:336px;}
			div.broad { width:480px; }
			div.broader { width:668px; }
			div.broadest { width:690px; }
			.content-broad {padding: 20px 120px 50px 60px;}
			.content-broader {padding: 20px 60px 50px 60px;}
			.content-broadest {padding: 0 20px;}
		
			div.block {margin-bottom: 20px;}
				div.block h2.title { 
					line-height: 40px; 
					background: #ccc; 
					border: solid 1px #aaa; 
					color: #333; 
					line-height: 40px; 
					font-size: 1.1667em; 
					padding-left: 15px; 
					font-weight: bold;
					margin-top: 0;
				}
				div.block div.content {
					padding: 10px 15px 15px 15px;
					background:#fff url(../../images/dutchinvestor.com/common-block-bg-arrow.png) no-repeat bottom right;
				}
				div.block div.content ul li {}
				div.latest-changes div.content ul li {list-style-type: disc;margin-left: 10px;}
			
			.grey h2 { background: #999 !important; border: 1px solid #858585 !important;}
			div.grey div { border-color: #BABABA !important;  }
			
			div.broadest #content {
					background:#fff; 
					background:#fff url(../../images/dutchinvestor.com/common-block-bg-arrow.png) no-repeat bottom right;
					min-height:632px;
					padding-top: 15px;
				}
					
			.banner_sm {height: 193px;background: #888888;}
			.banner_sub {height: 233px;}
			
			#content-wrapper-front .special,
			#content-wrapper-front #assets-preview li.t p a {background: url("../../images/dutchinvestor.com/common-special-link.png") no-repeat scroll 0 0 transparent; padding-left: 20px;width: auto;display: block;padding-top: 10px;background-position:  0 12px;text-transform: uppercase;border-top: 1px solid #eee;}
			
			#content-wrapper-front h3, #content-wrapper-front h2 {margin-top: 0;}
			
			#database-select, #assets-preview, #research-latest {float:left;margin: 10px 0;min-height: 100px;}
			#database-select, #research-latest {width: 568px;margin-right: 20px;padding: 20px 10px 20px 20px;}
			#assets-preview {width: 428px;float: right;}
			#database-select, #research-latest, #assets-preview ul > li {background: #fff;margin-bottom: 10px;border-color: #ccc;border-style: solid;border-width: 3px 0 0;}
			#database-select li {display:block;float:left;}
			#assets-preview li {padding: 20px 20px 18px;}
			
			
			#database-select h6 {margin-bottom: .5em;padding-top: 1em;color: #C41E3A;}
			#database-select ul {display: block;}
			#database-select li a {width: 230px;height: 80px;margin: 0 10px 10px 0;display: block;text-indent: -9999px;float: left;}
			#database-select li a.as {background: url(../../images/dutchinvestor.com/landing-button-assetmanagers.png) no-repeat;}
			#database-select li a.pe {background: url(../../images/dutchinvestor.com/landing-button-pensionfunds.png) no-repeat;}
			#database-select li a.co {background: url(../../images/dutchinvestor.com/landing-button-consultants.png) no-repeat;}
			#database-select li a.cu {background: url(../../images/dutchinvestor.com/landing-button-custodians.png) no-repeat;}
			#database-select li a:hover {background-position: bottom;}
			
			#research-latest {padding-right: 20px;width: 470px;}
			#research-latest div {padding-left: 80px;border-top: 2px solid #eee;}
			
			#research-latest li {position: relative;}
			#research-latest h3 {font-size: 1.333em;line-height: 1.5em;margin-bottom: .5em;padding-top: .5em;margin-top: .5em;}
			#research-latest .meta {font-family: arial, sans-serif;padding-bottom: 20px;margin-left: 80px;}
			#research-latest .meta li {position: static;display: inline;}
			#research-latest .meta li img {margin-right: 10px;height: 90px;width: auto;position: absolute;top:23px;left: 0px;}
			#research-latest .meta li.name {font-weight: bolder;}
			#research-latest .meta li.name:after {content:' — ';font-weight: normal;}
			#research-latest .meta li .special {border: none;display: inline;background-position: 0 10px;position: absolute; bottom: 19px;left: 0;text-indent: -9999px;}
							
		/* ------------------------- */
		/* MAIN CONTENT				 */

			#content ol {margin-left: -.3em;}
			#content ol li {padding-left: .3em;}
			#content ul {margin-left: -.5em;}
			#content ul li {padding-left: .5em;}
			#content {position: relative;min-height:290px;}
					
		/* ------------------------- */
		/* DATABASE  				 */				
				
				#content .overview, #content .results {width:626px;text-align: center;padding: 0;margin: 40px 0;min-height:500px;}
				#content .overview li {display: inline-block;list-style: none;margin: 0 0 40px 0;width: 200px;vertical-align: middle;}
				#content .overview li a img {margin-top: 30px;max-width: 150px;max-height: 100px;}
				
				/* navig is class voor navigatie dingen in de blockjes op links */
				div.navig .content {padding: 10px 10px 10px 20px;}
				
				div.navig ol {width:100%;}
				div.navig ol li {list-style:decimal inside;}
				div.navig ul, div.navig ol {padding-left: 10px;}
				div.navig ul li {list-style:disc inside;}
				
				div.navig li {margin-top: 1px;list-style:none;}
				div.navig li.active, 
				div.navig li:hover {font-weight:bold; padding-left: 10px;margin-left: -10px;background: #F0F0F0;}
				
				div.navig li.active a, #content-wrapper-database div.navig li:hover a {font-weight: bold;}
				div.navig li:hover {background: #F0F0F0;}
				
				div.navig li.active a:after, #content-wrapper-database div.navig li a:hover:after {content: " »";}
				div.navig li a {color:#333;text-decoration: none;height: 30px;line-height: 30px; display:inline-block; width:90%;}
				
				#content-wrapper-database div.small {min-height: 1px;}
				
				#content .datatable {width: 540px;}
				#content .datatable th, #content .datatable td {border:none;text-align: left;}
				#content .datatable th, #content .datatable td {border-top: 1px solid #CBCBCB;padding: 6px 6px 3px;}
				#content .datatable tr {height: 30px;line-height: 1.5em;}
				#content .datatable tbody th {width: 50%;position:relative;}
				#content .datatable h3 {color: #C41E3A;}
				#content .datatable td.tags li,#content .datatable td.tags ul {display:inline;}
				
				#content .researchtable {width: 540px;margin-top:2em;}
				#content .researchtable thead th {white-space:nowrap;}
				#content .researchtable th, #content .researchtable td {border:none;text-align: left;vertical-align:top;}
				#content .researchtable th, #content .researchtable td {border-top: 1px solid #CBCBCB;padding: 6px 6px 3px;}
				#content .researchtable tr {height: 30px;line-height: 1.5em;}
				#content .researchtable h3 {color: #C41E3A;}
				#content .researchtable td.tags li,#content .researchtable td.tags ul {display:inline;}
				
				#content .reference {position:absolute; left:-9999em; background:#fff; border:1px solid #cbcbcb;margin:0.3em;padding:0.3em;font-size:0.95em;font-weight:normal;z-index: 200;}
				
				#content .alphabet-picker {width: 626px;display: block;margin: 0;padding: 0;border-top:1px solid #D0D0D0;}
					#content .alphabet-picker li {display: inline-block;width: 145px;text-align: center;}
						#content .alphabet-picker li a {text-decoration: none;font-size: 18px;line-height: 37px;}
						#content .alphabet-picker li a.active, #content .alphabet-picker li a:hover {text-decoration: underline; color: #333;}
				#content .picker-top {border-top: none;border-bottom:1px solid #D0D0D0;border-top:1px solid #D0D0D0;}
				
				#content table.contactpersontable td { vertical-align:bottom; }
				
				#content .alphabet-separator h3 {display: none;}
				
				#content .profile_logo {position: absolute; top:100px; right: 66px;max-width:200px;max-height: 50px;}				
				
			/* tags */
				
				ul#cloud { padding: 2px; line-height: 2em; text-align: center;position: relative;margin: 0;width: 250px;}
				ul#cloud li { display: inline-block;line-height: 25px; margin-right:10px; }
				ul#cloud li a { padding: 0; color: #333;text-decoration: underline;}
					ul#cloud li a.active {color: #999;}
					ul#cloud li a:hover {color: #999;}
					ul#cloud li a:visited {color: #999;}
				
					#cloud a.tag1 { font-size: 0.8em; font-weight: 200; }
					#cloud a.tag2 { font-size: 0.9em; font-weight: 300; }
					#cloud a.tag3 { font-size: 1em;	 font-weight: 400; }
					#cloud a.tag4 { font-size: 1.2em; font-weight: 500; }
					#cloud a.tag5 { font-size: 1.4em; font-weight: 600; }
					#cloud a.tag6 { font-size: 1.8em; font-weight: 700; }
					
			/* selections */
			
				#content ul.selections li {list-style-type: circle;}
				#content ul.selections li a {text-decoration: none;color: #333;}
				#content ul.selections li a:hover {text-decoration: underline;}
				
			/* user tabs */
			
				#usertabs {padding-top: 9px;font-size: 1.1667em;height: 32px;display: block;}
				#usertabs li {display: inline-block;margin-right: 10px;}
				#usertabs a {background: #ccc;padding: 10px 20px 13px;color: #444;border: 1px solid #AAAAAA;}
				#usertabs li.active a {background: #fff;color:#333;border-color: #fff;}
				#usertabs a:hover {text-decoration: none;background: #999;color: #fff;border-color: #999;}
			
		
		/* ------------------------- */
		/* NIEUWS BLOG				 */
		
			/* frontpage */
			
			#content #news { }
				#content #news ul { margin: 0; }
					#content #news li { list-style: none outside;  padding: 0 0 1.5em; border-bottom:1px solid #ccc;margin-bottom: 1em;}
				#content #news h3 { margin: 0; font-size: 1.1667em; }
					#content #news h3 a { color: #333; text-decoration: none; color: #C41E3A; }
					#content #news h3 a:hover {text-decoration: underline;}
				.content #news h1 {display: none;}
					
			#content #news .link {color: #C41E3A;margin-left:20px;float:left;position: absolute;bottom: 0;right: 0;}
			.article-footer {text-align: left;position: relative;}
			.article-footer .author {font-weight: bold;width: 448px;display: block;}
			
			p div.photo {margin: 0 10px 0 0; width: 80px !important;overflow: hidden;}
			p div.photo img {max-height: 100px;max-width:80px;display: block;margin:auto;float:left !important;}
			p div.photo span.legend {margin: 0;height: auto;width: 80px;font-size: 10px;text-align: center;display:inline-block;line-height:11px;}
			
			/* flexpaper */
			
			div.papercontent { position:relative; left:-55px; margin:1em 0 2em; }
			
		/* ------------------------- */
		/* EVENTS PAGE				 */
		
			#content #events_main {width: 600px;margin:0 0 0 20px;padding: 20px 0 60px;background: url(../../images/dutchinvestor.com/sub-events-h1bg.png) 0 73px no-repeat;}
			
			#content #events_main li {list-style:none;}
				#content #events_main li h3 a {text-decoration: none;}
				
				#content #events_main ul.event_column {width: 285px;display:block;float:left;}
				#content #events_main ul.event_column li {margin: 0;padding: 0;}
				#content #events_main ul.event_column li a.event_link {height: 160px;display:block;color: #333;text-decoration: none;position: relative;
																	   padding: 20px 20px;border-bottom: 1px solid #D0D0D0;margin-left:6px;}
				#content #events_main ul.event_column li a.event_link:hover {background: #F0F0F0;}													   
				#content #events_main ul.event_column li a.event_link h3 {color: #C41E3A;font-size: 1.333em;line-height: 1.125em; margin-top: 1.125em; margin-bottom: 1em;}
				#content #events_main ul.event_column li a .entry h3 {margin-top:0;}
				
				#content #events_main ul.event_column#events_main_left {margin-right: 30px;}
				#content #events_main ul.event_column#events_main_right {}
				
				#content #events_main ul.event_column .event_detail_link {margin-top: 20px; position: absolute; bottom: 0;
				background: url(../../images/dutchinvestor.com/common-special-link.png) 0 2px no-repeat; padding-left: 20px;color: #C41E3A;}
				
			div.grey .events_front ul {margin-bottom: 1.5em;}
				div.grey .events_front ul li .entry {margin-bottom: 1em;}
				div.grey .events_front ul li .entry h2 {font-size: 1.1667em; margin-top:0;margin-bottom: 0;line-height: 1.5em; background: none !important;border:none!important;}
				div.grey .events_front ul li .entry h2 a {color:#C41E3A;}
				div.grey .events_front ul li .entry div.date {}
			
			div.grey .event_detail {margin: 0 0 1.5em;}
			
		/* ------------------------- */
		/* MANDATES PAGE			 */
		
		#content table.mandates {width:100% !important;margin-top: 1.5em;}
			#content table.mandates thead th {vertical-align:bottom;white-space:nowrap;}
			#content table.mandates tbody th {text-align:left;}
			#content table.mandates th, #content table.mandates td {padding:3px;border-bottom:1px solid #ccc;vertical-align:top;}
			#content table.mandates td {}
		
		/* ------------------------- */
		/* FRONT		     		*/
		
			div.latest-changes ul { margin:0 0 1em; }
				div.latest-changes li {margin-left: .3em;}
			a.db_button { width: 230px; height: 80px; text-indent: -9999px; display: block; margin-top: 10px; }
			a#db_button-1 { background: url(../../images/dutchinvestor.com/common-front-button-db1.png) no-repeat; }
				a#db_button-1:hover { background: url(../../images/dutchinvestor.com/common-front-button-db1-inv.png); }
			a#db_button-2 { background: url(../../images/dutchinvestor.com/common-front-button-db2.png) no-repeat;  }
				a#db_button-2:hover { background: url(../../images/dutchinvestor.com/common-front-button-db2-inv.png); }
				
			a#bb_button { background: url(../../images/dutchinvestor.com/common-front-button-bb.png) no-repeat;  }
				a#bb_button:hover { background: url(../../images/dutchinvestor.com/common-front-button-bb-inv.png); }				
				
		/* ------------------------- */
		/* LANDING                   */
		
			#landing { width: 710px; border: solid 1px #818181; 
		  		 background:#CBCBCB url(../../images/dutchinvestor.com/common-container-bg.png) repeat-x; margin: 50px auto; padding: 30px; overflow: hidden }

			#landing #header { width: 710px; height: 80px; padding:0; }
			#landing #header h1 { width: 380px; margin: 0 0 0 10px; text-indent: 9999px; }
			
			#landing #content h2 { font-size:1em;font-weight:bold;margin:0 0 0.5em; color:#000; padding:0.3em 0.3em 0.3em 0;
									border:0 !important; border-bottom:1px solid #000 !important; background:0 !important;	 }
					
			#choose { float:left; margin: 11px 0 0 10px; }
			#choose li a { display: block; width: 230px; height:80px; background: green; margin: 10px 0 0 0; }
				#choose li:first-child a { margin: 0; }
			
			#landing div.section { width: 470px; }
				#landing div.section h1.title { display:block; height: 40px; background: #999 !important; border: 1px solid #858585 !important; color: #fff; 
									  			line-height: 40px; font-size: 1.1667em; padding-left: 15px; font-weight: bold; }
				#landing div.section div.content { height: 392px; }
								
			#landing #choose a { text-indent: -9999px; }
			#landing a.custodians { background: url(../../images/dutchinvestor.com/landing-button-custodians.png) no-repeat; }
				#landing a.custodians:hover { background-image: url(../../images/dutchinvestor.com/landing-button-custodians-hover.png); }
			#landing a.consultants { background: url(../../images/dutchinvestor.com/landing-button-consultants.png) no-repeat; }
				#landing a.consultants:hover { background-image: url(../../images/dutchinvestor.com/landing-button-consultants-hover.png); }
			#landing a.pension-funds { background: url(../../images/dutchinvestor.com/landing-button-pensionfunds.png) no-repeat; }
				#landing a.pension-funds:hover { background-image: url(../../images/dutchinvestor.com/landing-button-pensionfunds-hover.png); }
			#landing a.asset-managers { background: url(../../images/dutchinvestor.com/landing-button-assetmanagers.png) no-repeat; }
				#landing a.asset-managers:hover { background-image: url(../../images/dutchinvestor.com/landing-button-assetmanagers-hover.png); }
			#landing a.institutional-investment-funds { background: url(../../images/dutchinvestor.com/landing-button-camradata.png) no-repeat; }
				#landing a.institutional-investment-funds:hover { background-image: url(../../images/dutchinvestor.com/landing-button-camradata-hover.png); }
			
			#landing #content ul.newslanding li { margin-left:1.3em; }
				
		/* ------------------------- */
		/* SUPPLIER                  */
		
			#supplier { width: 710px; border: solid 1px #818181; 
		  		 background:#CBCBCB url(../../images/dutchinvestor.com/common-container-bg.png) repeat-x; margin: 50px auto; padding: 30px; overflow: hidden }

			#supplier #header { width: 710px; height: 80px; padding:0; }
			#supplier #header h1 { width: 380px; margin: 0 0 0 10px; text-indent: 9999px; }
			
			#supplier #content h2 { font-size:1em;font-weight:bold;margin:0 0 0.5em; color:#000; padding:0.3em 0.3em 0.3em 0;
									border:0 !important; border-bottom:1px solid #000 !important; background:0 !important;	 }
					
			#supplier div.section { float:none; height: 439px; }
				#supplier div.section h1.title { display:block; height: 40px; background: #999 !important; border: 1px solid #858585 !important; color: #fff; 
									  			line-height: 40px; font-size: 1.1667em; padding-left: 15px; font-weight: bold; }
				#supplier div.section div.content { height: 372px; }
			
			#supply div.previous { line-height:1.5em;margin-left:12em;clear:left;position:relative;top:-1em;color:#8F8F8F; }
			
			div.supplier table.research { margin-top:2em; }
			div.supplier table.research td.options li { display:inline; }
			
			div.supplier form textarea,div.supplier input[type='text'] { width:28em;}
			
		/* ------------------------- */
		/* POLL						 */

			#poll dt { font-weight:bold; }
			#poll dd { margin-bottom:0.5em; }
				
		/* ------------------------- */
		/* FOOTER					 */

			#footer { height: 50px; position: relative; top: 70px; color: #333; background: url(../../images/dutchinvestor.com/common-footer-logo.png) no-repeat 370px 0; }
				#footer ul li { float: left; display: inline; padding: 0 6px 0 4px;
								background: url(../../images/dutchinvestor.com/common-footer-nav-divider.png) no-repeat right 2px; }
				#footer ul li.last { background:none; }
				#footer p { float: right; text-align: right; }
				#footer a { color: #333; text-decoration: none; }
					#footer a:hover { text-decoration: underline; }
					
		/* ------------------------- */
		/* FORMS					 */
		
			#login fieldset {margin-top: 3em;}
			#login span {float:left;margin-right: 1em;line-height: 19px;font-weight: bold;}
			#login input {}
			#login input.submit {width: 100px;float: left;margin-left: 1em;}

			
/* ------------------------- */
/* EVENTS					 */
	body.events #container {
		margin:20px auto;
	}
	
	body.events #content > * {
		max-width:500px;
	}