@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,700|Roboto+Condensed:400,700&subset=latin,latin-ext');

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

@media all {

/*** general properties ***/
body,p,h1,h2,h3,h4,ul,ol,th,td,select,input,div {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: black;
}
th,td,input,select {
	font-family: Roboto, sans-serif;
}
body {
	background: #f9f9f9 repeat-x 0px 0px;
	margin: 0px;
}
body[itemscope] {
	overflow: hidden;
}

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

h1, h2, h3, h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	padding: 0px; 
	margin: 2px 0px; 
	color: black;
}
h1 {
	font-size: 24px;
	line-height: 30px;
	text-transform: uppercase;
}
h2 {
	margin: 12px 0 4px 0; 
	font-size: 18px;
	line-height: 22px;
}
h3 {
	margin: 8px 0 4px 0; 
	font-size: 15px;
	line-height: 19px;
}
h4 {
}

p {
	margin: 0 0 4px 0;
	line-height: 18px;
	padding-bottom: 0px; padding-top: 0px; padding-left: 1px;
}

ul {
	margin: 0 0 4px 0;
}
li {
	line-height: 18px;
}
iframe {
	overflow: hidden;
	border-width: 0px;
}

section.content {
	margin-top: 20px;
}
form {
	margin-top: 2px; margin-bottom: 2px;
}
select	{
	margin-top: 3px; margin-bottom: 3px;
	height: 20px;
	font-size: 13px;
}
input {
	margin-top: 3px; margin-bottom: 3px;
	padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px;
	border: 1px solid #ccc;
}
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, .mobi {
	visibility: hidden;
	display: none;
}
.clearleft {  /* after multi-col divs */
	clear: left;
}
.center {
	text-align: center;
}
.uppercase {
	text-transform: uppercase;
}
.smalltext {   /* for headings */
	text-transform: none;
}
.alt {   /* alternative text */
	display: none;
}
.desktop {
}
.tablet {
}
.bgcolor {
	background: #f9f9f9;
}

/*** general tables ***/
table {
	border-spacing: 0px; border-collapse: collapse;
}
table.data, table.overview, table#helptab {  /* means all */
	border-style: solid; border-color: #ccc; border-width: 1px;
	margin-top: 10px; margin-bottom: 8px; margin-left: 0; margin-right: 13px;
}
#helpdiv > table#helptab {
	margin-left: 30px; margin-top: 20px;
}
table.data th, table.overview th, table#helptab th {
	font-family: "Roboto Condensed", sans-serif;
	line-height: 16px;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #ddd;
	padding: 4px 3px;
	border: solid #ccc 1px;
}
table.data th.wrap {
	white-space: normal;
}
th[onclick]:hover {
	background-color: #bbb;
	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, table#helptab td {
	font-size: 13px; line-height: 15px;
	vertical-align: top; 
	text-align: left;
	font-weight: normal;
	background-color: #ffffff;
	padding: 2px 4px;
	border-style: solid; border-color: #ccc; border-width: 1px;
	min-height: 15px;
}
table.data td, table#helptab td {
	font-family: "Roboto Condensed", sans-serif;
}
tr[onclick]:hover td {
	background-color: #ffee88 !important;
	cursor: pointer;
}
tr[onclick] td a {
	z-index: 10;
}

/*** general images ***/
img {
	border-width: 0px;
	padding: 0px; 
}
img.border {
	border: solid #ccc 1px;
}
/* in index pages */
a img.flag, td.flag img, img.flagq {
	border: solid #ccc 1px;
}
img.flag {
	width: 65px; height: 45px;
}
img.flagq {
	width: 45px; height: 45px;
}
img.icon {
	width: 32px; height: 32px;
}
img.explicon {
	width: 36px; height: 36px;
}
.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: "→  ";
	font-family: Calibri, Helvetica, Sans-Serif;
}
header p {
	line-height: 16px;
}
/* in country pages */
header.cpage {
	position: absolute;
	margin-top: 0px;
	left: 180px; top: 32px;
	right: 0px; height: 66px; 
	overflow: hidden;
}
header.citypage, header.admpage {
	margin-top: 10px;
	min-height: 38px;
}
/* in index pages */
div.cindex header {
	min-height: 54px;
	margin-bottom: 0px; margin-top: 0px;
	margin-left: 20px; margin-right: 20px;
	padding-bottom: 10px;
}
div.cindex header.index {
	border-bottom: 0;
	height: auto;
	margin-top: 20px;
	overflow: inherit;
}
div.cindex header h1 {
	padding-left: 0px;
	margin-bottom: 2px;
}
div.cindex header p {
	padding-left: 1px;
	margin: 0px;
}

/* right-top map image */
img#smap {
	float: right;
	border: #ccc 1px solid;
	margin-left: 7px; margin-right: 0px;
	margin-top: 0px; margin-bottom: 5px;
	width: 137px; height: 59px;
}
header.citypage img#smap, header.admpage img#smap {
	border-right: 0;
	width: 70px; height: 32px;
	margin-top: -3px;
}
a img#smap {
	display: none;
}

/* right-top icon image */
header .headicon {
	float: right;
	border: #ccc 1px solid;
	margin-left: 7px; margin-right: 0px;
	margin-top: 3px; margin-bottom: 5px;
	width: 53px; height: 53px;
	background-color: #79c6d0;
}

/* orientation line */
div#headline {
	position: fixed;
	left: 160px; top: 0px; height: 26px; right: 0px;
	background: #ddd;
	border-bottom: #ccc 1px solid;
	z-index: 10;
}
div#headline.hor {
	right: auto;
	left: 160px;
}
div#headline.hor div#orient {
	display: none;
}
div#headline.hor div#social {
	right: 50px;
}
div#orient {
	position: absolute;
	left: 20px;	top: 4px;
	height: 19px; width: auto;
	border: #ccc 1px solid;
	border-bottom: 0px;
	background-color: #f9f9f9;
	padding-left: 8px; padding-right: 8px;
	padding-bottom: 1px; padding-top: 2px;
	font-family: Calibri, Helvetica, sans-serif;
	font-size: 13px;
	z-index: 20;
	margin: 0;
	white-space: nowrap;
}
article div#orient {
	position: static; float: right;
	border-bottom: #ccc 1px solid; border-top: 0; border-right: 0;
	padding-top: 3px; padding-bottom: 0; margin-left: 5px;
	background-color: #eee;
}

div#orient a, div#orient span {
	font-family: "Roboto Condensed", sans-serif;
}

/* in index pages */
.cindex div#headline {
	position: static;
}
.cindex div#orient  {
	left: 180px;	
}

