BODY
{
	PADDING: 0px;
	MARGIN: 0px;
	FONT-SIZE: 13px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
P  {FONT-SIZE: 13px; MARGIN: 0px 13px;}

A:link, A:visited {COLOR: #CC0000; TEXT-DECORATION: underline}
A:hover {COLOR: #999999;   TEXT-DECORATION: none}

LI
{
	max-width: 400px;
	MARGIN: 0px 0px 0px 30px;
	FONT-SIZE: 13px;
	LIST-STYLE-IMAGE: url(bullet_arrow.gif);
	LIST-STYLE-TYPE: none;
}

.forBraille { DISPLAY: none}

FIELDSET
{
    BORDER: #cccccc 1px solid;
	BACKGROUND: left bottom url(palautelomake_bg.jpg) repeat-x;
    BACKGROUND-COLOR: #ffffff;
    max-width: 500px;
	PADDING-BOTTOM: 20px;
    MARGIN: 20px;
    PADDING-TOP: 10px;
}
LEGEND { FONT-SIZE: 13px}

/*...........................................divit*/


#topstripe 
{
	HEIGHT: 3px;
	background: #FFFFFF ;
}
#logo {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 250px;
	vertical-align: bottom;
	border: none;
	margin:3px 0px 0px 0px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(logobg.gif);

}

* html #logo IMG {
top: 3px;	
position: absolute;	
left: 2px; 
} 
#pageingress {
	PADDING: 0px;
	MARGIN: 0px;
	HEIGHT: 80px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-position: left bottom;
	background-color: #FFFFFF;

}
#pageingress H2 {DISPLAY: none}

#haku
{
	WIDTH: 250px;
	HEIGHT: 80px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(theme_header_right.gif);
}

#haku FORM {PADDING: 0px; MARGIN: 0px;}
#haku p {font-size: 11px;}

#languagestripe
{
	MARGIN: 0px;
	WIDTH: 250px;
	HEIGHT: 35px;
	padding: 0px;
	text-align: left;
	background: #8AC85B;
	vertical-align: bottom;
}
#languagestripe P {}
#languagestripe A
{
	TEXT-DECORATION: underline;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;


}
#languagestripe A:hover { TEXT-DECORATION: none;}
#navistripe
{
	VERTICAL-ALIGN: middle;
	background-color: #8AC85B;
	font-size: 11px;
}
#navistripe P
{
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	font-size: 11px;

}
#navistripe A
{
	TEXT-DECORATION: underline;
	color: #333333;
	font-size: 11px;



}
#navistripe A:hover { TEXT-DECORATION: none}

#textsizestripe
{
	VERTICAL-ALIGN: middle;
	WIDTH: 250px;
	background-color: #8AC85B;
	height: 25px;
	text-align: center;

}
#textsizestripe P { PADDING: 0px;    MARGIN: 0px;}
#textsizestripe A {COLOR: #333333;    TEXT-DECORATION: underline}
#textsizestripe A:hover { TEXT-DECORATION: none}


