/* Cinema Albert CSS Document */
/*--- BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
* {
	padding:0;
	margin:0;
}

* html body	{
	text-align: center;
}
body	{
	background: #BCC5D4 url("../i/bg.jpg") top left no-repeat;
	background-attachment:fixed;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	text-align: center;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
	
html>body { /* be nice to Opera */
	font-size: small;	
}

img{border:0;}
.hide{display:none;}
/*--- CONTAINER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#container {
	margin:12px auto;
	text-align:left;
	position: relative;
	padding: 0 0 0 0px;
	width: 940px;
	left: 14px;
	top: 66px;
	background: #fff;
}

/*--- HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#header {
	background: url(../i/header.gif) top left no-repeat;
	height:145px;
	width:940px;
}
#header img {
	display:none;
}
#header a#logo {
	display: block;
	width: 570px;
	height:65px;
	position: absolute;
	top:40px;
	left:190px;
}
/*--- NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#nav {
position: absolute;
top: 122px;
left:15px;
width: 940px;
text-align:center;
}
* html #nav  {
width: auto;
}
#nav ul {
margin:0;
padding:0;
list-style: none;
white-space:nowrap;
width:940px;
height:23px;
text-transform:lowercase;
}
#nav ul li {
width:105px;
height:23px;
margin:0;
padding:6px 20px 0 0;
float: left;
background: url(../i/nav.gif) top left no-repeat;
}
#nav ul li a {
width:105px;
font: bold 75% Verdana, Arial, "Times New Roman", Times, serif;
display: block;
color: #666;
text-decoration: none;
padding: 0;
}
#nav ul li a:hover, #nav ul li a.active{
color: #4D86DF;
}
/*--- CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#content{
	margin:0;
	padding:0 20px;
	width:940px;
	wid\th:900px;
	background:#FFF url(../i/bgcontent.gif) top left repeat-x;
}
.alignLeft{
	float:left;
}
.alignRight{
	float:right;
	margin: 0px 0px 0px 10px;
}
/*--- FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#footer{
	clear:both;
	margin:0;
	padding:0;
	width:940px;
	height:125px;
	font-size:80%;
	color:#FFF;
	background:transparent url(../i/footer.gif) top left no-repeat;
}
#footer p.left{float:left;width:580px;margin:52px 0 0 48px;}
#footer p.right{float:left;width:250px;text-align:right;margin:52px 10px 0 0;}


/*--- TEXTS AND LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
h1 {
	color: #42506D; 
	font-weight: normal; 
	font-size: 20px; 
	font-family: Georgia, Arial, Verdana, sans-serif; 
    margin:0;
	padding:25px 0 10px 45px;
	background: transparent url(../i/h1.gif) no-repeat 0em 0.8em;
	cursor:default;
}
h2 {
	color: #F93; 
	font-weight: normal; 
	font-size: 18px; 
	font-family: Georgia, Arial, Verdana, sans-serif; 
    margin:0;
	padding:4px 0 0 10px;
	cursor:default;
}
h3 {
	color: #4D86DF; 
	font-weight: normal; 
	font-size: 14px; 
	font-family: Georgia, Arial, Verdana, sans-serif; 
    margin:0;
	padding:0 0 4px 0;
	cursor:default;
}
h4 {
	color: #999; 
	font-weight: normal; 
	font-size: 12px; 
	font-family: Georgia, Arial, Verdana, sans-serif; 
    margin:0;
	padding:0 0 4px 0;
	cursor:default;
}


#content p {
	margin: 0 ;
	padding-bottom:10px; 
	line-height: 17px; 
	font-size: 80%; 
	cursor:default;
}

table{font-size: 11px; }

a:link {color: #49669C;}
a:visited {color: #8EA4C2;}
a:hover {color: #036;}

/*--- TEXTS AND LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
div#banner{
margin:0 auto;
width:800px;
padding:10px;
background:#EFEFEF;
}

p.print{
height:48px;
margin:0;
padding:0 0 0 50px;
background: transparent url(../i/printer.jpg) top left no-repeat;
font-weight:bold;
}

/*--- MOVIELIST ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
table.movielist{
	margin:0 20px 10px 0;
	text-align:left;
	border:1px solid #DDD;
	}
table.coming{
	border:1px solid #DDD;
	margin-bottom:10px;
	}

table.movielist tr td{vertical-align:top; text-align:left;padding-bottom:6px;}
table.aanvangtijd { margin-bottom: 8px;text-align:center;	background:#BCC5D4; font: 11px/18px Arial, Verdana, Helvetica, sans-serif;}
table.aanvangtijd tr th  { text-align: center; color: #FFF;background:#4D86DF; font: 11px/18px Arial, Verdana, Helvetica, sans-serif;font-weight: normal; padding:0 4px;border-right:1px solid white;}
table.aanvangtijd tr td { width: 42px; color: #4D86DF; text-align: center; font: 11px/18px Arial, Verdana, Helvetica, sans-serif;background: #FFF;cursor:default; padding:0 4px;border-right:1px solid #BCC5D4;border-bottom:1px solid #BCC5D4;}


/*--- EVENEMENTEN & COMING SOON ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
.event{position: relative; padding-top: 1px;margin-left:40px;min-height:260px;height:260px;}
.event p, .comingsoon p {margin: 0;}

table.calendar {
color:#34425E;
font-size: 10px;
padding:2px 0 0 0;
background: transparent url(../i/calendartop.gif);
text-align: center;
text-transform: uppercase;
margin-bottom:4px;
}
td.day {
font-weight: bold;
font-size: 20px;
text-indent:-3px;
letter-spacing: -2px;
color: #34425E;
background:transparent url(../i/calendarbottom.gif) bottom left no-repeat;
padding-bottom:4px;
font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
}
.price {color:#F93;}

/*--- NEWSLETTER FORM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#newsletter{
	font-size:80%;
	padding: 15px;
	background: #FFF url(../i/nieuwsbrief.jpg) top right no-repeat;
	height:320px;
	}
#newsletter dl {
	margin: 0;
	padding: 0;
	}
#newsletter dt {
	color: #666;
	margin:5px 0;
	}
#newsletter #realname, #newsletter #email, #newsletter #address, #newsletter #place {
	width: 380px;
	border: 1px solid #F93;
	padding: 2px;
	background: #FFF;
	color:#666;
	}
	#newsletter label{cursor:hand;}	
#newsletter textarea {
	width: 500px;
	height: 180px;
	font-family: inherit;
	border: 1px solid #ccc;
	}
input.button{
	background:url(../i/submit.gif) top left no-repeat; 
	width: 125px;
	height:37px;
	text-align:center;
	padding:0 0 10px 0;
	border: none;
	padding: 0;
	font-weight:bold;
	color:#666;
}
/*--- CONTACT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
dl.route dt{
font-weight:bold;
color:#F93;
padding-top:8px;
font-size:90%;
}
dl.route dd{
	padding: 0 0 5px 12px;
	background: transparent url(../i/bullet.gif) no-repeat 0 0.1em;
	font-size:80%;
}