/*
***
* project public site: MUZEMUS.NL
* object global name: transit.css
* object authored offline: 2018-03-24
* object created offline: 2018-03-25
* styles edited offline: 2022-03-19
* object available online: 2020-11-01
* object withdrawn online: X
* aspect updated online: Null
***
*/

/*
@import url("style-uitdunnen.css");
*/

/* de oude navigatie etc. in- en uitschakelen */

#navigation
	{
	display: none; /* ON */
	}
	
#subnavigation
	{
	display: none; /* ON */
	}
	
h1
	{
//	background-color: pink; /* OFF */
	}
	
h4
	{
//	display: none; /* OFF */
//	background-color: yellow; /* OFF */
	}
	
.context
	{
//	background-color: yellow; /* OFF */
	}
	
#terug-1
	{
	display: none; /* ON */
//	background-color: pink; /* OFF */
	margin-top: 26px;
	}
	
#button_2
	{
//	display: none;
//	background-color: beige;
//	font-size: 0.7em;
//	text-align: right;
//	margin: -1.2em 0em 0em 1.7em;
	}
#button_2
	{
//	display: none;
	float: right;
	width: 100%;
	height: 33px;
	text-align: right;
//	text-align: center;
//	background-color: pink;
	}
@media only screen and (max-width: 479px) {
#button_2
	{
//	display: none;
	}
}
@media only screen and (max-width: 599px) {
#button_2
	{
//	display: none;
	}
}
#button_2-x
	{
	display: none;
	}

/* 'Test van 13-tilt-xx.html' */
#button-4
	{
//	display: none;
//	margin-top: -1px;
	height: 12px;
//	background-color: orange;
//	text-transform: uppercase;
	}
#button-4a
	{
	float: left;
//	background-color: yellow;
	}
#button-4b
	{
	float: right;
//	background-color: yellow;
	}

	
.extra
	{
	display: none;
//	background-color: yellow; /* x */
	}
	
.table
	{
	background-color: white;
	}
	
	
	
/* de nieuwe stijlen */

/*
	display: none;
*/

#top
	{
	
	}
	
.invisible
	{
	display: none;
	}
	
#site_identity
	{
	display: none;
	}
	
#mus_2
	{
	display: none;
	}
	
#mus_1
	{
	display: none;
	}
	
#language
	{
	display: none;
	}
	
#home
	{
	display: none;
	}
	
#social
	{
	display: none;
	}
	
#mini_container_scroll_2
	{
//	position: relative;
//	float: left;
	width: 100%;
	height: 370px;
	overflow: scroll;
//	margin: 1em 0 0 0;
	}
#mini_container_scroll_2_bg
	{
 	background-image: url(images/k-behang.jpg);
 	background-repeat: repeat;
 	width: 10011px;
	height: 6085px;
	}
	
#mini_container_scroll_3
	{
//	position: relative;
//	float: left;
//	width: 100%;
	max-width: 495px;
	height: 338px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 1em 0 1em 0;
	border: 1px solid black;
//	background-color: silver;
//	background-color: red;
	text-align: center;
	}
	
table.padded_table_1
	{
//	background-color: red;
	}
	
table.padded_table_2
	{
//	background-color: green;
	}
	
.padded_table_2_x
	{
//	background-color: #FFFFFF;
	color: #848484;
	}
	
.celcolor_4_x
	{
//	background-color: #EDE6DC;
	color:#848484;
	}
	
table.padded_table_3
	{
//	background-color: blue;
	}
	
table.padded_table_4
	{
//	background-color: yellow;
	}
	
table.padded_table_5
	{
//	background-color: pink;
	}
	
div.padded_table_6
	{
//	background-color: lightsteelblue;
	}
	
div.padded_table_6 img
	{
max-width: 100%; height: auto;
box-sizing: content-box;
	}
	
div.padded_table_6 span
	{
//	white-space: wrap;
	}
	
