body {
	margin:0;
	padding:0;

	font-family: Sans-Serif;
	font-size: 12pt;

	line-height:140%;

	background-image:url(../images/klondyke_background.png);
	background-position:top center;
	background-repeat: repeat-y;

	background-color: #e2cba3;
}

#center
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.mb1em
{
	margin-bottom:1em
}

img {
	border:0;
}

p {
	padding:0;
	margin:0;
	margin-bottom:1em;
}
a, .textlink {
	color: #7e570b;
	text-decoration: underline;
}
a:hover, .textlink:hover {
	color:black;
	text-decoration: none;
}
.textlink {
	cursor:pointer;
}

h1 {
	font-family:Times, Serif;
	color:#d69514;
	font-size:24pt;
	font-weight:bold;
	padding:0;
	margin:0;
	padding-bottom:0.5em;
	letter-spacing:-0.75pt;
	font-style:italic;
	line-height:100%;
}
h2 {
	font-size:14pt;
	padding:0;
	margin:0;
	margin-bottom:0.25em;
}
h3 {
	font-size:12pt;
	font-style: italic;
	/*padding-top:0.25em;
	padding-bottom:1em;*/
	margin:0;
	padding:0;
}

input[type=text], select {
	border-radius: 4px;
	border:1px black solid;
	padding:5px;
	margin-bottom:5px;
}

hr {
	width:50%;
	background: #7e570b;
    height: 1px;
    border: 0px;
    margin-top:3em;
	margin-bottom:3em;
}

h3 + ul {
	margin-top: 0;
}

#quicksearch {
	float:right;
}
#quicksearch input[type="text"] {
	border:1px #7e570b solid;
	padding:2px;
	width:200px;
	background-color:#ffe4b7;
	font-size:11pt;
	border-radius: 4px;
}
#quicksearch input[type="image"] {
	vertical-align:middle;
}

#topbar_logo {
	padding:8px;
	width:238px;
	height:80px;
	background:black;
	float:left;
}
#topbar_logo img {
	margin-top:15px;
	margin-left:25px;
}
#topbar_space {
	background-color:#fcaf17;
	height:80px;
	padding:8px;
}
#menu {
	clear:right;
	float:right;

	font-size:110%;
	font-family: Arial;
	margin:0;
	padding:0;
	padding-top:32px;
	list-style-type: none;
}
#menu .last {
	border-right:0;
	padding-right:0;
}
#menu li {
	float: left;
	overflow:hidden;
	padding:0 10px 0 10px;
	border-right:1px #bd8311 solid;
	margin-left:1px;
	vertical-align:middle;
}
#menu li a {
	color:#7e570b;
	text-decoration: none;
}
#menu li a:hover {
	color:black;
	text-decoration: underline;
}
#menu .active {
	font-weight:bold;
}


#body {
	clear:both;
	padding:32px 16px 16px 16px;
}

label
{
	vertical-align:middle;
	padding-left:4px;
	height:1em;
}


/* ================================================ */
/* http://www.cssstickyfooter.com */
/** {margin:0;padding:0;} */
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main
{
	overflow:auto;
	padding-bottom: 4em;  /* must be same height as the footer */
}

#footer {position: relative;
	margin-top: -4em; /* negative value of footer height */
	height: 4em;
	clear:both;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/* ================================================ */

#footer {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	background:#fcaf17;
	height:4em;
	text-align:center;
	font-size:90%;
	color:#7e570b;

	/*background-color:blue;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

.clear {
	clear:both;
}
/*
#home_rightcolumn {
	clear:both
	float:right;
}
#home_rightcolumn #left {
	float:left;
	padding-left:16px;
	padding-right:16px;
	width:300px;
}
#home_rightcolumn #right {
	float:left;
	width:150px;
}
*/
.ppbox {
	margin-bottom:1em;
	border-top:1px #d69514 solid;
	/*border-left:1px #d69514 solid;*/
	border-collapse: collapse;
	font-size:80%;
	width:100%;
}
.ppbox td, .ppbox th {
	border-bottom:1px #d69514 solid;
	/*border-right:1px #d69514 solid;*/
	padding:4px;
	/*white-space: nowrap;*/
	line-height:120%;
}
.ppbox th {
	text-align:left;
	font-weight:normal;
	/*min-width:225px;*/
}

