* {
padding: 0;
margin: 0;
}
 
body
{background: #990000;

}

body.joulu
{background: #e2001a;

}

body.paasiainen
{background: #eede10;

}

body.juhannus
{background: #006729 

}

#tiedote
{
position: abslolute;
margin-left: 5%;
margin-top: 20%;
float: right;

width: 5%;
}

#tiedote p
{padding: 20px;
font-size: 15px; color: #FFFFFF;
}



#container
{
width: 700px;
margin: 40px auto;
border-top: 0,5px solid #000000;
border-bottom: 0px solid black;
border-left: 0px solid #990000;
border-right: 0px solid #990000;
background: white;

}

p				
{	
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}

p.kontakti				
{	
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: center;

}
#navigointi		
{	
Width: 700px;
height: 30px;
background: url(../images/navibg.gif) repeat-x;
float: left;
margin-bottom: 20px;



}

#navigointi img
{
margin-top: 6.5px;
}

#top
{
float:left;
background: white;
margin-bottom: 20px;
margin-top: 20px;
height: 100px;
}

#flashcontent
{width: 700px;
height: 150px;


float: left;

}

#flashcontent a.lippu
{float: right;
margin-right: 10px;
margin-top: 80px;}

#leftnav  a		
{	
font-size: 14px; color: #721800;
text-decoration: none;
margin-left: 10px;
}
			


#leftnav  h4		
{	
font-size: 14px; color: #3399CC;
text-decoration: none;
margin-left: 20px;
font-weight: bold;
}

#top h1
{
padding: 0;
margin: 0;
float: left;
}

#leftnav
{
float:left;
height: 700px;
background: transparent;

width: 160px;
margin: 0;

}

#leftnav img
{ margin-bottom: 35px;
}

#nosto
{
width: 150px;
float: right;
height: 72px;
background: white url(../images/nosto.gif) top left no-repeat;
}

#content
{
margin-left: 10px;
border-left: 1px solid #990000;
float: left;

width: 375px;

background: transparent url(../images/contentback.gif) top right repeat-y;

}
#imagecontent
{float:left;
}

#content ul img
{
margin-left: 10px;
}

#contentgallery
{
margin-left: 10px;
}

#wrapper
{


}

#imagecontainer	
{ 
width: 150px;
float: right;

margin-right: 0px;
margin-top: 0px;
padding: 0px 0px 0px 0px;
background-color: white;

}



				
#content h1	
{	
font-size: 14px; color: black;
font-weight: bold;
}

#content h2	
{	
font-size: 14px; color: #666666;
font-weight: bold;
text-align: center;

margin-left: 10px;
}

h1	
{	
font-size: 14px; color: #666666;
font-weight: bold;
text-align: center;
}

				
#content h4			
{    
font-family: Arial, Helvetica, sans-serif;
font-size: 14px; color: #721800;
font-weight: normal;
margin-bottom: 20px;
text-align: center;
}
					
h2			
{    
font-family: Myriad, Arial, Helvetica, sans-serif;
font-size: 13px; color: grey;
font-weight: bold;
width: 320px;
text-align: center;
margin-left: 10px;
}
h2.kontakti			
{    
font-family: Myriad, Arial, Helvetica, sans-serif;
font-size: 13px; color: grey;
font-weight: bold;
width: 355px;
text-align: center;

}				
#content img 
{	

text-align: top;
margin-left: 20px;
}

#content img.taustakuva
{	

text-align: top;
margin-left: 0px;
}
				
#content img.logot
{	
float: left;
text-align: bottom;
margin-left: 20px;
}

				
				
#content p 	
{	
width: 320px;

}
				


#footer
{
clear: both;
margin: 0;
height: 50px;
background: #000000; 
width: 700px;
}
/*url(../images/footerbg.gif) repeat-x;*/ 
#footer p		
{	
font-size: 14px; color: #FFFFFF;
padding-top: 10px;
text-align: center;
white-space:normal;
}

#footer p.note		
{	
font-size: 12px; color: #FFFFFF;
padding-top: 10px;
text-align: center;
white-space:normal;
}
				
