@charset "UTF-8";

@keyframes fadein {
	from  { opacity: 0 }
	to  { opacity: 1 }
}
@keyframes fadeout {
	from  { opacity: 1 }
	to  { opacity: 0 }
}

/*** general properties ***/
body,p,h1,h2,h3,h4,ul,ol,li, th,td,select,input,div {
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
}

body {
	background: #f9f9f9;
	margin: 0px; padding: 0px; border: 0px;
	width: 100%;
}

a {
	color: #0000cc;
	text-decoration: none;
}
a:visited {
	color: #5a3696;
}
a:active {
	color: #e81123;
}
a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0; padding: 0;
}
h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	margin: 0; margin-top: 12px; margin-bottom: 3px;
	padding: 0; 
	clear: both;
}
h3 {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	margin: 0; margin-top: 10px; margin-bottom: 3px;
}
h4 {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	margin: 0; margin-top: 8px; margin-bottom: 3px;
}

p {
	line-height: 17px;
	margin: 0; margin-bottom: 3px;
}
ul {
	margin-top: 3px; margin-bottom: 8px;
}
li {
	margin-top: 6px; margin-bottom: 6px;
}
iframe {
	overflow: hidden;
	border-width: 0px;
}
hr {
	border: 0; border-top: 1px solid #ccc;
	height: 1px;
}

.border {
	border-style: solid; border-color: #ccc; border-width: 1px;
}
.nowrap {
	white-space: nowrap;
}
.wrap {
	white-space: normal;
}
.noviz, .nomobi {
	visibility: hidden;
	display: none;
}
.clearleft {
	clear: left;
}
.center {
	text-align: center;
}
.uppercase {
	text-transform: uppercase;
}
.smalltext {
	text-transform: none;
	font-family: "Roboto Condensed", "Helvetica Neue Condensed", sans-serif-condensed, sans-serif;
}
.alt {   /* alternative text */
	display: none;
}
.desktop {
	display: none;
}
.tablet {
	display: none;
}

/*** general tables ***/
table {
	border-spacing: 0px; border-collapse: collapse;
}
table.data, table.overview {  /* means all */
	border: #ccc solid 1px;
	border-left: none;
	margin: 5px 0 5px 10px;
}
table.data tr, table.overview tr {
	background-color: #ffffff;
}
table.data tr:nth-child(even), table.overview tr:nth-child(even)  {
	background-color: #fbfbfb;
}
table.data th, table.overview th {
	font-family: "Roboto Condensed", "Helvetica Neue Condensed", sans-serif-condensed, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	background-color: #ddd;
	padding-left: 1px; padding-right: 1px;
	border-style: solid; border-color: #ccc; border-width: 1px;
	padding-top: 3px; padding-bottom: 3px; 
}
th[onclick]:hover {
	background-color: #ccc;
	cursor: pointer;
}
tr.nolinks th[onclick]:hover {
	background-color: #ddd;
	cursor: default;
}
tr.nolinks th a {
	color: #000;
	cursor: default;
}
tr.nolinks th a:hover {
	text-decoration: none;
}
table.data td, table.overview td {
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	padding-top: 9px; padding-bottom: 9px; padding-left: 1px; padding-right: 1px;
	border-style: solid; border-color: #ccc; border-width: 1px;
	word-wrap: break-word;
}
table.data td {
	font-family: "Roboto Condensed", "Helvetica Neue Condensed", sans-serif-condensed, sans-serif;
}

tr[onclick]:hover td {
	background-color: #ffee88 !important;
	cursor: pointer;
}
tr[onclick] td a {
	z-index: 10;
}

/*** general images ***/
form {
}
select	{
	margin-top: 5px; margin-bottom: 3px;
	height: 28px;
	font-size: 13px;
}
input {
	margin-top: 3px; margin-bottom: 3px;
	border: 1px solid #ccc;
}

img {
	border-width: 0px;
	padding: 0px; 
}
img.border {
	border-style: solid; border-color: #ccc; border-width: 1px;
}
/* in index pages */
a img.flag, a img.flagq, td.flag img {
	border-width: 1px; border-style: solid;
	color: #ccc;
}
img.flag {
	width: 65px; height: 45px;
}
img.flagq {
	width: 45px; height: 45px;
}
img.icon {
	width: 16px; height: 16px;
}
img.explicon {
	width: 40px; height: 40px;
}
.newitem:after {
	content: url("/images/icons/newitem_s.svg");
	margin-left: 7px;
	animation-name: fadein; animation-duration: 2s;
}
.updateditem:after {
	content: url("/images/icons/updateditem_s.svg");
	margin-left: 7px;
	animation-name: fadein; animation-duration: 2s;
}
.updateddetailsitem:after {
	content: url("/images/icons/updateddetailsitem_s.svg");
	margin-left: 3px;
	animation-name: fadein; animation-duration: 2s;
}
h2.newitem:after {
	content: url("/images/icons/newitem.svg");
}
h2.updateditem:after {
	content: url("/images/icons/updateditem.svg");
}
h2.updateddetailsitem:after {
	content: url("/images/icons/updateddetailsitem.svg");
}

/*** general header ***/
header {
	border-bottom: #ccc 1px solid;
}
header a.link {
	font-weight: bold;
}
header a.link:before {
	content: "→  ";
}
/* in country pages */
header.cpage, header.citypage, header.admpage {
	padding: 0 0 5px 10px;
}
/* in index pages */
div.cindex header {
	padding-bottom: 5px;
}
div.cindex header.index {
	border-bottom: 0;
}
/* world by map */
.wbmpage header {
	padding: 15px 0 10px 0;
}

/* right-top map image */
img#smap {
	display: none;
}
header .headicon {
	float: right;
	border: #ccc 1px solid;
	border-right: 0;
	margin-left: 7px; margin-right: 0px;
	margin-top: -4px; margin-bottom: 0px;
	width: 40px; height: 40px;
	background-color: #79c6d0;
}

/* orientation line */
div#orient {
	font-size: 16px;
	background-color: white;
	border-left-width: 0px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 1px;
	border-style: solid; border-color: #ccc;
	font-size: 16px; height: 20px; line-height: 20px;
	padding: 1px; padding-left: 10px;
	margin: 0px; margin-bottom: 13px; margin-top: 17px;
	white-space: nowrap;
	overflow: hidden;
}
div#orient a, div#orient span {
	font-family: "Roboto Condensed", "Helvetica Neue Condensed", sans-serif-condensed, sans-serif;
	padding-left: 2px; padding-right: 2px;
}

