/* ===============================================
   Koko sivustoa koskevat rakenteelliset elementit
   =============================================== */

body {
  background: #242424; /* #29361B; /* #2C4F20; #FFDEAD;*/
  color: black;
  margin: auto;
}

#kaikki {
  margin: auto; /* Keskitys */
  padding: 0;
  width: 900px;
  background-color: #515151; /* #36442D; /*#FBE6C6;*/
  color: black;
  border-left: 1px black solid;
  border-right: 1px black solid;
  /* background-image: url(images/oikeareuna.gif);
  background-position: bottom right;
  background-repeat: repeat-y; */
}

#banneri {
  width: 900px;
  height: 115px;
  background: url(images/banneri_suomi.jpg);
  padding: 0;
border: 0;
}

#banneri_en {
  width: 900px;
  height: 115px;
  background: url(images/banneri_english.jpg);
  padding: 0;
border: 0;
}

#right {
  float: left;
  width: 150px;
  background: #515151; /*#FBE6C6; */ 
  height: 100%;
  padding: 0px;
  margin: 0;
}

#menu {
overflow: hidden;

}

/* Varsinainen sisältö */
#left {
  float: left;
  width: 700px;
  background-color: #2D2D2D; /*#373737; /*#FFF2E5;*/
  height: 100%;
  padding: 0;
  margin: 0;
 border-right: 1px black solid;
 /* border-left: 1px #454545 solid; */
 /*background-image: url(images/vasenreuna.gif);
  background-repeat: repeat-y;  */
}

/* Tällä tehdään paddingit sisältöön, ei muuta vaikutusta */
#sisalto {
  padding: 20px 30px 20px 30px;
  margin: 0;
}

#footer {
  clear: both; /* Katkaisee Float-kierron */
  background-color: #191919; /*#EFC694; */
  /*background-image: url(images/alareuna.gif);
  background-repeat: repeat-y; */
  border-top: 1px black solid;  
  text-align: center;
  font: normal x-small Verdana, Arial, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  height: 1em;
  color: #B1B1B1;
}

#footer a {
  font: bold x-small Verdana, Arial, sans-serif;
  margin: 0;
}

.FootText {

  margin: 0;
  padding: 0;
}

#language {
margin-top: 20px;
}

#language a {
font: bold 18px verdana, arial sans-serif; 
margin: 40px 0px 0px 45px;
padding: 0;
text-decoration: none;
}

/* Valikko */

.navcontainer
{
width: 100%;
float: left;
background-color: #454545; /*#DDD7BF; */
max-height: 30px;
overflow: hidden;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 1px black solid;
border-top: 1px black solid;
/* background-image: url(images/ylareuna.gif);
background-repeat: repeat-y; */
}

.navcontainer ul { padding: 0px; }
.navcontainer ul li { display: inline; }

.navcontainer ul
{
margin: 0;
padding: 0;
color:#000000;
font: normal 12px verdana, arial sans-serif;
}

.navcontainer ul li a
{
padding: 0.2em 12px;
background-color: #454545; /*#223A16; /*#DDD7BF; /*#426208;*/
text-decoration: none;
float: left;
border-right: 1px solid black; /*#B0B0B0; */
font: bold 12px verdana, arial sans-serif;
margin-bottom: 0;
}

.navcontainer ul li a.reuna 
{
margin-left: 20px;
}

.navcontainer ul li a:link {
color: #758F5A /*#000000; */
}

.navcontainer ul li a:visited {
 /*#426208;*/
color: #758F5A;
text-decoration: none;
font: bold 12px verdana, arial sans-serif;
}

.navcontainer ul li a:hover
{
background-color: #617A1D;
color: #FFFFFF;
font: bold 12px verdana, arial sans-serif;
}


/* ============
   Tekstityylit
   ============ */

h1, h2, h3 {
  color: #D5BCA2; /*#99B082; */
  background: none;
  padding-top: 0;
  padding-bottom: 4px;
  border-bottom: 1px #D5BCA2 dashed;
}

h1 {
  margin-top: 0;
  font: bold x-large Verdana, Arial, sans-serif;
}

h2 {
  color: #D5BCA2;
  background: none;
  font: bold large Verdana, Arial, sans-serif;
  margin-bottom: 15px;
}

h2.ylin {
  margin-top: 0;
}

h3 {
  font: italic bold medium Verdana, Arial, sans-serif;
}

h4 {
  color: black;
  font: bold 14px Verdana, Arial, sans-serif;
}

p {
  font: normal small Verdana, Arial, sans-serif;
  background: none;
  padding-bottom: 15px;
  margin: 0;
  color: #B1B1B1;
}

/* Kaikille keskitettäville teksteille */
.center {
  text-align: center;
}

/* Pienille teksteille (mm. palautelomake) */
.small {
	font: normal x-small Verdana, Arial;
}

/* Infon alareunassa */
.BorderTop {
  border-top: 1px black dashed;
  padding-top: 10px;
}

/* viimeksi päivitetty esim. infossa */
.LastUpdate {
font: italic x-small verdana, arial, sans-serif;
margin-bottom: 0;
padding-bottom: 0;
}

/* ===========================
   Linkkien ja listojen tyylit
   =========================== */

a:link, a:visited, a:hover, a:active {
  background: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
}

a:link {
  color: #758F5A;
  text-decoration: underline; 
}

a:visited {
  color: #AABD97;
  text-decoration: underline;
}

 a:hover {
  color: #CBBB89;
  text-decoration: none;
} 

