/*  
Theme Name: Kanniston
Theme URI: http://www.kannistonleipomo.fi/wp-content/themes/kanniston/style.css/
Description: Kanniston
Version: 1.0
Author: Activeark
*/
body
{
	background-color:#a49a90;
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position: top;
	color:#000;
	text-align: center;
	font-size: 75%;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(images/li.gif);

}


/*page containers*/
#wrap {

	min-height: 100%;
}

#page
{
	width: 806px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	background-color:#FFF;
	background-image:url(images/leftContent.gif);
	background-position:left;
	background-repeat:repeat-y;

}


#popup{
	background:#FFFFFF;
}

#popup p{ margin:0;
padding:0;}

#popup h2{ margin:0 0 10px 0;
padding:0;}

/*********************************** FORM ***************************************/

.notification {
color:#f5010d;
}

.yritysMyyntiForm h3 {
font-size:12px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666;
}

.yritysMyyntiForm {
padding:0;
margin:10px 0 0 0;
float:left;
display:inline;}

.yritysMyyntiForm form{
padding:0;
margin:20px 0 0 0;
float:left;
display:inline;}
.yritysMyyntiForm h2{
margin-bottom:20px;}

.yritysMyyntiForm label {
min-width: 130px !important;
display:inline;
float:left;
}

.yritysMyyntiForm label {display:inline;
float:left;}

* html .yritysMyyntiForm label {
width: 130px;
}

#pagepopup {
padding:20px 20px 20px 20px;
text-align:left;}

.pageframsida
{
	/*min-height: 532px;*/
	background-image:url(images/index_bg.jpg);
	background-repeat:no-repeat;
	background-position: top right;

}

.pageetusivu
{
	/*min-height: 532px;*/
	background-image:url(images/index_bg.jpg);
	background-repeat:no-repeat;
	background-position: top right;

}

.pagehistoria
{
/*	min-height: 503px;*/
	background-image:url(images/klocka.jpg);
	background-repeat:no-repeat;
	background-position: 100% 100%;

}




.pageprodukter
{
/*	min-height:569px;*/
	background-image:url(images/bord.jpg);
	background-repeat:no-repeat;
	background-position: 100% 100%;

}



.pageforsaljning
{
/*	min-height:482px;*/
	background-image:url(images/fiskar.jpg);
	background-repeat:no-repeat;
	background-position: 100% 100%;
}



.pagegalleri
{

	background-image:none;
	background-repeat:no-repeat;
	background-position: 100% 100%;
}



.pagekontakta
{
/*	min-height:480px;*/
	background-image:url(images/kikare.jpg);
	background-repeat:no-repeat;
	background-position: 100% 100%;
	
}


#overflyt {
overflow:auto;}

#galleri {
display:inline;
list-style:none;
height:300px;
width:100%;
clear:both;
}








/*page stucture*/

#sidhuvud {
	width:100%;
	height: 53px;
	background-color:#FFFFFF;
}


#headerContent
{	width:100%;
	float:left;
	background:#fff;
	display:inline;
}

#headerContent h1 {
	padding:0;
	margin:0;
	text-indent: -5000px;
	height: 10px;/*headerns storlek*/
	width: 10px;/*logons storlek*/
	font-size:10px;
	float:left;
}

#meny {
	clear:both;
	height: 33px;
	background:#FFFFFF;
	margin:0;
}

/*page struktur*/

#headerBottom, #headerBottomMyynti {
	background-image: url(images/foretaget_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FFFFFF;
	width:806px;
	height:163px;
	float:left;
	clear:both}
	
#headerBottomHistoria {
	background-image: url(images/historiaBG.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FFFFFF;
	width:806px;
	height:163px;
	float:left;
	clear:both}
	
#headerBottomGalleri {
	background-image: url(images/galleri_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FFFFFF;
	width:806px;
	height:163px;
	float:left;
	clear:both}
	
#headerBottomKontakt{
	background-image: url(images/kontakt_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FFFFFF;
	width:806px;
	height:163px;
	float:left;
	clear:both}
	
	
#headerBottomP {
	background-image: url(images/produkter_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FFFFFF;
	width:806px;
	height:163px;
	float:left;
	clear:both}