.center {
	text-align:center;
}


.category_columns
{
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;

	-moz-column-width:310px;
	-webkit-column-width:310px;
	column-width:310px;

	font-size:85%;
}
.category_columns ul
{
	margin-top:0;
	padding-left:2em;
}

/*
.category_main {
	font-weight:bold;
}
.category_sub {
	margin-top:0;
	margin-left:2empx;
	xmargin-left:-10px;
	margin-bottom: 16px;
}
.category_sub li {
	font-weight:normal;
}
.catcolumn {
	width:25%;
	float:left;
	border:1px purple solid;
}
*/




/*
#category_books div {
	float:left;
	border-bottom:1px #888888 solid;
	height:1.25em;
	overflow:hidden;
}
*/
#category_books {
	table-layout: fixed;
	border-collapse:collapse;
	border-spacing:0;
	box-sizing: border-box;
	width:100%;
	border-top:1px #d69514 solid;
	padding-top:0.25em;
}
#category_books td {
	border-bottom:1px #d69514 solid;
	padding:2px;
	padding-bottom:0.5em;
	padding-top:0.5em;
}
#category_books td div {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:120%;
}
#category_books .cata {
}
#category_books .catt {
}
#category_books .catp {
	width:80px;
	text-align:right;
}
#category_books .cati {
	width:56px;
}
#category_books .cati img {
	display:block;
}

#list-books-cover-view {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:0.5em;
}
body.no-css-gap #list-books-cover-view {
	gap:0;
}
body.no-css-gap #list-books-cover-view .item {
	margin-left:0.25em;
	margin-right:0.25em;
	margin-bottom:0.5em;
}
#list-books-cover-view a {
	text-decoration: none;
}
#list-books-cover-view .item {
	border: 2px #e2cba3 solid;
	/*xxbackground-color: #e2cba3;*/
	border-radius: 8px;
	width:150px;
	font-size:9pt;
	line-height:110%;
	text-align:center;
	padding:0.25em;
	box-sizing: border-box;
}
#list-books-cover-view .text-line {
	height:calc(1.1em);		/* 1 line * 1em * 110% line-height */
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#list-books-cover-view img {
	width:100%;
}

.bold {
	font-weight:bold;
}

#booktable {
	margin-top: 1em;
	margin-bottom:1em;
	border-collapse: collapse;
	border-top: 1px #d69514 solid;
}
#booktable th, #booktable td {
	padding-top:4px;
	padding-bottom:4px;
}
#booktable th {
	font-weight:bold;
	text-align:left;
	white-space: nowrap;
	vertical-align:top;
	/*min-width:150px;*/
}
#booktable th div {
	width:150px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#booktable td {
	width:100%;
}
#booktable tr {
	border-bottom: 1px #d69514 solid;
}

/*
#bookcover {
	float:right;
	margin-left:32px;
}
*/

.calendar_item {
	margin-top:0;
	margin-bottom:1em;
}

.page_browser {
	text-align:center;
	font-size:90%;
}
.page_browser a {
	text-decoration: none;
}
.page_browser a:hover {
	text-decoration: underline;
}

.sort_panel
{
	text-align:center;
	font-size:90%;
	padding-bottom:1.5em;
}
.sort_panel a {
	text-decoration: none;
}
.sort_panel a:hover {
	text-decoration: underline;
}



