﻿html, body 
{
	background-image:url('images/background.jpg');
	background-repeat:repeat-x;
	background-color:#959595;
	padding:0;
	margin:0;
}


#container
{
	width:948px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

p
{
	font-family:Arial;
	font-size:12px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}

h2
{
	font-family:Arial;
	font-size:20px;
	margin:0;
	padding: 5px 5px 10px 5px;
}



table
{
	font-family:Arial;
	font-size:12px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}


h3
{
	font-family:Arial;
	font-size:14px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}


li
{
	font-family:Arial;
	font-size:12px;
	line-height:150%;

}


a
{
	color:White;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}














/* Header */
#header
{

}

#headerShaduwTop
{
	background-image:url('images/top_shaduw_black.png');
	background-repeat:no-repeat;
	height:4px;
	width:948px;
	_background-image:url('');
}

#headerShaduwBottom
{
	background-image:url('images/bottom_shaduw_black.png');
	background-repeat:no-repeat;
	height:8px;
	width:948px;
	_background-image:url('');
}


#headerData
{
	background-image:url('images/mid_shaduw_black.png');
	height:140px;
	padding-left:25px;
	padding-right:25px;
	_background-image:url('');
	_background-color:Black;
}



/* Logo */
#logo
{
	width:353px;
	height:140px;
	background-image:url('images/logo.png');
	background-repeat:no-repeat;
	background-position:center;
	float:left;
}

/* Reserveer */
#reserveer0900
{
	width:337px;
	height:140px;
	background-image:url('images/reserveer-0900.jpg');
	background-repeat:no-repeat;
	background-position:center;
	float:right;
	text-align:right;
	color:White;
	font-family:Arial;
	font-size:12px;
	line-height:20px;
}


/* Menu */
#menu
{
	color:White;
}

#menuTop
{
	background-image:url('images/top_shaduw_black.png');
	background-repeat:no-repeat;
	height:4px;
	_background-image:url('');
}
#menuData
{
	background-image:url('images/bottom_shaduw_menu.png');
	padding-left:4px;
	padding-right:4px;
	height:71px;
	_background-image:url('');
	_background-color:Black;
}





/* Footer */
#footer
{
	float:left;
 	width:100%;
	color:White;
	text-align:right;
	color:#575555;

}

#footer a
{
	color:#575555;
	text-decoration:none;
}

#footer p
{
	font-size:10px;
}

#footer a:hover 
{
	color:#575555;
	text-decoration:underline;
}



/*
#footerTop
{
	background-image:url('images/top_shaduw_black.png');
	background-repeat:no-repeat;
	height:4px;
}
#footerBottom
{
	background-image:url('images/bottom_shaduw_black.png');
	background-repeat:no-repeat;
	height:8px;
}

#footerData
{
	background-image:url('images/mid_shaduw_black.png');
	padding-left:4px;
	padding-right:4px;

}
*/





#content
{
	float:left;
	width:100%;
	overflow: hidden;
}



/* Carousel */
#carousel
{	

}

#carouselTop
{
	background-image:url('images/top_shaduw_black.png');
	background-repeat:no-repeat;
	height:4px;
	width:100%;
	float:left;
	_background-image:url('');

}

#carouselBottom
{
	background-image:url('images/bottom_shaduw_black.png');
	background-repeat:no-repeat;
	height:8px;
	width:100%;
	float:left;
	_background-image:url('');

}

#carouselMid
{
	background-image:url('images/mid_shaduw.png');
	padding-left:4px;
	padding-right:4px;
	width:100%;
	float:left;
	_background-image:url('');

}

#carouselData
{
	background:url('images/item.jpg') top left;
	background-repeat:repeat-y; 

}




/* PANEL breedte ----------------- */
.Pnl1
{
	width:468px;
	float:left;
	color:White;
}
.Pnl2
{
	margin-left:0px;
	width:468px;
	float:left;
	color:White;
	_width:435px;
	_float:right;
	_top:0;
}
.Pnl3
{
	float:left;
 	width:100%;
	color:White;
}
.Pnl4
{
	width:568px;
	float:left;
	color:White;
}


.Pnl5
{
	margin-left:0px;
	width:368px;
	float:right;
	color:White;
	_width:435px;
	_float:right;
	_top:0;
}

/* Extra */
.Pnl1-full
{
	width:568px;
	float:left;
	color:White;
}
.Pnl2-full
{
	margin-left:0px;
	width:368px;
	float:left;
	color:White;
}








/* TEST ----------------------------------------------- */
.Pnl1 .tekst
{
	width:468px;
	float:left;
	color:White;
}

.Pnl1 .tekst .tekstTop
{
	background-image:url('images/top_shaduw_2col.png');
	background-repeat:no-repeat;
	height:4px;
	float:left;
	width:100%;
	_background-image:url('');
}

.Pnl1 .tekst .tekstBottom
{
	background-image:url('images/bottom_shaduw_2col.png');
	background-repeat:no-repeat;
	height:8px;
	float:left;
	width:100%;
	_background-image:url('');
}

.Pnl1 .tekst .tekstData
{
	width:100%;
	background-image:url('images/mid_shaduw_2col.png');
	background-repeat:repeat-y;
	padding-left:4px;
	padding-right:4px;
	float:left;	
	_background-image:url('');
	_background-color:Black;
}


.Pnl1 .tekst .tekstContent
{
	padding-right:8px;
}


.Pnl1 .tekst h1
{
	margin:0;
	padding:0;
	background-image:url('images/h1_background.jpg');
	height:58px;
	text-align:left;
	vertical-align:top;
	line-height:58px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	text-transform:uppercase;
	padding-left:10px;
}

















.Pnl2 .tekst
{
	margin-left:12px;
	width:468px;
	float:left;
	color:White;
	_width:435px;
}

.Pnl2 .tekst .tekstTop
{
	background-image:url('images/top_shaduw_2col.png');
	background-repeat:no-repeat;
	height:4px;
	float:left;
	width:100%;
	_background-image:url('');
}

.Pnl2 .tekst .tekstBottom
{
	background-image:url('images/bottom_shaduw_2col.png');
	background-repeat:no-repeat;
	height:8px;
	float:left;
	width:100%;
	_background-image:url('');
}

.Pnl2 .tekst .tekstData
{
	background-image:url('images/mid_shaduw_2col.png');
	background-repeat:repeat-y;
	padding-top:0;
	margin:0;
	padding-left:3px;
	padding-right:8px;
	float:left;
	width:100%;
	_background-image:url('');
	_background-color:Black;
}


.Pnl2 .tekst .tekstContent
{
	padding-right:7px;
}


.Pnl2 .tekst h1
{
	margin:0;
	padding:0;
	background-image:url('images/h1_background.jpg');
	height:58px;
	text-align:left;
	vertical-align:top;
	line-height:58px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	text-transform:uppercase;
	padding-left:10px;
}



/*---------------------------------- */
.Pnl4 .tekst
{
	width:568px;
	float:left;
	color:White;
}

.Pnl4 .tekst .tekstTop
{
	background-image:url('images/top_shaduw_2_n_col.png');
	background-repeat:no-repeat;
	height:4px;
	float:left;
	width:100%;
	_background-image:url('');
}

.Pnl4 .tekst .tekstBottom
{
	background-image:url('images/bottom_shaduw_2_n_col.png');
	background-repeat:no-repeat;
	height:8px;
	float:left;
	width:100%;
	_background-image:url('');
}

.Pnl4 .tekst .tekstData
{
	width:100%;
	background-image:url('images/mid_shaduw_2_n_col.png');
	background-repeat:repeat-y;
	padding-left:4px;
	padding-right:4px;
	float:left;	
	_background-image:url('');
	_background-color:Black;
}


.Pnl4 .tekst .tekstContent
{
	padding-right:8px;
}


.Pnl4 .tekst h1
{
	margin:0;
	padding:0;
	background-image:url('images/h1_background.jpg');
	height:58px;
	text-align:left;
	vertical-align:top;
	line-height:58px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	text-transform:uppercase;
	padding-left:10px;
}






.Pnl5 .tekst
{
	margin-left:12px;
	width:368px;
	float:right;
	color:White;
	_width:335px;
}

.Pnl5 .tekst .tekstTop
{
	background-image:url('images/top_shaduw_2_d_col.png');
	background-repeat:no-repeat;
	height:4px;
	float:left;
	width:100%;
	_background-image:url('');
}

.Pnl5 .tekst .tekstBottom
{
	background-image:url('images/bottom_shaduw_2_d_col.png');
	background-repeat:no-repeat;
	height:8px;
	float:left;
	width:100%;
	_background-image:url('');
}

.Pnl5 .tekst .tekstData
{
	background-image:url('images/mid_shaduw_2_d_col.png');
	background-repeat:repeat-y;
	padding-top:0;
	margin:0;
	padding-left:3px;
	float:left;
	width:100%;
	_background-image:url('');
	_background-color:Black;
}


.Pnl5 .tekst .tekstContent
{
	padding-right:7px;
}

.Pnl5 td, .Pnl5 th
{
	padding:5px;
}


.Pnl5 .tekst h1
{
	margin:0;
	padding:0;
	background-image:url('images/h1_background.jpg');
	height:58px;
	text-align:left;
	vertical-align:top;
	line-height:58px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	text-transform:uppercase;
	padding-left:10px;
}

/*---------------------------------- */














.Pnl3 .tekst
{
	float:left;
 	width:100%;
	color:White;
}

.Pnl3 .tekst .tekstTop
{
	background-image:url('images/top_shaduw_black.png');
	background-repeat:no-repeat;
	height:4px;
	width:100%;
	_background-image:url('');
}

.Pnl3 .tekst .tekstBottom
{
	background-image:url('images/bottom_shaduw_black.png');
	background-repeat:no-repeat;
	height:8px;
	width:100%;
	_background-image:url('');
}

.Pnl3 .tekst .tekstData
{
	width:100%;
	background-image:url('images/mid_shaduw_black.png');
	padding-left:4px;
	padding-right:4px;
	_background-image:url('');
	_background-color:Black;
}


.Pnl3 .tekst .tekstContent
{
	padding-right:8px;
}


.Pnl3 .tekst h1
{
	margin:0;
	padding:0;
	background-image:url('images/h1_background.jpg');
	height:58px;
	text-align:left;
	vertical-align:top;
	line-height:58px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	text-transform:uppercase;
	padding-left:10px;
}























/* MENU SYSTEEM */
/* ============== HET MENU ========================== */


/* IE 6 ------------------------------------------------------- */
.MenuSysteem ul.AspNet-Menu li 
{
	_width: 1em;	
	_white-space: nowrap;
}
.MenuSysteem ul.AspNet-Menu ul li
{
	_white-space: normal;
}
/* IE 6 ------------------------------------------------------- */



#menu
{
	width:100%;
	float:left;

}


.MenuSysteem ul.AspNet-Menu
{
    z-index:900;
}

.MenuSysteem ul.AspNet-Menu ul  
{
    width:150px;
    top: 60px;
    z-index:999;
}


.MenuSysteem ul.AspNet-Menu ul ul  
{
	left:181px;
    top: 0px;
}



.MenuSysteem li 
{
	line-height:71px;
}




.MenuSysteem ul.AspNet-Menu ul li a
{
    line-height:20px;
}







.MenuSysteem li:hover,
.MenuSysteem li.AspNet-Menu-Hover
{

    background-image:url('images/test.png');
    background-repeat:no-repeat;
    background-position: center center;

}

/* IE 6 ------------------------------------------------------- */
.MenuSysteem li.AspNet-Menu-Hover
{
    _background-image:url('');
}
/* IE 6 ------------------------------------------------------- */


.MenuSysteem a, 
.MenuSysteem span
{
	font-size: 12px;
	font-family:Arial;
    color: #ffffff;
    padding: 0 12px 0 12px;
    line-height:71px;



   
}

.MenuSysteem li.AspNet-Menu-Leaf a, 
.MenuSysteem li.AspNet-Menu-Leaf span
{
    background-image: none !important;

}

.MenuSysteem li:hover a, 
.MenuSysteem li:hover span,
.MenuSysteem li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover span,
.MenuSysteem li:hover li:hover a,
.MenuSysteem li:hover li:hover span,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.MenuSysteem li:hover li:hover li:hover a,
.MenuSysteem li:hover li:hover li:hover span,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color:#ffe502;
}



