/* reset v1.0 | 20080212 */
*, *::before, *::after { box-sizing: border-box; }
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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}
/*:focus{outline:0}*/
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
svg:not(:root){overflow:hidden}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
/* fonts.css */
/* open-sans-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('/fonts/open-sans-v35-latin-regular.eot'); /* IE9 Compat Modes */
src: url('/fonts/open-sans-v35-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/open-sans-v35-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/open-sans-v35-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/fonts/open-sans-v35-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/open-sans-v35-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('/fonts/open-sans-v35-latin-italic.eot'); /* IE9 Compat Modes */
src: url('/fonts/open-sans-v35-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/open-sans-v35-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/open-sans-v35-latin-italic.woff') format('woff'), /* Modern Browsers */
url('/fonts/open-sans-v35-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/open-sans-v35-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('/fonts/open-sans-v35-latin-600.eot'); /* IE9 Compat Modes */
src: url('/fonts/open-sans-v35-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/open-sans-v35-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/open-sans-v35-latin-600.woff') format('woff'), /* Modern Browsers */
url('/fonts/open-sans-v35-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/open-sans-v35-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: url('/fonts/open-sans-v35-latin-600italic.eot'); /* IE9 Compat Modes */
src: url('/fonts/open-sans-v35-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/open-sans-v35-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/open-sans-v35-latin-600italic.woff') format('woff'), /* Modern Browsers */
url('/fonts/open-sans-v35-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/open-sans-v35-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('/fonts/open-sans-v35-latin-700.eot'); /* IE9 Compat Modes */
src: url('/fonts/open-sans-v35-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/open-sans-v35-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/open-sans-v35-latin-700.woff') format('woff'), /* Modern Browsers */
url('/fonts/open-sans-v35-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/open-sans-v35-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('/fonts/open-sans-v35-latin-700italic.eot'); /* IE9 Compat Modes */
src: url('/fonts/open-sans-v35-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/open-sans-v35-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/open-sans-v35-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('/fonts/open-sans-v35-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/open-sans-v35-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* custom styles */
:root {
scrollbar-color: #8f2728 #ffb7b740;
overflow: hidden scroll;
}
body {
background-color: #fff;
font-family: 'Open Sans','Helvetica Neue','Helvetica',Helvetica,Arial,Verdana,sans-serif;
font-size: 14px;
line-height: 1.35;
text-align: left;
color: #333;
}
a:focus-visible {
outline: 2px dotted currentColor;
outline-offset: 1px;
}
body.popup {
background: #fff;
}
body.popup #header,
body.popup #menu,
body.popup .breadcrumbs,
body.popup .backtotop,
body.popup #footer {
display: none;
}
/* Content */
#content,
#content-body {
padding: 0 10px;
margin: 15px 0;
}
.entry {
padding: 0;
text-align: justify;
line-height: 1.8;
}
.entry .entry {
padding: 0;
}
h1 {
font-size: 250%;
font-weight: normal;
letter-spacing: 1px;
color: #222;
margin: 0 0 .25em;
}
h2 {
font-size: 180%;
font-weight: normal;
color: #222;
margin: 0 0 .25em;
}
.homebanner h2,
.homepage .entry h2 {
font-size: 130%;
}
h3 {
font-size: 120%;
color: #8e2b2c;
font-weight: normal;
margin: 0 0 .25em;
}
h4 {
font-size: inherit;
color: inherit;
font-weight: 600;
margin: 0;
}
blockquote {
padding-left: 22px;
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAo9JREFUOMuNk99LU2EYxwfdhRBF0EXlnLaZc78836nb2dl2jm6mLIMu+g+CLuomugnvAquLkjLHNpyaNktJZv5IMF2bRZRIY0VeWFlEdtFFF5JJEsnT+56FGXlmBx7ei/fD9/t83+c5Op3GRwg0dkNK6f7jy8DfEoHcvOXlR/h2tsL16BLEtTh8lwsJReE9dwHiciukF2nU7fgHeAy54QrE1TaIi29Rv6eQWAy+bBuk9TC8LVsC8wgqHIhCmt8uIjPM3YBn/R3qmgs4en52wvNjO7ER+BORKjcNQz6pCUUgDcStNTQH5WIhsQ9o2NfFuAQ8yzrtaZ7YdU2QKCqIRDhiKCTYBeVWr81Fafh6NaEVNJ3vtropxsDt4l6HtNZnqabXkFs0oQUEpwfKndRrrmEdhg5oJwkWRe0uGqwQ6A38HZqCLxGYTxpBQ0w0A99sDnVnY2yh2+FdYmf8j2C9uYcJJo12GrW7aQHK6TuQwh2Q3rfDkxuCu0kFX0GeHTGBJspsat0zOShZLtCwyUmJymoKQ1rMC4bM3bZaGjdW0WQp44zCb06gu4eddNNaS1/gP6P7BOXqYIVThTL6SpopsVD6oIUyxVYaL7Wr4CoCx9RtcHholAnxu801XWKj+2UOmoG8zpyP7+9kEcYOOShdbKaHeqtaXHSCQf2WGjVeflelVJJ1PqO3b5jySjHBSYND5dXYCfjDCXM+NndLleRdeSxuxt6vknNf0bC3xyYyc4EeGGyqMWcnDFbiRk+h5DaG0wdprJ+tBG+dw/zkKxKB9/bmIc5BDsUdIvF35xx/qiH2luzn+M72ePdfE/8G5dQzKJ+ny0FPIK8saewb4agxi/rsFOtqig3lOfxpQmMRv/sFr/JLf0RohzoAAAAASUVORK5CYII=') no-repeat 0 5px;
margin: 0 0 10px;
}
.hr > .col + .col::before {
content: '';
display: block;
}
.hr > .col + .col::before,
hr {
/*border-top: 1px solid #ececec;
border-bottom: 1px solid #fafafa;
height: 2px;*/
border-color: #e0e0e0;
border-style: solid;
border-width: 1px 0 0;
height: 1px;
margin: 15px 0;
}
.photo,
.image {
padding: 2px;
margin: 4px;
}
.photo {
border: 1px solid #888;
}
.photo.left,
.image.left {
float: left;
margin-right: 10px;
}
.photo.right,
.image.right {
float: right;
margin-left: 10px;
}
.photo img {
display: block;
}
.entry h2,
.entry h3 {
line-height: 1.2;
}
.entry * + h2,
.entry * + h3,
.entry * + h4 {
margin-top: .75em;
}
.entry h2,
.entry h3,
.entry p {
margin-bottom: .5em;
}
.entry > :last-child,
.col > :last-child,
.entry .last,
#content .row.last,
#content .row > .col.last,
.entry .terms ol.last {
margin-bottom: 0;
}
.entry a {
color: #8e2b2c;
text-decoration: none;
border-bottom: 1px solid #8e2b2c44;
}
.entry a:hover {
color: #a00020;
text-decoration: none;
border-bottom: 1px solid #a0002088;
}
.entry h2 {
font-size: 1.8em;
}
.entry h2,
.entry h2 a {
color: inherit;
text-decoration: none;
border-bottom-color: transparent;
}
.entry h2 a:hover {
color: inherit;
text-decoration: none;
border-bottom-color: #3338;
}
.entry ol {
list-style: decimal outside none;
margin: 0 0 .5em 30px;
}
.entry ul {
list-style: none outside none;
padding: 0;
margin: 0 0 .5em 30px;
}
.entry ol li,
.entry ul li {
line-height: 1.7;
}
.entry ul li {
position: relative;
}
.entry ul li::before {
position: absolute;
left: -1.8em;
content: '';
display: block;
width: 16px;
min-height: 100%;
line-height: 1.5;
height: 1.5em;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAHklEQVQY02PowAsYgPg/DoCQPqRggIaGijQ+j+EBANaus5XUhHbKAAAAAElFTkSuQmCC');
background-repeat: no-repeat;
background-position: center .55em;
}
.entry ul li ul li::before {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAGUlEQVQIW2PogAOGjv9QAGJCxChhIgyDAwA2/EIlUWBaGAAAAABJRU5ErkJggg==');
}
.entry ul li a {
color: #222;
}
.entry b,
.entry strong {
font-weight: 600;
}
.keywords {
font-size: 0.75em;
color: #ccc;
}
.keywords a,
.entry .keyword {
text-decoration: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
border-bottom-color: transparent;
}
.ghost {
color:#fdfefd;
font-size:5pt;
line-height:1;
user-select: none;
position: absolute;
}
.entry cite {
font-style: italic;
}
.entry cite::before {
vertical-align: text-top;
text-indent: -999px;
margin-right: .5em;
content: '„';
color: #8e2b2c;
display: inline-block;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAACu0lEQVQ4y42Ua0hTYRjHB5E7Z7dzVwwhnFOiT5XZXKgzXZZu6CrMUhMplhMxHS0aFoQlRLXMQhOlvGQIDk1zmUJSH7qIJSTkJbLU0grSMvxSEPT0nIUi5Nk68HI47/t7/8//uXBkMolnPutQgztS91H2H8/gzpT+voy9zZKAM0r3OY3RQLvJ9MSfUK/Z0mcO4cCm1X5fFXh9MO9mtsDC8fD1PwK5qoyJ/mZRENCdmta/KjCde6Q+XaWEi5G6xUBiZVERCzkqBXw4kCudZhFDg4NjIZBYnzFh1KYkYcC6r1MSupEYP14SFAQjKbsf+xN7a3eUFwetBXfYOv+B8ygaCjVqmLYVn/fHNSUYR1ykAp4mxr+ShObT9jxwKFTgUGsCplsQHAynCQImUs39ktCEIW6mYg0BLjkJU3ZHhT/BEg0Fl+RymEw2vZCERmIMi1UsA1d4Dh7pt8yNmq29lbHRM6Xa8F9NxoThJW4qz+Y+qVZBLUfD9bAQmMiwejt2GIdcWu1PV6R24XlmVqMPHNVvnavB7rYi2MJQUMPjhWAO6ngBzhIKOKXT+WZyKr/A7cSxahE4aGNpEO9U48zW4fe1EAGcCiXMWiz3ZDNJpoEKOQEejoEeFLyPq5uioIfGAOjcSSrhU2b2Ld9oaRhoEHjw4tnK1cEw0IIBeiLCQfbGXnrOrlRCM254aQ10ISAuUbSVZ6EcBcfNFq8oeNUQM1srCBiU9Z0vCXaiYBvuNaMZX9p3kpKHzqBLMW0xWifz913P81CEwd7nH728VMsTagoaOQ486L7LJ0bDbZaCamQHY/ULy81pjDNMlpEERmHAg5Do2EWSUGeMH1vZxLH9OU2FKhXWGGuJjtqwVFVYy2Ohof+O3Zd0691nmzf9bsdUH27cANO7Uledt3eHCy8Mb4v96sH0PdiUl9v1y7+5P9/QMDYKjpgLAAAAAElFTkSuQmCC');
background-position: center center;
background-repeat: no-repeat;
width: 20px;
height: 16px;
}
.entry cite::after {
content: ' ”';
color: #8e2b2c;
}
::selection {
background-color: #ffb7b7;
}
::-moz-selection {
background-color: #ffb7b7;
}
/* Structure */
#wrapper {
background-color: #fff;
margin: 0 auto;
padding: 0 5px 15px;
position: relative;
}
#wrapper::after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 15px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAPCAIAAACqfTKuAAAAJUlEQVQIW2P4//8/Azo+cOAAw5UrVxhu3rzJ8Pz5c4bXr99iwwDu+imACsjjrwAAAABJRU5ErkJggg==');
background-repeat: repeat-x;
background-position: 0 0;
}
#footer {
background-color: #ebebeb;
margin: 0 auto;
padding: 0 10px 15px;
}
body.popup #wrapper {
background: transparent;
width: auto;
padding: 0 5px;
}
body.popup #wrapper::after {
display: none;
}
#header {
height: 150px;
user-select: none;
position: relative;
background-color: #fff;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right bottom;
}
#header .logo {
display: block;
user-select: text;
height: 100px;
width: 290px;
top: 25px;
left: 10px;
color: #8f2728;
transition: transform .5s ease-in-out;
transform-origin: 20px 50%;
}
#header h1 {
position: relative;
}
#header h1 a {
color: inherit;
overflow: hidden;
contain: paint;
}
#header h1 a,
#header h1 svg,
#header h1 span {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
#header .logo svg {
height: 100%;
width: 100%;
}
#header h1 span {
text-indent: -9999px;
font-size: 12px;
}
#header .greetings {
display: none;
position: absolute;
right: 20px;
top: 58px;
width: 360px;
user-select: text;
}
#header #greeting {
display: none;
font-size: 18px;
text-align: center;
color: #888;
font-style: italic;
}
#header #greeting .text {
color: #444;
}
#header #greeting .lang {
color: #888;
font-size: 16px;
font-style: normal;
}
#header .toplinks {
position: absolute;
right: 25px;
top: 8px;
}
.toplinks {
user-select: none;
list-style: none outside none;
height: 27px;
line-height: 27px;
font-size: 0.8em;
}
.toplinks li {
display: inline;
}
.toplinks li:not(:first-child) {
margin-left: 5px;
padding-left: 7px;
border-left: 1px solid #ccc;
}
.toplinks li a {
text-decoration: none;
color: #8e2b2c;
}
.toplinks li a:hover,
.toplinks li a:active,
.toplinks .dropdown-link:focus-within a {
color: #a00020;
text-decoration: underline;
border-bottom-color: #a0002088;
}
.toplinks .dropdown-link {
position: relative;
}
.toplinks .dropdown-link .dropdown {
display: none;
text-align: left;
position: absolute;
background-color: #fff;
box-shadow: 0 6px 6px #0004;
border: 1px solid #ccc;
padding: 10px 15px;
right: -20px;
z-index: 101;
}
.toplinks .dropdown-link a:focus + .dropdown,
.toplinks .dropdown-link a:active + .dropdown {
display: block;
}
.toplinks .dropdown-link:has(:focus):not(:has(.button[name="cancel"]:active)) .dropdown,
.toplinks .dropdown-link:focus-within .dropdown:not(:has(.button[name="cancel"]:active)) {
display: block;
}
.toplinks .dropdown-link:has(:focus):has(.button[name="cancel"]:active) .dropdown,
.toplinks .dropdown-link:focus-within .dropdown:has(.button[name="cancel"]:active) {
display: none !important;
}
#loginform {
padding-left: 60px;
position: relative;
font-size: 12px;
}
#loginform::before {
content: '';
position: absolute;
left: 0;
width: 50px;
height: 100%;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 50% .75em;
}
#loginform .input_text {
width: 200px;
margin-bottom: 7px;
}
#loginform .button[name="cancel"] {
display: none;
}
.clear {
clear: both;
}
body.popup #content-body {
width: auto;
}
/* Menu */
#menu {
color: #eee;
font-weight: 600;
background-color: #484748;
background-image: linear-gradient(0deg, #2c2b2c 45%, #585758 55%);
background-size: auto 2.857em;
background-repeat: repeat;
padding: 0 10px;
margin: 0 -5px;
user-select: none;
}
#menu ul {
display: block;
list-style: none outside none;
padding: 0;
margin: 0;
}
#menu ul::after {
content: '';
clear: both;
display: table;
}
#menu li {
display: block;
float: left;
}
#menu li a {
line-height: 2;
padding: 5px 10px 7px;
display: block;
color: inherit;
text-decoration: none;
font-style: inherit;
font-weight: inherit;
}
#menu li a:focus-visible {
outline-color: #fff;
outline-offset: -2px;
}
#menu li a:hover,
#menu li a:focus {
color: inherit;
background-color: #363636;
background-color: hsla(0, 0%, 0%, .33);
}
#menu li a.active {
color: inherit;
background-color: #171717;
background-color: hsla(0, 0%, 0%, .45);
font-weight: 600;
}
#menu li + li a {
border-left: 1px solid #171717;
border-left-color: hsla(0, 0%, 0%, .45);
}
/* Sidebar */
#sidebar {
margin: 5px 0 0;
}
#sidebar .block {
background-color: #fff;
border: 1px solid #e0e0e0;
margin-bottom: 10px;
padding: 0 3px 3px;
}
#sidebar .block div {
background: #fff url('/style/box-bgr.gif') repeat-x bottom left;
margin: 0 auto;
padding: 8px 10px 8px;
text-align: justify;
}
#sidebar .block .entry {
line-height: 1.5;
}
#sidebar h2 {
background-color: #484748;
background-image: linear-gradient(0deg, #2c2b2c 45%, #585758 55%);
background-repeat: no-repeat;
margin: 3px 0 0;
padding: 3px 0 4px;
color: #ddd;
font-size: inherit;
font-weight: 600;
line-height: 2;
text-align: center;
}
#sidebar h2 a {
color: inherit;
text-decoration: none;
}
#sidebar h2 a:hover {
color: #eee;
text-decoration: underline;
}
#sidebar ul {
background: #fff url('/style/box-bgr.gif') repeat-x bottom left;
list-style: none outside none;
margin: 3px 0 0;
padding: 0;
}
#sidebar ul > li {
font-style: normal;
font-weight: normal;
}
#sidebar ul > li + li {
border-top: 1px solid hsla(0, 0%, 84.4%, 0.5);
}
#sidebar ul > li a {
display: block;
color: #222;
text-decoration: none;
font-weight: normal;
}
#sidebar ul > li a:hover {
background-color: #e7e7e7;
color: #000;
}
#sidebar ul > li a.active,
#sidebar ul > li a.active:hover {
background-color: #d7d7d7;
color: #000;
}
#sidebar ul.vakgebieden > li a {
background-position: 6px center;
line-height: 3;
padding-left: 3.25em;
}
#sidebar ul.vakgebieden > li.juri a { background-image: url('/img/juri.png'); background-repeat:no-repeat;}
#sidebar ul.vakgebieden > li.tech a { background-image: url('/img/tech.png'); background-repeat:no-repeat;}
#sidebar ul.vakgebieden > li.cert a { background-image: url('/img/cert.png'); background-repeat:no-repeat;}
#sidebar ul.vakgebieden > li.medi a { background-image: url('/img/medi.png'); background-repeat:no-repeat;}
#sidebar ul.vakgebieden > li.site a { background-image: url('/img/site.png'); background-repeat:no-repeat;}
#sidebar .socials {
text-align: center;
padding: 0;
margin: 16px 0 0;
}
#sidebar .socials div,
#sidebar .socials ul {
background: transparent;
list-style: none inside none;
padding: 0;
display: flex;
justify-content: center;
margin: 0 0 16px;
}
#sidebar .socials a img {
margin: 0;
padding: 0;
border-radius: 6px;
}
/*
#sidebar .socials a img {
transition: all .25s .15s ease-in;
transition-property: transform, box-shadow;
box-shadow: 0 0 0 0 transparent;
}
#sidebar .socials a:hover {
z-index: 1;
}
#sidebar .socials a:hover img {
transform: scale(1.1);
transition-duration: .15s;
transition-delay: 0s;
transition-timing-function: ease-out;
}
#sidebar .socials ul > li a:hover img {
box-shadow: 0 0 12px 4px #e7e7e7;
}
*/
#sidebar .socials ul > li {
border: 0;
margin: 0;
padding: 0;
}
#sidebar .socials ul > li a {
display: block;
display: block;
padding: 4px;
margin: 0;
}
#sidebar .socials ul > li a:hover,
#sidebar .socials ul > li a.active,
#sidebar .socials ul > li a.active:hover {
background-color: revert;
}
#sidebar .socials ul > li a img {
width: 32px;
height: 32px;
}
#sidebar .socials a img {
filter: saturate(.8) opacity(.8) brightness(1.2);
}
#sidebar .socials a:hover img {
filter: none;
}
/* Footer */
#footer {
color: #d2e7f0;
font-size: 12px;
line-height: 30px;
}
#footer > .block {
display: block;
text-align: center;
line-height: 2.5;
}
#footer .last {
display: none;
}
#footer a, #footer span {
color: #999;
text-decoration: none;
}
#footer a:hover {
color: #444;
text-decoration: underline;
}
.button-ngtv,
.button-okapi,
.button-tmx {
display:inline-block;
border: none;
height: 32px;
}
.button-ngtv:hover,
.button-okapi:hover,
.button-tmx:hover {
border: none;
}
.button-ngtv {
background: transparent url('/img/ngtv-tolken-en-vertalers.gif') scroll no-repeat 0 0;
width: 35px;
}
.button-ngtv:hover {
background-position: 0 -32px !important;
}
.button-okapi {
background: transparent url('/img/okapi_framework.png') scroll no-repeat 0 0;
width: 75px;
}
.button-okapi:hover {
background-position: 0 -32px !important;
}
.button-tmx {
background: transparent url('/img/translation-memory-exchange.png') scroll no-repeat 0 0;
width: 75px;
}
.button-tmx:hover {
background-position: 0 -32px !important;
}
/* Breadcrumbs */
.breadcrumbs,
.backtotop {
font-size: 85%;
margin-bottom: 10px;
color: #AAA;
line-height: 1.345;
}
.breadcrumbs li {
display: inline;
}
.breadcrumbs li+li {
margin-left: .325em;
}
.breadcrumbs li+li::before {
content: '❯';
font-size: 7px;
line-height: 16px;
color: #8f2728;
width: 1em;
margin-right: .25em;
display: inline-block;
vertical-align: text-bottom;
/*background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAgMAAABSCwRDAAAABlBMVEUAAACMKCbCGHB8AAAAAXRSTlMAQObYZgAAABRJREFUCFtjYGAIYAhhCAXiAAYGAAtZAZ5gdWDaAAAAAElFTkSuQmCC') no-repeat center center;*/
}
.backtotop {
text-align: right;
margin-top: 7px;
}
.breadcrumbs a,
.backtotop a {
text-decoration: none;
font-weight: normal;
color: #AAA;
}
.breadcrumbs a:hover,
.backtotop a:hover {
text-decoration: underline;
color: #8e2b2c;
}
.breadcrumbs img {
margin: 0 2px;
}
.input_success {
padding: 7px 6px 7px 30px;
margin-bottom: 10px;
background: #E8FFDF url('/style/success.gif') no-repeat scroll 8px 7px;
color: #444;
}
.input_error {
color: #FF0000;
padding: 7px 6px 7px 30px;
margin-bottom: 10px;
background: #FFECEC url('/style/error.gif') no-repeat scroll 8px 7px;
color: #444;
}
.input_fieldset {
padding: 5px 0;
}
.input_label {
display: block;
font-weight: bold;
}
.input_submit {
margin: 0;
padding: 3px 8px;
}
.input_text {
/*font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;*/
font-family: inherit;
font-size: inherit;
line-height: 1.57125;
font-size: 100%;
border-style: solid;
border-width: 1px;
margin: 0;
padding: 3px;
background-color: #FFFFFF;
border-color: #CCCCCC;
width: 100%;
}
.input_text.blur {
color: #999999;
}
.required {
color: #8e2b2c;
font-weight: bold;
}
.button,
.button-side {
font-family: inherit;
font-size: inherit;
line-height: 1.5;
padding: 8px 14px 8px;
border-color: #ccc;
border-width: 0;
border-style: solid;
}
.button-side {
float: right;
border-color: transparent;
}
.button {
position: relative;
border-color: #ccc;
background: #8e2b2c;
color: #fff;
cursor: pointer;
overflow: visible; /* removes extra side padding in IE */
}
.button:hover,
.button:active {
background: #b43431;
}
.warning {
border: 1px solid #f66;
background-color: #fcc;
padding: 3px 8px;
margin: 0 0 7px;
}
.autocomplete-w1 { background:url(/style/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete-w2 { padding:0 6px 6px 0; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-4px 0px 0px -3px; /* IE specific: */ _height:350px; _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#8e2b2c; }
#result { margin: 1em 0; }
#result table { margin-bottom: 1em; }
#result td { padding: 2px 5px 2px 0; vertical-align: middle; }
.homebanner {
background: #fff url('/img/flags.jpg') no-repeat left center;
background-size: cover;
position: relative;
padding: 30px;
margin: 0 -5px;
width: auto;
color: #333;
}
/*.homebanner ul,
.homebanner li {
color: #444;
}*/
.homebanner h2,
.homebanner ul,
.homebanner li {
line-height: 1.5;
text-shadow: 1px 1px 2px hsla(0, 0%, 100%, 0.8);
}
.homebanner li a {
color: #444;
font-style: normal;
text-decoration: none;
}
.homebanner li a:hover {
text-decoration: underline;
}
.homebanner .cta-wrapper {
/* Fallback for web browsers that don't support RGBa */
background-color: #BECEDE;
/* RGBa with 0.6 opacity */
background-color: rgba(255, 255, 255, 0.4);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff)";
position: absolute;
right: 55px;
top: 45px;
}
ul.check {
list-style: none outside none;
}
ul.check li::before {
content: '';
display: inline-block;
vertical-align: top;
width: 2em;
height: 1.5em;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACKUExURUdwTBqyAAAAAP8A////AID/ABixAACqERqyAAC2EhyxABuyAAD//xqxABqyABmzABqzABqzAB6yABm0AACiABWqABm0ABuxABy0ABqxAC65ABamAB21AAD/gBevABOuABKnAByxAADMIhCvAB2uAB6wABmwABqxABuzAByzABa0ABezABGuABG7AHf2V6sAAAAudFJOUwD1AQECAvMPxg715QGniPX0xUyYCww9aVziITk+AqV4HeUPECxNxPbkuIhNPA/xPGMQAAAAnUlEQVQY01WQhw7DIAxEz0CYmU333rv//3uFNCTpISHd44wxQFCCTmnYeHQcL/ceBPzBzupPIBzML+BUU6UwkKpIm7QJsx/QdD8CG7QeRlt3Fo1ZhY5cXW/yAhHA0tU+p3RJz/a+tZQ5sLXyETuwjMp5XsrDPhJhFkRFQaPBO2bkUZaKbhqGisgZ0SX8VFOyoaZnYHkm8K/JOOm/5Au8YAX3g/AjRQAAAABJRU5ErkJggg==');
background-repeat: no-repeat;
background-position: 5px 4px;
margin: 0 4px 0 0;
}
/* Referenties */
ul.clients { list-style:none none; margin:0; padding:0; user-select:none; }
ul.clients li { display:block; height:75px; margin:0; text-align:center; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; }
ul.clients li::before { display:none; }
ul.clients li a { display:block;height:75px; border:0 none; }
ul.clients li a:hover { border:0 none; }
ul.clients li:has(>a) { transition:transform .6s .3s ease-in-out; }
ul.clients li:hover:has(>a) { transform:scale(1.2); transition-duration:.3s; transition-delay:0s; }
ul.clients.cols { float:left; width:180px; margin:0 15px 0 20px; }
ul.clients.cols li { margin:20px 0; }
#clients-wrapper { position: relative; height:75px; margin:0 0 15px; width:100%; }
#clients-slider { position:absolute; height:100%; width:230px; margin-left:-115px; left:50%; overflow:hidden; contain:paint; }
#clients-slider .clients { width:auto; }
#clients-slider .clients li { width:230px; float:left; display:block; object-fit:contain; contain:size; }
.slider-button { position:absolute; display:block; height:100%; width:20px; z-index:2; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; }
.entry a.slider-button, .entry a.slider-button:hover { text-decoration:none; border-color:transparent; }
#slider-previous { left:0; background-image:url('data:image/svg+xml,'); }
#slider-next { right:0; background-image:url('data:image/svg+xml,'); }
.slider-button::before { content:''; position:absolute; height:100%; width:30px; z-index:1; color:#fff; background-color:transparent; background-repeat:repeat-y; }
#slider-previous::before { left:23px; background-image:linear-gradient(90deg,currentColor,transparent); }
#slider-next::before { right:23px; background-image:linear-gradient(90deg,transparent,currentColor); }
/* Call-to-action */
.cta-wrapper {
margin: 15px -15px 0;
background-color: #f0f4f0;
padding: 15px;
outline: 1px solid #bcb;
box-shadow: 0 0 3px 1px #bcb;
}
.cta-wrapper h3 {
margin: 0 0 0.4em;
font-size: 1.5em;
line-height: 1.2;
color: #222;
}
.cta-wrapper p {
margin-bottom: .7em;
}
a.cta {
background-color: #209C3D;
border: 1px solid #197b30;
color: #FFF;
float: left;
font-family: inherit;
font-size: 20px;
font-weight: bold;
line-height: 24px;
padding: 10px 24px 6px 24px;
height: auto;
min-height: 45px;
text-shadow: 0 1px 0 #197b30;
text-decoration: none;
width: auto;
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out;
}
a.cta.one-line {
height: 45px;
line-height: 45px;
padding: 0 22px !important;
}
a.cta span {
display: block;
font-size: 16.5px;
}
a.cta:hover,
a.cta:focus,
a.cta:active {
color: #fff;
background-color: #197b30;
text-decoration: none;
}
/* File uploader */
#content .row > .col {
margin: 0 0 .5em;
}
fieldset {
margin-bottom: .5em;
position: relative;
}
/*.qq-uploader { position:relative; width: 100%;}*/
.qq-upload-button {
display: inline-block;
/*width: 175px;*/
padding: 8px 14px 8px;
text-align: center;
background: #8c2826;
border-width: 0;
border-style: solid;
border-color: #ccc;
color: #fff;
font-family: inherit;
font-size: inherit;
line-height: 1.5;
}
.qq-upload-button-hover,
.qq-upload-button:hover,
.qq-upload-button-focus,
.qq-upload-button:focus {
background:#b43431;
}
.qq-upload-drop-area {
position:absolute; top:24px; left:0; right:0; bottom: 0; min-height: 70px; z-index:2;
background:#fff;
text-align:center;
border:2px dotted #ccc;
}
.qq-upload-drop-area span {
display:block;
position:absolute;
top: 50%;
width:100%;
margin-top: -.75em;
font-size: 150%;
line-height: 1.5;
color: #ccc;
}
.qq-upload-drop-area-active {
border-style: solid;
border-color: #8c2826;
}
.entry ul.qq-upload-list,
.qq-upload-list { margin:1px 0 1px 30px; padding:0; min-height:20px; }
.qq-upload-list li { margin:0; padding:0; line-height:19px; font-size:14px; font-style: normal;}
.qq-upload-list li::before { left:-24px; }
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
margin-right: 7px;
}
.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}
.qq-upload-size {white-space:nowrap; color:#888; font-weight:normal;}
.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}
/* Terms and Conditions */
.terms {
counter-reset: chapter;
}
.terms h3::before {
content: 'Artikel ' counter(chapter) ' - ';
counter-increment: chapter;
}
.terms h3 {
counter-reset: section;
}
.terms ol {
list-style: none;
padding: 0;
margin: 0 0 .5em 0;
}
.terms li::before {
position: absolute;
left: -2.75em;
content: counter(chapter) '.' counter(section);
counter-increment: section;
font-style: italic;
}
.terms li {
margin-left: 2.75em;
position: relative;
}
/* Responsive */
@media (min-width: 560px) {
#header {
height: 140px;
}
#header .logo {
top: 20px;
}
}
@media (min-width: 700px) {
#header .greetings {
display: block;
}
.row {
float: none;
width: 100%;
}
.row > .col {
float: left;
}
.row::after {
content: '';
display: table;
clear: both;
}
.row > .col {
width: 50%;
}
.row > .col + .col {
padding-left: 15px;
}
.row.hr > .col + .col::before {
display: none;
}
#content .row.last > .col {
margin-bottom: 0;
}
}
@media (min-width: 870px) {
#header .logo {
transform: scale(1.24);
/*
height: 124px;
width: 350px;
top: 8px;
*/
}
#header .greetings {
display: block;
width: 480px;
}
}
@media (min-width: 900px) {
body:not(.popup) {
margin-left: -10px;
background-color: #ebebeb;
}
#wrapper {
background: #fff url('/style/bg-body.png') repeat-y center top;
width: 920px;
margin: 0 auto;
padding: 0 0 15px;
}
#wrapper::after {
background-image: url('/style/bg-footer.png');
}
#header,
#menu,
.homebanner,
#content-body,
#content {
margin-left: 15px;
margin-right: 15px;
}
#menu {
padding-left: 5px;
padding-right: 5px;
}
#footer {
width: 900px;
}
#footer > .block {
display: inline;
text-align: left;
}
#footer .last {
display: revert;
}
#footer .button-ngtv,
#footer .button-okapi,
#footer .button-tmx {
float:right;
display: block;
}
#content {
float: left;
width: 670px;
margin-right: 0;
}
#content-body {
float: left;
clear: both;
}
#sidebar {
float: right;
width: 215px;
margin-left: 0;
margin-right: 15px;
}
.three-cols .col-1,
.three-cols .col-3 {
width: 277px;
float: left;
}
.three-cols .col-2 {
width: 276px;
float: left;
}
.two-cols .col-1,
.two-cols .col-2 {
width: 425px;
float: left;
}
.three-cols .col-2,
.three-cols .col-3,
.two-cols .col-2 {
margin-left: 20px;
}
.cta-wrapper {
margin-left: 0;
margin-right: 0;
}
.hr > .col + .col::before {
display: none;
}
hr.space {
margin: 25px 0;
}
}