:root { --accent: #ef8f23; --ivjo-green: #97b91c; --ivjo-blue: #3299ca; --gray-light: #f5f5f5; --gray-mid: #dddddd; --gray-dark: #333333; --gray-hover: #e0e0e0; --text: #1a1a1a; --font: "Segoe UI", Arial, sans-serif; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: var(--font); color: var(--text); background: #ffffff; line-height: 1.6; } /* Layout */ main.container { display: grid; grid-template-columns: 2fr 1fr; gap: 2rem; width: 100%; max-width: 1140px; margin: 2rem auto; padding: 0 1rem; } /* Contactgegevens */ .contact-info { padding: 2rem 1.5rem; background: var(--gray-light); border: 1px solid var(--gray-mid); border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .contact-info h1 { margin-bottom: 1.5rem; padding-left: 0.8rem; color: var(--accent); font-size: 1.6rem; font-weight: 600; line-height: 1.3; border-left: 4px solid var(--accent); } .contact-info dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); row-gap: 0.8rem; column-gap: 1rem; } .contact-info dt { color: var(--gray-dark); font-size: 1rem; font-weight: 600; } .contact-info dd { min-width: 0; color: var(--gray-dark); font-size: 0.95rem; line-height: 1.4; overflow-wrap: anywhere; } .contact-info a { color: var(--accent); text-decoration: none; } .contact-info a:hover, .contact-info a:focus-visible { text-decoration: underline; } .footer-note { margin-top: 1.5rem; color: var(--gray-dark); font-weight: 600; text-align: center; } /* Direct contact */ .direct-contact { display: flex; align-items: center; gap: 1rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--gray-mid); } .direct-contact img { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 50%; object-fit: cover; } .direct-contact .name { display: block; color: var(--gray-dark); font-weight: 600; } .direct-contact .role { display: block; margin-bottom: 0.5rem; color: var(--gray-dark); font-size: 0.9rem; opacity: 0.8; } .contact-methods { display: flex; gap: 0.75rem; } .contact-methods a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #ffffff; font-size: 1.1rem; background: var(--accent); border-radius: 50%; text-decoration: none; transition: background-color 0.2s ease, transform 0.2s ease; } .contact-methods a:hover, .contact-methods a:focus-visible { color: #ffffff; background: var(--text); text-decoration: none; transform: scale(1.08); } .contact-methods a:focus-visible, .card a:focus-visible { outline: 3px solid rgba(239, 143, 35, 0.35); outline-offset: 2px; } /* Sidebar */ aside.sidebar { position: sticky; top: 2rem; align-self: start; display: flex; flex-direction: column; gap: 1.5rem; } .card { overflow: hidden; background: var(--gray-light); border: 1px solid var(--gray-mid); border-radius: 4px; } .card-header { padding: 0.8rem 1rem; color: var(--gray-dark); font-weight: 600; background: var(--gray-mid); } .card-section { padding: 0.6rem 1rem; color: var(--accent); font-weight: 600; border-bottom: 1px solid var(--gray-mid); } .card ul { list-style: none; } .card li + li { border-top: 1px solid rgba(221, 221, 221, 0.65); } .card li a { display: block; padding: 0.6rem 1rem; color: var(--gray-dark); font-size: 0.94rem; text-decoration: none; transition: background-color 0.2s ease; } .card li a:hover, .card li a:focus-visible { background: var(--gray-hover); } /* IvJO-variant */ .card.ivjo { border-color: var(--ivjo-green); } .card.ivjo .card-header { color: #ffffff; background: var(--ivjo-green); } .card.ivjo .card-section { color: #ffffff; background: rgba(50, 153, 202, 0.75); border-bottom-color: #6ec1e4; } .card.ivjo li a:hover, .card.ivjo li a:focus-visible { color: var(--gray-dark); background: var(--gray-hover); } /* Responsive */ @media (max-width: 900px) { main.container { grid-template-columns: 1fr; } aside.sidebar { position: static; } } @media (max-width: 520px) { main.container { margin: 1rem auto; } .contact-info { padding: 1.5rem 1rem; } .contact-info dl { grid-template-columns: 1fr; row-gap: 0.25rem; } .contact-info dd { margin-bottom: 0.75rem; } .direct-contact { align-items: flex-start; } }

Contactgegevens

Postadres

Postbus 772
2900 AT Capelle aan den IJssel

Bezoekadres

De Genestetstraat 17
2902 AD Capelle aan den IJssel

Telefoon

085-1119360

E-mail

info@instituutvoorarbeidsrecht.nl

BTW-nummer

NL8073.15.874.B.01

IBAN-code

NL45 RABO 0341 6284 92

KvK-nummer

24271796

Instituut voor Arbeidsrecht & HRM

Elsemiek van Os Directeur