.thumbevent {
	box-sizing: border-box;
	position: relative;
	border: 0.1rem solid rgba(69, 92, 151, 0.6);
	border-radius: 0.5rem;
	height: 19rem;
	width: 19.9rem;
	float: left;
	margin: 0.1rem;
	margin-left: 0;
	background: rgba(0, 0, 0, 0.7);
	background-size: cover;
	text-decoration: none;
}

.thumbevent:hover {
	border: 0.1rem solid rgb(0, 204, 255);
}

.thumbevent:hover .editlabel {
	visibility: visible;
}

.maincontent:hover .editlabel {
	visibility: visible;
	/*position: relative;*/
}

.thumbevent h5 {
	background-color: rgba(0, 0, 0, 0.7);
	/*text-align: left;*/
	margin-right: auto;
	margin-top: 0;
	padding-left: 0.5rem;
	width: fit-content;
	font-weight: bold;
}

.thumbevent h6 {
	margin:0.5rem;
	background-color: rgba(0, 0, 0, 0.7);
	margin: auto;
	width: fit-content;
	font-weight: bold;
}

.thumbevent a {
	text-decoration: none;
}

.thumbevent img {
	max-width: 19.4rem;
	max-height: 12rem;
}

.thumbweekevent {
	border: 0.3rem solid red;
	width: 20rem;
}
.thumbweekevent:hover {
    border: 0.3rem solid rgb(0, 204, 255);
}

.bigweekevent {
	border: 0.3rem solid red;
}
.eventContainer {
	max-width: 100%;
	max-height: auto;
	overflow: auto;
}

p.eventtime {
	background-color: rgb(0, 0, 0, 0.5);
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	width: fit-content;
}
.arrownavi {
	position: relative;
	top: 8rem;
	z-index: 100;
}

.arrownavileft {
	left: 0;
}

.arrownaviright {
	right: 0rem;
	left:92%;
	/*margin-right:0;*/
}

.eventctrl_menu {
	margin-left: auto;
	margin-top: 1rem;
	margin-right: auto;
	margin-bottom: 1rem;
}

.eventctrl_menu fieldset {
	margin: 1rem;
}

/** Carousel **/
#carousel {
	position: relative;
	overflow: hidden;
	transition: all 0.2s ease-in;
	/*height: 19.2rem;*/
	width: 163.2rem;
}

#carouselContainer {
	float: left;
	overflow: auto;
	width: 100%;
	height: 19.5rem;
	margin-bottom: 0.4rem;
}

a.carouselbutton {
	position: absolute;
	/*bottom: 4rem;
	right: 1rem;*/
	top: -0.5rem;
	left: 0;
	background-color: black;
	border: 0.1rem solid rgba( 69,92, 151, 0.3);
	border-radius: 0.3rem;
	margin: 0.5rem;
	padding: 0.2rem 1rem;
	color: white;
	text-decoration: none;
}
.carouselbutton:hover {
	/*border: 0.1rem solid rgba(69,92,151,1);*/
	border: 0.1rem solid rgb(0, 204, 255);
}

.editlabel {
	position: absolute;
	visibility: hidden;
	top: 3rem;
	right: 1rem;
	/*color: red;*/
	background-color: black;
	/*border: 0.1rem solid black;*/
	border-radius: 0.3rem;
	padding: 0.2rem;
}
.editlabel:hover {
	border: 0.1rem solid rgb(0, 204, 255);
}
.eventlabel {
	font-size: 1.5rem;
	margin: 0 0 0.5rem;
	color: #2ef3f3;
	float: left;
}

.eventheader  {
	text-decoration: none;
	font-weight: normal;
}

.bigevent {
	box-shadow: inset 0px 0px 2rem 2rem rgba(0, 0, 0, 0.4);
}
.bigevent img {
	max-width: 100%;
}



/* Old events */

#oldeventcontainer {
	min-width: 12rem;
}


#arrowcontainer {
	width: 100rem;
	height: 0;
	position: absolute;
}
::-webkit-scrollbar {
	width: 0.5rem;
	height: 0.5rem;
}
  
  /* Track */
::-webkit-scrollbar-track {
	background:rgba(0, 0, 0, 0.85);
}
   
  /* Handle */
::-webkit-scrollbar-thumb {
	background: #888; 
}
  
  /* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555; 
}

@keyframes navianim1 {
	0% {transform: translateX(0%); }
	100% {transform: translateX(-20rem); }
}

.event-audio-files {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	border:0.1rem solid rgba(69, 92, 151, 0.6);
	border-radius: 0.3rem;
	padding: 1rem;
}