/* Start of CMSMS style sheet 'konnevesi_etusivu_tyyli' */
/* Start of CMSMS style sheet 'konnevesi' */
*{margin:0;padding:0;font-size: 62,5%;}
body{font-family:Arial; text-align:center; /*background:#fbfbfb url('images/body_bg.gif') repeat-x top left;*/}
p{margin:0 10px 10px 10px}

div#header {height:31px; margin:0; color: #79B30B; background:url('images/header_top.jpg') no-repeat top center;}

#content a{
   color:#000;
   border-bottom:1px solid #155CAF;
   font-weight:normal;
   text-decoration:none;
   font-size:1em;
   margin:0px 0px 0px 0px;
   padding:0px;
   line-height:1.22em;
}
#content a:hover{
   color:#155CAF;
   border-bottom:1px solid #000;
   font-weight:normal;
   text-decoration:none;
   font-size:1em;
   margin:0px 0px 0px 0px;
   padding:0px;
   line-height:1.22em;
}

div#container{text-align:left}
div#content, #introduction {font-family:Arial; font-size:.9em; color:#000; line-height:1.2em;}
#content, #introduction{ padding:0px 0px 0px 0px; }
/*#content table{ margin:0px 8px 0px 10px; }*/
#introduction{
	width:550px;
	margin:10px 0px 10px 0px;
	padding:10px;
	float:left;
	background:transparent url('images/uutiset_bg.gif') no-repeat top left;
}

#oikeaetu{
	width:340px;
	height:210px;
	margin:0px 0px 0px 0px;	
	padding:4px 0px 0px 0px;
	text-align:center;
	float:right;
}
#oikeaetu img{
	padding:3px;
	border:2px solid #CFCFCF;
}
#oikeaetu a{
	font-size:.7em;
}
a img, img{
border:0;
}
#oikeaetu a:hover{
	text-decoration:none;
}
#introduction p{
	margin:0 0 0 10px;
	line-height:1.3em;
}
#CalendarContainer{
	width:400px;
	margin:0px 0px 0px 50px; 
	float:left;
	background:transparent url('images/kalenteri_bg.gif') no-repeat top left;
	padding:10px 0px 0px 10px;
	min-height:300px;
}
* html #CalendarContainer{
	height:300px;
}
#NewsContainer{
	float:left; 
	width:430px;
	background:transparent url("images/uutiset_bg.gif") no-repeat 0px 0px;
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 5px;
}
#content h1 , #introduction h1{
	font-family:"Lucida Console", Arial;
	font-size:1.4em;
	color:#000;
	font-weight:normal;
	padding:5px 0px 2px 5px;
        background:url('images/pisteviiva.gif') repeat-x bottom center;
        margin:0px 10px 5px 0px;
}
#content h2 , #introduction h2{
	font-family:Arial;
	font-weight:bold;
	font-size:1.2em;
	color:#4669AB;
        border-bottom:1px solid #4669AB;
	padding:5px 0px 0px 0px;
        margin-bottom:3px;
}

#content h3{
	font-family:Arial;
	font-weight:bold;
	font-size:1em;
	color:#4669AB;
	padding:5px 0px 0px 0px;
}

#content img{ padding:8px; }
#content ul{ padding:0px 0px 0px 30px; }

#content hr{
   background:url('images/pisteviiva.gif') repeat-x top center;
   height:2px;
   color:transparent;
   border-width:0px;
}
/* PALAUTE LOMAKE */
table.palaute{width:530px; margin:0; padding:0;}
.teksti input{width:250px;}
table.palaute textarea.user{width:400px;}
table.palaute .pudotusvalikko select{width:250px;}

