.ajankohtaistajoulu { 
z-index:2;
background-image : url(images/ajank_tausta_joulu.png); 
background-repeat : no-repeat;
position : absolute; 
left : 650px; 
top : 15px; 
padding-top : 37px; 
padding-left : 30px;
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #666666;  
font-style : normal; 
height:166px;
width:240px;
} 
.ajankohtaistajoulu h1 { 
 
padding-left : 0;
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px;
color : #923030; 
font-weight : bold; 
}
table.osallistujat td{
padding-left:5px;
}

*{
padding:0;
margin:0;
}
img { 
border : 0; 
} 
#triposti{
border:1px solid #cccccc;
position:absolute; 
top:280px; 
left:25px;
height:220px; 
width:840px; 
z-index:5;
overflow:auto;

}

.triposti{
width:120px; 

}

.triposti img{
border:1px solid #cccccc;
}

.triposti p{
width:125px; 

margin-right:10px;
margin-left:10px;
color : #666666; 
font-family : arial, helvetica, sans-serif; 
font-size : 12px; 
font-weight:bold;
}

img.content { 
border : 1px solid #cccccc;
padding: 5px;
}body { 
background-color : #7697c8; 
color : #666666; 
font-family : arial, helvetica, sans-serif; 
font-size : 14px; 
font-weight : normal; 
font-style : normal; 
width : 100%; 
margin : auto; 
padding-top : 20px; 
text-align : center; 
} 
body { 
background-color : #7697c8; 
color : #666666; 
font-family : arial, helvetica, sans-serif; 
font-size : 14px; 
font-weight : normal; 
font-style : normal; 
width : 100%; 
margin : auto; 
padding-top : 20px; 
text-align : center; 
} 
#top { 
position:relative;
top:0;
background-image : url(images/bg_top.gif); 
background-repeat : no-repeat; 
text-align : center; 
width : 1000px; 

height: 10px;
margin: auto;
background-position: left top;
} 


#blank_kysymykset{
background-color: #FFFFFF;
text-align : left; 
width : 500px; 

height: 100%;
margin: 50px;
}
#shadow { 
background-image : url(images/bg_shadow.gif); 
background-repeat : repeat-y; 
text-align : center; 
width : 1000px; 
height : auto; 
margin:auto;
background-position : left top; 
} 
#stroke { 
width : 920px; 
height : auto; 
margin : auto; 
background-position : left top; 
background-color : transparent; 
} 
#bottom { 
background-image : url(images/bg_bottom.gif); 
background-repeat : no-repeat; 
text-align : center; 
width : 1000px; 
height : 37px; 
margin : auto; 
background-position : left top; 
} 
#logo { 
position : relative; 
margin-top : 20px; 
padding-top : 50px; 
width : 230px; 
} 

#top_bg { 
position : relative; 
top : 0; 
left : 0px; 
text-align : left; 
} 
#row1 { 
position : relative; 
top : 0; 
left : 5px; 
width : 915px; 
height : 90px; 
} 
#row2 { 
position : relative; 
top : 30px; 
left : 1px; 
height : 26px; 
background-color : #96ac56; 
width : 921px; 
border-top : 8px solid #679214; 
border-bottom : 2px solid #679214; 
color : #ffffff; 
} 
#row3 { 
position : relative; 
top : 48px; 
left : 10px; 
width : 900px; 
height : 100%; 
text-align : left; 
} 
#topNavi { 
position : absolute; 
left : 0; 
height : 27px; 
} 
#Navi_sub { 
width : 600px; 
border: 2px solid #679214; 
background-color : #96ac56;
position : absolute; 
left:23px;
top:155px;
height : 20px; 
z-index:10
}
 
