#container
	{
	width:980px;
	margin:0 auto;
	}

	
/* wrapper gebruik ik niet, alles in de container (en mainarea) */
	#wrapper
	{
	padding:0 0 0 0; 
	} 
	
/* --------------------------------------------------------------------------------------------------------------------- */


#top-menu
	{
	background:url(bg/bg-body.png)repeat;
	height:40px;
	margin:0 0 20px 0; /*boven-rechts-onder-links*/

	position: fixed; /* Blijft vast staan t.o.v. het venster */
	top: 0;          /* Plaatst het aan de bovenkant */
	width: 100%;     /* Zorgt dat het de volledige breedte beslaat */
	z-index: 9999;   /* Zorgt dat het menu boven andere elementen verschijnt */
	}

#top-menu ul
	{
	list-style:none;
	}

#top-menu li, #top-menu li a, #top-menu li a.home:hover, #top-menu li a.hcurrent, #top-menu li a.current
	{
	display:block;
	float:left;
	}

#top-menu li a, #top-menu li a.current, #top-menu li a.hcurrent
	{
	padding:0 20px;
	color:#fff;
	line-height:39px;
	cursor:pointer;
	}

#top-menu li a:hover, #top-menu li a.current
	{
	background:#0055A5;
	text-decoration:none;
	}

#top-menu li a.home:hover, #top-menu li a.hcurrent
	{
	background:url(images/menu-h-home.png) no-repeat left;
	}

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

#main-menu
	{
	background:#003366 /*url(bg/bg-menu.png)*/ no-repeat;
	height:39px;
	margin:0 0 20px 0; /*boven-rechts-onder-links*/

	position: fixed; /* Blijft vast staan t.o.v. het venster */
	top: 1;          
	width: 100%;     /* Zorgt dat het de volledige breedte beslaat */
	z-index: 9999;   /* Zorgt dat het menu boven andere elementen verschijnt */
	}

#main-menu ul
	{
	list-style:none;
	}

#main-menu li, #main-menu li a, #main-menu li a.home:hover, #main-menu li a.hcurrent, #main-menu li a.current
	{
	display:block;
	float:left;
	}

#main-menu li a, #main-menu li a.current, #main-menu li a.hcurrent
	{
	padding:0 20px;
	color:#fff;
	line-height:39px;
	cursor:pointer;
	}

#main-menu li a:hover, #main-menu li a.current
	{
	background:#0055A5;
	text-decoration:none;
	}

#main-menu li a.home:hover, #main-menu li a.hcurrent
	{
	background:url(images/menu-h-home.png) no-repeat left;
	}

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


#mainarea
	{
	width:980px;
	float:left;
	}

.mblock1-wrap
	{
	background:#fff /*url(bg/mblock1-bg.jpg)*/ repeat-y;
	}
	
/*
.mblock1-top
	{
	background:url(bg/mblock1-top.jpg) no-repeat top;
	}
*/

.mblock1-bottom
	{
	/* background:url(bg/mblock1-bottom.jpg) no-repeat bottom; */
	padding:20px;
	margin:0 0 20px 0;
	}

.mblock1
	{
	background:#fff /*url(bg/mblock1.jpg)*/ no-repeat top; 
	height:255px;
	padding:20px;
	margin:0 0 20px 0;
	}

/*
.mblock2
	{
	background:url(bg/mblock2.jpg) no-repeat top; 
	height:595px;
	padding:20px;
	margin:0 0 20px 0;
	}
*/	

#works
	{
	margin:25px 0 0 0;
	}

#works h3
	{
	font-size:20px;
	}

#sidearea-left
	{
	width:600px;
	float:left;
	}

.sblock1-wrap
	{
	background:#fff /*url(bg/sblock1-bg.jpg)*/ repeat-y;
	}

/*
.sblock1
	{
	background:url(bg/sblock1-top.jpg) no-repeat top;
	}
*/

.sblock1-bottom
	{
	/* background:url(bg/sblock1-bottom.jpg) no-repeat bottom; */
	padding:25px;
	margin:0 0 20px 0;
	}

#sidearea-right
	{
	width:360px;
	float:right;
	}

.sblock2-wrap
	{
	background:#fff /* url(bg/sblock2-bg.jpg)*/ repeat-y;
	}

/*
.sblock2
	{
	background:url(bg/sblock2-top.jpg) no-repeat top;
	}
*/

.sblock2-bottom
	{
	/* background:url(bg/sblock2-bottom.jpg) no-repeat bottom; */
	padding:25px;
	margin:0 0 20px 0;
	}

.figure 
	{
	float: right;
	width: 37%;	
	}

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

#footer
	{
	background:#003366 /*url(bg/bg-menu.png)*/ no-repeat;
	height:39px;
	line-height:39px;
	padding:0 200px 0px 200px;
	margin:20px 0 20px 0;
	
	/* color:#0033ff;*/
	overflow:hidden;
	}
	

#footer a
	{
	color:#ffffff;
	}


#footer a:hover
	{
	background:#0055A5;
	display:block;
	text-decoration:none;
	}

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

body
 	{
	text-align: left;
	font-size: 10pt;
	font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	line-height: 12pt;
	color: #000000;
	background-color: #ffffff;
	background:#ffffff url(bg/bg-body.png) repeat;
	}

h1
	{
	margin-top: 12px;
	/* margin-left: 20px;*/
	font-size: 1.2em;
	font-weight: normal;
	color: #002a5c;
	}

h2
	{
	margin-top: 12px;
	margin-bottom: 12px;
	/* margin-left: 20px;*/
	font-size: 1.5em;
	font-weight: normal;
	color: #002a5c;
	}

h3
	{
	font-size: 1.1em;
	}
h4
	{
	margin-top: 12px;
	margin-bottom: 12px;
	/* margin-left: 20px;*/
	font-size: 1.5em;
	font-weight: normal;
	color: #002a5c;
	
	}
	
h6
	{
	text-align: center;
	
	}

a 
	{
	color:#222;
	text-decoration:none;
	font-weight:bold
	}

a:hover
	{
	color: #0055A5;
	}

p a
	{
	text-decoration: none;
	}

/* IMG 
	{ margin-bottom: 0px; 
	}
*/

img
	{
	border-style: none;
	}	
	
/* --------------------------------------------------------------------------------------------------------------------- */
	
	/* Dit is de CSS voor de inklapbare tekst dus hiermee kan je nog tweaken
details 
	{
	margin: 10px 0;
	font-family: Arial, sans-serif;
	}

summary 
	{
	cursor: pointer;
	font-weight: bold;
	}
	*/