.video {
  float: left;
/*	position: fixed;
	right: 6%;
	bottom: 0; */
	width: 25%;
	border: 1px solid black;
	padding-left: 0em;
	padding-right: 0em;
	margin-right: 0em;
	margin-right: 3em;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: -1em;
  	font-size: smaller;
	z-index: 1;
	background: white none;
}

.video .url {
	font-size: 1.1em;
}

.video h2, .video ul, .video p {
	font-size: 1em;
	margin: 0;
	margin-left: 0.5em;
	padding: 0;
}

.video ul {
	margin-left: 1.5em;

}

table tr.parillinen {
  background-color: #eeeeee;
}


.next {
	float: right;
	margin-top: 1.8em;
	margin-right: 2em;
	display: block;
	width: 48%;
	text-align: right;
}

.prev {
	float: left;
	margin-top: 1.8em;
	display: block;	
	width: 48%;
	text-align: left;
}

.main > .prev {
	margin-left: -2em;

}

.main > .next {
	margin-right: -5%;

}


.prev a:hover, .next a:hover {

	display: block;
}



div.logo {
	z-index: 20;
  float: right;
	position: fixed;
	right: 34px;
	top: 0px;
  margin-right: -34px;

}


.hidden {
	display: none;
}


.etusivu {
 	font-size:1.2em; 	
	text-align: center;
	font-family: Georgia, "Century Schoolbook", "Times New Roman", serif;
}

.apu {
  color: #000044;
 	font-size: 0.9em; 	
	font-family: Tahoma, Arial, sans-serif;
}

.suur {
	font-size: 1.1em;
	font-family: Georgia, "Century Schoolbook", "Times New Roman", serif;
}

.viiva {
			 border-top: 1px solid;
			 margin-top: 0.5em;
			 margin-bottom: 0.5em;
}

.navots {
	font-size: 1.3em;
}
.shortcut {
	font-family: "Trebuchet MS", Verdana, Arial, "Andale Mono", sans-serif ;
	font-weight: bold;
  margin-left: 4em;
}  

.url {
 font-family: "Courier New", Courier, Monaco, monospace ;
 font-weight: bold;
}

.purl {
  font-family: "Courier New", Courier, Monaco, monospace ;

	margin-left: 5%;
	margin-right: 5%;
	width: auto;

  padding-top:0.5em;
  padding-bottom:0.5em;
  text-align: center;
  border: 1px solid #999999;
  background: #FAF4E1 none;
  color: black;
}

.ilmoitus {
  color: #CC3333;
  background: transparent none;
}

.aihe {
  margin: 2em;
	width: auto;
  padding-top:0.5em;
  padding-bottom:0.5em;
  text-align: left;
  border: 1px solid #999999;
  
}
.email {
 font-family: "Courier New", Courier, Monaco, monospace ;
 font-weight: bold;
}


code, samp, kbd, var {
 font-family: "Courier New", Courier, Monaco, monospace ;
}

.pictright {
	float: right;
	clear: both;
  width: auto;
  text-align: center;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  margin-right: 1em;
  margin-left: 2em;
}

.pictcenter {
	clear: both;
  width: auto;
  text-align: center;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  margin-right: 1em;
  margin-left: 2em;
}

.pictleft p.caption {
  font-size: 0.8em;
  text-align: center;
}
.pictright p.caption {
  font-size: 0.8em;
  text-align: center;
}

.pictcenter p.caption {
  font-size: 0.8em;
  text-align: center;
}

pre {
 white-space: pre;
 margin-left: 1em;
 border: 1px solid;
 padding: 1em;
 width: 95%;
}

pre.small {
 white-space: pre;
 margin-left: 1em;
 border: 1px solid;
 padding: 1em;
 font-size: smaller;
}

li p { 
	margin-left:0;
}


fieldset {
  border: 1px solid black;
  padding: 0.5em 0.5em 0.5em 0.5em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	margin-left: 1em;
}

fieldset fieldset {
	border: thin dotted silver;
}


legend {
  font-size: 1em;
  font-weight: bolder;
}


label {
  font-size: 1.0em;
  font-weight: bolder;
  display: inline;
}

fieldset fieldset label {
 font-weight: normal;
}


form > .tasa {
	width: 33%;
	float: left;
	clear: both;
}

form > fieldset > .tasa {
	width: 33%;
	float: left;
	clear: both;
}


