@charset "utf-8";
/* CSS Document */

.justifyright {
float:right;}

.error{
	color:red;}

/* POISTAA selainten oletus paddingit ja marginaalit */ 
*  {margin: 0; 
    padding: 0; 
    border: 0;}

#wrapper {
	width:970px;
	margin:auto;
	margin-bottom: 2em;
	margin-top: 1em;
	/*border:solid 1px #fefefe;*/}

body, html {
	background-image:url('images/taustakuva.png');
	margin: 0;
	padding: 0;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:1em;}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-size:1.8em;
	margin-bottom:10px;}

.text-center{
    	text-align:center;}
	
.font-med{
    	font-size:1.3em;
    	font-weight:100;}

.font-big{
    	font-size:1.5em;}

.italic{
   	font-style:italic;}

.bold{
   	font-weight:bold;}

.red{
   	color:red;}

.no-decoration a{
  	text-decoration:none;}

ul li{
	/*list-style:circle;*/
	list-style-position:inside;
	list-style-image:url('images/mtj-art-list-icon.gif');}

.font-med{
	font-size:1.25em;
	font-weight:bold;}

.bold{
	font-weight:bold;}


a:link {color:#000; font-weight:bold;}
a:visited {color:#000; font-weight:bold;}
a:hover {color:#000; font-weight:bold;}

a.perus:link {color:#000; text-decoration:none;}
a.perus:visited {color:#000; text-decoration:none;}
a.perus:hover {color:#000; text-decoration:none;}

.img-left{
	float:left;
	padding:5px;}

.img-center{
	display: block;   
	margin-left: auto;   
	margin-right: auto;}

.img-right{
	float:right;
	padding:5px;}

a img {
  	border: 0em; /*POISTAA kuvalinkeistä oletuksellisesti tulevan REUNUKSEN validisti*/}


/****HEADERIN MAARITYKSET****/

#header {
	height:300px;
	margin:0;
	margin-bottom:0px;
	width:100%;
	background:url('images/header.png') no-repeat;}


/****SISALLON MAARITYKSET*****/

#content3 {
	position:relative;
	float:left;
	margin-left:10px;
	width:204px;
	margin-top:10px;
	min-height: 350px;
	/*background-color:red;*/}

#content3-right {
	position:relative;
	float:left;
	margin-left:0px;
	width:204px;
	margin-top:20px;
	min-height: 350px;
	/*background-color:red;*/}

#valikko-ylakuva{
	position:relative;
	float:left;
	height:32px;
	width:204px;
	background:url(images/valikko-ylakuva.png);
	background-repeat:no-repeat;
	z-index:5;}

#content3-sisalto{
	position:relative;
	float:left;
	min-height:350px;
	width:204px;
	background:url(images/valikko-keskikuva.png);
	background-repeat:repeat-y;
	/*margin-top:32px;*/}

#valikon-teksti{
	position:relative;
	float:left;
	min-height:350px;
	width:150px;
	margin-left:30px;
	/*margin-top:32px;*/}

#valikko-alakuva{
	position:relative;
	float:left;
	height:43px;
	width:204px;
	background:url(images/valikko-alakuva.png);
	background-repeat:no-repeat;
	z-index:5;}

#some-fb{
	position:relative;
	float:left;
	height:38px;
	width:184px;
	margin-top:2px;}

#some-fb a:hover {
	background:url(images/spring-fb.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;}

#some-tw{
	position:relative;
	float:left;
	height:36px;
	width:204px;
	margin-top:2px;}

#some-tw a:hover {
	background:url(images/spring-tw.png);
	background-repeat:no-repeat;
        position:absolute;
	top:0px;}

#content4 {
        position:relative;
	float:left;
	margin-left:15px;
	margin-right:10px;
	width:729px;
	margin-top:6px;
	min-height:425px;
	/*background-color:green;*/}

#content4-left {
        position:relative;
	float:left;
	margin-left:15px;
	margin-right:10px;
	width:729px;
	margin-top:10px;
	min-height:425px;
	/*background-color:green;*/}

#teksti-ylakuva{
	position:relative;
	float:left;
        background:url(images/teksti-ylakuva.png);
        background-repeat: no-repeat;
	height:51px;
	width:729px;
	z-index:5;}

#teksti-sisalto{
       	position:relative;
	float:left;
	width:729px;
	min-height:425px;
	/*background-color:red;*/
	background:url(images/teksti-sisalto.png);
	background-repeat:repeat-y;}

#teksti{
	position:relative;
	float:left;
	width:660px;
	margin-left:30px;
	min-height:425px;}

#teksti-alakuva{
	position:relative;
	float:left;
        background-image:url(images/teksti-alakuva.png);
        background-repeat: no-repeat;
	height:49px;
	width:729px;
	z-index:5;}

/****FOOTERIN MAARITYKSET****/

#footer {
	clear:both;
	text-align:right;
	padding-top:60px;
	margin-right:20px;
	padding-bottom:20px;
	font-family:arial;
	font-size:15px;}

#footer a {
	color:#df4a22;
	text-decoration:none;
	font-weight:bold;}

#footer a:hover {
	text-decoration:underline;}


.footer {
	/*background:url(images/top.png) #060606 repeat-x;*/
	/*background-color:#97979b;*/
	height:20px;
	width:100%;}

.footer p {
	text-align: center;
	font-size: 18px;
	color: #000000;
	padding-top:0px;}

.mtjart-margin{
	position:relative;
	top:4px;}

/*****SIVUPALKIN ULKOASU*****/

#side {
	float:right;
	width:300px;
	padding-right:20px;}

#side a {
	color:#df4a22;
	text-decoration:none;}

#side a:hover {
	text-decoration:underline;}

/*#side h3 {
	color:#de4a22;
	font-size:24px;
	font-family:Trebuchet MS;
	margin:0;
	margin-top:20px;}*/

#side ul {
	list-style:none;
	padding:0;
	margin:0;}

#side ul li {
	width:226px;
	background:url(images/sidesplitter.png) no-repeat;
	background-position:0% 100%;}

#side ul li a {
	color:#000;
	text-decoration:none;
	font-size:14px;
	font-family:arial;
	line-height:25px;}

#side ul li a:hover {
	text-decoration:underline;}

#side ul li ul li {
	padding-left:20px;}

/****MUUT MAARITYSET*****/

.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;}