@import url('https://fonts.googleapis.com/css?family=Ubuntu');
* { box-sizing: border-box; }
html {
	background: #000;
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
}
body {
	font-family: 'Ubuntu', sans-serif;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	height: 100%;
        width: 100%;
}
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.canvasbg {
	position: fixed;
	left: 0px;
	top: 0px;
}
.color1 { background: rgba(133,  55, 211, 0.6); color: #FFFFFF; } /* bg: dark purple; text: white; */
.color2 { background: rgba(174, 126, 223, 0.6); color: #FFFFFF; } /* bg: light purple; text: white; */
.color3 { background: rgba(234, 243, 245, 0.8); color: #000000; } /* bg: grey; text: black; */
.color4 { background: rgba(255, 255, 255, 0.8); color: #000000; } /* bg: white; text: black; */


#pagespacer {
	padding: 50px 100px;
	position: relative;
	z-index: 9997;
}
#strmpl-hd { display: table; }
#strmpl-lite { display: none; }
#strmpl-hd, #strmpl-lite {
	border-collapse: collapse;
	width: 100%;
}
#strmpl-hd td { position: relative; }
#strmpl-hd th { height: 50px; font-size: 20px }
#strmpl-hd tr { border-bottom: 1px solid #FFFFFF; }
#strmpl-hd tbody tr:last-child { border: none; }
.subtext { font-size: 10px; }
.termine {
	-webkit-box-shadow: 6px 6px 5px 0px rgba(153,153,153,1);
	-moz-box-shadow: 6px 6px 5px 0px rgba(153,153,153,1);
	box-shadow: 6px 6px 5px 0px rgba(153,153,153,1);
	-webkit-border-radius: 5px;
	width: calc(100% - 10px);
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	padding: 5px 10px;
	margin: 0px 5px;
	z-index: 9998;
	left: 0px;
	top: 0px;
}
.termine .text {
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.termine img {
	transform: translate(-50%, -50%);
	position: absolute;
	display: block;
	z-index: 9999;
	left: 50%;
	top: 0px;
}
.termine h3 {
	padding: 25px 0px 7px 0px;
	font-size: 16px;
	margin: 0px;
}
.termine p {
	text-align: left;
	font-size: 12px;
	padding: 4px 0px 8px 0px;
	margin: 0px;
}

@media only screen and (max-width: 1000px) {
	#pagespacer { padding: 20px 30px; }
	#strmpl-hd { display: none; }
	#strmpl-lite { display: table; }

	#strmpl-lite .flright {
		float: right;
	}

	#strmpl-lite th { height: 35px; font-size: 16px; padding: 3px 10px; border-bottom: 1px solid #FFFFFF; }
	.liteterm {
		padding: 0px;
		margin: 0px;
		width: 100%;
		font-size: 14px;
	}
	.liteterm h3 {
		padding: 0px;
		margin: 0px;
		font-size: 16px;
	}
	.liteterm .ticon {
		width: 75px;
		text-align: center;
	}
	.liteterm .ttime {
		width: 50px;
		text-align: center;
	}
}