#footer img		
{	
margin-right: 10px;
float: left;
display: inline;
}
				
#footer  a		
{	
font-size: 12px; color: #FFFFFF;
text-decoration: none;

}
#footer  a:hover		
{	
font-size: 12px; color: #000000;
text-decoration: none;

}

#sidebar ul		
{ 	
margin-top: 30px;
}


				
#leftnav ul li	
{ 	
list-style-image: url(../images/bullet.gif);
margin-left: 30px;
}
				
#leftnav ul li a
{ 	
list-style-image: url(bullet.gif);
margin-left: 0px;
font-size: 12px; color: #721800;
text-decoration: none;
}
#content ul li a:hover	
{ 	
list-style-image: url(../images/pbullet.gif);
margin-left: 0px;
list-style-position: outside;
margin-right: 5px;
font-size: 14px; color: #666666;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}

#content ul li	
{ 	
list-style-image: url(../images/pbullet.gif);
list-style-position: outside;
margin-left: 0px;
margin-right: 5px;
font-size: 14px; color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;


}
#content ul.laita
{
float: left;
}



#content ul li.lataus
{ 	
list-style-image: url(../images/icon_pdf.gif);
list-style-position: outside;
text-decoration: none;
margin: 5px;
font-size: 13px; color: #000000;
font-family: Arial, Helvetica, sans-serif;

}

#content li.ladattavat
{ 	
list-style-image: url(../images/icon_pdf.gif);
list-style-position: outside;
text-decoration: none;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 20px;
font-size: 11px; color: #000000;
font-family: Arial, Helvetica, sans-serif;

}

#content a.ladattavat
{ 	


text-decoration: none;




font-size: 12px; colour: #000000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;

}

#content a.ladattavat:hover
{ 	


text-decoration: none;




font-size: 12px; colour: #666666;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;

}

#content ul li.www
{ 	
list-style-image: url(../images/www.gif);
list-style-position: inside;
text-decoration: none;
margin: 5px;
font-size: 13px; color: #000000;
font-family: Arial, Helvetica, sans-serif;

}

#content ul li.lista
{ 	
list-style-image: url(../images/listabullet.gif);
list-style-position: outside;
text-decoration: none;
margin: 5px;

font-size: 12px; color: #666666;
font-family: Arial, Helvetica, sans-serif;
}


#content p
{
font-size: 14px; color: #666666;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: normal;
margin-left: 20px;
}

#content p.korostus
{
font-size: 14px; color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: light;
margin-left: 20px;
}

#content p.korostusbold
{
font-size: 14px; color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
margin-left: 20px;
}


#content ul
{
margin-left: 40px;
}

#content ul.nomargin
{
margin-left: 15px;
}

#content ul.ladattavat
{
margin-left: 20px;
}

#content h2.ladattavat

{text-align: left;
margin-left: 20px;
}

#content ul.lista
{
margin-left: 0px;
}
				
#content ul li a
{ 	
list-style-image: url(../images/pbullet.gif);
margin-left: 0px;
list-style-position: outside;
margin-right: 5px;
font-size: 14px; color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}



#content ul li.pdf	
{ 	
list-style-position: inside;
list-style-image: url(../images/icon_pdf.gif);
margin-left: 30px;

margin-right: 5px;
}
				
#content ul li a.pdf
{ 	

margin-left: 30px;
font-size: 12px; color: #721800;
margin-right: 5px;
font-size: 12px; color: grey;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}				
#imagecontainer ul li a:hover	
{ 
list-style-type: none;
margin-left: 0px;
font-size: 12px; color: #666666;
}

#imagecontainer ul li	
{ 	
list-style-type: none;


}

				
#imagecontainer ul li a
{ 	
list-style-type: none;



font-size: 12px; color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}

#imagecontainer ul
{padding: 0px 0px 0px 0px;
float: left;
position: inline;
margin-left: 10px;}

				

#imagecontainer img
{margin-left: 10px;
margin-bottom: 10px;

}

#kuvasetti
{
}
#kuvasetti img
{margin-right: 20px;
margin-left: 0px;
}

#kuvasetti p
{ margin-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; color: #000000;
font-weight: bold;

width: 100px;
}
#content a
{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; color: #990000;
font-weight: Bold;
text-decoration: underline;
width: 100px;
margin-left: 30px;

}
#content a:hover
{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; color: #990000;
font-weight: Bold;
text-decoration: underline;
width: 100px;
margin-left: 30px;

}

#kuvasetti a
{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; color: #990000;
font-weight: light;
text-decoration: underline;
width: 100px;

}

#imagecontainer h2			
{    
font-family: Myriad, Arial, Helvetica, sans-serif;
font-size: 13px; color: grey;
font-weight: bold;
margin-left: 10px;
margin-top: 0px;
text-align: left;
width: 100px;
}
#imagecontainer p

{width: 130px;}

#leftnav p 	
{	

margin-left: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px; color: #721800;
font-weight: normal;
border-right: 2px solid #C5D038;
width: 130px;
}



#leftnav p.nosto	
{	

margin-left: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px; color: #721800;
font-weight: bold;
border-right: 2px solid #C5D038;
width: 130px;
text-decoration: underline;
}

				

				
#leftnav img	
{ 	
margin-right: 10px;
margin-left: 20px;
}
				
#leftnavr img.vvo
{ 	
margin-right: 30px;
margin-left: 10px;
}

#navigointi ul

{ width: 600px;
margin-left: 50px;
}

#navigointi li.eka	
{ 	
list-style: none;
float: left;
text-decoration: none;
padding: 0px 0px 0px 0px;
background: url() top right no-repeat;
margin-right: 21px;
margin-left: 10px;
}

#navigointi li a
{	
font-size: 12px; color: black;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
float: left;
margin-top: 9px;
text-align: center;
width: 150px;
}

#navigointi li	{ 	list-style: none;
					width: 150px;
					height: 30px;
					float: left;
					text-decoration: none;
					padding: 0px 0px 0px 0px;
					
					margin-right: 0px;
					margin-left: 0px;
					text-align: center;
				}



