html, body {
  margin: 0;
  padding: 0;
  color: #ffffff;
	font-family: "Trebuchet MS", "Trebuchet", "Arial", "Times New Roman";
	font-size: 12px; 
	text-align:center;
	background-color: #000000;
}

div, form, ul, li, h1, h2, h3, h4, a, p {
	padding:0;
	margin:0;
	border:0;
}

#filmlijst{ 
	margin:0px auto; 
	width:910px; 
	height:auto;
	background-color: #000000;
  color: #ffffff;
  display: nones;
  text-align:left;
}

#loading-mask{
	position:absolute;
	left:0;
	top:0;
  width:100%;
  height:100%;
  z-index:999;
  background-color:#000000;
}

#loading{
	position:relative;
	margin:0px auto;
	width:902px; 
	height:970px;
	z-index:9991;
  background-color:#000000;
}

#loading img {
    margin-bottom:5px;
}

.loading-indicator {
	position:absolute; 
	top:30%;
	left:40%;
	margin:0px auto;
  font-size:14px; 
  background-image:url('../images/ajax-loader.gif'); 
  background-repeat: no-repeat; 
  background-position: left; 
  height: 24px;
  width: 160px;
	color: #ffffff;
	text-align: right;
} 

a {
	text-decoration : none;
	color: #ffffff;
	outline: none;
}

a:link, a:visited {
	color: #ffffff;
}

a:hover, a:active {
	color: #ffffff;
	text-decoration : underline;
}


#admin{ 
	margin:0px auto; 
	width:1000px; 
	background-color: #000000;
}

.playnw {
	border:1px solid #333333;
	overflow:hidden;
}

#citylijst, #bioslijst { 
	overflow:auto;
	margin:0px auto; 
	width:900px; 
	height:600px;
	background-color: #000000;
  color: #ffffff;	
  text-align:left;
}

#citylijst h2, #bioslijst h2 {
	font-size:18px;
	margin-left:5px;
}

#logo_wrapper {
	text-align: left;
	vertical-align: middle;
	background: #000000;
	height:70px;
	padding-left:10px;
	padding-top:10px;
	border:1px solid #333333;
	margin-top:4px;
	margin-left:2px;
	margin-right:2px;
}

#detail_wrapper{
	padding-top:6px;
	margin-left:2px;
	margin-right:2px;
}

#logo_wrapper h1{
	font-size:32px;
}

#logo_wrapper h3{
	font-size:11px;
}

#navigation_wrapper{
	height:70px;
	font-size:11px;
	z-index:9;
	border:0px solid #333333;
	position:relative;
}

#filter_wrapper{
	background-color: #333333;
	background-color: #000000;
	height:34px;
	display:block;
	position:relative;
	font-size:11px;
	z-index:9;
	border:0px solid #333333;
	vertical-align:middle;
}

#footer_wrapper{
	border:1px solid #333333;
	background-color: #000000;
	height:20px;
	font-size:2px;
	margin-left:2px;
	margin-right:2px;
}


#poster_wrapper{		
	overflow:hidden;
	width:912px;
	float:left;
	height:406px;
	position: relative;
	background-color: #000000;
}

.movie{
	height:366px;
}

#event_details {
	overflow: auto;
	float: left;
	width: 470px;
	height: 360px;
	padding-left: 15px;
}

#movie_details {
	overflow: auto;
	float: right;
	width: 680px;
	height: 322px;
	padding: 4px;
	xpadding-bottom: 0px;
	border:1px solid #333333;
}

#movie_details .synopsis {
	padding:10px;
}

#movie_details .playlist {
	padding:10px;
}

.movie_menu_wrapper {
	float: right;
	width: 688px;
	background-color: #000000;	
	display:inline;
	border:1px solid #000000;
	padding-bottom:4px;
}


.trailer_border{
	border:1px solid #333333;
	height:358px;
	width:638px;
}


.trailer{ 
	overflow:hidden;
	width: 640px;
	height: 350px;
	background-color: #000000;
	background: #000000;
	border:0px solid #000000;
}


.movie h2 {
	font-size:14px;
	padding-bottom: 5px;
}

.movie h3 {
	font-size:14px;
	padding-bottom: 8px;
}

.movie h4 {
	font-size:13px;
}

.movie_poster{
	position: relative;
	overflow:hidden;
	float: left;
	padding: 4px;
	width: 200px;
	height: 352px;
	background-color: #000000;
	display:inline;
	border:1px solid #333333;
}

.movie_poster img {
	float: left;
}

.movie_menu_wrapper h4 {
	margin:3px;
	font-size:14px;
}

.movie_menu_wrapper ul {
	list-style-type: none;
}

.movie_menu_wrapper li {
	font-size:12px;
	display: inline;
	font-weight:bold;
	float:left;
	color:#ffffff;
	padding:2px;
	padding-left:5px;
	margin-right:5px;
	width:100px;
	border:1px solid #cccccc;
	background-color: #333333;	
}

