html,body{
	font-family : tahoma;
	font-size : 8pt;
	margin : 0;
	padding : 0;
	background-image:url(../i/bg.gif);
   	text-align : center;
	height : 100%;
	 }

h1{
	font-size : 12pt;
	color : #8D022B;
	margin:0;
}

h1 a{
	text-decoration : none;
	color : #8D022B;
}

h1 a:hover{
	text-decoration : underline;
}

h2{
	font-size : 9pt;
	color : #8D022B;
	margin:0;
}

h2 a{
	text-decoration : none;
	color : #8D022B;
}

h2 a:hover{
	text-decoration : underline;
}

h3{
	font-size : 9pt;
	color : #fff;
	margin:0;	
}
h4{
	font-size : 8pt;
	color : #8D022B;
	margin:0;
	
}
p{
	margin:0;
	padding : 0;
	background: url(../i/pudotusvalikko_bg.jpg) no-repeat 6000px 6000px;
}

a{
	color : #8C141C;
}

a:hover{
	text-decoration : none;
}

div.Stabil{
	clear : both;
	float: none;
	margin: 0;
	padding: 0;
	font-size : 1px;
}

.Path{
	margin : 10px 0 10px 15px;
}

.Path#Doc{
	margin : 10px 0 10px 0px;
}

.Polku{
	padding : 0 15 0 5px;
}

.L{
	float:left;
}

.R{
	float:right;
}

.H{
	background:#fff;
	height:32px;
}

.EtuSivuVasen{
	width:496px;
	background-color:#fff;
	float:left;
}

.EtuSivuOikea{
	float:right;
	padding : 0;
	margin : 0;
	width:273px;
	background-color:#fff;
}

div.Sisalto{
	width : 770px;
	padding : 0;
	margin : 0;
	background: #fff;
	margin-left: auto; margin-right: auto;
}

div.SisaltoSolu{
	width:770px;
	padding : 0;
	margin : 0;
	text-align:left;
	margin-left: auto; margin-right: auto;
}

.marginR10{
	margin-right:10px;
}

.YkkosSolu{
	width: 496px;
	background-image:url(../i/nostokuva_1.jpg);
    background-repeat: no-repeat;
	margin:0;
}

.YkkosSolu_Ala{
	padding: 20 10 10 200px;
	margin:0;
}

.KakkosSolu{
	width: 496px;
	background-image:url(../i/2_palsta_bg.jpg);
    background-repeat: no-repeat;
	background-color : white;
	margin:0;
	color:#57584B;

}

.KakkosSolu_Ala{
	padding:18 10 0 20px;
	margin:0;
}

.KakkosSolu_Ala2{
	padding:10 10 0 20px;
	margin:0;
}

.Puna{
	width:273px;
	height : 23px;
	background:#8D022B;
    background-repeat: no-repeat;
	margin : 0;
}

.Puna h3{
	padding : 5 3 0 14px;
}

.OikeaNosto{
	margin : 0;
	padding : 0;
	color:#8D022B;
	border-bottom: 1px solid #AEADA2;
}

.OikeaNosto .L{
	width:182px;
}

.OikeaNosto h2{
	padding : 14 3 0 14px;
}

.OikeaNosto h2 a{
	text-decoration : none;
	font-size : 9pt;
	color : #8D022B;
}

.OikeaNosto h2 a:hover{
	text-decoration : underline;
}

.OikeaNosto p{
	padding : 12 3 0 14px;
}

#viimeinen{
	border-bottom: none;
}

.AlaOsa{
	background-color : #8D022B;
}

.Footer{
	height : 76px;
	color : white;
	background-color : #8D022B;
	text-align : left;
}

.Footer p{
	padding:10px 0 0 20px;
}

div.SisaltoKulma_Vasen{
	background: transparent url(../i/left_redcorner.gif) no-repeat bottom left;
}

div.SisaltoKulma_Oikea{
	background: transparent url(../i/right_redcorner.gif) no-repeat bottom right;
	height:7px;
}