#content h2 
{ 
margin: 0 0 .5em 0; 
}


#uutislohko 
{
width: 300px;
height: 100px;
float: right;
}

#uutislohko p
{
text-align: left;
font-size: 13px; color: grey;
}

#uutislohko a
{
text-align: left;
font-size: 13px; color: grey;

text-decoration: underline;
}

#uutislohkokuva

{

height: 100px;
float: left;
margin-right: 10px;
margin-left: 10px;




}


#kuvalohko	
{
width: 500px;
}

#lomakelohko
{
width: 310px;
float: left;
}


			
.gallerycontainer
{
position: relative;
}

.thumbnail img
{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover
{
background-color: transparent;
}

.thumbnail:hover img
{
border: 1px solid blue;
}

.thumbnail span
{ /*Ison kuvan asetukset*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid #CCCC00;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img
{ /*Ison kuvan asetukset*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span
{ /*Ison kuvan asetukset*/
visibility: visible;
top: 100px;
left: 250px; /*horisontaalinen sijainti */
z-index: 50;
}

.thumbnailoikea img
{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnailoikea:hover
{
background-color: transparent;
}

.thumbnailoikea:hover img
{
border: 1px solid blue;
}

.thumbnailoikea span
{ /*Ison kuvan asetukset*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid #CCCC00;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailoikea span img
{ /*Ison kuvan asetukset*/
border-width: 0;
padding: 2px;
}

.thumbnailoikea:hover span
{ /*Ison kuvan asetukset*/
visibility: visible;
top: -300px;
left: 250px; /*horisontaalinen sijainti */
z-index: 50;
}

.thumbnailkeski img
{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnailkeski:hover
{
background-color: transparent;
}

.thumbnailkeski:hover img
{
border: 1px solid blue;
}

.thumbnailkeski span
{ /*Ison kuvan asetukset*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid #CCCC00;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailkeski span img
{ /*Ison kuvan asetukset*/
border-width: 0;
padding: 2px;
}

.thumbnailkeski:hover span
{ /*Ison kuvan asetukset*/
visibility: visible;
top: -400px;
left: 250px; /*horisontaalinen sijainti */
z-index: 50;
}