@media screen {
body {
margin: 0;
padding: 0;
background: #fff url(kuvat/tausta2.gif) repeat-x;
color: #1c3458;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 19px;
}
IMG {
border:none;	
}
a {
color: #093fa1;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: underline;
line-height: 19px;
border:none;
}
a:hover {
text-decoration: none;
}
#keskitys {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
#pohja {
clear: both;
background: url(kuvat/pohjatausta.gif) repeat-y;
width: 967px;
height: 100%;
min-height: 1600px;
margin: 0 auto 0 auto;
padding: 0;
text-align: left;
}
#pohja #ylapalkki {
clear: both;
background: url(kuvat/ylapalkki2.gif) no-repeat;
width: 967px;
height: 154px;
height: 230px;
margin: 0;
padding: 0;
text-align: center;
}
#pohja #ylapalkki .logo a h1 {
display: none;
}
#pohja #ylapalkki .logo a {
display: block;
background: url(kuvat/logo.gif) no-repeat center bottom;
width: 238px;
height: 27px;
margin: 0 auto 0 auto;
padding: 5px 0 0 0;
text-align: center;
}
#pohja #ylapalkki.iso .logo a h1 {
display: none;
}
#pohja #ylapalkki.iso .logo a {
display: block;
background: url(kuvat/ylakuva.jpg) no-repeat left top;
width: 955px;
height: 132px;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}
#logot_viiva {
width: 900px;
margin:5px auto 0 auto;
border-bottom:1px solid #FFF;
}
#pohja #ylapalkki #linkit {
width: 949px;
height: 70px;
margin: 10px auto 0px auto;
padding: 0;
}
#pohja #ylapalkki #linkit div a {
display: block;
float: left;
background-repeat: no-repeat;
background-position: center center;
width: 158px;
height: 70px;
margin: 0;
padding: 0;
text-align: center;
}
#pohja #ylapalkki #linkit div a span {
display: none;
}
#pohja #ylapalkki #linkit div.yksi a  {
background-image: url(kuvat/01.gif);
}
#pohja #ylapalkki #linkit div.kaksi a  {
background-image: url(kuvat/02.gif);
}
#pohja #ylapalkki #linkit div.kolme a  {
background-image: url(kuvat/03.gif);
}
#pohja #ylapalkki #linkit div.nelja a  {
background-image: url(kuvat/04.gif);
}
#pohja #ylapalkki #linkit div.viisi a  {
background-image: url(kuvat/05.gif);
}
#pohja #ylapalkki #linkit div.kuusi a  {
background-image: url(kuvat/06.gif);
}
#pohja #ylapalkki #linkit div.seitseman a  {
background-image: url(kuvat/07.gif);
}
#pohja #ylapalkki #linkit div.kahdeksan a  {
background-image: url(kuvat/08.gif);
}
#pohja #ylapalkki #linkit div.yhdeksan a  {
background-image: url(kuvat/09.gif);
}
#pohja #ylapalkki #linkit div.kymmenen a  {
background-image: url(kuvat/010.gif);
}
#pohja #ylapalkki #linkit div.yksitoista a  {
background-image: url(kuvat/011.gif);
}
#pohja #ylapalkki #linkit div.kaksitoista a  {
background-image: url(kuvat/012.gif);
}
#pohja #ylapalkki #linkit div.kolmetoista a  {
background-image: url(kuvat/013.gif);
}
#pohja #ylapalkki #linkit div.yksi a:hover  {
background-image: url(kuvat/01a.gif);
}
#pohja #ylapalkki #linkit div.kaksi a:hover  {
background-image: url(kuvat/02a.gif);
}
#pohja #ylapalkki #linkit div.kolme a:hover  {
background-image: url(kuvat/03a.gif);
}
#pohja #ylapalkki #linkit div.nelja a:hover  {
background-image: url(kuvat/04a.gif);
}
#pohja #ylapalkki #linkit div.viisi a:hover  {
background-image: url(kuvat/05a.gif);
}
#pohja #ylapalkki #linkit div.kuusi a:hover  {
background-image: url(kuvat/06a.gif);
}
#pohja #ylapalkki #linkit div.seitseman a:hover  {
background-image: url(kuvat/07a.gif);
}
#pohja #ylapalkki #linkit div.kahdeksan a:hover  {
background-image: url(kuvat/08a.gif);
}
#pohja #ylapalkki #linkit div.yhdeksan a:hover  {
background-image: url(kuvat/09a.gif);
}
#pohja #ylapalkki #linkit div.kymmenen a:hover  {
background-image: url(kuvat/010a.gif);
}
#pohja #ylapalkki #linkit div.yksitoista a:hover  {
background-image: url(kuvat/011a.gif);
}
#pohja #ylapalkki #linkit div.kaksitoista a:hover  {
background-image: url(kuvat/012a.gif);
}
#pohja #ylapalkki #linkit div.kolmetoista a:hover  {
background-image: url(kuvat/013a.gif);
}
#pohja #ylapalkki #valikko {
width: 907px;
height: 19px;
margin: 0;
padding: 10px 60px 0 0 ;
text-align: right;
}
#pohja #ylapalkki #valikko ul {
float: right;
list-style-type: none;
margin: 0;
padding: 0;
}
#pohja #ylapalkki #valikko ul li, #pohja #ylapalkki #valikko li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
#pohja #ylapalkki #valikko ul li a, #pohja #ylapalkki #valikko li a {
color: #ffffff;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
}
#pohja #ylapalkki #valikko ul li a:hover, #pohja #ylapalkki #valikko li a:hover {
color: #000000;
}
#pohja #ylapalkki #valikko ul li span, #pohja #ylapalkki #valikko li span {
color: #ffffff;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
margin: 0;
padding: 0 8px 0 5px;
}
#pohja #sivupalkki {
background: #1f325a;
float: left;
width: 242px;
margin: 0 0 60px 6px;
padding: 0;
}
#pohja #sivupalkki img {
border: 1px solid #ffffff;
margin: 30px 0 0 19px;
padding: 0;
}
#pohja #sivupalkki .pad {
	width: 164px;
	margin: 71px 0 0 24px;
	padding: 0;
}
#pohja #sivupalkki h3 {
background: url(kuvat/sivupalkki_otsikko.gif) center bottom no-repeat;
margin: 0 0 18px 0;
padding: 0 0 4px 17px;
color: #ffffff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
}
#pohja #sivupalkki h4 {
margin: 3px 0 0 0;
padding: 0;
color: #2768f8;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 19px;
}
#pohja #sivupalkki p {
margin: 0;
padding: 0 0 10px 0;
background: url(kuvat/viiva.gif) center bottom no-repeat;
color: #ffffff;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 17px;
}
#pohja #sivupalkki p a:visited {
color:#FFF;
}
#pohja #sivupalkki p a {
margin: 0;
padding: 0;
display: block;
color: #fff;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 17px;
}
#pohja #sivupalkki p a:hover {
font-weight:bold;
}
#pohja #sivupalkki .info {
width: 158px;
margin: 20px 0 0 19px;
padding: 17px;
background: #606e89;
color: #ffffff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 17px;
border: 1px solid #ffffff;
}
#pohja #sisalto {
background: url(kuvat/liukuvari.jpg) repeat-x #ffffff;
float: right;
width: 713px;
height: 100%;
min-height: 700px;
max-height: 100%;
margin: 0 6px 0 0;
padding: 0;
}
#pohja #sisalto .alavalikko {
float: left;
width: 259px;
height: 100%;
min-height: 500px;
max-height: 100%;
margin: 0;
padding: 0;
}
#pohja #sisalto .alavalikko2 {
float: left;
width: 147px;
height: 100%;
min-height: 500px;
max-height: 100%;
margin: 0;
padding: 0;
}
#pohja #sisalto .alavalikko ul {
list-style-type: none;
margin: 105px 0 0 33px;
padding: 0;
}
#pohja #sisalto .alavalikko2 ul {
list-style-type: none;
margin: 25px 0 0 25px;
padding: 0;
}
#pohja #sisalto .alavalikko ul li, #pohja #sisalto .alavalikko li, #pohja #sisalto .alavalikko2 ul li, #pohja #sisalto .alavalikko2 li {
background: url(kuvat/li.gif) 0 4px no-repeat;
list-style-type: none;
margin: 0;
padding: 0 0 0 15px;
}
#pohja #sisalto .alavalikko ul li a, #pohja #sisalto .alavalikko li a, #pohja #sisalto .alavalikko2 ul li a, #pohja #sisalto .alavalikko2 li a {
color: #1d325d;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
}
#pohja #sisalto .alavalikko ul li.valittu a, #pohja #sisalto .alavalikko li.valittu a, #pohja #sisalto .alavalikko2 ul li.valittu a, #pohja #sisalto .alavalikko2 li.valittu a {
color: #083da3;
}
#pohja #sisalto .alavalikko ul li a:hover, #pohja #sisalto .alavalikko li a:hover {
text-decoration: underline;
}
#pohja #sisalto .sisaltopohja {
float: right;
width: 413px;
height: 100%;
min-height: 500px;
max-height: 100%;
margin: 0;
padding: 50px 20px 70px 20px;
border-left: 1px solid #0c3da3;
}
#pohja #sisalto .sisaltopohja2 {
float: right;
width: 535px;
height: 100%;
min-height: 500px;
max-height: 100%;
margin: 0;
padding: 50px 5px 70px 5px;
border-left: 1px solid #0c3da3;
}
#pohja #sisalto #yksi.sisaltopohja {
float: right;
width: 673px;
height: 100%;
min-height: 500px;
max-height: 100%;
margin: 0;
padding: 50px 20px 70px 20px;
border: 0;
}
#pohja #sisalto .sisaltopohja h2, #pohja #sisalto .sisaltopohja2 h2 {
margin: 0;
padding: 0 0 4px 18px;
background: url(kuvat/sisalto_otsikko.gif) left bottom no-repeat;
color: #0c3da3;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
}
#pohja #sisalto .blogipohja h2 a {
text-decoration:none;
font-weight:bold;
font-size:13px;
text-transform: uppercase;
}
#pohja #sisalto .blogipohja h2 a:hover{
color: #900;
}
#pohja #sisalto .blogipohja h1 {
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 24px;
}
#pohja #sisalto .sisaltopohja h3 {
margin: 0 0 -15px 0;
padding: 0;
color: #036;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 12px;
}
#pohja #sisalto .blogipohja h3 {
margin: 0 0 15px 0;
font-size: 12px;
}
#pohja #sisalto .blogipohja P {
margin-bottom: 20px;
}