/*........................................navigaatio*/
#navibar
{
	BORDER-RIGHT: 1px none #8AC85B;
	WIDTH: 250px;
	padding-top: 20px;
	background-color: #8AC85B;
}
#navibar .PnaviSelected A:hover {BACKGROUND-IMAGE: none;}
#navibar .Pnavi
{
	MARGIN: 0px;
	PADDING: 4px 0px 3px 5px;
	font-size: 10px;
	word-spacing: 0.08em;
	background-color: #549641;
	border-right: 1px solid #333333;
}
#navibar .PnaviSelected
{
	BACKGROUND-POSITION: left center;
	BACKGROUND-IMAGE: url(navi_arrow.gif);
	MARGIN: 0px;
	PADDING: 2px 0px 2px 10px;
	BACKGROUND-REPEAT: no-repeat;
	border-bottom: 1px dashed #333333;

	
}
#navibar .PnaviArticle
{
	MARGIN: 0px;
	PADDING: 1px 0px 1px 13px ;
	background-color: #549641;
	background-image: none;
	border-right: 1px solid #333333;

}
#navibar .PnaviArticle A:hover {background-image: none;}
#navibar A
{
	COLOR: #F9F9F9;
	TEXT-DECORATION: none;
	font-size: 13px;
	display: block;
	padding-left: 15px;
}
#navibar A:hover
{
	background-image: url(navi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFFFFF;
	background-color: #8AC85B;
}
#navibar H2.Pnavi
{
    FONT-WEIGHT: bold;
    font-size: 10px;
    MARGIN: 0px;
    PADDING: 3px 0px 3px 13px;
    BORDER-BOTTOM: 1px solid #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #8AC85B;
}
#navibar H2.Pnavi A:link, #navibar H2.Pnavi A:visited, #navibar H2.Pnavi A:active
{
    COLOR: #FFFFFF;
}
#navibar H2.Pnavi A:hover
{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #549641;
    TEXT-DECORATION: none;
	background-image: none;
}
#copyright P
{
	padding: 0px 0px 0px 15px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	color: #333333;
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 25px;


}
#copyright A
{
	COLOR: #CC0000;
	TEXT-DECORATION: underline;
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
}
#copyright A:hover
{
	COLOR: #cc0033;
	TEXT-DECORATION: none;
	background-image: none;
	margin: 0px;
	padding: 0px;
}
#copyrightAddon{margin: 0px;text-align: center;}



/*.........................................SISLTLAATIKKO*/
#content {

}
#content H1
{
	CLEAR: both;
	PADDING: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	MARGIN: 3px 25px 5px 20px;
	COLOR: #8AC85B;
	max-width: 500px;
}
#content H1.noDate
{
	CLEAR: both;
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	MARGIN: 20px 25px 5px 20px;
	max-width: 500px;
	color: #8AC85B;
	padding: 0px;
}
#content H2
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	MARGIN: 25px 25px 10px 20px;
	max-width: 500px;
	padding: 0px;
	float: none;
	color: #669933;
}
#content H3
{
	CLEAR: none;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	MARGIN: 10px 25px 5px 20px;
	max-width: 500px;
	padding: 0px;
	float: none;
	color: #333333;
}
#content P
{
    FONT-WEIGHT: normal;
    MARGIN: 0px 25px 5px;
    PADDING: 2px 0px 3px 5px;
    max-width: 500px
}
#content .Pdate
{
	CLEAR: both;
	MARGIN: 20px 25px 0px 22px;
	COLOR: #666666;
	max-width: 500px;
	text-align: left;
	font-size: 10px;
	padding: 0px;
}

#content .ingress
{
	CLEAR: both;
	MARGIN: 10px 25px 8px 20px;
	FONT-STYLE: italic;
	max-width: 500px;
	padding: 0px;
}
#content .quote
{
	MARGIN: 0px 25px 20px 50px;
	PADDING: 5px;
	FONT-STYLE: italic;
	max-width: 470px;
}
#content .lastupdate
{
	CLEAR: both;
	MARGIN: 10px 5px 10px 3px;
	COLOR: #666666;
	font-size: 11px;
	font-style: italic;
}
#content P.back
{
	CLEAR: both;
	PADDING: 0px;
	MARGIN: 15px 25px 15px 20px;
	max-width: 500px;
	font-size: 12px;
	background-color: #FFFFFF;
}
#content P.getmore {MARGIN-LEFT: 50px;}

#content TABLE.serviceHack
{
    MARGIN-TOP: 20px;
    MARGIN-LEFT: 20px
}

#content TR.rowHeader TD { BACKGROUND-COLOR: #d5d6d6}    /*  <-----------KESKUSTELU */
#content TR.row TD {
	BACKGROUND-COLOR: #eeeeee;
	margin: 0px;
	padding: 0px;
}
#content TR.rowAlternate TD {
	BACKGROUND-COLOR: #EEEEEE;
	margin: 0px;
	padding: 0px;
}
#content .noLeftMargin {MARGIN: 3px}
#content .nameUnderline { TEXT-DECORATION: underline}

#content .TDleft {border: 0px;}
#content .TDright {border-left: solid 1px #666; }
#contentArticleHack
{
    MARGIN: 4px;
    TEXT-ALIGN: left;
    max-width: 500px
}


/* ............................................NOSTOT*/
#lift {

}

#lift H1
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	MARGIN: 0px 5px 0px 11px;
	PADDING: 0px 2px 0px 5px;
	max-width: 500px;
	text-align: left;
	color: #000000;

	
}
#lift P
{
	PADDING: 6px 0px 5px 5px;
	MARGIN: 0px 5px 3px 11px;
	max-width: 500px;

	
}
#lift .Pdate
{
	PADDING: 0px 0px 0px 5px;
	MARGIN: 8px 5px 0px 11px;
	COLOR: #666666;
	max-width: 500px;
	background: #FFFFFF;
	text-align: left;

	font-size: 11px;
}
#lift .TDreuna
{
	margin: 0px;
	text-align: left;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px #CCCCCC;
	background-image: url(pilkut.gif);
	background-repeat: repeat-x;
	background-position: left bottom;

}
#lift .TDetusivunkuva 
{
	PADDING: 10px 0px 5px 5px;
	MARGIN: 10px 5px 3px 20px;
	border: none;
} 
#lift .TDetusivunkuva IMG{ BORDER: 0px;} 



