/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Kasvatustieteiden tiedekunta,
    http://wwwedu.oulu.fi/,
    http://wwwedu.oulu.fi/english/

    Yleinen tyylitiedosto
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D9136;
	height: 100%;
}


html {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D9136;
	height: 100%;
}


a:active { color: #0000E4; }


a:link { color: #0000E4; }
a:visited { color: purple; }
a:hover {
	color: red;
	text-decoration: underline;
}


blockquote { margin: 20px 40px; }


td { font-size: 100%; }


li { font-size: 100%; }


p { font-size: 100%; }

p.pieni { font: italic 9px Arial, Helvetica, sans-serif; }

h6 { font: bold 12px Arial, "Gill Sans", "Trebuchet MS"; }
h5 { font: bold 14px "Gill Sans", "Trebuchet MS", Arial; }
h4 { font: bold 16px "Gill Sans", "Trebuchet MS", Arial; }
h3 { font: bold 18px "Gill Sans", "Trebuchet MS", Arial; }

h6 { margin: 15px 0; }

h5 { margin: 15px 0; }

h4 { margin: 15px 0; }

h3 { margin: 15px 0; }

h2 { margin: 15px 0; }

h1 { margin: 15px 0; }
h4 {
	color: #3D9136;
	margin-left: 2px;
}

h5 {
	color: #3D9136;
	margin-left: 2px;
}

h6 {
	color: #3D9136;
	margin-left: 2px;
}

h4.sisennetty { padding-left: 18px; }


h5.sisennetty { padding-left: 18px; }


h6.sisennetty { padding-left: 18px; }


img { border: 0; }

img.kehys {
	background: #FFF;
	padding: 1px;
	border: 1px solid #000;
}


table { margin: 15px 20px; }
td { padding: 0 10px 6px 0; }


table.normaali { margin: 0 0 15px 0; }
table.normaali td { padding: 0 5px 0 0; }


table.tyylitelty { 
	width: 70%;
	border: 1px solid #3D9136;
	margin-left: 0;
	padding: 0;
}

table.tyylitelty th {
	font: bold 12px Arial, "Gill Sans", "Trebuchet MS";
	color: #FFF;
	background-color: #3D9136;
	padding: 5px;
}

table.tyylitelty td {
	width: 50%;
	font: normal 12px Arial, sans-serif;
	color: #000;
	background-color: #FFF;
	border: 1px solid #FFF;
	padding: 3px;
	margin: 1px;
	vertical-align: top;
}

table.tyylitelty td.otsikko { background-color: #EFF0F1; }


ul { list-style-type: disc; }

ul li ul:first-child { margin-top: 15px; }

ol li ul:first-child { margin-top: 15px; }

ol li ul li { list-style-type: none; }

ul li li { list-style: circle inside; }

ul li li:first-child { margin-top: -15px; }


/* Aakkosellinen luettelo [a), b), c) jne.] */

ol.abc li { list-style-type: lower-alpha; }


ul.abc li { list-style-type: lower-alpha; }


/* Harvennettu luettelo */

ol.harvahko li { margin-bottom: 7px; }

ul.harvahko li { margin-bottom: 7px; }
ol.harvahko li:first-child { margin-top: 7px; }


ul.harvahko li:first-child { margin-top: 7px; }


/* Harvempi luettelo */

ol.harva li { margin-bottom: 15px; }

ul.harva li { margin-bottom: 15px; }
ol.harva li:first-child { margin-top: 15px; }


ul.harva li:first-child { margin-top: 15px; }


/* PDF-, DOC-, PPT- ja RTF- dokumenttien kuvake linkkien eteen luettelossa */

li.pdf { list-style-image: url(http://130.231.121.94/grafiikka/pdf.gif); }
li.doc { list-style-image: url(http://130.231.121.94/grafiikka/doc.gif); }
li.ppt { list-style-image: url(http://130.231.121.94/grafiikka/ppt.gif); }
li.rtf { list-style-image: url(http://130.231.121.94/grafiikka/rtf.gif); }


/* Lisäsäännöt vain IE7-selaimelle */

* + html li.rtf { margin-left: -5px; }

* + html li.ppt { margin-left: -5px; }

* + html li.doc { margin-left: -5px; }

* + html li.pdf { margin-left: -5px; }
* + html li.rtf a { margin-left: 5px; }


* + html li.ppt a { margin-left: 5px; }


* + html li.doc a { margin-left: 5px; }


* + html li.pdf a { margin-left: 5px; }


hr { height: 1px; color: #DDD; }


hr.erotin {
	height: 1px;
	color: #DDD;
	width: 80%;
	text-align: left;
}


iframe {
	width: 72%;
	min-height: 300px;
}


div {
	position: relative;
	text-align: left;
}


div#kokosivu {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 923px;
	width: 70%;
	min-height: 99%;
	z-index: 0;
}


div#oikea {
	border-bottom: 8px solid #00407A;
	min-height: 100%;
	background-color: #FFF;
}


div#vasen {
	border-bottom: 8px solid #00407A;
	min-height: 100%;
	background-color: #FFF;
}


div#vasen {
	position: absolute;
	left: 0;
	top: 0;
	width: 183px;
	background: #EFF0F2 url(http://130.231.121.94/grafiikka/vasentausta.gif) repeat-y;
	font-size: 12px;
	z-index: 1;
}


div#vasen input {
	max-width: 165px;
	font-size: 11px;
	margin-left: 4px;
}


/* Hakukenttä */

div#vasen input [name=words] { margin: 4px; }


div#vasenylalinkit {
	min-height: 140px !important;
	height: auto;
	padding: 1px;
	background-color: #00407A;
	color: white;
	font-size: 12px;
}

div#vasenalalinkit ul { list-style-type: square; margin: 4px; }

div#vasenylalinkit ul { list-style-type: square; margin: 4px; }
div#vasenylalinkit ul li { margin-left: 18px; }

div#vasenylalinkit ul li.vihrea { list-style-image: url(http://130.231.121.94/grafiikka/linkkikuvakkeet/vihrea.gif); }
div#vasenylalinkit ul li.keltainen { list-style-image: url(http://130.231.121.94/grafiikka/linkkikuvakkeet/keltainen.gif); }
div#vasenylalinkit ul li.punainen { list-style-image: url(http://130.231.121.94/grafiikka/linkkikuvakkeet/punainen.gif); }

div#vasenylalinkit a:visited {
	color: white;
	text-decoration: none;
	vertical-align: middle;
}

div#vasenylalinkit a:link {
	color: white;
	text-decoration: none;
	vertical-align: middle;
}

div#vasenylalinkit a:hover { color: yellow; text-decoration: none; }


div#vasenruudut { height: 53px; background-color: #00407A; }


div#vasenalalinkit { background: #EFF0F2 url(http://130.231.121.94/grafiikka/vasentausta.gif) repeat-y; }

div#vasenalalinkit h6 { margin: 0 4px 10px 4px; }

div#vasenalalinkit ul li {
	margin: 6px 4px 4px 18px;
	color: #959595;
	list-style: none;
	font: bold 12px Arial, "Gill Sans", "Trebuchet MS";
}


div#vasenalalinkit ul li#valittu { list-style-image: url(http://130.231.121.94/grafiikka/linkkikuvakkeet/vihrea.gif); }

div#vasenalalinkit ul li a {
	color: #787878;
	text-decoration: none;
}

div#vasenalalinkit ul li a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}


div#vasenalaosoite {
	position: relative;
	left: 5px;
	padding-top: 20px;
	color: #999;
	font-size: 11px;
}

div#vasenalaosoite p:first-child + p {
	margin-bottom: 15px;
}


