/*************************/
/* Bioner.info tyylisivu          */
/*Mikko Kivento                      */
/*Aleksi Reito                          */
/*************************/

/* VÄRIT */
/* tausta vaalea beige /taulukko solu vaalea beige	#e1dfc4*/
/* tausta tumma beige	#C3C089*/
/* linkki vihertävä beige	#6C6A34*/
/* linkki vaalvihr beige	#858043*/
/* linkki tummvihr beige	#504F28*/
/* form tumma beige / (vanha taulukko solu tumma beige)	#c7c390*/
/* keskustelu solu tumma beige / nykyinen taulukko solu tumma beige	 #D1CDA1 */
/* taulukko otsikko harmaa	#929075*/
/* napintaustan tumma beige /reunaviiva yläkuvan alla	#c7ba78*/
/* sininen uusi-väri	#ADD8E6*/
/* vaaleanvihreä kalenterissa	#99FF99*/


/* YLEISET */
/****************************************************************************************************************/
body{
	font-size: small;
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	background-color: #e1dfc4;
	scrollbar-face-color: #c7ba78;
	scrollbar-arrow-color: black;
	scrollbar-track-color: #D1CDA1;
	scrollbar-shadow-color: #C3C089;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: #e1dfc4;
	scrollbar-darkshadow-color: black;
}
a{
	color: #6C6A34;
	text-decoration: underline;}
a:hover{
	color: #858043;
	text-decoration: none;}
.taulukkolinkki{
	color: #504F28;
	text-decoration: none;}
div.uudetkomm a:visited{
	color: #D1CDA1;}
h2.otsikko{
	border-bottom:2px black solid;
	padding-bottom:4px;
	margin-bottom:0px;
	padding-top: 0px;
	margin-top: 0px;
}
hr{
	border-color: black;
	border-style: ridge;}
input#nappi{
	background-color: #c7ba78;
	border-top: 2px #c7ba78 groove;
	border-left: 2px #c7ba78 groove;
	border-bottom: 2px #c7ba78 ridge;
	border-right: 2px #c7ba78 ridge;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: small;}
input#nappi:hover{
	background-color: #D1CDA1;
	border-bottom: 2px #c7ba78 groove;
	border-right: 2px #c7ba78 groove;
	border-top: 2px #c7ba78 ridge;
	border-left: 2px #c7ba78 ridge;}
input#nappi:active{
	background-color: #e1dfc4;}

input#nappi_inv{
	background-color: #e1dfc4;
	border-top: 2px #e1dfc4 groove;
	border-left: 2px #e1dfc4 groove;
	border-bottom: 2px #e1dfc4 ridge;
	border-right: 2px #e1dfc4 ridge;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: small;}
input#nappi_inv:hover{
	background-color: #FF9966;
	border-bottom: 2px #e1dfc4 groove;
	border-right: 2px #e1dfc4 groove;
	border-top: 2px #e1dfc4 ridge;
	border-left: 2px #e1dfc4 ridge;}
input#nappi_inv:active{
	background-color: red;}

textarea {
	scrollbar-face-color: #c7ba78;
	scrollbar-arrow-color: black;
	scrollbar-track-color: #D1CDA1;
	scrollbar-shadow-color: #C3C089;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: #e1dfc4;
	scrollbar-darkshadow-color: black;}
pre{
	white-space: pre-wrap;
	word-wrap: break-word;}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.valintablock{
	display: block;
	border: 2px #c7ba78 solid;
	padding: 2px;
	background-color: #e1dfc4;
	background-image: url(imgs/napintausta.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
	
/* RUNGON OSAT */
/************************************************************************************************************/

/* YLEISET */
/*********************/
table.main {
	margin-bottom: 0px;}
td.main {
	width: 800px;
	font-size: small;
	background-color: white;
	padding-right: 10px;
	padding-top: 15px;}
td.main_sivu{
	width: 160px;
	font-size: small;
	background-color:white;
	padding-top: 0px;
	padding-left: 10px;}
td#main_yla{
	/*border-bottom: 1px #c7ba78 solid;*/
	background-image: url(imgs/ylatausta_150px.jpg);
	background-repeat: repeat-x;}
table#linkitvasen{
	width: 130px;
	font-size: small;
	border: 1px #c7ba78 solid;
	background-color: #D1CDA1;
}
#bioner_animaatio{
	float: right;border: 0px;padding: 20px;padding-right: 40px;
}
#main_yleis{
	padding-right: 20px;font-size: small;
}


/* NAVIGOINTI */
/******************/
#navi dl, #navi dt, #navi dd, #navi ul, #navi li {
margin: 0;
padding: 0;
list-style-type: none;
}

#navi {
	margin-top: 10px;
padding: 0px;
/*top: 1em;
left: 1em;*/
width: 130px;
	line-height: 43px;
}

