/* Common */
BODY, DIV {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	margin-left: 0pt;
	margin-top: 0pt;
}


DIV.sisennys {
	background: white;
	border-bottom: 1px solid #004684;
	border-top: 1px solid #004684;
}

DIV.doNavigatorBase {
	background: white;
}

td.doListHeader {
	border-bottom: 1px solid #004684;
}


td.even_row {
	border-bottom: 1px solid #004684;
	vertical-align: top;
}

td.odd_row {
	border-bottom: 1px solid #004684;
	valign: top;
	vertical-align: top;
}

TD {
	vertical-align: top;
}


TABLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
}


TD.Menu {
	border-right: 1px solid #004684;
	background: white;
	padding-left: 0.2em;
	
}

TD.Content {

	background: white;
}

DIV.Content {
	color : Black;
	background: White;
	font-size : 10pt;
	margin-left: 0.6em;
	margin-right: 0.6em;
	margin-bottom: 0.0em;

}

TD.vasen {
	background-image: url(images/design/tausta_vasen.png);
	background-position: right top;
	background-repeat: repeat-y;
}

TD.oikea {
	background-image: url(images/design/tausta_oikea.png);
	background-position: left top;
	background-repeat: repeat-y;
}

TD.ylamenu {
	background-image: url(images/design/ylanavi_tausta.jpg);
}

DIV.PageName {
	background-color: #9C265C;
	height: 20px;
	border-top: 1px solid #FFFFFF;
	padding-left: 0.5em;
	padding-top: 0.3em;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
}

DIV.alamenu {
	background: White;
	font-size : 9pt;
	margin-left: 1.6em;
	margin-right: 0.0em;
	margin-bottom: 0.0em;

}

DIV.polku {
	font-size : 9pt;
	color : #174882;
	margin-right: 0.0em;
	margin-bottom: 0.0em;

}

DIV.login {
	font-size : 9pt;
	margin-left: 1.7em;
	margin-right: 0.0em;
	margin-bottom: 0.0em;
	background: White;

}


DIV.etusivuoikea {
	font-size : 9pt;
	margin-top: 0.2em;
	margin-left: 0.0em;
	margin-right: 0.0em;
	margin-bottom: 0.0em;
	background: White;
}

TD.etucontent {
	border-right: 1px solid #004684;
	width: 600px;
	padding-top: 0.5em;
}

.paa {
	
	background: white;	
}

table.paa {
	height: 100%;
}

TD.Header {
	background: #004684;
	horizontal-align: top;
	word-spacing: 0.7em; 
	
}


A {
	color : #174882;
	font-family : Arial, "Times New Roman", Times, serif;
	font-size: 9pt;
	font-weight : bold;
	text-decoration: none;
	
}


A:hover {
  	color : #889BC3;
  	font-family : Arial, "Times New Roman", Times, serif;
  	font-weight : bold;
	text-decoration: none;
   }


A.valikko {
 	color : #ffffff;
	font-family : Arial, "Times New Roman", Times, serif;
	font-size: 9pt;
	font-weight : bold;
	margin-left: 1.5em;
	
  }


A.valikko:hover {
  	color : #C71D68;
  	font-family : Arial, "Times New Roman", Times, serif;
  	font-weight : bold;
   }

A.MenuSel {
	color : #C71D68;
	font-family : Arial, "Times New Roman", Times, serif;
	font-weight : bold;
}


/* Menu */
TABLE.MenuBase {
	background: white;	
}

TD.MenuBase {
	background: white;
}

DIV.MenuInc {
	padding-left: 0.5;
	background: white;
	margin-top: 0.3em;
	padding-bottom: 0.3em;	
	border-bottom: 1px dotted #C0C0C0;
}

DIV.MenuSel {
	padding-left: 0.5;
	background: white;
	margin-top: 0.3em;
	padding-bottom: 0.3em;	
	border-bottom: 1px dotted #C0C0C0;
}




/* Feedback */
.FeedbackBase {
	background: white;
	font-size: 12pt;
}

.FeedbackHeader {
	background: white;
	font-size: 12pt;
}


/* css for News */
.NewsArticleBase {
	border-width: 0;
	background: White;
} 

.NewsListBase {
	border-width: 0;
	background: White;
} 

.NewsBase {
	border-width: 0;
	background: white;
	width: 100%;
}

.NewsHeader {
	font-weight: Bold;
}
.NewsIntfHead {
	background: transparent;
	font-family:Arial,"Times New Roman"; 
	font-size: 10pt;
	font-weight: Bold;
	color: Black;
}

TD.NewsArticleHead {
	background: White;
	font-size: 10pt;
	border-top: 1px solid #007163;
	border-bottom: 1px solid #007163;

}

