html, body {width:100%; height:100%; margin:0; border:0; padding:0; }
.page {width:100%; height:100%; margin: 0; border:0; padding:0; position:relative;}
thead, tbody, tr {width:100%}
ul {margin-top:0; margin-bottom:0; padding-left:1em; margin-left:0 }
ol {margin-top:0; margin-bottom:0; padding-left:1.5em; margin-left:0 }
img[alt] { position: relative; }
img[alt]:after { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;
 background-color: #fff; text-align: center; content: attr(alt); }
.cssjs {display:none; }
.lcolor {color:mediumvioletred; }
.hlink{border:2px solid transparent; border-radius:8px; color:mediumvioletred; }
body:not(.touchdevice) .hlink:hover{color:white; background:mediumvioletred; font-weight:bold; font-size:0.9em; border-color:mediumvioletred; text-decoration:none; }
.Hlink{border:2px solid transparent; border-radius:8px; padding:5px; color:mediumvioletred; }
body:not(.touchdevice) .Hlink:hover{color:white; background:mediumvioletred; font-weight:bold; border-color:mediumvioletred; text-decoration:none; }
.hborder{text-decoration:none; border: 2px solid transparent; 
 border-radius: 8px; padding: 2px 5px 2px 5px;}
body:not(.touchdevice) .hborder:hover { background-color: transparent; border: 2px solid #F45953; }
body.touchdevice .hborder:hover{ background-color: transparent; border: 2px solid transparent; }
body.narrow .nborder{border:0;padding:0;}
.hcolor{text-decoration:none;}
body:not(.touchdevice) .hcolor:hover{text-decoration:none;color:#F45953 }
.hblock {border: 1px solid white; border-color: mediumvioletred }
body:not(.touchdevice) .hblock:hover {background-color: #D0D0D0; background-color: mediumvioletred }
.color1.color1 {color:$color1; }
.color2.color2 {color:$color2; }
.color3.color3 {color:$color3; }
.color4.color4 {color:$color4; }
.color5.color5 {color:$color5; }
.color1.color1:hover {color:white; background-color:$color1; border-color:$color1; }
.color2.color2:hover {color:white; background-color:$color2; border-color:$color2; }
.color3.color3:hover {color:white; background-color:$color3; border-color:$color3; }
.color4.color4:hover {color:white; background-color:$color4; border-color:$color4; }
.color5.color5:hover {color:white; background-color:$color5; border-color:$color5; }
body:not(.touchdevice) .htable tr:hover{background: #D0D0D0}
body:not(.touchdevice) .htbody tbody tr:hover{background: #D0D0D0}
.ftable tr:hover{font-size:1.5em}
table.tborder {border-style:solid; border-width:1px; border-collapse:collapse}
table.tborder td {border-style:solid; border-width:1px; border-collapse:collapse}
table.tborder td {padding:5px}
table.vborder {border:solid 1px; border-collapse:collapse}
table.vborder td {border-left: solid 1px black; border-right: solid 1px black;}
table.vborder td {padding:0.5em 1em}
table.fixed { table-layout:fixed; }
table.tdindent td {padding-left:1em; text-indent:-1em;}
body:not(.touchdevice) .hlist li:hover{background: #D0D0D0}
.flist li:hover{font-size:1.5em}
.bgcolor{ background: #FFFFFF; }
.lbgcolor{ background: #FFFFFF;
 background: linear-gradient(to left, #FFFFFF, #BDDCEE); }
.rbgcolor{ background: #FFFFFF;
 background: linear-gradient(to right, #FFFFFF, #BDDCEE); }
.lrbgcolor{ background: #FFFFFF;
 background: linear-gradient(to right, #FFFFFF, #BDDCEE, #FFFFFF); }
.rlbgcolor{ background: #FFFFFF;
 background: linear-gradient(to right, #BDDCEE, #FFFFFF, #BDDCEE); }
.tbgcolor{ background: #FFFFFF;
 background: linear-gradient(to bottom, #FFFFFF, #BDDCEE); }
.bbgcolor{ background: #FFFFFF;
 background: linear-gradient(to top, #FFFFFF, #BDDCEE); }
.lbggreen{ background: #8EC81B;
 background: linear-gradient(to left, #8EC81B, #5D9113); }
.rbggreen{ background: #8EC81B;
 background: linear-gradient(to right, #8EC81B, #5D9113); }
.lbgblue{ background: #FFFFFF;
 background: linear-gradient(to left, #FFFFFF, #BDDCEE); }
.rbgblue{ background: #FFFFFF;
 background: linear-gradient(to right, #FFFFFF, #BDDCEE); }
.lbglinen{ background: $color.bglinen.light;
 background: linear-gradient(to left, $color.bglinen.light, $color.bglinen.dark); }
.rbglinen{ background: #FFFFFF;
 background: linear-gradient(to right, $color.bglinen.light, $color.bglinen.dark); }
.page {color:black; background: #FFFFFF;
 background: linear-gradient(to left, #FFFFFF, #BDDCEE); }
.rborder{ border: 2px solid transparent; border-radius: 8px; padding: 2px 5px 2px 5px;}
.r2border{ border: 2px solid transparent; border-radius: 16px; padding: 4px 10px 4px 10px;}
.r3border{ border: 2px solid transparent; border-radius: 32px; padding: 8px 20px 8px 20px;}
.floatleft, .fl, .l {float:left; }
.floatright, .fr, .r {float:right; }
.floatremainder, .floatrem {overflow-x:auto; }
.floatclose, .fc {clear:both; }
.floatnone, .fn {float:none; }
.border {border-style:solid; border-width:1px}
.left {text-align:left; }
.center {text-align:center; }
.right {text-align:right; }
.top {vertical-align:top; }
.middle {vertical-align:middle; }
.bottom {vertical-align:bottom; }
.abs {position:absolute; }
.absolute {position:absolute; }
.rel {position:relative; }
.relative {position:relative; }
.fixed {position:fixed; }
.inline {display:inline; }
.block {display:block; }
.iblock {display:inline-block; }
.visible {visibility:visible; }
.hidden {visibility: hidden; }
.scrollx, .sx {overflow-x:auto; }
.scrolly, .sy {overflow-y:auto; }
.scroll, .s {overflow:auto; }
.clipx {overflow-x:hidden; }
.clipy {overflow-y:hidden; }
.clip {overflow:hidden; }
.black {color:black; }
.white {color:white; }
.bold, .fb, .b {font-weight:bold; }
.italic, .fi, .i {font-style:italic; }
.underline, .u {text-decoration:underline; }
.left, .al {text-align:left; }
.right, .ar {text-align:right; }
.center, .ac {text-align:center; }
.top, .at {vertical-align:top; }
.middle, .am {vertical-align:middle; }
.bottom, .bot, .ab {vertical-align:bottom; }
.nowrap, .nw {white-space:nowrap; }
.imgonly {line-height:0; }
.small {font-size:0.9em; }
.smaller {font-size:0.8em; }
.big {font-size:1.1em; }
.bigger {font-size:1.2em; }
.mediumvioletred {color:mediumvioletred}
.turquoise {color:turquoise}
.yellowgreen {color:yellowgreen}
.red {color:red}
span.stretch {
 display:inline-block;
 transform:scale(2,1); 
 -webkit-transform:scale(2,1); 
 -moz-transform:scale(2,1); 
 -ms-transform:scale(2,1); 
 -o-transform:scale(2,1); 
 }
.image{ }
.caption{text-align:center;font-size:0.8em}
.ifnotouch{ display: }
.iftouch{ display:none}
.onlynotouch{ display: }
.onlytouch{ display:none}
.ifwide{ display: }
.ifnarrow{ display:none}
.onlywide{ display: }
.onlynarrow{ display:none}
.hoverbox .hoverbox2 {display:none}
body:not(.touchdevice) .hoverbox:hover .hoverbox1 {display:none}
body:not(.touchdevice) .hoverbox:hover .hoverbox2 {display:block}
body.touchdevice .hoverbox.hover .hoverbox1 {display:none}
body.touchdevice .hoverbox.hover .hoverbox2 {display:block}
a.headerbookmark {position: relative;
 top:-3em; 
 display: block; height: 0; width:0; }
.headerline h2 {display:flex; flex-direction:row; }
.headerline h2:after {content:''; flex:1 1; border-top: 0.1em solid black; margin:0.65em 1em 0 1em; opacity:0.5; }
h2.headerline {display:flex; flex-direction:row; }
h2.headerline:after {content:''; flex:1 1; border-top: 0.1em solid black; margin:0.65em 1em 0 1em; opacity:0.5; }
h2 >span.arrow {color:blue; margin-top:2px; }
h2:hover > span.arrow {display:none; }
h3 >span.arrow {color:blue; margin-top:2px; }
h3:hover > span.arrow {display:none; }
h4 >span.arrow {color:blue; margin-top:2px; }
h4:hover > span.arrow {display:none; }
h5 >span.arrow {color:blue; margin-top:2px; }
h5:hover > span.arrow {display:none; }
hr.newline {height:0; margin:0; border:0; padding:0; visibility:hidden; }
.yellowmark { background-color: yellow; }
.rotateleft img {transform: rotate(-90deg); }
.rotateright img {transform: rotate(90deg); }
img.rotateleft {transform: rotate(-90deg); }
img.rotateright {transform: rotate(90deg); }
.clearfloat::after, .clearfix::after { content: ""; clear: both; display: table; }
ul.menu, ul.menu li, ul.menu ul { list-style: none; margin: 0; padding: 0; min-width: 4em; }
ul.menu > li.menubutton { min-width: 0; }
ul.menu { position: relative; float: left; }
ul.menu li {float: none; text-align: left; position: relative;}
ul.menu a { display:block; color: mediumvioletred; padding: 5px 10px; border:2px solid transparent; border-radius:8px; text-decoration: none;}
ul.menu ul {display: none; position: absolute; top:1.6em; left:3.8em; z-index:50; }
ul.menupopup {max-height:80vh; overflow-y:auto; overscroll-behavior:none; } 
ul.menu li.hover > a, .notouch ul.menu li:hover > a { position:relative; z-index:45; overflow:visible; text-decoration:none; color: white; background-color: mediumvioletred; background-color: mediumvioletred; font-weight:bold; border-color: mediumvioletred; border-color: mediumvioletred;}
ul.menu.hover,.notouch ul.menu:hover {background: white; border-color:mediumvioletred; border: 2px solid mediumvioletred; border-radius:8px; z-index:45}
ul.menu li.hover > ul, .notouch ul.menu li:hover > ul {display: block; background: white; border: 2px solid mediumvioletred; border-radius:8px; }
.hmenu ul li {float: left; text-align: left; position: relative;}
.hmenu ul a {border: 2px solid mediumvioletred; }
ul.menu.hoverenable::after { content: 'hover:enable;'; display: none; }
ul.menu li.hoverenable::after { content: 'hover:enable;'; display: none; }
li.menubutton > img {width:32px; height:32px; }
.body.narrow li.menubutton > img {width:16px; height:16px; }
.menucontainer { margin-left:10px; }
.body.wide .menucontainer > ul.menu > li.menubutton > ul { display:block; top:-5px; left:-5px; }
.body.wide .menucontainer > ul.menu > li.menubutton > img {visibility: hidden; }
.body.narrow .menucontainer {left:unset;top:50px;right:10px; position:fixed; }
.body.narrow .menucontainer > ul.menu > li.menubutton > ul {left:unset; top:-5px; right:-5px; }
.body.narrow .menucontainer > ul.menu > li.menubutton {text-align: right; }
.body.narrow .menucontainer ul.menu ul { left: unset; right: 1.6em; }
.gallerycontainer { position:relative; display:inline-block; } 
.gallerycontainer.galleryh > div { display:inline-block; }
.gallerycontainer.galleryv > div { display:block; }
.gallerycontainer > div.galleryh { display:inline-block; }
.gallerycontainer > div.galleryv { display:block; }
.gallerycontainer.gallerytop { display: inline-block; white-space: nowrap; overflow-x: scroll; }
.gallerycontainer div.gallery { position: relative; border:0; text-align:center; vertical-align:middle; }
.gallerycontainer div.gallery > a { display: inline-block; border: 2px solid transparent; padding: 2px; margin: 3px; color:mediumvioletred; color:$menu.color; text-decoration:none; background-color:white; }
.gallerycontainer div.gallery > div { position:absolute; visibility: hidden; z-index:20;
 text-align:center; vertical-align:middle; background-color:transparent; text-decoration: none; }
.gallerycontainer:not(.galleryc) div.gallery > div { right:100%; bottom: 100%; }
.gallerycontainer:not(.galleryc) div.gridx1 > div { left:80%; right:auto }
.gallerycontainer:not(.galleryc) div.gridx2 > div { left:50%; right:auto }
.gallerycontainer:not(.galleryc) div.gridx3 > div { right:50%; left:auto }
.gallerycontainer:not(.galleryc) div.gridx4 > div { right:80%; left:auto }
.gallerycontainer:not(.galleryc) div.gridy1 > div { top:80%; bottom:auto }
.gallerycontainer:not(.galleryc) div.gridy2 > div { top:50%; bottom:auto }
.gallerycontainer:not(.galleryc) div.gridy3 > div { bottom:50%; top:auto }
.gallerycontainer:not(.galleryc) div.gridy4 > div { bottom:80%; top:auto }
.gallerycontainer.galleryc div.gallery > div, .gallerycontainer div.gallery.galleryc > div { position:fixed; left:45vw; width:10vw; top:45vh; height:10vh; overflow:visible; }
.gallerycontainer.galleryc div.gallery > div > a, .gallerycontainer div.gallery.galleryc > div > a { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.gallerycontainer.galleryc div.gallery > div > .A, .gallerycontainer div.gallery.galleryc > div > .A { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.gallerycontainer div.gallery > div > a { position:absolute; display:block; }
.gallerycontainer div.gallery > div > .A { position:absolute; display:block; }
.gallerycontainer div.gallery > div > a { border: 3px solid white; border-radius: 16px; padding: 7px; background-color:white; } 
.gallerycontainer div.gallery > div > .A { border: 3px solid white; border-radius: 16px; padding: 7px; background-color:white; } 
.gallerycontainer div.gallery > div > a > * { border-radius: 14px; }
.gallerycontainer div.gallery > div > .A > * { border-radius: 14px; }
.gallery > div img {height: 100%; }
.gallery > div iframe {height: 100%; }
.gallery > div video {height: 100%; }
.gallerycontainer div.gallery > div img:not(:first-child) {display:none; }
.gallerycontainer div.gallery > div iframe:not(:first-child) {display:none; }
.gallerycontainer div.gallery > div video:not(:first-child) {display:none; }
.gallerycontainer div.gallery.hover > a, body:not(.touchdevice) .gallerycontainer div.gallery:hover > a { border-color: mediumvioletred; border-radius: 8px; color:white; background-color:mediumvioletred; background-color:$menu.color; font-weight:bold; }
.gallerycontainer div.gallery.hover > div { visibility: visible; }
body:not(.touchdevice) .gallerycontainer div.gallery:hover > div { visibility: visible; }
.gallerycontainer div.gallery > div.hover a { border-color: mediumvioletred; border-color:$menu.color; }
body:not(.touchdevice) .gallerycontainer div.gallery > div:hover > a { border-color: mediumvioletred; border-color:$menu.color; }
body:not(.touchdevice) .gallerycontainer div.gallery > div:hover > .A { border-color: mediumvioletred; border-color:$menu.color; }
.gallerycontainer div.gallery::after { content: 'hover:enable;'; display: none; }
.gallerycontainer div.gallery > div::after { content: 'hover:enable;'; display: none; }
a.aspect, .A.aspect {display:inline-block; position:relative; left:0; top:0; text-align:center; vertical-align:middle; }
a.aspect::before, .A.aspect::before {content:""; display:block; padding-top:0%; padding-bottom:56.25%; } 
a.aspectsd::before, .A.aspectsd::before {padding-bottom:75%; }
a.aspect.aspectp::before, .A.aspect.aspectp::before {padding-bottom:177.78%; }
a.aspect.aspectsd.aspectp::before, .A.aspect.aspectsd.aspectp::before {padding-bottom:133.33%; }
a.aspect img, a.aspect iframe, .A.aspect img, .A.aspect iframe {width:100%; height:100%; border:0; position:absolute; left:0; top:0; overflow:hidden;}
.gallerystatic { position:relative; }
.gallerystatic .gallery img { border: 1px solid white; margin: 0px 5px 0px 5px; }
.gallerystatic .gallery div { position: fixed; visibility: hidden; z-index:50; text-decoration: none; background-color:transparent; border:0; text-align: center; 
 height:100%; width:100%; top:0; left:0; }
.gallerystatic .gallery div:before { content: ''; height: 100%; border:0; display: inline-block; 
 vertical-align: middle; }
body:not(.touchdevice) .gallerystatic .gallery:hover img { border: 1px solid mediumvioletred; }
.gallerystatic .gallery.hover img { border: 1px solid mediumvioletred; }
body:not(.touchdevice) .gallerystatic .gallery:hover div img { visibility:visible; border:0; display: inline-block; vertical-align:middle; background-color:white;
 border: 1px solid white; border-radius: 16px; padding: 10px 10px 10px 10px;}
.gallerystatic .gallery.hover div img { visibility:visible; border:0;
display: inline-block; vertical-align:middle; background-color:white;
 border: 1px solid white; border-radius: 16px; padding: 10px 10px 10px 10px;}
.gallerystatic a.gallery::after { content: 'hover:enable;'; display: none; }
.gallerystatic a.gallery > div::after { content: 'hover:enable;'; display: none; }
.popup:hover { border: 1px solid mediumvioletred; 
 border-radius: 8px; padding: 2px 5px 2px 5px;}
.popup { text-align:center; }
.popup div { position: fixed; visibility: hidden; z-index:50; text-decoration: none; 
 background-color:transparent; border:0; text-align: center; 
 height:100%; width:100%; top:0; left:0; }
.popup div:before { content: ''; height: 100%; border:0; display: inline-block; 
 vertical-align: middle; }
.popup:hover div > span { visibility:visible; border:0; display: inline-block; 
 vertical-align:middle; background-color:white;
 border: 1px solid white; border-radius: 16px; padding: 10px 10px 10px 10px;}
.popup0 div.popup1 { 
 position: fixed; visibility: hidden; z-index:50; 
 text-decoration: none;
 background-color:transparent; border:0; text-align: center; 
 height:100%; width:100%; top:0; left:0; }
.popup0 div[class~="popup1"]:before { 
 content: ''; height: 100%; border:0; display: inline-block; 
 vertical-align: middle; }
body:not(.touchdevice) .popup0:hover div.popup1:not(:first-child) > span,
 .popup0.hover div.popup1 > span { 
 visibility:visible; border:0; display: inline-block; 
 vertical-align:middle; background-color:white;
 border: 1px solid white; border-radius: 16px; padding: 10px 10px 10px 10px;}
.overlay {visibility: hidden; }
.overlay.overlay div.popup1 > span { 
 visibility:visible; border:0; display: inline-block; 
 vertical-align:middle; background-color:white;
 border: 1px solid white; border-radius: 16px; padding: 10px 10px 10px 10px;}
body:before { display:none }
html:before { display:none }
.scalefont { font-size: 1em;}
@media screen and (min-width:795px){
 body:before { content: 'wide -narrow'; }
 html:before { content: 'wide -narrow'; }
 .ifwide {display: }
 .ifnarrow {display:none }
 .onlywide {display: }
 .onlynarrow {display:none }
 .widescreen {display: }
 .narrowscreen {display:none }
 .mobile {display:none }
 .topbookmark {display: }
 .pagebookmark {display:none}
 body {font-size: 16px; font-size: 2vw; }
 .toplinefontsize {font-size:2em}
 .toplinefontsize1 {font-size:1.6em}
 .toplinefontsize2 {font-size:1.4em}
 .toplinefontsize3 {font-size:1.2em}
 body.ios .colmain {
 overflow-y:scroll; 
 -webkit-overflow-scrolling:touch; 
 }
 }
@media screen and (min-width:1000px){
 body {font-size: 20px; }
 }
@media screen and (max-width:795px){
 body:before { content: 'narrow -wide'}
 html:before { content: 'narrow -wide'}
 .ifwide {display:none}
 .ifnarrow {display: }
 .onlywide {display:none}
 .onlynarrow {display: }
 .widescreen {display:none}
 .narrowscreen {display: }
 .mobile {display: }
 .topbookmark {display:none}
 .pagebookmark {display: }
 body {font-size: 16px; }
 .scalefont {font-size: 12px; font-size: calc( 8px + 1vw); }
 h1 {font-size:1.3em; }
 h2 {font-size:1.2em; }
 h3, h4 {font-size:1.1em; }
 .toplinefontsize {font-size:1.4em }
 .toplinefontsize1 {font-size:1.3em }
 .toplinefontsize2 {font-size:1.2em }
 .toplinefontsize3 {font-size:1.1em }
 }
 .toplinkH2 {display:none}
 .toplinkH3 {display:none}
 .toplinkH4 {display:none}
 body.android2 .toplinkH2 {display:inline}
div.iframe, a.iframe {position:relative; overflow:hidden; }
a.iframe {display:block; }
div.iframe::before, a.iframe::before {content:""; display:block; padding-top:0%; padding-bottom:56.25%; } 
div.iframesd::before, a.iframesd::before {padding-bottom:75%; }
div.iframe > iframe, a.iframe > iframe {width:100%; height:100%; overflow:hidden; border:0; position:absolute; left:0; top:0; }
body {font-family:Tahoma, sans-serif; }
.image{ }
.caption{text-align:center;font-size:0.8em}
.fontmenu{font-size:0.9em}
a {text-decoration:none; }
a:link, a:visited {color:mediumvioletred; }
a:hover {text-decoration:underline; }
.hcolor:hover{background:white;}
.bgcolor {background: #FFFFFF; }
.poph {position:relative;}
.poph span {position:fixed;top:10px;left:10px;padding:15px;border:2px solid red;background:white;visibility:hidden}
.poph:hover span {visibility:visible;}
body.narrow .menucontainer {left:auto;top:50px;right:10px; }
body.narrow .menucontainer ul {left:auto; right:0; }
body.narrow .menucontainer {position: fixed; }
body.narrow li.menubutton {text-align: right; }
body.wide .colmain {margin-left:20vw; height:80%; min-height:1px; overflow-y:auto; }
.gallery > a {width:10vw; max-width:90px; }
.gallery > div > a {width:60vw; }
.gallery > div > a.aspectp {width:35vw; }
.narrow .gallery > div > a {width:80vw; }
.narrow .gallery > div > a.aspectp {width:40vw; }
.narrow.portrait .gallery > div > a.aspectp {width:80vw; }
.gallerycontainer {float:right; font-size:0.7em; }
body {height:99%; }