.movie_menu_wrapper li a {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	display:inline;
}

.movie_menu_wrapper li a:link, .movie_menu_wrapper li ul li a:visited {
	text-decoration : none;
}

.movie_menu_wrapper li a:hover, .movie_menu_wrapper li ul li a:active {
	color: #ffffff;
	text-decoration : underline;
}


.movie_menu_wrapper li img {
	margin: 5px;
}

.movie_menu_wrapper li.inactive {
	text-decoration : none;
	font-weight:normal;
	color:#000000;
}

.agenda {
	border-collapse: collapse;
}

.agenda td, .agenda th  {
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ffffff;
}

.agenda .header {
	font-weight: bold;
}

.agenda tr {
	border-bottom: 0px solid #ffffff;
}

.agenda .bios {
	width: 200px;
	padding: 5px;
	color: #ffffff;
	font-size: 12px; 
}

.agenda .day {
	width: 45px;
	padding: 5px;
	color: #ffffff;
	font-size: 12px; 	
}

.agenda .uneven {
	background-color: #333333;
	color: #ffffff;
}

.agenda .date {
	font-size: 10px;
	display: block;
}

#posters {
	width:912px;
}

.posters_page {
	width:912px;
	height:400px;
	height:200px;
	height: 100%;	
	height:406px;
	float:left;
	background-color: #000000;
}

#left img, #right img {
	position:absolute;
	border:0;
}

img.scroll_up {
	top:20px;
}

img.scroll_down {
	bottom:20px;
}

#left img  {
	left:-20px;
}

#right img{
}

#left, #right {
	position:relative;
	height:400px;
	width: 0px;
	display: block;
	float:left;
	background-color: #000000;
}

#left {
	margin-left:-2px;
}

#right, #down {
	margin-right:-2px;
}

.menu {
	display:block;
	position:absolute;
	clear:both;
	list-style-type:none;;
	float:none;
	top:4px;
	vertical-align: middle;
}

.menu img {
	display:block;
	padding: 6px;
	border: 0;
}

#navigation.menu {
	top: 35px;
	right:4px;
}

#filter.menu {
	xmargin-left:4px;
}

.menu li {
	font-size:12px;
	font-weight:bold;
	float:left;
	color:#ffffff;
	padding:2px;
	xpadding-left:5px;
	margin-left:4px;
	margin-right:4px;
	cursor:pointer;
	width:166px;
	border:1px solid #cccccc;
	background-color: #333333;	
	vertical-align: middle;
}

li.menu_item {
	padding-left:4px;
	background: #333333  url(../images/arrow-down.gif) no-repeat top right;
	text-align:left;
}

.menu li:hover {
}

.menu li ul {
	list-style-type:none;
	padding-top:10px;
}

.menu li ul li {
	text-decoration:none;
	display:block;
	float:none;
	clear:both;
	border:0;
}

.menu li ul li a {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	display:inline;
}

.menu li ul li a:link, .menu li ul li a:visited {
	text-decoration : none;
}

.menu li ul li a:hover, .menu li ul li a:active {
	color: #ffffff;
	text-decoration : underline;
}

.menu li .divider {
	text-decoration : underline;
	font-weight:bold;
	color:#ffffff;
}

.menu li .inactive {
	text-decoration : underline;
	font-weight:normal;
	color:#000000;
}

.menu li .activated {
	text-decoration : underline;
	font-weight:normal;
	color:#ffffff;
	font-style: italic;
}

.rating_large {
	position: absolute;
	bottom: 4px;
	left: 4px;
	float: left;
	width:200px;
	display:inline;
}

.rating_large .starbar {
	height:19px;
	_display: block;
	width:200px;
	float: left;
}

.rating_large .starbar .outer {
	height:19px;
	_position:absolute;
	width:200px;
	background-color: #000000;	
}

.rating_large .starbar .inner {
	background:transparent url(../images/small_star.gif) repeat-x scroll 0 0px;
	height:19px;
	width:0;
}

.rating_large .average {
	float: right;
	display:none;	
}

.rating_small {
	position:absolute;
	bottom:3px;
	left:2px;
	width:130px;
	height:11px;
	display:inline;
}

.rating_small .starbar {
	height:11px;
	display: block;
	width:100px;
	float: left;
}

.rating_small .starbar .outer {
	background-color: #000000;
	height:11px;
	position:absolute;
	width:100px;
}

.rating_small .starbar .inner {
	background:transparent url(../images/xsmall_star.gif) repeat-x scroll 0px 0px;
	height:11px;
	width:100px;
}

.rating_small .average {
	font-size: 8px;
	float: right;
	display:none;
}

.starbar a {
	display:block;
	height:20px;
	left:0;
	position:absolute;
	top:0;
}