TD.NewsArticleHeader {
	color: #004684;
	background: White;
	font-weight: Bold;
	font-size: 10pt;
}

TD.NewsContHeader {
	color: black;
	background: White;
	font-weight: Bold;
	font-size: 10pt;
}

.NewsSelAreaHead {
	background: white;
	border-top: 1px solid #004684;
	border-bottom: 1px solid #004684;
	font-weight: Bold;
	font-size: 8pt;
}

TD.NewsContent {
	color: black;
	font-family : Arial, "Times New Roman", Times, serif;
	background: White;
	font-size: 10pt;
}

.NewsDate {
	font-size: 8pt;
}

A.NewsLink {
	color : #174882;
	font-family : Arial, "Times New Roman", Times, serif;
	font-size: 9pt;
	font-weight : bold;
	text-decoration: none;
}

A.NewsArticle {
	color: #174882;	
}

A:visited.NewsArticle {
	color: #808080;	
}
.NewsOrigin {
	font-size: 8pt;
}

.Tapahtumakalenteri {
	background: white;
	border-top: 1px solid #004684;
	border-bottom: 1px solid #004684;
	font-weight: Bold;
	font-size: 10pt;
}

.ingress {
	font-weight: Bold;
}

.luelisaa a {
	font-size:7pt;
}

.author {
	padding: 1em;
	font-size: 11pt;
}


.NewsListRowOdd {
	border-bottom: 1px solid #FFFFFF;
	padding: 1px 0 5px 1em;
	background: #F8F8F8;
}

.NewsListRowEven {
	border-bottom: 2px solid #FFFFFF;
	padding: 1px 0 5px 1em;
	background: #FCFCFC;
}

.doListRowEven {
	background: #F8F8F8;
	padding: 5px;
	border-bottom: 2px solid #FFFFFF;
}

.doListRowOdd {
	background: #EFEFEF;
	padding: 5px;
	border-bottom: 2px solid #FFFFFF;
}



/*Kynnysmatto*/

#parent div, #parent a, #parent td {
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size:10pt
}

#parent   {
	position:relative; 
	width: 900px; 
	z-index:1; 
	left:0px;
	margin: 0px auto; 
	text-align: left; 
}

#ylapalkki {
	background:url('images/design/kynnysmatto/ylapalkki.jpg') no-repeat;
	padding-top:3px;
	text-align:center;
}

#ylapalkki a {
	color:white;
	text-decoration:none;
	padding: 0 1em 0 1em;
	font-size: 9pt;
}

#ylapalkki a:hover {
	color:silver
}

#linkkipalkki {
	background:url('images/design/kynnysmatto/linkkipalkki.png') no-repeat;
	font-size: 8pt;
	text-align: center;
	padding-top: 2px;
}

#linkkipalkki a {
	color: white;
	text-decoration:none;
}

#linkkipalkki a:hover {
	color: #D8D8D8;
}




#linkit {
	background:url('images/design/kynnysmatto/alatausta.jpg') repeat-y;
	padding-left: 2em;
}

#slideshow1 {
}

	.pics {
		background: url(images/design/kynnysmatto/etukuva1.jpg) no-repeat;
	}
	.pics img {
		display: none;
	}

table.events_table {
	width: 600px;
}


.juhlapaikat_list div.doListRowEven,
.juhlapaikat_list div.doListRowOdd {
	padding: 5px 10px;
	margin: 5px;
}
.juhlapaikat_list .talokuva {
	float: left;
	margin-right: 50px;
}
.juhlapaikat_list .taloselostus {
	float: right;
	width: 480px;
	padding: 0 20px;
}
.juhlapaikat_list .talokuva {
	margin: 5px;
	padding: 5px;
	border: 1px solid #C0C0C0;
}
.juhlapaikat_list .talokuva a img {
	border: 0;
}
.juhlapaikat_list p {
	text-align: justify;
	font-size: 0.9em;
}
.juhlapaikat_list .juhlapaikka_nimi a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13pt;
}



/*div.doListRowOdd .talokuva {
	float: right;
	margin: 0 50px;
}
div.doListRowEven .talokuva {
	float: left;
	margin: 0 50px;
}
div.doListRowEven .juhlapaikka_nimi {
	text-align: right;
}
.juhlapaikka_nimi {
	display: block;
	padding: 0 50px;
}
.juhlapaikat_list p { margin: 0 20px 20px 20px; }*/

.juhlapaikka .talokuvat img {
	vertical-align: top;
}
.juhlapaikka .talokuvaus {
	float: left;
	padding: 20px;
	width: 500px;
}
.juhlapaikka .talovaraukset {
	float: left;
	padding: 20px;
}
