/* CSS Document */
	html { overflow-y:scroll; }

body {
	background-color: #fff;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	font-family: "Lucida Sans Unicode", Arial,  Helvetica, sans-serif;
	text-align: center;
	font-size: 62.5%;
}

div#container {
	width: 900px;
	margin: 0 auto;
	margin-top: 43px;
	position: relative;
	text-align: left;
	overflow: y-scroll;
}

div#liveVideo{
	float: right;
	position: absolute;
	top: 1px;	
	right: -155px;
}

/* Tämä sijaitsee etusivulla */
div#seurantaLarge {
	float: right;
	position: absolute;
	top: 195px;	
	right: -155px;
}

/* Tämä sijaitsee seurantasivulla */
div#seurantaLarge2 {
	float: right;
	position: absolute;
	top: 1px;	
	right: -155px;
}

/* Tämä sijaitsee etusivulla */
div#seurantaOtsikko {
	float: right;
	width: 141px;
	height: auto;	
	position: absolute;
	top: 430px;	
	right: -155px;
	font-family: "Lucida Sans Unicode", Arial,  Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color: #52a625;		
}

/* Tämä sijaitsee etusivulla */
div#seurantaSmall {
	float: right;
	position: absolute;
	top: 470px;	
	right: -155px;
	width: 141px;
	height: 46px;
	background-image:url(../images/seurantaTausta.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
}

/* Tämä sijaitsee seurantasivulla */
div#seurantaOtsikko2 {
	float: right;
	width: 141px;
	height: auto;	
	position: absolute;
	top: 235px;	
	right: -155px;
	font-family: "Lucida Sans Unicode", Arial,  Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color: #52a625;		
}

/* Tämä sijaitsee seurantasivulla */
div#seurantaSmall2 {
	float: right;
	position: absolute;
	top: 275px;	
	right: -155px;
	width: 141px;
	height: 46px;
	background-image:url(../images/seurantaTausta.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
}

span.seurantaLinkki, a span.seurantaLinkki {
	width: 141px;
	height: 46px;
	display: block;	
}

span.seurantaTeksti {
	float: left;
	position: relative;
	line-height: 44px;
	vertical-align:baseline;
	margin-left: 12px;
	font-family: "Lucida Sans Unicode", Arial,  Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;	
}

span.seurantaNuolet {
	float: right;
	position: relative;
	top: 18px;
	right: 12px;
}

div#lang-nav {
	margin: 0 auto;
	height: 35px;
	line-height: 35px;
	text-align: right;
	width: 900px;
}

div#lang-nav ul {
	float: right;
	display: inline;
}

div#lang-nav ul li {
	float: left;
	margin-left: 5px;
	display: inline;
}

div#main-nav {
	float: left;
	min-height: 500px;
	height: auto!important;
	height: 500px;
	width: 315px;
	display: inline;
	position: relative;
}

div#main-content{
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;
	min-height: 500px;
	height: auto!important;
	height: 500px;
	width: 540px;
	float: left;
	margin-left: 40px;
	position: relative;
	padding-right: 0;	
}

div#footer {
	clear: both;
	background-color: #176945;
	height: 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	bottom: 0px;
	text-align: center;
}

span.content-bottom {
	display: block;
	background-image: url(../images/bg_content_bottom.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 886px;
	height: 18px;
	clear: both;
	margin: 0 auto;
	padding-bottom: 70px;
}

_span.content-bottom {
	padding-bottom: 100px;
}

p#locations {
	float: left;
	color: #fff;
	font-weight: normal;
	line-height: 30px;
	font-size: 1.1em;
}

/* t ypografia */

p {
	font-size: 1.2em;
	line-height: 1.7em;
}

div#main-content ul p {
	font-size: 1em;
	margin-bottom: 5px;
	margin-left: 0px;
}

h1 {
	font-size: 2em;
	line-height: 1.2em;
	color: #52a625;
	font-weight: normal;
}

h2 {
	font-size: 1.4em;
	color: #52a625;
	font-weight: normal;
}

div#main-content h1 {margin: 15px 50px 20px 45px;}

div#main-content h2 {margin: 10px 50px 5px 45px;}

div#main-content p {
	margin: 5px 50px 15px 45px;
}

