body{
	background: #fff;
	text-align: center;
	margin: 0;
}

#sivupohja {
	top: 0;
	margin: 10px auto auto;
	width: 700px;
	border: 1px solid #3a5d31;
	text-align: center;
	border-collapse: collapse;
}

#ylaosa {
	width: 700px;
	position: relative;
	background: url(banneriGreen.jpg);
	height: 113px;
	border-bottom: 1px solid #3a5d31;
}
		
#valikko {
	width: 700px;
	margin-top: 97px;
	height: 12px;
	position: absolute;
	background: transparent;
}

#sisalto {
	width: 700px;
	position: relative;
	float: right;
	text-align: left
	}

#alaosa {
	width: 700px;
	height: 18px;
	clear: both;
	border-top: 1px solid #3a5d31;
	background: url(linkBgG.jpg);
}

#menu {
	width:300px;
	padding:0; 
	margin: 0 0; 
	list-style-type:none;
}

#taulukko {
	width: 660px;
	margin: 10px 20px 10px 20px;
	height: 250px;
	overflow: auto;
}

#kommentointi {
   	position: relative;
   	margin: 70px 20px 10px 20px;
}
        
#kommentit{
   	text-align: left;
	margin-right: 460px;
}
       
#kirjoita {
	position: relative;
	width: 437px;
   	margin: 0 4px 10px 0;
   	float: right;
   	text-align: left;   
   	padding-bottom: 0;
}
 
#kommentti {
   	margin: 10px 0px 0 0px;
   	border: 1px solid #3a5d31;
   	background-color: #cfdcb3;
}
        
#kommentti A  {
        color: #3a5d31;
        text-decoration: underline;
}

#kommentti A:active, #kommentti A:hover {
        color: #98ad6b;
        text-decoration: none;
} 

A  {
   	color: #98ad6b;
	text-decoration: underline;
}

A:active, A:hover {
    	color: #3a5d31;
	text-decoration: none;
}

A.eiU  {
        color: #98ad6b;
        text-decoration: none;
}

A.eiU:active, A.eiU:hover {
    	color: #3a5d31;
        text-decoration: none;
}

#menu a {
	display: block;
	width: 80px;
	color: #3a5d31;  
	text-align: center; 
	padding: 0 0; 
	margin: 0;
	float:left; 
	text-decoration: none;
}
  
#menu a:hover {
	text-decoration: underline;
}

h1 {
    	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 11pt;
    	text-align: justify;
    	line-height: 11pt;
    	padding: 10pt 16pt 5pt;
	margin: 5pt 0;
}

h2 {
    	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 10pt;
    	text-align: justify;
    	line-height: 11pt;
    	padding: 5pt 16pt;
    	margin: 0 0;
}

#kommentointi h2{
	padding: 0;
}

p {
    	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 9pt;
    	text-align: justify;
    	line-height: 14pt;
    	padding: 5pt 16pt 0 16pt;
	margin: 0 0 10px;
}

p.lanka{
	padding: 0 16pt 0 16pt;
	margin: 0;
	font-size: 8pt;
}

p.kategoria{
	font-size: 8pt;
    	text-align: justify;
    	line-height: 12pt;
    	padding: 0 16pt 0 16pt;
    	margin: 0 0 10px;
}

#kommentointi p{
	font-size: 8pt;
    	padding: 1pt 4pt 0 4pt;
}

#kommentti p{
	padding: 0 5pt 0 5pt;
	line-height: 10pt;
	margin: 0 0 10px;
}

#kommentti p.nimi {
	font-size: 9pt;
	font-weight: bold;
	margin: 10px 0 0;
}

#kommentti p.pvm {
    	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 7.7pt;
    	text-align: justify;
    	line-height: 9pt;
    	padding: 0 5pt 0 5pt;
	margin: 0 0 10px;
}

#alaosa p {
    	font-size: 8pt;
    	line-height: 8pt;
    	padding: 3px 16pt 0 16pt;
}	

select {
    	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 9pt;
    	background-color: #cfdcb3;
    	border: 1px solid #3a5d31;
}

input {
    	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 9pt;
	background-color: #cfdcb3;
	border: 1px solid #3a5d31;
}

textarea{
    	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 9pt;
    	background-color: #cfdcb3;
	border: 1px solid #3a5d31;
}

table{
	width: 640px;
	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 8pt;
}

table.rajaus{
	margin: 0 auto 10px 20px;
}

table.langatNeuleessa{
    	width: auto;
    	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 8pt;
	margin: 10px 0;
	padding: 0;
	border: 0px solid #000;
}

table.langanVarit{
    	width: 400px;     
    	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 8pt;
    	margin: 30px 0;
    	padding: 0;  
	border: 0px solid #000;
}

table.kommentoi{
	font-size: 8pt;
	width: 330px;
}

table.langanTiedot{
	width: 640px;
	font-size: 9pt;
	margin: 0 15px;
}

tr.otsikot {
	font-size: 9pt;
	font-weight: bold;
}

td {
	vertical-align: top;
	text-align: left;
	padding: 0 5px 5px;
	margin: 0;
	border: 0px solid #96637d;
}

td.langanTiedot{
	width: 320px;
}

td.neuleenLangatOts{
	padding: 0 0 5px;
	font-weight: bold;  
}

td.neuleenLangat{
	padding: 0 5px 5px 0;
}	

td.neuleenLangatOtsEK{
    padding: 0 0 5px 20px;
	font-weight: bold;
}

td.neuleenLangatEK{
    padding: 0 5px 5px 20px;
}
        
td.kommentoi{
	padding: 5px 10px 0 0;
}

td.kuvat {
        text-align: center;  
        padding: 0 0 20px;
}


img {
    padding: 0;
    margin: 0 20px 10px;
	float: left;
    border: 0px solid #decccd;
}

img.p {
    	padding: 0 auto;
    	margin: 0;
	float: none;
    	border: 0px solid #decccd;
}


ul {
	list-style-type: circle;
    	color: #3a5d31;
    	font-family: verdana, tahoma, sans-serif;
    	font-size: 8pt;
    	margin: 0 35px 20px;
    	padding: 0;
    	border: 0px solid #000;
}
		
#menu li {
	float: left;
	width: 70px;
	border: 0 solid #fff; 
	padding: 0;
	margin: 0;
	font-family: verdana, tahoma, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}