/* Fonttimääritteet */
html, head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #343434;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #53378b;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #a6a6a6;
	text-decoration: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #343434;	
}
.palveluotsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a6a6a6;
	font-weight: normal;
}
.murupolku {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #53378b;
}
.murupolkuakt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #a6a6a6;
}
.tulostus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #53378b;
}
/* -------------------------------------------------------------------------*/
body {
	background-color: #53378b;
	margin: 0px;
  text-align: center;
}
#ulkoisetpalvelut {
	background-color: #e6e6e6;
	height: 20px;
	width: 100%;
	margin-bottom: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
}
#ulkoisetpalvelut #palvelut {
	display: block;
	
	position: relative;
	margin-bottom: 10px;
}
#palvelut a {
	font-size: 12px;
	font-weight: normal;
}
#wrapper {
	min-height: 800px;
	min-width: 770px;
	max-width: 1000px;
	background: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
* html #wrapper {
width: 770px;
width: expression(document.body.clientWidth < 772? "770px" : document.body.clientWidth > 1002? "1000px" : "auto");
}
#wrapper #header {
	background-color: #FFFFFF;
	height: 94px;
	padding-right: 40px;
}
#header .vaakuna {
	position: absolute;
	margin-left: -60px;
	margin-top: 1px;
	z-index: 999;
}
#headerlink {
	position: absolute;
	z-index: 999;
	margin-left: -65px;
}
#wrapper #header #headerOtsikko{
	display: block;
	float: left;
	margin-top: 25px;
	padding-left: 100px;
	position: relative;
	font-family: Times, serif;
	font-weight: bold;
	color: #424242;
	font-size: 16px;
}
#headerOtsikko .maintitle {
	margin: 0;
	padding: 0;
	font-size: 30px;
}
#wrapper #header #haku {
	display: block;
	float: right;
	margin-top: 25px;
	margin-right: 0px;
	position: relative;
}
#wrapper #header #fonttikoonsaato {
	display: block;
	float: right;
	margin-top: 15px;
	clear: right;
	position: relative;
	margin-right: 0px;
}
#haku a, #fonttikoonsaato a {
	font-size: 12px;
}
#wrapper #navikaatio {
	background-image: url(../images/navi_bg.jpg/$file/navi_bg.jpg);
	height: 26px;
	width: 100%;
}
/* vaakanavikaatio */
#wrapper #navikaatio #navitabit {
	/*background:url(../images/nav.jpg/$file/nav.jpg) no-repeat;*/
	width: 652px;
	height: 26px;
	overflow: hidden;
	margin: 0 0 0 251px;
	padding: 0;
