/* 

Based on andreas01 - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/
Version: 2.5 (Jan 11, 2007)

*/

/***** Body and main container *****/

body {
margin:0 auto;
padding:0;
font:76% Arial,sans-serif;
background:transparent url(../images/taustaVerkko2.jpg) 0 0 repeat-x;
color:#031535;
min-height: 800px;
overflow:-moz-scrollbars-vertical;
}

#wrap {
background: 0;
color:#031535;
margin:0 auto;
width:978px!important;
/*width:976px;*/
/*width:1174px;*/
}

/***** Various tags *****/

a {
text-decoration:none;
font-weight:bold;
color:#286ea0;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}

a img {
border:0;
}

p {
margin:0 0 1.4em 0;
}

#mainnavi {float:left; width:978px;}


/***** Header *****/

#header {
margin:0;
padding:0;
/*width: 1075px;*/
/*background: #2e1408;*/
}

#frontphoto {
margin:0 0 10px;
border:0;
}

/***** Main content *****/

#content {
margin:0;
padding:0;
}

#contentwide {
margin:0 0 5px 150px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.5em;
}

#contentwide2 {
margin:0 150px 5px 0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 0;
line-height:1.5em;
}

#content h2,#contentwide h2, #contentwide2 h2 {
font-size:1.6em;
margin:0 0 10px;
}

#content h3,#contentwide h3, #contentwide2 h3 {
font-size:1.3em;
margin:0 0 8px;
}


#content ul, #contentwide ul, #contentwide2 ul, #content ol, #contentwide ol, #contentwide2 ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li, #contentwide2 li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #contentwide2 ul ul, #content ol ol, #contentwide ol ol, #contentwide2 ol ol {
margin:0 0 0 16px;
padding:0;
}

#content .etusivuIsokuva {

margin: 0; padding: 0;
float: left;
border: 0;
}


/* vasen kolumni */

#content #leftColumn {

width: 557px;
/*width:655px;*/
height: 592px;
float: left;
margin: 0;
}

/* vasen kolumni */

#content #rightColumn {
width: 416px;
float: left;
margin: 0 0 0 4px;
color: #031535;
}


/** Etusivun uutiset ja teksti **/

#content #rightColumn #upperContent {
height: 376px;
padding: 10px 0 0 0;
text-align: center;
background: url(../images/etusivunSisaltoTausta.jpg) 0 0 no-repeat;
color: #031535;
}
#content #rightColumn #upperContent .frontPageContentArea {
margin: 2px auto 0 auto;
padding: 5px 15px 5px 25px;
width: 356px;
height: 220px;
float: left;
overflow: auto;
text-align: center;
color: #031535;
}

#content #rightColumn #upperContent .frontPageContentArea p{
font-size: 15px;
padding: 0;
margin: 6px;
}

#content #rightColumn #upperContent .frontPageContentArea h3 {
font-size: 15px;
padding: 0;
margin: 3px;
}

#content #rightColumn #upperContent .frontPageContentArea a{
color: #031535;
font-weight: normal;
}

/** Etusivun purkit **/

#content #rightColumn #lowerContent {
padding: 0;
margin: 0 0 0 0;
/*clear: both;
width: 976px;*/
/*border: 1px #006699 solid;*/
}

#content #rightColumn #lowerContent div{
margin: 0;
padding: 0;
}


#content #lowerContent div a{
width: 101px;
float: left;
height: 99px;
/*min-height: 100px;*/
margin: 4px 0 0 4px;
padding: 0; /*padding: 182px 4px 0px 4px;*/
color: #402824;
font-size: 14px;
font-weight: normal;
}


#content #lowerContent div a span {

position: absolute;
left: -9000px;

}

#content #rightColumn #lowerContent div.noMargin a{
margin: 4px 0 0 0;
}

#content #rightColumn #lowerContent div a#tuoteLinkki{
background: transparent url(../images/purkit/tutustu.gif) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuoteLinkki2 {
background: transparent url(../images/purkit/tutustu2.gif) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote1{
background: transparent url(../images/purkit/juhlafile.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote1:hover{
background: transparent url(../images/purkit/juhlafile.jpg) 0 -99px no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote2{
background: transparent url(../images/purkit/perhe.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote2:hover{
background: transparent url(../images/purkit/perhe.jpg) 0 -99px no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote3{
background: transparent url(../images/purkit/tilli.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote3:hover{
background: transparent url(../images/purkit/tilli.jpg) 0 -99px no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote4{
background: transparent url(../images/purkit/juhla.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote4:hover{
background: transparent url(../images/purkit/juhla.jpg) 0 -99px no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote5{
background: transparent url(../images/purkit/tomaatti.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote5:hover{
background: transparent url(../images/purkit/tomaatti.jpg) 0 -99px no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote6{
background: transparent url(../images/purkit/sipuli.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote6:hover{
background: transparent url(../images/purkit/sipuli.jpg) 0 -99px no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote7{
background: transparent url(../images/purkit/maijes.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote7:hover{
background: transparent url(../images/purkit/maijes.jpg) 0 -99px no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote8{
background: transparent url(../images/purkit/pippuri.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote8:hover{
background: transparent url(../images/purkit/pippuri.jpg) 0 -99px no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote9{
background: transparent url(../images/purkit/silakkarullat.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote9:hover{
background: transparent url(../images/purkit/silakkarullat.jpg) 0 -99px no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote10{
width: 206px; margin-left: 0px; margin-top: 4px;  background: transparent url(../images/purkit/kevytsuolattu-sillifile.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote10:hover{
background: transparent url(../images/purkit/kevytsuolattu-sillifile.jpg) 0 -99px no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote11{
width: 206px; margin-left: 4px; margin-top: 4px; background: transparent url(../images/purkit/matjes-sillifile.jpg) 0 0 no-repeat ;
}

#content #rightColumn #lowerContent div a#tuote11:hover{
background: transparent url(../images/purkit/matjes-sillifile.jpg) 0 -99px no-repeat ;
}