body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	line-height:14px;
}

a,a:link,a:visited,a:active,a:hover,a:focus{text-decoration:none;outline:none;}

/* Header */
#header {padding:0px 0 0px 0;}


/* Content Area */

#main {width:900px;
	margin:0 auto;
	clear:both;
	padding-top:215px;
	text-align:left;
}


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 40px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}


/* //////////////////////////////////////////////////// */
.titel_tekst a ,.titel_tekst a:hover, .titel_tekst a:visited {color:#333333;text-decoration :underline !important}
#navcontainer { margin-left: 30px; }

#navlist
{
list-style: none;
padding: 0;
margin: 0;
}

#navlist li {
margin: 0;
padding: 0 2em 0 0;
float: left;
}
	
#navlist li a {
	font-size:10px;
	color:#FFFFFF;
}

#navlist li a:visited {
	font-size:10px;
	color:#FFFFFF;
}

#navlist li a:hover {
	font-size:10px;
	color:#999999;
}


/*////////////////////////*/




#hoofdnav-container,#main-container{text-align:left;margin:0 auto;width:900px;padding:0;}

.clear{clear:both;}

#hoofd-bar{font-size:1.3em;line-height:16px;background-color:#000000;;border-bottom:1px solid #bbb;position:relative;width:100%;top:0;left:0;height:150px;}

#hoofdnav-container{height:150px;position:relative; background-color:#000000;}

#banner{
position:absolute;
	left:0;
	bottom:-200px;
	width:900px;
	height:281px;
	background-color:#FFFFFF;
}

#banner #links {width:584px;float:left;}
#banner #rechts {width:290px;float:right; padding-top:40px; padding-left:10px;}



#hoofdnavigatie{
	position:absolute;
	left:110px;
	bottom:115px;
	width:600px;
}

#logo{
	z-index:4;
	position:absolute;
	left:-40px;
	bottom:25px;
	width:174px;
	height:121px;
	
}


#search{
	position:absolute;
	right:0px;
	bottom:115px;
	width:200px;
	text-align:right;
}

#search form{position:relative; left:-13px; top:18px;}

#submit {cursor:pointer; margin; padding:0 10px 0 0; border:0px; background-color:transparent;  width:20px;
			height:17px; color: #cccccc; }
#submit:hover {color:#FF0000;}

#search a:link, a:visited {
color:#CCCCCC;
}

#search a:hover {
color:#FF0000;
}

#search img {
padding-left:15px;
}

.textInput
{
font-size:10px;
background: none;
border:#666666 1px solid;
color: #CCCCCC;
margin-right:10px;
height:15px;
padding-left:3px;
}








/* linkerkolom
----------------------------------------------- */


.leftside {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	width: 340px;
}

.leftside_584 {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	width: 584px;
}

.rightside_584 {
	display: inline;
	float: left;
	clear:none !important;
	margin-left: 0px;
	margin-right: 0px;
	width: 584px;
}

.rightside_540 {
	display: inline;
	float: left;
	clear:none !important;
	margin-left: 10px;
	margin-right: 0px;
	width: 520px;

}

.leftside_900 {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	width: 900px;
}

.nieuwsbox {
margin-bottom:10px;
}

.titelbalk {
 padding: 0px 10px 2px 15px; background-color:#2A2A2A; height:18px; 
}

.titelbalk_rood {
	padding: 0px 10px 2px 15px;
	background-color:#FF0000;
	height:18px;
}

.titelbalk2 {
width:875px; padding: 0px 10px 2px 15px; background-color:#2A2A2A; height:18px; 
}
.btitel {
position:relative;
top:8px; /* half the height of the containing element */
margin-top:-4px; /* half the height of the element you are aligning */ 
/*line-height:18px;*/
font-size:10px;
color:#FFFFFF;
text-align:left; 
float:left; 
width:292px;
text-transform:uppercase;
}
.ctitel{
	float:right;text-transform:uppercase;width:290px;margin:0; padding:0;top:-9px;position:relative
}


.alfabet {
position:relative;
top:8px; /* half the height of the containing element */
margin-top:-4px; /* half the height of the element you are aligning */ 
/*line-height:18px;*/
font-size:10px;
text-align:left; 
float:left; 
width:350px;
}

.recent {
position:relative;
top:8px; /* half the height of the containing element */
margin-top:-4px; /* half the height of the element you are aligning */ 
/*line-height:18px;*/
font-size:10px;
text-align:right; 
float:right; 

}