/* social media */
div#social {
	display: none;
}
div#fbhead  {
	display: none;
}
div#twhead  {
	display: none;
}
div#googleplus {
	display: none;
}

/*** buttons ***/

div#scrollToTopBtn, div#mapbutton {
	position: fixed;
	right: 0; width: 55px; height: 55px;
	border: #ccc 1px solid;
	border-right: 0;
	z-index: 50;
	background-color: rgba(200,200,200,0.4);
	background-size: 55px 55px;
}

div#scrollToTopBtn {
	bottom: 20vh;
	background-image: url("/images/icons/up.svg");
	display: none;
}

div#mapbutton {
	bottom: 42vh;
	background-image: url("/images/icons/location.svg");
}

/*** maps ***/
div#map, div#citymap, div#admmap, div#map.portrait, div#citymap.portrait, div#admmap.portrait {
	display: none;
	position: fixed;
	bottom: 8vh; left: 0; right: 0; height: 75vh;
	z-index: 100;
	background-color: #ddd;
	border: #ccc 1px solid;
}
div#map.landscape, div#citymap.landscape, div#admmap.landscape {
	bottom: 0; left: 20vw; right: 0; height: 100vh;
}

div#mapcontainer {
	position: relative;
	height: calc(100%);
	width: calc(100%);
}
div.tooltip {
	display: none;
}
/* map controls */
div#vizselect, div#actions {
	display: none;
}
div#vizselect input, div#actions input  {
	display: none;
}
div#graph, div#citygraph, div#admgraph {
	display: none;
}

/* map controls */
div#mapdiv {
	position: absolute;
	top: 0px; bottom: 0px;
	left: 0px; right: 0px;
	overflow: visible !important;
}
div#maplconrl, div#maprconrl {
	position: absolute;
	top: 0px; bottom: 0px;
	width: 48px;
	z-index: 2;
	line-height: 5px;
	overflow: hidden;
	background-color: rgba(43,43,43,0.4);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
div#maplconrl {
	left: -1px;
}
div#maprconrl {
	right: -1px;
}

.item {
	position: relative;
	left: 0px; top: 0px;
	white-space: nowrap;
	border-bottom: #2b2b2b 1px solid;
	background-color: rgba(43,43,43,0.75);
}
.item:hover {
	background-color: #fc3;
}
.item img {
	width: 46px; height: 46px;
	border-right: #2b2b2b 1px solid;
	border-left: #2b2b2b 1px solid;
}

.item .text {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	position: absolute;
	left: 48px; top: 0px;
	width: 113px;
	color: white;
	height: 46px; line-height: 46px;
	padding-left: 6px; padding-right: 1px; 
	border-right: #2b2b2b 1px solid;
	overflow: hidden;
	font-size: 13px;
	display: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
div#maplconrl.opened, div#maprconrl.opened {
	width: 169px;
	z-index: 30;
	overflow: visible;
}
.opened .text {
	display: block;
}
.selected {
	background-color: #fc3;
}
.close {
	background-color: #e81123;
}

/* map controls for openlayers */
/* layer menu for openlayers */
ul#baselayermenu {
	display: none;
    width: 195px;
	position: absolute;
	top: -6px;
	right: 31px;
}
ul#baselayermenu li.ui-menu-item {
	font-family: Roboto, sans-serif;
	font-size: 13px;
}
ul#baselayermenu li.ui-menu-item a.ui-menu-item-wrapper {
	display: block;
}
.portrait ul#baselayermenu li.ui-menu-item a.ui-menu-item-wrapper {
	padding-top: 11px; padding-bottom: 11px;
}

/* upper controls for openlayers */
div#vizselect, div#actions {
	display: block;
	z-index: 8;
	position: absolute;
	padding: 0px; margin: 0px;
	white-space: nowrap;
}
div#actions {
	display: block;
	top: 5px; right: 15px;
	z-index: 20;
}
div#vizselect {
	display: block;
	top: 0px; left: 80px;
}
div#vizselect input, div#actions input  {
	display: block;
}
img#load , img#load_ol {
	height: 23px;
	border: #2b2b2b 1px solid;
}
img#load_ol{
	height: 24px;
	position: absolute;
	left: 85px;
}

/* scale and attribution for openlayers */
.ol-scale-line {
	left: 55px; bottom: 3px;
	background-color: transparent;
}
.ol-scale-line-inner {
	color: black;
	font-weight: bold;
	border: 2px solid #000;
	border-top: none;
}
.ol-attribution {
	display: none;
}

