body {
margin: 0; padding: 40px; height: 100%;
font-family:arial, helvetica, serif;
background-color: #FFFFFF;
background-image: url(taustakuvio09.gif);
background-position: top;
background-repeat: no-repeat;
}

#wrap {
background-image: url(alatausta02.gif);
background-repeat: no-repeat;
background-position: bottom;
min-height: 100%;
width: 980px;
margin: auto;
position: relative;
padding-bottom: 80px;
}

* html #wrap {height:100%}

#header {
background-position: top;
background-repeat: no-repeat;
margin: 0; 
padding-top: 0px;
height: 190px;
}

div.googlepalkki {
width: 400px;
height: 30px;
display: block;
position: relative;
}
div.googlepalkki img{
padding: 0px 0px 0px 10px;
}
div.googlepalkki input{
padding: 1px 1px 1px 1px;
}

div.headerkuva {
position: absolute;
right: 0px;
top: 0px;
width: 770px;
height: 164px;
}
div.headerkuva img {
position: relative;
top: 105px;
left: 8px;
}
#hf {
position: absolute;
right: 0px;
top: 0px;
width: 770px;
height: 164px;
background-color: #FFFFFF;
}
div.tv {
position: relative;
width: 110px;
height: 14px;
left:210px;
top: 4px;
background-image: url(viitta.gif);
background-repeat: no-repeat;
font-family: arial,helvetica,verdana;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
display: block;
padding-left: 14px;
padding-top: 4px;
padding-bottom: 5px;
margin-bottom: 4px;
z-index: 2000;
}
div.tv a{
text-decoration: none;
color: #FFFFFF;
}
#header img{
position: absolute;
z-index: 0;
}
#slideshow{
z-index: 0;
}
#headervalikko {
position: absolute;
font-family: arial,helvetica,verdana;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
padding-top: 2px;
padding-left: 210px;		
padding-bottom: 1px;
background-color: #355E52;
right: 0px;
top: 164px;
width: 770px;
height: 20px;
border-bottom: solid 1px #000000 ;
z-index: 1;
}
#headervalikko img {
padding-top: 5px;
padding-left: 4px;
}
#pvm{
position: absolute;
font-family: arial,helvetica,verdana;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
left: 4px;
top: 4px;
}

#left {
float:left;
width:210px;
text-align: left;
padding-top: 0px;
margin-top: 0px;
}
#main {
position:relative;
margin-left:200px;
}
#right {
background-color: #FFFFFF;
background-repeat: repeat-y;
float: right;
width:320px;
text-align: left;
font-family: arial,helvetica,verdana;
font-size: 11px;
padding: 10px 5px 10px 15px;
min-height: 400px;
}
#right-kapee {
background-color: #FFFFFF;
background-image: url(sisatausta02.gif);
background-repeat: repeat-y;
float: right;
width:100px;
text-align: left;
font-family: arial,helvetica,verdana;
font-size: 11px;
padding: 10px 5px 10px 15px;
min-height: 400px;
}
#right p {
text-align: left;
}
#content {
background-color: #FFFFFF;
background-repeat: repeat-y;
font-family: arial,helvetica,verdana;
font-size: 12px;
padding: 1px 4px 4px 15px;
margin-top: 4px; 
margin-left: 209px;
margin-right: 290px;
text-align: left;
min-height: 400px;
}
#content-levee {
background-color: #FFFFFF;
background-repeat: repeat-y;
font-family: arial,helvetica,verdana;
font-size: 12px;
padding: 1px 4px 4px 15px;
margin-top: 4px; 
margin-left: 209px;
margin-right: 100px;
text-align: left;
min-height: 400px;
}
#content option{
	width: 170px;
}

#inner-wrap {
padding-bottom:60px;
}

#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
#footteri {
font-family: arial,helvetica,verdana;
font-size: 11px;
position:absolute;
bottom:0;
height: 20px;
border-top: #355E52 solid 10px; 
background-color: #FFFFFF;
width:100%;
text-align: right;
}
td.tap {
font-family: arial,helvetica,verdana;
font-size: 12px;
}
td.tkal1 {
background : #ffffff; 
border-top : medium solid #808080; 
border-top-width : 1px; 
vertical-align : top; 
padding-top : 1px; 
padding-left : 4px; 
padding-right : 2px; 
padding-bottom : 2px; 
}
#nimmarit{
	font-family: arial,helvetica,verdana;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	display:block;
	position:absolute;
	z-index: 3000;
	right: 4px;
	top: 4px;
	text-align: right;
}
#pikalinkit select{
	margin-bottom: 6px;
	width: 200px;
	border: 1px solid #000000;
	font-family: arial, helvetiva, verdana;
	font-size: 12px;
}
#left span {
background-color: #355E52;
font-family: arial,helvetica,verdana;
font-size: 13px;
color: #FFFFFF;
display: block;
padding-left: 20px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 4px;
width: 189px;
border-bottom: 1px solid #000000;
}

#left ul {
padding: 0px 0px 4px 0px;
margin: 0px;
}
 
#left li {
border: 0px solid #CBEFC1;
margin-bottom: 3px;
margin-left: 17px;
list-style-type: none;
text-decoration: none;
width: 192px;
color: #B6C9B1;
}
 
#left li a {
padding:2px 0px 2px 4px ;
background-color: #97CB89;
color:#000000;
text-decoration: none;
font-size: 12px;
display:block;
line-height: 1.4em;
border-bottom: 1px solid #42603A;
}
 
#left li a:hover  {
padding:2px 0px 2px 2px ;
background-color:#72A764;
display: block;
color:#FFFFFF;
text-decoration: none;
font-size: 12px;
line-height: 1.4em;
border-bottom: 1px solid #42603A;
}
#menutop {
background-color: #355E52;
font-family: arial,helvetica,verdana;
font-size: 13px;
color: #FFFFFF;
display: block;
padding-left: 20px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 4px;
width: 189px;
border-bottom: 1px solid #000000;
margin-left: 0px;
}
#navmenu{
border: 0px;
margin-left: 0px;
}
#left li.navi{
	width: 210px;
	border: 0px;
	padding: 0px;
	margin-left: 0px;
}
#ajank{
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	background-color: #FFFFFF;
}
<!--[if IE]>
#main,
#content,
#content-levee,
#wrap,
#inner-wrap {
zoom: 1;
}
<![endif]-->