#logo {
	height:163px;
	width: 167px;
	background-image: url(images/logo.jpg);
	background-repeat:no-repeat;
	float:left;
} 

#logoHistoria {
	height:163px;
	width: 167px;
	background-image: url(images/logoHistoria.jpg);
	background-repeat:no-repeat;
	float:left;
} 

#logoGalleri {
	height:163px;
	width: 167px;
	background-image: url(images/logo_galleri.jpg);
	background-repeat:no-repeat;
	float:left;
}

#logoKontakt {
	height:163px;
	width: 167px;
	background-image: url(images/logo_kontakt.jpg);
	background-repeat:no-repeat;
	float:left;
}

#logoP {
	height:163px;
	width: 167px;
	background-image: url(images/logo_produkter.jpg);
	background-repeat:no-repeat;
	float:left;
}

#logoMyynti {
	height:163px;
	width: 167px;
	background-image: url(images/logo_myynti.jpg);
	background-repeat:no-repeat;
	float:left;
}

#leftContent {

	width:167px;/*provisorisk bredd*/
	display: inline;/*fixes IE/win double margin bug*/
	float:left;
	background-image: url(images/leftContent.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:393px;
	height: 100%;}
	
#leftContentP {

	width:167px;/*provisorisk bredd*/
	display: inline;/*fixes IE/win double margin bug*/
	float:left;
	background-image: url(images/leftContentP.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:100%;
	min-height:393px;}
	
#leftContentM {

	width:167px;/*provisorisk bredd*/
	display: inline;/*fixes IE/win double margin bug*/
	float:left;
	background-image: url(images/leftContentM.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:100%;
	min-height:393px;}
	
#leftContentF {

	width:167px;/*provisorisk bredd*/
	display: inline;/*fixes IE/win double margin bug*/
	float:left;
	background-image: url(images/leftContentF.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:100%;
	min-height:393px;}
	
#leftContentP_Fi {

	width:167px;/*provisorisk bredd*/
	display: inline;/*fixes IE/win double margin bug*/
	float:left;
	background-image: url(images/leftContentP_Fi.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:100%;
	min-height:393px;}
	
* html #LeftContentContentP, #leftContentP_Fi, #leftContentM, #leftContentF{
	height:393px;
}

#LeftContentContent {
overflow:auto;

}

* html #LeftContentContent {
	height:393px;
}

/*PRODUKTMENY*/
.produktMeny {
	margin: 42px 3px 3px 3px;
	list-style:none;
}

.produktMeny li{
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background-color:#987533;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #987533;
	border-bottom-color: #c2a061;
}

.produktMeny a{
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}

.produktMeny a:hover{
	color:#9d0101;
}


.selected a{
	color:#9d0101;}

.ingress {
	color:#543719;
	font-weight:bold;}

#rightContent {
	
	width:639px;/*provisorisk bredd*/
	display: inline;/*fixes IE/win double margin bug*/
	float:right;
	min-height:393px;
	height:100%;
	background-color:#FFFFFF;
/*	background-image: url(images/logo.jpg);
	background-repeat:no-repeat;
	background-position:top left;*/}

#rightContentContent {
	padding:40px 100px 40px 45px;}

.subProduktMeny {
	list-style:none;
}

.subProduktMeny li {
	float:left;
	display:inline; 
}

.subProduktMeny li a {
	background-color:#f9f9f9;
	font-size:100%;
	text-transform:uppercase;
	display:block;
	width: 200px !important;
	height: 20px !important;
	margin:0 10px 10px 0!important;
	padding-left:10px;
	color:#000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #ed1c24;
}
.subProduktMeny li a:hover {
	color:#FFFFFF;
	background-color:#ed1c24;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ed1c24;
	border-right-color: #ed1c24;
	border-bottom-color: #ed1c24;
	border-left-color: #ed1c24;
}

#rightContentContent ul{
	list-style:none;
	margin: 0 0 20px 0;
}

#rightContentContent img{
	border: 1px solid #CCCCCC;
	padding:2px;
	margin:0 0 0 0;

}


.brun {
color:#543719;
font-weight:bold;}