div.padded_table_7
	{
//	background-color: grey;
//	border: #000000 1px solid;
	}
	
div.padded_table_7 img
	{
max-width: 100%; height: auto;
box-sizing: content-box;
	}
	
div.padded_table_8
	{
//	background-color: orange;
	}
	
	
	
	
div.padded_table_11
	{
//	max-width: 302px;
//	background-color: salmon;
	}
	
div.padded_table_11 img
	{
	border: solid 1px;
	border-color: black;
//	outline: 1px solid green;
//	margin-left: 1px;
//	max-width: 100%; height: auto;
//	box-sizing: content-box;
	margin-bottom: 0.8em;
	}
	
div.padded_table_11 p
	{
	font-size: 0.9em;
//	font-weight: bold;
	}
	
	
	
	
div.padded_table_12 img
	{
	max-width: 100%; height: auto;
	box-sizing: content-box;
	}
	
/* de afbeeldingen tijdelijk 'uitschakelen' */

div#facturen
	{
	border: solid 1px; /* ON */
	margin-bottom: 3em; /* ON */
//	margin-bottom: 4em; /* OFF */
	border-color: black;
	background-image: url(images/no_photo_large.gif);
	background-repeat: no-repeat;
//	width: 300px; /* probleem */
	height: 424px;
//	max-width: 100%; /* probleem */
	max-width: 300px;
	}
div.padded_table_11
	{
	display: none; /* ON */
	}

	/* ON */
p > img
	{
	/* Replace image */
	width: 0;
	height: 0;
	padding: 150px 200px 0 0 !important; /* New image's dimensions here */
	background: url(images/no_photo.gif);
	/* Removing image from older Opera */
	content: "";
	display: inline-block;
	}
	
	/* ON */
div.padded_table_12 img
	{
	/* Replace image */
	width: 0;
	height: 0;
	padding: 150px 200px 0 0 !important; /* New image's dimensions here */
	background: url(images/no_photo.gif);
	/* Removing image from older Opera */
	content: "";
	display: inline-block;
	}
	
div#mini_container_scroll_3 img
	{
	display: none; /* ON */
	}
#mini_container_scroll_3:before
	{
	content: "< NO PHOTO >"; /* ON */
	}
	
	
	
	
#labels h4
	{
	margin: 2.4em 0em 1.9em 0em;
	}
	
#labels p
	{
	margin: 0em 0em 0em 0em;
	font-size: 0.95em;
	}
	
@media (max-width: 320px) {
	div.padded_table_11 img {
//		margin-left: -1px;
	}
	#labels h4 {
		font-size: 1.0em; /* was eerst 4.8vw */
	}
//	.sitemap_arrow_right {
//		list-style-position: inside;
//		background-color: yellow;
		list-style: none;
		padding-left: 0px;
//	list-style-image: url(images/sitemap_arrow_right.gif);
//	list-style-type: disc;
//	list-style-position: outside;
	}
//	.sitemap_arrow_right ul li {
	list-style-type: square;
	}
	.sitemap_arrow_right li {
	list-style-type: square;
	}
//	.sitemap_arrow_right {
	font-size: 0.75em;
//	background-color: yellow;
	}
	.sitemap_arrow_right {
//	max-width: 290px; /* deze lukt niet */
	width: 290px;
	max-width: 100%;
	margin: auto;
//	background-color: yellow;
//	overflow: hidden; /* niet nodig */
//	display: block; /* niet nodig */
	}
}

@media (max-width: 599px) {
	a.info:hover span { /* the span will display just on :hover state */
		display: none !important;
	}
}

@media (min-width: 400px) {
	.pull-left-md {
		float: left;
		width: 48%;
    }
    .pull-right-md {
		float: right;
		width: 48%;
    }
	#labels h4 {
		font-size: 1.4em;
	}	
	.sitemap_arrow_right li {
	list-style-type: square;
	}
}

