@charset "utf-8";
/* CSS Document */

body {
	font-family: "Lucida Grande",Verdana,sans-serif;
	background: repeat-x url(images/musta-tausta.gif) #fff ;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #104200;
	font-size:12px;
}
#header { background: repeat-x url(images/vihrea-tausta.gif) #fff ; width:1000px; margin:0 auto; height:350px;}
#splash { background: no-repeat url(images/splash.jpg);float:left; width:320px; height:350px; margin:0;padding:0;}

#menu { background: 0 45px  no-repeat url(images/logo.gif);width:626px;margin:0;height:150px; padding:0px; padding-top:145px; text-align:left; float:right;  }
#menu ul {  width:576px; border:1px solid #6b8917; border-top:0; border-right:0; height:116px;}
#menu li {float:left;  width:185px;padding:3px; list-style:none;  border-right:1px solid #6b8917; border-top:1px solid #6b8917; background-color: #7ea319; }

#menu a {border:1px solid #6b8917; height:35px;display:block; background-color: #8eb71d; padding:7px 10px; color:#fff; font-size:13px; line-height:1.2em; text-decoration:none; letter-spacing:0.07em; }
#menu a.active {border:1px dotted #bde450;}

#menu a span { display:block; color:#333333; font-weight:normal; padding-top: 6px; line-height:1.2em;letter-spacing: normal; font-size:9px;}

#menu a:hover { border:1px solid #bde450; padding: 7px 10px; color:#FFFFFF; background-color:#89b11c;}

#menu p {float:left;margin-top:180px;}


