/* Sivuston osat */

#kehys {
	width: 939px;
	background-repeat: repeat-y;
	height: auto;
	margin-top: 20px;
	margin-left: 20px;
}

#ylareuna {
	width: 939px;
	background-repeat: no-repeat;
	height: 15px;
}

#vasenyla {
	width: 250px;
	vertical-align: top;
}

#vasenala {
	width: 250px;
	background-repeat: no-repeat;
	background-position: left bottom;
	vertical-align: bottom;
}

#vasenyla p, a, ul, li, td, span, div, h1, h2, h3, h4, h5, h6, input, textarea, select{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}

#vasenala p, a, ul, li, td, span, div, h1, h2, h3, h4, h5, h6, input, textarea, select{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}

#logo{
	margin-left: 35px;
	margin-top: 35px;
}

#vasenala #facebook{
	margin-bottom: 15px;
	margin-left: 35px;
	padding-bottom:0px;
	color: #FFF;
}

#vasenala #facebook img{
	border:0;
}

#vasenala #osoite{
	margin-top:0;
	padding-top:0px;
	margin-bottom: 35px;
	margin-left: 35px;
}

#keski {
	width: 440px;
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	vertical-align: top;
}

#oikea {
	width: 249px;
	background-repeat: no-repeat;
	background-position: bottom;
	vertical-align: bottom;
	text-align: left;
}

#oikea p, a, ul, li, td, span, div, h1, h2, h3, h4, h5, h6, input, textarea, select{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}

#oikea #nostot{
	text-align: left;
	margin-left: 5px;
	margin-bottom: 35px;
	position: absolute;
	top: 115px;
}

#nostot h1{
	font-size: 11px;
}

#oikea #nostot a{
	text-decoration: none;
         color: #FFF;
}

#oikea #nostot a:hover{
	text-decoration: underline;
}

#nostot table{
	width: 205px;
	margin-left: 5px;
	margin-top: 5px;
}

#nostot table td{
	padding-right: 10px;
	padding-bottom: 5px;
	vertical-align: top;
        color: #FFF;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#nostot span.article_separator{
	height:0;
        margin:0;
        padding:0;
}

#nostot table img{
	border: 1px solid #FFF;
}

#rexsuosittelee{
	width:201px;
}

#rexsuosittelee td.suositusyla{
	background-image: url(images/rex_suosittelee_ylaosa.gif);
	background-repeat: no-repeat;
	height: 63px;
}

#rexsuosittelee td.suosituskeski{
	background-image: url(images/rex_suosittelee_tausta.gif);
	background-repeat: repeat-y;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align:center;
}

#rexsuosittelee td.suosituskeski p{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	padding: 0;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}

#nostot #rexsuosittelee td.suosituskeski a{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration:none;
}

#nostot #rexsuosittelee td.suosituskeski span{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration:none;
}


#nostot #rexsuosittelee td.suosituskeski a:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration:underline;
}

#rexsuosittelee td.suosituskeski a{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration:none;
}

#rexsuosittelee td.suosituskeski a:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration:underline;
}

#nostot #rexsuosittelee img{
	border: none;
}

#rexsuosittelee td.suositusala{
	background-image: url(images/rex_suosittelee_alaosa.gif);
	background-repeat: no-repeat;
	height: 21px;
}

#oikea #kartta{
	text-align: right;
}



/* Navigaatiomääritykset */

#vasenyla #navi{
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: 35px;
	padding-right: 10px;	
}

#navi a{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}

#navi a:hover{
	color: #fceacc;
}

#navi ul li.active_menu a{
	color: #ffcc99;
}

#navi ul li.active_menu li a{
	color: #fff;
}

#navi ul ul li.active_menu a{
	color: #ffcc99;
}

#navi ul{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

#navi ul li{
	margin-bottom: 5px;

}

#navi ul li a{
	font-weight: bold;
}

#navi td{
	padding-bottom: 5px;
        font-weight: bold;
}

#navi a.sublevel{
        font-weight: normal;
}

#navi #yleissivut{
	margin-bottom: 20px;
}

#navi ul ul{
	margin-top: 5px;
	padding-bottom: 10px;
	margin-left: 5px;
	padding-left: 0px;
	display:none;
}

#navi ul li.active_menu ul{
	display:block;
}

#navi ul ul li{
	margin-bottom: 3px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom:0px;
	padding-top:0px;
	text-decoration: none;
	line-height:12px;
	float:left;
	width:190px;
}