#navi dl {
	position: absolute;
	width: 130px;
}

#navi dt {
cursor: pointer;
position: relative;
line-height: 20px;
height: 100%;
margin: 2px;
text-align: center;
	font-size: large;
	font-family: 'Bookman Old Style','Verdana';
	border-top: 1px #e1dfc4 solid;
	border-left: 1px #e1dfc4 solid;
	border-bottom: 1px black solid;
	border-right: 1px black solid;
	background-image: url(imgs/napintausta.jpg);
	background-repeat: repeat-x;
	z-index: 10;
}
#navi dt:active{
	border-top: 1px black solid;
	border-left: 1px black solid;
	border-bottom: 1px #e1dfc4 solid;
	border-right: 1px #e1dfc4 solid;}
#navi dt a{	
	display: block;
	color: black;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 100%}
#navi dt a#nyk{
	font-weight: 400;
	background-color: #c7ba78;}
#navi dt a:hover{	
	display: block;
	text-decoration: none;
	background-color: #c7ba78;}
#navi dt a:active{	
	display: block;
	text-decoration: none;
	background-color: #e1dfc4;}
	
#navi dd {
position: relative;
z-index: 9999;
line-height: 15px;
left: 128px;
margin-top: -44px;
width: 130px;
background: #e1dfc4;
	border: 1px black ridge;
/*	border-top: 1px #c7ba78 solid;
	border-left: 1px #c7ba78 solid;
	border-bottom: 1px black solid;
	border-right: 1px black solid;*/
padding/*-top*/: 5px;
	/*padding-left: 5px;
	padding-right: 5px;*/
	background-image: url(imgs/napintausta_inv.jpg);
	background-repeat: repeat-x;
}

#navi ul {
padding: 2px;
}
#navi li {
text-align: left;
font-size: small;
}
#navi li a{
color: #504F28;
text-decoration: none;
display: block;
}
#navi li a:hover {
text-decoration: underline;
}

/* SISÄLTÖ */
/**************************************************************************************************************************/

/* HALLITUS */
/**********************************/
div #hallitus_top{font-size: small;}
div .hallitus{border: 0;}

/* UUTISET ja JUTTUARKISTO */
/**********************************/
table#uutiset,table#jutut,table#poytakirjat{
	font-size: small;
	padding: 10px;
	border: 1px #c7ba78 solid;
	width: 780px;
	background-color: white;}
table#uutiset td#paiva,table#jutut td#paiva{
	font-weight: bold;
	font-family: 'Bookman Old Style','Verdana';	
	background-color: white;
	padding-left: 10px;
	padding-top: 10px;}
table#uutiset td#otsikko,table#jutut td#otsikko{
	font-size: large;
	font-family: 'Bookman Old Style','Verdana';
	font-weight: normal;
	border-bottom: 1px #c7ba78 dashed;
	background-color: white;
	padding-left: 10px;}
table#uutiset td#teksti{
	background-color: white;
	padding: 20px;	}
table#uutiset td#uutiset_alalinkki{
	text-align: right;
	font-size: xx-small;
	border-bottom: 1px #c7ba78 solid;}
table#jutut td#teksti{
	background-color: white;
	padding: 20px;}
table#uutiset td#nimi,table#jutut td#nimi{
	font-style: italic;
	font-family: 'Bookman Old Style','Verdana';	
	padding-left: 10px;
	background-color: white;}
table#jutut img#kuva{
	padding: 20px;
	height: 200px;}
table#jutut table#sisa{
	width: 350px;
	text-align: center;
	font-style: italic;
	font-size: small;
	float: right;}
table#jutut td#jutunala{
	border-bottom: 1px #c7ba78 solid;
	padding-left: 10px;}


table#alakortti td{
	padding-right: 10px;}

	
/* INDEKSI */
/******************/
table#indeksi, table#poytakirjat{
	font-size: small;
	font-family: 'Verdana';
	border: 0px;}
table#indeksi td#pvm{
	font-weight: bold;
	width: 100px;
	font-family: 'Bookman Old Style';}
table#indeksi td#otsikko{
	width: 600px;
	font-family: 'Bookman Old Style';}

	
/* FOORUMI */
/******************/
table#forum{
	font-size: small;
	width: 750px;}
table#forum td{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;}
table#forum td#otsikko{
	font-size: large;
	font-family: 'Bookman Old Style','Verdana';
	padding-top: 10px;
	padding-bottom: 10px;}
table#forum td#viesti{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 20px;
	width: 730px;}
table#forum td#uusi{
	padding: 0px;
	font-size: xx-small;
	color: navy;
	font-family: 'Bookman Old Style','Verdana';}
table#forum td#piilo{
	padding: 0px;
	font-size: xx-small;
	color: navy;
	font-family: 'Bookman Old Style','Verdana';}
