body {
 margin-right: 10%;
 margin-top: 2em;
 color: black;
 background-color: white;
}

div.menu {
 position: absolute;
 top: 0px;
 left: 0px;
 bottom: 0px;
 width: 10em;
 /* min-height: 40em; */
 padding-top: 2em;
 padding-left: 1em;
 padding-right: 1em;
 padding-bottom: 2em;
 float: left;
 background-color: rgb(204,102,0);

/* 
 border-style: dashed;
 border-width: thin;
 border-color: black;
*/
}

div.ylaosa {
 margin-left: 15em;
}

div.main {
 margin-left: 15em;
 max-width: 500px; /* 70ex; */
}

div.menufantti {
 margin-bottom: 2em;
 text-align: center;
 border-width: 0;
}

a.menuitem, a.menuitem2, a.menufooter {
 display: block;
 text-decoration: none;
 text-align: left;
 font-size: 120%; 
 font-family: geneva, arial, sans-serif;
 height: 1.5em;
}

a.menuitem2 {
 height: 3em;
}

a.menufooter {
 font-size: 60%;
}

a.menuitem:link, a.menuitem:visited, a.menuitem:active,
a.menuitem2:link, a.menuitem2:visited, a.menuitem2:active,
a.menufooter:link, a.menufooter:visited, a.menufooter:active {
 color: white;
}

a.menuitem:hover, a.menuitem2:hover, a.menufooter:hover {
 color: rgb(255,255,204);
}

a:link {
 color: blue;
}

a:visited {
 color: rgb(102,153,0);
}

a:active {
 color: rgb(204,102,0);
}

a:hover {
 color: rgb(204,102,0);
}

img.kvanttifantti {
 float: right;
}

img {
 border-width: 0;
}