body {
background-image: url(https://www.ejss.ch/webpics/bg_2010.jpg);
}
.ejss {
max-width: 778px;
margin: 0 auto;
border: solid 1px #000000;
background-color: #fff;
}
header {
grid-area: header;
}
nav {
background-color: #000066;
padding: 10px;
text-align: center;
color: #fff;
font-weight: bold;
}
nav a {
color: #fff !important;
}
nav a:hover {
font-weight: bold;
text-decoration: underline;
}
main {
padding: 15px;
}
h1 {
color: #ff6600;
}
footer {
background-color: #000066;
text-align: center;
color: #fff;
padding: 10px;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; 
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}