@import url("/sanoeinetscape4lle.css");

body 
{ background-color: #fafafa ;
  color : #000000 ;  
  margin : 0px ; 
  padding : 1.2em;
  font-family : arial, helvetica, verdana, sans-serif ; }

/* otsikot */

h1 
{ background-color : #3c86c7 ;
  color : #B3DBFF ; 
  padding: 0.1em;
  font-family : sans-serif ; 
  text-align: center; }
h1
{ font-size : 1.45em ; }
h2
{ font-size : 1.25em ; 
	color: #ada800 ;
	background-color: #FBF400;
	width: 61%;
	border: 1px solid #AFD7FA
	padding-left: 1.5em; }
h3
{ font-size : 1.15em ; }
h4, h5, h6
{ font-size : 1.0em ; }
h1, h2, h3, h4, h5, h6
{ font-family : sans-serif ; }
.childheading
{ margin-top : 0em ; }
.tightheading
{ margin-bottom : 0em ; }

/* linkit */
a:link
	{ color : #2277bb ; }
a:visited, a:hover, a:active
	{ color : #997700 ; }
a.front {
	color: #ada800 !important;
	text-decoration: none !important;
}
	
/* .....sekalaiset elementit..... */

.johdanto
	{ border : 1px solid #ada800 ;
	  background-color : #d4cd00 ;
	  color : #000000 ;  
	  padding : 0.2em ; 
	  font-size : 0.9em ; }
.johdanto h2
	{ display : run-in ; 
	  color : #000000 ;
	  background-color : #d4cd00 ; 
	  font-size : 1em; }
a img 	{ border : none ; }
ul.palloton
	{ list-style-type : none ;
	  margin-left : 0 ;
	  padding-left : 0 ; }
li.palloton
	{ list-style-type : none ; }
sup, sub
	{ font-size : 70% ; }
form p
	{ margin: 0 ; padding: 0 ; }
label:active span
	{ outline : 1px dashed #000000 ; }
kbd 
{	color: #333333;
  background-color: #efefef;
  font-family: "Courier new", monospace;
  border-top: 2px double #CFCFCF;
  border-left: 3px solid #BABABA;
  border-right: 4px solid #AAAAAA;
  border-bottom: 6px solid #909090;
  padding: 0 0.2em;
  line-height: 1.6em;
  white-space: nowrap; }
q	{ font-style : italic ; }
q:before, q:after
	{ content : "\"" }

/* .....end sekalaiset elementit..... */
/* .....taulukot..... */

table	
	{ clear : both ; 
	  border-collapse : collapse ; }
th
	{ background-color : #B3DBFF ; 
	  color : #000000 ;
	  border : 1px solid #d4cd00 ;
	  padding : 4px ; }
td
	{ border : 1px solid #d4cd00 ;	
	  padding : 4px ; }

.align-top
	{ vertical-align : top ; }
.align-bottom
	{ vertical-align : bottom ; }
.align-middle
	{ vertical-align : middle ; }
.align-left
	{ text-align : left ; }
.align-center
	{ text-align : center ; }
.align-right
	{ text-align : right ; }
caption
	{ text-align : left ; 
	  font-size : 1.2em ;
	  font-weight : bold ; 
	  padding : 2px 2px 2px 40px;
	  background-color : #fbf400 ; 
	  color : #ada800 ; }

/* .....end taulukot..... */
/* .....sekalaiset luokat ja id:t..... */

#sijainti
{ text-align : right ; 
  font-style : italic ; 
  margin-bottom : 1em ;
  font-size:smaller; }
.u
	{ text-decoration : underline ; }
.abc
	{ speak : spell-out ; }
.punkt
	{ speak-punctuation : code ; }
.pref:after
	{ padding-left: 2px ; 
	  content : url("/kuvat/altp.gif") ; }
.pre
	{ white-space : pre ; }
.block
	{ display : block ; }
.xLarge
	{ font-size : x-large ; }
.file, .url
	{ font-family: "Lucida Console", "Courier New", monospace;
		color: #008000;
		white-space: nowrap; }
.oldlink
	{ color : GrayText ; 
	  /* CSS3 color : VisitedHyperlink ; */ 
	  text-decoration : underline ; }
.lowerAlpha
	{ list-style-type : lower-alpha ; }

/* ...... randomyv ........ */ /* ..... radiomafia ...... */

p#rm
	{	min-height : 70px ;
		padding : 3px ; 
		border : 1px dashed blue ; }

p#rm img 
	{ padding-left : 10px ; 
		padding-rigth : 10px ; }
p#rm a.veto
	{ text-decoration : none ;
		color : #000000 ; 
		vertical-align : middle ; }


p#yv	
{	background-color : #fca70c ;
	color : #000000 ; 
	background-image : url("/kuvat/yvtaustakuva.jpg") ; 
	background-position : bottom left ; 
	background-repeat : no-repeat ; 
	padding : 2px 2px 12px 112px ; 
	font-size : 0.9em ; }
p#yv em
	{ font-weight : bold ; 
	  font-style : normal ; 
	  font-size : 1em ; } 

/* ........ ERITYISESTI TIETYILLE SIVUILLE RÄÄTÄLÖIDYT TYYLIT ........ */

/* ...... nettiindex ....... */

#nettiindeksiboksi
{ display:block;
  width:13em;
  border:1px solid #000000;
  padding:0.5em;
  margin:0em 0em 1em 1em;
  max-width:50% ; }

/* ........ end nettiindeksi ........ */
/* ........ operaindex .......... */

dl#oindex dt
	{ margin-top : 1em ; }

/* ........ end operaindex ........ */
/* ....... operavukk ...... */

div#keto
	{ border : 3px outset #333333 ; }
li > p[id] 
	{	font-weight : bolder ;
		position : relative ;
		left : -1em; }
span.hl {
	border-bottom : 2px dotted #ff0000 ; }
ol#ofaq li
	{ margin : 0.2em 0 ; }
li.vukkvika 
  { padding-bottom : 0.7em ; 
	  border-bottom : 2px groove #555555 ; }
	  
.ui {
  background-color: ThreeDFace;
  color: MenuText;
  padding: 0px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font: menu;
  text-align: left;
  white-space: nowrap;
}

.mainmenu {
  font: menu;
  color: MenuText;
  background-color: ThreeDFace;
  padding: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.prefs {
	background-color: ThreeDFace;
	color: WindowText;
	font-family: "MS Sans Serif", sans-serif;
	font-size: 12px;
	border-top: 2px solid ThreeDLightShadow;
	border-right: 2px solid ThreeDShadow;
	border-bottom: 2px solid ThreeDShadow;
	border-left: 2px solid ThreeDLightShadow;
	min-width: 500px;
}
.prefs *
	{ background-color: ThreeDFace;
	  color: WindowText;
	  font-family: "MS Sans Serif", sans-serif;
	  font-size: 12px; }
.groupbox {
	font-family: "MS Sans Serif", sans-serif;
	border: 2px groove ThreeDFace;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-top: 0px;
	padding: 6px;
}
.groupbox td, groupbox th 
	{ color: WindowText; 
	  border : none ; }
.grouptitle {
	font-family: "MS Sans Serif", sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 10px;
}

/* ...... end operavukk ....... */
/* ...... euronapit ....... */

code.block
	{ display : block ;
		white-space : pre ; 
		font-family : monospace ; }
#mainbuttonbar th
	{ white-space : pre ; 
		font-family : monospace ; }
#mainbuttonbar td
	{ vertical-align : top ; }


/* ...... end euronapit ....... */
/* ........ cv ........ */

h2.cv
	{ margin : 0 0 0 2% ;
	  font-size : 1.15em ; 
	  background-color : #c0c0c0 ;
	  color : #000000 ; 
	  padding : 2px ; }
h3.cv
	{ margin : 0 0 0 15% ; 
	  font-size : 1em ; }
div.cv
 	{ margin : 0 0 1.5em 30% ; }	

/* ..... end cv ......... */
/* ..... pikaopas samuliin ....... */

table#pos2
	{ border-collapse : collapse ; }
table#pos2 td
	{ background-color : #009900 ;
	  color : #000000 ; 
	  border : 1px solid white ; 
	  padding : 4px ; 
	  text-align : left ; 
	  vertical-align : top ; }
table#pos2 td.vasen
	{ text-align : right ;
	  font-weight : bold ; }
table#pos2 a
	{ color : #000000 ; }

/* ...... end pikaopassamuliin ....... */
/* ...... opinnot ...... */

table#opinnot td h3
	{ padding-top : 0.8em ; 
	  padding-bottom : 0 ; 
	  text-align : center ; }

/* ......... end opinnot ...... */
/* ....... ekk ....... */

p.kysymys {
font-weight : bolder ;
font-family : sans-serif ;
}
p.vastaus {
margin-left : 3em ; }

/* ....... end ekk ...... */
/* ....... reseptit ...... */

div.resepti
	{ border-bottom : 2px dashed #ff0000 ; }
h2.harmaa
	{ background-color : #c0c0c0 ; 
	  color : #000000 ;
	  padding : 2px ; }
div.resepti h4
	{ font-size : 1em ; }
div.resepti li.h
	{ list-style-type : none ; }
div.resepti ul.sis
	{ margin-left : 0 ;
	  padding-left : 0 ; }

/* ....... end reseptit ....... */

/* ..... suunnittelijoille kenkää */
#kuvakaappaukset
	{ border-collapse : collapse ; 
	  border-spacing : 0 ; }
#kuvakaappaukset td
	{ border : 1px solid #000000 ;
	  padding : 5px ; 
	  background-color : #c0c0c0 ;
	  color : #000000 ; }
#kuvakaappaukset caption
	{ font-size : larger ; 
	  font-family : sans-serif ; }
/* ...... end suunnittelijoille kenkää .... */

/* --- YLEISET --- */
body {
	margin: 0;
	padding: 8px;
	padding-top: 0.5em;
	font-family: arial, sans-serif;
}

/* --- PYSYVÄT LISTAELEMENTIT --- */
dl {
	margin-top: 0;
	padding-top: 0;
	padding-right: 0;
	line-height: 1.35;
	display:block;
}
dt {
	margin: 0.2em auto 0.2em 0;
	padding: 0;
}

/* --- STAATTISET LISTAEFEKTIT --- */
.static dd {
	position: static;
	top: 0px;
	display:block;
}

/* --- DYNAAMISET LISTAEFEKTIT --- */
dl.dynamic {
	width:400px;
}
dl.dynamic dt {
	line-height:1.35;
}
dl.dynamic dd {
	position:absolute;
	left:408px;
	width:250px;
	display:none;
	margin:0 0 0 8px;
	padding:0 4px 0 4px;
		/* end block rules */
	border: 2px dashed #3c86c7;
	font-size: 90%;
}
dt img {
	vertical-align: middle ;
}
/* dl.dynamic dt a {
	text-decoration: none ;
}
dl.dynamic dt a:first-line {
	text-decoration: underline !important;
} ei toimi */

 
/* ........ @print ......... */

@media print 
{
h1, h2, h3, h4, h5, h6
	{ page-break-after: avoid; page-break-inside: avoid }
*
	{ font-family : "times new roman", serif ; 
		color : #000000 !important ;
		background-color : #ffffff !important ; }
img, p#yv, hr#clear, form, div#sijainti
	{ display : none ; }
table
	{ border-collapse : collapse !important ; }
td,th
	{ border : 1.5pt solid #000 !important ; padding : 3px !important ; }
}

@media aural {

h1, h2, h3, h4, h5, h6
	{ voice-family: paul, male; stress: 20; richness: 90 }
h1 { pitch: x-low; pitch-range: 90 }
h2 { pitch: x-low; pitch-range: 80 }
h3 { pitch: low; pitch-range: 70 }
h4 { pitch: medium; pitch-range: 60 }
h5 { pitch: medium; pitch-range: 50 }
h6 { pitch: medium; pitch-range: 40 }
li, dt, dd
	{ pitch: medium; richness: 60 }
dt { stress: 80 }
pre, code, tt
	{ pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
em	{ pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
strong
	{ pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
dfn
	{ pitch: high; pitch-range: 60; stress: 60 }
s, strike
	{ richness: 0 }
a:link
	{ voice-family: harry, male }
a:visited
	{ voice-family: betty, female }
a:active
	{ voice-family: betty, female; pitch-range: 80; pitch: x-high }
}