/* Mathlin Design - Copyright Therwiz Design 2008  - www.therwizdesign.fi */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0; padding: 0;
}

body{ text-align:center; float: center;}

h1{

	font: 22px arial; color: #ffffff; 
	
/*	background: url('bg/h1.png');  */
	
/* 	text-align: left; */
	
/*	float: left;/
	
/*	width: 245px;	 */
	
/*	padding-left: 10px; */
}


A:link {text-decoration: none; color: #292929;}
A:visited {text-decoration: none; color: #292929;}
A:active {text-decoration: none; color: #292929;}
A:hover {text-decoration: none; color: #494949;}


body {
	font: 12px Verdana, serif, Trebouchet; color: #ffffff; background-color: #0f0f0f;        /* Alaosan taustan väri, headeriin tulee oma taustaväri #000000 */
	line-height: 1.5em;
}


#header {
	clear: both;
	width: auto;
	height: 247px;
	text-align: center;
	background: #000 url('bg/bg_header.jpg') no-repeat fixed top center;
}


#logo {
	position: fixed;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	float: center;
	text-align: center;
	clear: both;

}


h1 {
	color: #ffffff; margin-bottom: 10px;
}


p {
	color: #ffffff; margin-bottom: 20px;
}


div#container { margin: 0px auto 0; width: auto; background: #0f0f0f url('bg/bg_tabs2.jpg') repeat-x top center;}


ul.tabNav {
		
	float: center;
	
	list-style: none;
	
	width: 770px;
	
	left: auto;
	
	right: auto;
	
	margin-left: auto;
	
	margin-right: auto;	
	
	padding-left: 0px;
}


ul.tabNav li {

				/* margin: 0 0px 0 0 -> margin: 0 90px 0 0 => tabejen väli suurenee */

	float: left; margin: 0 20px 0 0; padding: 0px 0 0; width: 100px; text-align: center; padding-bottom: 14px; background: url('bg/tab_on.png');

}


ul.tabNav li.current { width: 100px; background: url('bg/tab_off.png'); text-align: center; 	/* tabs: 100 x 37 */}


ul.tabNav a { border: 0px; border-width: 0px 0px 0; color: #777; display: block; padding: 4px 0px 0px 0px; text-decoration: none; outline-style: none; }


ul.tabNav li.current a {

	color: #fff;
	
	width: 100px;
	
	border: none;
	
	padding-bottom: 0px;
	
	text-decoration: none;
	
}


#copyright{

	float: center;
	
	text-align: center;
	
	position: absolute; /* Tällä näkyy IE:llä alalaidassa niinku pitääkin */
	
	bottom: 0px;
	
	margin-bottom: 0px;
	
	height: 23px;
	
	width: 100%;
	
	background: #161616;
	
	color: #292929;
	
	top: auto;
	
	left: 0px;
	
	right: 0px;
	

}


div.tabContainer { padding-top: 50px; clear: both; float: center; width: 770px; margin-left: auto; margin-right: auto; margin-top: 0px;}
div.tabContainer div.tab { border: 0px; color: #777; display: none; padding: 0px; padding-top: 0px; text-align: left;}
div.tabContainer div.current { display: block;}
div.tab p:last-child { text-align: left; margin-bottom: 0; }
.img_left { text-align: left; float: left; margin-right: 40px;}  <!-- tasaa tekstin kuvan viereen oikealle, kuva vasemmalla -->



/* LOMAKE */