html,body { /* Sivuston tausta */
	height:100%; /* needed for container min-height */
	background-color: #0095D1; /* Sivuston taustaväri */
	text-align: center;
}

div#container { /* Sisältöalue */
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:780px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header { /* Header */
 	width: 780px;
 	float: left;
 	height: 155px;
	background: white url(../images/header_bg4.jpg) no-repeat 0 top;
}

div#leftcolumn {
 margin: 0px 0 30px 10px;
 width: 500px;
 float: left;
}

div#rightcolumn { 
 float: right;
 margin: 0px 10px 30px 0px;
 width: 250px;
 display: inline;
}

div#content {
 	margin: 0px 0 0;
 	width: 780px;
 	float: left;
	background-color: white;
}

div#footer { 
 	width: 780px;
 	height: 50px;
 	clear: both;
 	background: white url(../images/footer_bg2.gif);
 	text-align: left;
}

.div_footer_text { 
 	width: 780px;
 	height: 20px;
 	clear: both;
 	text-align: center;
	background-color: white;
	letter-spacing: 0.05em;
}

.div_tapahtumaotsikko {
	float: left;
	width: 780px;
	height: 100px;
	text-align: left;
}

.div_tapahtumannimi {
	float: left;
	width: 780px;
	height: 80px;
	margin-top: 36px;
	text-align: left;
}

.div_links {
	float: left;
	width: 780px;
	height: 24px;
	margin-top: 0px;
	background-color: #46B2DE;
}

.div_yleista { /* yleislaatikko */
	float: left;
	width: 680px;
	margin-top: 10px;
	margin-left: 29px;
	margin-right: 29px;
	background-color: #ffffff;
	text-align: left;
	padding: 10px 20px;
}

.div_vasentietolaatikko {
	float: left;
	width: 460px;
	text-align: left;
	padding: 20px;
}

.div_oikeainfo {
	float: left;
	width: 200px;
	text-align: left;
	padding: 15px;
	background-color: white;
	margin-top: 20px;
	border: 1px solid gray;
}

.div_ryhmavaraus {
	float: left;
	width: 200px;
	text-align: left;
	padding: 15px;
	margin-top: 20px;
	border: 1px solid gray;
}

.texttitle {
	color: #333333;
	font: 18px "trebuchet MS", sans-serif;
}

.text {
	color: #666666;
	font: 12px/1.4em "trebuchet MS", sans-serif;
}

.textinfo {
	color: #666666;
	font: 11px/1.4em "trebuchet MS", sans-serif;
}

.infotitle {
	color: #333333;
	font: 16px "trebuchet MS", sans-serif;
}

.programtitle {
	color: white;
	font: 22px/normal "trebuchet MS", sans-serif;
	padding-left: 30px;
	padding-top: 5px;
}

.programdate {
	color: #444;
	font: 16px/normal "trebuchet MS", sans-serif;
}

.programtime {
	color: black;
	font: 12px/1.6em "trebuchet MS", sans-serif;
	width: 100px;
}

.programtext {
	color: black;
	font: 12px/1.6em "trebuchet MS", sans-serif;
	width: 300px;
}

.programtime_grey {
    color: black;
    font: 12px/1.6em "trebuchet MS", sans-serif;
    width: 100px;
    background-color: #F3F3F3;
}

.programtext_grey {
    color: black;
    font: 12px/1.6em "trebuchet MS", sans-serif;
    width: 300px;
    background-color: #F3F3F3;
}

.programtext a:link, .alphabetlink a:visited {
    color: black;
    font: 12px/1.6em "trebuchet MS", sans-serif;
    width: 300px;
    text-decoration: underline;
}

.programtext a:hover, .alphabetlink a:active {
    color: black;
    font: 12px/1.6em "trebuchet MS", sans-serif;
    width: 300px;
    text-decoration: none;
}

.formfield {
	padding-right: 10px;
	padding-top: 4px;
	color: #666666;
	font: 13px/1.4em "trebuchet MS", sans-serif;
}


.messutmenu ul{
font: 11px "trebuchet MS", sans-serif;
padding-left: 0;
margin-left: 10px;
margin-top: 3px;
height: 20px;
}

.messutmenu ul li{
list-style: none;
display: inline;
}

.messutmenu ul li a{
text-decoration: none;
float: left;
color: white;
background-color: #46B2DE;
	padding: 2px 2.1em;
	font-weight: bold;
}

.messutmenu ul li a:hover{
background-color: #0095D1;
	color: white;
}

html>body .messutmenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

.alphabet_bar {
	height: 20px;
	width: 100%;
	font-family: "trebuchet MS", sans-serif;
	font-size: 10px;
	padding: 10px 0px 0px;
	margin: 0px;
	white-space: nowrap;
	line-height: 20px;
}

.alphabet_pipe {
	color: #b3b3b3;
	font: 11px/1.4em "trebuchet MS", sans-serif;
}

.alphabetlink a:link, .alphabetlink a:visited {
	color: #0095d1;
	font: 11px/normal "trebuchet MS", sans-serif;
}

.alphabetlink a:hover, .alphabetlink a:active {
	color: #333333;
	font: 11px/normal "trebuchet MS", sans-serif;
}

.alphabet_get {
	color: #0095d1;
	font: 14px/normal "trebuchet MS", sans-serif;
	padding-right: 5px;
}