/*	float: left;*/
	display: block;
	position: relative;
}
#navitabit li {
	margin: 0 9px 0 0;
	padding: 0;
}
#navitabit a {
	width: 168px;
	text-align: center;
	font-size: 18px;
	padding-top: 6px;
	color: #fff;
	font-family: Times, serif;
	font-weight: bold;
	background-image: url(../images/navitab.gif/$FILE/navitab.gif);
	background-repeat: no-repeat;
	background-color: #573B90;
}
#navitabit a:hover, #navitabit a.sel {
	background-image: url(../images/navitab_act.gif/$FILE/navitab_act.gif);
	background-repeat: no-repeat;
	background-color: #A6A6A6;
}
#wrapper #navikaatio #navitabit span {
    display: none;
}
#wrapper #navikaatio #navitabit li, #navitabit a {
    height: 26px;
    display: block;
}
#wrapper #navikaatio #navitabit ul {
	margin: 0px;
	padding: 0px;
}
#wrapper #navikaatio #navitabit li {
    float: left;
    list-style: none;
    display: inline;
}
#wrapper #navikaatio #navitabit #nav-tabi {
width: 133px;
background:url(../images/button_N.jpg/$file/button_N.jpg) no-repeat;
}
#wrapper #navikaatio #navitabit #nav-tabi-01 {
width: 133px;
background:url(../images/button_aanestajille_N.jpg/$file/button_aanestajille_N.jpg) no-repeat;
}	
#wrapper #navikaatio #navitabit #nav-tabi-04 {
width: 138px;
background:url(../images/button_vaalikone_N.jpg/$file/button_vaalikone_N.jpg) no-repeat;
}
#wrapper #navikaatio #navitabit #nav-tabi-02 {
width: 138px;
background:url(../images/button_asetuehdolle_N.jpg/$file/button_asetuehdolle_N.jpg) no-repeat;
}
#wrapper #navikaatio #navitabit #nav-tabi-03 {
width: 133px;
background:url(../images/button_seurakunnille_N.jpg/$file/button_seurakunnille_N.jpg) no-repeat;
}
#wrapper #navikaatio #navitabit #nav-tabi_selected {
width: 133px;
background:url(../images/button_H.jpg/$file/button_H.jpg) no-repeat;
}	
#wrapper #navikaatio #navitabit #nav-tabi-01_selected {
width: 133px;
background:url(../images/button_aanestajille_H.jpg/$file/button_aanestajille_H.jpg) no-repeat;
}	
#wrapper #navikaatio #navitabit #nav-tabi-04_selected {
width: 138px;
background:url(../images/button_vaalikone_H.jpg/$file/button_vaalikone_H.jpg) no-repeat;
}
#wrapper #navikaatio #navitabit #nav-tabi-02_selected {
width: 138px;
background:url(../images/button_asetuehdolle_H.jpg/$file/button_asetuehdolle_H.jpg) no-repeat;
}
#wrapper #navikaatio #navitabit #nav-tabi-03_selected {
width: 133px;
background:url(../images/button_seurakunnille_H.jpg/$file/button_seurakunnille_H.jpg) no-repeat;
}
#wrapper #navikaatio #navitabit #nav-tabi a:hover {
background: url(../images/button_H.jpg/$file/button_H.jpg) no-repeat ; 
}
#wrapper #navikaatio #navitabit #nav-tabi-01 a:hover {
background: url(../images/button_aanestajille_H.jpg/$file/button_aanestajille_H.jpg) no-repeat ; 
}
#wrapper #navikaatio #navitabit #nav-tabi-04 a:hover {
background: url(../images/button_vaalikone_H.jpg/$file/button_vaalikone_H.jpg) no-repeat; 
}
#wrapper #navikaatio #navitabit #nav-tabi-02 a:hover {
background: url(../images/button_asetuehdolle_H.jpg/$file/button_asetuehdolle_H.jpg) no-repeat; 
}
#wrapper #navikaatio #navitabit #nav-tabi-03 a:hover {
background: url(../images/button_seurakunnille_H.jpg/$file/button_seurakunnille_H.jpg) no-repeat; 
}
/* pystynavikaatio */
#wrapper #pystynavi {
	display: block;
	float: left;
	position: relative;
	width: 190px;
	height: 322px;	
	padding-left:40px;
}
#wrapper #pystynavi #pystynavikaatio{
min-height:200px;
}
#wrapper #pystynavi ul {
padding-left:0px;
list-style:none;
margin-left: 0px
}
#wrapper #pystynavi li {
}
#pystynavi a {
font-size: 19px;
/*line-height: 28px;*/
display: inline-block;
margin-bottom: 9px;
padding-left: 1px;
font-family: Times, serif;
font-weight: bold;
}
#pystynavi a.pos1, #pystynavi a.pos2 {
	font-size: 15px;
	margin-bottom: 7px;
	margin-top: -3px;
}
#pystynavi a.sel {
	color: #868686;
}
/* Varsinainen content alue - Otsikko, sisältö, upotus (video tai kuva) ja tiedotepalsta */
#wrapper #content {
	min-height: 650px;
	height: 100%;
	/*width: 709px;*/
	margin-left: 250px;
	border: thin solid white;
}
#content ul {
	margin: 0;
	padding-left: 1.5em;
}
#content li {
	padding-bottom: 0.5em;
}
/* Murupolku */
#wrapper #content #murupolku{
	display: block;
	float: left;
	margin-top: 20px;
	width: 85%;
	height: 15px;
}
/* Tulostus */
#wrapper #content #tulostus {
	display: block;
	float: right;
	margin-top: 15px;
	width: 15%;
	height: 18px;
	position: relative;
}
/* Otsikko*/
#wrapper #content #otsikko {
	font-family: "Times New Roman", Times, serif;
	font-size: 51px;
	letter-spacing: -0.03em;
	font-weight: bold;
	color: #008e96;
	text-decoration: none;	
	margin: 50px 0px 0px;	
	/*border: thin solid white;*/
}
/* Pääsisältöalue*/
#wrapper #content #paasisalto {
	margin-top: 15px;
	margin-left: 0px;	
	border: thin solid white;
	min-height: 420px;
	height: auto ! important;
	height: 420px;
}
#rightarea {
	float: right;
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 14px;
	background-color: #fff;
}
/* Kuva tai video oikeassa palstassa */
#wrapper #content #upotus {
    min-height: 200px;
	height: auto ! important;
	height: 200px;
	float: right;
	clear: right;
	margin-right: 0px;
