* { margin: 0px; padding: 0px; }

html { font-size: 62.5%; 
  /* default font-size is 100% (16px | 1em)  */
  }
body { font-family: Roboto, Verdana, Arial, Helvetica, sans-serif; /*font-size: 10px;**/ font-size: 1.0rem; margin: 0.5rem; text-align: left; background-color: rgb(160, 152, 139); color: rgb(255, 255, 255); cursor: default; }

div#wrapper { font-size: 1.5rem; }
h1, h2, h3, h4, h5, h6 { font-size: 1.4rem; }
a:link, a:visited, a:active { color: rgb(255, 255, 255); text-decoration: none; }
#wrapper { overflow: hidden; width: 100%; }
.column { float: left; width: 31%; margin-right: 3.1%; }
.last { margin-right: 0px; }
/* target smaller screens in 2 steps (mobile devices or small desktop windows) */
@media screen and (max-width: 1024px) { 
	#left { width: 49%; margin-right: 0.0%; }
	#center { width: 49%; margin-right: 0.0%; }
	#right { width: 49%; }
}
@media screen and (max-width: 800px) {
	#left.column, #center.column, #right.column { width: 100%; }
}
#mainlogo { background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border: none; background-color: inherit; }
#mainlogo img.mainlogo, #mainlogo span img.mainlogo { margin: 1rem auto; display: block; height: calc(350px - 25%); width: calc(350px - 25%); }
.noDisc.qrcode, #qrcode { background-color: rgb(100, 100, 100); cursor: default; }
#qrcode { height: calc(200px - 15%); width: calc(200px - 15%); display: block; margin: 0px auto; }
span[data-filetype="extUrl"] { background: url("/assets/icons/url_icon-16x16.png") no-repeat; width: 16px; height: 16px; }
span[data-filetype="extUrl-small"] { background: url("/assets/icons/url_icon-11x11.png") no-repeat; width: 11px; height: 11px; }
@media screen and (max-width: 800px) {
	#mainlogo { display: none; }
	li#qrcode { display: none; }
}
#left img, #right img { max-width: 94%; }
#travelNews img { max-width: 94%; }
ul, #left ul > li { margin-left: 0.5em; }
li { padding: 0.1em 0px; }
.noDisc, .title { list-style: none; }
.Disc { list-style: disc; margin-left: 1em; }
li a { display: block; }
#center nav > ul > li > ul > li, #right nav > ul > li > ul > li { margin-left: 1em; }
.noDisc:hover, .Disc:hover, .timeDate a:hover, .timeDate iframe:hover { background: rgb(85, 85, 85); }
.noDisc.qrcode:hover, #qrcode:hover { background-color: rgb(100, 100, 100); cursor: default; }
.sectionBox { background-color: rgb(100, 100, 100); box-shadow: rgb(17, 17, 17) 5px 5px 7px; margin: 0em 0em 1.5em 0.5em; padding: 0.5em 0.3em; }
.sectionBox p, header p { margin: 1rem; }
.sectionBox p a, header p a, .LicRDFa10 a, .LicRDFa11 a { font-weight: 600; }
.sectionBox h1, .sectionBox h2, .sectionBox h3, .sectionBox h4 { margin: 0px 0px 0.2em; padding: 0em 0.2em; background-color: rgb(85, 85, 85); border: 1px solid rgb(68, 68, 68); }
.icon { box-shadow: none; border: 0px; }
.sectionBox img.icons-left { box-shadow: none; border: 0px; }
.sectionBox img.icons-right { box-shadow: none; border: 0px; float: right; margin-right: 0.5em; }
.scriptImg #travelNews { border: 1px solid rgb(102, 102, 102); width: 95%; }
.scriptImg { margin: 0em 0em 0em 1rem; }
.scriptImg img { box-shadow: rgb(17, 17, 17) 5px 5px 7px; }
.scriptImg p { font-size: 1.1rem; margin: 0px; color: rgb(204, 204, 204); }
.boxImage { }
.scriptImg:hover img { z-index: 2; }
.LicRDFa11 { margin: 0.5em 0px; }
#gFollow { margin: 1em 0px 1em 1em; }
#socialTags li { display: inline; margin-left: 0.5em; }
#networking nav { margin-bottom: 1em; }
#networking iframe { background-color: transparent; border: 0px none transparent; overflow: hidden; }
.redBox, .ccLicense, .License { margin-left: 0px; margin-right: 0px; border: 1px solid rgb(68, 68, 68); padding: 0.2em 0.2em 0.5em 0.6em; background-color: rgb(102, 102, 102) !important; }
p.ccLicense img { float: left; padding: 0.5rem 0.5rem 0px 0px; }
/* see also https://stackoverflow.com/questions/48349716/attempt-to-write-jquery-fadeto-effect-in-javascript */
#wrapper { pointer-events: none; }
.sectionBox { pointer-events: auto; }
#wrapper:hover .sectionBox { opacity: 0.6; transition: opacity 250ms ease-in-out; }
#wrapper:hover .sectionBox:hover { opacity: 1; }
#left > .sectionBox > nav > ul.NavUL1, .noDisplay, #swissPanorama { position: absolute; clip: rect(0px 0px 0px 0px); width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; overflow: hidden; }
#left > .sectionBox > nav.subMenu0, .noDisplay { position: absolute; clip: rect(0px 0px 0px 0px); width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; overflow: hidden; }
.noDisplay { }
#left .sectionBox:hover nav > ul.NavUL1, #left nav li:hover > ul { clip: auto; height: auto; width: auto; margin: 0px 0px 0px 12%; padding: 0.5em 0.5em 0.5em 0em; border: 1px solid rgb(68, 68, 68); box-shadow: rgb(34, 34, 34) 8px 8px 11px; overflow: visible; }
#left .sectionBox:hover > nav.subMenu0 { clip: auto; height: auto; width: auto; padding: 0.5em 0.5em 0.5em 0em; border: 1px solid rgb(68, 68, 68); overflow: visible; }
#left .subMenu1, #left .subMenu2 { }
#left > .sectionBox > nav.subMenu0 { z-index: 1; margin: -1.8em 0px 0px 10%; box-shadow: rgb(34, 34, 34) 8px 8px 11px; background: rgb(119, 119, 119); }
#left > .sectionBox > nav.lastSection { margin-top: -7em; }
#left > .sectionBox > nav.subMenu0 h2, #left > .sectionBox > nav.subMenu0 h3, #left > .sectionBox > nav.subMenu0 h4 { margin-left: 0.5em; }
#left > .sectionBox > nav.subMenu0 > h3 { }
.subMenu1 li, .subMenu2 li { padding: 0em 0px; }
#back-top { opacity: 0; transition: all 0.35s ease-in-out; position: fixed; z-index: 3; right: 2rem; top: 50%; font-size: 1.4rem; font-weight: bold; text-decoration: none; border: 2px solid rgb(68, 68, 68); background: rgb(100, 100, 100); padding: 10px; box-shadow: rgb(17, 17, 17) 5px 5px 7px; }