#mini_container_6 img
	{
max-width: 100%; height: auto;
box-sizing: content-box;
	}
#mini_container_scroll img
	{
max-width: 100%; height: auto;
box-sizing: content-box;
	}
	
.celcolor_3
	{
	background-color: #EDE6DC;
	}
#mini_left table
	{
	width: 100%;
	text-align: right;
	background-color: #FFFFFF;
	}
#mini_right table
	{
	width: 100%;
	text-align: right;
	background-color: #FFFFFF;
	}
	
#start
	{
	width: 100%;
//	margin: -0.1em 0 0.25em 0em;
//	height: 22em;
	}
#button
	{
//	font-size: 0.85em;
//	text-align: right;
	margin: 1em 0em 0.5em 0em;
	}
	
.scroll-wrapper {
	display: inline-block;
	-webkit-overflow-scrolling: touch !important;
	width: 100%;
	height: 500px;
	overflow-y: auto !important;
    }

//.no-scroll-wrapper {
	display: block;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
    }
	
.no-scroll-wrapper {
	width: 100%;
    }
	
#ifrm
	{

	}
	
#align_2
	{
//	display: none;
	}
	
.bread /* het oude kruimelspoor */
	{
	color: black;
	font-weight: bold;
	}
	
	
	
	
	
.tester
	{
//	display: none;
	}
	
#facturen
	{
	margin-top: 1.6em;
	margin-bottom: 1.4em;
	}
	
.foo
	{
	outline: 1px solid red;
	margin-left: 1px;
	}
	
	
	
	
	
#headnotes
	{
	margin-top: 1.8em;
	margin-bottom: 1.7em;
	margin-left: 0em;
	border-top: solid 0.09em #000000;
	}
	
#notice
	{
	font-size: 1.3em;
	text-align: left;
	line-height: 1.5;
	margin: 0 0 0.25em 0;
	}
	
.info_red
	{
	color: #CC3333;
	font-weight: bold;
	font-style: normal;
	margin-left: 0.40em;
	}
	
.info-black
	{
	color: #000000;
	font-weight: bold;
	font-style: normal;
	margin-left: 0.40em;
	}
	
	
.object-id
	{
//	letter-spacing: 0.1em;
	letter-spacing: 0.05em;
//	background-color: pink;
	}
.oid_child
	{
//	letter-spacing: 0.1em;
	letter-spacing: 0.05em;
//	background-color: pink;
	}
.oid_child_2
	{
//	letter-spacing: 0.1em;
	letter-spacing: 0.05em;
	text-decoration: line-through;
//	background-color: pink;
	}
.object-id-cat
	{
//	letter-spacing: 0.1em;
	letter-spacing: 0.05em;
//	background-color: yellow;
	font-size: 0.95em;
//	background-color: black;
//	color: white;
//	padding: 0 1px;
	}
	
	
.object-id-2
	{
	letter-spacing: 0.05em;
//	background-color: pink;
	position: relative;
	border-bottom: 0.1em dashed #000000;
	cursor: help;
	}
.object-id-2 .object-id-2-text
	{
	display: none;
	}
.object-id-2:hover .object-id-2-text
	{
	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.25em 0.75em;
	text-align: left;
	z-index: 200;
	letter-spacing: 0em;
	}
.object-id-2-text:after
	{
	content: "Aangepast in JAAR";
	}
	
	
.whitespace_3
	{
	margin-right: 4px;
	}
	
	
#content li.products
	{
	font-size: 1.3em;
	font-style: italic; /* let op of dit overal goed gaat */
	margin: 0.6em 0 0.6em -0.6em; /* hier, tegen kantlijn is -1.0em; */
	}
	
	
#content p.example, .examples h4
	{
	font-size: 1.3em;
	font-style: italic;
	margin: 1.25em 0 1.25em 0em !important;
//	text-indent: -1.25em !important;
	}
.examples h4
	{
	margin-bottom: 0.5em;
	}
