@page {
    margin: 1em;
}

/* Default */
p {text-indent: 1em; margin: 0 0 0 0;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0 0; font-weight: normal; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
div {margin: 0 0 0 0;}
sup {line-height: 0}
img {text-indent: 0em}
table {border-spacing: 0}
td {padding: 2pt}
td p {text-align: left}
a.none{color:inherit; text-decoration:none; -webkit-text-fill-color:inherit;}

/* Pagebreak */
.pagebreak {page-break-before: always}

/* Cover */
.cover {margin: 0 0 0 0; text-align: center; background-color: #ffffff;}
.coverimage {height: 100%; text-align: center; margin: 0 0 0 0}

/* Titlepage */
.author {font-size: 150%; font-style: normal; font-weight: normal; text-indent: 0; margin: 10% 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.title {font-size: 150%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 3em 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.title1 {font-size: 130%; font-style: normal; font-weight: normal; text-indent: 0; margin: 0 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.subtitle {font-size: 100%; font-style: normal; font-weight: normal; text-indent: 0; margin: 2em 0 2em 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.logo {text-indent: 0; text-align: center; margin: 30% 0 0 0}

/* Copyright */
.copyright1 {font-size: 80%; text-indent: 0; margin: 2em 0 0 0; text-align: center}
.copyright2 {font-size: 80%; text-indent: 0; margin: 1em 0 0 0; text-align: center}

/* Dedication */
.dedication {font-size: 100%; font-style: normal; font-weight: normal; text-indent: 0; margin: 20% 0 0 0; text-align: center}

/* Table of Contents */
.tochead {font-size: 140%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 3em 0; text-align: center}
.toc {font-size: 100%; font-style: normal; font-weight: normal; text-indent: -1em; margin: 1% 0 0 2em; text-align: left}
.toc1 {font-size: 100%; font-style: normal; font-weight: normal; text-indent: -1em; margin: 1em 0 0 1em; text-align: left}

/* Header */
h4.halftitle {font-size: 150%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 0 0 ; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.partnum {font-size: 150%; font-style: normal; font-weight: bold; text-indent: 0; margin: 10% 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.partnum2 {font-size: 150%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 15% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.parttitle {font-size: 150%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 1em 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.chapnum {font-size: 130%; font-style: normal; font-weight: normal; text-indent: 0; margin: 0 0 15% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.chapnum2 {font-size: 130%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 2em 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.chaptitle {font-size: 130%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 15% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}

/* Front Matter */
h4.fronthead {font-size: 150%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 15% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.gaiji{
	width: 10.8em;
}
.gaiji2{
	width: 8em;
}
.box1{
	border-top: 2px solid; border-bottom: 2px solid; padding-top: 1em; padding-bottom: 1em; margin: 2em 1em 2em 1em;
}
/* Block Quote 
Ex. 
<div class="blockquote">
<p>text</p>
<p class="textbreak">text</p>
</div>
*/
div.blockquote {margin: 1em 0 1em 0;}

/* Line Spacing 
Use 
<p>&nbsp;</p> 
to insert empty line space.
Ex.
<p>Text</p>
<p>&nbsp;</p>
<p>Text</p>

.topbot {margin-top: 1em; margin-bottom: 1em}
.topbot2 {margin-top: 2em; margin-bottom: 2em} 
.top {margin-top: 1em; margin-bottom: 0em}
.top2 {margin-top: 2em; margin-bottom: 0em}
.bot {margin-bottom: 1em; margin-top: 0em}
.bot2 {margin-bottom: 2em; margin-top: 0em} 
*/

/* Lists 
Ex.
<div class="list">
<p>1. List 1</p>
<p>2. List 2</p>
</div>
*/
div.list{margin: 1em 0 1em 0;}
ul {margin: 0 0 0 0;}
.ul {margin: 0 0 0 1em}
.ul2 {margin: 1em 0 0 1em}

/* Back Matter */
h4.backhead {font-size: 100%; font-style: normal; font-weight: normal; text-indent: 0; margin: 10% 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.footnote {text-indent: 0; margin: 1em 0 0 0}
.index {margin: 0 0 0 1em; text-indent: -1em}

/* for textfirst:first-line only */
/*.textfirst {font-size: 100%; text-indent: 0; margin: 0 0 0 0;}
p.textfirst:first-line {font-family: sans-serif}*/

/* Sections/Sub-Sections */
.textfirst {font-size: 100%; text-indent: 0; margin: 0 0 0 0}
.head1 {font-size: 120%; font-style: normal; font-weight: normal; text-indent: 0; margin: 2em 0 .5em 0; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.textafterhead1 {font-size: 100%; font-style: normal; font-weight: normal; text-indent: 0; margin: 1em 0 0 0}
.head2 {font-size: 120%; font-style: normal; font-weight: bold; text-indent: 0; margin: 2em 0 0 0; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.textafterhead2 {font-size: 100%; font-style: normal; font-weight: normal; text-indent: 0; margin: 1em 0 0 0}

/* Figures, Images, Captions */
.caption {font-size: 80%; font-style: normal; font-weight: normal; text-indent: 0; margin: 1% 0 0 0; text-align: center}
div.figure{margin: 1em 0 1em 0; page-break-inside: avoid;}
div.figure1{margin: 1em 0 0 0; page-break-inside: avoid;}
div.lock{page-break-inside: avoid;}

/* Fontsize */
.sc {font-size: 80%} /* Add a Comment if edited */
.f110 {font-size: 110%}
.f120 {font-size: 120%}
.f130 {font-size: 130%}
.f140 {font-size: 140%}

/* Miscellaneous */
.textbreak {margin: 1em 0 0 0; text-indent: 0}
.textbreak1p {margin: .5em 0 0 0; text-indent: 0}
.textbreak2 {margin: 2em 0 0 0; text-indent: 0}
.block {margin: 0 1em 0 1em; text-indent: 0}
.block1 {margin: 0 0 0 1em; text-indent: 0}
.noindent {text-indent: 0}
.center {text-indent: 0; text-align: center}
.center1p {text-indent: 0; text-align: center; margin: .5em 0 0 0}
.center1 {text-indent: 0; text-align: center; margin: 1em 0 0 0}
.center1a {text-indent: 0; text-align: center; margin: 1em 0 0 0}
.center2 {text-indent: 0; text-align: center; margin: 2em 0 0 0}
.right {text-indent: 0; text-align: right}
.right1 {text-indent: 0; text-align: right; margin: 1em 0 0 0}
.hang1 {text-indent: -1em; margin: 0 0 0 1em}
/*.sans {font-family: sans-serif}*/
.gray {color: gray}
.sansgray {color: gray}
span.display {display: inline-block}
table.tablecen {display: inline-table; text-align: left}

/* Boxes */
div.box2 {border-top: 1pt black dashed; border-right: 1pt black dashed; border-bottom: 1pt black dashed; border-left: 1pt black dashed}
div.box3 {border-top: 2pt solid; border-right: 2pt solid; border-bottom: 2pt solid; border-left: 2pt solid; padding-top: 1pt; padding-right: 1pt; padding-left: 1pt; padding-bottom: 1pt;}

/* Additional */
.break {text-indent: 0; text-align: center; margin: 1.25em 0 1.25em 0}
.break1 {text-indent: 0; text-align: center; margin: 1.25em 0 0 0}

/* margin 15% */
div.top15{margin: 15% 0 0 0}


/* Full bleed: */
.portraithfull1 {height: 100vh;}
.portraithfull2 {text-align: center; text-indent: 0em}
img.imgportraitfull{height: 100%;text-align: center;text-indent:0}

/* with caption */
.h100 {height: 100%; height: 100vh;}
.h90 {height: 90%; height: 90vh;}
.h80 {height: 80%; height: 80vh;}
.h70 {height: 70%; height: 70vh;}
.h60 {height: 60%; height: 60vh;}
.h50 {height: 50%; height: 50vh;}
.h40 {height: 40%; height: 40vh;}
/*
.vh100 {max-height: 100vh;}
.vh90 {max-height: 90vh;}
.vh80 {max-height: 80vh;}
.vh70 {max-height: 70vh;}
.vh60 {max-height: 60vh;}
.vh50 {max-height: 50vh;}
.vh40 {max-height: 40vh;}*/

.w100 {width: 100%;}
.w90 {width: 90%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w65 {width: 65%;}
.w60 {width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.portraith2 {text-align: center; text-indent: 0em}
img.imgportrait{height: 80%;text-align: center;text-indent:0}

/* landscape */
.w100 {width: 100%;}
.w90 {width: 90%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w60 {width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.landscapew2 {text-align: center; text-indent: 0;width:100%}
img.imglandscape{width: 80%;text-align: center;text-indent:0}

/* Table Grid */
.td1 {border-top: 1px solid; border-left: 1px solid;}
.td2 {border-top: 1px solid; border-right: 1px solid; border-left: 1px solid;}
.td3 {border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid;}
.td4 {border: 1px solid;}

/* Dropcap - standard */
.dropcap
{
font-size: 300%;
line-height: 0em;
}
@media amzn-kf8
{
.dropcap
{
font-size: 1.4em;
line-height: 0em;
}
}
@media amzn-mobi
{
.dropcap
{
font-size: 1.4em;
line-height: 0em;
}
}
.boekstaaf { margin: 15px; display: none; border-bottom-color: #313935; background: #303039; border-top-color: #373637; text-decoration: none; border: 1px solid; font-size: 12px; padding: 8px; color: #303030; vertical-align: top;  }