/*General Style */
body {
	background:#DCDCDC;
	font-size:100%;
	margin:0em;
	padding:0em;
}

.immerhin {
	font-family: Helvetica;
}

.immerhin .visually-hidden {
	position: absolute;
	position: absolute !important;
  	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

h1 {
	font-size: 1.313em;
	line-height: 1.8em;
	font-weight: 600;
	color: #2F2D2C;
	margin: 0;
	padding: 1em 1.8em 1em 1.8em;
	text-align:left;
}

h2, .mainCenter h2 {
/*	font-size:1.563em; */
	font-size:1.313em;
	line-height:1.8em;
/*	font-weight:100; */
	font-weight:600;
	color:#2F2D2C;
	margin:0em;
/*	padding:1.25em; */
	padding:0.45em;
	text-align:left;
}

h3, .mainCenter h3 {
	font-weight: 100;
	font-size: 1.44em;
	line-height: 1.25em;
	color: #2F2D2C;
	text-align: left;
	margin: 0;
	padding-top: 0.868em;
	padding-left: 0.868em;
	padding-right: 0.868em;
}

h4, .mainCenter h4 {
	font-weight: 100;
	font-size: 1em;
	font-style: italic;
	line-height: 1.25em;
	color: #2F2D2C;
	text-align: left;
	margin: 0;
	padding-left: 1.25em;
	padding-right: 1.25em;
}

p {
	line-height: 1.25em;
	font-weight: 100;
	color: #2F2D2C;
	margin: 0em;
	padding: 1.25em;
	text-align: justify;
}

.eventSection p {
	padding-top: 0;
	padding-bottom: 0;
}

.eventSection p:first-of-type {
    padding-top: 1.25em;
}

.eventSection p:last-of-type {
    padding-bottom: 1.25em;
}

.eventSection p:empty {
	height: 1.25em;
}

.immerhin b {
	font-weight: bold;
}

ul {
	margin:0px;
	padding:0px;
}

.immerhin li {
	list-style:square;
	font-weight:100;
	color:#2F2D2C;
	line-height:1.25em;  
	padding:0em; 
	margin:0.313em 0em 0.313em 0em; 
}

.immerhin .event:not(:last-child)::after {
	display: block;
	clear: both;
	content: "";
	position: relative;
	left: 0;
	bottom: 0;
	height: 1px;
	width: calc(100% - 2 * 1.25em);
	border-bottom: 2px solid #DCDCDC;
	margin: 0 auto;
}

img {
	width:90%;
	height:auto;
	max-width:100%;
}

.immerhin figure {
	margin: 0;
    width: 90%;
    max-width: 560px;
    display: inline-block;
    padding: 0;
}

.immerhin figure img {
	width: 100%;
}

.immerhin figcaption {
	text-align: left;
    font-size: 0.875em;
	font-weight: 100;
    padding: 0 0.143em;
	color: #454040;
}

.immerhin .timeInfo {
	display: block;
	color: #2F2D2C;
    font-weight: bold;
    margin: 1.25em 1.25em 0 1.25em;
	width: 6.69em;
}

.immerhin .timeInfo dt {
	display: block;
	float: right;
    text-align: left;
    margin: 0;
	padding-left: 0.25em;
	width: 3.8em;
}

.immerhin .timeInfo dd {
	display: block;
    margin: 0;
	width: 2.56em;
}

a {
	text-decoration: none;
	color: #0000EE;
	font-weight: 100;
}

/* On Top Bar */
#menubar {
	display:block;
	height:2.5em;
	background:#363636;
}

#menubar ul {
	display:block;
	width:2em;
	padding:0.9em;
}

#menubar ul li {
	display:inline;
}

#menubar ul li a.menubutton {
	display:none;
}

