/*
***
* project public site: MUZEMUS.NL
* object global name: custom-2.css
* object authored offline: 2017-10-19
* object created offline: 2018-03-23
* styles edited offline: 2021-09-03
* object available online: 2020-11-01
* object withdrawn online: X
* aspect updated online: Null
***
*/

/* zoek: 'kan weg' */
/* kan weg */

body {
  font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif, Zawgyi-One;
  font-size: 16px;
}

.tooltip {
  font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif, Zawgyi-One;
}

.popover {
  font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif, Zawgyi-One;
}

/* hieronder staan geen bootstrap stijlen */
	
/* google translate */

/*
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value {
  color: #333333; text-decoration: none;
}
*/
.goog-te-banner-frame.skiptranslate {
  display: none !important;
} 

body {
  top: 0px !important;
}
.goog-te-gadget {
  overflow: hidden;
  height: 20px;
}
.goog-te-combo {
  top: -5px;
  left: 10px;
  position: relative;
}	
div#google_translate_element {
  margin: 0 0 0 -9px;
  background-color: FFF;
  height: 22px;
}

/* overige stijlen */

/*
.gallery {
  display: inline-block;
  margin-top: 20px;
}
*/





/* scroll Opera */
html
	{
	height: 100%; 
	margin-bottom: 1px;
	}

/* scroll Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
html
	{
	overflow-y: scroll;
	}
}

/* scroll mozilla */
body
	{
	overflow: -moz-scrollbars-vertical;
	}
	
	

	

/* required for sticky footer */
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
/* end required for sticky footer */
.footer {
	background: white;
//	background: yellow;
	color: #000;
}
.footer-extra {
	margin-bottom: 23px;
}





.products a {
  font-style: italic;
}

.broodkruimel {
  font-size: 21px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.subtitel-1 {
  font-size: 21px;
}

.subtitel-2 {
  font-size: 21px;
  font-weight: bold;
}

.link-1 {
  font-size: 24px;
}

.link-3 {
  font-size: 18px;
}
	
h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3, .h3 {
  font-size: 21px;
}

h2.supera {
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 30px;
}

h2.superb {
  font-size: 27px;
}

h2.dashboard {
  font-weight: bold;
//  margin-top: 22px;
  margin-bottom: 17px;
  font-size: 27px;
}

h5 {
//  display: none;
//  background-color: red;
}

hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0;
  border-top: 1px solid #000;
}

hr.footer-0 {
  margin-top: -2px;
  margin-bottom: 19px;
  border: 0;
  border-top: 2px solid #000;
}

/* kan weg */
#footer-info {
  height: 1.5em;
  width: 100%;
}

.truncate-ellipsis {
  display: table;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 24px;
}

.truncate-ellipsis > * {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
}



