/* VÄRIT (http://colorschemedesigner.com/#3q31WhTr-g0g0)

		SINISET
		rgb(90, 147, 169)
		rgb(65, 119, 140)
		rgb(65, 107, 122)
		rgb(99, 149, 169)
		rgb(40, 95, 115)
		KELTAISET
		rgb(184, 151, 61)
		rgb(223, 189, 98)
		rgb(231, 204, 131)
		PUNAISET
		rgb(184, 75, 61)
		rgb(223, 113, 98)
		rgb(231, 143, 131)
		HARMAA
		rgb(230, 226, 218) vaaleampi
		rgb(143, 141, 136) tummempi
*/

/*
*Yleiset
*/

body {
	font-family: Arial, Freesans, "Bitstream Vera Sans";
	font-size: medium;
	background-color: rgb(230, 226, 218);
}

h1 {
	font-family: fantasy;
	font-size: 48px;
}

h2 {
	font-size: 20px;
	color: rgb(50, 80, 90);
}

h3 {
	font-weight: bold;
	font-size: medium;
}

h4 {
	font-size: 12px;
	color: #235;
}

ul.sisennetty {
	list-style-position: outside;
}

/*---------------- SIVUN YLÄOSA -------------- */

div#ylaosa {
	background-color: rgb(143, 141, 136);
}

div#valikot {
	margin-left: 10%;
	margin-right: 10%;
	background-color: rgb(255, 255, 255);
}

div#otsikko {
	margin-left: 10%;
	margin-right: 10%;
}

div.jakaja {
	background-color: rgb(255,255,255);
	height: 5px;
}


/* ---------------- YLÄMENU ----------------- */

div#ylamenu {
}

div.ylamenunappi, div.ylamenunappi_valittu {
	float: left;
	padding: 5px;
	width: 120px;
	border-right: 2px solid rgb(230, 226, 218);
}

/* --------------- ALAMENU ----------------- */
div.alamenu {
}

div.alamenunappi, div.alamenunappi_valittu {
	float: left;
	padding: 5px;
	width: 120px;
	border-right: 2px solid rgb(230, 226, 218);
}

/* ---------------- MENUJEN VÄRITYKSET JA YHTEISET ----------- */
/*		KELTAISET
		rgb(184, 151, 61) // tummin
		rgb(223, 189, 98)
		rgb(231, 204, 131) 237, 217, 165
		SINISET
		rgb(90, 147, 169)
		rgb(65, 119, 140)
		rgb(65, 107, 122)
		rgb(99, 149, 169)
		rgb(40, 95, 115)		
*/
div.clearfloating {
	clear: both;
}

div#ylamenu, div.ylamenunappi {
	background-color: rgb(232, 206, 140);
}

div.alamenu, div.alamenunappi {
	background-color: rgb(242, 227, 189);
}

div.ylamenunappi_valittu {
	background-color: rgb(232, 180, 140);
}

div.alamenunappi_valittu {
	background-color: rgb(240, 206, 181);
}

div.ylamenunappi a, div.ylamenunappi_valittu a, div.alamenunappi a, div.alamenunappi_valittu a {
	color: rgb(30, 30, 30);
	font-weight: normal;	
	text-decoration: none;	
}

div.ylamenunappi a:hover, div.ylamenunappi_valittu a:hover, div.alamenunappi a:hover, div.alamenunappi_valittu a:hover {
	color: rgb(184, 75, 61);
	font-weight: normal;	
	text-decoration: none;	
}	

div.ylamenunappi a:visited, div.ylamenunappi_valittu a:visited, div.alamenunappi a:visited, div.alamenunappi_valittu a:visited {
	color: rgb(102, 100, 96);
	font-weight: normal;	
	text-decoration: none;	
}

/* ---------------- SIVUN SISÄLTÖOSA -------------- */

div#paasivu {
	margin-right: 10%;
	margin-left: 10%;
	background-color: rgb(255, 255, 255);
}

div#sisalto {
	padding: 0px 20px 20px 20px;
	border: thin solid rgb(255, 255, 255);
}

div#paasivu div.kelluva {
	float: left;
	padding-right: 10px;
}

div.palkki_oikea {
	float: right;
	display: inline;
	padding-left: 20px;
}

/* --------------- ETUSIVU -------------------- */
table.etusivu_taulu {
	border: 0px;
}

table.etusivu_taulu td {
	padding: 10px;
	vertical-align: top;
}

/* --------------- KUVASIVU -------------------- */

div#kuvapalkki {
	float: left;
	padding-right: 20px;
}

div.pikkukuva {
	padding-bottom: 10px;
}

div#kuvapalkki a {
	color: rgb(143, 141, 136);
}

div#kuvapalkki a:visited {
	color: rgb(230, 226, 218);
}

div#kuvapalkki a:hover {
	color: rgb(65, 119, 140);
}

img.isokuva {
	border: medium solid rgb(143, 141, 136);
}



/* -------------- VARAUSTILANNE ----------------- */

div.kalenteri {
	float: left;
	/*border: thin solid rgb(0,0,0);*/
	padding: 10px;
	margin: 10px;
	text-align: center;
}

table.kk_taulu {
}

.kk_otsikko {
	background-color: rgb(230, 226, 218);
	font-weight: bold;
}


.vkonpaiva {
	font-weight: bold;
}

.varaamaton {
}

.varattu {
	background-color: rgb(231, 143, 131);
}