html {
background-color : transparent;
background: url(kuvat/bg_puu2.png) no-repeat top right;
}

body {
margin : 0 auto !important;
padding : 0;
min-height: 908px;
background-color : transparent;
background-image : url(kuvat/metsa_harmaa_puu.png);
background-repeat : no-repeat;
background-position : 0% 0pt;
font-family : Arial, sans-serif, monospace;
font-size: 80%;
color : #333;
}

#luonto_pidike {
margin : 0 auto !important ;
border : none;
text-align : left;
width : 930px;
height : 100%;
}
#luonto_pidike div.clear {
clear : both;
height : 1px;
font-size : 1px;
}
div.clear {
clear : both;
}
#luonto_breadcrumb {
padding : 0 0 0 230px;
margin : 0 0 0 0;
border-bottom : 1px solid #444141;
color : rgb(128, 128, 128);
}
#luonto_breadcrumb p {
line-height : 0;
}
#luonto_header {
background : url(kuvat/luonto_header.png) no-repeat top left;
padding : 0 0 0 0;
margin : 0 0 0 0;
width : 100%;
height : 63px;
}
#luonto_menu {
float : left;
background : url(kuvat/menu_bg.png) no-repeat bottom left;
background-position : top left;
background-color : transparent;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 14px;
margin-top : 15px;
margin-left : 0;
margin-bottom : 15px;
padding: 0px 6px 0px 7px;
width : 20%;
}
#luonto_menu * {
background-color : #f7f5f5;
}
#luonto_menu a {
text-decoration : none;
color : #333333;
}
#luonto_menu a:hover {
text-decoration : underline;
color : red;
}
.menublock-1, .menublock-selected-1 {
padding : 0 0 0 0;
color : #000000;
margin-left : 18px;
}
.menublock-1 a {
display : block;
}
.menublock-1 .menublock-2 {
display : none;
}
.menublock-2 .menublock-3 {
display : none;
}
.menublock-3 .menublock-4 {
display : none;
}
.menuitem-1 {
color : red;
padding : 2px 2px 2px 18px;
background : url(kuvat/nuoli.png) no-repeat;
background-position : 0% 55%;
}
.menuitem-selected-1 {
color : red;
padding : 2px 2px 2px 18px;
background : url(kuvat/nuoli_o.png) no-repeat;
background-position : 0% 55%;
}
.menuitem-2 {
padding : 2px 2px 2px 18px;
font-weight : normal;
background-color : #efefef;
}
.menuitem-selected-2 {
padding : 2px 2px 2px 18px;
color : #802d00;
font-weight : normal;
}
.menuitem-3 {
background-color : #dfecdb;
padding : 2px 6px 2px 22px;
line-height : 1em;
font-weight : normal;

}
.menuitem-selected-3 {
padding : 2px 6px 2px 22px;
color : #802d00;
font-weight : normal;
}
.menuitem-4 {
padding : 2px 6px 2px 25px;
font-weight : normal;
}
.menuitem-selected-4 {
padding : 2px 6px 2px 25px;
color : #802d00;
font-weight : normal;
}

#metsa {
float : left;
width : 20%;
background-color : transparent;
padding-top : 15px;
}

#luonto_tekstipidike {
float : right;
width : 75%;
background-color : transparent;
padding-top : 15px;
}
#luonto_bannerit {
width : 100%;
float : left;
margin-bottom : 20px;
}
#luonto_leipa {
float : left;
border : none;
width : 66%;
padding-right : 15px;
padding-left : 1%;
background-color : #ffffff;
}

#luonto_leipa img {
border : 1px solid black;
padding: 2px 2px 2px 2px ;
}

h1 {font-size:175%;}
h2 {font-size:150%;}
h3 {font-size:115%;}
h4 {font-size:110%;}
h5 {font-size:105%;}
h6 {font-size:100%;}



#luonto_leipa h1, #luonto_leipa2 h1 {
color : red;
}