#navi ul ul li a{
	font-size: 11px;
	display: block;
	background-image: url(images/nuoli_alivalikko.gif);
	background-repeat:no-repeat;
	font-weight: normal;
	padding-left: 10px;
	width:205px;
}

#navi ul ul li a:hover{
	color: #fceacc;
}

#navi ul ul li.last{
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom:10px;
	padding-top:0px;
	text-decoration: none;
	line-height:12px;
	float:left;
	width:200px;
}

/* Keskiosan määritykset */

#sisaltokehys {
	margin-top: 5px;
	margin-bottom: 40px;
	width: 440px;
}

#sisaltokehys .left img{
	border:0;
}

#sisalto {
	text-align: left;
	background-color: #FFF;
	height: 550px;
	vertical-align: top;
}


#sisalto p, ul, li, td, span, div, input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
         color: #000; 
}

#sisalto p{
	padding:0;
         margin:0;
}

#sisalto ul{
		 padding-top:0;
         padding-bottom:0;
         padding-left:0px;
         margin-top:5px;
         margin-bottom:10px;
         margin-left:10px;

}

#sisalto li{
         margin-left:0px;
         padding-left:0px;
		 list-style:none;
		 font-size: 11px;
	     display: block;
	     background-image: url(images/nuoli_luelisaa.gif);
	     padding-left: 13px;
	     background-repeat: no-repeat;
}

#sisalto .matkalista li{
		 margin-left:0px;
		 margin-top:10px;
         padding-left:0px;
		 list-style:none;
		 font-size: 11px;
	     display: block;
	     background-image: url(images/nuoli_luelisaa.gif);
	     padding-left: 13px;
	     background-repeat: no-repeat;	
		 float:left;
		 width:360px;
}

#sisalto .matkalista li a{
		text-decoration: none;
		font-size: 11px;
		display: block;
		font-weight: bold;
		padding-bottom:0px;
		padding-top:0px;
		padding-left:13px;
		margin-bottom:0px;
    	margin-top:0px;
    	line-height:11px;
		float:left;
		width:385px;
		 
}



#sisalto p.leipateksti {
         color: #000;
         font-weight: normal;
         font-size: 11px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
}



#sisalto p.sininenteksti {
         color: #336699;
         font-weight: bold;

}


#sisalto p.otsikko1{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #336699;
        font-weight: bold;
         padding-top: 10px;
         padding-bottom: 10px;
         margin:0;
         
}

#sisalto p.otsikko2{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #336699;
         font-weight: bold;
         padding-top: 10px;
         padding-bottom: 10px;
         margin:0;
}


#sisalto .leipateksti {
         color: #000;
         font-weight: normal;
         font-size: 11px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sisalto .sininenteksti {
         color: #336699;
         font-weight: bold;

}

#sisalto .otsikko1{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #336699;
        font-weight: bold;
         padding-top: 10px;
         padding-bottom: 10px;
         margin:0;
         display:block;
}

#sisalto .otsikko2{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #336699;
         font-weight: bold;
         padding-top: 10px;
         padding-bottom: 10px;
         margin:0;  
         display:block;
}

#sisalto .punainenteksti {
	color: #ff0000;
}

#sisalto h1{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #336699;
        font-weight: bold;
         padding-top: 10px;
         padding-bottom: 10px;
         margin:0;
}

#sisalto h2, h3, h4, h5, h6 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #336699;
         font-weight: bold;
         padding-top: 10px;
         padding-bottom: 10px;
         margin:0;
}

#sisalto a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff9933;
}


#sisalto a:hover {
	color: #FFCC66;
}

#sisalto table.sisaltolinkit td {
	padding-right: 15px;
	padding-bottom: 15px;
	vertical-align: top;
}

#sisalto table.sisaltolinkit img {
	border: 1px solid #999;	
}

#sisalto table.sisaltolinkit a {
	font-weight: bold;
	text-decoration: none;
}

#sisalto table.sisaltolinkit p {
	margin-top:0;
         padding-top:0;
}

#sisalto img.kuvavasen {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#sisalto img.kuvaoikea {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

a.toiminto{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
	font-size: 10px;
	display: block;
	margin-top: 6px;
	background-image: url(../images/tulostin.gif);
	padding-left: 18px;
	background-repeat: no-repeat;
	width: 30px;
	text-align: right;
}

a.toiminto:hover{
	color: #999;
}

a.readon{
	text-decoration: none;
	font-size: 10px;
	display: block;
	background-image: url(../images/nuoli_luelisaa.gif);
	padding-left: 13px;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-bottom: 5px;
         margin-top: 10px;
}