.alfabet a:link,.alfabet a:visited, .recent a:link,.recent a:visited {
	color:#CCCCCC;padding-left:4px;
}

.alfabet a:hover, .recent a:hover {
	color:#FF0000;
}


.artikel {
	background-color:#F4F4F4;
	padding: 15px 15px 15px 15px;
	text-align:left;
	color:#333333;
	border-bottom:#FFFFFF 2px solid;
}

.artikel_volledig {
	background-color:#F4F4F4;
	padding: 15px 15px 25px 15px;
	text-align:left;
	color:#333333;
	border-bottom:#FFFFFF 2px solid;
}

.artikel_volledig .tekst {
padding-top: 15px;
}

.artikel_volledig .terug {
padding-top: 20px;
width:510px;
text-align:right;
}


.tekstkader {
	background-color:#F4F4F4;
	padding-bottom: 15px;
	text-align:left;
	color:#333333;
	border-bottom:#FFFFFF 2px solid;
}

.tekstkader h1 {
font-weight:bold;
color:#FF0000; 
font-size:12px; 
padding-bottom:16px;
}



.standaard {
position:relative;
	padding: 30px 15px !important;
	width:552;
}

.standaard a:link, .standaard a:visited {
text-decoration:underline;
color:#333333;
}

.standaard a:hover {
	text-decoration:underline;
	color:#FF0000;
}

.verplicht {
position:relative;
	padding-bottom: 15px;
	width:584;
}

.verplicht p {
	font-size:7.1pt;
	padding:15px 0 0px 0;
	font-style:italic;

}

.verplichtfilm {
position:relative;
width:167px;
float:left;
padding:0px 10px 15px 15px;
}

.verplicht h1 {
padding-left:15px;
}


.verplicht h2 {
line-height:12px;
	font-weight:normal;
	font-size:9px;
	color:#FF0000;
	padding:10px 0 0px 0;
}

.verplicht h3 a:link, .verplicht h3 a:visited {
	font-weight:normal;
	font-size:9px;
	color:#999999;
}


.verplicht h3 a:hover {
	font-weight:normal;
	font-size:9px;
	color:#333333;
}

.verplichtfilm p {text-align:justify;}


.filmlijst {
position:relative;
padding: 0px 0px 15px 0px;
width:584px;
}

.filmlijstelement {
position:relative;
width:123px;
height: 225px;
float:left;
padding:0px 6px 0px 10px;

}

.filmlijstelement h2 {
	line-height:12px;
	font-weight: normal;
	font-style:italic;
	font-size:9px;
	color:#333333;
	padding:10px 0 4px 0;
}

.filmlijstelement h3 a:link, .filmlijstelement a, .filmlijstelement h3 a:visited {
	font-weight:normal;
	font-size:9px;
	color:#999999 !important;
	margin:0;
	line-height:9px;
	text-decoration: none !important;
}

.filmlijstelement h3 a:hover, .filmlijstelement a:hover {
	font-weight:normal;
	font-size:9px;
	color:#333333 !important;
	margin:0;
	line-height:9px;
	text-decoration: none !important;
}




.datum {
color:#FF0000; 
font-size:11px; 
padding-bottom:4px;
}


.ndatum {
	color:#999999;
	font-size:9px;
	padding-bottom:4px;
	padding-right:5px;
}

.artikel a {
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-style:italic;
}

.artikel a:hover {
color:#FF0000;

}

.artikel_volledig a {
	font-size:10px;
	color:#000000;

	text-decoration:underline;
}

.artikel_volledig a:hover {
color:#FF0000;

}

.meer {
	width:320px;
	padding: 3px 10px 2px 10px;
	background-color:#E9E9E9;
	height:16px;
	text-align:right;
	color:#CCCCCC;
}

.meer a {
	font-size:10px;
	color:#999999;
	text-decoration:none;
	font-style:italic;

}


.logos {
background-color:#F7F7F7; 
padding: 10px 10px 23px 10px; 
text-align:left; color:#333333;
border-bottom:#FFFFFF 2px solid;
}



/* rechterkolom
----------------------------------------------- */


.rightside {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	width: 540px;
	overflow:hidden;

}

.titelbalk3 {
width:515px; padding: 0px 10px 2px 15px; background-color:#2A2A2A; height:18px; 
}

.slider ul {
	margin:0;
	padding:0;
	list-style:none;


	}
