/* http://www.sissinheimon.net/sissinheimon.css */
@media screen {
body { 
		background: url(tausta.jpg) #fff top left no-repeat;
     	font-family: arial, helvetica, sans-serif; 
     	font-weight: normal;
   		font-size: 13px;
		text-align: left;
     	color:#315262;
     }
img 	{
		margin:0px 0px 0px 5px;
		text-align:center;
}
p		{ 
		font-size: 100%;
		margin: 6px 0px 3px 10px; 
		}
b 		{ letter-spacing: 1px; }
h1 		{font-size: 190%;
		font-style: normal;
		letter-spacing: 3px;
		line-height: 1.2em;
		}
h2 		{
		border-top: 2px #315262 solid;
		font-size: 120%;
		letter-spacing: 3px;
		margin: 2em 0px 1em 0px;
		}
h3		{ font-size: 100%; 
		font-weight: bold; 
		text-transform: uppercase ; 
		margin: 30px 0px 3px 0px; 
		letter-spacing: 0.2em; 
		word-spacing: 0.2em ; 
		text-indent: 0em ;
		}
h3 b	{background-color: rgb(21,133,161);
		color: #fff;
		font-weight: bold;
		}

h4		{ font-size: 100%; 
		font-weight: bold; 
		margin: 20px 0px 0px 0px; 
		letter-spacing: 0.1em; 
		word-spacing: 0.1em ; 
		text-indent: 0em ;
		}
h4 b	{
     	font-family: "Courier New", fixed; 
		background-color: rgb(21,133,161);
		color: #fff;
		font-weight: bold;
		}
h5		{ font-size: 100%; 
		font-weight: bold; 
		margin: 0.5em; 
		letter-spacing: 0em; 
		word-spacing: 0em ; 
		text-indent: 0em ;
		}
h6		{ font-size: 100%; 
		font-weight: bold; 
		margin: 50px 0px 0px 0px; 
		letter-spacing: 0.1em; 
		word-spacing: 0.1em ; 
		text-indent: 0em ;
		}
h6 b	{
     	font-family: "Courier New", fixed; 
		background-color: rgb(21,133,161);
		color: #fff;
		font-weight: bold;
		}
a:link    {color: #A52A2A;}
a:active  {color: #FFCC33;}
a:visited {color: #A52A2A;}
a:hover   {color: #000;}

/* SISÄLTÖ */
#main-content {
		background-color: #fff;
		border: 1px #666 solid;
		position: absolute;
		left:140px;
		top: 85px;
		padding:20px;
		width: 680px;
		line-height: 150%;
		}
		
/* KIELIVALINTA */	
#language { 
		display: block;
		position: absolute;
		top: 0px;
		left: 780px;
		width: 80px;
		padding: 2px;
		font-size: 90%;
		font-weight: bold; 
		color: #fff;
		}
#language a:link {
		display: block;
		color: #fff;
		border-bottom: solid 1px #fff;
		padding-bottom: 3px;
		padding-top: 3px;
		text-decoration: none;
		}
#language a:visited {
		display: block;
		color: #fff;
		border-bottom: solid 1px #fff;
		padding-bottom: 3px;
		padding-top: 3px;
		text-decoration: none;
		}
#language a:active {
		color: #000;
		border-bottom: solid 1px #fff;
		padding-bottom: 3px;
		padding-top: 3px;
		text-decoration: none;
		}
#language a:hover {
		background-color: #fff;
		color: #333;
		}
		
/*  NAVIGOINTIPALKKI */
#navbar { 
		position: absolute ;
		top: 170px;
		left: 0px;
		width: 110px;
		padding: 20px;
		font-weight: bold;
		margin: 0;
		color: #fff;
		}
#navbar p	{ 
		font-size: 100%;
		margin: 0px 0px 0px 0px; 
		color: #fff;
		}
#navbar a:link {
		display: block;
		color: #ccc;
		border-bottom: solid 1px #fff;
		padding-bottom: 3px;
		padding-top: 3px;
		text-decoration: none;
		}
#navbar a:visited {
		display: block;
		color: #ccc;
		border-bottom: solid 1px #fff;
		padding-bottom: 3px;
		padding-top: 3px;
		text-decoration: none;
		}
		
#navbar a:active {
		display: block;
		border-bottom: solid 1px #000000;
		padding-bottom: 3px;
		padding-top: 3px;
		text-decoration: none;
		}
#navbar a:hover {
		background-color: #fff;
		color: #000;
		}
		
/* JALKA */
#footer { background-color: #fff;
		position: relative;
		padding: 5px;
		}

#header {display:none;}
}

/* PRINTTERIN OHJAUS */
@media print {
*		{				}
body { background-color: white;
		color: #000;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 13px;
		margin-left: 0;
	   }
a:link { color: #000;text-decoration:none; }
a:visited { color: #000;text-decoration:none }

#main-content {background: none;		
		border: none;
		margin-left: 0px;
		margin-top: 0px;
		width: 640px;
		line-height: 110%;
		}
p		{ 
		font-size: 100%;
		margin: 3px 0px 3px 10px; 
     	color:#000;
		}
b 		{ letter-spacing: 1px; }
h1 		{font-size: 190%;
		border-top: 2px #000 solid;
		text-align: left;
		font-style: normal;
		letter-spacing: 3px;
		color:#000;
		line-height: 1.2em;
		}
h2 		{
		border-top: 2px #000 solid;
		font-size: 120%;
		letter-spacing: 3px;
		color:#000;
		margin: 2em 0px 1em 0px;
		}
h3		{ font-size: 100%; 
		font-weight: bold; 
		text-transform: uppercase ; 
		margin: 10px 0px 3px 0px; 
		letter-spacing: 0.2em; 
		word-spacing: 0.2em ; 
		text-indent: 0em ;
     	color:#000;
		}
h4 b	{background-color: #000;
		color: #fff;
		font-weight: bold;
		font-size: 80%;
		}

h4		{ font-size: 100%; 
		font-weight: bold; 
		margin: 10px 0px 0px 0px; 
		letter-spacing: 0.1em; 
		word-spacing: 0.1em ; 
		text-indent: 0em ;
     	color:#000;
		}
h4 b	{background-color: #000;
		color: #fff;
		font-weight: bold;
		font-size: 80%;
		}
h5		{ font-size: 100%; 
		font-weight: bold; 
		margin: 0.5em; 
		letter-spacing: 0em; 
		word-spacing: 0em ; 
		text-indent: 0em ;
     	color:#000;
		}
h6		{ font-size: 100%; 
		font-weight: bold; 
		margin: 70px 0px 0px 0px; 
		letter-spacing: 0.1em; 
		word-spacing: 0.1em ; 
		text-indent: 0em ;
     	color:#000;
		}
h6 b	{background-color: #000;
		color: #fff;
		font-weight: bold;
		font-size: 80%;
		}

#language {display:none;}
#navbar {display:none;}
#footer {display:none;}
}