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

* {
	margin:0;
	padding:0;
	font-size:1em;
	font-family:"Trebuchet MS",Arial;
	color:#676767;
}
body{
	background:url(kuvat/body_tausta.gif);
	background-color:#f9f8f6;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	font-size:76%;
}
h1{
	color:#ad0b0e;
	text-transform:uppercase;

}
.ValiAla{
	padding-bottom:50px;
}
.ValiYla{
	margin-top:30px;
}
.FltVasen{
	float:left;
}
.FltOikea{
	float:right;
}
.clear{
	clear:both;
}




/**************************************
HEADER
**************************************/
div#Header{
	margin-left:auto;
	margin-right:auto;
	width:770px;
	height:167px;
}
div.Logo{
	float:left;
	width:134px;
	height:167px;
}
div.TAE{
	float:right;
	width:213px;
	height:66px;
	margin:30px 20px 0 0;
}
div.Valikko{
	position:absolute;
	top:162px;
	margin:0 0 0 15px;
}
div.Valikko a{
	margin:0 20px 0 0;
}
/**************************************
SISÄLTÖ
**************************************/
div#SisaltoReunat{
	margin-left:auto;
	margin-right:auto;
	background:url(kuvat/sisalto_reunat.gif);
	background-repeat:no-repeat;
	width:820px;
	height:681px;
}
div#Sisalto{
	margin-left:auto;
	margin-right:auto;
	width:770px;
}
div#Vasen{
	float:left;
	width:500px;

}
div#Vasen p{
	margin:10px 30px;

}
div#Vasen h1{
	margin:40px 20px 10px 30px;
	font-size:1.1em;

}
div#Oikea{
	float:right;
	width:270px;

}
div#Oikea p{
	margin:10px 20px;
	padding:0 0 10px 0;
	background:url(kuvat/tiedotteet_valiviiva.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}
div#Oikea h1{
	margin:20px 20px 10px 20px;
	padding:20px 0 0 0;
	font-size:1.1em;
	background:url(kuvat/tiedotteet_ylareuna.gif);
	background-position:top center;
	background-repeat:no-repeat;

}
div#Oikea ul{
	list-style-position:inside;
	margin:10px 20px 10px 20px;
	list-style-type: circle;
}
div.TiedotteetAlareuna{
	margin:20px 20px 10px 20px;
	padding:10px 0 0 0;
	background:url(kuvat/tiedotteet_alareuna.gif);
	background-position:top center;
	background-repeat:no-repeat;
	width:197px;
	height:3px;
}
span.pvm{
	color:#ad0b0e;
	font-size:0.9em;

}
/**************************************
FOOTER
**************************************/
div#Footer{
	margin-left:auto;
	margin-right:auto;
	width:770px;
	text-align:center;
	font-size:0.9em;
	margin:0 22px 0 22px;
	background:url(kuvat/footer_reuna.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
.Footer{
	margin:20px 0 0 0;
}
/**************************************
HENKILOT
**************************************/
.HenkiloTausta{
	background:url(kuvat/henkilo_tausta.gif) top right;
	background-repeat:repeat-y;
	width:320px;
	height:120px;
	border:1px solid #d0d0d0;
	border-left:none;
	border-bottom:none;
	display:block;
	margin:20px 20px;
	padding:0;
}
.HenkiloTausta h1{
	margin:10px 10px 0 10px;
}
.HenkiloKuva{
	width:75px;
	height:100px;
	background-color:#e0e0e0;
	border:2px solid #d0d0d0;
	margin:10px;
}
.HenkiloTeksti{
	margin:0px 10px 0 100px;
}
.OsoiteTeksti{
	margin:10px 10px 0 10px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}