body {
	margin:0;
	padding:0;
}

img {
	border: none;
}

#container{
	background: #ffcc1a url(../../images/bg_rasteri.gif) repeat-x top;
	width: 100%;
}

#header{
	width: 900px;
	height: 130px;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#header-padding{
	padding-top: 8px;
}

#header_logo {
	float: left;
	height: 100px;
}

#header_links {
	float: right;
	background: url(../../images/topright_bg.jpg) repeat-x;
	height: 24px;
	padding: 4px 14px 4px 14px;
	margin-right: 44px;
}

#header_navi {
	
}

#header_navi a, #header_navi a:visited{
	color: #663300;
	font-size: 14px;
	font-weight: bold;
	padding-right: 19px;
}

#header_navi a.selected {
	color:  #cc0033;
}

#header_navi a:hover{
	text-decoration: underline;
}

#content-bg{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

#content{
	background: transparent url(../../images/content_rasteri.gif) repeat-x top;
}

#leftnavi {
	float: left;
	width: 216px;
	min-height: 206px;
	height: auto !important;
	height: 206px;
	background: #fff;
	margin-top: 20px;
	/*padding-bottom: 10px;*/
}

#leftnavi-otsikko-bg{
	background: #fff url(../../images/menuotsikko_bg.gif) no-repeat;
	height: 43px;
}

#leftnavi-otsikko-text{
	color: white;
	font-weight: bold;
	font-size: 13px;
	padding: 13px 0 0 15px;
}

#leftnavi-esite-select{
	background: #fff url(../../images/haku-select-bg.gif) no-repeat;
	height: 52px;
}

#leftnavi-esite-select select{
	margin: 10px 0 0 10px;
	width: 180px;
}

/**** VASEN NAVI ****/
.leftnavi-menuDiv{
	margin: 0 5px 0 5px;
}
.leftnavi-menuDiv a, .leftnavi-menuDiv a:visited{
	color: #CC0033; 
}
.leftnavi-menuDiv ul{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 13px;
}
.leftnavi-menuDiv ul li{
	padding: 1px 0 1px 5px;
	margin: 0;
	border-bottom: 1px solid #ffcc1a;
}
.leftnavi-menuDiv ul li a, .leftnavi-menuDiv ul li a:visited{
	color: #663300;
}
.leftnavi-menuDiv ul li a:hover, .leftnavi-menuDiv ul li a.selected{
	color: #CC0033;
}
.leftnavi-menuDiv ul li ul{
	font-size: 12px;
}
.leftnavi-menuDiv ul li ul li{
	border: none;
}


#pikahaku{
	background: #fff url(../../images/haku-bg.gif) no-repeat;
	height: 84px;
}

#pikahaku-input{
	padding: 10px 0 0 10px;
}

.naviline {
	border-bottom: 1px solid #ffcc1a;
}

/**** Etusivun asetukset ****/
#pagecontent, #pagecontent-etusivu{
	float: left;
	background: #fff;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	width: 600px;
	margin-top: 20px;
	margin-left: 30px;
	padding: 5px 5px 5px 5px;
}
#pagecontent-etusivu{
	width: 415px;
	padding:0;
}
#pagecontent-text{
	padding: 0 0 0 0px;
	margin: 0;
}

/**** Aluekartta ****/
#aluekarttaDiv{
	float: left;
	width: 160px;
	margin-top: 20px;
	margin-left: 25px;
	background: white;
}
.kartanalusbanneri{
	float: left;
	width: 160px;
	margin-top: 10px;
	margin-left: 25px;
}
#karttaDiv{
	margin: 5px;
}

#footer{
	background: url(../../images/bg_alapalkki.gif) repeat-x;
	height: 114px;
	text-align: center;
}

#footercontent {
	padding-top: 70px;
}

.c{
	clear: both;
}

/************************/
.etusivun-uutiset{
	margin: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffee1a
}

/************************ TUOTTEET ***************************/

.tuoteryhmaotsikko{
	color: #cc0033;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #ffcc33;
	padding-left: 10px;
	height: 105px;
}
.tuoteryhmaTable{
	width: 100%;
	padding: 0 10px 0 10px;
}
.tuoteryhmaTable tr td{
	padding: 5px;
	border-bottom: 1px dotted #E3CA70;
}
.tuoteryhmaTable .tuotenimi a, .tuoteryhmaTable .tuotenimi a:visited{
	color: #cc0033;
	font-size: 12px;
	font-weight: bold;
}
.tuoteryhmaTable .tuotenimi a:hover{
	text-decoration: underline;
}
.tuoteryhmaTable .tuotetiedot{
	color: #663300;
	font-size: 12px;
}

.tuoteryhmaTable td.noBor{
	border: 0;
}

.tuoteryhmaTable .lisatietoja tr td{
	border: none;
}

.tuoteTable{
	width: 100%;
}

.tuoteTable .tuotenimi{
	color: #cc0033;
	font-size: 18px;
	font-weight: normal;
	padding-left: 10px;
}
.tuoteTable .tuotetiedot_otsikko{
	padding-left: 10px;
}
.tuoteTable .tuotetiedot{
	font-size: 14px;
}
.tuoteTable .kuvaTd{
	width: 360px;
}
.tuoteTable .tiedotTd{
	padding-left: 20px;
}

