/* Default CSS Stylesheet for a new Web Application project */

BODY
{
	font-weight: normal;
	font-size: 0.8em;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	background-color: #000033;
	color: #000000;
	width: 99%;
	padding-top: 0;
	margin-top: 0;
}
A:link
{	
	font-size: x-small;
	color: #DDDDDD;
	text-decoration: none;
}	
		
A:visited
{
	font-size: x-small;
	color: #DCD5D5;
	text-decoration: none;
}	
		
A:active
{
	font-size: x-small;
	color:	#333399;
	text-decoration: none;
}	
		
A:hover{
	font-size: x-small;
	color:	#ffffff;
	text-decoration: none;
}
	
	
SMALL
{
	font-size: 0.8em;
	color: black;
	font-style: normal;
}	

.BIG{	

	font-size: 24;
	color: WHITE;
}	

BLOCKQUOTE, PRE	{ 
	font-size: 11px; font-style: normal; 
	font-weight: bold;
	color: red;
}	
	


.TextBox {
	font-size:x-small;
	font-size: 10;
	color: black;
	background-color: #eeeeee;
}
.TextBoxKlein { 
	font-size: 11px; font-style: normal; 
	background-color: #ffcc00;
}

.Grid_General
{

	font-size:x-small;
	color: black;
	background-color: #FFFFCC;
}

.Grid_Item
{
 
	font-size: x-small; font-style: normal;
	color: black;
	background-color: #eeeeee;
	text-align:center;
}
.Grid_AlternatingItem
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: x-small; font-style: normal;
	color: black;
	background-color: #cccccc;
	text-align:center;
	text-decoration: none;
}
.Grid_Header
{
	font-weight: bold;
	font-size: medium;
	color: #ffe6b0;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ff9933;
	text-align: center;
}
A.Grid_Header:link
{
color: white;
font-size: xx-small; font-style: normal;
}
A.Grid_Header:hover
{
color: red;
font-size: xx-small; font-style: normal;
}
A.Grid_Header:visited
{
color: white;
font-family: Arial;
font-size: xx-small;
font-style: normal;
}

.Grid_Footer
{
	font-weight: bold;
	color: Maroon;
	background-color: #FFCC99;
	text-align:right;

}
.Grid_Pager
{
	font-size: x-small;
	color: white;
	font-style: normal;
	font-family: Arial;
	background-color: #ff9933;
}
A.Grid_Pager
{
	font-size: x-small;
	color: blue;
	font-style: normal;
	font-family: Arial;
	background-color: #ff9933;
}
A.Grid_Pager:HOVER
{
	font-size: x-small;
	color: blue;
	font-style: normal;
	font-family: Arial;
	background-color: #ff9933;
	text-decoration: underline;
}
.Grid_SelectedItem {
	font-size:small;
	color: Black;
	background-color: #ffcc00;
}
A.Grid_LINK
{
	font-size:small;
	color: #FFCC00;
	font-weight: bold;
}


A.Grid_LINK:visited
{
	font-size:small;
	color: #FFEE00;
	font-weight: bold;
}
A.Grid_LINK:HOVER
{

	font-size:small;
	font-size: 16px; 
	font-style: normal;
	color: blue;
	font-weight: bold;
	text-decoration: underline;
}

.Error 
{
	font-size: x-small; font-style: normal; 
	color: red;
}
A.Error 
{
	font-size: 16px; font-style: normal; 
	font-weight: bold;
	color: red;
}
.ErrorBold {
	font-size: 16px; font-style: normal; 
	font-weight: bold;
	color: red;
}
.ErrorKleinBold {
	font-size: x-small; font-style: normal; 
	font-weight: bold;
	color: red;
}
.Test
{
	color: black;
	font-family: x-small Verdana, Arial;
}

.textnormal
{
	font-size: x-small;
	color: black;
	font-style: normal;	
	background-color: #ffffcc;
}
.textnormal_Grijs 
{ 	
	font-size: 12px;
	color: #dddddd;
	line-height: 20px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif; 	
	
	
}
.textklein
{
	font-size: xx-small;
	font-style: normal;	
}
.textkleinbold 
{ 	
font-size: xx-small;
font-style: normal; 
font-weight: bold
}
A.TextErgklein 
{ 	 
	font-size: 7px; font-style: normal; 
	font-weight: normal
}
.textbold
{
	font-weight: bold;
	font-size: medium;
	font-style: normal;
	color: black;
	
}
.textxsmallbold
{
	font-weight: bold;
	color: black;
	font-size: x-small;
	font-style: normal;
	background-color: #ffffcc;
}
.textxlargebold
{
	font-weight: bold;
	font-size: x-large;
	color: black;
	font-style: normal;
	background-color: #ffffcc;
}
.textboldGeel
{ 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
	color: #FFcc00;
}
.textboldKop 
{ 
	font-size: 19px; 
	font-style: normal; 
	font-weight: bold
}
.klein {
	font-size: 10px;
	font-style: normal;
}
.achtergrond
{
	background-attachment: fixed;
	background-image: url(pics/bk_2.gif);
	background-repeat: repeat-x;
}
.Panelachtergrond
{
background-color: #cccccc;
border-color: #000040;
border-style:groove;
border-width:thin;

}
.tablebackground{
	background-color: #c9c9c9;
	font-size: 8pt;
	font-family: Verdana;
	font-style: normal;
	border: 0px;
	border-color:#000000;
	border-style:solid;
	border-top: 0px;
	border-left: 20px;
	border-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 10pt;}
	