.AspNet-Menu li:hover a,
.AspNet-Menu li:hover span
{
	color:#ffe502;
}






.MenuSysteem li:hover li a, .MenuSysteem li:hover li span, .MenuSysteem li.AspNet-Menu-Hover li a, .MenuSysteem li.AspNet-Menu-Hover li span, .MenuSysteem li:hover li:hover li a, .MenuSysteem li:hover li:hover li span, .MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
	border: 1px solid #383838;
	color: white;
    background-color: #575757;
	width: 150px;
	margin: 0 0 1px 0;
	height: 25px;
	line-height:25px;

}

.MenuSysteem .AspNet-Menu-Selected
{
    color:#fff6a9;
    font-weight:bolder;
    background-image:url('images/test2.png');
    background-repeat:no-repeat;
    background-position: center center;
}

.MenuSysteem .AspNet-Menu-ChildSelected 
{
    color:#ffffff;
    font-weight:bolder;
    background-image:url('images/test2.png');
    background-repeat:no-repeat;
    background-position: center center;

}

/* IE 6 ------------------------------------------------------- */
.MenuSysteem .AspNet-Menu-Selected
{
    _background-image:url('');

}

.MenuSysteem .AspNet-Menu-ChildSelected 
{
    _background-image:url('');
}
/* IE 6 ------------------------------------------------------- */