#cart_table {
	border-collapse: collapse;
	margin-top:1em;
	margin-bottom:2em;
	border-top: 1px #d69514 solid;
	line-height:120%;
}
#cart_table th {
	text-align:left;
	font-weight:bold;
}
#cart_table td, #cart_table th {
	padding:4px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom: 1px #d69514 solid;

	/*
	xborder-left: 1px #d69514 solid;
	xborder-right: 1px #d69514 solid;
	*/
}
#cart_table .carti {
	width:32px;
}
#cart_table .carta {
	width:25%;
}
#cart_table .cartt {
	width:75%;
}
#cart_table .carti img {
	display:block;
}
#cart_table .cartp {
	width:80px;
	text-align:right;
	white-space:nowrap;
}
#cart_table .cartd {
	width:16px;
	white-space:nowrap;
}
#cart_table .cartd img {
	display:block;
}
#cart_table .cart_total {
	font-weight: bold;
}

#orderform {
	width:100%;
}

#orderform .block {
	margin-bottom: 1em;
	/*white-space: nowrap;*/
}
#orderform .header {
	font-style: italic;
}
#orderform .caption {
	float:left;
	width:110px;
	overflow:hidden;
	white-space: nowrap;
	letter-spacing:-0.8px;
	overflow:hidden;
	margin-bottom:0.25em;
	text-align:right;
	font-weight:bold;
	margin-right:8px;
	text-align:left;
}
#orderform .input {
	margin-bottom:0.25em;
}

.blackborder {
	border:1px black solid;
}

.buttonstyle {
	display:inline;
	vertical-align:middle;
	margin-right:8px;
}


#imageplaceholder {
}

.paddingbottom {
	padding-bottom:1em;
}

.checkboxlist {
	width:250px;
	float:left;
}

#page-search {
	box-sizing: border-box;
}
#page-search .col1 {
	box-sizing: border-box;
	padding-right:1em;
	float:left;
	width:60%;
	padding-bottom:1em;
}
#page-search .col1 h2 {
	margin-top:1em;
}
#page-search .col2 {
	box-sizing: border-box;
	float:left;
	width:40%;

	background:#fcaf17;
	border-radius: 8px;
	padding:1em;
	margin-bottom:1em;
}
#page-search .col2 form {
	display: flex;
}
#page-search .col2 input[type=text] {
	box-sizing: border-box;
	margin-bottom:1em;
	width:100%;
}
#page-search .col2 input[type=image] {
	padding-left:0.25em;
	margin-top:5px;
}

.cover-select-container {
	/*background-color:red;*/
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cover-select {
	margin:1px;
	padding:1px;
}
.cover-select img.active {
	box-sizing: border-box;
	border:2px #7e570b solid;
	border-radius: 8px;
	padding:3px;
}
.cover-select img.inactive {
	box-sizing: border-box;
}

#related img {
}

.smallsearchicon {
	width:16px;
	height:16px;
}

div.language
{
	float:right;
	margin-right:1em;
	font-size:10pt;
	color:#7e570b;
}
div.language span
{
	margin-right:0.75em;
}
div.language span:last-child
{
	margin-right:0;
}
div.language span img
{
	margin-right:4px;
}
div.language span a
{
	color:#7e570b;
	text-decoration:none;
}
div.language span a:hover
{
	text-decoration:underline;
}

.share {
	float:right;
	margin-left:1em;
}

#menu .language {
	display:none;
	float:none;
	margin-top:2em;
}
#menu li.menu-language {
	box-sizing: border-box;
	width:100%;
}
#menu li.menu-language a:hover {
	background-color:transparent;
	text-decoration: underline;
}

#hamburger-menu {
	display:none;
	float:right;
	padding-top:8px;
	padding-right:8px;
}
#hamburger-menu img {
	width:36px;
	height:36px;
	cursor:pointer;
}