.produkt_infoWrap {
	padding:5px 5px 5px 10px;
	background-color:#f9f9f9;/*#f9f9f9*/
	min-height:155px;
	margin:0 0 20px 0; /*right mmargin 220px*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #ed1c24;
}
.produkt_info {


}

#Siemenpanini {
display:none;}

* html .produkt_infoWrap {
height: 155px;
}

.produkt_infoWrap img{
float:right;
margin: 5px 5px 0 15px !important;
}

.produkt_infoWrap img:hover {
	background-color: #ccc;
}

#sub_meny {
	width: 806px;
	height: 25px;
	background-image: url(images/sub_meny.gif);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
}

#sub_meny div{

}

#sub_meny ul{

}

#sub_meny a{

}

#sub_meny ul{
	display:inline;
	list-style-image: url(images/li_meny.gif);
	height: 25px;
	width: 100%;
	margin: 0 0 0 0;
	
}

#sub_meny li{

	float:left;
	margin-right: 20px;
}



.page_item a{
color:#FFFFFF;
font-weight:bold;
}

.page_item a:hover{
color:#e0e0e0;
}



.current_page_item a{
color:#e0e0e0;
font-weight:bold;
}


body#annan .page_item a{
color:#a1998f;
font-weight:normal;
}

#content {
	width:55%;/*provisorisk bredd*/
	display: inline;/*fixes IE/win double margin bug*/
	float:left;
	height: 349px;
	background-image: url(images/logo_index.jpg);
	background-repeat:no-repeat;
	background-position:top left;

}


#contentContent {
	margin: 0 0 0 0;
	padding: 30px 30px 20px 50px;

}



#sidebar {
	width: 45%;/*provisorisk bredd*/
	display: inline;/*fixes IE/win double margin bug*/
	float:right;
	min-height:349px;

}

#sidebarContent {

}

#bottomcontent {
	height:210px;
	width:806px;