div#main-content p.pieni-rivistys {
	margin-bottom: -10px;
}

div#lang-nav li {
	color: #135a3b;
	
}

div#main-nav h1 {font-size: 3.2em; text-transform: uppercase; color: #1b1c20; line-height: 45px;}


div#main-nav {
	font-size: 1.1em;
}

.korostettu {
	color: #52a625;
}

.first-line {
	padding-top: 40px;
}

/* päänavigaatio */

div#main-nav ul#nav-level1 {
	height: 250px;
	margin: 30px 0 0 0;
	
}

*html div#main-nav li {
	display: inline-block;

}


div#main-nav a {
	padding-left: 10px;
	display: block;
	min-height: 22px;
	height: auto!important;
	height: 22px;
	text-decoration: none;
	color: #1b1c20;
	
}

div#main-nav a:hover {
	padding-left: 20px;
	background-image: url(../images/bg-mainnav-act.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	text-decoration: none;
	color: #52a625;
}

div#main-nav .navbottom a:hover {
	background-position: left 10px;
	text-decoration: none;
	color: #52a625;
}

div#main-nav li.level-1open a:hover {
	padding-left: 5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left 3px;
	text-decoration: none;
	color: #52a625;
}

div#main-nav li.nav-act{
	color: #52a625;
	padding-left: 30px;
	text-indent: 10px;
	background-image: url(../images/main-nav-act.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
}

div#main-nav li.nav-act a{
	padding-left: 0;
}

ul#nav-level1 li {

	line-height: 22px;
	
	background-image: url(../images/bg-mainnav-li.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

ul#nav-level1 li.navbottom {background-image: url(../images/bg-mainnav-li-bot.gif); background-repeat: no-repeat; line-height: 30px;}

ul#nav-level1 li.navtop {background-image: url(../images/bg-mainnav-li-top.gif); background-repeat: no-repeat;}

div#main-nav ul#nav-level1 li.navtop-act{
	
	background-image: url(../images/main-nav-act-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

ul#nav-level1 li  ul#nav-level2 li {
	background-image: url(../images/main-nav-level2-bg.gif); background-repeat: no-repeat; text-indent: 20px;
}

div#main-nav li.nav-act {
	color: #52a625;
	padding-left: 30px;
	text-indent: 10px;
	background-image: url(../images/main-nav-act.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*border: thin solid red;*/
}

div#main-nav ul#nav-level1 li ul#nav-level2 li.nav-act {
	background-image: url(../images/main-nav-level2-act.gif);
}

div#main-nav ul#nav-level1 li ul#nav-level2 li.level2-top-nav-act {
	background-image: url(../images/main-nav-level2-top-act.gif);
	margin-left: 25px;
	height: 24px; line-height: 30px; }

*div#main-nav ul#nav-level1 li ul#nav-level2 li.level2-top-nav-act {padding-top: 3px; margin-bottom: -3px; line-height: 24px;}

ul#nav-level1 li  ul#nav-level2 li.nav-act {
	margin-left: 25px;
	padding-left: 25px;
	line-height: 22px;
	
	
}

ul#nav-level1 li  ul#nav-level2 li.level2-bot {
	background-image: url(../images/main-nav-level2-bot.gif); background-repeat: no-repeat; height: 30px; line-height: 30px;
}

ul#nav-level1 li  ul#nav-level2 li.level2-top {
	background-image: url(../images/main-nav-level2top.gif); background-repeat: no-repeat; height: 24px; line-height: 30px; overflow: hidden;
}

div#main-nav li.navbot-act,  ul#nav-level1 li  ul#nav-level2 li.level2-bot-act{
	background-image: url(../images/main-nav-act-bot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px; line-height: 30px;
}

div#main-nav li.navbot-act {
	margin-left: -5px;
	padding-left: 35px;
	line-height: 30px;
}

div#main-nav ul#nav-level1 li ul#nav-level2 li a:hover {
	height: 22px; background-image: url(../images/bg-mainnav-act.gif); background-repeat: no-repeat; background-position: left 8px; padding-left:5px;
}

div#main-nav ul#nav-level1 li ul#nav-level2 li.level2-bot a:hover {
	height: 24px; background-position: left 10px;
	}

