body {
	background: #999999 url(/pics/bg.jpg) no-repeat;
	font-family: verdana,arial,serif;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
ul,li,p,h1,h2,h3,h4,h5,h6,dd,dt,dl,small,form,input { margin: 0px; padding: 0px; }

	#box {
		position: relative;
		margin-top: 38px;
		background: #E6E6E6;
		border: solid 10px #E6E6E6;
		width: 758px;
		margin-left: auto;
		margin-right: auto;
		}
	 
	#header { 
		height: 99px; 
		background: #fff;
		position: relative;
		text-align: left;
		}	

		#header h1 { position: absolute; top: 24px; left: 0px; }
			#header h1 a {
				display: block;
				height: 55px;
				width: 176px;
				background: transparent url(/pics/logo-wetterhoff.gif) no-repeat;
				}
			#header h1 span { display: none; }
			
		#header h3 {
			position: absolute;
			right: 15px;
			top: 30px;
			}
			
			#header h3.suomi {
				display: block;
				height: 77px;
				width: 282px;
				background: transparent url(/pics/header-slogan.gif) no-repeat;
				text-indent: -10000px;
				}
				
			#header h3.english {
				display: block;
				height: 77px;
				width: 282px;
				background: transparent url(/pics/header-slogan_en.gif) no-repeat;
				text-indent: -10000px;
				}
			
			#header h3 span { display: none; }

		#lang { 
			position: absolute;	
			top: -31px;
			right: 230px;
			font: normal normal 10px verdana,arial,serif;
			color: #fff;
			}
			
			#lang a { color: #fff; margin: 0px 5px 0px 5px; text-decoration: none; }
			#lang a#selected { color: #fff; font-weight: bold;}
			
		#search {
			position: absolute;
			top: -35px;			
			right: -7px;
			font: normal bold 10px verdana,arial,serif;
			color: #fff;
			text-align: right;
			}
			
			#search input { 
				border: solid 1px #969696; 
				padding-bottom: 1px;
				}
				#search input:focus { border: solid 1px #555658; }
				
			#search input#send { 
				background: #F2F2F3; 
				width: 30px; 
				height: 19px;
				font: normal bold 10px verdana,arial,serif;
				color: #969696;
				}
			
	#nav {
		height: 26px;
		text-align: left;
		width: 758px;
		border-bottom: solid 7px #999;
		}	
				
		#nav ul li { 
			list-style-type: none;
			display: inline; 

			text-align: center;
			}
		
		#nav ul li a { 
			font: normal bold 10px verdana,arial,serif; 
			color: #5C5C5C; 
			text-transform: uppercase;
			text-decoration: none;
			display: block;
			height: 1%;
			float: left;
			margin: 0px 10px 0px 10px;
			padding: 7px 14px;			
			}	
			
	#page { float: left; width: 758px; position: relative; background: #CFCFCF url(/pics/bg-magenda.gif) repeat-y;  }

	#imageplace {
		position: absolute;
		z-index: 5;
		left: 0px;
		height: 190px;
		width: 190px;		
		background: transparent url(/pics/image-magenda.jpg) top right no-repeat;
		}

	#rightbox {
		width: 353px;
		float: right;
		font: normal normal 12px arial;
		text-align: left;
		color: #616161;
		overflow: hidden;
		}
		
		 #rightbox ul { margin-left: 15px; }

	#subnav {
		float: right;
		width: 210px;
		text-align: left;
		}
		
		#subnav h3.suomi {
			text-indent: -10000px;
			background: transparent url(/pics/header-tee_ostoksia.gif) no-repeat;
			width: 166px;
			height: 20px;
			margin: 10px 0px 0px 18px;
			}
		
		#subnav h3.english {
			text-indent: -10000px;
			background: transparent url(/pics/header-tee_ostoksia_en.gif) no-repeat;
			width: 166px;
			height: 20px;
			margin: 10px 0px 0px 18px;
			}
			
		#subnav ul { list-style-type: none; padding: 15px; }	
		
		#subnav ul li { 
			font: normal normal 11px arial,verdana,helvetica; 
			margin-bottom: 5px;
			color: #666;
			padding-left: 15px;			
			}
			
		#subnav ul li a {
			font: normal bold 14px arial,verdana,helvetica;
			display: block;
			text-decoration: none;
			height: 1%;
			}

		#subnav ul li#ryijyt { background: transparent url(/pics/li-ryijyt.gif) 0px 4px no-repeat; } 			
		#subnav ul li#ryijyt a { color: #E30707;} 

		#subnav ul li#langat { background: transparent url(/pics/li-langat.gif) 0px 4px no-repeat; } 			
		#subnav ul li#langat a { color: #FF0096;} 
		
		#subnav ul li#varit_ja_apuaineet { background: transparent url(/pics/li-varit_ja_apuaineet.gif) 0px 4px no-repeat; } 			
		#subnav ul li#varit_ja_apuaineet a { color: #C300D5;} 
		
		#subnav ul li#woolfix { background: transparent url(/pics/li-woolfix.gif) 0px 4px no-repeat; } 			
		#subnav ul li#woolfix a { color: #7461FF;} 							

		#subnav ul li#kuultokirjonta { background: transparent url(/pics/li-kuultokirjonta.gif) 0px 4px no-repeat; } 			
		#subnav ul li#kuultokirjonta a { color: #008DDE;} 							
			
		#subnav ul li#kirjonta { background: transparent url(/pics/li-kirjonta.gif) 0px 4px no-repeat; } 			
		#subnav ul li#kirjonta a { color: #00CAB9;} 										

		#subnav ul li#neuleet { background: transparent url(/pics/li-neuleet.gif) 0px 4px no-repeat; } 			
		#subnav ul li#neuleet a { color: #6CC000;} 										
		
		#subnav ul li#muut_tee_se_itse { background: transparent url(/pics/li-muut_tee_se_itse.gif) 0px 4px no-repeat; } 			
		#subnav ul li#muut_tee_se_itse a { color: #EBCD00;} 	
		
		#subnav ul li#kasityokankaat { background: transparent url(/pics/li-kasityokankaat.gif) 0px 4px no-repeat; } 			
		#subnav ul li#kasityokankaat a { color: #ffcf00;} 									
		
		#subnav ul li#wetterhoff_lahjat { background: transparent url(/pics/li-wetterhoff-lahjat.gif) 0px 4px no-repeat; } 			
		#subnav ul li#wetterhoff_lahjat a { color: #F8981D;} 										
		
		#subnav ul li#muut_lahjat { background: transparent url(/pics/li-muut_lahjat.gif) 0px 4px no-repeat; } 			
		#subnav ul li#muut_lahjat a { color: #E30707;} 																

	
	#yhteystiedot {
		position: absolute;
		left: 10px;
		top: 210px;
		text-align: left;
		color: #535353;
		}
		
		#yhteystiedot h3 {
			text-indent: -10000px;
			background: transparent url(/pics/address-wetterhoff.gif) no-repeat;
			height: 30px;
			width: 165px;
			}
			
		#yhteystiedot address {
			font-style: normal;
			padding-left: 8px;
			font: normal normal 11px arial;
			}	
			
	#bannerit {
		position: relative;
		float: left;
		left: 10px;
		top: 300px;
		width: 170px;
		height: 145px;
		color: #535353;
		overflow: hidden;
	}

		#bannerit img { border: none; }

		#bannerit a {
			display: block;
			position: relative;
			width: 160px;
			height: 60px;
			text-align: center;
			text-decoration: none;
			border: 5px solid #E6E6E6;
			margin: 0px 0px 5px 0px;
			overflow: hidden;
		}


	#content {
		width: 379px;
		text-align: left;
		}
		
		#content #container {
			padding: 0px 35px 0px 35px;
			font: normal normal 11px/17px verdana,arial,serif;
			color: #666666;			
			}
			
			#rightbox p { padding-top: 20px; }
			#rightbox .message p { padding-top: 0; }
	#current {
		position: relative;
		width: 353px;
		text-align: left;
		}

		#current #title { 
			text-align: left; 
			height: 20px; 
			padding: 5px 0px 0px 0px; 
			position: relative; 
			background: #999; 
			color: #fff; 
			}
			#current #title h4 {
				display: inline;
				font: normal bold 11px verdana,arial,serif;
				text-transform: uppercase;
				margin-left: 8px;
				}
			#current #title a {
				color: #fff;
				font: normal normal 11px verdana,arial,serif;
				background: transparent url(/pics/arrow-white.gif) 0px 1px no-repeat;
				padding-left: 15px;
				text-decoration: none;
				margin-right: 8px;
				position: absolute;
				right: 0px;
				}	

			#current .message {
				background: #F7F7F7;
				margin: 5px 0 5px 5px;
				padding: 10px;
				}
				
			#current h5, #current .message p { color: #616161; }	
			#current small {
				display: block;
				margin: 7px 0px 7px 0px;
				font: normal normal 10px arial;
				}
			#current h5 { font: normal bold 11px arial; }
			#current .message p { font: normal normal 11px arial; margin-bottom: 10px;}
			
			#current a {
				background: transparent url(/pics/a-magenda.gif) 0px 3px no-repeat;
				font: normal bold 11px arial;
				padding-left: 15px;
				text-decoration: none;				
				}

			
		#footer {			
			clear: both;
			text-align: center;
			width: 760px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 10px;
			}
		
		#footer p { 
			border-top: solid 17px #000; 
			font: normal bold 10px verdana,arial,serif; 
			color: #848484; 
			padding-top: 5px;
			}
			
		a { color: #F8981D; }	
		
		#rightbox h1 { font: normal normal 18px arial,serif; margin-top: 10px;}	
			
		#ilman_navi {		
		width: 550px; 
		float: right;
		font: normal normal 11px arial,serif;
		color: #666666;
		text-align: left;
		}