/*Itse sivuston tyylitiedosto.. ÄLÄ MUOKKAA, JOS ET TIEDÄ, MITÄ TEET!!!*/
/* Nyt tässä on laitettu hieman ohjeita.. toivon ettet muokkaa siltikään... */

body {
	behavior:url(csshover.htc) /* pudotusvalikon toimintaan tarvittava rivi ÄLÄ KOSKE */
	margin: 0 0 1em 0;
	padding: 0;
	color: black;
	background: url('img/pixel.jpg'); /* korjaa IE:n bugin.. ÄLÄ POISTA */
	line-height: 130%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	min-width:600px;
	margin:0;
}
/* määritetään taulukon muotoilu.. Tärkeää sivun toiston kannalta. EI SAA KOSKEA!! */
table{
	border: 0px;
}
/*koulun pääkuva (panoraama), voi vaihtaa, jos haluaa uudistaa ulkoasua.. =)*/
.ylapalkki {
	background: #656565 url('pihakuva09c.jpg') top no-repeat;
	line-height: 300px;
	font-size: 80%; 
	margin: 0 auto;
	text-align: left;
}
/* määritetään otsikon ulkonäkö. Tätä ei tarvita tällä hetkellä sivustossa */
/*.otsikko {
	margin: 0;
	padding: 0;
	color: #eee;
	font-size: 220%;
	padding-left: 10px;
	letter-spacing: -1px;
}*/

/* Linkkipalkin ulkoasua. vaikuttaa osaksi linkkipalkin tyyliin sivun puolesta. Loput hoitaa menu.css */
.linkkipalkki {
	background: #3300cc url('img/menu-background.png') repeat-x;
	text-align: left;
}

.linkit {
	background: #3300cc url('img/menu-background.png') repeat-x;
	text-align: left;
	max-height: 30px;
}
/* tähän loppui linkkipalkin ulkoasun säätäminen */

/* Itse sisällön paikka.. voidaan määrittää sisältökentälle tyyli esim taustakuva/väri */
.sisalto {
	background: white; /* taustaväri */
	font-size: 80%; 
	text-align: left; /* tekstin paikka */
	text-align: justify; /* tekstin tasaus reunoihin kiinni.. */
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	max-width:900; /* melko turha rivi?? */
}
/* sivun pohjapalkki.. sisältää copyright-tekstit ja hallintapaneelin linkit */
* html #sisalto { padding-top: 1.8em; } 
#footer {
	margin: 0 auto;
	padding: 2px 1%;
	text-align: right;
	color: white;
	background: navy url('img/menu-background.png') top left repeat-x;
	border: 1px solid #bbb;
	font-size: 70%;
	width:825;
}

/* sisäisten sivujen otsikon muotoilu.. Muista käyttää otsikkona h2-muotoilua */
h2 {
	color: #666; /* aika paha luku ;D, mutta sopiva väri */
	padding-bottom: 3px;
	border-bottom: 1px solid #3300cc; /* luo sen kivan alleviivauksen otsikon alle */
	font-size: 150%;
	text-align: left; /* tässä vika jos h2 ei toimi................... */
	letter-spacing: -1px; /* älä koske tähän.. tämä on oikein vaikka onkin negatiivinen luku */
}

/* linkin ja visited-linkin väri ÄLÄ KOSKE ELLET MUUTA VÄRIMAAILMAA! */
a:link, a:visited {
	color: #003399;
	text-decoration: none;
}

/* aktiivisen linkin väri (kun linkkiä klikataan) */
a:hover {
	color: #000;
	text-decoration: underline;
}
/* tekstipalstan muotoilu */
p { margin-left: 1em; }

/* ÄLÄ KOSKE TÄHÄN!!!!!!!!!! */
.tyhja {
	background-color: #EEEEFF;
	width:50px;
	font-size: 12px;
/*	font-family: Tahoma;*/ /* poista, jos toimii ilman tätä */
}
   
.normi {
	background-color: #DDDDFF;
	width:50px;
	font-size: 12px; font-family: Tahoma;
}

.tanaan {
	background-color: #DDBBBB;
	width:50px;
	font-size: 12px; 
/*	font-family: Tahoma;*/ /* poista, jos toimii ilman tätä */
	border: 1px solid #FF0000;
}
.lollo {
	color: red;
	font-size:110;
}

/*Popupkuvien tyylitiedosto.. käytetään mm. kuviksen ja oppilaskunnan sivuilla.. parantamisen varaa.. :D*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 40;
}

.thumbnail span{ 
position: absolute;
background-color: #999999;
padding: 5px;
left: 1px;
border: 1px /*dashed*/ gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible; /* IE ongelma... GET FIREFOX */
top: -110;
left: 30px; 

}



/*(c) copyright Teemu Wiander 2006*/