dt {
	font-weight: bolder;
	display: compact;
	margin-top: 0.5em;
}

dd {
	 margin-left: 3em;
}

table.border {
						 border: 1px solid;
}
td.border {
						 border: 1px solid;
}

table {
	border-right : 4px solid black;
  border-bottom: 4px solid black;
  border-top: 2px solid #EAE4D1;
  border-left: 2px solid #EAE4D1;
	color: black;
	background: transparent none;
  empty-cells: show;
	border-spacing: 0.4em;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 1em;
}

table.tiivis {
   border-spacing: 0px;
  empty-cells: show;
}


table.aikataulu {
  margin: 1em;
}

td {
     padding: 0.4em;
     border-right: 2px solid #666666;
		 border-bottom: 2px solid #666666;
		 border-top: 1px solid #999999;
		 border-left: 1px solid #999999;
}

table.tiivis td {
	padding: 1px;
	border-left: 1px solid black;
  border-right: 0;
	border-top: 1px solid black;
	border-bottom: 0;
}
table.tiivis td pre {
	border: 0;
	margin: 0;
	padding: 0;
}




th {
  background: #FFCC99 none;
  color: black;
  font-weight: bold;
  text-align: center;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  padding: 0.4em;
}


 
td.korjaus {
        background: #FF3333 none;
        color: black;        
        text-align: center;
}

td.luento {
        color: black;
        background: #FF9900 none;        
        text-align: center; 
}
 
        
td.demot {
        color: black;
        text-align: center;
			  background: transparent none;
}


html {
   margin: 0;
   background: #FFC653 none;
   padding: 0;
}

body {
   font-family: Verdana, "Trebuchet MS", Arial, "Andale Mono", sans-serif ; 
   margin-left: 0;
   margin-right: 64px;
   margin-top: 0em;
   margin-bottom: 0;
   color: #000000;  
   background: #FFAD00 none; 
   background: #FFC653 none;
   padding-right: 0;
   padding-left: 0;
   padding-top: 0;
   padding-bottom: 0;
   line-height: 1.5em; 
}

input {
	line-height: 1em;
	font-family: "Courier New", Prestige, monospace;
}

body.doc {
   margin-top: 0;	

}

div.main {
   padding-top: 1em;
   background: white none; 
	 padding-left: 2em;
	 z-index: 10;
 	 padding-bottom: 7em;
	 padding-right: 7.5%;
}


p {
	margin-left: 2%;
	margin-top: 0em;
	margin-bottom: 1em; 
	margin-right: 2%;
}

/* PHE: Kokeilen ilman tätä
p:first-line {
	margin-left: 2em;	
}*/

address {
	margin-left: 2%;
	margin-top: 0em;
	margin-bottom: 1em; 
	margin-right: 2%;
}



table p:first-line {
  margin-left: 0em;
}

.oikea ul {
	 margin-top: 0.5em;
	 margin-bottom: 1em;
	 margin-left: 1em;
	 padding: 0;
}

.oikea li {
			 margin-top: 0em;
			 margin-bottom: 0em;
			 margin-left: 0em;
}




h1 {
  padding-top: 1.5em;
	color:  #D29E53;
  background: transparent none;
	text-align: center;
  border-bottom: 3px solid #FF9900;
  border-bottom: 0;
  padding-bottom: 0.3em;
  line-height: 1.2em;
}


h2 {
	text-align: left;
	color:  #D29E53;
	background: transparent none;
	padding: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px dotted #FF9900;
  border-bottom: 0;
        margin-left: 0;
        margin-right: 0;
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding-top: 1.5em;
	clear: left;
}

h3 {
  color:  #BC6E00;
 	background: transparent none;
	padding-top: 1.5em;
	padding-bottom: 0;
	padding-right: 0;
  padding-left: 1em;
  width: auto;
	margin-top: 0em;
	margin-bottom: 0.5em;
  margin-left: 0em;
	margin-right: 1em;
}

 
h4 {
/*  color:  #000000;
  background: #FAF4E1 none;*/	 
  color:  #BC6E00;
 	background: transparent none;
  padding-left: 1em;
}

h5 {
  color:  #000000;
  background: #FAF4E1 none;
  padding-left: 1em;
}


