.thumbevent {
	box-sizing: border-box;
	position: relative;
	border: 0.1rem solid rgba(69, 92, 151, 0.6);
	border-radius: 0.5rem;
	height: 19rem;
	/*min-height: 8rem;*/
	/*min-width: 20rem;*/
	width: 19.9rem;
	float: left;
	margin: 0.1rem;
	margin-left: 0;
	padding: 0.1rem;
	background: rgba(0, 0, 0, 0.7);
	/*-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
	text-decoration: none;
	box-shadow: inset 0px 0px 2rem 3rem rgba(0,0,0,0.52);
}

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

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

.thumbevent h6 {
	margin:0.5rem;
}

.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;
}

.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;
}

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);
}

.editlabel {
	position: absolute;
	visibility: hidden;
	top: 4rem;
	right: 1rem;
	color: red;
	background-color: black;
	border: 0.1rem solid black;
	border-radius: 0.3rem;
}

.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%;
}
/*.navianim {
	animation-duration: 1.0s;
	animation: navianim1 9s infinite alternate;
}*/

/*
.navianim:hover {
	animation-play-state: paused;
}
*/

#carousel {
	position: relative;
	/*height: 26rem;*/
	overflow: hidden;
	transition: all 0.2s ease-in;
	/*animation: navianim1 30s infinite alternate;*/
	/*transform: perspective(130px);
	-webkit-transform: perspective(130px);
	perspective-origin: 50px;
	perspective-origin: center;*/
}

#carouselContainer {
	float: left;
	overflow: auto;
	/*box-shadow: inset 0px 0px 2rem 3rem rgba(0,0,0,0.52);*/
	/*min-width: 30rem;*/
	width: 100%;
	/*margin-top: 0.4rem;*/
	margin-bottom: 0.4rem;
}
/**
Same width with main content
**/
#arrowcontainer {
	width: 100rem;
	height: 0;
	position: absolute;
}

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

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