* { padding: 0; margin: 0; }

body {
 font-family: arial;
 font-size: 12px;
 color:#3C320C;
 background-image: 
 url(images/bg.jpg);
 background-repeat: repeat-x;
 background-color:#EDE6CC;
}
img {
border:0;
}
.col {
color:#86CE03;
}
.red{
color:#F80000;
}
.text {
padding-bottom:10px;
}
.title {
padding-bottom:10px;
color:#39630D;
font-size:14px;
}
.title3 {
padding-bottom:10px;
color:#39630D;
font-size:14px;
text-decoration:underline;
}
.title2 {
color:#39630D;
font-size:14px;
}
.text2 {
padding-bottom:5px;
}
#wrapper { 
 margin: 0 auto;
 width: 778px;
 }
#header {
background:transparent url('images/header.jpg') top center no-repeat;
float: left;
width:778px;
height:214px;
}
#nav {
float: left;
width:778px;
height:58px;
}
#aukioloajat {
float:left;
margin:85px 0px 0px 690px;
color:#fff;
font-size:11px;
}

#leftpage {
float: left;
width:315px;
height:640px;
}
#leftpic {
background:transparent url('images/leftkuvabottom.jpg') top center no-repeat;
float: left;
width:315px;
height:252px;
}
#kuvat {
float:left;
width:228px;
height:172px;
margin:21px 0px 0px 52px;
}
#napit {
float: left;
width:200px;
height:43px;
}
#leftnappi {
float:left;
width:29px;
height:43px;
margin:4px 0px 0px 60px;
}
#rightnappi {
float:left;
width:45px;
height:43px;
margin:4px 0px 0px 0px;
}
#geitto {
background:transparent url('images/keittolounas.jpg') top center no-repeat;
float: left;
width:315px;
height:201px;

}
#dori {
background:transparent url('images/torilounas.jpg') top center no-repeat;
float: left;
width:315px;
height:200px;
margin:25px 0px 0px 0px;
}
#geittolista {
float:left;
width:100px;
margin:152px 0px 0px 185px;
color:#fff;
font-size:12px;
}
#torilista {
float:left;
width:100px;
margin:152px 0px 0px 180px;
color:#fff;
font-size:12px;
}



#rightpage {
float: left;
width:463px;
height:624px;
}
#rightpic {
background:transparent url('images/righbottom.jpg') top center no-repeat;
float: left;
width:463px;
height:263px;
}

#rightpic2 {
background:transparent url('images/middlebottom.jpg') top center no-repeat;
float: left;
width:463px;
height:161px;
}
#rightpic22 {
float: left;
width:463px;
height:161px;
margin:17px 0px 0px 60px;
}
#middletext {
float:left;
width:300px;
margin:70px 0px 0px 190px;
}
#rightpic3 {
background:transparent url('images/rightbottombottom.jpg') top center no-repeat;
float: left;
width:463px;
height:200px;
}
#left1 {
float:left;
width:231px;
height:200px;
}
#left1text {
float:left;
width:200px;
margin:57px 0px 0px 30px;
}
#left2{
float:left;
width:232px;
height:200px;
}
#left2pic{
float:left;
width:232px;
height:200px;
margin:52px 0px 0px 0px;
}
#footer{
background:transparent url('images/fooooot.jpg') top center no-repeat;
float:left;
width:778px;
height:65px;
padding-bottom:20px;
}
#footleft{
float:left;
width:400px;
margin:30px 0px 0px 40px;
}
#footright{
float:left;
width:300px;
margin:30px 0px 0px 30px;
}


.class1 A:link {color:#fff; text-decoration:none}
.class1 A:visited {color:#fff; text-decoration:none}
.class1 A:active {color:#fff; text-decoration:none}
.class1 A:hover {color:#fff; text-decoration:underline}

.class2 A:link {color:#3C320C; text-decoration:none}
.class2 A:visited {color:#3C320C; text-decoration:none}
.class2 A:active {color:#3C320C; text-decoration:none}
.class2 A:hover {color:#F80000; text-decoration:underline}