/* CSS Document */
body,html {
	margin: 0px;
	padding: 0px;
	/*background-color: #3a4342;*/
	background-color: #c8dfb5;
        height: 100%;
        min-height: 100%;
	vertical-align: top;
}

img.company {
	border: 2px solid #DFEFD5;
	margin: 10px;
}

table.green_bg {
	background-image: url('files/pics/tuotehakuboxi.jpg');
	background-repeat: no-repeat;
}

img.frontpage {
	margin-right: 15px;
}
.feelpic {
	border: 10px solid #DFEFD5;
}
td.grey {
	background-color: #9D989C;
}
td.page_green {
	background-color: #DFEFD5;
}

td.article {
        background-color: #DFEFD5;
        background-repeat: repeat-x;
        height: 140px;
	padding-top: 10px;
        border-bottom: 1px solid #9C9C9C;
        padding-left: 10px;
        padding-right: 10px;
}

.frontpage_button
{
	background-image: url('files/pics2/tutustu.jpg');
	background-repeat: no-repeat;
}

td.border-right {
        border-left: 1px solid #9A9A9A;
        background-color: #DFEFD5;
	margin: 0px;
	padding: 0px;
}
td.border_left {
	border-left: 1px solid #888888;
	padding-left: 20px;
}

td.index_putiikki {
        border-right: 1px solid #A0A0A2;
        border-bottom: 1px solid #9C9C9C;
        background-color: #DDEDD2;
        /* background-image: url('files/pics/800/putiikin-kuva-etusivu.jpg'); */
	background-image: url('files/pics/tammikuu-etusivu.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        padding: 4px 0px 0px 0px;
}


td.index_putiikki2 {
        border-right: 1px solid #A0A0A2;
        border-bottom: 1px solid #9C9C9C;
        background-color: #DDEDD2;
        background-position: center center;
        background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

td.index_putiikki3 {
        border-right: 1px solid #A0A0A2;
        background-color: #DDEDD2;
        padding: 0px;
        margin: 0px;
}

td.index_verkkokaupat {
        border-bottom: 1px solid #A0A0A2;
        background-color: #DDEDD2;
        padding: 0px;
        margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
}


td.index_tori {
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #DDEDD2;
	border-bottom: 1px solid #9C9C9C;
	/*padding-left: 5px;*/
	text-align: center;
}

td.index_new {
        padding-top: 0px;
        padding-bottom: 4px;
        background-color: #DDEDD2;
        border-bottom: 1px solid #9C9C9C;
        /*padding-left: 5px;*/
	padding-left: 6px;
}

td.index_new_right {
        padding-top: 0px;
        padding-bottom: 4px;
        background-color: #DDEDD2;
        border-bottom: 1px solid #9C9C9C;
	border-right: 1px solid #9C9C9C;
        padding-left: 6px;
}


td.index_tori_image {
        background-color: #DDEDD2;
        border-bottom: 2px solid #BAC3CC;
	margin: 0px;
	padding: 0px;
}

td.putiikki_tausta {
	padding-left: 3px;
}

td.putiikki_tausta2 {
        padding-left: 0px;
	padding-top: 3px;
}


td.bg_yellow {
        background-color: #FFFDCD;
}

td.index_artikkelit {
	border-right: 1px solid #A0A0A2;
}

td.green {
	 background-color: #DFEFD5;
}

div.green {
	width: 100%;
        background-color: #DFEFD5;
	height: 30px;
}

div.dark_green
{	
	width: 100%;
	background-color: #9AC780;
	height: 25px;
}

div.yellow {
        width: 100%;
        background-color: #FEFCCC;
        height: 30px;
}


div.green_small {
        width: 100%; 
        background-color: #DFEFD5;
        height: 20px;

}
div.green_200 {
        width: 250px;
        background-color: #DFEFD5;
        height: 20px;
	padding-top: 5px;
	margin: 5px;
}

div.green_100percent {
        background-color: #DFEFD5;
        height: 20px;
        padding-top: 5px;
        margin: 5px;
	width: 100%;
}

div.green_noheight {
        background-color: #DFEFD5;
	width: 350px;
	padding: 10px;
}

div.green_noheight_wide {
        background-color: #DFEFD5;
        width: 500px;
        padding: 10px;

}

div.green_noheight_full {
        background-color: #DFEFD5;
        width: 100%;

}


div.green_video {
        background-color: #DFEFD5;
	width: 100%;
	height: 23px;
	vertical-align: bottom;
}

div.button {
	background-image: url(files/pics/vihrea-nappi.jpg);
	width: 186px;
	height: 28px;
	text-align: left;
	border-bottom: 1px solid #9C9C9C;
	text-transform: capitalize;
}
div.button_iehover {
        background-image: url(files/pics/vihrea-nappi-res.jpg);
        width: 186px;
        height: 28px;
        text-align: left;
        border-bottom: 1px solid #9C9C9C;
}
div.button:hover {
        background-image: url(files/pics/vihrea-nappi-res.jpg);
}
div.button_grey {
        background-image: url(files/pics/harmaa-nappi.jpg);
        width: 186px;
        height: 28px;
        text-align: left;
        border-bottom: 1px solid #9C9C9C;
}
div.button_grey_iehover {
        background-image: url(files/pics/harmaa-nappi-res.jpg);
        width: 186px;
        height: 28px;
        text-align: left;
        border-bottom: 1px solid #9C9C9C;
}
div.divright {
	border-bottom: 1px solid #9C9C9C;
	padding: 0px;
	margin: 0px;
}

div.divright_big {
	height: 164px;
        border-bottom: 1px solid #9C9C9C;
}

div.frontpage_topic {
	background-color: #88BE70;
	width: 195px;
	margin-left: 4px;
	margin-top: 4px;
	margin-right: 0px;
	padding-top: 2px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	height: 18px;
}

div.frontpage_topic2 {
        background-color: #88BE70;
        width: 192px;
        margin-left: 0px;
        margin-top: 4px;
        margin-right: 0px;
        padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 12px;
        height: 18px;
	text-align: left;
}


div.frontpage_topic_small {
        background-color: #88BE70;
        width: 187px;
        margin-left: 4px;
        margin-top: 4px;
	margin-right: 0px;
	padding-top: 2px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 12px;
        height: 18px;
}

div.frontpage_topic_wide {
        background-color: #88BE70;
        width: 400px;
        margin-left: 0px;
        margin-top: 4px;
	padding-top: 2px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 12px;
        height: 18px;
}

div.frontpage_topic_wide2 {
        background-color: #88BE70;
        width: 395px;
        margin-left: 0px;
        margin-top: 4px;
        padding-top: 2px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 12px;
        height: 18px;
	text-align: left;
}


* html div.divright_big {
	height: 165px;
	border-bottom: 1px solid #9C9C9C;
}

#header {
	background-image: url(files/pics/sisustus_header.jpg);
	background-repeat: no-repeat;
}

#header2 {
	background-position: top left;
        background-image: url(files/pics/800/ylapalkki-etusivu-800px.jpg);
        background-repeat: no-repeat;
	background-color: #DFEFD5;	
}