/* YHTEYSTIETO TAULUKKO */
table.contact{ border:2px solid #FBFBFB; background:url('images/contact_bg.gif') repeat-x bottom center; }
table.contactfront { background:transparent url('images/yhteys_bg.gif') no-repeat top right; padding:5px;}
table.contact td{ padding:0px 4px 4px 4px; }
table.contactfront td { padding:0px 4px 4px 4px; }

table.contact td.otsikko{
	font-family:Arial;
	font-weight:bold;
	font-size:1.2em;
	color:#4669AB;
	padding: 0 0 0 5px;
	/*background-color:#E4F4FF;*/
	/*border-bottom:1px solid #4669AB;*/
}
table.contact td.teksti{ }
table.contactfront td.teksti{ padding:0 0 0 10px; }
table.contactfront td.otsikko{
	font-family:Arial;
	font-weight:bold;
	font-size:1.2em;
	color:#4669AB;
	padding: 10px 0 0 10px;
	/*background-color:#E4F4FF;*/
	/*border-bottom:1px solid #4669AB;*/
}
/*************************
   UUTISTEN TYYLIT
*************************/

#NewsContainer .NewsSummary{
   border-bottom:1px solid #D6DDEB;
   padding:3px 5px 10px 5px;
   margin:0px 10px 0px 0px;
}

.NewsSummaryLink{
   font-size:1em;
   font-weight:bold;
   color:#4669AB;
   /*border-bottom:1px solid #AFBCD3;*/
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}

.NewsSummaryLink a{
   color:#4669AB;
   text-decoration:underline;
   border-bottom:none;
}
.NewsSummaryLink a:hover{
   text-decoration:none;
   border-bottom:none;
}
#NewsContainer .NewsSummaryAuthor{
   font-size:.7em;
   padding:0px 0px 0px 10px;
}
#NewsContainer .NewsSummarySummary{
   padding:3px 5px 5px 10px;
}

#NewsContainer .NewsSummaryMorelink {
   padding:0px 0px 0px 10px;
   font-size:.8em;
}

#NewsContainer .NewsSummaryMorelink a{
   text-decoration:none;
}
/*
#content .NewsSummaryMorelink a:hover{
   text-decoration:none;
}
*/
#NewsContainer h3#NewsPostDetailTitle{
   font-size:1.2em;
   font-weight:bold;
   color:#4669AB;
   border-bottom:1px solid #4669AB;
   padding:5px 0px 0px 0px;
   margin:0px 10px 5px 0px;
}

#NewsPostDetailSummary{
   font-size:.9em;
   padding:5px 0px 5px 5px;
}

#NewsPostDetailContent{
     padding:5px 0px 5px 5px;
}

#NewsContainer #NewsPostDetailAuthor{
   font-size:.7em;
   margin:10px 15px 0px 0px;
}

#NewsContainer #NewsPostDetailDate{
   float:right;
   font-size:.7em;
   margin:5px 15px 0px 0px;
}

#NewsContainer #NewsPostDetailPrintLink{
   float:right;
   padding:5px 10px 5px 0px;
   font-size:.8em;
}
#NewsPostDetailPrintLink a{
   color:#000;
   border-bottom:1px solid #155CAF;
   font-weight:normal;
   text-decoration:none;
   font-size:1em;
   margin:0px 0px 0px 0px;
   padding:0px;
   line-height:1.22em;
}
#NewsPostDetailPrintLink a:hover{
   color:#155CAF;
   border-bottom:1px solid #000;
   font-weight:normal;
   text-decoration:none;
   font-size:1em;
   margin:0px 0px 0px 0px;
   padding:0px;
   line-height:1.22em;
}
#NewsPostDetailReturnLink{
   padding:5px 0px 5px 5px;
}
#NewsPostDetailReturnLink a{
   color:#000;
   border-bottom:1px solid #155CAF;
   font-weight:bold;
   text-decoration:none;
   font-size:1em;
   margin:0px 0px 0px 0px;
   padding:0px;
   line-height:1.22em;
}
#NewsPostDetailReturnLink a:hover{
   color:#155CAF;
   border-bottom:1px solid #000;
   font-weight:bold;
   text-decoration:none;
   font-size:1em;
   margin:0px 0px 0px 0px;
   padding:0px;
   line-height:1.22em;
}
/*************************
   UUTISTEN TYYLIT - Oikealaita
*************************/
#NewsContainer .NewsSummary{
   border-bottom:1px solid #D6DDEB;
   padding:3px 2px 10px 2px;
   margin:0px 3px 10px 0px;
}

