/* CSS Document */

html, body {
	
	font-family: Tahoma, Arial, Trebuchet MS;

		text-align: left;
			margin-left:0px;

margin-top:0px;
   margin: 0; /* Voi esiintyä pientä scrollausta ilman näitä.. */
   padding: 0;
		background-color:#ffffff;
	background: url(images/bodytausta.jpg) no-repeat top left fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; 
	
	background-attachment:fixed;	
		
}

#ylavarjo {
	position:relative;
	left: 50%;
      width: 1034px;
	  height:25px;
	  clear:both;
	  background-image:url(images/ylavarjotausta.png);
	  background-repeat:no-repeat;
	  background-position:bottom left;
margin-top:20px;
margin-left: -517px;
padding:0px;
margin-bottom:0px;
}

#wrapper{
position:relative;
width:1034px;
background-image:url(images/varjotausta.png);
background-repeat:repeat-y;
left:50%;
min-height:700px;
margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
margin-top:0px;
margin-left: -517px;
padding: 0;
margin-bottom:0px;}

#vasen {
position:relative;
width: 277px;
margin-left:0px;
background-image:url(images/vasentausta.jpg);
background-repeat:no-repeat;
background-color:#005aab;
margin-left:18px;
padding-left:50px;
margin-top:0px;
padding-top:40px;
margin-bottom:0px;
font-family:Tahoma, Arial;
font-size:14px;
color:#d3d3d3;
line-height:20px;
float:left;
}
#yhteystiedot {
position:relative;
margin-left:0px;
width:210px;
margin-top:220px;
margin-bottom:40px;

line-height:20px;
float:left;
text-align:right;
}	
#oikea {
position:relative;
width: 650px;
margin-left:0px;
background-image:url(images/oikeatausta.jpg);
background-repeat:no-repeat;
margin-left:0px;
min-height:400px;
padding-left:19px;
padding-top:10px;
margin-top:0px;
float:left;
margin-bottom:0px;
}	

#oikeasisalto {
position:relative;
width: 629px;
margin-left:0px;
margin-left:0px;
padding-left:0px;
margin-top:0px;
float:left;
padding-top:0px;
margin-bottom:0px;
}

#leipateksti {
position:relative;
width: 617px;
margin-left:0px;
margin-left:12px;
padding-left:0px;
margin-top:28px;
float:left;
padding-top:0px;
font-family:Tahoma, Arial;
margin-bottom:30px;
font-size:13px;
line-height:20px;
color:#393939;
}

#pyorivateksti {
position:relative;
width: 615px;
height:17px;
float:left;
padding:7px;
background-color:#e5e5e5;
color: #444444;
font-size:14px;
margin:0;
}

#menudiv {
position:relative;
width: 750px;
margin-left:0px;

padding-left:0px;
margin-top:109px;
height:60px;
padding-top:0px;
margin-bottom:0px;
}	

#spacer {
clear:both;
    }
	#push{

height:150px;
clear:both;
}
	
#ylaslidedivi {
	position:relative;
      width: 928px;
	  height:341px;
	  background-image:url(images/ylavarjotausta.png);
	  background-repeat:no-repeat;
	 margin-left:0px;
	 margin-top:0px;
padding-left:41px;
padding-right:0px;
padding-top:43px;
margin-bottom:0px;
overflow: visible;
float:left;
	}
	#sisaltodivi {
	position:relative;
      width: 947px;
	  background-image:url(images/varjotausta1.png);
	  background-repeat:repeat-y;
	 margin-left:0px;
	 margin-top:0px;
	 min-height:450px;
padding-left:11px;
padding-right:11px;
padding-top:0px;
margin-bottom:0px;
overflow: visible;
float:left;
	}

#tuoteboksi {

float:left;
width:170px;
margin-right:20px;
height:160px;	
margin-bottom:35px;

	
	}

#fbdivi {
	float:left; width:298px; margin-left:0px;
	}

