/* MAIN CSS */

html {
  height: 100%;
  text-align: center;
}

body {
	padding: 0;
  margin: 0;
  font-family: "arial";
  font-size: 1.0em;
  min-height: 100%;
  height: 100%;
  text-align: left;
  background: #b2dfdc;  
}

#site-container {
	position: relative;
	left: 0;
	top: 0;
  width: 879px;
  height: auto;
  background: #FFFFFF;
}

#top {
  position: relative;
	left: 0;
	top: 0;
  width: 879px;
  height: 238px;
  background: #b2dfdc;
}

#meta-nav {
  position: relative;
	float: left;
	left: 0;
	top: 96px;
  width: 641px;
  height: 20px;
	text-align: right;
  background: #b2dfdc;
}

#meta-nav p {
	padding: 0;
	margin: 0;
	padding-right: 10px;
  font-size: 0.7em;
	color: #00958c;
}

#meta-nav p a, #meta-nav p a:visited{
	padding-left: 5px;
	padding-right: 5px;
	color: #00958c;
	text-decoration: none;
}

#meta-nav p a:hover{
	padding-left: 5px;
	padding-right: 5px;
	color: #00958c;
	text-decoration: underline;
}

#logo {
  position: relative;
	float: right;
	left: 0;
	top: 0;
  width: 238px;
  height: 116px;
	text-align: right;
  background: #FFFFFF;
}

#logo a img{
	text-decoration: none;
	border: none;
}

#page-header {
  position: relative;
	float: left;
	left: 0;
	top: 0;
  width: 879px;
  height: 122px;
	text-align: right;
  background: #FFFFFF;
}

#image {
  position: relative;
	float: left;
	left: 0;
	top: 20px;
  width: 642px;
  height: 111px;
	text-align: left;
  background: white;
}

#adres {
  position: relative;
	float: left;
	left: 9px;
	top: 20px;
  width: 219px;
  height: 101px;
	text-align: left;
  background: #bfe4e2;
}

#adres p {
	padding: 0;
	margin: 0;
	padding-left: 20px;
	padding-top: 10px;
  font-size: 0.7em;
	color: #00958c;
}

#main {
  position: absolute;
	left: 0;
	top: 238px;
  width: 879px;
  height: auto;
  background: #FFFFFF url(../img/backgr_img_main_1.gif) repeat-y;
	border-bottom: 8px solid white;
}

#content {
	position: relative;
	float: left;
	left: 20px;
	top: 20px;
  	width: 590px;
	text-align: left;
	min-height: 180px;
}

#kolom_1 {
	position: relative;
	float: left;
	left: 5px;
	top: -5px;
  width: 190px;
	height: 225px;
	/*background-color: #e7f7f7;*/
		background-color: #FFFFFF;
}

#kolom_1 .nieuws{
	background-color: white;
	padding: 0;
	margin: 0;
}

#kolom_1 .nieuws .item{
	padding-left: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#kolom_1 h1{
	padding-left: 13px;
	padding-bottom: -10px;
}

#kolom_1 p{
	padding: 0;
	margin: 0;
	background-color: none;
	padding-left: 10px;
	padding-right: 10px;
}

#kolom_1 p.date {
	background-color: none;
	color: #e89300;
	display: inline;
	padding: 0;
	margin: 0;
	font-weight: bold;
	padding-left: 10px;
}
#kolom_1 p.title {
	background-color: none;
	color: #00958;
	display: inline;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	font-weight: bold;
}

#kolom_2 {
	position: relative;
	float: left;
	left: 12px;
	top: -5px;
  width: 190px;
	height: 225px;
	/*background-color: #e7f7f7;*/
		background-color: #FFFFFF;
}

#kolom_2 h1{
	padding-left: 13px;
	padding-bottom: -10px;
}

#kolom_2 p{
	padding: 0;
	margin: 0;
	background-color: none;
	padding-left: 10px;
	padding-right: 10px;
}

