/*
ToDo:
html:

div.description
*/

/* -------- mainpage styles: -------- */
/*
	span.publication_date{
		font-style: italic;
		background-color: #c0c090;
		text-decoration: none
	}
	
	td.news_item{
		line-height: 2;
	}
	
	a.news_item{
		text-decoration: none;
	}
*/

/* -------- topic common styles: ------*/


table{font-size:large}

img{border:0;}

a{line-height: 2;}

.publication_date{
	font-style: italic;
	background-color: yellow;
}

@media (pointer:coarse) { /* touch device*/
    a{line-height: 3;}
}

/* --------------- page header --------------*/

table.head_table {
	border-spacing:2;  width:100%; background-color:#B0D0C0
}

td.title {
    width:100%;
	color:#604040;
	text-align:center;
	padding:10; 
	font-style:italic;
	font-weight:bold;
	font-size: 2.5em; /*xx-large;*/
}

/*  WIDTH="20%"  ALIGN="center" BGCOLOR="#A2B2A2" */

td.refmanpage {
	text-align:center;
	background-color:#A2B2A2;
	padding:4
}

td.refmanpage > a {
	color:#004000;
    font-size:large;
    text-decoration:none;
}

td.refmanpage > a > img {
	border:0
}

/* ------------------  topic header  -------------------------*/

/*<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="10" WIDTH="100%" >*/
table.frontimage_and_maps{
	border:0;
	border-spacing:0;
	width:100%;
}

table.frontimage_and_maps > td {
	padding:10;
}

td.frontimage {
	width:40%;
	text-align:center;
	vertical-align:center;
	background-color: #A2B2A2;
    padding: 1em;
}

td.frontimage > img {
    border:0;
    width: 100%;
    max-height:50vh;
    object-fit: contain;
}

td.frontmaps {
	background-color: #BACABA;
}

td.frontmaps > table {
	border:0;
	width: 100%;
}

td.one_frontmap {
	padding:12;
	text-align:center;
}

td.one_frontmap > div {
  text-align:left;
  display:inline-block;
  position:relative;
  top:0;
  left:0;
}

div.publication_dates {
    margin-top:0.0em;
    margin-bottom:0.0em;
    background-color:#ffffda;
	padding:0.5em;
    font-size:large;
    /* text-align: center; */
}

span.publication_dates {
	 
}

/*-------------------- coordinates and links to google and other maps ---------------*/

.coords_and_maplinks {
    margin-top:0.0em;
    margin-bottom:0.0em;
    background-color:#ffffda;
	padding:0.3em;
    font-size:x-large;
    text-align: center;
}

.coords_and_maplinks > label{font-style:italic;}

.coords_and_maplinks > a{font-weight:bold;text-decoration:none;}

/*---------------------- topic body  ----------------------------------------*/

:root{
	--narrow-screen-block-width: calc(100vw - 5em);
	--wide-screen-block-width: calc(300px + 16em);

	--block-width: var(--wide-screen-block-width);
}
/* calc( 2 * var(--wide-screen-block-width)) */
@media all and (max-width: 1200px) { /*  probably mobile case*/
	:root{
		--block-width: calc(85vw);
	}
	
	table{font-size:large}
}

@media all and (min-width: 1200px) and (max-width: 1800px) {
	:root{
		--block-width: calc(85vw / 2);
	}
}

@media all and (min-width: 1800px) and (max-width: 2400px) {
	:root{
		--block-width: calc(85vw / 3);
	}
}

.maintable {
	border:0;
	background-color:e8F0e8;
	border-spacing:0;
	width:100%
}

.maintable > td {
	padding: 10;
}

.common_pane {
	vertical-align:top;
	background-color: #dee6de;
}


div.description{
	padding: 1em;
	margin-right: 1em;
    float: left;
    /* width: 40%; */
    width: var(--block-width);
    background-color:e8F0e8;
}

.pictures_pane { /* not used; 2 delete */
	vertical-align: top;
	background-color: #dee6de;
}

.picture_big_cell{
    padding: 1em;
    text-align: center;
    background-color: #dedede;
}

.picture_big_cell > img {
    width: 100%;
    max-height:80vh;
    object-fit: contain;
}

.picture_author {
	font-size:large; font-style:italic
}


.picture_block {
    margin-left:1em;
	margin-top:2em;
	margin-bottom:2em;
    vertical-align:top;
    /* border: 3px solid gray; */
    display: inline-block;
    padding:5;
	width:  var(--block-width);
	/*
	text-align: justify;
	text-justify: inter-word;  
	*/
}

.picture_img_left {
     border:0;
     float:left;
     margin-right:1em;
     
}

.picture_img_right {
/*
     border:0;
     float:right;
     margin-left:10;
*/
     border:0;
     float:left;
     margin-right:1em;

}

.subtopics_pane {
	background-color:#BBC4BB;
}

.subtopics_pane > td {
	padding: 10;
}

.even_subtopic_image_box {padding:1em; text-align: left;}
.odd_subtopic_image_box {padding:1em; text-align: right;}

.even_subtopic_text_box {padding:1em; text-align: right;}
.odd_subtopic_text_box {padding:1em; text-align: left;}

/*---------------------- topic footers ---------------------------------------*/


/*<table bgcolor="#c0c0c0" width="100%" border="0" cellspacing="0">*/

table.topic_footers {
	background-color: #c0c0c0;
	width:100%;
	border:0;
	border-spacing: 0;
}

/* <table width="100%" border="0" cellspacing="0">*/

table.path {
	width:100%;
	border:0;
	border-spacing:0;
}

/*
.path_and_detail_maps {
    bgcolor:#a0a0a0;
}
*/

.gps_maps{
    border:0;
    /* width:100%; */
}

.link2gps_data {
	 color:#008040;
	 font-size:smaller;
}

.footer_caption {
  width:100%;
  background-color:#808080;
  color:#ffffff;
  font-size: x-large;
}

.footer_section {
	width:100%;
	border: 0;
	border-spacing:0;
	background-color:#d0d0d0;
	/* line-height: 2; */
}

.backreference {
    width:30%;
}

.backreference_ad {
    width:70%;
}