@charset "UTF-8";
/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#565555;
background-image:url(images/bg2.jpg);
background-position:top;
background-repeat:repeat;
background-color:#000000;
text-align: center;
font-family: verdana, Helvetica, sans-serif;
font-size:12px;
}

h1 {
font-size:1.6em;
font-style:italic;
margin:0px;
font-weight:normal;
}


h2{
font-size:14px;
margin:0px;
padding-bottom:14px;}

h3{
font-size: 14px;
padding-bottom:0px;
margin:0px;
}

a, a:link, a:visited{
color: #424f62;
text-decoration:none;
font-weight:bold;
position:relative;
}

input {
position:relative;
}

a:hover, a:visited:hover{
color: #424f62;
text-decoration:underline;
position:relative;
}

#wrapper{
margin:0 auto;
width: 950px;
height: 639px;
background-image:url(images/tausta.png);
background-repeat:no-repeat;
}

#main{
float:left;
width: 841px;
margin:0;
padding:0px;
}

#ylin{
float:left;
width: 841px;
height:47px;
background-image:url(images/laskuri_02.jpg);
margin:0px;
padding:0px;
background-color:#FFCC99;
}

#yla{
float:left;
width: 841px;
height:135px;
background-image:url(images/laskuri_03.jpg);
}

#keski{
float:left;
width: 841px;
background-image:url(images/keskipohja2.jpg);
background-position:top;
background-repeat:no-repeat;
height: auto !important; /* for modern browsers */
height: 435px; /* for IE5.x and IE6 */
min-height: 435px; /* for modern browsers */
}

#vas{
width: 400px;
text-align:left;
float:left;
padding-left:20px;
position:relative;
vertical-align:bottom;
left: -2px;
top: 0px;
}

#oik01{
float:left;
width: 376px;
}

#oik02_yla{
width: 376px;
float:left;
padding:0px;
}

#oik01_yla{
height:29px;
width: 376px;
float:left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='images/laskuri_06.png');
}

#oik01_keski{
width: 376px;
float:left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='images/laskuri2_10.png');
height: auto !important; /* for modern browsers */
height: 354px; /* for IE5.x and IE6 */
min-height: 354px; /* for modern browsers */
}

#oik02_keski{
width: 376px;
float:left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='images/laskuri2_06.png');
height: auto !important; /* for modern browsers */
height: 157px; /* for IE5.x and IE6 */
min-height: 157px; /* for modern browsers */
}


#oik01_keski_margin{
width: 315px;
float:left;
padding-left:30px;
text-align:left;
color: #FFFFFF;

}

#oik01_ala{
height:42px;
width: 376px;
float:left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='images/laskuri2_12.png');
}

#oik01_yla[id]{
background-image:url(images/laskuri_06.png);
background-repeat:no-repeat;
}

#oik01_keski[id]{
background-image:url(images/laskuri2_10.png);
}

#oik02_keski[id]{
background-image:url(images/laskuri2_10.png);

}
#oik01_ala[id]{
background-image:url(images/laskuri2_12.png);
background-repeat:no-repeat;
}

.reuna{
width: 300px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='fileadmin/template/pohja.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.reuna[class] {
  background-image:url(pohja.png);
}

.t01{
width: 46px;
text-align:right;
padding-right:7px;
}

.t02{
width: 254px;
}

#alkuun{
float:left;
margin-top: 50px;
left:200px;
_left:70px;
}

#vesivertoon{
float:left;
margin-top: 120px;
margin-left:85px;
_left: 400px;
}