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

@-webkit-keyframes lampaat {
	0% 	{opacity:1;}
	19% 	{opacity:1;}
	33% 	{opacity:0;}
	86% 	{opacity:0;}
	100% 	{opacity:1;}
	}

@-moz-keyframes lampaat {
	0% 	{opacity:1;}
	19% 	{opacity:1;}
	33% 	{opacity:0;}
	86% 	{opacity:0;}
	100% 	{opacity:1;}
	}

@-o-keyframes lampaat {
	0% 	{opacity:1;}
	19% 	{opacity:1;}
	33% 	{opacity:0;}
	86% 	{opacity:0;}
	100% 	{opacity:1;}
	}

@keyframes lampaat {
	0% 	{opacity:1;}
	19% 	{opacity:1;}
	33% 	{opacity:0;}
	86% 	{opacity:0;}
	100% 	{opacity:1;}
	}

#anim-lampaat {
	z-index:0;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:330px;
	margin:0 auto;
	background:#000 url(/kuvat/etusivu/lampaat-0.jpg);
	overflow:hidden;
	}

#anim-lampaat div {
	width:100%;
	height:330px;
	position:absolute;
	left:0;
	background-position:center;
	background-repeat:no-repeat;

	-webkit-animation-name: lampaat;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 21s;
	-webkit-animation-direction:normal;

	-moz-animation-name: lampaat;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 21s;
	-moz-animation-direction:normal;

	-o-animation-name: lampaat;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 21s;
	-o-animation-direction:normal;

	animation-name: lampaat;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 21s;
	animation-direction:normal;}

#anim-lampaat div:nth-of-type(1) {
	-webkit-animation-delay: 14s;
	-moz-animation-delay: 14s;
	-o-animation-delay: 14s;
	animation-delay: 14s;
	background-image: url(/kuvat/etusivu/lampaat-3.jpg)}

#anim-lampaat div:nth-of-type(2) {
	-webkit-animation-delay: 7s;
	-moz-animation-delay: 7s;
	-o-animation-delay: 7s;
	animation-delay: 7s;
	background-image: url(/kuvat/etusivu/lampaat-2.jpg)}

#anim-lampaat div:nth-of-type(3) {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	background-image: url(/kuvat/etusivu/lampaat-1.jpg)}


.lammas-kehys {
	position:relative;
	border: hsl(23, 40%, 10%) 4px solid;
}
.lammas-kehys p {
	margin: 0;	
}


#headline {
	padding:0 7px 0 4px;
	color:#fff;
	text-shadow:
	-1px -1px 0 #000,  
	 1px -1px 0 #000,
 	-1px  1px 0 #000,
  	 1px  1px 0 #000;
/*	background:#000 url(/kuvat/etusivu/lampaat_800x340.jpg) no-repeat center;   */
	height:330px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size: 100%;
	position:relative;}

.oli-h1	{	padding:15px 0 20px;
		text-align: center;
}

.lammas-kehys h4 {
		margin:0 0 15px;
		font-size:140%;
		font-weight:bold;}

#headline a {	color:#e33;}
.levynnimi, .lausunto span {color:#e33;}
.lausunto q {	display:block}
.lausunto img {	padding:0 1px;}
.lausunto span {
	padding:0 4px;
	font-size:100%;}
.lausunto span.num {
	font-weight:bold;
	font-size:100%;}
.lausunto {	margin:0.7em 0;}
.julkaistu {
	margin:-0.4em 0 1em 0;
	font-size:100%;}

#vasemmalla {	padding-left:4px;
		float:left;
		text-align:left;
		width:45%;}
#oikealla {	float:right;
		text-align:right;
		width:45%;}





@media (max-width:600px) {
	#headline {
		opacity: 0;
		overflow: hidden;
		pointer-events: none;
	}
	.lammas-kehys {
		height: auto;
	}
}