* { /* nollaa kaikki marginaalit ja paddingit */
  margin: 0; 
  padding: 0;
} 

body#yleis
{
	 background-color: white;
	 background-image: url('http://www.pianonvirittajat.fi/images/taustaharmaa.gif');
	 background-repeat: repeat-x;
     background-attachment: scroll; 				   /* määrittelee sen, rullautuuko taustakuva sivun mukana vai ei */
	 background-position: 0px 0px;
	 overflow-x: hidden;
	 overflow-y: scroll;
}


.formContent.blue { background-color: #d7f0fc; }



.module { margin-bottom: 5px }
.module .top    { background: url(http://www.pianonvirittajat.fi/images/module_top.gif) no-repeat; padding: 8px 0 6px 10px;}
.module .main   { background: url(http://www.pianonvirittajat.fi/images/module_main.gif) repeat-y; padding: 10px 0 0 18px; }
.module .bottom { background: url(http://www.pianonvirittajat.fi/images/module_bottom.gif) no-repeat; padding: 0 0 0 0; }

.module_blank1 { background: url(http://www.pianonvirittajat.fi/images/module_blank1.gif) no-repeat; padding: 12px 0 16px 12px; }
.module_blank2 { background: url(http://www.pianonvirittajat.fi/images/module_blank2.gif) no-repeat; padding: 12px 0 16px 12px; }

/*                                                                                          { padding: 10px   10px   10px   10px }         */
/*                                                                                                      top, right, bottom, left           */


DIV#ylatyhja
{
	position: relative;
	width: 760px;
	height: 15;
}

DIV#ylaosa
{
	position: relative;
	background-color: white;
	width: 760px;
	height: 135;
	border-width: 1px;
	border-color: #030D6B;
	border-style: solid;
	margin: 0;
	padding: 0;
}

DIV#valikko
{
	position: relative;
	text-align: right;
	background-color: #030D6B;
	width: 760px;
	border-width: 0px;
	border-color: #030D6B;
	border-style: solid;
}

DIV#sisalto
{
  	position: relative;
	background-color: white;
	background-image: url('http://www.pianonvirittajat.fi/images/taustamod.gif');
	background-repeat: no-repeat;
	width: 760px;
/*	height: 415;   */
	border-width: 1px;
	border-color: #030D6B;
	border-style: solid;
	text-align: left;
	text-valign: top;
	overflow: auto;
	color: #030D6B;
	font-family: "tahoma", "times new roman", sans-serif;
	font-size: 10px;
}

DIV#jasenet
{
	position: absolute;
	background-color: white;
	background-image: url('http://www.pianonvirittajat.fi/images/taustamod.gif');
	background-repeat: no-repeat;
	top: 174px;
	left: 472px;
	width: 412px;		   /* tarvitaan! */
	height: 610;
	text-align: left;
	overflow: auto;
	color: #030D6B;
	font-family: "tahoma", "times new roman", sans-serif;
	font-size: 10px;
}

DIV#jasenetuusimaa
{
	position: absolute;
	background-color: white;
	background-image: url('http://www.pianonvirittajat.fi/images/taustamod.gif');
	background-repeat: no-repeat;
	top: 174px;
	left: 472px;
	width: 412px;		   /* tarvitaan! */
	height: 1610;
	text-align: left;
	overflow: auto;
	color: #030D6B;
	font-family: "tahoma", "times new roman", sans-serif;
	font-size: 10px;
}

DIV#kartta
{
	position: relative;
	background-color: white;
	background-image: url('http://www.pianonvirittajat.fi/images/taustamod.gif');
	background-repeat: no-repeat;
	width: 760px;
	height: 610;
	border-width: 1px;
	border-color: #030D6B;
	border-style: solid;
	
	overflow: auto;
	color: #030D6B;
	font-family: "tahoma", "times new roman", sans-serif;
	font-size: 10px;
}

DIV#karttauusimaa
{
	position: relative;
	background-color: white;
	background-image: url('http://www.pianonvirittajat.fi/images/taustamod.gif');
	background-repeat: no-repeat;
	width: 760px;
	height: 1610;
	border-width: 1px;
	border-color: #030D6B;
	border-style: solid;
	
	overflow: auto;
	color: #030D6B;
	font-family: "tahoma", "times new roman", sans-serif;
	font-size: 10px;
}

DIV#alatyhja
{
	position: relative;
	background-color: white;
	width: 760px;
	height: 15;
}

	a:link         {text-decoration: none;	color: #000000;}
	a.gray:link    {text-decoration: none;	color: #000000;}
	a:visited      {text-decoration: none;	color: #000000;}
	a.gray:visited {text-decoration: none;	color: #000000;}
	a:hover        {text-decoration: underline;	color: #000000; font-weight: normal;}
	a.gray:hover   {text-decoration: underline;	color: #000000;	font-weight: normal;}
	a:active       {text-decoration: underline;	color: #000000;}
	a.gray:active  {text-decoration: underline;	color: #000000;}
	
/* a:link     unvisited link  */
/* a:visited  visited link    */
/* a:hover    mouse over link */
/* a:active   selected link   */