/* - ++resource++v2.theme.stylesheets/main.css - */
@media screen {
/* http://v2.nl/portal_css/++resource++v2.theme.stylesheets/main.css?original=1 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
html {
line-height: 1; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
a img {
border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
@font-face {
font-family: 'bebas_neueregular';
src: url("../++resource++v2.theme.fonts/BebasNeue-webfont.eot");
src: url("../++resource++v2.theme.fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("../++resource++v2.theme.fonts/BebasNeue-webfont.woff") format("woff"), url("../++resource++v2.theme.fonts/BebasNeue-webfont.ttf") format("truetype"), url("../++resource++v2.theme.fonts/BebasNeue-webfont.svg#bebas_neueregular") format("svg");
font-weight: normal;
font-style: normal; }
/* */
.frame {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 15px; }
.frame:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.frame [class*='bit-'] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 15px; }
.frame.frame-container {
width: 756px; }
.frame.frame-white {
background: white; }
/* */
/* */
/* */
.frame:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: "";
display: table;
clear: both; }
/* */
.bit-1 {
width: 100%; }
.bit-2 {
width: 50%; }
.bit-3 {
width: 33.33%; }
.bit-4 {
width: 25%; }
.bit-5 {
width: 20%; }
.bit-6 {
width: 16.66667%; }
.bit-7 {
width: 14.28571%; }
.bit-8 {
width: 12.5%; }
.bit-9 {
width: 11.11111%; }
.bit-10 {
width: 10%; }
.bit-11 {
width: 9.09091%; }
.bit-12 {
width: 8.33%; }
.bit-75 {
width: 75%; }
.bit-66 {
width: 66.66%; }
.bit-33 {
width: 33.33%; }
.bit-2-5 {
width: 40%; }
.bit-3-5 {
width: 60%; }
/* */
/* */
/* */
.portlet {
border: none;
background: none; }
.portletHeader, .managedPortlet .portletHeader {
background: none;
border: none;
border-bottom: 2px solid black;
text-transform: capitalize;
font-size: 22px;
line-height: 2em;
padding: 0;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-weight: 400; }
.portletHeader.relatedHeader, .managedPortlet .portletHeader.relatedHeader {
font-size: 17px; }
.portletItem {
margin: 0;
padding: 1em 0;
border: none;
border-bottom: 2px solid black; }
.even {
background: none; }
.portletFooter {
background: none;
margin: 0;
padding: 0.25em 0;
border: none;
text-align: right; }
.portletItemDetails {
text-align: left;
display: block;
color: black;
font-size: 12px;
line-height: 1.56;
margin-bottom: 5px; }
.column-2.contentSidebar {
width: 154px; }
.column-2.contentSidebar .portletHeader, .column-2.contentSidebar .managedPortlet .portletHeader {
padding: 0; }
.column-2.contentSidebar .portletItem {
padding: 0;
border: none; }
.column-2.contentSidebar .portletItem img.relatedImage {
width: 100%; }
.portletStaticText {
padding: 1em 0; }
.portletItem:hover a {
text-decoration: none; }
.portletItem a, .portletItem a:visited {
color: #000000;
line-height: 1.2em; }
.portletItem img {
width: 100%;
height: auto; }
#viewlet-below-content .expanded_relatedItems {
margin-top: 20px; }
#viewlet-below-content .expanded_relatedItems > span {
display: block; }
#viewlet-below-content .tileImage {
width: 100%;
height: auto; }
#viewlet-below-content .related-button-up {
display: none; }
#viewlet-below-content .related-type-title {
color: #666;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 1.2em; }
#viewlet-below-content .tileHeadline a {
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 1.3em; }
#viewlet-below-content .futureEventDateFrom, #viewlet-below-content .futureEventDateUntil, #viewlet-below-content .pastEventDateFrom, #viewlet-below-content .pastEventDateUntil {
float: left;
clear: none; }
.related-block {
clear: both;
margin-bottom: 20px; }
.related-block .gallery-overflow {
overflow: hidden;
position: relative;
margin: 0px 12px; }
.related-block .gallery-overflow .related-gallery-stream {
position: relative;
list-style: none;
overflow: none;
margin-top: 12px;
margin-bottom: 12px;
margin-left: 0px !important;
margin-right: 0px !important;
white-space: nowrap;
left: 0; }
.related-block .gallery-overflow .related-gallery-stream .related-gallery-item {
display: inline;
margin: 0px 24px 0px 0px; }
.related-block .gallery-overflow .related-gallery-stream .related-gallery-item img {
vertical-align: middle; }
.related-block .related-gallery-wrapper {
position: relative; }
.related-block .related-gallery-wrapper a.gallery-move-right {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
position: absolute;
z-index: 999;
top: 50%;
opacity: 0;
cursor: pointer;
background-color: black;
width: 26px;
height: 26px;
margin-top: -13px;
color: white;
text-align: center;
font-size: 12px;
background: transparent url("../++resource++v2.theme.images/next_prev.gif") no-repeat left top;
text-indent: -9999px;
opacity: 1;
right: -20px;
background-position: right top;
margin-top: 0px; }
.related-block .related-gallery-wrapper a.gallery-move-left {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
position: absolute;
z-index: 999;
top: 50%;
opacity: 0;
cursor: pointer;
background-color: black;
width: 26px;
height: 26px;
margin-top: -13px;
color: white;
text-align: center;
font-size: 12px;
background: transparent url("../++resource++v2.theme.images/next_prev.gif") no-repeat left top;
text-indent: -9999px;
opacity: 1;
left: -20px;
margin-top: 0px; }
.portletEvents .EventDateInfo {
font-size: 17px;
width: 30%;
padding-right: 10px;
text-align: right;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.1; }
.portletEvents .EventInfo {
width: 70%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.portletEvents .portletItem:hover {
background-color: #FFFF36; }
.portletCollection:hover {
background: none; }
.portlet-static-mailinglist .tileItemOneColumn:first-child a {
margin-right: 3px; }
.portlet-static-mailinglist .social-icons img {
width: 28px;
margin-right: 5px; }
.portletRelatedItems .portletItem {
border: none; }
.portletRelatedItems .relatedTitle {
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 1.5em;
line-height: 25px; }
.portletRelatedItems .relatedHeader {
margin-bottom: 10px;
border: none; }
.portletRelatedItems .relatedHeader span {
color: #666;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 18px; }
.portletRelatedItems .relatedImage {
margin-bottom: 20px;
margin-top: 12px; }
.portletRelatedItems .portletFooter {
text-align: center;
text-transform: uppercase;
padding-top: 20px; }
.portletRelatedItems .portletFooter a {
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
color: #666;
font-size: 22px; }
#portlet-prefs .portletItem img {
width: auto; }
body {
font-family: Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.2;
color: #000000;
background-color: #e6e6e6 !important;
background-size: cover;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
#LSResult {
top: 24px !important; }
svg#v2-logo {
pointer-events: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: visible;
min-width: 1000px;
max-width: 1500px;
z-index: 0; }
a {
color: #000000;
text-decoration: underline; }
a:hover {
text-decoration: none;
color: #000000; }
#portal-top a {
text-decoration: none; }
#portal-top a:hover {
text-decoration: underline; }
h1 {
color: #000000;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 24px; }
h2 {
color: #000000;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 24px;
text-transform: capitalize;
margin: 10px 0 10px 0; }
h3 {
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 17px;
line-height: 1.56; }
h3 a {
text-decoration: none; }
h6 {
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-weight: 300; }
p, li, span {
font-family: Helvetica, Arial, sans-serif; }
hr {
border: 0;
border-top: 1px solid #66645e; }
strong, b {
font-weight: 700; }
em, i {
font-style: italic; }
p {
padding-bottom: 18px; }
.button {
display: inline-block;
padding: 0 15px;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 #4d4d4d, 0 1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 1px 0 #4d4d4d, 0 1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 0 #4d4d4d, 0 1px 0 rgba(0, 0, 0, 0.15);
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 700;
height: 35px;
line-height: 35px;
border: 1px solid #1a1a1a;
background: #333;
color: white;
text-decoration: none; }
.button:hover {
background-color: #262626;
text-decoration: none; }
.social-icon {
display: inline-block;
width: 32px;
height: 32px;
background: #000000; }
.social-icon:hover {
background: #000000; }
.front {
z-index: 1; }
.float-right {
float: right !important; }
.margin-top, .content-list {
margin-top: 20px !important; }
.margin-top-double {
margin-top: 40px !important; }
.margin-bottom {
margin-bottom: 20px !important; }
.margin-top-half {
margin-top: 10px !important; }
.margin-bottom-half {
margin-bottom: 10px !important; }
.margin-left {
margin-left: 20px !important; }
.padding-top {
padding-top: 20px !important; }
.padding-top-half {
padding-top: 10px !important; }
.padding-bottom-half {
padding-bottom: 10px !important; }
.page-padding-top, #visual-portal-wrapper #portal-top #portal-header #portal-searchbox {
padding-top: 15px !important; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.img-border {
padding: 2px;
border: 1px solid #e6e6e6; }
.font-size-s {
font-size: 12px;
line-height: 1.56; }
.light-gray {
color: #e6e6e6; }
.border-bottom, .related-block, .page-description, .documentDescription, .pageWrapper, .template-v2_home_view #parent-fieldname-text, .template-v2_webshop_view #parent-fieldname-text, .template-v2_archive_view #parent-fieldname-text, .template-v2_topic_view #parent-fieldname-text, .hr, #visual-portal-wrapper #portal-top #portal-header #portal-searchbox, .template-v2_webshop_view .tileItem .tileItem-inner, .template-event_view .event-overview, .template-event_view .event-meta .eventDetailsDateTime, .template-v2_eventlist_view .page-description, .template-v2_press_view #parent-fieldname-text, .template-v2_person_view .pageWrapper, .template-newsitem_view .pageWrapper, .template-search .search-field, .template-search .search_result_box {
border-bottom: 2px solid black; }
.border-top, .portletRelatedItems .portletFooter, .page-description, .documentDescription, .template-v2_home_view #parent-fieldname-text, .template-v2_webshop_view #parent-fieldname-text, .template-v2_archive_view #parent-fieldname-text, .template-v2_topic_view #parent-fieldname-text, .listingBar, .template-v2_home_view .tileFooter, .template-v2_person_view .pageWrapper, .template-v2_image_view .image-container, .template-v2_webshopitem_view .pageWrapper, .template-v2_topic_view .tileFooter, .template-newsitem_view .pageWrapper {
border-top: 2px solid black; }
.white-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: white;
padding: 20px; }
.padding-top-double {
padding-top: 40px !important; }
.background-gray, #visual-portal-wrapper #portal-top #portal-header #portal-searchbox {
background-color: #e6e6e6 !important; }
.container-fixed {
position: fixed;
top: 0;
z-index: 10;
width: 100%; }
.text-right {
text-align: right; }
.clear-margin {
margin: 0 !important; }
.clear-margin-left {
margin-left: 0 !important; }
.clear-padding {
padding: 0 !important; }
.clear-padding-left {
padding-left: 0 !important; }
.clear-parent-bit {
width: -webkit-calc(100% + 30px);
width: calc(100%  + 30px);
margin-left: -15px; }
.page-description, .documentDescription {
padding: 18px 0; }
.page-description p, .documentDescription p {
margin: 0; }
.pageWrapper {
padding-top: 20px;
padding-bottom: 20px; }
.pageWrapper .newsImageContainer {
float: right; }
.tileBody {
clear: both; }
.template-v2_home_view #parent-fieldname-text {
margin-top: 20px;
padding: 18px 0;
font-size: 1.2em; }
.template-v2_home_view #parent-fieldname-text a {
font-weight: bold; }
.template-v2_webshop_view #parent-fieldname-text, .template-v2_archive_view #parent-fieldname-text, .template-v2_topic_view #parent-fieldname-text {
margin-top: 20px;
padding: 18px 0;
font-size: 1.2em; }
.template-v2_webshop_view #parent-fieldname-text a, .template-v2_archive_view #parent-fieldname-text a, .template-v2_topic_view #parent-fieldname-text a {
font-weight: bold; }
.v2-btn, .template-v2_people_view #parent-fieldname-text a {
color: #ffffff;
background-color: #000000;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
float: left;
font-size: 22px;
padding: 3px 6px;
margin: 5px;
text-transform: uppercase; }
.v2-btn:hover, .template-v2_people_view #parent-fieldname-text a:hover {
color: #ffffff;
text-decoration: underline; }
.hr {
height: 1px;
widows: 100%; }
.totalWidthTable {
width: 100%; }
.totalWidthTable td {
vertical-align: top; }
.listingBar {
background: none;
border-left: none;
border-right: none;
border-bottom: none;
border-color: #000000;
padding-top: 10px; }
.loadmore {
text-align: center;
padding-top: 20px;
clear: both; }
.loadmore a {
text-decoration: none;
text-transform: uppercase;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
color: #666;
font-size: 22px; }
.loadmore a:hover {
text-decoration: underline; }
.tileItem {
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.tileItem:hover {
opacity: 0.5; }
input {
font-family: Helvetica, Arial, sans-serif;
visibility: visible;
border: 1px solid #000000;
color: #000000;
vertical-align: inherit;
background: none;
font-size: 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
input.inputLabelActive {
color: #000000; }
#visual-portal-wrapper #portal-top #portal-header #portal-searchbox {
clear: none;
background-color: transparent;
margin: 0;
padding: 0;
text-align: left;
text-transform: none;
white-space: normal;
z-index: 2; }
.hiddenStructure {
display: none; }
.visualClearLeft {
clear: left; }
.LSBox {
clear: none;
float: none;
text-align: left;
padding-right: 0;
display: inherit; }
.margin-top-content {
margin-top: 70px !important; }
#portal-personaltools-wrapper {
display: none; }
#content {
font-size: inherit;
padding: 0;
background: transparent; }
.right-sidebar {
width: 226px;
position: fixed; }
.right-sidebar:hover {
z-index: 1; }
.logo-holder {
position: fixed;
text-align: right;
width: 43px; }
.logo-holder img {
max-height: 80vh; }
.v2-logo {
height: 35px;
float: left;
width: 130px;
padding-left: 15px; }
.v2-logo a {
display: inline-block; }
.v2-logo a:hover svg path {
fill: #2BFF3A; }
.v2-logo a img, .v2-logo a svg {
margin-top: 9px;
width: 110px;
height: 100%; }
.fixed-buttons {
position: fixed;
z-index: 999999;
left: 30px;
bottom: 30px; }
.fixed-buttons a {
text-decoration: none; }
.fixed-buttons .thirtyfiveyears {
/* */
position: relative;
display: block;
height: 90px;
width: 90px;
border-radius: 50%;
background: #000000;
border: 1px solid #979797;
box-shadow: 0 3px 9px 0 rgba(161, 161, 161, 0.5);
margin-bottom: 12px; }
.fixed-buttons .thirtyfiveyears .text {
text-transform: uppercase;
color: white;
position: absolute;
text-align: center;
width: 100%;
font-size: 16px;
top: 50%;
transform: translateY(-50%); }
.fixed-buttons .donate {
/* */
position: relative;
display: block;
height: 90px;
width: 90px;
border-radius: 50%;
background: #FFFFFF;
border: 0 solid #FFFFFF; }
.fixed-buttons .donate .text {
position: absolute;
text-align: center;
width: 100%;
font-size: 16px;
top: 50%;
transform: translateY(-50%); }
.category {
font-size: 12px; }
.category.EVENT {
background-color: #FFFF2D; }
.category.LAB {
background-color: #5FBEFF; }
.category.PUBLISHING {
background-color: #FF434E; }
.category.ARCHIVE {
background-color: #00FFFF; }
.category.WEBSHOP {
background-color: #B373FF; }
.category.ABOUT {
background-color: #32FF9C; }
.category-about .documentFirstHeading {
background-color: #32FF9C; }
.category-organization .documentFirstHeading {
background-color: #32FF9C; }
.category-event .documentFirstHeading {
background-color: #FFFF2D; }
.category-events .documentFirstHeading {
background-color: #FFFF2D; }
.category-lab .documentFirstHeading {
background-color: #5FBEFF; }
.category-publishing .documentFirstHeading {
background-color: #FF434E; }
.category-archive .documentFirstHeading {
background-color: #00FFFF; }
.category-webshop .documentFirstHeading {
background-color: #B373FF; }
.category-shop .documentFirstHeading {
background-color: #B373FF; }
.documentFirstHeading {
display: inline-block;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 15px; }
.documentFirstHeading span {
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif; }
.tileItem img.tileImage {
float: left;
border: 0;
margin: 0;
max-width: 100%;
height: auto; }
.tileItem, .item {
border-top: none; }
.template-v2_upcomingevent_view .tileItem, .template-v2_eventlist_view .tileItem {
width: 100%;
float: left;
margin-bottom: 15px; }
.template-v2_upcomingevent_view .tileItem:hover, .template-v2_eventlist_view .tileItem:hover {
background-color: #FFFF2D; }
.template-v2_upcomingevent_view .past-event, .template-v2_eventlist_view .past-event {
width: 100%;
float: left;
background-color: #e6e6e6; }
.template-v2_webshop_view .tileItem .tileItem-inner {
height: 380px; }
.template-v2_webshop_view .tileItem .tileInfo {
height: 340px; }
.template-v2_webshop_view .tileItem .thumb {
height: 150px;
margin: 10px;
text-align: center;
margin-bottom: 30px; }
.template-v2_webshop_view .tileItem .thumb img {
max-height: 100%;
width: auto;
max-width: 100%; }
.template-v2_webshop_view .tileItem .thumb .image {
width: 100%;
height: 100%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat; }
.template-v2_webshop_view .tileItem .tileBody {
height: 70px; }
.template-v2_webshop_view .tileItem .tileShopping {
position: relative;
padding-bottom: 10px; }
.template-v2_webshop_view .tileItem .tileShopping .price {
float: left;
font-weight: bold;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 17px;
color: #666; }
.template-v2_webshop_view .tileItem .tileShopping > a {
position: absolute;
right: 100px;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 17px;
text-transform: uppercase;
text-decoration: none; }
.template-v2_webshop_view .tileItem .tileShopping > a:hover {
text-decoration: underline; }
.template-v2_webshop_view .tileItem .tileShopping > a:after {
background: url(../++resource++v2.theme.images/winkel.png) no-repeat center center;
content: "";
width: 18px;
height: 18px;
position: absolute;
right: -22px;
top: 2px; }
.template-v2_webshop_view .tileItem .tileItem {
height: 430px; }
.leadimageContainer img {
width: 100%; }
.newsImageContainer, .eventDetails {
float: none;
width: auto; }
.newsImageContainer {
margin-left: 20px; }
.newsImageContainer .discreet {
display: none; }
.newsImage {
width: 100%;
height: auto;
border: none; }
.leadimage img {
width: 100%;
height: auto; }
.template-event_view .newsImageContainer {
width: 45%;
float: left; }
.template-event_view .event-overview {
float: left;
margin-bottom: 20px; }
.template-event_view .event-meta {
width: 45%;
float: left;
margin-left: 20px;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.template-event_view .event-meta .eventDetailsDateTime {
text-transform: uppercase;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 25px;
padding-bottom: 20px; }
.template-event_view .event-meta .eventDetailsDateTime span {
text-transform: uppercase;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 25px; }
.template-event_view .event-meta .eventDetails {
font-size: 1.2em;
margin-top: 20px;
text-transform: capitalize; }
.template-event_view .event-meta .eventDetails .event-buttons {
margin-top: 20px; }
.template-event_view .event-meta .eventDetails .event-buttons .event-addToCal .info {
font-size: 12px; }
.template-event_view .event-meta .eventDetails .event-buttons .event-contact {
float: left;
margin-left: 20px; }
.EventDateInfo, .EventDateInfo > span {
text-transform: uppercase;
display: inline-block;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-weight: 400; }
.futureEventDateFrom, .futureEventDateUntil, .pastEventDateFrom, .pastEventDateUntil {
clear: none; }
.futureEventDateFrom div, .futureEventDateUntil div, .pastEventDateFrom div, .pastEventDateUntil div {
float: left; }
.event_time {
clear: both; }
.eventDetailsDateTime {
margin-bottom: 10px; }
.eventDetails {
margin: 0; }
.event-addToCal .icon, .event-addToCal .info {
float: left; }
.documentByLine {
margin-bottom: 10px; }
.documentActions {
float: left; }
.documentDescription, .description {
font-weight: normal;
margin: 0;
line-height: 1.2em; }
.documentDescription {
font-size: 1.2em; }
.documentDescription a {
font-weight: bold; }
.template-v2_home_view .tileItem img.tileImage {
float: none;
margin-bottom: 0px; }
.template-v2_home_view .tileBody {
margin-bottom: 10px;
padding: 0; }
.template-v2_home_view .tileFooter {
width: 90%; }
.template-v2_home_view .leadimage-holder {
position: relative;
margin-bottom: 10px; }
.template-v2_home_view .leadimage-holder .documentByLine {
color: #000000;
font-size: 17px;
position: absolute;
bottom: 0px;
margin-bottom: 0px; }
.template-v2_home_view .leadimage-holder .documentByLine .EventDateInfo {
padding: 7px 4px 4px;
background: white;
height: 30px;
box-sizing: border-box; }
.template-v2_home_view .leadimage-holder .documentByLine .EventDateInfo:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 0 15px;
border-color: transparent transparent transparent white;
position: absolute;
right: -15px;
top: 0; }
.template-v2_archive_view .video_container {
padding: 70px 0 10px;
clear: both; }
.template-v2_archive_view .video_container iframe {
width: 100%;
height: 320px; }
.template-v2_archive_view .video_title {
margin-bottom: 10px;
font-size: 1.2em;
float: left; }
.template-v2_archive_view .archive-content {
margin: 50px 80px; }
.template-v2_archive_view div.more a {
text-transform: uppercase;
color: #666 !important; }
.template-v2_home_view .tileItem img.tileImage, .template-v2_lab_view .tileItem img.tileImage {
float: none;
margin-bottom: 10px; }
.template-v2_work_view .newsImageContainer, .template-v2_lab_view .newsImageContainer {
margin: 20px auto;
width: 80%; }
.content-list {
float: left; }
.content-list .bit-2 {
padding-top: 0;
padding-bottom: 0; }
.content-list .listitem {
width: 100%;
float: right;
background-color: black;
font-size: 17px;
margin: 5px 0 5px 0; }
.content-list .listitem.even {
margin-left: 0;
float: left; }
.content-list .listitem a {
color: white !important;
font-size: 1.5em;
font-weight: bold;
text-transform: uppercase;
padding: 8px 15px;
float: left; }
.template-v2_upcomingevent_view .page-description, .template-v2_upcomingevent_view .documentDescription {
font-size: 1.2em; }
.template-v2_upcomingevent_view .page-description a, .template-v2_upcomingevent_view .documentDescription a {
font-weight: bold; }
.template-v2_upcomingevent_view .tileItem > .leadImage {
text-align: center; }
.template-v2_upcomingevent_view .tileItem > .leadImage .tileImage {
max-height: 200px;
width: auto;
margin: auto;
float: none; }
.template-v2_eventlist_view .page-description {
padding: 20px 0;
border-top: none; }
.template-v2_eventlist_view .tileItem > .leadImage {
text-align: center; }
.template-v2_eventlist_view .tileItem > .leadImage .tileImage {
max-height: 200px;
width: auto;
margin: auto;
float: none; }
#portal-siteactions {
display: none; }
.documentActions {
display: none; }
.template-v2_people_view .tileHeadline a {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 100; }
.template-v2_people_view .description {
font-size: 15px; }
.template-v2_people_view .tileItemPeople {
overflow: hidden;
height: 390px; }
.template-v2_people_view .tileItemPeople h2 {
margin-bottom: 5px; }
.template-v2_people_view .tileItemPeople .leadimage {
overflow: hidden;
max-height: 280px; }
.template-v2_people_view .tileItemPeople .leadimage img {
width: 100%;
height: auto; }
.template-v2_people_view .tileItemPeople .tileBody {
padding-bottom: 0;
margin-bottom: 0; }
.template-v2_press_view .documentDescription {
border-bottom: none; }
.template-v2_press_view #parent-fieldname-text {
font-size: 1.2em;
padding-bottom: 20px; }
.template-v2_press_view #parent-fieldname-text table {
width: 100%; }
.template-v2_press_view #parent-fieldname-text table a {
font-weight: bold; }
.template-v2_press_view .contenttype-topic {
margin-bottom: 0;
padding-bottom: 0; }
.template-v2_press_view h2.folder-title {
margin-bottom: 0; }
.template-v2_press_view h2.folder-title a {
color: #666 !important; }
.template-v2_press_view .V2FolderView img {
width: 100%;
height: auto; }
.template-v2_press_view .relatedDate {
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
color: #666;
font-size: 1.2em;
margin-bottom: 10px; }
.template-v2_press_view .see-more {
font-size: 1.2em; }
.template-v2_press_view .see-more .hr {
margin-top: 20px; }
.template-v2_person_view .newsImageContainer {
width: -webkit-calc(33% - 20px);
width: calc(33% - 20px);
margin-left: 0;
margin-right: 30px;
float: left; }
.template-v2_person_view .person-overview {
width: 65%;
float: left; }
.template-v2_person_view .person-overview .documentDescription {
border-bottom: none; }
.template-v2_person_view .pageWrapper {
clear: both;
padding-top: 20px; }
.template-one_column_view .listItem .leadimage {
text-align: center; }
.template-one_column_view .listItem .leadimage img {
max-width: 100%;
max-height: 200px;
width: auto;
margin: auto; }
.template-v2_album_view .tileItem {
margin-top: 20px; }
.template-v2_image_view .image-container {
text-align: center;
padding-top: 20px; }
.template-v2_image_view .image_navigation {
position: relative; }
.template-v2_image_view .image_navigation a.image-next-button {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
position: absolute;
z-index: 999;
top: 50%;
opacity: 0;
cursor: pointer;
background-color: black;
width: 26px;
height: 26px;
margin-top: -13px;
color: white;
text-align: center;
font-size: 12px;
background: transparent url("../++resource++v2.theme.images/next_prev.gif") no-repeat left top;
text-indent: -9999px;
opacity: 1;
right: 0px;
background-position: right top; }
.template-v2_image_view .image_navigation a.image-prev-button {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
position: absolute;
z-index: 999;
top: 50%;
opacity: 0;
cursor: pointer;
background-color: black;
width: 26px;
height: 26px;
margin-top: -13px;
color: white;
text-align: center;
font-size: 12px;
background: transparent url("../++resource++v2.theme.images/next_prev.gif") no-repeat left top;
text-indent: -9999px;
opacity: 1;
left: 0px; }
.template-v2_webshopitem_view .table {
display: table;
width: 100%;
margin-bottom: 30px;
height: 100%; }
.template-v2_webshopitem_view .newsImageContainer {
width: -webkit-calc(33% - 20px);
width: calc(33% - 20px);
margin-left: 0;
margin-right: 30px;
display: table-cell;
vertical-align: top;
padding-right: 30px;
height: 100%; }
.template-v2_webshopitem_view .webshopitem-overview {
width: 65%;
display: table-cell;
height: 100%;
vertical-align: top; }
.template-v2_webshopitem_view .webshopitem-overview .inner {
height: 100%;
position: relative; }
.template-v2_webshopitem_view .webshopitem-overview .inner .tileShopping {
position: absolute;
bottom: 0; }
.template-v2_webshopitem_view .webshopitem-overview .inner .tileShopping a {
background-color: #D4D4D4;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase; }
.template-v2_webshopitem_view .webshopitem-overview .inner .tileShopping a:hover {
background-color: #3D3D3D;
color: #ffffff; }
.template-v2_webshopitem_view .webshopitem-overview .documentDescription {
border-bottom: none;
margin-bottom: 30px; }
.template-v2_webshopitem_view .pageWrapper {
clear: both; }
.template-v2_webshopitem_view .pageWrapper .rightcolumn {
float: right;
width: 200px;
margin-left: 20px; }
.template-v2_webshopitem_view .pageWrapper .rightcolumn .newsImageContainer {
margin-left: 0; }
.template-v2_webshopitem_view .pageWrapper .rightcolumn .tileShopping .price {
float: left;
font-weight: bold;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 17px; }
.template-v2_webshopitem_view .pageWrapper .rightcolumn .tileShopping a {
text-transform: uppercase;
margin-left: 20px;
font-weight: bold;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 17px;
float: left;
position: relative; }
.template-v2_webshopitem_view .pageWrapper .rightcolumn .tileShopping a:after {
background: url(../++resource++v2.theme.images/winkel.png) no-repeat center center;
content: "";
width: 18px;
height: 18px;
position: absolute;
right: -22px;
top: 2px; }
.template-v2_topic_view .listingBar {
position: absolute;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom: -50px; }
.template-document_view .newsImageContainer {
max-width: 50%; }
.template-newsitem_view .newsImageContainer {
width: -webkit-calc(33% - 20px);
width: calc(33% - 20px);
margin-left: 0;
margin-right: 30px;
float: left; }
.template-newsitem_view .news-overview {
width: 65%;
float: left; }
.template-newsitem_view .news-overview .documentDescription {
border-bottom: none; }
.template-newsitem_view .pageWrapper {
clear: both;
padding-top: 20px; }
ul.main-menu {
margin: 0 0 0 0px;
padding: 0;
list-style-type: none;
height: 35px;
font-size: 17px;
float: left;
width: 654px; }
ul.main-menu ul {
margin: 0;
padding: 10px 0;
list-style-type: none;
display: none;
position: absolute;
margin-top: 35px;
background: black; }
ul.main-menu ul li {
display: block;
min-width: 150px; }
ul.main-menu ul li a {
color: white;
line-height: 1.4em;
padding-left: 16px; }
ul.main-menu li {
list-style-type: none;
display: inline-block; }
ul.main-menu li span {
position: absolute;
line-height: 35px;
left: 0;
top: 0; }
ul.main-menu li a {
display: block;
line-height: 35px;
padding: 0 12px; }
ul.main-menu li a:hover {
text-decoration: none; }
ul.main-menu > li {
margin-left: -17px; }
ul.main-menu > li:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both; }
ul.main-menu > li:first-child {
margin-left: 0; }
ul.main-menu > li:before {
display: block;
float: left;
width: 12px;
height: 35px;
content: " ";
background: url(../++resource++v2.theme.images/v2-menu-background-set.png) no-repeat -23px 0; }
ul.main-menu > li:after {
display: block;
visibility: visible;
clear: none;
float: left;
width: 12px;
height: 35px;
content: " "; }
ul.main-menu > li:first-child:before {
background: none; }
ul.main-menu > li:last-child:after {
width: 0; }
ul.main-menu > li > a {
text-transform: uppercase;
float: left;
font-size: 17px; }
ul.main-menu > li > a.selected {
background: black; }
ul.main-menu > li:hover:before {
background: url(../++resource++v2.theme.images/v2-menu-background-set.png) no-repeat 0 0; }
ul.main-menu > li:hover:after {
background: url(../++resource++v2.theme.images/v2-menu-background-set.png) no-repeat -11.5px 0; }
ul.main-menu > li:hover > a {
color: white;
background: black; }
ul.main-menu > li:hover > ul {
display: block; }
ul.main-menu > li.selected:before {
background: url(../++resource++v2.theme.images/v2-menu-background-2.png) no-repeat 0 0; }
ul.main-menu > li.selected:after {
background: url(../++resource++v2.theme.images/v2-menu-background-2.png) no-repeat right top; }
ul.main-menu > li.about a:hover, ul.main-menu > li.about a.selected {
color: #32FF9C; }
ul.main-menu > li.events a:hover, ul.main-menu > li.events a.selected {
color: #FFFF2D; }
ul.main-menu > li.webshop a:hover, ul.main-menu > li.webshop a.selected {
color: #B373FF; }
ul.main-menu > li.archive a:hover, ul.main-menu > li.archive a.selected {
color: #00FFFF; }
ul.main-menu > li.publishing a:hover, ul.main-menu > li.publishing a.selected {
color: #FF434E; }
ul.main-menu > li.lab a:hover, ul.main-menu > li.lab a.selected {
color: #5FBEFF; }
.searchSection {
display: none; }
input#searchGadget {
border: none;
padding: 0;
margin: 0;
display: block;
float: left;
width: 197px;
height: 35px;
line-height: 35px;
text-transform: uppercase;
padding: 0 10px;
font-size: 17px;
line-height: 1.56; }
input.searchButton {
margin-bottom: 0 !important;
color: #000000;
font-size: 15px;
background: none;
cursor: pointer;
padding: 0;
text-transform: none;
border: none;
background: url(../++resource++v2.theme.images/v2-search-icon.png) no-repeat center center;
width: 29px;
height: 29px;
display: block;
text-indent: -9999px;
float: left; }
.template-v2_archive_view .category-archive .searchform {
display: inline-block;
float: left; }
.template-v2_archive_view .category-archive input#searchGadget {
border: none;
padding: 0;
margin: 0;
background-color: #00FFFF;
display: block;
float: left;
width: 300px;
height: 29px;
line-height: 29px;
text-transform: uppercase;
padding: 0 10px; }
.template-v2_archive_view .category-archive input.searchButton {
margin-bottom: 0 !important;
color: #000000;
font-size: 15px;
background: none;
cursor: pointer;
padding: 0;
text-transform: none;
border: none;
background: url(../++resource++v2.theme.images/v2-search-icon-bg-white.png) no-repeat center center;
width: 29px;
height: 29px;
display: block;
text-indent: -9999px;
float: left; }
.template-v2_archive_view .category-archive .searchbyYear {
float: left;
padding: 0 10px;
margin-left: 18px;
height: 29px;
line-height: 29px;
position: relative;
z-index: 999; }
.template-v2_archive_view .category-archive .searchbyYear .yearSelectTitle {
text-transform: uppercase; }
.template-v2_archive_view .category-archive .searchbyYear .yearSelectItems {
position: absolute;
top: 29px;
width: 300px;
line-height: 1.5em;
display: none;
left: 0;
padding: 0 10px; }
.template-v2_archive_view .category-archive .searchbyYear:hover {
background-color: #00FFFF; }
.template-v2_archive_view .category-archive .searchbyYear:hover .yearSelectItems {
display: block;
background-color: #00FFFF; }
.template-v2_archive_view .category-archive .searchbyYear .yearItem {
float: left;
padding: 5px 10px 0 0; }
.template-search .searchPage {
float: left;
margin-bottom: 30px; }
.template-search .search-field {
float: left;
width: 450px; }
.template-search .search-field input.searchPage {
border: none;
width: 400px;
padding: 0;
margin: 0;
height: 50px;
font-weight: 300;
display: block;
float: left;
line-height: 29px;
text-transform: uppercase;
padding: 0 10px; }
.template-search .search-field input.searchButton {
margin-bottom: 0 !important;
color: #000000;
font-size: 15px;
background: none;
cursor: pointer;
padding: 0;
text-transform: none;
border: none;
background: url(../++resource++v2.theme.images/v2-search-icon-large.png) no-repeat center center;
width: 50px;
height: 50px;
display: block;
text-indent: -9999px;
float: left; }
.template-search .resultTypes li {
display: inline-block; }
.template-search .resultTypes li span {
text-transform: uppercase;
background-color: #000000;
color: #ffffff;
padding: 2px 5px;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 1.3em; }
.template-search a.state-published {
color: #000000 !important; }
.template-search .result-leadimage {
margin-bottom: 20px; }
.template-search .result-leadimage img {
width: 100%;
height: auto; }
.template-search .search_result_box {
padding-bottom: 20px !important; }
.template-search .searchResults {
margin-top: 10px; }
.grid-overlay {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
background: url(../img/grid.png) repeat-y top center;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
min-height: 100% !important;
height: auto; }
.container {
width: 1114px;
margin: 0 auto; }
.container:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.row {
margin-left: -20px !important; }
.row:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both; }
.column-1 {
float: left;
margin-left: 20px;
width: 43px;
position: relative; }
.column-ng-1 {
float: left;
width: 61.33333px; }
.column-2 {
float: left;
margin-left: 20px;
width: 106px;
position: relative; }
.column-ng-2 {
float: left;
width: 122.66667px; }
.column-3 {
float: left;
margin-left: 20px;
width: 169px;
position: relative; }
.column-ng-3 {
float: left;
width: 184px; }
.column-4, #visual-portal-wrapper #portal-top #portal-header #portal-searchbox {
float: left;
margin-left: 20px;
width: 232px;
position: relative; }
.column-ng-4 {
float: left;
width: 245.33333px; }
.column-5 {
float: left;
margin-left: 20px;
width: 295px;
position: relative; }
.column-ng-5 {
float: left;
width: 306.66667px; }
.column-6 {
float: left;
margin-left: 20px;
width: 358px;
position: relative; }
.column-ng-6 {
float: left;
width: 368px; }
.column-7 {
float: left;
margin-left: 20px;
width: 421px;
position: relative; }
.column-ng-7 {
float: left;
width: 429.33333px; }
.column-8 {
float: left;
margin-left: 20px;
width: 484px;
position: relative; }
.column-ng-8 {
float: left;
width: 490.66667px; }
.column-9 {
float: left;
margin-left: 20px;
width: 547px;
position: relative; }
.column-ng-9 {
float: left;
width: 552px; }
.column-10 {
float: left;
margin-left: 20px;
width: 610px;
position: relative; }
.column-ng-10 {
float: left;
width: 613.33333px; }
.column-11 {
float: left;
margin-left: 20px;
width: 673px;
position: relative; }
.column-ng-11 {
float: left;
width: 674.66667px; }
.column-12 {
float: left;
margin-left: 20px;
width: 736px;
position: relative; }
.column-ng-12 {
float: left;
width: 736px; }
.column-13 {
float: left;
margin-left: 20px;
width: 799px;
position: relative; }
.column-ng-13 {
float: left;
width: 797.33333px; }
.column-14 {
float: left;
margin-left: 20px;
width: 862px;
position: relative; }
.column-ng-14 {
float: left;
width: 858.66667px; }
.column-15 {
float: left;
margin-left: 20px;
width: 925px;
position: relative; }
.column-ng-15 {
float: left;
width: 920px; }
.column-16 {
float: left;
margin-left: 20px;
width: 988px;
position: relative; }
.column-ng-16 {
float: left;
width: 981.33333px; }
.column-17 {
float: left;
margin-left: 20px;
width: 1051px;
position: relative; }
.column-ng-17 {
float: left;
width: 1042.66667px; }
.column-18 {
float: left;
margin-left: 20px;
width: 1114px;
position: relative; }
.column-ng-18 {
float: left;
width: 1104px; }
#slideshow {
position: relative;
height: 305px; }
#slideshow > div {
width: 100%; }
#slideshow > div img {
width: 100%; }
#slideshow > div a.more_info {
position: absolute;
z-index: 9999;
bottom: 5px;
right: 10px; }
#slideshow-wrapper {
margin: 0;
position: relative; }
#slideshow-wrapper #next {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
position: absolute;
z-index: 999;
top: 50%;
opacity: 0;
cursor: pointer;
background-color: black;
width: 26px;
height: 26px;
margin-top: -13px;
color: white;
text-align: center;
font-size: 12px;
background: transparent url("../++resource++v2.theme.images/next_prev.gif") no-repeat left top;
text-indent: -9999px;
right: 0px;
background-position: right top; }
#slideshow-wrapper #prev {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
position: absolute;
z-index: 999;
top: 50%;
opacity: 0;
cursor: pointer;
background-color: black;
width: 26px;
height: 26px;
margin-top: -13px;
color: white;
text-align: center;
font-size: 12px;
background: transparent url("../++resource++v2.theme.images/next_prev.gif") no-repeat left top;
text-indent: -9999px;
left: 0px; }
#slideshow-wrapper:hover #next, #slideshow-wrapper:hover #prev {
opacity: 1; }
#slideshow-wrapper #slide-nav {
position: absolute;
bottom: 5px;
z-index: 99999999;
text-align: center;
width: 100%; }
#slideshow-wrapper #slide-nav a {
width: 13px;
height: 13px;
background: #e5e5e5;
border-radius: 50%;
cursor: pointer;
display: inline-block;
text-indent: -80px;
overflow: hidden;
margin: 3px; }
#slideshow-wrapper #slide-nav a.activeSlide {
background: #FFFF36; }
.masonry-holder .masonry-item {
width: 226.33333px;
margin: 0;
padding: 0; }
.template-v2_lab_view .masonry-holder .masonry-item.wide {
width: 354.5px;
margin: 0;
padding: 0; }
.template-v2_album_view .masonry-holder .masonry-item {
width: 162.25px;
margin: 0;
margin-top: 20px;
padding: 0; }
.related-block .masonry-holder .masonry-item {
width: -webkit-calc(33% - 20px);
width: calc(33% - 20px);
margin: 0;
padding: 0; }
.related-block .masonry-holder .masonry-item .tileBody {
margin-top: 12px; }
.related-block .masonry-holder .masonry-item .tileItem > a {
display: inline-block;
margin-top: 12px; }
.related-block .masonry-holder .masonry-item.Folder {
width: 100%; }
.related-block .masonry-holder .masonry-item.Person {
width: -webkit-calc(33% - 20px);
width: calc(33% - 20px); }
.related-block .masonry-holder .masonry-item.Event .EventDateInfo {
margin-top: 12px;
color: #666; }

}