/* CSS Document */

 /* -------------------------- ilkkaviljanen.fi YLEISET MUOTOILUT ----------------------- */

/* SOLUT JA RIVIT*/


td.kuva{
	background-color:#4e7cb8;
	width:400px;
	text-align:left;
}

td.ilmoitukset{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:left;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:5px;
	border-bottom:dotted 1px #a9c0e1;
	vertical-align:top;
}



td.listaa{
vertical-align:top;
	
}

td.yla_oikea{
	background-color:#4e7cb8;
	width:350px;
	font-size:11px;
	line-height:2;
	padding-bottom:15px;
	padding-top:0;
	padding-left:35px;
	padding-right:15px;
	padding-top:15px;
	text-align:left;
	color:#FFFFFF;
	vertical-align:top;
}

	td.yla_oikea h1.mietelause{
	font-size:18px;
	color:#FFFFFF;
	}
	
	td.yla_oikea a {
	font-size:14px;
	color:#FFFFFF;
	line-height:1.5;
	text-decoration:underline;
	}
	
	td.yla_oikea a:hover {
	font-size:14px;
	color:#CCCCCC;
	line-height:1.5;
	text-decoration:underline;
	}

td.linkit{
	background-color:#669934;
	text-align:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
		width:800px;
}

td.sisalto_vasen{
	width:240px;
	text-align:left;
	border-right: 1px dotted #669934;
	vertical-align:top;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:50px;
	font-size:10px;
}

td.sisalto_keski{
	width:240px;
	height:300px;
	text-align:left;
	vertical-align:top;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:50px;
	font-size:10px;
}

td.sisalto_keski2{
	width:500px;
	padding-left:40px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:50px;
	text-align:left;
	vertical-align:top;
}

td.sisalto_oikea{	/*Tähän tulee kalenterisetti*/
	text-align:center;
	vertical-align:top;
	width: 240px;
	background-color:#8ca6cb;
	height:300px;
}

td.alaosa{
	width:800px;
	background-color:#669934;
	height:10px;
	text-align:left;
	border-top:1px solid #fff;
}

td.sisalto_tausta {
		background-image:url('../images/kokoomus.jpg');
		background-position:left bottom;
		background-repeat:no-repeat;
		vertical-align:top;
		width:800px;
		background-color:#FFFFFF;

}

/*TEKSTEJÄ*/


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color: #4e7cb8;
	text-align:left;
	
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
	text-transform: none;
	color: #8ca6cb;
	text-align:left;
	
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
	text-transform: none;
	color: #8ca6cb;
	text-align:left;
	
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color: #fff;
	text-align:left;
	
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
	text-transform: none;
	color: #ffcb04;
	text-align:left;
	
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0px;
	padding:0px;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color: #fff;
	text-align:left;
	
}

.lomakekentta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:normal;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	
}

.lomakekentta_pakollinen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:normal;
	background-color:#f1b7b3;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	
}

/* Sivujen tausta */

body.tausta {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:1.5;
	color:#333333;
	background-color: #e9e9e9;
}

a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #4e7cb8;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;
		

	}

a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #30578b;
		font-size: 11px;
		text-decoration: underline;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;

	}


a.linkki {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #4e7cb8;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;
		

	}

a.linkki:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #30578b;
		font-size: 11px;
		text-decoration: underline;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;

	}

a.linkki:visited {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #999999;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;

	}
	
a.linkki:visited:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		font-size: 11px;
		text-decoration: underline;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;

	}

a.linkki2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #9daabc;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;
		

	}

a.linkki2:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #a6b4c8;
		font-size: 11px;
		text-decoration: underline;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;

	}


a.sininen_linkki {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #8ca6cb;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;
		padding-left:17px;
		background-image:url('../images/kalenteri.gif');
		

	}

a.valkoinen_linkki:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 10px;
		text-decoration: underline;
		text-align: left;
		font-weight:normal;

	}	

a.valkoinen_linkki {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		

	}

a.sininen_linkki:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #30578b;
		font-size: 10px;
		text-decoration: underline;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;
		padding-left:17px;
		background-image:url('../images/kalenteri.gif');

	}	

a.nappi 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:#669934;
	border:#4e7c22 solid 1px;
	font-style: normal;
	text-decoration:none;
	font-variant: normal;
	text-transform: none;
	color:#ffffff;
	font-weight:normal;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
}

a.nappi:hover 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:#4e7cb8;
	border:#31598e solid 1px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
	}

a.nappi2 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:#669934;
	border:#4e7c22 solid 1px;
	font-style: normal;
	text-decoration:none;
	font-variant: normal;
	text-transform: none;
	color:#ffffff;
	font-weight:normal;
	padding-left:3px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:3px;
}

a.nappi2:hover 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:#4e7cb8;
	border:#31598e solid 1px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	padding-left:3px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:3px;
	}


/* --------------------------------------- PÄÄVIGAATIO --------------------------------------------- */

#alanavi {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
/*background-color: #transparent;*/
color: #62696c;
text-align:left;
 float:left;

} 
 
