/**** CSS-code (C) DO NOT USE WITHOUT PERMISSION. k7komi03@students.oamk.fi ****/
/**** V. 0.7 ***/

/*** tekstikenttä: r125***/ 

body 										{	color: black;	
												margin: 0px; padding: 0px; 
												height: 100%;
												font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
												font-size:12px; text-align: center; 
												
																								
												background: #d5e8f5 url(img/bgwp.jpg);
												background-repeat:repeat-x;
												background-attachment:fixed;	 																																} 
																																
/**** sisus eli wrapper ***/


#sisus 										{	position:relative; left: 0px;  margin:0 auto; 
	width: 980px; height:auto !important; height:100%; min-height:100%; 
	padding:0em 0em 0em 0em; padding-bottom: 0px;
	text-align: left;								}

/**** sivuston yläosa ***/

#ylapalkki 									{ 	position:relative; left: 0px; top: 50px;					width: 800px; height:130px; 						padding: 0px 0px 0px 0px; 
	text-align:right; 								}
												
/*** NAVI ***/


	#navi	 								{ 	float:left; position:relative; left:0px; top:140px;
												width: 420px; height:10px;														}
												
	#navi ul 								{ 	list-style-type:none;  width: 420px; height:10px;								}
	
	#navi ul li 							{ 	display:inline; float:left; position:relative; left:45px; 	}
	
	#navi ul li a		 					{ 	font-family:"Trebuchet MS", "Segoe UI", Verdana;
												position:relative; left:0px; top:0px;
												font-size:90%; font-weight:bold;
												color: white;
												text-decoration: none; text-align:left; text-transform: uppercase;
												letter-spacing:2px;	padding: 1px 8px 1px 8px;
												margin:0px 2px;	
												border:0px solid black; 														}
																																	
																																
/*** TEKSTISISÄLTÖ ***/
																																
	#textbox 								{	position: relative;	top:20px; left:40px;
												width: 860px; height:450px; 
												margin-top:45px; 
												overflow: visible;
												background: url(img/panelbg.png) no-repeat;
												
												padding: 5px;										}
		
#sarake1 {
	float:left;	position: relative; top:10px;
	width:150px;height:200px;
	padding: 20px 0px 0px 32px;
	}
								
#sarake2 {
	float:left; position: relative; top:10px;
	width:150px; height:200px;
	margin-left:20px; padding: 20px 0px 0px 20px;				} 
								
#sarake3 {
	float:left; position: relative; top:10px;
	width:150px;height:200px;
	margin-left:25px; padding: 20px 0px 0px 20px;					}		
								
#sarake4 {
	float:left; position: relative; top:10px;
	width:150px;height:200px;
	margin-left:25px; padding: 20px 0px 0px 20px;					}
									
	
/*** TEKSTIOMINAISUUDET ***/
	
	p 	{ color: black; }
	
	h1 	{ font-size: 100px; color: #063677; font-weight:bold;				}	
	h2 	{ font-size: 120%; color: #063677; border-bottom: 1px dotted gray;							}	
	h3 	{ font-size: 190%; color: #1e4262; text-transform: uppercase; font-weight:bold;	padding-top:0px;			}	
	h4 	{ font-size: 170%; color: #1e4262; text-transform: uppercase; font-weight:bold;	padding-top:0px;			}
	
	.link a:link , .link a:visited 	{ text-decoration:none; color:gray; cursor:crosshair;			}	
	.link :active,.link :hover 	{ background-color: #99FFCC; }

	a:link , a:visited, a:hover { text-decoration:none;  }