div#main-nav ul#nav-level1 li ul#nav-level2 li.level2-top a:hover {background-position: left 11px;}

ul#nav-level2 li a {
	background-image: none; 
}

ul#nav-level1 li  ul#nav-level2 li.level2-top a{background-repeat: no-repeat; height: 24px; line-height: 30px;}

ul#nav-level2 {margin-left: -30px; margin-top: -6px; background-image: url(../images/main-nav-level2-line.gif); background-repeat: repeat-y; }

ul#nav-level2.lastone {background-image: none; margin-left: -29px; margin-top: -7px;}
*ul#nav-level1 li  ul#nav-level2 li.level2-top  {
	line-height: 24px;
}


ul#nav-level2 li{ margin-left: 20px; padding-left: 25px; line-height: 22px;}

ul#nav-level2 li a{color: #9d9d9d;}


div#lang-nav a {color: #fff; text-decoration: none;}

div#lang-nav a:hover {color: #135a3b;}

span.act {
	color: #135a3b;
}

/* linkit */

div#main-content a {
	text-decoration: underline;
	color: #52a625;
}

div#main-content a:visited {
	text-decoration: underline;
	color: #52a625;
}

div#main-content a:hover {
	text-decoration: none;
	color: #9cac93;
}

div#main-content a:active {
	text-decoration: none;
	color: #fff;
}

/* listat */

div#main-content ul {
	margin: 10px 50px 15px 60px;
	font-size: 1.2em;
	line-height: 1.3em;
	list-style-type: disc;
}

div#main-content ol {
	margin: 0 50px 20px 70px;
	font-size: 1.2em;
	line-height: 1.3em;
	list-style-type: decimal;
}

div#main-content ol li{
	margin-top: 10px;
}

/*** TAULUKOT ***/
/* Leikkaaat lääkärit */
.leikkaavatCity {
	font-weight: bold;
	font-size: 120%;
	color: #52a625;
	width: 400px;
	display: block;
	border-bottom: 1px solid #dedede;
}

div#main-content a.leikkaavatLink {
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}

div#leikkaavatRow {
	width: 400px;
	display: inline-block;
	border-bottom: 1px solid #eeeeee;
	margin: 0 0 15px 45px;
	padding-bottom: 15px;
}

div#leikkaavatLaakaritText {
	width:250px;
	float:left;
	display: block;
	margin-right: 20px;	
}

div#leikkaavatLaakaritPic {
	width:110px;
	height:130px;
	float:left;
	display:block;
	background-color: #ffffff;
	border: 1px solid #f5f5f5;
}
/* Kuvapankki */

div#kuvapankkiRow {
	vertical-align: top;
	width: 400px;
	height: 80px;
	display: inline-block;
	margin: 0 0 15px 45px;
}

div#kuvapankkiPic {
	float: left;
	max-width: 120px;
	max-height: 80px;
	width: auto;
	height: auto;
	display: block;
	margin-right: 15px;
	border: 1px solid #dcdcdc;
	overflow: hidden;	
	
	opacity:1.0;
	filter:alpha(opacity=100);
}

div#kuvapankkiPicEnd{
	float: left;
	max-width: 120px;
	max-height: 80px;
	width: auto;
	height: auto;
	display: block;
	margin: 0;
	border: 1px solid #dcdcdc;
	overflow: hidden;	
	
	opacity:1.0;
	filter:alpha(opacity=100);	
}

div#kuvapankkiPic:hover {
	cursor:pointer;
	opacity:0.5;
	filter:alpha(opacity=50);		
}

div#kuvapankkiPicEnd:hover {
	cursor:pointer;
	opacity:0.5;
	filter:alpha(opacity=50);		
}

.kuvapankkiText {
	font-size: 11px;
	margin-top: 10px;
	width: 640px;
}

.kuvapankkiPic {
	max-width: 640px;
	max-height: 480px;
	width: auto;
	height: auto;
	display: block;
	border: 1px solid #dcdcdc;
	overflow: hidden;
}

.kuvapankkiLink:active, .kuvapankkiLink:visited, .kuvapankkiLink:link {
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #52a625;	
}

.kuvapankkiLink:hover {
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #9cac93;
}