.MenuSysteem .AspNet-Menu-ParentSelected
{
    color:green;
}



.AspNet-Menu-WithChildren  .AspNet-Menu-Leaf  .AspNet-Menu-Selected
{
	background-color:Black;
} 









/* API Style ------------------------------------------------------------------------------------- */
/* Film Overzicht */
#filmOverzicht
{
	width:100%;
	float:left;
	background-image:url('images/mid_shaduw_black.png');
	color:White;
	_background-image:url('');
	_background-color:black;
						
}

#filmOverzichtTop
{
	background-image:url('images/top_shaduw_black.png');
	background-repeat:no-repeat;
	height:4px;
	width:100%;
	_background-image:url('');

}

#filmOverzichtFooter
{
	background-image:url('images/bottom_shaduw_black.png');
	background-repeat:no-repeat;
	height:8px;
	width:100%;
	float:left;
	_background-image:url('');

}


#filmOverzicht h1
{
	margin:0;
	padding:0;
	background-image:url('images/h1_background.jpg');
	height:58px;
	text-align:left;
	vertical-align:top;
	line-height:58px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	text-transform:uppercase;
	padding-left:10px;
	margin-left:4px;
	margin-right:4px;
	margin-top:-4px;
}

#filmOverzicht .film .gegevens h2
{
	font-family:Kalinga, Arial;
	font-size:20px;
	font-weight:bold;
	vertical-align:top;
}





