body {
	 margin:0em;
	 padding:0em;
	 background: url(/pics/bg-body.gif) repeat-x;
	 z-index:0;
		
		
	}
	
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,input,body,select,option { margin: 0; padding: 0; }

a { color: #062f5c; text-decoration: none;}
a:hover {text-decoration: underline;}

/* kuvausteksti, joka teht�v�n� on nostaa Linnan Pallo Oy n�kyvyytt� hakukoneissa */
div#description { position:absolute;display:none;}

#container {
	background: transparent url(/pics/bg-up.gif) no-repeat;
	margin-top: 0px;
	text-align: left;
	position: relative;
	z-index:1;
	}

#page {
	position:relative;
	width:810px;
	clear:both;
	margin:0em;
	padding:0em;
}
	 
    #page p {
	font: normal normal 11px arial, sans-serif; color: #8b8884; 
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 30px;
    }

	#page_l {
		float:left;
		width:190px;
		overflow:hidden;
	}

		#logo {	
			display: block;
			height: 121px;
			width: 190px;
			background: transparent url(/pics/logo-lp.gif) no-repeat;
		}
		#logo h1 { font:normal bold 16px arial,verdana,sans-serif;margin:0.5em 0em;padding:0px; }
    #logo h1 span { display:none; }
		#nav {
		  position: relative;
		  background: #fff;
			width: 190px;
			/* mac ie fix \*/
			  width: auto;
			/* end fix */
			z-index: 100;
      }	
			
#nav ul { 
	margin:0px;
	padding:0px;
    font: normal bold 11px arial, sans-serif; 
	}
			
#nav ul li { 
	list-style-type: none; 
	background:transparent url(../pics/dots.gif) bottom left no-repeat;
	padding: 0.5em 0em 0.5em 2em;
	}
			
#nav ul li ul li {
	background-image: none;
	padding: 0.25em 0em 0.25em 0.75em;
}
			
#nav ul li a {
	padding:0.5em 0em;
	margin: 0em 0em 0em 0em;
	color: #8b8884;
	text-decoration: none;
	}	
				
#nav ul li a:hover {text-decoration: none;}
#nav ul li a.active { color:#c10900;} 				
.oybox {
	background: #fff;
	min-height: 175px;
    height:auto;
    _height:175px;
	width: 190px;
			}
.oybox h2 {
	background: #e9e9e9;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	height: 21px;
	padding: 5px 0px 0px 25px;
	font: normal bold 12px arial,serif; 
	color: #8b8884;
	}
			
.oygraybox {
	border-top: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
	}
			
.ykbox {
	clear:both;
    background: #fff;
	margin-top: 12px;
	}
/**
	etusivun vasemmanpalsta "Asiakkaat lentokokemuksia"
**/
.headlinebox {
	border-top: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
	padding:0em;
	}
.headlinebox h2.greenbox {
	background:#e9e9e9;
	font-size:12px;
	text-transform:uppercase;
	color:#8b8884;
	margin:0em;
	padding:0.2em 0em 1em 1em;	
	}
.headlinebox h2 a  {color: #8b8884; text-decoration: none; }
.headlinebox h2 a:hover { text-decoration:underline;}
.ykbox h2 {
	background: #e9e9e9;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	height: 21px;
	padding: 5px 0px 0px 25px;
	font: normal bold 12px arial,serif; 
	color: #8b8884;
      }
.ykbox h3 {
	font: normal bold 14px arial,serif; 
	color:#C1191B;
    margin: 0.2em 1.8em;
    padding: 0em;
    }
      
.ykgraybox {
	border-top: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
}
			
.ykgraybox a { font: normal bold 12px arial,serif; color: #8b8884; }
      
#page_l img {
		padding-left: 50px;
		padding-top: 10px;
		}
			

				
#page_r {
	float:left;
	width:615px;
	overflow:hidden;
	}
	
	.lang {
	font: normal 11px arial, sans-serif;
	padding-left: 25px;
	padding-bottom: 5px;
	float:left;
	width: 150px;
   overflow:hidden;
	}
	
	.lang strong {
	font: normal bold 11px arial, sans-serif;
	color: #062f5c;
	}
	
	#page_r div.sisennys {
		padding-left:15px;
		padding-top: 68px;
	}
/**
	kuvapaikka etusivulla ja sis�lt�sivuilla
**/

#pic {	
	position:relative;
	height:201px;
	width:596px;
	overflow:hidden;
	}
			
#pic img, #pic div {
	position:absolute;
	top:0px;
	left:0px;
	height:201px;
	width:596px;
	margin:0em;
	padding:0em;
	z-index:100000;	
}
			
#pic div {
	display: block;
	height: 201px;
	width: 596px;
	background: transparent url(/pics/frame.gif) no-repeat;
	}	
