html, body {
	color: #000000;
	background-color: #FFFFFF;
}

p {
	text-wrap: balance;
}

a{
	color: blue;
}

strong {
	display: block;
	margin: 1.2em 0;
}

.dots{
	background-image: repeating-linear-gradient(to right, red 0 8px, transparent 8px 16px);
	margin-top: 5px;
	margin-bottom: 5px;
	height: 8px;
}


ul {
  list-style: none;
  padding-left: 1.2em;


  li::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: red;
    margin: -.25em 0.5em 0 0;
    vertical-align: middle;
  }
}

ul li p {
	margin: 0 0 0 22px;
}

div.sidebar {
	position: sticky;
	top: 0;
	height: 95vh;
	float: right;
	margin: 10px;
	max-width: 400px;
}

div.sidebar.mobile {
	display: none;
}

:is(div, blockquote).top {
	border: 1px solid red;
	margin: 20px 0 0 0;
	padding: 0 10px;
}

:is(div, blockquote).quote {
	border: 1px solid red;
	max-width: 500px;
	margin: 20px 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

div.iinl {
	border: 1px solid red;
	width: 380px;
}

div.iinl iframe {
	border: none;
}

p.firstline{
	text-indent: -40px;
	margin-left: 40px;
}

.topAlign {
	vertical-align: top;
	min-width: 70px;
}

.history {
	text-wrap: balance;
}

@media print {
	.noprint {
		display: none;
	}
	
	.history { 
		page-break-before: always;
		font-size: 75%
	}
	.quote {
		page-break-before: always;
	}
	
}

@media screen and (max-width : 950px) {

	div.sidebar {
		display: none;
	}

	div.sidebar.mobile {
		position: initial;
		display: block;
		float: unset;
		max-width: 500px;
		height: auto;
	}

}


/* Lijn met de vierkantjes */
[class*="cubeborder"] {
  all: unset;
  display: block;
  height: 8px;
  background-image: repeating-linear-gradient(90deg, red, red 8px, transparent 8px, transparent 16px);
}

.cubeborder-small {
  width: 128px;
}