body   { background-color: #FFFFFF; margin: 0; border-width: 0;}

H1  {
	margin-top: 0px;
	padding-top: 2px; 
	padding-left: 0px;
	padding-bottom: 0px;
	color: #000066; 
	font-size: 1.2em; 
	font-family:  Arial,  SunSans-Regular, sans-serif; 
	font-weight: bold; 
	line-height: 11pt;
	}


H2  {
	margin-top: 0px;
	padding-top: 0px; 
	padding-left: 0px;
	padding-bottom: 0px;
	color:  #000066;
	font-size: 1em; 
	font-family: arial, SunSans-Regular, sans-serif; 
	font-weight: bold;
	line-height: 9pt;
	}
H3 {
	margin-top: 0px;
	margin-bottom: 0px; /* käyttäytyy erilailla kuin H2, ei ole alamarginaalia */
	padding-top: 0px; 
	padding-left: 0px;
	padding-bottom: 0px;
	color: #006666; font-size: 10pt; 
	font-family: arial, tahoma SunSans-Regular, sans-serif; 
	line-height: 9pt;
	}

p, td {
	margin-top: 0px;
	padding-top: 0px; 
	padding-left: 3px; 
	padding-bottom: 0px;
	color: #000099; 
	/*font-size: 1em;*/
	font-family:  Arial, Tahoma, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	line-height: 11pt;
	}
	
p a, p a:link, p a:active, p a:visited {text-decoration: none; font-weight: normal; color: blue;  }
p a:hover {text-decoration: underline; font-weight:normal; color: blue; }

.p2  {
	margin-top: 0px;
	padding-top: 0px; 
	padding-left: 6px; 
	padding-bottom: 0px;
	color: #003399; 
	font-size: 1.1em;
	font-family:  Tahoma, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	line-height: 11pt;
	}

.p3  {
	margin-top: 0px;
	padding-top: 0px; 
	padding-left: 3px; 
	padding-bottom: 0px;
	color: #000099; 
	font-size: 0.9em;
	font-family:  Arial, Tahoma, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	line-height: 10pt;
	}
		
/* Listatyylit pitää tehdä myös */
#kuva {border: 0px solid; margin: 0; padding: 0;}
.kuva {border: 0px solid; margin: 0; padding: 0;}

/* Renderöitävää varaustilannetta varten */

.render_table {
	margin-left: 10px;	
	border-collapse: collapse;   /* estää reunojen tuplaantumisen */
				
	} 

.render_td {	
	padding: 2px;  /* <- jos tarvitaan soluissa ekstravälystä */
	padding-right: 5px; 
	border: 1px solid #006699;
 	text-align: left;
	vertical-align: top;
	}

#container     { text-align: left; width: 780px; background-image: url('images/tausta.jpg'); background-repeat: repeat-y;}
#header { margin: 0px; padding: 0px; width: 780px; height: 198px; }
#sisalto    { width: 780px; margin: 0; padding: 0;  min-height: 200px; float: left; background-image: url('images/tausta.jpg');  }
#navicontainer    { margin: 0; padding: 0; width: 215px; max-height: 780px; float: left }
#navi     { margin: 0; width: 215px; float: left; padding-left: 30px; padding-right: 0; padding-top: 0; padding-bottom: 0;}

#text     { margin-right: 10px; margin-left: 10px; margin-top: 10px; margin-bottom: 0px; padding: 0px; width: 499px; height: auto; max-height: 100%; float: left; }
#backg-text1 {margin-right: 10px; margin-left: 10px; margin-top: 10px; margin-bottom: 0px; padding: 0px; width: 499px; height: auto; max-height: 100%; float: left;  background-image: url('images/artis.jpg'); background-repeat: no-repeat; }
#backg-text2 {margin-right: 10px; margin-left: 10px; margin-top: 10px; margin-bottom: 0px; padding: 0px; width: 499px; height: auto; max-height: 100%; float: left;  background-image: url('images/artis3.jpg'); background-repeat: no-repeat; }

#footer    {background-image: url('images/footer.jpg'); height: 128px; width: 780px; clear: both;}

.aitio, aitio a, .aitio a:link, .aitio a:active, .aitio a:hover, .aitio a:visited  {
	text-align: center;
	margin: 0;
	margin-left: 85px;
	padding: 0;
	padding-top: 78px; 
	padding-bottom: 0px; 
	color: #FFFFFF; 
	font-family: arial, tahoma; 
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;} 


.mediasprea, .mediasprea a, .mediasprea a:link, .mediasprea a:active, .mediasprea a:hover, .mediasprea a:visited {
	text-align: right;
	margin: 0;
	padding-top: 5px;
	padding-right: 20px;
	color: #006699; 
	font-family: arial, tahoma; 
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;}  
	


#menu { 
	width:185px;
	height:auto;
	z-index: 3;
	float: left;
  	} 

