/*

           Sakun UUSI (15.4.2007) stylesheet www.chlorella.fi kotisivuja varten

*/
html { background-image: url(../kuvat/tausta-vihrea.jpg); min-width: 870px; }
body { margin: 0; padding: 0; font-size: 15px;}

#header {
	border: 1px solid #cecea5;
	background-color: #d7dabd;
}
#main {
	margin-left: 210px;

}
#left { background-position: 0 100%; width: 210px; float: left; text-align: right; }
#right {
	width: 199px;
	float: right;
}
#footer {
	border: 1px solid #cecea5;
	background: #d7dabd;
}
#outer_wrapper {
}
#wrapper {
}

#container { width: 100%; float: none; margin-right: -199px; }
#content {  margin-right: 199px; }

a.main:active { color: #1c1c1c; text-decoration: underline;}
a.main:link { color: #1c1c1c; text-decoration: underline;}
a.main:visited { color: #1c1c1c; text-decoration: underline;}
a.main:hover {color: red; text-decoration: none;}

.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}
.white {
background-color:#FFFFCC;}
.huomaa {
background-color:#FFFFCC;
width:430;}
.tiiseri   { background-color: silver; color: white; font-size: 16px; text-align: center; margin: 1px 1px 1px 1px; padding: 1px; border: dashed 1px silver; }
.tiiseri2     { color: #535353; font-size: 16px; font-weight: bold; margin-top: 30px; padding: 3px; border: dashed 1px silver; }
.tiiseri3     { background-color: #d7dabd; color: black; font-size: 16px; font-weight: normal; margin-top: 30px; padding: 3px; border: dashed 1px silver; }
.tiiserioikea    { color: #ff6600; font-size: 16px; font-weight: normal; margin-top: 30px; padding: 3px; border: dashed 1px silver; }
a.tiiseri:link { color: #fff; text-decoration: underline;}
a.tiiseri:hover {color: red; text-decoration: none;}
a.tiiseri2:link { color: #535353; text-decoration: underline;}
a.tiiseri2:hover {color: red; text-decoration: none;}
a.tiiserioikea:link { color: #ffcc00; text-decoration: underline;}		

.kuvaintextleft { margin: 10px 10px 5px 0; float: left; border: 0 }
.kuvaintextright { margin: 10px 0 5px 10px; float: right; border: 0 }
.kysymys { 
letter-spacing: 0.2pt;
color:rgb(0,28,140);
margin-top:40px;}
.vastaus { margin-top:5px;}
.otsikot { color: #535353; font-size: 16px; font-family: Geneva; font-weight: bold; line-height: 16px; text-decoration: none; padding-left: 2px; padding-right: 2px; margin-right: 4px; margin-right: 4px; }
a.otsikot:link { text-decoration: none; text-align: left;}
a.otsikot:visited { text-decoration: none;}
a.otsikot:active { color: red; text-decoration: none;}
.menutitle { font-weight:bold;
		    border-top:1px dashed #848484;
		    padding-top: 4px;
		    margin-top:15px;
		    clear: both;
}
.navilink   { color: #eee; font-size: 13px; font-family: Verdana; font-weight: bold; line-height: 20px; text-decoration: none; text-align: left; word-spacing: 1pt; letter-spacing: -0.3px; margin-left: 5px; margin-right: 15px; }
.navilink2   { color: #eee; font-size: 13px; font-family: Verdana; font-weight: bold; line-height: 20px; text-decoration: none; text-align: left; word-spacing: 1pt; letter-spacing: -0.1px; margin-left: 5px ; ;margin-right: 15px; ;margin-top: 10px; border: dashed 1px red;}
a.navilink:link { color: #070a0d; text-decoration: none; }
a.navilink:visited { color: #070a0d; text-decoration: none; }

a.navilink:hover {color: red; text-decoration: none;}
a.navilink2:link { color: #070a0d; text-decoration: none; }
a.navilink2:visited { color: #070a0d; text-decoration: none; }

a.navilink2:hover {color: red; text-decoration: none;}
.alhaalta
{
line-height: 4;
font-weight:bold;
border-top:1px dashed #848484;
margin-top:15px;
margin-bottom:10px;
}

TABLE {text-align: justify; border-collapse: collapse;}
TD { margin: 3px; padding: 5px;}

.form, input,textarea,select, option, .input 
	   {background-color:#f0eff9;
	    color: #1c1c1c;
		font-size: 16px;
		text-decoration:none;
		text-indent: 0.1em;
		font-family: tahoma;
		margin-top:5px;
		margin-bottom:5px;}
.korostus {font-size: 16px;
	   	  color:white;
	   	  background-color: #1c1c1c;}

#korostus {font-size: 16px;
	   	  color:white;
	   	  background-color: #1c1c1c;}
P, UL, OL, DIR, MENU, DIV, DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, DL { color: #1c1c1c; font-size: 16px; font-family: "Times New Roman", Times, Georgia, serif; text-align: justify; }

  
HR {
	display: block;
	color: #fff;
	border: solid 1px silver
	}

pre { 
	font-size: 16px;
    color:#1c1c1c;
}	   

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, IMG, SPAN, FORM { display: inline;}

ul { 
	margin-left: 5px;}

li { display: list-item;
	margin-bottom:2px;
	margin-top:10px;
	margin-left:10px;
	margin-right:0px;}

H1, H2, H3, H4, H5, H6 { font-weight: bold; margin-top: 2em; display: block; font-family: Helvetica, Times, Verdana; margin-bottom: 4px; }

H3, H4, H5, H6  { text-align: justify }
H2, H4, H6 { font-style: italic; }

H1, H2 { font-size: 18pt; color: #ff0000; text-align: center }
H3,H4 { font-size: 16pt; color: #1c1c1c;}
H5,H6 { font-size: 14pt;}

B, STRONG { font-weight: bolder }  /* relative to the parent */
I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE { font-style: italic }

TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

ADDRESS { margin-left: 3em }
BLOCKQUOTE { margin-left: 2em; margin-right: 2em; font-size: 14px; }

UL, DIR { list-style: disc }
OL { list-style: decimal }
MENU { margin: 0 }              /* tight formatting */
DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 3em }

HR { border-top: solid }        /* 'border-bottom' could also have been used */
a img {border: none; }
a:link { color: #1c1c1c; text-decoration: underline;}
a:visited { color: #1c1c1c; text-decoration: underline;}
a:hover { color: red; text-decoration: underline;}