/* ................................................LISTAT*/
#lists { MARGIN: 0px; PADDING: 10px 13px 0px 17px;}
* html #lists li { MARGIN: 0px 0px 0px 30px;} 

#lists H2 { FONT-WEIGHT: bold;   FONT-SIZE: 13px;    MARGIN: 3px;}
#lists ul {margin-top: 2px; margin-right: 0px; margin-bottom: 12px;}
#lists li { list-style-image: url(bullet_arrow.gif); font-size: 13px; color: #000000; margin-top: 0px; margin-bottom: 0px; list-style-type: none;}

#lists .Ah2 {TEXT-DECORATION: underline}
#lists .Ah2:hover { TEXT-DECORATION: none}
#content .caption {MARGIN: 2px;    COLOR: #333333}


/* ...................................SIVUN KUVAT*/
#pic1
{
	FLOAT: right;
	MARGIN-RIGHT: 20px;
	padding: 2px;
}
#pic2
{
    PADDING: 2px;
    FLOAT: left;
    MARGIN: 2px 2px 10px 20px;
}
#pic3
{
    CLEAR: both;
    PADDING: 2px;
    MARGIN: 2px 2px 10px 20px;
}
#pic4
{
    CLEAR: both;
    MARGIN: 2px 25px 2px 20px;
    PADDING: 2px;
	text-align: left;
}
#pic5
{
    CLEAR: both;
    PADDING: 2px;
 	MARGIN: 2px 25px 2px 20px;
}
#pic1 IMG, #pic2 IMG, #pic3 IMG, #pic4 IMG
{
	border: 1px solid #333333;
	float: left;
	margin: 5px;
}


/* ....................................OIKEA LAATIKKO*/

#themeright
{
	WIDTH: 250px;
	padding: 0px;
	margin: 0px 15px 0px 0px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(theme_header_right.gif);
}
#themeright P {
	margin-top: 10px;
	margin-bottom: 5px;
}

#themeright UL {MARGIN: 2px 5px 12px;}
#themeright H1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #CC0000;
	text-align: center;
}
#themeright H1.noDate {FONT-SIZE: 14px;    COLOR:  #CC0000;}
#themeright H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN-LEFT: 0px;
	background-color: #8AC85B;
	display: block;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#themeright H3 {
	FONT-SIZE: 12px;
	text-align: center;
}


#themeright .Pdate {FONT-WEIGHT: bold;    COLOR: #cc0033;}
#themeright .ingress {FONT-WEIGHT: normal;  FONT-STYLE: italic;}
#themeright .quote {COLOR: #333333; FONT-STYLE: italic; }
#themeright .lastupdate {COLOR: #333333; FONT-STYLE: italic; }
#themeright P.back {FONT-WEIGHT: normal; }
#themeright .Pnavi {MARGIN: 0px; PADDING: 1px 0px 1px 13px;}




/*.........................................ALAVIIVA, OHJEET*/
#bottomstripe
{
	MARGIN: 0px;
	HEIGHT: 30px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	background-color: #8AC85B;
}
#bottomstripe P { MARGIN: 0px 13px}
#bottomstripe A { COLOR: #333333; TEXT-DECORATION: underline }
#bottomstripe A:hover { TEXT-DECORATION: none}

#hiddencontacts {DISPLAY: none}


/* ........................................KARTTA*/
#sitemap { MARGIN: 0px; PADDING: 10px 13px 0px 17px;}
#sitemap H2
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	MARGIN: 3px;
	color: #CC0000;
}
#sitemap UL 
{ MARGIN: 0px;}
#sitemap LI
{
    MARGIN: 0px;
    FONT-SIZE: 13px;
    COLOR: #333333;
    LIST-STYLE-TYPE: none
}
#sitemap .Ah2 {COLOR: #CC0000;    TEXT-DECORATION: underline}
#sitemap .Ah2:hover { COLOR: #CC0000;    TEXT-DECORATION: none}
#searchresults H2 { COLOR: #8AC85B}
#searchresults .type{}
#searchresults ul{margin-top:5px; margin-bottom:5px;}
#searchresults p{max-width:1200px;}

