/* 
	KOAS
	----
	CSS Styles v 1.0
	14.2.2006 Mikko Hopia, Visualway Design Oy
	
	Content:
	- Layout
	- Submenu
	- Headers
	- Text
	- Links
	- Images
	- Forms
	- Lists
	- Tables
*/
@import url(main.css);
/* 
	Layout
	------
*/
div#wrap {
	position: relative;	 
	padding-top: 0;
	background: #fff url(../img/ui/bg_subpage_shadow.jpg) 0 23px no-repeat;
	width: 999px;
}
div#menucol {
	position: relative;
	float: left;
	width: 208px;
	padding-left: 22px;
	/*margin-left: 45px;*/
	margin-top: 42px;
}
div#koassi {
	position: absolute;
	top: 428px;
	background: url(../img/banners/koassilehti_alasivu.jpg) no-repeat;
	width: 208px;
	height: 217px;
	text-indent: -9999px;
	overflow: hidden;
}
div#contentwrap {
	float: left;
	width: 393px;
	/*width: 343px;*/
	padding-top: 8px;
}
div#content {
	padding: 7px 25px 25px 25px;
	min-height: 480px;
	_height: 480px;
	background: url(../img/ui/bg_content.jpg) no-repeat;
}
div#submenu {
	background: url(../img/ui/bg_submenu.jpg) no-repeat;
	width: 218px;
	height: 164px;
}
div#submenu-asukkaille {
	background: url(../img/ui/bg_submenu_as.jpg) no-repeat;
	width: 218px;
	height: 200px;
}
div#links {
	float: left;
	width: 376px;
	min-height: 300px;
	_height: 300px;
	background: url(../img/ui/bg_links.jpg) top right no-repeat;
	margin-top: 42px;
}
div#aluekartta {
	/*height: 42px;*/
	line-height: 42px;
	padding-left: 20px;
	color: #fff;
	background: #F1F1F1;
	width: 312px;
	border-bottom: 10px solid #F1F1F1;
	font-weight: bold;
}
div#kohdetxt,div#kohdetxt2 {
	height: 42px;
	line-height: 42px;
	font-weight: bold;
	padding-left: 20px;
	color: #fff;
	background: #9FA1A4;
	width: 312px;
}
div#kohdetxt2 {
	margin-top: 10px;
}
div#kohdeimg,div#kohdeimg2 {
	border: 10px solid #F1F1F1;
	width: 312px;
	text-align: center;
}

div.tagit {
	color: #999999;
	font-size: 0.8em;
}
/* 
	Submenus
	--------
*/
div#submenu ul {
	padding-top: 40px;
	background: url(../img/ui/bg_submenu_asunnot.gif) 0px 40px no-repeat;
}
div#submenu-asukkaille ul {
	padding-top: 40px;
	background: url(../img/ui/bg_submenu_asunnot.gif) 0px 40px no-repeat;
}
div#submenu ul li, div#submenu-asukkaille ul li {
	list-style: none;
	text-indent: -9999px;
}
div#submenu ul li a, div#submenu-asukkaille ul li a {
	display: block;
	overflow: hidden;
}
/* Submenu: asunnot */
div#submenu ul li#subkoastalot a { height: 48px; }
div#submenu ul li#subkoastalot a:hover { background: url(../img/ui/bg_submenu_asunnot.gif) -216px 0 no-repeat; }
div#submenu ul li#subvapaatasunnot a { height: 30px; }
div#submenu ul li#subvapaatasunnot a:hover { background: url(../img/ui/bg_submenu_asunnot.gif) -216px -48px no-repeat; }
div#submenu ul li#subkohdekartta a { height: 28px; }
div#submenu ul li#subkohdekartta a:hover { background: url(../img/ui/bg_submenu_asunnot.gif) -216px -78px no-repeat; }
/* Submenu: asunnon hakeminen */
div#submenu ul li#subohjeita a { height: 64px; }
div#submenu ul li#subohjeita a:hover { background: url(../img/ui/bg_submenu_hakeminen.gif) -216px 0 no-repeat; }
div#submenu ul li#subhakulomake a { height: 33px; }
div#submenu ul li#subhakulomake a:hover { background: url(../img/ui/bg_submenu_hakeminen.gif) -216px -64px no-repeat; }
/* Submenu: asukkaille */
div#submenu-asukkaille ul li#subtiedotteet a { height: 39px; }
div#submenu-asukkaille ul li#subtiedotteet a:hover { background: url(../img/ui/bg_submenu_asukkaille.gif) -216px 0 no-repeat; }
div#submenu-asukkaille ul li#subtalonmies a { height: 21px; }
div#submenu-asukkaille ul li#subtalonmies a:hover { background: url(../img/ui/bg_submenu_asukkaille.gif) -216px -39px no-repeat; }
div#submenu-asukkaille ul li#subasukasopas a { height: 24px; }
div#submenu-asukkaille ul li#subasukasopas a:hover { background: url(../img/ui/bg_submenu_asukkaille.gif) -216px -60px no-repeat; }
div#submenu-asukkaille ul li#subinfoatietoverkosta a { height: 20px; }
div#submenu-asukkaille ul li#subinfoatietoverkosta a:hover { background: url(../img/ui/bg_submenu_asukkaille.gif) -216px -84px no-repeat; }
div#submenu-asukkaille ul li#subirtisanominen a { height: 23px; }
div#submenu-asukkaille ul li#subirtisanominen a:hover { background: url(../img/ui/bg_submenu_asukkaille.gif) -216px -104px no-repeat; }
div#submenu-asukkaille ul li#subasukastoiminta a { height: 37px; }
div#submenu-asukkaille ul li#subasukastoiminta a:hover { background: url(../img/ui/bg_submenu_asukkaille.gif) -216px -127px no-repeat; }
/* Submenu: koas */
div#submenu ul li#subhallitus a { height: 53px; }
div#submenu ul li#subhallitus a:hover { background: url(../img/ui/bg_submenu_koas.gif) -216px 0 no-repeat; }
div#submenu ul li#subkoassi a { height: 37px; }
div#submenu ul li#subkoassi a:hover { background: url(../img/ui/bg_submenu_koas.gif) -216px -53px no-repeat; }
div#submenu ul li#subkoasuutiset a { height: 51px; }
div#submenu ul li#subkoasuutiset a:hover { background: url(../img/ui/bg_submenu_koas.gif) -216px -90px no-repeat; }
/* Submenu: yhteystiedot */
div#submenu ul li#subhenkilot a { height: 48px; }
div#submenu ul li#subhenkilot a:hover { background: url(../img/ui/bg_submenu_yhteystiedot.gif) -216px 0 no-repeat; }
div#submenu ul li#subhuoltoyhtiot a { height: 46px; }
div#submenu ul li#subhuoltoyhtiot a:hover { background: url(../img/ui/bg_submenu_yhteystiedot.gif) -216px -48px no-repeat; }
/*

div#submenu ul li#subvuokranmaksajanopas a { height: 24px; }
div#submenu ul li#subvuokranmaksajanopas a:hover { background: url(../img/ui/bg_submenu_asukkaille.gif) -648px -64px no-repeat; }
div#submenu ul li#subtiedotteet a { height: 17px; }
div#submenu ul li#subtiedotteet a:hover { background: url(../img/ui/bg_submenu_asukkaille.gif) -648px -88px no-repeat; }

*/
/* 
	Headers
	-------
*/
div#koaslogodiv {
	position: absolute;
	left: 823px;
	/*_left: 841px;*/
	top: 33px;	
	width: 141px;
	height: 122px;
	text-indent: -9999px;
	overflow: hidden;
}
h3#lataa {
	background: #2F2B2D url(../img/ui/h3_lataaitsellesi.gif) no-repeat;
	height: 38px;
	width: 330px;
	text-indent: -9999px;
}
div#content h3 {
	margin-top: 10px;
}
/* 
	Links
	-----
*/
div#koaslogodiv a {
	display: block;
	height: 139px;
}
div#search a {
	display: block;
	height: 173px;
}
div#talonmies a {
	display: block;
	height: 122px;
}
div#koassi a {
	display: block;
	height: 217px;
}

