* { margin: 0; padding: 0; }

html {
	min-height: 100%;
	height: auto;
	overflow-y: scroll;	
}

body {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color:#CFE2E9;		
	}
			
a {
	font-weight: bold;
	text-decoration: none;
	color: #767676;
	}
	
a:hover {
	text-decoration: underline;
	}

a:visited {
	color: #8E8E8E;	
	}	

p {
	margin-top: 8px;
	}	

h1 {
	font-size: 18px;
	font-weight: bold;
	}
		
h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 5px 5px 5px 0px;
	}
	
h3 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin: 10px 5px 10px 0px;
	}

h4 {
	font-size: 13px;
	margin: 10px 0px 8px 0px;
	}

h5 {
	font-size: 12px;
	}
	
form span.otsake{
	width: 200px;
	float: left;
	border: thin solid blue;
	font-weight: bold;
	}	
	
#wrap {
	width: 1024px;
	height: 100%;
	margin: 0px auto;
	background: url('../images/wrap_bg.jpg') repeat-y;	
	}
	
/* Header */


ul#lang {
	float: right;
	list-style: none;	
	width: 120px;
	height: 20px;
	position:relative;
	right:5px;
	top:63px;	
	}	

ul#lang li{
	float: left;
	}	

ul#lang li a{
	}			

ul#lang li img{
	border: 0px;
	}
			
#header {
	width: 1024px;
	height: 150px;
	background: url('../images/header.jpg') no-repeat;	
	}	

/* Navigation */
ul#navigation {
	width: 550px;
	float: right;
	position:relative;
	right:30px;
	top:114px;		
	list-style: none;
	font-size: 11px;
	text-transform: uppercase;
	}

ul#navigation li {
	float: left;
	margin: 0px 0px;
	padding: 0px 0px;
	}
	
ul#navigation a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 15px 0px 15px;
	background: url('../images/navi.jpg') no-repeat 100% 50%;
	}

ul#navigation a.last {
	background: none;
	}	
		
ul#navigation li a:hover {	 	
	}
	
ul#navigation a.active {
	}		
		
		
/* Main content */

#content {
	margin: 2px 10px 0px 10px;
	background-color: white;
	}

#content_etusivu {
	margin: 2px 10px 0px 10px;
	height: 442px;
	background: url('../images/main_etusivu.jpg') no-repeat;	
	}	
	
.tuoteryhma {
	display: block;
	float: left;
	width: 100%;
	}
	
.ryhmakuva {
	float: left;
	}	

#vaihtuvakuva {
	width: 680px;
	height: 260px;
	clear: both;
	overflow: hidden;
	margin-left:1px;
	}	

#sisalto_etusivu{
	width: 680px;
	padding:10px 5px 0px 15px;
	float:left;	
	}	
	
#ajankohtaista {
	width:220px;
	padding-top:10px;
	padding-left:10px;
	color: #FFFFFF;
	float: left;
	}

#ajankohtaista a{
	color: #FFFFFF;
	}	
	
#ajankohtaista h2{
	color: #FFFFFF;
	}		

#sidebox {
	width: 258px;
	background: url('../images/sidebox_bg.jpg') no-repeat;
	margin-left:10px;
	float:left;
	}	

#sidebox_image {
	width: 258px;
	margin-left:10px;
	float:left;
	}	
	
#sidebox .sidebox_main{
	padding: 5px 5px 5px 10px;	
	}	

#sidebox .product_list{
	list-style: none;
	}	

#sidebox .product_list2{
	list-style: none;
	}	


#sidebox .product_list2 li{
	padding-left: 15px;
	}

#sidebox .product_list2 li.active{
	background: url('../images/viiva.jpg') no-repeat 0 4px;	
	}
			
	
#sidebox .product_list2 a{
	color: #000000;
	font-style:italic;
	font-weight: normal;
	}
		
#sidebox h2 a{
	font-size: 15px;
	font-weight: bold;
	padding: 0px 5px 10px 10px;
	color:#000000;
	background: url('../images/sideboxh2.jpg') no-repeat 0 2px;
	}	
					
#sidebox .sidebox_footer{
	width: 258px;
	height: 12px;
	background: url('../images/sidebox_footer.jpg') no-repeat 0 100%;
	vertical-align: bottom;
	}

#picturearea {
	width: 723px;
	height: 405px;
	float:left;
	}	
	
		
#mainarea {
	width: 723px;
	background: url('../images/main_bg.jpg') no-repeat;
	margin-left:3px;
	float:left;
	}	

#mainarea .mainarea_main{
	padding: 15px;
	}	
		
#mainarea .mainarea_footer{
	width: 723px;
	height: 12px;
	background: url('../images/main_footer.jpg') no-repeat 0 100%;
	vertical-align: bottom;
	clear:both;
	}	

span .otsake {
	width: 200px;
	border: thin solid blue;
	}	

input {
	width: 200px;
	}	

	
.kuvaselain {
	float:left;
	display:block;
	margin-left: 5px;	
	width: 100%;
	}	
.isokuva_frame {
	background: url('../images/picture_frame.jpg') no-repeat;	
	width: 521px;
	height: 400px;
	padding-top:20px;
	text-align:center;
	float: left;
}

.lista {
	width: 200px;
	float: left;
	text-align:right;
}
.isokuva {
	}	

.pikkuframe{
	background: url('../images/picture_smallframe.jpg') no-repeat;
	width:91px;
	height:76px;
	margin-left: 6px;
	margin-bottom: 5px;
	float:left;
	text-align: center;	
	}	
	
.pikkukuva {
	vertical-align:top;
	margin: 5px 5px;
	border: 0;
	}		
										
/* footer */		
#footer {
	width: 1024px;
	height: 260px;
	padding-top: 10px;
	background: url('../images/footer.jpg') no-repeat 0 100%;
	clear: both;
	text-align:center;
	}
	
#footer .tuoteryhmat{
	width: 1000px;
	height: 145px;
	margin-left:17px;
	clear: both;
	}
	
#footer .tuoteryhma{
	width: 99px;
	height: 140px;
	float:left;
	text-align:center;
	}	
	
/* Navigation under */
#navigation2 {
	width:880px;
	height: 20px;
	margin-top:25px;
	margin-left:70px;
	font-size: 12px;
	clear: both;
	font-weight: normal;
	}

#navigation2 ul{
	list-style: none;	
	}
	
#navigation2 li {
	float: left;
	margin: 0px 0px;
	padding: 0px 0px;
	}
	
#navigation2 a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	background: url('../images/navi.jpg') no-repeat 100% 50%;
	}
	
#navigation2 a.last {
	background: none;
	}