#filmOverzicht .film
{
	width:100%;
	padding-bottom:30px;
	float:left;

}


#filmOverzicht .film .snelcode
{
	position:relative;
	width:174px;
	background-image:url('images/snelcode.png');
	background-repeat:no-repeat;
	height:42px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	left:-35px;
	text-align:left;
	margin-top:8px;
}
#filmOverzicht .film .snelcode p
{
	padding-left:120px;
	line-height:37px;
	font-family:Kalinga, Arial;
	font-weight:bold;
	font-size:20px;
}



.reserveer a
{
	color:Yellow;
}


#filmOverzicht .film .kijkwijzer
{
	padding-left:10px;
	width:35px;
	float:left;
}

#filmOverzicht .film .poster
{
	width:145px;
	float:left;
}
#filmOverzicht .film .poster img
{
	width: 130px;
	border: 4px solid #909090;
}

/*
#filmOverzicht .film .poster a
{
	border: 4px solid #909090;
}
*/

#filmOverzicht .film .gegevens
{
	float:left;
	width:700px;
	vertical-align:top;
}

#filmOverzicht .film .gegevens2
{
	float:left;
	width:500px;
	vertical-align:top;
}

#filmOverzicht .film .gegevens2 h2
{
	padding:0;
	margin:0;
}

