@charset "utf-8";
/* CSS Document */

body	{
	height: 100%;
	width: 100%;
	margin: 0 0;
	padding: 0 0;
	background-color: #004833;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

div#kol1	{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 150px;
	height: 100%;
	background-color: #004833;
	margin: 0 0;
	overflow: hidden;
	/*border: solid 1px #f89828;
	border-width: 0 1px 0 0;*/
}

div#kol2	{
	position: absolute;
	top: 0;
	left: 150px;
	display: block;
	width: 645px;
	height: 100%;
	background-color: #FFF;
	margin: 0 0;
	overflow: hidden;
}

div#kol3	{
	position: absolute;
	top: 0;
	left: 795px;
	display: block;
	width: 100px;
	height: 100%;
	background-color: #004833;
	overflow: hidden;
	margin: 0 0;
}

div#bovenrechthoek	{
	display: block;
	width: 150px;
	height: 50px;
	background-color: #004833;
	margin: 0 0;
}

div#bovencirkel	{
	display: block;
	width: 150px;
	height: 40px;
	background-image: url(../images/cjgb/cirkelboven.jpg);
	margin: 0 0;
}

div#menurechthoek	{
	display: block;
	width: 150px;
	height: 588px;
	background-color: #e9eaef;
	margin: 0 0;
}

div#menurechthoek ul	{
	position: absolute;
	top: 190px;
	left: 0px;
	margin: 0 0;
	padding: 0 0;
}

div#menurechthoek ul li	{
	list-style-type: none;
}

div#menurechthoek ul li a	{
	display: block;
	width: 140px;
	margin: 10px 5px;
	text-align: center;
	text-decoration: none;
	color: #000;
}

div#menurechthoek ul li a:active	{
	color: #f89828;
}

div#menurechthoek ul li a:hover	{
	color: #f89828;
	/*background-color: #004833;*/
}

div#ondercirkel	{
	display: block;
	width: 150px;
	height: 40px;
	background-image: url(../images/cjgb/cirkelonder.jpg);
	margin: 0 0;
}

div#header	{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 645px;
	height: 86px;
	background-color: #FFF;
	margin: 0 0;
}

div#fadelijn	{
	position: absolute;
	top: 86px;
	left: 0px;
	display: block;
	width: 645px;
	height: 4px;
	background-image: url(../images/cjgb/lijnfade.jpg);
	margin: 0 0;
}

div#inhoud	{
	position: absolute;
	top: 100px;
	left: 0px;
	display: block;
	width: 610px;
	height: 588px;
	overflow: scroll;
	margin: 40px 30px;
	background-color: #FFF;
}

div#inhoud h3	{
	font-size: 14px;
	font-weight: normal;
}

div#inhoud #parInhoud	{
	display: block;
	width: 585px;
	margin-top: 53px;
}

div#inhoudonder	{
	display: block;
	width: 645px;
	height: 100%;
	overflow: hidden;
	margin: 0 0;
	background-color: #FFF;
}

div#lijnrechts	{
	display: block;
	width: 5px;
	height: 100%;
	background-image: url(../images/cjgb/lijnrechts.jpg);
	background-repeat: repeat-y;
	margin: 0 0;
	float: left;
	overflow: hidden;
}

h1	{
	font-family: comic sans ms, verdana;
	font-size: 22px;
	font-weight: normal;
	margin-left: 20px;
	color: #004833;
	margin: 0 20px;
}

h4	{
	display: block;
	width: 479px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004833;
	margin-left: 20px;
	margin-top: 40px;
	font-weight: normal;
	float: left;
}

h5	{
	display: block;
	width: 140px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004833;
	float: left;
	font-weight: normal;
	margin-top: 20px;
}

div#imglogo img	{
	position: absolute;
	top: 80px;
	left: 25px;
}