.dividerCell { BACKGROUND-COLOR: #a9a9a9 } 
.link 
{  
	font-size: 11px; 
	font-style: normal; 
	text-decoration: none 
}

.MenuRow {
	font-size:x-small;
	color: lightgreen;
}

A.MenuItem
{	
	font-size:x-small;
	color: #ffffff;
	text-decoration: none;
}
A.MenuItem:visited
{	
	font-size:x-small;
	font-weight:bold;
	color: #ffcc00;
	text-decoration: none;
}
A.MenuItem:hover
{
	color: #ffffff;	
	font-size:x-small;
	font-weight:bold;
	text-decoration: none;
}
A.TextKlein:hover
{
	color: red;
}
A.TextKlein
{	
	font-size:x-small;
	font-weight:bold;
	color: #006600;
	text-decoration: none;
}
.Poll_Box {
	font-size:x-small;
	color: black;
	background-color: silver;
}

.Poll_Question
{
	font-size: xx-small;
	color:Silver;
	font-family: Arial, Verdana;
}

.Poll_Bar {
	color: #ffcc00;
	height: 8;
}

.Poll_Results
{
	font-size: xx-small;
	color: DimGray;
}

.Poll_Option {
	font-size:x-small;
	color: DimGray;
}
.Site_Header
{
Background-image: url(/diashow/Images/LineBackground.gif);
}
.Forums_Header {
	font-weight:bold;
	color: #ffcc00;
	background-color: dimgray;
}

.Forums_Header2 {
	color: #ffcc00;
		font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	background-color: #333333;
	border: 0px;
	border-color: #666666;
	border-style: solid;
}

.Forums_TopicSubject {
	color: darkred;
		font-family: Verdana, Arial, sans-serif;
	font-size:x-small;
	font-weight:bold;
	font-size: 11px;
}

.Forums_Item
{

	vertical-align: top;	
	color: black;	
	
	font-size: 11px;
	background-color: silver;
	border: 0px;
}

.Forums_AlternatingItem
{
	font-size: 11px;
	vertical-align: baseline;
	color: black;
	background-color: gainsboro;
	
	
}

.Forums_General {
	font-family:Verdana, Arial, sans-serif;
	font-size: 11px;
	color: black;
	background-color: dimgray;
	vertical-align: top;

}
.TabelHeaderKopTD
{
	background-color: #ff9933;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-style: normal; 
	font-weight: bold
}
.TabelHeaderKopTDBG
{
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold
}
A.loginBoxEventLink
{
	text-decoration: underline;
	font-weight:700;
	color: #333399;
}
A.loginBoxEventLink:hover
{
	color: red;
}
A.loginBoxEventLink:visited
{
		color: #000033;
}
.TextDisclaimer
{
	font-size: x-small;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000033;
	color: #FFFFCC;
}
A.TextDisclaimer:link
{
	font-size: x-small;
	color: #9999cc;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000033;
}
A.TextDisclaimer:hover
{
	font-size: x-small;
	color: #9999cc;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000033;
	text-decoration: underline;
}
A.TextDisclaimer:visited
{
	font-size: x-small;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000033;
	color: #9999cc;
	text-decoration: underline;
}
.TextDisclaimerText
{
	font-size: x-small;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	color: #FFFFCC;
}
/*A.TextDisclaimerText:link
{
	font-size: x-small;
	color: #9999cc;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
}
A.TextDisclaimerText:hover
{
	font-size: x-small;
	color: #9999cc;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	text-decoration: underline;
}
A.TextDisclaimerText:visited
{
	font-size: x-small;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	color: #9999cc;
	text-decoration: underline;
}
*/
.TextLink
{
	font-size: x-small;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	color: #FFFFCC;
}
A.TextLink:link
{
	font-size: x-small;
	color: #9999cc;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
}
A.TextLink:hover
{
	font-size: x-small;
	color: #9999dd;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	text-decoration: underline;
}
A.TextLink:visited
{
	font-size: x-small;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	color: #9999cc;
	text-decoration: underline;
}

.TextLinkDark
{
	font-size: x-small;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	color: #000000;
}
A.TextLinkDark:link
{
	font-size: x-small;
	color: blue;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	text-decoration: underline;
}
A.TextLinkDark:hover
{
	font-size: x-small;
	color: red;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	text-decoration: underline;
}
A.TextLinkDark:visited
{
	font-size: x-small;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	color: blue;
	text-decoration: underline;
}

.TabelHeader
{
	background-color: #ff9933;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	font-style: normal; 
	font-weight: bold;
	margin-bottom:5px;
	padding:2px;
}
/* #contentFrame
{
text-align: center;
}
*/
#contentFrame
{	
	position:relative;
	overflow:auto;
	overflow-x:hidden;
	WIDTH: 895px;
	text-align: -moz-center;
	BACKGROUND-COLOR: #ffffcc;
	margin:0 auto;	
}

#contentFrame SPAN.InfoMsg
{
	text-align: left;
}
/*
#MainContent100
{
      
    height:357px;
    top:0px;
    text-align:center;
    width:100%;
    
}
*/
#MainContent100
{
      
    height:357px;
    top:0px;    
    width:99%;
    
}
#banner
{
text-align:center;
}
#banner
{
 background-image:url(/filmhuis/images/filmhuisbanner.gif);
 background-repeat: no-repeat; 
text-align: -moz-center;
	position:relative;
    width:100%;
    height:20px;
    position:relative;
    background-position: center top;
    top:70px;
}
.HeaderPage
{
	margin: 2px 3px 8px;
	position:relative;
	background-color: #ff9933;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-style: normal; 
	font-weight: bold;
	width:99%;
	top:3px;
	left:1px;
	right:-3px;
	white-space:nowrap;
	height:34;

}

.ContentText
{
	position:relative;
    left:0px;    
	text-align: left;  
	margin-top:10px;
    margin-left:10px;
	float:none;
    color:#000000;
    width:95%;
}
.ContentText A
{
	text-decoration: underline;
	color:#000088;
}

.ContentText A:Visited
{
	text-decoration: underline;
	color:#000088;
}
.ContentText A:hover
{
	text-decoration: none;
	color:#000088;
}
/* Film */
#filmhd A
{
	color:#000088;
}
.tblFilm
{
	padding-left:20px;
	padding-right:10px;
	width:95%;
	text-align:left;
	font-size:x-small;	
}
.tblFilm div p span
{	
	width:10%;
	margin:0 ;
display: inline-block;		
}
.tblFilm div p span.titel
{
	font-size:small;
	font-weight:bold;	
	width:60%;
	 margin-left:0;
}
.tblFilm HR
{
	color:Silver;
	width:80%;
	text-align:center;	
}
.tblFilm A
{
	color:#000033;
}
.tblFilm A:active
{
	color:#ff9933;
}
.tblFilm A:hover
{
	color:#ff9933;
	
}
.pnlAgenda
{
	cursor:pointer;
	background-color:#000033;
	width:96px;
	border:solid 1px #000033;
	float:right;
}
/* einde Filmagenda */	
}
#grid
{
	font-size: x-small; 
	padding:5px;width:99%;
}
#grid A:active
{
	color:#ff9933;
}
#grid A:hover
{
	color:#ff9933;
	
}
#grid A
{
	color:#000033;
	font-weight:bold;
}
#grid A:visited
{
	color:#000033;
}
#grid .AltItem
{
	padding:4px;
	background-color:#DDDDDD;
}
#grid .SelItem
{
	padding:4px;
	background-color:#FFFFFF;
}
#grid .HeaderPage
{
	
	position:relative;
	background-color: #ff9933;
	font-size: 18px; 
	font-style: normal; 
	font-weight: bold;
	width:90%;
	top:3px;
	left:3px;
	right:3px;
	
}
#gastboekContent A
{	
	font-weight: bold;
	text-decoration: underline;
	color: #000088;
}

