html{
	background:#fafafa;
	user-select: none;
	margin:0;
	padding:0;
	height:100%;
}
body{
	position:relative;
	font-family: 'Roboto','Helvetica', 'Arial',sans-serif;
	min-height:100%;
	max-width:800px;
	background-color:white; 
	margin:0 auto;
	padding:0;
}
.header{
    background:darkseagreen;
    color:white;
	padding:0.5em 0.5em 0.5em 1.5em;
}
.main{
	padding:0.5em;
}
.header h1{
	font-size:1.3em;
	font-weight:normal;
	text-align:left;
	margin:0;
}
.header h1.sup{
	font-size:0.9em;
}
h2{
    font-weight:bold;
	text-align:left;
    font-size:1em;
    margin:0.5em 0.1em;
    color:#555555;
}
h3{
	text-align:left;
	font-weight:normal;
    font-size:1em;
    margin:0.5em;
    color:#999;
}

p{
	font-size:1em;
	margin:0.5em 0.1em;
	color:#666666;
}
a{
	color:#24a0ed;
	text-decoration:none;
}
a.block{
	display:block;
	margin:1em;
}
.button{
    display:block;
    width:10em;
    margin:0.5em;
    border-radius:5px;
	text-align:center;
    padding:5px;
    text-decoration:none;
    cursor:pointer;
    user-select:none;
    color:#24a0ed;
    border:1px solid #24a0ed;
   
}
.button.primary{
    background:#24a0ed;
    color:white;
}
.thumb{
	height:5.5em;
	border-radius:0.5em;
	margin:0.5em 0.5em 0em 0.5em;
	float:left;
}
.list{
	margin-left:0.5em;
	border-left:1px solid #999;
}
.list-item{
	display:block;
	color:#24a0ed;
	text-decoration:none;
	margin:0.5em;
}
.scrollList{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:1.4em;
	font-style:italic;
	color:darkseagreen;
	height:3em;
	display: flex;
	justify-content: center; 
	align-items: center;
	border-bottom:1px solid darkseagreen;
}
.scrollList div{
	padding:0.5em;
}
.timetableContainer{
	overflow-x:auto;
}
.timetable{
	border-collapse: collapse;
	margin:0 auto;
}
.timetable th, .timetable td{
	border: 2px solid black;
	padding:0.5em;
	text-align:center;
}
.timetable td{
	background:seagreen;
	color:white;
}
.timetable td.booked{
	background:crimson;
	color:white;
}