body {
background: #bdb;
margin: 0px;
padding: 0px;
font-family: "Helvetica", "Arial", sans-serif;
font-size: 10px;
}

.header {
text-align: center;
font-size: 10px;
text-decoration: none;
border-color: #777;
}

.footer {
/* text-align: center; */
text-align: left;
font-size: 10px;
text-decoration: none;
border-color: #777;
}

div.footer {
margin-top: 0px;
padding-top: 5px;
border-top-width: 1px;
border-top-style: dashed;
}

div.footer b {
color: #777;
font-weight: bold;
}

div.footer a {
text-decoration: none;
color: black;
}

div.header  {
margin-bottom: 0px;
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: dashed;
}

div.header h1 {
font-size: 24px;
background: #bdb;
width: 100%;
padding: 10px 0px 10px 0px;
}

div.header h1.title {
font-size: 20px;
color: #777;
background: #bdb;
padding: 0px 0px 0px 0px;
}

div.header h1.subtitle {
border-style: solid;
border-width: 2px 0px 2px 0px;
border-color: #aca;
}

div.navigation {
text-align: left;
padding-top: 10px;
}

div.navigation a {
text-decoration: none;
color: black;
}

div.navigation b {
font-weight: bold;
color: #777;
}

table {
background: white;
}

.menu {
border-color: #777;
}

td.menu {
width: 120px;
margin-right: 5px;
padding-right: 5px;
border-right-width: 1px;
border-right-style: dashed;
vertical-align: top;
}

td.menu ul {
list-style-type: square;
color: #777;
padding-left: 15px;
}

td.menu a {
text-decoration: none;
color: #777;
font-size: 10px;
}

td.menu a.selected {
color: red;
font-size: 10px;
}

.advert {
border-color: #777;
}

td.advert {
width: 120px;
margin-left: 5px;
padding-left: 5px;
border-left-width: 1px;
border-left-style: dashed;
vertical-align: top;
}

td.body {
background: white;
font-size: 12px;
vertical-align: top;
}

td.body a {
color: black;
text-decoration: underline;
}

h2 {
font-size: 14px;
/* font-weight: bold; */
width: 100%;
margin: 20px 0px 5px 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #777;
}

h2 a {
text-decoration: none;
color: black;
}

.note {
margin: 10px 2px 10px 2px;
padding: 5px;
border-left-width: 5px;
border-left-style: solid;
border-color: red;
background: #fee;
color: black;
}

.equation {
margin: 10px 2px 10px 2px;
padding: 5px;
border-left-width: 5px;
border-left-style: solid;
border-color: #ddd;
background: #eee;
color: black;
}

.center {
width: 100%;
text-align: center;
}

.ms:before { content: "Mätarställning: "; }
.ms {
width: 100%;
/* display: block; */
display: none;
margin-bottom: 10px;
}
.ms:after { content: " Km"; }

.page:before { content: "Sida "; }
.page {
font-size: 14px;
text-align: center;
width: 100%;
border-top: solid;
border-width: 1px;
display: none;
}

td.body img {
vertical-align: middle;
/* display: block; */
/* margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px; */
margin: 5px;
text-align: center;
float: none;
border-style: none;
}

td.body img.photo {
border-style: solid;
border-color: #eee;
border-width: 8px;
}

div.add {
font-size: 12px;
font-style: oblique;
color: #111;
}