.valiotsikko {
	border-bottom: solid 2px #3D8337;
	width:90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #202020;
	letter-spacing: 0.03em;
}
.pieniotsikko {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	color: #707070;
}

.yhteistyossalista {
margin-left: -20px; list-style-type: square; font-size:11px; text-transform: uppercase;
}

a { text-decoration: none; color: #000099; }
a:hover { text-decoration: underline; color: #3333FF; }
hr { border-top: dotted 1px #666; border-bottom: 0px #fff; }
img { border:0px; }

                                                                                    /* BODY */
body {
    margin: 0px 0px; padding: 0px;
    top: 0px; bottom: 0px;
    text-align: center;
    }
table#normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #1F1F1F;
	font-style: normal;
	line-height: normal;
	text-transform: uppercase;
}

                                                                                    /* MAIN */
                                                                                    
div#mainframe {
	 width: 950px; height: 100%;
    margin: 0px auto;
    text-align: left;
    padding: 0px;
	 background-color: #fff;
	 min-height: 800px;
	 border-left: solid 1px #aaaaaa;
	 border-right: solid 1px #aaaaaa;
}

                                                                                    /* HEADER */
div#headerframe {
    background-image: url(img/bg_header.jpg);
    width: 950px; height: 190px;
    top: 0px;
    vertical-align: top;
    text-align: left;
    background-color: #fff;
    margin: 0px auto;
    position: relative;
	 border-left: solid 1px #aaaaaa;
	 border-right: solid 1px #aaaaaa;
}
  div#header_center {
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    left: 530px; top: 35px;
    float: right;
    height: 100%;
 }
  div#header_right {
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    left: 750px; top: 10px;
    float: right;
    height: 100%;
 }
 a.header_right_nav { color: #fff; }
 a.header_right_nav:hover { color: #efefef; }
 
 
 div#bookmark { 
 position: absolute; 
 left: 0px; top: 0px;
 width: 130px; height: 130px;
 z-index: 9999; 
 overflow: hidden;
 }

                                                                                    /* CONTENT FRAME */
 div#contentframe {
    position: absolute;
    margin: 0px 10px 10px 0px;
    top: 0px; left: 0px;
 }
 
                                                                                    /* CONTENT */
  div#content {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    width: 700px;
    float: left;
	 min-height: 400px;
    background-color: #fff;

 }
 /* for Internet Explorer */
/*\*/
* html div#content {
height: 30em;
}
/**/

ul#listanuoli {
	list-style-image: url(img/nuoli_oikealle.gif);
	margin-left: 30px;
	line-height: 1.5em;
}
ul#listaok {
	list-style-image: url(img/ok.gif);
	margin-left: 30px;
	line-height: 1.5em;
}
 
                                                                                    /* LEFT FRAME */
div#leftframe {
    position: relative;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 220px;
    left: 0px; top: 0px;
    float: left;
}
                                                                                    /* NAVIGATION */
div#navigationframe {
    position: relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 190px;
 }

a.navigation {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #143a73;
    font-style: normal;
	 letter-spacing: 0.5px;
    display: block;
    width: 190px; height: 32px;
    text-decoration: none;
    padding: 8px 0px 0px 0px;
    margin: 0px 0px;
    text-align: left;
    background: url(img/bg_nav.jpg) repeat-x top left;
    overflow:hidden;
 }
 a.navigation:hover {
    background: url(img/bg_nav_hover.jpg) repeat-x top left;
    color: #1F1F1F;
	 text-decoration: none;
 }
  a.navigation:active {
    background: url(img/bg_nav_hover.jpg) repeat-x top left;
    color: #1F1F1F;
	 text-decoration: none;
 }
 a.navigation2 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #143a73;
    font-style: normal;
	 letter-spacing: 0.5px;
    display: block;
    width: 190px; height: 13px;
    text-decoration: none;
    padding: 2px 0px 0px 10px;
    margin: 0px 0px;
    text-align: left;
    overflow:hidden;
 }
 a.navigation2:hover {
    color: #1F1F1F;
	 text-decoration: none;
 }

                                                                                     /* FOOTER */
div#footer {
	position: relative;
	display: block;
	height: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	bottom: 0px;
}
    
                                                                                    /* FORM */
 label
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
width: 5em;
float: left;
text-align: right;
margin-right: 10px;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
color: #781351;
background: #FBFDFF;
border: 1px solid #708090;
}
textarea
{
color: #781351;
background: #FBFDFF;
border: 1px solid #708090;
}

.submit input
{
color: #708090;
background: #FBFDFF;
border: 1px outset #708090;
font-weight: bold;
}
fieldset
{
border: 1px solid #708090;
width: 25em;
padding:5px;
}

legend
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #202020;
background: #efefef;
border: 1px solid #202020;
padding: 5px 20px
}

a.info { 
    display: block; width: 90px; height: 16px;
    border: #708090 1px solid;
    background: #fafafa;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000;
    text-transform: uppercase;
    text-align: center;
    padding: 1px 1px 1px 1px; margin: 3px 0px 0px 0px;
    }
a.info:hover { border: solid 1px #ac1614; background: #e2e2e2; text-decoration: none; color: #000; }
    
                                                                                    /* FONTS */																										
																												
a.logoteksti { 
font-family: 'trebuchet ms','verdana','arial','helvetica'; 
font-size: 1.8em;
letter-spacing: 1px;
color: #fff;
font-style: normal;
 }
 a.logoteksti:hover { text-decoration: none; color:#efefef; }
.bigxxl { 
font-family: 'trebuchet ms','verdana','arial','helvetica'; 
font-size: 1.8em;
letter-spacing: 1px;
color: #1F1F1F;
font-style: normal;
 }
.bigxl { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.5em;
letter-spacing: 1px;
color: #202020;
font-style: normal;
 }
h1, h2 { font-weight: normal; }
 .bigl { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
letter-spacing: 1px;
color: #202020;
font-style: normal;
 }
 
 .big { 
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
letter-spacing: 1px;
color: #1F1F1F;
font-style: normal;
font-weight: bold;
 }
 .normal { 
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
color: #1F1F1F;
font-style: normal;
line-height: normal;
margin-left: 20px;
 }
 .small { 
font-family: 'trebuchet ms','verdana','arial','helvetica'; 
font-size: 0.75em;
letter-spacing: 1px;
color: #1F1F1F;
font-style: normal;
 }
  .smallxs { 
font-family: 'trebuchet ms','verdana','arial','helvetica'; 
font-size: 0.7em;
letter-spacing: 1px;
color: #1F1F1F;
font-style: normal;
text-transform: uppercase;
 }
   .smallxxs { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.60em;
letter-spacing: 0.1em;
color: #1F1F1F;
font-style: normal;
text-transform: uppercase;
 }
 .luettelo { 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; color: #26292E;  
letter-spacing: 1px;
line-height: 17px;
text-transform: uppercase;
margin: 10px; }
.price {
    color: #ac1614;
    font-weight: bold;
    font-size: 0.8em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.button a  { width:500px; display:block; padding:15px 0px; text-align:center; border:solid 1px #202020; background-image: url(/img/tausta_boxi.jpg); }
div.button a:link { color: #fdfdfd; background-image: url(/img/tausta_boxi.jpg); text-decoration:none; }
div.button a:hover { color:#fdfdfd; background-image: url(/img/tausta_boxi_hover.jpg); text-decoration:none; }