* {

  font-family: Helvetica,Arial;

}



body {

  margin: 0px;

  padding: 0px;

  font-family: Helvetica,Arial;

  color: #00677e;

  font-size: 13px;

}



img {

  border: none;

}



form {

  margin: 0px;

  padding: 0px;

}



a:link, 

a:visited {

  text-decoration: none;

}



a:hover {

  text-decoration: underline;

}



h3 {

  font-weight: bold;

  margin: 0;

  padding: 0;

  font-size: 13px;  

}



.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}



#container {

  width: 831px;

  margin: 0 auto;

}



#header {

  height: 70px;

}



#logo {

  width: 270px;

  height: 49px;

  float: left;

}



#headernavigation {

  position: relative;

  width: 400px;

  margin-top: 8px;

  height: 29px;

  float: right;

}



#headernavigation ul {

  position: absolute;

  top: 32px;

  right: 0px;

  float: right;

	padding: 0;

	margin: 0;

  list-style-type: none; 

  height: 29px;

}



#headernavigation ul li {

	padding: 0;

	margin: 0;

	display: block;

	float: left;

}



#headernavigation ul li a {

	border: 0;

	color: #00677e;

	display: block;

	font-size: 12px;

	font-weight: bold;

	height: 29px;

	margin-left: 12px;

	text-align: right;

}



#headernavigation ul li a:hover {

	border: 0;

	display: block;

}



#sections {

  clear: both;

}



#sections div.section {

  float: left;

  width: 208px;

}



#sections div#section_newsflits {

  width: 207px;

}



#sections div.section div.headerimage {

  height: 80px;

  background: #fff url('/img/homepage/header.gif');

}



#sections div.section #headerimage_about, #sections div.section #menu_about {

}



#sections div.section #headerimage_projects, #sections div.section #menu_projects {

  background-position: -208px 0px;

}



#sections div.section #headerimage_news, #sections div.section #menu_news {

  background-position: -416px 0px;

}



#sections div.section #headerimage_newsflits, #sections div.section #menu_newsflits {

  background-position: -624px 0px;

}



#sections div.section div.menu {

	width: 207px;

	height: 51px;

	background: #00677e;

	text-indent: -9999px;	  

	background: #fff url('/img/homepage/menubar.gif');

}



#sections div.section div.menu a {

  width: 207px;

  height: 51px;

  display: block;

}



#sections div.section div.menublock {

  min-height: 100px;

  border: 1px solid #bacacd;

  border-left: 0;

  color: #00677e;

}



#sections div.section div#menublock_about {

  border-left: 1px solid #bacacd;

}



#sections div.section div.menublock div {

  padding: 4px 7px;  

}



#sections div.section div.menublock ul {

  padding: 0px;

  margin: 0px 10px;

}



#sections div.section div.menublock li {

  list-style-image: url('/img/homepage/arrow.gif');

  margin: 1px 5px;

}



#sections div.section div.menublock a:link,

#sections div.section div.menublock a:visited,

#sections div.section div.menublock a:hover {

  font-size: 12px;

  color: #00677e;

}



#sections div.section div.sectionlink {

  width: 207px;

  height: 26px;

  background: url('/img/homepage/overzichtspagina.gif');

  text-indent: -9999px;	  

}



#sections div.section div.sectionlink a {

  width: 207px;

  display: block;

}



#sections div.active div.headerimage {

  background: url('/img/homepage/header_active.gif');

}



#sections div.active div.menu {

  background: #ff6603 url('/img/homepage/menubar_active.gif');

}



#sections div.active div.menublock,

#sections div.active div.menublock a:link,

#sections div.active div.menublock a:visited,

#sections div.active div.menublock a:hover {

  color: #ff6603;

}



#sections div.active div.menublock li {

  list-style-image: url('/img/homepage/arrow_active.gif');

}



#sections div.active div.sectionlink {

  background: url('/img/homepage/overzichtspagina_active.gif');

}



#orangebar {

  clear: both;

  height: 9px;

  background: #ff6603;

  margin-bottom: 1px;

}



#barwithline {

  clear: both;

  height: 2px;

  background: url('/img/homepage/knowledgebasebar.gif') repeat-x;

  background-position: 0px -39px;

}



#knowledgebase {

  clear: both;

  display: none;

  background: #ff6603;

}



#knowledgebase.active {

  display: block;

}



#knowledgebase div.kbheader {

  float: left;

  width: 124px;

  height: 40px;

  text-align: center;

  border-bottom: 1px solid #fff;

  border-right: 1px solid #fff;

  padding: 6px 0;

  color: #fff;

  font-size: 12px;

  font-weight: bold;

  background: #ff6603;

}



#knowledgebase div.kbleft {

  clear: both;

  float: left;

  width: 177px;

  height: 15px;

  border-bottom: 1px solid #fff;

  border-right: 1px solid #fff;

  padding: 6px 15px;

  color: #fff;

  font-size: 12px;

  font-weight: bold;

  background: #ff6603;

}



