body.erkko
{
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial;
	font-size: 11px;
	color: black;
}

body.yllapito
{
	margin: 0px;
	padding: 30px 0 0 0;
	background-color: #FFF6EB;
	background-image: url(kuvat/tausta_yllapito.jpg); 
	background-repeat: repeat-x;
}

.liitteet
{
	text-align: left;
	background-color: #E9E9E9; 
	width: 280px;
	margin-left: 3px;
}

p.liitesisalto
{
	padding: 10px;
}


/* KUVA FLOAT */

.kuvakentta
{
	float:right;
	width: 270px;
	margin-right: 10px;
	margin-left: 5px;
	margin-bottom: 20px;
	text-align: right;
}

.alasivu_kuva
{
	padding: 3px;
	width: 270px;
}

.kuvapad_juttu
{
	background-color: #E2E2E2;
	padding-top: 0px;
	width: 270px;
	text-align: center;
/*	border: 1px solid red; */
}

.kuvareuna
{
	border: 0px solid #E2E2E2;
}

#kuvateksti
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	background-color: #E2E2E2;
	width: 270px;
	padding: 2 0 8 0;
	text-decoration: none;
	text-align: left;
	text-indent: 5px;
}

a.no-dec:link, a.no-dec:visited, a.no-dec:focus, a.no-dec:hover
{
	text-decoration:none;
}
/******/

/* STATIC HEADER */ 
div#header
{
	position:absolute;
	text-align: center;
	padding-top: 2px;
	top:0;
	left:0;
	width:100%;
	height: 30px;
	background-image: url(kuvat/yllapito_header.jpg); 
	background-repeat: repeat-x;
	font-family: verdana, arial;
	font-size: 11px;
	color: black;
}
 
@media screen
{
	body>div#header
	{
		position: fixed;
	}
}

* html body
{
	overflow:auto;
} 

* html div#content
{
	height:100%;
	overflow:auto;
}


#tausta_yllapito
{
	background-color: #FFFFFF;
	border-left: 4px dotted #F29300;
	border-right: 4px dotted #F29300;
}

#tausta_yllapito_login
{
	background-color: #FFFFFF;
	border: 4px dotted #F29300;
}

table
{
	font-family: verdana, arial;
	font-size: 11px;
	color: black;
}

