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

/* --- layout --- */
div#content_main {
	margin-left: 4px;
}

#contentDiv {
	position: relative;
	height: 981px;
	margin-top: 0px;
}

#bgDiv {
	position: absolute;
	top: 614px;
	width: 989px;
	height: 257px;
	background: transparent url(../images/bg_etusivu_osio.png) no-repeat;
	z-index: 0;
}

* html #bgDiv {
	background: transparent url(../images/bg_etusivu_osio2b.jpg) no-repeat;
}

/* --- kartat --- */
#flashDiv {
	position: absolute;
	width: 989px;
	height: 547px;
	top: 66px;
	left: 0px;
}
#topDivLeft {
	position: absolute;
	width: 542px;
	height: 547px;
	top: 66px;
	left: 0px;
	z-index: 2;
	/*border: solid 1px black;*/
}
#topDivLeft h1.etusivu, #topDivRight h1.etusivu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 540px;
	height: 22px;
	font-size: 20px;
	color: #fff;
	padding: 27px 0px 0px 0px;
	/*border: solid 1px white;*/
	z-index: 2;
}
#topDivLeft img {
	position: absolute;
	left: 0px;
	top: 60px; 
	z-index: 1;
}

#topDivRight {
	position: absolute;
	width: 447px;
	height: 547px;
	top: 66px;
	left: 542px;
	z-index: 2;
}
#topDivRight h1.etusivu {
	width: 430px;
	padding: 27px 0px 0px 15px;
}
#topDivRight p {
	position: absolute;
	width: 155px;
	padding: 50px 0px 0px 16px;
	color: #fff;
}

/* Suomen kartta */
ul#kartta {
	position: relative;
	left: 110px;
	top: 18px;
	width: 360px;
	height: 553px;
	list-style: none;
	background: url(../images/_kartta_etusivu/Suomi.png) no-repeat;
}
li#etelaSuomi {
	position: absolute;
	left: 127px;
	top: 416px;
	width: 120px;
	height: 83px;
}
li#lansijaSisaSuomi {
	position: absolute;
	left: 52px;
	top: 299px;
	width: 131px;
	height: 129px;
}
li#lounaisSuomi {
	position: absolute;
	left: 51px;
	top: 387px;
	width: 40px;
	height: 70px;
}
li#itaSuomi {
	position: absolute;
	left: 165px;
	top: 303px;
	width: 127px;
	height: 146px;
}
li#pohjoisSuomi {
	position: absolute;
	left: 143px;
	top: 214px;
	width: 53px;
	height: 79px;
}
li#lappi {
	position: absolute;
	left: 119px;
	top: 81px;
	width: 101px;
	height: 136px;
}

#etelaSuomi a, #lansijaSisaSuomi a, #lounaisSuomi a, #itaSuomi a, #pohjoisSuomi a, #lappi a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 5;
	/*border: solid 1px black;*/
}
li#etelaSuomi img, li#lansijaSisaSuomi img, li#lounaisSuomi img, li#itaSuomi img, li#pohjoisSuomi img, li#lappi img {
	display: block;
	position: absolute;
	z-index: 3;
}
li#etelaSuomi span, li#lansijaSisaSuomi span, li#lounaisSuomi span, li#itaSuomi span, li#pohjoisSuomi span, li#lappi span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 4;
}

/* --- texts --- */
#textDiv {
	position: absolute;
	width: 989px;
	height: 170px;
	top: 30px;
	left: 0px;
	background: transparent;
	z-index: 2;
}

#textBlock1, #textBlock2, #textBlock3, #textBlock4, #textBlock5 {
	float: left;
	width: 170px;
	height: 170px;
	margin: 0px;
	padding: 0px;
}
#textBlock5 {
	width: 189px;
}

#textBlock1 p, #textBlock2 p, #textBlock3 p, #textBlock4 p {
	color: #fff;
}
#textBlock1 {
	margin-left:0px;	
}
#textBlock2 {
	margin-left:35px;	
}
#textBlock3 {
	margin-left:29px;	
}
#textBlock4 {
	margin-left:29px;}
#textBlock5 {
	float: right;
}

h1.etusivuBoxi {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	color: #FFF;
	font-size: 15px;
}

/* --- listat --- */
ul#radiohaastattelulista {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 17px;
}
ul#radiohaastattelulista li {
	background: url(../images/bullet_arrow.png) no-repeat;
	padding: 0px 0px 0px 25px;
}

#radiohaastattelulista li a {
	color: #fff;
	text-decoration: none;
}
#radiohaastattelulista li a:hover {
	text-decoration: underline;
}

/* --- linkit --- */
a.viivalinkki:link, a.viivalinkki:visited {
	color: #fff;
	text-decoration: underline;
	background-color: none;
}
a.viivalinkki:active, a.viivalinkki:hover {
	color: #033e7a;
	text-decoration: none;
	background-color:#FFF;
}