@media screen {
	
body {
background-color:#DAF3FD;
color:#000;
margin-left:4%;
margin-right:2%;
font-family:"Trebuchet MS",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
color:#3F41FF;
font-family:Tahoma,sans-serif;
font-style:italic;
}

h1 {
font-size:1.4em;
padding:.3em 1em;
border-right: 2px inset #4682b4;
}

h2 {
font-size:1.3em;
margin-bottom:.25em;
border-left:dotted 1px #4682b4;
border-bottom:dotted 1px #4682b4;
padding:3px 2em;
}

h3 {
font-size:1.2em;
margin-bottom:.25em;
border-left:dotted 1px #4682b4;
padding:3px 2em;
}

h4 {
font-size:1.1em;
margin-bottom:.25em;
border-left:dotted 1px #4682b4;
padding:3px 1.5em;
}

h5 {
font-size:1em;
margin-bottom:.25em;
border-left:dotted 1px #4682b4;
padding:3px 1em;
}

h6 {
font-size:1em;
font-variant:small-caps; 
margin-bottom:.25em;
border-left:dotted 1px #4682b4;
padding:3px 1em;
}

.all {
margin-top:1.5em;
margin-bottom:1.5em;
text-align:center;
}

.yll {
margin-top:1.5em;
margin-bottom:1.5em;
text-align:right;
}

.warn {
border:dotted 2px #BD2900;
margin:1em 15%;
padding:4px;
color:#702B00;
background-color:#fff;
text-align:center;
}

.warn:hover {
border:dashed 2px #c00;
}

pre {
background-color:#fff;
padding:1em;
font-family:"Courier New","Lucida Console", monospace;
border-left:5px double #D1DBDF;
width:90%;
margin-left:auto;
margin-right:auto;
}

html:lang(fi) pre {
overflow:auto;
max-height:20em;
}

td {
font-size:11pt;
   }

th,caption {
font-weight:bold;
}

img {
border:0px;
}

.sample {
border:1px dotted #000;
padding:1em;
margin:2em 4em; 
background:none #DFFDFF;  
overflow:auto;
}

}

@media print {

h1,h2,h3,h4,h5,h6 {
page-break-inside:avoid;
page-break-after:avoid;
}

table,tr,td,pre,blockquote,ol,ul,p {
page-break-inside:avoid;
}

}