html { width:100%;height:100%;margin:0;padding:0; }

body {
	margin:0;
	padding:0;
}

div#container {
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	left:0px;

	width:100%;
	height:100%;

	/*background:white url('../img/bg.png') no-repeat top;
	background-size:101% 490px;
	-moz-background-size:100% 490px;*/  /*Firefox 3.6*/

}

div#ekakuva {
	margin:0;
	padding:0;
	position: absolute;
	top:0px;
	left:0px;

	width:100%;
	height:450px;

	background-image:url(../img/tree_bark.png);

	border-bottom:1px solid white;

	-webkit-box-shadow: 0px 10px 20px 3px rgba(50, 50, 50, 0.24);
-moz-box-shadow:    0px 10px 20px 3px rgba(50, 50, 50, 0.24);
box-shadow:         0px 10px 20px 3px rgba(50, 50, 50, 0.24);

	z-index: -1;
}

div#header {
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;

	width:888px;
	height:600px;
}

ul#naviul {
	margin:20px 0px 0px;
	padding:0px;
	width:888px;
	/*display:inline-block;*/
	list-style:inside;
	/*text-align:center;*/
}

ul#naviul li {
	margin:0px;
	padding:0px;
	width:140px;
	height:auto;
	display:inline-block;
	text-align:center;
	/*border:1px solid black;*/
}

li.bord {
	border-right:1px solid black !important;
}

.kuvkes {

	display:block;
	margin-left:auto;
	margin-right:auto;

}

#headkuva {
	display:block;
	margin-top:42px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;

	width:888px;
	border:0px;
}

#slider {

	display:none;
	margin-top:42px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;

	width:888px;
	border:4px solid white;

	/* VAIHTUVAN HEADER KUVAN TÄYTYY OLLA KOOLTAAN W:888PX H:400PX */
}

#nojava {
	display:block;
	margin-top:42px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;

	width:888px;
	border:0px;
}

div#navibar {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;

	width:888px;
	height:55px;
}

div#middle {

	margin-left:auto;
	margin-right:auto;

	width:888px;
	min-height:500px;
	height:auto;

}

div.para {
	margin:20px auto 40px auto;
	padding:10px;
	border:1px solid white;

	-webkit-box-shadow: 0px 1px 30px 3px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 1px 30px 3px rgba(50, 50, 50, 1);
	box-shadow:         0px 1px 30px 3px rgba(50, 50, 50, 1);

	width:98%;

	overflow:auto;
}

div#leftdiv {
	padding-right:5px;
	float:left;
	width:280px;
	/*min-height:450px;*/
	height:100%;

	/*border-right:1px solid black;*/

}

div#middlediv {
	padding-left:3px;
	padding-right:3px;
	float:left;
	width:315px;
	height:100%;

	border-left:1px solid black;
	border-right:1px solid black;
	min-height:500px;

	margin-bottom:20px;

}

div#rightdiv {
	padding:0px;
	float:right;
	width:280px;
	/*min-height:450px;*/
	height:100%;

	/*border-left:1px solid black;*/

	text-align:right;


}

div#menuleft {
	margin-right:5px;
	float:left;
	width:415px;
	/*min-height:450px;*/
	height:100%;

	/*border-right:1px solid black;*/

	text-align:center;


}

div#menumiddle {
	padding-left:3px;
	padding-right:3px;
	float:left;
	width:314px;
	height:100%;
	min-height:500px;

	text-align:center;
}

div#menuright {
	margin-left:5px;
	float:right;
	width:415px;
	/*min-height:450px;*/
	height:100%;

	/*border-left:1px solid black;*/

	text-align:center;

}

div#content {

	margin-top:2px;

	border:1px solid red;

	width:888px;
	height:300px;
}

div#kalenteri {
	width:810px;
	margin:20px auto 20px auto;
}

div#footer {
	clear:both;
	margin-top:2px;
	margin:bottom:10px;

	margin-left:auto;
	margin-right:auto;

	width:888px;
	height:75px;

	border-top:1px solid gray;
}

div#footerleft {
	padding:0px;
	float:left;
	width:295px;
	height:auto;

}

div#footermiddle {
	padding:0px;
	float:left;
	width:294px;
	height:auto;
	text-align:center;
}

div#footerright {
	padding:0px;
	float:right;
	width:295px;
	height:auto;

	text-align:right;

}

.yhteystiedot {
	margin-left:10px;
	float:left;
}

.yhtlomake {
	float:right;
	margin-top:-25px;
	margin-right:10px;
	text-align:right;
}

.yhtlomake p {
	line-height: 30px;
}

div#confirm {
	width:90%;
	border:4px solid #f2f2f3;
	background-color:white;
	text-align:center;
	font-size:18px !important;
	margin:10px auto 20px;
}

div#submenu {
	padding-top:10px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:30px;
	text-align:center;
	border-top:1px solid black;
	width:300px;
}

.menudiv {
	border:5px solid #6f8192;
	padding:7px;
	box-shadow:0px 1px 10px #666;
	background-image:url(../img/tree_bark.png);
}