/*** map controls for map ***/
div.control {
	/*z-index: 90 !important;*/
	border: 1px solid #2b2b2b;
	border-top: 0px;
	cursor: pointer;
}
div.refdate, div.refdate_ol {
	background-color: #e81123;
	margin-left: 32px;
}
div.refdate_ol {
	position: absolute;
	left: -54px;
}
div.slider {
	position: absolute;
	left: -23px; top: 24px;
}
input#dateslider {
	width: 90px;
}
div.load {
	background-color: yellow;
	width: 90px; height: 25px;
	margin-left: 12px;
}
div.controlText {
	font-family: Roboto, sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div.refdate_t {
	margin-top: 8px;
	padding: 1px 3px;
	width: 90px;
	background-color: white;
}
div.refdate_t:hover {
	background-color: #fc3;
}
div.load_t img {
	width: 90px; height: 25px;
}


/*** country page content ***/
article.cpage {
}
/* info sentences */
article.cpage h2, article.cpage h3 {
	padding: 5px 0 0 10px;
}
article.cpage>p {
	padding: 5px 0 5px 10px;
	line-height: 16px;
	font-size: 13px;
}
article.cpage>p.info {
	margin-left: 21px;
	text-indent: -21px;
}
article.cpage>p.info::before {
	content: url("/images/info_small.gif"); padding-right: 5px
}
section#adminareas>p, section#citysection>p, section#areasection>p, section#addinfos>p {
	padding: 5px 0 5px 10px;
	line-height: 16px;
	font-size: 13px;
}
section#areasection>p, section#addinfos>p {
	padding: 0 0 0 10px;
}
section#adminareas>p+p, section#citysection>p+p, article#admtable>p+p, section#citysection>p.small, section#areasection>p.small {
	line-height: 14px;
	font-size: 12px;
}
/* for world by map */
section#countrysection p {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 5px;
}
section#countrysection table.data {
	margin-right: 10px;
}
section#countrysection table.data td a, section#countrysection table.data td a:hover {
	color: black;
	text-decoration: none;
}
/* image section */
section.cityimg, section.cityimg600, section.cityimg1200 {
	margin: 8px; margin-left: 10px; margin-bottom: 0px;
}
section.cityimg img, section.cityimg600 img {
	width: 300px;
	border: #ccc 1px solid; 
}
section.cityimg1200 img {
	width: 95%;
	border: #ccc 1px solid; 
}
p.cr {
	font-size: 13px;
}
/* additional information */
section.addinfo {
	display: inline-flex;
	vertical-align: top;
	margin-left: 10px;
}
section.addinfo table.data {
	margin-top: 0; margin-left: 0; margin-right: 10px;
}
section.addinfo table.data td {
	padding: 4px 1px;
}
section.addinfo table.data thead tr ~ tr th {
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	padding: 1px;
}
section.addinfo .addbutton td, section.addinfo .removebutton td {
	text-align: center;
	font-weight: bold;
	background-color: rgba(0,255,0,0.4);
}
section.addinfo .removebutton td {
	background-color: rgba(255,0,0,0.4);
}
table.insec tr:last-child td {
	font-style: italic;
}
div.addchart {
	margin-bottom: 7px; margin-right: 5px;
}
/* relationships */
hr#prevlinks {
	clear: both;
}
section[class^=rel] {
	float: left;
}
section[class^=rel] ul {
	margin-left: 10px;
	margin-right: 25px;
	padding-left: 25px;
}
section[class^=rel] li {
	line-height: 22px;
}
/* videos */
section.ytvideosec h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}
iframe.ytvideo {
	margin-left: 10px;
	margin-right: 10px;
	width: 320px;
	height: 180px;
	border-width: 0;
}

/*** data tables ***/
table.data .unit, table.data .cat {
	font-weight: normal;
	font-size: 10px;
	line-height: 11px;
}
/* unvisible column */
table.data td.ri, table.data th.ri, table.data td.sc, table.data th.sc {
	display: none;
}
/* number content */
table.data td.n, table.data td.rpop, table.data td.rev, table.data td.provn, table.data td.agglo,
table.data th.n, table.data tfoot th.rpop, table.data th.rev {
	text-align: right;
}
table.data th.rpop, table.data th.rdate {
	font-size: 11px;
}
/* text content */
table.data tbody.adm td, table.data td.provt, table.data td.provn {
	background-color: #ffffaa;
}
table.data tbody.adm td.rname, table.data tbody.adm td.rnm, table.data tfoot th.rname, table.data td.provt, table.data th.t {
	font-weight: bold;
}
table.data tbody.admin2 td.rname, table.data tbody.admin2 td.rnm {
	padding-left: 4px; 
}
/* summary line */
table.data th.t, table.data th.n, table.data tfoot th {
	font-family: "Roboto Condensed", "Helvetica Neue Condensed", sans-serif-condensed, sans-serif;
	background-color: #fc3;
	background-image: none;
}
table.data th.t, table.data tfoot th  {
	text-align: left;
}
table.data tfoot td, table.data tbody.admin1 td {
	font-weight: bold;
	background-color: #ffffaa;
}
table.data tbody.admin0 td {
	font-weight: bold;
	background-color: #fc3;
}
/* order number */
table.data td.cnt {
	font-weight: bold;
	text-align: center;
	background-color: #ddd;
	width: 20px;
}
/* unvisible area data */
table.data th.noviz, table.data td.noviz {
	display: none;
}
/* highlighted row */
table.data tr.highlighted td {
	background-color: #ffa;
}
/* inforow */
div#inforowdiv {
	display: none;
}
table.data td.inforow, div.infosection {
	background-color: #ffffdd;
	border: 1px solid #ccc;
	padding: 0px;
}
div.infosection {
	margin: 5px; 
}
table.data td.inforow p, div.infosection p {
	font-family: "Roboto Condensed", "Helvetica Neue Condensed", sans-serif-condensed, sans-serif;
	margin-top: 6px; margin-bottom: 6px; margin-right: 0px; margin-left: 2px;
	font-size: 12px;
	font-weight: normal;
}
table.data td.inforow a {
	display: inline;
}
table.data td.inforow a.noviz {
	display: none;
}
table.data td.inforow a:hover {
	background-color: #ffffdd;
	color: #0000ff; 
}
table.data td.inforow img.img48 {
	height: 50px; width: 50px;
	margin: 0px;
}
table.data td.inforow p.infoname, table.data td.inforow p.infotext, div.infosection p.infoname, div.infosection p.infotext {
	font-size: 18px;
	line-height: 26px;
	padding: 0; margin-top: 0px; margin-left: 8px; margin-right: 3px; margin-bottom: 0px;
}
table.data td.inforow p.infoname, div.infosection p.infoname {
	margin-top: 4px; 
}
table.data td.inforow p.wd {
	margin-left: 8px;
}
table.data td.inforow p.infoname, table.data td.inforow .val, div.infosection p.infoname, div.infosection .val {
	font-weight: bold;
}
table.data td.inforow p.infotext small, div.infosection small {
	font-size: 12px;
}
div.infosection p.remark {
	font-size: 15px; line-height: 18px;
}

table.data td.inforow svg, div.infosection svg {
	position: relative; top: 3px;
	margin: 0; padding: 0;
	display: inline-block;
}
img.wd {
	vertical-align: bottom;
	width: 25px; height: 16px;
}
img.coatofarms {
	height: 60px;
	float: right;
	margin-bottom: 2px; margin-left: 5px; margin-right: 5px;
}
nav.inforow {
	height: 50px; max-height: 50px;
	width: 100%;
	background-color: #ffffdd;
	border-bottom-width: 0px; 
	overflow: hidden;
}
nav.inforow img {
	background-color: #ffffdd;
	border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px;
	border-style: solid; border-color: #ccc;
	width: 50px; height: 50px;
}
nav.inforow img:hover {
	background-color: #ffcc33;
}
img.infoicon {
	width: 15px; height: 15px;
	position: relative;
	top: 3px;
}