.starbar a:hover {
	background:transparent url(../images/stars.gif) no-repeat scroll 0 -57px;
}
.starbar a.s1 {
	width:20px;
}

.starbar a.s2 {
	width:40px;
}

.starbar a.s3 {
	width:60px;
}

.starbar a.s4 {
	width:80px;
}

.starbar a.s5 {
	width:100px;
}

.starbar a.s6 {
	width:120px;
}

.starbar a.s7 {
	width:140px;
}

.starbar a.s8 {
	width:160px;
}

.starbar a.s9 {
	width:180px;
}

.starbar a.s10 {
	width:200px;
}

.poster {
	_overflow:hidden;
	position: relative;
	float: left;
	margin: 2px;
	cursor: pointer;
	width: 124px;
	height: 198px;
	background-color: #000000;
	border:1px solid #333333;
}

.poster_menu {
	position: absolute;
	top:50px;
	left:0px;
	z-index:2;
	width:130px;
	color:#ffffff;
	cursor:pointer;
	background:#000000;
}

.poster img {
	position: absolute;	
	top:2px;
	left:2px;
	z-index:1;
}

.poster_menu ul {
	position: relative;	
	padding:4px;
	list-style-type:none;
}

.poster_menu ul li {
	display:block;
	float:none;
	clear:both;
	text-align: center;
}

div.no_poster {
	display:block;
	float:none;
	clear:both;
	text-align: center;
	padding-top:10px;
}

.poster_menu ul li a {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	display:block;
}

.poster_menu ul li a:link, .poster_menu ul li a:visited {
	text-decoration : none;
}

.poster_menu ul li a:hover, .poster_menu ul li a:active {
	text-decoration : none;
}

ul.columns {  
	clear:both;
} 

ul.columns li {  
	display: inline;         
	list-style:none; 
} 

div.column {  
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
}

div.column a {
	margin-left: 10px;  
	display: block;         
	color: #333333;
}

div.column p {
	margin-left: 10px;  
	display: block;         
	color: #333333;
}

div.column a:link, div.column a:visited {
	text-decoration : none;
}

div.column a:hover, div.column  a:active {
	color: #ffffff;
	text-decoration : underline;
}

div.column h3 {
	font-size: 14px;
	text-decoration: underline;
	margin-top: 10px;  
	margin-left: 5px;  
	display: block;         
} 


#form_container {
	width: 400px;	
	background-color:#333333;
	border: 1px #cccccc solid;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
	xfloat: left;
	margin:0px; 
}

#form_container.form_fullscreen {
	width: 880px;	
}
  
#form_container div {
	height: 30px;
}

#form_container div.float {
	height: 85px;
}

#form_container p {
	color: #ffffff;
	float: left;
	width: 160px;
}

#form_container.form_fullscreen .columns p {
	width: 130px;
}

.form_description {
	text-align: left;
}

.form_description h2 {
	text-align: center;
	font-size: 15px; 	
}

.form_description h3 {
	text-align: center;
	font-size: 13px; 
}

.form_description ul {
	margin: 15px;
	padding: 0;
}

#form_container h3 {
	background-color:#000000;
	padding: 4px;
	border: 1px #cccccc solid;
	margin-bottom: 6px;
	text-align:right;
}

#form_container .form_description p {
	float: left;
	text-align: center;
	width: 400px;
	padding-bottom: 20px;
}

#form_container p.input {
	float: right;
	width: 200px;
}

#form_container p.large {
	width: 240px;
}

#form_container p.textarea {
	width: 400px;
	float: right;
}

#form_container input {
	float: right;
	width: 200px;
	border: 1px #000000 solid;
}


#form_container textarea {
	border: 1px #000000 solid;
}

#form_container input.readonly {
	color: #333333;
	background-color: #000000;
	border: 1px solid #ffffff
}

#form_container input.noborder {
	border: 0px solid #000000
}

#form_container input.middle {
	float: left;
	width: 150px;
}

#form_container input.small {
	float: left;
	width: 10px;
	border: 0px solid #000000;
	margin-right:4px;
}

#form_container p img {
	display:block;
	padding:2px 6px;
	border: 0;
}

#form_container .button {
	margin-top: 4px;
	width: 80px;
	background-color:#ffffff;
	color: #000000;		
	border: 1px #000000 solid;
	font-weight: bold;
	cursor: pointer;
	float: right;
}

#form_container #form_status {
	text-align: right;
}

#form_container .required_field {
	font-size: 9px;
	color: #000000;
}

.focuss{
	background:#FFFFFF url(../images/bullet_green.png) no-repeat right 2px;
}

.valids {
	background:#FFFFFF url(../images/bullet_green.png) no-repeat right 2px;
}

.invalid {
	background:#FFFFFF url(../images/bullet_error.png) no-repeat right 2px;
}