#home {
	box-sizing: border-box;
}
#home .col1 {
	float:left;
	padding-right:1em;
	box-sizing: border-box;
	/*background-color:blue;*/
	width:calc(50% - 75px);
}
#home .col2 {
	float:left;
	padding-right:2em;
	box-sizing: border-box;
	/*background-color:green;*/
	width:calc(50% - 75px);
}
#home .col3 {
	float:left;
	/*background-color:red;*/
	box-sizing: border-box;
	max-width:150px;
}
#home .col3 div:last-child {
	display:none;
}
#home .col3 div {
	width:150px;
	font-size:75%;
	padding-bottom:1em;
	text-align:center;
}
#home .col3 div img {
	max-width:150px;
	max-height:150px;
	width:100%;
	height:100%;
}
.picture {
	box-sizing: border-box;
	width:100%;
	text-align:center;
	border-radius: 8px;
}

#page-book .col1 {
	width:70%;
	float:left;
	box-sizing: border-box;
	/*background-color:red;*/
	padding-right:1em;
	padding-top:0;
}
#page-book .col2 {
	width:30%;
	float:left;
	box-sizing: border-box;
	/*background-color:blue;*/
}
#page-book .col2 .bookcover-image {
	text-align:center;
}
#page-book .col2 .bookcover-image img {
	width:100%;
	height:auto;
}
#page-book .related {
	clear:both;
	padding-top:2em;
	padding-bottom:1em;
}
#page-book p.book-disclaimer {
	font-style:italic;
}

#page-cart .col1 {
	box-sizing: border-box;
	width:65%;
	float:left;
	padding-right:2em;
}
#page-cart .col2 {
	box-sizing: border-box;
	width:35%;
	float:left;
	background-color:#fcaf17;
	padding:16px;
	border-radius: 8px;
}

#page-order #gegevens_div, #page-order #bezorgadres_div {
	margin-top:1em;
}
#page-order #bezorgadres_div {
	display:none;
}
#page-order .col1 {
	box-sizing: border-box;
	width:60%;
	float:left;
	padding-right:2em;
}
#page-order .col2 {
	box-sizing: border-box;
	width:40%;
	float:left;
	background-color:#fcaf17;
	padding:16px;
	border-radius: 8px;
	font-size:85%;
}
#page-order textarea {
	width:100%;
	height:64px;
}
#page-order input[type=text] {
	width:100%;
}
#page-order input[type=submit] {
	width:150px;
	padding:10px;
	cursor:pointer;
	margin-bottom:2em;
}

#page-contact
{
	margin-bottom:1em;
	display:flex;
	flex-basis: 100%;
	justify-content: space-between;
	gap: 1em;
	flex-wrap: wrap;
}
#page-contact h2
{
	margin-bottom:0.5em;
}
#page-contact .col {
	flex: 1 1 0;

	box-sizing: border-box;
	border-radius: 8px;
	padding:1em;
	background-color:#e2cba3;
}
body.no-css-gap #page-contact .col {
	margin-bottom:1em;
}