#luonto_leipa p, #luonto_leipa2 p {
font-size : 14px;
color : #000000;
line-height : 1.3;
font-weight : normal;
background-color: #ffffff;
}
#luonto_leipa p.tekija {
color : #333333;
text-align : right;
padding-top : 20px;
vertical-align : text-bottom;
}
#luonto_leipa em, #luonto_leipa2 em {
color : #000000;
font-weight : bold;
}
#luonto_leipa strong, #luonto_leipa2 strong {
color : #000000;
font-weight : bold;
}
#luonto_leipa hr {
color : #66c54d;
background-color : red;
background-image : url(kuvat/valkoinenkulma2.png);
background-position : left 0%;
background-repeat : no-repeat;
width : 100%;
height : 8px;
margin-left : -10px;
padding-right : 25px;
border : none;
float : left;
}
#luonto_leipa ul li {
color : #f2f2e7;
font-weight : bold;
font-size: 14px;
background : url(kuvat/nuoli_li2.png) no-repeat -1px center;
padding: 10px 10px 7px 25px;
}

#luonto_leipa ul li a {
color : #f2f2e7;
}

#luonto_leipa ul li a:hover {
text-decoration: underline;
color: red;
}

#luonto_leipa ul li a:visited {
color : #d4e1df;
}

#luonto_leipa ol li {
color : #f2f2e7;
font-weight : bold;
font-size: 14px;
padding: 10px 10px 7px 7px;
}

#luonto_leipa ul {
background-color : #202320;
border : none;
padding: 0;
margin: 0 7px 0 0;
list-style-type: none;
}

#luonto_leipa ol {
background-color : #202320;
border : none;
padding: 0;
margin: 0 7px 0 0;
list-style-type: decimal;
list-style-position: inside;
}

img.vasen {
float : left;
border : 1px solid black;
padding : 5px 5px 5px 5px;
}
img.oikea {
float : right;
clear : both;
border : 1px solid black;
padding : 5px 5px 5px 5px;
}
.image-left {
float : left;
border : 1px solid black;
padding : 5px 5px 5px 5px;
margin-right: 5px;
}
.image-right {
float : right;
border : 1px solid black;
padding : 5px 5px 5px 5px;
margin-left: 5px;
}
img.etukuva {
float : left;
border : 0;
padding-top : 10px;
padding-left : 10px;
}
img.etukuva_pysty {
float : left;
border : 0;
padding-top : 10px;
padding-left : 10px;
}

#luonto_sivupaneeli {
float : right;
margin-top : 5px;
margin-right : 6px;
width : 29%;
background-color : transparent;
}
#luonto_sivupaneeli p b {
color : rgb(0, 0, 154);
font-weight : bold;
}
#luonto_sivupaneeli a {
text-decoration : none;
color : #000000;
}
#luonto_sivupaneeli a:hover {
color : red;
text-decoration : none;
}

#luonto_sivupaneeli a:hover {
color: #000000;
text-decoration : underline;
}

#luonto_sivupaneeli p:hover {
background: #a6b3a6;
}

#luonto_tiedotteet, #luonto_lausunnot, #luonto_tapahtumat {
background-color : #f5f5f5;
}
#luonto_tiedotteet h1, #luonto_lausunnot h1, #luonto_tapahtumat h1 {
margin : 0 auto !important;
padding-left: 5px;
color : #333333;
text-decoration : underline;
}
#luonto_tiedotteet p, #luonto_lausunnot p, #luonto_tapahtumat p {
color : #333333;
padding : 2px 2px 2px 4px;
}
#luonto_tiedotteet li {
color : #333333;
padding-left : 15px;
list-style : none;
}
#luonto_tiedotteet ul li {
color : #333333;
list-style : none;
padding: 0;
}

#luonto_tiedotteet li ul {
color : #333333;
list-style : none;
padding: 0;
}

#luonto_footer {
width : 100%;
background: transparent;
margin-top : 0;
}
#luonto_footer p {
text-align: center;
color : #000000;
font-weight : bold;
padding : 3px 3px 2px 3px;
}
#luonto_footer img {
border: 0;
}
.julkaistu {
background-color: #ffffff;
float: right;
}
#luonto_menu_footer, #luonto_menu_footer a, #luonto_menu_footer img {
padding-left: 5px;
background: transparent;
border: 0;
}