#gastboekContent A:hover
{	
	color:	#0000ff;
	text-decoration: none;
}
/* Login.aspx*/
#login
{
	position:relative;
	padding:40px;
	padding-left:300px;
	font-weight: bold;
	text-align: left;  
}
#login span
{
	width:300px;
}
#login div A
{
	text-decoration: underline;
	font-weight: normal; 
}
#wachtwoord
{
	position:relative;
	left:250px;
	padding:10px;
	font-weight: bold;
	text-align: left;  
}
#wachtwoordInfo
{
	position:relative;
	left:0px;
	width:550px;
	margin-top:30px;
	 line-height:20px;
	text-align: left;  
}
#registreer
{
	font-weight:bold;
	width:90%;
	position:relative;
	margin-left:40px;
	font-size: x-small;
}
#registreer div
{
	position:absolute;
	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
#registreerInfo
{
	position:relative;
	left:0px;
	width:95%;
	margin-top:10px;
	text-align: left;  
}
#stap
{
	padding:3px;
	position:relative;
	background-color: #ff9933;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-style: normal; 
	font-weight: bold;
	width:99%;
	top:3px;
	left:1px;
	right:13px;
	text-align: right; 
}
/*Boek*/
#pnlFinCheckOut
{
	font-size: x-small; 
	position:relative;
	left:0px;
	width:95%;
	margin-top:10px;
	 text-align:left;
}
#pnlFinCheckOut #lblNaam
{

	line-height:18px;
}
#dgReserveringen
{
	width:100%;
	border:1px;
	border-color:Black;
	
	
	margin:3 3 3 3;
	
}
#dgReserveringen td
{
	padding:5 5 5 5;
}
#boek2
{
	text-align: left; 
	position:relative;
	left:0px;
	width:65%;
	margin-top:40px;
	margin-bottom:20px;
}
#boek2 A
{
	font-weight: bold;
	color:	#0000ff;
	text-decoration: underline;
	color:#000;
}
#boek2 A:hover
{	
	color:	#0000ee;
	text-decoration: underline;
}
/* historie */
#Historie
{	
	margin-top:40px;
	overflow:auto;
	height:300px;
	 WIDTH:620px;
}
#Historie dgDatum
{
	font-weight: bold;
}
/* reserveer */
#resstap1 #lblInfo
{
	font-size:x-small;
}
#lblInfo .stap
{
	font-size: x-small;
	WIDTH:350px;
	text-align:left;
	 line-height:40px;
}
#lblInfo .stap ul
{
	font-weight: bold;
	LIST-STYLE-TYPE: circle;
}
/* ReserveerTel */
#reserveer
{
	position:relative;
	 margin:15 0 0 0;
}
#reserveer #inputWKST
{


}
/* controletel*/
#controleTel
{	
	margin:15 0 0 0;
	width:95%;
	font-size:x-small;
}
#controleTel Table
{
	 width:100%;
	 border:0px;
	 padding:5px;
	 font-size:x-small;
}
#controleTel input
{
	width:250px;
}
#controleTel #btnwis
{
	width:60px;
}
#controleTel #btnNext
{
	width:80px;
}
#controleTel #lblResSam
{
 font-weight:bold;
}

/* Mijn account */
#MijnAccount
{
	font-size: x-small; 
	position:relative;
	left:20px;
	width:95%;
	margin-top:10px;
}
#pnlMijnAccount
{
	font-weight: bold;

}
#pnlMijnAccount A
{
	font-weight: bold;
	text-decoration: underline;
	color:#000088;
}
#pnlMijnAccount A:hover
{	
	
	color:	#0000ff;
	text-decoration: none;
}
#pnlMijnAccount TD
{	
	font-size: x-small; 
}
.cl
{
	position:relative;
    float:left;    
    width:180px;
}
.cl300
{
	position:relative;
    float:left;    
    width:300px;
    vertical-align:middle;
    font-size: 30px;
    margin-left:10px;
text-align:left;
}
.cc
{
	position:relative;
    float:left;    
    width:100%;
    white-space:nowrap;
}
.cl299
{
	position:relative;
    float:left;    
    width:299PX;
    white-space:nowrap;
}
.cc65
{
	position:relative;
	 float:right;
    
}
.cr
{
	position:relative;
	float:right;
    
}
.cm
{
	position:relative;
    float:left;
    width:360px;  
    
}

.tussenBlok
{
	position:relative;
    padding-left:20px;
    padding-right:20px;    
    white-space:nowrap;
}

#row1
{	top:15px;
	font-weight: bold;
	position:absolute;
 	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
#row2
{
	top:35px;
	position:absolute;    
    
	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
#row3
{	top:93px;
	font-size: xx-small;
	position:absolute; 
   
	right:10px;
    width:100%;
    text-align: left;
}
#row4
{
	top:165px;
	position:absolute;

    
	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
#row5
{
	top:224px;
	position:absolute;
   
    
	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
#row6
{
top:268px;
	position:absolute;

    
	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}

#row7
{
top:319px;
	position:absolute;   
	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
#row8
{	top:370px;

	position:absolute;    
	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
#row9
{ top:400px;
	position:absolute;
   
	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
#row10
{
	top:465px; 
	position:absolute;
	right:10px;
    width:100%;
    text-align: center;
}
#row11
{

	position:absolute;
    top:495px;
	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
/*regeistreer*/
#row1r
{	
	position:absolute;    
    top:15px;
	right:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
#row1r div
{
	position:relative;
    float:left;    
    width:180px;
}
#row2r
{  
    top:65px;
}
#row2r div
{
	position:relative;
    float:left;    
    width:180px;
}
#row3r
{
    top:115px;
}
#row3r div
{
	position:relative;
    float:left;    
    width:180px;
}
#row4r
{
    top:168px;
}
#row4r A
{
    color:#000033;
	font-size:x-small;
	text-decoration:none;
	font-weight:bold;
}
#row4r A:hover
{

	text-decoration:underline;
}
#row4r div
{
	position:relative;
    float:left;    
    width:180px;
}
#row5r
{
    top:210px;
}
#row5r div
{
	position:relative;
    float:left;    
    width:180px;
}
#row6r
{
	font-size: xx-small;
    top:275px;
}
#row6r .ww
{
	position:absolute;
    top:1px;
    left:1px;
}
#row6r .steun
{
	position:absolute;
    top:1px;
}
#row6r div
{
	position:relative;       
    width:360px;
    white-space:normal; 
    float:left;   
    
}

#row7r
{
    top:335px;
    width:600px;
}
#row7r div
{
	position:relative;
    float:left;    
    width:320px;
}
#row8r
{
    top:455px;
}
#row8r div
{
	position:relative;
    float:left;    

}
#row9r
{
    top:485px;
}
#row9r div
{
	position:relative;
    float:left;  
     

}
#row10r
{
    top:545px; 

}
#row10r div
{
	position:relative;
	width:100%;   

}
#row11r
{
    top:495px;
}
#row11r div
{
	position:relative;
    float:left;    
    width:180px;
}
/* Disclaimer*/
/*Navigator*/
#header {
	background: #000033;
	margin: auto;
	height: 60px;
	width: 100%;
	z-index: 900;
	padding: 0;
	top: 0;
	position: absolute;
}
#header a {
  font-size: 11px;
  font-weight:bold;
}
#header #links a {
  font-size:x-small;
  color: #FFF;
}
#header h1#logo {
	background: url('http://10.0.0.6/filmhuis/images/spacer.gif') 0 0 no-repeat;
	display: block;
	float: left;
	margin: 20px 0 0 7px;
	height: 50px;
	width: 220px;
	text-indent: -1000em;
}

#header ul#links {
	z-index: 19;
	display: block;
	top: 20px;
	float: right;
	list-style: none;
	font-size: 0.9em;
	margin-top: 8px;
	margin-right:10px;color: #FFF;
}

#header ul#links li {
	float: left;
	margin: 0 0 0 0;
	padding: 0px 5px;
}

#header ul#links li a:hover {
	color: #FFF;
}
#header ul#menu {
	list-style: none;
	color: white;
	display: block;
	margin: 30px 0 0 0;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px !important;
	background: #AA0000;
	height: 30px;
	z-index: 1000;
	
}
#header ul#menu li {
	margin: 0 19px 0 0;
	float: left;
	letter-spacing: 0em;
}
#header ul#menu li .active {
  background: #000;
  color: #fc0;
  background: url('http://www.xs4all.nl/images/menuaanwijzer.gif') center 0 no-repeat;
}
#header ul#menu li .active:hover {
  color: #fc0;
}

