/* ---------------------------------------------------------------- */ /* */ /* 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: #CD004F;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: #CD004F;} 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: #CD004F;} a.line {background-position: 0 13px;border-top:1px solid #CCC;color:#CD004F;display:block;padding-left:20px;padding-top:1em;} .content li a {color: #333;} #content ul, #content ol {margin: 0 0 1.5em 0;} /* 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:#CD004F;} 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: 960px; border: solid 1px #818181;background:#CBCBCB url(../../images/dutchinvestor.com/common-container-bg.png) repeat-x; margin: 50px 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: #CD004F;} /* ------------------------- */ /* HEADER */ #top {height: 90px;width: 960px;overflow: hidden;margin:8px auto;} #top #loginform {float:left;height:90px;} #banner {width: 728px;background: #888;float:left;} #loginform {margin-left:20px;background: #ccc;width:210px;} #loginform h2 {line-height: 22px;font-size:12px;padding: 0;margin: 0;font-weight: bold; background:#838383;color:#fff;padding: 0 5px;} #loginform form { padding: 0; } #loginform form fieldset {padding: 0;margin: 0;height: 60px;} #loginform form fieldset input{width: 185px;padding: 0 5px; margin: 3px 0 0 5px;line-height: 12px;font-size: 11px;} #loginform form fieldset input.submit {width: 50px;height: auto;float: right;margin: 2px 5px 0 0; line-height: 18px;background:#333;border:0;padding:0;color:#fff;cursor:pointer; } #loginform form fieldset label {display: none;} #loginform ul.apply-password { margin:0 0 0 8px;} #loginform ul.apply-password li {display:inline;font-size: 11px;position:relative;top:-12px;} #loginform ul.apply-password li:after { content:" | "; } #loginform ul.apply-password li:last-child:after { content:""; } #loginform ul.apply-password li a {text-decoration: none;} #loggedin {margin:0 0 0 10px;padding-top: 10px;} #loggedin p {} #top #banner {margin: 0 auto;height: 90px} #top #quicklinks {float: left;width: 222px;margin-left: 10px;height: 85px;background: url("../../images/dutchinvestor.com/common-quicklinks_bg.png") no-repeat bottom right;padding-top: 5px;} #top #quicklinks li a { float:left; margin-right: 10px; color: #333; text-decoration: none;font-size:1.1667em;height: 30px;padding: 0 0 0 20px;} #top #quicklinks li:hover, #top #quicklinks li a:hover {opacity:.9;} #top #quicklinks li.database a {background: url("../../images/dutchinvestor.com/common-database-link.png") no-repeat 0 3px; } #top #quicklinks li.home a {background: url("../../images/dutchinvestor.com/common-home-link.png") no-repeat 0 3px; } #top #quicklinks li.contact a {background: url("../../images/dutchinvestor.com/common-contact-link.png") no-repeat 0 3px;margin-right: 0; } /* ------------------------- */ /* HEADER */ #header { padding:32px 0 15px;} #header ul#usertabs { width: 990px; height: 30px; position: absolute; margin-top:-64px; text-shadow: .1em .1em .1em #666; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; font-weight: normal; font-size: 1.1667em; text-transform: capitalize; } #header ul#usertabs li { float:left; margin: 0 1px 0 0; background: none; border: solid 1px #818181; text-align: center;white-space:nowrap;} #header ul#usertabs li.active, #header ul#usertabs li:hover { padding-bottom: 1px; background: #F0F0F0 !important; border-bottom: none; } #header ul#usertabs li:hover a, #header ul#usertabs li.active a { color: #333;text-shadow: none; } #header ul#usertabs li.item2 { background:#CCC; } #header ul#usertabs li.item3 { background: none} #header ul#usertabs li.item4 { background: #919191; } #header ul#usertabs li.item5 { background: #838383; } #header ul#usertabs li a { padding: 7px 30px 0; height: 23px; display: block; text-decoration: none; color: #fff; } #header ul#usertabs li.active a span {text-shadow: none; } #header img.logo { float: left; width: 280px; height: 70px; background: #fff; border: solid 1px #E5E5E5; } #header h1, #header h2 { display: block; float: right; width: 635px; margin: 0; padding: 0; height:59px; background: #CD004F; border: solid 1px #AD2B57; color: #fff; text-align: right; font-size: 3em; padding: 10px 30px 0 0; text-shadow: 3px 3px 3px #920042;} a.logo-top { width: 181px; height: 30px; position: absolute; top: -30px; right: 30px; text-indent: -9999px; background: url(../../images/dutchinvestor.com/common-header-logo-top.png) no-repeat; } /* ------------------------- */ /* NAVIGATION */ #navigation { clear:both; width: 918px; height: 30px; padding: 0 20px 0; background: #fff; border: solid 1px #E5E5E5; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; line-height: 30px; } #nav { float: left; width: 700px; font-size: 1.1667em; text-transform: capitalize;line-height:2.4em; } #nav li { float:left; margin: 0 30px 0 0; } #nav li a { color: #333; text-decoration: none; display: inline-block; height: 35px;} #nav li a:hover, #nav li.active a, #nav li a:active { background: url(../../images/dutchinvestor.com/common-nav-hover-bg.png) no-repeat 50% 30px;} #nav li.database {background: url(../../images/dutchinvestor.com/common-special-link-hover.png) 0 7px no-repeat; padding-left: 20px;color: #CD004F;} #nav li.database:hover, #nav li.database.active {background-image: url(../../images/dutchinvestor.com/common-special-link.png);} #nav li.database a {font-weight: bold;} #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: 10px; } div.section-last { margin-right:0; } div.smallest { width:230px; } div.small { width:280px;} div.broad { width:480px; } div.broader { width:668px; } div.broadest { width:668px; } .content-broad {padding: 20px 120px 50px 60px;} .content-broader {padding: 20px 60px 50px 60px;} .content-broadest {padding: 0 20px;} div.block {} div.block h2.title { display:block; height: 40px; background: #CD004F; border: solid 1px #AD2B57; color: #fff; line-height: 40px; font-size: 1.1667em; padding-left: 15px; font-weight: bold;text-shadow: .1em .1em .1em #7B0037; } div.block div.content { border: solid 1px #D0D0D0; border-top: none; 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 h2.title { text-shadow: .1em .1em .1em #333 !important;} div.grey div { border-color: #BABABA !important; } div.broadest #content { background:#fff; border-top:4px solid #CC3366;border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7; border-bottom:1px solid #C7C7C7;margin-top: 10px;margin-top: 11px; border-bottom: 1px solid #BABABA; background:#fff url(../../images/dutchinvestor.com/common-block-bg-arrow.png) no-repeat bottom right;} .banner_sm {height: 193px;background: #888888;margin-top: 10px;} .banner_sm object {width: 100%; height: 100%;} .banner_sub {height: 233px;} /* ------------------------- */ /* 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 .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: #CD004F;} #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: #CD004F;} #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;} #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;} /* ------------------------- */ /* 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: #CD004F; } #content #news h3 a:hover {text-decoration: underline;} .content #news h1 {display: none;} #content #news .link {color: #CD004F;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;} /* ------------------------- */ /* 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: #CD004F;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: #CD004F;} 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:#CD004F;} 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; height: 439px; } #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: 372px; } #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;} /* ------------------------- */ /* 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;}