/* CSS tyylitiedosto */

/* YLEISET LUOKAT: id merkitään #nimi ja class .nimi */
/* .nimi siis vaikuttaa kaikkiin elementteihin joiden class-attribuutti on "nimi" */
/* #nimi taas vaikuttaa kaikkiin elementteihin joiden id-attribuutti on "nimi" */

body {
	background-color:#BEF56E;
	width:800px;
	margin:auto;
	margin-top:auto;
/* koko asiakirjan yleiset tyyliasetukset */
/* esim. dokumentin yleisen tekstifontin voi määrittää tähän */

}

}

#wrapper {
	color:#000000;
	
/* Koko sivun varsinainen sisältö on tämän tagin sisällä */
}

#header {
	color:#0D8800;
	padding-left:2cm;
	font-family:verdana,sans-serif;
	font-size:150%;
	
/* Sivun yläreunan otsikkopalkki */
}

#access {
	width:30%;
	float:left;
	background-color:#E1FA71;
	color:#000000;
	margin-right:10px;
	margin-top:10px;
	font-size:100%;
/* sivunavigaatio */
}
h2 {
	font-size:170%;
	
}	
#container {
	background-color:#BEF56E;
	color:#000000;
	
	
/* sivun varsinainen sisältö */
}

#primary {
	width:30%;
	float:left;
	font-size:90%;
	background-color:#E1FA71;
	padding-right:1cm;
	
/* alareunan palkki, jossa usein esim. copyright ja muuta pikkuinfoa */
}

#secondary{
	float:right;
	background-color:#FFD773;
	padding-right:2cm;
	
}
#footer {
	margin-top:10px;
	float:middle;
	
}	
/* Toinen taso: */

.navi {
/* huom! class-attribuutti voi olla samanniminen kuin id-attribuutti! ks. ylh. */
}

#inwrap {
/* content-divin sisällä oleva toinen div, käytetään jotta padding- ja margin-
attribuutit toimisivat oikein. */

}



/* TAGIKOHTAISET TYYLIT */


p {
/* kappaleen tyyli, esim. sisennykset ym. */

}

a {
/* linkkien tyyli */

}

a:visited {
/* visited on niinsanottu pseudo-class joka määrittää siis
vieraillun linkin tyylin */

}

/* otsikoiden tyylit */

h1 {

}

h1#sitetitle {
/* tarkoittaa: h1-elementti jonka id-attribuutti on "sitetitle" */
}

h1#depttitle {

}

h2 {

}


/* listaelementit */

li {

}

li.jakso {
/* tarkoittaa: li-elementti jonka class-attribuutti on "jakso" */

}