/*	background-image: url(images/index_botten.jpg);*/
	background-image: url(images/index_botten-se-new.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#bottomcontent_fi {
	height:210px;
	width:806px;
/*	background-image: url(images/index_botten_fi.jpg);*/
	background-image: url(images/index_botten-fi-new.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

/* PAGE/GENERAL */

#clearer
{
	clear: both;

}

.clearer
{
	clear: both;

}


/* FOOTER */









	/* The CSS that's required to position the footer */

	html
	{
		height: 100%;
	}

	body
	{
		height: 100%;
	}


	#footer
	{
		height:134px;
		background-image: url(images/footer_bg.gif);
		background-repeat:repeat-x;
		background-position: top;
	}
	

	

	

#footerContent
	{
		width: 806px;
		padding: 12px 0 0 0;
		margin: 0 auto;
		height: 100%;
		background-image: url(images/footer_bg.jpg);
		background-repeat:no-repeat;
		background-position:top;
		text-align:center;
	}
	/* A CSS hack that only applies to IE -- specifies a different height for the footer */
	
	
/*gamla layout*/



*
{
	margin: 0;
	padding: 0;
}



img {
border:0;
padding:0;}

.marginMinus {
padding:0;
margin:-1px 0 0 0;}

body#commentspopup {padding:0;
background:000;}


/* headings general
--------------------------------------------------*/
h1, h2/*, h3, h4, h5*/ {
	font-weight: normal;
	letter-spacing: -.05em;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	font-size: 30px;
	line-height: 1em;
}

h2 {
	font-size: 30px;
}

/*h1 {color:#000;
	padding:0;
	margin:0;
}
h2 {color:#ed1c24;
	padding:0;
	margin:0 0 0 0;
	letter-spacing: -9px;
	font-size: 55px;
}

h3 {color:#ed1c24;
	padding:0;
	margin:0;
	display:inline;}

h4 {color:#ed1c24;
	padding:0 0 7px 0;
	margin:0 0 0 0;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 100%;
	display:inline;}
	
	h5 {color:#ed1c24;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size: 110%;
	display:inline;}*/
 

/*h1, h1 a,
h2, h2 a,
h3 a,
h4 a
  {color:#ed1c22;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover
  {color:#ed1c24;
  text-decoration:none;
  }*/

.red {color:#ed1c24;}

 /* headings specific
--------------------------------------------------*/

/*#content h2 {

  margin:0 0 2px 0;
  padding:0 0 5px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:2em;
  font-weight:normal;
  background-image:url(images/seperator.jpg);
  background-repeat:no-repeat;
  background-position: 50% 100%;}

#content h3 {
  margin:0 0 0 0;
  font-size:1em;
}*/


/* links general
--------------------------------------------------*/
a {text-decoration:none;
color:#ed1c24;

}

a:hover {color:#ff464d;

}



/* links specific
--------------------------------------------------*/
a.commentlink {
  margin-left:0px;
  /*background:url(images/comments.gif) center left no-repeat;*/
}

a.more {
  padding-right:10px;
}



/* paragraphs, lists, etc general
--------------------------------------------------*/
p {
  margin:0;
  padding:0 0 20px 0;
}

hr {color:#ccc; background-color: #ccc; height: 1px; border:0; margin:0;}

ul {
  margin:0 0 0 0;
  padding:0 0 0 0;
  list-style-image: url(images/li.gif);
}

li {
  margin:0 0 0 0;
  padding:0 0 0 0;
}

li p {
  margin:0 0 0 0;
  padding:0 0 0 0;}

ul ul {padding:0px;
margin:15px 0 0 30px;
list-style:inside;
list-style-image: url(images/li.gif);}

ul ul li {
margin: 0 0 10px 0;
padding: 0 0 0 0;
list-style:outside;
list-style-image: url(images/li.gif);}

blockquote {
  margin:0;
  padding:0 18px;
  font-style:italic;
}

/* images
--------------------------------------------------*/
img.left {
  float:left;
  margin:0 12px 0 0;
}

img.right {
  float:right;
  margin:0 0 0 12px;
}

img.center {
  display: block;
  margin:0 auto;
}

/* sidhuvud
--------------------------------------------------*/


#partners {
  /*display:none; This will hide the text in your header */
  
  margin-top: -15px;
  margin-left: 670px;
  display:block;
  width: 206px;
  height: 6px;
  text-indent: -5000px;
  overflow:hidden;
  background-image: url(images/partners.jpg);
	background-repeat:no-repeat;
}


/* navigation
--------------------------------------------------*/
/* vertical center*/
#menyContent {height: 33px;
margin: 0;
padding:0;
} 


#nav{
	float:left;
	margin: 0 0 0 0; /*menyns placering från vänster 49 - 8 li margin*/
	padding:0;
	list-style: none;
	display:inline;
}




#nav li {
	display:inline;
	float:left;
	margin: 0 0 0 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;

}


#nav a {
	float:left;
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: none;
	text-align:center;
	margin: 0;
	padding:0;
	height: 33px;
	text-indent: -5000px;
	overflow:hidden;


}
/*framsida*/
#nav .framsida a {
	background: url(images/framsida.jpg) 0px -33px no-repeat;
	width:80px;
	margin-right: 64px;
}

#nav a:active, body#framsida .framsida a {
	background: url(images/framsida.jpg) 0px 0px no-repeat;

}

#nav .framsida a:hover {
	background-position: 0px 0px;
		
}


#nav .framsida a:focus {
	background: url(images/framsida.jpg) 0px 0px no-repeat;		
}

#nav .framsida a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/framsida.jpg) 0px 0px no-repeat;
}

/*historia*/
#nav .historia a {
	background: url(images/historia.jpg) 0px -33px no-repeat;
	width:70px;
	margin-right: 64px;
}

#nav a:active, body#historia .historia a {
	background: url(images/historia.jpg) 0px 0px no-repeat;
}

#nav .historia a:hover {
	background: url(images/historia.jpg) 0px 0px;		
}


#nav .historia a:focus {
	background: url(images/historia.jpg) 0px 0px no-repeat;
		
}

#nav .historia a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/

	background: url(images/historia.jpg) 0px 0px no-repeat;


}

/*produkter*/
#nav .produkter a {
	background: url(images/produkter.jpg) 0px -33px no-repeat;
	width:87px;
	margin-right: 64px;
}

