/*
css-rules:
- at the top of this css are the definitions by element
- the rest of the css is by class;
  it's own class, or by its parents' (grandparents, etc) class
*/

/* Hoofdtabel van de pagina. Breedte van de content is maximaal 990px, rekening houdend met eventuele scrolbalk voor resolutie (1024x786) */
.pagetable
{
	width:						990px;
	table-layout:				fixed;
	text-align:					left;
	max-width:					990px;
	margin-left:				auto;
	margin-right:				auto;
	border-spacing:				0px;
	border-collapse:			collapse;
	
}

/* Header, hoogte maximaal 90 pixels */
.headerarea 
{
	vertical-align:				middle;
	height:						70px;
	max-height:					70px
}

.logoline
{
	position:					relative; 
	width:						715px; 
	height:						1px; 
	top:						6px; 
	background-color:			rgb(193,163,94);
}
/* Eind Header */

.bannerarea
{
	vertical-align:				top;
	background-color:			rgb(185,159,102);
	height:						180px;
	border-spacing:10px;
	padding:0px 0px 0px 0px;
}

.sideimagearea
{
	position:					relative;
	left:						-1px;
	top:						-1px;
}

/* Tickertape */
.tickerarea
{
	height:23px;
	background-color:			rgb(193,163,94);
}

.tickerrow
{	background-color:			rgb(193,163,94);
}

.tickercell
{
	background-color:			rgb(193,163,94);
	color:						White;
}

.tickercell a
{
	background-color:			rgb(193,163,94);
	color:						White;
	text-decoration:			none;	
	z-index:					10;
}

.tickercell a:hover
{
	background-color:			rgb(193,163,94);
	color:						White;
	text-decoration:			underline;	
}

/* Content */ 
.contentarea
{
	background-color:			white;
	padding:					10px 5px 10px 10px;
	vertical-align:				top;
	height:						320px;
}
/* Linker gedeelte van het content gedeelte */
.contentarealeft
{
	width:700px;	
}

/* Rechter gedeelte van het content gedeelte */
.contentarearight
{
	width:100px;
}

/* De verticale scheidingslijnen van de content-vlakken */
.verticalcontentseparator
{
	top: 				20px;
	left:				-50px; 
	display:			block; 
	position:			relative;
	border-color:		rgb(0,76,115); 
	border-left-width:	1px; 
	border-left-style:	dotted; 
	width:				3px;
	height:				340px; 
	vertical-align:		middle
}

.horizontalcontentseparator
{
	top:				-10px;
	left:				-25px; 
	display:			block; 
	position:			relative;
	border-color:		rgb(0,76,115); 
	border-top-width:	1px; 
	border-top-style:	dotted; 
	width:				320px;
	height:				3px; 
	vertical-align:		middle
}

.horizontalcontentseparatornieuws
{
	top:				-10px;
	left:				-25px; 
	display:			block; 
	position:			relative;
	border-color:		rgb(0,76,115); 
	border-top-width:	1px; 
	border-top-style:	dotted; 
	width:				650px;
	height:				3px; 
	vertical-align:		middle
}

/* Ruimte tussen de contents */
.multicontentArea1
{
	padding-bottom:	15px;
	padding-left:		35px;
	padding-right:		35px;
	padding-top:		15px;
	vertical-align:		top;
}

/* Ruimte tussen de contents, maximale breedt is 50% */
.multicontentArea2
{
	width:				50%;
	padding-bottom:		15px;
	padding-left:		35px;
	padding-right:		35px;
	padding-top:		15px;
	vertical-align:		top;
}

/* Ruimte tussen de contents */
.multicontentArea3
{
	padding-bottom:		15px;
	padding-left:		35px;
	padding-right:		35px;
	padding-top:		15px;
	vertical-align:		top;
}

/* Footer */
.footerarea
{
	height:				40px;
	color:				rgb(7,70,108);
}

.footerarea td
{
	padding-left: 10px;
}
.footerarea a,
.footerarea a:active,
.footerarea a:visited
{
	font-family:		Trebuchet MS;
	color:				rgb(7,70,108);
	text-decoration:	none;
}