#pohja #sisalto .sisaltopohja h4 {
margin: 0 0 10px 0;
padding: 0;
color: #0b3ca2;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 19px;
letter-spacing:0.1em;
}
#pohja #sisalto .sisaltopohja small {
font-size: 10px;
line-height: 19px;
}
#pohja #sisalto .sisaltopohja .viiva {
width: 100%;
height: 1px;
background: #0c3da4;
margin: 10px 0 10px 0;
padding: 0;
}
#pohja #sisalto .sisaltopohja .viiva hr {
display: none;
}
#pohja #sisalto .sisaltopohja IMG {
float:left;
margin:0 25px 15px 0;
}
#pohja #sisalto .sisaltopohja IMG.oikea {
margin: 0 0 15px 25x;
float:right;
}
.blogiinfo {
color:#900;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
float:left;
width: 100%;
margin-bottom:2px;
text-decoration:none;
}
.avainsanat {
color:#900;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;	
}
.avainsanat a, .avainsanat a:visited {
color:#0c3da4;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
margin: 0 6px 5px 0;
text-decoration:none;
padding: 3px;
}
.avainsanat a:hover, .avainsanat a.valittu {
color:#FFF;
background: #039;
}
.reply {
	color:#900;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	display:inline;
}
SPAN.kirjoittaja {
float:left;
text-decoration:none
}
SPAN.kirjoittaja a {
text-decoration:none;
font-weight:bold;
}
SPAN.kirjoittaja a:hover {
text-decoration:underline;
}
SPAN.kommentit {
float:right;
text-decoration:none
}
.kommentti {
padding: 10px;
margin:0 0 15px 0;
border-left: 1px solid #039;
background:#FAFAFA;
}
#pohja #alapalkki {
border-top: 1px solid #9fa0a5;
margin: 35px 20px 40px 20px;
padding: 12px 0 0 0;
color: #9e9fa4;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 19px;
text-align: right;
}
#pohja .vasen {
float: left;
text-align: left;
}
#pohja .oikea {
float: right;
text-align: right;
}
.tasaus {
clear: both;
}
/* Tulostuslinkki */
#tulostuslinkki a {
display:block;
margin:30px 0 0 0;
padding-left:20px;
background: url(kuvat/tulosta.gif) center left no-repeat;
}
.uutinenjatetty {
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#525252
}

