body {	
	margin: 0;
	height: 100%;
	font-family: arial, verdana, sans-serif;
	background: #ebebeb url(images/borders.gif) repeat-y center;
}

td { vertical-align: top; font-size: 12px;}

a img {
	border: 0;
}

h1 {
	font-family: "Trebuchet MS", arial, verdana;
	color: black;
}

h2 {
	font-family: "Trebuchet MS", arial, verdana;
	font-size: 16px;
	color: black;
}

p {
	color: black;
	font-size: 12px;
}

/* START SPLASH */

#splash_masterdiv { 
	position: relative;
	width: 900px;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px 0 22px;
}

#splash_contentsdiv { 
	position: relative;
	width: 900px;
	padding: 68px 0 0 0;
	background: white;
}

#slider {
	position: relative;
	margin: 0 auto 36px auto;
}

.nivoSlider {
    position: relative;
    width: 739px; /* Change this to your images width */
    height: 426px; /* Change this to your images height */
    background: url(images/splash/themes/default/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
.nivoSlider a {
    border: 0;
    display: block;
}

#splash_left {
	position: relative;
	float: left;
	width: 400px;
	margin: 0 0 0 82px;
	padding-left: 24px;
}

#splash_right {
	position: relative;
	float: right;
	width: 180px;
	margin: 0 82px 0 0;
}

#splash_right  p {
	font-family: Arail, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #666;
}

#splash_right  a {
	display: block;
	float: left;
	width: 33px;
	height: 26px;
	margin: 0 24px 0 0;
	background: url(images/splash/liput.gif);
}

#splash_right  a#splash_lang_fi {
	background-position: 0 0;
}

#splash_right  a#splash_lang_fi:hover {
	background-position: 0 26px;
}

#splash_right  a#splash_lang_se {
	background-position: -33px 0;
}

#splash_right  a#splash_lang_se:hover {
	background-position: -33px 26px;
}

#splash_right  a#splash_lang_en {
	background-position: -66px 0;
}

#splash_right  a#splash_lang_en:hover {
	background-position: -66px 26px;
}

/* END SPLASH */

#masterdiv { 
	position: relative;
	width: 900px;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px 0 22px;
	/* background: url(images/borders.gif) repeat-y; */
}

#header { 
	width: 100%; 
	height: 240px; 
	background: url(images/header.jpg) no-repeat; 
}

#headernavi {
  position: absolute;
  top: 33px;
  /* *top: 50px; */
  left: 380px;
  list-style: none;
}

#headernavi li {
  float: left;
  margin: 0;
}

#headernavi a {
  display: block;
  padding: 0 .6em;
  line-height: 23px;
  text-decoration: none;
  font-size: 13px;
  color: white;
}

#headernavi a:hover {
  background: #979797;
}

.header-se { 
	background: url(images/header-se.jpg) no-repeat !important; 
}

.header-en { 
	background: url(images/header-en.jpg) no-repeat !important; 
}

.viiva {
	margin: 20px 0px 20px 0px;
	border-bottom: 1px solid #b2b2b2;
}

.artikkelipvm {
	margin-bottom: 0px;
	font-size: 11px;
	color: #666;
}

.artikkeliotsikko {
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 20px;
}

.artikkeliviiva {
	margin: 30px 0px 30px 0px;
	border-bottom: 1px solid #b2b2b2;
}

#contentsdiv { 
	width: 900px; 
	position: relative; 
	background: white;
}

#contents {
  float: left;
  width: 703px;
  position: relative;
	margin: 0;
	min-height: 300px;
  background: white;
}
#contents h1 { 
  font-size: 24px;
  color: e9cfa1;
  margin-top: 30px;
}

#contents_topbar {
	background: white;
	height: 4px;
}

#nav li {
	margin: 0;
	padding: 0;
}

#nav a {
	display: block;
	padding: 3px 0 2px 16px;
	*padding: 3px 0 0px 16px;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	color: black;
	background: url(images/listarrow.gif) 8px 7px no-repeat ;
	border-bottom: 1px solid #979797;
}

#nav a:hover {
	color: white;
}

#nav a:hover, #nav li.sfhover a {
	background: #979797 url(images/listarrow.gif) 8px 7px no-repeat;
}

#navigation {
	vertical-align: top;
	width: 196px;
	background: white;
	position: relative;
	float: left;
}

#navigation .flags {	
	padding-left: 18px;	
}

#navigation .flags li {
	display: inline;
	margin: 2px;
	border: 0;
	padding: 0;
	background-image: none;
}

#navigation .flags img {
	border: 1px solid black;
}

#navigation ul {
	width: 185px;
	list-style-type: none;
	padding: 6px 6px 0 6px;
	margin: 0 0 0 0;
}

#asiakaskommentit {
	width: 165px;
	padding: 6px 6px 0 6px;
	position: relative;
	display: block;
	float: none;
	color: black;
	font-size: 11px;
	height: 120px;
	margin: 10px 0 20px 10px;
}