a {
  color: #000;
  text-decoration: underline;
}
a:hover, a:focus {
  color: #000;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}



body {
  color: #000;
}

.info_green {
  color: #007D44;
  font-weight: bold;
  font-style: normal;
  margin-left: 0.40em;
}
.add {
  letter-spacing: 0.1em;
  font-style: normal;
  margin-left: 0.40em;
}



#up
	{
	text-align: right;
	color: #000000;
	line-height: 1.25;
	margin-top: 0.8em; /* was 0.5em */
	margin-bottom: 1.6em;
	}
#up a
	{
	padding-bottom: 0.1em;
	}
#up a:after
	{
	content: "\00A0\2191";
	font-family: Calibri, sans-serif;
	}
* html #up a, * html #up a:hover
	{
	background-image/**/: url(images/up.gif);
	background-position: 100% 0.15em;
	background-repeat: no-repeat;
	padding-right: 9px;
	}
* html #up a:hover
	{
	background-image/**/: url(images/up_hover.gif);
	}
	
	
	
a.info
	{
	position: relative; /* this is the key */
	z-index: 24;
	background-color: #D5D3CF;
	color: #000;
	/*text-decoration: none;*/
	/*margin-right: 0.75em;*/
	}
a.info_left
	{
	/*margin-left: 0.75em;*/
	}
a.info_right
	{
	/*margin-right: 0.25em;*/
	}
a.info:hover
	{
	z-index: 25;
	}
a.info span
	{
	display: none;
	}
a.info:hover span /* the span will display just on :hover state */
	{
	display: block;
	position: absolute;
	top: 2em;
	left: 0em;
	white-space: nowrap;
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	padding: 0.15em 0.75em 0.3em 0.75em;
	text-align: left;
	}
* html a.info:hover span
	{
	padding: 0.2em 0.75em 0.3em 0.75em;
	}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { a.info:hover span
	{
	padding: 0.25em 0.75em 0.25em 0.75em;
	}
	}
	
.img-test {
  border: 0px solid #000;
  margin: 0px 0px;
  background-color: white;
}

img {
//  margin-left: 0px;
}

.archief
	{
	color: #CC3333;
	text-transform: uppercase;
	border: #CC3333 2px solid;
	padding: 2px 4px 0px 4px;
	}
	
	
	
.label-grijs
	{
	color: #B5B5B6;
	margin-left: 0px;
	padding: 12px 30px;
	font-size: 1em;
	}
.label-zwart
	{
	color: #000000;
	margin-left: 0px;
	padding: 12px 30px;
	font-size: 1em;
	}
.half-circle-grijs {
	background-color: white;
	border: 2px solid #B5B5B6;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 30px 30px 30px 30px;
	/* Firefox 1-3.6 */
	-moz-border-radius: 30px 30px 30px 30px;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 30px 30px 30px 30px;
	}
.half-circle-zwart {
	background-color: white;
	border: 2px solid #000000;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 30px 30px 30px 30px;
	/* Firefox 1-3.6 */
	-moz-border-radius: 30px 30px 30px 30px;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 30px 30px 30px 30px;
	}
.whitespace-3
	{
	letter-spacing: 0.5px;
	margin-right: -0.5px; /* correctie IE 5.01 en 6 => */
	}
#labels
	{
	margin-top: 32px;
	margin-bottom: 10px;
	}
	
#goog-gt-tt, .goog-te-balloon-frame
	{
	display: none !important;
	} 
.goog-text-highlight
	{
	background: none !important;
	box-shadow: none !important;
	}
	
.gt
	{
	font-weight: bold;
//	margin-left: 5px;
	}
	
.cijfer
	{
	font-weight: bold;
	font-size: 1.3em;
	vertical-align: sub;
//	color: white;
//	background-color: black;
	padding-left: 4px;
	padding-right: 4px;
	}
	
.php-1
	{
	color: red;
	font-weight: bold;
	}
.php-2
	{
	color: green;
	font-weight: bold;
	}
.php-3
	{
	color: blue;
	font-weight: bold;
	}
.php-4
	{
	color: #696969;
	font-weight: bold;
	}
.line-1
	{
	font-size: 1.105em; /* fr */
	}
.line-2
	{
	font-size: 1.395em; /* it */
	}
.line-3
	{
	font-size: 1.605em; /* de */
	}
.line-4
	{
	font-size: 1.355em; /* nl */
	}
.line-5
	{
	font-size: 1.480em; /* en */
	}
.line-6
	{
	font-size: 1.410em; /* sp */
	}
.line-7
	{
	font-size: 0.75em; /* quote */
	}
	
.werkbestand a
	{
	color: white;
	background-color: #EBCCD1;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	}
	
	
#navigation-2
	{
//	display: none;
	}
#navigation-2 ul li a
	{
	font-size: 1.1em;
	}


a.description, a.description:hover, a.description:focus
	{
//	text-decoration: none !important;
//	color: #CC3333 !important;
	color: #808080 !important; /* hier */
//	outline: none;
	}
a.description:focus
	{
	outline: 1px dotted; /* hier */
	}
a.reject
	{
	cursor: not-allowed !important;
	}
	
	
a.disable
	{ 
//	display: inline-block; /* support pointer-events voor IE 11 en MS Edge bug */
//	pointer-events: none;
	text-decoration: none;
//	cursor: default;
	cursor: text;
	}
	
	
/* kleurcodes t.b.v. categorieboom.html i.r.t. overzicht.html */
#nu
	{
//	background-color: lightgrey;
	background-color: white;
	}
.column-dflt
	{
//	background-color: #FFFFA0; /* canary yellow */
//	background-color: white;
	}
.column-a
	{
//	background-color: red;
	}
.column-b
	{
//	background-color: darkorange;
	}
.column-c
	{
//	background-color: yellow;
	}
.column-d
	{
//	background-color: lime;
	}
.column-e
	{
//	background-color: green;
	}
.column-f
	{
//	background-color: cyan;
	}
.column-g
	{
//	background-color: blue;
	}
.column-h
	{
//	background-color: purple;
	}
.column-i
	{
//	background-color: magenta;
	}
.column-j
	{
//	background-color: gray;
	}
.column-k
	{
//	background-color: gray;
	}
.column-l
	{
//	background-color: black;
	}
	
	
/* om headers te checken */
h2, .h2 {
//	background-color: orange;
//	margin-top: 60px;
}
h3, .h3 {
//	background-color: pink;
//	margin-top: 60px;
}
h4, .h4 {
//	background-color: yellow;
//	margin-top: 60px;
}
.supera {
//	background-color: violet;	
}
li {
//	background-color: cyan;
}


.onaf
	{
//	padding: 1px 0;
//	font-size: 1.1em;
//	line-height: 1.5;

	display: inline-block;
	margin: 1.5em 0;
	
//	padding: 1px;
	font-size: 1.1em;
//	background-color: black;
//	color: white;
//	text-transform: uppercase;

	border: #000 1px solid;
//	padding: 2px 4px 2px 4px;
	padding: 3px 4px 3px 4px;
//	padding: 5px;
	width: 100%;
	text-align: center;
	}
	
	
#sticker-option {
	height: 27px;
	width: 27px;
	background-color: #007D44;
	-webkit-border-radius: 13.5px 13.5px 13.5px 13.5px;
	-moz-border-radius: 13.5px 13.5px 13.5px 13.5px;
	border-radius: 13.5px 13.5px 13.5px 13.5px;
	display: inline-block;
	margin: 9px 0 0 26px;
	vertical-align: middle;
	}
	
#sticker-option-x
	{
	display: none;
	}
	
#sticker-sold {
	height: 27px;
	width: 27px;
	background-color: #FC1A00;
	-webkit-border-radius: 13.5px 13.5px 13.5px 13.5px;
	-moz-border-radius: 13.5px 13.5px 13.5px 13.5px;
	border-radius: 13.5px 13.5px 13.5px 13.5px;
	display: inline-block;
	margin: 9px 0 0 26px;
	vertical-align: middle;
	}
	
