body	{
	
	padding:  0;
	font-family: sans-serif;
	font-size: 12px;
	background : #fff;
	}

a	{
	text-decoration:	none;
	font-weight:	bold;
	}
a:link	{
	color:	#777;
	background-color: transparent;
	}
a:visited	{
	color:	#777;
	background-color: transparent;
	}
a:active	{
	color:	#777;
	background-color: transparent;
	}
a:hover	{
	
	background-color: #transparent;
	text-decoration:	underline;
	}


h1 {
	color: #000000;
	text-transform: none;
	}

h2, h3, h4 {
	color: #000000;
	text-transform: none;
	clear: both;
	}

a {
	color: #777;
	}

a:hover {
	color: #777;
	}

#base {
	position: relative;
	left: 0;
	top: 0;
	
}


.clearall {
clear: both;
}

.loota {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	width: 812px;
	display: block;
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
	background : #fff;
	color: #000;
	}

.ylabanneri {
	margin-top:20px;
	
}

#ylabanneri {
margin-top: 20px;
width: 812px;
height: 119px;
background: url(img/ylabanneri_nt.gif) no-repeat;
padding: 15px 0 0 20px;
text-align: left;
}

#ylabanneri_content {
width: 485px;
}

.topban {
	margin-top:10px;
	
}

#keskiosa {
	background-image: none;
	display:block;
	width: 100%;
	background-color: transparent;
}

.kuva {
	background-image:url("img/teema01.jpg");
	background-repeat: no-repeat;
	width: 502px;
	height: 299px;
	padding: 0px;
}

.kuvakeskelle {
	padding-top: 23px;
	padding-bottom: 23px;
	padding-left: 43px;
	padding-right: 3px;
}

.welcome {
	background-image:url("img/teretulemast.jpg");
	background-repeat: no-repeat;
	width: 310px;
	height: 299px;
	padding: 0px;
	overflow: auto;
}

.tere {
	margin-left: 14px;
	margin-right: 38px;
	margin-top: 14px;
	margin-bottom: 10px;
	background-color: none;
	line-height: 135%;
        text-align: left;    /* MSIE-debug */
}

.htop {
	padding-top: 20px;
	padding-left: 14px;
}

.hakuloota {
	background-image:url("img/hakupohja_temp.jpg");
	background-repeat: no-repeat;
	padding: 0px;
}

.news {
	background-image:url("img/uutispohja_temp.jpg");
	background-repeat: no-repeat;
	padding: 0px;
}

.temp {
	
	height: 32px;
}

.haku {
	background-image:url("img/hakupohja.jpg");
	background-repeat: repeat-y;
	padding: 0px;
	width: 502px;
line-height: 135%;
	height: auto;
}

.nyyssit {
	background-image:url("img/nyyssilootatst.jpg");
	background-repeat: repeat-y;
	padding: 0px;
	width: 310px;
line-height: 135%;
	height: auto;
}

.btrim {
	
	height: 61px;
}

.news_header {
	background-image: url("img/nyyssiotsp.jpg");
	background-repeat: no-repeat;
	height:35px;
	width: 310px;
	padding-top: 0px;
	margin-bottom:6px;
        text-align: left;    /* MSIE-wintoosa-debugitus */
}

.nyyssih {
	color: #404040;
	padding-left: 24px;
	padding-top: 10px;
}

.nyyssip {
	background-color: transparent;
	border: none;
	margin-right:26px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right: 4px;
	padding-left: 14px;
line-height: 135%;
	color: #404040;
        text-align: left;     /* MSIE-wintoosa-debugitus */
}

.haku_header {
	background-image: url("img/lkvlootaots.jpg");
	background-repeat: no-repeat;
	height:35px;
	width: 502px;
	padding-top: 0px;
	margin-bottom:6px;
        text-align: left;    /* MSIE-wintoosa-debugitus */
}

.hakuh {
	color: #404040;
	padding-left: 50px;
	padding-top: 10px;
}

.hakup {
	background-color: transparent;
	border: none;
	margin-right:2px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right: 6px;
	padding-left: 40px;
	color: #404040;
        text-align: left;    /* MSIE-wintoosa-debugitus */
}

.footer {
	width: 812px;
	height: 40px;
	text-align: center;
	color: #666;
	font-weight: bold;
}

.sisayla {
	width: 812px;
	height: 32px;
	padding: 0;
}

.sisakeski {
	background-image: url("img/sisasivufylli.jpg");
	background-repeat: repeat-y;
	width: 812px;
line-height: 135%;
	height: auto;
	padding-left: 50px;
	border: none;
}

.sisalmys {
	margin: 6px;
        padding-right: 44px;
}

.btntrim {
	padding-left: 40px;
        padding-top: 4px;
}

/* menu */

#menu {
	margin: auto;
	width: 812px;
	height: 50px;
	background: url(img/menu2.jpg) center;
	text-align: center;
	}

#menu ul {
	padding: 0;
	margin: 0 30px;
	}

#menu ul li {
	padding: 0;
	display: inline;
	}