.navbartop {
  position: fixed; 
  color:  #666666;
  background: transparent none;
  font-weight: bolder;
  font-size: smaller;
  margin-right: -10%;
  margin-top: 85px;
  padding-top: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0em;
  text-align: left;
  left: auto;
  top: 0;
  right: 10%;
  width: 14%;
  min-width: 70px;
  height: auto;
  float: right;		
}

.doc .navbartop {
	position: fixed;
	top: 0;
	left: 0;
	margin-top: 0;
	width: 100%;
}





.breadcrumb {
  position: fixed; 
  color:  white;
  background: transparent none;
  border: 0;
  font-weight: bold;
  font-size: smaller;
  margin: 0;
  padding-top: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0em;
  text-align: left;
  top: 0;
  left: 0%;
  width: 100%;
  height: 23px;
  float: left;
  z-index: 1;
  background: white none;
  background: #FFC653 none;
  background: #D69C52 none;
  vertical-align: top;
}

.breadcrumb img, .logo img {
	margin: 0;
	padding: 0;
	border: 0;
  float: left;
}



.navbartop ul, .breadcrumb ul {
  padding: 0;
	margin: 0;
}

.navbartop ul li {
	list-style-type: disc;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-top: 0;	
	padding-bottom: 0;
	margin: 0;
  display: block;
  border: 0;
  margin-top: 2px;	
  background-color: transparent;

}



.navbartop h2 {
  background: #CE9C52 none;
  color:  white;
  text-align: left;
	font-size: 1.2em;
	margin: 0em;
  margin-top: 4px;
  margin-left: 4px;
	margin-right: 4px;
	padding: 0em;
	padding-left: 0.5em;
	border-top: 0px solid #CCCC99;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid #CCCC99;
}

.breadcrumb li {
	list-style-type: none;
	display: inline;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-left: 1px solid black;
}

.breadcrumb li:first-child {
	border: 0;
  padding-left: 0;
	margin: 0;
}


.left {
			float: left;
			margin: 1em;
}

.center {
				text-align: center;
}

.right {
			float: right;
			margin: 1em;
}

.vasen {
			float: left;
			border: 1px solid #CCCC99;
			padding-left: 1em;
			padding-right: 1em;
			padding-top: 0.5em;
			margin-right: 1%; 
			width: 45%;
			background: #EEEECC none;
			color: black;
}

.teksti {
			margin-left: 1%;
			margin-right: 0%;
			padding-left: 1em;
	    padding-top: 0.5em;			
	    padding-bottom: 1em;			
}

.rightnotice {
	float: right;  
	border-top: 3px solid #CCCC99;
	border-left: 3px solid #CCCC99;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	margin-right: -6%; 
	margin-left: 2em;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	width: 20%;
	color:  #666666;
  background: #D29E53 none;
  font-weight: bold;
}

.oikea {
/*  display: none; PHE tarttee*/ 

	float: right;  
	border-top: 3px solid #CCCC99;
	border-left: 3px solid #CCCC99;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	margin-right: -6%; 
	margin-left: 2em;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	width: 20%;
	color:  #666666;
  background: #FFCC99 none;
  font-weight: bold;
}




h3.toc { /* Käytetään erilaisissa sisällysluettelomuotoiluissa */
  font-size:0.8em;

}

a {
 background: transparent none;
 color: #0044dd;
 padding: 3px;
}


.navbartop a {
 border: 0;
 color: #2055dd;
 padding-left: 0.5em;
 padding-right: 2px;
 padding-bottom: 1px;
 padding-top: 1px;
 text-decoration: none;
 display: block;
 margin: 0px;
 background-color: transparent;
 background-image: url(tausta.gif);  
}

a:link {
 color: #2055dd;
}

.breadcrumb a:link, .breadcrumb a:visited {
	text-decoration: none;
}

.navbartop a:link {
 color: #0055ff;
 color: #1040e0;
 background-color: transparent;
 background-image: url(/images/tausta.gif); 

}

a:visited {
 color: #993399;
 background: transparent none;
}

.navbartop a:visited {
 color: #993399;
 background-color: transparent;
 background-image: url(/images/tausta.gif); 
}

a:active {
 color: #990000;
 background: transparent none;
}

.navbartop a:hover {
 border: 0;
 color:   white;
 background: #CE9C52 none;
 text-decoration: none;
 padding-left: 0.5em;
 padding-right: 2px;
 padding-bottom: 1px;
 padding-top: 1px;

}