.kuvalinkkitaulukko{
         margin-top:10px;
         border:0;
}

.kuvalinkkitaulukko td {
	margin-top:0px;
         padding-right: 15px;
	padding-bottom: 15px;
	vertical-align: top;
}

.kuvalinkkitaulukko img {
	border: 1px solid #999;	
}

.kuvalinkkitaulukko a {
	font-weight: bold;
	text-decoration: none;
    color: #ff9933;
}

.kuvalinkkitaulukko p {
	margin-top:0;
    padding-top:0;
}


.kuvalinkkitaulukko p {
	margin-top:0;
    padding-top:0;
}

.matkaohjelmataulukko{
	border:0;
	width:380px;
	clear:both;
	float:left;
	margin-bottom:10px;
}

.matkaohjelmataulukko tr{
	border:0;

}

.matkaohjelmataulukko td {
    margin:0px;
    padding-top: 5px;
    padding-right: 5px;
	padding-bottom: 5px;
    padding-left: 0px;
	vertical-align: top;
    border:0;
}


.hinnastotaulukko{
       border:0;
       width:380px;
}

.hinnastotaulukko tr{
       border:0;
}

.hinnastotaulukko td {
	margin:0px;
        padding-top: 5px;
        padding-right: 5px;
	padding-bottom: 5px;
        padding-left: 0px;
	vertical-align: top;
       border:0;
}

th.pagenav_next a{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

th.pagenav_prev a{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

table.contentpaneopen{
	margin:0;
         padding:0;
}

table.contentpaneopen td{
	margin:0;
         padding:0;
}

td.contentheading{
	color:#FFF;
}

/*Lomakkeen virheilmoitus
-----------------------------*/
#sisalto p.virheilmoitus{
	font-weight:bold;
	color:#ff9933;
}

/* Etusivun ja yleissivujen värimääritykset ym. */

#etusivu {
	background-color: #dbe7f0;
}

#etusivu #sisalto h1{
	color: #336699;
}

#etusivu #sisalto h2 {
	color: #336699;
}

#etusivu #sisalto h3 {
	color: #336699;
}

#etusivu #sisalto h4 {
	color: #336699;
}

#etusivu #sisalto h5 {
	color: #336699;
}

#etusivu #sisalto h6 {
	color: #336699;
}

#etusivu #kehys {
	width: 995px;
	background-image: url(images/keskitausta_sin.jpg);
}

#etusivu #ylareuna {
	background-image: url(images/ylareuna_sin.jpg);
}

#etusivu #navi ul ul{
	list-style-image: url(images/nuoli_alivalikko_sin.gif);
}

#etusivu #vasenala {
	background-image: url(images/alataustavas_sin.jpg);
}

#etusivu #vasenala #osoite{
	margin-bottom: 134px;
}

#etusivu #keski {
	background-image: url(images/alataustakeski_sin.jpg);
}

#etusivu #sisaltokehys {
	margin-bottom: 139px;
}

#etusivu #oikea {
	width: 305px;
	background-image: url(images/alataustaoik_sin.jpg);
}

/* Sisältöalueen kulmat */

td.vasylakulma{
	background-image: url(images/keltkulma_vasyla.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;	
}

td.oikylakulma{
	background-image: url(images/keltkulma_oikyla.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;	
}

td.vasalakulma{
	background-image: url(images/keltkulma_vasala.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;	
}

td.oikalakulma{
	background-image: url(images/keltkulma_oikala.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;	
}

td.ylareuna{
	background-image: url(images/keltreuna_yla.gif);
	background-repeat: repeat-x;
	height: 26px;
}

td.vasreuna{
	background-image: url(images/keltreuna_vas.gif);
	background-repeat: repeat-y;
	width: 26px;
}

td.alareuna{
	background-image: url(images/keltreuna_ala.gif);
	background-repeat: repeat-x;
	height: 26px;
}

td.oikreuna{
	background-image: url(images/keltreuna_oik.gif);
	background-repeat: repeat-y;
	width: 26px;
}

.contentheading {
	display:none;
}

.otsikko1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 12px;
         color: #336699;
         font-weight: bold;

}

.otsikko2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 11px;
         color: #336699;
         font-weight: bold;

}

.sininenteksti {
	color: #336699;
         font-weight: bold;

}

.oranssiteksti{
      color: #ffcc99;
}


a.oranssiteksti{
	text-decoration: none;
}

a.oranssiteksti:hover{
	color: #fceacc;
}