#nav a:active, body#produkter .produkter a {
	background: url(images/produkter.jpg) 0px 0px no-repeat;
}

#nav .produkter a:hover {
	background: url(images/produkter.jpg) 0px 0px no-repeat;
}


#nav .produkter a:focus {
	background: url(images/produkter.jpg) 0px 0px no-repeat;	
}

#nav .produkter a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/produkter.jpg) 0px 0px no-repeat;
}

/*forsaljning*/
#nav .forsaljning a {
	background: url(images/forsaljning.jpg) 0px -33px no-repeat;
	width:106px;
	margin-right: 64px;
}

#nav a:active, body#forsaljning .forsaljning a {
	background: url(images/forsaljning.jpg) 0px 0px no-repeat;
}

#nav .forsaljning a:hover {
	background: url(images/forsaljning.jpg) 0px 0px no-repeat;
}


#nav .forsaljning a:focus {
	background: url(images/forsaljning.jpg) 0px 0px no-repeat;	
}

#nav .forsaljning a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/forsaljning.jpg) 0px 0px no-repeat;
}

/*galleri*/
#nav .galleri a {
	background: url(images/galleri.jpg) 0px -33px no-repeat;
	width:59px;
	margin-right: 65px;
}

#nav a:active, body#galleri .galleri a {
	background: url(images/galleri.jpg) 0px 0px no-repeat;
}

#nav .galleri a:hover {
	background: url(images/galleri.jpg) 0px 0px no-repeat;
}


#nav .galleri a:focus {
	background: url(images/galleri.jpg) 0px 0px no-repeat;
}

#nav .galleri a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/galleri.jpg) 0px 0px no-repeat;
}



/*kontakta*/
#nav .kontakta a {
	background: url(images/kontakta.jpg) 0px -33px no-repeat;
	width:83px;
}

#nav a:active, body#kontakta .kontakta a {
	background: url(images/kontakta.jpg) 0px 0px no-repeat;
}

#nav .kontakta a:hover {
	background: url(images/kontakta.jpg) 0px 0px no-repeat;	
}


#nav .kontakta a:focus {
	background: url(images/kontakta.jpg) 0px 0px no-repeat;
}

#nav .kontakta a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/kontakta.jpg) 0px 0px no-repeat;
}
/*FINSKA................................................................
*/



/*etusivu*/
#nav .etusivu a {
	background: url(images/etusivu.jpg) 0px -33px no-repeat;
	width:63px;
	margin-right: 71px;
}

#nav a:active, body#etusivu .etusivu a {
	background: url(images/etusivu.jpg) 0px 0px no-repeat;

}

#nav .etusivu a:hover {
	background-position: 0px 0px;
		
}


#nav .etusivu a:focus {
	background: url(images/etusivu.jpg) 0px 0px no-repeat;		
}

#nav .etusivu a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/etusivu.jpg) 0px 0px no-repeat;
}

/*historiafi*/
#nav .historiafi a {
	background: url(images/historia.jpg) 0px -33px no-repeat;
	width:70px;
	margin-right: 72px;
}

#nav a:active, body#historiafi .historiafi a {
	background: url(images/historia.jpg) 0px 0px no-repeat;
}

#nav .historiafi a:hover {
	background: url(images/historia.jpg) 0px 0px;		
}


#nav .historiafi a:focus {
	background: url(images/historia.jpg) 0px 0px no-repeat;
		
}

#nav .historiafi a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/

	background: url(images/historia.jpg) 0px 0px no-repeat;


}

/*tuotteet*/
#nav .tuotteet a {
	background: url(images/tuotteet.jpg) 0px -33px no-repeat;
	width:74px;
	margin-right: 72px;
}

#nav a:active, body#tuotteet .tuotteet a {
	background: url(images/tuotteet.jpg) 0px 0px no-repeat;
}

#nav .tuotteet a:hover {
	background: url(images/tuotteet.jpg) 0px 0px no-repeat;
}


#nav .tuotteet a:focus {
	background: url(images/tuotteet.jpg) 0px 0px no-repeat;	
}

#nav .tuotteet a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/tuotteet.jpg) 0px 0px no-repeat;
}