/* references */
ul.source, p.source, article.cpage>p.source, p.expl, article.cpage>p.expl {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 6px;
	margin-top: 5px;
	padding-left: 10px;
}
ul.source li, li.source {
	display: block;
	font-size: 11px;
	line-height: 13px;
	padding-top: 0px; margin-bottom: 4px;
	vertical-align: top;
}
li.source {
	margin-top: 10px;
}

/*** menu ***/
section.menu {
	height: 50px;
	margin-bottom: 9px;
}
section.mobimenu {
	height: 75px;
}
section.mobimenu h1 {
	background-color: #ffcc33;
	position: absolute;
	top: 0px; left: 0px; right: 0px; height: 18px; 
	font-size: 14px; line-height: 18px;
	margin: 0;
	padding: 0px; padding-left: 3px;
	overflow: hidden;
	text-transform: none;
}
body.head, section.menu {
	background: url('/images/mobiback.png') repeat-x;
	overflow: hidden;
	width: 100%;
}
/* logo */
figure#logo, figure#wbmlogo {
	position: absolute;
	margin: 0px; padding: 0px;
	left: 0px; top: 0px;
	width: 64px; height: 50px;
	border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px;
	border-style: solid; border-color: #ccc;
	background-image: url('/images/logo128q.png');
	background-size: 64px 50px;
}
figure#wbmlogo {
	background-image: url('http://world.bymap.org/images/logo128q.png');
}
/* menu items */
nav {
	margin: 0px; padding: 0px;
	height: 24px; max-height: 24px;
	background-color: #ffcc33;
	border-left-width: 0px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 1px;
	border-style: solid; border-color: #ccc;
	overflow: hidden;
}
nav.mobimenu {
	position: absolute;
	height: 55px; max-height: 55px;
	left: 0px; top: 18px; right: 0px;
	background-color: #79c6d0;
}
footer nav.mobimenu {
	top: 0; 
}
nav.mobimenu img {
	background-color: #79c6d0;
	border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px;
	border-style: solid; border-color: #ccc;
	width: 55px; height: 55px;
}
nav.mobimenu img:hover {
	background-color: #ffcc33;
}
nav.mobimenu img#mapindeximg {
	background-image: url('/images/icons/mapindex.svg');
	background-size: 55px 55px;
}

/*** footer */
footer {
	width: 100%;
	margin-top: 20px;
	height: 300px;
	clear: both;
}
footer {
	position: relative;
	left: 0px; top: 0px; right: 0px; width: auto;
}
div.mobiadv+script+footer, div.mobiadv+div#advhor+script+footer {
	margin-top: 0;
}

body.tail {
	overflow: hidden;
	width: 100%;
}
div#tail {
	margin-top: 6px;
}
div#copyright {
	float: right;
	font-size: 11px;
	padding-top: 9px; padding-bottom: 0px; padding-right: 5px;
	white-space: nowrap;
}
footer p, div.cindex footer p {
	position: relative;
	left: 0px; top: 70px; margin-right: 0px;
	font-size: 13px;
	white-space: nowrap;
	text-align: right;
}
footer p {
	margin-right: 5px;
}
div#contact {
	float: left;
	font-size: 10px;
	padding-top: 12px; padding-bottom: 0px; padding-left: 2px;
	white-space: nowrap;
	z-index: 5;
}
footer img.si_facebook {
	background-color: #3c5a99;
}
footer img.si_twitter {
	background-color: #2aa9e0;
}
footer img.si_youtube {
	background-color: #f00;
}
figure.si_mail {
	background-color: #ddd;
}
div#contact img {
	vertical-align: bottom;
}

/*** advertisments ***/
div#adv, div.adv, div#advindex, div.adv300_250, div.adv728_90, div#advhor {
	display: none;
}
div.mobiadv {
	padding: 0;
	border: solid 8px #ddd;
	margin: 0;
	background-color: #ddd;
	text-align: center; height: 50px;
	clear: both;
}
div.hlarge {
	height: 100px;
}
section#largecities+div.mobiadv {
	margin-top: 20px;
}
div#continentadv, div#continentadv iframe {
	display: none;
}

/*** additional gmap ***/
div#gmap {
	position: absolute;
	left: 0px; top: 0px;
	right: 0px; bottom: 0px;
	background-color: white;
	z-index: 80;
	display: none;
}
iframe#gmapframe {
	position: absolute;
	left: 0px; top: 0px;
	bottom: 0px; right: 0px;
	width: 100%; height: 100%;
	background-color: white;
	padding: 0px;
	z-index: 80;
}
img#gmapclose {
	position: absolute;
	right: 0px; top: 0px;
	height: 50px; width: 50px;
	background-color: #e81123;
	z-index: 81;
}
img#gmapclose:hover {
	background-color: #fc3;
}
.selected {
	background-color: #fc3;
}

/*** additional weather ***/
div#weatherdialog {
	background-color: #f9f9f9;
	padding: 10px;
}
div#weatherdialog img, div#weatherdialog svg, div#weatherdialog strong, div#weatherdialog span {
	vertical-align: middle;
}
div#weatherdialog  h1, div#weatherdialog  h2 {
	font-family: "Roboto Condensed", "Helvetica Neue Condensed", sans-serif-condensed, sans-serif;
	text-transform: none;
}
div#weatherdialog  p+h1, div#weatherdialog  div#climate h1 {
	margin-top: 20px;
}
div#weatherdialog  p {
	font-family: "Roboto Condensed", "Helvetica Neue Condensed", sans-serif-condensed, sans-serif;
	font-size: 14px;
}
div#weatherdialog p strong.large {
	font-size: 18px;
}
div#weatherdialog  p.info {
	font-size: 12px;
	margin-top: 10px;
}
div#weatherdialog input {
	padding: 6px;
}
div#weatherdialog input:hover {
	background-color: #fc3;
	border-color: #777;
	font-weight: bold;
}
div#weatherdialog  p#forecast_button {
	margin-bottom: 20px;
}