#filmOverzicht .film .opties
{
	float:right;
	width:250px;
	height:100px;
	vertical-align:top;
	text-align:right;
}



.nummer
{
	margin-left:250px;
	width:390px;
	background-image:url('images/nummer.png');
	background-position:center;
	background-repeat:no-repeat;
	height:42px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	left:-35px;
	text-align:center;
	margin-top:8px;
}
.nummer p
{
	padding-top:15px;
	padding-left:200px;
	font-family:Kalinga, Arial;
	font-weight:bold;
	font-size:24px;
}



#Winkelwagen h2
{
	font-family:Kalinga, Arial;
	font-size:20px;
	font-weight:bold;
	vertical-align:top;
}







/* Film Dag Overzicht */
#filmDagOverzicht
{
	width:100%;
	float:left;
	background-image:url('images/mid_shaduw_black.png');
	_background-image:url('');
	_background-color:black;
	color:White;
}
#filmDagOverzicht p
{
	line-height:100%;
	padding-bottom:0px;
}


#filmDagOverzicht h1
{
	margin:0;
	padding:0;
	background-image:url('images/h1_background.jpg');
	height:58px;
	text-align:left;
	vertical-align:top;
	line-height:58px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	text-transform:uppercase;
	padding-left:10px;
}

#filmDagOverzicht .film
{
	width:100%;
	float:left;

}

#filmDagOverzicht .filmHover
{
	width:100%;
	float:left;
	background-color:#141313;

}

#filmDagOverzicht .titel
{
	width:270px;
	float:left;
}

#filmDagOverzicht .titel a
{
	font-family:Kalinga, Arial;
	font-size:12px;
	line-height:150%;
	color:White;
	text-decoration:none;
}

#filmDagOverzicht .titel a:hover
{
	text-decoration:underline;
}



#filmDagOverzicht .kijkwijzer
{
	width:30px;
	float:left;
	text-align:right;
}


#filmDagOverzicht .programma
{
	width:255px;
	float:left;
}

#filmDagOverzicht .programma .tijd, #Winkelwagen .tijd
{
	width:49px;
	margin-left:2px;
	margin-bottom:2px;
	height:27px;
	background-image:url('images/tijd.png');
	_background-image:url('');
	_background-color:Gray;
	background-repeat:no-repeat;
	text-align:center;
	color:White;
	line-height:27px;
	float:left;

}

#tijden
{
	width:100%;
	float:left;
}


#filmDagOverzicht .programma .tijd a
{
	color:White;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;

}






/* ----------------- Film tijd ---------------------------- */
#filmTijdOverzicht
{
	width:182px;
	float:left;
	background-image:url('images/mid_shaduw_black.png');
	color:White;
	margin-left:-35px;
}

#filmTijdOverzicht h3
{
	font-size:12px;
}




#filmTijdOverzicht .programma
{
	width:155px;
	float:left;
}

#filmTijdOverzicht .programma .tijd
{
	width:49px;
	margin-left:2px;
	margin-bottom:2px;
	height:27px;
	background-image:url('images/tijd.png');
	background-repeat:no-repeat;
	text-align:center;
	color:White;
	line-height:27px;
	float:left;
	border:0;

}
#filmTijdOverzicht .programma .tijd a
{
	color:White;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	border:0;

}





