body {
	padding: 0px;
	margin: 0px;
	background-color: #86909C;
    background-image: url('../images/bg_repeat_hor.jpg');
	background-repeat: repeat-y;
	background-position: center;
	height: 100%;
}


div {
	font-family: arial;
	font-size: 12px;
}

a:link {
	color: #fff;
	text-decoration:underline;
}
a:hover {
	color: navy;
}
a:visited {
	color: #fff;
}

div#main1 {
	position: absolute;
	top: 0px;
	width: 99.95%;
	height: 100%;
	padding: 0px;
	margin: 0px;
     background-image: url('../images/bg_repeat_vert.jpg');
	background-repeat: repeat-x;
	z-index: 1;
}
div#main2 {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	z-index: 2;
}
div#main3 {
     position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	background-image: url('../images/achtergrond.jpg');
	background-position: top center;
	background-repeat: no-repeat;
     height: 1027px;
     width: 100%;
	z-index: 3;
}
div#main4 {
     position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	background-image: url('../images/achtergrond_voor.jpg');
	background-position: top center;
	background-repeat: no-repeat;
     height: 1027px;
     width: 100%;
	z-index: 3;
}

div#container {
	position: absolute;
	top: 0px;
	float: left;
	height: 100%;
	padding: 0px;
	margin: 0px;
     left: 50%;
     margin-left: -489px;
     width: 978px;
	z-index: 4;
}

/* HEADER */

div#header {
	position: relative;
	top:70px;
	height: 245px;
	width: 977px;
}
div#arena {
	position: relative;
	top:0px;
	height: 50px;
	width: 977px;
}

div#arena-tekst {
	position: relative;
	top:40px;
    margin-left: 645px;
	color: #88B2DC;
	font-family:arial;
	font-size:12px;
}
div#voor {
	position: relative;
	top:0px;
	height: 160px;
	width: 977px;

}

div#voor_buttons {
	position: absolute;
	top:13px;
    margin-left: 640px;
	color: #88B2DC;
	vertical-align:top;
}
div#arena-tekst a:link {
     font-family: arial;
	font-variant: small-caps;
	font-size: 12px;
	color: #88B2DC;
	text-decoration: none;
}
div#arena-tekst a:visited {
     font-family: arial;
	font-variant: small-caps;
	font-size: 12px;
	color: #88B2DC;
	text-decoration: none;
}
div#arena-tekst a:hover {
     font-family: arial;
	font-variant: small-caps;
	font-size: 12px;
	color: #FFC20F;
	text-decoration: underline;
}
/* MOVIESCROLLER */

div#moviescroller {
	position: relative;
	top: 27px;
	width: 977px;
	height: 198px;
	background-image: url("../images/bg_moviescroller.jpg");
	background-repeat: no-repeat;
}

/* FORM LOGIN  */

form#form_login {
	position: relative;
	left: 10px;
	top: 97px;
	background-image: url("../images/bg_form_inlog.jpg");
	background-repeat: no-repeat;
	height: 160px;
	width: 204px;
	font-size: 10px;
	color: #fff;
}
form#form_login span {
	position: relative;
	left: 7px;
	top: 8px;
}
.input {
	position: relative;
	top: 5px;
	height: 20px;
	width: 189px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-image: url("../images/bg_form_inlog_text.jpg");
	background-repeat: no-repeat;
	font-size: 10px;
	color: #000;
}
.submit{
	position: relative;
	float: right;
	top: 17px;
	right: 8px;
	border: 1px solid #577492;
	background-color: #577492;
 	font-size: 10px;
	color: #fff;
	cursor: pointer;
}
form#form_login a:link {
	position: relative;
	top: 24px;
	bottom: 3px;
	font-size: 10px;
	color: #fff;
	text-decoration: underline;
}
form#form_login a:visited {
	position: relative;
	top: 24px;
	bottom: 3px;
	font-size: 10px;
	color: #fff;
	text-decoration: underline;
}

/* KRUIMELPAD */

div#kruimelpad {
	font-family: arial;
	font-size: 9px;
	position: absolute;
 	right: 20px;
	top: 342px;
	color: #ffc80e;
	z-index: 100;
}
div#kruimelpad a:link, div#kruimelpad a:visited {
     font-family: arial;
	font-variant: small-caps;
	font-size: 12px;
	color: #ffc80e;
	text-decoration: none;
}
div#kruimelpad a:hover {
     font-family: arial;
	font-variant: small-caps;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

/* KEUZE FILIAAL  */

