/* CSS Document */
/* Kaytettavyyskoulun kotisivujen tyylitiedosto */

/*Koko sivua koskevat tyylimaarittelyt*/
img{
	border: 0px;
	margin: 0px;
}

/*Ensimmaisen tason otsikoita kaytetty ainoastaan sivujen otsikoille (sivun tunnuskuvien vieressa)*/
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #663333;
	background-color: inherit;
	margin-top: 1em;
}

/*Toisen tason otsikoita kaytetty sivun sisallon suurimmille valiotsikoille. 
Esimerkiksi Opiskelijaksi- ja Kurssit-hakemistoissa h2-tason otsikot ovat mukana myos sivunavissa.*/
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #663333;
	background-color: inherit;
	margin-top: 2em;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #663333;
	background-color: inherit;
	margin-top: 1em;
}

/*Muuten sama kuin h3, mutta marginaalit tasan yla- ja alapuolella ja
kirjasinvali suurempi. Kaytetty ainoastaan etusivulla*/
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #663333;
	background-color: inherit;
	margin-bottom: 0.4em;
	margin-top: 0.4em;
	letter-spacing: 0.04em;
}

/* *************************************************************************************************** */
/* alue paatason navigaatiolinkeille */
#paanavi{
	background-image:url(kuvat/paanavi_tausta.jpg);
	background-color: #CCCCCC;
	color: #333333;
	background-repeat: no-repeat;
	vertical-align:middle;
	padding-left: 0.5em;
	padding-right: 0.3em;
	line-height: 1.4em;
}

#paanavi a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color:#333333;
	background-color: inherit;
	text-decoration:none;
	display: block;
}

#paanavi a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color: #333333;
	background-color: inherit;
	text-decoration:none;
	display: block;
}

#paanavi a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color: #663333;
	text-decoration:none;
	display: block;
	background-color: #FFFFFF;
}

#paanavi a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color: #663333;
	text-decoration:none;
	display: block;
	background-color: #FFFFFF;
}

/* paatason navigaatiolinkki, osoittaa kayttajan sijainnin */
#paanavi .valittu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold !important;
	color:#663333 !important;
	text-decoration: none;
	display: block;
	background-color: #FFFFFF !important;
}

/* *************************************************************************************************** */
/* alue, jossa Kaytettavyyskouluun osallistuvien yliopistojen ja professuurien nimet */
#koulunavi{
	vertical-align:top;
	background-color: #CCCCCC;
	color: #333333;
}

/* *************************************************************************************************** */
/* alue, jossa kuva yliopistojen sijainnista kartalla */
#kartta{
	background-image:url(kuvat/kartta.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color: #CCCCCC;
	color: #333333;
}

/* *************************************************************************************************** */
/* alue, jossa alemman tason navigaatiolinkit */
/* IE:lle */
#sivunavi{
	background-image:url(kuvat/sivunavi_tausta.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 15.1em;
	overflow: visible;
	vertical-align:top;
	padding-left: 0.8em;
	padding-right: 0.2em;
	border-left: 1px solid #CCCCCC;
	line-height: 1.2em;
}

/*sama kuin edella, mutta mitat Firefoxille*/
html>body #sivunavi{
	width: 14em;
	padding-right: 0.3em;
}

/* sivunavin linkkien tyylimaarittelyt */
#sivunavi a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #663333;
	font-weight: bold;
	background-color: inherit;
	text-decoration:none;
	display: block;
}

#sivunavi a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	font-weight: bold;
	background-color: inherit;
	text-decoration:none;
	display: block;
}

#sivunavi a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #663333;
	font-weight: bold;
	background-color: #FFFFFF;
	text-decoration:none;
	display: block;
}

#sivunavi a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #663333;
	font-weight: bold;
	background-color: #FFFFFF;
	text-decoration:none;
	display: block;
}

/* alemman tason navigaatiolinkki, osoittaa kayttajan sijainnin */
#sivunavi .valittu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #663333 !important;
	font-weight: bold !important;
	background-color: #FFFFFF !important;
	text-decoration:none !important;
	display: block;
}

