/* CSS for the media type 'print' */
@page {size: 210mm 297mm; margin: 1.5cm 1.5cm 1.7cm 1.5cm;}

/* common for media types 'print', 'projection' and 'screen' */
/* common font styles */
var, dfn, cite, acronym {font-style:italic}
p:first-letter, #firstLetter
{font-weight:700;
font-size:120%;
vertical-align: baseline;
color: black !important;
font-style:normal !important}

/* other common to all media types */
q:before {quotes:"'" "'"; content:open-quote}
q:after {quotes:"'" "'"; content:open-quote}
.code q {font-family:monospace; font-style:normal; color:inherit}

ul.topics li, ol.topics li, em, .fn, span.b, .date, dt, acronym {font-weight:bold;}
.n{font-weight:normal}
.c, .date, div.on, .cNoPrint {text-align:center}
.i, dl, dd, dt {font-style:italic}
.sn {font-style:normal}
.r {text-align:right}
.l {text-align:left}

/* content properties for Mozilla and Opera*/
code:before {quotes:"'" "'"; content: open-quote}
kbd:before {quotes:"'" "'"; content: open-quote}
code:after {quotes:"'" "'"; content: open-quote}
kbd:after {quotes:"'" "'"; content: open-quote}

blockquote.cite:before {content: open-quote}
blockquote.cite:after {content: close-quote}

blockquote.cite code:before, blockquote.cite code:after, blockquote.code code:before, blockquote.code code:after, blockquote.code kbd:before, blockquote.code kbd:after, code kbd:before, code kbd:after, pre.code code:before, pre.code code:after, div.code code:before, div.code code:after {content:""; quotes:none}

address[class="sites"] a[target="new"]:before {content: "<" attr(href) "> ("; background-color:white; font-size:0.9em} /*in some situation generated 'href' attributes are useful - this work well in Opera 4.x+ and Mozilla Gecko browsers */
address[class="sites"] a[target="new"]:after {content: ")"; background-color:white; font-size:0.9em} 

a[class="Print"]:before {content: "<" attr(href) "> (";font-weight:normal; background-color:white; font-size:0.9em}
a[class="Print"]:after {content: ")"; background-color:white; font-size:0.9em} 

body[id="Links"] li a[target="new"]:before {content: "<" attr(href) "> (";font-weight:normal; font-size:0.9em}
body[id="Links"] li a[target="new"]:after {content: ")";font-weight:normal; font-size:0.9em}

a[class="eMail"]:before {content: "<" attr(href) "> ("; font-size:0.9em} a[class="eMail"]:after {content: ")"; font-size:0.9em} 

/* font and generic margin properties */

* {font-family:"Times New Roman",serif; font-size:13pt; color:black; background-image: url(.); orphans:3; widows:3}
.note, div.smaller, div.smaller blockquote, div.smaller blockquote.cite cite, div.smaller blockquote.cite cite * {font-size:11pt;}
p.note {margin-left:1.0cm}
div.note {margin-left:1.5cm}
p.note *, div.note * {font-size:1.0em}
div.smaller blockquote.cite {margin-left:0.8cm}
.red, .green {font-weight:bold; font-size:110%}
code, kbd {font-family:monospace}

hr {margin-left:0; text-align:left;}

/* special 'BLOCKQUOTE', 'ADDRESS', 'DIV' & 'PRE' elements */
blockquote, div.code, pre.code, blockquote.code, div.bNotes, .connect, div.bRec,.connectRec  {padding:2mm}
blockquote, div.code, pre.code, blockquote.code  {border:1pt solid black;}
.sites,blockquote, blockquote.cite, pre.code, blockquote.code, div.code, div.bNotes,div.bRec,.connectRec, .connect {margin-left:1.4cm; margin-right:2%}
.connect ol,.connectRec ol {margin-top:0; margin-bottom:0}
div.bNotes p, div.connect p,div.bRec p, .connectRec p {margin-top:0; margin-bottom:0}
div.bNotes li, div.connect li,div.bRec li, div.connectRec li {margin-top: 0.5em; margin-bottom: 0}
div.bNotes ul, div.connect ul,div.bRec ul, div.connectRec ul {margin-top:0.5em; margin-bottom:0.5em}