#header ul#menu li.nav_section {
	font-style: oblique;
}

#header ul#menu li a {
	display: block;
	text-decoration: none;
	color: white;
	
}
#header ul#menu li a img
{
     border:0;
	text-decoration: none;	 vertical-align:center;

	
}

#header ul#menu li a:hover {
	color:#ff9933;
}

#header ul#menu li a:active {
	color: #ffffcc;
	text-decoration: underline;
}
#header ul#menu li ul.submenu {
	display: none;
	background: #ffffcc;
	color: black;
	list-style: none;
	font-weight: normal;
	margin: 0px 0 0 -8px;
	padding: 0 0 0px 0;
	width: 165px;
	font-size: 11px !important;	
	position: absolute;
	text-align: left;
	z-index: 1000;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	white-space:nowrap;
}
#header ul#menu li ul.submenu li {
	margin: 0;
	color: black;
	border-bottom: 1px solid #ffffcc;
}

#header ul#menu li ul.submenu li a {
	padding: 0 15px 0 14px;
	color: black;
	display: block;
	line-height: 22px;
	width: 136px;
}

#header ul#menu li ul.submenu li a:hover {
	background: silver;
	margin: 0;
	color: #333;
}

#header ul#menu li:hover ul.submenu {
	display: block;
}
/* Medewerker */
#medewerker A
{
	font-weight:normal;
	color:#000033;
	font-size:x-small;
	text-decoration:none;
}
#medewerker A:hover
{
	text-decoration:underline;
}
#medewerker td 
{
	color:#000033;
	font-size:x-small;
	font-weight:bold;
}
#medewerker table
{
	border:0px;
}
#dlDraaischema
{
	background-color: #ffffcc;
	font-weight:normal;
}
#dlDraaischema td
{
font-size:xx-small;
	font-weight:normal;
}
#dlLogins
{
	
	background-color: #ffffcc;

}
#dlLogins td
{
font-size:xx-small;
	font-weight:normal;
}
#dlMedewerker
{
	background-color: #ffffcc;
}
#dlMedewerker td
{
	font-size:xx-small;
	font-weight:normal;
}
#pnlLogin
{
	border-right: black 1px;
	border-top: black 1px;
	font-size: medium;
	border-left: black 1px;
	border-bottom: black 1px;
	background-color: #ff9933;
}
#pnlMedewerker
{
	border:1px;
	border-color:Black;
	background-color: #ff9933;
	font-size:medium;
}
#pnlDraaischema
{
	;
	border:1px;
	border-color:Black;
	background-color: #ff9933;
	font-size:medium;
}
/* links */
#filmlinks
{
	color:#000033;
	font-size:x-small;
	width:95%;
	text-align:left;
	  padding-bottom:50px;
margin:0 auto;
}
#filmlinks A
{	
	color:#000033;
	text-decoration:underline;
}
#filmlinks A:hover
{
	text-decoration:none;
}
#filmlinks div 
{
	color:#000033;	
	margin-left:20px;
	
	
}
#filmlinks H2 
{
	padding-top:10px;
	font-size:medium;
}
#filmlinks DIV SPAN 
{
	width:50%;
}
/* Kassa */
#kassa
{

	margin: 25px  auto;
	width: 70%;
	line-height: 20pt;
	text-align: left;
}
#kassa h2 
{
	color:#000033;
	font-size:medium;
}
#kassa td 
{
	color:#000033;
	font-size:x-small;
}
#kassa A 
{
	color:#000033;
	font-size:x-small;
	text-decoration:underline;
}
#ccp
{
	display:inline;
	height:18px;
	position:relative;
	 white-space:nowrap;
}

