@charset "utf-8";
/* CSS Document */

html, body {
height: 100%;
}

a 
{
	outline:none;
	text-decoration: none;
	font-weight:boldest;
}

a:link{
	
	color: #323232;
}

a:visited{
	color: #323232;
	font-style:italic;
	
}

a:hover{
	color: #fe8550;
}

body 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	text-align:center;
}

img
{
border: none;
}

.noOutline
{
outline:none;
}

.bottom
{
vertical-align:bottom;
}

div.headerImage
{
float:left;
margin-top:5px;
}

img.headerImage
{

}

.headerNav
{
float:left;
margin-top:25px;
}

#siteWrapper
{
width:1000px;
display:inline-block;
text-align:left;
height:100%;
}

#header
{
position:relative;
width:100%;
height:50px;
background-image: url(navbgline.jpg);
background-repeat: no-repeat;
background-position: bottom left;

}
#footer
{
position:relative;
width:100%;
height:50px;
background-image: url(bottomline.jpg);
background-repeat: no-repeat;
margin-top: 20px;
background-position: top left;

}

.headerButton
{
position:relative;
margin-left:25px;
margin-right:25px;
color:#666666;
font-size:medium;
font-weight:bold;
text-decoration: none;
outline:none;
}

.headerButton:hover
{
color:#FF9966;
}

.homeButton
{
margin-left:120px;
}

body#home a.homeButton,
body#agenda a.agendaButton,
body#archief a.subNavArchive,
body#zoeken a.zoekenButton,
body#zoeken a.subNavZoeken,
body#profiel a.profielButton,
body#contact a.contactButton
{
	color:#ff9a67;
}

body#home a.homeButton:hover,
body#agenda a.agendaButton:hover,
body#archief a.archiefButton:hover,
body#zoeken a.zoekenButton:hover,
body#profiel a.profielButton:hover,
body#contact a.contactButton:hover
{
	color:#ff9966;
}

.navSpacer
{
	position:relative;
	height:18px;
}

.navLine
{
	position:relative;
	border-bottom:1px solid #999999;
	height:18px;
	width:480px;
	float:left;
	
}

.navLineMargin
{
	margin-left:5px;
}

.navLineSpace
{
	position:relative;
	width:20px;
	float:left;
	height:18px;
}

div.subNav
{
text-align:left;
color:#666666;
}

a.subNavArchive
{
	text-decoration:none;
	outline:none;
	color:#666666;
}

a.subNavZoeken
{
	text-decoration:none;
	outline:none;
	color:#666666;
}

a.subNav
{
	text-decoration:none;
	outline:none;
	color:#666666;
}

a.subNav:hover
{
	color:#FF9966;
}

#contentWrapper
{
	position:relative;
	width:990px;
	left:5px;
	height:85%;
	clear:both;
}

#archiveContainer
{
	position:relative;
	float:left;
	width:990px;
	margin:0;
	padding-bottom:5px;
}

.archiveOrange
{
	position:relative;
	background: #e6e6e6;
	height: 25px;
	margin: 0 0 10px 0;
	border-bottom:1px solid #969696;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
	border-right:1px solid #969696;
	cursor:pointer;
}

.archiveOrange table tr td
{
	width: 500px;

}

.archiveOrange:hover
{
color:#fe8550;
font-weight:bold;
background: #e6e6e6;
background-color: #c8c8c8
}

.archiveOrangeContentGenreLink:hover
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentGenreLink:hover
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentRecensistLink:hover
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentTitleLink:visited
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentGenreLink:visited
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentGenreLink:visited
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentRecensistLink:visited
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentTitleLink:link
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentGenreLink:link
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentGenreLink:link
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentRecensistLink:link
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentTitleLink:active
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentGenreLink:active
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentGenreLink:active
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentRecensistLink:active
{
color:#fe8550;
font-weight:bold;
}

.archiveOrangeContentTitle
{
position:absolute;
color:#fe8550;
font-weight:bold;
left:5px;
top:5px;
}

.archiveOrangeContentGenre
{
position:absolute;
color:#fe8550;
font-weight:bold;
left:400px;
top:5px;
}

.archiveOrangeContentDatum
{
position:absolute;
color:#fe8550;
font-weight:bold;
left:570px;
top:5px;
}

.archiveOrangeContentRecensist
{
position:absolute;
color:#fe8550;
font-weight:bold;
left:720px;
top:5px;
}