#kiuaskuvat { 	
	margin: 0;
	padding: 0;
}

#kiuaskuvat img  {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

#tekstiosio {
  position: relative;
  float: left;
}

#uutisosio #valittu_uutinen {
  color: black;
  font-size: 12px;
  vertical-align: top;
  padding: 0px 0 0 20px;
}
#uutisosio #valittu_uutinen .pvm { color: #c1c1c1; }
#uutisosio #valittu_uutinen .otsikko { font-weight: bold; text-transform: uppercase;}
#uutisosio #valittu_uutinen .sisalto {  }

#uutisosio a {
  color: black;
  text-decoration: none;
}

#uutisosio a:hover {
  color: black;
  text-decoration: underline;
}
#uutisosio #uutiset {
  width: 280px;
  margin: 0 10px 0 0;
  vertical-align: top;
}

#tekstiosio #sivuteksti {
  color: black;
   font-size: 12px;
  width: 425px;
  min-height: 100px;
  *height: 100px;
  margin: 0 0 5 20
}
#tekstiosio #sivuteksti h1 {
  font-size: 26px;
  font-weight: normal;
}

#tekstiosio a {
  color: black;
  text-decoration: none;
}

#tekstiosio a:hover {
  color: black;
  text-decoration: underline;
}

#tekstiosio #uutiset {
  background: #ececec;
  width: 210px;
  min-height: 100px;
  *height: 100px;
  border-right: 1px solid #bababa;
  vertical-align: top;
}

#tekstiosio #messut {
  background: #ececec;
  width: 210px;
  min-height: 100px;
  *height: 100px;
  vertical-align: top;
}

#nostoteksti {
  width: 225px;
  min-height: 100px;
  *height: 450px;
  float: right;
  top: 137px;
  z-index: 100;
}

#footer {
	position: relative;
	width: 900px;
	height: 50px;
	font-size: 12px;
	color: white;
	background: #3a3a3a url(images/footer_tausta.jpg) no-repeat;
	/* min-height: 40px; */
	/* *height: 40px; */
	/* *width: 900px; */
}

a.button {
	display: block;
	float: left;
	background-position: 6px 7px;
	background-repeat: no-repeat;
	background-color: #482706;
	margin-top: 10px;
	padding: 5px 0px 5px 0px;
	width: 150px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color: white;
}

a.button:hover {
	background-color: #999999;
	text-decoration: none;
	color: white;
}

.nostoteksti_otsikko { background: #d2d2d2; font-size: 12px; padding: 0 2px 0 10px; }
.nostoteksti_sisalto { font-size: 12px; color: white; padding: 0 2px 0 10px; }

.sivuteksti p {
	width: 425px;
}

.kiukaat {
	border-style: solid;
	border-width: 3px;
	border-color: #cecece;
	margin: 10px 28px 0px 0px;
}

.footer_yhteystiedot {
  padding: 3px 0 0 10px;
  background: #3a3a3a;
	height: 20px;
	color: white;
	font-size: 12px;
	width: 890px;
	*width: 890px;
}
.sivuteksti {
	padding-left: 12px;
}

.nostoteksti {
	width: 225px;
}
.nostoteksti p {
	padding-left: 10px;
	font-size: 10px;
}
.nostoteksti_otsikko {
	background: #d2d2d2;
	color: black;
	padding: 3px 0 3px 10px;
	font-size: 13px;
	font-weight: bold;
}

.ilmoitustaulu {
  height: 100%;
  border: 0;
  margin: 0 0 0 10px;
}

.ilmoitustaulu th {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
}
.ilmoitustaulu td {
  color: black;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
.ilmoitustaulu .pvm {
  font-size: 10px;
  color: #666;
  font-weight: normal;
}

.messutaulu th {
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  background: #a49376;
}
.messutaulu td {
  height: 20px;
  color: black;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
.messutaulu .taulurivi1 {
  background: #dedede;
}
.messutaulu .taulurivi2 {
  background: #dedede;
}

.pagenav {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.pagenav li {
  height: 21px;
  width: 232px;
  background: #333;
  margin: 0 0 4px 0;
	color: white;
	font-size: 12px;
}
.pagenav li a {
  padding: 3px 0 3px 16px;
	*padding: 3px 0 3px 16px;
  text-decoration : none;
	color: white;
	width: 216px;
	*width: 232px;
	display: block;
}
.pagenav li a:hover {
  background: #969696;
	color: white;
}

.pagelink {
  color: #333;
  text-decoration: none;
}
.pagelink:hover {
  color: #333;
  text-decoration: underline;
}

.techtable td.title { background: #a49376; color: white; padding: 0 0 0 5px; border: 0;}
.techtable td { background: #dedede; color: black; padding: 0 0 0 5px; }

.index_kuvat td {
	text-align: right;
	vertical-align: bottom;
}

.clear {
	clear: both;
}

#copyright { position: absolute; top: 26px; left: 730px; font-size: 12px; color: white; }
#copyright a { color: white; text-decoration: none; }