#ccp A
{
	color:#000033;
	font-size:x-small;
	text-decoration:underline;
}
#ccp A:hover
{
	color:#000033;
	font-size:x-small;
	text-decoration:none;
}
#entree
{
	position:relative;
	 white-space:nowrap;
	 width:100%;

}
#rentree
{	top:185px;
	position:absolute;
    width:100%;
    white-space:nowrap;
    text-align: left;
    height:15px;
    line-height:normal;
}
/* Foot */
#foot
{
	position:relative;
	margin-top:5;	
}
#foot p
{
	margin: 0 0 0 0;
	font-size:x-small;
	color: #FFFFCC;
	width:100%;	
	padding:2px;
}
#foot p.footer
{
	font-size:x-small;
	text-align:center;
}
#foot A
{
	font-size:x-small;
	text-decoration:underline;
}
/* Info */
#info
{
	margin: 25px 0px 0px 15px;
	width: 90%;	
	text-align: left;
}
#info p
{line-height: 20px;
}
#info h2 
{
	color:#000033;
	font-size:medium;
}
#info td 
{
	color:#000033;
	font-size:x-small;
}
#info A 
{
	color:#000033;
	font-size:x-small;
	text-decoration:underline;
}
#info A :hover
{
	text-decoration:none;
}
/* sitemap */
#sitemap
{
	margin: 25px 0px 0px 0px;
	width: 90%;	
	text-align: left;
}
#sitemap A 
{
	color:#000033;
	font-size:x-small;
	text-decoration:underline;
}
#info A :hover
{
	text-decoration:none;
}
/* Schema*/
#schema
{
	top:55px;
	font-weight: bold;
	position:absolute;
 	left:50px;
    width:80%;
    white-space:nowrap;
    text-align: left;
}
#schema .user1
{
	top:55px;
	position:absolute;
 	left:10px;
    width:100%;
    white-space:nowrap;
    text-align: left;
}
#schema .user2
{
	top:55px;
	position:absolute;
 	left:215px;
    white-space:nowrap;
    text-align: left;
}
#schema .user3
{
	top:55px;
	position:absolute;
 	left:420px;
    white-space:nowrap;
    text-align: left;
}
#schema .user4
{
	top:55px;
	position:absolute;
 	left:635px;
    white-space:nowrap;
    text-align: left;
}
#schema .save
{
	top:115px;
	position:absolute;
 	left:215px;
    white-space:nowrap;
    text-align: left;
}
#schema .update
{
	top:115px;
	position:absolute;
 	left:420px;
    white-space:nowrap;
    text-align: left;
}