/*sisennetyt alemman tason linkit, sivunsisaisia, on sisennetty muista alemman tason linkeista*/
.sisennetty{
	margin-left: 1em;
}

/* *************************************************************************************************** */
/* alue, jossa varsinainen tekstisisalto ja muropolku. Teksti on tasattu ylareunaan, jotta se asettuisi
hyvin niillakin sivuilla, joilla tekstia on vahan */

#sisaltoalue{
	vertical-align: top;
	width: 36.45em;
}

/* *************************************************************************************************** */
/*alue, jossa sivulle osoittava muropolku*/
#muropolku{
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #663333;
	font-size: 0.7em;
	text-align: right;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	border-right: 1px solid #CCCCCC;
}

/* muropolun linkkien ulkoasumaarittelyt */
#muropolku a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #663333;
	background-color: inherit;
	text-decoration:underline;
}

#muropolku a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	background-color: inherit;
	text-decoration:underline;
}

#muropolku a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #663333;
	background-color: inherit;
	text-decoration:underline;
}

#muropolku a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #663333;
	background-color: inherit;
	text-decoration:underline;
}

/* *************************************************************************************************** */
/* sivun tekstisisaltoalueen tyylimaarittelyt */
#sisalto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.72em;
	line-height: 1.5em;
	color: #333333;
	background-color: inherit;
	overflow: visible;
	border-right: 1px solid #CCCCCC;
	vertical-align: top;
	padding-left: 2em;
	padding-bottom: 2em;
	padding-right: 2em;
}

/* etusivulla sisaltopalue on leveampi, koska sivunavigaatiopalkkia ei ole. Lisaksi siina
on reunaviiva vasemmallakin.*/
#sisalto_etusivu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.72em;
	color: #333333;
	background-color: #FFFFFF;
	width: 67.8em;
	overflow: visible;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	vertical-align: top;
	padding-top: 2em;
	padding-left:3.7em;
	padding-bottom: 1em;
}

/* sisaltoalueen listaelementit */
#sisalto ul li{
	list-style-type: square;
	background-image: url(kuvat/tekstitausta.gif);
	line-height: 1.5em;
}

/* sisaltoalueen maarittelylistojen termit */
#sisalto dl dt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #663333;
	background-color: inherit;
	width: 44.55em;
	background-image: url(kuvat/tekstitausta.gif);
	margin-top: 1.5em;
}

/* sisaltoalueen maarittelylistojen maaritelmaosiot */
#sisalto dl dd{
	width: 41em;
	background-image: url(kuvat/tekstitausta.gif);
}

/* sisaltoalueen maarittelylistan termit, jotka toimivat linkkeina (uusi linkki)*/
#sisalto dl dt a:link{
	font-family: Arial, Helvetica, sans-serif;
	color:#663333;
	background-color: inherit;
}

/* sisaltoalueen maarittelylistan termit, jotka toimivat linkkeina (muut linkit)*/
#sisalto dl dt a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	background-color: inherit;
}

#sisalto dl dt a:active{
	font-family: Arial, Helvetica, sans-serif;
	color:#663333;
	background-color: inherit;
}

#sisalto dl dt a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color:#663333;
	background-color: inherit;
}

/* sisaltoalueen leipatekstissa esiintyvat linkit */
#sisalto a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#663333;
	background-color: inherit;
	text-decoration: underline;
}

#sisalto a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#333333;
	background-color: inherit;
	text-decoration: underline;
}

#sisalto a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#663333;
	background-color: inherit;
	text-decoration: underline;
}

#sisalto a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#663333;
	background-color: inherit;
	text-decoration: underline;
}

/* solu, jossa sivua piristava tunnuskuva */
#sivunkuva{
	 padding-right: 1.5em;
	 padding-top: 1.2em;
	 padding-bottom: 0.3em;
}

/* katkoviiva, joka jakaa sivun sisaltoosia. Toteutettu div-elementtina. */
.valiviiva{
	width: 100%;
	height: 1px;
	border-top: 1px dotted #CCCCCC;
	margin-top: 1.8em;
	margin-bottom: 1.3em;
}

