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; }