#schema .lblInfo
{
	top:135px;
	position:absolute;
 	left:420px;
    white-space:nowrap;
    text-align: left;
    font-weight:bold;
}
#schema .dplFilm
{
	top:0px;
	position:absolute;
 	left:250px;
}
/* filminfo*/
#uitverkocht 
{
	color:Red;
	font-size:medium;
	font-weight:bold;
}

#synop
{

	line-height:20px;
	 font-size:x-small;
	 margin:30 5 0 5;
}
#details
{float:left;width:45%;font-size: small;margin:9 0 0 0;}

.foto
{
	margin:10 5 0 5;
	vertical-align:top;
	float:left;
}
#details div .cl
{

    float:left;    
    width:90px;
}

#details div span:first-child
{
   
    width:90px;display: block;float:left;
}
#details div div:first-child
{
   
    width:90px;display: inline-block;
}
#rw1
{

    width:100%;

}
#rw2
{
    width:100%;
}
#rw3
{
     width:100%;
}
#rw4
{
    width:100%;   
}
#rw5
{
    width:100%;
}
#rw6
{
    width:100%;
}
#rw7
{
    width:100%;
}
#rw8
{
    width:100%;
}
#rw9
{
	
	width:100%;
}
#rw9 div
{
	width:90px;left:0px;font-weight:normal;
    
}
#rw10
{
	width:100%;
 
}
#rw10 div
{
	
	width:90px;left:0px;
}
#details A 
{
	color:#000033;
	font-size:xx-small;
	text-decoration:underline;
}
#details A :hover
{
	text-decoration:none;
}
/* Route */
#mapcontainer {
	margin: 20px 0 0 20px;
	padding: 0;

}
#txtMap	{color: #000033; padding: 0; margin: 0 0 2px 0;}
/* kaart */
.Res_Bar
{
	background-color:#ff9933;
	height: 8px;	
}
.Res_Bar_4
{
	height: 8px;
	background-color: yellow;
	text-align: center;
}
.Res_Bar_3
{
	height: 8px;
	background-color: red;
	text-align: center;
}
.Res_Bar_vrij
{
	height: 8px;
	background-color: blue;
	text-align: center;
	color:White;
}
.Res_Bar_Med
{
	height: 8px;
	background-color: gray;
	text-align: center;
}
#maccsbox A
{
	color:#000033;
    font-weight:bold;
    text-decoration:underline;
}
#maccsbox A:visited
{
	color:#000033;
    font-weight:bold;
    text-decoration:underline;
}
#maccsbox A:hover
{
    color:#000033;
    font-weight:bold;
    text-decoration:none;
}
/* FlyOut*/
.FlyoutPopup
{
    background-color:#fff;
    border: solid 1px silver;
    padding:10px;
    width:490px;
    font-size:x-small;
    font-family:Arial;
    line-height:20px;
	text-align:left;

}
.FlyoutPopup A
{
    color:#000033;
    font-weight:bold;
    text-decoration:underline;
}
.FlyoutPopup A:hover
{
    color:#000033;
    font-weight:bold;
    text-decoration:none;
}
.FlyoutZaal
{
    background-color:black;
    border: solid 1px silver;
    padding:10px;
    width:340px;
    text-align:center;
}
.FlyoutEmail,.FlyoutWaarom
{
	font-size:x-small;
    font-family:Arial;
    line-height:20px;
    background-color:#fff;
    border: solid 1px silver;
    padding:10px;
    width:500px;
    text-align:left;
}
.FlyoutRoute
{
	    font-size:x-small;
    font-family:Arial;
    line-height:20px;
    background-color:#fff;
    border: solid 1px silver;
    padding:10px;
    width:360px;
    text-align:left;
}

