@font-face {font-family: "Noto Serif"; src:url(/fonts/NotoSerif-Regular.ttf);}
@font-face {font-family: "Noto Serif Italic"; src:url(/fonts/NotoSerif-Italic.ttf);}
@font-face {font-family: "Noto Serif Bold"; src:url(/fonts/NotoSerif-Bold.ttf);}
@font-face {font-family: "Noto Serif BoldItalic"; src:url(/fonts/NotoSerif-BoldItalic.ttf);}
@font-face {font-family: "Noto Sans"; src:url(/fonts/NotoSans-Regular.ttf);}
@font-face {font-family: "Noto Sans Italic"; src:url(/fonts/NotoSans-Italic.ttf);}
@font-face {font-family: "Noto Sans Bold"; src:url(/fonts/NotoSans-Bold.ttf);}
@font-face {font-family: "Noto Sans BoldItalic"; src:url(/fonts/NotoSans-BoldItalic.ttf);}

@font-face {
	font-family: "icomoon";
	src:url('/fonts/icomoon.eot?7p3lrb');
	src:url('/fonts/icomoon.eot?7p3lrb#iefix') format('embedded-opentype'),
		url('/fonts/icomoon.ttf?7p3lrb') format('truetype'),
		url('/fonts/icomoon.woff?7p3lrb') format('woff'),
		url('/fonts/icomoon.svg?7p3lrb#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
	content: "\e800";
	font-size:12px;
}
.icon-cross:before {
	content: "\e801";
}
.icon-grid:before {
	content: "\e802";
}
.icon-list:before {
	content: "\e803";
}
.icon-cross-big:before {
	content: "\e805";
}
.icon-print:before {
	content: "\e807";
}
.icon-text:before {
	content: "\e808";
}
.icon-scan:before {
	content: "\e809";
}
.icon-ebook:before {
	content: "\e80a";
}


.sans
{
	font-family: "Noto Sans", Arial, Helvetica,Verdana,sans-serif;
}

body
{
	font-family: "Noto Serif", Arial, Helvetica,Verdana,sans-serif;
	font-size: 16px;
	line-height: 22px;
}

h1,
.head1
{
	font-weight:bold;
	font-size: 32px;
	line-height: 57px;
	hyphens: auto;
}
.head1
{
	margin-right:10px;
        display:inline;
}
.head1, .inlinehead
{
        float:none !important;
}
.inlinehead
{
        display:inline-block;
}
.head1 a
{
	color: var(--main-controls-color);
}
span.titelkaart_min
{
	margin:0 5px;
/*	color: var(--border);*/
}

h2
{
	font-size: 24px;
	line-height: 33px;
}

.overzicht h2,
.overzicht h3,
.overzicht h4,
.overzicht form,
h2.AtlasHeading
{
	margin:2em 0 1em 0;
}
.overzicht #listAuteurs .d-inline-block form
{
	margin: 1em 0 5px 0;
}
.overzicht #listAuteurs h2.d-inline-block
{
	margin: 0.5em 0 5px 0;
}
h2.overzicht
{
	margin: 1em 0 0 0;
}

h3
{
	font-size: 20px;
	line-height: 28px;
}

h4
{
	font-size: 16px;
	line-height: 22px;
	color: var(--blauw);
}

.small
{
	font-size: 13px;
	line-height: 18px;
}

article label, p .label
{
	color: var(--zwart);
	font-weight:bold;
}

form label.label
{
	font-weight: normal;
}

#breadcrumbs
{
	font-size: 12px;
}
.label, article label, section.home h2, .auteurskaartje section dl dt, #tekst_en_noten div.interp h4
{
	letter-spacing:2px;
	font-family: "Noto Sans", Arial, Helvetica,Verdana,sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-variant: small-caps;
	color: var(--blauw);
	color: var(--menu-bg);
	text-transform: uppercase;
}

article .tools h3
{
	font-size: 24px;
	line-height: 33px;
}

.goud
{
	color: var(--goud);
}
/*
.nolinkicon a[target="_blank"]::after,
.interp a[target="_blank"]::after,
div.result a[target="_blank"]::after
{
	content:"";
}
*/
.wit,
.wit a:hover,
.wit a
{
	color: var(--menu-txt-hover);
}
.menu-txt
{
	color: var(--menu-txt);
}
.blauw
{
	color: var(--blauw);
}

.menu-txt-bg
{
	background-color: var(--menu-txt);
}
.wit-bg
{
	background-color: var(--menu-txt-hover);
}
.goud-bg
{
	background-color: var(--goud);
}
.blauw-bg
{
	background-color: var(--blauw);
}

.donkerblauw-bg
{
	background-color: var(--menu-bg);
	color: var(--menu-txt-hover);
}
a:hover
{
	text-decoration:underline;
	color:var(--menu-bg);
}

.bluebox nav, .bluebox header
{
	float: left;
}
@media screen and (min-width:980px)
{
	.bluebox nav, .bluebox header
	{
		padding-left: 20px;
	}

	.head1
	{
		font-size: 42px;
	}
}

.bluebox
{
	background: var(--blauw);
	color: var(--border);
	padding:0 20px;
	margin-top:-20px;
	margin-left:-20px;
	margin-right:-20px;
}

.bluebox h1
{
	color: var(--menu-txt-hover);
}

.bluebox a,
.bluebox .breadseperator
{
	color: var(--menu-txt-hover);
}

.auteurskaartje section dl dt
{
	font-weight: bold;
}
.rechtenstatus,
.rechtenstatus image
{
	width:1.5em;
	height:1.5em;
}
.rechtenstatus
{
	margin-bottom:-0.5em;
}
.alle-resutaten-link
{
	color: var(--goud) !important;
	font-style: italic;
}