#Navi_sub menupalkki { 
width : 600px; 
height : 20px; 
} 
#navlist_sub { 
} 
#navcontainer_sub { 
width : 600px;  
background-color : transparent; 
} 
#navcontainer_sub ul li { 
display : inline; 
} 
#navcontainer_sub ul { 
list-style : none; 
color : #ffffff; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 10px; 
font-weight : bold; 
} 
#navcontainer_sub ul li a { 
p.png); 
background-repeat : no-repeat;
display : block; 
padding-top : 1px; 
text-align : center; 
color : #ffffff; 
text-decoration : none; 
float : left; 
height : 20px; 
width : 100px; 
border-left:1px solid #ffffff;
} 
#navlist_sub li a:hover, #navlist_sub li a.active { 
height : 20px; 
background-color : #a7c076; 
} 


#navlist { 
} 
#navcontainer { 
width : 900px; 
background-color : transparent; 
} 
#navcontainer ul li { 
display : inline; 
} 
#navcontainer ul { 
list-style : none; 
color : #ffffff; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px; 
font-weight : bold; 
} 
#navcontainer ul li a { 
p.png); 
background-repeat : no-repeat;
display : block; 
padding-top : 5px; 
text-align : center; 
color : #ffffff; 
text-decoration : none; 
float : left; 
height : 30px; 
width : 168px; 
border-left:1px solid #ffffff;
} 
#navlist li a:hover, #navlist li a.active { 
height : 21px; 
background-color : #a7c076; 
} 
#contentArea { 
background-color : transparent; 
float : left; 
width : 660px; 
height : 630px; 
} 
#content_front { 
padding-bottom : 20px; 
width : 420px; 
padding-left : 10px; 
}
#content_front_1 { 
padding-bottom : 20px; 
width : 650px; 
padding-left : 10px; 
} 
#content_front p { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px; 
padding-left : 10px; 
padding-top:5;
margin-top:0;
} 
#content_front_1 p { 
padding-left : 10px; 
} 
table.content { 
height : auto; 
} 
td.teksti { 
color : #666666; 
font-family : Arial, helvetica, sans-serif; 
font-size : 14px; 
font-weight : normal; 
font-style : normal; 
padding-left:5px;
} 
.teksti p{
padding-bottom:10px;
}
.teksti h4 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px;
color : #96ac56; 

padding-left:10px;
margin-top : 10px;
} 

.teksti h2 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 18px;
color : #c1bebe; 
padding-left : 30px; 
padding-right : 0; 
padding-top : 10;
font-weight:bold; 
margin-top:0;
margin-bottom:10px;
}


 
td.teksti_perus { 
padding-left:5px;
} 
.teksti_perus p{
color : #333333; 
font-family : Arial, helvetica, sans-serif; 
font-size : 12px; 
font-weight : normal; 
font-style : normal; 
padding-bottom:10px;
}
.teksti_perus h4 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px;
color : #96ac56;  
padding-left:10px;
margin-top : 10px;
} 

.teksti_perus h2 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 18px;
color : #cccccc; 
padding-left : 30px; 
padding-right : 0; 
padding-top : 10;
font-weight:bold; 
margin-top:0;
margin-bottom:10px;
}

.teksti ul{padding-left:50px;
}

td.yhteystiedot { 
z-index:1;
color : #666666; 
font-family : Arial, helvetica, sans-serif; 
font-size : 14px; 
font-weight : normal; 
font-style : normal; 
} 
.yhteystiedot p{
height:100px;
valign:top;
}


#ajankohtaista { 
background-image : url(images/ajank_tausta.png); 
background-repeat : no-repeat;
position : absolute; 
left : 660px; 
top : 10px; 
padding : 10px; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #666666; 
font-weight : normal; 
font-style : normal; 
height:166px;
} 
.ajankohtaista { 
z-index:2;
background-image : url(images/ajank_tausta.png); 
background-repeat : no-repeat;
position : absolute; 
left : 650px; 
top : 15px; 
padding-top : 10px; 
padding-left : 10px;
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #666666; 
font-weight : normal; 
font-style : normal; 
height:166px;
width:240px;

} 

#murukuva { 
position : absolute; 
left : 365px; 
top : 15px; 
padding-right : 10px; 
text-align:right;
} 

#palapeli { 
position : absolute; 
left : 320px; 
top : 280px; 
padding : 20px; 
} 