.archiveGray
{
text-decoration: none;
outline:none;
position:relative;
height:25px;
margin: 0 0 10px 0;
border-bottom:1px solid #ababab;
border-top:1px solid #ababab;
border-left:1px solid #ababab;
border-right:1px solid #ababab;
background:#ffffff;
cursor:pointer;
}

.archiveGray:hover
{
color:#fe8550;
font-weight:bold;
background: #e6e6e6;
background-color: #ff965f
}

.archiveGray table tr td
{
width: 200px;
}

.archiveGrayContentTitle
{
position:absolute;
color:#323232;
font-weight:bold;
left:5px;
top:5px;
}

.archiveGrayContentGenre
{
position:absolute;
color:#323232;
font-weight:bold;
left:400px;
top:5px;
}

.archiveGrayContentDatum
{
position:absolute;
color:#323232;
font-weight:bold;
left:570px;
top:5px;
}

.archiveGrayContentRecensist
{
position:absolute;
color:#323232;
font-weight:bold;
left:720px;
top:5px;
}

.archiveCounter
{
position:relative;
float:right;
font-weight:bold;
top:5px;
margin-right:10px;
}

.archiveHead
{
position:relative;
float:left;
font-weight:bold;
}

.archiveCounter
{
position:relative;
float:right;
font-weight:bold;
top:5px;
margin-right:10px;
}

.archiveHead
{
position:relative;
float:left;
font-weight:bold;

}

#searchContainer
{
position:relative;
float:left;
width:990px;
height: 115px;
margin-right:0;
}


.searchBox
{
color:#282828;
font-size:medium;
padding-bottom:10px;
border-bottom:1px solid #999999;
}

.searchBox table tr td
{
width: 200px;
}

.borderTypeInset
{
border-style: inset;
}

.borderTypeNone
{
border-style: none;
}

.topSearch
{
	background:#ffffff;
	position:relative;
	border-bottom:1px solid;
	color:#99999b;
	height:150px;
}

#movieContainer
{
position:relative;
float:left;
width:480px;
}




.topSpacer
{
	background:#ffffff;
	position:relative;
	border-bottom:1px solid;
	color:#999999;
	height:16px;
}

.showDateBox
{
position:relative;
text-indent:5px;
width:480px;
color:#999999;
font-family:"Courier New", Courier, monospace;
border-bottom:1px solid;
}

.titleBox
{
text-indent:5px;
color:#fe8550;
font-weight: bold;
border-bottom:1px solid #999999;
}



.movieTitleBox
{
color:#fe8550;
font-weight: bold;
text-indent:5px;
border-bottom:1px solid #999999;
height:18px;
}

#moviePlayBox
{
position:relative;
background:#333333;
height:290px;
width:480px;
}

#movieInfoBox
{
min-height:150px;
padding:5px;
background:#F2F2F2;
border: 2px solid #CCCCCC;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
}

div#playerNoFlash
{
	position:relative;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	
}

a#playerNoFlash
{
	color:#FF9900;
}

#showListContainer
{
float:left;
margin-left:25px;
position:relative;
height:100%;
width:480px;
overflow-x:hidden;
overflow-y:auto;
}

#showListContainerSearch
{
float:left;
margin-left:25px;
position:relative;
height:80%;
width:480px;
overflow-x:hidden;
overflow-y:auto;

}

.showItemBox
{
position:relative;
color:#999999;
height:200px;
width:465px;
border-bottom: 1px solid;
}

div.itemBoxTitle
{
position:absolute;
color:#fe8550;
font-weight:bold;
left:5px;
top:0px;
overflow:hidden;
height:18px;
}

a.itemBoxTitle
{
color:#fe8550;
}

.itemBoxImage
{
position:absolute;
left:142px;
top:18px;
height:180px;
width:320px;
text-align:right;
}

.itemImage
{
height:180px;
max-width:320px;
}

.itemBoxInfo
{
font-family:"Arial", Courier, monospace;
color:#000000;
position:absolute;
left:5px;
top:18px;
width:137px;
height:180px;

}

.itemBoxTimesHead
{
font-size: 11px;
color:#fe8550;
}

.itemBoxTimes
{
font-size:11px;
}

.itemBoxBr
{
font-size:9px;
}
 

.itemBoxMoreInfo
{
position:absolute;
top:165px;
font-size:12px;
padding-left:5px;
}

a.itemBoxMoreInfoLink
{
text-decoration: none;
outline:none;
color:#666666;
}

.itemBoxMoreInfoLink:visited
{
	color:#CCCCCC;
}

