body {background: #D8E4E1 url(kuvat/taustakuva.jpg) repeat-x; margin:0px;}
img { border: 1px #000000; }


ul { list-style: none; padding: 0px; margin: 0px; margin-bottom: 10px; font: 10px Arial, Verdana; font-weight: bold; text-decoration: none; text-align: left; color: #ffffff;}
ol { list-style-type: decimal }
li { padding: 0px; margin: 0px; font: 10px Arial, Verdana; font-weight: bold; text-decoration: none; text-align: left; color: #ffffff;}

h1 { COLOR: #629A8C; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 20pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
h2 { COLOR: #629A8C; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 16pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
h3 { COLOR: #629A8C; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 14pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

p,td,div,body { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

.copy           { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

A:link, A:visited, A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
A:hover             { COLOR: #0B4C84; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

A.copy:link     { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.copy:visited  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.copy:hover    { COLOR: #0B4C84; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.copy:active   { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }


/*** JASMON ***/

/** Kuvataulukko **/

table.image_table td {border: thin solid black; padding: 2px;}

/** users-taulukko **/
table.user_list_table td {background: #d5d9dd; border: 1px solid #cc8f4e;}
table.user_list_table a:hover{background: white;}

a.users_mod {display: block; padding:5px;}
a.users_mod:hover {background: white;}

/** SIVU **/

div.info {float:right; margin-left: 1.6em; margin-bottom: 0.6em; background: #F3D6B5; width: 35%;}
div.kuva_div {float:left;  margin-right: 1.2em; margin-bottom: 0.6em;}

textarea, input, select {
	background: #d5d9dd;
	border: 1px solid #cc8f4e;
	color: black;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1px;
	padding: 3px;
}

input:focus, textarea:focus{
	background: white;
	border: 1px solid black;
}

input.submit:hover, input.submit:focus
{
	background: white;
	border: 1px solid black;
	cursor: pointer;
}


#image_container{
width: 150px;
float: right;
margin-top: 100px;
margin-left: 20px;
padding: 0px;
}

#content_image{
margin:20px auto;
}

.buttonscontainer {width: 200px; margin-bottom: 5px;}

.buttons a {color: #000000;
background-color: #90B8AE;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid #629A8C;
font: 10pt Arial, Verdana;
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 1px;
}

.buttons a:visited {color: #000000;
background-color: #90B8AE;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid #629A8C;
font: 10pt Arial, Verdana;
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 1px;
}



.buttons a:hover {border-left: 10px solid #32695B;
font: 10pt Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
color: #FFFFFF;}






#container {
width: 760px;
background-color: #FFFFFF;

margin: 10px;

border-color: #000000;
border-width: 1px;
border-style: solid;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;

padding: 0px;
align: center;
}



#sisusta {
width: 760px;
background-color: #FFFFFF;

margin: 0px;
padding: 0px;

background-image: url(kuvat/sisaltotausta.jpg);
background-image: repeat-no; 
}






#alakehys {
width: 760px;

margin: 0px;
margin-bottom: 10px;

margin-left: auto;
margin-right: auto;

padding: 0px;
align: center;
}

 



#banner {
width: 760px;
height: 188px;
margin: 0px;
padding: 0px;

}



#content {
margin-top: 0;
margin: 0;
margin-right: 0px;
padding: 5px;
margin-left: 215px;
width: 520px;
background-color: transparent;


}



#tuote {
padding: 0 10px 0 0;
width: 100%;
background-color: transparent;
}



#sidebar-a {
float: left;
width: 200px;
margin: 0;
margin-top: 10px;
margin-right: 5px;
padding: 5px;
background-color: transparent;
}

#footer {
clear: both;
padding: 0px;
margin-top: 0px;
margin-bottom: 15px;

background-color: transparent;
}

#alaviiva {
clear: both;
padding: 0px;
margin-top: 5px;
margin-bottom: 0px;

background-color: transparent;
}