html,body{	position: relative; margin:0;padding:0}
body{background-image:url('http://kanavapaketit.net/kuvia/BAKKAROUNDI.jpg');font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{padding:5px; text-decoration:none; color:BLUE; text-decoration: underline;}

a:hover {color:red; } 

div#header{background:#fff; border-style:solid; border-color:black;
border-width: 1px;

 width:850px; text-align: center;

 }




div#header h1 a{ color:black;font-variant: small-caps; font-size:75px;height:95px;line-height:95px;}
div#container{text-align:left;background-color:#fff;}
div#content p{line-height:1.4}
div#navigation{background:#fff;}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none;}
div#navigation li{margin-bottom:5px;}
div#extra{padding:10px 10px 10px 10px; border-top:1px solid #999;background:#CCC8B3;}
div#footer{border-top:1px solid #999;background:#696969;height:20px;}
div#footer p{margin:0;padding:5px 10px}


#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}


div#oikeafooter{margin-top:15px;border-top:0px solid #999;background:#fff;height:35px;}
div#oikeafooter p{text-align:center;margin:0;padding:5px 10px}


div#container{width:850px;margin:0 auto;}



div#content{padding-left: 10px; padding-right: 10px; padding-top: 10px;border:1px solid #000;float:left; width:830px;background-color:#fff;}
div#navigation{padding-top: 0px; padding-bottom: 8px; border:1px solid #000; width:850px;margin: 8px 0px 15px 0px ;}
div#extra{color:#c4c4c4;font-size:19px;background-color:#fff;clear:both;width:850px}

div#extratop{padding:00px 10px 10px 10px; border-top:0px solid #999;background:#CCC8B3;}

div#extratop{color:#c4c4c4;font-size:19px;background-color:#fff;clear:both;width:730px}






#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}




h2 a{ color:#ff0000;font-variant: small-caps; font-size:35px; text-decoration: none; }
h3 a{ color:#ffba00;font-variant: small-caps; font-size:15px; text-decoration: none; }


.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}