/* social media and language change */
div#social {
	display: block;
	position: fixed;
	right: 20px; top: 0px;
	width: auto; height: 22px;
	z-index: 15;
}
div.changelang {
	float: left;
	margin-right: 0px;
	white-space: nowrap;
}
div.changelang ~ div.changelang {
	margin-left: 12px;
}
div.changelang img, div#social img.socimg {
	height: 26px;
	border: #ccc 1px solid;
	border-top: none;
}
div#social img.socimg:hover, div.changelang img:hover {
	outline: 5px solid #fc3;
}
div#social div.socbutton {
	float: left;
	width: 52px;
	margin-right: 12px;
}

/*** maps ***/
div#map, div#citymap, div#admmap {
	display: block;
	position: absolute;
	left: 180px;
	right: -1px;
	min-height: 100px;
	background-color: #ddd;
	border: #ccc 1px solid;
	padding: 0px;
}
div#map {
	top: 98px; height: 450px;
}
div#admmap, div#citymap {
	top: -1px; height: 40%;
	left: 160px;
}

div#mapcontainer {
	width: 100%; height: 100%;
}
div.video {
	left: 0 !important;
	width: 1280px !important;
	height: 720px !important;
	z-index: 100;
}
div#mapdialogcontainer {
	overflow: hidden;
}

/* tooltips */
div.tooltip {
	display: block;
	position: absolute;
	width: auto; height: auto;
	background-color: #ffffff;
	color: #767676;
	border: #767676 1px solid;
	padding: 2px; padding-left: 4px; padding-right: 4px;
	font-family: Roboto, sans-serif;
	font-size: 13px;
	z-index: 200;
	border-radius: 3px;
	box-shadow: 1px 1px 3px #767676;
}
div.tooltip .ttt {
	font-weight: bold;
}
div.tooltip .tta {
	font-size: 12px;
}
div.tooltip .ttc {
	font-size: 9px;
}
div.Country, div.AdmArea, div.AdminLabel {
	background-color: #ffa;
}

/* 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: 38px;
	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: 36px; height: 36px;
	border-right: #2b2b2b 1px solid;
	border-left: #2b2b2b 1px solid;
}
div#cb_decr_mapwidth, div#cb_incr_mapwidth {
	display: none;
}
div#mapcontainer.swapped div#cb_decr_mapwidth, div#mapcontainer.swapped div#cb_incr_mapwidth {
	display: block;
}
div#mapcontainer.swapped div#cb_decr_mapheight, div#mapcontainer.swapped div#cb_incr_mapheight {
	display: none;
}
div#mapcontainer.detached div#cb_decr_mapwidth, div#mapcontainer.detached div#cb_decr_mapheight,
div#mapcontainer.detached div#cb_incr_mapwidth, div#mapcontainer.detached div#cb_incr_mapheight,
div#mapcontainer.detached div#cb_close, div#mapcontainer.detached div#cb_undock, div#mapcontainer.detached div#cb_swap {
	display: none;
}
div#mapcontainer.detached div#graph, div#mapcontainer.swapped div#graph {
	right: -1px;
}

.item .text {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	position: absolute;
	left: 38px; top: 0px;
	width: 118px;
	color: white;
	height: 36px; line-height: 36px;
	padding-left: 6px; padding-right: 6px; 
	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 */
/* 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: 0; 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;
}
/* graph */
div#graph, div#citygraph, div#admgraph {
	position: absolute;
	right: 36px;
	height: 100px; width: 170px;
}
div#graph {
	display: block;
	z-index: 15;
	bottom: -1px;
}
div#admgraph, div#citygraph {
	display: block;
	z-index: 1;
	border: 0;
	margin-right: 36px;
}
div#admgraph {
	display: none; 
}
div#admgraph.graphcontrol_ol, div#admgraph.graphcontrol_ol, div#citygraph.graphcontrol_ol, div#citygraph.graphcontrol_ol {
	bottom: 0; right: 0;
}
ul#baselayermenu {
	display: block;
}
/* scale and attribution for openlayers */
.ol-scale-line {
	left: 40px; bottom: 3px;
	background-color: transparent;
}
.ol-scale-line-inner {
	color: black;
	font-weight: bold;
	border: 2px solid #000;
	border-top: none;
}
.ol-attribution {
	left: -1px; bottom: -1px;
	padding: 0px; height: 36px;
	right: inherit;
	z-index: 20;
}
.ol-attribution ul {
	height: 36px;
	overflow-y: scroll;
}
.ol-attribution li {
	white-space: nowrap;
	font-size: 11px;
	display: block;
}
.ol-control button {
	border: #2b2b2b 1px solid;
	width: 38px; height: 36px;
	border-radius: 0;
	margin: 0px;
	font-size: 22px;
	vertical-align: top;
}
.ol-control button:hover {
	background-color: #fc3;
}

/* layer menu for openlayers */
ul#baselayermenu {
	display: none;
    width: 195px;
	position: absolute;
	top: 15px;
	right: 30px;
}
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;
}

span.ui-dialog-title {
	font-size: 14px;
}
div.dialogcontent p {
	font-size: 14px;
	font-weight: normal;
	padding: 10px;
}
div.dialogcontent {
	display: none;
}
div.dialogcontent label {
	font-size: 13px;
	font-weight: normal;
}
div.dialogcontent input {
	width: 340px;
	font-size: 13px;
	background-color: white;
}
div.smallDialog .ui-dialog-titlebar-close {
	display: none;
}