/* Muut */
div#main-content table {
	margin: 0 50px 0 45px;
	font-size: 1.2em;
}

div#main-content table th{
	padding-bottom: 15px;
	
}

div#main-content table td{
	padding-bottom: 10px;	
}

div#main-content table.hinnasto-taulu {
	line-height: 1.2em;
	
}

div#main-content table.hinnasto-taulu tr {
	
}

div#main-content table.hinnasto-taulu  th.tuote {
	text-align: left;
}

div#main-content table.hinnasto-taulu  th.tuotteen-hinta {
	text-align: left;
}

div#main-content table.hinnasto-taulu  td.tuote {
	width: 27em;
	padding-right: 2em;
}


table.vertailutaulu th.rivi{
	font-weight: normal;
}

div#main-content table.tulokset-taulu td {
	padding-right: 15px;
	line-height: normal;
}

div#main-content table.tulokset-taulu th {
	padding-right: 15px;
	text-align:left;
	line-height: normal;
}

*div#main-content table.tulokset-taulu {
	font-size: 1em;
	margin: 0;
}
/*** *** ***/

/* new_Hinnasto */
table.new_Hinnasto {
	width: 450px;
}

th.new_Hinta, th.new_Tuote {
	font-size: 1.0em;
	line-height: 1.3em;
}

td.new_Hinta, td.new_Tuote, td.new_Hinta2, td.new_Tuote2 {
	font-size: 1.0em;
	line-height: 1.3em;
	padding: 5px 8px 10px 8px;
}

td.new_Tuote, td.new_Tuote2 {
	width: 330px;
}

td.new_Hinta, td.new_Hinta2 {
	width: 120px;
	border-left: 1px solid #d6e8c1;
}

td.new_Tuote2 {
	background-color:#e1f9d4;
}

td.new_Hinta2 {
	background-color:#e1f9d4;
}
/* new_Hinnasto end */

ol#riskit-lista {
	font-weight: bold;
}

div#main-content ol#riskit-lista p{
	margin: 0 0 10px 0;
	font-size:1em;
}

div#main-content ol#riskit-lista p.kevyt{
	font-weight: normal;
}
/* lomake */

div#main-content form input {
	width: 20em;
}

div#main-content form input.button {
	width: 10em;
	margin-right: 5px;
}

div#main-content form textarea {
	width: 30em;
}

div#main-content form input#yhteys {
	width: 1em;
}

/*images */
img#femto-logo {
	margin: 0 0 15px 45px;
}

img#content-top {
	margin-left: 2px;
}

img#index-silma {
	float: right;
	margin: 0 2px 20px 0;
}

img#silma {
	margin: 15px 1px 20px 298px;
}

img#logolaatikot {
	margin-left: 40px;
	display: inline;
}

/* uutispalsta */

div#uutispalsta{
	top: -110px;
	width: 304px;
	padding: 0; /*padding: 0 0 16px 0;*/
	margin: 0;
	left: 0;
	display: block;
	position: relative;
	height: 100%;
	background-image: url(../images/ajankohtaista-bg.gif);
	background-repeat: repeat-y;
}

* html div#footer {
	margin-top: 300px;
}

*+html div#container {
	padding-bottom: 60px;
}

div#uutispalsta h2 {
	background-image: url(../images/ajankohtaista-header.gif);
	background-repeat: no-repeat;
	height: 34px;
	display: block;
	color: #fff;
	line-height: 34px;
	text-align: center;
}

div#ajankohtaista-sisalto {
	min-height: 50px;
	height: auto!important;
	height: 100%;
	padding-top: 7px;
	background-image: url(../images/ajankohtaista-bottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat;	
}

div#uutispalsta h4 {
	margin: 0 1em 0 1.8em;
	color: #52a625;
	font-size: 1.1em;
	line-height: normal;
}

div#uutispalsta p {
	margin: 0 1em 0 1.7em;
	padding-bottom: 0.5em;
	font-size: 1.2em;
	line-height: normal;	
	
}

/* muut */
.viite { font-size: 9px; }

div#videoholder {
	margin-left: 40px;
}

div#silma-flash {
	margin-top: -30px;
	margin-left: 90px;
}

div#video-container {
	margin-left: 45px;
	margin-top: 15px;
}