#ylaosa_etusivu
{
	background-image: url(kuvat/ylaosa.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_koulumme
{
	background-image: url(kuvat/ylaosa_koulumme.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_arkisto
{
	background-image: url(kuvat/ylaosa_arkisto.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_hakeminen
{
	background-image: url(kuvat/ylaosa_hakeminen.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_kalenteri
{
	background-image: url(kuvat/ylaosa_kalenteri.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_opinto-opas
{
	background-image: url(kuvat/ylaosa_opinto-opas.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_oppilaskunta
{
	background-image: url(kuvat/ylaosa_oppilaskunta.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_viestintalinja
{
	background-image: url(kuvat/ylaosa_viestintalinja.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_yhteystiedot
{
	background-image: url(kuvat/ylaosa_yhteystiedot.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_kurssit
{
	background-image: url(kuvat/ylaosa_kurssit.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_opo
{
	background-image: url(kuvat/ylaosa_opo.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}

#ylaosa_abit
{
	background-image: url(kuvat/ylaosa_abit.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 103px;
}


#alaosa
{
	background-image: url(kuvat/alaosa.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height: 95px;
	background-color: #FDA033;
}

#navitausta
{
	background-image: url(kuvat/navipohja.jpg);
	background-repeat: repeat-x;
	height: 45px;
}

#navi
{
	padding-left: 15px; 
	padding-bottom: 4px;
}

#vasen_jatkuva
{
	display: table-cell;
	height: 100%;
	background-image: url(kuvat/vasenpohja_jatkuva.jpg); 
	background-repeat: repeat-y;
}

#vasen
{
	width: 225px; 
	height: 400px; 
	background-image: url(kuvat/vasenpohja.jpg); 
	background-repeat: no-repeat;
	display: table-cell;
}

.vasen_sisennys
{
	display: table;
	padding: 10px;
	line-height: 5px;
	height: 100%;
	width: 205px;
}

#topbar
{
	position:relative;
	width: 205px;
	height: 100px;
	visibility: hidden;
	z-index: 10;
	margin-top: 50px;
	_margin-top: 60px;
	margin-left: -10px;
}

#keskipalsta
{
	background-color: #FFFFFF;
	background-image: url(kuvat/tekstikentta_varjo.jpg); 
	background-repeat: repeat-y;
	background-position: left top;
}

#palsta_sisennys
{
	position: relative; 
	top: 10px; 
	padding-left: 15px; 
	padding-right: 25px;
	padding-bottom: 25px;
}

#oikea_jatkuva
{
	background-color: #EBEBEB;
}

#oikea
{
	padding-top: 13px; 
	width: 236px; 
	height: auto; 
	background-image: url(kuvat/oikeapohja.jpg); 
	background-repeat: no-repeat; 
	text-align: center;
}

#alaosa_yht
{
	position: absolute; 
	padding-top: 10px; 
	padding-left: 130px;
	color: white;
	font-size: 12px;
}

#alaosa_haku
{
	position: absolute; 
	padding-top: 10px; 
	padding-left: 430px;
	color: #6D6D6D;
	font-size: 12px;
	line-height: 10px;
}
#kuvapohja_tausta
{
	background-image: url(kuvat/kuvapohja.png); 
	background-position: right top; 
	background-repeat: no-repeat; 
	width: 226px; 
	height: 129px; 
	position: relative; 
	padding-top: 0px; 
	left: 0px;
}

#kuvapohja_etusivu
{
	position: relative; 
	padding-top: 8px; 
	padding-left: 8px; 
	_padding-left: 9px;
}

.yllapito_sisennys
{
	margin-left: auto; 
	margin-right: auto; 
	width: 1000px; 
	height: 100%;
}

table#rss
{
	height: auto;
	width: 196px;
}

table#rss td.rss_yla
{
	background-image: url(kuvat/rss_ylaosa.png); 
	background-repeat: no-repeat; 
	height: 36px;
}

table#rss td.rss_ala
{
	background-image: url(kuvat/rss_alaosa.png); 
	background-repeat: no-repeat; 
	height: 36px;
}

table#rss td.rss_keski
{
	background-image: url(kuvat/rss_jatkuva.png); 
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 7px;
}

table#navipohja
{
	height: auto;
	width: 196px;
}

table#navipohja td.navipohja_yla
{
	background-image: url(kuvat/vasen_navipohja_yla.png); 
	background-repeat: no-repeat; 
	height: 14px;
}

table#navipohja td.navipohja_ala
{
	background-image: url(kuvat/rss_alaosa.png); 
	background-repeat: no-repeat; 
	height: 36px;
}

table#navipohja td.navipohja_keski
{
	background-image: url(kuvat/rss_jatkuva.png); 
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 7px;
	line-height: 16px;
}

a { outline: 0; }

a.yllapito_otsikko:link, a.yllapito_otsikko:visited
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

a.yllapito_otsikko:hover, a.yllapito_otsikko:active
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #A0A0A0;
	font-weight: bold;
}

a.yllapito_norm:link, a.yllapito_norm:visited
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #B26203;
	font-weight: bold;
}

a.yllapito_norm:hover, a.yllapito_norm:active
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

a.yllapito_pieni:link, a.yllapito_pieni:visited
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #B26203;
	font-weight: normal;
}

a.yllapito_pieni:hover, a.yllapito_pieni:active
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

a.navilinkki_yla:link, a.navilinkki_yla:visited
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #B26203;
	font-weight: normal;
}

a.navilinkki_yla:hover, a.navilinkki_yla:active
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

a.sivukartta_iso:link, a.sivukartta_iso:visited
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #B26203;
	font-weight: normal;
}

a.sivukartta_iso:hover, a.sivukartta_iso:active
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

a.navilinkki:link, a.navilinkki:visited
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #B26203;
	font-weight: bold;
}

a.navilinkki:hover, a.navilinkki:active
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

a.navilinkki_ala2:link, a.navilinkki_ala2:visited
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #B26203;
	font-weight: normal;
}

a.navilinkki_ala2:hover, a.navilinkki_ala2:active
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

a.netornot:link, a.netornot:visited
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6D6D6D;
	font-weight: normal;
}

a.netornot:hover, a.netornot:active
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}

a.rss_linkki:link, a.rss_linkki:visited, a.rss_linkki:active
{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #B26203;
}

a.rss_linkki:hover
{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	text-decoration: none;
	color:#000000;
}

a.tekstilinkki:link, a.tekstilinkki:visited, a.tekstilinkki:active
{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #B26203;
}

a.tekstilinkki:hover
{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	color:#919191;
}

a.kirjaudu_ulos:link, a.kirjaudu_ulos:visited, a.kirjaudu_ulos:active
{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #B03434;
}

a.kirjaudu_ulos:hover
{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	color:#919191;
}

a.tekstilinkki_norm:link, a.tekstilinkki_norm:visited, a.tekstilinkki_norm:active
{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #B26203;
}

a.tekstilinkki_norm:hover
{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	color:#919191;
}

a.alaosa:link, a.alaosa:visited, a.alaosa:active
{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

a.alaosa:hover
{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	color:#919191;
}

#harmaa_laatikko
{
	padding: 8px; 
	background-color: #EBEBEB;
}

.kuvareuna
{
	border: 2px solid #D8D8D8;
}

.alaosa
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6D6D6D;
}

.pvm
{
	font-family: verdana, arial;
	font-size: 10px;
	color: #7E7E7E;
}

.leipateksti
{
	font-family: verdana, arial;
	font-size: 11px;
	color: black;
}

.otsikko_iso
{
	font-family: verdana, arial;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}

.otsikko
{
	font-family: verdana, arial;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.valiotsikko
{
	font-family: verdana, arial;
	font-size: 11px;
	color: #AB3E13;
	font-weight: bold;
}

input.tallenna
{
	border: 1px solid #C2C2C2;
	background-image: url(kuvat/input_tausta_tallenna.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 2px 5px 2px 5px;
}

input.poista
{
	border: 1px solid #C2C2C2;
	background-image: url(kuvat/input_tausta_poista.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 2px 5px 2px 5px;
}
input.hae
{
	border: 1px solid #C2C2C2;
	background-image: url(kuvat/input_tausta.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	cursor: hand;
}
textarea#teksti
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 550px;
	height: 250px;
}
textarea.teksti
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 550px;
	height: 250px;
}
textarea#infoteksti
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 550px;
	height: 250px;
}
th 
{
	color:#ffffff;
	border: 0px solid black;
	border-collapse: collapse;
	background-color: #135F8B;
	font: normal 11px Verdana, Helvetica, Arial, sans-serif;
}

.th 
{
	color:#ffffff;
	border: 0px solid black;
	border-collapse: collapse;
	background-color: #135F8B;
	font: normal 11px Verdana, Helvetica, Arial, sans-serif;
}
a:visited, a:link
{
	text-decoration:none;
	color: #8A0303;
}
a.valinavi:link, a.valinavi:active, a.valinavi:visited
{
	text-decoration:none;
	font: 11px verdana, helvetica, arial, sans-serif;
	color: #0957E6;
}

a.valinavi:hover
{
	text-decoration:none;
	font: 11px verdana, helvetica, arial, sans-serif;
	color: #000000;
}
div#boksi
{
	padding: 4 2 4 2;
	background-color: #EFF4FF;
	border:1px solid #B8C8EC;
	width: 100px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

div#boksi:hover, div#boksi:active
{
	padding: 4 2 4 2;
	background-color: #EDF1F5;
	border:1px solid #C3C3C3;
	width: 100px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
.dhtmlgoodies_contentBox1
{
	border:1px solid #C4CDD4;
	height:0px;
	visibility:hidden;
	position:absolute;
	background-color:#E9F5FF;
	z-index:10;
	overflow:hidden;
	padding:5px;
	width:375px;
	margin-left:50px;
	margin-top:-16px;
	display: inline;
}
#filenup {
	position:absolute;
	margin-left:230px;
	top:339px;
	_top:309px;
	width:330px;
	overflow: hidden;
	z-index: 1;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px; 
}
#koulukuvanup {
	position:absolute;
	margin-left:400px;
	top:139px;
	_top:79px;
	width:330px;
	overflow: hidden;
	z-index: 1;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px; 
}
#liiteup {
	position:absolute;
	margin-left:460px;
	top:403px;
	width:330px;
	overflow: hidden;
	z-index: 1;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px; 
}
#liitenup2 {
	position:absolute;
	margin-left:380px; /*460 */
	top:339px; /* 403 */
	_top:309px;
	width:330px;
	overflow: hidden;
	z-index: 1;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px; 
}
#mp3nup {
	position:absolute;
	margin-left:530px;
	top:339px;
	_top:309px;
	width:330px;
	overflow: hidden;
	z-index: 1;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px; 
	cursor: hand;
	cursor: pointer;
}
#youtubenup {
	position:absolute;
	margin-left:680px;
	top:352px;
	_top:322px;
	width:230px;
	overflow: hidden;
	z-index: 1;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px; 
	cursor: hand;
	cursor: pointer;
}
#videonup {
	position:absolute;
	margin-left:380px;
	top:339px;
	width:330px;
	overflow: hidden;
	z-index: 1;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px; 
}
#box_category {
	position:absolute;
	margin-left:580px;
	top:409px;
	width:290px;
	overflow: hidden;
	z-index: 1;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px; 
}
#box_category_kopiointi {
	position:absolute;
	margin-left:350px;
	top:240px;
	width:550px;
	overflow: hidden;
	z-index: 1;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px; 
}
.otsikko_valk
{
	font: 12px verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	color: white;
}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 350px;
border: 1px solid black;
padding: 7px;
background-color: #FFF9E3;
visibility: hidden;
z-index: 100;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
div.linkkirivi
{
	color: #053969;
	cursor:pointer;
	cursor:hand;
}

div.linkkirivi_roll
{
	color: #0177D2;
	cursor:pointer;
	cursor:hand;
}
.viikko_nyt
{
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	cursor:pointer;
	cursor:hand;
}
.viikko
{
	border-right: 1px solid white;
	text-align: center;
	cursor:pointer;
	cursor:hand;
}
.viikko_valittu
{
	border-right: 1px solid white;
	background-color: #CCFFCC;
	color: #004F7A;
	text-align: center;
	cursor:pointer;
	cursor:hand;
}

img { behavior: url(iepngfix.htc); }