body {
background-color: white;
color: #333333;
font-family: ibm_plex_sansregular, sans-serif;
}

a, .nb a:hover, .tip a:hover, a.switch:hover, a.nov:hover {
background-color: transparent;
color: black;
border-bottom: 2px solid #0000cc;
}

nav {border-top: 10px solid white;}

nav a, a.link, a.close {
background-color: #0000cc;
color: white;
border-bottom: 0;
}

nav a {padding-left: 10px;}

a:hover {
background-color: #e30022;
color: white;
border-color: white;
}

article {
max-width: 700px;
padding-right: 100px;
font-size: 17px;
line-height: 27px;
}

h1, h2 {
letter-spacing: +0.1em;
margin: 15px 20px 0 20px;
}

h1 {
font-size: 24px;
line-height: 29px;
}

h2 {
font-size: 18px;
line-height: 22px;
}

p, ul, ol, aside {margin: 10px 20px 0 20px;}

blockquote {margin: 5px 50px 0 50px;}

aside blockquote, .notenorm blockquote, .notemed blockquote, .notebig blockquote {margin: 3px 25px 0 25px;}

blockquote.topm {margin-top: 10px;}

.spacer {margin-top: 7px;}

aside {
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
padding: 2px 5px 5px 5px;
}

footer, figcaption, aside, .trans, .notesml, .notenorm, .notemed, .notebig {
font-size: 15px;
line-height: 24px;	
}

figcaption {
text-align: center;
padding: 5px;
}

.notesml, .notenorm, .notemed, .notebig {
border: 3px solid #dddddd;
background-color: white;
color: #333333;
}

footer p, p.trans {margin: 20px 20px 0 20px;}

.border {
border-bottom: 20px solid #dddddd;
padding-bottom: 15px;
}

@media screen and (max-width: 800px) {
article {padding-right: 0;}
}

@media screen and (max-width: 500px) {
nav a {padding-left: 0;}
h1, h2, p, aside, footer p, p.trans {
margin-right: 10px;
margin-left: 10px;
}
blockquote {margin: 5px 40px 0 40px;}
}