#kolom_2 p{
	padding: 0;
	margin: 0;
	background-color: none;
	padding-left: 10px;
	padding-right: 10px;
}

#kolom_2 p.date {
	background-color: none;
	color: #e89300;
	display: inline;
	padding: 0;
	margin: 0;
	font-weight: bold;
	padding-left: 10px;
}
#kolom_2 p.title {
	background-color: none;
	color: #00958;
	display: inline;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	font-weight: bold;
}

#kolom_3 {
	position: relative;
	float: left;
	left: 20px;
	top: -5px;
  	width: 190px;
	height: 225px;
	background-color: #bde7e7;
}

#kolom_3 a, #kolom_3 a img{
	border: none;
}


#bottom {
  position: relative;
	float: left;
	top: 20px;
  width: 879px;
  height: 25px;
	border-top: solid 8px #FFFFFF;
  background: #b2dfdc;
	text-align: right;
	vertical-align: bottom;
}

#bottom img {
	padding-top: 2px;
	padding-right: 15px;
}

#sub-menu {
	position: relative;
	float: right;
	left: -9px;
	top: 0;
  width: 219px;
	text-align: left;
	min-height: 160px;
	padding-bottom: 10px;
}

#sub-menu p {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
  font-size: 0.7em;
	color: #FFFFFF;
}

#sub-menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none; 
} 

#sub-menu ul li {
	margin: 0;
	padding: 0;
}

#sub-menu ul li a {
	display: block;
	height: 16px;
	padding-top: 8px;
	padding-left: 20px;
	padding-bottom: 5px;
  font-weight: bold;
  font-size: 0.7em;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: solid 1px white;
	background-color: #00958c;
}

#sub-menu ul li a.active, #sub-menu ul li a:hover {
	background-color: #9fd8d4;
}

#sub-menu ul ul{
	margin: 0;
	padding: 0;
	list-style-type: none; 
} 

#sub-menu ul ul li {
	margin: 0;
	padding: 0;
}

#sub-menu ul ul li a {
	display: block;
	height: 12px;
	padding-top: 4px;
	padding-left: 30px;
  font-weight: bold;
  font-size: 0.7em;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: solid 1px #a0d8d4;
	background-color: #40b0a9;
}

#sub-menu ul ul li a.active, #sub-menu ul ul li a:hover {
	background-color: #9fd8d4;
}

#main-menu {
  position: relative;
	display: inline;
	float: left;
	left: 0;
	top: 0;
  width: 642px;
  height: 27px;
	background-color: #e89300;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	overflow: hidden;
}

#main-menu ul, #main-menu ul li {
  position: relative;
  display: inline;
  list-style-type : none;
  margin: 0;
  padding: 0;
  float: left;
}

#main-menu ul li a {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 0.72em;
  padding: 6px 10px 7px 10px;
  text-decoration: none;
  color: white;
  background-color: #e89300;
	border-right: solid 1px #FFFFFF;
}

#main-menu ul li a.lastitem, #main-menu ul li a.activelastitem  {
	border-right: none;
padding-right: 24px;
}

#main-menu ul li a:hover, #main-menu ul li a.active  {
	background-color: #eeae40;
  padding: 6px 10px 7px 10px;
}

#content h1{
	font-size: 12pt;
	color: #00958c;
}

#content h2{
	font-size: 10pt;
	font-weight: bold;
	color: #00958c;
}

#content p, #content p a {
	font-weight: normal;
	font-size: 9pt;
	color: #00958c;
}

#content a{
	font-weight: normal;
	font-size: 9pt;
	color: #00958c;
}

#content a:hover, #content p a:hover {
	text-decoration: none;
}

#content .content_table {
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 400px;
	float: left;
}

#content .quickmenu{
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 190px;
	float: left;
}

/*#content table.content_table tr td{
	background-color: white;
	height: 225px;
	vertical-align: top;
	border-right:solid 10px green; 
}*/

#content .content_table tr td p{
	margin: 0;
	padding: 0;
}