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

body {
	text-align: center;
	/* background-color: #FFF; TEEMA */
}

img {
	border: none;
}


a {
 	/* color: #01BE5A;
 	text-decoration: uderline; TEEMA */	
}

a:hover {
 	/* text-decoration: none; TEEMA */	
}

HR
{
	height:1px;
}

/************************************************************************** DIV */

#Skeleton {
	margin: 0 auto;
	width: 770px;
	text-align: left;
	/* background: url(../img/skeleton_bg.gif) repeat-y left top; TEEMA */
}


/*html>body #Skeleton {border-bottom:1px solid transparent;}*/


#HeaderBox {
	display: block;
	width: 770px;
	height: 168px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#HeaderBox {	
	display: block;
	width: 770px;
	height: 169px; 
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

#BannerMask {
	position: relative;
	top: -25px;
	left: 0px;	
	display. block;
	width: 770px;
	height: 169px;
	z-index: 20;
	margin: 0;
	padding: 0;
	
	/* background: url(../img/bannermask.gif) no-repeat left top; TEEMA */
}

#BannerBox {
	position: relative;
	width: 770px;
	height: 168px;
	display: block;	
	margin: 0;
	padding: 0;
	z-index: 1;
}

#BannerBox img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border-bottom: none;
	z-index: 10;
}


/*********************************************************** KOLMIPALSTA */

#ColPlacementOuter_kolmipalsta {
	/* vas. ja oik. palstoille varattu leveys kayttaen joko bordereita tai paddingia */
	padding: 0 235px 0 161px;
}

html>body #ColPlacementOuter_kolmipalsta {border-bottom:1px solid transparent;}



/************************************************************* LEVAPALSTA */

#ColPlacementOuter_leveapalsta {
	/* vas. ja oik. palstoille varattu leveys kayttaen joko bordereita tai paddingia */
	padding: 0 70px 0 161px;
}

html>body #ColPlacementOuter_leveapalsta {border-bottom:1px solid transparent;}









#ColPlacementInner  {
	width: 609px; /* sivun leveys miinus vasemman palstan leveys */ 
	background: transparent;
}

* html #ColPlacementInner {width: 100%;}

html>body #ColPlacementInner {border-bottom:1px solid transparent;}


/************************************************************* kOLMIPALSTA */


#MainContainerBox_kolmipalsta {
	float: left;
	width: 535px; /* kokoleveys miinus oikean palstan leveys */
	margin: 0 0 0 -161px; /* neg. vasen marginaali yhta levea kuin vasen palsta */
	padding: 0;	
}

html>body #MainContainerBox_kolmipalsta {border-bottom:1px solid transparent;}

/************************************************************* LEVEAPALTA */


#MainContainerBox_leveapalsta {
	float: left;
	width: 700px; /* kokoleveys miinus oikean palstan leveys */
	margin: 0 0 0 -161px; /* neg. vasen marginaali yhta levea kuin vasen palsta */
	padding: 0;	
}

html>body #MainContainerBox_leveapalsta {border-bottom:1px solid transparent;}


/********************************************************************** */


#LeftBox {
	position: relative;
	display: block;
	float: left;
	width: 161px;
	margin: -23px 0 0 0;
	/*margin: 0;*/
	padding: 0;
	background: transparent;
	z-index: 1000;
}

* html #LeftBox {overflow: hidden;}

html>body #LeftBox {border-bottom:1px solid transparent;}

#MenuBox {
	width: 161px;
	margin: 0;
	padding: 0;
	
	/* background: url(../img/menu_bg.gif) repeat-y left top; TEEMA */
}


#MenuBottom {
	margin: -20px 0 0 0;
	padding: 0;
	position: relative;
	width: 161px;
	height: 29px;
	display: block;
	z-index: 7;
	
	/* background: url(../img/menu_bottom.gif) no-repeat left top;TEEMA */
}

#Contact {
	padding: 0;
	margin: 15px 0 0 30px;
	display: block;
	
	/* font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #3399FF; 
	font-size: 11px;  TEEMA */

}

#Contact a {
	/* text-decoration: none; TEEMA */ 
}

.Bold {
	font-weight: bold;
}

/****************************************************************** KOLMIPALSTA */

#RightBox_kolmipalsta {
	overflow: hidden;
	position: relative;
	display: block;
	float: right;
	width: 235px;
	background: transparent;
	min-height: 400px;
}

* html #RightBox_kolmipalsta {margin-right: -235px; height: 400px;}

html>body #RightBox_kolmipalsta {border-bottom:1px solid transparent;}


/******************************************************************** LEVEAPALSTA */

#RightBox_leveapalsta {
	overflow: hidden;
	position: relative;
	display: block;
	float: right;
	width: 70px;
	background: transparent;
	min-height: 400px;
}

* html #RightBox_leveapalsta {margin-right: -70px; height: 400px;}

html>body #RightBox_leveapalsta {border-bottom:1px solid transparent;}


/***************************************************** KOLMIPALSTA */ 

#CenterBox_kolmipalsta {
	position: relative;
	float: right;
	display: block;
	width: 374px;  
	margin: 0;
	padding: 0;	
}

/************************************************************ LEVAPALSTA */

#CenterBox_leveapalsta {
	position: relative;
	float: right;
	display: block;
	width: 539px;  
	margin: 0;
	padding: 0;	
}

/************************************************************************ */

#CopyRight {
	margin: 0 auto;
	padding: 0;
	width: 770px;
	height: 55px;
	text-align: center;
	background: url(../img/footer.gif) no-repeat left top;
}

#CopyRight a {
	text-decoration: underline;
	color: #3399FF;
	font-family: Arial, Helvetica, Verdana, Sans-serif; 
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 40px 0 0 0;
}

#CopyRight a:hover {text-decoration: underline;}

#CopyRight a:hover {text-decoration: underline;}

.SpacerBox {clear: both;}


#SAContent1 {
	display: block;
	overflow: hidden;
	padding: 0 0 13px 0;
	margin: 10px 0 0 15px;
}

#SAContent2 {
	display: block;
	overflow: hidden;
	margin: 0 0 20px 15px;
	padding: 0;	
}

#SAArea1 {
	display: block;
	overflow: hidden;
	margin: 0 0 20px 15px;
	padding: 0;	
}


#SAContent3 {
	display: block;
	overflow: hidden;
	margin: 53px 0 20px 5px;
	padding: 0;
}

#SATapahtumat {
	display: block;
	overflow: hidden;
	margin: 53px 0 20px 5px;
	padding: 0;
}

.Kolmeviiskyt {
	width: 350px;
}

.Yksviisviis {
	width: 155px;
}


.Neljakasikyt {
	width: 480px;
}



/************************ TOOLBAR ****/


#ToolBar {
	display: block;
	positon: relative;
	float: left;
	width: 100%;
	height: 30px;
	overflow: hidden;
	list-style-type: none;
	padding: 10px 0 10px 15px;
	margin: 0;
	text-align: center;
}

#ToolBar li {
	display: inline;
	position: relative;
	text-align: left;
	float: left;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 15px;
}

#ToolBar li a {
	display: block;
	line-height: 25px;
	margin: 0;
	text-decoration: none;
	color: #3399FF;
	font-family: Arial;
	font-size: 11px;
}

.Print {
	background: url(../img/print.gif) no-repeat left center;
	padding: 0 0 0 15px;

}