body{margin:0;font-family:"SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;background:#fff;}
@media (prefers-color-scheme: dark) {
    body{background:#222;color:#aaa;}
}
h1{color:#00509c;}
h2{color:#00aeef;}
fieldset{border:none;}
#mainmenu{width:100%;margin:10px auto;height:3em;padding:0 0 10px 0;text-align:right;border-bottom:1px solid #009fe3;}
#mainmenu img{height:1em;display:inline-block;max-width:100%;}
#mainmenu a{text-decoration:none;display:block;padding:0 2em;border-radius:1em;display: inline-block;height:3em;line-height:3em;color:#014791;}
#mainmenu a.home{float:left}
#mainmenu a:hover{background-color:#009fe3;}
.header{font-weight:bold;border-bottom:1px solid #00509c;}
input[type="submit"],input[type="button"],button{padding:10px;border:1px solid #00509c;background:#00aeef;color:#fff;-moz-appearance: none;-webkit-appearance: none;}
input[type="submit"],input[type="button"]{margin:10px 0;}
table tr{line-height:30px;}
.w300{width:300px;}
#breadcrumb{width:100%;padding:0 20% 0 20%;line-height:3em;margin:0 auto;max-width:800px;}
#breadcrumb a{color:#00509c;padding:0 10px 0 0;text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}
#breadcrumb span{color:#bbb;}
#breadcrumb a:after{content:" >";}
#breadcrumb:last-child{content:"" !important;}
.client-breadcrumb{width:100%;padding:0 20% 0 20%;line-height:3em;margin:-4px -20% 0 -20%;background:#f0f0f0;border-bottom:solid 2px #00aeef;}
.client-breadcrumb a{color:#00509c;padding:0 10px 0 0;text-decoration:none;}
.client-breadcrumb a:hover{text-decoration:underline;}
.client-breadcrumb span{color:#bbb;}
.client-breadcrumb a:after{content:" >";}
.client-breadcrumb:last-child{content:"" !important;}
.client-breadcrumb button{margin:0;padding:10px;}
#content{max-width:800px;}
#content a{color:#00509c;}
#content a:visited{color:#00509c;}
.keyimage_section:nth-child(3n) {margin-right:0;}
.keyimage_section{width:30%;display:inline-block;margin-right:5%;}
.keyimage_section span{display:block;text-align:center;line-height:2em;}
.keyimage_section img{display:block;max-width:100%;max-height:100%;}
.keyimage_section a{text-decoration:none;color:#00509c;}
.keyimage_section a:hover{font-weight:bold;}
.section{width:100%;text-align: center;}
.section h2{text-align:center;color:#000;}
.section30{width:30%;margin:1%;border-radius:1em;display: inline-block;padding:0 0 1em 0;}
.c1{background-color:#dae3f1;color:#000;}
.c2{background-color:#b8c6e4;color:#000;}
.c3{background-color:#93a9d7;color:#000;}
.c4{background-color:#4d73be;color:#000;}
.c5{background-color:#365591;color:#000;}
.c6{background-color:#243861;color:#fff;}
.c6 h2{color:#fff;}
#keyimage{width:100%;margin:0 auto;padding:0;}
#keyimage img{width:100%;margin:0;padding:0;height:auto;}
#footer{color:#00509c;width:100%;font-size:0.8em;padding:2em 0;line-height:2em;text-align:center;border-top:1px solid #009fe3;}
#footer a, #footer a:visited{color:#fff;text-decoration:none;}
#footer_sitemap{padding:1em 0;border-top:3px solid #00509c;width:100%;}
#footer_sitemap_content{width:60%;margin:0 auto;font-size: 0.8em;}
#footer_sitemap_content table{width:100%;table-layout:fixed;margin:0 auto;}
#footer_sitemap_content td{vertical-align:top;}
#footer_sitemap_content a{display:block;text-align:center;color:#00509c;text-decoration:none;}
#footer_sitemap_content a:hover{color:#00aeef;}
#footer_sitemap_content a.level2{font-size:0.8em;}
.section a{border:1px solid transparent;text-decoration:none;padding:3px;margin-bottom:6px;}
.section a:hover{border:1px solid #00aeef;}
.client h1{text-align:center;}
a.client-home{width:100%;margin-right:0;display:inline-block;height:3em;line-height:3em;text-align:center;text-decoration:none;border:1px solid transparent;}
a.client-home:hover{border:1px solid #000;}
.client-section{border:1px solid #000;border-radius:5px;margin:0 0 5px 0;padding:5px;}
@media screen and (max-width:680px) {
    #mainmenu a{display:none;float:left;}
    #mainmenu a.home{display:inline-block;}
}
.error{text-align:center;border-radius:5px;margin:10px;line-height:2em;border:1px solid red;background:#FFB0B0;color:#FF0000;}
.success{text-align:center;border-radius:5px;margin:10px;line-height:2em;border:1px solid #008041;background:#abfaa7;color:#000;}
table{width:100%;margin:5px 0;}
/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 1000px) {
    td{display:block;min-height:3em;font-size:1em;}
    input[type]{display:block;width:100%;height:2em;font-size:1em;padding:0;margin:0;}
    #logo{margin:0 auto;text-align:center;}
    #logo img{width:auto;max-height:6em;max-width:100%;height:auto;}
    #content{width:calc(100% - 20px);min-height:30em;margin:0 auto 6em auto;padding:20px 0;}
}
@media only screen and (min-width : 1000px) {
    #main{height:400px;}
    #logo{float:left;width:400px;border-right:1px solid #ccc;height:400px;}
    #loginbox{max-width:600px;margin:0 auto 0 auto;text-align:center;}
    #loginbox table{width:100%;}
    #loginbox input{width:300px;text-align:center;}
    #loginbox td:first-child{width:150px;}
    #content{width:80%;min-height:30em;margin:0 auto 6em auto;padding:0 20px 20px 20px;}
}