@media only screen and (min-width: 1000px) {
	#menu {
		display:block!important;
	}
}
@media only screen and (max-width: 999px) {
	#center {
		width:auto;
	}
	#topbar_logo {
		padding:0px;
		width:180px;
		height:70px;
		background:black;
		float:left;
	}
	#topbar_logo img {
		margin-top:14px;
		margin-left:10px;
		width:150px;	/* 80% of 188px */
		height:40px;	/* 80% of 50px */
	}
	#topbar_space {
		background-color:#fcaf17;
		height:62px;
		padding:4px;
	}
	#hamburger-menu {
		display:inline;
	}
	div.language {
		display: none;
	}
	#menu .language {
		display:block;
		text-align:center;
	}
	#menu {
		display:none;
		position:absolute;
		float:none;
		background-color:#fcaf17;
		min-width:200px;
		padding:1em;
		right:0.5em;
		top:55px;
		border-radius: 8px;
		box-shadow: 0 2px 35px -15px #000;
		z-index:1000;
	}
	#menu li {
		border-right:0;
		border-top:1px #bd8311 solid;
	}
	#menu li:not(.menu-language) {
		float: none;
		padding-left:0;
		z-index:1001;
	}
	#menu li a {
		width:100%;
	}
	#menu li:not(.menu-language) a {
		display:block;
		padding:10px;
	}
	#menu li:not(.menu-language) a:hover {
		background-color:#bd8311;
		text-decoration: none;
	}
	/*#menu li:last-child {
		border-bottom:1px #bd8311 solid;
	}*/

	form#quicksearch {
		padding-top:14px;
		/*background-color:Red;*/
		padding-right:3em;
	}
	form#quicksearch div {
		clear:right;
	}

	#home .col1 {
		width:50%;
	}
	#home .col2 {
		width:50%;
		padding-right:0;	
	}
	#home .col3 {
		clear:both;
		float:none;
		width:100%;
		max-width:100%;
		/*background-color:yellow;
		border:1px black solid;*/

		display:flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		margin:0;
		padding:0;
		gap:1em;
	}
	#home .col3 div {
		/* float:left; */
		margin-top:1em;
		/*background-color:purple;*/
		width:25%;
		max-width:125px;
	}
	#home .col3 div img {
		width:100%;
		height:100%;
	}
	#home .col3 div:last-child {
		display:block;
	}
	#footer {
		width:100%;
		line-height:120%;
	}
	#list-books-cover-view .item {
		width: 125px;
	}
}
@media only screen and (max-width: 800px) {
	#page-book .col1, #page-book .col2 {
		padding-right:0;
		width:100%;
		float:none;
	}
	#page-book .col2 {
		padding-top:1em;
	}
	#page-cart .col1, #page-cart .col2 {
		padding-right: 0;
		width:100%;
		float:none;
	}
	#page-cart .col2 {
		margin-top:2em;
	}
	#page-order .col1, #page-order .col2 {
		width:100%;
		float:none;
	}
	#page-search .col1, #page-search .col2 {
		float:none;
		width:100%;
	}
	#page-search .col1 {
		padding-right:0;
		padding-bottom:2em;
	}
	form#quicksearch {
		padding-right:2em;
	}
	#home .col3 div:last-child {
		display:none;
	}
	#booktable th div {
		width:120px;
		font-size:85%;
	}
	#list-books-cover-view .item {
		width: 100px;
	}
}
@media only screen and (max-width: 600px) {
	#topbar_logo {
		padding:0px;
		width:140px;
		height:60px;
		background:black;
		float:left;
	}
	#topbar_logo img {
		margin-top:14px;
		margin-left:10px;
		width:112px;	/* 60% of 188px */
		height:30px;	/* 60% of 50px */
	}
	#topbar_space {
		background-color:#fcaf17;
		height:52px;
		padding:4px;
	}
	form#quicksearch {
		padding-right:1em;
	}
	form#quicksearch input[type="text"] {
		width:130px;
	}
	#smallsearchicon {
		/*xdisplay:none;*/
	}
	#home .col1, #home .col2 {
		padding-right:0;
	}
	#home .col1, #home .col2 {
		width:100%;
	}
	#home .col2 {
		margin-top:1em;
	}
	#cart_table {
		font-size:90%;
	}
	/*#cart_table .carti {
		display:none;
	}*/
	#booktable th div {
		width:100px;
		font-size:85%;
	}
	#list-books-cover-view .item {
		width: 80px;
		font-size:8pt;
	}
}

#summary_rest {
	display:none;
}

#imageplaceholder:not(.default) {
	cursor:zoom-in;
}

#blocker {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.75);
	z-index:10;
}
#blocker .lightbox {
	position:block;
	width:calc(100% - 2em);
	height:calc(100% - 2em);
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin:1em;
}
#blocker .close {
	position:absolute;
	top:2rem;
	right:2rem;
	font-size:64px;
	color:lightgrey;
	cursor:pointer;
	text-shadow: 1px 1px 1px #000;
}
#blocker .close:hover {
	color:white;
	transition-duration: 0.1s;
	transform: scale(1.25);
}
#blocker .close:after {
	content: '×';
}

.nowrap {
	white-space: nowrap;
}