@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);


body {	margin-top:0;
	background:#F8F3D9;
	height:auto; /* tässä kumottiin muun sivuston täyteen korkeuteen venytys */ 
	}

.tavara {background-color:#FFFDE7;
	background-color: hsl(49,100%,98%);
}

.tavara {
 margin-top:10px;     /* Lodju irti yläreunasta + yläreunaviiva 3.9.2013 */
 text-align: left;}

.tavara, footer {
	max-width:792px;
	margin-left: auto;
	margin-right: auto;
	border:hsl(23, 40%, 10%) 4px solid;
	box-shadow: 0 0 200px hsla(34, 60%, 27%, 0.3),
        	    0 0 10px hsla(34, 60%, 27%, 0.25);}

div.sivu,h1 {text-align:center;}

div.paaotsikkorajat {
	background:#251811;
	}

.tausta {
        text-align:center;
        color: #fff;
        background: #362317;
}

.tausta a:link, 
.tausta a:visited, 
.tausta a:active, 
.tausta a:hover, 
.tausta h1 {color: #fff;
}

.tausta h3,
.tausta h3 a:link, 
.tausta h3 a:visited, 
.tausta h3 a:active, 
.tausta h3 a:hover,
.tausta .muutsivut a:link, 
.tausta .muutsivut a:visited, 
.tausta .muutsivut a:active, 
.tausta .muutsivut a:hover {
	color: #fff;
}

p {	margin-bottom: 0; 
	margin-top:0;
} 

.aikataulukko-etusivu {
	margin: 0;
	text-align: left;
}

/*  Kun päivitysilmoituksia on monta päivittäin:           */
/*                                                         */
/*  .aikataulukko-etusivu tr {font-size:90%;}              */
/*  .aikataulukko-etusivu tr:first-child {font-size:100%;} */
/*  .aikataulukko-etusivu tr td.pvm {
	font-size:12pt;
	vertical-align:middle;
	}
*/



td 	{
	border-bottom:#362318 2px solid;
	padding:0.2em;}

tr:nth-child(3) td {border-bottom:2px solid #333;}

table {margin-bottom:0;
	width:100%;}

form {padding:4px 0 4px 0;
     border-top:6px solid #362317;}

input[type|=text] {
	width:15em;
	background-color:hsl(48,30%,90%);
	border: none;
	padding: 0.1em;
	font-size: 100%;
}

input[type|=text]:focus {
	background-color:#fff;
	outline: none;
}
input[type|=submit] {
	background: #eee;
	font-size: inherit;
	border: none;
	margin-left: 3px;
}
.muutsivut {
	font-size: 20px;
	font-weight: normal;
}


.uutiset {
	border-bottom: 2px solid #362317; /* onko muka tarpeen? */
	background: #2F2013;
	text-align: center;	
}

div.uutiset p {
   margin-top:2px;
   padding:0.3em 0.2em 0.3em 0.5em; 
   padding:0.6em 0.2em 0.6em 0.5em; 
}

.uutiset p.laskuri {
   margin-top:2px;
   padding: 0.3em 0.2em 0.3em 0.5em; 
}

p.huomio {
  background: #fff;
  border: solid 1px #ccc;
  padding-left: 0.2em;
}

p.lisaa {margin: 0.3em 0;
	text-align: center;}

h1 {	margin: 0;}

h3 {	font-weight: normal; 
	word-spacing: 1.4em;
  	margin-top: 2px; 
	margin-bottom: 0;
	
	font-weight: bold;
	padding-top: 5px; 
	padding-bottom: 5px;
}

/* Alleviivaukset toisaalta tärkeimmissä linkeissä (h3 & div) ja toisaalta uutistekstissä */

.tausta a:link, .tausta a:visited, .tausta a:hover, .tausta a:active {
	text-decoration:none;}
.uutiset a:link, .uutiset a:visited  {
	text-decoration:underline;}
.uutiset a:hover, .uutiset a:active  {
	text-decoration:none;}
/*.uutiset {font-size:90%;} */

.tausta .muutsivut a:hover, 
.tausta .muutsivut a:active, 
.tausta a:hover, 
.tausta a:active  {
	color:#000; background:#fff;
}

.muutsivut .kuvake a:hover, 
.muutsivut .kuvake a:active {
	background: transparent;
}

.lenkura {
	vertical-align: -4px;
	padding-left: 4px;
	padding-right: 4px;}

.lisaa .pallo {padding:0 0.5em;}


/* Silloin kun kuva halutaan rajautumaan eri tavoin eri levyisissä ikkunoissa. */
/* Vrt etusivulla 18.2.2025-6.1.2016 olleen kuvan muotoiluihin (ne on tästä).  */

#headline {
	padding:0 7px 0 4px;
	background:#000 url(/kuvat/etusivu/absoluuttinennollapiste-2025.jpg) no-repeat center 20%;
	height:330px;
	box-shadow: 0px 0px 80px inset rgba(255,255,255,0.5);
	background-size: cover;
}

#etusivun-kuva img {
	vertical-align: top;
}


h1	{	padding:10px 0;}
h4	{	margin:0;
		font-size:150%;
		font-weight:bold;}



@media (max-width:900px) {
	h1 img {max-width:100%;height:auto;}
	p.lisaa {text-align:left;
		margin-left:0.3em;}
	.lisaa .pallo {padding:0;}
	.uutiset {text-align:left;}
	.kuvake + .erotin {display:none;}
	#some, #haku {white-space:nowrap;}
	input[type|=text] {width:15em;}
}


@media (max-width:600px) {
	h3 	{	word-spacing:0;}
}

@media (max-width:500px) {
	h1 {		padding: 3px 0;
			filter: drop-shadow(0px 0px 4px rgb(0 0 0 / 1));
		}
	h3 {		word-spacing:0;
			font-size:110%;}
	.muutsivut {	font-size:90%;}
	#headline {	padding-bottom:0.5em;
			height: 120px;
			background-size: cover;
		}
}

@media (min-width:900px) {
	div.uutiset p {
		padding-left:1em;
		padding-right:1em;}
}

@media (min-width:1000px) {

	div.tavara {margin-top:50px}
        html body {
		background-image:url(/img/tausta/absoluuttinennollapiste-2025-tausta.jpg); 
                background-repeat:no-repeat;
                background-position: center;
                background-color: #f2ead4;
		background-size:cover;  
		}
}