/* CSS Document */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body { font-family: Verdana,Arial,sans-serif; font-size: 0.8em; color: #000000; line-height: 1.3; margin: 0px; padding: 0px; background-color: #FFFFFF; }

p { font-size: 9pt;}

/* Text styles */
h1, h2, h3, h4, h5, p, ul, ol, { margin-top: 0px; font-family: Verdana,Arial,sans-serif; text-align: left; }
li { padding-bottom: 3px; margin-top: 0px; font-family: Verdana,Arial,sans-serif; text-align: left; padding-left: 5px; padding-right: 5px; }
/*table poistettu text stylesistä, koska SG-editor levenee rumasti */

li { padding-bottom: 3px; }
ul, ol { marker-offset: 5px; font-size: 9pt; }
ul{ list-style-type: disc; }
ul ul{ list-style-type: disc; }
ul ul ul{ list-style-type: disc; }

h1 { font-size: 12pt; font-weight: bold; color: #333399; padding-top: 15px; margin-bottom: 10px; line-height: 1.1; }
h2 { font-size: 9pt; font-weight: bold; color: #333399; padding-top: 2px; margin-bottom: 5px; }
h3 { font-size: 9pt; font-weight: bold; color: #000000; padding-top: 2px; margin-bottom: 2px; }
h4 { font-family: Verdana,Arial,sans-serif; text-align: left; margin-left: 20pt; font-size: 9pt; font-weight: normal; color: #000000;  }
h5 { font-family: Verdana,Arial,sans-serif; text-align: left; margin-left: 20pt; font-size: 8pt; font-weight: normal; color: #333399; }
h5 { font-family: Verdana,Arial,sans-serif; text-align: left; margin-left: 20pt; font-size: 8pt; font-weight: normal; color: #000000; }

.leipis { font-size: 9pt; }

.nosto h1, .nosto h2, .nosto h3 {  font-size: 9pt; font-weight: bold; color: #333399; margin-top: 0px; margin-bottom: 2px; line-height: 1.2; text-align:left;}
.nosto { font-size: 9pt; font-weight: normal; color: #333399; margin-bottom: 2px; line-height: 1.2; text-align:left;}

.ajankoht h1, .ajankoht h2, .ajankoht h3 { font-size: 9pt; font-weight: bold; color: #000000; padding-left:0px; margin-left:0px; margin-right:0px; margin-top: 0px; margin-bottom: 2px; line-height: 1.2; }
.ajankoht, .ajankoht p {  font-size: 9pt; font-weight: normal; color: #000000; margin-bottom: 10px; line-height: 1.2; padding-left:0px; margin-left:0px; text-align:left; }
.ajankoht hr {  border: 0px none ; color: #333399; height: 1px; margin: 10px 20px 0px 0px; background-color: #333399; }

.news_ots { font-size: 9pt; font-weight: bold; color: #333399; padding-top: 20px; margin-bottom: 2px; line-height: 1.2; }
.news { font-size: 9pt; font-style: italic; color: #333399; margin: 0px; padding-right: 0px; line-height: 1.2; }

.navi { font-size: 8pt; color: #333399; font-weight: normal; text-decoration: none; }
.active_navi { font-size: 8pt; color: #6699FF; font-weight: bold; }

.navi_taso1 { font-size: 8pt; color: #333399; font-weight: bold; }
.navi_taso2 { margin-left: 10px; font-size: 8pt; color: #333399; font-weight: normal; }
.navi_taso3 { margin-left: 20px; font-size: 8pt; color: #333399; font-weight: normal; }

.sstl { position: relative; left: 60px; top: 6px; font-size: 8pt; color: #333399; font-weight: bold; line-height: 1.1; }
.polku { font-size: 8pt; color: #999999; font-weight: normal; padding-right: 5px; padding-left: 0px;}

/* Links */
a:link, a:visited, a:hover { color: #333399; text-decoration: underline; }
a:hover { color: #6699FF; } /* overrides decoration from previous rule for hovered links */
a:active { color: #6699FF; }



/*a.navi:link, a.navi:visited, a.navi:hover { font-weight: bold; text-decoration: none; }*/
.navi a, .navi a:visited, .navi a:hover {
        text-decoration: none;
        font-weight: bold;
        
}



.sivukartta ul {
list-style-position: outside;
padding: 5px;
margin: 5px 5px 5px 60px;
}

a.active_navi:link, a.active_navi:visited, a.active_navi:hover { color: #6699FF; font-weight: bold; text-decoration: none; }
a.active_navi:hover { color: #333399; }
a.active_navi:active { color: #333399; }

#pp_navi a:link, #pp_navi a:visited { text-decoration: none; margin-right: 0px; }
#pp_navi a:hover { text-decoration: underline; }

a.navi_taso1:link, a.navi_taso2:link, a.navi_taso3:link, a.navi_taso1:visited, a.navi_taso2:visited, a.navi_taso3:visited { text-decoration: none; }

.sivulinkit { 
        background-color: #FFFFFF;
        padding-left: 10px;
        font-size: 8pt;
        }
       
.sivulinkit a.first {text-transform:uppercase; font-weight: bold; text-decoration: none;}
.sivulinkit a.second {text-decoration: none; font-weight: bold;}
.sivulinkit a.third {text-decoration: none; padding-left: 10px; font-weight: normal;}


a.address:link, a.address:visited, a.address:hover { font-weight: bold; text-decoration: none; }

.polku a:link, .polku a:visited, .polku a:hover { color: #6699FF; text-decoration: none; }
.polku a:hover { color: #999999; }
.polku a:active { color: #999999; }

.nosto a:link, .nosto a:visited, a.nosto:hover { color: #6699FF; text-decoration: underline; font-style: italic; padding-left: 0px; }
.nosto a:hover { color: #333399; }
.nosto a:active { color: #333399; }

a.news:link, a.news:visited, a.news:hover { font-style: normal; }

hr {  border: 0px none ; color: #333399; height: 1px; margin: 0px; background-color: #333399;}
hr.frontpage {
        padding-left:0px; 
        margin-left:0px;
}

hr.valikkoviiva {
        padding: 0px;
        margin: 0px;
        width: 100%;
}

.search {
     
        margin-left: 40px;
}


.sininen {
color:#333399;
}

.punainen {
color:#CC0000;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#main { clear: both; margin: 0px; min-height: 100%; width: 850px; border-style: none solid solid none; border-color: #333399; border-width: 0px 1px 1px 0px; background-image: url('../img/main_bg.gif'); background-repeat: repeat-y; float: left; }
#header { margin: 0px; height: 94px; width: 850px; min-width: 850px; float: left; }
#navigation-bar { display: block; margin-top: 70px; margin-bottom: 0px; padding: 2px 0px 2px 20px; width: 830px; text-align: left; height: 18px; border-style: solid none solid none; border-color: #333399; border-width: 1px 0px 1px 0px; background-color: #E1F0FE; }

#left_column { float: left; width: 150px; height: 100%; margin: 0px; text-align: left; background-image:url('../img/gradient.gif'); background-repeat: repeat-x; }
#pp_navi { width: 140px; padding: 10px 0px 10px 10px; font-size: 8pt; color: #333399; font-weight: normal; background-color: #FFFFFF; }
#alanavi { width: 135px; margin-top: 15px; padding: 0px 5px 10px 10px; font-size: 8pt; color: #333399; font-weight: normal; background-color: #FFFFFF; }
#sstl_banners { width: 150px; font-size: 8pt; color: #333399; font-weight: normal; text-align: left; }
#address { width: 140px; margin-top: 10px; padding: 20px 0px 20px 10px; font-size: 8pt; color: #333399; font-weight: bold; line-height: 1.1; background-color: #E1F0FE; /*background-image:url('../img/sstl-bg.gif'); background-repeat: no-repeat;*/ }

#text_column {float: left; width: 470px; height: 100%; margin-left: 0px; padding-top: 20px; padding-left: 40px;  padding-right: 40px;  padding-bottom: 50px; background-image:url('../img/text_bg.gif'); background-repeat: no-repeat; }

#right_column { float: right; width: 150px; margin: 0px; background-image:url('../img/gradient.gif'); background-repeat: repeat-x; }
#haku { width: 140px; min-height: 45px; margin-right: 0px; padding: 15px 0px 0px 6px; }
#sitemap { width: 145px; margin-top: -15px; padding-right: 5px; font-size: 8pt; color: #333399; font-weight: normal; text-align: right; }
#painikkeet { width: 150px; margin-top: 10px; }
#kampanjat { width: 150px; }
#gallup { width: 130px; margin: 3px; padding: 6px; border: 1px solid #6699FF; font-size: 8pt; color: #333399; font-weight: normal; text-align: left; }
#kampanjat { width: 150px; }

#test {
	width: 130px;
	font-size: 7pt;
	float: left;
}

#test .left {
	text-align: left;
	vertical-align: baseline; 
	width: 100px; 
	float: left;
}

#test .right{
	text-align: right;
	font-size: 7pt;
	width: 30px;
	float: left;
}



#banners { width: 155px; float: left; padding-left: 5px; }
#copyright { clear: both; width: 830px; font-size: 8pt; color: #999999; font-weight: normal; padding-left: 20px; padding-top: 10px; }

.contents ul {
        style: none;
}

/***********************************************/
/* Yläkuvat                                 */
/***********************************************/

.bg_index  { background-image: url('../img/bg_index.jpg'); background-repeat: no-repeat; }
.bg_sstl  { background-image: url('../img/bg_sstl.jpg'); background-repeat: no-repeat; }
.bg_pp  { background-image: url('../img/bg_index.jpg'); background-repeat: no-repeat; }
.bg_julkaisut  { background-image: url('../img/bg_index.jpg'); background-repeat: no-repeat; }
.bg_tapahtumat  { background-image: url('../img/bg_index.jpg'); background-repeat: no-repeat; }
.bg_tietotori  { background-image: url('../img/bg_index.jpg'); background-repeat: no-repeat; }
.bg_sipi  { background-image: url('../img/bg_index.jpg'); background-repeat: no-repeat; }
.bg_yhteys  { background-image: url('../img/bg_index.jpg'); background-repeat: no-repeat; }


/***********************************************/
/*Form Tags                               */
/***********************************************/

.lomake { font-size: 8pt; font-weight: normal; color: #666666; text-align: left; vertical-align: top; margin: 0; padding-top: 5px; }
.lomakeots { font-size: 9pt; font-weight: bold; color: #666666; text-align: left; vertical-align: top; margin: 0; padding-top: 15px; }
.button { margin-left: 5px; padding: 2px 2px 2px 2px; font-size: 8pt; font-weight: bold; color: #666666; border: 1px solid #999999; text-align: center; background-image:url('../img/gradient.gif'); background-repeat: repeat-x; }
.textarea { margin-left: 5px; border: 1px solid #666666; font-size: 8pt; font-weight: normal; color: #666666; }
.textfield { margin-left: 5px; border: 1px solid #666666; font-size: 8pt; font-weight: normal; color: #666666; }

/**********/
/* DHTML   */


div.dnavi {
	visibility:hidden;
	margin:0px;
	margin-top:20px;
	padding:0px;
	position:absolute;
	border:solid 1px black;
	padding:20px;
	background:red;
}

div.dnavimain {
/*border-top: solid 1px #333399;*/
padding-top: 0px;
}
div.dnavi1 {
	visibility:hidden;
	width:140px;	
	margin:0px;
	margin-left:0px;
	margin-top:16px;
	padding:0px;
	position:absolute;
	border:solid 1px #333399;
	padding:10px;
	background:#FFFFFF;
        z-index: 1;
        
}

div.dnavisub a:link, div.dnavisub a:visited {
        margin-left: 10px;
        font-weight: normal;    
}

.dnavisub {
        margin-left: 0px; 
}

div.dinfo {
	width:auto;
	top:20px;
	left:400px;
	position:absolute;
	border:solid 1px black;
	padding:20px;
	background:#CCCCCC;
        
}

div.dnavi a, div.dnavi a:visited {
	display:block;
	border:solid 1px black;
}

div.dnavi1 a, div.dnavi1 a:visited {
	display:block;
	border-bottom:solid 0px black;
        
}




.yhdistysnavi 
{	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #003399;
}