* {
	margin: 0;
	padding: 0;
	}

body {
	font-size: 100.01%; /*IE Font-size fix*/
	background: URL('spkau-tausta-1.gif') repeat;
}

img#spkau-logo {
	position: relative;
		top:-20px;}

div#wrapper {
	width: 751px;
	position: absolute;
	left: 50%;
	margin-left:-375px;}
	
div.piilo {
	display:none;
	}

div#logo {
	}

div#page {
	background-color: #D3DB26;
	position:absolute;
	top: 295px;
	}

div#navi{
	height: 20px;
	width: 751px;
	background-color: #BCD531;
	position:absolute;
		top: 0px;
	
	}

div#content {
	padding: 20px;
	width: 711px;
	}

div#footer {
	background: URL('footer-751px-2.png') no-repeat;
	background-position: bottom;
	background-color: #BCD531;
	padding: 1em;
	text-align: center;
	}

div#ilmoittautuneet-kehys {
	width: 200px;
	height: 10px;
	border: solid black 1px;
	background-color: #F0FFAA;
	}
	
div#ilmoittautuneet-tilanne {
	width: 81px;
	height: 10px;
	background-color:#BCD531;
	border-right: solid white 1px;
	}
	
* {
	font-family: helvetica;
	}

p {	
	margin-bottom: 1em;
	}
	
h2, h3 {
	margin-top: 1em;
	}

h1 {
	font-size: 160%;
	}	
	
h2 {
	font-size: 120%;
	font-style: italic;
	color: #223E15;
	}
	
h3 {
	font-size: 110%;
	}
ul {
	width: 500px;
	margin-left: 2em;}
a {
	color: #000;
	}

a:hover {
	text-decoration: none;
	}
a.navlink {
	display:block;
	background-color: #BCD531;
	color: #223E15;
	text-decoration: none;
	font-weight:bold;
	}
	
a.navlink:hover {
	background-color: #F0FFAA;
	}

a.navlink-active {
	display:block;
	background-color: #F0FFAA;
	color: #223E15;
	text-decoration: none;
	font-weight:bold;
	}
	
div#navi-1, div#navi-2, div#navi-3, div#navi-4, div#navi-5, div#navi-6 {
	width: 150px;
	height: 20px;
	text-align: center;
	}
	
div#navi-1 {	position: absolute;
					top: 0px;
					left: 0px;
					border-left: solid #223E15 0px;					
			}
				
div#navi-2 {	position: absolute;
					top: 0px;
					left: 150px; 
					border-left: solid #223E15 1px;
			}

div#navi-3 {	position: absolute;
					top: 0px;
					left: 300px; 
					border-left: solid #223E15 1px;
			}

div#navi-4 {	position: absolute;
					top: 0px;
					left: 450px; 
					border-left: solid #223E15 1px;
					border-right: solid #223E15 1px;					
			}					

div#navi-5 {	position: absolute;
					top: 0px;
					left: 600px;
					border-left: solid #223E15 1px;
			}
			
div#navi-6 {	position: absolute;
					top: 0px;
					left: 600px; 
					border-left: solid #223E15 1px;
			}

.kuvakehys {
			border: solid red 0px;
			float: left;
			margin: 0;
			padding: 0;
			}			
.kuvitus {
			border: solid black 1px;
			float: left;
			margin: 0em 1em 0.2em 0;
			}

.kuvateksti {
			font-size: 80%;
			font-style: italic;
			margin: 0;
			padding: 0;			
			}
			
table {
	border-collapse:collapse;
	width: 700px;

	}
table, tr, td {
	border: solid 1px #223E15;
	padding: 0;
	margin: 0;
	}

tr {
	height: 130px;}
	
td.taulukko-kuva {
	width:150px;
}

td.taulukko-teksti {
	width:650px;
	vertical-align: top;
	padding: 1em;
	overflow: hidden;
}
	
	
	
	
	
	
	
	
	
	
	