/* help pages */
div#helpdiv {
	position: relative;
	right: 0px; top: 0px;
	bottom: 0px; left: 0px;
	background-color: #f9f9f9;
	border: 0;
}
div#helpdiv section {
	float: right;
}
div#helpdiv p {
	margin-bottom: 6px;
}
div#helpdiv table td {
	text-align: right;
}
div#helpdiv table td.text {
	text-align: left;
}
div#helpdiv table td.symb {
	padding-bottom: 0px; 
}
div#legend td.color {
	width: 50px;
}
div#legend td.range {
	width: 160px;
}
div.owmpad {
	padding: 10px 20px;
}
div.owmlegend {
	width: 100%; height: 70px;
}
div.owmlegend div {
	position: relative;
	top: 20px;
	height: 30px; width: 100%;
}
div.owmlegend div.temperature {
	background-image: linear-gradient(to right, rgb(159, 85, 181) 0%, rgb(44, 106, 187) 8.75%, rgb(82, 139, 213) 12.5%, rgb(103, 163, 222) 18.75%, rgb(142, 202, 240) 25%, rgb(155, 213, 244) 31.25%, rgb(172, 225, 253) 37.5%, rgb(194, 234, 255) 43.75%, rgb(255, 255, 208) 50%, rgb(254, 248, 174) 56.25%, rgb(254, 232, 146) 62.5%, rgb(254, 226, 112) 68.75%, rgb(253, 212, 97) 75%, rgb(244, 168, 94) 82.5%, rgb(244, 129, 89) 87.5%, rgb(244, 104, 89) 93.75%, rgb(244, 76, 73) 100%);
}
div.owmlegend div.precipitation {
	background-image: linear-gradient(to right, rgba(172, 170, 247, 0) 0%, rgba(172, 170, 247, 0.4) 5%, rgba(141, 138, 243, 0.9) 50%, rgb(112, 110, 194) 100%);
}
div.owmlegend div.wind {
	background-image: linear-gradient(to right, rgba(255, 255, 0, 0) 0%, rgba(170, 128, 177, 0.44) 8%, rgba(170, 128, 177, 0.54) 12%, rgba(176, 128, 177, 0.71) 24%, rgba(170, 128, 177, 0.84) 48%, rgb(164, 123, 170) 100%);
}
div.owmlegend div.pressure {
	background-image: linear-gradient(to right, rgb(0, 115, 255) 0%, rgb(0, 170, 255) 8.35059%, rgb(75, 208, 214) 24.9192%, rgb(141, 231, 199) 41.4879%, rgb(176, 247, 32) 49.7722%, rgb(240, 184, 0) 58.0565%, rgb(251, 85, 21) 74.6251%, rgb(243, 54, 59) 91.1938%, rgb(198, 0, 0) 100%);
}
div.owmlegend div span {
	position: absolute;
	padding-left: 2px; padding-right: 2px; 
	height: 50px; bottom: 0;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 13px;
}
div.owmlegend div span.v1 {
	left: 0;
	border-left: 1px solid #000;
}
div.owmlegend div span.v2 {
	left: 50%;
	border-left: 1px solid #000;
}
div.owmlegend div span.v3 {
	right: 0;
	border-right: 1px solid #000;
}

/*** dialogs ***/
div#alert p {
	padding: 15px;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}
div.legendDialog .ui-dialog-titlebar, div.alertDialog .ui-dialog-titlebar, div.smallDialog .ui-dialog-titlebar {
	height: 36px;
}
div.legendDialog .ui-dialog-titlebar .ui-dialog-title, div.alertDialog .ui-dialog-titlebar .ui-dialog-title, div.smallDialog .ui-dialog-titlebar .ui-dialog-title {
	font-size: 18px; line-height: 36px;
}
div.legendDialog .ui-dialog-titlebar .ui-dialog-titlebar-close, div.alertDialog .ui-dialog-titlebar .ui-dialog-titlebar-close, div.smallDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	height: 36px; width: 36px;
	background-size: 35px 35px !important;
}

div#usermodedialog {
	padding: 9px 12px;
}
div#usermodedialog label {
	font-weight: normal;
}
div#usermodedialog input[type=range] {
	width: 200px;
}
div#usermodedialog #colorbox {
	display: inline-block;
	height: 30px; width: 75px;
	vertical-align: top;
	border: 1px solid #aaa;
	margin-left: 10px;
}
p.buttonline {
	text-align: right;
	border-top: 1px solid #aaa;
	margin-top: 15px;
}
.okbutton, .cancelbutton, .copybutton {
	display: inline-block;
	height: 45px; width: 45px;
	vertical-align: top;
	border: 1px solid #aaa;
	background-color: #0a0;
	margin: 15px; margin-right: 0;
}
.cancelbutton {
	background-color: #e81123;
}
.copybutton {
	background-color: #bbb;
}
.okbutton:hover, .cancelbutton:hover, .copybutton:hover {
	background-color: #fc3;
}

div#umlinkdialog {
	padding: 9px 12px;
}
div#umlinkdialog input {
	margin-left: 5px;
	width: calc(100% - 10px);
}

/*** 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: -69px;
}
div.slider {
	position: absolute;
	left: -38px; top: 24px;
}
input#dateslider {
	width: 90px;
}
div.load {
	background-color: yellow;
	width: 90px; height: 25px;
	margin-left: 12px;
}
div.controlText, div#topic {
	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#topic {
	position: relative;
	left: 160px; top: 6px; height: 17px; width: auto;
	padding-left: 5px; padding-right: 5px;
	line-height: 17px;
	border: 1px solid #2b2b2b;
	display: none;
	font-weight: normal;
	background-color: white;
}
div#topic img {
	height: 13px; width: 13px;
	vertical-align: text-top;
}

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;
}

div.gm-style-mtc  {
	display: none;
}
div#mapdiv div.gm-style > div:nth-child(2) {  /* google icon */
	margin-left: 46px !important;
	margin-bottom: 10px !important;
}
div#mapdiv div.gm-style > div:nth-last-child(3) {   /* street view icon */
	margin-right: 48px !important;
	margin-left: 48px !important;
}
div#mapdiv div div.gm-style:nth-child(1) {	/* normal map */
	overflow: hidden;
}
div#mapdiv div div.gm-style:nth-child(2) {   /* street view pane */
	z-index: 100 !important;
}


/* map copyright */
div.mcr {
	font-family: Roboto, sans-serif;
	font-size: 10px;
	color: #444;
	padding: 3px; padding-top: 2px; padding-bottom: 0px;
	margin-bottom: 0px; margin-right: -1px;
	white-space: nowrap;
	background-color: rgba(245,245,245,0.7);
	display: none;
	z-index: 1000001 !important;
	height: 13px; text-align: right; vertical-align: text-bottom;
}
div.mcr a, div.mcr a:active , div.mcr a:hover {
	text-decoration: underline;
	color: #444;
}
/* info window */
.infow, .gm-style div.infow  {
	font-family: Roboto, sans-serif;
	font-size: 12px;
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
div#citymap div.gm-style div.gm-style-iw {
	overflow: visible !important;
	width: auto !important; height: auto !important;
}
.infow strong, .gm-style div.infow strong {
	font-size: 13px;
}
.infowsm small {
	font-family: Roboto, sans-serif;
	font-size: 10px;
}