#google_ad {
	position: absolute;
	left: 50%;
   	margin-left: 405px;
	width: 160px;
	padding: 0px;
	top: 338px;
	height: 500px;
}

#google_ad2 {
        position: absolute;
        left: 50%;
        margin-left: 405px;
        width: 160px;
        padding: 0px;
        top: 159px;
        height: 500px;
}

#ad2 {
        position: absolute;
        left: 50%;
        margin-left: 405px;
        width: 160px;
        padding: 0px;
        top: 196px;
        height: 500px;
}


#g_flowers {
	background-image: url(files/pics/vihr-kukat.jpg);
	background-repeat: repeat-x;
}
#y_flowers {
        background-image: url(files/pics/kelt-kukat.jpg);
        background-repeat: repeat-x;
}
#b_flowers {
        background-image: url(files/pics/sin-kukat.jpg);
        background-repeat: repeat-x;
}
#main {
        height: 100%;
        min-height: 100%;
	padding-top: 6px;
}
#border-left {
	border-right: 1px solid #9A9A9A;
	background-color: #DFEFD5;
}
#border-right {
	border-left: 1px solid #9A9A9A;
	background-color: #DFEFD5;
}
#middle {
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
}
#login {
	background-image: url(files/pics/kirjautumislaatikko-kelt.jpg);
	background-repeat: no-repeat;
}
div.padding {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
	background-color: #FFFFFF;
}
#footer {
	background-color: #4a5453;
}

#maintable td
{
	border: 1px solid #ADAFA9;
}

#maintable
{
	border: 0px;
}


/* IMAGE LAATIKKO */

#nw {
	background-image: url(files/pics/pic_bg_nw.jpg);
	background-repeat: no-repeat;}
#n {
        background-image: url(files/pics/pic_bg_n.jpg);
        background-repeat: repeat-x;}
#ne {
        background-image: url(files/pics/pic_bg_ne.jpg);
        background-repeat: no-repeat;}
#w {
        background-image: url(files/pics/pic_bg_w.jpg);
        background-repeat: repeat-y;}
#e {
        background-image: url(files/pics/pic_bg_e.jpg);
        background-repeat: repeat-y;}
#sw {
        background-image: url(files/pics/pic_bg_sw.jpg);
        background-repeat: no-repeat;}