/*myynti*/
#nav .myynti a {
	background: url(images/myynti.jpg) 0px -33px no-repeat;
	width:60px;
	margin-right: 72px;
}

#nav a:active, body#myynti .myynti a {
	background: url(images/myynti.jpg) 0px 0px no-repeat;
}

#nav .myynti a:hover {
	background: url(images/myynti.jpg) 0px 0px no-repeat;
}


#nav .myynti a:focus {
	background: url(images/myynti.jpg) 0px 0px no-repeat;	
}

#nav .myynti a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/myynti.jpg) 0px 0px no-repeat;
}

/*galleria*/
#nav .galleria a {
	background: url(images/galleria.jpg) 0px -33px no-repeat;
	width:71px;
	margin-right: 72px;
}

#nav a:active, body#galleria .galleria a {
	background: url(images/galleria.jpg) 0px 0px no-repeat;
}

#nav .galleria a:hover {
	background: url(images/galleria.jpg) 0px 0px no-repeat;
}


#nav .galleria a:focus {
	background: url(images/galleria.jpg) 0px 0px no-repeat;
}

#nav .galleria a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/galleria.jpg) 0px 0px no-repeat;
}



/*yhteystiedot*/
#nav .yhteystiedot a {
	background: url(images/yhteystiedot.jpg) 0px -33px no-repeat;
	width:109px;
}

#nav a:active, body#yhteystiedot .yhteystiedot a {
	background: url(images/yhteystiedot.jpg) 0px 0px no-repeat;
}

#nav .yhteystiedot a:hover {
	background: url(images/yhteystiedot.jpg) 0px 0px no-repeat;	
}


#nav .yhteystiedot a:focus {
	background: url(images/yhteystiedot.jpg) 0px 0px no-repeat;
}

#nav .yhteystiedot a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/yhteystiedot.jpg) 0px 0px no-repeat;
}





/* Sprakmeny
--------------------------------------------------*/



#navS{
	float:right;
	height: 15px;
	display:inline;
	margin: 0 0 0 0; /*menyns placering från vänster 49 - 8 li margin*/
	padding:0;
	list-style: none;
}




#navS li {
	height: 15px;
	display:inline;
	float:left;
	margin: 0 0 0 8px;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}


#navS a {
	float:left;
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: none;
	text-align:center;
	margin: 0;
	padding:0;
	height: 15px;
	text-indent: -5000px;
	overflow:hidden;


}
/*framsida*/
#navS .fi a {
	background: url(images/fi.jpg) 0px -15px no-repeat;
	width:8px;
}

#navS a:active, body#etusivu .fi a {
	background: url(images/fi.jpg) 0px 0px no-repeat;

}

#navS a:active, body#tuotteet .fi a {
	background: url(images/fi.jpg) 0px 0px no-repeat;

}


#navS a:active, body#myynti .fi a {
	background: url(images/fi.jpg) 0px 0px no-repeat;

}

#navS a:active, body#historiafi .fi a {
	background: url(images/fi.jpg) 0px 0px no-repeat;

}
#navS a:active, body#galleria .fi a {
	background: url(images/fi.jpg) 0px 0px no-repeat;

}

#navS a:active, body#yhteystiedot .fi a {
	background: url(images/fi.jpg) 0px 0px no-repeat;

}


#navS .fi a:hover {
	background-position: 0px 0px;
		
}


#navS .fi a:focus {
	background: url(images/fi.jpg) 0px 0px no-repeat;		
}

#navS .fi a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/
	background: url(images/fi.jpg) 0px 0px no-repeat;
}

/*sve*/
#navS .sve a {
	background: url(images/sve.jpg) 0px -15px no-repeat;
	width:20px;
}

#navS a:active, body#framsida .sve a {
	background: url(images/sve.jpg) 0px 0px no-repeat;
}

#navS a:active, body#produkter .sve a {
	background: url(images/sve.jpg) 0px 0px no-repeat;
}

#navS a:active, body#forsaljning .sve a {
	background: url(images/sve.jpg) 0px 0px no-repeat;
}

#navS a:active, body#historia .sve a {
	background: url(images/sve.jpg) 0px 0px no-repeat;
}

#navS a:active, body#galleri .sve a {
	background: url(images/sve.jpg) 0px 0px no-repeat;
}