.slider li { 
 	background-color:#F4F4F4;
	width:540px;
	height:630px;
	overflow:hidden; 
	}

	
	.filmelement {
	position:relative;
	float:left;
	width:156px;
	height:200px;
	margin: 10px 12px 0px 12px;
	line-height:11px;
	display:inline;
}


	.filmelement img {
	padding-bottom:3px;

}

	.filmelement h4 {
	font-weight:normal;
	font-size:10px;
	color:#999999;
}

	.filmelement h2 a:link, .filmelement h2 a:visited {
	font-weight:normal;
	font-size:12px;
	color:#FF0000;
	line-height:1.3em;
}

	.filmelement h2 a:hover {
	color:#333333;
}

	.filmelement h3 {
	font-weight:normal;
	font-size:10px;
	color:#333333;
}

	.reserveerbutton a {
	text-align:center;
	position:absolute;
	width:54px;
	height:15px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:9px;
	right:0;
	top:120px;
}

	.reserveerbutton a:hover {
	text-align:center;
	position:absolute;
	width:54px;
	height:15px;
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:9px;
	right:0;
	top:120px;
	

}



	.knopslider {
	float:left;
padding:10px 10px;
width:520px;
}


.knopslider .linkerknop {width:20px;float:left;}
.knopslider .rechterknop {width:20px;float:right;text-align:right;}



.slider_900 ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.slider_900 li { 
	background-color:#F4F4F4;
	width:900px !important;
	height:560px;
	overflow:hidden; 
	}
	
	
	.filmelement_900 {
	position:relative;
	float:left;
	width:130px;
	height:141px;
	margin: 0px 10px 0px 10px;
	line-height:14px;
	display:inline;
}


	.titel {
	padding-top:4px;
}



	.titel a:link, .titel a:visited {

	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-bottom:8px;
	font-weight:normal;
	font-size:11px;
	color:#333333;
}

	.titel a:hover {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-bottom:8px;
	font-weight:normal;
	font-size:11px;
	color:#FF0000;
}

a:link img, a:visited img, a:hover img, a:active img { border:none; } 




.knopslider_900 {
float:left;
background-color:#F4F4F4;
padding:15px 10px;
width:880px;
}

.knopslider_900 .linkerknop {width:20px;float:left;}
.knopslider_900 .rechterknop {width:20px;float:right;text-align:right;}

.knopslider_900 .logoelement {width:176px;float:left; height:56px; text-align:center; padding:20px 0px;}

/* //////////////// agenda opmaak /////////////////*/

.agendaitem {
float:left;
background-color:#F4F4F4;
padding-bottom:25px;
padding-top:10px;
margin:0;
width:510px;
line-height:14px;
}

.agendaitem .beeld {
float:left;
padding-right:15px;
}

.agendaitem .icon {
padding-top:10px;
padding-right:5px;
}

.agendaitem h5, h4, h3, h2 {
padding-bottom:4px;
}

.agendaitem h5 {
font-size:10px;
font-weight:normal;
color:#FF0000;
}

.agendaitem h2 {
font-size:12px;
color:#FF0000;
}

.agendaitem h3 {
font-size:10px;
font-weight:normal;
}
.agendaitem p {
padding-top:15px;
}


.reserveer {
background-image:url(../images/reserveer.png);
background-repeat:no-repeat;
width:54px;
height:14px;
}

.reserveer a:hover {
background-image:url(../images/reserveer_over.png);
padding-top:15px;
width:54px;
height:14px;
}

/* /////////////////////////////////*/
/* //////////////// detailfiche opmaak /////////////////*/


.detaillinks {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	width: 234px;

}

.detailmidden {
	display: block;
	float: left;clear:none;
	margin-left: 0px;
	margin-right: 20px;
	width: 450px;

}

.detailrechts {
	display: inline;
	float: left;
	margin-top:33px;
	margin-left: 0px;
	width: 176px;
}

.terugknop {
font-size:9px;
font-style:italic;
	display: inline;
	margin-bottom:12px;
	padding:4px 0 0 15px;
	float: left;
	width: 219px;
	height:18px;
	background-color:#333333;
}
.terugknop a:link, .terugknop a:visited {
	color:#CCCCCC;
}
.terugknop a:hover{
	color:#FFFFFF;
}

.detaillinks h2 {
	color:#747474;
	font-size:10px;
	font-weight:normal;
	padding:4px 0 0 15px;
	margin-bottom:10px;
	float: left;
	width: 219px;
	height:18px;
	background-color:#DEDEDE;

}

.linkerbox {
	float:left;
	background-color:#F4F4F4;
	padding: 0px 0px 10px 0px;
	text-align:left;
	width:234px;
	margin-bottom:15px;

}

