/* CSS for the coins pages */

:root {
	--header-height: 50px;
	/*--footer-height: 90px; -- with paypal */
	--footer-height: 45px;
	--scrollable-section-height: calc(100vh - (var(--header-height) + var(--footer-height)));
}

.cLeader{width: 1%;}
.cTrailer{width: 1%;}

#maintable
{
width: 100%;
}

.header th {
	text-align: left;
}
table {
	border-width: 1px;
	border-spacing: 1px;
	/*border-style: outset;*/
	border-color: gray;
	border-collapse: separate;
border: none;
	/* background-color: white; */
	background-color: transparent;
	width: 100%;
}
thead {color:green;}
tbody {color:blue;}
tfoot {color:red;}

h1 {color:green;}
h2 {color:green;}
h3 {color:green;}

.cHaveIt
{
}
.cHaveItText
{
	cursor: pointer;
}
.cMissing
{
}
.cMissingText
{
	cursor: pointer;
	color: red;
}
.cMissing A:link
{
	color: red;
}
.cMissing A:visited
{
	color: purple;
}

.cCountryDescriptionHeader
{
	text-align: left;
}

.cCountryDescription
{
	background-color: lightgray;
	color: black;
	text-align: left;
}

.cGroupDescriptionHeader
{
	text-align: left;
}

.cGroupDescription
{
	background-color: lightgray;
	color: black;
	text-align: left;
}

.cHeaderLine
{
	text-align: center;
}

.cBasicLine
{
	text-align: center;
}

.cImageLine
{
	background-color: white;
}

.cImageCol
{
	text-align: top; /* center; */
	text-align: center;
	vertical-align: top;
	background-color: white;
}

.cImgHeight_0
{
	height: 0px;
}
.cImgHeight_65
{
	height: 65px;
}
.cImgHeight_165
{
	height: 165px;
}
.cImgHeight_340
{
	height: 340px;
}

.cImageColLeader,
.cImageColTrailer
{
background-color: lightblue !important;			/* Same as body background color */
}

th {
	text-align: left;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
border: none;
	/* background-color: white; */
	background-color: transparent;
	/*-moz-border-radius: ;*/
}
td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
border: none;
	/* background-color: white; */
	background-color: transparent;
	-moz-border-radius: ;

	vertical-align: top;
}

hr.cHeaderSeperator
{
	border: 1px dashed orange; /* #c00; */
}

.dataYear {
	width: 5%;
	color: black;
	text-align: right;
}
.dataValue {
	width: 5%;
	color: black;
	text-align: right;
}
.dataDescription {
	width: 23%;
	color: black;
	text-align: left;
}

.data {
	height: 10px;
}

span.dataValue {
	font-size: 10px;
}

body
{
	background-color: lightblue;
}

*
{
	font-family: verdana;
	/*font-size: normal;*/
	text-align: left;
	/* background-color: #FFFFCC; */
	/* color: #000000; */
}

/* link: #0033CC;  alink: #FF9900; */
a.visited
{
	color: #993399;
}

body
{
	background-repeat: repeat; /* no-repeat; */
}

th, td
{
	font-family: verdana;
	/*font-size: normal;*/
	padding-left: 10px;
	height: 20px;
	/*border: none;*/
	/*border-collapse: collapse;*/
	border: darkgrey 1px dotted;
	border-bottom: 0;
	vertical-align: top;
	text-align: left;
}

caption
{
	line-height: 30px;
	text-indent: 5px;
}


div#multicolumn3
{
/*
NOG NIET ONDERSTEUND

	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-moz-column-width: 400px;

	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	-webkit-column-width: 400px;
*/
	column-count: 3;
	column-gap: 20px;
column-width: 400px;
column-rule: none;

}

/* Classes */

.nolinesTable,
.nolinesTable table,
.nolinesTable tr,
.nolinesTable th,
.nolinesTable td
{
	height: 10px;
	padding: 0;
	border-width: 0;
	border-spacing: 0;
	border-style: none;
	/*border-collapse: none;*/
}

.nolinesTableSmall,
.nolinesTableSmall table,
.nolinesTableSmall tr,
.nolinesTableSmall th,
.nolinesTableSmall td
{
	height: 10px;
	padding: 0;
	border-width: 0;
	border-spacing: 0;
	border-style: none;
	/*border-collapse: none;*/

	font-size: 7px;
}

.nolinesTableSmall h1
{
	height: 16px;
	font-size: 13px;
	vertical-align: bottom;
	color: darkgreen;
}

.nolinesTableSmall h2
{
	height: 14px;
	font-size: 11px;
	vertical-align: bottom;
	color: green;
}

.lands
{
}

.coins
{
}

.collection
{
}

body
{
	overflow: hidden;
}

#mainContainer
{
	display: flex; /* displays flex-items (children) inline */
	flex-direction: column; /* stacks them vertically */
	height: 100vh; /* needs to take the parents height, alternative: body {display: flex} */
}

.pageHeaderBlock
{
	flex: initial; /* 0; */
	min-height: var(--header-height);
	color:blue;
}
.pageFooterBlock
{
	flex: initial; /* 0; */
	min-height: var(--footer-height);
	color:blue;
}

.pageDataBlock
{
	/*height: var(--scrollable-section-height);*/
	/*background-color: red;*/

	flex: 1; /* takes the remaining height of the "container" div */
	overflow: auto; /* to scroll just the "main" div */
}

#scrolldiv
{
/* show scrollcontrol */
/*	height: 480px; */
/*	overflow: auto; */
}

/* Default wel laten zien */
.HideOnPrinter
{
/*	visibility: visible; */
	/* Initially hide it */
	visibility: hidden;
}
.OnlyOnPrinter
{
	visibility: hidden;
}

#intro
{
	background-color: gray;
}

#notes
{
	background-color: gray;
}

.flexContainer
{
	display: flex;
	align-content: flex-start;
	flex-wrap : wrap;
	justify-content: flex-start;
}
.flexItem
{
	margin-right: 4px;
}
.itemRight
{
	margin-left: auto;
}
.itemWider
{
	margin-right: 10px;
}

.cCountryGroup
{
}

.cCountryFlag
{
	width:50px;
	height:50px;
}

.cCountryMemo
{
	
}

/* Media rules - Op de printer nooit buttons zetten */
@media screen
{
	/* Wel laten zien op het scherm */
	.HideOnPrinter
	{
		visibility: visible;
	}
	.OnlyOnPrinter
	{
		visibility: hidden;
		height: 0;
	}
}
@media print
{
/*
	*
	{
		font-family: verdana;
		font-size: small;
		text-align: left;
	}
*/

	/* Niet laten zien op de printer */
	.HideOnPrinter
	{
		visibility: hidden;
		height: 0;
	}

	.OnlyOnPrinter
	{
		visibility: visible;
	}

	table
	{
		page-break-after:always;
	}

/*
	th, td
	{
		font-size: small;
	}
*/
	table thead
	{
		display: table-header-group;
	}

/*
	.FormfeedAfter {
		page-break-after: always;
	}
*/
	body
	{
/*
		font-size: small;
*/
		background-image: none;
	}

	#intro
	{
		background-color: white;
	}

	#notes
	{
		background-color: white;
	}
}