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

html {
background : #fff url(kuvat/falundafa-upperbg.jpg) no-repeat;
background-position: center top;
text-decoration : none;
}

body {
font-family : 'Rosario', Arial, sans-serif;
font-size: 14px;
color: #333;
margin : 0 auto;
width : 950px;
}

body.html-kirja {
background: none;
background-color: #fff;
width: 100%;
}

hr {
border-color: #ddd;
border-style: solid;
border-width: 1px;
}

.sc {
font-style : normal;
font-variant : small-caps;
text-transform : lowercase;
}

em.i {
font-weight : normal;
font-style : italic;
font-variant : normal;
}

em.red {
font-weight : normal;
font-style : normal;
font-variant : normal;
color : #800;
}

h1 {
text-indent : -9999px;
margin-top : 340px;
}

h1.zf {
}


/* sivuston perusrakenne */

div.raamit {

}

div.raamit, div.kirja_raamit {
width : 950px;
text-align : left;
letter-spacing : 0.01em;
line-height : 1.6em;
margin : 0 auto;
}

div.kirja_raamit {
background-color: #fff;
height : 100%;
width: 100%;
max-width: 950px;
}

/* vasemman reunan valikon muotoilut */

div.menu {
float : left;
margin-left: 10px;
width: 160px;
font-family: 'Rosario', sans-serif;
font-size: 13px;
}

div.menu li {
}

div.teksti_kapea, div.teksti, div.teksti_liikesarjat {
width : 580px;
text-align : left;
float : left;
position : relative;
}

div.teksti {
width: 730px;
}

div.oikeasarake {
float: left;
width: 150px;
margin-left: 40px;
margin-right: 10px;
text-align: right;
}

div.teksti_liikesarjat {
margin : 0;
width : 380px;
float : left;
}

h3.liikesarjat {
float : left;
width : 380px;
}

div.teksti h2, div.teksti_kapea h2 {
font-family: 'Ovo', "Times New Roman", Times, serif;
font-style : regular;
color : #057;
padding-bottom: 16px;
padding-top: 16px;
margin: 0;
}

div.teksti h3, div.teksti_kapea h3 {
margin: 0;
padding: 5px 0 15px 0;
font-family: 'Ovo', "Times New Roman", Times, serif;
font-style : normal;
color: #333;
}