/* Blogin kommenntti form */

#kommenttiform {
	
}
/*
=======================================================================
	Gallery Rules
=======================================================================
*/
.gallery {
	width:535px;
	margin: 0 auto;
	float: left;
}
.gallery ul.gallerylist{
	width:535px;
	list-style:none;
	margin:5px;
	padding: 0;
}
.gallery ul.gallerylist li{
	width:165px;
	height:140px;
	padding: 0 0 10px 0;
	float:left;
	margin:10px 0 20px 5px;
	background:url(../images/shadow.png) bottom no-repeat;
	
}
.gallery ul.gallerylist li.last{
	margin-right:0px;
}
.gallery ul.gallerylist li img{
	width:165px;
	height:140px;
	float:left;
}
.gallery ul.gallerylist li a.title{
	padding:5px 0px 0px 0px;
	float:left;
	width:165px;
	text-decoration:underline;
	height:20px;
}
.imagezoom {
	width:165px;
	height:140px;
	background-repeat:no-repeat;
	position: absolute;
	margin-top:-165px;
	display:inline-block;
}
.imagezoom:hover {
	background-image:url(../images/imgzoom.png);
}
.videozoom {
	width:165px;
	height:140px;
	background-repeat:no-repeat;
	position:absolute;
	margin-top:-165px; 
	display:inline-block;

}
.videozoom:hover {
	background-image:url(../images/videozoom.png);
}

#fancybox-title-over {
	display:none !important;
}
.colr {
	color:#000 !important;
}
.clear {
	clear: both;	
}
a.poistanappi {
width: auto;
padding: 3px;
border: 1px solid #900;
text-decoration:none;
color:#900;
background: #F3CFD2;
font-size:10px;
font-family:Verdana, Geneva, sans-serif;
}
a.poistanappi:hover {
background: #F9ACD0;
}
a.vastaanappi {
width: auto;
padding: 3px;
border: 1px solid #900;
text-decoration:none;
color:#900;
background: #DCF8C9;
font-size:10px;
font-family:Verdana, Geneva, sans-serif;
}
a.vastaanappi:hover {
background: #9FF255;
}
.kommenttivastaukset {
margin-left: 20px;
background: #FEF3F5;
padding: 10px;
}
.kommenttivastaukset SPAN.vastausinfo {
color:#900;
font-size:10px;
display:block;
font-family:Verdana, Geneva, sans-serif;
}

} /* SCREEN loppuu */

@media print {
* {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
}
}