p.example > a:before, .examples h4 > a:before
	{
	content: "\2192\00A0";
	font-family: Calibri, sans-serif;
	}
	
	
.asterisk
	{
//	width: 18px;
//	height: 16px;
	width: 1.4em;
	height: 1.4em;
	border: 0;
//	margin-bottom: -0.15em;
//	margin-left: 0.40em;
	margin: -0.15em 0 -0.15em 0.4em
	}
	
	
.informatie p
	{
	line-height: 1.6;
	}
	
	
#align_4
	{
	font-size: 1.1em;
	font-weight: bold;
	color: #CC3333;
	line-height: 1.5;
	margin-bottom: -0.4em;
	margin-top: 1.2em;
	}
#align_4 span /* google translate */
	{
	font-weight: bold;
	}
#align_5
	{
	font-size: 1.1em;
	font-weight: bold;
	color: #007D44;
	line-height: 1.5;
	margin-bottom: -0.4em;
	margin-top: 1.2em;
	}
#align_5 span /* google translate */
	{
	font-weight: bold;
	}
	
	
.marker
	{
	background-color: #FDFF80;
//	background-color: #FEFF99;
//	color: black;
//	padding: 1px 0;
	font-size: 1.1em;
//	line-height: 1.5;
//	font-weight: bold;
	display: inline-block;
//	margin: 1.5em 0;
	}
.marker::before
	{
//	content: "+ ";
	}
.marker::after
	{
//	content: " +";
	}
	
	
.alinea
	{
	margin-top: 1.5em;
	}
	
	
.padded_table_6 img
	{
//	display: none;
	}
	
	
#list li
	{
//	font-size: 0.75em;
//	margin: 0.5em 2em 0 1.2em;
//	margin-left: -1.1em;
	margin-left: -1.5em;
//	background-color: pink;
	}
#list ol
	{
//	margin: 0.5em 2em 0 0.8em;
	}
#list ul
	{
//	margin-bottom: 1.3em;
	}
	
#list li:not(:last-child) {
	margin-bottom: 5px;
//	background-color: yellow;
}

	
#align_1
	{
//	font-size: 0.75em;
//	text-align: right;
	color: #000000;
	line-height: 1.5;
	margin-top: 0.25em;
	
	margin-bottom: 0.75em;
//	background-color: pink;
	}
	
	
#latest_tweet
	{
	font-size: 1.3em;
	font-style: italic;
	}
#latest_tweet small, #latest_tweet a
	{
	color: #000000;
	}
#latest_tweet ul li
	{
	list-style: none;
	overflow: hidden;
//	margin: 10px 0px;
	margin: 20px 0px 20px -3.25em;
	padding: 0 28px 0 28px;
//	background: lightgreen;
	}
	

#content a.external, #subnavigation a.external
	{
	padding-right: 1.0em;
	background: url(images/external.gif) right;
	background-repeat: no-repeat;
	}
#content a.external:hover, #subnavigation a.external:hover
	{
//	padding-right: 1.4em;
//	background: url(images/external_hover.gif) right;
//	background-repeat: no-repeat;
//	background-color: #7BAD8A;
	}
	
	
div.update
	{
	border: solid 1px #000000;
	margin: 1.7em 0 1.7em 0;
	padding: 0.1em 1.3em 1.0em 1.3em;
	}
div.update_2
	{
	border: solid 1px #000000;
	margin: 1.7em 0 1.7em 0;
	padding: 0.9em 1.3em 1.0em 1.3em;
	}
div.update_3
	{
	border: solid 1px #000000;
	margin: 1.7em 0 1.7em 0;
	padding: 1.3em 1.3em 1.0em 1.3em;
	}
	
	
.working
	{
	color: #939393;
	}
.working_left
	{
//	margin-right: -0.30em;
	}
.working_right
	{
//	margin-left: -0.25em;
	}
	
	
