/*@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(http://fonts.googleapis.com/css?family=Coda:800);
*/
body {
	font: normal normal 12px Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
	background-color: #000;
	margin: 0;   
	
	/*background:url(/images/achtergrond2010.jpg) repeat-x; */
	background-attachment: fixed; 
	background-color: #390226; 
	background-position: top center;
}

.poster {
  width: 170px;
  height: 250px;
  position: relative;
}

.poster img {
  width:170px;
  height:250px;
  display:none;
  position:absolute;
  top:0;
  left:0
}

a {
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
}

a:hover {
	color: #C00;
}

/* BUTTON */
a.button {
	/* Sliding right image */
	background: transparent url('/images/button-right.png') no-repeat scroll top right; 
	display: block;
	/*float: left;*/
	height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 15px;
	padding-right: 13px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */

	/* FONT PROPERTIES */
	text-decoration: none;
	color: #FFCC00;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	cursor: pointer;
}

a.button span {
	background: transparent url('/images/button-left.png') no-repeat; 
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 5px 0 5px 13px;
} 

a.button:hover span {
	text-decoration: none;
	color: #C00;
	font-size:12px;
	font-weight:bold;
}

.nav {
	font-size: 12px;
    font-weight: lighter;
	letter-spacing: 0.01px;
	color: #CCC;
	text-decoration: none;
}

a.nav:hover, .nav-over {
	color: #FFF;
	text-decoration: none;
}

.subnav {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}

a.subnav:hover, .subnav-over {
	font-size: 12px;
	color: #C00;
	text-decoration: none;
}

a.childnav, .childnav {
	font-size: 10px;
	color: #CCC;
	text-decoration: none;
}

a.childnav:hover, .childnav-over {
	font-size: 10px;
	color: #C00;
	text-decoration: none;
}

a.kruimelpad, .kruimelpad {
	font: normal bold 9px;
	color: #CCC;
	text-decoration: none;
}

a.kruimelpad:hover, .kruimelpad-over {
	font: normal bold 9px;
	color: #FFF;
	text-decoration: none;
}

.copyright {
	font: normal normal 11px;
	color: #FFF;
	text-decoration: none;
}

a.copyright:hover {
	font: normal normal 11px;
	color: #000;
	text-decoration: none;
}

table, div{
	font: normal normal 12px;
	color: #CCC;
	text-decoration: none;
}

.text{
	font: normal normal 12px;
	color: #CCC;
	text-decoration: none;
}

.text2 {
	font-size: 10px;
	color: #333;
	text-decoration: none;
}

.titelkolom {
	font: normal bold 14px;
	color: #fff;
	letter-spacing: -0.5px
}

.titel,h1 {
	font: normal bold 22px 'Arial Black', Arial, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	letter-spacing: -0.5px
}

.titel_wit {
	font: normal normal;
	font-size: 15px;
	color: #FFF;
}

.titel2 {
	font: normal bold 12px;
	color: #C00;
}

.subtitel {
	font: normal bold 18px 'Arial', Arial, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	letter-spacing: -0.5px
}

.subtitel2 {
	font: normal bold 12px;
	color: #000;
}

.klein {
	font: normal bold 30px;
	color: #F9CB3A;
}

.klein_wit {
	font: normal bold 9px;
	color: #fff;
}

.rood {
	font: normal bold 11px;
	color: #E30202;
}

a.geel {
	color: #FFF;
}

a.geel:hover,
a.geel-active {
	color: #F9CB3A;
}


.copyrighttekst {
	font: normal bold 10px;
	color: #fff;
}

.grijs {
	font: normal bold 11px;
	color: #999;
}

.wit {
	font: normal bold 12px;
	color: #CCC;
}

.input, .textarea, input, textarea {
	font: normal normal 11px;
	color: #8c0016;
	background-color: #000;
	color: #cccccc;
	border: 1px solid #666;
}

.radio {
	font: normal normal 11px;
	color: #8c0016;
	background-color: #000;
	color: #cccccc;
	border: 0px solid #666;
}

.button {
	background-color: #000;
	border-color: #666;
	border-width: 1px;
	color: #C00;
	cursor: pointer;
}

.select, select {
	background-color: #000;
	color: #fff;
	border: 1px solid #CCC;
	padding: 0px;
}

body.nieuwsbrief-movies, div.nieuwsbrief-movies, table.nieuwsbrief-movies {
  background-color: #C00;
  margin: 0px 0px 0px 0px;
  height: 100%;
}

body.nieuwsbrief-opera, div.nieuwsbrief-opera, table.nieuwsbrief-opera {
  background-color: #333;
  margin: 0px 0px 0px 0px;
  height: 100%;
}

body.nieuwsbrief-music, div.nieuwsbrief-music, table.nieuwsbrief-music {
  background-color: #002CB3;
  margin: 0px 0px 0px 0px;
  height: 100%;
}

body.nieuwsbrief-sports, div.nieuwsbrief-sports, table.nieuwsbrief-sports {
  background-color: #008100;
  margin: 0px 0px 0px 0px;
  height: 100%;
}

td.nieuwsbrief {
  	font: normal normal 12px;
	color: #FFFFFF;
	text-decoration: none;  
}

td.nieuwsbrief-content {
  	font: normal normal 12px;
	color: #FFFFFF;
	text-decoration: none;
	
	background:#000;
	padding:25px;
}

#content td {
  vertical-align: top;
}