div#vak_geleen {
	position: relative;
	float: left;
	top: 0px;
	left: 243px;
	width: 334px;
	height: 382px;
	border: 1px dashed red;
}
div#vak_roermond {
	position: relative;
	float: right;
	top: 0px;
	right: 30px;
	width: 334px;
	height: 382px;
	border: 1px dashed red;
}

/* BANNERS */

div#banners {
	position: relative;
	float: left;
	top: 20px;
	left: 0px;
	width: 217px;
}

div#banners br{
	line-height: 5px;
}

div#banner_membercard {
     position: absolute;
	top: 0px;
	left: 0px;
	height: 105px;
	width: 200px;
	cursor: pointer;
}
div#banner_bioscoopbon {
     position: absolute;
	top: 120px;
	left: 0px;
	height: 204px;
	width: 200px;
	cursor: pointer;
}
div#banner_kijkwijzer {
     position: absolute;
	top: 360px;
	left: 0px;
	height: 105px;
	width: 200px;
	cursor: pointer;
}
div#banner_brasserie {
     position: absolute;
	bottom: 0px;
	left: 0px;
	height: 190px;
	width: 200px;
	cursor: pointer;
}
div#banner_membercard img {
	position: relative;
	border: none;
	width: 100%;
	height: 100%;
}
div#banner_bioscoopbon img {
	position: relative;
	border: none;
	width: 100%;
	height: 100%;
}
div#banner_kijkwijzer img {
	position: relative;
	border: none;
	width: 100%;
	height: 100%;
}
div#banner_brasserie img {
	position: relative;
	border: none;
	width: 100%;
	height: 100%;
}
div#telefoon_brasserie {
     position: absolute;
     color: #ffcb0e;
     font-size: 10px;
	bottom: 0px;
	left: 10px;
	height: 20px;
	width: 200px;
}

/* CONTENT */

div#main_content {
     position: relative; left: 11px; top: 92px;
}
div#front_content {
     position: relative; left: 11px; top: 12px;
}
div#filmgroepen {
     position: relative; 
	 float: left; 
	 width: 217px;
}
div#fotohoek {
     position: relative; 
	 float: left; 
	 width: 217px;
	 text-align:left;
}



div#content {
	position: relative;
	float: left;
	top: 10px;
	left: 0px;
	width: 734px;
}
div#content_front {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 760px;
}
div#banner_links {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 370px;
	padding-right:10px;
}
div#banner_rechts {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 365px;
}
div#content_top {
	position: relative;
	top: 0px;
	background-image: url('../images/bg_content_top_33.gif');
	background-repeat: no-repeat;
	background-position: top;
	height: 33px;
	width: 734px;
	vertical-align:top;
}
div#content_top_bestellen {
	position: relative;
	top: 0px;
	height: 31px;
	width: 734px;
}

div#content_midden1 {
     position: relative;
	width: 734px;
 	border-right: 1px solid #000;

}
div#content_midden2 {
     position: relative;
     top: 11px;
	width: 734px;
}

div#content_footer {
     position: relative;
     bottom: 0px;
	width: 734px;
	background-image: url('../images/bg_content_bottom.gif');
	background-repeat: no-repeat;
	height: 19px;
}
div#hoogtesteun {
     position: relative;
     float: left;
	height: 431px;
	width: 10px;
}
div#inhoud {
     position: relative;
     float: left;
	top: 0px;
	width: 707px;
}
span#paginatitel {
	position: relative;
	top: 13px;
	left: 12px;
	color: #fff;
	font-weight: bold;
}
div#pagina {
     position: relative;
	top: 0px;
	left: 0px;
	width: 734px;
	background-color: #89B2E0;
	height:100%;
}
div#paginatekst {
	position: relative;
	left: 10px;
	width: 714px;
}


/* FILMINFO */

span#filmtitel {
	position: relative;
	top: 14px;
	left: 12px;
	color: #fff;
	font-weight: bold;
}

div#filmomschrijving {
	position: relative;
	float: left;
	top: 5px;
	left: 2px;
	width: 37px;
	font-size: 12px;
}
td#filmomschrijving {
	width: 347px;
	font-size: 12px;
	vertical-align:top;
}
div#leesmeer {
	position: relative;
}
div#leesmeer a:link {
     font-variant: small-caps;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
div#leesmeer a:visited {
     font-variant: small-caps;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
