/*****************************************************/
/***************     YLEISET TYYLIT    ***************/
/*****************************************************/


* {
padding:0;
margin:0;
vertical-align:top;
}

body {
	margin:0;
	background-color:#FFFFFF;
	background-image:url(images/background.jpg);
	background-repeat:repeat;
	background-position:center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4;
}



h1 {
font-size:18px;
color:#000000;
margin:8px 0px 10px 0px;
}

h2 {
font-size:14px;
font-weight:bold;
font-style:italic;
margin:7px 0px 5px 0px;
}

h3 {
font-size:12px;
font-weight:bold;
margin:7px 0px 0px 0px;
}

p {
padding-bottom:15px;
line-height:22px;
}




/*****************************************************/
/*****************     TABLE       *******************/
/*****************************************************/

.paaotsikko {
font-size:12px;
font-weight:bold;
}

.paaotsikko2 {
font-size:14px;
font-weight:bold;
padding-bottom:5px;
}


/*****************************************************/
/***********           VASEN OSA       ****************/
/*****************************************************/

#vasen_frame {
width:330px;
clear:both;
/*background-image:url(images/morko.gif);
background-position:top left;
background-repeat:no-repeat;*/
}

#vasen_frame2 {
width:330px;
clear:both;
/*background-image:url(images/morko.gif);
background-position:top left;
background-repeat:no-repeat;*/
}

#lisatiedot {
clear:both;
padding:0px 15px 15px 20px;
}

#lisatiedot p {
padding-bottom:5px;
line-height:18px;
}

.language {
clear:both;
padding:10px 0px 5px 0px;
line-height:1.7;
}

.language a {
color:#000000;
text-decoration:none;
}

.language a:hover {
text-decoration:underline;
}


/*****************************************************/
/***********           OIKEA OSA       ****************/
/*****************************************************/

#oikea_frame {
width:510px;
padding:20px 10px 10px 40px;
}

/*****************************************************/
/***********     KUVAT JA LINKIT     *****************/
/*****************************************************/

.kinoslogo {
padding:20px 10px 15px 20px;
}

.galleria {
clear:both;
padding:3px 0px 3px 0px;
}

.osallistu {
background-image:url(images/ilmoita_bcg.gif);
background-position:top;
background-repeat:no-repeat;
width:118px;
height:26px;
text-align:center;
padding-top:5px;
margin-left:20px;
margin-bottom:7px;
margin-top:7px;
}

.osallistu a {
font-size:12px;
text-decoration:none;
color:#FFFFFF;
}

.osallistu a:hover {
font-size:12px;
text-decoration:none;
color:#CCCCCC;
}

/*****************************************************/
/***************  NAVIGOINTI        ******************/
/*****************************************************/

#navi {
width:525px;
	clear:both;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	float:left;
	text-decoration: none;
	line-height:21px;
	padding:10px;
	/*border-top:1px solid #999999;
	border-bottom:1px solid #999999;*/

} 

#navi ul {
padding:0;
margin-bottom:10px;
} 

#navi li {
	text-decoration: none;
	list-style:none;
	margin: 0;
	padding: 0;
	float:left;
}

#navi li.linkki1 a {
background-image:url(images/navi/latka1.gif);
background-position:left;
background-repeat:no-repeat;
	width:88px;
	height:25px;
	display:block;
	padding-left:10px;
list-style:none;
text-decoration:none;
color:#000000;
}

#navi li.linkki1 a:hover {
background-image:url(images/navi/latka2.gif);
background-position:left;
background-repeat:no-repeat;
	width:88px;
	height:25px;
	display:block;
	padding-left:10px;
list-style:none;
text-decoration:none;
color:#000000;
}

#navi li.linkki_2 a {
background-image:url(images/navi/violetti1.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:18px;
padding-right:15px;
list-style:none;
text-decoration:none;
color:#000000;
}

#navi li.linkki_2 a:hover {
background-image:url(images/navi/violetti2.gif);
background-position:left;
background-repeat:no-repeat;
list-style:none;
text-decoration:none;
color:#000000;
}

#navi li.linkki_3 a {
background-image:url(images/navi/keltainen1.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:18px;
padding-right:15px;
list-style:none;
text-decoration:none;
color:#000000;
}

#navi li.linkki_3 a:hover {
background-image:url(images/navi/keltainen2.gif);
background-position:left;
background-repeat:no-repeat;
list-style:none;
text-decoration:none;
color:#000000;
}

#navi li.linkki_4 a {
background-image:url(images/navi/sininen1.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:18px;
padding-right:15px;
list-style:none;
text-decoration:none;
color:#000000;
}

#navi li.linkki_4 a:hover {
background-image:url(images/navi/sininen2.gif);
background-position:left;
background-repeat:no-repeat;
list-style:none;
text-decoration:none;
color:#000000;
}

#navi li.linkki_5 a {
background-image:url(images/navi/violettit1.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
padding-right:10px;
list-style:none;
text-decoration:none;
color:#000000;
}

#navi li.linkki_5 a:hover {
background-image:url(images/navi/violettit2.gif);
background-position:left;
background-repeat:no-repeat;
list-style:none;
text-decoration:none;
color:#000000;
}