html { 
	height: 100%; 
	margin-bottom: 1px; 		
}

body {
	margin: 0;
	padding: 0;
	background-color: #EDE3EC;
	background-image:  url(../images/bg.jpg);
	background-repeat: repeat-x;
}

body,td,th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;		
	color: #550055;
}

td,th {
	vertical-align: top;
}

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

a:hover, a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFCC00;
}


/* Basisstructuur ------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */


#container {
	position: relative;
	margin: 0 auto;
	width: 769px;		
}

#header {
	position: absolute;
	width: 100%;
	height: 270px;
}

#language {
	position: absolute;
	top: 10px;
	right: 10px;
}

#content {
	position: absolute;
	width: 749px;
	top: 270px;	
}

#footer {
	position: absolute;
	height: 115px;
	width: 769px;
	margin: 0 -10px -10px -10px;
	padding: 0;
}

/* Content ------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */


#content {
	background-color: #DE7CB7;
	padding: 10px;
}

#content h1, h2 {
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #910059;
	clear: both;
}

#content .section {
	float: left;
	width: 749px;
	margin: 20px 0 20px 0;
	padding: 0;
	background-color: #910059;	
}

#content #left {
	float: left;
	width: 372px;
	padding: 1px 0 0 1px;
}

#content #right {
	float: right;
	width: 375px;
	padding: 0 0 1px 0;	
}

#content p.image {
	position: relative;
	padding: 0;
	margin: 0;
	height: 281px;
}

#content p.description {	
	padding: 10px;
	margin: 0;
	color: #FFFFFF;
	line-height: 14px;	
}

#content div.movies {
	float: left;
	width: 100%;	
}

#content div.movie {
	float: left;
	width: 186px;
	margin: 0;
	padding: 1px 0 0 1px;
}

#content div.movie p.title {
	display: block;
	padding: 2px 2px 2px 5px;
	margin: 0;
}

#content div.movie a.title {
	color: #FFCC00;
}

#pages {
	width: 100%;
	text-align: center;
}

/* Header / Footer ----------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

#header {
	background-color: #DE7CB7;
}

#footer {
	background: url(../images/footer.gif) no-repeat;
}

/* Language ------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

#language, #language a {
	color: #FFCC00;
	font-weight: normal;
	font-size: 10px;
	font-weight: bold;
}