/*** country page content ***/
article.cpage, article#table, article#admtable {
	position: absolute;
	left: 180px;
	bottom: 0px; right: 0px;
	overflow-y: scroll;
	margin-bottom: 1px;
	margin-left: 0;
	top: 429px;
}
/* info sentences */
article.cpage>p.info {
	margin-left: 21px;
	margin-top: 13px;
	text-indent: -19px;
}
article.cpage>p.info::before {
	content: url("/images/icons/info_small.svg");
	padding-right: 5px;
	vertical-align: -1px;
}
article#table, article#admtable {
	margin-top: 1px;
}
section#adminareas {
	margin-top: 13px;
}
section#citysection, section#largecities {
	margin-top: 20px;
}
section#adminareas>p, section#citysection>p {
	margin-bottom: 3px;
}
section#adminareas>p+p, section#citysection>p+p, article#admtable>p+p, section#citysection>p.small, section#areasection>p.small {
	line-height: 16px;
	font-size: 12px;
}
/* for world by map */
section#countrysection {
	margin-top: 20px;
}
section#countrysection table#ts {
	width: 93%;
}
section#countrysection p {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 5px;
}
/* image section */
section.cityimg, section.cityimg600, section.cityimg1200 {
	float: left;
	margin: 8px; margin-left: 0px;
}
section.cityimg img, section.cityimg600 img {
	width: 300px;
	border: #ccc 1px solid; 
}
section.cityimg1200 img {
	width: 600px;
	border: #ccc 1px solid; 
}
p.cr {
	font-size: 13px;
	font-family: Roboto, sans-serif;
}
/* additional information */
hr#hraddinfo {
	min-width: 400px;
}
div#chartgrid {
	margin-top: 8px;
}
div#chartgrid svg > g > g:last-child {
	pointer-events: none;
}
section.addinfo {
	display: inline-flex;
	vertical-align: top;
}
section.addinfo table.data {
	margin-top: 0; margin-left: 0; margin-right: 10px;
	width: 170px;
}
section.addinfo table.data thead tr ~ tr th {
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	padding: 2px;
}
section.addinfo table.col3 {
	width: 240px;
}
section.addinfo table.below {
	width: 240px;
}
section.addinfo table.width {
	width: 280px;
}
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-right: 35px;
	padding-left: 10px;
	margin-bottom: 10px;
}
section[class^=rel] li {
	display: block;
	font-weight: bold;
}
section[class^=rel] li:before {
	content: "→  ";
	font-family: Calibri, Helvetica, Sans-Serif;
}
/* videos */
section.ytvideosec h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}
iframe.ytvideo {
	width: 480px;
	height: 270px;
	border-width: 0;
}

/*** data tables ***/
table.data .unit, table.data .cat {
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
}
/* 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.rarea, table.data td.rpop, table.data td.rev, table.data td.provn, table.data td.agglo,
table.data th.n, table.data tfoot th.rarea, table.data tfoot th.rpop, table.data th.rev {
	text-align: right;
}
table.data th.rpop {
	font-size: 13px;
}
/* text content */
table.data td.radm, table.data tfoot th.radm {
	text-align: left;
}
table.data td.agglo {
	word-wrap: break-word;
}
table.data tbody.adm td, table.data td.provt, table.data td.provn {
	background-color: #ffffaa;
	padding-top: 2px; padding-bottom: 3px; 
	font-weight: bold;
}

table.data tbody.admin2 td.rname {
	padding-left: 10px; 
}
/* summary line */
table.data th.t, table.data th.n, table.data tfoot th {
	font-size: 13px;
	line-height: 13px;
	font-family: "Roboto Condensed", sans-serif;
	background-color: #fc3;
	background-image: none;
}
table.data th.t, table.data tfoot th  {
	text-align: left;
}
table.data tfoot th.rstatus, table.data tfoot th.rcapital, table.data tfoot th.rcapital {
	white-space: normal;
}
table.data tbody.admin1 td {
	font-weight: bold;
	background-color: #ffffaa;
}
table.data tfoot td, table.data tbody.admin0 td {
	font-weight: bold;
	background-color: #fc3;
}
/* order number */
table.data td.cnt {
	text-align: center;
	font-weight: bold;
	background-color: #ddd;
	padding: 0px; 
	width: 18px; line-height: 18px;
}
/* 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;
	padding: 0;
}
div.infosection {
	border: 1px solid #ccc;
	margin: 5px; margin-left: 0; margin-top: 10px;
}
table.data td.showrow, table.data tbody.adm td.showrow, table.data tbody.admin1 td.inforow {
	background-color: #ffffdd;
	padding: 0;
	height: 0;
}
table.data td.inforow p, div.infosection p {
	font-family: "Roboto Condensed", sans-serif;
	margin-top: 6px; margin-bottom: 6px; margin-left: 8px; margin-right: 5px;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
}
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;
}
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;
}
nav.inforow {
	height: 51px;
	width: 100%; 
	line-height: 50px;
	background-color: #ddd;
	border-width: 0px;
	overflow: hidden;
}
nav.inforow img, nav.inforow .irbox  {
	background-color: #ffffdd;
	border-left-width: 0px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 0px;
	border-style: solid; border-color: #ccc;
	width: 50px; height: 50px;
}
nav.inforow img.last {
	border-right-width: 0px; 
}
nav.inforow img:hover {
	background-color: #ffcc33;
}
img.infoicon {
	width: 15px; height: 15px;
	position: relative;
	top: 3px;
}

/* references */
p.source, article.cpage>p.source, p.expl, article.cpage>p.expl {
	margin-bottom: 4px;
	margin-top: 0px;
	font-size: 12px;
	line-height: 16px;
	padding-left: 6px; padding-right: 3px;
}
ul.source {
	margin-bottom: 4px;
	margin-top: 0px;
	padding-left: 22px; 
}
ul.source li, li.source {
	display: block;
	font-size: 12px;
	line-height: 16px;
	margin-top: 0px; margin-bottom: 4px;
	padding-top: 0px; margin-left: -21px;
	vertical-align: top;
}
li.source {
	margin-top: 10px;
}
ul.source li:last-child {
	display: list-item;
	list-style-image: url('/images/icons/references_small.svg');
	margin-left: 0px;
}

/*** menu ***/
section.menu {
	position: fixed;
	left: 0px; top: 0px;
	height: 221px; width: 160px;
	margin: 0px;
	padding: 0px;
	z-index: 40;
	background-image: none;
	overflow: visible;
}

/* logo */
figure#logo {
	position: absolute;
	margin: 0px; padding: 0px;
	left: 0px; top: 0px;
	width: 159px; height: 125px;
	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/logo159q.png');
	background-size: auto;
}
/* menu items */
nav {
	font-family: Roboto, sans-serif;
	margin: 0px; padding: 0px;
	height: auto; max-height: none;
	border: 0;
	overflow: visible;
}
nav#menu {
	position: absolute;
	left: 0px; top: 126px;
	height: 95px; width: 160px;
}
nav#copy {
	height: 23px; width: calc(100% - 20px);
	display: table;
}
nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
nav#copy ul {
	display: table-row;
}
nav li, nav#copy li {
	border: #ccc 1px solid; 
	margin: 0px; padding: 0px;
	height: 26px;
	line-height: 26px;
	color: #000066; background-color: #fc3; 
	font-family: Roboto, sans-serif;
	font-size: 16.5px; font-weight: bold;
	vertical-align: middle;
	text-align: center;  
	white-space: nowrap; 
}
nav#menu ul * {
	vertical-align: middle;
}
nav#menu li {
	height: 42px; line-height: 40px;
	width: 159px; 
	border-top-width: 0px; border-left-width: 0px;
	text-align: left;
}
nav#menu li.topmenuitem {
	height: 0px;
}
nav#menu li.topmenuitem>span {
	display: none;
}
nav#menu ul.submenu {
	position: relative;
	left: 159px; top: -43px;
	z-index: 500;
	overflow: hidden;
	width: 0;
	opacity: 0.3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
