@import url("theatre.css");
#karussell {
	margin: 30px auto;
	width: 640px;
	height: 240px;
	overflow: hidden;
}

#karussell img {
	border: 2px solid white;
	-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
	-o-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);	
	box-shadow: 10px 10px 10px rgba(0,0,0,0.3);		
}

#karussel img 180Grad {
  transform: scale(1) rotate(180deg) !important;  
  -moz-transform: scale(1) rotate(180deg) !important;
  -webkit-transform: scale(1) rotate(180deg) !important;
  -ms-transform: scale(1) rotate(180deg) !important;
  -o-transform: scale(1) rotate(180deg) !important;
} 



.controls {
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8em;
	color: blue;
}

.controls span {
	cursor: pointer;
	padding: 0px 10px;
}

.news li {
	background-color: white;
	border: 3px solid silver;
	padding: 10px;
	width: 250px;
	height: 200px;
	font-size: 0.8em;
	-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);	
	box-shadow: 10px 10px 10px rgba(0,0,0,0.5);		
}

.news #karussell img {
	margin: 10px;
	border: 2px solid silver;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);	
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);		
}

.paging {
   text-align: center;
   margin-top: 2em;
}
.paging span {
    text-decoration: none;
    color: silver;
    cursor: pointer;
}
.paging span.active {
    font-size: 2em;
    color: black;
}

.paging2 span {
    font-size: 2em;
}


.thumbinfo { 
  display: none; 
}

.thumbinfo h2 {
  margin-bottom: 0.5em !important;
}
#thumbinfobox { 
  height:24em; 
  overflow:hidden; 
}

#thumbinfobox .thumbinfo { 
  display: block; 
  padding: 10px; 
}