div#oikea {
	position: absolute;
	left: 183px;
	top: 0;
	min-width: 588px;
	width: 90%;
	max-width: 740px;
	background-color: #FFF;
	margin-right: 40px;
	font: bold 90% "Gill Sans", "Trebuchet MS", Arial, sans-serif;
	color: white;
	z-index: 2;
}

div#oikea h6 { margin: 4px 0 8px 0; }


div#oikea h5 { margin: 4px 0 8px 0; }


div#oikea h4 { margin: 4px 0 8px 0; }


div#oikea p { margin: 4px 0 8px 0; }


div#logokentta {
	width: 100%;
	height: 80px;
	background: #FFF url(http://130.231.121.94/grafiikka/ylamosaiikki.gif) left top no-repeat;
	z-index: 2;
}


div.otsikkopalkki {
	width: 100%;
	min-height: 20px;
	background: #3E8214 url(http://130.231.121.94/grafiikka/otsikkotausta.gif) repeat-x;
	padding: 5px 0 0 12px;
	font: bold 14px "Gill Sans", "Trebuchet MS", Arial, sans-serif;
	color: #FFF;
	overflow: hidden;
	z-index: 2;
}


div#kuvakentta {
	width: 100%;
	min-height: 10px;
	background-color: #27241F;
	padding: 0;
	overflow: hidden;
	z-index: 2;
}