#navS a:active, body#kontakta .sve a {
	background: url(images/sve.jpg) 0px 0px no-repeat;
}


#navS .sve a:hover {
	background: url(images/sve.jpg) 0px 0px;		
}


#navS .sve a:focus {
	background: url(images/sve.jpg) 0px 0px no-repeat;
		
}

#navS .sve a:active {/*detta måste finnas här så att paddingen blir rätt före man byter sida*/

	background: url(images/sve.jpg) 0px 0px no-repeat;


}


/* Content
--------------------------------------------------*/

#sidebar form {
	margin: 70px 0 0 0;

}

#thanks {
margin: 15px 0 0 0;
}

#sidebar table {
	border: 0;
}

#sidebar td{
	vertical-align: top;
	text-align: left;
}


fieldset {
border:none;}



#sidebar form fieldset {
  /* centering the search form could've
  been done way more elegant but IEWin
  and Opera refused to follow the rules */
  margin-top:7px;
  border:0 solid; /* Opera */
}



#sidebar fields {
}

#sidebar #s:hover, #sidebar #s:focus {
}
#sidebar .stad_meny {
	padding: 0px 0px 0px 4px;
	margin: 0 0 15px 0;
	color:#777;
	font-weight:bold;
	font-size: 90%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8f8f8f;
	border-right-color: #cecece;
	border-bottom-color: #e4e4e4;
	border-left-color: #cecece;
	width: 180px;
}

#sidebar .field {
	background-image:url(images/field.gif);
	background-position:top;
	background-repeat:repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8f8f8f;
	border-right-color: #cecece;
	border-bottom-color: #e4e4e4;
	border-left-color: #cecece;
	}
#resetbutton {
	/*text-indent: -5000px;
	overflow:hidden;
	cursor:pointer;
	border: 0;
	margin: 0;
	padding: 0;
	background-image:url(images/reset.jpg);
	background-repeat:no-repeat;
	width: 93px;
	height: 32px;*/
}
#submitbutton {
/*	text-indent: -5000px;
	overflow:hidden;
	cursor:pointer;
	border: 0;*/
	margin: 0 3px 0 0;
/*	padding: 0;
	background-image:url(images/submit.jpg);
	background-repeat:no-repeat;
	width: 93px;
	height: 32px;*/
}
#sidebar input {margin-bottom:7px;}
#sidebar .textArea {
	background-image:url(images/field.gif);
	background-position:top;
	background-repeat:repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8f8f8f;
	border-right-color: #cecece;
	border-bottom-color: #e4e4e4;
	border-left-color: #cecece;}

#sidebar #searchbutton {
	cursor:pointer;
	background-color:#fff;
	color:#434343;/*
	background-image:url(images/searchfield_button_bg.jpg);
  	background-repeat:repeat-x;
  	background-position:bottom;*/
	margin: 0;
	padding: 1px;
	width:auto;
	font-size:100%;
	letter-spacing:1px;
	text-align:center;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #d4535e;
		border-right-color: #d4535e;
		border-bottom-color: #900a15;
		border-left-color: #900a15;
}





/*KNAPPAR*/
#knappwrapper {
position:relative;
width: 100%;
background-color:none;
}

#knappwrapper a:active{
background-color:none;
}


#knapphistoria {
position:absolute;
display:block;
top:-480px;
right:124px;
width:178px;
height:171px;
text-indent:-5000px;
overflow:hidden;
background-color:none;}

#knappprodukter{
position:absolute;
display:block;
top:-480px;
right:124px;
width:175px;
height: 171px;
text-indent:-5000px;
overflow:hidden;
background-color:none;}

#knappforsaljning {
position:absolute;
display:block;
top:-480px;
right:124px;
width:175px;
height: 171px;
text-indent:-5000px;
overflow:hidden;
background-color:none;}

#knappkontaktaone {
position:absolute;
display:block;
top:-478px;
right:113px;
width:178px;
height:173px;
text-indent:-5000px;
overflow:hidden;
background-color:none;}

#knappkontaktatwo {
position:absolute;
display:block;
top:-310px;
right: 209px;
width:138px;
height: 132px;
text-indent:-5000px;
overflow:hidden;
background-color:none;}

