body {
  background: #f0f0f0;
  background-image: url(kuvat/tausta.jpg);
  color: #000000;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/***************************/
/* rakenteen div -laatikot */
/***************************/

#div_runko {
  background: #ffffcc;
  text-align: left;
  color: #000000;
  border: 1px solid #000000;
  width: 700px;
  margin: 10px auto;
  padding: 0px 0px 0px 0px;
}

#div_logo {
  background: #f5deb3;
/* #ffe066; */
  color: #000000;
  border-bottom: 1px solid #000000;
  width: 700px;
  height: 100px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
}

#div_navi {
  background: #f5deb3;
  border-bottom: 1px solid #000000;
  width: 700px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
}

#div_sessio {
  background: #f5deb3;
  border-bottom: 1px solid #000000;
  width: 700px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
}

#div_alaosa {
  background: #f5deb3;
  color: #000000;
  border-top: 1px solid #000000;
  width: 700px;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
}

div.vasen_ruutu {
  background: #ffffaa;
  border: 1px dotted #336633;
  width: 180px;
  margin: 15px 0px 15px 10px;
  padding: 0px 0px 0px 0px;
  position: relative;
  clear: both;
  float: left;
}

div.oikea_ruutu {
  background: transparent;
  border: 0;
  margin: 0px 0px 0px 0px;
  width: 480px;
  padding: 0px 0px 20px 0px;
  position: relative;
  float: left; 
}

div.keskitetty {
  background: transparent;
  border: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  position: relative;       
}


/**************************/
/* logolaatikon elementit */
/**************************/

#div_logo img {
  margin: 10px 10px 10px 10px;
}


/******************************/
/* navigointipalkin elementit */
/******************************/

#div_navi ul {
  background: transparent;
  font: bold 13px Arial;
  margin: 0px 0px 0px 0px;
  padding: 4px 5px 4px 5px;
}

#div_navi li {
  display: inline;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 7px;
}

#div_navi a {
  background: transparent;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 1px 2px 1px 2px;
}

#div_navi a:hover {
  color: #000000;
  text-decoration: none;
  border: 1px dotted #336633;
  margin: 0px 0px 0px 0px;
  padding: 1px 2px 1px 2px;
}

#div_navi a#current { 
  background: #ffffaa;
  text-decoration: none;
  border: 1px solid #336633;
  margin: 0px 0px 0px 0px;
  padding: 1px 2px 1px 2px;
}


/****************************/
/* sessiolaatikon elementit */
/****************************/

#div_sessio p {
  background: transparent;
  font: bold 12px Arial;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
}

#div_sessio form {
  padding: 0px 0px 0px 0px;
  margin: 2px 50px 2px 0px;
  float: right;
}

/*************************/
/* alalaatikon elementit */
/*************************/

#div_alaosa p {
  background: transparent;
  font: bold 11px Arial;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
}


/**********************/
/* sisällön elementit */
/**********************/

/* otsikot */

h1, h2 {
  background: transparent;
  color: #336633;
  border-bottom: 1px dotted #336633;
  font: normal 1.3em Arial;
  margin: 15px 25px 5px 25px;
  padding: 0px 0px 0px 0px;
}

h3 {
  background: transparent;
  color: #336633;
  border-bottom: 1px dotted #336633;
  font: normal 1.2em Arial;
  margin: 15px 25px 5px 25px;
  padding: 0px 0px 0px 0px;
}

h4 {                       
  background: transparent;
  color: #336633;       
  font: bold 1em Arial;
  margin: 15px 25px 5px 25px;
  padding: 0px 0px 0px 0px;
}           


/* teksti */

p {
  font: 0.95em Arial;
  color: #000000;
  margin: 10px 25px 10px 25px;
  padding: 0px 0px 0px 0px;
}

p.tiivis {
  margin: 5px 5px 5px 5px;
}

p.pieni {
  font: 0.8em Arial;
  margin: 5px 5px 5px 5px;
  padding: 0px 0px 0px 0px;
}

p.uutiset_pvm {
  color: #336633;
  font: bold 0.95em Arial;
  margin: 10px 10px 2px 10px;
  padding: 0px 0px 0px 0px;
}

p.uutiset_juttu {
  color: #000000;
  font: 0.8em Arial;
  margin: 0px 10px 5px 10px;
  padding: 0px 0px 0px 0px;
}


/* linkit */

a:link {
  background: transparent;
  color: blue;
  text-decoration: underline;
}
a:visited {
  background: transparent;
  color: #0066FF;
  text-decoration: underline;
}
a:hover {
  background: transparent;
  color: #336633;
  text-decoration: underline;
}
a:active {
  background: transparent;
  color: #336633;
  text-decoration: none;
}


/* taulukot */

table {
  margin: 10px 25px 10px 25px;
  padding: 0px 0px 0px 0px;
  border: 0;
}


table.pikkutaulu {
  width: 400px;
}

th {
  background: #ecf082;
  color: #000000;
  text-align: center;
  font: bold 1em Arial;
  border: 1px dotted #336633;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

td {
  font: 0.85em Arial;
  border-bottom: 1px dotted #336633;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
}

tr.vari {
  border: 0;
  background: #ffffaa;
}

td.vari {
  background: #ffffaa;
}

td.ei_kehysta {
  border-bottom: 0px;
}

td.info {
  font: 0.8em Arial;
  border-bottom: 0px;
  margin: 0;
  padding: 0;
}

td.tieto_otsikko {
  font: bold 0.85em Arial;
  border: 0;
  margin: 0px 0px 0px 0px; 
  padding: 3px 0px 3px 0px;
}

td.tieto_arvo {
  font: 0.85em Arial;
  border: 0;       
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
}

td.tieto_arvo_sal {
  font: 0.85em Arial;
  color: red;
  border: 0;              
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
}


/* listat */

ul {
  background: transparent;
  font: 0.85em Arial;
  margin: 10px 25px 10px 50px;
  padding: 0px 0px 0px 0px;
}           

li {
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;  
}

ul.keskitys {
  background: transparent;
  font: 0.85em Arial;         
  margin: 10px 50px 10px 200px; 
  padding: 0px 0px 0px 0px;      
}

li.keskitys { 
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
} 


/* lomakkeet */

form {
  padding: 0px 0px 0px 0px;
}


/* muut */

hr {
  margin: 10px 25px 10px 25px;
  border: none 0;
  border-top: 1px dotted #336633;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

blockquote {
  background: #ffffaa;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px 2px 2px 2px;
  border: 1px dotted #336633;
}


/*********/
/* forum */
/*********/

table.forum_kat {
  background: #ffffaa;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #336633;
  padding: 1px;
}

tr.forum_kat {
  
}

td.forum_kat {
  border: 1px dotted #336633;
}