/*
body,html {		background: url('bg_blue.gif') repeat;
				height: 100%;
				margin: 0;
				padding: 0; }
				
img {			border: 0;
				padding: 0;
				margin: 0;
				}



div.box {		background: url('box_grey_2.gif') repeat;
				width: 646px;
				height: 580px;
				position: absolute;
					left: 50%;
					top: 0px;
					bottom: 0px;
				border-left: solid black 1px;
				border-right: solid black 1px;
				border-bottom: solid black 16px;
				margin-left: -323px; }
				
div.title {		background: url('box_blue_2.gif') repeat;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				height: 100px;
				width: 100%;
				position: absolute;
					top: 0px; }

img.logo {		margin: 13px 20px 0 20px; }

div.navi_box {
				background: url('navi_bg.gif') no-repeat;
				width: 646px;
				height: 28px;
				padding: 0px;
				margin: 0px;
				position: absolute;
					top:80px;
				display: inline; }

div.navi_1,div.navi_2,div.navi_3,div.navi_4,div.navi_5 {
			 	background: url('navi_button.gif') repeat-x;
				width: 118px;
				height: 28px; 
				text-align: center;
				padding-top: 4px; }
				
div.navi_1 {	position: absolute;
					top: 0px;
					left: 23px; }
				
div.navi_2 {	position: absolute;
					top: 0px;
					left: 143px; }

div.navi_3 {	position: absolute;
					top: 0px;
					left: 263px; }

div.navi_4 {	position: absolute;
					top: 0px;
					left: 383px; }

div.navi_5 {	position: absolute;
					top: 0px;
					left: 503px; }

div.content {	background: url('box_grey_2.gif') repeat;
				height: 427px;
				width: 428px;
				margin: 0px 0px 0px 0px; 
				padding: 0px 0px 0px 0px;
				position: absolute;
					top: 108px; 
				overflow: auto; 
				z-index: 4;
				border: solid red 0px
				}

div.pic {		height:250px;
				width:200px;
				position: absolute;
					top: 250px;
					right: 18px; 
				}	
				
div.pic_scroll {		
				height:250px;
				width:200px;
				position: absolute;
					top: 250px;
					right: 10px; 
				}

div.pic_ytiedot {
				height:335px;
				width:243px;
				position: absolute;
					top: 200px;
					right: 0px;
				z-index: 4;
				}			
				
.thumbnail {
				float: right;
				margin: 0 30px 10px 5px;
				}

.clearboth {	clear: both;}
											
div.footer {	background: url('box_grey_2.gif') repeat;
				height: 35px;
				padding: 0;
				width: 100%;
				border-top: dashed black 1px;
				position: absolute;
					top: 535px;
				text-align: center; }
				
div.webdesign {	color: #FFF;
				height: 13px;
				width: auto;
				padding: 0;
				margin: 0;
				border: dashed red 0px;
				position: absolute;
					top: 577px;
					right: 5px;
				vertical-align: top;
				}

h1 {			font-family: arial, sans-serif;
				font-size: 16pt;
				display: none; 
				margin-top: 40px;}	
				 
h2 {			font-family: arial, sans-serif; 
				font-size: 1.25em;
				font-weight: bold; 
				margin-left: 23px;
				margin-top: 10px;
				margin-bottom: 0px; }
				
h3 {			font-family: arial, sans-serif; 
				font-size: 0.9em;
				font-weight: bold; 
				margin: 15px 0 -10px 23px;
				}
					 
p {				font-family: arial, sans-serif;
				font-size: 0.80em;  }
				
.text {			font-size: 0.80em;
				font-weight: normal; 
				margin: 13px 30px 5px 23px;
				 23px;
				margin-right: 30px;
				}

.text-tihea {	font-size: 0.80em;
				font-weight: normal; 
				margin: 3px 30px 5px 23px;
				 23px;
				margin-right: 30px;
				}
				
i 			{	font-style: normal; Käytetään merkkaamaan editoimaani tekstiä
				color: red;
				}

.caption {
				font-size: 0.80em;
				color: #666; 
				margin: 13px 0 5px 23px;
				}
				
.zeromargin {	font-family: arial, sans-serif; 
				font-size: 0.80em;
				padding: 0px;
				font-weight: normal; 
				margin: -5px 0px 0px 0px;
		
		}

p.lang {		font-weight: normal;
				font-size: 10pt;
				color: #000000;
				background-color: #FFFFFF;
					position: absolute;
					top: 15px;
					right: 15px; 
				margin-top: 10px;}

p.navi_up {		font-size: 13pt;
				font-weight: bold; 
				margin-top: 0px;
				margin-left: 0px;
				margin-right: 0px;
				position: relative;
					top: 1px; }

p.address {		font-weight: normal;
				font-size: 80%;
				color: #666666;
				margin-top: 15px; }
				
ul {			font-family: arial, sans-serif;
				font-size: 0.80em;
				font-weight: normal; 
				margin: 0 0 0 40px;
				}

li {			
				margin-top: -2px;
				}

li.valja {			
				margin-top: 6px;
				}

table {
				border:0px;
				margin:0;
				padding:0;
				}
												 
a {				color:#666;
				font-weight: normal; 
				margin: 0;
				font-family: arial, sans-serif; 
				text-decoration: underline;	}
				
a:hover {		text-decoration: none; }

a:visited {		color: #666;
				background-color: #FFFFFF;}
				
a.navi_link {	font-size: 13pt;
				font-weight: bold; 
				color: #99CCFF !important;
				background-color: #5785B2 !important;
				text-decoration: none; 
						margin-top: 0px;
						margin-left: 0px;
						margin-right: 0px;
						position: relative;
							top: 1px;}

a.navi_link:hover {color: #FFFFFF !important;
				background-color: #5785B2;	}

a.lang {		font-weight: normal;
				font-size: 10pt;
				color: #666666 !important;
				background-color: #FFFFFF;
				text-decoration: none;
				}

a.lang:hover {	text-decoration: underline; }

a.sulje {		border: 0;
				padding: 0;
				margin: 0;
				}

a.ilka {		color:#9999CC;
				font-size: 0.75em;
				font-weight: normal; 
				margin: 0;
				padding: 0;
				font-family: arial, sans-serif; 
				text-decoration: none;	}
				
a.ilka:visited {background-color:#000;
				color:#9999CC; }

a.ilka:hover {	color:#fff; }
*/