#palvelut { 
position : absolute; 
left : 450px; 
top : 250px;
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px;
color : #666666;  
padding-left : 2px; 
padding-right : 5px; 
padding-top : 0; 
}  

#palvelut h3{ 

font-family : Arial, Helvetica, sans-serif; 
font-size : 20px;
color : #94aed4;  
padding-left : 2px; 
padding-right : 5px; 
padding-top : 0; 
} 


#osoitteet { 
position : absolute; 
left : 5px; 
top : 300px; 
padding : 20px;
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px;  
}

#osoitteet h1{
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #96ac56; 
font-weight : bold; 
padding:0px;
}

.osoitteet { 
position : absolute; 
left : 5px; 
top : 250px; 
padding : 20px; 
}

.osoitteet h1{
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #96ac56; 
font-weight : bold; 
padding:0px;
}

#osoitteet h5 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 18px;
color : #96ac56;  
padding-left : 5px; 
padding-right : 0; 
padding-top : 10;  
padding-bottom:0;
margin-bottom:0;
} 
#button_bot{ 
position : absolute; 
left : 20px; 
top : 530px; 
width:248px; 
height:42px;
background-image : url(images/button_bot.png); 
background-repeat : no-repeat; 
padding : 0; 
margin : 0; 
padding-top:7px;
}

#button_bot a{
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #557cb9; 
font-weight : normal; 
font-style : normal; 
text-decoration : none;
padding-left:5px;
} 
#button_bot a:visited{
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #557cb9;
font-weight : normal; 
font-style : normal; 
text-decoration : none;
text-align:right;
padding-left:5px;
} 
#button_bot a:hover{
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #557cb9;
font-weight : normal; 
font-style : normal;  
text-decoration : underline;
text-align:right;
padding-left:5px;
} 
#button_bot a:active{
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #557cb9;
font-weight : normal; 
font-style : normal; 
text-decoration : none;
text-align:right;
padding-left:5px;
} 
.ajankohtaista a { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #759129;  
font-weight : bold; 
font-style : normal; 
text-decoration : underline; 
text-align:right;
padding-left:0px;
} 
.ajankohtaista h1 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px; 
color : #759129; 
font-weight : bold; 
font-style : normal; 
padding-top : 0; 
padding-left:0px;
} 

#naviRight { 
background-image : url(images/naviRight.gif);
background-repeat : no-repeat; 
background-position:top left;
position : absolute; 
left : 645px; 
top : 5px; 
background-color : transparent; 
width : 250px; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color: #ffffff;
height:500px;
z-index:0;
}

#naviRight ul{
width : 210px; 
margin: 0;
padding-left:13px;
padding-top:18px;
}


#naviRight li { 
margin: 0 0 1px 0; 
border-bottom:1px solid #ffffff;
}
#naviRight li a{
display: block;
padding: 5px 10px;
background-color: #96ac56;
text-decoration: none;
height : 27px;
border-right:5px solid #679214; 
color: #ffffff;
}
#naviRight li a:hover
{
display: block;
padding: 5px 10px;
background-color: #a7c076;
text-decoration: none;
height : 27px; 
border-right:5px solid #679214;
}
#naviRight li a.active
{
display: block;
padding: 5px 10px;
background-color: #a7c076;
text-decoration: none;
border-right:5px solid #679214;
height : 27px;
}

.do a{
display: block;
padding-left:10px;
padding-top:5px;
background-color: #96ac56;
text-decoration: none;
height : 20px;
border-left:10px solid #679214;
color: #ffffff;
}
.do a:hover
{
display: block;
padding: 5px 30px;
background-color: #a7c076;
text-decoration: none;
height : 20px; 
border-left:10px solid #679214;
}
.do a.active
{
display: block;
padding: 5px 30px;
background-color: #a7c076;
text-decoration: none;
border-left:10px solid #679214;
height : 20px; 

}
.dow a{
background-repeat : no-repeat; 
display: block;
padding-left:10px;
padding-top:5px;
background-color:#679214;
text-decoration: none;
height : 20px;
border-left:10px solid #679214;
color: #ffffff;

}
.dow a:hover
{
display: block;
padding: 5px 30px;
background-color: #a7c076;
text-decoration: none;
height : 20px; 
padding-left:10px;
border-left:10px solid #679214;
}
.dow a.active
{
display: block;
padding: 5px 30px;
background-color: #a7c076;
text-decoration: none;
height : 20px; 
padding-left:10px;
border-left:10px solid #679214;
}