#tom {
position:absolute;
display:block;
}

#kontakt_lista {
height:210px;
width:480px;
margin:-10px 0 0 0!important;}

#kontakt_lista img{
margin:0!important;}

#kontakt_lista li {
float:left;
display:block;
display:inline;
width:120px;
height: 200px;
margin: 0;
padding-bottom: 8px;
}

.takaisin {
	margin-top:-20px;
	margin-bottom: 10px;
	text-align:right;
/*	background-color:#f9f9f9;*/
	font-size:100%;
	display:block;
	padding: 0 10px;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #fff;
/*	border-bottom-color: #CCCCCC;*/
	border-left-color: #FFFFFF;
}
.takaisin:hover {
	margin-top:-20px;
	margin-bottom: 10px;
	text-align:right;
/*	background-color:#f9f9f9;*/
	font-size:100%;
	display:block;
	padding: 0 10px;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #fff;	
/*	border-bottom-color: #ed1c24;*/
	border-left-color: #FFFFFF;
}

.excerpt {
position:relative;
margin: 0;
padding: 50px 0 0 3px;
height: 111px;
list-style:none;
line-height:normal;
}
 .excerpt li {
 width: 160px;
 height: 121px;
 display:inline;
 padding: 20px 20px 20px 20px;
 float:left;}

.entry1 {
position:absolute;
top: -300px;
left:560px;}
/*sIFR*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	font-weight: normal;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	font-size: 30px;
	line-height: 1em;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}*/

/*.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}*/

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
/*Leipäjuurikisa*/
#juurileipakisa p{
	padding: 10px 0 0 0;
}
#juurileipakisa label input{
	margin-right: 10px;
}
#juurileipakisa table{
	margin-top: 0px;
}
#juurileipakisa table td{
	padding-top: 2px;
	padding-bottom: 2px;
}
#juurileipakisa table input{
	border: #b48c51 1px solid;
	margin-left: 20px;
}
#juurileipakisa strong.qhead{
	padding-top: 10px;
	display: block;
}
#juurileipakisa input.submit{
	background-color: #b48c51;
	color: #fff;
	border: 0px;
	width: 60px;
	height: 27px;
	line-height: 27px;
	cursor: pointer;
	font-weight: bold;
	padding-bottom: 2px;
}
#juurileipakisa  div#logo{
	width: 165px;
}
#juurileipakisa  div#headerBottom{
	background: url(images/juurileipatopbg.jpg) no-repeat 165px 0px;
	height: 161px;
}
#juurileipakisa  div#leftContent{
	background: url(images/juurileipaleftbg.jpg) no-repeat 0px 0px;
}
#juurileipakisa .produktMeny{
	margin-top: 22px;
}
#juurileipakisa #nav li.etusivu a {
background:transparent url(images/etusivu.jpg) no-repeat scroll 0 0;
}
#juurileipakisa #navS .fi a {
background:transparent url(images/fi.jpg) no-repeat scroll 0 0px;
width:8px;
}
/*Leipäjuurikisa END*/

/* product sub pages */

ul.subProduktMeny li.ruisleivat { background:url(../../../product_images/_I8M0070.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.siemenleipa { background:url(../../../product_images/1182405716139.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.italialeipa { background:url(../../../product_images/1182753474733.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.muutleivat { background:url(../../../product_images/1182753340169.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.pullat { background:url(../../../product_images/1182758812247.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.viinerit { background:url(../../../product_images/1182759468650.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.munkit { background:url(../../../product_images/1182758871952.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.pitkot { background:url(../../../product_images/1182759427882.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.sesonki { background:url(../../../product_images/1182760319562.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.muutmakeat { background:url(../../../product_images/1182760286716.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.pasteijat { background:url(../../../product_images/1182758297108.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.piiraat { background:url(../../../product_images/1182760959348.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.piirakat { background:url(../../../product_images/1182758722637.jpg) top left no-repeat transparent; padding-top:150px; }
ul.subProduktMeny li.sarvet { background:url(../../../product_images/1182760141253.jpg) top left no-repeat transparent; padding-top:150px; }