table#forum td#sisa, table#forum td#sisa_muok{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px #c7ba78 solid;}

	
/* SISÄTAULUKKO */
/******************/
table#sisa{
	font-size: small;
	width: 100%;}
table#sisa td#viesti{
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 20px;
	border-top: 1px #808080 dashed;
	border-bottom: 1px #808080 dashed;}
table#sisa td#ala{
	border-top: 2px #808080 solid;}



/* PIKKUKALENTERI */
/*************************/
table#pikkukalenteri{
	border: 2px solid #c7ba78;
	padding: 2px;
	font-size: x-small;
	font-family: Tahoma;
	text-align: center;}
table#pikkukalenteri a{
	font-family: Tahoma;
	text-align: center;
	text-decoration: none;
	font-size: x-small;
	display: block;
	width: 28px;
	height: 18px;
	border-top: 1px white solid;
	border-left: 1px white solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
	background-color: #c7ba78;}
table#pikkukalenteri a:active{
	border-top: 1px black solid;
	border-left: 1px black solid;
	border-right: 1px white solid;
	border-bottom: 1px white solid;
	background-color: #c7ba78;}
table#pikkukalenteri td#tyhja{
	background-color: #e1dfc4;
	width: 30px;
	height: 20px;}
table#pikkukalenteri td#normi{
	background-color: #D1CDA1;
	width: 30px;
	height: 20px;}
table#pikkukalenteri td#tanaan{
	background-color: #DDBBBB;
	border: 1px #FF0000 solid;
	width: 28px;
	height: 18px;}
table#pikkukalenteri td#tanaan a{
	background-color: #DDBBBB;}
table#pikkukalenteri td#hilit{
	background-color: #FFCC99;
	width: 30px;
	height: 20px;}
table#pikkukalenteri td#hilit a{
	background-color: #FFCC99;}
table#pikkukalenteri td#hilit_tanaan{
	background-color: #FFCC99;
	border: 1px #FF0000 solid;
	width: 28px;
	height: 18px;}
table#pikkukalenteri td#hilit_tanaan a{
	background-color: #FFCC99;}
tr#hilit td{
	color: #990000;
	font-size: small;}


/* KOKOUSAIKA - MENU-RAKENNE*/
/***********************/
#menu {
position: relative;
top: 0;
left: 0;
z-index: 100;
width: 90%;
}
#menu dl {
margin: 0 1px;
}
#menu dt {
cursor: pointer;
float: left;
text-align: center;
font-weight: bold;
background: #e1dfc4;
border: 1px solid white;
border-bottom: 2px solid #c7ba78;
padding: 3px;
}
#menu dd {
border: 1px solid #c7ba78;
border-bottom: 2px solid #c7ba78;
border-right: 2px solid #c7ba78;
width: 100%;
display: none;
z-index: 200;
}
#menu li {
text-align: center;
background: white;
}
#menu li a, #menu dt a {
/*color: #000;
text-decoration: none;*/
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
/*background: #eee;*/
}
table#kokouspv{
	border-spacing: 0px;
	border-collapse: collapse;
}
table#kokouspv td{
	border: 5px white solid;
	border-bottom: none;
	padding: 5px;
	background: #e1dfc4;
}
table#kokouspv a{
	text-decoration: none;
	color: black;
	font-weight: bold;
	display: block;
}


/* MUUT*/
/***********************/

table.forum,table.kuva,table.sisa,table.jluettelo{
	font-size: small;}
tr.otsikko{
	font-size: small;background-color: #e1dfc4;}
td.apu{
	background-color:white;
	height:41px;
	padding: 0px;}
td.galleria_ala {
	padding:10px;}
td.kuva{
	border-bottom:1px black solid;border-right:1px black solid;padding-bottom:10px;padding-right:10px;padding-left:15px}
td.reuna {
	background-color:white;}
td.sivuoik{
	width: 20px;
	background-image: url(/imgs/reunaoik.jpg);
	background-repeat: repeat-y;}
td.sivuvas{
	width: 20px;
	background-image: url(/imgs/reunavas.jpg);
	background-repeat: repeat-y;}
.kuva {border:2px black solid;}
.kuva_piilotettu {border:4px #c7ba78 solid;}


/* DIV */
/*********************************************************************************************************************/
div.form {font-size:small;}
div.kpl {padding-top:2px;padding-bottom:5px;padding-left:5px;font-size:small}
div.kpl2 {padding-top:2px;padding-bottom:0px;padding-left:5px;font-size:small}
div.kirj {font-size:x-small;padding:5px;margin-bottom:5px}
div.kirj2 {font-size:x-small;/*padding-top:10px;*/margin-bottom:5px}
div.runko {font-size:small;}

/* POISTETUT */
/***********************************************************************************************************************/