* {
	font-family: Arial, Verdana, sans-serif;
}

pre {
	font-family: monospace;
}

body {
	max-width: 900px;
	margin: auto;
	border: 1px dashed white;
}

a {
	color: #8d8d8d;
}

a:hover, a:visited {
	color: #8d8d8d;
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.keypadbtn {
	font-size: 18pt;
	border: 1px solid black;
	border-radius: 5px;
	background-color: white;
	width: 1em;
	display: inline-block;
	text-align: center;
}

.nomargin {
	margin: 0;
}

.tuernr {
	width: 3em;
}

.displaynone {
	display: none;
}

.inputbtn {
	background-color: #9d0a6d;
	border: none;
	padding: 1em;
	color: white;
	cursor: pointer;
}

.inputbtn:disabled {
	background-color: #444444;
	cursor: not-allowed;
}

a.navlink {
	float: right;
	padding-right: 3em;
	text-decoration: none;
}

#footer {
	padding-left: 2em;
	padding-top: 1em;
	min-height: 2em;
	background-color: #d6d8da;
	border-top: 3px solid #9d0a6d;
	font-size: 8pt;
	padding-bottom: 1em;
}

table, tr, th, td {
	border-collapse: collapse;
}

table tr td {
	padding-left: 2em;
}

#timetable tr {
	height: 2em;
}

.ttclock {
	border-top: 1px solid #333333;
	vertical-align: top;
}

.ttavailable {
	background-color: #93ff93;
	border: 2px solid #1a7700;
	padding-left: 1em;
}
.ttoccupied {
	background-color: #ff6464;
	border: 2px solid #bd0000;
	padding-left: 1em;
}
.ttpending {
	background-color: #ffc457;
	border: 2px solid #a46615;
	padding-left: 1em;
}

.ttclickable {
	cursor: pointer;
}


.tblspacer td {
	border-top: 1px solid black;
}

.tbleven td {
	background-color: #ffffff;
}
.tblodd td {
	background-color: #ededed;
}

td.keycode {
	color: #f6f6f6;
}

.ukeycodefor {
	font-size: 15pt;
}
.ukeycode {
	font-weight: bold;
	font-size: 30pt;
	letter-spacing: 1em;
}

img.keypadimg {
	float: right;
	height: 120px;
	padding-right: 3em;
}

img.headerlogo {
	float: right;
}

@media screen and (max-width: 480px) {
	img.headerlogo {
		float: right;
		width: 95vw;
	}
}

img.teaserimg {
	float: right;
	padding-right: 3em;
}

img.infoimg {
	margin-right: 1em;
}

.clearboth {
	clear: both;
}

#maincontent {
	padding-left: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
	min-height: 20em;
	background-color: #f6f6f7;
	border-top: 3px solid #9d0a6d;
}

#maincontent img {
	text-align: center;
	align: center;
	margin: 0 auto;
}

h1 {
	margin: 1em;
	margin-top: 3em;
	color: #9d0a6d;
}

h2 {
	color: #9d0a6d;
}


textarea, input, select {
	margin-left: 4em;
}

textarea {
	margin-top: 1em;
}