div#kuvakentta img {
	min-width: 588px;
	max-width: 740px;
	float: right;
}


div#sisalto {
	padding: 4px 2px 4px 12px;
	background-color: white;
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: black;
	z-index: 2;
}


div#sisalto div + p:first-child { margin-top: 25px; }


div#sisalto div + p { margin-top: 25px; }


div#sisalto p:first-child { margin-top: 25px; }


div#sisalto + p { margin-top: 25px; }

*+html div#sisalto div + * + p { margin-top: 25px; }

*+html div#sisalto + p { margin-top: 12px; }

div#sisalto br + p { margin-top: 12px; }


div#sisalto div#vasenpalsta {
	float: left;
	margin-left: -12px;
	background-color: #FFF;
	width: 48%;
	border-right: 1px solid #52AC1B;
	padding: 0 9px 0 12px;
}

div#sisalto div#oikeapalsta {
	float: right;
	background-color: #FFF;
	width: 49%;
}

div#sisalto div#oikeapalsta ul { margin-bottom: 15px; }

div#sisalto div#vasenpalsta ul { margin-bottom: 15px; }

div#sisalto p { margin-right: 12px; }

div#sisalto p.valiotsikko { font-weight: bold; color: #666; }

p.selite { font-size: 85%;}


div#sisalto a { font-size: 85%;}


/* Lisäsäännöt vain Opera-selaimelle */
@media all and (min-width: 0px) {
  div#oikea { height: 100%; }
  div#vasen { height: 100%; }
  div#kokosivu { height: 100%; }
  li.rtf { margin-left: -5px; }
  li.ppt { margin-left: -5px; }
  li.doc { margin-left: -5px; }
  li.pdf { margin-left: -5px; }
  li.rtf a { margin-left: 5px; }
  li.ppt a { margin-left: 5px; }
  li.doc a { margin-left: 5px; }
  li.pdf a { margin-left: 5px; }
  p.selite { font-size: 90%; }
  div#sisalto a { font-size: 90%; }
}


div#sisalto a:hover { color: red; }

div#sisalto h5 { margin-top: 20px; }

div#sisalto h4 { margin-top: 20px; }

div#sisalto h3 { margin-top: 20px; }

div#sisalto h2 { margin-top: 20px; }

div#sisalto h1 { margin-top: 20px; }

div#sisalto h5 a { font-weight: normal; }

div#sisalto div#sisavalikko + h4 { margin-top: 10px; }

div#sisalto table.tyylitelty + table.tyylitelty { margin-top: 0; }

div#sisalto ul:first-child { margin-top: 25px; }

div#sisalto ul { margin-left: 20px; }

div#sisalto ol { margin: 15px 40px; }

