body {
	background: url(../images/bg.png) top left repeat #374140;
	text-align: center;
}

/* Container */
#body {
	width: 77em;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #044548;
	background: url(../images/vrouw.jpg) bottom right no-repeat #fff;
}

/* Head of page */

#header {
	width: 100%;
	height: 200px;
	border-bottom: 1px solid #044548;
	background: url(../images/banner.jpg) top right no-repeat #003662;
	
}

	#header h1 {
		color: #ffffff;
		font-size: 1.4em;
		margin-left: 13em;
		padding-top: 10px;
		clear: both;
		margin-bottom: 0;
	}
	
	#header h2 {
	clear: left;
		color: #ffffff;
		font-size: 1.2em;
		margin-left: 21em;
		margin-top: 0.3em;
	}
	
/* Styles for tabular menu in header */
	#tabbar {
		float: right;
		margin-top: 126px;
		margin-right: 1em;
	}

		#tabbar ul li {
			float: left;
			list-style-type: square outside;
			display: block;
			padding: 0.2em;
			margin: 0;
			border-bottom: 0px solid black;
			width: 100px;
			text-align: center;
			font-weight: 700;
		}
		
		#tabbar ul li a {
			padding-top: 0.3em;
			text-decoration: none;
			color: #000000;
			text-align: center;
			display: block;
			background: url(../images/grad5.png) top left repeat-x;
			display:block;
			height: 1.4em;
			border: 1px solid #52798A;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
			
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
		}

		#tabbar ul li a:hover {
			background: url(../images/grad5-over.png) top left repeat-x;
		}

/* Page body container */

#main {
	width: 100%;
}

/* Left menu and accordion */

#menu {
	width: 15%;
	float: left;
	padding: 1em;
}

	/*Generic links in accordion*/
		#accordion a {
		text-decoration: none;
		}

	/* accordion reset */
		#accordion h3, #accordion ul, #accordion div, #accordion {
			margin: 0;
		}

		

	/*accordion tab-header*/
		#accordion h3 {
			background: url(../images/grad5.png) top left repeat-x #E41F0F;
			text-transform: uppercase;
			font-size: 1.2em;
			/*CSS 3; gimmick, rounded corners*/
			border-radius: 4px;
			-moz-border-radius: 4px;
			border: 1px solid #52798A;
			margin-bottom: 1px;		
		}
		
		#accordion h3:hover {
			background: url(../images/grad5-over.png) top left repeat-x #E41F0F;
		}

		#accordion a {
			color: black;
			font-weight: 900;
		}
		
		#accordion div {
			text-align: left;
			font-weight: normal;
			/*background-color: #F9F7ED;*/
			overflow: visible;
			border-left: 1px solid #52798A;
			border-right: 1px solid #52798A;
			margin-top: -5px;
			margin-bottom: -3px;
			padding: 3px 0 1px 0;
			height: auto;
		}
		
		#accordion ul {
			background-color: #dedede;	
			margin-bottom: 2px;
		}
		
		#accordion ul li {
			list-style-type: none;
			margin-bottom: 3px;
			padding-left: 5px;
			line-height: 1.2em;
			border-bottom: 1px dotted #ffffff;

		}
		
			#accordion div ul li a {
				font-weight: normal;
				color: #000000;
			}
			
			#accordion div ul li a:hover {
				font-weight: 700;
				text-decoration: underline;
			}

/* Main content*/

#content {
	float: left;
	width: 55%;
	text-align: center;
	border-left: 1px solid #044548;
	border-right: 1px solid #044548;
	min-height: 650px;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Sidebar */

#rbar {
	width: 25%;
	float: right;
	text-align: left;
	margin-right: 0.5em;
}

/*Google Search div*/
	#cse {
		margin-top: 1em;
	}

/* Page Footer*/

#footer {
	border-top: 1px solid #044548;
	text-align: center;
	font-size: 0.8em;
}