/*** index page content ***/
div.cindex {
	width: 100%;
	margin-top: 0px; margin-bottom: 5px;
	border-spacing: 0px;
	padding: 0px;
}
div.cindex h1, .wbmpage  h1 {
	padding: 0 10px;
}
div.cindex>h1, div.cindex div.col>h2 {
	font-weight: normal;
	margin: 10px 0;
	padding: 0 10px; 
	border-bottom: #ccc 1px solid;
	font-size: 17px;
	line-height: 19px;
	clear: left;
}
div.cindex div.col>h2 {
	clear: inherit;
}
div.cindex h2, .wbmpage  h2 {
	padding: 0 10px;
	line-height: 19px;
	text-transform: uppercase;
}
div.cindex h3 {
	padding: 0 10px;
}
div.cindex h3.sep {
	font-variant: small-caps;
}
div.cindex table.select th h3 {
	margin-top: 2px; margin-bottom: 2px;
	font-weight: bold; 
	vertical-align: top; 
}
div.cindex h4 {
	padding: 0 10px;
}
div.cindex .head {
	font-size: 14px;
	font-weight: bold; 
}
div.cindex p, .wbmpage  p {
	padding: 0 10px;
}
div.cindex p.ff  {
	margin-bottom: 5px;
}
div.cindex p.link {
	text-align: center;
	line-height: 45px;
	font-weight: bold; 
}
div.cindex ul  {
	padding: 0px;
	margin-left: 21px; margin-right: 2px; margin-top: 2px; margin-bottom: 12px;
}
div.cindex li {
	padding: 0px;
	margin-top: 8px; margin-bottom: 0px; margin-left: 10px;
	line-height: 18px;
}
div.cindex p small, div.cindex p.small, div.cindex span.small, div.cindex ul li small {
	font-size: 12px;
}
div.cindex ul.continent {
	margin-left: 90px;
}
div.cindex ul.continent  li {
	padding-left: 0px;
}
div.cindex img.flag, div.cindex img.flagq {
	float: left;
	padding: 0px;
	margin-right: 10px; margin-top: 2px;
	border-width: 1px;
}
div.cindex img.flagq {
	margin-right: 25px; 
}
div.cindex div.top10 {
	padding-left: 12px;
}
div.cindex img.icon {
	float: left;
	padding: 0px;
	margin-right: 5px; margin-top: 2px; 
}
div.cindex img.floatleft {
	float: left;
	padding: 0px;
	margin: 2px;
	border-width: 0px;
}
div.cindex img.floatlefticon {
	float: left;
	padding: 0px;
	margin-left: 12px; margin-top: 2px; 
	border-width: 0px;
}
div.cindex img.counter { 
	width: 310px;
}
div.cindex div.adv {
	display: none;
}
div.cindex table.select {
	padding: 0px;
	margin-top: 10px; margin-bottom: 10px;
}
div.cindex table.select td {
	padding-bottom: 3px; padding-top: 3px;
}
div.cindex table.select td a {
	font-weight: bold; 
}
div.cindex table.select th p {
	font-size: 13px;
	padding: 0px;
	margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 2px;
	line-height: 15px;
}
div.cindex figure.worldmap {
	margin-left: 0px; margin-right: 0px;
	margin-top: 5px; margin-bottom: 10px;
}
div.cindex figure.countrymap {
	margin-left: 10px; margin-right: 10px;
}
div.cindex figure.countrymap embed {
	width: 100%; max-width: 700px;
}
img#worldimagemapimg {
	display: none;
}
div.cindex summary {
	margin-left: -1px; margin-right: -1px; margin-top: 20px;
	padding: 5px;
	border: solid #ccc 1px;
	background-color: white;
	font-weight: bold; font-variant: small-caps;
	font-size: 17px;
}
div.cindex summary:hover {
	cursor: pointer;
}
div.cindex details p {
	font-size: 15px;
	margin-left: 5px; margin-top: 10px;
}

/*** wbm index pages ***/
div.cindex img.rightimg, article.wbmindex img.rightimg {
	float: right; width: 310px;
	padding: 0px;
	margin-left: 5px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; 
	border-style: solid; border-color: #ccc; border-width: 1px;
}

/*** index page multicolumns ***/
div.cindex div.mcol {
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
	clear: left;
}
section.mcol {
	margin-top: 5px; margin-bottom: 20px;
	column-width: 200px;
	clear: left;
}

section.w120 {
	column-width: 120px;
}
section.w160 {
	column-width: 160px;
}
div.cindex div.mcol ul {
	margin-left: 21px; 
}
.wbmindex .wbmcol ul {
	margin-left: 0px; margin-top: 5px; margin-bottom: 15px;
}
div.col {
	height: 100%;
}
div.col ul {
	margin: 0px;
	padding-left: 5px; padding-right: 5px;
}
section.mcol ul {
	margin-top: 0;
}
div.col ul~ul {
	margin-top: 0px;
}
div.col figure {
	margin: 2px; margin-left: 10px;
}
div.col li, .wbmindex .wbmcol li {
	font-size: 15px;
	padding: 0; 
	margin-top: 0px; margin-bottom: 10px; margin-left: 5px;
	line-height: 18px;
}
section.mcol li {
	font-size: 15px;
	page-break-inside: avoid;
	margin-top: 0; margin-bottom: 10px;
}
div.col li a, .wbmindex .wbmcol li a, section.mcol li a {
	font-weight: bold; 
}