h1 span
	{
//	background-color: orange;
	font-weight:normal !important;
	}
	

.let-op
	{
	background-color: red;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	}
.let-op::before
	{
//	content: "+ ";
	}
.let-op::after
	{
//	content: " +";
	}

#mini_container_6
	{
//	position: relative;
//	float: left;
//	width: 41.05em;
//	text-align: left;
//	margin: 1em 0 0 0;
	}
#mini_container_6 img
	{
//	padding: 20px 0 20px 1px;
	padding: 5px 0 30px 1px;
	}

a.disabled, a.disabled:visited, a.disabled:hover, a.disabled:active {
color: gray !important;
cursor: default;
}

/* Adding cursor just works: */
a[aria-disabled="true"] {
cursor: not-allowed !important;
}

/* Makes link non-clickable: */
a[aria-disabled="true"]:active {
pointer-events: none;
}

.hint
	{
	font-weight: bold;
	margin-right: 0.25em;
	}
	
#groep
	{
	display: none;
	}
#gamma
	{
	display: none;
	}
	
.ad-hoc
	{
	margin-left: -1.5em;
	list-style-position: inside;
	}
	
#content p /* standaard bootstrap nieuwe p met marge */
	{
//	background-color: lightsteelblue;
//	margin: 0 !important; /* aan uit */
	/* padding: 0 !important; */
	}
.ruimte-0 /* pseudo bootstrap marge nieuwe p zonder marge - was: <p translate="no">&nbsp;</p> */
	{
//	background-color: purple !important;
	line-height: 0.65;
//	display: none; /* uit aan */
	}
	
.ruimte-1 /* was: <h5 translate="no">&nbsp;</h5> */
	{
//	background-color: orange !important;
	line-height: 1;
	}
.ruimte-me /* memorandum est */
	{
//	background-color: orange !important;
	line-height: 0.1;
	}
	
	
	
#kopje /* VEILING etc. */
	{
	font-size: 1.3em;
	font-weight: bold;
//	text-align: left;
	line-height: 1.5;
//	margin: 0 0 0.25em 0;
//	margin: 1.5em 0;
	margin-top: 22px;
	margin-bottom: 15px;
	}
#kopje span /* google translate */
	{
	font-weight: bold;
	}
	
#kopje_2 /* kop grijze blokjes */
	{
	font-size: 1.25em;
//	text-align: left;
	line-height: 1.5;
	margin: 0 0 0.25em 0;
	}
	
#kopje_3 /* tussenregel object-id bold */
	{
//	font-size: 1.0em;
	font-weight: bold;
//	text-align: left;
//	line-height: 1.5;
	line-height: 2;
//	margin: 0.25em 0 0.25em 0;
//	margin: 0 0 0.35em 0;
	}
#kopje_3 span /* google translate */
	{
	font-weight: bold;
	}
	
#footnotes
	{
	margin-top: 2em;
//	margin-left: 0em;
	border-top: solid 0.09em #000000;
	padding-top: 0.7em; /* nieuw */
	}
* html #footnotes
	{
	margin-left: 0em;
	}
#footnotes li p
	{
	line-height: 1.25;
	}

	
.marker_2
	{
	color: #000;
	/*background-color: #778FCC;*/
	position: relative;
	border-bottom: 0.1em dashed #000000;
	cursor: help;
	}
.marker_2 .marker_2_text
	{
	display: none;
	}
.marker_2:hover .marker_2_text
	{
	display: block;
	position: absolute;
	top: 2em;
//	left: 2em;
//	white-space: nowrap;
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	padding: 0.15em 0.75em 0.25em 0.75em;
	text-align: left;
	z-index: 200;
	}
.marker_2_text:after
	{
	content: "De aanschaf van een hoofdproduct is voor het deelproduct niet vereist";
	}
.marker_3
	{
	color: #000;
	/*background-color: #BDA34F;*/
	position: relative;
	border-bottom: 0.1em dashed #000000;
	cursor: help;
	}