.tuotetiedotTable{
	font-family: arial;
	width: 100%;
}
.tuotetiedotTable th, .tuotetiedotTable th.nobold{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	background: #FCCD1D;
	padding-left: 10px;
	text-align: left;
}

.tuotetiedotTable th.nobold{
	/*font-weight: normal;*/
}

.tuotetiedotTable tr td{
	font-size: 11px;
	padding: 5px 10px 5px 10px;
}
.tuotetiedotTable tr td.aineksetTd{
	width: 320px;
}
.tuotetiedotTable tr td.lisatiedotTd{
	width: 150px;
}
.tuotetiedotTable .ravintosisaltoDiv, .tuotetiedotTable .ravintosisaltoDiv-last{
	float: left;
	background: white url(../../images/ravintosisalto-bg.gif) no-repeat;
	width: 59px;
	height: 88px;
	text-align: center;
}
.tuotetiedotTable .ravintosisaltoDiv-last{
	background: white url(../../images/ravintosisalto-bg-right.gif) no-repeat;
}
.tuotetiedotTable tr td .tuotetiedot{
	font-family: "Lucida Sans Unicode";
	font-size: 14px;
	font-weight: normal;
}
.tuotetiedotTable .GDA-nimi{
	font-family: Arial;
	font-size: 10px;
	line-height: 10px;
	margin-top: 11px;
	height: 23px;
}
.tuotetiedotTable .GDA-tuotteessa{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
}
.GDA-prosentti{
	font-family: Arial;
	margin-top: 12px;
}
.tuotetiedotTable tr td .gda-info{
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
	font-weight: normal;
}

.sisaltotiedot, .sisaltotiedot2{
	width: 100%;
	font-family: arial;
	font-size: 11px;
}
.sisaltotiedot tr.row1{

}
.sisaltotiedot tr.row2, .sisaltotiedot2 tr.row2{
	background: #FFE5B4;
}
.sisaltotiedot tr td, .sisaltotiedot2 tr td{
	padding: 1px 5px 1px 5px;
}
.sisaltotiedot2 tr td{
	text-align: right;
	padding-right: 50px;
}

.sivun_otsikko{
	background: transparent url(../../images/sampyla.gif) no-repeat right;
	color: #cc0033;
	font-size: 18px;
	height: 80px;
}

/*************** TUOTEHAKU *****************/
.tuotehaku{
	border-bottom: 1px solid #E3CA70;
	padding: 0 10px 0 10px;	
}
.tuotehaku_otsikko{
	color: #cc0033;
	font-size: 18px;
	height:80px;
	/*padding-left: 10px;*/
}

.tuotetiedot td{
	padding: 0 1px 0 1px;
}

/*********** SIVUKARTTA ****************/
.sivukartta{
	margin: 10px 0 0 40px;
}
.sivukartta ul{
	padding: 0;
	margin: 0;
}
.sivukartta ul li{
	padding: 0;
	margin: 0;
}
.sivukartta ul li ul{
	margin-left: 15px;
}
.sivukartta ul li ul li{

}

/**** UUTISET ****/
ul#uutiset{
	margin: 10px 0 0 20px;
	padding: 0;
}


/**** PALAUTE ****/
.palaute-table{
	margin: 20px 0 0 10px;
}

.palaute-table tr{
	
}

.palaute-table tr td{
	padding: 1px 0 1px 0;
}

.palaute-table tr td.korosta{
	font-weight: bold;
}

.palaute-table tr td .pakollinen{
	color: #CC0033;
	font-weight: normal;
}

.palaute-table tr td select{
	width: 200px;
	border: 1px solid #ccc;
}

.palaute-table tr td input.text{
	width: 200px;
	border: 1px solid #ccc;
}

.palaute-table tr td textarea{
	width: 400px;
	height: 200px;
	border: 1px solid #ccc;
}

/**** MESSAGE-VIESTIT ****/
.message{
	margin: 5px 0 15px 0;
	padding: 5px;
	border: 1px solid #FFCC1A;
	background: #F4F4F4;
}

.message p{
	margin: 0;
	padding: 0;
}


/**** GALLERIA ****/
.galleriaDiv{
	margin: 0 0 0 10px;
}

.galleriaDiv .KuvaDiv{
	
}

.galleriaDiv .KuvaDivText{
	font-size: 9px;
}

.galleriaDiv .kuvataulukko tr td{
	background: #FFF5D8;
	border:1px solid #FFCC1A;
	padding: 5px;
}


/*********************************************************************************************************
*
*********************************************************************************************************/
.linkButton{
	color: #663300;
	font-size: 12px;
	border: 0;
	background: transparent;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
/*****************************************************************************************
			Pitkopäivä-kampanja touko-11
*****************************************************************************************/
.pitkopaiva {
	width: 600px;
	background: #fff url(http://www.pomppis.fi/kuvakirjasto/touko112.jpg) bottom right no-repeat; 
}
.pitkopaiva h1, .pitkopaiva p {
	color:#239941;
	margin-top:6px;
}
.ingress {
	font-size:12px;
	font-weight:bold;
	color:#239941;
	margin:8px 0 10px 0;
}
.pyyhkeet {
	display:block;
	color:#239941;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-0.04em;
	height:120px;
	padding-top:40px;
	margin-bottom:40px;
}