#FilmContent
{
	text-align:left;
	font-size:small;
	padding-left:15px;
}
#FilmContent div
{
	text-align:left;
	font-size:small;
	margin: 5px 0px 2px 0px;
}
#FilmContent H2
{
	font-size:small;
	font-weight:normal;
	float: left;
	display: inline-block;
	width:200px;
	
}
#FilmContent #cbxs
{
margin-left:-30px;
	height:30px;
}
#cbxs h2
{
	FLOAT: left;
	width:60px;
	margin-left:30px;
	text-align:right;
	
	}
#cbxs div
{
	text-align:right;
	width:50px;
}
#cbxs .check
{
	FLOAT: left;
	width:20px;
}

a[href^="http:"] {
  background: url(/filmhuis/images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="http://www.filmhuisheemskerk.nl"], a[href^="http://www.culturelecirkelheemskerk.nl/filmhuis/"]  {
  background-image: none;
  padding-right: 0;
}
#medewerkerContent
{
	width:95%;
	padding-top:2px;
}
#medewerkerContent td
{
	font-weight:normal;
	font-size:xx-small;
	padding-left:7px;
	padding-right:4px;
}

#medewerkerContent div
{
	text-align:left;
	width:46%;
	float:left;
	padding-top:2px;
	padding-left:3px;
	padding-top:3px;
}

#medewerkerContent div h5
{
	font-weight:bold;
	 margin: 5px 0 0 0;
}

#medewerkerContent div h3
{

	 margin-bottom:0;
	 border-right: black 1px;
	border-top: black 1px;
	font-size: medium;
	border-left: black 1px;
	border-bottom: black 1px;
	background-color: #ff9933;
}
.clear
{
	clear:both;
}
/* Reserveerlijst*/
#contentResLijst
{background-color: #ff9933;
 margin: 2px 2px 0px 2px;
 padding-top:2px;
 }
 
 #contentResLijst h3
 {
   margin: 5px 0 0 0;
 }
 .reslijstFooter
 {
 	text-align:right;
 	font-weight:bold;
 	background-color: #ff9933;
 	padding: 3px;
 	
 }
 #contentKaartjes
 {
 	margin-top:20px;
 	text-align:left;
 	margin-left:80px;
 }
 #contentKaartjes div
 {
 		text-align:left;
	width:100%;
	float:left;
	padding-top:2px;
	padding-left:3px;
	padding-top:3px;
 }
#contentKaartjes div h2
{
 font-weight:bold;
 margin: 5px 0 0 0;
}
  #contentKaartjes div span
  {
  	width:80px;
  	text-align:right;
  }
  #kaartjeTitle
  {
  	
  	 font-weight:bold;
  	margin: 0 0 0 90px;
  }
 #contentKaartjes #kaartjeTitle span
  {
  	
  	width:155px;
  	text-align:left;
  	
  }
A._ctl0_cph1_grid:Link
{
color: #333;
}
/* Validate */
div.error{
	color: red;
}
div.error a {
	color: #336699;
	font-size: 12px;
	text-decoration: underline
}
#login input.error
{
	border: 2px solid red;
	background-color: #ffFB95;	
	color: red;
	margin-right:5px;
}
#registreer input.error,#registreer select.error
{
	border: 2px solid red;
	background-color: #ffFB95;	
	color: red;
	margin-right:5px;
}
#contentFrame div.error
{
	font-weight:bold;
	width:355px;
	text-align:center;
	margin-top:20px;
}
#wachtwoord input.error
{
	border: 2px solid red;
	background-color: #ffFB95;	
	color: red;
	margin-right:5px;
}
#row1 A:link
{
color: #555;
text-decoration:underline;
}
#row1 A:Visited
{
color: #555;
text-decoration:underline;
}
#row1 A:Hover
{
color: #555;
text-decoration:underline;
}
/* Archief */

.TabgridTitel
{
	font-size:x-small;
	width:73%;
}
.TabgridDatum
{
		font-size:x-small;
	width:15%;
white-space:nowrap;	 
}
.TabgridInfo
{ 
	width:12%;

}
.imgFly
{
	height:156px;
	min-height:156px;
	min-width:240px;
	width:240px
}
#contentFrame TABLE TR TD SPAN.infoFly
{
	font-size:x-small;
	text-decoration:underline;
	cursor:pointer;
	width:9%;
 margin-left:20px;
 BORDER:0;
}
#contentFrame TABLE  TR.archPager TD A
{	
	color:#666;	
	BORDER-RIGHT: white 1px outset;
	BORDER-TOP: white 1px outset;
	BORDER-LEFT: white 1px outset;
	BORDER-BOTTOM: white 1px outset;
	HEIGHT: 18px;
}
#contentFrame TABLE TR.archPager A SPAN
{
	margin:2px;
}
#contentFrame TABLE TR.archPager A:HOVER SPAN
{	
	text-decoration:underline;
	BACKGROUND-COLOR:#FFF;
	color:#000;
}
#contentFrame TABLE TR.archPager SPAN.AZ 
{
 BORDER-RIGHT: 1px outset;
 BORDER-TOP: 1px outset;
 FONT-WEIGHT: bold;
 BORDER-LEFT: 1px outset;
 BORDER-BOTTOM: 1px solid;
 HEIGHT: 20px;
}
#contentFrame TABLE TR.archPager SPAN SPAN
{
 margin:2px;
}
 .reserveringfooter
{
    text-align:right;
    margin:0 20px 0 0;
	background-color: #ff9933;
	font-size: 18px; 
	font-style: normal; 
	font-weight: bold
}
#myContainer span{display: inline-block;}
#_ctl0_cph1_pnlCartContents{margin:0 5px 0 5px;}
.gridborderleft
{
	BORDER-LEFT-width: 1px;
BORDER-LEFT-style: solid;
BORDER-LEFT-color: black;
}