nav#menu li:hover>ul.submenu {
	width: 166px;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
nav#menu ul.submenu li {
	border-left-width: 1px;  
	width: 164px; 
}
nav#menu ul.submenu li.small {
	font-family: "Roboto Condensed", sans-serif;
}
nav#menu ul.submenu li:first-child {
	border-top-width: 1px;  
}
nav#menu img {
	width: 40px; height: 40px;
	margin-left: 5px;
	margin-right: 10px;
}
nav#menu ul.submenu img {
	margin-left: 0px;
	margin-right: 3px;
}
nav#copy li {
	display: table-cell;
}
nav#copy li.date {
	width: 122px;
	background-color: white;
	border-right-width: 0px;
}
nav li a {
	display: block;
	padding: 0px;
	color: #006; background-color: #fc3; 
	text-decoration: none;
	margin: 0px;
	padding-left: 3px; padding-right: 3px;

}
nav li a:hover {
	background-color: #006; color: #fc3; 
	text-decoration: none;
	width: auto;
}

/*** footer ***/
footer {
	position: relative; top: 23px;
	overflow: hidden;
	clear: both;
	margin-left: 20px;
}
article.cpage footer {
	margin-left: 0;
}
div#communication {
	margin-top: 10px;
}
div#copyright {
	font-family: Roboto, sans-serif;
	font-size: 13px;
	text-align: right;
	margin-right: 20px; margin-top: 7px; margin-bottom: 10px;
	padding: 0; 
	white-space: nowrap;
}

/*** advertisments ***/
div#adv, div#advindex {
	display: block;
	position: fixed;
	left: 0px; top: 298px;
	width: 160px; bottom: 0px; 
	height: auto;
	padding: 0px;
	overflow: hidden;
	background-color: #ddd;
	background-image: url("/images/advindexbg.png") !important;
}
div#continentadv {
	display: block;
	width: 336px; height: 280px;
	margin-top: 20px; margin-bottom: 10px; 
	margin-left: 10px; margin-right: 20px;
	float: right;
}
div#continentadv iframe {
	display: block;
	width: 336px; height: 280px;
	padding: 0px; margin: 0px;
}

/* in data pages */
div.adv300_250 {
	display: block;
	margin-top: 18px; margin-bottom: 12px; 
	margin-left: 31px; margin-right: 13px;
	float: right;
	width: 300px; height: 250px; padding: 0px;
}
div.adv728_90, div#advhor {
	display: block;
	padding: 0px;
	padding-top: 25px; margin-bottom: 15px;
	margin-left: 0px; margin-right: 0px;
	min-width: 560px; height: 90px;
	overflow: hidden;
}
div#advhor {
	margin-bottom: 0px;
	clear: left;
}
ins.mobiad {
	display: none;
}
/*** additional gmap ***/
div#gmap {
	position: fixed;
	top: 25px; bottom: 0px;
	left: 19px; right: 19px; 
	max-height: 646px;
	border-width: 0px;
	box-shadow: 3px 3px 6px #697b8b;
	z-index: 90;
	display: none;
}
iframe#gmapframe {
	position: absolute;
	left: 0px; top: 0px;
	bottom: 0px; right: 0px;
	width: 100%; height: 100%;
	background-color: #2b2b2b;
	padding: 0px;
	z-index: 80;
}
img#gmapclose {
	position: absolute;
	right: 0px; top: 0px;
	height: 45px; width: 45px;
	background-color: #e81123;
	z-index: 81;
}
img#gmapclose:hover {
	background-color: #fc3;
}
/*** additional weather ***/
div#weatherdialog, div#videodialog {
	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, div#videodialog h1 {
	font-family: "Roboto 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", sans-serif;
	font-size: 16px;
}
div#weatherdialog p strong.large {
	font-size: 24px;
}
div#weatherdialog  p.info {
	font-size: 13px;
	margin-top: 10px;
}
div#weatherdialog input {
	padding-left: 8px; padding-right: 8px;
}
div#videodialog input[type=button] {
	padding: 15px; margin: 10px;
}
div#videodialog input[type=text] {
	width: 250px;
}
div#weatherdialog input[type=button]:hover, div#videodialog input[type=button]:hover {
	background-color: #fc3;
	border-color: #777;
	font-weight: bold;
}

/*** index page content ***/
div.cindex {
	margin-top: 0px; margin-bottom: 0px;
	border-spacing: 0px;
	padding: 0px;
	margin-left: 160px;
}
div#headline + div.cindex {
	margin-top: 34px;
}
div.cindex h1 {
	margin-left: 0px; margin-top: 2px; margin-bottom: 17px;
	padding: 0px; padding-left: 20px; padding-right: 10px;
}
div.cindex>h1, div.cindex div.col>h2 {
	margin-top: 20px; margin-bottom: 10px;
	padding: 0px; margin-left: 20px; margin-right: 20px;
	border-bottom: #ccc 1px solid;
	font-size: 16px;
	line-height: 19px;
	clear: left;
}
div.cindex div.col>h2 {
	margin-left: 20px; margin-right: 0px;
	margin-top: 10px; margin-bottom: 10px;
	clear: inherit;
	white-space: nowrap;
	min-width: 400px;
}
div.cindex h2 {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 20px; margin-bottom: 3px;
	padding: 0px; padding-left: 20px; padding-right: 10px;
	vertical-align: top;
	clear: left;
}
div.cindex h3 {
	padding: 0px; padding-left: 20px; padding-right: 10px;
}
div.cindex h3.sep {
	font-variant: small-caps;
}
div.cindex th h3 {
	margin: 2px;
	font-weight: bold; 
	vertical-align: top; 
	line-height: 20px;
}
div.cindex h4 {
	padding: 0px; padding-left: 20px; padding-right: 10px;
}

