@charset "UTF-8";
/* CSS Document */
/* upd. 31.3.2010 */


/* Nollaa asetukset */


html 	{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td	{margin:0;padding:0;}
table	{border-collapse:collapse;border-spacing:0;}
fieldset,img	{border:0;}
address,caption,cite,code,dfn,em,th,var	{font-style:normal;font-weight:normal;}
li	{list-style:none;}
caption,th	{text-align:left;}
h1,h2,h3,h4,h5,h6	{font-size:100%;font-weight:normal;
}q:before,q:after	{content:'';}
abbr,acronym	{border:0;font-variant:normal;}
sup	{vertical-align:text-top;}sub {vertical-align:text-bottom;}
input,textarea,select	{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select	{*font-size:100%;}
legend	{color:#000;}

em { font-style:italic;}

/*-----------------------------------------------
Värit:
oranssi: #d75f34
vihreä: #006666
tummempi harmaa viiva: #AAAAAA
vaaleampi harmaa viiva: #e5e5e5
harmaa tausta: #f9f9f9

 -----------------------------------------------*/



/*-----------------------------------------------
Yleiset
 -----------------------------------------------*/
html{font: 12px Verdana,'Times new roman', Georgia,'Trebuchet MS', serif; color:#000000; text-align:center; background: #f5f5f5; line-height:18px; overflow: -moz-scrollbars-vertical;}




/*-----------------------------------------------
Otsikot ja leipis
 -----------------------------------------------*/
h1, h2, h3, h4, h5{color:#5f8c8a; font-family:  'Trebuchet MS', Verdana, Arial; line-height:26px; font-weight: normal;}
h1 {font-size:22px; margin: 0px 0px 18px 0px; text-transform:uppercase;}

#content_artikkelit h1 {
font-size:18px;
letter-spacing:3px;
line-height:22px;
text-transform:uppercase; }


.content_artikkelit h3 {
font-size:17px;
letter-spacing:normal;
margin-top:5px;
margin-bottom:5px;
line-height:22px;
color: #4d4d4d;
}

.juttu_otsikko {
font-size:22px;
line-height:26px; font-weight: normal;
text-transform:none;
letter-spacing:normal;
}


.content_artikkelit a {block:inline;}


h2 {font-size:16px; margin: 0px 0px 0px 0px;}
h3 {font-size:16px; line-height: 14px;}
h4 {font-size:14px;}
h5 {font-size:16px;}
p{margin:0; padding:0px 0px 10px 0px; color:#4d4d4d;}
p b, p strong { font-weight:bold; }


.uutinen p{margin:0; padding:0px 0px 5px 0px; color:#4d4d4d;}
.paauutinen p{padding:0px 0px 5px 0px;}

/*-----------------------------------------------
Linkit
 -----------------------------------------------*/
a {color: #d75f34; text-decoration: none;}
a:hover {color: #d75f34; text-decoration:underline;}
a:visited {color: #d75f34; text-decoration: none;}




/*-----------------------------------------------
Lomake - Yleiset asetukset
 -----------------------------------------------*/
input, textarea, select {border: 1px solid #CCCCCC; font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande','Trebuchet MS',arial,sans-serif; font-size:11px; padding:2px; margin-top:2px; background: #fffffff;}
.lomake_yleinen li { list-style:none; padding: 15px 0px 15px 3px; margin-bottom: 5px; background:#f9f9f9; }
.lomake_yleinen li p{padding:0px 0px 10px 0px;}
.lomake_yleinen_tekstikentta {width:300px;}
.lomake_yleinen label { vertical-align:top; width:200px;}
.painike {font-size:11px; padding:2px;}
.lomake_kentta {width:120px;}
#haku_kentta { background: url('images/suurennuslasi.gif') no-repeat #ffffff right;}


.uutinen_kuva p {width:200px;}


/*-----------------------------------------------
Lista
 -----------------------------------------------*/
.content_artikkelit ul{ list-style:circle; margin:0px 0px 15px 30px;}
.content_artikkelit li{ list-style:disc;} 



/*-----------------------------------------------
Leiskan runko
 -----------------------------------------------*/
 
#logo {position:relative; float:left; width:361px; height: 146px;}
#headerkuva {position:relative; float:left; width: 420px; height: 146px;}
#napit {float:left; position:relative; width: 169px;}
#varjo {position: relative; float:left; background-image: url(/files/varjo.jpg); width:950px; height: 29px;}
#header img a {border:none;}
#header img {border:none;}
div#header{position:relative; clear:both; width:100%; height:170px; margin:10px 0px 10px 0px; #ffffff;}
/* background: no-repeat url('http://www.sivistys.net/files/sivistys_header.jpg') */
 
 
.container{position: relative; width:950px; text-align:left; margin:0 auto; background:#ffffff; padding: 0px 25px;}
*html .container {padding: 0px 15px;}
div#toolbar{position:relative; float:right; clear:left; width:100%; height: 30px; padding: 5px 0px 0px 0px; margin:0px 0px 0px 0px; margin-bottom: 5px; border-bottom:1px solid #DDDDDD; vertical-align:text-bottom; font-size:11px; color:#666666;}

div#navigaatio_main{float:left; clear:both; position:relative; width:100%; padding-bottom:3px; margin-bottom:10px;  border-bottom:3px solid #d75f34;}
div#wrapper{float:left; width:100%; padding-top:3px; }
div.rightside{position: relative; float:right; width:420px; clear:right;} /* width:435px; 2 palstalla, width:220px 1 palstalla */
div.content_etusivu, div.content_artikkelit, div#content_keskustelu {position: relative; float:left; width: 495px; margin: 0px 15px 0px 0px; padding-right:15px; }
* html div#content_etusivu, div#content_artikkelit, div#content_keskustelu {width: 470px;}
div.content_artikkelit {margin-top: 20px;}
div#footer{float:left; position:relative; clear:both; width:100%; padding:0px 0px 40px 0px; margin-top:30px; text-align:left; border-top:3px solid #d75f34;}

div.fix {height: 1px; margin-bottom: -1px; clear: both; overflow: hidden;}




/*-----------------------------------------------
toolbar
 -----------------------------------------------*/
form#lomake_haku {float: right; padding: 0px;}
form#lomake_uutiskirje {margin-right: 20px;}
div#toolbar form {display: inline; padding: 0px 0px;}
div#toolbar input { color:#666666; vertical-align: text-bottom;}
#oma_feed { position: relative; top:4px;}





/*-----------------------------------------------
Navigaatio - vaaka
 -----------------------------------------------*/
.navigaatio_vaaka{float:left; vertical-align: bottom; display: block; margin-top: -19px; padding-bottom:10px; width:100%; border-bottom:0px solid #DDDDDD; font: 18px "Times New Roman", Times, serif;}
.navigaatio_vaaka li {float:left; position:relative; list-style:none;  padding: 3px 14px 3px 14px;  border-left:1px solid #DDDDDD;}
.navigaatio_vaaka li.etusivu {border-left:0px solid #DDDDDD;}
.navigaatio_vaaka li a {text-decoration: none;  color:#4d4d4d; font-size:13px; font-family:'trebuchet MS';}
.navigaatio_vaaka li a:hover { color:#d75f34;}
.navigaatio_vaaka li a:active {}





/*-----------------------------------------------
Uutiset
 -----------------------------------------------*/
div.paauutinen, div.uutinen {padding-bottom: 0px; margin-bottom:18px; /*border-bottom:1px solid #AAAAAA;*/}
div.uutinen {margin: 10px 20px 0px 0px; position:relative; float:left; width:400px;}
div.paauutinen {margin-top: 8px; font-size:13px;}
.content_kuva {position: relative; float:left; margin: 8px 10px 10px 0px;}
.content_liitetiedosto{vertical-align:bottom;}
/*.ingressi { font-style: italic; border-bottom:1px solid #AAAAAA;  padding-bottom:15px; margin-bottom:25px; line-height:1.7;}*/
.paauutinen, .content_artikkelit {position: relative; float:left; background:#ffffff; display:block;}

.uutinen_kuva{position: relative; float:left; background-color:none; margin-top:5px; display:block;}

.uutinen {position: relative; float:right; margin: 0px 0px 18px 10px; display:block;}

.uutinen_kuva p{font-size: 11px; padding:6px 2px 6px 4px; margin:0px; line-height:1; margin-top:-20px; width:194x; margin-bottom:10px;}

.paauutinen img{width:200px;}
.uutinen img{width:120px; }
.content_lista {margin-left: 40px;}

.paauutinen h1 {margin-bottom:5px; text-transform:none;}
.uutinen h2 {font-size:18;
}

.uutinen_kuva img {margin:0 10px 18px 0;}


#sivistys_seuraa_banneri a {display:inline;}
#sivistys_seuraa_banneri a:hover {background-color:none;}
#sivistys_seuraa_banneri img {width:279px; height:107px;}

#paauutinen_kuva img {display:inline;}
#paauutinen_kuva a:hover {background-color:none;}
#paauutinen_kuva {float:left; margin-right:10px; margin-bottom:5px; z-index:10;}

#paauutisen_teksti {float:left; z-index:5; width:275px;}

/* ajan-muotoilu 
.date { position: relative; top: -18px;}*/




/*-----------------------------------------------
Linkkien hallinta
 -----------------------------------------------*/
div.content_etusivu a, div.uutinen a, .rightside div#vanhemmat_uutiset a {text-decoration:none;  display: block; position:relative; width:100%;}
div.content_etusivu a:hover, div.uutinen a:hover {background: #eeeeee;}
div#vanhemmat_uutiset, div#feed{width:100%; margin:0px 0px 0px 0px;}
div.rightside div#vanhemmat_uutiset h4{border-top: 0px; margin-bottom:10px;}
div#vanhemmat_uutiset h4 { margin-bottom:6px;}
div#vanhemmat_uutiset a, div#feed a{display:block;}
div#vanhemmat_uutiset a:hover {background:none; text-decoration:underline;}
div#feed a:hover{background:none; text-decoration:none;}
.edellinen_juttusivu {float: left;}	
.seuraava_juttusivu {float: right; }
.luelisaa{float:left;} 
 
 
 .jaa_linkit {
 width:100%;
 background-color:#fcfcfc;
 border-color:#CCCCCC;
 border-style:dotted;
 border-width:thin;
 padding-top:5px;
 padding-bottom:5px;
 margin-bottom: 20px;
 }
 
.jaa_linkit a {
color:#000000;
}

.jaa_linkit img {
margin-right:5px;
}

.jaettu_linkki {
margin-left:20px;
} 

#uutiset {font-size:10px;}


/*-----------------------------------------------
Navigaatio - keskustelu
 -----------------------------------------------*/
.keskustelu_lista {border-bottom: 1px solid #e5e5e5;}
.keskustelu_lista a, .keskustelu_lista_linkki {width:100%; display: block; padding: 20px 0px 20px 0px; text-decoration:none;}
.keskustelu_lista a:hover  {background: #f9f9f9;}
.keskustelu_lista p {text-decoration:none; padding:0px;}





/*-----------------------------------------------
Palstojen määrittelyt
 -----------------------------------------------*/

/* palstojen runko*/
.palstat, .palstat_wide {float:left; position: relative; margin: 0px 10px 0px 0px; width: 200px; color:#4f4f4f;}
.palstat_wide{width:100%; margin-left:0px;}
.palsta_grid{float:left; border: 0px solid #e5e5e5; margin-bottom:12px;}
.content_etusivu .palstat_wide {margin-bottom: 0px;}

div#banneri_wide{margin:18px 0px 0px 10px; padding:0px 0px 0px 0px; background: #f5f5f5; width:170px; }
div#banneri img {border: solid #ffffff; border-width:0px;}
div#banneri_wide { width: 468px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; }
div#banneri_wide img{  border: solid #ffffff; border-width:0px;}


#banneri {background: #f5f5f5; height: 350px; width:140px; margin:0px 0px 0px 25px; padding: 0px; }
.ryhman_johdantokuva {float:left; position:relative; background-color:#fcfcfc; border: thin dotted #CCCCCC; text-align:center;}
.ryhman_johdantokuva img {margin:5px;}
.osastonteksti2_p {font-size:11px; line-height:14px; width: 205px; margin-left: 5px; margin-right:5px; text-align:left;}
#osaston_teksti2 p {font-size:11px; line-height:14px; width: 205px; margin-left: 5px; margin-right:5px; text-align:left;}

.osastonteksti_1 { border-bottom: 1px solid #b9b9b9; padding-bottom:10px; margin-bottom:10px;}

#palsta_tiede {
margin-top: 0px;
float:left;
}
/* otsikot */

.palstat h4, .palstat_wide h4{color:#ffffff; margin: 10px 0px 5px 0px; padding: 0px 0px 0px 4px; font-size:14px; font-weight:normal; border-bottom:1px solid #f5f5f5; background-color: #5F8C8A;}
.palstat_wide h4{padding: 0px 0px 0px 4px;}
/*.palstat h3, .palstat_wide h3{color:#006666; padding: 5px 0px 4px 5px; margin-bottom:4px; font-size:12px; font-weight:normal;}
.palstat h3 a { text-decoration:none;}/*

/* linkkilistat = "lokerot" */
.palsta_lokerot {float:left; position: relative; margin:0px; padding:0px; width:100%; }
.palsta_lokerot li { list-style:none; border-bottom: 1px solid #e5e5e5; float:left; position: relative; width:100%; }
.palsta_lokerot li a {text-decoration: none; display: block; padding: 6px 0px 12px 0px; position:relative; float:left; width:100%;}
.palsta_lokerot li a:visited {text-decoration: none;}
.palsta_lokerot li a:hover {background: #eeeeee;}
* html .palsta_lokerot li a:hover {text-decoration: underline; background: none;}

.palsta_lokerot_eiviivaa li { list-style:none; float:left; position: relative; width:100%; }



/* ajan-muotoilu */
.date { font-size: 11px; color:#8b8b8b;}

/* leipis & normaalilista */
.palstat p { padding: 0px 0px 10px 5px; line-height:1.7; margin-top:5px;}


/* kuvat */
.palstat img, .palstat_wide img{float:left; position: relative;}
div#palsta_toimitukselta img{float: left; margin: 0px 10px 0px 0px;}
div#palsta_kolumni img{float: left; margin: 0px 10px 0px 0px; width: 70px;}
div#palsta_artikkelit img { margin: 5px 10px 18px 0px; width:100px;}


/* Palstojen määrityksiä */
div#kolumnit h4{border-top:0px;}
div#kolumnit i {color: #006666; display:block;}
div#kolumnit img { width: 90px; float:right; margin: 0px 10px 18px 0px;}
div#kolumnit .date { display: block;}


.ryhman_johdantokuva {
float:left;
}




/*-----------------------------------------------
Linkkilista
 -----------------------------------------------*/
.linkkilista { margin: 0px 0px 18px 10px; padding:6px 0px 36px 30px; border-bottom: 1px solid #AAAAAA;}
.linkkilista li { list-style:circle; margin-bottom:12px;}
.linkkilista a{ display:block; }





/*-----------------------------------------------
Keskustelulomake
 -----------------------------------------------*/
form#keskustelu_lomake {float:left;}
form#keskustelu_lomake label{display:block;}
input#keskustelu_nimi, input#keskustelu_otsikko, input#keskustelu_email, textarea#keskustelu_viesti {width:300px; margin-bottom:15px; font-size:13px;}
.keskustelu_tiedot { width:100%; background:#f6f6f6; padding:10px 0px 10px 3px; border-top:1px solid #AAAAAA; margin-bottom: 15px; font-size:11px;}
div#content_keskustelu h1 {margin-bottom:3px;}
.keskustelu_vastaus {margin-bottom: 20px;}




/*-----------------------------------------------
Palautelomake
 -----------------------------------------------*/
#suodatin { display:none;}
#lomake_palaute_table td{ padding-top: 18px; }



.kommentti {padding: 5px; background-color: #f5f5f5; margin-top: 10px; margin-bottom: 10px; border: dotted 1px #808080}
.vastaus {padding: 5px; background-color: #fcfcfc; border-top: dotted 1px #808080 margin-top: 0px; margin-bottom: 10px;}



/*-----------------------------------------------
Puhelinluettelo
 -----------------------------------------------*/
.puhelinluettelo {width:100%}
.puhelinluettelo th {background:#f6f6f6; border-top: 1px solid #aaaaaa; padding:10px 0px 10px 3px;}
.puhelinluettelo td {border-bottom: 1px solid #CCCCCC; padding:10px 0px 10px 3px;}
form#puhelinluettelo {position: relative; font-size:11px; padding: 10px 0px 10px 0px;}
input#puhelinluettelo_hakukentta {border: 1px solid #CCCCCC; width:200px; font-family:'Lucida Sans Unicode', 'Lucida Grande',Georgia,'Trebuchet MS',arial,sans-serif; font-size:11px; padding:2px;}
div#content_puhelinluettelo h1 {margin-bottom:3px;}




/*-----------------------------------------------
Tapahtuma
 -----------------------------------------------*/
form#kalenteri_kkhaku{float:left; clear:right; width:100%; margin-bottom: 30px;}
form#kalenteri_kkhaku label{margin-right: 10px;}
form#kalenteri_kkhaku select{padding: 3px;}
.kalenteri_tapahtuma {margin-bottom: 20px;}
.kalenteri_tapahtumatiedot { width:100%; background:#f6f6f6; padding:10px 0px 10px 3px; border-top:1px solid #AAAAAA; margin-bottom: 15px; font-size:11px;}





/*-----------------------------------------------
Footer
 -----------------------------------------------*/
.footer_palstat{float:left; position:relative; width:100%; color:#4f4f4f; border-top:1px solid #DDDDDD; padding: 8px 0px;}
.footer_palstat h5{display: inline; font-size:14px;}
#footer_tuottajat img{position: relative; top: 6px; height:30px;}
div#footer p{margin:0; padding:0px 0px 0px 0px; line-height:1.7; color:#272727;}
div#footer ul{list-style:none; line-height:1.7;}

.footer_palstat .navigaatio_vaaka{float:left; vertical-align: bottom; display: block; width:100%; border-bottom:0px; font:14px "Times New Roman", Times, serif;}
.footer_palstat .navigaatio_vaaka li {float:left; position:relative; list-style:none; padding: 30px 20px 0px 0px; border:0px;}
.footer_palstat .navigaatio_vaaka li a {text-decoration: none;  color:#666666;}
.footer_palstat .navigaatio_vaaka li a:hover { color:#d75f34;}
.footer_palstat .navigaatio_vaaka li a:active {}



.osastonotsikko {font-size:13px; color:#4d4d4d;}