/* Header  */
/*header {
	display:block;
	background:#2F2C2C;
	text-align:center;
}

header ul {
	display:block;
	width:100%;
	max-width:980px;
	text-align:left;
	margin:0px auto;
}

header ul li {
	display:inline;
	font-size:0.8em;
	line-height:2.8em;
	color:#E2DBDB;
	padding:0em 0.625em 0em 0.625em;
}

header ul li a {
	color:#E2DBDB;
}*/
/* Navigation */
.mainNavigation {
	display:block;
	height:2.5em;
	background:#FFFFFF;
	text-align:center;
}

.mainNavigation ul {
	display:block;
}

.mainNavigation ul li {
	display:inline;
	margin:0em 0.188em 0em 0.188em;
}

.mainNavigation ul li a {
	color:#454040;
	font-size:1.125em;
	line-height:2.5em;
	padding:0.563em 0.938em 0.375em 0.983em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
}

.mainNavigation ul li a:hover {
	background:#DBD9D8;
	border-bottom:0.188em solid #E7590B;
}

.mainNavigation ul li a.active {
	border-bottom:0.188em solid #E7590B;
}

/* Content Area */
.main {
	display:block;
	width:96%;
	max-width:980px;
	margin:1.25em auto;
	padding:0em;
}

.mainCenter {
	display:inline-block;
	width:65.3%;
	background:#FFFFFF;
	vertical-align:top;
	margin:0em;
	padding:0em;
	text-align:center;
}

.eventSection > .youtubeWrapper:last-child,
.eventSection > .eventLinks:last-child {
	margin-bottom: 2.5em;
}

.mainCenter img {
	max-width:560px;
	box-shadow:0px 0px 10px -5px #4C4948; 
/*	border-radius:5px; */ 
}

.youtubeWrapper {
	display: block;
	padding-left: 18px;
	padding-right: 18px;
	height: 0;
	padding-bottom: 56.25%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	margin-bottom: 2px;
	max-width: 560px;
}

.youtubeWrapper iframe {
	position: absolute;
	width: calc(100% - 36px);
	height: 100%;
}

.eventLinks li {
	list-style: none;
	display: inline-block;
}

.eventLinks li + li::before {
	content: '//';
	padding: 0 0.25em;
	color: #0000EE
}

.eventLinks li a {
	color: #0000EE;
}

.main aside {
	display:inline-block;
	width:30.6%;
	margin-left:3%;
	padding:0em;
	vertical-align:top;
}

.main aside section {
	margin-bottom:1.563em;
	background:#FFFFFF;
	border-bottom: 0.188em solid #E7590B;
}

.mainCenter h2 {
	padding: 1em 1.8em 1em 1.8em;
}

.main aside section ul {
	padding: 1.182em 1.875em 1.25em 2.5em;
}

/* Footer */
.immerhin footer {
	display:block;
/*	background:#2F2C2C; */
	background:#363636;
	text-align:center;
}

.immerhin footer ul {
	display:block;
	width:100%;
	max-width:980px;
	text-align:left;
	margin:0px auto;
}

.immerhin footer ul li {
	display:inline;
	font-size:0.8em;
	line-height:2.8em;
	color:#E2DBDB;
	padding:0em 0.625em 0em 0.625em;
}

.immerhin footer ul li a {
	color:#E2DBDB;
}

/* Mobile Style */
@media screen and (max-width:800px) {
	body {
		font-size:90%;
	}
}

@media screen and (max-width:600px) {
	.main aside, .mainCenter {
		width:100%;
		display:block;
		margin:0.625em 0em 0.625em 0em;
	}
}

@media screen and (min-width:550px) {
	nav.mainNavigation {
		display:block !important;
	}
}

@media screen and (max-width:550px) {
	body {
		font-size:86%;
	}
	#menubar ul li a.menubutton {
		display:block;
	}
	.mainNavigation {
		display:none;
		height:auto;
	}
	.mainNavigation ul li {
		display:block;
		margin:0.3em 0em 0.3em 0em;
	}
}