div.cindex .head {
	font-weight: bold; 
}
div.cindex p, div.cindex ul {
	margin-bottom: 8px;
	padding: 0px; padding-left: 20px; padding-right: 10px;
}
div.cindex p.ff {
	margin-bottom: 0px;
}
div.cindex p small, div.cindex p.small, div.cindex span.small, div.cindex ul li small  {
	font-size: 12px;
}
div.cindex p.link {
	font-size: 12px;
	line-height: 16px; 
	text-align: right;
	margin-top: 0px; margin-bottom: 1px; margin-right: 2px;
	font-weight: bold; 
}
div.cindex div.content p {
	margin-bottom: 5px;
} 
div.cindex ul.continent {
	margin-left: 90px;
}
div.cindex div.content ol {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
div.cindex li {
	margin-left: 25px;
	padding: 0px; padding-left: 0px; padding-right: 10px;
	margin-top: 5px; margin-bottom: 0px;
}
div.cindex ul.continent  li {
	padding-left: 0px;
}
div.cindex div.content li {
	margin-top: 0px;
}
div.cindex img.flag, div.cindex img.flagq {
	float: left;
	padding: 0px;
	margin-right: 20px; margin-top: 2px; margin-left: 1px;
	border-width: 1px;
}
div.cindex img.flagq {
	margin-right: 40px; 
}
div.cindex img.icon {
	float: left;
	padding: 0px;
	margin-right: 20px; margin-top: 2px; 
}
div.cindex div.expl, div.cindex div.top10 {
	float: right;
	width: 300px;
	margin: 10px; margin-right: 0;
	background-color: #eee;
	border: solid #ccc 1px; border-right: 0;
}
div.cindex div.top10 {
	height: 126px;
}
div.cindex header div.expl {
	position: relative;
	width: 180px;
	top: -52px;
	padding: 5px; padding-left: 8px;
}
div.cindex div.adv {
	display: block;
	margin: 10px; margin-left: 20px;
	clear: left;
	overflow: hidden;
}
div.cindex div.adv iframe {
	padding: 0px;  
	width: 728px; height: 90px;
}
div.cindex table.select {
	padding: 0px;
	margin-top: 5px; margin-bottom: 15px;
}
div.cindex table.select td {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	background-color: white;
	padding-left: 4px; padding-right: 4px;
}
div.cindex table.select td a {
	font-weight: bold; 
}
div.cindex table.select th p {
	font-size: 14px;
	padding: 0px;
	margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 2px;
	line-height: 17px;
}
div.cindex figure.worldmap {
	margin-left: 0; margin-right: 0;
}
div.cindex figure.worldmap embed {
	width: 100%;
}
div.cindex figure.countrymap {
	margin-left: 20px; margin-right: 0px;
}
div.cindex figure.countrymap embed {
	width: calc(100% - 30px); max-width: 706px;
	background-color: #fff;
	padding: 10px;
	border: #ccc solid 1px;
}
img#worldimagemapimg {
	display: none;
}
div.cindex summary {
	margin-left: 20px; margin-right: 20px; margin-top: 10px;
	padding-left: 5px; padding-right: 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: 25px; margin-top: 5px; margin-bottom: 15px; margin-right: 20px;
}

div.cindex img.rightimg {
	float: right;
	padding: 0px;
	margin-left: 10px; margin-right: 20px; margin-top: 4px; margin-bottom: 4px; 
	border-style: solid; border-color: #ccc; border-width: 1px;
	max-width: 80%;
}

/*** index page multicolumns ***/
div.cindex div.mcol {
	padding: 0px; padding-left: 0px; padding-right: 10px;
	margin-top: 5px; 
	height: auto;
	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.col {
	float: left;
	height: 100%;
	margin-bottom: 15px;
	min-width: 200px;
}
div.col ul {
	margin: 0px;
	padding-left: 20px; padding-right: 20px;
}
section.mcol ul {
	margin-top: 0;
}
div.col ul~ul {
	margin-top: 12px;
}
div.col figure {
	margin: 0;
	margin-left: 20px; margin-bottom: 20px;
}
div.col li {
	padding: 0px;
	margin-top: 5px; margin-bottom: 0px;
}
section.mcol li {
	page-break-inside: avoid;
	margin-top: 0; margin-bottom: 5px;
}
div.col li a, section.mcol li a {
	font-weight: bold; 
}

/*** multi-column boxes ***/
div.mcolboxes  {
	margin-top: 5px; margin-bottom: 20px;
	clear: left;
}
header+div.mcolboxes  {
	margin-top: 20px;
}
div.mcolboxes  div.mcolboxes  {
	margin-right: -10px; margin-bottom: 0px;
}
div.mcolboxes>ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-right: 0 !important;
}
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: 10px; margin-left: 0;
	padding: 10px;
	width: 100%;
	background-color: #fff;
	font-weight: bold;
	color: #000;
	font-size: 14px;
}
div.mcolboxes  div.mcolboxes>ul>li>a  {
	margin-bottom: 0; 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 {
	border: #999 1px solid;
	box-shadow: 3px 3px 6px #697b8b;
}
div.mcolboxes>ul>li>div.noselect {
	background-color: #eee;
}
div.mcolboxes>ul>li>div.noselect:hover {
	border: #ccc 1px solid;
	box-shadow: none;
}
div.mcolboxes>ul>li>div.transparentbox {
	background-color: transparent;
	border-color: transparent;
}
div.mcolboxes>ul>li>div.transparentbox:hover {
	border-color: transparent;
	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% - 6px);
}
div.mcolboxes>ul>li input#places1:focus, div.mcolboxes>ul>li input#countries1:focus {
	box-shadow: 3px 3px 6px #697b8b;
}
/* 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 .currnews {
	font-size: 22px
}
div.mcolboxes>ul>li>div.ytbox {
	padding: 0;
}
iframe.ytbox {
	width: 100%; height: 100%;
	border: 0; padding: 0;
	margin-bottom: -4px;
}	

/*** SVG Patch for MS Edge ***/

g#all path { fill: #95a894; stroke: #fff; stroke-width: 1 }
g#all path.selected { fill: #e81123; stroke: #e81123; stroke-width: 3 }
g#all path.outlined { fill: #fff; stroke: #fff; stroke-width: 5 }
g#all path#x { fill: #ddd; stroke: none }

/*** icon rows ***/


figure.chronoicon, figure.smallicon {
	display: inline-block;
	margin: 0; 
	position: relative;
	border: #ccc 1px solid;
}

figure.chronoicon {
	margin-left: 20px; margin-top: 20px;
	min-width: 300px; min-height: 300px;
}
figure.chronoicon div.cap {
	position: absolute;
	left: 5px; top: 2px; right: 2px;	
	padding-left: 5px; padding-right: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-variant: small-caps; font-weight: bold; font-size: 14px;
	font-size: 60px;
	text-transform: uppercase;
	color: #006;
	text-shadow: 2px 2px #f9f9f9, -2px 2px #f9f9f9, 2px -2px #f9f9f9, -2px -2px #f9f9f9;
}
figure.chronoicon:hover {
	border: #999 1px solid;
	box-shadow: 5px 5px 10px #697b8b;
}
figure.chronoicon section {
	position: absolute;
	top: 0; right: 0; left: 0; bottom: 0;
	background-color: rgba(255,255,255,0.97);
	padding: 5px; margin: 0;
	border: #aaa 5px 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: 15px; line-height: 19px;
}
figure.chronoicon section h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px; line-height: 34px;
	color: #006;
	margin-bottom: 10px;
}
figure.chronoicon section img {
	position: absolute;
	top: 0px; right: 0px; width: 40px; height: 40px;
	background-color: #e81123;
}
figure.chronoicon section img:hover {
	background-color: #fc3;
}
figure.chronoicon img {
	position: absolute;
	width: 300px;
	height: 300px;
}

