/* CSS Document */

body { 
	background: url(../materiaalit/taustakuva3.jpg);
	padding:0px;
	margin:auto;
	}

/* TEKSTIMUOTOILU*/
	
h2 { color: #999966;}
h3 {color: #A0AC73;}
	
.leipateksti {
	font: 12px normal Tahoma,sans-serif;	
	color: #6F6F37;
	text-align:justify;}
.contentleipis {
 	padding-top:  50px;
	margin-bottom:50px;
	padding-right:60px;
	padding-left: 20px;
	min-height:318px;
	}
	
.otsikko {
	font: 25px bold Geneva, Arial, Helvetica, sans-serif;
	color:#999966;
	padding-bottom:5px;
	border-bottom: solid thin #D7DBA4;}



/* struktuuri */
			
#wrapper1 {
	background: #cfc8af;
	margin: 0 auto;
	width: 760px;
	background-image: url(../materiaalit/wrapper.gif);
	background-position:bottom;
	background-repeat:no-repeat;}

#container {
	background: #FBF9F4;
	border-top: 6px solid #cfc8af;
	background-image: url(../materiaalit/alarauna.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin: 0 auto;
	width: 750px;}
	
.pattern {
background: url(../materiaalit/pattern1.jpg);
width:900px;
margin:auto;}

.orvisproshop {
	background: #000000  url(../materiaalit/yla.gif) no-repeat ;
	height:27px;
	padding:4px;}

.banneri {
	border-top: 2px solid #663;
	height: 250px;
	border-bottom:0px;}
	
/* Navigaatio */

#outer {width:730px; height:30px; border-top:0px solid  #F2F2F2; position: relative; z-index:100}

.pad1 {width:5px; height:25px; background: #ECEADF; float:left; margin:3px 3px 0 0;}
.pad2 {width:5px; height:25px; background: #ECEADF; float:left; margin:3px 3px 0 0;}

#menu {list-style-type:none; padding:0; margin:0;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background-image: url(../materiaalit/navitausta.jpg); margin:3px 3px 0 0; position:relative;}
#menu li.sub { background-image: url(../materiaalit/navitausta.jpg);}


/* for IE5.5 and IE6 only */
#menu table { border-collapse::collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}
#menu li a {display:block; color:#000; height:25px; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:99px; text-decoration:none; text-align:center; }
#menu :hover {color: #330000; background: url(../materiaalit/navitausta2.jpg);}
#menu :hover > a {color: #330000; background: url(../materiaalit/navitausta2.jpg);}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {position:absolute; left:-9999px; width:99px;}

#menu :hover ul{left:0;top:25px;  background: #FFFFFF ;} /* the background image is for IE7  */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {padding:0 3px; left:100px; top:-3px;} 

/*alatasonalatasontason navigaatio*/
#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {padding:0 3px; left:-131px; top:-3px;}

/*3tason navigaatio*/


.sivu2 ul li a {

	text-decoration: none;
	background: #FBF9F4;
	
	border-bottom: 1px dashed  #C4CBA5;
	
	}

.sivu2{
	font-family: arial, sans-serif;
	width:120px;
	position:relative;
	font-size:11px;

0; 		z-index:100;
	;
}
.sivu2 ul {
padding:0; margin:0; list-style-type: none;  background: #FBF9F4; width:70px; /* border:1px solid #606;*/
}
.sivu2 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:80px;
}
.sivu2 ul li {
float:left;

}
.sivu2 ul li a, .menu2 ul li a:visited {
	display:block;
	float:left;
	text-decoration:none;
	/* tekstin väri */  color: #999966;
	width:120px;
	font-size:11px;
	background:transparent;
	padding-left:10px;
}
* html .sivu2 ul li a, * html .sivu2 ul li a:visited {width:70px; w\idth:70px;}

.sivu2 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.sivu2 ul li:hover a,
.sivu2 ul li a:hover{
background: #E2E8D7; color: #999966;
}

.sivu2 ul li:hover {position:relative; z-index:90;}
* html .sivu2 ul li a:hover {position:relative; z-index:100;}

.sivu2 ul li:hover ul,
.sivu2 ul li a:hover ul {
visibility:visible; position:absolute; height:auto; border:1px solid #FBF9F4; background: #FBF9F4; overflow:visible;
}
.sivu2 ul li:hover ul li a,
.sivu2 ul li a:hover ul li a{
display:block; background:transparent; color: #666142;height:auto; text-decoration:none;
}

/*alanavitaustaväri*/
.sivu2 ul li:hover ul li:hover a,
.sivu2 ul li a:hover ul li a:hover {
background: #E2E8D7; color: #666142;
}
.sivu2 ul li:hover ul li ul,
.sivu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:70px;
}
.sivu2 ul li:hover ul li:hover ul,
.sivu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #B0BB8C; list-style-type:none; background: #FBF9F4;}
.sivu2 ul li:hover ul li:hover ul li a,
.sivu2 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#B0BB8C;
}

.sivu2 ul li:hover ul li:hover ul li:hover a,
.sivu2 ul li a:hover ul li a:hover ul li a:hover {
background: #D6D7BB; color:#B0BB8C;
}



/* alaosa */

.bottom {
	border-top: 5px solid #cfc8af;
	background-image: url(../materiaalit/bottomtausta.gif);
	padding: 14px 20px;
}
			
.footer {color: #EED;padding: 5px;}

.footer .left {width: 300px;}
.footer .right {width: 300px;text-align: right;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {padding-top:20px;}
.col2 .right .content { width:500px;}
.content {padding: 10px 13px;}
.content2 {padding: 4px  4px 0px 10px;}
.right {float:right; width:460px;}
.left {float: left; width:250px; padding-left:20px;}
.thumb {background-color:#FFFFFF}

/* block list */
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;}
.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;}


/* KUVAGALLERIA */

.gallerycontainer{
position: relative;
padding:5px;
z-index:50}

.thumbnail img{
border: 3px solid  #999966;
margin: 0 5px 5px 0;
z-index:5}

.thumbnail:hover{
background-color: transparent;}

.thumbnail:hover img{
border: 3px solid #D3CB9A ;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding:7px;
border: 1px dashed #330000;
visibility: hidden;
color: #CAC98A;
text-decoration: none;}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left:261px;
top:-70px; 
z-index:100;}