body {
	margin:           0px;
	font-family:      'Lato', sans-serif;
	font-weight:      400;
	font-size:        1rem;
	line-height:      1.5;
	padding:          0px;
	border-width:     0px;
	color:            #3D3D43;
}

h1 {
	margin-top:       36px;
	margin-bottom:    12px;
	font-weight:      normal;
	font-size:        2rem;
}


h2 { font-size: 1.7rem; font-weight: bold; }

h3 { font-size: 1.4rem; font-weight: bold; text-decoration: underline; }


a {
	text-decoration:  none;
	color:            #006ab3;
}

a:hover {
	text-decoration:  underline;
}

h2 a {
	color:            #3D3D43;
}

h2 a:hover {
	text-decoration:  none;
}

body > div {
    width: min(75%, calc(50% + 300px));
}

div.navbar {
	height:           auto;
	margin-top:       12px;
	margin-bottom:    12px;
	margin-left:      auto;
	margin-right:     auto;
	font-size:        14px;
	text-align:       right;
}

span.lang {
	font-weight:      bold;
	color:            #003863;
}

span.d {
    font-size:small;
    font-style:italic;
    color:gray;
}


div.logobar {
	height:           auto;
	margin-top:       12px;
	margin-bottom:    12px;
	margin-left:      auto;
	margin-right:     auto;
}

div.titlebar {
	height:           auto;
	margin-top:       24px;
	margin-left:      auto;
	margin-right:     auto;
	font-size:        1.125rem;
	padding-bottom:   6px;
}

span.chevron {
	font-size:        36px;
	line-height:      1.0;
	vertical-align:   -3px;
}

span.titlemark {
	padding-bottom:   12px;
	background-color: #003863;
}

span.titleitem {
	padding-bottom:   6px;
	background-color: #FFFFFF;
    line-height: 2;
}

div.banner {
	width:            100%;
	height:           auto;
	margin-left:      auto;
	margin-right:     auto;
}

div.menubar {
	height:           auto;
	margin: 12px auto;
	font-size:        20px;
}

.menubar div {
	display:          flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.menubar a {
    height: auto;
    margin: 3px 6px;
    padding: 5px 10px;
    text-align: center;
    padding: 20px;
    flex-grow: 1;
	color:            #FFFFFF;
}

a.menuitemblue {
	background-color: #003863;
}

a.menuitemlight {
	background-color: #006AB3;
}

a.menuitemred {
	background-color: #C00D0D;
}

a.menuitemgreen {
	background-color: #5B7B00;
}

div.frame {
	height:           auto;
	margin-top:       12px;
	margin-bottom:    12px;
	margin-left:      auto;
	margin-right:     auto;
	font-size:        18px;
	text-align:       justify;
}

div.flatframe {
	height:           auto;
	margin-top:       6px;
	margin-bottom:    6px;
	margin-left:      auto;
	margin-right:     auto;
	font-size:        18px;
	text-align:       justify;
}

div.list {
	height:           auto;
	margin-top:       12px;
	margin-bottom:    12px;
	margin-left:      auto;
	margin-right:     auto;
	display:          flex;
	font-size:        18px;
}

div.flatlist {
	height:           auto;
	margin-top:       6px;
	margin-bottom:    6px;
	margin-left:      auto;
	margin-right:     auto;
	display:          flex;
	font-size:        18px;
}

div.seplist {
	height:           auto;
	margin-top:       12px;
	margin-bottom:    6px;
	margin-left:      auto;
	margin-right:     auto;
	display:          flex;
	font-size:        18px;
}

span.listitem {
	min-width:        8em;
	height:           auto;
	margin-right:     12px;
    flex-shrink: 0;
}

@media(max-width: 500px) {
    .list {
        flex-wrap: wrap;
    }
    .seplist {
        flex-wrap: wrap;
    }
    .flatlist {
        flex-wrap: wrap;
    }
}

span.listbullet {
	width:            2.125em;
	height:           auto;
	text-align:       center;
}

span.listtext {
	height:           auto;
	margin-left:      12px;
}

span.listpar {
	height:           auto;
	text-align:       justify;
}

a.inline {
	color:            #006AB3;
}

a.inline:hover {
	text-decoration:  underline;
}

a.local {
	color:            #00818F;
}

a.local:hover {
	text-decoration:  underline;
}

span.day {
	width:            2.125em;
	display:          inline-block;
}

span.letter {
	width:            3em;
	display:          inline-block;
}

span.number {
	width:            1.5em;
	display:          inline-block;
	text-align:       right;
}

span.hall {
	width:            5.25em;
	display:          inline-block;
}

span.sheet {
	width:            3.625em;
	display:          inline-block;
}

span.bullet {
	width:            2.125em;
	display:          inline-block;
	text-align:       center;
}

div.footer {
	width:            100%;
	height:           auto;
	margin-top:       36px;
	margin-left:      auto;
	margin-right:     auto;
	font-size:        1.125rem;
	text-align:       center;
	padding-top:      24px;
	padding-bottom:   24px;
	color:            #FFFFFF;
	background-color: #003863;
}

a.footer {
	color:            #FFFFFF;
}

a.footer:hover {
	text-decoration:  underline;
}