#sticker-sold-x
	{
	display: none;
	}
	
.no-price {
	display: inline-block;
//	color: #CC3333;
	text-transform: uppercase;
//	font-weight: bold;
	font-size: 1.55em;
	vertical-align: top;
	margin-top: -7px;
	margin-bottom: -6px;
	}


#attribution-print {
	display: none;
}


#section
	{
	padding: 0px 4px 0px 4px;
	margin-top: 21px;
	margin-bottom: 31px;
	color: #FFFFFF;
	background-color: #333333;
	}
	
@media screen and (min-width: 0px) {
  #section {
//    font-size: 17px;
    font-size: calc(17px + (21 - 17) * ((100vw - 320px) / (480 - 320)));
  }
}
@media screen and (min-width: 481px) {
  #section {
    font-size: 21px;
  }
}
@media screen and (min-width: 769px) {
  #section {
    font-size: 21px;
  }
}
@media screen and (min-width: 1025px) {
  #section {
    font-size: 21px;
  }
}

#section-x
	{
	display: none;
	}
	
#headnotes-x
	{
	display: none;
	}


/* de kleuren tijdelijk 'inschakelen' op de pagina recent-gewijzigd.html zie ook offline.js */

.chk
	{
	background-color: black; /* OFF */
	color: white; /* OFF */
	}
	
.x:after /* offline pages */
	{
	content: "offline";	
//	color: #CC3333;
//	font-weight: bold;
//	font-style: normal;
//	margin-left: 0.50em;
//	font-size: 0.98em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-style: normal;
	margin-left: 0.50em;
	}	
.o a /* online pages */
	{
//	background-color: #FDFF80; /* OFF */
//	background-color: orange; /* OFF */
	}
	
.recent
	{
	text-transform: none;
	padding: 1em 0 1em 0;
	font-weight: bold;
	}