/* Sitemap */

/* ......................................VLILEHDET  */
#flapContainer { MARGIN: 10px 0px 20px 30px}
#flapContainer H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #333333
}
#flap {	WIDTH: 450px;	border: 2px solid #CC0000;}
#flap H2 {MARGIN: 13px 13px 0px 15px}
#flap TABLE { MARGIN: 0px 13px 13px}
#flap TD
{
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 2px;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 2px
}
/* appeja varten */
#flapApplication{border: 2px solid #FFCC33; margin-right:13px; margin-bottom: 20px;}
#flapApplication H2{margin: 13px 13px 0px 15px;color:#003399;}
#flapApplication table{margin-bottom: 13px;margin-left: 13px;margin-top: 0px;margin-right: 13px;}
#flapApplication td{font-size: 13px;padding-top: 2px;padding-bottom: 2px;vertical-align: top;}

#application table{margin-bottom: 13px;margin-left: 20px;margin-top: 0px;margin-right: 13px;}

/* Turun uusi haku, Mathias 27.6.2007 */
#flapSearchResults {border: 2px solid #FFCC33; margin-right:13px;}
#flapSearchResults H2{margin: 13px 13px 0px 15px;color:#003399;}
#flapSearchResults table{margin-bottom: 13px;margin-left: 13px;margin-top: 0px;margin-right: 13px;}
#flapSearchResults td{font-size: 13px; padding-top: 5px; padding-bottom: 10px; vertical-align: top;}

#SearchNoResults {font-size:14px; font-weight:bold; color:#FF0000;}
#flapResults TD
{
	FONT-SIZE: 13px;
	BACKGROUND-COLOR: #CCCCCC;
	padding: 2px;
	margin: 10px;
}
#flapResults TD.header {FONT-WEIGHT: bold;    BACKGROUND-COLOR: #dddddd}
#flapTopTable .currentOpen {BACKGROUND: url(valilehti_vasen_0.gif) no-repeat right top}
#flapTopTable .currentMiddle {BACKGROUND-COLOR: #CC0000; color: #FFFFFF;}
#flapTopTable .currentClose {BACKGROUND: url(valilehti_vasen_1.gif) no-repeat left top}
#flapTopTable .inactiveOpen { BACKGROUND: url(valilehti_oikea_0.gif) no-repeat right top}
#flapTopTable .inactiveMiddle { BACKGROUND-COLOR: #E06666}
#flapTopTable .inactiveClose { BACKGROUND: url(valilehti_oikea_1.gif) no-repeat left top}


/* ............................................KESKUSTELU */
#keskusteluPuu {FONT-SIZE: 13px;}
#keskusteluPuu
{
	MARGIN: 5px 20px 0px;
	border: 1px solid #D5D6D6;
	padding: 5px;
}
#keskusteluPuu TR.rowHeader TD {PADDING: 3px;	border-bottom: 1px solid #CC0000;}
#keskusteluPuu A {MARGIN: 0px; 	color: #000000;}
#keskusteluPuu A:visited {TEXT-DECORATION: none;	color: #666666;}
#keskusteluLiitetiedostot
{
    BORDER: #cccccc 1px solid;
    PADDING-LEFT: 7px;
    FONT-SIZE: 13px;
    BACKGROUND: #efefef;
    MARGIN: 0px 5px 15px 20px;
    WIDTH: 250px;
    PADDING: 5px 7px 5px 7px;
}
/*.................................ohjelma */
#ohjelma table {
	margin: 10px 10px 5px 25px;
	border-right: 1px none #58A641;
	border-left:  1px none #58A641;
}
#ohjelma caption{
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#ohjelma td {
	border-bottom: 1px none #999999;
	padding: 6px 3px 6px 5px;
	margin: 0px;
	background-image: url(pilkut.gif);
	background-repeat: repeat-x;
	background-position: left bottom;

}
/* ..........................programme */
#programme td {
	border-bottom: 1px dashed #CCCCCC;
	padding: 6px 3px 6px 5px;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

#programme table {
	margin: 10px 10px 5px 25px;
	border-left:  1px solid #CCCCCC;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}

#programme td {
	padding: 6px 3px 6px 5px;
	margin: 0px;
}
/*...........................................PieniTeksti*/
#content .pieni{ font-size:12px; color:#666666;}