#menu ul{ 
  	margin: 0; 
  	padding: 0; 
  	list-style: none; 
  	width: 185px; /* Width of Menu Items */ 
	float: left;
  	} 
	
#menu ul li { 
  	position: relative; 
  	} 
	
#menu li ul { 
  	position: absolute; 
  	left: 184px; /*Set 1px less than menu width */ 
  	top: 0; 
  	display: block; 
	float: left;
  	} 
	
#menu li:hover ul { 
  	display: block; 
  	} 
	
#menu li:hover>ul { 
  	visibility:visible; 
  	} 
	
#menu ul ul { 
  	visibility:hidden; 
  	}
	
#menu ul li { 
  	float: left;
	}

#menu ul, li { 
  	margin: 0 0 0 0; 
 	} 
  
/* Styles for Menu Items */ 

#menu ul a { 
  	display: block; 
  	text-decoration: none; 
  	color: #ffffff; 
  	background: #0055AD; /* IE6 Bug */ 
  	padding: 0px; 
  	border-bottom: 0; 
	float: left;
	margin: 0;
  	} 
  
/* Hover Styles*/ 

#menu ul a:hover {  
  	background: url('images/menuitem_2.jpg') no-repeat; 
  	} 
  
/* Sub Menu Styles*/ 

#menu li a { 
  	background: url('images/menuitem_1.jpg') no-repeat; 
  	color: white; 
  	font-size: 9pt; 
  	font-family: Tahoma, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
  	font-weight: bold; 
  	text-decoration: none; 
  	text-indent: 8pt;
  
  	margin: 0; 
  	width: 185px; 
	height: 14px;
  	border-top: 0px solid white; 
  	border-bottom: 0px solid white;
	border-left: 0; 
	border-right: 0; 
  	padding-left: 0; 
  	padding-right:0; 
  	padding-top: 3px; 
  	padding-bottom:3px; 
	text-align:left;
	float: left;
  	} 
	
#menu li ul a { 
  	color: white;
  	background: url('images/hover_menuitem_1.jpg') no-repeat; 
	border-left: 0px solid white;
	text-align:left;
	float: left;
	margin: 0;
  	} 
  
/* Sub Menu Hover Styles */ 

#menu li ul a:hover { 
  	background: url('images/hover_menuitem_2.jpg') no-repeat; 
  	} 
  	
/* BEGIN order status - Added by Janimatti Ellonen, Brain Alliance Solutions, 23.8.2007 */

/* 	Note to webmaster:

	Only change the following values when a new look for teh table is required.
*/
 
.schedule_table
{
	width: 95%;
	color: #123456;
	font-size: 0.8em;
}

.schedule_table thead
{
	background: transparent;
}

.schedule_table th
{
	border: dotted #123456 1px;
	color: #123456;
}

.schedule_table #date
{
	width: 30%;
}

.schedule_table #event
{
	width: 30%;
}

.schedule_table #available
{
	width: 20%;
}

.schedule_table #reserved
{
	width: 20%;
}

.schedule_table tbody td
{
	border: dotted #123456 1px;
	vertical-align: top;
}

.schedule_table tbody a:link
{
	color: #123456;
}

.schedule_table tbody a:visited
{
	color: #123456;
}

.schedule_table tbody a:hover
{

}

.schedule_table tbody a:active
{
	
}

	/* Optional styles which can be used to further customize the look of the order status table.
	   Use them if needed.
	*/

	.schedule_table tbody td.date
	{
	}
	
	.schedule_table tbody td.event
	{
	}	
	
	.schedule_table tbody td.available
	{
	}	
	
	.schedule_table tbody td.reserved
	{
	}
	
	/* END optional styles */

/* END order status */