#NewsContainer .NewsSummaryPostdate{
	margin:5px 0px 0px 0px;
	font-size:.9em;
}

#NewsContainer .NewsSummaryAuthor{
   font-size:.7em;
   padding:0px 0px 0px 10px;
}
#NewsContainer .NewsSummarySummary{
   padding:2px 0px 5px 3px;
   font-family:Verdana;
   font-size:.8em;
}

#NewsContainer .NewsSummaryMorelink {
   padding:0px 0px 0px 5px;
}

#NewsContainer .NewsSummaryMorelink a{
   color:#000;
   border-bottom:1px solid #155CAF;
   text-decoration:none;
   font-weight:bold;
   font-family:Verdana;
   font-size:.8em;
}

#NewsContainer .NewsSummaryMorelink a:hover{
   text-decoration:none;
   color:#155CAF;
   border-bottom:1px solid #000;
   font-weight:bold;
}

h3#NewsPostDetailTitle{
   font-size:1.2em;
   font-weight:bold;
   color:#4669AB;
   border-bottom:1px solid #4669AB;
   padding:5px 0px 0px 0px;
   margin:0px 10px 5px 0px;
}

#NewsContainer  #NewsPostDetailSummary{
   font-size:.9em;
   padding:5px;
}

#NewsContainer #NewsPostDetailContent{
     padding:5px;
}

#NewsPostDetailAuthor{
   font-size:.8em;
   margin:5px 15px 0px 0px;
}

#NewsPostDetaildate{
   float:right;
   font-size:.7em;
   margin:5px 15px 0px 0px;
}

#NewsPostDetailPrintLink{
   float:right;
   padding:5px 10px 5px 0px;
   font-size:.8em;
}

#NewsPostDetailReturnLink{
   padding:5px 0px 5px 5px;
}

.calendar-upcominglist h1, #NewsContainer h1{
   font-family:Arial;
   font-size:120%;
   font-weight:normal;
   color:#000;
   margin:0px 0px 5px 0px;
   padding:0 0 0 5px;
   
}
#NewsContainer h1 {
	color:#4669AB;
	border-bottom:1px solid #4669AB;
        background-image:none;
   font-family:Arial;
   font-size:120%;
   font-weight:normal;
   margin:0px 0px 5px 0px;
   padding:0 0 0 5px;
}
.calendar-upcominglist h1{
	color:#57AB4B;
	border-bottom:1px solid #57AB4B;
}
 .calendar-upcominglist .calendar-event{
  padding:0px 0px 15px 0px;
  margin-bottom:0px;
  border:2px solid #E0EAF3;
  /*background-color:#F4FAFF;*/
  background-color:#F8FCFF;
}
.calendar-upcominglist .calendar-event h2{
	font-family:Arial;
	font-weight:bold;
    font-size:100%;
	color:#57AB4B;
	padding:3px 0px 0px 5px;
    margin-left:100px;
    margin-right:5px;
	border-left:3px solid #DBDBDB;
}

.calendar-upcominglist .calendar-event h2 a{
   color:#57AB4B;
   text-decoration:none;
   font-weight:bold;
   font-family:Arial;
   font-size:100%;
   border-width:0px;
}
 .calendar-upcominglist .calendar-event h2 a:hover{
   color:#000;
   text-decoration:underline;
   font-family:Arial;
   font-size:100%;
   border-width:0px;
}
#calendarlink{
  margin:0px 0px 20px 10px;
}
#calendarlink a:link{
   color:#57AB4B;
   text-decoration:none;
   font-weight:bold;
   font-family:Arial;
   font-size:100%;
   border-width:0px;
   padding-bottom:10px;
}
#calendarlink a:visited{
   color:#57AB4B;
   text-decoration:none;
   font-weight:bold;
   font-family:Arial;
   font-size:100%;
   border-width:0px;
}
#calendarlink a:hover{
   color:#000;
   text-decoration:underline;
   font-family:Arial;
   font-size:100%;
   border-width:0px;
}
#calendarlink a:active{
   color:#57AB4B;
   text-decoration:none;
   font-weight:bold;
   font-family:Arial;
   font-size:100%;
   border-width:0px;
}
 .calendar-upcominglist .calendar-date-from{
   width:90px;
   float:left;
   font-size:.8em;
   font-style:normal;
   padding:5px 0px 10px 5px;   
}
.calendar-upcominglist .calendar-summary{
   padding:5px 5px 10px 5px;
   font-family:Verdana;
   font-size:.8em;
   margin-left:100px;
   border-left:3px solid #DBDBDB;
}