/*** multi-column boxes ***/
div.mcolboxes  {
	margin-top: 5px; margin-bottom: 20px; margin-right: 10px; 
	clear: left;
}
header+div.mcolboxes  {
	margin-top: 20px;
}
div.mcolboxes  div.mcolboxes  {
	margin-right: 0; margin-left: -10px; margin-bottom: 0px;
}
div.mcolboxes>ul {
	margin: 0; padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
div.mcolboxes>ul>li {
	display: inline-flex;
	flex: 1 0 320px;
	margin: 0;
	max-width: 492px;
}
div.slightslimboxes>ul>li {
	flex-basis: 285px;
}
div.slimboxes>ul>li {
	flex-basis: 250px;
}
div.veryslimboxes>ul>li {
	flex-basis: 200px;
}
div.mcolboxes>ul>li.s2 {
	max-width: 770px;
}
div.mcolboxes>ul>li.s3 {
	max-width: 1050px;
}
div.mcolboxes>ul>li.padd>a {
	padding-top: 13px; padding-bottom: 13px;
}
div.mcolboxes>ul>li>a, div.mcolboxes>ul>li>div {
	display: block;
	border: #ccc 1px solid;
	margin: 5px; margin-right: 0; margin-left: 10px;
	padding: 10px;
	width: 100%;
	background-color: #fff;
	font-weight: bold;
	color: #000;
	font-size: 14px;
}
div.mcolboxes  div.mcolboxes>ul>li>a  {
	margin-bottom: 5px; margin-right: 0;
}
div.mcolboxes>ul>li>a.lightgrey {
	background: #fdfdfd;
}
div.mcolboxes>ul>li>div figure, div.mcolboxes>ul>li>a figure {
	margin: -10px; margin-bottom: 10px;
	background-color: #ddd;
	text-align: center;
	line-height: 0;
	position: relative;
	overflow: hidden;
}
div.mcolboxes>ul>li.large figure {
	height: 160px;
}
div.mcolboxes>ul>li.middle figure {
	height: 80px;
}
div.mcolboxes>ul>li figure .copyright {
	position: relative;
	text-align: right;
	line-height: 14px;
	z-index: 10;
}
div.mcolboxes>ul>li figure .copyright span {
	background-color: #ccc;
	padding-left: 2px;
}
div.mcolboxes>ul>li>a:hover, div.mcolboxes>ul>li>div:hover {
	box-shadow: 3px 3px 6px #697b8b;
}
div.mcolboxes>ul>li>div.noselect {
	background-color: #eee;
}
div.mcolboxes>ul>li>div.noselect:hover {
	box-shadow: none;
}
div.mcolboxes>ul>li>a:hover {
	text-decoration: none;
	background-color: #fe8;
}
/* included images */
div.mcolboxes>ul>li img, div.mcolboxes>ul>li svg  {
	max-height: 135px;
	max-width: 135px;
	float: right;
	padding-left: 5px;
	margin: -5px; margin-left: 0;
	pointer-events: none;
}
div.slightslimboxes>ul>li img, div.slightslimboxes>ul>li svg {
	max-width: 120px;
}
div.slimboxes>ul>li img, div.slimboxes>ul>li svg {
	max-width: 105px;
}
div.veryslimboxes>ul>li img, div.veryslimboxes>ul>li svg {
	max-width: 90px;
}
div.mcolboxes>ul>li img.small {
	max-height: 50px; height: 50px;
	margin-bottom: 5px;
}
div.mcolboxes>ul>li img.smallflag {
	max-width: 65px; width: 65px;
	padding: 0;
	border: solid #ccc 1px;
	margin-bottom: 5px; margin-left: 7px; margin-top: 1px; margin-right: 1px; 
}
div.mcolboxes>ul>li img.smallqflag {
	max-height: 45px; height: 45px;
	padding: 0;
	border: solid #ccc 1px;
	margin-bottom: 5px; margin-left: 7px; margin-top: 1px; margin-right: 1px; 
}
div.mcolboxes>ul>li img.verysmall {
	max-height: 37px; height: 37px;
	margin-bottom: 5px;
}
div.mcolboxes>ul>li img.extremesmall {
	max-height: 30px; height: 30px;
	margin-bottom: 0;
}
/* top images */
div.mcolboxes>ul>li.large figure img, div.mcolboxes>ul>li.middle figure img  {
	max-height: 160px; height: 160px;
	max-width: none; width: auto;
	float: none;
	padding: 0;	margin: 0;
	background-color: #ddd;
}
div.mcolboxes>ul>li.large figure img {
	position: absolute;
	top: 0; left: 0;
}
div.mcolboxes>ul>li.large figure img[src$=svg], div.mcolboxes>ul>li.large figure img.static {
	position: static;
}
div.mcolboxes>ul>li.large figure img.right {
	right: 0; left: auto;
}
div.mcolboxes>ul>li.large figure img.midbanner {
	transform: translate(-450px);
}
div.mcolboxes>ul>li.middle img {
	max-height: 80px; height: 80px;
}
div.mcolboxes>ul>li.large img.padd {
	padding-top: 20px;
	max-height: 120px; height: 120px;
}
div.mcolboxes>ul>li.middle img.padd {
	padding-top: 10px;
	max-height: 60px; height: 60px;
}
div.mcolboxes>ul>li.middle img.padds {
	padding-top: 0;
	max-height: 80px; height: 80px;
}
/* content */
div.mcolboxes>ul>li h2, div.mcolboxes>ul>li h3, div.mcolboxes>ul>li h4, div.mcolboxes>ul>li p, div.mcolboxes>ul>li ul {
	padding: 0;
	margin-top: 0;
}
div.mcolboxes>ul>li h2, div.mcolboxes>ul>li h3, div.mcolboxes>ul>li h4 {
	margin-top: 3px;
}
div.mcolboxes>ul>li figure+h2, div.mcolboxes>ul>li figure+h3, div.mcolboxes>ul>li figure+h4 {
	margin-top: 13px;
}
div.mcolboxes>ul>li h2~h2, div.mcolboxes>ul>li h3~h3, div.mcolboxes>ul>li h4~h4 {
	margin-top: 20px;
}
div.mcolboxes>ul>li figure+form {
	margin-top: 10px;
}
span.light, div.mcolboxes>ul>li p, div.mcolboxes>ul>li span.light {
	font-weight: normal;
}
div.mcolboxes>ul>li li li {
	font-size: 13px;
	padding-right: 0;
	margin-left: 20px;
}
div.mcolboxes>ul>li input#places1, div.mcolboxes>ul>li input#countries1 {
	width: calc(100%);
}
/* news */
div.mcolboxes section+section, div.mcolboxes section.hide {
	display: none;
}
div.mcolboxes section.show, div.mcolboxes section+section.show {
	animation-name: fadein; animation-duration: 1s;
	display: block;
}
div.mcolboxes>ul>li>div.ytbox {
	padding: 0;
}
iframe.ytbox {
	width: 100%; height: 100%; min-height: 240px;
	border: 0; padding: 0;
	margin-bottom: -4px;
}

/*** icon rows ***/