#menu a {
	color: #fff;
	
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	float: left;
	}

#menu a:hover {
	background-image: url(img/valikkopohja2.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#menu a#page_index:hover {
	background-image: url(img/etusivug.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#menu a#page_ostamassa:hover {
	background-image: url(img/ostamassag.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#menu a#page_myymassa:hover {
	background-image: url(img/myymassag.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#menu a#page_ocgroup:hover {
	background-image: url(img/ocgroupg.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#menu a#page_yhteystiedot:hover {
	background-image: url(img/yhteystiedotg.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#menu a span {
	display: none;
	}

a#page_index { background-image: url(img/etusivu.gif); width: 150px; }
a#page_ostamassa { background-image: url(img/ostamassa.gif); width: 150px; }
a#page_myymassa { background-image: url(img/myymassa.gif); width: 150px; }
a#page_ocgroup { background-image: url(img/ocgroup.gif); width: 150px; }
a#page_yhteystiedot { background-image: url(img/yhteystiedot.gif); width: 150px; }

.ahem	{
	display:	none;
	}


/* muut mastot */

form {
padding: 0;
margin: 0;
}

fieldset label {
	width: 48%;
	display: block;
	float: left;
	font-size: 12px;
	padding: 5px 0;
	margin-left: 10px;
	}

.textfield, .select {
	border: 1px solid #ccc;
	background: #fff;
	color: #404040;
	font: 12px/20px Arial, Helvetica, sans-serif;
	width: 90%;
	display: block;
	}

.textarea {
	border: 1px solid #ccc;
	background: #fff;
	color: #404040;
	font: 12px/20px Arial, Helvetica, sans-serif;
	width: 92%;
	display: block;
	}

.laheta {
	clear: both;
	margin: 10px 0;
	}

fieldset {
margin: 20px 10px;
padding: 10px;
border: none;
}

legend {
padding: 0 10px;
color: #000;
font-weight: bold;
background: #fff;
}

/* KOHDESIVU */

.lkvDataTable {
border-top: 1px solid #404040;
margin-bottom: 10px;
}

.lkvDataTable td {
padding: 5px 10px;
}

.lkvDataTable .lkvInfo {
width: 40%;
}

.lkvDataTable .even {

}

.lkvDataTable .odd {
background: #ccc;
}

.lkvDataTable td {
border-bottom: 1px solid #ccc;
}

.lkvnimi {
float: left;
padding-top: 10px;
width: 70%;
height: 60px;
line-height: 135%;
font-weight: bold;
line-height: 135%;
}

.lkvnimi .lkv_street_name, .lkvnimi .lkv_street_number, .lkvnimi .lkv_postcode, .lkvnimi .lkv_postarea, .lkvhinta {
margin: 0;
padding: 5px 0 10px 0;
color: #404040;
line-height: 135%;
font: sans-serif;
line-height: 135%;
}

.lkvhinta {
float: right;
text-align: right;
padding-top: 10px;
width: 25%;
height: 60px;
line-height: 135%;
font: 500 16px/18px Georgia, "Times New Roman", Times, serif;
}

#map_notfound {
padding: 68px 5px;
text-align: center;
border: 1px solid #444;
}

#map_canvas {
overflow: hidden;
font-size: 8px;
}

#map_canvas span {
font-size: 8px;
filter:alpha(opacity=60);
-moz-opacity: .60;
opacity: .60;
}

#map_canvas a {
font-size: 8px;
}

#map_canvas span.gmnoprint {
filter:alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;
}

.pikkukuvat img, .isokuva img {
border: 1px double #808080;
padding: 1px;
background: transparent;
background-repeat: no-repeat;
}

.pikkukuvat img:hover {
border: 1px solid #ccf;
}


/* KOHDESIVU LOPPUU */

/* LKV LISTAUS */

#itemList {
width: 100%;
}

#itemList td {
border-top: 1px solid #ccc;
padding: 20px 10px;
}

#itemList .itemHeaders td {
display: hidden;
}

#itemList .itemPhoto {
text-align: center;
}

#itemList .itemPhoto img {
border: 1px solid #ccc;
padding: 2px;
background: #fff;
background-repeat: no-repeat;
}

#itemList .itemPhoto img:hover {
border: 1px solid #ccf;
}

#itemList .itemTitle {
width: 70%;
float: left;
}

#itemList .itemAddress, #itemList .itemPrice {
margin: 0;
color: #404040;
font: 500 16px/18px Georgia, "Times New Roman", Times, serif;
height: 38px;
}

#itemList .itemPrice {
width: 25%;
float: right;
text-align: right;
height: 38px;
}

#itemList .itemPresentation {
padding-top: 10px;
clear: both;
}

#itemList .itemReadmore {
padding-top: 5px;
width: 139px;
float: left;
}

#itemList .itemOrderBrochure {
padding-top: 5px;
padding-left: 5px;
float: left;
width: 100px;
}

#itemList .itemReadmore a {
display: block;
width: 139px;
height: 18px;
background-image: url(img/katsokohdetta.gif);
background-repeat: no-repeat;
}