#muru { 
position : absolute; 
height : 10px; 
top : 36px; 
left : 438px; 
text-align : left; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #666666; 
font-weight : normal; 
font-style : normal; 
border-bottom : 1px dotted #cccccc; 
width : 480px; 
padding-bottom : 2px; 
padding-left : 5px; 
padding-top : 0; 
} 
#muru a { 
text-align : right; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px;  
color : #b58c77; 
font-weight : normal; 
font-style : normal; 
text-decoration : none; 
} 
#muru a:link { 
text-align : right; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #b58c77; 
font-weight : normal; 
font-style : normal; 
text-decoration : none; 
} 
#muru a.hover { 
text-align : right; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #cccccc; 
font-weight : normal; 
font-style : normal; 
text-decoration : underline; 
} 
a { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #666666; 
font-weight : bold; 
font-style : normal; 
text-decoration : underline;
} 
a:link { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #666666; 
font-weight : bold; 
font-style : normal; 
text-decoration : underline;
} 
a:visited { 
font-family : VArial, Helvetica, sans-serif; 
font-size : 13px; 
color : #666666; 
font-weight : bold; 
font-style : normal; 
text-decoration : underline;
} 
a:hover { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #666666; 
font-weight : bold; 
font-style : normal; 
text-decoration : underline; 
} 
a.active { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #666666; 
font-weight : bold; 
font-style : normal; 
text-decoration : underline;
} 

 
#sivukartta li{padding:0px;margin:0; padding-left:0px;
}
#sivukartta li.sivukartta{padding:0px;margin:0; padding-left:40px;
list-style:none;
}
#sivukartta li.eka{padding:0px;margin:0; padding-left:105px;list-style:none;
}
#sivukartta li.toka{padding:0px;margin:0; padding-left:170px;list-style:none;
}
#sivukartta li.kolmas{margin:0; padding-left:140px;list-style:none;
}

a.sivuk { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
font-weight : normal; 
font-style : normal; 
text-decoration : underline; 
} 
a.sivuk:link { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
font-weight : normal; 
font-style : normal; 
text-decoration : underline; 
} 
a.sivuk:visited { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
font-weight : normal; 
font-style : normal; 
text-decoration : underline;  
} 
a.sivuk:hover { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #557cb9;
font-weight : normal; 
font-style : normal; 
text-decoration : underline; 
} 
a.sivuk.active { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
font-weight : normal; 
font-style : normal; 
text-decoration : underline; 
} 
a.LueLisaa { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #557cb9; 
font-weight : bold; 
font-style : normal; 
text-decoration : underline;
text-align:right;
} 
a.LueLisaa:link { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
color:#557cb9;
font-weight : bold; 
font-style : normal; 
text-decoration : underline;
text-align:right;
} 
a.LueLisaa:visited { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
color:#557cb9;
font-weight : bold; 
font-style : normal; 
text-decoration : underline;
text-align:right;
} 
a.LueLisaa:hover { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
color:#557cb9;
font-weight : bold; 
font-style : normal; 
text-decoration : underline;
text-align:right;
} 
a.LueLisaa:active { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #557cb9; 
font-weight : bold; 
font-style : normal; 
text-decoration : underline;
text-align:right;
} 
h1 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 18px;
color : #96ac56;  
padding-left : 5px; 
padding-right : 0; 
padding-top : 10;  
padding-bottom:0;
margin-bottom:0;
} 
 h2 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 18px;
