body, html {
        height: 100%;
}

/* vierityspalkki mozillalla */
html {
        overflow: -moz-scrollbars-vertical;
}

li {
        margin-left: 15px;
}

/* sivupohjan ulkoasun määrittely */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* background-image: url('tausta.bmp'); */
        background-color : #3B4E70;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #000000;
}

.sivupohja {
	width: 800px;
	/*border-left: solid 1px #0072BC;
	border-top: solid 1px #0072BC;
	border-right: solid 1px #0072BC;
	border-bottom: solid 1px #0072BC;*/
        border: 0px;
	background-color: #ffffff;
}

/* 1. rivi */
.yla_logo {
        background-color: #4D76AE;
        border-bottom: solid 1px #3B4E70;
}

.vasen1 {
	/*width: 200px;*/
        background-color: #4D76AE;
	height: 29px;
	border-top: solid 1px #000000;
	border-right: dotted 1px #cccccc;
}

.keskusta1 {
	/*width: 400px;*/
	height: 15px;
	border-right: solid 0px #0072BC;
	border-bottom: solid 0px #0072BC;
}

.oikea1 {
	/*width: 200px;*/
	height: 153px;
	border-right: solid 0px #0072BC;
	border-bottom: solid 0px #0072BC;
}

/* 2. rivi */
.vasen2 {
	/*width: 200px;*/
	height: 380px;
	border-right: dotted 1px #cccccc;
        background-color: #4D76AE;
}

.keskusta2 {
	/*width: 380px;*/
	/* height: 500px; */
	border-right: dotted 1px #cccccc;
	/*padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;*/
}

.oikea2 {
	/*width: 200px;*/
	height: 400px;
	border-right: solid 0px #0072BC;
	border-bottom: solid 0px #0072BC;
}

/* 3. rivi */
.vasen3 {
	/*width: 200px;*/
	height: 47px;
	border-right: dotted 1px #cccccc;
}

.keskusta3 {
	/*width: 380px;*/
	height: 27px;
	border-right: dotted 1px #cccccc;
	/*padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;*/
}

.oikea3 {
	/*width: 200px;*/
	height: 47px;
	border-right: solid 0px #0072BC;
	border-bottom: solid 0px #0072BC;
}
/* yläosa */
table.yk_linkit {
	width: 650px;
	/* height: 29px; */
	border-left: none 0px #0072BC;
	border-top: none 0px #0072BC;
	border-right: none 0px #0072BC;
	border-bottom: none 0px #0072BC;
}

.yk1 {
	width: 400px;
	/* height: 29px; */
	background-image: url('sininen_fout_tausta.png');
	/* border-right: solid 1px #ffffff; */
}

