/*** General styles -------------------------------------------------- ***/

html, body, form, h1, h2
	{	margin: 0px; padding: 0px; }

img
	{	border: 0px; }
	
body
	{	background-color: #ffffff;
		font-family: Tahoma; font-size: 12px; color: #660000; }

/* Block : header with headertext, language flags and image */

#header-beam
	{	position: relative; top: 0px; left: 0px;
		width: 100%; height: 120px;
		background-color: #2F4F4F;
		border-bottom: 5px solid #ffffff; }

#header-text
	{	position: absolute; top: 40px; left: 220px;
		font-size: 25pt; color: #ffffff; }

#language-flags
	{	position: absolute; top: 40px; right: 50px; }

#image1
	{	float: left;
		width: 185px; text-align: left;
		background-color: #ffffff; }

/* Block : content body for all content under the header */

#content-body
	{	display: table; width: 100%; height: 1px; /* bug in IE */ }

/* Block : right wing of content body */

#right-wing 
	{	float: right; 
		height: 100%; width: 120px;
		background-color: #FFFFFF; }

#image-field
	{	width: 120px;  
		border: 1pc; border-color: #FFFFFF; padding-bottom: 5px;}

#image-field2
	{	width: 120px; height: 50px;   
		border: 0pc; background-color: #2F4F4F; 
		font-size: 18px; font-weight: normal; color: #ffffff; text-align: center; vertical-align: center}

/* Block : left wing of content body */

#left-wing
	{	float: left; 
		width: 180px; 
		background-color: #708090; }

/* Block : menu area in left wing */

#menu-area
	{	margin-left: -25px; padding-top: 1pt; 
		text-align: left; line-height: 2}

#menu-area ul
	{	list-style-position: outside; list-style-type: none; }

a.current-menu-item /* color is hoover color */
	{	font-size: 12pt; color: #8B0000; font-weight: bold; text-decoration: none; }

a.menu-item
	{	font-size: 12pt; color: #ffffff; font-weight: bold; text-decoration: none; }

#submenu-area
	{	margin-left: -20px; }

#submenu-area ul
	{	list-style-position: outside; list-style-type: none; }

a.current-submenu-item /* color is hoover color */ /* nieuw */
	{	font-size: 11pt; color: #8B0000; font-weight: bold; text-decoration: none; }

a.submenu-item
	{	font-size: 11pt; color: #ffffff; font-weight: bold; text-decoration: none; }

/* Block : login area in left wing */

#login-area
	{	width: 175px;
		font-size: 10pt; text-align: right; }

.login-form, .ok-button
	{	font-size: 10pt; color: #000000; font-weight: normal;}

/* Block : search area in left wing */

#search-area
	{	width: 175px;
		font-size: 10pt; text-align: center; }

/*
#anbi-area
	{	width: 180px;
		font-size: 10pt; font-style: italic; text-align: right; }

#anbi-sticker
	{	width: 130px; 
		font-size: 30pt; font-style: normal; color: #FFFFFF; text-align: right; }
*/

/* Block : central area of content body for editable text and footer */

#central-area
	{	margin-right: 130px; margin-left: 190px;  
		padding: 10px;  } /* The width to use is 1000 - 180 - 120 - 10 - 10 - 10 - 10 = 660px */

#footer
	{	border-top: 1pt solid black; padding: 10px;
		font-size: 9pt; color: #8B0000; font-style: italic; 
		text-align: center; }

/* Block : pages in central area */

#name-page
	{	font-size: 14pt; color: #8B0000; font-weight: bold;
		text-align: left; }

#intro-page
	{	font-size:12pt; color: #8B0000; font-weight: bold; 
		text-align: left; line-height: 20px; }

#body-page
	{	font-size:11pt; color: #000000; font-weight: normal;
		text-align: left; line-height: 17px; }

/* Block : agenda item area in central area */

#agenda-item-area
	{	text-align: left; }

.agenda-date
	{	font-size: 11pt; color: #8B0000; font-style: italic; }

.agenda-name
	{	font-size: 11pt; color: #8B0000; font-weight: bold; }

.agenda-description 
	{	font-size: 11pt; color: #000000; font-weight: normal; }

/* Block : article area in central area */

#article-area /* nieuw */
	{	text-align: left; }

.title-article
	{	font-size: 13pt; color: #8B0000; font-weight: bold;
		text-align: left; }

.author-article
	{	font-size: 13pt; color: #000000; font-style: normal; }

.date-article
	{	font-size: 13pt; color: #000000; font-style: italic; }

.subtitle-article
	{	font-size: 12pt; color: #8B0000; font-weight: normal; font-style: italic; }

.intro-article
	{	font-size:11pt; color: #8B0000; font-weight: bold; line-height: 20px }

.body-article
	{	font-size:11pt; color: #000000; font-weight: normal;
		text-align: left; line-height: 17px}

/* Block : article list area in central area */

#article-list-area
	{	text-align: left; }

.title-article-in-list
	{	font-size: 11pt; color: #8B0000; font-weight: bold; }

.author-article-in-list, .date-article-in-list
	{	font-size: 11pt; color: #000000; font-style: italic; }

.subtitle-article-in-list
	{	font-size: 11pt; color: #8B0000; font-weight: normal; }

.intro-article-in-list
	{	font-size:11pt; color: #000000; font-weight: normal; }

/* Block : file list area in central area */

#file-list-area
	{	text-align: left; }

#file-image-area
	{	float: left; border: 3pt solid white; }

.file-title-in-list
	{	font-size: 11pt; color: #8B0000; font-weight: bold; }

.file-description-in-list
	{	font-size: 11pt; color: #000000; font-weight: normal; }

/* Block : General style elements */

#padding0 /* nieuw */
	{	padding: 0pt; }

#padding4 
	{	padding: 4pt; }

.label
	{	font-size: 11pt; color: #8B0000; font-weight: bold; }

.label2 /* nieuw */
	{	font-size: 11pt; color: #8B0000; font-weight: normal; }

#edit
	{	float: right; }

a:hover 
	{	color: #8B0000;}

a /* text decoration of links */
	{	text-decoration:none; color: #8B0000; }

/* Block : Default new and edit pages */

#edit-area /* nieuw */ 
	{	text-align: left; }

.central-table-width
	{	width: 550px; } /* = rest space #central-area */