#s {
        background-image: url(files/pics/pic_bg_s.jpg);
        background-repeat: repeat-x;}

#se {
        background-image: url(files/pics/pic_bg_se.jpg);
        background-repeat: no-repeat;}

/* PADDINGIT */

#pl {
	padding-left: 8px;
}
#pl2 {
	padding-left: 16px;
}

.pl12 {
        padding-left: 16px;
}
.pl_image {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}
/* NAVIT */

a.nav:active,
a.nav:visited,
a.nav:link {
	color: #706F6E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding-left: 14px;
	padding-right: 15px;
	text-transform: uppercase;
}
a.nav:hover {
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
}
a.nav_sub:active,
a.nav_sub:visited,
a.nav_sub:link {
        color: #706F6E;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
        padding-left: 20px;
}
a.nav_sub:hover {
	color: #000000;
	text-decoration: none;

}

a.nav_sub2:active,
a.nav_sub2:visited,
a.nav_sub2:link {
        color: #706F6E;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
}
a.nav_sub2:hover {
	color: #000000;
	text-decoration: none;
}

a.nav_sub_sub:active,
a.nav_sub_sub:visited,
a.nav_sub_sub:link {
        color: #931231;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
	padding-left: 30px;
}
a.nav_sub_sub:hover {
        color: #000000;
        text-decoration: none;
}
a.red:active,
a.red:visited,
a.red:link {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #931231;
        padding-left: 8px;
        padding-top: 5px;
	font-weight: bold;
	text-decoration: none;	
}
a.red:hover {
	color: #931231;
	text-decoration: underline;
}

a:active,
a:visited,
a:link {
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
}
a:hover {
	text-decoration: underline;
        color: #000000;
}
a.headnav:active,
a.headnav:visited,
a.headnav:link {
	color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
}
a.headnav:hover {
        text-decoration: underline;
        color: #000000;
}
a.grey:active,
a.grey:visited,
a.grey:link {
        color: #676767;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
}
a.grey:hover {
        text-decoration: underline;
        color: #000000;
}

a.greybold:active,
a.greybold:visited,
a.greybold:link {
        color: #676767;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
	line-height: 20px;
	/*margin-left: 5px;*/
}
a.greybold:hover {
        text-decoration: underline;
        color: #000000;
}


a.red_nb:active,
a.red_nb:visited,
a.red_nb:link {
        color: #931231;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        padding-left: 8px;
        padding-top: 5px;

}
a.red_nb:hover {
        text-decoration: underline;
        color: #931231;
}
a.red_und:active,
a.red_und:visited,
a.red_und:link {
        color: #931231;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: underline;
}
a.red_nb:hover {
        text-decoration: underline;
        color: #931231;
}
a.green:active,
a.green:visited,
a.green:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0px;
        color: #77AE5D;
	text-decoration: underline;
}
a.green:hover {

}

a.bbold:active,
a.bbold:visited,
a.bbold:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0px;
        color: #000000;
	padding: 0px;
	font-weight: bold;
        text-decoration: none;
}
a.bbold:hover {
	text-decoration: underline;
}



/* Fontti määritykset */

p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
	margin: 0px;
}
p.s10 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        margin: 0px;
}
p.sub {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0px;
	padding-right: 12px;
}
p.s11 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin: 0px;
}
p.gray{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin: 0px;
	color: #4F4C4C;
}

p.grey_bold
{
	color: 676767;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
p.frontpage_text {
	margin: 0px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
}
h1 {
	margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
	font-weight: bold;
}

h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
	margin: 0px;
}

h1.red {
	padding-left: 8px;
	padding-top: 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #931231;
}

h2.red {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
	color: #931231;
	margin: 0px;
}

h2.white {
        padding-left: 8px;
        padding-top: 5px;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #FFFFFF;
}

h2.company_ad_topic
{
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #504E4F;
        margin: 0px;
}

b.red {
	color: #9C283A;
}

h3 {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
	font-weight: bold;
        margin: 0px;
}


li {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0px;
	color: #515151;
}

/* Form määreet */
input.text {
	border: 1px solid #9CC886;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

input.text_yellow {
        border: 1px solid #FFD916;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
}


input.text_grey {
        border: 1px solid #555555;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
}

input.text2 {
        border: 1px solid #9CC886;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DFEFD5;
}

input.text2_yellow {
        border: 1px solid #FFD916;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #FEFCCC;
}

input.EV
{
        visibility: hidden;
}



/* ARTIKKELI */
hr.article {
        text-align: left;
        border: 1px solid #C3DDB6;
        margin-top: 10px;
        width: 94%;
}
hr.grey {
        text-align: left;
        border: 1px solid #D5D5D5;
        margin-top: 10px;
        width: 94%;
}