h1 {display:none;}
h1,h2,h3,h4,h5,p,img,ul,ul li {padding:0; margin:0;}
h2,h3 { font-family:"arial narrow"; font-weight:normal;}
h2 {font-size:28px;color:#3399ff;}
h3 {font-size:20px; color:#579704;}
#left h3 {color:#3399ff;}
p { line-height:1.7em; margin:20px 0 30px 0;}
table { line-height:1.7em; margin:20px 0 30px 0;}
a { color:#009900; text-decoration:none;}
img {border:0;}
a:hover { text-decoration:underline; color:#006600;}

#auta {border-left:1px dotted #c4da5c;float:right; width:160px; padding-left:30px; padding-right:50px; text-align:left; font-size:11px;}
#auta a.juliste {border: 1px solid #ddd;display:block; margin-top:20px;}
#auta a.juliste:hover {border:1px solid #9ec16c;}
#auta img {margin:4px;}

#content {width:1000px; margin:0 auto; padding:0; padding-top:40px;}
#left { float:left;width:200px;margin:0 0 20px 0; padding:0; padding-left:80px; padding-right:40px; text-align:left; border-right:1px dotted #c4da5c;}
#left p a {display:block; text-align:right;}
#left ul { margin:0; margin-top:50px; padding:0; width:200px; border-top:0; border-right:0; }
#left li {  width:193px;padding:3px; list-style:none;  border:1px solid #a7c74f; background-color: #eeffc0; }
#left li a {display:block; border:1px dotted #9ec16c; padding: 6px 9px; background-color: #fff; color:#7ea319; font-size:13px; line-height:1.5em; text-decoration:none; letter-spacing:0.07em; }
#left li a:hover { border:1px solid #9ec16c; padding: 6px 9px; background-color: #fff;}
#left li a span { display:block;color:#333333; font-weight:normal; padding-top: 8px; padding-bottom: 8px; line-height:1.5em;letter-spacing: normal; font-size:10px;}

#right { float:right; margin:0; padding:0 30px 40px 50px; text-align:left; width:355px;}
#right p { width:350px;}
#right p.box {width:575px; border:1px solid #a7c74f; background-color: #eeffc0; }
#right strong.box {display:block; padding:10px;border:1px dotted #9ec16c;  background-color:#fff; margin:3px;}
#right img.naamakuva {padding:10px; float:right; border:1px solid #ddd;}
#right img.historiikki {border:1px solid #a7c74f; background-color: #eeffc0; padding:3px; float:right;}
#right h2 {margin-bottom:30px;}
#right ul {width:380px; }
#right ul li {font-family:"arial narrow";font-size:19px;letter-spacing:0.05em; color:#579704;list-style:none; margin-bottom:13px;}
#right ul li ul { margin-left:0px; margin-top:7px; border-bottom:1px solid #ddd; padding-bottom:15px;}
#right ul li ul li {letter-spacing:normal; line-height:1.7em;font-family: "Lucida Grande",Verdana,sans-serif;font-size:12px;color:#104200;font-weight:normal;margin-bottom:0px; }

#right table th { padding-left:10px;padding-bottom:10px; padding-top:10px; border-top: 1px solid #ddd; font-size:11px;}
#right table th.aikapaikka {padding-bottom:5px; padding-top:5px; border:1px solid #a7c74f; border-left:0; border-right:0; border-top:0;}
#right table th.tilat {font-weight:normal;padding-bottom:5px; padding-top:5px; border-top:1px solid #a7c74f; }
.tumma { background-color:#f4ffd5;}
.vaalea { background-color:#f9ffea;}

#right table.tilat { border-left:1px solid #ddd; border-right:1px solid #ddd; background: repeat-x url(images/ohjelmisto-tausta.gif);}
#right table.tilat2 { border-left:1px solid #ddd; border-right:1px solid #ddd; background: bottom left repeat-x url(images/ohjelmisto-tausta2.gif);}
#right table th a { font-weight:normal;}
#right table td.ilta, th.ilta { border-bottom:1px solid #ddd; padding-left:10px; background-color: #eeffc0; }

#right table td {padding-left:10px;padding-bottom:10px; padding-top:10px; border-top: 1px solid #ddd;}
#right table.tilat th,#right table.tilat2 th {padding-bottom:10px; padding-top:10px; border-top: 1px dotted #ddd; }
#right table.tilat td,#right table.tilat2 td {padding-bottom:10px; padding-top:10px; border-top: 1px dotted #ddd;}
#right table td.pikkuteksti {font-size:11px;}
#right table td.oikeapad {padding-right:10px;}
#right table td.vasenpad {padding-left:10px;}
#right table td.viimeinen {border-bottom:1px solid #a7c74f;}
#right table td.reunat {border-left:1px dotted #ddd;border-right:1px dotted #ddd; padding-left:10px; padding-right:10px;}
#right table th.reunat {border-left:1px dotted #ddd;border-right:1px dotted #ddd; padding-left:10px; padding-right:10px;}
#right table th.vasenpad {padding-left:10px;}

.historia img {float:left; margin-top:13px; margin-bottom:20px; border:1px solid #a7c74f; background-color: #eeffc0; padding:3px;}
.historia h3 {width:500px; border-top:1px solid #ddd;padding-top:10px; clear:both;}
.historia p {float:left;padding-left:20px;margin:10px 0 20px 0; min-height:100px; }

#footer {clear:both;border-top: 1px solid #c4da5c; background-color:#eeffc0; height:50px;}

#footer-inner { margin:0 auto; width:1000px; height:50px;}

#footer ul { width: 100%; padding-top:15px;}
#footer li { width: 30%; margin-right:30px; padding:1px; list-style:none; float:left; display:block;}
#footer a {color:#9ec16c; text-decoration:none; text-transform:uppercase; font-size:10px; line-height:1em; padding:6px;}
#footer a:hover {color: #104200; background-color:#fff; border:1px solid #9ec16c; padding:5px;}
#footer a.snowball:hover  {border:0px solid #9ec16c; padding:0;}


.hidden { display:none;}

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*---- Header styling ---*/

.sIFR-active #content #right h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 24px;
}

.sIFR-active #right h3 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px;
}

.sIFR-active #left h3 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px;
}