.yk2 {
	width: 400px;
	height: 29px;
	/* background-image: url('luoko.png'); */
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

.yo1 {
	width: 200px;
	/* height: 29px; */
	background-image: url('sininen_fout_tausta.png');
	/* background-color: #39B54A; */
	/* border-bottom: solid 1px #ffffff; */
}

.yo2 {
	width: 200px;
	height: 29px;
	background-color: #39B54A;
	background-image: url('siki.png');
	border-bottom: solid 1px #ffffff;
}

.yko3 {
	width: 587px;
	height: 25px;
	background-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	padding-left: 2px;
}

.pysyva_linkki {
        display: block;
	font-weight: bold;
	color: #002B46;
	text-decoration: none;
        padding: 0px;
}

.pysyva_linkki:hover {
	font-weight: bold;
        /* background: #ffffff; */
	color: #005C96;
	text-decoration: none;
}

/* sivupohjan ulkoasun määrittely */

/* hakukentän ja kirjautumiskentän määrittelyt */
input.hae_painike {
	width: 29px;
	height: 23px;
	border-left: solid 1px #3B4E70;
	border-top: solid 1px #3B4E70;
	border-right: solid 1px #3B4E70;
	border-bottom: solid 1px #3B4E70;
	background-color: #4D76AE;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #ffffff;
}

input.hae_kentta {
	width: 153px;
	height: 19px;
	border-left: solid 1px #206229;
	border-top: solid 1px #206229;
	border-right: solid 1px #206229;
	border-bottom: solid 1px #206229;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000000;
}

input.tunnus_kentta {
	width: 119px;
	height: 19px;
	border-left: solid 1px #206229;
	border-top: solid 1px #206229;
	border-right: solid 1px #206229;
	border-bottom: solid 1px #206229;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000000;
}

input.tunnus_painike {
	width: 64px;
	height: 23px;
	border-left: solid 1px #206229;
	border-top: solid 1px #206229;
	border-right: solid 1px #206229;
	border-bottom: solid 1px #206229;
	background-color: #206229;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #ffffff;
}

form {
	display: inline;
}

.valkoinen {
	color: #ffffff;
}

.valkoinen a {
	color: #ffffff;
}

.valkoinen a:hover {
	color: #ffffff;
}
/* sivupohjan ulkoasun määrittely */

/* sisällön muotoilut */

a {
	color: #0072BC;
	text-decoration: none;
}

a:hover {
	color: #0072BC;
	text-decoration: underline;
}

.pieni_linkki {
	font-size: 10px;
	color: #0072BC;
	text-decoration: none;
}

.pieni_linkki:hover {
	font-size: 10px;
	color: #0072BC;
	text-decoration: underline;
}

.keskita_kuva {
	vertical-align: middle;
}

.pieni_teksti {
	font-size: 10px;
}

h1 {
	font-size: 22px;
	color: #0068B8;
}

h2 {
	font-size: 20px;
	color: #0068B8;
}

h3 {
	font-size: 18px;
	color: #0068B8;
}

h4 {
	font-size: 16px;
	color: #0068B8;
}

h5 {
	font-size: 14px;
	color: #0068B8;
}

h6 {
	font-size: 12px;
	color: #0068B8;
}

p { 
	margin: 0; padding: 0; 
}

input.cl1 {
	font-size: 12px;
	color: #000000;
	background-color: #f0f0f0;
	border-left: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}

textarea.cl1 {
	font-size: 12px;
	color: #000000;
	background-color: #f0f0f0;
	border-left: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}

/* sisällön muotoilut */


/* valikon muotoilut */
#valikko {
	font-size: 11px;
	color: #39B54A;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 150px;
	border-bottom: none 0px #c0c0c0;
	background-color: #4D76AE;
        padding: 5px;
}

#valikko a {
	color: #ffffff;
        font-weight: bold;
	display: block;
        position: relative;
        left: 7px;
	width: 100%;
	/* height: 15px; */
	padding-left: 0px;
	padding-right: 0px;
	border-top: none 0px #c0c0c0;
}

#valikko a:hover {
	display: block;
	width: 100%;
	/* height: 15px; */
	padding-left: 0px;
	padding-right: 0px;
	color: #a0a0a0;
}

/* alataso 1 */
#dav1v {
	background-color: #4D76AE;
	/*border-top: dotted 1px #c0c0c0;
	border-bottom: dotted 1px #c0c0c0; */
        display: block;
        position: relative;
        left: 15px;
        width: 130px;
}

#dav1v a {
	/* background-color: #ffffff; */
	border-top: none 0px #c0c0c0;
}

/* alataso 2*/
#dav2v {
	background-color: #4D76AE;
	border-top: none 0px #c0c0c0;
	border-bottom: none 0px #c0c0c0;
        position: relative;
        left: 5px;
        width: 120px;
}
#dav2v a {
        font-weight: normal !IMPORTANT;
	background-color: #4D76AE;
        color: #d0d0d0;
}

/* päätaso */
#v_linkki {
	font-weight: normal;
	text-decoration: none;
}

#v_linkki:hover {
	font-weight: bold;
	text-decoration: none;
}

#v_linkki_valittu {
	font-weight: normal;
	text-decoration: none;
        color: #000000 !IMPORTANT;
}

