body {
	background-color: #478EC1;
	background-image: url(images/bg.gif);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #303030;
}
a {	outline: 0;}

div#container { margin: 0 auto; width: 998px; padding: 0;}
div#top { width: 998px; height: 249px; position: relative; padding: 0; margin: 0;}
	div#topnavi { width: 500px; height: 30px; position: absolute; top: 20px; left: 265px;}
	div#pallo { width: 231px; height: 230px; position: absolute; top: 5px; left: 20px;}
	div#slogan { width: 669px; height: 110px; position: absolute; top: 70px; left: 280px;}
	div#topkaupungit { width: 720px; height: 42px; position: absolute; top: 185px; left: 265px;}

div#contentwrap { width: 978px; padding: 0 10px; margin: 0; background-color: #ffffff; display: table;}
	div#content_left { width: 220px; padding: 0 20px 20px 20px; margin: 0; float: left;}
		div#left_hintaarvio { width: 220px; height: 102px; margin-bottom: 6px;}
		div#left_valityspalkkio { width: 220px; height: 102px;  margin-bottom: 6px;}
		div#left_paikkahaku {  width: 194px; height: 70px; padding: 64px 0 0 26px; background-image:url(images/left_asuntohaku.gif); color: #ffffff; }
	div#content_right { width: 678px; padding: 0 20px 20px 20px; margin: 0; float: left;}


div#lomake_left { width: 300px; float:left; }
div#lomake_right { width: 300px; border-left: 1px dotted #919191; padding: 0 0 0 20px;  float:left;}
input#form { border: 1px solid #E5EFF6; width: 250px; background-color: #E5EFF6; padding: 4px 8px; font-size: 11px; margin-bottom: 5px;}
textarea#form { border: 1px solid #E5EFF6; width: 250px; background-color: #E5EFF6; padding: 4px 8px; font-size: 11px; margin-bottom: 5px;}

div#yhteysleft { width: 200px; border-right: 1px dotted #919191; margin: 0; float: left; padding: 0 15px 0 0 ;}
div#yhteys { width: 200px; border-right: 1px dotted #919191; margin: 0; float: left; padding: 0 15px;}
div#yhteysright { width: 200px; margin: 0; float: left; padding: 0 0 0 15px;}
	div#yhteys1 { border-bottom: 1px dotted #919191; padding-bottom: 10px;}
	div#yhteys2, div#yhteys3, div#yhteys4 {  padding: 10px 0;}

div#contentwide { width: 958px; padding: 0 20px 20px 20px; margin: 0; background-color: #ffffff; }
iframe#kohteet { width: 958px; border: 0; height: 600px;}
div#navityyppi { width: 780px; padding: 10px 20px 0 85px; margin:0;}



div#bottom { width: 998px; padding: 0 0 20px 0; background-color: #ffffff; display: table;}	
	div#alalogo{ width: 224px; height: 104px; padding: 0 0 0 15px; margin:0 15px 0 0 ; float: left; text-align: center;}
	div#alaboxi{ width: 209px; height: 104px; padding: 10px 0 0 15px; margin:0 15px 0 0 ; float: left; background-image:url(images/bg_alaboxi.gif); background-repeat: no-repeat; color: #ffffff; line-height: 15px;}
	div#alaboxiright{ width: 209px; height: 104px; padding: 10px 0 0 15px; margin:0; float: left; background-image:url(images/bg_alaboxi.gif); background-repeat: no-repeat; color: #ffffff; line-height: 15px;}

a.navitop:link, a.navitop:visited { color: #ffffff; margin: 0 ; padding: 0 15px 0 10px; text-decoration: none; font-size: 12px; border-right: 1px solid #ffffff; }	 
a.navitop:hover {  text-decoration: underline; color: #ffffff;  }			

a.navitoplast:link, a.navitoplast:visited { color: #ffffff; margin: 0 ; padding: 0 15px 0 10px; text-decoration: none; font-size: 12px; }	 
a.navitoplast:hover {  text-decoration: underline; color: #ffffff;  }			

a.navitopkaupunki:link, a.navitopkaupunki:visited { display: block; float: left; width: 224px; height: 42px; color: #ffffff; margin: 0 15px 0 0 ; padding: 15px 0 0 0; text-align: center; text-decoration: none;  font-size: 14px; background-image: url(images/bg_paikkakunta.gif); background-repeat: no-repeat; }	  
a.navitopkaupunki:hover {  text-decoration: underline; color: #ffffff;  }			

a.white:link, a.white:visited { color: #ffffff; margin: 0 ; padding: 0 0 0 5px; text-decoration: underline; font-size: 12px; }	 
a.white:hover {  text-decoration: none; color: #ffffff;  }		

a.navi:link, a.navi:visited { color: #136EAF; margin: 0 ; padding: 1px 10px ; text-decoration: none; font-size: 12px; border-right: 1px solid #136EAF; }	 
a.navi:hover {  text-decoration: underline; color: #7CB348;  }			
a.navilast:link, a.navilast:visited { color: #136EAF; margin: 0 ; padding: 1px 0 1px 10px ; text-decoration: none; font-size: 12px; }	 
a.navilast:hover {  text-decoration: underline; color: #7CB348;  }			


h1#slogan { font-family: 'Just Another Hand', arial, serif; color: #136EAF; font-size: 80px;}

h1 {color: #136EAF; font-size: 25px;}
h2  {color: #136EAF; font-size: 18px;}
h3  {color: #303030; font-size: 16px;}
span#oikea { float: right; background: #ffffff; padding: 0;  margin: 0 0 0 10px; }
img#left { padding: 0 0 6px 0;}