figure.smallicon {
	margin-right: 20px; margin-top: 20px;
	min-width: 75px; min-height: 92px;
	background-color: #ddd;
}
figure.smallicon:hover {
	border: #999 1px solid;
	box-shadow: 3px 3px 6px #697b8b;
	background-color: #fe8;
}
figure.smallicon figcaption {
	position: absolute;
	left: 0; right: 0; bottom: 0; height: 14px;
	padding-top: 2px; 
	background-color: white;
	font-family: 'Roboto Condensed', sans-serif;
	font-variant: small-caps; font-weight: bold; font-size: 14px;
	font-size: 11px;
	text-transform: none; font-variant: none; font-weight: normal;
	text-align: center;
	white-space: nowrap;
}
figure.smallicon img {
	position: absolute;
	width: 75px;
	height: 75px;
}

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


div.flagicons {
	margin-top: 15px; margin-right: -8px; margin-bottom: -8px;
	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: 0 !important; margin-bottom: 6px !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 ***/
div#form {
	margin-top: 15px;
}
form#googlesearchform {
	margin-left: 20px; margin-right: 20px; margin-top: -16px;
	padding-left: 5px;
	background-color: #ddd;	
	border: 1px solid #ccc;
}
input#places1, input#countries1, input#submits1 {
	font-size: 14px;
	border: 1px solid #bbb;
	margin: 5px; margin-left: 0; margin-right: 0;
	width: 300px; height: 20px;
}
input#places1:focus, input#countries1:focus {
	border-color: #777;
}
input#submits1 {
	background: url('/images/icons/search4button.svg') no-repeat;
	background-color: #f7f7f7;
	background-position: left center;
	width: auto; line-height: 18px;
	padding-left: 20px; padding-right: 5px;
	box-sizing: content-box;
}
input#submits1:hover {
	background-color: #fc3;
	border-color: #777;
	font-weight: bold;
}

/* search results */
div#results {
	clear: left;
	margin-left: 23px;
}
div#results p.resultinfo {
	font-size: 13px;
	padding-left: 8px;
	margin-top: 7px; margin-bottom: 5px;
	color: #676767;
}
div#results p.result {
	font-size: 14px;
	height: 20px;
	padding-left: 8px; padding-right: 4px;
	border-style: solid; border-color: #f9f9f9; border-width: 1px;
	margin-top: 0px; margin-bottom: 0px; margin-right: 10px;
	overflow: hidden;
}
div#results p.result:hover {
	background-color: white; border-color: rgb(136,152,191);
	cursor: pointer;
}
div#results p.result span.url {
	font-size: 12px;
	color: #008000;
	padding-left: 4px;
}
div#results p.result a {
	text-decoration: underline;
	color: blue;
}
/* google search results */
.gsc-control-cse {
	margin-left: 170px;
	padding-top: 0px !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	margin-left: 20px;
	padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;
	font-size: 20px;
	border-width: 2px; border-style: solid;
}
/* search box in country index */
div.cindex div.search {
	float: right;
	padding: 0px;
	margin-left: 10px; margin-right: 20px; margin-top: 20px; 
	width: 300px;
	background-color: #ddd;
	border: #ccc 1px solid;
}
div.cindex div.search h2  {
	margin-left: 10px; padding-left: 0px; margin-top: 0px; padding-top: 1px;
	font-size: 15px;
}
div.cindex div.search form {
	margin-left: 10px; margin-bottom: 5px; margin-top: 2px; 
}
img.search {
	vertical-align: top;
	margin: 0;
	height: 22px; width: 22px;
	border: #ccc 1px solid;
	background-color: #f7f7f7;
}
img.search:hover {
	border-color: #777;
	background-color: #fc3;
}
div.search input#places1, div.search input#placegm, div.search input#placegm3 {
	width: 250px; 
}
div.search input#places1  {
	margin: 0;
}
div.search .add {
	font-weight: normal; font-size: 15px;
	text-transform: none;
}

/*** info tables ***/
table.overview {
	border-style: solid; border-color: #ccc; border-width: 1px;
	margin-top: 12px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px;
}
table.overview td, table.overview th {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	padding-top: 2px; padding-bottom: 2px; 
	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;
	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: #ff0;
	text-align: center;
	width: 85px;
}
table.overview td.update, table.overview td.updated, table.data td.update {
	background-color: #fc3;
	padding-left: 4px; padding-right: 4px;
	text-align: center;
	width: 85px;
}
table.overview td.detail {
	background-color: #fcc;
}
table.overview td.site {
	background-color: #eee;
	text-align: center;
	width: 85px;
}

/*** home page ***/

div#indexadv {
	position: absolute;
	right: 0px; top: 501px;
	padding-top: 15px;
	height: 280px; width: 336px;
}
div#indexadv iframe {
	height: 280px; width: 336px;
}
/* slide show */
figure#cpintro {
	margin: 0; margin-left: 160px;
	border-bottom: solid #ccc 1px;
	padding: 0px;
	height: 350px; /*500px*/ width: calc(100% - 160px);
	overflow: hidden;
}
figure#cpintro>div {
	position: absolute;
}
div#cpintroimg1, div#cpintroimg2 {
	height: 350px; /*500px*/ width: calc(100% - 160px);
	background-position: left center;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
figure#cpintro div.cpintrotextbox {
	margin: 0px; top: 290px; /*430px*/
	height: 60px; /*70px*/ width: calc(100% - 160px);
	background-color: rgba(128,128,128,0.5);
}
div#cpintrotext {
	padding-left: 15px; padding-top: 1px; /*2px*/
	font-size: 41px;/*46px*/ 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 {
	color: white;
}

/* short update overview */
table#updatetab {
	width: 100%;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 0;
}
table#updatetab :hover {
	box-shadow: 3px 3px 6px #697b8b;
}
table#updatetab td {
	background-color: #fdfdfd;
}
table#updatetab td a {
	color: #000;
}
table#updatetab td a:hover {
	text-decoration: none;
	box-shadow: none;
}

/* direct links */
.gtlink {
	white-space: nowrap;
	margin-left: 8px;
	font-family: Roboto, Sans-Serif;
}
.gtlink:before {
	content: "→ ";
	font-family: Calibri, Helvetica, Sans-Serif;
}

