@font-face { font-family: 'fontregular'; src: url('../fonts/heebo-regular.woff2') format('woff2'), url('../fonts/heebo-regular.woff') format('woff'), url('../fonts/heebo-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'fontitalic'; src: url('../fonts/heebo-regular.woff2') format('woff2'), url('../fonts/heebo-regular.woff') format('woff'), url('../fonts/heebo-regular.ttf') format('truetype'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'fontbold'; src: url('../fonts/heebo-bold.woff2') format('woff2'), url('../fonts/heebo-bold.woff') format('woff'), url('../fonts/heebo-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
* { padding: 0; margin: 0; box-sizing: border-box; }
html,
body { width: 100%; height: 100%; background-color: #005496; font-family: fontregular, Arial, Helvetica, sans-serif; font-size: 15px; text-align: center; -webkit-font-smoothing: antialiased; }
th { text-align: left; font-weight: normal; vertical-align: top; }
abbr { cursor: help; border-bottom: 1px dotted #000; text-decoration: none; }
ul.text,
p.text ul,
ol.text,
p.text ol { overflow: hidden; }
ul.text li,
ol.text li { margin-left: 1.2rem; }
.tbl { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
.tbltext ul { padding-left: 1.2rem; }
.title { font-family: fontbold, Arial, Helvetica, sans-serif; font-size: 2rem; font-weight: normal; color: #000; margin-bottom: 0.5rem; }
.subtitle { font-family: fontbold, Arial, Helvetica, sans-serif; font-size: 1.5rem; font-weight: normal; color: #000; line-height: 1.5rem; margin-top: 0.5rem; margin-bottom: 0.5rem; }
.subsubtitle { font-family: fontbold, Arial, Helvetica, sans-serif; font-size: 1.1rem; font-weight: normal; color: #000; line-height: 1.3rem; margin-top: 0.5rem; margin-bottom: 0.5rem; }
.text { font-size: 1rem; color: #000; line-height: 1.4rem; margin-bottom: 1rem; }
.tbl { border-collapse: collapse; background-color: #fff; margin-bottom: 1em; }
.tbltitle { font-family: fontbold, Arial, Helvetica, sans-serif; font-size: 1.2rem; text-align: left; line-height: 1.7em; text-align: left; color: #000; padding-left: 0.3em; }
.tblcolumntitle { font-family: fontbold, Arial, Helvetica, sans-serif; text-align: left; font-size: 1rem; color: #000; background-color: #eee; border: 1px solid #e9e9e9; padding: 0.3em; vertical-align: top; }
.tbltext { font-size: 1rem; line-height: 1.4em; color: #000; background-color: transparent; border: 1px solid #e9e9e9; padding: 0.3em; vertical-align: top; }
.form { font-family: fontregular, Arial, Helvetica, sans-serif; font-size: 1rem; color: #000; margin-right: 0.3em; padding-top: 1px; padding-bottom: 1px; outline: none; }
.form optgroup { font-family: inherit; font-size: 1em; color: #000; }
.form_input { padding: 0.2em; background-color: #fafafa; border: 1px solid #e9e9e9; border-radius: 3px; }
.form_textarea { line-height: 22px; border: 2px solid #fafafa; background-attachment: local; background-image: linear-gradient(to right, white 0px, transparent 0px), linear-gradient(to left, white 0px, transparent 0px), repeating-linear-gradient(#fafafa, #fafafa 21px, #e8e8e8 21px, #e8e8e8 21px, #e8e8e8 22px); }
.form_input:focus,
.form_textarea:focus { outline: none; }
.form_input::placeholder { color: #dadada; opacity: 1; }
.form_btn { font-size: 1rem; border: 1px solid #c9c9c9; border-radius: 3px; background-color: #c9c9c9; color: #000; padding: 0.2em 0.6em; cursor: pointer; }
.form_radio { margin-right: 5px; }
.form_checkbox { margin-right: 5px; vertical-align: middle; }
.form_select:not([multiple]) { cursor: pointer; padding: 0.3em 2em 0.3em 0.6em; font-size:1em; overflow: hidden; color:#000; border: 1px solid #e9e9e9; border-radius: 3px; background-color: #c9c9c9; background-image: url("data:image/svg+xml; charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat, repeat; background-position: right 0.5em top 50%, 0 0; background-size: 0.65em auto, 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.form_select[multiple] { padding:3px; font-size: 0.8em; border: 1px solid #606d79; border-radius: 3px; cursor: pointer;}
.form_dropdown_parent { padding-left: 3px; }
.form_dropdown_child { padding-left: 3px; }
.form_fieldset { border: 2px solid #e2e2e2; padding: 0.6em; margin-bottom: 1em; border-radius: 1em; }
.form_fieldset legend { margin-left: 0.6em; padding: 0px 0.3em 0px 0.3em; }
.pagenavigator,
.link_btn { font-size: 1rem; display: inline-block; white-space: nowrap; color: #000; background-color: #c9c9c9; border: 1px solid #c9c9c9; border-radius: 3px; padding: 0.2em 0.6em; text-decoration: none; margin-right: 0.3em; cursor: pointer; }
.pagenavigator_active,
.pagenavigator:hover { background-color: #e9e9e9; color: #000; border: 1px solid #e9e9e9; }
.helpicon { margin-top: 2px; margin-right: 5px; }
.error ul { margin-left: 1em; list-style: none; }
.error ul li { padding-left: 20px; background: url(../graphics/ico_error.gif) no-repeat; line-height: 20px; }
.head { position: sticky; top: 0; left: 0; width: 100%; height: 10em; background-color: #fff; text-align: center; z-index: 10; }
.content { position: relative; overflow: auto; background-color: #f5f5f5; text-align: center; z-index: 8; }
.content > div { text-align: left; }
.footer { position: relative; width: 100%; color: #fff; text-align: left; z-index: 6; padding-bottom: 2em; }
.footer:before { content: ""; position: absolute; left: 0; height: 1px; width: 100%; z-index: -1; box-shadow: 0px 0px 1em 0px rgba(0, 0, 0, 1); }
.footer > div { display: flex; margin: 0 auto; }
.footer > div > div { flex: 1 1 33%; }
.footer > div > div .menu { display: block; }
.footer a { text-decoration: none; color: #fff; }
#map { width: 100%; height: 100%; }
#menu { position: absolute; z-index: 9; left: 0; top:2em; display: flex; width: 100%; transform: translate(0, -100%); transition: all 0.2s ease-in; flex-direction: column; background-color: #fff; text-align: left; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2); }
#menu.visible { transform: translate(0, 0); }
#menu .langselect {display: flex;}
#menu .langselect > a {display:block; text-align:center; flex:1 1 auto; text-decoration: none; color:#000; border-top:1px solid #000; padding:0.4em;}
#menu .langselect > a:hover {background-color: #ccc;}
#menu .langselect > a:not(:last-child) { border-right: 1px solid #000; }
#menu > div:nth-child(1) { border-bottom: 3px solid #000; display: flex; flex-direction: row; }
#menu > div:nth-child(1) > div:nth-child(1) { flex: 1 1 auto; }
#menu > div:nth-child(1) > div:nth-child(2) { flex: 0 0 30%; display: flex; flex-direction: row; }
#menu > div:nth-child(1) > div:nth-child(2) a { flex: 1 1 auto; display: block; text-align: center; line-height: 3em; color: #000; text-decoration: none; border-left: 1px solid #000; }
#menu > div > a { display: block; text-decoration: none; color: #000; border-bottom: 1px solid; padding: 0.7em; }
#menu > div > a:hover {background-color: #ccc;}
#menu a.active { font-weight: bold; }
#menu a.inactive { font-weight: normal; }

@media(min-width:320px) {
    .s2d_content_pagecontrols { top:3em !important; }

    html { scroll-padding-top: 4em; }
    .menu > div:first-child { display: none; }
    .menu > div:last-child { display: block; }
    .head { display: flex; text-align: left; height: 2em; }
    .head > div:nth-child(1) { flex: 1 1 80%; }
    .head > div:nth-child(2) { flex: 0 0 20%; vertical-align: middle; text-align: right; }
    .head > div:nth-child(2) a img { width: 1.9em; height: 1.9em; margin-right: 0.7em; }
    .head .logo { width: 6em; height: 1.7em; margin-top: 0.1em; margin-left: 0.1em; }
    .head .langselect { display: none; }
    .content { min-height: calc(100vh - 7em); }
    .content > div { margin: 4em 1em 5em 1em; width: auto; }
    .footer { font-size: 0.6em; }
    .footer > div > div:first-child { display:none; }
    .footer > div > div { margin-top: 1em; }
    .footer > div { width: 90%; }
    #map { width:100%; height:calc(100vh - 7em); margin: auto; }
}
@media(min-width:700px) {
    .s2d_content_pagecontrols { top:12em !important; }

    html { scroll-padding-top: 14em; }
    .menu > div:first-child { display: block; }
    .menu > div:last-child { display: none; }
    .head { display: block; height: 10em; text-align: center; }
    .head:after { content: ""; position: absolute; left: 0; height: 1px; width: 100%; z-index: -1; background-color: #fff; box-shadow: 0px 0px 1em 0px rgba(0, 0, 0, 1); }
    .head .logo { width: 20em; height: 6em; margin: 1em; }
    .head .langselect {display:block; position: absolute; top:1em; right:2em; width:10em;}
    .head .langselect a {display:inline-block; text-decoration: none; color: #000;}
    .head .langselect a:not(:last-child) { padding-right: 0.5em; margin-right: 0.5em; border-right: 1px solid #000; }
    .menu > div { background-color: #fff; text-align: center; }
    .menu > div a { text-decoration: none; color: #005496; text-transform: uppercase; line-height: 1.6em; }
    .menu > div a:not(:last-child) { margin-right: 2.5em; }
    .content { min-height: calc(100vh - 16em); }
    .content > div { margin: 4em auto 5em auto; width: 80%; }
    .footer { font-size: 0.8em; }
    .footer > div { width: 80%; }
    .footer > div > div:first-child { display:block; }
    .footer > div > div { margin-top: 2em; }
    #map { width:100%; height:calc(100vh - 17em); margin: auto; }
}
@media(min-width:1050px) { }