/* RESET BROWSERSTYLE */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote { margin: 0; padding: 0; box-sizing: border-box; }

/* GLOBAL */
html { overflow-y: auto; scroll-behavior: smooth; font-size: 14px; }
body { margin: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; }
h1, h2, h3, h4, h5, h6 { margin: 1rem 0; line-height: 1.2; }
h1 { font-size: 2rem; font-weight: 400; margin: 1.5rem 0; }
h2 { font-size: 1.75rem; font-weight: 400; margin: 2rem 0 1.25rem 0; }
h3 { font-size: 1.5rem; font-weight: 400; margin: 1.8rem 0 1rem 0; }
h4 { font-size: 1.25rem; font-weight: bold; margin: 0.75rem 0; }
h5 { font-size: 1rem; font-weight: bold; margin: 0.5rem 0; }
h6 { font-size: 0.875rem; font-weight: bold; background-color: #EEEEEE; padding: 0.5rem; margin: 0.5rem 0; }
p, td, th, textarea { font-size: 1rem; }
p { margin: 1em 0; line-height: 1.5; text-align: justify; }
td,th { vertical-align: top; }
ol { margin: 6px 0 6px 20px; padding-left: 1em; }
ol li { line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0; }
ul { list-style: disc; margin: 6px 0 6px 20px; }
ul li { line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0; }
hr { height: 1px; clear: both; color: #aaa; background-color: #aaa; border: 0; margin: 16px 0; }
blockquote { background: #e0e6e9; color: #333; border-left: 3px solid #a0a6a9; padding: 6px 20px; margin: 10px 0; max-width: 90vw; }
img { box-sizing: border-box; max-width: 100%; height: auto; border:0; }
form { margin:0; }
input { }

a { text-decoration: none; font-weight: bold; color: gray; }
a:link, a:visited { color: gray; }
a:active, a:hover { color: #2143c6; }

/* Full-page styling */
html, body { height: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: white; display: flex; flex-direction: column; }

/*
##############################
 C O N T E N T  C L A S S E S
##############################
*/

#line, #news, #noscript { position: fixed; }
#news { top: 200px; right: 40px; width: 210px; visibility: hidden; padding: 10 10 10 10; border-color: #CCCCCC; border-style: dashed; border-width: 1px; z-index: 6; }
#noscript { top: 30px; left: 20px; font-size: xx-large; font-weight: bold; text-align: center; text-decoration: blink; color: red; }

#header { position: relative; width: 100%; height: 160px; transition: height 0.3s ease; }
#header .logo { position: absolute; background-image: url(images/maxLogo.gif); background-repeat: no-repeat; background-size: cover; background-position: center; top: 0px; right: 0px; width: 300px; height: 185px; visibility: visible; z-index: 3; transition: width 0.3s ease, height 0.3s ease; }
#header .line { position: absolute; background-image: url(images/line.gif); background-repeat: repeat-x; top: 91px; left: 0px; width: 100%; height: 3px; visibility: visible; z-index: 1; transition: top 0.3s ease; }
#header .menuLabel { position: absolute; background-image: url(images/menuLabel.gif); background-repeat: no-repeat; background-position-y: 9px; top: 80px; left: 120px; width: 41px; height: 20px; z-index: 7; visibility: hidden; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease, left 0.3s ease; }
#header .menu { position: absolute; background-color: white; top: 94px; left: 30px; width: 240px; padding: 0 10px; border-color: #CCCCCC; border-style: dashed; border-width: 1px; border-top-width: 0px; z-index: 6; font-size: 0.9rem; visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease, left 0.3s ease; }
#header .menu > * { margin: 1rem 0; }
#header .menu a { font-weight: normal; color: black; }
#header .menu .languagemenu { text-align: right; }

ul.menulevel1, ul.menulevel2, ul.menulevel3,
ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3,
ul.submenu,
ul.search { padding-left: 0; margin-left: 0; list-style-type: none; }

li.doc, li.docs, li.sdoc, li.sdocs { padding-left: 15px; background-repeat: no-repeat; background-position: left top; }
li.doc { background-image: url(menu/doc.gif); }
li.docs { background-image: url(menu/docs.gif); }
li.sdoc { background-image: url(menu/sdoc.gif); font-weight: bold; color: #a10127; }
li.sdocs { background-image: url(menu/sdocs.gif); font-weight: bold; color: #a10127; }
li.sdocs > a { color: #a10127 !important; }

/* Content container to push footer to bottom */
#content { flex: 1; align-self: center; overflow-y: auto; margin: 0 2em; max-width: 640px; z-index: 4; letter-spacing: 0.03em; }
#content .locator, #content .locator a { font-size: 0.8rem; color: #CCCCCC; }

/* Footer bar styling */
#footer-bar { position: fixed; bottom: 0; left: 0; width: 100%; height: 24px; background-color:white; color: #CCCCCC; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; font-size: 0.875rem; z-index: 5; }
#footer-bar a { color: #CCCCCC; }
.footer-left, .footer-center, .footer-right { position: relative; flex: 1; text-align: center; }
.footer-left { text-align: left; }
.footer-right { text-align: right; }

.nowrap { white-space: nowrap; }

@media (max-width: 1200px) {
  #header .menuLabel { visibility: visible; opacity: 1; }
  #header .menu { visibility: hidden; opacity: 0; }
}
@media (max-width: 480px), (max-height: 430px) {
  /*#header .logo { display: none; }*/
  #header { height: 80px; }
  #header .logo { width: 150px; height: 92px; }
  #header .line { top: 45px; }
  #header .menuLabel { top: 34px; left: 60px; }
  #header .menu { top: 48px; left: 15px; }
  p { text-align: initial; }
}
@media (max-width: 270px) {
  #header .logo { visibility: hidden; }
}

body.cmsimplecore_print { margin: 2em; }

/*

.sitename { font-weight: normal; font-size: 20pt; }

.menulevel1, .menulevel2, .menulevel3 { font-size: 0.8rem; color: #a10127; text-align: left; }
.menulevel1 a,.menulevel2 a,.menulevel3 a { font-weight: normal; color: black; }
.menulevel1 a: link,.menulevel1 a: visited,.menulevel1 a: active,.menulevel1 a: hover,.menulevel2 a: link,.menulevel2 a: visited,.menulevel2 a: active,.menulevel2 a: hover,.menulevel3 a: link,.menulevel3 a: visited,.menulevel3 a: active,.menulevel3 a: hover { color: black; }
.sitemaplevel1, .sitemaplevel2, .sitemaplevel3 { font-size: 0.9rem; }
.sitemaplevel1 a, .sitemaplevel2 a, .sitemaplevel3 a { font-weight: normal; color: black; text-decoration: none; }
.sitemaplevel1 a: link, .sitemaplevel2 a: link, .sitemaplevel3 a: link, .sitemaplevel1 a: visited, .sitemaplevel2 a: visited, .sitemaplevel3 a: visited { color: black; text-decoration: none; }
.sitemaplevel1 a: active, .sitemaplevel2 a: active, .sitemaplevel3 a: active, .sitemaplevel1 a: hover, .sitemaplevel2 a: hover, .sitemaplevel3 a: hover { color: black; text-decoration: none; }
.submenu { font-size: 0.9rem; }
.submenu a { font-weight: normal; color: black; }
.submenu a: link,.submenu a: visited { color: black; }
.submenu a: active, .submenu a: hover { color: black; }
.search a { font-weight: normal; color: black; }
.search a: link, .search a: visited { color: black; }
.search a: active, .search a: hover { color: black; }
.locator { font-size: 0.8rem; color: black; }
.locator a { font-weight: normal; text-decoration: underline; }
.locator a: link, .locator a: visited, .locator a: active, .locator a: hover { color: black; font-weight: normal; }
.menu { font-weight: normal; font-size: 0.8rem; color: black; text-align: left; }
.menu a { text-decoration: none; color: black; font-weight: normal; }
.menu a: link, .menu a: visited, .menu a: active, .menu a: hover { color: black; }
.login { font-weight: normal; font-size: 0.8rem; color: black; }
.login a { text-decoration: none; color: black; font-weight: normal; }
.login a, .login a: link, .login a: visited, .login a: active, .login a: hover { color: black; }
.navigator { font-weight: normal; font-size: 1rem; color: black; }
.login a { text-decoration: none; color: black; font-weight: normal; }
.navigator a: link, .navigator a: visited, .navigator a: active, .navigator a: hover { color: black; }

.edit { font-size: 0.8rem; color: black; background-color: buttonface; }
.edit a: link, .edit a: visited, .edit a: active, .edit a: hover { text-decoration: none; font-weight: normal; color: black; }
input, select { font-size: 0.8rem; }
textarea { font-size: 0.8rem; background-color: white; width: 98%; }
.searchbox .text { background-color: white; border-width: 1px; border-style: solid; border-top-color: #9797D9; border-right-color: #4141B3; border-bottom-color: #4141B3; border-left-color: #9797D9; }

*/