div.tagit a {
	color: #999999;
}

div.tagit a:hover {
	color: #EF058F;
}
/* 
	Images
	------
*/
div#links img {
	display: block;
}
/* 
	Forms
	-----
*/
form {
	margin-top: 10px;
}
label.haku {
	display: block;
	position: relative;
	padding-right: 10px;
	width: 100px;
	float: left;
	clear: left;
}
label.pakollinen {
	font-weight: bold;
}
select {
	/*margin: 2px 0;*/
}
option {
	padding: 0 5px 0 2px;
}
input, select, textarea {
	padding: 1px;
	margin-bottom: 10px;
	border: 1px #CBCCCC solid;
}
input.formbutton {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	background: #ECECEE url(../img/ui/bg_button.gif) repeat-x;
	line-height: 16px;
}
input.resetformbutton {
	font: 10px Georgia, "Times New Roman", Times, serif;
	width: 100px;
	background: #ECECEE  url(../img/ui/bg_button.gif) repeat-x;
}
div.ohje {
	display: none;
	position: absolute;
	background: #fff;
	width: 300px;
	border: 1px solid #EF058F;
	padding: 10px;
	margin-top: 40px;
}
/* 
	Lists
	-----
*/
div#links ul {
	list-style: none;
	width: 313px;
	padding-left: 17px;
	margin-bottom: 13px;
	padding-bottom: 13px;
	font-size: 1.2em;
	background: #E9E9EA;
}
div#links ul li {
	padding-top: 10px;
}
div#content ul {
	margin-bottom: 25px;
	line-height: 16px;
	margin-left: 15px;
}
/* 
	Tables
	-----
*/
div#content table {
	border-collapse: collapse;
	border: 1px solid #BCBDBE;
}
div#content table#loydatable {
	width: 200px;
}
div#content table#loydatable tr:hover {
	background: #C4C6C7;
}
div#content table th {
	height: 19px;
	background: url(../img/ui/bg_table_th.gif) repeat-x;
	padding: 0 7px;
}
div#content table th a {
	color: #404041;
	display: block;
}
div#content table td {
	height: 20px;
	padding: 0 7px;
}
.rivi1 {
	background: #F1F2F2;
}
.rivi2 {
	background: #fff;
}
table#huoneistotyypit td {
	vertical-align: top;
}

table.forum {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
	table-layout: fixed;
}

table.forum td {
	padding: 10px 5px !important;
	vertical-align: top;
}

table.forum th.col1 {
	width: 400px;
}
table.forum th.col2 {
	text-align: center;
	/*width: 25%;*/
}
table.forum th.col3 {
	text-align: right;
	/*width: 30%;*/
}