/* Carousel slider ----------------------------- */
#featured{ 
	width:940px; 
	/*padding-right:440px;  */
	position:relative; 
	height:280px; 
	overflow:hidden;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0;
	left:588px; 
	list-style:none; 
	padding:0;
	margin:0; 
	width:352px; 
	z-index:10;

}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0;
	padding-left:12px;  
	font-size:12px; 
	color:#666; 

}
#featured ul.ui-tabs-nav li img{ 
	float:left;
	margin:0px 10px; 
	padding:2px; 
}
#featured ul.ui-tabs-nav li span 
{
	color:#222222;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	font-family:Arial;
}





#featured li.ui-tabs-nav-item a 
{
	font-family:Arial;
	padding-left:10px;
	display:block; 
	height:56px; 
	line-height:150%;
	font-size:14px;
	text-decoration:none;
	color:#222222;
	font-weight:bold;
}
#featured li.ui-tabs-nav-item a:hover 
{
	background-image:url('images/item-hover.png');
	_background-image:url('');
}
#featured li.ui-tabs-selected 
{
	background:url('images/selected-item.png') top left no-repeat; 
	_background:url(''); 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	color:White;
	_color:black;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a span{ 
	color:White;
	_color:black;
}

#featured .ui-tabs-panel{ 
	width:940px;
	height:280px; 
	position:relative;
 
}



#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px;
	left:0; 
	height:100px; 
	background: url('images/transparent-bg.png'); 
	width:600px;
	_background: url(''); 
}
#featured .info h2{ 
	font-size:18px;
	font-family:Kalinga, Arial;
	color:#fff;
	padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0; 
	padding:5px;
	font-family:Arial;
	font-size:12px; 
	line-height:150%;
	color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}









/* Verwachte films ------------------------------- */
#verwachteFilms
{
	width:100%;
	background-image:url('images/verwacht_background.jpg');
	background-repeat:repeat-x;
}

#verwachteFilms span
{
	font-size:10px;
	padding:5px;
}


#verwachteFilmsNext
{
	height:200px;
	width:25px;	
	float:right;
	_width:15px;	
}
#verwachteFilmsNext img
{
	padding-top:90px;
	border:0;
}


#verwachteFilmsPrev
{
	height:200px;
	width:25px;	
	float:left;
	_width:15px;	
}

#verwachteFilmsPrev img
{
	padding-top:90px;
	border:0;
}


.verwachtefilms
{
	height:240px;
	width:125px;
	_width:120px;
}

.verwachtefilms ul li
{
	height:240px;
	width:125px;
	_width:100px;
}



.verwachtefilms1
{
	height:240px;
	width:132px;
	_width:100px;
}

.verwachtefilms1 ul li
{
	height:240px;
	width:132px;
	_width:100px;
}



/* Winkelwagen films ------------------------------- */
.bedragen
{
	font-family:Arial;
	font-size:12px;
	padding-left:742px;
}
.bedragen table
{
	width:200px;	
}

.bedragen table td
{
	width:100px;	
}

.tebetalen
{
	font-size:14px;
	font-weight:bold;
}


#updatecheck
{
	position:absolute;
	z-index:100;
	width:940px;
	height:200px;
	background-color:#aaaaaa;
}
#updatecheck p
{
	font-family:Arial;
	font-size:12px;
	color:Red;
}
#updatecheck h1
{
	font-family:Arial;
	font-size:18px;
	color:White;
}



.AspNet-GridView th
{
	text-align:left;	
}



.AspNet-GridView h2
{
	font-family:Arial;
	font-size:14px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}

.AspNet-GridView table
{
	width:100%;
	text-align:left;
	font-family:Arial;
	font-size:12px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}

.AspNet-GridView .titel
{
	width:350px;
}

.AspNet-GridView .datum
{
	width:200px;
}

.AspNet-GridView .aanvang
{
	width:100px;
}

.AspNet-GridView .aantalkaarten
{
	width:70px;
}

.AspNet-GridView .prijsperstuk
{
	width:100px;
}

.AspNet-GridView .prijs
{
	width:100px;
}


