/* General */
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	margin:0;
	padding:0;
	background: #401c5f url('../../layout/pagebg.gif') repeat-x;

}


h1 { font-size: 24px; font-weight: bold; }
h2 { font-size: 20px; font-weight: bold; }
h3, h4, h5, h6 { font-size: 18px; font-weight: bold; }
p { font-size: 12pt; }
td { vertical-align: top; font-size: 12pt; }
input, button, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}

.textinput { margin-bottom:1px; }
.button { padding: 2px 2px 0px 2px; }

.field {
	width: 20em;
	border: 1px solid #909090;
}

button.icon {
	background: none;
	border: 0;
}

a img { border: 0px; }
.clearer { clear: both; font-size: 1px; }
.smallprint { font-size: 10pt; }

#container {
	position: relative;
	margin: 0 auto;
	width: 900px;
	padding:0;
	text-align: left;
}

/* Header area */
#header {
	position:relative;
	width: 900px;
	height: 200px;
	text-align: left;
	vertical-align: bottom;
/*	background: #ffffff url('headerHM.gif') no-repeat; */
	background: #ffffff url('../../layout/pagehead.gif') no-repeat;

}
#contact_info {
	float:right;
	margin: 47px 10px 0px 0px;
	color:#ffffff;
}
#contact_info p {
	text-align:right;
	font-size:10pt;
}
#logo { position: relative; top: 0px; left: 0px; width: 283px; height: 100px; }
#logo h1 { margin:0;padding:0;line-height:0; }
#logo h1 a { display: block; position: absolute; top: 60px; width: 500px; height: 100px; }
#logo h1 a span { display: none; }
#navigointi { position:relative; height: 20pt; padding-left: 10px; font-size: 10pt; color: black; }
#navigointi a { color: black; }

/* Content area */
#content {
	position: relative;
	width: 900px;
	height: 100%;
	text-align: left;
	background: #ffffff;
	z-index: 10;
}

#navi {
	float: left;
	margin-left:5px;
	padding-right: 5px;
	width: 160px;
}

#navi ul {
	padding: 0;
}

#navi li {
	list-style-type: none;
}

/* Footer area */
#footer {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 100px;
	text-align: center;
	background: #ffffff;
}

#footer p {
	position: relative;
	margin: 0 auto;
	width: 830px;
	padding-top: 50px;
	font-size: 8pt;
}

#schedule {
	float:left;
	margin-left: 20px;
	width: 640px;
}

#schedule table {
	border-collapse: collapse;
}

#timetable {
	width:630px;
}

#timetable td {
	border: 1px solid #e0e0e0;
	padding: 2px;
	font-size: 10pt;
	text-align:center;
}

#timetable a {
	display:block;
	text-decoration:none;
}

#timetable a:hover {
	background-color:#ac3806;
}

.even_row {
	background-color:#f5f5f5;
}

td.reserved {
	background-color: #c0c0c0;
}

td.reserved a {
	color: #ffffff;
}

#calendar td {
	text-align: center;
}

.daycell {
/*	background-color:#ce0063; */
	background-color:#fa4b00;
}

.daycell a, .activedaycell a {
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding:1px;
}

.daycell a:hover, .activedaycell {
/*	background-color: #8e0023; */
	background-color: #ac3806;
}

.inactivedaycell {
	text-align:center;
	background-color:#cecece;
}

.emptydaycell {

}

#todaycell {
	font-weight: bold;
	background-color: #ffffff;
}

#todaycell a {
	color: #ac3806;
}

#todaycell a:hover {
	color: #ffffff;
	background-color: #ac3806;
}

#varaushaku {
	position: relative;
	width: 100%;
	height: 90px;
	margin-top: 10pt;
	padding: 5px;
	background: url('box_bg.gif') no-repeat;
}

#varaushaku p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
}

.linkki, .linkki a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #fa4b00;
}