div.teksti a, div.teksti_kapea a { text-decoration : none; }
div.teksti a:link, div.teksti a:visited, div.teksti_kapea a:link, div.teksti_kapea a:visited { color: #b64; }
div.teksti a:hover, div.teksti_kapea a:hover { color : #e80; }
div.teksti a:active, div.teksti_kapea a:active { color : #e80; }

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

ul.faq {
line-height : 1.7em;
margin: 0;
padding: 0 0 16px 0;
}

ul.faq a:link, ul.faq a:visited {
color : #046;
}

ul.faq a:hover, ul.faq a:active {
color : #068;
}

/* erilaiset kuvat */

img {
border-width : 1px;
border-color : #999;
border-style : solid;
background: none;
}

div.oikeasarake img {
margin-bottom: 10px;
}

div.oikeasarake img:hover {
border-color: #d70;
}

img.oikea {
float : right;
border : 0;
padding : 0;
margin : 1em 2em 0 0.7em;
}

img.vasen {
float : left;
border : 0;
padding : 0;
margin : 1em 2em 0 0.7em;
}

img.inline2 {
padding : 0;
border : none;
background : none;
width : 3em;
height : 1em;
}

img.mestari {
border-width : 4px;
border-color : #555;
border-style : outset;
padding : 0;
margin : 0 auto;
}

img.kirjankannet {
float: right;
border: 0;
outline: none;
padding: 0 0 30px 30px;
}


p {
position : relative;
padding : 0 0 16px 0;
margin: 0;
}

p.kysymys {
font-weight : normal;
font-style : normal;
font-variant : normal;
font-size: 15px;
color : #976;
padding-top: 20px;
}

a:link, a:visited, a:hover, a:active {
   border : none;
   outline : none;
}

div.menu a { text-decoration : none; display : block; width: 150px; height : 37px;}

div.menu a:link, div.menu a:visited {
color: #a53;
}

div.menu a:hover, div.menu a:active {
color: #d70;
}

/* Webmasterin allekirjoitus */

span#webmaster a {
margin : 3em;
float : right;
text-align : right;
text-decoration : none;
text : 60% Tahoma, Verdana, Arial, sans-serif;
color : #999;
}

/* Audio&video -sivun taulukot */

table {
border : 0;
border-radius: 4px;
-moz-border-radius: 4px;
position : relative;
margin: 0 auto;
padding: 0;
width : 45em;
background-color : #EEE;
font-variant : small-caps;
}

caption {
margin : 0;
padding : 7px 0;
text-align : center;
background-color : #156;
color : #FFF;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
}

tr {
margin : 0;
padding : 0;
}

td {
border : 0;
margin : 0;
padding : 1em;
background-color : #FFF;
}

table#youtube td {
text-align: center;
}

td.linkki, td.harjoitus-a, td.harjoitus-b, td.harjoitus-b-mediatyyppi {
text-align : center;
}

td.linkki {
width : 6em;
}

td.tyhja {
background-color : #f0f0f0;
}

td.harjoitus-b-mediatyyppi {
background-color : rgb(251,246,243);
color: #111;
}

.huomautus, .pikkuteksti {
font-size : 10px;
}

p.huomautus {
margin-right: 53px;
text-align : right;
letter-spacing : 0.05em;
}

div.dummy {
clear: both;
padding-bottom: 30px;
}


/* ------------------------------------------------------ */


div.book_text {
font : 14px Helvetica, Arial, sans-serif;
line-height: 1.7em;
padding : 50px 65px;
text-align: left;
letter-spacing: 0.01em;
background: #FEFEFE;
}

div.book_text p {
padding: 0 0 20px 0;
margin: 0;
}

div.book_toc a {
text-decoration: none;
color: #011;
}

h2.kirja {
}

#paasivustolle, #sisallysluetteloon {
text-align: right;
color: #a53;
}

#paasivustolle:hover, #sisallysluetteloon:hover {
color: #d70;
}

#sisallysluetteloon {
}

#paasivustolle a, #sisallysluetteloon a {
text-decoration : none;
color: inherit;
}

.book_toc_header {
font-weight: bold;
padding-bottom : 3px;
font-size : 16px;
letter-spacing: 0.01em;
}

.book_toc ul {
padding-bottom: 20px;
}

.book_toc ul li a:hover {
color: #F93;
}

h3.book_lecturename {
margin: 0;
padding: 30px 0 20px 0;
font-size: 24px;
font-weight: bold;
text-align: center;
}

h4.book_header {
font-weight: bold;
font-variant: normal;
font-size: 16px;
padding: 10px 0 6px 0;
letter-spacing: 0.01em;
}

sup {
color: #903;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
letter-spacing: 0;
vertical-align: text-top;
font-size:65%; 
margin-left: 1px;
line-height: 100%;
}

sup a {
color: inherit;
text-decoration: none;
cursor: pointer;
}

sup a:hover {
	position: relative;
}

sup a span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	letter-spacing: 0.01em;
	color: #0E0E0E;
	display: none;
	text-align: left;
}

sup a:hover span {
	display: block;
	min-width: 120px;
   	position: absolute;
	top: 10px;
	left: 0;
   	padding: 10px;
	margin: 15px;
	z-index: 100;
   	background: #f0f0f0;
	border: 1px dotted #c0c0c0;
	opacity: 0.93;
	-moz-border-radius: 9px;
    border-radius: 9px;
	line-height: 1.2em;
}

#book_navigation {
padding: 40px 0;
}

#book_navigation img {
float: right;
padding-right: 15px;
border: 0;
background: inherit;
}

img.ch_char {
display: inline;
vertical-align: text-bottom;
border: 0;
background: inherit;
}