html {
margin: 0px;
padding: 0px;
}

body {
background: #FB7115;
background-image: url(../images/tausta.png);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
text-align: left;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 13px;
color: #000;
}

h1  { color: #8A1415; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h2  { color: #AB2F15; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding-top: 20px; }
h3  { color: #C34315; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding-top: 20px; }
h4  { color: #C34315; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding-top: 20px; font-weight: bold; }

#container
{
width: 770px;
margin: 0px auto;
background-color: #fff;
color: #333;
border: 0px solid gray;
line-height: 130%;
min-width: 770px;
}

#top
{
height: 160px;
padding: 0px;
border: 0px;
background-color: #ffb200;
}

#flash
{
text-align: center;
height: 166px;
width: 100%;
padding: 0px;
border: 0px;
background-color: #ffb200;
background-image: url(../images/ylatausta.png);
}


a:link, a:visited, a:active { color: #ba131f; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Arial, Helvetica; text-decoration: none; }
a:hover { color: #ba131f; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Arial, Helvetica; text-decoration: underline; }
p, td, ul, li { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Arial, Helvetica; }

p.lr {
text-align: right;
}

#nav
{
text-align: left;
font-family: Verdana;
font-size: 13px;
margin: 0px;
padding: 8px 0px 8px 0px;
color: #fff;
border-top: 1px solid #fff;
background-color: #AE3215;
background-position: bottom left;
background-repeat: repeat-x;
}

.nav a:link, .nav a:active, .nav a:visited {
font-size: 13px;
font-weight: normal;
text-decoration: none;
color: #ffffff;
}

.nav a:hover {
font-size: 13px;
font-weight: normal;
text-decoration: underline;
color: #ffffff;
}

.inenglish
{
text-align: right;
position: relative;
left: 120px;
}

div.box {
border: 1px solid #C34315;
padding: 0px 15px 5px 15px;
}

#content
{
margin-right: 225px;
padding: 0px 25px 0px 25px;
border-right: 1px solid #C34315;
}

#content-wide
{
padding: 0px 10px 0px 10px;
}

#right
{
text-align: center;
float: right;
width: 200px;
padding: 3px;
}

#vspacer
{
clear: both;
font-size: 5px;
margin: 0px;
padding: 0px;
color: #fff;
background-color: #fff;
}

#footer
{
clear: both;
text-align: center;
font-family: Verdana;
padding-top: 9px;
color: #fff;
height: 25px;
border-top: 2px solid #000;
background-color: #FB7115;
}

.noborder { border: 0px; }
.footer a:link {font-weight: normal; text-decoration: none; color: #ffffff;}
.footer a:hover {text-decoration: underline; color: #ffffff;}

#right p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

table.aikataulu {
width: 60%;
font-size: 20px;
border: 1px solid #555;
}

tr.rivi {
background-color: #F4EBE5;
}

td.td1 {
width: 30%;
padding: 4px;
}

td.td2 {
width: 60%;
padding: 4px;
}

img.bandi {
float: right;
margin: 5px 0px 5px 10px;
padding: 3px;
border: 1px solid #AB2F15;
background: #fff;
}

img.kuva {
margin: 5px 0px 5px 10px;
padding: 3px;
border: 1px solid #AB2F15;
background: #fff;
}

.hrinv {
clear: both;
height: 5px;
border-top: 1px solid #fff;
}

div#right {
text-align: left;
}

.center {
text-align: center;
}