div.bNotes:before {display:block; content:"**************************"; text-align:center}
div.bNotes:after {display:block; content:"**************************"; text-align:center}
div.bRec:before {display:block;  content:"~~~~~~~~~~~~~~~~~~~~~~~~~~"; text-align:center}
div.bRec:after {display:block; content:"~~~~~~~~~~~~~~~~~~~~~~~~~~"; text-align:center}
.connect:before {display:block; content:"**************************"; text-align:center}
.connect:after {display:block; content:"**************************"; text-align:center}
.connectRec:before {display:block; content:"~~~~~~~~~~~~~~~~~~~~~~~~~~"; text-align:center}
.connectRec:after {display:block; content:"~~~~~~~~~~~~~~~~~~~~~~~~~~"; text-align:center}

div.code pre.code, div.code blockquote {border-width:0}
.sites, blockquote.cite {border-width: 2pt 0 0 2pt; padding:2mm 0 0 2mm}
.sites {border-style: solid; border-color: black;}
blockquote.cite {border-style:hidden;}
blockquote.code blockquote {border-width:0; margin:0.2cm 0 0.2cm 1.0cm}

/*links */
a, a:link, a:visited, a:active {text-decoration:none}

address a[target="new"], .sites a[target="new"] {background-color:white}

/* heading elements */
h1, h2 {border-width:2pt; text-align:center}
h1, h2, h3, h4 {font-weight:bold}
h1 *,h2 *,h3 *,h4 *{font-size:1.0em}
h1 {font-size:21pt}
h2 {font-size:19pt}
h3 {font-size:17pt}
h4 {font-size:15pt}

/* special tables */
table.text {border:1pt solid black; margin-left:auto; margin-right:auto}
table.text td, table.text th {border:1pt solid black}

/* lists */
ul li
{list-style-type: circle;
list-style-image: url(.);
list-style-position: outside;}

ul li ul li
{list-style-type: disc;
list-style-image: url(.);
list-style-position: inside;}

ul li ul li ul li
{list-style-type: circle;
list-style-image: url(.);
list-style-position: inside;}

/* page break properties */
table, td, th, .code, blockquote, pre, address, .connect, div.bRec, div.connectRec, div.bNotes, .connect li, div.sites {page-break-inside:avoid}

h3,.Break {page-break-before:always}
h3#Topics, h3#Aiheet, .noBreak {page-break-before:auto}
.breakAfter {page-break-after:always;}
.avoidBefore {page-break-before:avoid}
.avoidAfter {page-break-after:avoid}
/* hide elements, which are not rendered only in the media type print */
object, .noPrint, .sitesNoPrint,.cNoPrint, #PrintPage, div.BottomAdvAll, #projectionInst, .Old, .OldInfo, .noSreen, #shortcutMenu, #dynamicMenus, #menuHeaderet, #topImage, .pageTable .goTo, .pageTable #openSubMenuSpan, .pageTable .noSM, .pageTable #Pages, .pageTable #PagesEn, .pageTable .rightFilling, div.section, h4.noFull,#topMenu, div.next, #bottomDoc, #topDoc,div#testi, #selectNaviType,.pageForm,#dynamicMenusMainMenu {display:none !important}
.onlyPrint {display:block}

/* special in page map pages */
.pageTable #tableAllPages, .pageTable .sMenuL1 td, .pageTable .sMenuL1 a {width:auto !important; margin:auto}
.pageTable a, .pageTable span {font-size:11pt}
.pageTable #dynamicMenus {display:block !important}
#dynamicMenus img {border-width:0 !important}
.pageTable td {vertical-align:top}
.pageTable td img {margin:3pt 1pt 0 0}
.pageTable .container {padding: 5pt 1px 5pt 1pt;}
.pageTable .container, .pageTable span#menuHeader {margin:1pt; font-weight:bold; border:1pt solid black; display:block}