/*** web statistics ***/
img.chart {
	width: 350px;
	height: 267px;
}
img.table {
	width: 350px;
}

/*** settings ***/
#wikilist {
	list-style-type: none;
}
#wikilist li {
	margin: 10px;
	padding: 4px 10px;
	border: #ccc solid 1px;
	width: 300px;
	background-color: #fff
}
#wikilist li:hover {
	background-color: #fc3;
	cursor: pointer;
}
#wikilist li:active {
	background-color: #ffa;
	font-weight: bold
}
#wikilist li:active::first-letter {
	color: red
}
#wikiform input {
	padding: 5px 15px;
}
#wikiform input:hover {
	background-color: #fc3;
	border-color: #777;
	font-weight: bold;
}

}

@media screen {

/*** article width ***/

article.noviz14 .prio15,
article.noviz13 .prio14,
article.noviz12 .prio13,
article.noviz11 .prio12,
article.noviz10 .prio11,
article.noviz9 .prio10, article.noviz9 .rnative ~ .prio9, article.noviz9 .rarea ~ .prio9, article.noviz9 .rcapital,
article.noviz8 .prio9, article.noviz8 .rnative ~ .prio8, article.noviz8 .rarea ~ .prio8, article.noviz8 .rnative ~ .rarea ~ .prio7,
article.noviz7 .prio8, article.noviz7 .rnative ~ .prio7, article.noviz7 .rarea ~ .prio7, article.noviz7 .rnative ~ .rarea ~ .prio6,
article.noviz6 .prio7, article.noviz6 .rnative ~ .prio6, article.noviz6 .rarea ~ .prio6, article.noviz6 .rnative ~ .rarea ~ .prio5,
article.noviz5 .prio6, article.noviz5 .rnative ~ .prio5, article.noviz5 .rarea ~ .prio5, article.noviz5 .rnative ~ .rarea ~ .prio4,
article.noviz4 .prio5, article.noviz4 .rnative ~ .prio4, article.noviz4 .rarea ~ .prio4, article.noviz4 .rnative ~ .rarea ~ .prio3, article.noviz4 .rstatus,
article.noviz3 .prio4, article.noviz3 .rnative, article.noviz3 .rarea ~ .prio3,
article.noviz2 .prio3, article.noviz2 .rarea,
article.noviz1 .prio2, article.noviz1 .rabbr, article.noviz1 .radm {
	width: 0; max-width: 0; padding-left: 3px; padding-right: 0; border-bottom: 0; border-top: 0;
	background-image: url(/images/h1.gif); background-attachment: fixed;
	overflow: hidden; white-space: nowrap;
}

}

@media screen and (max-width: 950px) {

/*** home page ***/

div#updatediv {
	border-width: 0px;
	background-color: #f9f9f9;
	display: block;
	position: static;
	margin-left: 180px;
	padding-left: 5px;
	height: auto; width: auto;
}
figure#cpintro {
	border-right: 0;
}


}


@media screen and (max-width: 650px) {

/* footer */

nav#copy li.date, nav#copy li.addr {
	font-size: 14px;
}

}

@media screen and (max-height: 850px) {

/* logo */
figure#logo {
	width: 78px; height: 62px;
	background-size: 100%;
	background-position: bottom left;
}

/* adv */
div#advindex, div#adv {
	left: 0px; top: 63px;
	right: auto;
}

/* menu items */
section.menu {
	height: 63px;
}
nav#menu {
	left: 79px; top: 0px;
	height: 62px; width: 78px;
}
nav#menu li.topmenuitem {
	height: 62px; width: 80px;
	border-right-width: 1px; border-bottom-width: 1px;
	border-top-width: 0px; border-left-width: 0px;
	line-height: 22px;
	display: block;
}
nav#menu li.topmenuitem>span {
	display: inherit;
	text-align: center;
}
nav#menu li.topmenuitem>span>img {
	display: block;
	margin-left: 20px;
}

nav#menu ul.mainmenu {
	position: relative;
	left: 80px; top: -36px;
	overflow: hidden;
	width: 0;
	opacity: 0.3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
nav#menu li:hover>ul.mainmenu {
	width: 161px; 
	overflow: visible;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
nav#menu ul.mainmenu li {
	border-left-width: 1px;
	text-align: left;
}
nav#menu ul.mainmenu>li:first-child {
	border-top-width: 1px;  
}
nav#menu ul.mainmenu>li * {
	vertical-align: middle;
}

nav#menu ul.submenu {
	top: -43px;
}

}


@media screen and (max-height: 875px) {
/*
figure#cpintro {
	height: 425px;
}
figure#cpintro div.cpintrotextbox {
	top: 365px; height: 60px;
}
div#cpintrotext {
	font-size: 41px; padding-top: 1px;
}
div#cpintroimg1, div#cpintroimg2 {
	height: 425px;
}
*/
div#indexadv {
	top: 426px;
}
div#updatediv {
	top: 732px;
}

}


@media screen and (max-height: 800px) {
/*
figure#cpintro {
	height: 350px;
}
figure#cpintro div.cpintrotextbox {
	top: 290px; height: 60px;
}
div#cpintrotext {
	font-size: 41px; padding-top: 1px;
}
div#cpintroimg1, div#cpintroimg2 {
	height: 350px;
}
*/
div#indexadv {
	top: 351px;
}
div#updatediv {
	top: 657px;
}

}


@media screen and (max-height: 700px) {

figure#cpintro {
	height: 250px;
}
figure#cpintro div.cpintrotextbox {
	top: 200px; height: 50px;
}
div#cpintrotext {
	font-size: 36px; padding-top: 0px;
}
div#cpintroimg1, div#cpintroimg2 {
	height: 250px;
}
div#indexadv {
	top: 251px;
}
div#updatediv {
	top: 557px;
}

}


@media print {

/* not visible */
div#adv, div#advindex, div#advhor, div.adv, div.adv#places, div#communication, div#map, div#mapdiv, div#admmap, div#citymap, div#mapcontainer, div#maplconrl, div#maprconrl, div#gmap, div#mapadds, div.mapDialog, div.weatherDialog, div#social, div#helpdiv, div#inforowdiv, nav.inforow, div#headline, section.menu, section.relA, div#actions, div#vizselect, div#searchi, div.adv300_250, div.adv728_90, div#continentadv, div#indexadv, div.search, .gsc-cursor-box , section.ytvideosec {
	display: none; height: 0px; visibility: hidden;
}
.noprint {
	display: none; 
}

/* general */
a {
	color: #000;
}
p, li, h1, h2, h3, h4, tr, th, td {
	page-break-inside: avoid;
}
h1, h2, h3, h4	{
	page-break-after: avoid;
}
/* country pages */
header.cpage img#smap {
	width: 95px; height: 40px;
	display: block;
}
/* 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;
}

}