body
	{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	background:url(bg.gif) repeat-x #FFF;
	height:100%;
	}
html
	{
	height:100%;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	}
#kaikki
	{
        margin-left:auto;
        margin-right:auto;
	border:0px #000 solid;
	text-align:center;
	}
#kaikkiouter
	{
	text-align:center;
	width:100%;	
	}

#ylinouter
	{
	width:100%;
	background:#fff;
	float:left;
	}

#ylin
	{
	background:#FFF;
	}	
#ylaouter
	{
	background:#338dc9;
	width:100%;
	float:left;
	}

#yla
	{
	min-height:150px;
	clear:both;
	text-align:left;
	padding-left:0px;
	padding-top:0px;

	background:url(pallopohja.jpg) #29aae3;
	background-size:100% auto;


	}

#ylavalikkoouter
	{
	background:#338dc9;

	background:#0071bd;
	width:100%;
	float:left;
	}

#ylavalikko
	{
	background:#0071bd;
	clear:both;
	text-align:left;
	padding-left:0px;
	padding-top:0px;
	}

#keski
	{
background:url(keskibg.gif) repeat-y #fff;
	float:left;
	text-align:left;
	padding-left:0px;
	}


#valikko
	{
	text-align:left;
	float:left;
	padding-left:0px;
	}


#sisalto
	{
	margin-top:20pX;
	text-align:left;
	float:left;
	}

#alaouter
	{
	width:100%;
	}
#ala
	{
	background:url(pallopohja.jpg) #29aae3;
	clear:both;
	float:left;
	min-height:20px;
	}
.layoutdiv
	{
	}
.container
	{
	padding:0;
	min-height:100%;
	-webkit-box-shadow: 0px 0px 100px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 100px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 100px 0px rgba(50, 50, 50, 0.75);
	}