.AspNet-GridView .verwijder
{
	width:47px;
}

.AspNet-GridView img
{
	width:60px;
	padding:5px;
}

.AspNet-GridView-Header
{
	text-align:left;
}



/* Inloggen ------------------------------- */
#Inloggen table
{
	width:100%;
	text-align:left;
	font-family:Arial;
	font-size:12px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}



/* Inloggen ------------------------------- */
#Register table
{
	width:100%;
	text-align:left;
	font-family:Arial;
	font-size:12px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}








/* Form -------------------------------    */  

INPUT.form
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background: #f3eddc;
	font: 12px Arial;
	height:15px;
	color: #000000;
	width:200px;
}
SELECT.form
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background: #f3eddc;
	font: 12px Arial;
	line-height:15px;
	color: #000000;
	width:204px;
}

TEXTAREA
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background: #f3eddc;
	font: 12px Arial;
	color: #000000;
	width:180px;
	height:120px;
}





































/*---------------------- OUD --------------------------------------- */



/* Tekst Full */
#tekstFull
{
	float:left;
 	width:100%;
	color:White;
}



#tekstFull h1
{
	margin:0;
	padding:0;
	background-image:url('images/h1_background.jpg');
	height:58px;
	text-align:left;
	vertical-align:top;
	line-height:58px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	text-transform:uppercase;
	padding-left:10px;
}


#tekstFullTop
{
	background-image:url('images/top_shaduw_black.png');
	background-repeat:no-repeat;
	height:4px;
	width:100%;
	_background-image:url('');

}
#tekstFullBottom
{
	background-image:url('images/bottom_shaduw_black.png');
	background-repeat:no-repeat;
	height:8px;
	width:100%;
	_background-image:url('');
}

#tekstFullData
{
	width:100%;
	background-image:url('images/mid_shaduw_black.png');
	padding-left:4px;
	padding-right:4px;
	_background-image:url('');
	_background-color:Black;
}


#tekstFullContent
{
	padding-right:8px;
}










/* Tekst Right */
#tekstRight
{
	margin-left:12px;
	width:468px;
	float:left;
	color:White;
}

#tekstRightTop
{
	background-image:url('images/top_shaduw_2col.png');
	background-repeat:no-repeat;
	height:4px;
	float:left;
	width:100%;
	_background-image:url('');
}
#tekstRightBottom
{
	background-image:url('images/bottom_shaduw_2col.png');
	background-repeat:no-repeat;
	height:8px;
	float:left;
	width:100%;
	_background-image:url('');
}

#tekstRightData
{
	background-image:url('images/mid_shaduw_2col.png');
	background-repeat:repeat-y;
	padding-top:0;
	margin:0;
	padding-left:3px;
	padding-right:8px;
	float:left;
	width:100%;
	_background-image:url('');
}

#tekstRightContent
{
	padding-right:7px;
}


#tekstRight h1
{
	margin:0;
	padding:0;
	background-image:url('images/h1_background.jpg');
	height:58px;
	text-align:left;
	vertical-align:top;
	line-height:58px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	text-transform:uppercase;
	padding-left:10px;
}





/* Tekst Left        468px */
#tekstLeft
{

	width:568px;
	float:left;
	color:White;

}

#tekstLeftTop
{
	background-image:url('images/top_shaduw_2_n_col.png');
	background-repeat:no-repeat;
	height:4px;
	float:left;
	width:100%;
	_background-image:url('');
}
#tekstLeftBottom
{
	background-image:url('images/bottom_shaduw_2_n_col.png');
	background-repeat:no-repeat;
	height:8px;
	float:left;
	width:100%;
	_background-image:url('');
}

#tekstLeftData
{
	width:100%;
	background-image:url('images/mid_shaduw_2_n_col.png');
	background-repeat:repeat-y;
	padding-left:4px;
	padding-right:4px;
	float:left;
	_background-image:url('');
}

#tekstLeftContent
{
	padding-right:8px;
}