/************************************
 End
************************************/

/*************************************
KALENTERIN TYYLIT
*************************************/
#introduction .calendar-event h1{
font-size:1.5em;
   font-weight:bold;
   color:#57AB4B;
   font-family:Arial;
   border-bottom:1px solid #57AB4B;
   background-image:none;
}
.calendar-date-from{
   font-size:.8em;
   font-style:italic;
   padding:0px 0px 0px 10px;
}
.calendar-summary{
   padding:5px;
}
.calendar-details{
padding:5px 0px 8px 5px;
}
.calendar-event{
  /*padding:0px 5px 5px 5px;
  border:1px solid #8B929F;
  background-color:#F8FCFF;
  margin:10px 0px 10px 0px;
*/
}
.calendar-event a{
  font-size:.8em; 
  padding:0px;
  text-decoration:none;
}
.calendar-returnlink a{
   color:#57AB4B;
   border-bottom:1px solid #155CAF;
   font-weight:bold;
   text-decoration:none;
   font-size:1em;
   margin:0px;
   margin-left:5px;
   line-height:1.22em;
}
.calendar-returnlink a:hover{
   color:#000000;
   border-bottom:1px solid #000;
   font-weight:bold;
   text-decoration:none;
   font-size:1em;
   margin:0px;
   margin-left:5px;
   line-height:1.22em;
}
/**************************************
**************************************/
div#footer{height: 38px; background:url('images/footer.gif') no-repeat top center; color: #FFF; text-align:center;}
div#footer p{font-size:.8em; font-weight:bold; margin:0; padding:5px 10px;}

div#container{width:1000px;margin:0 auto; background:url('images/content_bg_front.gif') repeat-y top center;}
div#wrapper{float:left;width:100%; background-color:transparent;}
div#contentfront{margin: 0px 45px 0px 45px; }
div#rightcol{
	float:left;
	width:150px; 
	margin-left:-207px;
	font-family:Arial;
	font-size:.8em;
	padding:0px 0px 0px 5px;
	}
div#footer{clear:left;width:100%}

/*****************************
      VASEN LAITA
*****************************/
div#leftcol{
	float:left;
	width:200px; 
	margin-left:-955px; 
	background:url('images/left_bg.gif') repeat-x top left;
	min-height:500px; 
	text-align:left;
	}
	
* html #leftcol {height:500px;}

#leftcol ul {
	list-style: none;
	padding:0;
	margin:0;
}

#leftcol li {
	padding:0px 0px 0px 5px;
}

#leftcol ul li a{
	width:190px;
	display:block;
	font-size:.9em;
	font-family:Tahoma;
	font-weight:bold;
	color:#343434;
	text-decoration:underline;
	padding:5px 0px 5px 5px;
	margin:0px;
	/*border:1px solid #EFEFEF;*/
	
}
#leftcol ul li a:hover{
	color:#000;
	text-decoration:none;
	padding:5px 0px 5px 5px;
	background-color: #F7F7F7;
	
}
#leftcol ul li a#current{
	color:#6C80BF;
	text-decoration:none;
	padding:5px 0px 5px 5px;	
}

#leftcol ul li a.activeparent{
      	padding:5px 0px 5px 5px;
      	text-decoration:none;
}

#leftcol ul li a.activeparent:hover{
      	padding:5px 0px 5px 5px;
      	text-decoration:underline;
}

