* {
    padding: 0;
    margin: 0;
	font: 0;
	
} 
body {	

background:url(../images/tausta2.jpg);
font-family: Verdana, sans-serif;
font-size: 12px;
color: #454545;
line-height: 24px;
}


table{
	width:750px;
	vertical-align:top;
	}



#lomake {
width: 800px;

margin: 0 auto;


}


#header {

background-repeat:0px;
height:230px;
}

#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -3px;
padding: 40px 0 0 0px;

}


#header h1 a {
text-decoration: none;

color: black;
}
#header h1 a:hover {
text-decoration: none;

}
#header h2 {
color: #303030;
font-size: 17px;
font-weight: 100;
letter-spacing: 3px;
padding: 0 0 0 1px;
}

#logo{
	text-align:center;
	border:0px;
	width:800px;
	height:244px;
	background:url(../images/logo3.jpg) no-repeat;
	 
}
.kuva
{
	float:right;
	margin-right:10px;
	
	
	}

.vasen {
	TEXT-ALIGN: left; 
	
	PADDING-BOTTOM: 10px; 
	
	width:780px; 
	padding-left:20px;
	PADDING-TOP: 10px
	
}
.vasen  h2 {
color: #53221e;
font-size: 24px;
font-weight: 100;
padding-bottom:20px;

}
#sisalto {

	padding-left: 0px;
	PADDING-TOP: 40px;
	width:798px;
	background-color:white;
	padding-bottom:50px;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
}
#vasenlista{
	width:300px;

	margin-left:30px;

	float:left;
	}
#oikealista{
	width:300px;
	float:right;
	margin-right:60px;

	
	}
.seloste{
	border-bottom:thin solid #CCC;
	}
.nimi {
	vertical-align:top;
	
	}

.oikea {
margin-top: 10px;
float: right;
width: 160px;
padding: 10px;
}
.oikea h2 {
font-size: 12px;
color: white;
padding: 5px 0 2px 0;
}
.oikea ul {
list-style-type: none;
padding: 5px 0 10px 0;
}
.oikea ul li {
}
.oikea ul li a {
display: block;
border-bottom: 1px solid #999;
color: white;
padding: 2px 10px;
}
.oikea ul li a:hover {
color: black;
background-color:white;
text-decoration: none;
}

#footer {
font-size: 11px;
color: #999;
text-align: center;
/*padding: 5px 0 10px 0;*/
padding-top: 20px;
/*border-top: 10px solid #53221E;*/
border-top: 10px solid #53221E;

width:800px;

text-align:center;
}
#footer a { 
color: #999;
}
#footer a:hover {
color: #333; 
text-decoration: underline; 
}

/* Alasvetovalikot navigaatiossa*/
#cssm1 *  { 

color:#fff;
padding:0; 
margin: 0;
font-family:verdana,sans-serif;
font-weight:bold;
font-size:12px;
}

#cssm1 { 
top:-20px;
float: left; 
text-align:center;
line-height: 20px; 
position:relative;
width:800px;
    height:24px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    font-size:12px;

margin:auto;
}



#cssm1 ul{
border-top:1px solid #c3ac53;
}
#cssm1 a { display: block; background: #53221e; text-decoration: none; padding: 0px 10px; border-right:1px solid #CFBB59; border-bottom:1px solid #CFBB59; }
#cssm1 a:hover { background: #CFBB59; color:#53221e; }


#cssm1 ul li, #cssm1 ul li ul li  { width: 133px; list-style-type:none;  }

#cssm1 ul li { float: left; width: 133px;  }

#cssm1 ul li ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul { 
	display:none;
	list-style-type:none; 
	width: 133px;
	
	}

#cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul { 
	display:block; 
	}

#cssm1:hover ul li:hover ul li:hover ul { 
	position: absolute;

	
	}