html,body
{
	margin:0;
	padding:0
}

body
{
	font: 11px Verdana, Arial, "Trebuchet MS", Sans-Serif; 
	text-align: center;
	background: url("toppis2.jpg") no-repeat fixed top; /* background: #eeeeee; url('/img/bg.php?s=line_45&bgc=757D88&foc=89929F');*/
	padding-bottom:0px
}

div.transparent  
{  
   height: 100%;
   width=100%;
   filter:alpha(opacity=90);   
   -moz-opacity: 0.9;   
   opacity: 0.9;   
   /*background: url("toppis2.jpg") no-repeat fixed top; */
} 


input.kentta
{
vertical-align: top; 
background: #ffffcc;
border: 0px;
font-size: 14px;
}

select { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
background: #ffffcc;
} 

/*.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}*/

fieldset
{
border: 1px solid #998564;
width: 20em
}

table { 
  border-spacing: 0pt;
  font: 11px Verdana, Arial, "Trebuchet MS", Sans-Serif;
  }
tr {font-size: 12px; vertical-align: top;}
tr.data {font-size: 12px; vertical-align: middle;}
td {font-size: 12px; vertical-align: top;}
td.data {font-size: 12px; vertical-align: middle;}

A:link
{
	COLOR: #222222;
	TEXT-DECORATION: none;
}

A:visited
{
	COLOR: #222222;
	TEXT-DECORATION: none;
}
A:hover
{
	COLOR: #AA0000;
	TEXT-DECORATION: none;
}

h1,h2,h3
{
	font: normal normal 20px "Trebuchet MS",Arial,sans-serif
}

h2
{
	font-size: 16px
}

h3
{
	font-size: 14px
}

/*
padding-top
padding-right
padding-bottom
padding-left
*/

div#header
{
	width:100%;
	overflow:hidden;
	/*background: #eeeeee; */
}

div#header h1, div#menu
{
	/*width: 890px; Koko roskan leveys*/
	width: 75%;
	margin:0 auto; 
	text-align:left
}

div#header h1 
{
	padding: 30px 0 10px; 
	color: #FFF
}

div#container
{
	/*float: center;*/
	/*width: 890px; Koko roskan leveys*/
	width: 75%;
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 0px;
	text-align: left;
	background: #CCB185;
}

div#hallinta
{
	/*float: center;
	width: 99%;*/
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: #E6C796;
}

div#tophallinta
{
	/*float: center;*/
	margin: 0px 3px 0px 3px; 
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #E6C796;
}

div#hallintacontent
{
	/*float: center;
	width: 99%;*/
	margin: 0px 0px 2px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: #FFDDA7;
}

/*
padding-top
padding-right
padding-bottom
padding-left
*/

div#mmenu
{
	/*width: 890px; Koko roskan leveys*/
	width: 75%;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: left;
}

div#mmenu2
{
	width: 100%;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: left;
}

div#sisalto
{
	margin: 5px 5px 5px 5px; 
	padding: 0px 0px 0px 0px;
}

div.mmenui
{
  font: 12px Verdana, Arial, "Trebuchet MS", Sans-Serif;
	width: 100px;
	margin: 0px 2px 0px 0px; 
	padding: 2px 0px 5px 0px;
	text-align: center;
	background: #E6C796;
	color: #000000;
	cursor: pointer;
}

div.mmenui2
{
  font: 12px Verdana, Arial, "Trebuchet MS", Sans-Serif;
	width: 100px;
	margin: 0px 2px 0px 0px; 
	padding: 2px 0px 5px 0px;
	text-align: center;
	background: #E6C796;
	color: #000000;
	cursor: pointer;
}

div.mmenus
{
  font: 12px Verdana, Arial, "Trebuchet MS", Sans-Serif;
	width: 100px;
	margin: 0px 2px 0px 0px; 
	padding: 2px 0px 5px 0px;
	text-align: center;
	background: #CCB185;	
	/* color: #eeeeee;*/
	font-weight: bold;
	cursor: pointer;
}

div.mmenus2
{
  font: 12px Verdana, Arial, "Trebuchet MS", Sans-Serif;
	width: 100px;
	margin: 0px 2px 0px 0px; 
	padding: 2px 0px 5px 0px;
	text-align: center;
	background: #FFDDA7;	
	/* color: #eeeeee;*/
	font-weight: bold;
	cursor: pointer;
}

div#smenu
{
  font: 12px Verdana, Arial, "Trebuchet MS", Sans-Serif;
	/*width: 890px; Koko roskan leveys*/
	width: 75%;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: left;
}

div#smenui
{
  font: 12px Verdana, Arial, "Trebuchet MS", Sans-Serif;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 5px 5px;
	text-align: left;
	background: #CCB185;
	/*color: #eeeeee;*/
}

div#smenui a
{
  font: 12px Verdana, Arial, "Trebuchet MS", Sans-Serif;
	text-decoration: none;
	/*color: #eeeeee;*/
}

div#innercontent
{
	font: 11px Verdana, Arial, "Trebuchet MS", Sans-Serif;
	width: 98%;
	margin: 0px 0px 0px 0px; 
	padding: 0px 5px 0px 5px;
	text-align: left;
}

div#content
{ 
  /*width: 890px; Koko roskan leveys*/
	width: 75%;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; /*(top, right, bottom, left)*/
	text-align: left;
}

div#content div.listbox
{ 
  width: 540px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 5px 0px 5px;
	text-align: left;
	background: #CBDBE1;
	color: #000000;
	font: 11px Verdana, Arial, "Trebuchet MS", Sans-Serif;
}

div#content div.listbox div.box1
{ 
  width: 530px;
	margin: 5px 0px 0px 0px; 
	padding: 0px 5px 0px 5px;
	text-align: left;
	background: #9AB6C0;
	color: #000000;
	font: 11px Verdana, Arial, "Trebuchet MS", Sans-Serif;
}

div#content div.listbox div.box2
{ 
  width: 530px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: #DBE2E5;
	color: #000000;
	font: 11px Verdana, Arial, "Trebuchet MS", Sans-Serif;
}

div#content div.caption
{ 
  /*width: 890px; Koko roskan leveys*/
	width: 75%;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; /*Tähän kentän koko padding: 0px 0px 50% 0px*/
	text-align: left;
	background: #CCB185;
	color: #000000;
	font-weight: bold;
	font: 11px Verdana, Arial, "Trebuchet MS", Sans-Serif;
}

div#content div.caption h2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #000000;
}

div#content h2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #007BC4;
}

div#content h2 a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #007BC4;
}

div#content h2 a:hover
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #007BC4;
	background: #D4E9F5;
}

div#footer
{
  font: 11px Verdana, Arial, "Trebuchet MS", Sans-Serif;
	clear: both;
	/*width: 890px; Koko roskan leveys*/
	width: 75%;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
  background: #998564;
  color: #FFF;
  text-align:center
}

div#footer p
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

div#footer a
{
	 COLOR: #EEEEEE;
	TEXT-DECORATION: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}