figure.chronoicon {
	display: inline-block;
	position: relative;
	background-color: #fc3;
	border: #ccc 1px solid;
	min-width: 100px; min-height: 100px;
	margin: 0;
	margin-left: 10px; margin-top: 10px;
	min-width: 150px; min-height: 150px;
	height: 225px;
}
figure.chronoicon div.cap {
	position: absolute;
	top: 2px; right: 2px; left: auto;
	padding-left: 5px; padding-right: 5px;
	font-family: "Roboto Condensed", "Helvetica Neue Condensed", sans-serif-condensed, sans-serif;
	font-variant: small-caps; font-weight: bold; font-size: 13px;
	font-size: 30px;
	color: #006;
	text-shadow: 2px 2px #f9f9f9, -2px 2px #f9f9f9, 2px -2px #f9f9f9, -2px -2px #f9f9f9;
}
figure.chronoicon img {
	width: 225px;
	height: 225px;
}
figure.chronoicon section {
	position: absolute;
	top: 0; right: 0; left: 0; bottom: 0;
	background-color: rgba(255,255,255,0.97);
	padding: 8px; margin: 0;
	border: #aaa 3px solid;
}
figure.chronoicon section.show {
	animation-name: fadein; animation-duration: 1s;
	display: block;
	overflow: hidden;
}
figure.chronoicon section.hide {
	display: none;
}
figure.chronoicon section p {
	font-size: 13px; line-height: 16px;
	padding: 0;
}
figure.chronoicon section h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px; line-height: 22px;
	text-decoration: none;
	color: #006;
	margin-bottom: 8px; margin-top: 0;
	padding: 0;
}
figure.chronoicon section img {
	position: absolute;
	top: 0px; right: 0px; width: 33px; height: 33px;
	background-color: #e81123;
}

.si_facebook, #si_facebook, #si_facebook img, figure#c10 {
	background-color: #3c5a99;
}
.si_twitter, #si_twitter, #si_twitter img {
	background-color: #2aa9e0;
}
.si_youtube, #si_youtube, #si_youtube img {
	background-color: #f00;
}

div.flagicons {
	margin-top: 10px; margin-right: -9px; margin-bottom: -7px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
div.flagicons>* {
	flex: 1 0 85px;
}
div.flagicons img {
	width: calc(100% - 10px) !important;
	height: auto !important;
	margin-right: 10px !important; margin-top: 5px !important; margin-bottom: 5px !important;
	padding-left: 0 !important;
	float: none !important;
	pointer-events: auto !important;
	border: #ccc 1px solid;
}
div.flagicons img:hover {
	border: #999 1px solid;
	box-shadow: 3px 3px 6px #697b8b;
}

/*** search forms ***/
form#googlesearchform {
	margin-left: -1px; margin-right: -1px;
	background-color: #ddd;	
	border: 1px solid #ccc;
}
form#indexsearchform {
	margin-left: 2px; margin-right: 1px;
}
form.generalsearch {
	padding-left: 10px;
}
select#searchcountry, select#countrygm {
	width: 280px;
}
input#places1, input#countries1 {
	font-size: 14px;
	border: 1px solid #bbb;
	margin: 10px; margin-left: 0; margin-right: 0;
	width: 230px; height: 18px;
}
div.search input#places1, div#searchi input#places1  {
	margin: 0;
}
input#places1.nolabel, input#countries1.nolabel {
	width: 310px;
}
input#places1.withicon, input#countries1.withicon {
	width: 280px;
}
div#searchi.cindex input#places1 {
	width: 280px;
}
input#submits1 {
	background: url('/images/icons/search4button.svg') no-repeat;
	background-color: #f7f7f7;
	width: auto; line-height: 18px;
	padding-left: 20px; padding-right: 5px;
	margin-left: 5px;
	box-sizing: content-box;
}
/* search results */
div#results {
	clear: left;
	margin-left: 11px; margin-right: 11px;
}
div#results p.resultinfo {
	font-size: 13px;
	margin-top: 7px; margin-bottom: 5px;
	color: #676767;
}
div#results p.result {
	font-size: 16px;
	padding-left: 3px; padding-right: 3px;
	border-style: solid; border-color: #ccc; border-width: 1px;
	margin-top: 6px; margin-bottom: 6px;
	background-color: white; 
}
div#results p.result:hover {
	border-color: rgb(136,152,191);
}
div#results p.result span.url {
	font-size: 13px;
	color: #008000;
	display: block;
}
div#results p.result a {
	text-decoration: underline;
	color: blue;
}
/* google search boxes and results */
.gsc-control-cse {
	margin-left: 0px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;
	font-size: 17px;
	border-width: 1px; border-style: solid;
	white-space: nowrap;
}
/* search box in country index */
div.cindex div.search {
	float: right;
	padding: 0px;
	margin-left: 0px; margin-right: 0px; margin-top: -1px; margin-bottom: 10px;
	width: 242px;
	background-color: #ddd;
	border: #ccc 1px solid;
	border-right: none;
}
div.cindex div.search h2 {
	margin-left: 6px; margin-top: 4px;
	padding: 0;
}
div.cindex div.search form {
	margin-left: 5px; margin-bottom: 5px; margin-top: 2px; 
}
img.search {
	vertical-align: top;
	margin: 0;
	height: 20px; width: 20px;
	border: #ccc 1px solid;
	background-color: #f7f7f7;
}
div.search input#places1, div.search input#placegm, div.search input#placegm3 {
	width: 200px; 
}
div.search .add {
	font-weight:normal; font-size:12px;
	text-transform: none;
}
/* autocomplete */
.ui-menu .ui-menu-item .ui-menu-item-wrapper {
	padding-top: 8px; padding-bottom: 8px;
}

/*** info tables ***/
table.overview {
	margin: 10px;
	width: calc(100% - 22px);
}
table.overview td, table.overview th {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	padding-top: 7px; padding-bottom: 7px; 
	padding-left: 8px; padding-right: 8px;
	vertical-align: top;
	line-height: 18px;
}
table.overview th {
	font-size: 14px;
	line-height: 19px;
	padding-left: 4px; padding-right: 4px;
}
table.overview td.date {
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	padding-left: 4px; padding-right: 4px;
	width: 80px;
}
table.overview td.n {
	text-align: right;
}
table.overview td.icon {
	text-align: center;
	padding: 0 4px; padding-top: 2px;
}
table.overview td.updtext, table.overview td.short {
	font-weight: bold;
}
table.overview td.new, table.data td.new {
	background-color: #ff9;
	text-align: center;
}
table.overview td.update, table.data td.update {
	background-color: #fc3;
	text-align: center;
}
table.overview td.detail {
	background-color: #fcc;
}
table.overview td.site {
	background-color: #eee;
	text-align: center;
}

/*** home page ***/

div.cindex h1.index {
	padding-top: 15px;
}
figure#indeximgfig {
	display: none;
}
p#newstext {
	min-height: 113px;
}

/* slide show */
figure#cpintro, figure#wbmintro {
	margin: 0;
	border-bottom: solid #ccc 1px;
	padding: 0px;
	height: 100px; width: 100%;
	overflow: hidden;
}
figure#cpintro>div, figure#wbmintro>div {
	position: absolute;
}
div#cpintroimg1, div#cpintroimg2, div#wbmintroimg1, div#wbmintroimg2 {
	height: 100px; width: 100%;
	background-position: left center;
	background-size: 900px 100px;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