color : #cccccc; 
padding-left : 30px; 
padding-right : 0; 
padding-top : 10;
font-weight:bold; 
margin-top:0;
} 
h3 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 16px;
color : #96ac56;   
padding-left : 2px; 
padding-right : 5px; 
padding-top : 10; 
} 
 h4 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px;
color : #96ac56;  
padding : 0; 
margin:0;
padding-left:10px;
padding-bottom:0;
margin-bottom:0;
padding-top : 10;
} 

 h5 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px;
color : #96ac56;  
padding : 0; 
margin:0;
font-weight:normal;
margin:0px;
padding-left:10px;
padding-top : 10;
} 
 h6 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #666666;   
padding : 0; 
margin:0;
font-weight:normal;
margin:0px;
padding-left:10px;
padding-top : 10;
}  
hr { 
border : 1px dotted #cccccc; 
} 

#copyright { 
position : absolute; 
background-image : url(images/osoite.png); 
background-repeat : no-repeat; 
left : 430px; 
top:550px;
width : 60%; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px;
color : #666666; 
font-weight : normal; 
font-style : normal; 
padding : 0; 
margin : 0; 
} 

#copyright_s { 
position : absolute; 
background-image : url(images/osoite_s.gif); 
background-repeat : no-repeat; 
left : 430px; 
top:550px;
width : 60%; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px;
color : #666666; 
font-weight : normal; 
font-style : normal; 
padding : 0; 
margin : 0; 
} 
#valid { 
position : relative; 
bottom : 10px; 
left : 540px; 
padding : 0; 
margin : 0; 
} 
li.square{
list-style:none;
}

#kysymykset{
border:1px solid #cccccc;
position:absolute; 
top:180px; 
left:25px;
height:300px; 
width:600px; 
z-index:5;
overflow:auto;
}
.kysymykset{
width:550px; 
padding:0;
margin:0;
}

#kysymykset h1{
color : #333333; 
font-family : arial, helvetica, sans-serif; 
font-size : 12px; 
font-weight:bold
margin-bottom:0;
padding-bottom:0;
padding-top:10px;
padding-left:10px;

}

#kysymykset a{ 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #557cb9; 
font-weight : bold; 
font-style : normal; 
text-decoration : none;
text-align:right;
padding-left:5px;
} 
#kysymykset a:link { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #557cb9; 
font-weight : bold; 
font-style : normal; 
text-decoration : none;
text-align:right;
padding-left:5px;
} 
#kysymykset a:visited { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #557cb9; 
font-weight : bold; 
font-style : normal; 
text-decoration : none;
text-align:right;
padding-left:5px;
} 
#kysymykset a:hover { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #557cb9; 
font-weight : bold; 
font-style : normal; 
text-decoration : underline;
text-align:right;
padding-left:5px;
} 
#kysymykset a:active { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #557cb9; 
font-weight : bold; 
font-style : normal; 
text-decoration : none; 
text-align:right;
padding-left:5px;
} 


ol{
padding-left:50px; 
} 

ul{
padding-left:50px;
}
.kysymykset li{ 

font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #666666; 
font-weight : normal; 
font-style : normal; 
text-decoration : none;
text-align:left;
padding-left:10px;
} 
.kysymykset p{ 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #666666; 
font-weight : normal; 
font-style : normal; 
text-decoration : none;
text-align:left;
padding-left:10px;
} 

.yhteystiedot p{
width:140px;
padding:10px;
border_bottom:1px solid #cccccc;
}

.yhteystiedot_hml{
padding-top:20px;
padding-left:20px;
width:600px;
border:1px solid #cccccc;
}
.yhteystiedot_hki{
padding-top:20px;
border:1px solid #cccccc;
width:200px;
padding-left:20px;
}

input.actionshort{

font-size: 12pt;

vertical-align: top;

background: #cfcfcf;

color: #333333;

height: 30px;

width: 160px;

border: 1px solid #999999;

margin-top: 2px;

margin-bottom: 2px;

margin-right: 2px;

background-image: url(images/buttongrad.gif);

background-position:center;

background-repeat: repeat-x;

}