
/*	--------------------------------------------------------------------------------
	simple selectors 
	--------------------------------------------------------------------------------
*/

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em; /* base size, use % for the rest */
	behavior: url(/styles/csshover.htc);
}

/*	--------------------------------------------------------------------------------
	Anchors
	--------------------------------------------------------------------------------
*/

a {
	cursor: hand;	
}
a:link, a:visited {
	text-decoration: underline;
}
a:hover, a:focus, a:active {
	text-decoration: none;
}

/*	--------------------------------------------------------------------------------
	--------------------------------------------------------------------------------
*/
.attention
{
	font-weight: bold;
	font-style: italic;
}
.ssa_announce
{
	font-size: 200%;
	font-weight: bold;
	border-top: 1px solid;	
	border-bottom: 1px solid;
}

/*	--------------------------------------------------------------------------------
	Page layout
	--------------------------------------------------------------------------------
*/

/*	----------------------------------------
	----------------------------------------
*/
div#header
{
	margin-bottom: 10px;
}

div#header .title,
div#header .subtitle
{
	font-size: 150%;
	text-align: right;	
}
div#header .subtitle
{
	font-size: 120%;
}

/*	----------------------------------------
	----------------------------------------
*/
div#content table.content
{
	width: 100%;	
}

/*	----------------------------------------
	----------------------------------------
*/
div#footer
{
	border-top: 1px solid;
	margin-top: 10px;
}

/*	--------------------------------------------------------------------------------
	Menu layout
	--------------------------------------------------------------------------------
*/

div.menuContainer
{
	padding: 4px;
}

ul.menu
{
	list-style-type: none; 		
	padding: 0px;
	margin: 0px;	
}

ul.menu li
{
	float: left;
	padding: 1px;
	border: 1px solid;
	margin: 0px 6px 0px 0px;
}
ul.menu li.right
{
	float: right;
	padding: 1px;
	border: 1px solid;
	margin: 0px 6px 0px 0px;
}
ul.menu li:hover
{
	border: 1px outset;	
}
ul.menu li:hover ul
{
	display: block;
}
ul.menu li.image
{
	padding: 1px;
	border: none;
	margin: 0px 0px 0px 0px;
}
ul.menu li a,
ul.menu li a:visited
{
 	display: block; /* fill the LI, click anywhere in the LI */
	padding: 4px;
	text-decoration: none;	
}


ul.menu ul
{
	list-style-type: none; 		
	padding: 4px;
	margin: 0px;
	
	display: none;
	position: absolute;
	border: 1px solid;
	border-top: none;
	z-index: 1000; 	
}

ul.menu li li
{
	float: none;
	padding-right: 0px;
	margin-right: 0px;	
}

/*	----------------------------------------
	----------------------------------------
*/
ul.vmenu
{
	list-style-type: none; 		
	padding: 0px;
	margin: 0px;		
}


/*	--------------------------------------------------------------------------------
	--------------------------------------------------------------------------------
*/
div.section
{
	border: 1px solid;
	margin-bottom: 10px;
}
div.section h5
{
	font-size: 100%;
	font-weight: normal;	
	padding-left: 4px;
	margin: 0px;
}
div.sectionLining 
{
	padding: 4px;
}


/*	--------------------------------------------------------------------------------
	--------------------------------------------------------------------------------
*/

div#content td.sidebar
{
	vertical-align: top;
}
div#content div.sidebarLiningLeft,
div#content div.sidebarLiningRight
{
	width: 200px;
}

div#content td.content
{
	width: 100%;
}

table.contact
{
	width: 100%;
	border: 1px solid;
	margin-bottom: 4px;
	border-color: Aqua;
}
table.contact th
{
	color: Fuchsia;
	background-color: Aqua;
}

/*	--------------------------------------------------------------------------------
	Laatste nieuws
	--------------------------------------------------------------------------------
*/
div#news
{
	height: 500px;
	overflow: auto;
}

div#news .item
{
	padding: /*top*/1px /*right*/4px /*bottom*/9px /*left*/8px; 
}

div#news .date
{
	font-weight: bold;
}

/*	--------------------------------------------------------------------------------
	--------------------------------------------------------------------------------
*/
table.program
{
	width: 100%;
	border: 1px solid;
}

table.program th,
table.program .thVert,
table.program td
{
	padding: 7px;
	border: 1px solid;
	margin: 0px;
}

/*	--------------------------------------------------------------------------------
	--------------------------------------------------------------------------------
*/
ul.movieList
{
	list-style-type: none; 		
	padding: 0px;
	border-top: 1px solid;
	border-right: 1px solid;
	margin: 0px;
}

ul.movieList a:link, 
ul.movieList a:visited {
	text-decoration: none;
}
ul.movieList a:hover, 
ul.movieList a:focus,
ul.movieList a:active {
	text-decoration: underline;
}
ul.movieList li
{
/*	white-space: nowrap;*/
}


div.allMovies
{
	height: 500px;
	overflow: auto;
}
div.allMovies ul.movieList
{ /* override settings */
	border-top: none;
	border-right: none;
}


/* --------------------------------------------------------------------------------
	--------------------------------------------------------------------------------
*/
div.movieData
{
	border-top: 1px solid;
	border-right: 1px solid;
}

div.movieData a {
	cursor: hand;	
}
div.movieData a:link, 
div.movieData a:visited {
	text-decoration: none;
}
div.movieData a:hover, 
div.movieData a:focus, 
div.movieData a:active {
	text-decoration: underline;
}

div.movieData table
{
	border: 0px;
}
div.movieData table td
{
	white-space: nowrap;
}


div.movie
{
}

div.movie h2
{
	font-style: italic;
	font-weight: bold;
}

/* --------------------------------------------------------------------------------
	About
	--------------------------------------------------------------------------------
*/

div.about
{
}

/* --------------------------------------------------------------------------------
	Guestbook
	--------------------------------------------------------------------------------
*/

div#guestbook
{
	height: 500px;
	overflow: auto;
}
div#guestbook .item
{
	padding: /*top*/1px /*right*/4px /*bottom*/9px /*left*/8px; 
}

div#guestbook .date
{
	font-weight: bold;
}


/* --------------------------------------------------------------------------------
	Links
	--------------------------------------------------------------------------------
*/

div.links
{
}

/*	--------------------------------------------------------------------------------
	--------------------------------------------------------------------------------
*/
.spacer {
	clear: both;
}
.remarks {
	font-size: 80%;
}
.imageLeft
{
	float: left;
	margin-right: 4px;
}
.imageRight
{
	float: right;
	margin-left: 4px;
}


/* EOF */