figure#cpintro div.cpintrotextbox, figure#wbmintro div.wbmintrotextbox {
	margin: 0; top: 152px;
	height: 23px; width: 100%;
	background-color: rgba(128,128,128,0.5);
}
div#cpintrotext, div#wbmintrotext {
	padding-left: 12px; padding-top: 1px;
	font-size: 19px; color: white; font-variant: small-caps; font-weight: bold;
	text-align: left; white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
div#cpintrotext a, div#wbmintrotext a {
	color: white;
}

/* short update overview */
table#updatetab {
	width: 100%;
	margin-left: 0px;
	margin-bottom: 0;
}
table#updatetab td {
	background-color: #fdfdfd;
}
table#updatetab td a {
	color: #000;
}
/* direct links */
.gtlink {
	font-family: "Roboto Condensed", "Helvetica Neue Condensed", sans-serif-condensed, sans-serif;
	white-space: nowrap;
	padding: 8px;
	border: solid 1px #ccc;
	margin: 3px;
	background-color: #eee;
}
.gtlink:hover {
	background-color: #ffee88;
}
.gtlink img.smallicon {
	vertical-align: middle;
}

/*** statistics ***/
img.chart {
	width: 350px; max-width: 100%;
	height: 267px;
}
img.table {
	width: 350px; max-width: 100%;
}

/*** settings ***/
form#measureform  p, form#maplibform  p {
	margin: 10px 25px;
}
#wikilist {
	list-style-type: none;
}
#wikilist li {
	margin: 12px;
	padding: 10px;
	border: #ccc solid 1px;
	width: 270px;
	background-color: #fff
}
#wikilist li:active {
	background-color: #ffa;
	font-weight: bold
}
#wikiform input {
	padding: 10px 15px;
}
#wikiform input:active {
	background-color: #fc3;
	border-color: #777;
	font-weight: bold;
}


/*** article width ***/

article.noviz14 .prio15,
article.noviz13 .prio14,
article.noviz12 .prio13,
article.noviz11 .prio12,
article.noviz10 .prio11 {
	display: none;
}
article.noviz9 .prio10, article.noviz9 .rnative ~ .prio9, article.noviz9 .rarea ~ .prio9, article.noviz9 .rcapital {
	display: none;
}
article.noviz8 .prio9, article.noviz8 .rnative ~ .prio8, article.noviz8 .rarea ~ .prio8, article.noviz8 .rnative ~ .rarea ~ .prio7 {
	display: none;
}
article.noviz7 .prio8, article.noviz7 .rnative ~ .prio7, article.noviz7 .rarea ~ .prio7, article.noviz7 .rnative ~ .rarea ~ .prio6 {
	display: none;
}
article.noviz6 .prio7, article.noviz6 .rnative ~ .prio6, article.noviz6 .rarea ~ .prio6, article.noviz6 .rnative ~ .rarea ~ .prio5 {
	display: none;
}
article.noviz5 .prio6, article.noviz5 .rnative ~ .prio5, article.noviz5 .rarea ~ .prio5, article.noviz5 .rnative ~ .rarea ~ .prio4 {
	display: none;
}
article.noviz4 .prio5, article.noviz4 .rnative ~ .prio4, article.noviz4 .rarea ~ .prio4, article.noviz4 .rnative ~ .rarea ~ .prio3, article.noviz4 .rstatus {
	display: none;
}
article.noviz3 .prio4, article.noviz3 .rnative, article.noviz3 .rarea ~ .prio3 {
	display: none;
}
article.noviz2 .prio3, article.noviz2 .rarea {
	display: none;
}
article.noviz1 .prio2, article.noviz1 .rabbr, article.noviz1 .radm {
	display: none;
}


@media all and (orientation:portrait) {

.landscape {
	display: none;
}
/*table.data td.agglo a {
	display: none;
}*/
table.data .agglo {
	max-width: 55px;
}
table.data .rname {
	max-width: 90px;
}
table.data .rnm {
	max-width: 250px;
}
section#agglosection table#ts th:nth-child(7), section#agglosection table#ts td:nth-child(7) {
	display: none;
}

}


@media all and (orientation:landscape) {

.landscape {
	display: inherit;
}

table.data .agglo {
	max-width: 55px;
}
table.data .rname {
	max-width: 120px;
}
table.data .rnm {
	max-width: 320px;
}
table.data .rcapital, table.data .rnative {
	max-width: 90px;
}

}


@media screen and (min-width: 500px) and (min-height: 270px) {

iframe.ytvideo {
	width: 480px;
	height: 270px;
}
	
}


@media screen and (min-width: 660px) and (min-height: 360px) {

iframe.ytvideo {
	width: 640px;
	height: 360px;
}
	
}


@media screen and (min-width: 1300px) and (min-height: 720px) {

iframe.ytvideo {
	width: 1280px;
	height: 720px;
}
	
}


@media print {

/* not visible */
div.mobiadv, div#communication, div#social, div#helpdiv, div#inforowdiv, nav.inforow, div#headline, section.mobimenu, nav.mobimenu, section.relA, div#actions, div#vizselect, div#searchi, div.search, .gsc-cursor-box, section.ytvideosec  {
	display: none; height: 0px; visibility: hidden;
}
.noprint {
	display: none; 
}

/* general */
p, li, h1, h2, h3, h4, tr, th, td {
	page-break-inside: avoid;
}
h1, h2, h3, h4	{
	page-break-after: avoid;
}
a {
	color: #000 !important;
}
footer {
	height: auto;
}
footer p, div.cindex footer p {
	top: 20px;
}

/* index pages */
header.cpage, article.cpage, header.citypage, header.admpage,  article#table, article#admtable {
	position: static;
	height: auto; top: auto;
	overflow: visible;
}
header.cpage {
	margin-top: 10px;
}
div.cindex {
	margin-left: 0; 
}

/* home page */
figure#cpintro {
	margin-left: 0; width: 100%; 
}
div#cpintroimg1, div#cpintroimg2, figure#cpintro div.cpintrotextbox  {
	width: 100%;
	-webkit-print-color-adjust: exact;
}
/* google search results */
.gsc-control-cse {
	margin-left: 20px;
}