/*Asetteluperhe normaaliselaimella katseltavaksi*/


body { 
	margin:0;
	/*background-image: url(/styles/images/tausta.png);*/
	background-size:20%;
	background-color:silver;
 } 

div#header,div#gutter,div#navigation_left,div#wrapper {
	background-color:white;
}


/*Menu*/
#banner { 
   background-image : url(/styles/images/banneri.png); 
   /*margin-left:3em;*/
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   height: 94px;
   
 } 
#topmenu ul { 
   margin : auto; 
   margin-bottom:0em;
   margin-top:1em;
 } 
#topmenu li { 
   /*float:left; 
    list-style : square inside url(/styles/images/tiili.svg);*/
   display:inline-block;
   margin : auto 0.4em; 
  
 } 
#topmenu { 
   font-family : Georgia, serif; 
   font-size : 1.5em; 
   text-align : center; 
   
 } 
#topmenu a { 
   text-decoration : none;
  /* border-bottom:2px solid #c5c7c9;*/
 } 
#topmenu a:hover { 
   /*font-family : "Times New Roman",Georgia,Serif; */
   border-bottom:2px solid #c5c7c9;
 } 
li.active { 
   color : #1f4e79 !important; 
   border-bottom : 2px solid #c5c7c9 !important; 
 } 
div#gutterTop{ 
   /*margin : 0.2em auto 1em !important; */
  background-size: contain;
  height: 2em;
  background-image : url(/styles/images/maalattuHeader.png);
	position: relative;
	z-index: 10;
 } 

#wrapper {
	padding-top:2em;
	margin: auto;
}
 div#uutisbanneri {
	width:100%;
	text-align:center;
	background-color:#F1F1F1;
	height:2em;
	padding-top: 0.5em;
}
div#uutisbanneri ul{
	margin:0;
}
div#uutisbanneri li {
	display:inline;
	list-style-type:none;
}
div#uutisbanneri a {
	display: inline-block;
	line-height: 2em;
}


	#wrapper { 
		
		width:65%;
	}
	div#navigation_left {
		width : 185px; 
	}
	div#navigation_left + div { 
		margin: auto auto auto 202px ;
	}
	/*div#gal-gaff-thumbs{
		width:800px !important;
	}*/

	#footerwrapper {  
	margin-left:2em !important;
	} 

	
	
	
	

 
 /*reunukset*/
div#navigation_left { 
   min-height : 100px; 
   
   float : left; 
   /*box-shadow : 5px 5px 3px 2px #888888; */ box-shadow: -4px 6px 7px 3px #888888;
   margin-left : 0.5em; 
   margin-right : 0.5em; 
   margin-top : 8em; 
 } 
 div#navigation_left ul { 
   padding-left : 0.3em; 
   padding-right : 0.1em; 
   padding-top:1em;
   padding-bottom:1em;
 } 
div#navigation_left li { 
   margin-bottom : 10px; 
   /*list-style : square inside url(/styles/images/tiili.svg) ;*/
   display:block;
   background-image: url(/styles/images/tiili.svg);
   /*background-position:0% -20%;*/
   background-repeat:no-repeat;
   
   /*border-left : 0.5em solid #1F4E79; */
 } 
div#navigation_left a { 
font-family : Georgia, serif;
  /* line-height : 30px; */
   padding-left : 2.0em; 
   /*color : #1F4E79;*/ 
   /*background-color : rgba(212, 205, 193, 0.298);*/
   display : inline-block;
   text-decoration : none;
   border-bottom: 2px solid #FEFDAA;
   width: 80%;
   min-height:32px;
 }
 div#navigation_left a:hover { 
   background-color : white; 
 }
div#leftBank {
 /*display: inline-block;
margin: 0px;
min-width: 285px;*/
}
div#middleBank{
	background-image : url(/styles/images/linkkitausta.svg);
	height:100%;
	background-size: 25%;
	background-color:white;
}
div#rightBank {
	/*display: inline-block;
height: 100%;
margin: 0px;
min-width: 284px;*/
}
 
 
/*content*/
#content { 
   background-color: white;
	min-height: 450px;
	padding-top: 1.5em;
	padding-left:1em;
	padding-right:1em;
	position: relative;
	top: -49px;
	z-index: 5; 
	/*overflow-y:auto;*/
 }
/*Footer*/
div#gutterBottom{
	 background-image : url(/styles/images/maalattuFooter.png); 
	    /*margin : 0.2em auto 1em !important; */
  background-size: contain;
  height: 2em;
  margin-top:-33px
}
#footerwrapper {  
   padding: 1em 0em 0.5em 0em ;
   /*margin-left:273px;*/
 } 
#footer a { 
   color : black; 
   font-weight : bold; 
 } 
#footer { 
  
   /*background-size : cover; */
   background-color:#D0CDCB;
   /*min-height : 90px; */
 } 
#footer div { 
   vertical-align : top; 
 } 
#footer p { 
   padding-bottom : 0; 
 } 
.vasenlohko, .oikealohko, .keskilohko { 
   display : inline-block; 
 } 
.vasenlohko { 
   width : 33%; 
 } 
.firmannimi { 
   font-family : BradleyHandITC , "Bradley Hand ITC",sans-serif; 
   font-weight : bold;
   font-size : 1.5em; 
   color: #1f4e79;
 } 
div.keskilohko { 
   /*margin : 1em auto auto auto; */
   width : 33%; 
   text-align : center; 
 } 
div.oikealohko { 
   color : #BCB9B9;
   font-size:small;
   width : 33%; 
   text-align : right; 
   vertical-align : bottom !important; 
 } 
div.oikealohko a { 
   color : #BCB9B9 !important; 
 } 
 /*Galleria*/
div.galleriffic div.gal_main { 		/*Kuvaesitys ylle, muut jutut alle. */
	float: none !important;
	width: auto !important;
}
div.galleriffic div.slideshow-container { /*Turhien välien poisto kuvan ja sen otsikon välistä */
	height:430px !important;
}
div.galleriffic div.slideshow {	/*Kuvan keskitys pohjalle*/
	position:relative;
	left:250px;
}
div.galleriffic div.download { /*Kuvan otsikon vieressä oleva linkki keskelle ja alas */
	font-size: small;
	position: relative;
	text-align: center;
	top: 47px;
	float:none !important;
}
div.galleriffic div.caption { /*Kuvan otsikkorivin pohjan laajennus koko pohjalle*/
		width:1000px;
}
div.galleriffic div.image-title { /*Kuvan otsikkorivin keskitys */
	text-align: center;
}
span.galleriffic_tagit { /*Kuvan tagien määritys */
	color:grey;
}

div#galleriaSlim {
	border-top: thin solid #BCB9B9;
}