a:active {
  color: #708090;
  text-decoration: none;
}

li {
  font: normal small Verdana, Arial, sans-serif;
  list-style-image: url(images/lista.gif)
}

li  {
  color: #B1B1B1;
}

li a:link, li a:visited, li a:hover, li a:active {
  font: bold 100% Verdana, Arial, sans-serif;
}

/* ==============
   Etusivun divit
   ============== */

#best_photo, #new_photo {
  padding: 0;
  overflow: hidden;
  width: 48%;
  display: inline; /* IE6:n float-margin-bugin korjaus */
  text-align: left;
}

#best_photo {
  float: right;
}

#new_photo {
  float: left;
}

#new_photo p {
	font: normal 13px Verdana, Arial, sans-serif;
}

#new_photo img, #best_photo img {
  border: 2px #758F5A solid;
  padding: 0px;
  clear: both;
  margin-bottom: 10px;
}

#new_photo a:hover img, #best_photo a:hover img  {
  border: 2px #CBBB89 solid;
  padding: 0px;
}

#index_info {
  margin-bottom: 5px;
  padding: 0;
}


.bugi {
	clear: both;
   padding-bottom: 10px;
}

table, td {
	border: 1px black solid;
   vertical-align: top;
   font: normal small Verdana, Arial, Sans-Serif;
} 

table {
	width: 100%;
}

td {
	padding: 5px;
}

thead {
	background: #FBDFB5;
}

.TopKuvat table {
border: 0;
}

.TopKuvat table td {
   border: 0px black solid;
   padding: 0px 0px 5px 0px;
}

.butts, .butts td {
	border: none;
vertical-align: middle;
width: 160px;
}

.butts {
padding: 0;
}

/* ========================
   KUVIEN TYYLIT
======================== */

#buttons {

  padding-top: 20px;
  width: 158px;
margin: 0px 0px 20px 20px;
}

#buttons img {
 border: 0;
}

.FloatLeft {
color: #B1B1B1;
	float: left;
   border: 1px black solid;
   margin: 5px 10px 0px 0px;
   padding: 0;
  font: normal x-small Verdana, Arial, Sans-Serif;
  text-align: center;
}

.FloatLeft img {
	border: none;
}

.FloatLeft a:hover img {
	border: none;
}

.leftbanner {
  margin-top: 20px;
  margin-bottom: 20px; 
  margin-left: 20px;  
}

img {
  border: 2px #758F5A solid;
  padding: 0px;
}

a:hover img {
  border: 2px #CBBB89 solid;
  padding: 0px;
}

/* MUUT DIVIT */ 


form { 
padding: 0;
margin: 0;
}

.lomake {
padding: 20px 10px 0 20px;
margin: 0;
background: #191919;
border: 1px black solid;
}

.lomake h4 { 
font: bold 14px verdana, arial, sans-serif;
margin-top: 0;
padding-top: 0;
color: #B1B1B1;
}


/* KOTISIVUJEN TEKO -KOODIT */

.code {
	border: 1px gray dashed;
  background: #DCDCDC;
  font: normal x-small Verdana, arial;
padding: 5px;
}

.pad {
	margin-left: 20px;
}


/*==================================
AJANKOHTAISTA ==================
=================================== */

.news {
	width: 160px;
	background-color: #454545; /*#36442D; */
	color: #fff;
	margin: 20px 0px 20px 18px;
	border: 1px black solid;
}

.news h3 {
font: bold 16px Verdana, arial, sans-serif;
background-color: #191919; /*#454545;*/
border-bottom: 1px black solid;
margin-top: 0;
padding-top: 5px;
margin-bottom: 10px;
padding-bottom: 5px;
text-align: center;
}

.news p {
	margin: 0 10px;
	text-align: center;
	font: italic 12px Verdana, arial, sans-serif;
}

.news a {
font: bold 12px Verdana, arial, sans-serif;
text-decoration: none;
}

.news a:visited {
font: bold 12px Verdana, arial, sans-serif;
text-decoration: none;
color: #758F5A;
}

.news a:hover{
font: bold 12px Verdana, arial, sans-serif;
text-decoration: none;
  color: #CBBB89;
}



/* ===============================
ROUNDED CORNERS==============
=============================== */


.roundcont {
	width: 160px;
	background-color: #FFE4CA;
	color: #fff;
	margin: 20px 0px 20px 18px;
}

.roundcont h3 {
font: bold 16px Verdana, arial, sans-serif;
border-bottom: none;
margin-top: 0;
margin-bottom: 10px;
padding-bottom: 5px;
text-align: center;
}

.roundcont p {
	margin: 0 10px;
	text-align: center;
	font: italic 12px Verdana, arial, sans-serif;
}

.roundcont a {
font: bold 12px Verdana, arial, sans-serif;
text-decoration: none;
}

.roundcont a:visited {
font: bold 12px Verdana, arial, sans-serif;
text-decoration: none;
color: #759C28;
}

.roundcont a:hover{
font: bold 12px Verdana, arial, sans-serif;
text-decoration: none;
  color: #8B0000;
}


.roundtop { 
	background: url(images/topr.gif) no-repeat top right; 
	background-color: #FFD2A6;
}

.roundbottom {
	background: url(images/botr.gif) no-repeat top right; 
}

img.corner {
   width: 12px;
   height: 12px;
   border: none;
   display: block !important;
  align: left;
}