/*
.gsc-control-cse { font-family: Verdana, sans-serif; border-color: rgb(0, 0, 0); background-color: rgb(100, 100, 100); }
.gsc-control-cse .gsc-table-result { font-family: Verdana, sans-serif; }
input.gsc-input { border-color: rgb(0, 0, 0); }
input.gsc-search-button { border-color: rgb(102, 102, 102); background-color: rgb(206, 206, 206); }
.gsc-tabHeader.gsc-tabhInactive { border-color: rgb(233, 233, 233); background-color: rgb(233, 233, 233); }
.gsc-tabHeader.gsc-tabhActive { border-top-color: rgb(255, 153, 0); border-left-color: rgb(233, 233, 233); border-right-color: rgb(233, 233, 233); background-color: rgb(255, 255, 255); }
.gssb_c { border: 0px; position: absolute; z-index: 989; }
.gssb_e { border-width: 1px; border-style: solid; border-color: rgb(217, 217, 217) rgb(204, 204, 204) rgb(204, 204, 204); border-image: initial; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; cursor: default; }
.gssb_f { visibility: hidden; white-space: nowrap; }
.gssb_e { border: 0px; }
input.gsc-input::-webkit-input-placeholder { font-size: 14px; }
input.gsc-input:focus::-webkit-input-placeholder { color: transparent; }
.gssb_c .gsc-completion-container { position: static; }
.gssb_c { z-index: 5000; }
.gssb_c > tbody > tr, .gssb_c > tbody > tr > td, .gssb_d, .gssb_d > tbody > tr, .gssb_d > tbody > tr > td, .gssb_e, .gssb_e > tbody > tr, .gssb_e > tbody > tr > td { padding: 0px; margin: 0px; border: 0px; }
.fb_reset { background: none; border: 0px; border-spacing: 0px; color: rgb(0, 0, 0); cursor: auto; direction: ltr; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1; margin: 0px; overflow: visible; padding: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; }
.fb_reset > div { overflow: hidden; }
.fb_reset .fb_dialog_legacy { overflow: visible; }
#fb-root #fb_dialog_ipad_overlay { background: rgba(0, 0, 0, 0.45); position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px; width: 100%; min-height: 100%; z-index: 10000; }
#fb-root #fb_dialog_ipad_overlay.hidden { display: none; }
.fb_iframe_widget { display: inline-block; position: relative; }
.fb_iframe_widget span { display: inline-block; position: relative; text-align: justify; }
.fb_iframe_widget iframe { position: absolute; }
*/