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

* {margin: 0;
padding: 0;
border:0;
}

html {  overflow-x: hidden; 
}

body {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #000000;

	margin: 0; 
	padding: 0;
	text-align: center; 
  	overflow-x: hidden; 

	background: #fff;
	background-image:url(img/base/bg_main.jpg);
	background-repeat:repeat-x;
	background-position: top center;

}

 
 #container {
	width: 90%;   
	background-color:none;
	margin: 0 auto;  
	border: 0px solid #000000;
	text-align: left; 
  
}


 #header { 
	background-color:none;
	padding: 0;
	min-height:127px;
  height:auto !important;
  height:127px;
  background-image:url(img/base/nimi.png);
  background-repeat:no-repeat;
} 



/* NAVIGAATIO */
#navi {
	float:right;
	text-align:right;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:90%; 
	letter-spacing:0.1em;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}

/* Muotoilut myös navi-kohdassa, muuten ie ei ymmärrä */
#navi p {margin:10px 0 0 0; padding:0;
line-height:150%;
}

#navi a {text-decoration:none; color:#FFF;
}

#mainContent {
	padding: 4em 0; 
	background: #fff;
}

#navi_teokset {
	text-align:left;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:90%; 
	letter-spacing:0.1em;
	color:#03bacb;
	font-weight:bold;
	text-transform:uppercase;
	margin:-2em 0 2em 0;
}

#navi_teokset  a {text-decoration:none; color:#Fb3;
}

#teksti {
max-width:59%;
  width:auto !important;
  width:59%;
  margin:0 1em 0 0;
}

 #kuvat_side {
	float:right;
	font-size:85%;
	width:300px;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0;
	margin-left: 50px;
}

 #teksti_side {
	float:right;
	font-size:90%;
	width:300px;
	display:block;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 50px;
}

/* OTSIKOT */

h1 {color:#000;
font-size:190%;
margin:0 0 2em 0;
}

h2 {color:#10d78a;
font-size:150%;
margin:-1.8em 0 2em 0;
}

h3 {color:#03bacb;
font-size:140%;
margin:2em 0 1em 0;
}

h4 {color:#03bacb;
font-size:120%;
margin:1.5em 0 1em 0;
}

h5 {color:#1ac080;
font-size:100%;
font-weight:bold;
margin:1.5em 0 1em 0;
}


/* PERUSLINKIT */

a {	font-family:Arial, Helvetica, sans-serif;color: #00c77a; text-decoration:none; font-weight:bold;}
a:visited {	color: #00c77a; text-decoration:none; font-weight:bold;}
a:hover {	color: #000000; text-decoration:none; font-weight:bold;}
a:active {	color: #00c77a; text-decoration:none; font-weight:bold;}

#teksti a {	font-family:Arial, Helvetica, sans-serif;color: #00c77a; text-decoration:none; font-weight:bold;}
#teksti_side a {	font-family:Arial, Helvetica, sans-serif;color: #00c77a; text-decoration:none; font-weight:bold;}
#teksti.cvvalit p, #teksti_side.cvvalit p{
	margin-top: 0.5em;
	
	margin-bottom: 0.5em;
	
}
#teksti.cvvalit h1 {margin-bottom: 10px;}
p {
	padding:0;
	margin: 1em 0 1.5em 0;
	line-height: 1.3em;
}

ul {list-style-type:circle;}
li {margin:0 0 0.5em 2em; padding: 0 0 0.5em 0;}

#mainContent img {background-color:#FFF;
padding:3px;
border:1px solid black;
margin:0 0.5em 0.5em 0;
}
 
.kuvateksti  { 
font-weight: normal;
color:#999999;
font-size:85%;
font-style:normal;
float:left;  
text-align:left;
margin:0 2em 2em 0;
 }


 #footer { 
	padding: 0;
	margin: 1em 0;
	background:#fff;
	border-top:#09cae1 solid 1px;
	text-align:center;
	color:#02aac1;
} 
 #footer p {
	margin: 0; 
	padding: 0.5em 0;
	font-size:90%;
}