/*********************************************************************/
/*************************** CSS LAFF 2008 ***************************/
/*********************************************************************/
/******************* copyright eeble 2007 - 2008 *********************/

html {overflow-y:scroll;}

body {
	margin:	0;
	padding: 0;
	text-align:	center;
}

#page {
	text-align:	left;
	margin: 0 auto;
	width: 1008px;
}
#header {
	height: 125px;
	background: url(../img/boven_01.jpg); 
}
#canvas {
	background: url(../img/canvas.jpg); 
}
#left {
	width: 160px;
	float: left;
	margin-right: 8px;
}
#right {
	width: 165px;
	float: right;
	margin-left: 8px;
}
#content {
	margin: 0 173px 0 168px;
}
#footer {
	clear: both;
	height: 40px;
	background: red;
}
div.clear {
	clear: both;
}

.banner div{
	text-align:center;
}

.banner img {border:none;}

/*********************************************************************/
/******************************* Styles ******************************/
/*********************************************************************/

* {font-family: Verdana, Arial, Helvetica, sans-serif;}

p, div, input {
	font-size: 11px;
	text-align:left;
	letter-spacing: 0;
	word-spacing: 0;
	line-height: 15px;
	text-align:left;
	margin-top:0;
}

h1 {
	color: #003399;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-top:0em;	
}

h2 {
	color: #003399;
	font-size: 14px;
	font-weight: bold;
	margin-top:0em;	
}

/* general links */
a {color:#0066cc; text-decoration:none;}
a:hover {color:#ff7720; text-decoration:none;}

.film a, .film a:hover {font-style:bold;}	
.random a {color:#000000;}
.random a:hover {color:#ffffff} 

.alignLeft {
	text-align:ĺeft;
}

/* nav */
.nav {	
	text-align: center;	
	font-weight:bold;
	line-height: 1.5em;
	overflow:hidden;
	position:relative;
	padding-top:100px;
}

.nav * {
	padding-right:2.2em;
	font-size:12px;
	color:#ffffff;
}

.nav a {color: #ff9900;}	
.nav a:hover {color: #ff6600;}

.lng_nav a {
	padding-left:5px;
	position:absolute;
	color:#6699cc;
}

.lng_nav a:hover {
	padding-left:5px;
	position:absolute;
	color:red;
}

/* subnav */
.subnav {	
	font-weight:bold;
	line-height: 22px;
	vertical-align: top;
	text-align: left;
	padding: 2em 0em 0em 0.5em;
}

.subnav span {color:#ffffff}
.subnav a {color: #000000; text-decoration: none;}
.subnav a:hover {color: #ff9900; text-decoration: none;}

.subnav ul {
 padding:0; list-style: none;
 }
 
.random_film {
	text-align:center;
	padding-top:3em;
} 

.random_film img{
 	border:none;
 	text-align:center;
}
 
.random_film_title {
 	text-align:center; 	
 	font-weight:bold;
 	padding:0.5em 1em 0em 0.5em;
} 
 
.random_film a:hover {
 	color:#ffffff;
 	font-weight:bold;
}

td.newsheadlines {
 border-bottom: 1px solid #6699cc; 
 padding-bottom:2em;
}

img.news {
	vertical-align:top;
	float:left;
	margin-right:1em;
	margin-top:3px;	
} 

/*********************************************************************/
/******************************* Edit ********************************/
/*********************************************************************/

.edit {
	text-align:left;
	padding: 2em 4em 0em 2em;
}

.edit tr.alternate, .edit th {background-color:#CCE5FF;}
.edit tr.normal {background-color:#6699cc;}

.edit table {
	border-collapse: collapse;	
}
.edit td {padding:0.5em;}

/*
#0f2186 = donkerblauw
#ff9900 = oranje
#ff6600 = donkerder oranje
#6699cc = grijsblauw
#194fbf = hemelsblauw
*/

/* hacks */
body.msie.v7 .subnav ul, body.msie.v6 .subnav ul {
	margin:0;
	padding:0;
}
body.msie.v6 #canvas {
	margin:0;
	padding:0;
}

.form td, .form table {padding:.1em; margin:.4em;}

/*
body.msie.v6 #content {
	border: solid red 1px;
}

body.msie.v6 .subnav {
	border: solid blue 1px;
}*/

.film_synopsis {vertical-align:top;}