#leftcol ul.sec {
	padding:0px 0px 0px 5px;
}

#leftcol ul.sec a{
	display:block;
	width:180px;
	font-size:.8em;
	font-family:Tahoma;
	font-weight:bold;
	color:#5F5F5F;
	text-decoration:underline;
	margin:0px;
}

#leftcol ul.sec a:hover{
	color:#4F4F4F;
	text-decoration:underline;
}
#leftcol ul.sec a#current{
    padding:5px 0px 5px 5px;
    background-color:#FBFBFB;
}

#leftcol ul.sec a#current:hover{
    padding:5px 0px 5px 5px;
    background-color:#F7F7F7;
	color:#4F4F4F;
	text-decoration:underline;
}

#leftcol ul.thrd {
	padding:0px 0px 0px 5px;
}
#leftcol ul.thrd a{	
	display:block;
	width:170px;
	font-size:.7em;	
	font-family:Tahoma;
	font-weight:bold;
	color:#838383;
	text-decoration:none;
	margin:0px;
}

#left h3{
	font-size:1em;
}


#headersearch{
	float:right;
	padding-top:3px;
	padding-right:20px;
}
#headersearch input.painike{
	font-weight:bold;
	font-size:.7em;
	margin:0px 10px 0px 0px;
	/*border:2px solid #9A9A9A;
	background: url('images/search_bg.gif') repeat-x top left;*/
}

#headersearch input.teksti{
	font-size:.7em;
	font-family:Arial;
	background: url('images/search_bg.gif') repeat-x top left;
	border:2px solid #9A9A9A;
}
#headersearch label{
   color:#fff;
}
#headernav{
	margin:0px 0px 0px 200px;
	padding:5px 0px 0px 0px;
	text-align:left;
	}

#headernav ul{
    margin:0;
	padding:0;
	list-style:none;
	font-size:.8em;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	
}

#headernav li{
      display:inline;
      margin:0;
      padding:0;
}

#headernav li a{
      float:left;
      margin:0;
      padding:0 6px 0 8px;
      text-decoration:none;
	  background-color:none;
	  color:#fff;
}

#headernav li a:hover{
      float:left;
      margin:0;
      padding:0 6px 0 8px;
      text-decoration:underline;
	  background-color:none;
	  color:#fff;
}

#headermiddle{
	height:84px;
	background:url('images/header_middle.jpg') no-repeat top center;
}
#headermiddle h1{
	font-size:1em;
	color:#DFDFDF;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

#headermiddle h1 a{
    position:absolute;
	top:40px;
	left:95px;
	width:330px;
	height:65px;
	font-size:.8em;
	color:#DFDFDF;
	text-decoration:none;
	text-indent:-99999px;
}

#headerbottom{
	height:48px;
	background:url('images/header_bottom.jpg') no-repeat top center;
	font-size:.8em;
	font-weight:bold;
	font-family:Arial;
}

#headerbottom ul {
		margin:0;
padding:8px 0 0 190px;
		list-style:none;
      }
#headerbottom li {
      display:inline;
      margin:0;
      padding:0;
      }
#headerbottom a {
      float:left;
      background:url('images/buttonleft.gif') no-repeat left top;
      margin:0;
      padding:0 4px 0 4px;
      text-decoration:none;
      }
#headerbottom a span {
      float:left;
      display:block;
      background:url('images/buttonright.gif') no-repeat right top;
      padding:6px 8px 6px 8px;
      color:#EBEEF2;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#headerbottom a span {float:none;}
    /* End IE5-Mac hack */
#headerbottom a:hover span {
      color:#fff;
      }
#headerbottom a:hover {
      background-position:0% -32px;
      text-decoration:underline;
      }
#headerbottom a:hover span {
      background-position:100% -32px;
      text-decoration:underline;
      }
#headerbottom a.currentpage{
		background-position:0% -32px;
		
	}
#headerbottom a.currentpage span {
      background-position:100% -32px;
      }
/* End of 'konnevesi' */


/* End of 'konnevesi_etusivu_tyyli' */