#v_linkki_valittu:hover {
	font-weight: bold;
	text-decoration: none;
}

/* alataso 1 */
#av1_linkki {
	font-weight: normal;
	text-decoration: none;
}

#av1_linkki:hover {
	font-weight: bold;
	text-decoration: none;
}

#av1_linkki_valittu {
	font-weight: normal;
	text-decoration: none;
        color: #000000 !IMPORTANT;
}

#av1_linkki_valittu:hover {
	font-weight: bold;
	text-decoration: none;
}

/* alataso 2 */
#av2_linkki {
	font-weight: normal;
	text-decoration: none;
}

#av2_linkki:hover {
	font-weight: bold;
	text-decoration: none;
}

#av2_linkki_valittu {
	font-weight: normal;
	text-decoration: none;
        color: #000000 !IMPORTANT;
}

#av2_linkki_valittu:hover {
	font-weight: bold;
	text-decoration: none;
}
/* valikon muotoilut */

/* moduulien muotoilut */

/* #kalenteri# */
table.kalenteri {
background-color: #AABBCC;
border-style: none;
border-width: 0px;
border-color: #AABBCC;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
position: relative;
left: 0px;
top: 0px;
}

td.kalenteri_paaotsikko {
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #000033;
text-decoration: none;
letter-spacing: 1px;
background-color: #CCCCFF;
border-style: none;
border-width: 0px;
border-color: #000000;
width: 150px;
height: 40px;
}

td.kalenteri_otsikko {
font-family: Arial;
font-size: 10px;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
background-color: #DEDEDE;
border-style: none;
border-width: 0px;
border-color: #000000;
width: 15px;
height: 12px;
}

td.kalenteri_solu {
font-family: Arial;
font-size: 10px;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
border-style: none;
border-width: 0px;
background-color: #EEEEEE;
width: 15px;
height: 12px;
}

td.kalenteri_solu_valittu {
font-family: Arial;
font-size: 10px;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
border-style: solid;
border-width: 1px;
border-color: #AA0000;
background-color: #E0E0E0;
width: 15px;
height: 12px;
}

td.kalenteri_solu_tyhja {
border-style: none;
border-width: 0px;
background-color: #EEEEEE;
width: 15px;
height: 12px;
}

td.kalenteri_solu_vloppu {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #CC3333;
text-decoration: none;
letter-spacing: 0px;
border-style: none;
border-width: 0px;
background-color: #EEEEEE;
width: 15px;
height: 12px;
}

a.kalenteri_selaa {
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #AABBCC;
text-decoration: none;
}

a.kalenteri_selaa:hover {
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #0033CC;
text-decoration: none;
}

a.poimi_paiva_syottokenttaan {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #000000;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}

a.poimi_paiva_syottokenttaan:hover {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #000000;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
background-color: #990000;
}

/* #pikku-uutinen# */

.pikku_uutinen_otsikko {
	width: 180px;
	height: 21px;
	/* background-image: url('../../moduulit/kuvat/p_u_tausta.png'); */
	font: Verdana;
	font-size: 12px;
	font-weight: bold;
	/* color: #0068b8; */
}

.pikku_uutinen_uutinen a {
	width: 180px;
	font: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #0072BC;
	text-decoration: none;
}

.pikku_uutinen_uutinen a:hover {
	width: 180px;
	font: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #0072BC;
	text-decoration: underline;
}

.pikku_uutinen_pvm {
	width: 180px;
	font: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #0072BC;
}

.pikku_uutinen_linkki a {
	width: 180px;
	font: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #0072BC;
	text-decoration: none;
}

.pikku_uutinen_linkki a:hover {
	width: 180px;
	font: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #0072BC;
	text-decoration: underline;
}

/* #haku# */
.valiviiva {
	border-top: solid 1px #c0c0c0;
}

/* #tapahtumat# */
.pieni_teksti1 {
	font-size: 11px;
}