/*	border: thin solid white;*/
}
/* Banner */
#wrapper #content #tiedote {
    min-height: 200px;
	height: auto ! important;
	height: 200px;
	width: 100%;
	clear: right;
	float: right;		
	/*margin-top: -200px;*/
	margin-right: 0px;
/*	border: thin solid white;*/
}
/* footer alkaa */
#footer {
	background-color: #e1e1e1;
	display: block;
	clear: both;
	/*height: 90px;*/
	width: 100%;
	margin-top: 20px;
}
#footer #eka {
display: block;
float: left;
width:25%;
height: 82px;
}
#footer #toka {
display: block;
float: left;
width:25%;
}
#footer #kolme {
display: block;
float: left;
width:25%;
}
#footer #nelja {
}
#footer .footerlinkit a {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#FOOTER {}
#footer .footerlinkit{
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer a, #footer b {
	line-height: 2em;
	padding: 7px 0 5px;
}
#footer .iconlink {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left top;
}
#footer #yhteydet ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer #yhteydet li {
	font-weight: normal;
	font-size: smaller;
}
#footer .rssteksti {
	background-image: url(../images/rss_ikoni.jpg/$file/rss_ikoni.jpg);
	background-position: left center;
}
#footer .selkokieli {
	background-image: url(../images/selkokieli_ikoni.jpg/$file/selkokieli_ikoni.jpg);
}
#footer .english {
	background-image: url(../images/english_ikoni.jpg/$file/english_ikoni.jpg);
}
#footer .viittomakieli {
	background-image: url(../images/viittomakieli_ikoni.jpg/$file/viittomakieli_ikoni.jpg);
}
#laskuri{
background-color:#F49800;
background-image: url(../images/laskuritausta.gif/$FILE/laskuritausta.gif);
background-repeat: repeat-x;
font-size:85px;
line-height: 85px;
color:#ffffff;
width:165px;
text-align:right;
padding:10px 0 0;
margin:0 0 5px 0 ;
letter-spacing:13px;
height: 75px;
_height: 85px;
overflow: hidden;
}
#laskuri_pieni {
font-size:1.3em;
white-space: nowrap;
text-align: center;
width: 175px;
}
/* PRINT */
@media print {
.topheader, #header, #muokkauspalkki a, #footer, #navi, #pystynavi a, #pystynavi,  #laskuri, #laskuri_pieni, #tulostus img, #tulostus a, .pystynavigaatio a, .palveluotsikko, .palvelut a, .palvelut img {
        display: none;
     }
     #upotus, #tiedote {
         min-height: 1px ! important;
     }
     #mainarea {
         width: 100%;
     }
     .home #content, .leftarea, .contentarea, .sitecontent .contentarea {
        width: 100%;
         margin: 0;
         padding: 0;
         display: block;
         float: left;
         clear: both;
     }
     .home .rightarea, .rightarea {
         margin: 0;
         padding: 0;
         float: left;
         clear: both;
     }
#hidden {
display:block;
width:100%;
}
#hidden img{
float:left;
}
}
/* VAALIUUTISET VIDEOSIVULLA*/
#uutispalsta {
border-top: 1px dotted #666666;
margin-right: 40px;
padding-top: 20px;
overflow: hidden;
}
#uutispalsta #ajankohtaista {
margin-right: 343px;
}
#uutisikkuna {
font-family: Arial, Verdana;
color: #343434;
font-size: 13px;
width:308px;
float: right;
}
#uutisikkuna a {
color: #53378B;
font-family: Arial, Verdana;
font-size: 13px;
font-weight: bold;
text-decoration: none;
display: block;
}
#uutisikkuna #normi a {
color: #53378B;
font-family: Arial, Verdana;
font-size: 13px;
font-weight: bold;
text-decoration: none;
display: inline;
}
#uutisikkuna a:hover {
color: #A6A6A6;
font-weight: bold;
text-decoration: none;
}
#content #uutisikkuna ul {
padding:0;
margin-top: 1em;
}
#uutisikkuna ul li {
list-style: none;
padding-bottom: 5px;
}
#uutispalsta p.otsikko {
	font-family: "Times New Roman", Times, serif;
	letter-spacing: -0.03em;
	font-size: 30px;
	font-weight: bold;
	margin: 0px 0px 0.2em;
	color: #008e96;
}
#uutisikkuna #viiva p {
/*border-bottom: 1px dotted #666666;*/
}
#uutisikkuna .date {
padding: 0 0 0 0;
margin: 0;
width:70px;
float:left;
}