#leipisdivi {
	float:left; width:580px; margin-left:41px;
	color:#2e2e2e;
	padding-right:20px;
font-family:Trebuchet MS, Tahoma, arial;
font-size:15px; 
line-height:21px;
	}

#leipisdivi-alasivu {
	float:left; width:800px; margin-left:41px;
	color:#2e2e2e;
	padding-right:20px;
font-family:Trebuchet MS, Tahoma, arial;
font-size:15px; 
line-height:21px;
	}
#sisaltodivi-raami {
float:left; margin-left:2px; padding-top:13px; width:945px; background-image:url(images/otsikkotausta.jpg); background-repeat:repeat-x; min-height:168px;

}


#footer {
	position:relative;
	left: 50%;
      width: 1034px;
	  height:42px;
	  background-image:url(images/alavarjotausta.png);
	  background-repeat:no-repeat;
	  background-position:top left;
margin-top:0px;
margin-left: -517px;
font-size:13px;
font-family:Tahoma, Trebuchet MS, arial;
font-weight:normal;
color:#6a6a6a;
padding-top:30px;
text-align:center;
margin-bottom:0px;
overflow: visible;
float:left;	}



	



.sisaltopee img { margin-right:25px; margin-bottom:17px; padding: 5px; border: 0px solid #ddd; background-color: #e6e6e6; top:0; left:0 }
.sisaltopee img {    -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.sisaltopee img:hover {margin-right:25px; margin-bottom:17px; padding: 5px; border: 0px solid #ddd; background-color: #cdcdcd; top:0; left:0}



#alakredits {
			font-family: Arial, Georgia, Tahoma, Trebuchet MS;
		font-size:13px;
		color:#ffffff;
		text-align: center;
		
		}


	
h1 {
   font-size: 28px;
  color:#00284c;
  font-weight: normal;
  font-family:Tahoma, Arial;
  padding-left: 0px;
  margin-left:0px;
  padding-top:0px;
  padding-bottom:5px;
  margin-top:0px;
  line-height:30px;
  margin-bottom:20px;
 
}


h2 {
  font-size: 18px;
  color:#00284c;
  font-weight: bold;
  font-family:Tahoma, Arial, Trebuchet MS;
  padding-left: 0px;
  margin-left:0px;
  padding-top:0px;
  margin-top:22px;
  line-height:22px;
  margin-bottom:16px;
 
}

.alasivuh2 {
  font-size: 18px;
  color:#535353;
  font-weight: normal;
  font-family:Arial, Trebuchet MS;
  padding-left: 16px;
  margin-left:0px;
  padding-top:0px;
  margin-top:30px;
  background-image:url(images/otsikkonuoli.png);
  background-repeat:no-repeat;
  background-position:center left;
  line-height:22px;
  margin-bottom:16px;
 
}


h3 {
  font-size: 18px;
  color:#6a2202;
  font-weight: normal;
  font-family:Georgia, Tahoma, Trebuchet MS, Arial;
  padding-left: 0px;
  margin-left:0px;
  padding-top:0px;
  margin-top:2px;
  line-height:20x;
  margin-bottom:6px;
}



a.ylamenu:hover { height:53px; background-image:url(images/nappihover.jpg); background-repeat:repeat-x; background-position:bottom center; padding-top:0px; padding-left:5px;font-size:15px; font-weight:bold; float:left; margin-left:0px; border-bottom:0px #e6da06 solid; padding-right:5px; text-decoration: none; display:block; font-family: Trebuchet MS, Arial, Tahoma; color: #d4d4d4; }
a.ylamenu { height:53px; padding-top:0px; padding-left:5px;font-size:15px; float:left;font-weight:bold; margin-left:0px; margin-top:0px;  padding-right:5px; text-decoration: none; display:block; font-family: Trebuchet MS, Arial, Tahoma; color: #ffffff; }

a.ylamenuov:hover { height:53px; padding-top:0px; font-size:15px; padding-left:5px;float:left;font-weight:bold; border-bottom:0px #e6da06 solid; margin-left:0px;  padding-right:5px; text-decoration: none; display:block; font-family: Trebuchet MS, Arial, Tahoma; color: #ffffff; }
a.ylamenuov { height:53px; padding-top:0px; font-size:15px; padding-left:5px;float:left; margin-left:0px; font-weight:bold; padding-right:5px; text-decoration: none; display:block; font-family: Trebuchet MS, Arial, Tahoma; color: #d4d4d4; }



a:hover { padding-left:0px; text-decoration: none; border-bottom:0px #e6da06 solid; color: #006da1; font-family:Tahoma, Trebuchet MS, Arial;}
a { padding-left:0px;text-decoration: none; font-family: Tahoma, Trebuchet MS, Arial; color: #008fd4; }

#yhteystiedot a:hover { padding-left:0px; text-decoration: none; border-bottom:0px #003e76 solid; color: #5db4e4; font-family:Tahoma, Trebuchet MS, Arial;}
#yhteystiedot a { padding-left:0px;text-decoration: none; border-bottom:0px #003e76 solid; font-family: Tahoma, Trebuchet MS, Arial; color: #d3d3d3; }

a.donelinkki:hover { padding-left:0px; text-decoration: none; color: #003e76; border-bottom:1px #003e76 solid; font-family:Tahoma, Trebuchet MS, Arial;}
a.donelinkki { padding-left:0px;text-decoration: none; font-family: Tahoma, Trebuchet MS, Arial; color: #686868; }

#footer a:hover { padding-left:0px; text-decoration: none; color: #003e76; border-bottom:0px #003e76 solid; font-family:Tahoma, Trebuchet MS, Arial;}
#footer a { padding-left:0px;text-decoration: none; font-family:Tahoma, Trebuchet MS, Arial; color: #686868; }

.kgalleriakuva { margin-right:11px; margin-bottom:11px; padding: 3px; border: 1px solid #c9c9c9; background-color: #ffffff; top:0; left:0 }
.kgalleriakuva:hover {margin-right:11px; margin-bottom:11px ;padding: 3px; border: 1px solid #0e6c43; background-color: #ffffff; top:0; left:0}

.kgkuva { padding: 6px; border: 1px solid #9ccad9; background-color: #ffffff; top:0; left:0 }
.kgkuva:hover {padding: 6px; border: 1px solid #0e6c43; background-color: #ffffff; top:0; left:0}

a.kglink:hover { padding-left:0px; font-weight:normal; font-size: 18px; color:#00284c; text-decoration: underline; color: #000000; font-family:Tahoma, Verdana, Arial;}
a.kglink { padding-left:0px;text-decoration: none; font-weight:normal; font-size:18px; font-family: Tahoma,Verdana, Arial; color: #00284c; }

#container {position:relative; width:629px; overflow:hidden; background:#fff; padding:0px; margin:0; margin-top:16px; height:418px;}
.sliderbutton {float:left; padding:0px; margin:0; width:59px; height:59px; cursor:pointer}
#slideleft {position:absolute; top:175px; left:	40px;}
#slideleft:hover { }
#slideright {position:absolute; top:175px; left:528px;}
#slideright:hover {}
#slider {float:left; position:relative; overflow:hidden; margin:0; padding:0; width:629px; height:418px}
#slider ul {position:absolute; overflow:hidden; margin:0; padding:0; list-style:none; top:0; left:0}
#slider li {float:left; margin:0; padding:0; overflow:hidden; width:629px; height:418px}

.pagination {position:absolute; top:370px; left:10px; list-style:none; height:15px}
.pagination li {float:left; cursor:pointer; height:10px; width:10px; margin:0 4px 0 0; background-image:url(images/slidenappi.jpg); border:0px solid #fff}
.pagination li:hover, li.current { background-image:url(images/slidenappi-ov.jpg); }