div.picClear{
	margin: 0 0px; 
	height: 7px; 
	font-size: 1px;
}

.YlaLogo{
	background:url(../i/espoonkaupunki.jpg) no-repeat;
	width:389px;
	height : 30px;
	float:left;
}

/* Alasivu */
	
.AlaSivuTausta{
	background-image:url(../i/alasivu_solu_bg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	width : 770px;
	margin : 0;
}
	
.AlaSivuYkkosSolu{
	width: 354px;
	margin:0;
	padding : 0;
	float : left;
	color : #8C141C;
}
.AlaSivuYkkosSoluKalenteri{
	width: 270px;
	margin:0 0 0 0;
	padding: 50 0 30 75px;
/*	padding: 10 10 30 30px;*/
	float : left;
	color : #8C141C;
}

.AlaSivuYkkosSolu_Ala{
	padding: 10 10 30 30px;
}

.NostoLista{
	width: 189px;
	margin : 0;
	padding : 0 0 0 30px;
}

.palkki{
	background:url(../i/palkki.gif) repeat-y;
	padding-left:20px;
	width: 189px;
}

.palkkiLista{
	margin : 0;
	padding : 0;
}

.palkkiLista ul{
	list-style : none;
	margin : 0;
	padding : 0;
}

.palkkiLista li{
	list-style : none;
	margin : 0;
	padding : 5 10 5 0px;
	border-bottom : solid 1px #D0B2B2;
}

.palkkiLista li a{
	background:url(../i/bullet_littleRed.gif) no-repeat 0px 2px;
	padding:0 0 0 20px;
	display : block;
	text-decoration : none;
	color : #8C141C;
}

.palkkiLista li a:hover{
	text-decoration : underline;
}

.AlaSivuKakkosSolu{
	width: 416px;
	margin:0;
	padding:0;
	float : right;
}

.AlaSivuKakkosSolu .PD{
	padding : 10px 10px 30px 15px;
	width: 410px;
	margin: 0px;
}

.AlaSivuKakkosSolu .PD div{
	width: 375px;
}

.AlaSivuKakkosSolu .PD div ul{
	padding : 0 0 0 15px;
	list-style-type : disc;
}
.AlaSivuKakkosSolu .PD div li{
	border-bottom : 0px;
}

.AlaSivuKakkosSolu .DM{
	margin:5px 0 0 0px;
}

 .AlaSivuKakkosSolu ul{
	list-style : none;
	padding : 0;
	margin : 0;
}

 .AlaSivuKakkosSolu li{
	padding : 0 0 5 0px;
	margin : 0 30 0 0px;
	border-bottom : 1px dotted #A3A399;
}

.AlaSivuKakkosSolu li a{
	background:url(../i/bullet_bigRed.gif) no-repeat 0px 2px;
	padding:0 0 0 15px;
	display : block;
}

/* Sisasivu */

.SisaSivuTausta{
	background-image:url(../i/alasivu_solu_bg.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	overflow: hidden;
	width:770px;
	padding : 0;
	margin : 0;
}

.SisaSivuYkkosSolu{
	width: 230px;
	margin:0;
	padding : 0;
	float : left;
}

.SisaSivuKakkosSolu{
	width: 510px;
	margin:0;
	padding : 0;
	float : right;
}

.SisaSivuKakkosSolu div{
	font-family : tahoma;
	font-size : 8pt;
	padding : 0px 15px 0px 15px;
}

.SisaSivuKakkosSolu p{
	font-family : tahoma;
	font-size : 8pt;
}

.SisaSivuKakkosSolu table{
	font-family : tahoma;
	font-size : 8pt;
}

.SisaSivuKakkosSolu div hr{
	clear:both;
}

p{
	padding : 2 0 10 0px;
}

.SisaSivuKakkosSolu h1{
	padding : 0 0 6 0px;
	margin : 15 20 15 15px;
	border-bottom : 1px dotted #A3A399;
}

/* navigointi */

.Ylalinkit{
	margin:10px 0 0 0px;
	padding : 0;
	width:381px;
	font-weight : bold;
	text-transform : uppercase;
	font-family : arial, Helvetica, sans-serif;
	color : #666666;
	float:right;
}

.Ylalinkit ul{
	list-style-type: none;
	margin:0;
	padding : 0;
}

.Ylalinkit li{
	float: left;
	margin:0;
	padding : 0;
}

.Ylalinkit li a{
	text-decoration : none;
	color : #666666;
	margin : 0;
	padding : 0 15px 0 0px;
}

.Ylalinkit li a:hover{
	color : #666666;
	margin : 0;
	padding : 0 15px 0 0px;
	text-decoration : underline;
}

.Ylalinkit li a.Language{
	color:#8D022B;
}

.Ylalinkit li a:hover.Language{
	color : #666666;
}


/* UpperMenu */

.M{
	padding:15px 0px 5px 30px;
	margin:0;
	height : 10px;
}

.Menu{
	padding : 0;
	margin : 0;
	font-size : 8.5pt; 
	font-family : arial, Helvetica, sans-serif;
	font-weight : bold;
	text-transform: uppercase;
}

.Menu ul{
	list-style : none;
	padding : 0;
	margin: 0;
	text-transform: none;
}

.Menu li{
	list-style : none;
	padding: 3px 15px 3px 5px;
	margin : 0;
	float:left;
}

.Menu li.none{
	background : none;
	padding: 3px 15px 3px 5px;
	margin : 0;
	display : block;
}

.Menu li.select a{
	list-style : none;
	padding: 3px 15px 3px 5px;
	margin : 0;
	background : #8D022B;
}


.Menu li.select a:hover{
	list-style : none;
	padding: 3px 15px 3px 5px;
	margin : 0;
	color : white;
	background : #8D022B;
}

.Menu li a{
	padding: 3px 15px 3px 5px;
	margin : 0;
	display : block;
	text-decoration : none;
}

.Menu a:hover{
	background : #8D022B;
	padding: 3px 15px 3px 5px;
	margin : 0;
	color : white;
	display : block;
	text-decoration : none;
}
	#nav, #nav ul {position: relative; z-index: 2; list-style: none;padding:0;margin:0;}
	#nav a {/*padding: 5px 5px 3px 5px;*/margin:0;}
	#nav li {float: left; position: relative;padding:0;margin:0px;}
	#nav li ul {position: absolute; background: #fff; display: none; z-index: 10;padding:0;margin:0;}
	#nav li:hover ul, #nav li.sfhover ul {left: 0px; top: 20px;display: block;padding:0;margin:0;width:168px;background:url(../i/pudotusvalikko_bg.jpg);}
	#nav li ul li {/*float:left;*/ float: none;margin: 0 0 0 0px;}
	#nav li ul li a{font-weight:bold;padding: 6px 5px 3px 10px; height: auto !important; height: 1%;border-bottom:1px solid #BD9596;}
	#nav ul li a:hover {background:  #8D022B;color:white;display: block;}


/* Listaelementit */

.bulletit{
	margin:0;
	padding : 0;
}

.bulletit ul{
	list-style : none;
	padding:0;
	margin:0;
}

.bulletit li{
	padding:0 0 0 15px;
	margin:0 0 0 0px;
}

#yellow a{
	background:url(../i/bullet_yellow.gif) no-repeat 0px 2px;
	padding:0 0 0 15px;
	display : block;
	text-decoration : none;
	color : #57584B;
}

#yellow a:hover{
	text-decoration : underline;
}