div#leesmeer a:hover {
	text-decoration: underline;
}
div#reserveer {
	position: relative;
}
div#reserveer a:link {
     font-variant: small-caps;
	color: #ffc106;
	font-weight: bold;
	text-decoration: none;
}
div#reserveer a:visited {
     font-variant: small-caps;
	color: #ffc106;
	font-weight: bold;
	text-decoration: none;
}
div#reserveer a:hover {
	text-decoration: underline;
}
div#poster {
	padding-top: 5px;
	padding-left: 10px;
	width: 120px;
}
td#poster {
	width: 140px;
	vertical-align:top;
}
div#poster img {
     border: 3px solid #ffc106;
}
td#poster img {
     border: 3px solid #ffc106;
}
div#filmpunten {
	position: relative;
	float: right;
	top: 5px;
	right: 0px;
	width: 210px;
	height: 190px;
}
table#filmpunten {
	position: relative;
	top: 5px;
	right: 0px;
	width: 210px;
}
.filmpunt {
     position: relative;
	float: right;
	top: 0px;
	padding-bottom: 3px;
	right: 0px;
	width: 100%;
	border-bottom: 2px solid #fff;
}
.filmpunttxt {
	font-variant: small-caps;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

div#screenshot {
     position: relative;
     float: left;
	bottom: -4px;
	left: 0px;
}

div#trailer {
     position: relative;
     float: right;
}

div#reserveren {
	position: relative;
	left: 10px;
	height: 185px;
	width: 346px;
}
table#data {
	position: relative;
	top: 0px;
	width: 480px;
	font-size: 11px;
	color: #fff;
	background-color: #000;
	background-image: url(\"../images/bg_reserveren.gif\");
	background-repeat: no-repeat;
	background-position: bottom;
}
table#data td {
	text-indent: 10px;
}

table#data a:link {
	color: #fff;
}
table#data a:hover {
	color: #fff;
}
table#data a:visited {
	color: #fff;
}

/* FOOTER */

div#footer {
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 745px;
	height: 22px;
	background-image: url("../images/footer.gif");
	background-repeat: no-repeat;
}

div#footer_links {
	position: absolute;
	bottom: 0px;
	top:200px;
	left:0px;
	height: 22px;
	text-align:center;
	clear:both;
}
div#development {
	position: relative;
	bottom: 0px;
	top: 40px;
	left: 0px;
	width: 745px;
	height: 22px;
	text-align:center;
	font-size: 10px;
	clear:left;
}
div#footer_front {
	position: relative;
	top: 20px;
	left: 0px;
	width: 760px;
	float:left;
	height: 22px;
	background-image: url("../images/footer.gif");
	background-repeat: no-repeat;
	clear:both;
}


span#footer {
	position: relative;
	color: #fff;
	font-size: 10px;
	top: 4px;
	left: 15px
}
span#footer a:link {
	position: relative;
	color: #89B2E0;
	text-decoration: none;
}
span#footer a:hover {
     position: relative;
	color: #89B2E0;
	text-decoration: underline;
} 
span#footer a:visited {
	position: relative;
	color: #89B2E0;
	text-decoration: none;
}

/* FILM OVERZICHT / ZOEKRESULTAAT */

div#filmgroepen {


}

.div_filmgroep {
	position: relative;
	color: #fff;
	height: 30px;
	border-bottom: 1px solid #596573;
}

.div_filmgroep a:link {
	position: relative;
	top: 7px;
	left: 5px;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #fff;
	text-decoration: none;
}
.div_filmgroep a:visited {
	position: relative;
	top: 7px;
	left: 5px;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #fff;
	text-decoration: none;
}
.div_filmgroep a:hover {
	position: relative;
	top: 7px;
	left: 5px;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #A0B1C5;
	text-decoration: none;
}


form#zoekvenster{
	position: absolute;
 	bottom: 20px;
 	left: 230px;
 	padding: 0px;
 	margin: 0px;
}

form#zoekvenster div{
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	bottom: 0px;
}

#trefwoord {
	border: 1px solid #ccc;
	height: 16px;
	width: 150px;
}

/* FILMOVERZICHT  */


div#filmlijst_zwartebalk {
	background-image: url("../images/bg_content_top.gif");
	background-repeat: no-repeat;
	width: 736px;
	height: 43px;
}

span#titel{
	position: relative;
 	top: 25px;
 	left: 10px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	font-family: arial;
	text-transform: capitalize;
}

div#filmlijst_item {
}

div#filmlijst_einde {
	position: relative;
	width: 736px;
	height: 21px;
	bottom: 0px;
	background-color: #000;
	background-image: url("../images/bg_content_bottom_kort.jpg");
	background-repeat: no-repeat;
}