.marker_3 .marker_3_text
	{
	display: none;
	}
.marker_3:hover .marker_3_text
	{
	display: block;
	position: absolute;
	top: 2em;
//	left: 2em;
//	white-space: nowrap;
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	padding: 0.15em 0.75em 0.25em 0.75em;
	text-align: left;
	z-index: 100;
	}
.marker_3_text:after
	{
	content: "Laatste item toegevoegd aan het kruimelspoor in het documenthoofd";
	}
.marker_4
	{
	color: #000;
	/*background-color: #A96BBF;*/
	position: relative;
	border-bottom: 0.1em dashed #000000;
	cursor: help;
	}
.marker_4 .marker_4_text
	{
	display: none;
	}
.marker_4:hover .marker_4_text
	{
	display: block;
	position: absolute;
	top: 2em;
//	left: 2em;
//	white-space: nowrap;
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	padding: 0.15em 0.75em 0.25em 0.75em;
	text-align: left;
		z-index: 50;
	}
.marker_4_text:after
	{
	content: "Het adresveld in het document bevat de naw-gegevens van de klant";
	}
	
	
.regel-specialiteit
	{
	font-size: 1.25em;
	line-height: 1.5;
	margin: 0 0 0.25em 0;
//	background-color: pink;
	}

/* http://v3.danielmall.com/articles/responsive-line-breaks */
/* <br class="rwd-break" /> */
@media screen and (min-width: 768px) {
	.rwd-break { display: none; }
}


#whatever
	{
	margin: -0.65em 0 0 0;
	}

	
/* werkpagina.html */

textarea.hallo {
	width: 100%;
	height: 60px;
	padding: 12px 20px;
	box-sizing: border-box;
	border: 1px solid #000;
//	border: 2px solid #ccc;
//	border-radius: 4px;
	border-radius: 1rem;
//	background-color: #f8f8f8;
	resize: none;
	font-size: 1.3em;
	outline: none;
	overflow: auto;
	}
#is-het-wat
	{
//	margin: -0.65em 0 0 0;
	background: #FFF;
//	border: 1px solid #AAA;
//	border: 2px solid #ccc;
	border: 1px solid #000;
	border-radius: 1rem;
	padding: 2rem;
//	width: 384px;
//	height: 384px;
//	width: 100%;
	max-width: 345px;
	max-height: 345px;	
//	margin: 0 auto;
	}
.square {
	position: relative;
	width: 100%;
//	border: 5px solid red;
//	background: red;
	max-width: 345px;
}
.square:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.content {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* not_found.html / 404.html */

input.hallo {
	width: 100%;
	height: 60px;
	padding: 12px 20px;
	box-sizing: border-box;
	border: 1px solid #000;
//	border: 2px solid #ccc;
//	border-radius: 4px;
//	border-radius: 1rem;
	border-radius: 1rem 0 0 1rem;
//	background-color: #f8f8f8;
	resize: none;
	font-size: 1.3em;
	outline: none;
	overflow: auto;
	}
	
input, textarea, button {outline: none; }

.form-control:focus {
	border-color: black;
	box-shadow: none;
}

.input-group-btn > .btn {
	width: 60px;
	height: 60px;
	border: 1px solid #000;
	border-radius: 0 1rem 1rem 0;
//	font-size: 18px;
	font-size: 21px;
	}
	
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
	border: 1px solid #000;
//	background-color: #EEEEEE!important;
	background-color: #FFFFFF!important;
}


.sitemap_arrow_right li
	{
	list-style-type: square;
	}
	
	
.marker-5
	{
	background-color: #FDFF80;
//	padding: 0.25em 0; /* ('line-height' - 'font-size') / 2 */
	padding: 1px 0;
	}
	
	
#content h1 small
	{
	display: block;
	font-size: 0.6em;
	color: #000;
	margin-bottom: 5px;
	}