* {
	margin:0pt;
	padding:0pt;
}


a img{
	border: none;
}

body, html{
    height: 100%;
}

body {
 
	background: white url(pix/bgr2.gif) repeat 50% 1px;
	color:#000000;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:62.5%;
	text-align:center;
}

div#container{
	margin: 0 auto;
	text-align:center;
	border-left: 3px solid white;
	border-right: 3px solid white;
	width: 760px;
    
    height: 100%;
    
}

div#header{
	height: 336px;
	background-color: white;
	background-image: url(pix/header_clean6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#navi{
	height: 42px;
	background-color: #666;
	background-image: url(pix/navi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#content{
	text-align: left;
	padding: 26px 21px 21px 21px;
	color: #000;
}

div#contentline{
    background: url(pix/centerline.gif) repeat-y top center;
}

div#footer{
    width: 718px;
    height: 17px;
    line-height: 17px;
    color: white;
    margin-top: 10px;
    margin-left: 21px;
    background: #028BDB url(pix/footer.gif) repeat-y top left;
    
}

div#naviholder{

    
    
      
    padding-top: 11px;
    
    
    color: white;
    
    
    
}


ul#topnav {
    display: block;
padding-left: 401px;
width: 359px;

    list-style: none;
    
    font-size: 10px;
    font-weight: bold;
   position: relative;
}

ul#topnav a{
    color: white;
    text-decoration: none;
}

ul#topnav a:hover{
    text-decoration: underline;
}

ul#topnav li{
    float: left;
    
    display: block;
    height: 19px;
    
}

ul#topnav li#topnav1 a.level1{
    width: 70px;
    height: 19px;
    display: block;
    background: url(pix/topnav_a.gif) no-repeat 3px 0px ;
}

ul#topnav li#topnav1:hover a.level1{
    background-position: 3px -19px ;
}

ul#topnav li#topnav2 a.level1{
    width: 79px;
height: 19px;
    display: block;    
    background:  url(pix/topnav_b.gif) no-repeat 3px 0px ;
}

ul#topnav li#topnav2:hover a.level1{
    background-position: 3px -19px ;
}

ul#topnav li#topnav3 a.level1{
    width: 64px;
height: 19px;
    display: block;   
    background:  url(pix/topnav_c.gif) no-repeat 3px 0px ;
}

ul#topnav li#topnav3:hover a.level1{
    background-position: 3px -19px ;
}

ul#topnav li#topnav4 a.level1{
    width: 105px;
height: 19px;
    display: block;
   margin-right: 0;
    background:  url(pix/topnav_d.gif) no-repeat 3px 0px ;
}

ul#topnav li#topnav4:hover a.level1{
    background-position: 3px -19px ;
}

ul#topnav li ul{
    display: none;
    position: absolute;
    margin-top: 19px;
    top: 0;
    right: 0;
    
    width: 718px;
	padding-right: 42px;
    text-align: right;
    background: url(pix/topnav-sub2.gif) no-repeat top center;
}



    
ul#topnav li:hover ul, ul#topnav li.sfhover ul {
    display: block;
    height: 24px;
}

ul#topnav li ul li{
    margin-right: 10px;
    position: relative;
    display: block;
    float: right;
    
    padding-right: 3px;
    height: 24px;
    line-height: 18px;
}

ul#topnav li:hover ul li a, ul#topnav li.sfhover ul li a {
	color: #666;
}

ul#topnav li:hover ul li a:hover, ul#topnav li.sfhover ul li a:hover{
	color:#FFF;
	text-decoration: none;
}

.clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


div#maincolumn1{
	float: left;
	width: 341px;
	padding-right: 11px;    
}

div#maincolumn2{
    float: left;
    width: 330px;
    padding-left: 21px;
    margin-top: 5px;
    

}

#content h2
{

margin-bottom: 16px;
font-size: 1.4em;
line-height:16px;
}

#content h3
{
     margin-top: 16px;   
margin-bottom: 16px;
font-size: 1em;
line-height: 16px;
}

#content p
{
    line-height: 16px;
    margin-bottom: 16px;
}

#content p.last
{
    margin-bottom: 0;
}

#content a
{
	font-weight: normal;
	text-decoration: none;
	color: #666;
	text-decoration: underline;
}

#content a:hover
{
	color: #666;
}


.formtable
{
	border-collapse: collapse;
        font-size:10px;
}

.formtable td.td1
{
	width:82px;
	
	
	font-weight: bold;
        
}

#input1, #input2, #input3, #input4, #input5
{
	
	width: 210px;
	border: 1px solid #7D7D7D;
}


#valinta1, #valinta2
{
	
	margin-right: 7px;

	border: none;
}

#textbox1
{
	width: 292px;
	height: 85px;
	border: 1px solid #7D7D7D;
}

#content #sendbutton{
	display: block;
	border: 1px solid #7D7D7D;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
	color:#666;
	font-weight: bold;
}

#content #sendbutton:hover{
background: #EBF0F3;
border: 1px solid #585858;
}div#maincolumn3 {
	float: right;
	width: 310px;
	padding-right: 21px;
}
div#header_steel {
	height: 336px;
	background-color: white;
	background-image: url(pix/header_yhteys.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul#topnav li#topnav5 a.level1  {
	width: 70px;
	height: 19px;
	display: block;
	background-image: url(pix/topnav_cc.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
}
ul#topnav li#topnav5:hover a.level1 {
	background-position: 3px -19px;
}
ul#topnav li#topnav6 a.level1 {
	width: 70px;
	height: 19px;
	display: block;
	background-image: url(pix/topnav_ee.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
}
ul#topnav li#topnav6:hover a.level1 {
	background-position: 3px -19px;
}