#orange a{
	background:url(../i/bullet_orange.gif) no-repeat 0px 2px;
	padding:0 0 0 15px;
	display : block;
	text-decoration : none;
	color : #57584B;
}

#orange a:hover{
	text-decoration : underline;
}

#green a{
	background:url(../i/bullet_green.gif) no-repeat 0px 2px;
	padding:0 0 0 15px;
	display : block;
	text-decoration : none;
	color : #57584B;
}

#green a:hover{
	text-decoration : underline;
}

#blue a{
	background:url(../i/bullet_blue.gif) no-repeat 0px 2px;
	padding:0 0 0 15px;
	display : block;
	text-decoration : none;
	color : #57584B;
}

#blue a:hover{
	text-decoration : underline;
}

#red a{
	background:url(../i/bullet_red.gif) no-repeat 0px 2px;
	padding:0 0 0 15px;
	display : block;
	text-decoration : none;
	color : #57584B;
}

#red a:hover{
	text-decoration : underline;
}

#dkblue a{
	background:url(../i/bullet_dkblue.gif) no-repeat 0px 2px;
	padding:0 0 0 15px;
	display : block;
	text-decoration : none;
	color : #57584B;
	
}
/* kalenterin tyylit alkaa */
.days a {
 font-family:arial,Helvetica,sans-serif;
 font-size:9pt;
 font-weight:bold;
 text-transform:uppercase;
 text-decoration: none;
 display:block;
 }