.itemBoxMoreInfoLink:hover
{
	color:#FF9966;
}

#calendarContainer
{
position:relative;
float:left;
width:480px;
}

.calendar
{
position:relative;
margin-top:10px;
margin-left:3px;
}

table.calendarTable
{

	background-color:#ffffff;
	border:2px solid #CCCCCC;
}

.calendarTableNav
{
font-size:large;
font-weight:bold;
text-align:center;
background:#f2f2f2;

}

.calendarNavLink
{
display: block; 
width: 100%;
}

td.calendarTable
{
	width:65px;
	height:65px;
	text-align:center;
	font-size:medium;
	border: 1px #CCCCCC dotted;
}

.calendarTableHead
{
	font-weight:bold;
	background-color:#ffbe6e;
}

td.calendarTableHead
{
border-bottom: solid 2px #000000;
border-top:solid 1px #000000;
}

.calendarTableCurrent
{
	background-color:#f2f2f2;	
}


.calendarTableOther
{
	background-color:#ffffff;
	color:#CCCCCC;
}

.calendarEventDate
{
font-weight:bold;
}

.calendarTableCurrent .calendarEventDate
{
color:#ff8844;

}

.calendarTableOther .calendarEventDate
{
color:#ffc87a;

}


.viewLeft
{
float:left;
position:relative;
width:480px;
}

.viewRight
{
float:left;
position:relative;
width:480px;
margin-left:25px;
}

.viewTimesTable
{
width:100%;
}

.viewTableNav
{

font-weight:bold;
text-align:center;
background:#f2f2f2;
width:30%;
}

.viewNavLink
{
display: block; 
width: 100%;
}


#contactContainerLeft
{
float: left;
width:480px;

}

#contactContainerRight
{
float: right;
width:480px;
}

#contactLeft
{
	margin-top:15px;
	background-color:#CCCCCC;
	padding:5px;
}

#contactRight
{
	margin-top:15px;
}

.loginForm
{
	width:400px;
	float:left;
	margin-left:10px;
}

.newUserForm
{
	width:400px;
	float:left;
	margin-left:100px;
}

.loginMsg
{
	font-weight:bold;
	color:#CC0000;
}

.profileBlock
{
position:relative;
width:466px;
background:#F2F2F2;
border: 2px solid #CCCCCC;
padding:5px;
margin-bottom:15px;
}

.profileBlockOk
{
	background:#BDEEAC;
	color:#006600;
	font-weight:bold;
}

.profileBlockError
{
	background:#F3C8C7;
	color:#F30101;
	font-weight:bold;
}

.viewTimesBlock
{
position:relative;
float:left;
width:466px;
background:#F2F2F2;
border: 2px solid #CCCCCC;
padding:5px;
margin-top:15px;
}

tr.viewTimesTable
{
cursor:pointer;
}

.viewTimesTable:hover
{
color:#FF6600;
}

a.viewTimesUrl
{
text-decoration:none;
color:inherit;
outline:none;
font-weight:normal;
}

a.viewTimesUrl:hover
{
color:#FF6600;
}

.viewDetailsBlock
{
position:relative;
float:right;
width:466px;
background:#F2F2F2;
border: 2px solid #CCCCCC;
padding:5px;
margin-top:15px;


}

.detailsBox
{
position:relative;
background:#F2F2F2;
border:1px solid #CCCCCC;
margin-bottom:5px;
}

.detailCaption
{
font-weight:bold;
text-align:center;
color:#FF9966;
}

a.locationLink:visited
{
color:#000000;
}

a.locationLink:hover
{
color:#fe8550;
}

a.locationLink
{
font-weight:normal;
}

.commentHeader
{
position:relative;
background:#cccccc;
color: #000000;
padding:2px 5px 2px 5px;
}

.commentMsg
{
position:relative;
padding:5px;
padding:5px;
}

.commentPostBox
{
	background:#B9BFD7;
	padding:5px;
	
}

.commentBoxTop
{
	text-align:left;
	margin-left:25px;
	font-weight:bold;
}

.commentBoxMid
{
	text-align:center;
}

.commentBoxBottom
{
	text-align:right;
	margin-right:25px;
}

.commentFeedback
{	
	background:#BDEEAC;
	color:#006600;
	font-weight:bold;
	padding:5px;
}

.noComments
{
background:#F3C8C7;
font-weight:bold;
padding-bottom:10px;
padding-top:10px;
text-align:center;
}