/**
	sis�lt�alue
**/			
#page_cont {
			width:600px;
			padding-top: 15px;
			}
			
			#page_cont .box {
			position: relative;
			clear: both;
			background: #fff;
			margin-top: 12px;
			margin-right: 10px;
			}
			
			
			
     
      #page_cont .graybox
			{
      			width:290px;
				height:32px;
				background:transparent url(/pics/greyBox.gif) no-repeat;
				margin:0;
				padding:0;
				
			}

	 #page_cont .graybox2
			{
      			width:290px;
				height:45px;
				background:transparent url(/pics/greyBox_iso.gif) no-repeat;
				margin:0;
				padding:0;
				
			}
			
			#page_cont .box .graybox h3 {
				padding: 0.7em 0 0 0;
				font: normal bold 12px arial, sans-serif; 
				color: #8b8884;
				height:21px;
				margin:0;
				text-indent:2.3em;
			}

			#page_cont .box .graybox2 h3 {
				margin: 0;
				padding: 8px 0 0 0;
				font: normal bold 12px arial, sans-serif; 
				color: #8b8884;
				height:45px;
				margin-left:29px;
				text-indent:0em;
			}
			
			#page_cont .box .graybox h3 a { float:left;width:280px;height:21px;color: #8b8884; text-decoration: none;}
      		#page_cont .box .graybox h3 a:hover { text-decoration:underline;}

			#page_cont .box .graybox2 h3 a { float:left;width:280px;height:45px;color: #8b8884; text-decoration: none;}
      		#page_cont .box .graybox2 h3 a:hover { text-decoration:underline;}
			
			#page_cont p {
			font: normal normal 12px arial, sans-serif; color: #8b8884; 
			padding-left: 28px;
			padding-top: 10px;
			padding-bottom: 0px;
    		}
					
			#cont_l {
				float:left;
				width:300px;
				overflow:hidden;
				}
				
			#cont_r {
				float:left;
				width:300px;
				overflow:hidden;
				}
				
			.newsbox {
			position:relative;
			width: 290px;
			background: #fff;
			padding:0px;
			margin-top: 12px;
			margin-right: 10px;
			}
			
			.newsbox h3 {
				background: #f3f3f3;
			    border: solid 2px #ffffff;
				height: 21px;
				padding: 5px 0px 0px 14px;
				font: normal bold 12px arial, sans-serif; 
				color: #8b8884;
				}
						
						.newsbox h3 a { 
						font: normal normal 11px arial, sans-serif;
						color: #8b8884;
						}
						
			.newsgraybox {
			    border: solid 1px #D4D4D4;
			    background: #f3f3f3;
				}
			.newsgraybox a.archive {
				font: normal normal 11px arial, sans-serif;
				color: #8b8884;
				position:absolute;
				right:10px;
				top:10px;
			}
						
			.newsbox p {
						font: normal normal 11px arial, sans-serif;
						}
						
			.newsbox a {
						color: #c1191b; text-decoration: none; font: normal bold 12px arial, sans-serif;
						}
			      
			.bulletinArea { border:solid 2px #fff;border-top:none;/* height:113px */ padding-bottom: 32px;}	
			#page_cont  .bulletinArea p { margin-left: 1em; padding-left: 0px;}
			#page_cont  .bulletinArea p a:hover  {  text-decoration: underline;}
			.bulletinFooter { position: absolute; bottom:0px; right: 0px;}	
			
#footer #bgbottom { 
		  display: block;
		  height: 150px;
		  width: 100%;
		  }	
				
#footer { 
		  background: url(/pics/bg-body-bottom.gif) left top repeat-x;
			z-index: 1;
		  }	

#bgbottom { 
		  background: url(/pics/bg-bottom.gif) left top no-repeat;
			z-index: 2;
		  }	

#balloon {
			position:absolute;
			z-index:100;
			top: 0px;
			left: 585px;		
			display: block;
			height: 307px;
			width: 228px;
			background: transparent url(/pics/balloon.gif) no-repeat;
			}
      
div.box div.redbox {
			position:relative;
			width: 290px;
			background: transparent url(/pics/redBox.gif) no-repeat;;
			padding:0px;
			margin-top: 12px;
			margin-right: 10px;
			}
			
div.box div.redbox h3 {
			margin:0;
			height: 21px;
			padding: 5px 0px 0.5em 14px;
			font: normal bold 12px arial, sans-serif; 
			color: #fff;
			}
			
div.box div.redbox h3 a { 
			font: normal bold 12px arial, sans-serif;
			color: #fff;
			float:left;
			width:290px;
			height:30px;
			}
			
div.box div.redborder {}
			
div.box div.redbox p {
			font: normal bold 12px arial, sans-serif;
			color: #fff;
			padding-left: 15px;
			}
#page_cont .box .blueBoxMain {
	width:290px;
	height:30px;
	background:transparent url(/pics/blueBoxMain.gif) no-repeat;
}
	.blueBoxMain h2 { font: normal bold 12px arial, sans-serif;padding-top:0.7em; }
	.blueBoxMain a { float:left;width:290px;height:30px; color:#fff;text-indent:2em; }

.blueBox {
	width:290px;
	height:30px;
	background:transparent url(/pics/blueBox.gif) no-repeat;
	margin-top:0.8em;
	}
	.blueBox h3 { font: normal bold 12px arial, sans-serif;padding-top:0.7em;}
	.blueBox a { float:left;width:290px;height:30px; color:#fff;text-indent:1.3em;}
       
div.clear {clear:both; }