a.nieuwsbrief {
	font: normal bold 12px;
	color: #FFF;
	text-decoration: none;
}

a.nieuwsbrief:hover {
	font: normal bold 12px;
	color: #000;
  text-decoration: none;
}

.vertikale_lijn{
	width:110px; 
	padding-right:8px;
	border-right:1px solid #E00;
}

a#close .close {display: none !important;}

a.nieuws_prev, a.binnenkort_prev, a.agenda_prev {
	float:left;
	background: url(/images/links.png) 0 0 no-repeat;
	width:18px;
	height:18px;
	cursor:pointer;
}

a.nieuws_next, a.binnenkort_next, a.agenda_next {
	float:right;
	background: url(/images/rechts.png) 0 0 no-repeat;
	width:18px;
	height:18px;
	cursor:pointer;
}

hr {
    height:1px; 
	background-color:#C00;
	border:none;
	margin:1.5em auto;
}

#banner, #banner img{
  	width: 	468px;
  	height: 	60px;
  	cursor:	pointer;
	border:	1px solid #FFF;
}

#specials {
	width: 184px;
	height: 140px;
}
  
#specials_text {
	width: 164px;
	height: 44px;
	text-align: left;
}

/* Panel Tab/button */
.tab {
	position: relative;
    top: 0;
	height: 32px;
    z-index: 999;
}

.trailerpopup {
	width: 500px;
	height: 300px;
	background-color: #993;
}

/* Films op home */
.filmshome {
  width:592px;
  padding:0;
  margin:0;
  border:0;
  margin-bottom:20px
}

.filmshome td.lijn {
  border-bottom: 1px solid #C00;
  color:#fff; 
  background-color: #000;
  height:136px
}

.filmshome .thumb {
  width:92px;
  height:135px;
  float:left
}

.filmshome div.wrapper {
  float:left; 
  width: 450px
}

.filmshome div.titel {
  width:480px;
  padding-left:20px;
  height:35px;
  overflow:hidden;
  z-index:10;
  position:relative;
  float:left
}

.filmshome .titel .txt{
  width:1024px;
  height:35px
}

.filmshome .hshade {
  background:url(/images/fade_titel.png); 
  width:100px; 
  height:35px;
  top:0px;
  right:0px;
  z-index:11;
  position:absolute
}

.filmshome .slider, .filmshome .extrainfo {
  width:460px;
  padding-left:20px;
  padding-right:20px;
  text-align:justify;
  z-index:10;
  position:relative;
  float:left;
  overflow:hidden
}

.filmshome .extrainfo {
  display: none
}

.filmshome .vfade {
  background:url(/images/fade_tekst.png); 
  width:460px; 
  height:40px;
  bottom:0;
  left:20px;
  z-index:11;
  position:absolute
}

.filmshome .nav {
  width:460px;
  padding-left:20px;
  padding-right:20px;
  height:30px;
  padding-top:5px;
  float:left
}

.filmshome .nav>div {
  padding-top: 5px; 
  float:left; 
  height:30px;
  vertical-align:middle
}

.filmshome .nav .trailer {
  width:110px; 
}

.filmshome .nav img {
  vertical-align:middle
}

.filmshome .nav a img {
  margin-right: 5px;
}


.filmshome .meerinfo {
  width:100px; 
}

.filmshome .details {
  font-weight:bold;
  color: #fff;
  border: 0;
  height:20px
}


.agenda, .tblprogramma tr {
  border-bottom: 1px solid #333;
  cursor: pointer;
}

.agenda:hover, .tblprogramma tr:hover {
  background-color: #333;
}

.agenda .tijd {
  text-align: right;
  padding-right:10px; 
  padding-top:3px; 
  padding-bottom:3px;
  color: #C00;
  border-bottom: 1px solid #333;
}

.agenda .tit {
  text-align: left;
  padding-left:10px; 
  padding-top:3px; 
  padding-bottom:3px;
  border-bottom: 1px solid #333;
}

.tit>a{
  color: #CCCCCC;
  text-decoration: none;
  font-weight:normal;  
}


/* Button */
ul.button {
  padding:0;
  margin:0;
}

ul.button li {
  list-style:none;
  height:24px;
  display: block;
  float:left;
}

ul.button li.links {
  width:5px;
  background:url('/images/button_red.png') 0px -25px;
}

ul.button li.midden {vertical-align:text-top;
  
  padding: 0 5px 0 5px;
  background:url('/images/button_red.png') 0px 0px;
  background-repeat: repeat-x;
}

ul.button li.rechts {
  width:5px;
  background:url('/images/button_red.png') -6px -25px;
}

/* Button Ingedrukt */
ul.button:hover li.links {
  background:url('/images/button_red.png') 0px -75px;
}

ul.button:hover li.midden {
  background:url('/images/button_red.png') 0px -50px;
  background-repeat: repeat-x;
}

ul.button:hover li.rechts {
  background:url('/images/button_red.png') -6px -75px;
}

ul.button a {
  margin-top: 4px;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
}

.left {}
.w1 {width:130px}
.w11 {width:110px}
.w10 {width:160px}
.w18 {width:110px}
.w13 {width:110px}
.w8 {width:50px}

.sub {
}

ol, ul {
  list-style:disc;
}

div.kruimelpad {
  width: 592px;
  height: 15px;
  font-size: 9px;
  color: #666;
}

a.kruimelpad {
  color: #666;
}

a.kruimelpad:hover {
  color: #CCC;
}