HTML { font-size: 100%; margin: 0; padding: 0; }
BODY { margin: 0; padding: 0; background-color: #e7e7de; font: 0.9em/130% Arial, Helvetica, sans-serif; font-size: 17px; color: #000; }

A { color: #0063d3; }
A IMG { border: 0; }
H1 { font-size: 32px; font-weight: normal; line-height: 110%; border-bottom: 1px solid #cacac4; margin: 0; padding: 8px 0 6px 0; }
H1.main { float: left; width: 731px; }
H1.full { padding-left: 20px; }
UL { line-height: 160%; margin: 0; padding: 0 0 10px 15px; }
LABEL { display: block; margin-bottom: 5px; }
TD { padding: 2px; vertical-align: top; }

H2 { font-size: 1.5em; margin: 0; padding: 1em 0 0em 0; }
H3 { font-size: 1.2em; margin: 0; padding: 1em 0 0em 0; }
H3 A { text-decoration: none; }
H3 A:hover { text-decoration: underline; }
H4 { color: #00792f; font-size: 0.9em; font-weight: normal; margin: 0; padding: 0 0 5px 0; line-height: 100%; }
.column.main H4 { font-size: 1.0em; padding: 10px 0 0 0; font-weight: bold; }

#page { background-color: #FFF; border: 1px solid #cacac4; width: 970px; margin: 10px auto; padding: 0 10px 10px 10px; position: relative; }
#header { background: transparent url("../../../files/images/header_ornament.gif") no-repeat 200px 0; height: 145px; margin-bottom: 32px; font-size: 0.8em; }
#logo { display: block; /*text-indent: -1000px; background: transparent url("../../../files/interface_images/valvira_logo.gif") no-repeat 0 0; width: 228px; height: 68px;*/ float: left; margin: 28px 0 0 6px; /* left: 16px; top: 28px; overflow: hidden; margin: 0;*/ overflow: hidden; padding: 0; border: none; }

.additionalnavi { float: right; font-size: 0.9em; padding: 12px 0; }
.additionalnavi #search { float: left; width: 220px; padding-top: 8px; }

.additionalnavi UL { margin: 0; padding: 10px; border-right: 1px solid #e4e4e1; list-style: none; float: left; height: 60px; }
.additionalnavi UL LI { padding: 0; margin: 0; line-height: 170%; }
.additionalnavi #zoom { float: left; width: 38px; padding-left: 10px; }

#navi { list-style: none; background: transparent url("../../../files/interface_images/navi_bg.gif") no-repeat 50% 100%; height: 38px; clear: both; margin: 0; padding: 0; }
#navi LI { display: block; float: left; background: transparent url("../../../files/interface_images/navi_tab_left.gif") no-repeat 0% 3px; }
#navi LI A { display: block; text-align: center; width: 160px;  background: transparent url("../../../files/interface_images/navi_tab_right.gif") no-repeat 100% 3px; color: #FFF; font-weight: bold; text-decoration: none; padding: 16px 0 10px 0; font-size: 0.9em; line-height: 12px; }
#navi LI.selected { background: transparent url("../../../files/interface_images/navi_tab_left_selected.gif") no-repeat 0% 0; }
#navi LI.selected A { color: #0077d3; background: transparent url("../../../files/interface_images/navi_tab_right_selected.gif") no-repeat 100% 0; }

#navi LI#home { background: transparent url("../../../files/interface_images/navi_home.gif") no-repeat 0 15px; margin: 0 10px 0 20px; }
#navi LI#home A { background: none; color: #00a841; width: 55px; text-align: left; padding-left: 20px; }

#navi LI#home.selected { background: transparent url("../../../files/interface_images/navi_home_selected.gif") no-repeat 0 15px; }
#navi LI#home.selected A { background: none; color: #0077d3; }

#content { clear: both; font-size: 0.75em; padding-bottom: 20px; }

/* Nosto */
.nosto { background: transparent url("../../../files/interface_images/nosto_bg.gif") no-repeat 50% 100%; position: relative; margin-bottom: 20px; }
.nosto H1 { margin: 0; padding: 0; color: #00a841; font-weight: bold; border: none; line-height: 100%; }
.nosto P { color: #003d14; font-size: 1.3em; }


.column { float: left; margin: 0; padding: 0; position: relative; }
.first { margin-left: 0 !important; clear: left; }
.two { width: 47.4%; margin-left: 2.5%; }
DIV.subnavi { width: 210px; margin-right: 29px; position: static; }
DIV.main { width: 500px; margin-right: 20px; }
DIV.full { padding-left: 22px; width: 719px; }
DIV.additional { width: 211px; margin-left: 0px; padding-top: 11px; }

.clear { clear: both; }

A.go, .go A, A.external, .external A, A.law, .law A { display: block; background: transparent url("../../../files/interface_images/link_arrow.gif") no-repeat 0 50%; padding-left: 15px; }
LI.go { list-style-image: url("../../../files/interface_images/link_arrow.gif"); }
LI.go A, LI.external A, LI.law A { background: none !important; padding: 0; display: inline; }

A.external, .external A { background-image: url("../../../files/interface_images/link_external_linklist.gif"); }
LI.external { list-style-image: url("../../../files/interface_images/link_external.gif"); }

A.law, .law A { background-image: url("../../../files/interface_images/link_external_law.gif"); padding-left: 17px; }
LI.law { list-style-image: url("../../../files/interface_images/link_law.gif"); }

A.download { display: block; padding-left: 22px; background: transparent url("/onboard/datamodels/attachment/icon.png") no-repeat 0 2px; } 

.linklist { background-color: #dcf4e1; border: 1px solid #7fd6a1; margin-bottom: 10px; padding: 10px 10px 0 10px; }

.linklist.go A, .linklist A.go { background-image: url("../../../files/interface_images/link_arrow_linklist.gif"); }
.linklist.external A, .linklist A.external { background-image: url("../../../files/interface_images/link_external_linklist.gif"); }
.linklist.law A, .linklist A.law { background-image: url("../../../files/interface_images/link_law_linklist.gif"); }
.linklist.go UL, .linklist.external UL, .linklist.law UL { list-style: none; padding-left: 0; margin-left: 0; }
.linklist LI.go { list-style-image: url("../../../files/interface_images/link_arrow_linklist.gif"); }
.linklist LI.external { list-style-image: url("../../../files/interface_images/link_external_linklist.gif"); }
.linklist LI.law { list-style-image: url("../../../files/interface_images/link_law_linklist.gif"); }

.topiclist { border-bottom: 1px solid #cacac4; list-style: none; padding: 0; margin-bottom: 10px; }
.topiclist LI { border-top: 1px solid #cacac4; padding: 5px 0; }
.topiclist LI.selected { font-weight: bold; }
.topiclist LI H3 { margin: 0; padding: 0; }

DIV.topiclist { padding-bottom: 10px; }
DIV.topiclist IMG { float: left; margin: -3px 5px 0 0; }
DIV.topiclist H3 { margin-bottom: 0; padding-bottom: 2px;}
DIV.topiclist P { margin: 0; padding: 0;}

A.flag { display: block; background: transparent no-repeat 0 5px; padding-left: 20px; }
A.england { background-image: url("../../../files/interface_images/flag_england.gif"); }
A.sweden { background-image: url("../../../files/interface_images/flag_sweden.gif"); }
A.finland { background-image: url("../../../files/interface_images/flag_finland.gif"); }
.date { font-size: 0.9em; line-height: 100%; }

#breadcrumbtrail A { padding: 0 5px; }

.subnavi { padding-top: 25px; background: transparent url("../../../files/interface_images/subnavi_top.gif") no-repeat 100% 0; } 
.subnavi A { text-decoration: none; padding-left: 10px; background: transparent url("../../../files/interface_images/subnavi_arrow.gif") no-repeat 0 7px; display: block; }
.subnavi A:hover { text-decoration: underline; }
.subnavi UL { padding: 0 0 29px 0; background: transparent url("../../../files/interface_images/subnavi_bottom.gif") no-repeat 100% 100%; margin: 0; list-style: none; } 
.subnavi UL UL { padding-bottom: 0; background: none; margin-bottom: -1px; border-top: 1px solid #94bb9c;  }
.subnavi UL LI { background: transparent url("../../../files/interface_images/subnavi_bg.gif") repeat-y 100% 100%; border-bottom: 1px solid #dcdcdc; }
.subnavi UL LI A { padding: 4px 0 4px 10px;  font-size: 1.1em; }
.subnavi UL UL LI { background-color: #dcf4e1; background-image: url("../../../files/interface_images/subnavi_sub_bg.gif"); border-color: #bed9c4; }
.subnavi UL UL LI A { margin: 0 10px 0 12px; padding: 2px 0 2px 10px;  background-image: url("../../../files/interface_images/subnavi_sub_dot.gif") !important; background-position: 0 10px;  font-size: 1em; }
.subnavi UL UL UL LI { background-color: #bee9c7;  background-image: url("../../../files/interface_images/subnavi_sub_sub_bg.gif"); border-color: #a1cba9; }
.subnavi UL UL UL LI A { margin-left: 24px; font-size: 0.95em; }
.subnavi UL UL UL UL LI A { margin-left: 36px; }

.subnavi LI.selected A { font-weight: bold; color: #009038; background-image: url("../../../files/interface_images/subnavi_arrow_selected.gif"); }
.subnavi LI.selected LI A { font-weight: normal !important; color: #0063d3 !important; }
.subnavi LI.selected { background: #FFF url("../../../files/interface_images/subnavi_selected.gif") no-repeat 100% -35px; border-color: #b9b9b7; }
.subnavi UL UL LI.selected { background: #dcf4e1 url("../../../files/interface_images/subnavi_sub_selected.gif") no-repeat 100% -39px; border-color: #94bb9c; }
.subnavi UL UL LI.selected A { font-weight: bold; color: #009038; background-image: url("../../../files/interface_images/subnavi_sub_dot_selected.gif"); }
.subnavi UL UL UL LI.selected { background: #bee9c7 url("../../../files/interface_images/subnavi_sub_sub_selected.gif") no-repeat 100% -39px; }

.subnavi LI.open A { font-weight: bold; }
.subnavi LI.open LI A { font-weight: normal; }
.subnavi LI.open { border-color: #b9b9b7; }
.subnavi UL UL LI.open { border-color: #94bb9c; }

.index { border-bottom: 1px solid #cacac4; margin-bottom: 10px; padding: 10px 0 0 100px; }
.index H4 { position:  absolute; left: 0; display: block; padding-top: 5px;}
.index UL UL, .index OL OL, .index OL UL { font-size: 0.9em; padding-bottom: 5px; }

#footer { font-size: 0.7em; width: 970px; margin: 10px auto; text-align: center; position: relative; color: #5e5e5e; }
#footer A { color: #337793; }
#footer UL { list-style: none; margin: 0; padding: 0; }
#footer UL LI { float: left; margin-right: 10px; }
#footer .additionalnavi { position: absolute; left: 0; top: 0; font-size: 1em; }
#footer .toolnavi { position: absolute; right: 0; top: 0; }
#footer .home { display: block; background: transparent url("../../../files/interface_images/footer_home.gif") no-repeat 0 2px; padding-left: 16px; margin-right: 15px; }
#footer .totop { display: block; background: transparent url("../../../files/interface_images/footer_totop.gif") no-repeat 100% 2px; padding-right: 12px; margin: 0; }

FORM.search { display: block; padding: 20px; background: transparent url("../../../files/interface_images/nosto_bg.gif") no-repeat 50% 100%; text-align: center; }
FORM.search H1 { display: inline; border: none; font-size: 18px; }
FORM.search INPUT.search { font-size: 14px; width: 300px; margin: 0 10px; }
H3.search { font-weight: normal; }
CITE A { color: green; text-decoration: none; font-style: normal; display: block; }

.trick { display: none; } /* CSS trick to prevent spam bots */