a { font-family: sans-serif; font-size: 12px; color: #666666}

a:hover { font-family: sans-serif; font-size: 12px; color: #9d4e95;}

h1 { font-family: sans-serif; font-size: 28px; color: #000000 }
h2 { font-family: sans-serif; font-size: 24px; color: #000000 }
h3 { font-family: sans-serif; font-size: 22px; color: #000000; font-variant: small-caps; }
h4 { font-family: sans-serif; font-size: 18px; color: #000000;}
h5 { font-family: sans-serif; font-size: 20px; color: #000000; letter-spacing: 0.15 em }
h6 { font-family: sans-serif; font-size: 16px; color: #000000; letter-spacing: 0.10 em }


body {
background: #9d4e95 url(../images/main_pohja.jpg) repeat-y left;
margin: 0px;
padding: 0px;
width: 1039px;
font: 12pt sans-serif;
}

.main_sisalto {
background: #8b8b8b url(../images/main_sisalto.jpg) repeat-y left;
width: 807px;
margin: 0px;
padding: 0px 0px 0px 225px;
}

.sisalto {
width: 670px;
min-height: 550px;
}


.main_yla {
background: #8b8b8b url(../images/main_yla.jpg) no-repeat top;
height: 148px;
width: 1039px;
}

.main_ala {
background: #8b8b8b url(../images/main_ala.jpg) no-repeat top;
height: 57px;
width: 1039px;
}

.tausta {
background: #8b8b8b url(../images/main_sisalto.jpg) repeat-y left;
margin: 0px;
padding: 0px;
min-height: 600px;
overflow: auto;
width: 100%;
margin: 0px;
padding: 0px;
border: 0px;
position: fixed;
left: 0px;
top: 128px;
}

.footer {
background: #8b8b8b url(../images/main_ala.jpg) no-repeat;
width: 1039px;
height: 62px;
margin: 0px;
padding: 0px;
position: fixed;
left: 0px;
bottom: 0px;
font: 12pt sans-serif;
}

.logo {
overflow: hidden;
height: 128px;
width: 1039px;
margin: 0px;
padding: 0px;
border: 0px;
position: fixed;
left: 0px;
top: 0px;
z-index: 36
}

.navi {
background-color: transparent;
overflow: hidden;
width: 175px;
position: absolute;
left: 23px;
top: 150px;
z-index: 23
}

.info {
background-color: transparent;
overflow: hidden;
width: 200px;
position: absolute;
left: 774px;
top: 120px;
z-index: 24
}

p.infoa {
margin: 20px;
}

.contact {
border-top: 1px dotted #cccccc;
overflow: hidden;
width: 180px;
z-index: 15
}

.admin {
background-color: transparent;
overflow: hidden;
width: 720px;
height: 15px;
position: absolute;
left: 190px;
top: 2px;
z-index: 31
}




p.contact-text {
font: 8pt sans-serif;
color: #7b7b7b;
}


.navi-text {
float: left;
border: #000000 4px double;
height: 20px;
line-height: 25px;
width: 160px;
padding: 0px 0px 2px 5px;
margin-top: 10px;
padding: 3px 0px 0px 3px;
}

a.navi-text:link {
font: italic bolder 12pt sans-serif;
text-decoration: none;
color: #000000;
background: #9a9897 url(../images/main_navi.gif) no-repeat;
overflow: hidden;
}

a.navi-text:visited {
font: italic bolder 12pt sans-serif;
text-decoration: none;
color: #000000;
background: #9a9897 url(../images/main_navi.gif) no-repeat;
overflow: hidden;
}

a.navi-text:active {
font: italic bolder 12pt sans-serif;
text-decoration: none;
color: #ffffff;
background: #9a9897 url(../images/main_navi2.gif) no-repeat;
overflow: hidden;
}

a.navi-text:hover {
font: italic bolder 12pt sans-serif;
text-decoration: none;
color: #ffffff;
background: #9a9897 url(../images/main_navi2.gif) no-repeat;
overflow: hidden;
}


.navi-subtext {
float: left;
border: #000000 1px solid;
border-top: 0px;
height: 15px;
width: 150px;
padding: 1px 0px 1px 5px;
margin-left: 10px;

}


a.navi-subtext:link {
font: 10pt sans-serif;
text-decoration: none;
color: #000000;
background: #cdcdcd;
overflow: hidden;
}

a.navi-subtext:visited {
font: 10pt sans-serif;
text-decoration: none;
color: #000000;
background: #cdcdcd;
overflow: hidden;
}

a.navi-subtext:active {
font: 10pt sans-serif;
text-decoration: none;
color: #9d4e95;
background: #9a9897;
overflow: hidden;
}

a.navi-subtext:hover {
font: 10pt sans-serif;
text-decoration: none;
color: #9d4e95;
background: #9a9897;
overflow: hidden;
}

/*
a.navi-text:link	 { color: #7b7b7b; }
a.navi-text:visited	 { color: #7b7b7b; }
a.navi-text:active	 { color: #000000; }
a.navi-text:hover	 { color: #000000; }
*/

.login {
font: 8pt sans-serif;
color: #000000;
text-decoration: none;
}

a.login:hover {
font: 8pt sans-serif;
color: #9d4e95;
}

.updateinfo {
font: 8pt sans-serif;
color: #000000;
text-decoration: none;
}

.lomake{
background-color: #f2f2f2;
border: 1px solid #000000;
width: 95%;
}

.MCE{
background-color: #f2f2f2;
border: 1px solid #000000;
width: 95%;
min-height: 400px;
}

textarea.lomake {
background-color: #f2f2f2;
border: 1px solid #000000;
width: 95%;
min-height: 350px
}

textarea.lomakepieni {
background-color: #f2f2f2;
border: 1px solid #000000;
width: 95%;
min-height: 70px
}

.varaus {
text-align: center;
font: 11pt sans-serif;
border: 1px solid #7b7b7b;
padding: 2px;
}

.harmaapohja {
background-color: #cccccc;
}

table.varaustaulu{
width: 90%;
padding: 0px;
margin: 0px;
}

a.varausbold {
font: 12pt sans-serif;
text-decoration: none;
text-align: center;
}

a.varausbold:hover {
font: 12pt sans-serif;
text-decoration: none;
text-align: center;
}

.varausbold {
font: bolder 14pt sans-serif;
text-decoration: none;
text-align: center;
}

.red {
color: #9c5c5c;
}

.selected {
font: 12pt sans-serif;
text-decoration: none;
line-height: 200%;
color: #7b7b7b;
}

.tuotelista {
width: 100%;
border: #000000 5px double;
}

.copyright {
width: 1039px;
font: 8pt sans-serif;
color: #bbbbbb;
text-decoration: none;
margin-right: auto;
margin-left: auto;
}

a.copyright:hover {
font: 8pt sans-serif;
color: #9d4e95;
}