body {	background-color: #cccccc;
    	font-size: 14px;
    	font-family: Verdana, Arial, sans-serif;
	margin-top: 0px; }

p {	margin-top: 0px;
    	margin-bottom: 10px;
	padding-left: 5px;
	font-size: 14px; }

.nav { font-size: 12px; }

H1		{font-size: 17px; font-weight: bold; font-family: Verdana, Arial, sans-serif; 
		color: #000000; text-align: center;}
H2		{font-size: 16px; font-family: Verdana, Arial, sans-serif; color: #333333; 
		text-align: center; }
H3		{font-size: 14px; font-family: Verdana, Arial, sans-serif; color: #333333; 
		text-align: left; }

A:link		{color: #444444; text-decoration: underline;}
A:visited	{color: #444444; text-decoration: underline;}
A:active	{color: #FFFF00; text-decoration: none;}
A:hover		{color: #808080; text-decoration: underline;}
	
A:link.nav	{color: #000000; text-decoration: none;}
A:visited.nav	{color: #000000; text-decoration: none;}
A:active.nav	{color: #000000; text-decoration: none;}
A:hover.nav	{color: #444444; text-decoration: underline;}


samp		{font-size: 10px; font-family: Verdana, Arial, sans-serif; text-align: right;}


.floatleft { float: left; margin-left: 7px; margin-right: 3px;}
.floatright { float: right; margin-left: 3px; margin-right: 7px;}

img { 	border: none; }

table { padding: 0px; 
	border-spacing: 0px; 
	border-width: 0px; }

td.nav { vertical-align: text-top; }

td.header {	background-color: #EAEAEA;
  		background: url(img/wk_banneritausta.jpg);
  		background-repeat: repeat-x; }

td.footer { background-color: #EAEAEA;
  	    background: url(img/reunusala.jpg);
  	    background-repeat: repeat-x; }

td.main { background-color: #EAEAEA; }

td.reunuso { background-color: #EAEAEA;
  		background: url(img/reunuso.jpg);
  		background-repeat: repeat-y; }

td.reunusv { background-color: #EAEAEA;
  		background: url(img/reunusv.jpg);
  		background-repeat: repeat-y;
		width: 24px; }

td.subnav { background-color: #EAEAEA; vertical-align: text-top; }

.lippu { position: relative; top: -7px; }


td.navi { background-color: #C4C4C4; 
	  font-size: 13px;}

td.text { background-color: #C4C4C4; 
	  vertical-align: top; 
	  padding-left: 10px; 
	  padding-right: 10px; 
	  padding-top: 10px; 
	  font-size: 14px; }

#xsboksi h1, #xsboksi h2, #xsboksi p {margin: 0 10px; letter-spacing: 1px;}
#xsboksi h1 {font-size: 2.5em; color: #fff;}
#xsboksi h2 {font-size: 1,5em; color: #333333; border: 0;}
#xsboksi p {font-size: 12px; padding-bottom: 0.5em; padding-top: 10px;}
#xsboksi h2 {padding-top: 0.5em;}
#xsboksi A:link		{color: #333333; text-decoration: none;}
#xsboksi A:visited	{color: #333333; text-decoration: none;}
#xsboksi A:active	{color: #333333; text-decoration: none;}
#xsboksi A:hover	{color: #444444; text-decoration: underline;}
#xsboksi #xsboksi {background: transparent; margin: 1em;}

.xtop, .xbottom {display: block; background:transparent; font-size: 1px;}
.xb1, .xb2, .xb3, .xb4 {display: block; overflow: hidden;}
.xb1, .xb2, .xb3 {height: 1px;}
.xb2, .xb3, .xb4 {background: #d4d4d4; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.xb1 {margin: 0 5px; background: #000000;}
.xb2 {margin: 0 3px; border-width: 0 2px;}
.xb3 {margin: 0 2px;}
.xb4 {height: 2px; margin: 0 1px;}

.xboxteksti {display: block; background: #d4d4d4; border: 0 solid #000000; border-width: 0 1px;}