#itemList .itemOrderBrochure a {
display: block;
width: 100px;
height: 18px;
background-image: url(img/tilaaesite.gif);
background-position: top;
}

#kaikki_esittelyssa, #lue_lisaa {
padding: 10px 0;
}

#kaikki_esittelyssa a {
display: block;
width: 286px;
height: 18px;
background-image: url(img/kaikkiesittelyssa.gif);
background-repeat: no-repeat;
}

#lue_lisaa a {
display: block;
width: 87px;
height: 18px;
background-image: url(img/luelisaa.gif);

}

#itemList .itemReadmore a:hover, #itemList .itemOrderBrochure a:hover, #kaikki_esittelyssa a:hover, #lue_lisaa a:hover {
background-repeat: no-repeat;
}

#itemList .itemReadmore a span, #itemList .itemOrderBrochure a span, #kaikki_esittelyssa a span, #lue_lisaa a span {
display: none;
}





/* LKV LISTAUS LOPPUU */

#masto {
width: 41px;
height: 10px;
position: fixed;
bottom: 5px;
right: 5px;
}

/* ETUSIVUN LISTAUS  */

table#seuraavatEsittelytTable {
margin: 5px 0;
font-size: 12px;
}

#seuraavatEsittelytTable .itemInfo {
font-size: 11px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
line-height: 16px;
}

#seuraavatEsittelytTable .itemTyyppi {
padding-top: 5px;
line-height: 16px;
}

#seuraavatEsittelytTable .itemEsittely {
padding-top: 5px;
text-align: right;
line-height: 16px;
}

#seuraavatEsittelytTable a {
text-decoration: none;
}


.lkv_heating, .lkv_roof_condition, .lkv_rc_roof, .lkv_rc_roofing {
text-transform: lowercase;
}

.newItem {
margin-bottom: 10px;
}

.presentationThumb, .newThumb {
width: 64px;
height: 64px;
float: left;
padding: 5px;
margin-right: 5px;
text-align: center;
background-position: center;
background-repeat: no-repeat;
}

/*
.presentationInfo, .newInfo {
width: 410px;
float: left;
line-height: 14px;
}
*/

#submenu {
width: 812px;
height: 30px;
float: left;
background: url(img/submenu_bg2.gif) repeat-y;
text-align: center;
}

#submenu ul {
list-style-type: none;
padding-left: 0px;
}

#submenu ul li {
display: inline;
/* background: url(img/submenu_bg.gif) repeat-x; */
}

#submenu ul li a {
height: 23px;
padding-right: 8px;
}


/* FORM */

fieldset {
margin: 27px 0 0 0;
padding: 10px 1%;
border: 1px dotted #999;
}

fieldset fieldset {
clear: left;
margin: 10px 1%;
width: 96%;
}

legend {
padding: 0 1%;
}

fieldset legend {
text-transform: uppercase;
font: 900 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

fieldset fieldset legend {
text-transform: none;
font: 900 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


label {
width: 48%;
display: block;
float: left;
font: 700 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0 0 0 1%;
}

input, textarea, select, checkbox {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #b9b9b9;
	background: #e5e5e5;
	color: #000;
width: 98%;
display: block;
}

input:focus, textarea:focus, select:focus, checkbox:focus {
background: #fff;
border: 1px solid #464547;
}

.label1col, .cb1col { width: 99%; }
.label2col, .cb2col { width: 48.5%; }
.label3col, .cb3col { width: 31.5%; }
.label4col, .cb4col { width: 23.5%; }
.label5col, .cb5col { width: 18.5%; }

.label1col input, .label1col select, .label1col textarea { width: 98%; }
.label2col input, .label2col select, .label2col textarea { width: 96%; }
.label3col input, .label3col select, .label3col textarea { width: 94%; }
.label4col input, .label4col select, .label4col textarea { width: 92%; }
.label5col input, .label5col select, .label5col textarea { width: 90%; }

.cb1col, .cb2col, .cb3col, .cb4col, .cb5col  { cursor: pointer; cursor: hand; float: left; }
.cb1col input, .cb2col input, .cb3col input, .cb4col input, .cb5col input { 
display: inline; 
padding: 0;
margin-right: 5px;
vertical-align: bottom;
width: auto;
border: none;
background: none;
}

.formButtons {
padding: 10px;
text-align: center;
}

.submitImage button, .navImage button {
border: none;
margin: 0 5px;
background: none;
cursor: pointer;
cursor: hand;
display: inline;
}

.submitButton button, .navButton button {
border: 3px double #888;
background: #aaa;
padding: 3px 10px;
width: auto;
color: #fff;
cursor: pointer;
cursor: hand;
margin: 0 5px;
display: inline;
}

.submitButton button:hover, .navButton button:hover {
border: 3px double #666;
background: #999;
}

.fieldsetIngress {
font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 1%;
}

.warningText {
border: 1px dotted #cf839e;
background: #feeef4;
padding: 5px 2%;
font-size: 11px;
font-weight: bold;
}

.warning {
border: 1px solid #cf839e;
background: #feeef4;
}