/* CSS Document */

/* style */




body {
background-color: rgb(233,233,233);
background: url(pix/taustaa.png) repeat;
/* rgb(233,233,243); 
219,225,234*/
margin:0;
padding:0;

}

.box2 {
padding:10px;
margin-top: 10px;
margin-bottom:10px;
border: 1px dashed rgb(0,64,128);
background-color: rgb(233,233,243);
}

.box2 #punanen {
color: #FF0000;
}

.link {
color: #0066FF; 
text-decoration:none;
}

.link:hover {
text-decoration:underline;
}

.red {
color: #FF0000;
}

.box {


margin-top:10px;
margin-bottom:10px;


}

.box #otsikko {
/* 192,198,218 */
background-color: rgb(0,64,128);
color: #FFFFFF;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:2px;


}

.box #teksti {
padding:10px;
border-left: 1px solid rgb(0,64,128);
border-right: 1px solid rgb(0,64,128);
border-bottom: 1px solid rgb(0,64,128);
background-color: rgb(219,219,229);
}

.td_1 {
background-color: #DFE2EC;
padding-top:3px;
padding-bottom:3px;

}

.td_2 {
background-color: #D3D7EB;
padding-top:3px;
padding-bottom:3px;

}

.background {

width:802px;
margin-right: auto;
margin-left: auto;

padding-left: 30px;
padding-right: 30px;
background: url(pix/ooo.png) repeat-y center;

}

.kaikki {

border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;

}

.pelaamaan {
background: url(pix/aukko.png) left no-repeat;
}
.pelaamaan:hover {
background: url(pix/kivi1.gif) left no-repeat;
color:#CC6600;
}

#user_row {
float:right; 
margin-top:3px;
margin-right: 10px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

#user_row a {
text-decoration: none;
color: rgb(0,64,128);
}

.logo {
position:absolute;
margin-left:15px;
top:7px; 
font-size: 30px; 
color:#000033; 
font-family:Courier, monospace; 
background-color:rgb(233,233,243);
}

.user_drop {

margin-top:5px;
padding:10px;
border-right: 1px solid rgb(0,64,128);
border-bottom: 1px solid rgb(0,64,128);
border-left: 1px solid rgb(0,64,128);

text-align: left; 
position: absolute; 
visibility:hidden; 

background-color: rgb(233,233,243);

}


#header {

width: auto;

 background: url(pix/header.gif) repeat-x #C0C6DA;
 height: 80px;


}
#menu {



	width: auto;
	
	clear:both;
	border-top:1px solid rgb(0,64,128);
	border-bottom:1px solid rgb(0,64,128);
	background-color: transparent;
}

#menu_inner {
/* rgb(0,64,128) */
	width: auto;
	text-align:center;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color: rgb(0,64,128);

	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 2px;
padding-bottom: 2px;
}


	#menu_inner a {
	color: #FFFFFF;
	text-decoration:none;
	padding-left:10px;
	padding-right: 10px;
	}
	
	#menu_inner a:hover {
	color: #FFFFFF;
	text-decoration:none;
	}
	


		
		.leipa {
		
		min-height: 400px;
		
		
		
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin: 0;
		
		font-size: 12px;
		font-family: verdana, arial;
		font-weight: normal;
		
		color: rgb(0,0,150);
		}
		
	.leipa #title {
	color: rgb(0,64,128);
	font-size: 12px;
	font-weight: bold;
	}
		
		.leipa p {
		font-size: 12px;
		font-family: verdana, arial;
		font-weight: normal;
		width:auto;
		}
		
		
		.content {
		float:right;
		width: 540px;
		margin-top:10px;
		padding-left:10px;
		
		
		}
		
		
	
	
		
		.footer {
		color: #FFFFFF;
		padding-bottom: 5px;
		font-size: 10px;
		width: 840px;
		text-align: center;
		margin: auto;
		clear: both;
		background: url(pix/footer.png) no-repeat center;
		
		
		}
		
		
		
		.textinput {
		
		border: 1px solid rgb(0,64,128);
		background-color: rgb(233,233,243);
		width: 100px;
		
		}
		
		.button {
		
		border: 1px solid rgb(0,64,128);
		background-color: #c0c6da;
		color: rgb(0,64,128);
		
		}