@media screen {/* screen lohko alkaa*/

body {
padding-left: 12em;
padding-right: 2em;
font-family: arial, helvetica, sans-serif; 
color: black;
background-color: #fff8dc;
}


h1.banner {
color: #CD6839; 
background-color: #fff8dc;
font-family: arial, helvetica, sans-serif; 
font-size: 36pt;
font-weight: 700;
text-align: Left;
}

div.logo {
position: absolute;
left: 1em;
top: 1em;
}

h1.bodytop {
color: #CD6839;
background-color: #fff8dc;
font-family: arial, helvetica, sans-serif;
}

a:link {
color:blue;
background-color: #fff8dc;
}

a:visited { 
color:purple;
background-color: #fff8dc;
}

a:hover {
color:red;
background-color: #fff8dc;
text-decoration:none;

}

ul.navimenu {
color:black;
font-family: arial, helvetica, sans-serif;
background-color: #fff8dc;
font-weight:bold;
list-style-type:none;
padding: 0;
margin: 0;
position: absolute;
top: 11em;
left: 1em;
width: 11em
}

ul.navimenu a {
text-decoration:none;
}

ul.navimenu a:hover {
color:#CD6839;
background-color: #fff8dc;
}


ul.navipalkki .off {
color:#CD6839;
background-color: #fff8dc;
}

p.c5 {text-align: center}
 p.c2 {font-weight: bold; text-align: center}
 p.c1 {font-weight: bold}

} /*screen lohko loppui*/

@media print {/*print lohko alkaa*/
ul.navimenu,
div.logo,
h1.banner
 {
display:none;
}
}/*print lohko loppui*/