.linkerbox .left {width:80px;float:left; padding-left:15px; padding-bottom:5px; color:#999999;}
.linkerbox .right {width:132px;float:right;text-align:left;padding-right:5px; padding-bottom:5px; color:#333333;}
.linkerbox .left2 {
	width:219px;
	float:left;
	padding-left:15px;
	color:#333333;
}


.detaillijst {
font-size:7pt;
	list-style:none;
	padding: 0;
	margin: 0;
	width: 215px;
}

.detaillijst li {
margin: 0;
padding: 7px 2em 0 0;
line-height:1.5em;

}
.detaillijst li span{
		display:block; width:80px; float:left;clear:left;color:#999999;padding-left:0px; padding-bottom:5px;
	}
.detaillijst li cite{
		display:block; width:100px; float:left;clear:none !important; color:#333333;text-align:left;padding-right:5px; padding-bottom:5px;font-style:normal;
	}
.detaillijst li a:link, .detaillijst li a:visited {
	color:#333333;
	text-decoration:none;
}

.detaillijst li a:hover {
	color:#FF0000;
	text-decoration:none;
}


.vertoning {
	list-style:none;
	padding: 0;
	margin: 0;
	margin-bottom:5px;
}

.vertoning li {
margin: 0;
padding: 10px 2em 0 0
}

.vertoning img {
padding-left:20px;
}

.vertoning h4 {
	font-weight:normal;
	font-size:10px;
	color:#999999;
	padding-top:3px;
}


.face {
height:18px;
/*background-image:url(../images/face2_grijs.png);*/
background-repeat:no-repeat;
color:#FF0000;
margin: 10px 0 0 0;
padding: 3px 2em 0 0px;
}

.vriend {
height:18px;
background-image:url(../images/vriend.png);
background-repeat:no-repeat;
margin: 5px 0 0 0 ;
padding: 0px 2em 0 30px;
}

.face a:link, .face a:visited, .vriend a:link, .vriend a:visited {
color:#FF0000;
}

.face a:hover, .vriend a:hover {
	color:#333333;
}

.detailmidden h2 {
font-weight:600;
color:#FF0000;
font-size:13px;
padding-bottom:20px;
}

.detailmidden p {
padding-bottom:15px;
}

.detailmidden a:link, .detailmidden a:visited {
text-decoration:underline;
	color:#333333;
}

.detailmidden a:hover {
	color:#FF0000;
}

.rechterbox {
	float:left;
	background-color:#F4F4F4;
	padding: 0px 0px 10px 0px;
	text-align:left;
	width:176px;
	margin-bottom:15px;
}

.rechterbox .quote
{
	padding: 20px 10px 10px 10px;
	text-align:center;
	width:154px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	color:#333333;
	font-size: 14px;
	line-height: 1.25em;


}

.rechterbox .quote h5
{
	padding-top: 10px;
	text-align:center;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#999999;
	font-size: 10px;

}

.detailrechts h2 {
	color:#747474;
	font-size:10px;
	font-weight:normal;
	padding-left:15px;
	padding-top:4px;
	float: left;
	width:161px;
	height:18px;
	background-color:#DEDEDE;

}

.detailrechts p {
margin-top:20px;
	color:#666666;
	font-size:9px;
	font-weight:normal;
	padding:15px;
}
/* /////////////////////////////////*/
/* /////////////////////////////////*/



.trailer{
padding-bottom:20px;
width:450px;
	height:141px;
}

/* /////////////////////////////////FOOTER*/

#footer {
background:#000000;
}

#foot {width:900px;
	margin:0 auto;
	margin-top:10px;
	height:30px;
	line-height:1.1em;
	padding:0px 0px 0px 0px;}

#foot #left {width:600px;float:left;padding-top:10px;}
#foot #right {width:200px;float:right;text-align:right;padding-top:10px;}
#foot #right img {padding-left:8px;}

#fnavlist
{
list-style: none;
padding: 0;
margin: 0;
}

#fnavlist li {
margin: 0;
padding: 0 2em 0 0;
float: left;
}
	
#fnavlist li a:link, #fnavlist li a:visited {
	font-size:10px;
	color:#666666;
}

#fnavlist li a:hover {
font-size:10px;
color:#999999;
}
.contactWrap{
	background-color:#F4F4F4;
}
.contact {
	
	padding: 15px 15px 15px 15px;
	text-align:left;
	color:#333333;
	width:240px;
	float:left;
}

a.zoom:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	
}	
/****************
		twitter
****************/
	
