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


body  {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-color: #000;
	line-height: 130%;
}

img  {
	border: none;
}

h1  {
	font-size: 26px;
	text-align: left;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.6px;
	margin-bottom: 0;
	line-height: 30px;
}

h2  {
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
}

h3  {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 22px;
}

a {
	color: #c63c4c;
}

a:visited {
	color: #d85968;
}

a:hover {
	color: #e83f52;
}


#container { 
	width: 960px; 
	margin: 0 auto; 
	padding: 0 0 30px 0;
	text-align: left; 
	background: url(kuvat/bg_container.gif) #fff top left no-repeat;
} 

#header { 
	padding: 0; 
	height: 194px;
} 
#logo {
	margin: 35px 0 0 30px; 
	float: left;
}


/* Navigation */


#mainnav, #mainnav2, #mainnav3{ 
	float: left;
	width: 215px;
	text-indent: -9999px;
}

#mainnav2{ 
	width: 190px;
}

#mainnav3{ 
	width: 110px;
}

#mainnav { padding: 43px 0 0 220px;margin: 0;list-style-type:none}
#mainnav li{ padding: 0;margin: 0}

#mainnav li a, #mainnav2 li a, #mainnav3 li a{ display:block;background:transparent url("kuvat/navigation.gif") no-repeat top left; height: 32px;}
.suomi #mainnav li a, .suomi #mainnav2 li a, .suomi #mainnav3 li a{ display:block;background:transparent url("kuvat/s_navigation.gif") no-repeat; height: 32px;}

#mainnav li a.item1 {background-position:0 0px;} #mainnav li a:hover.item1, #mainnav li.active a.item1 {background-position: -220px 0;}
#mainnav li a.item2 {background-position:0 -40px;} #mainnav li a:hover.item2, #mainnav li.active a.item2 {background-position: -220px -40px;}
#mainnav li a.item3 {background-position:0 -80px;} #mainnav li a:hover.item3, #mainnav li.active a.item3 {background-position: -220px  -80px;}
#mainnav li a.item4 {background-position:0 -120px;} #mainnav li a:hover.item4, #mainnav li.active a.item4 {background-position: -220px  -120px;}


#mainnav2 { padding: 43px 0 0 0;margin: 0;list-style-type:none}
#mainnav2 li{ padding: 0;margin: 0}

#mainnav2 li a.item1 {background-position:0 -160px;} #mainnav2 li a:hover.item1, #mainnav2 li.active a.item1 {background-position: -220px -160px;}
#mainnav2 li a.item2 {background-position:0 -200px;} #mainnav2 li a:hover.item2, #mainnav2 li.active a.item2 {background-position: -220px -200px;}
#mainnav2 li a.item3 {background-position:0 -240px;} #mainnav2 li a:hover.item3, #mainnav2 li.active a.item3 {background-position: -220px  -240px;}


#mainnav3 { padding: 43px 0 0 0;margin: 0;list-style-type:none}
#mainnav3 li{ padding: 0;margin: 0}

#mainnav3 li a.item1 {background-position:0 -280px;} #mainnav3 li a:hover.item1, #mainnav3 li.active a.item1 {background-position: -220px -280px;}
#mainnav3 li a.item2 {background-position:0 -320px;} #mainnav3 li a:hover.item2, #mainnav3 li.active a.item2 {background-position: -220px -320px;}




/* Films */

#filmSynopsis, #filmBiography, #filmInfo {
	float: left; 
	padding: 10px 0 10px 0;
	width: 320px;
}

#mainContentFilm { 
	margin: 0 0 0 20px; 
	padding: 0 20px;
} 

.bioPhoto { 
	margin: 0; 
	float: left;
	border:4px solid #DDDDDD;
	padding: 1px;
}

.filmPhoto { 
	float: right; 
	margin-top: 15px;
	border:6px solid #DDDDDD;
	padding: 1px;
}

#leftColumn { 
	width: 330px; 
	float: left; 
} 



/* Program */

table th {
	border: 0;
	width:200px;
	padding: 8px;
	margin: 0;
	font-weight: normal;
} 

table.program th {
	width:50px;
} 

table.program {
	width: 450px;
	margin-bottom: 20px;
} 

table tr {
	margin:0;
	padding:0;
} 

table td {
	margin:0;
	padding:8px;
	border-left: 0;
} 

table tr.even {
	background-color: #f4f4f4;
} 


#sidebar1 {
	float: left; 
	width: 200px; 
	padding: 15px 10px 15px 20px;
}

#mainContent { 
	margin: 0; 
	padding: 10px 140px 0 230px;
	background: url(kuvat/bg_content_vih.jpg) 0 0  no-repeat;
} 

.frontpage #mainContent { 
	margin: 0; 
	padding: 0 60px 0 540px;
	background: url(kuvat/bg_frontpage.jpg) 10px 10px no-repeat;
} 

.frontpage #webcast { 
	padding-left:83px;
	position:absolute;
	top:620px;
	width:385px;
} 

.frontpage h3.webcast { 
	border-bottom:6px solid #C63C4C;
	padding:10px 8px 10px 0;
} 

a.webcast{ 
	background-color: #C63C4C;
	padding:10px 8px 10px 8px;
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
} 


#footer { 
	padding: 0 14px 0 20px;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
}	

.fltrt {
	float: right;
}
.fltlft { 
	float: left;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}