div#sisavalikko + ul { margin-top: 15px; }

div#sisavalikko + p { margin-top: 15px; }

div#sisalto ul + p { margin-top: 15px; }

div#sisalto h4 + p.valiotsikko { margin-top: -8px; }

div#sisalto .huom { color: red; }

div#sisalto a.lihavoitu { letter-spacing: 1px; }

div#sisalto a.lihavoitu:hover { color: red; }


div#sisavalikko {
	float: right;
	height: auto;
	min-height: 172px;
	width: 150px;
	background: #FFF url(http://130.231.121.94/grafiikka/sisavalikko_tausta.gif) repeat-x;
	border-left: 1px solid #52AC1B;
	color: #4F4A4A;
	padding: 10px 16px 4px 12px;
	margin: -4px -2px 0 4px;
	z-index: 2;
}

div#sisavalikko h5 {
	margin-top: 5px;
	color: #666;
}

div#sisavalikko h5 a:visited {
	color: #666;
	font-weight: bold;
}

div#sisavalikko h5 a:hover {
	color: #666;
	font-weight: bold;
}

div#sisavalikko h5 a:active {
	color: #666;
	font-weight: bold;
}

div#sisavalikko h5 a:link {
	color: #666;
	font-weight: bold;
}

div#sisavalikko p {
	font-weight: bold;
	color: #3D9136;
}

div#sisavalikko ul { margin: 0; }

div#sisavalikko ul li {
	color: #4F4A4A;
	list-style-image: url(http://130.231.121.94/grafiikka/bullet-style.gif);
	margin: 0 0 5px 15px;
	margin: 0 15px 5px 15px;
	font: 12px "Gill Sans", Arial, "Trebuchet MS";
}

div#sisavalikko ul li ol { margin: 5px 0; }

div#sisavalikko ul li.otsikko {
	list-style: none inside none;
	margin: 0 0 5px 5px;
}

div#sisavalikko ul li#valittu2 {
	color: #4F4A4A;
	list-style-image: url(http://130.231.121.94/grafiikka/bullet-style2.gif);
	margin: 0 0 5px 15px;
}

div#sisavalikko ul li ol li { list-style: decimal outside; }

div#sisavalikko a:visited {
	font-size: 100%;
	color: #4F4A4A;
	text-decoration: none;
}

div#sisavalikko a {
	font-size: 100%;
	color: #4F4A4A;
	text-decoration: none;
}

div#sisavalikko a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}

div#sisavalikko ul li.otsikko a { font-weight: bold; }

div#sisavalikko ul li.otsikko ol li a { font-weight: normal; }

div#sisavalikko ul li#valittu2 a:hover { color: #3D9136; }

div#sisavalikko ul li#valittu2 a { color: #3D9136; }

div#sisavalikko ul li#valittu2 img {
	float: right;
	line-height: 18px;
	vertical-align: top;
}

div#sisavalikko ul li.otsikko img {
	float: right;
	line-height: 18px;
	vertical-align: top;
}

div#sisavalikko ul li img {
	float: right;
	line-height: 18px;
	vertical-align: top;
}

div#sisavalikko .lihavoitu {
	color: #666;
	font-weight: bold;
}


div#taustamosaiikki {
	position: absolute;
	left: 100%;
	top: 0;
	width: 32px;
	min-height: 100%;
	background: #3D9136 url(http://130.231.121.94/grafiikka/taustat/vihrea.gif) repeat-y;
	z-index: 3;
}


span {
	color: black;
	font: normal 12px Arial, Helvetica, sans-serif;
}


span#hae1 {
	color: white;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid white;
	background-color: navy;
	margin: 8px 4px 4px 2px;
	padding: 2px;
}

iframe {
  	width: 392px;
}

div#vasenalalinkit ul#sisval1 { 
	list-style-image: none;
	}
	
div#vasenalalinkit li#sisval1 { 
	font-size: -2;	
	}