#tweet{}
#tweet ul {}
#tweet ul li{background-color:#F4F4F4;
	padding: 15px 15px 15px 15px;
	text-align:left;
	color:#333333;
	border-bottom:#FFFFFF 2px solid;}
#tweet ul li a{text-decoration:underline;color:#333333;}
#tweet ul li a:hover{text-decoration:underline;color:#ff0000;}



.galerij_over {position:absolute ; top:62px;height:21px; background: #ffffff url('../images/gallerij_over.gif') 5px top no-repeat; padding-left:25px;padding-right:10px;line-height:1.8em;}
#gallerijWrap {position:relative !important;height:140px; width:540px;margin :10px 0;overflow:hidden;}

.titel_tekst{padding : 10px ;}
/**********************
betalen
*********************/

#betalen{float:right; width:120px ; height:18px; background: #2a2a2a; color: #ffffff; cursor:pointer;border:0;font-size:10px;padding-bottom:3px;}
#betalen:hover {float:right; width:120px ; height:18px; background: #ff0000; color: #ffffff; cursor:pointer;border:0;}
.prijs{float:right;}
.label{width:120px; text-align:right}
.text {border:0;padding-left:6px; background:#ffffff;margin-bottom:8px;width:200px;}
.paypal_submit{float:right; width:250px ; height:18px; background: #2a2a2a; color: #ffffff; cursor:pointer;border:0;font-size:10px;padding-bottom:3px;}
.paypal_submit:hover {float:right; width:250px ; height:18px; background: #ff0000; color: #ffffff; cursor:pointer;border:0;}
.artikel table{font-size:11px;}
select, input {color:#333333;}
.bestelling_ok{padding:15px;}
.extra_padding{padding:20px 10px !important;}

/***********************
formulier
**********************/
form {padding-top:10px;}
.zebox{float:left; clear:left; width:100%; height:30px;}
.zebox_large{float:left; clear:left; width:100%; height:60px;}
.zebox label, .zebox_large label{width:125px; padding-left:5px;font: 10px Arial ;float:left;text-align:right;padding-right:5px;}
.zebox input{width:168px; padding-left:5px;font: 11px Arial;height:16px; border:1px solid #c8c4c4 ; background:#ffffff}
.zebox_large textarea{width:168px; padding-left:5px;font: 11px Arial;height:50px; border:1px solid #c8c4c4 ; background:#f5f5f5;clear:none;}
label.small{width:40px;float:left; clear:none;}
label.large{width:180px;float:left; clear:none;}
.zebox input.small{width:58px; padding-left:5px;font: 11px Arial;height:16px; border:1px solid #c8c4c4 ; background:#f5f5f5;float:left;}
.checkbox{width:10px !important; float:left;padding:0;border:0 !important;}
.zebox span{float:left;padding :0 10px 0 5px;}

.zebox_submit{float:left; clear:left; width:100%; height:30px;margin-top:10px;}
input.submitter{background:#2a2a2a;float:left;font-size:10px;padding:2px;text-align:center;border:0; width:84px;cursor:pointer;margin-left:135px;color:#ffffff}

/******************************************
upload picsture in accreditatie formulier
******************************************/ 

.success{width:168px; padding:5px 0 5px 136px; }
.succes img{border:1px solid #c8c4c4 ;width:168px; }
#upload{width:100%; margin:5px 0 5px 0;position:relative;float:left;cursor:pointer;}
#upload span{display:block;width:125px;height:20px; float:left;text-align:right; padding-left:5px;font:10px Arial ;}
#upload span.koppel{width:125px;background:#2a2a2a;height:16px;float:left;clear:none !important; margin-left:5px;font-size:10px;padding:2px;text-align:center;cursor:pointer;color:#ffffff}

/*****************
UNDERCAST LOGO 
*****************/
#undercast { height: 75px; width: 34px; position: absolute; right: 0; bottom: 0; visibility: visible; }
#undercast { height: 75px; width: 34px; bottom: 0; right: 0; position: absolute; visibility: visible;}
#undercast a {background: url('../images/undercastlogo.png') right top no-repeat;width:14px; height:40px;display:block;cursor:pointer}
#undercast a:hover {background: url('../images/undercastlogo2.png') right top no-repeat;width:14px; height:40px;display:block;cursor:pointer}

/*****************
NIEUWS FOTO
*****************/
.nieuwsFotoLinks{padding:10px;}
.nieuwsFotoLinks img{float :left; width:130px; margin:0 5px 5px 0}
.nieuwsFotoLinks .textBox {float:left; clear:none; width:360px;}