#knowledgebase div.kbcell {

  float: left;

  width: 124px;

  height: 27px;

  text-align: center;

  border-bottom: 1px solid #fff;

  border-right: 1px solid #fff;

  vertical-align: middle;

  color: #fff;

  font-size: 12px;

  font-weight: bold;

  background: #ff944f;

}



#knowledgebase div.kbcell_highlight {

  background: #ffba8b;

}

  

#knowledgebase div.kbheader {

  height: 40px;

}



#knowledgebase div.last {

  width: 122px;

  border-right: 1px solid #ff6603;

}



#knowledgebase div.kbcell a:link,

#knowledgebase div.kbcell a:visited,

#knowledgebase div.kbcell a:hover {

  display: block;

  width: 100%;

  height: 100%;

  margin: 0px;

  padding: 6px 0;

  color: #ff6603;

  text-decoration: none;

}



#kbmouseover {

  border: 1px solid #fff;

  border-bottom: none;

  background: #f1af81;

  z-index: 10;

}



#kbmouseover ul {

  list-style-type: none; 

  padding: 0;

  margin: 0;

}



#kbmouseover ul li {

  width: 100%;

  height: 27px;

  border-bottom: 1px solid #fff;

}



#kbmouseover ul li a:link,

#kbmouseover ul li a:visited,

#kbmouseover ul li a:hover {

  display: block;

  width: 100%;

  height: 15px;

  margin: 0px;

  padding: 6px 0;

  color: #00677e;

  font-size: 11px;

  font-weight: bold;

}



#kbmouseover ul li a:hover {

  background: #00677e;

  color: #fff;

}



#kbmouseover ul li div

{

  padding: 0 7px;

}



#kbmouseover div.moreitems {

  text-align: center;

}



#kbmouseover div.moreitems a:link,

#kbmouseover div.moreitems a:visited,

#kbmouseover div.moreitems a:hover {

  display: block;

  width: 100%;

  text-align: center;

  height: 15px;

  margin: 0px;

  padding: 6px 0;

  color: #00677e;

  font-size: 11px;

  font-weight: bold;

}



#kbmouseover div.noitems {

  display: block;

  width: 100%;

  text-align: center;

  height: 15px;

  margin: 0px;

  padding: 6px 0;

  color: #00677e;

  font-size: 11px;

  font-weight: bold;

}





#orangebar2 {

  clear: both;

  height: 25px;

  background: #ff6603;

}



#footer {

  height: 44px;  

  padding: 10px;

  margin-top: 17px;

  border: 1px solid #d6dfe1; 

}



#footer img#logoce {

  float: left;

}



#footer #footernavigation {

  position: relative;

  height: 29px;

  margin: 14px 10px;

  float: right;

}



#footernavigation ul {

  float: right;

	padding: 0;

	margin: 0;

  list-style-type: none; 

  height: 29px;

}



#footernavigation ul li {

	padding: 0;

	margin: 0;

	display: block;

	float: left;

}



#footernavigation ul li a {

	border: 0;

	display: block;

	color: #00677e;

	font-size: 12px;		

	font-weight: bold;

	height: 29px;

	margin-left: 12px;

	text-align: right;

}



#footernavigation ul li a:hover {

	border: 0;

	display: block;

}



div.sectionheader {

  height: 16px;

  background: #00677e;

  color: #fff;

  font-weight: bold;

  font-size: 14px;

  padding: 5px 10px;

}



div.sectionheader a:link,

div.sectionheader a:visited,

div.sectionheader a:hover {

  color: #fff  

}



div.tagcloud span {

  margin-right: 3px;

  color: #d6dfe1;

  white-space: nowrap;

}

  

div.tagcloud .f1 {

  font-size: 12pt;

}



div.tagcloud .f2 {

  font-size: 14pt;

}



div.tagcloud .f3 {

  font-size: 15pt;

}



div.tagcloud .f4 {

  font-size: 17pt;

}



div.tagcloud a:link,

div.tagcloud a:visited,

div.tagcloud a:hover {

  color: #d6dfe1;

}



#interactivesearch {

  position: relative;

  float: left;

  width: 206px;

  height: 103px;

  border-right: 1px solid #bacacd;

  border-top: none;

}



#interactivesearch img#map {

  position: absolute;

  top: 10px;

  left: 10px;

  margin-right: 10px;

}



#interactivesearch div#mapsearch_text {

  position: absolute;

  top: 10px;

  left: 110px;

}



#interactivesearch img#arrow {

  position: absolute;

  top: 73px;

  left: 110px;

}



#interactivesearch a:link,

#interactivesearch a:visited,

#interactivesearch a:hover {

  color: #00677e;

  font-size: 13px;

  font-weight: bold;

}



#TB_window {

  border: 4px solid #00677e;

}



#TB_window #TB_closeWindowButton {

  color: #00677e;

  font-weight: bold;

  font-family: Verdana;

}

