* 
{ 
margin: 0; 
padding: 0; 
}

/* mac hideöä \*/
html,body{height:100%;width:100%;}
/* end hide */

html {
text-align: center;
height: 100%;
}

body {
  font: 1em arial, sans-serif;  
  background: #038fc4 url(vasen2.jpg) no-repeat bottom right;
  /*background: #038fc4;*/
  text-align:center;
  min-height:550px;/* for good browsers*/
  min-width:640px;/* for good browsers*/
}


object
{
    vertical-align: center;
}

#outer{
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
} 
#inner {
width: 640px;
min-height: 550px;
text-align: center;
margin-left:auto;
margin-right:auto;
/*border:3px solid #eee;*/
}
#toplogo{
width:640px;
height:100px;
margin:0px;
padding:0px;
background: transparent url(toplogo.jpg);
}

.toplink{
font-size:14px;
font-weight:bold;
color:#fff;
background-color:#222;
padding:4px;
position:relative;
clear:none;
border:#ddd 1px solid;
text-decoration:none;
}
.toplinkspace{
display:none;
visibility:hidden;
}

#toplink1{
top:5px;
left:55px;
}
#toplink2{
top:50px;
left:30px;
}
#toplink3{
top:15px;
left:80px;
}
#toplink4{
top:60px;
left:70px;
}
#toplink6{
top:5px;
left:80px;
}

#toplink5{
top:44px;
left:110px;
}
#toplink7{
top:44px;
left:-60px;
}

#country_id{
width:155px;
}

#virhe{
vertical-align:middle;
margin:20px auto 20px auto;
padding: 20px;
display: block;
border: 3px red dashed;
background: #f3f2b7;
color: #ff0000;
width: 500px;
clear: both;
font-size:15px;
font-weight:bold;
}


#ilmoitus{
vertical-align:middle;
margin:20px auto 20px auto;
padding: 20px;
display: block;
border: #000000 dashed 1px;
/*background: #f0f0d0;*/
background-color:#80ff80;
color: #000;
width: 400px;
clear: both;
font-size:14px;
font-weight:bold;
}