#alanavi ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#alanavi li.eiaktiivinen {
font-size: 10px;
text-decoration: none;
background-repeat: no-repeat;
margin: 0;
float:left;
}
 
#alanavi li.eiaktiivinen a {
font-size: 10px;
display:block;
text-decoration: none;
color: #ffffff; 
margin: 0;
padding: 2px 11px 2px 11px;
}

#alanavi li.eiaktiivinen a:hover {
background-color: #4e7cb8;
font-size: 10px;
display:block;
text-decoration: none;
color: #ffffff; 
margin: 0;
padding: 2px 11px 2px 11px;
}

#alanavi li.aktiivinen {
font-size: 10px;
text-decoration: none;
background-repeat: no-repeat;
margin: 0;
float:left;
}

#alanavi li.aktiivinen a {
background-color: #ffffff;
font-size: 10px;
text-decoration: none;
margin: 0;
padding: 2px 11px 2px 11px;
color: #4e7cb8; 
font-weight:bold;
display:block;

}

#alanavi li.aktiivinen a:hover { 
background-color: #ffffff;
color: #4e7cb8; 
font-weight:bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display:block;
}


li.lista  { 
list-style-image:url('../images/lista.gif');
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tdnavi {
	width:100%;
	vertical-align: top;
}

#otsikko {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight: bolder;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
}

#leipis {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right: 3px;
	padding-left: 3px;
}


/*  NAPIT */
		

input#nappi:hover { 
		cursor:hand;
		cursor:pointer;
		background-color: #4e7cb8;
		color:#ffffff;
		
		}


input#nappi {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color: #8ca6cb;
		font-size: 10px;
		font-weight:bold; 
		border: 1px solid #4e7cb8; 
		padding: 2px 1px 2px 1px; 
		margin: 0; 
		color:#ffffff; 
		cursor:hand;
		} 

/*KALENTERITYYLIT*/

div.tapahtuma{	/*Tämä on alue, johon tulostuu päivän ohjelma*/
border-style:solid;
border-left-width:1px;
/*width:200px;*/
padding-bottom:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding-left:3px;
padding-right:2px;
}

span.calendar-prev{	/*alue, jossa on edellinen kuukausi-linkki*/
background-color:#ffffff;
background-image:url('../images/vasen.gif');
background-repeat:no-repeat;
background-position:center;
}

span.calendar-next{	/*alue, jossa on seuraava kuukausi-linkki*/
background-color:#ffffff;
background-image:url('../images/oikea.gif');
background-repeat:no-repeat;
background-position:left;
}

table.calendar{	/*taulukko, johon itse kalenteri tulostuu*/
background-color:#ffffff;
}

caption.calendar-month{	/*taulukon otsikko, ts. kuukauden nimi*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
padding: 2px;
font-weight:bold;
background-color:#ffffff;
/*background-color:#f5f5f5;*/
color:#5a5a5a;
}

th.day-names{	/*tulostettavat päivien nimet, ts. ma ti ke to pe la su*/
width:22px;
color:#5a5a5a;
}

td.empty-day{	/*tyhjä päivä, eli ei olla määritelty tapahtumia*/
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-color:#ffffff;
color:#5a5a5a;
border:solid 1px #f4f2f2;
}

td.theday{	/*menossa oleva tyhjä päivä, jolle ei olla määritelty tapahtumia*/
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#5a5a5a;
border:solid black 1px;
}

td.theday2{	/*menossa oleva päivä, jolle on määritelty tapahtumia*/
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
border:solid black 1px;
background-color:#669934;
color:#ffffff;
}

td.empty-day2{	/*ylitsejäävä päivä, eli jos kuukausi loppuu vaikka keskiviikkona, niin ylitsejäävät solut*/
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-color:#ffffff;
color:#5a5a5a;
}

td.empty-daylinkki{	/*HALLINTA*/
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-color:#ffffff;
color:#5a5a5a;
border:solid 1px #f4f2f2;
}


td.linked-day{	/*päivä, jolle on määritelty linkki*/
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-color:#669934;
color:#ffffff;
border:solid 1px #f4f2f2;
}

td.linked-day2{	/*päivä, jolle on määritelty linkki*/
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-color:#cccccc;
color:#ffffff;
border:solid 1px #f4f2f2;
}


td.kalenteri_otsikko{	/*Ilen kalenteri!*/
	text-align:center;
	background-color:#4e7cba;
	padding:2px;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.day-link{	/*itse linkki määritellylle päivälle*/
text-decoration:none;
color:#ffffff;
font-size:10px;
}
a.day-link2{	/*itse linkki määritellylle päivälle*/
text-decoration:none;
color:#ffffff;
font-size:10px;
}
a.emptyday_link{	/*HALLINTAA, määrittelemätön päivä*/
text-decoration:none;
color:#5a5a5a;
}

a.month-selector{	/*seuraavan ja edellisen kuukauden linkit*/
text-decoration:none;
color:#5a5a5a;
}

a.day-link:hover{
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
}

a.emptyday_link:hover{	/*HALLINTAA, määrittelemätön päivä*/
font-size:11px;
}

a.month-selector:hover{
font-size:10px;
text-decoration:none;
color:#5a5a5a;
}