.days a:hover {
 font-family:arial,Helvetica,sans-serif;
 font-size:9pt;
 font-weight:bold;
 text-transform:uppercase;
 color: #ffffff;
 text-decoration: none;
 background-color: #8D022B;
 display:block;
}
td.days {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 color: #000000;
 font-size: 9pt; 
 font-weight: normal; 
 background-color: #ffffff;
 text-decoration: none;

}
.days2 a {
 font-family:arial,Helvetica,sans-serif;
 font-size:9pt;
 font-weight:bold;
 text-transform:uppercase;
 color: #ffffff;
 text-decoration: none;
 display:block;
 }
.days2 a:hover {
 font-family:arial,Helvetica,sans-serif;
 font-size:9pt;
 font-weight:bold;
 text-transform:uppercase;
 color: #8D022B;
 text-decoration: none;
 background-color: #ffffff;
 display:block;
}

td.days2 {
 color: #ffffff;
 background-color: #8D022B;
 font-family:arial,Helvetica,sans-serif;
 font-size:9pt;
 font-weight:bold;
 text-transform:uppercase;
 text-decoration: none;
}
.days3 a {
 font-family:arial,Helvetica,sans-serif;
 font-size:9pt;
 font-weight:bold;
 text-transform:uppercase;
 color: #8D022B;
 text-decoration: none;
 display:block;
 }
.days3 a:hover {
 font-family:arial,Helvetica,sans-serif;
 font-size:9pt;
 font-weight:bold;
 text-transform:uppercase;
 color: #8D022B;
 text-decoration: none;
 background-color: #ffffff;
 display:block;
}

td.days3 {
 color: #8D022B;
 background-color: #ffcbdb;
 font-family:arial,Helvetica,sans-serif;
 font-size:9pt;
 font-weight:bold;
 text-transform:uppercase;
 text-decoration: none;
}

a.cal {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 color: #666666;
 font-size: 11px; 
 font-weight: bold; 
 background-color: #efefef;
 text-decoration: none;
}
td.DateTimeHeader
{
	font-size : 12pt;
	color : #8D022B;
	margin:0;
	font-weight:bold;
}
td.DateTimeHeader:first-letter
{
	text-transform: uppercase;
}

.Uutiskirje
{
	width: 670px;
	margin:0 0 0 0;
	padding: 30 50 30 50px;
	color : #8C141C;
	font-size : 8pt;
	font-weight : bold;
	
}
td.uutisteksti
{
	color : #8C141C;
	font-size : 10pt;
	font-weight:bold;
}
td.uutisselite
{
	color : #8C141C;
	font-size : 8pt;
}
td.uutisotsikko
{
	padding: 30 0 20 0px;
	color : #8C141C;
	font-size : 10pt;
	font-weight : bold;
}
span.virhe	
{
	color : #8C141C;
	font-size : 8pt;
}
/* kalenterin tyylit loppuu */