a:hover {
	 border-right: 1px solid black;
	 border-bottom: 1px solid black;
	 border-left: 1px solid #FAF4E1;
	 border-top: 1px solid #FAF4E1;
   padding: 2px;
	 color:    #666666;
   color: white;
   background: #FFCC99;
   background: #CE9C52 none;
   text-decoration: none;
}


.breadcrumb a.logo, .breadcrumb a.logo:link, .breadcrumb a.logo:hover, .logo a, .logo a:link, .logo a:hover {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
  background: transparent;
}


div.author {
	text-align:right;
	clear: both;
	margin-top: 1em;
	padding-top: 0.5em;
	font-size: smaller;
  background: transparent none;
  margin-right: 7.5%;
}

strong.vahva {
						 font-weight: 900;
						 letter-spacing: 0.1em;
						 border: 1px solid;
}

.clear {
	clear: both;
}

.alleviivaus {

   border-bottom: 1px solid;
}

caption {
	font-weight: bolder;
	font-size: 1.1em;
}

.wrong {
	background: yellow none;
  color: black;
	border: 2px solid red;
}



blockquote {
	font-style: italic;
}

input {
	vertical-align: bottom;
}

input[type="text"] {
  	line-height: 1.5em;
  	font-size: 1em;
 	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-family: "Courier New", Prestige, monospace;

}

input[type="checkbox"] {
  color: black;
  width: 1em;
	height: 1em;
  font-size: 1em;
}


input[type="radio"] {
  color: black;
  font-size: 2em;
  padding: 0.2em;
}

optgroup {
  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  font-weight: bolder;
  padding-left: 0;
}

input[type="submit"] {
  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  color: black;
  font-size: 1em;
  padding: 0.2em;
  font-weight: bold;
}


option {
  line-height: 1.4em;
  font-size: 1em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
  padding-left: 1.5em;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}

select {
	margin-left: 1em;
}

textarea {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  font-size: 1em;
  color: black;
	background-color: white;
  padding-left: 0.3em;
}


.oikea form {
	font-size: smaller;
	margin-left: -1em;
}


fieldset fieldset ul li {
	list-style-type: none;
}


.navbartop ul li.prev, .navbarbottom ul li.prev {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}

.navbartop ul li.next, .navbarbottom ul li.next {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}

.navbartop ul.toc, .navbarbottom ul.toc {
	width: 50%;
	min-width: 50%;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


@media projection {
body {  
        margin-top: 0;
        margin-left: 0em;
        margin-right: 0em;
	padding-right: 0.5em;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
        font-size: 200%;
}

p {
  line-height: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0em;
  margin-right: 0.5em;
}
ul, li {
  line-height: 1em;
  margin-top: 0.5em;
  margin-bottom: 0em;
  margin-left: 1em;
  margin-right: 0.5em;
}

h1,h2,h3 {
        page-break-before: always;
	margin-top: 0;
	padding-top: 0;
}

.navbartop, .navbarbottom, .author, .breadcrumb, .logo, .next, .prev {
        display: none;
}

pre {
	width: 90%;
	overflow: visible;

}


.page {
        page-break-before: always;
}

.right img {
	width: 100%;
}


.zoom {
	width: 100%;
	height: 100%;
}

}



@media print {

@page { 
	size auto; 
	margin: 2cm;
}
        
h1, h2, h3, h4, h5, h6    { 
	page-break-after: avoid; 
	page-break-inside: avoid; 
}
        
blockquote, pre           { 
	page-break-inside: avoid; 
	width: auto;
	margin-left: 1em;
	margin-right: 1em;
}
        
pre {
	font-size: smaller;

}

ul, ol    { 
	page-break-before: avoid; 
	width: auto;
	margin-right: 2em;
}

a:link, a:visited {
	color: black;
	text-decoration: underline;
}
        
html, body { 
	background: white none; 
	color: black; 
	padding: 0; 
	margin: 0; 
	border: 0; 
	width: 100%;
	font-size: 1em;
}

.navbar, .navbartop, .navbarbottom, .vasen, .oikea, .logo, .breadcrumb, 
.navright, .video, .next, .prev {
          display: none;
}
strong, em, samp, code {
	font-size: 1em;
}
  			
div.main {
    	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;				
}

}