/* ------- RESET ------- */

* {
margin: 0px;
padding: 0px;
}




/* ------- PERUS SIVUTYYLIT ------- */

body {
background-color: #fff;
color: #000000;
margin: 0px;
padding: 0px;
}

.piilo {
display: none;
border: none;
}

.clear {
clear: left;
}

img {
border:none;
}

a {
color: #7fb741;
text-decoration: none;
}

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











/* ------- PALKKI YLHAALLA ------- */

#topblack {
background:  #e57702;
margin: 0px;
padding: 0px;
height: 114px;
width: auto;
}

#blackbar {
height: 114px;
width: 765px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: 0px;
background-repeat: no-repeat;
background-position: right top;
}

#menu {
position: absolute;
width: 285px;
top: 45px;
left: 757px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: 0px;
background-repeat: no-repeat;
background-position: right top;
}

#logo h1 {
margin: 0px;
padding: 0px;
background-image:  url(../images/layout/ylapalkki.gif);
background-repeat: no-repeat;
height: 114px;
width: 755px;
}

#logo h1 span { 
display: none;
}

#topnav {
width: 765px;
height: 20px;
font-family: Arial, "Small Fonts", Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 18px;
text-align: center;
margin-top:6px;
}










/* ------- SISALTO-OSA ------- */

#maincontainer{
height: auto;
width: 1073px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: 0px;
background-repeat: no-repeat;
background-position: right top;
}

#bottom {
margin: 0px;
height: auto;
width: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 55px;
padding-left: 0px;
}

.maincontent {
width: 844px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
}

#leftcontent {
float: left;
width: 383px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 30px;
border-right: 3px #e57702;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;
border-style: solid;
}

#rightcontent {
float: left;
margin: 0px;
padding-top: 30px;
width: 677px;
background-color: #fff;	
}

img.oikea {
float: right;
margin-right: 0px;
}

img.vasen {
float: left;
margin-left: 0px;
}










/* ------- FOOTER ------- */

.footertext {
float: left;
width: auto;
padding-top: 40px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
color: #B9B9B9;
background-color: inherit;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.footertext a {
margin: 0px;
padding: 0px;
}

.copyright {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666;
width: auto;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 5px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
background-color: inherit;
text-align: right;
}

.xhtml {
float: left;
}

.xhtml a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7fb741;
background-color: inherit;
text-decoration: none;
}

.xhtml a:hover {
color: #ccc;
background-color: inherit;
}