/*tietoa/kartat.html-sivulla kaytetty taulukon solu osoitetietoja varten, jolla vaalea taustavari*/
.osoitesolu{
	vertical-align: top;
	padding-bottom: 1.5em;
	padding-top: 0.4em;
	background-image: url(kuvat/tekstitausta.gif);
	background-repeat: repeat;
	width: 23em;
}

/*tietoa/kartat.html-sivulla kaytetty taulukon solu, jossa karttakuva tai kuva rakennuksesta */
.kuvasolu{
	padding-right: 0.7em;
	background-image: url(kuvat/tekstitausta.gif);
	background-repeat: repeat;
}

/* korostettu alue (div). Korostuksena vaalean harmaavioletti tausta seka marginaalit */
.korostettu{
	background-image: url(kuvat/tekstitausta.gif);
	width: 21em;
	margin-top: 1.5em;
	margin-bottom: 1.7em;
	padding: 0.4em;
}

/* korostettu teksti (span). Korostuksena eri varinen paksumpi fontti. Kaytetty erit. korostuksille,
joihin ei haluttu otsikoiden tuomia pakotettuja marginaaleja ja rivinvaihtoja */
.korostettuteksti{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #663333;
	background-color: inherit;
	letter-spacing: 0.04em;
}

/* etusivun "sivukartan" solut, joissa linkit kullekin sivulle*/
.linkkisolu{
	text-align: left;
	vertical-align: top;
}

/* etusivun "sivukartan" linkkityylit*/
#etusivunmenu a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color:#663333;
	background-color: inherit;
	text-decoration: underline;
	letter-spacing: 0.03em;
	line-height: 1.8em;
} 

#etusivunmenu a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color:#333333;
	background-color: inherit;
	text-decoration: underline;
	letter-spacing: 0.03em;
	line-height: 1.8em;
} 

#etusivunmenu a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color:#663333;
	background-color: inherit;
	text-decoration: underline;
	letter-spacing: 0.03em;
	line-height: 1.8em;
} 

#etusivunmenu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color:#663333;
	background-color: inherit;
	text-decoration: underline;
	letter-spacing: 0.03em;
	line-height: 1.8em;
} 


#sisalto_etusivu p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #663333;
	background-color: inherit;
	letter-spacing: 0.09em;
	font-style:oblique;
	margin-bottom: 2.5em;
}

/* Kaytetty tietoa/kokemuksia.html muotoilemaan opiskelijoiden kommentteja div-tagissa */
.kommentti{
	font-style:italic;
	margin-bottom: 3em;
	line-height: 1.4em;
}

/* Kaytetty tietoa/kokemuksia.html muotoilemaan opiskelijoiden kommentteja div-tagissa,
erityisesti korostamaan jotakin kommentin osaa taustavarilla */
.korostettu_kommentti{
	padding-right: 0.7em;
	background-image: url(kuvat/tekstitausta.gif);
	background-color: inherit;
	background-repeat: repeat;
	color: #663333;
	font-size: 1.1em;
	font-style:italic;
	width: 35em;
}

/*Kommenttien ensimmainen kirjain on korostettu */
.kommentti p:first-letter, .korostettu_kommentti p:first-letter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #663333;
	background-color: inherit;
}

/* sivun alareunan taulukon solu etusivulla, jossa yliopistojen logot*/
#logot{
	padding-top: 3em;
}

#logot img{
	margin-left: 3.2em;
}

/* *************************************************************************************************** */
/* Alatunnistessa sivun paivitys- ja validointitiedot*/
/* IE:lle */
#alatunniste{
	width: 51.7em;
	border-left: 1px solid #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 0.4em;
}

/*sama kuin edella, mutta mitat Firefoxille*/
html>body #alatunniste{
	width: 51.6em;
}

/* sivun paivitystiedot */
#paivitys{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 0.7em;
	color: #333333;
	background-color: inherit;
	padding-left: 0.4em;
}

/*solu, jossa validoinnista ilmoittavat XHTML- ja CSS-logot */
#validiteetti{
	text-align:right;
}