@charset "utf-8";
/* CSS Document */

html  {
SCROLLBAR-FACE-COLOR: #ffffff; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #97a3a7; 
	SCROLLBAR-3DLIGHT-COLOR: #97a3a7; 
	SCROLLBAR-ARROW-COLOR: #97a3a7; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
		text-align:left;
  overflow-x: hidden; 
  		width:100%;
		float: none !important;
} 

html,body { 
  min-height: 100%; 
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  float: none !important;
} 

body {
background-color:#ffffff;
font: 1em 'PT Sans', sans-serif;
	color: #000000;
	text-align:left;
 min-height: fixed;
		width:100%;
		min-width:100%;
		background-image:url(kuvat/gfx/logobg.png);
		background-position:top left;
		background-repeat:no-repeat;
		float: none !important;
}



/* OTSIKOT */

h1 {
	font-size: 110%;
	color:#876344;
 padding:0px;
	margin: 0px 0px 20px 0px;
	font-weight:normal;
	letter-spacing:0.1em;
	text-transform:lowercase;
	font-variant:small-caps;
}

h1 a {	 color: #876344; text-decoration:none;}
h1 a:visited {	color: #876344; text-decoration:none;}
h1 a:hover {	color: #876344; text-decoration:none;}
h1 a:active {	color: #876344; text-decoration:none;}

#leipis h1 {
font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	color:#852340;
 padding:0px;
	margin: 0px 0px 20px 0px;
	font-weight:normal;
	letter-spacing:0.1em;
	text-transform:none;
	font-variant:normal;
}


h2 {
	font-size: 110%;	
	color: #876344;
	padding:0px;
	margin: 0px 0px 10px 0px;
		font-weight:normal;
	letter-spacing:0.1em;
}

h2 a {	 color:#876344; text-decoration:none;}
h2 a:visited {	color: #876344; text-decoration:none;}
h2 a:hover {	color: #876344; text-decoration:none;}
h2 a:active {	color: #876344; text-decoration:none;}

h2 img {border:0px;}

h3 {
	font-size: 120%;
	color: #ababad;
			padding:0px;
	margin: 30px 0px 20px 0px;
			font-weight:bold;
		letter-spacing:0em;
}

h4 {
	font-size: 110%;
	color:#ababad;
			padding:0px;
	margin: 0px 0px 0px 0px;
}

h5 {
	font-size: 90%;
	color:#ababad;
				padding:0px;
	margin: -10px 0px 0px 0px;
	font-weight:normal;
}

h6 {
	font-size: 100%;
	color:#ababad;
				padding:0px;
	margin: 30px 0px -10px 0px;
}
 
 
 /* PERUSLINKIT */

a {	font-family: 'Droid Sans', Arial, sans-serif !important;color: #000000; text-decoration:underline;}
a:visited {	color: #000000; text-decoration:underline;}
a:hover {	color: #000000; text-decoration:none;}
a:active {	color: #000000; text-decoration:underline;}

.rakennelinkit a {font-size: 100%;
	color:#5e220e;
	font-weight:normal;
	letter-spacing:0.1em;
	text-transform:lowercase;
	font-variant:small-caps;  text-decoration:none;}


/* TEKSTIT */

#navi2 a {	 color: #666666; text-decoration:none;}
#navi2 a:visited {	color: #666666; text-decoration:none;}
#navi2 a:hover {	color: #666666; text-decoration:none;}
#navi2 a:active {	color: #666666; text-decoration:none;}
 
#leipis a img {	font-family: 'Droid Sans', Arial, sans-serif !important;color: #000000; text-decoration:underline; border:1px solid #000000;}
#leipis a:visited img {	color: #000000; text-decoration:underline; border:1px solid #000000;}
#leipis a:hover img {	color: #000000; text-decoration:none; border:1px solid #000000;}
#leipis a:active img {	color: #000000; text-decoration:underline; border:1px solid #000000;}

p {padding:0px 0px 0px 0px; 
margin: 20px 0px 20px 0px;}

#leipis p {padding:0px 0px 0px 0px; 
margin: 20px 0px 20px 0px;
color:#000000; float: none !important;}

.floater p {padding:0px 0px 0px 0px; 
margin: 10px 0px 10px 0px;
color:#666666;
font-size:95%; float: none !important;}

.ingressi  {padding:0px 0px 0px 0px; 
margin: 20px 0px 20px 0px;
font-weight:bold; 
font-style:italic;
float: none !important;
 }

.kuvateksti  {padding:20px 0px 20px 100px; 
margin: 0px;
font-weight: normal;
color:#999999;
font-size:95%;
font-style:normal;
float:right;
width:300px;
line-height:140%;
text-align:left;
float: none !important;
 }
  
 
/* PääNavigaation sisältö ja muu määritelty ajaxtabs tyyleissä */
#navi {display:none;
}

/* Yläoikean navigaatio */
#navi2 {display:none;
}



/* wrappiin tulee taustakuvat ynnä muu */
#wrap1 {position:static;
width:100%;
height:100%;
z-index:0;
float: none !important;
}

/* sisältö pitää sisällään leipiksen ja floaterin */
#sisalto {position:static;
width:99%;
padding:0px 10px 10px 0px;
margin:10px;
float: none !important;
}
 

/* leipiksen sisään sijoittuu kaikki pääteksti */
#leipis {position:static;
border:black solid 0px;
padding:0px;
margin:0px 0px 0px 20px;
float: none !important;
}



/* floateriin mahtuu pieniä faktoideja mahd linkkejä ynnä muuta */
.floater {
display:none;
}
 


#maintab {
display:none;
}
.shadetabs {
display:none;
}

#ajaxcontentarea {
display:none;
}
 

/* KILKKEET */
 
#date {position:absolute;
right:5px;
bottom:5px;
margin:0px 20px 0px 0px;
padding:0px;
border:0px;
font-family: 'Droid Sans', Arial, sans-serif !important;
font-size:85%;
color:#999999;
float: none !important;
}

.pagebr {page-break-after: always;}


.ohjekuva { float: none !important;
margin:0 0.5em 1em 0;
border:0px;
}
#leipis .kuvateksti  {color:#444444; font-style:normal; font-variant:normal; font-size:85%;  clear:both; margin:3em 0 0.5em 0; }