@charset "ISO-8859-1";
/* CSS Document */

body {
background-color: #000;	
}
div.container {
width: 600px;
height: 630px;
padding-top: 330px;
background-image: url(pohjakuva.jpg);
left: 50%;
margin-left: -300px;
position: absolute;
}
div.lomake {
margin-left: 40px;
width: 500px;
background-color: #FFF;
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 3px 3px 5px #000;
}
font.teksti {
font-size: 18px;
padding-left: 10px;
font-family: Arial;
display: inline-block;
width: 100px;
padding: 9px;
}
input.textbox {
width: 350px;
height: 25px;
border: none;
border-left: 1px solid #000;
font-size: 16px;
padding-left: 4px;
}
input:hover.textbox {
background-color: #FFC;	
}
input:focus.textbox {
background-color: #FF6;	
}
div.submit {
margin-left: 470px;
}
input.submit {
padding: 1px;
}
input:hover.submit {
padding-top: 2px;
padding-left: 2px;
padding-right: 0px;
padding-bottom: 0px;
}

div.ziplomake, div.citylomake {
display: inline-block;	
}
div.ziplomake {
width: 200px;	
}
div.ziplomake font.teksti {
width: 70px;
}
div.ziplomake input.zip {
width: 95px;	
}
div.citylomake {
width: 265px;
margin-left: 30px;
}
div.citylomake font.teksti {
width: 70px;	
}
div.citylomake input.city {
width: 160px;	
}
div.linkki {
margin-left: 40px;
margin-top: 60px;
width: 500px;
background-color: #FF0;
color: #000;
font-size: 16px;
font-family: arial;
border-radius: 8px;
border: 1px solid #000;
box-shadow: 3px 3px 5px #000;
}
div.linkki a {
display: block;
width: 480px;
text-align: center;
padding: 10px;
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
text-shadow: -1px -1px 1px #FFF;
}