html,* {	
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

.c {
	clear: both;
}


img {
	behavior: url("../../images/pngbehavior.htc");
}

#container {
	margin: 0 auto;
	width: 1004px; 
	background: #ffffff;
}

#header {
	float: left;
	width: 1004px;
}

#ylapalkki {
	float: left;
	width: 1004px;
	height: 66px;
}

#menu {
	margin-top: 207px;
	width: 1004px;
	height: 48px;
/*	background: #ff2a00;	*/
}

#navi-main {
	float: left;
	height: 207px;
	width: 1004px;
	background: url(../../images/main1.jpg);	
}

/******************  sivulinkkikohtaiset pääkuvat ************************/
.navi-main-bg-Tyovalineetjakayttotavara{
	background: url(../../images/main_tyokalu.jpg) !important;
}

.navi-main-bg-Keittiomyynti{
	background: url(../../images/main_keittio.jpg) !important;
}

.navi-main-bg-Pihapuutarha{
	background: url(../../images/main_piha.jpg) !important;
}


.navi-main-bg-Rakennustarvikejatalotekniikka{
	background: url(../../images/main_rakentaminen.jpg) !important;
}

.navi-main-bg-Asennuspalvelu{
	background: url(../../images/main_lattia.jpg) !important;
}

.navi-main-bg-RautapohjaFARMARI{
	background: url(../../images/main_farmari.jpg) !important;
}

/****************** loppu sivulinkkikohtaiset pääkuvat ************************/

#navi-main ul {
	
	list-style-image:none;
	list-style-type:none;	
	height: 48px;
}	

#navi-main ul li {
	display: inline;	
}

#navi-main ul li a {
	background: #003792;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding-top: 14px;
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	height: 34px;
	text-align: center;
	float: left;
	border-right: 1px solid #fff;
} 

/***************  Erikseen väritetyt navit  ***************/

#navi-main ul li.linkClass-RautapohjaFARMARI a{
	background: #fff200 !important;
	color: #000;
	padding-top: 10px;
	height: 38px;
	width: 60px;
}

#navi-main ul li.linkClass-RautapohjaFARMARI a:hover{
	background-image: url(../../images/nuoli.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}

#navi-main ul li.linkClass-RautapohjaFARMARI a.selected{
	background-image: url(../../images/nuoli.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}

/***/

#navi-main ul li.linkClass-Asennuspalvelu a{
	background: #ff2a00 !important;
}

#navi-main ul li.linkClass-Asennuspalvelu a:hover{
	background-image: url(../../images/nuoli.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}

#navi-main ul li.linkClass-Asennuspalvelu a.selected{
	background-image: url(../../images/nuoli.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}

/***/

#navi-main ul li.linkClass-AsennuspalveluPROPARTNER a{
	background: #ff2a00 !important;
	border-right: 0;
	padding-top: 10px;
	height: 38px;
	width: 90px;
}

#navi-main ul li.linkClass-AsennuspalveluPROPARTNER a:hover{
	background-image: url(../../images/nuoli.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}

#navi-main ul li.linkClass-AsennuspalveluPROPARTNER a.selected{
	background-image: url(../../images/nuoli.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}

/***/

#navi-main ul li.linkClass-Yrityspalvelu a{
	background: #ff2a00 !important;
}
#navi-main ul li.linkClass-Yrityspalvelu a:hover{
	background-image: url(../../images/nuoli.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}
#navi-main ul li.linkClass-Yrityspalvelu a.selected{
	background-image: url(../../images/nuoli.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}

/***************  loppu Erikseen väritetyt navit  ***************/

#navi-main ul li a.selected {
	background-image: url(../../images/nuoli.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#navi-main ul li a:hover {
	background-image: url(../../images/nuoli.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}


#languagebar {
	text-align: right;
	float: left;
	width: 1004px;
	margin-top: 48px;
}

#languagebar img {
	margin: 5px 3px 0px 3px;
}

#content {
	width: 1004px;
	height: auto !important;
	line-height: normal;
}



#sidebar {
	float: left;	
	margin-right: 50px;
	width: 15%;
	height: 100%;
}

#sidebar2 {
	padding-right: 50px;
}

#navi-sidebar {
	
}

#navi-sidebar ul {
	padding: 10px;
	background: #fff200;	
}

#navi-sidebar ul li {
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom: 10px;
}

#navi-sidebar a {
	font-size: 8pt;
	color: #000000;
	padding-left: 15px;
}

#navi-sidebar a.selected {
	text-decoration: underline;
}

#navi-sidebar ul li a {
	background-image: url(../../images/punapiste.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
}

#navi-sidebar ul li ul {	
	background: #fffa9a;
	margin: 8px 0 0 15px;
	padding:0;
}

#navi-sidebar ul li ul li{
	padding: 2px 0 2px 0;
	margin: 0;
}

#navi-sidebar ul li ul li a {
	background-image: none;
}


#pagecontent {
float:left;
	height:auto !important;
	min-height: 300px;
	width: 80%;
}

#otsikko {
	float: left;
	width: 1004px;
	height: 40px;
	border-bottom: 3px solid #aae0f9;
	color: #0066b3;
	font-size: 20pt;
	font-weight: 900;
	text-align: left;
	font-family: Arial Black, helvetica, sans-serif;
}

#tietopalkki {
	float: left;
	width: 1004px;
	color: #000;
	margin-top: 4px;
}

#vasenyla {
	float: left;
	width: 550px;
	font-size: 12pt;
	line-height: 18pt;
}

#oikeayla {
	float: right;
}

#tietoOtsikko {
	font-size: 14px;
	color: #0066b3;
	font-family: Arial Black,helvetica,sans-serif;
	font-weight: 900;
}

#tietoLaatikko {
	width: 300px;
	background: #fff200;
	padding: 10px 15px 5px 15px;
	margin: 0;
}

#tietoLaatikko p {
	line-height: 12px;
}

#tietoLaatikko a {
	font-size: 11px;
	color: #000;
}

#tarjouspalkki1 {
	float: left;
	width: 1004px;
	height: 35px;
	background: #003793;
/*	background: #0066b3;	*/
	color: #ffffff;
	border-bottom: 3px solid #aae0f9;
	margin-top: 9px;
}

#tarjousotsikko {
	float: left;
	font-size: 14pt;
	font-family: Arial Black,helvetica,sans-serif;
	letter-spacing: 2px;
	margin-left: 10px;
	margin-top: 5px;
}

#lataaUusin a {
	float: right;
	font-size: 8pt;
	margin-right: 10px;
	margin-top: 14px;
	color: #ffffff;
}

#tarjouspalkki2 {
	float: left;
	width: 1004px;
	height: 141px auto;
	background: #003793;
/*	background: #0066b3;	*/
}

#footer {
	font-size: 9pt;
	width: 1004px;
	background: #fff;
	margin-top: 10px;
	padding: 6px 0 6px 0;
	border-top: 1px solid #bebebe;
}


.tieto {
	float: left;
	padding-right: 40px;
}


#powered {
	float: right;
}

img.punapiste {
	margin: 0 6px 1px 0;
}

img.viiva {
	margin: 1px 0 3px 0;
}

#siniviiva {
	float: left;
	background: url(../../kuvakirjasto/siniviiva.jpg) repeat-x;
	margin: 5px 0 5px 0;
	height: 1px;
	width: 740px;
}





/************************* CSS POPUP ********************************/


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 110px; /*position where enlarged image should offset horizontally */

}
/********************** end CSS POPUP ********************************/