#tekstLeft h1
{
	margin:0;
	padding:0;
	background-image:url('images/h1_background.jpg');
	height:58px;
	text-align:left;
	vertical-align:top;
	line-height:58px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	text-transform:uppercase;
	padding-left:10px;
}












/* FANCY -------------------------------- */
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	/*background: #FFF; */
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('images/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('images/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('images/fancy_title_right.png') repeat-x;
}





/* ================== FOTO Gallery ================================== */
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 550px; 
	padding:5px;
	font-family:Arial;
	font-size:12px;
}
div.content a, div.content span
{
	font-family:Arial;
	font-size:12px;
}


div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 0;

}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation 
{
	padding-left:10px;
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}



.winkelwagenItem
{
	position:absolute;
	background-image:url('images/winkelwagen_delete.png');
	background-repeat:no-repeat;
	width:80px;
	height:86px;
	z-index:5;
	margin-left:-35px;
	margin-top:-45px;
	
	_background-image:url('');
	_background-color:black;

}


.AspNet-GridView table
{
	padding:0;
	margin:0;
}


.AspNet-GridView tr
{
	margin-bottom:5px;
	background-image:url('images/winkelwagen-item.png');
	background-repeat:repeat-x;
	border:0;
	padding:0;
	margin:0;
	
	_background-image:url('');

}

.imgPoster
{
	
	border: 3px solid #FFFF00;
}




INPUT.but
{
	background-color: #ffe60f;
	border: 1px solid #d8c403;
}

.buttons
{
	width:98%;
	text-align:right;
	padding-bottom:10px;
	padding-left:6px;

}

.buttons h2
{
	font-family: Arial;
	font-size: 14px;
	text-align:left;	
}

.algemeen
{
	border: 1px solid #000000;
	font-family: Arial;
	font-size: 12px;
	text-align:left;
	width:100%;
}


.registreer
{
	margin-bottom:5px;
	background-image:url('images/winkelwagen-item.png');
	background-repeat:repeat-x;
	border:0;
	padding:0;
	margin:0;
	height: 80px;
}

.registreer INPUT
{
	width:100%;
	height:80px;
	text-align:center;
	background-image:url('images/winkelwagen-item.png');
	background-color:Transparent;
	border:0;
	color:White;
	font-size:14px;
	font-family:Arial;
}
#voucher
{
	width:629px;
	height:455px;
	position:absolute;
	top:0;
	left:0;

}

#voucher #film
{
	padding-top:100px;
	padding-left:200px;
	font-family:Arial;
	font-size:14px;
	line-height:100%;

}


 #voucher #film td
 {
 	font-family:Arial;
	font-size:14px;
	line-height:150%;	
 }

#voucher #barcode 
{
	position:absolute;
	left:200px;
	width:400px;
	text-align:center;
	font-family:Arial;
	font-size:14px;
	padding:0;
	margin:0;
}
#voucher #barcode td
{
	line-height:0px;
}



.overzichtKopenReserveren
{
    font-family:Arial;
	font-size:14px;
	line-height:20px;
	margin-left:-35px;
}

.overzichtReserveren
{
    font-family:Arial;
	margin-left:-35px;

}




/*================== AH ======================*/

#ah
{
    background-image:url('images/ah.jpg');
    background-repeat:no-repeat;
    width:940px;
    height:1343px;
    margin:auto;
}

#ahData
{
    padding-top:500px;
    padding-left:150px;
}

#ahData h1
{
    font-family:arial;
    font-size:24px;
}

#ahData .form
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background-color: #f3eddc;
	font: 12px Arial;
	height:20px;
	line-height:20px;
	color: #000000;
	width:200px;
}

#ahData .code
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background-color: #f3eddc;
	font: 20px Arial;
	height:30px;
	line-height:30px;
	color: #000000;
	width:200px;
}


#ahData .buttonAH
{
    background-color:#1968b0;
    color:white;
	border-right: white 2px solid;
	border-top: white 2px solid;
	border-left: white 2px solid;
	border-bottom: white 2px solid;
	font: 20px Arial;
}
    